/* Minification failed. Returning unminified contents.
(10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(35,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(36,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(37,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(38,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(39,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(40,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(41,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(42,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(43,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(44,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(45,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(47,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(48,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(49,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(50,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(51,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(52,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(53,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(54,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(55,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(56,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(57,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(58,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(59,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(60,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(61,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(63,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(64,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(65,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(66,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(67,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(68,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(69,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(70,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(71,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(72,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(73,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(74,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(75,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(76,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(77,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(78,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(79,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(80,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(81,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(82,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(83,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(84,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(85,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(86,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(87,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(88,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(89,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(90,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(91,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(92,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(93,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(94,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(95,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(96,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(97,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(98,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(99,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(100,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(101,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(102,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(103,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(104,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(105,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(106,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(107,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(108,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(109,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(110,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(111,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(112,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(113,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(114,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(115,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(116,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(117,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(118,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(119,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(120,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(121,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(122,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(123,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(124,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(125,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(126,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(131,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(132,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(133,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(134,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(135,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(136,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(137,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(138,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(139,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(140,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(141,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(142,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(143,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(144,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(145,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(146,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(147,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(148,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(149,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(150,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(151,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(152,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(153,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(154,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(155,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(156,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(157,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(158,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(159,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(160,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(161,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(162,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(163,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(164,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(165,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(166,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(167,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(168,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(169,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(170,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(171,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(172,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(173,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(174,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(175,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(176,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(177,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(178,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(179,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(180,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(181,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(182,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(199,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-font-family'
(200,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-font-size'
(201,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-font-weight'
(202,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-line-height'
(203,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(204,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-text-align'
(205,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg'
(214,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(234,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-heading-color'
(359,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-highlight-color'
(360,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-highlight-bg'
(380,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-color-rgb'
(380,48): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-opacity'
(385,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(398,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-font-monospace'
(418,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-code-color'
(429,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg'
(430,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(456,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-color'
(754,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg'
(755,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(755,47): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color'
(756,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(772,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-color'
(782,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(783,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(785,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x'
(786,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x'
(837,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(838,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(839,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(840,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(841,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(842,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(846,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(847,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(850,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-y'
(851,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x'
(852,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x'
(859,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x'
(860,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x'
(861,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-y'
(1014,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1019,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1024,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1029,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1034,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1039,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1044,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1049,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1054,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1059,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1064,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1069,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1194,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1198,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1202,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1206,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1210,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1214,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1218,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1222,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1226,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1230,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1234,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1238,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1364,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1368,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1372,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1376,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1380,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1384,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1388,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1392,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1396,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1400,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1404,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1408,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1534,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1538,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1542,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1546,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1550,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1554,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1558,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1562,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1566,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1570,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1574,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1578,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1704,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1708,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1712,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1716,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1720,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1724,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1728,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1732,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1736,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1740,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1744,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1748,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1874,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1878,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1882,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1886,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1890,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1894,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1898,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1902,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1906,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1910,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1914,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1918,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1923,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1924,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1925,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1926,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1927,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1928,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1929,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1930,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1931,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1932,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1933,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1934,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1935,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1936,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1940,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-border-color'
(1945,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color-state'
(1945,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color-type'
(1945,72): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color'
(1946,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-bg'
(1947,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(1948,41): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-bg-state'
(1948,66): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-bg-type'
(1948,90): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-accent-bg'
(1960,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(1972,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(1976,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(1988,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1989,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1993,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1994,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1998,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1999,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2003,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2004,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2008,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2009,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2010,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2011,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2012,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2013,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2014,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2015,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2016,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2017,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color'
(2018,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-border-color'
(2022,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2023,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2024,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2025,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2026,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2027,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2028,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2029,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2030,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2031,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color'
(2032,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-border-color'
(2036,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2037,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2038,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2039,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2040,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2041,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2042,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2043,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2044,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2045,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color'
(2046,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-border-color'
(2050,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2051,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2052,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2053,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2054,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2055,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2056,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2057,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2058,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2059,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color'
(2060,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-border-color'
(2064,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2065,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2066,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2067,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2068,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2069,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2070,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2071,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2072,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2073,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color'
(2074,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-border-color'
(2078,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2079,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2080,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2081,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2082,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2083,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2084,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2085,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2086,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2087,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color'
(2088,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-border-color'
(2092,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2093,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2094,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2095,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2096,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2097,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2098,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2099,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2100,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2101,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color'
(2102,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-border-color'
(2106,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2107,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2108,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2109,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2110,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2111,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2112,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2113,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2114,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2115,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color'
(2116,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-border-color'
(2164,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(2165,41): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(2172,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(2173,39): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(2178,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(2179,40): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(2186,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-color'
(2196,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(2200,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg'
(2202,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(2202,47): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color'
(2203,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(2222,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(2223,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg'
(2241,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-color'
(2246,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-color'
(2251,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-bg'
(2260,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(2261,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-tertiary-bg'
(2266,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(2277,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(2278,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-tertiary-bg'
(2283,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(2299,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-bg'
(2303,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-bg'
(2312,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(2315,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(2329,48): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(2332,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-sm'
(2350,47): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(2353,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg'
(2371,49): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(2375,48): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(2379,47): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(2384,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(2394,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(2399,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(2403,44): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(2407,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(2411,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2418,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(2422,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg'
(2423,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-select-bg-img'
(2423,58): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-select-bg-icon'
(2427,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(2427,47): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color'
(2428,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(2451,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-bg'
(2456,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(2464,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-sm'
(2472,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg'
(2476,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2504,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2513,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-check-bg'
(2514,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-check-bg-image'
(2518,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(2518,47): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color'
(2548,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2552,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2558,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2578,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2581,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-switch-bg'
(2594,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2599,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2631,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2689,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-bg'
(2722,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-bg'
(2732,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-color'
(2736,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-color'
(2746,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(2747,41): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(2763,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(2815,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color-rgb'
(2823,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color-rgb'
(2833,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg'
(2834,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(2846,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg'
(2847,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(2851,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color-rgb'
(2856,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(2866,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-bg'
(2908,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(2911,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-tertiary-bg'
(2912,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(2912,47): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color'
(2913,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(2922,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg'
(2931,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-sm'
(2956,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(2972,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-valid-color'
(2985,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-success'
(2986,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(2998,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-valid-border-color'
(3008,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-valid-border-color'
(3009,40): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-rgb'
(3020,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-valid-border-color'
(3027,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3035,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-valid-border-color'
(3036,40): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-rgb'
(3046,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-valid-border-color'
(3051,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-valid-color'
(3056,40): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-rgb'
(3061,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-valid-color'
(3082,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-invalid-color'
(3095,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger'
(3096,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(3108,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-invalid-border-color'
(3118,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-invalid-border-color'
(3119,40): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger-rgb'
(3130,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-invalid-border-color'
(3137,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3145,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-invalid-border-color'
(3146,40): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger-rgb'
(3156,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-invalid-border-color'
(3161,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-invalid-color'
(3166,40): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger-rgb'
(3171,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-invalid-color'
(3188,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3189,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3190,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3191,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3192,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3193,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3194,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3195,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3196,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3197,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3198,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3199,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3200,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3201,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3202,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3204,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-padding-y'
(3204,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-padding-x'
(3205,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-font-family'
(3206,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-font-size'
(3207,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-font-weight'
(3208,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-line-height'
(3209,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-color'
(3217,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-border-width'
(3217,51): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-border-color'
(3218,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-border-radius'
(3219,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-bg'
(3230,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-hover-color'
(3231,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-hover-bg'
(3232,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-hover-border-color'
(3236,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-color'
(3237,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-bg'
(3238,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-border-color'
(3242,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-hover-color'
(3243,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-hover-bg'
(3244,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-hover-border-color'
(3246,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-focus-box-shadow'
(3250,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-hover-border-color'
(3252,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-focus-box-shadow'
(3260,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-active-color'
(3261,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-active-bg'
(3262,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-active-border-color'
(3270,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-focus-box-shadow'
(3276,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-disabled-color'
(3278,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-disabled-bg'
(3279,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-disabled-border-color'
(3280,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-disabled-opacity'
(3284,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3285,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3286,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3287,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3288,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3289,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3290,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3291,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3292,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3293,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3294,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3295,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3296,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3297,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3301,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3302,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3303,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3304,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3305,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3306,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3307,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3308,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3310,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3311,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3312,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3313,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3314,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3318,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3319,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3320,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3321,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3322,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3323,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3324,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3325,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3326,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3327,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3328,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3329,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3330,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3331,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3335,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3336,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3337,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3338,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3339,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3340,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3341,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3342,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3343,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3344,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3345,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3346,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3347,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3348,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3352,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3353,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3354,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3355,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3356,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3357,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3358,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3359,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3360,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3361,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3362,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3363,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3364,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3365,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3369,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3370,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3371,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3372,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3373,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3374,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3375,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3376,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3377,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3378,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3379,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3380,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3381,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3382,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3386,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3387,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3388,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3389,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3390,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3391,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3392,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3393,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3394,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3395,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3396,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3397,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3398,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3399,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3403,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3404,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3405,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3406,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3407,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3408,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3409,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3410,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3411,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3412,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3413,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3414,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3415,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3416,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3420,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3421,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3422,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3423,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3424,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3425,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3426,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3427,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3428,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3429,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3430,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3431,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3432,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3433,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3437,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3438,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3439,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3440,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3441,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3442,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3443,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3444,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3445,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3446,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3447,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3448,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3449,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3450,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3454,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3455,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3456,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3457,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3458,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3459,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3460,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3461,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3462,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3463,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3464,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3465,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3466,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3467,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3471,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3472,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3473,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3474,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3475,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3476,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3477,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3478,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3479,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3480,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3481,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3482,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3483,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3484,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3488,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3489,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3490,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3491,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3492,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3493,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3494,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3495,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3496,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3497,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3498,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3499,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3500,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3501,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3505,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3506,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3507,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3508,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3509,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3510,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3511,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3512,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3513,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3514,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3515,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3516,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3517,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3518,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3522,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3523,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3524,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3525,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3526,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3527,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3528,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3529,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3530,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3531,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3532,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3533,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3534,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3535,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3539,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3540,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3541,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3542,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3543,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3544,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3545,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3546,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3547,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3548,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3549,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3550,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3551,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3552,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3556,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3557,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3558,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3559,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3560,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3561,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3562,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3563,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3564,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3565,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3566,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3567,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3572,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-color'
(3576,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-hover-color'
(3581,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3582,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3583,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3584,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3589,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3590,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3591,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3592,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3666,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3667,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3668,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3669,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3670,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3671,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3672,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3673,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3674,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3675,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3676,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3677,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3678,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3679,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3680,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3681,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3682,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3683,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3684,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3685,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3686,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3687,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3688,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3689,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3690,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3691,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3693,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-zindex'
(3695,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-min-width'
(3696,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-padding-y'
(3696,48): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-padding-x'
(3698,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-font-size'
(3699,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-color'
(3702,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-bg'
(3704,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-border-width'
(3704,56): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-border-color'
(3705,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-border-radius'
(3711,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-spacer'
(3715,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3724,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3734,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3741,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3751,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3758,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3768,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3775,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3785,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3792,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3802,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3809,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3821,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-spacer'
(3844,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-spacer'
(3871,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-spacer'
(3905,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-divider-margin-y'
(3907,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-divider-bg'
(3914,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-item-padding-y'
(3914,53): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-item-padding-x'
(3917,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-link-color'
(3923,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-item-border-radius'
(3928,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-link-hover-color'
(3929,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-link-hover-bg'
(3934,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-link-active-color'
(3936,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-link-active-bg'
(3941,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-link-disabled-color'
(3952,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-header-padding-y'
(3952,55): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-header-padding-x'
(3955,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-header-color'
(3961,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-item-padding-y'
(3961,53): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-item-padding-x'
(3962,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-link-color'
(3966,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3967,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3968,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3969,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3970,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3971,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3972,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3973,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3974,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3975,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3976,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3977,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4019,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(4024,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(4081,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(4097,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4098,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4099,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4100,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4101,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4102,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4112,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-padding-y'
(4112,48): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-padding-x'
(4113,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-font-size'
(4114,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-font-weight'
(4115,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-color'
(4130,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-hover-color'
(4140,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-disabled-color'
(4146,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4147,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4148,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4149,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4150,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4151,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4152,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4153,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-border-width'
(4153,63): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-border-color'
(4157,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-border-width'
(4158,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-border-width'
(4159,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-border-radius'
(4160,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-border-radius'
(4166,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-link-hover-border-color'
(4171,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-link-active-color'
(4172,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-link-active-bg'
(4173,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-link-active-border-color'
(4177,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-border-width'
(4183,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4184,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4185,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4189,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-pills-border-radius'
(4194,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-pills-link-active-color'
(4195,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-pills-link-active-bg'
(4199,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4200,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4201,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4202,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-underline-gap'
(4208,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-underline-border-width'
(4219,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-underline-link-active-color'
(4250,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4251,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4252,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4253,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4254,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4255,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4256,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4257,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4258,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4259,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4260,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4261,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4262,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4263,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4264,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4265,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4266,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4267,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4268,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4269,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4275,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-padding-y'
(4275,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-padding-x'
(4292,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-brand-padding-y'
(4293,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-brand-padding-y'
(4294,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-brand-margin-end'
(4295,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-brand-font-size'
(4296,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-brand-color'
(4303,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-brand-hover-color'
(4307,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4308,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4309,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4310,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4311,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4312,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4322,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-active-color'
(4332,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-color'
(4338,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-active-color'
(4348,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-toggler-padding-y'
(4348,54): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-toggler-padding-x'
(4349,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-toggler-font-size'
(4351,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-color'
(4353,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(4353,47): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-toggler-border-color'
(4354,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-toggler-border-radius'
(4355,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-toggler-transition'
(4371,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-toggler-focus-width'
(4379,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-toggler-icon-bg'
(4386,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-scroll-height'
(4402,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(4403,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(4450,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(4451,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(4498,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(4499,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(4546,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(4547,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(4594,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(4595,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(4644,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(4645,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(4687,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4688,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4689,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4690,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4691,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4692,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4693,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4694,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4698,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4702,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4703,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4704,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4705,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4706,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4707,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4708,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4709,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4710,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4711,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4712,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4713,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4714,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4715,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4716,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4717,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4718,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4719,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4720,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4725,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-height'
(4726,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(4728,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-bg'
(4730,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-width'
(4730,52): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-color'
(4731,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-radius'
(4746,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(4747,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(4752,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(4753,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(4763,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-spacer-y'
(4763,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-spacer-x'
(4764,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-color'
(4768,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-title-spacer-y'
(4769,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-title-color'
(4773,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-title-spacer-y'
(4775,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-subtitle-color'
(4783,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-spacer-x'
(4787,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-y'
(4787,48): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-x'
(4789,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-color'
(4790,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-bg'
(4791,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-width'
(4791,59): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-color'
(4795,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(4795,60): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(4799,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-y'
(4799,48): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-x'
(4800,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-color'
(4801,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-bg'
(4802,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-width'
(4802,56): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-color'
(4806,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(4806,64): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(4810,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-x'
(4811,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-y'
(4812,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-x'
(4817,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-bg'
(4818,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-bg'
(4822,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-x'
(4823,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-x'
(4832,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-img-overlay-padding'
(4833,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(4844,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(4845,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(4850,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(4851,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(4855,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-group-margin'
(4898,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4899,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4900,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4901,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4902,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4903,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4904,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4905,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4906,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4907,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4908,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4909,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4910,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4911,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4912,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4913,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4914,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4915,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4916,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4917,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4918,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4919,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4927,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-padding-y'
(4927,53): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-padding-x'
(4929,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-color'
(4931,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-bg'
(4935,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-transition'
(4945,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-active-color'
(4946,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-active-bg'
(4947,40): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-width'
(4947,76): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-color'
(4951,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-active-icon'
(4952,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-icon-transform'
(4957,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-icon-width'
(4958,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-icon-width'
(4961,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-icon'
(4963,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-icon-width'
(4964,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-icon-transition'
(4979,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-focus-border-color'
(4981,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-focus-box-shadow'
(4989,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-color'
(4990,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-bg'
(4991,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-width'
(4991,57): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-color'
(4995,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-radius'
(4996,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-radius'
(5000,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-inner-border-radius'
(5001,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-inner-border-radius'
(5009,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-radius'
(5010,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-radius'
(5014,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-inner-border-radius'
(5015,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-inner-border-radius'
(5019,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-radius'
(5020,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-radius'
(5024,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-body-padding-y'
(5024,54): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-body-padding-x'
(5051,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5052,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5056,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5057,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5058,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5059,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5060,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5061,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5062,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5063,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5066,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-padding-y'
(5066,50): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-padding-x'
(5067,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-margin-bottom'
(5068,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-font-size'
(5070,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-bg'
(5071,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-border-radius'
(5075,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-item-padding-x'
(5080,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-item-padding-x'
(5081,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-divider-color'
(5082,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-divider'
(5086,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-item-active-color'
(5090,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5091,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5092,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5093,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5094,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5095,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5096,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5097,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5098,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5099,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5100,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5101,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5102,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5103,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5104,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5105,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5106,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5107,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5108,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5109,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5118,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-padding-y'
(5118,50): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-padding-x'
(5119,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-font-size'
(5120,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-color'
(5122,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-bg'
(5123,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-border-width'
(5123,58): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-border-color'
(5135,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-hover-color'
(5136,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-hover-bg'
(5137,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-hover-border-color'
(5142,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-focus-color'
(5143,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-focus-bg'
(5145,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-focus-box-shadow'
(5151,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-active-color'
(5152,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-active-bg'
(5153,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-active-border-color'
(5158,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-disabled-color'
(5160,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-disabled-bg'
(5161,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-disabled-border-color'
(5165,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(5169,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-border-radius'
(5170,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-border-radius'
(5174,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-border-radius'
(5175,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-border-radius'
(5179,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5180,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5181,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5182,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5186,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5187,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5188,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5189,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5193,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5194,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5195,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5196,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5197,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5198,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5200,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-badge-padding-y'
(5200,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-badge-padding-x'
(5201,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-badge-font-size'
(5202,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-badge-font-weight'
(5204,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-badge-color'
(5208,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-badge-border-radius'
(5221,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5222,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5223,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5224,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5225,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5226,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5227,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5228,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5229,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5231,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-alert-padding-y'
(5231,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-alert-padding-x'
(5232,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-alert-margin-bottom'
(5233,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-alert-color'
(5234,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-alert-bg'
(5235,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-alert-border'
(5236,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-alert-border-radius'
(5245,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-alert-link-color'
(5261,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5262,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5263,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5264,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5268,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5269,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5270,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5271,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5275,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5276,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5277,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5278,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5282,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5283,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5284,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5285,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5289,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5290,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5291,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5292,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5296,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5297,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5298,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5299,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5303,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5304,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5305,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5306,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5310,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5311,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5312,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5313,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5324,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5325,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5326,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5327,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5328,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5329,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5330,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5331,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5333,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-height'
(5335,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-font-size'
(5336,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-bg'
(5337,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-border-radius'
(5345,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-bar-color'
(5348,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-bar-bg'
(5349,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-bar-transition'
(5360,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-height'
(5360,53): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-height'
(5382,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5383,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5384,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5385,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5386,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5387,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5388,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5389,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5390,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5391,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5392,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5393,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5394,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5395,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5396,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5397,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5398,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5403,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(5418,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-action-color'
(5425,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-action-hover-color'
(5427,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-action-hover-bg'
(5431,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-action-active-color'
(5432,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-action-active-bg'
(5438,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-item-padding-y'
(5438,55): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-item-padding-x'
(5439,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-color'
(5441,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-bg'
(5442,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(5442,58): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-color'
(5457,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-disabled-color'
(5459,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-disabled-bg'
(5464,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-active-color'
(5465,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-active-bg'
(5466,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-active-border-color'
(5474,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(5475,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(5483,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(5488,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(5497,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(5502,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(5503,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(5511,41): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(5515,39): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(5522,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(5526,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(5527,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(5536,41): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(5540,39): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(5547,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(5551,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(5552,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(5561,41): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(5565,39): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(5572,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(5576,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(5577,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(5586,41): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(5590,39): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(5597,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(5601,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(5602,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(5611,41): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(5615,39): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(5622,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(5626,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(5627,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(5636,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(5644,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5645,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5646,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5647,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5648,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5649,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5650,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5651,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5652,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5653,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5657,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5658,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5659,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5660,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5661,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5662,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5663,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5664,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5665,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5666,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5670,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5671,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5672,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5673,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5674,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5675,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5676,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5677,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5678,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5679,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5683,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5684,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5685,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5686,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5687,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5688,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5689,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5690,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5691,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5692,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5696,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5697,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5698,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5699,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5700,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5701,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5702,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5703,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5704,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5705,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5709,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5710,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5711,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5712,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5713,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5714,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5715,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5716,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5717,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5718,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5722,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5723,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5724,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5725,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5726,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5727,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5728,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5729,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5730,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5731,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5735,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5736,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5737,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5738,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5739,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5740,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5741,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5742,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5743,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5744,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5748,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5749,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5750,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5751,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5752,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5753,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5754,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5755,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5760,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-close-color'
(5761,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-close-bg'
(5764,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-close-opacity'
(5768,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-close-color'
(5770,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-close-hover-opacity'
(5775,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-close-focus-shadow'
(5776,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-close-focus-opacity'
(5785,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-close-disabled-opacity'
(5789,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-close-white-filter'
(5793,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-close-white-filter'
(5797,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5798,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5799,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5800,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5801,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5802,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5803,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5804,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5805,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5806,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5807,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5808,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5809,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5810,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5811,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5812,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-max-width'
(5814,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-font-size'
(5815,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-color'
(5817,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-bg'
(5819,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-border-width'
(5819,53): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-border-color'
(5820,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-box-shadow'
(5821,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-border-radius'
(5833,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5835,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-zindex'
(5844,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-spacing'
(5850,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-padding-y'
(5850,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-padding-x'
(5851,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-header-color'
(5852,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-header-bg'
(5854,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-border-width'
(5854,60): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-header-border-color'
(5855,39): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-border-radius'
(5855,71): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-border-width'
(5856,40): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-border-radius'
(5856,72): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-border-width'
(5860,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-padding-x'
(5861,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-padding-x'
(5865,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-padding-x'
(5870,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5871,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5872,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5873,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5874,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5875,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5876,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5877,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5878,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5879,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5880,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5881,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5882,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5883,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5884,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5885,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5886,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5887,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5888,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5889,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5890,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5894,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-zindex'
(5906,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-margin'
(5930,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-margin'
(5945,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-margin'
(5953,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-color'
(5955,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-bg'
(5957,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-border-width'
(5957,53): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-border-color'
(5958,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-border-radius'
(5963,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5964,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5965,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5969,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-backdrop-zindex'
(5972,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-backdrop-bg'
(5980,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-backdrop-opacity'
(5988,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-header-padding'
(5989,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-header-border-width'
(5989,67): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-header-border-color'
(5990,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-inner-border-radius'
(5991,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-inner-border-radius'
(5995,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-header-padding-y'
(5995,68): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-header-padding-x'
(5996,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-header-padding-y'
(5996,74): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-header-padding-x'
(5996,119): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-header-padding-y'
(6001,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-title-line-height'
(6007,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-padding'
(6016,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-padding'
(6016,50): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-footer-gap'
(6017,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-footer-bg'
(6018,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-footer-border-width'
(6018,64): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-footer-border-color'
(6019,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-inner-border-radius'
(6020,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-inner-border-radius'
(6024,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-footer-gap'
(6029,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6030,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6033,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-width'
(6038,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6045,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6051,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6183,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6184,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6185,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6186,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6187,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6188,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6189,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6190,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6191,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6192,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6193,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6194,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6195,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-zindex'
(6197,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-margin'
(6198,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-font-sans-serif'
(6212,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-font-size'
(6218,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-opacity'
(6223,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(6224,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(6236,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(6242,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(6242,60): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(6243,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-bg'
(6248,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(6249,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(6250,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(6256,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(6256,65): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(6256,101): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(6257,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-bg'
(6262,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(6268,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(6268,67): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(6269,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-bg'
(6274,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(6275,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(6276,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(6282,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(6282,72): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(6282,108): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(6283,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-bg'
(6287,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-max-width'
(6288,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-padding-y'
(6288,47): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-padding-x'
(6289,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-color'
(6291,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-bg'
(6292,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-border-radius'
(6296,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6297,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6298,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6299,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6300,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6301,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6302,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6303,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6304,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6305,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6306,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6307,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6308,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6309,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6310,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6311,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6312,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6313,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6314,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6315,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6316,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-zindex'
(6318,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-max-width'
(6319,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-font-sans-serif'
(6333,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-font-size'
(6335,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-bg'
(6337,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width'
(6337,55): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-color'
(6338,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-radius'
(6343,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width'
(6344,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height'
(6359,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height'
(6359,63): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width'
(6366,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height'
(6366,60): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width'
(6372,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-border'
(6377,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width'
(6378,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-bg'
(6383,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height'
(6383,61): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width'
(6384,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height'
(6385,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width'
(6392,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width'
(6392,65): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height'
(6392,101): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width'
(6398,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-border'
(6403,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width'
(6404,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-bg'
(6409,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height'
(6409,60): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width'
(6416,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width'
(6416,67): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height'
(6422,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-border'
(6427,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width'
(6428,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-bg'
(6437,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width'
(6438,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width'
(6440,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width'
(6440,62): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-header-bg'
(6445,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height'
(6445,62): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width'
(6446,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height'
(6447,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width'
(6454,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width'
(6454,72): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width'
(6454,108): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height'
(6460,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-border'
(6465,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width'
(6466,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-bg'
(6470,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-header-padding-y'
(6470,54): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-header-padding-x'
(6472,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-header-font-size'
(6473,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-header-color'
(6474,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-header-bg'
(6475,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width'
(6475,62): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-color'
(6476,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-inner-border-radius'
(6477,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-inner-border-radius'
(6485,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-body-padding-y'
(6485,52): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-body-padding-x'
(6486,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-body-color'
(6718,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-spinner-width'
(6719,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-spinner-height'
(6720,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-spinner-vertical-align'
(6722,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-spinner-animation-speed'
(6722,71): run-time error CSS1039: Token not allowed after unary operator: '-bs-spinner-animation-name'
(6732,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6733,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6734,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6735,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6736,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6737,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6738,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-spinner-border-width'
(6743,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6744,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6745,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6759,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6760,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6761,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6762,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6763,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6769,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6770,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6776,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6786,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6787,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6788,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6789,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6790,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6791,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6792,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6793,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6794,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6795,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6796,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6797,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6804,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-zindex'
(6808,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-color'
(6810,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-bg'
(6813,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-transition'
(6827,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(6828,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(6828,67): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(6834,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(6835,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(6835,66): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(6842,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(6844,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(6844,68): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(6850,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(6852,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(6852,65): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(6868,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6869,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6888,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-zindex'
(6892,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-color'
(6894,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-bg'
(6897,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-transition'
(6911,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(6912,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(6912,67): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(6918,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(6919,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(6919,66): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(6926,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(6928,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(6928,68): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(6934,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(6936,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(6936,65): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(6952,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6953,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6972,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-zindex'
(6976,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-color'
(6978,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-bg'
(6981,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-transition'
(6995,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(6996,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(6996,67): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(7002,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(7003,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(7003,66): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(7010,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(7012,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(7012,68): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(7018,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(7020,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(7020,65): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(7036,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7037,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7056,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-zindex'
(7060,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-color'
(7062,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-bg'
(7065,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-transition'
(7079,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(7080,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(7080,67): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(7086,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(7087,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(7087,66): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(7094,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(7096,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(7096,68): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(7102,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(7104,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(7104,65): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(7120,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7121,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7140,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-zindex'
(7144,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-color'
(7146,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-bg'
(7149,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-transition'
(7163,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(7164,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(7164,67): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(7170,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(7171,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(7171,66): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(7178,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(7180,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(7180,68): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(7186,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(7188,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(7188,65): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(7204,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7205,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7223,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-zindex'
(7227,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-color'
(7229,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-bg'
(7232,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-transition'
(7244,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(7245,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(7245,63): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(7252,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(7253,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(7253,62): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(7261,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(7263,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(7263,64): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(7270,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(7272,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(7272,61): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(7309,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-padding-y'
(7309,49): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-padding-x'
(7313,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-padding-y'
(7313,65): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-padding-x'
(7314,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-padding-y'
(7315,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-padding-x'
(7316,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-padding-y'
(7321,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-title-line-height'
(7326,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-padding-y'
(7326,49): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-padding-x'
(7389,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb'
(7389,56): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(7394,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-rgb'
(7394,58): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(7399,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-rgb'
(7399,56): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(7404,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-info-rgb'
(7404,53): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(7409,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning-rgb'
(7409,56): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(7414,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger-rgb'
(7414,55): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(7419,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-light-rgb'
(7419,54): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(7424,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-dark-rgb'
(7424,53): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(7428,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb'
(7428,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-opacity'
(7429,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb'
(7429,69): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(7430,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb'
(7430,61): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(7435,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-opacity'
(7436,59): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(7437,51): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(7441,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-rgb'
(7441,47): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-opacity'
(7442,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-rgb'
(7442,71): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(7443,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-rgb'
(7443,63): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(7448,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-opacity'
(7449,59): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(7450,51): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(7454,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-rgb'
(7454,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-opacity'
(7455,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-rgb'
(7455,69): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(7456,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-rgb'
(7456,61): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(7461,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-opacity'
(7462,59): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(7463,51): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(7467,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-info-rgb'
(7467,42): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-opacity'
(7468,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-info-rgb'
(7468,66): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(7469,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-info-rgb'
(7469,58): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(7474,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-opacity'
(7475,60): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(7476,52): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(7480,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning-rgb'
(7480,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-opacity'
(7481,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning-rgb'
(7481,69): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(7482,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning-rgb'
(7482,61): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(7487,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-opacity'
(7488,60): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(7489,52): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(7493,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger-rgb'
(7493,44): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-opacity'
(7494,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger-rgb'
(7494,68): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(7495,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger-rgb'
(7495,60): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(7500,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-opacity'
(7501,59): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(7502,51): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(7506,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-light-rgb'
(7506,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-opacity'
(7507,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-light-rgb'
(7507,67): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(7508,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-light-rgb'
(7508,59): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(7513,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-opacity'
(7514,61): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(7515,53): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(7519,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-dark-rgb'
(7519,42): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-opacity'
(7520,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-dark-rgb'
(7520,66): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(7521,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-dark-rgb'
(7521,58): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(7526,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-opacity'
(7527,58): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(7528,50): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(7532,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-emphasis-color-rgb'
(7532,52): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-opacity'
(7533,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-emphasis-color-rgb'
(7533,76): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(7534,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-emphasis-color-rgb'
(7534,68): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(7539,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-emphasis-color-rgb'
(7539,52): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-opacity'
(7540,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-emphasis-color-rgb'
(7540,76): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(7541,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-emphasis-color-rgb'
(7541,68): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(7546,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-focus-ring-x'
(7546,48): run-time error CSS1039: Token not allowed after unary operator: '-bs-focus-ring-y'
(7546,74): run-time error CSS1039: Token not allowed after unary operator: '-bs-focus-ring-blur'
(7546,103): run-time error CSS1039: Token not allowed after unary operator: '-bs-focus-ring-width'
(7546,130): run-time error CSS1039: Token not allowed after unary operator: '-bs-focus-ring-color'
(7553,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-color-rgb'
(7553,72): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-opacity'
(7554,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-color-rgb'
(7554,64): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-opacity'
(7576,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-icon-link-transform'
(7586,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-aspect-ratio'
(7599,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7603,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7607,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7611,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7769,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(7949,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-box-shadow'
(7953,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-box-shadow-sm'
(7957,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-box-shadow-lg'
(7965,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7969,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7973,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7977,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7981,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7985,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7989,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7993,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8078,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(8078,41): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-style'
(8078,64): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color'
(8086,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(8086,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-style'
(8086,68): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color'
(8094,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(8094,47): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-style'
(8094,70): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color'
(8102,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(8102,48): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-style'
(8102,71): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color'
(8110,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(8110,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-style'
(8110,69): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color'
(8118,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8119,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb'
(8119,52): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity'
(8123,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8124,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-rgb'
(8124,54): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity'
(8128,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8129,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-rgb'
(8129,52): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity'
(8133,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8134,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-info-rgb'
(8134,49): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity'
(8138,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8139,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning-rgb'
(8139,52): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity'
(8143,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8144,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger-rgb'
(8144,51): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity'
(8148,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8149,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-light-rgb'
(8149,50): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity'
(8153,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8154,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-dark-rgb'
(8154,49): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity'
(8158,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8159,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-black-rgb'
(8159,50): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity'
(8163,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8164,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-white-rgb'
(8164,50): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity'
(8168,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-border-subtle'
(8172,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-border-subtle'
(8176,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-border-subtle'
(8180,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-info-border-subtle'
(8184,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning-border-subtle'
(8188,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger-border-subtle'
(8192,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-light-border-subtle'
(8196,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-dark-border-subtle'
(8220,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8224,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8228,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8232,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8236,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8944,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-font-monospace'
(9073,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9074,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb'
(9074,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(9078,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9079,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-rgb'
(9079,47): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(9083,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9084,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-rgb'
(9084,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(9088,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9089,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-info-rgb'
(9089,42): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(9093,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9094,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning-rgb'
(9094,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(9098,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9099,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger-rgb'
(9099,44): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(9103,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9104,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-light-rgb'
(9104,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(9108,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9109,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-dark-rgb'
(9109,42): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(9113,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9114,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-black-rgb'
(9114,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(9118,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9119,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-white-rgb'
(9119,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(9123,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9124,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color-rgb'
(9124,48): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(9128,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9129,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-color'
(9133,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9138,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9143,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9144,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-color'
(9148,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9149,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-tertiary-color'
(9153,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9154,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-emphasis-color'
(9158,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9163,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9167,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9171,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9175,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9179,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-text-emphasis'
(9183,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-text-emphasis'
(9187,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-text-emphasis'
(9191,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-info-text-emphasis'
(9195,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning-text-emphasis'
(9199,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger-text-emphasis'
(9203,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-light-text-emphasis'
(9207,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-dark-text-emphasis'
(9211,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9215,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9219,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9223,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9227,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9231,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9235,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9239,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9243,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9247,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9275,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9276,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb'
(9276,69): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(9277,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb'
(9277,61): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(9281,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9282,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-rgb'
(9282,71): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(9283,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-rgb'
(9283,63): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(9287,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9288,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-rgb'
(9288,69): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(9289,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-rgb'
(9289,61): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(9293,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9294,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-info-rgb'
(9294,66): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(9295,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-info-rgb'
(9295,58): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(9299,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9300,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning-rgb'
(9300,69): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(9301,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning-rgb'
(9301,61): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(9305,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9306,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger-rgb'
(9306,68): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(9307,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger-rgb'
(9307,60): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(9311,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9312,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-light-rgb'
(9312,67): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(9313,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-light-rgb'
(9313,59): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(9317,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9318,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-dark-rgb'
(9318,66): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(9319,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-dark-rgb'
(9319,58): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(9323,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9324,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-color-rgb'
(9324,72): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(9325,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-color-rgb'
(9325,64): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity'
(9329,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9333,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9337,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9341,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9345,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9349,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9353,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9357,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9361,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9365,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9369,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9373,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9377,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9378,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb'
(9378,56): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(9382,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9383,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-rgb'
(9383,58): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(9387,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9388,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-rgb'
(9388,56): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(9392,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9393,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-info-rgb'
(9393,53): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(9397,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9398,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning-rgb'
(9398,56): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(9402,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9403,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger-rgb'
(9403,55): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(9407,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9408,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-light-rgb'
(9408,54): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(9412,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9413,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-dark-rgb'
(9413,53): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(9417,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9418,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-black-rgb'
(9418,54): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(9422,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9423,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-white-rgb'
(9423,54): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(9427,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9428,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg-rgb'
(9428,56): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(9432,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9437,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9438,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-bg-rgb'
(9438,61): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(9442,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9443,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-tertiary-bg-rgb'
(9443,60): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(9447,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9451,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9455,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9459,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9463,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9467,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-bg-subtle'
(9471,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-bg-subtle'
(9475,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-bg-subtle'
(9479,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-info-bg-subtle'
(9483,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning-bg-subtle'
(9487,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger-bg-subtle'
(9491,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-light-bg-subtle'
(9495,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-dark-bg-subtle'
(9499,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-gradient'
(9529,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(9537,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-sm'
(9541,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(9545,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg'
(9549,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-xl'
(9553,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-xxl'
(9561,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-pill'
(9565,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(9566,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(9575,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-sm'
(9576,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-sm'
(9580,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(9581,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(9585,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg'
(9586,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg'
(9590,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-xl'
(9591,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-xl'
(9595,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-xxl'
(9596,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-xxl'
(9605,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-pill'
(9606,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-pill'
(9610,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(9611,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(9620,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-sm'
(9621,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-sm'
(9625,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(9626,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(9630,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg'
(9631,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg'
(9635,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-xl'
(9636,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-xl'
(9640,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-xxl'
(9641,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-xxl'
(9650,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-pill'
(9651,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-pill'
(9655,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(9656,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(9665,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-sm'
(9666,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-sm'
(9670,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(9671,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(9675,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg'
(9676,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg'
(9680,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-xl'
(9681,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-xl'
(9685,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-xxl'
(9686,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-xxl'
(9695,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-pill'
(9696,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-pill'
(9700,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(9701,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(9710,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-sm'
(9711,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-sm'
(9715,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(9716,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(9720,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg'
(9721,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg'
(9725,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-xl'
(9726,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-xl'
(9730,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-xxl'
(9731,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-xxl'
(9740,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-pill'
(9741,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-pill'
(12680,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12681,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12682,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12683,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12684,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12685,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12686,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12687,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12688,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12689,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12690,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12691,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12703,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(12707,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(12724,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(12735,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(12746,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(12753,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(12767,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(12768,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(12788,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(12793,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(12805,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(12894,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(12925,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(12948,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(12974,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(12988,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(13007,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(13024,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(13028,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(13041,26): run-time error CSS1039: Token not allowed after unary operator: '-header'
(13042,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(13056,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(13057,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(13103,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(13109,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(13127,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(13235,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(13238,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(13245,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(13262,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(13263,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(13267,26): run-time error CSS1039: Token not allowed after unary operator: '-header'
(13372,26): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(13376,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-2'
(13415,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(13951,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(13958,20): run-time error CSS1039: Token not allowed after unary operator: '-white'
(13990,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(14004,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(14011,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(14031,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(14111,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(14114,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(14168,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(14199,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(14247,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(14341,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(14346,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(14357,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(14367,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(14405,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(14423,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(14424,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(14435,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(14469,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(14474,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(14485,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(14495,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(14618,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(14666,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(14752,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(14753,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(14785,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(14790,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(14801,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(14811,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(14835,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(14948,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(14996,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(15075,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(15089,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(15097,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(15123,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(15174,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(15180,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(15204,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(15205,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(15216,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(15259,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(15274,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(15296,20): run-time error CSS1039: Token not allowed after unary operator: '-white'
(15301,20): run-time error CSS1039: Token not allowed after unary operator: '-white'
(15312,20): run-time error CSS1039: Token not allowed after unary operator: '-white'
(15322,20): run-time error CSS1039: Token not allowed after unary operator: '-white'
(15365,20): run-time error CSS1039: Token not allowed after unary operator: '-white'
(15368,20): run-time error CSS1039: Token not allowed after unary operator: '-white'
(15371,20): run-time error CSS1039: Token not allowed after unary operator: '-white'
(15374,20): run-time error CSS1039: Token not allowed after unary operator: '-white'
(15377,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(15382,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(15387,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(15390,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(15394,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(15398,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(15402,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(15410,20): run-time error CSS1039: Token not allowed after unary operator: '-white'
(15411,31): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(15455,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(15463,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(15469,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(15485,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(15489,26): run-time error CSS1039: Token not allowed after unary operator: '-border'
(15492,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(15493,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(15494,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(15517,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(15518,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(15521,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(15524,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(15530,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(15595,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(15599,20): run-time error CSS1019: Unexpected token, found '-'
(15599,20): run-time error CSS1036: Expected expression, found '-'
(15599,20): run-time error CSS1019: Unexpected token, found '-'
(15599,20): run-time error CSS1042: Expected function, found '-'
(15599,21): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow'
(15599,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(15617,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(15625,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(15634,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(15647,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(15651,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(15657,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(15668,33): run-time error CSS1039: Token not allowed after unary operator: '-border'
(15694,20): run-time error CSS1039: Token not allowed after unary operator: '-white'
(15695,30): run-time error CSS1039: Token not allowed after unary operator: '-border'
(15714,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(15721,26): run-time error CSS1039: Token not allowed after unary operator: '-header'
(15724,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(15794,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(15799,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(15854,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(15907,26): run-time error CSS1039: Token not allowed after unary operator: '-header'
(15958,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(16002,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(16004,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(16007,26): run-time error CSS1039: Token not allowed after unary operator: '-header'
(16023,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(16026,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(16027,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(16028,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(16071,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(16079,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(16151,14): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(16205,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(16223,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(16258,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(16306,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(16307,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(16311,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(16314,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(16318,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(16319,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(16323,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(16326,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(16329,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(16330,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(16333,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(16404,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(16405,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(16409,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(16410,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(16476,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(16521,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(16522,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(16526,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(16529,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(16622,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(16654,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(16685,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(16688,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(16749,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(16754,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(16755,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(16834,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(16868,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(16911,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(16912,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(16916,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(16919,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(16923,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(16924,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(16928,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(16931,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(16934,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(16935,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(16938,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(16970,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(17067,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(17086,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(17139,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(17140,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(17144,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(17147,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(17228,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(17233,27): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(17327,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(17388,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(17393,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(17407,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(17500,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(17530,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(17564,20): run-time error CSS1039: Token not allowed after unary operator: '-white'
(17565,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(17615,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(17639,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(17714,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(17723,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(17740,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(17749,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(17846,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(17847,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(17950,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(17981,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(17982,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(18051,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(18076,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(18077,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(18081,27): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(18162,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(18243,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(18249,26): run-time error CSS1039: Token not allowed after unary operator: '-header'
(18252,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(18289,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(18290,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(18319,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(18426,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(18451,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(18453,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(18463,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(18483,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(18531,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(18633,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(18676,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(18710,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(18734,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(18736,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(18743,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(18764,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(18796,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(18887,20): run-time error CSS1039: Token not allowed after unary operator: '-white'
(19009,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(19029,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(19054,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(19058,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(19059,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(19063,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(19107,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(19121,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(19178,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(19196,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19197,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19211,26): run-time error CSS1039: Token not allowed after unary operator: '-duration'
(19251,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(19254,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(19261,45): run-time error CSS1039: Token not allowed after unary operator: '-gap'
(19320,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(19322,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(19329,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(19342,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(19349,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(19462,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(19467,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(19482,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(19487,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(19546,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(19548,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(19555,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(19667,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(19677,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(19748,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(19755,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(19760,26): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(19767,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(19791,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(19793,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(19800,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(19844,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(19879,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(19909,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(19911,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(19920,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(19924,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(19952,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(19965,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(19967,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(19972,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(19980,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(20089,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(20090,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(20187,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(20188,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(20217,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(20244,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(20304,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(20307,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(20308,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(20354,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(20371,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(20386,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(20427,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(20429,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(20444,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(20464,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(20531,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(20533,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(20558,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(20588,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(20604,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(20618,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(20625,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(20681,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(20693,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(20694,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(20756,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(20757,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(20795,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(20854,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(20890,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(20930,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(20940,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(20945,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(20947,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(20950,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(20953,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(20959,20): run-time error CSS1039: Token not allowed after unary operator: '-white'
(20974,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(20987,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(20993,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(21013,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(21024,26): run-time error CSS1039: Token not allowed after unary operator: '-header'
(21025,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(21051,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(21126,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(21151,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(21211,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(21222,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(21223,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(21245,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(21280,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(21281,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(21334,20): run-time error CSS1039: Token not allowed after unary operator: '-white'
(21382,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(21409,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(21421,27): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(21476,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(21495,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(21496,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(21500,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(21507,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(21529,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(21530,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(21551,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(21582,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(21662,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(21663,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(21757,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(21782,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(21793,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(21806,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(21812,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(21813,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(21840,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(21844,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(21855,20): run-time error CSS1039: Token not allowed after unary operator: '-white'
(21872,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(21877,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(21888,20): run-time error CSS1039: Token not allowed after unary operator: '-white'
(21901,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(21912,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(21916,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(21936,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(21937,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(21944,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(21950,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(21961,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(21962,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(21969,26): run-time error CSS1039: Token not allowed after unary operator: '-header'
(22007,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(22017,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(22027,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(22060,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(22065,33): run-time error CSS1039: Token not allowed after unary operator: '-header'
(22066,32): run-time error CSS1039: Token not allowed after unary operator: '-header'
(22072,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(22100,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(22183,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(22191,26): run-time error CSS1039: Token not allowed after unary operator: '-header'
(22194,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(22201,26): run-time error CSS1039: Token not allowed after unary operator: '-header'
(22204,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(22216,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(22245,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(22249,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(22259,26): run-time error CSS1039: Token not allowed after unary operator: '-border'
(22263,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(22276,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(22286,26): run-time error CSS1039: Token not allowed after unary operator: '-border'
(22289,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(22294,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(22301,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(22304,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(22308,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(22312,32): run-time error CSS1039: Token not allowed after unary operator: '-header'
(22313,33): run-time error CSS1039: Token not allowed after unary operator: '-header'
(22319,26): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(22323,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(22346,26): run-time error CSS1039: Token not allowed after unary operator: '-border'
(22365,26): run-time error CSS1039: Token not allowed after unary operator: '-border'
(22366,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(22368,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(22376,26): run-time error CSS1039: Token not allowed after unary operator: '-header'
(22379,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(22452,33): run-time error CSS1039: Token not allowed after unary operator: '-border'
(22463,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(22467,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(22499,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(22512,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(22513,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(22529,26): run-time error CSS1039: Token not allowed after unary operator: '-header'
(22543,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(22544,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(22563,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(22572,33): run-time error CSS1039: Token not allowed after unary operator: '-border'
(22579,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(22588,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(22628,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(22632,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(22658,26): run-time error CSS1039: Token not allowed after unary operator: '-border'
(22673,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(22674,31): run-time error CSS1039: Token not allowed after unary operator: '-border'
(22675,33): run-time error CSS1039: Token not allowed after unary operator: '-border'
(22703,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(22719,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(22729,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(22744,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(22757,26): run-time error CSS1039: Token not allowed after unary operator: '-header'
(22760,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(22797,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(22825,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(22832,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(22838,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(22881,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(22906,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(22942,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(22956,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(22988,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(23019,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(23064,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(23104,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(23114,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(23119,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(23121,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(23124,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(23127,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(23164,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(23176,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(23184,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(23196,34): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(23202,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(23254,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(23263,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(23266,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(23277,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(23292,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(23296,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(23297,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(23300,26): run-time error CSS1039: Token not allowed after unary operator: '-border'
(23303,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(23304,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(23305,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(23308,26): run-time error CSS1039: Token not allowed after unary operator: '-header'
(23331,20): run-time error CSS1019: Unexpected token, found '-'
(23331,20): run-time error CSS1036: Expected expression, found '-'
(23331,20): run-time error CSS1019: Unexpected token, found '-'
(23331,20): run-time error CSS1042: Expected function, found '-'
(23331,21): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow'
(23331,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(23380,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(23393,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(23405,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(23414,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(23415,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(23431,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(23447,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(23448,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(23449,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(23458,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(23460,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(23467,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(23468,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(23474,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(23475,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(23476,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(23538,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(23539,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(23542,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(23543,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(23558,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(23578,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(23609,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(23611,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(23620,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(23621,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(23640,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(23663,48): run-time error CSS1039: Token not allowed after unary operator: '-white-rgb'
(23663,97): run-time error CSS1039: Token not allowed after unary operator: '-white-rgb'
(23663,146): run-time error CSS1039: Token not allowed after unary operator: '-white-rgb'
(23663,194): run-time error CSS1039: Token not allowed after unary operator: '-white-rgb'
(23692,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(23703,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(23733,20): run-time error CSS1039: Token not allowed after unary operator: '-white'
(23734,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(23743,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(23744,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(23754,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(23755,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(23759,27): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(23765,20): run-time error CSS1039: Token not allowed after unary operator: '-white'
(23767,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(23817,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(23845,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(23856,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(23859,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(23889,26): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(23890,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(23894,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(23895,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(23936,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(23955,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(24002,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(24012,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(24023,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(24035,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(24046,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(24050,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(24060,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(24071,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(24076,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(24082,20): run-time error CSS1039: Token not allowed after unary operator: '-white'
(24114,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(24135,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(24177,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(24245,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(24268,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(24269,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(24273,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(24276,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(24288,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(24290,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(24295,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(24298,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(24314,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(24352,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(24461,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(24466,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(24469,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(24569,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(24574,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(24577,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(24666,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(24671,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(24674,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(24694,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(24887,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(24906,14): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(24950,20): run-time error CSS1039: Token not allowed after unary operator: '-white'
(25002,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(25081,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(25193,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(25212,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(25217,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(25223,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(25224,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(25225,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(25238,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(25268,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(25272,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(25323,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(25324,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(25327,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(25328,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(25332,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(25436,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(25440,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(25443,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(25448,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(25471,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(25473,50): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(25473,73): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(25493,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(25533,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(25547,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(25549,50): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(25549,73): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(25565,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(25631,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(25640,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(25645,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(25659,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(25666,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(25668,50): run-time error CSS1039: Token not allowed after unary operator: '-white'
(25668,67): run-time error CSS1039: Token not allowed after unary operator: '-white'
(25671,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(25684,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(25733,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(25773,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(25775,50): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(25775,73): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(25794,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(25828,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(25835,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(25837,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(25867,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(25922,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(25924,50): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(25924,73): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(25980,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(25984,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(25987,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(25992,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(26013,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(26015,50): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(26015,73): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(26163,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(26164,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(26177,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(26180,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(26197,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(26219,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(26272,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(26284,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(26301,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(26305,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(26308,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(26357,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(26373,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(26375,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(26391,26): run-time error CSS1039: Token not allowed after unary operator: '-header'
(26408,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(26419,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(26440,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(26454,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(26473,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(26475,50): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(26475,73): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(26504,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(26515,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(26561,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(26586,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(26597,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(26610,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(26616,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(26617,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(26625,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(26631,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(26642,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(26643,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(26648,26): run-time error CSS1039: Token not allowed after unary operator: '-header'
(26676,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(26680,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(26697,20): run-time error CSS1039: Token not allowed after unary operator: '-white'
(26710,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(26721,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(26725,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(26744,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(26745,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(26756,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(26757,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(26782,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(26783,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(26798,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(26799,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(26807,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(26893,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(26915,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(26925,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(26926,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(26929,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(26948,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(26968,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(26975,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(26992,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(27038,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(27045,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(27076,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(27082,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(27083,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(27091,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(27094,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(27136,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(27138,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(27139,20): run-time error CSS1039: Token not allowed after unary operator: '-white'
(27221,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(27223,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(27224,20): run-time error CSS1039: Token not allowed after unary operator: '-white'
(27266,20): run-time error CSS1039: Token not allowed after unary operator: '-white'
(27313,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(27316,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(27402,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(27530,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(27541,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(27544,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(27558,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(27563,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(27594,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(27611,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(27619,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(27622,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(27652,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(27656,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(27709,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(27712,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(27721,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(27726,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(27753,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(27756,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(27771,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(27775,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(27806,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(27823,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(27831,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(27834,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(27875,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(27946,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(27966,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(27973,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(28017,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(28030,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(28031,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(28046,20): run-time error CSS1039: Token not allowed after unary operator: '-white'
(28077,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(28088,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(28091,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(28101,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(28106,15): run-time error CSS1039: Token not allowed after unary operator: '-header'
(28126,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-2'
(28134,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
 */
@charset "UTF-8";
/*!
 * Bootstrap  v5.3.2 (https://getbootstrap.com/)
 * Copyright 2011-2023 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

:root,
[data-bs-theme=light] {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-primary-text-emphasis: #052c65;
    --bs-secondary-text-emphasis: #2b2f32;
    --bs-success-text-emphasis: #0a3622;
    --bs-info-text-emphasis: #055160;
    --bs-warning-text-emphasis: #664d03;
    --bs-danger-text-emphasis: #58151c;
    --bs-light-text-emphasis: #495057;
    --bs-dark-text-emphasis: #495057;
    --bs-primary-bg-subtle: #cfe2ff;
    --bs-secondary-bg-subtle: #e2e3e5;
    --bs-success-bg-subtle: #d1e7dd;
    --bs-info-bg-subtle: #cff4fc;
    --bs-warning-bg-subtle: #fff3cd;
    --bs-danger-bg-subtle: #f8d7da;
    --bs-light-bg-subtle: #fcfcfd;
    --bs-dark-bg-subtle: #ced4da;
    --bs-primary-border-subtle: #9ec5fe;
    --bs-secondary-border-subtle: #c4c8cb;
    --bs-success-border-subtle: #a3cfbb;
    --bs-info-border-subtle: #9eeaf9;
    --bs-warning-border-subtle: #ffe69c;
    --bs-danger-border-subtle: #f1aeb5;
    --bs-light-border-subtle: #e9ecef;
    --bs-dark-border-subtle: #adb5bd;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg: #fff;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-emphasis-color: #000;
    --bs-emphasis-color-rgb: 0, 0, 0;
    --bs-secondary-color: rgba(33, 37, 41, 0.75);
    --bs-secondary-color-rgb: 33, 37, 41;
    --bs-secondary-bg: #e9ecef;
    --bs-secondary-bg-rgb: 233, 236, 239;
    --bs-tertiary-color: rgba(33, 37, 41, 0.5);
    --bs-tertiary-color-rgb: 33, 37, 41;
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248, 249, 250;
    --bs-heading-color: inherit;
    --bs-link-color: #0d6efd;
    --bs-link-color-rgb: 13, 110, 253;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #0a58ca;
    --bs-link-hover-color-rgb: 10, 88, 202;
    --bs-code-color: #d63384;
    --bs-highlight-color: #212529;
    --bs-highlight-bg: #fff3cd;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --bs-focus-ring-width: 0.25rem;
    --bs-focus-ring-opacity: 0.25;
    --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
    --bs-form-valid-color: #198754;
    --bs-form-valid-border-color: #198754;
    --bs-form-invalid-color: #dc3545;
    --bs-form-invalid-border-color: #dc3545
}

[data-bs-theme=dark] {
    color-scheme: dark;
    --bs-body-color: #dee2e6;
    --bs-body-color-rgb: 222, 226, 230;
    --bs-body-bg: #212529;
    --bs-body-bg-rgb: 33, 37, 41;
    --bs-emphasis-color: #fff;
    --bs-emphasis-color-rgb: 255, 255, 255;
    --bs-secondary-color: rgba(222, 226, 230, 0.75);
    --bs-secondary-color-rgb: 222, 226, 230;
    --bs-secondary-bg: #343a40;
    --bs-secondary-bg-rgb: 52, 58, 64;
    --bs-tertiary-color: rgba(222, 226, 230, 0.5);
    --bs-tertiary-color-rgb: 222, 226, 230;
    --bs-tertiary-bg: #2b3035;
    --bs-tertiary-bg-rgb: 43, 48, 53;
    --bs-primary-text-emphasis: #6ea8fe;
    --bs-secondary-text-emphasis: #a7acb1;
    --bs-success-text-emphasis: #75b798;
    --bs-info-text-emphasis: #6edff6;
    --bs-warning-text-emphasis: #ffda6a;
    --bs-danger-text-emphasis: #ea868f;
    --bs-light-text-emphasis: #f8f9fa;
    --bs-dark-text-emphasis: #dee2e6;
    --bs-primary-bg-subtle: #031633;
    --bs-secondary-bg-subtle: #161719;
    --bs-success-bg-subtle: #051b11;
    --bs-info-bg-subtle: #032830;
    --bs-warning-bg-subtle: #332701;
    --bs-danger-bg-subtle: #2c0b0e;
    --bs-light-bg-subtle: #343a40;
    --bs-dark-bg-subtle: #1a1d20;
    --bs-primary-border-subtle: #084298;
    --bs-secondary-border-subtle: #41464b;
    --bs-success-border-subtle: #0f5132;
    --bs-info-border-subtle: #087990;
    --bs-warning-border-subtle: #997404;
    --bs-danger-border-subtle: #842029;
    --bs-light-border-subtle: #495057;
    --bs-dark-border-subtle: #343a40;
    --bs-heading-color: inherit;
    --bs-link-color: #6ea8fe;
    --bs-link-hover-color: #8bb9fe;
    --bs-link-color-rgb: 110, 168, 254;
    --bs-link-hover-color-rgb: 139, 185, 254;
    --bs-code-color: #e685b5;
    --bs-highlight-color: #dee2e6;
    --bs-highlight-bg: #664d03;
    --bs-border-color: #495057;
    --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
    --bs-form-valid-color: #75b798;
    --bs-form-valid-border-color: #75b798;
    --bs-form-invalid-color: #ea868f;
    --bs-form-invalid-border-color: #ea868f
}

*,
::after,
::before {
    box-sizing: border-box
}

@media (prefers-reduced-motion:no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

hr {
    margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: var(--bs-border-width) solid;
    opacity: .25
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
    color: var(--bs-heading-color)
}

.h1,
h1 {
    font-size: calc(1.375rem + 1.5vw)
}

@media (min-width:1200px) {
    .h1,
    h1 {
        font-size: 2.5rem
    }
}

.h2,
h2 {
    font-size: calc(1.325rem + .9vw)
}

@media (min-width:1200px) {
    .h2,
    h2 {
        font-size: 2rem
    }
}

.h3,
h3 {
    font-size: calc(1.3rem + .6vw)
}

@media (min-width:1200px) {
    .h3,
    h3 {
        font-size: 1.75rem
    }
}

.h4,
h4 {
    font-size: calc(1.275rem + .3vw)
}

@media (min-width:1200px) {
    .h4,
    h4 {
        font-size: 1.5rem
    }
}

.h5,
h5 {
    font-size: 1.25rem
}

.h6,
h6 {
    font-size: 1rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol,
ul {
    padding-left: 2rem
}

dl,
ol,
ul {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

.small,
small {
    font-size: .875em
}

.mark,
mark {
    padding: .1875em;
    color: var(--bs-highlight-color);
    background-color: var(--bs-highlight-bg)
}

sub,
sup {
    position: relative;
    font-size: .75em;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
    text-decoration: underline
}

a:hover {
    --bs-link-color-rgb: var(--bs-link-hover-color-rgb)
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

code,
kbd,
pre,
samp {
    font-family: var(--bs-font-monospace);
    font-size: 1em
}

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: .875em
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

code {
    font-size: .875em;
    color: var(--bs-code-color);
    word-wrap: break-word
}

a>code {
    color: inherit
}

kbd {
    padding: .1875rem .375rem;
    font-size: .875em;
    color: var(--bs-body-bg);
    background-color: var(--bs-body-color);
    border-radius: .25rem
}

kbd kbd {
    padding: 0;
    font-size: 1em
}

figure {
    margin: 0 0 1rem
}

img,
svg {
    vertical-align: middle
}

table {
    caption-side: bottom;
    border-collapse: collapse
}

caption {
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: var(--bs-secondary-color);
    text-align: left
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

tbody,
td,
tfoot,
th,
thead,
tr {
    border-color: inherit;
    border-style: solid;
    border-width: 0
}

label {
    display: inline-block
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

select:disabled {
    opacity: 1
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
    display: none !important
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
    cursor: pointer
}

::-moz-focus-inner {
    padding: 0;
    border-style: none
}

textarea {
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: calc(1.275rem + .3vw);
    line-height: inherit
}

@media (min-width:1200px) {
    legend {
        font-size: 1.5rem
    }
}

legend+* {
    clear: left
}

::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field {
    padding: 0
}

::-webkit-inner-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
    padding: 0
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

::file-selector-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

iframe {
    border: 0
}

summary {
    display: list-item;
    cursor: pointer
}

progress {
    vertical-align: baseline
}

[hidden] {
    display: none !important
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: calc(1.625rem + 4.5vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-1 {
        font-size: 5rem
    }
}

.display-2 {
    font-size: calc(1.575rem + 3.9vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-2 {
        font-size: 4.5rem
    }
}

.display-3 {
    font-size: calc(1.525rem + 3.3vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-3 {
        font-size: 4rem
    }
}

.display-4 {
    font-size: calc(1.475rem + 2.7vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-4 {
        font-size: 3.5rem
    }
}

.display-5 {
    font-size: calc(1.425rem + 2.1vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-5 {
        font-size: 3rem
    }
}

.display-6 {
    font-size: calc(1.375rem + 1.5vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-6 {
        font-size: 2.5rem
    }
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: .875em;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

.blockquote>:last-child {
    margin-bottom: 0
}

.blockquote-footer {
    margin-top: -1rem;
    margin-bottom: 1rem;
    font-size: .875em;
    color: #6c757d
}

.blockquote-footer::before {
    content: "— "
}

.img-fluid {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: var(--bs-body-bg);
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: .875em;
    color: var(--bs-secondary-color)
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {
    .container,
    .container-sm {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .container,
    .container-md,
    .container-sm {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1140px
    }
}

@media (min-width:1400px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1320px
    }
}

:root {
    --bs-breakpoint-xs: 0;
    --bs-breakpoint-sm: 576px;
    --bs-breakpoint-md: 768px;
    --bs-breakpoint-lg: 992px;
    --bs-breakpoint-xl: 1200px;
    --bs-breakpoint-xxl: 1400px
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x))
}

.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y)
}

.col {
    flex: 1 0 0%
}

.row-cols-auto>* {
    flex: 0 0 auto;
    width: auto
}

.row-cols-1>* {
    flex: 0 0 auto;
    width: 100%
}

.row-cols-2>* {
    flex: 0 0 auto;
    width: 50%
}

.row-cols-3>* {
    flex: 0 0 auto;
    width: 33.33333333%
}

.row-cols-4>* {
    flex: 0 0 auto;
    width: 25%
}

.row-cols-5>* {
    flex: 0 0 auto;
    width: 20%
}

.row-cols-6>* {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

.col-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}

.offset-1 {
    margin-left: 8.33333333%
}

.offset-2 {
    margin-left: 16.66666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333333%
}

.offset-5 {
    margin-left: 41.66666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333333%
}

.offset-8 {
    margin-left: 66.66666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333333%
}

.offset-11 {
    margin-left: 91.66666667%
}

.g-0,
.gx-0 {
    --bs-gutter-x: 0
}

.g-0,
.gy-0 {
    --bs-gutter-y: 0
}

.g-1,
.gx-1 {
    --bs-gutter-x: 0.25rem
}

.g-1,
.gy-1 {
    --bs-gutter-y: 0.25rem
}

.g-2,
.gx-2 {
    --bs-gutter-x: 0.5rem
}

.g-2,
.gy-2 {
    --bs-gutter-y: 0.5rem
}

.g-3,
.gx-3 {
    --bs-gutter-x: 1rem
}

.g-3,
.gy-3 {
    --bs-gutter-y: 1rem
}

.g-4,
.gx-4 {
    --bs-gutter-x: 1.5rem
}

.g-4,
.gy-4 {
    --bs-gutter-y: 1.5rem
}

.g-5,
.gx-5 {
    --bs-gutter-x: 3rem
}

.g-5,
.gy-5 {
    --bs-gutter-y: 3rem
}

@media (min-width:576px) {
    .col-sm {
        flex: 1 0 0%
    }
    .row-cols-sm-auto>* {
        flex: 0 0 auto;
        width: auto
    }
    .row-cols-sm-1>* {
        flex: 0 0 auto;
        width: 100%
    }
    .row-cols-sm-2>* {
        flex: 0 0 auto;
        width: 50%
    }
    .row-cols-sm-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }
    .row-cols-sm-4>* {
        flex: 0 0 auto;
        width: 25%
    }
    .row-cols-sm-5>* {
        flex: 0 0 auto;
        width: 20%
    }
    .row-cols-sm-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }
    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }
    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }
    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }
    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }
    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }
    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }
    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }
    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }
    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }
    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }
    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }
    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }
    .offset-sm-0 {
        margin-left: 0
    }
    .offset-sm-1 {
        margin-left: 8.33333333%
    }
    .offset-sm-2 {
        margin-left: 16.66666667%
    }
    .offset-sm-3 {
        margin-left: 25%
    }
    .offset-sm-4 {
        margin-left: 33.33333333%
    }
    .offset-sm-5 {
        margin-left: 41.66666667%
    }
    .offset-sm-6 {
        margin-left: 50%
    }
    .offset-sm-7 {
        margin-left: 58.33333333%
    }
    .offset-sm-8 {
        margin-left: 66.66666667%
    }
    .offset-sm-9 {
        margin-left: 75%
    }
    .offset-sm-10 {
        margin-left: 83.33333333%
    }
    .offset-sm-11 {
        margin-left: 91.66666667%
    }
    .g-sm-0,
    .gx-sm-0 {
        --bs-gutter-x: 0
    }
    .g-sm-0,
    .gy-sm-0 {
        --bs-gutter-y: 0
    }
    .g-sm-1,
    .gx-sm-1 {
        --bs-gutter-x: 0.25rem
    }
    .g-sm-1,
    .gy-sm-1 {
        --bs-gutter-y: 0.25rem
    }
    .g-sm-2,
    .gx-sm-2 {
        --bs-gutter-x: 0.5rem
    }
    .g-sm-2,
    .gy-sm-2 {
        --bs-gutter-y: 0.5rem
    }
    .g-sm-3,
    .gx-sm-3 {
        --bs-gutter-x: 1rem
    }
    .g-sm-3,
    .gy-sm-3 {
        --bs-gutter-y: 1rem
    }
    .g-sm-4,
    .gx-sm-4 {
        --bs-gutter-x: 1.5rem
    }
    .g-sm-4,
    .gy-sm-4 {
        --bs-gutter-y: 1.5rem
    }
    .g-sm-5,
    .gx-sm-5 {
        --bs-gutter-x: 3rem
    }
    .g-sm-5,
    .gy-sm-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:768px) {
    .col-md {
        flex: 1 0 0%
    }
    .row-cols-md-auto>* {
        flex: 0 0 auto;
        width: auto
    }
    .row-cols-md-1>* {
        flex: 0 0 auto;
        width: 100%
    }
    .row-cols-md-2>* {
        flex: 0 0 auto;
        width: 50%
    }
    .row-cols-md-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }
    .row-cols-md-4>* {
        flex: 0 0 auto;
        width: 25%
    }
    .row-cols-md-5>* {
        flex: 0 0 auto;
        width: 20%
    }
    .row-cols-md-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }
    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }
    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }
    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }
    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }
    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }
    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }
    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }
    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }
    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }
    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }
    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }
    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }
    .offset-md-0 {
        margin-left: 0
    }
    .offset-md-1 {
        margin-left: 8.33333333%
    }
    .offset-md-2 {
        margin-left: 16.66666667%
    }
    .offset-md-3 {
        margin-left: 25%
    }
    .offset-md-4 {
        margin-left: 33.33333333%
    }
    .offset-md-5 {
        margin-left: 41.66666667%
    }
    .offset-md-6 {
        margin-left: 50%
    }
    .offset-md-7 {
        margin-left: 58.33333333%
    }
    .offset-md-8 {
        margin-left: 66.66666667%
    }
    .offset-md-9 {
        margin-left: 75%
    }
    .offset-md-10 {
        margin-left: 83.33333333%
    }
    .offset-md-11 {
        margin-left: 91.66666667%
    }
    .g-md-0,
    .gx-md-0 {
        --bs-gutter-x: 0
    }
    .g-md-0,
    .gy-md-0 {
        --bs-gutter-y: 0
    }
    .g-md-1,
    .gx-md-1 {
        --bs-gutter-x: 0.25rem
    }
    .g-md-1,
    .gy-md-1 {
        --bs-gutter-y: 0.25rem
    }
    .g-md-2,
    .gx-md-2 {
        --bs-gutter-x: 0.5rem
    }
    .g-md-2,
    .gy-md-2 {
        --bs-gutter-y: 0.5rem
    }
    .g-md-3,
    .gx-md-3 {
        --bs-gutter-x: 1rem
    }
    .g-md-3,
    .gy-md-3 {
        --bs-gutter-y: 1rem
    }
    .g-md-4,
    .gx-md-4 {
        --bs-gutter-x: 1.5rem
    }
    .g-md-4,
    .gy-md-4 {
        --bs-gutter-y: 1.5rem
    }
    .g-md-5,
    .gx-md-5 {
        --bs-gutter-x: 3rem
    }
    .g-md-5,
    .gy-md-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:992px) {
    .col-lg {
        flex: 1 0 0%
    }
    .row-cols-lg-auto>* {
        flex: 0 0 auto;
        width: auto
    }
    .row-cols-lg-1>* {
        flex: 0 0 auto;
        width: 100%
    }
    .row-cols-lg-2>* {
        flex: 0 0 auto;
        width: 50%
    }
    .row-cols-lg-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }
    .row-cols-lg-4>* {
        flex: 0 0 auto;
        width: 25%
    }
    .row-cols-lg-5>* {
        flex: 0 0 auto;
        width: 20%
    }
    .row-cols-lg-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }
    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }
    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }
    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }
    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }
    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }
    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }
    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }
    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }
    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }
    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }
    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }
    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }
    .offset-lg-0 {
        margin-left: 0
    }
    .offset-lg-1 {
        margin-left: 8.33333333%
    }
    .offset-lg-2 {
        margin-left: 16.66666667%
    }
    .offset-lg-3 {
        margin-left: 25%
    }
    .offset-lg-4 {
        margin-left: 33.33333333%
    }
    .offset-lg-5 {
        margin-left: 41.66666667%
    }
    .offset-lg-6 {
        margin-left: 50%
    }
    .offset-lg-7 {
        margin-left: 58.33333333%
    }
    .offset-lg-8 {
        margin-left: 66.66666667%
    }
    .offset-lg-9 {
        margin-left: 75%
    }
    .offset-lg-10 {
        margin-left: 83.33333333%
    }
    .offset-lg-11 {
        margin-left: 91.66666667%
    }
    .g-lg-0,
    .gx-lg-0 {
        --bs-gutter-x: 0
    }
    .g-lg-0,
    .gy-lg-0 {
        --bs-gutter-y: 0
    }
    .g-lg-1,
    .gx-lg-1 {
        --bs-gutter-x: 0.25rem
    }
    .g-lg-1,
    .gy-lg-1 {
        --bs-gutter-y: 0.25rem
    }
    .g-lg-2,
    .gx-lg-2 {
        --bs-gutter-x: 0.5rem
    }
    .g-lg-2,
    .gy-lg-2 {
        --bs-gutter-y: 0.5rem
    }
    .g-lg-3,
    .gx-lg-3 {
        --bs-gutter-x: 1rem
    }
    .g-lg-3,
    .gy-lg-3 {
        --bs-gutter-y: 1rem
    }
    .g-lg-4,
    .gx-lg-4 {
        --bs-gutter-x: 1.5rem
    }
    .g-lg-4,
    .gy-lg-4 {
        --bs-gutter-y: 1.5rem
    }
    .g-lg-5,
    .gx-lg-5 {
        --bs-gutter-x: 3rem
    }
    .g-lg-5,
    .gy-lg-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:1200px) {
    .col-xl {
        flex: 1 0 0%
    }
    .row-cols-xl-auto>* {
        flex: 0 0 auto;
        width: auto
    }
    .row-cols-xl-1>* {
        flex: 0 0 auto;
        width: 100%
    }
    .row-cols-xl-2>* {
        flex: 0 0 auto;
        width: 50%
    }
    .row-cols-xl-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }
    .row-cols-xl-4>* {
        flex: 0 0 auto;
        width: 25%
    }
    .row-cols-xl-5>* {
        flex: 0 0 auto;
        width: 20%
    }
    .row-cols-xl-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto
    }
    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }
    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }
    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }
    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }
    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }
    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }
    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }
    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }
    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%
    }
    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }
    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }
    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%
    }
    .offset-xl-0 {
        margin-left: 0
    }
    .offset-xl-1 {
        margin-left: 8.33333333%
    }
    .offset-xl-2 {
        margin-left: 16.66666667%
    }
    .offset-xl-3 {
        margin-left: 25%
    }
    .offset-xl-4 {
        margin-left: 33.33333333%
    }
    .offset-xl-5 {
        margin-left: 41.66666667%
    }
    .offset-xl-6 {
        margin-left: 50%
    }
    .offset-xl-7 {
        margin-left: 58.33333333%
    }
    .offset-xl-8 {
        margin-left: 66.66666667%
    }
    .offset-xl-9 {
        margin-left: 75%
    }
    .offset-xl-10 {
        margin-left: 83.33333333%
    }
    .offset-xl-11 {
        margin-left: 91.66666667%
    }
    .g-xl-0,
    .gx-xl-0 {
        --bs-gutter-x: 0
    }
    .g-xl-0,
    .gy-xl-0 {
        --bs-gutter-y: 0
    }
    .g-xl-1,
    .gx-xl-1 {
        --bs-gutter-x: 0.25rem
    }
    .g-xl-1,
    .gy-xl-1 {
        --bs-gutter-y: 0.25rem
    }
    .g-xl-2,
    .gx-xl-2 {
        --bs-gutter-x: 0.5rem
    }
    .g-xl-2,
    .gy-xl-2 {
        --bs-gutter-y: 0.5rem
    }
    .g-xl-3,
    .gx-xl-3 {
        --bs-gutter-x: 1rem
    }
    .g-xl-3,
    .gy-xl-3 {
        --bs-gutter-y: 1rem
    }
    .g-xl-4,
    .gx-xl-4 {
        --bs-gutter-x: 1.5rem
    }
    .g-xl-4,
    .gy-xl-4 {
        --bs-gutter-y: 1.5rem
    }
    .g-xl-5,
    .gx-xl-5 {
        --bs-gutter-x: 3rem
    }
    .g-xl-5,
    .gy-xl-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:1400px) {
    .col-xxl {
        flex: 1 0 0%
    }
    .row-cols-xxl-auto>* {
        flex: 0 0 auto;
        width: auto
    }
    .row-cols-xxl-1>* {
        flex: 0 0 auto;
        width: 100%
    }
    .row-cols-xxl-2>* {
        flex: 0 0 auto;
        width: 50%
    }
    .row-cols-xxl-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }
    .row-cols-xxl-4>* {
        flex: 0 0 auto;
        width: 25%
    }
    .row-cols-xxl-5>* {
        flex: 0 0 auto;
        width: 20%
    }
    .row-cols-xxl-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }
    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto
    }
    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }
    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }
    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%
    }
    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }
    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }
    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%
    }
    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }
    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }
    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%
    }
    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }
    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }
    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%
    }
    .offset-xxl-0 {
        margin-left: 0
    }
    .offset-xxl-1 {
        margin-left: 8.33333333%
    }
    .offset-xxl-2 {
        margin-left: 16.66666667%
    }
    .offset-xxl-3 {
        margin-left: 25%
    }
    .offset-xxl-4 {
        margin-left: 33.33333333%
    }
    .offset-xxl-5 {
        margin-left: 41.66666667%
    }
    .offset-xxl-6 {
        margin-left: 50%
    }
    .offset-xxl-7 {
        margin-left: 58.33333333%
    }
    .offset-xxl-8 {
        margin-left: 66.66666667%
    }
    .offset-xxl-9 {
        margin-left: 75%
    }
    .offset-xxl-10 {
        margin-left: 83.33333333%
    }
    .offset-xxl-11 {
        margin-left: 91.66666667%
    }
    .g-xxl-0,
    .gx-xxl-0 {
        --bs-gutter-x: 0
    }
    .g-xxl-0,
    .gy-xxl-0 {
        --bs-gutter-y: 0
    }
    .g-xxl-1,
    .gx-xxl-1 {
        --bs-gutter-x: 0.25rem
    }
    .g-xxl-1,
    .gy-xxl-1 {
        --bs-gutter-y: 0.25rem
    }
    .g-xxl-2,
    .gx-xxl-2 {
        --bs-gutter-x: 0.5rem
    }
    .g-xxl-2,
    .gy-xxl-2 {
        --bs-gutter-y: 0.5rem
    }
    .g-xxl-3,
    .gx-xxl-3 {
        --bs-gutter-x: 1rem
    }
    .g-xxl-3,
    .gy-xxl-3 {
        --bs-gutter-y: 1rem
    }
    .g-xxl-4,
    .gx-xxl-4 {
        --bs-gutter-x: 1.5rem
    }
    .g-xxl-4,
    .gy-xxl-4 {
        --bs-gutter-y: 1.5rem
    }
    .g-xxl-5,
    .gx-xxl-5 {
        --bs-gutter-x: 3rem
    }
    .g-xxl-5,
    .gy-xxl-5 {
        --bs-gutter-y: 3rem
    }
}

.table {
    --bs-table-color-type: initial;
    --bs-table-bg-type: initial;
    --bs-table-color-state: initial;
    --bs-table-bg-state: initial;
    --bs-table-color: var(--bs-emphasis-color);
    --bs-table-bg: var(--bs-body-bg);
    --bs-table-border-color: var(--bs-border-color);
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-emphasis-color);
    --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
    --bs-table-active-color: var(--bs-emphasis-color);
    --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
    --bs-table-hover-color: var(--bs-emphasis-color);
    --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
    width: 100%;
    margin-bottom: 1rem;
    vertical-align: top;
    border-color: var(--bs-table-border-color)
}

.table>:not(caption)>*>* {
    padding: .5rem .5rem;
    color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
    background-color: var(--bs-table-bg);
    border-bottom-width: var(--bs-border-width);
    box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)))
}

.table>tbody {
    vertical-align: inherit
}

.table>thead {
    vertical-align: bottom
}

.table-group-divider {
    border-top: calc(var(--bs-border-width) * 2) solid currentcolor
}

.caption-top {
    caption-side: top
}

.table-sm>:not(caption)>*>* {
    padding: .25rem .25rem
}

.table-bordered>:not(caption)>* {
    border-width: var(--bs-border-width) 0
}

.table-bordered>:not(caption)>*>* {
    border-width: 0 var(--bs-border-width)
}

.table-borderless>:not(caption)>*>* {
    border-bottom-width: 0
}

.table-borderless>:not(:first-child) {
    border-top-width: 0
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-color-type: var(--bs-table-striped-color);
    --bs-table-bg-type: var(--bs-table-striped-bg)
}

.table-striped-columns>:not(caption)>tr>:nth-child(2n) {
    --bs-table-color-type: var(--bs-table-striped-color);
    --bs-table-bg-type: var(--bs-table-striped-bg)
}

.table-active {
    --bs-table-color-state: var(--bs-table-active-color);
    --bs-table-bg-state: var(--bs-table-active-bg)
}

.table-hover>tbody>tr:hover>* {
    --bs-table-color-state: var(--bs-table-hover-color);
    --bs-table-bg-state: var(--bs-table-hover-bg)
}

.table-primary {
    --bs-table-color: #000;
    --bs-table-bg: #cfe2ff;
    --bs-table-border-color: #a6b5cc;
    --bs-table-striped-bg: #c5d7f2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bacbe6;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfd1ec;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-secondary {
    --bs-table-color: #000;
    --bs-table-bg: #e2e3e5;
    --bs-table-border-color: #b5b6b7;
    --bs-table-striped-bg: #d7d8da;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #cbccce;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #d1d2d4;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-success {
    --bs-table-color: #000;
    --bs-table-bg: #d1e7dd;
    --bs-table-border-color: #a7b9b1;
    --bs-table-striped-bg: #c7dbd2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bcd0c7;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #c1d6cc;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-info {
    --bs-table-color: #000;
    --bs-table-bg: #cff4fc;
    --bs-table-border-color: #a6c3ca;
    --bs-table-striped-bg: #c5e8ef;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #badce3;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfe2e9;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-warning {
    --bs-table-color: #000;
    --bs-table-bg: #fff3cd;
    --bs-table-border-color: #ccc2a4;
    --bs-table-striped-bg: #f2e7c3;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #e6dbb9;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #ece1be;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-danger {
    --bs-table-color: #000;
    --bs-table-bg: #f8d7da;
    --bs-table-border-color: #c6acae;
    --bs-table-striped-bg: #eccccf;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfc2c4;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5c7ca;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-light {
    --bs-table-color: #000;
    --bs-table-bg: #f8f9fa;
    --bs-table-border-color: #c6c7c8;
    --bs-table-striped-bg: #ecedee;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfe0e1;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5e6e7;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-dark {
    --bs-table-color: #fff;
    --bs-table-bg: #212529;
    --bs-table-border-color: #4d5154;
    --bs-table-striped-bg: #2c3034;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #373b3e;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #323539;
    --bs-table-hover-color: #fff;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

@media (max-width:575.98px) {
    .table-responsive-sm {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width:767.98px) {
    .table-responsive-md {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width:991.98px) {
    .table-responsive-lg {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width:1199.98px) {
    .table-responsive-xl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width:1399.98px) {
    .table-responsive-xxl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

.form-label {
    margin-bottom: .5rem
}

.col-form-label {
    padding-top: calc(.375rem + var(--bs-border-width));
    padding-bottom: calc(.375rem + var(--bs-border-width));
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + var(--bs-border-width));
    padding-bottom: calc(.5rem + var(--bs-border-width));
    font-size: 1.25rem
}

.col-form-label-sm {
    padding-top: calc(.25rem + var(--bs-border-width));
    padding-bottom: calc(.25rem + var(--bs-border-width));
    font-size: .875rem
}

.form-text {
    margin-top: .25rem;
    font-size: .875em;
    color: var(--bs-secondary-color)
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

.form-control[type=file] {
    overflow: hidden
}

.form-control[type=file]:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-control::-webkit-date-and-time-value {
    min-width: 85px;
    height: 1.5em;
    margin: 0
}

.form-control::-webkit-datetime-edit {
    display: block;
    padding: 0
}

.form-control::-moz-placeholder {
    color: var(--bs-secondary-color);
    opacity: 1
}

.form-control::placeholder {
    color: var(--bs-secondary-color);
    opacity: 1
}

.form-control:disabled {
    background-color: var(--bs-secondary-bg);
    opacity: 1
}

.form-control::-webkit-file-upload-button {
    padding: .375rem .75rem;
    margin: -.375rem -.75rem;
    -webkit-margin-end: .75rem;
    margin-inline-end: .75rem;
    color: var(--bs-body-color);
    background-color: var(--bs-tertiary-bg);
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: var(--bs-border-width);
    border-radius: 0;
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.form-control::file-selector-button {
    padding: .375rem .75rem;
    margin: -.375rem -.75rem;
    -webkit-margin-end: .75rem;
    margin-inline-end: .75rem;
    color: var(--bs-body-color);
    background-color: var(--bs-tertiary-bg);
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: var(--bs-border-width);
    border-radius: 0;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control::-webkit-file-upload-button {
        -webkit-transition: none;
        transition: none
    }
    .form-control::file-selector-button {
        transition: none
    }
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: var(--bs-secondary-bg)
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: var(--bs-secondary-bg)
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    line-height: 1.5;
    color: var(--bs-body-color);
    background-color: transparent;
    border: solid transparent;
    border-width: var(--bs-border-width) 0
}

.form-control-plaintext:focus {
    outline: 0
}

.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    min-height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: var(--bs-border-radius-sm)
}

.form-control-sm::-webkit-file-upload-button {
    padding: .25rem .5rem;
    margin: -.25rem -.5rem;
    -webkit-margin-end: .5rem;
    margin-inline-end: .5rem
}

.form-control-sm::file-selector-button {
    padding: .25rem .5rem;
    margin: -.25rem -.5rem;
    -webkit-margin-end: .5rem;
    margin-inline-end: .5rem
}

.form-control-lg {
    min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: var(--bs-border-radius-lg)
}

.form-control-lg::-webkit-file-upload-button {
    padding: .5rem 1rem;
    margin: -.5rem -1rem;
    -webkit-margin-end: 1rem;
    margin-inline-end: 1rem
}

.form-control-lg::file-selector-button {
    padding: .5rem 1rem;
    margin: -.5rem -1rem;
    -webkit-margin-end: 1rem;
    margin-inline-end: 1rem
}

textarea.form-control {
    min-height: calc(1.5em + .75rem + calc(var(--bs-border-width) * 2))
}

textarea.form-control-sm {
    min-height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))
}

textarea.form-control-lg {
    min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))
}

.form-control-color {
    width: 3rem;
    height: calc(1.5em + .75rem + calc(var(--bs-border-width) * 2));
    padding: .375rem
}

.form-control-color:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-control-color::-moz-color-swatch {
    border: 0 !important;
    border-radius: var(--bs-border-radius)
}

.form-control-color::-webkit-color-swatch {
    border: 0 !important;
    border-radius: var(--bs-border-radius)
}

.form-control-color.form-control-sm {
    height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))
}

.form-control-color.form-control-lg {
    height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))
}

.form-select {
    --bs-form-select-bg-img: 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 5 6 6 6-6'/%3e%3c/svg%3e");
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-select {
        transition: none
    }
}

.form-select:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-select[multiple],
.form-select[size]:not([size="1"]) {
    padding-right: .75rem;
    background-image: none
}

.form-select:disabled {
    background-color: var(--bs-secondary-bg)
}

.form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 var(--bs-body-color)
}

.form-select-sm {
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem;
    border-radius: var(--bs-border-radius-sm)
}

.form-select-lg {
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem;
    border-radius: var(--bs-border-radius-lg)
}

[data-bs-theme=dark] .form-select {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")
}

.form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: .125rem
}

.form-check .form-check-input {
    float: left;
    margin-left: -1.5em
}

.form-check-reverse {
    padding-right: 1.5em;
    padding-left: 0;
    text-align: right
}

.form-check-reverse .form-check-input {
    float: right;
    margin-right: -1.5em;
    margin-left: 0
}

.form-check-input {
    --bs-form-check-bg: var(--bs-body-bg);
    flex-shrink: 0;
    width: 1em;
    height: 1em;
    margin-top: .25em;
    vertical-align: top;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-form-check-bg);
    background-image: var(--bs-form-check-bg-image);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: var(--bs-border-width) solid var(--bs-border-color);
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    print-color-adjust: exact
}

.form-check-input[type=checkbox] {
    border-radius: .25em
}

.form-check-input[type=radio] {
    border-radius: 50%
}

.form-check-input:active {
    filter: brightness(90%)
}

.form-check-input:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-check-input:checked {
    background-color: #0d6efd;
    border-color: #0d6efd
}

.form-check-input:checked[type=checkbox] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")
}

.form-check-input:checked[type=radio] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: #0d6efd;
    border-color: #0d6efd;
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
}

.form-check-input:disabled {
    pointer-events: none;
    filter: none;
    opacity: .5
}

.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
    cursor: default;
    opacity: .5
}

.form-switch {
    padding-left: 2.5em
}

.form-switch .form-check-input {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
    width: 2em;
    margin-left: -2.5em;
    background-image: var(--bs-form-switch-bg);
    background-position: left center;
    border-radius: 2em;
    transition: background-position .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-switch .form-check-input {
        transition: none
    }
}

.form-switch .form-check-input:focus {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")
}

.form-switch .form-check-input:checked {
    background-position: right center;
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.form-switch.form-check-reverse {
    padding-right: 2.5em;
    padding-left: 0
}

.form-switch.form-check-reverse .form-check-input {
    margin-right: -2.5em;
    margin-left: 0
}

.form-check-inline {
    display: inline-block;
    margin-right: 1rem
}

.btn-check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.btn-check:disabled+.btn,
.btn-check[disabled]+.btn {
    pointer-events: none;
    filter: none;
    opacity: .65
}

[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e")
}

.form-range {
    width: 100%;
    height: 1.5rem;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent
}

.form-range:focus {
    outline: 0
}

.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-range::-moz-focus-outer {
    border: 0
}

.form-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    -webkit-appearance: none;
    appearance: none;
    background-color: #0d6efd;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none
    }
}

.form-range::-webkit-slider-thumb:active {
    background-color: #b6d4fe
}

.form-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: var(--bs-secondary-bg);
    border-color: transparent;
    border-radius: 1rem
}

.form-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    -moz-appearance: none;
    appearance: none;
    background-color: #0d6efd;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none
    }
}

.form-range::-moz-range-thumb:active {
    background-color: #b6d4fe
}

.form-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: var(--bs-secondary-bg);
    border-color: transparent;
    border-radius: 1rem
}

.form-range:disabled {
    pointer-events: none
}

.form-range:disabled::-webkit-slider-thumb {
    background-color: var(--bs-secondary-color)
}

.form-range:disabled::-moz-range-thumb {
    background-color: var(--bs-secondary-color)
}

.form-floating {
    position: relative
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext,
.form-floating>.form-select {
    height: calc(3.5rem + calc(var(--bs-border-width) * 2));
    min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
    line-height: 1.25
}

.form-floating>label {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    height: 100%;
    padding: 1rem .75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
    transform-origin: 0 0;
    transition: opacity .1s ease-in-out, transform .1s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-floating>label {
        transition: none
    }
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext {
    padding: 1rem .75rem
}

.form-floating>.form-control-plaintext::-moz-placeholder,
.form-floating>.form-control::-moz-placeholder {
    color: transparent
}

.form-floating>.form-control-plaintext::placeholder,
.form-floating>.form-control::placeholder {
    color: transparent
}

.form-floating>.form-control-plaintext:not(:-moz-placeholder-shown),
.form-floating>.form-control:not(:-moz-placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-control-plaintext:focus,
.form-floating>.form-control-plaintext:not(:placeholder-shown),
.form-floating>.form-control:focus,
.form-floating>.form-control:not(:placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-control-plaintext:-webkit-autofill,
.form-floating>.form-control:-webkit-autofill {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-select {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-control:not(:-moz-placeholder-shown)~label {
    color: rgba(var(--bs-body-color-rgb), .65);
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating>.form-control-plaintext~label,
.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
    color: rgba(var(--bs-body-color-rgb), .65);
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating>.form-control:not(:-moz-placeholder-shown)~label::after {
    position: absolute;
    inset: 1rem 0.375rem;
    z-index: -1;
    height: 1.5em;
    content: "";
    background-color: var(--bs-body-bg);
    border-radius: var(--bs-border-radius)
}

.form-floating>.form-control-plaintext~label::after,
.form-floating>.form-control:focus~label::after,
.form-floating>.form-control:not(:placeholder-shown)~label::after,
.form-floating>.form-select~label::after {
    position: absolute;
    inset: 1rem 0.375rem;
    z-index: -1;
    height: 1.5em;
    content: "";
    background-color: var(--bs-body-bg);
    border-radius: var(--bs-border-radius)
}

.form-floating>.form-control:-webkit-autofill~label {
    color: rgba(var(--bs-body-color-rgb), .65);
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating>.form-control-plaintext~label {
    border-width: var(--bs-border-width) 0
}

.form-floating>.form-control:disabled~label,
.form-floating>:disabled~label {
    color: #6c757d
}

.form-floating>.form-control:disabled~label::after,
.form-floating>:disabled~label::after {
    background-color: var(--bs-secondary-bg)
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

.input-group>.form-control,
.input-group>.form-floating,
.input-group>.form-select {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0
}

.input-group>.form-control:focus,
.input-group>.form-floating:focus-within,
.input-group>.form-select:focus {
    z-index: 5
}

.input-group .btn {
    position: relative;
    z-index: 2
}

.input-group .btn:focus {
    z-index: 5
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    text-align: center;
    white-space: nowrap;
    background-color: var(--bs-tertiary-bg);
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius)
}

.input-group-lg>.btn,
.input-group-lg>.form-control,
.input-group-lg>.form-select,
.input-group-lg>.input-group-text {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: var(--bs-border-radius-lg)
}

.input-group-sm>.btn,
.input-group-sm>.form-control,
.input-group-sm>.form-select,
.input-group-sm>.input-group-text {
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: var(--bs-border-radius-sm)
}

.input-group-lg>.form-select,
.input-group-sm>.form-select {
    padding-right: 3rem
}

.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,
.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,
.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,
.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select,
.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: calc(var(--bs-border-width) * -1);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group>.form-floating:not(:first-child)>.form-control,
.input-group>.form-floating:not(:first-child)>.form-select {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: var(--bs-form-valid-color)
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    color: #fff;
    background-color: var(--bs-success);
    border-radius: var(--bs-border-radius)
}

.is-valid~.valid-feedback,
.is-valid~.valid-tooltip,
.was-validated :valid~.valid-feedback,
.was-validated :valid~.valid-tooltip {
    display: block
}

.form-control.is-valid,
.was-validated .form-control:valid {
    border-color: var(--bs-form-valid-border-color);
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
    border-color: var(--bs-form-valid-border-color);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), .25)
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.form-select.is-valid,
.was-validated .form-select:valid {
    border-color: var(--bs-form-valid-border-color)
}

.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"],
.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size="1"] {
    --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    padding-right: 4.125rem;
    background-position: right .75rem center, center right 2.25rem;
    background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-select.is-valid:focus,
.was-validated .form-select:valid:focus {
    border-color: var(--bs-form-valid-border-color);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), .25)
}

.form-control-color.is-valid,
.was-validated .form-control-color:valid {
    width: calc(3rem + calc(1.5em + .75rem))
}

.form-check-input.is-valid,
.was-validated .form-check-input:valid {
    border-color: var(--bs-form-valid-border-color)
}

.form-check-input.is-valid:checked,
.was-validated .form-check-input:valid:checked {
    background-color: var(--bs-form-valid-color)
}

.form-check-input.is-valid:focus,
.was-validated .form-check-input:valid:focus {
    box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), .25)
}

.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
    color: var(--bs-form-valid-color)
}

.form-check-inline .form-check-input~.valid-feedback {
    margin-left: .5em
}

.input-group>.form-control:not(:focus).is-valid,
.input-group>.form-floating:not(:focus-within).is-valid,
.input-group>.form-select:not(:focus).is-valid,
.was-validated .input-group>.form-control:not(:focus):valid,
.was-validated .input-group>.form-floating:not(:focus-within):valid,
.was-validated .input-group>.form-select:not(:focus):valid {
    z-index: 3
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: var(--bs-form-invalid-color)
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    color: #fff;
    background-color: var(--bs-danger);
    border-radius: var(--bs-border-radius)
}

.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip,
.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip {
    display: block
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: var(--bs-form-invalid-border-color);
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    border-color: var(--bs-form-invalid-border-color);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25)
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.form-select.is-invalid,
.was-validated .form-select:invalid {
    border-color: var(--bs-form-invalid-border-color)
}

.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"],
.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"] {
    --bs-form-select-bg-icon: 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");
    padding-right: 4.125rem;
    background-position: right .75rem center, center right 2.25rem;
    background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-select.is-invalid:focus,
.was-validated .form-select:invalid:focus {
    border-color: var(--bs-form-invalid-border-color);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25)
}

.form-control-color.is-invalid,
.was-validated .form-control-color:invalid {
    width: calc(3rem + calc(1.5em + .75rem))
}

.form-check-input.is-invalid,
.was-validated .form-check-input:invalid {
    border-color: var(--bs-form-invalid-border-color)
}

.form-check-input.is-invalid:checked,
.was-validated .form-check-input:invalid:checked {
    background-color: var(--bs-form-invalid-color)
}

.form-check-input.is-invalid:focus,
.was-validated .form-check-input:invalid:focus {
    box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25)
}

.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
    color: var(--bs-form-invalid-color)
}

.form-check-inline .form-check-input~.invalid-feedback {
    margin-left: .5em
}

.input-group>.form-control:not(:focus).is-invalid,
.input-group>.form-floating:not(:focus-within).is-invalid,
.input-group>.form-select:not(:focus).is-invalid,
.was-validated .input-group>.form-control:not(:focus):invalid,
.was-validated .input-group>.form-floating:not(:focus-within):invalid,
.was-validated .input-group>.form-select:not(:focus):invalid {
    z-index: 4
}

.btn {
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.375rem;
    --bs-btn-font-family: ;
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-width: var(--bs-border-width);
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: var(--bs-border-radius);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color)
}

.btn-check+.btn:hover {
    color: var(--bs-btn-color);
    background-color: var(--bs-btn-bg);
    border-color: var(--bs-btn-border-color)
}

.btn:focus-visible {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:focus-visible+.btn {
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.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(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color)
}

.btn-check:checked+.btn:focus-visible,
.btn.active:focus-visible,
.btn.show:focus-visible,
.btn:first-child:active:focus-visible,
:not(.btn-check)+.btn:active:focus-visible {
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
    color: var(--bs-btn-disabled-color);
    pointer-events: none;
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
    opacity: var(--bs-btn-disabled-opacity)
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #0d6efd;
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0b5ed7;
    --bs-btn-hover-border-color: #0a58ca;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd
}

.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5c636a;
    --bs-btn-hover-border-color: #565e64;
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #565e64;
    --bs-btn-active-border-color: #51585e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6c757d;
    --bs-btn-disabled-border-color: #6c757d
}

.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: #198754;
    --bs-btn-border-color: #198754;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #157347;
    --bs-btn-hover-border-color: #146c43;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #146c43;
    --bs-btn-active-border-color: #13653f;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #198754;
    --bs-btn-disabled-border-color: #198754
}

.btn-info {
    --bs-btn-color: #000;
    --bs-btn-bg: #0dcaf0;
    --bs-btn-border-color: #0dcaf0;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #31d2f2;
    --bs-btn-hover-border-color: #25cff2;
    --bs-btn-focus-shadow-rgb: 11, 172, 204;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #3dd5f3;
    --bs-btn-active-border-color: #25cff2;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #0dcaf0;
    --bs-btn-disabled-border-color: #0dcaf0
}

.btn-warning {
    --bs-btn-color: #000;
    --bs-btn-bg: #ffc107;
    --bs-btn-border-color: #ffc107;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ffca2c;
    --bs-btn-hover-border-color: #ffc720;
    --bs-btn-focus-shadow-rgb: 217, 164, 6;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ffcd39;
    --bs-btn-active-border-color: #ffc720;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #ffc107;
    --bs-btn-disabled-border-color: #ffc107
}

.btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #bb2d3b;
    --bs-btn-hover-border-color: #b02a37;
    --bs-btn-focus-shadow-rgb: 225, 83, 97;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #b02a37;
    --bs-btn-active-border-color: #a52834;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #dc3545;
    --bs-btn-disabled-border-color: #dc3545
}

.btn-light {
    --bs-btn-color: #000;
    --bs-btn-bg: #f8f9fa;
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #d3d4d5;
    --bs-btn-hover-border-color: #c6c7c8;
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #c6c7c8;
    --bs-btn-active-border-color: #babbbc;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f8f9fa;
    --bs-btn-disabled-border-color: #f8f9fa
}

.btn-dark {
    --bs-btn-color: #fff;
    --bs-btn-bg: #212529;
    --bs-btn-border-color: #212529;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #424649;
    --bs-btn-hover-border-color: #373b3e;
    --bs-btn-focus-shadow-rgb: 66, 70, 73;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4d5154;
    --bs-btn-active-border-color: #373b3e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #212529;
    --bs-btn-disabled-border-color: #212529
}

.btn-outline-primary {
    --bs-btn-color: #0d6efd;
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0d6efd;
    --bs-btn-hover-border-color: #0d6efd;
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0d6efd;
    --bs-btn-active-border-color: #0d6efd;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #0d6efd;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0d6efd;
    --bs-gradient: none
}

.btn-outline-secondary {
    --bs-btn-color: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6c757d;
    --bs-btn-hover-border-color: #6c757d;
    --bs-btn-focus-shadow-rgb: 108, 117, 125;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6c757d;
    --bs-btn-active-border-color: #6c757d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #6c757d;
    --bs-gradient: none
}

.btn-outline-success {
    --bs-btn-color: #198754;
    --bs-btn-border-color: #198754;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #198754;
    --bs-btn-hover-border-color: #198754;
    --bs-btn-focus-shadow-rgb: 25, 135, 84;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #198754;
    --bs-btn-active-border-color: #198754;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #198754;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #198754;
    --bs-gradient: none
}

.btn-outline-info {
    --bs-btn-color: #0dcaf0;
    --bs-btn-border-color: #0dcaf0;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #0dcaf0;
    --bs-btn-hover-border-color: #0dcaf0;
    --bs-btn-focus-shadow-rgb: 13, 202, 240;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #0dcaf0;
    --bs-btn-active-border-color: #0dcaf0;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #0dcaf0;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0dcaf0;
    --bs-gradient: none
}

.btn-outline-warning {
    --bs-btn-color: #ffc107;
    --bs-btn-border-color: #ffc107;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ffc107;
    --bs-btn-hover-border-color: #ffc107;
    --bs-btn-focus-shadow-rgb: 255, 193, 7;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ffc107;
    --bs-btn-active-border-color: #ffc107;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffc107;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #ffc107;
    --bs-gradient: none
}

.btn-outline-danger {
    --bs-btn-color: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #dc3545;
    --bs-btn-hover-border-color: #dc3545;
    --bs-btn-focus-shadow-rgb: 220, 53, 69;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #dc3545;
    --bs-btn-active-border-color: #dc3545;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #dc3545;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #dc3545;
    --bs-gradient: none
}

.btn-outline-light {
    --bs-btn-color: #f8f9fa;
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f8f9fa;
    --bs-btn-hover-border-color: #f8f9fa;
    --bs-btn-focus-shadow-rgb: 248, 249, 250;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f8f9fa;
    --bs-btn-active-border-color: #f8f9fa;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #f8f9fa;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #f8f9fa;
    --bs-gradient: none
}

.btn-outline-dark {
    --bs-btn-color: #212529;
    --bs-btn-border-color: #212529;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #212529;
    --bs-btn-hover-border-color: #212529;
    --bs-btn-focus-shadow-rgb: 33, 37, 41;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #212529;
    --bs-btn-active-border-color: #212529;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #212529;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #212529;
    --bs-gradient: none
}

.btn-link {
    --bs-btn-font-weight: 400;
    --bs-btn-color: var(--bs-link-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--bs-link-hover-color);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: var(--bs-link-hover-color);
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-border-color: transparent;
    --bs-btn-box-shadow: 0 0 0 #000;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    text-decoration: underline
}

.btn-link:focus-visible {
    color: var(--bs-btn-color)
}

.btn-link:hover {
    color: var(--bs-btn-hover-color)
}

.btn-group-lg>.btn,
.btn-lg {
    --bs-btn-padding-y: 0.5rem;
    --bs-btn-padding-x: 1rem;
    --bs-btn-font-size: 1.25rem;
    --bs-btn-border-radius: var(--bs-border-radius-lg)
}

.btn-group-sm>.btn,
.btn-sm {
    --bs-btn-padding-y: 0.25rem;
    --bs-btn-padding-x: 0.5rem;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-border-radius: var(--bs-border-radius-sm)
}

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.collapsing.collapse-horizontal {
    width: 0;
    height: auto;
    transition: width .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing.collapse-horizontal {
        transition: none
    }
}

.dropdown,
.dropdown-center,
.dropend,
.dropstart,
.dropup,
.dropup-center {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty::after {
    margin-left: 0
}

.dropdown-menu {
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: 0.5rem;
    --bs-dropdown-spacer: 0.125rem;
    --bs-dropdown-font-size: 1rem;
    --bs-dropdown-color: var(--bs-body-color);
    --bs-dropdown-bg: var(--bs-body-bg);
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-border-radius: var(--bs-border-radius);
    --bs-dropdown-border-width: var(--bs-border-width);
    --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-divider-margin-y: 0.5rem;
    --bs-dropdown-box-shadow: var(--bs-box-shadow);
    --bs-dropdown-link-color: var(--bs-body-color);
    --bs-dropdown-link-hover-color: var(--bs-body-color);
    --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #0d6efd;
    --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: 0.25rem;
    --bs-dropdown-header-color: #6c757d;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: 0.5rem;
    position: absolute;
    z-index: var(--bs-dropdown-zindex);
    display: none;
    min-width: var(--bs-dropdown-min-width);
    padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
    margin: 0;
    font-size: var(--bs-dropdown-font-size);
    color: var(--bs-dropdown-color);
    text-align: left;
    list-style: none;
    background-color: var(--bs-dropdown-bg);
    background-clip: padding-box;
    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
    border-radius: var(--bs-dropdown-border-radius)
}

.dropdown-menu[data-bs-popper] {
    top: 100%;
    left: 0;
    margin-top: var(--bs-dropdown-spacer)
}

.dropdown-menu-start {
    --bs-position: start
}

.dropdown-menu-start[data-bs-popper] {
    right: auto;
    left: 0
}

.dropdown-menu-end {
    --bs-position: end
}

.dropdown-menu-end[data-bs-popper] {
    right: 0;
    left: auto
}

@media (min-width:576px) {
    .dropdown-menu-sm-start {
        --bs-position: start
    }
    .dropdown-menu-sm-start[data-bs-popper] {
        right: auto;
        left: 0
    }
    .dropdown-menu-sm-end {
        --bs-position: end
    }
    .dropdown-menu-sm-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width:768px) {
    .dropdown-menu-md-start {
        --bs-position: start
    }
    .dropdown-menu-md-start[data-bs-popper] {
        right: auto;
        left: 0
    }
    .dropdown-menu-md-end {
        --bs-position: end
    }
    .dropdown-menu-md-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width:992px) {
    .dropdown-menu-lg-start {
        --bs-position: start
    }
    .dropdown-menu-lg-start[data-bs-popper] {
        right: auto;
        left: 0
    }
    .dropdown-menu-lg-end {
        --bs-position: end
    }
    .dropdown-menu-lg-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width:1200px) {
    .dropdown-menu-xl-start {
        --bs-position: start
    }
    .dropdown-menu-xl-start[data-bs-popper] {
        right: auto;
        left: 0
    }
    .dropdown-menu-xl-end {
        --bs-position: end
    }
    .dropdown-menu-xl-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width:1400px) {
    .dropdown-menu-xxl-start {
        --bs-position: start
    }
    .dropdown-menu-xxl-start[data-bs-popper] {
        right: auto;
        left: 0
    }
    .dropdown-menu-xxl-end {
        --bs-position: end
    }
    .dropdown-menu-xxl-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu[data-bs-popper] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: var(--bs-dropdown-spacer)
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropend .dropdown-menu[data-bs-popper] {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: var(--bs-dropdown-spacer)
}

.dropend .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropend .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropend .dropdown-toggle::after {
    vertical-align: 0
}

.dropstart .dropdown-menu[data-bs-popper] {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: var(--bs-dropdown-spacer)
}

.dropstart .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: ""
}

.dropstart .dropdown-toggle::after {
    display: none
}

.dropstart .dropdown-toggle::before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropstart .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropstart .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-divider {
    height: 0;
    margin: var(--bs-dropdown-divider-margin-y) 0;
    overflow: hidden;
    border-top: 1px solid var(--bs-dropdown-divider-bg);
    opacity: 1
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    clear: both;
    font-weight: 400;
    color: var(--bs-dropdown-link-color);
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    border-radius: var(--bs-dropdown-item-border-radius, 0)
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: var(--bs-dropdown-link-hover-color);
    background-color: var(--bs-dropdown-link-hover-bg)
}

.dropdown-item.active,
.dropdown-item:active {
    color: var(--bs-dropdown-link-active-color);
    text-decoration: none;
    background-color: var(--bs-dropdown-link-active-bg)
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: var(--bs-dropdown-link-disabled-color);
    pointer-events: none;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
    margin-bottom: 0;
    font-size: .875rem;
    color: var(--bs-dropdown-header-color);
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    color: var(--bs-dropdown-link-color)
}

.dropdown-menu-dark {
    --bs-dropdown-color: #dee2e6;
    --bs-dropdown-bg: #343a40;
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-box-shadow: ;
    --bs-dropdown-link-color: #dee2e6;
    --bs-dropdown-link-hover-color: #fff;
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #0d6efd;
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-header-color: #adb5bd
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

.btn-group-vertical>.btn,
.btn-group>.btn {
    position: relative;
    flex: 1 1 auto
}

.btn-group-vertical>.btn-check:checked+.btn,
.btn-group-vertical>.btn-check:focus+.btn,
.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:hover,
.btn-group>.btn-check:checked+.btn,
.btn-group>.btn-check:focus+.btn,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus,
.btn-group>.btn:hover {
    z-index: 1
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group {
    border-radius: var(--bs-border-radius)
}

.btn-group>.btn-group:not(:first-child),
.btn-group>:not(.btn-check:first-child)+.btn {
    margin-left: calc(var(--bs-border-width) * -1)
}

.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn.dropdown-toggle-split:first-child,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn:nth-child(n+3),
.btn-group>:not(.btn-check)+.btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

.dropdown-toggle-split::after,
.dropend .dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after {
    margin-left: 0
}

.dropstart .dropdown-toggle-split::before {
    margin-right: 0
}

.btn-group-sm>.btn+.dropdown-toggle-split,
.btn-sm+.dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-group-lg>.btn+.dropdown-toggle-split,
.btn-lg+.dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {
    width: 100%
}

.btn-group-vertical>.btn-group:not(:first-child),
.btn-group-vertical>.btn:not(:first-child) {
    margin-top: calc(var(--bs-border-width) * -1)
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.btn-group-vertical>.btn~.btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav {
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-weight: ;
    --bs-nav-link-color: var(--bs-link-color);
    --bs-nav-link-hover-color: var(--bs-link-hover-color);
    --bs-nav-link-disabled-color: var(--bs-secondary-color);
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    color: var(--bs-nav-link-color);
    text-decoration: none;
    background: 0 0;
    border: 0;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .nav-link {
        transition: none
    }
}

.nav-link:focus,
.nav-link:hover {
    color: var(--bs-nav-link-hover-color)
}

.nav-link:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.nav-link.disabled,
.nav-link:disabled {
    color: var(--bs-nav-link-disabled-color);
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    --bs-nav-tabs-border-width: var(--bs-border-width);
    --bs-nav-tabs-border-color: var(--bs-border-color);
    --bs-nav-tabs-border-radius: var(--bs-border-radius);
    --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
    --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
    --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
    --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
    border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)
}

.nav-tabs .nav-link {
    margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
    border: var(--bs-nav-tabs-border-width) solid transparent;
    border-top-left-radius: var(--bs-nav-tabs-border-radius);
    border-top-right-radius: var(--bs-nav-tabs-border-radius)
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    isolation: isolate;
    border-color: var(--bs-nav-tabs-link-hover-border-color)
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: var(--bs-nav-tabs-link-active-color);
    background-color: var(--bs-nav-tabs-link-active-bg);
    border-color: var(--bs-nav-tabs-link-active-border-color)
}

.nav-tabs .dropdown-menu {
    margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills {
    --bs-nav-pills-border-radius: var(--bs-border-radius);
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: #0d6efd
}

.nav-pills .nav-link {
    border-radius: var(--bs-nav-pills-border-radius)
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: var(--bs-nav-pills-link-active-color);
    background-color: var(--bs-nav-pills-link-active-bg)
}

.nav-underline {
    --bs-nav-underline-gap: 1rem;
    --bs-nav-underline-border-width: 0.125rem;
    --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
    gap: var(--bs-nav-underline-gap)
}

.nav-underline .nav-link {
    padding-right: 0;
    padding-left: 0;
    border-bottom: var(--bs-nav-underline-border-width) solid transparent
}

.nav-underline .nav-link:focus,
.nav-underline .nav-link:hover {
    border-bottom-color: currentcolor
}

.nav-underline .nav-link.active,
.nav-underline .show>.nav-link {
    font-weight: 700;
    color: var(--bs-nav-underline-link-active-color);
    border-bottom-color: currentcolor
}

.nav-fill .nav-item,
.nav-fill>.nav-link {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item,
.nav-justified>.nav-link {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
    width: 100%
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.navbar {
    --bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: 0.5rem;
    --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
    --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
    --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
    --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-brand-padding-y: 0.3125rem;
    --bs-navbar-brand-margin-end: 1rem;
    --bs-navbar-brand-font-size: 1.25rem;
    --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-nav-link-padding-x: 0.5rem;
    --bs-navbar-toggler-padding-y: 0.25rem;
    --bs-navbar-toggler-padding-x: 0.75rem;
    --bs-navbar-toggler-font-size: 1.25rem;
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
    --bs-navbar-toggler-border-radius: var(--bs-border-radius);
    --bs-navbar-toggler-focus-width: 0.25rem;
    --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)
}

.navbar>.container,
.navbar>.container-fluid,
.navbar>.container-lg,
.navbar>.container-md,
.navbar>.container-sm,
.navbar>.container-xl,
.navbar>.container-xxl {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between
}

.navbar-brand {
    padding-top: var(--bs-navbar-brand-padding-y);
    padding-bottom: var(--bs-navbar-brand-padding-y);
    margin-right: var(--bs-navbar-brand-margin-end);
    font-size: var(--bs-navbar-brand-font-size);
    color: var(--bs-navbar-brand-color);
    text-decoration: none;
    white-space: nowrap
}

.navbar-brand:focus,
.navbar-brand:hover {
    color: var(--bs-navbar-brand-hover-color)
}

.navbar-nav {
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-weight: ;
    --bs-nav-link-color: var(--bs-navbar-color);
    --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
    --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
    color: var(--bs-navbar-active-color)
}

.navbar-nav .dropdown-menu {
    position: static
}

.navbar-text {
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: var(--bs-navbar-color)
}

.navbar-text a,
.navbar-text a:focus,
.navbar-text a:hover {
    color: var(--bs-navbar-active-color)
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

.navbar-toggler {
    padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
    font-size: var(--bs-navbar-toggler-font-size);
    line-height: 1;
    color: var(--bs-navbar-color);
    background-color: transparent;
    border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
    border-radius: var(--bs-navbar-toggler-border-radius);
    transition: var(--bs-navbar-toggler-transition)
}

@media (prefers-reduced-motion:reduce) {
    .navbar-toggler {
        transition: none
    }
}

.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width)
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: var(--bs-navbar-toggler-icon-bg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.navbar-nav-scroll {
    max-height: var(--bs-scroll-height, 75vh);
    overflow-y: auto
}

@media (min-width:576px) {
    .navbar-expand-sm {
        flex-wrap: nowrap;
        justify-content: flex-start
    }
    .navbar-expand-sm .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }
    .navbar-expand-sm .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-sm .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-sm .navbar-toggler {
        display: none
    }
    .navbar-expand-sm .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: transparent !important;
        border: 0 !important;
        transform: none !important;
        transition: none
    }
    .navbar-expand-sm .offcanvas .offcanvas-header {
        display: none
    }
    .navbar-expand-sm .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media (min-width:768px) {
    .navbar-expand-md {
        flex-wrap: nowrap;
        justify-content: flex-start
    }
    .navbar-expand-md .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }
    .navbar-expand-md .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-md .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-md .navbar-toggler {
        display: none
    }
    .navbar-expand-md .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: transparent !important;
        border: 0 !important;
        transform: none !important;
        transition: none
    }
    .navbar-expand-md .offcanvas .offcanvas-header {
        display: none
    }
    .navbar-expand-md .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media (min-width:992px) {
    .navbar-expand-lg {
        flex-wrap: nowrap;
        justify-content: flex-start
    }
    .navbar-expand-lg .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }
    .navbar-expand-lg .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-lg .navbar-toggler {
        display: none
    }
    .navbar-expand-lg .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: transparent !important;
        border: 0 !important;
        transform: none !important;
        transition: none
    }
    .navbar-expand-lg .offcanvas .offcanvas-header {
        display: none
    }
    .navbar-expand-lg .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media (min-width:1200px) {
    .navbar-expand-xl {
        flex-wrap: nowrap;
        justify-content: flex-start
    }
    .navbar-expand-xl .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }
    .navbar-expand-xl .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-xl .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-xl .navbar-toggler {
        display: none
    }
    .navbar-expand-xl .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: transparent !important;
        border: 0 !important;
        transform: none !important;
        transition: none
    }
    .navbar-expand-xl .offcanvas .offcanvas-header {
        display: none
    }
    .navbar-expand-xl .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media (min-width:1400px) {
    .navbar-expand-xxl {
        flex-wrap: nowrap;
        justify-content: flex-start
    }
    .navbar-expand-xxl .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-xxl .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-xxl .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }
    .navbar-expand-xxl .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-xxl .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-xxl .navbar-toggler {
        display: none
    }
    .navbar-expand-xxl .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: transparent !important;
        border: 0 !important;
        transform: none !important;
        transition: none
    }
    .navbar-expand-xxl .offcanvas .offcanvas-header {
        display: none
    }
    .navbar-expand-xxl .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

.navbar-expand {
    flex-wrap: nowrap;
    justify-content: flex-start
}

.navbar-expand .navbar-nav {
    flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x)
}

.navbar-expand .navbar-nav-scroll {
    overflow: visible
}

.navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto
}

.navbar-expand .navbar-toggler {
    display: none
}

.navbar-expand .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none
}

.navbar-expand .offcanvas .offcanvas-header {
    display: none
}

.navbar-expand .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible
}

.navbar-dark,
.navbar[data-bs-theme=dark] {
    --bs-navbar-color: rgba(255, 255, 255, 0.55);
    --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
    --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
    --bs-navbar-active-color: #fff;
    --bs-navbar-brand-color: #fff;
    --bs-navbar-brand-hover-color: #fff;
    --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

[data-bs-theme=dark] .navbar-toggler-icon {
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.card {
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-title-color: ;
    --bs-card-subtitle-color: ;
    --bs-card-border-width: var(--bs-border-width);
    --bs-card-border-color: var(--bs-border-color-translucent);
    --bs-card-border-radius: var(--bs-border-radius);
    --bs-card-box-shadow: ;
    --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
    --bs-card-cap-padding-y: 0.5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
    --bs-card-cap-color: ;
    --bs-card-height: ;
    --bs-card-color: ;
    --bs-card-bg: var(--bs-body-bg);
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 0.75rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    color: var(--bs-body-color);
    word-wrap: break-word;
    background-color: var(--bs-card-bg);
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius)
}

.card>hr {
    margin-right: 0;
    margin-left: 0
}

.card>.list-group {
    border-top: inherit;
    border-bottom: inherit
}

.card>.list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: var(--bs-card-inner-border-radius);
    border-top-right-radius: var(--bs-card-inner-border-radius)
}

.card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: var(--bs-card-inner-border-radius);
    border-bottom-left-radius: var(--bs-card-inner-border-radius)
}

.card>.card-header+.list-group,
.card>.list-group+.card-footer {
    border-top: 0
}

.card-body {
    flex: 1 1 auto;
    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
    color: var(--bs-card-color)
}

.card-title {
    margin-bottom: var(--bs-card-title-spacer-y);
    color: var(--bs-card-title-color)
}

.card-subtitle {
    margin-top: calc(-.5 * var(--bs-card-title-spacer-y));
    margin-bottom: 0;
    color: var(--bs-card-subtitle-color)
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link+.card-link {
    margin-left: var(--bs-card-spacer-x)
}

.card-header {
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    margin-bottom: 0;
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color)
}

.card-header:first-child {
    border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0
}

.card-footer {
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-top: var(--bs-card-border-width) solid var(--bs-card-border-color)
}

.card-footer:last-child {
    border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)
}

.card-header-tabs {
    margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
    margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
    margin-left: calc(-.5 * var(--bs-card-cap-padding-x));
    border-bottom: 0
}

.card-header-tabs .nav-link.active {
    background-color: var(--bs-card-bg);
    border-bottom-color: var(--bs-card-bg)
}

.card-header-pills {
    margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
    margin-left: calc(-.5 * var(--bs-card-cap-padding-x))
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: var(--bs-card-img-overlay-padding);
    border-radius: var(--bs-card-inner-border-radius)
}

.card-img,
.card-img-bottom,
.card-img-top {
    width: 100%
}

.card-img,
.card-img-top {
    border-top-left-radius: var(--bs-card-inner-border-radius);
    border-top-right-radius: var(--bs-card-inner-border-radius)
}

.card-img,
.card-img-bottom {
    border-bottom-right-radius: var(--bs-card-inner-border-radius);
    border-bottom-left-radius: var(--bs-card-inner-border-radius)
}

.card-group>.card {
    margin-bottom: var(--bs-card-group-margin)
}

@media (min-width:576px) {
    .card-group {
        display: flex;
        flex-flow: row wrap
    }
    .card-group>.card {
        flex: 1 0 0%;
        margin-bottom: 0
    }
    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }
    .card-group>.card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }
    .card-group>.card:not(:last-child) .card-header,
    .card-group>.card:not(:last-child) .card-img-top {
        border-top-right-radius: 0
    }
    .card-group>.card:not(:last-child) .card-footer,
    .card-group>.card:not(:last-child) .card-img-bottom {
        border-bottom-right-radius: 0
    }
    .card-group>.card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }
    .card-group>.card:not(:first-child) .card-header,
    .card-group>.card:not(:first-child) .card-img-top {
        border-top-left-radius: 0
    }
    .card-group>.card:not(:first-child) .card-footer,
    .card-group>.card:not(:first-child) .card-img-bottom {
        border-bottom-left-radius: 0
    }
}

.accordion {
    --bs-accordion-color: var(--bs-body-color);
    --bs-accordion-bg: var(--bs-body-bg);
    --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
    --bs-accordion-border-color: var(--bs-border-color);
    --bs-accordion-border-width: var(--bs-border-width);
    --bs-accordion-border-radius: var(--bs-border-radius);
    --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 1rem;
    --bs-accordion-btn-color: var(--bs-body-color);
    --bs-accordion-btn-bg: var(--bs-accordion-bg);
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23052c65'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-focus-border-color: #86b7fe;
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 1rem;
    --bs-accordion-active-color: var(--bs-primary-text-emphasis);
    --bs-accordion-active-bg: var(--bs-primary-bg-subtle)
}

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
    font-size: 1rem;
    color: var(--bs-accordion-btn-color);
    text-align: left;
    background-color: var(--bs-accordion-btn-bg);
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: var(--bs-accordion-transition)
}

@media (prefers-reduced-motion:reduce) {
    .accordion-button {
        transition: none
    }
}

.accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
    background-color: var(--bs-accordion-active-bg);
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)
}

.accordion-button:not(.collapsed)::after {
    background-image: var(--bs-accordion-btn-active-icon);
    transform: var(--bs-accordion-btn-icon-transform)
}

.accordion-button::after {
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
    content: "";
    background-image: var(--bs-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition)
}

@media (prefers-reduced-motion:reduce) {
    .accordion-button::after {
        transition: none
    }
}

.accordion-button:hover {
    z-index: 2
}

.accordion-button:focus {
    z-index: 3;
    border-color: var(--bs-accordion-btn-focus-border-color);
    outline: 0;
    box-shadow: var(--bs-accordion-btn-focus-box-shadow)
}

.accordion-header {
    margin-bottom: 0
}

.accordion-item {
    color: var(--bs-accordion-color);
    background-color: var(--bs-accordion-bg);
    border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)
}

.accordion-item:first-of-type {
    border-top-left-radius: var(--bs-accordion-border-radius);
    border-top-right-radius: var(--bs-accordion-border-radius)
}

.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: var(--bs-accordion-inner-border-radius);
    border-top-right-radius: var(--bs-accordion-inner-border-radius)
}

.accordion-item:not(:first-of-type) {
    border-top: 0
}

.accordion-item:last-of-type {
    border-bottom-right-radius: var(--bs-accordion-border-radius);
    border-bottom-left-radius: var(--bs-accordion-border-radius)
}

.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
    border-bottom-left-radius: var(--bs-accordion-inner-border-radius)
}

.accordion-item:last-of-type .accordion-collapse {
    border-bottom-right-radius: var(--bs-accordion-border-radius);
    border-bottom-left-radius: var(--bs-accordion-border-radius)
}

.accordion-body {
    padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)
}

.accordion-flush .accordion-collapse {
    border-width: 0
}

.accordion-flush .accordion-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

.accordion-flush .accordion-item:first-child {
    border-top: 0
}

.accordion-flush .accordion-item:last-child {
    border-bottom: 0
}

.accordion-flush .accordion-item .accordion-button,
.accordion-flush .accordion-item .accordion-button.collapsed {
    border-radius: 0
}

[data-bs-theme=dark] .accordion-button::after {
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

.breadcrumb {
    --bs-breadcrumb-padding-x: 0;
    --bs-breadcrumb-padding-y: 0;
    --bs-breadcrumb-margin-bottom: 1rem;
    --bs-breadcrumb-bg: ;
    --bs-breadcrumb-border-radius: ;
    --bs-breadcrumb-divider-color: var(--bs-secondary-color);
    --bs-breadcrumb-item-padding-x: 0.5rem;
    --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
    display: flex;
    flex-wrap: wrap;
    padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
    margin-bottom: var(--bs-breadcrumb-margin-bottom);
    font-size: var(--bs-breadcrumb-font-size);
    list-style: none;
    background-color: var(--bs-breadcrumb-bg);
    border-radius: var(--bs-breadcrumb-border-radius)
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: var(--bs-breadcrumb-item-padding-x)
}

.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: var(--bs-breadcrumb-item-padding-x);
    color: var(--bs-breadcrumb-divider-color);
    content: var(--bs-breadcrumb-divider, "/")
}

.breadcrumb-item.active {
    color: var(--bs-breadcrumb-item-active-color)
}

.pagination {
    --bs-pagination-padding-x: 0.75rem;
    --bs-pagination-padding-y: 0.375rem;
    --bs-pagination-font-size: 1rem;
    --bs-pagination-color: var(--bs-link-color);
    --bs-pagination-bg: var(--bs-body-bg);
    --bs-pagination-border-width: var(--bs-border-width);
    --bs-pagination-border-color: var(--bs-border-color);
    --bs-pagination-border-radius: var(--bs-border-radius);
    --bs-pagination-hover-color: var(--bs-link-hover-color);
    --bs-pagination-hover-bg: var(--bs-tertiary-bg);
    --bs-pagination-hover-border-color: var(--bs-border-color);
    --bs-pagination-focus-color: var(--bs-link-hover-color);
    --bs-pagination-focus-bg: var(--bs-secondary-bg);
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: #0d6efd;
    --bs-pagination-active-border-color: #0d6efd;
    --bs-pagination-disabled-color: var(--bs-secondary-color);
    --bs-pagination-disabled-bg: var(--bs-secondary-bg);
    --bs-pagination-disabled-border-color: var(--bs-border-color);
    display: flex;
    padding-left: 0;
    list-style: none
}

.page-link {
    position: relative;
    display: block;
    padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
    font-size: var(--bs-pagination-font-size);
    color: var(--bs-pagination-color);
    text-decoration: none;
    background-color: var(--bs-pagination-bg);
    border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .page-link {
        transition: none
    }
}

.page-link:hover {
    z-index: 2;
    color: var(--bs-pagination-hover-color);
    background-color: var(--bs-pagination-hover-bg);
    border-color: var(--bs-pagination-hover-border-color)
}

.page-link:focus {
    z-index: 3;
    color: var(--bs-pagination-focus-color);
    background-color: var(--bs-pagination-focus-bg);
    outline: 0;
    box-shadow: var(--bs-pagination-focus-box-shadow)
}

.active>.page-link,
.page-link.active {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background-color: var(--bs-pagination-active-bg);
    border-color: var(--bs-pagination-active-border-color)
}

.disabled>.page-link,
.page-link.disabled {
    color: var(--bs-pagination-disabled-color);
    pointer-events: none;
    background-color: var(--bs-pagination-disabled-bg);
    border-color: var(--bs-pagination-disabled-border-color)
}

.page-item:not(:first-child) .page-link {
    margin-left: calc(var(--bs-border-width) * -1)
}

.page-item:first-child .page-link {
    border-top-left-radius: var(--bs-pagination-border-radius);
    border-bottom-left-radius: var(--bs-pagination-border-radius)
}

.page-item:last-child .page-link {
    border-top-right-radius: var(--bs-pagination-border-radius);
    border-bottom-right-radius: var(--bs-pagination-border-radius)
}

.pagination-lg {
    --bs-pagination-padding-x: 1.5rem;
    --bs-pagination-padding-y: 0.75rem;
    --bs-pagination-font-size: 1.25rem;
    --bs-pagination-border-radius: var(--bs-border-radius-lg)
}

.pagination-sm {
    --bs-pagination-padding-x: 0.5rem;
    --bs-pagination-padding-y: 0.25rem;
    --bs-pagination-font-size: 0.875rem;
    --bs-pagination-border-radius: var(--bs-border-radius-sm)
}

.badge {
    --bs-badge-padding-x: 0.65em;
    --bs-badge-padding-y: 0.35em;
    --bs-badge-font-size: 0.75em;
    --bs-badge-font-weight: 700;
    --bs-badge-color: #fff;
    --bs-badge-border-radius: var(--bs-border-radius);
    display: inline-block;
    padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
    font-size: var(--bs-badge-font-size);
    font-weight: var(--bs-badge-font-weight);
    line-height: 1;
    color: var(--bs-badge-color);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: var(--bs-badge-border-radius)
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.alert {
    --bs-alert-bg: transparent;
    --bs-alert-padding-x: 1rem;
    --bs-alert-padding-y: 1rem;
    --bs-alert-margin-bottom: 1rem;
    --bs-alert-color: inherit;
    --bs-alert-border-color: transparent;
    --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
    --bs-alert-border-radius: var(--bs-border-radius);
    --bs-alert-link-color: inherit;
    position: relative;
    padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
    margin-bottom: var(--bs-alert-margin-bottom);
    color: var(--bs-alert-color);
    background-color: var(--bs-alert-bg);
    border: var(--bs-alert-border);
    border-radius: var(--bs-alert-border-radius)
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700;
    color: var(--bs-alert-link-color)
}

.alert-dismissible {
    padding-right: 3rem
}

.alert-dismissible .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 1.25rem 1rem
}

.alert-primary {
    --bs-alert-color: var(--bs-primary-text-emphasis);
    --bs-alert-bg: var(--bs-primary-bg-subtle);
    --bs-alert-border-color: var(--bs-primary-border-subtle);
    --bs-alert-link-color: var(--bs-primary-text-emphasis)
}

.alert-secondary {
    --bs-alert-color: var(--bs-secondary-text-emphasis);
    --bs-alert-bg: var(--bs-secondary-bg-subtle);
    --bs-alert-border-color: var(--bs-secondary-border-subtle);
    --bs-alert-link-color: var(--bs-secondary-text-emphasis)
}

.alert-success {
    --bs-alert-color: var(--bs-success-text-emphasis);
    --bs-alert-bg: var(--bs-success-bg-subtle);
    --bs-alert-border-color: var(--bs-success-border-subtle);
    --bs-alert-link-color: var(--bs-success-text-emphasis)
}

.alert-info {
    --bs-alert-color: var(--bs-info-text-emphasis);
    --bs-alert-bg: var(--bs-info-bg-subtle);
    --bs-alert-border-color: var(--bs-info-border-subtle);
    --bs-alert-link-color: var(--bs-info-text-emphasis)
}

.alert-warning {
    --bs-alert-color: var(--bs-warning-text-emphasis);
    --bs-alert-bg: var(--bs-warning-bg-subtle);
    --bs-alert-border-color: var(--bs-warning-border-subtle);
    --bs-alert-link-color: var(--bs-warning-text-emphasis)
}

.alert-danger {
    --bs-alert-color: var(--bs-danger-text-emphasis);
    --bs-alert-bg: var(--bs-danger-bg-subtle);
    --bs-alert-border-color: var(--bs-danger-border-subtle);
    --bs-alert-link-color: var(--bs-danger-text-emphasis)
}

.alert-light {
    --bs-alert-color: var(--bs-light-text-emphasis);
    --bs-alert-bg: var(--bs-light-bg-subtle);
    --bs-alert-border-color: var(--bs-light-border-subtle);
    --bs-alert-link-color: var(--bs-light-text-emphasis)
}

.alert-dark {
    --bs-alert-color: var(--bs-dark-text-emphasis);
    --bs-alert-bg: var(--bs-dark-bg-subtle);
    --bs-alert-border-color: var(--bs-dark-border-subtle);
    --bs-alert-link-color: var(--bs-dark-text-emphasis)
}

@keyframes progress-bar-stripes {
    0% {
        background-position-x: 1rem
    }
}

.progress,
.progress-stacked {
    --bs-progress-height: 1rem;
    --bs-progress-font-size: 0.75rem;
    --bs-progress-bg: var(--bs-secondary-bg);
    --bs-progress-border-radius: var(--bs-border-radius);
    --bs-progress-box-shadow: var(--bs-box-shadow-inset);
    --bs-progress-bar-color: #fff;
    --bs-progress-bar-bg: #0d6efd;
    --bs-progress-bar-transition: width 0.6s ease;
    display: flex;
    height: var(--bs-progress-height);
    overflow: hidden;
    font-size: var(--bs-progress-font-size);
    background-color: var(--bs-progress-bg);
    border-radius: var(--bs-progress-border-radius)
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: var(--bs-progress-bar-color);
    text-align: center;
    white-space: nowrap;
    background-color: var(--bs-progress-bar-bg);
    transition: var(--bs-progress-bar-transition)
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: var(--bs-progress-height) var(--bs-progress-height)
}

.progress-stacked>.progress {
    overflow: visible
}

.progress-stacked>.progress>.progress-bar {
    width: 100%
}

.progress-bar-animated {
    animation: 1s linear infinite progress-bar-stripes
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar-animated {
        animation: none
    }
}

.list-group {
    --bs-list-group-color: var(--bs-body-color);
    --bs-list-group-bg: var(--bs-body-bg);
    --bs-list-group-border-color: var(--bs-border-color);
    --bs-list-group-border-width: var(--bs-border-width);
    --bs-list-group-border-radius: var(--bs-border-radius);
    --bs-list-group-item-padding-x: 1rem;
    --bs-list-group-item-padding-y: 0.5rem;
    --bs-list-group-action-color: var(--bs-secondary-color);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
    --bs-list-group-action-active-color: var(--bs-body-color);
    --bs-list-group-action-active-bg: var(--bs-secondary-bg);
    --bs-list-group-disabled-color: var(--bs-secondary-color);
    --bs-list-group-disabled-bg: var(--bs-body-bg);
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: #0d6efd;
    --bs-list-group-active-border-color: #0d6efd;
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: var(--bs-list-group-border-radius)
}

.list-group-numbered {
    list-style-type: none;
    counter-reset: section
}

.list-group-numbered>.list-group-item::before {
    content: counters(section, ".") ". ";
    counter-increment: section
}

.list-group-item-action {
    width: 100%;
    color: var(--bs-list-group-action-color);
    text-align: inherit
}

.list-group-item-action:focus,
.list-group-item-action:hover {
    z-index: 1;
    color: var(--bs-list-group-action-hover-color);
    text-decoration: none;
    background-color: var(--bs-list-group-action-hover-bg)
}

.list-group-item-action:active {
    color: var(--bs-list-group-action-active-color);
    background-color: var(--bs-list-group-action-active-bg)
}

.list-group-item {
    position: relative;
    display: block;
    padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
    color: var(--bs-list-group-color);
    text-decoration: none;
    background-color: var(--bs-list-group-bg);
    border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)
}

.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}

.list-group-item.disabled,
.list-group-item:disabled {
    color: var(--bs-list-group-disabled-color);
    pointer-events: none;
    background-color: var(--bs-list-group-disabled-bg)
}

.list-group-item.active {
    z-index: 2;
    color: var(--bs-list-group-active-color);
    background-color: var(--bs-list-group-active-bg);
    border-color: var(--bs-list-group-active-border-color)
}

.list-group-item+.list-group-item {
    border-top-width: 0
}

.list-group-item+.list-group-item.active {
    margin-top: calc(-1 * var(--bs-list-group-border-width));
    border-top-width: var(--bs-list-group-border-width)
}

.list-group-horizontal {
    flex-direction: row
}

.list-group-horizontal>.list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0
}

.list-group-horizontal>.list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0
}

.list-group-horizontal>.list-group-item.active {
    margin-top: 0
}

.list-group-horizontal>.list-group-item+.list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width)
}

@media (min-width:576px) {
    .list-group-horizontal-sm {
        flex-direction: row
    }
    .list-group-horizontal-sm>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }
    .list-group-horizontal-sm>.list-group-item:last-child:not(:first-child) {
        border-top-right-radius: var(--bs-list-group-border-radius);
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-sm>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-sm>.list-group-item+.list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-left-width: 0
    }
    .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
        margin-left: calc(-1 * var(--bs-list-group-border-width));
        border-left-width: var(--bs-list-group-border-width)
    }
}

@media (min-width:768px) {
    .list-group-horizontal-md {
        flex-direction: row
    }
    .list-group-horizontal-md>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }
    .list-group-horizontal-md>.list-group-item:last-child:not(:first-child) {
        border-top-right-radius: var(--bs-list-group-border-radius);
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-md>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-md>.list-group-item+.list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-left-width: 0
    }
    .list-group-horizontal-md>.list-group-item+.list-group-item.active {
        margin-left: calc(-1 * var(--bs-list-group-border-width));
        border-left-width: var(--bs-list-group-border-width)
    }
}

@media (min-width:992px) {
    .list-group-horizontal-lg {
        flex-direction: row
    }
    .list-group-horizontal-lg>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }
    .list-group-horizontal-lg>.list-group-item:last-child:not(:first-child) {
        border-top-right-radius: var(--bs-list-group-border-radius);
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-lg>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-lg>.list-group-item+.list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-left-width: 0
    }
    .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
        margin-left: calc(-1 * var(--bs-list-group-border-width));
        border-left-width: var(--bs-list-group-border-width)
    }
}

@media (min-width:1200px) {
    .list-group-horizontal-xl {
        flex-direction: row
    }
    .list-group-horizontal-xl>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }
    .list-group-horizontal-xl>.list-group-item:last-child:not(:first-child) {
        border-top-right-radius: var(--bs-list-group-border-radius);
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-xl>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-xl>.list-group-item+.list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-left-width: 0
    }
    .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
        margin-left: calc(-1 * var(--bs-list-group-border-width));
        border-left-width: var(--bs-list-group-border-width)
    }
}

@media (min-width:1400px) {
    .list-group-horizontal-xxl {
        flex-direction: row
    }
    .list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }
    .list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child) {
        border-top-right-radius: var(--bs-list-group-border-radius);
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-xxl>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-xxl>.list-group-item+.list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-left-width: 0
    }
    .list-group-horizontal-xxl>.list-group-item+.list-group-item.active {
        margin-left: calc(-1 * var(--bs-list-group-border-width));
        border-left-width: var(--bs-list-group-border-width)
    }
}

.list-group-flush {
    border-radius: 0
}

.list-group-flush>.list-group-item {
    border-width: 0 0 var(--bs-list-group-border-width)
}

.list-group-flush>.list-group-item:last-child {
    border-bottom-width: 0
}

.list-group-item-primary {
    --bs-list-group-color: var(--bs-primary-text-emphasis);
    --bs-list-group-bg: var(--bs-primary-bg-subtle);
    --bs-list-group-border-color: var(--bs-primary-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
    --bs-list-group-active-color: var(--bs-primary-bg-subtle);
    --bs-list-group-active-bg: var(--bs-primary-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-primary-text-emphasis)
}

.list-group-item-secondary {
    --bs-list-group-color: var(--bs-secondary-text-emphasis);
    --bs-list-group-bg: var(--bs-secondary-bg-subtle);
    --bs-list-group-border-color: var(--bs-secondary-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
    --bs-list-group-active-color: var(--bs-secondary-bg-subtle);
    --bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis)
}

.list-group-item-success {
    --bs-list-group-color: var(--bs-success-text-emphasis);
    --bs-list-group-bg: var(--bs-success-bg-subtle);
    --bs-list-group-border-color: var(--bs-success-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-success-border-subtle);
    --bs-list-group-active-color: var(--bs-success-bg-subtle);
    --bs-list-group-active-bg: var(--bs-success-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-success-text-emphasis)
}

.list-group-item-info {
    --bs-list-group-color: var(--bs-info-text-emphasis);
    --bs-list-group-bg: var(--bs-info-bg-subtle);
    --bs-list-group-border-color: var(--bs-info-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-info-border-subtle);
    --bs-list-group-active-color: var(--bs-info-bg-subtle);
    --bs-list-group-active-bg: var(--bs-info-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-info-text-emphasis)
}

.list-group-item-warning {
    --bs-list-group-color: var(--bs-warning-text-emphasis);
    --bs-list-group-bg: var(--bs-warning-bg-subtle);
    --bs-list-group-border-color: var(--bs-warning-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
    --bs-list-group-active-color: var(--bs-warning-bg-subtle);
    --bs-list-group-active-bg: var(--bs-warning-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-warning-text-emphasis)
}

.list-group-item-danger {
    --bs-list-group-color: var(--bs-danger-text-emphasis);
    --bs-list-group-bg: var(--bs-danger-bg-subtle);
    --bs-list-group-border-color: var(--bs-danger-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
    --bs-list-group-active-color: var(--bs-danger-bg-subtle);
    --bs-list-group-active-bg: var(--bs-danger-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-danger-text-emphasis)
}

.list-group-item-light {
    --bs-list-group-color: var(--bs-light-text-emphasis);
    --bs-list-group-bg: var(--bs-light-bg-subtle);
    --bs-list-group-border-color: var(--bs-light-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-light-border-subtle);
    --bs-list-group-active-color: var(--bs-light-bg-subtle);
    --bs-list-group-active-bg: var(--bs-light-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-light-text-emphasis)
}

.list-group-item-dark {
    --bs-list-group-color: var(--bs-dark-text-emphasis);
    --bs-list-group-bg: var(--bs-dark-bg-subtle);
    --bs-list-group-border-color: var(--bs-dark-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
    --bs-list-group-active-color: var(--bs-dark-bg-subtle);
    --bs-list-group-active-bg: var(--bs-dark-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-dark-text-emphasis)
}

.btn-close {
    --bs-btn-close-color: #000;
    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
    --bs-btn-close-opacity: 0.5;
    --bs-btn-close-hover-opacity: 0.75;
    --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-btn-close-focus-opacity: 1;
    --bs-btn-close-disabled-opacity: 0.25;
    --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: var(--bs-btn-close-color);
    background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
    border: 0;
    border-radius: .375rem;
    opacity: var(--bs-btn-close-opacity)
}

.btn-close:hover {
    color: var(--bs-btn-close-color);
    text-decoration: none;
    opacity: var(--bs-btn-close-hover-opacity)
}

.btn-close:focus {
    outline: 0;
    box-shadow: var(--bs-btn-close-focus-shadow);
    opacity: var(--bs-btn-close-focus-opacity)
}

.btn-close.disabled,
.btn-close:disabled {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    opacity: var(--bs-btn-close-disabled-opacity)
}

.btn-close-white {
    filter: var(--bs-btn-close-white-filter)
}

[data-bs-theme=dark] .btn-close {
    filter: var(--bs-btn-close-white-filter)
}

.toast {
    --bs-toast-zindex: 1090;
    --bs-toast-padding-x: 0.75rem;
    --bs-toast-padding-y: 0.5rem;
    --bs-toast-spacing: 1.5rem;
    --bs-toast-max-width: 350px;
    --bs-toast-font-size: 0.875rem;
    --bs-toast-color: ;
    --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
    --bs-toast-border-width: var(--bs-border-width);
    --bs-toast-border-color: var(--bs-border-color-translucent);
    --bs-toast-border-radius: var(--bs-border-radius);
    --bs-toast-box-shadow: var(--bs-box-shadow);
    --bs-toast-header-color: var(--bs-secondary-color);
    --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
    --bs-toast-header-border-color: var(--bs-border-color-translucent);
    width: var(--bs-toast-max-width);
    max-width: 100%;
    font-size: var(--bs-toast-font-size);
    color: var(--bs-toast-color);
    pointer-events: auto;
    background-color: var(--bs-toast-bg);
    background-clip: padding-box;
    border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
    box-shadow: var(--bs-toast-box-shadow);
    border-radius: var(--bs-toast-border-radius)
}

.toast.showing {
    opacity: 0
}

.toast:not(.show) {
    display: none
}

.toast-container {
    --bs-toast-zindex: 1090;
    position: absolute;
    z-index: var(--bs-toast-zindex);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    pointer-events: none
}

.toast-container>:not(:last-child) {
    margin-bottom: var(--bs-toast-spacing)
}

.toast-header {
    display: flex;
    align-items: center;
    padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
    color: var(--bs-toast-header-color);
    background-color: var(--bs-toast-header-bg);
    background-clip: padding-box;
    border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
    border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
    border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))
}

.toast-header .btn-close {
    margin-right: calc(-.5 * var(--bs-toast-padding-x));
    margin-left: var(--bs-toast-padding-x)
}

.toast-body {
    padding: var(--bs-toast-padding-x);
    word-wrap: break-word
}

.modal {
    --bs-modal-zindex: 1055;
    --bs-modal-width: 500px;
    --bs-modal-padding: 1rem;
    --bs-modal-margin: 0.5rem;
    --bs-modal-color: ;
    --bs-modal-bg: var(--bs-body-bg);
    --bs-modal-border-color: var(--bs-border-color-translucent);
    --bs-modal-border-width: var(--bs-border-width);
    --bs-modal-border-radius: var(--bs-border-radius-lg);
    --bs-modal-box-shadow: var(--bs-box-shadow-sm);
    --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
    --bs-modal-header-padding-x: 1rem;
    --bs-modal-header-padding-y: 1rem;
    --bs-modal-header-padding: 1rem 1rem;
    --bs-modal-header-border-color: var(--bs-border-color);
    --bs-modal-header-border-width: var(--bs-border-width);
    --bs-modal-title-line-height: 1.5;
    --bs-modal-footer-gap: 0.5rem;
    --bs-modal-footer-bg: ;
    --bs-modal-footer-border-color: var(--bs-border-color);
    --bs-modal-footer-border-width: var(--bs-border-width);
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-modal-zindex);
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: var(--bs-modal-margin);
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0, -50px)
}

@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    height: calc(100% - var(--bs-modal-margin) * 2)
}

.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - var(--bs-modal-margin) * 2)
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    color: var(--bs-modal-color);
    pointer-events: auto;
    background-color: var(--bs-modal-bg);
    background-clip: padding-box;
    border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
    border-radius: var(--bs-modal-border-radius);
    outline: 0
}

.modal-backdrop {
    --bs-backdrop-zindex: 1050;
    --bs-backdrop-bg: #000;
    --bs-backdrop-opacity: 0.5;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-backdrop-zindex);
    width: 100vw;
    height: 100vh;
    background-color: var(--bs-backdrop-bg)
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: var(--bs-backdrop-opacity)
}

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-modal-header-padding);
    border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
    border-top-left-radius: var(--bs-modal-inner-border-radius);
    border-top-right-radius: var(--bs-modal-inner-border-radius)
}

.modal-header .btn-close {
    padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
    margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto
}

.modal-title {
    margin-bottom: 0;
    line-height: var(--bs-modal-title-line-height)
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: var(--bs-modal-padding)
}

.modal-footer {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);
    background-color: var(--bs-modal-footer-bg);
    border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
    border-bottom-right-radius: var(--bs-modal-inner-border-radius);
    border-bottom-left-radius: var(--bs-modal-inner-border-radius)
}

.modal-footer>* {
    margin: calc(var(--bs-modal-footer-gap) * .5)
}

@media (min-width:576px) {
    .modal {
        --bs-modal-margin: 1.75rem;
        --bs-modal-box-shadow: var(--bs-box-shadow)
    }
    .modal-dialog {
        max-width: var(--bs-modal-width);
        margin-right: auto;
        margin-left: auto
    }
    .modal-sm {
        --bs-modal-width: 300px
    }
}

@media (min-width:992px) {
    .modal-lg,
    .modal-xl {
        --bs-modal-width: 800px
    }
}

@media (min-width:1200px) {
    .modal-xl {
        --bs-modal-width: 1140px
    }
}

.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
}

.modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
}

.modal-fullscreen .modal-footer,
.modal-fullscreen .modal-header {
    border-radius: 0
}

.modal-fullscreen .modal-body {
    overflow-y: auto
}

@media (max-width:575.98px) {
    .modal-fullscreen-sm-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }
    .modal-fullscreen-sm-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }
    .modal-fullscreen-sm-down .modal-footer,
    .modal-fullscreen-sm-down .modal-header {
        border-radius: 0
    }
    .modal-fullscreen-sm-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width:767.98px) {
    .modal-fullscreen-md-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }
    .modal-fullscreen-md-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }
    .modal-fullscreen-md-down .modal-footer,
    .modal-fullscreen-md-down .modal-header {
        border-radius: 0
    }
    .modal-fullscreen-md-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width:991.98px) {
    .modal-fullscreen-lg-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }
    .modal-fullscreen-lg-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }
    .modal-fullscreen-lg-down .modal-footer,
    .modal-fullscreen-lg-down .modal-header {
        border-radius: 0
    }
    .modal-fullscreen-lg-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width:1199.98px) {
    .modal-fullscreen-xl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }
    .modal-fullscreen-xl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }
    .modal-fullscreen-xl-down .modal-footer,
    .modal-fullscreen-xl-down .modal-header {
        border-radius: 0
    }
    .modal-fullscreen-xl-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width:1399.98px) {
    .modal-fullscreen-xxl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }
    .modal-fullscreen-xxl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }
    .modal-fullscreen-xxl-down .modal-footer,
    .modal-fullscreen-xxl-down .modal-header {
        border-radius: 0
    }
    .modal-fullscreen-xxl-down .modal-body {
        overflow-y: auto
    }
}

.tooltip {
    --bs-tooltip-zindex: 1080;
    --bs-tooltip-max-width: 200px;
    --bs-tooltip-padding-x: 0.5rem;
    --bs-tooltip-padding-y: 0.25rem;
    --bs-tooltip-margin: ;
    --bs-tooltip-font-size: 0.875rem;
    --bs-tooltip-color: var(--bs-body-bg);
    --bs-tooltip-bg: var(--bs-emphasis-color);
    --bs-tooltip-border-radius: var(--bs-border-radius);
    --bs-tooltip-opacity: 0.9;
    --bs-tooltip-arrow-width: 0.8rem;
    --bs-tooltip-arrow-height: 0.4rem;
    z-index: var(--bs-tooltip-zindex);
    display: block;
    margin: var(--bs-tooltip-margin);
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: var(--bs-tooltip-font-size);
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: var(--bs-tooltip-opacity)
}

.tooltip .tooltip-arrow {
    display: block;
    width: var(--bs-tooltip-arrow-width);
    height: var(--bs-tooltip-arrow-height)
}

.tooltip .tooltip-arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,
.bs-tooltip-top .tooltip-arrow {
    bottom: calc(-1 * var(--bs-tooltip-arrow-height))
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.bs-tooltip-top .tooltip-arrow::before {
    top: -1px;
    border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
    border-top-color: var(--bs-tooltip-bg)
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,
.bs-tooltip-end .tooltip-arrow {
    left: calc(-1 * var(--bs-tooltip-arrow-height));
    width: var(--bs-tooltip-arrow-height);
    height: var(--bs-tooltip-arrow-width)
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
.bs-tooltip-end .tooltip-arrow::before {
    right: -1px;
    border-width: calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
    border-right-color: var(--bs-tooltip-bg)
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,
.bs-tooltip-bottom .tooltip-arrow {
    top: calc(-1 * var(--bs-tooltip-arrow-height))
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
.bs-tooltip-bottom .tooltip-arrow::before {
    bottom: -1px;
    border-width: 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
    border-bottom-color: var(--bs-tooltip-bg)
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,
.bs-tooltip-start .tooltip-arrow {
    right: calc(-1 * var(--bs-tooltip-arrow-height));
    width: var(--bs-tooltip-arrow-height);
    height: var(--bs-tooltip-arrow-width)
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
.bs-tooltip-start .tooltip-arrow::before {
    left: -1px;
    border-width: calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
    border-left-color: var(--bs-tooltip-bg)
}

.tooltip-inner {
    max-width: var(--bs-tooltip-max-width);
    padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
    color: var(--bs-tooltip-color);
    text-align: center;
    background-color: var(--bs-tooltip-bg);
    border-radius: var(--bs-tooltip-border-radius)
}

.popover {
    --bs-popover-zindex: 1070;
    --bs-popover-max-width: 276px;
    --bs-popover-font-size: 0.875rem;
    --bs-popover-bg: var(--bs-body-bg);
    --bs-popover-border-width: var(--bs-border-width);
    --bs-popover-border-color: var(--bs-border-color-translucent);
    --bs-popover-border-radius: var(--bs-border-radius-lg);
    --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
    --bs-popover-box-shadow: var(--bs-box-shadow);
    --bs-popover-header-padding-x: 1rem;
    --bs-popover-header-padding-y: 0.5rem;
    --bs-popover-header-font-size: 1rem;
    --bs-popover-header-color: inherit;
    --bs-popover-header-bg: var(--bs-secondary-bg);
    --bs-popover-body-padding-x: 1rem;
    --bs-popover-body-padding-y: 1rem;
    --bs-popover-body-color: var(--bs-body-color);
    --bs-popover-arrow-width: 1rem;
    --bs-popover-arrow-height: 0.5rem;
    --bs-popover-arrow-border: var(--bs-popover-border-color);
    z-index: var(--bs-popover-zindex);
    display: block;
    max-width: var(--bs-popover-max-width);
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: var(--bs-popover-font-size);
    word-wrap: break-word;
    background-color: var(--bs-popover-bg);
    background-clip: padding-box;
    border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
    border-radius: var(--bs-popover-border-radius)
}

.popover .popover-arrow {
    display: block;
    width: var(--bs-popover-arrow-width);
    height: var(--bs-popover-arrow-height)
}

.popover .popover-arrow::after,
.popover .popover-arrow::before {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid;
    border-width: 0
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,
.bs-popover-top>.popover-arrow {
    bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,
.bs-popover-top>.popover-arrow::after,
.bs-popover-top>.popover-arrow::before {
    border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,
.bs-popover-top>.popover-arrow::before {
    bottom: 0;
    border-top-color: var(--bs-popover-arrow-border)
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,
.bs-popover-top>.popover-arrow::after {
    bottom: var(--bs-popover-border-width);
    border-top-color: var(--bs-popover-bg)
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,
.bs-popover-end>.popover-arrow {
    left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
    width: var(--bs-popover-arrow-height);
    height: var(--bs-popover-arrow-width)
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,
.bs-popover-end>.popover-arrow::after,
.bs-popover-end>.popover-arrow::before {
    border-width: calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,
.bs-popover-end>.popover-arrow::before {
    left: 0;
    border-right-color: var(--bs-popover-arrow-border)
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,
.bs-popover-end>.popover-arrow::after {
    left: var(--bs-popover-border-width);
    border-right-color: var(--bs-popover-bg)
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,
.bs-popover-bottom>.popover-arrow {
    top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,
.bs-popover-bottom>.popover-arrow::after,
.bs-popover-bottom>.popover-arrow::before {
    border-width: 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,
.bs-popover-bottom>.popover-arrow::before {
    top: 0;
    border-bottom-color: var(--bs-popover-arrow-border)
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,
.bs-popover-bottom>.popover-arrow::after {
    top: var(--bs-popover-border-width);
    border-bottom-color: var(--bs-popover-bg)
}

.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,
.bs-popover-bottom .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: var(--bs-popover-arrow-width);
    margin-left: calc(-.5 * var(--bs-popover-arrow-width));
    content: "";
    border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg)
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,
.bs-popover-start>.popover-arrow {
    right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
    width: var(--bs-popover-arrow-height);
    height: var(--bs-popover-arrow-width)
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,
.bs-popover-start>.popover-arrow::after,
.bs-popover-start>.popover-arrow::before {
    border-width: calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,
.bs-popover-start>.popover-arrow::before {
    right: 0;
    border-left-color: var(--bs-popover-arrow-border)
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,
.bs-popover-start>.popover-arrow::after {
    right: var(--bs-popover-border-width);
    border-left-color: var(--bs-popover-bg)
}

.popover-header {
    padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
    margin-bottom: 0;
    font-size: var(--bs-popover-header-font-size);
    color: var(--bs-popover-header-color);
    background-color: var(--bs-popover-header-bg);
    border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
    border-top-left-radius: var(--bs-popover-inner-border-radius);
    border-top-right-radius: var(--bs-popover-inner-border-radius)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
    color: var(--bs-popover-body-color)
}

.carousel {
    position: relative
}

.carousel.pointer-event {
    touch-action: pan-y
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner::after {
    display: block;
    clear: both;
    content: ""
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: block
}

.active.carousel-item-end,
.carousel-item-next:not(.carousel-item-start) {
    transform: translateX(100%)
}

.active.carousel-item-start,
.carousel-item-prev:not(.carousel-item-end) {
    transform: translateX(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none
}

.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end,
.carousel-fade .carousel-item.active {
    z-index: 1;
    opacity: 1
}

.carousel-fade .active.carousel-item-end,
.carousel-fade .active.carousel-item-start {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s .6s
}

@media (prefers-reduced-motion:reduce) {
    .carousel-fade .active.carousel-item-end,
    .carousel-fade .active.carousel-item-start {
        transition: none
    }
}

.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-control-next,
    .carousel-control-prev {
        transition: none
    }
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%
}

.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-indicators [data-bs-target] {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center
}

.carousel-dark .carousel-control-next-icon,
.carousel-dark .carousel-control-prev-icon {
    filter: invert(1) grayscale(100)
}

.carousel-dark .carousel-indicators [data-bs-target] {
    background-color: #000
}

.carousel-dark .carousel-caption {
    color: #000
}

[data-bs-theme=dark] .carousel .carousel-control-next-icon,
[data-bs-theme=dark] .carousel .carousel-control-prev-icon,
[data-bs-theme=dark].carousel .carousel-control-next-icon,
[data-bs-theme=dark].carousel .carousel-control-prev-icon {
    filter: invert(1) grayscale(100)
}

[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target],
[data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] {
    background-color: #000
}

[data-bs-theme=dark] .carousel .carousel-caption,
[data-bs-theme=dark].carousel .carousel-caption {
    color: #000
}

.spinner-border,
.spinner-grow {
    display: inline-block;
    width: var(--bs-spinner-width);
    height: var(--bs-spinner-height);
    vertical-align: var(--bs-spinner-vertical-align);
    border-radius: 50%;
    animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

.spinner-border {
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-vertical-align: -0.125em;
    --bs-spinner-border-width: 0.25em;
    --bs-spinner-animation-speed: 0.75s;
    --bs-spinner-animation-name: spinner-border;
    border: var(--bs-spinner-border-width) solid currentcolor;
    border-right-color: transparent
}

.spinner-border-sm {
    --bs-spinner-width: 1rem;
    --bs-spinner-height: 1rem;
    --bs-spinner-border-width: 0.2em
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }
    50% {
        opacity: 1;
        transform: none
    }
}

.spinner-grow {
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-vertical-align: -0.125em;
    --bs-spinner-animation-speed: 0.75s;
    --bs-spinner-animation-name: spinner-grow;
    background-color: currentcolor;
    opacity: 0
}

.spinner-grow-sm {
    --bs-spinner-width: 1rem;
    --bs-spinner-height: 1rem
}

@media (prefers-reduced-motion:reduce) {
    .spinner-border,
    .spinner-grow {
        --bs-spinner-animation-speed: 1.5s
    }
}

.offcanvas,
.offcanvas-lg,
.offcanvas-md,
.offcanvas-sm,
.offcanvas-xl,
.offcanvas-xxl {
    --bs-offcanvas-zindex: 1045;
    --bs-offcanvas-width: 400px;
    --bs-offcanvas-height: 30vh;
    --bs-offcanvas-padding-x: 1rem;
    --bs-offcanvas-padding-y: 1rem;
    --bs-offcanvas-color: var(--bs-body-color);
    --bs-offcanvas-bg: var(--bs-body-bg);
    --bs-offcanvas-border-width: var(--bs-border-width);
    --bs-offcanvas-border-color: var(--bs-border-color-translucent);
    --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
    --bs-offcanvas-transition: transform 0.3s ease-in-out;
    --bs-offcanvas-title-line-height: 1.5
}

@media (max-width:575.98px) {
    .offcanvas-sm {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: var(--bs-offcanvas-transition)
    }
}

@media (max-width:575.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-sm {
        transition: none
    }
}

@media (max-width:575.98px) {
    .offcanvas-sm.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%)
    }
    .offcanvas-sm.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%)
    }
    .offcanvas-sm.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }
    .offcanvas-sm.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }
    .offcanvas-sm.show:not(.hiding),
    .offcanvas-sm.showing {
        transform: none
    }
    .offcanvas-sm.hiding,
    .offcanvas-sm.show,
    .offcanvas-sm.showing {
        visibility: visible
    }
}

@media (min-width:576px) {
    .offcanvas-sm {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }
    .offcanvas-sm .offcanvas-header {
        display: none
    }
    .offcanvas-sm .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent !important
    }
}

@media (max-width:767.98px) {
    .offcanvas-md {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: var(--bs-offcanvas-transition)
    }
}

@media (max-width:767.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-md {
        transition: none
    }
}

@media (max-width:767.98px) {
    .offcanvas-md.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%)
    }
    .offcanvas-md.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%)
    }
    .offcanvas-md.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }
    .offcanvas-md.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }
    .offcanvas-md.show:not(.hiding),
    .offcanvas-md.showing {
        transform: none
    }
    .offcanvas-md.hiding,
    .offcanvas-md.show,
    .offcanvas-md.showing {
        visibility: visible
    }
}

@media (min-width:768px) {
    .offcanvas-md {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }
    .offcanvas-md .offcanvas-header {
        display: none
    }
    .offcanvas-md .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent !important
    }
}

@media (max-width:991.98px) {
    .offcanvas-lg {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: var(--bs-offcanvas-transition)
    }
}

@media (max-width:991.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-lg {
        transition: none
    }
}

@media (max-width:991.98px) {
    .offcanvas-lg.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%)
    }
    .offcanvas-lg.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%)
    }
    .offcanvas-lg.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }
    .offcanvas-lg.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }
    .offcanvas-lg.show:not(.hiding),
    .offcanvas-lg.showing {
        transform: none
    }
    .offcanvas-lg.hiding,
    .offcanvas-lg.show,
    .offcanvas-lg.showing {
        visibility: visible
    }
}

@media (min-width:992px) {
    .offcanvas-lg {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }
    .offcanvas-lg .offcanvas-header {
        display: none
    }
    .offcanvas-lg .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent !important
    }
}

@media (max-width:1199.98px) {
    .offcanvas-xl {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: var(--bs-offcanvas-transition)
    }
}

@media (max-width:1199.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-xl {
        transition: none
    }
}

@media (max-width:1199.98px) {
    .offcanvas-xl.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%)
    }
    .offcanvas-xl.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%)
    }
    .offcanvas-xl.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }
    .offcanvas-xl.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }
    .offcanvas-xl.show:not(.hiding),
    .offcanvas-xl.showing {
        transform: none
    }
    .offcanvas-xl.hiding,
    .offcanvas-xl.show,
    .offcanvas-xl.showing {
        visibility: visible
    }
}

@media (min-width:1200px) {
    .offcanvas-xl {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }
    .offcanvas-xl .offcanvas-header {
        display: none
    }
    .offcanvas-xl .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent !important
    }
}

@media (max-width:1399.98px) {
    .offcanvas-xxl {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: var(--bs-offcanvas-transition)
    }
}

@media (max-width:1399.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-xxl {
        transition: none
    }
}

@media (max-width:1399.98px) {
    .offcanvas-xxl.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%)
    }
    .offcanvas-xxl.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%)
    }
    .offcanvas-xxl.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }
    .offcanvas-xxl.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }
    .offcanvas-xxl.show:not(.hiding),
    .offcanvas-xxl.showing {
        transform: none
    }
    .offcanvas-xxl.hiding,
    .offcanvas-xxl.show,
    .offcanvas-xxl.showing {
        visibility: visible
    }
}

@media (min-width:1400px) {
    .offcanvas-xxl {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }
    .offcanvas-xxl .offcanvas-header {
        display: none
    }
    .offcanvas-xxl .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent !important
    }
}

.offcanvas {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition)
}

@media (prefers-reduced-motion:reduce) {
    .offcanvas {
        transition: none
    }
}

.offcanvas.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%)
}

.offcanvas.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%)
}

.offcanvas.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%)
}

.offcanvas.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%)
}

.offcanvas.show:not(.hiding),
.offcanvas.showing {
    transform: none
}

.offcanvas.hiding,
.offcanvas.show,
.offcanvas.showing {
    visibility: visible
}

.offcanvas-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.offcanvas-backdrop.fade {
    opacity: 0
}

.offcanvas-backdrop.show {
    opacity: .5
}

.offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)
}

.offcanvas-header .btn-close {
    padding: calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);
    margin-top: calc(-.5 * var(--bs-offcanvas-padding-y));
    margin-right: calc(-.5 * var(--bs-offcanvas-padding-x));
    margin-bottom: calc(-.5 * var(--bs-offcanvas-padding-y))
}

.offcanvas-title {
    margin-bottom: 0;
    line-height: var(--bs-offcanvas-title-line-height)
}

.offcanvas-body {
    flex-grow: 1;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
    overflow-y: auto
}

.placeholder {
    display: inline-block;
    min-height: 1em;
    vertical-align: middle;
    cursor: wait;
    background-color: currentcolor;
    opacity: .5
}

.placeholder.btn::before {
    display: inline-block;
    content: ""
}

.placeholder-xs {
    min-height: .6em
}

.placeholder-sm {
    min-height: .8em
}

.placeholder-lg {
    min-height: 1.2em
}

.placeholder-glow .placeholder {
    animation: placeholder-glow 2s ease-in-out infinite
}

@keyframes placeholder-glow {
    50% {
        opacity: .2
    }
}

.placeholder-wave {
    -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
    mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
    -webkit-mask-size: 200% 100%;
    mask-size: 200% 100%;
    animation: placeholder-wave 2s linear infinite
}

@keyframes placeholder-wave {
    100% {
        -webkit-mask-position: -200% 0%;
        mask-position: -200% 0%
    }
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.text-bg-primary {
    color: #fff !important;
    background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important
}

.text-bg-secondary {
    color: #fff !important;
    background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important
}

.text-bg-success {
    color: #fff !important;
    background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important
}

.text-bg-info {
    color: #000 !important;
    background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important
}

.text-bg-warning {
    color: #000 !important;
    background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important
}

.text-bg-danger {
    color: #fff !important;
    background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important
}

.text-bg-light {
    color: #000 !important;
    background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important
}

.text-bg-dark {
    color: #fff !important;
    background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important
}

.link-primary {
    color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-primary:focus,
.link-primary:hover {
    color: RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important
}

.link-secondary {
    color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-secondary:focus,
.link-secondary:hover {
    color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important
}

.link-success {
    color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-success:focus,
.link-success:hover {
    color: RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important
}

.link-info {
    color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-info:focus,
.link-info:hover {
    color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important
}

.link-warning {
    color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-warning:focus,
.link-warning:hover {
    color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important
}

.link-danger {
    color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-danger:focus,
.link-danger:hover {
    color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important
}

.link-light {
    color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-light:focus,
.link-light:hover {
    color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important
}

.link-dark {
    color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-dark:focus,
.link-dark:hover {
    color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important
}

.link-body-emphasis {
    color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-body-emphasis:focus,
.link-body-emphasis:hover {
    color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, .75)) !important;
    -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
    text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important
}

.focus-ring:focus {
    outline: 0;
    box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color)
}

.icon-link {
    display: inline-flex;
    gap: .375rem;
    align-items: center;
    -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
    text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
    text-underline-offset: 0.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.icon-link>.bi {
    flex-shrink: 0;
    width: 1em;
    height: 1em;
    fill: currentcolor;
    transition: .2s ease-in-out transform
}

@media (prefers-reduced-motion:reduce) {
    .icon-link>.bi {
        transition: none
    }
}

.icon-link-hover:focus-visible>.bi,
.icon-link-hover:hover>.bi {
    transform: var(--bs-icon-link-transform, translate3d(.25em, 0, 0))
}

.ratio {
    position: relative;
    width: 100%
}

.ratio::before {
    display: block;
    padding-top: var(--bs-aspect-ratio);
    content: ""
}

.ratio>* {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ratio-1x1 {
    --bs-aspect-ratio: 100%
}

.ratio-4x3 {
    --bs-aspect-ratio: 75%
}

.ratio-16x9 {
    --bs-aspect-ratio: 56.25%
}

.ratio-21x9 {
    --bs-aspect-ratio: 42.8571428571%
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020
}

.sticky-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020
}

@media (min-width:576px) {
    .sticky-sm-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
    .sticky-sm-bottom {
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width:768px) {
    .sticky-md-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
    .sticky-md-bottom {
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width:992px) {
    .sticky-lg-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
    .sticky-lg-bottom {
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width:1200px) {
    .sticky-xl-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
    .sticky-xl-bottom {
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width:1400px) {
    .sticky-xxl-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
    .sticky-xxl-bottom {
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

.hstack {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-self: stretch
}

.vstack {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-self: stretch
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important
}

.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),
.visually-hidden:not(caption) {
    position: absolute !important
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: ""
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vr {
    display: inline-block;
    align-self: stretch;
    width: var(--bs-border-width);
    min-height: 1em;
    background-color: currentcolor;
    opacity: .25
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.float-start {
    float: left !important
}

.float-end {
    float: right !important
}

.float-none {
    float: none !important
}

.object-fit-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important
}

.object-fit-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important
}

.object-fit-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important
}

.object-fit-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important
}

.object-fit-none {
    -o-object-fit: none !important;
    object-fit: none !important
}

.opacity-0 {
    opacity: 0 !important
}

.opacity-25 {
    opacity: .25 !important
}

.opacity-50 {
    opacity: .5 !important
}

.opacity-75 {
    opacity: .75 !important
}

.opacity-100 {
    opacity: 1 !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-visible {
    overflow: visible !important
}

.overflow-scroll {
    overflow: scroll !important
}

.overflow-x-auto {
    overflow-x: auto !important
}

.overflow-x-hidden {
    overflow-x: hidden !important
}

.overflow-x-visible {
    overflow-x: visible !important
}

.overflow-x-scroll {
    overflow-x: scroll !important
}

.overflow-y-auto {
    overflow-y: auto !important
}

.overflow-y-hidden {
    overflow-y: hidden !important
}

.overflow-y-visible {
    overflow-y: visible !important
}

.overflow-y-scroll {
    overflow-y: scroll !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-grid {
    display: grid !important
}

.d-inline-grid {
    display: inline-grid !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

.d-none {
    display: none !important
}

.shadow {
    box-shadow: var(--bs-box-shadow) !important
}

.shadow-sm {
    box-shadow: var(--bs-box-shadow-sm) !important
}

.shadow-lg {
    box-shadow: var(--bs-box-shadow-lg) !important
}

.shadow-none {
    box-shadow: none !important
}

.focus-ring-primary {
    --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-secondary {
    --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-success {
    --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-info {
    --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-warning {
    --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-danger {
    --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-light {
    --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-dark {
    --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity))
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important
}

.top-0 {
    top: 0 !important
}

.top-50 {
    top: 50% !important
}

.top-100 {
    top: 100% !important
}

.bottom-0 {
    bottom: 0 !important
}

.bottom-50 {
    bottom: 50% !important
}

.bottom-100 {
    bottom: 100% !important
}

.start-0 {
    left: 0 !important
}

.start-50 {
    left: 50% !important
}

.start-100 {
    left: 100% !important
}

.end-0 {
    right: 0 !important
}

.end-50 {
    right: 50% !important
}

.end-100 {
    right: 100% !important
}

.translate-middle {
    transform: translate(-50%, -50%) !important
}

.translate-middle-x {
    transform: translateX(-50%) !important
}

.translate-middle-y {
    transform: translateY(-50%) !important
}

.border {
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-0 {
    border: 0 !important
}

.border-top {
    border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-end {
    border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-end-0 {
    border-right: 0 !important
}

.border-bottom {
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-start {
    border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-start-0 {
    border-left: 0 !important
}

.border-primary {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important
}

.border-secondary {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important
}

.border-success {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important
}

.border-info {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important
}

.border-warning {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important
}

.border-danger {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important
}

.border-light {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important
}

.border-dark {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important
}

.border-black {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important
}

.border-white {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important
}

.border-primary-subtle {
    border-color: var(--bs-primary-border-subtle) !important
}

.border-secondary-subtle {
    border-color: var(--bs-secondary-border-subtle) !important
}

.border-success-subtle {
    border-color: var(--bs-success-border-subtle) !important
}

.border-info-subtle {
    border-color: var(--bs-info-border-subtle) !important
}

.border-warning-subtle {
    border-color: var(--bs-warning-border-subtle) !important
}

.border-danger-subtle {
    border-color: var(--bs-danger-border-subtle) !important
}

.border-light-subtle {
    border-color: var(--bs-light-border-subtle) !important
}

.border-dark-subtle {
    border-color: var(--bs-dark-border-subtle) !important
}

.border-1 {
    border-width: 1px !important
}

.border-2 {
    border-width: 2px !important
}

.border-3 {
    border-width: 3px !important
}

.border-4 {
    border-width: 4px !important
}

.border-5 {
    border-width: 5px !important
}

.border-opacity-10 {
    --bs-border-opacity: 0.1
}

.border-opacity-25 {
    --bs-border-opacity: 0.25
}

.border-opacity-50 {
    --bs-border-opacity: 0.5
}

.border-opacity-75 {
    --bs-border-opacity: 0.75
}

.border-opacity-100 {
    --bs-border-opacity: 1
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.vw-100 {
    width: 100vw !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mh-100 {
    max-height: 100% !important
}

.vh-100 {
    height: 100vh !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-row {
    flex-direction: row !important
}

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

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.justify-content-evenly {
    justify-content: space-evenly !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

.order-first {
    order: -1 !important
}

.order-0 {
    order: 0 !important
}

.order-1 {
    order: 1 !important
}

.order-2 {
    order: 2 !important
}

.order-3 {
    order: 3 !important
}

.order-4 {
    order: 4 !important
}

.order-5 {
    order: 5 !important
}

.order-last {
    order: 6 !important
}

.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.m-auto {
    margin: auto !important
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.mx-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
}

.mx-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mt-3 {
    margin-top: 1rem !important
}

.mt-4 {
    margin-top: 1.5rem !important
}

.mt-5 {
    margin-top: 3rem !important
}

.mt-auto {
    margin-top: auto !important
}

.me-0 {
    margin-right: 0 !important
}

.me-1 {
    margin-right: .25rem !important
}

.me-2 {
    margin-right: .5rem !important
}

.me-3 {
    margin-right: 1rem !important
}

.me-4 {
    margin-right: 1.5rem !important
}

.me-5 {
    margin-right: 3rem !important
}

.me-auto {
    margin-right: auto !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.mb-4 {
    margin-bottom: 1.5rem !important
}

.mb-5 {
    margin-bottom: 3rem !important
}

.mb-auto {
    margin-bottom: auto !important
}

.ms-0 {
    margin-left: 0 !important
}

.ms-1 {
    margin-left: .25rem !important
}

.ms-2 {
    margin-left: .5rem !important
}

.ms-3 {
    margin-left: 1rem !important
}

.ms-4 {
    margin-left: 1.5rem !important
}

.ms-5 {
    margin-left: 3rem !important
}

.ms-auto {
    margin-left: auto !important
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.px-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
}

.px-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pt-3 {
    padding-top: 1rem !important
}

.pt-4 {
    padding-top: 1.5rem !important
}

.pt-5 {
    padding-top: 3rem !important
}

.pe-0 {
    padding-right: 0 !important
}

.pe-1 {
    padding-right: .25rem !important
}

.pe-2 {
    padding-right: .5rem !important
}

.pe-3 {
    padding-right: 1rem !important
}

.pe-4 {
    padding-right: 1.5rem !important
}

.pe-5 {
    padding-right: 3rem !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pb-3 {
    padding-bottom: 1rem !important
}

.pb-4 {
    padding-bottom: 1.5rem !important
}

.pb-5 {
    padding-bottom: 3rem !important
}

.ps-0 {
    padding-left: 0 !important
}

.ps-1 {
    padding-left: .25rem !important
}

.ps-2 {
    padding-left: .5rem !important
}

.ps-3 {
    padding-left: 1rem !important
}

.ps-4 {
    padding-left: 1.5rem !important
}

.ps-5 {
    padding-left: 3rem !important
}

.gap-0 {
    gap: 0 !important
}

.gap-1 {
    gap: .25rem !important
}

.gap-2 {
    gap: .5rem !important
}

.gap-3 {
    gap: 1rem !important
}

.gap-4 {
    gap: 1.5rem !important
}

.gap-5 {
    gap: 3rem !important
}

.row-gap-0 {
    row-gap: 0 !important
}

.row-gap-1 {
    row-gap: .25rem !important
}

.row-gap-2 {
    row-gap: .5rem !important
}

.row-gap-3 {
    row-gap: 1rem !important
}

.row-gap-4 {
    row-gap: 1.5rem !important
}

.row-gap-5 {
    row-gap: 3rem !important
}

.column-gap-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important
}

.column-gap-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: .25rem !important
}

.column-gap-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: .5rem !important
}

.column-gap-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important
}

.column-gap-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important
}

.column-gap-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important
}

.font-monospace {
    font-family: var(--bs-font-monospace) !important
}

.fs-1 {
    font-size: calc(1.375rem + 1.5vw) !important
}

.fs-2 {
    font-size: calc(1.325rem + .9vw) !important
}

.fs-3 {
    font-size: calc(1.3rem + .6vw) !important
}

.fs-4 {
    font-size: calc(1.275rem + .3vw) !important
}

.fs-5 {
    font-size: 1.25rem !important
}

.fs-6 {
    font-size: 1rem !important
}

.fst-italic {
    font-style: italic !important
}

.fst-normal {
    font-style: normal !important
}

.fw-lighter {
    font-weight: lighter !important
}

.fw-light {
    font-weight: 300 !important
}

.fw-normal {
    font-weight: 400 !important
}

.fw-medium {
    font-weight: 500 !important
}

.fw-semibold {
    font-weight: 600 !important
}

.fw-bold {
    font-weight: 700 !important
}

.fw-bolder {
    font-weight: bolder !important
}

.lh-1 {
    line-height: 1 !important
}

.lh-sm {
    line-height: 1.25 !important
}

.lh-base {
    line-height: 1.5 !important
}

.lh-lg {
    line-height: 2 !important
}

.text-start {
    text-align: left !important
}

.text-end {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

.text-decoration-none {
    text-decoration: none !important
}

.text-decoration-underline {
    text-decoration: underline !important
}

.text-decoration-line-through {
    text-decoration: line-through !important
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-break {
    word-wrap: break-word !important;
    word-break: break-word !important
}

.text-primary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important
}

.text-secondary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important
}

.text-success {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important
}

.text-info {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important
}

.text-warning {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important
}

.text-danger {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important
}

.text-light {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important
}

.text-dark {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important
}

.text-black {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important
}

.text-white {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important
}

.text-body {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important
}

.text-muted {
    --bs-text-opacity: 1;
    color: var(--bs-secondary-color) !important
}

.text-black-50 {
    --bs-text-opacity: 1;
    color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
    --bs-text-opacity: 1;
    color: rgba(255, 255, 255, .5) !important
}

.text-body-secondary {
    --bs-text-opacity: 1;
    color: var(--bs-secondary-color) !important
}

.text-body-tertiary {
    --bs-text-opacity: 1;
    color: var(--bs-tertiary-color) !important
}

.text-body-emphasis {
    --bs-text-opacity: 1;
    color: var(--bs-emphasis-color) !important
}

.text-reset {
    --bs-text-opacity: 1;
    color: inherit !important
}

.text-opacity-25 {
    --bs-text-opacity: 0.25
}

.text-opacity-50 {
    --bs-text-opacity: 0.5
}

.text-opacity-75 {
    --bs-text-opacity: 0.75
}

.text-opacity-100 {
    --bs-text-opacity: 1
}

.text-primary-emphasis {
    color: var(--bs-primary-text-emphasis) !important
}

.text-secondary-emphasis {
    color: var(--bs-secondary-text-emphasis) !important
}

.text-success-emphasis {
    color: var(--bs-success-text-emphasis) !important
}

.text-info-emphasis {
    color: var(--bs-info-text-emphasis) !important
}

.text-warning-emphasis {
    color: var(--bs-warning-text-emphasis) !important
}

.text-danger-emphasis {
    color: var(--bs-danger-text-emphasis) !important
}

.text-light-emphasis {
    color: var(--bs-light-text-emphasis) !important
}

.text-dark-emphasis {
    color: var(--bs-dark-text-emphasis) !important
}

.link-opacity-10 {
    --bs-link-opacity: 0.1
}

.link-opacity-10-hover:hover {
    --bs-link-opacity: 0.1
}

.link-opacity-25 {
    --bs-link-opacity: 0.25
}

.link-opacity-25-hover:hover {
    --bs-link-opacity: 0.25
}

.link-opacity-50 {
    --bs-link-opacity: 0.5
}

.link-opacity-50-hover:hover {
    --bs-link-opacity: 0.5
}

.link-opacity-75 {
    --bs-link-opacity: 0.75
}

.link-opacity-75-hover:hover {
    --bs-link-opacity: 0.75
}

.link-opacity-100 {
    --bs-link-opacity: 1
}

.link-opacity-100-hover:hover {
    --bs-link-opacity: 1
}

.link-offset-1 {
    text-underline-offset: 0.125em !important
}

.link-offset-1-hover:hover {
    text-underline-offset: 0.125em !important
}

.link-offset-2 {
    text-underline-offset: 0.25em !important
}

.link-offset-2-hover:hover {
    text-underline-offset: 0.25em !important
}

.link-offset-3 {
    text-underline-offset: 0.375em !important
}

.link-offset-3-hover:hover {
    text-underline-offset: 0.375em !important
}

.link-underline-primary {
    --bs-link-underline-opacity: 1;
    -webkit-text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
    text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline-secondary {
    --bs-link-underline-opacity: 1;
    -webkit-text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
    text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline-success {
    --bs-link-underline-opacity: 1;
    -webkit-text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
    text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline-info {
    --bs-link-underline-opacity: 1;
    -webkit-text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
    text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline-warning {
    --bs-link-underline-opacity: 1;
    -webkit-text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
    text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline-danger {
    --bs-link-underline-opacity: 1;
    -webkit-text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
    text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline-light {
    --bs-link-underline-opacity: 1;
    -webkit-text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
    text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline-dark {
    --bs-link-underline-opacity: 1;
    -webkit-text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
    text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline {
    --bs-link-underline-opacity: 1;
    -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-underline-opacity-0 {
    --bs-link-underline-opacity: 0
}

.link-underline-opacity-0-hover:hover {
    --bs-link-underline-opacity: 0
}

.link-underline-opacity-10 {
    --bs-link-underline-opacity: 0.1
}

.link-underline-opacity-10-hover:hover {
    --bs-link-underline-opacity: 0.1
}

.link-underline-opacity-25 {
    --bs-link-underline-opacity: 0.25
}

.link-underline-opacity-25-hover:hover {
    --bs-link-underline-opacity: 0.25
}

.link-underline-opacity-50 {
    --bs-link-underline-opacity: 0.5
}

.link-underline-opacity-50-hover:hover {
    --bs-link-underline-opacity: 0.5
}

.link-underline-opacity-75 {
    --bs-link-underline-opacity: 0.75
}

.link-underline-opacity-75-hover:hover {
    --bs-link-underline-opacity: 0.75
}

.link-underline-opacity-100 {
    --bs-link-underline-opacity: 1
}

.link-underline-opacity-100-hover:hover {
    --bs-link-underline-opacity: 1
}

.bg-primary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important
}

.bg-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important
}

.bg-success {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important
}

.bg-info {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important
}

.bg-warning {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important
}

.bg-danger {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important
}

.bg-light {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important
}

.bg-dark {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important
}

.bg-black {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important
}

.bg-white {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important
}

.bg-body {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important
}

.bg-transparent {
    --bs-bg-opacity: 1;
    background-color: transparent !important
}

.bg-body-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important
}

.bg-body-tertiary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important
}

.bg-opacity-10 {
    --bs-bg-opacity: 0.1
}

.bg-opacity-25 {
    --bs-bg-opacity: 0.25
}

.bg-opacity-50 {
    --bs-bg-opacity: 0.5
}

.bg-opacity-75 {
    --bs-bg-opacity: 0.75
}

.bg-opacity-100 {
    --bs-bg-opacity: 1
}

.bg-primary-subtle {
    background-color: var(--bs-primary-bg-subtle) !important
}

.bg-secondary-subtle {
    background-color: var(--bs-secondary-bg-subtle) !important
}

.bg-success-subtle {
    background-color: var(--bs-success-bg-subtle) !important
}

.bg-info-subtle {
    background-color: var(--bs-info-bg-subtle) !important
}

.bg-warning-subtle {
    background-color: var(--bs-warning-bg-subtle) !important
}

.bg-danger-subtle {
    background-color: var(--bs-danger-bg-subtle) !important
}

.bg-light-subtle {
    background-color: var(--bs-light-bg-subtle) !important
}

.bg-dark-subtle {
    background-color: var(--bs-dark-bg-subtle) !important
}

.bg-gradient {
    background-image: var(--bs-gradient) !important
}

.user-select-all {
    -webkit-user-select: all !important;
    -moz-user-select: all !important;
    user-select: all !important
}

.user-select-auto {
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    user-select: auto !important
}

.user-select-none {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    user-select: none !important
}

.pe-none {
    pointer-events: none !important
}

.pe-auto {
    pointer-events: auto !important
}

.rounded {
    border-radius: var(--bs-border-radius) !important
}

.rounded-0 {
    border-radius: 0 !important
}

.rounded-1 {
    border-radius: var(--bs-border-radius-sm) !important
}

.rounded-2 {
    border-radius: var(--bs-border-radius) !important
}

.rounded-3 {
    border-radius: var(--bs-border-radius-lg) !important
}

.rounded-4 {
    border-radius: var(--bs-border-radius-xl) !important
}

.rounded-5 {
    border-radius: var(--bs-border-radius-xxl) !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: var(--bs-border-radius-pill) !important
}

.rounded-top {
    border-top-left-radius: var(--bs-border-radius) !important;
    border-top-right-radius: var(--bs-border-radius) !important
}

.rounded-top-0 {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important
}

.rounded-top-1 {
    border-top-left-radius: var(--bs-border-radius-sm) !important;
    border-top-right-radius: var(--bs-border-radius-sm) !important
}

.rounded-top-2 {
    border-top-left-radius: var(--bs-border-radius) !important;
    border-top-right-radius: var(--bs-border-radius) !important
}

.rounded-top-3 {
    border-top-left-radius: var(--bs-border-radius-lg) !important;
    border-top-right-radius: var(--bs-border-radius-lg) !important
}

.rounded-top-4 {
    border-top-left-radius: var(--bs-border-radius-xl) !important;
    border-top-right-radius: var(--bs-border-radius-xl) !important
}

.rounded-top-5 {
    border-top-left-radius: var(--bs-border-radius-xxl) !important;
    border-top-right-radius: var(--bs-border-radius-xxl) !important
}

.rounded-top-circle {
    border-top-left-radius: 50% !important;
    border-top-right-radius: 50% !important
}

.rounded-top-pill {
    border-top-left-radius: var(--bs-border-radius-pill) !important;
    border-top-right-radius: var(--bs-border-radius-pill) !important
}

.rounded-end {
    border-top-right-radius: var(--bs-border-radius) !important;
    border-bottom-right-radius: var(--bs-border-radius) !important
}

.rounded-end-0 {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.rounded-end-1 {
    border-top-right-radius: var(--bs-border-radius-sm) !important;
    border-bottom-right-radius: var(--bs-border-radius-sm) !important
}

.rounded-end-2 {
    border-top-right-radius: var(--bs-border-radius) !important;
    border-bottom-right-radius: var(--bs-border-radius) !important
}

.rounded-end-3 {
    border-top-right-radius: var(--bs-border-radius-lg) !important;
    border-bottom-right-radius: var(--bs-border-radius-lg) !important
}

.rounded-end-4 {
    border-top-right-radius: var(--bs-border-radius-xl) !important;
    border-bottom-right-radius: var(--bs-border-radius-xl) !important
}

.rounded-end-5 {
    border-top-right-radius: var(--bs-border-radius-xxl) !important;
    border-bottom-right-radius: var(--bs-border-radius-xxl) !important
}

.rounded-end-circle {
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important
}

.rounded-end-pill {
    border-top-right-radius: var(--bs-border-radius-pill) !important;
    border-bottom-right-radius: var(--bs-border-radius-pill) !important
}

.rounded-bottom {
    border-bottom-right-radius: var(--bs-border-radius) !important;
    border-bottom-left-radius: var(--bs-border-radius) !important
}

.rounded-bottom-0 {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.rounded-bottom-1 {
    border-bottom-right-radius: var(--bs-border-radius-sm) !important;
    border-bottom-left-radius: var(--bs-border-radius-sm) !important
}

.rounded-bottom-2 {
    border-bottom-right-radius: var(--bs-border-radius) !important;
    border-bottom-left-radius: var(--bs-border-radius) !important
}

.rounded-bottom-3 {
    border-bottom-right-radius: var(--bs-border-radius-lg) !important;
    border-bottom-left-radius: var(--bs-border-radius-lg) !important
}

.rounded-bottom-4 {
    border-bottom-right-radius: var(--bs-border-radius-xl) !important;
    border-bottom-left-radius: var(--bs-border-radius-xl) !important
}

.rounded-bottom-5 {
    border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
    border-bottom-left-radius: var(--bs-border-radius-xxl) !important
}

.rounded-bottom-circle {
    border-bottom-right-radius: 50% !important;
    border-bottom-left-radius: 50% !important
}

.rounded-bottom-pill {
    border-bottom-right-radius: var(--bs-border-radius-pill) !important;
    border-bottom-left-radius: var(--bs-border-radius-pill) !important
}

.rounded-start {
    border-bottom-left-radius: var(--bs-border-radius) !important;
    border-top-left-radius: var(--bs-border-radius) !important
}

.rounded-start-0 {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important
}

.rounded-start-1 {
    border-bottom-left-radius: var(--bs-border-radius-sm) !important;
    border-top-left-radius: var(--bs-border-radius-sm) !important
}

.rounded-start-2 {
    border-bottom-left-radius: var(--bs-border-radius) !important;
    border-top-left-radius: var(--bs-border-radius) !important
}

.rounded-start-3 {
    border-bottom-left-radius: var(--bs-border-radius-lg) !important;
    border-top-left-radius: var(--bs-border-radius-lg) !important
}

.rounded-start-4 {
    border-bottom-left-radius: var(--bs-border-radius-xl) !important;
    border-top-left-radius: var(--bs-border-radius-xl) !important
}

.rounded-start-5 {
    border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
    border-top-left-radius: var(--bs-border-radius-xxl) !important
}

.rounded-start-circle {
    border-bottom-left-radius: 50% !important;
    border-top-left-radius: 50% !important
}

.rounded-start-pill {
    border-bottom-left-radius: var(--bs-border-radius-pill) !important;
    border-top-left-radius: var(--bs-border-radius-pill) !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

.z-n1 {
    z-index: -1 !important
}

.z-0 {
    z-index: 0 !important
}

.z-1 {
    z-index: 1 !important
}

.z-2 {
    z-index: 2 !important
}

.z-3 {
    z-index: 3 !important
}

@media (min-width:576px) {
    .float-sm-start {
        float: left !important
    }
    .float-sm-end {
        float: right !important
    }
    .float-sm-none {
        float: none !important
    }
    .object-fit-sm-contain {
        -o-object-fit: contain !important;
        object-fit: contain !important
    }
    .object-fit-sm-cover {
        -o-object-fit: cover !important;
        object-fit: cover !important
    }
    .object-fit-sm-fill {
        -o-object-fit: fill !important;
        object-fit: fill !important
    }
    .object-fit-sm-scale {
        -o-object-fit: scale-down !important;
        object-fit: scale-down !important
    }
    .object-fit-sm-none {
        -o-object-fit: none !important;
        object-fit: none !important
    }
    .d-sm-inline {
        display: inline !important
    }
    .d-sm-inline-block {
        display: inline-block !important
    }
    .d-sm-block {
        display: block !important
    }
    .d-sm-grid {
        display: grid !important
    }
    .d-sm-inline-grid {
        display: inline-grid !important
    }
    .d-sm-table {
        display: table !important
    }
    .d-sm-table-row {
        display: table-row !important
    }
    .d-sm-table-cell {
        display: table-cell !important
    }
    .d-sm-flex {
        display: flex !important
    }
    .d-sm-inline-flex {
        display: inline-flex !important
    }
    .d-sm-none {
        display: none !important
    }
    .flex-sm-fill {
        flex: 1 1 auto !important
    }
    .flex-sm-row {
        flex-direction: row !important
    }
    .flex-sm-column {
        flex-direction: column !important
    }
    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }
    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }
    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }
    .flex-sm-wrap {
        flex-wrap: wrap !important
    }
    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .justify-content-sm-start {
        justify-content: flex-start !important
    }
    .justify-content-sm-end {
        justify-content: flex-end !important
    }
    .justify-content-sm-center {
        justify-content: center !important
    }
    .justify-content-sm-between {
        justify-content: space-between !important
    }
    .justify-content-sm-around {
        justify-content: space-around !important
    }
    .justify-content-sm-evenly {
        justify-content: space-evenly !important
    }
    .align-items-sm-start {
        align-items: flex-start !important
    }
    .align-items-sm-end {
        align-items: flex-end !important
    }
    .align-items-sm-center {
        align-items: center !important
    }
    .align-items-sm-baseline {
        align-items: baseline !important
    }
    .align-items-sm-stretch {
        align-items: stretch !important
    }
    .align-content-sm-start {
        align-content: flex-start !important
    }
    .align-content-sm-end {
        align-content: flex-end !important
    }
    .align-content-sm-center {
        align-content: center !important
    }
    .align-content-sm-between {
        align-content: space-between !important
    }
    .align-content-sm-around {
        align-content: space-around !important
    }
    .align-content-sm-stretch {
        align-content: stretch !important
    }
    .align-self-sm-auto {
        align-self: auto !important
    }
    .align-self-sm-start {
        align-self: flex-start !important
    }
    .align-self-sm-end {
        align-self: flex-end !important
    }
    .align-self-sm-center {
        align-self: center !important
    }
    .align-self-sm-baseline {
        align-self: baseline !important
    }
    .align-self-sm-stretch {
        align-self: stretch !important
    }
    .order-sm-first {
        order: -1 !important
    }
    .order-sm-0 {
        order: 0 !important
    }
    .order-sm-1 {
        order: 1 !important
    }
    .order-sm-2 {
        order: 2 !important
    }
    .order-sm-3 {
        order: 3 !important
    }
    .order-sm-4 {
        order: 4 !important
    }
    .order-sm-5 {
        order: 5 !important
    }
    .order-sm-last {
        order: 6 !important
    }
    .m-sm-0 {
        margin: 0 !important
    }
    .m-sm-1 {
        margin: .25rem !important
    }
    .m-sm-2 {
        margin: .5rem !important
    }
    .m-sm-3 {
        margin: 1rem !important
    }
    .m-sm-4 {
        margin: 1.5rem !important
    }
    .m-sm-5 {
        margin: 3rem !important
    }
    .m-sm-auto {
        margin: auto !important
    }
    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }
    .mx-sm-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }
    .mx-sm-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }
    .mx-sm-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }
    .mx-sm-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }
    .mx-sm-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }
    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }
    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }
    .my-sm-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }
    .my-sm-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }
    .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }
    .my-sm-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }
    .my-sm-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }
    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }
    .mt-sm-0 {
        margin-top: 0 !important
    }
    .mt-sm-1 {
        margin-top: .25rem !important
    }
    .mt-sm-2 {
        margin-top: .5rem !important
    }
    .mt-sm-3 {
        margin-top: 1rem !important
    }
    .mt-sm-4 {
        margin-top: 1.5rem !important
    }
    .mt-sm-5 {
        margin-top: 3rem !important
    }
    .mt-sm-auto {
        margin-top: auto !important
    }
    .me-sm-0 {
        margin-right: 0 !important
    }
    .me-sm-1 {
        margin-right: .25rem !important
    }
    .me-sm-2 {
        margin-right: .5rem !important
    }
    .me-sm-3 {
        margin-right: 1rem !important
    }
    .me-sm-4 {
        margin-right: 1.5rem !important
    }
    .me-sm-5 {
        margin-right: 3rem !important
    }
    .me-sm-auto {
        margin-right: auto !important
    }
    .mb-sm-0 {
        margin-bottom: 0 !important
    }
    .mb-sm-1 {
        margin-bottom: .25rem !important
    }
    .mb-sm-2 {
        margin-bottom: .5rem !important
    }
    .mb-sm-3 {
        margin-bottom: 1rem !important
    }
    .mb-sm-4 {
        margin-bottom: 1.5rem !important
    }
    .mb-sm-5 {
        margin-bottom: 3rem !important
    }
    .mb-sm-auto {
        margin-bottom: auto !important
    }
    .ms-sm-0 {
        margin-left: 0 !important
    }
    .ms-sm-1 {
        margin-left: .25rem !important
    }
    .ms-sm-2 {
        margin-left: .5rem !important
    }
    .ms-sm-3 {
        margin-left: 1rem !important
    }
    .ms-sm-4 {
        margin-left: 1.5rem !important
    }
    .ms-sm-5 {
        margin-left: 3rem !important
    }
    .ms-sm-auto {
        margin-left: auto !important
    }
    .p-sm-0 {
        padding: 0 !important
    }
    .p-sm-1 {
        padding: .25rem !important
    }
    .p-sm-2 {
        padding: .5rem !important
    }
    .p-sm-3 {
        padding: 1rem !important
    }
    .p-sm-4 {
        padding: 1.5rem !important
    }
    .p-sm-5 {
        padding: 3rem !important
    }
    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
    .px-sm-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }
    .px-sm-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }
    .px-sm-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }
    .px-sm-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }
    .px-sm-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }
    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }
    .py-sm-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }
    .py-sm-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }
    .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }
    .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }
    .py-sm-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }
    .pt-sm-0 {
        padding-top: 0 !important
    }
    .pt-sm-1 {
        padding-top: .25rem !important
    }
    .pt-sm-2 {
        padding-top: .5rem !important
    }
    .pt-sm-3 {
        padding-top: 1rem !important
    }
    .pt-sm-4 {
        padding-top: 1.5rem !important
    }
    .pt-sm-5 {
        padding-top: 3rem !important
    }
    .pe-sm-0 {
        padding-right: 0 !important
    }
    .pe-sm-1 {
        padding-right: .25rem !important
    }
    .pe-sm-2 {
        padding-right: .5rem !important
    }
    .pe-sm-3 {
        padding-right: 1rem !important
    }
    .pe-sm-4 {
        padding-right: 1.5rem !important
    }
    .pe-sm-5 {
        padding-right: 3rem !important
    }
    .pb-sm-0 {
        padding-bottom: 0 !important
    }
    .pb-sm-1 {
        padding-bottom: .25rem !important
    }
    .pb-sm-2 {
        padding-bottom: .5rem !important
    }
    .pb-sm-3 {
        padding-bottom: 1rem !important
    }
    .pb-sm-4 {
        padding-bottom: 1.5rem !important
    }
    .pb-sm-5 {
        padding-bottom: 3rem !important
    }
    .ps-sm-0 {
        padding-left: 0 !important
    }
    .ps-sm-1 {
        padding-left: .25rem !important
    }
    .ps-sm-2 {
        padding-left: .5rem !important
    }
    .ps-sm-3 {
        padding-left: 1rem !important
    }
    .ps-sm-4 {
        padding-left: 1.5rem !important
    }
    .ps-sm-5 {
        padding-left: 3rem !important
    }
    .gap-sm-0 {
        gap: 0 !important
    }
    .gap-sm-1 {
        gap: .25rem !important
    }
    .gap-sm-2 {
        gap: .5rem !important
    }
    .gap-sm-3 {
        gap: 1rem !important
    }
    .gap-sm-4 {
        gap: 1.5rem !important
    }
    .gap-sm-5 {
        gap: 3rem !important
    }
    .row-gap-sm-0 {
        row-gap: 0 !important
    }
    .row-gap-sm-1 {
        row-gap: .25rem !important
    }
    .row-gap-sm-2 {
        row-gap: .5rem !important
    }
    .row-gap-sm-3 {
        row-gap: 1rem !important
    }
    .row-gap-sm-4 {
        row-gap: 1.5rem !important
    }
    .row-gap-sm-5 {
        row-gap: 3rem !important
    }
    .column-gap-sm-0 {
        -moz-column-gap: 0 !important;
        column-gap: 0 !important
    }
    .column-gap-sm-1 {
        -moz-column-gap: 0.25rem !important;
        column-gap: .25rem !important
    }
    .column-gap-sm-2 {
        -moz-column-gap: 0.5rem !important;
        column-gap: .5rem !important
    }
    .column-gap-sm-3 {
        -moz-column-gap: 1rem !important;
        column-gap: 1rem !important
    }
    .column-gap-sm-4 {
        -moz-column-gap: 1.5rem !important;
        column-gap: 1.5rem !important
    }
    .column-gap-sm-5 {
        -moz-column-gap: 3rem !important;
        column-gap: 3rem !important
    }
    .text-sm-start {
        text-align: left !important
    }
    .text-sm-end {
        text-align: right !important
    }
    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width:768px) {
    .float-md-start {
        float: left !important
    }
    .float-md-end {
        float: right !important
    }
    .float-md-none {
        float: none !important
    }
    .object-fit-md-contain {
        -o-object-fit: contain !important;
        object-fit: contain !important
    }
    .object-fit-md-cover {
        -o-object-fit: cover !important;
        object-fit: cover !important
    }
    .object-fit-md-fill {
        -o-object-fit: fill !important;
        object-fit: fill !important
    }
    .object-fit-md-scale {
        -o-object-fit: scale-down !important;
        object-fit: scale-down !important
    }
    .object-fit-md-none {
        -o-object-fit: none !important;
        object-fit: none !important
    }
    .d-md-inline {
        display: inline !important
    }
    .d-md-inline-block {
        display: inline-block !important
    }
    .d-md-block {
        display: block !important
    }
    .d-md-grid {
        display: grid !important
    }
    .d-md-inline-grid {
        display: inline-grid !important
    }
    .d-md-table {
        display: table !important
    }
    .d-md-table-row {
        display: table-row !important
    }
    .d-md-table-cell {
        display: table-cell !important
    }
    .d-md-flex {
        display: flex !important
    }
    .d-md-inline-flex {
        display: inline-flex !important
    }
    .d-md-none {
        display: none !important
    }
    .flex-md-fill {
        flex: 1 1 auto !important
    }
    .flex-md-row {
        flex-direction: row !important
    }
    .flex-md-column {
        flex-direction: column !important
    }
    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-md-grow-0 {
        flex-grow: 0 !important
    }
    .flex-md-grow-1 {
        flex-grow: 1 !important
    }
    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }
    .flex-md-wrap {
        flex-wrap: wrap !important
    }
    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .justify-content-md-start {
        justify-content: flex-start !important
    }
    .justify-content-md-end {
        justify-content: flex-end !important
    }
    .justify-content-md-center {
        justify-content: center !important
    }
    .justify-content-md-between {
        justify-content: space-between !important
    }
    .justify-content-md-around {
        justify-content: space-around !important
    }
    .justify-content-md-evenly {
        justify-content: space-evenly !important
    }
    .align-items-md-start {
        align-items: flex-start !important
    }
    .align-items-md-end {
        align-items: flex-end !important
    }
    .align-items-md-center {
        align-items: center !important
    }
    .align-items-md-baseline {
        align-items: baseline !important
    }
    .align-items-md-stretch {
        align-items: stretch !important
    }
    .align-content-md-start {
        align-content: flex-start !important
    }
    .align-content-md-end {
        align-content: flex-end !important
    }
    .align-content-md-center {
        align-content: center !important
    }
    .align-content-md-between {
        align-content: space-between !important
    }
    .align-content-md-around {
        align-content: space-around !important
    }
    .align-content-md-stretch {
        align-content: stretch !important
    }
    .align-self-md-auto {
        align-self: auto !important
    }
    .align-self-md-start {
        align-self: flex-start !important
    }
    .align-self-md-end {
        align-self: flex-end !important
    }
    .align-self-md-center {
        align-self: center !important
    }
    .align-self-md-baseline {
        align-self: baseline !important
    }
    .align-self-md-stretch {
        align-self: stretch !important
    }
    .order-md-first {
        order: -1 !important
    }
    .order-md-0 {
        order: 0 !important
    }
    .order-md-1 {
        order: 1 !important
    }
    .order-md-2 {
        order: 2 !important
    }
    .order-md-3 {
        order: 3 !important
    }
    .order-md-4 {
        order: 4 !important
    }
    .order-md-5 {
        order: 5 !important
    }
    .order-md-last {
        order: 6 !important
    }
    .m-md-0 {
        margin: 0 !important
    }
    .m-md-1 {
        margin: .25rem !important
    }
    .m-md-2 {
        margin: .5rem !important
    }
    .m-md-3 {
        margin: 1rem !important
    }
    .m-md-4 {
        margin: 1.5rem !important
    }
    .m-md-5 {
        margin: 3rem !important
    }
    .m-md-auto {
        margin: auto !important
    }
    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }
    .mx-md-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }
    .mx-md-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }
    .mx-md-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }
    .mx-md-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }
    .mx-md-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }
    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }
    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }
    .my-md-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }
    .my-md-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }
    .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }
    .my-md-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }
    .my-md-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }
    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }
    .mt-md-0 {
        margin-top: 0 !important
    }
    .mt-md-1 {
        margin-top: .25rem !important
    }
    .mt-md-2 {
        margin-top: .5rem !important
    }
    .mt-md-3 {
        margin-top: 1rem !important
    }
    .mt-md-4 {
        margin-top: 1.5rem !important
    }
    .mt-md-5 {
        margin-top: 3rem !important
    }
    .mt-md-auto {
        margin-top: auto !important
    }
    .me-md-0 {
        margin-right: 0 !important
    }
    .me-md-1 {
        margin-right: .25rem !important
    }
    .me-md-2 {
        margin-right: .5rem !important
    }
    .me-md-3 {
        margin-right: 1rem !important
    }
    .me-md-4 {
        margin-right: 1.5rem !important
    }
    .me-md-5 {
        margin-right: 3rem !important
    }
    .me-md-auto {
        margin-right: auto !important
    }
    .mb-md-0 {
        margin-bottom: 0 !important
    }
    .mb-md-1 {
        margin-bottom: .25rem !important
    }
    .mb-md-2 {
        margin-bottom: .5rem !important
    }
    .mb-md-3 {
        margin-bottom: 1rem !important
    }
    .mb-md-4 {
        margin-bottom: 1.5rem !important
    }
    .mb-md-5 {
        margin-bottom: 3rem !important
    }
    .mb-md-auto {
        margin-bottom: auto !important
    }
    .ms-md-0 {
        margin-left: 0 !important
    }
    .ms-md-1 {
        margin-left: .25rem !important
    }
    .ms-md-2 {
        margin-left: .5rem !important
    }
    .ms-md-3 {
        margin-left: 1rem !important
    }
    .ms-md-4 {
        margin-left: 1.5rem !important
    }
    .ms-md-5 {
        margin-left: 3rem !important
    }
    .ms-md-auto {
        margin-left: auto !important
    }
    .p-md-0 {
        padding: 0 !important
    }
    .p-md-1 {
        padding: .25rem !important
    }
    .p-md-2 {
        padding: .5rem !important
    }
    .p-md-3 {
        padding: 1rem !important
    }
    .p-md-4 {
        padding: 1.5rem !important
    }
    .p-md-5 {
        padding: 3rem !important
    }
    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
    .px-md-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }
    .px-md-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }
    .px-md-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }
    .px-md-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }
    .px-md-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }
    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }
    .py-md-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }
    .py-md-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }
    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }
    .py-md-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }
    .py-md-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }
    .pt-md-0 {
        padding-top: 0 !important
    }
    .pt-md-1 {
        padding-top: .25rem !important
    }
    .pt-md-2 {
        padding-top: .5rem !important
    }
    .pt-md-3 {
        padding-top: 1rem !important
    }
    .pt-md-4 {
        padding-top: 1.5rem !important
    }
    .pt-md-5 {
        padding-top: 3rem !important
    }
    .pe-md-0 {
        padding-right: 0 !important
    }
    .pe-md-1 {
        padding-right: .25rem !important
    }
    .pe-md-2 {
        padding-right: .5rem !important
    }
    .pe-md-3 {
        padding-right: 1rem !important
    }
    .pe-md-4 {
        padding-right: 1.5rem !important
    }
    .pe-md-5 {
        padding-right: 3rem !important
    }
    .pb-md-0 {
        padding-bottom: 0 !important
    }
    .pb-md-1 {
        padding-bottom: .25rem !important
    }
    .pb-md-2 {
        padding-bottom: .5rem !important
    }
    .pb-md-3 {
        padding-bottom: 1rem !important
    }
    .pb-md-4 {
        padding-bottom: 1.5rem !important
    }
    .pb-md-5 {
        padding-bottom: 3rem !important
    }
    .ps-md-0 {
        padding-left: 0 !important
    }
    .ps-md-1 {
        padding-left: .25rem !important
    }
    .ps-md-2 {
        padding-left: .5rem !important
    }
    .ps-md-3 {
        padding-left: 1rem !important
    }
    .ps-md-4 {
        padding-left: 1.5rem !important
    }
    .ps-md-5 {
        padding-left: 3rem !important
    }
    .gap-md-0 {
        gap: 0 !important
    }
    .gap-md-1 {
        gap: .25rem !important
    }
    .gap-md-2 {
        gap: .5rem !important
    }
    .gap-md-3 {
        gap: 1rem !important
    }
    .gap-md-4 {
        gap: 1.5rem !important
    }
    .gap-md-5 {
        gap: 3rem !important
    }
    .row-gap-md-0 {
        row-gap: 0 !important
    }
    .row-gap-md-1 {
        row-gap: .25rem !important
    }
    .row-gap-md-2 {
        row-gap: .5rem !important
    }
    .row-gap-md-3 {
        row-gap: 1rem !important
    }
    .row-gap-md-4 {
        row-gap: 1.5rem !important
    }
    .row-gap-md-5 {
        row-gap: 3rem !important
    }
    .column-gap-md-0 {
        -moz-column-gap: 0 !important;
        column-gap: 0 !important
    }
    .column-gap-md-1 {
        -moz-column-gap: 0.25rem !important;
        column-gap: .25rem !important
    }
    .column-gap-md-2 {
        -moz-column-gap: 0.5rem !important;
        column-gap: .5rem !important
    }
    .column-gap-md-3 {
        -moz-column-gap: 1rem !important;
        column-gap: 1rem !important
    }
    .column-gap-md-4 {
        -moz-column-gap: 1.5rem !important;
        column-gap: 1.5rem !important
    }
    .column-gap-md-5 {
        -moz-column-gap: 3rem !important;
        column-gap: 3rem !important
    }
    .text-md-start {
        text-align: left !important
    }
    .text-md-end {
        text-align: right !important
    }
    .text-md-center {
        text-align: center !important
    }
}

@media (min-width:992px) {
    .float-lg-start {
        float: left !important
    }
    .float-lg-end {
        float: right !important
    }
    .float-lg-none {
        float: none !important
    }
    .object-fit-lg-contain {
        -o-object-fit: contain !important;
        object-fit: contain !important
    }
    .object-fit-lg-cover {
        -o-object-fit: cover !important;
        object-fit: cover !important
    }
    .object-fit-lg-fill {
        -o-object-fit: fill !important;
        object-fit: fill !important
    }
    .object-fit-lg-scale {
        -o-object-fit: scale-down !important;
        object-fit: scale-down !important
    }
    .object-fit-lg-none {
        -o-object-fit: none !important;
        object-fit: none !important
    }
    .d-lg-inline {
        display: inline !important
    }
    .d-lg-inline-block {
        display: inline-block !important
    }
    .d-lg-block {
        display: block !important
    }
    .d-lg-grid {
        display: grid !important
    }
    .d-lg-inline-grid {
        display: inline-grid !important
    }
    .d-lg-table {
        display: table !important
    }
    .d-lg-table-row {
        display: table-row !important
    }
    .d-lg-table-cell {
        display: table-cell !important
    }
    .d-lg-flex {
        display: flex !important
    }
    .d-lg-inline-flex {
        display: inline-flex !important
    }
    .d-lg-none {
        display: none !important
    }
    .flex-lg-fill {
        flex: 1 1 auto !important
    }
    .flex-lg-row {
        flex-direction: row !important
    }
    .flex-lg-column {
        flex-direction: column !important
    }
    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }
    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }
    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }
    .flex-lg-wrap {
        flex-wrap: wrap !important
    }
    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .justify-content-lg-start {
        justify-content: flex-start !important
    }
    .justify-content-lg-end {
        justify-content: flex-end !important
    }
    .justify-content-lg-center {
        justify-content: center !important
    }
    .justify-content-lg-between {
        justify-content: space-between !important
    }
    .justify-content-lg-around {
        justify-content: space-around !important
    }
    .justify-content-lg-evenly {
        justify-content: space-evenly !important
    }
    .align-items-lg-start {
        align-items: flex-start !important
    }
    .align-items-lg-end {
        align-items: flex-end !important
    }
    .align-items-lg-center {
        align-items: center !important
    }
    .align-items-lg-baseline {
        align-items: baseline !important
    }
    .align-items-lg-stretch {
        align-items: stretch !important
    }
    .align-content-lg-start {
        align-content: flex-start !important
    }
    .align-content-lg-end {
        align-content: flex-end !important
    }
    .align-content-lg-center {
        align-content: center !important
    }
    .align-content-lg-between {
        align-content: space-between !important
    }
    .align-content-lg-around {
        align-content: space-around !important
    }
    .align-content-lg-stretch {
        align-content: stretch !important
    }
    .align-self-lg-auto {
        align-self: auto !important
    }
    .align-self-lg-start {
        align-self: flex-start !important
    }
    .align-self-lg-end {
        align-self: flex-end !important
    }
    .align-self-lg-center {
        align-self: center !important
    }
    .align-self-lg-baseline {
        align-self: baseline !important
    }
    .align-self-lg-stretch {
        align-self: stretch !important
    }
    .order-lg-first {
        order: -1 !important
    }
    .order-lg-0 {
        order: 0 !important
    }
    .order-lg-1 {
        order: 1 !important
    }
    .order-lg-2 {
        order: 2 !important
    }
    .order-lg-3 {
        order: 3 !important
    }
    .order-lg-4 {
        order: 4 !important
    }
    .order-lg-5 {
        order: 5 !important
    }
    .order-lg-last {
        order: 6 !important
    }
    .m-lg-0 {
        margin: 0 !important
    }
    .m-lg-1 {
        margin: .25rem !important
    }
    .m-lg-2 {
        margin: .5rem !important
    }
    .m-lg-3 {
        margin: 1rem !important
    }
    .m-lg-4 {
        margin: 1.5rem !important
    }
    .m-lg-5 {
        margin: 3rem !important
    }
    .m-lg-auto {
        margin: auto !important
    }
    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }
    .mx-lg-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }
    .mx-lg-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }
    .mx-lg-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }
    .mx-lg-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }
    .mx-lg-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }
    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }
    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }
    .my-lg-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }
    .my-lg-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }
    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }
    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }
    .my-lg-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }
    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }
    .mt-lg-0 {
        margin-top: 0 !important
    }
    .mt-lg-1 {
        margin-top: .25rem !important
    }
    .mt-lg-2 {
        margin-top: .5rem !important
    }
    .mt-lg-3 {
        margin-top: 1rem !important
    }
    .mt-lg-4 {
        margin-top: 1.5rem !important
    }
    .mt-lg-5 {
        margin-top: 3rem !important
    }
    .mt-lg-auto {
        margin-top: auto !important
    }
    .me-lg-0 {
        margin-right: 0 !important
    }
    .me-lg-1 {
        margin-right: .25rem !important
    }
    .me-lg-2 {
        margin-right: .5rem !important
    }
    .me-lg-3 {
        margin-right: 1rem !important
    }
    .me-lg-4 {
        margin-right: 1.5rem !important
    }
    .me-lg-5 {
        margin-right: 3rem !important
    }
    .me-lg-auto {
        margin-right: auto !important
    }
    .mb-lg-0 {
        margin-bottom: 0 !important
    }
    .mb-lg-1 {
        margin-bottom: .25rem !important
    }
    .mb-lg-2 {
        margin-bottom: .5rem !important
    }
    .mb-lg-3 {
        margin-bottom: 1rem !important
    }
    .mb-lg-4 {
        margin-bottom: 1.5rem !important
    }
    .mb-lg-5 {
        margin-bottom: 3rem !important
    }
    .mb-lg-auto {
        margin-bottom: auto !important
    }
    .ms-lg-0 {
        margin-left: 0 !important
    }
    .ms-lg-1 {
        margin-left: .25rem !important
    }
    .ms-lg-2 {
        margin-left: .5rem !important
    }
    .ms-lg-3 {
        margin-left: 1rem !important
    }
    .ms-lg-4 {
        margin-left: 1.5rem !important
    }
    .ms-lg-5 {
        margin-left: 3rem !important
    }
    .ms-lg-auto {
        margin-left: auto !important
    }
    .p-lg-0 {
        padding: 0 !important
    }
    .p-lg-1 {
        padding: .25rem !important
    }
    .p-lg-2 {
        padding: .5rem !important
    }
    .p-lg-3 {
        padding: 1rem !important
    }
    .p-lg-4 {
        padding: 1.5rem !important
    }
    .p-lg-5 {
        padding: 3rem !important
    }
    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
    .px-lg-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }
    .px-lg-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }
    .px-lg-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }
    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }
    .px-lg-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }
    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }
    .py-lg-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }
    .py-lg-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }
    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }
    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }
    .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }
    .pt-lg-0 {
        padding-top: 0 !important
    }
    .pt-lg-1 {
        padding-top: .25rem !important
    }
    .pt-lg-2 {
        padding-top: .5rem !important
    }
    .pt-lg-3 {
        padding-top: 1rem !important
    }
    .pt-lg-4 {
        padding-top: 1.5rem !important
    }
    .pt-lg-5 {
        padding-top: 3rem !important
    }
    .pe-lg-0 {
        padding-right: 0 !important
    }
    .pe-lg-1 {
        padding-right: .25rem !important
    }
    .pe-lg-2 {
        padding-right: .5rem !important
    }
    .pe-lg-3 {
        padding-right: 1rem !important
    }
    .pe-lg-4 {
        padding-right: 1.5rem !important
    }
    .pe-lg-5 {
        padding-right: 3rem !important
    }
    .pb-lg-0 {
        padding-bottom: 0 !important
    }
    .pb-lg-1 {
        padding-bottom: .25rem !important
    }
    .pb-lg-2 {
        padding-bottom: .5rem !important
    }
    .pb-lg-3 {
        padding-bottom: 1rem !important
    }
    .pb-lg-4 {
        padding-bottom: 1.5rem !important
    }
    .pb-lg-5 {
        padding-bottom: 3rem !important
    }
    .ps-lg-0 {
        padding-left: 0 !important
    }
    .ps-lg-1 {
        padding-left: .25rem !important
    }
    .ps-lg-2 {
        padding-left: .5rem !important
    }
    .ps-lg-3 {
        padding-left: 1rem !important
    }
    .ps-lg-4 {
        padding-left: 1.5rem !important
    }
    .ps-lg-5 {
        padding-left: 3rem !important
    }
    .gap-lg-0 {
        gap: 0 !important
    }
    .gap-lg-1 {
        gap: .25rem !important
    }
    .gap-lg-2 {
        gap: .5rem !important
    }
    .gap-lg-3 {
        gap: 1rem !important
    }
    .gap-lg-4 {
        gap: 1.5rem !important
    }
    .gap-lg-5 {
        gap: 3rem !important
    }
    .row-gap-lg-0 {
        row-gap: 0 !important
    }
    .row-gap-lg-1 {
        row-gap: .25rem !important
    }
    .row-gap-lg-2 {
        row-gap: .5rem !important
    }
    .row-gap-lg-3 {
        row-gap: 1rem !important
    }
    .row-gap-lg-4 {
        row-gap: 1.5rem !important
    }
    .row-gap-lg-5 {
        row-gap: 3rem !important
    }
    .column-gap-lg-0 {
        -moz-column-gap: 0 !important;
        column-gap: 0 !important
    }
    .column-gap-lg-1 {
        -moz-column-gap: 0.25rem !important;
        column-gap: .25rem !important
    }
    .column-gap-lg-2 {
        -moz-column-gap: 0.5rem !important;
        column-gap: .5rem !important
    }
    .column-gap-lg-3 {
        -moz-column-gap: 1rem !important;
        column-gap: 1rem !important
    }
    .column-gap-lg-4 {
        -moz-column-gap: 1.5rem !important;
        column-gap: 1.5rem !important
    }
    .column-gap-lg-5 {
        -moz-column-gap: 3rem !important;
        column-gap: 3rem !important
    }
    .text-lg-start {
        text-align: left !important
    }
    .text-lg-end {
        text-align: right !important
    }
    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width:1200px) {
    .float-xl-start {
        float: left !important
    }
    .float-xl-end {
        float: right !important
    }
    .float-xl-none {
        float: none !important
    }
    .object-fit-xl-contain {
        -o-object-fit: contain !important;
        object-fit: contain !important
    }
    .object-fit-xl-cover {
        -o-object-fit: cover !important;
        object-fit: cover !important
    }
    .object-fit-xl-fill {
        -o-object-fit: fill !important;
        object-fit: fill !important
    }
    .object-fit-xl-scale {
        -o-object-fit: scale-down !important;
        object-fit: scale-down !important
    }
    .object-fit-xl-none {
        -o-object-fit: none !important;
        object-fit: none !important
    }
    .d-xl-inline {
        display: inline !important
    }
    .d-xl-inline-block {
        display: inline-block !important
    }
    .d-xl-block {
        display: block !important
    }
    .d-xl-grid {
        display: grid !important
    }
    .d-xl-inline-grid {
        display: inline-grid !important
    }
    .d-xl-table {
        display: table !important
    }
    .d-xl-table-row {
        display: table-row !important
    }
    .d-xl-table-cell {
        display: table-cell !important
    }
    .d-xl-flex {
        display: flex !important
    }
    .d-xl-inline-flex {
        display: inline-flex !important
    }
    .d-xl-none {
        display: none !important
    }
    .flex-xl-fill {
        flex: 1 1 auto !important
    }
    .flex-xl-row {
        flex-direction: row !important
    }
    .flex-xl-column {
        flex-direction: column !important
    }
    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }
    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }
    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }
    .flex-xl-wrap {
        flex-wrap: wrap !important
    }
    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .justify-content-xl-start {
        justify-content: flex-start !important
    }
    .justify-content-xl-end {
        justify-content: flex-end !important
    }
    .justify-content-xl-center {
        justify-content: center !important
    }
    .justify-content-xl-between {
        justify-content: space-between !important
    }
    .justify-content-xl-around {
        justify-content: space-around !important
    }
    .justify-content-xl-evenly {
        justify-content: space-evenly !important
    }
    .align-items-xl-start {
        align-items: flex-start !important
    }
    .align-items-xl-end {
        align-items: flex-end !important
    }
    .align-items-xl-center {
        align-items: center !important
    }
    .align-items-xl-baseline {
        align-items: baseline !important
    }
    .align-items-xl-stretch {
        align-items: stretch !important
    }
    .align-content-xl-start {
        align-content: flex-start !important
    }
    .align-content-xl-end {
        align-content: flex-end !important
    }
    .align-content-xl-center {
        align-content: center !important
    }
    .align-content-xl-between {
        align-content: space-between !important
    }
    .align-content-xl-around {
        align-content: space-around !important
    }
    .align-content-xl-stretch {
        align-content: stretch !important
    }
    .align-self-xl-auto {
        align-self: auto !important
    }
    .align-self-xl-start {
        align-self: flex-start !important
    }
    .align-self-xl-end {
        align-self: flex-end !important
    }
    .align-self-xl-center {
        align-self: center !important
    }
    .align-self-xl-baseline {
        align-self: baseline !important
    }
    .align-self-xl-stretch {
        align-self: stretch !important
    }
    .order-xl-first {
        order: -1 !important
    }
    .order-xl-0 {
        order: 0 !important
    }
    .order-xl-1 {
        order: 1 !important
    }
    .order-xl-2 {
        order: 2 !important
    }
    .order-xl-3 {
        order: 3 !important
    }
    .order-xl-4 {
        order: 4 !important
    }
    .order-xl-5 {
        order: 5 !important
    }
    .order-xl-last {
        order: 6 !important
    }
    .m-xl-0 {
        margin: 0 !important
    }
    .m-xl-1 {
        margin: .25rem !important
    }
    .m-xl-2 {
        margin: .5rem !important
    }
    .m-xl-3 {
        margin: 1rem !important
    }
    .m-xl-4 {
        margin: 1.5rem !important
    }
    .m-xl-5 {
        margin: 3rem !important
    }
    .m-xl-auto {
        margin: auto !important
    }
    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }
    .mx-xl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }
    .mx-xl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }
    .mx-xl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }
    .mx-xl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }
    .mx-xl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }
    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }
    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }
    .my-xl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }
    .my-xl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }
    .my-xl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }
    .my-xl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }
    .my-xl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }
    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }
    .mt-xl-0 {
        margin-top: 0 !important
    }
    .mt-xl-1 {
        margin-top: .25rem !important
    }
    .mt-xl-2 {
        margin-top: .5rem !important
    }
    .mt-xl-3 {
        margin-top: 1rem !important
    }
    .mt-xl-4 {
        margin-top: 1.5rem !important
    }
    .mt-xl-5 {
        margin-top: 3rem !important
    }
    .mt-xl-auto {
        margin-top: auto !important
    }
    .me-xl-0 {
        margin-right: 0 !important
    }
    .me-xl-1 {
        margin-right: .25rem !important
    }
    .me-xl-2 {
        margin-right: .5rem !important
    }
    .me-xl-3 {
        margin-right: 1rem !important
    }
    .me-xl-4 {
        margin-right: 1.5rem !important
    }
    .me-xl-5 {
        margin-right: 3rem !important
    }
    .me-xl-auto {
        margin-right: auto !important
    }
    .mb-xl-0 {
        margin-bottom: 0 !important
    }
    .mb-xl-1 {
        margin-bottom: .25rem !important
    }
    .mb-xl-2 {
        margin-bottom: .5rem !important
    }
    .mb-xl-3 {
        margin-bottom: 1rem !important
    }
    .mb-xl-4 {
        margin-bottom: 1.5rem !important
    }
    .mb-xl-5 {
        margin-bottom: 3rem !important
    }
    .mb-xl-auto {
        margin-bottom: auto !important
    }
    .ms-xl-0 {
        margin-left: 0 !important
    }
    .ms-xl-1 {
        margin-left: .25rem !important
    }
    .ms-xl-2 {
        margin-left: .5rem !important
    }
    .ms-xl-3 {
        margin-left: 1rem !important
    }
    .ms-xl-4 {
        margin-left: 1.5rem !important
    }
    .ms-xl-5 {
        margin-left: 3rem !important
    }
    .ms-xl-auto {
        margin-left: auto !important
    }
    .p-xl-0 {
        padding: 0 !important
    }
    .p-xl-1 {
        padding: .25rem !important
    }
    .p-xl-2 {
        padding: .5rem !important
    }
    .p-xl-3 {
        padding: 1rem !important
    }
    .p-xl-4 {
        padding: 1.5rem !important
    }
    .p-xl-5 {
        padding: 3rem !important
    }
    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
    .px-xl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }
    .px-xl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }
    .px-xl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }
    .px-xl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }
    .px-xl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }
    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }
    .py-xl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }
    .py-xl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }
    .py-xl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }
    .py-xl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }
    .py-xl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }
    .pt-xl-0 {
        padding-top: 0 !important
    }
    .pt-xl-1 {
        padding-top: .25rem !important
    }
    .pt-xl-2 {
        padding-top: .5rem !important
    }
    .pt-xl-3 {
        padding-top: 1rem !important
    }
    .pt-xl-4 {
        padding-top: 1.5rem !important
    }
    .pt-xl-5 {
        padding-top: 3rem !important
    }
    .pe-xl-0 {
        padding-right: 0 !important
    }
    .pe-xl-1 {
        padding-right: .25rem !important
    }
    .pe-xl-2 {
        padding-right: .5rem !important
    }
    .pe-xl-3 {
        padding-right: 1rem !important
    }
    .pe-xl-4 {
        padding-right: 1.5rem !important
    }
    .pe-xl-5 {
        padding-right: 3rem !important
    }
    .pb-xl-0 {
        padding-bottom: 0 !important
    }
    .pb-xl-1 {
        padding-bottom: .25rem !important
    }
    .pb-xl-2 {
        padding-bottom: .5rem !important
    }
    .pb-xl-3 {
        padding-bottom: 1rem !important
    }
    .pb-xl-4 {
        padding-bottom: 1.5rem !important
    }
    .pb-xl-5 {
        padding-bottom: 3rem !important
    }
    .ps-xl-0 {
        padding-left: 0 !important
    }
    .ps-xl-1 {
        padding-left: .25rem !important
    }
    .ps-xl-2 {
        padding-left: .5rem !important
    }
    .ps-xl-3 {
        padding-left: 1rem !important
    }
    .ps-xl-4 {
        padding-left: 1.5rem !important
    }
    .ps-xl-5 {
        padding-left: 3rem !important
    }
    .gap-xl-0 {
        gap: 0 !important
    }
    .gap-xl-1 {
        gap: .25rem !important
    }
    .gap-xl-2 {
        gap: .5rem !important
    }
    .gap-xl-3 {
        gap: 1rem !important
    }
    .gap-xl-4 {
        gap: 1.5rem !important
    }
    .gap-xl-5 {
        gap: 3rem !important
    }
    .row-gap-xl-0 {
        row-gap: 0 !important
    }
    .row-gap-xl-1 {
        row-gap: .25rem !important
    }
    .row-gap-xl-2 {
        row-gap: .5rem !important
    }
    .row-gap-xl-3 {
        row-gap: 1rem !important
    }
    .row-gap-xl-4 {
        row-gap: 1.5rem !important
    }
    .row-gap-xl-5 {
        row-gap: 3rem !important
    }
    .column-gap-xl-0 {
        -moz-column-gap: 0 !important;
        column-gap: 0 !important
    }
    .column-gap-xl-1 {
        -moz-column-gap: 0.25rem !important;
        column-gap: .25rem !important
    }
    .column-gap-xl-2 {
        -moz-column-gap: 0.5rem !important;
        column-gap: .5rem !important
    }
    .column-gap-xl-3 {
        -moz-column-gap: 1rem !important;
        column-gap: 1rem !important
    }
    .column-gap-xl-4 {
        -moz-column-gap: 1.5rem !important;
        column-gap: 1.5rem !important
    }
    .column-gap-xl-5 {
        -moz-column-gap: 3rem !important;
        column-gap: 3rem !important
    }
    .text-xl-start {
        text-align: left !important
    }
    .text-xl-end {
        text-align: right !important
    }
    .text-xl-center {
        text-align: center !important
    }
}

@media (min-width:1400px) {
    .float-xxl-start {
        float: left !important
    }
    .float-xxl-end {
        float: right !important
    }
    .float-xxl-none {
        float: none !important
    }
    .object-fit-xxl-contain {
        -o-object-fit: contain !important;
        object-fit: contain !important
    }
    .object-fit-xxl-cover {
        -o-object-fit: cover !important;
        object-fit: cover !important
    }
    .object-fit-xxl-fill {
        -o-object-fit: fill !important;
        object-fit: fill !important
    }
    .object-fit-xxl-scale {
        -o-object-fit: scale-down !important;
        object-fit: scale-down !important
    }
    .object-fit-xxl-none {
        -o-object-fit: none !important;
        object-fit: none !important
    }
    .d-xxl-inline {
        display: inline !important
    }
    .d-xxl-inline-block {
        display: inline-block !important
    }
    .d-xxl-block {
        display: block !important
    }
    .d-xxl-grid {
        display: grid !important
    }
    .d-xxl-inline-grid {
        display: inline-grid !important
    }
    .d-xxl-table {
        display: table !important
    }
    .d-xxl-table-row {
        display: table-row !important
    }
    .d-xxl-table-cell {
        display: table-cell !important
    }
    .d-xxl-flex {
        display: flex !important
    }
    .d-xxl-inline-flex {
        display: inline-flex !important
    }
    .d-xxl-none {
        display: none !important
    }
    .flex-xxl-fill {
        flex: 1 1 auto !important
    }
    .flex-xxl-row {
        flex-direction: row !important
    }
    .flex-xxl-column {
        flex-direction: column !important
    }
    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-xxl-grow-0 {
        flex-grow: 0 !important
    }
    .flex-xxl-grow-1 {
        flex-grow: 1 !important
    }
    .flex-xxl-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important
    }
    .flex-xxl-wrap {
        flex-wrap: wrap !important
    }
    .flex-xxl-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .justify-content-xxl-start {
        justify-content: flex-start !important
    }
    .justify-content-xxl-end {
        justify-content: flex-end !important
    }
    .justify-content-xxl-center {
        justify-content: center !important
    }
    .justify-content-xxl-between {
        justify-content: space-between !important
    }
    .justify-content-xxl-around {
        justify-content: space-around !important
    }
    .justify-content-xxl-evenly {
        justify-content: space-evenly !important
    }
    .align-items-xxl-start {
        align-items: flex-start !important
    }
    .align-items-xxl-end {
        align-items: flex-end !important
    }
    .align-items-xxl-center {
        align-items: center !important
    }
    .align-items-xxl-baseline {
        align-items: baseline !important
    }
    .align-items-xxl-stretch {
        align-items: stretch !important
    }
    .align-content-xxl-start {
        align-content: flex-start !important
    }
    .align-content-xxl-end {
        align-content: flex-end !important
    }
    .align-content-xxl-center {
        align-content: center !important
    }
    .align-content-xxl-between {
        align-content: space-between !important
    }
    .align-content-xxl-around {
        align-content: space-around !important
    }
    .align-content-xxl-stretch {
        align-content: stretch !important
    }
    .align-self-xxl-auto {
        align-self: auto !important
    }
    .align-self-xxl-start {
        align-self: flex-start !important
    }
    .align-self-xxl-end {
        align-self: flex-end !important
    }
    .align-self-xxl-center {
        align-self: center !important
    }
    .align-self-xxl-baseline {
        align-self: baseline !important
    }
    .align-self-xxl-stretch {
        align-self: stretch !important
    }
    .order-xxl-first {
        order: -1 !important
    }
    .order-xxl-0 {
        order: 0 !important
    }
    .order-xxl-1 {
        order: 1 !important
    }
    .order-xxl-2 {
        order: 2 !important
    }
    .order-xxl-3 {
        order: 3 !important
    }
    .order-xxl-4 {
        order: 4 !important
    }
    .order-xxl-5 {
        order: 5 !important
    }
    .order-xxl-last {
        order: 6 !important
    }
    .m-xxl-0 {
        margin: 0 !important
    }
    .m-xxl-1 {
        margin: .25rem !important
    }
    .m-xxl-2 {
        margin: .5rem !important
    }
    .m-xxl-3 {
        margin: 1rem !important
    }
    .m-xxl-4 {
        margin: 1.5rem !important
    }
    .m-xxl-5 {
        margin: 3rem !important
    }
    .m-xxl-auto {
        margin: auto !important
    }
    .mx-xxl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }
    .mx-xxl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }
    .mx-xxl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }
    .mx-xxl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }
    .mx-xxl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }
    .mx-xxl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }
    .mx-xxl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }
    .my-xxl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }
    .my-xxl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }
    .my-xxl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }
    .my-xxl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }
    .my-xxl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }
    .my-xxl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }
    .my-xxl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }
    .mt-xxl-0 {
        margin-top: 0 !important
    }
    .mt-xxl-1 {
        margin-top: .25rem !important
    }
    .mt-xxl-2 {
        margin-top: .5rem !important
    }
    .mt-xxl-3 {
        margin-top: 1rem !important
    }
    .mt-xxl-4 {
        margin-top: 1.5rem !important
    }
    .mt-xxl-5 {
        margin-top: 3rem !important
    }
    .mt-xxl-auto {
        margin-top: auto !important
    }
    .me-xxl-0 {
        margin-right: 0 !important
    }
    .me-xxl-1 {
        margin-right: .25rem !important
    }
    .me-xxl-2 {
        margin-right: .5rem !important
    }
    .me-xxl-3 {
        margin-right: 1rem !important
    }
    .me-xxl-4 {
        margin-right: 1.5rem !important
    }
    .me-xxl-5 {
        margin-right: 3rem !important
    }
    .me-xxl-auto {
        margin-right: auto !important
    }
    .mb-xxl-0 {
        margin-bottom: 0 !important
    }
    .mb-xxl-1 {
        margin-bottom: .25rem !important
    }
    .mb-xxl-2 {
        margin-bottom: .5rem !important
    }
    .mb-xxl-3 {
        margin-bottom: 1rem !important
    }
    .mb-xxl-4 {
        margin-bottom: 1.5rem !important
    }
    .mb-xxl-5 {
        margin-bottom: 3rem !important
    }
    .mb-xxl-auto {
        margin-bottom: auto !important
    }
    .ms-xxl-0 {
        margin-left: 0 !important
    }
    .ms-xxl-1 {
        margin-left: .25rem !important
    }
    .ms-xxl-2 {
        margin-left: .5rem !important
    }
    .ms-xxl-3 {
        margin-left: 1rem !important
    }
    .ms-xxl-4 {
        margin-left: 1.5rem !important
    }
    .ms-xxl-5 {
        margin-left: 3rem !important
    }
    .ms-xxl-auto {
        margin-left: auto !important
    }
    .p-xxl-0 {
        padding: 0 !important
    }
    .p-xxl-1 {
        padding: .25rem !important
    }
    .p-xxl-2 {
        padding: .5rem !important
    }
    .p-xxl-3 {
        padding: 1rem !important
    }
    .p-xxl-4 {
        padding: 1.5rem !important
    }
    .p-xxl-5 {
        padding: 3rem !important
    }
    .px-xxl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
    .px-xxl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }
    .px-xxl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }
    .px-xxl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }
    .px-xxl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }
    .px-xxl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }
    .py-xxl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }
    .py-xxl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }
    .py-xxl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }
    .py-xxl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }
    .py-xxl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }
    .py-xxl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }
    .pt-xxl-0 {
        padding-top: 0 !important
    }
    .pt-xxl-1 {
        padding-top: .25rem !important
    }
    .pt-xxl-2 {
        padding-top: .5rem !important
    }
    .pt-xxl-3 {
        padding-top: 1rem !important
    }
    .pt-xxl-4 {
        padding-top: 1.5rem !important
    }
    .pt-xxl-5 {
        padding-top: 3rem !important
    }
    .pe-xxl-0 {
        padding-right: 0 !important
    }
    .pe-xxl-1 {
        padding-right: .25rem !important
    }
    .pe-xxl-2 {
        padding-right: .5rem !important
    }
    .pe-xxl-3 {
        padding-right: 1rem !important
    }
    .pe-xxl-4 {
        padding-right: 1.5rem !important
    }
    .pe-xxl-5 {
        padding-right: 3rem !important
    }
    .pb-xxl-0 {
        padding-bottom: 0 !important
    }
    .pb-xxl-1 {
        padding-bottom: .25rem !important
    }
    .pb-xxl-2 {
        padding-bottom: .5rem !important
    }
    .pb-xxl-3 {
        padding-bottom: 1rem !important
    }
    .pb-xxl-4 {
        padding-bottom: 1.5rem !important
    }
    .pb-xxl-5 {
        padding-bottom: 3rem !important
    }
    .ps-xxl-0 {
        padding-left: 0 !important
    }
    .ps-xxl-1 {
        padding-left: .25rem !important
    }
    .ps-xxl-2 {
        padding-left: .5rem !important
    }
    .ps-xxl-3 {
        padding-left: 1rem !important
    }
    .ps-xxl-4 {
        padding-left: 1.5rem !important
    }
    .ps-xxl-5 {
        padding-left: 3rem !important
    }
    .gap-xxl-0 {
        gap: 0 !important
    }
    .gap-xxl-1 {
        gap: .25rem !important
    }
    .gap-xxl-2 {
        gap: .5rem !important
    }
    .gap-xxl-3 {
        gap: 1rem !important
    }
    .gap-xxl-4 {
        gap: 1.5rem !important
    }
    .gap-xxl-5 {
        gap: 3rem !important
    }
    .row-gap-xxl-0 {
        row-gap: 0 !important
    }
    .row-gap-xxl-1 {
        row-gap: .25rem !important
    }
    .row-gap-xxl-2 {
        row-gap: .5rem !important
    }
    .row-gap-xxl-3 {
        row-gap: 1rem !important
    }
    .row-gap-xxl-4 {
        row-gap: 1.5rem !important
    }
    .row-gap-xxl-5 {
        row-gap: 3rem !important
    }
    .column-gap-xxl-0 {
        -moz-column-gap: 0 !important;
        column-gap: 0 !important
    }
    .column-gap-xxl-1 {
        -moz-column-gap: 0.25rem !important;
        column-gap: .25rem !important
    }
    .column-gap-xxl-2 {
        -moz-column-gap: 0.5rem !important;
        column-gap: .5rem !important
    }
    .column-gap-xxl-3 {
        -moz-column-gap: 1rem !important;
        column-gap: 1rem !important
    }
    .column-gap-xxl-4 {
        -moz-column-gap: 1.5rem !important;
        column-gap: 1.5rem !important
    }
    .column-gap-xxl-5 {
        -moz-column-gap: 3rem !important;
        column-gap: 3rem !important
    }
    .text-xxl-start {
        text-align: left !important
    }
    .text-xxl-end {
        text-align: right !important
    }
    .text-xxl-center {
        text-align: center !important
    }
}

@media (min-width:1200px) {
    .fs-1 {
        font-size: 2.5rem !important
    }
    .fs-2 {
        font-size: 2rem !important
    }
    .fs-3 {
        font-size: 1.75rem !important
    }
    .fs-4 {
        font-size: 1.5rem !important
    }
}

@media print {
    .d-print-inline {
        display: inline !important
    }
    .d-print-inline-block {
        display: inline-block !important
    }
    .d-print-block {
        display: block !important
    }
    .d-print-grid {
        display: grid !important
    }
    .d-print-inline-grid {
        display: inline-grid !important
    }
    .d-print-table {
        display: table !important
    }
    .d-print-table-row {
        display: table-row !important
    }
    .d-print-table-cell {
        display: table-cell !important
    }
    .d-print-flex {
        display: flex !important
    }
    .d-print-inline-flex {
        display: inline-flex !important
    }
    .d-print-none {
        display: none !important
    }
}

/*# sourceMappingURL=bootstrap.min.css.map */
/*
-------------------------------------------------------------------
  Theme Name   : Agron
  Author       : ModinaTheme
  Author URI   : https://themeforest.net/user/modinatheme/
  Description  : Agron - Agriculture & Organic Farm HTML Template
  Version      : 1.0.0
-------------------------------------------------------------------
*/
/* ----------------------------------------------------------------
[Table of Contents]

01. Basic
    01.1 Mixins
    01.2 Variables
    01.3 Buttons
    01.4 Typography

02. Template Sections
    02.1 Preloader
    02.2 Section
    02.3 Animation
    02.4 Header
    02.5 MeanMenu
    02.6 Hero
    02.7 Feature
    02.8 About
    02.9 Service
    02.10 Shop
    02.11 Project
    02.12 Helping
    02.13 Team
    02.14 FAQ
    02.15 CTA
    02.16 Testimonial
    02.17 Brand
    02.18 News Addons
    02.19 Blog
    02.20 Contact
    02.21 Footer

------------------------------------------------------------------- */
/* --------------------------------------------------------------
   01. Basic
-------------------------------------------------------------- */
:root {
  --body: #fff;
  --black: #000;
  --white: #fff;
  --theme-color:#5B8C51;
  --theme-color-2:#EDDD5E;
  --header:#0A2803;
  --text:#5C6672;
  --border:#CAD2D2;
  --ratting:#F8BC26;
  --bg:#EDF2EC;
  --bg-2:#FFF9E8;
  ---box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.06);
}

.theme-btn {
  font-size: 16px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  font-weight: 800;
  text-transform: capitalize;
  height: 58px;
  line-height: 58px;
  background-color: var(--theme-color);
  overflow: hidden;
  display: inline-block;
  padding: 0 40px;
  color: var(--white);
  border-radius: 82px;
}
@media (max-width: 575px) {
  .theme-btn {
    font-size: 14px;
    padding: 0 25px;
    height: 52px;
    line-height: 52px;
  }
}
.theme-btn::before {
  content: "";
  position: absolute;
  width: 0;
  top: -10px;
  height: 0;
  background-color: var(--theme-color-2);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.8s ease;
  z-index: -1;
}
.theme-btn i {
  margin-left: 5px;
  transform: rotate(-45deg);
}
.theme-btn:hover {
  color: var(--header);
}
.theme-btn:hover::before {
  width: 800px;
  height: 800px;
  display: inline-block;
}

.link-btn {
  font-size: 15px;
  font-weight: 900;
  color: var(--theme-color);
  text-transform: capitalize;
  display: inline-block;
  font-family: "Cairo";
  margin-top: 10px;
}
.link-btn:hover {
  color: var(--theme-color-2);
}
.link-btn i {
  margin-left: 10px;
}

/* --------------------------------------------
    Template Default Fonts & Fonts Styles
 ---------------------------------------------- */
body {
  font-family: "Cairo", sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 30px;
  color: var(--text);
  background-color: var(--white);
  padding: 0;
  margin: 0;
  overflow-x: hidden;
  font-weight: 500;
}

ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

button {
  border: none;
  background-color: transparent;
  padding: 0;
}

input:focus {
  color: var(--white);
  outline: none;
}

input {
  color: var(--white);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Cairo", sans-serif;
  margin: 0px;
  padding: 0;
  color: var(--header);
  transition: all 0.4s ease-in-out;
  font-weight: 400;
}

h1 {
  font-size: 100px;
  font-weight: 800;
  line-height: 114%;
}
@media (max-width: 1399px) {
  h1 {
    font-size: 60px;
  }
}
@media (max-width: 991px) {
  h1 {
    font-size: 58px;
  }
}
@media (max-width: 767px) {
  h1 {
    font-size: 50px;
  }
}
@media (max-width: 575px) {
  h1 {
    font-size: 40px;
  }
}
@media (max-width: 470px) {
  h1 {
    font-size: 32px;
  }
}

h2 {
  font-size: 48px;
  font-weight: 800;
  line-height: 121%;
}
@media (max-width: 1199px) {
  h2 {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  h2 {
    font-size: 35px;
  }
}
@media (max-width: 470px) {
  h2 {
    font-size: 32px;
  }
}

h3 {
  font-size: 24px;
  font-weight: 800;
  line-height: 155%;
}
@media (max-width: 575px) {
  h3 {
    font-size: 20px;
  }
}

h4 {
  font-size: 18px;
  font-weight: 700;
  line-height: 150%;
}

h5 {
  font-size: 20px;
  font-weight: 500;
  line-height: 160%;
}

h6 {
  font-size: 14px;
  font-weight: 600;
}

a {
  text-decoration: none;
  outline: none !important;
  cursor: pointer;
  color: var(--header);
  transition: all 0.4s ease-in-out;
}

p {
  margin: 0px;
  transition: all 0.4s ease-in-out;
}

/* --------------------------------------------------------------
   02. Template Sections
-------------------------------------------------------------- */
.preloader {
  align-items: center;
  cursor: default;
  display: flex;
  height: 100%;
  justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 9999999;
}
.preloader .animation-preloader {
  z-index: 1000;
}
.preloader .animation-preloader .spinner {
  animation: spinner 1s infinite linear;
  border-radius: 50%;
  border: 3px solid rgba(0, 0, 0, 0.2);
  border-top-color: var(--theme-color);
  height: 9em;
  margin: 0 auto 3.5em auto;
  width: 9em;
}
@media (max-width: 767px) {
  .preloader .animation-preloader .spinner {
    width: 7.5em;
    height: 7.5em;
    margin: 0 auto 1.5em auto;
  }
}
.preloader .animation-preloader .txt-loading {
  font: bold 5em "Cairo", sans-serif;
  text-align: center;
  user-select: none;
}
@media (max-width: 767px) {
  .preloader .animation-preloader .txt-loading {
    font-size: 2.5em;
  }
}
.preloader .animation-preloader .txt-loading .letters-loading {
  color: var(--theme-color);
  position: relative;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {
  animation-delay: 0.2s;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {
  animation-delay: 0.4s;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {
  animation-delay: 0.6s;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {
  animation-delay: 0.8s;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before {
  animation-delay: 1s;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before {
  animation-delay: 1.2s;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before {
  animation-delay: 1.4s;
}
.preloader .animation-preloader .txt-loading .letters-loading::before {
  animation: letters-loading 4s infinite;
  color: var(--header);
  content: attr(data-text-preloader);
  left: 0;
  opacity: 0;
  font-family: "Cairo", sans-serif;
  position: absolute;
  top: -3px;
  transform: rotateY(-90deg);
}
.preloader p {
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 8px;
  color: var(--theme-color);
}
.preloader .loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  z-index: 1;
  pointer-events: none;
}
.preloader .loader .row {
  height: 100%;
}
.preloader .loader .loader-section {
  padding: 0px;
}
.preloader .loader .loader-section .bg {
  background-color: var(--white);
  height: 100%;
  left: 0;
  width: 100%;
  transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
}
.preloader.loaded .animation-preloader {
  opacity: 0;
  transition: 0.3s ease-out;
}
.preloader.loaded .loader-section .bg {
  width: 0;
  transition: 0.7s 0.3s allcubic-bezier(0.1, 0.1, 0.1, 1);
}

.back-to-top {
  border-radius: 10px;
  background-color: var(--theme-color);
  width: 50px;
  height: 50px;
  line-height: 50px;
  color: var(--white);
  font-size: 18px;
  position: fixed;
  display: inline-block;
  z-index: 999;
  right: 30px;
  bottom: 30px;
  transition: all 0.4s ease-in-out;
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
}
.back-to-top:hover {
  background-color: var(--header);
  color: var(--white);
}
.back-to-top.show {
  opacity: 1;
  visibility: visible;
  transform: translate(0);
}

.cursor-outer {
  -webkit-margin-start: -12px;
  margin-inline-start: -12px;
  margin-top: -12px;
  width: 30px;
  height: 30px;
  border: 1px solid var(--theme-color);
  background-color: var(--theme-color);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 10000000;
  opacity: 0.34;
  -webkit-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}

.cursor-outer.cursor-hover {
  opacity: 0.14;
}

.cursor-outer.cursor-big {
  opacity: 0;
}

.mouseCursor {
  position: fixed;
  top: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  bottom: 0;
  pointer-events: none;
  border-radius: 50%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  visibility: hidden;
  text-align: center;
}

.mouseCursor.cursor-big {
  width: 20px;
  height: 20px;
  -webkit-margin-start: -12px;
  margin-inline-start: -12px;
  margin-top: -12px;
}

.cursor-inner {
  -webkit-margin-start: -3px;
  margin-inline-start: -3px;
  margin-top: -3px;
  width: 10px;
  height: 10px;
  z-index: 10000001;
  background-color: var(--theme-color);
  opacity: 1;
  -webkit-transition: all 0.24s ease-out 0s;
  transition: all 0.24s ease-out 0s;
}
.cursor-inner span {
  color: var(--text);
  line-height: 60px;
  opacity: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
}

.cursor-inner.cursor-big span {
  opacity: 1;
}

.cursor-inner.cursor-hover {
  -webkit-margin-start: -10px;
  margin-inline-start: -10px;
  margin-top: -10px;
  width: 30px;
  height: 30px;
  background-color: var(--theme-color);
  border: 1px solid #686363;
  opacity: 0;
}

.search-popup {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -2;
  -webkit-transition: all 1s ease;
  -khtml-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.search-popup__overlay {
  position: fixed;
  width: 224vw;
  height: 224vw;
  top: calc(90px - 112vw);
  right: calc(50% - 112vw);
  z-index: 3;
  display: block;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: scale(0);
  -khtml-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transition: transform 0.8s ease-in-out;
  -khtml-transition: transform 0.8s ease-in-out;
  -moz-transition: transform 0.8s ease-in-out;
  -ms-transition: transform 0.8s ease-in-out;
  -o-transition: transform 0.8s ease-in-out;
  transition: transform 0.8s ease-in-out;
  transition-delay: 0s;
  transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
  background-color: #000000;
  opacity: 0.7;
  cursor: url(../../assets/img/close.png), auto;
}

@media (max-width: 767px) {
  .search-popup__overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: none;
    width: 100%;
    height: 100%;
    border-radius: 0;
    transform: translateY(-110%);
  }
}
.search-popup__content {
  position: fixed;
  width: 0;
  max-width: 560px;
  padding: 30px 15px;
  left: 50%;
  top: 50%;
  opacity: 0;
  z-index: 3;
  -webkit-transform: translate(-50%, -50%);
  -khtml-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
  -khtml-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
  -moz-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
  -ms-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
  -o-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
  transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
  transition-delay: 0s, 0.8s, 0s;
  transition-delay: 0s, 0.4s, 0s;
  transition-delay: 0.2s;
  -webkit-transition-delay: 0.2s;
}

.search-popup__form {
  position: relative;
}

.search-popup__form input[type=search],
.search-popup__form input[type=text] {
  width: 100%;
  height: 66px;
  border: none;
  outline: none;
  padding-left: 20px;
  background-color: var(--white);
  font-size: 16px;
  font-weight: 400;
  color: var(--text);
  transition: all 500ms ease;
  border-radius: 6px;
}

.search-popup__form input[type=search]:focus,
.search-popup__form input[type=text]:focus {
  color: var(--header);
}

.search-popup__form .search-btn {
  padding: 0;
  width: 66px;
  height: 66px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: -1px;
  border-radius: 6px;
  font-size: 20px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  color: var(--white);
  background-color: var(--theme-color);
  transition: all 0.4s ease-in-out;
}
.search-popup__form .search-btn:hover {
  background-color: var(--header);
}

.search-popup__form .eolexi-btn svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}

.search-popup.active {
  z-index: 999999;
}

.search-popup.active .search-popup__overlay {
  top: auto;
  bottom: calc(90px - 112vw);
  -webkit-transform: scale(1);
  -khtml-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  transition-delay: 0s;
  -webkit-transition-delay: 0s;
  opacity: 0.7;
  -webkit-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
  -khtml-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
  -moz-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
  -ms-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
  -o-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
  transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
}

@media (max-width: 767px) {
  .search-popup.active .search-popup__overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: none;
    width: 100%;
    height: 100%;
    border-radius: 0;
    transform: translateY(0%);
  }
}
.search-popup.active .search-popup__content {
  width: 100%;
  opacity: 1;
  transition-delay: 0.7s;
  -webkit-transition-delay: 0.7s;
}

.section-title {
  position: relative;
  z-index: 99;
  margin-bottom: 30px;
  margin-top: -7px;
}
@media (max-width: 767px) {
  .section-title {
    margin-bottom: 0;
  }
}
.section-title span {
  font-size: 15px;
  font-weight: 600;
  color: #404A3D;
  display: inline-block;
  position: relative;
  margin-bottom: 10px;
}
.section-title span img {
  margin-right: 10px;
}

.section-title-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .section-title-area {
    flex-wrap: wrap;
    gap: 30px;
    margin-bottom: 0;
  }
}
.section-title-area .section-title {
  margin-bottom: 0;
}
@media (max-width: 575px) {
  .section-title-area .theme-btn {
    display: none;
  }
}

.center {
  text-align: center;
  margin: 0 auto;
}

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

.section-bg-2 {
  background-color: var(--bg-2) !important;
}

.footer-bg {
  background-color: #2F304C;
}

.section-padding {
  padding: 120px 0;
}
@media (max-width: 1199px) {
  .section-padding {
    padding: 100px 0;
  }
}
@media (max-width: 991px) {
  .section-padding {
    padding: 80px 0;
  }
}

.body-bg-4 {
  background-color: #040A3D;
}

.link-btn {
  color: #63AB52;
  margin-top: 25px;
  display: inline-block;
  transition: all 0.4s ease-in-out;
  font-weight: 800;
  font-size: 16px;
  font-family: "Cairo", sans-serif;
}
.link-btn i {
  margin-left: 5px;
  transform: rotate(-45deg);
}
.link-btn:hover {
  color: var(--header);
}

@keyframes width {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes width {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@keyframes arryUpDown {
  0% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(10px);
  }
}
.animation__arryUpDown {
  animation: arryUpDown 2s ease infinite alternate;
}

@keyframes arryLeftRight {
  0% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(10px);
  }
}
.animation__arryLeftRight {
  animation: arryLeftRight 2s ease infinite alternate;
}

@keyframes shine {
  from {
    -webkit-mask-position: 150%;
  }
  to {
    -webkit-mask-position: -50%;
  }
}
@keyframes cir36 {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes width {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes width {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@keyframes bounce-x {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.bounce-x {
  -webkit-animation: bounce-x 7s infinite linear;
  animation: bounce-x 7s infinite linear;
}

.GlidingArrow {
  -webkit-animation: slide 5s linear infinite;
  animation: slide 5s linear infinite;
}

.delay1 {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.delay2 {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.delay3 {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.delay4 {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.delay5 {
  -webkit-animation-delay: 6s;
  animation-delay: 6s;
}

/* Defining animation Keyframes */
@-webkit-keyframes slide {
  0% {
    opacity: 0;
    transform: translateX(-150);
  }
  20% {
    opacity: 1;
    transform: translateX(-90);
  }
  80% {
    opacity: 1;
    transform: translateX(90);
  }
  100% {
    opacity: 0;
    transform: translateX(150);
  }
}
@keyframes slide {
  0% {
    opacity: 0;
    transform: translateX(-150);
  }
  20% {
    opacity: 1;
    transform: translateX(-90);
  }
  80% {
    opacity: 1;
    transform: translateX(90);
  }
  100% {
    opacity: 0;
    transform: translateX(150);
  }
}
/*img-animation**********************/
.img-custom-anim-left {
  animation: img-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  opacity: 0;
}

@keyframes img-anim-left {
  0% {
    transform: translateX(-5%);
    clip-path: inset(0 100% 0 0);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
.img-custom-anim-right {
  animation: img-anim-right 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  opacity: 0;
}

@keyframes img-anim-right {
  0% {
    transform: translateX(5%);
    clip-path: inset(0 0 0 100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
.img-custom-anim-left {
  animation: img-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  opacity: 0;
}

@keyframes img-anim-left {
  0% {
    transform: translateX(-5%);
    clip-path: inset(0 100% 0 0);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
.img-custom-anim-top {
  animation: img-anim-top 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
}

@keyframes img-anim-top {
  0% {
    transform: translateY(-5%);
    clip-path: inset(0 0 100% 0);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
.img-custom-anim-bottom {
  animation: img-anim-bottom 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
}

@keyframes img-anim-bottom {
  0% {
    transform: translateY(5%);
    clip-path: inset(100% 0 0 0);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
@-webkit-keyframes rippleOne {
  70% {
    -webkit-box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
    box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
    box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
  }
}
@keyframes rippleOne {
  70% {
    -webkit-box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
    box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
    box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
  }
}
@keyframes cir36 {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rounded {
  50% {
    transform: rotate(15deg);
  }
}
@keyframes up-down {
  0% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(-10px);
  }
}
@-webkit-keyframes spinner {
  to {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
@keyframes spinner {
  to {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
@-webkit-keyframes letters-loading {
  0%, 75%, 100% {
    opacity: 0;
    transform: rotateY(-90deg);
  }
  25%, 50% {
    opacity: 1;
    transform: rotateY(0deg);
  }
}
@keyframes letters-loading {
  0%, 75%, 100% {
    opacity: 0;
    transform: rotateY(-90deg);
  }
  25%, 50% {
    opacity: 1;
    transform: rotateY(0deg);
  }
}
@keyframes loaderspin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes tpswing {
  0% {
    -webkit-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes width {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes width {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes loaderspin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes loaderpulse {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}
@keyframes rounded {
  50% {
    transform: rotate(20deg);
  }
}
@keyframes cir36 {
  100% {
    transform: rotate(360deg);
  }
}
.float-bob-y {
  -webkit-animation-name: float-bob-y;
  animation-name: float-bob-y;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

@-webkit-keyframes float-bob-y {
  0% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
}
@keyframes float-bob-y {
  0% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
}
.float-bob-x {
  -webkit-animation-name: float-bob-x;
  animation-name: float-bob-x;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

@-webkit-keyframes float-bob-x {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(30px);
  }
  50% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
}
@keyframes float-bob-x {
  0% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  50% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
}
@keyframes bounce-x {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.bounce-x {
  -webkit-animation: bounce-x 7s infinite linear;
  animation: bounce-x 7s infinite linear;
}

.animation-infinite {
  animation: ShapeAnim 80s linear infinite;
  height: 30px;
  width: 100%;
  background-repeat: repeat;
  overflow: hidden;
}

@keyframes ShapeAnim {
  0% {
    background-position: top left;
  }
  100% {
    background-position: top left 2000px;
  }
}
@media (max-width: 1199px) {
  .menu-thumb {
    display: none !important;
  }
}

.header-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
  position: relative;
}
.header-main .main-menu ul {
  margin-bottom: 0;
}
.header-main .main-menu ul .menu-thumb {
  position: inherit;
}
.header-main .main-menu ul li {
  position: relative;
  list-style: none;
  display: inline-block;
  margin-inline-end: 35px;
  /* Hide scrollbar - Firefox */
  /* Hide scrollbar - IE/Edge */
}
.header-main .main-menu ul li:last-child {
  margin-inline-end: 0;
}
.header-main .main-menu ul li a {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  color: #404A3D;
  font-family: "Cairo", sans-serif;
  padding: 20px 0;
  text-align: left;
  position: relative;
  text-transform: capitalize;
  transition: all 0.4s ease-in-out;
}
.header-main .main-menu ul li a i {
  margin-left: 4px;
  font-size: 12px;
}
.header-main .main-menu ul li a:hover {
  color: var(--theme-color) !important;
}
.header-main .main-menu ul li .submenu {
  position: absolute;
  top: 100%;
  inset-inline-start: 0;
  min-width: 240px;
  background: var(--white);
  padding: 20px 0;
  border-radius: 10px;
  z-index: 99999;
  visibility: hidden;
  opacity: 0;
  transform-origin: top center;
  color: #404A3D;
  transform: translateY(-10px);
  transition: all 0.4s ease-in-out;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.header-main .main-menu ul li .submenu li {
  display: block;
  width: 100%;
  margin: 0;
}
.header-main .main-menu ul li .submenu li a {
  position: relative;
  z-index: 11;
  font-size: 16px;
  font-weight: 700;
  color: #404A3D;
  line-height: 38px;
  padding: 0px 0px 0px 32px;
  padding-right: 22px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-main .main-menu ul li .submenu li a:hover {
  color: var(--theme-color) !important;
}
.header-main .main-menu ul li .submenu li:last-child a {
  border: none;
}
.header-main .main-menu ul li .submenu li .submenu {
  inset-inline-start: 100%;
  top: 0;
  visibility: hidden;
  opacity: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.header-main .main-menu ul li .submenu li:hover > a {
  color: var(--theme-color) !important;
  margin-left: 10px;
}
.header-main .main-menu ul li .submenu li:hover > a::before {
  width: 10px;
}
.header-main .main-menu ul li .submenu li:hover > a::after {
  color: var(--theme-color);
}
.header-main .main-menu ul li .submenu li:hover > .submenu {
  -webkit-transform: translateY(1);
  -moz-transform: translateY(1);
  -ms-transform: translateY(1);
  -o-transform: translateY(1);
  transform: translateY(1);
  visibility: visible;
  opacity: 1;
}
.header-main .main-menu ul li .submenu li.has-dropdown > a::after {
  position: absolute;
  top: 50%;
  inset-inline-end: 25px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  color: var(--theme-color);
}
.header-main .main-menu ul li .has-homemenu {
  padding: 20px 20px 10px 20px !important;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 0;
  right: 0;
  padding: 0;
  width: 100%;
  z-index: 999;
  overflow: hidden;
  margin: auto;
  max-height: 740px;
  overflow-y: auto;
  overflow-x: hidden;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu {
  position: relative;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb {
  position: relative;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb::before {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(20, 19, 19, 0)), to(#5e5ef6));
  background: linear-gradient(to bottom, rgba(99, 92, 92, 0) 0%, #252527 100%);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  content: "";
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb:hover::before {
  visibility: visible;
  opacity: 1;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb:hover .demo-button {
  opacity: 1;
  visibility: visible;
  margin-top: 0;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb:hover .homemenu-btn {
  opacity: 1;
  visibility: visible;
  bottom: 50%;
  transform: translateY(50%);
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb img {
  width: 100%;
  height: 100%;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb a {
  padding: 0;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-title {
  text-align: center;
  margin: 15px auto;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
}
.header-main .main-menu ul li .has-homemenu::-webkit-scrollbar {
  display: none;
}
.header-main .main-menu ul li .has-homemenu {
  scrollbar-width: none;
}
.header-main .main-menu ul li .has-homemenu {
  -ms-overflow-style: none;
}
.header-main .main-menu ul li:hover > a {
  color: var(--theme-color);
}
.header-main .main-menu ul li:hover > a::after {
  color: var(--theme-color);
}
.header-main .main-menu ul li:hover > .submenu {
  visibility: visible;
  opacity: 1;
  transform: translateY(0px);
}
.header-main .header-right {
  gap: 30px;
}
@media (max-width: 1399px) {
  .header-main .header-right {
    gap: 20px;
  }
}
.header-main .sidebar__toggle {
  cursor: pointer;
  font-size: 20px;
}

.header-top-section {
  background-color: #FFF9E8;
  padding: 15px 0;
}
@media (max-width: 1199px) {
  .header-top-section {
    display: none;
  }
}
.header-top-section .container {
  max-width: 1580px;
}
.header-top-section .header-top-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-top-section .header-top-wrapper .top-logo {
  margin-left: -115px;
}
.header-top-section .header-top-wrapper .header-contact-list {
  display: flex;
  align-items: center;
  gap: 40px;
}
.header-top-section .header-top-wrapper .header-contact-list li {
  font-size: 16px;
  font-weight: 600;
  font-family: "Cairo", sans-serif;
  display: flex;
  align-items: center;
  gap: 8px;
}
.header-top-section .header-top-wrapper .header-contact-list li i {
  color: var(--theme-color);
  font-size: 22px;
}
.header-top-section .header-top-wrapper .header-contact-list li a {
  color: #404A3D;
}
.header-top-section .header-top-wrapper .head-right {
  display: flex;
  align-items: center;
  gap: 30px;
}
.header-top-section .header-top-wrapper .head-right .line-shape {
  background-color: rgba(64, 74, 61, 0.22);
  width: 1px;
  height: 30px;
}
@media (max-width: 1399px) {
  .header-top-section .header-top-wrapper .head-right .line-shape {
    display: none;
  }
}
.header-top-section .header-top-wrapper .head-right .social-icon {
  display: flex;
  align-items: center;
  gap: 15px;
}
.header-top-section .header-top-wrapper .head-right .social-icon a {
  font-size: 18px;
  color: #404A3D;
}
.header-top-section .header-top-wrapper .head-right .social-icon a:hover {
  color: var(--theme-color);
}
.header-top-section .header-top-wrapper .head-right .flag-wrap {
  position: relative;
  max-width: 106px;
  margin: 0 auto;
}
@media (max-width: 1399px) {
  .header-top-section .header-top-wrapper .head-right .flag-wrap {
    display: none;
  }
}
.header-top-section .header-top-wrapper .head-right .flag-wrap .flag {
  position: absolute;
  top: -4px;
  left: 15px;
  z-index: 1;
}
@media (max-width: 767px) {
  .header-top-section .header-top-wrapper .head-right .flag-wrap .flag {
    display: none;
  }
}
.header-top-section .header-top-wrapper .head-right .flag-wrap .flag img {
  width: 100%;
  height: 100%;
}
.header-top-section .header-top-wrapper .head-right .flag-wrap .nice-select {
  padding: 0 0 0 45px;
  background: transparent;
  border: none;
  text-align: center;
  margin: 0 auto;
  position: relative;
  z-index: 9999;
  border: none !important;
  padding-bottom: 0 !important;
  font-weight: 400 !important;
  line-height: initial;
  height: initial;
  padding-right: 20px;
}
.header-top-section .header-top-wrapper .head-right .flag-wrap .nice-select span {
  font-weight: 400;
}
.header-top-section .header-top-wrapper .head-right .flag-wrap .nice-select .list {
  width: 100px;
  left: 0;
  background-color: var(--white);
  border-radius: 0;
  top: 100%;
}
.header-top-section .header-top-wrapper .head-right .flag-wrap .nice-select .option {
  border: none;
  background-color: #fff;
}
.header-top-section .header-top-wrapper .head-right .flag-wrap .nice-select .option.selected.focus {
  background-color: #fff;
}
.header-top-section .header-top-wrapper .head-right .flag-wrap .nice-select::after {
  right: 0;
  border-bottom: 1px solid transparent;
  border-right: 1px solid transparent;
  width: 8px;
  height: 8px;
  top: 10px;
  border-bottom: 1px solid transparent;
  border-color: #404A3D;
  border-right: 1px solid #404A3D;
}
.header-top-section .header-top-wrapper .head-right .flag-wrap .nice-select span {
  font-size: 15px;
  font-weight: 500;
  text-transform: uppercase;
  color: #404A3D;
}

.header-1 .container {
  max-width: 1580px;
}
.header-1 .search-form {
  max-width: 255px;
  width: 100%;
  position: relative;
}
@media (max-width: 1199px) {
  .header-1 .search-form {
    display: none;
  }
}
.header-1 .search-form input {
  outline: none;
  width: 100%;
  font-size: 16px;
  font-weight: 700;
  border: none;
  color: rgba(64, 74, 61, 0.94);
  border-bottom: 1px solid rgba(64, 74, 61, 0.22);
  padding-bottom: 5px;
}
.header-1 .search-form input::placeholder {
  color: rgba(64, 74, 61, 0.94);
}
.header-1 .search-form button {
  position: absolute;
  top: 0;
  right: 0;
  color: #404A3D;
}
.header-1 .header-logo {
  display: none;
}
@media (max-width: 1199px) {
  .header-1 .header-logo {
    display: block;
  }
}
@media (max-width: 1199px) {
  .header-1 .theme-btn {
    display: none;
  }
}
.header-1 .sidebar__toggle {
  cursor: pointer;
}
.header-1 .sidebar__toggle .header-bar {
  position: relative;
  width: 31px;
  height: 18px;
}
@media (max-width: 575px) {
  .header-1 .sidebar__toggle .header-bar {
    width: 28px;
  }
}
.header-1 .sidebar__toggle .header-bar span {
  position: absolute;
  width: 100%;
  height: 2px;
  display: inline-block;
  transition: all 0.3s;
  left: 0;
  background: var(--theme-color);
  overflow: hidden;
}
.header-1 .sidebar__toggle .header-bar span:first-child {
  top: 0;
  background: var(--theme-color);
  left: 16px;
  width: 15px;
}
@media (max-width: 575px) {
  .header-1 .sidebar__toggle .header-bar span:first-child {
    left: 0;
  }
}
.header-1 .sidebar__toggle .header-bar span:nth-child(2) {
  top: 44%;
  background: var(--theme-color);
  width: 30px;
}
@media (max-width: 575px) {
  .header-1 .sidebar__toggle .header-bar span:nth-child(2) {
    width: 25px;
  }
}
.header-1 .sidebar__toggle .header-bar span:last-child {
  bottom: 0;
  background: var(--theme-color);
  width: 15px;
}
.header-1 .sidebar__toggle .header-bar.active span:first-child {
  transform: rotate(45deg) translate(3px, 9px);
}
.header-1 .sidebar__toggle .header-bar.active span:nth-child(2) {
  opacity: 0;
}
.header-1 .sidebar__toggle .header-bar.active span:last-child {
  transform: rotate(-45deg) translate(3px, -9px);
}
.header-1 .sidebar__toggle .header-bar:hover {
  cursor: pointer;
}

.header-2 {
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  z-index: 9999;
}
@media (max-width: 575px) {
  .header-2 .header-logo img {
    width: 140px;
  }
}
.header-2 .header-right-icon {
  display: flex;
  align-items: center;
  gap: 28px;
}
.header-2 .header-right-icon .search-toggler {
  font-size: 22px;
  color: #404A3D;
}
.header-2 .header-right-icon .search-toggler:hover {
  color: var(--theme-color);
}
.header-2 .header-right-icon .cart-icon {
  font-size: 25px;
  position: relative;
  color: #404A3D;
}
@media (max-width: 1399px) {
  .header-2 .header-right-icon .cart-icon {
    font-size: 22px;
  }
}
.header-2 .header-right-icon .cart-icon span {
  width: 19px;
  height: 19px;
  line-height: 19px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--theme-color-2);
  color: var(--header);
  display: inline-block;
  font-size: 14px;
  position: absolute;
  bottom: -6px;
  right: -9px;
}
.header-2 .container {
  max-width: 1470px;
}
.header-2 .mega-menu-wrapper {
  background-color: var(--white);
  border-radius: 100px;
  padding: 0 30px;
}
@media (max-width: 767px) {
  .header-2 .mega-menu-wrapper {
    padding: 0 15px;
  }
}
@media (max-width: 1199px) {
  .header-2 .theme-btn {
    display: none;
  }
}
.header-2 .sidebar__toggle {
  cursor: pointer;
}
.header-2 .sidebar__toggle .header-bar {
  position: relative;
  width: 31px;
  height: 18px;
}
@media (max-width: 575px) {
  .header-2 .sidebar__toggle .header-bar {
    width: 28px;
  }
}
.header-2 .sidebar__toggle .header-bar span {
  position: absolute;
  width: 100%;
  height: 2px;
  display: inline-block;
  transition: all 0.3s;
  left: 0;
  background: var(--theme-color);
  overflow: hidden;
}
.header-2 .sidebar__toggle .header-bar span:first-child {
  top: 0;
  background: var(--theme-color);
  left: 16px;
  width: 15px;
}
@media (max-width: 575px) {
  .header-2 .sidebar__toggle .header-bar span:first-child {
    left: 0;
  }
}
.header-2 .sidebar__toggle .header-bar span:nth-child(2) {
  top: 44%;
  background: var(--theme-color);
  width: 30px;
}
@media (max-width: 575px) {
  .header-2 .sidebar__toggle .header-bar span:nth-child(2) {
    width: 25px;
  }
}
.header-2 .sidebar__toggle .header-bar span:last-child {
  bottom: 0;
  background: var(--theme-color);
  width: 15px;
}
.header-2 .sidebar__toggle .header-bar.active span:first-child {
  transform: rotate(45deg) translate(3px, 9px);
}
.header-2 .sidebar__toggle .header-bar.active span:nth-child(2) {
  opacity: 0;
}
.header-2 .sidebar__toggle .header-bar.active span:last-child {
  transform: rotate(-45deg) translate(3px, -9px);
}
.header-2 .sidebar__toggle .header-bar:hover {
  cursor: pointer;
}

.header-section-4 .container {
  max-width: 1785px;
}
.header-section-4 .header-top-4 {
  background-color: #244F0B;
}
@media (max-width: 1899px) {
  .header-section-4 .header-top-4 {
    padding: 18px 0;
  }
}
@media (max-width: 1399px) {
  .header-section-4 .header-top-4 {
    display: none;
  }
}
.header-section-4 .header-top-4 .header-top-wrapper3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-section-4 .header-top-4 .header-top-wrapper3 p {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  gap: 8px;
}
@media (max-width: 1600px) {
  .header-section-4 .header-top-4 .header-top-wrapper3 p {
    font-size: 14px;
  }
}
.header-section-4 .header-top-4 .header-top-wrapper3 .top-line {
  height: 53px;
  width: 1px;
  background: rgba(255, 255, 255, 0.14);
}
@media (max-width: 1899px) {
  .header-section-4 .header-top-4 .header-top-wrapper3 .top-line {
    display: none;
  }
}
.header-section-4 .header-top-4 .header-top-wrapper3 .header-info {
  display: flex;
  align-items: center;
  gap: 30px;
}
@media (max-width: 1600px) {
  .header-section-4 .header-top-4 .header-top-wrapper3 .header-info {
    gap: 15px;
  }
}
.header-section-4 .header-top-4 .header-top-wrapper3 .header-info .list-item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.header-section-4 .header-top-4 .header-top-wrapper3 .header-info .list-item a {
  color: #fff;
}
.header-section-4 .header-top-4 .header-top-wrapper3 .header-info span {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
}
@media (max-width: 1600px) {
  .header-section-4 .header-top-4 .header-top-wrapper3 .header-info span {
    font-size: 14px;
  }
}
.header-section-4 .header-top-4 .head-right {
  display: flex;
  align-items: center;
  gap: 30px;
}
@media (max-width: 1600px) {
  .header-section-4 .header-top-4 .head-right {
    gap: 15px;
  }
}
.header-section-4 .header-top-4 .head-right .line-shape {
  background-color: rgba(255, 255, 255, 0.14);
  width: 1px;
  height: 30px;
}
@media (max-width: 1899px) {
  .header-section-4 .header-top-4 .head-right .line-shape {
    display: none;
  }
}
.header-section-4 .header-top-4 .head-right .social-icon {
  display: flex;
  align-items: center;
  gap: 15px;
}
.header-section-4 .header-top-4 .head-right .social-icon a {
  font-size: 18px;
  color: #fff;
}
@media (max-width: 1899px) {
  .header-section-4 .header-top-4 .head-right .social-icon a {
    font-size: 16px;
  }
}
.header-section-4 .header-top-4 .head-right .social-icon a:hover {
  color: var(--theme-color);
}
.header-section-4 .header-top-4 .head-right .flag-wrap {
  position: relative;
  max-width: 106px;
  margin: 0 auto;
}
@media (max-width: 1399px) {
  .header-section-4 .header-top-4 .head-right .flag-wrap {
    display: none;
  }
}
.header-section-4 .header-top-4 .head-right .flag-wrap .flag {
  position: absolute;
  top: -4px;
  left: 15px;
  z-index: 1;
}
@media (max-width: 767px) {
  .header-section-4 .header-top-4 .head-right .flag-wrap .flag {
    display: none;
  }
}
.header-section-4 .header-top-4 .head-right .flag-wrap .flag img {
  width: 100%;
  height: 100%;
}
.header-section-4 .header-top-4 .head-right .flag-wrap .nice-select {
  padding: 0 0 0 45px;
  background: transparent;
  border: none;
  text-align: center;
  margin: 0 auto;
  position: relative;
  z-index: 9999;
  border: none !important;
  padding-bottom: 0 !important;
  font-weight: 400 !important;
  line-height: initial;
  height: initial;
  padding-right: 20px;
}
.header-section-4 .header-top-4 .head-right .flag-wrap .nice-select span {
  font-weight: 400;
}
.header-section-4 .header-top-4 .head-right .flag-wrap .nice-select .list {
  width: 100px;
  left: 0;
  background-color: var(--white);
  border-radius: 0;
  top: 100%;
}
.header-section-4 .header-top-4 .head-right .flag-wrap .nice-select .option {
  border: none;
  background-color: #fff;
}
.header-section-4 .header-top-4 .head-right .flag-wrap .nice-select .option.selected.focus {
  background-color: #fff;
}
.header-section-4 .header-top-4 .head-right .flag-wrap .nice-select::after {
  right: 0;
  border-bottom: 1px solid transparent;
  border-right: 1px solid transparent;
  width: 8px;
  height: 8px;
  top: 10px;
  border-bottom: 1px solid transparent;
  border-color: #fff;
  border-right: 1px solid #fff;
}
.header-section-4 .header-top-4 .head-right .flag-wrap .nice-select span {
  font-size: 15px;
  font-weight: 500;
  text-transform: uppercase;
  color: #fff;
}
.header-section-4 .header-4 .header-right-icon {
  display: flex;
  align-items: center;
  gap: 40px;
  margin-left: 30px;
}
@media (max-width: 1399px) {
  .header-section-4 .header-4 .header-right-icon {
    gap: 20px;
    margin-left: 0;
  }
}
.header-section-4 .header-4 .header-right-icon .search-form {
  max-width: 220px;
  width: 100%;
  position: relative;
}
@media (max-width: 1199px) {
  .header-section-4 .header-4 .header-right-icon .search-form {
    display: none;
  }
}
.header-section-4 .header-4 .header-right-icon .search-form input {
  outline: none;
  width: 100%;
  font-size: 16px;
  font-weight: 700;
  border: none;
  color: rgba(64, 74, 61, 0.9411764706);
  border-bottom: 1px solid rgba(64, 74, 61, 0.22);
  padding-bottom: 5px;
  background-color: transparent;
}
.header-section-4 .header-4 .header-right-icon .search-form input::placeholder {
  color: rgba(64, 74, 61, 0.9411764706);
}
.header-section-4 .header-4 .header-right-icon .search-form button {
  position: absolute;
  top: 0;
  right: 0;
  color: rgba(64, 74, 61, 0.9411764706);
}
.header-section-4 .header-4 .header-right-icon .cart-icon {
  font-size: 25px;
  position: relative;
  color: rgba(64, 74, 61, 0.9411764706);
}
@media (max-width: 1399px) {
  .header-section-4 .header-4 .header-right-icon .cart-icon {
    font-size: 22px;
  }
}
.header-section-4 .header-4 .header-right-icon .cart-icon span {
  width: 19px;
  height: 19px;
  line-height: 19px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--theme-color-2);
  color: var(--header);
  display: inline-block;
  font-size: 14px;
  position: absolute;
  bottom: -6px;
  right: -9px;
}
@media (max-width: 1399px) {
  .header-section-4 .header-4 .theme-btn {
    display: none;
  }
}
.header-section-4 .header-4 .sidebar__toggle {
  cursor: pointer;
}
.header-section-4 .header-4 .sidebar__toggle .header-bar {
  position: relative;
  width: 31px;
  height: 18px;
}
@media (max-width: 575px) {
  .header-section-4 .header-4 .sidebar__toggle .header-bar {
    width: 28px;
  }
}
.header-section-4 .header-4 .sidebar__toggle .header-bar span {
  position: absolute;
  width: 100%;
  height: 2px;
  display: inline-block;
  transition: all 0.3s;
  left: 0;
  background: var(--theme-color);
  overflow: hidden;
}
.header-section-4 .header-4 .sidebar__toggle .header-bar span:first-child {
  top: 0;
  background: var(--theme-color);
  left: 16px;
  width: 15px;
}
@media (max-width: 575px) {
  .header-section-4 .header-4 .sidebar__toggle .header-bar span:first-child {
    left: 0;
  }
}
.header-section-4 .header-4 .sidebar__toggle .header-bar span:nth-child(2) {
  top: 44%;
  background: var(--theme-color);
  width: 30px;
}
@media (max-width: 575px) {
  .header-section-4 .header-4 .sidebar__toggle .header-bar span:nth-child(2) {
    width: 25px;
  }
}
.header-section-4 .header-4 .sidebar__toggle .header-bar span:last-child {
  bottom: 0;
  background: var(--theme-color);
  width: 15px;
}
.header-section-4 .header-4 .sidebar__toggle .header-bar.active span:first-child {
  transform: rotate(45deg) translate(3px, 9px);
}
.header-section-4 .header-4 .sidebar__toggle .header-bar.active span:nth-child(2) {
  opacity: 0;
}
.header-section-4 .header-4 .sidebar__toggle .header-bar.active span:last-child {
  transform: rotate(-45deg) translate(3px, -9px);
}
.header-section-4 .header-4 .sidebar__toggle .header-bar:hover {
  cursor: pointer;
}

.header-section-3 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99999;
  width: 100%;
}
.header-section-3 .header-top-3 {
  background-color: var(--white);
}
@media (max-width: 1899px) {
  .header-section-3 .header-top-3 {
    padding: 18px 0;
  }
}
@media (max-width: 1399px) {
  .header-section-3 .header-top-3 {
    display: none;
  }
}
.header-section-3 .header-top-3 .container-fluid {
  padding: 0 48px;
}
@media (max-width: 1600px) {
  .header-section-3 .header-top-3 .container-fluid {
    padding: 0 20px;
  }
}
.header-section-3 .header-top-3 .header-top-wrapper3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 10px;
  padding-left: 23px;
}
.header-section-3 .header-top-3 .header-top-wrapper3 p {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  color: #404A3D;
  gap: 8px;
}
@media (max-width: 1600px) {
  .header-section-3 .header-top-3 .header-top-wrapper3 p {
    font-size: 14px;
  }
}
.header-section-3 .header-top-3 .header-top-wrapper3 .top-line {
  height: 53px;
  width: 1px;
  background: rgba(64, 74, 61, 0.14);
}
@media (max-width: 1899px) {
  .header-section-3 .header-top-3 .header-top-wrapper3 .top-line {
    display: none;
  }
}
.header-section-3 .header-top-3 .header-top-wrapper3 .header-info {
  display: flex;
  align-items: center;
  gap: 30px;
}
@media (max-width: 1600px) {
  .header-section-3 .header-top-3 .header-top-wrapper3 .header-info {
    gap: 15px;
  }
}
.header-section-3 .header-top-3 .header-top-wrapper3 .header-info .list-item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.header-section-3 .header-top-3 .header-top-wrapper3 .header-info .list-item a {
  color: #404A3D;
}
.header-section-3 .header-top-3 .header-top-wrapper3 .header-info span {
  font-size: 16px;
  font-weight: 600;
  color: #404A3D;
}
@media (max-width: 1600px) {
  .header-section-3 .header-top-3 .header-top-wrapper3 .header-info span {
    font-size: 14px;
  }
}
.header-section-3 .header-top-3 .head-right {
  display: flex;
  align-items: center;
  gap: 30px;
}
@media (max-width: 1600px) {
  .header-section-3 .header-top-3 .head-right {
    gap: 15px;
  }
}
.header-section-3 .header-top-3 .head-right .line-shape {
  background-color: rgba(64, 74, 61, 0.22);
  width: 1px;
  height: 30px;
}
@media (max-width: 1899px) {
  .header-section-3 .header-top-3 .head-right .line-shape {
    display: none;
  }
}
.header-section-3 .header-top-3 .head-right .social-icon {
  display: flex;
  align-items: center;
  gap: 15px;
}
.header-section-3 .header-top-3 .head-right .social-icon a {
  font-size: 18px;
  color: #404A3D;
}
@media (max-width: 1899px) {
  .header-section-3 .header-top-3 .head-right .social-icon a {
    font-size: 16px;
  }
}
.header-section-3 .header-top-3 .head-right .social-icon a:hover {
  color: var(--theme-color);
}
.header-section-3 .header-top-3 .head-right .flag-wrap {
  position: relative;
  max-width: 106px;
  margin: 0 auto;
}
@media (max-width: 1399px) {
  .header-section-3 .header-top-3 .head-right .flag-wrap {
    display: none;
  }
}
.header-section-3 .header-top-3 .head-right .flag-wrap .flag {
  position: absolute;
  top: -4px;
  left: 15px;
  z-index: 1;
}
@media (max-width: 767px) {
  .header-section-3 .header-top-3 .head-right .flag-wrap .flag {
    display: none;
  }
}
.header-section-3 .header-top-3 .head-right .flag-wrap .flag img {
  width: 100%;
  height: 100%;
}
.header-section-3 .header-top-3 .head-right .flag-wrap .nice-select {
  padding: 0 0 0 45px;
  background: transparent;
  border: none;
  text-align: center;
  margin: 0 auto;
  position: relative;
  z-index: 9999;
  border: none !important;
  padding-bottom: 0 !important;
  font-weight: 400 !important;
  line-height: initial;
  height: initial;
  padding-right: 20px;
}
.header-section-3 .header-top-3 .head-right .flag-wrap .nice-select span {
  font-weight: 400;
}
.header-section-3 .header-top-3 .head-right .flag-wrap .nice-select .list {
  width: 100px;
  left: 0;
  background-color: var(--white);
  border-radius: 0;
  top: 100%;
}
.header-section-3 .header-top-3 .head-right .flag-wrap .nice-select .option {
  border: none;
  background-color: #fff;
}
.header-section-3 .header-top-3 .head-right .flag-wrap .nice-select .option.selected.focus {
  background-color: #fff;
}
.header-section-3 .header-top-3 .head-right .flag-wrap .nice-select::after {
  right: 0;
  border-bottom: 1px solid transparent;
  border-right: 1px solid transparent;
  width: 8px;
  height: 8px;
  top: 10px;
  border-bottom: 1px solid transparent;
  border-color: #404A3D;
  border-right: 1px solid #404A3D;
}
.header-section-3 .header-top-3 .head-right .flag-wrap .nice-select span {
  font-size: 15px;
  font-weight: 500;
  text-transform: uppercase;
  color: #404A3D;
}
.header-section-3 .header-wrapper3 {
  margin: 0 48px;
}
@media (max-width: 1899px) {
  .header-section-3 .header-wrapper3 {
    margin: 0 40px;
  }
}
@media (max-width: 1399px) {
  .header-section-3 .header-wrapper3 {
    margin: 0 50px;
  }
}
@media (max-width: 575px) {
  .header-section-3 .header-wrapper3 {
    margin: 0 32px;
  }
}
@media (max-width: 1399px) {
  .header-section-3 .header-3 .header-logo {
    display: none;
  }
}
@media (max-width: 1399px) {
  .header-section-3 .header-3 .header-logo2 {
    display: block !important;
  }
}
.header-section-3 .header-3 .header-main {
  padding: 0;
}
@media (max-width: 1399px) {
  .header-section-3 .header-3 .header-main {
    padding: 15px 0;
  }
}
.header-section-3 .header-3 .pxl-icon-item {
  position: absolute;
  top: 0px;
  right: -28px;
  line-height: 1;
  width: 28px;
  height: 28px;
  transform: rotate(0deg);
}
@media (max-width: 1399px) {
  .header-section-3 .header-3 .pxl-icon-item {
    display: none;
  }
}
.header-section-3 .header-3 .pxl-icon-item svg {
  color: var(--white);
}
.header-section-3 .header-3 .pxl-icon-item2 {
  position: absolute;
  line-height: 1;
  bottom: -28px;
  left: 0;
}
@media (max-width: 1399px) {
  .header-section-3 .header-3 .pxl-icon-item2 {
    display: none;
  }
}
.header-section-3 .header-3 .pxl-icon-item2 svg {
  color: var(--white);
}
.header-section-3 .header-3 .header-left {
  display: flex;
  align-items: center;
  gap: 30px;
}
.header-section-3 .header-3 .header-left .head-logo {
  background-color: var(--white);
  display: flex;
  height: 85px;
  line-height: 85px;
  justify-content: center;
  border-radius: 0px 0px 28px 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 28px;
  padding-right: 62px;
  position: relative !important;
  -webkit-mask-size: cover;
  mask-size: cover;
  -webkit-mask-position: center;
  mask-position: center;
}
@media (max-width: 1399px) {
  .header-section-3 .header-3 .header-left .head-logo {
    background-color: transparent;
    line-height: initial;
    height: initial;
    padding: 0;
    border-radius: 0;
  }
}
.header-section-3 .header-3 .header-left .main-menu {
  background-color: var(--theme-color-2);
  border-radius: 60px;
  padding: 0 35px;
}
@media (max-width: 1600px) {
  .header-section-3 .header-3 .header-left .main-menu {
    padding: 0 20px;
  }
}
@media (max-width: 1600px) {
  .header-section-3 .header-3 .header-left .main-menu ul li {
    margin-inline-end: 18px;
  }
  .header-section-3 .header-3 .header-left .main-menu ul li:last-child {
    margin-inline-end: 0;
  }
}
.header-section-3 .header-3 .header-left .main-menu ul li a {
  padding-top: 14px;
  padding-bottom: 14px;
}
@media (max-width: 1600px) {
  .header-section-3 .header-3 .header-left .main-menu ul li a {
    font-size: 14px;
  }
}
.header-section-3 .header-3 .header-left .main-menu ul li .submenu li a {
  padding: 0px 0px 0px 32px;
  padding-right: 22px;
}
.header-section-3 .header-3 .header-right-icon {
  display: flex;
  align-items: center;
  gap: 40px;
}
.header-section-3 .header-3 .header-right-icon .search-form {
  max-width: 220px;
  width: 100%;
  position: relative;
}
@media (max-width: 1399px) {
  .header-section-3 .header-3 .header-right-icon .search-form {
    display: none;
  }
}
.header-section-3 .header-3 .header-right-icon .search-form input {
  outline: none;
  width: 100%;
  font-size: 16px;
  font-weight: 700;
  border: none;
  color: var(--white);
  border-bottom: 1px solid rgba(255, 255, 255, 0.49);
  padding-bottom: 5px;
  background-color: transparent;
}
.header-section-3 .header-3 .header-right-icon .search-form input::placeholder {
  color: var(--white);
}
.header-section-3 .header-3 .header-right-icon .search-form button {
  position: absolute;
  top: 0;
  right: 0;
  color: #fff;
}
.header-section-3 .header-3 .header-right-icon .cart-icon {
  font-size: 25px;
  position: relative;
  color: #fff;
}
@media (max-width: 1399px) {
  .header-section-3 .header-3 .header-right-icon .cart-icon {
    font-size: 22px;
  }
}
.header-section-3 .header-3 .header-right-icon .cart-icon span {
  width: 19px;
  height: 19px;
  line-height: 19px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--theme-color-2);
  color: var(--header);
  display: inline-block;
  font-size: 14px;
  position: absolute;
  bottom: -6px;
  right: -9px;
}
.header-section-3 .header-3 .theme-btn {
  margin-top: 5px;
}
.header-section-3 .header-3 .head-button {
  background-color: var(--white);
  display: flex;
  height: 85px;
  line-height: 85px;
  justify-content: center;
  border-radius: 0px 0px 0px 28px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 14px;
  padding-right: 10px;
  position: relative !important;
  -webkit-mask-size: cover;
  mask-size: cover;
  -webkit-mask-position: center;
  mask-position: center;
}
@media (max-width: 1399px) {
  .header-section-3 .header-3 .head-button {
    background-color: transparent;
    line-height: initial;
    height: initial;
    padding: 0;
    border-radius: 0;
  }
}
@media (max-width: 1199px) {
  .header-section-3 .header-3 .head-button {
    display: none;
  }
}
.header-section-3 .header-3 .head-button .pxl-icon-item3 {
  position: absolute;
  top: 0;
  line-height: 1;
  left: -28px;
  transform: rotate(90deg);
}
@media (max-width: 1399px) {
  .header-section-3 .header-3 .head-button .pxl-icon-item3 {
    display: none;
  }
}
.header-section-3 .header-3 .head-button .pxl-icon-item3 svg {
  color: var(--white);
}
.header-section-3 .header-3 .head-button .pxl-icon-item4 {
  position: absolute;
  bottom: -28px;
  right: 0px;
  line-height: 1;
  transform: rotate(90deg);
}
@media (max-width: 1399px) {
  .header-section-3 .header-3 .head-button .pxl-icon-item4 {
    display: none;
  }
}
.header-section-3 .header-3 .head-button .pxl-icon-item4 svg {
  color: var(--white);
}
.header-section-3 .header-3 .sidebar__toggle {
  cursor: pointer;
}
.header-section-3 .header-3 .sidebar__toggle .header-bar {
  position: relative;
  width: 31px;
  height: 18px;
}
@media (max-width: 575px) {
  .header-section-3 .header-3 .sidebar__toggle .header-bar {
    width: 28px;
  }
}
.header-section-3 .header-3 .sidebar__toggle .header-bar span {
  position: absolute;
  width: 100%;
  height: 2px;
  display: inline-block;
  transition: all 0.3s;
  left: 0;
  background: var(--white);
  overflow: hidden;
}
.header-section-3 .header-3 .sidebar__toggle .header-bar span:first-child {
  top: 0;
  background: var(--white);
  left: 16px;
  width: 15px;
}
@media (max-width: 575px) {
  .header-section-3 .header-3 .sidebar__toggle .header-bar span:first-child {
    left: 0;
  }
}
.header-section-3 .header-3 .sidebar__toggle .header-bar span:nth-child(2) {
  top: 44%;
  background: var(--white);
  width: 30px;
}
@media (max-width: 575px) {
  .header-section-3 .header-3 .sidebar__toggle .header-bar span:nth-child(2) {
    width: 25px;
  }
}
.header-section-3 .header-3 .sidebar__toggle .header-bar span:last-child {
  bottom: 0;
  background: var(--white);
  width: 15px;
}
.header-section-3 .header-3 .sidebar__toggle .header-bar.active span:first-child {
  transform: rotate(45deg) translate(3px, 9px);
}
.header-section-3 .header-3 .sidebar__toggle .header-bar.active span:nth-child(2) {
  opacity: 0;
}
.header-section-3 .header-3 .sidebar__toggle .header-bar.active span:last-child {
  transform: rotate(-45deg) translate(3px, -9px);
}
.header-section-3 .header-3 .sidebar__toggle .header-bar:hover {
  cursor: pointer;
}

.sticky {
  position: fixed !important;
  top: 0 !important;
  left: 0;
  width: 100%;
  z-index: 9999;
  transition: all 0.9s;
  background-color: #fff;
  -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.sticky.header-2 .mega-menu-wrapper {
  padding: 0;
  border-radius: 0;
  background-color: transparent;
}
@media (max-width: 1399px) {
  .sticky.header-3 {
    background-color: #0A2803;
    padding: 0 30px;
  }
}
.sticky.header-3 .sidebar__toggle {
  cursor: pointer;
}
.sticky.header-3 .sidebar__toggle .header-bar span {
  background: var(--white);
}
.sticky.header-3 .sidebar__toggle .header-bar span:first-child {
  background: var(--white);
}
.sticky.header-3 .sidebar__toggle .header-bar span:nth-child(2) {
  background: var(--white);
}
.sticky.header-3 .sidebar__toggle .header-bar span:last-child {
  background: var(--white);
}
.sticky.header-3 .header-right-icon .search-form input {
  color: var(--header);
  border-bottom: 1px solid rgba(0, 0, 0, 0.49);
}
@media (max-width: 1399px) {
  .sticky.header-3 .header-right-icon .search-form input {
    color: var(--white) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.49) !important;
  }
}
.sticky.header-3 .header-right-icon .search-form input::placeholder {
  color: var(--header);
}
.sticky.header-3 .header-right-icon .search-form button {
  color: var(--header);
}
@media (max-width: 1399px) {
  .sticky.header-3 .header-right-icon .search-form button {
    color: var(--white) !important;
  }
}
.sticky.header-3 .header-right-icon .cart-icon {
  color: var(--header);
}
@media (max-width: 1399px) {
  .sticky.header-3 .header-right-icon .cart-icon {
    color: var(--white) !important;
  }
}
.sticky.header-3 .theme-btn {
  margin-top: 15px;
}

.offcanvas__info {
  background: var(--white) none repeat scroll 0 0;
  border-left: 2px solid var(--theme-color);
  position: fixed;
  right: 0;
  top: 0;
  width: 400px;
  height: 100%;
  -webkit-transform: translateX(calc(100% + 80px));
  -moz-transform: translateX(calc(100% + 80px));
  -ms-transform: translateX(calc(100% + 80px));
  -o-transform: translateX(calc(100% + 80px));
  transform: translateX(calc(100% + 80px));
  -webkit-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
  -moz-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
  transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
  z-index: 999999;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
}

.offcanvas__info.info-open {
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.offcanvas__logo a img {
  width: 150px;
}

.offcanvas__wrapper {
  position: relative;
  height: 100%;
  padding: 30px 30px;
}
.offcanvas__wrapper .offcanvas-title {
  font-size: 32px;
  margin-bottom: 15px;
  font-weight: 700;
}
.offcanvas__wrapper .offcanvas__content p {
  color: var(--header);
}
.offcanvas__wrapper .offcanvas__content .offcanvas__close {
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--theme-color);
  position: relative;
  z-index: 9;
  cursor: pointer;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__close i {
  color: var(--white);
}
.offcanvas__wrapper .offcanvas__content .social-icon {
  margin-top: 30px;
  gap: 10px;
  margin-bottom: 30px;
}
.offcanvas__wrapper .offcanvas__content .social-icon a {
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  border-radius: 8px;
  font-size: 16px;
  display: block;
  background: transparent;
  color: var(--header);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  text-align: center;
  border: 1px solid var(--border);
}
.offcanvas__wrapper .offcanvas__content .social-icon a:hover {
  background-color: var(--theme-color);
  color: var(--white);
  border: 1px solid var(--theme-color);
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact {
  margin-top: 20px;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact h3 {
  font-size: 22px;
  margin-bottom: 15px;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .contact-list {
  margin-bottom: 50px;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .contact-list li {
  display: flex;
  align-items: center;
  gap: 20px;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .contact-list li .icon {
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--theme-color);
  color: var(--white);
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .contact-list li .content p {
  color: var(--text);
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .contact-list li .content h4 {
  color: var(--header);
  font-size: 18px;
  font-weight: 600;
  font-family: "Cairo", sans-serif;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .contact-list li .content h4 a {
  color: var(--header);
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .contact-list li:not(:last-child) {
  margin-bottom: 18px;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact span {
  text-transform: initial;
}
.offcanvas__wrapper .offcanvas__content .offcanvas-button {
  margin-top: 300px;
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (max-width: 1399px) {
  .offcanvas__wrapper .offcanvas__content .offcanvas-button {
    margin-top: 30px;
  }
}
@media (max-width: 575px) {
  .offcanvas__wrapper .offcanvas__content .offcanvas-button {
    margin-top: 20px;
    margin-bottom: 10px;
  }
}
@media (max-width: 1199px) {
  .offcanvas__wrapper .offcanvas__content .theme-btn {
    width: 100%;
    text-align: center;
  }
}

.offcanvas__overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  background: #151515;
  z-index: 99999;
  top: 0;
  opacity: 0;
  visibility: hidden;
  right: 0;
}

.offcanvas__overlay.overlay-open {
  opacity: 0.8;
  visibility: visible;
}

@media (max-width: 450px) {
  .offcanvas__info {
    width: 350px;
  }
}
@media (max-width: 575px) {
  .offcanvas__wrapper {
    padding: 20px;
  }
}
.side_bar {
  position: fixed;
  top: 0;
  right: 0px;
  width: 420px;
  height: 100%;
  background-color: var(--white);
  padding: 30px;
  padding-top: 25px;
  transition: all 0.3s ease-in-out;
  box-shadow: var(---box-shadow);
  z-index: 99999;
  overflow-y: scroll;
}
@media (max-width: 470px) {
  .side_bar {
    width: 350px;
  }
}
.side_bar .info .icon__item {
  display: flex;
  gap: 20px;
  align-items: center;
}
.side_bar .info .icon__item:not(:last-child) {
  margin-bottom: 30px;
}
.side_bar .info .icon__item .icon {
  color: var(--theme-color);
  font-size: 32px;
}
.side_bar .info .icon__item .content p {
  margin-bottom: 5px;
}
.side_bar .info .icon__item .content h6 {
  font-size: 16px;
  color: var(--white);
}
.side_bar .x-mark-icon {
  position: absolute;
  right: 40px;
  top: 25px;
  text-align: center;
  font-size: 20px;
  transition: all 0.3s ease-in-out;
  color: var(--header);
}
.side_bar .x-mark-icon:hover {
  transform: rotate(90deg);
}
.side_bar .cartmini__del {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  color: var(--header);
  font-size: 16px;
}
.side_bar p {
  color: var(--white);
}
.side_bar .cart-title {
  margin-bottom: 30px;
}
.side_bar .cart-title h4 {
  color: var(--header);
  font-weight: 700;
  font-size: 24px;
}
.side_bar .cartmini__widget {
  height: 100%;
}
.side_bar .cartmini__widget .cartmini__widget-item {
  position: relative;
  display: flex;
  padding: 20px;
  border-bottom: 1px solid var(--border);
  transition: background-color 0.3s;
  gap: 30px;
  padding-left: 0;
  padding-top: 35px;
  align-items: center;
  padding-bottom: 30px;
}
.side_bar .cartmini__widget .cartmini__widget-item .cartmini__thumb {
  max-width: 100px;
  height: 100px;
  width: 100%;
}
.side_bar .cartmini__widget .cartmini__widget-item .cartmini__thumb img {
  width: 100%;
  height: 100%;
}
.side_bar .cartmini__widget .cartmini__widget-item .cartmini__content h5 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 5px;
}
.side_bar .cartmini__checkout {
  padding: 20px;
  padding-bottom: 85px;
  width: 100%;
  background: var(--white);
  border-top: 1px solid var(--border);
  margin-top: 150px;
  padding-right: 0;
  padding-left: 0;
}
.side_bar .cartmini__checkout .cartmini__checkout-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.side_bar .cartmini__checkout .cartmini__checkout-title h4 {
  font-size: 18px;
  display: inline-block;
  font-weight: 700;
  margin-bottom: 0;
}
.side_bar .cartmini__checkout .cartmini__checkout-title span {
  font-size: 18px;
  font-weight: 700;
  color: var(--theme-color);
}
.side_bar .cartmini__checkout-btn .theme-btn {
  text-align: center;
  padding: 0 60px;
}
.side_bar .cartmini__checkout-btn .theme-btn.style-2 {
  background-color: var(--header);
}
.side_bar .cartmini__checkout-btn .theme-btn.style-2:hover {
  background-color: var(--theme-color-2);
}

.side_bar_hidden {
  visibility: hidden;
  opacity: 0;
  right: -30px;
}

.breadcrumb-wrapper {
  position: relative;
  margin: 0 30px;
  border-radius: 8px;
}
@media (max-width: 1199px) {
  .breadcrumb-wrapper {
    margin: 0 20px;
  }
}
@media (max-width: 575px) {
  .breadcrumb-wrapper {
    margin: 0 0;
  }
}
.breadcrumb-wrapper::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(52, 91, 45, 0.57);
  border-radius: 8px;
}
.breadcrumb-wrapper .shape-1 {
  position: absolute;
  bottom: 0;
  left: 100px;
}
@media (max-width: 1399px) {
  .breadcrumb-wrapper .shape-1 {
    display: none;
  }
}
.breadcrumb-wrapper .shape-2 {
  position: absolute;
  bottom: 0;
  right: 0;
}
@media (max-width: 1399px) {
  .breadcrumb-wrapper .shape-2 {
    display: none;
  }
}
.breadcrumb-wrapper .page-heading {
  padding: 128px 0;
  position: relative;
  text-align: center;
}
.breadcrumb-wrapper .page-heading .breadcrumb-list {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 10px;
  justify-content: center;
}
.breadcrumb-wrapper .page-heading .breadcrumb-list li {
  font-weight: 500;
  color: var(--white);
}
.breadcrumb-wrapper .page-heading .breadcrumb-title {
  font-size: 62px;
  font-weight: 800;
  color: var(--white);
}
@media (max-width: 767px) {
  .breadcrumb-wrapper .page-heading .breadcrumb-title {
    font-size: 50px;
  }
}
@media (max-width: 575px) {
  .breadcrumb-wrapper .page-heading .breadcrumb-title {
    font-size: 42px;
  }
}

.error-items {
  text-align: center;
}
.error-items .thumb {
  max-width: 795px;
  margin: 0 auto;
}
.error-items .thumb img {
  width: 100%;
  height: 100%;
}
.error-items .content {
  max-width: 450px;
  margin: 40px auto 0;
  text-align: center;
}
.error-items .content h2 {
  margin-bottom: 15px;
}
@media (max-width: 991px) {
  .error-items .content h2 {
    font-size: 45px;
  }
}
@media (max-width: 575px) {
  .error-items .content h2 {
    font-size: 40px;
  }
}
.error-items .content p {
  max-width: 350px;
  margin: 0 auto;
}
.error-items .content .theme-btn {
  border: 1px solid transparent;
  margin-top: 40px;
}

.cooming-soon-items {
  text-align: center;
}
.cooming-soon-items p {
  color: var(--header);
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 10px;
  margin-top: 20px;
}
@media (max-width: 575px) {
  .cooming-soon-items p {
    font-size: 16px;
  }
}
.cooming-soon-items .text {
  font-size: 100px;
  font-weight: 500;
  letter-spacing: -3px;
  text-transform: capitalize;
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .cooming-soon-items .text {
    font-size: 50px;
  }
}
@media (max-width: 575px) {
  .cooming-soon-items .text {
    font-size: 40px;
  }
}
.cooming-soon-items .coming-soon-time {
  display: flex;
  align-items: center;
  gap: 50px;
  position: relative;
  justify-content: center;
  margin-bottom: 34px;
}
@media (max-width: 991px) {
  .cooming-soon-items .coming-soon-time {
    flex-wrap: wrap;
    position: static;
    transform: translate(0);
    margin-top: 30px;
    justify-content: center;
    gap: 30px;
  }
}
.cooming-soon-items .coming-soon-time .timer-content {
  text-align: center;
  width: 146px;
  height: 146px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid var(--header);
  border-radius: 100%;
  position: relative;
}
.cooming-soon-items .coming-soon-time .timer-content.style-2::before {
  position: absolute;
  content: ":";
  top: 35%;
  left: -22%;
  font-size: 40px;
  color: #28241F;
}
@media (max-width: 991px) {
  .cooming-soon-items .coming-soon-time .timer-content.style-2::before {
    display: none;
  }
}
@media (max-width: 767px) {
  .cooming-soon-items .coming-soon-time .timer-content {
    width: 100px;
    height: 100px;
  }
}
.cooming-soon-items .coming-soon-time .timer-content h2 {
  font-size: 48px;
  font-weight: 500;
  line-height: 1;
}
@media (max-width: 1199px) {
  .cooming-soon-items .coming-soon-time .timer-content h2 {
    font-size: 45px;
  }
}
@media (max-width: 991px) {
  .cooming-soon-items .coming-soon-time .timer-content h2 {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .cooming-soon-items .coming-soon-time .timer-content h2 {
    font-size: 34px;
  }
}
@media (max-width: 575px) {
  .cooming-soon-items .coming-soon-time .timer-content h2 {
    font-size: 28px;
  }
}
.cooming-soon-items .coming-soon-time .timer-content span {
  font-size: 18px;
  font-weight: 500;
  color: var(--header);
  text-transform: uppercase;
}
@media (max-width: 1199px) {
  .cooming-soon-items .coming-soon-time .timer-content span {
    font-size: 16px;
  }
}
@media (max-width: 575px) {
  .cooming-soon-items .coming-soon-time .timer-content span {
    font-size: 14px;
  }
}
.cooming-soon-items form {
  max-width: 872px;
  width: 100%;
  text-align: center;
  margin: 0 auto;
}
.cooming-soon-items .form-clt {
  position: relative;
}
.cooming-soon-items .form-clt input {
  width: 100%;
  outline: none;
  border-radius: 4px;
  border: 1px solid rgba(60, 60, 60, 0.3);
  color: rgba(64, 74, 61, 0.65);
  line-height: 1;
  padding: 20px;
  border-radius: 10px;
  max-width: 872px;
  font-weight: 500;
}
.cooming-soon-items .form-clt input::placeholder {
  color: rgba(64, 74, 61, 0.65);
}
.cooming-soon-items .form-clt .icon {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 12px 36px;
  background-image: none;
  background: var(--theme-color);
  border-radius: 4px;
  color: var(--white);
}
.cooming-soon-items .form-clt .icon:hover {
  background-color: var(--header);
}
.cooming-soon-items .social-icon {
  gap: 16px;
  justify-content: center;
  margin-top: 30px;
}
.cooming-soon-items .social-icon a {
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  border-radius: 50%;
  border-radius: 4px;
  border: 1px solid rgba(32, 40, 45, 0.16);
  display: inline-block;
  color: var(--header);
}
.cooming-soon-items .social-icon a:hover {
  background-color: var(--theme-color);
  color: var(--white);
  border: 1px solid var(--theme-color);
}

.mean-container a.meanmenu-reveal {
  display: none;
}

.mean-container .mean-nav {
  background: none;
  margin-top: 0;
}

.mean-container .mean-bar {
  padding: 0;
  min-height: auto;
  background: none;
}

.mean-container .mean-nav > ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
  display: block !important;
}

.mean-container a.meanmenu-reveal {
  display: none !important;
}

.mean-container .mean-nav ul li a {
  width: 100%;
  padding: 10px 0;
  color: #404A3D;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 700;
  text-transform: capitalize;
  border-bottom: 1px solid #E5E5E5 !important;
  border: none;
  font-family: "Cairo", sans-serif;
}
.mean-container .mean-nav ul li a:hover {
  color: var(--theme-color);
}

.mean-container .mean-nav ul li a:last-child {
  border-bottom: 0;
}

.mean-container .mean-nav ul li a:hover {
  color: var(--theme-color);
}

.mean-container .mean-nav ul li a.mean-expand {
  margin-top: 5px;
  padding: 0 !important;
}

.mean-container .mean-nav ul li > a > i {
  display: none;
}

.mean-container .mean-nav ul li > a.mean-expand i {
  display: inline-block;
  font-size: 16px;
}

.mean-container .mean-nav > ul > li:first-child > a {
  border-top: 0;
}

.mean-container .mean-nav ul li a.mean-expand.mean-clicked i {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transition: all 0.4s ease-in-out;
}

.mean-container .mean-nav ul li .mega-menu li a {
  height: 200px;
  width: 100%;
  padding: 0;
  border-top: 0;
  margin-bottom: 20px;
}

.hero-1 {
  position: relative;
  margin: 0 20px;
  border-radius: 33px;
  margin-top: 20px;
}
@media (max-width: 767px) {
  .hero-1 {
    margin-left: 0;
    margin-right: 0;
  }
}
.hero-1 .banner-active {
  border-radius: 20px;
}
.hero-1 .array-button {
  display: flex;
  align-items: center;
  top: 50%;
  transform: translateY(-50%);
  right: 50px;
  left: 50px;
  z-index: 99;
  position: absolute;
  gap: 12px;
  justify-content: space-between;
}
.hero-1 .array-button .array-prev, .hero-1 .array-button .array-next {
  background-color: transparent !important;
}
.hero-1 .array-button .array-prev svg path, .hero-1 .array-button .array-next svg path {
  transition: all 0.4s ease-in-out;
}
.hero-1 .array-button .array-prev:hover svg path, .hero-1 .array-button .array-next:hover svg path {
  fill: var(--theme-color-2);
}
@media (max-width: 1399px) {
  .hero-1 .array-button {
    display: none;
  }
}
.hero-1 .swiper-slide.swiper-slide-active .hero-content {
  opacity: 1;
  transform: translatey(0px);
  transition: all 2500ms ease;
}
.hero-1 .swiper-slide.swiper-slide-active .hero-button {
  opacity: 1;
  transform: translatey(0px);
  transition: all 2500ms ease;
}
.hero-1 .hero-height {
  padding: 180px 0 150px;
  border-radius: 20px;
}
@media (max-width: 767px) {
  .hero-1 .hero-height {
    padding: 150px 0 140px;
  }
}
.hero-1 .hero-bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
  transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
  transition: transform 9000ms ease, opacity 1500ms ease-in;
  transition: transform 9000ms ease, opacity 1500ms ease-in, -webkit-transform 9000ms ease;
  border-radius: 20px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.hero-1 .hero-content {
  position: relative;
  opacity: 0;
  z-index: 3;
  position: relative;
  transform: translateY(-150px);
  text-align: center;
}
.hero-1 .hero-content span {
  color: var(--white);
  font-size: 20px;
  font-weight: 600;
}
@media (max-width: 767px) {
  .hero-1 .hero-content span {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  .hero-1 .hero-content span {
    font-size: 16px;
  }
}
.hero-1 .hero-content span img {
  margin-right: 10px;
}
.hero-1 .hero-content h1 {
  color: var(--white);
  text-transform: uppercase;
  margin-top: 20px;
  font-size: 200px;
  font-weight: 900;
}
@media (max-width: 1199px) {
  .hero-1 .hero-content h1 {
    font-size: 160px;
    margin-bottom: 0;
  }
}
@media (max-width: 991px) {
  .hero-1 .hero-content h1 {
    font-size: 140px;
  }
}
@media (max-width: 767px) {
  .hero-1 .hero-content h1 {
    font-size: 110px;
  }
}
@media (max-width: 575px) {
  .hero-1 .hero-content h1 {
    font-size: 80px;
  }
}
@media (max-width: 470px) {
  .hero-1 .hero-content h1 {
    font-size: 65px;
  }
}
.hero-1 .hero-content h2 {
  font-size: 100px;
  font-weight: 800;
  color: var(--white);
}
@media (max-width: 1199px) {
  .hero-1 .hero-content h2 {
    font-size: 80px;
  }
}
@media (max-width: 991px) {
  .hero-1 .hero-content h2 {
    font-size: 70px;
  }
}
@media (max-width: 767px) {
  .hero-1 .hero-content h2 {
    font-size: 60px;
  }
}
@media (max-width: 575px) {
  .hero-1 .hero-content h2 {
    font-size: 50px;
  }
}
@media (max-width: 470px) {
  .hero-1 .hero-content h2 {
    font-size: 40px;
  }
}
.hero-1 .hero-button {
  margin-top: 48px;
  transform: translateY(150px);
  opacity: 0;
  position: relative;
  z-index: 9;
  display: flex;
  gap: 20px;
  justify-content: center;
}
@media (max-width: 1199px) {
  .hero-1 .hero-button {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .hero-1 .hero-button {
    margin-top: 30px;
  }
}
.hero-1 .hero-button .theme-btn {
  background-color: var(--theme-color-2);
  color: var(--theme-color);
  transition: all 0.4s ease-in-out;
}
.hero-1 .hero-button .theme-btn::before {
  background-color: var(--theme-color);
}
.hero-1 .hero-button .theme-btn:hover {
  color: var(--white);
}
.hero-1 .hero-button .theme-btn.style-2 {
  background: rgba(255, 255, 255, 0.26);
  border: 1px solid var(--white);
  color: var(--white);
  transition: all 0.4s ease-in-out;
}
.hero-1 .hero-button .theme-btn.style-2 i {
  color: var(--white);
}
.hero-1 .hero-button .theme-btn.style-2::before {
  background-color: var(--theme-color);
}
.hero-1 .hero-button .theme-btn.style-2:hover {
  color: var(--white);
  border: 1px solid var(--theme-color);
}
.hero-1 .hero-button .theme-btn.style-2:hover i {
  color: var(--white);
}

.hero-2 {
  position: relative;
}
.hero-2 .container {
  max-width: 1470px;
}
.hero-2 .shape1 {
  position: absolute;
  bottom: 0;
  left: 93px;
  z-index: 100;
}
@media (max-width: 1399px) {
  .hero-2 .shape1 {
    display: none;
  }
}
.hero-2 .shape2 {
  position: absolute;
  bottom: 0;
  left: 58%;
  z-index: 100;
}
@media (max-width: 1399px) {
  .hero-2 .shape2 {
    display: none;
  }
}
.hero-2 .shape3 {
  position: absolute;
  bottom: 60px;
  right: 10%;
  z-index: 100;
}
@media (max-width: 1399px) {
  .hero-2 .shape3 {
    display: none;
  }
}
.hero-2 .pxl-divider-item {
  position: absolute;
  bottom: -32px;
  left: 0;
  right: 0;
  z-index: 99;
  color: #fff;
}
@media (max-width: 1199px) {
  .hero-2 .pxl-divider-item {
    display: none;
  }
}
.hero-2 .array-button {
  display: grid;
  align-items: center;
  top: 45%;
  transform: translateY(-50%);
  right: 50px;
  z-index: 99;
  position: absolute;
  gap: 12px;
}
.hero-2 .array-button .array-prev, .hero-2 .array-button .array-next {
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  border-radius: 50%;
  color: var(--header);
  background-color: var(--theme-color-2);
  transition: all 0.4s ease-in-out;
}
.hero-2 .array-button .array-prev:hover, .hero-2 .array-button .array-next:hover {
  background-color: var(--theme-color);
  color: var(--white);
}
@media (max-width: 1199px) {
  .hero-2 .array-button {
    display: none;
  }
}
.hero-2 .swiper-slide.swiper-slide-active .hero-bg {
  -webkit-transform: scale(1.35);
  transform: scale(1.35);
  border-radius: 20px;
}
.hero-2 .swiper-slide.swiper-slide-active .hero-content {
  opacity: 1;
  transform: translatey(0px);
  transition: all 2500ms ease;
}
.hero-2 .swiper-slide.swiper-slide-active .hero-button {
  opacity: 1;
  transform: translatey(0px);
  transition: all 2500ms ease;
}
.hero-2 .hero-height {
  padding: 280px 0 300px;
  border-radius: 20px;
}
@media (max-width: 1199px) {
  .hero-2 .hero-height {
    padding: 220px 0 150px;
  }
}
@media (max-width: 767px) {
  .hero-2 .hero-height {
    padding: 180px 0 130px;
  }
}
.hero-2 .hero-bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
  transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
  transition: transform 9000ms ease, opacity 1500ms ease-in;
  transition: transform 9000ms ease, opacity 1500ms ease-in, -webkit-transform 9000ms ease;
}
.hero-2 .hero-content {
  position: relative;
  opacity: 0;
  z-index: 3;
  position: relative;
  transform: translateY(-150px);
  max-width: 769px;
}
@media (max-width: 575px) {
  .hero-2 .hero-content {
    text-align: center;
  }
}
.hero-2 .hero-content h1 {
  color: var(--white);
  text-transform: uppercase;
  margin-top: 20px;
  font-size: 100px;
  font-weight: 800;
}
@media (max-width: 1199px) {
  .hero-2 .hero-content h1 {
    font-size: 82px;
  }
}
@media (max-width: 991px) {
  .hero-2 .hero-content h1 {
    font-size: 75px;
  }
}
@media (max-width: 767px) {
  .hero-2 .hero-content h1 {
    font-size: 68px;
  }
}
@media (max-width: 575px) {
  .hero-2 .hero-content h1 {
    font-size: 55px;
  }
}
@media (max-width: 470px) {
  .hero-2 .hero-content h1 {
    font-size: 45px;
  }
}
.hero-2 .hero-button {
  margin-top: 48px;
  transform: translateY(150px);
  opacity: 0;
  position: relative;
  z-index: 9;
}
@media (max-width: 575px) {
  .hero-2 .hero-button {
    text-align: center;
    margin-top: 30px;
  }
}
.hero-2 .hero-button .theme-btn {
  background-color: var(--theme-color-2);
  color: var(--theme-color);
  transition: all 0.4s ease-in-out;
}
.hero-2 .hero-button .theme-btn::before {
  background-color: var(--theme-color);
}
.hero-2 .hero-button .theme-btn:hover {
  color: var(--white);
}

.hero-3 {
  padding: 160px 0 0;
  position: relative;
  z-index: 9;
  border-radius: 28px;
  margin: 0 48px;
  overflow: hidden;
}
@media (max-width: 1600px) {
  .hero-3 {
    margin: 0 40px;
  }
}
@media (max-width: 1399px) {
  .hero-3 {
    margin: 0 30px;
    padding-top: 250px;
  }
}
@media (max-width: 1199px) {
  .hero-3 {
    margin: 0 20px;
    padding-top: 180px;
  }
}
@media (max-width: 991px) {
  .hero-3 {
    padding-top: 150px;
  }
}
@media (max-width: 575px) {
  .hero-3 {
    margin: 0;
  }
}
.hero-3 .hero-line {
  position: absolute;
  bottom: -4px;
  left: 0;
  right: 0;
}
.hero-3 .hero-shape {
  position: absolute;
  bottom: 41%;
  left: 50%;
}
@media (max-width: 1199px) {
  .hero-3 .hero-shape {
    display: none;
  }
}
.hero-3 .hero-shape2 {
  position: absolute;
  bottom: 20%;
  left: 41%;
}
@media (max-width: 1199px) {
  .hero-3 .hero-shape2 {
    display: none;
  }
}
.hero-3::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
  background: linear-gradient(87.45deg, rgba(5, 29, 1, 0.81) 2.51%, rgba(5, 29, 1, 0.53) 73.44%);
  border-radius: 28px;
}
.hero-3 .container {
  max-width: 1665px;
}
@media (max-width: 1399px) {
  .hero-3 .hero-content {
    margin-top: -180px;
  }
}
@media (max-width: 991px) {
  .hero-3 .hero-content {
    text-align: center;
    margin-top: 0;
  }
}
.hero-3 .hero-content h1 {
  font-weight: 900;
  color: var(--white);
  font-size: 104px;
  line-height: 97%;
}
@media (max-width: 1399px) {
  .hero-3 .hero-content h1 {
    font-size: 80px;
  }
}
@media (max-width: 1199px) {
  .hero-3 .hero-content h1 {
    font-size: 62px;
    line-height: 105%;
  }
}
@media (max-width: 991px) {
  .hero-3 .hero-content h1 {
    font-size: 75px;
    line-height: 115%;
  }
}
@media (max-width: 767px) {
  .hero-3 .hero-content h1 {
    font-size: 60px;
  }
}
@media (max-width: 575px) {
  .hero-3 .hero-content h1 {
    font-size: 45px;
  }
}
.hero-3 .hero-content p {
  color: var(--white);
  font-weight: 600;
  font-size: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.29);
  padding-bottom: 30px;
  margin-top: 10px;
}
@media (max-width: 1199px) {
  .hero-3 .hero-content p {
    font-size: 16px;
    font-weight: 500;
  }
}
.hero-3 .hero-content .hero-button {
  display: flex;
  align-items: center;
  margin-top: 40px;
  gap: 20px;
}
@media (max-width: 991px) {
  .hero-3 .hero-content .hero-button {
    margin-top: 30px;
    justify-content: center;
    flex-wrap: wrap;
  }
}
.hero-3 .hero-content .hero-button .theme-btn {
  border: 1px solid transparent;
}
.hero-3 .hero-content .hero-button .theme-btn.style-2 {
  background-color: transparent;
  border: 1px solid var(--white);
}
.hero-3 .hero-content .hero-button .theme-btn.style-2:hover {
  border: 1px solid var(--theme-color-2);
}
.hero-3 .hero-image {
  margin-left: -55px;
}
@media (max-width: 1600px) {
  .hero-3 .hero-image {
    margin-left: -180px;
  }
}
@media (max-width: 1399px) {
  .hero-3 .hero-image {
    margin-left: 0;
  }
  .hero-3 .hero-image img {
    width: 100%;
  }
}

.hero-4 {
  position: relative;
  z-index: 9;
}
.hero-4 .shape-1 {
  position: absolute;
  z-index: 999;
  bottom: 13%;
  right: 19%;
}
@media (max-width: 1600px) {
  .hero-4 .shape-1 {
    display: none;
  }
}
.hero-4 .shape-2 {
  position: absolute;
  z-index: 999;
  top: 22%;
  left: 5%;
}
@media (max-width: 1600px) {
  .hero-4 .shape-2 {
    display: none;
  }
}
.hero-4 .array-button {
  display: grid;
  align-items: center;
  top: 50%;
  transform: translateY(-50%);
  right: 50px;
  z-index: 99;
  position: absolute;
  gap: 12px;
}
.hero-4 .array-button .array-prev, .hero-4 .array-button .array-next {
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  border-radius: 50%;
  color: var(--header);
  background-color: rgb(255, 255, 255);
  transition: all 0.4s ease-in-out;
}
.hero-4 .array-button .array-prev:hover, .hero-4 .array-button .array-next:hover {
  background-color: var(--theme-color-2);
  color: var(--header);
}
@media (max-width: 1199px) {
  .hero-4 .array-button {
    display: none;
  }
}
.hero-4 .swiper-slide.swiper-slide-active .hero-bg {
  -webkit-transform: scale(1.35);
  transform: scale(1.35);
  border-radius: 20px;
}
.hero-4 .swiper-slide.swiper-slide-active .hero-content {
  opacity: 1;
  transform: translatey(0px);
  transition: all 2500ms ease;
}
.hero-4 .swiper-slide.swiper-slide-active .hero-button {
  opacity: 1;
  transform: translatey(0px);
  transition: all 2500ms ease;
}
.hero-4 .hero-height {
  padding: 180px 0 350px;
  border-radius: 20px;
}
@media (max-width: 1199px) {
  .hero-4 .hero-height {
    padding: 140px 0 320px;
  }
}
@media (max-width: 767px) {
  .hero-4 .hero-height {
    padding: 120px 0 300px;
  }
}
.hero-4 .hero-bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
  transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
  transition: transform 9000ms ease, opacity 1500ms ease-in;
  transition: transform 9000ms ease, opacity 1500ms ease-in, -webkit-transform 9000ms ease;
}
.hero-4 .hero-bg::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
  background: linear-gradient(85.96deg, rgba(10, 40, 3, 0.53) 28.3%, rgba(10, 40, 3, 0) 97.75%);
}
.hero-4 .hero-content {
  position: relative;
  opacity: 0;
  z-index: 3;
  position: relative;
  transform: translateY(-150px);
  max-width: 618px;
}
@media (max-width: 575px) {
  .hero-4 .hero-content {
    text-align: center;
    margin: 0 auto;
  }
}
.hero-4 .hero-content h1 {
  color: var(--white);
  font-size: 104px;
  font-weight: 900;
}
@media (max-width: 1399px) {
  .hero-4 .hero-content h1 {
    font-size: 80px;
  }
}
@media (max-width: 1199px) {
  .hero-4 .hero-content h1 {
    font-size: 62px;
    line-height: 105%;
  }
}
@media (max-width: 991px) {
  .hero-4 .hero-content h1 {
    font-size: 75px;
    line-height: 115%;
  }
}
@media (max-width: 767px) {
  .hero-4 .hero-content h1 {
    font-size: 60px;
  }
}
@media (max-width: 575px) {
  .hero-4 .hero-content h1 {
    font-size: 45px;
  }
}
.hero-4 .hero-content p {
  font-size: 20px;
  font-weight: 600;
  color: var(--white);
  margin-top: 10px;
}
@media (max-width: 1199px) {
  .hero-4 .hero-content p {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .hero-4 .hero-content p {
    font-size: 17px;
  }
}
@media (max-width: 767px) {
  .hero-4 .hero-content p {
    font-size: 16px;
  }
}
.hero-4 .hero-button {
  margin-top: 48px;
  transform: translateY(150px);
  opacity: 0;
  position: relative;
  z-index: 9;
  display: flex;
  gap: 20px;
}
@media (max-width: 1199px) {
  .hero-4 .hero-button {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .hero-4 .hero-button {
    margin-top: 30px;
  }
}
@media (max-width: 575px) {
  .hero-4 .hero-button {
    justify-content: center;
  }
}
.hero-4 .hero-button .theme-btn {
  background-color: var(--theme-color-2);
  color: var(--theme-color);
  transition: all 0.4s ease-in-out;
}
.hero-4 .hero-button .theme-btn::before {
  background-color: var(--theme-color);
}
.hero-4 .hero-button .theme-btn:hover {
  color: var(--white);
}
.hero-4 .hero-button .theme-btn.style-2 {
  background-color: transparent;
  border: 1px solid var(--white);
  color: var(--white);
  transition: all 0.4s ease-in-out;
}
.hero-4 .hero-button .theme-btn.style-2 i {
  color: var(--white);
}
.hero-4 .hero-button .theme-btn.style-2::before {
  background-color: var(--theme-color);
}
.hero-4 .hero-button .theme-btn.style-2:hover {
  color: var(--white);
  border: 1px solid var(--theme-color);
}
.hero-4 .hero-button .theme-btn.style-2:hover i {
  color: var(--white);
}

.hero-5 {
  position: relative;
  margin: 0 45px;
  border-radius: 8px;
  margin-top: 0;
}
.hero-5 .swiper-dot2 {
  position: absolute;
  bottom: 70px;
  right: 70px;
  z-index: 99;
}
@media (max-width: 1199px) {
  .hero-5 .swiper-dot2 {
    display: none;
  }
}
.hero-5 .swiper-dot2 .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  transition: 0.6s;
  background-color: #fff;
  opacity: 1;
  border-radius: 10px;
}
.hero-5 .swiper-dot2 .swiper-pagination-bullet:not(:last-child) {
  margin-right: 5px;
}
.hero-5 .swiper-dot2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--theme-color-2);
  transition: 0.6s;
  position: relative;
}
@media (max-width: 1600px) {
  .hero-5 {
    margin: 0 35px;
  }
}
@media (max-width: 1399px) {
  .hero-5 {
    margin: 0 30px;
  }
}
@media (max-width: 1199px) {
  .hero-5 {
    margin: 0 20px;
  }
}
@media (max-width: 575px) {
  .hero-5 {
    margin: 0 0;
  }
}
.hero-5 .banner-active {
  border-radius: 8px;
}
.hero-5 .swiper-slide.swiper-slide-active .hero-bg {
  -webkit-transform: scale(1.35);
  transform: scale(1.35);
  border-radius: 20px;
}
.hero-5 .swiper-slide.swiper-slide-active .hero-content {
  opacity: 1;
  transform: translatey(0px);
  transition: all 2500ms ease;
}
.hero-5 .swiper-slide.swiper-slide-active .hero-button {
  opacity: 1;
  transform: translatey(0px);
  transition: all 2500ms ease;
}
.hero-5 .hero-height {
  padding: 260px 0 120px;
  border-radius: 8px;
}
@media (max-width: 767px) {
  .hero-5 .hero-height {
    padding: 150px 0 110px;
  }
}
.hero-5 .hero-bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
  transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
  transition: transform 9000ms ease, opacity 1500ms ease-in;
  transition: transform 9000ms ease, opacity 1500ms ease-in, -webkit-transform 9000ms ease;
  border-radius: 20px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.hero-5 .hero-bg::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(0, 0, 0, 0.3215686275);
}
.hero-5 .container {
  max-width: 1590px;
}
.hero-5 .hero-content {
  position: relative;
  opacity: 0;
  z-index: 99;
  position: relative;
  transform: translateY(-150px);
}
@media (max-width: 575px) {
  .hero-5 .hero-content {
    text-align: center;
  }
}
.hero-5 .hero-content span {
  color: var(--white);
  font-size: 20px;
  font-weight: 600;
}
@media (max-width: 991px) {
  .hero-5 .hero-content span {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  .hero-5 .hero-content span {
    font-size: 16px;
  }
}
.hero-5 .hero-content span i {
  margin-right: 10px;
  color: #EDDD5E;
}
.hero-5 .hero-content h1 {
  color: var(--white);
  text-transform: uppercase;
  margin-top: 20px;
  font-size: 134px;
  font-weight: 900;
  max-width: 724px;
}
@media (max-width: 1399px) {
  .hero-5 .hero-content h1 {
    font-size: 110px;
  }
}
@media (max-width: 1199px) {
  .hero-5 .hero-content h1 {
    font-size: 100px;
  }
}
@media (max-width: 991px) {
  .hero-5 .hero-content h1 {
    font-size: 88px;
  }
}
@media (max-width: 767px) {
  .hero-5 .hero-content h1 {
    font-size: 72px;
  }
}
@media (max-width: 575px) {
  .hero-5 .hero-content h1 {
    font-size: 68px;
  }
}
@media (max-width: 470px) {
  .hero-5 .hero-content h1 {
    font-size: 55px;
  }
}
.hero-5 .hero-button {
  margin-top: 48px;
  transform: translateY(150px);
  opacity: 0;
  position: relative;
  z-index: 99;
  display: flex;
  gap: 20px;
}
@media (max-width: 575px) {
  .hero-5 .hero-button {
    text-align: center;
    justify-content: center;
  }
}
.hero-5 .hero-button .theme-btn {
  background-color: var(--theme-color-2);
  color: var(--theme-color);
  transition: all 0.4s ease-in-out;
}
.hero-5 .hero-button .theme-btn::before {
  background-color: var(--theme-color);
}
.hero-5 .hero-button .theme-btn:hover {
  color: var(--white);
}

.feature-box-items .feature-icon {
  position: relative;
  z-index: 9;
  padding-left: 17px;
}
@media (max-width: 575px) {
  .feature-box-items .feature-icon {
    text-align: center;
    display: block;
  }
}
.feature-box-items .feature-icon::before {
  width: 60px;
  height: 60px;
  line-height: 60px;
  background-color: #EDF2EC;
  border-radius: 100%;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media (max-width: 575px) {
  .feature-box-items .feature-icon::before {
    left: 47%;
    transform: translateX(-50%);
  }
}
.feature-box-items .feature-icon img {
  transition: all 0.4s ease-in-out;
  display: inline-block;
  padding-top: 20px;
}
.feature-box-items .feature-content {
  margin-top: 40px;
}
@media (max-width: 575px) {
  .feature-box-items .feature-content {
    text-align: center;
    margin-top: 25px;
  }
}
.feature-box-items .feature-content h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
}
.feature-box-items .feature-content p {
  max-width: 265px;
}
@media (max-width: 575px) {
  .feature-box-items .feature-content p {
    margin: 0 auto;
  }
}
.feature-box-items:hover .feature-icon img {
  animation: wobble 1.5s ease-in-out;
}

.counter-box-items-area {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (max-width: 575px) {
  .counter-box-items-area {
    display: grid;
    justify-content: center;
    text-align: center;
    gap: 30px;
  }
  .counter-box-items-area .icon {
    margin: 0 auto;
  }
}
.counter-box-items-area .icon {
  font-size: 47px;
  color: var(--theme-color);
  max-width: 102px;
  width: 100%;
  height: 102px;
  line-height: 118px;
  border: 1px dashed var(--theme-color);
  border-radius: 28px;
  text-align: center;
}
@media (max-width: 767px) {
  .counter-box-items-area .icon {
    max-width: 80px;
    height: 80px;
    line-height: 90px;
    font-size: 30px;
  }
}
.counter-box-items-area .icon i {
  transition: all 0.4s ease-in-out;
  display: inline-block;
}
.counter-box-items-area .content p {
  font-weight: 500;
}
@media (max-width: 1399px) {
  .counter-box-items-area .content h2 {
    font-size: 36px;
  }
}
@media (max-width: 1199px) {
  .counter-box-items-area .content h2 {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .counter-box-items-area .content h2 {
    font-size: 30px;
  }
}
.counter-box-items-area:hover .icon i {
  transform: scaleX(-1) !important;
}

.choose-left-image-items {
  position: relative;
  z-index: 9;
  max-width: 450px;
}
@media (max-width: 1199px) {
  .choose-left-image-items {
    max-width: initial;
  }
}
.choose-left-image-items img {
  width: 100%;
  height: 100%;
  border-radius: 12px;
}
.choose-left-image-items .image-2 {
  max-width: 307px;
  position: absolute;
  z-index: 1;
  bottom: -200px;
  right: -100px;
}
@media (max-width: 1199px) {
  .choose-left-image-items .image-2 {
    right: 0;
    bottom: 0;
  }
}
@media (max-width: 767px) {
  .choose-left-image-items .image-2 {
    max-width: 200px;
  }
  .choose-left-image-items .image-2 img {
    width: 100% !important;
    height: 100% !important;
  }
}
.choose-left-image-items .image-2 img {
  width: initial;
  height: initial;
}
.choose-left-image-items .organic-shape {
  position: absolute;
  bottom: -45%;
  left: 0;
  z-index: 1;
}
@media (max-width: 1199px) {
  .choose-left-image-items .organic-shape {
    display: none;
  }
}
.choose-left-image-items .ratting-box {
  display: flex;
  gap: 20px;
  border-radius: 12px;
  background-color: var(--theme-color-2);
  display: inline-flex;
  padding: 30px;
  position: absolute;
  top: 80px;
  left: -70px;
}
@media (max-width: 1199px) {
  .choose-left-image-items .ratting-box {
    top: 0;
    left: 0;
  }
  .choose-left-image-items .ratting-box br {
    display: block;
  }
}

.choose-us-wrapper {
  margin-bottom: 50px;
}
@media (max-width: 1399px) {
  .choose-us-wrapper {
    margin-bottom: 0;
  }
}
@media (max-width: 1199px) {
  .choose-us-wrapper {
    margin-bottom: 0;
  }
}

.choose-content-items {
  margin-top: 150px;
}
@media (max-width: 1199px) {
  .choose-content-items {
    margin-top: 0;
  }
}
.choose-content-items .choose-text {
  margin-top: 25px;
}
.choose-content-items p {
  margin-top: 20px;
}
.choose-content-items .progress-wrap {
  margin-top: 30px;
}
.choose-content-items .progress-wrap .pro-items {
  width: 100%;
}
.choose-content-items .progress-wrap .pro-items:not(:last-child) {
  margin-bottom: 30px;
}
.choose-content-items .progress-wrap .pro-items .pro-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.choose-content-items .progress-wrap .pro-items .pro-head .title {
  color: var(--header);
}
.choose-content-items .progress-wrap .pro-items .pro-head .point {
  font-size: 16px;
  font-weight: 700;
  color: var(--header);
}
.choose-content-items .progress-wrap .pro-items .progress {
  background: rgba(82, 145, 73, 0.18);
  justify-content: flex-start;
  align-items: center;
  position: relative;
  display: flex;
  height: 6px;
  width: 100%;
}
.choose-content-items .progress-wrap .pro-items .progress-value {
  animation: load 3s normal forwards;
  border-radius: 0;
  background: var(--theme-color);
  height: 6px;
  width: 0;
}
.choose-content-items .progress-wrap .pro-items .style-two {
  animation: load2 3s normal forwards;
}
.choose-content-items .progress-wrap .pro-items .style-three {
  animation: load3 3s normal forwards;
}
@keyframes load {
  0% {
    width: 0;
  }
  100% {
    width: 99%;
  }
}
@keyframes load2 {
  0% {
    width: 0;
  }
  100% {
    width: 90%;
  }
}

.choose-us-section {
  position: relative;
}
.choose-us-section .shape-1 {
  position: absolute;
  top: 7%;
  right: 20%;
}

.gallery-section {
  padding-left: 70px;
  padding-right: 70px;
  position: relative;
  margin-top: 40px;
}
@media (max-width: 1199px) {
  .gallery-section {
    margin-top: 20px;
  }
}
.gallery-section .top-shape {
  position: absolute;
  top: -40px;
  left: 0;
  right: 0;
}
@media (max-width: 1199px) {
  .gallery-section .top-shape {
    top: -20px;
  }
}
.gallery-section .top-shape img {
  width: 100%;
}
@media (max-width: 1399px) {
  .gallery-section {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 1199px) {
  .gallery-section {
    padding-left: 25px;
    padding-right: 25px;
  }
}

.gallery-image-items {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  margin-top: 30px;
  height: 410px;
}
.gallery-image-items img {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.7s;
  transition-property: all;
  object-fit: cover;
}
.gallery-image-items .content {
  border-radius: 4px;
  background: var(--theme-color-2);
  padding: 20px 24px;
  display: inline-block;
  position: absolute;
  bottom: -100px;
  left: 20px;
  line-height: 1;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 575px) {
  .gallery-image-items .content {
    text-align: center;
    width: calc(100% - 40px);
  }
}
.gallery-image-items .content p {
  font-size: 15px;
  font-weight: 600;
  color: #404A3D;
}
.gallery-image-items .content h3 {
  font-weight: 700;
  margin-top: 5px;
}
.gallery-image-items .content h3 a {
  color: #404A3D;
}
.gallery-image-items .content h3 a:hover {
  color: var(--theme-color);
}
.gallery-image-items:hover .content {
  opacity: 1;
  visibility: visible;
  bottom: 20px;
}
.gallery-image-items:hover img {
  transform: scale(1.1) rotate(2deg);
}

.video-wrapper {
  text-align: center;
}
.video-wrapper .video {
  margin-top: -40px;
  position: relative;
  height: 650px;
}
@media (max-width: 575px) {
  .video-wrapper .video {
    height: 480px;
  }
}
.video-wrapper .video img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.video-wrapper .video-btn {
  width: 120px;
  height: 120px;
  line-height: 120px;
  display: inline-block;
  background: var(--white);
  color: var(--theme-color);
  text-align: center;
  border-radius: 100%;
  font-size: 28px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 88;
}

.gallery-wrapper-3 {
  margin-left: -15%;
  margin-right: -5%;
}
.gallery-wrapper-3 .swiper-wrapper {
  align-items: center;
}
@media (max-width: 1199px) {
  .gallery-wrapper-3 {
    margin-left: 0;
    margin-right: 0;
  }
}
.gallery-wrapper-3 .gallery-image-box-3 {
  position: relative;
  border-radius: 28px;
  overflow: hidden;
  margin-top: 30px;
}
@media (max-width: 1199px) {
  .gallery-wrapper-3 .gallery-image-box-3 {
    height: 500px;
  }
  .gallery-wrapper-3 .gallery-image-box-3 img {
    object-fit: cover;
  }
}
.gallery-wrapper-3 .gallery-image-box-3 img {
  width: 100%;
  height: 100%;
  border-radius: 28px;
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.7s;
  transition-property: all;
  object-fit: cover;
}
.gallery-wrapper-3 .gallery-image-box-3 .content {
  border-radius: 4px;
  background: var(--theme-color-2);
  padding: 20px 24px;
  display: inline-block;
  position: absolute;
  bottom: -100px;
  left: 20px;
  line-height: 1;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in-out;
}
.gallery-wrapper-3 .gallery-image-box-3 .content p {
  font-size: 15px;
  font-weight: 600;
  color: #404A3D;
}
.gallery-wrapper-3 .gallery-image-box-3 .content h3 {
  font-weight: 700;
  margin-top: 5px;
}
.gallery-wrapper-3 .gallery-image-box-3 .content h3 a {
  color: #404A3D;
}
.gallery-wrapper-3 .gallery-image-box-3 .content h3 a:hover {
  color: var(--theme-color);
}
.gallery-wrapper-3 .gallery-image-box-3:hover .content {
  opacity: 1;
  visibility: visible;
  bottom: 20px;
}
.gallery-wrapper-3 .gallery-image-box-3:hover img {
  transform: scale(1.1) rotate(2deg);
}

.gallery-line {
  margin-bottom: -20px;
}
.gallery-line img {
  width: 100%;
}

.gallery-line2 {
  margin-top: -20px;
  position: relative;
  z-index: 9;
}
.gallery-line2 img {
  width: 100%;
}

.gallery-section-3 {
  background-color: #FFF9E8;
  position: relative;
  z-index: 9;
}
.gallery-section-3 .left-shape {
  position: absolute;
  left: 0;
  top: 100px;
}
.gallery-section-3 .right-shape {
  position: absolute;
  right: 50px;
  top: 50px;
}
.gallery-section-3 .gallery-line {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.gallery-section-3 .gallery-line img {
  width: 100%;
}

.video-wrapper-3 {
  text-align: center;
  border-radius: 20px;
  position: relative;
}
@media (max-width: 991px) {
  .video-wrapper-3 {
    height: 550px;
  }
}
.video-wrapper-3 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.video-wrapper-3 .video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.video-wrapper-3 .video-btn {
  text-align: center;
  color: var(--white);
  display: inline-block;
  text-align: center;
  font-size: 20px;
  z-index: 999;
  z-index: 99;
  width: 72px;
  height: 72px;
  line-height: 72px;
  background-color: var(--theme-color);
  border-radius: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.choose-us-wrapper-3 {
  position: relative;
  z-index: 99;
}
.choose-us-wrapper-3 .choose-us-image-items {
  position: relative;
  z-index: 9;
}
.choose-us-wrapper-3 .choose-us-image-items.white-style::before {
  background-color: var(--white);
}
 
.choose-us-wrapper-3 .choose-us-image-items img {
  width: 100%;
  height: 100%;
  border-radius: 324px 24px 24px 24px;
}
.choose-us-wrapper-3 .choose-us-image-items .award-box-area {
  background-color: var(--theme-color-2);
  display: inline-block;
  padding: 30px;
  border-radius: 28px;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 9;
  position: absolute;
}
@media (max-width: 767px) {
  .choose-us-wrapper-3 .choose-us-image-items .award-box-area {
    padding: 20px;
  }
}
.choose-us-wrapper-3 .choose-us-image-items .award-box-area .top-items {
  border-bottom: 1px solid rgba(36, 79, 11, 0.2);
  padding-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 20px;
}
.choose-us-wrapper-3 .choose-us-image-items .award-box-area .top-items .award-icon img {
  width: initial;
  height: initial;
  border-radius: 0;
  transition: all 0.4s ease-in-out;
  display: inline-block;
}
.choose-us-wrapper-3 .choose-us-image-items .award-box-area .top-items h4 {
  font-size: 20px;
  font-weight: 800;
  max-width: 155px;
}
.choose-us-wrapper-3 .choose-us-image-items .award-box-area p {
  max-width: 221px;
  color: #474C52;
  font-weight: 500;
  margin-top: 20px;
}
.choose-us-wrapper-3 .choose-us-image-items .award-box-area:hover .top-items .award-icon img {
  transform: scaleX(-1) !important;
}
.choose-us-wrapper-3 .choose-us-image-items .treat-image {
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 767px) {
  .choose-us-wrapper-3 .choose-us-image-items .treat-image {
    max-width: 120px;
  }
}
.choose-us-wrapper-3 .choose-us-image-items .treat-image img {
  border-radius: 0;
}
.choose-us-wrapper-3 .choose-us-content {
  margin-left: 50px;
}
@media (max-width: 1199px) {
  .choose-us-wrapper-3 .choose-us-content {
    margin-left: 0;
  }
}
@media (max-width: 575px) {
  .choose-us-wrapper-3 .choose-us-content {
    text-align: center;
  }
}
.choose-us-wrapper-3 .choose-us-content .choose-text {
  margin-top: 25px;
}
.choose-us-wrapper-3 .choose-us-content .icon-items-area {
  margin-top: 30px;
  display: flex;
  gap: 60px;
}
@media (max-width: 1199px) {
  .choose-us-wrapper-3 .choose-us-content .icon-items-area {
    gap: 25px;
  }
}
@media (max-width: 991px) {
  .choose-us-wrapper-3 .choose-us-content .icon-items-area {
    flex-wrap: wrap;
  }
}
@media (max-width: 575px) {
  .choose-us-wrapper-3 .choose-us-content .icon-items-area {
    justify-content: center;
  }
}
.choose-us-wrapper-3 .choose-us-content .icon-items-area .icon-items .icon {
  width: 72px;
  height: 72px;
  line-height: 85px;
  text-align: center;
  background-color: var(--white);
  color: var(--theme-color);
  border-radius: 50%;
  font-size: 35px;
}
@media (max-width: 575px) {
  .choose-us-wrapper-3 .choose-us-content .icon-items-area .icon-items .icon {
    margin: 0 auto;
  }
}
.choose-us-wrapper-3 .choose-us-content .icon-items-area .icon-items .icon i {
  transition: all 0.4s ease-in-out;
  display: inline-block;
}
.choose-us-wrapper-3 .choose-us-content .icon-items-area .icon-items h4 {
  max-width: 234px;
  font-size: 22;
  font-weight: 800;
  margin-top: 20px;
}
.choose-us-wrapper-3 .choose-us-content .icon-items-area .icon-items p {
  width: 500;
  max-width: 245px;
  margin-top: 10px;
}
.choose-us-wrapper-3 .choose-us-content .icon-items-area .icon-items:hover .icon i {
  transform: scaleX(-1) !important;
}

.choose-us-section-3 {
  position: relative;
  z-index: 9;
}
.choose-us-section-3 .left-shape {
  position: absolute;
  top: 100px;
  left: 40px;
}
@media (max-width: 1199px) {
  .choose-us-section-3 .left-shape {
    display: none;
  }
}
.choose-us-section-3 .right-shape {
  position: absolute;
  bottom: 10%;
  right: 20%;
}
@media (max-width: 1199px) {
  .choose-us-section-3 .right-shape {
    display: none;
  }
}

.feature-info-area {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (max-width: 575px) {
  .feature-info-area {
    justify-content: center;
    display: grid;
    text-align: center;
  }
  .feature-info-area .circle-bg-icon {
    text-align: center;
  }
}
.feature-info-area .circle-bg-icon {
  position: relative;
  z-index: 9;
}
.feature-info-area .circle-bg-icon img {
  animation: cir36 20s linear infinite;
}
.feature-info-area .circle-bg-icon .icon {
  position: absolute;
  z-index: 1;
  top: 57%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 25px;
  color: #404A3D;
}
.feature-info-area .circle-bg-icon .icon i {
  transition: all 0.4s ease-in-out;
  display: inline-block;
}
.feature-info-area .feature-content h5 {
  font-size: 18px;
  font-weight: 700;
}
.feature-info-area:hover .circle-bg-icon .icon i {
  transform: scaleX(-1) !important;
}

.counter-wrapper-3 {
  display: flex;
  justify-content: space-between;
  text-align: center;
  border: 1px dashed rgba(36, 79, 11, 0.49);
  padding: 80px;
  border-radius: 28px;
  background-color: var(--white);
}
@media (max-width: 1199px) {
  .counter-wrapper-3 {
    padding: 60px 50px;
  }
}
@media (max-width: 991px) {
  .counter-wrapper-3 {
    padding: 50px 40px;
    flex-wrap: wrap;
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .counter-wrapper-3 {
    padding: 40px 30px;
    justify-content: start;
  }
}
@media (max-width: 575px) {
  .counter-wrapper-3 {
    display: grid;
    justify-content: center;
  }
}
.counter-wrapper-3 .counter-box-items .icon {
  width: 102px;
  height: 102px;
  line-height: 120px;
  text-align: center;
  background-color: var(--theme-color);
  color: var(--white);
  border-radius: 28px;
  font-size: 47px;
}
@media (max-width: 575px) {
  .counter-wrapper-3 .counter-box-items .icon {
    margin: 0 auto;
  }
}
.counter-wrapper-3 .counter-box-items .icon i {
  transition: all 0.4s ease-in-out;
  display: inline-block;
}
.counter-wrapper-3 .counter-box-items .content {
  margin-top: 30px;
}
.counter-wrapper-3 .counter-box-items:hover .icon i {
  transform: scaleX(-1) !important;
}
.counter-wrapper-3 .line {
  border: 1px dashed rgba(36, 79, 11, 0.23);
}
@media (max-width: 767px) {
  .counter-wrapper-3 .line {
    display: none;
  }
}

.video-wrapper-3 {
  text-align: center;
}
.video-wrapper-3 .video .circle-img {
  animation: cir36 20s linear infinite;
}
.video-wrapper-3 .video .video-btn {
  color: #404A3D;
  text-align: center;
  border-radius: 100%;
  font-size: 35px;
  background-color: transparent;
}

.achievments-wrapper-4 {
  margin-bottom: -40px;
}
@media (max-width: 1399px) {
  .achievments-wrapper-4 {
    margin-bottom: 0;
  }
}
@media (max-width: 575px) {
  .achievments-wrapper-4 .achievments-content {
    text-align: center;
  }
}
.achievments-wrapper-4 .achievments-content .link-btn {
  color: #63AB52;
  margin-top: 20px;
  display: inline-block;
  transition: all 0.4s ease-in-out;
  font-weight: 800;
  font-size: 16px;
  font-family: "Cairo", sans-serif;
}
.achievments-wrapper-4 .achievments-content .link-btn i {
  margin-left: 5px;
  transform: rotate(-45deg);
}
.achievments-wrapper-4 .achievments-content .link-btn:hover {
  color: var(--header);
}
.achievments-wrapper-4 .counter-box-area {
  display: flex;
  justify-content: space-between;
  margin-left: 160px;
}
@media (max-width: 1199px) {
  .achievments-wrapper-4 .counter-box-area {
    margin-left: 0;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: start;
  }
}
@media (max-width: 575px) {
  .achievments-wrapper-4 .counter-box-area {
    justify-content: center;
  }
}
.achievments-wrapper-4 .counter-box-area .counter-box-items {
  text-align: center;
}
.achievments-wrapper-4 .counter-box-area .counter-box-items .icon {
  font-size: 47px;
  color: var(--theme-color);
  background-color: var(--white);
  width: 102px;
  height: 102px;
  line-height: 118px;
  border: 1px dashed var(--theme-color);
  border-radius: 28px;
  text-align: center;
  margin: 0 auto;
}
.achievments-wrapper-4 .counter-box-area .counter-box-items .icon i {
  transition: all 0.4s ease-in-out;
  display: inline-block;
}
.achievments-wrapper-4 .counter-box-area .counter-box-items .content {
  margin-top: 20px;
}
.achievments-wrapper-4 .counter-box-area .counter-box-items .content p {
  font-weight: 500;
}
.achievments-wrapper-4 .counter-box-area .counter-box-items:hover .icon i {
  transform: scaleX(-1) !important;
}

.achievements-section-4 {
  position: relative;
  z-index: 9;
}
.achievements-section-4 .shape-1 {
  position: absolute;
  bottom: 50px;
  left: 0;
}
@media (max-width: 1399px) {
  .achievements-section-4 .shape-1 {
    display: none;
  }
}
.achievements-section-4 .shape-2 {
  position: absolute;
  bottom: 10px;
  right: 0;
}
@media (max-width: 1399px) {
  .achievements-section-4 .shape-2 {
    display: none;
  }
}

@media (max-width: 1399px) {
  .achievements-bottom-shape {
    display: none;
  }
}
.achievements-bottom-shape img {
  width: 100%;
}
@media (max-width: 1199px) {
  .achievements-bottom-shape {
    height: 60px;
  }
  .achievements-bottom-shape img {
    object-fit: cover;
  }
}

.gallery-image-4 img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}

.catagory-image-box {
  margin-top: 60px;
  text-align: center;
}
.catagory-image-box .catagory-image {
  border: 1px dashed rgba(36, 79, 11, 0.49);
  border-radius: 50%;
  display: inline-block;
  padding: 35px;
  margin: 0 auto;
}
.catagory-image-box p {
  font-size: 18px;
  font-weight: 700;
  color: var(--header);
  margin-top: 20px;
}

.core-feature-wrapper {
  background-color: rgb(237, 221, 94);
  border-radius: 28px;
}
.core-feature-wrapper .core-feature-left-image {
  position: relative;
  z-index: 9;
}
@media (max-width: 1199px) {
  .core-feature-wrapper .core-feature-left-image {
    height: 550px;
  }
}
.core-feature-wrapper .core-feature-left-image img {
  width: 100%;
  height: 100%;
  border-radius: 28px;
  object-fit: cover;
}
.core-feature-wrapper .core-feature-left-image .cow-img {
  position: absolute;
  bottom: 70px;
  right: -15%;
}
@media (max-width: 1399px) {
  .core-feature-wrapper .core-feature-left-image .cow-img {
    bottom: initial;
    right: initial;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
.core-feature-wrapper .core-feature-left-image .top-shape {
  position: absolute;
  top: 70px;
  right: -10%;
}
.core-feature-wrapper .core-feature-right-content {
  margin-left: 80px;
  padding-right: 70px;
  padding-top: 65px;
  padding-bottom: 65px;
}
@media (max-width: 1399px) {
  .core-feature-wrapper .core-feature-right-content {
    margin: 0;
    padding: 30px;
  }
}
.core-feature-wrapper .core-feature-right-content .core-text {
  margin-top: 25px;
}
.core-feature-wrapper .core-feature-right-content .list-items {
  display: flex;
  align-items: center;
  gap: 60px;
  margin-top: 20px;
  margin-left: 40px;
}
@media (max-width: 1399px) {
  .core-feature-wrapper .core-feature-right-content .list-items {
    margin-left: 0;
    gap: 25px;
    flex-wrap: wrap;
  }
}
.core-feature-wrapper .core-feature-right-content .list-items ul li {
  font-size: 18px;
  font-weight: 500;
  color: #0A2803;
}
.core-feature-wrapper .core-feature-right-content .list-items ul li:not(:last-child) {
  margin-bottom: 10px;
}
.core-feature-wrapper .core-feature-right-content .list-items ul li i {
  margin-right: 7px;
  color: var(--theme-color);
}
.core-feature-wrapper .core-feature-right-content .theme-btn {
  margin-top: 30px;
}
.core-feature-wrapper .core-feature-right-content .theme-btn::before {
  background-color: var(--header);
}
.core-feature-wrapper .core-feature-right-content .theme-btn:hover {
  color: var(--white);
}

.product-catagory-section {
  position: relative;
}
.product-catagory-section .shape-1 {
  position: absolute;
  top: 15%;
  right: 10%;
}

.counter-wrapper-4 .counter-content h3 {
  font-size: 22px;
}
.counter-wrapper-4 .counter-content p {
  margin-top: 10px;
}
.counter-wrapper-4 .counter-box-area {
  display: flex;
  justify-content: space-between;
  margin-left: 150px;
}
@media (max-width: 1399px) {
  .counter-wrapper-4 .counter-box-area {
    margin-left: 0;
    flex-wrap: wrap;
    gap: 30px;
  }
}
.counter-wrapper-4 .counter-box-area .counter-box-items {
  display: flex;
  align-items: center;
  gap: 20px;
}
.counter-wrapper-4 .counter-box-area .counter-box-items .icon {
  font-size: 47px;
  color: var(--white);
  background-color: var(--theme-color);
  width: 102px;
  height: 102px;
  line-height: 118px;
  border-radius: 28px;
  text-align: center;
}
.counter-wrapper-4 .counter-box-area .counter-box-items .icon i {
  transition: all 0.4s ease-in-out;
  display: inline-block;
}
.counter-wrapper-4 .counter-box-area .counter-box-items:hover .icon i {
  transform: scaleX(-1) !important;
}

.choose-us-section-4 .container {
  max-width: 1620px;
}

.choose-us-wrapper-4 {
  position: relative;
  z-index: 9;
}
.choose-us-wrapper-4 .man-thumb {
  position: absolute;
  bottom: -20%;
  right: -60px;
}
.choose-us-wrapper-4 .award-box-area {
  background-color: var(--theme-color-2);
  display: inline-block;
  padding: 30px;
  border-radius: 28px;
  top: 0;
  right: 90px;
  position: absolute;
}
.choose-us-wrapper-4 .award-box-area .top-items {
  border-bottom: 1px solid rgba(36, 79, 11, 0.2);
  padding-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 20px;
}
.choose-us-wrapper-4 .award-box-area .top-items .award-icon img {
  width: initial;
  height: initial;
  border-radius: 0;
  transition: all 0.4s ease-in-out;
  display: inline-block;
}
.choose-us-wrapper-4 .award-box-area .top-items h4 {
  font-size: 20px;
  font-weight: 800;
  max-width: 155px;
}
.choose-us-wrapper-4 .award-box-area p {
  max-width: 221px;
  color: #474C52;
  font-weight: 500;
  margin-top: 20px;
}
.choose-us-wrapper-4 .award-box-area:hover .top-items .award-icon img {
  transform: scaleX(-1) !important;
}
.choose-us-wrapper-4 .choose-us-left-img {
  position: relative;
  z-index: 9;
  margin-right: 60px;
}
@media (max-width: 1399px) {
  .choose-us-wrapper-4 .choose-us-left-img {
    margin-right: 0;
  }
}
.choose-us-wrapper-4 .choose-us-left-img img {
  width: 100%;
  height: 100%;
}
.choose-us-wrapper-4 .choose-us-left-img .sm-thumb {
  position: absolute;
  top: 70px;
  left: -90px;
}
@media (max-width: 1600px) {
  .choose-us-wrapper-4 .choose-us-left-img .sm-thumb {
    top: 0;
    left: 0;
  }
}
.choose-us-wrapper-4 .choose-us-left-img .sm-thumb img {
  width: initial;
  height: initial;
}
.choose-us-wrapper-4 .choose-us-left-img .sm-thumb-2 {
  position: absolute;
  bottom: -90px;
  right: 35%;
}
@media (max-width: 991px) {
  .choose-us-wrapper-4 .choose-us-left-img .sm-thumb-2 {
    bottom: 0;
  }
}
@media (max-width: 575px) {
  .choose-us-wrapper-4 .choose-us-left-img .sm-thumb-2 {
    display: none;
  }
}
.choose-us-wrapper-4 .choose-us-left-img .sm-thumb-2 img {
  width: initial;
  height: initial;
}
.choose-us-wrapper-4 .choose-us-content {
  max-width: 480px;
}
@media (max-width: 991px) {
  .choose-us-wrapper-4 .choose-us-content {
    max-width: 700px;
  }
}
.choose-us-wrapper-4 .choose-us-content .choose-text {
  margin-top: 25px;
}
.choose-us-wrapper-4 .choose-us-content ul {
  margin-top: 20px;
}
.choose-us-wrapper-4 .choose-us-content ul li {
  font-size: 18px;
  font-weight: 500;
}
.choose-us-wrapper-4 .choose-us-content ul li:not(:last-child) {
  margin-bottom: 15px;
}
.choose-us-wrapper-4 .choose-us-content ul li i {
  margin-right: 7px;
  color: var(--theme-color);
}
.choose-us-wrapper-4 .choose-us-content .progress-wrap {
  margin-top: 20px;
}
.choose-us-wrapper-4 .choose-us-content .progress-wrap .pro-items {
  width: 100%;
}
.choose-us-wrapper-4 .choose-us-content .progress-wrap .pro-items:not(:last-child) {
  margin-bottom: 25px;
}
.choose-us-wrapper-4 .choose-us-content .progress-wrap .pro-items .pro-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.choose-us-wrapper-4 .choose-us-content .progress-wrap .pro-items .pro-head .title {
  font-size: 16px;
  font-weight: 500;
  color: #43494D;
}
.choose-us-wrapper-4 .choose-us-content .progress-wrap .pro-items .pro-head .point {
  font-size: 12px;
  font-weight: 500;
  color: var(--white);
  font-family: "Cairo", sans-serif;
  background-color: var(--theme-color);
  padding: 5px 10px;
  line-height: 1;
  position: relative;
  margin-bottom: 10px;
  display: inline-block;
}
.choose-us-wrapper-4 .choose-us-content .progress-wrap .pro-items .pro-head .point::before {
  position: absolute;
  content: "";
  background-color: var(--theme-color);
  left: 0;
  bottom: -10px;
  width: 13px;
  height: 20px;
  clip-path: polygon(100% 0, 0 0, 0 100%);
}
.choose-us-wrapper-4 .choose-us-content .progress-wrap .pro-items .progress {
  border-radius: 2px;
  background: rgba(153, 165, 55, 0.12);
  justify-content: flex-start;
  align-items: center;
  position: relative;
  display: flex;
  height: 4px;
  width: 100%;
}
.choose-us-wrapper-4 .choose-us-content .progress-wrap .pro-items .progress-value {
  animation: load 3s normal forwards;
  border-radius: 0;
  background: var(--theme-color);
  height: 4px;
  width: 0;
  border-radius: 2px;
}
.choose-us-wrapper-4 .choose-us-content .progress-wrap .pro-items .style-two {
  animation: load2 3s normal forwards;
}
@keyframes load {
  0% {
    width: 0;
  }
  100% {
    width: 90%;
  }
}
@keyframes load2 {
  0% {
    width: 0;
  }
  100% {
    width: 75%;
  }
}
.choose-us-wrapper-4 .choose-us-content .theme-btn {
  margin-top: 40px;
}

.choose-us-section-4 {
  position: relative;
}
.choose-us-section-4 .shape-1 {
  position: absolute;
  bottom: 80px;
  left: 80px;
}

.products-feature-icon-box-5 {
  max-width: 276px;
}
@media (max-width: 575px) {
  .products-feature-icon-box-5 {
    text-align: center;
    margin: 0 auto;
  }
}
.products-feature-icon-box-5 .icon {
  font-size: 72px;
  color: var(--theme-color);
}
.products-feature-icon-box-5 .icon i {
  transition: all 0.4s ease-in-out;
  display: inline-block;
}
.products-feature-icon-box-5 .content {
  margin-top: 40px;
}
.products-feature-icon-box-5 .content h4 {
  font-size: 20px;
  font-weight: 800;
  margin-bottom: 10px;
}
.products-feature-icon-box-5:hover .icon i {
  transform: scaleX(-1) !important;
}

.feature-section-5 {
  position: relative;
}
.feature-section-5 .shape-1 {
  position: absolute;
  bottom: 100px;
  right: 90px;
}

.choose-us-wrapper-5 {
  margin-bottom: 85px;
}
@media (max-width: 1399px) {
  .choose-us-wrapper-5 {
    margin-bottom: 0;
  }
}
.choose-us-wrapper-5 .choose-image-left-items {
  max-width: 542px;
  position: relative;
  z-index: 9;
}
@media (max-width: 1399px) {
  .choose-us-wrapper-5 .choose-image-left-items {
    max-width: initial;
  }
}
.choose-us-wrapper-5 .choose-image-left-items img {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  margin-left: 60px;
}
@media (max-width: 1399px) {
  .choose-us-wrapper-5 .choose-image-left-items img {
    width: 100%;
    height: 100%;
    margin-left: 0;
  }
}
.choose-us-wrapper-5 .choose-image-left-items .sm-thumb {
  position: absolute;
  bottom: -120px;
  right: -125px;
}
@media (max-width: 1399px) {
  .choose-us-wrapper-5 .choose-image-left-items .sm-thumb {
    right: 0;
    bottom: 0;
    max-width: 200px;
  }
}
.choose-us-wrapper-5 .choose-image-left-items .sm-thumb img {
  width: initial;
  height: initial;
}
@media (max-width: 1399px) {
  .choose-us-wrapper-5 .choose-image-left-items .sm-thumb img {
    width: 100%;
    height: 100%;
  }
}
.choose-us-wrapper-5 .choose-image-left-items .choose-shape-1 {
  position: absolute;
  z-index: -1;
  top: 70px;
  right: -14%;
  max-width: 150px;
}
.choose-us-wrapper-5 .choose-image-left-items .choose-video .video-btn {
  text-align: center;
  color: #404A3D;
  display: inline-block;
  text-align: center;
  font-size: 25px;
  z-index: 999;
  position: absolute;
  top: 50%;
  left: 12%;
  transform: translate(-50%, -50%);
  z-index: 99;
  width: 100px;
  height: 100px;
  line-height: 100px;
  background-color: var(--theme-color-2);
  border-radius: 100%;
}
@media (max-width: 1399px) {
  .choose-us-wrapper-5 .choose-image-left-items .choose-video .video-btn {
    left: 50%;
  }
}
.choose-us-wrapper-5 .choose-right-content {
  margin-left: 50px;
}
@media (max-width: 1399px) {
  .choose-us-wrapper-5 .choose-right-content {
    margin-left: 30px;
  }
}
@media (max-width: 1199px) {
  .choose-us-wrapper-5 .choose-right-content {
    margin-left: 0;
  }
}
.choose-us-wrapper-5 .choose-right-content .choose-text {
  margin-top: 25px;
}
.choose-us-wrapper-5 .choose-right-content .icon-items-area {
  display: flex;
  align-items: center;
  gap: 60px;
  margin-top: 30px;
}
@media (max-width: 1399px) {
  .choose-us-wrapper-5 .choose-right-content .icon-items-area {
    gap: 20px;
    flex-wrap: wrap;
  }
}
.choose-us-wrapper-5 .choose-right-content .icon-items-area .icon-items {
  display: flex;
  align-items: center;
  gap: 20px;
}
.choose-us-wrapper-5 .choose-right-content .icon-items-area .icon-items .icon {
  font-size: 41px;
  color: var(--theme-color);
}
.choose-us-wrapper-5 .choose-right-content .icon-items-area .icon-items .icon i {
  transition: all 0.4s ease-in-out;
  display: inline-block;
}
.choose-us-wrapper-5 .choose-right-content .icon-items-area .icon-items:hover .icon i {
  transform: scaleX(-1) !important;
}
.choose-us-wrapper-5 .choose-right-content .choose-text-2 {
  margin-top: 25px;
}
.choose-us-wrapper-5 .choose-right-content .list-items {
  display: flex;
  align-items: center;
  gap: 60px;
  margin-top: 30px;
}
@media (max-width: 1399px) {
  .choose-us-wrapper-5 .choose-right-content .list-items {
    flex-wrap: wrap;
    gap: 25px;
  }
}
.choose-us-wrapper-5 .choose-right-content .list-items ul li {
  font-size: 18px;
  font-weight: 500;
  color: #0A2803;
}
.choose-us-wrapper-5 .choose-right-content .list-items ul li:not(:last-child) {
  margin-bottom: 20px;
}
.choose-us-wrapper-5 .choose-right-content .list-items ul li i {
  margin-right: 7px;
  color: var(--theme-color);
}
.choose-us-wrapper-5 .choose-right-content .about-bottom-area {
  margin-top: 35px;
  display: flex;
  align-items: center;
  gap: 40px;
}
@media (max-width: 1399px) {
  .choose-us-wrapper-5 .choose-right-content .about-bottom-area {
    gap: 20px;
    flex-wrap: wrap;
  }
}
.choose-us-wrapper-5 .choose-right-content .about-bottom-area .phone-box-items {
  display: flex;
  align-items: center;
  gap: 20px;
}
.choose-us-wrapper-5 .choose-right-content .about-bottom-area .phone-box-items .icon {
  width: 57px;
  height: 57px;
  line-height: 57px;
  text-align: center;
  background-color: var(--theme-color-2);
  border-radius: 50%;
  color: var(--theme-color);
  font-size: 20px;
}
.choose-us-wrapper-5 .choose-right-content .about-bottom-area .phone-box-items .content p {
  font-weight: 600;
}
.choose-us-wrapper-5 .choose-right-content .about-bottom-area .phone-box-items .content a {
  color: var(--theme-color);
  font-size: 20px;
  font-weight: 800;
}

.counter-section-4 {
  position: relative;
}
.counter-section-4 .shape-1 {
  position: absolute;
  right: 0;
  top: 0;
}

.counter-wrapper-5 {
  display: flex;
  justify-content: space-between;
  text-align: center;
  border: 1px dashed rgba(36, 79, 11, 0.49);
  padding: 50px;
  border-radius: 28px;
  background-color: var(--white);
}
@media (max-width: 1199px) {
  .counter-wrapper-5 {
    padding: 40px;
  }
}
@media (max-width: 991px) {
  .counter-wrapper-5 {
    flex-wrap: wrap;
    gap: 30px;
    padding: 30px;
  }
}
@media (max-width: 575px) {
  .counter-wrapper-5 {
    display: grid;
    justify-content: center;
  }
}
.counter-wrapper-5 .counter-box-items {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (max-width: 575px) {
  .counter-wrapper-5 .counter-box-items {
    display: grid;
    justify-content: center;
  }
}
.counter-wrapper-5 .counter-box-items .icon {
  color: var(--theme-color);
  font-size: 40px;
}
.counter-wrapper-5 .counter-box-items .icon i {
  transition: all 0.4s ease-in-out;
  display: inline-block;
}
.counter-wrapper-5 .counter-box-items:hover .icon i {
  transform: scaleX(-1) !important;
}
.counter-wrapper-5 .line {
  border: 1px dashed rgba(36, 79, 11, 0.23);
}
@media (max-width: 991px) {
  .counter-wrapper-5 .line {
    display: none;
  }
}

.choose-us-wrapper-6 .choose-left-img {
  max-width: 535px;
}
@media (max-width: 1199px) {
  .choose-us-wrapper-6 .choose-left-img {
    max-width: initial;
  }
}
.choose-us-wrapper-6 .choose-left-img img {
  width: 100%;
  height: 100%;
}
.choose-us-wrapper-6 .choose-us-content {
  margin-left: 40px;
}
@media (max-width: 1399px) {
  .choose-us-wrapper-6 .choose-us-content {
    margin-left: 0;
  }
}
.choose-us-wrapper-6 .choose-us-content .icon-items-area {
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1199px) {
  .choose-us-wrapper-6 .choose-us-content .icon-items-area {
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .choose-us-wrapper-6 .choose-us-content .icon-items-area {
    flex-wrap: wrap;
    gap: 30px;
  }
}
.choose-us-wrapper-6 .choose-us-content .icon-items-area ul li {
  display: flex;
  gap: 20px;
}
.choose-us-wrapper-6 .choose-us-content .icon-items-area ul li .icon img {
  transition: all 0.4s ease-in-out;
  display: inline-block;
}
.choose-us-wrapper-6 .choose-us-content .icon-items-area ul li .content h3 {
  font-size: 20px;
}
.choose-us-wrapper-6 .choose-us-content .icon-items-area ul li .content p {
  max-width: 266px;
  margin-top: 7px;
}
.choose-us-wrapper-6 .choose-us-content .icon-items-area ul li:not(:last-child) {
  margin-bottom: 50px;
}
.choose-us-wrapper-6 .choose-us-content .icon-items-area ul li:hover .icon img {
  transform: scaleX(-1) !important;
}

.counter-section-5 {
  position: relative;
  z-index: 999;
}
.counter-section-5::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
  background: var(--white);
  height: 50%;
}

.choose-us-section-6 {
  position: relative;
  z-index: 9;
}
.choose-us-section-6 .shape-1 {
  position: absolute;
  top: 80px;
  right: 80px;
}
.choose-us-section-6 .shape-2 {
  position: absolute;
  bottom: 100px;
  left: 80px;
}

.counter-section-3 {
  position: relative;
  z-index: 999;
}
.counter-section-3::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
  background: #EDF2EC;
  height: 30%;
}
.counter-section-3 .bottom-shape {
  position: absolute;
  top: 30%;
  left: 0;
  right: 0;
  z-index: -1;
}

.counter-section {
  position: relative;
  margin-bottom: 50px;
}
@media (max-width: 1399px) {
  .counter-section {
    margin-bottom: 0;
  }
}
@media (max-width: 1199px) {
  .counter-section {
    margin-bottom: 120px;
  }
}
@media (max-width: 991px) {
  .counter-section {
    margin-bottom: 100px;
  }
}
.counter-section .bottom-shape {
  position: absolute;
  bottom: -30px;
  left: 0;
  right: 0;
}
@media (max-width: 1199px) {
  .counter-section .bottom-shape {
    bottom: -20px;
  }
}
.counter-section .bottom-shape img {
  width: 100%;
}

.rice-flower {
  height: 400px;
  position: relative;
}
@media (max-width: 575px) {
  .rice-flower {
    height: 140px;
    background-size: cover;
  }
  .rice-flower img {
    object-fit: cover;
    height: 270px;
  }
}
.rice-flower img {
  width: 100%;
  animation: ShapeAnim 50s linear infinite;
}

.rice-flower2 {
  height: 330px;
  position: relative;
  top: -30px;
  margin-bottom: -30px;
}
@media (max-width: 575px) {
  .rice-flower2 {
    height: 140px;
    background-size: cover;
  }
}
.rice-flower2 img {
  width: 100%;
  animation: ShapeAnim 50s linear infinite;
}

.choose-vec-line {
  margin-bottom: -20px;
}
.choose-vec-line img {
  width: 100%;
}

.pricing-box-items {
  background-color: var(--white);
  box-shadow: 8px 6px 51.9px 34px rgba(3, 15, 44, 0.03);
  border-radius: 10px;
  padding: 40px 50px;
}
@media (max-width: 1399px) {
  .pricing-box-items {
    padding: 40px 30px;
  }
}
.pricing-box-items .pricing-header .icon-area {
  display: flex;
  align-items: center;
  gap: 20px;
}
.pricing-box-items .pricing-header .icon-area h5 {
  font-size: 22px;
}
.pricing-box-items .pricing-header h2 {
  font-weight: 700;
  color: var(--theme-color);
  margin-top: 20px;
}
.pricing-box-items .pricing-header h2 sup {
  font-size: 16px;
  font-weight: 400;
  color: #5C6672;
}
.pricing-box-items .pricing-header p {
  margin-top: 20px;
  border-bottom: 1px dashed rgba(86, 106, 112, 0.33);
  padding-bottom: 30px;
}
.pricing-box-items .pricing-header .list-items {
  margin-top: 25px;
}
.pricing-box-items .pricing-header .list-items li {
  font-size: 18px;
  font-weight: 500;
}
.pricing-box-items .pricing-header .list-items li:not(:last-child) {
  margin-bottom: 20px;
}
.pricing-box-items .pricing-header .list-items li i {
  margin-right: 7px;
  color: var(--theme-color);
}
.pricing-box-items .pricing-header .theme-btn {
  background-color: transparent;
  border: 1px solid var(--theme-color);
  color: var(--theme-color);
  margin-top: 30px;
}
.pricing-box-items .pricing-header .theme-btn:hover {
  color: var(--header);
}

.company-history-wrapper {
  max-width: 1655px;
  margin: 0 auto;
  border-radius: 30px;
  position: relative;
  z-index: 9;
}
@media (max-width: 575px) {
  .company-history-wrapper {
    text-align: center;
  }
}
.company-history-wrapper::before {
  content: "";
  position: absolute;
  top: 53%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  width: 100%;
  height: 1px;
  border: 1px dashed rgba(13, 57, 4, 0.44);
  z-index: -1;
}
@media (max-width: 1399px) {
  .company-history-wrapper::before {
    display: none;
  }
}
.company-history-wrapper .container {
  max-width: 1322px;
}
.company-history-wrapper .history-box-items {
  margin-top: 30px;
  position: relative;
  z-index: 999;
}
.company-history-wrapper .history-box-items .dot {
  width: 15px;
  height: 15px;
  line-height: 15px;
  background-color: var(--theme-color);
  border-radius: 50%;
  position: absolute;
  top: 15%;
  left: 88%;
}
@media (max-width: 1399px) {
  .company-history-wrapper .history-box-items .dot {
    display: none;
  }
}
.company-history-wrapper .history-box-items h2 {
  font-size: 90px;
  font-weight: 800;
  color: var(--white);
  margin-bottom: 30px;
  line-height: 1;
}
@media (max-width: 575px) {
  .company-history-wrapper .history-box-items h2 {
    font-size: 65px;
  }
}
.company-history-wrapper .history-box-items h3 {
  margin-bottom: 10px;
}
.company-history-wrapper .history-box-items p {
  max-width: 257px;
}
@media (max-width: 575px) {
  .company-history-wrapper .history-box-items p {
    margin: 0 auto;
  }
}

.gallery-card-item .gallery-image {
  position: relative;
}
@media (max-width: 767px) {
  .gallery-card-item .gallery-image {
    height: 500px;
  }
}
.gallery-card-item .gallery-image img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  object-fit: cover;
}
.gallery-card-item .gallery-image::before {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transform: scale(0.7);
  content: "";
  position: absolute;
  background: rgba(237, 202, 116, 0.68);
  z-index: 1;
  transition: 0.5s;
  opacity: 0;
  visibility: hidden;
  border-radius: 10px;
}
.gallery-card-item .gallery-image .icon {
  position: absolute;
  font-size: 38px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
  color: var(--white);
  opacity: 0;
  transition: all 0.4s ease-in-out;
}
.gallery-card-item:hover .gallery-image::before {
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}
.gallery-card-item:hover .gallery-image .icon {
  opacity: 1;
}
.gallery-card-item.style-2 {
  margin-top: 30px;
}

.marquee-section .marquee {
  position: relative;
  --duration: 30s;
  --gap: 0px;
  display: flex;
  overflow: hidden;
  user-select: none;
  gap: 0;
  margin-top: -15px;
}
.marquee-section .marquee .marquee-group {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 30px;
  min-width: 100%;
  animation: scroll var(--duration) linear infinite;
}
.marquee-section .marquee .text {
  font-size: 74px;
  font-weight: 800;
  line-height: 1.1;
  color: transparent;
  display: flex;
  align-items: center;
  gap: 30px;
  transition: all 0.4s ease-in-out;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #0A2803;
}
@media (max-width: 1199px) {
  .marquee-section .marquee .text {
    letter-spacing: initial;
  }
}
@media (max-width: 1199px) {
  .marquee-section .marquee .text {
    font-size: 80px;
  }
}
@media (max-width: 767px) {
  .marquee-section .marquee .text {
    font-size: 60px;
  }
}
@media (max-width: 575px) {
  .marquee-section .marquee .text {
    font-size: 50px;
  }
}
.marquee-section .marquee .text span {
  margin-top: -10px;
  display: inline-block;
  transition: all 0.4s ease-in-out;
}
.marquee-section .marquee .text:hover {
  color: var(--white);
}
.marquee-section .marquee .text:hover span {
  color: var(--theme-color);
}
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-100% - var(--gap)));
  }
}

@media (max-width: 1199px) {
  .style-history-page {
    margin-top: 100px;
  }
}
@media (max-width: 991px) {
  .style-history-page {
    margin-top: 80px;
  }
}

.about-wrapper .about-left-content .about-text {
  margin-top: 25px;
}
.about-wrapper .about-left-content .list-items {
  margin-top: 30px;
  display: flex;
  align-items: center;
  gap: 60px;
}
@media (max-width: 1199px) {
  .about-wrapper .about-left-content .list-items {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.about-wrapper .about-left-content .list-items ul li i {
  margin-right: 8px;
  color: #63AB52;
}
.about-wrapper .about-left-content .list-items ul li:not(:last-child) {
  margin-bottom: 13px;
}
.about-wrapper .about-left-content .about-bottom-area {
  margin-top: 30px;
  display: flex;
  align-items: center;
  gap: 40px;
}
@media (max-width: 1199px) {
  .about-wrapper .about-left-content .about-bottom-area {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.about-wrapper .about-left-content .about-bottom-area .phone-box-items {
  display: flex;
  align-items: center;
  gap: 20px;
}
.about-wrapper .about-left-content .about-bottom-area .phone-box-items .icon {
  width: 57px;
  height: 57px;
  line-height: 57px;
  text-align: center;
  background-color: var(--theme-color-2);
  border-radius: 50%;
  color: var(--theme-color);
  font-size: 20px;
}
.about-wrapper .about-left-content .about-bottom-area .phone-box-items .content p {
  font-weight: 600;
}
.about-wrapper .about-left-content .about-bottom-area .phone-box-items .content a {
  color: var(--theme-color);
  font-size: 20px;
  font-weight: 800;
}
.about-wrapper .about-right-items .about-top-box {
  border-radius: 12px;
  background: #EDDD5E;
  padding: 50px 35px;
  z-index: 9;
  position: relative;
}
.about-wrapper .about-right-items .about-top-box p {
  font-weight: 500;
  color: var(--header);
}
.about-wrapper .about-right-items .about-top-box h2 {
  border-bottom: 1px dashed #3C3C3C;
  padding-bottom: 10px;
}
.about-wrapper .about-right-items .about-top-box .text {
  color: var(--text);
  margin-top: 20px;
}
.about-wrapper .about-right-items .about-image {
  margin-left: -150px;
  margin-top: -40px;
}
@media (max-width: 1399px) {
  .about-wrapper .about-right-items .about-image {
    margin-left: -70px;
  }
}
@media (max-width: 1199px) {
  .about-wrapper .about-right-items .about-image {
    margin-left: 0;
  }
}
.about-wrapper .about-right-items .about-image img {
  width: 100%;
  height: 100%;
  border-radius: 12px;
}

.about-wrapper-2 {
  padding-left: 60px;
  padding-right: 10px;
}
@media (max-width: 1199px) {
  .about-wrapper-2 {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media (max-width: 767px) {
  .about-wrapper-2 .section-title {
    text-align: left !important;
  }
}
.about-wrapper-2 .left-image {
  max-width: 356px;
  margin-right: -110px;
  margin-left: 30px;
}
@media (max-width: 1600px) {
  .about-wrapper-2 .left-image {
    margin-right: -50px;
  }
}
@media (max-width: 1199px) {
  .about-wrapper-2 .left-image {
    margin-left: 0;
    margin-right: 0;
    text-align: center;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .about-wrapper-2 .left-image {
    max-width: 700px;
  }
}
.about-wrapper-2 .left-image img {
  width: 100%;
  height: 100%;
  transform: rotate(-9.204deg);
  border-radius: 12px;
}
@media (max-width: 1199px) {
  .about-wrapper-2 .left-image img {
    transform: rotate(0);
    object-fit: cover;
  }
}
.about-wrapper-2 .about-item {
  max-width: 740px;
  margin: 0 auto;
  position: relative;
  z-index: 99;
}
.about-wrapper-2 .about-item .about-text {
  max-width: 730px;
  margin: 30px auto 30px;
  text-align: center;
}
@media (max-width: 767px) {
  .about-wrapper-2 .about-item .about-text {
    text-align: left;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .about-wrapper-2 .about-item .about-text {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
.about-wrapper-2 .about-item .progress-wrap {
  margin-top: 30px;
}
.about-wrapper-2 .about-item .progress-wrap .pro-items {
  width: 100%;
}
.about-wrapper-2 .about-item .progress-wrap .pro-items:not(:last-child) {
  margin-bottom: 30px;
}
.about-wrapper-2 .about-item .progress-wrap .pro-items .pro-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.about-wrapper-2 .about-item .progress-wrap .pro-items .pro-head .title {
  color: var(--header);
}
.about-wrapper-2 .about-item .progress-wrap .pro-items .pro-head .point {
  font-size: 16px;
  font-weight: 700;
  color: var(--header);
}
.about-wrapper-2 .about-item .progress-wrap .pro-items .progress {
  background: rgba(82, 145, 73, 0.18);
  justify-content: flex-start;
  align-items: center;
  position: relative;
  display: flex;
  height: 6px;
  width: 100%;
}
.about-wrapper-2 .about-item .progress-wrap .pro-items .progress.color-2 {
  background-color: rgba(237, 221, 94, 0.18);
}
.about-wrapper-2 .about-item .progress-wrap .pro-items .progress.color-2 .progress-value {
  background-color: var(--theme-color-2);
}
.about-wrapper-2 .about-item .progress-wrap .pro-items .progress-value {
  animation: load 3s normal forwards;
  border-radius: 0;
  background: var(--theme-color);
  height: 6px;
  width: 0;
}
.about-wrapper-2 .about-item .progress-wrap .pro-items .style-two {
  animation: load2 3s normal forwards;
}
.about-wrapper-2 .about-item .progress-wrap .pro-items .style-three {
  animation: load3 3s normal forwards;
}
@keyframes load {
  0% {
    width: 0;
  }
  100% {
    width: 95%;
  }
}
@keyframes load2 {
  0% {
    width: 0;
  }
  100% {
    width: 89%;
  }
}
.about-wrapper-2 .about-item .about-bottom-area {
  margin-top: 60px;
  display: flex;
  align-items: center;
  gap: 40px;
  justify-content: center;
}
@media (max-width: 1199px) {
  .about-wrapper-2 .about-item .about-bottom-area {
    flex-wrap: wrap;
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .about-wrapper-2 .about-item .about-bottom-area {
    margin-top: 30px;
  }
}
@media (max-width: 575px) {
  .about-wrapper-2 .about-item .about-bottom-area {
    justify-content: start;
  }
}
.about-wrapper-2 .about-item .about-bottom-area .phone-box-items {
  display: flex;
  align-items: center;
  gap: 20px;
}
.about-wrapper-2 .about-item .about-bottom-area .phone-box-items .icon {
  width: 57px;
  height: 57px;
  line-height: 57px;
  text-align: center;
  background-color: var(--theme-color-2);
  border-radius: 50%;
  color: var(--theme-color);
  font-size: 20px;
}
.about-wrapper-2 .about-item .about-bottom-area .phone-box-items .content p {
  font-weight: 600;
}
.about-wrapper-2 .about-item .about-bottom-area .phone-box-items .content a {
  color: var(--theme-color);
  font-size: 20px;
  font-weight: 800;
}
.about-wrapper-2 .right-image {
  max-width: 356px;
  margin-left: -110px;
  margin-right: 70px;
}
@media (max-width: 1600px) {
  .about-wrapper-2 .right-image {
    margin-left: -40px;
  }
}
@media (max-width: 1199px) {
  .about-wrapper-2 .right-image {
    margin-left: 0;
    margin-right: 0;
    text-align: center;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .about-wrapper-2 .right-image {
    max-width: 700px;
  }
}
.about-wrapper-2 .right-image img {
  width: 100%;
  height: 100%;
  transform: rotate(15deg);
  border-radius: 12px;
}
@media (max-width: 1199px) {
  .about-wrapper-2 .right-image img {
    transform: rotate(0);
  }
}

.about-wrapper-3 {
  margin-top: 40px;
  position: relative;
  z-index: 99;
}
@media (max-width: 991px) {
  .about-wrapper-3 {
    margin-top: 0;
  }
}
@media (max-width: 1399px) {
  .about-wrapper-3 .about-image-items .image-1 img {
    width: 100%;
    height: 100%;
  }
}
.about-wrapper-3 .about-image-items .image-2 {
  margin-top: -92%;
  text-align: center;
  margin-left: 85px;
}
@media (max-width: 1399px) {
  .about-wrapper-3 .about-image-items .image-2 {
    margin-left: -70px;
    margin-top: -56%;
  }
}
@media (max-width: 1199px) {
  .about-wrapper-3 .about-image-items .image-2 {
    margin-left: -35px;
    max-width: 500px;
  }
  .about-wrapper-3 .about-image-items .image-2 img {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .about-wrapper-3 .about-image-items .image-2 {
    display: none;
  }
}
.about-wrapper-3 .about-content {
  margin-left: 100px;
}
@media (max-width: 1399px) {
  .about-wrapper-3 .about-content {
    margin-left: 0;
  }
}
.about-wrapper-3 .about-content .about-text {
  margin-top: 25px;
}
.about-wrapper-3 .about-content .list-items {
  display: flex;
  align-items: center;
  gap: 60px;
  margin-top: 30px;
}
@media (max-width: 1199px) {
  .about-wrapper-3 .about-content .list-items {
    flex-wrap: wrap;
    gap: 30px;
  }
}
.about-wrapper-3 .about-content .list-items ul li {
  font-size: 18px;
  font-weight: 500;
}
.about-wrapper-3 .about-content .list-items ul li:not(:last-child) {
  margin-bottom: 20px;
}
.about-wrapper-3 .about-content .list-items ul li i {
  margin-right: 7px;
  color: var(--theme-color);
}
.about-wrapper-3 .about-content .circle-progress-bar-wrapper {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-top: 50px;
  margin-bottom: 30px;
}
.about-wrapper-3 .about-content .circle-progress-bar-wrapper.style-white-color .single-circle-bar .circle-bar div span {
  background-color: var(--white);
}
@media (max-width: 1399px) {
  .about-wrapper-3 .about-content .circle-progress-bar-wrapper {
    gap: 30px;
    flex-wrap: wrap;
  }
}
@media (max-width: 991px) {
  .about-wrapper-3 .about-content .circle-progress-bar-wrapper {
    margin-top: 40px;
    gap: 70px;
  }
}
@media (max-width: 991px) {
  .about-wrapper-3 .about-content .circle-progress-bar-wrapper {
    gap: 20px;
  }
}
@media (max-width: 575px) {
  .about-wrapper-3 .about-content .circle-progress-bar-wrapper {
    margin-top: 30px;
    flex-wrap: wrap;
    gap: 10px;
  }
}
.about-wrapper-3 .about-content .circle-progress-bar-wrapper .single-circle-bar {
  display: flex;
  align-items: center;
  gap: 25px;
}
.about-wrapper-3 .about-content .circle-progress-bar-wrapper .single-circle-bar span {
  font-size: 18px;
  line-height: 1;
  font-weight: 600;
}
.about-wrapper-3 .about-content .circle-progress-bar-wrapper .single-circle-bar .content h6 {
  display: block;
  margin-bottom: 0;
  font-weight: 700;
  font-size: 18px;
  line-height: 135%;
}
@media (max-width: 575px) {
  .about-wrapper-3 .about-content .circle-progress-bar-wrapper .single-circle-bar .content br {
    display: block;
  }
}
.about-wrapper-3 .about-content .circle-progress-bar-wrapper .single-circle-bar .circle-bar {
  position: relative;
  height: 120px;
  width: 120px;
}
.about-wrapper-3 .about-content .circle-progress-bar-wrapper .single-circle-bar .circle-bar div {
  position: absolute;
  height: 100px;
  width: 100px;
  border-radius: 50%;
}
.about-wrapper-3 .about-content .circle-progress-bar-wrapper .single-circle-bar .circle-bar div span {
  position: absolute;
  font-size: 20px;
  line-height: 92px;
  height: 90px;
  width: 90px;
  left: 5px;
  top: 5px;
  font-weight: 600;
  text-align: center;
  border-radius: 50%;
  background-color: #FFF9E8;
  color: var(--header);
}
.about-wrapper-3 .about-content .circle-progress-bar-wrapper .single-circle-bar .circle-bar .background {
  background-color: rgba(91, 140, 81, 0.17) !important;
}
.about-wrapper-3 .about-content .circle-progress-bar-wrapper .single-circle-bar .circle-bar .rotate {
  clip: rect(0 50px 100px 0);
  background-color: var(--theme-color) !important;
}
.about-wrapper-3 .about-content .circle-progress-bar-wrapper .single-circle-bar .circle-bar .left {
  clip: rect(0 50px 100px 0);
  opacity: 1;
  background-color: var(--bg) !important;
}
.about-wrapper-3 .about-content .circle-progress-bar-wrapper .single-circle-bar .circle-bar .right {
  clip: rect(0 50px 100px 0);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  opacity: 0;
  background-color: var(--theme-color) !important;
}
.about-wrapper-3 .about-content .about-bottom-area {
  margin-top: 30px;
  display: flex;
  align-items: center;
  gap: 40px;
}
@media (max-width: 1199px) {
  .about-wrapper-3 .about-content .about-bottom-area {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.about-wrapper-3 .about-content .about-bottom-area .phone-box-items {
  display: flex;
  align-items: center;
  gap: 20px;
}
.about-wrapper-3 .about-content .about-bottom-area .phone-box-items .icon {
  width: 57px;
  height: 57px;
  line-height: 57px;
  text-align: center;
  background-color: var(--theme-color-2);
  border-radius: 50%;
  color: var(--theme-color);
  font-size: 20px;
}
.about-wrapper-3 .about-content .about-bottom-area .phone-box-items .content p {
  font-weight: 600;
}
.about-wrapper-3 .about-content .about-bottom-area .phone-box-items .content a {
  color: var(--theme-color);
  font-size: 20px;
  font-weight: 800;
}

.about-section-3 {
  margin: 0 48px;
  border-radius: 28px;
  position: relative;
  z-index: 9;
}
@media (max-width: 1600px) {
  .about-section-3 {
    margin: 0 40px;
  }
}
@media (max-width: 1399px) {
  .about-section-3 {
    margin: 0 30px;
  }
}
@media (max-width: 1199px) {
  .about-section-3 {
    margin: 0 20px;
    padding-bottom: 100px !important;
  }
}
@media (max-width: 991px) {
  .about-section-3 {
    padding-bottom: 80px !important;
  }
}
.about-section-3 .shape-1 {
  position: absolute;
  left: 0;
  bottom: 16%;
}
.about-section-3 .shape-2 {
  position: absolute;
  top: 56px;
  right: 0;
}

.about-section-4 {
  background-color: var(--theme-color);
}

.about-wrapper-4 {
  margin-bottom: 74px;
}
@media (max-width: 1399px) {
  .about-wrapper-4 {
    margin-bottom: 10px;
  }
}
@media (max-width: 1199px) {
  .about-wrapper-4 {
    margin-bottom: 0;
  }
}
.about-wrapper-4 .about-left-content {
  margin-right: 100px;
}
@media (max-width: 1399px) {
  .about-wrapper-4 .about-left-content {
    margin-right: 50px;
  }
}
@media (max-width: 1199px) {
  .about-wrapper-4 .about-left-content {
    margin-right: 0;
  }
}
@media (max-width: 575px) {
  .about-wrapper-4 .about-left-content {
    text-align: center;
  }
}
.about-wrapper-4 .about-left-content .about-text {
  color: var(--white);
  margin-top: 25px;
}
.about-wrapper-4 .about-left-content .about-icon-area {
  margin-top: 35px;
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (max-width: 767px) {
  .about-wrapper-4 .about-left-content .about-icon-area {
    margin-top: 30px;
  }
}
@media (max-width: 575px) {
  .about-wrapper-4 .about-left-content .about-icon-area {
    justify-content: center;
  }
}
@media (max-width: 470px) {
  .about-wrapper-4 .about-left-content .about-icon-area {
    flex-wrap: wrap;
  }
}
.about-wrapper-4 .about-left-content .about-icon-area .icon {
  max-width: 95px;
  height: 95px;
  line-height: 115px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--theme-color-2);
  font-size: 40px;
  color: var(--header);
  width: 100%;
}
.about-wrapper-4 .about-left-content .about-icon-area .icon i {
  transition: all 0.4s ease-in-out;
  display: inline-block;
}
.about-wrapper-4 .about-left-content .about-icon-area .content h3 {
  font-size: 22px;
  color: var(--white);
}
.about-wrapper-4 .about-left-content .about-icon-area .content p {
  margin-top: 7px;
  color: var(--white);
}
.about-wrapper-4 .about-left-content .about-icon-area:hover .icon i {
  transform: scaleX(-1) !important;
}
.about-wrapper-4 .about-left-content .about-bottom-area {
  margin-top: 50px;
  display: flex;
  align-items: center;
  gap: 40px;
}
@media (max-width: 767px) {
  .about-wrapper-4 .about-left-content .about-bottom-area {
    margin-top: 30px;
  }
}
@media (max-width: 1199px) {
  .about-wrapper-4 .about-left-content .about-bottom-area {
    flex-wrap: wrap;
    gap: 20px;
  }
}
@media (max-width: 575px) {
  .about-wrapper-4 .about-left-content .about-bottom-area {
    justify-content: center;
  }
}
.about-wrapper-4 .about-left-content .about-bottom-area .theme-btn {
  background-color: var(--white);
  color: #244F0B;
}
.about-wrapper-4 .about-left-content .about-bottom-area .phone-box-items {
  display: flex;
  align-items: center;
  gap: 20px;
}
.about-wrapper-4 .about-left-content .about-bottom-area .phone-box-items .icon {
  width: 57px;
  height: 57px;
  line-height: 57px;
  text-align: center;
  background-color: var(--theme-color-2);
  border-radius: 50%;
  color: var(--theme-color);
  font-size: 20px;
}
.about-wrapper-4 .about-left-content .about-bottom-area .phone-box-items .content p {
  font-weight: 600;
  color: var(--white);
}
@media (max-width: 575px) {
  .about-wrapper-4 .about-left-content .about-bottom-area .phone-box-items .content p {
    text-align: left;
  }
}
.about-wrapper-4 .about-left-content .about-bottom-area .phone-box-items .content a {
  color: var(--white);
  font-size: 20px;
  font-weight: 800;
}
.about-wrapper-4 .about-right-image {
  margin-left: 30px;
  position: relative;
  z-index: 9;
}
@media (max-width: 1199px) {
  .about-wrapper-4 .about-right-image {
    margin-left: 0;
  }
}
.about-wrapper-4 .about-right-image img {
  width: 100%;
  height: 100%;
  border-radius: 28px;
}
.about-wrapper-4 .about-right-image .sm-image {
  position: absolute;
  bottom: -65px;
  left: -60px;
}
@media (max-width: 1199px) {
  .about-wrapper-4 .about-right-image .sm-image {
    bottom: 0;
    left: 0;
  }
}
@media (max-width: 767px) {
  .about-wrapper-4 .about-right-image .sm-image {
    max-width: 220px;
  }
  .about-wrapper-4 .about-right-image .sm-image img {
    width: 100% !important;
    height: 100% !important;
  }
}
.about-wrapper-4 .about-right-image .sm-image img {
  width: initial;
  height: initial;
}
.about-wrapper-4 .about-right-image .shape-1 {
  position: absolute;
  top: 90px;
  left: -70px;
}
@media (max-width: 1199px) {
  .about-wrapper-4 .about-right-image .shape-1 {
    display: none;
  }
}
.about-wrapper-4 .about-right-image .shape-2 {
  position: absolute;
  bottom: -29%;
  right: 80px;
}
@media (max-width: 1199px) {
  .about-wrapper-4 .about-right-image .shape-2 {
    display: none;
  }
}

.about-wrapper-5 {
  margin-right: -40%;
}
@media (max-width: 1600px) {
  .about-wrapper-5 {
    margin-right: -20%;
  }
}
@media (max-width: 1199px) {
  .about-wrapper-5 {
    margin-right: 0;
  }
}
@media (max-width: 575px) {
  .about-wrapper-5 .about-left-items {
    text-align: center;
  }
}
.about-wrapper-5 .about-left-items .about-text {
  margin-top: 25px;
  max-width: 532px;
}
.about-wrapper-5 .about-left-items .bottom-items {
  display: flex;
  align-items: center;
  gap: 45px;
  margin-top: 40px;
}
@media (max-width: 1199px) {
  .about-wrapper-5 .about-left-items .bottom-items {
    flex-wrap: wrap;
    gap: 25px;
  }
}
@media (max-width: 575px) {
  .about-wrapper-5 .about-left-items .bottom-items {
    justify-content: center;
  }
}
.about-wrapper-5 .about-left-items .bottom-items .counter-box-items {
  display: flex;
  gap: 20px;
}
.about-wrapper-5 .about-left-items .bottom-items .counter-box-items .icon {
  font-size: 47px;
  color: var(--header);
  background-color: var(--theme-color-2);
  width: 102px;
  height: 102px;
  line-height: 118px;
  border-radius: 28px;
  text-align: center;
  margin: 0 auto;
}
.about-wrapper-5 .about-left-items .bottom-items .counter-box-items .icon i {
  transition: all 0.4s ease-in-out;
  display: inline-block;
}
.about-wrapper-5 .about-left-items .bottom-items .counter-box-items .content {
  margin-top: 20px;
}
.about-wrapper-5 .about-left-items .bottom-items .counter-box-items .content p {
  font-weight: 500;
}
@media (max-width: 575px) {
  .about-wrapper-5 .about-left-items .bottom-items .counter-box-items .content p {
    text-align: left;
  }
}
.about-wrapper-5 .about-left-items .bottom-items .counter-box-items:hover .icon i {
  transform: scaleX(-1) !important;
}
@media (max-width: 575px) {
  .about-wrapper-5 .about-right-thumb {
    text-align: center;
  }
}
.about-wrapper-5 .about-right-thumb .about-thumb-box .thumb img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
.about-wrapper-5 .about-right-thumb .about-thumb-box h3 {
  font-size: 34px;
  font-weight: 700;
  margin-top: 20px;
}
@media (max-width: 1899px) {
  .about-wrapper-5 .about-right-thumb .about-thumb-box h3 {
    font-size: 24px;
  }
}

.about-section-5 {
  position: relative;
  z-index: 9;
}
.about-section-5 .shape-1 {
  position: absolute;
  bottom: -2%;
  left: 0;
}

.service-wrapper {
  border-radius: 30px;
  border: 1px solid rgba(91, 140, 81, 0.26);
  background: #EDF2EC;
  padding: 45px 55px;
  margin-top: 60px;
  padding-top: 0;
}
@media (max-width: 1199px) {
  .service-wrapper {
    padding: 40px;
  }
}
@media (max-width: 991px) {
  .service-wrapper {
    padding: 30px;
  }
}
.service-wrapper .service-content-area {
  display: flex;
  gap: 30px;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 575px) {
  .service-wrapper .service-content-area {
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    text-align: center;
  }
  .service-wrapper .service-content-area .icon {
    margin: 0 auto;
  }
}
.service-wrapper .service-content-area .icon {
  max-width: 104px;
  height: 104px;
  line-height: 120px;
  border-radius: 50%;
  text-align: center;
  background-color: var(--white);
  color: var(--theme-color);
  width: 100%;
  font-size: 43px;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 1199px) {
  .service-wrapper .service-content-area .icon {
    max-width: 70px;
    height: 70px;
    line-height: 80px;
    font-size: 26px;
  }
}
.service-wrapper .service-content-area .icon i {
  transition: all 0.4s ease-in-out;
  display: inline-block;
  transition: all 0.4s ease-in-out;
}
.service-wrapper .service-content-area .content h3 {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 10px;
}
@media (max-width: 1199px) {
  .service-wrapper .service-content-area .content h3 {
    font-size: 26px;
  }
}
.service-wrapper .service-content-area .content h3 a:hover {
  color: var(--theme-color);
}
.service-wrapper .service-content-area .content p {
  max-width: 457px;
}
.service-wrapper .service-content-area .content .theme-btn {
  margin-top: 40px;
}
@media (max-width: 991px) {
  .service-wrapper .service-content-area .content .theme-btn {
    margin-top: 25px;
  }
}
.service-wrapper .service-image {
  border-radius: 12px;
  overflow: hidden;
}
.service-wrapper .service-image img {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.7s;
  transition-property: all;
}
.service-wrapper:hover .service-content-area .icon {
  background-color: var(--theme-color-2);
}
.service-wrapper:hover .service-content-area .icon i {
  transform: scaleX(-1) !important;
}
.service-wrapper:hover .service-image img {
  transform: scale(1.1) rotate(2deg);
}

.service-section {
  position: relative;
  z-index: 9;
  margin-top: 40px;
}
@media (max-width: 1199px) {
  .service-section {
    margin-top: 20px;
  }
}
.service-section .top-shape {
  position: absolute;
  top: -40px;
  left: 0;
  right: 0;
}
@media (max-width: 1199px) {
  .service-section .top-shape {
    top: -20px;
  }
}
.service-section .top-shape img {
  width: 100%;
}
.service-section .service-left-shape {
  position: absolute;
  top: 156px;
  left: 85px;
}
.service-section .service-right-shape {
  position: absolute;
  top: 64px;
  right: 130px;
}
.service-section .nav {
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: center;
  margin-bottom: 50px;
  margin-top: -20px;
}
.service-section .nav .nav-item .nav-link {
  display: inline-block;
  border: 1px solid rgba(91, 140, 81, 0.26);
  border-radius: 30px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  padding: 10px 22px;
  background-color: #EDF2EC;
  color: var(--theme-color);
}
.service-section .nav .nav-item .nav-link.active {
  background-color: var(--theme-color);
  color: var(--white);
}

@media (max-width: 575px) {
  .service-section-2 .section-title-area {
    text-align: center;
    justify-content: center;
  }
}
.service-section-2 .section-title-area .counter-area {
  display: flex;
  align-items: center;
  gap: 60px;
}

.service-box-items-2 {
  margin-top: 30px;
  border-radius: 30px;
  background: #EDF2EC;
  padding: 20px;
}
@media (max-width: 575px) {
  .service-box-items-2 {
    text-align: center;
  }
}
.service-box-items-2 .content {
  padding: 20px;
}
@media (max-width: 575px) {
  .service-box-items-2 .content {
    padding-top: 10px;
  }
}
.service-box-items-2 .content h3 {
  max-width: 171px;
  font-size: 28px;
  font-weight: 700;
}
@media (max-width: 575px) {
  .service-box-items-2 .content h3 {
    font-size: 24px;
    margin: 0 auto;
  }
}
.service-box-items-2 .content h3 a:hover {
  color: var(--theme-color);
}
.service-box-items-2 .content p {
  margin-top: 10px;
}
.service-box-items-2 .image {
  position: relative;
  z-index: 9;
  margin-top: 20px;
}
.service-box-items-2 .image img {
  width: 100%;
  height: 100%;
  border-radius: 12px;
}
.service-box-items-2 .image .name {
  border-radius: 2px;
  background: var(--theme-color-2);
  padding: 10px 14px;
  line-height: 1;
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  color: #0A2803;
  position: absolute;
  top: -20px;
  left: 35px;
}

.service-box-items-3 {
  margin-top: 30px;
  overflow: hidden;
  background-color: var(--white);
  box-shadow: 0px 9px 50px 11px rgba(1, 53, 102, 0.06);
  border-radius: 12px;
}
.service-box-items-3 .service-thumb {
  width: 312px;
  min-width: 100%;
  height: 312px;
  border-radius: 50%;
  overflow: hidden;
  margin-top: -180px;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 1399px) {
  .service-box-items-3 .service-thumb {
    width: initial;
  }
}
@media (max-width: 1399px) {
  .service-box-items-3 .service-thumb {
    height: initial;
    border-radius: 0;
  }
}
.service-box-items-3 .service-thumb img {
  width: 100%;
  height: 100%;
  transition: all 0.4s ease-in-out;
  object-fit: cover;
}
.service-box-items-3 .service-content {
  padding: 0 30px 40px;
  position: relative;
  z-index: 99;
  text-align: center;
}
.service-box-items-3 .service-content .icon {
  width: 96px;
  height: 96px;
  line-height: 110px;
  border-radius: 50%;
  background-color: var(--theme-color);
  text-align: center;
  color: var(--white);
  font-size: 35px;
  margin: 0 auto;
  margin-top: -50px;
}
.service-box-items-3 .service-content .icon i {
  transition: all 0.4s ease-in-out;
  display: inline-block;
}
.service-box-items-3 .service-content h4 {
  margin-top: 25px;
  font-size: 22px;
  font-weight: 800;
}
.service-box-items-3 .service-content h4 a:hover {
  color: var(--theme-color);
}
.service-box-items-3 .service-content p {
  font-weight: 500;
  margin-top: 10px;
}
.service-box-items-3 .service-content .link-btn {
  color: #63AB52;
  margin-top: 10px;
  display: inline-block;
  transition: all 0.4s ease-in-out;
  font-weight: 800;
  font-size: 16px;
  font-family: "Cairo", sans-serif;
}
.service-box-items-3 .service-content .link-btn i {
  margin-left: 5px;
  transform: rotate(-45deg);
}
.service-box-items-3 .service-content .link-btn:hover {
  color: var(--header);
}
.service-box-items-3:hover .service-thumb {
  border-radius: 0;
}
.service-box-items-3:hover .service-thumb img {
  border-radius: 0;
}
.service-box-items-3:hover .service-content .icon i {
  transform: scaleX(-1) !important;
}

.service-section-3 {
  position: relative;
  z-index: 9;
}
.service-section-3 .shape-1 {
  position: absolute;
  top: 10%;
  right: 10%;
}

.service-wrapper-4 {
  margin-left: -57%;
  margin-right: -13%;
}
@media (max-width: 1199px) {
  .service-wrapper-4 {
    margin-left: 0;
    margin-right: 0;
  }
}
.service-wrapper-4 .service-box-items-4 {
  margin-top: 30px;
}
.service-wrapper-4 .service-box-items-4 .thumb {
  padding-right: 25px;
}
@media (max-width: 575px) {
  .service-wrapper-4 .service-box-items-4 .thumb {
    padding-right: 0;
  }
}
.service-wrapper-4 .service-box-items-4 .thumb img {
  width: 100%;
  height: 100%;
  border-radius: 28px;
}
.service-wrapper-4 .service-box-items-4 .service-content-area {
  background: #f9f7f7;
  border-radius: 12px;
  padding: 30px;
  margin-top: -30%;
  z-index: 1;
  position: relative;
  margin-left: 25px;
}
@media (max-width: 575px) {
  .service-wrapper-4 .service-box-items-4 .service-content-area {
    margin-left: 18px;
    margin-right: 18px;
  }
}
.service-wrapper-4 .service-box-items-4 .service-content-area .icon {
  width: 96px;
  height: 96px;
  line-height: 110px;
  background-color: var(--theme-color);
  font-size: 40px;
  color: var(--white);
  text-align: center;
  border-radius: 50%;
  margin-top: -80px;
}
@media (max-width: 575px) {
  .service-wrapper-4 .service-box-items-4 .service-content-area .icon {
    margin: -80px auto 0;
  }
}
.service-wrapper-4 .service-box-items-4 .service-content-area .icon i {
  transition: all 0.4s ease-in-out;
  display: inline-block;
}
@media (max-width: 575px) {
  .service-wrapper-4 .service-box-items-4 .service-content-area .content {
    text-align: center;
  }
}
.service-wrapper-4 .service-box-items-4 .service-content-area .content h4 {
  font-size: 22px;
  font-weight: 800;
  margin-top: 20px;
}
.service-wrapper-4 .service-box-items-4 .service-content-area .content h4 a:hover {
  color: var(--theme-color);
}
.service-wrapper-4 .service-box-items-4 .service-content-area .content p {
  margin-top: 10px;
}
.service-wrapper-4 .service-box-items-4 .service-content-area:hover .icon i {
  transform: scaleX(-1) !important;
}

.service-feature-thumb-items-4 {
  position: relative;
  z-index: 9;
  overflow: hidden;
}
@media (max-width: 1199px) {
  .service-feature-thumb-items-4 {
    height: 500px;
  }
  .service-feature-thumb-items-4 img {
    object-fit: cover;
  }
}
.service-feature-thumb-items-4 img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
.service-feature-thumb-items-4 .text-title {
  font-size: 22px;
  font-weight: 800;
  background-color: var(--white);
  padding: 28px;
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  border-radius: 8px;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 575px) {
  .service-feature-thumb-items-4 .text-title {
    text-align: center;
  }
}
.service-feature-thumb-items-4 .content {
  text-align: center;
  background-color: var(--white);
  padding: 40px;
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  border-radius: 8px;
  transition: all 0.4s ease-in-out;
  opacity: 0;
  visibility: hidden;
  transform: translateY(80%);
}
.service-feature-thumb-items-4 .content .icon {
  font-size: 53px;
  color: var(--theme-color);
}
.service-feature-thumb-items-4 .content h3 {
  font-size: 22px;
  margin-top: 20px;
}
.service-feature-thumb-items-4 .content h3 a:hover {
  color: var(--theme-color);
}
.service-feature-thumb-items-4 .content p {
  max-width: 291px;
  margin: 0 auto;
  margin-top: 7px;
}
.service-feature-thumb-items-4:hover .content {
  transform: translateY(0px);
  opacity: 1;
  visibility: visible;
}
.service-feature-thumb-items-4:hover .text-title {
  opacity: 0;
  visibility: hidden;
}
.service-feature-thumb-items-4.active .content {
  transform: translateY(0px);
  opacity: 1;
  visibility: visible;
}
.service-feature-thumb-items-4.active .text-title {
  opacity: 0;
  visibility: hidden;
}

.service-box-items-5 {
  background-color: #f6f6f6;
  border-radius: 12px;
}
@media (max-width: 575px) {
  .service-box-items-5 {
    text-align: center;
  }
}
.service-box-items-5.style-2 {
  margin-top: 30px;
}
@media (max-width: 1199px) {
  .service-box-items-5.style-2 {
    margin-top: 0;
  }
}
.service-box-items-5 .content {
  padding: 40px 30px;
}
@media (max-width: 991px) {
  .service-box-items-5 .content {
    padding: 28px;
  }
}
.service-box-items-5 .content h4 {
  font-size: 20px;
  font-weight: 800;
}
.service-box-items-5 .content h4 a:hover {
  color: var(--theme-color);
}
.service-box-items-5 .content p {
  margin-top: 10px;
}
.service-box-items-5 .content .icon {
  margin-top: 20px;
  width: 65px;
  height: 65px;
  line-height: 74px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--theme-color);
  color: var(--white);
  font-size: 27px;
  margin-bottom: -70px;
  z-index: 999;
  position: relative;
}
@media (max-width: 575px) {
  .service-box-items-5 .content .icon {
    margin: 20px auto -70px;
  }
}
.service-box-items-5 .content .icon i {
  transition: all 0.4s ease-in-out;
  display: inline-block;
}
.service-box-items-5 .thumb img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
.service-box-items-5:hover .content .icon i {
  transform: scaleX(-1) !important;
}

.service-section-5 {
  position: relative;
  z-index: 9;
}
.service-section-5 .shape-1 {
  position: absolute;
  top: -100px;
  right: 0;
}
.service-section-5 .array-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 99;
  left: 12%;
  right: 12%;
}
@media (max-width: 1899px) {
  .service-section-5 .array-button {
    left: 1%;
    right: 1%;
  }
}
@media (max-width: 1399px) {
  .service-section-5 .array-button {
    display: none;
  }
}
.service-section-5 .array-button .array-prev, .service-section-5 .array-button .array-next {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  background: transparent;
  border: 1px solid var(--theme-color);
  color: var(--theme-color);
}

.service-feature-section-4 {
  margin-top: -250px;
}

.service-details-wrapper .service-details-content .service-img img {
width: 52%;
height: 12%;
border-radius: 28px;
}
.service-details-wrapper .service-details-content h2 {
  margin-top: 30px;
}
.service-details-wrapper .service-details-content .icon-items-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 40px;
}
@media (max-width: 1399px) {
  .service-details-wrapper .service-details-content .icon-items-area {
    flex-wrap: wrap;
    gap: 30px;
  }
}
.service-details-wrapper .service-details-content .icon-items-area .icon-box {
  max-width: 410px;
}
.service-details-wrapper .service-details-content .icon-items-area .icon-box .icon-items {
  display: flex;
  align-items: center;
  gap: 20px;
  max-width: 223px;
}
.service-details-wrapper .service-details-content .icon-items-area .icon-box .icon-items .icon {
  font-size: 41px;
  color: var(--theme-color);
}
.service-details-wrapper .service-details-content .icon-items-area .icon-box .icon-items .icon i {
  transition: all 0.4s ease-in-out;
  display: inline-block;
}
.service-details-wrapper .service-details-content .icon-items-area .icon-box .icon-items:hover .icon i {
  transform: scaleX(-1) !important;
}
.service-details-wrapper .service-details-content .icon-items-area .icon-box p {
  margin-top: 10px;
}
.service-details-wrapper .service-details-content .service-image-items {
  margin-top: 35px;
}
.service-details-wrapper .service-details-content .service-image-items .service-img img {
  width: 100%;
  height: 100%;
  border-radius: 28px;
}
.service-details-wrapper .service-details-content .service-image-items .service-content {
  margin-left: 20px;
}
@media (max-width: 1199px) {
  .service-details-wrapper .service-details-content .service-image-items .service-content {
    margin-left: 0;
  }
}
.service-details-wrapper .service-details-content .service-image-items .service-content h3 {
  font-size: 34px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .service-details-wrapper .service-details-content .service-image-items .service-content h3 {
    font-size: 24px;
  }
}
.service-details-wrapper .service-details-content .service-image-items .service-content .list-items {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 30px;
}
@media (max-width: 1399px) {
  .service-details-wrapper .service-details-content .service-image-items .service-content .list-items {
    flex-wrap: wrap;
    gap: 30px;
  }
}
.service-details-wrapper .service-details-content .service-image-items .service-content .list-items ul li {
  font-size: 18px;
  font-weight: 500;
  color: #0A2803;
}
.service-details-wrapper .service-details-content .service-image-items .service-content .list-items ul li:not(:last-child) {
  margin-bottom: 20px;
}
.service-details-wrapper .service-details-content .service-image-items .service-content .list-items ul li i {
  margin-right: 7px;
  color: var(--theme-color);
}
.service-details-wrapper .main-sideber .sideber-box {
  padding: 30px 28px;
  background-color: rgb(237, 242, 236);
  border-radius: 28px;
  margin-bottom: 30px;
}
@media (max-width: 1399px) {
  .service-details-wrapper .main-sideber .sideber-box {
    margin-bottom: 30px;
    padding: 30px 28px;
  }
}
.service-details-wrapper .main-sideber .sideber-box .service-categories {
  margin-top: 30px;
}
.service-details-wrapper .main-sideber .sideber-box .service-categories li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  font-weight: 500;
  color: rgb(92, 102, 114);
}
.service-details-wrapper .main-sideber .sideber-box .service-categories li:not(:last-child) {
  border-bottom: 1px solid rgba(34, 48, 53, 0.25);
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.service-details-wrapper .main-sideber .sideber-box .service-categories li span i {
  color: rgb(92, 102, 114);
  margin-left: 5px;
  transform: rotate(-45deg);
}
.service-details-wrapper .main-sideber .sideber-box .service-categories li:hover a {
  color: var(--theme-color);
}
.service-details-wrapper .main-sideber .sidebar-widget-image {
  position: relative;
  z-index: 9999;
}
@media (max-width: 1199px) {
  .service-details-wrapper .main-sideber .sidebar-widget-image {
    height: 420px;
  }
}
.service-details-wrapper .main-sideber .sidebar-widget-image::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  border-radius: 28px;
  background-color: rgba(99, 171, 82, 0.87);
}
.service-details-wrapper .main-sideber .sidebar-widget-image img {
  width: 100%;
  height: 100%;
  border-radius: 28px;
}
.service-details-wrapper .main-sideber .sidebar-widget-image .content {
  position: absolute;
  top: 90px;
  bottom: 45px;
  left: 25px;
  right: 25px;
  z-index: 22;
  text-align: center;
}
.service-details-wrapper .main-sideber .sidebar-widget-image .content h3 {
  font-size: 30px;
  font-weight: 800;
  color: var(--white);
  margin-bottom: 10px;
}
@media (max-width: 1199px) {
  .service-details-wrapper .main-sideber .sidebar-widget-image .content h3 {
    font-size: 25px;
    line-height: 130%;
  }
}
.service-details-wrapper .main-sideber .sidebar-widget-image .content p {
  color: var(--white);
  max-width: 265px;
  margin: 0 auto;
}
.service-details-wrapper .main-sideber .sidebar-widget-image .content .theme-btn {
  background: var(--theme-color-2);
  margin-top: 30px;
  color: var(--header);
}
.service-details-wrapper .main-sideber .sidebar-widget-image .content .theme-btn::before {
  background-color: var(--theme-color);
}
.service-details-wrapper .main-sideber .sidebar-widget-image .content .theme-btn:hover {
  color: var(--white);
}

.shop-box-items {
  padding: 50px;
  border-radius: 12px;
  background: var(--white);
  text-align: center;
  box-shadow: 0 11px 50px 11px rgba(1, 53, 102, 0.05);
  transition: all 0.4s ease-in-out;
  border: 1px solid transparent;
  margin-top: 30px;
}
.shop-box-items .shop-image {
  position: relative;
  z-index: 9;
  padding-top: 50px;
  transition: all 0.4s ease-in-out;
}
.shop-box-items .shop-image .sale-icon {
  border-radius: 4px;
  background: var(--theme-color-2);
  padding: 8px 14px;
  line-height: 1;
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  color: #404A3D;
  position: absolute;
  top: -20px;
  left: -25px;
}
.shop-box-items .shop-image .discount-icon {
  border-radius: 4px;
  background: var(--theme-color);
  padding: 8px 14px;
  line-height: 1;
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  color: var(--white);
  position: absolute;
  top: -20px;
  right: -25px;
}
.shop-box-items .shop-image .shop-icon {
  gap: 10px;
  position: absolute;
  bottom: -2%;
  left: 0;
  transform: translateY(-50%);
  right: 0;
  transition: all 0.4s ease-in-out;
}
.shop-box-items .shop-image .shop-icon li {
  transform: scaleX(0);
  transition: 0.4s ease-in-out;
  cursor: pointer;
}
.shop-box-items .shop-image .shop-icon li a {
  background-color: var(--white);
  width: 37px;
  height: 37px;
  line-height: 37px;
  display: inline-block;
  color: #3C3C3C;
  text-align: center;
  transition: all 0.4s ease-in-out;
  border-radius: 50%;
}
.shop-box-items .shop-image .shop-icon li a:hover {
  background-color: var(--header);
  color: var(--white);
}
.shop-box-items .content {
  margin-top: 40px;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 1199px) {
  .shop-box-items .content {
    margin-top: 20px;
  }
}
.shop-box-items .content .star {
  color: #EDDD5E;
}
.shop-box-items .content h5 {
  font-size: 18px;
  font-weight: 700;
  margin-top: 6px;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 1399px) {
  .shop-box-items .content h5 {
    font-size: 16px;
  }
}
.shop-box-items .content h5 a:hover {
  color: var(--theme-color);
}
.shop-box-items .content ul {
  display: flex;
  gap: 18px;
  align-items: center;
  margin-top: 8px;
  justify-content: center;
}
.shop-box-items .content ul li {
  color: #63AB52;
  font-size: 18px;
  font-weight: 800;
}
.shop-box-items .content ul li del {
  color: rgba(99, 171, 82, 0.6);
  font-size: 18px;
  font-weight: 800;
}
.shop-box-items.style-inner {
  padding: 50px 0;
}
.shop-box-items.style-inner .shop-image {
  text-align: center;
}
.shop-box-items.style-inner .shop-image .sale-icon {
  top: -35px;
  left: 15px;
}
.shop-box-items.style-inner .shop-image .discount-icon {
  top: -35px;
  right: 15px;
}
.shop-box-items:hover {
  border: 1px solid #63AB52;
}
.shop-box-items:hover .shop-image .shop-icon li {
  transform: scaleX(1);
}
.shop-box-items.style-2 {
  background-color: #f6f6f6;
  box-shadow: none;
}

.shop-wrapper-2 {
  margin-left: -23%;
  margin-right: -23%;
}
@media (max-width: 1199px) {
  .shop-wrapper-2 {
    margin-left: 0;
    margin-right: 0;
  }
}
.shop-wrapper-2 .shop-card-items {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 30px;
  border: 1px solid #EDF2EC;
  background: #EDF2EC;
  padding: 80px 60px;
  transition: all 0.4s ease-in-out;
  position: relative;
  z-index: 9;
}
@media (max-width: 1199px) {
  .shop-wrapper-2 .shop-card-items {
    padding: 40px;
    display: block;
    text-align: center;
  }
}
.shop-wrapper-2 .shop-card-items .discount-icon {
  border-radius: 2px;
  background: var(--theme-color-2);
  padding: 10px 14px;
  line-height: 1;
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  color: #0A2803;
  position: absolute;
  top: 30px;
  left: 0px;
}
@media (max-width: 1199px) {
  .shop-wrapper-2 .shop-card-items .shop-content {
    margin-bottom: 30px;
  }
}
.shop-wrapper-2 .shop-card-items .shop-content .star {
  color: #EDDD5E;
}
.shop-wrapper-2 .shop-card-items .shop-content h3 {
  font-size: 32px;
  font-weight: 700;
  margin-top: 6px;
}
.shop-wrapper-2 .shop-card-items .shop-content h3 a:hover {
  color: var(--theme-color);
}
.shop-wrapper-2 .shop-card-items .shop-content ul {
  display: flex;
  gap: 18px;
  align-items: center;
  margin-top: 8px;
}
@media (max-width: 1199px) {
  .shop-wrapper-2 .shop-card-items .shop-content ul {
    justify-content: center;
  }
}
.shop-wrapper-2 .shop-card-items .shop-content ul li {
  color: #63AB52;
  font-size: 18px;
  font-weight: 800;
}
.shop-wrapper-2 .shop-card-items .shop-content ul li del {
  color: rgba(99, 171, 82, 0.6);
  font-size: 18px;
  font-weight: 800;
}
.shop-wrapper-2 .shop-card-items .shop-content p {
  max-width: 326px;
  margin-bottom: 30px;
  margin-top: 8px;
}
@media (max-width: 1199px) {
  .shop-wrapper-2 .shop-card-items .shop-content p {
    margin: 8px auto 30px;
  }
}
.shop-wrapper-2 .shop-card-items .shop-image {
  position: relative;
  z-index: 9;
}
.shop-wrapper-2 .shop-card-items .shop-image img {
  width: initial;
  height: initial;
}
.shop-wrapper-2 .shop-card-items .shop-image .shop-icon {
  gap: 10px;
  position: absolute;
  top: 50%;
  left: -60px;
  transform: translateY(-50%);
  transition: all 0.4s ease-in-out;
}
@media (max-width: 1199px) {
  .shop-wrapper-2 .shop-card-items .shop-image .shop-icon {
    left: 50px;
  }
}
.shop-wrapper-2 .shop-card-items .shop-image .shop-icon li {
  transform: scaleX(0);
  transition: 0.4s ease-in-out;
  cursor: pointer;
}
.shop-wrapper-2 .shop-card-items .shop-image .shop-icon li a {
  background-color: var(--white);
  width: 47px;
  height: 47px;
  line-height: 47px;
  display: inline-block;
  color: #3C3C3C;
  text-align: center;
  transition: all 0.4s ease-in-out;
  border-radius: 50%;
}
.shop-wrapper-2 .shop-card-items .shop-image .shop-icon li a:hover {
  background-color: var(--theme-color);
  color: var(--white);
}
.shop-wrapper-2 .shop-card-items:hover {
  border: 1px solid #63AB52;
}
.shop-wrapper-2 .shop-card-items:hover .shop-image .shop-icon li {
  transform: scaleX(1);
}

.product-box-items-2 {
  margin-top: 30px;
  text-align: center;
  position: relative;
}
.product-box-items-2 .image img {
  transition: all 0.4s ease-in-out;
  display: inline-block;
}
.product-box-items-2 .content h3 {
  margin-top: 30px;
}
.product-box-items-2 .content h3 a:hover {
  color: var(--theme-color);
}
.product-box-items-2 .content p {
  margin-top: 10px;
  max-width: 283px;
  margin: 10px auto 0;
}
.product-box-items-2:hover .image img {
  transform: scaleX(-1) !important;
}

.product-section-2 {
  position: relative;
  z-index: 9;
}
.product-section-2 .shape-1 {
  position: absolute;
  left: 0;
  top: 16%;
}
.product-section-2 .shape-2 {
  position: absolute;
  right: 20px;
  top: 0;
}
.product-section-2 .shape-3 {
  position: absolute;
  right: 10%;
  bottom: 60px;
}
.product-section-2 .product-bottom-btn {
  margin-top: 60px;
}
.product-section-2 .product-bottom-btn .theme-btn {
  background: transparent;
  border: 1px solid var(--theme-color);
  color: var(--theme-color);
}
.product-section-2 .letter-image {
  background-size: cover;
  background-position: 50%;
  -webkit-background-clip: text;
  color: transparent;
  background-image: url(../../assets/img/home-2/text.jpg);
  background-position: 7% 546px;
  background-size: 125% auto;
  font-size: 160px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -9.6px;
  animation-duration: 1500ms;
  -webkit-animation-duration: 1500ms;
  margin-bottom: 30px;
  margin-left: 100px;
}
@media (max-width: 1199px) {
  .product-section-2 .letter-image {
    margin-left: 0;
    font-size: 120px;
    text-align: center;
    letter-spacing: initial;
  }
}
@media (max-width: 991px) {
  .product-section-2 .letter-image {
    font-size: 90px;
  }
}
@media (max-width: 767px) {
  .product-section-2 .letter-image {
    font-size: 75px;
  }
}
@media (max-width: 575px) {
  .product-section-2 .letter-image {
    font-size: 55px;
  }
}
.product-section-2 .letter-image span {
  display: block;
  text-align: center;
}

.delivery-products-box-items-3 {
  margin-top: 30px;
  display: flex;
  gap: 50px;
  align-items: center;
  padding: 60px 65px;
  background: var(--white);
  box-shadow: 0px 11px 50px 11px rgba(1, 53, 102, 0.03);
  border-radius: 12px;
  border: 1px dashed transparent;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 1399px) {
  .delivery-products-box-items-3 {
    gap: 30px;
    padding: 45px 30px;
  }
}
@media (max-width: 1199px) {
  .delivery-products-box-items-3 {
    display: block;
    text-align: center;
  }
}
.delivery-products-box-items-3 .products-img {
  max-width: 192px;
  width: 100%;
}
@media (max-width: 1199px) {
  .delivery-products-box-items-3 .products-img {
    margin: 0 auto;
    margin-bottom: 30px;
  }
}
.delivery-products-box-items-3 .products-img img {
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.7s;
  transition-property: all;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.delivery-products-box-items-3 .product-content span {
  font-size: 16px;
  font-weight: 700;
  color: #244F0B;
}
.delivery-products-box-items-3 .product-content h4 {
  font-size: 22px;
  font-weight: 800;
  margin-top: 10px;
}
.delivery-products-box-items-3 .product-content h4 a:hover {
  color: var(--theme-color);
}
.delivery-products-box-items-3 .product-content ul {
  display: flex;
  gap: 18px;
  align-items: center;
  margin-top: 8px;
}
@media (max-width: 1199px) {
  .delivery-products-box-items-3 .product-content ul {
    justify-content: center;
  }
}
.delivery-products-box-items-3 .product-content ul li {
  color: #63AB52;
  font-size: 18px;
  font-weight: 800;
}
.delivery-products-box-items-3 .product-content ul li del {
  color: rgba(60, 60, 60, 0.41);
  font-size: 18px;
  font-weight: 800;
}
.delivery-products-box-items-3 .product-content .theme-btn {
  margin-top: 20px;
  background-color: transparent;
  border: 1px solid rgb(237, 221, 94);
  color: var(--header);
  font-weight: 800;
  height: 52px;
  line-height: 52px;
  padding: 0 25px;
}
.delivery-products-box-items-3 .product-content .theme-btn i {
  transform: rotate(0deg);
  margin-right: 0;
  margin-left: 10px;
}
.delivery-products-box-items-3:hover {
  border: 1px dashed var(--theme-color);
}
.delivery-products-box-items-3:hover .products-img img {
  transform: scale(1.1) rotate(2deg);
}

.delivery-section-3 {
  position: relative;
  z-index: 9;
}
.delivery-section-3 .left-shape {
  position: absolute;
  top: 160px;
  left: 86px;
}
.delivery-section-3 .right-shape {
  position: absolute;
  top: 120px;
  right: 200px;
}
.delivery-section-3 .bottom-shape {
  position: absolute;
  z-index: -1;
  right: 18%;
  bottom: 40px;
}

.product-box-section-4 .container {
  max-width: 1731px;
}

.products-box-items {
  background-color: #DBDCDA;
  border-radius: 8px;
  position: relative;
  z-index: 9;
}
@media (max-width: 575px) {
  .products-box-items {
    text-align: center;
  }
}
.products-box-items .product-content {
  padding: 60px;
  position: relative;
  z-index: 9;
}
@media (max-width: 1399px) {
  .products-box-items .product-content {
    padding: 35px;
  }
}
.products-box-items .product-content span {
  font-size: 20px;
  font-weight: 800;
  color: var(--theme-color);
}
.products-box-items .product-content h3 {
  font-size: 40px;
  font-weight: 700;
  max-width: 225px;
}
@media (max-width: 1399px) {
  .products-box-items .product-content h3 {
    font-size: 32px;
  }
}
@media (max-width: 575px) {
  .products-box-items .product-content h3 {
    margin: 0 auto;
  }
}
.products-box-items .product-content .theme-btn {
  margin-top: 20px;
  background-color: var(--theme-color-2);
  color: var(--header);
  font-weight: 800;
}
.products-box-items .product-content .theme-btn::before {
  background-color: var(--theme-color);
}
.products-box-items .product-content .theme-btn i {
  transform: rotate(0deg);
  margin-right: 0;
}
.products-box-items .product-content .theme-btn:hover {
  color: var(--white);
}

.products-image-box-5 {
  margin-top: 30px;
}
@media (max-width: 575px) {
  .products-image-box-5 {
    text-align: center;
  }
}
.products-image-box-5 .thumb {
  position: relative;
  transition: all 0.4s ease-in-out;
}
.products-image-box-5 .thumb img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
.products-image-box-5 .thumb .theme-btn {
  margin-top: 16px;
  background-color: var(--theme-color);
  color: var(--white);
  font-weight: 800;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 30px;
  right: 30px;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in-out;
  max-width: 190px;
  margin: 0 auto;
  padding: 0 20px;
  height: 50px;
  line-height: 50px;
}
.products-image-box-5 .thumb .theme-btn i {
  transform: rotate(0deg);
}
.products-image-box-5 .thumb .theme-btn:hover {
  color: var(--header);
}
.products-image-box-5 .content {
  margin-top: 20px;
}
.products-image-box-5 .content ul {
  display: flex;
  gap: 18px;
}
@media (max-width: 575px) {
  .products-image-box-5 .content ul {
    justify-content: center;
  }
}
.products-image-box-5 .content ul li {
  color: #63AB52;
  font-size: 18px;
  font-weight: 800;
}
.products-image-box-5 .content ul li del {
  color: rgba(99, 171, 82, 0.6);
  font-size: 18px;
  font-weight: 800;
}
.products-image-box-5 .content h3 {
  font-size: 24px;
  font-weight: 700;
  margin-top: 6px;
  transition: all 0.4s ease-in-out;
}
.products-image-box-5 .content h3 a:hover {
  color: var(--theme-color);
}
.products-image-box-5:hover .thumb .theme-btn {
  opacity: 1;
  visibility: visible;
}

.products-section-5 {
  position: relative;
}
.products-section-5 .shop-shape-1 {
  position: absolute;
  left: 10px;
  top: 10%;
}
.products-section-5 .shop-shape-2 {
  position: absolute;
  right: 10%;
  top: 10%;
}
.products-section-5 .shop-shape-3 {
  position: absolute;
  right: 3%;
  bottom: 10%;
}

.product-box-section-4 {
  position: relative;
  z-index: 999;
}
.product-box-section-4::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
  background: #5B8C51;
  top: 35%;
  height: initial;
}
.product-box-section-4.style-about::before {
  background-color: #EDF2EC;
}

.shop-section-3 {
  position: relative;
}
.shop-section-3 .array-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 99;
  left: 13%;
  right: 13%;
}
@media (max-width: 1899px) {
  .shop-section-3 .array-button {
    left: 4%;
    right: 4%;
  }
}
@media (max-width: 1399px) {
  .shop-section-3 .array-button {
    display: none;
  }
}
.shop-section-3 .array-button .array-prev, .shop-section-3 .array-button .array-next {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  background: transparent;
  border: 1px solid var(--theme-color);
  color: var(--theme-color);
}
@media (max-width: 575px) {
  .shop-section-3 .section-title-area {
    text-align: center;
    justify-content: center;
  }
}

.shop-line-shape {
  margin-bottom: -20px;
}
@media (max-width: 991px) {
  .shop-line-shape {
    margin-bottom: -5px;
    height: 62px;
  }
  .shop-line-shape img {
    height: 100%;
  }
}
.shop-line-shape img {
  width: 100%;
}

.product-catagory-section .top-text {
  font-size: 104px;
  text-align: center;
  max-width: 1010px;
  margin: 0 auto;
  background: url(../../assets/img/home-4/hero/hero-bg.jpg) no-repeat center;
  background-size: cover;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
  text-transform: capitalize;
}
@media (max-width: 1199px) {
  .product-catagory-section .top-text {
    font-size: 90px;
  }
}
@media (max-width: 991px) {
  .product-catagory-section .top-text {
    font-size: 65px;
  }
}
@media (max-width: 767px) {
  .product-catagory-section .top-text {
    font-size: 56px;
  }
}
@media (max-width: 575px) {
  .product-catagory-section .top-text {
    font-size: 45px;
  }
}
@media (max-width: 1199px) {
  .product-catagory-section .top-text img {
    width: 100%;
    height: 100%;
  }
}

@media (min-width: 991px) {
  .shop-main-sidebar {
    margin-left: 20px;
  }
}
@media (max-width: 991px) {
  .shop-main-sidebar {
    margin-top: 40px;
  }
}
.shop-main-sidebar .single-sidebar-widget {
  box-sizing: border-box;
  padding: 30px;
  margin-bottom: 40px;
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}
.shop-main-sidebar .single-sidebar-widget ul {
  padding-left: 0;
}
.shop-main-sidebar .single-sidebar-widget ul > li {
  margin-bottom: 10px;
}
.shop-main-sidebar .single-sidebar-widget ul > li a {
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
}
.shop-main-sidebar .single-sidebar-widget ul > li a:hover {
  color: var(--theme-color);
}
.shop-main-sidebar .single-sidebar-widget ul ul {
  padding-left: 20px;
}
.shop-main-sidebar .single-sidebar-widget ul ul li {
  margin-top: 5px;
}
.shop-main-sidebar .single-sidebar-widget:last-child {
  margin-bottom: 0;
}
.shop-main-sidebar .single-sidebar-widget .wid-title {
  margin-bottom: 25px;
  padding-left: 45px;
  position: relative;
}
.shop-main-sidebar .single-sidebar-widget .wid-title::before {
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  height: 4px;
  width: 18px;
  border-radius: 5px;
  position: absolute;
  background-color: var(--theme-color);
}
.shop-main-sidebar .single-sidebar-widget .wid-title::after {
  left: 22px;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  height: 4px;
  width: 4px;
  border-radius: 50%;
  position: absolute;
  background-color: var(--theme-color);
}
.shop-main-sidebar .single-sidebar-widget .wid-title h3 {
  font-size: 24px;
  font-weight: 400;
}
.shop-main-sidebar .single-sidebar-widget .social-link a {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--white);
  font-size: 14px;
  margin-right: 5px;
  margin-bottom: 5px;
}
.shop-main-sidebar .single-sidebar-widget .social-link a:hover {
  background-color: var(--theme-color);
  color: var(--white);
}
.shop-main-sidebar .single-sidebar-widget .popular-posts .single-post-item, .shop-main-sidebar .single-sidebar-widget .popular_posts .single-post-item {
  overflow: hidden;
}
.shop-main-sidebar .single-sidebar-widget .popular-posts .single-post-item:not(:last-child), .shop-main-sidebar .single-sidebar-widget .popular_posts .single-post-item:not(:last-child) {
  margin-bottom: 35px;
}
.shop-main-sidebar .single-sidebar-widget .popular-posts .single-post-item .thumb, .shop-main-sidebar .single-sidebar-widget .popular_posts .single-post-item .thumb {
  height: 95px;
  width: 95px;
  background-color: #f2f2f2;
  float: left;
  overflow: hidden;
  margin-right: 20px;
  border-radius: 8px;
}
.shop-main-sidebar .single-sidebar-widget .popular-posts .single-post-item .post-content, .shop-main-sidebar .single-sidebar-widget .popular_posts .single-post-item .post-content {
  overflow: hidden;
}
.shop-main-sidebar .single-sidebar-widget .popular-posts .single-post-item .post-content h5, .shop-main-sidebar .single-sidebar-widget .popular_posts .single-post-item .post-content h5 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0;
  text-transform: capitalize;
}
.shop-main-sidebar .single-sidebar-widget .popular-posts .single-post-item .post-content h5 a:hover, .shop-main-sidebar .single-sidebar-widget .popular_posts .single-post-item .post-content h5 a:hover {
  color: var(--theme-color);
}
.shop-main-sidebar .single-sidebar-widget .popular-posts .single-post-item .post-content .post-date, .shop-main-sidebar .single-sidebar-widget .popular_posts .single-post-item .post-content .post-date {
  margin-top: 10px;
  color: var(--theme-color);
  font-weight: 400;
  font-size: 15px;
  text-transform: capitalize;
}
.shop-main-sidebar .single-sidebar-widget .popular-posts .single-post-item .post-content .post-date i, .shop-main-sidebar .single-sidebar-widget .popular_posts .single-post-item .post-content .post-date i {
  margin-right: 7px;
}
.shop-main-sidebar .single-sidebar-widget .popular-posts .single-post-item.style-2 .thumb, .shop-main-sidebar .single-sidebar-widget .popular_posts .single-post-item.style-2 .thumb {
  border-radius: 8px;
  border: 1px solid rgba(60, 60, 60, 0.17);
  background: var(--white);
}
.shop-main-sidebar .single-sidebar-widget .popular-posts .single-post-item.style-2 .post-content, .shop-main-sidebar .single-sidebar-widget .popular_posts .single-post-item.style-2 .post-content {
  overflow: hidden;
}
.shop-main-sidebar .single-sidebar-widget .popular-posts .single-post-item.style-2 .post-content .star, .shop-main-sidebar .single-sidebar-widget .popular_posts .single-post-item.style-2 .post-content .star {
  color: rgb(251, 188, 5);
  font-size: 14px;
}
.shop-main-sidebar .single-sidebar-widget .popular-posts .single-post-item.style-2 .post-content h4, .shop-main-sidebar .single-sidebar-widget .popular_posts .single-post-item.style-2 .post-content h4 {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 0;
  text-transform: capitalize;
  margin-top: 5px;
}
.shop-main-sidebar .single-sidebar-widget .popular-posts .single-post-item.style-2 .post-content h4 a:hover, .shop-main-sidebar .single-sidebar-widget .popular_posts .single-post-item.style-2 .post-content h4 a:hover {
  color: var(--theme-color);
}
.shop-main-sidebar .single-sidebar-widget .popular-posts .single-post-item.style-2 .post-content p, .shop-main-sidebar .single-sidebar-widget .popular_posts .single-post-item.style-2 .post-content p {
  font-size: 16px;
  font-weight: 500;
  color: var(--theme-color);
  margin-top: 5px;
}
.shop-main-sidebar .single-sidebar-widget .widget_categories ul li {
  display: block;
}
.shop-main-sidebar .single-sidebar-widget .widget_categories ul li:last-child a {
  margin-bottom: 0;
}
.shop-main-sidebar .single-sidebar-widget .widget_categories ul li a {
  position: relative;
  background: var(--white);
  padding: 17px 20px;
  line-height: 1;
  font-size: 16px;
  font-family: "Cairo", sans-serif;
  display: block;
  margin-bottom: 12px;
  font-weight: 600;
  transition: all 0.4s ease-in-out;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}
.shop-main-sidebar .single-sidebar-widget .widget_categories ul li a:hover {
  color: var(--theme-color);
}
.shop-main-sidebar .single-sidebar-widget .widget_categories ul li a i {
  margin-right: 10px;
}
.shop-main-sidebar .single-sidebar-widget .widget_categories ul li a span {
  position: absolute;
  width: 60px;
  line-height: 55px;
  height: 100%;
  content: "";
  background-color: var(--theme-color);
  right: 0;
  top: 0;
  text-align: center;
  color: var(--white);
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.shop-main-sidebar .tagcloud a {
  display: inline-block;
  padding: 12px 22px;
  line-height: 1;
  font-weight: 600;
  font-size: 14px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  margin-right: 8px;
  text-transform: capitalize;
  margin-bottom: 10px;
  border-radius: 4px;
}
.shop-main-sidebar .tagcloud a:last-child {
  margin-right: 0;
}
.shop-main-sidebar .tagcloud a:hover {
  background-color: var(--theme-color);
  color: var(--white);
}
.shop-main-sidebar .search_widget form {
  width: 100%;
  position: relative;
}
.shop-main-sidebar .search_widget form input {
  background-color: var(--white);
  font-size: 15px;
  padding: 20px;
  width: 100%;
  border: none;
  text-transform: capitalize;
  color: var(--header);
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}
.shop-main-sidebar .search_widget form button {
  position: absolute;
  right: 0;
  top: 0;
  width: 70px;
  font-size: 18px;
  height: 100%;
  background-color: var(--theme-color);
  color: var(--white);
  text-align: center;
  transition: all 0.3s ease-in-out;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.shop-main-sidebar .search_widget form button:hover {
  background-color: var(--header);
}

.price-range-wrapper {
  /* Custom thumb styling */
  /* Remove the default appearance for sliders in Firefox */
}
.price-range-wrapper .slider-container {
  position: relative;
  width: 100%;
}
.price-range-wrapper .price-text label {
  color: #1b1f2a;
  font-size: 16px;
  font-weight: 500;
}
.price-range-wrapper .price-text input {
  color: #1b1f2a;
  font-size: 16px;
  font-weight: 500;
  background-color: transparent;
}
.price-range-wrapper .slider {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 6px;
  background: #ddd; /* Default background */
  outline: none;
  position: absolute;
  top: 0;
  pointer-events: none;
}
.price-range-wrapper .slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 18px;
  height: 18px;
  background: var(--theme-color);
  cursor: pointer;
  border: 2px solid #fff;
  position: relative;
  z-index: 2;
  pointer-events: all;
}
.price-range-wrapper .slider::-moz-range-thumb {
  width: 20px;
  height: 20px;
  background: var(--theme-color);
  cursor: pointer;
  border-radius: 4px;
  border: 2px solid #000;
  z-index: 2;
  position: relative;
}
.price-range-wrapper .slider::-ms-thumb {
  width: 20px;
  height: 20px;
  background: var(--theme-color);
  cursor: pointer;
  border-radius: 4px;
  border: 2px solid #000;
  z-index: 2;
  position: relative;
}
.price-range-wrapper input[type=range]::-moz-range-track {
  background: transparent;
}

.shop-notices-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}
@media (max-width: 1199px) {
  .shop-notices-wrapper {
    flex-wrap: wrap;
    gap: 30px;
  }
}
.shop-notices-wrapper .form .single-select {
  padding: 16px 20px;
  border: none;
  font-size: 16px;
  font-weight: 400;
  outline: none;
  line-height: 1;
  height: initial;
  border: 1px solid #BFBFBF;
  background: #F2F2F2;
  color: var(--header);
  border-radius: 5px;
}
.shop-notices-wrapper .form .single-select::after {
  right: 20px;
  border-bottom: 2px solid var(--header);
  border-right: 2px solid var(--header);
  margin-top: -5px;
  width: 8px;
  height: 8px;
}
.shop-notices-wrapper .form .single-select .option {
  color: var(--text);
}
.shop-notices-wrapper .form .list {
  width: 100%;
}
.shop-notices-wrapper .form-clt {
  max-width: 300px;
  width: 100%;
  position: relative;
  z-index: 99;
}

.common-table {
  min-width: -moz-max-content;
  min-width: max-content;
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
}
.common-table .cart-item-thumb {
  width: 86px;
}
@media (max-width: 1399px) {
  .common-table .cart-item-thumb {
    flex-wrap: wrap;
  }
}
.common-table .cart-item-thumb .head {
  color: var(--header);
  font-size: 20px;
  text-transform: capitalize;
  font-family: "Cairo", sans-serif;
  font-weight: 400;
}
.common-table .price-usd {
  font-size: 16px;
  font-weight: 500;
  color: #666C78;
}
.common-table tr {
  border-bottom: 1px solid #E4E4E5;
}

.common-table thead,
.common-table tbody {
  width: 100%;
}

.common-table thead tr,
.common-table tbody tr {
  width: 100%;
  display: flex;
  box-sizing: border-box;
}

.common-table thead tr th,
.common-table thead tr td,
.common-table tbody tr th,
.common-table tbody tr td {
  width: 100%;
  box-sizing: border-box;
}

.common-table thead tr {
  color: #1B1F2A;
  border-bottom: unset;
  border-radius: 16px 16px 0 0;
  border-bottom: 1px solid #E4E4E5;
}

.common-table thead tr th {
  background: unset;
  color: unset;
  border: unset;
  font-size: 16px;
  padding-bottom: 16px;
}

.common-table tbody tr td {
  background: transparent;
  color: unset;
  box-sizing: border-box;
  border-bottom: unset;
}

.quantity button i {
  font-size: 16px;
}

.quantity .quantityValue {
  width: 40px;
  text-align: center;
  padding: 0;
  color: #000;
  border: unset;
}

@media (max-width: 767px) {
  .cart-list-area .table-responsive {
    overflow-x: scroll;
  }
}
@media (max-width: 991px) {
  .cart-list-area .table-responsive .table {
    width: 900px;
  }
}
.cart-list-area .coupon-items input {
  background: rgb(255, 255, 255);
  border: 1px solid rgba(60, 60, 60, 0.3);
  padding: 18px 30px;
  color: var(--text);
  line-height: 1;
  border-radius: 60px;
}
.cart-list-area .theme-btn {
  transition: all 0.4s ease-in-out;
}
.cart-list-area .theme-btn::before {
  background-color: var(--header);
}
.cart-list-area .theme-btn:hover {
  color: var(--white);
}

.cart-total-area {
  margin-top: -10px;
}
.cart-total-area .theme-btn::before {
  background-color: var(--header);
}
.cart-total-area .theme-btn:hover {
  color: var(--white);
}
.cart-total-area h3 {
  font-size: 40px;
  margin-bottom: 5px;
}
.cart-total-area ul {
  margin-bottom: 50px;
}
.cart-total-area ul li {
  font-size: 20px;
  font-weight: 600;
  color: var(--header);
  display: flex;
  align-items: center;
  gap: 220px;
  border-bottom: 1px solid #E4E4E5;
  padding-bottom: 25px;
  padding-top: 25px;
}
.cart-total-area ul li .subtotal {
  color: #666C78;
  font-weight: 400;
  margin-left: -30px;
}
.cart-total-area ul li .price {
  font-weight: 700;
  font-size: 22px;
  flex-basis: 30%;
}

.checkout-radio {
  box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.06);
  border-radius: 5px;
  padding: 24px;
}
.checkout-radio .primary-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  margin-bottom: 16px;
  color: var(--header);
  text-transform: capitalize;
}
.checkout-radio h4 {
  color: var(--header);
  margin-bottom: 16px;
  font-weight: 500;
}
.checkout-radio .checkout-radio-wrapper .checkout-radio-single .form-check-input {
  border-radius: 50%;
  width: 18px;
  height: 18px;
  box-shadow: none;
  outline: none;
  border: 1px solid var(--border);
  font-weight: 500;
}
.checkout-radio .checkout-radio-wrapper .checkout-radio-single label {
  color: var(--header);
  text-transform: capitalize;
}
.checkout-radio .checkout-radio-wrapper .checkout-radio-single:not(:last-child) {
  margin-bottom: 12px;
}
@media (max-width: 500px) {
  .checkout-radio {
    padding: 10px;
  }
}

.checkout-single-wrapper .checkout-single h4 {
  color: var(--header);
  margin-bottom: 2rem;
  font-weight: 500;
}
.checkout-single-wrapper .checkout-single .checkout-single-form .input-single textarea,
.checkout-single-wrapper .checkout-single .checkout-single-form .input-single .country-select,
.checkout-single-wrapper .checkout-single .checkout-single-form .input-single input {
  width: 100%;
  outline: none;
  box-shadow: none;
  border: 1px solid var(--border);
  border-radius: 5px;
  padding: 12px 24px;
  color: var(--header);
  text-transform: capitalize;
  font-weight: 500;
}
.checkout-single-wrapper .checkout-single .checkout-single-form .input-single label {
  color: var(--header);
  font-size: 18px;
  text-transform: capitalize;
  margin-bottom: 10px;
  font-weight: 500;
}
.checkout-single-wrapper .checkout-single .checkout-single-form .input-single ::placeholder {
  color: var(--header);
}
.checkout-single-wrapper .checkout-single .checkout-single-form .input-single .nice-select {
  background-color: var(--white);
}
.checkout-single-wrapper .checkout-single .checkout-single-form .input-single .nice-select span {
  font-size: 18px;
  color: var(--header);
  font-weight: 500;
}
.checkout-single-wrapper .checkout-single .checkout-single-form .input-single .nice-select::after {
  border-right: 1px solid var(--header);
  border-bottom: 1px solid var(--header);
}
.checkout-single-wrapper .checkout-single .checkout-single-form .input-single .nice-select .list {
  width: 100%;
}
.checkout-single-wrapper .checkout-single .checkout-single-form .input-single .nice-select .option {
  background-color: var(--bg);
  border: none;
}
.checkout-single-wrapper .checkout-single .checkout-single-form .payment {
  color: var(--header);
  margin-bottom: 12px;
  text-transform: capitalize;
}
.checkout-single-wrapper .boxshado-single {
  box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.06);
  border-radius: 5px;
  padding: 32px;
  margin-bottom: 24px;
}
@media (max-width: 575px) {
  .checkout-single-wrapper .boxshado-single {
    padding: 14px;
  }
}
.checkout-single-wrapper .checkout-single-bg {
  box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.06);
  border-radius: 5px;
  padding: 32px;
}
.checkout-single-wrapper .checkout-single-bg .checkout-single-form .input-single textarea,
.checkout-single-wrapper .checkout-single-bg .checkout-single-form .input-single .country-select,
.checkout-single-wrapper .checkout-single-bg .checkout-single-form .input-single input {
  border: 1px solid var(--border);
  background: transparent;
  text-transform: capitalize;
}
@media (max-width: 575px) {
  .checkout-single-wrapper .checkout-single-bg {
    padding: 14px;
  }
}
.checkout-single-wrapper .checkout-single-bg .payment-save {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
}
.checkout-single-wrapper .checkout-single-bg .payment-save input {
  width: 24px;
  height: 24px;
  border-radius: 4px;
  border: 1px solid var(--border);
  background-color: var(--theme-color);
  outline: none;
  color: var(--header);
}
.checkout-single-wrapper .checkout-single-bg .payment-save label {
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
}
.checkout-single-wrapper .theme-btn::before {
  background-color: var(--header);
}
.checkout-single-wrapper .theme-btn:hover {
  color: var(--white);
}

.shop-details-wrapper .shop-details-image {
  position: relative;
}
.shop-details-wrapper .shop-details-image img {
  width: 100%;
  height: 100%;
}
.shop-details-wrapper .shop-details-image .nav {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-top: 10px;
  justify-content: center;
  position: relative;
  z-index: 9;
}
.shop-details-wrapper .shop-details-image .nav .nav-link {
  padding: 0;
  max-width: 115px;
  border: 1px solid rgba(60, 60, 60, 0.17);
  border-radius: 12px;
}
.shop-details-wrapper .shop-details-image .nav .nav-link img {
  border-radius: 12px;
}
.shop-details-wrapper .shop-details-image .shop-thumb {
  box-shadow: 0px 11px 50px 11px rgba(1, 53, 102, 0.05);
  border-radius: 12px;
}
.shop-details-wrapper .shop-details-image .shop-thumb img {
  width: 100%;
  height: 100%;
  border-radius: 12px;
}
.shop-details-wrapper .product-details-content {
  margin-left: 60px;
}
@media (max-width: 1399px) {
  .shop-details-wrapper .product-details-content {
    margin-left: 30px;
  }
}
@media (max-width: 991px) {
  .shop-details-wrapper .product-details-content {
    margin-left: 0;
  }
}
.shop-details-wrapper .product-details-content h2 {
  font-size: 49px;
}
@media (max-width: 767px) {
  .shop-details-wrapper .product-details-content h2 {
    font-size: 42px;
  }
}
@media (max-width: 575px) {
  .shop-details-wrapper .product-details-content h2 {
    font-size: 32px;
  }
}
.shop-details-wrapper .product-details-content .star a {
  color: rgb(237, 221, 94);
  font-size: 16px;
  font-weight: 600;
}
.shop-details-wrapper .product-details-content .star span {
  margin-left: 10px;
}
.shop-details-wrapper .product-details-content .price-list {
  gap: 20px;
  border-bottom: 1px solid var(--border);
  padding-bottom: 30px;
  margin-top: 30px;
}
.shop-details-wrapper .product-details-content .price-list ul {
  display: flex;
  gap: 25px;
  margin-top: 10px;
}
.shop-details-wrapper .product-details-content .price-list ul li {
  font-size: 40px;
  color: var(--header);
  font-family: "Cairo", sans-serif;
}
.shop-details-wrapper .product-details-content .price-list ul li del {
  color: var(--theme-color);
}
.shop-details-wrapper .product-details-content .cart-quantity {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 30px 0;
}
@media (max-width: 1199px) {
  .shop-details-wrapper .product-details-content .cart-quantity {
    flex-wrap: wrap;
  }
}
.shop-details-wrapper .product-details-content .cart-quantity .qty {
  display: flex;
  align-items: center;
  border: 1px solid #E4E4E5;
  padding: 16px 24px;
  line-height: 1;
  justify-content: space-between;
  border-radius: 8px;
}
@media (max-width: 575px) {
  .shop-details-wrapper .product-details-content .cart-quantity .qty {
    width: 100%;
  }
}
.shop-details-wrapper .product-details-content .cart-quantity .qty button,
.shop-details-wrapper .product-details-content .cart-quantity .qty input {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--header);
  font-weight: 400;
  font-size: 24px;
}
.shop-details-wrapper .product-details-content .cart-quantity .qty input {
  background-color: transparent;
  text-align: center;
  border-radius: 0;
  border: unset;
  outline: none;
}
.shop-details-wrapper .product-details-content .cart-quantity .shop-btn {
  width: 100%;
  background-color: var(--theme-color);
  color: var(--white);
  padding: 0 20px;
  height: 65px;
  line-height: 65px !important;
  text-align: center;
  line-height: 1;
  display: inline-block;
  transition: all 0.4s ease-in-out;
  display: inline-block;
  text-transform: capitalize;
  border-radius: 8px;
}
.shop-details-wrapper .product-details-content .cart-quantity .shop-btn i {
  margin-right: 10px;
}
.shop-details-wrapper .product-details-content .cart-quantity .shop-btn::before {
  background-color: var(--header);
}
.shop-details-wrapper .product-details-content .cart-quantity .icon-item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.shop-details-wrapper .product-details-content .cart-quantity .icon-item .icon {
  border: 1px solid #E4E4E5;
  padding: 16px 24px;
  transition: all 0.4s ease-in-out;
  border-radius: 8px;
}
.shop-details-wrapper .product-details-content .cart-quantity .icon-item .icon:hover {
  background-color: var(--theme-color);
  color: var(--white);
}
.shop-details-wrapper .product-details-content .details-info {
  position: relative;
}
.shop-details-wrapper .product-details-content .details-info:not(:last-child) {
  margin-bottom: 10px;
}
.shop-details-wrapper .product-details-content .details-info span {
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
  position: absolute;
  left: 0;
  top: 2px;
}
.shop-details-wrapper .product-details-content .details-info a {
  font-size: 16px;
  font-weight: 500;
  color: var(--text);
  margin-left: 150px;
  text-transform: capitalize;
}
.shop-details-wrapper .single-tab {
  padding-top: 60px;
}
.shop-details-wrapper .single-tab .nav {
  justify-content: center;
  border-bottom: 1px solid var(--border);
  padding-bottom: 20px;
}
.shop-details-wrapper .single-tab .nav .nav-link.active {
  position: relative;
}
.shop-details-wrapper .single-tab .nav .nav-link.active h6 {
  color: var(--theme-color);
}
.shop-details-wrapper .single-tab .nav .nav-link.active::before {
  position: absolute;
  bottom: -21px;
  left: 0;
  height: 2px;
  width: 100%;
  content: "";
  background: var(--theme-color);
  transition: 0.3s;
}
@media (max-width: 470px) {
  .shop-details-wrapper .single-tab .nav .nav-link.active::before {
    display: none;
  }
}
.shop-details-wrapper .single-tab .nav .nav-link h6 {
  font-size: 18px;
  text-transform: capitalize;
}
.shop-details-wrapper .single-tab .description-items .description-content {
  margin-right: 50px;
}
@media (max-width: 1399px) {
  .shop-details-wrapper .single-tab .description-items .description-content {
    margin-right: 30px;
  }
}
@media (max-width: 991px) {
  .shop-details-wrapper .single-tab .description-items .description-content {
    margin-right: 0;
  }
}
.shop-details-wrapper .single-tab .description-items .description-content h3 {
  margin-bottom: 15px;
}
.shop-details-wrapper .single-tab .description-items .description-content .description-list-items {
  margin-top: 30px;
}
@media (max-width: 575px) {
  .shop-details-wrapper .single-tab .description-items .description-content .description-list-items {
    flex-wrap: wrap;
    gap: 30px;
  }
}
.shop-details-wrapper .single-tab .description-items .description-content .description-list-items .description-list li {
  font-size: 16px;
  text-transform: capitalize;
  color: var(--header);
  font-weight: 600;
}
.shop-details-wrapper .single-tab .description-items .description-content .description-list-items .description-list li span {
  color: var(--text);
  font-weight: 400;
}
@media (max-width: 767px) {
  .shop-details-wrapper .single-tab .review-items .admin-items {
    justify-content: center;
    gap: 30px;
  }
}
.shop-details-wrapper .single-tab .review-items .admin-items .admin-img {
  width: 100px;
  height: 100px;
}
@media (max-width: 575px) {
  .shop-details-wrapper .single-tab .review-items .admin-items .admin-img {
    margin-right: 0 !important;
    text-align: center;
    margin: 0 auto;
    margin-left: 0 !important;
  }
}
.shop-details-wrapper .single-tab .review-items .admin-items .admin-img img {
  border-radius: 50%;
}
.shop-details-wrapper .single-tab .review-items .admin-items .content {
  position: relative;
  border: 1px solid var(--border);
}
@media (max-width: 575px) {
  .shop-details-wrapper .single-tab .review-items .admin-items .content {
    text-align: center !important;
  }
}
.shop-details-wrapper .single-tab .review-items .admin-items .content h5 {
  text-transform: capitalize;
}
.shop-details-wrapper .single-tab .review-items .admin-items .content::before {
  position: absolute;
  content: "";
  width: 30px;
  height: 30px;
  background-color: var(--white);
  border-left: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  transform: rotate(45deg);
  top: 40%;
  left: -16px;
}
@media (max-width: 575px) {
  .shop-details-wrapper .single-tab .review-items .admin-items .content::before {
    display: none;
  }
}
@media (max-width: 575px) {
  .shop-details-wrapper .single-tab .review-items .admin-items .content .head-content {
    display: block !important;
    text-align: center;
  }
}
.shop-details-wrapper .single-tab .review-items .admin-items .content .head-content h5 span {
  font-size: 14px;
  margin-left: 30px;
}
@media (max-width: 575px) {
  .shop-details-wrapper .single-tab .review-items .admin-items .content .head-content h5 span {
    display: block !important;
    margin-left: 0 !important;
  }
}
.shop-details-wrapper .single-tab .review-items .admin-items .content .star i {
  font-size: 16px;
  color: var(--theme-color);
}
.shop-details-wrapper .single-tab .review-title h4 {
  font-weight: 500;
  text-transform: capitalize;
}
.shop-details-wrapper .single-tab .review-title .rate-now {
  margin-top: 15px;
  gap: 15px;
}
.shop-details-wrapper .single-tab .review-title .rate-now p {
  font-size: 16px;
  text-transform: capitalize;
}
.shop-details-wrapper .single-tab .review-title .rate-now i {
  font-size: 16px;
  color: var(--theme-color);
}
.shop-details-wrapper .single-tab .review-form {
  margin-top: 40px;
}
.shop-details-wrapper .single-tab .review-form .form-clt input {
  width: 100%;
  outline: none;
  border: none;
  padding: 18px 35px;
  color: var(--text);
  background-color: rgb(245, 245, 245);
  font-size: 16px;
  text-transform: capitalize;
  border-radius: 8px;
}
@media (max-width: 575px) {
  .shop-details-wrapper .single-tab .review-form .form-clt input {
    padding: 15px 20px;
  }
}
.shop-details-wrapper .single-tab .review-form .form-clt-big textarea {
  padding: 18px 35px 170px;
  width: 100%;
  outline: none;
  color: var(--text);
  background-color: rgb(245, 245, 245);
  font-size: 16px;
  border: none;
  border-radius: 8px;
  text-transform: capitalize;
}
@media (max-width: 575px) {
  .shop-details-wrapper .single-tab .review-form .form-clt-big textarea {
    padding: 15px 20px;
  }
}
.shop-details-wrapper .single-tab .review-form .theme-btn::before {
  background-color: var(--header);
}
.shop-details-wrapper .single-tab .review-form .theme-btn:hover {
  color: var(--white);
}

.project-wrapper-2 {
  margin-left: -10%;
  margin-right: -10%;
}
@media (max-width: 1199px) {
  .project-wrapper-2 {
    margin-left: 0;
    margin-right: 0;
  }
}
.project-wrapper-2 .project-image-items-2 {
  position: relative;
  z-index: 9;
  margin-top: 30px;
  border-radius: 12px;
  overflow: hidden;
  height: 658px;
}
@media (max-width: 1600px) {
  .project-wrapper-2 .project-image-items-2 {
    height: 500px;
  }
}
.project-wrapper-2 .project-image-items-2 img {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.7s;
  transition-property: all;
  object-fit: cover;
}
.project-wrapper-2 .project-image-items-2 .content {
  background-color: var(--theme-color-2);
  border-radius: 4px;
  padding: 30px;
  max-width: 480px;
  position: absolute;
  bottom: -100px;
  left: 30px;
  right: 30px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 575px) {
  .project-wrapper-2 .project-image-items-2 .content {
    text-align: center;
  }
}
.project-wrapper-2 .project-image-items-2 .content span {
  font-size: 15px;
  font-weight: 600;
  color: #404A3D;
}
.project-wrapper-2 .project-image-items-2 .content h3 {
  font-size: 24px;
  font-weight: 700;
  margin-top: 5px;
}
.project-wrapper-2 .project-image-items-2 .content h3 a:hover {
  color: var(--theme-color);
}
.project-wrapper-2 .project-image-items-2 .content p {
  font-weight: 500;
  margin-top: 5px;
}
.project-wrapper-2 .project-image-items-2 .content .circle-icon {
  background-color: var(--theme-color);
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  color: var(--white);
  display: inline-block;
  margin-top: 20px;
}
.project-wrapper-2 .project-image-items-2:hover .content {
  opacity: 1;
  visibility: visible;
  bottom: 30px;
}
.project-wrapper-2 .project-image-items-2:hover img {
  transform: scale(1.1) rotate(2deg);
}

.project-wrapper-5 {
  margin-left: -16%;
  margin-right: -5%;
}
@media (max-width: 1199px) {
  .project-wrapper-5 {
    margin-left: 0;
    margin-right: 0;
  }
}
.project-wrapper-5 .project-thumb-items-5 {
  position: relative;
  z-index: 9;
  overflow: hidden;
  margin-top: 30px;
}
@media (max-width: 1399px) {
  .project-wrapper-5 .project-thumb-items-5 {
    height: 520px;
  }
  .project-wrapper-5 .project-thumb-items-5 img {
    object-fit: cover;
  }
}
.project-wrapper-5 .project-thumb-items-5 img {
  width: 100%;
  height: 100%;
  border-radius: 28px;
}
.project-wrapper-5 .project-thumb-items-5 .project-content {
  background-color: var(--theme-color-2);
  padding: 28px;
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  border-radius: 4px;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 575px) {
  .project-wrapper-5 .project-thumb-items-5 .project-content {
    text-align: center;
  }
}
.project-wrapper-5 .project-thumb-items-5 .project-content .project-text {
  font-size: 15px;
  font-weight: 600;
  color: #404A3D;
}
.project-wrapper-5 .project-thumb-items-5 .project-content .text-title {
  font-size: 24px;
  font-weight: 700;
  color: #404A3D;
}
.project-wrapper-5 .project-thumb-items-5 .content {
  background-color: var(--theme-color-2);
  padding: 40px;
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  border-radius: 4px;
  transition: all 0.4s ease-in-out;
  opacity: 0;
  visibility: hidden;
  transform: translateY(80%);
}
@media (max-width: 991px) {
  .project-wrapper-5 .project-thumb-items-5 .content {
    padding: 28px;
  }
}
@media (max-width: 575px) {
  .project-wrapper-5 .project-thumb-items-5 .content {
    text-align: center;
  }
}
.project-wrapper-5 .project-thumb-items-5 .content .span {
  font-size: 15px;
  font-weight: 600;
  color: #404A3D;
}
.project-wrapper-5 .project-thumb-items-5 .content h3 {
  font-size: 24px;
  font-weight: 700;
  margin-top: 10px;
}
.project-wrapper-5 .project-thumb-items-5 .content h3 a {
  color: #404A3D;
}
.project-wrapper-5 .project-thumb-items-5 .content h3 a:hover {
  color: var(--theme-color);
}
.project-wrapper-5 .project-thumb-items-5 .content p {
  max-width: 291px;
  margin-top: 7px;
  color: #404A3D;
}
.project-wrapper-5 .project-thumb-items-5 .content .circle-icon {
  background-color: #244F0B;
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  border-radius: 50%;
  color: var(--white);
  display: inline-block;
  margin-top: 20px;
}
.project-wrapper-5 .project-thumb-items-5:hover .content {
  transform: translateY(0px);
  opacity: 1;
  visibility: visible;
}
.project-wrapper-5 .project-thumb-items-5:hover .text-title {
  opacity: 0;
  visibility: hidden;
}

.gallery-image-box-3 {
  position: relative;
  border-radius: 28px;
  overflow: hidden;
  margin-top: 30px;
}
.gallery-image-box-3 img {
  width: 100%;
  height: 100%;
  border-radius: 28px;
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.7s;
  transition-property: all;
  object-fit: cover;
}
.gallery-image-box-3 .content {
  border-radius: 4px;
  background: var(--theme-color-2);
  padding: 20px 24px;
  display: inline-block;
  position: absolute;
  bottom: -100px;
  left: 20px;
  line-height: 1;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 575px) {
  .gallery-image-box-3 .content {
    text-align: center;
    right: 0;
    width: calc(100% - 40px);
  }
}
.gallery-image-box-3 .content p {
  font-size: 15px;
  font-weight: 600;
  color: #404A3D;
}
.gallery-image-box-3 .content h3 {
  font-weight: 700;
  margin-top: 5px;
}
.gallery-image-box-3 .content h3 a {
  color: #404A3D;
}
.gallery-image-box-3 .content h3 a:hover {
  color: var(--theme-color);
}
.gallery-image-box-3:hover .content {
  opacity: 1;
  visibility: visible;
  bottom: 20px;
}
.gallery-image-box-3:hover img {
  transform: scale(1.1) rotate(2deg);
}

.project-details-wrapper .main-sideber .sideber-box {
  padding: 30px 28px;
  background-color: rgb(237, 242, 236);
  border-radius: 28px;
  margin-bottom: 30px;
}
@media (max-width: 1399px) {
  .project-details-wrapper .main-sideber .sideber-box {
    margin-bottom: 30px;
    padding: 30px 28px;
  }
}
.project-details-wrapper .main-sideber .sideber-box .service-categories {
  margin-top: 30px;
}
.project-details-wrapper .main-sideber .sideber-box .service-categories li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  font-weight: 500;
  color: rgb(92, 102, 114);
}
.project-details-wrapper .main-sideber .sideber-box .service-categories li:not(:last-child) {
  border-bottom: 1px solid rgba(34, 48, 53, 0.25);
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.project-details-wrapper .main-sideber .sideber-box .service-categories li span i {
  color: rgb(92, 102, 114);
  margin-left: 5px;
  transform: rotate(-45deg);
}
.project-details-wrapper .main-sideber .sideber-box .service-categories li:hover a {
  color: var(--theme-color);
}
.project-details-wrapper .main-sideber .sidebar-widget-image {
  position: relative;
  z-index: 9999;
}
@media (max-width: 1199px) {
  .project-details-wrapper .main-sideber .sidebar-widget-image {
    height: 420px;
  }
}
.project-details-wrapper .main-sideber .sidebar-widget-image::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  border-radius: 28px;
  background-color: rgba(99, 171, 82, 0.87);
}
.project-details-wrapper .main-sideber .sidebar-widget-image img {
  width: 100%;
  height: 100%;
  border-radius: 28px;
}
.project-details-wrapper .main-sideber .sidebar-widget-image .content {
  position: absolute;
  top: 90px;
  bottom: 45px;
  left: 25px;
  right: 25px;
  z-index: 22;
  text-align: center;
}
.project-details-wrapper .main-sideber .sidebar-widget-image .content h3 {
  font-size: 30px;
  font-weight: 800;
  color: var(--white);
  margin-bottom: 10px;
}
@media (max-width: 1199px) {
  .project-details-wrapper .main-sideber .sidebar-widget-image .content h3 {
    font-size: 25px;
    line-height: 130%;
  }
}
.project-details-wrapper .main-sideber .sidebar-widget-image .content p {
  color: var(--white);
  max-width: 265px;
  margin: 0 auto;
}
.project-details-wrapper .main-sideber .sidebar-widget-image .content .theme-btn {
  background: var(--theme-color-2);
  margin-top: 30px;
  color: var(--header);
}
.project-details-wrapper .main-sideber .sidebar-widget-image .content .theme-btn::before {
  background-color: var(--theme-color);
}
.project-details-wrapper .main-sideber .sidebar-widget-image .content .theme-btn:hover {
  color: var(--white);
}
.project-details-wrapper .project-details-content .project-img img {
  width: 100%;
  height: 100%;
  border-radius: 28px;
}
.project-details-wrapper .project-details-content h2 {
  margin-top: 20px;
}
.project-details-wrapper .project-details-content h3 {
  font-size: 34px;
  font-weight: 700;
  margin-top: 25px;
}
.project-details-wrapper .project-details-content .list-items {
  display: flex;
  align-items: center;
  gap: 60px;
  margin-top: 30px;
}
@media (max-width: 1399px) {
  .project-details-wrapper .project-details-content .list-items {
    gap: 30px;
    flex-wrap: wrap;
  }
}
.project-details-wrapper .project-details-content .list-items ul li {
  font-size: 18px;
  font-weight: 500;
  color: #0A2803;
}
.project-details-wrapper .project-details-content .list-items ul li:not(:last-child) {
  margin-bottom: 20px;
}
.project-details-wrapper .project-details-content .list-items ul li i {
  margin-right: 7px;
  color: var(--theme-color);
}

.project-section-5 .swiper-dot2 {
  position: relative;
  z-index: 99;
}
.project-section-5 .swiper-dot2 .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  transition: 0.6s;
  background-color: transparent;
  border: 1px solid var(--theme-color);
  opacity: 1;
  border-radius: 14px;
}
.project-section-5 .swiper-dot2 .swiper-pagination-bullet:not(:last-child) {
  margin-right: 5px;
}
.project-section-5 .swiper-dot2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--theme-color);
  transition: 0.6s;
  position: relative;
}

::-webkit-scrollbar {
  width: 6px;
  height: 4px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px var(--theme-color);
  border-radius: 5px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--theme-color);
  border-radius: 10px;
}

.fix {
  overflow: hidden;
}

.ralt {
  position: relative;
}

.ripple {
  position: relative;
}
.ripple::before, .ripple::after {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 80px;
  height: 80px;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  border-radius: 50%;
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9);
  animation: rippleOne 3s infinite;
}
.ripple::before {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
}
.ripple::after {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
}

.swiper-dot {
  text-align: center;
  margin: 50px auto 0;
  position: relative;
  z-index: 9;
}
.swiper-dot .swiper-pagination-bullet {
  background-color: transparent;
  border: 1px solid var(--theme-color);
  width: 22px;
  height: 22px;
  opacity: 1;
}
.swiper-dot .swiper-pagination-bullet:not(:last-child) {
  margin-right: 7px;
}
.swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--theme-color);
  transition: 0.6s;
  position: relative;
  border: 2px solid var(--theme-color);
}
.swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  position: absolute;
  width: 18px;
  height: 18px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: transparent;
  border: 2px solid var(--white);
  content: "";
}

.array-button {
  display: flex;
  align-items: center;
  gap: 18px;
}
.array-button .array-prev, .array-button .array-next {
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--white);
  transition: all 0.4s ease-in-out;
}
.array-button .array-prev:hover, .array-button .array-next:hover {
  background-color: var(--theme-color);
  color: var(--white);
}
.array-button.style-2 .array-prev {
  border: 1px solid var(--border);
}
.array-button.style-2 .array-next {
  border: 1px solid var(--theme-color);
  background-color: var(--theme-color);
  color: var(--white);
}
.array-button.style-2 .array-next:hover {
  background-color: var(--header);
}

@media (max-width: 575px) {
  br {
    display: none;
  }
}

/* background */
.bg-cover {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-position: center;
}

.sticky-style {
  position: sticky !important;
  top: 100px;
}

.box-shadow {
  box-shadow: var(---box-shadow);
}

.custom-container {
  max-width: 1560px;
  margin: 0 auto;
}

.custom-container-33 {
  max-width: 1319px;
  margin: 0 auto;
}

.custom-container-2 {
  max-width: 1568px;
  margin: 0 auto;
}

.slide-transtion {
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}

.brand-slide-element {
  width: auto;
  display: inline-block;
}

.footer-info-container {
  max-width: 1436px;
}

@media (max-width: 991px) {
  .lg-center {
    justify-content: center;
    text-align: center;
  }
}

.swiper-dot4 .swiper-pagination-bullet {
  width: 7px;
  height: 7px;
  transition: 0.6s;
  background-color: rgb(129, 129, 129);
  opacity: 1;
  border-radius: 100%;
  position: relative;
}
.swiper-dot4 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--theme-color);
  transition: 0.6s;
  position: relative;
  width: 30px;
  border-radius: 30px;
}

.custom-container-3 {
  max-width: 1768px;
  margin: 0 auto;
}

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

.sec-bg-4 {
  background-color: #0E1445;
}

.swiper-dot3 .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  transition: 0.6s;
  background-color: transparent;
  border: 1px solid var(--theme-color-2);
  border-radius: 14px;
  opacity: 1;
  position: relative;
}
.swiper-dot3 .swiper-pagination-bullet:not(:last-child) {
  margin-right: 15px;
}
.swiper-dot3 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--theme-color-2);
  border: 1px solid var(--theme-color-2);
  transition: 0.6s;
  position: relative;
  width: 14px;
  height: 14px;
  border-radius: 14px;
}
.swiper-dot3 .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  border: 1px solid var(--theme-color-2);
  width: 22px;
  height: 22px;
  border-radius: 22px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.page-nav-wrap {
  margin-top: 60px;
}
.page-nav-wrap ul li {
  display: inline-block;
}
.page-nav-wrap ul li.active .page-numbers {
  background-color: var(--theme-color);
  color: var(--white);
  border: 1px solid var(--theme-color);
}
.page-nav-wrap ul li .page-numbers {
  display: inline-block;
  width: 48px;
  height: 48px;
  text-align: center;
  line-height: 48px;
  border-radius: 100px;
  border: 1px solid var(--theme-color);
  background: transparent;
  color: var(--theme-color);
  font-weight: 600;
  font-size: 18px;
  transition: all 0.3s ease-in-out;
  margin: 0 5px;
}
.page-nav-wrap ul li .page-numbers.current {
  background-color: var(--theme-color);
  color: var(--white);
}
.page-nav-wrap ul li .page-numbers i {
  margin-top: 2px;
}
.page-nav-wrap ul li .page-numbers:hover {
  background-color: var(--theme-color);
  color: var(--white);
  border: 1px solid var(--theme-color);
}

.sticky-style {
  position: sticky !important;
  top: 100px;
}

.team-wrapper-3 {
  margin-right: -26%;
}
@media (max-width: 1399px) {
  .team-wrapper-3 {
    margin-right: 0;
  }
}
@media (max-width: 1199px) {
  .team-wrapper-3 {
    margin-right: -25%;
  }
}
@media (max-width: 991px) {
  .team-wrapper-3 {
    margin-right: 0;
  }
}
@media (max-width: 575px) {
  .team-wrapper-3 .team-left-content {
    text-align: center;
  }
}
.team-wrapper-3 .team-left-content .team-text {
  margin-top: 25px;
}
@media (max-width: 1399px) {
  .team-wrapper-3 .team-left-content .team-text br {
    display: none;
  }
}
.team-wrapper-3 .team-left-content .array-button {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 50px;
}
@media (max-width: 767px) {
  .team-wrapper-3 .team-left-content .array-button {
    margin-top: 30px;
  }
}
@media (max-width: 575px) {
  .team-wrapper-3 .team-left-content .array-button {
    display: none;
  }
}
.team-wrapper-3 .team-left-content .array-button .array-prev, .team-wrapper-3 .team-left-content .array-button .array-next {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  background: transparent;
  border: 1px solid var(--theme-color);
  color: var(--theme-color);
}
.team-wrapper-3 .team-left-content .array-button .array-prev:hover, .team-wrapper-3 .team-left-content .array-button .array-next:hover {
  background-color: var(--theme-color);
  color: var(--white);
}
.team-wrapper-3 .team-image-box-items .team-image {
  position: relative;
  z-index: 9;
  overflow: hidden;
}
.team-wrapper-3 .team-image-box-items .team-image .text {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
  font-size: 16px;
  font-weight: bold;
  color: var(--theme-color);
  transition: all 0.4s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 991px) {
  .team-wrapper-3 .team-image-box-items .team-image .text {
    color: #fff;
  }
}
.team-wrapper-3 .team-image-box-items .team-image::before {
  position: absolute;
  top: 71%;
  bottom: 0;
  left: -20px;
  right: 0;
  content: "";
  border-radius: 50%;
  width: 115%;
  height: 100%;
  background-color: var(--theme-color-2);
  border-bottom-left-radius: 28px;
  border-bottom-right-radius: 28px;
  transition: all 0.4s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 991px) {
  .team-wrapper-3 .team-image-box-items .team-image::before {
    display: none;
  }
}
.team-wrapper-3 .team-image-box-items .team-image .social-icon {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  position: absolute;
  bottom: 50px;
  left: 0;
  right: 0;
  transition: all 0.4s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.team-wrapper-3 .team-image-box-items .team-image .social-icon a {
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--white);
  text-align: center;
  color: var(--theme-color);
  display: inline-block;
}
@media (max-width: 991px) {
  .team-wrapper-3 .team-image-box-items .team-image .social-icon a {
    margin-top: 0 !important;
  }
}
.team-wrapper-3 .team-image-box-items .team-image .social-icon a:hover {
  background-color: var(--theme-color);
  color: var(--white);
}
.team-wrapper-3 .team-image-box-items .team-image img {
  width: 100%;
  height: 100%;
  border-radius: 28px;
}
.team-wrapper-3 .team-image-box-items .team-content {
  margin-top: 20px;
  text-align: center;
}
.team-wrapper-3 .team-image-box-items .team-content p {
  font-size: 15px;
  font-weight: 600;
}
.team-wrapper-3 .team-image-box-items .team-content h3 {
  font-weight: 700;
}
.team-wrapper-3 .team-image-box-items .team-content h3 a:hover {
  color: var(--theme-color);
}
.team-wrapper-3 .team-image-box-items:hover .team-image::before {
  opacity: 1;
  visibility: visible;
}
.team-wrapper-3 .team-image-box-items:hover .team-image .text {
  opacity: 1;
  visibility: visible;
}
.team-wrapper-3 .team-image-box-items:hover .team-image .social-icon {
  opacity: 1;
  visibility: visible;
}

.team-box-items-4 {
  margin-top: 30px;
}
.team-box-items-4 .team-image {
  position: relative;
  overflow: hidden;
}
.team-box-items-4 .team-image::after {
  background: linear-gradient(90deg, rgba(var(--white-rgb, 255, 255, 255), 0.13) 0px, rgba(var(--white-rgb, 255, 255, 255), 0.13) 77%, rgba(var(--white-rgb, 255, 255, 255), 0.3) 92%, rgba(var(--white-rgb, 255, 255, 255), 0));
  content: "";
  height: 200%;
  left: -210%;
  opacity: 0;
  position: absolute;
  top: -50%;
  transition: all 0.5s ease 0s;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  width: 200%;
}
.team-box-items-4 .team-image img {
  width: 100%;
  height: 100%;
  transition: all 0.4s ease-in-out;
  border-radius: 28px;
}
.team-box-items-4 .team-content {
  margin-top: 30px;
  position: relative;
}
@media (max-width: 575px) {
  .team-box-items-4 .team-content {
    text-align: center;
  }
}
.team-box-items-4 .team-content p {
  color: var(--text);
}
.team-box-items-4 .team-content h3 {
  margin-bottom: 5px;
}
@media (max-width: 575px) {
  .team-box-items-4 .team-content h3 {
    font-size: 22px;
  }
}
.team-box-items-4 .team-content h3 a:hover {
  color: var(--theme-color);
}
.team-box-items-4 .team-content .social-profile {
  position: absolute;
  right: 30px;
  bottom: 74px;
  content: "";
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  z-index: 2;
  display: inline-block;
  overflow: hidden;
  cursor: pointer;
}
.team-box-items-4 .team-content .social-profile ul {
  transform: translateY(100px);
  transition: all 0.6s ease-in-out;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  display: grid;
  gap: 10px;
  align-items: center;
}
.team-box-items-4 .team-content .social-profile ul li a {
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  display: block;
  background: var(--white);
  color: var(--header);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  text-align: center;
  margin: 0 auto;
  font-size: 16px;
  border-radius: 50%;
}
.team-box-items-4 .team-content .social-profile ul li a:hover {
  background-color: var(--theme-color);
  color: var(--white);
}
.team-box-items-4 .team-content .social-profile .plus-btn {
  z-index: 99;
  cursor: pointer;
  width: 58px;
  height: 58px;
  line-height: 58px;
  text-align: center;
  display: inline-block;
  color: var(--theme-color);
  background-color: var(--white);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 16px;
  border: 1px dashed var(--theme-color);
  margin-top: 10px;
  border-radius: 50%;
}
.team-box-items-4 .team-content .social-profile .plus-btn:hover {
  border: 1px solid rgba(30, 32, 35, 0.12);
  background: var(--white);
  box-shadow: 10px 16px 120px 1px rgba(4, 7, 56, 0.12);
  color: var(--header);
}
.team-box-items-4 .team-content .social-profile:hover ul {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}
.team-box-items-4:hover .team-image::after {
  left: -30%;
  opacity: 1;
  top: -20%;
  transition-duration: 0.5s, 0.5s, 0.15s;
  transition-property: left, top, opacity;
  transition-timing-function: linear;
}

.team-section-4 {
  position: relative;
}
.team-section-4 .shape-1 {
  position: absolute;
  bottom: 20%;
  left: 0;
}

.team-details-wrapper .team-details-left .details-image {
  margin-bottom: 40px;
}
.team-details-wrapper .team-details-left .details-image img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
@media (max-width: 1399px) {
  .team-details-wrapper .team-details-left .content {
    margin-top: 30px;
    margin-left: 0;
  }
}
.team-details-wrapper .team-details-content {
  margin-left: 30px;
}
@media (max-width: 1399px) {
  .team-details-wrapper .team-details-content {
    margin-left: 0;
  }
}
.team-details-wrapper .team-details-content h6 {
  font-size: 18px;
  font-weight: 700;
  color: var(--theme-color);
  margin-bottom: 20px;
}
.team-details-wrapper .team-details-content p {
  margin-top: 15px;
}
.team-details-wrapper .team-details-content .team-content-item {
  display: flex;
  align-items: center;
  gap: 70px;
  margin-top: 30px;
}
@media (max-width: 1399px) {
  .team-details-wrapper .team-details-content .team-content-item {
    gap: 30px;
  }
}
@media (max-width: 991px) {
  .team-details-wrapper .team-details-content .team-content-item {
    flex-wrap: wrap;
  }
}
.team-details-wrapper .team-details-content .team-content-item .contact-list li {
  display: flex;
  align-items: center;
  gap: 58px;
  font-size: 18px;
  font-weight: 700;
  color: var(--header);
}
@media (max-width: 1399px) {
  .team-details-wrapper .team-details-content .team-content-item .contact-list li {
    font-size: 16px;
  }
}
.team-details-wrapper .team-details-content .team-content-item .contact-list li:not(:last-child) {
  margin-bottom: 12px;
}
.team-details-wrapper .team-details-content .team-content-item .contact-list li a {
  color: var(--text);
}
.team-details-wrapper .team-details-content .team-content-item .contact-list li span {
  color: var(--text);
  font-weight: 400;
  font-size: 16px;
  display: inline-block;
}
.team-details-wrapper .team-details-content .team-content-item .contact-list li span.style-3 {
  margin-left: -5px;
}
.team-details-wrapper .team-details-content .team-content-item .contact-list li span.style-2 {
  margin-left: -20px;
}
.team-details-wrapper .team-details-content .team-content-item .social-item {
  margin-top: 20px;
}
@media (max-width: 1399px) {
  .team-details-wrapper .team-details-content .team-content-item .social-item {
    margin-top: 0;
  }
}
.team-details-wrapper .team-details-content .team-content-item .social-item .social-list {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
}
.team-details-wrapper .team-details-content .team-content-item .social-item .social-list a {
  width: 47px;
  height: 47px;
  line-height: 47px;
  text-align: center;
  background-color: var(--bg);
  color: var(--theme-color);
  border-radius: 100px;
}
.team-details-wrapper .team-details-content .team-content-item .social-item .social-list a:hover {
  background-color: var(--theme-color);
  color: var(--white);
}
.team-details-wrapper .team-details-content .progress-area {
  margin-left: 50px;
  margin-top: 120px;
}
@media (max-width: 1199px) {
  .team-details-wrapper .team-details-content .progress-area {
    margin-left: 0;
    margin-top: 100px;
  }
}
@media (max-width: 991px) {
  .team-details-wrapper .team-details-content .progress-area {
    margin-top: 80px;
  }
}
.team-details-wrapper .team-details-content .progress-area h3 {
  font-size: 24px;
  margin-bottom: 30px;
}
.team-details-wrapper .team-details-content .progress-area .progress-wrap .pro-items {
  width: 100%;
}
.team-details-wrapper .team-details-content .progress-area .progress-wrap .pro-items:not(:last-child) {
  margin-bottom: 25px;
}
.team-details-wrapper .team-details-content .progress-area .progress-wrap .pro-items .pro-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.team-details-wrapper .team-details-content .progress-area .progress-wrap .pro-items .pro-head .title {
  font-size: 16px;
  font-weight: 600;
  color: #43494D;
}
.team-details-wrapper .team-details-content .progress-area .progress-wrap .pro-items .pro-head .point {
  font-size: 16px;
  font-weight: 600;
  color: var(--header);
  line-height: 1;
  position: relative;
  margin-bottom: 10px;
  display: inline-block;
}
.team-details-wrapper .team-details-content .progress-area .progress-wrap .pro-items .progress {
  border-radius: 2px;
  background: rgba(153, 165, 55, 0.12);
  justify-content: flex-start;
  align-items: center;
  position: relative;
  display: flex;
  height: 4px;
  width: 100%;
}
.team-details-wrapper .team-details-content .progress-area .progress-wrap .pro-items .progress-value {
  animation: load 3s normal forwards;
  border-radius: 0;
  background: var(--theme-color);
  height: 4px;
  width: 0;
  border-radius: 2px;
}
.team-details-wrapper .team-details-content .progress-area .progress-wrap .pro-items .style-two {
  animation: load2 3s normal forwards;
}
@keyframes load {
  0% {
    width: 0;
  }
  100% {
    width: 90%;
  }
}
@keyframes load2 {
  0% {
    width: 0;
  }
  100% {
    width: 75%;
  }
}

.faq-wrapper-2 .faq-left-items ul {
  margin-top: 40px;
}
@media (max-width: 575px) {
  .faq-wrapper-2 .faq-left-items ul {
    margin-top: 30px;
  }
}
.faq-wrapper-2 .faq-left-items ul li {
  display: flex;
  align-items: center;
  gap: 20px;
}
.faq-wrapper-2 .faq-left-items ul li h5 {
  margin-bottom: 7px;
}
@media (max-width: 575px) {
  .faq-wrapper-2 .faq-left-items ul li h5 {
    margin-bottom: 0;
  }
}
.faq-wrapper-2 .faq-left-items ul li p {
  color: var(--header);
  font-size: 24px;
  font-weight: 600;
}
@media (max-width: 575px) {
  .faq-wrapper-2 .faq-left-items ul li p {
    font-size: 20px;
  }
}
.faq-wrapper-2 .faq-left-items ul li p a {
  color: var(--header);
  font-size: 24px;
  font-weight: 600;
}
@media (max-width: 575px) {
  .faq-wrapper-2 .faq-left-items ul li p a {
    font-size: 20px;
  }
}
.faq-wrapper-2 .faq-left-items ul li i {
  font-size: 30px;
  color: var(--theme-color);
}
.faq-wrapper-2 .faq-left-items ul li:not(:last-child) {
  margin-bottom: 35px;
}
@media (max-width: 575px) {
  .faq-wrapper-2 .faq-left-items ul li:not(:last-child) {
    margin-bottom: 15px;
  }
}
.faq-wrapper-2 .faq-right-items .accordion-item {
  border: 0;
  background-color: var(--white);
  border-radius: 6px;
  border: 1px solid rgba(60, 60, 60, 0.28);
  margin-top: 20px;
}
.faq-wrapper-2 .faq-right-items .accordion-item .accordion-header {
  border: none;
}
.faq-wrapper-2 .faq-right-items .accordion-item .accordion-header .accordion-button {
  font-size: 18px;
  font-weight: 700;
  color: var(--header);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background-color: var(--white);
  padding: 22px 22px 0;
  text-transform: capitalize;
}
.faq-wrapper-2 .faq-right-items .accordion-item .accordion-header .accordion-button::after {
  content: "\f078";
  background: transparent;
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  transition: all 0.3s ease-in-out !important;
  color: var(--header);
  top: 18px;
  position: absolute;
  right: 22px;
}
.faq-wrapper-2 .faq-right-items .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
  content: "\f077";
  background: transparent;
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  transform: rotate(0);
  color: var(--theme-color);
}
.faq-wrapper-2 .faq-right-items .accordion-item .accordion-header .accordion-button.collapsed {
  background-color: transparent;
  padding: 25px 22px;
  color: var(--header);
}
.faq-wrapper-2 .faq-right-items .accordion-item .accordion-collapse .accordion-body {
  padding-left: 30px;
  padding-top: 15px;
  color: #5C6672;
  background: var(--white);
  font-weight: 500;
}

.faq-page-items {
  margin-top: 60px;
}
@media (max-width: 767px) {
  .faq-page-items {
    margin-top: 30px;
  }
}
.faq-page-items .accordion-box {
  position: relative;
}
.faq-page-items .accordion-box .block {
  position: relative;
  background-color: transparent;
  margin-bottom: 16px;
  line-height: 1;
  border: 1px solid rgba(60, 60, 60, 0.28);
  border-radius: 8px;
  padding: 22px 30px;
}
@media (max-width: 575px) {
  .faq-page-items .accordion-box .block {
    padding: 18px;
  }
}
.faq-page-items .accordion-box .block .acc-btn {
  position: relative;
  font-size: 18px;
  color: var(--header);
  font-weight: 700;
  font-family: "Cairo", sans-serif;
  cursor: pointer;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
@media (max-width: 575px) {
  .faq-page-items .accordion-box .block .acc-btn {
    font-size: 17px;
    line-height: 1.5;
    padding-right: 40px;
  }
}
.faq-page-items .accordion-box .block .acc-btn .icon {
  position: absolute;
  right: 0;
  top: 0;
  height: 35px;
  font-size: 18px;
  line-height: 18px;
  color: var(--header);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.faq-page-items .accordion-box .block .acc-content {
  position: relative;
  display: none;
  margin-top: 22px;
}
@media (max-width: 470px) {
  .faq-page-items .accordion-box .block .acc-content {
    margin-top: 10px;
  }
}
.faq-page-items .accordion-box .block .acc-content .content {
  position: relative;
}
.faq-page-items .accordion-box .block .acc-content .content .text {
  line-height: 175%;
  font-size: 16px;
  font-weight: 500;
  color: #5C6672;
  max-width: 555px;
}
@media (max-width: 1199px) {
  .faq-page-items .accordion-box .block .acc-content .content .text {
    font-size: 14px;
  }
}
@media (max-width: 470px) {
  .faq-page-items .accordion-box .block .acc-content .content .text {
    font-size: 13px;
  }
}
.faq-page-items .accordion-box .block .acc-content.current {
  display: block;
}
.faq-page-items .accordion-box .block .acc-btn.active .icon:before {
  content: "\f077";
  font-family: "Font Awesome 5 Pro";
}
.faq-page-items .accordion-box .block .acc-btn.active {
  color: var(--header);
}
.faq-page-items .accordion-box .block:last-child {
  margin-bottom: 0;
}

.faq-section-5 {
  position: relative;
}
.faq-section-5 .shape-1 {
  position: absolute;
  bottom: 10%;
  right: 0;
}

.cta-wrapper {
  border-radius: 30px;
  position: relative;
  z-index: 9;
  padding: 0px 100px;
}
@media (max-width: 1199px) {
  .cta-wrapper {
    padding: 0 50px;
  }
}
@media (max-width: 991px) {
  .cta-wrapper {
    padding: 0 40px;
    padding-top: 80px;
  }
}
@media (max-width: 767px) {
  .cta-wrapper {
    padding: 0 30px;
    padding-top: 80px;
  }
}
@media (max-width: 575px) {
  .cta-wrapper {
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
  }
}
.cta-wrapper::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
  border-radius: 30px;
  background: rgba(36, 79, 11, 0.83);
}
.cta-wrapper .cta-content {
  margin-left: 50px;
}
@media (max-width: 991px) {
  .cta-wrapper .cta-content {
    margin-left: 0;
  }
}
.cta-wrapper .cta-content .cta-text {
  margin-top: 25px;
  color: var(--white);
}
.cta-wrapper .cta-content .cta-bottom-area {
  margin-top: 30px;
  display: flex;
  align-items: center;
  gap: 40px;
}
@media (max-width: 991px) {
  .cta-wrapper .cta-content .cta-bottom-area {
    flex-wrap: wrap;
    gap: 20px;
  }
}
@media (max-width: 575px) {
  .cta-wrapper .cta-content .cta-bottom-area {
    justify-content: center;
  }
  .cta-wrapper .cta-content .cta-bottom-area p {
    text-align: left;
  }
}
.cta-wrapper .cta-content .cta-bottom-area .theme-btn {
  background-color: var(--theme-color-2);
  color: var(--theme-color);
  transition: all 0.4s ease-in-out;
}
.cta-wrapper .cta-content .cta-bottom-area .theme-btn::before {
  background-color: var(--theme-color);
}
.cta-wrapper .cta-content .cta-bottom-area .theme-btn:hover {
  color: var(--white);
}
.cta-wrapper .cta-content .cta-bottom-area .phone-box-items {
  display: flex;
  align-items: center;
  gap: 20px;
}
.cta-wrapper .cta-content .cta-bottom-area .phone-box-items .icon {
  width: 57px;
  height: 57px;
  line-height: 57px;
  text-align: center;
  background-color: var(--theme-color-2);
  border-radius: 50%;
  color: var(--theme-color);
  font-size: 20px;
}
.cta-wrapper .cta-content .cta-bottom-area .phone-box-items .content p {
  font-weight: 600;
  color: var(--white);
}
.cta-wrapper .cta-content .cta-bottom-area .phone-box-items .content a {
  color: var(--white);
  font-size: 20px;
  font-weight: 800;
}
.cta-wrapper .cta-image {
  margin-top: -55px;
}
@media (max-width: 991px) {
  .cta-wrapper .cta-image {
    margin-top: 0;
    text-align: center;
  }
}

.cta-best-saller-content {
  border-radius: 30px;
  background: var(--theme-color-2);
  padding: 60px 45px;
  margin-top: -180px;
  position: relative;
  z-index: 99;
}
@media (max-width: 1399px) {
  .cta-best-saller-content {
    padding: 45px 30px;
  }
}
@media (max-width: 1199px) {
  .cta-best-saller-content {
    margin-top: -140px;
  }
}
.cta-best-saller-content .cta-text {
  margin-top: 25px;
}
@media (max-width: 1399px) {
  .cta-best-saller-content .cta-text {
    margin-top: 12px;
    font-size: 14px;
  }
}
.cta-best-saller-content ul {
  margin-top: 30px;
}
@media (max-width: 1399px) {
  .cta-best-saller-content ul {
    margin-top: 12px;
  }
}
.cta-best-saller-content ul li {
  display: flex;
  gap: 20px;
}
.cta-best-saller-content ul li i {
  color: var(--theme-color);
  font-size: 20px;
}
.cta-best-saller-content ul li p {
  color: #0A2803;
  font-weight: 500;
}
@media (max-width: 1399px) {
  .cta-best-saller-content ul li p {
    font-size: 14px;
  }
}
.cta-best-saller-content ul li:not(:last-child) {
  margin-bottom: 25px;
}
@media (max-width: 1399px) {
  .cta-best-saller-content ul li:not(:last-child) {
    margin-bottom: 14px;
  }
}
.cta-best-saller-content .theme-btn {
  margin-top: 40px;
}

.cta-best-saller-section-2 {
  margin-top: 50px;
  position: relative;
}
.cta-best-saller-section-2 .cta-best-img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 820px;
}
@media (max-width: 1399px) {
  .cta-best-saller-section-2 .cta-best-img {
    height: initial;
  }
}
.cta-best-saller-section-2 .cta-best-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cta-wrapper-2 {
  border-radius: 30px;
  position: relative;
  z-index: 999;
  padding: 0px 100px;
}
@media (max-width: 1199px) {
  .cta-wrapper-2 {
    padding: 0 50px;
    padding-top: 60px;
    text-align: center;
  }
}
@media (max-width: 575px) {
  .cta-wrapper-2 {
    padding: 0 20px;
    padding-top: 50px;
  }
}
.cta-wrapper-2::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
  border-radius: 30px;
  background: rgba(91, 140, 81, 0.8);
}
.cta-wrapper-2 .shape-1 {
  position: absolute;
  bottom: 0;
  left: 45%;
}
@media (max-width: 1199px) {
  .cta-wrapper-2 .shape-1 {
    display: none;
  }
}
.cta-wrapper-2 .shape-2 {
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 1199px) {
  .cta-wrapper-2 .shape-2 {
    display: none;
  }
}
.cta-wrapper-2 .cta-content {
  margin-left: 50px;
}
@media (max-width: 1600px) {
  .cta-wrapper-2 .cta-content {
    margin-left: 0;
  }
}
.cta-wrapper-2 .cta-content .theme-btn {
  margin-top: 30px;
  background-color: var(--theme-color-2);
  color: #404A3D;
  transition: all 0.4s ease-in-out;
}
.cta-wrapper-2 .cta-content .theme-btn::before {
  background-color: var(--white);
}
.cta-wrapper-2 .cta-content .theme-btn:hover {
  color: var(--theme-color);
}
.cta-wrapper-2 .cta-image {
  margin-top: -35px;
}
@media (max-width: 1199px) {
  .cta-wrapper-2 .cta-image {
    margin-top: 0;
  }
  .cta-wrapper-2 .cta-image img {
    width: 100%;
  }
}

.cta-wrapper-3 {
  border-radius: 28px;
  position: relative;
  z-index: 9;
  padding: 120px 85px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1199px) {
  .cta-wrapper-3 {
    padding: 80px 35px;
  }
}
@media (max-width: 991px) {
  .cta-wrapper-3 {
    flex-wrap: wrap;
    gap: 30px;
  }
}
@media (max-width: 575px) {
  .cta-wrapper-3 {
    justify-content: center;
    text-align: center;
  }
}
.cta-wrapper-3 .shape-1 {
  position: absolute;
  bottom: 25px;
  right: 250px;
}
@media (max-width: 1199px) {
  .cta-wrapper-3 .shape-1 {
    display: none;
  }
}
.cta-wrapper-3::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
  background: rgba(36, 79, 11, 0.62);
  border-radius: 28px;
}
.cta-wrapper-3 .cta-discount-area {
  display: flex;
  align-items: center;
  gap: 50px;
}
@media (max-width: 767px) {
  .cta-wrapper-3 .cta-discount-area {
    flex-wrap: wrap;
  }
}
@media (max-width: 575px) {
  .cta-wrapper-3 .cta-discount-area {
    justify-content: center;
  }
}
.cta-wrapper-3 .cta-discount-area .circle-bg-icon {
  position: relative;
  z-index: 9;
  animation: cir36 20s linear infinite;
}
.cta-wrapper-3 .cta-discount-area .circle-bg-icon .icon {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 44px;
  color: #404A3D;
}
.cta-wrapper-3 .cta-discount-area .circle-bg-icon .icon i {
  transition: all 0.4s ease-in-out;
  display: inline-block;
}
.cta-wrapper-3 .cta-discount-area .circle-bg-icon:hover .icon i {
  transform: scaleX(-1) !important;
}
.cta-wrapper-3 .theme-btn {
  background-color: var(--theme-color-2);
  color: #404A3D;
  transition: all 0.4s ease-in-out;
}
.cta-wrapper-3 .theme-btn::before {
  background-color: var(--theme-color);
}
.cta-wrapper-3 .theme-btn:hover {
  color: var(--white);
}

.cta-wrapper-4 {
  border-radius: 28px;
  position: relative;
  z-index: 9;
  padding: 120px 85px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1199px) {
  .cta-wrapper-4 {
    padding: 70px 50px;
    flex-wrap: wrap;
    gap: 30px;
  }
}
@media (max-width: 991px) {
  .cta-wrapper-4 {
    padding: 60px 40px;
  }
}
@media (max-width: 991px) {
  .cta-wrapper-4 {
    padding: 60px 40px;
  }
}
@media (max-width: 767px) {
  .cta-wrapper-4 {
    padding: 50px 30px;
    justify-content: center;
    text-align: center;
  }
}
.cta-wrapper-4::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
  background: rgba(36, 79, 11, 0.62);
  border-radius: 28px;
}
.cta-wrapper-4 .cta-discount-area {
  display: flex;
  align-items: center;
  gap: 50px;
}
@media (max-width: 767px) {
  .cta-wrapper-4 .cta-discount-area {
    display: block;
    text-align: center;
  }
}
.cta-wrapper-4 .cta-discount-area .circle-bg-icon {
  position: relative;
  z-index: 9;
}
@media (max-width: 767px) {
  .cta-wrapper-4 .cta-discount-area .circle-bg-icon {
    margin-bottom: 30px;
  }
}
.cta-wrapper-4 .cta-discount-area .circle-bg-icon .circle-icon {
  animation: cir36 20s linear infinite;
}
.cta-wrapper-4 .cta-discount-area .circle-bg-icon .icon {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 44px;
  color: #404A3D;
}
.cta-wrapper-4 .cta-discount-area .circle-bg-icon .icon img {
  transition: all 0.4s ease-in-out;
  display: inline-block;
}
.cta-wrapper-4 .cta-discount-area .circle-bg-icon:hover .icon img {
  transform: scaleX(-1) !important;
}
.cta-wrapper-4 .theme-btn {
  background-color: var(--theme-color-2);
  color: #404A3D;
  transition: all 0.4s ease-in-out;
}
.cta-wrapper-4 .theme-btn::before {
  background-color: var(--theme-color);
}
.cta-wrapper-4 .theme-btn:hover {
  color: var(--white);
}

.cta-banner-5 {
  padding-top: 380px;
  padding-bottom: 120px;
  background-attachment: fixed;
}
@media (max-width: 1199px) {
  .cta-banner-5 {
    padding-top: 220px;
  }
}
@media (max-width: 767px) {
  .cta-banner-5 {
    padding-top: 120px;
  }
}
.cta-banner-5 h2 {
  font-size: 72px;
  color: var(--white);
}
@media (max-width: 991px) {
  .cta-banner-5 h2 {
    font-size: 55px;
  }
}
@media (max-width: 767px) {
  .cta-banner-5 h2 {
    font-size: 48px;
  }
}
@media (max-width: 575px) {
  .cta-banner-5 h2 {
    font-size: 40px;
    text-align: center;
  }
}

.cta-discount-section-4 {
  position: relative;
  z-index: 999;
}
.cta-discount-section-4::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
  background: #EDF2EC;
  top: 40%;
  height: initial;
}

.cta-section {
  position: relative;
  z-index: 999;
  padding-top: 55px !important;
}
.cta-section::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
  background: #EDF2EC;
  height: 45%;
}
.cta-section .bottom-shape {
  position: absolute;
  bottom: 50%;
  left: 0;
  right: 0;
}
@media (max-width: 991px) {
  .cta-section .bottom-shape {
    bottom: -53%;
  }
}
.cta-section .bottom-shape img {
  width: 100%;
}

.cta-discount-section-3 {
  position: relative;
  z-index: 999;
}
.cta-discount-section-3::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
  background: #FFF9E8;
  top: 30%;
  height: initial;
}
.cta-discount-section-3 .cta-line {
  position: absolute;
  left: 0;
  right: 0;
  top: 30%;
}
@media (max-width: 991px) {
  .cta-discount-section-3 .cta-line {
    top: 27%;
  }
}
.cta-discount-section-3 .cta-line img {
  width: 100%;
}

.testimonial-wrapper {
  margin-top: 60px;
}
.testimonial-wrapper .testimonial-image {
  overflow: hidden;
  border-radius: 30px;
}
.testimonial-wrapper .testimonial-image img {
  width: 100%;
  height: 100%;
  border-radius: 30px;
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.7s;
  transition-property: all;
}
.testimonial-wrapper .testimonial-image:hover img {
  transform: scale(1.1) rotate(2deg);
}
.testimonial-wrapper .testimonial-box-items {
  margin-left: 50px;
  max-width: 626px;
}
@media (max-width: 1199px) {
  .testimonial-wrapper .testimonial-box-items {
    margin-left: 0;
  }
}
@media (max-width: 575px) {
  .testimonial-wrapper .testimonial-box-items {
    text-align: center;
  }
}
.testimonial-wrapper .testimonial-box-items .star {
  color: #EDDD5E;
}
.testimonial-wrapper .testimonial-box-items h3 {
  font-size: 28px;
  font-weight: 600;
  margin-top: 30px;
}
@media (max-width: 1199px) {
  .testimonial-wrapper .testimonial-box-items h3 {
    font-size: 22px;
  }
}
@media (max-width: 991px) {
  .testimonial-wrapper .testimonial-box-items h3 {
    font-size: 18px;
  }
}
.testimonial-wrapper .testimonial-box-items .client-info-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 50px;
}
@media (max-width: 1199px) {
  .testimonial-wrapper .testimonial-box-items .client-info-area {
    margin-top: 25px;
  }
}
@media (max-width: 575px) {
  .testimonial-wrapper .testimonial-box-items .client-info-area {
    display: grid;
    gap: 20px;
    justify-content: center;
  }
}
.testimonial-wrapper .testimonial-box-items .client-info-area .client-info {
  display: flex;
  align-items: center;
  gap: 20px;
}
.testimonial-wrapper .testimonial-box-items .client-info-area .client-info .content p {
  font-size: 15px;
  font-weight: 600;
}
@media (max-width: 575px) {
  .testimonial-wrapper .testimonial-box-items .client-info-area .client-info .content p {
    text-align: left;
  }
}
.testimonial-wrapper .testimonial-box-items .client-info-area .client-info .content h5 {
  font-size: 18px;
  font-weight: 700;
}
.testimonial-wrapper .testimonial-box-items .client-info-area .icon {
  font-size: 60px;
  color: var(--theme-color);
}
.testimonial-wrapper .array-buttons {
  display: grid;
  align-items: center;
  gap: 40px;
}
@media (max-width: 1199px) {
  .testimonial-wrapper .array-buttons {
    display: flex;
    gap: 20px;
  }
}
@media (max-width: 575px) {
  .testimonial-wrapper .array-buttons {
    justify-content: center;
  }
}
.testimonial-wrapper .array-buttons .array-prev:hover svg path, .testimonial-wrapper .array-buttons .array-next:hover svg path {
  fill: var(--theme-color);
}

.testimonial-section-2 {
  border-radius: 30px;
  position: relative;
  z-index: 9;
  margin-left: 50px;
  margin-right: 50px;
}
@media (max-width: 1600px) {
  .testimonial-section-2 {
    margin-left: 34px;
    margin-right: 34px;
  }
}
@media (max-width: 1399px) {
  .testimonial-section-2 {
    margin-left: 28px;
    margin-right: 28px;
  }
}
@media (max-width: 1199px) {
  .testimonial-section-2 {
    margin-left: 20px;
    margin-right: 20px;
  }
}
.testimonial-section-2::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
  border-radius: 30px;
  background: rgba(10, 40, 3, 0.87);
}

.testimonial-box-items-2 {
  border-radius: 12px;
  background: var(--white);
  padding: 45px 35px;
  margin-top: 30px;
}
@media (max-width: 575px) {
  .testimonial-box-items-2 {
    padding: 28px;
    text-align: center;
  }
}
.testimonial-box-items-2 .icon {
  font-size: 87px;
  color: #63AB52;
}
.testimonial-box-items-2 h4 {
  font-size: 22px;
  font-weight: 600;
  max-width: 364px;
  margin-top: 30px;
}
@media (max-width: 1399px) {
  .testimonial-box-items-2 h4 {
    font-size: 20px;
  }
}
@media (max-width: 575px) {
  .testimonial-box-items-2 h4 {
    font-size: 18px;
  }
}
.testimonial-box-items-2 .client-info {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 30px;
}
@media (max-width: 575px) {
  .testimonial-box-items-2 .client-info {
    justify-content: center;
    display: grid;
  }
}
.testimonial-box-items-2 .client-info .content p {
  font-size: 15px;
  font-weight: 600;
}
.testimonial-box-items-2 .client-info .content h5 {
  font-size: 18px;
  font-weight: 700;
}

.testimonial-box-items-3 {
  background-color: var(--white);
  border-radius: 12px;
  padding: 30px;
  margin-top: 30px;
}
@media (max-width: 575px) {
  .testimonial-box-items-3 {
    text-align: center;
    padding: 30px 27px;
  }
}
.testimonial-box-items-3 .star {
  color: #EDDD5E;
}
.testimonial-box-items-3 h4 {
  font-size: 24px;
  font-weight: 700;
  max-width: 446px;
  margin-top: 20px;
}
@media (max-width: 1199px) {
  .testimonial-box-items-3 h4 {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .testimonial-box-items-3 h4 {
    font-size: 22px;
  }
}
@media (max-width: 575px) {
  .testimonial-box-items-3 h4 {
    font-size: 20px;
  }
}
.testimonial-box-items-3 .client-info-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 40px;
}
@media (max-width: 575px) {
  .testimonial-box-items-3 .client-info-area {
    justify-content: center;
    display: grid;
    gap: 15px;
  }
}
.testimonial-box-items-3 .client-info-area .client-info {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (max-width: 575px) {
  .testimonial-box-items-3 .client-info-area .client-info {
    justify-content: center;
    display: grid;
    gap: 15px;
  }
}
.testimonial-box-items-3 .client-info-area .client-info .content p {
  font-size: 15px;
  font-weight: 600;
}
.testimonial-box-items-3 .client-info-area .client-info .content h5 {
  font-size: 18px;
  font-weight: 700;
}
.testimonial-box-items-3 .client-info-area .icon {
  font-size: 60px;
  color: #63AB52;
}
@media (max-width: 575px) {
  .testimonial-box-items-3 .client-info-area .icon {
    display: none;
  }
}

.testimonial-wrapper-4 {
  background-color: var(--theme-color-2);
  padding: 90px;
  border-radius: 28px;
  position: relative;
  z-index: 9;
}
@media (max-width: 1199px) {
  .testimonial-wrapper-4 {
    padding: 50px 45px;
  }
}
@media (max-width: 991px) {
  .testimonial-wrapper-4 {
    padding: 45px 35px;
  }
}
@media (max-width: 767px) {
  .testimonial-wrapper-4 {
    padding: 40px 32px;
  }
}
@media (max-width: 575px) {
  .testimonial-wrapper-4 {
    padding: 30px;
  }
}
.testimonial-wrapper-4 .shape-1 {
  position: absolute;
  top: 40px;
  left: 60px;
}
.testimonial-wrapper-4 .shape-2 {
  position: absolute;
  bottom: 0px;
  right: 30px;
}
.testimonial-wrapper-4 .testimonial-img {
  margin-right: 60px;
}
@media (max-width: 1199px) {
  .testimonial-wrapper-4 .testimonial-img {
    margin-right: 0;
  }
}
.testimonial-wrapper-4 .testimonial-img img {
  width: 100%;
  height: 100%;
}
.testimonial-wrapper-4 .testimonial-content .section-title h2 {
  font-weight: 700;
  margin-top: 15px;
  font-size: 45px;
}
@media (max-width: 1600px) {
  .testimonial-wrapper-4 .testimonial-content .section-title h2 {
    font-size: 38px;
  }
}
@media (max-width: 1399px) {
  .testimonial-wrapper-4 .testimonial-content .section-title h2 {
    font-size: 34px;
  }
}
@media (max-width: 991px) {
  .testimonial-wrapper-4 .testimonial-content .section-title h2 {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  .testimonial-wrapper-4 .testimonial-content .section-title h2 {
    font-size: 27px;
  }
}
@media (max-width: 575px) {
  .testimonial-wrapper-4 .testimonial-content .section-title h2 {
    font-size: 24px;
  }
}
@media (max-width: 470px) {
  .testimonial-wrapper-4 .testimonial-content .section-title h2 {
    font-size: 22px;
  }
}
.testimonial-wrapper-4 .testimonial-content .client-info-area {
  display: flex;
  align-items: center;
  gap: 150px;
  margin-top: 40px;
  justify-content: center;
}
@media (max-width: 1199px) {
  .testimonial-wrapper-4 .testimonial-content .client-info-area {
    margin-top: 30px;
    flex-wrap: wrap;
    gap: 20px;
  }
}
.testimonial-wrapper-4 .testimonial-content .client-info-area .client-info {
  display: flex;
  align-items: center;
  gap: 20px;
}
.testimonial-wrapper-4 .testimonial-content .client-info-area .client-info .content p {
  font-size: 15px;
  font-weight: 600;
}
.testimonial-wrapper-4 .testimonial-content .client-info-area .client-info .content h5 {
  font-size: 18px;
  font-weight: 700;
}
.testimonial-wrapper-4 .testimonial-content .client-info-area .icon {
  font-size: 60px;
  color: var(--theme-color);
}

.testimonial-section-5 {
  background-color: #5B8C51;
  position: relative;
}
.testimonial-section-5 .shape-1 {
  position: absolute;
  left: 0;
  top: 50%;
}
.testimonial-section-5 .shape-2 {
  position: absolute;
  right: 0;
  top: 30%;
}

.testimonial-wrapper-5 .array-prev, .testimonial-wrapper-5 .array-next {
  border: 1px solid var(--white);
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: var(--white);
  border-radius: 50%;
  margin-top: 100px;
  transition: all 0.4s ease-in-out;
}
.testimonial-wrapper-5 .array-prev:hover, .testimonial-wrapper-5 .array-next:hover {
  background-color: var(--theme-color-2);
  color: var(--header);
  border: 1px solid var(--theme-color-2);
}
.testimonial-wrapper-5 .testi-content-5 {
  margin-bottom: 60px;
  text-align: center;
}
.testimonial-wrapper-5 .testi-content-5 .star {
  color: rgb(237, 221, 94);
}
.testimonial-wrapper-5 .testi-content-5 h3 {
  font-size: 38px;
  font-weight: 700;
  margin-top: 20px;
  color: var(--white);
  line-height: 140%;
}
@media (max-width: 1199px) {
  .testimonial-wrapper-5 .testi-content-5 h3 {
    font-size: 32px;
  }
}
@media (max-width: 991px) {
  .testimonial-wrapper-5 .testi-content-5 h3 {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .testimonial-wrapper-5 .testi-content-5 h3 {
    font-size: 27px;
  }
}
@media (max-width: 575px) {
  .testimonial-wrapper-5 .testi-content-5 h3 {
    font-size: 25px;
  }
}
.testimonial-wrapper-5 .testi-content-5 .info-content {
  margin-top: 25px;
}
.testimonial-wrapper-5 .testi-content-5 .info-content span {
  font-size: 16px;
  font-weight: 600;
  font-family: "Cairo", sans-serif;
  color: var(--white);
}
.testimonial-wrapper-5 .testi-content-5 .info-content h4 {
  font-size: 18px;
  color: var(--white);
}
.testimonial-wrapper-5 .testi-bottom-img {
  max-width: 380px;
  text-align: center;
  margin: 0 auto;
}
@media (max-width: 575px) {
  .testimonial-wrapper-5 .testi-bottom-img img {
    width: 80px;
    height: 80px;
    object-fit: cover;
  }
}

.testimonial-section-3 {
  background-position: bottom center;
}

.testimonial-section-4 {
  position: relative;
}
.testimonial-section-4 .array-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  top: 42%;
  transform: translateY(-50%);
  z-index: 99;
  left: 13%;
  right: 13%;
}
@media (max-width: 1899px) {
  .testimonial-section-4 .array-button {
    left: 2.5%;
    right: 2.5%;
  }
}
@media (max-width: 1399px) {
  .testimonial-section-4 .array-button {
    display: none;
  }
}
.testimonial-section-4 .array-button .array-prev, .testimonial-section-4 .array-button .array-next {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  background: transparent;
  border: 1px solid var(--theme-color);
  color: var(--theme-color);
}
.testimonial-section-4 .array-button .array-prev:hover, .testimonial-section-4 .array-button .array-next:hover {
  background-color: var(--theme-color);
  color: var(--white);
}

.testimonial-box-items-inner {
  background-color: var(--white);
  border-radius: 12px;
  padding: 50px 40px;
  box-shadow: 8px 6px 51.9px 34px rgba(3, 15, 44, 0.03);
}
@media (max-width: 767px) {
  .testimonial-box-items-inner {
    padding: 40px 30px;
  }
}
.testimonial-box-items-inner .star {
  color: #EDDD5E;
}
.testimonial-box-items-inner h4 {
  font-size: 24px;
  font-weight: 700;
  max-width: 446px;
  margin-top: 20px;
}
@media (max-width: 767px) {
  .testimonial-box-items-inner h4 {
    font-size: 20px;
  }
}
.testimonial-box-items-inner .client-info-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 40px;
}
@media (max-width: 767px) {
  .testimonial-box-items-inner .client-info-area {
    margin-top: 30px;
    flex-wrap: wrap;
    gap: 20px;
  }
}
.testimonial-box-items-inner .client-info-area .client-info {
  display: flex;
  align-items: center;
  gap: 20px;
}
.testimonial-box-items-inner .client-info-area .client-info .content p {
  font-size: 15px;
  font-weight: 600;
}
.testimonial-box-items-inner .client-info-area .client-info .content h5 {
  font-size: 18px;
  font-weight: 700;
}
.testimonial-box-items-inner .client-info-area .icon {
  font-size: 60px;
  color: #63AB52;
}

.brand-section .top-text {
  margin-bottom: 50px;
}
.brand-section .top-text p {
  font-size: 20px;
  font-weight: 500;
}

.brand-section-3 {
  margin: 0 48px;
}
@media (max-width: 1600px) {
  .brand-section-3 {
    margin: 0 40px;
  }
}
@media (max-width: 1399px) {
  .brand-section-3 {
    margin: 0 30px;
  }
}
@media (max-width: 1199px) {
  .brand-section-3 {
    margin: 0 20px;
  }
}

.brand-section-3 .video-wrapper-3 {
  height: 220px;
}

.news-box-items {
  margin-top: 30px;
}
.news-box-items .news-image {
  position: relative;
  z-index: 9;
}
.news-box-items .news-image img {
  width: 100%;
  height: 100%;
  border-radius: 12px;
}
.news-box-items .news-image .post-date {
  width: 84px;
  height: 84px;
  padding: 10px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--theme-color-2);
  position: absolute;
  bottom: 12px;
  left: 25px;
  border: 3px solid var(--white);
}
.news-box-items .news-image .post-date h4 {
  color: var(--theme-color);
  font-size: 22px;
  font-weight: 800;
}
.news-box-items .news-image .post-date p {
  color: var(--theme-color);
  font-weight: 400;
}
.news-box-items .news-content {
  text-align: center;
  max-width: 350px;
  margin: 40px auto 0;
}
.news-box-items .news-content span {
  font-size: 16px;
  font-weight: 500;
  color: #63AB52;
}
.news-box-items .news-content h3 {
  margin-top: 10px;
}
.news-box-items .news-content h3 a {
  background-position: 0 95%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  display: inline;
}
.news-box-items .news-content h3 a:hover {
  color: var(--theme-color);
  background-size: 100% 2px;
  background-image: linear-gradient(180deg, var(--theme-color) 0%, var(--theme-color) 100%);
}
.news-box-items .news-content p {
  font-weight: 500;
  margin-top: 7px;
}
.news-box-items .news-content .link-btn {
  color: #63AB52;
  margin-top: 25px;
  display: inline-block;
  transition: all 0.4s ease-in-out;
  font-weight: 800;
  font-size: 16px;
  font-family: "Cairo", sans-serif;
}
.news-box-items .news-content .link-btn i {
  margin-left: 5px;
  transform: rotate(-45deg);
}
.news-box-items .news-content .link-btn:hover {
  color: var(--header);
}

.news-box-items-2 {
  margin-top: 30px;
}
.news-box-items-2 .news-thumb {
  border-radius: 12px;
  overflow: hidden;
}
.news-box-items-2 .news-thumb img {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.7s;
  transition-property: all;
}
.news-box-items-2 .news-content {
  margin-top: 25px;
}
@media (max-width: 575px) {
  .news-box-items-2 .news-content {
    text-align: center;
  }
}
.news-box-items-2 .news-content ul {
  display: flex;
  align-items: center;
  gap: 30px;
}
@media (max-width: 575px) {
  .news-box-items-2 .news-content ul {
    justify-content: center;
    gap: 20px;
  }
}
.news-box-items-2 .news-content ul li i {
  margin-right: 6px;
  color: var(--theme-color);
}
.news-box-items-2 .news-content h3 {
  font-size: 24px;
  font-weight: 800;
  margin-top: 8px;
}
.news-box-items-2 .news-content h3 a {
  background-position: 0 95%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  display: inline;
}
.news-box-items-2 .news-content h3 a:hover {
  color: var(--theme-color);
  background-size: 100% 2px;
  background-image: linear-gradient(180deg, var(--theme-color) 0%, var(--theme-color) 100%);
}
.news-box-items-2 .news-content .link-btn {
  color: #63AB52;
  margin-top: 20px;
  display: inline-block;
  transition: all 0.4s ease-in-out;
  font-weight: 800;
  font-size: 16px;
  font-family: "Cairo", sans-serif;
}
.news-box-items-2 .news-content .link-btn i {
  margin-left: 5px;
  transform: rotate(-45deg);
}
.news-box-items-2 .news-content .link-btn:hover {
  color: var(--header);
}
.news-box-items-2:hover .news-thumb img {
  transform: scale(1.1) rotate(2deg);
}

.news-wrapper-3 {
  margin-top: 60px;
}
@media (max-width: 575px) {
  .news-wrapper-3 {
    margin-top: 3px;
  }
}
.news-wrapper-3 .news-left-items {
  border-radius: 28px;
  overflow: hidden;
  position: relative;
  z-index: 99;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 767px) {
  .news-wrapper-3 .news-left-items {
    height: 550px;
    text-align: center;
  }
  .news-wrapper-3 .news-left-items img {
    object-fit: cover;
  }
}
.news-wrapper-3 .news-left-items::before {
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  background: linear-gradient(180deg, rgba(36, 79, 11, 0) 0%, rgba(36, 79, 11, 0.8) 68.16%);
  border-radius: 28px;
  position: absolute;
  transition: all 0.4s ease-in-out;
  z-index: 1;
}
.news-wrapper-3 .news-left-items img {
  width: 100%;
  height: 100%;
  border-radius: 28px;
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.7s;
  transition-property: all;
}
.news-wrapper-3 .news-left-items .content {
  position: absolute;
  bottom: 30px;
  left: 30px;
  right: 20px;
  z-index: 1;
  transition: all 0.4s ease-in-out;
}
.news-wrapper-3 .news-left-items .content .post-date {
  width: 84px;
  height: 84px;
  padding: 10px;
  text-align: center;
  background-color: var(--white);
  border-radius: 28px;
}
@media (max-width: 575px) {
  .news-wrapper-3 .news-left-items .content .post-date {
    margin: 0 auto;
  }
}
.news-wrapper-3 .news-left-items .content .post-date h4 {
  color: var(--header);
  font-size: 22px;
  font-weight: 800;
}
.news-wrapper-3 .news-left-items .content .post-date p {
  color: var(--header);
  font-weight: 400;
}
.news-wrapper-3 .news-left-items .content h3 {
  font-size: 34px;
  font-weight: 700;
  margin-top: 20px;
}
@media (max-width: 767px) {
  .news-wrapper-3 .news-left-items .content h3 {
    font-size: 25px;
  }
}
.news-wrapper-3 .news-left-items .content h3 a {
  color: var(--white);
  background-position: 0 95%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  display: inline;
}
.news-wrapper-3 .news-left-items .content h3 a:hover {
  color: var(--white);
  background-size: 100% 2px;
  background-image: linear-gradient(180deg, var(--white) 0%, var(--white) 100%);
}
.news-wrapper-3 .news-left-items .content .link-btn {
  color: var(--theme-color-2);
  margin-top: 20px;
  display: inline-block;
  transition: all 0.4s ease-in-out;
  font-weight: 800;
  font-size: 16px;
  font-family: "Cairo", sans-serif;
}
.news-wrapper-3 .news-left-items .content .link-btn i {
  margin-left: 5px;
  transform: rotate(-45deg);
}
.news-wrapper-3 .news-left-items .content .link-btn:hover {
  color: var(--white);
}
.news-wrapper-3 .news-left-items:hover img {
  transform: scale(1.1) rotate(2deg);
}
.news-wrapper-3 .news-right-box .news-thumb {
  overflow: hidden;
  border-radius: 28px;
}
.news-wrapper-3 .news-right-box .news-thumb img {
  width: 100%;
  height: 100%;
  border-radius: 28px;
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.7s;
  transition-property: all;
}
.news-wrapper-3 .news-right-box .content {
  padding: 10px;
  margin-top: 10px;
}
@media (max-width: 575px) {
  .news-wrapper-3 .news-right-box .content {
    text-align: center;
  }
}
.news-wrapper-3 .news-right-box .content .post-date {
  display: flex;
  gap: 30px;
  align-items: center;
}
@media (max-width: 1399px) {
  .news-wrapper-3 .news-right-box .content .post-date {
    flex-wrap: wrap;
    gap: 10px;
  }
}
@media (max-width: 575px) {
  .news-wrapper-3 .news-right-box .content .post-date {
    justify-content: center;
    margin-bottom: 7px;
  }
}
.news-wrapper-3 .news-right-box .content .post-date li {
  display: flex;
  gap: 7px;
  align-items: center;
  font-weight: 600;
  color: var(--theme-color);
}
.news-wrapper-3 .news-right-box .content .post-date li:last-child {
  position: relative;
  padding-left: 35px;
  color: #636D6C;
}
@media (max-width: 1399px) {
  .news-wrapper-3 .news-right-box .content .post-date li:last-child {
    padding-left: 0;
  }
}
.news-wrapper-3 .news-right-box .content .post-date li:last-child::before {
  width: 8px;
  height: 8px;
  line-height: 8px;
  border-radius: 50%;
  position: absolute;
  top: 13px;
  left: 0px;
  content: "";
  background-color: rgba(99, 109, 108, 0.4196078431);
}
@media (max-width: 1399px) {
  .news-wrapper-3 .news-right-box .content .post-date li:last-child::before {
    display: none;
  }
}
@media (max-width: 1399px) {
  .news-wrapper-3 .news-right-box .content h3 {
    font-size: 21px;
  }
}
.news-wrapper-3 .news-right-box .content h3 a {
  background-position: 0 95%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  display: inline;
}
.news-wrapper-3 .news-right-box .content h3 a:hover {
  color: var(--theme-color);
  background-size: 100% 2px;
  background-image: linear-gradient(180deg, var(--theme-color) 0%, var(--theme-color) 100%);
}
.news-wrapper-3 .news-right-box .content p {
  font-size: 16px;
}
.news-wrapper-3 .news-right-box .content .link-btn {
  color: #63AB52;
  margin-top: 10px;
  display: inline-block;
  transition: all 0.4s ease-in-out;
  font-weight: 800;
  font-size: 16px;
  font-family: "Cairo", sans-serif;
}
.news-wrapper-3 .news-right-box .content .link-btn i {
  margin-left: 5px;
  transform: rotate(-45deg);
}
.news-wrapper-3 .news-right-box .content .link-btn:hover {
  color: var(--header);
}
.news-wrapper-3 .news-right-box:hover .news-thumb img {
  transform: scale(1.1) rotate(2deg);
}

.news-image-box-items-4 {
  margin-top: 30px;
}
.news-image-box-items-4 .news-image {
  position: relative;
  z-index: 9;
}
.news-image-box-items-4 .news-image img {
  width: 100%;
  height: 100%;
  border-radius: 28px;
}
.news-image-box-items-4 .news-image .post-date {
  width: 99px;
  height: 48px;
  padding: -7px;
  text-align: center;
  border-radius: 4px;
  position: absolute;
  bottom: 0;
  right: 20px;
}
@media (max-width: 991px) {
  .news-image-box-items-4 .news-image .post-date {
    bottom: 45px;
  }
}
.news-image-box-items-4 .news-image .post-date h4 {
  background-color: var(--theme-color-2);
  font-size: 34px;
  font-weight: 800;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.news-image-box-items-4 .news-image .post-date p {
  background-color: var(--theme-color);
  font-weight: 600;
  color: var(--white);
  font-size: 15px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.news-image-box-items-4 .content {
  padding: 10px;
  margin-top: 10px;
}
@media (max-width: 575px) {
  .news-image-box-items-4 .content {
    text-align: center;
  }
}
.news-image-box-items-4 .content .post-date {
  display: flex;
  gap: 30px;
  align-items: center;
  margin-bottom: 15px;
}
@media (max-width: 575px) {
  .news-image-box-items-4 .content .post-date {
    justify-content: center;
  }
}
.news-image-box-items-4 .content .post-date li {
  display: flex;
  gap: 7px;
  align-items: center;
  font-weight: 600;
  color: var(--theme-color);
}
.news-image-box-items-4 .content .post-date li:last-child {
  position: relative;
  padding-left: 35px;
  color: #636D6C;
}
.news-image-box-items-4 .content .post-date li:last-child::before {
  width: 8px;
  height: 8px;
  line-height: 8px;
  border-radius: 50%;
  position: absolute;
  top: 13px;
  left: 0px;
  content: "";
  background-color: rgba(99, 109, 108, 0.4196078431);
}
.news-image-box-items-4 .content h3 {
  font-size: 36px;
  font-weight: 700;
  line-height: 125%;
}
@media (max-width: 1399px) {
  .news-image-box-items-4 .content h3 {
    font-size: 27px;
  }
}
@media (max-width: 1199px) {
  .news-image-box-items-4 .content h3 {
    font-size: 24px;
  }
}
@media (max-width: 991px) {
  .news-image-box-items-4 .content h3 {
    font-size: 21px;
  }
}
@media (max-width: 767px) {
  .news-image-box-items-4 .content h3 {
    font-size: 26px;
  }
}
@media (max-width: 575px) {
  .news-image-box-items-4 .content h3 {
    font-size: 22px;
  }
}
.news-image-box-items-4 .content h3 a {
  background-position: 0 95%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  display: inline;
}
.news-image-box-items-4 .content h3 a:hover {
  color: var(--theme-color);
  background-size: 100% 2px;
  background-image: linear-gradient(180deg, var(--theme-color) 0%, var(--theme-color) 100%);
}

.news-section-4 {
  position: relative;
  z-index: 9;
}
.news-section-4 .news-shape-1 {
  position: absolute;
  top: 10px;
  left: 70px;
}
.news-section-4 .news-shape-2 {
  position: absolute;
  right: 0;
  bottom: 30%;
}
@media (max-width: 575px) {
  .news-section-4 .section-title-area {
    text-align: center;
  }
}

.news-wrapper-5 {
  max-width: 1570px;
  margin: 0 auto;
  border-radius: 28px;
}
@media (max-width: 575px) {
  .news-wrapper-5 {
    text-align: center;
  }
}
.news-wrapper-5 .news-box-items-5 {
  margin-top: 30px;
}
@media (max-width: 575px) {
  .news-wrapper-5 .news-box-items-5 {
    text-align: center;
  }
}
.news-wrapper-5 .news-box-items-5 .news-image {
  position: relative;
  z-index: 9;
}
.news-wrapper-5 .news-box-items-5 .news-image img {
  width: 100%;
  height: 100%;
  border-radius: 28px;
}
.news-wrapper-5 .news-box-items-5 .news-image .post-date {
  width: 84px;
  height: 84px;
  padding: 10px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--theme-color);
  position: absolute;
  bottom: -40px;
  right: 25px;
  border: 3px solid var(--white);
}
.news-wrapper-5 .news-box-items-5 .news-image .post-date h4 {
  color: var(--white);
  font-size: 22px;
  font-weight: 800;
}
.news-wrapper-5 .news-box-items-5 .news-image .post-date p {
  color: var(--white);
  font-weight: 400;
}
.news-wrapper-5 .news-box-items-5 .news-content {
  margin-top: 40px;
}
.news-wrapper-5 .news-box-items-5 .news-content span {
  font-size: 16px;
  font-weight: 500;
  color: #63AB52;
}
.news-wrapper-5 .news-box-items-5 .news-content h3 {
  margin-top: 10px;
}
.news-wrapper-5 .news-box-items-5 .news-content h3 a {
  background-position: 0 95%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  display: inline;
}
.news-wrapper-5 .news-box-items-5 .news-content h3 a:hover {
  color: var(--theme-color);
  background-size: 100% 2px;
  background-image: linear-gradient(180deg, var(--theme-color) 0%, var(--theme-color) 100%);
}
.news-wrapper-5 .news-box-items-5 .news-content p {
  margin-top: 7px;
}
.news-wrapper-5 .news-bottom-items {
  display: flex;
  justify-content: space-between;
  margin-top: 120px;
  align-items: center;
}
@media (max-width: 1199px) {
  .news-wrapper-5 .news-bottom-items {
    margin-top: 100px;
    flex-wrap: wrap;
    gap: 30px;
  }
}
@media (max-width: 991px) {
  .news-wrapper-5 .news-bottom-items {
    margin-top: 80px;
  }
}
@media (max-width: 575px) {
  .news-wrapper-5 .news-bottom-items {
    justify-content: center;
  }
}
.news-wrapper-5 .news-bottom-items .news-first-items {
  display: flex;
  align-items: center;
  gap: 25px;
}
@media (max-width: 991px) {
  .news-wrapper-5 .news-bottom-items .news-first-items {
    flex-wrap: wrap;
    gap: 20px;
  }
}
@media (max-width: 575px) {
  .news-wrapper-5 .news-bottom-items .news-first-items {
    justify-content: center;
  }
}
.news-wrapper-5 .news-bottom-items .news-first-items .thumb img {
  width: 100%;
  height: 100%;
  border-radius: 28px;
}
.news-wrapper-5 .news-bottom-items .news-first-items .content {
  max-width: 617px;
}
.news-wrapper-5 .news-bottom-items .news-first-items .content h3 {
  font-size: 33px;
  font-weight: 700;
  margin-bottom: 10px;
}
@media (max-width: 575px) {
  .news-wrapper-5 .news-bottom-items .news-first-items .content h3 {
    font-size: 24px;
  }
}

.news-section-2 {
  position: relative;
}
.news-section-2 .shape-1 {
  position: absolute;
  top: 90px;
  right: 0;
}

.news-section-5 {
  position: relative;
  z-index: 999;
}
.news-section-5::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
  background: #5B8C51;
  height: 35%;
}

@media (max-width: 575px) {
  .news-section-2 .section-title-area {
    justify-content: center;
    text-align: center;
  }
}

.blog-wrapper .single-blog-post {
  margin-bottom: 40px;
  position: relative;
}
.blog-wrapper .single-blog-post .video__button {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.blog-wrapper .single-blog-post .video__button .video__btn__wrp {
  margin-bottom: 0;
}
.blog-wrapper .single-blog-post.post-details.format-quote .post-content {
  position: relative;
  background: transparent;
  border: none;
}
.blog-wrapper .single-blog-post.post-details .post-content {
  border: none;
}
.blog-wrapper .single-blog-post.post-details .post-content img {
  margin-top: 20px;
  margin-bottom: 20px;
  border-radius: 10px;
}
.blog-wrapper .single-blog-post.post-details .post-content .single-post-image {
  width: 100%;
  height: 100%;
  border-radius: 6px;
}
.blog-wrapper .single-blog-post.post-details .post-content h1 {
  font-size: 36px;
  line-height: 1.4;
}
.blog-wrapper .single-blog-post.post-details .post-content h1, .blog-wrapper .single-blog-post.post-details .post-content h2, .blog-wrapper .single-blog-post.post-details .post-content h3, .blog-wrapper .single-blog-post.post-details .post-content h4, .blog-wrapper .single-blog-post.post-details .post-content h5, .blog-wrapper .single-blog-post.post-details .post-content h6 {
  margin-top: 10px;
}
.blog-wrapper .single-blog-post.post-details .post-content table {
  margin-top: 20px;
}
@media (max-width: 767px) {
  .blog-wrapper .single-blog-post.post-details .post-content h1 {
    font-size: 28px;
  }
  .blog-wrapper .single-blog-post.post-details .post-content h3 {
    font-size: 20px;
  }
}
.blog-wrapper .single-blog-post.post-details blockquote, .blog-wrapper .single-blog-post.post-details .wp-block-quote {
  background-color: var(--theme-color);
  color: var(--white);
  font-size: 26px;
  line-height: 1.4;
  font-family: "Cairo", sans-serif;
  font-weight: 400;
  padding: 60px;
  text-align: center;
  margin: 40px 0px;
  position: relative;
  z-index: 1;
  border-radius: 6px;
}
.blog-wrapper .single-blog-post.post-details blockquote a, .blog-wrapper .single-blog-post.post-details .wp-block-quote a {
  color: var(--white);
}
.blog-wrapper .single-blog-post.post-details blockquote a:hover, .blog-wrapper .single-blog-post.post-details .wp-block-quote a:hover {
  color: var(--text);
}
@media (max-width: 767px) {
  .blog-wrapper .single-blog-post.post-details blockquote, .blog-wrapper .single-blog-post.post-details .wp-block-quote {
    padding: 30px 15px;
    font-size: 18px;
    line-height: 1.5;
  }
}
.blog-wrapper .single-blog-post.post-details blockquote::before, .blog-wrapper .single-blog-post.post-details .wp-block-quote::before {
  right: 30px;
  font-size: 110px;
  line-height: 1;
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  content: "\f10d";
  bottom: -20px;
  color: var(--white);
  z-index: -1;
  opacity: 0.1;
  font-weight: 900;
}
.blog-wrapper .single-blog-post.format-video .post-featured-thumb, .blog-wrapper .single-blog-post.category-video-post .post-featured-thumb {
  z-index: 1;
  position: relative;
}
.blog-wrapper .single-blog-post.format-video .post-featured-thumb::before, .blog-wrapper .single-blog-post.category-video-post .post-featured-thumb::before {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  content: "";
  background-color: #282835;
  opacity: 0.3;
  z-index: -1;
}
.blog-wrapper .single-blog-post.quote-post .post-content, .blog-wrapper .single-blog-post.format-quote .post-content {
  position: relative;
  background-color: var(--theme-color);
  border: none;
  padding-top: 0;
  border-radius: 6px;
}
.blog-wrapper .single-blog-post.quote-post .post-content::before, .blog-wrapper .single-blog-post.format-quote .post-content::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-image: url(../../assets/img/quotepost.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.blog-wrapper .single-blog-post.quote-post .quote-content, .blog-wrapper .single-blog-post.format-quote .quote-content {
  overflow: hidden;
  padding: 50px;
  position: relative;
  z-index: 88;
}
@media (max-width: 585px) {
  .blog-wrapper .single-blog-post.quote-post .quote-content, .blog-wrapper .single-blog-post.format-quote .quote-content {
    text-align: center;
    font-size: 24px;
    padding: 30px;
  }
}
.blog-wrapper .single-blog-post.quote-post .quote-content .icon, .blog-wrapper .single-blog-post.format-quote .quote-content .icon {
  font-size: 70px;
  line-height: 80px;
  float: left;
  overflow: hidden;
  margin-right: 30px;
}
@media (max-width: 585px) {
  .blog-wrapper .single-blog-post.quote-post .quote-content .icon, .blog-wrapper .single-blog-post.format-quote .quote-content .icon {
    float: none;
    margin-bottom: 10px;
    margin-right: 0;
    font-size: 50px;
    line-height: 60px;
  }
}
.blog-wrapper .single-blog-post.quote-post .quote-content .quote-text, .blog-wrapper .single-blog-post.format-quote .quote-content .quote-text {
  overflow: hidden;
}
.blog-wrapper .single-blog-post.quote-post .quote-content h2, .blog-wrapper .single-blog-post.format-quote .quote-content h2 {
  margin-top: -2px;
  font-size: 36px;
  color: var(--white);
  font-weight: 600;
}
@media (max-width: 767px) {
  .blog-wrapper .single-blog-post.quote-post .quote-content h2, .blog-wrapper .single-blog-post.format-quote .quote-content h2 {
    font-size: 24px;
  }
}
.blog-wrapper .single-blog-post.quote-post .quote-content .post-meta, .blog-wrapper .single-blog-post.format-quote .quote-content .post-meta {
  margin-top: 10px;
}
.blog-wrapper .single-blog-post.quote-post .quote-content .post-meta span, .blog-wrapper .single-blog-post.quote-post .quote-content .post-meta i, .blog-wrapper .single-blog-post.format-quote .quote-content .post-meta span, .blog-wrapper .single-blog-post.format-quote .quote-content .post-meta i {
  color: var(--white);
}
.blog-wrapper .single-blog-post:last-child {
  margin-bottom: 0;
}
.blog-wrapper .single-blog-post .post-featured-thumb {
  height: 462px;
  width: 100%;
  position: relative;
  margin-bottom: -2px;
  border-radius: 6px;
}
.blog-wrapper .single-blog-post .post-featured-thumb .post-date {
  position: absolute;
  top: 20px;
  left: 20px;
  padding: 15px 30px;
  background-color: var(--theme-color);
  text-align: center;
}
.blog-wrapper .single-blog-post .post-featured-thumb .post-date h4 {
  color: var(--white);
}
.blog-wrapper .single-blog-post .post-featured-thumb .post-date h4 span {
  color: var(--white);
  text-transform: uppercase;
  font-size: 15px;
}
@media (max-width: 991px) {
  .blog-wrapper .single-blog-post .post-featured-thumb {
    height: 280px;
  }
}
@media (max-width: 767px) {
  .blog-wrapper .single-blog-post .post-featured-thumb {
    height: 230px;
  }
}
.blog-wrapper .single-blog-post .post-featured-thumb .video-play-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.blog-wrapper .single-blog-post .post-featured-thumb .video-play-btn .play-video {
  border-radius: 50%;
  width: 80px;
  height: 80px;
  line-height: 80px;
  font-size: 18px;
}
.blog-wrapper .single-blog-post .post-content {
  padding-top: 30px;
  overflow: hidden;
  box-sizing: border-box;
}
@media (max-width: 575px) {
  .blog-wrapper .single-blog-post .post-content {
    padding-top: 20px;
  }
}
.blog-wrapper .single-blog-post .post-content h2 {
  line-height: 1.4;
  font-size: 34px;
  font-weight: 600;
}
@media (max-width: 575px) {
  .blog-wrapper .single-blog-post .post-content h2 {
    font-size: 24px;
  }
}
.blog-wrapper .single-blog-post .post-content h2 a:hover {
  color: var(--theme-color);
}
.blog-wrapper .single-blog-post .post-content p {
  font-size: 16px;
}
@media (max-width: 767px) {
  .blog-wrapper .single-blog-post .post-content {
    padding: 30px 10px;
  }
}
@media (max-width: 414px) {
  .blog-wrapper .single-blog-post .post-content h2 {
    font-size: 22px;
  }
}
.blog-wrapper .single-blog-post .post-content .post-cat a {
  color: var(--white);
  display: inline-block;
  background-color: var(--theme-color);
  padding: 14px 18px 12px;
  line-height: 1;
  font-size: 16px;
  font-weight: 700;
  transition: all 0.3s ease-in-out;
  margin-bottom: 20px;
  text-transform: capitalize;
  font-family: "League Spartan", sans-serif;
}
@media (max-width: 767px) {
  .blog-wrapper .single-blog-post .post-content .post-cat a {
    font-size: 12px;
  }
}
.blog-wrapper .single-blog-post .post-content .post-cat a:hover {
  background-color: var(--header);
}
.blog-wrapper .single-blog-post .post-content ul {
  margin-bottom: 0;
  list-style-type: disc;
  margin-top: 30px;
}
.blog-wrapper .single-blog-post .post-content ul ol {
  margin-bottom: 0;
}
.blog-wrapper .single-blog-post .post-content ul ul {
  margin-bottom: 0;
}
.blog-wrapper .single-blog-post .post-content ul li {
  line-height: 1.5;
  margin-top: 10px;
  list-style-type: disc;
  color: var(--text);
  position: relative;
  font-size: 18px;
  padding-left: 30px;
}
.blog-wrapper .single-blog-post .post-content ul li::before {
  position: absolute;
  left: 0;
  top: 0;
  font-family: "Font Awesome 5 Pro";
  content: "\f00c";
  color: var(--theme-color);
}
.blog-wrapper .single-blog-post .post-content ol {
  margin-bottom: 0;
  list-style-type: decimal;
}
.blog-wrapper .single-blog-post .post-content ol ul {
  margin-bottom: 0;
}
.blog-wrapper .single-blog-post .post-content ol ol {
  margin-bottom: 0;
}
.blog-wrapper .single-blog-post .post-content ol li {
  line-height: 1.5;
  margin-top: 10px;
  list-style-type: decimal;
}
.blog-wrapper .single-blog-post .post-content .post-meta {
  margin-bottom: 10px;
}
.blog-wrapper .single-blog-post .post-content .post-meta span {
  color: var(--text);
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  display: inline-block;
  margin-right: 20px;
}
@media (max-width: 767px) {
  .blog-wrapper .single-blog-post .post-content .post-meta span {
    font-size: 15px;
  }
}
.blog-wrapper .single-blog-post .post-content .post-meta span i {
  margin-right: 5px;
  color: var(--theme-color);
  font-weight: 700;
}
.blog-wrapper .single-blog-post .post-content h3 {
  font-size: 36px;
  font-weight: 600;
}
@media (max-width: 575px) {
  .blog-wrapper .single-blog-post .post-content h3 {
    font-size: 27px;
  }
}
.blog-wrapper .single-blog-post .post-content h3 a {
  background-position: 0 95%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  display: inline;
}
.blog-wrapper .single-blog-post .post-content h3 a:hover {
  color: var(--theme-color);
  background-size: 100% 2px;
  background-image: linear-gradient(180deg, var(--theme-color) 0%, var(--theme-color) 100%);
}
.blog-wrapper .single-blog-post .post-content .author-info {
  overflow: hidden;
}
.blog-wrapper .single-blog-post .post-content .author-info .author-img {
  height: 40px;
  width: 40px;
  line-height: 40px;
  border-radius: 50%;
  background-color: #f2f2f2;
  margin-right: 15px;
  float: left;
  overflow: hidden;
  background-position: center;
  background-size: cover;
}
@media (max-width: 767px) {
  .blog-wrapper .single-blog-post .post-content .author-info .author-img {
    margin-right: 5px;
  }
}
.blog-wrapper .single-blog-post .post-content .author-info h5 {
  display: inline-block;
  line-height: 1;
  font-size: 16px;
  margin-top: 9px;
}
.blog-wrapper .single-blog-post .post-content .author-info h5 a:hover {
  color: var(--theme-color);
}
@media (max-width: 767px) {
  .blog-wrapper .single-blog-post .post-content .author-info h5 {
    font-size: 14px;
  }
}
.blog-wrapper .single-blog-post .post-content .post-link a {
  font-weight: 700;
}
.blog-wrapper .single-blog-post .post-content .post-link a:hover {
  color: var(--theme-color);
}
@media (max-width: 767px) {
  .blog-wrapper .single-blog-post .post-content .post-link a {
    font-size: 14px;
  }
}
.blog-wrapper .single-blog-post .post-content .post-link a i {
  margin-right: 5px;
}
@media (max-width: 767px) {
  .blog-wrapper .single-blog-post .post-content .post-link a i {
    margin-right: 3px;
  }
}

@media (min-width: 991px) {
  .news-area .main-sidebar {
    margin-left: 20px;
  }
}
@media (max-width: 991px) {
  .news-area .main-sidebar {
    margin-top: 40px;
  }
}
.news-area .main-sidebar .single-sidebar-widget {
  box-sizing: border-box;
  padding: 30px;
  margin-bottom: 40px;
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}
.news-area .main-sidebar .single-sidebar-widget ul {
  padding-left: 0;
}
.news-area .main-sidebar .single-sidebar-widget ul > li {
  margin-bottom: 10px;
}
.news-area .main-sidebar .single-sidebar-widget ul > li a {
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
}
.news-area .main-sidebar .single-sidebar-widget ul > li a:hover {
  color: var(--theme-color);
}
.news-area .main-sidebar .single-sidebar-widget ul ul {
  padding-left: 20px;
}
.news-area .main-sidebar .single-sidebar-widget ul ul li {
  margin-top: 5px;
}
.news-area .main-sidebar .single-sidebar-widget:last-child {
  margin-bottom: 0;
}
.news-area .main-sidebar .single-sidebar-widget .wid-title {
  margin-bottom: 25px;
  padding-left: 45px;
  position: relative;
}
.news-area .main-sidebar .single-sidebar-widget .wid-title::before {
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  height: 4px;
  width: 18px;
  border-radius: 5px;
  position: absolute;
  background-color: var(--theme-color);
}
.news-area .main-sidebar .single-sidebar-widget .wid-title::after {
  left: 22px;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  height: 4px;
  width: 4px;
  border-radius: 50%;
  position: absolute;
  background-color: var(--theme-color);
}
.news-area .main-sidebar .single-sidebar-widget .wid-title h3 {
  font-size: 20px;
  font-weight: 400;
}
.news-area .main-sidebar .single-sidebar-widget .social-link a {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--white);
  font-size: 14px;
  margin-right: 5px;
  margin-bottom: 5px;
}
.news-area .main-sidebar .single-sidebar-widget .social-link a:hover {
  background-color: var(--theme-color);
  color: var(--white);
}

.search_widget form {
  width: 100%;
  position: relative;
}
.search_widget form input {
  background-color: var(--white);
  font-size: 15px;
  padding: 20px;
  width: 100%;
  border: none;
  text-transform: capitalize;
  color: var(--header);
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}
.search_widget form button {
  position: absolute;
  right: 0;
  top: 0;
  width: 70px;
  font-size: 18px;
  height: 100%;
  background-color: var(--theme-color);
  color: var(--white);
  text-align: center;
  transition: all 0.3s ease-in-out;
}
.search_widget form button:hover {
  background-color: var(--header);
}

.popular-posts .single-post-item, .popular_posts .single-post-item {
  overflow: hidden;
}
.popular-posts .single-post-item:not(:last-child), .popular_posts .single-post-item:not(:last-child) {
  margin-bottom: 35px;
}
.popular-posts .single-post-item .thumb, .popular_posts .single-post-item .thumb {
  height: 95px;
  width: 95px;
  background-color: #f2f2f2;
  float: left;
  overflow: hidden;
  margin-right: 20px;
  border-radius: 4px;
}
.popular-posts .single-post-item .post-content, .popular_posts .single-post-item .post-content {
  overflow: hidden;
}
.popular-posts .single-post-item .post-content h5, .popular_posts .single-post-item .post-content h5 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0;
  text-transform: capitalize;
}
.popular-posts .single-post-item .post-content h5 a:hover, .popular_posts .single-post-item .post-content h5 a:hover {
  color: var(--theme-color);
}
.popular-posts .single-post-item .post-content .post-date, .popular_posts .single-post-item .post-content .post-date {
  margin-top: 10px;
  color: var(--theme-color);
  font-weight: 400;
  font-size: 15px;
  text-transform: capitalize;
}
.popular-posts .single-post-item .post-content .post-date i, .popular_posts .single-post-item .post-content .post-date i {
  margin-right: 7px;
}

.widget_categories ul li {
  display: block;
}
.widget_categories ul li:last-child a {
  margin-bottom: 0;
}
.widget_categories ul li a {
  position: relative;
  background: var(--white);
  padding: 17px 20px;
  line-height: 1;
  font-size: 16px;
  font-family: "Cairo", sans-serif;
  display: block;
  margin-bottom: 12px;
  font-weight: 600;
  transition: all 0.4s ease-in-out;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}
.widget_categories ul li a:hover {
  color: var(--theme-color);
}
.widget_categories ul li a i {
  margin-right: 10px;
}
.widget_categories ul li a span {
  position: absolute;
  width: 60px;
  line-height: 55px;
  height: 100%;
  content: "";
  background-color: var(--theme-color);
  right: 0;
  top: 0;
  text-align: center;
  color: var(--white);
}

.tagcloud a {
  display: inline-block;
  padding: 12px 22px;
  line-height: 1;
  font-weight: 600;
  font-size: 14px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  margin-right: 8px;
  text-transform: capitalize;
  margin-bottom: 10px;
  border-radius: 4px;
}
.tagcloud a:last-child {
  margin-right: 0;
}
.tagcloud a:hover {
  background-color: var(--theme-color);
  color: var(--white);
}

.widget_categories ul li {
  display: block;
  margin-bottom: 10px;
}

p.sticky-label {
  position: absolute;
  right: 0;
  background: var(--theme-color);
  color: var(--white);
  padding: 10px 40px;
  z-index: -1;
  top: 0;
  font-weight: 700;
}

.page-nav-wrap {
  margin-top: 50px;
}
.page-nav-wrap ul li {
  display: inline-block;
}
.page-nav-wrap ul li .page-numbers {
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 50%;
  background: #f6f6f6;
  font-weight: 700;
  transition: all 0.3s ease-in-out;
  margin: 0 2px;
}
.page-nav-wrap ul li .page-numbers.current {
  background-color: var(--theme-color);
  color: var(--white);
}
@media (max-width: 767px) {
  .page-nav-wrap ul li .page-numbers {
    margin-top: 10px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
  }
}
.page-nav-wrap ul li .page-numbers i {
  margin-top: 2px;
}
.page-nav-wrap ul li .page-numbers:hover {
  background-color: var(--theme-color);
  color: var(--white);
}

.social-share a {
  margin-left: 10px;
  transition: all 0.4s ease-in-out;
}
.social-share a:hover {
  color: var(--theme-color);
}

.tag-share-wrap {
  padding-bottom: 50px;
}
.tag-share-wrap h4 {
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .tag-share-wrap h4 {
    margin-bottom: 10px;
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .tag-share-wrap .tagcloud {
    margin-bottom: 20px;
  }
}

.comments-section-wrap {
  overflow: hidden;
}

.comments-heading h3, .related-post-wrap h3, .comment-form-wrap h3 {
  font-size: 26px;
}
@media (max-width: 767px) {
  .comments-heading h3, .related-post-wrap h3, .comment-form-wrap h3 {
    font-size: 20px;
  }
}

.comments-item-list .single-comment-item {
  margin-top: 30px;
}
.comments-item-list .single-comment-item ul {
  margin-bottom: 15px;
}
.comments-item-list .single-comment-item p, .comments-item-list .single-comment-item span {
  font-size: 16px;
}
.comments-item-list .single-comment-item .author-img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  float: left;
  overflow: hidden;
  margin-right: 30px;
}
@media (max-width: 991px) {
  .comments-item-list .single-comment-item .author-img {
    width: 80px;
    height: 80px;
    margin-right: 20px;
  }
}
@media (max-width: 767px) {
  .comments-item-list .single-comment-item .author-img {
    width: 70px;
    height: 70px;
    margin-right: 15px;
  }
}
@media (max-width: 585px) {
  .comments-item-list .single-comment-item .author-img {
    float: none;
    margin-bottom: 20px;
  }
}
.comments-item-list .single-comment-item .author-info-comment {
  overflow: auto;
  padding-bottom: 25px;
  border-bottom: 1px solid #e2e2e2;
}
.comments-item-list .single-comment-item .author-info-comment .info {
  position: relative;
}
.comments-item-list .single-comment-item .author-info-comment .info .theme-btn {
  padding: 10px 18px;
  font-size: 14px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  color: var(--text);
  border: 1px solid #ebebeb;
  background: transparent;
  border-radius: 0;
  transition: all 0.4s ease-in-out;
  box-shadow: inherit;
  height: initial;
  line-height: initial;
}
@media (max-width: 767px) {
  .comments-item-list .single-comment-item .author-info-comment .info .theme-btn {
    font-size: 12px;
  }
}
.comments-item-list .single-comment-item .author-info-comment .info .theme-btn i {
  margin-right: 10px;
  margin-left: 0px !important;
  transition: all 0.4s ease-in-out;
  width: initial;
  height: initial;
  line-height: initial;
  background-color: transparent;
  color: var(--theme-color);
  transform: translate(0);
}
.comments-item-list .single-comment-item .author-info-comment .info .theme-btn.minimal-btn {
  border-radius: 4px;
}
.comments-item-list .single-comment-item .author-info-comment .info .theme-btn.minimal-btn::before, .comments-item-list .single-comment-item .author-info-comment .info .theme-btn.minimal-btn::after {
  background-color: initial;
}
.comments-item-list .single-comment-item .author-info-comment .info .theme-btn:hover {
  background-color: var(--theme-color);
  color: var(--white);
}
.comments-item-list .single-comment-item .author-info-comment .info .theme-btn:hover a {
  color: var(--white) !important;
}
.comments-item-list .single-comment-item .author-info-comment .info .theme-btn:hover i {
  transform: translate(0);
  width: initial;
  height: initial;
  line-height: initial;
  color: #fff;
}
.comments-item-list .single-comment-item .author-info-comment .info h5 {
  margin-bottom: 5px;
  font-weight: 500;
}
@media (max-width: 767px) {
  .comments-item-list .single-comment-item .author-info-comment .info h5 {
    font-size: 16px;
  }
}
.comments-item-list .single-comment-item .author-info-comment span {
  color: var(--theme-color);
  font-weight: 500;
}
.comments-item-list .single-comment-item .author-info-comment .theme-btn {
  padding: 7px 18px;
  font-size: 14px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .comments-item-list .single-comment-item .author-info-comment .theme-btn {
    font-size: 12px;
  }
}
.comments-item-list .single-comment-item .author-info-comment .theme-btn i {
  margin-right: 5px;
}
.comments-item-list .single-comment-item .author-info-comment .theme-btn:hover a {
  color: var(--white);
}
.comments-item-list .single-comment-item .author-info-comment .comment-text {
  margin-top: 15px;
}

.comment-form {
  background-color: var(--white);
  width: 100%;
  margin-top: 30px;
}
.comment-form label {
  margin-bottom: 4px;
}
.comment-form input, .comment-form textarea {
  margin-bottom: 20px;
  outline: none;
  padding: 20px 30px;
  line-height: 1;
  font-size: 16px;
  width: 100%;
  border: none;
  font-weight: 400;
  text-transform: capitalize;
  color: var(--text);
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 6px;
}
@media (max-width: 585px) {
  .comment-form input, .comment-form textarea {
    padding: 15px;
  }
}
.comment-form textarea {
  height: 200px;
  line-height: 1.3;
  border: 1px solid rgba(0, 0, 0, 0.15) !important;
  border-radius: 6px;
  border: none;
}
@media (max-width: 767px) {
  .comment-form textarea {
    height: 120px;
  }
}
.comment-form .theme-btn {
  display: inline-block;
  line-height: 1.2;
  padding: 22px 50px;
  transition: all 0.3s ease-in-out;
  margin-bottom: 0;
  margin-top: 20px;
}
@media (max-width: 767px) {
  .comment-form .theme-btn {
    padding: 20px 40px;
  }
}
@media (max-width: 585px) {
  .comment-form .theme-btn {
    padding: 15px 40px;
    font-size: 14px;
  }
}
.comment-form .theme-btn i {
  margin-right: 10px;
  width: initial;
  height: initial;
  line-height: initial;
  background-color: transparent;
  color: var(--white);
  margin-left: 0;
  margin-right: 10px;
  transform: translate(0);
}
.comment-form .theme-btn:hover i {
  transform: translate(0);
  color: var(--header);
}

.comment ul {
  list-style-type: disc;
}
.comment ul ol {
  margin-bottom: 0;
}
.comment ul li {
  line-height: 1.5;
  margin-top: 10px;
  list-style-type: disc;
}
.comment ol ul {
  margin-bottom: 0;
}
.comment ol ol {
  margin-bottom: 0;
}
.comment ol li {
  line-height: 1.5;
  margin-top: 10px;
}

.site_info_widget .single-contact-info {
  overflow: auto;
  margin-bottom: 20px;
}
.site_info_widget .single-contact-info span {
  display: block;
  color: var(--theme-color);
}
.site_info_widget .single-contact-info .icon {
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: var(--white);
  background-color: var(--theme-color);
  float: left;
  text-align: center;
  overflow: hidden;
  font-size: 16px;
  margin-right: 20px;
}
.site_info_widget .single-contact-info:nth-child(2n) .icon {
  background-color: var(--theme-color);
}
.site_info_widget .single-contact-info:nth-child(3n) .icon {
  background-color: var(--theme-color);
}
.site_info_widget .social-link {
  margin-top: 35px;
}
.site_info_widget .social-link a {
  margin-right: 8px !important;
}

.alignleft {
  float: left;
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}
@media (max-width: 767px) {
  .alignleft {
    float: none;
  }
}

@media (max-width: 575px) {
  .contact-wrapper .section-title {
    text-align: center;
  }
}
.contact-wrapper .contact-content {
  position: relative;
  z-index: 9;
}
.contact-wrapper .contact-content .contact-form-box {
  margin-top: 45px;
}
@media (max-width: 767px) {
  .contact-wrapper .contact-content .contact-form-box {
    margin-top: 30px;
  }
}
.contact-wrapper .contact-content .contact-form-box .form-clt input, .contact-wrapper .contact-content .contact-form-box .form-clt textarea {
  line-height: 1;
  padding: 20px 20px;
  width: 100%;
  text-transform: capitalize;
  color: var(--text);
  border-radius: 4px;
  border: 1px solid var(--white);
  background: var(--white);
}
.contact-wrapper .contact-content .contact-form-box .form-clt textarea {
  padding-bottom: 120px;
}
@media (max-width: 575px) {
  .contact-wrapper .contact-content .contact-form-box .theme-btn {
    width: 100%;
  }
}
.contact-wrapper .contact-image {
  margin-left: 20%;
}
@media (max-width: 1600px) {
  .contact-wrapper .contact-image {
    margin-left: 20px;
  }
}
@media (max-width: 1199px) {
  .contact-wrapper .contact-image {
    margin-left: 0;
  }
  .contact-wrapper .contact-image img {
    width: 100%;
    height: 100%;
  }
}

.contact-section {
  position: relative;
}
@media (max-width: 1199px) {
  .contact-section {
    padding: 100px 0;
  }
}
@media (max-width: 991px) {
  .contact-section {
    padding: 80px 0;
  }
}
.contact-section .shape-1 {
  position: absolute;
  top: 90px;
  right: 47%;
}
@media (max-width: 1199px) {
  .contact-section .shape-1 {
    display: none;
  }
}

.contact-wrapper-3 {
  position: relative;
}
@media (max-width: 575px) {
  .contact-wrapper-3 .theme-btn {
    width: 100%;
    text-align: center;
  }
}
.contact-wrapper-3 .contact-content {
  margin-right: 60px;
}
@media (max-width: 1199px) {
  .contact-wrapper-3 .contact-content {
    margin-right: 0;
  }
}
@media (max-width: 575px) {
  .contact-wrapper-3 .contact-content .section-title {
    text-align: center;
  }
}
.contact-wrapper-3 .contact-content .contact-form-box {
  margin-top: 45px;
}
.contact-wrapper-3 .contact-content .contact-form-box .form-clt input, .contact-wrapper-3 .contact-content .contact-form-box .form-clt textarea {
  line-height: 1;
  padding: 20px 20px;
  width: 100%;
  text-transform: capitalize;
  color: var(--text);
  border-radius: 4px;
  border: 1px solid var(--white);
  background: var(--white);
}
.contact-wrapper-3 .contact-content .contact-form-box .form-clt textarea {
  padding-bottom: 120px;
}
.contact-wrapper-3 .contact-image {
  margin-left: 30px;
  position: absolute;
  bottom: -120px;
}
@media (max-width: 1199px) {
  .contact-wrapper-3 .contact-image {
    bottom: 100px;
  }
}
.contact-wrapper-3 .contact-image img {
  width: 100%;
  height: 100%;
}

.contact-section-3 {
  position: relative;
  z-index: 9;
}
.contact-section-3 .shape-1 {
  position: absolute;
  bottom: 134px;
  left: 0;
}
.contact-section-3 .shape-2 {
  position: absolute;
  top: 33px;
  left: 40%;
}
.contact-section-3 .shape-3 {
  position: absolute;
  top: 0;
  left: 49%;
  z-index: -1;
}

.contact-info-box {
  background: var(--white);
  box-shadow: 0px 11px 50px 11px rgba(1, 53, 102, 0.05);
  border-radius: 12px;
  padding: 40px;
  position: relative;
}
@media (max-width: 1199px) {
  .contact-info-box {
    padding: 30px;
  }
}
@media (max-width: 575px) {
  .contact-info-box {
    text-align: center;
    padding: 30px;
  }
}
.contact-info-box .shape-1 {
  position: absolute;
  bottom: 60px;
  right: 0;
}
@media (max-width: 1199px) {
  .contact-info-box .shape-1 {
    display: none;
  }
}
.contact-info-box .contact-top {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1199px) {
  .contact-info-box .contact-top {
    display: grid;
  }
}
@media (max-width: 575px) {
  .contact-info-box .contact-top {
    justify-content: center;
  }
}
.contact-info-box .contact-top .icon {
  width: 80px;
  height: 80px;
  line-height: 80px;
  background-color: var(--theme-color-2);
  border-radius: 50%;
  text-align: center;
  color: var(--header);
  font-size: 28px;
}
@media (max-width: 575px) {
  .contact-info-box .contact-top .icon {
    margin: 0 auto;
  }
}
.contact-info-box .contact-top h3 {
  font-size: 22px;
}
.contact-info-box p {
  font-size: 18px;
}
.contact-info-box p a {
  color: rgb(92, 102, 114);
}

.map-section-contact .google-map iframe {
  width: 100%;
  height: 614px;
}
@media (max-width: 767px) {
  .map-section-contact .google-map iframe {
    height: 500px;
  }
}

.footer-section {
  position: relative;
  z-index: 9;
  padding: 0px;

}
.footer-section::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
  background: rgba(10, 40, 3, 0.94);
}
.footer-section.style-2 {
  margin-top: -165px;
  position: relative;
}

.footer-widget-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: -10px;
}
@media (max-width: 1199px) {
  .footer-widget-top {
    flex-wrap: wrap;
    gap: 30px;
    justify-content: start;
    margin-bottom: 0;
  }
}
.footer-widget-top .content-items {
  display: flex;
  align-items: center;
  gap: 90px;
  max-width: 935px;
  width: 100%;
}
@media (max-width: 1399px) {
  .footer-widget-top .content-items {
    max-width: 825px;
  }
}
@media (max-width: 991px) {
  .footer-widget-top .content-items {
    flex-wrap: wrap;
    gap: 30px;
    justify-content: start;
    max-width: initial;
  }
}
.footer-widget-top .content-items h3 {
  color: var(--white);
  font-size: 24px;
  font-weight: 700;
  max-width: 288px;
}
.footer-widget-top .content-items form {
  max-width: 591px;
  width: 100%;
  position: relative;
}
@media (max-width: 1199px) {
  .footer-widget-top .content-items form {
    max-width: initial;
  }
}
.footer-widget-top .content-items form input {
  max-width: 365px;
  width: 100%;
  outline: none;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.17);
  padding-bottom: 15px;
  background: transparent;
}
@media (max-width: 1399px) {
  .footer-widget-top .content-items form input {
    max-width: 265px;
  }
}
@media (max-width: 1199px) {
  .footer-widget-top .content-items form input {
    max-width: 100%;
  }
}
.footer-widget-top .content-items form input::placeholder {
  color: rgba(255, 255, 255, 0.62);
  font-size: 16px;
  font-weight: 600;
}
.footer-widget-top .content-items form .theme-btn {
  position: absolute;
  top: -15px;
  right: 0;
}

.footer-widget-top-2 {
  padding-top: 170px;
}
@media (max-width: 1199px) {
  .footer-widget-top-2 {
    padding-top: 165px;
  }
}

.feature-info {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (max-width: 1399px) {
  .feature-info {
    gap: 10px;
  }
}
.feature-info .circle-bg-icon {
  position: relative;
  z-index: 9;
}
.feature-info .circle-bg-icon img {
  animation: cir36 20s linear infinite;
}
.feature-info .circle-bg-icon .icon {
  position: absolute;
  z-index: 1;
  top: 57%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 25px;
  color: #404A3D;
}
.feature-info .circle-bg-icon .icon i {
  transition: all 0.4s ease-in-out;
  display: inline-block;
}
.feature-info .feature-content h5 {
  font-size: 18px;
  font-weight: 700;
  color: rgb(255, 255, 255);
}
.feature-info .feature-content p {
  color: rgba(255, 255, 255, 0.75);
}
@media (max-width: 1399px) {
  .feature-info .feature-content p {
    font-size: 13px;
  }
}
.feature-info:hover .circle-bg-icon .icon i {
  transform: scaleX(-1) !important;
}

.footer-widget-wrapper {
  padding: 90px 0 120px;
}
@media (max-width: 1199px) {
  .footer-widget-wrapper {
    padding: 70px 0 100px;
  }
}
@media (max-width: 991px) {
  .footer-widget-wrapper {
    padding: 50px 0 80px;
  }
}
.footer-widget-wrapper .footer-widget-items {
  margin-top: 30px;
}
.footer-widget-wrapper .footer-widget-items .widget-head {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .footer-widget-wrapper .footer-widget-items .widget-head {
    margin-bottom: 15px;
  }
}
.footer-widget-wrapper .footer-widget-items .widget-head h5 {
  font-size: 22px;
  font-weight: 800;
  color: var(--white);
}
.footer-widget-wrapper .footer-widget-items .contact-list li {
  display: flex;
  align-items: center;
  gap: 20px;
}
.footer-widget-wrapper .footer-widget-items .contact-list li .icon {
  width: 50px;
  height: 50px;
  line-height: 50px;
  background-color: var(--theme-color-2);
  border-radius: 50%;
  text-align: center;
  color: var(--theme-color);
}
.footer-widget-wrapper .footer-widget-items .contact-list li .content h5 {
  margin-bottom: 7px;
  color: rgba(255, 255, 255, 0.62);
  font-size: 16px;
  font-weight: 600;
}
@media (max-width: 575px) {
  .footer-widget-wrapper .footer-widget-items .contact-list li .content h5 {
    margin-bottom: 0;
  }
}
.footer-widget-wrapper .footer-widget-items .contact-list li .content p {
  color: var(--white);
  font-size: 20px;
  font-weight: 800;
}
.footer-widget-wrapper .footer-widget-items .contact-list li .content p a {
  color: var(--white);
  font-size: 20px;
  font-weight: 800;
}
.footer-widget-wrapper .footer-widget-items .contact-list li:not(:last-child) {
  margin-bottom: 35px;
}
.footer-widget-wrapper .footer-widget-items .list-area li {
  transition: all 0.4s ease-in-out;
  font-size: 16px;
  font-weight: 400;
}
.footer-widget-wrapper .footer-widget-items .list-area li i {
  margin-right: 9px;
  font-size: 14px;
}
@media (max-width: 1399px) {
  .footer-widget-wrapper .footer-widget-items .list-area li i {
    margin-right: 4px;
  }
}
.footer-widget-wrapper .footer-widget-items .list-area li:not(:last-child) {
  margin-bottom: 20px;
}
.footer-widget-wrapper .footer-widget-items .list-area li a {
  color: rgba(255, 255, 255, 0.75);
}
.footer-widget-wrapper .footer-widget-items .list-area li:hover {
  margin-left: 5px;
}
.footer-widget-wrapper .footer-widget-items .list-area li:hover a {
  color: var(--theme-color-2);
}
.footer-widget-wrapper .footer-widget-items .recent-post li {
  display: flex;
  align-items: center;
  gap: 20px;
}
.footer-widget-wrapper .footer-widget-items .recent-post li .thumb {
  max-width: 99px;
  width: 100%;
}
.footer-widget-wrapper .footer-widget-items .recent-post li .thumb img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
.footer-widget-wrapper .footer-widget-items .recent-post li .content p {
  color: var(--theme-color-2);
}
.footer-widget-wrapper .footer-widget-items .recent-post li .content h4 {
  font-size: 18px;
  font-weight: 600;
  margin-top: 7px;
}
.footer-widget-wrapper .footer-widget-items .recent-post li .content h4 a {
  color: var(--white);
}
.footer-widget-wrapper .footer-widget-items .recent-post li .content h4 a:hover {
  color: var(--theme-color-2);
}
.footer-widget-wrapper .footer-widget-items .recent-post li:not(:last-child) {
  margin-bottom: 25px;
}

.footer-bottom {
  background-color: rgb(30, 57, 23);
  padding: 18px 0;
}
.footer-bottom .footer-bottom-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 991px) {
  .footer-bottom .footer-bottom-wrapper {
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
  }
}
.footer-bottom .footer-bottom-wrapper .text-1 {
  color: rgba(255, 255, 255, 0.75);
}
.footer-bottom .footer-bottom-wrapper .social-icon {
  display: flex;
  gap: 30px;
}
.footer-bottom .footer-bottom-wrapper .social-icon a {
  color: var(--white);
  font-size: 18px;
}
.footer-bottom .footer-bottom-wrapper .social-icon a:hover {
  color: var(--theme-color-2);
}

.footer-section-3 {
  position: relative;
  z-index: 9;
}
.footer-section-3::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
  background: rgba(10, 40, 3, 0.94);
}

.footer-widget-top-3 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 0;
}
@media (max-width: 1199px) {
  .footer-widget-top-3 {
    flex-wrap: wrap;
    gap: 30px;
    padding: 80px 0;
  }
}
.footer-widget-top-3 .line {
  height: 206px;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.12);
}
@media (max-width: 1199px) {
  .footer-widget-top-3 .line {
    display: none;
  }
}
.footer-widget-top-3 .icon-area {
  display: flex;
  align-items: center;
  gap: 25px;
}
.footer-widget-top-3 .icon-area .icon {
  width: 50px;
  height: 50px;
  line-height: 50px;
  background-color: var(--theme-color-2);
  border-radius: 50%;
  text-align: center;
  color: var(--theme-color);
}
.footer-widget-top-3 .icon-area .content h5 {
  margin-bottom: 7px;
  color: rgba(255, 255, 255, 0.62);
  font-size: 16px;
  font-weight: 600;
}
.footer-widget-top-3 .icon-area .content p {
  color: var(--white);
  font-size: 20px;
  font-weight: 800;
}
.footer-widget-top-3 .icon-area .content p a {
  color: var(--white);
  font-size: 20px;
  font-weight: 800;
}

.footer-widget-wrapper-3 {
  padding: 90px 0 120px;
}
@media (max-width: 1199px) {
  .footer-widget-wrapper-3 {
    padding: 70px 0 100px;
  }
}
@media (max-width: 991px) {
  .footer-widget-wrapper-3 {
    padding: 50px 0 80px;
  }
}
.footer-widget-wrapper-3 .footer-widget-items {
  margin-top: 30px;
}
.footer-widget-wrapper-3 .footer-widget-items .widget-head {
  margin-bottom: 30px;
}
.footer-widget-wrapper-3 .footer-widget-items .widget-head h5 {
  font-size: 22px;
  font-weight: 800;
  color: var(--white);
}
.footer-widget-wrapper-3 .footer-widget-items .footer-content p {
  color: var(--white);
  max-width: 281px;
}
.footer-widget-wrapper-3 .footer-widget-items .footer-content h3 {
  font-size: 22px;
  font-weight: 800;
  color: #FFFFFF;
  margin-top: 20px;
}
.footer-widget-wrapper-3 .footer-widget-items .footer-content .social-icon {
  display: flex;
  gap: 20px;
  margin-top: 20px;
}
.footer-widget-wrapper-3 .footer-widget-items .footer-content .social-icon a {
  color: var(--white);
  font-size: 18px;
}
.footer-widget-wrapper-3 .footer-widget-items .footer-content .social-icon a:hover {
  color: var(--theme-color-2);
}
.footer-widget-wrapper-3 .footer-widget-items .list-area li {
  transition: all 0.4s ease-in-out;
  font-size: 16px;
  font-weight: 400;
}
@media (max-width: 1399px) {
  .footer-widget-wrapper-3 .footer-widget-items .list-area li {
    font-size: 15px;
  }
}
@media (max-width: 1199px) {
  .footer-widget-wrapper-3 .footer-widget-items .list-area li {
    font-size: 16px;
  }
}
.footer-widget-wrapper-3 .footer-widget-items .list-area li i {
  margin-right: 9px;
  font-size: 14px;
}
.footer-widget-wrapper-3 .footer-widget-items .list-area li:not(:last-child) {
  margin-bottom: 20px;
}
.footer-widget-wrapper-3 .footer-widget-items .list-area li a {
  color: rgba(255, 255, 255, 0.75);
}
.footer-widget-wrapper-3 .footer-widget-items .list-area li:hover {
  margin-left: 5px;
}
.footer-widget-wrapper-3 .footer-widget-items .list-area li:hover a {
  color: var(--theme-color-2);
}
.footer-widget-wrapper-3 .footer-widget-items .recent-post li {
  display: flex;
  align-items: center;
  gap: 20px;
}
.footer-widget-wrapper-3 .footer-widget-items .recent-post li .thumb {
  max-width: 99px;
  width: 100%;
}
.footer-widget-wrapper-3 .footer-widget-items .recent-post li .thumb img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
.footer-widget-wrapper-3 .footer-widget-items .recent-post li .content p {
  color: var(--theme-color-2);
}
.footer-widget-wrapper-3 .footer-widget-items .recent-post li .content h4 {
  font-size: 18px;
  font-weight: 600;
  margin-top: 7px;
}
.footer-widget-wrapper-3 .footer-widget-items .recent-post li .content h4 a {
  color: var(--white);
}
.footer-widget-wrapper-3 .footer-widget-items .recent-post li .content h4 a:hover {
  color: var(--theme-color-2);
}
.footer-widget-wrapper-3 .footer-widget-items .recent-post li:not(:last-child) {
  margin-bottom: 25px;
}

.footer-subscrive {
  position: relative;
  z-index: 999;
}
.footer-subscrive::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
  background: #1E3917;
  top: 50%;
  height: initial;
}
.footer-subscrive .footer-subscrive-bottom {
  background-color: #244F0B;
  border-radius: 28px;
  padding: 44px 54px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1199px) {
  .footer-subscrive .footer-subscrive-bottom {
    padding: 40px 30px;
    flex-wrap: wrap;
    gap: 30px;
  }
}
.footer-subscrive .footer-subscrive-bottom h3 {
  font-size: 24px;
  font-weight: 700;
  color: var(--white);
}
.footer-subscrive .footer-subscrive-bottom form {
  max-width: 591px;
  width: 100%;
  position: relative;
  display: flex;
}
.footer-subscrive .footer-subscrive-bottom form input {
  max-width: 365px;
  width: 100%;
  outline: none;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.17);
  padding-bottom: 15px;
  background: transparent;
}
.footer-subscrive .footer-subscrive-bottom form input::placeholder {
  color: rgba(255, 255, 255, 0.62);
  font-size: 16px;
  font-weight: 600;
}
.footer-subscrive .footer-subscrive-bottom form .theme-btn {
  position: absolute;
  top: 15px;
  right: 0;
}
@media (max-width: 767px) {
  .footer-subscrive .footer-subscrive-bottom form .theme-btn {
    position: relative;
    margin-top: 10px;
    top: initial;
    right: initial;
  }
}

.footer-bottom-3 {
  background-color: rgb(30, 57, 23);
  padding: 18px 0;
}
.footer-bottom-3 .footer-bottom-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 767px) {
  .footer-bottom-3 .footer-bottom-wrapper {
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
  }
}
.footer-bottom-3 .footer-bottom-wrapper .text-1 {
  color: rgba(255, 255, 255, 0.75);
}

.footer-widget-top-4 {
  align-items: center;
  display: flex;
  gap: 70px;
  justify-content: center;
}
@media (max-width: 991px) {
  .footer-widget-top-4 {
    flex-wrap: wrap;
    gap: 30px;
  }
}
.footer-widget-top-4 form {
  max-width: 506px;
  width: 100%;
  background-color: var(--white);
  height: 60px;
  line-height: 60px;
  border-radius: 74px;
  border: 1px solid rgba(60, 60, 60, 0.3);
  position: relative;
  padding-left: 30px;
}
@media (max-width: 575px) {
  .footer-widget-top-4 form {
    height: 54px;
    line-height: 54px;
  }
}
.footer-widget-top-4 form input {
  width: 100%;
  max-width: 300px;
  border: none;
  background: transparent;
  outline: none;
  color: var(--text);
}
.footer-widget-top-4 form .theme-btn {
  border-radius: 100px;
  position: absolute;
  top: 0;
  right: 0;
  background-color: var(--theme-color);
  line-height: 1;
}

.footer-widget-wrapper-4 {
  padding: 90px 0 120px;
}
@media (max-width: 1199px) {
  .footer-widget-wrapper-4 {
    padding: 70px 0 100px;
  }
}
@media (max-width: 991px) {
  .footer-widget-wrapper-4 {
    padding: 50px 0 80px;
  }
}
.footer-widget-wrapper-4 .footer-widget-items {
  margin-top: 30px;
}
.footer-widget-wrapper-4 .footer-widget-items .widget-head {
  margin-bottom: 30px;
}
.footer-widget-wrapper-4 .footer-widget-items .widget-head h5 {
  font-size: 22px;
  font-weight: 800;
}
.footer-widget-wrapper-4 .footer-widget-items .footer-content p {
  max-width: 281px;
}
.footer-widget-wrapper-4 .footer-widget-items .footer-content h3 {
  font-size: 22px;
  font-weight: 800;
  margin-top: 20px;
}
.footer-widget-wrapper-4 .footer-widget-items .footer-content .social-icon {
  display: flex;
  gap: 20px;
  margin-top: 25px;
}
.footer-widget-wrapper-4 .footer-widget-items .footer-content .social-icon a {
  font-size: 18px;
}
.footer-widget-wrapper-4 .footer-widget-items .footer-content .social-icon a:hover {
  color: var(--theme-color);
}
.footer-widget-wrapper-4 .footer-widget-items .footer-content form {
  max-width: 299px;
  width: 100%;
  position: relative;
  margin-top: 25px;
}
.footer-widget-wrapper-4 .footer-widget-items .footer-content form .icon-btn {
  width: 47px;
  height: 44px;
  line-height: 44px;
  display: inline-block;
  background-color: var(--theme-color);
  color: var(--white);
  border-radius: 50%;
  position: absolute;
  top: 9px;
  right: 10px;
}
.footer-widget-wrapper-4 .footer-widget-items .footer-content form input {
  width: 100%;
  outline: none;
  border-radius: 60px;
  border: 1px solid rgba(60, 60, 60, 0.3);
  font-size: 16px;
  font-weight: 600;
  padding: 20px 20px;
  line-height: 1;
  background: var(--white);
}
.footer-widget-wrapper-4 .footer-widget-items .footer-content form input::placeholder {
  color: rgba(64, 74, 61, 0.65);
}
.footer-widget-wrapper-4 .footer-widget-items .list-area li {
  transition: all 0.4s ease-in-out;
  font-size: 16px;
  font-weight: 400;
}
@media (max-width: 1399px) {
  .footer-widget-wrapper-4 .footer-widget-items .list-area li {
    font-size: 15px;
  }
}
@media (max-width: 1199px) {
  .footer-widget-wrapper-4 .footer-widget-items .list-area li {
    font-size: 16px;
  }
}
.footer-widget-wrapper-4 .footer-widget-items .list-area li i {
  margin-right: 9px;
  font-size: 14px;
}
.footer-widget-wrapper-4 .footer-widget-items .list-area li:not(:last-child) {
  margin-bottom: 20px;
}
.footer-widget-wrapper-4 .footer-widget-items .list-area li:hover {
  margin-left: 5px;
}
.footer-widget-wrapper-4 .footer-widget-items .list-area li:hover a {
  color: var(--theme-color);
}
.footer-widget-wrapper-4 .footer-widget-items .contact-list li {
  display: flex;
  align-items: center;
  gap: 20px;
}
.footer-widget-wrapper-4 .footer-widget-items .contact-list li .icon {
  width: 50px;
  height: 50px;
  line-height: 50px;
  background-color: var(--theme-color-2);
  border-radius: 50%;
  text-align: center;
  color: var(--theme-color);
}
.footer-widget-wrapper-4 .footer-widget-items .contact-list li .content h5 {
  margin-bottom: 7px;
  font-size: 16px;
  font-weight: 600;
}
.footer-widget-wrapper-4 .footer-widget-items .contact-list li .content p {
  font-size: 20px;
  font-weight: 800;
  color: var(--header);
}
.footer-widget-wrapper-4 .footer-widget-items .contact-list li .content p a {
  font-size: 20px;
  font-weight: 800;
  color: var(--header);
}
.footer-widget-wrapper-4 .footer-widget-items .contact-list li:not(:last-child) {
  margin-bottom: 35px;
}
.footer-widget-wrapper-4 .footer-widget-items .recent-post li {
  display: flex;
  align-items: center;
  gap: 20px;
}
.footer-widget-wrapper-4 .footer-widget-items .recent-post li .thumb {
  max-width: 99px;
  width: 100%;
}
.footer-widget-wrapper-4 .footer-widget-items .recent-post li .thumb img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
.footer-widget-wrapper-4 .footer-widget-items .recent-post li .content p {
  color: var(--theme-color-2);
}
.footer-widget-wrapper-4 .footer-widget-items .recent-post li .content h4 {
  font-size: 18px;
  font-weight: 600;
  margin-top: 7px;
}
.footer-widget-wrapper-4 .footer-widget-items .recent-post li .content h4 a:hover {
  color: var(--theme-color);
}
.footer-widget-wrapper-4 .footer-widget-items .recent-post li:not(:last-child) {
  margin-bottom: 25px;
}

.footer-section-4 {
  position: relative;
  z-index: 9;
}
.footer-section-4 .shape-1 {
  position: absolute;
  top: 2%;
  left: 16%;
}
.footer-section-4 .shape-2 {
  position: absolute;
  top: 15%;
  right: 0;
}

.footer-widget-top-5 {
  text-align: center;
}
.footer-widget-top-5 .theme-btn {
  margin-top: 30px;
}

.footer-section-5 {
  position: relative;
}
.footer-section-5 .shape-1 {
  position: absolute;
  top: 10px;
  left: 7%;
}
.footer-section-5 .shape-2 {
  position: absolute;
  top: 18%;
  right: 30%;
}
.footer-section-5 .shape-3 {
  position: absolute;
  top: 10%;
  right: 0;
}
.footer-section-5 .shape-4 {
  position: absolute;
  bottom: 15%;
  left: 60px;
}