/* Minification failed. Returning unminified contents. (7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (21,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (23,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (24,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (114,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary-dark' (118,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary-light' (126,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary-light' (130,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary-dark' (138,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (192,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (193,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white' (198,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white' (202,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary-light' (203,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white' (208,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary-dark' (209,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white' (213,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary-dark' (217,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white' (221,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (225,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white' (226,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary-dark' (230,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary-dark' (231,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white' (317,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary-dark' (331,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font' (332,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary-dark' (350,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (351,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (352,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (353,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (354,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (355,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (359,24): run-time error CSS1039: Token not allowed after unary operator: '-color' (360,35): run-time error CSS1039: Token not allowed after unary operator: '-transition' (363,17): run-time error CSS1030: Expected identifier, found ':' (363,23): run-time error CSS1031: Expected selector, found ')' (363,23): run-time error CSS1025: Expected comma or open brace, found ')' (371,17): run-time error CSS1030: Expected identifier, found ':' (371,35): run-time error CSS1031: Expected selector, found ')' (371,35): run-time error CSS1025: Expected comma or open brace, found ')' (375,17): run-time error CSS1030: Expected identifier, found ':' (375,61): run-time error CSS1031: Expected selector, found ')' (375,61): run-time error CSS1025: Expected comma or open brace, found ')' (475,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white' (491,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (498,25): run-time error CSS1039: Token not allowed after unary operator: '-header-border-light' (499,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (500,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (501,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (502,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (518,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary-dark' (527,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (528,26): run-time error CSS1039: Token not allowed after unary operator: '-transition-200' (537,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (538,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (539,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (540,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (541,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (542,18): run-time error CSS1039: Token not allowed after unary operator: '-height' (548,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-light' (570,33): run-time error CSS1039: Token not allowed after unary operator: '-logo-w' (575,29): run-time error CSS1039: Token not allowed after unary operator: '-clr-white' (579,35): run-time error CSS1039: Token not allowed after unary operator: '-fw-300' (583,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-white' (601,37): run-time error CSS1039: Token not allowed after unary operator: '-clr-white' (602,37): run-time error CSS1039: Token not allowed after unary operator: '-clr-white' (610,52): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (611,41): run-time error CSS1039: Token not allowed after unary operator: '-clr-white' (622,27): run-time error CSS1039: Token not allowed after unary operator: '-nav-padding' (631,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-white' (632,39): run-time error CSS1039: Token not allowed after unary operator: '-fw-300' (635,41): run-time error CSS1039: Token not allowed after unary operator: '-header-border-light' (639,45): run-time error CSS1039: Token not allowed after unary operator: '-header-border-secondary' (640,37): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (644,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-light' (662,25): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (664,31): run-time error CSS1039: Token not allowed after unary operator: '-fw-400' (668,29): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (675,25): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (687,29): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (698,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (702,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (703,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (705,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (709,22): run-time error CSS1039: Token not allowed after unary operator: '-height' (710,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (716,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary-dark' (721,30): run-time error CSS1039: Token not allowed after unary operator: '-transition-300' (764,41): run-time error CSS1039: Token not allowed after unary operator: '-clr-white' (767,47): run-time error CSS1039: Token not allowed after unary operator: '-fw-300' (850,25): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (858,26): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary-dark' (877,29): run-time error CSS1039: Token not allowed after unary operator: '-header-border-light' (944,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (958,36): run-time error CSS1039: Token not allowed after unary operator: '-clr-light' (976,34): run-time error CSS1039: Token not allowed after unary operator: '-transition-300' (993,41): run-time error CSS1039: Token not allowed after unary operator: '-clr-white' (1022,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white' (1026,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white' (1046,36): run-time error CSS1039: Token not allowed after unary operator: '-clr-white' (1134,29): run-time error CSS1039: Token not allowed after unary operator: '-clr-white' (1318,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary-light' (1338,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1339,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1340,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1341,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1342,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1347,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-white' (1349,22): run-time error CSS1039: Token not allowed after unary operator: '-customHeight' (1357,30): run-time error CSS1039: Token not allowed after unary operator: '-transition-300' (1365,34): run-time error CSS1039: Token not allowed after unary operator: '-transition-300' (1369,37): run-time error CSS1039: Token not allowed after unary operator: '-customMaxWidth' (1378,29): run-time error CSS1039: Token not allowed after unary operator: '-clr-white' (1379,40): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (1383,37): run-time error CSS1039: Token not allowed after unary operator: '-customPadding' (1386,34): run-time error CSS1039: Token not allowed after unary operator: '-transition-300' (1393,29): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (1399,33): run-time error CSS1039: Token not allowed after unary operator: '-customFontSize' (1408,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (1425,23): run-time error CSS1039: Token not allowed after unary operator: '-fw-400' (1426,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white' (1427,21): run-time error CSS1039: Token not allowed after unary operator: '-customFontSize' (1431,13): run-time error CSS1039: Token not allowed after unary operator: '-product-width' (1435,21): run-time error CSS1039: Token not allowed after unary operator: '-customFontSize' (1439,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white' (1440,27): run-time error CSS1039: Token not allowed after unary operator: '-fw-400' (1448,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (1449,27): run-time error CSS1039: Token not allowed after unary operator: '-fw-500' (1454,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1455,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1456,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1457,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1463,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1464,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1465,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1466,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1467,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1468,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1474,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1475,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1476,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1482,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1483,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1488,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary-light' (1489,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1490,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1491,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1492,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1493,25): run-time error CSS1039: Token not allowed after unary operator: '-customPopPadding' (1497,28): run-time error CSS1039: Token not allowed after unary operator: '-customPopMargin' (1505,34): run-time error CSS1039: Token not allowed after unary operator: '-transition-300' (1529,42): run-time error CSS1039: Token not allowed after unary operator: '-transition-300' (1538,48): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (1539,35): run-time error CSS1039: Token not allowed after unary operator: '-customTopAfter' (1552,48): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary-dark' (1553,35): run-time error CSS1039: Token not allowed after unary operator: '-customTopBefore' (1565,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-white' (1568,39): run-time error CSS1039: Token not allowed after unary operator: '-fw-300' (1573,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1574,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1575,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1576,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1586,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1587,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1600,25): run-time error CSS1039: Token not allowed after unary operator: '-cta-padding-block' (1601,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1602,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1603,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1607,26): run-time error CSS1039: Token not allowed after unary operator: '-cta-margin-top' (1628,29): run-time error CSS1039: Token not allowed after unary operator: '-clr-white' (1629,33): run-time error CSS1039: Token not allowed after unary operator: '-cta-font-size' (1633,29): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (1634,35): run-time error CSS1039: Token not allowed after unary operator: '-fw-400' (1635,33): run-time error CSS1039: Token not allowed after unary operator: '-cta-font-size' (1644,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1645,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1646,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1651,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1652,25): run-time error CSS1039: Token not allowed after unary operator: '-about-p-block' (1653,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary-light' (1676,36): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (1682,30): run-time error CSS1039: Token not allowed after unary operator: '-transition-300' (1687,29): run-time error CSS1039: Token not allowed after unary operator: '-clr-white' (1701,25): run-time error CSS1039: Token not allowed after unary operator: '-clr-white' (1708,25): run-time error CSS1039: Token not allowed after unary operator: '-clr-white' (1710,31): run-time error CSS1039: Token not allowed after unary operator: '-fw-300' (1743,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1756,40): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary-dark' (1765,40): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (1772,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary-dark' (1786,36): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary-light' (1793,29): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (1797,25): run-time error CSS1039: Token not allowed after unary operator: '-clr-white' (1801,35): run-time error CSS1039: Token not allowed after unary operator: '-fw-300' (1805,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary-light' (1810,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (1819,25): run-time error CSS1039: Token not allowed after unary operator: '-clr-white' (1820,31): run-time error CSS1039: Token not allowed after unary operator: '-fw-300' (1821,30): run-time error CSS1039: Token not allowed after unary operator: '-transition-300' (1826,29): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (1839,22): run-time error CSS1039: Token not allowed after unary operator: '-transition-300' (1845,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (1858,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary-dark' (1859,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white' (1870,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white' (1871,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary-light' (1877,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white' (1901,23): run-time error CSS1039: Token not allowed after unary operator: '-fw-700' (1914,25): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary-light' (1952,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary-dark' (1968,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white' (1985,31): run-time error CSS1039: Token not allowed after unary operator: '-fw-700' (1998,29): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary-light' (2044,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary-dark' (2055,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white' (2059,27): run-time error CSS1039: Token not allowed after unary operator: '-secondary-font' (2060,27): run-time error CSS1039: Token not allowed after unary operator: '-fw-400' (2064,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (2065,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white' (2073,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary-dark' (2096,25): run-time error CSS1039: Token not allowed after unary operator: '-clr-white' (2097,25): run-time error CSS1039: Token not allowed after unary operator: '-clr-white' (2101,35): run-time error CSS1039: Token not allowed after unary operator: '-secondary-font' (2102,35): run-time error CSS1039: Token not allowed after unary operator: '-fw-400' (2107,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2116,27): run-time error CSS1039: Token not allowed after unary operator: '-contact-customP' (2148,36): run-time error CSS1039: Token not allowed after unary operator: '-clr-white' (2149,27): run-time error CSS1039: Token not allowed after unary operator: '-contact-customP' (2167,27): run-time error CSS1039: Token not allowed after unary operator: '-secondary-font' (2186,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white' (2197,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (2202,25): run-time error CSS1039: Token not allowed after unary operator: '-clr-white' (2244,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (2271,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white' (2285,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2290,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2291,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2295,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white' (2303,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-divider-color' (2308,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-item-padding-x' (2309,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-divider-color' (2310,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-divider' (2314,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white' (2321,27): run-time error CSS1039: Token not allowed after unary operator: '-fw-400' (2325,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary-light' (2330,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (2333,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white' (2339,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white' (2382,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2383,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2390,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-white' (2464,30): run-time error CSS1039: Token not allowed after unary operator: '-customW' (2465,25): run-time error CSS1039: Token not allowed after unary operator: '-customW' (2472,30): run-time error CSS1039: Token not allowed after unary operator: '-customW' (2474,25): run-time error CSS1039: Token not allowed after unary operator: '-customW' (2504,23): run-time error CSS1039: Token not allowed after unary operator: '-customP' (2509,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-white' (2514,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (2515,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white' (2525,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white' (2528,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (2532,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white' (2541,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white' (2556,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white' (2567,25): run-time error CSS1039: Token not allowed after unary operator: '-clr-white' (2587,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary-light' (2674,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2675,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2700,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2701,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2702,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2706,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2707,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2708,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2715,25): run-time error CSS1039: Token not allowed after unary operator: '-width' (2716,29): run-time error CSS1039: Token not allowed after unary operator: '-custom-flexGrow' (2725,29): run-time error CSS1039: Token not allowed after unary operator: '-custom-flexGrow' (2726,25): run-time error CSS1039: Token not allowed after unary operator: '-width-50' (2731,29): run-time error CSS1039: Token not allowed after unary operator: '-custom-flexGrow' (2732,25): run-time error CSS1039: Token not allowed after unary operator: '-width-50' (2767,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2768,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2805,21): run-time error CSS1039: Token not allowed after unary operator: '-fw-300' (2836,37): run-time error CSS1046: Expect comma, found '0' (2836,41): run-time error CSS1046: Expect comma, found '/' (2866,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white' (2869,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white' (2981,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2982,38): run-time error CSS1039: Token not allowed after unary operator: '-g-before' (2983,46): run-time error CSS1039: Token not allowed after unary operator: '-g-before' (2984,43): run-time error CSS1039: Token not allowed after unary operator: '-g-before' (2985,41): run-time error CSS1039: Token not allowed after unary operator: '-g-before' (2986,38): run-time error CSS1039: Token not allowed after unary operator: '-g-before' (3015,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-margin' (3137,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3138,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3139,18): run-time error CSS1039: Token not allowed after unary operator: '-customH-card' (3151,26): run-time error CSS1039: Token not allowed after unary operator: '-customW-img' (3159,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3160,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3166,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3167,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3566,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3618,23): run-time error CSS1039: Token not allowed after unary operator: '-secondary-font' (3619,23): run-time error CSS1039: Token not allowed after unary operator: '-fw-400' (3623,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (3624,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white' (3890,1): run-time error CSS1019: Unexpected token, found '}' (3908,30): run-time error CSS1030: Expected identifier, found '.' (3908,47): run-time error CSS1031: Expected selector, found ')' (3908,47): run-time error CSS1025: Expected comma or open brace, found ')' (3913,35): run-time error CSS1030: Expected identifier, found '.' (3913,36): run-time error CSS1030: Expected identifier, found 'my-account-right' (3913,52): run-time error CSS1031: Expected selector, found ')' (3913,52): run-time error CSS1025: Expected comma or open brace, found ')' (3939,28): run-time error CSS1039: Token not allowed after unary operator: '-_animation-duration' (3957,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3961,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3965,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3969,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3972,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3973,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3982,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3983,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4068,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4069,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4090,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4091,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4169,36): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary-dark' (4172,25): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (4221,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4222,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4248,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4249,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '35%' (4276,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4277,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4354,26): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (4376,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (4387,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (4560,25): run-time error CSS1030: Expected identifier, found '.' (4560,44): run-time error CSS1031: Expected selector, found ')' (4560,44): run-time error CSS1025: Expected comma or open brace, found ')' (4564,30): run-time error CSS1030: Expected identifier, found '.' (4564,31): run-time error CSS1030: Expected identifier, found 'thumb' (4564,49): run-time error CSS1031: Expected selector, found ')' (4564,49): run-time error CSS1025: Expected comma or open brace, found ')' (4577,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4578,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4579,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4580,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4589,21): run-time error CSS1039: Token not allowed after unary operator: '-fSizeS' (4595,21): run-time error CSS1039: Token not allowed after unary operator: '-fSizeL' (4600,21): run-time error CSS1039: Token not allowed after unary operator: '-fSizeM' (4607,21): run-time error CSS1039: Token not allowed after unary operator: '-fSizeM' (4610,21): run-time error CSS1039: Token not allowed after unary operator: '-fSizeM' (4621,14): run-time error CSS1039: Token not allowed after unary operator: '-width' (4622,15): run-time error CSS1039: Token not allowed after unary operator: '-width' (4627,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4628,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4629,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4630,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4662,56): run-time error CSS1046: Expect comma, found '0' (4662,60): run-time error CSS1046: Expect comma, found '/' (4667,56): run-time error CSS1046: Expect comma, found '0' (4667,60): run-time error CSS1046: Expect comma, found '/' (4829,17): run-time error CSS1039: Token not allowed after unary operator: '-text-dark' (4831,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-14' (4835,17): run-time error CSS1039: Token not allowed after unary operator: '-text-dark' (4837,17): run-time error CSS1039: Token not allowed after unary operator: '-text-dark' */ @charset "UTF-8"; @import url("https://fonts.googleapis.com/css2?family=DM+Serif+Display&display=swap"); @import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap'); :root { --clr-primary-light: #016032; --clr-primary-dark: #024525; --clr-primary-light-100: #7DC0A0; --clr-secondary: #C8A875; --clr-white: #fff; --primary-font: "Nunito Sans", sans-serif; --secondary-font: DM Serif Display, serif; --transition-200: 0.2s ease-in-out; --transition-300: 0.3s ease-in-out; --fw-300: 300; --fw-400: 400; --fw-500: 500; --fw-600: 600; --fw-700: 700; --fw-800: 800; --fw-900: 900; --overlay-dark: rgba(0, 26, 14, 0.89); --header-border-secondary: 3px solid #C8A875; --header-border-light: 3px solid #016032; } *, *::after, *::before { margin: 0; padding: 0; box-sizing: border-box; } html { scroll-behavior: smooth; } ul, ol { list-style: none; margin: 0; padding: 0; list-style-type: none; } li { list-style-type: none; } a { text-decoration: none; } p { margin: 0px; } textarea:focus input:focus { outline: none; outline: none !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; /* Optional */ box-shadow: none; } input:focus { outline: none; outline: none !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; /* Optional */ box-shadow: none; border-color: #016032; } textarea:focus, input:focus { color: rgb(44, 44, 44); } input, select, textarea { outline: none; outline: none !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; /* Optional */ box-shadow: none; box-shadow: none !important; } input:focus:not([type=button]), select:focus:not([type=button]), textarea:focus:not([type=button]) { border-color: #006f39 !important; } i { font-size: 20px; } .custom-border-top { border-top: 1px solid #016032; } .custom-border-bottom { border-bottom: 1px solid #016032; } .font-secondary { font-family: "DM Serif Display", serif; } .primaryDark-textclr { color: var(--clr-primary-dark); } .primaryLight-textclr { color: var(--clr-primary-light); } .primarySec-textclr { color: #C8A875 !important; } .bg-primary-light { background-color: var(--clr-primary-light); } .bg-primary-dark { background-color: var(--clr-primary-dark); } .bg-primary-dark-500 { background-color: #013e20; } .bg-secondary-light { background-color: var(--clr-secondary); } .bg-primary-light-100 { background: #e6f1ec; } .clr-facebook { color: #1774ec; } .clr-facebook:hover { color: #1774ec; } .clr-insta { color: #e94b47; } .clr-insta:hover { color: #e94b47; } .clr-twitter { color: #1da0f1; } .clr-twitter:hover { color: #1da0f1; } .clr-whatsapp { color: #25d366; } .clr-whatsapp:hover { color: #25d366; } @media (max-height: 768px) { #whatsapp-btn { bottom: 17px !important; right: 133px !important; } } .small, small { font-size: 0.875em; font-weight: 500; } .btn-secondary-main { background-color: var(--clr-secondary); color: var(--clr-white); } .btn-secondary-main:hover { background-color: #bb8733; color: var(--clr-white); } .btn-primary-main { background-color: var(--clr-primary-light); color: var(--clr-white); border: none; } .btn-primary-main:hover { background-color: var(--clr-primary-dark); color: var(--clr-white); } .clr-primary-main { color: var(--clr-primary-dark); } .btn-secondary-ch { color: var(--clr-white); } .btn-secondary-ch:hover { background-color: var(--clr-secondary); } .btn-primary-ch { color: var(--clr-white); background-color: var(--clr-primary-dark); } .btn-primary-ch:hover { background-color: var(--clr-primary-dark); color: var(--clr-white); } .form-check-input:checked { background-color: #C8A875; border-color: #C8A875; } .break-ellipsis { display: inline-block; width: 100%; max-height: 3em; /* 2 lines with font size of 1.8em */ overflow: hidden; position: relative; line-height: 1.5em; /* Adjust based on font size */ text-overflow: ellipsis; font-size:14px; } @media (min-width: 1200px) { .break-ellipsis { width: 95%; font-size:16px; } } .modal-backdrop, .modal-backdrop.fade { opacity: 0; width: 100%; position: fixed; height: 100dvh; inset: 0; z-index: 100; background-color: rgba(0, 0, 0, 0.54); backdrop-filter: blur(5px); opacity: 1 !important; } .f-family { font-family: "DM Serif Display", serif; } .btn-secondary-accent { border-color: #C8A875; color: #C8A875; } .btn-secondary-accent:hover { background-color: #C8A875; color: #fff !important; } .letter-s-1-9 { letter-spacing: 1.9px; } .lh-base { line-height: 1.7 !important; } .btn-outline-accent { border-color: #016032; color: #016032; } .btn-outline-accent:hover { background-color: #016032; color: #fff !important; } .accordion-button:focus { box-shadow: none; outline: none; } .page-title-overlap + * { margin-top: -5rem; } .shadow-lg { box-shadow: 0 0.3rem 1.525rem -0.375rem rgba(0, 0, 0, 0.1) !important; } .bg-accent { background-color: var(--clr-primary-dark); } .page-title-overlap { padding-bottom: 6.375rem; } .d-contents { display: contents; } body { margin: 0; padding: 0; font-family: var(--primary-font); background-color: var(--clr-primary-dark); } input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; } .form-control:disabled, .form-control[readonly] { background-color: transparent; opacity: 1; border: none; padding: 0px !important; } :root { --red: hsl(18 100% 50%); --green: hsl(130 52% 46%); --transition: 0.2s; --valid: var(--green); --invalid: var(--red); --blur: var(--gray-0); } input { border-color: var(--color, #ccc) !important; transition: border-color var(--transition); } .form-group:has(:valid) { --color: var(--valid); } .form-group input::placeholder { color: transparent; } .form-group:has(:placeholder-shown) { --color: var(--blur); } .form-group:has(:invalid:not(:focus):not(:placeholder-shown)) { --color: var(--invalid); } .inline-break-text { white-space: nowrap; overflow: hidden; width: 90%; display: inherit; text-overflow: ellipsis; } .catalog-card { overflow: hidden; } .catalog-titile{ font-size: clamp(1.5rem, 4vw, 3.5rem); } .catalog-card a { transition: 0.3s ease-in; } .catalog-card a .catOverlay { opacity: 0; display: grid; place-content: center; transition: 0.3s ease-in; position: absolute; inset: 0; } .catalog-card a:hover { transform: scale(1.2); } .catalog-card a:hover .catOverlay { background: rgba(0, 0, 0, 0.8); font-size: clamp(1rem, 8vw, 2rem) !important; font-weight: 800; color: #fff; opacity: 1; } @media (max-width: 768px) { .catalog-card a:hover .catOverlay { font-size: clamp(1rem, 8vw, 1.6rem) !important; } } ::-webkit-scrollbar { width: 0.3em; height: 0.3em; } ::-webkit-scrollbar-thumb { background: hsl(36.87, 43.01%, 62.16%); border: 0.3em solid rgba(2, 69, 37, 0); border-radius: 100vw; } ::-webkit-scrollbar-thumb:hover { background: rgb(166, 133, 79); } @media (min-width: 1200px) { ::-webkit-scrollbar { width: 0.6em; height: 0.6em; } ::-webkit-scrollbar-thumb { background: hsl(36.87, 43.01%, 62.16%); border: 0.3em solid rgba(2, 69, 37, 0); border-radius: 100vw; } ::-webkit-scrollbar-thumb:hover { background: rgb(166, 133, 79); } } .privacy-list { list-style-type: disclosure-closed; margin-left: 2rem; display: grid; gap: 20px; } .privacy-list li { list-style-type: disclosure-closed; } .privacy-list li::marker { font-size: 20px !important; } .modal-backdrop, .modal-backdrop.fade { z-index: 999 !important; } .mainTitle { color: var(--clr-white); } .mainTitle h1 { font-weight:800; margin-bottom: 0.7rem; } .mainTitle p { margin-bottom: 1rem; } .mainTitle::after { content: ""; display: block; background-color: var(--clr-secondary); width: 7%; height: 2px; margin: auto; } header.nav-scrolled { border-bottom: var(--header-border-light); --nav-padding: 1.5rem 0 0; --height: 145px; --logo-w: 80px; --clr-light: #024525; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; } .scroll-hide { display: none !important; } .position-unset { position: unset !important; } .offer-header { background-color: var(--clr-primary-dark); padding-block: 0.6rem; display: grid; place-content: center; transition: all 400ms ease; } .offer-header a { text-transform: uppercase; color: var(--clr-secondary); transition: var(--transition-200); font-size: 14px; } .offer-header a:hover { text-decoration: underline; } header { --logo-w: 110px; --nav-padding: 2.5rem 0 0; --clr-light: #016032; --clr-dark: #024525; --height: 161px; height: var(--height); position: sticky; top: 0; left: 0; right: 0; z-index: 55; background-color: var(--clr-light); transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; } header .main-header { position: relative; } header .main-header .top-nav { display: flex; justify-content: space-between; align-items: center; padding-block: 0.7rem; } header .main-header .top-nav .logo { transition: all 400ms ease-in-out; } header .main-header .top-nav .logo a img { width: var(--logo-w); transition: all 400ms ease-in-out; } header .main-header .top-nav .f-details { color: var(--clr-white); display: flex; align-items: center; gap: 30px; font-weight: var(--fw-300); } header .main-header .top-nav .f-details > a { color: var(--clr-white); display: flex; align-items: center; gap: 8px; text-decoration: none; } header .main-header .top-nav .header-icons .iconsList { display: flex; align-items: center; gap: 37px; } header .main-header .top-nav .header-icons .iconsList li { list-style-type: none; } header .main-header .top-nav .header-icons .iconsList li .icon-link { color: var(--clr-white); color: var(--clr-white); position: relative; } header .main-header .top-nav .header-icons .iconsList li .icon-link .item-qty { width: 20px; height: 20px; border-radius: 50%; background-color: var(--clr-secondary); color: var(--clr-white); position: absolute; top: -5px; right: -11px; font-weight: 500; font-size: 12px; display: grid; place-content: center; } header .main-header .navbar-h { padding: var(--nav-padding); transition: all 400ms ease-in-out; } header .main-header .navbar-h ul .nav-item { list-style-type: none; } header .main-header .navbar-h ul .nav-item .nLink { color: var(--clr-white); font-weight: var(--fw-300); text-transform: uppercase; padding-block: 1rem; border-bottom: var(--header-border-light); } header .main-header .navbar-h ul .nav-item .nLink:hover { border-bottom: var(--header-border-secondary); color: var(--clr-secondary); } header .searchBx { background-color: var(--clr-light); transition: background 300ms ease-in-out; opacity: 0; z-index: -1; height: 54px; display: block; position: relative; left: 0; top: -55px; } header .searchBx input { width: 50%; padding: 10px 20px; background-color: transparent; margin-bottom: 10px; border: 0px; border-bottom: 1px solid #C8A875; color: var(--clr-secondary); font-size: 1rem; font-weight: var(--fw-400); } header .searchBx input:focus { color: var(--clr-secondary); border: 0px; border-bottom: 1px solid #C8A875; outline: none; } header .searchBx ::placeholder { color: var(--clr-secondary); } header .searchBx .search-btns { position: absolute; right: 22%; top: 8px; display: flex; gap: 43px; } header .searchBx .search-btns > span { color: var(--clr-secondary); cursor: pointer; } header .search-active { opacity: 1; z-index: 0; } @media (max-width: 992px) { .color-scroll { --clr-light: #016032; } header.nav-scrolled { --logo-w: 110px; --nav-padding: 1.5rem 0 0; border: 0px; --height: 152px; } header { height: var(--height); --clr-light: #016032; } header .main-header .navbar-h { position: fixed; height: 100dvh; background: var(--clr-primary-dark); left: 0; top: 0; width: 75%; transform: translate(-101%); transition: var(--transition-300); z-index: 999; } header .main-header .navbar-h .logo { text-align: center; padding-block: 1rem; border-bottom: 2px solid #016032; } header .main-header .navbar-h .nav { flex-direction: column; } header .main-header .navbar-h .nav .nav-item > .nLink { display: flex; justify-content: space-between; align-items: center; border-radius: 0px !important; border-bottom: 2px solid #016032; } header .main-header .navbar-h .nav .nav-item > .nLink:hover { border-bottom: 2px solid #C8A875; } header .main-header .navbar-h .user { margin-block: 2rem; padding-inline: 1rem; } header .main-header .navbar-h .user ul { display: flex; flex-direction: column; gap: 16px; } header .main-header .navbar-h .user ul li { list-style-type: none; } header .main-header .navbar-h .user ul li a { display: flex; color: var(--clr-white); gap: 1rem; align-items: center; font-weight: var(--fw-300); } header .main-header .nav-active { transform: translate(0%); } header .main-header .top-nav .logo a img { width: 80px !important; } header .searchBx { opacity: 1 !important; z-index: 1 !important; display: block; position: unset !important; background-color: #024525; height: 64px !important; } header .searchBx input { width: 100% !important; border: 1px solid #7DC0A0 !important; border-radius: 4px; } header .searchBx input:focus { color: clr-primary-light-100 !important; } header .searchBx ::placeholder { color: clr-primary-light-100 !important; } header .searchBx .search-btns { right: 3% !important; } header .searchBx .search-btns > span { color: clr-primary-light-100 !important; } } .nav-dropdown { display: none; background: #01361d; width: 100%; transition: 0.4s ease-in; } .nav-dropdown li a { display: block; font-size: 14px; font-weight: 400; padding: 16px 15px; color: rgb(255, 255, 255); border-bottom: 1px solid #024525; transition: 0.3s ease-in-out; } @media (max-width: 991px) { .navbar-h { overflow-x: auto; } .opened-submenu .nav-dropdown { display: block; } header .main-header .navbar-h .nav .nav-item.opened-submenu > a > span { transform: rotate(90deg); } } @media (min-width: 1200px) { /*.nav-dropdown { height: 100%; min-height: 340px; }*/ .nav-dropdown li a:hover { color: var(--clr-secondary); } } @media (max-width: 992px) { .first-drop, .secound-drop, .third-drop { background: var(--clr-primary-dark); position: fixed; height: 100%; top: 0; z-index: 999; left: -100%; width: 100%; transition: left 0.3s ease; } .subMenu-dropdown { color: white; font-size: 14px; margin-block: .476rem; } .first-drop li a, .secound-drop li a, .third-drop li a { border-bottom: var(--header-border-light) !important; } .subMenu-active { left: 0; } .subMenuOpen { display: block; } .subMenuClosed { display: none; } } @media (min-width: 992px) { .nav-dropdown { width: 50%; position: absolute; top: 55px; right: 0; left: 50%; transform: translateX(-50%); z-index: 1000; padding: 2rem; border-top: none; flex-wrap: wrap; background-color: #ffffff; color: #000; -webkit-box-shadow: -1px 14px 22px -11px rgba(4, 46, 9, 0.42); -moz-box-shadow: -1px 14px 22px -11px rgba(4, 46, 9, 0.42); box-shadow: -1px 14px 22px -11px rgba(4, 46, 9, 0.42); } .nav-dropdown li a { border: none; padding: 0px; margin-bottom: .874rem; font-size: 14px; color: #3f3f3f; transform: translateX(0px); } .nav-dropdown li a:hover { color: #000000; } .nav-dropdown .menuTitile::after { content: ""; height: 2px; background-color: #c8a875; display: block; width: 40%; margin-top: 5px; } .subMenu-dropdown { color: #000; } header .main-header .navbar-h ul .nav-item:hover .nav-dropdown { display: block; } .color-scroll { --clr-light: #024525 !important; } .top-nav { padding-block: 1.125rem; border-bottom: 1px solid #C8A875; position: relative; } .top-nav .logo { position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-20%); background-color: var(--clr-light); width: 15%; display: grid; place-content: center; } .top-nav .header-icons .userBox { position: relative; } .top-nav .header-icons .userBox .header-user-info { position: absolute; top: 14px; right: 0px; padding-top: 20px; width: 300px; z-index: 99999; display: none; transition: var(--transition-300); } .top-nav .header-icons .userBox .header-user-info .infoContainer { background: #024525; border-radius: 4px; /* padding: 1.5rem; */ } .top-nav .header-icons .userBox .header-user-info .infoContainer .header-logUser-info ul li { width: 100%; display: block; } .top-nav .header-icons .userBox .header-user-info .infoContainer .header-logUser-info ul li a { padding-block: 1rem; /* border-top: 1px solid #016032; */ color: var(--clr-white); } .top-nav .header-icons .userBox .header-user-info .infoContainer .header-logUser-info ul li a i { margin-right: 10px; } .top-nav .header-icons .userBox:hover .header-user-info { display: block; } .iconsList { position: relative; } } @media (min-width: 1400px) { .container-xxl { max-width: 90% !important; } } .header-btn { padding: 8px 16px; background: #b49d68; width: 100%; display: block; text-align: center; border-radius: 4px; color: var(--clr-white); } .header-btn:hover { color: var(--clr-white); } .menu-toggle { cursor: pointer; position: unset; z-index: 888; } .menu-toggle .bars-box { display: grid; place-content: center; height: 100%; } .menu-toggle .bars-box .bar { width: 25px; display: block; height: 2px; border-radius: 4px; background-color: var(--clr-white); -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .menu-toggle .bars-box .bar:nth-child(2) { margin: 5px auto; } #mobile-menu.is-active .bar:nth-child(2) { opacity: 0; } #mobile-menu.is-active .bar:nth-child(1) { -webkit-transform: translateY(6px) rotate(45deg); -ms-transform: translateY(6px) rotate(45deg); -o-transform: translateY(6px) rotate(45deg); transform: translateY(6px) rotate(45deg); } #mobile-menu.is-active .bar:nth-child(3) { -webkit-transform: translateY(-8px) rotate(-45deg); -ms-transform: translateY(-8px) rotate(-45deg); -o-transform: translateY(-8px) rotate(-45deg); transform: translateY(-8px) rotate(-45deg); } @media (max-width: 992px) { #mobile-menu.is-active { position: fixed; right: 10%; top: 50px; } } .hero-slider { overflow: hidden; } .slider-text { display: flex; background-color: #024525; align-items: center; justify-content: center; width: 100%; } .slider-text .gap-bx { display: flex; flex-direction: column; gap: 20px; padding-inline: 2rem; } .slider-text .gap-bx .text-bx { color: #fff; } .slider-text .gap-bx .text-bx h1 { text-transform: capitalize; font-size: clamp(1rem, 6vw, 3rem); font-weight: 700; margin-bottom: 1rem; } .slider-text .gap-bx .text-bx p { font-weight: 300; } .slider-text .gap-bx .herobtn-bx { position: relative; width: fit-content; -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1); } .slider-text .gap-bx .herobtn-bx a { width: fit-content; padding: 12px 38px; padding: 12px 38px; background-color: #C8A875; display: flex; gap: 8px; align-items: center; font-weight: 500; color: var(--clr-white); text-decoration: none; position: relative; z-index: 2; transition: 0.3s ease-in-out; } .slider-text .gap-bx .herobtn-bx a:hover { transform: translate(10px, -9px); gap: 12px; } .slider-text .gap-bx .herobtn-bx .hero-btn-shadow { position: absolute; inset: 0; background: #016032; } .heroSlider-swiper-bullet { top: 46% !important; height: fit-content; } .heroSlider-swiper-bullet [data-bs-target] { width: 16px; height: 16px; background: transparent; border: 2px solid #fff; opacity: 2; border-radius: 50%; } .heroSlider-swiper-bullet [data-bs-target].active::before { content: ""; width: 8px; height: 8px; background-color: #C8A875; display: block; margin-inline: auto; margin-top: 0px; border-radius: 50%; } @media (max-width: 767px){ .hero-slider .carousel-item{ height: 590px !important; } } @media (min-width: 992px){ .slider-text .gap-bx { gap: 40px; } .slider-text .gap-bx .text-bx h1{ font-size: clamp(1.375rem, 8vw, 3rem); } } @media (max-width: 767px) { .hero-banner { overflow: hidden; } .hero-banner .slider-text { height: 260px; } .hero-banner .slider-text .gap-bx { align-items: center; gap: 20px; } } @media (min-width: 992px) { .heroSlider-swiper-bullet { right: -50% !important; top: auto !important; bottom: 1% !important; } .heroSlider-swiper-bullet [data-bs-target] { width: 16px; height: 16px; } .hero-slider-img { height: calc(100vh - 200px); max-height: 700px; } .hero-slider-img img { object-fit: cover; width: 100%; height: 100%; } .bestSlider .owl-stage-outer { padding-left: 75px; } .owl-nav { padding: 0 20px; } .hero-slider-img { height: calc(100vh - 200px); max-height: 700px; } .hero-slider-img img { object-fit: cover; width: 100%; height: 100%; } .bestSlider .owl-stage-outer { padding-left: 75px; } .owl-nav { padding: 0 20px; } .hero-slider-img { height: calc(100vh - 200px); max-height: 700px; } .hero-slider-img img { object-fit: cover; width: 100%; height: 100%; } .bestSlider .owl-stage-outer { padding-left: 75px; } .owl-nav { padding: 0 20px; } } @media (min-width: 1200px) { .w-md-75 { width: 80%; } } @media (min-width: 1400px) { .heroSlider .heroSlider-swiper { width: 100%; height: 500px !important; } .heroSlider img { height: 100% !important; object-fit: cover; width: 100% !important; } .slider-text { height: 500px; } .slider-text .gap-bx .text-bx h1 { text-transform: capitalize; font-size: clamp(2.375rem, 8vw, 4rem) !important; } } @media (max-width: 991px) { .hero-slider-img img { max-width: 100%; height: auto; object-fit: cover; height: 360px; width: 100%; } .about .about-txt .about-title { font-size: calc(1.375rem + 1.5vw) !important; } } .bestOf { background-color: var(--clr-primary-light); padding-block: 2rem; } .bestOf .bestOfSlider { margin-top: 1.5rem; overflow: hidden; } @media (min-width: 769px) { .bestOf { padding-block: 5rem; } .bestOf .bestOfSlider { margin-top: 5rem; } } .product-card { --customHeight: 190px; --customPadding: 3px; --customMaxWidth: 120px; --customFontSize: 12px; --product-width: 100%; width: 100%; } .product-card .product-box { background-color: var(--clr-white); width: 100%; height: var(--customHeight); position: relative; border-radius: 4px; overflow: hidden; } .product-card .product-box .product-img-box { height: 100%; transition: var(--transition-300); } .product-card .product-box .product-img-box .image { height: 100%; display: grid; place-content: center; position: relative; transition: var(--transition-300); } .product-card .product-box .product-img-box .image img { max-width: var(--customMaxWidth); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: 0.3s ease-in-out; } .product-card .product-box .product-img-box .addToCart-btn { color: var(--clr-white); background-color: var(--clr-secondary); width: 100%; display: block; text-align: center; padding-block: var(--customPadding); position: absolute; bottom: -20%; transition: var(--transition-300); } .product-card .product-box .product-img-box .add-to-wish { position: absolute; top: 10px; right: 10px; color: var(--clr-secondary); width: 30px; height: 30px; border-radius: 50%; transition: all .2s ease-in-out; text-align: center; font-size: var(--customFontSize); } .product-card .product-box .product-img-box .add-to-wish i { font-size: 18px; line-height: 1.9; } .product-card .product-box .product-img-box .add-to-wish:hover { color: var(--clr-secondary); transform: scale(1.3); } .add-to-wish.filled { animation: beat2 cubic-bezier(0.04, 0.4, 0.5,0.95) 450ms forwards 1; } .product-card:hover .product-box .image { height: 90%; } .product-card:hover .product-box .addToCart-btn { bottom: 0%; } .product-card .product-details-box .productName { font-weight: var(--fw-400); color: var(--clr-white); font-size: var(--customFontSize); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: --product-width; } .product-card .product-details-box .prductPrice { font-size: var(--customFontSize); } .product-card .product-details-box .prductPrice .p-with-dis { color: var(--clr-white); font-weight: var(--fw-400); } .product-card .product-details-box .prductPrice .p-without-dis { color: #07d974; } .product-card .product-details-box .prductPrice .p-diss { color: var(--clr-secondary); font-weight: var(--fw-500); } @media (min-width: 576px) { .product-card { --customHeight: 300px; --customPadding: 9px; --customMaxWidth: 210px; --customFontSize: 16px; } } @media (min-width: 1400px) { .product-card { --customHeight: 320px; --customPadding: 12px; --customMaxWidth: 240px; --customFontSize: 16px; --product-width: 70%; --customMaxWidth: 260px; } } @media (min-width: 1700px) { .product-card { --customHeight: 360px; --customMaxWidth: 260px; --customPadding: 14px; } } @media (min-width: 1800px) { .product-card { --customHeight: 380px; --customMaxWidth: 300px; } } .pop-cta { background-color: var(--clr-primary-light); --customPopPadding: 2rem; --customPopMargin: 6rem 4rem; --customTopBefore: -20px; --customTopAfter: -10px; padding-block: var(--customPopPadding); } .pop-cta .pop-container { margin-block: var(--customPopMargin); } .pop-cta .pop-container .pop-item { margin-bottom: 40px; } .pop-cta .pop-container .pop-item a { transition: var(--transition-300); } .pop-cta .pop-container .pop-item a .po-image { width: 100%; max-width: 260px; height: 100%; max-height: 260px; display: block; border-radius: 50%; position: relative; margin: auto; -webkit-box-shadow: 0px 11px 10px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 11px 10px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 11px 10px 0px rgba(0, 0, 0, 0.2); } .pop-cta .pop-container .pop-item a .po-image img { position: inherit; z-index: 3; width: 100%; max-width: 340px; object-fit: cover; aspect-ratio: 1; transition: var(--transition-300); } .pop-cta .pop-container .pop-item a .po-image::after { content: ""; width: 100%; max-width: 340px; height: 100%; max-height: 340px; background-color: var(--clr-secondary); top: var(--customTopAfter); z-index: 2; display: block; border-radius: 50%; position: absolute; } .pop-cta .pop-container .pop-item a .po-image::before { content: ""; width: 100%; max-width: 340px; height: 100%; max-height: 340px; background-color: var(--clr-primary-dark); top: var(--customTopBefore); z-index: 1; display: block; border-radius: 50%; position: absolute; } .pop-cta .pop-container .pop-item a:hover img { transform: translateY(-10px); } .pop-cta .pop-container .pop-item a .pop-title { color: var(--clr-white); font-size: 12px; margin-top: 16px; font-weight: var(--fw-300); } @media (max-width: 576px) { .pop-cta { --customPopPadding: 1rem; --customPopMargin: 3rem; --customTopBefore: -10px; --customTopAfter: -5px; } .pop-cta .pop-container { margin-bottom: 0px !important; } } @media (min-width: 992px) { .pop-cta { --customTopBefore: -20px; --customTopAfter: -10px; } .pop-cta .pop-container .pop-item { margin-bottom: 0px; } .pop-cta .pop-container .pop-item a .pop-title { font-size: 1.2rem; } } .shopBy-cta { padding-block: var(--cta-padding-block); --cta-font-size: 1rem; --cta-padding-block: 5rem; --cta-margin-top: 5rem; } .shopBy-cta .cta-items-area { margin-top: var(--cta-margin-top); } .shopBy-cta .cta-items-area .cta-box { display: grid; place-content: center; } .shopBy-cta .cta-items-area .cta-box a { overflow: hidden; } .shopBy-cta .cta-items-area .cta-box a img { width: 600px; object-fit: cover; transition: 0.5s ease-in-out; aspect-ratio: 1; } .shopBy-cta .cta-items-area .cta-box .cta-title { margin-block: 1rem 0.3rem; color: var(--clr-white); font-size: var(--cta-font-size); } .shopBy-cta .cta-items-area .cta-box .cta-link { color: var(--clr-secondary); font-weight: var(--fw-400); font-size: var(--cta-font-size); } .shopBy-cta .cta-items-area .cta-box:hover a img { transform: scale(1.1); } @media (max-width: 576px) { .shopBy-cta { --cta-font-size: .7rem; --cta-padding-block: 3rem; --cta-margin-top: 3rem; } } .about { --about-p-block: 3rem; padding-block: var(--about-p-block); background-color: var(--clr-primary-light); display: grid; place-content: center; } .about .about-video-container .video-cover { position: relative; } .about .about-video-container .video-cover .coverImage { z-index: 3; position: inherit; } .about .about-video-container .video-cover .play-about-video { z-index: 6; display: grid; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 70px; height: 70px; background-color: var(--clr-secondary); border-radius: 50%; text-align: center; place-content: center; cursor: pointer; opacity: 1; transition: var(--transition-300); } .about .about-video-container .video-cover .play-about-video i { font-size: 48px; color: var(--clr-white); } .about .about-video-container .video-cover .play-about-video:hover { opacity: 0.9; } .about .about-txt { display: grid; place-content: center; height: 100%; } .about .about-txt .about-title { color: var(--clr-white); font-weight: 800; font-size:2.5rem; } .about .about-txt p { color: var(--clr-white); line-height: 1.7; font-weight: var(--fw-300); } .about .about-video-player { width: 80%; margin: auto; display: none; place-content: center; position: fixed; inset: 0; z-index: 9999; overflow: hidden; } .about .about-video-player video:focus { outline: none; } .about .about-video-player .toclose { position: absolute; right: 10px; top: 0; border-radius: 50%; cursor: pointer; } .about .about-video-player .toclose i { font-size: 30px; color: black; } @media (min-width: 576px) { .about { --about-p-block: 7rem; } .about .about-video-container { transform: translateX(25px); width: 90%; } .about .about-video-container .video-cover .video-cover-effect::after { content: ""; position: absolute; inset: 0; background-color: blueviolet; background-color: var(--clr-primary-dark); z-index: 1; transform: translate(-28px, 28px); } .about .about-video-container .video-cover .video-cover-effect::before { content: ""; position: absolute; inset: 0; background-color: var(--clr-secondary); z-index: 2; transform: translate(-13px, 15px); } } .footer-top { background-color: var(--clr-primary-dark); padding-block: 2rem; } .footer-top .footer-top-item { display: flex; align-items: center; gap: 25px; } .footer-top .footer-top-item .icon { min-width: 80px; min-height: 80px; border-radius: 50%; background-color: var(--clr-primary-light); display: grid; place-content: center; } .footer-top .footer-top-item .icon i { font-size: 45px; color: var(--clr-secondary); } .footer-top .footer-top-item .text { color: var(--clr-white); } .footer-top .footer-top-item .text p { font-weight: var(--fw-300); } footer .footer-container { background-color: var(--clr-primary-light); padding-top: 4rem; } footer .footer-container h6 { color: var(--clr-secondary); text-transform: uppercase; } footer .footer-container .footer-links { line-height: 1.8; } footer .footer-container .footer-links li a { color: var(--clr-white); font-weight: var(--fw-300); transition: var(--transition-300); width: 100%; } footer .footer-container .footer-links li a:hover { color: var(--clr-secondary); } footer .footer-container .footer-site-info { border-top: 1px solid #024525; } .social-links > li > a { display: block; width: 36px; height: 36px; border-radius: 50%; border: 1px solid #c8a875; transition: var(--transition-300); text-align: center; } .social-links > li > a > i { font-size: 18px; color: var(--clr-secondary); line-height: 1.9; } .social-links > li > a:hover { background-color: #c8a875; } .social-links > li > a:hover i { color: #fff; } .auth-btn { background-color: var(--clr-primary-dark); color: var(--clr-white); padding: 12px 60px; outline: none !important; border: none; appearance: none !important; /* Optional */ box-shadow: none !important; transition: 0.3s ease-in-out; } .auth-btn:hover { color: var(--clr-white); background-color: var(--clr-primary-light); } .aut-container .loginBox { height: 100%; border-radius: 4px; background-color: var(--clr-white); } .aut-container .loginBox button { border: none; appearance: none; background: none; } .aut-container .loginBox .logandsign-infoBx { background-color: #f7f7f7; padding: 1rem; height: 100%; border-radius: 4px; display: grid; } @media (min-width:768px) { .aut-container .loginBox .logandsign-infoBx { padding: 2rem; } } .aut-container .loginBox .logandsign-infoBx h2 { font-weight: var(--fw-700); } .aut-container .loginBox .log-and-sign-input-container { padding: 2rem; height: 100%; } .aut-container .loginBox .log-and-sign-input-container .form-div { height: 100%; } .aut-container .loginBox .log-and-sign-input-container .form-div .forgot-link { color: var(--clr-primary-light); border: none; appearance: none; background: none; } .aut-container .loginBox .log-and-sign-input-container .form-div .auth-btn { border: none !important; } .aut-container .loginBox .log-and-sign-input-container .form-div .pa-eye { float: right; margin-right: 0.6rem; margin-top: -2.2rem; position: relative; z-index: 2; } .aut-container .loginBox input { outline: none !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; /* Optional */ box-shadow: none; } .aut-container .loginBox .forgot-container { height: 100%; } .aut-container .loginBox .forgot-container .forgot-form { display: grid; align-items: center; height: 100%; } .login-sign-container { background-color: var(--clr-primary-dark); padding-block: 2rem; max-height: 100%; display: grid; align-items: center; } @media (min-width: 768px) { .login-sign-container { padding-block: 2rem; } } .login-sign-container .loginBox { height: 100%; border-radius: 4px; background-color: var(--clr-white); } .login-sign-container .loginBox button { border: none; appearance: none; background: none; } .login-sign-container .loginBox .logandsign-infoBx { background-color: #f7f7f7; padding: 2rem; height: 100%; border-radius: 4px; } .login-sign-container .loginBox .logandsign-infoBx h2 { font-weight: var(--fw-700); } .login-sign-container .loginBox .log-and-sign-input-container { padding: 2rem; height: 100%; } .login-sign-container .loginBox .log-and-sign-input-container .form-div { height: 100%; } .login-sign-container .loginBox .log-and-sign-input-container .form-div .forgot-link { color: var(--clr-primary-light); border: none; appearance: none; background: none; } .login-sign-container .loginBox .log-and-sign-input-container .form-div .auth-btn { border: none !important; } .login-sign-container .loginBox .log-and-sign-input-container .form-div .pa-eye { float: right; margin-right: 0.6rem; margin-top: -2.2rem; position: relative; z-index: 2; } .pa-eye { float: right; margin-right: 0.6rem; margin-top: -2.2rem; position: relative; z-index: 2; } .login-sign-container .loginBox input { outline: none !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; /* Optional */ box-shadow: none; } .login-sign-container .loginBox .forgot-container { height: 100%; } .login-sign-container .loginBox .forgot-container .forgot-form { display: grid; align-items: center; height: 100%; } .b-retailer { background-color: var(--clr-primary-dark); padding-bottom: 3rem; } @media (min-width: 768px) { .b-retailer { padding-bottom: 5rem; } } .b-retailer .b-retailer-text { color: var(--clr-white); } .b-retailer .b-retailer-text h1 { font-family: var(--secondary-font); font-weight: var(--fw-400); } .b-retailer .b-retailer-btn { background-color: var(--clr-secondary); color: var(--clr-white); padding: 18px 36px; display: inline-block; border-radius: 4px; } .heroContact { height: 260px; background-color: var(--clr-primary-dark); overflow: hidden; } .heroContact .heroContactImg { height: 100%; position: relative; } .heroContact .heroContactImg img { object-fit: cover; width: 100%; object-position: center; height: 100%; } .heroContact .heroContactImg .heroContactText { position: absolute; inset: 0; background: rgba(1, 96, 50, 0.57); display: grid; align-items: center; backdrop-filter: blur(2px); color: var(--clr-white); color: var(--clr-white); } .heroContact .heroContactImg .heroContactText h1 { font-family: var(--secondary-font); font-weight: var(--fw-400); } .contact-container { padding-block: 3rem; --contact-customP: 1rem; } .contact-container .contact-row-container { background-color: #f7f7f7; border-radius: 4px; } .contact-container .contact-row-container .text-box-contact { padding: var(--contact-customP); display: grid; height: 100%; align-items: center; } .contact-container .contact-row-container .text-box-contact .contact-text-container { display: grid; gap: 30px; } .contact-container .contact-row-container .text-box-contact .contact-text-container .contact-text-item { display: flex; gap: 16px; } .contact-container .contact-row-container .text-box-contact .contact-text-container .contact-text-item a { text-decoration: none; color: black; } .contact-container .contact-row-container .text-box-contact .contact-text-container .contact-text-item li a { text-decoration: none; color: black; } .contact-container .contact-row-container .text-box-contact .contact-text-container .contact-text-item .contact-emails { display: grid; gap: 20px; } .contact-container .contact-row-container .contact-form { background-color: var(--clr-white); padding: var(--contact-customP); border-radius: 4px; } .contact-container .contact-row-container .contact-form textarea, .contact-container .contact-row-container .contact-form input { outline: none !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; /* Optional */ box-shadow: none; } .faq-container .faq-titleBox { margin-bottom: 4rem; } .faq-container .faq-titleBox .faq-title { font-family: var(--secondary-font); } .faq-container .accordion .accordion-item { border-bottom: 1px solid #016032 !important; background: transparent; border: 0px; } .faq-container .accordion .accordion-item button[aria-expanded=true] { border-bottom: 1px solid #C8A875; } .faq-container .accordion button { position: relative; display: block; text-align: left; width: 100%; padding: 1em 0; color: var(--clr-white); font-size: 1.15rem; font-weight: 300; border: none; background: none; outline: none; text-transform: capitalize; } .faq-container .accordion button:hover, .faq-container .accordion button:focus { cursor: pointer; color: var(--clr-secondary); } .faq-container .accordion button:hover::after, .faq-container .accordion button:focus::after { cursor: pointer; color: var(--clr-white); border: 0px; } .faq-container .accordion button .accordion-title { padding: 1em 1.5em 1em 0; } .faq-container .accordion button .icon { display: inline-block; position: absolute; top: 18px; right: 0; width: 22px; height: 22px; border: 1px solid; border-radius: 22px; } .faq-container .accordion button .icon::before { display: block; position: absolute; content: ""; top: 9px; left: 5px; width: 10px; height: 2px; background: currentColor; } .faq-container .accordion button .icon::after { display: block; position: absolute; content: ""; top: 5px; left: 9px; width: 2px; height: 10px; background: currentColor; } .faq-container .accordion button[aria-expanded=true] { color: var(--clr-secondary); font-weight: 400; } .faq-container .accordion button[aria-expanded=true] .icon::after { width: 0; } .faq-container .accordion button[aria-expanded=true] + .accordion-content { opacity: 1; max-height: 20em; transition: all 300ms linear; will-change: opacity, max-height; } .faq-container .accordion .accordion-content { opacity: 0; max-height: 0; overflow: hidden; transition: all 300ms ease-in-out; will-change: opacity, max-height; } .faq-container .accordion .accordion-content p { font-size: 1rem; font-weight: 300; padding: 2em; color: var(--clr-white); background: #01391e; } @media (max-width: 575.98px) { .faq-container .accordion-title { font-size: 12px; font-weight: 200; } } @media (min-width: 768px) { .contact-container { padding-block: 5rem; --contact-customP: 3rem; } } .breadcrumb { --bs-breadcrumb-divider-color: #b5b5b5; --bs-breadcrumb-item-padding-x: 0.5rem; } .breadcrumb a { color: var(--clr-white); } .breadcrumb a:hover { text-decoration: underline; } .breadcrumb .active { color: var(--bs-breadcrumb-divider-color); } .breadcrumb + .breadcrumb-item::before { float: left; padding-right: var(--bs-breadcrumb-item-padding-x); color: var(--bs-breadcrumb-divider-color); content: var(--bs-breadcrumb-divider, "/"); } .heroProduct-content { color: var(--clr-white); } .heroProduct-content .heroProduct-heading { text-transform: capitalize; margin-bottom: 1rem; font-family: "DM Serif Display", serif; font-weight: var(--fw-400); } .productsPage-container { background-color: var(--clr-primary-light); padding-block: 3rem; } .instock-lable { background-color: var(--clr-secondary); padding: 0 16px; text-transform: capitalize; color: var(--clr-white); } .outOfStock-lable { background-color: #b10213; padding: 0 16px; color: var(--clr-white); text-transform: capitalize; } input:focus { outline: none; box-shadow: none; appearance: none; } input[type=number] { text-align: center; -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; border: 0; outline: none; font-size: 20px; border: 1px solid #fff; color: #fff; } input::-webkit-inner-spin-button, input::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; } .item-detail-container #product-thumbs { padding: 2rem; } .item-detail-container .owl-carousel .owl-stage-outer { z-index: 2; } .item-detail-container .item-detail-container .item-detail-imgBox .owl-nav { z-index: 1; } .item-detail-container { --customW: 2.2rem !important; --customP: 10px 10px; padding-block: 1rem; } .item-detail-container .item-detail-imgBox { overflow: hidden; border-radius: 12px; background-color: var(--clr-white); } .item-detail-container .item-detail-imgBox .thumb { padding: 10px; border: 1px solid #ccc; border-radius: 4px; cursor: pointer; } .item-detail-container .item-detail-imgBox .owl-nav { font-size: 20px; position: absolute; top: 50%; width: 100%; left: 0; transform: translateY(-50%); margin: 0; padding: 0; } .item-detail-container .item-detail-imgBox .owl-nav .owl-next { float: right; } .item-detail-container .item-detail-imgBox .owl-nav .owl-prev { float: left; } .item-detail-container .item-detail-imgBox .owl-nav i { font-size: 28px; } .item-detail-container .item-detail-imgBox .owl-nav button:hover { background: transparent; color: black; } .item-detail-container .textOverview p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .item-detail-container .textOverview a { text-decoration: underline; color: #25a567; } .item-detail-container .textOverview .textOverview-container.expanded { -webkit-line-clamp: initial; } .item-detail-container .textOverview .read-more.show { display: none; } .item-detail-container .input-spinner { width: fit-content !important; } .item-detail-container .input-spinner input:focus { outline: none; box-shadow: none; appearance: none; } .item-detail-container .input-spinner .button-minus, .item-detail-container .input-spinner .button-plus { background-color: transparent; border-color: #fff; min-height: var(--customW); width: var(--customW); } .item-detail-container .input-spinner .form-input { background: 0 0; border: 1px solid #fff; height: 100%; min-height: var(--customW); text-align: center; width: var(--customW); } .item-detail-container .input-spinner input[type=button] { font-size: 20px; color: #fff; } .item-detail-container .input-spinner input[type=number] { text-align: center; -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; border: 0; outline: none; font-size: 20px; border: 1px solid #fff; color: #fff; } .item-detail-container .input-spinner input::-webkit-inner-spin-button, .item-detail-container .input-spinner input::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; } .item-detail-container .add-product-toCart, .item-detail-container .product-buy-btn { height: 100%; padding: var(--customP); border-radius: 4px; } .item-detail-container .add-product-toCart { background-color: var(--clr-white); color: #000; } .item-detail-container .product-buy-btn { background-color: var(--clr-secondary); color: var(--clr-white); } .item-detail-container .customize-cta { padding-block: 16px; border-block: 1px solid #016032; } .customize-btn { padding: 14px 16px; color: var(--clr-white); border-radius: 4px; text-align: center; background-color: var(--clr-secondary); } .customize-btn:hover { color: var(--clr-white); } .size-container .btn-group { border-radius: 4px; } .size-container .btn-check:checked + .btn { color: #000; background-color: var(--clr-white); border-color: #fff; } .color-options ul li { overflow: hidden; border-radius: 4px; } .further-product-detailsTabs .nav-tabs { border-bottom: 1px solid #002F18; } .further-product-detailsTabs .nav-tabs .nav-item.show .nav-link, .further-product-detailsTabs .nav-tabs .nav-link { border: 0px; color: var(--clr-white); padding-inline: 2rem; padding-block: 1rem; } .further-product-detailsTabs .nav-tabs .nav-item.show .nav-link, .further-product-detailsTabs .nav-tabs .nav-link:hover { border: 0px; } .further-product-detailsTabs .nav-tabs .nav-item.show .nav-link, .further-product-detailsTabs .nav-tabs .nav-link.active { background-color: transparent; color: var(--clr-white); border: 0px; border-bottom: 2px solid #C8A875; } .further-product-detailsTabs { padding-bottom: 2rem; } @media (min-width:768) { .footer-top { padding-block: 5rem; } .further-product-detailsTabs { padding-bottom: 5rem; } } .related-product { background-color: var(--clr-primary-light); } @media (min-width:768px) { .related-product .mainTitle { margin-bottom: 5rem; } } .related-product .mainTitle { margin-bottom: 2rem; } #similarProduct .owl-nav { top: 50%; transform: translateY(-50%); position: absolute; width: 100%; } #recentlyViewed .owl-nav { top: 50%; transform: translateY(-50%); position: absolute; width: 100%; } #similarProduct .owl-nav .owl-prev { float: left; width: 40px; height: 40px; background: rgba(200, 168, 117, 0.568627451); border-radius: 50%; } #recentlyViewed .owl-nav .owl-prev { float: left; width: 40px; height: 40px; background: rgba(200, 168, 117, 0.568627451); border-radius: 50%; } #similarProduct .owl-nav .owl-next { float: right; width: 40px; height: 40px; background: rgba(200, 168, 117, 0.568627451); border-radius: 50%; } #recentlyViewed .owl-nav .owl-next { float: right; width: 40px; height: 40px; background: rgba(200, 168, 117, 0.568627451); border-radius: 50%; } .main-btns-qty-m { width: 100%; } .main-btns-qty-m .input-spinner { width: 33.33% !important; flex-grow: 1; } .main-btns-qty-m .input-spinner input { width: 33.33% !important; flex-grow: 1; } .main-btns-qty-m .add-product-toCart { flex-grow: 1; width: 33.33%; text-align: center; } .main-btns-qty-m .product-buy-btn { flex-grow: 1; width: 33.33%; text-align: center; } @media (min-width: 768px) { .item-detail-container { --customW: 1.9rem !important; --customP: 10px 18px; padding-block: 5rem; } } @media only screen and (max-width: 996px) { .fixed-btns-bottom { position: fixed; bottom: 0; left: 0; right: 0; padding-inline: 10px; padding-top: 20px; display: grid; place-content: center; background: #024525; z-index: 22; border-top: 2px solid #198754; box-shadow: 0px -32px 23px -12px rgba(0, 0, 0, 0.1); transition: 0.3s ease-in-out; } } @media only screen and (min-width: 768px) and (max-width: 996px) { .fixed-btns-bottom .main-btns-qty-m { --width: auto !important; --width-50: auto !important; --custom-flexGrow: auto !important; } .main-btns-qty-m { --width: 100%; --width-50: 50%; --custom-flexGrow: 1; width: 100%; flex-wrap: wrap; gap: 10px; } .main-btns-qty-m .input-spinner { width: var(--width); flex-grow: var(--custom-flexGrow); } .main-btns-qty-m .input-spinner input { width: 33.33% !important; flex-grow: 1; } .main-btns-qty-m .add-product-toCart { flex-grow: var(--custom-flexGrow); width: var(--width-50); text-align: center; } .main-btns-qty-m .product-buy-btn { flex-grow: var(--custom-flexGrow); width: var(--width-50); text-align: center; } } @media (min-width: 1200px) { .main-btns-qty-m { width: 100%; } .main-btns-qty-m .input-spinner { width: 33.33% !important; flex-grow: 1; } .main-btns-qty-m .input-spinner input { width: 33.33% !important; flex-grow: 1; } .main-btns-qty-m .add-product-toCart { flex-grow: 1; width: 33.33%; text-align: center; } .main-btns-qty-m .product-buy-btn { flex-grow: 1; width: 33.33%; text-align: center; } } @media (min-width: 1400px) { .item-detail-container { --customP: 12px 26px; --customW: 3rem !important; } } .make { background-color: #000; color: seagreen; } @media screen and (min-width: 768px) { .border-md-top-0 { border-top: 0px !important; } .item-detail-container { padding-block: 3rem !important; } } .account-menu { transition: 0.4s ease-in-out; } .my-account-container { height: 100%; background: #e6f1ec; min-height: 80dvh; } .ac-container{ background-color: white; } .my-account-container .account-tabs-container .account-item { position: relative; display: flex; gap: 10px; align-items: center; font-weight: var(--fw-300); } .my-account-container .account-tabs-container .account-item::after { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s; position: absolute; content: "\f285"; width: 1em; line-height: 1em; right: 1.25rem; top: 50%; font-family: "bootstrap-icons"; font-size: 1.125rem; margin-top: -0.5em; } @media screen and (max-width: 992px){ .account-tabs-container { position: fixed; left: 0; right: 0; bottom: -100%; background: #ffffff; border-top-right-radius: 10px; padding: 2rem 1.5rem 2.5rem; color: #000; box-shadow: 0px 0rem 2rem rgb(0 0 0 / 20%) !important; border-radius: 20px 20px 0 0; overflow: hidden; z-index: 9999; } .account-tabs-container .nav-link{ color: #000; background: #f7f7f7; border-radius: 6px; margin-bottom: 1rem; } .account-tabs-container.showMyAccount { position: fixed; left: 0; right: 0; bottom: 0; background: #ffffff; } } @media screen and (min-width: 992px){ .ac-container{ background-color: #005a2f; } .ac-container h3{ color: white; } .my-account-container .account-tabs-container .account-item { padding: 1.875rem 1.5rem; background-color: #005a2f; color: var(--clr-white); } .my-account-container .account-tabs-container .account-item::after { color: var(--clr-white); } .my-account-container .account-tabs-container .account-item:hover { background-color: #014f2a; } .my-account-container .account-tabs-container .account-item:hover::after { transform: translateX(10px); } .my-account-container .account-tabs-container .account-item.active { background-color: #014f2a; } .my-account-container .account-tabs-container .account-item:not(:last-child) { border-bottom: 1px solid #078347; } } .my-account-container .order-preview { display: flex; flex-wrap: wrap; list-style: none; overflow: hidden; } .my-account-container .pa-eye { float: right; margin-right: 0.9rem; margin-top: -2.2rem; position: relative; z-index: 2; cursor: pointer; } .more-dropbtn .dropdown-toggle { background-color: transparent; color: #2c2c2c; border: 0; padding: 3px 7px; outline: none; box-shadow: none; float: right; } .more-dropbtn .dropdown-toggle:hover { background-color: transparent; color: #2c2c2c; border: 0; } .more-dropbtn .dropdown-toggle:before { content: none; } .close-address-btn { position: absolute; top: 10px; right: 10px; } .order-details-container { background: #e6f1ec; } .cart-spinner input { width: 33.3%; } .coupan-input { padding-block: 10px; } .checkout-btn { padding-block: 12px; } .select_address .form-check-input { margin-left: 0.5em; } .select_address .form-check-label { margin-left: 8px; } .accordion-button:not(.collapsed) { background-color: #e6f1ec; box-shadow: none; } .address-header { cursor: pointer; } @media only screen and (max-width: 786px) and (min-width: 350px) { .checkoutAddressRatio { min-width: 16px; } } @media only screen and (min-width: 992px) { .order_summeryCantainer { position: sticky; top: 200px; } } .categories-card { border: 1px solid #42ac79; display: grid; place-content: center; max-height: 100%; transition: 4s ease-in-out; } .categories-card { --g-before: 180deg, transparent 50%, rgba(76, 193, 137, 0) 5%, rgb(12 107 62) 100%; background: linear-gradient(var(--g-before)); background: -webkit-linear-gradient(var(--g-before)); background: -moz-linear-gradient(var(--g-before)); background: -o-linear-gradient(var(--g-before)); background: linear-gradient(var(--g-before)); transition: 0.3s ease-in; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .categories-card a h2 { color: #ffdba1; } .categories-card:hover a img { transition: 0.3s ease-in; transform: scale(1.1); } @media (max-width: 540px) { .categories-card a h2 { font-size: 16px !important; } } .modal-dialog-bottom { display: flex; align-items: end; min-height: calc(100% - var(--bs-modal-margin) * 2); } .table > :not(caption) > * > * { background-color: transparent !important; } #promotionalModal .btn-close { top: 1%; position: absolute; opacity: 1; padding: 16px; border-radius: 100%; color: #444444; display: grid; place-content: center; z-index: 3; right: 6px; background: #ffffff3b; } input [type="submit"]{ color:white!important; } input [type="submit"]:focus{ color:white!important; } .search-input .autocom-box .auto-container { padding: 0; opacity: 0; pointer-events: none; max-height: 400px; overflow-y: auto; background-color: #fff; } .search-input.active .autocom-box .auto-container { opacity: 1; pointer-events: auto; } .autocom-box li { list-style: none; padding: 8px 12px; display: none; width: 100%; border-bottom: 1px solid #eeeeee; } .search-input.active .autocom-box li { display: block; } .autocom-box li:hover { background: #fbfbfb; } @media screen and (min-width:996px) { .autoSearch-box { display: flex; justify-content: center; } } .items-collection > div > .btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active { background-color: #EAAF53 !important; border-color: #EAAF53 !important; } .fs-12 { font-size: 12px !important; } .fs-14 { font-size: 14px !important; } @media screen and (max-width:768px) { .w-mobile-100 { width: 100% !important; } } .customPegination .pagination-container { display: grid; place-content: center; } .customPegination .pagination-container .pagination { display: flex; column-gap: 10px; margin: auto; } .customPegination .pagination-container .pagination li a { width: 30px; display: block; height: 30px; background: #efefef; border-radius: 50%; line-height: 1.9; color: #000; } .customPegination .pagination-container .pagination li.active a { background: #C8A875; } .categories-card { --customH-card: 240px; --customW-img: 100%; height: var(--customH-card); max-height: 100%; } .categories-card a { display: flex; flex-direction: column; justify-content: space-around; align-items: center; } .categories-card a img { width: var( --customW-img); } @media screen and (min-width:450px) { .categories-card { --customH-card: 300px; --customW-img: 160px; } } @media screen and (min-width:1200px) { .categories-card { --customH-card: 400px; --customW-img: 200px; } } /* star rating */ .rating { display: flex; place-content: center; margin: 0 auto 0; position: relative; direction: rtl; width: 300px; } .rating .emo { position: absolute; font-family: FontAwesome; color: #fff; font-size: 100px; bottom: 150%; left: 50%; transform: translateX(-50%); display: inline-block; } .rating .emo:after { content: '\f119'; } .rating input { position: absolute; width: 35px; height: 50px; cursor: pointer; transform: translateX(52px); opacity: 0; z-index: 5; } .rating input:nth-of-type(4):checked ~ .emo:after, .rating input:nth-of-type(4):hover ~ .emo:after, .rating input:nth-of-type(3):checked ~ .emo:after, .rating input:nth-of-type(3):hover ~ .emo:after { content: '\f11a'; } .rating input:nth-of-type(1):checked ~ .emo:after, .rating input:nth-of-type(1):hover ~ .emo:after, .rating input:nth-of-type(2):checked ~ .emo:after, .rating input:nth-of-type(2):hover ~ .emo:after { content: '\f118'; } .rating input:nth-of-type(1) { right: 50px; top: -20px; } .rating input:nth-of-type(2) { right: 100px; top: -20px; } .rating input:nth-of-type(3) { right: 150px; top: -20px; } .rating input:nth-of-type(4) { right: 200px; top: -20px; } .rating input:nth-of-type(5) { right: 250px; top: -20px; } .rating input:nth-of-type(6) { right: 300px; top: -20px; } .rating input:checked ~ .star:after, .rating input:hover ~ .star:after { content: '\f005'; } .rating .star { display: inline-block; font-family: FontAwesome; font-size: 42px; color: #FBB202; cursor: pointer; margin: 3px; } .rating .star:after { content: '\f006'; } .rating .star:hover ~ .star:after, .rating .star:hover:after { content: '\f005'; } .contact-icons { width: 65px; height: 65px; background: rebeccapurple; border-radius: 50%; background-color: #005a2f; display: grid; place-content: center; } .svg-success { display: inline-block; vertical-align: top; height: 120px; width: 120px; opacity: 1; overflow: visible; } @-webkit-keyframes success-tick { 0% { stroke-dashoffset: 16px; opacity: 1; } 100% { stroke-dashoffset: 31px; opacity: 1; } } @keyframes success-tick { 0% { stroke-dashoffset: 16px; opacity: 1; } 100% { stroke-dashoffset: 31px; opacity: 1; } } @-webkit-keyframes success-circle-outline { 0% { stroke-dashoffset: 72px; opacity: 1; } 100% { stroke-dashoffset: 0px; opacity: 1; } } @keyframes success-circle-outline { 0% { stroke-dashoffset: 72px; opacity: 1; } 100% { stroke-dashoffset: 0px; opacity: 1; } } @-webkit-keyframes success-circle-fill { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes success-circle-fill { 0% { opacity: 0; } 100% { opacity: 1; } } .svg-success .success-tick { fill: none; stroke-width: 1px; stroke: #ffffff; stroke-dasharray: 15px, 15px; stroke-dashoffset: -14px; -webkit-animation: success-tick 450ms ease 1400ms forwards; animation: success-tick 450ms ease 1400ms forwards; opacity: 0; } .svg-success .success-circle-outline { fill: none; stroke-width: 1px; stroke: #016032; stroke-dasharray: 72px, 72px; stroke-dashoffset: 72px; -webkit-animation: success-circle-outline 300ms ease-in-out 800ms forwards; animation: success-circle-outline 300ms ease-in-out 800ms forwards; opacity: 0; } .svg-success .success-circle-fill { fill: #016032; stroke: none; opacity: 0; -webkit-animation: success-circle-fill 300ms ease-out 1100ms forwards; animation: success-circle-fill 300ms ease-out 1100ms forwards; } .regProText { height: 98px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } #product-details-tab-pane p { color: white !important; } #product-details-tab-pane li { color: white !important; } .textOverview-container { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 50px; } @media (min-width:768px) { .textOverview-container { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; height: 100px; } .item-detail-container .textOverview p { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } } .product-details-tab-li li { display: flex; gap: 16px; align-items: center; } .product-details-tab-li li::before { content: '\F586'; display: inline-block; font-family: bootstrap-icons; font-size: 24px; } .under-li li { list-style-type: circle !important; } .sec_alert { width: fit-content; height: -webkit-fill-available; left: 50%; top: 50%; transform: translate(-50%, -50%); } .iframe-container { width: 100%; height: 100%; } .iframe-container iframe { width: 100%; aspect-ratio: 16/9; } @media (min-width:992px) { .bread-container { width: 70%; } .bread-container ol { float: right; } } .ratio-1x1 { aspect-ratio: 1; } .catagories-card .card-body h4 { color: #024525; } @media (max-width: 540px) { .fs-xs-6 { font-size: 1rem; } } .occasion-delivery { margin-block: 1rem; } .occasion-delivery ul { display: flex; flex-direction: column; gap: 10px; margin-top: 6px; } .occasion-delivery ul li { list-style: decimal-leading-zero; margin-left: 1.5rem; font-size: 14px; color: #010101; padding: 10px; background: #CDDC39; } .occasion-delivery ul li::marker { color: rgb(255, 255, 255); } #autoSearch p { margin: 1rem; } @media (max-width: 992px) { .search-container { position: absolute !important; left: 0; top: 82px; padding-inline: 16px; background: #014625; display: flex; right: 0; padding-block: .6rem; flex-direction: column; justify-content: center; } .search-container .searchBox { border: 1px solid #7dc0a0 !important; border-radius: 4px !important; } .autocom-box { left: 0; right: 0; padding: 10px; } header { --height: 120px; } } .search-container { z-index: 99; } .search-container .searchBox { border: 1px solid #c8a975; overflow: hidden; border-radius: 50px; padding-inline: 10px 30px; } .search-container .searchBox input { border: 0px !important; color: #c8a975; font-size: .875rem; } .search-container .searchBox input::placeholder { color: #c8a975; opacity: 1; } .search-container .searchBox input::-ms-input-placeholder { color: #c8a975; } .innersearch-btn { right: -21px; top: -2px; z-index: 33 !important; color: #c8a975; } .innersearch-btn:hover { color: #c8a975; } .autoSearch-box { background-color: white; border-radius: 6px; } .autocom-box { left: 0; top: 51px; } .b-retailer-container .b-retailer-text h1 { font-family: var(--secondary-font); font-weight: var(--fw-400); } .b-retailer-container .b-retailer-btn { background-color: var(--clr-secondary); color: var(--clr-white); padding: 10px 24px; display: inline-block; border-radius: 4px; } #whatsapp-btn { position: fixed; bottom: 47px; right: 160px; z-index: 1000; cursor: pointer; } @media (max-height: 740px) { .BeaconFabButtonFrame { bottom: 10px; right: -30px; } .c-FabButtonCritical__text { display: none !important; } } New #whatsapp-btn img { width: 50px; height: 50px; border-radius: 50%; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2); transition: all 0.3s ease-in-out; } #whatsapp-btn img:hover { transform: scale(1.2); } .f-details { width: 40%; white-space: nowrap; overflow: hidden; box-sizing: border-box; } .Mob-details { width: 100%; white-space: nowrap; overflow: hidden; box-sizing: border-box; font-size: 14px !important; } .TextAutoSlide { display: inline-block; animation: textSlide 25s linear infinite, blink 1s steps(5, start) infinite; column-gap: 2rem; } .TextAutoSlide > li { list-style: square !important; } @keyframes textSlide { 0% { transform: translateX(30%); } 100% { transform: translateX(-100%); } } @keyframes blink { 0%,100% { color: #ffd085; } 50% { color: white; } } .wishListIcon.filled { animation: beat cubic-bezier(0.04, 0.4, 0.5,0.95) 450ms forwards 1; } .wishListIcon:hover { cursor: pointer; } @keyframes beat { 30% { opacity: 1; transform: scale(1.4); } 50% { transform: scale(0.8); } 100% { transform: scale(1) } } @keyframes beat2 { 30% { opacity: 1; transform: scale(1.4); } 50% { transform: scale(0.8); } 100% { transform: scale(1) } } @media (max-width: 768px) { .owl-carousel-mob { background: #ffffff; padding: 1rem 0; } .owl-carousel-mob .owl-dots { text-align: center; margin-top: 10px; } .owl-carousel-mob .owl-dot { display: inline-block; width: 10px; height: 10px; margin: 4px; background-color: transparent !important; border: 1px solid #9c9c9c !important; border-radius: 50%; cursor: pointer; } .owl-carousel-mob .owl-dot.active { background-color: #c18e3c !important; height: 12px; border: 1px solid #c18e3c !important; } .bigimgmob { background: #ffffff; } .modal-thumbnails { margin-top: 1rem; } .modal-thumbnails img { cursor: pointer; border: 2px solid transparent; } .modal-thumbnails img:hover { border: 2px solid #007bff; } .modal-thumbnails .owl-item { border: 1px solid #e2e2e2; border-radius: 6px; } .thumbs-container { display: flex; flex-wrap: wrap; } .thumb-img { width: 50px; margin: 5px; cursor: pointer; } .thumb-img:hover { opacity: 0.8; transition: opacity 0.3s; } .thumb-item { border: 1px solid #ccc; border-radius: 6px; opacity: 0.8; } #imageModal .owl-item .bigimgmob img { object-fit: contain; overflow: overlay; } .thumb-item.active { border: 2px solid #c18e3c; opacity: 1; } /* for mobile wishlist icon */ .wishList_icon { position: absolute; right: 30px; bottom: 12px; z-index: 44; color: #2b2f32; } .wishList_icon i { color: #2b2f32; } .wishList_icon i.filled { color: #c18e3c !important; animation: beatTwo cubic-bezier(0.04, 0.4, 0.5, 0.95) 450ms forwards 1; } @keyframes beatTwo { 30% { opacity: 1; transform: scale(1.4); } 50% { transform: scale(0.8); } 100% { transform: scale(1); } } .wishlist-icon:hover { cursor: pointer; } .share_icon { position: absolute; right: 30px; top: 22px; z-index: 44; } #mobImageModalClose { position: absolute; z-index: 99; font-size: 24px; top: 3%; left: 6%; } } .footer-brand-info img { max-width: 116px; } @media (max-width: 767px) { footer .footer-container { padding-top: 2rem !important; } .footer-brand-info img { max-width: 100px !important; } } @media (min-width: 996px) { .my-accountContainer:has(.my-account-right) { display: grid; grid-template-columns: 320px auto; } .my-accountContainer:not(:has(.my-account-right)) { display: grid; grid-template-columns: auto; } .my-account-left { width: 100%; overflow: hidden; } } .my-accountContainer { display: block; } @media (max-width: 996px) { .searchBox > .input-group { min-width: 200px; } } .scroller__inner { display: flex; flex-wrap: nowrap; gap: 1rem; width: max-content; animation: scroll var(--_animation-duration, 60s) linear infinite; color: white; } .tag-list li { list-style: square !important; margin-left: 1rem; animation: blink 2s infinite; font-size: 14px; } .scroller[data-animated="true"] { overflow: hidden; -webkit-mask: linear-gradient(90deg, transparent, white 10%, white 90%, transparent); mask: linear-gradient(90deg, transparent, white 10%, white 90%, transparent); } .scroller[data-direction="right"] { --_animation-direction: reverse; } .scroller[data-direction="left"] { --_animation-direction: forwards; } .scroller[data-speed="fast"] { --_animation-duration: 20s; } .scroller[data-speed="slow"] { --_animation-duration: 40s; } @keyframes scroll { 0% { transform: translateX(0); } 100% { transform: translateX(calc(-50% - 0.6rem)); } } @keyframes blink { 0%, 100% { color: #ffd085; } 50% { color: white; } } @media (max-width: 756px) { .btn-full-mob { width: 100%; } } .offer-header .carousel-control-next, .offer-header .carousel-control-prev { width: fit-content !important; } .offer-header .carousel-inner { width: 100%; margin: auto; } .offer-header .carousel-item { width: 100%; text-align: center; font-size: .90rem; padding-inline: 3rem; } .offer-header { max-width: 100%; margin: 0 auto; } .offer-header .carousel-control-next-icon, .offer-header .carousel-control-prev-icon { display: inline-block; width: 1.5rem !important; height: 1.5rem !important; margin-inline: 1rem; } @media (max-width: 768px) { .offer-header .carousel-item { font-size: .65rem; } .offer-header .carousel-inner { height: 42px; display: flex; align-items: center; } } .cs-loader { position: absolute; left: 0; height: 100%; width: 100%; } .cs-loader-inner { transform: translateY(-50%); top: 50%; position: absolute; width: 100%; color: #ffd595; padding: 0 100px; text-align: center; transform: translateX(-50%); left: 50%; } .cs-loader-inner label { font-size: 20px; opacity: 0; display: inline-block; } @keyframes lol { 0% { opacity: 0; transform: translateX(-300px); } 33% { opacity: 1; transform: translateX(0px); } 66% { opacity: 1; transform: translateX(0px); } 100% { opacity: 0; transform: translateX(300px); } } @-webkit-keyframes lol { 0% { opacity: 0; -webkit-transform: translateX(-300px); } 33% { opacity: 1; -webkit-transform: translateX(0px); } 66% { opacity: 1; -webkit-transform: translateX(0px); } 100% { opacity: 0; -webkit-transform: translateX(300px); } } .cs-loader-inner label:nth-child(6) { -webkit-animation: lol 3s infinite ease-in-out; animation: lol 3s infinite ease-in-out; } .cs-loader-inner label:nth-child(5) { -webkit-animation: lol 3s 100ms infinite ease-in-out; animation: lol 3s 100ms infinite ease-in-out; } .cs-loader-inner label:nth-child(4) { -webkit-animation: lol 3s 200ms infinite ease-in-out; animation: lol 3s 200ms infinite ease-in-out; } .cs-loader-inner label:nth-child(3) { -webkit-animation: lol 3s 300ms infinite ease-in-out; animation: lol 3s 300ms infinite ease-in-out; } .cs-loader-inner label:nth-child(2) { -webkit-animation: lol 3s 400ms infinite ease-in-out; animation: lol 3s 400ms infinite ease-in-out; } .cs-loader-inner label:nth-child(1) { -webkit-animation: lol 3s 500ms infinite ease-in-out; animation: lol 3s 500ms infinite ease-in-out; } #popAlert { background-color: white; position: fixed; left: 50%; transform: translateX(-50%); z-index: 9999; border-radius: 60px; padding: 1rem 2rem; transition: .3s all ease; max-width: 660px; } #popAlert .popAlertInner { display: grid; grid-template-columns: 60px auto; gap: 10px; align-items: center; } #popAlert .popAlertInner p { font-size: .78rem; } #popAlert .popAlertInner .popAlertCartIcon { background-color: var(--clr-primary-dark); border-radius: 50px; aspect-ratio: 1; color: var(--clr-secondary); text-align: center; width: 60px; display: flex; align-items: center; justify-content: center; } .popAlert.hidden { top: -100px; opacity: 0; } .popAlert.visible { top: 10%; opacity: 1; } @media (max-width: 768px) { .popAlert { width: 90%; font-size: 0.8rem; padding: .8rem 1rem !important; } .popAlert.visible { top: 12% !important; opacity: 1; } .footer-p-cards .social-links{ justify-content:center; } } .manifest-dot { animation: dot 1.35s infinite forwards; transform-origin: 144.5px 83px; } .bubble-cart { animation: skewCart 1.35s infinite; transform-origin: center; } @keyframes dot { 0% { transform: translate(0%, 0%) scale(0); opacity: 1; } 25% { transform: translate(0%, 0%) scale(1); opacity: 1; } 40% { transform: translate(0%, 22%) scale(1); opacity: 0.7; } 90% { transform: translate(0%, 22%) scale(1); opacity: 0.7; } 100% { transform: translate(0%, 22%) scale(0); opacity: 0.7; } } @keyframes skewCart { 35% { transform: scale(1); } 50% { transform: scale(1.1); } 75% { transform: scale(.9); } 100% { transform: scale(1); } } #wishlistIconSVG { width: 65%; height: 65%; } .animated-bounce { animation: bounce 1.5s ease infinite; } @keyframes bounce { 0%, 100% { transform: translateY(0); } 25% { transform: translateY(-7px); } 50% { transform: translateY(0); } 75% { transform: translateY(-2px); } } .dec-toggle-checkbox { display: none; } .description-content { max-height: 71px; overflow: hidden; transition: max-height 0.4s ease-in; color: white; } .dec-toggle-checkbox:checked ~ .description-content { max-height: 1200px; } .close-text, .close-icon { display: none; } .dec-toggle-checkbox:checked ~ .dec-toggle-button .read-more-text, .dec-toggle-checkbox:checked ~ .dec-toggle-button .read-more-icon { display: none; } .dec-toggle-checkbox:checked ~ .dec-toggle-button .close-text, .dec-toggle-checkbox:checked ~ .dec-toggle-button .close-icon { display: inline; } .dec-toggle-button { display: block; margin-top: 10px; cursor: pointer; color: #25a567; text-decoration: none; } .selectBorder { border-color: #C8A875 !important; } .slider { height: 5px; position: relative; background: #ddd; border-radius: 5px; } .slider .progress { height: 100%; left: 0%; right: 0%; position: absolute; border-radius: 5px; background: var(--clr-secondary); } .range-input { position: relative; } .range-input input { position: absolute; width: 100%; height: 5px; top: -5px; background: none; pointer-events: none; -webkit-appearance: none; -moz-appearance: none; } input[type="range"]::-webkit-slider-thumb { height: 17px; width: 17px; border-radius: 50%; background: var(--clr-secondary); pointer-events: auto; -webkit-appearance: none; box-shadow: 0 0 6px rgba(0, 0, 0, 0.05); } input[type="range"]::-moz-range-thumb { height: 17px; width: 17px; border: none; border-radius: 50%; background: var(--clr-secondary); pointer-events: auto; -moz-appearance: none; box-shadow: 0 0 6px rgba(0, 0, 0, 0.05); } .fs-14 { font-size: 0.875rem !important; } .breadcrumb-item { font-size: 14px !important; } .fs-xs { font-size: 0.75rem !important; } .animate-underline .animate-target, .animate-underline.animate-target { position: relative; text-decoration: none; } .animate-underline .animate-target:after, .animate-underline.animate-target:after { background-color: currentcolor; bottom: 0; content: ""; height: 1px; left: 0; position: absolute; transform: scaleX(0); transform-origin: bottom right; transition: transform 0.3s ease-out; width: 100%; } .animate-underline.active .animate-target:after, .animate-underline.active.animate-target:after, .animate-underline.show .animate-target:after, .animate-underline.show.animate-target:after, .animate-underline:focus-visible .animate-target:after, .animate-underline:focus-visible.animate-target:after, .animate-underline:hover .animate-target:after, .animate-underline:hover.animate-target:after { transform: scaleX(1); transform-origin: bottom left; } .ProductsBread ol { float: none !important; } .limited-height { height: 200px; overflow: hidden; transition: height 0.3s ease; } .arrow { display: inline-block; margin-right: 5px; transition: transform 0.3s ease; } .arrow.up { transform: rotate(180deg); } .seeMoreOption { font-size: 14px; font-weight: 700; color: #c8a875; margin-top: .876rem; } .color-options ul a img { aspect-ratio: 1 !important; } .color-option ul li { border:2px solid white; } #Product-infoAccordion .accordion-item ,#Product-infoAccordion .accordion-body{ border-color: #087940 !important; } #Product-infoAccordion .accordion-button::after{ color: white !important; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important; } #Product-infoAccordion .accordion-button::after{ color: white !important; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important; } #Product-infoAccordion .accordion-item, #Product-infoAccordion .accordion-body { border-top: 1px solid #087940 !important; /* Top border */ border-bottom: none !important; /* Bottom border */ border-left: none !important; /* Ensure no left border */ border-right: none !important; /* Ensure no right border */ } ul.d-flex li::before { font-weight: bold; /* Optional: Make the asterisk bold */ margin-right: 10px; /* Optional: Adds some space between the asterisk and the text */ } .item-detail-imgBox{ display: grid; grid-template-columns: 120px auto; } .thumbContainerMain{ position: relative; } .scroll-btn { position: absolute; width: 100%; background: transparent; border: none; font-size: 18px; cursor: pointer; z-index: 1; } #new-product-thumbs { max-height: 474px; overflow: hidden; } #scroll-up, #scroll-down{ width: fit-content; left: 50%; transform: translateX(-50%); } #scroll-up { top: 5px; } #scroll-down { bottom: 0; } .bigimg span{ width: 100%; } .bigimg span img{ margin: auto; } @media (min-width: 768px){ .item-detail-imgBox{ position: sticky; top: 20%; } } #new-product-thumbs:has(.thumb:nth-child(6)) .scroll-btn { display: block; } #new-product-thumbs:not(:has(.thumb:nth-child(6))) .scroll-btn { display: none; } .no-scroll { overflow: hidden; height: 100%; } .newProductCard-cantainer{ --width:30px; --fSizeS:14px; --fSizeM: 14px; --fSizeL: calc(1.1rem + .6vw); } .newProductCard-cantainer .newProductCard-body .newProductCard-title { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; line-clamp: 2; font-size: var(--fSizeS); line-height: 1.3; color: #3e3e3e; } .newProductCard-cantainer .newProductCard-body .dis-price{ color: #3e3e3e; font-size: var(--fSizeL); } .newProductCard-cantainer .newProductCard-body .real-price{ color: #535353; font-size: var(--fSizeM); } .newProductCard-cantainer .newProductCard-body .newProCard-btn{ background-color: #017917; color: white; transition: .3s ease-in-out; font-size: var(--fSizeM); } .newProductCard-cantainer .newProductCard-body .newProCard-btn i{ font-size: var(--fSizeM); } .newProductCard-cantainer .newProductCard-body .newProCard-btn:hover{ background-color: #00510f !important; color: white !important; } .moreColor-container small{ font-size: .75rem !important; } .newProductCard-cantainer .more-color > a{ width: var( --width); height: var( --width); } @media (max-width: 768px){ .newProductCard-cantainer{ --width:30px; --fSizeS:14px !important; --fSizeM:12px !important; --fSizeL:20px !important; } .newProductCard-cantainer .newProductCard-body .newProductCard-title { -webkit-line-clamp: 1 !important; line-clamp: 1 !important; } } @media (min-width: 768px){ .owl-item .moreColor-container{ display: block !important; position: inherit !important; } .owl-item .newProductCard-cantainer:hover{ transform: scale(1) !important; box-shadow: none !important; } .moreColor-container{ display: none; position: absolute; left: 0; right: 0; background: white } .newProductCard-cantainer{ z-index: 2; transition: all .3s ease-in-out; position: relative; } .newProductCard-cantainer:hover { z-index: 3; box-shadow: -3px 1rem 1.525rem -0.375rem rgb(0 0 0 / 51%) !important; transform: scale(1.06); } .newProductCard-cantainer:hover .moreColor-container { display: block; box-shadow: -3px 1rem 1.525rem -0.375rem rgb(0 0 0 / 30%) !important; } .productTopSection .badge{ padding: 8px 12px !important; background-color: #017917 !important; } .owl-item .newProductCard-cantainer .mainCardImage { min-height:290px; max-height:100%; } } .productTopSection .add-to-wish{ color: #d1a45c !important; transition: all .3s ease-in-out; } .productTopSection .add-to-wish:hover { transform: scale(1.3); } .newProductCard-cantainer .mainCardImage { aspect-ratio: 1; object-fit: contain; } .productTopSection .wishlist-btn { margin-left: auto; } .productTopSection .wishlist-btn { margin-left: auto; } .checkOut-container{ background-color: #ffffff; } .checkOut-containermain{ background-color: #ffffff; } @media (min-width: 768px){ .checkOut-container{ background-color: transparent; } .checkOut-containermain{ background-color: #e6f1ec; } } .newCTA{ display: grid; grid-template-columns: repeat(3, 1fr); } .newCTA .cta-card{ border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; } @media (max-width: 768px){ .newCTA{ display: grid; grid-template-columns: repeat(2, 1fr); } .newCTA .cta-card:nth-child(2n){ border-right: 0 !important; } .newCTA .cta-card:nth-last-child(-n + 2){ border-bottom: 0 !important; } } @media (min-width: 768px){ .newCTA .cta-card:nth-child(3n){ border-right: 0 !important; } .newCTA .cta-card:nth-last-child(-n + 3){ border-bottom: 0 !important; } .text-lg-dark{ color:#000 !important; } } @media (max-width: 768px){ .nav-dropdown.subNavDontHaveTitiles{ position: fixed; bottom: 0; transform: translateX( 0%); } .dropContainer-titile{ background-color: #014525; } } .navbar-h .nav-link .bi-chevron-down{ transition: all .3s ease-in-out; } .navbar-h .nav-link:hover .bi-chevron-down{ transform: rotate(-180deg); } input [type="submit"]::placeholder{ color: white !important; } input [type="submit"]:hover{ color: white !important; } input [type="submit"]{ color: white !important; } .prosubcategories { border-block: 1px solid #ccc; padding-block: .578rem; margin-block: 8px; } .arrow { transition: all .4s ease-in-out; } .rotate { transform: rotate(0deg) !important; } .form-check .bi { font-size: 14px; color: #5d5d5d; } .mainCategorie .arrow { transition: all .4s ease-in-out; transform: rotate(-90deg); } .anniBtn{ background-image: linear-gradient(to right, #eacda3 0%, #d6ae7b 51%, #eacda3 100%); color: var(--text-dark); transition: .3s ease-in-out; font-size: var(--fs-14); } .anniBtn:hover{ background-position: right center; color: var(--text-dark); text-decoration: none; color: var(--text-dark); } .proTextContainer small, .proTextContainer p { font-weight: 300; } .proTextContainer small, .proTextContainer small a{ font-size: 12px ; color: #292929; }