/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

/* hebrew */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

/* math */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTVOmu1aB.woff2) format('woff2');
  unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0330, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2034-2037, U+2057, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2102, U+210A-210E, U+2110-2112, U+2115, U+2119-211D, U+2124, U+2128, U+212C-212D, U+212F-2131, U+2133-2138, U+213C-2140, U+2145-2149, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B6, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}

/* symbols */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTUGmu1aB.woff2) format('woff2');
  unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8B1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA88, U+1FA90-1FABD, U+1FABF-1FAC5, U+1FACE-1FADB, U+1FAE0-1FAE8, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}

/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

/* hebrew */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

/* math */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTVOmu1aB.woff2) format('woff2');
  unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0330, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2034-2037, U+2057, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2102, U+210A-210E, U+2110-2112, U+2115, U+2119-211D, U+2124, U+2128, U+212C-212D, U+212F-2131, U+2133-2138, U+213C-2140, U+2145-2149, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B6, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}

/* symbols */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTUGmu1aB.woff2) format('woff2');
  unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8B1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA88, U+1FA90-1FABD, U+1FABF-1FAC5, U+1FACE-1FADB, U+1FAE0-1FAE8, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}

/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

/* hebrew */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

/* math */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTVOmu1aB.woff2) format('woff2');
  unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0330, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2034-2037, U+2057, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2102, U+210A-210E, U+2110-2112, U+2115, U+2119-211D, U+2124, U+2128, U+212C-212D, U+212F-2131, U+2133-2138, U+213C-2140, U+2145-2149, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B6, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}

/* symbols */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTUGmu1aB.woff2) format('woff2');
  unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8B1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA88, U+1FA90-1FABD, U+1FABF-1FAC5, U+1FACE-1FADB, U+1FAE0-1FAE8, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}

/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

input::placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

input::-webkit-input-placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

input:-ms-input-placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

input:-moz-placeholder,
input::-moz-placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

.hide {
  display: none !important
}

.special-offers-modal {
  background: rgba(13, 24, 33, .5);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 50;
}

p.message {
  font-size: 18px;
  line-height: 1.2;
  margin: 0 auto 24px;
}

@media (max-width:767.98px) {
  p.message {
    font-size: 18px;
    margin-bottom: 16px;
  }
}

@media (max-width:575.98px) {
  p.message {
    font-size: 16px;
    margin: 0 auto 8px;
    max-width: 252px
  }
}

.offers-modal-content {
  background: #fff;
  border: 3px dotted #0b9444;
  border-radius: 5px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: 140px auto 0;
  max-width: 539px;
  padding: 24px 64px 72px;
  width: 80%
}

@media (max-width:991.98px) {
  .offers-modal-content {
    padding: 24px 32px 60px
  }
}

@media (max-width:767.98px) {
  .offers-modal-content {
    max-width: 400px;
    width: 88%;
  }
}

@media (max-width:424.98px) {
  .offers-modal-content {
    padding: 24px;
  }
}

.offers-modal-content button.close-modal {
  float: right;
  padding: 6px
}

.offers-modal-content h2 {
  clear: both;
  font-size: 32px;
  margin-bottom: 6px;
  text-align: center
}

@media (max-width:767.98px) {
  .offers-modal-content h2 {
    font-size: 24px
  }
}

.offers-modal-content .modal-form {
  margin-top: 24px;
  padding: 0 20px
}

@media (max-width:767.98px) {
  .offers-modal-content .modal-form {
    padding: 0
  }
}

.offers-modal-content .input-group {
  margin-bottom: 24px
}

@media (max-width:767.98px) {
  .offers-modal-content .input-group {
    margin-bottom: 16px
  }
}

.offers-modal-content label {
  font-size: 18px;
  line-height: 1.2;
  margin-bottom: 10px
}

@media (max-width:767.98px) {
  .offers-modal-content label {
    display: none
  }
}

.offers-modal-content p {
  font-size: 24px;
  line-height: 1.2em;
  margin: 0 auto;
  max-width: 400px;
  text-align: center
}

@media (max-width:767.98px) {
  .offers-modal-content p {
    font-size: 18px;
    max-width: 300px
  }
}

@media (max-width:424.98px) {
  .offers-modal-content p {
    font-size: 16px;
    max-width: 239px
  }
}

.offers-modal-content input {
  border: 1px solid #eef0f8;
  border-radius: 5px;
  font-size: 16px;
  height: 50px;
  padding: 0 16px;
  width: 100%
}

@media (max-width:424.98px) {
  .offers-modal-content input {
    font-size: 14px;
    height: 44px
  }
}

.offers-modal-content button.submit {
  background: #0b9444;
  border-radius: 5px;
  color: #fff;
  display: block;
  font-size: 16px;
  height: 50px;
  line-height: 20px;
  margin: 0 auto;
  padding: 15px 75px;
  width: 100%
}

@media (max-width:767.98px) {
  .offers-modal-content button.submit {
    margin-top: 8px auto 0
  }
}

.offers-modal-content button.submit :focus,
.offers-modal-content button.submit :hover {
  background: #0a7c39
}

.offers-modal-content button.submit :focus {
  box-shadow: 0 0 0 2px rgba(11, 148, 68, .5)
}

.theme-config button :disabled {
  background-color: rgba(var(--red), var(--green), var(--blue), .4) !important
}

.theme-config .nav-one {
  background: #0d1821
}

.theme-config .nav-two .login :hover,
.theme-config .nav-two a :hover,
.theme-config .nav-two button.contact-us :focus,
.theme-config .nav-two button.contact-us :hover {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two a.router-link-exact-active svg path,
.theme-config .nav-two button.contact-us:focus svg path,
.theme-config .nav-two button.contact-us:hover svg path {
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two button.account-info svg circle,
.theme-config .nav-two button.account-info svg rect {
  fill: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two .count {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two input :focus {
  border-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two button.cart:hover {
  background: rgba(var(--red), var(--green), var(--blue), .09)
}

.theme-config .nav-two .count {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two .search-group-mobile button svg path {
  stroke: #000
}

.theme-config .product button {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button span {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button svg {
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button :hover {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button svg {
  margin-right: 12px;
  margin-top: -3px
}

.theme-config .product button:hover span {
  color: #fff
}

.theme-config .product button:hover svg path {
  stroke: #fff
}

.theme-config .product:hover button :not(.out-of-stock-btn) {
  background: rgba(var(--red), var(--green), var(--blue), 1);
}

.theme-config .product:hover button:not(.out-of-stock-btn) span {
  color: #fff
}

.theme-config .products-container button.secondary-btn {
  background: #fff;
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .products-container button.secondary-btn :hover {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .sticky-group button {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .collections .collection-list button {
  color: #000
}

.theme-config .collections>div ::-webkit-scrollbar-thumb {
  background: rgba(var(--red), var(--green), var(--blue), .2)
}

.theme-config .news-letter input :focus {
  border-color: rgba(var(--red), var(--green), var(--blue), .5);
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .3)
}

.theme-config .news-letter .input-body button {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .news-letter .input-body button :focus {
  border-color: rgba(var(--red), var(--green), var(--blue), .5);
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .3)
}

.theme-config .share-buttons button {
  background: transparent;
  height: 40px;
  width: 40px
}

.theme-config .share-buttons button svg.whatsapp-svg,
.theme-config .share-buttons button svg :not(.whatsapp-svg) {
  fill: #7e7e7e
}

.theme-config .forgot button.submit,
.theme-config .login button.submit,
.theme-config .register button.submit {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .forgot button.submit :hover,
.theme-config .login button.submit :hover,
.theme-config .register button.submit :hover {
  background: rgba(var(--red), var(--green), var(--blue), .7)
}

.theme-config .forgot button.submit :focus,
.theme-config .login button.submit :focus,
.theme-config .register button.submit :focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue) .5)
}

.theme-config .forgot .switch-form button,
.theme-config .login .switch-form button,
.theme-config .product-detail .description button,
.theme-config .register .switch-form button {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .add-to-cart :hover {
  background: rgba(var(--red), var(--green), var(--blue), .7)
}

.theme-config .product-detail .add-to-cart :focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .empty-collection button {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .empty-collection button.secondary :focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

.theme-config .checkout-content ::-webkit-scrollbar-thumb {
  background: rgba(var(--red), var(--green), var(--blue), 1);
}

.theme-config .checkout-content .store-details button.cart :hover {
  background: rgba(var(--red), var(--green), var(--blue), .09);
}

.theme-config .checkout-content .store-details .count {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .checkout-header :after {
  border-bottom: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .step-group.done .step-number {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .step-group.done .step-name {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group.center {
  justify-content: center
}

.theme-config .checkout-content .btn-group button,
.theme-config .checkout-content btn-group .pay-btn {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group .secondary :hover {
  box-shadow: 2px 2px 10px rgba(88, 85, 99, .3)
}

.theme-config .checkout-content .btn-group .secondary {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group .primary {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group .primary :hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .checkout-content .btn-group button :focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

.theme-config .step-2 .step-header button,
.theme-config .step-2 .use-saved-details button {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .step-2 .check-group,
.theme-config .step-2 .radio-group {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .step-2 .input-group button,
.theme-config .step-2 input[type=checkbox]:checked+.inner-check,
.theme-config .step-2 input[type=radio]:checked+.inner-check {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .step-header button,
.theme-config .step-2 .discount-group .discount-info {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .check-group,
.theme-config .payment-step .radio-group {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .input-group button,
.theme-config .payment-step input[type=checkbox]:checked+.inner-check,
.theme-config .payment-step input[type=radio]:checked+.inner-check {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .payment-option.active {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .proof-template {
  border: 1px dashed rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .proof-template .template-details .upload-icon svg {
  fill: rgba(var(--red), var(--green), var(--blue), 1);
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .proof-template p {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .upload-details button svg path {
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .upload-details .progress .bar {
  background-color: #0b9444
}

.theme-config .quantity-field button :hover {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .cart-btn-group button :first-of-type,
.theme-config .product-detail .rating-group button :hover {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .cart-btn-group button :last-of-type {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .product-detail .cart-btn-group button.secondary {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .add-to-cart {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .add-to-cart :hover,
.theme-config .product-detail .cart-btn-group button :last-of-type:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .product-detail .cart-btn-group button :first-of-type:hover {
  background: rgba(var(--red), var(--green), var(--blue), .1)
}

.theme-config .product-detail .add-to-cart :focus,
.theme-config .product-detail .cart-btn-group button :focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .product-reviews button.write-review {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-reviews button.write-review :hover {
  background: rgba(var(--red), var(--green), var(--blue), .1)
}

.theme-config .product-reviews button.write-review :focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .navigation-buttons a.secondary {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .navigation-buttons button.primary,
.theme-config .review-modal-content button.submit {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .review-modal-content button.submit :focus,
.theme-config .review-modal-content button.submit :hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .review-modal-content button.submit :focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .tabs button.active,
.theme-config .tabs button :focus {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .tabs button.active {
  border-bottom: 2px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .review-summary .review-link a button {
  color: rgba(var(--red), var(--green), var(--blue), 1);
  text-decoration: none
}

.theme-config .form button.primary {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group button {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group .secondary {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group .primary {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group .primary :hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .btn-group button :focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

@media (max-width:424.98px) {
  .theme-config .btn-group.center button.primary {
    background: rgba(var(--red), var(--green), var(--blue), 1)
  }
}

.theme-config .order-summary .order-info button {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config button.return-to {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .secondary {
  background: #fff;
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config button.secondary :focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

.theme-config .order-summary .shipping-info>.row-group :first-child {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .order-summary .shipping-info>.row-group:first-child h4 {
  color: #fff
}

.theme-config .order-summary .payment-info>.row-group :first-child {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .order-summary .payment-info>.row-group:first-child h4 {
  color: #fff
}

.theme-config .pay-btn {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .offers-modal-content {
  border: 3px dotted rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .offers-modal-content button.submit {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .offers-modal-content button.submit :focus,
.theme-config .offers-modal-content button.submit :hover {
  background: rgba(var(--red), var(--green), var(--blue), .7)
}

.theme-config .offers-modal-content button.submit :focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

input ::placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

input ::-webkit-input-placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

input :-ms-input-placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

input :-moz-placeholder,
input ::-moz-placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

.tab-navigator {
  border-bottom: .5px solid #eef0f8;
  display: flex;
  flex-direction: row;
  height: 55px;
  width: 100%
}

.tab-navigator .tab {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-grow: 1;
  justify-content: center
}

.tab-navigator .tab span {
  color: #585563;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase
}

@media (max-width:767.98px) {
  .tab-navigator .tab span {
    font-size: 14px
  }
}

@media (max-width:575.98px) {
  .tab-navigator .tab span {
    font-size: 12px;
    text-align: center
  }
}

.tab-navigator .tab.active {
  border-bottom: 2px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.tab-navigator .tab.active span {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.tab-navigator .tab :hover {
  background-color: rgba(var(--red), var(--green), var(--blue), .05)
}

.tab-navigator.centered {
  justify-content: center
}

.tab-navigator.centered .tab {
  flex-grow: 0;
  margin: 0 2%;
  padding: 0 10px
}

@media (max-width:575.98px) {
  .tab-navigator.centered .tab {
    margin: 0 1.5%;
    padding: 0 6px
  }
}

.theme-config button:disabled {
  background-color: rgba(var(--red), var(--green), var(--blue), .4) !important
}

.theme-config .nav-one {
  background: #0d1821
}

.theme-config .nav-two .login:hover,
.theme-config .nav-two a:hover,
.theme-config .nav-two button.contact-us:focus,
.theme-config .nav-two button.contact-us:hover {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two a.router-link-exact-active svg path,
.theme-config .nav-two button.contact-us:focus svg path,
.theme-config .nav-two button.contact-us:hover svg path {
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two button.account-info svg circle,
.theme-config .nav-two button.account-info svg rect {
  fill: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two .count {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two input:focus {
  border-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two button.cart:hover {
  background: rgba(var(--red), var(--green), var(--blue), .09)
}

.theme-config .nav-two .count {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two .search-group-mobile button svg path {
  stroke: #000
}

.theme-config .product button {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button span {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button svg {
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button:hover {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button svg {
  margin-right: 12px;
  margin-top: -3px
}

.theme-config .product button:hover span {
  color: #fff
}

.theme-config .product button:hover svg path {
  stroke: #fff
}

.theme-config .product:hover button:not(.out-of-stock-btn) {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product:hover button:not(.out-of-stock-btn) span {
  color: #fff
}

.theme-config .products-container button.secondary-btn {
  background: #fff;
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .products-container button.secondary-btn:hover {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .sticky-group button {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .collections .collection-list button {
  color: #000
}

.theme-config .collections>div::-webkit-scrollbar-thumb {
  background: rgba(var(--red), var(--green), var(--blue), .2)
}

.theme-config .news-letter input:focus {
  border-color: rgba(var(--red), var(--green), var(--blue), .5);
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .3)
}

.theme-config .news-letter .input-body button {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .news-letter .input-body button:focus {
  border-color: rgba(var(--red), var(--green), var(--blue), .5);
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .3);
}

.theme-config .share-buttons button {
  background: transparent;
  height: 40px;
  width: 40px;
}

.theme-config .share-buttons button svg.whatsapp-svg,
.theme-config .share-buttons button svg:not(.whatsapp-svg) {
  fill: #7e7e7e;
}

.theme-config .forgot button.submit,
.theme-config .login button.submit,
.theme-config .register button.submit {
  background: rgba(var(--red), var(--green), var(--blue), 1);
}

.theme-config .forgot button.submit:hover,
.theme-config .login button.submit:hover,
.theme-config .register button.submit:hover {
  background: rgba(var(--red), var(--green), var(--blue), .7);
}

.theme-config .forgot button.submit:focus,
.theme-config .login button.submit:focus .theme-config .register button.submit:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue) .5);
}

.theme-config .forgot .switch-form button,
.theme-config .login .switch-form button,
.theme-config .product-detail .description button,
.theme-config .register .switch-form button {
  color: rgba(var(--red), var(--green), var(--blue), 1);
}

.theme-config .product-detail .add-to-cart:hover {
  background: rgba(var(--red), var(--green), var(--blue), .7)
}

.theme-config .product-detail .add-to-cart:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .empty-collection button {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .empty-collection button.secondary:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

.theme-config .checkout-content::-webkit-scrollbar-thumb {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .store-details button.cart:hover {
  background: rgba(var(--red), var(--green), var(--blue), .09)
}

.theme-config .checkout-content .store-details .count {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .checkout-header:after {
  border-bottom: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .step-group.done .step-number {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
}

.theme-config .checkout-content .step-group.done .step-name {
  color: rgba(var(--red), var(--green), var(--blue), 1);
}

.theme-config .checkout-content .btn-group.center {
  justify-content: center;
}

.theme-config .checkout-content .btn-group button,
.theme-config .checkout-content btn-group .pay-btn {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
}

.theme-config .checkout-content .btn-group .secondary:hover {
  box-shadow: 2px 2px 10px rgba(88, 85, 99, .3);
}

.theme-config .checkout-content .btn-group .secondary {
  color: rgba(var(--red), var(--green), var(--blue), 1);
}

.theme-config .checkout-content .btn-group .primary {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group .primary:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8);
}

.theme-config .checkout-content .btn-group button:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important;
}

.theme-config .step-2 .step-header button,
.theme-config .step-2 .use-saved-details button {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .step-2 .check-group,
.theme-config .step-2 .radio-group {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .step-2 .input-group button,
.theme-config .step-2 input[type=checkbox]:checked+.inner-check,
.theme-config .step-2 input[type=radio]:checked+.inner-check {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .step-header button,
.theme-config .step-2 .discount-group .discount-info {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .check-group,
.theme-config .payment-step .radio-group {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .input-group button,
.theme-config .payment-step input[type=checkbox]:checked+.inner-check,
.theme-config .payment-step input[type=radio]:checked+.inner-check {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .payment-option.active {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .proof-template {
  border: 1px dashed rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .proof-template .template-details .upload-icon svg {
  fill: rgba(var(--red), var(--green), var(--blue), 1);
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .proof-template p {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .upload-details button svg path {
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .upload-details .progress .bar {
  background-color: #0b9444
}

.theme-config .quantity-field button:hover {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .cart-btn-group button:first-of-type,
.theme-config .product-detail .rating-group button:hover {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .cart-btn-group button:last-of-type {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .product-detail .cart-btn-group button.secondary {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .add-to-cart {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .add-to-cart:hover,
.theme-config .product-detail .cart-btn-group button:last-of-type:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .product-detail .cart-btn-group button:first-of-type:hover {
  background: rgba(var(--red), var(--green), var(--blue), .1)
}

.theme-config .product-detail .add-to-cart:focus,
.theme-config .product-detail .cart-btn-group button:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .product-reviews button.write-review {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-reviews button.write-review:hover {
  background: rgba(var(--red), var(--green), var(--blue), .1)
}

.theme-config .product-reviews button.write-review:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .navigation-buttons a.secondary {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .navigation-buttons button.primary,
.theme-config .review-modal-content button.submit {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .review-modal-content button.submit:focus,
.theme-config .review-modal-content button.submit:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .review-modal-content button.submit:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .tabs button.active,
.theme-config .tabs button:focus {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .tabs button.active {
  border-bottom: 2px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .review-summary .review-link a button {
  color: rgba(var(--red), var(--green), var(--blue), 1);
  text-decoration: none
}

.theme-config .form button.primary {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group button {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group .secondary {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group .primary {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group .primary:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .btn-group button:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

@media (max-width:424.98px) {
  .theme-config .btn-group.center button.primary {
    background: rgba(var(--red), var(--green), var(--blue), 1)
  }
}

.theme-config .order-summary .order-info button {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config button.return-to {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .secondary {
  background: #fff;
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config button.secondary:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

.theme-config .order-summary .shipping-info>.row-group:first-child {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .order-summary .shipping-info>.row-group:first-child h4 {
  color: #fff
}

.theme-config .order-summary .payment-info>.row-group:first-child {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .order-summary .payment-info>.row-group:first-child h4 {
  color: #fff
}

.theme-config .pay-btn {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .offers-modal-content {
  border: 3px dotted rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .offers-modal-content button.submit {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .offers-modal-content button.submit:focus,
.theme-config .offers-modal-content button.submit:hover {
  background: rgba(var(--red), var(--green), var(--blue), .7)
}

.theme-config .offers-modal-content button.submit:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.btn-group {
  width: 100%
}

.row-btn {
  display: flex;
  flex-direction: row
}

.col-btn {
  display: flex;
  flex-direction: column
}

.col-btn .btn {
  margin: 4px 0
}

.btn {
  border-radius: 5px;
  font-size: 15px;
  padding: 15px 5px;
  text-align: center
}

.btn-group.center {
  justify-content: center
}

.btn-group .secondary:hover {
  box-shadow: 2px 2px 10px rgba(88, 85, 99, .3)
}

.btn-group .secondary {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.btn-group .primary {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.btn-group .primary:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.btn-group button:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

.app-toast {
  display: flex;
  height: 10vh;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  transition: opacity .4s;
  width: 100vw;
  z-index: 50
}

.app-toast,
.app-toast.center-align {
  justify-content: center
}

.app-toast.left-align {
  justify-content: flex-start
}

.app-toast.right-align {
  justify-content: flex-end
}

.toast-content {
  align-items: center;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 2px 100px rgba(0, 0, 0, .4);
  display: flex;
  flex-direction: row-reverse;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  justify-content: space-between;
  margin-right: 15px;
  max-width: 50%;
  padding: 20px;
  position: relative;
  top: 20px;
  width: auto
}

@media (max-width:767.98px) {
  .toast-content {
    max-width: 80%
  }
}

@media (max-width:575.98px) {
  .toast-content {
    margin: 5px auto;
    max-width: 95%
  }
}

.toast-content .close-button {
  height: 20px
}

.toast-content .close-button img {
  height: 100%
}

.toast-info {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-right: 25px;
}

.toast-info img {
  height: 30px;
  margin-right: 10px;
}

.toast-info .toast-text .heading {
  font-size: 18px;
  font-weight: 500;
}

@media (max-width:767.98px) {
  .toast-info .toast-text .heading {
    font-size: 16px;
  }
}

@media (max-width:575.98px) {
  .toast-info .toast-text .heading {
    font-size: 14px;
  }
}

.toast-info .toast-text .message {
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
}

@media (max-width:767.98px) {
  .toast-info .toast-text .message {
    font-size: 14px
  }
}

@media (max-width:575.98px) {
  .toast-info .toast-text .message {
    font-size: 12px
  }
}

.theme-config button:disabled {
  background-color: rgba(var(--red), var(--green), var(--blue), .4) !important;
}

.theme-config .nav-one {
  background: #0d1821;
}

.theme-config .nav-two .login:hover,
.theme-config .nav-two a:hover,
.theme-config .nav-two button.contact-us:focus,
.theme-config .nav-two button.contact-us:hover {
  color: rgba(var(--red), var(--green), var(--blue), 1);
}

.theme-config .nav-two a.router-link-exact-active svg path,
.theme-config .nav-two button.contact-us:focus svg path,
.theme-config .nav-two button.contact-us:hover svg path {
  stroke: rgba(var(--red), var(--green), var(--blue), 1);
}

.theme-config .nav-two button.account-info svg circle,
.theme-config .nav-two button.account-info svg rect {
  fill: rgba(var(--red), var(--green), var(--blue), 1);
}

.theme-config .nav-two .count {
  background: rgba(var(--red), var(--green), var(--blue), 1);
}

.theme-config .nav-two input:focus {
  border-color: rgba(var(--red), var(--green), var(--blue), 1);
}

.theme-config .nav-two button.cart:hover {
  background: rgba(var(--red), var(--green), var(--blue), .09);
}

.theme-config .nav-two .count {
  background-color: rgba(var(--red), var(--green), var(--blue), 1);
}

.theme-config .nav-two .search-group-mobile button svg path {
  stroke: #000;
}

.theme-config .product button {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
}

.theme-config .product button span {
  color: rgba(var(--red), var(--green), var(--blue), 1);
}

.theme-config .product button svg {
  stroke: rgba(var(--red), var(--green), var(--blue), 1);
}

.theme-config .product button:hover {
  background: rgba(var(--red), var(--green), var(--blue), 1);
}

.theme-config .product button svg {
  margin-right: 12px;
  margin-top: -3px;
}

.theme-config .product button:hover span {
  color: #fff;
}

.theme-config .product button:hover svg path {
  stroke: #fff;
}

.theme-config .product:hover button:not(.out-of-stock-btn) {
  background: rgba(var(--red), var(--green), var(--blue), 1);
}

.theme-config .product:hover button:not(.out-of-stock-btn) span {
  color: #fff
}

.theme-config .products-container button.secondary-btn {
  background: #fff;
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: rgba(var(--red), var(--green), var(--blue), 1);
}

.theme-config .products-container button.secondary-btn:hover {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .sticky-group button {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .collections .collection-list button {
  color: #000
}

.theme-config .collections>div::-webkit-scrollbar-thumb {
  background: rgba(var(--red), var(--green), var(--blue), .2)
}

.theme-config .news-letter input:focus {
  border-color: rgba(var(--red), var(--green), var(--blue), .5);
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .3)
}

.theme-config .news-letter .input-body button {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .news-letter .input-body button:focus {
  border-color: rgba(var(--red), var(--green), var(--blue), .5);
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .3)
}

.theme-config .share-buttons button {
  background: transparent;
  height: 40px;
  width: 40px
}

.theme-config .share-buttons button svg.whatsapp-svg,
.theme-config .share-buttons button svg:not(.whatsapp-svg) {
  fill: #7e7e7e
}

.theme-config .forgot button.submit,
.theme-config .login button.submit,
.theme-config .register button.submit {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .forgot button.submit:hover,
.theme-config .login button.submit:hover,
.theme-config .register button.submit:hover {
  background: rgba(var(--red), var(--green), var(--blue), .7)
}

.theme-config .forgot button.submit:focus,
.theme-config .login button.submit:focus,
.theme-config .register button.submit:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue) .5)
}

.theme-config .forgot .switch-form button,
.theme-config .login .switch-form button,
.theme-config .product-detail .description button,
.theme-config .register .switch-form button {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .add-to-cart:hover {
  background: rgba(var(--red), var(--green), var(--blue), .7)
}

.theme-config .product-detail .add-to-cart:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .empty-collection button {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .empty-collection button.secondary:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

.theme-config .checkout-content::-webkit-scrollbar-thumb {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .store-details button.cart:hover {
  background: rgba(var(--red), var(--green), var(--blue), .09)
}

.theme-config .checkout-content .store-details .count {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .checkout-header:after {
  border-bottom: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .step-group.done .step-number {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .step-group.done .step-name {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group.center {
  justify-content: center
}

.theme-config .checkout-content .btn-group button,
.theme-config .checkout-content btn-group .pay-btn {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group .secondary:hover {
  box-shadow: 2px 2px 10px rgba(88, 85, 99, .3)
}

.theme-config .checkout-content .btn-group .secondary {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group .primary {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group .primary:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .checkout-content .btn-group button:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

.theme-config .step-2 .step-header button,
.theme-config .step-2 .use-saved-details button {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .step-2 .check-group,
.theme-config .step-2 .radio-group {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .step-2 .input-group button,
.theme-config .step-2 input[type=checkbox]:checked+.inner-check,
.theme-config .step-2 input[type=radio]:checked+.inner-check {
  background: rgba(var(--red), var(--green), var(--blue), 1);
}

.theme-config .payment-step .step-header button,
.theme-config .step-2 .discount-group .discount-info {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .check-group,
.theme-config .payment-step .radio-group {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
}

.theme-config .payment-step .input-group button,
.theme-config .payment-step input[type=checkbox]:checked+.inner-check,
.theme-config .payment-step input[type=radio]:checked+.inner-check {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .payment-option.active {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
}

.theme-config .payment-step .upload-proof .proof-template {
  border: 1px dashed rgba(var(--red), var(--green), var(--blue), 1);
}

.theme-config .payment-step .upload-proof .proof-template .template-details .upload-icon svg {
  fill: rgba(var(--red), var(--green), var(--blue), 1);
  stroke: rgba(var(--red), var(--green), var(--blue), 1);
}

.theme-config .payment-step .upload-proof .proof-template p {
  color: rgba(var(--red), var(--green), var(--blue), 1);
}

.theme-config .payment-step .upload-proof .upload-details button svg path {
  stroke: rgba(var(--red), var(--green), var(--blue), 1);
}

.theme-config .payment-step .upload-proof .upload-details .progress .bar {
  background-color: #0b9444;
}

.theme-config .quantity-field button:hover {
  background: rgba(var(--red), var(--green), var(--blue), 1);
}

.theme-config .product-detail .cart-btn-group button:first-of-type,
.theme-config .product-detail .rating-group button:hover {
  color: rgba(var(--red), var(--green), var(--blue), 1);
}

.theme-config .product-detail .cart-btn-group button:last-of-type {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff;
}

.theme-config .product-detail .cart-btn-group button.secondary {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .add-to-cart {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .add-to-cart:hover,
.theme-config .product-detail .cart-btn-group button:last-of-type:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .product-detail .cart-btn-group button:first-of-type:hover {
  background: rgba(var(--red), var(--green), var(--blue), .1)
}

.theme-config .product-detail .add-to-cart:focus,
.theme-config .product-detail .cart-btn-group button:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .product-reviews button.write-review {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-reviews button.write-review:hover {
  background: rgba(var(--red), var(--green), var(--blue), .1)
}

.theme-config .product-reviews button.write-review:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .navigation-buttons a.secondary {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .navigation-buttons button.primary,
.theme-config .review-modal-content button.submit {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .review-modal-content button.submit:focus,
.theme-config .review-modal-content button.submit:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .review-modal-content button.submit:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .tabs button.active,
.theme-config .tabs button:focus {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .tabs button.active {
  border-bottom: 2px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .review-summary .review-link a button {
  color: rgba(var(--red), var(--green), var(--blue), 1);
  text-decoration: none
}

.theme-config .form button.primary {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group button {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group .secondary {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group .primary {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group .primary:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .btn-group button:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

@media (max-width:424.98px) {
  .theme-config .btn-group.center button.primary {
    background: rgba(var(--red), var(--green), var(--blue), 1)
  }
}

.theme-config .order-summary .order-info button {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config button.return-to {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .secondary {
  background: #fff;
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config button.secondary:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

.theme-config .order-summary .shipping-info>.row-group:first-child {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .order-summary .shipping-info>.row-group:first-child h4 {
  color: #fff
}

.theme-config .order-summary .payment-info>.row-group:first-child {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .order-summary .payment-info>.row-group:first-child h4 {
  color: #fff
}

.theme-config .pay-btn {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .offers-modal-content {
  border: 3px dotted rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .offers-modal-content button.submit {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .offers-modal-content button.submit:focus,
.theme-config .offers-modal-content button.submit:hover {
  background: rgba(var(--red), var(--green), var(--blue), .7)
}

.theme-config .offers-modal-content button.submit:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

input::placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

input::-webkit-input-placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

input:-ms-input-placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

input:-moz-placeholder,
input::-moz-placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

.hide {
  display: none !important
}

.auth-navigation {
  border-bottom: 1px solid #eef0f8;
  margin-bottom: 25px;
  margin-top: 10px;
  padding: 0 60px
}

@media (max-width:991.98px) {
  .auth-navigation {
    padding: 0 40px
  }
}

@media (max-width:767.98px) {
  .auth-navigation {
    padding: 0 24px
  }
}

.authentication-modal {
  background: rgba(13, 24, 33, .5);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 50
}

.send-forgot .return {
  display: flex;
  justify-content: center;
  width: 100%
}

.sent-forgot {
  font-size: 16px;
  margin-bottom: 20px
}

.sent-forgot,
.sent-forgot form {
  align-items: center;
  display: flex;
  flex-direction: column
}

.sent-forgot button {
  margin-top: 10px
}

.sent-forgot p {
  text-align: center
}

.authentication-modal-content {
  background: #fff;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  margin: 40px auto;
  max-width: 1012px;
  padding: 70px 0 40px;
  position: relative;
  width: 40%
}

.authentication-modal-content .close-modal {
  padding: 4px;
  position: absolute;
  right: 32px;
  top: 24px
}

.authentication-modal-content .forgot,
.authentication-modal-content .login,
.authentication-modal-content .register {
  padding-left: 60px;
  padding-right: 60px
}

.authentication-modal-content .login-options.row {
  align-items: center;
  display: flex;
  justify-content: space-between
}

.authentication-modal-content .login-options.row .remember-me {
  align-items: center;
  display: flex
}

.authentication-modal-content .login-options.row .remember-me span {
  font-size: 16px;
  margin-left: 5px
}

@media (max-width:767.98px) {
  .authentication-modal-content .login-options.row .remember-me span {
    font-size: 14px
  }
}

.authentication-modal-content .login-options.row .remember-me input {
  width: 20px
}

@media (max-width:767.98px) {
  .authentication-modal-content .login-options.row .remember-me input {
    width: 15px
  }
}

@media (max-width:424.98px) {
  .authentication-modal-content .login-options.row .remember-me input {
    width: 13px
  }
}

.authentication-modal-content .login-options.row a {
  color: rgba(var(--red), var(--green), var(--blue), 1);
  font-size: 16px;
  text-decoration: underline
}

@media (max-width:767.98px) {
  .authentication-modal-content .login-options.row a {
    font-size: 14px
  }
}

@media (max-width:991.98px) {
  .authentication-modal-content {
    padding: 70px 0 40px
  }

  .authentication-modal-content .close-modal {
    right: 24px
  }

  .authentication-modal-content .login,
  .authentication-modal-content .register .forgot {
    padding: 0 40px
  }
}

@media (max-width:767.98px) {
  .authentication-modal-content {
    margin: 180px auto;
    max-width: 400px;
    padding: 40px 0;
    width: 89%
  }

  .authentication-modal-content .close-modal {
    padding: 0
  }

  .authentication-modal-content .hideForm {
    display: none !important
  }

  .authentication-modal-content .forgot,
  .authentication-modal-content .login,
  .authentication-modal-content .register {
    border-right: 0;
    padding: 0 24px
  }
}

@media (max-width:424.98px) {
  .authentication-modal-content .forgot {
    padding-left: 20px;
    padding-right: 20px;
    width: 100%
  }
}

.authentication-modal-content.has-forgot {
  display: flex;
  justify-content: center;
  max-width: 768px
}

#forgot-form {
  display: flex;
  flex-direction: column
}

#forgot-form .error {
  margin-bottom: 10px;
  margin-top: 10px
}

.forgot,
.login,
.register {
  width: 100%
}

.forgot span.error,
.login span.error,
.register span.error {
  color: red;
  display: none;
  font-size: 17px;
  margin-bottom: 5px
}

.forgot .has-error span.error,
.login .has-error span.error,
.register .has-error span.error {
  display: block
}

.forgot a,
.login a,
.register a {
  color: rgba(var(--red), var(--green), var(--blue), 1);
  text-align: center
}

@media (max-width:767.98px) {

  .forgot,
  .login,
  .register {
    width: 100%
  }
}

.forgot h3,
.login h3,
.register h3 {
  font-size: 24px;
  line-height: 1.2em;
  margin-bottom: 32px
}

@media (max-width:575.98px) {

  .forgot h3,
  .login h3,
  .register h3 {
    font-size: 18px
  }
}

.forgot .input-group,
.login .input-group,
.register .input-group {
  margin-bottom: 24px
}

@media (max-width:575.98px) {

  .forgot .input-group,
  .login .input-group,
  .register .input-group {
    margin-bottom: 16px
  }
}

.forgot label,
.login label,
.register label {
  font-size: 18px;
  margin-bottom: 4px
}

@media (max-width:767.98px) {

  .forgot label,
  .login label,
  .register label {
    display: none
  }

  .forgot label.forgot-label,
  .login label.forgot-label,
  .register label.forgot-label {
    display: block;
    font-size: 15px
  }
}

.forgot input,
.login input,
.register input {
  border: 1px solid #eef0f8;
  border-radius: 5px;
  font-size: 16px;
  height: 50px;
  padding: 6px 16px 0;
  width: 100%
}

@media (max-width:575.98px) {

  .forgot input,
  .login input,
  .register input {
    font-size: 14px;
    height: 44px;
    padding: 5px 15px 0
  }
}

.forgot button.submit,
.login button.submit,
.register button.submit {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  border-radius: 5px;
  color: #fff;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 40px;
  padding: 17px 40px 13px;
  width: 100%
}

@media (max-width:575.98px) {

  .forgot button.submit,
  .login button.submit,
  .register button.submit {
    font-size: 14px;
    margin-bottom: 24px;
    margin-top: 8px
  }
}

.forgot button.submit:hover,
.login button.submit:hover,
.register button.submit:hover {
  background: #0a7c39
}

.forgot button.submit:focus,
.login button.submit:focus,
.register button.submit:focus {
  box-shadow: 0 0 0 2px rgba(11, 148, 68, .5)
}

.forgot .switch-form,
.login .switch-form,
.register .switch-form {
  display: none;
  margin: 22px auto 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

@media (max-width:767.98px) {

  .forgot .switch-form,
  .login .switch-form,
  .register .switch-form {
    display: flex
  }
}

.forgot .switch-form button,
.login .switch-form button,
.register .switch-form button {
  color: #0b9444;
  padding: 0;
  text-decoration: none
}

.forgot .switch-form button:hover,
.login .switch-form button:hover,
.register .switch-form button:hover {
  text-decoration: underline
}

.authentication-options p {
  font-size: 18px;
  margin-bottom: 24px;
  text-align: center
}

@media (max-width:575.98px) {
  .authentication-options p {
    font-size: 14px;
    margin-bottom: 16px
  }
}

.authentication-options .option-group {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

@media (max-width:575.98px) {
  .authentication-options .option-group {
    margin: 0 auto;
    max-width: 232px
  }
}

.authentication-options .option-group a {
  border: 1px solid #eef0f8;
  border-radius: 5px;
  height: 60px;
  margin-bottom: 10px;
  padding: 16px;
  width: 60px
}

@media (max-width:575.98px) {
  .authentication-options .option-group a {
    height: 40px;
    padding: 10px;
    width: 40px
  }

  .authentication-options .option-group a svg {
    max-height: 16px;
    max-width: 16px
  }
}

input[data-v-3d1fa030]::placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

input[data-v-3d1fa030]::-webkit-input-placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

input[data-v-3d1fa030]:-ms-input-placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

input[data-v-3d1fa030]:-moz-placeholder,
input[data-v-3d1fa030]::-moz-placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

.theme-config button[data-v-3d1fa030]:disabled {
  background-color: rgba(var(--red), var(--green), var(--blue), .4) !important
}

.theme-config .nav-one[data-v-3d1fa030] {
  background: #0d1821
}

.theme-config .nav-two .login[data-v-3d1fa030]:hover,
.theme-config .nav-two a[data-v-3d1fa030]:hover,
.theme-config .nav-two button.contact-us[data-v-3d1fa030]:focus,
.theme-config .nav-two button.contact-us[data-v-3d1fa030]:hover {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two a.router-link-exact-active svg path[data-v-3d1fa030],
.theme-config .nav-two button.contact-us:focus svg path[data-v-3d1fa030],
.theme-config .nav-two button.contact-us:hover svg path[data-v-3d1fa030] {
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two button.account-info svg circle[data-v-3d1fa030],
.theme-config .nav-two button.account-info svg rect[data-v-3d1fa030] {
  fill: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two .count[data-v-3d1fa030] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two input[data-v-3d1fa030]:focus {
  border-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two button.cart[data-v-3d1fa030]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .09)
}

.theme-config .nav-two .count[data-v-3d1fa030] {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two .search-group-mobile button svg path[data-v-3d1fa030] {
  stroke: #000
}

.theme-config .product button[data-v-3d1fa030] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button span[data-v-3d1fa030] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button svg[data-v-3d1fa030] {
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button[data-v-3d1fa030]:hover {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button svg[data-v-3d1fa030] {
  margin-right: 12px;
  margin-top: -3px
}

.theme-config .product button:hover span[data-v-3d1fa030] {
  color: #fff
}

.theme-config .product button:hover svg path[data-v-3d1fa030] {
  stroke: #fff
}

.theme-config .product:hover button[data-v-3d1fa030]:not(.out-of-stock-btn) {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product:hover button:not(.out-of-stock-btn) span[data-v-3d1fa030] {
  color: #fff
}

.theme-config .products-container button.secondary-btn[data-v-3d1fa030] {
  background: #fff;
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .products-container button.secondary-btn[data-v-3d1fa030]:hover {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .sticky-group button[data-v-3d1fa030] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .collections .collection-list button[data-v-3d1fa030] {
  color: #000
}

.theme-config .collections>div[data-v-3d1fa030]::-webkit-scrollbar-thumb {
  background: rgba(var(--red), var(--green), var(--blue), .2)
}

.theme-config .news-letter input[data-v-3d1fa030]:focus {
  border-color: rgba(var(--red), var(--green), var(--blue), .5);
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .3)
}

.theme-config .news-letter .input-body button[data-v-3d1fa030] {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .news-letter .input-body button[data-v-3d1fa030]:focus {
  border-color: rgba(var(--red), var(--green), var(--blue), .5);
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .3)
}

.theme-config .share-buttons button[data-v-3d1fa030] {
  background: transparent;
  height: 40px;
  width: 40px
}

.theme-config .share-buttons button svg.whatsapp-svg[data-v-3d1fa030],
.theme-config .share-buttons button svg[data-v-3d1fa030]:not(.whatsapp-svg) {
  fill: #7e7e7e
}

.theme-config .forgot button.submit[data-v-3d1fa030],
.theme-config .login button.submit[data-v-3d1fa030],
.theme-config .register button.submit[data-v-3d1fa030] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .forgot button.submit[data-v-3d1fa030]:hover,
.theme-config .login button.submit[data-v-3d1fa030]:hover,
.theme-config .register button.submit[data-v-3d1fa030]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .7)
}

.theme-config .forgot button.submit[data-v-3d1fa030]:focus,
.theme-config .login button.submit[data-v-3d1fa030]:focus,
.theme-config .register button.submit[data-v-3d1fa030]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue) .5)
}

.theme-config .forgot .switch-form button[data-v-3d1fa030],
.theme-config .login .switch-form button[data-v-3d1fa030],
.theme-config .product-detail .description button[data-v-3d1fa030],
.theme-config .register .switch-form button[data-v-3d1fa030] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .add-to-cart[data-v-3d1fa030]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .7)
}

.theme-config .product-detail .add-to-cart[data-v-3d1fa030]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .empty-collection button[data-v-3d1fa030] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .empty-collection button.secondary[data-v-3d1fa030]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

.theme-config .checkout-content[data-v-3d1fa030]::-webkit-scrollbar-thumb {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .store-details button.cart[data-v-3d1fa030]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .09)
}

.theme-config .checkout-content .store-details .count[data-v-3d1fa030] {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .checkout-header[data-v-3d1fa030]:after {
  border-bottom: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .step-group.done .step-number[data-v-3d1fa030] {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .step-group.done .step-name[data-v-3d1fa030] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group.center[data-v-3d1fa030] {
  justify-content: center
}

.theme-config .checkout-content .btn-group button[data-v-3d1fa030],
.theme-config .checkout-content btn-group .pay-btn[data-v-3d1fa030] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group .secondary[data-v-3d1fa030]:hover {
  box-shadow: 2px 2px 10px rgba(88, 85, 99, .3)
}

.theme-config .checkout-content .btn-group .secondary[data-v-3d1fa030] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group .primary[data-v-3d1fa030] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group .primary[data-v-3d1fa030]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .checkout-content .btn-group button[data-v-3d1fa030]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

.theme-config .step-2 .step-header button[data-v-3d1fa030],
.theme-config .step-2 .use-saved-details button[data-v-3d1fa030] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .step-2 .check-group[data-v-3d1fa030],
.theme-config .step-2 .radio-group[data-v-3d1fa030] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .step-2 .input-group button[data-v-3d1fa030],
.theme-config .step-2 input[type=checkbox]:checked+.inner-check[data-v-3d1fa030],
.theme-config .step-2 input[type=radio]:checked+.inner-check[data-v-3d1fa030] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .step-header button[data-v-3d1fa030],
.theme-config .step-2 .discount-group .discount-info[data-v-3d1fa030] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .check-group[data-v-3d1fa030],
.theme-config .payment-step .radio-group[data-v-3d1fa030] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .input-group button[data-v-3d1fa030],
.theme-config .payment-step input[type=checkbox]:checked+.inner-check[data-v-3d1fa030],
.theme-config .payment-step input[type=radio]:checked+.inner-check[data-v-3d1fa030] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .payment-option.active[data-v-3d1fa030] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .proof-template[data-v-3d1fa030] {
  border: 1px dashed rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .proof-template .template-details .upload-icon svg[data-v-3d1fa030] {
  fill: rgba(var(--red), var(--green), var(--blue), 1);
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .proof-template p[data-v-3d1fa030] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .upload-details button svg path[data-v-3d1fa030] {
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .upload-details .progress .bar[data-v-3d1fa030] {
  background-color: #0b9444
}

.theme-config .quantity-field button[data-v-3d1fa030]:hover {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .cart-btn-group button[data-v-3d1fa030]:first-of-type,
.theme-config .product-detail .rating-group button[data-v-3d1fa030]:hover {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .cart-btn-group button[data-v-3d1fa030]:last-of-type {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .product-detail .cart-btn-group button.secondary[data-v-3d1fa030] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .add-to-cart[data-v-3d1fa030] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .add-to-cart[data-v-3d1fa030]:hover,
.theme-config .product-detail .cart-btn-group button[data-v-3d1fa030]:last-of-type:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .product-detail .cart-btn-group button[data-v-3d1fa030]:first-of-type:hover {
  background: rgba(var(--red), var(--green), var(--blue), .1)
}

.theme-config .product-detail .add-to-cart[data-v-3d1fa030]:focus,
.theme-config .product-detail .cart-btn-group button[data-v-3d1fa030]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .product-reviews button.write-review[data-v-3d1fa030] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-reviews button.write-review[data-v-3d1fa030]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .1)
}

.theme-config .product-reviews button.write-review[data-v-3d1fa030]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .navigation-buttons a.secondary[data-v-3d1fa030] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .navigation-buttons button.primary[data-v-3d1fa030],
.theme-config .review-modal-content button.submit[data-v-3d1fa030] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .review-modal-content button.submit[data-v-3d1fa030]:focus,
.theme-config .review-modal-content button.submit[data-v-3d1fa030]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .review-modal-content button.submit[data-v-3d1fa030]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .tabs button.active[data-v-3d1fa030],
.theme-config .tabs button[data-v-3d1fa030]:focus {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .tabs button.active[data-v-3d1fa030] {
  border-bottom: 2px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .review-summary .review-link a button[data-v-3d1fa030] {
  color: rgba(var(--red), var(--green), var(--blue), 1);
  text-decoration: none
}

.theme-config .form button.primary[data-v-3d1fa030] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group button[data-v-3d1fa030] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group .secondary[data-v-3d1fa030] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group .primary[data-v-3d1fa030] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group .primary[data-v-3d1fa030]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .btn-group button[data-v-3d1fa030]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

@media (max-width:424.98px) {
  .theme-config .btn-group.center button.primary[data-v-3d1fa030] {
    background: rgba(var(--red), var(--green), var(--blue), 1)
  }
}

.theme-config .order-summary .order-info button[data-v-3d1fa030] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config button.return-to[data-v-3d1fa030] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .secondary[data-v-3d1fa030] {
  background: #fff;
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config button.secondary[data-v-3d1fa030]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

.theme-config .order-summary .shipping-info>.row-group[data-v-3d1fa030]:first-child {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .order-summary .shipping-info>.row-group:first-child h4[data-v-3d1fa030] {
  color: #fff
}

.theme-config .order-summary .payment-info>.row-group[data-v-3d1fa030]:first-child {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .order-summary .payment-info>.row-group:first-child h4[data-v-3d1fa030] {
  color: #fff
}

.theme-config .pay-btn[data-v-3d1fa030] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .offers-modal-content[data-v-3d1fa030] {
  border: 3px dotted rgba(var(--red), var(--green), var(--blue), 1);
}

.theme-config .offers-modal-content button.submit[data-v-3d1fa030] {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .offers-modal-content button.submit[data-v-3d1fa030]:focus,
.theme-config .offers-modal-content button.submit[data-v-3d1fa030]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .7)
}

.theme-config .offers-modal-content button.submit[data-v-3d1fa030]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

@-webkit-keyframes rotation-data-v-3d1fa030 {
  0% {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(1turn)
  }
}

@keyframes rotation-data-v-3d1fa030 {
  0% {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(1turn)
  }
}

.spinner[data-v-3d1fa030] {
  -webkit-animation: rotation-data-v-3d1fa030 1s linear infinite;
  animation: rotation-data-v-3d1fa030 1s linear infinite;
  border: 3px solid transparent;
  border-radius: 50%;
  display: inline-block;
  height: 20px;
  width: 20px
}

.phone-input-container[data-v-34d31f68] {
  margin: 0 auto;
  max-width: 300px
}

.input-group[data-v-34d31f68] {
  display: flex
}

.country-code-select[data-v-34d31f68] {
  padding: 4px 10px 0;
  width: 80px
}

.country-code-select[data-v-34d31f68],
.phone-number-input[data-v-34d31f68] {
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  font-size: 16px;
  height: 50px
}

.phone-number-input[data-v-34d31f68] {
  flex: 1;
  padding: 4px 16px 0;
  width: 100%
}

.error-message[data-v-34d31f68] {
  color: red;
  font-size: .8em
}

.theme-config button[data-v-638c337a]:disabled {
  background-color: rgba(var(--red), var(--green), var(--blue), .4) !important
}

.theme-config .nav-one[data-v-638c337a] {
  background: #0d1821
}

.theme-config .nav-two .login[data-v-638c337a]:hover,

.theme-config .nav-two a[data-v-638c337a]:hover,
.theme-config .nav-two button.contact-us[data-v-638c337a]:focus,
.theme-config .nav-two button.contact-us[data-v-638c337a]:hover {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two a.router-link-exact-active svg path[data-v-638c337a],
.theme-config .nav-two button.contact-us:focus svg path[data-v-638c337a],
.theme-config .nav-two button.contact-us:hover svg path[data-v-638c337a] {
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two button.account-info svg circle[data-v-638c337a],
.theme-config .nav-two button.account-info svg rect[data-v-638c337a] {
  fill: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two .count[data-v-638c337a] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two input[data-v-638c337a]:focus {
  border-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two button.cart[data-v-638c337a]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .09)
}

.theme-config .nav-two .count[data-v-638c337a] {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two .search-group-mobile button svg path[data-v-638c337a] {
  stroke: #000
}

.theme-config .product button[data-v-638c337a] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button span[data-v-638c337a] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button svg[data-v-638c337a] {
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button[data-v-638c337a]:hover {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button svg[data-v-638c337a] {
  margin-right: 12px;
  margin-top: -3px
}

.theme-config .product button:hover span[data-v-638c337a] {
  color: #fff
}

.theme-config .product button:hover svg path[data-v-638c337a] {
  stroke: #fff
}

.theme-config .product:hover button[data-v-638c337a]:not(.out-of-stock-btn) {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product:hover button:not(.out-of-stock-btn) span[data-v-638c337a] {
  color: #fff
}

.theme-config .products-container button.secondary-btn[data-v-638c337a] {
  background: #fff;
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .products-container button.secondary-btn[data-v-638c337a]:hover {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .sticky-group button[data-v-638c337a] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .collections .collection-list button[data-v-638c337a] {
  color: #000
}

.theme-config .collections>div[data-v-638c337a]::-webkit-scrollbar-thumb {
  background: rgba(var(--red), var(--green), var(--blue), .2)
}

.theme-config .news-letter input[data-v-638c337a]:focus {
  border-color: rgba(var(--red), var(--green), var(--blue), .5);
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .3)
}

.theme-config .news-letter .input-body button[data-v-638c337a] {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .news-letter .input-body button[data-v-638c337a]:focus {
  border-color: rgba(var(--red), var(--green), var(--blue), .5);
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .3)
}

.theme-config .share-buttons button[data-v-638c337a] {
  background: transparent;
  height: 40px;
  width: 40px
}

.theme-config .share-buttons button svg.whatsapp-svg[data-v-638c337a],
.theme-config .share-buttons button svg[data-v-638c337a]:not(.whatsapp-svg) {
  fill: #7e7e7e
}

.theme-config .forgot button.submit[data-v-638c337a],
.theme-config .login button.submit[data-v-638c337a],
.theme-config .register button.submit[data-v-638c337a] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .forgot button.submit[data-v-638c337a]:hover,
.theme-config .login button.submit[data-v-638c337a]:hover,
.theme-config .register button.submit[data-v-638c337a]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .7)
}

.theme-config .forgot button.submit[data-v-638c337a]:focus,
.theme-config .login button.submit[data-v-638c337a]:focus,
.theme-config .register button.submit[data-v-638c337a]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue) .5)
}

.theme-config .forgot .switch-form button[data-v-638c337a],
.theme-config .login .switch-form button[data-v-638c337a],
.theme-config .product-detail .description button[data-v-638c337a],
.theme-config .register .switch-form button[data-v-638c337a] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .add-to-cart[data-v-638c337a]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .7)
}

.theme-config .product-detail .add-to-cart[data-v-638c337a]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .empty-collection button[data-v-638c337a] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .empty-collection button.secondary[data-v-638c337a]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

.theme-config .checkout-content[data-v-638c337a]::-webkit-scrollbar-thumb {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .store-details button.cart[data-v-638c337a]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .09)
}

.theme-config .checkout-content .store-details .count[data-v-638c337a] {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .checkout-header[data-v-638c337a]:after {
  border-bottom: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .step-group.done .step-number[data-v-638c337a] {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .step-group.done .step-name[data-v-638c337a] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group.center[data-v-638c337a] {
  justify-content: center
}

.theme-config .checkout-content .btn-group button[data-v-638c337a],
.theme-config .checkout-content btn-group .pay-btn[data-v-638c337a] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group .secondary[data-v-638c337a]:hover {
  box-shadow: 2px 2px 10px rgba(88, 85, 99, .3)
}

.theme-config .checkout-content .btn-group .secondary[data-v-638c337a] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group .primary[data-v-638c337a] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group .primary[data-v-638c337a]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .checkout-content .btn-group button[data-v-638c337a]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

.theme-config .step-2 .step-header button[data-v-638c337a],
.theme-config .step-2 .use-saved-details button[data-v-638c337a] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .step-2 .check-group[data-v-638c337a],
.theme-config .step-2 .radio-group[data-v-638c337a] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .step-2 .input-group button[data-v-638c337a],
.theme-config .step-2 input[type=checkbox]:checked+.inner-check[data-v-638c337a],
.theme-config .step-2 input[type=radio]:checked+.inner-check[data-v-638c337a] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .step-header button[data-v-638c337a],
.theme-config .step-2 .discount-group .discount-info[data-v-638c337a] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .check-group[data-v-638c337a],
.theme-config .payment-step .radio-group[data-v-638c337a] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .input-group button[data-v-638c337a],
.theme-config .payment-step input[type=checkbox]:checked+.inner-check[data-v-638c337a],
.theme-config .payment-step input[type=radio]:checked+.inner-check[data-v-638c337a] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .payment-option.active[data-v-638c337a] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .proof-template[data-v-638c337a] {
  border: 1px dashed rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .proof-template .template-details .upload-icon svg[data-v-638c337a] {
  fill: rgba(var(--red), var(--green), var(--blue), 1);
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .proof-template p[data-v-638c337a] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .upload-details button svg path[data-v-638c337a] {
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .upload-details .progress .bar[data-v-638c337a] {
  background-color: #0b9444
}

.theme-config .quantity-field button[data-v-638c337a]:hover {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .cart-btn-group button[data-v-638c337a]:first-of-type,
.theme-config .product-detail .rating-group button[data-v-638c337a]:hover {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .cart-btn-group button[data-v-638c337a]:last-of-type {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .product-detail .cart-btn-group button.secondary[data-v-638c337a] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .add-to-cart[data-v-638c337a] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .add-to-cart[data-v-638c337a]:hover,
.theme-config .product-detail .cart-btn-group button[data-v-638c337a]:last-of-type:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .product-detail .cart-btn-group button[data-v-638c337a]:first-of-type:hover {
  background: rgba(var(--red), var(--green), var(--blue), .1)
}

.theme-config .product-detail .add-to-cart[data-v-638c337a]:focus,
.theme-config .product-detail .cart-btn-group button[data-v-638c337a]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .product-reviews button.write-review[data-v-638c337a] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-reviews button.write-review[data-v-638c337a]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .1)
}

.theme-config .product-reviews button.write-review[data-v-638c337a]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .navigation-buttons a.secondary[data-v-638c337a] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .navigation-buttons button.primary[data-v-638c337a],
.theme-config .review-modal-content button.submit[data-v-638c337a] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .review-modal-content button.submit[data-v-638c337a]:focus,
.theme-config .review-modal-content button.submit[data-v-638c337a]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .review-modal-content button.submit[data-v-638c337a]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .tabs button.active[data-v-638c337a],
.theme-config .tabs button[data-v-638c337a]:focus {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .tabs button.active[data-v-638c337a] {
  border-bottom: 2px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .review-summary .review-link a button[data-v-638c337a] {
  color: rgba(var(--red), var(--green), var(--blue), 1);
  text-decoration: none
}

.theme-config .form button.primary[data-v-638c337a] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group button[data-v-638c337a] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group .secondary[data-v-638c337a] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group .primary[data-v-638c337a] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group .primary[data-v-638c337a]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .btn-group button[data-v-638c337a]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

@media (max-width:424.98px) {
  .theme-config .btn-group.center button.primary[data-v-638c337a] {
    background: rgba(var(--red), var(--green), var(--blue), 1)
  }
}

.theme-config .order-summary .order-info button[data-v-638c337a] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config button.return-to[data-v-638c337a] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .secondary[data-v-638c337a] {
  background: #fff;
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config button.secondary[data-v-638c337a]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

.theme-config .order-summary .shipping-info>.row-group[data-v-638c337a]:first-child {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .order-summary .shipping-info>.row-group:first-child h4[data-v-638c337a] {
  color: #fff
}

.theme-config .order-summary .payment-info>.row-group[data-v-638c337a]:first-child {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .order-summary .payment-info>.row-group:first-child h4[data-v-638c337a] {
  color: #fff
}

.theme-config .pay-btn[data-v-638c337a] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .offers-modal-content[data-v-638c337a] {
  border: 3px dotted rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .offers-modal-content button.submit[data-v-638c337a] {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .offers-modal-content button.submit[data-v-638c337a]:focus,
.theme-config .offers-modal-content button.submit[data-v-638c337a]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .7)
}

.theme-config .offers-modal-content button.submit[data-v-638c337a]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.btn-group[data-v-638c337a] {
  width: 100%
}

.row-btn[data-v-638c337a] {
  display: flex;
  flex-direction: row
}

.col-btn[data-v-638c337a] {
  display: flex;
  flex-direction: column
}

.col-btn .btn[data-v-638c337a] {
  margin: 4px 0
}

.btn[data-v-638c337a] {
  border-radius: 5px;
  font-size: 15px;
  padding: 15px 5px;
  text-align: center
}

.btn-group.center[data-v-638c337a] {
  justify-content: center
}

.btn-group .secondary[data-v-638c337a]:hover {
  box-shadow: 2px 2px 10px rgba(88, 85, 99, .3)
}

.btn-group .secondary[data-v-638c337a] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.btn-group .primary[data-v-638c337a] {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.btn-group .primary[data-v-638c337a]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.btn-group button[data-v-638c337a]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

.dropdown[data-v-638c337a] {
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  font-family: Graphik;
  height: 50px;
  position: relative;
  width: 100%
}

@media (max-width:575.98px) {
  .dropdown[data-v-638c337a] {
    height: 44px
  }
}

.dropdown .selected[data-v-638c337a] {
  display: flex;
  justify-content: space-between;
  padding: 16px
}

.dropdown .selected p[data-v-638c337a] {
  text-transform: capitalize
}

.dropdown .selected svg[data-v-638c337a] {
  bottom: 2px;
  position: relative
}

.dropdown-options[data-v-638c337a] {
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 8px;
  height: auto;
  overflow: hidden;
  position: absolute;
  width: 100%;
  z-index: 2
}

.dropdown-options .dropdown-search-row[data-v-638c337a] {
  align-items: center;
  background-color: #f2f2f2;
  border: 1px solid #ebebeb;
  border-radius: 40px;
  display: flex;
  gap: 3px;
  height: 30px;
  margin: 6px auto;
  overflow: hidden;
  padding: 0 8px;
  width: 94%
}

.dropdown-options .dropdown-search-row input[data-v-638c337a] {
  background-color: #f2f2f2;
  border: none;
  flex-grow: 1;
  font-size: 14px
}

.dropdown-options .dropdown-search-row input[data-v-638c337a] :-ms-input-placeholder {
  font-size: 14px
}

.dropdown-options .dropdown-search-row input[data-v-638c337a] ::placeholder {
  font-size: 14px
}

.dropdown-options .dropdown-search-row input[data-v-638c337a] ::-moz-placeholder {
  font-size: 14px
}

.dropdown-options .dropdown-options-list[data-v-638c337a] {
  border-top: 1px solid #d1d1d1;
  max-height: 250px;
  overflow-y: scroll;
  width: 100%
}

.dropdown-options .dropdown-options-list .option[data-v-638c337a] {
  background-color: #fff;
  cursor: pointer;
  font-size: 14px;
  padding: 10px;
  width: 100%
}

.dropdown-options .dropdown-options-list .option[data-v-638c337a]:hover {
  background-color: #e5e5e5
}

input[data-v-14aed4b5]::placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

input[data-v-14aed4b5]::-webkit-input-placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

input[data-v-14aed4b5]:-ms-input-placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

input[data-v-14aed4b5]:-moz-placeholder,
input[data-v-14aed4b5]::-moz-placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

.authentication-page[data-v-14aed4b5] {
  margin: 91px 0 131px;
  text-align: center;
  width: 100%
}

@media (max-width:767.98px) {
  .authentication-page[data-v-14aed4b5] {
    margin: 70px 0 100px
  }
}

@media (max-width:424.98px) {
  .authentication-page[data-v-14aed4b5] {
    margin: 50px 0 80px
  }
}

.authentication[data-v-14aed4b5] {
  border: 1px solid #c7d3dd;
  border-radius: 3px;
  display: inline-block;
  max-width: 80%;
  padding: 42px 43px;
  text-align: left;
  width: 600px
}

@media (max-width:575.98px) {
  .authentication[data-v-14aed4b5] {
    padding: 42px 35px
  }
}

@media (max-width:424.98px) {
  .authentication[data-v-14aed4b5] {
    margin: 0 20px;
    max-width: unset;
    padding: 35px 30px;
    width: calc(100% - 40px)
  }
}

.authentication h1[data-v-14aed4b5] {
  color: #0d1821;
  font-family: Graphik, Segoe UI, Helvetica Neue;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  margin: 0 0 15px;
}

.authentication h1+p[data-v-14aed4b5] {
  margin-bottom: 31px
}

.authentication p[data-v-14aed4b5] {
  margin: 0
}

.fields-row[data-v-14aed4b5] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.fields-row>div[data-v-14aed4b5] {
  width: calc(50% - 10px)
}

@media (max-width:575.98px) {
  .fields-row>div[data-v-14aed4b5] {
    width: 100%
  }
}

.authentication input[data-v-14aed4b5] {
  background: #fff;
  border: 1px solid #c1c9d6;
  border-radius: 5px;
  height: 50px;
  margin-bottom: 24px;
  padding: 4px 20px 0;
  width: 100%
}

@media (max-width:767.98px) {
  .authentication input[data-v-14aed4b5] {
    height: 45px
  }
}

.authentication input[data-v-14aed4b5]:focus {
  box-shadow: 0 0 0 2px rgba(11, 148, 68, .5)
}

.authentication a[data-v-14aed4b5] {
  color: #0b9444
}

.authentication a.forgot-password[data-v-14aed4b5] {
  display: inline-block;
  margin-bottom: 24px
}

.authentication a[data-v-14aed4b5]:hover {
  text-decoration: underline
}

.authentication button[data-v-14aed4b5] {
  border: 1px solid transparent;
  border-radius: 5px;
  color: #fff;
  height: 50px;
  padding-top: 6px;
  width: 100%
}

@media (max-width:767.98px) {
  .authentication button[data-v-14aed4b5] {
    height: 45px
  }
}

.authentication .or[data-v-14aed4b5] {
  align-items: center;
  color: #c7d3dd;
  display: flex;
  justify-content: space-between;
  margin: 31px 0
}

.authentication .or span[data-v-14aed4b5] {
  border-top: 1px solid #c7d3dd;
  height: 3px;
  width: calc(50% - 32px)
}

.authentication button img[data-v-14aed4b5] {
  margin-right: 10px;
  margin-top: -6px
}

.authentication button.google-btn[data-v-14aed4b5] {
  background-color: #fff;
  border: 1px solid #c7d3dd;
  color: #0d1821;
  margin-bottom: 16px
}

.authentication button.facebook-btn[data-v-14aed4b5] {
  background-color: #3b5998;
  margin-bottom: 16px
}

.authentication button.facebook-btn[data-v-14aed4b5]:hover {
  background-color: #2e4575
}

.authentication button.facebook-btn[data-v-14aed4b5]:focus {
  box-shadow: 0 0 0 2px rgba(59, 89, 152, .5)
}

.authentication button.twitter-btn[data-v-14aed4b5] {
  background-color: #0a93e2
}

.authentication button.twitter-btn[data-v-14aed4b5]:hover {
  background-color: #0a7fc4
}

.authentication button.twitter-btn[data-v-14aed4b5]:focus {
  box-shadow: 0 0 0 2px rgba(10, 127, 196, .5)
}

.authentication .login-redirect[data-v-14aed4b5],
.authentication .register-redirect[data-v-14aed4b5] {
  margin-top: 31px
}

.authentication .login-redirect p[data-v-14aed4b5],
.authentication .register-redirect p[data-v-14aed4b5] {
  margin-right: 5px
}

.has-error .error[data-v-14aed4b5] {
  display: flex !important
}

.has-error label[data-v-14aed4b5] {
  color: #d01003
}

.has-error input[data-v-14aed4b5] {
  border-color: #d01003 !important
}

.hide[data-v-14aed4b5] {
  display: none !important
}

small[data-v-14aed4b5] {
  display: block
}

.medium[data-v-14aed4b5] {
  font-family: Graphik, Segoe UI, Helvetica Neue;
  font-weight: 500
}

.checkout-modal[data-v-14aed4b5] {
  background: rgba(13, 24, 33, .5);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 40
}

.checkout-content[data-v-14aed4b5]::-webkit-scrollbar {
  background: #eef0f8;
  width: 10px
}

.checkout-content[data-v-14aed4b5]::-webkit-scrollbar-thumb {
  background: #0b9444;
  border-radius: 5px
}

.checkout-content[data-v-14aed4b5] {
  background: #fff;
  border-radius: 0 0 0 5px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: 0 0 auto auto;
  max-height: 100%;
  max-width: 80%;
  overflow-y: auto;
  position: relative;
  scroll-behavior: smooth;
  width: 708px
}

@media (max-width:767.98px) {
  .checkout-content[data-v-14aed4b5] {
    max-width: unset;
    width: 100%
  }
}

.checkout-content .close-modal-group[data-v-14aed4b5] {
  padding: 4px;
  position: absolute;
  right: 32px;
  top: 24px
}

@media (max-width:575.98px) {
  .checkout-content .close-modal-group[data-v-14aed4b5] {
    display: none
  }
}

.checkout-content .store-details[data-v-14aed4b5] {
  align-items: center;
  background: #eef0f8;
  display: none;
  justify-content: space-between;
  padding: 30px 16px 16px
}

@media (max-width:575.98px) {
  .checkout-content .store-details[data-v-14aed4b5] {
    display: flex
  }

  .checkout-content .store-details .store-logo-name[data-v-14aed4b5] {
    max-width: 55%
  }
}

.checkout-content .store-details button.cart[data-v-14aed4b5] {
  border-radius: 50%;
  margin-right: 12px;
  padding: 6px;
  position: relative
}

@media (max-width:767.98px) {
  .checkout-content .store-details button.cart[data-v-14aed4b5] {
    margin-right: 10px
  }
}

.checkout-content .store-details button.cart img[data-v-14aed4b5] {
  width: 21px
}

@media (max-width:767.98px) {
  .checkout-content .store-details button.cart img[data-v-14aed4b5] {
    width: 18px
  }
}

.checkout-content .store-details button.cart[data-v-14aed4b5]:hover {
  background: rgba(11, 148, 68, .09)
}

.checkout-content .store-details .count[data-v-14aed4b5] {
  background-color: #0b9444;
  border-radius: 50%;
  color: #fff;
  font-size: 10px;
  height: 18px;
  line-height: 1em;
  padding-top: 2px;
  position: absolute;
  right: -6px;
  top: -8px;
  width: 18px
}

@media (max-width:767.98px) {
  .checkout-content .store-details .count[data-v-14aed4b5] {
    height: 14px;
    right: -3px;
    top: -6px;
    width: 14px
  }
}

.checkout-content .store-details a span[data-v-14aed4b5] {
  font-family: Graphik, Segoe UI, Helvetica Neue;
  font-weight: 18px;
  font-weight: 600
}

.checkout-content .store-details a img[data-v-14aed4b5] {
  height: 30px;
  margin-right: 10px
}

.checkout-content .checkout-header[data-v-14aed4b5] {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
  margin-left: 24px;
  max-width: 398px;
  padding-top: 39px;
  position: relative
}

@media (max-width:575.98px) {
  .checkout-content .checkout-header[data-v-14aed4b5] {
    margin: 0 16px;
    max-width: calc(100% - 32px);
    padding-top: 25px
  }
}

.checkout-content .checkout-header[data-v-14aed4b5]:after,
.checkout-content .checkout-header[data-v-14aed4b5]:before {
  border-bottom: 1px solid rgba(88, 85, 99, .5);
  content: "";
  display: inline-block;
  left: 16px;
  position: absolute;
  top: 47px;
  width: calc(100% - 40px)
}

@media (max-width:575.98px) {

  .checkout-content .checkout-header[data-v-14aed4b5]:after,
  .checkout-content .checkout-header[data-v-14aed4b5]:before {
    top: 33px
  }
}

.checkout-content .checkout-header[data-v-14aed4b5]:after {
  border-bottom: 1px solid #0b9444
}

.checkout-content .checkout-header.one[data-v-14aed4b5]:after {
  width: 0
}

.checkout-content .checkout-header.two[data-v-14aed4b5]:after {
  width: calc(50% - 20px)
}

.checkout-content .checkout-header.three[data-v-14aed4b5]:after {
  width: calc(100% - 40px)
}

.checkout-content .step-group[data-v-14aed4b5] {
  align-items: center;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 2
}

.checkout-content .step-group>svg[data-v-14aed4b5] {
  margin-bottom: 8px;
  position: absolute;
  top: -14px;
  visibility: hidden
}

.checkout-content .step-number[data-v-14aed4b5] {
  align-items: center;
  background: #fff;
  border: 1px solid rgba(88, 85, 99, .5);
  border-radius: 50%;
  display: flex;
  height: 18px;
  justify-content: center;
  margin-bottom: 8px;
  text-align: center;
  width: 18px
}

@media (max-width:575.98px) {
  .checkout-content .step-number[data-v-14aed4b5] {
    height: 15px;
    width: 15px
  }
}

.checkout-content .step-number span[data-v-14aed4b5] {
  color: rgba(88, 85, 99, .5);
  font-size: 14px;
  line-height: 1em;
  padding-top: 3px
}

@media (max-width:575.98px) {
  .checkout-content .step-number span[data-v-14aed4b5] {
    font-size: 12px
  }
}

.checkout-content .step-group.done .step-number[data-v-14aed4b5] {
  background: #0b9444;
  border: 1px solid #0b9444
}

.checkout-content .step-group.done .step-number span[data-v-14aed4b5] {
  color: #fff
}

.checkout-content .step-group.done>svg[data-v-14aed4b5] {
  visibility: visible
}

.checkout-content .step-name[data-v-14aed4b5] {
  color: rgba(88, 85, 99, .5)
}

@media (max-width:575.98px) {
  .checkout-content .step-name[data-v-14aed4b5] {
    font-size: 14px
  }
}

.checkout-content .step-group.done .step-name[data-v-14aed4b5] {
  color: #0b9444;
  font-family: Graphik, Segoe UI, Helvetica Neue;
  font-weight: 600
}

.checkout-content .btn-group[data-v-14aed4b5] {
  background: #fff;
  box-shadow: 0 -10px 30px rgba(13, 24, 33, .05);
  display: flex;
  height: 98px;
  justify-content: space-between;
  padding: 24px;
  width: 100%
}

@media (max-width:575.98px) {
  .checkout-content .btn-group[data-v-14aed4b5] {
    bottom: 0;
    padding: 24px 16px;
    position: -webkit-sticky;
    position: sticky
  }
}

@media (max-width:424.98px) {
  .checkout-content .btn-group[data-v-14aed4b5] {
    height: auto
  }
}

.checkout-content .btn-group.center[data-v-14aed4b5] {
  justify-content: center
}

.checkout-content .btn-group button[data-v-14aed4b5],
.checkout-content btn-group .pay-btn[data-v-14aed4b5] {
  border: 1px solid #0b9444;
  border-radius: 5px;
  font-size: 16px;
  line-height: 20px;
  padding: 16px 30px 14px;
  width: calc(50% - 10px)
}

@media (max-width:575.98px) {

  .checkout-content .btn-group button[data-v-14aed4b5],
  .checkout-content btn-group .pay-btn[data-v-14aed4b5] {
    font-size: 14px;
    padding: 12px 5px 8px
  }
}

@media (max-width:424.98px) {

  .checkout-content .btn-group button[data-v-14aed4b5],
  .checkout-content btn-group .pay-btn[data-v-14aed4b5] {
    font-size: 12.5px
  }
}

.checkout-content .btn-group button.loading[data-v-14aed4b5] {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 0
}

@media (max-width:575.98px) {
  .checkout-content .btn-group button.loading[data-v-14aed4b5] {
    padding: 0
  }
}

.checkout-content .btn-group .secondary[data-v-14aed4b5]:hover {
  box-shadow: 2px 2px 10px rgba(88, 85, 99, .3)
}

.checkout-content .btn-group .secondary[data-v-14aed4b5] {
  background: #fff;
  color: #0b9444
}

.checkout-content .btn-group .primary[data-v-14aed4b5] {
  background: #0b9444;
  color: #fff
}

.checkout-content .btn-group .primary[data-v-14aed4b5]:hover {
  background: #0a7c39
}

.checkout-content .btn-group button[data-v-14aed4b5]:focus {
  box-shadow: 0 0 0 2px rgba(11, 148, 68, .5) !important
}

.checkout-content .close-cart[data-v-14aed4b5] {
  margin-left: 10px
}

.checkout-content .empty-cart[data-v-14aed4b5] {
  font-size: 16px;
  line-height: 1em;
  padding: 0
}

@media (max-width:575.98px) {
  .checkout-content .empty-cart[data-v-14aed4b5] {
    font-family: Graphik, Segoe UI, Helvetica Neue;
    font-size: 14px;
    font-weight: 500
  }
}

.checkout-content .empty-cart svg[data-v-14aed4b5] {
  width: 20px
}

@media (max-width:575.98px) {
  .checkout-content .empty-cart svg[data-v-14aed4b5] {
    width: 15px
  }
}

.checkout-content .empty-cart[data-v-14aed4b5]:focus,
.checkout-content .empty-cart[data-v-14aed4b5]:hover,
.checkout-content .remove[data-v-14aed4b5]:focus,
.checkout-content .remove[data-v-14aed4b5]:hover {
  color: red
}

.checkout-content .empty-cart svg[data-v-14aed4b5] {
  margin-top: -6px
}

@media (max-width:575.98px) {
  .checkout-content .empty-cart svg[data-v-14aed4b5] {
    margin-top: -3px
  }
}

.checkout-content .empty-cart:focus svg path[data-v-14aed4b5],
.checkout-content .empty-cart:hover svg path[data-v-14aed4b5],
.checkout-content .remove:focus svg path[data-v-14aed4b5],
.checkout-content .remove:hover svg path[data-v-14aed4b5] {
  stroke: red
}

.checkout-product[data-v-14aed4b5] {
  border-bottom: 1px solid #eef0f8;
  padding: 40px 24px 16px
}

@media (max-width:424.98px) {
  .checkout-product[data-v-14aed4b5] {
    padding: 27px 16px 16px
  }
}

.checkout-product .checkout-product-details[data-v-14aed4b5],
.checkout-product .checkout-product-name[data-v-14aed4b5],
.checkout-product .remove[data-v-14aed4b5] {
  align-items: center;
  display: flex;
  justify-content: space-between
}

.checkout-product .checkout-product-details[data-v-14aed4b5] {
  margin-bottom: 16px
}

@media (max-width:575.98px) {
  .checkout-product .checkout-product-details[data-v-14aed4b5] {
    align-items: flex-end
  }
}

.checkout-product .checkout-product-details p[data-v-14aed4b5] {
  line-height: 1.2em
}

.checkout-product .checkout-product-details .price[data-v-14aed4b5] {
  font-family: Graphik, Segoe UI, Helvetica Neue;
  font-size: 16px;
  font-weight: 500
}

@media (max-width:575.98px) {
  .checkout-product .checkout-product-details .price[data-v-14aed4b5] {
    font-size: 14px
  }

  .checkout-product .checkout-product-details>.qty-group>.price[data-v-14aed4b5] {
    display: none
  }
}

.checkout-product .checkout-product-details>.qty-group .remove[data-v-14aed4b5] {
  display: none
}

@media (max-width:575.98px) {
  .checkout-product .checkout-product-details>.qty-group .remove[data-v-14aed4b5] {
    display: inline-block
  }
}

.checkout-product .checkout-product-name img[data-v-14aed4b5] {
  margin-right: 10px;
  width: 56px
}

@media (max-width:575.98px) {
  .checkout-product .checkout-product-name img[data-v-14aed4b5] {
    width: 70px
  }
}

.checkout-product .checkout-product-name .name[data-v-14aed4b5] {
  font-size: 14px;
  line-height: 1.2em;
  margin-bottom: 4px
}

@media (max-width:424.98px) {
  .checkout-product .checkout-product-name .name[data-v-14aed4b5] {
    font-size: 14px
  }
}

.checkout-product .checkout-product-name .size[data-v-14aed4b5] {
  color: #585563;
  font-size: 14px
}

@media (max-width:575.98px) {
  .checkout-product .checkout-product-name .size[data-v-14aed4b5] {
    font-size: 12px;
    margin-bottom: 5px
  }
}

.checkout-product .checkout-product-name .price[data-v-14aed4b5] {
  display: none
}

@media (max-width:575.98px) {
  .checkout-product .checkout-product-name .price[data-v-14aed4b5] {
    display: block
  }
}

.checkout-product .qty-group[data-v-14aed4b5] {
  align-items: center;
  display: flex
}

.checkout-product .qty-group .checkout-product-qty[data-v-14aed4b5] {
  border: 1px solid #eef0f8;
  border-radius: 5px;
  display: flex;
  height: 43px;
  max-width: 140px
}

@media (max-width:575.98px) {
  .checkout-product .qty-group .checkout-product-qty[data-v-14aed4b5] {
    height: 25px
  }
}

.checkout-product .qty-group .checkout-product-qty button[data-v-14aed4b5] {
  border: none;
  height: 100%;
  padding-top: 2px;
  width: 43px
}

@media (max-width:575.98px) {
  .checkout-product .qty-group .checkout-product-qty button[data-v-14aed4b5] {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 25px
  }
}

.checkout-product .qty-group .checkout-product-qty button[data-v-14aed4b5]:disabled {
  background: #c1c9d6 !important
}

.checkout-product .qty-group .checkout-product-qty input[data-v-14aed4b5] {
  border-color: #eef0f8;
  border-style: solid;
  border-width: 0 1px;
  padding-top: 7px;
  text-align: center;
  width: 74px
}

@media (max-width:575.98px) {
  .checkout-product .qty-group .checkout-product-qty input[data-v-14aed4b5] {
    background-color: #fff;
    border-width: 0;
    padding-top: 3px;
    width: 30px
  }
}

.checkout-product .error[data-v-14aed4b5] {
  display: none
}

.checkout-product .remove[data-v-14aed4b5] {
  height: 16px;
  padding: 0;
  width: 74px
}

@media (max-width:575.98px) {
  .checkout-product .remove[data-v-14aed4b5] {
    color: #585563;
    font-size: 16px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    line-height: 1em;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
  }
}

.checkout-product.low-stock .error[data-v-14aed4b5],
.checkout-product.unavailable .error[data-v-14aed4b5] {
  align-items: center;
  display: flex;
  flex-direction: row;
  margin: 15px 0 15px 5px
}

@media (max-width:575.98px) {

  .checkout-product.low-stock .error[data-v-14aed4b5],
  .checkout-product.unavailable .error[data-v-14aed4b5] {
    display: none
  }
}

.checkout-product.low-stock .error img[data-v-14aed4b5],
.checkout-product.unavailable .error img[data-v-14aed4b5] {
  height: 15px;
  margin-right: 10px
}

.checkout-product.low-stock .error span[data-v-14aed4b5],
.checkout-product.unavailable .error span[data-v-14aed4b5] {
  color: #d01003;
  display: none;
  font-size: 14px;
  line-height: 15px
}

.checkout-product .warning[data-v-14aed4b5] {
  align-items: center;
  background-color: #fff8e7;
  display: flex;
  flex-direction: row;
  margin: 15px 10px 0 0;
  padding: 5px 8px
}

.checkout-product .warning img[data-v-14aed4b5] {
  height: 15px;
  margin-right: 10px;
  width: auto
}

.checkout-product .warning span[data-v-14aed4b5] {
  color: #ff8a00;
  font-size: 12px;
  line-height: 15px;
  margin: 0 5px
}

.checkout-product.low-stock .error span.low[data-v-14aed4b5] {
  display: inline
}

.checkout-product.low-stock .error span[data-v-14aed4b5]:not(.low) {
  display: none
}

.checkout-product.unavailable .checkout-product-name[data-v-14aed4b5],
.checkout-product.unavailable .checkout-product-qty[data-v-14aed4b5],
.checkout-product.unavailable .price[data-v-14aed4b5] {
  opacity: .5
}

.checkout-product.unavailable .error span.unavailable[data-v-14aed4b5] {
  display: inline
}

.checkout-product.unavailable .error span[data-v-14aed4b5]:not(.unavailable) {
  display: none
}

@media (max-width:575.98px) {
  .checkout-product.low-stock .error[data-v-14aed4b5] {
    display: none
  }
}

.checkout-product-details .checkout-product-name .error[data-v-14aed4b5] {
  display: none
}

@media (max-width:575.98px) {

  .checkout-product.low-stock .checkout-product-details .checkout-product-name .error[data-v-14aed4b5],
  .checkout-product.unavailable .checkout-product-details .checkout-product-name .error[data-v-14aed4b5] {
    display: flex;
    margin: 10px 0
  }

  .checkout-product.low-stock .checkout-product-details .checkout-product-name .error img[data-v-14aed4b5],
  .checkout-product.unavailable .checkout-product-details .checkout-product-name .error img[data-v-14aed4b5] {
    height: 14px;
    margin-right: 10px;
    width: auto
  }

  .checkout-product.low-stock .checkout-product-details .checkout-product-name .error span[data-v-14aed4b5],
  .checkout-product.unavailable .checkout-product-details .checkout-product-name .error span[data-v-14aed4b5] {
    font-size: 12px
  }
}

.checkout-product>.remove[data-v-14aed4b5] {
  margin-left: auto;
  margin-top: 5px
}

.checkout-product>.remove span[data-v-14aed4b5] {
  left: 8px;
  position: relative
}

@media (max-width:575.98px) {
  .checkout-product>.remove[data-v-14aed4b5] {
    display: none
  }
}

.paystack-btn-link[data-v-14aed4b5] {
  color: #fff;
  height: 100%;
  width: 100%
}

.total-group[data-v-14aed4b5] {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  padding: 32px 24px 16px
}

@media (max-width:575.98px) {
  .total-group[data-v-14aed4b5] {
    padding: 24px 16px 100px
  }
}

.total-group .mobile[data-v-14aed4b5] {
  display: none
}

@media (max-width:575.98px) {
  .total-group .mobile[data-v-14aed4b5] {
    display: block
  }

  .total-group .desktop[data-v-14aed4b5] {
    display: none
  }
}

.total-group h3[data-v-14aed4b5],
.total-group p[data-v-14aed4b5] {
  line-height: 1.2em;
  text-align: right
}

@media (max-width:575.98px) {

  .total-group h3[data-v-14aed4b5],
  .total-group p[data-v-14aed4b5] {
    text-align: left;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
  }
}

.total-group h3[data-v-14aed4b5] {
  font-size: 32px;
  margin: 8px 0 4px
}

@media (max-width:575.98px) {
  .total-group h3[data-v-14aed4b5] {
    font-size: 18px
  }
}

.total-group .price-info[data-v-14aed4b5] {
  width: 100%
}

.total-group .price-group[data-v-14aed4b5] {
  align-items: center;
  display: flex;
  justify-content: space-between
}

.total-group .total-text[data-v-14aed4b5] {
  font-size: 20px
}

@media (max-width:575.98px) {
  .total-group .total-text[data-v-14aed4b5] {
    font-size: 16px
  }
}

.total-group .info[data-v-14aed4b5] {
  color: #585563;
  font-size: 14px;
  text-align: left
}

@media (max-width:575.98px) {
  .total-group .empty-cart[data-v-14aed4b5] {
    display: none
  }
}

.cart-empty[data-v-14aed4b5] {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 60px
}

.cart-empty img[data-v-14aed4b5] {
  height: 60px
}

.cart-empty p[data-v-14aed4b5] {
  margin-top: 16px
}

.cart-empty .heading[data-v-14aed4b5] {
  color: #0d1821;
  font-size: 24px;
  font-weight: 500;
  line-height: 20px;
  text-align: center
}

.cart-empty .text[data-v-14aed4b5] {
  color: #0d1821;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  text-align: center
}

.cart-empty .btn-group[data-v-14aed4b5] {
  background: none;
  box-shadow: none;
  position: relative
}

.cart-empty .btn-group button[data-v-14aed4b5] {
  width: 80%
}

.step-1 .checkout-product-name[data-v-14aed4b5] {
  align-items: start;
  flex: 1;
  justify-content: start;
  text-align: left
}

.step-1 .checkout-product-qty[data-v-14aed4b5] {
  margin-right: 20px
}

.step-2[data-v-14aed4b5] {
  padding: 40px 0 70px
}

.step-2 *[data-v-14aed4b5] {
  line-height: 1.2em
}

.step-2 .inner-step[data-v-14aed4b5] {
  padding: 0 24px
}

@media (max-width:575.98px) {
  .step-2 .inner-step[data-v-14aed4b5] {
    padding: 0 16px
  }
}

.step-2 .shipment-type[data-v-14aed4b5],
.step-2 .step-header[data-v-14aed4b5],
.step-2 .three-col[data-v-14aed4b5],
.step-2 .two-col[data-v-14aed4b5] {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.step-2 h3[data-v-14aed4b5] {
  font-size: 24px;
  margin-bottom: 32px
}

@media (max-width:575.98px) {
  .step-2 h3[data-v-14aed4b5] {
    font-size: 16px;
    margin-bottom: 16px
  }
}

.step-2 h4[data-v-14aed4b5] {
  font-size: 18px;
  margin-bottom: 32px
}

@media (max-width:575.98px) {
  .step-2 h4[data-v-14aed4b5] {
    font-size: 16px
  }
}

.step-2 .step-header button[data-v-14aed4b5] {
  color: #0b9444;
  padding: 0
}

.step-2 .step-header button[data-v-14aed4b5]:hover {
  text-decoration: underline
}

@media (max-width:575.98px) {
  .step-2 .step-header h4[data-v-14aed4b5] {
    display: none
  }
}

.step-2 .step-header .login[data-v-14aed4b5] {
  display: none
}

@media (max-width:575.98px) {
  .step-2 .step-header .login[data-v-14aed4b5] {
    display: block;
    margin-bottom: 16px
  }
}

.step-2 .saved-details[data-v-14aed4b5] {
  border: 1px solid #eef0f8;
  border-radius: 5px;
  margin-bottom: 16px;
  padding: 20px;
  width: 100%
}

.step-2 .saved-details p[data-v-14aed4b5] {
  font-family: Graphik, Segoe UI, Helvetica Neue;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px
}

@media (max-width:424.98px) {
  .step-2 .saved-details p[data-v-14aed4b5] {
    font-size: 14px
  }
}

.step-2 .saved-details p[data-v-14aed4b5]:last-of-type {
  margin-bottom: 0
}

.step-2 .use-saved-details[data-v-14aed4b5] {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 56px
}

.step-2 .use-saved-details button[data-v-14aed4b5] {
  color: #0b9444;
  font-size: 16px;
  line-height: 20px
}

@media (max-width:424.98px) {
  .step-2 .use-saved-details button[data-v-14aed4b5] {
    font-size: 14px
  }
}

.step-2 .use-saved-details button[data-v-14aed4b5]:hover {
  text-decoration: underline
}

.step-2 .general-details[data-v-14aed4b5] {
  display: flex;
  flex-direction: column
}

.step-2 .save-address[data-v-14aed4b5] {
  margin-bottom: 16px;
  order: 2
}

.step-2 .additional-note[data-v-14aed4b5] {
  order: 3
}

.step-2 .field-group.half[data-v-14aed4b5],
.step-2 .two-col>.field-group[data-v-14aed4b5] {
  width: calc(50% - 5px)
}

@media (max-width:424.98px) {

  .step-2 .field-group.half[data-v-14aed4b5],
  .step-2 .two-col>.field-group[data-v-14aed4b5] {
    width: 100%
  }
}

.step-2 .three-col>.field-group[data-v-14aed4b5] {
  width: calc(33.33% - 6.33px)
}

@media (max-width:575.98px) {
  .step-2 .three-col>.field-group[data-v-14aed4b5] {
    width: 100%
  }
}

.step-2 .field-group[data-v-14aed4b5] {
  margin-bottom: 32px
}

@media (max-width:575.98px) {
  .step-2 .field-group[data-v-14aed4b5] {
    margin-bottom: 16px
  }
}

.step-2 .field-group label[data-v-14aed4b5] {
  font-size: 16px;
  line-height: 1.5em;
  margin-bottom: 4px
}

@media (max-width:575.98px) {
  .step-2 .field-group label[data-v-14aed4b5] {
    display: none
  }
}

.step-2 .field-group input[data-v-14aed4b5],
.step-2 .field-group select[data-v-14aed4b5],
.step-2 .field-group textarea[data-v-14aed4b5],
.step-2 .input-group input[data-v-14aed4b5] {
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  font-size: 16px;
  height: 50px;
  padding: 4px 16px 0;
  width: 100%
}

@media (max-width:575.98px) {

  .step-2 .field-group input[data-v-14aed4b5],
  .step-2 .field-group select[data-v-14aed4b5],
  .step-2 .field-group textarea[data-v-14aed4b5],
  .step-2 .input-group input[data-v-14aed4b5] {
    font-size: 14px;
    height: 44px;
    padding: 6px 16px 0
  }
}

.step-2 .discount-group div.error[data-v-14aed4b5],
.step-2 .field-group .dropdown+div.error[data-v-14aed4b5],
.step-2 .field-group input+div.error[data-v-14aed4b5],
.step-2 .field-group select+div.error[data-v-14aed4b5],
.step-2 .input-group+div.error[data-v-14aed4b5],
.step-2 .shipping-group div.error[data-v-14aed4b5] {
  align-items: center;
  display: none;
  flex-direction: row;
  margin-top: 10px
}

.step-2 .discount-group div.error img[data-v-14aed4b5],
.step-2 .field-group .dropdown+div.error img[data-v-14aed4b5],
.step-2 .field-group input+div.error img[data-v-14aed4b5],
.step-2 .field-group select+div.error img[data-v-14aed4b5],
.step-2 .input-group+div.error img[data-v-14aed4b5],
.step-2 .shipping-group div.error img[data-v-14aed4b5] {
  height: 14px;
  margin-bottom: 2px;
  margin-right: 5px
}

.step-2 .discount-group div.error span[data-v-14aed4b5],
.step-2 .field-group .dropdown+div.error span[data-v-14aed4b5],
.step-2 .field-group input+div.error span[data-v-14aed4b5],
.step-2 .field-group select+div.error span[data-v-14aed4b5],
.step-2 .input-group+div.error span[data-v-14aed4b5],
.step-2 .shipping-group div.error span[data-v-14aed4b5] {
  color: #d01003;
  font-size: 14px
}

@media (max-width:575.98px) {

  .step-2 .discount-group div.error span[data-v-14aed4b5],
  .step-2 .field-group .dropdown+div.error span[data-v-14aed4b5],
  .step-2 .field-group input+div.error span[data-v-14aed4b5],
  .step-2 .field-group select+div.error span[data-v-14aed4b5],
  .step-2 .input-group+div.error span[data-v-14aed4b5],
  .step-2 .shipping-group div.error span[data-v-14aed4b5] {
    font-size: 12px
  }
}

.step-2 .field-group select[data-v-14aed4b5] {
  background-color: #fff;
  color: rgba(13, 24, 33, .6)
}

.step-2 .field-group textarea[data-v-14aed4b5] {
  height: 100px;
  padding: 16px
}

.step-2 .field-group .character-limit[data-v-14aed4b5] {
  color: #585563;
  font-size: 14px;
  line-height: 1.5em;
  margin-top: 3px;
  text-align: right
}

.step-2 .inline-field[data-v-14aed4b5] {
  align-items: center;
  display: flex;
  max-width: 80%;
  min-height: 40px
}

.step-2 .inline-field label[data-v-14aed4b5] {
  color: #000;
  font-size: 18px;
  margin: 0 0 0 10px
}

@media (max-width:575.98px) {
  .step-2 .inline-field label[data-v-14aed4b5] {
    font-size: 14px
  }
}

.step-2 .check-group[data-v-14aed4b5],
.step-2 .radio-group[data-v-14aed4b5] {
  align-items: center;
  border: 1px solid #0b9444;
  border-radius: 3px;
  display: flex;
  height: 18px;
  justify-content: center;
  min-width: 18px;
  padding: 1px;
  position: relative;
  width: 18px
}

@media (max-width:575.98px) {

  .step-2 .check-group[data-v-14aed4b5],
  .step-2 .radio-group[data-v-14aed4b5] {
    border-radius: 50%
  }
}

.step-2 .radio-group[data-v-14aed4b5] {
  border-radius: 50%
}

.step-2 .check-group input[type=checkbox][data-v-14aed4b5],
.step-2 .radio-group input[type=radio][data-v-14aed4b5] {
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.step-2 input[type=checkbox]+.inner-check[data-v-14aed4b5],
.step-2 input[type=radio]+.inner-check[data-v-14aed4b5] {
  border-radius: 3px;
  display: inline-block;
  height: 100%;
  width: 100%
}

@media (max-width:575.98px) {

  .step-2 input[type=checkbox]+.inner-check[data-v-14aed4b5],
  .step-2 input[type=radio]+.inner-check[data-v-14aed4b5] {
    border-radius: 50%
  }
}

.step-2 input[type=radio]+.inner-check[data-v-14aed4b5] {
  border-radius: 50%
}

.step-2 input[type=checkbox]:checked+.inner-check[data-v-14aed4b5],
.step-2 input[type=radio]:checked+.inner-check[data-v-14aed4b5] {
  background: #0b9444
}

.step-2 .shipping-group[data-v-14aed4b5] {
  margin-top: 56px
}

@media (max-width:575.98px) {
  .step-2 .shipping-group[data-v-14aed4b5] {
    margin-top: 40px
  }
}

.step-2 .shipping-group h3[data-v-14aed4b5] {
  margin-bottom: 8px
}

.step-2 .shipment-type[data-v-14aed4b5] {
  border-bottom: 1px solid #eef0f8;
  padding: 26px 0 14px
}

@media (max-width:424.98px) {
  .step-2 .shipment-type[data-v-14aed4b5] {
    padding: 10px 0 16px
  }
}

.step-2 .shipment-type .price[data-v-14aed4b5] {
  font-family: Graphik, Segoe UI, Helvetica Neue;
  font-size: 18px;
  font-weight: 500
}

@media (max-width:575.98px) {
  .step-2 .shipment-type .price[data-v-14aed4b5] {
    font-size: 14px
  }
}

.step-2 .shipment-type.free[data-v-14aed4b5] {
  background-color: #f8fff7;
  padding: 20px 5px
}

.step-2 .discount-group[data-v-14aed4b5] {
  margin: 56px 0
}

.step-2 .discount-group h4[data-v-14aed4b5] {
  margin-bottom: 5px
}

.step-2 .discount-input[data-v-14aed4b5] {
  font-family: Graphik, Segoe UI, Helvetica Neue;
  font-size: 18px;
  font-weight: 500
}

.step-2 .input-group[data-v-14aed4b5] {
  height: 50px;
  position: relative;
  width: 100%
}

@media (max-width:575.98px) {
  .step-2 .input-group[data-v-14aed4b5] {
    height: 40px
  }

  .step-2 .input-group input[data-v-14aed4b5] {
    height: 100%
  }
}

.step-2 .input-group button[data-v-14aed4b5] {
  background: #0b9444;
  border-radius: 5px;
  color: #fff;
  height: 39px;
  padding: 9px 25px;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 103px
}

@media (max-width:575.98px) {
  .step-2 .input-group button[data-v-14aed4b5] {
    height: 35px;
    padding: 9px 16px;
    right: 3px;
    width: 80px
  }
}

.step-2 .discount-group .discount-info[data-v-14aed4b5] {
  color: #0b9444;
  font-size: 16px;
  margin-top: 8px
}

.payment-step[data-v-14aed4b5] {
  padding: 40px 0 70px
}

.payment-step *[data-v-14aed4b5] {
  line-height: 1.2em
}

.payment-step .inner-step[data-v-14aed4b5] {
  padding: 0 24px
}

.payment-step .inner-step p[data-v-14aed4b5] {
  font-size: 16px
}

@media (max-width:575.98px) {
  .payment-step .inner-step[data-v-14aed4b5] {
    padding: 0 16px
  }

  .payment-step .inner-step p[data-v-14aed4b5] {
    font-size: 14px
  }
}

.payment-step .shipment-type[data-v-14aed4b5],
.payment-step .step-header[data-v-14aed4b5],
.payment-step .three-col[data-v-14aed4b5],
.payment-step .two-col[data-v-14aed4b5] {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.payment-step h3[data-v-14aed4b5] {
  font-size: 24px;
  margin-bottom: 32px
}

@media (max-width:575.98px) {
  .payment-step h3[data-v-14aed4b5] {
    font-size: 16px;
    margin-bottom: 16px
  }
}

.payment-step h4[data-v-14aed4b5] {
  font-size: 18px;
  margin-bottom: 32px
}

@media (max-width:575.98px) {
  .payment-step h4[data-v-14aed4b5] {
    font-size: 16px
  }
}

.payment-step .step-header button[data-v-14aed4b5] {
  color: #0b9444;
  padding: 0
}

.payment-step .step-header button[data-v-14aed4b5]:hover {
  text-decoration: underline
}

@media (max-width:575.98px) {
  .payment-step .step-header h4[data-v-14aed4b5] {
    display: none
  }
}

.payment-step .step-header .login[data-v-14aed4b5] {
  display: none
}

@media (max-width:575.98px) {
  .payment-step .step-header .login[data-v-14aed4b5] {
    display: block;
    margin-bottom: 16px
  }
}

.payment-step .payment-option[data-v-14aed4b5] {
  border: 1px solid #eef0f8;
  border-radius: 5px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
  padding: 10px 15px
}

.payment-step .payment-option label[data-v-14aed4b5] {
  cursor: pointer
}

.payment-step .payment-details[data-v-14aed4b5] {
  border: 1px solid #eef0f8;
  display: flex;
  flex-direction: column;
  height: 180px;
  justify-content: space-evenly;
  margin: 20px 24px;
  width: calc(100% - 50px)
}

.payment-step .payment-details .detail[data-v-14aed4b5] {
  display: flex;
  justify-content: space-between;
  padding: 0 24px
}

@media (max-width:575.98px) {
  .payment-step .payment-details .detail[data-v-14aed4b5] {
    padding: 0 15px
  }

  .payment-step .payment-details .detail p[data-v-14aed4b5] {
    font-size: 14px
  }
}

.payment-step .payment-details .detail .bold[data-v-14aed4b5] {
  font-weight: 700
}

.payment-step .grey-shade[data-v-14aed4b5] {
  background-color: #f6f6f6;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  margin: 15px auto;
  padding: 15px 20px;
  width: 95%
}

@media (max-width:575.98px) {
  .payment-step .grey-shade[data-v-14aed4b5] {
    padding: 15px
  }
}

.payment-step .grey-shade .title[data-v-14aed4b5] {
  width: 80%
}

.payment-step .grey-shade .title h4[data-v-14aed4b5] {
  font-weight: 400;
  margin: 10px 0
}

.payment-step .grey-shade .title h3[data-v-14aed4b5] {
  font-size: 40px;
  margin-bottom: 0;
  margin-top: 10px
}

@media (max-width:767.98px) {
  .payment-step .grey-shade .title h3[data-v-14aed4b5] {
    font-size: 20px
  }
}

.payment-step .grey-shade .title p[data-v-14aed4b5] {
  font-size: 18px
}

@media (max-width:767.98px) {
  .payment-step .grey-shade .title p[data-v-14aed4b5] {
    font-size: 14px
  }
}

.payment-step .grey-shade img[data-v-14aed4b5] {
  width: 15px
}

.payment-step .upload-proof[data-v-14aed4b5] {
  background-color: #f6f6f6;
  display: none;
  margin: 15px auto;
  padding: 15px 0;
  position: relative;
  width: 95%
}

.payment-step .upload-proof #payment-proof[data-v-14aed4b5] {
  height: 100%;
  margin: 0 auto;
  min-height: 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2
}

.payment-step .upload-proof .proof-template[data-v-14aed4b5] {
  align-items: center;
  background-color: #fff;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  padding: 20px;
  position: relative;
  width: calc(95% - 24px)
}

.payment-step .upload-proof .proof-template .template-details[data-v-14aed4b5] {
  align-items: center;
  display: flex;
  flex-direction: column
}

.payment-step .upload-proof .proof-template.over[data-v-14aed4b5] {
  opacity: .7
}

.payment-step .upload-proof h3[data-v-14aed4b5] {
  margin-left: 24px
}

.payment-step .upload-details[data-v-14aed4b5] {
  align-items: center;
  background-color: #fff;
  border: 1px solid #eef0f8;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  margin: 0 24px;
  padding: 10px 20px
}

.payment-step .upload-details .image-info[data-v-14aed4b5] {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-right: 10px
}

.payment-step .upload-details .image-info img[data-v-14aed4b5] {
  margin-right: 15px;
  max-height: 80px;
  max-width: 60px
}

@media (max-width:575.98px) {
  .payment-step .upload-details .image-info img[data-v-14aed4b5] {
    max-width: 40px
  }
}

.payment-step .upload-details .progress[data-v-14aed4b5] {
  border: 1px solid #eef0f8;
  border-radius: 2px;
  flex: 1;
  height: 25px;
  margin: 0 20px
}

.payment-step .upload-details .progress .bar[data-v-14aed4b5] {
  border-radius: 2px;
  height: 100%;
  transition: width .3s;
  width: 0
}

.payment-step .upload-details.error[data-v-14aed4b5] {
  border: 1px solid red;
  color: red
}

.payment-step .upload-details.success .image-name[data-v-14aed4b5] {
  color: #0b9444
}

.payment-step .upload-details.success .progress[data-v-14aed4b5] {
  display: none
}

.payment-step .upload-details+span[data-v-14aed4b5] {
  color: red;
  display: none;
  font-size: 12px;
  margin-left: 24px;
  margin-top: 10px
}

.payment-step .upload-details.error+span[data-v-14aed4b5] {
  display: inline-block
}

.payment-step .field-group.half[data-v-14aed4b5],
.payment-step .two-col>.field-group[data-v-14aed4b5] {
  width: calc(50% - 5px)
}

@media (max-width:424.98px) {

  .payment-step .field-group.half[data-v-14aed4b5],
  .payment-step .two-col>.field-group[data-v-14aed4b5] {
    width: 100%
  }
}

.payment-step .three-col>.field-group[data-v-14aed4b5] {
  width: calc(33.33% - 6.33px)
}

@media (max-width:575.98px) {
  .payment-step .three-col>.field-group[data-v-14aed4b5] {
    width: 100%
  }
}

.payment-step .field-group[data-v-14aed4b5] {
  margin-bottom: 32px
}

@media (max-width:575.98px) {
  .payment-step .field-group[data-v-14aed4b5] {
    margin-bottom: 16px
  }
}

.payment-step .field-group label[data-v-14aed4b5] {
  font-size: 16px;
  line-height: 1.5em;
  margin-bottom: 4px
}

@media (max-width:575.98px) {
  .payment-step .field-group label[data-v-14aed4b5] {
    display: none
  }
}

.payment-step .field-group input[data-v-14aed4b5],
.payment-step .field-group select[data-v-14aed4b5],
.payment-step .field-group textarea[data-v-14aed4b5],
.payment-step .input-group input[data-v-14aed4b5] {
  border: 1px solid #eef0f8;
  border-radius: 5px;
  font-size: 16px;
  height: 50px;
  padding: 4px 16px 0;
  width: 100%
}

@media (max-width:575.98px) {

  .payment-step .field-group input[data-v-14aed4b5],
  .payment-step .field-group select[data-v-14aed4b5],
  .payment-step .field-group textarea[data-v-14aed4b5],
  .payment-step .input-group input[data-v-14aed4b5] {
    font-size: 14px;
    height: 44px;
    padding: 6px 16px 0
  }
}

.payment-step .field-group select[data-v-14aed4b5] {
  background-color: #fff;
  color: rgba(13, 24, 33, .6)
}

.payment-step .field-group textarea[data-v-14aed4b5] {
  height: 100px;
  padding: 16px
}

.payment-step .field-group .character-limit[data-v-14aed4b5] {
  color: #585563;
  font-size: 14px;
  line-height: 1.5em;
  margin-top: 3px;
  text-align: right
}

.payment-step .inline-field[data-v-14aed4b5] {
  align-items: center;
  display: flex;
  max-width: 80%;
  min-height: 40px
}

.payment-step .inline-field label[data-v-14aed4b5] {
  font-size: 18px;
  margin: 0 0 0 20px
}

@media (max-width:575.98px) {
  .payment-step .inline-field label[data-v-14aed4b5] {
    font-size: 14px
  }
}

.payment-step .check-group[data-v-14aed4b5],
.payment-step .radio-group[data-v-14aed4b5] {
  align-items: center;
  border: 1px solid #0b9444;
  border-radius: 3px;
  display: flex;
  height: 18px;
  justify-content: center;
  min-width: 18px;
  padding: 1px;
  position: relative;
  width: 18px
}

@media (max-width:575.98px) {

  .payment-step .check-group[data-v-14aed4b5],
  .payment-step .radio-group[data-v-14aed4b5] {
    border-radius: 50%
  }
}

.payment-step .radio-group[data-v-14aed4b5] {
  border-radius: 50%
}

.payment-step .check-group input[type=checkbox][data-v-14aed4b5],
.payment-step .radio-group input[type=radio][data-v-14aed4b5] {
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.payment-step input[type=checkbox]+.inner-check[data-v-14aed4b5],
.payment-step input[type=radio]+.inner-check[data-v-14aed4b5] {
  border-radius: 3px;
  display: inline-block;
  height: 100%;
  width: 100%
}

@media (max-width:575.98px) {

  .payment-step input[type=checkbox]+.inner-check[data-v-14aed4b5],
  .payment-step input[type=radio]+.inner-check[data-v-14aed4b5] {
    border-radius: 50%
  }
}

.payment-step input[type=radio]+.inner-check[data-v-14aed4b5] {
  border-radius: 50%
}

.payment-step input[type=checkbox]:checked+.inner-check[data-v-14aed4b5],
.payment-step input[type=radio]:checked+.inner-check[data-v-14aed4b5] {
  background: #0b9444
}

.payment-step .payment-platforms img[data-v-14aed4b5] {
  margin: 0 6px
}

.payment-step .shipping-group[data-v-14aed4b5] {
  margin-top: 56px
}

@media (max-width:575.98px) {
  .payment-step .shipping-group[data-v-14aed4b5] {
    margin-top: 40px
  }
}

.payment-step .shipping-group h3[data-v-14aed4b5] {
  margin-bottom: 8px
}

.payment-step .shipment-type[data-v-14aed4b5] {
  border-bottom: 1px solid #eef0f8;
  padding: 26px 0 14px
}

@media (max-width:424.98px) {
  .payment-step .shipment-type[data-v-14aed4b5] {
    padding: 10px 0 16px
  }
}

.payment-step .shipment-type .price[data-v-14aed4b5] {
  font-family: Graphik, Segoe UI, Helvetica Neue;
  font-size: 18px;
  font-weight: 500
}

@media (max-width:575.98px) {
  .payment-step .shipment-type .price[data-v-14aed4b5] {
    font-size: 14px
  }
}

.payment-step .discount-group[data-v-14aed4b5] {
  margin: 56px 0
}

.payment-step .discount-group h4[data-v-14aed4b5] {
  margin-bottom: 5px
}

.payment-step .discount-input[data-v-14aed4b5] {
  font-family: Graphik, Segoe UI, Helvetica Neue;
  font-size: 18px;
  font-weight: 500
}

.payment-step .input-group[data-v-14aed4b5] {
  height: 50px;
  position: relative;
  width: 100%
}

@media (max-width:575.98px) {
  .payment-step .input-group[data-v-14aed4b5] {
    height: 40px
  }

  .payment-step .input-group input[data-v-14aed4b5] {
    height: 100%
  }
}

.payment-step .input-group button[data-v-14aed4b5] {
  background: #0b9444;
  border-radius: 5px;
  color: #fff;
  height: 39px;
  padding: 9px 25px;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 103px
}

@media (max-width:575.98px) {
  .payment-step .input-group button[data-v-14aed4b5] {
    height: 35px;
    padding: 9px 16px;
    right: 3px;
    width: 80px
  }
}

.payment-step .discount-group .discount-info[data-v-14aed4b5] {
  color: #0b9444;
  font-size: 16px;
  margin-top: 8px
}

.order-summary[data-v-14aed4b5] {
  background: #eef0f8;
  padding: 24px
}

@media (max-width:575.98px) {
  .order-summary[data-v-14aed4b5] {
    padding: 16px
  }
}

.order-summary h3[data-v-14aed4b5] {
  margin-bottom: 16px
}

@media (max-width:575.98px) {
  .order-summary h3[data-v-14aed4b5] {
    margin-bottom: 10px
  }
}

.order-summary .order-info[data-v-14aed4b5] {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px
}

@media (max-width:575.98px) {
  .order-summary .order-info[data-v-14aed4b5] {
    display: none
  }
}

.order-summary .order-info h3[data-v-14aed4b5] {
  margin-bottom: 0
}

.order-summary .order-info button[data-v-14aed4b5] {
  color: #0b9444;
  font-size: 18px
}

.order-summary .order-info button[data-v-14aed4b5]:hover {
  text-decoration: underline
}

.order-summary .order-date[data-v-14aed4b5] {
  font-size: 18px;
  margin-bottom: 16px
}

@media (max-width:575.98px) {
  .order-summary .order-date[data-v-14aed4b5] {
    display: none
  }
}

.order-summary .small-header[data-v-14aed4b5] {
  color: #585563;
  font-size: 20px;
  margin-bottom: 16px
}

@media (max-width:575.98px) {
  .order-summary .small-header[data-v-14aed4b5] {
    font-size: 16px;
    margin-bottom: 10px
  }
}

.order-summary .checkout-product[data-v-14aed4b5] {
  border-color: #c1c9d6;
  border-style: solid;
  border-width: 1px 0;
  margin-bottom: 17px;
  padding: 16px 0
}

@media (max-width:575.98px) {
  .order-summary .checkout-product[data-v-14aed4b5] {
    padding: 10px 0 0
  }
}

.order-summary .checkout-product-name .name[data-v-14aed4b5] {
  font-family: Graphik, Segoe UI, Helvetica Neue;
  font-weight: 500
}

.order-summary .checkout-product-name .size[data-v-14aed4b5] {
  display: block
}

.order-summary .checkout-product-name .name[data-v-14aed4b5],
.order-summary .checkout-product-name .size[data-v-14aed4b5] {
  font-size: 18px
}

@media (max-width:575.98px) {
  .order-summary .checkout-product-name .name[data-v-14aed4b5] {
    font-size: 16px
  }

  .order-summary .checkout-product-name .size[data-v-14aed4b5] {
    font-size: 14px
  }
}

.order-summary .checkout-product .price[data-v-14aed4b5] {
  font-size: 18px
}

@media (max-width:575.98px) {
  .order-summary .checkout-product .price[data-v-14aed4b5] {
    font-size: 16px
  }
}

.order-summary .checkout-product img[data-v-14aed4b5] {
  width: 60px
}

@media (max-width:575.98px) {
  .order-summary .checkout-product img[data-v-14aed4b5] {
    width: 50px
  }
}

.order-summary .row[data-v-14aed4b5] {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 18px
}

@media (max-width:575.98px) {
  .order-summary .row[data-v-14aed4b5] {
    margin-bottom: 10px
  }
}

.order-summary .row[data-v-14aed4b5]:last-of-type {
  margin-bottom: 0
}

@media (max-width:575.98px) {
  .order-summary .row[data-v-14aed4b5]:last-of-type {
    border-top: 1px solid #c1c9d6;
    padding-top: 14px
  }
}

.order-summary .row>div[data-v-14aed4b5] {
  align-items: center;
  display: flex
}

.order-summary .row p[data-v-14aed4b5] {
  font-size: 18px
}

@media (max-width:575.98px) {
  .order-summary .row p[data-v-14aed4b5] {
    font-size: 16px
  }
}

.order-summary .row p[data-v-14aed4b5]:first-of-type {
  color: #585563
}

.order-summary .row.total p[data-v-14aed4b5]:first-of-type {
  color: #0d1821
}

.order-summary .row.total p[data-v-14aed4b5]:last-of-type {
  font-size: 24px
}

@media (max-width:575.98px) {
  .order-summary .row.total p[data-v-14aed4b5]:last-of-type {
    font-size: 20px
  }
}

.order-summary .row .price[data-v-14aed4b5] {
  font-family: Graphik, Segoe UI, Helvetica Neue;
  font-weight: 600
}

.order-summary .discount-tag[data-v-14aed4b5] {
  background: #fff;
  border-radius: 3px;
  display: inline-flex;
  margin-left: 24px;
  margin-top: -6px;
  padding: 12px 16px
}

@media (max-width:575.98px) {
  .order-summary .discount-tag[data-v-14aed4b5] {
    background: hsla(0, 0%, 100%, .6);
    padding: 8px 10px 4px
  }
}

.order-summary .discount-tag p[data-v-14aed4b5] {
  line-height: 1em;
  margin-right: 14px;
  padding-top: 4px
}

@media (max-width:575.98px) {
  .order-summary .discount-tag svg[data-v-14aed4b5] {
    margin-top: -3px;
    width: 16px
  }
}

.order-summary .discount-status[data-v-14aed4b5] {
  color: #585563;
  display: inline-block;
  font-size: 18px;
  margin-top: 33px
}

@media (max-width:575.98px) {
  .order-summary .discount-status[data-v-14aed4b5] {
    margin-top: 20px
  }
}

.order-summary .remove-discount[data-v-14aed4b5] {
  color: #585563;
  font-family: Graphik, Segoe UI, Helvetica Neue;
  font-size: 18px;
  font-weight: 600
}

.order-summary .remove-discount[data-v-14aed4b5]:hover {
  text-decoration: underline
}

.step-3[data-v-14aed4b5] {
  padding-top: 40px
}

@media (max-width:575.98px) {
  .step-3[data-v-14aed4b5] {
    margin-bottom: 26px
  }
}

.step-3 .success-group[data-v-14aed4b5] {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 0 24px 88px;
  text-align: center
}

@media (max-width:575.98px) {
  .step-3 .success-group[data-v-14aed4b5] {
    padding: 0 16px 48px
  }
}

.step-3 .success-group img[data-v-14aed4b5] {
  margin-bottom: 24px;
  width: 64px
}

@media (max-width:575.98px) {
  .step-3 .success-group img[data-v-14aed4b5] {
    width: 40px
  }
}

.step-3 .success-group h3[data-v-14aed4b5] {
  font-size: 32px;
  margin-bottom: 16px
}

@media (max-width:767.98px) {
  .step-3 .success-group h3[data-v-14aed4b5] {
    font-size: 28px
  }
}

@media (max-width:575.98px) {
  .step-3 .success-group h3[data-v-14aed4b5] {
    font-size: 24px;
    margin-bottom: 8px
  }
}

.step-3 .success-group h4[data-v-14aed4b5] {
  margin-top: 20px
}

.step-3 .success-group p[data-v-14aed4b5] {
  max-width: 354px
}

.processing-spinner[data-v-14aed4b5] {
  align-items: center;
  display: flex;
  flex-direction: column
}

.complete-payment[data-v-14aed4b5] {
  box-shadow: none !important
}

.tax-section[data-v-14aed4b5] {
  margin-bottom: 10px
}

.free-shipping[data-v-14aed4b5] {
  padding: 20px;
  width: 100%
}

.free-row[data-v-14aed4b5] {
  align-items: center;
  border: 1.5px solid #0b9444;
  border-radius: 7px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
  padding: 15px;
  width: 100%
}

.free-row p[data-v-14aed4b5] {
  font-size: 14px
}

.free-row p>span[data-v-14aed4b5] {
  font-size: 14px;
  font-weight: 700
}

.free-row .green[data-v-14aed4b5] {
  color: #0b9444
}

.tx-charge[data-v-14aed4b5] {
  bottom: 1px;
  font-size: 13px;
  font-weight: 500;
  position: relative
}

@media (max-width:575.98px) {
  .tx-charge[data-v-14aed4b5] {
    font-size: 12px
  }
}

input::placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

input::-webkit-input-placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

input:-ms-input-placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

input:-moz-placeholder,
input::-moz-placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

@-webkit-keyframes moving-message {
  0% {
    left: 0;
    opacity: 0
  }

  2% {
    opacity: 1
  }

  70% {
    opacity: .9
  }

  80% {
    opacity: .8
  }

  85% {
    opacity: 0
  }

  to {
    left: 100%
  }
}

@keyframes moving-message {
  0% {
    left: 0;
    opacity: 0
  }

  2% {
    opacity: 1
  }

  70% {
    opacity: .9
  }

  80% {
    opacity: .8
  }

  85% {
    opacity: 0
  }

  to {
    left: 100%
  }
}

.nav-one .message-text {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-duration: 15s;
  animation-duration: 15s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  color: #fff;
  font-size: 14px;
  line-height: 1.2em;
  opacity: 1;
  position: relative;
  text-align: center;
  width: 100%
}

.nav-one .message-text * {
  color: #fff
}

@media (max-width:767.98px) {
  .nav-one .message-text {
    font-size: 14px;
    text-align: center
  }
}

@media (max-width:575.98px) {
  .nav-one .message-text {
    font-size: 12px;
    text-align: left
  }
}

.nav-one .message-text p,
.nav-one .message-text span {
  font-size: 14px
}

@media (max-width:767.98px) {

  .nav-one .message-text p,
  .nav-one .message-text span {
    font-size: 12px
  }
}

input::placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

input::-webkit-input-placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

input:-ms-input-placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

input:-moz-placeholder,
input::-moz-placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

@media (max-width:575.98px) {
  .account-nav {
    display: none !important
  }
}

.search-group-mobile {
  height: 30px;
  position: relative;
  right: -5px
}

.search-group-mobile button {
  border-radius: 20px;
  height: 100%
}

.search-group-mobile .open img {
  width: 27px
}

.hide {
  display: none !important
}

.nav-placeholder,
.navbar {
  width: 100%
}

.navbar {
  box-shadow: 0 10px 30px rgba(13, 24, 33, .05);
  position: fixed;
  top: 0;
  z-index: 10;
}

.nav-one {
  align-items: center;
  background: #0b9444;
  display: flex;
  display: -webkit-flex;
  height: 49px;
  justify-content: space-between;
  width: 100%;
}

@media (max-width:767.98px) {
  .nav-one {
    background: #0d1821;
    height: 35px;
  }
}

.nav-two {
  align-items: center;
  background: #fff;
  display: flex;
  display: -webkit-flex;
  height: 88px;
  justify-content: space-between;
  gap: 5px;
}

.nav-two .left-nav {
  align-items: center;
  -moz-column-gap: 15px;
  column-gap: 15px;
  display: flex;
  justify-content: space-evenly;
  width: 65%;
}

@media (max-width:575.98px) {
  .nav-two .left-nav {
    -moz-column-gap: 25px;
    column-gap: 25px;
    width: auto;
  }
}

.nav-two .left-nav.search-active {
  width: 100%;
}

@media (max-width:767.98px) {
  .nav-two {
    height: 70px;
  }
}

@media (max-width:575.98px) {
  .nav-two {
    height: 60px;
  }
}

.nav-two .home {
  align-items: center;
  display: flex;
  display: -webkit-flex;
  height: 100%;
  justify-content: space-between;
  min-width: 100px;
  width: auto;
}

.nav-two .home img {
  height: 80%;
  margin-right: 5px;
  max-height: 100%;
}

@media (max-width:1199.98px) {
  .nav-two .home img {
    margin-right: 10px;
  }
}

@media (max-width:991.98px) {
  .nav-two .home {
    min-width: unset
  }

  .nav-two .home span {
    display: none
  }

  .nav-two .home img {
    height: 80%
  }
}

@media (max-width:767.98px) {
  .nav-two .home {
    height: 80%
  }

  .nav-two .home img {
    height: auto;
    max-width: 90%;
    width: auto
  }
}

@media (max-width:424.98px) {
  .nav-two .home {
    height: 80%
  }
}

.nav-two .home span,
.nav-two .login,
.nav-two a,
.nav-two button.about-us,
.nav-two button.account-info,
.nav-two button.account-info>span,
.nav-two button.contact-us {
  font-size: 16px;
  line-height: 22px
}

@media (max-width:991.98px) {

  .nav-two .home span,
  .nav-two .login,
  .nav-two a,
  .nav-two button.about-us,
  .nav-two button.account-info,
  .nav-two button.account-info>span,
  .nav-two button.contact-us {
    font-size: 14px
  }
}

@media (max-width:767.98px) {

  .nav-two .home span,
  .nav-two .login,
  .nav-two a,
  .nav-two button.about-us,
  .nav-two button.account-info,
  .nav-two button.account-info>span,
  .nav-two button.contact-us {
    font-size: 12px
  }
}

@media (max-width:991.98px) {

  .nav-two button.account-info>span,
  .nav-two button.account-info>span+svg {
    display: none
  }
}

.nav-two .currency-info {
  align-items: center;
  display: flex
}

.nav-two .currency-info span {
  font-size: 16px;
  line-height: 22px;
  margin-right: 1px
}

@media (max-width:991.98px) {
  .nav-two .currency-info span {
    font-size: 14px
  }
}

@media (max-width:424.98px) {
  .nav-two .currency-info span {
    font-size: 14px
  }
}

@media (max-width:767.98px) {

  .nav-two .currency-info,
  .nav-two .currency-info span {
    margin-right: 0
  }
}

.nav-two button svg {
  margin-bottom: 2px
}

.nav-two .login:hover,
.nav-two a:hover,
.nav-two button.contact-us:focus,
.nav-two button.contact-us:hover {
  color: #0b9444
}

.nav-two .account-icon,
.nav-two .location-icon {
  align-items: center;
  border-radius: 50%;
  display: none;
  justify-content: center
}

.nav-two .account-icon img,
.nav-two .location-icon img {
  height: 27px
}

.nav-two .currency-flag {
  height: 16px;
  margin-right: 6px
}

@media (max-width:424.98px) {
  .nav-two .currency-flag {
    height: 12px;
    margin-right: 4px
  }
}

.nav-two a svg,
.nav-two button.contact-us svg {
  margin: -3px 0 0
}

.nav-two a.router-link-exact-active svg path,
.nav-two button.contact-us:focus svg path,
.nav-two button.contact-us:hover svg path {
  stroke: #0b9444
}

@media (max-width:767.98px) {
  .nav-two {
    padding-right: 25px
  }

  .nav-two .about-us,
  .nav-two .account-info,
  .nav-two .contact-us,
  .nav-two .login,
  .nav-two .my-account {
    display: none
  }
}

@media (max-width:767.98px) and (max-width:767.98px) {

  .nav-two .about-us,
  .nav-two .account-info,
  .nav-two .contact-us,
  .nav-two .login,
  .nav-two .my-account {
    font-size: 12px
  }
}

@media (max-width:767.98px) {

  .nav-two .account-icon,
  .nav-two .location-icon {
    display: flex;
    display: -webkit-flex
  }
}

@media not all and (-webkit-min-device-pixel-ratio:0) and (max-width:750px),
not all and (min-resolution:0.001dpcm) and (max-width:750px) {
  @supports (-webkit-appearance:none) {

    .nav-two .account-icon,
    .nav-two .location-icon {
      height: 27px;
      width: 30px
    }
  }
}

.nav-two .input-body {
  flex-grow: 1;
  height: 44px;
  max-width: 1240px;
  position: relative
}

@media (max-width:767.98px) {
  .nav-two .input-body {
    height: 40px;
    width: 100%
  }
}

@media (max-width:575.98px) {
  .nav-two .input-body {
    width: 100%
  }
}

@media (max-width:424.98px) {
  .nav-two .input-body {
    width: 100%
  }
}

@media (max-width:424.98px) {
  .nav-two .input-body #search-input::-moz-placeholder {
    font-size: 12px
  }

  .nav-two .input-body #search-input:-ms-input-placeholder {
    font-size: 12px
  }

  .nav-two .input-body #search-input::placeholder {
    font-size: 12px
  }
}

.nav-two .input-body .search-suggestions {
  background-color: #fff;
  border-radius: 0 0 10px 10px;
  max-height: 250px;
  overflow-y: scroll;
  position: absolute;
  width: 100%
}

.nav-two .input-body .search-suggestions .suggestion-item {
  align-items: center;
  border-bottom: 1px solid #eef0f8;
  display: flex;
  padding: 15px 20px
}

.nav-two .input-body .search-suggestions .suggestion-item span {
  font-size: 16px
}

.nav-two .input-body .search-suggestions .suggestion-item:hover {
  background-color: #dcdde4
}

.nav-two input {
  background-color: #f2f2f2;
  border: 1px solid #ebebeb;
  border-radius: 40px;
  color: #0d1821;
  font-size: 14px;
  height: 100%;
  padding: 4px 24px 0;
  position: relative;
  width: 100%;
  z-index: 4
}

@media (max-width:767.98px) {
  .nav-two input {
    border: 0;
    border-radius: 5px;
    font-size: 14px;
    padding: 3px 10px 0;
    width: 100%
  }
}

@media (max-width:424.98px) {
  .nav-two input {
    padding: 0 10px
  }
}

.nav-two input::-moz-placeholder {
  color: #0d1821
}

.nav-two input:-ms-input-placeholder {
  color: #0d1821
}

.nav-two input::placeholder {
  color: #0d1821
}

@media not all and (-webkit-min-device-pixel-ratio:0) and (max-width:750px),
not all and (min-resolution:0.001dpcm) and (max-width:750px) {
  @supports (-webkit-appearance:none) {
    .nav-two input#search-input {
      padding: 0 10px 0 20px
    }
  }
}

@media (max-width:767.98px) {
  .nav-two .input-body button:focus {
    border: transparent;
    box-shadow: none
  }
}

.nav-two input:focus {
  border-color: #0b9444
}

.nav-two .input-body button {
  border-radius: 0 35px 35px 0;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 45px;
  z-index: 5
}

.nav-two .input-body button img {
  height: 50%
}

@media (max-width:767.98px) {
  .nav-two .input-body button img {
    height: 65%
  }

  .nav-two .input-body button {
    border-radius: 20px;
    width: 40px
  }
}

.nav-two .input-body button svg {
  width: 24px
}

@media (max-width:767.98px) {
  .nav-two .input-body button svg {
    width: 14px
  }

  .nav-two .input-body button svg path {
    stroke: #0d1821
  }
}

.nav-two button.icart {
  border-radius: 50%;
  padding: 5px;
  position: relative;
}

.nav-two button.cart img {
  width: 21px;
}

@media (max-width:767.98px) {
  .nav-two button.cart img {
    width: 27px;
  }
}

.nav-two button.cart:hover {
  background-color: rgba(11, 148, 68, .09);
}

.nav-two .count {
  background-color: #0b9444;
  border-radius: 50%;
  color: #fff;
  font-size: 10px;
  height: 18px;
  line-height: 1em;
  padding: 2px 0 0;
  position: absolute;
  right: -6px;
  top: -8px;
  width: 18px
}

@media (max-width:767.98px) {
  .nav-two .count {
    height: 14px;
    right: -3px;
    top: -6px;
    width: 14px;
  }
}

a,
button {
  position: relative;
}

a .hint,
button .hint {
  box-shadow: 0 0 2px rgba(193, 201, 214, .5);
  opacity: 0;
  position: absolute;
  transition: transform .25s;
  z-index: 1;
}

@media (max-width:575.98px) {

  a .hint,
  button .hint {
    display: none;
  }
}

a .hint span,
button .hint span {
  background: #fff;
  border-radius: 5px;
  display: block;
  font-size: 14px;
  font-weight: 300;
  height: 100%;
  padding: 5px 10px 0;
  white-space: nowrap;
  width: 100%
}

a .hint:before,
button .hint:before {
  border-color: #fff #fff transparent transparent;
  border-style: solid;
  border-width: 3px;
  bottom: 100%;
  box-shadow: 0 0 2px rgba(193, 201, 214, .5);
  content: "";
  display: inline-block;
  height: 1px;
  left: 50%;
  position: absolute;
  transform: translate(-50%, 50%) rotate(-45deg);
  width: 1px;
  z-index: -1;
}

a:hover .hint,
button:hover .hint {
  bottom: -60px;
  opacity: 1;
  transform: translateY(-10px)
}

.contact-group {
  position: relative
}

.contact-group .contact-dropdown {
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 10px 30px rgba(13, 24, 33, .05);
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  left: -35px;
  padding: 22px 0;
  position: absolute;
  top: 35px;
  width: 182px
}

.contact-group .not-available {
  color: #585563;
  text-align: center
}

.contact-group .contact-dropdown a {
  display: flex;
  padding: 10px 32px
}

.contact-group .contact-dropdown a:not(:last-of-type) {
  margin: 0 0 12px
}

.contact-group .contact-dropdown a:hover {
  background: #eef0f8
}

.contact-group .contact-dropdown img {
  margin: 0 15px 0 0
}

.account-group,
.location-group {
  position: relative
}

.account-group .account-dropdown,
.account-group .location-dropdown,
.location-group .account-dropdown,
.location-group .location-dropdown {
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 10px 30px rgba(13, 24, 33, .05);
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  left: -10px;
  padding: 10px 0;
  position: absolute;
  top: 40px;
  width: 182px
}

@media (max-width:767.98px) {

  .account-group .account-dropdown,
  .account-group .location-dropdown,
  .location-group .account-dropdown,
  .location-group .location-dropdown {
    left: -20px;
    width: 130px
  }
}

@media (max-width:575.98px) {

  .account-group .account-dropdown,
  .account-group .location-dropdown,
  .location-group .account-dropdown,
  .location-group .location-dropdown {
    left: -35px
  }
}

.account-group .account-dropdown a,
.account-group .location-dropdown a,
.location-group .account-dropdown a,
.location-group .location-dropdown a {
  display: flex;
  font-size: 14px;
  padding: 5px 30px
}

.account-group .account-dropdown a img,
.account-group .location-dropdown a img,
.location-group .account-dropdown a img,
.location-group .location-dropdown a img {
  margin-right: 5px
}

@media (max-width:575.98px) {

  .account-group .account-dropdown a,
  .account-group .location-dropdown a,
  .location-group .account-dropdown a,
  .location-group .location-dropdown a {
    padding: 5px 20px
  }
}

.account-group .account-dropdown a:not(:last-of-type),
.account-group .location-dropdown a:not(:last-of-type),
.location-group .account-dropdown a:not(:last-of-type),
.location-group .location-dropdown a:not(:last-of-type) {
  margin: 0 0 12px
}

.account-group .account-dropdown a:hover,
.account-group .location-dropdown a:hover,
.location-group .account-dropdown a:hover,
.location-group .location-dropdown a:hover {
  background: #eef0f8
}

.account-group .account-dropdown img,
.location-group .account-dropdown img {
  margin: 0 15px 0 0
}

.currency-group {
  position: relative
}

.currency-group .currency-dropdown {
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 10px 30px rgba(13, 24, 33, .05);
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  left: -35px;
  padding: 12px 0;
  position: absolute;
  top: 35px;
  width: 180px
}

@media (max-width:767.98px) {
  .currency-group .currency-dropdown {
    left: -40px
  }
}

@media (max-width:575.98px) {
  .currency-group .currency-dropdown {
    left: -45px
  }
}

.currency-group .currency-dropdown a {
  display: flex;
  justify-content: flex-start;
  padding: 8px 12px
}

.currency-group .currency-dropdown a span {
  font-size: 16px
}

.currency-group .currency-dropdown a:not(:last-of-type) {
  margin: 0 0 12px
}

.currency-group .currency-dropdown a:hover {
  background: #eef0f8
}

.currency-group .currency-dropdown img {
  margin: 0 15px 0 0
}

.location-select {
  align-items: center;
  background-color: #2e2e2e;
  display: flex;
  height: 80px;
  justify-content: center;
  padding: 0 20px;
  width: 100%
}

@media (max-width:575.98px) {
  .location-select {
    height: 60px
  }
}

.location-select .select-group {
  align-items: center;
  display: flex;
  gap: 30px;
  height: 100%;
  justify-content: space-between;
  width: auto
}

.location-select .select-group .select-text {
  color: #fff;
  font-size: 14px
}

@media (max-width:767.98px) {
  .location-select .select-group .select-text {
    width: 90%
  }
}

@media (max-width:575.98px) {
  .location-select .select-group .select-text {
    font-size: 12px;
    width: 50%
  }
}

.location-select .select-group .action-group {
  align-items: center;
  display: flex;
  height: 100%;
  width: auto
}

.location-select .select-group .action-group button {
  margin-left: 15px
}

.location-select .select-group .action-group button svg {
  width: 20px
}

@media (max-width:767.98px) {
  .location-select .select-group .action-group {
    width: 100%
  }
}

.location-select .select-group .select-dropdown {
  height: 50%;
  position: relative;
  width: 220px
}

@media (max-width:767.98px) {
  .location-select .select-group .select-dropdown {
    width: 100%
  }
}

@media (max-width:575.98px) {
  .location-select .select-group .select-dropdown {
    height: 70%
  }
}

.location-select .select-group .select-dropdown .dropdown-input {
  align-items: center;
  background-color: #3b4045;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  height: 100%;
  justify-content: space-between;
  padding: 0 15px;
  width: 100%
}

.location-select .select-group .select-dropdown .dropdown-input .label {
  color: #fff;
  font-size: 14px;
}

@media (max-width:575.98px) {
  .location-select .select-group .select-dropdown .dropdown-input .label {
    font-size: 12px;
  }
}

.location-select .select-group .select-dropdown .dropdown-items {
  background-color: #3b4045;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  margin-top: 5px;
  position: absolute;
  width: 100%;
  z-index: 50
}

.location-select .select-group .select-dropdown .dropdown-items .item {
  border-radius: 8px;
  color: #fff;
  font-size: 14px;
  padding: 12px 15px;
  width: 100%
}

.location-select .select-group .select-dropdown .dropdown-items .item:hover {
  background-color: rgba(0, 0, 0, .3);
}

@media (max-width:575.98px) {
  .location-select .select-group .select-dropdown .dropdown-items .item {
    font-size: 12px;
  }
}

input::placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1;
}

input::-webkit-input-placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1;
}

input:-ms-input-placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1;
}

input:-moz-placeholder,
input::-moz-placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1;
}

.share-buttons {
  display: grid;
  gap: 0 16px;
  grid-template-columns: repeat(4, 32px)
}

@media (max-width:767.98px) {
  .share-buttons {
    display: grid;
  }
}

@media (max-width:424.98px) {
  .share-buttons {
    gap: 0 8px;
  }
}

.share-buttons button {
  align-items: center;
  background: #fff;
  border-radius: 50%;
  display: flex;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.share-buttons button.ios-svg {
  display: none;
}

@media not all and (-webkit-min-device-pixel-ratio:0) and (max-width:750px),
not all and (min-resolution:0.001dpcm) and (max-width:750px) {
  @supports (-webkit-appearance:none) {
    .share-buttons button.ios-svg {
      align-items: center;
      display: flex;
      font-family: Graphik, Segoe UI, Helvetica Neue !important;
      justify-content: center
    }

    .share-buttons button div {
      height: 26px;
      width: 26px
    }

    .share-buttons button:not(.ios-svg) {
      display: none
    }
  }
}

.footer{
  background: #000
}

.footer .footer-container {
  margin: 0 auto;
  max-width: 1440px;
  width: 100%
}

.footer .footer-details {
  align-items: flex-start;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  padding: 20px 40px
}

@media (max-width:767.98px) {
  .footer .footer-details {
    flex-direction: column;
    justify-content: flex-start;
    padding: 20px 0
  }
}

#WAButton {
  bottom: 10px;
  right: 90px;
  transition: right .3s, bottom .3s
}

.info-group {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  padding-top: 5px;
  width: 50%
}

.info-group a {
  background: #0b9444;
  border: 1px solid #0b9444;
  color: #fff;
  padding: 0.5rem;
  border-radius: 20px;
}
  
.info-group a:hover{
  border: 2px solid white;
  box-shadow: 0 0 5px 0 rgba(var(--red), var(--green), var(--blue), .3)
}

@media (max-width:991.98px) {
  .info-group {
    width: 40%
  }
}

@media (max-width:767.98px) {
  .info-group {
    display: flex;
    justify-content: space-between;
    padding: 5px 25px;
    width: 80%
  }
}

p,
p span {
  color: #fff;
  font-size: 16px;
  line-height: 1.2
}

@media (max-width:767.98px) {

  p,
  p span {
    font-size: 14px
  }
}

.group-one {
  text-align: left
}

@media (max-width:767.98px) {
  .group-one {
    text-align: left;
    width: 100%
  }
}

@media (max-width:575.98px) {
  .group-one {
    margin-bottom: 10px;
    text-align: left
  }
}

.group-one .header {
  font-family: Graphik, Segoe UI, Helvetica Neue;
  font-weight: 500
}

.group-one p {
  margin-bottom: 16px
}

.group-one p svg {
  margin-right: 5px;
  vertical-align: middle
}

.group-one .contact-row {
  display: flex;
  flex-direction: row
}

.copyright-group {
  align-items: center;
  border-top: 1px solid #363636;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  padding: 15px 0 15px 25px
}

.copyright-group p {
  background-color: hsla(0, 0%, 100%, .15);
  padding: 15px
}

.copyright-group p,
.copyright-group p span {
  font-family: Graphik, Segoe UI, Helvetica Neue;
  font-weight: 500
}

.copyright-group p span {
  text-decoration: none
}

@media (max-width:575.98px) {

  .copyright-group p,
  .copyright-group p span {
    font-family: Graphik, Segoe UI, Helvetica Neue;
    font-size: 12px;
    font-weight: 400
  }
}

.footer-row {
  display: flex;
  justify-content: space-between;
  margin-top: 15px
}

.footer-row .quick-links {
  display: flex;
  flex-direction: row;
  justify-content: flex-start
}

.footer-row .quick-links a span {
  text-decoration: underline
}

.footer-row .quick-links a:nth-child(2) {
  margin-left: 20px
}

@media (max-width:767.98px) {
  .footer-row {
    border-top: 1px solid #363636;
    justify-content: space-between;
    margin-top: 20px;
    padding: 10px 25px;
    width: 100%
  }
}

@media (max-width:575.98px) {
  .footer-row {
    margin-bottom: 5px
  }
}

.hide {
  display: none !important
}

.currency-group {
  display: none;
  margin-bottom: 18px;
  position: relative
}

@media (max-width:767.98px) {
  .currency-group {
    display: block
  }
}

.currency-group .currency-info {
  align-items: center;
  display: flex
}

.currency-group .currency-info span {
  color: #fff;
  font-size: 14px;
  line-height: 22px;
  margin-right: 5px
}

@media (max-width:991.98px) {
  .currency-group .currency-info span {
    font-size: 12px
  }
}

.currency-group .currency-info svg {
  margin-bottom: 5px
}

.currency-group .currency-info svg path {
  stroke: #fff
}

.currency-group .currency-flag {
  height: 16px;
  margin-right: 6px
}

.currency-group .currency-dropdown {
  background: #fff;
  border-radius: 5px;
  bottom: 35px;
  box-shadow: 0 10px 30px rgba(13, 24, 33, .05);
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  left: -35px;
  padding: 12px 0;
  position: absolute;
  width: 180px
}

@media (max-width:767.98px) {
  .currency-group .currency-dropdown {
    left: -60px
  }
}

@media (max-width:575.98px) {
  .currency-group .currency-dropdown {
    left: -65px
  }
}

.currency-group .currency-dropdown a {
  display: flex;
  justify-content: flex-start;
  padding: 8px 12px
}

.currency-group .currency-dropdown a span {
  font-size: 16px
}

.currency-group .currency-dropdown a:not(:last-of-type) {
  margin: 0 0 12px
}

.currency-group .currency-dropdown a:hover {
  background: #eef0f8
}

.currency-group .currency-dropdown img {
  margin: 0 15px 0 0
}

.news-letter {
  align-items: flex-end;
  padding: 5px 0 40px;
  text-align: center;
  width: 45%
}

.news-letter,
.news-letter .form {
  display: flex;
  flex-direction: column
}

.news-letter .form {
  align-items: flex-start;
  width: 100%
}

.news-letter .form .message {
  font-size: 14px;
  margin: 0;
  text-align: left
}

@media (max-width:991.98px) {
  .news-letter {
    width: 50%
  }
}

@media (max-width:767.98px) {
  .news-letter {
    padding: 10px 0;
    width: 100%
  }
}

@media (max-width:575.98px) {
  .news-letter {
    padding: 10px 0
  }
}

.news-letter h2 {
  color: #fff;
  font-family: Graphik, Segoe UI, Helvetica Neue;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2em;
  margin-bottom: 8px
}

@media (max-width:767.98px) {
  .news-letter h2 {
    font-size: 16px;
    margin-bottom: 5px;
    padding: 0 25px
  }
}

@media (max-width:575.98px) {
  .news-letter h2 {
    font-size: 16px
  }
}

.news-letter p {
  font-size: 24px;
  line-height: 1.2;
  margin: 0 auto 10px
}

@media (max-width:767.98px) {
  .news-letter p {
    font-size: 18px;
    margin-bottom: 5px
  }
}

@media (max-width:575.98px) {
  .news-letter p {
    font-size: 16px;
    margin: 0 auto 8px;
    max-width: 252px
  }
}

.news-letter .input-body {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-width: 400px;
  position: relative;
  width: 100%
}

@media (max-width:767.98px) {
  .news-letter .input-body {
    font-size: 14px;
    padding: 0 25px;
    width: 95%
  }
}

@media (max-width:575.98px) {
  .news-letter .input-body {
    margin-bottom: 40px;
    min-width: 281px
  }
}

.news-letter input {
  background-color: hsla(0, 0%, 100%, .19);
  border: none;
  border-radius: 5px;
  color: #7e7e7e;
  font-size: 16px;
  height: 50px;
  outline: none;
  padding: 5px 19px 0;
  width: 100%
}

.news-letter input::-moz-placeholder {
  color: #7e7e7e
}

.news-letter input:-ms-input-placeholder {
  color: #7e7e7e
}

.news-letter input::placeholder {
  color: #7e7e7e
}

@media (max-width:767.98px) {
  .news-letter input {
    font-size: 14px
  }
}

@media (max-width:575.98px) {
  .news-letter input {
    font-size: 12px;
    height: 40px;
    margin-bottom: 25px;
    padding: 3px 16px 0
  }
}

.news-letter .input-body button {
  border-radius: 5px;
  font-family: Graphik, Segoe UI, Helvetica Neue;
  font-size: 18px;
  font-weight: 500;
  line-height: .8em;
  margin-top: 15px;
  padding: 15px 40px 13px;
  position: relative
}

@media (max-width:767.98px) {
  .news-letter .input-body button {
    font-size: 14px;
    padding: 14px 40px 12px
  }
}

@media (max-width:575.98px) {
  .news-letter .input-body button {
    border-radius: 5px;
    font-size: 14px;
    margin-top: 5px;
    padding: 14px 40px 12px
  }
}

.emoji {
  position: relative;
  top: 1px
}

.accepted-cards {
  height: 40px
}

.theme-config button[data-v-2aa3bc21]:disabled {
  background-color: rgba(var(--red), var(--green), var(--blue), .4) !important
}

.theme-config .nav-one[data-v-2aa3bc21] {
  background: #0d1821
}

.theme-config .nav-two .login[data-v-2aa3bc21]:hover,
.theme-config .nav-two a[data-v-2aa3bc21]:hover,
.theme-config .nav-two button.contact-us[data-v-2aa3bc21]:focus,
.theme-config .nav-two button.contact-us[data-v-2aa3bc21]:hover {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two a.router-link-exact-active svg path[data-v-2aa3bc21],
.theme-config .nav-two button.contact-us:focus svg path[data-v-2aa3bc21],
.theme-config .nav-two button.contact-us:hover svg path[data-v-2aa3bc21] {
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two button.account-info svg circle[data-v-2aa3bc21],
.theme-config .nav-two button.account-info svg rect[data-v-2aa3bc21] {
  fill: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two .count[data-v-2aa3bc21] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two input[data-v-2aa3bc21]:focus {
  border-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two button.cart[data-v-2aa3bc21]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .09)
}

.theme-config .nav-two .count[data-v-2aa3bc21] {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two .search-group-mobile button svg path[data-v-2aa3bc21] {
  stroke: #000
}

.theme-config .product button[data-v-2aa3bc21] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button span[data-v-2aa3bc21] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button svg[data-v-2aa3bc21] {
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button[data-v-2aa3bc21]:hover {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button svg[data-v-2aa3bc21] {
  margin-right: 12px;
  margin-top: -3px
}

.theme-config .product button:hover span[data-v-2aa3bc21] {
  color: #fff
}

.theme-config .product button:hover svg path[data-v-2aa3bc21] {
  stroke: #fff
}

.theme-config .product:hover button[data-v-2aa3bc21]:not(.out-of-stock-btn) {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product:hover button:not(.out-of-stock-btn) span[data-v-2aa3bc21] {
  color: #fff
}

.theme-config .products-container button.secondary-btn[data-v-2aa3bc21] {
  background: #fff;
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .products-container button.secondary-btn[data-v-2aa3bc21]:hover {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .sticky-group button[data-v-2aa3bc21] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .collections .collection-list button[data-v-2aa3bc21] {
  color: #000
}

.theme-config .collections>div[data-v-2aa3bc21]::-webkit-scrollbar-thumb {
  background: rgba(var(--red), var(--green), var(--blue), .2)
}

.theme-config .news-letter input[data-v-2aa3bc21]:focus {
  border-color: rgba(var(--red), var(--green), var(--blue), .5);
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .3)
}

.theme-config .news-letter .input-body button[data-v-2aa3bc21] {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .news-letter .input-body button[data-v-2aa3bc21]:focus {
  border-color: rgba(var(--red), var(--green), var(--blue), .5);
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .3)
}

.theme-config .share-buttons button[data-v-2aa3bc21] {
  background: transparent;
  height: 40px;
  width: 40px
}

.theme-config .share-buttons button svg.whatsapp-svg[data-v-2aa3bc21],
.theme-config .share-buttons button svg[data-v-2aa3bc21]:not(.whatsapp-svg) {
  fill: #7e7e7e
}

.theme-config .forgot button.submit[data-v-2aa3bc21],
.theme-config .login button.submit[data-v-2aa3bc21],
.theme-config .register button.submit[data-v-2aa3bc21] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .forgot button.submit[data-v-2aa3bc21]:hover,
.theme-config .login button.submit[data-v-2aa3bc21]:hover,
.theme-config .register button.submit[data-v-2aa3bc21]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .7)
}

.theme-config .forgot button.submit[data-v-2aa3bc21]:focus,
.theme-config .login button.submit[data-v-2aa3bc21]:focus,
.theme-config .register button.submit[data-v-2aa3bc21]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue) .5)
}

.theme-config .forgot .switch-form button[data-v-2aa3bc21],
.theme-config .login .switch-form button[data-v-2aa3bc21],
.theme-config .product-detail .description button[data-v-2aa3bc21],
.theme-config .register .switch-form button[data-v-2aa3bc21] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .add-to-cart[data-v-2aa3bc21]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .7)
}

.theme-config .product-detail .add-to-cart[data-v-2aa3bc21]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .empty-collection button[data-v-2aa3bc21] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .empty-collection button.secondary[data-v-2aa3bc21]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

.theme-config .checkout-content[data-v-2aa3bc21]::-webkit-scrollbar-thumb {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .store-details button.cart[data-v-2aa3bc21]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .09)
}

.theme-config .checkout-content .store-details .count[data-v-2aa3bc21] {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .checkout-header[data-v-2aa3bc21]:after {
  border-bottom: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .step-group.done .step-number[data-v-2aa3bc21] {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .step-group.done .step-name[data-v-2aa3bc21] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group.center[data-v-2aa3bc21] {
  justify-content: center
}

.theme-config .checkout-content .btn-group button[data-v-2aa3bc21],
.theme-config .checkout-content btn-group .pay-btn[data-v-2aa3bc21] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group .secondary[data-v-2aa3bc21]:hover {
  box-shadow: 2px 2px 10px rgba(88, 85, 99, .3)
}

.theme-config .checkout-content .btn-group .secondary[data-v-2aa3bc21] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group .primary[data-v-2aa3bc21] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group .primary[data-v-2aa3bc21]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .checkout-content .btn-group button[data-v-2aa3bc21]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

.theme-config .step-2 .step-header button[data-v-2aa3bc21],
.theme-config .step-2 .use-saved-details button[data-v-2aa3bc21] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .step-2 .check-group[data-v-2aa3bc21],
.theme-config .step-2 .radio-group[data-v-2aa3bc21] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .step-2 .input-group button[data-v-2aa3bc21],
.theme-config .step-2 input[type=checkbox]:checked+.inner-check[data-v-2aa3bc21],
.theme-config .step-2 input[type=radio]:checked+.inner-check[data-v-2aa3bc21] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .step-header button[data-v-2aa3bc21],
.theme-config .step-2 .discount-group .discount-info[data-v-2aa3bc21] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .check-group[data-v-2aa3bc21],
.theme-config .payment-step .radio-group[data-v-2aa3bc21] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .input-group button[data-v-2aa3bc21],
.theme-config .payment-step input[type=checkbox]:checked+.inner-check[data-v-2aa3bc21],
.theme-config .payment-step input[type=radio]:checked+.inner-check[data-v-2aa3bc21] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .payment-option.active[data-v-2aa3bc21] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .proof-template[data-v-2aa3bc21] {
  border: 1px dashed rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .proof-template .template-details .upload-icon svg[data-v-2aa3bc21] {
  fill: rgba(var(--red), var(--green), var(--blue), 1);
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .proof-template p[data-v-2aa3bc21] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .upload-details button svg path[data-v-2aa3bc21] {
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .upload-details .progress .bar[data-v-2aa3bc21] {
  background-color: #0b9444
}

.theme-config .quantity-field button[data-v-2aa3bc21]:hover {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .cart-btn-group button[data-v-2aa3bc21]:first-of-type,
.theme-config .product-detail .rating-group button[data-v-2aa3bc21]:hover {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .cart-btn-group button[data-v-2aa3bc21]:last-of-type {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .product-detail .cart-btn-group button.secondary[data-v-2aa3bc21] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .add-to-cart[data-v-2aa3bc21] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .add-to-cart[data-v-2aa3bc21]:hover,
.theme-config .product-detail .cart-btn-group button[data-v-2aa3bc21]:last-of-type:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .product-detail .cart-btn-group button[data-v-2aa3bc21]:first-of-type:hover {
  background: rgba(var(--red), var(--green), var(--blue), .1)
}

.theme-config .product-detail .add-to-cart[data-v-2aa3bc21]:focus,
.theme-config .product-detail .cart-btn-group button[data-v-2aa3bc21]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .product-reviews button.write-review[data-v-2aa3bc21] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-reviews button.write-review[data-v-2aa3bc21]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .1)
}

.theme-config .product-reviews button.write-review[data-v-2aa3bc21]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .navigation-buttons a.secondary[data-v-2aa3bc21] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .navigation-buttons button.primary[data-v-2aa3bc21],
.theme-config .review-modal-content button.submit[data-v-2aa3bc21] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .review-modal-content button.submit[data-v-2aa3bc21]:focus,
.theme-config .review-modal-content button.submit[data-v-2aa3bc21]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .review-modal-content button.submit[data-v-2aa3bc21]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .tabs button.active[data-v-2aa3bc21],
.theme-config .tabs button[data-v-2aa3bc21]:focus {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .tabs button.active[data-v-2aa3bc21] {
  border-bottom: 2px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .review-summary .review-link a button[data-v-2aa3bc21] {
  color: rgba(var(--red), var(--green), var(--blue), 1);
  text-decoration: none
}

.theme-config .form button.primary[data-v-2aa3bc21] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group button[data-v-2aa3bc21] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group .secondary[data-v-2aa3bc21] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group .primary[data-v-2aa3bc21] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group .primary[data-v-2aa3bc21]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .btn-group button[data-v-2aa3bc21]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

@media (max-width:424.98px) {
  .theme-config .btn-group.center button.primary[data-v-2aa3bc21] {
    background: rgba(var(--red), var(--green), var(--blue), 1)
  }
}

.theme-config .order-summary .order-info button[data-v-2aa3bc21] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config button.return-to[data-v-2aa3bc21] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .secondary[data-v-2aa3bc21] {
  background: #fff;
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config button.secondary[data-v-2aa3bc21]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

.theme-config .order-summary .shipping-info>.row-group[data-v-2aa3bc21]:first-child {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .order-summary .shipping-info>.row-group:first-child h4[data-v-2aa3bc21] {
  color: #fff
}

.theme-config .order-summary .payment-info>.row-group[data-v-2aa3bc21]:first-child {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .order-summary .payment-info>.row-group:first-child h4[data-v-2aa3bc21] {
  color: #fff
}

.theme-config .pay-btn[data-v-2aa3bc21] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .offers-modal-content[data-v-2aa3bc21] {
  border: 3px dotted rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .offers-modal-content button.submit[data-v-2aa3bc21] {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .offers-modal-content button.submit[data-v-2aa3bc21]:focus,
.theme-config .offers-modal-content button.submit[data-v-2aa3bc21]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .7)
}

.theme-config .offers-modal-content button.submit[data-v-2aa3bc21]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.btn-group[data-v-2aa3bc21] {
  width: 100%
}

.row-btn[data-v-2aa3bc21] {
  display: flex;
  flex-direction: row
}

.col-btn[data-v-2aa3bc21] {
  display: flex;
  flex-direction: column
}

.col-btn .btn[data-v-2aa3bc21] {
  margin: 4px 0
}

.btn[data-v-2aa3bc21] {
  border-radius: 5px;
  font-size: 15px;
  padding: 15px 5px;
  text-align: center
}

.btn-group.center[data-v-2aa3bc21] {
  justify-content: center
}

.btn-group .secondary[data-v-2aa3bc21]:hover {
  box-shadow: 2px 2px 10px rgba(88, 85, 99, .3)
}

.btn-group .secondary[data-v-2aa3bc21] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.btn-group .primary[data-v-2aa3bc21] {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.btn-group .primary[data-v-2aa3bc21]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.btn-group button[data-v-2aa3bc21]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

.app-modal[data-v-2aa3bc21] {
  align-items: center;
  display: flex;
  height: 100vh;
  justify-content: center;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  transition: opacity .4s;
  width: 100vw;
  z-index: 60
}

.app-modal .overlay[data-v-2aa3bc21] {
  background-color: rgba(0, 0, 0, .5);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.modal-content[data-v-2aa3bc21] {
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 100px rgba(0, 0, 0, .4);
  height: auto;
  padding: 20px;
  position: relative;
  width: 40%
}

@media (max-width:991.98px) {
  .modal-content[data-v-2aa3bc21] {
    width: 55%
  }
}

@media (max-width:767.98px) {
  .modal-content[data-v-2aa3bc21] {
    width: 70%
  }
}

@media (max-width:575.98px) {
  .modal-content[data-v-2aa3bc21] {
    width: 90%
  }
}

.modal-content .modal-header[data-v-2aa3bc21] {
  position: relative;
  width: 100%
}

.modal-content .close-button[data-v-2aa3bc21] {
  height: 20px;
  position: absolute;
  right: 5px;
  top: 0
}

.modal-content .close-button img[data-v-2aa3bc21] {
  height: 100%
}

.modal-content .modal-body[data-v-2aa3bc21] {
  padding: 20px 20px 15px
}

.modal-content .modal-footer[data-v-2aa3bc21] {
  padding: 10px 20px
}

.modal-content .modal-footer .btn-group button[data-v-2aa3bc21] {
  border-radius: 12px
}

.theme-config button[data-v-594ed208]:disabled {
  background-color: rgba(var(--red), var(--green), var(--blue), .4) !important
}

.theme-config .nav-one[data-v-594ed208] {
  background: #0d1821
}

.theme-config .nav-two .login[data-v-594ed208]:hover,
.theme-config .nav-two a[data-v-594ed208]:hover,
.theme-config .nav-two button.contact-us[data-v-594ed208]:focus,
.theme-config .nav-two button.contact-us[data-v-594ed208]:hover {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two a.router-link-exact-active svg path[data-v-594ed208],
.theme-config .nav-two button.contact-us:focus svg path[data-v-594ed208],
.theme-config .nav-two button.contact-us:hover svg path[data-v-594ed208] {
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two button.account-info svg circle[data-v-594ed208],
.theme-config .nav-two button.account-info svg rect[data-v-594ed208] {
  fill: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two .count[data-v-594ed208] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two input[data-v-594ed208]:focus {
  border-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two button.cart[data-v-594ed208]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .09)
}

.theme-config .nav-two .count[data-v-594ed208] {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two .search-group-mobile button svg path[data-v-594ed208] {
  stroke: #000
}

.theme-config .product button[data-v-594ed208] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button span[data-v-594ed208] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button svg[data-v-594ed208] {
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button[data-v-594ed208]:hover {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button svg[data-v-594ed208] {
  margin-right: 12px;
  margin-top: -3px
}

.theme-config .product button:hover span[data-v-594ed208] {
  color: #fff
}

.theme-config .product button:hover svg path[data-v-594ed208] {
  stroke: #fff
}

.theme-config .product:hover button[data-v-594ed208]:not(.out-of-stock-btn) {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product:hover button:not(.out-of-stock-btn) span[data-v-594ed208] {
  color: #fff
}

.theme-config .products-container button.secondary-btn[data-v-594ed208] {
  background: #fff;
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .products-container button.secondary-btn[data-v-594ed208]:hover {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .sticky-group button[data-v-594ed208] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .collections .collection-list button[data-v-594ed208] {
  color: #000
}

.theme-config .collections>div[data-v-594ed208]::-webkit-scrollbar-thumb {
  background: rgba(var(--red), var(--green), var(--blue), .2)
}

.theme-config .news-letter input[data-v-594ed208]:focus {
  border-color: rgba(var(--red), var(--green), var(--blue), .5);
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .3)
}

.theme-config .news-letter .input-body button[data-v-594ed208] {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .news-letter .input-body button[data-v-594ed208]:focus {
  border-color: rgba(var(--red), var(--green), var(--blue), .5);
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .3)
}

.theme-config .share-buttons button[data-v-594ed208] {
  background: transparent;
  height: 40px;
  width: 40px
}

.theme-config .share-buttons button svg.whatsapp-svg[data-v-594ed208],
.theme-config .share-buttons button svg[data-v-594ed208]:not(.whatsapp-svg) {
  fill: #7e7e7e
}

.theme-config .forgot button.submit[data-v-594ed208],
.theme-config .login button.submit[data-v-594ed208],
.theme-config .register button.submit[data-v-594ed208] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .forgot button.submit[data-v-594ed208]:hover,
.theme-config .login button.submit[data-v-594ed208]:hover,
.theme-config .register button.submit[data-v-594ed208]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .7)
}

.theme-config .forgot button.submit[data-v-594ed208]:focus,
.theme-config .login button.submit[data-v-594ed208]:focus,
.theme-config .register button.submit[data-v-594ed208]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue) .5)
}

.theme-config .forgot .switch-form button[data-v-594ed208],
.theme-config .login .switch-form button[data-v-594ed208],
.theme-config .product-detail .description button[data-v-594ed208],
.theme-config .register .switch-form button[data-v-594ed208] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .add-to-cart[data-v-594ed208]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .7)
}

.theme-config .product-detail .add-to-cart[data-v-594ed208]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .empty-collection button[data-v-594ed208] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .empty-collection button.secondary[data-v-594ed208]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

.theme-config .checkout-content[data-v-594ed208]::-webkit-scrollbar-thumb {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .store-details button.cart[data-v-594ed208]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .09)
}

.theme-config .checkout-content .store-details .count[data-v-594ed208] {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .checkout-header[data-v-594ed208]:after {
  border-bottom: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .step-group.done .step-number[data-v-594ed208] {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .step-group.done .step-name[data-v-594ed208] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group.center[data-v-594ed208] {
  justify-content: center
}

.theme-config .checkout-content .btn-group button[data-v-594ed208],
.theme-config .checkout-content btn-group .pay-btn[data-v-594ed208] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group .secondary[data-v-594ed208]:hover {
  box-shadow: 2px 2px 10px rgba(88, 85, 99, .3)
}

.theme-config .checkout-content .btn-group .secondary[data-v-594ed208] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group .primary[data-v-594ed208] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group .primary[data-v-594ed208]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .checkout-content .btn-group button[data-v-594ed208]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

.theme-config .step-2 .step-header button[data-v-594ed208],
.theme-config .step-2 .use-saved-details button[data-v-594ed208] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .step-2 .check-group[data-v-594ed208],
.theme-config .step-2 .radio-group[data-v-594ed208] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .step-2 .input-group button[data-v-594ed208],
.theme-config .step-2 input[type=checkbox]:checked+.inner-check[data-v-594ed208],
.theme-config .step-2 input[type=radio]:checked+.inner-check[data-v-594ed208] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .step-header button[data-v-594ed208],
.theme-config .step-2 .discount-group .discount-info[data-v-594ed208] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .check-group[data-v-594ed208],
.theme-config .payment-step .radio-group[data-v-594ed208] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .input-group button[data-v-594ed208],
.theme-config .payment-step input[type=checkbox]:checked+.inner-check[data-v-594ed208],
.theme-config .payment-step input[type=radio]:checked+.inner-check[data-v-594ed208] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .payment-option.active[data-v-594ed208] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .proof-template[data-v-594ed208] {
  border: 1px dashed rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .proof-template .template-details .upload-icon svg[data-v-594ed208] {
  fill: rgba(var(--red), var(--green), var(--blue), 1);
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .proof-template p[data-v-594ed208] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .upload-details button svg path[data-v-594ed208] {
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .upload-details .progress .bar[data-v-594ed208] {
  background-color: #0b9444
}

.theme-config .quantity-field button[data-v-594ed208]:hover {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .cart-btn-group button[data-v-594ed208]:first-of-type,
.theme-config .product-detail .rating-group button[data-v-594ed208]:hover {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .cart-btn-group button[data-v-594ed208]:last-of-type {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .product-detail .cart-btn-group button.secondary[data-v-594ed208] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .add-to-cart[data-v-594ed208] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .add-to-cart[data-v-594ed208]:hover,
.theme-config .product-detail .cart-btn-group button[data-v-594ed208]:last-of-type:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .product-detail .cart-btn-group button[data-v-594ed208]:first-of-type:hover {
  background: rgba(var(--red), var(--green), var(--blue), .1)
}

.theme-config .product-detail .add-to-cart[data-v-594ed208]:focus,
.theme-config .product-detail .cart-btn-group button[data-v-594ed208]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .product-reviews button.write-review[data-v-594ed208] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-reviews button.write-review[data-v-594ed208]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .1)
}

.theme-config .product-reviews button.write-review[data-v-594ed208]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .navigation-buttons a.secondary[data-v-594ed208] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .navigation-buttons button.primary[data-v-594ed208],
.theme-config .review-modal-content button.submit[data-v-594ed208] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .review-modal-content button.submit[data-v-594ed208]:focus,
.theme-config .review-modal-content button.submit[data-v-594ed208]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .review-modal-content button.submit[data-v-594ed208]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .tabs button.active[data-v-594ed208],
.theme-config .tabs button[data-v-594ed208]:focus {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .tabs button.active[data-v-594ed208] {
  border-bottom: 2px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .review-summary .review-link a button[data-v-594ed208] {
  color: rgba(var(--red), var(--green), var(--blue), 1);
  text-decoration: none
}

.theme-config .form button.primary[data-v-594ed208] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group button[data-v-594ed208] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group .secondary[data-v-594ed208] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group .primary[data-v-594ed208] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group .primary[data-v-594ed208]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .btn-group button[data-v-594ed208]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

@media (max-width:424.98px) {
  .theme-config .btn-group.center button.primary[data-v-594ed208] {
    background: rgba(var(--red), var(--green), var(--blue), 1)
  }
}

.theme-config .order-summary .order-info button[data-v-594ed208] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config button.return-to[data-v-594ed208] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .secondary[data-v-594ed208] {
  background: #fff;
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config button.secondary[data-v-594ed208]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

.theme-config .order-summary .shipping-info>.row-group[data-v-594ed208]:first-child {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .order-summary .shipping-info>.row-group:first-child h4[data-v-594ed208] {
  color: #fff
}

.theme-config .order-summary .payment-info>.row-group[data-v-594ed208]:first-child {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .order-summary .payment-info>.row-group:first-child h4[data-v-594ed208] {
  color: #fff
}

.theme-config .pay-btn[data-v-594ed208] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .offers-modal-content[data-v-594ed208] {
  border: 3px dotted rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .offers-modal-content button.submit[data-v-594ed208] {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .offers-modal-content button.submit[data-v-594ed208]:focus,
.theme-config .offers-modal-content button.submit[data-v-594ed208]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .7)
}

.theme-config .offers-modal-content button.submit[data-v-594ed208]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

input[data-v-594ed208]::placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

input[data-v-594ed208]::-webkit-input-placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

input[data-v-594ed208]:-ms-input-placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

input[data-v-594ed208]:-moz-placeholder,
input[data-v-594ed208]::-moz-placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

.modal-info[data-v-594ed208] {
  align-items: center;
  display: flex;
  flex-direction: column
}

.modal-info img[data-v-594ed208] {
  height: 50px
}

.modal-info p[data-v-594ed208] {
  margin: 8px 0;
  text-align: center
}

.modal-info p.heading[data-v-594ed208] {
  font-size: 26px;
  font-weight: 500
}

.modal-info p.text[data-v-594ed208] {
  font-size: 18px;
  font-weight: 400
}

.theme-config button[data-v-0e32b215]:disabled {
  background-color: rgba(var(--red), var(--green), var(--blue), .4) !important
}

.theme-config .nav-one[data-v-0e32b215] {
  background: #0d1821
}

.theme-config .nav-two .login[data-v-0e32b215]:hover,
.theme-config .nav-two a[data-v-0e32b215]:hover,
.theme-config .nav-two button.contact-us[data-v-0e32b215]:focus,
.theme-config .nav-two button.contact-us[data-v-0e32b215]:hover {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two a.router-link-exact-active svg path[data-v-0e32b215],
.theme-config .nav-two button.contact-us:focus svg path[data-v-0e32b215],
.theme-config .nav-two button.contact-us:hover svg path[data-v-0e32b215] {
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two button.account-info svg circle[data-v-0e32b215],
.theme-config .nav-two button.account-info svg rect[data-v-0e32b215] {
  fill: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two .count[data-v-0e32b215] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two input[data-v-0e32b215]:focus {
  border-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two button.cart[data-v-0e32b215]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .09)
}

.theme-config .nav-two .count[data-v-0e32b215] {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two .search-group-mobile button svg path[data-v-0e32b215] {
  stroke: #000
}

.theme-config .product button[data-v-0e32b215] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button span[data-v-0e32b215] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button svg[data-v-0e32b215] {
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button[data-v-0e32b215]:hover {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button svg[data-v-0e32b215] {
  margin-right: 12px;
  margin-top: -3px
}

.theme-config .product button:hover span[data-v-0e32b215] {
  color: #fff
}

.theme-config .product button:hover svg path[data-v-0e32b215] {
  stroke: #fff
}

.theme-config .product:hover button[data-v-0e32b215]:not(.out-of-stock-btn) {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product:hover button:not(.out-of-stock-btn) span[data-v-0e32b215] {
  color: #fff
}

.theme-config .products-container button.secondary-btn[data-v-0e32b215] {
  background: #fff;
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .products-container button.secondary-btn[data-v-0e32b215]:hover {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .sticky-group button[data-v-0e32b215] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .collections .collection-list button[data-v-0e32b215] {
  color: #000
}

.theme-config .collections>div[data-v-0e32b215]::-webkit-scrollbar-thumb {
  background: rgba(var(--red), var(--green), var(--blue), .2)
}

.theme-config .news-letter input[data-v-0e32b215]:focus {
  border-color: rgba(var(--red), var(--green), var(--blue), .5);
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .3)
}

.theme-config .news-letter .input-body button[data-v-0e32b215] {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .news-letter .input-body button[data-v-0e32b215]:focus {
  border-color: rgba(var(--red), var(--green), var(--blue), .5);
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .3)
}

.theme-config .share-buttons button[data-v-0e32b215] {
  background: transparent;
  height: 40px;
  width: 40px
}

.theme-config .share-buttons button svg.whatsapp-svg[data-v-0e32b215],
.theme-config .share-buttons button svg[data-v-0e32b215]:not(.whatsapp-svg) {
  fill: #7e7e7e
}

.theme-config .forgot button.submit[data-v-0e32b215],
.theme-config .login button.submit[data-v-0e32b215],
.theme-config .register button.submit[data-v-0e32b215] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .forgot button.submit[data-v-0e32b215]:hover,
.theme-config .login button.submit[data-v-0e32b215]:hover,
.theme-config .register button.submit[data-v-0e32b215]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .7)
}

.theme-config .forgot button.submit[data-v-0e32b215]:focus,
.theme-config .login button.submit[data-v-0e32b215]:focus,
.theme-config .register button.submit[data-v-0e32b215]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue) .5)
}

.theme-config .forgot .switch-form button[data-v-0e32b215],
.theme-config .login .switch-form button[data-v-0e32b215],
.theme-config .product-detail .description button[data-v-0e32b215],
.theme-config .register .switch-form button[data-v-0e32b215] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .add-to-cart[data-v-0e32b215]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .7)
}

.theme-config .product-detail .add-to-cart[data-v-0e32b215]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .empty-collection button[data-v-0e32b215] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .empty-collection button.secondary[data-v-0e32b215]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

.theme-config .checkout-content[data-v-0e32b215]::-webkit-scrollbar-thumb {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .store-details button.cart[data-v-0e32b215]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .09)
}

.theme-config .checkout-content .store-details .count[data-v-0e32b215] {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .checkout-header[data-v-0e32b215]:after {
  border-bottom: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .step-group.done .step-number[data-v-0e32b215] {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .step-group.done .step-name[data-v-0e32b215] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group.center[data-v-0e32b215] {
  justify-content: center
}

.theme-config .checkout-content .btn-group button[data-v-0e32b215],
.theme-config .checkout-content btn-group .pay-btn[data-v-0e32b215] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group .secondary[data-v-0e32b215]:hover {
  box-shadow: 2px 2px 10px rgba(88, 85, 99, .3)
}

.theme-config .checkout-content .btn-group .secondary[data-v-0e32b215] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group .primary[data-v-0e32b215] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group .primary[data-v-0e32b215]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .checkout-content .btn-group button[data-v-0e32b215]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

.theme-config .step-2 .step-header button[data-v-0e32b215],
.theme-config .step-2 .use-saved-details button[data-v-0e32b215] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .step-2 .check-group[data-v-0e32b215],
.theme-config .step-2 .radio-group[data-v-0e32b215] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .step-2 .input-group button[data-v-0e32b215],
.theme-config .step-2 input[type=checkbox]:checked+.inner-check[data-v-0e32b215],
.theme-config .step-2 input[type=radio]:checked+.inner-check[data-v-0e32b215] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .step-header button[data-v-0e32b215],
.theme-config .step-2 .discount-group .discount-info[data-v-0e32b215] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .check-group[data-v-0e32b215],
.theme-config .payment-step .radio-group[data-v-0e32b215] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .input-group button[data-v-0e32b215],
.theme-config .payment-step input[type=checkbox]:checked+.inner-check[data-v-0e32b215],
.theme-config .payment-step input[type=radio]:checked+.inner-check[data-v-0e32b215] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .payment-option.active[data-v-0e32b215] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .proof-template[data-v-0e32b215] {
  border: 1px dashed rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .proof-template .template-details .upload-icon svg[data-v-0e32b215] {
  fill: rgba(var(--red), var(--green), var(--blue), 1);
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .proof-template p[data-v-0e32b215] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .upload-details button svg path[data-v-0e32b215] {
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .upload-details .progress .bar[data-v-0e32b215] {
  background-color: #0b9444
}

.theme-config .quantity-field button[data-v-0e32b215]:hover {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .cart-btn-group button[data-v-0e32b215]:first-of-type,
.theme-config .product-detail .rating-group button[data-v-0e32b215]:hover {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .cart-btn-group button[data-v-0e32b215]:last-of-type {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .product-detail .cart-btn-group button.secondary[data-v-0e32b215] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .add-to-cart[data-v-0e32b215] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .add-to-cart[data-v-0e32b215]:hover,
.theme-config .product-detail .cart-btn-group button[data-v-0e32b215]:last-of-type:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .product-detail .cart-btn-group button[data-v-0e32b215]:first-of-type:hover {
  background: rgba(var(--red), var(--green), var(--blue), .1)
}

.theme-config .product-detail .add-to-cart[data-v-0e32b215]:focus,
.theme-config .product-detail .cart-btn-group button[data-v-0e32b215]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .product-reviews button.write-review[data-v-0e32b215] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-reviews button.write-review[data-v-0e32b215]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .1)
}

.theme-config .product-reviews button.write-review[data-v-0e32b215]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .navigation-buttons a.secondary[data-v-0e32b215] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .navigation-buttons button.primary[data-v-0e32b215],
.theme-config .review-modal-content button.submit[data-v-0e32b215] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .review-modal-content button.submit[data-v-0e32b215]:focus,
.theme-config .review-modal-content button.submit[data-v-0e32b215]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .review-modal-content button.submit[data-v-0e32b215]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .tabs button.active[data-v-0e32b215],
.theme-config .tabs button[data-v-0e32b215]:focus {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .tabs button.active[data-v-0e32b215] {
  border-bottom: 2px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .review-summary .review-link a button[data-v-0e32b215] {
  color: rgba(var(--red), var(--green), var(--blue), 1);
  text-decoration: none
}

.theme-config .form button.primary[data-v-0e32b215] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group button[data-v-0e32b215] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group .secondary[data-v-0e32b215] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group .primary[data-v-0e32b215] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group .primary[data-v-0e32b215]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .btn-group button[data-v-0e32b215]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

@media (max-width:424.98px) {
  .theme-config .btn-group.center button.primary[data-v-0e32b215] {
    background: rgba(var(--red), var(--green), var(--blue), 1)
  }
}

.theme-config .order-summary .order-info button[data-v-0e32b215] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config button.return-to[data-v-0e32b215] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .secondary[data-v-0e32b215] {
  background: #fff;
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config button.secondary[data-v-0e32b215]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

.theme-config .order-summary .shipping-info>.row-group[data-v-0e32b215]:first-child {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .order-summary .shipping-info>.row-group:first-child h4[data-v-0e32b215] {
  color: #fff
}

.theme-config .order-summary .payment-info>.row-group[data-v-0e32b215]:first-child {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .order-summary .payment-info>.row-group:first-child h4[data-v-0e32b215] {
  color: #fff
}

.theme-config .pay-btn[data-v-0e32b215] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .offers-modal-content[data-v-0e32b215] {
  border: 3px dotted rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .offers-modal-content button.submit[data-v-0e32b215] {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .offers-modal-content button.submit[data-v-0e32b215]:focus,
.theme-config .offers-modal-content button.submit[data-v-0e32b215]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .7)
}

.theme-config .offers-modal-content button.submit[data-v-0e32b215]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

input[data-v-0e32b215]::placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

input[data-v-0e32b215]::-webkit-input-placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

input[data-v-0e32b215]:-ms-input-placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

input[data-v-0e32b215]:-moz-placeholder,
input[data-v-0e32b215]::-moz-placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

.modal-info[data-v-0e32b215] {
  align-items: center;
  display: flex;
  flex-direction: column
}

.modal-info img[data-v-0e32b215] {
  height: 50px
}

.modal-info p[data-v-0e32b215] {
  margin: 8px 0;
  text-align: center
}

.modal-info p.heading[data-v-0e32b215] {
  font-size: 26px;
  font-weight: 500
}

.modal-info p.text[data-v-0e32b215] {
  font-size: 18px;
  font-weight: 400
}

.theme-config button[data-v-9a5bf230]:disabled {
  background-color: rgba(var(--red), var(--green), var(--blue), .4) !important
}

.theme-config .nav-one[data-v-9a5bf230] {
  background: #0d1821
}

.theme-config .nav-two .login[data-v-9a5bf230]:hover,
.theme-config .nav-two a[data-v-9a5bf230]:hover,
.theme-config .nav-two button.contact-us[data-v-9a5bf230]:focus,
.theme-config .nav-two button.contact-us[data-v-9a5bf230]:hover {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two a.router-link-exact-active svg path[data-v-9a5bf230],
.theme-config .nav-two button.contact-us:focus svg path[data-v-9a5bf230],
.theme-config .nav-two button.contact-us:hover svg path[data-v-9a5bf230] {
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two button.account-info svg circle[data-v-9a5bf230],
.theme-config .nav-two button.account-info svg rect[data-v-9a5bf230] {
  fill: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two .count[data-v-9a5bf230] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two input[data-v-9a5bf230]:focus {
  border-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two button.cart[data-v-9a5bf230]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .09)
}

.theme-config .nav-two .count[data-v-9a5bf230] {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two .search-group-mobile button svg path[data-v-9a5bf230] {
  stroke: #000
}

.theme-config .product button[data-v-9a5bf230] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button span[data-v-9a5bf230] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button svg[data-v-9a5bf230] {
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button[data-v-9a5bf230]:hover {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button svg[data-v-9a5bf230] {
  margin-right: 12px;
  margin-top: -3px
}

.theme-config .product button:hover span[data-v-9a5bf230] {
  color: #fff
}

.theme-config .product button:hover svg path[data-v-9a5bf230] {
  stroke: #fff
}

.theme-config .product:hover button[data-v-9a5bf230]:not(.out-of-stock-btn) {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product:hover button:not(.out-of-stock-btn) span[data-v-9a5bf230] {
  color: #fff
}

.theme-config .products-container button.secondary-btn[data-v-9a5bf230] {
  background: #fff;
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .products-container button.secondary-btn[data-v-9a5bf230]:hover {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .sticky-group button[data-v-9a5bf230] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .collections .collection-list button[data-v-9a5bf230] {
  color: #000
}

.theme-config .collections>div[data-v-9a5bf230]::-webkit-scrollbar-thumb {
  background: rgba(var(--red), var(--green), var(--blue), .2)
}

.theme-config .news-letter input[data-v-9a5bf230]:focus {
  border-color: rgba(var(--red), var(--green), var(--blue), .5);
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .3)
}

.theme-config .news-letter .input-body button[data-v-9a5bf230] {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .news-letter .input-body button[data-v-9a5bf230]:focus {
  border-color: rgba(var(--red), var(--green), var(--blue), .5);
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .3)
}

.theme-config .share-buttons button[data-v-9a5bf230] {
  background: transparent;
  height: 40px;
  width: 40px
}

.theme-config .share-buttons button svg.whatsapp-svg[data-v-9a5bf230],
.theme-config .share-buttons button svg[data-v-9a5bf230]:not(.whatsapp-svg) {
  fill: #7e7e7e
}

.theme-config .forgot button.submit[data-v-9a5bf230],
.theme-config .login button.submit[data-v-9a5bf230],
.theme-config .register button.submit[data-v-9a5bf230] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .forgot button.submit[data-v-9a5bf230]:hover,
.theme-config .login button.submit[data-v-9a5bf230]:hover,
.theme-config .register button.submit[data-v-9a5bf230]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .7)
}

.theme-config .forgot button.submit[data-v-9a5bf230]:focus,
.theme-config .login button.submit[data-v-9a5bf230]:focus,
.theme-config .register button.submit[data-v-9a5bf230]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue) .5)
}

.theme-config .forgot .switch-form button[data-v-9a5bf230],
.theme-config .login .switch-form button[data-v-9a5bf230],
.theme-config .product-detail .description button[data-v-9a5bf230],
.theme-config .register .switch-form button[data-v-9a5bf230] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .add-to-cart[data-v-9a5bf230]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .7)
}

.theme-config .product-detail .add-to-cart[data-v-9a5bf230]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .empty-collection button[data-v-9a5bf230] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .empty-collection button.secondary[data-v-9a5bf230]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

.theme-config .checkout-content[data-v-9a5bf230]::-webkit-scrollbar-thumb {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .store-details button.cart[data-v-9a5bf230]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .09)
}

.theme-config .checkout-content .store-details .count[data-v-9a5bf230] {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .checkout-header[data-v-9a5bf230]:after {
  border-bottom: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .step-group.done .step-number[data-v-9a5bf230] {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .step-group.done .step-name[data-v-9a5bf230] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group.center[data-v-9a5bf230] {
  justify-content: center
}

.theme-config .checkout-content .btn-group button[data-v-9a5bf230],
.theme-config .checkout-content btn-group .pay-btn[data-v-9a5bf230] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group .secondary[data-v-9a5bf230]:hover {
  box-shadow: 2px 2px 10px rgba(88, 85, 99, .3)
}

.theme-config .checkout-content .btn-group .secondary[data-v-9a5bf230] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group .primary[data-v-9a5bf230] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group .primary[data-v-9a5bf230]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .checkout-content .btn-group button[data-v-9a5bf230]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

.theme-config .step-2 .step-header button[data-v-9a5bf230],
.theme-config .step-2 .use-saved-details button[data-v-9a5bf230] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .step-2 .check-group[data-v-9a5bf230],
.theme-config .step-2 .radio-group[data-v-9a5bf230] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .step-2 .input-group button[data-v-9a5bf230],
.theme-config .step-2 input[type=checkbox]:checked+.inner-check[data-v-9a5bf230],
.theme-config .step-2 input[type=radio]:checked+.inner-check[data-v-9a5bf230] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .step-header button[data-v-9a5bf230],
.theme-config .step-2 .discount-group .discount-info[data-v-9a5bf230] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .check-group[data-v-9a5bf230],
.theme-config .payment-step .radio-group[data-v-9a5bf230] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .input-group button[data-v-9a5bf230],
.theme-config .payment-step input[type=checkbox]:checked+.inner-check[data-v-9a5bf230],
.theme-config .payment-step input[type=radio]:checked+.inner-check[data-v-9a5bf230] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .payment-option.active[data-v-9a5bf230] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .proof-template[data-v-9a5bf230] {
  border: 1px dashed rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .proof-template .template-details .upload-icon svg[data-v-9a5bf230] {
  fill: rgba(var(--red), var(--green), var(--blue), 1);
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .proof-template p[data-v-9a5bf230] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .upload-details button svg path[data-v-9a5bf230] {
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .upload-details .progress .bar[data-v-9a5bf230] {
  background-color: #0b9444
}

.theme-config .quantity-field button[data-v-9a5bf230]:hover {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .cart-btn-group button[data-v-9a5bf230]:first-of-type,
.theme-config .product-detail .rating-group button[data-v-9a5bf230]:hover {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .cart-btn-group button[data-v-9a5bf230]:last-of-type {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .product-detail .cart-btn-group button.secondary[data-v-9a5bf230] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .add-to-cart[data-v-9a5bf230] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .add-to-cart[data-v-9a5bf230]:hover,
.theme-config .product-detail .cart-btn-group button[data-v-9a5bf230]:last-of-type:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .product-detail .cart-btn-group button[data-v-9a5bf230]:first-of-type:hover {
  background: rgba(var(--red), var(--green), var(--blue), .1)
}

.theme-config .product-detail .add-to-cart[data-v-9a5bf230]:focus,
.theme-config .product-detail .cart-btn-group button[data-v-9a5bf230]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .product-reviews button.write-review[data-v-9a5bf230] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-reviews button.write-review[data-v-9a5bf230]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .1)
}

.theme-config .product-reviews button.write-review[data-v-9a5bf230]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .navigation-buttons a.secondary[data-v-9a5bf230] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .navigation-buttons button.primary[data-v-9a5bf230],
.theme-config .review-modal-content button.submit[data-v-9a5bf230] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .review-modal-content button.submit[data-v-9a5bf230]:focus,
.theme-config .review-modal-content button.submit[data-v-9a5bf230]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .review-modal-content button.submit[data-v-9a5bf230]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .tabs button.active[data-v-9a5bf230],
.theme-config .tabs button[data-v-9a5bf230]:focus {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .tabs button.active[data-v-9a5bf230] {
  border-bottom: 2px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .review-summary .review-link a button[data-v-9a5bf230] {
  color: rgba(var(--red), var(--green), var(--blue), 1);
  text-decoration: none
}

.theme-config .form button.primary[data-v-9a5bf230] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group button[data-v-9a5bf230] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group .secondary[data-v-9a5bf230] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group .primary[data-v-9a5bf230] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group .primary[data-v-9a5bf230]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .btn-group button[data-v-9a5bf230]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

@media (max-width:424.98px) {
  .theme-config .btn-group.center button.primary[data-v-9a5bf230] {
    background: rgba(var(--red), var(--green), var(--blue), 1)
  }
}

.theme-config .order-summary .order-info button[data-v-9a5bf230] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config button.return-to[data-v-9a5bf230] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .secondary[data-v-9a5bf230] {
  background: #fff;
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config button.secondary[data-v-9a5bf230]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

.theme-config .order-summary .shipping-info>.row-group[data-v-9a5bf230]:first-child {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .order-summary .shipping-info>.row-group:first-child h4[data-v-9a5bf230] {
  color: #fff
}

.theme-config .order-summary .payment-info>.row-group[data-v-9a5bf230]:first-child {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .order-summary .payment-info>.row-group:first-child h4[data-v-9a5bf230] {
  color: #fff
}

.theme-config .pay-btn[data-v-9a5bf230] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .offers-modal-content[data-v-9a5bf230] {
  border: 3px dotted rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .offers-modal-content button.submit[data-v-9a5bf230] {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .offers-modal-content button.submit[data-v-9a5bf230]:focus,
.theme-config .offers-modal-content button.submit[data-v-9a5bf230]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .7)
}

.theme-config .offers-modal-content button.submit[data-v-9a5bf230]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

input[data-v-9a5bf230]::placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

input[data-v-9a5bf230]::-webkit-input-placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

input[data-v-9a5bf230]:-ms-input-placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

input[data-v-9a5bf230]:-moz-placeholder,
input[data-v-9a5bf230]::-moz-placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

.modal-info[data-v-9a5bf230] {
  align-items: center;
  display: flex;
  flex-direction: column
}

.modal-info img[data-v-9a5bf230] {
  height: 50px
}

.modal-info p[data-v-9a5bf230] {
  margin: 8px 0;
  text-align: center
}

.modal-info p.heading[data-v-9a5bf230] {
  font-size: 26px;
  font-weight: 500
}

.modal-info p.text[data-v-9a5bf230] {
  font-size: 18px;
  font-weight: 400
}

.theme-config button[data-v-73749fc6]:disabled {
  background-color: rgba(var(--red), var(--green), var(--blue), .4) !important
}

.theme-config .nav-one[data-v-73749fc6] {
  background: #0d1821
}

.theme-config .nav-two .login[data-v-73749fc6]:hover,
.theme-config .nav-two a[data-v-73749fc6]:hover,
.theme-config .nav-two button.contact-us[data-v-73749fc6]:focus,
.theme-config .nav-two button.contact-us[data-v-73749fc6]:hover {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two a.router-link-exact-active svg path[data-v-73749fc6],
.theme-config .nav-two button.contact-us:focus svg path[data-v-73749fc6],
.theme-config .nav-two button.contact-us:hover svg path[data-v-73749fc6] {
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two button.account-info svg circle[data-v-73749fc6],
.theme-config .nav-two button.account-info svg rect[data-v-73749fc6] {
  fill: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two .count[data-v-73749fc6] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two input[data-v-73749fc6]:focus {
  border-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two button.cart[data-v-73749fc6]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .09)
}

.theme-config .nav-two .count[data-v-73749fc6] {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two .search-group-mobile button svg path[data-v-73749fc6] {
  stroke: #000
}

.theme-config .product button[data-v-73749fc6] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button span[data-v-73749fc6] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button svg[data-v-73749fc6] {
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button[data-v-73749fc6]:hover {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button svg[data-v-73749fc6] {
  margin-right: 12px;
  margin-top: -3px
}

.theme-config .product button:hover span[data-v-73749fc6] {
  color: #fff
}

.theme-config .product button:hover svg path[data-v-73749fc6] {
  stroke: #fff
}

.theme-config .product:hover button[data-v-73749fc6]:not(.out-of-stock-btn) {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product:hover button:not(.out-of-stock-btn) span[data-v-73749fc6] {
  color: #fff
}

.theme-config .products-container button.secondary-btn[data-v-73749fc6] {
  background: #fff;
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .products-container button.secondary-btn[data-v-73749fc6]:hover {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .sticky-group button[data-v-73749fc6] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .collections .collection-list button[data-v-73749fc6] {
  color: #000
}

.theme-config .collections>div[data-v-73749fc6]::-webkit-scrollbar-thumb {
  background: rgba(var(--red), var(--green), var(--blue), .2)
}

.theme-config .news-letter input[data-v-73749fc6]:focus {
  border-color: rgba(var(--red), var(--green), var(--blue), .5);
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .3)
}

.theme-config .news-letter .input-body button[data-v-73749fc6] {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .news-letter .input-body button[data-v-73749fc6]:focus {
  border-color: rgba(var(--red), var(--green), var(--blue), .5);
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .3)
}

.theme-config .share-buttons button[data-v-73749fc6] {
  background: transparent;
  height: 40px;
  width: 40px
}

.theme-config .share-buttons button svg.whatsapp-svg[data-v-73749fc6],
.theme-config .share-buttons button svg[data-v-73749fc6]:not(.whatsapp-svg) {
  fill: #7e7e7e
}

.theme-config .forgot button.submit[data-v-73749fc6],
.theme-config .login button.submit[data-v-73749fc6],
.theme-config .register button.submit[data-v-73749fc6] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .forgot button.submit[data-v-73749fc6]:hover,
.theme-config .login button.submit[data-v-73749fc6]:hover,
.theme-config .register button.submit[data-v-73749fc6]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .7)
}

.theme-config .forgot button.submit[data-v-73749fc6]:focus,
.theme-config .login button.submit[data-v-73749fc6]:focus,
.theme-config .register button.submit[data-v-73749fc6]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue) .5)
}

.theme-config .forgot .switch-form button[data-v-73749fc6],
.theme-config .login .switch-form button[data-v-73749fc6],
.theme-config .product-detail .description button[data-v-73749fc6],
.theme-config .register .switch-form button[data-v-73749fc6] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .add-to-cart[data-v-73749fc6]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .7)
}

.theme-config .product-detail .add-to-cart[data-v-73749fc6]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .empty-collection button[data-v-73749fc6] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .empty-collection button.secondary[data-v-73749fc6]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

.theme-config .checkout-content[data-v-73749fc6]::-webkit-scrollbar-thumb {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .store-details button.cart[data-v-73749fc6]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .09)
}

.theme-config .checkout-content .store-details .count[data-v-73749fc6] {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .checkout-header[data-v-73749fc6]:after {
  border-bottom: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .step-group.done .step-number[data-v-73749fc6] {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .step-group.done .step-name[data-v-73749fc6] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group.center[data-v-73749fc6] {
  justify-content: center
}

.theme-config .checkout-content .btn-group button[data-v-73749fc6],
.theme-config .checkout-content btn-group .pay-btn[data-v-73749fc6] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group .secondary[data-v-73749fc6]:hover {
  box-shadow: 2px 2px 10px rgba(88, 85, 99, .3)
}

.theme-config .checkout-content .btn-group .secondary[data-v-73749fc6] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group .primary[data-v-73749fc6] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group .primary[data-v-73749fc6]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .checkout-content .btn-group button[data-v-73749fc6]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

.theme-config .step-2 .step-header button[data-v-73749fc6],
.theme-config .step-2 .use-saved-details button[data-v-73749fc6] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .step-2 .check-group[data-v-73749fc6],
.theme-config .step-2 .radio-group[data-v-73749fc6] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .step-2 .input-group button[data-v-73749fc6],
.theme-config .step-2 input[type=checkbox]:checked+.inner-check[data-v-73749fc6],
.theme-config .step-2 input[type=radio]:checked+.inner-check[data-v-73749fc6] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .step-header button[data-v-73749fc6],
.theme-config .step-2 .discount-group .discount-info[data-v-73749fc6] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .check-group[data-v-73749fc6],
.theme-config .payment-step .radio-group[data-v-73749fc6] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .input-group button[data-v-73749fc6],
.theme-config .payment-step input[type=checkbox]:checked+.inner-check[data-v-73749fc6],
.theme-config .payment-step input[type=radio]:checked+.inner-check[data-v-73749fc6] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .payment-option.active[data-v-73749fc6] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .proof-template[data-v-73749fc6] {
  border: 1px dashed rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .proof-template .template-details .upload-icon svg[data-v-73749fc6] {
  fill: rgba(var(--red), var(--green), var(--blue), 1);
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .proof-template p[data-v-73749fc6] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .upload-details button svg path[data-v-73749fc6] {
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .upload-details .progress .bar[data-v-73749fc6] {
  background-color: #0b9444
}

.theme-config .quantity-field button[data-v-73749fc6]:hover {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .cart-btn-group button[data-v-73749fc6]:first-of-type,
.theme-config .product-detail .rating-group button[data-v-73749fc6]:hover {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .cart-btn-group button[data-v-73749fc6]:last-of-type {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .product-detail .cart-btn-group button.secondary[data-v-73749fc6] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .add-to-cart[data-v-73749fc6] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .add-to-cart[data-v-73749fc6]:hover,
.theme-config .product-detail .cart-btn-group button[data-v-73749fc6]:last-of-type:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .product-detail .cart-btn-group button[data-v-73749fc6]:first-of-type:hover {
  background: rgba(var(--red), var(--green), var(--blue), .1)
}

.theme-config .product-detail .add-to-cart[data-v-73749fc6]:focus,
.theme-config .product-detail .cart-btn-group button[data-v-73749fc6]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .product-reviews button.write-review[data-v-73749fc6] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-reviews button.write-review[data-v-73749fc6]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .1)
}

.theme-config .product-reviews button.write-review[data-v-73749fc6]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .navigation-buttons a.secondary[data-v-73749fc6] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .navigation-buttons button.primary[data-v-73749fc6],
.theme-config .review-modal-content button.submit[data-v-73749fc6] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .review-modal-content button.submit[data-v-73749fc6]:focus,
.theme-config .review-modal-content button.submit[data-v-73749fc6]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .review-modal-content button.submit[data-v-73749fc6]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .tabs button.active[data-v-73749fc6],
.theme-config .tabs button[data-v-73749fc6]:focus {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .tabs button.active[data-v-73749fc6] {
  border-bottom: 2px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .review-summary .review-link a button[data-v-73749fc6] {
  color: rgba(var(--red), var(--green), var(--blue), 1);
  text-decoration: none
}

.theme-config .form button.primary[data-v-73749fc6] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group button[data-v-73749fc6] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group .secondary[data-v-73749fc6] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group .primary[data-v-73749fc6] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group .primary[data-v-73749fc6]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .btn-group button[data-v-73749fc6]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

@media (max-width:424.98px) {
  .theme-config .btn-group.center button.primary[data-v-73749fc6] {
    background: rgba(var(--red), var(--green), var(--blue), 1)
  }
}

.theme-config .order-summary .order-info button[data-v-73749fc6] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config button.return-to[data-v-73749fc6] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .secondary[data-v-73749fc6] {
  background: #fff;
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config button.secondary[data-v-73749fc6]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

.theme-config .order-summary .shipping-info>.row-group[data-v-73749fc6]:first-child {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .order-summary .shipping-info>.row-group:first-child h4[data-v-73749fc6] {
  color: #fff
}

.theme-config .order-summary .payment-info>.row-group[data-v-73749fc6]:first-child {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .order-summary .payment-info>.row-group:first-child h4[data-v-73749fc6] {
  color: #fff
}

.theme-config .pay-btn[data-v-73749fc6] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .offers-modal-content[data-v-73749fc6] {
  border: 3px dotted rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .offers-modal-content button.submit[data-v-73749fc6] {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .offers-modal-content button.submit[data-v-73749fc6]:focus,
.theme-config .offers-modal-content button.submit[data-v-73749fc6]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .7)
}

.theme-config .offers-modal-content button.submit[data-v-73749fc6]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

input[data-v-73749fc6]::placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

input[data-v-73749fc6]::-webkit-input-placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

input[data-v-73749fc6]:-ms-input-placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

input[data-v-73749fc6]:-moz-placeholder,
input[data-v-73749fc6]::-moz-placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

.modal-info[data-v-73749fc6] {
  align-items: center;
  display: flex;
  flex-direction: column
}

.modal-info img[data-v-73749fc6] {
  height: 50px
}

.modal-info p[data-v-73749fc6] {
  margin: 8px 0;
  text-align: center
}

.modal-info p.heading[data-v-73749fc6] {
  font-size: 26px;
  font-weight: 500
}

.modal-info p.text[data-v-73749fc6] {
  font-size: 18px;
  font-weight: 400
}

.theme-config button[data-v-5d5db088]:disabled {
  background-color: rgba(var(--red), var(--green), var(--blue), .4) !important
}

.theme-config .nav-one[data-v-5d5db088] {
  background: #0d1821
}

.theme-config .nav-two .login[data-v-5d5db088]:hover,
.theme-config .nav-two a[data-v-5d5db088]:hover,
.theme-config .nav-two button.contact-us[data-v-5d5db088]:focus,
.theme-config .nav-two button.contact-us[data-v-5d5db088]:hover {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two a.router-link-exact-active svg path[data-v-5d5db088],
.theme-config .nav-two button.contact-us:focus svg path[data-v-5d5db088],
.theme-config .nav-two button.contact-us:hover svg path[data-v-5d5db088] {
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two button.account-info svg circle[data-v-5d5db088],
.theme-config .nav-two button.account-info svg rect[data-v-5d5db088] {
  fill: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two .count[data-v-5d5db088] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two input[data-v-5d5db088]:focus {
  border-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two button.cart[data-v-5d5db088]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .09)
}

.theme-config .nav-two .count[data-v-5d5db088] {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two .search-group-mobile button svg path[data-v-5d5db088] {
  stroke: #000
}

.theme-config .product button[data-v-5d5db088] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button span[data-v-5d5db088] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button svg[data-v-5d5db088] {
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button[data-v-5d5db088]:hover {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button svg[data-v-5d5db088] {
  margin-right: 12px;
  margin-top: -3px
}

.theme-config .product button:hover span[data-v-5d5db088] {
  color: #fff
}

.theme-config .product button:hover svg path[data-v-5d5db088] {
  stroke: #fff
}

.theme-config .product:hover button[data-v-5d5db088]:not(.out-of-stock-btn) {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product:hover button:not(.out-of-stock-btn) span[data-v-5d5db088] {
  color: #fff
}

.theme-config .products-container button.secondary-btn[data-v-5d5db088] {
  background: #fff;
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .products-container button.secondary-btn[data-v-5d5db088]:hover {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .sticky-group button[data-v-5d5db088] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .collections .collection-list button[data-v-5d5db088] {
  color: #000
}

.theme-config .collections>div[data-v-5d5db088]::-webkit-scrollbar-thumb {
  background: rgba(var(--red), var(--green), var(--blue), .2)
}

.theme-config .news-letter input[data-v-5d5db088]:focus {
  border-color: rgba(var(--red), var(--green), var(--blue), .5);
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .3)
}

.theme-config .news-letter .input-body button[data-v-5d5db088] {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .news-letter .input-body button[data-v-5d5db088]:focus {
  border-color: rgba(var(--red), var(--green), var(--blue), .5);
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .3)
}

.theme-config .share-buttons button[data-v-5d5db088] {
  background: transparent;
  height: 40px;
  width: 40px
}

.theme-config .share-buttons button svg.whatsapp-svg[data-v-5d5db088],
.theme-config .share-buttons button svg[data-v-5d5db088]:not(.whatsapp-svg) {
  fill: #7e7e7e
}

.theme-config .forgot button.submit[data-v-5d5db088],
.theme-config .login button.submit[data-v-5d5db088],
.theme-config .register button.submit[data-v-5d5db088] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .forgot button.submit[data-v-5d5db088]:hover,
.theme-config .login button.submit[data-v-5d5db088]:hover,
.theme-config .register button.submit[data-v-5d5db088]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .7)
}

.theme-config .forgot button.submit[data-v-5d5db088]:focus,
.theme-config .login button.submit[data-v-5d5db088]:focus,
.theme-config .register button.submit[data-v-5d5db088]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue) .5)
}

.theme-config .forgot .switch-form button[data-v-5d5db088],
.theme-config .login .switch-form button[data-v-5d5db088],
.theme-config .product-detail .description button[data-v-5d5db088],
.theme-config .register .switch-form button[data-v-5d5db088] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .add-to-cart[data-v-5d5db088]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .7)
}

.theme-config .product-detail .add-to-cart[data-v-5d5db088]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .empty-collection button[data-v-5d5db088] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .empty-collection button.secondary[data-v-5d5db088]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

.theme-config .checkout-content[data-v-5d5db088]::-webkit-scrollbar-thumb {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .store-details button.cart[data-v-5d5db088]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .09)
}

.theme-config .checkout-content .store-details .count[data-v-5d5db088] {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .checkout-header[data-v-5d5db088]:after {
  border-bottom: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .step-group.done .step-number[data-v-5d5db088] {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .step-group.done .step-name[data-v-5d5db088] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group.center[data-v-5d5db088] {
  justify-content: center
}

.theme-config .checkout-content .btn-group button[data-v-5d5db088],
.theme-config .checkout-content btn-group .pay-btn[data-v-5d5db088] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group .secondary[data-v-5d5db088]:hover {
  box-shadow: 2px 2px 10px rgba(88, 85, 99, .3)
}

.theme-config .checkout-content .btn-group .secondary[data-v-5d5db088] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group .primary[data-v-5d5db088] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group .primary[data-v-5d5db088]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .checkout-content .btn-group button[data-v-5d5db088]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

.theme-config .step-2 .step-header button[data-v-5d5db088],
.theme-config .step-2 .use-saved-details button[data-v-5d5db088] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .step-2 .check-group[data-v-5d5db088],
.theme-config .step-2 .radio-group[data-v-5d5db088] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .step-2 .input-group button[data-v-5d5db088],
.theme-config .step-2 input[type=checkbox]:checked+.inner-check[data-v-5d5db088],
.theme-config .step-2 input[type=radio]:checked+.inner-check[data-v-5d5db088] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .step-header button[data-v-5d5db088],
.theme-config .step-2 .discount-group .discount-info[data-v-5d5db088] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .check-group[data-v-5d5db088],
.theme-config .payment-step .radio-group[data-v-5d5db088] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .input-group button[data-v-5d5db088],
.theme-config .payment-step input[type=checkbox]:checked+.inner-check[data-v-5d5db088],
.theme-config .payment-step input[type=radio]:checked+.inner-check[data-v-5d5db088] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .payment-option.active[data-v-5d5db088] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .proof-template[data-v-5d5db088] {
  border: 1px dashed rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .proof-template .template-details .upload-icon svg[data-v-5d5db088] {
  fill: rgba(var(--red), var(--green), var(--blue), 1);
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .proof-template p[data-v-5d5db088] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .upload-details button svg path[data-v-5d5db088] {
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .upload-details .progress .bar[data-v-5d5db088] {
  background-color: #0b9444
}

.theme-config .quantity-field button[data-v-5d5db088]:hover {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .cart-btn-group button[data-v-5d5db088]:first-of-type,
.theme-config .product-detail .rating-group button[data-v-5d5db088]:hover {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .cart-btn-group button[data-v-5d5db088]:last-of-type {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .product-detail .cart-btn-group button.secondary[data-v-5d5db088] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .add-to-cart[data-v-5d5db088] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .add-to-cart[data-v-5d5db088]:hover,
.theme-config .product-detail .cart-btn-group button[data-v-5d5db088]:last-of-type:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .product-detail .cart-btn-group button[data-v-5d5db088]:first-of-type:hover {
  background: rgba(var(--red), var(--green), var(--blue), .1)
}

.theme-config .product-detail .add-to-cart[data-v-5d5db088]:focus,
.theme-config .product-detail .cart-btn-group button[data-v-5d5db088]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .product-reviews button.write-review[data-v-5d5db088] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-reviews button.write-review[data-v-5d5db088]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .1)
}

.theme-config .product-reviews button.write-review[data-v-5d5db088]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .navigation-buttons a.secondary[data-v-5d5db088] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .navigation-buttons button.primary[data-v-5d5db088],
.theme-config .review-modal-content button.submit[data-v-5d5db088] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .review-modal-content button.submit[data-v-5d5db088]:focus,
.theme-config .review-modal-content button.submit[data-v-5d5db088]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .review-modal-content button.submit[data-v-5d5db088]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .tabs button.active[data-v-5d5db088],
.theme-config .tabs button[data-v-5d5db088]:focus {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .tabs button.active[data-v-5d5db088] {
  border-bottom: 2px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .review-summary .review-link a button[data-v-5d5db088] {
  color: rgba(var(--red), var(--green), var(--blue), 1);
  text-decoration: none
}

.theme-config .form button.primary[data-v-5d5db088] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group button[data-v-5d5db088] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group .secondary[data-v-5d5db088] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group .primary[data-v-5d5db088] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group .primary[data-v-5d5db088]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .btn-group button[data-v-5d5db088]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

@media (max-width:424.98px) {
  .theme-config .btn-group.center button.primary[data-v-5d5db088] {
    background: rgba(var(--red), var(--green), var(--blue), 1)
  }
}

.theme-config .order-summary .order-info button[data-v-5d5db088] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config button.return-to[data-v-5d5db088] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .secondary[data-v-5d5db088] {
  background: #fff;
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config button.secondary[data-v-5d5db088]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

.theme-config .order-summary .shipping-info>.row-group[data-v-5d5db088]:first-child {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .order-summary .shipping-info>.row-group:first-child h4[data-v-5d5db088] {
  color: #fff
}

.theme-config .order-summary .payment-info>.row-group[data-v-5d5db088]:first-child {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .order-summary .payment-info>.row-group:first-child h4[data-v-5d5db088] {
  color: #fff
}

.theme-config .pay-btn[data-v-5d5db088] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .offers-modal-content[data-v-5d5db088] {
  border: 3px dotted rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .offers-modal-content button.submit[data-v-5d5db088] {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .offers-modal-content button.submit[data-v-5d5db088]:focus,
.theme-config .offers-modal-content button.submit[data-v-5d5db088]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .7)
}

.theme-config .offers-modal-content button.submit[data-v-5d5db088]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

input[data-v-5d5db088]::placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

input[data-v-5d5db088]::-webkit-input-placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

input[data-v-5d5db088]:-ms-input-placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

input[data-v-5d5db088]:-moz-placeholder,
input[data-v-5d5db088]::-moz-placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

.modal-info[data-v-5d5db088] {
  align-items: center;
  display: flex;
  flex-direction: column
}

.modal-info img[data-v-5d5db088] {
  height: 50px
}

.modal-info p[data-v-5d5db088] {
  margin: 8px 0;
  text-align: center
}

.modal-info p.heading[data-v-5d5db088] {
  font-size: 26px;
  font-weight: 500
}

.modal-info p.text[data-v-5d5db088] {
  font-size: 18px;
  font-weight: 400
}

.theme-config button[data-v-11cf7fbc]:disabled {
  background-color: rgba(var(--red), var(--green), var(--blue), .4) !important
}

.theme-config .nav-one[data-v-11cf7fbc] {
  background: #0d1821
}

.theme-config .nav-two .login[data-v-11cf7fbc]:hover,
.theme-config .nav-two a[data-v-11cf7fbc]:hover,
.theme-config .nav-two button.contact-us[data-v-11cf7fbc]:focus,
.theme-config .nav-two button.contact-us[data-v-11cf7fbc]:hover {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two a.router-link-exact-active svg path[data-v-11cf7fbc],
.theme-config .nav-two button.contact-us:focus svg path[data-v-11cf7fbc],
.theme-config .nav-two button.contact-us:hover svg path[data-v-11cf7fbc] {
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two button.account-info svg circle[data-v-11cf7fbc],
.theme-config .nav-two button.account-info svg rect[data-v-11cf7fbc] {
  fill: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two .count[data-v-11cf7fbc] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two input[data-v-11cf7fbc]:focus {
  border-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two button.cart[data-v-11cf7fbc]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .09)
}

.theme-config .nav-two .count[data-v-11cf7fbc] {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two .search-group-mobile button svg path[data-v-11cf7fbc] {
  stroke: #000
}

.theme-config .product button[data-v-11cf7fbc] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button span[data-v-11cf7fbc] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button svg[data-v-11cf7fbc] {
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button[data-v-11cf7fbc]:hover {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button svg[data-v-11cf7fbc] {
  margin-right: 12px;
  margin-top: -3px
}

.theme-config .product button:hover span[data-v-11cf7fbc] {
  color: #fff
}

.theme-config .product button:hover svg path[data-v-11cf7fbc] {
  stroke: #fff
}

.theme-config .product:hover button[data-v-11cf7fbc]:not(.out-of-stock-btn) {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product:hover button:not(.out-of-stock-btn) span[data-v-11cf7fbc] {
  color: #fff
}

.theme-config .products-container button.secondary-btn[data-v-11cf7fbc] {
  background: #fff;
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .products-container button.secondary-btn[data-v-11cf7fbc]:hover {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .sticky-group button[data-v-11cf7fbc] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .collections .collection-list button[data-v-11cf7fbc] {
  color: #000
}

.theme-config .collections>div[data-v-11cf7fbc]::-webkit-scrollbar-thumb {
  background: rgba(var(--red), var(--green), var(--blue), .2)
}

.theme-config .news-letter input[data-v-11cf7fbc]:focus {
  border-color: rgba(var(--red), var(--green), var(--blue), .5);
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .3)
}

.theme-config .news-letter .input-body button[data-v-11cf7fbc] {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .news-letter .input-body button[data-v-11cf7fbc]:focus {
  border-color: rgba(var(--red), var(--green), var(--blue), .5);
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .3)
}

.theme-config .share-buttons button[data-v-11cf7fbc] {
  background: transparent;
  height: 40px;
  width: 40px
}

.theme-config .share-buttons button svg.whatsapp-svg[data-v-11cf7fbc],
.theme-config .share-buttons button svg[data-v-11cf7fbc]:not(.whatsapp-svg) {
  fill: #7e7e7e
}

.theme-config .forgot button.submit[data-v-11cf7fbc],
.theme-config .login button.submit[data-v-11cf7fbc],
.theme-config .register button.submit[data-v-11cf7fbc] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .forgot button.submit[data-v-11cf7fbc]:hover,
.theme-config .login button.submit[data-v-11cf7fbc]:hover,
.theme-config .register button.submit[data-v-11cf7fbc]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .7)
}

.theme-config .forgot button.submit[data-v-11cf7fbc]:focus,
.theme-config .login button.submit[data-v-11cf7fbc]:focus,
.theme-config .register button.submit[data-v-11cf7fbc]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue) .5)
}

.theme-config .forgot .switch-form button[data-v-11cf7fbc],
.theme-config .login .switch-form button[data-v-11cf7fbc],
.theme-config .product-detail .description button[data-v-11cf7fbc],
.theme-config .register .switch-form button[data-v-11cf7fbc] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .add-to-cart[data-v-11cf7fbc]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .7)
}

.theme-config .product-detail .add-to-cart[data-v-11cf7fbc]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .empty-collection button[data-v-11cf7fbc] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .empty-collection button.secondary[data-v-11cf7fbc]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

.theme-config .checkout-content[data-v-11cf7fbc]::-webkit-scrollbar-thumb {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .store-details button.cart[data-v-11cf7fbc]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .09)
}

.theme-config .checkout-content .store-details .count[data-v-11cf7fbc] {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .checkout-header[data-v-11cf7fbc]:after {
  border-bottom: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .step-group.done .step-number[data-v-11cf7fbc] {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .step-group.done .step-name[data-v-11cf7fbc] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group.center[data-v-11cf7fbc] {
  justify-content: center
}

.theme-config .checkout-content .btn-group button[data-v-11cf7fbc],
.theme-config .checkout-content btn-group .pay-btn[data-v-11cf7fbc] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group .secondary[data-v-11cf7fbc]:hover {
  box-shadow: 2px 2px 10px rgba(88, 85, 99, .3)
}

.theme-config .checkout-content .btn-group .secondary[data-v-11cf7fbc] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group .primary[data-v-11cf7fbc] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group .primary[data-v-11cf7fbc]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .checkout-content .btn-group button[data-v-11cf7fbc]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

.theme-config .step-2 .step-header button[data-v-11cf7fbc],
.theme-config .step-2 .use-saved-details button[data-v-11cf7fbc] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .step-2 .check-group[data-v-11cf7fbc],
.theme-config .step-2 .radio-group[data-v-11cf7fbc] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .step-2 .input-group button[data-v-11cf7fbc],
.theme-config .step-2 input[type=checkbox]:checked+.inner-check[data-v-11cf7fbc],
.theme-config .step-2 input[type=radio]:checked+.inner-check[data-v-11cf7fbc] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .step-header button[data-v-11cf7fbc],
.theme-config .step-2 .discount-group .discount-info[data-v-11cf7fbc] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .check-group[data-v-11cf7fbc],
.theme-config .payment-step .radio-group[data-v-11cf7fbc] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .input-group button[data-v-11cf7fbc],
.theme-config .payment-step input[type=checkbox]:checked+.inner-check[data-v-11cf7fbc],
.theme-config .payment-step input[type=radio]:checked+.inner-check[data-v-11cf7fbc] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .payment-option.active[data-v-11cf7fbc] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .proof-template[data-v-11cf7fbc] {
  border: 1px dashed rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .proof-template .template-details .upload-icon svg[data-v-11cf7fbc] {
  fill: rgba(var(--red), var(--green), var(--blue), 1);
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .proof-template p[data-v-11cf7fbc] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .upload-details button svg path[data-v-11cf7fbc] {
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .upload-details .progress .bar[data-v-11cf7fbc] {
  background-color: #0b9444
}

.theme-config .quantity-field button[data-v-11cf7fbc]:hover {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .cart-btn-group button[data-v-11cf7fbc]:first-of-type,
.theme-config .product-detail .rating-group button[data-v-11cf7fbc]:hover {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .cart-btn-group button[data-v-11cf7fbc]:last-of-type {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .product-detail .cart-btn-group button.secondary[data-v-11cf7fbc] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .add-to-cart[data-v-11cf7fbc] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .add-to-cart[data-v-11cf7fbc]:hover,
.theme-config .product-detail .cart-btn-group button[data-v-11cf7fbc]:last-of-type:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .product-detail .cart-btn-group button[data-v-11cf7fbc]:first-of-type:hover {
  background: rgba(var(--red), var(--green), var(--blue), .1)
}

.theme-config .product-detail .add-to-cart[data-v-11cf7fbc]:focus,
.theme-config .product-detail .cart-btn-group button[data-v-11cf7fbc]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .product-reviews button.write-review[data-v-11cf7fbc] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-reviews button.write-review[data-v-11cf7fbc]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .1)
}

.theme-config .product-reviews button.write-review[data-v-11cf7fbc]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .navigation-buttons a.secondary[data-v-11cf7fbc] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .navigation-buttons button.primary[data-v-11cf7fbc],
.theme-config .review-modal-content button.submit[data-v-11cf7fbc] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .review-modal-content button.submit[data-v-11cf7fbc]:focus,
.theme-config .review-modal-content button.submit[data-v-11cf7fbc]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .review-modal-content button.submit[data-v-11cf7fbc]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .tabs button.active[data-v-11cf7fbc],
.theme-config .tabs button[data-v-11cf7fbc]:focus {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .tabs button.active[data-v-11cf7fbc] {
  border-bottom: 2px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .review-summary .review-link a button[data-v-11cf7fbc] {
  color: rgba(var(--red), var(--green), var(--blue), 1);
  text-decoration: none
}

.theme-config .form button.primary[data-v-11cf7fbc] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group button[data-v-11cf7fbc] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group .secondary[data-v-11cf7fbc] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group .primary[data-v-11cf7fbc] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group .primary[data-v-11cf7fbc]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .btn-group button[data-v-11cf7fbc]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

@media (max-width:424.98px) {
  .theme-config .btn-group.center button.primary[data-v-11cf7fbc] {
    background: rgba(var(--red), var(--green), var(--blue), 1)
  }
}

.theme-config .order-summary .order-info button[data-v-11cf7fbc] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config button.return-to[data-v-11cf7fbc] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .secondary[data-v-11cf7fbc] {
  background: #fff;
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config button.secondary[data-v-11cf7fbc]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

.theme-config .order-summary .shipping-info>.row-group[data-v-11cf7fbc]:first-child {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .order-summary .shipping-info>.row-group:first-child h4[data-v-11cf7fbc] {
  color: #fff
}

.theme-config .order-summary .payment-info>.row-group[data-v-11cf7fbc]:first-child {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .order-summary .payment-info>.row-group:first-child h4[data-v-11cf7fbc] {
  color: #fff
}

.theme-config .pay-btn[data-v-11cf7fbc] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .offers-modal-content[data-v-11cf7fbc] {
  border: 3px dotted rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .offers-modal-content button.submit[data-v-11cf7fbc] {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .offers-modal-content button.submit[data-v-11cf7fbc]:focus,
.theme-config .offers-modal-content button.submit[data-v-11cf7fbc]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .7)
}

.theme-config .offers-modal-content button.submit[data-v-11cf7fbc]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

input[data-v-11cf7fbc]::placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

input[data-v-11cf7fbc]::-webkit-input-placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

input[data-v-11cf7fbc]:-ms-input-placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

input[data-v-11cf7fbc]:-moz-placeholder,
input[data-v-11cf7fbc]::-moz-placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

.modal-info[data-v-11cf7fbc] {
  align-items: center;
  display: flex;
  flex-direction: column
}

.modal-info img[data-v-11cf7fbc] {
  height: 50px
}

.modal-info p[data-v-11cf7fbc] {
  margin: 8px 0;
  text-align: center
}

.modal-info p.heading[data-v-11cf7fbc] {
  font-size: 26px;
  font-weight: 500
}

.modal-info p.text[data-v-11cf7fbc] {
  font-size: 18px;
  font-weight: 400
}

.theme-config button:disabled {
  background-color: rgba(var(--red), var(--green), var(--blue), .4) !important
}

.theme-config .nav-one {
  background: #0d1821
}

.theme-config .nav-two .login:hover,
.theme-config .nav-two a:hover,
.theme-config .nav-two button.contact-us:focus,
.theme-config .nav-two button.contact-us:hover {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two a.router-link-exact-active svg path,
.theme-config .nav-two button.contact-us:focus svg path,
.theme-config .nav-two button.contact-us:hover svg path {
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two button.account-info svg circle,
.theme-config .nav-two button.account-info svg rect {
  fill: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two .count {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two input:focus {
  border-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two button.cart:hover {
  background: rgba(var(--red), var(--green), var(--blue), .09)
}

.theme-config .nav-two .count {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two .search-group-mobile button svg path {
  stroke: #000
}

.theme-config .product button {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button span {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button svg {
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button:hover {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button svg {
  margin-right: 12px;
  margin-top: -3px
}

.theme-config .product button:hover span {
  color: #fff
}

.theme-config .product button:hover svg path {
  stroke: #fff
}

.theme-config .product:hover button:not(.out-of-stock-btn) {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product:hover button:not(.out-of-stock-btn) span {
  color: #fff
}

.theme-config .products-container button.secondary-btn {
  background: #fff;
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .products-container button.secondary-btn:hover {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .sticky-group button {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .collections .collection-list button {
  color: #000
}

.theme-config .collections>div::-webkit-scrollbar-thumb {
  background: rgba(var(--red), var(--green), var(--blue), .2)
}

.theme-config .news-letter input:focus {
  border-color: rgba(var(--red), var(--green), var(--blue), .5);
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .3)
}

.theme-config .news-letter .input-body button {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .news-letter .input-body button:focus {
  border-color: rgba(var(--red), var(--green), var(--blue), .5);
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .3)
}

.theme-config .share-buttons button {
  background: transparent;
  height: 40px;
  width: 40px
}

.theme-config .share-buttons button svg.whatsapp-svg,
.theme-config .share-buttons button svg:not(.whatsapp-svg) {
  fill: #7e7e7e
}

.theme-config .forgot button.submit,
.theme-config .login button.submit,
.theme-config .register button.submit {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .forgot button.submit:hover,
.theme-config .login button.submit:hover,
.theme-config .register button.submit:hover {
  background: rgba(var(--red), var(--green), var(--blue), .7)
}

.theme-config .forgot button.submit:focus,
.theme-config .login button.submit:focus,
.theme-config .register button.submit:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue) .5)
}

.theme-config .forgot .switch-form button,
.theme-config .login .switch-form button,
.theme-config .product-detail .description button,
.theme-config .register .switch-form button {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .add-to-cart:hover {
  background: rgba(var(--red), var(--green), var(--blue), .7)
}

.theme-config .product-detail .add-to-cart:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .empty-collection button {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .empty-collection button.secondary:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

.theme-config .checkout-content::-webkit-scrollbar-thumb {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .store-details button.cart:hover {
  background: rgba(var(--red), var(--green), var(--blue), .09)
}

.theme-config .checkout-content .store-details .count {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .checkout-header:after {
  border-bottom: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .step-group.done .step-number {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .step-group.done .step-name {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group.center {
  justify-content: center
}

.theme-config .checkout-content .btn-group button,
.theme-config .checkout-content btn-group .pay-btn {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group .secondary:hover {
  box-shadow: 2px 2px 10px rgba(88, 85, 99, .3)
}

.theme-config .checkout-content .btn-group .secondary {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group .primary {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group .primary:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .checkout-content .btn-group button:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

.theme-config .step-2 .step-header button,
.theme-config .step-2 .use-saved-details button {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .step-2 .check-group,
.theme-config .step-2 .radio-group {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .step-2 .input-group button,
.theme-config .step-2 input[type=checkbox]:checked+.inner-check,
.theme-config .step-2 input[type=radio]:checked+.inner-check {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .step-header button,
.theme-config .step-2 .discount-group .discount-info {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .check-group,
.theme-config .payment-step .radio-group {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .input-group button,
.theme-config .payment-step input[type=checkbox]:checked+.inner-check,
.theme-config .payment-step input[type=radio]:checked+.inner-check {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .payment-option.active {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .proof-template {
  border: 1px dashed rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .proof-template .template-details .upload-icon svg {
  fill: rgba(var(--red), var(--green), var(--blue), 1);
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .proof-template p {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .upload-details button svg path {
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .upload-details .progress .bar {
  background-color: #0b9444
}

.theme-config .quantity-field button:hover {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .cart-btn-group button:first-of-type,
.theme-config .product-detail .rating-group button:hover {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .cart-btn-group button:last-of-type {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .product-detail .cart-btn-group button.secondary {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .add-to-cart {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .add-to-cart:hover,
.theme-config .product-detail .cart-btn-group button:last-of-type:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .product-detail .cart-btn-group button:first-of-type:hover {
  background: rgba(var(--red), var(--green), var(--blue), .1)
}

.theme-config .product-detail .add-to-cart:focus,
.theme-config .product-detail .cart-btn-group button:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .product-reviews button.write-review {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-reviews button.write-review:hover {
  background: rgba(var(--red), var(--green), var(--blue), .1)
}

.theme-config .product-reviews button.write-review:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .navigation-buttons a.secondary {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .navigation-buttons button.primary,
.theme-config .review-modal-content button.submit {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .review-modal-content button.submit:focus,
.theme-config .review-modal-content button.submit:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .review-modal-content button.submit:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .tabs button.active,
.theme-config .tabs button:focus {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .tabs button.active {
  border-bottom: 2px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .review-summary .review-link a button {
  color: rgba(var(--red), var(--green), var(--blue), 1);
  text-decoration: none
}

.theme-config .form button.primary {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group button {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group .secondary {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group .primary {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group .primary:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .btn-group button:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

@media (max-width:424.98px) {
  .theme-config .btn-group.center button.primary {
    background: rgba(var(--red), var(--green), var(--blue), 1)
  }
}

.theme-config .order-summary .order-info button {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config button.return-to {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .secondary {
  background: #fff;
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config button.secondary:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

.theme-config .order-summary .shipping-info>.row-group:first-child {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .order-summary .shipping-info>.row-group:first-child h4 {
  color: #fff
}

.theme-config .order-summary .payment-info>.row-group:first-child {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .order-summary .payment-info>.row-group:first-child h4 {
  color: #fff
}

.theme-config .pay-btn {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .offers-modal-content {
  border: 3px dotted rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .offers-modal-content button.submit {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .offers-modal-content button.submit:focus,
.theme-config .offers-modal-content button.submit:hover {
  background: rgba(var(--red), var(--green), var(--blue), .7)
}

.theme-config .offers-modal-content button.submit:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.default-layout {
  min-height: 100vh;
  position: relative
}

.default-layout,
.main-content {
  display: flex;
  flex-direction: column
}

.main-content {
  background-color: #fff;
  flex-grow: 1
}

.news-letter[data-v-1c998c31] {
  margin-top: auto;
  padding: 40px 0;
  text-align: center
}

@media (max-width:575.98px) {
  .news-letter[data-v-1c998c31] {
    padding: 32px 0 40px
  }
}

.news-letter h2[data-v-1c998c31] {
  font-family: Graphik, Segoe UI, Helvetica Neue;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2em;
  margin-bottom: 16px
}

@media (max-width:767.98px) {
  .news-letter h2[data-v-1c998c31] {
    font-size: 20px;
    margin-bottom: 16px
  }
}

@media (max-width:575.98px) {
  .news-letter h2[data-v-1c998c31] {
    font-size: 18px
  }
}

.news-letter p[data-v-1c998c31] {
  font-size: 24px;
  line-height: 1.2;
  margin: 0 auto 24px
}

@media (max-width:767.98px) {
  .news-letter p[data-v-1c998c31] {
    font-size: 18px;
    margin-bottom: 16px
  }
}

@media (max-width:575.98px) {
  .news-letter p[data-v-1c998c31] {
    font-size: 16px;
    margin: 0 auto 8px;
    max-width: 252px
  }
}

.news-letter .input-body[data-v-1c998c31] {
  height: 50px;
  margin: 0 auto;
  max-width: 480px;
  min-width: 400px;
  position: relative;
  width: 55%
}

@media (max-width:767.98px) {
  .news-letter .input-body[data-v-1c998c31] {
    height: 40px
  }
}

@media (max-width:575.98px) {
  .news-letter .input-body[data-v-1c998c31] {
    display: flex;
    flex-direction: column;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-bottom: 40px;
    min-width: 281px
  }
}

.news-letter input[data-v-1c998c31] {
  border: 1px solid #c1c9d6;
  border-radius: 5px;
  font-size: 16px;
  height: 100%;
  padding: 5px 19px 0;
  width: 100%
}

@media (max-width:575.98px) {
  .news-letter input[data-v-1c998c31] {
    font-size: 12px;
    height: 40px;
    margin-bottom: 25px;
    padding: 3px 16px 0
  }
}

.news-letter .input-body button[data-v-1c998c31] {
  border-radius: 0 5px 5px 0;
  font-family: Graphik, Segoe UI, Helvetica Neue;
  font-size: 18px;
  font-weight: 500;
  height: 100%;
  line-height: 1em;
  padding: 16.5px 22.8px;
  position: absolute;
  right: 0;
  top: 0
}

@media (max-width:767.98px) {
  .news-letter .input-body button[data-v-1c998c31] {
    padding: 10px 22.8px
  }
}

@media (max-width:575.98px) {
  .news-letter .input-body button[data-v-1c998c31] {
    border-radius: 5px;
    font-size: 14px;
    margin: 0 auto;
    padding: 12px 58px;
    position: static;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
  }
}

.empty-store[data-v-b50753cc] {
  align-items: center;
  background: #fff;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  padding-top: 157px
}

@media (max-width:991.98px) {
  .empty-store[data-v-b50753cc] {
    padding-top: 80px
  }
}

@media (max-width:575.98px) {
  .empty-store[data-v-b50753cc] {
    padding-top: 39px
  }
}

img[data-v-b50753cc] {
  margin-bottom: 16px
}

@media (max-width:991.98px) {
  img[data-v-b50753cc] {
    width: 200px
  }
}

@media (max-width:575.98px) {
  img[data-v-b50753cc] {
    width: 151px
  }
}

h3[data-v-b50753cc] {
  font-size: 24px;
  margin-bottom: 8px
}

@media (max-width:424.98px) {
  h3[data-v-b50753cc] {
    font-size: 18px
  }
}

p[data-v-b50753cc] {
  font-size: 24px
}

@media (max-width:575.98px) {
  p[data-v-b50753cc] {
    font-size: 16px
  }
}

.empty-collection[data-v-67f91e2c] {
  align-items: center;
  background: #fff;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  padding-top: 172px
}

.empty-collection p[data-v-67f91e2c] {
  text-align: center
}

@media (max-width:991.98px) {
  .empty-collection[data-v-67f91e2c] {
    padding-top: 130px
  }
}

@media (max-width:575.98px) {
  .empty-collection[data-v-67f91e2c] {
    padding-top: 117px
  }
}

img[data-v-67f91e2c] {
  margin-bottom: 19px
}

@media (max-width:575.98px) {
  img[data-v-67f91e2c] {
    width: 130px;
    width: 80px
  }
}

p[data-v-67f91e2c] {
  font-size: 24px
}

@media (max-width:575.98px) {
  p[data-v-67f91e2c] {
    font-size: 16px
  }
}

button[data-v-67f91e2c] {
  border: 1px solid #0b9444;
  border-radius: 5px;
  font-size: 16px;
  line-height: 20px;
  margin-top: 40px;
  padding: 18px 40px 12px;
  width: 280px
}

@media (max-width:991.98px) {
  button[data-v-67f91e2c] {
    width: 220px
  }
}

@media (max-width:767.98px) {
  button[data-v-67f91e2c] {
    padding: 12px 5px 8px
  }
}

@media (max-width:575.98px) {
  button[data-v-67f91e2c] {
    font-size: 14px;
    margin-top: 27px;
    width: 160px
  }
}

.secondary[data-v-67f91e2c]:hover {
  box-shadow: 2px 2px 10px rgba(88, 85, 99, .3)
}

.secondary[data-v-67f91e2c] {
  background: #fff
}

button.secondary[data-v-67f91e2c]:focus {
  box-shadow: 0 0 0 2px rgba(11, 148, 68, .5) !important
}

input::placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

input::-webkit-input-placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1;
}

input:-ms-input-placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

input:-moz-placeholder,
input::-moz-placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

.hero {
  background-repeat: no-repeat;
  background-size: cover;
  height: 24.4vw
}

.hero,
.hero .hero-text {
  align-items: center;
  display: flex;
  position: relative
}

.hero .hero-text {
  flex-direction: column;
  justify-content: center;
  text-align: center;
  width: 100%;
  color: white;
}

.hero img {
  display: none;
  height: 120px;
  margin-right: 30px;
  position: relative;
  width: 120px
}

.hero {
  background-color: rgba(0, 0, 0, .35);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.hero h1 {
  font-size: 48px;
  font-weight: 700;
  margin-bottom: 8px
}

.hero h1,
.hero p {
  color: #fff;
  font-family: Graphik, Segoe UI, Helvetica Neue;
  line-height: 1.2em
}

.hero p {
  font-size: 24px;
  font-weight: 600
}

@media (max-width:767.98px) {
  .hero .hero-text {
    text-align: left
  }

  .hero img {
    display: inline-block;
    height: 120px;
    position: relative;
    width: 120px
  }

  .hero h1 {
    font-size: 16px
  }

  .hero h1,
  .hero p {
    margin-bottom: 5px
  }

  .hero p {
    font-family: Graphik, Segoe UI, Helvetica Neue;
    font-size: 14px;
    font-weight: 400
  }
}

@media (max-width:575.98px) {
  .hero img {
    height: 100px;
    position: relative;
    width: 100px
  }

  .hero h1 {
    font-size: 24px
  }

  .hero p {
    font-size: 20px
  }
}

input::placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

input::-webkit-input-placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

input:-ms-input-placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

input:-moz-placeholder,
input::-moz-placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

.theme-config button:disabled {
  background-color: rgba(var(--red), var(--green), var(--blue), .4) !important
}

.theme-config .nav-one {
  background: #0d1821
}

.theme-config .nav-two .login:hover,
.theme-config .nav-two a:hover,
.theme-config .nav-two button.contact-us:focus,
.theme-config .nav-two button.contact-us:hover {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two a.router-link-exact-active svg path,
.theme-config .nav-two button.contact-us:focus svg path,
.theme-config .nav-two button.contact-us:hover svg path {
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two button.account-info svg circle,
.theme-config .nav-two button.account-info svg rect {
  fill: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two .count {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two input:focus {
  border-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two button.cart:hover {
  background: rgba(var(--red), var(--green), var(--blue), .09)
}

.theme-config .nav-two .count {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two .search-group-mobile button svg path {
  stroke: #000
}

.theme-config .product button {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button span {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button svg {
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button:hover {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button svg {
  margin-right: 12px;
  margin-top: -3px
}

.theme-config .product button:hover span {
  color: #fff
}

.theme-config .product button:hover svg path {
  stroke: #fff
}

.theme-config .product:hover button:not(.out-of-stock-btn) {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product:hover button:not(.out-of-stock-btn) span {
  color: #fff
}

.theme-config .products-container button.secondary-btn {
  background: #fff;
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .products-container button.secondary-btn:hover {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .sticky-group button {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .collections .collection-list button {
  color: #000
}

.theme-config .collections>div::-webkit-scrollbar-thumb {
  background: rgba(var(--red), var(--green), var(--blue), .2)
}

.theme-config .news-letter input:focus {
  border-color: rgba(var(--red), var(--green), var(--blue), .5);
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .3)
}

.theme-config .news-letter .input-body button {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .news-letter .input-body button:focus {
  border-color: rgba(var(--red), var(--green), var(--blue), .5);
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .3)
}

.theme-config .share-buttons button {
  background: transparent;
  height: 40px;
  width: 40px
}

.theme-config .share-buttons button svg.whatsapp-svg,
.theme-config .share-buttons button svg:not(.whatsapp-svg) {
  fill: #7e7e7e
}

.theme-config .forgot button.submit,
.theme-config .login button.submit,
.theme-config .register button.submit {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .forgot button.submit:hover,
.theme-config .login button.submit:hover,
.theme-config .register button.submit:hover {
  background: rgba(var(--red), var(--green), var(--blue), .7)
}

.theme-config .forgot button.submit:focus,
.theme-config .login button.submit:focus,
.theme-config .register button.submit:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue) .5)
}

.theme-config .forgot .switch-form button,
.theme-config .login .switch-form button,
.theme-config .product-detail .description button,
.theme-config .register .switch-form button {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .add-to-cart:hover {
  background: rgba(var(--red), var(--green), var(--blue), .7)
}

.theme-config .product-detail .add-to-cart:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .empty-collection button {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .empty-collection button.secondary:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

.theme-config .checkout-content::-webkit-scrollbar-thumb {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .store-details button.cart:hover {
  background: rgba(var(--red), var(--green), var(--blue), .09)
}

.theme-config .checkout-content .store-details .count {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .checkout-header:after {
  border-bottom: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .step-group.done .step-number {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .step-group.done .step-name {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group.center {
  justify-content: center
}

.theme-config .checkout-content .btn-group button,
.theme-config .checkout-content btn-group .pay-btn {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group .secondary:hover {
  box-shadow: 2px 2px 10px rgba(88, 85, 99, .3)
}

.theme-config .checkout-content .btn-group .secondary {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group .primary {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group .primary:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .checkout-content .btn-group button:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

.theme-config .step-2 .step-header button,
.theme-config .step-2 .use-saved-details button {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .step-2 .check-group,
.theme-config .step-2 .radio-group {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .step-2 .input-group button,
.theme-config .step-2 input[type=checkbox]:checked+.inner-check,
.theme-config .step-2 input[type=radio]:checked+.inner-check {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .step-header button,
.theme-config .step-2 .discount-group .discount-info {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .check-group,
.theme-config .payment-step .radio-group {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .input-group button,
.theme-config .payment-step input[type=checkbox]:checked+.inner-check,
.theme-config .payment-step input[type=radio]:checked+.inner-check {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .payment-option.active {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .proof-template {
  border: 1px dashed rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .proof-template .template-details .upload-icon svg {
  fill: rgba(var(--red), var(--green), var(--blue), 1);
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .proof-template p {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .upload-details button svg path {
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .upload-details .progress .bar {
  background-color: #0b9444
}

.theme-config .quantity-field button:hover {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .cart-btn-group button:first-of-type,
.theme-config .product-detail .rating-group button:hover {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .cart-btn-group button:last-of-type {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .product-detail .cart-btn-group button.secondary {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .add-to-cart {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .add-to-cart:hover,
.theme-config .product-detail .cart-btn-group button:last-of-type:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .product-detail .cart-btn-group button:first-of-type:hover {
  background: rgba(var(--red), var(--green), var(--blue), .1)
}

.theme-config .product-detail .add-to-cart:focus,
.theme-config .product-detail .cart-btn-group button:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .product-reviews button.write-review {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-reviews button.write-review:hover {
  background: rgba(var(--red), var(--green), var(--blue), .1)
}

.theme-config .product-reviews button.write-review:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .navigation-buttons a.secondary {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .navigation-buttons button.primary,
.theme-config .review-modal-content button.submit {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .review-modal-content button.submit:focus,
.theme-config .review-modal-content button.submit:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .review-modal-content button.submit:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .tabs button.active,
.theme-config .tabs button:focus {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .tabs button.active {
  border-bottom: 2px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .review-summary .review-link a button {
  color: rgba(var(--red), var(--green), var(--blue), 1);
  text-decoration: none
}

.theme-config .form button.primary {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group button {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group .secondary {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group .primary {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group .primary:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .btn-group button:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

@media (max-width:424.98px) {
  .theme-config .btn-group.center button.primary {
    background: rgba(var(--red), var(--green), var(--blue), 1)
  }
}

.theme-config .order-summary .order-info button {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config button.return-to {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .secondary {
  background: #fff;
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config button.secondary:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

.theme-config .order-summary .shipping-info>.row-group:first-child {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .order-summary .shipping-info>.row-group:first-child h4 {
  color: #fff
}

.theme-config .order-summary .payment-info>.row-group:first-child {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .order-summary .payment-info>.row-group:first-child h4 {
  color: #fff
}

.theme-config .pay-btn {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .offers-modal-content {
  border: 3px dotted rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .offers-modal-content button.submit {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .offers-modal-content button.submit:focus,
.theme-config .offers-modal-content button.submit:hover {
  background: rgba(var(--red), var(--green), var(--blue), .7)
}

.theme-config .offers-modal-content button.submit:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}



.product-details .product-data {
  height: 95px;
  color: rgba(11, 148, 68, .5);
}

@media (max-width:575.98px) {
  .product-details .product-data {
    height: 85px;
    color: rgba(11, 148, 68, .5);
  }
}

.product .product-name {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  font-size: 14px;
  overflow: hidden;
  white-space: normal;
}

.product .old-price {
  align-items: center;
  display: flex;
  margin-bottom: 8px;
  min-height: 22px
}

.product .old-price span {
  color: #585563;
  font-family: Graphik, Segoe UI, Helvetica Neue;
  font-size: 14px;
  line-height: normal;
  margin-right: 5px;
  margin-top: 2px;
  text-decoration: line-through
}

.product .old-price .percent-off {
  background-color: rgba(194, 8, 8, .11);
  border-radius: 3px;
  box-sizing: border-box;
  color: #c20808;
  font-size: 14px;
  height: 22px;
  line-height: normal;
  padding: 4px
}

.product .product-price span:not(.old-price) {
  font-family: Graphik, Segoe UI, Helvetica Neue;
  font-weight: 500;
  margin-top: 8px
}

@media (max-width:767.98px) {
  .product .product-price span:not(.old-price) {
    margin-top: 5px
  }
}

.product .product-price span:not(.old-price) {
  font-size: 14px;
  line-height: 1.1em;
}

.product button {
  border-radius: 12px;
  font-size: 14px;
  line-height: 1em;
  padding: 16px 0 13px;
  width: 100%;
}

@media (max-width:575.98px) {
  .product button {
    border-radius: 6px;
  }
}

.product button.out-of-stock-btn {
  opacity: .5;
}

.product button.out-of-stock-btn:hover {
  background: none
}

.product button.out-of-stock-btn:hover .out-of-stock svg path {
  stroke: rgba(var(--red), var(--green), var(--blue), 1);
}

.product button.out-of-stock-btn:hover span {
  color: rgba(var(--red), var(--green), var(--blue), 1);
}

@media (max-width:767.98px) {
  .product button.hideBtn {
    display: none;
  }
}

.product button span {
  font-family: Graphik, Segoe UI, Helvetica Neue;
  font-size: 14px;
  font-weight: 500;
  line-height: 1em;
}

.product button svg {
  margin-right: 12px;
  margin-top: -3px;
}

.product button:hover span {
  color: #fff;
}

.product button:hover svg path {
  stroke: #fff;
}

@media (max-width:575.98px) {

  .product .old-price,
  .product .product-name {
    font-size: 14px;
  }

  .product button {
    font-size: 12px;
    padding: 11px 0 9px;
  }

  .product button span {
    font-size: 12px;
  }
}

@media (max-width:424.98px) {
  .product button svg {
    display: none
  }
}

.product .quantity-field {
  align-items: center;
  display: none;
  height: 36px;
  width: 100%
}

@media (max-width:767.98px) {
  .product .quantity-field {
    display: flex
  }
}

@media (max-width:424.98px) {
  .product .quantity-field {
    margin-left: auto;
    margin-right: auto;
    width: 70%
  }
}

.product .quantity-field button {
  align-items: center;
  border: 1px solid #eef0f8;
  border-radius: 50%;
  display: flex;
  font-family: Graphik, Segoe UI, Helvetica Neue;
  font-size: 14px;
  font-weight: 500;
  justify-content: center;
  padding: 9px 0 7px;
  width: 32px
}

.product .quantity-field button div {
  height: 12px;
  width: 12px
}

.product .quantity-field button:disabled {
  background: #c1c9d6 !important
}

.product .quantity-field button:hover {
  color: #fff
}

.product .quantity-field input {
  border: none;
  flex-basis: 40px;
  flex-grow: 1;
  font-family: Graphik, Segoe UI, Helvetica Neue;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  width: 100%
}

.theme-config button[data-v-608d409f]:disabled {
  background-color: rgba(var(--red), var(--green), var(--blue), .4) !important
}

.theme-config .nav-one[data-v-608d409f] {
  background: #0d1821
}

.theme-config .nav-two .login[data-v-608d409f]:hover,
.theme-config .nav-two a[data-v-608d409f]:hover,
.theme-config .nav-two button.contact-us[data-v-608d409f]:focus,
.theme-config .nav-two button.contact-us[data-v-608d409f]:hover {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two a.router-link-exact-active svg path[data-v-608d409f],
.theme-config .nav-two button.contact-us:focus svg path[data-v-608d409f],
.theme-config .nav-two button.contact-us:hover svg path[data-v-608d409f] {
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two button.account-info svg circle[data-v-608d409f],
.theme-config .nav-two button.account-info svg rect[data-v-608d409f] {
  fill: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two .count[data-v-608d409f] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two input[data-v-608d409f]:focus {
  border-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two button.cart[data-v-608d409f]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .09)
}

.theme-config .nav-two .count[data-v-608d409f] {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two .search-group-mobile button svg path[data-v-608d409f] {
  stroke: #000
}

.theme-config .product button[data-v-608d409f] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button span[data-v-608d409f] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button svg[data-v-608d409f] {
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button[data-v-608d409f]:hover {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button svg[data-v-608d409f] {
  margin-right: 12px;
  margin-top: -3px
}

.theme-config .product button:hover span[data-v-608d409f] {
  color: #fff
}

.theme-config .product button:hover svg path[data-v-608d409f] {
  stroke: #fff
}

.theme-config .product:hover button[data-v-608d409f]:not(.out-of-stock-btn) {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product:hover button:not(.out-of-stock-btn) span[data-v-608d409f] {
  color: #fff
}

.theme-config .products-container button.secondary-btn[data-v-608d409f] {
  background: #fff;
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .products-container button.secondary-btn[data-v-608d409f]:hover {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .sticky-group button[data-v-608d409f] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .collections .collection-list button[data-v-608d409f] {
  color: #000
}

.theme-config .collections>div[data-v-608d409f]::-webkit-scrollbar-thumb {
  background: rgba(var(--red), var(--green), var(--blue), .2)
}

.theme-config .news-letter input[data-v-608d409f]:focus {
  border-color: rgba(var(--red), var(--green), var(--blue), .5);
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .3)
}

.theme-config .news-letter .input-body button[data-v-608d409f] {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .news-letter .input-body button[data-v-608d409f]:focus {
  border-color: rgba(var(--red), var(--green), var(--blue), .5);
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .3)
}

.theme-config .share-buttons button[data-v-608d409f] {
  background: transparent;
  height: 40px;
  width: 40px
}

.theme-config .share-buttons button svg.whatsapp-svg[data-v-608d409f],
.theme-config .share-buttons button svg[data-v-608d409f]:not(.whatsapp-svg) {
  fill: #7e7e7e
}

.theme-config .forgot button.submit[data-v-608d409f],
.theme-config .login button.submit[data-v-608d409f],
.theme-config .register button.submit[data-v-608d409f] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .forgot button.submit[data-v-608d409f]:hover,
.theme-config .login button.submit[data-v-608d409f]:hover,
.theme-config .register button.submit[data-v-608d409f]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .7)
}

.theme-config .forgot button.submit[data-v-608d409f]:focus,
.theme-config .login button.submit[data-v-608d409f]:focus,
.theme-config .register button.submit[data-v-608d409f]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue) .5)
}

.theme-config .forgot .switch-form button[data-v-608d409f],
.theme-config .login .switch-form button[data-v-608d409f],
.theme-config .product-detail .description button[data-v-608d409f],
.theme-config .register .switch-form button[data-v-608d409f] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .add-to-cart[data-v-608d409f]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .7)
}

.theme-config .product-detail .add-to-cart[data-v-608d409f]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .empty-collection button[data-v-608d409f] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .empty-collection button.secondary[data-v-608d409f]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

.theme-config .checkout-content[data-v-608d409f]::-webkit-scrollbar-thumb {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .store-details button.cart[data-v-608d409f]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .09)
}

.theme-config .checkout-content .store-details .count[data-v-608d409f] {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .checkout-header[data-v-608d409f]:after {
  border-bottom: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .step-group.done .step-number[data-v-608d409f] {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .step-group.done .step-name[data-v-608d409f] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group.center[data-v-608d409f] {
  justify-content: center
}

.theme-config .checkout-content .btn-group button[data-v-608d409f],
.theme-config .checkout-content btn-group .pay-btn[data-v-608d409f] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group .secondary[data-v-608d409f]:hover {
  box-shadow: 2px 2px 10px rgba(88, 85, 99, .3)
}

.theme-config .checkout-content .btn-group .secondary[data-v-608d409f] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group .primary[data-v-608d409f] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group .primary[data-v-608d409f]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .checkout-content .btn-group button[data-v-608d409f]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

.theme-config .step-2 .step-header button[data-v-608d409f],
.theme-config .step-2 .use-saved-details button[data-v-608d409f] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .step-2 .check-group[data-v-608d409f],
.theme-config .step-2 .radio-group[data-v-608d409f] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .step-2 .input-group button[data-v-608d409f],
.theme-config .step-2 input[type=checkbox]:checked+.inner-check[data-v-608d409f],
.theme-config .step-2 input[type=radio]:checked+.inner-check[data-v-608d409f] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .step-header button[data-v-608d409f],
.theme-config .step-2 .discount-group .discount-info[data-v-608d409f] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .check-group[data-v-608d409f],
.theme-config .payment-step .radio-group[data-v-608d409f] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .input-group button[data-v-608d409f],
.theme-config .payment-step input[type=checkbox]:checked+.inner-check[data-v-608d409f],
.theme-config .payment-step input[type=radio]:checked+.inner-check[data-v-608d409f] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .payment-option.active[data-v-608d409f] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .proof-template[data-v-608d409f] {
  border: 1px dashed rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .proof-template .template-details .upload-icon svg[data-v-608d409f] {
  fill: rgba(var(--red), var(--green), var(--blue), 1);
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .proof-template p[data-v-608d409f] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .upload-details button svg path[data-v-608d409f] {
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .upload-details .progress .bar[data-v-608d409f] {
  background-color: #0b9444
}

.theme-config .quantity-field button[data-v-608d409f]:hover {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .cart-btn-group button[data-v-608d409f]:first-of-type,
.theme-config .product-detail .rating-group button[data-v-608d409f]:hover {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .cart-btn-group button[data-v-608d409f]:last-of-type {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .product-detail .cart-btn-group button.secondary[data-v-608d409f] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .add-to-cart[data-v-608d409f] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .add-to-cart[data-v-608d409f]:hover,
.theme-config .product-detail .cart-btn-group button[data-v-608d409f]:last-of-type:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .product-detail .cart-btn-group button[data-v-608d409f]:first-of-type:hover {
  background: rgba(var(--red), var(--green), var(--blue), .1)
}

.theme-config .product-detail .add-to-cart[data-v-608d409f]:focus,
.theme-config .product-detail .cart-btn-group button[data-v-608d409f]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .product-reviews button.write-review[data-v-608d409f] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-reviews button.write-review[data-v-608d409f]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .1)
}

.theme-config .product-reviews button.write-review[data-v-608d409f]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .navigation-buttons a.secondary[data-v-608d409f] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .navigation-buttons button.primary[data-v-608d409f],
.theme-config .review-modal-content button.submit[data-v-608d409f] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .review-modal-content button.submit[data-v-608d409f]:focus,
.theme-config .review-modal-content button.submit[data-v-608d409f]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .review-modal-content button.submit[data-v-608d409f]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .tabs button.active[data-v-608d409f],
.theme-config .tabs button[data-v-608d409f]:focus {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .tabs button.active[data-v-608d409f] {
  border-bottom: 2px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .review-summary .review-link a button[data-v-608d409f] {
  color: rgba(var(--red), var(--green), var(--blue), 1);
  text-decoration: none
}

.theme-config .form button.primary[data-v-608d409f] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group button[data-v-608d409f] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group .secondary[data-v-608d409f] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group .primary[data-v-608d409f] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group .primary[data-v-608d409f]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .btn-group button[data-v-608d409f]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

@media (max-width:424.98px) {
  .theme-config .btn-group.center button.primary[data-v-608d409f] {
    background: rgba(var(--red), var(--green), var(--blue), 1)
  }
}

.theme-config .order-summary .order-info button[data-v-608d409f] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config button.return-to[data-v-608d409f] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .secondary[data-v-608d409f] {
  background: #fff;
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config button.secondary[data-v-608d409f]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

.theme-config .order-summary .shipping-info>.row-group[data-v-608d409f]:first-child {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .order-summary .shipping-info>.row-group:first-child h4[data-v-608d409f] {
  color: #fff
}

.theme-config .order-summary .payment-info>.row-group[data-v-608d409f]:first-child {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .order-summary .payment-info>.row-group:first-child h4[data-v-608d409f] {
  color: #fff
}

.theme-config .pay-btn[data-v-608d409f] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .offers-modal-content[data-v-608d409f] {
  border: 3px dotted rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .offers-modal-content button.submit[data-v-608d409f] {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .offers-modal-content button.submit[data-v-608d409f]:focus,
.theme-config .offers-modal-content button.submit[data-v-608d409f]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .7)
}

.theme-config .offers-modal-content button.submit[data-v-608d409f]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

input[data-v-608d409f]::placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

input[data-v-608d409f]::-webkit-input-placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

input[data-v-608d409f]:-ms-input-placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

input[data-v-608d409f]:-moz-placeholder,
input[data-v-608d409f]::-moz-placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

.pagination[data-v-608d409f] {
  display: flex;
  flex-direction: row;
  height: 45px;
  justify-content: center;
  width: 100%
}

@media (max-width:575.98px) {
  .pagination[data-v-608d409f] {
    height: 30px
  }
}

.pagination .page-box[data-v-608d409f] {
  aspect-ratio: 1;
  background-color: #f3f3f3;
  border: .5px solid #eef0f8;
  height: 100%;
  margin: 0 2px
}

.pagination .page-box[data-v-608d409f],
.pagination .page-box span[data-v-608d409f] {
  align-items: center;
  border-radius: 50px;
  display: flex;
  justify-content: center
}

.pagination .page-box span[data-v-608d409f] {
  color: #0d1821;
  font-size: 14px;
  height: 30px;
  padding: 5px;
  text-align: center;
  width: 30px
}

@media (max-width:575.98px) {
  .pagination .page-box[data-v-608d409f] {
    margin: 0 2px
  }
}

.pagination .page-box.active span[data-v-608d409f] {
  background-color: #fff
}

.pagination .page-box.disabled span[data-v-608d409f] {
  color: #c4c4c4
}

.pagination .page-box.disabled .spread[data-v-608d409f] {
  color: #0d1821;
  margin-bottom: 5px
}

.pagination .page-box[data-v-608d409f]:not(.disabled):hover {
  background-color: rgba(var(--red), var(--green), var(--blue), .08)
}

.pagination .page-box.caret[data-v-608d409f] {
  background-color: #f3f3f3;
  border: none;
  border-radius: 50px;
  margin: 0 5px
}

.pagination .caret.disabled svg path[data-v-608d409f] {
  stroke: #c4c4c4
}

.pagination .reverse[data-v-608d409f] {
  transform: rotate(180deg)
}

.pagination .page-numbers {
  background-color: #f3f3f3;
  border-radius: 50px;
  display: flex;
  height: 100%;
  width: auto
}

input::placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

input::-webkit-input-placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

input:-ms-input-placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

input:-moz-placeholder,
input::-moz-placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

.hide {
  display: none !important
}

.products-container button.secondary-btn {
  background: #f6f6f6;
  border: none;
  border-radius: 12px;
  color: #0d1821;
  display: block;
  font-family: Graphik, Segoe UI, Helvetica Neue;
  font-size: 14px;
  font-weight: 500;
  line-height: 1em;
  margin: 0 auto 40px;
  padding: 20px 50px;
  white-space: nowrap;
  width: 30%
}

@media (max-width:991.98px) {
  .products-container button.secondary-btn {
    padding: 16px 80px;
  }
}

@media (max-width:575.98px) {
  .products-container button.secondary-btn {
    border: none;
    border-radius: 8px;
    font-size: 12px;
    width: 100%;
  }
}

.scroll-to-top {
  background: #0d1821;
  border-radius: 50%;
  bottom: 100px;
  box-shadow: 0 0 10px #fff;
  display: none;
  padding: 12px 15px 16px;
  position: fixed;
  right: 15px;
  z-index: 1;
}

@media (max-width:767.98px) {
  .scroll-to-top {
    bottom: 260px;
  }
}

@media (max-width:575.98px) {
  .scroll-to-top {
    bottom: 290px;
    padding: 8px 11px 12px;
  }
}

.scroll-to-top span {
  color: #fff;
  display: block;
  font-size: 12px;
  line-height: 1.2;
}

.product-detail-modal {
  align-items: center;
  background: rgba(13, 24, 33, .5);
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 35;
}

.product-detail-modal .about-product {
  border-bottom: 1px solid #eef0f8;
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  margin-bottom: 24px;
  overflow-y: scroll;
  padding-bottom: 24px;
  width: 100%;
}

@media (max-width:767.98px) {
  .product-detail-modal .about-product {
    border-bottom: none;
    padding-bottom: 0;
  }

  .product-detail-modal {
    overflow-y: auto;
  }
}

@media (max-width:424.98px) {
  .product-detail-modal {
    align-items: flex-start;
  }
}

.product-detail-modal.hideBtn {
  display: none;
}

.product-detail-content {
  background: #fff;
  border-radius: 5px;
  display: flex;
  height: 100%;
  margin: 40px auto;
  max-width: 977px;
  padding: 72px 24px 24px;
  position: relative;
  width: 96%
}

@media (max-width:424.98px) {
  .product-detail-content {
    margin: auto;
    overflow-y: scroll
  }
}

.product-detail-content .close-modal {
  padding: 4px;
  position: absolute;
  right: 24px;
  top: 24px
}

@media (max-width:575.98px) {
  .product-detail-content .close-modal {
    right: 10px;
    top: 20px
  }

  .product-detail-content {
    flex-wrap: wrap;
    height: 90%;
    padding: 50px 0 30px;
    width: 90%
  }
}

.product-image {
  width: 40.31%
}

.product-image .image-variations {
  display: none
}

.product-image img {
  border-radius: 5px;
  width: 100%
}

@media (max-width:767.98px) {
  .product-image {
    margin: 0 auto
  }

  .product-image .image-variations {
    display: flex;
    flex-direction: row;
    margin: 10px 0
  }
}

@media (max-width:575.98px) {
  .product-image {
    margin-left: auto;
    margin-right: auto;
    margin-top: 16px;
    width: 90%
  }
}

.image-variations {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap
}

.image-variations img {
  border-radius: 5px;
  height: 100%;
  margin-right: 10px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

.image-variations img:last-of-type {
  margin-right: 0
}

.image-variations img.active {
  border: 1px solid #0d1821
}

.image-variations .variant-container {
  border-radius: 10px;
  cursor: pointer;
  height: 78px;
  margin: 0 10px 5px 0;
  overflow: hidden;
  position: relative;
  width: 78px
}

.image-variations .variant-container .overlay {
  background-color: #000;
  height: 100%;
  opacity: .5;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2
}

@media (max-width:1199.98px) {
  .image-variations .variant-container {
    height: 70px;
    width: 70px
  }
}

@media (max-width:575.98px) {
  .image-variations .variant-container {
    height: 44px;
    margin-right: 8px;
    width: 44px
  }
}

@media (max-width:767.98px) {
  .image-variations {
    display: none;
    margin-top: 16px
  }
}

@media (max-width:575.98px) {
  .image-variations {
    display: none
  }
}

.product-detail {
  max-width: 500px;
  padding-left: 32px;
  width: calc(47.69% - 32px)
}

@media (max-width:575.98px) {
  .product-detail {
    margin-top: 20px;
    width: calc(100% - 32px)
  }
}

.product-detail h2 {
  line-height: 1.2
}

.product-detail p.product-name {
  font-family: Graphik, Segoe UI, Helvetica Neue;
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 5px
}

.product-detail h2.product-price {
  display: inline-block;
  font-size: 18px;
  font-weight: 500
}

@media (max-width:575.98px) {
  .product-detail h2.product-price {
    font-size: 20px;
    font-weight: 500
  }
}

.product-detail .sales-row {
  align-items: center;
  display: flex;
  margin: 8px 0
}

.product-detail .sales-row h3.product-sales {
  align-items: center;
  color: #545454;
  display: flex;
  font-size: 14px;
  font-weight: 300;
  text-decoration: line-through
}

@media (max-width:424.98px) {
  .product-detail .sales-row h3.product-sales {
    font-size: 14px
  }
}

.product-detail .sales-row span.percent {
  background-color: rgba(194, 8, 8, .11);
  border-radius: 2px;
  box-sizing: border-box;
  color: #c20808;
  font-family: Graphik;
  font-size: 16px;
  height: 24px;
  margin-left: 10px;
  padding: 4px
}

@media (max-width:767.98px) {
  .product-detail .sales-row span.percent {
    font-size: 14px
  }
}

.product-detail .sales-row.variant span.percent {
  margin-left: 0
}

.product-detail .rating-group {
  align-items: flex-end;
  display: flex
}

.product-detail .rating-group button {
  height: 19px
}

.product-detail .rating-group button:hover {
  text-decoration: underline
}

@media (max-width:575.98px) {
  .product-detail .rating-group {
    margin-bottom: 10px;
    margin-left: 0
  }
}

.product-detail .field-group {
  margin: 15px 0 10px;
  width: 100%
}

@media (max-width:767.98px) {
  .product-detail .field-group {
    margin-bottom: 10px;
    min-width: 120px
  }
}

.product-detail .field-group label {
  font-size: 14px;
  line-height: 1.5em;
  margin-bottom: 4px;
  text-transform: capitalize
}

.product-detail .quantity-field {
  border-radius: 5px;
  display: flex;
  height: 43px;
  margin: 10px 0;
  width: 160px
}

.product-detail .quantity-field button {
  align-items: center;
  background-color: #f4f4f4;
  border: 1px solid #eaeaea;
  border-radius: 5px;
  display: flex;
  font-size: 22px;
  height: 100%;
  justify-content: center;
  text-align: center;
  width: 43px
}

.product-detail .quantity-field button:disabled {
  background: #c1c9d6 !important
}

.product-detail .quantity-field button:hover {
  background: #eef0f8
}

.product-detail .quantity-field input {
  border: 1px solid #cecece;
  border-radius: 5px;
  flex-basis: 40px;
  flex-grow: 1;
  margin: 0 5px;
  text-align: center;
  width: 100%
}

.product-detail select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(/images/dropdown.svg) no-repeat;
  background-position: right 10px center;
  border: 1px solid #cecece;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  height: 45px;
  padding: 10px 0 10px 10px;
  width: 100%
}

.product-detail select option {
  font-size: 14px
}

.product-detail .description {
  margin: 16px 0
}

.product-detail .description p {
  display: inline-block;
  font-size: 14px;
  margin-bottom: 8px;
  width: 100%
}

.product-detail .description button {
  font-family: Graphik, Segoe UI, Helvetica Neue;
  font-size: 14px;
  font-weight: 500;
  padding: 0;
  text-decoration: underline
}

.product-detail .add-to-cart,
.product-detail .btn-spinner {
  align-items: center;
  border-radius: 5px;
  color: #fff;
  display: flex;
  font-size: 16px;
  gap: 10px;
  justify-content: center;
  line-height: 20px;
  margin-top: 10px;
  padding: 15px 30px;
  width: 100%
}

.product-warning {
  background: rgba(194, 8, 8, .16);
  border-radius: 8px;
  display: flex;
  gap: 10px;
  padding: 16px;
  width: 100%
}

.product-warning img {
  height: 30px
}

.product-warning .text-content p {
  color: #c20808;
  font-size: 14px
}

.product-warning .text-content a {
  color: #c20808;
  font-size: 14px;
  font-weight: 600;
  text-decoration: underline
}

.minimum-quantity {
  display: flex;
  margin: 5px 0
}

.minimum-quantity p {
  font-size: 14px;
  margin-left: 2px
}

input::placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

input::-webkit-input-placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

input:-ms-input-placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

input:-moz-placeholder,
input::-moz-placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

.theme-config button:disabled {
  background-color: rgba(var(--red), var(--green), var(--blue), .4) !important
}

.theme-config .nav-one {
  background: #0d1821
}

.theme-config .nav-two .login:hover,
.theme-config .nav-two a:hover,
.theme-config .nav-two button.contact-us:focus,
.theme-config .nav-two button.contact-us:hover {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two a.router-link-exact-active svg path,
.theme-config .nav-two button.contact-us:focus svg path,
.theme-config .nav-two button.contact-us:hover svg path {
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two button.account-info svg circle,
.theme-config .nav-two button.account-info svg rect {
  fill: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two .count {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two input:focus {
  border-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two button.cart:hover {
  background: rgba(var(--red), var(--green), var(--blue), .09)
}

.theme-config .nav-two .count {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two .search-group-mobile button svg path {
  stroke: #000
}

.theme-config .product button {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button span {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button svg {
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button:hover {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button svg {
  margin-right: 12px;
  margin-top: -3px
}

.theme-config .product button:hover span {
  color: #fff
}

.theme-config .product button:hover svg path {
  stroke: #fff
}

.theme-config .product:hover button:not(.out-of-stock-btn) {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product:hover button:not(.out-of-stock-btn) span {
  color: #fff
}

.theme-config .products-container button.secondary-btn {
  background: #fff;
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .products-container button.secondary-btn:hover {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .sticky-group button {
  background: rgba(var(--red), var(--green), var(--blue), 1);
}

.theme-config .collections .collection-list button {
  color: #000
}

.theme-config .collections>div::-webkit-scrollbar-thumb {
  background: rgba(var(--red), var(--green), var(--blue), .2)
}

.theme-config .news-letter input:focus {
  border-color: rgba(var(--red), var(--green), var(--blue), .5);
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .3)
}

.theme-config .news-letter .input-body button {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .news-letter .input-body button:focus {
  border-color: rgba(var(--red), var(--green), var(--blue), .5);
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .3)
}

.theme-config .share-buttons button {
  background: transparent;
  height: 40px;
  width: 40px
}

.theme-config .share-buttons button svg.whatsapp-svg,
.theme-config .share-buttons button svg:not(.whatsapp-svg) {
  fill: #7e7e7e
}

.theme-config .forgot button.submit,
.theme-config .login button.submit,
.theme-config .register button.submit {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .forgot button.submit:hover,
.theme-config .login button.submit:hover,
.theme-config .register button.submit:hover {
  background: rgba(var(--red), var(--green), var(--blue), .7)
}

.theme-config .forgot button.submit:focus,
.theme-config .login button.submit:focus,
.theme-config .register button.submit:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue) .5)
}

.theme-config .forgot .switch-form button,
.theme-config .login .switch-form button,
.theme-config .product-detail .description button,
.theme-config .register .switch-form button {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .add-to-cart:hover {
  background: rgba(var(--red), var(--green), var(--blue), .7)
}

.theme-config .product-detail .add-to-cart:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .empty-collection button {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .empty-collection button.secondary:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

.theme-config .checkout-content::-webkit-scrollbar-thumb {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .store-details button.cart:hover {
  background-color: rgba(var(--red), var(--green), var(--blue), .09);
}

.theme-config .checkout-content .store-details .count {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .checkout-header:after {
  border-bottom: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .step-group.done .step-number {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .step-group.done .step-name {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group.center {
  justify-content: center
}

.theme-config .checkout-content .btn-group button,
.theme-config .checkout-content btn-group .pay-btn {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group .secondary:hover {
  box-shadow: 2px 2px 10px rgba(88, 85, 99, .3)
}

.theme-config .checkout-content .btn-group .secondary {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group .primary {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group .primary:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .checkout-content .btn-group button:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

.theme-config .step-2 .step-header button,
.theme-config .step-2 .use-saved-details button {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .step-2 .check-group,
.theme-config .step-2 .radio-group {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .step-2 .input-group button,
.theme-config .step-2 input[type=checkbox]:checked+.inner-check,
.theme-config .step-2 input[type=radio]:checked+.inner-check {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .step-header button,
.theme-config .step-2 .discount-group .discount-info {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .check-group,
.theme-config .payment-step .radio-group {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .input-group button,
.theme-config .payment-step input[type=checkbox]:checked+.inner-check,
.theme-config .payment-step input[type=radio]:checked+.inner-check {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .payment-option.active {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .proof-template {
  border: 1px dashed rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .proof-template .template-details .upload-icon svg {
  fill: rgba(var(--red), var(--green), var(--blue), 1);
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .proof-template p {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .upload-details button svg path {
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .upload-details .progress .bar {
  background-color: #0b9444
}

.theme-config .quantity-field button:hover {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .cart-btn-group button:first-of-type,
.theme-config .product-detail .rating-group button:hover {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .cart-btn-group button:last-of-type {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .product-detail .cart-btn-group button.secondary {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .add-to-cart {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .add-to-cart:hover,
.theme-config .product-detail .cart-btn-group button:last-of-type:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .product-detail .cart-btn-group button:first-of-type:hover {
  background: rgba(var(--red), var(--green), var(--blue), .1)
}

.theme-config .product-detail .add-to-cart:focus,
.theme-config .product-detail .cart-btn-group button:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .product-reviews button.write-review {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-reviews button.write-review:hover {
  background: rgba(var(--red), var(--green), var(--blue), .1)
}

.theme-config .product-reviews button.write-review:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .navigation-buttons a.secondary {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .navigation-buttons button.primary,
.theme-config .review-modal-content button.submit {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .review-modal-content button.submit:focus,
.theme-config .review-modal-content button.submit:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .review-modal-content button.submit:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .tabs button.active,
.theme-config .tabs button:focus {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .tabs button.active {
  border-bottom: 2px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .review-summary .review-link a button {
  color: rgba(var(--red), var(--green), var(--blue), 1);
  text-decoration: none
}

.theme-config .form button.primary {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group button {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group .secondary {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group .primary {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group .primary:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .btn-group button:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

@media (max-width:424.98px) {
  .theme-config .btn-group.center button.primary {
    background: rgba(var(--red), var(--green), var(--blue), 1)
  }
}

.theme-config .order-summary .order-info button {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config button.return-to {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .secondary {
  background: #fff;
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config button.secondary:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

.theme-config .order-summary .shipping-info>.row-group:first-child {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .order-summary .shipping-info>.row-group:first-child h4 {
  color: #fff
}

.theme-config .order-summary .payment-info>.row-group:first-child {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .order-summary .payment-info>.row-group:first-child h4 {
  color: #fff
}

.theme-config .pay-btn {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .offers-modal-content {
  border: 3px dotted rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .offers-modal-content button.submit {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .offers-modal-content button.submit:focus,
.theme-config .offers-modal-content button.submit:hover {
  background: rgba(var(--red), var(--green), var(--blue), .7)
}

.theme-config .offers-modal-content button.submit:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.hide {
  display: none !important
}

.collections {
  background-color: #f3f3f3;
  border-radius: 10px;
  max-width: 100%;
  width: 100%;
}

.sticky-group {
  background: #fff;
  bottom: 0;
  box-shadow: 0 -10px 30px rgba(13, 24, 33, .05);
  display: none;
  padding: 19px 16px;
  position: -webkit-sticky;
  position: sticky;
  width: 100%;
}

@media (max-width:767.98px) {
  .sticky-group {
    display: block
  }
}

.sticky-group button {
  border-radius: 5px;
  padding: 16px 22.5px;
  position: relative;
  text-align: left;
  width: 100%
}

.sticky-group button:after {
  content: url(/images/chevron-right.svg);
  display: inline-block;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(calc(-50% + 3px))
}

.sticky-group button span {
  color: #fff;
  font-size: 16px;
  line-height: 20px
}

.sticky-group .total-price {
  font-family: Graphik, Segoe UI, Helvetica Neue;
  font-weight: 600
}

.theme-config button[data-v-031e4716]:disabled {
  background-color: rgba(var(--red), var(--green), var(--blue), .4) !important
}

.theme-config .nav-one[data-v-031e4716] {
  background: #0d1821
}

.theme-config .nav-two .login[data-v-031e4716]:hover,
.theme-config .nav-two a[data-v-031e4716]:hover,
.theme-config .nav-two button.contact-us[data-v-031e4716]:focus,
.theme-config .nav-two button.contact-us[data-v-031e4716]:hover {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two a.router-link-exact-active svg path[data-v-031e4716],
.theme-config .nav-two button.contact-us:focus svg path[data-v-031e4716],
.theme-config .nav-two button.contact-us:hover svg path[data-v-031e4716] {
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two button.account-info svg circle[data-v-031e4716],
.theme-config .nav-two button.account-info svg rect[data-v-031e4716] {
  fill: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two .count[data-v-031e4716] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two input[data-v-031e4716]:focus {
  border-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two button.cart[data-v-031e4716]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .09)
}

.theme-config .nav-two .count[data-v-031e4716] {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two .search-group-mobile button svg path[data-v-031e4716] {
  stroke: #000
}

.theme-config .product button[data-v-031e4716] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button span[data-v-031e4716] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button svg[data-v-031e4716] {
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button[data-v-031e4716]:hover {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button svg[data-v-031e4716] {
  margin-right: 12px;
  margin-top: -3px
}

.theme-config .product button:hover span[data-v-031e4716] {
  color: #fff
}

.theme-config .product button:hover svg path[data-v-031e4716] {
  stroke: #fff
}

.theme-config .product:hover button[data-v-031e4716]:not(.out-of-stock-btn) {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product:hover button:not(.out-of-stock-btn) span[data-v-031e4716] {
  color: #fff
}

.theme-config .products-container button.secondary-btn[data-v-031e4716] {
  background: #fff;
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .products-container button.secondary-btn[data-v-031e4716]:hover {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .sticky-group button[data-v-031e4716] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .collections .collection-list button[data-v-031e4716] {
  color: #000
}

.theme-config .collections>div[data-v-031e4716]::-webkit-scrollbar-thumb {
  background: rgba(var(--red), var(--green), var(--blue), .2)
}

.theme-config .news-letter input[data-v-031e4716]:focus {
  border-color: rgba(var(--red), var(--green), var(--blue), .5);
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .3)
}

.theme-config .news-letter .input-body button[data-v-031e4716] {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .news-letter .input-body button[data-v-031e4716]:focus {
  border-color: rgba(var(--red), var(--green), var(--blue), .5);
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .3)
}

.theme-config .share-buttons button[data-v-031e4716] {
  background: transparent;
  height: 40px;
  width: 40px
}

.theme-config .share-buttons button svg.whatsapp-svg[data-v-031e4716],
.theme-config .share-buttons button svg[data-v-031e4716]:not(.whatsapp-svg) {
  fill: #7e7e7e
}

.theme-config .forgot button.submit[data-v-031e4716],
.theme-config .login button.submit[data-v-031e4716],
.theme-config .register button.submit[data-v-031e4716] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .forgot button.submit[data-v-031e4716]:hover,
.theme-config .login button.submit[data-v-031e4716]:hover,
.theme-config .register button.submit[data-v-031e4716]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .7)
}

.theme-config .forgot button.submit[data-v-031e4716]:focus,
.theme-config .login button.submit[data-v-031e4716]:focus,
.theme-config .register button.submit[data-v-031e4716]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue) .5)
}

.theme-config .forgot .switch-form button[data-v-031e4716],
.theme-config .login .switch-form button[data-v-031e4716],
.theme-config .product-detail .description button[data-v-031e4716],
.theme-config .register .switch-form button[data-v-031e4716] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .add-to-cart[data-v-031e4716]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .7)
}

.theme-config .product-detail .add-to-cart[data-v-031e4716]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .empty-collection button[data-v-031e4716] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .empty-collection button.secondary[data-v-031e4716]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

.theme-config .checkout-content[data-v-031e4716]::-webkit-scrollbar-thumb {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .store-details button.cart[data-v-031e4716]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .09)
}

.theme-config .checkout-content .store-details .count[data-v-031e4716] {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .checkout-header[data-v-031e4716]:after {
  border-bottom: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .step-group.done .step-number[data-v-031e4716] {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .step-group.done .step-name[data-v-031e4716] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group.center[data-v-031e4716] {
  justify-content: center
}

.theme-config .checkout-content .btn-group button[data-v-031e4716],
.theme-config .checkout-content btn-group .pay-btn[data-v-031e4716] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group .secondary[data-v-031e4716]:hover {
  box-shadow: 2px 2px 10px rgba(88, 85, 99, .3)
}

.theme-config .checkout-content .btn-group .secondary[data-v-031e4716] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group .primary[data-v-031e4716] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group .primary[data-v-031e4716]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .checkout-content .btn-group button[data-v-031e4716]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

.theme-config .step-2 .step-header button[data-v-031e4716],
.theme-config .step-2 .use-saved-details button[data-v-031e4716] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .step-2 .check-group[data-v-031e4716],
.theme-config .step-2 .radio-group[data-v-031e4716] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .step-2 .input-group button[data-v-031e4716],
.theme-config .step-2 input[type=checkbox]:checked+.inner-check[data-v-031e4716],
.theme-config .step-2 input[type=radio]:checked+.inner-check[data-v-031e4716] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .step-header button[data-v-031e4716],
.theme-config .step-2 .discount-group .discount-info[data-v-031e4716] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .check-group[data-v-031e4716],
.theme-config .payment-step .radio-group[data-v-031e4716] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .input-group button[data-v-031e4716],
.theme-config .payment-step input[type=checkbox]:checked+.inner-check[data-v-031e4716],
.theme-config .payment-step input[type=radio]:checked+.inner-check[data-v-031e4716] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .payment-option.active[data-v-031e4716] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .proof-template[data-v-031e4716] {
  border: 1px dashed rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .proof-template .template-details .upload-icon svg[data-v-031e4716] {
  fill: rgba(var(--red), var(--green), var(--blue), 1);
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .proof-template p[data-v-031e4716] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .upload-details button svg path[data-v-031e4716] {
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .upload-details .progress .bar[data-v-031e4716] {
  background-color: #0b9444
}

.theme-config .quantity-field button[data-v-031e4716]:hover {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .cart-btn-group button[data-v-031e4716]:first-of-type,
.theme-config .product-detail .rating-group button[data-v-031e4716]:hover {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .cart-btn-group button[data-v-031e4716]:last-of-type {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .product-detail .cart-btn-group button.secondary[data-v-031e4716] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .add-to-cart[data-v-031e4716] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .add-to-cart[data-v-031e4716]:hover,
.theme-config .product-detail .cart-btn-group button[data-v-031e4716]:last-of-type:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .product-detail .cart-btn-group button[data-v-031e4716]:first-of-type:hover {
  background: rgba(var(--red), var(--green), var(--blue), .1)
}

.theme-config .product-detail .add-to-cart[data-v-031e4716]:focus,
.theme-config .product-detail .cart-btn-group button[data-v-031e4716]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .product-reviews button.write-review[data-v-031e4716] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-reviews button.write-review[data-v-031e4716]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .1)
}

.theme-config .product-reviews button.write-review[data-v-031e4716]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .navigation-buttons a.secondary[data-v-031e4716] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .navigation-buttons button.primary[data-v-031e4716],
.theme-config .review-modal-content button.submit[data-v-031e4716] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .review-modal-content button.submit[data-v-031e4716]:focus,
.theme-config .review-modal-content button.submit[data-v-031e4716]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .review-modal-content button.submit[data-v-031e4716]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .tabs button.active[data-v-031e4716],
.theme-config .tabs button[data-v-031e4716]:focus {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .tabs button.active[data-v-031e4716] {
  border-bottom: 2px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .review-summary .review-link a button[data-v-031e4716] {
  color: rgba(var(--red), var(--green), var(--blue), 1);
  text-decoration: none
}

.theme-config .form button.primary[data-v-031e4716] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group button[data-v-031e4716] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group .secondary[data-v-031e4716] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group .primary[data-v-031e4716] {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group .primary[data-v-031e4716]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .btn-group button[data-v-031e4716]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

@media (max-width:424.98px) {
  .theme-config .btn-group.center button.primary[data-v-031e4716] {
    background: rgba(var(--red), var(--green), var(--blue), 1)
  }
}

.theme-config .order-summary .order-info button[data-v-031e4716] {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config button.return-to[data-v-031e4716] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .secondary[data-v-031e4716] {
  background: #fff;
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config button.secondary[data-v-031e4716]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}
/* 
.theme-config .order-summary .shipping-info>.row-group[data-v-031e4716]:first-child {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .order-summary .shipping-info>.row-group:first-child h4[data-v-031e4716] {
  color: #fff
}

.theme-config .order-summary .payment-info>.row-group[data-v-031e4716]:first-child {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .order-summary .payment-info>.row-group:first-child h4[data-v-031e4716] {
  color: #fff
}

.theme-config .pay-btn[data-v-031e4716] {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .offers-modal-content[data-v-031e4716] {
  border: 3px dotted rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .offers-modal-content button.submit[data-v-031e4716] {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .offers-modal-content button.submit[data-v-031e4716]:focus,
.theme-config .offers-modal-content button.submit[data-v-031e4716]:hover {
  background: rgba(var(--red), var(--green), var(--blue), .7)
}

.theme-config .offers-modal-content button.submit[data-v-031e4716]:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

input[data-v-031e4716]::placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

input[data-v-031e4716]::-webkit-input-placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

input[data-v-031e4716]:-ms-input-placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

input[data-v-031e4716]:-moz-placeholder,
input[data-v-031e4716]::-moz-placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

.hide[data-v-031e4716] {
  display: none !important
}

.about[data-v-031e4716] {
  margin-bottom: 50px;
  padding: 20px 64px
}

.about h2[data-v-031e4716] {
  margin: 20px 0
}

.about p[data-v-031e4716] {
  font-size: 18px;
  line-height: 1.5em
}

@media (max-width:424.98px) {
  .about[data-v-031e4716] {
    padding: 20px 30px
  }
}

.back[data-v-031e4716] {
  color: rgba(var(--red), var(--green), var(--blue), 1);
  display: none;
  margin-bottom: 30px;
  text-align: center;
  text-decoration: underline
}

@media (max-width:767.98px) {
  .back[data-v-031e4716] {
    display: block
  }
} */

.theme-config button :disabled {
  background-color: rgba(var(--red), var(--green), var(--blue), .4) !important
}

.theme-config .nav-one {
  background: #0d1821
}

.theme-config .nav-two .login :hover,
.theme-config .nav-two a :hover,
.theme-config .nav-two button.contact-us :focus,
.theme-config .nav-two button.contact-us :hover {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two a.router-link-exact-active svg path,
.theme-config .nav-two button.contact-us:focus svg path,
.theme-config .nav-two button.contact-us:hover svg path {
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two button.account-info svg circle,
.theme-config .nav-two button.account-info svg rect {
  fill: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two .count {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two input :focus {
  border-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two button.cart :hover {
  background: rgba(var(--red), var(--green), var(--blue), .09)
}

.theme-config .nav-two .count {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .nav-two .search-group-mobile button svg path {
  stroke: #000
}

.theme-config .product button {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button span {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button svg {
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button :hover {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product button svg {
  margin-right: 12px;
  margin-top: -3px
}

.theme-config .product button:hover span {
  color: #fff
}

.theme-config .product button:hover svg path {
  stroke: #fff
}

.theme-config .product:hover button :not(.out-of-stock-btn) {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product:hover button:not(.out-of-stock-btn) span {
  color: #fff
}

.theme-config .products-container button.secondary-btn {
  background: #fff;
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: rgba(var(--red), var(--green), var(--blue), 1);
}

.theme-config .products-container button.secondary-btn :hover {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .sticky-group button {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .collections .collection-list button {
  color: #000
}

.theme-config .collections>div ::-webkit-scrollbar-thumb {
  background: rgba(var(--red), var(--green), var(--blue), .2)
}

.theme-config .news-letter input :focus {
  border-color: rgba(var(--red), var(--green), var(--blue), .5);
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .3)
}

.theme-config .news-letter .input-body button {
  background: #0b9444;
  border: 1px solid #0b9444;
  color: #fff;
}

.theme-config .news-letter .input-body button :hover {
  border: 2px solid white;
  box-shadow: 0 0 5px 0 rgba(var(--red), var(--green), var(--blue), .3)
}

.theme-config .share-buttons button {
  background: transparent;
  height: 40px;
  width: 40px
}

.theme-config .share-buttons button svg.whatsapp-svg,
.theme-config .share-buttons button svg :not(.whatsapp-svg) {
  fill: #7e7e7e
}

.theme-config .forgot button.submit,
.theme-config .login button.submit,
.theme-config .register button.submit {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .forgot button.submit :hover,
.theme-config .login button.submit :hover,
.theme-config .register button.submit :hover {
  background: rgba(var(--red), var(--green), var(--blue), .7)
}

.theme-config .forgot button.submit :focus,
.theme-config .login button.submit :focus,
.theme-config .register button.submit :focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue) .5)
}

.theme-config .forgot .switch-form button,
.theme-config .login .switch-form button,
.theme-config .product-detail .description button,
.theme-config .register .switch-form button {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .add-to-cart :hover {
  background: rgba(var(--red), var(--green), var(--blue), .7)
}

.theme-config .product-detail .add-to-cart :focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .empty-collection button {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .empty-collection button.secondary :focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

.theme-config .checkout-content ::-webkit-scrollbar-thumb {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .store-details button.cart :hover {
  background: rgba(var(--red), var(--green), var(--blue), .09)
}

.theme-config .checkout-content .store-details .count {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .checkout-header :after {
  border-bottom: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .step-group.done .step-number {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .step-group.done .step-name {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group.center {
  justify-content: center
}

.theme-config .checkout-content .btn-group button,
.theme-config .checkout-content btn-group .pay-btn {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group .secondary :hover {
  box-shadow: 2px 2px 10px rgba(88, 85, 99, .3)
}

.theme-config .checkout-content .btn-group .secondary {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group .primary {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .checkout-content .btn-group .primary :hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .checkout-content .btn-group button :focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

.theme-config .step-2 .step-header button,
.theme-config .step-2 .use-saved-details button {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .step-2 .check-group,
.theme-config .step-2 .radio-group {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .step-2 .input-group button,
.theme-config .step-2 input[type=checkbox]:checked+.inner-check,
.theme-config .step-2 input[type=radio]:checked+.inner-check {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .step-header button,
.theme-config .step-2 .discount-group .discount-info {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .check-group,
.theme-config .payment-step .radio-group {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .input-group button,
.theme-config .payment-step input[type=checkbox]:checked+.inner-check,
.theme-config .payment-step input[type=radio]:checked+.inner-check {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .payment-option.active {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .proof-template {
  border: 1px dashed rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .proof-template .template-details .upload-icon svg {
  fill: rgba(var(--red), var(--green), var(--blue), 1);
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .proof-template p {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .upload-details button svg path {
  stroke: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .payment-step .upload-proof .upload-details .progress .bar {
  background-color: #0b9444
}

.theme-config .quantity-field button :hover {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .cart-btn-group button :first-of-type,
.theme-config .product-detail .rating-group button :hover {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .cart-btn-group button :last-of-type {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .product-detail .cart-btn-group button.secondary {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .add-to-cart {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-detail .add-to-cart :hover,
.theme-config .product-detail .cart-btn-group button :last-of-type:hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .product-detail .cart-btn-group button :first-of-type:hover {
  background: rgba(var(--red), var(--green), var(--blue), .1)
}

.theme-config .product-detail .add-to-cart :focus,
.theme-config .product-detail .cart-btn-group button :focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .product-reviews button.write-review {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .product-reviews button.write-review :hover {
  background: rgba(var(--red), var(--green), var(--blue), .1)
}

.theme-config .product-reviews button.write-review :focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .navigation-buttons a.secondary {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1);
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .navigation-buttons button.primary,
.theme-config .review-modal-content button.submit {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .review-modal-content button.submit :focus,
.theme-config .review-modal-content button.submit :hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .review-modal-content button.submit :focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

.theme-config .tabs button.active,
.theme-config .tabs button :focus {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .tabs button.active {
  border-bottom: 2px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .review-summary .review-link a button {
  color: rgba(var(--red), var(--green), var(--blue), 1);
  text-decoration: none
}

.theme-config .form button.primary {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group button {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group .secondary {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group .primary {
  background: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .btn-group .primary :hover {
  background: rgba(var(--red), var(--green), var(--blue), .8)
}

.theme-config .btn-group button :focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

@media (max-width:424.98px) {
  .theme-config .btn-group.center button.primary {
    background: rgba(var(--red), var(--green), var(--blue), 1)
  }
}

.theme-config .order-summary .order-info button {
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config button.return-to {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .secondary {
  background: #fff;
  color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config button.secondary :focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5) !important
}

.theme-config .order-summary .shipping-info>.row-group :first-child {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .order-summary .shipping-info>.row-group:first-child h4 {
  color: #fff
}

.theme-config .order-summary .payment-info>.row-group :first-child {
  background-color: rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .order-summary .payment-info>.row-group:first-child h4 {
  color: #fff
}

.theme-config .pay-btn {
  border: 1px solid rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .offers-modal-content {
  border: 3px dotted rgba(var(--red), var(--green), var(--blue), 1)
}

.theme-config .offers-modal-content button.submit {
  background: rgba(var(--red), var(--green), var(--blue), 1);
  color: #fff
}

.theme-config .offers-modal-content button.submit:focus,
.theme-config .offers-modal-content button.submit:hover {
  background: rgba(var(--red), var(--green), var(--blue), .7)
}

.theme-config .offers-modal-content button.submit:focus {
  box-shadow: 0 0 0 2px rgba(var(--red), var(--green), var(--blue), .5)
}

input ::placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

input ::-webkit-input-placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1
}

input :-ms-input-placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1;
}

input :-moz-placeholder,
input ::-moz-placeholder {
  color: rgba(88, 85, 99, .6);
  opacity: 1;
}

.hide {
  display: none !important;
}

.policy {
  margin-bottom: 50px;
  padding: 20px 64px;
}

.policy h2 {
  margin: 20px 0;
}

.policy p {
  font-size: 18px;
  line-height: 1.5em;
}

@media (max-width:424.98px) {
  .policy {
    padding: 20px 30px
  }
}

.back {
  color: rgba(var(--red), var(--green), var(--blue), 1);
  display: none;
  text-align: center;
  text-decoration: underline
}

@media (max-width:767.98px) {
  .back {
    display: block
  }
}