/* Minification failed. Returning unminified contents.
(2,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23,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 '-'
(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 '-'
(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 '-'
(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 '-'
(65,21): run-time error CSS1039: Token not allowed after unary operator: '-font-poppins'
(66,21): run-time error CSS1039: Token not allowed after unary operator: '-title-font-400'
(72,15): run-time error CSS1039: Token not allowed after unary operator: '-text-gold'
(77,21): run-time error CSS1039: Token not allowed after unary operator: '-font-poppins'
(78,21): run-time error CSS1039: Token not allowed after unary operator: '-title-font-400'
(82,21): run-time error CSS1039: Token not allowed after unary operator: '-font-poppins'
(83,21): run-time error CSS1039: Token not allowed after unary operator: '-title-font-500'
(87,21): run-time error CSS1039: Token not allowed after unary operator: '-font-poppins'
(88,21): run-time error CSS1039: Token not allowed after unary operator: '-title-font-600'
(92,21): run-time error CSS1039: Token not allowed after unary operator: '-font-poppins'
(93,21): run-time error CSS1039: Token not allowed after unary operator: '-title-font-700'
(99,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(103,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(107,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(111,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(115,15): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(119,15): run-time error CSS1039: Token not allowed after unary operator: '-gray-color'
(123,15): run-time error CSS1039: Token not allowed after unary operator: '-gray-text-color-color'
(127,26): run-time error CSS1039: Token not allowed after unary operator: '-green-color-light'
(131,26): run-time error CSS1039: Token not allowed after unary operator: '-blue-color-light'
(135,26): run-time error CSS1039: Token not allowed after unary operator: '-red-color-light'
(139,26): run-time error CSS1039: Token not allowed after unary operator: '-gray-color-light'
(223,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(229,15): run-time error CSS1039: Token not allowed after unary operator: '-black-color'
(235,15): run-time error CSS1039: Token not allowed after unary operator: '-black-color'
(240,15): run-time error CSS1039: Token not allowed after unary operator: '-black-color'
(250,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(251,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(254,21): run-time error CSS1039: Token not allowed after unary operator: '-title-font-500'
(264,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(273,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(275,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(276,23): run-time error CSS1039: Token not allowed after unary operator: '-title-font-500'
(285,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(286,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(295,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(296,21): run-time error CSS1039: Token not allowed after unary operator: '-font-poppins'
(303,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(311,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(312,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(317,15): run-time error CSS1039: Token not allowed after unary operator: '-dark-green-color'
(318,20): run-time error CSS1039: Token not allowed after unary operator: '-font-poppins'
(324,15): run-time error CSS1039: Token not allowed after unary operator: '-blue-color'
(423,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(428,23): run-time error CSS1039: Token not allowed after unary operator: '-font-poppins'
(433,23): run-time error CSS1039: Token not allowed after unary operator: '-font-poppins'
(434,17): run-time error CSS1039: Token not allowed after unary operator: '-black-color'
(439,20): run-time error CSS1039: Token not allowed after unary operator: '-card-shadow'
(445,23): run-time error CSS1039: Token not allowed after unary operator: '-font-poppins'
(446,23): run-time error CSS1039: Token not allowed after unary operator: '-title-font-600'
(447,17): run-time error CSS1039: Token not allowed after unary operator: '-black-color'
(451,21): run-time error CSS1039: Token not allowed after unary operator: '-font-poppins'
(452,21): run-time error CSS1039: Token not allowed after unary operator: '-title-font-700'
(457,21): run-time error CSS1039: Token not allowed after unary operator: '-font-poppins'
(458,21): run-time error CSS1039: Token not allowed after unary operator: '-title-font-600'
(463,21): run-time error CSS1039: Token not allowed after unary operator: '-font-poppins'
(464,21): run-time error CSS1039: Token not allowed after unary operator: '-title-font-600'
(469,21): run-time error CSS1039: Token not allowed after unary operator: '-font-poppins'
(470,21): run-time error CSS1039: Token not allowed after unary operator: '-title-font-600'
(475,21): run-time error CSS1039: Token not allowed after unary operator: '-font-poppins'
(476,21): run-time error CSS1039: Token not allowed after unary operator: '-title-font-400'
(478,15): run-time error CSS1039: Token not allowed after unary operator: '-gray-text-color'
(486,20): run-time error CSS1039: Token not allowed after unary operator: '-font-poppins'
(491,21): run-time error CSS1039: Token not allowed after unary operator: '-title-font-400'
(493,15): run-time error CSS1039: Token not allowed after unary operator: '-black-color'
(497,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(502,21): run-time error CSS1039: Token not allowed after unary operator: '-title-font-600'
(504,15): run-time error CSS1039: Token not allowed after unary operator: '-black-color'
(517,21): run-time error CSS1039: Token not allowed after unary operator: '-title-font-600'
(519,15): run-time error CSS1039: Token not allowed after unary operator: '-black-color'
(523,15): run-time error CSS1039: Token not allowed after unary operator: '-black-color'
(529,21): run-time error CSS1039: Token not allowed after unary operator: '-title-font-500'
(535,21): run-time error CSS1039: Token not allowed after unary operator: '-title-font-500'
(540,21): run-time error CSS1039: Token not allowed after unary operator: '-title-font-500'
(548,15): run-time error CSS1039: Token not allowed after unary operator: '-black-color'
(549,21): run-time error CSS1039: Token not allowed after unary operator: '-title-font-600'
(554,15): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue-color'
(664,26): run-time error CSS1039: Token not allowed after unary operator: '-gray-color'
(669,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(670,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(692,21): run-time error CSS1039: Token not allowed after unary operator: '-title-font-500'
(710,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(785,21): run-time error CSS1039: Token not allowed after unary operator: '-title-font-400'
(802,21): run-time error CSS1039: Token not allowed after unary operator: '-title-font-400'
(813,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(860,14): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(864,32): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(868,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(872,32): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(876,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(880,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(886,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(896,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(900,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(1024,20): run-time error CSS1046: Expect comma, found '0'
(1024,24): run-time error CSS1046: Expect comma, found '/'
(1036,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(1152,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-secprimaryondary'
(1153,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(1157,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(1158,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(1198,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(1242,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-seondary'
(1243,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(1250,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(1251,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(1264,13): run-time error CSS1046: Expect comma, found '229'
(1264,21): run-time error CSS1046: Expect comma, found '/'
(1265,12): run-time error CSS1046: Expect comma, found '16'
(1265,18): run-time error CSS1046: Expect comma, found '/'
(1289,23): run-time error CSS1039: Token not allowed after unary operator: '-title-font-500'
(1400,21): run-time error CSS1039: Token not allowed after unary operator: '-title-font-400'
(1420,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(1422,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(1427,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(1428,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(1444,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(1445,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(1498,21): run-time error CSS1039: Token not allowed after unary operator: '-title-font-500'
(1504,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondaryr'
(1509,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(1518,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(1519,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(1590,14): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(1605,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(1638,14): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(1653,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(1697,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(1698,23): run-time error CSS1039: Token not allowed after unary operator: '-font-poppins'
(1705,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(1713,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(1714,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(1720,14): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(1724,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(1735,14): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(1739,14): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(1767,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1783,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(1787,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(1874,36): run-time error CSS1046: Expect comma, found '121'
(1874,44): run-time error CSS1046: Expect comma, found '/'
(1908,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(1987,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(1988,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(1998,14): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(2007,14): run-time error CSS1039: Token not allowed after unary operator: '-purple-color'
(2030,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(2072,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(2073,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(2079,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(2080,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(2088,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-dark'
(2089,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-dark'
(2090,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-dark'
(2099,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-dark'
(2100,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-dark'
(2105,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(2106,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(2109,21): run-time error CSS1039: Token not allowed after unary operator: '-title-font-500'
(2119,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-dark'
(2120,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-dark'
(2127,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(2132,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(2133,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(2136,23): run-time error CSS1039: Token not allowed after unary operator: '-title-font-500'
(2146,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-dark'
(2147,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-dark'
(2154,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(2156,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(2157,21): run-time error CSS1039: Token not allowed after unary operator: '-title-font-500'
(2166,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(2167,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(2175,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(2177,14): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(2178,21): run-time error CSS1039: Token not allowed after unary operator: '-title-font-500'
(2187,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(2188,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(2196,14): run-time error CSS1039: Token not allowed after unary operator: '-red-color'
(2201,14): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(2206,14): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(2211,14): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(2237,14): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(2247,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2248,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2249,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2266,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(2267,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(2271,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(2272,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(2277,14): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(2442,14): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(2466,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(2492,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(2505,21): run-time error CSS1039: Token not allowed after unary operator: '-title-font-500'
(2725,23): run-time error CSS1039: Token not allowed after unary operator: '-title-font-500'
(2737,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(2741,14): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(2817,14): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(2822,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(2823,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(2874,20): run-time error CSS1039: Token not allowed after unary operator: '-purple-color'
(2941,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-active-color'
(2942,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-dark'
(2943,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-dark'
(2947,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(2948,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(2971,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(2972,23): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(2992,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(2993,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(3090,25): run-time error CSS1046: Expect comma, found '222'
(3090,32): run-time error CSS1046: Expect comma, found ')'
(3180,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(3181,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(3185,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(3186,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(3190,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(3191,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(3196,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-dark'
(3197,32): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-dark'
(3201,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(3202,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary'
(3220,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(3243,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3270,27): run-time error CSS1046: Expect comma, found '222'
(3270,34): run-time error CSS1046: Expect comma, found ')'
(3274,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(3279,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-dark'
(3280,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-dark'
(3284,23): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-dark'
(3285,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-dark'
(3399,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-active-color'
(3400,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-active-bg'
(3401,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-active-border-color'
(3440,23): run-time error CSS1039: Token not allowed after unary operator: '-font-poppins'
(3448,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary'
(3541,27): run-time error CSS1039: Token not allowed after unary operator: '-font-poppins'
 */
:root {
    --theme-primary: #9C2068;
    --theme-primary-dark: #851A58;
    --theme-secondary: #32488B;
    --theme-secondary-dark: #26376A;
    --theme-color: #9c2068;
}

@font-face {
  font-family: 'telegrafultrabold';
  src: url('../fonts/telegraf_ultrabold_800-webfont.woff2') format('woff2'),
      url('../fonts/telegraf_ultrabold_800-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

.text-telegraph {
  font-family: 'telegrafultrabold' !important;
}

:root {
    --black-color: #2f2f2f;
    /*--theme-primary: #679B6D;
    --theme-primary-dark: #456749;
    --theme-secondary: #B42318;
    --theme-secondary-dark: #8A1B13;*/
    --theme-primary: #9C2068;
    --theme-primary-dark: #851A58;
    --theme-secondary: #32488B;
    --theme-secondary-dark: #26376A;
    --theme-color: #9c2068;

    --light-blue-color: #edf5fc;
    --light-yellow-color: #f7efd4;
    --purple-color: #8d1f44;
    --dark-green-color: #3bb44d;
    --green-color: #12B76A;
    --green-color-mid: #4df94d;
    --green-color-light: #c4ffc1;
    --red-color: #e30000;
    --red-color-mid: #f94d4d;
    --red-color-light: #ffdfdf;
    --dark-blue-color: #152f6c;
    --blue-color: #1c3e96;
    --blue-color-mid: #02bbfe;
    --blue-color-light: #b3ebff;
    --gray-color-light: #e6e6e6;
    --gray-color-thin: #f3f6f8;
    --light-body-bg-color: #f3f6f8;
    /*poppins-fonts*/
    --font-poppins: 'Poppins', sans-serif;
    --title-font-400: 400;
    --title-font-500: 500;
    --title-font-600: 600;
    --title-font-700: 700;
    /*shadow*/
    --card-shadow: 0px 32px 64px -12px rgba(16, 24, 40, 0.11);
    --text-gold: #FCCC59;
    --bs-modal-width: 600px !important;
}

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

.text-gold
{
  color: var(--text-gold);
}


.title-font-400 {
  font-family: var(--font-poppins);
  font-weight: var(--title-font-400);
}

.title-font-500 {
  font-family: var(--font-poppins);
  font-weight: var(--title-font-500);
}

.title-font-600 {
  font-family: var(--font-poppins);
  font-weight: var(--title-font-600);
}

.title-font-700 {
  font-family: var(--font-poppins);
  font-weight: var(--title-font-700);
}



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

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

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

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

.gray-color {
  color: var(--gray-color);
}

.gray-text-color {
  color: var(--gray-text-color-color);
}

.bg-green-light {
  background-color: var(--green-color-light);
}

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

.bg-red-light {
  background-color: var(--red-color-light);
}

.bg-gray-light {
  background-color: var(--gray-color-light);
}

.font-normal {
  font-weight: normal;
}

.text-truncate-1 {
  overflow: hidden;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  /* height: 75px; */
}

.text-truncate-2 {
  overflow: hidden;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  /* height: 75px; */
}

.text-truncate-3 {
  overflow: hidden;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  /* height: 75px; */
}

.text-truncate-4 {
  overflow: hidden;
  -webkit-line-clamp: 4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  /* height: 75px; */
}

.text-truncate-5 {
  overflow: hidden;
  -webkit-line-clamp: 5;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  /* height: 75px; */
}

.default-ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

textarea {
  resize: none;
}

.container-plr-25 {
  padding-left: 25px;
  padding-right: 25px;
}

.container-plr-50 {
  padding-left: 50px;
  padding-right: 50px;
}

.container-plr-70 {
  padding-left: 70px;
  padding-right: 70px;
}

.container-plr-100 {
  padding-left: 100px;
  padding-right: 100px;
}

.container-plr-50-10 {
  padding-left: 50px;
  padding-right: 10px;
}

.form-control:focus,
.form-select:focus {
  border-color: var(--theme-secondary);
  box-shadow: none;
}

.form-control::-webkit-input-placeholder {
  /* Edge */
  color: var(--black-color);
  opacity: 0.5;
}

.form-control:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: var(--black-color);
  opacity: 0.5;
}

.form-control::placeholder {
  color: var(--black-color);
  opacity: 0.5;
}

.form-control:focus::placeholder {
  color: transparent;
}

.theme-btn {
  border: 2px solid;
  background: var(--theme-secondary);
  border-color: var(--theme-secondary);
  border-radius: 8px;
  color: #fff;
  font-family: var(--title-font-500);
  font-size: 0.875rem;
  display: inline-block;
  padding: 8px 15px;
  transition: 0.55s;
 /* height: 45px;*/
}

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

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

    .theme-outline-btn:hover {
        text-decoration: none;
        background: var(--theme-primary);
        border-color: var(--theme-primary);
        color: #fff;
        transition: 0.55s;
    }

.purple-outline-btn {
  background: transparent;
  border: 1px solid;
  border-radius: 8px;
  color: var(--theme-primary);
  font-family: var(--font-poppins);
  font-size: 0.875rem;
  display: inline-block;
  padding: 10px 15px;
  transition: 0.55s;
  height: 45px;
  text-decoration: none;
  border-color: var(--theme-primary);
  transition: 0.55s;
  transition: 0.55s;
  line-height: 18px;
  display: inline-block;
}

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

.theme-link-btn {
  color: var(--dark-green-color);
 font-family: var(--font-poppins);
  display: inline-block;
  transition: 0.55s;
}

.theme-link-btn:hover {
  color: var(--blue-color);
  text-decoration: none;
  transition: 0.55s;
}

.gray-outline-btn {
  border: 1px solid #e5e7eb;
  border-radius: 8px;
}

.gray-outline-btn:hover {
  background-color: #e5e7eb;
}

.h-45 {
  height: 45px;
}

.lh-30 {
  line-height: 30px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.text-xs {
  font-size: 0.75rem; /*12px*/
}

.text-sm {
  font-size: 0.875rem; /*14px*/
}

.text-base {
  font-size: 1rem; /*16px*/
}

.text-lg {
  font-size: 1.125rem; /*18px*/
}

.text-xl {
  font-size: 1.25rem; /*20px*/
}

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

.h1-title {
    font-size: 4rem;
    font-family: var(--font-poppins);
}

.main-title {
    font-size: 2.8rem;
    font-family: var(--font-poppins);
    color: var(--black-color);
}

._card {
  background: #fff;
  box-shadow: var(--card-shadow);
  border-radius: 8px;
}

.card-title {
    font-size: 1.15rem;
    font-family: var(--font-poppins);
    font-weight: var(--title-font-600);
    color: var(--black-color);
}

.section-large-title {
  font-family: var(--font-poppins);
  font-weight: var(--title-font-700);
  font-size: 3.5rem;
}

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

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

.section-large-text {
  font-family: var(--font-poppins);
  font-weight: var(--title-font-600);
  font-size: 2.5rem;
}

.section-text {
  font-family: var(--font-poppins);
  font-weight: var(--title-font-400);
  font-size: 1.125rem;
  color: var(--gray-text-color);
}

.card-radius {
  border-radius: 1.5rem;
}

.card-mini-title {
 font-family: var(--font-poppins);
  font-size: 1.125rem;
}

.card-mini-text {
  font-family: var(--title-font-400);
  font-size: 1rem;
  color: var(--black-color);
}

.form-control:focus {
  border-color: var(--theme-secondary);
  box-shadow: none;
}

._custom-label {
  font-family: var(--title-font-600);
  font-size: 1rem;
  color: var(--black-color);
}

._custom-input {
  background: #ffffff;
  border: 1px solid #e2e2e2;
  height: 60px;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
  border-radius: 12px;
  padding: 0 25px;
}

._custom-link-btn {
  font-family: var(--title-font-600);
  font-size: 1rem;
  color: var(--black-color);
}

._custom-link-btn:hover {
  color: var(--black-color);
}

._custom-input::-webkit-input-placeholder {
  /* Edge */
  color: #adadad;
  font-family: var(--title-font-500);
}

._custom-input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #adadad;
  font-family: var(--title-font-500);
}

._custom-input::placeholder {
  color: #adadad;
  font-family: var(--title-font-500);
}

.z-index-100 {
  z-index: 100;
}

.back-link {
  color: var(--black-color);
  font-family: var(--title-font-600);
  text-decoration: none;
}

.back-link:hover {
  color: var(--dark-blue-color);
}

.center-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  text-align: center;
  width: 100%;
  z-index: 10;
}

.img-blur {
  /* Add the blur effect */
  filter: blur(1.5px);
  -webkit-filter: blur(1.5px);
}

.content-banner:hover .img-hover
{
  box-shadow: 0 25px 25px rgba(141,31,68,0.2) !important;
}

.img-hover
{
  box-shadow: 0 25px 25px #00000016 !important;
}

.content-banner.img-layer::before {
  content: "";
  position: absolute;
  border-radius: 10px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background: linear-gradient(
    0deg,
    rgba(12, 26, 61, 0.7),
    rgba(12, 26, 61, 0.7)
  ); */
  z-index: 1;
}

.icon-25 {
  width: 25px;
  min-width: 25px;
}

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

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

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

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

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

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

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


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

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

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


.input-style {
  height: 44px;
  border: 2px solid #dddddd;
}

.accordion-button:focus {
  background: none;
  box-shadow: none;
  outline: none;
}

/*===========================
Landing - 1.0
===========================*/

.mini-header-wrapper {
  background-color: var(--gray-color);
  padding: 8px 0;
}

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

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

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

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

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

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

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

.dropdown-menu._navbar-dropdown-menu {
  background: #ffffff;
  border-radius: 0;
  width: 380px;
  border: 0;
  /*padding: 20px;*/
  border-bottom: 3px solid var(--theme-secondary);
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08),
    0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  top: 50px;
}

.dropdown-menu._navbar-dropdown-menu li {
  /*margin-bottom: 10px;*/
  transition: 0.55s;
}

.dropdown-menu._navbar-dropdown-menu li:last-of-type {
  margin-bottom: 0px;
}

    .dropdown-menu._navbar-dropdown-menu .dropdown-item {
        padding: 10px 15px;
    }

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

.video-banner {
  position: relative;
  background: #0c1a3d;
  width: 100%;
  height: 0;
  padding-bottom: 46.25%; /* Set the aspect ratio of the video (e.g., 16:9 = 56.25%) */
}

.video-banner video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* Adjust the video to cover the container */
}

.video-banner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background-color: rgba(0, 0, 0, 0.5);  */
  background: linear-gradient(
    0deg,
    rgba(12, 26, 61, 0.4),
    rgba(12, 26, 61, 0.4)
  );
  z-index: 1;
}

.video-banner .content {
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  text-align: center;
  width: 100%;
}

.watch-video-btn {
  width: 320px;
  text-decoration: none;
  color: #fff;
  font-family: var(--title-font-400);
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(20px);
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  font-size: 1.25rem;
  padding: 15px 15px 15px 0px;
}
.watch-video-btn:hover
{
  background: rgba(0, 0, 0, 0.6);
}


.video-banner .content h4 {
  font-size: 1.75rem;
  font-family: var(--title-font-400);
}

._wrapper-1 {
  padding: 64px 0px;
}



.img-play-btn a i {
  font-size: 82px;
  color: var(--theme-secondary);
}

.demo-btn {
  position: absolute;
  bottom: -20px;
  width: 100%;
  text-align: center;
  z-index: 2;
}

._wrapper-2 {
  margin-top: 70px;
  background-color: #f7f1f3;
  /* background-image: url(../images/image-banner-2.png); */
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
}

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

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

._wrapper-3 {
  margin-top: 70px;
}

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

.content-detail .circle-icon {
  margin-right: 30px;
  text-align: center;
  transition: transform .5s ease;
}
.content-detail .circle-icon._bg-light-red svg {
  fill: var(--theme-primary);
}

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

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

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

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

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

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

    .content-detail:hover .circle-icon.circle-primary svg, .content-detail:hover .circle-icon.circle-secondary svg {
        fill: #fff !important;
    }

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

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





._wrapper-4,
._wrapper-6 {
  margin-top: 64px;
  padding-top: 64px;
  padding-bottom: 64px;
  background: #eff6ff;
}

._choose-card {
  min-height: 172px;
  margin-bottom: 14px;
  background: #fff;
  border: 1px solid #E2E2E2;
  padding: 25px;
  border-radius: 15px;
  transition: 0.55s;
  transition: transform .5s ease;
}

._choose-card p
{
  margin-top: 1rem;
}

._choose-card:hover {

  transition: 0.55s;
  box-shadow: 0 25px 25px #00000016;
  background: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);
  transform: scale(1.05);
}

._wrapper-6 .row ._card {
  margin-bottom: 25px;
}

._wrapper-5 {
  margin-top: 70px;
}

._screen-content-detail {
  background-color: #0c1a3d;
  box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08),
    0px 8px 8px -4px rgba(16, 24, 40, 0.03);
  border-radius: 16px;
  background-image: url(../images/design.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

._screen-banner {
  margin-bottom: -85px;
  margin-right: 30px;
}

._wrapper-5 .content-detail h3 {
  font-size: 2rem;
  padding-bottom: 15px;
}

._wrapper-5 .content-detail p {
  font-size: 1.24rem;
  padding-right: 200px;
}

.footer-wrapper {
    background-color: #011f3d !important;
    padding: 50px 0;
    color: #fff;
}

.footer-links-ul {
  list-style-type: none;
  padding: 0;
}

    .footer-links-ul li a:hover {
        
        transition: box-shadow .2s;
        box-shadow: inset 0 -1px #fff;
    }

.accept-card {
  flex-flow: wrap;
}

.accept-card a {
  display: inline-block;
  margin-right: 8px;
}

.accept-card a img {
  width: 52px;
  min-width: 53px;
  height: 37px;
  object-fit: contain;
  background: #ffffff;
  border-radius: 8px;
  padding: 5px;
  margin-bottom: 8px;
}

.accept-card a img:hover {
  background: #d5d5d5;
}

.social-links-wrapper {
  background-color: #0a152f;
  color: #fff;
  padding: 15px 0;
}

.footer-social-links ul li a {
  display: inline-flex;
  background:rgb(0 0 0 / 34%);
  width: 46px;
  height: 46px;
  line-height: 40px;
  text-align: center;
  border-radius: 100px;
  transition: 0.55s;
  align-items: center;
  justify-content: center;
}

.footer-social-links ul li a:hover {
  background: var(--theme-secondary);
  transition: 0.55s;
}

.footer-social-links ul li a:hover i {
  color: #fff;
  transition: 0.55s;
}

.footer-social-links ul li a i {
  font-size: 18px;
  color: #667085;
}



.inner-slider-wrapper {
    background: #0a152f url(../images/banner-product.jpg) no-repeat center top;
    padding: 70px 0;
    background-repeat: no-repeat;
    background-size: cover;
   
    height: 400px;
}



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

.inner-slider-text {

  margin-bottom: 50px;
}

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

.inner-card {
  background: #ffffff;
  border: 1px solid #eaecf0;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08),
    0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  border-radius: 16px;
}

.inner-card-content {
  padding: 25px;
}

.pad-25 {
  padding: 25px;
}

.inner-card-btns {
  padding: 25px;
  display: flex;
  justify-content: center;
  width: 100%;
}

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

.inner-card-btns a:first-of-type {
  margin-right: 10px;
}

.inner-card-btns a:last-of-type {
  margin-left: 10px;
}

.inner-card-content h2 {
  font-size: 3.75rem;
}

.inner-card-accordion {
  padding: 25px;
}

.inner-card-accordion .accordion-item {
  background: #f3f4f6;
  border-radius: 7px;
  border: 0;
}

.inner-card-accordion .accordion-button:not(.collapsed) {
  background-color: #f3f4f6;
  box-shadow: none;
}

.inner-card-accordion .accordion-item:last-of-type .accordion-button.collapsed {
  background: #f3f4f6;
}

.inner-card-accordion .accordion-button:focus {
  border-color: #f3f4f6;
  box-shadow: none;
}

.inner-card-accordion .inner-card-btns .bg-purple {
  /*background-color: var(--theme-primary) !important;
  border-color: var(--theme-primary) !important;*/
}

.inner-card-accordion .inner-card-btns .theme-outline-btn , .theme-outline-btn.btn-red {
  border-color: var(--theme-secprimaryondary) !important;
  color: var(--theme-primary) !important;
}

.inner-card-accordion .inner-card-btns .theme-outline-btn:hover , .theme-outline-btn.btn-red:hover {
  background-color: var(--theme-primary) !important;
  border-color: var(--theme-primary) !important;
  color: #fff !important;
}

._inner-wrapper-2 {
  margin-top: 70px;
}

.faq-card-accordion .accordion .accordion-header .accordion-button {
  padding-left: 0;
  padding-right: 0;
  justify-content: space-between;
}

.faq-card-accordion
  .accordion
  .accordion-header
  .accordion-button:not(.collapsed) {
  background-color: transparent;
}

.faq-card-accordion .accordion .accordion-header .accordion-sign {
  float: right;
  margin-top: 2px;
  transition: transform 0.3s;
  border-radius: 100px;
  border: 2px solid #98a2b3;
  color: #98a2b3;
  width: 23px;
  height: 23px;
  min-width: 23px;
  text-align: center;
  line-height: 23px;
}

.faq-card-accordion .accordion .accordion-header .accordion-button::after {
  display: none;
}

.faq-card-accordion .accordion .accordion-header .accordion-button:focus {
  border-bottom: 1px solid var(--theme-secondary);
}

.accordion-icon::before {
  content: "+";
  float: right;
  margin-left: 5px;
  border: 2px solid #98a2b3;
  border-radius: 100px;
  color: #98a2b3;
  width: 23px;
  height: 23px;
  min-width: 23px;
  text-align: center;
  line-height: 22px;
}

.accordion-button[aria-expanded="true"] .accordion-icon::before {
  content: "-";
}

.met-breadcrumb .breadcrumb-item,
.met-breadcrumb .breadcrumb-item a,
.met-breadcrumb .breadcrumb-item.active,
.met-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  color: #fff;
}

.course-card-content .content-banner .demo-btn {
  bottom: 50px;
}

.course-card-content .content-banner img {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

.course-card-content .content-banner .demo-btn .card-counter-bg {
  background: #494949 !important;
  border-color: #494949 !important;
  transition: 0.55s;
}

.course-light-info.border {
    border-color: var(--theme-seondary) !important;
    color: var(--theme-secondary) !important;
    /* background: hsl(340deg 64% 34% / 5%);*/
    background: #f4f7ff !important;
    padding: 15px !important;
}

.course-light-info-2.border {
    border-color: var(--theme-primary) !important;
    color: var(--theme-primary) !important;
    background: hsl(340deg 64% 34%/5%);
    padding: 15px !important;
}

.course-card-content .content-banner.img-layer::before {
  content: "";
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background: linear-gradient(
    0deg,
    rgb(229 229 229 / 70%),
    rgb(16 16 16 / 70%)
  );
}

.course-example-detail {
  margin-right: 70px;
}

.course-overview-features {
  margin-top: 150px;
  margin-right: 70px;
}

.bg-theme-secondary-light {
  background: rgba(155, 39, 76, 0.09);
}

.info-page-logo {
  width: 250px;
  margin: 0 auto;
}

.me-form-label {
    font-size: 14px;
    font-family: var(--title-font-500);
    color: #5b5959;
    height: 40px;
    font-weight: 600;
    line-height: 16px;
}

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

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

.me-form-input , .form-select-xs {
  height: 40px;
  border: 1px solid #d0d5dd;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
  border-radius: 5px;
}

.cart-wrapper {
  background: #f9fafb;
  position: fixed;
  right: 0;
  top: 0;
  height: 100%;
  width: 35vw; 
  aspect-ratio: 16/9;
}

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

.cart-product-list .table tbody tr th,
.cart-product-list .table tbody tr td {
  padding: 15px 10px;
  vertical-align: middle;
}

.accept-card-ul li {
  margin-right: 10px;
}

.accept-card-ul li a img {
  width: 55px;
}

.card-type-image {
  position: absolute;
  right: 20px;
  top: 6px;
}

.card-type-image img {
  width: 35px;
}

.cart-final-info {
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 20px;
  margin: 50px 0;
  margin-bottom: 20px;
}

.cart-final-info i.ri-checkbox-circle-fill {
  color: #4bae4f;
  font-size: 60px;
}

.cart-final-info .text-center p.f-size-16 {
  width: 460px;
  margin: 0 auto;
}

/* cart stepper */
#multi-step-form-container .form-stepper {
  width: 500px;
}
/* cart stepper */

.login-wrapper {

}

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

.min-container
{
  /*min-height: 700px;*/
}
.login-wrapper .col-lg-7.p-0.m-0 {
  /* background: #f2f4ef; */
}

/* .toggle-language-btns {
  border: 1px solid #d0d5dd;
} */

.toggle-language-btns .btn {
  background: #fff;
  color: #344054;
  font-size: 16px;
  font-family: var(--title-font-400);
  padding: 7px 20px;
  border-color: #bdbdbd;
}

.toggle-language-btns label:first-of-type {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.toggle-language-btns label:last-of-type {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.toggle-language-btns .btn-check:checked + .btn,
.toggle-language-btns .btn.active,
.toggle-language-btns .btn.show,
.toggle-language-btns .btn:first-child:active,
.toggle-language-btns :not(.btn-check) + .btn:active {
  color: var(--theme-primary) !important;
  background-color: #FEF9FB !important;
  border-color: var(--theme-primary) !important;
}

.toggle-language-btns .btn-check + .btn:hover {
  background-color: #ffffff !important;
  color: var(--theme-primary) !important;
  border-color: var(--theme-primary) !important;
}

.login-banner .position-absolute {
  bottom: 10px;
}

.btn-check:checked + .btn:focus-visible {
  box-shadow: none;
}

.login-form-content .m-5 .me-form-input {
  height: 45px;
}

.form-check .form-check-input:checked {
    background-color: var(--theme-primary);
    border-color: var(--theme-primary);
}

._contact-us-wrapper {
  background-image: url(../images/contact-us-bg.png);
  background-color: #111928;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right;
  height: 260px;
}



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



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

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

.payment-input .me-form-input,
.payment-label .me-form-label,
.payment-label .form-select-xs {
    height: 30px;
    font-size: 14px;
    padding-top: 0px;
    padding-bottom: 0px;
    display:flex;
    align-items:center;
}

.faq-content-box {
  background: #f9fafb;
}

.faq-content-box .nav-pills .nav-link {
  color: #6b7280;
  font-size: 16px;
  font-family: var(--title-font-500);
  text-align: left;
  padding: 8px 0;
}

.faq-content-box .nav-pills .nav-link:hover {
  color: var(--theme-secondaryr);
}

.faq-content-box .nav-pills .nav-link.active,
.faq-content-box .nav-pills .show > .nav-link {
  color: var(--theme-primary);
  background-color: transparent;
  font-weight:600;
}




.offcanvas-end .theme-outline-btn:hover {
    background-color: var(--theme-primary) !important;
    border-color: var(--theme-primary) !important;
    color: #fff;
}
/**/
.menu-icon {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    z-index: 1;
}

.menu-icon span {
  display: block;
  width: 30px;
  height: 4px;
  margin-bottom: 6px;
  background-color: #000;
  transition: transform 0.3s ease-in-out;
}

/* .cart-menu {
  position: absolute;
  top: 0;
  right: -250px;
  width: 250px;
  height: 100%;
  background-color: #f1f1f1;
  transition: right 0.3s ease-in-out;
  z-index: 1;
} */

.cart-menu ul {
  list-style: none;
  padding: 0;
  margin: 30px;
}

.cart-menu ul li {
  margin-bottom: 20px;
}

.mencart-menuu ul li a {
  color: #000;
  text-decoration: none;
  font-size: 18px;
}

.open {
  right: 0;
  left: 0;
  width: 100%;
}

._card-training
{
  overflow: hidden;
}
._card-training ._card-footer
{
  position: relative;
  z-index: 9;
}
._card-training:hover ._card-footer span
{
  color: #fff !important;
  position: relative;
  z-index: 99 ;
}
._card-training ._card-footer svg
{
  fill: var(--theme-primary);
}
._card-training:hover ._card-footer svg
{
  fill: #fff !important;
  position: relative;
  z-index: 99 ;
}
._card-training:hover ._card-footer::before {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
._card-training ._card-footer::before 
{
  background-color: var(--theme-primary);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
    z-index: 1;
}

._card-blog-training
{
  overflow: hidden;
}
._card-blog-training ._card-footer
{
  position: relative;
  z-index: 9;
}
._card-blog-training:hover ._card-footer span
{
  color: #fff !important;
  position: relative;
  z-index: 99 ;
}
._card-blog-training ._card-footer svg
{
  fill: var(--theme-primary);
}
._card-blog-training:hover ._card-footer svg
{
  fill: #fff !important;
  position: relative;
  z-index: 99 ;
}
._card-blog-training:hover ._card-footer::before {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
._card-blog-training ._card-footer::before 
{
  background-color: var(--theme-primary);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
    z-index: 1;
}

.footer-logo-colum p a:hover {
    text-decoration: underline !important;
    
    text-decoration:none !important;
    transition: box-shadow .2s;
    box-shadow: inset 0 -1px #fff;
}

.footer-logo-colum  .web-logo
{
  height: 36px;
}

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

.blue-outline-btn {
    background: transparent;
    border: 1px solid;
    border-radius: 8px;
    color: var(--theme-secondary);
    font-family: var(--font-poppins);
    font-size: 0.875rem;
    display: inline-block;
    padding: 10px 15px;
    transition: 0.55s;
    height: 45px;
    text-decoration: none;
    border-color: var(--theme-secondary);
    transition: 0.55s;
    transition: 0.55s;
    line-height: 18px;
    display: inline-block;
}

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

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

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



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

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

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

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

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

.cart-counter
{
  top: 2px !important;
  border: 2px solid;
}

.offcanvas-body .cart-wrapper
{
position: relative !important;
width: 100%;
}

.offcanvas-cart
{
  --bs-offcanvas-width: 600px !important;
}

.default-ul li svg
{
  min-width: 25px !important;
}

.content-detail .img-fluid {
  /* max-width: 100%; */
  height: auto;
  width: 100%;
  /* display: block; */
}

._card-training span {
  color: var(--theme-primary);
}

._card-blog-training span {
  color: var(--theme-primary);
}

.imgerror {
  display: table;
  margin: 0 auto;
  margin-top: 100px;
  margin-bottom: 30px;
  text-align: center;
}

.text-contact svg
{
width: 20px;
height: 20px;
}



.footer-social-links ul.default-ul li svg path
{
fill: #ffffff;
}

.img-comply
{
  background: url(../images/comply.jpg) no-repeat center center;
  background-size: cover;
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.app-search-form {
  position: relative;
  max-width: 300px
}

.app-search-form .search-input {
  font-size: 1rem;
  border-radius: .25rem;
  padding-right: 3rem;
  padding-left: 2.5rem;
  height: 45px;
}

.app-search-form .search-input:focus {
  border-color: #e7e9ed
}


    .app-search-form .search-btn {
        color: #828d9f;
        background: none;
        border: none;
        position: absolute;
        left: 0;
        top: 0;
        margin-right: 0;
        height: 45px;
        width: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

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

.app-search-form .search-btn:active,
.app-search-form .search-btn:focus,
.app-search-form .search-btn:hover {
  outline: none !important;
  color: #15a362;
  box-shadow: none
}

.card-grey
{
  background-color: #F2F4F7 !important;
}

.form-control:focus {
  border-color: #a1a1a1 !important;
  box-shadow: 0 0 0 0.2rem rgb(137 121 124 / 25%) !important;
} 

.link-container {
  display: flex;   
          }
        
.text {
  margin-right: 10px;
     }
           
.svg-container-detail {
   margin-left: auto;
  }

  .svg-container {
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.5s ease;
   }

.bg-load-more {
   background-color: rgba(141, 31, 68, 10%);
   border: 1px solid  rgba(141, 31, 68, 10%);
  }

.cursor-pointer {
  cursor: pointer;
}

._card-blog-training:hover .svg-container svg path {
  stroke: var(--theme-primary);
}


.bg-gray-100 {
  background-color: #F2F4F7;
}

.gray-300 {
  color: #D0D5DD !important;
}

.border-gray-300 {
  border: 1px solid #D0D5DD;
}

.gray-400 {
  color: #9CA3AF !important;
}

.bright-gray {
  color: #374151 !important;
}


.gray-500 {
  color: #667085 !important;

}
.gray-600 {
  color: #475467 !important;
}

.gray-700 {
  color: #344054 !important;
}


.gray-900 {
  color: #101828 !important;
}

.text-gray-900 {
  color: #101828 !important;
}



.linkedin:hover svg path {
  fill: #fff;
 
}

.linkedin:hover {
  border: 1px solid #0A66C2 !important;
  background: #0A66C2 !important;
}

.facebook:hover svg path {
  fill: #fff;
 
}

.facebook:hover {
  border: 1px solid #3b5998 !important;
  background: #3b5998 !important;
}

.twitter:hover svg path {
  fill: #fff;
  
}

.twitter:hover {
  border: 1px solid #00acee !important;
  background: #00acee !important;
}

.btn-copy-link:hover {
    border: 1px solid var(--theme-primary) !important;
    background: var(--theme-primary) !important;
    color: #fff !important;
}

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

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

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


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

._card-blog-training:hover .rotate {
  display: inline-block; /* Ensures the rotation occurs around the center */
  transform: rotate(45deg); /* Rotate the element by 45 degrees */
  transition: transform 0.5s ease;
}

.text-purple-700 {

  color: #6941C6 !important;
}



.purple-100 {

  background-color: #F9F5FF !important;
}

.btn-x:hover {
  color: white !important;
  background-color: var(--theme-color);
}

.btn-x:hover  svg path{
  stroke: white !important;
}

.blog-img-render {
    width: 100% !important;
    min-height: 230px;
    max-height: 230px;
    background-size: cover !important;
    margin-bottom: 16px;
}

.mb-6 {
  margin-bottom: 4rem!important;
}

.link-blog a
{
width: 32px;
height: 32px;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
}

.link-blog a:hover
{
  background: rgba(141, 31, 68, 0.15);

}

.d-webkit-box
{
  display: -webkit-box;
}

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

.btn-out-primary
{
  background-color: white;
  border: 1px solid var(--theme-primary);
  border-color: var(--theme-primary);
  color: black;
}

.btn-out-primary:hover,
.btn-out-primary:active,
.btn-out-primary.active
{
  background-color: var(--theme-primary-dark) !important;
  border: 1px solid var(--theme-primary-dark) !important;
  border-color: var(--theme-primary-dark) !important;
  color: white !important;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active
{

  background-color: var(--theme-primary-dark) !important;
  border-color: var(--theme-primary-dark) !important;
}


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

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

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

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

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

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

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


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

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

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

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

.form-password .show-password
{
  top: 4px;
  right: 4px; 
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
.form-password .show-password svg
{
  fill: #667085
}
.form-password .show-password:hover
{
background: #EAECF0;
}


.form-password .show-password.active svg
{
  fill: var(--theme-primary)
}

.section-howitworks
{
  padding: 64px 0 64px;
}


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


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

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

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

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

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

.loader-bg
{
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}


.cs-loader{
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  color: inherit;
  vertical-align: middle;
  pointer-events: none;
  border-radius: 50%;
  box-shadow: 0 1.5em 0 -0.3em rgba(255, 255, 255, 0.8);
  position: relative;
  -webkit-animation: cs-loader 0.8s ease-in-out alternate infinite;
          animation: cs-loader 0.8s ease-in-out alternate infinite;
  -webkit-animation-delay: 0.32s;
          animation-delay: 0.32s;
  top: -1.5em;
  position: relative;
  z-index: 999;
}
.cs-loader:after, .cs-loader:before {
  content: "";
  position: absolute;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  box-shadow: inherit;
  -webkit-animation: inherit;
          animation: inherit;
}
.cs-loader:before {
  left: -1.5em;
  -webkit-animation-delay: 0.48s;
          animation-delay: 0.48s;
}
.cs-loader:after {
  right: -1.5em;
  -webkit-animation-delay: 0.16s;
          animation-delay: 0.16s;
}

@-webkit-keyframes cs-loader{
  0% {
    box-shadow: 0 3em 0 -0.3em rgba(255, 255, 255, 0.8);;
  }
  100% {
    box-shadow: 0 1.5em 0 -0.3em rgba(255, 255, 255, 0.8);;
  }
}

@keyframes cs-loader {
  0% {
    box-shadow: 0 3em 0 -0.3em rgba(255, 255, 255, 0.8);;
  }
  100% {
    box-shadow: 0 1.5em 0 -0.3em rgba(255, 255, 255, 0.8);;
  }
}

.spinner-sm
{
  width: 1.5rem;
  height: 1.5rem;
}

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

.skeleton .skeleton-data
{
  background: rgba(130, 130, 130, 0.2);
     background: -webkit-gradient(linear, left top, right top, color-stop(8%, rgba(130, 130, 130, 0.2)), color-stop(18%, rgba(130, 130, 130, 0.3)), color-stop(33%, rgba(130, 130, 130, 0.2)));
     background: linear-gradient(to right, rgba(130, 130, 130, 0.2) 8%, rgba(130, 130, 130, 0.3) 18%, rgba(130, 130, 130, 0.2) 33%) ;
     background-size: 800px 100px;
     animation: wave-lines 2s infinite ease-out;
     border-radius: 4px;
     text-indent: -9999px !important;
     min-height: 24px;
     border: none;
}

.flex-howitworks .position-absolute.skeleton-data {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 99;
}

.skeleton .skeleton-data.alert-success
{
  border-color: transparent !important;
}
.skeleton .skeleton-data.text-end
{
  text-align: initial !important;
}
.skeleton .cart-footer .btn
{
display: none !important;
}
/* .skeleton .spinner-saved
{
  display: block;
}
.spinner-saved
{
  display: none;
} */

.skeleton .skeleton-data .form-control
{
display: none;
}
.skeleton .skeleton-data svg
{
display: none;
}

.skeleton .skeleton-data.trash
{
width: 24px;
height: 24px;
display: inline-block;
}

@keyframes wave-lines {
  0% {
      background-position: -468px 0;
  }
   100% {
      background-position: 468px 0;
  }
}
@keyframes wave-squares {
  0% {
      background-position: -468px 0;
  }
   100% {
      background-position: 468px 0;
  }
}

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


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


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

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



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

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

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

.footer-logo-colum .web-logo {
    height: auto;
    min-height: auto;
    
}

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

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


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

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



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

}

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

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

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

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

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



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

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

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

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


.btn-outline-primary:hover  .scrolldown-btn  svg path
{
fill: #fff !important;
}

 .scrolldown-btn {
  width: 15px;
  height: auto;
  position: relative;
  top: 9px;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  text-align: center;
}
 .scrolldown-btn svg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
}
 .scrolldown-btn svg path.first-path {
  animation: scrollanim 1s ease-in-out infinite;
  animation-delay: 0.8s;
}
 .scrolldown-btn svg path.second-path {
  animation: scrollanim2 1s ease-in-out infinite;
}

@-webkit-keyframes scrollanim {
  0% {
    -webkit-transform: translate(0, -40px);
    opacity: 0;
  }
  60% {
    -webkit-transform: translate(0, 0);
    opacity: 0.8;
  }
}
@-moz-keyframes scrollanim {
  0% {
    -moz-transform: translate(0, -40px);
    opacity: 0;
  }
  60% {
    -moz-transform: translate(0, 0);
    opacity: 0.8;
  }
}
@keyframes scrollanim {
  0% {
    -webkit-transform: translate(0, -40px);
    -moz-transform: translate(0, -40px);
    -ms-transform: translate(0, -40px);
    -o-transform: translate(0, -40px);
    transform: translate(0, -40px);
    opacity: 0;
  }
  60% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 0.8;
  }
}
@-webkit-keyframes scrollanim2 {
  0% {
    -webkit-transform: translate(0, -40px);
    opacity: 0;
  }
  60% {
    -webkit-transform: translate(0, 0px);
    opacity: 0.6;
  }
}
@-moz-keyframes scrollanim2 {
  0% {
    -moz-transform: translate(0, -40px);
    opacity: 0;
  }
  60% {
    -moz-transform: translate(0, 0px);
    opacity: 0.6;
  }
}
@keyframes scrollanim2 {
  0% {
    -webkit-transform: translate(0, -40px);
    -moz-transform: translate(0, -40px);
    -ms-transform: translate(0, -40px);
    -o-transform: translate(0, -40px);
    transform: translate(0, -40px);
    opacity: 0;
  }
  60% {
    -webkit-transform: translate(0, 0px);
    -moz-transform: translate(0, 0px);
    -ms-transform: translate(0, 0px);
    -o-transform: translate(0, 0px);
    transform: translate(0, 0px);
    opacity: 0.6;
  }
}

.scores{

  background: url(../images/my_tr_lodear.png) no-repeat;
  width: 48px;
  height: 48px;
  text-align: center;
  float: left;
  color: #4a4c5b;
  padding-top: 5px;
  font-weight: 700;
}

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

.bg-training {
  background: #E1F3F5;
}

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

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

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

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

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

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

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

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

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

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

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

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

}

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

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

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

.dashboard table tbody tr td {

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

.dashboard  .btn-sm
{
  padding: 8px 12px;
  font-size: 14px !important;
  min-width: 146px;
  text-align: center;
  justify-content: center;
}

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

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

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

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

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

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

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

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

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

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

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

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

}

.dashboard .accordion-button:not(.collapsed)
{
background: none !important;
box-shadow: none !important;
}

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

}

.input-validation-error.form-control:focus {
  border-color: #dc3545 !important;
}



.form-select.input-validation-error {
  border-color: #dc3545;
  padding-right: 3.25rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-position: right 0.35rem center, top 0.35rem right 1.6rem !important;
  background-size: 16px 12px,calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.contact-info-detail .form-select.input-validation-error {
  border-color: #dc3545;
  padding-right: 3.25rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-position: right 0.35rem center, top 0.75rem right 1.6rem !important;
  background-size: 16px 12px,calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

span.card.visa {
  background-image: url(../images/visa.jpg);
}

span.card.mastercard {
  background-image: url(../images/mastercard.jpg);
}

span.card.amex {
  background-image: url(../images/amex.jpg);
}

span.card.discover {
  background-image: url(../images/discover.jpg);
}

span.card {
  background-position: 0 0, 0 0;
  background-repeat: repeat-y;
  padding-left: 54px !important;
  padding-bottom: 28px !important;
  border: none;
  border-radius: 0px;
} 

span.card.disable {
  background-position: 0 -28px, 0 0;
  opacity: 0.2;
}

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



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

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


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

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

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

}

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

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

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

/*
Responsive CSS:
*/

@media (min-width: 576px) {

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

  
}


@media (max-width: 768px) {

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

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

    .link-admin {
        top: 28px;
    }

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

    ._mt-480 {
        margin-top: 0px !important;
    }

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

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


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

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

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

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

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

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


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


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



.back-to-top {
    background-color: var(--theme-primary);
    text-decoration: none;
    cursor: pointer;
    width: 56px;
    height: 56px;
    z-index: 999;
    position: fixed;
    right: 32px;
    bottom: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 100%;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.4);
}

    .back-to-top svg {
        fill: #fff;
        width: 32px;
    }

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

.skeleton .skeleton-data {
    background: rgba(130, 130, 130, 0.2);
    background: -webkit-gradient(linear, left top, right top, color-stop(8%, rgba(130, 130, 130, 0.2)), color-stop(18%, rgba(130, 130, 130, 0.3)), color-stop(33%, rgba(130, 130, 130, 0.2)));
    background: linear-gradient(to right, rgba(130, 130, 130, 0.2) 8%, rgba(130, 130, 130, 0.3) 18%, rgba(130, 130, 130, 0.2) 33%);
    background-size: 800px 100px;
    animation: wave-lines 2s infinite ease-out;
    border-radius: 4px;
    text-indent: -9999px !important;
    min-height: 24px;
    border: none;
}

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

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

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

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


.btn-secondary:focus-visible, .btn-secondary:active, .btn-outline-secondary:focus-visible {
    background: var(--theme-secondary-dark) !important;
    border-color: var(--theme-secondary-dark) !important;
}

.btn-primary:focus-visible, .btn-primary:active, .btn-outline-primary:focus-visible {
    background: var( --theme-primary-dark) !important;
    border-color: var(--theme-primary-dark) !important;
}


/* skeleton css for training loader start */


.training.loader-container.skeleton .skeleton-data {
    background: rgba(130, 130, 130, 0.2);
    background: -webkit-gradient(linear, left top, right top, color-stop(8%, rgba(130, 130, 130, 0.2)), color-stop(18%, rgba(130, 130, 130, 0.3)), color-stop(33%, rgba(130, 130, 130, 0.2)));
    background: linear-gradient(to right, rgba(130, 130, 130, 0.2) 8%, rgba(130, 130, 130, 0.3) 18%, rgba(130, 130, 130, 0.2) 33%);
    background-size: 800px 100px;
    animation: wave-lines 2s infinite ease-out;
    border-radius: 4px;
    min-height: 24px;
    color: transparent !important;
    border: 0px;
}

.flex-howitworks .position-absolute.skeleton-data {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 99;
}

.training.loader-container.skeleton .skeleton-data.scores {
    width: 48px;
    height: 48px;
    display: inline-block;
}



.training.loader-container.skeleton a.skeleton-data {
    width: 50% !important;
    display: inline-block;
}


.training.loader-container.skeleton span.skeleton-data {
    width: 100% !important;
    display: inline-block;
}

.training.loader-container.skeleton h5.skeleton-data {
    width: 50% !important;
    display: inline-block;
}


.training.loader-container.skeleton h2.skeleton-data {
    width: 45% !important;
    display: inline-block;
}

.training.loader-container.skeleton p.skeleton-data {
    width: 100% !important;
    display: inline-block;
}

    .training.loader-container.skeleton p.skeleton-data.about {
        width: 100% !important;
        height: 200px;
        display: inline-block;
    }

.training.loader-container.skeleton .skeleton-data.certificate {
    width: 150px;
    height: 100px;
}

.training.loader-container.skeleton .skeleton-data.alert-success {
    border-color: transparent !important;
}

.training.loader-container.skeleton .skeleton-data.text-end {
    text-align: initial !important;
}

.training.loader-container.skeleton .cart-footer .btn {
    display: none !important;
}



.training.loader-container.skeleton .skeleton-data .form-control {
    display: none;
}

.training.loader-container.skeleton .skeleton-data svg {
    display: none;
}

.training.loader-container.skeleton .skeleton-data.trash {
    width: 24px;
    height: 24px;
    display: inline-block;
}

.training.loader-container.skeleton .skeleton-data.adobe-reader {
    width: 100% !important;
    height: 50px;
}

/*skeleton css for training loader end*/


.required {
    color: #F04438 !important;
}

.btn-light:hover, .btn-light:active {
    color: var(--bs-btn-active-color) !important;
    background-color: var(--bs-btn-active-bg) !important;
    border-color: var(--bs-btn-active-border-color) !important;
}

.source_consistant a {
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

.input-text.password {
    padding-right: 1.75rem !important;
}

.bg-landing-main {
    background: #EEF2F6 url(../images/Background-pattern1.png) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.py-64 {
    padding-top: 64px;
    padding-bottom: 64px;
}

.pattern-2 {
    background: url(../images/pattern-2.png) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-color: #fff !important;
}

.w-fit-content {
    width: fit-content;
}

.h1-title2 {
    font-size: 3.2rem;
    font-family: var(--font-poppins);
}

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

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

.text-gray-m-700 {
    color: #364152 !important;
}

.text-gray-900 {
    color: #111928 !important;
}

.text-gray-900 {
    color: #111928 !important;
}

.line-primary {
    content: url(../images/hippa-line.svg);
    position: absolute;
    bottom: -8px;
    left: 0px;
    max-width: 100%;
    height: auto;
}

.arrow::after {
    display: inline-block;
    top: 0px;
    margin: 0px;
    margin-left: 8px;
    content: url(../images/arrow1.svg);
    transition: transform .75s ease-out;
    position: relative;
}

.arrow:hover::after {
    transform: translateX(8px)
}

.bg-light-blue {
    background-color: #EFF6FF !important;
}

.faq-banner {
    background: #EEF2F6 url(../images/faq-banner.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.px-md-6 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
}

.py-md-6 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
}

.get-started {
    padding: 0.8375rem 1.325rem !important;
}

.contact-hover a {
    border-bottom: 1px solid transparent;
    text-underline-offset: 3px !important;
    width: fit-content;
}

    .contact-hover a:hover {
        border-bottom: 1px solid white;
        text-underline-offset: 3px !important;
    }

.lh-30 {
    line-height: 30px;
}

.bg-exp-card {
    background-color: #EBEBEC !important;
}

.mb-150 {
    margin-bottom: 150px !important;
}

.f-size-20 {
    font-size: 20px !important;
}

@media (max-width: 768px) {
    .h1-title2 {
        font-size: 2rem;
        font-family: var(--font-poppins);
    }

    .f-size-20 {
        font-size: 16px !important;
    }

    .f-size-32 {
        font-size: 20px;
    }

    .f-size-36 {
        font-size: 30px;
    }

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

    .py-64 {
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .py-md-6 {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
    }

    .px-md-6 {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important;
    }

    .lh-30 {
        line-height: 22px;
    }

    .mb-150 {
        margin-bottom: 15px !important;
    }
}

.d-ruby {
    display: ruby !important;
}
/*
*******************************
0. Mobile Media Queries (Max-width)
*******************************
*/
/* `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  .content-wrapper._wrapper-1 .content-banner.position-relative.img-layer {
    width: 100% !important;
  }
}

/* `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
  .content-wrapper._wrapper-1 .content-banner.position-relative.img-layer {
    width: 500px;
    margin: 0 auto;
  }
    .flex-howitworks {
    flex-direction: column !important;
}
 
  .container {
    max-width: 720px;
  }

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

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

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

.dashboard table {
  width: 650px;
}

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

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

  .custom-navbar-nav .nav-item {
    display: flex;
    width: 100%;
    flex-direction: column;
}
  .custom-navbar-nav .nav-link {
    width: 100%;
    padding: 15px 0;
    border-bottom: 1px solid #dfdfdf;
    margin: 0;
  }
  .custom-navbar-nav li:last-of-type .nav-link {
    border-bottom: 0;
  }
  .custom-navbar-nav .nav-link i.ri-arrow-down-s-line {
    position: absolute;
    right: 0;
    background: #d0a15a;
    color: #fff;
    padding: 5px;
  }
  .navbar-toggler {
    height: 40px;
  }
  .h1-title {
    font-size: 2.2rem;
    margin-bottom: 20px;
  }
  .web-logo {
    height: 30px !important;
  }
  .video-banner {
    height: calc(100vh - 330px);
  }
  .video-banner .content h4 {
    font-size: 20px;
    line-height: 32px;
    padding: 0 20px;
  }
  .main-title {
    font-size: 36px;
  }
  .content-detail.ps-4 {
    padding-left: 0 !important;
  }
  .container-plr-50 {
    padding-left: 20px;
    padding-right: 20px;
  }
  ._wrapper-1,
  ._wrapper-2,
  ._wrapper-3,
  ._wrapper-5,
  ._inner-wrapper-2 {
    margin-top: 35px;
  }
  ._wrapper-4,
  ._wrapper-6 {
    margin-top: 35px;
    padding-top: 35px;
    padding-bottom: 35px;
  }
  ._wrapper-1 .content-detail .main-title {
    margin-right: 0;
  }
  ._wrapper-1 .content-detail.ps-4 {
    margin-top: 50px;
  }
  .section-text {
    font-size: 16px;
    line-height: 26px;
  }
  ._wrapper-2 .content-detail .main-title {
    margin-right: 0;
  }
  ._wrapper-2 {
    background-image: none;
  }
  ._wrapper-2 .content-detail {
    padding-top: 50px;
    padding-bottom: 35px;
  }
  ._wrapper-2 .content-detail .d-flex.align-items-start.mb-3 {
    margin-bottom: 0.5rem !important;
  }
  ._wrapper-2 .content-detail .default-ul.mb-4 {
    margin-bottom: 0 !important;
  }
  .section-text.pe-5 {
    padding-right: 0 !important;
    padding-bottom: 25px;
  }
  ._screen-content-detail {
    background-size: cover;
  }
  ._wrapper-5 .content-detail h3 {
    font-size: 1.6rem;
    line-height: 35px;
    text-align: center;
  }
  ._screen-content-detail .content-detail.m-5 {
    margin: 1.5rem !important;
  }
  ._wrapper-5 .content-detail p {
    font-size: 1.15rem;
    padding-right: 0;
    text-align: center;
    margin-bottom: 30px;
  }
  ._screen-banner {
    display: none;
  }
  .footer-wrapper {
    padding-bottom: 0;
  }
  .footer-wrapper .col-lg-10.px-5.py-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .footer-logo-colum {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .footer-links {
    margin-bottom: 25px;
  }
  .social-links-wrapper {
    text-align: center;
  }
  .footer-social-links.text-end {
    float: none !important;
  }
  .footer-social-links.text-end .default-ul {
    float: none !important;
    justify-content: center;
    margin-top: 15px;
  }
  /*page-2*/
  .section-large-text {
    font-size: 2rem;
  }
  .course-example-detail {
    margin-right: 0;
  }
  .course-example-detail .f-size-16.text-white {
    line-height: 26px;
  }
  .course-overview-features {
    margin-top: 100px;
    margin-right: 0;
  }
  .course-card-content .content-banner .demo-btn {
    bottom: 10px;
  }
  .inner-card-content h2 {
    font-size: 3rem;
  }
  .inner-card-accordion {
    padding: 20px;
  }
  .faq-card.faq-card-accordion {
    margin-bottom: 35px;
  }
  .col-lg-5 .inner-card._mt-420 {
    margin-top: 0;
  }
  .col-lg-5 .inner-card._mt-420 .course-card-content {
    
  }
  .content-wrapper .container {
    padding-left: 20px;
    padding-right: 20px;
  }
  .inner-slider-wrapper {
    height: 310px;
  }
  ._inner-wrapper-1 .inner-card-btns {
    display: block;
  }
  .inner-card-btns a:last-of-type {
    margin-left: 0px;
    margin-top: 10px;
  }
  .inner-card._mt-100 {
    margin-bottom: 40px;
  }
  .content-wrapper._inner-wrapper-1
    .container
    .row
    .col-lg-6:last-of-type
    .inner-card._mt-100 {
    margin: 0;
  }

  .container.border {
    border: 0 !important;
  }
  .login-form-content.py-5 {
    padding-top: 0 !important;
  }
  .login-form-content.py-5 .m-5 {
    margin: 0 !important;
    margin-top: 25px !important;
  }
  /*.faq-content-box {
    margin-bottom: 40px;
  }*/
  .contact-info-detail.ps-4 {
    padding-left: 0 !important;
  }
  ._contact-us-wrapper {
    background-image: none;
  }
  .contact-info-detail {
    margin-bottom: 40px;
  }

  .login-banner .position-absolute
  {
    position: relative !important;
  }

  .menu-icon {
    display: block !important;
  }
  .cart-wrapper {
    position: initial;
    width: 100%;
  }
}

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

    ._mt-480 {
        margin-top: -560px;
    }

    ._mt-480.org {
        margin-top: -600px;
    }
    
}

/* `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
}

/*
*******************************
1. Mobile Media Queries (Min-width)
*******************************
*/

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}

/*
*******************************
2. Custom Media Queries
*******************************
*/

@media (min-width: 1920px) {
}