/* Küçültme başarısız oldu. Küçültülmeyen içerik döndürülüyor. (74,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (75,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (76,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (77,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (78,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (79,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (80,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (81,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (82,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (83,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (84,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (85,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (86,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (87,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (88,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (89,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (90,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (91,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (94,15): run-time error CSS1039: Token not allowed after unary operator: '-color-body' (95,21): run-time error CSS1039: Token not allowed after unary operator: '-font-inter' (122,21): run-time error CSS1039: Token not allowed after unary operator: '-font-lora' (125,15): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (133,17): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (135,22): run-time error CSS1030: Expected identifier, found 'ul' (135,24): run-time error CSS1031: Expected selector, found ')' (135,24): run-time error CSS1025: Expected comma or open brace, found ')' (145,15): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (151,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (171,15): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (174,26): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (177,15): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-07' (180,26): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-07' (183,15): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-10' (186,26): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-10' (189,15): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-20' (192,26): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-20' (195,15): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (198,26): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (201,15): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-10' (204,26): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-10' (207,15): run-time error CSS1039: Token not allowed after unary operator: '-color-tertiary' (210,26): run-time error CSS1039: Token not allowed after unary operator: '-color-tertiary' (213,15): run-time error CSS1039: Token not allowed after unary operator: '-color-fourth' (216,26): run-time error CSS1039: Token not allowed after unary operator: '-color-fourth' (219,15): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (222,26): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (225,15): run-time error CSS1039: Token not allowed after unary operator: '-color-heading-07' (228,26): run-time error CSS1039: Token not allowed after unary operator: '-color-heading-07' (231,15): run-time error CSS1039: Token not allowed after unary operator: '-color-heading-10' (234,26): run-time error CSS1039: Token not allowed after unary operator: '-color-heading-10' (237,15): run-time error CSS1039: Token not allowed after unary operator: '-color-heading-50' (240,26): run-time error CSS1039: Token not allowed after unary operator: '-color-heading-50' (243,15): run-time error CSS1039: Token not allowed after unary operator: '-color-body' (246,26): run-time error CSS1039: Token not allowed after unary operator: '-color-body' (249,15): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (252,26): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (255,15): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (258,26): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (261,15): run-time error CSS1039: Token not allowed after unary operator: '-color-black' (264,26): run-time error CSS1039: Token not allowed after unary operator: '-color-black' (303,30): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-10' (318,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (468,15): run-time error CSS1039: Token not allowed after unary operator: '-color-heading-50' (469,26): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (473,21): run-time error CSS1039: Token not allowed after unary operator: '-font-inter' (484,24): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (485,17): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (498,24): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (502,40): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (503,32): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (504,17): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (505,23): run-time error CSS1039: Token not allowed after unary operator: '-font-inter' (738,27): run-time error CSS1039: Token not allowed after unary operator: '-font-inter' (740,21): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (745,23): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (755,32): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (770,43): run-time error CSS1039: Token not allowed after unary operator: '-color-heading-07' (782,25): run-time error CSS1039: Token not allowed after unary operator: '-color-body' (784,38): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (785,27): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (794,21): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (817,28): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (820,17): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (823,26): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (837,17): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (861,32): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (867,34): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (875,17): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (882,17): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (885,19): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (891,28): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (896,30): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (900,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (903,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (905,28): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (907,24): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (909,30): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (911,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (946,23): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (959,29): run-time error CSS1039: Token not allowed after unary operator: '-font-inter' (966,29): run-time error CSS1039: Token not allowed after unary operator: '-font-lora' (971,35): run-time error CSS1039: Token not allowed after unary operator: '-color-heading-10' (980,38): run-time error CSS1039: Token not allowed after unary operator: '-color-heading-10' (997,39): run-time error CSS1039: Token not allowed after unary operator: '-color-heading-10' (1008,23): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (1021,29): run-time error CSS1039: Token not allowed after unary operator: '-font-inter' (1028,29): run-time error CSS1039: Token not allowed after unary operator: '-font-lora' (1033,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (1044,19): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (1050,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (1054,19): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (1085,34): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (1148,28): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (1156,30): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (1161,17): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (1163,30): run-time error CSS1039: Token not allowed after unary operator: '-color-tertiary' (1164,19): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (1167,17): run-time error CSS1039: Token not allowed after unary operator: '-color-tertiary' (1195,28): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (1206,28): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (1225,17): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (1243,33): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-10' (1258,17): run-time error CSS1039: Token not allowed after unary operator: '-color-body' (1260,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (1270,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (1274,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (1301,33): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-10' (1302,15): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (1305,21): run-time error CSS1039: Token not allowed after unary operator: '-font-inter' (1323,33): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-10' (1338,15): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (1353,26): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (1370,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (1381,21): run-time error CSS1039: Token not allowed after unary operator: '-font-inter' (1383,26): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (1384,15): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (1402,28): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (1403,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (1405,28): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (1407,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (1413,26): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (1415,28): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (1416,17): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (1418,30): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (1419,19): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (1421,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (1423,28): run-time error CSS1039: Token not allowed after unary operator: '-color-tertiary' (1425,30): run-time error CSS1039: Token not allowed after unary operator: '-color-fourth' (1427,28): run-time error CSS1039: Token not allowed after unary operator: '-color-fourth' (1429,30): run-time error CSS1039: Token not allowed after unary operator: '-color-tertiary' (1480,19): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (1528,17): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (1532,19): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (1542,19): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (1568,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-20' (1582,15): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (1589,24): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (1610,30): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (1646,21): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (1688,30): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (1689,19): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (1695,32): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (1696,21): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (1716,21): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (1729,21): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (1771,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (1807,15): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (1827,15): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (1837,15): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (1847,28): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (1889,26): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (1918,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (1958,30): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-10' (1963,19): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (1972,30): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (1973,19): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (1979,25): run-time error CSS1039: Token not allowed after unary operator: '-font-inter' (2000,26): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (2020,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-10' (2021,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (2048,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-10' (2049,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (2067,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (2076,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (2087,26): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (2097,19): run-time error CSS1039: Token not allowed after unary operator: '-color-tertiary' (2100,17): run-time error CSS1039: Token not allowed after unary operator: '-color-tertiary' (2106,17): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (2109,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-10' (2117,30): run-time error CSS1039: Token not allowed after unary operator: '-color-tertiary' (2118,19): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (2119,26): run-time error CSS1039: Token not allowed after unary operator: '-color-tertiary' (2137,19): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (2146,30): run-time error CSS1039: Token not allowed after unary operator: '-color-fourth' (2148,30): run-time error CSS1039: Token not allowed after unary operator: '-color-tertiary' (2149,19): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (2150,26): run-time error CSS1039: Token not allowed after unary operator: '-color-tertiary' (2160,28): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (2168,19): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (2257,28): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (2274,19): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (2291,32): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-10' (2292,21): run-time error CSS1039: Token not allowed after unary operator: '-color-heading-50' (2294,34): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (2295,23): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (2298,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-10' (2365,30): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (2366,19): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (2368,32): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (2383,30): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (2384,19): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (2397,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (2420,26): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (2451,19): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (2490,32): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-10' (2491,21): run-time error CSS1039: Token not allowed after unary operator: '-color-heading-50' (2499,34): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (2500,23): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (2515,32): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (2516,21): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (2545,26): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-10' (2625,19): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (2656,17): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (2660,26): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-10' (2679,17): run-time error CSS1039: Token not allowed after unary operator: '-color-body' (2701,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (2710,28): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (2712,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (2716,23): run-time error CSS1039: Token not allowed after unary operator: '-font-lora' (2725,30): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (2726,19): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (2733,40): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (2734,32): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (2754,26): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (2765,28): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (2804,28): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (2806,23): run-time error CSS1039: Token not allowed after unary operator: '-font-lora' (2809,17): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (2872,28): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (2925,28): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (2927,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (2931,23): run-time error CSS1039: Token not allowed after unary operator: '-font-lora' (2942,30): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (2943,19): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (3017,23): run-time error CSS1039: Token not allowed after unary operator: '-font-lora' (3019,17): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (3036,19): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (3055,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-10' (3067,30): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (3088,28): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (3099,25): run-time error CSS1039: Token not allowed after unary operator: '-font-lora' (3103,19): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (3112,23): run-time error CSS1039: Token not allowed after unary operator: '-font-lora' (3116,17): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (3166,19): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (3177,17): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (3184,30): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (3185,19): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (3197,21): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (3206,36): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (3207,25): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (3212,26): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (3262,19): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (3282,23): run-time error CSS1039: Token not allowed after unary operator: '-font-lora' (3286,17): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (3354,19): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (3355,25): run-time error CSS1039: Token not allowed after unary operator: '-font-lora' (3367,21): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (3374,21): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (3384,28): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (3407,30): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (3408,19): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (3503,21): run-time error CSS1039: Token not allowed after unary operator: '-font-lora' (3505,15): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (3516,21): run-time error CSS1039: Token not allowed after unary operator: '-font-inter' (3519,15): run-time error CSS1039: Token not allowed after unary operator: '-color-body' (3527,15): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (3530,26): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-10' (3552,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (3573,15): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (3597,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (3598,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (3632,28): run-time error CSS1039: Token not allowed after unary operator: '-color-tertiary' (3633,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (3648,26): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-10' (3673,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-10' (3712,26): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (3758,19): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (3784,19): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (3795,32): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (3804,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (3805,28): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (3820,26): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (3852,17): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (3863,30): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (3866,19): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (3892,17): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (3900,19): run-time error CSS1039: Token not allowed after unary operator: '-color-body' (3902,19): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (3908,26): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-10' (3910,15): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (3913,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (3914,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (3925,26): run-time error CSS1039: Token not allowed after unary operator: '-color-tertiary' (3926,15): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (3929,15): run-time error CSS1039: Token not allowed after unary operator: '-color-tertiary' (3932,26): run-time error CSS1039: Token not allowed after unary operator: '-color-tertiary' (3933,22): run-time error CSS1039: Token not allowed after unary operator: '-color-tertiary' (3936,26): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-10' (3955,19): run-time error CSS1039: Token not allowed after unary operator: '-color-body' (3966,32): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (3969,21): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (3982,28): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (3983,24): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (4046,31): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (4079,15): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (4100,28): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (4118,19): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (4120,30): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-10' (4130,32): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (4131,21): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (4143,30): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (4147,19): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (4196,28): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (4255,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (4272,26): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (4321,23): run-time error CSS1039: Token not allowed after unary operator: '-font-inter' (4331,26): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (4335,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (4366,28): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (4404,31): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (4432,30): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (4466,19): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (4502,32): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (4544,30): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (4582,21): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (4586,30): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (4587,19): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (4625,17): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (4626,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-10' (4638,30): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (4639,19): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (4644,26): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-07' (4674,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (4682,25): run-time error CSS1039: Token not allowed after unary operator: '-font-inter' (4684,19): run-time error CSS1039: Token not allowed after unary operator: '-color-body' (4693,23): run-time error CSS1039: Token not allowed after unary operator: '-font-lora' (4696,17): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (4710,19): run-time error CSS1039: Token not allowed after unary operator: '-color-body' (4723,19): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (4758,21): run-time error CSS1039: Token not allowed after unary operator: '-font-lora' (4761,26): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-10' (4797,26): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (4801,26): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (4811,33): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-10' (4813,32): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-10' (4838,30): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (4839,19): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (4856,26): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (4863,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (4872,17): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (4896,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (4925,28): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (4926,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (4936,30): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (4946,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (4969,28): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (4970,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (4989,30): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (5012,19): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (5065,15): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (5072,26): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-10' (5080,26): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (5094,28): run-time error CSS1039: Token not allowed after unary operator: '-color-fourth' (5101,28): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (5120,19): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (5133,21): run-time error CSS1039: Token not allowed after unary operator: '-color-tertiary' (5151,26): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (5168,28): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (5199,21): run-time error CSS1039: Token not allowed after unary operator: '-color-tertiary' (5229,30): run-time error CSS1039: Token not allowed after unary operator: '-color-fourth' (5230,19): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (5233,32): run-time error CSS1039: Token not allowed after unary operator: '-color-tertiary' (5246,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (5247,28): run-time error CSS1039: Token not allowed after unary operator: '-color-tertiary' (5261,30): run-time error CSS1039: Token not allowed after unary operator: '-color-fourth' (5276,28): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (5295,28): run-time error CSS1039: Token not allowed after unary operator: '-color-fourth' (5307,30): run-time error CSS1039: Token not allowed after unary operator: '-color-tertiary' (5330,28): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (5331,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-10' (5339,30): run-time error CSS1039: Token not allowed after unary operator: '-color-fourth' (5340,19): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (5344,26): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-10' (5351,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (5376,19): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (5384,21): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (5396,30): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (5401,19): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (5406,26): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (5419,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (5424,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (5492,26): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (5506,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (5522,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (5554,23): run-time error CSS1039: Token not allowed after unary operator: '-font-lora' (5555,17): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (5589,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (5590,23): run-time error CSS1039: Token not allowed after unary operator: '-font-lora' (5611,26): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (5625,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (5628,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (5631,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (5657,17): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (5707,30): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (5708,19): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (5737,28): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (5753,17): run-time error CSS1039: Token not allowed after unary operator: '-color-body' (5779,32): run-time error CSS1039: Token not allowed after unary operator: '-color-heading-07' (5800,21): run-time error CSS1039: Token not allowed after unary operator: '-color-body' (5805,23): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (5807,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (5808,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (5814,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (5818,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (5822,19): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (5830,26): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (5849,15): run-time error CSS1039: Token not allowed after unary operator: '-color-body' (5874,26): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (5891,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (5898,23): run-time error CSS1039: Token not allowed after unary operator: '-font-lora' (5902,17): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (5915,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (5934,30): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (5971,25): run-time error CSS1039: Token not allowed after unary operator: '-font-lora' (5975,19): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (5982,17): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (5983,28): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (5989,30): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (5990,19): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (5996,19): run-time error CSS1039: Token not allowed after unary operator: '-color-body' (5999,21): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (6007,26): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-10' (6011,26): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (6080,21): run-time error CSS1039: Token not allowed after unary operator: '-color-body' (6082,23): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (6197,17): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (6201,19): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (6225,21): run-time error CSS1039: Token not allowed after unary operator: '-font-lora' (6227,15): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (6231,28): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (6260,30): run-time error CSS1039: Token not allowed after unary operator: '-color-heading-07' (6274,25): run-time error CSS1039: Token not allowed after unary operator: '-font-lora' (6276,19): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (6281,32): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (6282,21): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (6283,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (6295,32): run-time error CSS1039: Token not allowed after unary operator: '-color-heading-07' (6319,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-10' (6321,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (6326,26): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (6330,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (6337,30): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (6342,19): run-time error CSS1039: Token not allowed after unary operator: '-color-body' (6350,30): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (6351,19): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (6358,32): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (6365,15): run-time error CSS1039: Token not allowed after unary operator: '-color-body' (6371,17): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (6414,19): run-time error CSS1039: Token not allowed after unary operator: '-color-body' (6416,21): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (6429,17): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (6438,15): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (6448,15): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (6457,15): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (6465,26): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (6466,15): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (6471,28): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (6472,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (6486,28): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (6487,17): run-time error CSS1039: Token not allowed after unary operator: '-color-body' (6492,30): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (6493,19): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (6554,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (6562,28): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (6614,28): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (6737,23): run-time error CSS1039: Token not allowed after unary operator: '-font-lora' (6740,17): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (6761,30): run-time error CSS1039: Token not allowed after unary operator: '-color-heading-10' (6764,25): run-time error CSS1039: Token not allowed after unary operator: '-font-inter' (6765,19): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (6768,44): run-time error CSS1039: Token not allowed after unary operator: '-color-heading-10' (6769,36): run-time error CSS1039: Token not allowed after unary operator: '-color-heading-10' (6783,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (6816,19): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (6822,19): run-time error CSS1039: Token not allowed after unary operator: '-color-body' (6824,21): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (6829,23): run-time error CSS1039: Token not allowed after unary operator: '-font-lora' (6832,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (6884,21): run-time error CSS1039: Token not allowed after unary operator: '-font-lora' (6887,15): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (6913,17): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (6947,17): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (6948,21): run-time error CSS1039: Token not allowed after unary operator: '-font-lora' (6951,17): run-time error CSS1039: Token not allowed after unary operator: '-color-body' (6997,32): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (6998,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (6999,21): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (7073,19): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (7077,21): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (7110,21): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (7118,32): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (7133,26): run-time error CSS1039: Token not allowed after unary operator: '-color-heading-07' (7145,19): run-time error CSS1039: Token not allowed after unary operator: '-color-body' (7147,21): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (7170,19): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (7184,32): run-time error CSS1039: Token not allowed after unary operator: '-color-heading-07' (7185,21): run-time error CSS1039: Token not allowed after unary operator: '-color-body' (7189,34): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (7190,23): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (7203,21): run-time error CSS1039: Token not allowed after unary operator: '-color-body' (7205,21): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (7230,29): run-time error CSS1039: Token not allowed after unary operator: '-font-lora' (7233,25): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (7269,25): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (7272,38): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (7301,34): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (7302,23): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (7304,29): run-time error CSS1039: Token not allowed after unary operator: '-font-inter' (7316,23): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (7327,25): run-time error CSS1039: Token not allowed after unary operator: '-color-tertiary' (7332,32): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-10' (7335,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (7337,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (7343,30): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (7345,19): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (7349,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (7354,19): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (7356,17): run-time error CSS1039: Token not allowed after unary operator: '-color-tertiary' (7358,17): run-time error CSS1039: Token not allowed after unary operator: '-color-tertiary' (7360,17): run-time error CSS1039: Token not allowed after unary operator: '-color-tertiary' (7391,26): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (7392,26): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' (7393,15): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (7404,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (7406,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (7407,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (7408,24): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary' (7409,28): run-time error CSS1039: Token not allowed after unary operator: '-color-heading-07' (7422,23): run-time error CSS1039: Token not allowed after unary operator: '-font-lora' (7430,28): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (7432,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (7436,23): run-time error CSS1039: Token not allowed after unary operator: '-font-lora' (7439,28): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (7440,17): run-time error CSS1039: Token not allowed after unary operator: '-color-heading' */ /*----------------------------------------------------------------------------------- Template Name: Seeva - Medical and Dental HTML Template Template URI: https://webtend.net/demo/html/seeva/ Author: WebTend Author URI: https://webtend.net/ Version: 1.1 Note: This is Main Style CSS File. ----------------------------------------------------------------------------------- CSS INDEX =================== #. Common #. Input field #. Keyframes & Animation #. Components ##. Preloader ##. Template Btn ##. Hero Area ##. Hero Area One ##. Hero Area Two ##. Hero Slider ##. Hero Slider One ##. Hero Slider Two ##. Section Heading ##. Image title box ##. Circle Image Gallery ##. Iconic Box ###. Iconic Box ###. Iconic Box Two ###. Iconic Box Three ##. Doctor Boxes ###. Doctor Boxes One ###. Doctor Boxes Two ###. Doctor Boxes Three ###. Doctor Details ##. Testimonials ###. Testimonials Slider ##. Counter ##. Check List ##. Partner Logos ##. Latest Blog ##. Tile Gallery ##. Simple Icon ##. Fancy Content Box ##. Call to Action ###. Call to Action One ###. Call to Action Two ##. Bordered Icon ##. Gallery ##. Pricing Table ##. Accordion ##. Seeva Video ##. Progress-bar ##. Product Tab ##. Page Title ##. Contact #. Blog ##. Blog Post Loop ##. Blog Details ##. Comment Template ##. Pagination ##. Sidebar #. Section #. Shop ##. Product Top-bar ##. Product Loop ##. Product Details ##. Shop Sidebar #. Footer -----------------------------------------------------------------------------------*/ /*======= Common =======*/ @import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap"); :root { --color-primary: #2e279d; --color-primary-07: rgba(46, 39, 157, 0.07); --color-primary-10: rgba(46, 39, 157, 0.1); --color-primary-20: rgba(46, 39, 157, 0.2); --color-secondary: #499afa; --color-secondary-10: rgba(73, 154, 250, 0.1); --color-tertiary: #21cdc0; --color-fourth: #213360; --color-heading: #00365F; --color-heading-07: rgba(14, 32, 77, 0.07); --color-heading-10: rgba(14, 32, 77, 0.1); --color-heading-50: rgba(14, 32, 77, 0.5); --color-body: #4d6581; --color-grey: #f3f5f8; --color-white: #fff; --color-black: #000000; --font-inter: 'Inter', sans-serif; --font-lora: 'Lora', serif; } body { color: var(--color-body); font-family: var(--font-inter); font-weight: normal; font-size: 16px; line-height: 2; overflow-x: hidden !important; } * { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } img { max-width: 100%; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .slick-slide img { display: inline-block; } h1, h2, h3, h4, h5, h6 { font-family: var(--font-lora); font-weight: 400; line-height: 1.2; color: var(--color-heading); margin: 0px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: var(--color-heading); } ul:not(.post-content ul), ol:not(.post-content ol) { margin: 0px; padding: 0px; list-style-type: none; } p { margin: 0px; } a { color: var(--color-secondary); display: inline-block; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } a:hover { color: var(--color-secondary); text-decoration: none; } a:focus { text-decoration: none; outline: none; -webkit-box-shadow: none; box-shadow: none; } a, span { display: inline-block; } .slick-initialized .slick-slide:focus { text-decoration: none; outline: none; -webkit-box-shadow: none; box-shadow: none; } /*======= Colors & Background =======*/ .color-primary { color: var(--color-primary) !important; } .bg-color-primary { background-color: var(--color-primary); } .color-primary-07 { color: var(--color-primary-07) !important; } .bg-color-primary-07 { background-color: var(--color-primary-07); } .color-primary-10 { color: var(--color-primary-10) !important; } .bg-color-primary-10 { background-color: var(--color-primary-10); } .color-primary-20 { color: var(--color-primary-20) !important; } .bg-color-primary-20 { background-color: var(--color-primary-20); } .color-secondary { color: var(--color-secondary) !important; } .bg-color-secondary { background-color: var(--color-secondary); } .color-secondary-10 { color: var(--color-secondary-10) !important; } .bg-color-secondary-10 { background-color: var(--color-secondary-10); } .color-tertiary { color: var(--color-tertiary) !important; } .bg-color-tertiary { background-color: var(--color-tertiary); } .color-fourth { color: var(--color-fourth) !important; } .bg-color-fourth { background-color: var(--color-fourth); } .color-heading { color: var(--color-heading) !important; } .bg-color-heading { background-color: var(--color-heading); } .color-heading-07 { color: var(--color-heading-07) !important; } .bg-color-heading-07 { background-color: var(--color-heading-07); } .color-heading-10 { color: var(--color-heading-10) !important; } .bg-color-heading-10 { background-color: var(--color-heading-10); } .color-heading-50 { color: var(--color-heading-50) !important; } .bg-color-heading-50 { background-color: var(--color-heading-50); } .color-body { color: var(--color-body) !important; } .bg-color-body { background-color: var(--color-body); } .color-grey { color: var(--color-grey) !important; } .bg-color-grey { background-color: var(--color-grey); } .color-white { color: var(--color-white) !important; } .bg-color-white { background-color: var(--color-white); } .color-black { color: var(--color-black) !important; } .bg-color-black { background-color: var(--color-black); } /*======= Custom Container =======*/ .container-1300 { max-width: 1300px; } .container-1400 { max-width: 1400px; } .container-1450 { max-width: 1450px; } .container-1500 { max-width: 1500px; } .container-1600 { max-width: 1600px; } @media (min-width: 1600px) { .container-fluid.fluid-70 { padding-left: 70px; padding-right: 70px; } } @media (min-width: 1600px) { .container-fluid.fluid-100 { padding-left: 100px; padding-right: 100px; } } /*======= Common Class =======*/ .overly-primary-95::before, .iconic-box .icon::before, .cta-boxed-three .cta-inner::before, .seeva-video::before, .primary-sidebar .widget.cta-widget .cta-content::before, .template-footer .footer-widgets .widget .instagram-images .single-image a::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; } .border-top-primary { border-top: 1px solid var(--color-primary-10); } /*======= Background Sizes =======*/ .bg-size-cover { background-size: cover; background-position: center; background-repeat: no-repeat; } .blend-mode-multiply { background-blend-mode: multiply; } .overly-primary-95 { position: relative; z-index: 1; } .overly-primary-95::before { background-color: var(--color-primary); opacity: 0.95; } /*======= Spacing =======*/ .section-gap { padding-top: 3rem; padding-bottom: 3rem; } .section-gap-top { padding-top: 3rem; } .section-gap-top-less { padding-top: 2rem; padding-bottom: 3rem; } .section-gap-bottom { padding-bottom: 3rem; } .section-gap-100 { padding-top: 2rem; padding-bottom: 2rem; } .section-gap-80 { padding-top: 2rem; padding-bottom: 2rem; } .about-content-gap { padding-left: 30px; padding-bottom: 120px; } @media (max-width: 1199px) { .about-content-gap { padding-bottom: 60px; padding-left: 0; } } .mt-10 { margin-top: 10px; } .mt-20 { margin-top: 20px; } .mt-30 { margin-top: 30px; } .mt-35 { margin-top: 35px; } .mt-40 { margin-top: 40px; } .mt-50 { margin-top: 50px; } .mt-60 { margin-top: 60px; } .mb-20 { margin-bottom: 20px; } .mb-30 { margin-bottom: 30px; } .mb-35 { margin-bottom: 35px; } .mb-40 { margin-bottom: 40px; } .mb-50 { margin-bottom: 50px; } .mb-60 { margin-bottom: 60px; } .mb-70 { margin-bottom: 70px; } @media (max-width: 1199px) { .mb-xl-50 { margin-bottom: 50px; } } @media (max-width: 991px) { .mb-md-50 { margin-bottom: 50px; } .mb-md-80 { margin-bottom: 80px; } .mt-md-50 { margin-top: 50px; } .mt-md-80 { margin-top: 80px; } .mt-md-40 { margin-top: 40px; } } @media (max-width: 767px) { .mt-sm-30 { margin-top: 30px; } } /*======= Input field =======*/ input:focus, textarea:focus, select:focus, button:focus { text-decoration: none; outline: none; -webkit-box-shadow: none; box-shadow: none; } ::-webkit-input-placeholder { color: inherit; opacity: 1; } :-ms-input-placeholder { color: inherit; opacity: 1; } ::-ms-input-placeholder { color: inherit; opacity: 1; } ::placeholder { color: inherit; opacity: 1; } input[type="search"]::-ms-clear { display: none; width: 0; height: 0; } input[type="search"]::-ms-reveal { display: none; width: 0; height: 0; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; } textarea, input, select, .nice-select { width: 100%; height: 65px; color: var(--color-heading-50); background-color: var(--color-grey); border: 1px solid transparent; font-size: 18px; font-weight: 400; font-family: var(--font-inter); border-radius: 0; line-height: 1.4; padding: 0 30px; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } textarea:focus, input:focus, select:focus, .nice-select:focus { border-color: var(--color-secondary); color: var(--color-heading); } .nice-select { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .nice-select:active, .nice-select.open, .nice-select:focus, .nice-select:hover { border-color: var(--color-secondary); } .nice-select .list { width: 100%; border-radius: 0; -webkit-box-shadow: 0 0 0 1px var(--color-secondary); box-shadow: 0 0 0 1px var(--color-secondary); color: var(--color-heading); font-family: var(--font-inter); font-size: 16px; font-weight: 500; } .nice-select .list .selected { font-weight: normal; } .nice-select::after { content: "\f107"; font-size: 15px; font-weight: 400; font-family: "Font Awesome 5 Pro"; line-height: 1; border: none; position: relative; top: 2px; right: 0; display: block; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: 0; -ms-transform-origin: 0; transform-origin: 0; width: auto; height: auto; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .nice-select.open::after { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } textarea { height: 140px; padding-top: 20px; display: inherit; resize: none; } button { border: none; } /*======= keyframes & Animation =======*/ @-webkit-keyframes sticky { 0% { top: -200px; } 100% { top: 0; } } @keyframes sticky { 0% { top: -200px; } 100% { top: 0; } } @-webkit-keyframes float-bob-x { 0% { -webkit-transform: translateX(-20px); transform: translateX(-20px); } 50% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(-20px); transform: translateX(-20px); } } @keyframes float-bob-x { 0% { -webkit-transform: translateX(-20px); transform: translateX(-20px); } 50% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(-20px); transform: translateX(-20px); } } @-webkit-keyframes float-bob-y { 0% { -webkit-transform: translateY(-20px); transform: translateY(-20px); } 50% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(-20px); transform: translateY(-20px); } } @keyframes float-bob-y { 0% { -webkit-transform: translateY(-20px); transform: translateY(-20px); } 50% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(-20px); transform: translateY(-20px); } } @-webkit-keyframes preloader { 0% { transform: perspective(160px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(160px) rotateX(0deg) rotateY(0deg); } 50% { transform: perspective(160px) rotateX(-180deg) rotateY(0deg); -webkit-transform: perspective(160px) rotateX(-180deg) rotateY(0deg); } 100% { transform: perspective(160px) rotateX(-180deg) rotateY(-180deg); -webkit-transform: perspective(160px) rotateX(-180deg) rotateY(-180deg); } } @keyframes preloader { 0% { transform: perspective(160px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(160px) rotateX(0deg) rotateY(0deg); } 50% { transform: perspective(160px) rotateX(-180deg) rotateY(0deg); -webkit-transform: perspective(160px) rotateX(-180deg) rotateY(0deg); } 100% { transform: perspective(160px) rotateX(-180deg) rotateY(-180deg); -webkit-transform: perspective(160px) rotateX(-180deg) rotateY(-180deg); } } @-webkit-keyframes pulse-border { 0% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; } 100% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0; } } @keyframes pulse-border { 0% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; } 100% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0; } } .animate-float-bob-x { -webkit-animation-name: float-bob-x; animation-name: float-bob-x; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } .animate-float-bob-y { -webkit-animation-name: float-bob-y; animation-name: float-bob-y; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } /*======= Header =======*/ .template-header { position: relative; z-index: 999; } .template-header .header-navigation { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-left: -15px; margin-right: -15px; } @media (max-width: 1199px) { .template-header .header-navigation { padding: 18px 0; } } .template-header .header-left, .template-header .header-center, .template-header .header-right { padding-left: 15px; padding-right: 15px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .template-header .extra-icons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .template-header .extra-icons li:not(:first-child) { margin-left: 30px; } .template-header .header-center .extra-icons li { margin-left: 30px; } @media (max-width: 1299px) { .template-header .header-center .extra-icons li { margin-left: 20px; } } .template-header .header-center .extra-icons li:first-child { margin-left: 15px; } @media (max-width: 424px) { .template-header .site-logo { max-width: 150px; } } .template-header .site-menu ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .template-header .site-menu ul li { display: block; line-height: 110px; position: relative; z-index: 1; padding: 0 8px; } @media (max-width: 1299px) { .template-header .site-menu ul li { padding: 0px 5px; } } .template-header .site-menu ul li a { padding: 5px; font-size: 16px; font-weight: 500; font-family: var(--font-inter); line-height: 1.4; color: var(--color-heading); } .template-header .site-menu ul li a .dd-trigger { font-size: 12px; padding-left: 5px; } .template-header .site-menu ul li a:hover { color: var(--color-secondary); } .template-header .site-menu ul li:hover > .sub-menu { visibility: visible; opacity: 1; top: 100%; } .template-header .site-menu ul li .sub-menu { position: absolute; display: block; position: absolute; width: 220px; background-color: var(--color-white); -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; z-index: 99; -webkit-box-shadow: 0 2px 8px 0 rgba(0, 29, 35, 0.05); box-shadow: 0 2px 8px 0 rgba(0, 29, 35, 0.05); left: 0; top: calc(100% + 40px); visibility: hidden; opacity: 0; } .template-header .site-menu ul li .sub-menu li { line-height: 1; padding: 0; } .template-header .site-menu ul li .sub-menu li:not(:last-child) { border-bottom: 1px solid var(--color-heading-07); } .template-header .site-menu ul li .sub-menu li a { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 15px; padding: 10px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; line-height: 1.4; color: var(--color-body); } .template-header .site-menu ul li .sub-menu li a:hover { background-color: var(--color-secondary); color: var(--color-white); } .template-header .site-menu ul li .sub-menu li a::before { display: none; } .template-header .site-menu ul li .sub-menu li .sub-menu { left: 100%; top: 50%; } .template-header .site-menu ul li .sub-menu li:hover .sub-menu { top: 0; } .template-header .site-menu ul li.active a { color: var(--color-secondary); } .template-header .site-menu.item-extra-gap ul li { padding: 0 15px; } @media (max-width: 1599px) { .template-header .site-menu.item-extra-gap ul li { padding: 0 10px; } } @media (max-width: 1299px) { .template-header .site-menu.item-extra-gap ul li { padding: 0px 8px; } } .template-header .site-menu.menu-gap-left { margin-left: 90px; } .template-header .site-menu.item-left ul.primary-menu > li:first-child { padding-left: 0; } .template-header .site-menu.item-left ul.primary-menu > li:first-child > a { padding-left: 0; } .template-header .header-search-area form { position: relative; z-index: 1; } .template-header .header-search-area input { width: 280px; height: 55px; border-radius: 30px; border: 2px solid rgba(77, 101, 129, 0.15); background-color: var(--color-white); font-size: 15px; font-weight: 500; color: var(--color-heading); padding: 0 45px 0 25px; } .template-header .header-search-area input:focus { border-color: var(--color-heading); } @media (max-width: 1299px) { .template-header .header-search-area input { width: 220px; } } @media (max-width: 767px) { .template-header .header-search-area input { width: 200px; } } .template-header .header-search-area button { position: absolute; top: 50%; right: 25px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: var(--color-heading); background-color: transparent; font-size: 15px; line-height: 1; } .template-header .off-canvas-btn { position: relative; cursor: pointer; padding: 10px 0; } .template-header .off-canvas-btn span { width: 35px; height: 4px; display: block; } .template-header .off-canvas-btn span::before, .template-header .off-canvas-btn span::after { position: absolute; left: 0; top: 0; content: ""; width: 35px; height: 4px; display: block; } .template-header .off-canvas-btn span::after { top: auto; bottom: 0; } .template-header .off-canvas-btn span, .template-header .off-canvas-btn span::before, .template-header .off-canvas-btn span::after { background-color: var(--color-secondary); } .template-header .off-canvas-btn.style-two { padding: 13px 0; } .template-header .off-canvas-btn.style-two span { width: 50px; } .template-header .off-canvas-btn.style-two span, .template-header .off-canvas-btn.style-two span::before, .template-header .off-canvas-btn.style-two span::after { background-color: var(--color-primary); } .template-header .off-canvas-btn.style-two span::before { width: 45px; } .template-header .off-canvas-btn.style-two span::after { width: 40px; } .template-header .search-btn { display: block; line-height: 1; color: var(--color-heading); font-size: 15px; } .template-header .cart-icon, .template-header .wishlist-icon { display: block; font-size: 22px; line-height: 1; color: var(--color-heading); } .template-header .cart-icon:hover, .template-header .wishlist-icon:hover { color: var(--color-secondary); } .template-header .navbar-toggler { display: block; width: 55px; padding: 10px; font-size: 0; border: 2px solid var(--color-heading); border-radius: 5px; } .template-header .navbar-toggler span { display: block; height: 3px; background-color: var(--color-heading); } .template-header .navbar-toggler span:nth-child(2) { margin: 6px 0; } .template-header .navigation-white-color .site-menu ul li a { color: var(--color-white); } .template-header .navigation-white-color .cart-icon, .template-header .navigation-white-color .wishlist-icon { color: var(--color-white); } .template-header .navigation-white-color .off-canvas-btn span, .template-header .navigation-white-color .off-canvas-btn span::before, .template-header .navigation-white-color .off-canvas-btn span::after { background-color: var(--color-white); } .template-header .navigation-white-color .navbar-toggler { border-color: var(--color-white); } .template-header .navigation-white-color .navbar-toggler span { background-color: var(--color-white); } .template-header .header-top-list-one { background-color: var(--color-primary); } .template-header .header-top-list-one .list-items { display: -webkit-box; display: -ms-flexbox; display: flex; } .template-header .header-top-list-one .list-items .single-list-item { padding: 25px 0; padding-right: 90px; margin-right: 90px; border-right: 2px solid rgba(255, 255, 255, 0.1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .template-header .header-top-list-one .list-items .single-list-item:last-child { margin-right: 0; } @media (max-width: 1199px) { .template-header .header-top-list-one .list-items .single-list-item { padding-right: 65px; margin-right: 65px; } } .template-header .header-top-list-one .list-items .contact-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1; } @media (max-width: 991px) { .template-header .header-top-list-one .list-items .contact-info { display: none; } } .template-header .header-top-list-one .list-items .contact-info, .template-header .header-top-list-one .list-items .contact-info a { color: var(--color-white); } .template-header .header-top-list-one .list-items .contact-info .icon { margin-right: 20px; -webkit-box-flex: 0; -ms-flex: 0 0 50px; flex: 0 0 50px; } .template-header .header-top-list-one .list-items .contact-info .icon img { max-width: 50px; } .template-header .header-top-list-one .list-items .contact-info .info-title { margin-bottom: 10px; display: block; font-size: 16px; font-weight: 600; font-family: var(--font-inter); } @media (max-width: 1299px) { .template-header .header-top-list-one .list-items .contact-info .info-title { font-size: 14px; } } .template-header .header-top-list-one .list-items .contact-info .info-desc { font-size: 22px; font-weight: 400; font-family: var(--font-lora); } @media (max-width: 1299px) { .template-header .header-top-list-one .list-items .contact-info .info-desc { font-size: 18px; } } .template-header .header-top-list-two { border-bottom: 1px solid var(--color-heading-10); } .template-header .header-top-list-two .list-items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .template-header .header-top-list-two .list-items .single-list-item { border-right: 1px solid var(--color-heading-10); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 25px 70px; } @media (max-width: 1299px) { .template-header .header-top-list-two .list-items .single-list-item { padding: 25px 45px; } } @media (max-width: 1199px) { .template-header .header-top-list-two .list-items .single-list-item { padding: 25px 35px; } } .template-header .header-top-list-two .list-items .single-list-item:last-child { margin-right: 0; } .template-header .header-top-list-two .list-items .single-list-item:first-child { border-left: 1px solid var(--color-heading-10); } .template-header .header-top-list-two .list-items .contact-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1; } .template-header .header-top-list-two .list-items .contact-info, .template-header .header-top-list-two .list-items .contact-info a { color: var(--color-heading); } .template-header .header-top-list-two .list-items .contact-info .icon { margin-right: 20px; -webkit-box-flex: 0; -ms-flex: 0 0 50px; flex: 0 0 50px; } .template-header .header-top-list-two .list-items .contact-info .icon img { max-width: 50px; } .template-header .header-top-list-two .list-items .contact-info .info-title { margin-bottom: 10px; display: block; font-size: 16px; font-weight: 600; font-family: var(--font-inter); } @media (max-width: 1299px) { .template-header .header-top-list-two .list-items .contact-info .info-title { font-size: 14px; } } .template-header .header-top-list-two .list-items .contact-info .info-desc { font-size: 22px; font-weight: 400; font-family: var(--font-lora); } @media (max-width: 1299px) { .template-header .header-top-list-two .list-items .contact-info .info-desc { font-size: 18px; } } .template-header .header-top-note { background-color: var(--color-primary); text-align: center; padding: 8px 0; } @media (max-width: 991px) { .template-header .header-top-note { font-size: 14px; } } @media (max-width: 424px) { .template-header .header-top-note { display: none; } } .template-header .header-top-note, .template-header .header-top-note a { color: var(--color-white); } .template-header .header-top-note a { margin-left: 15px; } .template-header .header-top-note a i { margin-right: 8px; } .template-header .header-topbar { background-color: var(--color-primary); padding: 15px 0; } .template-header .header-topbar, .template-header .header-topbar a { color: var(--color-white); } .template-header .header-topbar .topbar-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 991px) { .template-header .header-topbar .topbar-menu { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .template-header .header-topbar .topbar-menu li { padding-left: 15px; padding-right: 20px; position: relative; line-height: 1.4; } @media (max-width: 1199px) { .template-header .header-topbar .topbar-menu li { font-size: 15px; } } .template-header .header-topbar .topbar-menu li::before { content: ""; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); height: 5px; width: 5px; background-color: var(--color-white); border-radius: 50%; } .template-header .header-topbar .topbar-menu li a:hover { text-decoration: underline; } .template-header .header-topbar .contact-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media (max-width: 991px) { .template-header .header-topbar .contact-info { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 15px; } } .template-header .header-topbar .contact-info li { padding-left: 25px; padding-right: 25px; border-left: 2px solid rgba(255, 255, 255, 0.2); line-height: 1.4; } @media (max-width: 1199px) { .template-header .header-topbar .contact-info li { padding-left: 15px; padding-right: 15px; font-size: 15px; } } @media (max-width: 991px) { .template-header .header-topbar .contact-info li:first-child { border-left: none; } } .template-header .header-topbar .contact-info li:last-child { padding-right: 0; } .template-header .header-topbar .contact-info li i { margin-right: 5px; } .template-header .header-topbar .contact-info li .social-icons a { opacity: 0.6; } .template-header .header-topbar .contact-info li .social-icons a:not(:first-child) { margin-left: 20px; } @media (max-width: 1199px) { .template-header .header-topbar .contact-info li .social-icons a:not(:first-child) { margin-left: 16px; } } .template-header .header-topbar .contact-info li .social-icons a:hover { opacity: 1; } .template-header .header-topbar .contact-info li .social-icons a i { margin: 0; } .template-header.absolute-header { position: absolute; left: 0; top: 0; width: 100%; height: auto; z-index: 9999; background-color: transparent; } .template-header.sticky-header.sticky-on { position: fixed; left: 0; top: 0; width: 100%; z-index: 999; -webkit-animation: sticky 1.2s; animation: sticky 1.2s; -webkit-box-shadow: 0 8px 20px rgba(14, 32, 77, 0.08); box-shadow: 0 8px 20px rgba(14, 32, 77, 0.08); background-color: var(--color-white); } .template-header.sticky-header.sticky-on .site-menu ul li { line-height: 100px; } .template-header.sticky-header.sticky-on .header-topbar, .template-header.sticky-header.sticky-on .header-top-list-two, .template-header.sticky-header.sticky-on .header-top-note { display: none !important; } .template-header.sticky-header.sticky-on.sticky-secondary-bg { background-color: var(--color-heading); } @media (min-width: 992px) { .template-header.header-three .header-navigation { padding: 0; } } .template-header.header-five .header-navigation .site-menu ul li .sub-menu li a { color: var(--color-heading); } .template-header.header-five .header-navigation .site-menu ul li .sub-menu li a:hover { background-color: var(--color-tertiary); color: var(--color-white); } .template-header.header-five .header-navigation .site-menu ul li a:hover, .template-header.header-five .header-navigation .site-menu ul li.active a { color: var(--color-tertiary); } /*======= Header Panel =======*/ .slide-panel { position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; width: 100vw; height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; visibility: hidden; opacity: 0; -webkit-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; } .slide-panel .panel-overlay { position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; background-color: var(--color-heading); cursor: pointer; z-index: 9998; -webkit-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; opacity: 0; visibility: hidden; } .slide-panel .panel-inner { max-width: 380px; height: 100vh; background-color: var(--color-white); padding: 40px; position: relative; z-index: 9999; overflow-y: scroll; overflow-x: hidden; -webkit-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; margin-right: -380px; opacity: 0; visibility: hidden; } .slide-panel .panel-close { position: absolute; top: 20px; right: 30px; z-index: 2; font-size: 28px; line-height: 1; color: var(--color-heading); } .slide-panel.show-panel { opacity: 1; visibility: visible; } .slide-panel.show-panel .panel-overlay { visibility: visible; opacity: 0.5; } .slide-panel.show-panel .panel-inner { visibility: visible; opacity: 1; margin-right: -20px; } /*======= Off Canvas =======*/ .off-canvas-panel .canvas-widget-title { font-size: 20px; margin-bottom: 20px; padding-bottom: 15px; position: relative; border-bottom: 1px solid var(--color-primary-10); } .off-canvas-panel .canvas-logo, .off-canvas-panel .contact-us, .off-canvas-panel .about-us { margin-bottom: 40px; } .off-canvas-panel .contact-us li { position: relative; padding-left: 60px; line-height: 1.5; } .off-canvas-panel .contact-us li:not(:last-child) { margin-bottom: 25px; } .off-canvas-panel .contact-us li, .off-canvas-panel .contact-us li a { color: var(--color-body); } .off-canvas-panel .contact-us li a:hover { color: var(--color-primary); } .off-canvas-panel .contact-us li i { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 40px; height: 40px; background-color: var(--color-primary); border-radius: 50%; font-size: 14px; border-radius: 50%; color: var(--color-white); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /*======= Mobile Panel =======*/ .mobile-slide-panel .panel-inner { width: 300px; margin-right: -300px; padding: 40px 30px; } .mobile-slide-panel .panel-logo { margin-bottom: 30px; } .mobile-slide-panel .panel-logo img { max-width: 170px; } .mobile-slide-panel .mobile-menu li a { position: relative; display: block; line-height: 1.5; padding: 10px 45px 10px 0; border-bottom: 1px solid var(--color-primary-10); color: var(--color-heading); font-size: 16px; font-weight: 500; font-family: var(--font-inter); } .mobile-slide-panel .mobile-menu li a .dd-trigger { position: absolute; top: 0; right: 0; width: 45px; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 1; z-index: 2; border-left: 1px solid var(--color-primary-10); font-size: 14px; } .mobile-slide-panel .mobile-menu li a .dd-trigger i { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .mobile-slide-panel .mobile-menu li a .dd-trigger.sub-menu-opened i { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } .mobile-slide-panel .mobile-menu li.active > a { color: var(--color-secondary); } .mobile-slide-panel .mobile-menu li .sub-menu { display: none; padding-left: 15px; } .mobile-slide-panel .mobile-menu li .sub-menu li a { font-size: 14px; } /*======= Preloader =======*/ #preloader { position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; background-color: var(--color-white); z-index: 99999; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #preloader #loading-center { width: 200px; height: 200px; } #preloader #object { width: 60px; height: 60px; background-color: var(--color-primary); -webkit-animation: preloader 1.2s infinite ease-in-out; animation: preloader 1.2s infinite ease-in-out; margin-right: auto; margin-left: auto; margin-top: 60px; } /*======= Template Btn =======*/ .template-btn { font-size: 17px; font-weight: 600; font-family: var(--font-inter); line-height: 1.2; background-color: var(--color-secondary); color: var(--color-white); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; padding: 20px 40px; border-radius: 30px; border: none; } @media (max-width: 575px) { .template-btn { padding: 18px 30px; font-size: 15px; } } .template-btn i { font-size: 15px; margin-left: 6px; } @media (max-width: 575px) { .template-btn i { font-size: 14px; } } .template-btn:hover { background-color: var(--color-heading); color: var(--color-white); } .template-btn-bordered { border: 2px solid var(--color-white); background-color: transparent; color: var(--color-white); padding: 18px 40px; } @media (max-width: 575px) { .template-btn-bordered { padding: 16px 30px; } } .template-btn-bordered:hover { border-color: var(--color-heading); } .template-btn-white { background-color: var(--color-white); color: var(--color-heading); } .template-btn-white:hover { background-color: var(--color-heading); color: var(--color-white); } .template-btn-primary { background-color: var(--color-primary); } .template-btn-tertiary { background-color: var(--color-tertiary); } .template-btn-tertiary:hover { background-color: var(--color-fourth); } .template-btn-fourth { background-color: var(--color-fourth); } .template-btn-fourth:hover { background-color: var(--color-tertiary); } /*======= Hero Area One =======*/ .hero-area-one { padding-bottom: 140px; padding-top: 210px; position: relative; z-index: 1; } @media (max-width: 1199px) { .hero-area-one { padding-top: 180px; } } @media (max-width: 991px) { .hero-area-one { padding-top: 160px; padding-bottom: 120px; } } .hero-area-one .hero-content { padding-right: 70px; position: relative; } @media (max-width: 1199px) { .hero-area-one .hero-content { padding-right: 30px; } } @media (max-width: 991px) { .hero-area-one .hero-content { padding-right: 0; margin-bottom: 60px; } } .hero-area-one .hero-content::before { position: absolute; content: ""; left: -60px; top: -60px; bottom: 0; width: 110px; border-radius: 55px; z-index: -1; background-image: -webkit-gradient(linear, left top, left bottom, from(#499afa), color-stop(74%, rgba(208, 229, 254, 0.5)), to(rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(top, #499afa 0%, rgba(208, 229, 254, 0.5) 74%, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(top, #499afa 0%, rgba(208, 229, 254, 0.5) 74%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(180deg, #499afa 0%, rgba(208, 229, 254, 0.5) 74%, rgba(255, 255, 255, 0) 100%); opacity: 0.15; } @media (max-width: 1399px) { .hero-area-one .hero-content::before { left: -30px; top: -30px; width: 100px; } } @media (max-width: 575px) { .hero-area-one .hero-content::before { display: none; } } .hero-area-one .hero-content .title { font-size: 85px; font-weight: 400; line-height: 1; color: var(--color-primary); margin-bottom: 35px; } @media (max-width: 1199px) { .hero-area-one .hero-content .title { font-size: 72px; } } @media (max-width: 767px) { .hero-area-one .hero-content .title { font-size: 68px; } } @media (max-width: 575px) { .hero-area-one .hero-content .title { font-size: 52px; } } .hero-area-one .hero-content .template-btn { margin-top: 30px; } .hero-area-one .hero-img { margin-right: -90px; } @media (max-width: 1399px) { .hero-area-one .hero-img { margin-right: 0; } } .hero-area-one::before { position: absolute; content: ""; right: 0; top: 0; height: 100%; width: 37%; background-image: url(/App_Themes/Seeva/img/hero-img/hero-pattern.jpg); } @media (max-width: 1199px) { .hero-area-one::before { width: 40%; } } @media (max-width: 991px) { .hero-area-one::before { display: none; } } /*======= Hero Area Two =======*/ .hero-area-two { padding-top: 180px; padding-bottom: 180px; position: relative; z-index: 1; } @media (max-width: 991px) { .hero-area-two { padding-top: 140px; padding-bottom: 140px; } } @media (max-width: 424px) { .hero-area-two { padding-top: 130px; padding-bottom: 130px; } } .hero-area-two .hero-content { color: var(--color-heading); } .hero-area-two .hero-content .tagline { font-weight: 600; font-size: 22px; color: var(--color-secondary); line-height: 1.4; margin-bottom: 15px; } @media (max-width: 575px) { .hero-area-two .hero-content .tagline { font-size: 18px; } } .hero-area-two .hero-content .title { font-size: 95px; font-weight: 500; line-height: 1.1; color: var(--color-primary); margin-bottom: 35px; } @media (max-width: 1199px) { .hero-area-two .hero-content .title { font-size: 76px; } } @media (max-width: 767px) { .hero-area-two .hero-content .title { font-size: 68px; } } @media (max-width: 575px) { .hero-area-two .hero-content .title { font-size: 48px; } } .hero-area-two .hero-content .template-btn { margin-top: 30px; } .hero-area-two .hero-content p { max-width: 70%; } @media (max-width: 767px) { .hero-area-two .hero-content p { max-width: 100%; } } .hero-area-two .hero-img { position: absolute; z-index: -1; right: 0; top: 0; width: calc(50% - 15px); height: 100%; background-blend-mode: multiply; background-color: var(--color-primary-20); background-size: cover; background-position: center; } @media (max-width: 991px) { .hero-area-two .hero-img { display: none; } } /*======= Hero Slider Arrow =======*/ .hero-slider-arrow .slick-arrow { width: 50px; height: 50px; background-color: transparent; border-radius: 50%; border: 2px solid rgba(255, 255, 255, 0.2); color: var(--color-white); opacity: 0.6; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .hero-slider-arrow .slick-arrow:hover { opacity: 1; border-color: var(--color-white); } .hero-slider-bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; } /*======= Hero Slider One =======*/ .hero-slider-one { position: relative; z-index: 1; } .hero-slider-one .single-hero-slider { position: relative; padding: 110px 0; } .hero-slider-one .single-hero-slider .slider-content-box { position: relative; z-index: 2; padding: 90px 80px; background-color: var(--color-white); max-width: 570px; } @media (max-width: 991px) { .hero-slider-one .single-hero-slider .slider-content-box { max-width: 500px; padding: 60px; } } @media (max-width: 767px) { .hero-slider-one .single-hero-slider .slider-content-box { max-width: 480px; } } @media (max-width: 575px) { .hero-slider-one .single-hero-slider .slider-content-box { max-width: 100%; padding: 60px 40px; } } @media (max-width: 424px) { .hero-slider-one .single-hero-slider .slider-content-box { padding: 60px 25px; } } .hero-slider-one .single-hero-slider .slider-content-box::before { position: absolute; content: ""; left: 30px; top: 35px; bottom: 0; width: 110px; border-radius: 55px; z-index: -1; background-image: -webkit-gradient(linear, left top, left bottom, from(#499afa), color-stop(74%, rgba(208, 229, 254, 0.5)), to(rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(top, #499afa 0%, rgba(208, 229, 254, 0.5) 74%, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(top, #499afa 0%, rgba(208, 229, 254, 0.5) 74%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(180deg, #499afa 0%, rgba(208, 229, 254, 0.5) 74%, rgba(255, 255, 255, 0) 100%); opacity: 0.15; } @media (max-width: 575px) { .hero-slider-one .single-hero-slider .slider-content-box::before { width: 100px; } } .hero-slider-one .single-hero-slider .slider-content-box .title { font-size: 85px; line-height: 1; color: var(--color-primary); margin-bottom: 20px; } @media (max-width: 1199px) { .hero-slider-one .single-hero-slider .slider-content-box .title { font-size: 72px; } } @media (max-width: 991px) { .hero-slider-one .single-hero-slider .slider-content-box .title { font-size: 68px; } } @media (max-width: 767px) { .hero-slider-one .single-hero-slider .slider-content-box .title { font-size: 62px; } } @media (max-width: 575px) { .hero-slider-one .single-hero-slider .slider-content-box .title { font-size: 52px; } } @media (max-width: 424px) { .hero-slider-one .single-hero-slider .slider-content-box .title { font-size: 42px; } } .hero-slider-one .single-hero-slider .slider-content-box .template-btn { margin-top: 30px; } @media (max-width: 424px) { .hero-slider-one .single-hero-slider .slider-content-box .template-btn { padding: 16px 25px; font-size: 14px; } } @media (max-width: 424px) { .hero-slider-one .single-hero-slider .slider-content-box .template-btn i { margin-left: 4px; font-size: 12px; } } .hero-slider-one .hero-slider-arrow { position: absolute; right: 14%; top: 50%; width: 50px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 22; } @media (max-width: 1399px) { .hero-slider-one .hero-slider-arrow { right: 8%; } } .hero-slider-one .hero-slider-arrow .slick-arrow { opacity: 1; border: none; background-color: var(--color-white); color: var(--color-primary); } .hero-slider-one .hero-slider-arrow .slick-arrow i { font-weight: 700; } .hero-slider-one .hero-slider-arrow .slick-arrow.next-arrow { margin-top: 10px; } .hero-slider-one .hero-slider-arrow .slick-arrow:hover { background-color: var(--color-secondary); color: var(--color-white); } /*======= Hero Slider Two =======*/ .single-hero-slider.slick-slide.slick-current { min-height: 85vh; } .hero-slider-two { position: relative; z-index: 1; } .hero-slider-two .single-hero-slider { padding-top: 260px; padding-bottom: 220px; position: relative; z-index: 1; } .hero-slider-two .single-hero-slider .hero-content { position: relative; z-index: 2; } .hero-slider-two .single-hero-slider .hero-content .tagline { font-weight: 600; font-size: 22px; color: var(--color-white); line-height: 1.4; margin-bottom: 15px; } @media (max-width: 767px) { .hero-slider-two .single-hero-slider .hero-content .tagline { font-size: 20px; } } @media (max-width: 575px) { .hero-slider-two .single-hero-slider .hero-content .tagline { font-size: 18px; } } .hero-slider-two .single-hero-slider .hero-content .title { font-size: 84px; font-weight: 500; line-height: 1; color: var(--color-white); } @media (max-width: 1199px) { .hero-slider-two .single-hero-slider .hero-content .title { font-size: 90px; } } @media (max-width: 991px) { .hero-slider-two .single-hero-slider .hero-content .title { font-size: 72px; } } @media (max-width: 767px) { .hero-slider-two .single-hero-slider .hero-content .title { font-size: 64px; } } @media (max-width: 575px) { .hero-slider-two .single-hero-slider .hero-content .title { font-size: 48px; } } @media (max-width: 424px) { .hero-slider-two .single-hero-slider .hero-content .title { font-size: 42px; } } .hero-slider-two .single-hero-slider .hero-content .template-btn { margin-top: 35px; } .hero-slider-two .hero-slider-arrow .slick-arrow { position: absolute; z-index: 22; left: 8%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 1399px) { .hero-slider-two .hero-slider-arrow .slick-arrow { left: 4%; } } @media (max-width: 991px) { .hero-slider-two .hero-slider-arrow .slick-arrow { left: 3%; } } .hero-slider-two .hero-slider-arrow .slick-arrow.next-arrow { left: auto; right: 8%; } @media (max-width: 1399px) { .hero-slider-two .hero-slider-arrow .slick-arrow.next-arrow { right: 4%; } } @media (max-width: 991px) { .hero-slider-two .hero-slider-arrow .slick-arrow.next-arrow { right: 3%; } } .hero-slider-two .hero-slider-bg { background-color: var(--color-secondary); background-blend-mode: multiply; } .hero-slider-two.style-two .single-hero-slider { padding-top: 160px; padding-bottom: 280px; } @media (max-width: 424px) { .hero-slider-two.style-two .single-hero-slider { padding-top: 140px; padding-bottom: 260px; } } .hero-slider-two.style-two .hero-slider-bg { background-color: rgba(0, 147, 136, 0.9); } .hero-slider-two.style-two .hero-slider-arrow { position: absolute; right: 16%; top: 43%; width: 50px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 22; } @media (max-width: 1599px) { .hero-slider-two.style-two .hero-slider-arrow { right: 6%; } } .hero-slider-two.style-two .hero-slider-arrow .slick-arrow { position: static; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); opacity: 1; } .hero-slider-two.style-two .hero-slider-arrow .slick-arrow.next-arrow { margin-top: 10px; } /*======= Section Heading =======*/ .section-heading .tagline { font-size: 18px; font-weight: 500; color: var(--color-secondary); line-height: 1.2; margin-bottom: 15px; } .section-heading .title { font-size: 45px; line-height: 1.35; } @media (max-width: 1199px) { .section-heading .title { font-size: 38px; } } @media (max-width: 991px) { .section-heading .title { font-size: 32px; } } @media (max-width: 575px) { .section-heading .title { font-size: 28px; } } .section-heading p { font-size: 18px; font-weight: 500; color: var(--color-primary); line-height: 1.2; margin-top: 25px; } @media (max-width: 575px) { .section-heading p { font-size: 15px; } } .section-heading.heading-white .tagline, .section-heading.heading-white .title, .section-heading.heading-white p { color: var(--color-white); } /*======= Image title Box =======*/ .image-title-box { position: relative; z-index: 1; } .image-title-box .title { font-size: 22px; font-weight: 500; line-height: 1.4; background-color: var(--color-white); text-align: center; padding: 20px; margin: 0 30px; position: relative; z-index: 2; margin-bottom: -50px; } @media (max-width: 1199px) { .image-title-box .title { font-size: 18px; } } .image-title-box .image { overflow: hidden; } .image-title-box .image img { width: 100%; } .image-title-box:hover .image img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } /*======= Circle Image Gallery =======*/ .circle-image-gallery { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .circle-image-gallery .single-img:not(:last-child) { margin-bottom: 30px; } .circle-image-gallery .single-img a { display: block; } .circle-image-gallery .gallery-right { margin-top: 80px; } .circle-image-gallery .gallery-right .single-img:nth-child(odd) img { border-radius: 135px; border-top-left-radius: 0; } .circle-image-gallery .gallery-left .single-img:nth-child(even) img { border-radius: 135px; border-bottom-right-radius: 0; } /*======= Iconic Box =======*/ .iconic-box { position: relative; background-color: var(--color-white); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; padding: 50px; text-align: center; } @media (max-width: 1199px) { .iconic-box { padding: 40px 35px; font-size: 15px; } } .iconic-box .icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 1; width: 150px; height: 150px; border-radius: 50%; overflow: hidden; margin-bottom: 15px; position: relative; z-index: 1; font-size: 55px; color: var(--color-secondary); } @media (max-width: 767px) { .iconic-box .icon { height: 100px; width: 100px; } } .iconic-box .icon img { max-width: 100px; } @media (max-width: 767px) { .iconic-box .icon img { max-width: 65px; } } .iconic-box .icon::before { border-radius: 50%; background: -webkit-gradient(linear, left top, left bottom, from(#499afa), color-stop(82%, rgba(222, 237, 254, 0.5)), to(rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(top, #499afa 0%, rgba(222, 237, 254, 0.5) 82%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(top, #499afa 0%, rgba(222, 237, 254, 0.5) 82%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(180deg, #499afa 0%, rgba(222, 237, 254, 0.5) 82%, rgba(255, 255, 255, 0) 100%); opacity: 0.102; } .iconic-box .title { font-size: 24px; margin-bottom: 15px; } @media (max-width: 424px) { .iconic-box .title { font-size: 22px; } } .iconic-box .box-link-wrap { position: relative; margin-top: 20px; font-size: 15px; text-align: center; min-height: 45px; overflow: hidden; } .iconic-box .box-link-wrap .link-icon { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: 0; height: 45px; width: 45px; line-height: 45px; background-color: var(--color-secondary-10); border-radius: 50%; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; color: var(--color-secondary); } .iconic-box .box-link-wrap .box-link { position: absolute; z-index: 2; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: 100%; background-color: var(--color-secondary); color: var(--color-white); width: 160px; line-height: 45px; border-radius: 30px; font-size: 15px; font-weight: 600; font-family: var(--font-inter); -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; visibility: hidden; opacity: 0; } .iconic-box .box-link-wrap .box-link i { margin-left: 5px; } .iconic-box:hover { -webkit-box-shadow: 0px 20px 100px 0px rgba(58, 65, 111, 0.1); box-shadow: 0px 20px 100px 0px rgba(58, 65, 111, 0.1); } .iconic-box:hover .box-link-wrap .link-icon { opacity: 0; visibility: hidden; } .iconic-box:hover .box-link-wrap .box-link { visibility: visible; opacity: 1; top: 0; } /*======= Iconic Box Two =======*/ .iconic-box-two { background-color: var(--color-white); border-radius: 7px; padding: 40px 35px 50px; text-align: center; } @media (min-width: 992px) and (max-width: 1199px) { .iconic-box-two { padding: 40px 30px 50px; font-size: 15px; } } .iconic-box-two .icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 120px; height: 120px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: var(--color-secondary-10); color: var(--color-secondary); font-size: 65px; border-radius: 50%; margin-bottom: 35px; position: relative; z-index: 1; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .iconic-box-two .title { font-size: 22px; font-weight: 500; margin-bottom: 10px; } .iconic-box-two .box-link { line-height: 1; margin-top: 20px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 45px; height: 45px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: var(--color-secondary-10); color: var(--color-secondary); border-radius: 50%; position: relative; z-index: 1; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .iconic-box-two .box-link::before, .iconic-box-two .icon::before { content: ""; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 0; height: 0; background-color: var(--color-secondary); border-radius: 50%; z-index: -1; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; opacity: 0; } .iconic-box-two:hover .box-link, .iconic-box-two:hover .icon { color: var(--color-white); } .iconic-box-two:hover .box-link::before, .iconic-box-two:hover .icon::before { width: 100%; height: 100%; opacity: 1; } /*======= Iconic Box Three =======*/ .iconic-box-three { position: relative; z-index: 1; background-color: var(--color-grey); text-align: center; padding: 80px 60px; } @media (max-width: 1199px) { .iconic-box-three { padding: 80px 40px; } } .iconic-box-three .title { font-size: 24px; margin-bottom: 15px; } .iconic-box-three .title a:hover { color: var(--color-tertiary); } .iconic-box-three .icon { line-height: 0.5; color: var(--color-tertiary); font-size: 75px; margin-bottom: 30px; } .iconic-box-three .box-link { font-size: 17px; font-weight: 600; color: var(--color-heading); text-transform: capitalize; line-height: 1; border: 2px solid var(--color-primary-10); border-radius: 25px; padding: 14px 25px; margin-top: 25px; } .iconic-box-three .box-link i { margin-left: 5px; font-size: 15px; } .iconic-box-three .box-link:hover { background-color: var(--color-tertiary); color: var(--color-white); border-color: var(--color-tertiary); } .iconic-box-three .big-icon { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -45%); -ms-transform: translate(-50%, -45%); transform: translate(-50%, -45%); font-size: 310px; opacity: 0.03; z-index: -1; display: none; line-height: 0.5; } .iconic-box-three.featured-box { z-index: 2; } .iconic-box-three.featured-box, .iconic-box-three.featured-box .title, .iconic-box-three.featured-box .title a { color: var(--color-white); } .iconic-box-three.featured-box::before { content: ""; position: absolute; left: 0; right: 0; top: -20px; bottom: -20px; z-index: -1; background-color: var(--color-fourth); } .iconic-box-three.featured-box .box-link { background-color: var(--color-tertiary); color: var(--color-white); border-color: var(--color-tertiary); } .iconic-box-three.featured-box .big-icon { display: block; } /*======= Iconic Boxes Big Images =======*/ .iconic-boxes-big-image { position: relative; z-index: 1; padding-bottom: 120px; } .iconic-boxes-big-image .single-iconic-item { background-color: var(--color-white); text-align: center; padding: 45px 30px; margin-bottom: 30px; } .iconic-boxes-big-image .single-iconic-item .icon { margin-bottom: 30px; font-size: 80px; line-height: 0.5; color: var(--color-secondary); } @media (max-width: 1199px) { .iconic-boxes-big-image .single-iconic-item .icon { font-size: 72px; } } .iconic-boxes-big-image .single-iconic-item .title { font-size: 24px; margin-bottom: 15px; } @media (max-width: 1199px) { .iconic-boxes-big-image .single-iconic-item .title { font-size: 22px; } } .iconic-boxes-big-image .big-image { position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: -1; } @media (max-width: 1399px) { .iconic-boxes-big-image .big-image { max-width: 400px; top: 130px; } } @media (max-width: 1199px) { .iconic-boxes-big-image .big-image { max-width: 300px; top: 250px; } } @media (max-width: 991px) { .iconic-boxes-big-image .big-image { display: none; } } .iconic-boxes-big-image .border-image { position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: -2; } @media (max-width: 1399px) { .iconic-boxes-big-image .border-image { max-width: 920px; } } @media (max-width: 1199px) { .iconic-boxes-big-image .border-image { max-width: 720px; } } @media (max-width: 991px) { .iconic-boxes-big-image .border-image { display: none; } } @media (max-width: 1399px) { .iconic-boxes-big-image .first-row .first-column { margin-left: 70px; } } @media (max-width: 1199px) { .iconic-boxes-big-image .first-row .first-column { margin-left: 40px; } } @media (max-width: 991px) { .iconic-boxes-big-image .first-row .first-column { margin-left: 0; } } @media (max-width: 1399px) { .iconic-boxes-big-image .first-row .second-column { margin-right: 70px; } } @media (max-width: 1199px) { .iconic-boxes-big-image .first-row .second-column { margin-right: 40px; } } @media (max-width: 991px) { .iconic-boxes-big-image .first-row .second-column { margin-right: 0; } } .iconic-boxes-big-image .second-row .first-column { margin-left: -70px; } @media (max-width: 1399px) { .iconic-boxes-big-image .second-row .first-column { margin-left: 0; } } .iconic-boxes-big-image .second-row .second-column { margin-right: -70px; } @media (max-width: 1399px) { .iconic-boxes-big-image .second-row .second-column { margin-right: 0; } } /*======= Doctor Boxes One =======*/ .doctor-box-one { text-align: center; position: relative; padding-bottom: 55px; } .doctor-box-one .doctor-photo img { width: 100%; } .doctor-box-one .doctor-information { position: absolute; left: 40px; right: 40px; bottom: 0; z-index: 2; padding: 25px; background-color: var(--color-white); -webkit-box-shadow: 0px 10px 60px 0px rgba(73, 154, 250, 0.1); box-shadow: 0px 10px 60px 0px rgba(73, 154, 250, 0.1); } @media (min-width: 992px) and (max-width: 1199px) { .doctor-box-one .doctor-information { left: 20px; right: 20px; } } @media (max-width: 424px) { .doctor-box-one .doctor-information { left: 20px; right: 20px; } } .doctor-box-one .doctor-information .name { margin-bottom: 5px; line-height: 1.1; font-size: 20px; font-weight: 500; } .doctor-box-one .doctor-information .specialty { color: var(--color-secondary); font-size: 16px; font-weight: 500; line-height: 1; } .doctor-box-one .doctor-information .social-links { margin-top: 10px; display: none; } .doctor-box-one .doctor-information .social-links li { margin: 0 2px; display: inline-block; } .doctor-box-one .doctor-information .social-links a { width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; font-size: 13px; background-color: var(--color-primary-10); color: var(--color-heading-50); } .doctor-box-one .doctor-information .social-links a:hover { background-color: var(--color-secondary); color: var(--color-white); } .doctor-box-one.bordered-style { padding: 20px 20px 55px; border: 1px solid var(--color-primary-10); } .doctor-box-one.bordered-style .doctor-information { padding: 10px 0 0; -webkit-box-shadow: none; box-shadow: none; left: 0; right: 0; bottom: 25px; background-color: transparent; background-image: url(../img/doctors/shape.png); background-position: center top; background-size: cover; } /*======= Doctor Boxes Two =======*/ .doctor-box-two .doctor-photo { position: relative; margin-bottom: 40px; text-align: center; } .doctor-box-two .doctor-photo img { border-radius: 115px 0 115px 115px; } .doctor-box-two .doctor-photo .social-links { position: absolute; left: 0; bottom: -17.5px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; overflow: hidden; z-index: 2; } .doctor-box-two .doctor-photo .social-links li { margin: 0 3px; -webkit-transform: translateY(35px); -ms-transform: translateY(35px); transform: translateY(35px); visibility: hidden; opacity: 0; -webkit-transition: all 500ms ease 0s; -o-transition: all 500ms ease 0s; transition: all 500ms ease 0s; } .doctor-box-two .doctor-photo .social-links li:first-child, .doctor-box-two .doctor-photo .social-links li:last-child { margin: 0 0 20px; } .doctor-box-two .doctor-photo .social-links li:nth-child(2) { -webkit-transition-delay: 30ms; -o-transition-delay: 30ms; transition-delay: 30ms; } .doctor-box-two .doctor-photo .social-links li:nth-child(3) { -webkit-transition-delay: 60ms; -o-transition-delay: 60ms; transition-delay: 60ms; } .doctor-box-two .doctor-photo .social-links li:nth-child(4) { -webkit-transition-delay: 90ms; -o-transition-delay: 90ms; transition-delay: 90ms; } .doctor-box-two .doctor-photo .social-links a { width: 35px; height: 35px; line-height: 35px; text-align: center; border-radius: 50%; font-size: 12px; background-color: var(--color-primary); color: var(--color-white); } .doctor-box-two .doctor-photo .social-links a:hover { background-color: var(--color-secondary); } .doctor-box-two .doctor-photo .plus-icon { position: absolute; left: 0; bottom: -22.5px; width: 100%; text-align: center; overflow: hidden; } .doctor-box-two .doctor-photo .plus-icon i { width: 45px; height: 45px; line-height: 45px; text-align: center; border-radius: 50%; font-size: 15px; background-color: var(--color-secondary); color: var(--color-white); -webkit-transition: all 400ms ease 0s; -o-transition: all 400ms ease 0s; transition: all 400ms ease 0s; } .doctor-box-two .doctor-information { text-align: center; } .doctor-box-two .doctor-information .name { margin-bottom: 4px; line-height: 1.1; font-size: 20px; font-weight: 500; } .doctor-box-two .doctor-information .specialty { color: var(--color-secondary); font-size: 16px; font-weight: 500; line-height: 1; } .doctor-box-two:hover .doctor-photo .social-links li { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .doctor-box-two:hover .doctor-photo .plus-icon i { opacity: 0; visibility: hidden; -webkit-transform: translateY(-45px); -ms-transform: translateY(-45px); transform: translateY(-45px); } /*======= Doctor Boxes Three =======*/ .doctor-box-three { text-align: center; padding: 30px 35px; background-color: var(--color-white); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; border-radius: 15px; } @media (max-width: 767px) { .doctor-box-three { padding: 30px 25px; } } .doctor-box-three .doctor-photo { margin-bottom: 30px; } .doctor-box-three .doctor-photo img { height: 200px; width: 200px; border-radius: 50%; -webkit-box-shadow: 0px 10px 60px 0px rgba(58, 65, 111, 0.3); box-shadow: 0px 10px 60px 0px rgba(58, 65, 111, 0.3); } @media (max-width: 767px) { .doctor-box-three .doctor-photo img { height: 160px; width: 160px; } } .doctor-box-three .doctor-information { position: relative; } .doctor-box-three .doctor-information .name { margin-bottom: 5px; line-height: 1.1; font-size: 24px; font-weight: 400; } @media (max-width: 767px) { .doctor-box-three .doctor-information .name { font-size: 20px; } } .doctor-box-three .doctor-information .specialty { color: var(--color-secondary); font-size: 16px; font-weight: 500; line-height: 1; } .doctor-box-three .doctor-information .social-links { margin-top: 10px; position: relative; z-index: 1; overflow: hidden; } .doctor-box-three .doctor-information .social-links li { margin: 0 2px; display: inline-block; -webkit-transform: translateY(35px); -ms-transform: translateY(35px); transform: translateY(35px); visibility: hidden; opacity: 0; -webkit-transition: all 500ms ease 0s; -o-transition: all 500ms ease 0s; transition: all 500ms ease 0s; } .doctor-box-three .doctor-information .social-links li:nth-child(2) { -webkit-transition-delay: 30ms; -o-transition-delay: 30ms; transition-delay: 30ms; } .doctor-box-three .doctor-information .social-links li:nth-child(3) { -webkit-transition-delay: 60ms; -o-transition-delay: 60ms; transition-delay: 60ms; } .doctor-box-three .doctor-information .social-links li:nth-child(4) { -webkit-transition-delay: 90ms; -o-transition-delay: 90ms; transition-delay: 90ms; } .doctor-box-three .doctor-information .social-links a { width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50%; font-size: 14px; background-color: var(--color-primary-10); color: var(--color-heading-50); } @media (max-width: 767px) { .doctor-box-three .doctor-information .social-links a { width: 35px; height: 35px; line-height: 35px; font-size: 13px; } } .doctor-box-three .doctor-information .social-links a:hover { background-color: var(--color-secondary); color: var(--color-white); } .doctor-box-three .doctor-information .plus-icon { position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; overflow: hidden; } .doctor-box-three .doctor-information .plus-icon i { width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50%; font-size: 15px; background-color: var(--color-secondary); color: var(--color-white); -webkit-transition: all 400ms ease 0s; -o-transition: all 400ms ease 0s; transition: all 400ms ease 0s; } @media (max-width: 767px) { .doctor-box-three .doctor-information .plus-icon i { width: 35px; height: 35px; line-height: 35px; font-size: 13px; } } .doctor-box-three:hover { -webkit-box-shadow: 0px 10px 60px 0px rgba(73, 154, 250, 0.2); box-shadow: 0px 10px 60px 0px rgba(73, 154, 250, 0.2); } .doctor-box-three:hover .doctor-information .social-links li { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .doctor-box-three:hover .doctor-information .plus-icon i { opacity: 0; visibility: hidden; -webkit-transform: translateY(-40px); -ms-transform: translateY(-40px); transform: translateY(-40px); } /*======= Doctor Bordered Wrapper =======*/ .doctor-bordered-wrapper { padding: 60px 70px 15px; border: 1px solid var(--color-primary-10); } @media (max-width: 1199px) { .doctor-bordered-wrapper { padding: 60px 45px 15px; } } @media (max-width: 767px) { .doctor-bordered-wrapper { padding: 60px 30px 15px; } } /*======= Doctor Details =======*/ .doctor-details-wrapper .doctor-info-box { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 120px; } @media (max-width: 991px) { .doctor-details-wrapper .doctor-info-box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 80px; } } .doctor-details-wrapper .doctor-info-box .doctor-photo { -webkit-box-flex: 0; -ms-flex: 0 0 400px; flex: 0 0 400px; width: 400px; text-align: center; } @media (max-width: 575px) { .doctor-details-wrapper .doctor-info-box .doctor-photo { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; } } .doctor-details-wrapper .doctor-info-box .doctor-description { padding: 80px 70px; background-color: #f2f8ff; } @media (max-width: 991px) { .doctor-details-wrapper .doctor-info-box .doctor-description { padding: 80px 40px; } } @media (max-width: 575px) { .doctor-details-wrapper .doctor-info-box .doctor-description { padding: 60px 30px; } } .doctor-details-wrapper .doctor-info-box .doctor-description .description-header { margin-bottom: 35px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; line-height: 1; } @media (min-width: 992px) and (max-width: 1199px) { .doctor-details-wrapper .doctor-info-box .doctor-description .description-header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media (max-width: 767px) { .doctor-details-wrapper .doctor-info-box .doctor-description .description-header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .doctor-details-wrapper .doctor-info-box .doctor-description .name { font-size: 30px; font-weight: 500; margin-bottom: 10px; } .doctor-details-wrapper .doctor-info-box .doctor-description .specialty { color: var(--color-secondary); } @media (min-width: 992px) and (max-width: 1199px) { .doctor-details-wrapper .doctor-info-box .doctor-description .template-btn { margin-top: 40px; } } @media (max-width: 767px) { .doctor-details-wrapper .doctor-info-box .doctor-description .template-btn { margin-top: 40px; padding: 18px 30px; } } .doctor-details-wrapper .doctor-information ul li { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 18px; line-height: 1.8; } @media (max-width: 424px) { .doctor-details-wrapper .doctor-information ul li { font-size: 16px; } } .doctor-details-wrapper .doctor-information ul li:not(:last-child) { margin-bottom: 20px; } .doctor-details-wrapper .doctor-information ul li .info-title { -webkit-box-flex: 0; -ms-flex: 0 0 45%; flex: 0 0 45%; margin-right: 20px; } @media (max-width: 424px) { .doctor-details-wrapper .doctor-information ul li .info-title { -webkit-box-flex: 0; -ms-flex: 0 0 35%; flex: 0 0 35%; } } .doctor-details-wrapper .doctor-information ul li .info-desc { color: var(--color-heading); } .doctor-details-wrapper .working-hour-table { padding: 60px; border: 1px solid var(--color-primary-10); } @media (max-width: 575px) { .doctor-details-wrapper .working-hour-table { padding: 40px; } } @media (max-width: 424px) { .doctor-details-wrapper .working-hour-table { padding: 40px 20px; } } .doctor-details-wrapper .working-hour-table ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; line-height: 1; font-size: 17px; color: var(--color-body); } @media (max-width: 424px) { .doctor-details-wrapper .working-hour-table ul li { font-size: 15px; } } .doctor-details-wrapper .working-hour-table ul li:not(:last-child) { margin-bottom: 22px; } .doctor-details-wrapper .working-hour-table ul li .closed { color: #ff0054; font-weight: 700; } /*======= Appointment Section one =======*/ .appointment-form-one { position: relative; z-index: 2; } .appointment-form-one::before { content: ""; position: absolute; z-index: -1; right: 0; top: 0; width: 87%; height: 100%; background-color: var(--color-primary); } .appointment-form-one .form-wrap { padding: 80px 0; position: relative; z-index: 2; } .appointment-form-one input, .appointment-form-one select, .appointment-form-one .nice-select { height: 65px; border: 2px solid var(--color-white); border-radius: 35px; color: var(--color-white); background-color: transparent; font-size: 16px; font-weight: 500; font-family: var(--font-lora); } .appointment-form-one input::-webkit-calendar-picker-indicator, .appointment-form-one select::-webkit-calendar-picker-indicator, .appointment-form-one .nice-select::-webkit-calendar-picker-indicator { -webkit-filter: invert(1); filter: invert(1); } .appointment-form-one input:focus, .appointment-form-one select:focus, .appointment-form-one .nice-select:focus { background-color: var(--color-white); color: var(--color-heading); } .appointment-form-one input:focus::-webkit-calendar-picker-indicator, .appointment-form-one select:focus::-webkit-calendar-picker-indicator, .appointment-form-one .nice-select:focus::-webkit-calendar-picker-indicator { -webkit-filter: invert(0); filter: invert(0); } .appointment-form-one .nice-select .list { -webkit-box-shadow: 0 0 0 1px var(--color-primary); box-shadow: 0 0 0 1px var(--color-primary); } .appointment-form-one .template-btn { height: 65px; padding: 0 20px; width: 100%; text-align: center; border-radius: 35px; } .appointment-form-one .appointment-images img { position: absolute; bottom: 0; z-index: 1; } .appointment-form-one .appointment-images img.image-one { left: 2%; } .appointment-form-one .appointment-images img.image-two { right: 1%; } /*======= Appointment Form Two =======*/ .appointment-form-two { position: relative; z-index: 2; background-color: var(--color-grey); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .appointment-form-two .appointment-image { width: 48%; background-color: var(--color-heading); background-size: cover; background-position: top center; } @media (max-width: 991px) { .appointment-form-two .appointment-image { width: 100%; height: 580px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media (max-width: 424px) { .appointment-form-two .appointment-image { height: 360px; } } .appointment-form-two .form-wrap { width: 52%; padding: 80px 65px 60px; } @media (max-width: 1199px) { .appointment-form-two .form-wrap { padding: 80px 45px 60px; } } @media (max-width: 991px) { .appointment-form-two .form-wrap { width: 80%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media (max-width: 767px) { .appointment-form-two .form-wrap { width: 90%; } } @media (max-width: 575px) { .appointment-form-two .form-wrap { width: 100%; } } @media (max-width: 424px) { .appointment-form-two .form-wrap { padding: 80px 25px 60px; } } .appointment-form-two .input-field, .appointment-form-two .nice-select { margin-bottom: 20px; } .appointment-form-two input, .appointment-form-two .nice-select { background-color: var(--color-white); border-radius: 35px; font-family: var(--font-lora); font-size: 18px; font-weight: 600; color: var(--color-heading); } @media (max-width: 575px) { .appointment-form-two input, .appointment-form-two .nice-select { font-size: 15px; height: 55px; } } .appointment-form-two .template-btn { width: 100%; height: 65px; padding: 0 10px; text-align: center; border-radius: 35px; } @media (max-width: 575px) { .appointment-form-two .template-btn { font-size: 15px; height: 55px; } } .appointment-form-two.style-two .appointment-image { width: 38%; } @media (max-width: 991px) { .appointment-form-two.style-two .appointment-image { width: 100%; height: 720px; } } @media (max-width: 424px) { .appointment-form-two.style-two .appointment-image { height: 420px; } } .appointment-form-two.style-two .form-wrap { width: 62%; padding: 125px 70px 95px; } @media (max-width: 1199px) { .appointment-form-two.style-two .form-wrap { padding: 125px 40px 95px; } } @media (max-width: 991px) { .appointment-form-two.style-two .form-wrap { width: 90%; padding: 80px 40px 50px; } } @media (max-width: 575px) { .appointment-form-two.style-two .form-wrap { width: 100%; } } @media (max-width: 424px) { .appointment-form-two.style-two .form-wrap { padding: 80px 25px 50px; } } .appointment-form-two.style-two .input-field, .appointment-form-two.style-two .nice-select { margin-bottom: 30px; } .appointment-form-two.style-two .section-heading { max-width: 90%; } @media (max-width: 1399px) { .appointment-form-two.style-two .section-heading { max-width: 100%; } } /*======= Appointment Form Three =======*/ .appointment-form-three { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .appointment-form-three .appointment-image { width: 39.5%; background-color: var(--color-heading); background-size: cover; background-position: top center; } @media (max-width: 1199px) { .appointment-form-three .appointment-image { width: 38%; } } @media (max-width: 991px) { .appointment-form-three .appointment-image { width: 100%; height: 720px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media (max-width: 575px) { .appointment-form-three .appointment-image { height: 540px; } } .appointment-form-three .form-wrap { width: 60.5%; padding: 130px 140px 100px; } @media (max-width: 1599px) { .appointment-form-three .form-wrap { padding: 130px 100px 100px; } } @media (max-width: 1399px) { .appointment-form-three .form-wrap { padding: 130px 70px 100px; } } @media (max-width: 1199px) { .appointment-form-three .form-wrap { width: 62%; padding: 125px 50px 95px; } } @media (max-width: 991px) { .appointment-form-three .form-wrap { width: 80%; padding: 80px 30px 50px; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media (max-width: 767px) { .appointment-form-three .form-wrap { width: 100%; } } .appointment-form-three .section-heading { max-width: 80%; } @media (max-width: 1599px) { .appointment-form-three .section-heading { max-width: 95%; } } @media (max-width: 1399px) { .appointment-form-three .section-heading { max-width: 100%; } } .appointment-form-three .input-field, .appointment-form-three .nice-select { margin-bottom: 30px; } .appointment-form-three input, .appointment-form-three .nice-select { height: 70px; border: 2px solid var(--color-white); border-radius: 40px; color: var(--color-white); background-color: transparent; font-size: 18px; font-weight: 600; font-family: var(--font-lora); } @media (max-width: 1199px) { .appointment-form-three input, .appointment-form-three .nice-select { font-size: 16px; } } .appointment-form-three input::-webkit-calendar-picker-indicator, .appointment-form-three .nice-select::-webkit-calendar-picker-indicator { -webkit-filter: invert(1); filter: invert(1); } .appointment-form-three input:focus, .appointment-form-three .nice-select:focus { background-color: var(--color-white); color: var(--color-heading); } .appointment-form-three input:focus::-webkit-calendar-picker-indicator, .appointment-form-three .nice-select:focus::-webkit-calendar-picker-indicator { -webkit-filter: invert(0); filter: invert(0); } .appointment-form-three .template-btn { width: 100%; height: 70px; padding: 0 20px; border-radius: 40px; } .appointment-form-three.style-two .appointment-image { width: 50%; } @media (max-width: 1399px) { .appointment-form-three.style-two .appointment-image { width: 40%; } } @media (max-width: 991px) { .appointment-form-three.style-two .appointment-image { width: 100%; } } .appointment-form-three.style-two .form-wrap { width: 50%; padding: 125px 115px 95px; } @media (max-width: 1599px) { .appointment-form-three.style-two .form-wrap { padding: 125px 80px 95px; } } @media (max-width: 1399px) { .appointment-form-three.style-two .form-wrap { width: 60%; } } @media (max-width: 1199px) { .appointment-form-three.style-two .form-wrap { padding: 125px 50px 95px; } } @media (max-width: 991px) { .appointment-form-three.style-two .form-wrap { width: 80%; padding: 80px 30px 50px; } } @media (max-width: 767px) { .appointment-form-three.style-two .form-wrap { width: 100%; } } .appointment-form-three.style-two .section-heading { max-width: 100%; } /*======= Testimonials Slider =======*/ .testimonial-slider-one .single-testimonial-slider .testimonial-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media (min-width: 992px) and (max-width: 1199px) { .testimonial-slider-one .single-testimonial-slider .testimonial-inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (max-width: 575px) { .testimonial-slider-one .single-testimonial-slider .testimonial-inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .testimonial-slider-one .single-testimonial-slider .testimonial-inner .avatar { -webkit-box-flex: 0; -ms-flex: 0 0 85px; flex: 0 0 85px; margin-right: 30px; } @media (min-width: 992px) and (max-width: 1199px) { .testimonial-slider-one .single-testimonial-slider .testimonial-inner .avatar { margin-bottom: 30px; } } @media (max-width: 575px) { .testimonial-slider-one .single-testimonial-slider .testimonial-inner .avatar { margin-bottom: 30px; } } .testimonial-slider-one .single-testimonial-slider .testimonial-inner .testimonial-desc { font-size: 24px; font-style: italic; font-family: var(--font-lora); font-weight: 500; color: var(--color-heading); line-height: 1.75; } @media (max-width: 1399px) { .testimonial-slider-one .single-testimonial-slider .testimonial-inner .testimonial-desc { font-size: 22px; } } @media (max-width: 575px) { .testimonial-slider-one .single-testimonial-slider .testimonial-inner .testimonial-desc { font-size: 20px; } } .testimonial-slider-one .single-testimonial-slider .testimonial-inner .author-info { margin-top: 25px; } .testimonial-slider-one .single-testimonial-slider .testimonial-inner .author-info .name { font-size: 20px; font-weight: 600; line-height: 1.2; } .testimonial-slider-one .single-testimonial-slider .testimonial-inner .author-info .title { font-size: 16px; font-weight: 500; color: var(--color-secondary); line-height: 1; } .testimonial-slider-one ul.slick-dots { display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 110px; margin-top: 70px; } @media (min-width: 992px) and (max-width: 1199px) { .testimonial-slider-one ul.slick-dots { padding-left: 0; } } @media (max-width: 575px) { .testimonial-slider-one ul.slick-dots { padding-left: 0; margin-top: 50px; } } .testimonial-slider-one ul.slick-dots li { height: 15px; width: 15px; background-color: var(--color-primary-10); border-radius: 50%; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; cursor: pointer; } .testimonial-slider-one ul.slick-dots li button { font-size: 0; opacity: 0; } .testimonial-slider-one ul.slick-dots li:not(:last-child) { margin-right: 10px; } .testimonial-slider-one ul.slick-dots li.slick-active { background-color: var(--color-secondary); } .testimonial-one-wrap { padding: 130px 18%; } @media (max-width: 1599px) { .testimonial-one-wrap { padding: 130px 10%; } } @media (max-width: 1399px) { .testimonial-one-wrap { padding: 130px 7%; } } @media (max-width: 767px) { .testimonial-one-wrap { padding: 130px 5%; } } @media (max-width: 575px) { .testimonial-one-wrap { padding: 130px 0; } } /*======= Testimonials Slider Two =======*/ .testimonial-slider-two { position: relative; } .testimonial-slider-two .single-testimonial-slider { background-color: var(--color-white); border-radius: 7px; padding: 50px; } @media (max-width: 1199px) { .testimonial-slider-two .single-testimonial-slider { padding: 50px 40px; } } @media (max-width: 424px) { .testimonial-slider-two .single-testimonial-slider { padding: 45px 35px; } } .testimonial-slider-two .single-testimonial-slider .content { font-size: 24px; font-family: var(--font-lora); font-style: italic; font-weight: 500; line-height: 1.75; color: var(--color-heading); } @media (max-width: 1199px) { .testimonial-slider-two .single-testimonial-slider .content { font-size: 22px; } } @media (max-width: 575px) { .testimonial-slider-two .single-testimonial-slider .content { font-size: 20px; } } .testimonial-slider-two .single-testimonial-slider .content p{ font-size: 24px; font-family: var(--font-lora); font-style: italic; font-weight: 500; line-height: 1.75; color: var(--color-heading); } @media (max-width: 1199px) { .testimonial-slider-two .single-testimonial-slider .content p{ font-size: 22px; } } @media (max-width: 575px) { .testimonial-slider-two .single-testimonial-slider .content p{ font-size: 20px; } } .testimonial-slider-two .single-testimonial-slider .author-info-wrapper { margin-top: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 424px) { .testimonial-slider-two .single-testimonial-slider .author-info-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .testimonial-slider-two .single-testimonial-slider .avatar { -webkit-box-flex: 0; -ms-flex: 0 0 70px; flex: 0 0 70px; margin-right: 20px; } @media (max-width: 424px) { .testimonial-slider-two .single-testimonial-slider .avatar { margin-right: 0; margin-bottom: 20px; } } .testimonial-slider-two .single-testimonial-slider .avatar img { width: 70px; height: 70px; border-radius: 50%; } .testimonial-slider-two .single-testimonial-slider .author-info .name { font-size: 20px; font-weight: 600; } .testimonial-slider-two .single-testimonial-slider .author-info .title { font-size: 16px; font-weight: 500; color: var(--color-secondary); line-height: 1; } .testimonial-slider-arrow { margin-top: 60px; text-align: center; } .testimonial-slider-arrow .slick-arrow { width: 50px; height: 50px; border: none; font-size: 20px; color: var(--color-heading); border-radius: 50%; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; margin: 0 5px; } .testimonial-slider-arrow .slick-arrow.next-arrow, .testimonial-slider-arrow .slick-arrow:hover { background-color: var(--color-secondary); color: var(--color-white); } .testimonial-slider-arrow-five { margin-top: 60px; text-align: center; } .testimonial-slider-arrow-five .slick-arrow { width: 50px; height: 50px; border: none; font-size: 20px; color: var(--color-heading); border-radius: 50%; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; margin: 0 5px; } .testimonial-slider-arrow-five .slick-arrow.next-arrow, .testimonial-slider-arrow-five .slick-arrow:hover { background-color: var(--color-secondary); color: var(--color-white); } /*======= Testimonials Box =======*/ .testimonial-box { background-color: var(--color-white); -webkit-box-shadow: 0px 10px 60px 0px rgba(73, 154, 250, 0.1); box-shadow: 0px 10px 60px 0px rgba(73, 154, 250, 0.1); padding: 45px; position: relative; z-index: 1; } @media (max-width: 1199px) { .testimonial-box { padding: 40px 30px; } } .testimonial-box .author-info-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 40px; } @media (max-width: 424px) { .testimonial-box .author-info-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media (max-width: 767px) { .testimonial-box .author-info-wrapper { margin-bottom: 30px; } } .testimonial-box .author-info-wrapper .avatar { -webkit-box-flex: 0; -ms-flex: 0 0 65px; flex: 0 0 65px; margin-right: 20px; } @media (max-width: 424px) { .testimonial-box .author-info-wrapper .avatar { margin-right: 0; margin-bottom: 20px; } } .testimonial-box .author-info-wrapper .avatar img { width: 65px; height: 65px; } .testimonial-box .author-info-wrapper .name { font-size: 20px; font-weight: 600; } @media (max-width: 1199px) { .testimonial-box .author-info-wrapper .name { font-size: 18px; } } .testimonial-box .author-info-wrapper .title { font-size: 16px; font-weight: 500; color: var(--color-secondary); line-height: 1; } @media (max-width: 1199px) { .testimonial-box .author-info-wrapper .title { font-size: 15px; } } .testimonial-box .author-info-wrapper .rating { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1; margin-top: 5px; } .testimonial-box .author-info-wrapper .rating li { margin-right: 5px; font-size: 12px; color: #ffae00; } .testimonial-box .content { font-size: 22px; font-family: var(--font-lora); font-style: italic; font-weight: 500; line-height: 1.6; color: var(--color-heading); } @media (max-width: 1199px) { .testimonial-box .content { font-size: 20px; } } @media (max-width: 424px) { .testimonial-box .content { font-size: 18px; } } .testimonial-box .quote-icon { position: absolute; z-index: -1; right: 30px; top: 30px; line-height: 1; opacity: 0.02; } @media (max-width: 1199px) { .testimonial-box .quote-icon { max-width: 180px; } } /*======= Testimonials Three =======*/ .testimonial-slider-three { position: relative; z-index: 2; } .testimonial-slider-three .thumb-wrapper { margin-bottom: 40px; padding: 0px 20px; } .testimonial-slider-three .thumb-wrapper .slick-track { height: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .testimonial-slider-three .thumb-wrapper img { width: 80px; height: 80px; border-radius: 50%; } @media (max-width: 424px) { .testimonial-slider-three .thumb-wrapper img { height: 50px; width: 50px; } } .testimonial-slider-three .thumb-wrapper .single-thumb { opacity: 0.4; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .testimonial-slider-three .thumb-wrapper .single-thumb.slick-current { opacity: 1; } .testimonial-slider-three .thumb-wrapper .single-thumb.slick-current img { height: 100px; width: 100px; } @media (max-width: 424px) { .testimonial-slider-three .thumb-wrapper .single-thumb.slick-current img { height: 80px; width: 80px; } } .testimonial-slider-three .content-wrapper { text-align: center; } .testimonial-slider-three .content-wrapper .content { color: var(--color-white); font-family: var(--font-lora); font-size: 24px; font-style: italic; line-height: 1.8; } @media (max-width: 991px) { .testimonial-slider-three .content-wrapper .content { font-size: 20px; } } .testimonial-slider-three .content-wrapper .author-info { margin-top: 35px; } .testimonial-slider-three .content-wrapper .author-info .name { font-size: 20px; font-weight: 600; color: var(--color-white); margin-bottom: 5px; } @media (max-width: 424px) { .testimonial-slider-three .content-wrapper .author-info .name { font-size: 18px; } } .testimonial-slider-three .content-wrapper .author-info .title { line-height: 1; color: var(--color-white); } @media (max-width: 424px) { .testimonial-slider-three .content-wrapper .author-info .title { font-size: 15px; } } @media (max-width: 767px) { .testimonial-slider-three .slider-arrows { display: none; } } .testimonial-slider-three .slider-arrows .slick-arrow { width: 50px; height: 50px; border: 2px solid var(--color-white); border-radius: 50%; font-size: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; position: absolute; left: 15px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .testimonial-slider-three .slider-arrows .slick-arrow:hover { background-color: var(--color-secondary); color: var(--color-white); } @media (max-width: 991px) { .testimonial-slider-three .slider-arrows .slick-arrow { left: -5px; } } .testimonial-slider-three .slider-arrows .slick-arrow.next-arrow { left: auto; right: 15px; } @media (max-width: 991px) { .testimonial-slider-three .slider-arrows .slick-arrow.next-arrow { left: auto; right: -5px; } } /*======= Testimonials Shapes =======*/ .testimonial-shapes { position: relative; z-index: 2; } .testimonial-shapes .shape-images .image-one, .testimonial-shapes .shape-images .image-two { position: absolute; z-index: -1; border-radius: 150px; border-top-left-radius: 0; background-size: cover; background-position: center; } @media (max-width: 1199px) { .testimonial-shapes .shape-images .image-one, .testimonial-shapes .shape-images .image-two { display: none; } } .testimonial-shapes .shape-images .image-one { width: 320px; height: 310px; left: 6%; bottom: 10%; } @media (max-width: 1599px) { .testimonial-shapes .shape-images .image-one { left: 2%; width: 280px; height: 260px; } } .testimonial-shapes .shape-images .image-two { right: 10%; top: 15%; width: 300px; height: 315px; } @media (max-width: 1599px) { .testimonial-shapes .shape-images .image-two { right: 2%; width: 260px; height: 275px; } } /*======= Testimonials Two Bg =======*/ .testimonial-two-bg { position: relative; z-index: 2; } .testimonial-two-bg .bg-one, .testimonial-two-bg .bg-two { content: ""; position: absolute; z-index: -1; left: 0; top: 0; height: 100%; width: calc((100% - 1090px) / 2); background-size: cover; background-position: center; } @media (max-width: 1199px) { .testimonial-two-bg .bg-one, .testimonial-two-bg .bg-two { width: calc((100% - 850px) / 2); } } @media (max-width: 991px) { .testimonial-two-bg .bg-one, .testimonial-two-bg .bg-two { width: calc((100% - 650px) / 2); } } @media (max-width: 767px) { .testimonial-two-bg .bg-one, .testimonial-two-bg .bg-two { display: none; } } .testimonial-two-bg .bg-two { left: auto; right: 0; } /*======= Counter Items =======*/ .counter-item .icon { line-height: 0.5; font-size: 75px; margin-bottom: 30px; } .counter-item .counter-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 65px; font-weight: 400; font-family: var(--font-lora); line-height: 1; color: var(--color-primary); margin-bottom: 10px; } @media (max-width: 1199px) { .counter-item .counter-wrap { font-size: 52px; } } @media (max-width: 767px) { .counter-item .counter-wrap { font-size: 38px; } } .counter-item .title { font-size: 16px; font-family: var(--font-inter); font-weight: 400; line-height: 1.45; color: var(--color-body); } @media (max-width: 767px) { .counter-item .title { font-size: 15px; } } .counter-item.counter-white .icon, .counter-item.counter-white .counter-wrap, .counter-item.counter-white .title { color: var(--color-white); } .counter-inner { border: 1px solid var(--color-primary-10); padding: 50px 65px 10px; } @media (max-width: 1199px) { .counter-inner { padding: 50px 45px 10px; } } @media (max-width: 575px) { .counter-inner { padding: 50px 30px 10px; } } .counter-inner .counter-item { margin-bottom: 40px; } .counter-inner-two { padding: 80px 0 40px; position: relative; z-index: 1; } .counter-inner-two::before { content: ""; position: absolute; left: -115px; right: -115px; top: 0; height: 100%; background-color: var(--color-secondary); } .counter-inner-two .counter-item { margin-bottom: 40px; } .counter-inner-two.mb-negative { margin-bottom: -60px; z-index: 2; } .counter-inner-three { padding: 60px 70px 20px; position: relative; z-index: 1; } @media (max-width: 767px) { .counter-inner-three { padding: 60px 50px 20px; } } .counter-inner-three .counter-item { margin-bottom: 40px; } /*======= Check List =======*/ .check-list li { font-size: 16px; font-weight: 500; color: var(--color-heading); line-height: 1.8; position: relative; padding-left: 40px; } .check-list li::before { content: "\f00c"; font-family: "Font Awesome 5 Pro"; font-weight: 900; font-size: 12px; position: absolute; left: 0; top: 5px; width: 25px; height: 25px; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: var(--color-secondary); color: var(--color-white); } .check-list li:not(:last-child) { margin-bottom: 25px; } /*======= Check List Two =======*/ .check-list-two li { position: relative; padding-left: 70px; } .check-list-two li:not(:last-child) { margin-bottom: 30px; } @media (max-width: 424px) { .check-list-two li { padding-left: 50px; font-size: 15px; } } .check-list-two li::before { content: "\f00c"; font-family: "Font Awesome 5 Pro"; font-weight: 900; font-size: 15px; position: absolute; left: 0; top: 2px; width: 45px; height: 45px; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: var(--color-tertiary); color: var(--color-white); } @media (max-width: 424px) { .check-list-two li::before { height: 35px; width: 35px; font-size: 14px; } } .check-list-two li h5 { font-size: 22px; margin-bottom: 8px; } @media (max-width: 424px) { .check-list-two li h5 { font-size: 20px; } } /*======= Partner Logos =======*/ .partner-logo-grid { border: 1px solid var(--color-primary-10); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border-right: none; border-bottom: none; } .partner-logo-grid .single-partner { text-align: center; padding: 10px; max-width: 25%; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; height: 140px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid var(--color-primary-10); border-top: none; border-left: none; } @media (max-width: 991px) { .partner-logo-grid .single-partner { max-width: 33.33%; -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; } } @media (max-width: 767px) { .partner-logo-grid .single-partner { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } } @media (max-width: 424px) { .partner-logo-grid .single-partner { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } } .partner-logo-grid .single-partner img { opacity: 1; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; opacity: 0.5; } @media (max-width: 991px) { .partner-logo-grid .single-partner img { max-width: 75%; } } .partner-logo-grid .single-partner a:hover img { opacity: 1; } .partner-logo-grid.grid-border-white, .partner-logo-grid.grid-border-white .single-partner { border-color: rgba(255, 255, 255, 0.1); } .partner-logo-grid.grid-border-white img { opacity: 1; } .partner-logo-box a { background-color: var(--color-white); width: 100%; height: 90px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /*======= Latest Blog =======*/ .latest-blog-one { position: relative; z-index: 1; } .latest-blog-one::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; background: -webkit-gradient(linear, left bottom, left top, from(#2e279d), color-stop(60%, rgba(46, 39, 157, 0.57)), to(rgba(46, 39, 157, 0.14902))); background: -webkit-linear-gradient(bottom, #2e279d 0%, rgba(46, 39, 157, 0.57) 60%, rgba(46, 39, 157, 0.14902) 100%); background: -o-linear-gradient(bottom, #2e279d 0%, rgba(46, 39, 157, 0.57) 60%, rgba(46, 39, 157, 0.14902) 100%); background: linear-gradient(0deg, #2e279d 0%, rgba(46, 39, 157, 0.57) 60%, rgba(46, 39, 157, 0.14902) 100%); } .latest-blog-one .blog-thumb img { width: 100%; } .latest-blog-one .blog-content { position: absolute; bottom: 0; left: 0; right: 0; z-index: 3; padding: 30px 35px; } @media (max-width: 1199px) { .latest-blog-one .blog-content { padding: 30px 20px; } } .latest-blog-one .blog-title { font-size: 24px; font-weight: 500; line-height: 1.4; } .latest-blog-one .blog-title a { color: var(--color-white); } @media (max-width: 1199px) { .latest-blog-one .blog-title { font-size: 20px; } } @media (max-width: 424px) { .latest-blog-one .blog-title { font-size: 18px; } } .latest-blog-one .blog-meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 424px) { .latest-blog-one .blog-meta { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .latest-blog-one .blog-meta a { color: var(--color-white); font-size: 16px; font-weight: 500; line-height: 1; margin-bottom: 15px; } @media (max-width: 424px) { .latest-blog-one .blog-meta a { font-size: 15px; } } .latest-blog-one .blog-meta a:not(:last-child) { margin-right: 20px; } .latest-blog-one .blog-meta a.blog-category { background-color: var(--color-secondary); border-radius: 30px; padding: 7px 18px; } .latest-blog-one .blog-meta a i { margin-right: 6px; } .latest-blog-one .read-more-btn { font-size: 17px; font-weight: 600; line-height: 1; color: var(--color-white); border: 2px solid var(--color-white); padding: 15px 30px; border-radius: 30px; margin-top: 25px; } .latest-blog-one .read-more-btn i { font-size: 15px; margin-left: 6px; } .latest-blog-two .thumbnail img { width: 100%; border-top-left-radius: 7px; border-top-right-radius: 7px; } .latest-blog-two .blog-content { padding: 40px 35px; background-color: var(--color-white); -webkit-box-shadow: 0px 10px 60px 0px rgba(73, 154, 250, 0.1); box-shadow: 0px 10px 60px 0px rgba(73, 154, 250, 0.1); border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; } @media (max-width: 1199px) { .latest-blog-two .blog-content { padding: 40px 30px; } } .latest-blog-two .blog-content p { margin-top: 20px; font-size: 16px; line-height: 1.8; } .latest-blog-two .blog-meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 424px) { .latest-blog-two .blog-meta { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .latest-blog-two .blog-meta a { color: var(--color-heading); font-size: 16px; font-weight: 500; line-height: 1; margin-bottom: 15px; } @media (max-width: 424px) { .latest-blog-two .blog-meta a { font-size: 15px; } } .latest-blog-two .blog-meta a:not(:last-child) { margin-right: 20px; } .latest-blog-two .blog-meta a.blog-category { background-color: var(--color-secondary); border-radius: 30px; padding: 7px 18px; color: var(--color-white); } .latest-blog-two .blog-meta a i { margin-right: 6px; } .latest-blog-two .blog-title { font-size: 22px; font-weight: 500; line-height: 1.4; } @media (min-width: 992px) and (max-width: 1199px) { .latest-blog-two .blog-title { font-size: 20px; } } @media (max-width: 424px) { .latest-blog-two .blog-title { font-size: 20px; } } .latest-blog-two .blog-footer { margin-top: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; line-height: 1; font-size: 15px; font-weight: 500; } .latest-blog-two .blog-footer a { color: var(--color-heading); margin-top: 10px; margin-right: 15px; } @media (max-width: 1199px) { .latest-blog-two .blog-footer a { margin-right: 10px; } } .latest-blog-two .blog-footer a span, .latest-blog-two .blog-footer a i { color: var(--color-body); } .latest-blog-two .blog-footer a:hover { color: var(--color-secondary); } .latest-blog-two .blog-footer i { margin-right: 5px; } .latest-blog-two .template-btn { padding: 13px 30px; border: 2px solid var(--color-primary-10); background-color: transparent; color: var(--color-heading); margin-top: 25px; } .latest-blog-two .template-btn:hover { color: var(--color-white); background-color: var(--color-secondary); } .latest-blog-two.no-radius .thumbnail img, .latest-blog-two.no-radius .blog-content { border-radius: 0; } .latest-blog-two.style-two .thumbnail img, .latest-blog-two.style-two .blog-content { border-radius: 0; } .latest-blog-two.style-two .blog-meta a.blog-category { background-color: var(--color-tertiary); color: var(--color-white); } .latest-blog-two.style-two .blog-title a:hover { color: var(--color-tertiary); } .latest-blog-two.style-two .template-btn:hover { background-color: var(--color-tertiary); border-color: var(--color-tertiary); } .latest-blog-list .single-post { border: 1px solid var(--color-primary-10); padding: 35px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } @media (max-width: 1199px) { .latest-blog-list .single-post { padding: 30px; } } .latest-blog-list .single-post .post-meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 5px; } .latest-blog-list .single-post .post-meta a { color: var(--color-body); font-size: 16px; font-weight: 500; line-height: 1; margin-bottom: 10px; } @media (max-width: 424px) { .latest-blog-list .single-post .post-meta a { font-size: 15px; } } .latest-blog-list .single-post .post-meta a:not(:last-child) { margin-right: 20px; } .latest-blog-list .single-post .post-meta a.blog-category { background-color: var(--color-secondary); border-radius: 30px; padding: 7px 18px; color: var(--color-white); } .latest-blog-list .single-post .post-meta a i { margin-right: 6px; } .latest-blog-list .single-post .post-title { font-size: 24px; line-height: 1.4; } @media (max-width: 1199px) { .latest-blog-list .single-post .post-title { font-size: 20px; } } @media (max-width: 424px) { .latest-blog-list .single-post .post-title { font-size: 18px; } } .latest-blog-list .single-post:hover { background-color: var(--color-white); border-color: var(--color-white); -webkit-box-shadow: 0px 10px 60px 0px rgba(73, 154, 250, 0.1); box-shadow: 0px 10px 60px 0px rgba(73, 154, 250, 0.1); } .latest-blog-list .single-post:not(:last-child) { margin-bottom: 10px; } /*======= Tile Gallery =======*/ .tile-gallery { width: 100%; min-height: 670px; position: relative; z-index: 1; } @media (max-width: 767px) { .tile-gallery { min-height: 590px; } } @media (max-width: 575px) { .tile-gallery { min-height: 450px; } } @media (max-width: 424px) { .tile-gallery { min-height: 400px; } } .tile-gallery .image-one { position: absolute; top: 0; right: 125px; z-index: 2; } @media (max-width: 991px) { .tile-gallery .image-one { right: 60px; } } @media (max-width: 767px) { .tile-gallery .image-one { max-width: 235px; } } @media (max-width: 575px) { .tile-gallery .image-one { max-width: 180px; right: 20px; } } .tile-gallery .image-two { position: absolute; left: 0; bottom: 0; } @media (max-width: 575px) { .tile-gallery .image-two { max-width: 65%; } } .tile-gallery .image-three { position: absolute; right: 55px; bottom: 20px; z-index: 3; } @media (max-width: 991px) { .tile-gallery .image-three { right: 0; } } @media (max-width: 575px) { .tile-gallery .image-three { max-width: 180px; } } .tile-gallery .image-three::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; background-color: transparent; border: 10px solid var(--color-white); } @media (max-width: 575px) { .tile-gallery .image-three::before { border-width: 4px; } } .tile-gallery .image-three img { -webkit-box-shadow: 0px 10px 60px 0px rgba(73, 154, 250, 0.35); box-shadow: 0px 10px 60px 0px rgba(73, 154, 250, 0.35); } /*======= Tile Gallery Two =======*/ .tile-gallery-two .image-two { margin-top: -145px; position: relative; z-index: 2; max-width: 85%; margin-left: auto; } /*======= Tile Gallery Three =======*/ .tile-gallery-three { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .tile-gallery-three .image-two { margin-left: -70px; position: relative; z-index: 2; } /*======= Simple Icon =======*/ .simple-icon .icon { font-size: 70px; line-height: 0.5; color: var(--color-secondary); margin-bottom: 25px; } .simple-icon .title { font-size: 22px; font-weight: 500; line-height: 1.4; margin-bottom: 12px; } /*======= Fancy Content Box =======*/ .fancy-content-box { position: relative; } .fancy-content-box .box-thumbnail { overflow: hidden; } .fancy-content-box .box-thumbnail img { width: 100%; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .fancy-content-box .box-content { position: relative; background-color: var(--color-white); -webkit-box-shadow: 0px 10px 60px 0px rgba(73, 154, 250, 0.1); box-shadow: 0px 10px 60px 0px rgba(73, 154, 250, 0.1); padding: 40px 35px; } @media (min-width: 1200px) and (max-width: 1399px) { .fancy-content-box .box-content { padding: 40px 25px; font-size: 14px; } } @media (max-width: 767px) { .fancy-content-box .box-content { padding: 40px 30px; } } .fancy-content-box .box-content .title { font-size: 22px; font-weight: 500; margin-bottom: 10px; } .fancy-content-box .box-content .box-btn { font-size: 15px; font-weight: 700; color: var(--color-heading); line-height: 1; background-color: var(--color-secondary-10); padding: 15px 26px; border-radius: 30px; margin-top: 20px; } @media (min-width: 1200px) and (max-width: 1399px) { .fancy-content-box .box-content .box-btn { padding: 15px 20px; } } .fancy-content-box .box-content .box-btn i { margin-left: 10px; } .fancy-content-box .box-content .box-btn:hover { background-color: var(--color-secondary); color: var(--color-white); } .fancy-content-box .box-content .box-icon { position: absolute; z-index: 2; right: 25px; top: 0; width: 70px; height: 90px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border-radius: 35px; background-color: var(--color-white); -webkit-box-shadow: 0px 10px 60px 0px rgba(73, 154, 250, 0.2); box-shadow: 0px 10px 60px 0px rgba(73, 154, 250, 0.2); font-size: 45px; color: var(--color-secondary); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 1200px) and (max-width: 1399px) { .fancy-content-box .box-content .box-icon { font-size: 35px; height: 75px; width: 55px; } } .fancy-content-box:hover .box-thumbnail img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } /*======= Iconic Box Three =======*/ .fancy-content-box-two { position: relative; z-index: 1; } .fancy-content-box-two .thumbnail { overflow: hidden; position: relative; z-index: 1; padding-bottom: 50px; } .fancy-content-box-two .thumbnail::before { content: ""; position: absolute; left: 0; top: 0; bottom: 50px; width: 100%; z-index: 2; background: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(0%, #2e279d), to(rgba(46, 39, 157, 0))); background: -webkit-linear-gradient(0, #2e279d 0%, rgba(46, 39, 157, 0) 100%); background: -o-linear-gradient(0, #2e279d 0%, rgba(46, 39, 157, 0) 100%); background: linear-gradient(0, #2e279d 0%, rgba(46, 39, 157, 0) 100%); } .fancy-content-box-two .thumbnail img { width: 100%; } .fancy-content-box-two .box-content { position: absolute; left: 20px; right: 20px; bottom: 0; z-index: 2; background-color: var(--color-white); padding: 38px 30px; border-radius: 7px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-shadow: 0px 20px 100px 0px rgba(58, 65, 111, 0.1); box-shadow: 0px 20px 100px 0px rgba(58, 65, 111, 0.1); } @media (max-width: 1199px) { .fancy-content-box-two .box-content { padding: 35px 20px; font-size: 15px; left: 15px; right: 15px; } } .fancy-content-box-two .box-content .title { font-size: 24px; margin-bottom: 12px; } @media (max-width: 1199px) { .fancy-content-box-two .box-content .title { font-size: 22px; } } .fancy-content-box-two .box-content .icon { max-width: 80px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } @media (max-width: 1199px) { .fancy-content-box-two .box-content .icon { max-width: 50px; } } .fancy-content-box-two .box-content .content { padding-left: 20px; } .fancy-content-box-two.no-shadow .box-content { -webkit-box-shadow: none; box-shadow: none; } /*======= Call to Action One =======*/ .cta-boxed-one .cta-inner { padding: 70px 15px; } .cta-boxed-one .cta-buttons { margin: 40px -5px 0; } .cta-boxed-one .cta-buttons li { padding: 10px 5px 0; } /*======= Call to Action Two =======*/ .cta-boxed-two { padding: 40px; } @media (min-width: 992px) and (max-width: 1199px) { .cta-boxed-two { padding: 40px 30px; } } @media (max-width: 424px) { .cta-boxed-two { padding: 40px 30px; } } .cta-boxed-two .cta-title { font-size: 30px; line-height: 1.5; margin-bottom: 20px; color: var(--color-white); } @media (min-width: 992px) and (max-width: 1199px) { .cta-boxed-two .cta-title { font-size: 25px; } } @media (max-width: 991px) { .cta-boxed-two .cta-title { font-size: 28px; } } @media (max-width: 424px) { .cta-boxed-two .cta-title { font-size: 24px; } } .cta-boxed-two .template-btn { padding: 15px 30px; } .cta-boxed-two .template-btn:not(:hover) { border-color: rgba(255, 255, 255, 0.3); } /*======= Call to Action Three =======*/ .cta-boxed-three .cta-inner { background-color: var(--color-primary); padding: 0px 70px; position: relative; z-index: 2; } @media (max-width: 1199px) { .cta-boxed-three .cta-inner { padding: 0px 50px; } } @media (max-width: 575px) { .cta-boxed-three .cta-inner { padding: 0 30px; } } .cta-boxed-three .cta-inner::before { background-image: url(/App_Themes/Seeva/img/section-bg/dots-pattern.png); background-size: cover; background-position: center; opacity: 0.1; } .cta-boxed-three .cta-inner .cta-content { padding: 80px 0; } @media (max-width: 991px) { .cta-boxed-three .cta-inner .cta-content { padding: 30px 0 80px; } } .cta-boxed-three .cta-inner .cta-img { text-align: right; } .cta-boxed-three .cta-inner .cta-img img { margin-top: -30px; } /*======= Call to Action Four =======*/ .cta-boxed-four { padding: 50px 210px 50px 70px; background-size: cover; background-position: left center; } @media (max-width: 1199px) { .cta-boxed-four { padding: 50px 130px 50px 35px; } } @media (max-width: 424px) { .cta-boxed-four { padding: 50px 30px; } } .cta-boxed-four .cta-tagline { font-size: 18px; font-weight: 500; line-height: 1; margin-bottom: 10px; } .cta-boxed-four .cta-title { font-size: 27px; line-height: 1.3; } @media (max-width: 424px) { .cta-boxed-four .cta-title { font-size: 24px; } } .cta-boxed-four .template-btn { margin-top: 20px; font-family: var(--font-inter); font-size: 15px; font-weight: 600; line-height: 1.3; padding: 13px 30px; } .cta-boxed-four .template-btn i { font-size: 13px; } /*======= Big Tagline =======*/ .big-tagline { background-color: var(--color-secondary); text-align: center; padding: 45px 0; } .big-tagline .tagline { color: var(--color-white); font-size: 45px; font-style: italic; font-weight: 400; line-height: 1.3; } @media (max-width: 1199px) { .big-tagline .tagline { font-size: 32px; } } @media (max-width: 767px) { .big-tagline .tagline { font-size: 26px; } } /*======= Bordered Icon =======*/ .bordered-icon-wrapper { position: relative; padding-right: 100px; } @media (max-width: 991px) { .bordered-icon-wrapper { padding-right: 0; padding-bottom: 100px; margin-bottom: 30px; } } .bordered-icon-wrapper img { width: 100%; } .bordered-icon-wrapper .border-icon { position: absolute; right: 45px; top: 50%; z-index: 2; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-color: var(--color-white); border-radius: 50%; -webkit-box-shadow: 0px 10px 60px 0px rgba(73, 154, 250, 0.5); box-shadow: 0px 10px 60px 0px rgba(73, 154, 250, 0.5); width: 110px; height: 110px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 1; font-size: 40px; } @media (max-width: 991px) { .bordered-icon-wrapper .border-icon { top: auto; right: auto; bottom: 45px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } } .bordered-icon-wrapper .border-icon img { width: auto; max-width: 40px; } .bordered-icon-wrapper .border-icon::before, .bordered-icon-wrapper .border-icon::after { content: ""; position: absolute; top: 50%; left: 50%; background-color: transparent; width: 100%; height: 100%; border-radius: 50%; border: 2px dashed var(--color-secondary); -webkit-animation: pulse-border 1500ms ease-out infinite; animation: pulse-border 1500ms ease-out infinite; } .bordered-icon-wrapper .border-icon::after { width: 115%; height: 115%; } @media (max-width: 991px) { .bordered-icon-wrapper.hide-icon-md { padding-bottom: 0; margin-bottom: 0; } .bordered-icon-wrapper.hide-icon-md .border-icon { display: none; } } /*======= Gallery Item One =======*/ .gallery-item-one { position: relative; } .gallery-item-one .gallery-thumbnail { position: relative; z-index: 1; overflow: hidden; } .gallery-item-one .gallery-thumbnail::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; background-color: var(--color-primary); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; visibility: visible; opacity: 0; } .gallery-item-one .gallery-thumbnail img { width: 100%; } .gallery-item-one .gallery-caption { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; opacity: 0; visibility: hidden; } .gallery-item-one .gallery-caption .plus-icon, .gallery-item-one .gallery-caption .title, .gallery-item-one .gallery-caption .title a, .gallery-item-one .gallery-caption p { color: var(--color-white); } .gallery-item-one .gallery-caption .title { font-size: 30px; margin-bottom: 5px; } @media (max-width: 1399px) { .gallery-item-one .gallery-caption .title { font-size: 26px; } } @media (max-width: 767px) { .gallery-item-one .gallery-caption .title { font-size: 22px; } } .gallery-item-one .gallery-caption p { line-height: 1.8; } .gallery-item-one .gallery-caption .plus-icon { width: 50px; height: 50px; position: relative; margin-bottom: 25px; } @media (max-width: 1399px) { .gallery-item-one .gallery-caption .plus-icon { width: 30px; height: 30px; margin-bottom: 15px; } } @media (max-width: 767px) { .gallery-item-one .gallery-caption .plus-icon { width: 20px; height: 20px; } } .gallery-item-one .gallery-caption .plus-icon::before, .gallery-item-one .gallery-caption .plus-icon::after { content: ""; position: absolute; left: 0; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); height: 2px; width: 100%; background-color: var(--color-white); } .gallery-item-one .gallery-caption .plus-icon::after { -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); left: 50%; top: 0; width: 2px; height: 100%; } .gallery-item-one:hover .gallery-thumbnail::before { opacity: 0.8; visibility: visible; } .gallery-item-one:hover .plus-icon { width: 70px; height: 70px; } @media (max-width: 1399px) { .gallery-item-one:hover .plus-icon { width: 50px; height: 50px; } } @media (max-width: 767px) { .gallery-item-one:hover .plus-icon { width: 40px; height: 40px; } } .gallery-item-one:hover .gallery-caption { opacity: 1; visibility: visible; } /*======= Gallery Item Two =======*/ .gallery-item-two { position: relative; } .gallery-item-two .gallery-thumbnail { position: relative; z-index: 1; overflow: hidden; } .gallery-item-two .gallery-thumbnail::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; background-color: var(--color-primary); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; visibility: visible; opacity: 0; } .gallery-item-two .gallery-thumbnail img { width: 100%; } .gallery-item-two .gallery-caption { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; opacity: 0; visibility: hidden; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } .gallery-item-two .gallery-caption .title { font-size: 24px; line-height: 1.4; } .gallery-item-two .gallery-caption .title, .gallery-item-two .gallery-caption .title a { color: var(--color-white); } .gallery-item-two .gallery-caption .plus-icon { width: 45px; height: 45px; background-color: var(--color-secondary); color: var(--color-white); border-radius: 50%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; } .gallery-item-two:hover .gallery-thumbnail::before { opacity: 0.8; visibility: visible; } .gallery-item-two:hover .gallery-caption { opacity: 1; visibility: visible; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } /*======= Gallery Filter =======*/ .gallery-filter ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -5px; } .gallery-filter ul li { cursor: pointer; line-height: 1.4; font-size: 16px; font-weight: 600; color: var(--color-heading); background-color: var(--color-primary-10); padding: 12px 35px; border-radius: 25px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; margin: 5px; } @media (max-width: 991px) { .gallery-filter ul li { padding: 10px 20px; font-size: 15px; } } .gallery-filter ul li.active, .gallery-filter ul li:hover { background-color: var(--color-secondary); color: var(--color-white); } /*======= Pricing Table =======*/ .pricing-table { padding: 60px 50px; background-color: var(--color-primary-07); position: relative; z-index: 1; } @media (max-width: 1199px) { .pricing-table { padding: 60px 40px; } } @media (max-width: 424px) { .pricing-table { padding: 60px 30px; } } .pricing-table .pricing-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 30px; } .pricing-table .pricing-icon { max-width: 50px; -webkit-box-flex: 0; -ms-flex: 0 0 50px; flex: 0 0 50px; margin-right: 22px; } @media (max-width: 424px) { .pricing-table .pricing-icon { margin-right: 18px; } } .pricing-table .pricing-title { font-size: 30px; font-weight: 400; line-height: 1.3; color: var(--color-primary); } @media (max-width: 1199px) { .pricing-table .pricing-title { font-size: 26px; } } .pricing-table .pricing-title .tagline { display: block; font-size: 16px; font-weight: 400; font-family: var(--font-inter); line-height: 1; color: var(--color-body); margin-top: 8px; } .pricing-table .pricing-price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; font-family: var(--font-lora); font-size: 50px; font-weight: 500; color: var(--color-heading); line-height: 1; } @media (max-width: 424px) { .pricing-table .pricing-price { font-size: 42px; } } .pricing-table .pricing-price .currency { font-size: 20px; font-weight: 600; -ms-flex-item-align: start; align-self: flex-start; margin-right: 8px; margin-top: 5px; } .pricing-table .pricing-price .duration { font-size: 20px; color: var(--color-body); margin-left: 10px; margin-bottom: 8px; } .pricing-table .pricing-btn { margin-top: 35px; } .pricing-table .pricing-btn .template-btn { padding: 18px 50px; } @media (max-width: 1199px) { .pricing-table .pricing-btn .template-btn { padding: 18px 40px; } } .pricing-table .pricing-feature { margin-top: 40px; } .pricing-table .pricing-feature li { color: var(--color-heading); font-size: 16px; font-weight: 500; line-height: 1.5; } .pricing-table .pricing-feature li i { font-size: 13px; margin-right: 8px; } .pricing-table .pricing-feature li:not(:last-child) { margin-bottom: 15px; } .pricing-table .featured-tagline { position: absolute; right: 0; top: 0; font-size: 15px; font-weight: 600; color: #fff; text-transform: uppercase; background-color: #ff8400; line-height: 1; -webkit-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; padding: 15px 8px; } .pricing-table.color-2 { background-color: rgba(157, 67, 39, 0.07); } .pricing-table.color-3 { background-color: rgba(158, 35, 133, 0.07); } /*======= Accordion =======*/ .accordion-item:not(:last-child) { margin-bottom: 20px; } .accordion-item .accordion-header h6 { margin: 0; font-size: 18px; font-family: var(--font-lora); font-weight: 500; line-height: 1.4; border: 1px solid var(--color-primary-10); padding: 16px 50px 16px 30px; cursor: pointer; position: relative; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } @media (max-width: 575px) { .accordion-item .accordion-header h6 { padding: 16px 40px 16px 20px; font-size: 17px; } } .accordion-item .accordion-header h6::before, .accordion-item .accordion-header h6::after { content: "\f067"; font-size: 18px; font-weight: 300; font-family: "Font Awesome 5 Pro"; position: absolute; right: 30px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border-radius: 50%; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } @media (max-width: 575px) { .accordion-item .accordion-header h6::before, .accordion-item .accordion-header h6::after { right: 20px; } } .accordion-item .accordion-header h6::after { content: "\f068"; opacity: 0; visibility: hidden; } .accordion-item .accordion-content { padding: 0 30px 30px; background-color: var(--color-grey); } .accordion-item.active-accordion .accordion-header h6 { border-color: transparent; background-color: var(--color-grey); } .accordion-item.active-accordion .accordion-header h6::after { opacity: 1; visibility: visible; } .accordion-item.active-accordion .accordion-header h6::before { opacity: 0; visibility: hidden; } .accordion-style-two .accordion-item { margin-bottom: 0; border-bottom: 1px solid var(--color-primary-10); } .accordion-style-two .accordion-item:first-child { border-top: 1px solid var(--color-primary-10); } .accordion-style-two .accordion-item .accordion-header h6 { border: none; padding: 18px 30px 18px 50px; font-size: 20px; font-weight: 400; } @media (max-width: 424px) { .accordion-style-two .accordion-item .accordion-header h6 { font-size: 18px; } } .accordion-style-two .accordion-item .accordion-header h6::before, .accordion-style-two .accordion-item .accordion-header h6::after { right: 0; left: 0; font-size: 15px; width: 30px; height: 30px; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: var(--color-primary); color: var(--color-white); } .accordion-style-two .accordion-item .accordion-content { background-color: transparent; padding: 0 30px 20px 50px; } .accordion-style-two .accordion-item.active-accordion .accordion-header h6 { background-color: transparent; } .faq-page-content .faq-title { font-size: 35px; margin-bottom: 20px; } /*======= FAQ Sidebar =======*/ @media (max-width: 991px) { .faq-sidebar { margin-top: 80px; } } .faq-sidebar .search-widget { background-color: var(--color-primary); padding: 50px; } @media (max-width: 1199px) { .faq-sidebar .search-widget { padding: 50px 40px; } } .faq-sidebar .search-widget .search-title { font-size: 35px; color: var(--color-white); margin-bottom: 30px; } @media (max-width: 1199px) { .faq-sidebar .search-widget .search-title { font-size: 30px; } } .faq-sidebar .search-widget form { position: relative; } .faq-sidebar .search-widget input[type="search"] { border-radius: 35px; color: var(--color-heading); font-size: 16px; } .faq-sidebar .search-widget input[type="search"]:focus { border-color: transparent; } .faq-sidebar .search-widget button[type="submit"] { position: absolute; z-index: 2; right: 30px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 19px; } .faq-sidebar .video-widget { position: relative; } .faq-sidebar .video-widget::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background-color: var(--color-primary); opacity: 0.45; } .faq-sidebar .video-widget img { width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .faq-sidebar .video-widget .video-popup { position: absolute; z-index: 2; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 75px; height: 75px; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 15px; background-color: var(--color-white); color: var(--color-secondary); } .faq-sidebar .video-widget .video-popup::before { content: ""; position: absolute; z-index: -1; left: 50%; top: 50%; width: 100%; height: 100%; border-radius: 50%; background-color: var(--color-white); opacity: 0.2; -webkit-animation: pulse-border 1500ms ease-out infinite; animation: pulse-border 1500ms ease-out infinite; } /*======= Seeva Video =======*/ .seeva-video { position: relative; z-index: 1; } .seeva-video::before { background-color: var(--color-primary); z-index: 1; opacity: 0.55; } .seeva-video .video-thumbnail { width: 100%; height: 100%; } .seeva-video img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .seeva-video .video-popup { position: absolute; z-index: 2; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 85px; height: 85px; background-color: var(--color-white); color: var(--color-secondary); border-radius: 50%; font-size: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .seeva-video .video-popup::before { content: ""; position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; border: 2px solid var(--color-white); border-radius: 50%; opacity: 0.4; -webkit-animation: pulse-border 1500ms ease-out infinite; animation: pulse-border 1500ms ease-out infinite; } .video-with-content { position: relative; z-index: 1; padding-top: 175px; padding-bottom: 125px; } @media (max-width: 991px) { .video-with-content { padding-top: 650px; } } .video-with-content .video-content { padding-left: 45px; } @media (max-width: 1199px) { .video-with-content .video-content { padding-left: 0; } } .video-with-content .video-content, .video-with-content .video-content .check-list li, .video-with-content .video-content .section-heading .tagline, .video-with-content .video-content .section-heading .title { color: var(--color-white); } .video-with-content::before { content: ""; position: absolute; right: 0; top: 0; width: 46%; height: 100%; background-image: url(../img/section-bg/map-3.png); background-size: cover; background-position: center; } @media (max-width: 991px) { .video-with-content::before { top: auto; bottom: 0; width: 100%; height: calc(100% - 550px); } } .video-with-content .seeva-video { position: absolute; z-index: 2; left: 0; top: 0; width: 54%; height: 100%; z-index: 2; } @media (max-width: 991px) { .video-with-content .seeva-video { height: 550px; width: 90%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } } @media (max-width: 991px) and (max-width: 575px) { .video-with-content .seeva-video { width: 100%; } } /*======= Progress-bar =======*/ .progress-bar-wrapper .progress-title-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px; } .progress-bar-wrapper .progress-title, .progress-bar-wrapper .progress-percentage { font-size: 20px; font-weight: 600; color: var(--color-heading); line-height: 1; } .progress-bar-wrapper .progress-line-wrap { width: 100%; height: 5px; overflow: hidden; background-color: var(--color-secondary-10); } .progress-bar-wrapper .progress-line { width: 0; height: 100%; -webkit-transition: linear 1.2s; -o-transition: linear 1.2s; transition: linear 1.2s; background-color: var(--color-secondary); } /*======= Product Tab =======*/ .product-tab-nav { position: relative; z-index: 1; } .product-tab-nav::after { content: ""; position: absolute; z-index: -1; left: -10px; right: -10px; top: -10px; bottom: 30px; background-color: var(--color-fourth); opacity: 0.06; } .product-tab-nav .nav-tabs { border: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: var(--color-white); padding: 14px 60px; } @media (max-width: 991px) { .product-tab-nav .nav-tabs { padding: 14px 30px; } } @media (max-width: 767px) { .product-tab-nav .nav-tabs { padding: 14px 20px; } } .product-tab-nav .nav-tabs .nav-link { position: relative; margin: 0; padding: 12px 10px; border: none; border-radius: 0; display: block; text-align: center; line-height: 1; font-size: 18px; font-weight: 500; color: var(--color-heading); } @media (max-width: 767px) { .product-tab-nav .nav-tabs .nav-link { font-size: 15px; } } .product-tab-nav .nav-tabs .nav-link::before { content: ""; position: absolute; left: 0; top: 0; } .product-tab-nav .nav-tabs .nav-link span { display: block; } .product-tab-nav .nav-tabs .nav-link .icon { font-size: 35px; color: var(--color-tertiary); line-height: 0.5; margin-bottom: 10px; } .product-tab-nav .nav-tabs .nav-item { margin: 0 40px; } @media (max-width: 1199px) { .product-tab-nav .nav-tabs .nav-item { margin: 0px 20px; } } @media (max-width: 767px) { .product-tab-nav .nav-tabs .nav-item { margin: 0px 5px; } } .product-tab-nav .nav-tabs .nav-item:first-child { margin-left: 0; } .product-tab-nav .nav-tabs .nav-item:last-child { margin-right: 0; } /*======= Product Box =======*/ .product-box { background-color: var(--color-white); border: 1px solid rgba(33, 51, 96, 0.1); padding: 35px 0; position: relative; z-index: 1; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; overflow: hidden; } .product-box::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background-color: var(--color-white); opacity: 0; visibility: hidden; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .product-box .thumbnail { width: 100%; height: 240px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .product-box .content { line-height: 1; text-align: center; padding: 0 20px; padding: 30px 30px 0; } @media (max-width: 1199px) { .product-box .content { padding: 30px 20px 0; } } .product-box .content .title { font-size: 20px; font-weight: 500; margin-bottom: 8px; } .product-box .content .title a:hover { color: var(--color-tertiary); } .product-box .content .price { font-size: 16px; font-weight: 500; } .product-box .action-btns { position: absolute; left: 0; top: 30px; z-index: 2; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; visibility: hidden; opacity: 0; } .product-box .action-btns li { display: block; margin-bottom: 10px; } .product-box .action-btns a { width: 40px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 15px; background-color: var(--color-fourth); color: var(--color-white); border-radius: 50%; } .product-box .action-btns a:hover { background-color: var(--color-tertiary); } .product-box .add-to-cart { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; z-index: 2; line-height: 1; font-size: 15px; font-weight: 600; text-transform: capitalize; color: var(--color-white); background-color: var(--color-tertiary); border-radius: 25px; width: 170px; padding: 15px 0; text-align: center; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; visibility: hidden; opacity: 0; } .product-box .add-to-cart i { font-size: 14px; margin-left: 5px; } .product-box .add-to-cart:hover { background-color: var(--color-fourth); } .product-box:hover { border-color: transparent; } .product-box:hover::before { visibility: visible; opacity: 0.75; } .product-box:hover .action-btns { left: 30px; visibility: visible; opacity: 1; } .product-box:hover .add-to-cart { visibility: visible; opacity: 1; bottom: 40px; } .product-box.product-box-bg { background-color: var(--color-grey); } /*======= Product Slider Arrows =======*/ .product-carousel .slick-dots { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 70px; } .product-carousel .slick-dots li { line-height: 1; height: 15px; width: 15px; border-radius: 50%; background-color: var(--color-fourth); opacity: 0.1; cursor: pointer; position: relative; z-index: 1; margin: 0 5px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .product-carousel .slick-dots li button { display: none; } .product-carousel .slick-dots li.slick-active { background-color: var(--color-tertiary); opacity: 1; } .product-carousel-arrows { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; line-height: 1; } @media (max-width: 424px) { .product-carousel-arrows { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-top: 20px; } } .product-carousel-arrows .slick-arrow { width: 45px; height: 45px; background-color: var(--color-white); border: 2px solid var(--color-primary-10); border-radius: 50%; font-size: 15px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .product-carousel-arrows .slick-arrow.next-arrow, .product-carousel-arrows .slick-arrow:hover { margin-left: 10px; background-color: var(--color-fourth); color: var(--color-white); } /*======= Page Title =======*/ .page-title-area { background-color: var(--color-secondary-10); padding: 80px 0; position: relative; z-index: 1; } .page-title-area .page-title { text-align: center; font-size: 60px; color: var(--color-primary); line-height: 85px; line-height: 1.35; } @media (max-width: 991px) { .page-title-area .page-title { font-size: 48px; } } @media (max-width: 575px) { .page-title-area .page-title { font-size: 38px; } } .page-title-area .breadcrumb-nav { margin-top: 20px; line-height: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .page-title-area .breadcrumb-nav li { margin: 0 6px; font-size: 20px; font-weight: 500; color: var(--color-secondary); } @media (max-width: 991px) { .page-title-area .breadcrumb-nav li { font-size: 18px; } } @media (max-width: 575px) { .page-title-area .breadcrumb-nav li { font-size: 15px; } } .page-title-area .breadcrumb-nav li a { color: var(--color-heading); } .page-title-area.page-title-bg { background-size: cover; background-position: center; } .page-title-area.page-title-bg::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; background-color: var(--color-primary); opacity: 0.85; } .page-title-area.page-title-bg .page-title, .page-title-area.page-title-bg .breadcrumb-nav li, .page-title-area.page-title-bg .breadcrumb-nav li a { color: var(--color-white); } /*======= Contact Info =======*/ .contact-info-wrapper { padding: 80px 70px; background-color: var(--color-secondary); height: 100%; } @media (max-width: 991px) { .contact-info-wrapper { height: auto; } } @media (max-width: 767px) { .contact-info-wrapper { padding: 80px 50px; } } @media (max-width: 575px) { .contact-info-wrapper { padding: 60px 30px; } } .contact-info-wrapper, .contact-info-wrapper a { color: var(--color-white); } .contact-info-wrapper .single-contact-info:not(:last-child) { margin-bottom: 50px; } .contact-info-wrapper .info-title { font-size: 27px; color: var(--color-white); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 25px; } @media (max-width: 575px) { .contact-info-wrapper .info-title { font-size: 22px; } } .contact-info-wrapper .info-title i { font-size: 35px; line-height: 1; margin-right: 15px; } @media (max-width: 575px) { .contact-info-wrapper .info-title i { font-size: 25px; } } .contact-info-wrapper ul li { display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 1; } @media (max-width: 424px) { .contact-info-wrapper ul li { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .contact-info-wrapper ul li:not(:last-child) { margin-bottom: 15px; } .contact-info-wrapper ul li span { width: 38%; position: relative; font-weight: 500; } @media (max-width: 424px) { .contact-info-wrapper ul li span { width: 100%; } } .contact-info-wrapper ul li span::after { content: ":"; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 424px) { .contact-info-wrapper ul li span::after { position: unset; margin-left: 10px; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .contact-info-wrapper ul li a { margin-left: 10px; } @media (max-width: 424px) { .contact-info-wrapper ul li a { margin-left: 0; margin-top: 10px; } } .contact-info-wrapper .social-icon { margin-top: 20px; line-height: 1; } .contact-info-wrapper .social-icon i { font-size: 20px; margin-right: 15px; } /*======= Working Chart =======*/ .working-hour-chart { background-color: var(--color-primary); padding: 80px 70px; height: 100%; } @media (max-width: 991px) { .working-hour-chart { margin-top: 30px; height: auto; } } @media (max-width: 767px) { .working-hour-chart { padding: 80px 50px; } } @media (max-width: 575px) { .working-hour-chart { padding: 60px 30px; } } .working-hour-chart .chart-title { color: var(--color-white); font-size: 35px; margin-bottom: 25px; } @media (max-width: 575px) { .working-hour-chart .chart-title { font-size: 26px; } } .working-hour-chart ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: var(--color-white); line-height: 1.2; font-size: 18px; font-weight: 500; } @media (max-width: 575px) { .working-hour-chart ul li { font-size: 16px; } } .working-hour-chart ul li:not(:last-child) { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 2px dashed rgba(255, 255, 255, 0.2); } .working-hour-chart ul li i { margin-right: 12px; } .contact-map { width: 100%; height: 720px; } @media (max-width: 991px) { .contact-map { height: 500px; } } @media (max-width: 575px) { .contact-map { height: 320px; } } .contact-map iframe { width: 100%; height: 100%; border: none; } .contact-form .input-field { margin-bottom: 40px; } .contact-form .input-field label { font-size: 20px; font-family: var(--font-lora); color: var(--color-heading); display: block; margin-bottom: 10px; cursor: pointer; } @media (max-width: 575px) { .contact-form .input-field label { font-size: 18px; } } .contact-form .input-field textarea { height: 150px; } .help-block.with-errors { margin-top: 5px; color: red; } #msgSubmit { text-align: center !important; margin-top: 10px; } /*======= Service Details =======*/ .service-details-wrapper { padding-left: 70px; } @media (max-width: 1199px) { .service-details-wrapper { padding-left: 0; } } .service-details-wrapper .service-title { font-size: 45px; margin-bottom: 30px; } @media (max-width: 991px) { .service-details-wrapper .service-title { font-size: 38px; } } @media (max-width: 575px) { .service-details-wrapper .service-title { font-size: 32px; } } .service-details-wrapper blockquote { color: var(--color-primary); font-family: var(--font-lora); font-size: 22px; font-weight: 500; font-style: italic; line-height: 1.6; } @media (max-width: 575px) { .service-details-wrapper blockquote { font-size: 20px; } } .service-details-wrapper .check-list { max-width: 65%; } @media (max-width: 767px) { .service-details-wrapper .check-list { max-width: 100%; } } /*======= Service Sidebar =======*/ @media (max-width: 991px) { .service-sidebar { margin-top: 80px; } } .service-sidebar .widget { padding: 60px 50px; background-color: var(--color-secondary); } @media (min-width: 992px) and (max-width: 1199px) { .service-sidebar .widget { padding: 60px 30px; } } @media (max-width: 575px) { .service-sidebar .widget { padding: 60px 40px; } } @media (max-width: 424px) { .service-sidebar .widget { font-size: 15px; padding: 50px 30px; } } .service-sidebar .widget:not(:last-child) { margin-bottom: 50px; } .service-sidebar .widget:nth-child(even) { background-color: var(--color-primary); } .service-sidebar .widget, .service-sidebar .widget a { color: var(--color-white); } .service-sidebar .widget .widget-title { font-size: 35px; color: var(--color-white); text-transform: capitalize; margin-bottom: 30px; } @media (max-width: 1199px) { .service-sidebar .widget .widget-title { font-size: 26px; } } .service-sidebar .widget.departments-list li { line-height: 1.5; font-size: 18px; } .service-sidebar .widget.departments-list li:not(:last-child) { margin-bottom: 15px; } .service-sidebar .widget.departments-list li i { margin-right: 10px; font-size: 15px; } .service-sidebar .widget.departments-list li a:hover { padding-left: 5px; } .service-sidebar .widget.appointment-form form { margin-top: 20px; } .service-sidebar .widget.appointment-form .input-field { margin-top: 10px; } .service-sidebar .widget.appointment-form input, .service-sidebar .widget.appointment-form .nice-select { height: 60px; border-radius: 30px; font-size: 16px; font-weight: 600; color: var(--color-heading); } .service-sidebar .widget.appointment-form input:focus, .service-sidebar .widget.appointment-form .nice-select:focus { border-color: transparent; } .service-sidebar .widget.appointment-form .template-btn { height: 60px; width: 100%; line-height: 1; padding: 10px; } .service-sidebar .widget.working-schedule ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1.2; font-size: 17px; font-weight: 500; } @media (max-width: 424px) { .service-sidebar .widget.working-schedule ul li { font-size: 16px; } } .service-sidebar .widget.working-schedule ul li:not(:last-child) { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 2px dashed rgba(255, 255, 255, 0.2); } .service-sidebar .widget.working-schedule ul li i { margin-right: 12px; } /*======= Blog Post Loop =======*/ @media (min-width: 1200px) { .blog-loop { padding-right: 70px; } } .blog-loop .single-blog-post { position: relative; } .blog-loop .single-blog-post:not(:last-child) { margin-bottom: 30px; } .blog-loop .single-blog-post .post-thumbnail { position: relative; } .blog-loop .single-blog-post .post-thumbnail img { width: 100%; } .blog-loop .single-blog-post .post-thumbnail .post-link { position: absolute; z-index: 2; right: 40px; bottom: 0; background-color: var(--color-white); color: var(--color-primary); -webkit-box-shadow: 0px 10px 60px 0px rgba(22, 37, 66, 0.15); box-shadow: 0px 10px 60px 0px rgba(22, 37, 66, 0.15); width: 60px; height: 60px; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 18px; line-height: 1; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } @media (max-width: 575px) { .blog-loop .single-blog-post .post-thumbnail .post-link { height: 50px; width: 50px; font-size: 15px; } } .blog-loop .single-blog-post .post-content { background-color: var(--color-white); padding: 40px 40px 25px; -webkit-box-shadow: 0px 10px 60px 0px rgba(22, 37, 66, 0.06); box-shadow: 0px 10px 60px 0px rgba(22, 37, 66, 0.06); } @media (max-width: 767px) { .blog-loop .single-blog-post .post-content { padding: 40px 35px 25px; } } @media (max-width: 424px) { .blog-loop .single-blog-post .post-content { padding: 40px 30px 25px; } } .blog-loop .single-blog-post .post-content p { line-height: 28px; margin-top: 20px; } .blog-loop .single-blog-post .post-author { font-size: 16px; line-height: 1; color: var(--color-body); margin-bottom: 20px; } @media (max-width: 424px) { .blog-loop .single-blog-post .post-author { font-size: 14px; } } .blog-loop .single-blog-post .post-author img { margin-right: 10px; } .blog-loop .single-blog-post .post-title { font-size: 26px; font-weight: 600; line-height: 1.55; } @media (max-width: 1199px) { .blog-loop .single-blog-post .post-title { font-size: 24px; } } @media (max-width: 767px) { .blog-loop .single-blog-post .post-title { font-size: 22px; } } @media (max-width: 424px) { .blog-loop .single-blog-post .post-title { font-size: 20px; } } .blog-loop .single-blog-post .post-meta { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 25px; padding-top: 15px; border-top: 1px solid var(--color-heading-07); } @media (max-width: 424px) { .blog-loop .single-blog-post .post-meta { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .blog-loop .single-blog-post .post-meta li { margin-top: 10px; } .blog-loop .single-blog-post .post-meta li:not(:last-child) { margin-right: 20px; } @media (max-width: 575px) { .blog-loop .single-blog-post .post-meta li:not(:last-child) { margin-right: 15px; } } .blog-loop .single-blog-post .post-meta li.post-share { margin-left: auto; } @media (max-width: 424px) { .blog-loop .single-blog-post .post-meta li.post-share { margin-left: 0; } } .blog-loop .single-blog-post .post-meta li a { font-size: 16px; line-height: 1; display: block; color: var(--color-body); } .blog-loop .single-blog-post .post-meta li a i { margin-right: 10px; font-size: 15px; } .blog-loop .single-blog-post .post-meta li a:hover { color: var(--color-secondary); } .blog-loop .single-blog-post:hover .post-thumbnail .post-link { background-color: var(--color-secondary); color: var(--color-white); } .blog-loop .single-blog-post.bg-dark-post .post-content { background-color: #1c213e; -webkit-box-shadow: none; box-shadow: none; } .blog-loop .single-blog-post.bg-dark-post .post-title a { color: var(--color-white); } .blog-loop .single-blog-post.bg-dark-post .post-author { margin-bottom: 0; margin-top: 15px; color: var(--color-white); } .blog-loop .single-blog-post.bg-dark-post .post-meta { border-color: rgba(255, 255, 255, 0.1); } .blog-loop .single-blog-post.bg-dark-post .post-meta li a { color: var(--color-white); } /*======= Blog Details =======*/ @media (min-width: 1200px) { .blog-details-wrapper { padding-right: 70px; } } .blog-details-wrapper .blog-details-inner { background-color: var(--color-white); padding: 40px 40px 60px; -webkit-box-shadow: 0px 10px 60px 0px rgba(22, 37, 66, 0.06); box-shadow: 0px 10px 60px 0px rgba(22, 37, 66, 0.06); } @media (max-width: 767px) { .blog-details-wrapper .blog-details-inner { padding: 40px 35px 60px; } } @media (max-width: 424px) { .blog-details-wrapper .blog-details-inner { padding: 40px 30px 60px; } } .blog-details-wrapper .post-thumbnail { position: relative; } .blog-details-wrapper .post-thumbnail img { width: 100%; } .blog-details-wrapper .post-content .post-author { font-size: 16px; line-height: 1; color: var(--color-body); margin-bottom: 20px; } @media (max-width: 424px) { .blog-details-wrapper .post-content .post-author { font-size: 14px; } } .blog-details-wrapper .post-content .post-author img { margin-right: 10px; } .blog-details-wrapper .post-content .post-title { font-size: 26px; font-weight: 600; line-height: 1.55; margin-bottom: 20px; } @media (max-width: 1199px) { .blog-details-wrapper .post-content .post-title { font-size: 24px; } } @media (max-width: 767px) { .blog-details-wrapper .post-content .post-title { font-size: 22px; } } @media (max-width: 424px) { .blog-details-wrapper .post-content .post-title { font-size: 20px; } } .blog-details-wrapper .post-content blockquote { position: relative; background-color: var(--color-grey); padding: 35px 50px; border-radius: 7px; margin: 35px 0; } @media (max-width: 767px) { .blog-details-wrapper .post-content blockquote { padding: 35px; } } @media (max-width: 424px) { .blog-details-wrapper .post-content blockquote { padding: 20px; } } .blog-details-wrapper .post-content blockquote::before { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 4px; background-color: var(--color-primary); border-radius: 2px; } @media (max-width: 424px) { .blog-details-wrapper .post-content blockquote::before { width: 2px; } } .blog-details-wrapper .post-content blockquote p { margin: 0; font-family: var(--font-lora); font-weight: 600; font-size: 24px; line-height: 1.5; color: var(--color-heading); } @media (max-width: 767px) { .blog-details-wrapper .post-content blockquote p { font-size: 20px; } } @media (max-width: 424px) { .blog-details-wrapper .post-content blockquote p { font-size: 18px; } } .blog-details-wrapper .post-content blockquote cite { position: relative; display: block; font-size: 18px; font-weight: 600; font-style: normal; color: var(--color-secondary); line-height: 1; margin-top: 15px; padding-left: 60px; } @media (max-width: 767px) { .blog-details-wrapper .post-content blockquote cite { font-size: 16px; } } @media (max-width: 424px) { .blog-details-wrapper .post-content blockquote cite { padding-left: 0; padding-top: 20px; margin-top: 25px; } } .blog-details-wrapper .post-content blockquote cite::before { content: ""; position: absolute; left: 0; top: 50%; width: 40px; height: 3px; background-color: var(--color-secondary); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 424px) { .blog-details-wrapper .post-content blockquote cite::before { top: 0; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); } } .blog-details-wrapper .post-footer { margin-top: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 767px) { .blog-details-wrapper .post-footer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .blog-details-wrapper .post-footer .related-tags, .blog-details-wrapper .post-footer .post-share { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .blog-details-wrapper .post-footer .related-tags .title, .blog-details-wrapper .post-footer .post-share .title { font-family: var(--font-lora); font-weight: 600; font-size: 18px; line-height: 1; color: var(--color-heading); margin-right: 15px; } .blog-details-wrapper .post-footer .related-tags .title { margin-top: 10px; } .blog-details-wrapper .post-footer .related-tags a { margin-right: 10px; display: block; color: var(--color-heading); background-color: var(--color-grey); line-height: 1; font-size: 14px; padding: 8px 15px; margin-top: 10px; } .blog-details-wrapper .post-footer .related-tags a:hover { background-color: var(--color-secondary); color: var(--color-white); } .blog-details-wrapper .post-footer .post-share { margin-top: 10px; } .blog-details-wrapper .post-footer .post-share a { display: block; font-size: 15px; color: var(--color-body); margin-left: 15px; } .blog-details-wrapper .post-footer .post-share a:hover { color: var(--color-secondary); } .blog-details-wrapper .post-footer .post-share .title { margin-right: 5px; } .blog-details-wrapper .details-line { margin: 60px 0; width: 100%; height: 1px; background-color: var(--color-primary-10); } .blog-details-wrapper .post-author-box { padding: 40px 50px; background-color: var(--color-grey); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 1199px) { .blog-details-wrapper .post-author-box { padding: 40px; } } @media (max-width: 767px) { .blog-details-wrapper .post-author-box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media (max-width: 424px) { .blog-details-wrapper .post-author-box { padding: 30px; } } .blog-details-wrapper .post-author-box .author-photo { width: 160px; -webkit-box-flex: 0; -ms-flex: 0 0 160px; flex: 0 0 160px; margin-right: 35px; } @media (max-width: 767px) { .blog-details-wrapper .post-author-box .author-photo { margin-right: 0; margin-bottom: 30px; } } @media (max-width: 575px) { .blog-details-wrapper .post-author-box .author-photo { -webkit-box-flex: 0; -ms-flex: 0 0 120px; flex: 0 0 120px; } } .blog-details-wrapper .post-author-box .author-photo img { width: 160px; height: 160px; border-radius: 50%; } @media (max-width: 575px) { .blog-details-wrapper .post-author-box .author-photo img { width: 120px; height: 120px; } } .blog-details-wrapper .post-author-box .name { font-size: 22px; font-weight: 600; margin-bottom: 10px; } @media (max-width: 575px) { .blog-details-wrapper .post-author-box .name { font-size: 20px; } } .blog-details-wrapper .post-author-box p { line-height: 1.9; } @media (max-width: 575px) { .blog-details-wrapper .post-author-box p { font-size: 15px; } } .blog-details-wrapper .post-author-box .social-icon { margin-top: 15px; } .blog-details-wrapper .post-author-box .social-icon li { display: inline-block; margin-right: 15px; } @media (max-width: 575px) { .blog-details-wrapper .post-author-box .social-icon li { margin-right: 10px; } } .blog-details-wrapper .post-author-box .social-icon li a { display: block; line-height: 1; font-size: 15px; color: var(--color-body); } .blog-details-wrapper .post-author-box .social-icon li a:hover { color: var(--color-secondary); } .blog-details-wrapper .post-navigation { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 575px) { .blog-details-wrapper .post-navigation { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .blog-details-wrapper .post-navigation .navigation-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 45%; } @media (max-width: 575px) { .blog-details-wrapper .post-navigation .navigation-item { max-width: 100%; } .blog-details-wrapper .post-navigation .navigation-item.next-post { margin-top: 30px; } } @media (max-width: 767px) { .blog-details-wrapper .post-navigation .navigation-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .blog-details-wrapper .post-navigation .navigation-item .thumbnail { -webkit-box-flex: 0; -ms-flex: 0 0 75px; flex: 0 0 75px; width: 75px; height: 100%; margin-right: 20px; position: relative; top: 4px; } @media (max-width: 767px) { .blog-details-wrapper .post-navigation .navigation-item .thumbnail { margin-right: 0; margin-bottom: 20px; } } .blog-details-wrapper .post-navigation .navigation-item h6 { font-size: 18px; font-weight: 600; line-height: 1.4; } @media (min-width: 992px) and (max-width: 1199px) { .blog-details-wrapper .post-navigation .navigation-item h6 { font-size: 16px; } } .blog-details-wrapper .post-navigation .navigation-item .date { display: block; line-height: 1; font-size: 14px; margin-right: 10px; margin-top: 10px; } /*======= Comment Template =======*/ .comment-template .template-title { font-size: 24px; font-weight: 600; margin-bottom: 35px; } .comment-template .comment-list li:not(:last-child) { margin-bottom: 50px; } .comment-template .comment-list li .comment-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .comment-template .comment-list li .comment-body { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .comment-template .comment-list li .comment-avatar { -webkit-box-flex: 0; -ms-flex: 0 0 100px; flex: 0 0 100px; margin-right: 30px; } @media (max-width: 767px) { .comment-template .comment-list li .comment-avatar { margin-right: 0; margin-bottom: 30px; } } .comment-template .comment-list li .comment-avatar img { height: 100px; width: 100px; border-radius: 50%; } .comment-template .comment-list li .comment-content { position: relative; } .comment-template .comment-list li .comment-content .name { font-size: 18px; font-weight: 600; margin-bottom: 8px; } .comment-template .comment-list li .comment-content .reply-link { font-size: 14px; font-weight: 600; line-height: 1; text-transform: uppercase; color: var(--color-heading); } .comment-template .comment-list li .comment-content .reply-link i { margin-left: 5px; } .comment-template .comment-list li .comment-content .reply-link:hover { color: var(--color-secondary); } .comment-template .comment-list li .comment-content .date { position: absolute; right: 0; top: 3px; font-size: 15px; line-height: 1; } @media (max-width: 575px) { .comment-template .comment-list li .comment-content .date { position: unset; } } .comment-template .comment-list li .children { margin-left: 60px; } @media (max-width: 575px) { .comment-template .comment-list li .children { margin-left: 30px; } } .comment-template .comment-list li .children li:first-child { margin-top: 50px; } .comment-template .comment-form input, .comment-template .comment-form textarea { border-width: 2px; height: 55px; font-size: 16px; font-family: var(--font-lora); font-weight: 500; color: var(--color-heading); padding: 0 25px; } .comment-template .comment-form input:focus, .comment-template .comment-form textarea:focus { background-color: var(--color-white); } .comment-template .comment-form textarea { padding-top: 15px; height: 140px; } /*======= Pagination =======*/ .pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: 70px; margin-top: 60px; } @media (max-width: 767px) { .pagination { margin-right: 0; } } .pagination.product-pagination { margin-right: 0; margin-top: 30px; } .pagination li { margin: 0 4px; } .pagination li a { border: 2px solid var(--color-heading-07); width: 45px; height: 45px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; font-size: 15px; font-family: var(--font-lora); font-weight: 600; color: var(--color-heading); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .pagination li a.active, .pagination li a:hover { background-color: var(--color-secondary); color: var(--color-white); border-color: var(--color-secondary); } .pagination li.dots { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .pagination li.dots span { margin: 0 2px; height: 10px; width: 10px; border: 2px solid var(--color-heading-07); border-radius: 50%; } /*======= Sidebar =======*/ @media (max-width: 991px) { .primary-sidebar { margin-top: 80px; } } .primary-sidebar .widget:not(:last-child) { margin-bottom: 50px; } .primary-sidebar .widget-title { position: relative; font-size: 24px; font-weight: 600; padding-bottom: 25px; margin-bottom: 30px; } .primary-sidebar .widget-title::before, .primary-sidebar .widget-title::after { content: ""; position: absolute; left: 0; bottom: 0; height: 1px; width: 100%; background-color: var(--color-primary-10); } .primary-sidebar .widget-title::after { background-color: var(--color-secondary); height: 2px; width: 65px; } .primary-sidebar .widget.search-widget { background-color: var(--color-primary); padding: 30px; } .primary-sidebar .widget.search-widget .widget-title { margin: 0; color: var(--color-white); } .primary-sidebar .widget.search-widget .widget-title::before, .primary-sidebar .widget.search-widget .widget-title::after { display: none; } .primary-sidebar .widget.search-widget .search-form { position: relative; } .primary-sidebar .widget.search-widget .search-form input { height: 65px; background-color: var(--color-white); border-radius: 30px; border: none; font-size: 18px; font-weight: 400; color: var(--color-body); padding: 0 60px 0 25px; } .primary-sidebar .widget.search-widget .search-form button { position: absolute; right: 10px; top: 10px; bottom: 10px; width: 45px; background-color: var(--color-secondary); color: var(--color-white); border: none; border-radius: 50%; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .primary-sidebar .widget.search-widget .search-form button:hover { background-color: var(--color-primary); } .primary-sidebar .widget.category-widget ul li:not(:last-child) { margin-bottom: 16px; } .primary-sidebar .widget.category-widget ul li a { display: block; color: var(--color-body); position: relative; font-size: 16px; font-weight: 500; line-height: 1.5; } .primary-sidebar .widget.category-widget ul li a:hover { color: var(--color-heading); } .primary-sidebar .widget.category-widget ul li a::after { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); content: "\f105"; font-family: "Font Awesome 5 Pro"; font-weight: 400; font-size: 15px; } .primary-sidebar .widget.latest-post-widget .latest-post-loop .single-post { display: -webkit-box; display: -ms-flexbox; display: flex; } .primary-sidebar .widget.latest-post-widget .latest-post-loop .single-post:not(:last-child) { margin-bottom: 25px; } .primary-sidebar .widget.latest-post-widget .latest-post-loop .single-post .thumbnail { margin-right: 25px; -webkit-box-flex: 0; -ms-flex: 0 0 75px; flex: 0 0 75px; width: 75px; height: 100%; overflow: hidden; } .primary-sidebar .widget.latest-post-widget .latest-post-loop .single-post .thumbnail img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .primary-sidebar .widget.latest-post-widget .latest-post-loop .single-post h6 { font-size: 17px; font-weight: 600; line-height: 1.4; margin-bottom: 10px; } .primary-sidebar .widget.latest-post-widget .latest-post-loop .single-post h6 a { color: var(--color-body); } .primary-sidebar .widget.latest-post-widget .latest-post-loop .single-post h6 a:hover { color: var(--color-heading); } .primary-sidebar .widget.latest-post-widget .latest-post-loop .single-post .date { display: block; font-size: 13px; line-height: 1; text-transform: uppercase; } .primary-sidebar .widget.latest-post-widget .latest-post-loop .single-post .date i { margin-right: 5px; } .primary-sidebar .widget.latest-post-widget .latest-post-loop .single-post:hover .thumbnail img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .primary-sidebar .widget.latest-post-widget .latest-post-loop .single-post:hover h6 a { color: var(--color-heading); } .primary-sidebar .widget.cta-widget .cta-content { padding: 60px 105px 60px 35px; position: relative; z-index: 1; background-size: cover; background-position: center; line-height: 1.8; color: var(--color-white); } .primary-sidebar .widget.cta-widget .cta-content::before { background-image: -webkit-gradient(linear, left top, right top, from(#2e279d), color-stop(71%, rgba(37, 33, 87, 0.5)), to(rgba(33, 30, 59, 0))); background-image: -webkit-linear-gradient(left, #2e279d 0%, rgba(37, 33, 87, 0.5) 71%, rgba(33, 30, 59, 0) 100%); background-image: -o-linear-gradient(left, #2e279d 0%, rgba(37, 33, 87, 0.5) 71%, rgba(33, 30, 59, 0) 100%); background-image: linear-gradient(90deg, #2e279d 0%, rgba(37, 33, 87, 0.5) 71%, rgba(33, 30, 59, 0) 100%); } .primary-sidebar .widget.cta-widget .cta-title { font-size: 24px; font-weight: 700; color: var(--color-white); margin-bottom: 15px; } .primary-sidebar .widget.cta-widget .cta-tagline { display: block; line-height: 1; font-size: 14px; font-weight: 500; text-transform: uppercase; color: var(--color-white); margin-bottom: 8px; } .primary-sidebar .widget.cta-widget .cta-btn { font-size: 14px; font-weight: 600; line-height: 1.1; text-transform: uppercase; background-color: var(--color-secondary); color: var(--color-white); padding: 15px 35px; border-radius: 30px; margin-top: 25px; } .primary-sidebar .widget.cta-widget .cta-btn:hover { background-color: var(--color-heading); color: var(--color-white); } .primary-sidebar .widget.tag-cloud-widget ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -5px; } .primary-sidebar .widget.tag-cloud-widget ul li { padding: 5px; } .primary-sidebar .widget.tag-cloud-widget ul a { display: block; font-size: 15px; background-color: var(--color-grey); color: var(--color-body); padding: 10px; padding: 7px 15px; line-height: 1.4; } .primary-sidebar .widget.tag-cloud-widget ul a:hover { background-color: var(--color-secondary); color: var(--color-white); } /*======= Section Half Bg =======*/ .section-have-half-bg { position: relative; z-index: 1; } .section-have-half-bg .section-half-bg { position: absolute; left: 0; top: 0; height: 100%; width: 50%; background-size: cover; background-position: center; } @media (max-width: 991px) { .section-have-half-bg .section-half-bg { display: none; } } /*======= Section Map Overly =======*/ .section-map-overly, .section-map-overly-2 { position: relative; z-index: 1; } .section-map-overly::before, .section-map-overly-2::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; background-image: url(../img/section-bg/map.png); background-size: cover; background-position: center; opacity: 0.05; } .section-map-overly-2::before { background-image: url(../img/section-bg/map-2.png); opacity: 0.03; } /*======= Service With CTA =======*/ .service-with-cta .services-section { padding-top: 130px; padding-bottom: 330px; } .service-with-cta .cta-section { margin-top: -200px; } /*======= Why Choose Section =======*/ .wcu-section { position: relative; z-index: 2; } .wcu-section::before { content: ""; position: absolute; left: 0; top: 0; bottom: 90px; width: 100%; z-index: -1; background-color: var(--color-primary); } .wcu-section-two { position: relative; z-index: 2; margin-top: -80px; } .wcu-section-two .container-fluid { padding: 120px 0; background-color: var(--color-grey); max-width: 1620px; } .wcu-with-doctors .doctors-section { padding-top: 220px; padding-bottom: 130px; margin-top: -90px; } /*======= Service Custom Row =======*/ .row.custom-service-grid .col { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; } @media (min-width: 1200px) { .row.custom-service-grid .col { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; width: 20%; } } @media (min-width: 992px) and (max-width: 1199px) { .row.custom-service-grid .col { -webkit-box-flex: 0; -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; width: 33.333%; } } @media (min-width: 576px) and (max-width: 991px) { .row.custom-service-grid .col { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; width: 50%; } } /*======= Doctor With Testimonial =======*/ .doctors-with-testimonial { padding-top: 130px; padding-bottom: 180px; position: relative; z-index: 1; } @media (max-width: 991px) { .doctors-with-testimonial { padding-top: 130px; padding-bottom: 130px; } } .doctors-with-testimonial .doctors-section { padding-bottom: 80px; } .doctors-with-testimonial::before { content: ""; position: absolute; right: 0; top: 55%; height: 60%; width: 50%; background-color: var(--color-grey); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: -2; } @media (max-width: 991px) { .doctors-with-testimonial::before { top: 45%; height: 30%; width: 40%; } } @media (max-width: 767px) { .doctors-with-testimonial::before { display: none; } } .doctors-with-testimonial .section-image { position: absolute; z-index: -1; right: 70px; bottom: 130px; max-width: 600px; } @media (max-width: 1599px) { .doctors-with-testimonial .section-image { max-width: 520px; } } @media (max-width: 1199px) { .doctors-with-testimonial .section-image { right: 15px; max-width: 420px; } } @media (max-width: 991px) { .doctors-with-testimonial .section-image { display: none; } } /*======= Doctor With Counter =======*/ .doctors-with-counter .doctors-section { padding-top:2rem; padding-bottom: 3rem; } .doctors-with-counter .counter-section { margin-top: -100px; position: relative; z-index: 2; } /*======= Polygon Pattern =======*/ .polygon-pattern { position: relative; z-index: 1; } .polygon-pattern::before { content: ""; position: absolute; z-index: -1; left: 0; top: 0; width: 100%; height: 100%; background-image: url(/App_Themes/Seeva/img/section-bg/polygon-pattern.png); background-position: center; background-size: cover; opacity: 0.04; } .polygon-pattern-2 { position: relative; z-index: 1; } .polygon-pattern-2::before { content: ""; position: absolute; z-index: -1; left: 0; top: 0; width: 100%; height: 100%; background-image: url(/App_Themes/Seeva/img/section-bg/polygon-pattern-2.png); background-position: center; background-size: cover; opacity: 0.02; } /*======= Polygon Pattern =======*/ .dots-map-pattern { position: relative; z-index: 1; } .dots-map-pattern::before { content: ""; position: absolute; z-index: -1; left: 0; top: 0; width: 100%; height: 100%; background-image: url(/App_Themes/Seeva/img/section-bg/dots-map-pattern.png); background-position: center; background-size: cover; opacity: 0.05; } /*======= Latest Blog Section Bg =======*/ .latest-blog-section-bg { position: relative; z-index: 1; } .latest-blog-section-bg .section-bg { position: absolute; left: 0; top: 0; height: 100%; width: 45%; background-size: cover; background-position: center; } /*======= Pharmacy Feature =======*/ .pharmacy-feature { position: relative; z-index: 2; margin-top: -120px; } /*======= Cta With Counter =======*/ .cta-with-counter .cta-section { padding-top: 130px; padding-bottom: 230px; } .cta-with-counter .counter-section { margin-top: -100px; position: relative; z-index: 2; } /*======= Product Top-bar =======*/ .product-loop-topbar { margin-bottom: 40px; } .product-loop-topbar .product-loop-count { font-family: var(--font-lora); font-size: 18px; font-weight: 500; color: var(--color-heading); } .product-loop-topbar .product-loop-filter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media (max-width: 575px) { .product-loop-topbar .product-loop-filter { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-top: 20px; } } .product-loop-topbar .product-loop-filter .nice-select { width: 215px; height: 40px; background-color: transparent; border: 1px solid var(--color-heading-10); font-size: 14px; font-weight: 600; font-family: var(--font-inter); color: var(--color-heading); border-radius: 20px; } .product-loop-topbar .product-loop-filter .nice-select .list { -webkit-box-shadow: 0 0 0 1px var(--color-heading-10); box-shadow: 0 0 0 1px var(--color-heading-10); font-size: 14px; } /*======= Product Loop =======*/ .single-product .thumbnail { position: relative; margin-bottom: 25px; } .single-product .thumbnail img { width: 100%; } .single-product .thumbnail .wishlist-btn { position: absolute; z-index: 2; font-size: 18px; line-height: 1; color: var(--color-secondary); right: 30px; top: 20px; } .single-product .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; line-height: 1; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .single-product .content .content-left { -webkit-box-flex: 0; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; } .single-product .content .content-right { -webkit-box-flex: 0; -ms-flex: 0 0 18%; flex: 0 0 18%; max-width: 18%; text-align: right; } .single-product .content .name { font-size: 18px; font-weight: 500; margin-bottom: 14px; } .single-product .content .name a:hover { color: var(--color-secondary); } .single-product .content .categories { display: -webkit-box; display: -ms-flexbox; display: flex; } .single-product .content .categories a { color: var(--color-body); } .single-product .content .categories a:hover { color: var(--color-secondary); } .single-product .content .categories li { margin-right: 5px; } .single-product .content .price { line-height: 1.2; font-family: var(--font-lora); font-size: 18px; font-weight: 500; color: var(--color-primary); } /*======= Product Details =======*/ .product-short-summary .summary-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid rgba(85, 85, 85, 0.2); padding-bottom: 15px; } @media (max-width: 575px) { .product-short-summary .summary-top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .product-short-summary .product-title { font-size: 30px; font-weight: 500; } .product-short-summary .product-rating { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 15px; line-height: 1; margin-bottom: 5px; } .product-short-summary .product-rating i { font-size: 15px; color: #fd664f; } .product-short-summary .product-rating li { margin-left: 4px; } .product-short-summary .product-rating .rating-count { font-size: 14px; font-weight: 500; } .product-short-summary .product-price { display: block; text-align: right; line-height: 1; font-family: var(--font-lora); font-size: 30px; font-weight: 700; color: var(--color-secondary); margin-bottom: 10px; } @media (max-width: 575px) { .product-short-summary .product-price { text-align: left; margin-top: 10px; } } .product-short-summary .color-filter { border-bottom: 1px solid rgba(85, 85, 85, 0.2); padding: 15px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1; } .product-short-summary .color-filter li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 20px; font-weight: 600; color: var(--color-heading); } .product-short-summary .color-filter li:first-child { margin-right: 15px; } .product-short-summary .color-filter li span { width: 17px; height: 17px; border-radius: 50%; cursor: pointer; background-color: #000000; margin-right: 10px; } .product-short-summary .color-filter li:nth-child(2) span { background-color: #2c6db9; } .product-short-summary .color-filter li:nth-child(3) span { background-color: #fb8145; } .product-short-summary .color-filter li:nth-child(4) span { background-color: #5b5b5b; } .product-short-summary .color-filter li:nth-child(5) span { background-color: #ff6a55; } .product-short-summary .short-info { margin: 35px 0; } .product-short-summary .product-meta ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1; margin-right: 20px; } .product-short-summary .product-meta ul li { margin-right: 5px; } .product-short-summary .product-meta ul span { color: var(--color-heading); font-font: var(--font-lora); font-weight: 600; } .product-short-summary .product-meta ul a:not(:hover) { color: var(--color-body); } @media (max-width: 575px) { .product-short-summary .product-meta ul.tags { margin-top: 15px; } } .product-short-summary .product-cart-form { margin-top: 30px; } .product-short-summary .product-cart-form form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 424px) { .product-short-summary .product-cart-form form { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .product-short-summary .product-cart-form form input.quantity { width: 105px; height: 50px; border-radius: 25px; background-color: transparent; border: 2px solid rgba(85, 85, 85, 0.2); padding: 0 10px; text-align: center; } .product-short-summary .product-cart-form form .template-btn { padding: 0px 30px; height: 50px; } .product-short-summary .product-cart-form form > div { margin-right: 10px; } @media (max-width: 424px) { .product-short-summary .product-cart-form form .wishlist-btn-wrap { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-top: 10px; } } .product-short-summary .product-cart-form form .wishlist-btn { width: 60px; height: 50px; border-radius: 50px; border: 2px solid rgba(85, 85, 85, 0.2); text-align: center; line-height: 48px; font-size: 15px; } .product-short-summary .product-cart-form form .wishlist-btn:hover { background-color: var(--color-secondary); border-color: var(--color-secondary); color: var(--color-white); } /*======= Product Gallery =======*/ @media (max-width: 991px) { .product-gallery-wrapper { margin-bottom: 60px; } } .product-gallery-wrapper img { width: 100%; } .product-gallery-wrapper .thumb-gallery { margin-top: 30px; padding-right: 50px; margin-left: -30px; } @media (max-width: 991px) { .product-gallery-wrapper .thumb-gallery { padding-right: 0; } } .product-gallery-wrapper .thumb-gallery .single-image { margin-left: 30px; cursor: pointer; } /*======= Product Description =======*/ .description-wrapper { margin-top: 80px; } .description-wrapper .common-title { font-size: 24px; font-weight: 600; margin-bottom: 30px; } /*======= Product Review =======*/ .product-review { margin-top: 80px; } .product-review .review-list li:not(:last-child) { margin-bottom: 45px; } .product-review .review-list li .review-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .product-review .review-list li .review-body { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .product-review .review-list li .review-avatar { -webkit-box-flex: 0; -ms-flex: 0 0 100px; flex: 0 0 100px; margin-right: 30px; } @media (max-width: 767px) { .product-review .review-list li .review-avatar { margin-right: 0; margin-bottom: 30px; } } .product-review .review-list li .review-avatar img { height: 100px; width: 100px; border-radius: 50%; } .product-review .review-list li .review-content { position: relative; } .product-review .review-list li .review-content .name { font-size: 18px; font-weight: 600; margin-bottom: 8px; } .product-review .review-list li .review-content .reply-link { font-size: 15px; font-weight: 600; line-height: 1; text-transform: capitalize; color: var(--color-heading); } .product-review .review-list li .review-content .reply-link i { margin-left: 5px; } .product-review .review-list li .review-content .reply-link:hover { color: var(--color-secondary); } .product-review .review-list li .review-content .date { position: absolute; right: 0; top: 3px; font-size: 15px; line-height: 1; } @media (max-width: 575px) { .product-review .review-list li .review-content .date { position: unset; } } .product-review .review-list li .children { margin-left: 60px; } @media (max-width: 575px) { .product-review .review-list li .children { margin-left: 30px; } } .product-review .review-list li .children li:first-child { margin-top: 45px; } .product-review .review-form-area { margin-top: 80px; } .product-review .review-form-area .rating-selection { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 17px; } .product-review .review-form-area .rating-selection i { color: #fd664f; } .product-review .review-form-area .rating-selection li { margin-left: 4px; } .product-review .review-form-area .rating-selection span { font-weight: 500; color: var(--color-heading); margin-right: 10px; } .product-review .review-form-area input, .product-review .review-form-area textarea { border-width: 2px; font-weight: 500; } .product-review .review-form-area input:focus, .product-review .review-form-area textarea:focus { background-color: var(--color-white); } .related-products { padding-top: 100px; } .related-products .related-title { text-align: center; font-size: 42px; margin-bottom: 5px; } /*======= Shop Sidebar =======*/ @media (max-width: 991px) { .shop-sidebar { margin-top: 50px; } } .shop-sidebar .widget { border: 1px solid var(--color-heading-07); margin-bottom: 40px; padding: 40px 30px; } .shop-sidebar .widget .widget-title { font-size: 20px; font-weight: 600; margin-bottom: 25px; } .shop-sidebar .widget.categories-widget ul li { line-height: 1.4; } .shop-sidebar .widget.categories-widget ul li:not(:last-child) { margin-bottom: 15px; } .shop-sidebar .widget.categories-widget ul li a { color: var(--color-body); } .shop-sidebar .widget.categories-widget ul li a:hover { color: var(--color-secondary); } .shop-sidebar .widget.categories-widget ul li a::before { content: "+"; margin-right: 5px; } .shop-sidebar .widget.product-widget ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .shop-sidebar .widget.product-widget ul li:not(:last-child) { margin-bottom: 20px; } .shop-sidebar .widget.product-widget ul li .thumbnail { -webkit-box-flex: 0; -ms-flex: 0 0 70px; flex: 0 0 70px; margin-right: 15px; } .shop-sidebar .widget.product-widget ul li .title { font-size: 17px; font-weight: 500; } .shop-sidebar .widget.product-widget ul li .price { line-height: 1; color: var(--color-secondary); } .shop-sidebar .widget.tags-widget ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -5px; } .shop-sidebar .widget.tags-widget ul li { padding: 5px; } .shop-sidebar .widget.tags-widget ul li a { font-size: 14px; font-weight: 500; line-height: 1; background-color: var(--color-heading-07); color: var(--color-body); border-radius: 30px; padding: 8px 15px; } .shop-sidebar .widget.tags-widget ul li a:hover { background-color: var(--color-secondary); color: var(--color-white); } /*======= Footer =======*/ .template-footer { position: relative; z-index: 1; } .template-footer .footer-widgets { padding-top: 80px; padding-bottom: 30px; } .template-footer .footer-widgets .widget { margin-bottom: 50px; } .template-footer .footer-widgets .widget, .template-footer .footer-widgets .widget a { color: var(--color-body); } .template-footer .footer-widgets .widget a:hover { color: var(--color-secondary); } .template-footer .footer-widgets .widget-title { font-size: 24px; font-weight: 500; margin-bottom: 35px; } @media (max-width: 991px) { .template-footer .footer-widgets .widget-title { margin-bottom: 30px; } } .template-footer .footer-widgets .widget .footer-logo { margin-bottom: 20px; } .template-footer .footer-widgets .widget.instagram-widget .widget-title { margin-bottom: 45px; } @media (max-width: 991px) { .template-footer .footer-widgets .widget.instagram-widget .widget-title { margin-bottom: 40px; } } @media (max-width: 767px) { .template-footer .footer-widgets .widget.instagram-widget .widget-title { margin-bottom: 30px; } } @media (min-width: 1200px) { .template-footer .footer-widgets .widget.text-widget { margin-right: 40px; } } .template-footer .footer-widgets .widget.text-widget .contact-list { margin-top: 25px; } .template-footer .footer-widgets .widget.text-widget .contact-list li { font-size: 18px; font-family: var(--font-lora); line-height: 1.4; } .template-footer .footer-widgets .widget.text-widget .contact-list li i { color: var(--color-secondary); font-size: 20px; margin-right: 12px; } .template-footer .footer-widgets .widget.text-widget .contact-list li:not(:last-child) { margin-bottom: 15px; } .template-footer .footer-widgets .widget .nav-links li { line-height: 1.5; } .template-footer .footer-widgets .widget .nav-links li:not(:last-child) { margin-bottom: 18px; } .template-footer .footer-widgets .widget .instagram-images { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -5px; } .template-footer .footer-widgets .widget .instagram-images .single-image { position: relative; z-index: 1; margin: 5px; } .template-footer .footer-widgets .widget .instagram-images .single-image a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: var(--color-white); font-size: 24px; } .template-footer .footer-widgets .widget .instagram-images .single-image a::before { background-color: var(--color-heading); opacity: 0; visibility: hidden; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .template-footer .footer-widgets .widget .instagram-images .single-image a i { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); visibility: hidden; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .template-footer .footer-widgets .widget .instagram-images .single-image:hover a i { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); visibility: visible; } .template-footer .footer-widgets .widget .instagram-images .single-image:hover a::before { opacity: 0.9; visibility: visible; } .template-footer .footer-widgets .widget .newsletters-form { margin-top: 25px; position: relative; } .template-footer .footer-widgets .widget .newsletters-form input[type="email"] { width: 100%; height: 60px; border: none; background-color: var(--color-primary); color: var(--color-white); font-size: 16px; font-family: var(--font-inter); font-weight: 400; border-radius: 30px; padding: 0 50px 0 25px; } .template-footer .footer-widgets .widget .newsletters-form button[type="submit"] { position: absolute; right: 25px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-color: transparent; color: var(--color-white); border: none; font-size: 20px; } .template-footer .footer-widgets .widget .opening-notice { line-height: 1.5; } .template-footer .footer-widgets .widget .opening-notice h6 { font-size: 18px; font-weight: 600; margin-bottom: 10px; } .template-footer .footer-widgets .widget .opening-notice h6 i { margin-right: 8px; color: var(--color-tertiary); } .template-footer .copyright-area { text-align: center; line-height: 1.6; padding: 25px 0; border-top: 1px solid var(--color-primary-10); } .template-footer-white .footer-widgets .widget, .template-footer-white .footer-widgets .widget a, .template-footer-white .footer-widgets .widget-title { color: var(--color-white); } .template-footer-white .footer-widgets .widget a:hover { color: var(--color-white); } .template-footer-white .footer-widgets .widget .newsletters-form { margin-top: 25px; position: relative; } .template-footer-white .footer-widgets .widget .newsletters-form input[type="email"] { background-color: transparent; border: 1px solid var(--color-white); } .template-footer-white .footer-widgets .widget .newsletters-form button[type="submit"] { color: var(--color-white); } .template-footer-white .footer-widgets .widget .opening-notice, .template-footer-white .footer-widgets .widget .opening-notice h6, .template-footer-white .footer-widgets .widget .opening-notice h6 i { color: var(--color-white); } .template-footer-white .copyright-area { border-top: 1px solid rgba(255, 255, 255, 0.1); } .template-footer-white .copyright-area, .template-footer-white .copyright-area a { color: var(--color-white); } .template-footer.template-hover-tertiary .footer-widgets .widget a:hover { color: var(--color-tertiary); } .template-footer.template-hover-tertiary .footer-widgets .widget .opening-notice h6 i { color: var(--color-tertiary); } .template-footer.template-hover-tertiary .footer-widgets .widget.text-widget .contact-list li i { color: var(--color-tertiary); } .template-footer.have-cta-boxed-one .cta-boxed-one { margin-bottom: -200px; position: relative; z-index: 2; } .template-footer.have-cta-boxed-one .footer-inner { padding-top: 200px; } .template-footer.have-cta-boxes-two .cta-boxes-wrapper { position: relative; z-index: 2; margin-bottom: -150px; } .template-footer.have-cta-boxes-two .footer-inner { padding-top: 120px; } .back-to-top { position: fixed; right: 30px; bottom: 30px; height: 45px; width: 45px; display: block; border-radius: 50%; z-index: 99; opacity: 0; visibility: hidden; -webkit-transform: translateY(15px); -ms-transform: translateY(15px); transform: translateY(15px); -webkit-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; border: 1px solid var(--color-heading); background-color: var(--color-heading); color: var(--color-white); font-size: 18px; text-align: center; line-height: 43px; } .back-to-top.active { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .back-to-top:hover { color: var(--color-white); } li.page-item.active span { background-color: var(--color-secondary); color: var(--color-white); border-color: var(--color-secondary); border: 2px solid var(--color-heading-07); width: 45px; height: 45px; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; font-size: 15px; font-family: var(--font-lora); font-weight: 600; } .nice-select .list { max-height: 400px; overflow-y: auto !important; } .f2 textarea { border: 2px solid var(--color-white); border-radius: 40px; color: var(--color-white); background-color: transparent; font-size: 18px; font-weight: 600; font-family: var(--font-lora); } .f2 textarea:focus, .f2 textarea:focus { background-color: var(--color-white); color: var(--color-heading); } .nice-select { margin-bottom: 0px!important; }