/* Minification failed. Returning unminified contents.
(22,14): run-time error CSS1039: Token not allowed after unary operator: '-font_color'
(30,20): run-time error CSS1039: Token not allowed after unary operator: '-regular'
(40,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(41,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(42,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(43,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(44,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(45,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(47,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(48,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(49,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(51,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(52,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(53,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(74,29): run-time error CSS1039: Token not allowed after unary operator: '-bold'
(75,31): run-time error CSS1039: Token not allowed after unary operator: '-regular'
(76,30): run-time error CSS1039: Token not allowed after unary operator: '-medium'
(77,28): run-time error CSS1039: Token not allowed after unary operator: '-bold'
(78,25): run-time error CSS1039: Token not allowed after unary operator: '-red_color'
(88,19): run-time error CSS1039: Token not allowed after unary operator: '-red_color'
(95,100): run-time error CSS1039: Token not allowed after unary operator: '-red_color'
(96,97): run-time error CSS1039: Token not allowed after unary operator: '-red_color'
(105,29): run-time error CSS1039: Token not allowed after unary operator: '-red_color'
(111,24): run-time error CSS1039: Token not allowed after unary operator: '-bold'
(124,16): run-time error CSS1039: Token not allowed after unary operator: '-white'
(175,33): run-time error CSS1039: Token not allowed after unary operator: '-light_blue'
(179,76): run-time error CSS1039: Token not allowed after unary operator: '-red_color'
(186,27): run-time error CSS1039: Token not allowed after unary operator: '-regular'
(192,32): run-time error CSS1039: Token not allowed after unary operator: '-red_color'
(199,27): run-time error CSS1039: Token not allowed after unary operator: '-bold'
(202,62): run-time error CSS1039: Token not allowed after unary operator: '-navy_blue'
(242,51): run-time error CSS1039: Token not allowed after unary operator: '-red_color'
(242,76): run-time error CSS1039: Token not allowed after unary operator: '-white'
(256,20): run-time error CSS1039: Token not allowed after unary operator: '-transition'
(281,23): run-time error CSS1039: Token not allowed after unary operator: '-transition'
(292,62): run-time error CSS1039: Token not allowed after unary operator: '-red_color'
(323,22): run-time error CSS1039: Token not allowed after unary operator: '-navy_blue'
(327,28): run-time error CSS1039: Token not allowed after unary operator: '-regular'
(329,40): run-time error CSS1039: Token not allowed after unary operator: '-light_blue'
(330,27): run-time error CSS1039: Token not allowed after unary operator: '-transition'
(333,34): run-time error CSS1039: Token not allowed after unary operator: '-light_blue'
(334,29): run-time error CSS1039: Token not allowed after unary operator: '-bold'
(335,23): run-time error CSS1039: Token not allowed after unary operator: '-white'
(351,23): run-time error CSS1039: Token not allowed after unary operator: '-navy_blue'
(352,28): run-time error CSS1039: Token not allowed after unary operator: '-transition'
(366,33): run-time error CSS1039: Token not allowed after unary operator: '-light_blue'
(368,27): run-time error CSS1039: Token not allowed after unary operator: '-transition'
(373,41): run-time error CSS1039: Token not allowed after unary operator: '-white'
(374,23): run-time error CSS1039: Token not allowed after unary operator: '-white'
(378,35): run-time error CSS1039: Token not allowed after unary operator: '-navy_blue'
(409,30): run-time error CSS1039: Token not allowed after unary operator: '-transition'
(423,32): run-time error CSS1039: Token not allowed after unary operator: '-regular'
(438,31): run-time error CSS1039: Token not allowed after unary operator: '-navy_blue'
(443,26): run-time error CSS1039: Token not allowed after unary operator: '-bold'
(446,20): run-time error CSS1039: Token not allowed after unary operator: '-white'
(448,25): run-time error CSS1039: Token not allowed after unary operator: '-transition'
(458,26): run-time error CSS1039: Token not allowed after unary operator: '-transition'
(462,33): run-time error CSS1039: Token not allowed after unary operator: '-red_color'
(513,42): run-time error CSS1039: Token not allowed after unary operator: '-red_color'
(514,20): run-time error CSS1039: Token not allowed after unary operator: '-red_color'
(518,42): run-time error CSS1039: Token not allowed after unary operator: '-navy_blue'
(520,57): run-time error CSS1039: Token not allowed after unary operator: '-navy_blue'
(525,30): run-time error CSS1039: Token not allowed after unary operator: '-navy_blue'
(533,24): run-time error CSS1039: Token not allowed after unary operator: '-transition'
(540,26): run-time error CSS1039: Token not allowed after unary operator: '-regular'
(542,20): run-time error CSS1039: Token not allowed after unary operator: '-white'
(545,58): run-time error CSS1039: Token not allowed after unary operator: '-light_blue'
(547,27): run-time error CSS1039: Token not allowed after unary operator: '-bold'
(548,32): run-time error CSS1039: Token not allowed after unary operator: '-light_blue'
(554,32): run-time error CSS1039: Token not allowed after unary operator: '-light_blue'
(562,26): run-time error CSS1039: Token not allowed after unary operator: '-transition'
(570,22): run-time error CSS1039: Token not allowed after unary operator: '-white'
(598,22): run-time error CSS1039: Token not allowed after unary operator: '-bold'
(604,28): run-time error CSS1039: Token not allowed after unary operator: '-navy_blue'
(605,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(613,22): run-time error CSS1039: Token not allowed after unary operator: '-transition'
(624,22): run-time error CSS1039: Token not allowed after unary operator: '-transition'
(627,36): run-time error CSS1039: Token not allowed after unary operator: '-red_color'
(658,54): run-time error CSS1039: Token not allowed after unary operator: '-red_color'
(658,79): run-time error CSS1039: Token not allowed after unary operator: '-white'
(719,30): run-time error CSS1039: Token not allowed after unary operator: '-white'
(730,27): run-time error CSS1039: Token not allowed after unary operator: '-navy_blue'
(741,28): run-time error CSS1039: Token not allowed after unary operator: '-red_color'
(742,23): run-time error CSS1039: Token not allowed after unary operator: '-medium'
(745,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(775,26): run-time error CSS1039: Token not allowed after unary operator: '-regular'
(776,31): run-time error CSS1039: Token not allowed after unary operator: '-white'
(793,21): run-time error CSS1039: Token not allowed after unary operator: '-red_color'
(903,27): run-time error CSS1039: Token not allowed after unary operator: '-bold'
(904,21): run-time error CSS1039: Token not allowed after unary operator: '-red_color'
(907,28): run-time error CSS1039: Token not allowed after unary operator: '-light'
(908,22): run-time error CSS1039: Token not allowed after unary operator: '-navy_blue'
(921,27): run-time error CSS1039: Token not allowed after unary operator: '-regular'
(925,37): run-time error CSS1039: Token not allowed after unary operator: '-red_color'
(936,32): run-time error CSS1039: Token not allowed after unary operator: '-red_color'
(943,21): run-time error CSS1039: Token not allowed after unary operator: '-red_color'
(944,26): run-time error CSS1039: Token not allowed after unary operator: '-transition'
(948,32): run-time error CSS1039: Token not allowed after unary operator: '-red_color'
(949,21): run-time error CSS1039: Token not allowed after unary operator: '-white'
(965,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(997,25): run-time error CSS1039: Token not allowed after unary operator: '-regular'
(1043,25): run-time error CSS1039: Token not allowed after unary operator: '-transition'
(1051,35): run-time error CSS1039: Token not allowed after unary operator: '-white'
(1060,35): run-time error CSS1039: Token not allowed after unary operator: '-white'
(1063,30): run-time error CSS1039: Token not allowed after unary operator: '-bold'
(1068,24): run-time error CSS1039: Token not allowed after unary operator: '-red_color'
(1080,31): run-time error CSS1039: Token not allowed after unary operator: '-white'
(1084,25): run-time error CSS1039: Token not allowed after unary operator: '-transition'
(1101,28): run-time error CSS1039: Token not allowed after unary operator: '-bold'
(1108,21): run-time error CSS1039: Token not allowed after unary operator: '-red_color'
(1130,28): run-time error CSS1039: Token not allowed after unary operator: '-regular'
(1132,22): run-time error CSS1039: Token not allowed after unary operator: '-light_blue'
(1157,30): run-time error CSS1039: Token not allowed after unary operator: '-bold'
(1158,24): run-time error CSS1039: Token not allowed after unary operator: '-red_color'
(1176,26): run-time error CSS1039: Token not allowed after unary operator: '-transition'
(1178,32): run-time error CSS1039: Token not allowed after unary operator: '-light_blue'
(1182,32): run-time error CSS1039: Token not allowed after unary operator: '-red_color'
(1247,26): run-time error CSS1039: Token not allowed after unary operator: '-transition'
(1285,27): run-time error CSS1039: Token not allowed after unary operator: '-light'
(1286,21): run-time error CSS1039: Token not allowed after unary operator: '-white'
(1287,26): run-time error CSS1039: Token not allowed after unary operator: '-transition'
(1325,21): run-time error CSS1039: Token not allowed after unary operator: '-white'
(1326,26): run-time error CSS1039: Token not allowed after unary operator: '-transition'
(1329,47): run-time error CSS1039: Token not allowed after unary operator: '-red_color'
(1342,30): run-time error CSS1039: Token not allowed after unary operator: '-red_color'
(1401,23): run-time error CSS1039: Token not allowed after unary operator: '-bold'
(1404,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(1448,18): run-time error CSS1039: Token not allowed after unary operator: '-white'
(1518,19): run-time error CSS1039: Token not allowed after unary operator: '-red_color'
(1519,24): run-time error CSS1039: Token not allowed after unary operator: '-transition'
(1521,46): run-time error CSS1039: Token not allowed after unary operator: '-red_color'
(1521,71): run-time error CSS1039: Token not allowed after unary operator: '-white'
(1552,75): run-time error CSS1039: Token not allowed after unary operator: '-white'
(1554,75): run-time error CSS1039: Token not allowed after unary operator: '-white'
(1556,77): run-time error CSS1039: Token not allowed after unary operator: '-white'
(1558,77): run-time error CSS1039: Token not allowed after unary operator: '-white'
(1560,75): run-time error CSS1039: Token not allowed after unary operator: '-white'
(1586,25): run-time error CSS1039: Token not allowed after unary operator: '-regular'
(1649,27): run-time error CSS1039: Token not allowed after unary operator: '-bold'
(1651,21): run-time error CSS1039: Token not allowed after unary operator: '-red_color'
(1657,21): run-time error CSS1039: Token not allowed after unary operator: '-navy_blue'
(1658,27): run-time error CSS1039: Token not allowed after unary operator: '-regular'
(1677,31): run-time error CSS1039: Token not allowed after unary operator: '-red_color'
(1768,29): run-time error CSS1039: Token not allowed after unary operator: '-bold'
(1857,31): run-time error CSS1039: Token not allowed after unary operator: '-bold'
(1886,25): run-time error CSS1039: Token not allowed after unary operator: '-bold'
(1888,72): run-time error CSS1039: Token not allowed after unary operator: '-white'
(1904,28): run-time error CSS1039: Token not allowed after unary operator: '-light_blue'
(1906,46): run-time error CSS1039: Token not allowed after unary operator: '-red_color'
(1920,31): run-time error CSS1039: Token not allowed after unary operator: '-light_blue'
(1927,26): run-time error CSS1039: Token not allowed after unary operator: '-light'
(1964,24): run-time error CSS1039: Token not allowed after unary operator: '-transition'
(1967,31): run-time error CSS1039: Token not allowed after unary operator: '-navy_blue'
(1968,20): run-time error CSS1039: Token not allowed after unary operator: '-light_blue'
(2033,32): run-time error CSS1039: Token not allowed after unary operator: '-white'
(2052,25): run-time error CSS1039: Token not allowed after unary operator: '-red_color'
(2058,33): run-time error CSS1039: Token not allowed after unary operator: '-light_blue'
(2067,21): run-time error CSS1039: Token not allowed after unary operator: '-navy_blue'
(2068,27): run-time error CSS1039: Token not allowed after unary operator: '-regular'
(2070,69): run-time error CSS1039: Token not allowed after unary operator: '-bold'
(2137,36): run-time error CSS1039: Token not allowed after unary operator: '-light_blue'
(2165,32): run-time error CSS1039: Token not allowed after unary operator: '-light_blue'
(2190,28): run-time error CSS1039: Token not allowed after unary operator: '-regular'
(2324,29): run-time error CSS1039: Token not allowed after unary operator: '-red_color'
(2330,24): run-time error CSS1039: Token not allowed after unary operator: '-bold'
(2332,23): run-time error CSS1039: Token not allowed after unary operator: '-transition'
(2333,18): run-time error CSS1039: Token not allowed after unary operator: '-red_color'
(2336,30): run-time error CSS1039: Token not allowed after unary operator: '-red_color'
(2337,19): run-time error CSS1039: Token not allowed after unary operator: '-white'
(2409,28): run-time error CSS1039: Token not allowed after unary operator: '-light_blue'
(2426,24): run-time error CSS1039: Token not allowed after unary operator: '-medium'
(2427,46): run-time error CSS1034: Expected closing parenthesis, found ','
(2427,46): run-time error CSS1042: Expected function, found ','
(2427,51): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(2428,38): run-time error CSS1034: Expected closing parenthesis, found ','
(2428,38): run-time error CSS1042: Expected function, found ','
(2428,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(2435,24): run-time error CSS1039: Token not allowed after unary operator: '-transition'
(2437,48): run-time error CSS1039: Token not allowed after unary operator: '-red_color'
(2437,73): run-time error CSS1039: Token not allowed after unary operator: '-white'
(2477,25): run-time error CSS1039: Token not allowed after unary operator: '-bold'
(2491,25): run-time error CSS1039: Token not allowed after unary operator: '-regular'
(2528,19): run-time error CSS1039: Token not allowed after unary operator: '-light_green'
(2576,29): run-time error CSS1039: Token not allowed after unary operator: '-white'
(2590,25): run-time error CSS1039: Token not allowed after unary operator: '-regular'
(2597,48): run-time error CSS1039: Token not allowed after unary operator: '-bold'
(2604,25): run-time error CSS1039: Token not allowed after unary operator: '-regular'
(2606,45): run-time error CSS1039: Token not allowed after unary operator: '-light_blue'
(2607,37): run-time error CSS1039: Token not allowed after unary operator: '-light_blue'
(2608,24): run-time error CSS1039: Token not allowed after unary operator: '-transition'
(2611,31): run-time error CSS1039: Token not allowed after unary operator: '-red_color'
(2655,24): run-time error CSS1039: Token not allowed after unary operator: '-bold'
(2662,24): run-time error CSS1039: Token not allowed after unary operator: '-regular'
(2688,28): run-time error CSS1039: Token not allowed after unary operator: '-light_blue'
(2691,23): run-time error CSS1039: Token not allowed after unary operator: '-medium'
(2692,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(2699,33): run-time error CSS1039: Token not allowed after unary operator: '-red_color'
(2701,23): run-time error CSS1039: Token not allowed after unary operator: '-regular'
(2716,30): run-time error CSS1039: Token not allowed after unary operator: '-red_color'
(2724,25): run-time error CSS1039: Token not allowed after unary operator: '-bold'
(2738,38): run-time error CSS1039: Token not allowed after unary operator: '-red_color'
(2773,18): run-time error CSS1039: Token not allowed after unary operator: '-white'
(2782,25): run-time error CSS1039: Token not allowed after unary operator: '-bold'
(2789,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(2790,19): run-time error CSS1039: Token not allowed after unary operator: '-white'
(2839,24): run-time error CSS1039: Token not allowed after unary operator: '-bold'
(2840,18): run-time error CSS1039: Token not allowed after unary operator: '-dakr_navy'
(2865,21): run-time error CSS1039: Token not allowed after unary operator: '-red_color'
(2866,27): run-time error CSS1039: Token not allowed after unary operator: '-bold'
(2888,25): run-time error CSS1039: Token not allowed after unary operator: '-medium'
(2899,78): run-time error CSS1039: Token not allowed after unary operator: '-red_color'
(2907,46): run-time error CSS1039: Token not allowed after unary operator: '-red_color'
(2908,38): run-time error CSS1039: Token not allowed after unary operator: '-red_color'
(2912,24): run-time error CSS1039: Token not allowed after unary operator: '-medium'
(2918,19): run-time error CSS1039: Token not allowed after unary operator: '-white'
(2923,25): run-time error CSS1039: Token not allowed after unary operator: '-medium'
(2955,22): run-time error CSS1039: Token not allowed after unary operator: '-bold'
(3002,25): run-time error CSS1039: Token not allowed after unary operator: '-bold'
(3028,24): run-time error CSS1039: Token not allowed after unary operator: '-transition'
(3052,28): run-time error CSS1039: Token not allowed after unary operator: '-bold'
(3065,28): run-time error CSS1039: Token not allowed after unary operator: '-bold'
(3088,63): run-time error CSS1039: Token not allowed after unary operator: '-bold'
(3093,30): run-time error CSS1039: Token not allowed after unary operator: '-bold'
(3101,29): run-time error CSS1039: Token not allowed after unary operator: '-red_color'
(3198,44): run-time error CSS1039: Token not allowed after unary operator: '-navy_blue'
(3201,26): run-time error CSS1039: Token not allowed after unary operator: '-bold'
(3210,65): run-time error CSS1039: Token not allowed after unary operator: '-navy_blue'
(3212,27): run-time error CSS1039: Token not allowed after unary operator: '-navy_blue'
(3245,79): run-time error CSS1039: Token not allowed after unary operator: '-bold'
(3249,28): run-time error CSS1039: Token not allowed after unary operator: '-bold'
(3259,29): run-time error CSS1039: Token not allowed after unary operator: '-medium'
(3263,23): run-time error CSS1039: Token not allowed after unary operator: '-navy_blue'
(3350,29): run-time error CSS1039: Token not allowed after unary operator: '-transition'
(3363,31): run-time error CSS1039: Token not allowed after unary operator: '-bold'
(3402,29): run-time error CSS1039: Token not allowed after unary operator: '-bold'
(3407,59): run-time error CSS1039: Token not allowed after unary operator: '-red_color'
(3416,28): run-time error CSS1039: Token not allowed after unary operator: '-transition'
(3419,57): run-time error CSS1039: Token not allowed after unary operator: '-navy_blue'
(3451,37): run-time error CSS1039: Token not allowed after unary operator: '-navy_blue'
(3469,37): run-time error CSS1039: Token not allowed after unary operator: '-navy_blue'
(3473,70): run-time error CSS1039: Token not allowed after unary operator: '-navy_blue'
(3489,39): run-time error CSS1039: Token not allowed after unary operator: '-light_blue'
(3502,21): run-time error CSS1039: Token not allowed after unary operator: '-red_color'
(3504,27): run-time error CSS1039: Token not allowed after unary operator: '-bold'
(3532,32): run-time error CSS1039: Token not allowed after unary operator: '-navy_blue'
(3536,51): run-time error CSS1039: Token not allowed after unary operator: '-light_blue'
(3585,25): run-time error CSS1039: Token not allowed after unary operator: '-medium'
(3591,50): run-time error CSS1039: Token not allowed after unary operator: '-red_color'
(3598,25): run-time error CSS1039: Token not allowed after unary operator: '-regular'
(3599,24): run-time error CSS1039: Token not allowed after unary operator: '-transition'
(3603,51): run-time error CSS1039: Token not allowed after unary operator: '-navy_blue'
(3613,25): run-time error CSS1039: Token not allowed after unary operator: '-transition'
(3615,26): run-time error CSS1039: Token not allowed after unary operator: '-regular'
(3617,46): run-time error CSS1039: Token not allowed after unary operator: '-navy_blue'
(3622,48): run-time error CSS1039: Token not allowed after unary operator: '-red_color'
(3662,22): run-time error CSS1039: Token not allowed after unary operator: '-transition'
(3674,23): run-time error CSS1039: Token not allowed after unary operator: '-transition'
(3712,26): run-time error CSS1039: Token not allowed after unary operator: '-bold'
(3715,49): run-time error CSS1039: Token not allowed after unary operator: '-red_color'
(3716,41): run-time error CSS1039: Token not allowed after unary operator: '-red_color'
(3718,20): run-time error CSS1039: Token not allowed after unary operator: '-red_color'
(3736,26): run-time error CSS1039: Token not allowed after unary operator: '-bold'
(3763,23): run-time error CSS1039: Token not allowed after unary operator: '-light_blue'
(3812,28): run-time error CSS1039: Token not allowed after unary operator: '-transition'
(3819,35): run-time error CSS1039: Token not allowed after unary operator: '-navy_blue'
(3838,36): run-time error CSS1039: Token not allowed after unary operator: '-navy_blue'
(3839,36): run-time error CSS1039: Token not allowed after unary operator: '-navy_blue'
(3871,24): run-time error CSS1039: Token not allowed after unary operator: '-transition'
(3903,22): run-time error CSS1039: Token not allowed after unary operator: '-transition'
(3921,23): run-time error CSS1039: Token not allowed after unary operator: '-bold'
(3925,22): run-time error CSS1039: Token not allowed after unary operator: '-transition'
(3942,26): run-time error CSS1039: Token not allowed after unary operator: '-transition'
(4009,24): run-time error CSS1039: Token not allowed after unary operator: '-medium'
(4074,55): run-time error CSS1039: Token not allowed after unary operator: '-bold'
(4088,24): run-time error CSS1039: Token not allowed after unary operator: '-medium'
(4107,30): run-time error CSS1039: Token not allowed after unary operator: '-red_color'
(4111,24): run-time error CSS1039: Token not allowed after unary operator: '-transition'
(4114,50): run-time error CSS1039: Token not allowed after unary operator: '-navy_blue'
(4120,36): run-time error CSS1039: Token not allowed after unary operator: '-light_blue'
(4130,31): run-time error CSS1039: Token not allowed after unary operator: '-light_blue'
(4135,25): run-time error CSS1039: Token not allowed after unary operator: '-transition'
(4147,26): run-time error CSS1039: Token not allowed after unary operator: '-transition'
(4150,62): run-time error CSS1039: Token not allowed after unary operator: '-navy_blue'
(4155,30): run-time error CSS1039: Token not allowed after unary operator: '-light_blue'
(4158,25): run-time error CSS1039: Token not allowed after unary operator: '-bold'
(4213,18): run-time error CSS1039: Token not allowed after unary operator: '-red_color'
(4259,15): run-time error CSS1039: Token not allowed after unary operator: '-green_color'
(4260,37): run-time error CSS1039: Token not allowed after unary operator: '-green_color'
(4264,26): run-time error CSS1039: Token not allowed after unary operator: '-green_color'
(4270,29): run-time error CSS1039: Token not allowed after unary operator: '-light_green'
(4286,67): run-time error CSS1039: Token not allowed after unary operator: '-green_color'
(4290,58): run-time error CSS1039: Token not allowed after unary operator: '-green_color'
(4292,47): run-time error CSS1039: Token not allowed after unary operator: '-white'
(4372,20): run-time error CSS1039: Token not allowed after unary operator: '-white'
(4418,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4470,89): run-time error CSS1039: Token not allowed after unary operator: '-green_color'
(4579,23): run-time error CSS1039: Token not allowed after unary operator: '-medium'
(4724,17): run-time error CSS1039: Token not allowed after unary operator: '-green_color'
(4737,23): run-time error CSS1039: Token not allowed after unary operator: '-bold'
(4738,17): run-time error CSS1039: Token not allowed after unary operator: '-light_green'
(4750,23): run-time error CSS1039: Token not allowed after unary operator: '-bold'
(4756,21): run-time error CSS1039: Token not allowed after unary operator: '-regular'
(4771,17): run-time error CSS1039: Token not allowed after unary operator: '-light_green'
(4802,23): run-time error CSS1039: Token not allowed after unary operator: '-regular'
(4819,23): run-time error CSS1039: Token not allowed after unary operator: '-bold'
(4865,23): run-time error CSS1039: Token not allowed after unary operator: '-bold'
(4875,23): run-time error CSS1039: Token not allowed after unary operator: '-regular'
(4942,23): run-time error CSS1039: Token not allowed after unary operator: '-regular'
(4947,92): run-time error CSS1039: Token not allowed after unary operator: '-regular'
(4956,17): run-time error CSS1039: Token not allowed after unary operator: '-green_color'
(4964,23): run-time error CSS1039: Token not allowed after unary operator: '-regular'
(4966,22): run-time error CSS1039: Token not allowed after unary operator: '-transition'
(4976,105): run-time error CSS1039: Token not allowed after unary operator: '-public_color'
(5011,23): run-time error CSS1039: Token not allowed after unary operator: '-medium'
(5043,17): run-time error CSS1039: Token not allowed after unary operator: '-public_color'
(5044,23): run-time error CSS1039: Token not allowed after unary operator: '-medium'
(5056,22): run-time error CSS1039: Token not allowed after unary operator: '-transition'
(5061,35): run-time error CSS1039: Token not allowed after unary operator: '-public_color'
(5077,23): run-time error CSS1039: Token not allowed after unary operator: '-bold'
(5082,22): run-time error CSS1039: Token not allowed after unary operator: '-public_color'
(5102,17): run-time error CSS1039: Token not allowed after unary operator: '-public_color'
(5103,23): run-time error CSS1039: Token not allowed after unary operator: '-bold'
(5112,28): run-time error CSS1039: Token not allowed after unary operator: '-public_color'
(5113,17): run-time error CSS1039: Token not allowed after unary operator: '-public_color'
(5129,15): run-time error CSS1039: Token not allowed after unary operator: '-public_color'
(5132,15): run-time error CSS1039: Token not allowed after unary operator: '-public_color'
(5135,15): run-time error CSS1039: Token not allowed after unary operator: '-public_color'
(5138,15): run-time error CSS1039: Token not allowed after unary operator: '-public_color'
(5145,24): run-time error CSS1039: Token not allowed after unary operator: '-public_color'
(5147,17): run-time error CSS1039: Token not allowed after unary operator: '-public_color'
(5155,28): run-time error CSS1039: Token not allowed after unary operator: '-public_color'
(5166,24): run-time error CSS1039: Token not allowed after unary operator: '-public_color'
(5169,18): run-time error CSS1039: Token not allowed after unary operator: '-public_color'
(5170,25): run-time error CSS1039: Token not allowed after unary operator: '-public_color'
(5175,29): run-time error CSS1039: Token not allowed after unary operator: '-public_color'
(5179,28): run-time error CSS1039: Token not allowed after unary operator: '-public_color'
(5185,17): run-time error CSS1039: Token not allowed after unary operator: '-public_color'
(5186,22): run-time error CSS1039: Token not allowed after unary operator: '-transition'
(5188,23): run-time error CSS1039: Token not allowed after unary operator: '-medium'
(5191,36): run-time error CSS1039: Token not allowed after unary operator: '-public_color'
(5250,19): run-time error CSS1039: Token not allowed after unary operator: '-public_color'
(5253,19): run-time error CSS1039: Token not allowed after unary operator: '-transition'
(5260,67): run-time error CSS1039: Token not allowed after unary operator: '-transition'
(5272,22): run-time error CSS1039: Token not allowed after unary operator: '-transition'
(5302,48): run-time error CSS1039: Token not allowed after unary operator: '-public_color'
(5302,82): run-time error CSS1039: Token not allowed after unary operator: '-public_color'
(5305,44): run-time error CSS1039: Token not allowed after unary operator: '-public_color'
(5311,17): run-time error CSS1039: Token not allowed after unary operator: '-public_color'
(5319,17): run-time error CSS1039: Token not allowed after unary operator: '-navy_blue'
(5320,23): run-time error CSS1039: Token not allowed after unary operator: '-medium'
(5358,65): run-time error CSS1039: Token not allowed after unary operator: '-public_color'
(5396,28): run-time error CSS1039: Token not allowed after unary operator: '-public_color'
(5404,23): run-time error CSS1039: Token not allowed after unary operator: '-medium'
(5415,19): run-time error CSS1039: Token not allowed after unary operator: '-public_color'
(5455,65): run-time error CSS1039: Token not allowed after unary operator: '-red_color'
(5455,111): run-time error CSS1039: Token not allowed after unary operator: '-red_color'
(5504,22): run-time error CSS1039: Token not allowed after unary operator: '-red_color'
(5505,22): run-time error CSS1039: Token not allowed after unary operator: '-transition'
(5509,23): run-time error CSS1039: Token not allowed after unary operator: '-meduim'
(5513,13): run-time error CSS1039: Token not allowed after unary operator: '-red_color'
(5527,17): run-time error CSS1039: Token not allowed after unary operator: '-light_green'
(5529,23): run-time error CSS1039: Token not allowed after unary operator: '-medium'
(5573,17): run-time error CSS1039: Token not allowed after unary operator: '-light_green'
(5614,36): run-time error CSS1039: Token not allowed after unary operator: '-red_color'
(5665,17): run-time error CSS1039: Token not allowed after unary operator: '-public_color'
(5685,22): run-time error CSS1039: Token not allowed after unary operator: '-public_color'
(5743,23): run-time error CSS1039: Token not allowed after unary operator: '-bold'
(5828,23): run-time error CSS1039: Token not allowed after unary operator: '-bold'
(6026,98): run-time error CSS1039: Token not allowed after unary operator: '-green_color'
(6170,29): run-time error CSS1039: Token not allowed after unary operator: '-white'
(6834,37): run-time error CSS1039: Token not allowed after unary operator: '-regular'
(7084,23): run-time error CSS1039: Token not allowed after unary operator: '-bold'
(7142): run-time error CSS1030: Expected identifier, found ' '
(7213,24): run-time error CSS1039: Token not allowed after unary operator: '-regular'
(7230,1): run-time error CSS1019: Unexpected token, found '}'
 */
/* Fonts */
@import 'bootstrap.css';
@import 'slick.css';
@import 'fonts.css';
@import 'focuspoint.css';
@import 'jquery.nailthumb.1.1.css';
@import 'fontawesome-all.min.css';
@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,700');


* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}


body {
	font-size: 14px;
	line-height: 26px;
	background-color: #fff;
	color: var(--font_color);
	font-family: 'DIN Light', sans-serif;
}
body.urdu,
.urduLang {
	font-family: 'Jameel-Noori-Nastaleeq';
}
body.eng {
	font-family: var(--regular);
}


body.noScroll {
    overflow-x: hidden;
    overflow-y: hidden;
}

:root {
	--font_color: #404758;
	--red_color: #eb2d25;
	--navy_blue: #2c3241;
	--light_blue: #737b91;
	--white: #fff;
	--bold: 'DIN Bold', sans-serif;
	--medium: 'DIN Medium', sans-serif;
	--light: 'DIN Light', sans-serif;
	--regular: 'DIN Regular', sans-serif;
	--transition: all 0.3s ease-in ;

	--green_color: #10502f;
	--light_green: #048d4c;
	--public_color:#008f9f;

}

.rtl {direction: rtl;}
.ltr {direction: ltr;}

.leftSide, .left {float: left;}
.rightSide, .right {float: right;}
a {color: #545454; text-decoration: none; }
ul {list-style: none;}
img { width: 100%; border: 0;display: block;}
input:focus, button:focus {outline: none;}


section {
	float: left;
	position: relative;
	width: 100%;
}

.f_light {font-family: var(--bold);}
.f_regular {font-family: var(--regular);}
.f_medium {font-family: var(--medium);}
.f_bold {font-family: var(--bold);}
.red_color {color: var(--red_color);}


body::-webkit-scrollbar { 
	width: 6px; height: 2px;
}
body::-webkit-scrollbar-track { 
	background: transparent; 
}
body::-webkit-scrollbar-thumb { 
	background: var(--red_color);
}

.mainMenu > ul > li > ul.subMenu > li > ul.subChildMenu::-webkit-scrollbar {width: 0px; height: 0px; }
.mainMenu > ul > li > ul.subMenu > li > ul.subChildMenu::-moz-scrollbar {width: 0px; height: 0px; }
.mainMenu > ul > li > ul.subMenu > li > ul.subChildMenu::-webkit-scrollbar-track {background: transparent;}
.mainMenu > ul > li > ul.subMenu > li > ul.subChildMenu::-moz-scrollbar-track {background: transparent;}
.mainMenu > ul > li > ul.subMenu > li > ul.subChildMenu::-webkit-scrollbar-thumb {background: var(--red_color);}
.mainMenu > ul > li > ul.subMenu > li > ul.subChildMenu::-moz-scrollbar-thumb {background: var(--red_color);}

/* ================ [ Donation Button ] ================ */
	.donationBtn {
		width: 52px;
	    height: 45px;
	    position: fixed;
	    top: 20vh;
	    right: 0;
	    background-color: var(--red_color);
	    z-index: 15;
	    display: block;
	    text-align: center;
	    line-height: 45px;
	    font-size: 16px;
	    font-family: var(--bold);
	    text-transform: uppercase;
	    transition: all 0.5s ease; 
	    overflow: hidden;
	    white-space: nowrap;
	    border-top-left-radius: 5px;
	    border-bottom-left-radius: 5px;
	    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3);
	    box-shadow: 0 0 10px rgba(0,0,0,0.3);
	}
	.donationBtn.Mobl{display: none;}
		.donationBtn:hover { width: 200px; }
		.donationBtn a {
			color: var(--white);letter-spacing: 1px;
			display: block;
			padding: 0 15px 0 0;
			position: relative;
		}
			.donationBtn a:before {
				content: "\f4be";
			    font-family: "Font Awesome 5 Free";
			    font-weight: 900;
			    width: 55px;
			    height: 30px;
			    margin-right: 16px;
			    font-size: 26px;
			    border-right: 1px solid #fff;
			    display: inline-block;
			    vertical-align: -3px;
			    line-height: 32px;
			        -webkit-text-stroke: 1px #eb2d25;
			}

		.donate_ppup_cnt {
		    width: 100%;
		    height: 100%;
		    position: fixed;
		    top: 0;
		    left: 0;
		    background-color: rgba(0,0,0,0.85);
		    z-index: 20;
		}
			.donate_ppup_txt {
			    margin: 100px auto;
			    max-width: 600px;
			    background-color: #fff;
			    padding: 60px 50px 30px 50px;
			    border-radius: 6px;
			    text-align: center;
			    position: relative;
			}
				.cls_icn {
				    width: 30px;
				    height: 30px;
				    position: absolute;
				    top: 5px;
				    right: 10px;
				    cursor: pointer;
				}
					.cls_icn:before, .cls_icn:after {
					    position: absolute;
					    content: '';
					    width: 1px;
					    height: 90%;
					    background-color: var(--light_blue);
					    left: 17px;
					    top: 2.5px;
					}
						.cls_icn:hover:before, .cls_icn:hover:after { background-color: var(--red_color); }
					.cls_icn:before {transform: rotate(45deg); }
					.cls_icn:after {transform: rotate(-45deg); }
				.donate_ppup_txt p {
				    font-size: 22px;
				    line-height: 30px;
				    margin-bottom: 30px;
				    font-family: var(--regular);
				}
				.donate_ppup_txt .dnt_btn {
				    display: inline-block;
				    height: 50px;
				    line-height: 50px;
				    background-color: var(--red_color);
				    padding: 0 30px;
				    color: #fff;
				    font-size: 16px;
				    transition: all 0.5s ease;
				    border-radius: 3px;
				    text-transform: uppercase;
				    font-family: var(--bold);
				    letter-spacing: 2px;
				}
					.donate_ppup_txt .dnt_btn:hover {background-color: var(--navy_blue);}

		.animated {animation-duration: 1s; animation-fill-mode: both;}
		.animated.infinite {animation-iteration-count: infinite; }
		@keyframes bounceInDown {
			from, 60%, 75%, 90%, to {animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
			0% {
				opacity: 0;
				transform: translate3d(0, -3000px, 0);
			}
			60% {
				opacity: 1;
				transform: translate3d(0, 25px, 0);
			}
			75% {transform: translate3d(0, -10px, 0); }
			90% {transform: translate3d(0, 5px, 0); }
			to {transform: none; }
		}
		.bounceInDown {animation-name: bounceInDown; }
/* ================ [// Donation Button] ================ */

/* ================ [ Top Scroll Button ] ================ */
	.top_scroll_btn {
	    position: fixed;
	    bottom: -100px;
	    right: 30px;
	    z-index: 19;
	    transition: all 0.8s;
	    text-align: center;
	    line-height: 40px;
	    width: 40px;
	    height: 40px;
	    background-color: #fff;
	    font-size: 20px;
	    border-radius: 50px;
	    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.6);
	    box-shadow: 0 0 15px rgba(0,0,0,0.6);
	    overflow: hidden;
	}
		.top_scroll_btn a {display: block;}
		.top_scroll_btn:hover a {background-color: var(--red_color); color: var(--white);}
/* ================ [// Top Scroll Button ] ================ */

/* ================ [header] ================ */

	header {
		height: 70px;
		background-color: #fff;	
		box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 10;
		transition: var(--transition);
	}
	.nav-up {top: -73px; }
		/* < -------------- Hamburger Menu -------------- > */
		.hmbrgrMenu {
			width: 30px;
			height: 22px;
			float: left;
			margin: 25px 20px 0 0;
			position: relative;
			cursor: pointer;
		}
			.arwCnt {
				width: 100%;
				height: 100%;
				position: relative;
			}
				.arwCnt .arw1, 
				.arwCnt .arw2, 
				.arwCnt .arw3 { 
					display: block;
					position: absolute;
					width: 100%;
					height: 1px;
					background-color: #23293d;
					transition: var(--transition);
				}
					.arwCnt .arw1 {top: 3px;}
					.arwCnt .arw2 {top: 10px;}
					.arwCnt .arw3 {top: 17px;}

				.arwCnt:hover .arw1,
				.arwCnt:hover .arw2,
				.arwCnt:hover .arw3,
				.hmbrgrMenu.active .arwCnt .arw1,
				.hmbrgrMenu.active .arwCnt .arw2,
				.hmbrgrMenu.active .arwCnt .arw3 {background-color: var(--red_color);}

				.hmbrgrMenu.active .arwCnt .arw1 { transform: rotate(45deg); top: 10px; } 
				.hmbrgrMenu.active .arwCnt .arw2 {width: 0;}
				.hmbrgrMenu.active .arwCnt .arw3 { transform: rotate(-45deg); top: 11px; }

		/* < -------------- Hamburger Menu Popup -------------- > */

				.hmbrgrMenuCnt {
					width: 100vw;
					height: 95vh;
					background-color: rgba(0, 0, 0, 0.90);
					position: fixed;
					top: 70px;
					left: 0;
					z-index: 20;
				}
					.menuBrCnt {
						width: 330px;
						height: 100vw;
						background-color: #fff;
						margin-left: -20px;
						position: relative;
						z-index: 20;
					}
						.menuBrCnt ul {width: 100%;}
							.menuBrCnt ul li {display: block; position: relative;}
								.menuBrCnt ul > li > a {
									display: block;
									height: 45px;
									line-height: 45px;
									color: var(--navy_blue);
									text-transform: uppercase;
									font-size: 20px;
									letter-spacing: 1px;
									font-family: var(--regular);
									padding: 0 20px;
									border-bottom: 1px solid var(--light_blue);
									transition: var(--transition);
								}
									.menuBrCnt ul > li:hover > a {
										background-color: var(--light_blue);
										font-family: var(--bold);
										color: var(--white);
									}
								
									.menuBrCnt ul > li.sbMenu:after,
									.menuBrCnt ul > li .mblArw {
										position: absolute;
										font-family: "Font Awesome 5 Free";
									    font-weight: 900;
									    content: "\f054";
										width: 30px;
										height: 30px;
										line-height: 30px;
										right: 0;
										top: 7px;
										right: 15px;
										text-align: center;
										color: var(--navy_blue);
										transition: var(--transition);
									}
									.menuBrCnt ul > li.sbMenu:hover:after,
									.menuBrCnt ul > li .mblArw.active {
										transform: rotate(180deg);
										color: #fff;
									}
									.menuBrCnt ul > li .mblArw {display: none;}
								
								.menuBrCnt ul > li > ul.hmbrgrSubMenu {
									position: absolute;
									left: 100%;
									top: 0;
									width: 320px;
									background-color: var(--light_blue);
									display: none;
									transition: var(--transition);
								}
									.menuBrCnt ul > li:hover > ul.hmbrgrSubMenu {display: block;}
									.menuBrCnt ul > li > ul.hmbrgrSubMenu li a {
										font-size: 18px;
										border-bottom: 1px solid var(--white);
										color: var(--white);
									}
										.menuBrCnt ul > li > ul.hmbrgrSubMenu li:last-child a {border-bottom: 0;}
										.menuBrCnt ul > li > ul.hmbrgrSubMenu li:hover a {
											background-color: var(--navy_blue);
										}
										
										/* ul.hmbrgrSubMenu li:hover:after {
											position: absolute;
											content: '';
											border-top: 8px solid transparent;
											border-bottom: 8px solid transparent;
											border-right: 8px solid #fff;
											right: 0;
											top: 15px;
										} */

										.hmbrgrMenuBg {
											width: 430px;
											height: 270px;
											position: absolute;
											left: 100%;
											top: 0;
											overflow: hidden;
											display: none;
										}
										ul.hmbrgrSubMenu li:hover .hmbrgrMenuBg {display: block;}
											.hmbrgrMenuBg:after {
												content: '';
												width: 90%;
												height: 235px;
												border: 4px solid #fff;
												position: absolute;
												left: 15px;
												top: 12px;
												transition: var(--transition);
												pointer-events: none;
											}

											.subChildMenu2 {
												position: absolute;
												left: 100%;
												top: 0;
												display: none;
											}
												.menuBrCnt ul > li > ul > li > .subChildMenu2 > li > a {font-size: 15px;}
												.menuBrCnt ul > li > ul > li:hover .subChildMenu2 {display: block;}
												.menuBrCnt ul > li > ul.hmbrgrSubMenu li ul li:hover a {
													background-color: #5a6c9a;
													font-family: var(--regular);
												}
												.menuBrCnt ul > li > ul.hmbrgrSubMenu li ul li a {text-transform: initial;}
												.menuBrCnt ul li ul.hmbrgrSubMenu li:last-child ul li a {border-bottom: 1px solid #fff;}	



		/* < -------------- Donation Button -------------- > */

					.menuBrCnt .donationBnt {
						width: 100%;
						padding: 40px;
					}
						.menuBrCnt .donationBnt a {
							display: block;
							background-color: var(--navy_blue);
							height: 60px;
							line-height: 60px;
							text-align: center;
							font-size: 20px;
							font-family: var(--bold);
							text-transform: uppercase;
							letter-spacing: 2px;
							color: var(--white);
							position: relative;
							transition: var(--transition);
						}
							.menuBrCnt .donationBnt a:after {
								content: '';
								width: 90%;
								height: 40px;
								border: 2px solid #fff;
								position: absolute;
								left: 10px;
								top: 8px;
								transition: var(--transition);
								pointer-events: none;
							}
								.menuBrCnt .donationBnt a:hover {
									background-color: var(--red_color);
								}
								.menuBrCnt .donationBnt a:hover:after {
									width: 100%;
									height: 60px;
									left: -1px;
									top: 0;
								}


		/* < -------------- Jamia Logo -------------- > */
		.jamiaLogo {
			float: left;
			width: 260px;
			height: 60px;
			margin-top: 5px;
			cursor: pointer;
		}
.jmaLogo {
	width: 100%;
	height: 100%;
	display: block;
	background-image: url('../img/logo_website.jpg');
}

		/* < -------------- Navigation -------------- > */

		/* < -------------- Main Menu -------------- > */		
		.mainMenu {
			position: relative;
			float: left;
			height: 45px;
			margin-top: 25px;
		}
			.mainMenu > ul {}
				.mainMenu > ul li {
					display: inline-block;
					position: relative;
				}
					.mainMenu > ul > li > a {
						text-transform: uppercase;
						font-size: 15px;
						color: #2c3241;
						margin-right: 15px;
						letter-spacing: 1px;
						font-family: 'DIN Regular', sans-serif;
						padding-bottom: 23px;
						transition: all 0.3s ease-in;
					}
						.mainMenu ul > li:last-child > a {margin-right: 0; }					
						.mainMenu > ul > li:hover > a {
							box-shadow: inset 0 -4px 0 0 var(--red_color);
							color: var(--red_color);
						}
						.mainMenu > ul > li.active > a {
							font-family: 'DIN Bold', sans-serif;
							box-shadow: inset 0 -4px 0 0 var(--navy_blue);
						}
						.mainMenu > ul > li.active:hover > a {color: var(--navy_blue);}

		/* < -------------- Sub Menu -------------- > */		
					.mainMenu > ul > li > ul.subMenu {
						position: fixed;
						background-color: var(--navy_blue);
						width: 100vw;
						height: 0;
						line-height: 45px;
						left: 0;
						top: 70px;
						text-align: center;
						overflow: hidden;
						transition: var(--transition);
					}
					.mainMenu > ul > li > ul.subMenu.scrollUp {top: 0;}
						ul.subMenu > li > a {
							display: block;
							text-transform: uppercase;
							font-size: 14px;
							font-family: var(--regular);
							letter-spacing: 1px;
							color: var(--white);
							padding: 0 15px;
						}
							ul.subMenu > li:hover > a {background-color: var(--light_blue);}
							ul.subMenu > li.active > a {
								font-family: var(--bold);
								background-color: var(--light_blue);
							}

		/* < -------------- Sub Child Menu -------------- > */		
							.mainMenu > ul > li > ul.subMenu > li > ul.subChildMenu {
								position: fixed;
								background-color: var(--light_blue);
								width: 100vw;
								height: 0;
								line-height: 35px;
								left: 0;
								top: 115px;
								text-align: center;
								overflow: hidden;
								transition: var(--transition);
								overflow-x: auto;
    							white-space: nowrap;
							}
							.mainMenu > ul > li > ul.subMenu > li > ul.subChildMenu.scrollUp2,
							.mainMenu > ul > li > ul.subMenu > li > ul.subChildMenu.scrollUp3 {top: 45px;}
								ul.subChildMenu li a {
									padding: 4px 20px;
									color: var(--white);
									border-radius: 20px;
									font-size: 13px;
								}
									ul.subChildMenu li.active a,
									ul.subChildMenu li:hover a {
										background-color: #42485b;
									}


		body.home .mainMenu > ul > li.active > ul.subMenu,
		body.home .mainMenu > ul > li.active > ul.subMenu > li.active > ul.subChildMenu { display: none; }
		.mainMenu > ul > li.active > ul.subMenu { height: 45px; }
		.mainMenu > ul > li.active > ul.subMenu > li.active > ul.subChildMenu {height: 35px;}


		.langBar {
			position: relative;
			float: left;
			width: 70px;
			height: 30px;
			line-height: 30px;
			background-color: #e6e6e6;
			margin: 23px 0 0 15px;
			padding: 0 8px;
			text-transform: uppercase;
			border-radius: 3px;
			letter-spacing: 1px;
			font-family: var(--bold);
			border: 1px solid #ddd;
			cursor: pointer;
			z-index: 1;
		}
			.langBar.active {
				background-color: var(--navy_blue);
				color: var(--white);
			}
			
			.dwnArw {
				position: absolute;
				right: 8px;
				top: 0;
				font-size: 13px;
				transition: var(--transition);
			}
				.langBar.active .dwnArw { transform: rotateX(180deg); }

			.searchIcon {
				float: left;
				width: 30px;
				height: 30px;
				line-height: 30px;
				text-align: center;
				margin: 23px 0 0 15px;
				transition: var(--transition);
				cursor: pointer;
			}
				.searchIcon:hover {color: var(--red_color);}


			.langDrpdwn {
				width: 100%;
				position: absolute;
				top: 30px;
				left: 0;
				z-index: 0;
			}
				.langDrpdwn li {
					display: block;
					overflow: hidden;
					margin-bottom: 1px;
					height: 0;
					/*transition: var(--transition);*/
				}
					.langBar.active .langDrpdwn li { height: 30px; }
					.langDrpdwn li:last-child {border-bottom: 0;}

					.langDrpdwn li a {
						display: block;
						padding: 0 8px;
						background-color: #ccc;
						height: 100%;
					}
						.langDrpdwn li.urduLang {line-height: 22px;}
						.langDrpdwn li.urduLang a {
							font-size: 30px;
							text-align: right;
						}
						.langDrpdwn li:hover a {background-color: var(--red_color); color: var(--white);}
/* ================ [// header] ================ */

/* ====================================================================================================== */

/* ================ [ Jamia - Home Page ] ================ */
	/* ================ [ Slider ] ================ */
section.sliderSec {
	margin-top: 70px;
	position: absolute;
	left: 0;
	right: 0;
}
		.sliderSec button.slick-arrow {
		    position: absolute;
		    top: 50%;cursor: pointer;
		    z-index: 1;
		    width: 40px;
		    height: 40px;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    background: #fff;
		    color: #333;
		    border-radius: 50%;
		    transform: translateY(-50%);
		    border: 0;
		    box-shadow: 0 0 15px rgba(0,0,0,0.6);
		}
		.sliderSec button.slick-prev.pull-left.slick-arrow {
		    left: 15px;
		}
		.sliderSec button.slick-next.pull-right.slick-arrow {
		    right: 15px;
		}
			.slider_cnt {
				width: 100%;
				max-height: 590px;
				background-color: #ccc;
				overflow: hidden;
			}
			.slider_cnt .slick-dots button {display: none;}
			.slider_cnt .slick-dots {
				position: absolute;
				bottom: 15px;
				left: 50%;
				transform: translateX(-50%);
				z-index: 2;
			}
				.slider_cnt .slick-dots li {
					width: 12px;
					height: 12px;
					background-color: #757880;
					display: inline-block;
					margin-right: 5px;
					position: relative;
					border-radius: 30px;
					
				}
					.slider_cnt .slick-dots li:last-child {margin-right: 0;}
					.slider_cnt .slick-dots li.slick-active {
						background-color: var(--white);
						-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
						box-shadow: 0 0 10px rgba(0,0,0,0.5);
					}
	/* ================ [  // Slider ] ================ */

	/* ================ [ New Updates ] ================ */
		.nwUpdtCnt {
			width: 100%;
			height: 60px;
			line-height: 60px;
			background-color: var(--navy_blue);
			z-index: 0;
			position: relative;
			overflow: hidden;
			white-space: nowrap;	
		}
			.allUpdtsSpan {
				position: absolute;
				height: 100%;
				padding: 0 20px;
				left: 0;
				background-color: var(--red_color);
				font-family: var(--medium);
				font-size: 20px;
				text-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
				color: var(--white);
				z-index: 2;
			}
				.allUpdtsSpan:after {
					position: absolute;
					content: '';
					border-top: 30px solid transparent;
					border-bottom: 30px solid transparent;
					border-left: 20px solid #eb2d25;
					left: 100%;
					top: 0;
				}
				.updatesCnt {
					width: 100%;
					float: left;
					position: relative;
					padding-left: 150px;
					margin-top: 3px;				
					/* animation: scroll 0.1s infinite linear; */				
				}
					/* @keyframes scroll {
					    0% {transform: translate(0, 0);}
					    100% {transform: translate(-100%, 0)}
					} */

					.updatesCnt:hover {animation-play-state: paused;}
					.updatesCnt li { display: inline-block; position: relative; }
						.updatesCnt li a {
							display: block;
							font-size: 16px;
							font-family: var(--regular);
							background-color: var(--white);
							padding: 0 15px;
							height: 35px;
							line-height: 35px;
							margin-top: 10px;
							float: left;
							border-radius: 4px;
							margin-right: 10px;
						}
							.updatesCnt li:hover a {

							}
							.updatesCnt li a:before {
								font-family: "Font Awesome 5 Free";
							    font-weight: 900;
							    content: "\f0da";
								margin-right: 10px;
								color: var(--red_color);
								font-size: 20px;
								line-height: 36px;
								float: left;
							}
	/* ================ [ // New Updates ] ================ */

	/* ================ [ About Jamia Home ] ================ */
		section.abtJmaHm,
		section.glryHmSec,
		section.testimoniaSec,
		section.abtMissionVisionSec,
		section.abtDownloadSec,
		section.stdyCntrDtlSec,
		section.examinationSec,
		section.subPageTpSection,
		section.eligibilityCnt,
		section.feeStrctrSec,
		section.newAdmsionSec,
		section.evntDtlSec {
			background-image: url('../img/jamia_bg_pattern.jpg');
			background-attachment: fixed;
			padding: 110px 0;
		}
			.abtJmaHm:before,
			.ltstEvntSec:before,
			.glryHmSec:before,
			.testimoniaSec:before,
			.abtMissionVisionSec:before,
			.abtDownloadSec:before,
			.subPageTpSection:before,
			.eligibilityCnt:before,
			.feeStrctrSec:before,
			.newAdmsionSec:before,
			section.daiye_islam:before,
			.safi_acdmy_cont:before  {
				position: absolute;
				content: '';
				width: 100%;
				top: 0;
				left: 0;
				height: 100%;
				background-image: url('../img/top_sec_img.png');
				background-repeat: no-repeat;
				background-position: center 0;
				pointer-events: none;
				z-index: 0;
			}
			.subSecCont {
				position: relative;
				z-index: 1;
				width: 100%;
			}
			.abtJmaHm .subSecCont {
				max-width: 1080px;
				margin: 0 auto;
				display: table;
			}
				.jmaHmImgCnt {
					width: 375px;
					height: 480px;
					position: relative;
					z-index: 1;
					margin-right: 60px;
					float: left;
				}
					.jmaHmImgCnt:before,
					.jmaHmImgCnt:after {
						position: absolute;
						content: '';
					}
						.jmaHmImgCnt:before {
							width: 98%;
							height: 98%;
							border: 4px solid #c1c4cd;
							z-index: -1;
							left: -20px;
							top: 20px;
						}
							.jmaHmImgCnt:after {
								width: 88%;
								height: 90%;
								border: 7px solid #fff;
								z-index: 3;
								top: 3.5%;
								left: 4%;
							}

					.jmaHmImg {
						position: relative;
						z-index: 1;
						width: 100%;
						height: 100%;
						overflow: hidden;
					}
					.jmaHmCntntCnt {
						float: left;
						margin-top: 30px;
						width: 59%;
					}
						.secHeading {
							width: 100%;
							clear: both;
							position: relative;
							margin-bottom: 80px;
							text-align: center;
						}
							.abtJmaHm .secHeading {margin-bottom: 35px;text-align: left;}
							.secHeading h1 {
								font-size: 36px;
								font-family: var(--bold);
								color: var(--red_color);
							}
								.secHeading h1 .lightFont {
									font-family: var(--light);
									color: var(--navy_blue);
								}

						.cntnt {
							clear: both;
							float: left;
							width: 100%;
							position: relative;
							margin-bottom: 50px;
						}
							.cntnt p {
								font-size: 18px;
								line-height: 22px;
								font-family: var(--regular);
							}
							.borderLeft {
								padding-left: 30px;
								border-left: 3px solid var(--red_color);
							}

						.readMoreBtnCnt {
							clear: both;
							float: left;
							width: 100%;
						}
							.readMoreBtnCnt a,
							.linkCnt ul li a {
								padding: 0 35px;
								border: 1px solid var(--red_color);
								border-radius: 30px;
								white-space: nowrap;
								height: 38px;
								line-height: 35px;
								display: inline-block;
								font-size: 16px;
								color: var(--red_color);
								transition: var(--transition);
							}
							.readMoreBtnCnt a:hover,
							.linkCnt ul li a:hover {
								background-color: var(--red_color);
								color: var(--white);
							}
	/* ================ [ // About Jamia Home ] ================ */

	/* ================ [ More Website Links ] ================ */
		.mrSitesHmPg {
			height: 350px;
			background-image: url('../img/bg_img_1.jpg');
			background-attachment: fixed;
			-webkit-background-size: cover;
			background-size: cover;
			background-repeat: no-repeat;
			padding-top: 100px;
		}
			.mrSitesHmPg .secHeading h1,
			.mrSitesHmPg .secHeading h1 .lightFont {
				color: var(--white);
				text-align: center;
			}

			.linkCnt {
				width: 100%;
				margin-top: 90px;
				display: table;
				z-index: 2;
				position: relative;
			}
				.linkCnt ul li { 
					display: inline-block;
					width: 32%;
					float: left;
					position: relative;
					background-color: #fff;
					height: 270px;
					margin-right: 2%;
					overflow: hidden;
					border-radius: 10px;
					-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.3);
					box-shadow: 0 0 20px rgba(0,0,0,0.3);
				}
					.linkCnt ul li:last-child { margin-right: 0; }
					.linkCnt ul li a {
						position: absolute;
						z-index: 2;
						top: 105%;
						left: 50%;
						transform: translate(-50%, 0%);
						background-color: #fff;
						font-family: var(--regular);
						-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.5);
						box-shadow: 0 0 30px rgba(0,0,0,0.5);
						border: 0;
						line-height: 38px;
					}
						.linkCnt ul li:hover a {
							top: 50%;
							transform: translate(-50%, -50%);
						}
	/* ================ [ // More Website Links ] ================ */

	/* ================ [ Latest events ] ================ */
		.ltstEvntSec {
			background-image: url('../img/bg-pattern.jpg');
			background-repeat: repeat;
			background-attachment: fixed;
			z-index: 0;
			padding-top: 250px;
			padding-bottom: 100px;
			text-align: center;
		}
		.evntHmSliderCnt .readMoreBtnCnt {margin-top: 80px;}
			.ltstEvntSec .secHeading {margin-bottom: 80px;}
			.evntHmSliderCnt {width: 100%; position: relative; }
				.evntHmSlider {
					max-width: 1110px;
					margin: 0 auto;
					padding: 10px 0;
					min-height: 420px;
				}
					.evntSlide {
						width: 100%;
						position: relative;
						margin-right: 10px;
					}
						.evntSlide:focus {outline: none;}
						.evntSldImg {
							width: 55%;
							height: 360px;
							background-color: #ccc;
							float: left;
							position: relative;
							overflow: hidden;
							border-top-left-radius: 10px;
							border-bottom-left-radius: 10px;
							transition: var(--transition);
						}
							.evntSldImg:after,
							.evntSldCntnt:after {
							    position: absolute;
							    content: '';
							    width: 100%;
							    height: 88%;
							    border: 4px solid var(--white);
							    left: 18px;
							    top: 18px;
							    pointer-events: none;
							}
							.tag {
							    position: absolute;
							    bottom: 30px;
							    left: 30px;
							    background-color: var(--white);
							    text-transform: uppercase;
							    font-size: 18px;
							    font-family: var(--bold);
							    height: 30px;
							    line-height: 30px;
							    padding: 0 12px;
							    letter-spacing: 2px;
							    color: var(--red_color);
							}

						.evntSldCntnt {
							width: 45%;
							height: 360px;
							padding: 35px 35px 30px 30px;
							position: relative;
							overflow: hidden;
							float: left;
							border-top-right-radius: 10px;
							border-bottom-right-radius: 10px;
							background-color: var(--white);
							-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
							box-shadow: 0 0 10px rgba(0,0,0,0.5);
							text-align: left;
							transition: var(--transition);
						}
							.evntSldCntnt:after {
								border-color: #acacac;
								left: initial;
								right: 20px;
							}

							.sldHdng,
							.sldCntnt {
								width: 100%;
								position: relative;
							}
								.sldHdng {margin-bottom: 20px;}
								.sldHdng h2 {
									font-size: 26px;
									line-height: 30px;
									font-family: var(--bold);
								}

							.sldCntnt p {font-size: 15px; line-height: 20px; }
							.sldCntnt p a,
							.evntPstTxt p a {
								font-style: italic;
								color: var(--red_color);
								display: inline-block;
							}
								.sldCntnt p a:hover,
								.evntPstTxt p a:hover  {text-decoration: underline;}

							.evntPlcDtTm {
								border-top: 1px dashed #7f7f7f;
								height: 85px;
								width: 85%;
								float: left;
								position: absolute;
								bottom: 20px;
								padding: 15px 0;
							}
								.evntPlcDtTm .evntPlc,
								.evntPlcDtTm .evntDtTm {
									height: 100%;
									float: left;
									position: relative;
									padding: 0 15px 0 45px;
									line-height: normal;
									font-family: var(--regular);
									font-size: 16px;
									color: var(--light_blue);
								}
									.evntPlcDtTm .evntPlc{width: 48%;}
									.evntPlcDtTm .evntDtTm {width: 52%;}
									.evntPlcDtTm .evntPlc:after,
									.evntPlcDtTm .evntDtTm:after {
										position: absolute;
										content: '';
										width: 30px;
										height: 33px;
										left: 0;
										top: 10px;
									}
										.evntPlcDtTm .evntPlc:after {background-image: url('../img/map_thin.png');}
										.evntPlcDtTm .evntDtTm:after {background-image: url('../img/calendar_thin.png');}
										.evntPlcDtTm .evntDtTm:after {left: 15px;}

									.evntPlcDtTm .evntPlc {
										border-right:1px dashed #7f7f7f; 
										padding: 0 10px 0 40px;
									}
									.evntPlcDtTm .evntDtTm {
										padding: 0 0px 0 55px;
									}
										.evntDtTm .evntDt {
											font-family: var(--bold);
											color: var(--red_color);
											font-size: 20px;
										}
									
					/*	.do-transition .evntSldImg {width: 650px; height: 400px; }
						.do-transition .evntSldCntnt {margin-top: 18px;}*/
						.evntHmSlider .slick-dots button {display: none;}
						.evntHmSlider .slick-dots {
							position: absolute;
							bottom: 0px;
							right: 20px;
						}
							.evntHmSlider .slick-dots li {
								float: left;
								position: relative;
								height: 2px;
								margin-right: 10px;
								width: 60px;
								transition: var(--transition);
								cursor: pointer;
								background-color: var(--light_blue);
							}
							.evntHmSlider .slick-dots li.slick-active {
								height: 5px;
								background-color: var(--red_color);
							}
							.evntHmSlider .slick-dots li:hover {height: 5px;}
								.evntHmSlider .slick-dots li:last-child {margin-right: 0;}
	/* ================ [ // Latest events ] ================ */

	/* ================ [ Ad banner ] ================ */
		.adSec {
			max-height: 345px;
			overflow: hidden;
			width: 100%;
			background-color: #ccc;
		}
			.adSec img {
			    height: 100%;
			    position: relative;
			    vertical-align: middle;
			}
	/* ================ [ // Ad banner ] ================ */

	/* ================ [ Home Gallery ] ================ */
		.glryHmSec {
			width: 100%;
			text-align: center;
			padding: 110px 0 80px;
		}
			.glryHmCnt {
				width: 100%;
				position: relative;
				text-align: left;
				display: table;
			}
				.masonryCnt {
				}
					.masonryChild {
						float: left;
						margin: 0 10px 10px 0;
						position: relative;
						background-color: #333;
						overflow: hidden;
						z-index: 0;
						cursor: pointer;
					}
						.masonryChild._1, .masonryChild._2 { height: 255px; }
						.masonryChild._1 { width: 680px; }
						.masonryChild._2,
						.masonryChild._3,
						.masonryChild._6,
						.masonryChild._7 { width: 275px; }

						.masonryChild._6 {margin-top: -55px;}

						.masonryChild._3,
						.masonryChild._6,
						.masonryChild._7 {height: 200px; margin-right: 0; }

						.masonryChild._4, .masonryChild._5 {height: 355px;}
						.masonryChild._4 {width: 305px;}
						.masonryChild._5 {width: 650px;}
						.masonryChild._4, .masonryChild._5, .masonryChild._7 {margin-bottom: 0;}
							.masonryChild:before,
							.masonryChild:after {
								position: absolute;
								content: '';
								pointer-events: none;
								transition: var(--transition);
							}
								.masonryChild:before {
									width: 28px;
									height: 26px;
									top: 10px;
									left: 10px;
									z-index: 2;
									background-image: url('../img/scale_thin.png');
									transform: scale(0);
								}
								.masonryChild:after {
									position: absolute;
									width: 100%;
									height: 100%;
									background-color: rgba(0, 0, 0, 0.80);
									z-index: 1;
									top: 0;
									left: 0;
									opacity: 0;
								}
								.masonryChild:hover:before {transform: scale(1); }
								.masonryChild:hover:after, .masonryChild:hover .hmGlryCntn {opacity: 1;}

							.masonryChild img.thumbnail {
								width: 100%;
							    height: 100%;
							}
							.masonryChild .hmGlryCntn,
							.lghtBxCntnt {
								position: absolute;
								z-index: 2;
								width: 100%;
								bottom: 0;
								left: 0;
								padding: 20px;
								line-height: normal;
								font-size: 14px;
								font-family: var(--light);
								color: var(--white);
								transition: var(--transition);
								opacity: 0;
							}

		.ppupOvly {
		    width: 100vw;
		    height: 100vh;
		    background-color: rgba(0, 0, 0, 0.80);
		    position: fixed;
		    top: 0;
		    left: 0;
		    z-index: 20;
		}
			.hmGlryLghtBxCnt {
				width: 100%;
				max-width: 1024px;
				height: 560px;
				background-color: #ccc;
				position: absolute;
				margin: 0 auto;
				left:50%;
				top: 40%;
				transform:  translate(-50%, -50%);
			}
				.slideBtns,
				.clsBtn,
				.closeBtn {
					position: absolute;
				    width: 45px;
				    height: 45px;
				    z-index: 2;
				    background-color: #545454;
				    top: 50%;
				    transform: translateY(-50%);
				    line-height: 45px;
				    text-align: center;
				    font-size: 20px;
				    border-radius: 100%;
				    color: var(--white);
				    transition: var(--transition);
				    cursor: pointer;
				}
					.slideBtns:hover {background-color: var(--red_color);}
					.slideBtns.prevBtn {left: -25px;}
					.slideBtns.nextBtn {right: -25px;}

					.clsBtn,
					.closeBtn {
						transform: initial;
						top: -10px;
						right: -10px;
						width: 30px;
						height: 30px;
						line-height: 25px;
						font-size: 30px;
						background-color: var(--red_color);
					}

				.lghtBxCnt {
					width: 100%;
					height: 100%;
					overflow: hidden;
					position: relative;
					background-color: #fff;
				}
					.lghtBxCntnt {
						opacity: 1;
						font-size: 20px;
						padding: 200px 30px 30px 30px;
						background: -moz-linear-gradient(top, rgba(254,254,254,0) 0%, rgba(254,254,254,0.08) 8%, rgba(0,0,0,0.4) 40%, rgba(0,0,0,1) 100%);
						background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,254,254,0)), color-stop(8%, rgba(254,254,254,0.08)), color-stop(40%, rgba(0,0,0,0.4)), color-stop(100%, rgba(0,0,0,1)));
						background: -webkit-linear-gradient(top, rgba(254,254,254,0) 0%, rgba(254,254,254,0.08) 8%, rgba(0,0,0,0.4) 40%, rgba(0,0,0,1) 100%);
						background: -o-linear-gradient(top, rgba(254,254,254,0) 0%, rgba(254,254,254,0.08) 8%, rgba(0,0,0,0.4) 40%, rgba(0,0,0,1) 100%);
						background: -ms-linear-gradient(top, rgba(254,254,254,0) 0%, rgba(254,254,254,0.08) 8%, rgba(0,0,0,0.4) 40%, rgba(0,0,0,1) 100%);
						background: linear-gradient(to bottom, rgba(254,254,254,0) 0%, rgba(254,254,254,0.08) 8%, rgba(0,0,0,0.4) 40%, rgba(0,0,0,1) 100%);
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#000000', GradientType=0 );
					}
				.glryHmSec .readMoreBtnCnt {margin-top: 80px;}
	/* ================ [ // Home Gallery ] ================ */

	/* ================ [ Social Media ] ================ */
		.socialSec {
			height: 295px;
			background-image: url('../img/socialBg.jpg');
			-webkit-background-size: 100%;
			background-size: 100%;
			background-attachment: fixed;
			padding: 50px 0;
		}
			.socialSec:after {
				position: absolute;
				content: '';
				width: 18px;
				height: 100%;
				background-color: #fff;
				left: 50%;
				transform: translateX(-50%) skew(-15deg);
				background-image: url('../img/jamia_bg_pattern.jpg');
	    		background-attachment: fixed;
	    		top: 0;
			}

		.subcribeSec,
		.scialMdaSec {
			width: 50%;
			height: 195px;
			float: left;
			position: relative;
		}
			.hdng {
				height: 45px;
				line-height: 45px;
				position: absolute;
				text-transform: uppercase;
				font-family: var(--bold);
				letter-spacing: 2.5px;
				font-size: 20px;
				color: var(--white);
				text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
				min-width: 200px;
			}
				.subcribeSec .hdng {
					padding: 0 35px 0 25px;
					border-top-left-radius: 50px;
					border-bottom-left-radius: 50px;
					right: 20px;
					bottom: -10px;

					background: -moz-linear-gradient(left, rgba(255,0,0,1) 0%, rgba(255,0,0,1) 41%, rgba(87,10,10,1) 100%);
					background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,0,0,1)), color-stop(41%, rgba(255,0,0,1)), color-stop(100%, rgba(87,10,10,1)));
					background: -webkit-linear-gradient(left, rgba(255,0,0,1) 0%, rgba(255,0,0,1) 41%, rgba(87,10,10,1) 100%);
					background: -o-linear-gradient(left, rgba(255,0,0,1) 0%, rgba(255,0,0,1) 41%, rgba(87,10,10,1) 100%);
					background: -ms-linear-gradient(left, rgba(255,0,0,1) 0%, rgba(255,0,0,1) 41%, rgba(87,10,10,1) 100%);
					background: linear-gradient(to right, rgba(255,0,0,1) 0%, rgba(255,0,0,1) 41%, rgba(87,10,10,1) 100%);
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#570a0a', GradientType=1);
				}

				.scialMdaSec .hdng {
					padding: 0 25px 0 35px;
					border-top-right-radius: 50px;
					border-bottom-right-radius: 50px;
					left: 25px;
					top: -10px;

					background: -moz-linear-gradient(left, rgba(2,38,20,1) 0%, rgba(22,138,82,1) 59%, rgba(22,138,82,1) 100%);
					background: -webkit-gradient(left top, right top, color-stop(0%, rgba(2,38,20,1)), color-stop(59%, rgba(22,138,82,1)), color-stop(100%, rgba(22,138,82,1)));
					background: -webkit-linear-gradient(left, rgba(2,38,20,1) 0%, rgba(22,138,82,1) 59%, rgba(22,138,82,1) 100%);
					background: -o-linear-gradient(left, rgba(2,38,20,1) 0%, rgba(22,138,82,1) 59%, rgba(22,138,82,1) 100%);
					background: -ms-linear-gradient(left, rgba(2,38,20,1) 0%, rgba(22,138,82,1) 59%, rgba(22,138,82,1) 100%);
					background: linear-gradient(to right, rgba(2,38,20,1) 0%, rgba(22,138,82,1) 59%, rgba(22,138,82,1) 100%);
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#022614', endColorstr='#168a52', GradientType=1 );
				}

			.sbscrbFrmCnt {
				width: 100%;
				max-width: 450px;
				margin-top: 20px;
			}
				.sbscrbFrmCnt .txt,
				.scialMdaSec .txt {
					font-size: 16px;
					color: var(--white);
					display: block;
					margin-bottom: 10px;
				}
				.frmCnt {
					width: 100%;
					height: 45px;
					position: relative;
				}
					.frmCnt:after,
					.frmCnt:before {
					    content: '';
					    position: absolute;
					}
					.frmCnt:after {
					    height: 40px;
					    top: 8px;
					    background-color: #fff;
					    width: 5px;
					    left: -5px;
					}
					.frmCnt:before {
						height: 7px;
					    bottom: -5px;
					    background-color: #fff;
					    width: 92%;
					    left: -5px;
					}
					.frmInpt {
						border: 1px solid #fff;
						border-right: 0;
						border-bottom: 0;
						width: 100%;
						height: 100%;
						background-color: transparent;
						padding: 0 20px;
						font-size: 14px;
						color: #fff;
						letter-spacing: 1px;
					}
					.sbscrbFrmCnt .frmInpt {
					    height: 100%;
					    line-height: 43px;
					}
						:focus, .sendBtn:focus { outline: none; }
						.frmInpt::-webkit-input-placeholder { /* Chrome/Opera/Safari */
							color: rgba(255,255,255,0.7);
						}
						.frmInpt::-moz-placeholder { /* Firefox 19+ */
							color: rgba(255,255,255,0.7);
						}
						.frmInpt::-ms-input-placeholder { /* IE 10+ */
							color: rgba(255,255,255,0.7);
						}
						.frmInpt::-moz-placeholder { /* Firefox 18- */
							color: rgba(255,255,255,0.7);
						}

					.sendBtn {
						width: 40px;
						height: 40px;
						line-height: 40px;
						text-align: center;
						background-color: #fff;
						border-radius: 3px;
						border: 0;
						position: absolute;
						right: -10px;
						bottom: -15px;
						font-size: 20px;
						color: var(--red_color);
						transition: var(--transition);
					}
						.sendBtn:hover {background-color: var(--red_color); color: var(--white);cursor: pointer;}
						.sendBtn:after {
							position: absolute;
						    content: '';
						    right: 9px;
						    width: 1px;
						    background-color: #fff;
						    height: 10px;
						    top: -20px;
						}


		.scialMdaSec {padding-left: 100px; } 
			.scialAccntsCnt {margin-top: 75px; position: relative; }
				.scialAccnts {
					width: 100%;
					background-color: #ccc;
				}
					.scialAccnts li {float: left;position: relative;}
						.scialAccnts li a {
							display: block;
							width: 55px;
							height: 55px;
							line-height: 55px;
							margin-right: 20px;
							background-color: #fff;
							border-radius: 4px;
							text-align: center;
							font-size: 25px;
						}
							.scialAccnts li.fb a { color: #495992; }
							.scialAccnts li.fb:hover a {background-color: #495992; color: var(--white);}
							.scialAccnts li.tw a { color: #75a7e9; }
							.scialAccnts li.tw:hover a {background-color: #75a7e9; color: var(--white);}
							.scialAccnts li.inst a { color: #bf50bc; }
							.scialAccnts li.inst:hover a {background-color: #bf50bc; color: var(--white);}
							.scialAccnts li.pint a { color: #9e1826; }
							.scialAccnts li.pint:hover a {background-color: #9e1826; color: var(--white);}
							.scialAccnts li.yt a { color: #f62215; }
							.scialAccnts li.yt:hover a {background-color: #f62215; color: var(--white);}

			.scialMdaSec .txt {margin-bottom: 20px;}
	/* ================ [ // Social Media ] ================ */

	/* ================ [ Home Testimonial ] ================ */
		.tsmnalHmCnt {
			position: relative;
		}
			.tsmnalSlider {
				width: 100%;
				max-width: 850px;
				margin: 0 auto;
				position: relative;
			}
				.tsmnalSld {
					width: 100%;
					position: relative;
				}
					.tsmnalSld:focus {outline: none;}
					.tsmnalCntnt {
						width: 100%;
						font-size: 18px;
						line-height: 24px;
						text-align: center;
						padding: 50px;
						font-family: var(--regular);
						position: relative;
					}
						.tsmnalCntnt:before,
						.tsmnalCntnt:after {
							position: absolute;
						}
							.tsmnalCntnt:before {
								content: url('../img/quote_left.png');
								left: 0;
								top: 0;
							}
							.tsmnalCntnt:after {
								content: url('../img/quote_right.png');
								right: 0;
								bottom: 0;
							}

				.tsmnalAthr {
					width: 100%;
					position: relative;
					margin: 10px auto 0;
					text-align: center;
					float: left;
				}
					.tsmnalAthr:after {
						position: absolute;
					    content: '';
					    top: 36px;
					    width: 500px;
					    left: 50%;
					    transform: translateX(-50%);
					    height: 1px;
					    background-color: #ccc;
					    z-index: 1;
					}
					.athrImg {
						width: 70px;
						height: 70px;
						position: relative;
						border-radius: 100%;
						border: 1px solid #8d9098;
						overflow: hidden;
						display: inline-block;
						z-index: 2;
					}
						.athrImg:before {
							width: 62px;
						    height: 62px;
						    border: 4px solid white;
						    content: '';
						    z-index: 2;
						    position: absolute;
						    border-radius: 100%;
						    left: -1px;
						    top: -1px;
						}
						.athrDtl {
							width: 100%;
							display: inline-block;
						}
							.athrNm {
								display: block;
								font-family: var(--bold);
								font-size: 20px;
								color: var(--red_color);
								margin-top: 10px;
							}
							.athrDesignation {
								display: block;
								font-size: 14px;
								color: var(--navy_blue);
								font-family: var(--regular);
							}
				.tsmnalSlider .slick-dots button {display: none;}
				.tsmnalSlider .slick-dots {
					position: absolute;
					top: -25px;
					text-align: center;
					width: 100%;
				}
					.tsmnalSlider .slick-dots li {
						display: inline-block;
						width: 12px;
						height: 12px;
						margin-right: 5px;
						border-radius: 100%;
						background-color: #ccc;
						cursor: pointer;
					}
						.tsmnalSlider .slick-dots li.slick-active { 
							background-color: var(--red_color); 
							border: 1px solid #fff; 
							-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);
							box-shadow: 0 0 5px rgba(0,0,0,0.5);
						}
	/* ================ [ // Home Testimonial ] ================ */

	/* ================ [ Footer ] ================ */

		footer {
			min-height: 450px;
		    width: 100%;
		    text-align: center;
		    float: left;
		    padding-top: 60px;
		    background-image: url('../img/footer_bg.png');
		    background-blend-mode: multiply;
		    background-position: bottom 0 center;
		    -webkit-background-size: 100%;
		    background-size: 100%;
		    background-repeat: no-repeat;
		    position: relative;
		    border-bottom: 1px solid #2f3443;
		}
			footer:after {
			    width: 100%;
			    position: absolute;
			    content: '';
			    background-image: url('../img/jamia_footer_pttern.png');
			    background-repeat: repeat-x;
			    height: 30px;
			    top: -23px;
			    left: 0;
			}	
				body.jamia footer:after {background-image: url('../img/jamia_footer_pttern.png');}
				body.jamia footer {background-color: #2f3443;}
				body.khanqah footer:after {background-image: url('../img/khanqah_footer_pttern.png');}
				body.khanqah footer {background-color: #0e4435;}
				body.academy footer:after {background-image: url('../img/academy_footer_pttern.png');}
				body.academy footer {background-color: #0b363d;}

			.footer-sub-cont {
				width: 100%;
				float: left;
				height: auto;
				padding-bottom: 0px;
			}
			.footer-logo-cont {
				width: 100%;
				height: auto;
			}
			.footer-logo {
				margin: 0 auto;
				display: block;
				width: 160px;
				height: 153px;
				background-image: url('../img/footer-logo.png');
				background-size: auto;
				background-repeat: no-repeat;
				background-position: center center;
				margin-bottom: 20px;
			}
			.footer-logo-cont p {
				width: 100%;
				padding: 0 30px;
				color: rgba(255, 255, 255, 0.65);
				font-size: 14px;
				letter-spacing: 1px;
				line-height: 24px;
				font-family: 'ralewaylight', sans-serif;
			}
				.ftr_main_cnt {
				    width: 66.66664%;
				    float: left;
				    position: relative;
				    font-family: sans-serif;
				}
					.ftr_sec_cnt {
					    width: 32%;
					    float: left;
					    text-align: left;
					    position: relative;
					    padding-right: 30px; 
					}
						.ftr_sec_sb {float: left; width: 100%; }
						.ftr_sec_sb h3,
						.subscribe_cnt h3 {
						    font-size: 22px;
						    position: relative;
						    color: #8e9bbb;
						    margin-bottom: 15px;
						    font-family: var(--bold);
						}
						.ftr_sec_sb ul.lnks_ul {
						    position: relative;
						    list-style: none;
						    padding-left: 5px;
						}
							.ftr_sec_sb ul.lnks_ul li {
							    float: left;
							    width: 100%;
							    border-left: 1px solid #ff7264;
							    position: relative;
							}
								.ftr_sec_sb ul.lnks_ul li:after {
								    position: absolute;
								    content: '';
								    width: 7px;
								    height: 7px;
								    border: 1px solid #ff7264;
								    background-color: #282e3f;
								    border-radius: 100%;
								    top: 50%;
								    transform: translateY(-50%);
								    left: -5px;
								}
								.ftr_sec_sb ul.lnks_ul li a {
								    display: block;
								    padding: 3px 0 3px 15px;
								    color: #9ea5b8;
								    font-size: 15px;
								    transition: all 0.5s ease;
								}
									.ftr_sec_sb ul.lnks_ul li a:hover {
									    box-shadow: 300px 0 0 #ff7264 inset;
									    color: #fff;
									    border-top-right-radius: 30px;
									    border-bottom-right-radius: 30px;
									}
							.subscribe_cnt {padding-right: 0; }
							.sbscribe_frm {
							    width: 100%;
							    height: auto;
							    position: relative;
							}
								.sbscribe_txt {
								    color: #9ea5b8;
								    margin-bottom: 5px;
								    font-size: 15px;
								}
								.sbscribe_frm input, 
								.sbscribe_frm button {
								    height: 35px;
								    background-color: transparent;
								    border: 1px solid #494f63;
								    margin-bottom: 5px;
								    padding: 0 20px;
								    transition: all 0.5s;
								    color: #fff;
								    text-align: left;
								    border-radius: 30px;
								    letter-spacing: 0.5px;
								}
									.sbscribe_frm input::-webkit-input-placeholder {color: rgba(255,255,255,0.6); }
									.sbscribe_frm input::-moz-placeholder {color: rgba(255,255,255,0.6); }
									.sbscribe_frm input:-ms-input-placeholder {color: rgba(255,255,255,0.6); }
									.sbscribe_frm input::-moz-placeholder {color: rgba(255,255,255,0.6); }
									.sbscribe_frm input {width: 100%;}
									.sbscribe_frm button:hover {
									    color: #fff;
									    border-color: transparent;
									    box-shadow: 110px 0 0 #ff7264 inset;
									    cursor: pointer;
									}
									.sbscribe_frm input:focus {
										border-color: #fff;
										border-color: transparent;
	    								box-shadow: 300px 0 0 #ff7264 inset;
									}
							.vstrCntr {
								border-top: 1px dashed #494f63;
	    						padding-top: 20px;
	    						margin-top: 20px;
							}
								.cntrBx {
									border: 1px solid #8e9bbb;
								    color: #8e9bbb;
								    display: inline-block;
								    padding: 0 20px;
								    font-size: 38px;
								    font-family: var(--bold);
								    height: 50px;
								    line-height: 46px;
								    letter-spacing: 1px;
								    -webkit-user-select: none;
								    -khtml-user-select: none;
								    -moz-user-select: none;
								    -ms-user-select: none;
								    -o-user-select: none;
								    user-select: none;
								}


				.copyright-cont {
				    float: left;
				    width: 100%;
				    height: 60px;
				    line-height: 60px;
				    color: rgba(255,255,255,0.8);
				    border-top: 1px dashed rgba(255,255,255,0.2);
				    text-align: center;
				    letter-spacing: 0.4px;
				    position: absolute;
				    bottom: 0;
				    left: 0;
				    color: #9ea5b8;
				}
					.copyright-cont a {
						color: #9ea5b8;
						font-family: var(--bold);
					}
						.copyright-cont a:hover {text-decoration: underline; color: var(--white);}
	/* ================ [ // Footer ] ================ */

	/* ================ [ Search Popup ] ================ */
		.searchPopUpCnt {
			width: 100%;
			height: 100%;
			background-color: rgba(0, 0, 0, 0.90);
			position: fixed;
			top: 0;
			left: 0;
			z-index: 20;
		}
			.closeBtn {
				top: 20px;
				right: 20px;
				background-color: var(--light_blue);			
			}
				.closeBtn:hover { background-color: var(--red_color); }
				.searchBrCnt {
					position: absolute;
					top: 50%;
					left: 50%;
					transform: translate(-50%, -50%);
					max-width: 600px;
					width: 100%;
				}
					.srchInputCnt, .srchInputCnt input {
						width: 100%;
						height: 60px;
					}
						.srchInputCnt input {
							background-color: var(--light_blue);
							border-radius: 5px;
							border: 0;
							padding: 0 80px 0 20px;
							font-size: 10px;
							color: #fff;
							font-size: 24px;
							font-family: var(--light);
							
						}
						.srchInputCnt input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
							color: rgba(255,255,255,0.6);
							font-style: italic;
							font-size: 20px;
						}
						.srchInputCnt input::-moz-placeholder { /* Firefox 19+ */
							color: rgba(255,255,255,0.6);
							font-style: italic;
							font-size: 20px;
						}
						:-ms-input-placeholder { /* IE 10+ */
							color: rgba(255,255,255,0.6);
							font-style: italic;
							font-size: 20px;
						}
						.srchInputCnt input::-moz-placeholder { /* Firefox 18- */
							color: rgba(255,255,255,0.6);
							font-style: italic;
							font-size: 20px;
						}
					
					.seachBtn {
						position: absolute;
						width: 60px;
						height: 60px;
						background-color: transparent;
						border: 0;
						top: 0;
						right: 0;
						font-size: 20px;
						color: #fff;
						cursor: pointer;
						border-top-right-radius: 5px;
						border-bottom-right-radius: 5px;
						transition: var(--transition);
					}
						.seachBtn:hover {
							background-color: var(--navy_blue);
							color: var(--light_blue);
						}
						.seachBtn:after {
							position: absolute;
							width: 9px;
							height: 60px;
							right: 100%;
							top: 0;
							content: url('../img/searchShadow.png');
						}
	/* ================ [ // Search Popup ] ================ */
/* ================ [ Jamia - Home Page ] ================ */

/* ====================================================================================================== */

/* ================ [ Jamia - About Us Page ] ================ */

	/* ================ [ About - Trusty Message ] ================ */
		.subPageTpSection {width: 100%; margin-top: 70px; }
			section.miyaMsgCont {
				background-image: url('../img/bg-pattern.jpg');
				background-blend-mode: multiply;
				background-color: #e8ebf1;
				padding: 120px 0 180px;
			}
				/* .miyaMsgCont:before, */
				.crssSec:before {
				       position: absolute;
				    content: '';
				    top: 0;
				    left: 50%;
				    transform: translateX(-50%);
				    z-index: 0;
				    pointer-events: none;
				    width: 690px;
				    height: 471px;
				    background: url(../img/top_sec_img.png);
				    background-size: contain;
				    background-repeat: no-repeat;
				}
				.abtPgSubCont {
					width: 100%;
					max-width: 1100px;
					margin: 0 auto;
					position: relative;
					z-index: 2;
				}
					.miya_msg_cnt {
						width: 100%;
						position: relative;
						display: table;
					}
						.msngr_img_cnt {
							width: 100%;
							max-width: 320px;
							float: left;
							margin-right: 50px;
							text-align: center;
							margin-top: 30px;
						}
							.msngr_img {
								display: inline-block;
								width: 280px;
								height: 280px;
								border-radius: 100%;
								background-color: var(--white);
								border:2px solid #ccc;
								padding: 5px;
								margin-bottom: 20px;
								position: relative;
							}
								.msngr_img:after {
									position: absolute;
								    content: '"';
								    width: 50px;
								    height: 50px;
								    background-color: #fff;
								    box-shadow: 0 0 10px rgba(0,0,0,.5);
								    bottom: 30px;
								    right: 5px;
								    border-radius: 100%;
								    font-size: 80px;
								    line-height: 93px;
								    font-family: 'DIN', sans-serif;
								    color: var(--red_color);	
								}
								.msngr_img2 {
									width: 100%;
									height: 100%;
									border-radius: 100%;
									background-color: var(--light_blue);
									overflow: hidden;
									z-index: 1;
								}
							.msngr_name {
								width: 100%;
								position: relative;
								font-size: 26px;
								line-height: 34px;
								color: var(--navy_blue);
								font-family: var(--regular);
							}
								.msngr_name > span.bold { display: block; font-family: var(--bold); }

					.miya_msg_cntnt {
					    float: left;
					    width: 100%;
					    max-width: 730px;
					}
						.miya_msg_cntnt .secHeading { 
							text-align: left;
							margin-bottom: 40px;
						}
						.miya_msg_cntnt .cntnt {margin-bottom: 0;}

			.brkrBrdr {
				width: 100%;
				position: relative;
				clear: both;
				height: 50px;
				background-image: url('../img/breakerBorder.png');
				background-repeat: no-repeat;
				background-position: center center;
				margin: 100px 0;
			}
	/* ================ [ // About - Trusty Message ] ================ */

	/* ================ [ About - Foundation Section ] ================ */
		.abtFoundationSec {
			width: 100%;
			padding: 70px 0;
			background-color: #ccc;
			background-image: url('../img/socialBg.jpg');
			background-attachment: fixed;
			-webkit-background-size: cover;
			background-size: cover;
		}
			.abtFoundationCnt {
				position: relative;
				display: table;
				width: 100%;
			}
				.fndtionTxtCnt {
					float: left;
					color: #fff;
					max-width: 58%;
					width: 100%;
				}
					.fndtionTxtCnt .secHeading {margin-bottom: 30px;text-align: left;}
					.fndtionTxtCnt .secHeading h1 {color: #fff;}
				.abtFoundationCnt .jmaHmImgCnt {
					float: right;
					margin-right: 30px;
					top: -180px;
					width: 430px;
					height: 590px;
					position: absolute;
					right: 0;
				}
					.abtFoundationCnt .jmaHmImgCnt:before {
						right: -20px;
						left: initial;
					}
	/* ================ [ // About - Foundation Section ] ================ */

	/* ================ [ About - Mission and Vision ] ================ */
		section.abtMissionVisionSec {width: 100%; padding-bottom: 80px;}
			.abtMissionVisionSec .secHeading {margin-bottom: 0; }
				.abtMissionVisionSec .secHeading h1 {
					border-bottom: 2px solid var(--light_blue);
					display: inline-block;
					padding-bottom: 20px;
				}
			
			.crr_5_rsn_cnt {
			    width: 100%;
			    max-width: 1080px;
			    margin: 0 auto;
			    text-align: center;
			    position: relative;
			}
				.crr_crd_main_cnt {
				    width: 100%;
				    position: relative;
				    z-index: 1;
				    margin-top: 100px;
				    display: table;
				}
				.crr_crd_main_cnt:before {
				    position: absolute;
				    content: '';
				    width: 2px;
				    height: 132%;
				    left: 50%;
				    top: -100px;
				    -webkit-transform: translateX(-50%);
				    transform: translateX(-50%);
				    background-color: var(--light_blue);
				    z-index: 0;
				}

				.crr_crd_cnt {
				    position: relative;
				    width: 50%;
				    height: auto;
				    margin-bottom: 40px;
				}
					.crr_crd_cnt.left .crr_crd {float: left;}
					.crr_crd_cnt.right .crr_crd {float: right;}
					.crr_crd_cnt:nth-child(2) {margin-top: 150px;}
					.crr_crd_cnt:last-child {margin-bottom: 0;}
					.crr_crd {
					    max-width: 460px;
					    width: 100%;
					    position: relative;
					    padding: 65px 20px 25px 20px;
					    border-radius: 10px;
					    -webkit-box-shadow: inset 0 -5px 0 #ccc, 0 0 10px rgba(0,0,0,0.25);
					    box-shadow: inset 0 -5px 0 #ccc, 0 0 10px rgba(0,0,0,0.25);
					    text-align: left;
					    background-color: #fff;
					    font-size: 17px;
					    font-family: var(--regular);
					    line-height: 22px;
					}
						.crr_crd_cnt .crr_crd:after {
						    position: absolute;
						    content: '';
						    width: 22px;
						    height: 22px;
						    background-color: #ccc;
						    right: -93px;
						    border-radius: 40px;
						    top: 25px;
						    border: 2px solid rgba(255,255,255,0.5);
						}
							.crr_crd_cnt.right .crr_crd:after {
								left: -93px;
							}
						.crr_crd_icon {
						    width: 106%;
						    position: absolute;
						    height: 15px;
						    background-color: #ccc;
						    top: 30px;
						    left: -12px;
						}
							.crr_crd_icon:before,
							.crr_crd_icon:after {
								content: '';
								position: absolute;
							}
								.crr_crd_icon:before {top: 15px; }
								.crr_crd_icon:after {
									border-top: 7.7px solid transparent;
									border-bottom: 7.7px solid transparent;
								}

							.crr_crd_cnt.right .crr_crd .crr_crd_icon {left: initial; right: -12px; }

							.crr_crd_cnt.left .crr_crd .crr_crd_icon:before {
								border-right: 12px solid #ccc;
							    border-bottom: 10px solid transparent;
							    left: 0;
							}
							.crr_crd_cnt.right .crr_crd .crr_crd_icon:before {
								border-left: 12px solid #ccc;
							    border-bottom: 10px solid transparent;
							    right: 0;
							}

							.crr_crd_cnt.left .crr_crd .crr_crd_icon:after {
								border-left: 8px solid #ccc;
								left: 99.8%;
							}
							.crr_crd_cnt.right .crr_crd .crr_crd_icon:after {
								border-right: 8px solid #ccc;
								right: 99.8%;
							}
					
				/* color sepration */
				/* 1st Child */
					.crr_crd_cnt:nth-child(1) .crr_crd {
						-webkit-box-shadow: inset 0 -5px 0 #f36d6e, 0 0 10px rgba(0,0,0,0.25);
					    box-shadow: inset 0 -5px 0 #f36d6e, 0 0 10px rgba(0,0,0,0.25);
					    color: #f36d6e;
					}
					.crr_crd_cnt:nth-child(1) .crr_crd .crr_crd_icon,
					.crr_crd_cnt:nth-child(1) .crr_crd:after {background-color: #f36d6e;}
					.crr_crd_cnt:nth-child(1) .crr_crd .crr_crd_icon:after {border-left-color: #f36d6e; }
					.crr_crd_cnt:nth-child(1) .crr_crd .crr_crd_icon:before {border-right-color: #cb3e3f; }

				/* 2nd Child */
					.crr_crd_cnt:nth-child(2) .crr_crd {
						-webkit-box-shadow: inset 0 -5px 0 #e5a642, 0 0 10px rgba(0,0,0,0.25);
					    box-shadow: inset 0 -5px 0 #e5a642, 0 0 10px rgba(0,0,0,0.25);
					    color: #e5a642;
					}
					.crr_crd_cnt:nth-child(2) .crr_crd .crr_crd_icon,
					.crr_crd_cnt:nth-child(2) .crr_crd:after {background-color: #e5a642; }
					.crr_crd_cnt:nth-child(2) .crr_crd .crr_crd_icon:after {border-right-color: #e5a642; }
					.crr_crd_cnt:nth-child(2) .crr_crd .crr_crd_icon:before {border-left-color: #c3892c; }

				/* 3rd Child */
					.crr_crd_cnt:nth-child(3) .crr_crd {
						-webkit-box-shadow: inset 0 -5px 0 #2b7d74, 0 0 10px rgba(0,0,0,0.25);
					    box-shadow: inset 0 -5px 0 #2b7d74, 0 0 10px rgba(0,0,0,0.25);
					    color: #2b7d74;
					}
					.crr_crd_cnt:nth-child(3) .crr_crd .crr_crd_icon,
					.crr_crd_cnt:nth-child(3) .crr_crd:after {background-color: #2b7d74; }
					.crr_crd_cnt:nth-child(3) .crr_crd .crr_crd_icon:after {border-left-color: #2b7d74; }
					.crr_crd_cnt:nth-child(3) .crr_crd .crr_crd_icon:before {border-right-color: #1c5851; }
					
				/* 4th Child */
					.crr_crd_cnt:nth-child(4) .crr_crd {
						-webkit-box-shadow: inset 0 -5px 0 #82b64a, 0 0 10px rgba(0,0,0,0.25);
					    box-shadow: inset 0 -5px 0 #82b64a, 0 0 10px rgba(0,0,0,0.25);
					    color: #82b64a;
					}
					.crr_crd_cnt:nth-child(4) .crr_crd .crr_crd_icon,
					.crr_crd_cnt:nth-child(4) .crr_crd:after {background-color: #82b64a; }
					.crr_crd_cnt:nth-child(4) .crr_crd .crr_crd_icon:after {border-right-color: #82b64a; }
					.crr_crd_cnt:nth-child(4) .crr_crd .crr_crd_icon:before {border-left-color: #578921; }

				/* 5th Child */
					.crr_crd_cnt:nth-child(5) .crr_crd {
						-webkit-box-shadow: inset 0 -5px 0 #83407b, 0 0 10px rgba(0,0,0,0.25);
					    box-shadow: inset 0 -5px 0 #83407b, 0 0 10px rgba(0,0,0,0.25);
					    color: #83407b;
					}
					.crr_crd_cnt:nth-child(5) .crr_crd .crr_crd_icon,
					.crr_crd_cnt:nth-child(5) .crr_crd:after {background-color: #83407b; }
					.crr_crd_cnt:nth-child(5) .crr_crd .crr_crd_icon:after {border-left-color: #83407b; }
					.crr_crd_cnt:nth-child(5) .crr_crd .crr_crd_icon:before {border-right-color: #4d1446; }

				/* 6th Child */
					.crr_crd_cnt:nth-child(6) .crr_crd {
						-webkit-box-shadow: inset 0 -5px 0 #f81098, 0 0 10px rgba(0,0,0,0.25);
					    box-shadow: inset 0 -5px 0 #f81098, 0 0 10px rgba(0,0,0,0.25);
					    color: #f81098;
					}
					.crr_crd_cnt:nth-child(6) .crr_crd .crr_crd_icon,
					.crr_crd_cnt:nth-child(6) .crr_crd:after {background-color: #f81098; }
					.crr_crd_cnt:nth-child(6) .crr_crd .crr_crd_icon:after {border-right-color: #f81098; }
					.crr_crd_cnt:nth-child(6) .crr_crd .crr_crd_icon:before {border-left-color: #ae0b6b; }
			
			.abtDonationBtn {
				width: 100%;
				margin-top: 100px;
				text-align: center;
				position: relative;
				z-index: 2;
			}
				.abtDonationBtn span.btn {
					height: 50px;
					border: 2px solid var(--red_color);
					display: inline-block;
					border-radius: 30px;
					line-height: 46px;
					padding: 0 50px;
					font-size: 18px;
					font-family: var(--bold);
					cursor: pointer;
					transition: var(--transition);
					color: var(--red_color);
				}
					.abtDonationBtn span.btn:hover {
						background-color: var(--red_color);
						color: var(--white);
					}
	/* ================ [ // About - Mission and Vision ] ================ */

	/* ================ [ About - Download Prospectus ] ================ */
		.prspctsCont {
			width: 100%;
			position: relative;
			z-index: 2;
		}


		.panel {
			margin: 0 auto;
			width: 100%;
			height: 250px;
			position: relative;
			-webkit-perspective: 600px;
			-moz-perspective: 600px;
		}	
		.panel .front {
			z-index: 900;
			-webkit-transform: rotateX(0deg) rotateY(0deg);
			   -moz-transform: rotateX(0deg) rotateY(0deg);
		}
		.panel .back {
			z-index: 1000;
			-webkit-transform: rotateY(-180deg);
			   -moz-transform: rotateY(-180deg);
		}
		.panel .back,
		.panel .front {
			-webkit-transition: all .7s ease-in-out;
			   -moz-transition: all .7s ease-in-out;
				-ms-transition: all .7s ease-in-out;
				 -o-transition: all .7s ease-in-out;
					transition: all .7s ease-in-out;
			-webkit-transform-style: preserve-3d;
			   -moz-transform-style: preserve-3d;
			-webkit-backface-visibility: hidden;
			   -moz-backface-visibility: hidden;
			position: absolute;
			top: 0;
			width: 100%;
			height: 100%;
			overflow: hidden;
		}
		/* after Flip */
			.panel.flip .front {
				z-index: 900;
				-webkit-transform: rotateY(180deg);
				-moz-transform: rotateY(180deg);
			}
			.panel.flip .back {
				z-index: 1000;
				-webkit-transform: rotateX(0deg) rotateY(0deg);
				-moz-transform: rotateX(0deg) rotateY(0deg);
			}
		
		/* card Design */
		.box1, .box2 {
			width: 100%;
			height: 100%;
			margin: 0 auto;
			padding: 20px;
			border-radius: 10px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			z-index: 0;
			overflow: hidden;
		}		
			.box2 {
				background-color: var(--light_blue);
				background-image: url('../img/footer-logo1.png');
				-webkit-background-size: auto;
				background-size: auto;
				background-position: center center;
				background-repeat: no-repeat;
				text-align: center;
				line-height: 210px;
			}
				.dwnldBtn {
					display: inline-block;
					vertical-align: middle;
					height: 45px;
					line-height: 45px;
					font-size: 20px;
					border-radius: 30px;
					overflow: hidden;
					font-family: var(--medium);
					-webkit-box-shadow: 0 0 10px rgb(0, 0, 0, 0.5);
					box-shadow: 0 0 10px rgb(0, 0, 0, 0.5);
					position: relative;
				}
					.dwnldBtn a {
						background-color: rgba(255, 255, 255, 0.95);
						display: block;
						padding:0 30px 0 25px;
						transition: var(--transition);
					}
					.dwnldBtn:hover a {background-color: var(--red_color); color: var(--white);}
			.box1 {
				background-color: #14bcc8;
				background-image: url('../img/prospectus1.jpg');
				-webkit-background-size: 100% 100%;
				background-size: 100% 100%;
			}
				.box1:after {
					position: absolute;
					content: '';
					width: 100%;
					height: 100%;
					background-color: rgba(0,0,0,0.6);
					top: 0;
					left: 0;
					z-index: 0;
					border-radius: 10px;
				}
				.cntntArea {
					width: 100%;
					height: 100%;
					z-index: 1;
					position: relative;
					text-align: center;
					padding: 15px;
				}
					.cntntArea .icon {
						width: 60px;
						height: 60px;
						display: block;
						margin: 5px auto 25px;
						background-image: url('../img/pdf_icon.svg');
					}
					.cntntArea h1.hdng2 {
						color: #fff;
						font-size: 36px;
						display: block;
						text-align: center;
						width: 100%;
						text-transform: uppercase;
						font-family: var(--bold);
						letter-spacing: 5px;
						margin-bottom: 30px;
					}
					.cntntArea .langName {
						margin: 0 auto;
						border: 1px solid #fff;
						height: 35px;
						line-height: 35px;
						display: inline-block;
						color: #fff;
						padding: 0 20px 0 15px;
						border-radius: 30px;
						font-size: 16px;
						font-family: var(--regular);
						position: relative;
						background-color: rgba(0,0,0,0.6);
					}
						.cntntArea .langName:before,
						.dwnldBtn a:before {
							display: inline-block;
							content: '\f063';
							font-family: "Font Awesome 5 Free";
							font-weight: 900;
							margin-right: 15px;
							border-right: 1px solid #ccc;
							padding-right: 10px;
							line-height: 23px;
						}
						.dwnldBtn a:before {padding-right: 15px;}
	/* ================ [ // About - Download Prospectus ] ================ */
/* ================ [ // Jamia - About Us Page ] ================ */

/* ====================================================================================================== */

/* ================ [ Jamia - Courses Page ] ================ */
	.coursesParentCont {
		padding: 80px 0;
		z-index: 0;
		background-color: #f8f8f8;
		background-image: url('../img/jamia_bg_pattern.jpg');
		background-blend-mode: multiply;
	}
		.crssSec {
			z-index: 1;
			width: 100%;
			float: left;
			position: relative;
			padding: 80px 0 0;
		}
		div#mehfil h1, div#mehfil h1 .lightFont {
		    color: var(--light_green);
		}
			.crssSec:nth-child(even) {
				background-color: #fff;
			}
			.crssSec:after,
			.afltionSbCont:after,
			.stdyCntrDtlSec:after,
			.eligibilityCnt:after,
			.feeStrctrSec:after,
			.newAdmsionSec:after,
			.cntctFrmCnt:after {
				content: '';
				width: 100%;
				height: 35px;
				background-image: url('../img/breakerBorder.png');
				background-repeat: no-repeat;
				background-position: center center;
				position: absolute;
				top: -17px;
				z-index: 3;
				left: 0;
			}
				.crssSec:first-child:after {display: none;}
			.crssSec .secHeading {margin-bottom: 50px;}
			.crssSecCnt {
				width: 100%;
				position: relative;
				z-index: 2;
				padding-bottom: 100px;
			}
				.crssSecImg {
					width: 100%;
					height: auto;
					max-height: 400px;
					min-height: 350px;
					overflow: hidden;
					background-attachment: fixed;
					background-repeat: no-repeat;
					-webkit-background-size: 100%;
					background-size: 100%;
					position: relative;
					z-index: 0;
					background-position: center center;
				}
				.crssSecCntnt {
					width: 100%;
					max-width: 820px;
					background-color: var(--white);
					-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
					box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
					padding: 40px;
					position: relative;
					z-index: 0;
					margin: -100px auto 0;
					min-height: 150px;
					border-radius: 10px;
					text-align: center;
				}
					.crssSecCntnt p {
						font-size: 18px;
						line-height: 22px;
						font-family: var(--regular);
						margin-bottom: 20px;
						clear: both;
						display: block;
						text-align: left;
					}
						.crssSecCntnt p:last-child {margin-bottom: 0;}
						.crssSecCntnt p .bold {font-family: var(--bold);}
					.crssSecCntnt .note {
						display: inline-block;
						background-color: #cfd2d8;
						border-radius: 5px;
						padding: 7px 20px 10px;
						font-size: 16px;
						font-family: var(--regular);
						margin-top: 10px;
						-webkit-box-shadow: inset 0 -3px var(--light_blue);
						box-shadow: inset 0 -3px var(--light_blue);
						transition: var(--transition);
					}
						.crssSecCntnt .note:hover { 
							background-color: var(--red_color);
							color: #fff;
						}
/* ================ [ // Jamia - Courses Page ] ================ */

/* ====================================================================================================== */

/* ================ [ // Jamia - Affiliations Page ] ================ */
	.afltionCont {
		width: 100%;
		background-color: #ccc;
		max-width: 1000px;
		margin: 0 auto;
		z-index: 2;
		position: relative;
	}
		.afltionSbCont {
			width: 100%;
			padding: 20px;
			-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
					box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
			background-color: #fff;
			border-radius: 10px;
			float: left;
			text-align: center;
			margin-bottom: 150px;
			position: relative;
		}
			.afltionSbCont:last-child {margin-bottom: 0;}
			.afltionSbCont:after {top: initial; bottom: -95px; }
			.afltionSbCont:last-child:after {display: none;}
			.urvstyLogo {
			    width: 160px;
			    margin: 0 auto;
			    display: inline-block;
			    height: 160px;
			}
			.urvstyDtl {
				text-align: left;
				position: relative;
				padding: 0 10px 0 30px;
			}
				.urvstyDtl .urvstyName {
					font-size: 24px;
					font-family: var(--bold);
					margin-bottom: 15px;
					margin-top: 15px;
				}
				.urvstyDtl p {
					font-size: 16px;
					line-height: 22px;
					font-family: var(--regular);
				}
/* ================ [ // Jamia - Affiliations Page ] ================ */

/* ====================================================================================================== */

/* ================ [ Jamia - Examination Page ] ================ */
	.exmCnt {
		width: 100%;
		max-width: 1000px;
		margin: 0 auto;
		position: relative;
		z-index: 3;
	}
		.exmCnt fieldset {
			width: 100%;
			background-color: #fff;
			-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
			box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
			padding: 40px;
			border-radius: 10px;
			border: 0;
			margin-bottom: 50px;
		}
			.exmCnt fieldset:last-child {margin-bottom: 0;}
			.exmCnt fieldset legend {
				background-color: var(--light_blue);
				padding: 7px 25px;
				border-radius: 30px;
				font-family: var(--medium);
				color: var(--white);
				font-size: 18px;
				margin-left: -10px;
			}
			.exmCnt fieldset ul,
			.rglstnPoints {
				position: relative;
				border-left: 1px solid var(--red_color);
				padding: 10px 0;
				font-family: var(--regular);
			}
				.exmCnt fieldset ul li,
				.rglstnPoints li {
					padding-left: 25px;
					position: relative;
					margin-bottom: 20px;
				}
					.exmCnt fieldset ul li:last-child, .rglstnPoints li:last-child {margin-bottom: 0;}
					.exmCnt fieldset ul li:after,
					.rglstnPoints li:after {
						position: absolute;
						content: '';
						width: 11px;
						height: 11px;
						border: 1px solid var(--red_color);
						background-color: #fff;
						top: 6px;
						left: -7px;
						border-radius: 10px;
					}
					.exmCnt fieldset ul li h3 {
						font-size: 18px;
						font-family: var(--bold);
						margin-bottom: 8px;
					}
					.exmCnt fieldset ul li p {
						font-size: 18px;
						line-height: 22px;
					}
			.exmCnt fieldset .noteTxt {
				clear: both;
				display: inline-block;
				font-size: 16px;
				margin-top: 35px;
				background-color: #d7dae2;
				padding: 8px 20px 8px 25px;
				box-shadow: inset 5px 0 0 0 var(--red_color);
				border-radius: 4px;
			}
/* ================ [ // Jamia - Examination Page ] ================ */

/* ====================================================================================================== */

/* ================ [ Jamia - Study Center Page ] ================ */
	.stdyCntrSec {}
		.secHeading p {
			font-size: 20px;
			margin-top: 20px;
		}
		.stdyCntrSec .secHeading {margin-bottom: 50px;}
		.stdyCntrCnt, .stdyCntrSbCnt {
			width: 100%;
			position: relative;
		}
			.stdyCntrSbCnt {
				max-width: 800px;
				margin: 0 auto;
				padding: 0 10px;
				display: table;
			}
				.stdyCntrCardCnt {
					width: 375px;
					height: 250px;
					background-color: #ccc;
					border-radius: 10px;
					overflow: hidden;
					float: left;
					margin-right: 30px;
					background-size: 100% 100%;
					background-image: url('../img/mannu.jpg');
					text-align: center;
					color: var(--white);
					padding: 20px;
				}
					.stdyCntrCardCnt:last-child {margin-right: 0;}
					.stdyCntrCardCnt .urnvstyName {
						font-size: 40px;
						text-transform: uppercase;
						margin: 40px 0 20px;
						letter-spacing: 10px;
						font-family: var(--bold);
					}
					.stdyCntrCardCnt .urnvstyFlName {
						font-size: 20px;
						height: 70px;
					}
					.stdyCntrCardCnt .readMoreBtnCnt a {
						border-color: var(--white);
						color: var(--white);
						background-color: rgba(0,0,0,0.5);
						letter-spacing: 1px;
					}

		.stdyCntrDtlSec,
		.eligibilityCnt,
		.feeStrctrSec,
		.newAdmsionSec {
			border-top: 1px solid #ccc;
		}
			.stdyCntrDtlSec:after,
			.eligibilityCnt:after,
			.feeStrctrSec:after,
			.newAdmsionSec:after,
			.cntctFrmCnt:after {
				width: 400px;
				content: url('../img/breakerBorder.png');
				background-image: url('../img/jamia_bg_pattern.jpg');
				background-color: #ccc;
				background-repeat: repeat;
				display: inline-block;
				left: 50%;
				transform: translateX(-50%);
				text-align: center;
			}
		.stdyCntrDltCnt {
			width: 100%;
			max-width: 1170px;
			margin: auto;
			display: table;
		}
			.CntrDltCnt {width: 100%; position: relative;}
				.CntrDlt {width: 100%; position: relative; margin-bottom: 80px; }
				.CntrLogo {
					position: relative;
					width: 300px;
					height: 300px;
					float: left;
					text-align: center;
				}
					.CntrLogo img {
						width: auto;
						margin: 0 auto;
						display: inline-block;
						vertical-align: middle;
					}
				.CntrDlt h1 {
					font-size: 30px;
					font-family: var(--bold);
					color: var(--dakr_navy);
					margin-bottom: 30px;
				}
				.CntrDlt p {
					font-size: 18px;
					line-height: 22px;
					margin-bottom: 20px;
				}
					.CntrDlt p:last-child { margin-bottom: 0; }

			.CntrFeeStrctr {
				width: 100%;
				background-color: #fff;
				border-radius: 10px;
				position: relative;
				padding: 30px 20px;
				box-shadow: 0 0 15px rgba(0,0,0,0.2);
				max-width: 1050px;
				margin: 0 auto 40px;
			}
				.CntrFeeStrctr:last-child {margin-bottom: 0;}
				.table-cont h4 {
				    margin-bottom: 25px;
				    text-align: center;
				    font-size: 22px;
				    color: var(--red_color);
				    font-family: var(--bold);
				}
			.mannuExtraDtlCnt {
				width: 100%;
				max-width: 1000px;
				margin: 50px auto 0;
			}
				.crsPrcBxCnt {
					width: 100%;
					position: relative;
					display: table;
					margin-bottom: 30px;
				}
					.crsPrcBxCnt .crsPrcBx {
						width: 49%;
						height: 50px;
						line-height: 50px;
						float: left;
						border: 1px solid #b4b8c3;
						padding: 0 30px;
						border-radius: 100px;
						font-size: 17px;
						font-family: var(--medium);
						text-align: center;
					}
						.crsPrcBxCnt .crsPrcBx:last-child {float: right;}
				.marksAlertTxtCnt {
					width: 100%;
					font-size: 18px;
					margin-bottom: 30px;
				}
					.marksAlertTxtCnt > span {display: block; margin-bottom: 2px;}
					.marksAlertTxtCnt > span:last-child {margin-bottom: 0;}
					.marksAlertTxtCnt > span.nm {font-size: 22px;margin: 5px 0; color: var(--red_color);}
					.marksAlertTxtCnt > span a {text-decoration: underline;color: #307bce;}
				.prcNoteAlerBx {
					width: 100%;
					background-color: #d7dae2;
					overflow: hidden;
					border-radius: 4px;
					position: relative;
					-webkit-box-shadow: inset 80px 0 0 var(--red_color);
					box-shadow: inset 80px 0 0 var(--red_color);
					padding: 12px 20px 12px 100px;
					font-size: 16px;
					line-height: 20px;
					font-family: var(--medium);
					margin-bottom: 30px;
				}
					.prcNoteAlerBx:last-child {margin-bottom: 0;}
					.prcNoteAlerBx:after {
						content: 'Note';
						color: var(--white);
						position: absolute;
						top: 12px;
						left: 20px;
						font-size: 18px;
						font-family: var(--medium);
					}
				.ncpulSec .CntrLogo {
				    width: 220px;
				    height: 200px;
				    text-align: left;
				}
				.ncpulSec .CntrDlt {margin-bottom: 30px;}
				.ncpulSec .CntrDlt h1 {font-size: 28px;}
				.ncpulSec .mannuExtraDtlCnt {max-width: 1170px;margin-top: 20px;}
				.ncpulSec .marksAlertTxtCnt	{margin-bottom: 0;}
/* ================ [ // Jamia - Study Center Page ] ================ */

/* ====================================================================================================== */

/* ================ [ Jamia - Addmission Page ] ================ */
	body.admissoinPage {overflow-x: hidden;}
	section.newAdmsionSec {padding-bottom: 0;}
	section.eligibilityCnt {padding-bottom: 0;}
	.rlsAndRglstnPoints {
		width: 100%;
		max-width: 1100px;
		margin: 0 auto 80px;
		position: relative;
		z-index: 2;
	}
		.rglstnPoints {margin-bottom: 40px;}
		.rglstnPoints li {font-size: 18px;}
		.rlsAndRglstnPoints .prcNoteAlerBx {float: left;width: auto;}
		.rlsAndRglstnPoints h3 {
			font-size: 24px;
			margin-bottom: 30px;
			font-family: var(--bold);
		}

		/* How to apply  */
			.hwToAplyCnt {
				width: 100%;
				background-color: #e8ebf1;		
				padding: 100px 0;
				background-image: url('../img/bg-pattern.jpg');
				background-blend-mode: multiply;
				background-attachment: fixed;
				position: relative;
				z-index: 0;
				margin-bottom: 60px;
			}
				.hwToAplyCnt:after,
				.hwToAplyCnt:before,
				.admsnFrmCont:after,
				.adSec:after,
				.adSec:before {
					content: '';
					width: 100%;
					height: 25px;
					background-repeat: repeat-x;
					position: absolute;
					left: 0;
					z-index: 1;
				}
					.hwToAplyCnt:after,
					.admsnFrmCont:after,
					.adSec:after {
						top: 0;
						background-image: url('../img/jamiaTopPtrn_f8.png');
					}
					.hwToAplyCnt:before,
					.adSec:before {
						bottom: 0;
						background-image: url('../img/jamiaBottomPtrn_f8.png');
					}
					.hwToAplyCnt.AdmissionProcedure:before {display: none;}
				.hwToAplySbCnt {
					max-width: 1100px;
					margin: 0 auto;
					position: relative;
				}
					.hwToAplySbCnt h3 {
						font-size: 24px;
						font-family: var(--bold);
						margin-bottom: 10px;
					}
					.hwToAplySbCnt p {
						font-size: 18px;
						line-height: 24px;
						margin-bottom: 35px;
					}
					.hwToAplySbCnt p:last-child {margin-bottom: 0;}
				.hwToAplyCnt.AdmissionProcedure {margin-bottom: 0;}
		/* // How to apply  */
		/* Fee Structure  */
			.feeStrctrSec {padding: 110px 0; }
				.feeStrctrSec:after {box-shadow: 0 17px #e1e4eb inset;}
				.feeStrctrCont {
					width: 100%;
					max-width: 1030px;
					margin: 0 auto;
					position: relative;
					z-index: 1;
				}
				.feeStrctrSbCnt {width: 100%;position: relative;margin-bottom: 70px;float: left;}
					.feeStrctrBxCnt {
						width: 48%;
						float: left;
						position: relative;
						transition: var(--transition);
						transition-delay: 0.5s;
						border-radius: 10px;
					}
						.feeStrctrBxCnt:last-child {float: right;}
						.feeStrctrBxCnt:hover {
							-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.15);
							box-shadow: 0 0 10px rgba(0,0,0,0.15);
						}
						.feeStrctrBxCnt .panel {height: 320px;}
							.feeStrctrBxCnt .box1.nwStdnt {background-image: url('../img/newStudentBg.jpg');}
							.feeStrctrBxCnt .box1.oldStdnt {background-image: url('../img/oldStudentBg.jpg');}
							.feeStrctrBxCnt .box1:after {display: none;}
								.nwStdntIcn {
									width: 100%;
									height: 100px;
									line-height: 100px;
									float: left;
									margin: 80px 0 0 30px;
									background-repeat: no-repeat;
									background-position: left center;
									padding-left: 150px;
									text-align: left;
									font-size: 30px;
									font-family: var(--bold);
									color: #fff;
								}
								.nwStdnt .nwStdntIcn {background-image: url('../img/newStudentIcn.png');}
								.oldStdnt .nwStdntIcn {background-image: url('../img/oldStudentIcn.png');}
							.feeStrctrBxCnt .box2 {
								background-color: #f9f9f9;
								line-height: initial;
								text-align: left;
							}
								.hdngHdr {
									width: 100%;
									font-size: 22px;
									font-family: var(--bold);
									padding: 5px 0 15px;
									margin-bottom: 20px;
									border-bottom: 1px solid #ccc;
								}
								.feeDtl {width: 100%; position: relative; }
									.feeDtl li {
										position: relative;
										display: table;
										width: 100%;
										margin-bottom: 8px;
										font-size: 18px;
										padding: 0 25px;
									}
										.feeDtl li .srvHdng {float: left;position: relative;width: 75%;}
											.feeDtl li .srvHdng:after {
												content: ':';
												float: right;
												position: absolute;
												font-size: 26px;
												right: 0;
												top: -5px;
											}
										.feeDtl li .srvAmnt {float: right;font-family: var(--bold);}
										.feeDtl li.ttlAmntFtr {
											border-top: 1px solid #ccc;
											padding-top: 15px;
											margin-top: 25px;
											font-family: var(--bold);
										}

				.feeStrctrCont .prcNoteAlerBx {
					-webkit-box-shadow: none;
					box-shadow: none;
				}
				.feeStrctrCont .prcNoteAlerBx:after {
					background-color: var(--red_color);
					padding: 0 15px;
					height: 35px;
					line-height: 35px;
					left: 12px;
					border-radius: 3px;
				}
		/* // Fee Structure  */

		/* New Admission  */
			.newAdmsionSec {}
				.newAdmsionSec .secHeading p {margin-top: 25px;font-size: 20px;}
				.dawaMlvatMainCont {
					width: 100%;
					position: relative;
					margin-bottom: 80px;
					display: table;
				}
				.dawaMlvatCont {
					width: 50%;
					float: left;
					background-color: #ccc;
					position: relative;
					z-index: 0;
					padding: 50px;
					min-height: 425px;
				}
					.dawaMlvatCont:last-child:after {
						position: absolute;
						content: '';
						left: -60px;
						top: 0;
						width: 20px;
						height: 100%;
						background-image: url('../img/jamia_bg_pattern.jpg');
						z-index: 2;
						transform: skew(-12deg, 0deg);
					}
					.dawaMlvatCont .dawaMlvatBgImg {
						width: 110.5%;
						height: 100%;
						left: -50px;
						position: absolute;
						top: 0;
						transform: skew(-12deg, 0deg);
						overflow: hidden;
						background-color: red;
						z-index: 0;
					}
						.dawaMlvatCont:last-child .dawaMlvatBgImg {}
						.dawaMlvatCont .dawaMlvatBgImg img {
							transform: skew(12deg, 0deg);
							width: 111%;
							position: relative;
							z-index: 0;
						}
						.dawaMlvatCont .dawaMlvatBgImg:before {
							position: absolute;
							top: 0;
							left: -50px;
							content: '';
							width: 110%;
							height: 100%;
							background-size: 100%;
							transform: skew(12deg, 0deg);
							z-index: 1;
							background-color: #d7dae2;
							-webkit-background-size: 100%;
							background-size: 100%;
							background-position: center center;
							background-repeat: no-repeat;
							background-image: url('../img/newAdmsnBg_1.jpg');
						}
							.dawaMlvatCont:last-child .dawaMlvatBgImg:before {background-image: url('../img/newAdmsnBg_2.jpg'); }
						.dawaMlvatCont .dawaMlvatBgImg:after {
							position: absolute;
							content: '';
							width: 100%;
							height: 100%;
							background-color: rgba(44, 50, 65, 0.85);
							top: 0;
							left: 0;
							z-index: 2;
						}
							.dawaMlvatCont:last-child .dawaMlvatBgImg:after {background-color: rgba(215, 218, 226, 0.85);}


					.dawaMlvatCntnt {
						width: 100%;
						max-width: 550px;
						z-index: 2;
						position: relative;
					}
						.dawaMlvatCntnt.dawaTxt {
							color: #fff;
							margin-right: 50px;
						}
						.dawaMlvatCntnt.molvTxt {color: var(--navy_blue); }
						.dawaMlvatCntnt h3 {
							font-size: 22px;
							font-family: var(--bold);
							margin-bottom: 20px;
						}
						.dawaMlvatCntnt .rglstnPoints {margin-bottom: 0;}
						.dawaMlvatCntnt.dawaTxt .rglstnPoints {border-color: #fff; }
						.dawaMlvatCntnt.dawaTxt .rglstnPoints li:after{
							border-color: #fff;
							background-color: #2c3241;
						}
						.dawaMlvatCntnt.molvTxt .rglstnPoints {border-color: var(--navy_blue); }
						.dawaMlvatCntnt.molvTxt .rglstnPoints li:after{
							border-color: var(--navy_blue);
							background-color: #d7dae2;
						}
 
			/* Admission Form */
				.admsnFrmCont {
					width: 100%;
					background-color: #e8ebf1;
				    padding: 150px 0 100px;
				    height: 1500px;
				    background-image: url('../img/bg-pattern.jpg');
				    background-blend-mode: multiply;
				    background-attachment: fixed;
				    position: relative;
				}
					.admsnFrmSbCnt {
						width: 100%;
						max-width: 1000px;
						border-radius: 10px;
						position: relative;
						background-color: #fff;
						-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
						box-shadow: 0 0 10px rgba(0,0,0,0.2);
						margin: 0 auto;
						z-index: 1;
						padding-bottom: 30px;
					}
						.admsnFrmSbCnt .frmHdr {
							width: 100%;
							border-bottom: 1px solid #ccc;
							padding: 35px 40px 25px;
							display: table;
						}
							.admsnFrmSbCnt .frmHdr h2.frmMnHdng {font-size: 24px;font-family: var(--bold);}
							.admsnFrmSbCnt .crntDate {position: relative;}
								.crntDate .dateHdng {
									font-size: 20px;
									font-family: var(--bold);
									margin-right: 10px;
									margin-top: 1px;
								}
									.crntDate .date,
									.crntDate .month,
									.crntDate .year {
										width: 45px;
										height: 30px;
										text-align: center;
										font-family: var(--medium);
										font-size: 20px;
										letter-spacing: 1px;
										border: 0;
										color: var(--navy_blue);
										position: relative;
									}
									.crntDate .year {width: 65px;}
									.date::-webkit-input-placeholder,
									.month::-webkit-input-placeholder,
									.year::-webkit-input-placeholder {
										color: #ccc;
									}
									.date::-moz-placeholder,
									.month::-moz-placeholder,
									.year::-moz-placeholder {
										color: #ccc;
									}
									.date::-ms-input-placeholder,
									.month::-ms-input-placeholder,
									.year::-ms-input-placeholder {
										color: #ccc;
									}
									.date::-moz-placeholder,
									.month::-moz-placeholder,
									.year::-moz-placeholder {
										color: #ccc;
									}
									.crntDate .brkr {font-size: 20px;color: #ccc; margin: 4px 4px 0;}

						.admsnFrmSbCnt .frmDtlSec {
							width: 100%;
							padding: 45px 45px 30px 45px;
							display: table;
							position: relative;
						}
							.frmDtlSbSec {
								width: 100%;
								height: 100%;
								position: relative;
								background-color: #fff;
							}
								.cnddtPhotoCnt {
									position: relative;
									width: 175px;
									height: 195px;
									border: 2px solid #cccfd6;
									background-color: #fff;
									padding: 3px;
								}
									.cnddtPhotoCnt:after {
										content: 'Passport size photograph with plain background';
										line-height: 16px;
										font-size: 13px;
										text-align: center;
										width: 100%;
										position: absolute;
										left: 0;
										top: 105%;
									}
									.cnddtPhotoSbCnt {
										width: 100%;
										height: 100%;
										background-color: #cccfd6;
										position: relative;
										overflow: hidden;
										background-image: url('../img/photoBgIcn.png');
										background-repeat: no-repeat;
										background-position: bottom center;
									}
										.cnddtPhotoSbCnt {
											width: 100%;
											height: 100%;
											display: inline-block;
											vertical-align: bottom;
										}
										.imgUpldBtn {
											width: 50px;
											height: 50px;
											line-height: 45px;
											border-radius: 50px;
											position: absolute;
											background-color: rgba(44, 50, 65, 0.7);
											top: 50%;
											left: 50%;
											transform: translate(-50%, -50%);
											color: #fff;
											text-align: center;
											font-size: 22px;
											cursor: pointer;
											border: 2px solid rgba(255, 255, 255, 0.5);
											transition: var(--transition);
										}
											.imgUpldBtn:hover {background-color: rgba(44, 50, 65, 1.0);}
											.imgUpldBtn span {
												position: absolute;
												top: 120%;
												left: 50%;
												transform: translateX(-50%);
												white-space: nowrap;
												text-transform: uppercase;
												font-size: 12px;
												line-height: 30px;
												padding: 0 15px;
												font-family: var(--bold);
												border-radius: 50px;
												letter-spacing: 1px;
												color: #fff;
												background-color: rgba(44, 50, 65, 0.7);
											}
											.cnddtPhotoCnt.active .imgUpldBtn {
											    top: 85%;
											    left: 85%;
											    transform: translate(-50%, -50%);
											    width: 35px;
											    height: 35px;
											    font-size: 14px;
											    line-height: 28px;
											    opacity: 0.5;
											}
											.cnddtPhotoCnt.active .imgUpldBtn:hover {opacity: 1;}
											.cnddtPhotoCnt.active .cnddtPhotoSbCnt {
												background-image: none;
												background-color: #fff;
											}
											.cnddtPhotoCnt.active .imgUpldBtn span {display: none;}

							.frmDtlInptCont {
								width: 100%;
								max-width: 700px;
								position: relative;
								display: table;
							}
								._100 { width: 100%; }
								._50 { width: 48%; }
								._70 { width: 67%; }
								._30 { width: 30%; }
								.frmDtlInptBx {
									position: relative;
									margin-bottom: 20px;
								}
									.frmDtlInptBx label {
										font-size: 18px;
										font-family: var(--bold);
										float: left;
										width: 100%;
										margin-bottom: 10px;
									}
										.frmDtlInptBx label span.mandetory {color: var(--red_color);}
									.frmDtlInptBx input,
									.select-styled {
										width: 100%;
										border: 1px solid #ccc;
										height: 50px;
										border-radius: 4px;
										padding: 0 15px;
										font-size: 15px;
										transition: var(--transition);
										position: relative;
									}
										.frmDtlInptBx input:focus {border-color: var(--navy_blue);}
										.frmDtlInptBx input.date,
										.frmDtlInptBx input.month {
											width: 27%;
											margin-right: 8px;
											float: left;
										}
											.frmDtlInptBx input.year {width: 37%; float: right;}
											.frmDtlInptBx input.date,
											.frmDtlInptBx input.month,
											.frmDtlInptBx input.year {text-align: center;padding: 0 13px;letter-spacing: 1px;}
									.select-hidden {display: none; visibility: hidden;}
									.select-styled {
										float: left;
										line-height: 50px;
									}
										.select-styled:after {
										    content: "";
										    width: 0;
										    height: 0;
										    border: 6px solid transparent;
										    border-color: #737b91 transparent transparent transparent;
										    position: absolute;
										    top: 21px;
										    right: 15px;
										}
											.select-styled.active:after {
											    border-color: transparent transparent #fff transparent;
											    top: 13px;
											}
									.select-styled.active {
									    color: #fff;
									    background-color: var(--navy_blue);
									    border-bottom-right-radius: 0;
									    border-bottom-left-radius: 0;
									}
									.select-options {
									    display: none;
									    position: absolute;
									    top: 100%;
									    right: 0;
									    left: 0;
									    z-index: 999;
									    margin: 0;
									    padding: 0;
									    list-style: none;
									    background-color: #fff;
									    max-height: 230px;
									    overflow-x: hidden;
									    overflow-y: scroll;
									    border: 1px solid var(--navy_blue);
									}
										.select-options::-webkit-scrollbar {width: 5px; height: 2px;}
										.select-options::-webkit-scrollbar-track {background: #ededed;}
										.select-options::-webkit-scrollbar-thumb {background: var(--navy_blue);}
										.select-options li {
										    margin: 0;
										    padding: 13px 15px;
										    border-top: 1px solid #cbd2d8;
										    -moz-transition: all 0.15s ease-in;
										    -o-transition: all 0.15s ease-in;
										    -webkit-transition: all 0.15s ease-in;
										    transition: all 0.15s ease-in;
										    line-height: 20px;
										    font-size: 16px;
										    color: #021727;
										}
											.select-options li:hover, .select-options li.selected {
											    color: #fff;
											    font-weight: 400;
											    background-color: var(--light_blue);
											}

						.frmNotePoints {
							width: 100%;
							border-top: 1px solid #ccc;
							border-bottom: 1px solid #ccc;
							padding: 10px 20px 10px 60px;
							position: relative;
							margin-bottom: 30px;
						}
							.frmNotePoints:after {
								content: 'Note:';
								color: var(--red_color);
								font-size: 14px;
								font-family: var(--bold);
								position: absolute;
								left: 15px;
								top: 5px;
							}
							.frmNotePoints p {
								font-size: 13px;
								line-height: 16px;
								margin-bottom: 5px;
							}
								.frmNotePoints p:last-child {margin-bottom: 0;}
						.frmSbmtBtnCnt {
							width: 100%;
							height: 50px;
							line-height: 50px;
							text-align: center;
						}
							.frmSbmtBtn {
								width: 200px;
								padding: 0 30px;
								display: inline-block;
								border-radius: 50px;
								height: 45px;
								line-height: 45px;
								font-size: 16px;
								letter-spacing: 1px;
								text-transform: uppercase;
								border: 0;
								background-color: var(--navy_blue);
								color: #fff;
								cursor: pointer;
							}
								.frmSbmtBtn:hover {background-color: var(--light_blue);}
			/* // New Admission  */
/* ================ [ // Jamia - Addmission Page ] ================ */

/* ====================================================================================================== */

/* ================ [ Jamia - Contact Page ] ================ */
	.cntctFrmMainCnt {
		width: 100%;
		max-width: 980px;
		position: relative;
		background-color: #fff;
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
		box-shadow: 0 0 10px rgba(0,0,0,0.2);
		margin: 0 auto;
		border-radius: 10px;
		display: table;
	}
		.cntctFrmCnt, .adrsCnt {float: left;width: 50%;padding: 35px;position: relative;}
		.cntctFrmCnt {
			height: 100%;
			border-right: 1px solid #ccc;
			padding-right: 60px;
		}
			.cntctFrmCnt:after {
				content: url('../img/v_breakerBorder.png');
			    background-color: #fff;
			    background-image: none;
			    padding-top: 10px;
			    width: 30px;
			    height: 275px;
			    left: 97%;
			    transform: inherit;
			    top: 150px;
			}
			.frmCnt {
				width: 100%;
				position: relative;
				display: table;
			}
				.inptCnt {
					width: 100%;
					position: relative;
					margin-bottom: 20px;
					text-align: center;
				}
					.inptCnt:last-child {margin-bottom: 0;}
					.inptCnt label {
						font-size: 16px;
						font-family: var(--medium);
						float: left;
						margin-bottom: 5px;
						width: 100%;
						text-align: left;
					}
						.inptCnt label span.mandatory {color: var(--red_color);}
					.inptCnt input,
					.inptCnt textarea {
						width: 100%;
						border: 1px solid #b7b7b7;
						height: 45px;
						padding: 0 15px;
						font-family: var(--regular);
						transition: var(--transition);
						font-size: 15px;
					}
						.inptCnt input:focus,
						.inptCnt textarea:focus {border-color: var(--navy_blue);}
						.inptCnt textarea {height: 120px; resize: none; padding: 15px;}
						.sndBtn {
							width: 175px;
							height: 45px;
							border: 1px solid #b7b7b7;
							text-align: center;
							background-color: transparent;
							border-radius: 50px;
							cursor: pointer;
							transition: var(--transition);
							font-size: 17px;
							font-family: var(--regular);
						}
							.sndBtn:hover {background-color: var(--navy_blue); color: #fff;}

		.adrsCnt {
			padding-left: 60px;
		}
			.adrsCnt > h3 {font-size: 22px; color: var(--red_color);margin-bottom: 20px;}
			.adrsCnt ul {position: relative;width: 100%;}
				.adrsCnt ul li {
					width: 100%;
					margin-bottom: 20px;
				}
					.adrsCnt ul li:last-child {margin-bottom: 0;}
					.adrsCnt ul li h3 {
						font-size: 17px;
						margin-bottom: 5px;
					}
					.adrsCnt ul li p {
						font-size: 17px;
						line-height: 20px;
					}
					.adrsCnt ul li .gMapCnt {
						border: 1px solid #ccc;
					}
/* ================ [ // Jamia - Contact Page ] ================ */

/* ====================================================================================================== */

/* ================ [ Jamia - Event Page ] ================ */
	.evntPstPgCnt {
		width: 100%;
		position: relative;
		display: table;

	}
		.evntPstCnt {
			width: 100%;
			padding: 20px;
			position: relative;
		}
			.evntPstSbCnt {
				width: 100%; 
				position: relative; 
				-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3);
				box-shadow: 0 0 10px rgba(0,0,0,0.3);
				border-radius: 6px;
				transition: var(--transition);
			}
				.evntPstSbCnt:hover {
					-webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.4);
					box-shadow: 0 5px 15px rgba(0,0,0,0.4);
				}
				.evntPstSbCnt .evntHdrCnt {
					background-color: #fff;
					width: 100%;
					height: 245px;
					position: relative;
					overflow: hidden;
					transition: var(--transition);
					border-top-left-radius: 6px;
					border-top-right-radius: 6px;
					z-index: 1;
				}
					.evntPstSbCnt:hover .evntHdrCnt {transform: scale(1.06);}
					.evntPstSbCnt .evntHdrCnt:after,
					.evntPstSbCnt .evntCntntDtl:after {
						content: '';
						width: 93%;
						height: 100%;
						background-color: transparent;
						position: absolute;
						left: 10px;
						pointer-events: none;
					}
						.evntPstSbCnt .evntHdrCnt:after {top: 10px; border: 3px solid #fff; }
						.evntPstSbCnt .evntCntntDtl:after {bottom: 10px; border: 3px solid #888; }
					.evntHdrTxt {
						width: 100%;
						position: absolute;
						bottom: 0;
						left: 0;
						padding: 50px 25px 15px;
						z-index: 1;
						background: linear-gradient(rgba(246, 246, 246, 0) 0%, rgba(19, 19, 19, 0.72) 82%, rgba(0, 0, 0, 0.72) 89%);
					}
						.evntHdrTxt  .ctgryTag,
						.evntHdrTxt  .pstDt {
							padding: 0 20px;
							min-width: 100px;
							text-align: center;
							border-radius: 50px;
							background-color: #fff;
							z-index: 2;
							position: relative;
							height: 33px;
							line-height: 30px;
							font-family: var(--bold);
							text-transform: uppercase;
							letter-spacing: 2px;
							-webkit-box-shadow: inset 0 0 0 2px var(--red_color);
							box-shadow: inset 0 0 0 2px var(--red_color);
							border: 2px solid #fff;
							color: var(--red_color);
						}
				.evntPstSbCnt .evntCntntDtl {
					width: 100%;
					padding: 15px 30px 25px;
					position: relative;
					background-color: #fff;
					border-bottom-left-radius: 6px;
					border-bottom-right-radius: 6px;
				}
					.evntCntntDtl .evntPstHdng {
						margin-bottom: 10px;
						overflow: hidden;
						max-height: 50px;
					}
						.evntCntntDtl .evntPstHdng h3 {
							line-height: 24px;
							font-size: 20px;
							font-family: var(--bold);							
						}
					.evntCntntDtl .evntPstTxt {
						width: 100%;
						position: relative;
						max-height: 75px;
						overflow: hidden;
						margin-bottom: 20px;
					} 
						.evntPstTxt p.borderLeft {
							font-size: 13px;
							line-height: 16px;
							padding-left: 15px;
							border-width: 2px;
						}
					.evntCntntDtl .evntPstAdrsTmCnt {
						width: 100%;
						position: relative;
					}
						.evntPstAdrsTmCnt .evntPstAdrs,
						.evntPstAdrsTmCnt .evntPstTm {
							display: block;
							border-top: 1px dashed #ccc;
							padding: 10px 0px;
							font-size: 13px;
							width: 100%;
							position: relative;
						    color: var(--light_blue);
						}
						.evntPstAdrsTmCnt .evntPstAdrs:before,
						.evntPstAdrsTmCnt .evntPstTm:before {
							width: 30px;
							height: 25px;
							float: left;
							margin-right: 10px;
							position: relative;
						    font-family: "Font Awesome 5 Free";
						    font-weight: 900;
						    text-align: center;
						    font-size: 18px;
						}
							.evntPstAdrsTmCnt .evntPstAdrs:before {content: '\f3c5';}
							.evntPstAdrsTmCnt .evntPstTm:before {content: '\f017';}
							.evntPstAdrsTmCnt .evntPstAdrs p,
							.evntPstAdrsTmCnt .evntPstTm p {
								font-size: 15px;
								line-height: 18px;
								/* font-family: var(--medium); */
								position: relative;
							}

				.paginationCnt {
				    width: 100%;
				    height: 50px;
				    margin: 50px auto 0;
				    float: left;
				}
					.pagination {
					    border: 1px solid #e6e6e6;
					    max-width: 650px;
					    background-color: #fff;
					    margin: 0 auto;
					    height: 50px;
					    border-radius: 50px;
					    -webkit-box-shadow: 0 10px 30px rgba(0,0,0,0.2);
					    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
					    padding: 8px;
					}
						.nxtPrvBtn {
						    background-color: #e6e6e6;
						    padding: 0 20px;
						    line-height: 33px;
						    height: 100%;
						    border-radius: 30px;
						    font-size: 16px;
						    font-weight: 400;
						    transition: var(--transition);
						    cursor: pointer;
						}
							.nxtPrvBtn.pgPrv i, .nxtPrvBtn.pgPrv {margin-right: 15px; }
							.nxtPrvBtn.pgNxt i, .nxtPrvBtn.pgNxt {margin-left: 15px; }
							.nxtPrvBtn:hover {
							    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
							    background-color: var(--navy_blue);
							    color: #fff;
							}
						.pgNmbrsCnt {position: relative; }
							.pgNmbrsCnt li {
							    width: 35px;
							    height: 35px;
							    line-height: 35px;
							    font-size: 16px;
							    margin-right: 3px;
							    float: left;
							    text-align: center;
							    border-radius: 30px;
							    cursor: pointer;
							}
								.pgNmbrsCnt li:hover {background-color: #e6e6e6; }
								.pgNmbrsCnt li.active {
								    -webkit-box-shadow: inset 0 0 0 2px #fff;
								    box-shadow: inset 0 0 0 2px #fff;
								    border: 1px solid var(--navy_blue);
								    background-color: var(--navy_blue);
								    color: #fff;
								    font-weight: 600;
								}
/* ================ [ // Jamia - Event Page ] ================ */

/* ====================================================================================================== */

/* ================ [ Jamia - Image Gallery Page ] ================ */
	body.imageGalleryPage .paginationCnt,
	body.vedioGalleryPage .paginationCnt {margin: 20px auto; }
	.imgGlryCnt {
		width: 100%;
		padding: 30px;
		margin-bottom: 40px;
		position: relative;
	}
		.imgGlrySbCnt {width: 100%;position: relative;height: 100%;}
		.imgGlrySbCnt2,
		.imgGlrySbCnt:before,
		.imgGlrySbCnt:after {
			content: '';
			width: 100%;
			height: 100%;
			background-color: red;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 0;
    		border-radius: 8px;
    		-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.15);
    		box-shadow: 0 0 10px rgba(0,0,0,0.15);
    		transition: var(--transition);
		}
			.imgGlrySbCnt:after {
				background-color: #ececec;
			    transform: rotate(5deg);
			    z-index: 3;
			}
			.imgGlrySbCnt:before {
				background-color: #dddddd;
				transform: rotate(10deg);
			    z-index: 2;
			}
			.imgGlrySbCnt2 {
				background-color: #c1c1c1;
				transform: rotate(15deg);
			    z-index: 1;
			}
			.imgGlryCnt:hover .imgGlrySbCnt2,
			.imgGlryCnt:hover .imgGlrySbCnt:before,
			.imgGlryCnt:hover .imgGlrySbCnt:after {transform: rotate(0deg);}

		.imgGlry {
			width: 100%;
			max-height: 320px;
			background-color: red;
			position: relative;
			overflow: hidden;
			border-radius: 7px;
			z-index: 5;
			cursor: pointer;
		}
			.imgGlry img {
				transition: var(--transition);
			}
				.imgGlry:hover img {transform: scale(1.1);}
			.imgGlry a {display: block;}
			.imgGlry .glryNm {
				position: absolute;
				bottom: 20px;
				left: 0;
				width: 100%;
				height: 55px;
				line-height: 55px;
				background-color: rgba(0, 0, 0, 0.60);
				z-index: 1;
				text-align: center;
				text-transform: uppercase;
				letter-spacing: 2px;
				overflow: hidden;
				text-overflow: ellipsis;
				font-family: var(--bold);
				color: #fff;
				font-size: 24px;
				padding: 0 15px;
				transition: var(--transition);
				text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
			}
				.imgGlrySbCnt:hover .imgGlry .glryNm {background-color: rgba(235, 44, 35, 0.8);}
				.imgIcn {
				    width: 70px;
				    height: 60px;
				    position: absolute;
				    z-index: 1;
				    top: 55px;
				    left: calc(50% - 30px);
				    text-align: center;
				    line-height: 60px;
				    font-size: 46px;
				    color: #fff;
				    text-shadow: 2px 2px 5px rgba(0,0,0,0.5);
				    transform: scale(1);
				    transition: var(--transition);
				}
					.imgGlrySbCnt:hover .imgIcn,
					.imgCnt:hover .imgIcn {transform: scale(1.0);}
/* ================ [ // Jamia - Image Gallery Page ] ================ */

/* ====================================================================================================== */

/* ================ [ Jamia - Image Gallery Details Page ] ================ */
	.imgGlryPgCnt {position: relative;z-index: 1;}
	.imgCnt {
		width: 100%;
		height: auto;
		min-height: 198px;
		max-height: 198px;
		background-color: #ccc;
		overflow: hidden;
		border-radius: 7px;
		position: relative;
		margin-bottom: 20px;
		cursor: pointer;
	}
		.imgCnt:after {
			position: absolute;
			content: '';
			width: 100%;
			height: 100%;
			background-color: #ccc;
			top: 0;
			left: 0;
		    background: rgba(0,0,0,0) radial-gradient(ellipse at center center,rgba(255,255,255,0) 0,rgba(246,41,12,0) 0,rgba(240,47,23,0) 0,rgba(241,111,92,0) 20%,rgba(0,0,0,.37) 100%) repeat scroll 0 0;
		    display: none;
		    pointer-events: none;
		}
			.imgCnt:hover:after {display: block;}
		.imgCnt .imgIcn {top: calc(50% - 25px);}
		.imgDtlSbCnt {
			width: 100%;
			height: 100%;
			display: table;
			position: relative;
			margin-bottom: 50px;
		}
			.imgDtlSbCnt:last-child {margin-bottom: 0;}
			.yearsTgBtn {
				width: 100%;
				height: 50px;
				margin-bottom: 20px;
				position: relative;
				padding-left: 10px;
			}
				.yearsTgBtn:after {
					content: '';
					width: 88%;
					height: 1px;
					top: calc(50% - 7px);
					position: absolute;
					right: 10px;
					background-color: #737b91;
				}
				.yearsTgBtn .yearsTg {
					background-color: #737b91;
					color: #fff;
					float: left;
					padding: 5px 15px;
					border-radius: 5px;
					font-size: 14px;
					font-family: var(--medium);
					position: relative;
					z-index: 3;
				}
					.yearsTgBtn .yearsTg:after {
						content: '';
					    width: 26px;
					    height: 26px;
					    background-color: #737b91;
					    border-radius: 3px;
					    right: -10px;
					    top: 5px;
					    transform: rotate(45deg);
					    position: absolute;
					    z-index: -1;
					}
					.yearsTgBtn .yearsTg:before {
						content: '';
						width: 6px;
						height: 6px;
						position: absolute;
						top: calc(50% - 3px);
						right: 0px;
						background-color: #fff;
						border-radius: 10px;
					}
/* ================ [ // Jamia - Image Gallery Details Page ] ================ */

/* ====================================================================================================== */

/* ================ [ Jamia - Event Details Page ] ================ */

	.evntDtlPgBnrSec {margin-top: 70px; }
		.evntDtlPgBnr {
			width: 100%;
			position: relative;
			height: 260px;
			overflow: hidden;
			background-repeat: no-repeat;
			-webkit-background-size: 100%;
			background-size: 100%;
			background-attachment: fixed;
		}
	.feeStrctrSec.rltdEvntPstSec {border:0;}
	.feeStrctrSec.rltdEvntPstSec:after {display: none; }

	section.evntDtlSec {margin-top: 0; padding: 0; }
		.evntDtlCnt {
			width: 100%;
			max-width: 1000px;
			background-color: #fff;
			-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.1);
			box-shadow: 0 0 15px rgba(0,0,0,0.1);
			margin: 0 auto;
			position: relative;
			top: -105px;
			border-radius: 10px;
			z-index: 1;
		}
			.evntDtlHdr {
				width: 100%;
				padding: 40px 30px;
				border-bottom: 1px dashed #b4b4b4;
				position: relative;
			}
				.evntDtlHdr h1 {font-size: 28px;font-family: var(--bold);}
			.evntPlcDtTmCnt {
				position: relative;
				height: 55px;
				line-height: 55px;
				width: 100%;
				border-bottom: 1px dashed #b4b4b4;
				padding: 0 20px;
			}
				.evntPgPlcDtTm {width: 80%; position: relative; white-space: nowrap;}
				.evntPgPlc, .evntPgDtTm {
					width: 50%;
					position: relative;
					font-size: 16px;
					font-family: var(--medium);
					padding-left: 40px;
					background-repeat: no-repeat;
					background-position: left center;
				}
					.evntPgPlc {background-image: url('../img/map_thin.png');}
					.evntPgDtTm {background-image: url('../img/calendar_thin.png');}
				.pstShareVwCnt {
					margin-top: 10px;
					font-size: 17px;
					text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
					color: #fff;
				}
					.pstShareIcn {
						width: 35px;
						height: 35px;
						line-height: 35px;
						border-radius: 4px;
						text-align: center;
						background-color: var(--red_color);
						float: left;
						margin-right: 8px;
						cursor: pointer;
						transition: var(--transition);
						position: relative;z-index: 9;
					}
						.pstShareIcn:hover {background-color: var(--navy_blue);}
						/* .pstShareIcn:hover:after, */
						.pstShareIcn.active:after {
							content: '';
							border-top: 7px solid transparent;
							border-bottom: 7px solid transparent;
							border-left: 6px solid var(--light_blue);
							position: absolute;
							left: -10px;
							top: calc(50% - 6px);
						}
						.shareSocialMedia {
							height: 0;
							position: absolute;
							left: -45px;
							width: 35px;
							background-color: var(--light_blue);
							top: 0;
							border-radius: 3px;
							z-index: 2;
							overflow: hidden;
							transition: var(--transition);
						}
							/* .pstShareIcn:hover .shareSocialMedia, */
							.pstShareIcn.active .shareSocialMedia {height: 120px;}
							.shareSocialMedia li {width: 100%; position: relative; }
							.shareSocialMedia li a {
								height: 40px;
								line-height: 40px;
								color: #fff;
								font-size: 14px;
								display: block;
								border-bottom: 1px solid #ccc;
								transition: var(--transition);
							}
								.shareSocialMedia li:last-child a {border-bottom: 0;}
								.shareSocialMedia li:hover a {background-color: var(--navy_blue);}
					.pstVwIcn {
						padding: 0 12px;
						border-radius: 4px;
						line-height: 35px;
						background-color: var(--light_blue);
						float: left;
						letter-spacing: 1px;
						font-family: var(--bold);
					}
						.pstVwIcn i {margin-right: 8px;}
						.viewValue {font-size: 18px;}
			.evntDtlTxtCnt {
				width: 100%;
				padding: 30px;
				position: relative;
			}
				.evntDtlTxtCnt p {
					font-size: 17px;
					line-height: 24px;
					margin-bottom: 25px;
				}
					.evntDtlTxtCnt p:last-child {margin-bottom: 0;}
/* ================ [ // Jamia - Event Details Page ] ================ */

/* ====================================================================================================== */

/* ================ [ Jamia - Testimonial Page ] ================ */
	.tstmnalPgMnCnt {
		width: 100%;
		max-width: 860px;
		margin: 0 auto;
		position: relative;
		display: table;
		z-index: 1;
	}
		.tstmnalPstCnt {width: 100%; position: relative; margin-bottom: 70px;float: left; }
			.tstmnalPstCnt:last-child {margin-bottom: 0;}
			.tstmnalPstTxt {
				width: 100%;
				border-radius: 5px;
				background-color: #fff;
				-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.15);
				box-shadow: 0 0 10px rgba(0,0,0,0.15);
				padding: 40px 40px 80px 40px;
				font-size: 18px;
				text-align: center;
				border: 1px solid #ccc;
				position: relative;
			}
				.tstmnalPstTxt:after {
					content: '\f4b9';
					font-family: "Font Awesome 5 Free";
				    font-weight: 900;
					width: 40px;
					height: 40px;
					line-height: 40px;
					background-color: #fff;
					-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
					box-shadow: 0 0 10px rgba(0,0,0,0.2);
					position: absolute;
					left: -20px;
					top: 20px;
					color: var(--red_color);
					font-size: 24px;
					border-radius: 50px;
				}
			.tstmnalPstCnt .tsmnalAthr {margin: -37px auto 0;}
/* ================ [ // Jamia - Testimonial Page ] ================ */

/* ====================================================================================================== */

/* ================ [ Jamia - Results Page ] ================ */
	.rsltInptCont {
		position: relative;
		z-index: 1;
	}
		.rsltInptSbCnt {
			width: 100%;
			max-width: 450px;
			-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3);
			box-shadow: 0 0 10px rgba(0,0,0,0.3);
			border-radius: 10px;
			background-color: #fff;
			margin: 0 auto;
			display: table;	
			padding: 30px 30px 50px 30px;
		}
		.rsltInptSbCnt .frmSbmtBtnCnt {margin-top: 10px;}
/* ================ [ // Jamia - Results Page ] ================ */





/* ========================================== Sprituallity Page ============================================================ */
	body.sprituality .abtKhnqahSec {
		background-image: url('../img/khanqah_bg_pattern.jpg');
		background-attachment: fixed;
	}
	body.sprituality footer {background-color: #0d4435; }
	body.sprituality footer:after { background-image: url('../img/khanqah_footer_pttern.png');}
	body.sprituality header,
	.abtKhnqahHdrSec {
		background-color: #deece3;
		background-image: url('../img/sprtual_hdr_ptrn.jpg');
		background-blend-mode: multiply;
	}
	body.sprituality header .mainMenu > ul > li.active > a { 
		color: var(--green_color);
		box-shadow: inset 0 -4px 0 0 var(--green_color);
	}
	body.sprituality .mainMenu > ul > li:hover > a {box-shadow: inset 0 -4px 0 0 #048d4c; color: #048d4c; }
	body.sprituality header .mainMenu > ul > li > ul.subMenu {
		background-color: var(--green_color);
		background-image: url('../img/sprtual_hdr_ptrn2.jpg');
		background-blend-mode: soft-light;
	}
	body.sprituality ul.subMenu > li:hover > a,
	body.sprituality ul.subMenu > li.active > a {
	    background-color: var(--light_green);
	}
	body.sprituality .ftr_sec_sb h3, 
	body.sprituality .subscribe_cnt h3,
	body.sprituality .ftr_sec_sb ul.lnks_ul li a,
	body.sprituality .cntrBx,
	body.sprituality .copyright-cont {
		color: #88ada3;
	}
	body.sprituality .cntrBx {border-color: #88ada3;}
	body.sprituality .sbscribe_frm input, 
	body.sprituality .sbscribe_frm button {
		border-color: #277760;
	}
	body.sprituality .sbscribe_frm input:focus {box-shadow: 300px 0 0 #277760 inset; }
	body.sprituality .sbscribe_frm button:hover {box-shadow: 110px 0 0 #277760 inset; }
	body.sprituality .top_scroll_btn:hover a {background-color: var(--green_color); }
	body.sprituality .ftr_sec_sb ul.lnks_ul li {border-left: 1px solid #88ada3; }
	body.sprituality .ftr_sec_sb ul.lnks_ul li:after {border: 1px solid #88ada3; background-color: #0c4233;}
	body.sprituality .ftr_sec_sb ul.lnks_ul li a:hover {box-shadow: 300px 0 0 #277760 inset; color: #fff; }
	body.sprituality .secHeading h1 .lightFont {color: var(--green_color);}
	body.sprituality .secHeading h1 .lightFont,
	body.sprituality .secHeading h1 {color: var(--white);}


	/* ================ [ Sprituallity - about Page ] ================ */
		.abtKhnqahHdrSec {
			height: 230px;
			margin-top: 115px;
			position: relative;
			margin-bottom: 29px;
		}
			.abtKhnqahHdrSec {overflow: hidden;z-index: 0;}
			.abtKhnqahHdrSec:after {
				/*position: absolute;
				content: url('../img/gumbade_khanqah.png');
				left: calc(50% - 175px);
				pointer-events: none;*/
				position: absolute;
			    content: '';
			    left: 50%;
			    transform: translateX(-50%);
			    pointer-events: none;
			    width: 40%;
			    height: 230px;
			    background: url(../img/gumbade_khanqah.png);
			    background-position: bottom center;
			    bottom: 10px;
			    background-repeat: no-repeat;
			}
			.abtKhnqahCnt {
				width: 100%;
				position: relative;
			}
				.baniKhnqah,
				.khqahLogo {
					width: 350px;
					height: 170px;
					top: 35px;
					position: relative;
					background-repeat: no-repeat;
					-webkit-background-size: auto;
					background-size: auto;
					background-position: center center;
				}
					.baniKhnqah {background-image: url('../img/arif_safi_nm.png');}
					.khqahLogo {background-image: url('../img/khanqah_arifia_logo.png');}

		.daiyIslamMsgSec {
			height: 610px;
			max-height: 740px;
			padding-top: 70px;
			z-index: 1;
			position: relative;
			margin-top: -45px;overflow: hidden;
			-webkit-background-size: 100% 100%;
			background-size: 100% 100%;
			background-image: url('../img/message_bg.png');
			background-position: top left;
		}
			.daiyIslamMsgCnt {
			    position: relative;
			    width: 100%;
			    float: left;
			}
			.daiyIslamImg {
				width: 100%;
				max-width: 550px;
				position: relative;
				left: -100px;
			}
			.daiyIslamImg img {
			    position: relative;
			    z-index: 1;
			    filter: brightness(0.9);
			}

			.dlyIslmMsgTxt {
				width: 100%;
			    max-width: 670px;
			    margin-top: 0;
			    text-align: left;
			    color: var(--white);
			    position: absolute;
			    top: 50%;
			    right: 0;
			    transform: translateY(-50%);
			}
			.dlyIslmMsgTxt:after {
			    position: absolute;
			    content: '';
			 /*   width: 170%;
			    height: 94%;
			    z-index: -1;
			    background: url(../img/message-ovrly.png);
			    left: -54%;
			    background-position: 70% 0px;
			    background-repeat: no-repeat;
			    background-size: cover;
			    opacity: .5;
			    bottom: -28px;*/
			}
			.dlyIslmMsgTxt .txtCnt {
			    max-height: 208px;
			    position: relative;
			}
			.dlyIslmMsgTxt .txtCnt:after {
		        position: absolute;
			    content: '';
			    right: -8px;
			    top: 95%;
			    background: url(../img/qoute-right.png);
			    width: 20px;
			    height: 20px;
			}
			.dlyIslmMsgTxt .txtCnt:before{    position: absolute;
			   	position: absolute;
			    content: '';
			    left: -28px;
			    top: -5%;
			    background: url(../img/qoute-left.png);
			    width: 20px;
			    height: 20px;
			}
				.dlyIslmMsgTxt .secHeading {text-align: left;margin-bottom: 50px;}
				.dlyIslmMsgTxt .secHeading h1,
				.dlyIslmMsgTxt .secHeading h1 .lightFont {color: #fff;}
				.txtCnt {font-size: 18px;}
				.abtKhanqhContnt a {--red_color: #333; margin-top: 20px; }

		.minSec {height: 45px;top: 0;background-color: #333;}
		.abtKhnqahSec {
			padding: 110px 0;
			height: 520px;
		}
			.khanqahTopPttrn:after {
			    content: '';
			    position: absolute;
			    width: 100%;
			    height: 25px;
			    left: 0;
			    z-index: 9;
			    top: -21px;
			    background-image: url(../img/khanqah_top_ptrn_eb.png);
			    background-repeat: repeat-x;
				}

			.glryHmSec.khanqahTopPttrn:after{}
			.abtKhnqahSec:before{
			    content: '';
			    position: absolute;
			    width: 32%;
			    height: 100%;
			    top: 0;
			    left: 0;
			    z-index: 1;
			    background-image: url(../img/abt_khanqah_flwrbg.png);
			    background-repeat: no-repeat;
			    background-size: cover;
			}
			.abtKhanqhContnt {
			    width: 100%;
			    float: left;
			    position: relative;
			    background-image: url('../img/dargah_cloud.png');
			    background-position:right bottom;
			    height: 470px;
			    background-repeat: no-repeat;
			    background-size: auto 100%;
			    padding-right: 50%;
			    z-index: 1;
			}
				.abtKhanqhContnt p{
					color: #2c3242;
					line-height: 24px;
				}
				.abtKhanqhContnt .secHeading {
				    text-align: left;
				    margin-bottom: 30px;
				}
.abtKhanqhContnt .secHeading h1, .abtKhanqhContnt .secHeading h1 .lightFont{color: var(--green_color) !important}
.about_gallry {
    display: flex;
}
body.sprituality {
    background: url(../img/khanqah_bg_pattern.jpg);
}
.about_gallry> div {
    flex: 1;
}
.about_gallry .gllry_left {
    max-width: 560px;
    margin-right: 15px;
}
.about_gallry .abtgllry_box {
    display: flex;
    justify-content: space-between;
}
.gllry_left .abtgllry_box a {
    height: 385px;
    display: block;
    position: relative;
}
.gllry_left .abtgllry_box a img{display: block;}
.gllry_right .abtgllry_box a.wdth50 {
    width: 48.7%;
    height: 170px;
}
.about_gallry .abtgllry_box.bottom a {
    height: 200px;
}
.about_gallry .abtgllry_box a.wdth30 {
    width: 34%;
    margin-top: 15px;
    overflow: hidden;
}
.about_gallry .abtgllry_box a.wdth70 {
	width: 67%;
    margin-top: 15px;
    margin-left: 15px;
    height: 200px;
    overflow: hidden;
}
.about_gallry .abtgllry_box a {
    display: block;position: relative;
    box-shadow: 1px 1px 8px 0px rgba(0, 0, 0, 0.37);
    width: 100%;
}



.about_gallry .abtgllry_box a .captions {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    width: 100%;
    text-transform: capitalize;
    height: 52px;
    line-height: 19px;
    padding: 7px;
    display: flex;
    align-items: center;
}
.about_gallry .abtgllry_box a:before {
    position: absolute;
    content: '';
    width: 60px;
    height: 55px;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 1;
    background-position: center center;
    background-repeat: no-repeat;    
    background-size: 30px;
   
}
.slick-lightbox-close:before{line-height: 30px !important;font-size: 28px !important;opacity: 1 !important}
.about_gallry .abtgllry_box a.camra:before{ background-image: url(../img/camera-icon.png);}
.about_gallry .abtgllry_box a.vdo:before{ background-image: url(../img/vdo-icon.png);}
.about_gallry .abtgllry_box a img {
    position: relative;
    display: block;
    max-width: 100%;
    max-height: 100%;
}
section.deen_outercont {
    min-height: 520px;
    width: 100%;
    padding: 0;
    background-color: #ccc;
    background-image: url(../img/socialBg.jpg);
    background-size: 110% 190%;
    background-position: center top;
    z-index: 9;
}
.deen_cont {
    width: 100%;
    height: 500px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.deen_cont> div:not(.deen-cntr){
    font-size: 48px;
    color: #238752;
    font-family: var(--medium);
    cursor: pointer;
    position: absolute;
    width: 150px;
    height: 150px;
    display: flex;
    align-items: center;
     border: solid 10px rgba(255, 255, 255, 0.32);
    justify-content: center;
    background: #fff;
    background-clip: content-box;
    border-radius: 50%;
    z-index: 1;
}
.deen_cont> div.deen_left {
	bottom: 30%;
    right: 67%;
}
.deen_cont> div.deen_right {
    bottom: 30%;
    left: 67%;
}
.deen_cont> div.deen_top {
    bottom: 60%;
}
.deen_cont> div:hover:not(.deen-cntr) {
    background: #c53729;
    border: solid 10px rgba(197, 55, 41, 0.3);
    background-clip: content-box;
    color: #fff;
    transition: all .3s ease-in;
}
.deen_cont .deen-cntr {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 10px;
}
.deen_popup {
    position: absolute;display: none;
    min-width: 790px;
    background: #fff;
    z-index: 9;
    padding: 15px;
    border-radius: 10px;
    left: 50%;
    max-height: 370px;
    transform: translate(-50%, -50%);
    top: 50%;
     
    box-shadow: 0px 0px 270px 120px rgba(0, 0, 1, 0.345);
}
.deen_popup h3 {
    font-size: 20px;
    margin-bottom: 5px;
}
.deen_popup p {
    font-size: 18px;
}
.deen_popup a.close {
    position: absolute;
    right: -15px;
    top: -15px;
    height: 34px;
    width: 34px;
    background: #eb2d25;
    color: #fff;
    text-align: center;
    line-height: 34px;
    border-radius: 50%;
}
.deen_popup:after {
/*    position: absolute;
    content: '';
    border-top: 16px solid #fff;
    border-left: 14px solid transparent;
    border-right: solid 14px transparent;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);*/
}
.deen_cont .deen-cntr img {
    width: auto;
}
section.deen_outercont:before {
width: 100%;
    position: absolute;
    content: '';
    background-image: url(../img/deen-topbg.png);
    background-repeat: repeat-x;
    height: 30px;
    top: -25px;
    left: 0;
    background-position: -42px;
}

.deen_cont .deen_left:after {
	position: absolute;
    content: '';
    width: 4%;
    top: 59%;
    left: 139%;
    transform: translateX(-50%) rotate(-51deg);
    border-top: solid 163px #0f36233b;
    border-left: solid 34px transparent;
    border-right: solid 34px transparent;
    z-index: -1;
    pointer-events: none;
}

.deen_cont .deen_right:after {
    position: absolute;
    content: '';
    width: 4%;
    top: 59%;
    left: -36%;
    transform: translateX(-50%) rotate(51deg);
    border-top: solid 163px #0f36233b;
    border-left: solid 34px transparent;
    border-right: solid 34px transparent;
    z-index: -1;
    pointer-events: none;
}
.deen_cont> div img {
    width: 90px;
}

.deen_cont .deen_top:after {
    position: absolute;
    content: '';
    width: 4%;
    top: 99%;
    left: 49%;
    pointer-events: none;
    transform: translateX(-46%);
    border-top: solid 173px #0f362338;
    border-left: solid 34px transparent;
    border-right: solid 34px transparent;
    z-index: -9;
}
section.glryHmSec.khanqahTopPttrn  {
    background: url(../img/khanqah_bg_pattern.jpg);
}

body.sprituality .glryHmSec.khanqahTopPttrn h1,body.sprituality  .glryHmSec.khanqahTopPttrn h1 .lightFont {
    color: var(--green_color);
}
section.foundr_bnnr {
    height: 450px;
    background-image: url(../img/foundrbanner.png);
    margin-top: 115px;
    background-size: cover;
    background-repeat: no-repeat;
}
section.foundr_bnnr .singlCaption {
    margin-top: 80px;
    text-align: center;
    font-size: 36px;
    font-family: var(--bold);
    color: var(--light_green);
}
section.foundrabtsec {
    background-image: url(../img/khanqah_bg_pattern.jpg);
    float: left;
    width: 100%;
    padding: 70px 0;
}
section.foundrabtsec h1 {
    color: #127242;
    font-size: 24px;
    margin-bottom: 10px;
    font-family: var(--bold); padding-left: 100px;
}
section.foundrabtsec p{
	color: #2c3242;
	 font-size: 18px;
	 line-height: 24px;
	 font-family: var(--regular);
	 margin-bottom: 30px;    
	 padding: 0 100px;
}

section.daiye_islam {
    margin-top: 115px;
    background-image: url(../img/khanqah_bg_pattern.jpg);
    padding-top: 110px;
    padding-bottom: 80px;
}
section.daiye_islam .secHeading {
    margin-bottom: 60px;
}
section.daiye_islam .secHeading h1 ,section.daiye_islam .secHeading h1 .lightFont{
    color: var(--light_green);
}
section.saeed_card_cont {
    display: flex;
    justify-content: center;
}
section.saeed_card_cont .card_cont {
    float: left;
    width: 100%;
    background: url(../img/dislam-bg-pattern.jpg);
    height: 442px;
    max-width: 1000px;
    overflow: hidden;
    box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    position: relative;
}
.card_cont .carddtail_cont {
    flex: 1;    
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    min-width: 575px;
}
.card_prprt .row>div span {
    font-family: var(--regular);
    margin-right: 10px;
}
.card_prprt {
	    padding-right: 50px;
    padding-left: 20px;
    font-size: 16px;
}
.card_prprt> .row {
    margin: 0;
    display: flex;
}
.card_prprt .row>div {
    flex: 1;
    padding: 7px;
    border-bottom: solid 1px #2c3242;
    border-left: solid 1px #2c3242;
    font-family: var(--bold);
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    font-size: 14px;   
    line-height: 20px;
}

.card_prprt> .row:last-of-type>div {
    border-bottom: 0;
}
.card_prprt .row>div label {
    flex: 1;
}
.card_prprt .row .fullw {
    width: 100%;
    border-left: 0;
}
.card_prprt .row>div:nth-child(odd) {
    border-left: 0;padding-left: 0;
}
.card_cont:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: -103px;
    background-image: url(../img/card-big-bg.png);
    background-repeat: no-repeat;
    background-size: auto 101%;
    background-position: 24px 0px;
}
.card_cont .cardpic_cont {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    width: 40%;
   position: relative;flex-direction: column;
}
.cardpic_cont label {
    font-family: var(--bold);
    position: absolute;
    bottom: 60px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 16px;
    width: 100%;
    text-align: center
}
.cardpic_cont label span {
    font-family: var(--regular);
}

.card_cont .cardpic_cont:before {
    position: absolute;
    content: '';
    width: 40px;
    height: 282px;
    background: url(../img/v_breakerBorder.png);
    right: 0;
    background-position: center;
    background-repeat: no-repeat;
}

.cardpic_cont .saeedimg {
    width: 231px;
    height: 231px;
    padding: 16px;
    border-radius: 50%;
    background: url(../img/saeedpic_bg.png);
    background-size: cover;
}
.saeedimg img {
    border: solid 5px #fcfcfc;
    border-radius: 50%;
}
section.daiye_islam_contnt {
    margin-top: 85px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: flex-start;
    align-items: flex-start;
}
.contnt-sect .navtargt {
    margin-top: 45px;
}
.daiye_islam_contnt .leftnavfix {
    width: 270px;
    margin-top: 159px;
    position: sticky;
    top: 50px;
    margin-right: 26px;
    background: url(../img/white-bg-pttrn.jpg);
    border-radius: 10px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}
ul.sticnav {
    padding: 10px 0;
}
.daiye_islam_contnt .contnt-sect {
    flex: 1;
    font-size: 18px;
    padding-right: 50px;
}
.daiye_islam_contnt .contnt-sect p {
    margin-bottom: 15px;
}
ul.sticnav a {
    display: block;
    padding: 14px 17px;
    color: #000;
    line-height: 1;
    font-size: 17px;
    font-family: var(--regular);
    text-transform: capitalize;
    transition: all 300ms ;
    white-space: nowrap;
}
ul.sticnav a:hover,ul.sticnav a.active{background: #127142; color: #fff ;font-family: var(--regular)}
li#spiritual_evnt ul.subChildMenu {
    background: #048d4c;
}
li#spiritual_evnt ul.subChildMenu li.active a,
li#spiritual_evnt ul.subChildMenu li:hover a{
	background: #096d3d;
}
#mehfil_e span.lightFont, #mehfil_e h1 {
    color: var(--green_color);
}
 .spevnt_note {
    display: inline-block;
    background-color: #cfd2d8;
    border-radius: 35px;
    padding: 7px 20px 10px;
    font-size: 16px;
    font-family: var(--regular);
    margin-top: 10px;
    transition: var(--transition);
}

body.publication header .mainMenu > ul > li > ul.subMenu {
    background-color:#008f9f;
}
body.publication header .mainMenu > ul > li > ul.subMenu li.active a {
    background:#12b2c4;
}
body.publication header .mainMenu > ul > li > ul.subMenu li a:hover{background: #12b2c4;} 
body.publication header .mainMenu > ul > li.active > a{color: #008f9f;box-shadow: inset 0 -4px 0 0 var(--public_color);}
section.abtsacdmbanner {
    margin-top: 110px;
}
.abtsacdmbanner .ssacdmcard_maincont {
    padding-bottom: 100px;
    background-image: url(../img/publication_pattrn.jpg);
    margin-top: -170px;
    float: left;
    width: 100%;
}
.ssaCard_cont {
    padding-top: 50px;
    width: 100%;
    z-index: 1;
    margin: auto;
    padding-left: 50px;
    padding-right: 50px;
    position: relative;
    max-width: 1100px;
    display: flex;
}
.bannerImg {
    float: left;
    width: 100%;
}
.bannerImg img {
    position: relative;
}
.ssaCard_cont .headng {
    background: #fff;
    padding: 8px 20px;
    position: absolute;
    top: 11px;
    left: 80px;
    font-family: var(--medium);
    font-size: 18px;
    color: #008f9f;
    box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.4);
    border-radius: 11px 11px 0 0;
    z-index: 0;}

.ssaCard_cont .ssacdmyCard {
    background: #fff;
    border-radius: 11px;
    float: left;
    width: 100%;
    z-index: 111;
    box-shadow:0 0 10px 0px rgba(0, 0, 0, 0.4);
    position: relative;
    margin-bottom: 10px;
}

.tab-content.current {
    display: block;
    width: 100%;
    float: left;
}
.tab-content {
    display: none;
}
.ssacdmyCard .card_hdr .rihghtbnk-btn {
    float: right;
    display: flex;
    height: 100%;
    align-items: center;
    font-style: italic;
    color: var(--public_color);
    font-family: var(--medium);
}
.rihghtbnk-btn a {
    margin-right: 15px;
    background: #008f9f;
    padding: 0 25px;
    border-radius: 30px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    font-size: 14px;
    color: #fff;
    transition: var(--transition);
    margin-left: 18px;
}
.ssacdmyCard .card_hdr {
    height: 50px;
    border-bottom: solid 1px var(--public_color);
    float: left;width: 100%;
}
.card_hdr .card_tab {
    float: left;
    height: 100%;
    display: flex;
    align-items: flex-end;
    padding-left: 50px;
}
.card_tab a {
    display: inline-block;
    background: #e6e5e5;
    padding: 5px 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: var(--bold);
    margin-right: 10px;
    border-radius: 7px 7px 0 0;
}
.card_tab a.active {
    background: var(--public_color);
    padding: 8px 20px;
    color: #fff;
}
form.card_fromcont {
    float: left;
    width: 100%;
    padding-right: 20px;
    padding-bottom: 30px;
    padding-left: 5px;
}
.card_fromcont .formgroup_row {
    margin-top: 25px;
    display: flex;
}
form.card_fromcont .formgroup_row .frm_block {
    flex: 1;
    padding-left: 15px;
}
.frm_block label {
    color: var(--public_color);
    font-family: var(--bold);
    display: block;
    text-transform: capitalize;
    font-size: 14px;
}
.cardfrm_input {
    width: 100%;
    padding: 10px;
    min-height: 40px;
    border: solid 1px var(--public_color);
    color: var(--public_color);
}
div#bankdtail ul.bnkdtails li {
    display: flex;
    font-size: 20px;
    padding: 10px;
    border-bottom: solid 1px #e7e7e7;
}
div#bankdtail ul.bnkdtails li:last-child{border-bottom: 0;}
 ul.bnkdtails li label {
    width: 200px;
    text-align: left;
}
ul.bnkdtails li label:after{content: ':'}

.cardfrm_input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color:  var(--public_color) ;
}
.cardfrm_input::-moz-placeholder { /* Firefox 19+ */
	color:  var(--public_color) ;
}
.cardfrm_input::-ms-input-placeholder { /* IE 10+ */
	color:  var(--public_color) ;
}
.cardfrm_input::-moz-placeholder { /* Firefox 18- */
	color:  var(--public_color) ;
}



.frm_block .select-styled {
    height: 40px;
    border-color: var(--public_color);
    line-height: 37px;
    color: var(--public_color);
    border-radius: 0;
}
.frm_block .select-styled:after {
    border-color: #008f9f transparent transparent transparent;
    top: 16px;
}
.frm_block .select-styled.active {
    background-color: var(--public_color);
    height: 40px;
    color: #fff;
}
.frm_block .select-styled.active:after{ border-color: #fff  transparent transparent transparent;}

.frm_block .select {
    height: 40px;
    position: relative;
}
.frm_block .select .select-options {
    border-color: var(--public_color) !important;
}
.frm_block .select .select-options li {
    color:  var(--public_color);
    border-color:  var(--public_color);
}
.frm_block .select-options li:hover, .frm_block .select-options li.selected{
	color: #fff;
    font-weight: 400;
    background-color:  var(--public_color)
}
.bkordr_btn {
    padding: 0 35px;
    border: 1px solid var(--public_color);
    border-radius: 30px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    font-size: 16px;
    color: var(--public_color);
    transition: var(--transition);
    cursor: pointer;text-transform: uppercase;
    font-family: var(--medium);
    background: transparent;
}
.bkordr_btn:hover{background: var(--public_color); color: #fff}

section.poplr_book {
    background-image: url(../img/pblictn_pplr_bookbg.jpg);
    padding-top: 80px;
    background-size: cover;
    background-attachment: fixed;
   }
section.poplr_book .secHeading * {
    color: #fff;
}
.pplr_books {
    display: flex;
    margin-top: 0px;
    margin-bottom: 120px;
}
.pplr_books .bookimg {
    max-width: 408px;
    max-height: 278px;
    position: relative;
     box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    overflow: hidden;
}
.populrbk_cont {
    float: left;
    width: 100%;
    background-image: url(../img/publication_pattrn.jpg);
    background-repeat: repeat;
    background-attachment: fixed;
}
.poplr_book .secHeading {
    padding-bottom: 120px;
}
.bookNameBGCover .bookName {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	/*background-color: #555;*/
	color: #008f9f;
	font-size: 20px;
	padding: 12px 24px;
	border: none;
	cursor: pointer;
	border-radius: 5px;
	text-align: center;
}
.bookimg .bkovrly {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	display: flex;
	flex-direction: column;
	background: var(--public_color) url(../img/book-ovrlybg.png);
	background-position: center center;
	border-radius: 10px;
	transition: var(--transition);
	opacity: 0;
}
.bookimg .bkovrly img {
    width: 50px;
    margin-bottom: 20px;
}
.bookimg .bkovrly .readbk_btn {margin-top: 50px; transition: var(--transition)}
.bookimg:hover .readbk_btn{margin-top: 0;}
.bookimg:hover .bkovrly{opacity: 1}
.readbk_btn {
    padding: 0 35px;
    border: 1px solid #fff;
    border-radius: 30px;
    height: 38px;
    line-height: 35px;
    display: inline-block;
    font-size: 16px;
    color: #fff;
    transition: var(--transition);
}
.pplr_books .bookimg:nth-child(2) {
    margin: 0 30px;
}
.shafi_dvidr {
	height: 35px;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    float: left;
    position: absolute;
    top: -17px;
    left: 0;
}
.shafi_dvidr:after,.shafi_dvidr:before{
	flex: 1;
	
	content: '';
	height: 1px;
	background: #909090
}
.shafi_dvidr:before{left: 0}
.shafi_dvidr:after{right: 0}
.shafi_dvidr img {
    width: auto;
    margin: 0 10px;
}
.safi_acdmy_cont {background-image: url(../img/sufi_acdmy-bgpttrn.jpg); }
.readbk_btn:hover{background: #fff;color: var(--public_color);border-color: var(--public_color)}
.safi_acdmy_cont{padding-top: 85px;}
.safi_acdmy_cont .secHeading {margin-bottom: 20px; }
.safi_acdmy_cont .secHeading *{color: var(--public_color) !important;}
.safi_acdmy_cont .subhdng {
    text-align: center;
    margin-bottom: 50px;
    font-size: 20px;
    letter-spacing: .5px;
    color: var(--public_color);
}
.safi_acdmy_cont .txt_contnt p {
    margin-bottom: 25px;
}
.safi_acdmy_cont .txt_contnt {
    font-size: 18px;
    line-height: 22px;
    color: var(--navy_blue);
    font-family: var(--medium);
    max-width: 740px;
    margin: auto;
    padding-bottom: 60px;
}
body.publication footer#footer {
    background-color: #0b363d;
}

body.publication footer:after {
    width: 100%;
    position: absolute;
    content: '';
    background-image: url(../img/academy_footer_pttern.png);
    background-repeat: repeat-x;
    height: 30px;
    top: -25px;
    left: 0;
}
section.news_cont {
    float: left;
    width: 100%;
    background: url(../img/publication_pattrn.jpg);
    padding:30px 0;
    position: relative;
    background-repeat: repeat;
    background-attachment: fixed;
    padding-bottom: 55px;
}
section.news_cont:after{width: 100%;
    position: absolute;
    content: '';
    background-image: url(../img/newsTop_pttrn.png);
    background-repeat: repeat-x;
    height: 30px;
    top: -25px;
    left: 0;
}
body.publication .top_scroll_btn:hover a{background-color: var(--public_color);}
.safi_acdmy_cont.team_cont {
    padding-top: 80px;
    margin-top: 115px;
    background: url(../img/publication_pattrn.jpg);
    padding-bottom: 120px;
}
ul.tem_mmbr_list {
    display: flex;
    flex-flow: row wrap;
        margin-left: -10px;
    margin-right: -10px;
    padding-top: 30px;
    padding-bottom: 80px;
}
ul.tem_mmbr_list> li {
	padding: 0 10px;
	max-width: 350px;
    margin-bottom: 20px;
    position: relative;
    flex: 1;
    min-width: 320px;
}
.team_mmbr {
    width: 100%;
    height: 248px;
    background: url(../img/teambg.png);
    background-size:100% 100%;display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.3);
    border-radius: 8px;

}
.team_mmbr img {
    width: 150px;
    height: 150px;
    border: solid 1px var(--public_color);
    padding: 4px;
    border-radius: 50%;
    margin-bottom: 18px;
}
.team_mmbr .mmbr_name {
    color: #12b2c4;
    font-size: 24px;
    font-family: var(--medium);
    text-transform: capitalize;
}
ul.tem_mmbr_list li .team_ovrlay{
	position:absolute;
	top: 0;
	left: 10px;
	border-radius: 8px;
	width: calc(100% - 20px);
	height: 100%;    
	transition: all .2s linear;
	background: var(--public_color);
	display: flex;
    align-items: center;
    color: #fff;
    opacity: 0;
    padding: 0 15px;
}
.team_ovrlay ul.mmbrdetails_list {
    width: 100%;margin-top: -25px;
    transition: all .3s linear;
}
.team_ovrlay ul.mmbrdetails_list li {
    width: 100%;
    padding: 10px 0;
    border-bottom: solid 1px rgba(255, 255, 255, 0.7);
    font-size: 16px;
    display: flex;
    margin: 0;
}
ul.mmbrdetails_list li:last-of-type{
	border-bottom: 0;
}
.team_ovrlay ul.mmbrdetails_list li span {
    max-width: 95px;
    flex: 1;
}
.team_ovrlay ul.mmbrdetails_list li label {
    padding-left: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    flex: 1;
}
ul.mmbrdetails_list li label a {
    color: #fff;
}
ul.tem_mmbr_list li:hover .team_ovrlay{opacity: 1;}
ul.tem_mmbr_list li:hover ul.mmbrdetails_list{margin-top: 0;}

body.humanity header .mainMenu > ul > li.active > a{color: var(--red_color);box-shadow: inset 0 -4px 0 0 var(--red_color) }
section.humanity_cont {
    margin-top: 70px;
    padding-top: 160px;
    background: url(../img/humanitybg.jpg);
    background-size: cover;
    padding-bottom: 30px;
}
body.humanity footer {
    background-color: #2e3443;
}
.humanityt_text {
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 102, 102, 0.65);
    height: 205px;
    color: #fff;
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 100px;
    padding: 0 140px;flex-direction: column;
    padding-top: 25px;
}
.humanity_content {
    float: left;
    width: 100%;
    margin-top: 100px;
    text-align: center;
    padding-bottom: 140px;
}
.humanityt_text p {
    font-size: 18px;
    text-align: center;
    width: 100%;
}
.humanity_content img {
    width: auto;
    display: block;
    margin: auto;
    margin-bottom: 60px;
}
.humanity_content .humnty_btn,.humanity_cont .humnty_btn{
    border-radius: 30px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    font-size: 18px;
    min-width: 180px;
    background: var(--red_color);
    transition: var(--transition);
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 1px;
    font-family: var(--meduim);
    box-shadow: 0 0 15px rgba(0,0,0,0.6);
}
.humanity_content .humnty_btn:hover,.humanity_cont .humnty_btn:hover{
	color:var(--red_color);
	background-color: #fff; 

}
.sajrapattisec {
    float: left;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 30px;
}

.shajra-download {
    float: left;
    width: 100%;
    color: var(--light_green);
    text-align: center;
    font-family: var(--medium);
    font-size: 16px;
}
ul.sajra-dwnld-btns {
    width: 498px;
    margin: auto;
    margin-top: 40px;
    display: flex;
    justify-content: center;
    z-index: 1;
    position: relative;
}

ul.sajra-dwnld-btns:before {
    position: absolute;
    content: '';
    width: 100%;
    z-index: -1;
    top: 50%;
    height: 1px;
    background: #a0a7a3;
    left: 0;
    transform: translateY(-50%);
}
ul.sajra-dwnld-btns li {
    position: relative;
}
ul.sajra-dwnld-btns li:before {
position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    right: -8px;
    top: 50%;
    transform: translateY(-50%);
    border: solid 1px #a0a7a3;
    border-radius: 50%;
    background: #deece4;
}
ul.sajra-dwnld-btns li:last-child:before{display: none;}
ul.sajra-dwnld-btns a {
    background: #fff;
    display: flex;
    padding: 5px 20px;
    color: var(--light_green);
    margin: 0 30px;
    transition: all .3s linear;
    border-radius: 35px;
    overflow: hidden;
    box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.2);
    position: relative;
    width: 180px;
    height: 47px;
    line-height: 1;
    align-items: center;
    justify-content: space-between;
    font-size: 17px;
}
ul.sajra-dwnld-btns li a span {
    flex: 1;
    text-align: left;
    padding-left: 26px;
}
ul.sajra-dwnld-btns li:last-child a span{padding-left: 16px;} 
ul.sajra-dwnld-btns a:hover{box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.2)}
ul.sajra-dwnld-btns li:first-child a {margin-left: 0; }
ul.sajra-dwnld-btns li:last-child a{margin-right: 0;}

ul.sajra-dwnld-btns a img {
    display: inline-block;
    width: auto;
    height: 22px;
    margin-top: 0px;
}
ul.sajra-dwnld-btns a:after {
    position: absolute;
    content: '';
    width: 1px;
    height: 70%;
    top: 50%;
    background: #d1cece;
    right: 50px;
    transform: translateY(-50%);
}
ul.sajra-dwnld-btns a i.fa.fa-file-pdf {
    margin-right: 10px;color: var(--red_color)
}
ul.sajra-dwnld-btns a i.fa.fa-arrow-circle-down {
    margin-left: 15px;
    transition: all .3;
}
section.family-treecont {
    background: url(../img/familytreebg.png);
    height: 600px;
}
section.family-treecont:after {
    width: 100%;
    position: absolute;
    content: '';
    background-image: url(../img/familytree-top-pattern.png);
    background-repeat: repeat-x;
    height: 30px;
    top: -22px;
    left: 0;
}

.sajrapattisec .shajra {
    max-width: 800px;
    margin: auto;
    overflow: hidden;
    padding-bottom: 30px;
}


ul.book-list {
    display: flex;
    flex-wrap: wrap;padding-top: 80px;float: left;width: 100%;
}
ul.book-list li {
    flex: 1;
    min-width: 300px;
    margin-bottom: 40px;
        position: relative;
    padding: 20px 0;
    max-width: 362px;
}
ul.book-list li .book_box {
    display: flex;
    flex-direction: column;
    align-items: center;
}
ul.book-list li img {
    width: auto;
}
.book_box label.bktitle {
    font-size: 20px;
    color: var(--public_color) !important;
    text-transform: uppercase;
    margin-top: 20px;letter-spacing: 1px;
}
ul.book-list li .book-ovrly {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;opacity: 0;
    align-items: center;
    justify-content: center;
    background: #ffffff91;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    transition: all .3s linear;z-index: 3;
    box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.2);
}
ul.book-list li:hover .book-ovrly{opacity: 1}
.book-ovrly a {
    background: var(--public_color);
    padding: 8px 25px;
    border-radius: 45px;
    color: #fff;
    font-size: 16px;
    text-transform: capitalize;
    transform: translateY(-30px);
    opacity: 0;
    transition: all .4s linear;
}
ul.book-list li:hover .book-ovrly a{transform: translateY(-0); opacity: 1;}
ul.book-list li:after {
    position: absolute;
    content: '';
    width: 1px;
    height: 60%;
    background: #85b6bb;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 5px;
    right: 0px;
    z-index: 0;
}
ul.book-list li:nth-child(3):after,
ul.book-list li:nth-child(6):after,
ul.book-list li:nth-child(9):after,
ul.book-list li:nth-child(12):after,
ul.book-list li:nth-child(15):after,
ul.book-list li:nth-child(18):after{display: none;}

section.news_cont.books{background: #fff;}
section.news_cont.books:after{background:url(../img/books-slidetop-pattrn.png);    background-repeat: repeat-x;top: -22px; }
.select-year-cont {
    float: left;
    width: 100%;margin: 50px 0;
    margin-bottom: 20px;
    padding: 10px;
    border: solid 1px #008f9f;
    border-radius: 50px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.select-year-cont .select {
    position: relative;
    width: 120px;margin-right: 10px;
}
.select-year-cont .select-styled {
    line-height: 35px;
    height: 35px;
    background: #77bac1;
    cursor: default;
    border-radius: 45px;font-size: 18px;
    color: #237078;
    padding: 0 20px;text-transform: uppercase;
    border: 0;cursor: pointer;
    font-family: var(--bold);
}
.select-year-cont .select-styled:after{ top: 15px; right: 19px;border-color:currentColor transparent transparent transparent}
.select-year-cont .select-styled:hover {
    background: #237078;
    color: #fff;
}
.select-year-cont .select-styled.active {
    background: #fff;
}
.select-year-cont .select-styled.active:hover {
    background: #fff;
    color: #237078;
}
.select-year-cont .select-styled:before {
    position: absolute;
    content: '|';
    right: 38px;
}
.select-year-cont ul.select-options {
	top: 45px;
    border: 0;
    max-height: inherit;
    overflow: inherit;
    z-index: 4;
    padding: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
}
.select-year-cont ul.select-options:before {
    position: absolute;
    content: '';
    top: -9px;
    z-index: 1299;
    border-bottom: solid 11px white;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    left: 50%;
    transform: translateX(-50%);
}
.select-year-cont ul.select-options li {
    padding: 4px;
    color: #236978;
    text-transform: uppercase;
    text-align: center;
    border: 0;cursor: pointer;
    border-radius: 50px;
}
.select-year-cont ul.select-options li:hover,.select-year-cont ul.select-options li.selected{background: #236978 ;color: #fff;}

li#magazine.active ul.subChildMenu {
    background: #12b2c4;
}
li#magazine.active ul.subChildMenu a:hover,li#magazine.active ul.subChildMenu a:focus{background: #0d8f9e}

.card_cont.books {
    margin-top: 85px;
}
.card_cont.books .saeedimg {
    background: no-repeat;
    width: auto;
    height: auto;
    border-radius: 0;
    padding-top: 0;
    margin-top: -40px;
}
.card_cont.books .saeedimg img {
    width: 300px;
    border: 0;
    border-radius: 0;
}
.card_cont.books .cardpic_cont label {
    font-size: 40px;
    color: #237078;
}
.card_cont.books .cardpic_cont label i.fa {
    font-size: 32px;
}

.carddtail_cont.bks .book_desc h2 {
    font-size: 26px;
    color: #248b96;
    font-family: var(--bold);
    padding-bottom: 20px;
    border-bottom: solid 1px #bdbdbd;
    margin-bottom: 15px;
}
.carddtail_cont.bks .book_desc .booktext {
    font-size: 18px;
    color: #055f69;
    height: 130px;
    overflow: hidden;
}
.book_stats {
    display: flex;
    padding: 7px 0;
    border: solid 1px #bdbdbd;
    border-left: 0;
    border-right: 0;
    margin-bottom: 20px;
    justify-content: space-between;
}
.book_stats label i.fa {
    margin-right: 10px;
}
.book_stats label {
    font-size: 18px;
    color: #055f69;
    font-weight: 600;
    width: 105px;
    border-right: solid 1px #77bac1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.book_stats label:nth-child(2) {
    margin-right: auto;
}
.book_stats a {
    background: #77bac1;
    padding: 3px 17px;
    color: #fff;
    border-radius: 50px;
    font-size: 14px;margin-right: 15px;
}
.carddtail_cont.bks .book_desc {
    padding-right: 50px;
    padding-left: 20px;
    font-size: 16px;
}

.carddtail_cont.bks .bkdtail-fttr {
    display: flex;
    justify-content: space-between;
}
.carddtail_cont.bks .bkdtail-fttr a {
    flex: 1;
    text-align: center;
    margin: 0 10px;
    height: 40px;
    line-height: 38px;
}
.card_cont.books{position: relative;z-index: 9;overflow: inherit;}
.saeed_card_cont.books:after{
    background: url(../img/card-shadow.png);
    position: absolute;
    content: '';
    z-index: -1;
    width: 100%;
    height: 60px;
    bottom: -14px;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 80%;
}
.saeed_card_cont.books{z-index: 1;padding-bottom: 40px;}

.donationBnt{display:block ;}
.menuBrCnt .langMblBtn{display: none;}









































@media (min-width: 1200px) and (max-width: 1399px) {
	.container {width: 1170px;}
	.mainMenu > ul > li > a {margin-right: 12px; letter-spacing: 0.5px; }
	.masonryChild._1 {width: 580px; }
	.masonryChild._5 {width: 550px; }
	.hmGlryLghtBxCnt{top: 50%;}


}

@media (min-width: 1024px) and (max-width: 1199px)  {
	.container {width: 1000px; }
	.evntSldImg,.evntSldCntnt{height: 342px;}
	.evntSldCntnt{padding: 25px 25px 20px 30px;}
	.crr_crd{max-width: 410px;}
}
@media (max-width: 1200px)  {
	.crsPrcBxCnt .crsPrcBx{font-size: 16px;}
	.hmGlryLghtBxCnt{top: 50%;}
	.evntPstCnt{padding: 0;}
	.evntHdrTxt{padding: 50px 10px 15px;}
	.msngr_img_cnt{max-width: 280px;margin-right: 20px;}
	.miya_msg_cntnt{width: calc(100% - 300px);}
	.abtPgSubCont{margin: 0;}
	.langBar{margin-right: 15px;}
	.abtJmaHm .subSecCont{padding-left: 30px;}
	.jmaHmImgCnt {width: 315px; height: 400px; margin-right: 45px; }
	section.abtJmaHm .container {width: 100%; }
	section.abtJmaHm .container .jmaHmCntntCnt {width: calc(100% - 360px); }
	.abtJmaHm .cntnt p.borderLeft {padding-left: 15px; }

	.dawaMlvatCont{padding: 35px;min-height: 405px;}
	.dawaMlvatCntnt.dawaTxt{margin-right: 50px;}
	.dawaMlvatCntnt.dawaTxt{padding-left: 30px;}
	.hiddenTab {display: none !important;}
	.prspctsCont {display: flex; overflow-y: auto; }
	.prspctsCont .col-lg-4 {flex: 1; }
	
	.nwUpdtCnt {height: 45px; line-height: 45px; }
	.allUpdtsSpan {font-size: 18px;}
	.allUpdtsSpan:after {
	    border-top: 23px solid transparent;
	    border-bottom: 23px solid transparent;
	    border-left: 15px solid #eb2d25;
	}
	.updatesCnt {padding-left: 130px;}
	.updatesCnt li a {font-size: 14px; height: 30px; line-height: 30px; margin-top: 5px; }
	.updatesCnt li a:before {line-height: 31px;}
	.abtFoundationCnt .jmaHmImgCnt {
	    width: 300px;
	    height: 386px;
	    margin-right: 50px;
	    margin-left: 30px;
	}
	section.abtJmaHm, section.glryHmSec, section.testimoniaSec {padding: 80px 0;}
	.jmaHmCntntCnt, .linkCnt {margin-top: 0;}
	.abtJmaHm .secHeading {margin-bottom: 25px; }
	.secHeading h1 {font-size: 32px;}
	.abtJmaHm .cntnt {margin-bottom: 40px;}
	.mrSitesHmPg {height: 300px;}
	.linkCnt ul li {height: 215px;}
	.baniKhnqah, .khqahLogo{background-size: 200px;}
	.daiyIslamImg{max-width: 380px;}
	.daiyIslamMsgSec{height: 444px;background-size: auto;}
	.dlyIslmMsgTxt .secHeading{margin-bottom: 30px;}
	.abtKhnqahSec{padding: 70px 0;}
	.abtKhanqhContnt{background-size: auto 80%;}
	.about_gallry{height: 350px;}
	.about_gallry> div,.gllry_right .abtgllry_box a.wdth50{height: 100%;}
	.gllry_right .abtgllry_box{height: 50% !important;padding-bottom: 15px;}
	.abtgllry_box.bottom {padding-bottom: 0; }
	.about_gallry .abtgllry_box{height: 100%;overflow: hidden;}
	.about_gallry .abtgllry_box a{height: 100% !important;}
	.about_gallry .abtgllry_box a .captions{
		display: block;
		height: auto;
		white-space: nowrap;
	    text-overflow: ellipsis;
	    overflow: hidden;
	}
	body.sprituality header .mainMenu > ul > li.active > a{box-shadow: inset 0px -4px 0px -1px var(--green_color)}
	.about_gallry .abtgllry_box a.wdth30,.about_gallry .abtgllry_box a.wdth70{margin-top: 0;}
	.humanityt_text{height: auto;padding-bottom: 10px;}
	ul.tem_mmbr_list{justify-content: center;}
	.crr_crd{max-width: 410px;}
	.cntntArea .icon{    
		width: 40px;
	    height: 40px;
	    display: block;
	    margin: 0px auto 20px;
	}
	.cntntArea{
		padding: 0;   
		display: flex;
    	flex-direction: column;
   	 	justify-content: center;
	}
	.cntntArea h1.hdng2{ font-size: 26px;}
	.prspctsCont .panel {height: 200px; min-width: 300px; }
.evntPstSbCnt .evntHdrCnt{height: 205px;}
.evntPstSbCnt .evntCntntDtl{margin-bottom: 30px;}

}


/* @media (max-width: 1169px) and (min-width: 1024px) {
	.hiddenTab {display: none !important;}
	.container {width: 1024px;}

} */
@media (max-width: 1023px)  {
.miya_msg_cntnt{margin-bottom: 50px;}
.ltstEvntSec{padding-top: 160px;}
.prcNoteAlerBx:last-child{margin-bottom: 50px;}
.crssSec{padding-top: 0;}
body.sprituality section.daiye_islam ~ section.crssSec {
    padding-top: 60px;
}
.crssSec + .crssSec{padding-top: 60px;}
ul.sajra-dwnld-btns a:after{display: none;}
ul.sajra-dwnld-btns li:last-child a span{padding-left: 5px;}
ul.sajra-dwnld-btns li a span{padding: 0 5px;text-align: center;}
ul.sajra-dwnld-btns a{width: auto;}
	.evntCntntDtl .evntPstTxt{margin-bottom: 10px;max-height: 80px;}
	.dawaMlvatCont{min-height: 455px;}
	.dawaMlvatCont .dawaMlvatBgImg:before{    background-size: auto 100%;}
	.evntSldImg img {width: auto; }
	section.saeed_card_cont .card_cont{max-width: 100%;}
	section.saeed_card_cont{padding: 0 10px;}
	.card_cont .cardpic_cont{width: 35%;}
	ul.sticnav a{font-size: 14px;}
	.daiye_islam_contnt .leftnavfix{width: 240px;}
	header#mainHdr.nav-down ~ .daiye_islam .daiye_islam_contnt .leftnavfix {top: 130px; }
	ul.book-list li:after{display: none; }
	.crr_crd{max-width: 394px;}
	.crr_crd_main_cnt:before{height: 120%;}
	.evntSldImg,.evntSldCntnt{width: 50%;}
	.donationBtn{top: 20vh;}
	.sbscrbFrmCnt{max-width: 420px;}
	section.miyaMsgCont{padding-bottom: 120px;}
	.stdyCntrSbCnt {margin-bottom: 50px; }
	.CntrDlt h1{margin-bottom: 15px; line-height: 1.3;}
	section.glryHmSec{display: none;}
	section.subPageTpSection
	{
		padding-top: 60px;
		padding-bottom: 0;
	}
	.secHeading{margin-bottom: 60px;}
	.exmCnt,.afltionSbCont:last-child{margin-bottom: 70px;}
	.evntDtlPgBnr{background-size:auto 70%;background-position: top center;}
	.crssSecImg{background-size: 100%;}
.CntrDlt{margin-bottom: 50px;}

.deen_outercont ~  .socialSec{margin-top: 70px;}
.evntPstPgCnt,.imgGlryPgCnt{padding-bottom: 70px;overflow: hidden;}










}



@media (max-width: 991px)  {
.deen_popup{min-width: 90%;}
.evntPgPlcDtTm .evntPgPlc, .evntPgPlcDtTm .evntPgDtTm {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    background-size: 25px;
    background-position: 5px 10px;
}
.evntPstCnt {
    padding: 0;
    max-width: 500px;
    margin: auto;
}
.evntDtlPgBnrSec{margin-top: 60px;}
.evntSlide .evntSldImg, .evntSlide .evntSldCntnt{max-width: 500px;margin: auto;}
.evntDtlCnt,.evntPlcDtTmCnt,.evntDtlTxtCnt{float: left;width: 100%;}
.evntPlcDtTmCnt{height: auto;line-height: inherit;}
.evntPgPlcDtTm{display: flex; flex-direction: column; padding: 10px 0;width: auto;    white-space: initial;}
	.feeStrctrCont .prcNoteAlerBx {margin-bottom: 60px; }
	section.glryHmSec{display: none;}
	.adSec{display: none;}
	section.daiye_islam{margin-top: 75px;}
	.urvstyDtl{padding: 0;padding-bottom: 20px;}
	.dawaMlvatCont .dawaMlvatBgImg,.dawaMlvatCont .dawaMlvatBgImg:before,.dawaMlvatCont .dawaMlvatBgImg:before{
		transform: skew(-0deg, 0deg);left: 0;max-width: 100%;}
		.admsnFrmCont:after,.khanqahTopPttrn:after{display: none;}
	.dawaMlvatMainCont{ display: flex; flex-direction: column;margin-bottom: 0;}
	.dawaMlvatCont{min-height: inherit;padding:55px;padding-left: 120px;width: 100%;}
	.dawaMlvatCntnt{margin: 0 !important; padding-left: 0 !important;float: none;}
	.dawaMlvatCont .dawaMlvatBgImg:before{background-size: 100% auto;}
	.admsnFrmCont{padding: 100px 15px 100px;height: auto;}
	.cnddtPhotoCnt{margin: auto; float: none; margin-bottom: 70px;}
	.frmDtlInptCont{max-width: inherit;}
	.feeStrctrBxCnt {width: 100%;max-width: 500px; float: none !important; margin: 15px auto !important;}
	.stdyCntrCardCnt{float: none;margin: 10px auto !important;}
	.CntrLogo{width: 250px; height: 260px;}
	.CntrLogo img{max-height: 100%;}
	.table-cont h4{margin-bottom: 0;}
	.crsPrcBxCnt{margin-bottom: 50px;}
	.menuBrCnt ul > li > ul > li:hover .subChildMenu2,
	.menuBrCnt ul > li> ul> li.sbMenu:after{display: none; }
	.linkCnt ul li {height: 165px; }
	.jmaHmImgCnt{margin-left: 20px;margin-right: 20px;}
	.evntSlide {display: flex !important; flex-direction: column;margin: 0; }
	.evntSlide .evntSldImg {
	    width: 100%;
	    border-radius: 10px 10px 0 0 !important;
	    overflow: hidden;
	}
	.evntSldImg img{min-width: 100%;}
	.evntSldImg:after, .evntSldCntnt:after{
	    width: calc(100% - 48px);
	    height: 100%;
	    border: 4px solid var(--white);
	    left: 0;
	    top: 0;
	    border-bottom: 0;
	    margin: 20px;
	}
	.evntSldCntnt:after {
	    border: #acacacc9 4px solid !important;
	    height: 93% !important;
	    margin-top: 0 !important;
	    border-top: 0 !important;
	}
	.evntSldCntnt .evntPlcDtTm {
	    width: calc(100% - 75px);
	}
	.evntPlcDtTm .evntDtTm .evntDt{display: block;}
	.evntHmSlider .slick-dots {
	    position: absolute;
	    bottom: -20px;
	    right: inherit;
	    left: 50%;
	    transform: translateX(-50%);
	    display: flex !important;
	    align-items: center;
	    justify-content: center;
	}
	.evntSlide .evntSldCntnt {
	    width: 100%;
	    box-shadow: none;
	    border-radius: 0 0 10px 10px !important;
	    padding: 25px 35px 30px 40px;
	}
	nav.mainMenu.hiddenMob{display: none;}
	.safi_acdmy_cont.team_cont,.abtKhnqahHdrSec,.abtsacdmbanner{margin-top: 70px;}
	section.foundr_bnnr{margin-top: 69px;}
	.abtKhnqahHdrSec{height: 210px;}
	.baniKhnqah.left {
	    background-position: center left;
	    background-size: contain;
	    width: 220px;
	    top: 15px;
	}
	.khqahLogo.right {
	    background-position: center right;
	    background-size: contain;
	    width: 220px;
	    top: 15px;
	}
	.daiyIslamImg{display: none;}

	.dlyIslmMsgTxt{
		position: relative;    
		top: inherit;
	    transform: inherit;
	    left: inherit;
	    margin-top: 25px;
	    float: none; max-width: inherit;
	    padding: 0 30px;
	}
	.abtKhnqahHdrSec:after{background-size: contain; width: 250px; height: 194px;}
	.abtKhnqahSec{height: 500px;}
	.abtKhanqhContnt{height: 430px;padding-right: 30%;background-size: auto 200px;}
	.about_gallry{height: 260px;}
	.about_gallry .abtgllry_box a:before{width: 50px; height: 45px;background-size: 25px;}
	.scialMdaSec{padding-left: 60px;}
	.sbscrbFrmCnt{max-width: 310px;}
	.scialAccnts li a{width: 45px; height: 45px; line-height: 45px; margin-right: 10px;font-size: 22px;}
	.footer-sub-cont .col-sm-3 {display: none; }
	.ftr_main_cnt{width: 100%;}
	.deen_cont> div.deen_left{bottom: 24%; right: 74%;}
	.deen_cont> div.deen_right {bottom: 24%; left: 74%; }
	section.deen_outercont{background-position: center 100px; background-size: 120% 150%;}
	.deen_cont> div:after {display: none; }
	section.foundrabtsec p,section.foundrabtsec h1{padding: 0 20px;}
	.daiye_islam_contnt .leftnavfix{width: 100%;margin: 0;}
	section.daiye_islam_contnt{flex-wrap: wrap;}
	.card_cont .cardpic_cont:before{display: none;}
	ul.sticnav {padding:0 10px ; display: none;  }
	.card_cont .cardpic_cont{padding-top: 50px;}
	section.saeed_card_cont .card_cont{flex-direction: column; height: auto;align-items: center; }
	.card_cont:before{
		position: absolute;
	    content: '';
	    width: 390px;
	    top: 0;
	    left: 50%;
	    background-image: url(../img/card-big-bg.png);
	    background-repeat: no-repeat;
	    background-size: contain;
	    background-position: center 0px;
	    transform: translateX(-50%);
	}
	.card_prprt {
	    padding: 0 50px;
	    margin-bottom: 50px;
	}
	.cardpic_cont label{
	    position: static;
	    transform: inherit;
	    font-size: 16px;
	    width: 100%;
	    text-align: center;
	    margin-bottom: 50px;
	    padding-top: 15px;
	}
	header#mainHdr.nav-down ~ .daiye_islam .daiye_islam_contnt .leftnavfix{top: 50px;}
	.ssaCard_cont{padding-left: 10px;padding-right: 10px;}
	.card_fromcont .formgroup_row:last-child {margin-top: 0; }
	.pplr_books .bookimg{min-width: 300px;}
	.pplr_books{overflow-x: auto; }
	.select-year-cont .select-styled{
		padding: 0 15px;
	    padding-right: 34px;
	    font-size: 14px;
	}
	.select-year-cont .select{width: auto;}
	.select-year-cont .select-styled:before{right: 24px; font-size: 14px;} 
	.select-year-cont .select-styled:after{right: 8px;}
	.select-year-cont ul.select-options{padding: 10px 3px;}
	.select-year-cont ul.select-options{width: 100%;}
	.card_cont.books:before{display: none;}
	.carddtail_cont.bks .book_desc{padding-bottom: 50px;}
	.saeed_card_cont.books:after{bottom: 5px;background-size: 100%;}
	.msngr_img_cnt {
	    max-width: inherit;
	    margin-right: 20px;
	    margin-bottom: 20px;
	    text-align: left;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    margin-top: 0;
	}
	.msngr_img {
	    min-width: 280px;
	    height: 280px;
	    margin-bottom: 0;
	    position: relative;
	    margin-right: 50px;
	}
	.miya_msg_cntnt {width: 100%; }
	.msngr_img:after{text-align: center;}
	.miya_msg_cntnt .secHeading {margin-top: 40px; margin-bottom: 30px; }
	.abtFoundationCnt .jmaHmImgCnt{display: none;}
	.fndtionTxtCnt{max-width: inherit;}
	.crr_crd_main_cnt:before{left: 0;transform: inherit;height: calc(100% + 100px);}
	.crr_crd_cnt {
	    position: relative;
	    width: calc(100% - 70px);
	    height: auto;
	    margin-bottom: 40px;
	    margin-left: 70px !important;
	    float: left;
	}
	.crr_crd{max-width: inherit;}
	.crr_crd_main_cnt{padding-right: 50px;}
	.crr_crd_icon{right: -12px;left: inherit;}
	.crr_crd_cnt:nth-child(2){margin-top: 0;}
	.crr_crd_cnt:nth-child(1) .crr_crd .crr_crd_icon:before {border-left-color: #cb3e3f !important; }
	.crr_crd_cnt.left .crr_crd .crr_crd_icon:before {
	    border-left: 11px solid #cb3e3f !important;
	    right: 0;
	    left: inherit;
	    border-right: 0 !important;
	}
	.crr_crd_cnt:nth-child(1) .crr_crd .crr_crd_icon:after {
	    border-right-color: #f36d6e;
	    border-left: 0 !important;
	    border-right: 8px solid;
	    left: inherit;
	    right: 100%;
	}
	.crr_crd_cnt:nth-child(5) .crr_crd .crr_crd_icon:after{
		border-right-color: #83407b;
	    border-left: 0 !important;
	    border-right: 8px solid;
	    left: inherit;
	    right: 100%;
	}
	.crr_crd_cnt:nth-child(3) .crr_crd .crr_crd_icon:after{
		border-right-color: #2b7d74;
	    border-left: 0 !important;
	    border-right: 8px solid;
	    left: inherit;
	    right: 100%;
	}
	.crr_crd_cnt .crr_crd:after{left: -83px !important;right: inherit;}
	.crr_crd_cnt:nth-child(3) .crr_crd .crr_crd_icon:before{border-left: 11px solid #1c5851 !important;}
	.crr_crd_cnt:nth-child(5) .crr_crd .crr_crd_icon:before{border-left: 11px solid #4d1446 !important;}

.hmGlryLghtBxCnt{height: 460px;top: 50%;max-width: 90%;}

} /*//end 991*/




@media (max-width: 767px) and (min-width: 320px) {
.deen_popup p {
    font-size: 16px;
    line-height: 20px;
}
.contnt-sect .navtargt {
    margin-top: 25px;
}
section.foundrabtsec{padding: 40px 0;}
section.daiye_islam {
    margin-top: 60px;
    padding-top: 60px;
}
section.foundrabtsec h1{font-size: 20px;}
section.foundrabtsec p, section.foundrabtsec h1{padding: 0;}
.evntDtlTxtCnt{padding: 15px;}
section.foundrabtsec p{font-size: 14px;line-height: 18px;margin-bottom: 15px;}
.evntDtlCnt{top: 0;margin-top: -115px;}
.pstShareVwCnt{display: none;}
.evntDtlHdr{padding: 20px 15px;}
.dawaMlvatCont .dawaMlvatBgImg, .dawaMlvatCont .dawaMlvatBgImg:before, .dawaMlvatCont .dawaMlvatBgImg:before{
	  transform: inherit !important;
    left: 0 !important;
    width: 100% !important;
    background-image: none !important;
}
.dawaMlvatCont:last-child:after{display: none;}
.dawaMlvatCntnt.dawaTxt{padding-right: 6px;}
.feeStrctrSec .feeStrctrCont .prcNoteAlerBx:after {color: #fff; }
.rglstnPoints{margin-bottom: 0;}
.rlsAndRglstnPoints{margin-bottom: 50px;}
.hwToAplyCnt{padding: 60px 0 50px 0;}
section.miyaMsgCont,
section.abtMissionVisionSec
{padding-bottom: 60px;}
.abtFoundationSec{padding-top:60px;padding-bottom: 0 }
.brkrBrdr{background-image: none;margin: 40px 0;height: 1px; background-color: #ccc;}
.ltstEvntSec{padding-top: 160px;padding-bottom: 20px;}

.menuBrCnt .langMblBtn{
    display: flex;
    float: left;
    width: 100%;
    height: 60px;
    align-items: center;
    justify-content: center;
    padding: 20px 0;
    box-sizing: content-box;
}
.ltstEvntSec .secHeading {
    margin-bottom: 50px;
}
section.ltstEvntSec:before{display: none;}
.evntSlide .evntSldImg{height: 220px;}
.menuBrCnt .langMblBtn a {
    margin: 0 8px;
    padding: 10px 20px;
    line-height: 1;
    font-size: 18px;
    padding-bottom: 8px;
    border-radius: 0;
    background: #ccc;
    letter-spacing: 1px;
}
 .langMblBtn a.active{
    background: #ee4037;
    color: #fff;
}
.CntrDlt p{font-size: 16px; line-height: 20px;margin-bottom: 10px;}
.crssSecCntnt .note{font-size: 14px;line-height: 18px; padding: 10px;}
.crssSecCntnt p{margin-bottom: 10px;font-size: 14px;line-height: 18px;}
.crssSec:after, 
.afltionSbCont:after, 
.stdyCntrDtlSec:after, 
.eligibilityCnt:after, 
.feeStrctrSec:after, 
.newAdmsionSec:after, 
.cntctFrmCnt:after{
	content: '';
    width: 100%;
    height: 1px;
    background-image: none;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 0;
    z-index: 3;
    left: 0;
    background-color: #ccc;
}
.crssSecCnt{padding-bottom: 50px;}
.crssSecCntnt{margin-top: -50px;}
.crssSecImg{background-size: 100%;height: 200px;min-height: inherit;background-attachment: inherit;}
.sliderSec button.slick-arrow{display: none !important;}
.feeStrctrBxCnt{max-width: 400px;}
.nwStdntIcn{background-size: 90px; padding-left: 100px; font-size: 26px;}
ul.sajra-dwnld-btns a{margin: 0 5px;}
ul.sajra-dwnld-btns:before,ul.sajra-dwnld-btns li:before{display: none;}
.crssSec{padding-top: 0;}
.crssSec + .crssSec {padding-top: 60px; }
.menuBrCnt ul > li.sbMenu.hover > a{background-color: #737b91; font-family: 'DIN Bold', sans-serif; color: #fff;}
section.glryHmSec{display:block;}
.hmGlryLghtBxCnt{height: auto;}
.imgDtlSbCnt .imgCntChild .imgCnt {
    max-width: 440px;
    margin: auto;
    margin-bottom: 20px;
}
.menuBrCnt ul li.sbMenu> a {pointer-events: none; }
.menuBrCnt ul li.sbMenu ul.hmbrgrSubMenu li.sbMenu> a{pointer-events: inherit;}
.humanityt_text {padding: 40px 10px 20px; }
li.sbMenu:hover > ul.hmbrgrSubMenu {display: none !important; }
.menuBrCnt ul li.sbMenu.hover > ul.hmbrgrSubMenu {display: block; }
.menuBrCnt ul li.sbMenu.hover:hover > ul.hmbrgrSubMenu {display: block !important; }
.cntctFrmCnt:after{display: none;}
.cntctFrmMainCnt{display: flex; flex-direction: column;} 
.cntctFrmCnt, .adrsCnt{width: 100%;padding: 25px !important;}
body.sprituality .crssSecImg {background-size: 100% auto; }
.humanityt_text p{text-align: center;}
.humanityt_text{padding: 40px 30px 20px;}
.sajrapattisec .shajra{padding: 0 15px;width: 100%; padding-bottom: 0;}
.patti-cont .red:after{transform: skew(-9deg);}
.baniKhnqah.left,.khqahLogo.right{ width: 180px; }
.subPageTpSection{margin-top: 60px;padding-top: 60px !important;}
.adCntainer {
    text-align: center;
    height: 200px;
    position: relative;
}
.admsnFrmSbCnt .frmHdr{    
	padding:15px 10px 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.afltionSbCont{padding: 10px 0;margin-bottom: 90px;}
.exmCnt fieldset legend{font-size: 16px;line-height: 20px;margin: 0;border-radius: 10px; margin-left: -20px;}
.newAdmsionSec {padding-bottom: 0 !important; }
.frmDtlInptBx label{font-size: 14px;margin-bottom: 5px;}
.admsnFrmSbCnt .frmDtlSec{padding: 45px 10px 30px 11px;}
.abtJmaHm:before, 
.ltstEvntSec:before, 
.glryHmSec:before, 
.testimoniaSec:before,
 .abtMissionVisionSec:before,
  .abtDownloadSec:before, 
  .subPageTpSection:before, 
  .eligibilityCnt:before, 
  .feeStrctrSec:before, 
  .newAdmsionSec:before, 
  section.daiye_islam:before, 
  .safi_acdmy_cont:before{height: 150px;left: 50%;transform: translateX(-50%);background-size: 100%;}
.abtMissionVisionSec .secHeading h1{border: 0;}
.admsnFrmSbCnt .frmHdr h2.frmMnHdng{margin-bottom: 20px;font-size: 20px;}
.dawaMlvatCont{padding-left: 30px;padding-right: 0;}
.rlsAndRglstnPoints,.hwToAplySbCnt{padding-left: 5px;}
.exmCnt fieldset ul li, .rglstnPoints li{padding-left: 15px;}
.CntrLogo {
    width: 250px;
    height: 260px;
    float: none;
    margin: auto;}

.crssSec:last-child {
    background: none;
}
.crssSec:before{width: 100%;height: 100px;background-position: center;}

.abtJmaHm .subSecCont{padding-left: 0;}
.subcribeSec, .scialMdaSec{width: 100%;min-height: 170px;height: inherit; padding: 0 70px;}
.socialSec{height: auto;margin-top: 0;background-size: auto 100%;background-position: center;padding: 20px 0;}
.subcribeSec .hdng{bottom: inherit;right: -10px;top: 0}
.sbscrbFrmCnt {max-width: 460px; margin-top: 80px;}
.scialMdaSec .hdng{left: -10px;top: 10px;}
.scialAccntsCnt{margin-top: 85px;}

.socialSec:after {
	width: 100%;
	height: 18px;
	transform: inherit;
	background-image: url('../img/jamia_bg_pattern.jpg');
	background-attachment: fixed;
	top: 49%;
	left: 0;
	}
.scialMdaSec{margin-top: 60px !important;}
.abtKhanqhContnt{height: auto; padding-right: 0; background: none; padding: 0 15px; }
.abtKhnqahSec {height: auto; } 
.crr_5_rsn_cnt{padding-left: 15px;}
.sbscribe_frm input:focus,.sbscribe_frm button:hover{box-shadow: 731px 0 0 #ff7264 inset;}
.msngr_img{margin-right: 20px;}
.adSec img {
    position: absolute;
    vertical-align: middle;
    height: 200px;
    width: auto;
    left: 50%;
    transform: translateX(-50%);
    max-width: 1000px;
}
.hiddenMob {display: none !important;}
section.abtJmaHm .container .jmaHmCntntCnt{width: 100%;}
	.masonryChild {width: 50% !important;}
	.masonryChild img.thumbnail{width: auto;height: auto;}
.masonryChild:nth-child(even) {
    float: right;
}
	header {height: 60px;}
	.jamiaLogo {
	    width: 180px;
	    height: 40px;
	    margin-top: 10px;
	}
	.jmaLogo {-webkit-background-size: 100%; background-size: 100%;}
	.hmbrgrMenu {margin: 20px 10px 0 10px;}
	.searchIcon {
		margin: 10px 0 0 0;
		width: 40px;
		height: 40px;
		line-height: 40px;
	}
	.langBar {margin: 15px 5px 0 5px;display: none;}
	.nwUpdtCnt {height: 35px; line-height: 35px;}
	.allUpdtsSpan {padding: 0 10px; font-size: 14px;line-height: 33px; }
	.allUpdtsSpan:after {
	    border-top: 18px solid transparent;
	    border-bottom: 18px solid transparent;
	    border-left: 13px solid #eb2d25;
	    left:99%;
	}
	.updatesCnt {padding-left: 105px; margin-top: 0;height: 36px;}
	section.sliderSec {margin-top: 60px;}
	.updatesCnt li a {
        font-size: 12px;
	    padding: 0 7px 0 22px;
	    height: 25px;
	    line-height: 24px;
	    margin-top: 5px;
	}
		.updatesCnt li a:before {position: absolute; left: 10px; top: 2px; }
	.donationBtn {display: none;}
	.jmaHmImgCnt {
		width: 270px;
		height: 348px;
		float: none;
		margin: 0 auto;
	}
	.jmaHmImg {
		-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.3);
		box-shadow: 0 0 15px rgba(0,0,0,0.3);
	}
	.jmaHmImgCnt:before {
	    width: 110vw;
	    height: 50%;
	    border: 0;
	    left: 40%;
	    top: 50%;
	    transform: translate(-50%, -50%);
	    background-color: #e6e6e6;
	}
	.jmaHmImgCnt:after {
	    width: 90%;
	    height: 91%;
	    border: 3px solid #fff;
	}
	section.abtJmaHm, section.glryHmSec, section.testimoniaSec{ 
		padding: 50px 0;
		background-attachment: scroll;
	}
	.jmaHmCntntCnt {width: 100%;}
	.secHeading h1 {font-size: 24px; text-align: center; } 
	.secHeading h1 .lightFont{font-size: 20px;}
	.jmaHmCntntCnt .cntnt p {
	    padding: 0 10px;
	    border: 0;
	    font-size: 14px;
	    text-align: left;
	    line-height: 18px;
	    padding-left: 0 !important;
	}
	.abtJmaHm .secHeading {margin-bottom: 20px; text-align: left; margin-top: 20px; }
	.readMoreBtnCnt {text-align: center;margin-top: 40px !important;}
	.donate_ppup_cnt {padding: 0 20px;}
	.donate_ppup_txt p {font-size: 18px; line-height: 24px; }
	.donate_ppup_txt {padding: 50px 20px 25px 20px; }
	.mrSitesHmPg {
	    height: 280px;
	    background-attachment: scroll;
	    background-repeat: initial;
	    padding-top: 60px;
	    padding-bottom: 0px;
	}
	.mrSitesHmPg .secHeading {margin-bottom: 30px;}
	.mrSitesHmPg .linkCnt {margin-top: 60px;display: block;}
	.mrSitesHmPg .container {padding: 0; }
	.linkCnt ul {
		width: 100vw;
		white-space: nowrap;
		overflow-x: scroll;
		overflow-y: hidden;
		padding:0 10px;
	}
	.crssSec .secHeading{margin-bottom: 30px;}
	.linkCnt ul li {width: 280px; float: none; height: 194px; }
	.secHeading {margin-bottom: 50px;}
	.masonryChild {
	    width: 49% !important;
	    height: 200px !important;
	    margin-right: 0;
	    margin-top: 0 !important;
	    margin-bottom: 10px !important;
	}
	.tsmnalCntnt {
	    font-size: 14px;
	    line-height: 18px;
	    text-align: center;
	    padding: 30px 0px;
	}
	.tsmnalCntnt:before {
	    content: '';
	    left: 0;
	    top: 0;
	    width: 30px;
	    height: 30px;
	    overflow: hidden;
	    background: url(../img/quote_left.png);
	    background-size: 100%;
	    background-repeat: no-repeat;
	}
	.tsmnalCntnt:after{ 
		content: '';
		width: 30px;
	    height: 30px;
	    overflow: hidden;
	    background: url('../img/quote_right.png');
	    background-size: 100%;
	    background-repeat: no-repeat;bottom: -10px;
	}
	section.testimoniaSec {padding-bottom: 70px; }
	.athrNm {font-size: 18px; margin-top: 0;}
	.lghtBxCntnt {    
		font-size: 14px;
	    padding: 10px;
	    background: #545454;
	    bottom: inherit;
	    top: 100%;
	}
	.imgGlry .imgIcn{top: 25px;}
	.yearsTgBtn:after{z-index: -1;}
	.slideBtns {font-size: 16px ; }
	.clsBtn {line-height: 24px !important; }
	.lghtBxCnt{overflow: inherit;}
	.slideBtns, .clsBtn {
		z-index: 3;
	    width: 30px;
	    height: 30px;
	    line-height: 31px;
	}
	.closeBtn {line-height: 25px;}
	.slideBtns.nextBtn {right: 5px; }
	.slideBtns.prevBtn {left: 5px; }
	footer {padding: 50px 0 80px; }
	.footer-logo-cont {margin-bottom: 40px;}
	.ftr_main_cnt, .ftr_sec_cnt {width: 100%;}
	.ftr_sec_cnt {padding-right: 0;}
	.ftr_main_cnt {
		padding: 0 10px;
	}
	.copyright-cont {
	    overflow-x: scroll;
	    white-space: nowrap;
	    padding: 0 20px;
	}
	.copyright-cont a {margin-right: 30px;}
	.qck_lnks_cnt {margin-bottom: 30px;}
	.ftr_sec_sb ul.lnks_ul li a {padding: 5px 0 5px 15px;max-width: 300px;  border-radius:0  30px 30px 0;}
	.ftr_sec_sb ul.lnks_ul li a:hover{box-shadow: inherit  !important;background: #ff7264;}
	.sbscribe_frm input, .sbscribe_frm button {height: 40px;text-align: center;}
	.sbscribe_frm button {width: 200px;margin-top: 0;margin-left: 15px;}
	.sbscribe_frm{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
	}
	.vstrCntr {text-align: center;}
	.srchInputCnt, .srchInputCnt input {height: 50px;position: relative;padding: 0 15px;}
	.seachBtn {right: 15px; width: 50px;height: 50px;font-size: 16px;}
	.srchInputCnt input {padding-right: 65px; font-size: 16px;}
	.srchInputCnt input::-webkit-input-placeholder { font-size: 18px;}
	.srchInputCnt input::-moz-placeholder {font-size: 18px;}
	.srchInputCnt input::-ms-input-placeholder {font-size: 18px;}
	.srchInputCnt input::-moz-placeholder {font-size: 18px;}
	.hmbrgrMenuCnt {top: 60px;}
	.menuBrCnt {
	    width: 300px;
	    height: 100vh;
	    margin-left: -10px;
	    overflow-y: scroll;
	    padding-bottom: 50px;
	}
	.menuBrCnt ul li:first-child {border-top: 1px solid #ccc;}
	.menuBrCnt ul > li, .menuBrCnt .donationBnt { float: left; width: 100%; }
	.menuBrCnt .donationBnt{padding: 20px 30px;border-bottom: solid 1px #ccc;}
	.menuBrCnt ul > li > a {border-color: #ccc; font-size: 18px; padding: 0 10px}
	.menuBrCnt ul > li.sbMenu:after {display: none;}
	.menuBrCnt ul > li > ul.hmbrgrSubMenu {
		width: 100%;
		position: relative;
		left: initial;
		top: initial;
		float: left;
		overflow: hidden;
		display: none;
	}
	.menuBrCnt ul > li .mblArw {
		width: 45px;
		height: 45px;
		top: 0;
		right: 0;
		line-height: 45px;
		font-size: 20px;
		display: block !important;
	}.menuBrCnt ul li.sbMenu.hover span.mblArw {transform: rotateX(180deg);color: #fff; }
	.menuBrCnt ul > li ul.hmbrgrSubMenu li.sbMenu span.mblArw {display: none !important; }
	.feeStrctrBxCnt .panel {height: 240px; }
	.feeDtlCnt .hdngHdr {padding: 2px 0 5px; margin-bottom: 10px; }
	.box1, .box2{padding: 10px;}
	.feeDtl li{margin-bottom: 6px; font-size: 12px; padding: 0 15px;}
	.feeStrctrCont .prcNoteAlerBx{
		padding-top: 60px;
	    padding-left: 20px;
	    padding-bottom: 20px;
	    margin-bottom: 0;
	}
	section.abtKhnqahSec.khanqahTopPttrn {padding-top: 30px; }
	.daiyIslamMsgSec{
		height: auto;
		background-repeat: no-repeat;
		padding-top: 40px;
		/*background-image: url(../img/khanqah-mobilebg.png);*/
		background-position: center -10px;
		background-size: auto 130%;
	}
	.dlyIslmMsgTxt{margin-top: 40px;}
	.dlyIslmMsgTxt .txtCnt{max-height: inherit;margin-bottom: 30px !important;}
	.dlyIslmMsgTxt{margin-top: 30px;}
	.about_gallry {height: 200px; }
.card_prprt {padding: 0 10px;}
.daiye_islam_contnt .leftnavfix{display: none;}
.daiye_islam_contnt .contnt-sect{padding-right: 0;padding-left: 0;font-size: 14px;line-height: 18px;}
.card_fromcont .formgroup_row{flex-direction: column;margin-top: 0}
form.card_fromcont .formgroup_row .frm_block{min-width: 200px;margin-bottom: 10px;}
.ssaCard_cont .headng{left: 50px;}
section.abtsacdmbanner {margin-top: 60px; }
.bannerImg {float: left; width: 100%; height: 270px; overflow: hidden;}
.bannerImg img {position: relative; height: 100%; width: auto; }
.pplr_books .bookimg{height: 180px;margin-bottom: 10px;}
.pplr_books .bookimg> img {height: 100%; }
.select-year-cont{display: none;}
.card_fromcont .formgroup_row .bkordr_btn{max-width: 400px;margin: auto; width: 80%;}
.safi_acdmy_cont.team_cont, .abtKhnqahHdrSec, .abtsacdmbanner{margin-top: 60px;}
.card_cont .carddtail_cont{min-width: inherit;}
.carddtail_cont.bks .book_desc{padding-right: 20px;}
.shafi_dvidr img{  position: relative; z-index: 9;}
.CntrFeeStrctr{padding: 11px 25px;    border-radius: 100px;}
.CntrFeeStrctr h4{font-family: var(--regular);font-size: 20px;}
.crsPrcBxCnt .crsPrcBx{float: none;width: 100%;margin-bottom: 15px;height: auto;line-height: 22px;padding: 10px 30px;}
.CntrDlt h1{margin-top: 15px;font-size: 26px;line-height: 28px;text-align: left;}
.donationBtn.Mobl:hover {
    border-radius: 5px;
    box-shadow: none;
    padding-right: 0;
}
.crsPrcBxCnt {
    margin-bottom: 20px;
}
.hwToAplyCnt.AdmissionProcedure {
    margin-bottom: -50px;
}
.hwToAplySbCnt h3,.rlsAndRglstnPoints h3{font-size: 20px;}
.marksAlertTxtCnt,.hwToAplySbCnt p{font-size: 14px;line-height: 18px;}
.rglstnPoints ~ .prcNoteAlerBx {
    margin-top: 50px;
}
.hwToAplySbCnt{padding-left: 0;}
.exmCnt fieldset ul li:after, .rglstnPoints li:after{top: 2px;width: 8px;height: 8px;left: -6px;}
.stdyCntrDltCnt{margin-bottom: 20px;}
.rglstnPoints li {
    font-size: 14px;
    line-height: 18px;margin-bottom: 10px;
}
.prcNoteAlerBx{padding: 35px 10px 10px 10px;box-shadow: inherit;font-size: 14px;line-height: 18px;}
.prcNoteAlerBx:after{color: #eb2d25;top: 8px; left: 10px;}
.donationBtn.Mobl {
    position: relative;
    top: 13px;
    right: inherit;
    display: block;
    margin-right: 10px;
    border-radius: 4px;
    height: 34px;
    width: 55px;
    box-shadow: 0 0 16px rgba(0,0,0,0.1);
}
.donationBtn.Mobl a {   
 	padding: 0;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.donationBtn.Mobl a:before {
    content: "\f4be";
    margin-right: 0;
    border: 0;
    height: auto;
}
section.abtJmaHm, 
section.glryHmSec, 
section.testimoniaSec, 
section.abtMissionVisionSec, 
section.abtDownloadSec, 
section.stdyCntrDtlSec, 
section.examinationSec, 
section.subPageTpSection, 
section.eligibilityCnt, 
section.feeStrctrSec, 
section.newAdmsionSec, 
section.evntDtlSec{padding-top: 60px;padding-bottom: 50px;}
section.deen_outercont,.deen_cont{height: auto;}
.deen_cont> div.deen_left{    
	bottom: 29%;
    right: 60%;
}
section.deen_outercont {
    background-position: 51% 0px;
    background-size: auto 194%;
}

.deen_cont> div.deen_right {
    bottom: 29%;
    left: 60%;
}
.deen_cont> div:not(.deen-cntr){    
	width: 110px;
    height: 110px;
    font-size: 36px;
    border-width: 7px;
}
.deen_cont> div{position: static !important;margin: 10px 0;padding: 0 !important;}
.deen_cont {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 60px;
    padding-bottom: 100px;
    position: relative;
}
.deen_cont:after{
    position: absolute;
    content: '';
    width: 1px;
    background-color: #fff;
    left: 50%;
    bottom: 173px;
    transform: translateX(-50%);
    height: 52%;z-index: 0;
}
.deen_cont:before{
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    background: #eb2d25;
    border-radius: 50%;
    bottom: 166px;
    z-index: 9;
    }
.deen_cont .deen-cntr {
    order: 1;   
     margin-bottom: -40px;
    margin-top: 90px;
}
section.deen_outercont:before{display: none;}
section.daiye_islam .secHeading {margin-top: 0 !important; }
section.saeed_card_cont .card_cont{margin-top: 35px;}
.carddtail_cont.bks .book_desc .booktext{padding-bottom: 10px;height: auto;}
section.daiye_islam .secHeading{margin-bottom: 0;}
body.sprituality section.daiye_islam .secHeading{margin-bottom: 20px;}
body.sprituality section.daiye_islam{padding-bottom: 0;}
.shajra-download{padding-bottom: 50px;}
section.daiye_islam ~ section.crssSec{padding-top: 60px;}
.humanity_content .humnty_btn, .humanity_cont .humnty_btn{height: 45px;line-height: 45px;font-size: 14px;}
.humanity_content{margin-top: 10px;padding-bottom: 40px;}
.safi_acdmy_cont .txt_contnt{font-size: 14px;line-height: 18px;}
.safi_acdmy_cont .subhdng{margin-bottom: 20px;font-size: 16px;line-height: 20px;}
.rihghtbnk-btn a{    padding: 0 15px;margin: 0 10px;}
.pplr_books{margin-bottom: 50px;}
.safi_acdmy_cont.team_cont{padding-top: 60px;}
ul.book-list{padding-top: 10px;justify-content: center;}
section.foundr_bnnr ,section.humanity_cont{margin-top: 60px; }
.imgGlryCnt{
	max-width: 480px;
    margin: auto;
    margin-bottom: 40px;
}
.imgGlry .imgIcn{top: 95px;}
.hmGlryLghtBxCnt iframe {
    min-height: 380px;
}
.exmCnt fieldset ul li p {
    font-size: 16px;
    line-height: 20px;
}
.exmCnt fieldset .noteTxt,.urvstyDtl p{font-size: 14px;line-height: 18px;}
.urvstyDtl .urvstyName{font-size: 20px;}
.daiyIslamMsgCnt{padding-bottom: 30px;}
.evntPstSbCnt:hover .evntHdrCnt {
    transform: scale(1);
}
.nxtPrvBtn span {
    display: none;
}
.nxtPrvBtn.pgNxt i{margin-left: 0;}
.nxtPrvBtn.pgPrv i{margin-right: 0;}
.evntDtlTxtCnt p {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 15px;
}
.sbscribe_frm input:focus,.sbscribe_frm button:hover{box-shadow: inherit !important;border-color: #eb2d25 !important;}

section.daiye_islam_contnt{margin-bottom: 70px;}




}   /*767*/


















@media (max-width: 520px) {
.CntrDlt p {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 10px;
}
.pgNmbrsCnt li:nth-child(4),
.pgNmbrsCnt li:nth-child(5){display: none;}
.tsmnalHmCnt{margin-bottom: 20px;}
.sbscribe_frm{flex-direction: column;}
.sbscribe_frm button {
    width: 100%;
    margin-top: 0;
    margin-left: 0;
}
.secHeading h1 span {
    display: block;
}
.imgGlry .imgIcn {top: 30%; }
.donate_ppup_cnt {padding: 0 10px; }
.donate_ppup_txt{padding: 50px 10px 20px 10px;}
.about_gallry .abtgllry_box{flex-direction: column;padding-bottom: 0}
.gllry_right .abtgllry_box a.wdth50,.about_gallry .abtgllry_box a.wdth30, .about_gallry .abtgllry_box a.wdth70{
	width: 100%;margin-left: 0;margin-right: 0;margin-bottom: 10px;max-height: 250px;overflow: hidden;
}
.about_gallry .abtgllry_box a {height: 100% !important; max-height: 250px; }
.about_gallry .gllry_left{margin-right: 0;margin-bottom: 10px;}
header#mainHdr .container{ padding-left: 0;padding-right: 0; }
ul.sajra-dwnld-btns{width: 100%;padding: 0 15px;}
.card_cont.books .saeedimg img{width: 200px;}
.feeStrctrBxCnt .panel {height: 180px; }
.feeStrctrBxCnt {max-width: 320px; }
.feeDtlCnt .hdngHdr {
    padding: 0;
    margin-bottom: 5px;
    padding-bottom: 5px;text-align: center;
    font-size: 16px;
}
.feeDtl li .srvHdng:after{font-size: 16px;}
.feeDtl li.ttlAmntFtr{padding-top: 5px; margin-top: 5px;}
.box1, .box2{padding: 5px;}
.cntntArea .nwStdntIcn{    padding-left: 70px; font-size: 22px; background-size: 60px; margin-top: 0;}
ul.sajra-dwnld-btns{display: block;overflow-y: auto; white-space: nowrap; padding: 0 15px;}
ul.sajra-dwnld-btns li {
    position: relative;
    min-width: 180px;
    margin: 10px 0;
    display: inline-block;
}
.feeStrctrSbCnt{margin-bottom: 50px;}
.stdyCntrDtlSec:after, .eligibilityCnt:after, .feeStrctrSec:after, .newAdmsionSec:after, .cntctFrmCnt:after{display: none;}
.stdyCntrSbCnt{padding: 0}
.stdyCntrCardCnt{width: 100%;height: 180px;max-width: 300px; padding: 10px;}
.stdyCntrCardCnt .urnvstyName {
    font-size: 30px;
    text-transform: uppercase;
    margin: 10px 0 10px;
    letter-spacing: 5px;
    font-family: var(--bold);
}
.stdyCntrCardCnt .urnvstyFlName {
    font-size: 16px;
    height: 60px;
    line-height: 18px;
}
.stdyCntrCardCnt .readMoreBtnCnt {margin-top: 0 !important; }
.imgGlry .imgIcn{transform: scale(1);}
.humanityt_text{padding: 20px;margin-bottom: 50px;}
.humanityt_text p{text-align: left;}
section.daiye_islam {margin-top: 65px;padding-top: 50px;  }
section.daiye_islam .secHeading{margin-top: 30px;margin-bottom: 30px;}
.card_cont .cardpic_cont{width: auto;}
.cardpic_cont label{white-space: nowrap;}
section.foundr_bnnr {margin-top: 59px; }
.sldHdng h2{font-size: 18px;line-height: 22px;}
section.foundr_bnnr{height: 220px;}
section.foundr_bnnr .singlCaption{color: #eb2d25;display: none; font-size: 26px;margin-top: 177px;}
ul.bnkdtails li label{width: 130px;}
.dlyIslmMsgTxt{padding: 0;}
.dlyIslmMsgTxt .txtCnt:before,.dlyIslmMsgTxt .txtCnt:after{display: none;}
.dlyIslmMsgTxt .txtCnt{margin-bottom: 30px; padding-bottom: 30px;}
.book_stats label{min-width: 50%;margin-bottom: 20px;display: none;}
.book_stats a{margin: 0 auto;}
.carddtail_cont.bks .bkdtail-fttr{flex-direction: column;}
.carddtail_cont.bks .bkdtail-fttr a{margin: 10px auto; width: 250px;}
.carddtail_cont.bks .bkdtail-fttr a:last-child{margin-bottom: 0;}
.book_stats{flex-wrap: wrap;}
.book_stats label:nth-child(2){border-right: 0;}
form.card_fromcont .formgroup_row .frm_block{min-width: 100%;}
section.humanity_cont{margin-top: 60px;padding-top: 0;}
.humanityt_text{margin-top: 0;}
.humanity_content img{max-width: 90%;}
.card_prprt> .row{flex-direction: column;}
.card_prprt .row>div:nth-child(odd) {
    border: solid 1px #2c3242;
    padding-left: 15px !important;
}
.card_cont .carddtail_cont{min-width: inherit;}
.card_prprt .row>div:nth-child(odd),.card_prprt .row>div {
     border-left: 0;
    padding-left: 15px !important;
    border-right: 0;
    border-top: 0;
    border-bottom: solid 1px #2c3242;
}
.card_prprt .row>div span {
    width: 100px;
}
.baniKhnqah.left, .khqahLogo.right{display: none;}

.about_gallry {height: auto;flex-direction: column; }
.baniKhnqah.left, .khqahLogo.right{display: none;}
.exmCnt fieldset legend{text-align: center;}
.exmCnt fieldset{padding: 20px;}
.dawaMlvatCont {padding: 20px 0px 20px 20px; }
.admsnFrmSbCnt .frmHdr h2.frmMnHdng{text-align: center;}.
.admsnFrmSbCnt .frmDtlSec{padding: 45px 15px 30px 15px;}
.frmDtlInptCont ._50,.frmDtlInptCont ._30,.frmDtlInptCont ._70{width: 100%;}
	.masonryChild {
	    width: 100% !important;
	    height: 200px !important;
	    margin-right: 0;
	    margin-top: 0 !important;
	    margin-bottom: 10px !important;
	    max-width: 320px;
	    float: none !important;
	    margin: 10px auto !important;
	}
	.evntSlide .evntSldCntnt{height: auto;padding: 15px 15px 0px 15px;}
	.evntHmSlider{margin-bottom: 20px;}
	.evntPlcDtTm{width: 100% !important;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-direction: column;
		position: relative;
		height: auto;
		padding-bottom: 0
	}
	.evntSldImg:after,.evntSldCntnt:after{ 
		    width: calc(100% - 12px) !important;
		    border: 1px solid #fff;
		    margin: 5px;
		    border-radius: 10px 10px 0 0;
		} 
	.evntSldCntnt:after{display: none;}
	.evntPlcDtTm .evntPlc{
		border-right: none;
	    padding: 0px 10px 10px 30px;
	    border-bottom: 1px dashed #7f7f7f;
	}
	.sldHdng{margin-bottom: 10px !important;}
	.evntPlcDtTm .evntPlc:after, 
	.evntPlcDtTm .evntDtTm:after{top: -2px; background-size: 20px;background-repeat: no-repeat;width: 20px; height: 23px;}
	.evntPlcDtTm .evntDtTm:after{left: 0;top: 16px;}
	.subcribeSec, .scialMdaSec{padding: 0 10px;}
	.prspctsCont .panel{height: 180px;width:300px;min-width: inherit;}
	.cntntArea .icon{width: 30px;height: 30px;margin-bottom: 10px;}
	.cntntArea h1.hdng2{font-size: 22px;letter-spacing: 2px;margin-bottom: 20px;margin-top: 10px;}
	.box2{line-height: 160px}
	.evntPlcDtTm .evntDtTm {padding: 10px 10px 0px 30px; }
	.evntDtTm .evntDt{font-size: 14px;}
	.evntPlcDtTm .evntDtTm,.evntPlcDtTm .evntPlc{width: 100%;font-size: 14px;}
	.crssSecCntnt{padding: 15px;font-size: 14px; line-height: 18px;}
	.sldHdng, .sldCntnt{margin-bottom: 30px;}
	.crssSecCntnt p {font-size: 14px; line-height: 18px;}
	.msngr_img_cnt{flex-direction: column;margin-right: 0;margin-bottom: 0;}
	.msngr_img{margin-right: 0;width: 200px;height: 200px;min-width: inherit;}
	.msngr_img:after{width: 40px; height: 40px;font-size: 49px; line-height: 67px;}
	.msngr_name > span.bold{display: inline-block;}
	.msngr_name{margin-top: 5px;text-align: center;font-size: 18px; line-height: 24px;}
	.miya_msg_cntnt .secHeading{margin-top: 20px;}
	.cntnt p{padding-left: 10px;font-size: 14px; line-height:18px;}
	.crr_crd_main_cnt {padding-right: 22px;margin-top: 40px; }
	.crr_crd{padding: 40px 10px 20px 10px;font-size: 14px;line-height: 18px;}
	.crr_crd_icon{top: 15px;}
	section.abtMissionVisionSec{padding-top: 60px;padding-bottom: 0;}
	.crr_crd_main_cnt:before {height: calc(100% - 178px); top: 12px;}
	.crr_crd_cnt .crr_crd:after {left: -63px !important;}
	.adSec{display: none; }
	.abtDonationBtn{margin-top: 60px;padding-bottom: 20px;}
	.abtDonationBtn span.btn{
		padding: 0 15px;    
		padding: 0 15px;
	    border-width: 1px;
	    font-family: var(--regular);
	    height: 45px;
	    line-height: 42px;
	}
	.crr_crd_cnt{margin-left: 30px !important;width: calc(100% - 20px)}
	.crr_crd_cnt .crr_crd:after {left: -43px !important; top: 10px;}
	.prspctsCont{flex-direction: column;overflow: hidden;margin-bottom: 20px;}
	.prspctsCont .col-lg-4{margin-bottom: 15px;padding: 0;}
	.sliderSec .slick-slide img {
	    display: block;
	    min-height: 190px;
	    transform: scaleX(2);
	}
.slider_cnt .slick-dots{bottom: 0;}
.slider_cnt .slick-dots li{width: 6px;height: 6px;}
.slider_cnt .slick-dots li.slick-active{background-color: #eb2d25;}

}















