/* Minification failed. Returning unminified contents.
(2,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(35,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(36,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(37,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(38,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(39,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(40,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(41,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(42,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(43,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(44,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(45,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(47,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(48,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(49,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(50,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(51,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(53,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(54,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(55,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(60,21): run-time error CSS1039: Token not allowed after unary operator: '-font-poppins'
(61,21): run-time error CSS1039: Token not allowed after unary operator: '-title-font-400'
(67,15): run-time error CSS1039: Token not allowed after unary operator: '-text-gold'
(72,21): run-time error CSS1039: Token not allowed after unary operator: '-font-poppins'
(73,21): run-time error CSS1039: Token not allowed after unary operator: '-title-font-400'
(77,21): run-time error CSS1039: Token not allowed after unary operator: '-font-poppins'
(78,21): run-time error CSS1039: Token not allowed after unary operator: '-title-font-500'
(82,21): run-time error CSS1039: Token not allowed after unary operator: '-font-poppins'
(83,21): run-time error CSS1039: Token not allowed after unary operator: '-title-font-600'
(87,21): run-time error CSS1039: Token not allowed after unary operator: '-font-poppins'
(88,21): run-time error CSS1039: Token not allowed after unary operator: '-title-font-700'
(94,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(98,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(102,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(106,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(110,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(114,15): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(118,15): run-time error CSS1039: Token not allowed after unary operator: '-gray-color'
(122,15): run-time error CSS1039: Token not allowed after unary operator: '-gray-text-color-color'
(126,26): run-time error CSS1039: Token not allowed after unary operator: '-green-color-light'
(130,26): run-time error CSS1039: Token not allowed after unary operator: '-blue-color-light'
(134,26): run-time error CSS1039: Token not allowed after unary operator: '-red-color-light'
(138,26): run-time error CSS1039: Token not allowed after unary operator: '-gray-color-light'
(222,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(228,15): run-time error CSS1039: Token not allowed after unary operator: '-black-color'
(234,15): run-time error CSS1039: Token not allowed after unary operator: '-black-color'
(239,15): run-time error CSS1039: Token not allowed after unary operator: '-black-color'
(249,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(250,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(253,21): run-time error CSS1039: Token not allowed after unary operator: '-title-font-500'
(263,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(272,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(274,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(275,21): run-time error CSS1039: Token not allowed after unary operator: '-title-font-500'
(285,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(286,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(295,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(296,21): run-time error CSS1039: Token not allowed after unary operator: '-font-poppins'
(302,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(310,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(311,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(316,15): run-time error CSS1039: Token not allowed after unary operator: '-dark-green-color'
(317,20): run-time error CSS1039: Token not allowed after unary operator: '-font-poppins'
(323,15): run-time error CSS1039: Token not allowed after unary operator: '-blue-color'
(422,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(427,20): run-time error CSS1039: Token not allowed after unary operator: '-font-poppins'
(432,20): run-time error CSS1039: Token not allowed after unary operator: '-font-poppins'
(433,15): run-time error CSS1039: Token not allowed after unary operator: '-black-color'
(438,20): run-time error CSS1039: Token not allowed after unary operator: '-card-shadow'
(444,21): run-time error CSS1039: Token not allowed after unary operator: '-font-poppins'
(445,21): run-time error CSS1039: Token not allowed after unary operator: '-title-font-600'
(446,15): run-time error CSS1039: Token not allowed after unary operator: '-black-color'
(450,21): run-time error CSS1039: Token not allowed after unary operator: '-font-poppins'
(451,21): run-time error CSS1039: Token not allowed after unary operator: '-title-font-700'
(456,21): run-time error CSS1039: Token not allowed after unary operator: '-font-poppins'
(457,21): run-time error CSS1039: Token not allowed after unary operator: '-title-font-600'
(462,21): run-time error CSS1039: Token not allowed after unary operator: '-font-poppins'
(463,21): run-time error CSS1039: Token not allowed after unary operator: '-title-font-600'
(468,21): run-time error CSS1039: Token not allowed after unary operator: '-font-poppins'
(469,21): run-time error CSS1039: Token not allowed after unary operator: '-title-font-600'
(474,21): run-time error CSS1039: Token not allowed after unary operator: '-font-poppins'
(475,21): run-time error CSS1039: Token not allowed after unary operator: '-title-font-400'
(477,15): run-time error CSS1039: Token not allowed after unary operator: '-gray-text-color'
(486,20): run-time error CSS1039: Token not allowed after unary operator: '-font-poppins'
(491,21): run-time error CSS1039: Token not allowed after unary operator: '-title-font-400'
(493,15): run-time error CSS1039: Token not allowed after unary operator: '-black-color'
(497,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(502,21): run-time error CSS1039: Token not allowed after unary operator: '-title-font-600'
(504,15): run-time error CSS1039: Token not allowed after unary operator: '-black-color'
(517,21): run-time error CSS1039: Token not allowed after unary operator: '-title-font-600'
(519,15): run-time error CSS1039: Token not allowed after unary operator: '-black-color'
(523,15): run-time error CSS1039: Token not allowed after unary operator: '-black-color'
(529,21): run-time error CSS1039: Token not allowed after unary operator: '-title-font-500'
(535,21): run-time error CSS1039: Token not allowed after unary operator: '-title-font-500'
(540,21): run-time error CSS1039: Token not allowed after unary operator: '-title-font-500'
(548,15): run-time error CSS1039: Token not allowed after unary operator: '-black-color'
(549,21): run-time error CSS1039: Token not allowed after unary operator: '-title-font-600'
(554,15): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue-color'
(670,26): run-time error CSS1039: Token not allowed after unary operator: '-gray-color'
(675,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(676,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(698,21): run-time error CSS1039: Token not allowed after unary operator: '-title-font-500'
(716,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(791,21): run-time error CSS1039: Token not allowed after unary operator: '-title-font-400'
(808,21): run-time error CSS1039: Token not allowed after unary operator: '-title-font-400'
(821,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(868,14): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(872,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(881,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(885,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(1014,20): run-time error CSS1046: Expect comma, found '0'
(1014,24): run-time error CSS1046: Expect comma, found '/'
(1026,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(1136,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(1137,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(1141,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-secprimaryondary'
(1142,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(1146,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(1147,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(1187,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(1231,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-seondary'
(1232,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(1239,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(1240,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(1253,13): run-time error CSS1046: Expect comma, found '229'
(1253,21): run-time error CSS1046: Expect comma, found '/'
(1254,12): run-time error CSS1046: Expect comma, found '16'
(1254,18): run-time error CSS1046: Expect comma, found '/'
(1278,23): run-time error CSS1039: Token not allowed after unary operator: '-title-font-500'
(1389,21): run-time error CSS1039: Token not allowed after unary operator: '-title-font-400'
(1410,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(1412,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(1417,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(1418,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(1434,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(1435,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(1488,21): run-time error CSS1039: Token not allowed after unary operator: '-title-font-500'
(1494,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondaryr'
(1499,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(1505,27): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(1506,23): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(1510,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(1511,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(1515,32): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(1516,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(1587,14): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(1602,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(1635,14): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(1650,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(1695,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(1696,23): run-time error CSS1039: Token not allowed after unary operator: '-font-poppins'
(1703,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(1711,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(1712,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(1717,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(1721,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(1732,14): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(1736,14): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(1764,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1780,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(1784,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(1871,36): run-time error CSS1046: Expect comma, found '121'
(1871,44): run-time error CSS1046: Expect comma, found '/'
(1905,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(1984,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(1985,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(1995,14): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(2004,14): run-time error CSS1039: Token not allowed after unary operator: '-purple-color'
(2027,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(2069,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(2070,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(2076,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(2077,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(2085,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-dark'
(2086,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-dark'
(2087,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-dark'
(2096,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-dark'
(2097,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-dark'
(2102,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(2103,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(2106,21): run-time error CSS1039: Token not allowed after unary operator: '-title-font-500'
(2116,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-dark'
(2117,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-dark'
(2124,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(2129,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(2130,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(2133,23): run-time error CSS1039: Token not allowed after unary operator: '-title-font-500'
(2143,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-dark'
(2144,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-dark'
(2151,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(2153,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(2154,21): run-time error CSS1039: Token not allowed after unary operator: '-title-font-500'
(2163,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(2164,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(2172,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(2174,14): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(2175,21): run-time error CSS1039: Token not allowed after unary operator: '-title-font-500'
(2184,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(2185,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(2193,14): run-time error CSS1039: Token not allowed after unary operator: '-red-color'
(2198,14): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(2203,14): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(2208,14): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(2234,14): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(2245,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2246,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2247,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2264,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(2265,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(2269,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(2270,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(2275,14): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(2421,14): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(2445,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(2465,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(2478,21): run-time error CSS1039: Token not allowed after unary operator: '-title-font-500'
(2489,14): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(2701,23): run-time error CSS1039: Token not allowed after unary operator: '-title-font-500'
(2713,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(2717,14): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(2793,14): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(2798,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(2799,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(2850,20): run-time error CSS1039: Token not allowed after unary operator: '-purple-color'
(2917,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-active-color'
(2918,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-dark'
(2919,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-dark'
(2923,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(2924,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(2947,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(2948,23): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(2968,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(2969,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(3067,25): run-time error CSS1046: Expect comma, found '222'
(3067,32): run-time error CSS1046: Expect comma, found ')'
(3130,27): run-time error CSS1039: Token not allowed after unary operator: '-font-poppins'
(3131,27): run-time error CSS1039: Token not allowed after unary operator: '-title-font-600'
(3163,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(3164,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(3168,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(3169,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(3173,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(3174,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(3179,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-dark'
(3180,32): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-dark'
(3184,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(3185,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(3229,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(3237,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(3248,32): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(3289,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(3330,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(3334,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(3338,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(3342,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(3360,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(3366,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(3376,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3426,34): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(3430,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(3442,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(3555,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(3559,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3742,27): run-time error CSS1046: Expect comma, found '222'
(3742,34): run-time error CSS1046: Expect comma, found ')'
(3746,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(3751,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-dark'
(3752,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-dark'
(3756,23): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-dark'
(3757,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-dark'
(3770,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-active-color'
(3771,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-active-bg'
(3772,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-active-border-color'
(3811,23): run-time error CSS1039: Token not allowed after unary operator: '-font-poppins'
(3819,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(3912,27): run-time error CSS1039: Token not allowed after unary operator: '-font-poppins'
 */
:root {
    --theme-primary: #9C2068;
    --theme-primary-dark: #851A58;
    --theme-secondary: #32488B;
    --theme-secondary-dark: #26376A;
    --theme-color: #9c2068;
}

@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*/

  --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;
  /*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);
  --text-gold: #FCCC59;
  --bs-modal-width: 600px !important;
}

body {
  background: #fff;
  font-family: var(--font-poppins);
  font-weight: var(--title-font-400);
  font-size: 1rem;
}

.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);
}



.theme-secondary {
  color: var(--theme-secondary);
}
.theme-color
{
  color: var(--theme-secondary);
}

.bg-purple {
  background-color: var(--theme-primary);
}

.bg-blue {
    background-color: var(--theme-secondary);
}

.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-1 {
  overflow: hidden;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  /* height: 75px; */
}

.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: 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: 8px 15px;
  transition: 0.55s;
 /* height: 45px;*/
}

.theme-btn:hover {
  text-decoration: none;
  background: var(--theme-secondary);
  opacity: 0.8;
  color: #fff;
  transition: 0.55s;
}

.theme-outline-btn {
  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 15px;
  transition: 0.55s;

}

.theme-outline-btn:hover {
  text-decoration: none;
  background: var(--theme-primary);
  border-color: var(--theme-primary);
  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;
  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-12 {
  font-size: 12px;
}

.f-size-13 {
  font-size: 13px;
}

.f-size-14 {
  font-size: 14px;
}

.f-size-15 {
  font-size: 15px;
}

.f-size-16 {
  font-size: 16px;
}

.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;
}

.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);
  font-size: 1.125rem;
  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(141,31,68,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;
}

._bg-light-red {
  background-color: rgba(141, 31, 68, 0.1);
}

._bg-light-yellow {
  background-color: #DCE3FE;
}

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

.h-180 {
 padding-bottom:50px ;
}

._mt-50 {
  margin-top: -50px;
}

._mt-100 {
  margin-top: -100px;
}

._mt-250 {
  margin-top: -320px;
}


._mt-350 {
  margin-top: -350px;
}

._mt-420 {
  margin-top: -330px;
}

._mt-440 {
    margin-top: -430px;
}

._mt-500 {
    margin-top: -500px;
}

._mt-550 {
    margin-top: -550px;
}

.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;
}

.card-counter-bg {
  background: var(--theme-primary) !important;
  border-color: var(--theme-primary) !important;
  transition: 0.55s;
}

.card-counter-bg:hover {
  opacity: 0.8;
  transition: 0.55s;
}

.header-wrapper {
  padding: 30px 0;
}

.web-logo {
/* height: 52px; */
}

.custom-navbar-nav .nav-link {
  padding: 0;
  margin: 0 4px;
  font-size: 1rem;
  color: #000000 !important;
  font-family: var(--title-font-500);
}

/*.custom-navbar-nav .nav-link:hover {
  color: var(--theme-color) !important;
}*/

.custom-navbar-nav .nav-link.dropdown-toggle::after {
  opacity: 0;
  content: none;
}

.dropdown-menu._navbar-dropdown-menu {
  background: #ffffff;
  border-radius: 0;
  width: 370px;
  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: 50px;
}

.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 {
        padding: 10px 15px;
    }

        .dropdown-menu._navbar-dropdown-menu .dropdown-item:focus,
        .dropdown-menu._navbar-dropdown-menu .dropdown-item:hover,
        .dropdown-menu._navbar-dropdown-menu .dropdown-item:active {
            color: #212529 !important;
            background-color: #f1f1f1 !important;
            transition: 0.55s;
        }

.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-color: rgba(0, 0, 0, 0.5);  */
  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;
}

/*._wrapper-1 .content-detail .main-title {
  margin-right: 150px;
}*/

.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 {
  margin-top: 70px;
  background-color: #f7f1f3;
  /* background-image: url(../images/image-banner-2.png); */
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
}

._wrapper-2 .content-detail {
  padding-top: 100px;
  padding-bottom: 70px;
}

._wrapper-2 .content-detail .main-title {
  /* margin-right: 100px; */
}

._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._bg-light-red svg {
  fill: var(--theme-primary);
}

.content-detail:hover .circle-icon._bg-light-red  {
  background-color: var(--theme-primary) !important;
  box-shadow: 0 25px 25px #00000016 !important;
  transition: 0.55s;
}
.content-detail:hover .circle-icon._bg-light-red svg , .content-detail:hover .circle-icon._bg-light-yellow svg {
  fill:#fff !important;
}

.content-detail .circle-icon._bg-light-yellow svg {
  fill:  var(--theme-secondary);
}

.content-detail:hover .circle-icon._bg-light-yellow  {
  background-color: var(--theme-secondary) !important;
  box-shadow: 0 25px 25px #00000016 !important;
  transition: 0.55s;
}





._wrapper-4,
._wrapper-6 {
  margin-top: 64px;
  padding-top: 64px;
  padding-bottom: 64px;
  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-logo-colum img {
  
    height:36px !important;
}

.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;
}

.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-slider-wrapper {
    background: #0a152f url(../images/banner-product.jpg) no-repeat center top;
    padding: 70px 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 400px;
}



.inner-slider-wrapper-2 {
    background: #0a152f url(../images/banner-product.jpg) no-repeat center top;
    background-size: cover !important;
    padding: 70px 0px 90px;
    display: block;
}

.inner-slider-text {

  margin-bottom: 50px;
}

.text-blue {
    color: #488DCA;
}

.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: 25px;
  display: flex;
  justify-content: center;
  width: 100%;
}

.inner-card-btns a {
  width: 100%;
  text-align: center;
  line-height: 27px;
  font-size: 0.875rem;
}

/*.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: 16px;
}

.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;
}

.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-seondary) !important;
    color: var(--theme-secondary) !important;
    /* background: hsl(340deg 64% 34% / 5%);*/
    background: #f4f7ff !important;
    padding: 15px !important;
}

.course-light-info-2.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: 40px;
    font-weight: 600;
    line-height: 16px;
}

.text-gray-5
{
  color: #5b5959;
}

.form-label-bg {
  background: #def1ff;
  border-radius: 5px;
}

.me-form-input , .form-select-xs {
  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: 35vw; 
  aspect-ratio: 16/9;
}

.cart-product-list .table .table-light tr th {
  background: #f3f4f6;
}

.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 {

}

.input-text:read-only:focus
{
    outline:none !important;
}

.min-container
{
  /*min-height: 700px;*/
}
.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;
}

.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: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) !important;
    background-color: #FEF9FB !important;
    border-color: var(--theme-primary) !important;
}

.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 {
  background-image: url(../images/contact-us-bg.png);
  background-color: #111928;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right;
  height: 260px;
}



._faq-wrapper {
  background: #011f3d url(../images/banner-product.jpg) no-repeat scroll center ;
  width: 100%;
  background-size: cover;
  padding: 70px 0;
}



._page-not-found-wrapper {
  background-color: #0c1a3d;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
}

.contact-info-detail .me-form-input,
.contact-info-detail .me-form-input {
  height: 45px;
}

.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;
}

.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;
}

.offcanvas-end .theme-btn {
   background-color: var(--theme-primary) !important;
   border-color: var(--theme-primary) !important;
}

.offcanvas-end .theme-outline-btn {
    border-color: var(--theme-primary) !important;
    color: var(--theme-primary);
}

    .offcanvas-end .theme-outline-btn:hover {
        background-color: var(--theme-primary) !important;
        border-color: var(--theme-primary) !important;
        color: #fff;
    }
/**/
.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
{
  height: 36px;
}

.faq-card-accordion .accordion-item .accordion-body
{
background: #F3F4F6;
}
.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}

.blue-outline-btn {
    background: transparent;
    border: 1px solid;
    border-radius: 8px;
    color: var(--theme-secondary);
    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-secondary);
    transition: 0.55s;
    transition: 0.55s;
    line-height: 18px;
    display: inline-block;
}

    .blue-outline-btn:hover {
        background: var(--theme-secondary);
        border-color: var(--theme-secondary);
        color: #fff;
    }

.purple-outline-btn svg {
    fill: var(--theme-primary);
}

.blue-outline-btn svg {
    fill: var(--theme-secondary);
}



.purple-outline-btn:hover svg, .blue-outline-btn:hover svg {
    fill: #fff;
}

.text-primary
{
  color:var(--theme-primary) !important;
}

.text-secondary {
  color:var(--theme-secondary) !important;
}

.list-right-pricing li .icon-25
{
  width: 20px;
  height: 20px;
}

.list-right-pricing li.text-base
{
  font-size: 16px;
}

.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 bbt.jpg') no-repeat center center;
  background-size: cover;
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.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: 45px;
}

.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: 45px;
        width: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

.form-select-sort
{
  height: 45px;
}

.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: #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: #F2F4F7;
}

.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(--theme-primary) !important;
    background: var(--theme-primary) !important;
    color: #fff !important;
}

.btn-copy-link svg {
    fill: none !important;
}

    .btn-copy-link svg path
    {
stroke: var(--theme-primary);
    }

    .btn-copy-link:hover svg path {
        stroke: #fff !important;
    }


.link-container:hover svg path {
  fill: var(--purple-color);
}

._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 {
  color: white !important;
  background-color: var(--theme-color);
}

.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: rgba(141, 31, 68, 0.15);

}

.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;
}


.btn-primary {
  background: var(--theme-primary);
  border-color: var(--theme-primary);
  border-radius: 8px;
  color: #fff;
  font-family: var(--title-font-500);
  font-size: 1rem;
  display: inline-block;
  padding: 10px 15px;
  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;
}

.content-detail p a
{
    color: var(--theme-primary);
    font-weight:600;
}

.btn-secondary {
    background: var(--theme-secondary);
    border-color: var(--theme-secondary);
    border-radius: 8px;
    color: #fff;
    font-family: var(--title-font-500);
    font-size: 1rem;
    display: inline-block;
    padding: 10px 15px;
    transition: 0.55s;
}

.btn-secondary:hover , .btn-secondary:active
{
  text-decoration: none;
  background: var(--theme-secondary-dark);
  border-color: var(--theme-secondary-dark);
  color: #fff;
  transition: 0.55s;
}

.btn-outline-primary {
  background: transparent;
  border-color: var(--theme-primary);
  border-radius: 8px;
  color: var(--theme-primary);
  font-family: var(--title-font-500);
  font-size: 1rem;
  display: inline-block;
  padding: 10px 15px;
  transition: 0.55s;
 
}
.btn-outline-primary:hover {
  text-decoration: none;
  background: var(--theme-primary);
  border-color: var(--theme-primary);
  color: #fff;
  transition: 0.55s;
}

.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: 1rem;
  display: inline-block;
  padding: 10px 15px;
  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;
    }


.fill-svg
{
  fill: var(--red-color);
}

.fill-svg-green
{
  fill: var(--green-color);
}

.fill-svg-primary
{
  fill: var(--theme-primary);
}

.fill-svg-secondary
{
  fill: var(--theme-secondary);
}

.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
{
  background: #f7f1f3;
  padding: 64px 0 64px;
}


.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #12B76A;
  --bs-btn-border-color: #12B76A;
}


.text-bg-success
{
  background-color: #12B76A !important;
}

.alert-success
{
  background-color: #ECFDF3;
    color: #05603A;
}

.btn-outline-primary
{
  border: 1px solid var(--theme-primary);
  color: var(--theme-color);
}

.btn-outline-primary:hover {
  background-color: var(--theme-primary);
  border-color: var(--theme-primary);
}

.offcanvas-title svg
{
  fill: var(--theme-primary);
}

.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;
}

.offcanvas-header .btn-close
{
  width: 32px;
  height: 32px;
  padding: 0px;
}



.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 .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;
  }
}

.btn-outline-primary svg
{
  fill: var(--theme-primary);
}


.btn-outline-primary:hover svg
{
  fill: #ffffff ;
}


.btn-outline-primary:hover .text-primary
{
  color: #ffffff !important;
}

.alert-danger .alert-link
{
color: #9C2068;
}



.bg-primary
{
  background-color: var(--theme-color) !important;
}

.h-40-p-8-12 {
  height: 40px !important;
  padding: 8px 12px !important;
}

.h-36-p-8-12 {
  height: 36px !important;
  padding: 6px 12px !important;
}
.navbar-brand img {
  min-height: 60px !important;
  height: 60px !important;
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link.active:hover{
    color: #fff !important;
    background-color: var(--theme-secondary) !important ;
}

.navbar-nav .nav-link.active  svg path {
  fill: #fff !important;
} 


.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:hover {
 /* color: var(--theme-color) !important;*/
  background: #f1f1f1;
}

.custom-navbar-nav .nav-link.dropdown-toggle svg path {
  fill: var(--theme-secondary);
}


@media (min-width: 1200px)
{
  .container {
    max-width: 1180px;
}
.custom-navbar-nav .nav-link {
 
  font-size: .875rem;
  
}

}

@media (min-width: 1400px)
{
  .container {
    max-width: 1320px;
}

.custom-navbar-nav .nav-link {
 
  font-size: 1rem;
  
}
}

.table-payment thead tr th {
  background-color: #ddf1ff !important;
}

.table > tbody > tr > .no-line {
  border-top: none !important;
}

.table > thead > tr > .no-line {
  border-bottom: none !important;
}



.soft-line {
  border-top: 1px solid;
}

.no-border td {
  border: none !important;
}

.payment-text {
  color: #3255b5 ;
}

.table-payment *
{
  font-size: 14px;
}


.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;
  }
}

.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;
}

.bg-training {
  background: #E1F3F5;
}

.bg-training-2 {
  background: #EBECEC;
}

.text-gray-5
{
  color: #656565;
}

.training .theme-btn {
  height: 36px !important;
  padding-top: 6px !important;
}

.btn-success {
  background: #16B364 !important;
  height: 36px !important;
    border-radius: 8px;
    color: #fff;
    font-family: var(--title-font-500);
    display: inline-block;
    padding: 6px 15px;
    transition: 0.55s;
}

.btn-success:hover {
  background: #099250 !important;
  border-color: #099250 !important;
}

.add-more-hover:hover {
  color: var(--theme-secondary) !important;
}

.add-more-hover:hover svg path {
  fill: var(--theme-secondary) !important;
}

.btn-warning:hover {
  color: #000 !important;
}

.table.bg-transparent tr td
{
background-color: transparent !important;
padding-left: 0px;
padding-right: 0px;
}

.w-120
{
min-width: 120px;
}

.link-admin
{
  top:16px;
  right: 4px;
  z-index: 20;
}

.show-password-1 {
  top: 4px;
  right: 4px; 
 
  display: inline-flex;
  align-items: center;
  justify-content: center;

}

.dashboard .rounded-3 {
  border-radius: 0.75rem !important;
}

.dashboard .rounded-8p {
  border-radius: 8px !important;
}

.dashboard table tr th {
  font-size: 14px !important;
  font-weight: 400;
  line-height: 24px;
  text-transform: uppercase;
  color:  #6B7280;
  padding: 0.75rem .5rem !important;
  background-color: #F9FAFB;
  font-size: 13px !important;
}

.dashboard table tbody tr td {

  padding: .875rem .5rem !important;
  vertical-align: middle;
}

.dashboard table tbody tr td:first-child , .dashboard table thead tr th:first-child
{
  padding-left: 1rem !important;
}
.dashboard table tbody tr:last-child td 
{
border: none !important;
}

.show-password-1:hover {
  /* background-color: var(--theme-primary);
  border: 1px solid var(--theme-primary) !important; */
}

.show-password-1:hover svg path  {
  fill: var(--theme-primary);
}

.rich_text:hover a {
  transition: box-shadow .2s;
  box-shadow: inset 0 -1px var(--theme-secondary);
  color: var(--theme-secondary) !important;
}
.card-dashboard
{
  min-height: 320px !important;
}
.dashboard .card-dashboard {
  border-radius: 12px;
border: none;
/* box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.10); */
}

.dashboard .form-select {
  border: 1px solid #D0D5DD;
  height: 38px;
  border-radius: 8px;
}

.dashboard .btn svg {
  width: 15px !important;
}

.dashboard .btn {
  border: 1px solid #D0D5DD;
}

.dashboard .show1 {
  top: 6px;
  right: 4px;
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}

.dashboard .show1:hover {
  top: 6px;
  right: 4px;
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background-color: white;
}


.dashboard .show1.active svg path {
        fill: var(--purple-color);
    }

.dashboard .card-group {
  display:flex;
  flex-flow: row wrap
}

.dashboard .card-group>.card {
  flex: 1 0 0%;
  margin-bottom: 0
}

.dashboard .card-group>.card+.card {
  margin-left: 0;
  border-left: 0
}

.dashboard .card-group>.card:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.dashboard .card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top {
  border-top-right-radius: 0
}

.dashboard .card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom {
  border-bottom-right-radius: 0
}

.dashboard .card-group>.card:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.dashboard .card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top {
  border-top-left-radius: 0
}

.dashboard .card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom {
  border-bottom-left-radius: 0
}

.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: '';
 /* border: none !important;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%fffffa40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");*/
  position: relative;
 /* background-position: 1px 1px;
  width: 15px;
  height: 12px;
  background-repeat: no-repeat;*/
  top: 0px;
}

.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
    color: var(--bs-btn-active-color);
    background-color: var(--theme-primary-dark);
    border-color: var(--theme-primary-dark);
}

.dashboard .btn-hvr:hover {
  background-color: var(--theme-primary) !important;
  border-color: var(--theme-primary);
  color: #fff !important;
}

.dashboard .btn-hvr:hover svg path {
  fill: #FFF;
}

.copy-ins{
  width: 32px !important;
  height: 32px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  margin-right: 8px;
}

.copy-ins svg{
 width: 15px;
}

.copy-ins:hover {
  background-color: var(--theme-primary);
  border-color:  var(--theme-primary);
}

.copy-ins:hover svg path {
  fill: #FFF;
}

.table-responsive-dashboard
{
  border: 1px solid #EAECF0;
  border-radius: 8px;
}

.link-download
{
  font-size: 14px;
  
}
.link-download:hover
{
  background: var(--theme-primary);
  border-color: var(--theme-primary);
}

.link-download:hover svg path
{
  fill:  #fff !important;
}

.card-dashboard .accordion-button::after
{width: 1rem !important;
  height: 1rem !important;
  background-size: 1rem !important;

}

.dashboard .accordion-button:not(.collapsed)
{
background: none !important;
box-shadow: none !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);
}

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 {
  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.disable {
  background-position: 0 -28px, 0 0;
  opacity: 0.2;
}

.form-select {
  background-position: right 0.35rem center !important; 
}



.btn:disabled{
  color: #fff !important;
  pointer-events: none !important;
  background-color: #6c757d !important;
  border-color: #6c757d !important;
  opacity: 0.65 !important;
}
.d-training-module .card-group .card:hover {
    
    background: rgb(147 222 246);
    box-shadow: 0 25px 25px #00000016;
}

.bg-secondary {
  background-color: #043956 !important;
}


.card-dashboard .card-header  {
  border-radius: 0.75rem 0.75rem 0rem 0rem !important;
}

.bg-primary-100
{
  background: #F7F2F2;
}

.bg-secondary-100
{
  background: #F2F7F2;

}

.blog-author-img {
  background-image: url('https://mdbcdn.b-cdn.net/img/new/avatars/2.webp');
  background-color: red;
}

/* input[type=password].form-control.input-validation-error.me-form-input {
  background: none !important;
} */

.password.input-validation-error {
  background: none !important;
}

/*
Responsive CSS:
*/

@media (min-width: 576px) {

  .modal-dialog-md {
      max-width: 700px !important;      
  }

  
}


@media (max-width: 768px) {

 .flex-howitworks {
  flex-direction: column !important;
 }

    .link-admin {
        top: 28px;
      
    }

    .section-mini-title {
        font-family: var(--font-poppins);
        font-weight: var(--title-font-600);
        font-size: 1.2rem;
    }

    .contact-us._wrapper-1 {
        padding: 32px 0px;
    }

    ._mt-440 , ._mt-500{
        margin-top: 16px !important;
    }

 .card-group {
  display: flex !important;
}

._mt-50 {
  margin-top: 10px;
}

    .app-search-form {
        position: relative;
        max-width: 100%;
    }

.scores-green {
    background: url(../images/my_comp_tr_loader.png) no-repeat;
}
  
}

.faq-card .theme-btn {
    background-color: var(--theme-secondary) !important;
    border-color: var(--theme-secondary) !important;
}

.contact-info-detail .theme-btn {
    background-color: var(--theme-secondary) !important;
    border-color: var(--theme-secondary) !important;
}

.contact-info-detail .purple-outline-btn {
    color: var(--theme-primary) !important;
    border-color: var(--theme-primary) !important;
}

    .contact-info-detail .purple-outline-btn:hover {
        color: #fff !important;
        border-color: var(--theme-primary-dark) !important;
        background-color: var(--theme-primary-dark) !important;
    }

.login-form-content .theme-btn {
    background-color: var(--theme-secondary) !important;
    border-color: var(--theme-secondary) !important;
}


.blog-actions {
    position: absolute;
    right: 25px;
    bottom: 25px;
}


span.text-danger.field-validation-error {
    font-size: 14px;
}


.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;
    }




.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;
    }



@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;
    }
}



.content-detail .circle-icon.circle-secondary {
    border: 1px solid var(--theme-secondary);
}

.content-detail .circle-icon.circle-primary {
    border: 1px solid var(--theme-primary);
}

    .content-detail .circle-icon.circle-primary svg {
        fill: var(--theme-primary);
    }

.content-detail .circle-icon.circle-secondary svg {
    fill: var(--theme-secondary);
}

.content-detail .circle-icon {
    margin-right: 30px;
    text-align: center;
    transition: transform .5s ease;
}

.circle-icon {
    border-radius: 100px;
    width: 70px;
    height: 70px;
    min-width: 70px;
    line-height: 70px;
}

.content-detail:hover .circle-icon.circle-secondary {
    background-color: var(--theme-secondary) !important;
    box-shadow: 0 25px 25px #00000016 !important;
    transition: 0.55s;
}

.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;
    }

.faq.table-light {
    --bs-table-bg: #e1edff !important;
}

.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 0.125rem 0.25rem rgba(0,0,0,.075) !important;
    padding: 16px;
    min-height:190px;
}

.product-selector-expand {
    padding: 16px;
    height: 100%;
    overflow-y: auto;
}

.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;
}

    .product_selector li a {
        color: #000;
        font-size: 14px;
        text-decoration: none;
        padding: 10px 16px;
    }

    .product_selector li:hover {
        border: 0.5px solid var(--theme-secondary);
    }

.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);
    }

.product_selector.expand {
    left: 0;
}

.adobe-reader {
    background: url(../images/get_adobe_reader.png) no-repeat;
    width: 158px;
    background-size: cover;
    height: 39px;
}


.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;
}

.bg-light-blue {
    background: #eff6ff;
}

.ls-none {
    list-style: none;
}

.h-56 {
    height: 56px;
}

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;
}



@media (max-width: 576px) {
    .bbp_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;
    }
}

.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;
    text-indent: -9999px !important;
    min-height: 24px;
    border: none;
}

/* skeleton css for training loader start */


.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*/


.bg-iceberg {
    background-color: #E0F8FF;
}

.border-iceberg {
    border-color: rgb(147 222 246) !important; 
}

.dropdown-item.active, .dropdown-item:active {
    background-color: var(--theme-primary) !important;
}


.btn-secondary:focus-visible, .btn-secondary:active, .btn-outline-secondary:focus-visible {
    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 {
    background: var( --theme-primary-dark) !important;
    border-color: var(--theme-primary-dark) !important;
}

.partner-img {
    
    width:200px;
}

.required {
    color: #F04438 !important;
}

.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;
}

.f-size-20 {
    font-size: 20px !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;
    }
}

.d-ruby {
    display: ruby !important;
}
/*
*******************************
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;
  }
    .flex-howitworks {
    flex-direction: column !important;
}

    .watch-video-btn {
       
        padding: 10px 15px 10px 0px;
    }


    ._wrapper-1 {
        padding: 64px 0px;
    }
  .container {
    max-width: 720px;
  }

  .container ._mt-100 {
    margin-top: 0px;
  }
  ._faq-wrapper {
    
    height: auto;
    padding: 24px 0;
  }

  .trainig-log .btn-group>.btn {
    position: relative;
    flex: 0 0 auto;
}

.dashboard table {
  width: 650px;
}

.container.dashboard {
  padding-top: 30px;
    padding-bottom: 30px;
}
}

/* `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
  .container.dashboard {
    padding-top: 30px;
      padding-bottom: 30px;
  }


    
  
  .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 {
        /* height: 40px;*/
        padding: 12.3px 12px;
    }
  .h1-title {
    font-size: 2.2rem !important;
    margin-bottom: 20px;
  }
  .web-logo {
    height: 36px !important;
  }
  .video-banner {
    height: calc(100vh - 330px);
  }
  .video-banner .content h4 {
    font-size: 20px;
    line-height: 32px;
    padding: 0 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 {
    margin-top: 35px;
  }*/
  ._wrapper-4,
  ._wrapper-6 {
    margin-top: 35px;
    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;
  }
  ._wrapper-2 .content-detail {
    padding-top: 50px;
    padding-bottom: 35px;
  }
  ._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: 20px;
  }
  .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;
  }
  .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%;
  }

    ._mt-100.first {
        margin-top: -70px;
    }
    ._mt-100 {
        margin-top: 0px;
    }
    ._mt-500 {
        margin-top: 0px !important;
    }

    ._mt-440 {
        margin-top: 0px;
    }
}

/* `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    .h1-title {
        font-size: 3rem;
    }

    ._wrapper-1 .content-detail .main-title {
        margin-right: 0px !important;
    }


    .main-title {
        font-size: 1.8rem;
    }


    ._mt-500 {
        margin-top: -590px;
    }
    ._mt-440 {
        margin-top: -490px;
    }


    
}

/* `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) {
}