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