@font-face {
    font-family: 'General Sans';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('General Sans Regular'), url('../Fonts/GeneralSans/GeneralSans-Regular.woff?v=2.0') format('woff');
}

@font-face {
    font-family: 'General Sans';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: local('General Sans Extralight'), url('../Fonts/GeneralSans/GeneralSans-Extralight.woff?v=2.0') format('woff');
}

@font-face {
    font-family: 'General Sans';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: local('General Sans Light'), url('../Fonts/GeneralSans/GeneralSans-Light.woff?v=2.0') format('woff');
}

@font-face {
    font-family: 'General Sans';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local('General Sans Medium'), url('../Fonts/GeneralSans/GeneralSans-Medium.woff?v=2.0') format('woff');
}

@font-face {
    font-family: 'General Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local('General Sans Semibold'), url('../Fonts/GeneralSans/GeneralSans-Semibold.woff?v=2.0') format('woff');
}

@font-face {
    font-family: 'General Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('General Sans Bold'), url('../Fonts/GeneralSans/GeneralSans-Bold.woff?v=2.0') format('woff');
}

@font-face {
    font-family: YourColor;
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url("./Font/YourColor/Montserrat-Arabic-ExtraLight.ttf") format("truetype");
}

@font-face {
    font-family: YourColor;
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url("./Font/YourColor/Montserrat-Arabic-Light.ttf") format("truetype");
}

@font-face {
    font-family: YourColor;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url("./Font/YourColor/Montserrat-Arabic-Regular.ttf") format("truetype");
}

@font-face {
    font-family: YourColor;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("./Font/YourColor/Montserrat-Arabic-Medium.ttf") format("truetype");
}

@font-face {
    font-family: YourColor;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("./Font/YourColor/Montserrat-Arabic-Bold.ttf") format("truetype");
}
/* arabic */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/alexandria/v3/UMBXrPdDqW66y0Y2usFeaijdA4M5.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}
/* vietnamese */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/alexandria/v3/UMBXrPdDqW66y0Y2usFeaiLdA4M5.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: 'Alexandria';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/alexandria/v3/UMBXrPdDqW66y0Y2usFeaiPdA4M5.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-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/alexandria/v3/UMBXrPdDqW66y0Y2usFeai3dAw.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;
}
/* arabic */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/alexandria/v3/UMBXrPdDqW66y0Y2usFeaijdA4M5.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}
/* vietnamese */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/alexandria/v3/UMBXrPdDqW66y0Y2usFeaiLdA4M5.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: 'Alexandria';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/alexandria/v3/UMBXrPdDqW66y0Y2usFeaiPdA4M5.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-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/alexandria/v3/UMBXrPdDqW66y0Y2usFeai3dAw.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;
}
/* arabic */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/alexandria/v3/UMBXrPdDqW66y0Y2usFeaijdA4M5.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}
/* vietnamese */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/alexandria/v3/UMBXrPdDqW66y0Y2usFeaiLdA4M5.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: 'Alexandria';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/alexandria/v3/UMBXrPdDqW66y0Y2usFeaiPdA4M5.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-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/alexandria/v3/UMBXrPdDqW66y0Y2usFeai3dAw.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;
}
/* arabic */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/alexandria/v3/UMBXrPdDqW66y0Y2usFeaijdA4M5.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}
/* vietnamese */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/alexandria/v3/UMBXrPdDqW66y0Y2usFeaiLdA4M5.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: 'Alexandria';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/alexandria/v3/UMBXrPdDqW66y0Y2usFeaiPdA4M5.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-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/alexandria/v3/UMBXrPdDqW66y0Y2usFeai3dAw.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;
}
/* arabic */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/alexandria/v3/UMBXrPdDqW66y0Y2usFeaijdA4M5.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}
/* vietnamese */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/alexandria/v3/UMBXrPdDqW66y0Y2usFeaiLdA4M5.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: 'Alexandria';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/alexandria/v3/UMBXrPdDqW66y0Y2usFeaiPdA4M5.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-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/alexandria/v3/UMBXrPdDqW66y0Y2usFeai3dAw.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;
}
/* arabic */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/alexandria/v3/UMBXrPdDqW66y0Y2usFeaijdA4M5.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}
/* vietnamese */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/alexandria/v3/UMBXrPdDqW66y0Y2usFeaiLdA4M5.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: 'Alexandria';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/alexandria/v3/UMBXrPdDqW66y0Y2usFeaiPdA4M5.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-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/alexandria/v3/UMBXrPdDqW66y0Y2usFeai3dAw.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;
}
/* arabic */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/alexandria/v3/UMBXrPdDqW66y0Y2usFeaijdA4M5.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}
/* vietnamese */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/alexandria/v3/UMBXrPdDqW66y0Y2usFeaiLdA4M5.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: 'Alexandria';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/alexandria/v3/UMBXrPdDqW66y0Y2usFeaiPdA4M5.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-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/alexandria/v3/UMBXrPdDqW66y0Y2usFeai3dAw.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;
}
/* arabic */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/alexandria/v3/UMBXrPdDqW66y0Y2usFeaijdA4M5.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}
/* vietnamese */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/alexandria/v3/UMBXrPdDqW66y0Y2usFeaiLdA4M5.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: 'Alexandria';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/alexandria/v3/UMBXrPdDqW66y0Y2usFeaiPdA4M5.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-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/alexandria/v3/UMBXrPdDqW66y0Y2usFeai3dAw.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;
}
/* arabic */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/alexandria/v3/UMBXrPdDqW66y0Y2usFeaijdA4M5.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}
/* vietnamese */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/alexandria/v3/UMBXrPdDqW66y0Y2usFeaiLdA4M5.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: 'Alexandria';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/alexandria/v3/UMBXrPdDqW66y0Y2usFeaiPdA4M5.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-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/alexandria/v3/UMBXrPdDqW66y0Y2usFeai3dAw.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;
}
html[dir="rtl"]:root {
    --font-family: 'Alexandria', sans-serif;
}

html[dir="ltr"]:root {
    --font-family: 'General Sans', sans-serif;
}

:root {
    --uicolor: #006bfb;
    --uicolor2: #006bfb;
    --secondaryui: #ffb91b;
    --fsize: 14px;
    --font-familyen: Rubik;
    --f-number: Alexandria;
    --f-logo: Alexandria;
    --lheight: 1.5;
    --transition-timing-out: out: cubic-bezier(0, 0, 1, 1);
    --transition-timing-in: cubic-bezier(0, 0, 1, 1);
    --largeradius: 19px;
    --miniradius: 15px;
    --margin-v2: 7px;
    --padding: 30px;
    --bg-gr: linear-gradient(-45deg, #f6f6ff, white);
}

body[mode="light"] {
    --textcolor: #041c36;
    --primary-text: #0d1728;
    --secondarytext: #747990;
    --secondarytext-bold: #1f1e87;
    --logo-color: #1f1e87;
    --alinks: #1f1e87;
    --tooltip: #070734d6;
    --bgcolor: #ffffff;
    --bghover: #0505050a;
    --overlaycolor: #181864ab;
    --uioverlaycolor: #2144f00a;
    --diver: #e5eaef;
    --shadow-2: #0003;
    --shadow-1: #0000001a;
    --title-size: 20px;
    --placeholder: #8a8d91;
    --disable-text: #bcc0c4;
    --disable-button: #e4e6eb;
    --positive: #31a24c;
    --negative: #db1133;
    --hover-overlay: #00000008;
    --focused-shadow: 0px 1px 80px var(
    --shadow-1), 0px 9px 10px -10px var(--shadow-2);
    --header-primary-text: #041c36;
    --logoitems-bg: #ffffff;
    --intro-primary-text: var(
    --primary-text);
    --intro-ui-ovelay: #0000000f;
    --intro-hover-overlay: #00000005;
    --intro-uicolor: #1f1e87;
    --offer-text-color: white;
    --top-separator-color: rebeccapurple;
    --bottom-separator-color: var(
    --bgcolor);
    --alphabg: #000000e8;
    --overlay: #ffffff;
    --container-width: 1440px;
    --container-padding--value: 40px;--container-padding: 0 var(
    --container-padding--value);
    --box-shadow-defult: var(
    --diver) 0px 0px 0px 1px, 0px 4px 2px -3px #09234012;
    --box-shadow-hover: #dbdce700 0px 0px 0px 1px,0px 15px 32px -14px #09234012, 0px 4px 2px -3px #09234012;
    --border-defult-hover: #e5eaef52;
    --border-defult: 1px solid #fff;
    --PopoverShadow: 0 12px 20px 0 rgb(0 0 0 / 4%), 0 2px 4px 0 rgb(0 0 0 / 2%), inset 0 0 0 1px rgb(255 255 255 / 60%);
    --whatsapp: #27ae60;
    --transtionValue: 1s;
    --separator: var(--bgcolor);
    --chevron:
    '\f053';
    --plus-icon:
    '\e59e';
    --check-icon:
    "\f00c";
}

* {
    margin: 0px;
    padding: 0px;
    outline: 0px;
    box-sizing: border-box;
    font-family: inherit;
    -webkit-font-smoothing: antialiased;
    word-break: break-word;
    vertical-align: middle;
}

.mail {
    --sociaColor: rgb(136, 136, 136);
}

.messenger {
    --sociaColor: rgb(0, 153, 255);
    --sociaTextColor: white;
}

.twitter {
    --sociaColor: #00aced;
    --sociaTextColor: white;
}

.facebook {
    --sociaColor: #3b5998;
    --sociaTextColor: white;
}

.linkedin {
    --sociaColor: #007AB5;
    --sociaTextColor: white;
}

.googleplus {
    --sociaColor: #DD4C39;
    --sociaTextColor: white;
}

.email {
    --sociaColor: #444;
    --sociaTextColor: white;
}

.whatsapp {
    --sociaColor: #4DC247;
    --sociaTextColor: white;
}

.telegram {
    --sociaColor: #34ADE1;
    --sociaTextColor: white;
}

.viber {
    --sociaColor: #7C529E;
    --sociaTextColor: white;
}

.pinterest {
    --sociaColor: #CB2029;
    --sociaTextColor: white;
}

.tumblr {
    --sociaColor: #32506d;
    --sociaTextColor: white;
}

.hackernews {
    --sociaColor: #FF6700;
    --sociaTextColor: white;
}

.reddit {
    --sociaColor: #CEE3F8;
    --sociaTextColor: #445e7e;
}

.vk {
    --sociaColor: #45668E;
    --sociaTextColor: white;
}

.buffer {
    --sociaColor: #46ABED;
    --sociaTextColor: white;
}

.xing {
    --sociaColor: #006464;
    --sociaTextColor: white;
}

.line {
    --sociaColor: #1DCD00;
    --sociaTextColor: white;
}

.digg {
    --sociaColor: #1B568E;
    --sociaTextColor: white;
}

.pocket {
    --sociaColor: #EE4056;
    --sociaTextColor: white;
}

.stumbleupon {
    --sociaColor: #EB4924;
    --sociaTextColor: white;
}

.flipboard {
    --sociaColor: #E02828;
    --sociaTextColor: white;
}

.weibo {
    --sociaColor: #E6162D;
    --sociaTextColor: white;
}

.renren {
    --sociaColor: #005EAC;
    --sociaTextColor: white;
}

.myspace {
    --sociaColor: #111;
    --sociaTextColor: white;
}

.blogger {
    --sociaColor: #EB8104;
    --sociaTextColor: white;
}

.baidu {
    --sociaColor: #2319DC;
    --sociaTextColor: white;
}

.okru {
    --sociaColor: #EE8208;
    --sociaTextColor: white;
}

.trello {
    --sociaColor: #00aced;
    --sociaTextColor: white;
}

.youtube {
    --sociaColor: #FF0000;
    --sociaTextColor: white;
}

.evernote {
    --sociaColor: #5ba525;
    --sociaTextColor: white;
}

.skype {
    --sociaColor: #00aff0;
    --sociaTextColor: white;
}

body {
    font-family: var(--font-family);
    line-height: 1.2;
    color: var(--primary-text);
    -webkit-font-smoothing: antialiased;
    background: var(--bgcolor);
    font-size: var(--fsize);
}

body, html {
    height: 100%;
}

body::-webkit-scrollbar {
    width: 6px;
}

body::-webkit-scrollbar-thumb {
    background: rgb(10, 23, 42);
    border-radius: 50px;
}

body::-webkit-scrollbar-track {
    background: rgb(249, 249, 249);
}

a {
    color: var(--primary-text);
    text-decoration: none;
    transition: all 180ms ease 0s;
}

img {
    max-width: 100%;
}

::placeholder {
    color: var(--secondarytext);
    font-weight: 300;
}

:focus::placeholder {
    opacity: 0.4;
}

.container {
    padding: var(--container-padding);
    max-width: var(--container-width);
    margin: 0px auto;
}

.container.largerContainer {
    max-width: 1700px;
}

root {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  padding: 135px 0px 0px;
}

.fixedintro root {
    padding-top: 0px;
}

header .container {
    display: flex;
    align-content: center;
    align-items: center;
    position: relative;
    flex-wrap: wrap;
}

.-Header-Fix::before {
    content: "";
    position: absolute;
    width: calc( var(--container-width) - 80px);
    height: 100%;
    background: rgba(255, 255, 255, 0.03);
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    border-radius: var(--largeradius);
    opacity: 0;
    visibility: hidden;
    transition: all 180ms ease 0s;
}

header.fixedintro .-Header-Fix::before {
    opacity: 1;
    visibility: visible;
}

header {
    display: flex;
    place-content: center space-between;
    align-items: center;
    position: fixed;
    top: 0px;
    z-index: 101;
    right: 0px;
    left: 0px;
    transition: all 180ms ease 0s;
    flex-wrap: wrap;
    /* background: white; */
}

header {
    --header-padding: 10px 0px;
    --hover-overlay: #6280ad08;
    --header-bg: #030e21;
    --button-color-text: var( --primary-text);
    --button-color-bg: #f9f9f90a;
    --user-bg-icon: #ffffff0f;
    --user-button-color-text: var( --secondarytext-bold);
    --top-bat-shadow: #00091200;
    --top-header-bg: #e9e9e900;
    --top-header-icon-color: var( --secondarytext);
    --text-top-header-color: var( --secondarytext);
    --text-top-header-color-hover: var( --primary-text);
    --top-h-bg: #fdfdfd;
    --top-header-border: #0000000a;
    --intro-secondarytext: var( --secondarytext);
    --count-bg: var( --negative);
    --count-text: white;
    --count-border: #020f21;
    --bars-background: var( --primary-text);
}

header.fixedintro {
    --intro-primary-text: var(
    --primary-text);
    --header-padding: 25px 0px;
    --hover-overlay: #6280ad1c;
    --header-bg: #ffffff00;
    --button-color-text: #ffffff;
    --button-color-bg: #ffffff08;
    --user-bg-icon: #8585851f;
    --user-button-color-text: white;
    --top-bat-shadow: #0000008f;
    --top-header-bg: radial-gradient(circle, var(
    --primary-text), transparent);
    --top-h-bg: transparent;
    --text-top-header-color-hover: white;
    --top-header-border: #ffffff08;
    --intro-secondarytext: var(
    --secondarytext);
    --count-bg: var(
    --negative);
    --count-text: white;
    --count-border: var(
    --bgcolor);
    --bars-background: white;
}

header::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: white;
    right: 0px;
    transition: all 280ms ease 0s;
    transform: translateY(0px);
    --bx-shw: rgb(0 0 0 / 3%) 0 2px 4px, rgb(5 10 18 / 1%) 0 20px 15px;
    box-shadow: var(--bx-shw);
    opacity: 1;
    visibility: visible;
}

body.before-start header:not(.fixedintro)::before {
    --bx: rgb(0 0 0 / 3%) 0 2px 4px, rgb(0 0 0 / 13%) 0 8px 15px;
    box-shadow: var(--bx);
}

header.fixedintro::before {
    background: none;
    opacity: 0;
    visibility: hidden;
}

header.hidemenu:not(.fixedintro) {
}

body.before-start header:not(.fixedintro) {
}

body.-topBar-open:not(.before-start) header {
    transform: translateY(-67px);
}

header.hidemenu {
    transform: translateY(-100px);
}

body.-topBar-open header.hidemenu {
    transform: translateY(-160px);
}

.--Site--Menu {
    display: flex;
    padding: 0px 30px;
    justify-content: flex-end;
    flex: 1;
}

.--Site--Menu > ul {
    display: flex;
    list-style: none;
    flex: 1 1 0%;
    justify-content: flex-start;
    margin: 0px -8px;
}

.--Site--Menu > ul > li {
    display: flex;
    margin: 0px 5px;
    padding: 5px 0px;
    flex-wrap: wrap;
}

.--Site--Menu > ul > li > a {
    padding: 5px 15px;
    font-weight: 400;
    position: relative;
    font-size: 17px;
    height: 42px;
    border-radius: var(--largeradius);
    display: flex;
    align-content: center;
    align-items: center;
    color: var(--intro-secondarytext);
    flex-wrap: wrap;
    min-width: max-content;
}

.--Site--Menu > ul > li > a:hover {
    color: var(--intro-primart-text);
}

.--Site--Menu > ul > li > a: hover {
    color: white;
}

.--Site--Menu > ul > li.current-menu-item > a, .--Site--Menu > ul > li.current_page_item > a {
    color: var(--intro-primary-text);
    font-weight: 500;
}

.--Site--Menu > ul > li > a: hover {
    color: var(--intro-primary-text);
}

.--Site--Menu > ul > li.-YourColor-Is-SubMenu > a {
    padding: 20px 20px 20px 43px;
}

.--Site--Menu > ul > li > a > em {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    right: 0px;
}

.--Site--Menu > ul > li > a > i {
    margin-left: 7px;
    font-weight: 500;
    transition: all 180ms ease 0s;
    font-size: 18px;
}

.--Site--Menu > ul > li: hover > a > i {
    color: var(--intro-primary-text);
}

.--Site--Menu > ul > li.current-menu-item > a > i, .--Site--Menu > ul > li.current_page_item > a > i {
}

.--Site--Menu > ul > li: hover > a.hoverable::after {
}

.-site-logo {
    margin-left: 0px;
    /* max-width: 100px; */
    transition: 180ms all ease;
}

header.fixedintro .-Header-Fix .-site-logo {
    /* max-width: 160px; */
}

.-site-logo > a {
    display: flex;
    font-size: 40px;
    font-family: var(--f-logo);
    align-items: center;
    flex-direction: row-reverse;
    letter-spacing: 2px;
    justify-content: flex-end;
    font-weight: 700;
    position: relative;
    transition: 180ms all ease;
}

.-site-logo > a:hover {
}

.-site-logo > a > .forst-logo-word {}

.-site-logo > a > .second-logo-word {
    color: var(--uicolor);
    transition: 180ms all ease;
}

.-site-logo > a:hover > .second-logo-word {
}

.-site-logo > a > em {
    font-style: normal;
    border-radius: var(--miniradius);
    color: var(--uicolor2);
    text-transform: capitalize;
}

.--Site--Menu > ul > li > ul.sub-menu {
    position: absolute;
    top: calc(100% + 0px);
    visibility: hidden;
    opacity: 0;
    background: var(--bgcolor);
    transition: all 130ms ease 0s;
    padding: 20px 30px;
    display: block;
    border-radius: var(--miniradius);
    box-shadow: var(--PopoverShadow);
    transform: translateY(10px);
    min-width: 220px;
}

.--Site--Menu > ul > li:hover > ul.sub-menu {
    visibility: visible;
    opacity: 1;
    transform: translateY(0px);
    transition: all 280ms ease 0s;
}

.--Site--Menu > ul > li > ul.sub-menu > li {
    display: flex;
    position: relative;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 5px;
}

.--Site--Menu > ul > li > ul.sub-menu > li:last-child {
    margin-bottom: 0;
}

.--Site--Menu > ul > li > ul.sub-menu > li > ul.sub-menu {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    top: 5px;
    right: calc(100% + 20px);
    background: var(--bgcolor);
    list-style: none;
    padding: 10px;
    min-width: 200px;
    border-radius: var(--miniradius);
    transition: all 130ms ease 0s;
    transform: translateX(10px);
    box-shadow: rgba(12, 59, 116, 0.08) 0px 2px 3px, rgba(15, 97, 199, 0.05) 0px 17px 30px 10px;
}

.--Site--Menu > ul > li > ul.sub-menu > li > ul.sub-menu > li {
    display: flex;
    min-width: max-content;
}

.--Site--Menu > ul > li > ul.sub-menu > li > ul.sub-menu > li > a {
    display: flex;
    position: relative;
    padding: 15px;
    flex: 1 1 0%;
    border-radius: var(--miniradius);
}

.--Site--Menu > ul > li > ul.sub-menu > li:hover > ul.sub-menu {
    visibility: visible;
    opacity: 1;
    transition: all 280ms ease 0s;
    transform: translateX(0px);
}

.--Site--Menu > ul > li > ul.sub-menu > li .-Show-SubMenu-Icon > i {
    transform: rotate(90deg) translateX(-50%);
}

.--Site--Menu > ul > li > ul.sub-menu > li > a {
    display: flex;
    align-content: center;
    align-items: center;
    padding: 10px 0;
    border-radius: var(--miniradius);
    flex: 1 1 0%;
    color: var(--secondarytext-bold);
    font-size: 15px;
}

.--Site--Menu > ul > li > ul.sub-menu > li > a:hover {
    color: white;
}

.--Site--Menu > ul > li > ul.sub-menu > li > a: hover {
    color: white;
}

.--Site--Menu > ul > li > ul.sub-menu > li > a: after {
    display: none;
}

.--Site--Menu > ul > li > ul.sub-menu > li: hover > a {
    color: var(--primary-text);
}

.--Site--Menu > ul > li > ul.sub-menu > li > a: :before, .--Site--Menu > ul > li > ul.sub-menu > li > ul.sub-menu > li > a::before {
    position: relative;
    display: block;
    font-family: "Font Awesome 6 Pro";
    margin-left: 6px;
    height: 12px;
    color: var(--secondarytext);
    transition: all 180ms ease 0s;
    content: var(--chevron-duble);
    font-size: 14px;
    font-weight: 300;
}

.--Site--Menu > ul > li > ul.sub-menu > li: hover > a::before, .--Site--Menu > ul > li > ul.sub-menu > li > ul.sub-menu > li:hover > a::before {
    color: var(--primary-text);
}

ul.sub-menu ul.sub-menu {
}

.--Site--Menu > ul > li: hover > ul.sub-menu {
    visibility: visible;
    opacity: 1;
    transition: all 280ms ease 0s;
    transform: translateY(0px);
}

.-Show-SubMenu-Icon {
    position: relative;
}

.-Show-SubMenu-Icon > i {
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    left: 15px;
    font-size: 13px;
    color: var(--intro-secondarytext);
}

.header--Tools {
    display: flex;
    place-content: center flex-end;
    align-items: center;
    flex-wrap: wrap;
}

.header--Tools > .header--buttons-single-item {
    margin-inline-end: 10px; position: relative;
}

.header--Tools > .header--buttons-single-item > a {
    --element-width: 48px;
    display: flex;
    flex-wrap: wrap;
    height: var(--element-width);
    width: var(--element-width);
    border-radius: var(--largeradius);
    place-content: center;
    align-items: center;
    font-size: 18px;
    transition: all 280ms ease 0s;
    color: var(--button-color-text);
    background: var(--button-color-bg);
    text-align: center;
    position: relative;
    overflow: visible;
}

.header--Tools > .header--buttons-single-item > a::after {
    border-radius: 50%;
}

.header--Tools > .header--buttons-single-item count {
    position: absolute;
    top: -7px;
    right: -10px;
    background: var(--count-bg);
    z-index: 1;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    text-align: center;
    display: flex;
    align-items: center;
    place-content: center;
    flex-wrap: wrap;
    font-size: 12px;
    color: var(--count-text);
    font-weight: 700;
    font-family: var(--f-number);
    border: 3px solid var(--count-border);
    transition: all 180ms ease 0s;
}

.header--Tools > .header--buttons-single-item count:empty {
    visibility: hidden;
    opacity: 0;
}

.header--Tools > .header--buttons-single-item > a > i {
    font-weight: 500;
}

.header--Tools > .whatsapp-button-header > a {
    color: var(--whatsapp-text);
    background: var(--whatsapp-bg);
}

header.fixedintro .header--Tools > .whatsapp-button-header > a > i {
    transform: scale(1.3);
}

.User--MainArea {
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
}

.UserLogo--ControllerMain {
    display: block;
    min-width: 100px;
    max-width: 140px;
    overflow: hidden;
    cursor: pointer;
}

.UserLogo--ControllerMain > .vs-user {
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    user-select: none;
    white-space: nowrap;
    font-weight: 600;
    padding: 7px 7px 7px 12px;
    border-radius: 28px;
    transition: all 180ms ease;
    color: var(--user-button-color-text);
    background: var(--button-color-bg);
}

.UserLogo--ControllerMain:hover > .vs-user {
    color: white;
    background: var(--diver);
}

.UserLogo--ControllerMain > .vs-user > .ProfileUse {
    min-width: 34px;
    height: 34px;
    max-width: 34px;
    margin-inline-end: 8px; display: flex;
    place-content: center;
    align-items: center;
    flex-wrap: wrap;
    font-size: 16px;
    color: var(--user-button-color-text);
    background: var(--user-bg-icon);
    border-radius: 50%;
    --elemnt-width: 100%;
    --element-height: 100%;
    --element-radius: 50%;
    overflow: hidden;
}

.UserLogo--ControllerMain:hover > .vs-user > .ProfileUse {
    color: white;
}

.UserLogo--ControllerMain > .vs-user > span {
    display: block;
    flex: 1 1 0%;
    max-width: calc(100% - 30px);
    overflow: hidden;
    text-overflow: ellipsis;
    user-select: none;
    white-space: nowrap;
    text-transform: capitalize;
    font-weight: 300;
}

.UserBoxLinks {
    display: inline-block;
    width: 320px;
    position: absolute;
    list-style: none;
    visibility: hidden;
    left: -4px;
    top: 60px;
    background: var(--bgcolor);
    box-shadow: var(--PopoverShadow);
    transform: translateY(20px);
    opacity: 0;
    transition: all 0.35s ease 0s;
    z-index: 1000;
    line-height: initial;
    text-align: right;
    border-radius: var(--largeradius);
    padding: 20px 30px;
}

.HeaderCard {
    display: flex;
    width: 100%;
    position: relative;
    height: 65px;
    flex-wrap: wrap;
    border-radius: 8px;
    transition: all 0.35s ease 0s;
}

.HeaderCard > .vs-user {
    display: flex;
    align-content: center;
    align-items: center;
    padding-right: 60px;
    height: 100%;
    overflow: hidden;
    flex-wrap: wrap;
}

.HeaderCard:hover {
}

.HeaderCard:hover > a {
    color: rgb(46, 65, 75);
}

.HeaderCard > .vs-user > .ImageRight {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    place-content: center;
    flex-wrap: wrap;
    font-size: 20px;
    border: 1px solid var(--diver);
}

.HeaderCard > .vs-user > span {
    display: block;
    font-size: 20px;
    min-width: 100%;
    position: relative;
    text-transform: capitalize;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-weight: 400;
}

.HeaderCard > .vs-user > em {
    display: inline-block;
    font-size: 13px;
    min-width: 100%;
    color: var(--secondarytext);
    top: 1px;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 100%;
    font-style: normal;
    font-weight: 200;
}

.LinksBox {
    display: block;
}

.LinksBox > li {
    width: 100%;
    position: relative;
    list-style: none;
}

.LinksBox > li.Logout > a:hover {
    color: var(--negative);
}

.LinksBox > li.Logout > a:hover > i {
    color: var(--negative);
}

.LinksBox > li > a {
    padding: 15px 0;
    font-size: 15px;
    width: 100%;
    display: flex;
    border-radius: var(--miniradius);
    transition: all 180ms ease 0s;
    margin-bottom: 10px;
    align-items: center;
    color: var(--secondarytext-bold);
}

.LinksBox > li> a:hover {
    color: white;
}

.LinksBox > li.Logout > a {
    margin-bottom: 0;
}

.LinksBox > li > a:hover > i {
    color: var(--primary-text);
}

.LinksBox > li > a > i {
    color: var(--secondarytext);
    font-size: 20px;
    margin-inline-end: 13px; width: 28px;
    text-align: center;
    border-radius: 50%;
    display: flex;
    align-items: center;
    place-content: center;
    flex-wrap: wrap;
    transition: all 180ms ease 0s;
}

.MenuHr {
    display: block;
    width: 100%;
    height: 1px;
    background: var(--diver);
    margin: 10px auto;
    position: relative;
    opacity: 0.5;
}

.User--MainArea.active .UserBoxLinks {
    visibility: visible;
    opacity: 1;
    transform: translateY(0px);
}

.header--Tools > .whatsapp-button-header > a > i {
    display: block;
}

.-Btn-Header {
    display: block;
    margin-inline-start: 10px;
}

.-Btn-Header > a {
    display: flex;
    place-content: center flex-start;
    align-items: center;
    border-radius: var(--miniradius);
    padding: 13px 20px;
    position: relative;
    text-align: right;
    color: var(
    --offer-text-color);
    z-index: 1;
    transition: all 180ms ease 0s;
    background: var(
    --uicolor);
    overflow: hidden;
    font-size: 15px;
    flex-wrap: wrap;
    border: 2px solid var(
    --uicolor);
}

.--logout-btn.-Btn-Header > a > i {
    margin-inline-start: 10px;
}

.-Btn-Header > a:hover {
    color: var(--uicolor);
    background: white;
}

.--logout-btn.-Btn-Header > a {
    background: white;
    border-color: var(--primary-text);
    color: var(--primary-text);
}

.--go-to-dashboard.-Btn-Header > a {
}

.-Btn-Header > a > strong {
    font-weight: inherit;
}

@keyframes placeholder {
    0% {
        background-position: 600px 0px;
    }

    100% {
        background-position: -600px 0px;
    }
}

.-YourColor-Widgets-Sections {
    display: block;
    position: relative;
}

.-YourColor-SingleWidget-Section {
    display: block;
    width: 100%;
    position: relative;
}

.-bottom-separator-shows__in + .-YourColor-SingleWidget-Section {
    padding-top: 120px;
}

.-bottom-separator-shows__in {margin-bottom: 60px;}

.-Top-separator-shows__in {
    margin-top: 60px;
}

input[type="text"], input[type="number"], input[type="date"], input[type="email"], input[type="tel"],input[type="password"] {
    display: block;
    min-height: 60px;
    border-radius: var(--miniradius);
    border: 1px solid var(--diver);
    outline: 0px;
    padding: 10px 15px;
    width: 100%;
    flex: 1 1 0%;
    font-size: 14px;
    text-transform: capitalize;
    box-shadow: 0 0 0 !important;
    background: var(--bgcolor);
    font-weight: 400;
}

input[type="password"] {--item-uicolor: var(
    --uicolor);
}
.-PhoneNumber-Field-YC input[type="number"] {
    text-align: left;
    direction: ltr;
}

.-is-necessary input[type="text"] {
    border: 1px solid rgb(153, 18, 41);
}

textarea {
    display: block;
    border-radius: var(--miniradius);
    width: 100%;
    outline: 0px;
    padding: 15px !important;
    border: 1px solid var(--diver);
    flex: 1 1 0%;
    min-height: 100px;
    line-height: 1.5;
    font-size: 16px;
    font-weight: 200;
    background: var(--bgcolor);
    color: white;
}

.-fix-inputs-area {
    margin: 0px 0px 40px;
    flex-flow: column wrap;
    position: relative;
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
}

.-fix-inputs-area .iti__flag {
    margin-inline-end: 7px; }

.iti__flag.iti__us {
}

.-fix-inputs-area .iti--separate-dial-code input[type="tel"] {
    padding-inline-start: 15px; direction: ltr;
}

.-fix-inputs-area .iti--separate-dial-code .iti__selected-flag {
    background: transparent;
    border-inline-start: 1px solid var(--diver); padding-inline-start: 20px;
    border-radius: var(--miniradius) 0 0 var(--miniradius);
}

.-fix-inputs-area .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
}

.-fix-inputs-area .iti--allow-dropdown {
    width: 100%;
    direction: ltr;
    flex: 1 1 0%;
}

.-fix-inputs-area.-for-date-field {
    flex-flow: row wrap;
    align-content: center;
    align-items: center;
}

.-fix-inputs-area.-for-Phone-Number-Field {
}

.-fix-inputs-area.-for-Phone-Number-Field .-fix-forms-field-title {
}

.-fix-forms-field-title {
    display: flex;
    align-content: center;
    align-items: center;
    margin-bottom: 20px;
    flex-wrap: wrap;
    position: relative;
    padding-inline-start: 15px; }

.-password-status {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    border-radius: var(--largeradius);
    font-size: 13px;
    font-weight: 400;
    left: 55px;
    color: var(--item-uicolor);
}

.-input-password-ivid {
    display: flex;
    flex: 1;
    width: 100%;
    position: relative;
}

.-input-password-ivid[passowrd-level] {
}

.-input-password-ivid[passowrd-level="1"],.-input-password-ivid[passowrd-level="0"] {
    --item-uicolor: #e65054;
}

.-input-password-ivid[passowrd-level="2"] {
    --item-uicolor: #f86368;
}

.-input-password-ivid[passowrd-level="3"] {
    --item-uicolor: #f0c33c;
}

.-input-password-ivid[passowrd-level="4"] {
    --item-uicolor: #68de7c;
}

.-input-password-ivid input[type="password"]:focus {
    border-color: var(--item-uicolor);
}

.-input-password-ivid > .-show-password-item {
    position: absolute;
    left: auto;
    top: 50%;
    transform: translateY(-50%);
    color: var(--secondarytext);
    border-radius: var(--miniradius);
    cursor: pointer;
    width: 25px;
    text-align: center;
    transition: 180ms all ease;
    font-size: 20px;
    margin-inline-start: calc(100% - 40px);
    line-height: 0;
}

.-input-password-ivid > .-show-password-item:hover {
    color: var(--primary-text);
}

.-fix-forms-field-title::before {
    content: "";
    position: absolute;
    width: 6px;
    display: block;
    background: rgba(0, 0, 0, 0.06);
    border-radius: 10px;
    height: 16px;
    margin-inline-start: -16px;
    top: 50%;
    transform: translateY(-50%);
    right: auto;
    left: auto;
}

.-fix-inputs-area.-for-date-field .-fix-forms-field-title {
}

.-fix-inputs-area.-Yc-Selected-Field .-fix-forms-field-title {
}

.-fix-inputs-area.-Yc-Selected-Field .-fix-forms-field-title > h2 {
}

.-fix-forms-field-title > h3 {
    font-size: 17px;
    font-weight: 500;
    margin-inline-end: 10px;
    line-height: 1.5;
}

.-fix-forms-field-title > descor {
    position: relative;
    color: rgb(133, 132, 151);
    cursor: pointer;
    display: flex;
    align-content: center;
    align-items: center;
}

.-fix-forms-field-title > descor > i {
    font-weight: 300;
}

necessary {
    display: block;
    min-width: 100%;
    border-radius: var(--miniradius);
    margin-bottom: 10px;
    font-size: 12px;
    color: rgb(153, 18, 41);
    box-sizing: border-box;
}

.-Radio-Box-InnerArea {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -5px;
    flex: 1 1 0%;
}

.-Radio-Box-Item {
    display: flex;
    padding: 17px 50px 17px 20px;
    align-content: center;
    align-items: center;
    margin: 0px 5px 10px;
    border-radius: var(--miniradius);
    flex: 1 1 0%;
    min-width: max-content;
    position: relative;
    overflow: hidden;
    background: rgb(255, 255, 255);
}

.-Radio-Box-Item:hover {
}

.-Radio-Box-Item input[type="radio"] {
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0px;
    top: 0px;
    z-index: 1;
    border-radius: var(--miniradius);
    transition: all 180ms ease 0s;
    background: rgb(255, 255, 255);
    appearance: none;
    cursor: pointer;
    margin: 0px !important;
}

.-Radio-Box-Item input[type="radio"]:checked {
    background: rgba(31, 30, 135, 0.02);
    border-color: rgba(31, 30, 135, 0.2);
}

.-Radio-Box-Item input[type="radio"]:checked + span {
    transform: scale(1.2) translate(0%, -39%);
    background: rgba(31, 30, 135, 0.18);
    box-shadow: rgba(31, 30, 135, 0.02) 0px 0px 0px 3px;
}

.-Radio-Box-Item em {
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 1;
    font-weight: 400;
    font-size: 14px;
    color: rgb(140, 144, 147);
    font-style: normal;
    transition: all 180ms ease 0s;
}

.-Radio-Box-Item:hover em {
    color: rgb(4, 28, 54);
}

.-Radio-Box-Item input[type="radio"]:checked + span + em {
    color: rgb(54, 54, 54);
}

.-Radio-Box-Item span {
    display: block;
    width: 18px;
    height: 18px;
    background: rgb(161, 165, 168);
    border-radius: 50%;
    position: absolute;
    right: 17px;
    transition: all 180ms ease 0s;
    box-shadow: rgba(219, 43, 72, 0) 0px 0px 0px 3px;
    top: 50%;
    transform: translate(0px, -50%);
}

.-Radio-Box-Item:hover > span {
    background: rgb(4, 28, 54);
}

.-Radio-Box-Item span::before {
    content: "";
    position: absolute;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    background: rgb(255, 255, 255);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.19) 1px 1px 2px;
    transition: all 180ms ease 0s;
}

.-Radio-Box-Item input[type="radio"]:checked + span::before {
    background: var(--uicolor);
}

.-Radio-Box-Item input[type="radio" i] {
    border: 1px solid var(--diver);
    background: none;
    outline: 0px;
    box-shadow: 0px 0px;
    z-index: 2;
    display: block;
}

.-Radio-Box-Item input[type="radio"]::before, .-Radio-Box-Item input[type="radio"]:checked::before, .-Radio-Box-Item input[type="radio"]:checked::before {
    content: "";
    display: none;
}

.-CheckBox-Box-InnerArea {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -5px;
}

.-CheckBox-Box-Item {
    display: flex;
    padding: 13px 45px 13px 15px;
    align-content: center;
    align-items: center;
    margin: 0px 5px 10px;
    border-radius: var(--largeradius);
    flex: 1 1 0%;
    min-width: max-content;
    position: relative;
    background: rgb(255, 255, 255);
}

.-CheckBox-Box-Item input[type="checkbox"] {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 2;
    border-radius: var(--largeradius);
    transition: all 180ms ease 0s;
    background: rgba(255, 255, 255, 0);
    box-shadow: 0px 0px 0px;
    display: block;
    appearance: none;
    cursor: pointer;
    width: 100% !important;
    height: 100% !important;
    margin: 0px !important;
    border: 1px solid var(--diver) !important;
}

.-CheckBox-Box-Item input[type="checkbox"]:checked {
    background: rgba(31, 30, 135, 0.02);
    border-color: rgba(31, 30, 135, 0.2);
}

.-CheckBox-Box-Item.Has-ParentChilds {
    min-width: 320px;
}

input[type="checkbox"]:focus, input[type="color"]:focus, input[type="date"]:focus, input[type="datetime-local"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="radio"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, select:focus, textarea:focus {
    outline: 0px !important;
    box-shadow: 0px 0px 0px !important;
    border-color: var(--uicolor2);
}

.-CheckBox-Box-Item input[type="checkbox"]:checked + span {
    transform: scale(1.2) translate(0%, -39%);
    background: rgba(31, 30, 135, 0.16);
    box-shadow: rgba(31, 30, 135, 0.04) 0px 0px 0px 3px;
}

.-CheckBox-Box-Item em {
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 1;
    font-weight: 400;
    font-size: 14px;
    color: rgb(133, 132, 151);
    font-style: normal;
    flex: 1 1 0%;
    transition: all 180ms ease 0s;
}

.-CheckBox-Box-Item:hover em {
    color: rgb(4, 28, 54);
}

.-CheckBox-Box-Item input[type="checkbox"]:checked + span + em {
    color: rgb(4, 28, 54);
}

.-CheckBox-Box-Item span {
    display: block;
    width: 18px;
    height: 18px;
    background: rgb(161, 165, 168);
    border-radius: 30%;
    position: absolute;
    right: 15px;
    transition: all 180ms ease 0s;
    box-shadow: rgba(219, 43, 72, 0) 0px 0px 0px 3px;
    top: 50%;
    transform: translate(0px, -50%);
}

.-CheckBox-Box-Item:hover > span {
    background: rgb(4, 28, 54);
}

.-CheckBox-Box-Item span::before {
    content: "";
    position: absolute;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    background: rgb(255, 255, 255);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 30%;
    transition: all 180ms ease 0s;
}

.-CheckBox-Box-Item span::after {
    content: var(--check-icon);
    position: absolute;
    font-family: "Font Awesome 6 Duotone";
    color: rgb(255, 255, 255);
    font-size: 18px;
    right: -1px;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    transition: all 180ms ease 0s;
    top: 50%;
    transform: translateY(-50%);
}

.-CheckBox-Box-Item input[type="checkbox"]:checked + span::after {
    visibility: visible;
    opacity: 1;
}

.-CheckBox-Box-Item input[type="checkbox"]:checked + span::before {
    background: var(--uicolor);
}

.-CheckBox-Box-Item input[type="radio" i] {
    border: 1px solid var(--diver);
    background: none;
    outline: 0px;
    box-shadow: 0px 0px;
    z-index: 2;
}

.-CheckBox-Box-Item input[type="checkbox"]::before {
    display: none !important;
}

.-YC-Forms-button {
    display: flex;
    justify-content: flex-end;
    margin: 10px 0px 0px;
}

.-YC-Forms-button > .YC-BTN-Forms-Plugin {
    display: block;
    background: var(--positive);
    border: 0px;
    padding: 13px 16px;
    border-radius: var(--largeradius);
    color: rgb(255, 255, 255);
    cursor: pointer;
    margin-right: 5px;
    font-size: 16px;
    font-weight: 300;
}

.-YC-Forms-button > .YC-BTN-Forms-Plugin > i {
    margin: 0px 5px;
}

.-YC-Forms-button > .YC-BTN-Forms-Plugin.Next-Step-Action {
    background: transparent;
    color: rgb(26, 26, 100);
}

.Select-Options-Items {
    display: block;
    min-width: 170px;
    position: relative;
    flex: 1 1 0%;
}

.Select-Options-Items > h2 {
    display: flex;
    padding: 20px 15px;
    justify-content: space-between;
    width: 100%;
    border: 1px solid var(--diver);
    border-radius: var(--miniradius);
    cursor: pointer;
    font-weight: 400;
    height: 60px;
    font-size: 14px;
    align-items: center;
    background: var(--bgcolor);
    overflow: hidden;
}

.Select-Options-Items > h2 > span {
    margin-inline-end: 15px;display: block;
    flex: 1 1 0%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.Select-Options-Items > h2 > span > .-field-select-image {
    margin-left: 10px;
    height: 32px;
    max-width: 32px;
    position: relative;
    overflow: hidden;
    border-radius: var(--miniradius);
    box-shadow: rgba(31, 30, 135, 0.02) 0px 2px 3px, rgba(72, 71, 237, 0.06) 0px 3px 10px;
    min-width: 32px;
    max-height: 32px;
}

.Select-Options-Items > h2 > span > .-field-select-image > img {
    position: absolute;
    min-width: 100%;
    max-width: unset;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    min-height: 100%;
    max-height: 100%;
}

.-Select-DropDown {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    background: rgb(2 14 34);
    box-shadow: rgb(0 0 0 / 2%) 0px 2px 3px, rgb(0 0 0 / 6%) 0px 8px 35px;
    border-radius: var(--miniradius);
    min-width: 240px;
    right: 0px;
    padding: 10px;
    z-index: 90;
    top: calc(100% - -8px);
    max-height: 391px;
    margin: 0px;
    display: flex;
    flex-flow: column wrap;
}

.Select-Options-Items.active .-Select-DropDown {
    visibility: visible;
    opacity: 1;
}

.Select-Options-Items .Lists-Select-Items {
    position: relative;
    min-width: 100%;
    overflow: auto;
    margin: 0px;
    max-height: 265px;
}

.Select-Options-Items .Lists-Select-Items::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

.Select-Options-Items .Lists-Select-Items::-webkit-scrollbar-thumb {
    background: linear-gradient(0deg, transparent 10%, transparent 0%, transparent 90%, transparent 0%);
}

.Select-Options-Items .Lists-Select-Items::-webkit-scrollbar-track {
    background: transparent;
}

.Select-Options-Items .Lists-Select-Items:hover::-webkit-scrollbar-thumb {
    background: linear-gradient(0deg, transparent 10%, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.03) 90%, transparent 0%);
}

.Select-Options-Items .Lists-Select-Items > li {
    display: flex;
    padding: 12px 13px;
    border: 1px solid transparent;
    border-radius: var(--miniradius);
    cursor: pointer;
    transition: all 180ms ease 0s;
    align-content: center;
    align-items: center;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 5px;
}

.Select-Options-Items .Lists-Select-Items > li:hover {
    background: var(--uioverlaycolor);
}

.Select-Options-Items .Lists-Select-Items > li::before {
    content: var(--plus-icon);
    font-family: "Font Awesome 6 Pro";
    font-size: 14px;
    color: var(--secondarytext);
    position: relative;
    margin-left: 10px;
    font-weight: 900;
    display: flex;
    align-content: center;
    align-items: center;
    line-height: 1.6;
}

.Select-Options-Items .Lists-Select-Items > li.active::before {
    color: var(--uicolor);
}

.-Select-Cuntryes-Item .Select-Options-Items .Lists-Select-Items > li::before {
    display: none;
}

.Select-Options-Items .Lists-Select-Items > li.active {
    background: var(--uioverlaycolor);
    border-color: var(--uioverlaycolor);
    color: var(--uicolor);
}

.Select-Options-Items .Lists-Select-Items > li .-field-select-image {
    display: block;
    max-width: 32px;
    min-width: 32px;
    overflow: hidden;
    margin-left: 10px;
    border-radius: 50%;
    height: 32px;
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.12);
    box-shadow: rgba(0, 0, 0, 0.07) 0px 2px 3px, rgba(0, 0, 0, 0.05) 0px 3px 14px;
}

.Select-Options-Items .Lists-Select-Items > li .-field-select-image > img {
    max-height: 100%;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    max-width: unset;
}

.Select-Options-Items .Lists-Select-Items > li > em {
    font-size: 11px;
    color: var(--secondarytext);
    margin-right: 5px;
}

.-fix-inputs-area.-Yc-Selected-Field {
}

switchfield {
    display: block;
    position: relative;
}

switchfield > .Switch {
    display: block;
    width: 130px;
    position: relative;
    background: #e4e6eb0f;
    height: 50px;
    border-radius: 40px;
    color: rgb(133, 132, 151);
    cursor: pointer;
    transition: all 180ms ease 0s;
}

switchfield > .Switch > span, switchfield > .Switch > strong {
    position: absolute;
    width: max-content;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    font-size: 17px;
    font-weight: 300;
    transition: all 180ms ease 0s;
}

switchfield > .Switch > strong {
    right: 15px;
    left: 0px;
    visibility: hidden;
    opacity: 0;
}

switchfield > .Switch > em {
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    transform: translateY(-50%);
    right: 5px;
    background: var(--secondarytext);
    top: 50%;
    transition: all 180ms ease 0s;
}

switchfield > input[type="checkbox"]:checked ~ .Switch > em {
    transform: translate(-80px, -50%);
    background: rgb(255, 255, 255);
}

switchfield > input[type="checkbox"]:checked ~ .Switch > strong {
    visibility: visible;
    opacity: 1;
}

switchfield > input[type="checkbox"]:checked ~ .Switch > span {
    visibility: hidden;
    opacity: 0;
}

switchfield > input[type="checkbox"]:checked ~ .Switch {
    background: var(--uicolor);
    color: white;
}

switchfield > input[type="checkbox"] {
    position: absolute;
    width: 100%;
    height: 100%;
    background: none;
    box-shadow: 0px 0px 0px;
    z-index: 1;
    top: 0px;
    right: 0px;
    left: 0px;
    display: block;
    appearance: none;
    cursor: pointer;
    border: 0px !important;
}

.-PhoneNumber-Field-YC {
    flex: 1 1 0%;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.-Select-Field-Code {
    display: block;
    position: relative;
    margin-left: 15px;
    max-width: 180px;
    min-width: 180px;
}

.-select-Code-number-title {
    display: flex;
    place-content: center space-between;
    width: 100%;
    border: 1px solid var(--diver);
    border-radius: var(--miniradius);
    cursor: pointer;
    height: 60px;
    align-items: center;
    background: rgb(255, 255, 255);
    box-sizing: border-box;
    margin: 0px;
    overflow: hidden;
    padding: 20px 15px !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: unset !important;
}

.-select-Code-number-title > span {
    margin-left: 10px;
    display: flex;
    place-content: center flex-start;
    align-items: center;
    flex: 1 1 0%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 100%;
}

.-select-Code-number-title > span > span {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    justify-content: flex-start;
    display: block;
}

.-select-Code-number-title > span em {
    font-style: unset;
    font-size: 11px;
}

.-select-Code-number-title > span > .-field-select-image {
    margin-left: 10px;
    height: 32px;
    min-width: 32px;
    position: relative;
    overflow: hidden;
    border-radius: var(--miniradius);
    box-shadow: rgba(31, 30, 135, 0.02) 0px 2px 3px, rgba(72, 71, 237, 0.06) 0px 3px 10px;
}

.-select-Code-number-title > span > .-field-select-image > img {
    position: absolute;
    min-width: 100%;
    max-width: unset;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    min-height: 100%;
    max-height: 100%;
}

.-Select-DropDown-PoneNumber {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    background: rgb(255, 255, 255);
    box-shadow: rgba(31, 30, 135, 0.02) 0px 2px 3px, rgba(72, 71, 237, 0.06) 0px 8px 35px;
    border-radius: var(--largeradius);
    min-width: 250px;
    right: 0px;
    padding: 10px;
    z-index: 90;
    top: calc(100% - -8px);
    max-height: 390px;
    margin: 0px;
    display: flex;
    flex-flow: column wrap;
}

.-Select-Field-Code.active .-Select-DropDown-PoneNumber {
    visibility: visible;
    opacity: 1;
}

.-Select-DropDown-PoneNumber .Lists-Select-Items-PoneNumber {
    position: relative;
    min-width: 100%;
    overflow: auto;
    margin: 0px;
    max-height: 265px;
}

.Lists-Select-Items-PoneNumber > li:hover {
    background: rgb(244, 244, 244);
    color: rgb(4, 28, 54);
}

.Lists-Select-Items-PoneNumber > li.active {
    background: rgb(243, 243, 255);
    border-color: rgba(31, 30, 135, 0.02);
    color: var(--uicolor);
}

.Lists-Select-Items-PoneNumber > li {
    display: flex;
    padding: 12px 13px;
    border: 1px solid transparent;
    border-radius: var(--miniradius);
    cursor: pointer;
    transition: all 180ms ease 0s;
    align-content: center;
    align-items: center;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 5px;
}

.Lists-Select-Items-PoneNumber > li em {
    color: rgb(70, 70, 70);
    font-style: normal;
}

.Lists-Select-Items-PoneNumber > li .-field-select-image {
    display: block;
    max-width: 32px;
    min-width: 32px;
    overflow: hidden;
    margin-left: 10px;
    border-radius: 50%;
    height: 32px;
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.12);
    box-shadow: rgba(0, 0, 0, 0.07) 0px 2px 3px, rgba(0, 0, 0, 0.05) 0px 3px 14px;
}

.Lists-Select-Items-PoneNumber > li .-field-select-image > img {
    max-width: unset;
    max-height: 100%;
    min-height: 100%;
    position: absolute;
}

.Lists-Select-Items-PoneNumber:hover::-webkit-scrollbar-thumb {
    background: linear-gradient(0deg, transparent 10%, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.03) 90%, transparent 0%);
}

.Lists-Select-Items-PoneNumber::-webkit-scrollbar-thumb {
    background: linear-gradient(0deg, transparent 10%, transparent 0%, transparent 90%, transparent 0%);
}

.Lists-Select-Items-PoneNumber::-webkit-scrollbar-track {
    background: transparent;
}

.Lists-Select-Items-PoneNumber::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}
.-select--posts--top-area {
    display: flex;
    align-items: stretch;
    border-radius: var(--largeradius);
    flex-direction: column;
    width: 100%;
}
.--result-my-fix-posts-select {
    /* display: none; */
    width: 0;
    align-items: center;
    overflow: hidden;
    border-radius: var(--largeradius);
    background: #f5faff;
    height: 0;
}
.-Your-selected-title {
    min-width: 100px;
    max-width: 100px;
    font-size: 22px;
    line-height: 1.3;
    margin-inline-end: 40px;
    font-weight: 400;
    color: var(--primary-text);
}
.-scroller-slider-findors-UL {
    display: block;
    flex: 1;
    overflow: hidden;
    margin: -20px;
    position: relative;
}
.-fix-selcted-items {
    display: flex;
    flex-wrap: nowrap;
    max-width: 100%;
    overflow: auto;
    padding: 20px;
}
.-result-searching-too {
    display: block;
    margin-top: 30px;
    font-size: 23px;
    color: var(--secondarytext);
}

.-result-searching-too:empty {
    display: none;
    margin-top: 0;
}
.-searching--result--selected {
    display: flex;
    background: #ffffff;
    margin: -10px;
    flex-wrap: wrap;
    margin-top: 10px;
}

.-searching--result--selected .-currrent-single-elements:last-child {margin-bottom: 0;}
.--platforms-select-Box.active {color: var(--uicolor);border-color: var(--uicolor);}
.--platforms-select-Box {
    display: flex;
    padding: 25px;
    background: white;
    margin: 15px;
    border-radius: var(--largeradius);
    position: relative;
    align-items: center;
    cursor: pointer;
    transition: 80ms all ease;
    border: var(--border-defult);
    box-shadow: var(--box-shadow-defult);
    flex: 1;
    min-width: max-content;
    font-size: 18px;
    color: var(--secondarytext);
}

.--platforms-select-Box:not(.active):hover {
    border-color: var(--border-defult-hover);
    box-shadow: var(--box-shadow-hover);
    transition: 280ms all ease;
    color: var(--primary-text);
}
.-searching--result--selected .--platforms-select-Box {
    margin: 10px;
}
.-aps--tools-action {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 1;
    cursor: pointer;
    display: none;
}
.-searching--result--selected .--platforms-select-Box .-aps--tools-action {
    display: block;
}
.Thumb--II {
    display: flex;
    --elem-w: 40px;
    min-width: var(--elem-w);
    max-width: var(--elem-w);
    height: var(--elem-w);
    position: relative;
    overflow: hidden;
    border-radius: var(--miniradius);
    background: #f7f7f7;
    margin-inline-end: 15px;
    align-items: center;
    justify-content: center;
}

.--platforms-select-Box.active .Thumb--II {
    color: var(--secondarytext);
--elem-w: 38px;
}

.Thumb--II > .-avatar-append-image {
    display: block;
}

.Thumb--II > .-avatar-append-image > i {
    font-style: normal;
}
.--platforms-select-Box-box-title {
    flex: 1;
    display: block;
    overflow: hidden;
}
.--platforms-select-Box > .--platforms-select-Box-box-title> a {
    display: block;
    text-decoration: none;
    font-size: 19px;
    color: var(--secondarytext) !important;
    z-index: 2;
    font-weight: 400;
    transition: 180ms all ease;
    line-height: 1.4;
    text-overflow: ellipsis;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
}
.--platforms-select-Box.active > .--platforms-select-Box-box-title> a {
    color: var(--primary-text) !important;
    font-size: 18px;
}
.-remove-custom-post-select-tools {
    display: flex;
    margin-inline-start: 15px;
    font-size: 20px;
    color: var(--secondarytext);
    z-index: 2;
    cursor: pointer;
    transition: 180ms all ease;
    min-width: 38px !important;
    max-width: 38px !important;
    text-align: center;
    border-radius: 50%;
    overflow: hidden;
    opacity: 0.6;
    box-sizing: border-box;
    max-height: 38px !important;
    min-height: 38px !important;
    justify-content: center;
    align-items: center;
}
.-searching--result--selected .-remove-custom-post-select-tools {
    display: none;
}
.AjaxSearchCenter {
    display: flex;
    align-content: center;
    align-items: center;
    border-bottom: 1px solid var(--diver);
    margin-bottom: 10px;
    padding: 0px 10px;
}

.-fix-inputs-area .AjaxSearchCenter input[type="text"] {
    min-height: 50px;
    border-top: 0px !important;
    border-right: 0px !important;
    border-left: 0px !important;
    border-image: initial !important;
    border-bottom: 0px solid var(--diver) !important;
    border-radius: 0px !important;
    padding: 0px 10px !important;
}

.AjaxSearchCenter::before {
    content: var(--check-icon);
    position: relative;
    display: block;
    font-size: 25px;
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    margin-left: 4px;
}

.dis {
    display: none;
}

.GotoTop {
    float: right;
    width: 70px;
    height: 70px;
    z-index: 10998;
    color: var(--secondarytext);
    cursor: pointer;
    position: fixed;
    bottom: 40px;
    transform-origin: center bottom;
    transform: translate(0%, 200%);
    transition: all 200ms cubic-bezier(0.21, 0.12, 0.02, 0.99) 0s;
    border-radius: 50%;
    right: 40px;
    display: flex;
    place-content: center;
    align-items: center;
    background: var(--whatsapp);
    --bx-item: -4px -2px 16px 0px #00000000, 4px 2px 16px 0px rgb(0 0 0 / 3%);
    box-shadow: var(--bx-item);
    border: 2px solid var(--whatsapp);
}

.GotoTop > a {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 39px;
    position: relative;
}

.GotoTop:hover > a {
    color: var(--whatsapp);
}

.GotoTop > a::before, .GotoTop > a::after {
    content: "";
    display: block;
    position: absolute;
    border: 2px solid var(--whatsapp);
    inset: -20px;
    border-radius: 50%;
    animation: 1.5s linear 0s infinite normal none running animate;
    opacity: 0;
}

.GotoTop:hover > a::before, .GotoTop:hover > a::after {
    animation: unset;
}

.GotoTop > a::after {
    animation-delay: 0.5s;
}

@-webkit-keyframes animate {
    0% {
        transform: scale(0.5);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}

@keyframes animate {
    0% {
        transform: scale(0.5);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}

.GotoTop > a > i {
    height: 42px;
}

.GotoTop.visible {
    transform: translate(0%, 0%);
}

.GotoTop:hover {
    opacity: 1;
    --bx-item: -4px -2px 16px 0px #00000000, 4px 10px 23px 6px rgb(0 0 0 / 2%);
    transform: translate(0%, -1px);
    background: white;
}

.-Yc-TopBar {
    display: flex;
    width: 100%;
    position: relative;
    justify-content: center;
    padding: 15px 0px;
}

.-Yc-TopBar .container {
    flex: 1 1 0%;
}

.-Header-Fix {
    width: 100%;
    padding: var(--header-padding);
    display: block;
    position: relative;
}

.Usersarea {
    display: flex;
}

.Usersarea > .-PhoneNumber {
    margin: 0px 10px 0px 0px;
    color: rgb(37, 211, 102);
    font-size: 20px;
}

.Usersarea > .-PhoneNumber > span {
    font-weight: 300;
}

.Usersarea > .-PhoneNumber > i {
    margin-left: 10px;
    font-size: 25px;
    font-weight: 100;
}

.Usersarea > .-PhoneNumber > a {
    color: rgb(255, 255, 255);
}

.Usersarea > a {
    display: flex;
    place-content: center;
    align-items: center;
    padding: 10px 15px;
    border-radius: var(--largeradius);
    color: var(--secondarytext);
}

.Bar-Left-InTOpBar {
    display: flex;
    align-content: center;
    align-items: center;
}

.YourColor-IntroBoxes {
    display: flex;
    position: relative;
    margin: 0px;
    align-items: stretch;
}

.animation-hidden {
    visibility: hidden;
    opacity: 0;
}

@-webkit-keyframes bounceOut {
    20% {
        transform: scale3d(0.9, 0.9, 0.9);
    }

    50%, 55% {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1);
    }

    100% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

@keyframes bounceOut {
    20% {
        transform: scale3d(0.9, 0.9, 0.9);
    }

    50%, 55% {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1);
    }

    100% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

@-webkit-keyframes flipOutX {
    0% {
        transform: perspective(400px);
    }

    30% {
        opacity: 1;
        transform: perspective(400px) rotateX(-20deg);
    }

    100% {
        opacity: 0;
        transform: perspective(400px) rotateX(90deg);
    }
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px);
    }

    30% {
        opacity: 1;
        transform: perspective(400px) rotateX(-20deg);
    }

    100% {
        opacity: 0;
        transform: perspective(400px) rotateX(90deg);
    }
}

@-webkit-keyframes flipInX {
    0% {
        animation-timing-function: ease-in;
        opacity: 0;
        transform: perspective(400px) rotateX(90deg);
    }

    40% {
        animation-timing-function: ease-in;
        transform: perspective(400px) rotateX(-20deg);
    }

    60% {
        opacity: 1;
        transform: perspective(400px) rotateX(10deg);
    }

    80% {
        transform: perspective(400px) rotateX(-5deg);
    }

    100% {
        transform: perspective(400px);
    }
}

@keyframes flipInX {
    0% {
        animation-timing-function: ease-in;
        opacity: 0;
        transform: perspective(400px) rotateX(90deg);
    }

    40% {
        animation-timing-function: ease-in;
        transform: perspective(400px) rotateX(-20deg);
    }

    60% {
        opacity: 1;
        transform: perspective(400px) rotateX(10deg);
    }

    80% {
        transform: perspective(400px) rotateX(-5deg);
    }

    100% {
        transform: perspective(400px);
    }
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }

    100% {
        opacity: 0;
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes slideOutDown {
    0% {
        transform: translateZ(0px);
    }

    100% {
        transform: translate3d(0px, 100%, 0px);
        visibility: hidden;
    }
}

@keyframes slideOutDown {
    0% {
        transform: translateZ(0px);
    }

    100% {
        transform: translate3d(0px, 100%, 0px);
        visibility: hidden;
    }
}

@-webkit-keyframes slideInDown {
    0% {
        transform: translate3d(0px, -100%, 0px);
        visibility: visible;
    }

    100% {
        transform: translateZ(0px);
    }
}

@keyframes slideInDown {
    0% {
        transform: translate3d(0px, -100%, 0px);
        visibility: visible;
    }

    100% {
        transform: translateZ(0px);
    }
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        transform: translateY(800px);
    }

    60% {
        opacity: 1;
        transform: translateY(0px);
    }

    80% {
        transform: translateY(0px);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        transform: translateY(800px);
    }

    60% {
        opacity: 1;
        transform: translateY(800px);
    }

    80% {
        transform: translateY(10px);
    }

    100% {
        transform: translateY(0px);
    }
}

@-webkit-keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, 100% {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        transform: scale3d(0.97, 0.97, 0.97);
    }

    100% {
        opacity: 1;
        transform: scaleX(1);
    }
}

@keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, 100% {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        transform: scale3d(0.97, 0.97, 0.97);
    }

    100% {
        opacity: 1;
        transform: scaleX(1);
    }
}

@-webkit-keyframes slideInRight {
    0% {
        opacity: 0;
        transform: translateX(800px);
    }

    100% {
        transform: translateX(0px);
    }
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        transform: translateX(800px);
    }

    100% {
        opacity: 1;
        transform: translateX(0px);
    }
}

@-webkit-keyframes slideInLeft {
    0% {
        opacity: 0;
        transform: translateX(-800px);
    }

    100% {
        transform: translateX(0px);
    }
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        transform: translateX(-800px);
    }

    100% {
        transform: translateX(0px);
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translateY(-800px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translateY(-800px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translateY(800px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translateY(800px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        transform: translateX(0px);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        transform: translateX(0px);
    }
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translateX(-800px);
    }

    100% {
        opacity: 1;
        transform: translateX(0px);
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translateX(-800px);
    }

    100% {
        opacity: 1;
        transform: translateX(0px);
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        transform: translateX(0px);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        transform: translateX(0px);
    }
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translateX(800px);
    }

    100% {
        opacity: 1;
        transform: translateX(0px);
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translateX(800px);
    }

    100% {
        opacity: 1;
        transform: translateX(0px);
    }
}

.YC-Animation-Item {
    animation-name: var(--animation-name);
    animation-duration: var(--animation-duration);
    animation-delay: var(--animation-delay);
}

.-YC-Widgets-Inner-Row {
    overflow: hidden;
    padding: 80px 0px;
}

.-bottom-separator-shows__in .-YC-Widgets-Inner-Row {
    padding-bottom: 40px;
}

.owl-rtl .owl-item {
    float: right;
}

.owl-item {
    display: inline-block;
    vertical-align: top;
}

title--tooltip {
    position: fixed;
    background: rgba(0, 5, 14, 0.77);
    padding: 5px 10px;
    border-radius: var(--miniradius);
    color: rgb(255, 255, 255);
    font-size: 13px;
    max-width: 250px;
    font-weight: 400;
    line-height: 1.6;
    z-index: 20000;
}

title--tooltip.social-tooltip {
    min-width: max-content;
    padding: 15px;
}

.-YC-Icon-Buttons {
    display: flex;
    max-width: max-content;
    place-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 0px 15px;
    position: relative;
    height: 20px;
    --inset-uicolor: var(--uicolor2);
}

:hover > btn-icon.-YC-Icon-Buttons > em {
    opacity: 0;
}

:hover > btn-icon.-YC-Icon-Buttons > span {
    width: 50px;
}

verified {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    background: rgb(44, 134, 253);
    color: white;
    border-radius: 50%;
    font-size: 8px;
    text-align: center;
    line-height: 18px;
    margin-inline-start: 5px; }

.YC-BreadCrumb {
    display: block;
}

.YC-BreadCrumb > ol {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    align-content: center;
    align-items: center;
}

.YC-BreadCrumb > ol > li {
    display: block;
}

.YC-BreadCrumb > ol > i {
    margin: 0px 10px;
    font-size: 14px;
    font-weight: 300;
    color: var(--secondarytext);
    height: 11px;
}

.YC-BreadCrumb > ol > i:last-of-type {
    display: none;
}

.container-pages-head .YC-BreadCrumb > ol > i:last-of-type {
    display: block;
}

.YC-BreadCrumb > ol > li > a {
    display: flex;
    font-size: 15px;
    padding: 0px;
    color: var(--secondarytext);
    font-weight: 300;
    text-transform: uppercase;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.YC-BreadCrumb > ol > li > a > span {
    display: flex;
    flex-wrap: wrap;
}

.YC-BreadCrumb > ol > li > a > span > i {
    margin-inline-end: 5px; }

.-fix-inputs-area.-is-necessary textarea, .-fix-inputs-area.-is-necessary input {
    animation: 1.5s ease 0s 1 normal none running is-necessary;
}

@keyframes is-necessary {
    0% {
        border-color: var(--diver);
    }

    40% {
        border-color: var(--negative);
    }

    60% {
        border-color: var(--diver);
    }

    70% {
        border-color: var(--negative);
    }

    80% {
        border-color: var(--diver);
    }

    100% {
        border-color: var(--negative);
    }
}

.Context--overlays {
    position: fixed;
    top: 0px;
    right: 0px;
    width: 100%;
    perspective: 1000px;
    z-index: 10999;
    height: 100%;
}

.Context--overlays.loading > .Boxed--Context---overlays {
    width: 100%;
}

.Backdrop--Context---overlays {
    height: 100%;
    background: var(--alphabg);
    position: fixed;
    top: 0px;
    width: 100%;
    right: 0px;
    overflow: hidden;
    z-index: -1;
}
.Parent-Boxed--Context---overlays {
    position: relative;
    background: var(--bgcolor);
    box-shadow: 0 12px 28px 0 var(--shadow-2), 0 2px 4px 0 var(--shadow-1), inset 0 0 0 1px var(--shadow-inset);
    border-radius: var(--largeradius);
    transition: 200ms all var(--transition-timing-in);
    display: flex;
}

.Parent-Boxed--Context---overlays.--ActionType--SetProfileImage {
}

.Parent-Boxed--Context---overlays.--ActionType--Login {
    width: 480px;
}

.Parent-Boxed--Context---overlays.-Current-popover-item {
    animation: popover-out-animation var(--animation-duration);
    opacity: 0;
}

@keyframes popover-out-animation {
    100% {
        opacity: 0;
        transform: translateX(-2000px) scale(0.7);
    }

    20% {
        opacity: 0.7;
        transform: translateX(0px) scale(0.7);
    }

    0% {
        opacity: 1;
        transform: scale(1);
    }
}

.Parent-Boxed--Context---overlays:not(.In-popoverLoaded):not(.-Current-popover-item) {
}

@keyframes popover-in-animation {
    100% {
        opacity: 1;
        transform: scale(1);
    }

    20% {
        opacity: 0.7;
        transform: translateX(0px) scale(0.7);
    }

    0% {
        opacity: 0.7;
        transform: translateX(2000px) scale(0.7);
    }
}

.Boxed--Context---overlays {
    min-width: 400px;
    position: relative;
    transition: all 0.3s ease 0s;
    direction: rtl;
    margin: 0px auto;
    display: flex;
    flex-flow: column wrap;
    flex: 1 1 0%;
}

.OverParent-Boxed--Context---overlays {
    padding: 0px 40px;
    position: absolute;
    top: 0px;
    right: 50%;
    height: 100%;
    transform: translate(50%, 0px);
}

.title--Context---overlays {
    position: relative;
    padding: 40px 40px 30px;
    display: flex;
    place-content: center space-between;
    align-items: center;
    flex-wrap: wrap;
    border-radius: var(--largeradius) var(--largeradius) 0 0;
    margin-top: -3px;
}

.Close--title---Context----overlays {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    color: var(--secondarytext);
    text-align: center;
    display: flex;
    place-content: center;
    align-items: center;
    flex-wrap: wrap;
    cursor: pointer;
    z-index: 1;
    font-size: 24px;
    transition: all 180ms ease 0s;
}

.title--Context---overlays .Close--title---Context----overlays {
}

.Close--title---Context----overlays.absolute--closse {
    position: absolute;
    left: 25px;
    top: 25px;
}

.Close--title---Context----overlays:hover {
    color: var(--negative);
}

.title--Context---overlays > strong {
    font-size: 25px;
    flex: 1 1 0%;
    font-weight: 400;
}

.title--Context---overlays > strong.center {
    display: block;
    text-align: center;
    margin-left: -44px;
    font-size: 20px;
}

@keyframes loaderbg {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.title--Context---overlays > loader::after {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    opacity: 0;
    width: 100%;
    height: 100%;
    background: var(--hover-overlay);
    border-radius: 50px;
    animation: 2s ease 0s infinite normal none running loaderbg;
}

.title--Context---overlays > loader::after {
    background: rgba(255, 255, 255, 0.08);
}

.title--Context---overlays > loader {
    display: block;
    height: 22px;
    background: var(--bghover);
    border-radius: 50px;
    width: 120px;
    position: relative;
    flex: 1 1 0%;
    margin-inline-end: 30px; }

span.Close--title---Context----overlays::after {
    background: var(--hover-overlay);
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    opacity: 0;
    content: "";
    height: 100%;
    border-radius: 50%;
    transition: 200ms all var(--transition-timing-in);
}

.inner--Context---overlays {
    padding: 40px;
    position: relative;
    min-height: 140px;
    flex: 1 1 0%;
    display: flex;
    justify-content: center;
}

.inner--Context---overlays > form {
    display: block;
    flex: 1 1 0%;
    margin: -40px;
    padding: 40px;
    overflow: auto;
}

.Loading--Context---overlays > em::after {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    opacity: 0;
    width: 100%;
    height: 100%;
    background: var(--hover-overlay);
    border-radius: 50px;
    animation: 2s ease 0.4s infinite normal none running loaderbg;
}

.Loading--Context---overlays > em:last-child::after {
    animation: 2s ease 0.4s infinite normal none running loaderbg;
}

.Loading--Context---overlays {
    width: 100%;
}

.Loading--Context---overlays > em {
    display: block;
    height: 22px;
    background: var(--bghover);
    border-radius: 50px;
    margin-bottom: 15px;
    position: relative;
}

.Context--overlays.loading-popover-for--Login .Loading--Context---overlays > em {
    width: 210px;
    margin: 0px auto 15px;
    height: 28px;
}

.Context--overlays.loading-popover-for--Login .Loading--Context---overlays > em:nth-child(2), .Context--overlays.loading-popover-for--Login .Loading--Context---overlays > em:nth-child(3) {
    width: auto;
    height: 20px;
}

.Loading--Context---overlays > em:last-child {
    width: 190px;
    margin-bottom: 0px;
}

.OverParent-Innet--Context {
    max-height: calc(100% - 50px);
    top: 50%;
    transform: translate(0%, -50%);
    display: flex;
    position: relative;
    justify-content: center;
}

.-defult-widgets-title-style-1 {
    display: flex;
    max-width: 800px;
    margin: 0px auto 80px;
    flex-flow: column wrap;
    place-content: center;
    align-items: center;
    text-align: center;
    position: relative;
}

.-defult-widgets-title-style-1 h1 {
    font-size: 43px;
    font-weight: 700;
    line-height: 1.6;
    text-align: center;
    color: var(--primary-text);
}

.-defult-widgets-title-style-2 h1 {
    font-size: 45px;
    font-weight: 500;
    line-height: 1.4;
    text-align: center;
    color: var(--primary-text);
}

.-defult-widgets-title-style-1 .P-content {
    max-width: 600px;
    text-align: center;
    margin: 20px auto 0px;
    color: var(--secondarytext);
    font-weight: 200;
    font-size: 19px;
    line-height: 1.5;
}

.-defult-widgets-title-style-2 .P-content {
    max-width: 430px;
    text-align: right;
    margin: 10px auto 0px;
    color: var(--secondarytext);
    font-weight: 300;
    font-size: 17px;
    line-height: 1.4;
}

.-defult-widgets-title-style-1 h1 c--color {
    font-weight: 600;
}

.-defult-widgets-title-style-1 h4 {
    font-weight: 400;
    font-size: 26px;
    margin-bottom: 15px;
    color: var(--uicolor);
    line-height: 1.4;
}

.-defult-widgets-title-style-2 h1 c--color {
    font-weight: 600;
}

.-defult-widgets-title-style-2 h4 {
    font-weight: 400;
    font-size: 20px;
    margin-bottom: 15px;
    color: var(--uicolor);
}

.-defult-widgets-title-style-2 {
    display: flex;
    max-width: 750px;
    margin: 0px auto 60px;
    flex-flow: column wrap;
    place-content: flex-start center;
    align-items: flex-start;
}

.zigzag {
    display: block;
    height: 23px;
    position: relative;
    z-index: 1;
    --zigaz-uicolor: #fff;
    --zigzag-width: 70px;
}

.zigzag.css-Bottom-separator {}

.zigzag::after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: var(--zigzag-width);
    left: 0px;
    bottom: -47px;
    background: linear-gradient(45deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 75%, var(--zigaz-uicolor) 75%, var(--zigaz-uicolor)), linear-gradient(315deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 75%, var(--zigaz-uicolor) 75%, var(--zigaz-uicolor));
    background-position: 0 0, 0 0;
    background-size: var(--zigzag-width);
}

.zigzag.css-Bottom-separator::after {
    transform: rotate(180deg) translateY(47px);
}

.-Post-box-single-item {
    display: flex;
    position: relative;
    padding: 25px;
    flex-direction: column;
    box-shadow: var(--box-shadow-defult);
    border: var(--border-defult);
    margin: 0px 20px;
    border-radius: var(--largeradius);
    transition: all 250ms ease 0s;
    max-width: 430px;
    flex: 1 1 0%;
    background: white;
}

.-Post-box-single-item:hover {
    box-shadow: var(--box-shadow-hover);
    border-color: var(--border-defult-hover);
    transform: translate(0px, -1px);
    transition: all 80ms ease 0s;
}

.-Post-box-single-item > a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    right: 0px;
    z-index: 1;
}

.-Post-box-item-Thumb {
    display: block;
    position: relative;
    padding-bottom: 68%;
    overflow: hidden;
    border-radius: var(--largeradius);
    margin-bottom: 25px;
}

.-Post-box-item-Thumb > img {
    position: absolute;
    min-height: 100%;
    max-width: unset;
    max-height: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
}

.-Post-box-item-Info {
    display: block;
}

.-sidebar-related-title-posts-items .-Post-box-item-Info {
    padding: 0px 5px;
}

.-Post-box-item-Info > .-P-content {
    font-size: 16px;
    line-height: 1.6;
    color: var(--secondarytext);
    font-weight: 200;
    margin-bottom: 30px;
}

.-sidebar-related-title-posts-items .-Post-box-single-item .-Post-box-item-Info > .-P-content {
    display: none;
}

.-Post-box-item-Info > .-P-content > a {
    position: relative;
    z-index: 2;
    color: var(--secondarytext-bold);
}

.-Post-box-item-Info > h2 {
    display: block;
    font-size: 22px;
    line-height: 1.5;
    margin-bottom: 10px;
}

.-sidebar-related-title-posts-items .-Post-box-item-Info > h2 {
    font-size: 20px;
    margin-bottom: 30px;
}

.-Post-box-item-context {
    display: block;
}

.-Post-box-item-context > ul {
    display: flex;
    list-style: none;
}

.-Post-box-item-context > ul > li {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
    margin-inline-start: 20px; font-size: 14px;
}

.-Post-box-item-context > ul > li > i {
    margin-inline-end: 10px; color: var(--secondarytext);
}

.-Post-box-item-context > ul > li > strong {
    font-weight: 200;
}

.-Post-box-item-context > ul > li:first-child {
    flex: 1 1 0%;
    margin-inline-start: 0px; }

footer {
    display: block;
    padding: 40px 0px 40px;
    background: rgb(255 255 255);
    position: relative;
}

footer > .container {
    display: block;
    flex-direction: column;
}

footer-body {
    display: flex;
    align-items: flex-start;
    place-content: flex-start space-between;
    flex-wrap: wrap;
    padding: 60px;
    border-radius: 40px;
    box-shadow: 0 0 #0000, 0 0 #0000, 0px 60px 120px -20px #ebf3fd;
    margin-bottom: 30px;
}

.-footer-widgets-single {
    margin: 0px 0px;
    min-width: 180px;
    display: block;
    overflow: hidden;
    position: relative;
    margin-inline-end: 60px;
}

.-footer-widgets-single.-current-widgets-payments {margin: 0;}

.-footer-widgets-single.-current-widgets-menu1 {
}

.-current-widgets-contact {
    padding: 0px;
    min-width: 220px;
    margin-inline-end: 0;
}

.-current-widgets-contact > .container {
}

.-footer-widgets-single.-current-widgets-logo {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.-footer__logo {
    display: block;
    margin-bottom: 20px;
}

.-footer__logo > a, .-footer__logo > a img {
    height: 100%;
}

.-footer__logo > a, .-footer__logo > a img {
    height: 100%;
}

.-company-contact-minibox {
    display: block;
    list-style: none;
}
.-company-contact-minibox > li {
    padding: 10px 0;
    position: relative;
}

.-company-contact-minibox > li > a {
    display: flex;
    align-content: flex-start;
    align-items: center;
    color: var(--primary-text);
    flex-wrap: wrap;
    font-weight: 400;
    font-size: 14px;
}

.-company-contact-minibox > li:before {
    content: '';
    width: 22px;
    height: 36px;
    background: #ffffff00;
    border-radius: 13px;
    position: absolute;
    transform: rotate(5deg);
    top: 2px;
    right: -5px;
}
.-company-contact-minibox > li > a > i {
    margin-inline-end: 11px;
    font-size: 25px;
    color: var(--sociaColor);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    z-index: 1;
    width: 25px;
}
.-company-contact-minibox > li > a > span {
    flex: 1;
    color: var(--sociaColor);
}
.-footer-widgets-title {
}
.-footer-widgets-title > h3 {
}

.-current-widgets-contact .-footer-widgets-title > h3 {
}

.-footer-widgets-title {
    display: block;
    margin-bottom: 20px;
}

.-footer-widgets-title > h3 {
    color: var(--primary-text);
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 10px;
    line-height: 1.4;
}

.-current-widgets-contact .-footer-widgets-title > h3 {
}

.-footer-widgets-links {
    list-style: none;
    display: block;
}

.-footer-widgets-links > li {
    display: block;
}

.-footer-widgets-links > li > a {
    display: flex;
    align-content: center;
    align-items: center;
    color: var(--secondarytext);
    font-weight: 400;
    padding: 7px 0px;
    transition: all 180ms ease 0s;
    position: relative;
    font-size: 17px;
    flex-wrap: wrap;
}

.-footer-widgets-links > li:hover > a {
    color: var(--primary-text);
}

.-footer-shares-items {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.-row-shares-items {
    display: flex;
    align-content: center;
    align-items: center;
}

.-row-shares-items > a {
    display: flex;
    margin: 0px 2px;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    place-content: center;
    align-items: center;
    font-size: 20px;
    color: var(--secondarytext);
    transition: all 180ms ease 0s;
    flex-wrap: wrap;
}

.-row-shares-items > a:hover {
    background: var(--sociaColor);
    color: rgb(255, 255, 255);
    border-color: var(--sociaColor);
}

.-footer-p-content {
    color: var(--secondarytext);
    font-size: 17px;
    line-height: 1.6;
    margin-bottom: 15px;
    max-width: 360px;
    font-weight: 300;
}

footer-bottom {
    display: flex;
    margin: 0px;
    flex-flow: column wrap;
    align-content: center;
    color: var(--primary-text);
    font-weight: 500;
}

.-footer-payment-items {
    display: flex;
    justify-content: space-around;
}

.-payments-cards .-footer-payment-items {
    display: flex;
    justify-content: space-between;
}

.-footer-payment-item {
    max-width: 26px;
    margin-inline-end: 8px; position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--diver);
    border-radius: 50%;
}

.-Post-sidebar-box-single-item {
    display: flex;
    flex-wrap: wrap;
    padding: 15px;
    box-shadow: var(--box-shadow-defult);
    border: var(--border-defult);
    border-radius: var(--largeradius);
    transition: all 250ms ease 0s;
    margin-bottom: 15px;
    align-items: center;
    align-content: center;
    position: relative;
    overflow: hidden;
}

.-Post-sidebar-box-single-item:hover {
    box-shadow: var(--box-shadow-hover);
    border-color: var(--border-defult-hover);
    transform: translate(0px, -1px);
    transition: all 80ms ease 0s;
}

.-Post-sidebar-box-single-item > a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    right: 0px;
}

.-Post-sidebar-box-item-Thumb {
    display: block;
    min-width: 110px;
    max-width: 110px;
    margin-inline-end: 15px; position: relative;
    border-radius: var(--miniradius);
    overflow: hidden;
    padding-bottom: 30%;
}

.-Post-sidebar-box-item-Thumb > img {
    position: absolute;
    min-height: 100%;
    max-width: unset;
    max-height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.-Post-sidebar-box-item-Info {
    display: flex;
    flex: 1 1 0%;
}

.-Post-sidebar-box-item-Info > h2 {
    font-size: 17px;
    line-height: 1.6;
    color: var(--primary-text);
    font-weight: 300;
}

.-Post-sidebar-box-item-context {
    display: none;
}

.login--icon--lord {
    margin: 0px auto;
    display: block;
    max-width: max-content;
}

.loading-popover-for--Login .login--icon--lord {
    max-width: 180px;
    height: 180px;
    min-width: 180px;
    background: var(--bghover);
    border-radius: 50%;
    margin: 60px auto 0px;
    position: relative;
}

.loading-popover-for--Login .login--icon--lord::after {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    opacity: 0;
    width: 100%;
    height: 100%;
    background: var(--hover-overlay);
    border-radius: 50%;
    animation: 2s ease 0.4s infinite normal none running loaderbg;
}

.-login-popover-field-title {
    max-width: 280px;
    text-align: center;
    margin: 0px auto 60px;
}

.-login-popover-field-title > h2 {
    line-height: 1.6;
    font-size: 30px;
}

.-YC-Forms-LoginActions {
    display: flex;
    justify-content: space-between;
    margin: 15px 0px 0px;
    align-items: center;
    flex-wrap: wrap;
}

.-YC-Forms-LoginActions > .-form-countdown {
    display: flex;
    flex: 1 1 0%;
    align-items: center;
}

.-YC-Forms-LoginActions .YC-BTN-Forms-Plugin {
    display: block;
    background: var(--uicolor);
    padding: 14px 16px;
    border-radius: var(--largeradius);
    color: rgb(255, 255, 255);
    cursor: pointer;
    margin-inline-start: 5px;
    font-size: 17px;
    font-weight: 400;
    border: 2px solid var(--uicolor);
    transition: all 180ms ease 0s;
}

.-YC-Forms-LoginActions .YC-BTN-Forms-Plugin:hover {
    background: var(--bgcolor);
    color: var(--uicolor);
}

.-YC-Forms-LoginActions .YC-BTN-Forms-Plugin > i {
    margin-inline-start: 5px; }

.timer-count-time {
    font-size: 24px;
    font-family: var(--f-number);
    font-weight: 500;
    min-width: 75px;
}

.send--code-again {
    margin-inline-start: 10px;
    font-size: 17px;
    cursor: pointer;
    color: var(--secondarytext);
    margin-top: -10px;
    margin-bottom: 50px;
    max-width: max-content;
    display: block;
}

.send--code-again:hover {
    text-decoration: underline;
    color: var(--primary-text);
}

.alert {
    display: block;
    width: 100%;
    padding: 15px;
    border-radius: var(--miniradius);
    line-height: 1.7;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    background: var(--alert-color);
    color: var(--alert-text);
    border: 1px solid var(--alert-border);
    margin-bottom: 30px;
}

.alert.element-alert-success {
    background: rgb(232, 245, 233);
}

.element-alert-danger {
    --alert-color: #ffd5d51a;
    --alert-text: var(
    --negative);
    --alert-border: #ffffff00;
}

.-Taps-AppendCenter {
    display: flex;
    margin: 0px -15px;
    flex-wrap: wrap;
    min-height: 500px;
    justify-content: center;
}

.-Product-Post-Box {
    margin: 0px 15px 30px;
    border: var(--border-defult);
    box-shadow: var(--box-shadow-defult);
    border-radius: var(--largeradius);
    position: relative;
    --box-width: 317px;
    flex: 1 1 0%;
    min-width: var(--box-width);
    max-width: var(--box-width);
    padding: 30px;
    transition: all 80ms ease 0s;
    display: flex;
    flex-direction: column;
    background: var(--bgcolor);
    overflow: hidden;
}

.-Product-Post-Box.-discountProduct-Post-Box {
    border-color: var(--uicolor);
}

.-Product-Post-Box.active-element-animation {
    animation-name: products-animation;
    animation-duration: 1.5s;
}

@keyframes products-animation {
    0% {
        transform: scale(0.96);
        opacity: 0.85;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.-Product-Post-Box:hover {
    box-shadow: var(--box-shadow-hover);
    border-color: var(--border-defult-hover);
    transform: translate(0px, -1px);
    transition: all 280ms ease 0s;
    background: var(--uioverlaycolor);
}

.-Product-Post-Box > a {
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0px;
    top: 0px;
    z-index: 1;
}

.-product-box-poster {
    display: block;
    border-radius: var(--largeradius);
    overflow: hidden;
    --sh--color: #00000005;
    box-shadow: rgba(219, 220, 231, 0) 0px 0px 0px 1px, rgba(9, 35, 64, 0.07) 0px 15px 26px -14px, rgba(9, 35, 64, 0.07) 0px 4px 2px -3px;
    margin-bottom: 20px;
}

.-Product-Post-Box:hover .-product-box-poster {
    transform: translateY(-1px);
    transition: all 20ms ease 0s;
}

.-Product-rowpost-Info {
    display: flex;
    flex-direction: column;
    padding: 0px 5px;
    flex: 1 1 0%;
}

.-Product-post-Info {
    display: flex;
    margin-bottom: 20px;
    flex-direction: column;
    place-content: center;
    align-items: center;
}

.-Product-post-Info > h1 {
    font-size: 22px;
    line-height: 1.5;
    font-weight: 300;
    margin-bottom: 10px;
    text-align: center;
}

.-cloned--product.-Product-Post-Box .-Product-post-Info > h1 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.-larger-product-poster {
    display: block;
    position: relative;
    padding-bottom: 86%;
}

.-larger-product-poster > img {
    position: absolute;
    min-width: 100%;
}

.-productBox-rate-bar-average {
    display: flex;
    align-items: center;
    flex-flow: column wrap;
    align-content: center;
    color: var(--secondarytext);
    font-size: 15px;
}

.-cloned--product.-Product-Post-Box .-productBox-rate-bar-average {
    display: none;
}

.-productBox-rate-bar-average > .stars-avg {
    display: block;
    font-size: 20px;
    position: relative;
    color: var(--diver);
    margin-bottom: 9px;
}

.-productBox-rate-bar-average > .stars-avg > .stars-avg-back > i {
    font-weight: 300;
}

.-productBox-rate-bar-average > .stars-avg > .stars-avg-back, .-productBox-rate-bar-average > .stars-avg > .stars-avg-front {
    display: flex;
    justify-content: center;
    direction: ltr;
}

.-productBox-rate-bar-average .stars-avg i {
    padding: 0px 1px;
}

.-comments-head-area .-productBox-rate-bar-average > .stars-avg {
    font-size: 23px;
}

.-productBox-rate-bar-average .stars-avg > .stars-avg-front {
    position: absolute;
    top: 0px;
    left: 0px;
    color: rgb(255, 167, 0);
    width: var(--percent);
    flex-wrap: inherit;
    overflow: hidden;
    justify-content: start;
}

.-productBox-rate-bar-average > p {
    font-weight: 200;
    font-size: 14px;
}

.-productBox-rate-bar-average > p > em {
    font-style: normal;
}

.-productBox-rate-bar-average > span {
    font-size: 16px;
    font-family: var(--f-number);
    font-weight: 500;
    margin-inline-end: 5px; color: var(--primary-text);
    display: none;
}

.-productBox-rate-bar-average > i {
    font-size: 16px;
    color: rgb(255, 193, 7);
    margin-inline-end: 5px; font-weight: 600;
}

.-Product-Box-FooterBar {
    display: flex;
    align-items: center;
    padding-top: 20px;
    border-top: 1px solid var(--diver);
}

.-cloned--product.-Product-Post-Box .-Product-Box-FooterBar {
    display: none;
}

.-Product-Box-CenterBar {
    min-width: max-content;
    flex: 1 1 0%;
}

.-Product-Box-Price {
    display: flex;
    font-family: Arial;
    position: relative;
    align-items: flex-start;
    line-height: 1;
    flex: 1 1 0%;
    flex-direction: column;
}

.-Product-Box-Price > strong {
    display: flex;
    direction: ltr;
    font-family: var(--f-number);
    align-items: center;
}

.-Product-Box-Price > strong > em {
    font-style: normal;
    font-size: 18px;
    margin-inline-end: 5px;
    color: var(--secondarytext);
    font-family: var(--font-family);
    font-weight: 400;
}

.-Product-Box-Price > strong.--price-was > em {
    font-size: 15px;
}

.-Product-Box-Price > .--price-now {
    font-size: 36px;
    font-weight: 400;
    color: var(--primary-text);
}

.-Product-Box-Price > .--price-was {
    font-size: 18px;
    color: var(--secondarytext);
    padding: 0px;
    position: relative;
    font-weight: 400;
    margin-top: 2px;
}

.-Product-Box-Price > .--price-was:before {
    content: '';
    position: absolute;
    height: 1px;
    width: 100%;
    background: red;
    transform: rotate(-3deg) translate(0%,-50%);
    top: 50%;
    left: 0;
}

.-Product-Box-Price .--price-was: :after {
    content: "";
    position: absolute;
    width: 100%;
    top: 50%;
    right: 50%;
    height: 1px;
    background: var(--textcolor);
    transform: translate(50%, -50%) rotate(5deg);
}

.likes--and--addtocard {
    display: flex;
    margin: 0px -3px;
}

.likes--and--addtocard > div {
    display: flex;
    flex-wrap: wrap;
    place-content: center;
    align-items: center;
    padding: 10px;
    border: 2px solid var(--secondarytext);
    margin: 0px 3px;
    border-radius: var(--miniradius);
    font-size: 18px;
    color: var(--secondarytext);
    z-index: 1;
    cursor: pointer;
    transition: all 180ms ease 0s;
    width: 44px;
}

.likes--and--addtocard > .product-item-info-ux-button > i {
    font-weight: 600;
}

.likes--and--addtocard > div:hover {
    color: var(--primary-text);
    border-color: var(--primary-text);
}

.likes--and--addtocard > .product-item-info-ux-button.-add-to-cart {
    border-color: var(--uicolor);
    color: white;
    background: var(--uicolor);
}

.likes--and--addtocard > .product-item-info-ux-button.active {
    background: var(--negative);
    border-color: var(--negative);
    color: white;
}

.likes--and--addtocard > .product-item-info-ux-button.add-item-favourite.active {
    background: var(--secondaryui);
    border-color: var(--secondaryui);
    color: var(--bgcolor);
}

.likes--and--addtocard > .product-item-info-ux-button.add-item-favourite.active:hover {
    background: transparent;
    color: var(--secondaryui);
    border-color: var(--secondaryui);
}

.-Product-Post-Box:hover .likes--and--addtocard > .product-item-info-ux-button:not(.active) {
    background: rgba(69, 255, 253, 0);
    border-color: var(--uicolor2);
    color: var(--uicolor2);
}

.-Product-Post-Box:hover .likes--and--addtocard > .product-item-info-ux-button.-add-to-cart:not(.active) {
    background: var(--uicolor);
    border-color: var(--uicolor);
    color: white;
}

.-Product-Post-Box .likes--and--addtocard > .product-item-info-ux-button:not(.active):hover {
    background: var(--uicolor2);
    color: var(--bgcolor);
    border-color: var(--uicolor2);
}

.-Product-Post-Box .likes--and--addtocard > .product-item-info-ux-button.-add-to-cart:not(.active):hover {
    background: transparent;
    border-color: var(--uicolor);
    color: var(--uicolor);
}

.likes--and--addtocard > .product-item-info-ux-button.active:hover {
    background: transparent;
    color: var(--negative);
    border-color: var(--negative);
}

.likes--and--addtocard > .product-item-like-Button.active {
    border-color: var(--negative);
    background: var(--negative);
    color: white;
}

.likes--and--addtocard > .product-item-like-Button.active > i {
    font-weight: 600;
}

.three-body {
    --uib-size: 100px;
    --uib-speed: 0.8s;
    --uib-color: var( --uicolor);
    position: relative;
    display: inline-block;
    height: var(--uib-size);
    width: var(--uib-size);
    animation: spin78236 calc(var(--uib-speed) * 2.5) infinite linear;
    margin: 100px auto;
}

.three-body__dot {
    position: absolute;
    height: 100%;
    width: 30%;
}

.three-body__dot::after {
    content: "";
    position: absolute;
    height: 0%;
    width: 100%;
    padding-bottom: 100%;
    background-color: var(--uib-color);
    border-radius: 50%;
}

.three-body__dot:nth-child(1) {
    bottom: 5%;
    left: 0px;
    transform: rotate(60deg);
    transform-origin: 50% 85%;
}

.three-body__dot:nth-child(1)::after {
    bottom: 0px;
    left: 0px;
    animation-duration: ;
    animation-timing-function: ;
    animation-iteration-count: ;
    animation-direction: ;
    animation-fill-mode: ;
    animation-play-state: ;
    animation-name: ;
    animation-delay: calc(var(--uib-speed) * -0.3);
}

.three-body__dot:nth-child(2) {
    bottom: 5%;
    right: 0px;
    transform: rotate(-60deg);
    transform-origin: 50% 85%;
}

.three-body__dot:nth-child(2)::after {
    bottom: 0px;
    left: 0px;
    animation: wobble1 var(--uib-speed) infinite calc(var(--uib-speed) * -0.15) ease-in-out;
}

.three-body__dot:nth-child(3) {
    bottom: -5%;
    left: 0px;
    transform: translateX(116.666%);
}

.three-body__dot:nth-child(3)::after {
    top: 0px;
    left: 0px;
    animation: wobble2 var(--uib-speed) infinite ease-in-out;
}

@keyframes spin78236 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes wobble1 {
    0%, 100% {
        transform: translateY(0%) scale(1);
        opacity: 1;
    }

    50% {
        transform: translateY(-66%) scale(0.65);
        opacity: 0.8;
    }
}

@keyframes wobble2 {
    0%, 100% {
        transform: translateY(0%) scale(1);
        opacity: 1;
    }

    50% {
        transform: translateY(66%) scale(0.65);
        opacity: 0.8;
    }
}

ul.top-header-ul-links {
    display: flex;
    flex: 1 1 0%;
    justify-content: flex-start;
}

ul.top-header-ul-links > li {
    display: block;
    margin-inline-end: 10px; }

ul.top-header-ul-links > li:last-child {
}

ul.top-header-ul-links > li > a {
    display: flex;
    color: var(--text-top-header-color);
    align-items: center;
}

ul.top-header-ul-links > li > a:hover {
    color: var(--text-top-header-color-hover);
}

ul.top-header-ul-links > li > a > i {
    margin-inline-end: 10px; color: var(--top-header-icon-color);
    font-size: 17px;
}

.-chevron-down-user {
    margin-inline-start: 10px; }

.-Posts-grid {
    display: flex;
    margin: 0px -20px;
    align-content: flex-start;
    flex-wrap: wrap;
}

.-Posts-grid .-Post-box-single-item {
    min-width: 426px;
    margin-bottom: 40px;
}

.container-pages-head {
    display: flex;
    text-align: center;
    --width-heads: 100%;
    flex-flow: column wrap;
    place-content: center;
    align-items: center;
    border-radius: var(--largeradius);
    padding: 50px;
    border: 1px solid var(--diver);
    background: var(--bgcolor);
    min-height: 180px;
    margin: 40px 0px;
}

.container-pages-top-info .container-pages-head {
    margin: 0px;
}

.container-pages-head > h1 {
    font-size: 45px;
    font-weight: 500;
    line-height: 1.4;
    text-align: center;
    color: var(--primary-text);
    margin-bottom: 20px;
    max-width: var(--width-heads);
}

.container-pages-head .YC-BreadCrumb {
    display: flex;
    justify-content: center;
}

.OnboxedElem {
    max-width: 500px;
    text-align: center;
    margin: 20px auto 0px;
    color: var(--secondarytext);
    font-weight: 300;
    font-size: 17px;
    line-height: 1.4;
}

.OnboxedElem:empty {
    margin: 0px;
}

.-change-currency {
    display: block;
    position: relative;
    font-size: 19px;
    padding: 10px 0px;
    margin: -10px 0px;
    }

.-change-currency > .ul--by-currency {
    max-height: 250px;
    background: var(--bgcolor);
    border-radius: var(--miniradius);
    padding: 10px;
    list-style: none;
    z-index: 1;
    box-shadow: var(--PopoverShadow);
    transform: translateY(10px);
    min-width: 250px;
    top: 100%;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    transition: all 130ms ease 0s;
}

.-change-currency > .ul--by-currency > ul {
    display: block;
    list-style: none;
}

.-change-currency > .ul--by-currency > ul > li {
    display: block;
}

.-change-currency > .ul--by-currency > ul > li > a {
    display: flex;
    align-content: center;
    align-items: center;
    padding: 12px;
    border-radius: var(--miniradius);
    flex-wrap: wrap;
    cursor: pointer;
    color: var(--secondarytext);
    font-size: 17px;
}

.-change-currency > .ul--by-currency > ul > li > a:hover {
    color: var(--primary-text);
}

.-change-currency > .ul--by-currency > ul > li > a > img {
    max-width: 25px;
    margin-inline-end: 10px;
}

.-change-currency > .ul--by-currency > ul > li.active > a {
    color: var(--primary-text);
    background: #00000003;
}

.-change-currency > .ul--by-currency > ul > li > strong {
    font-size: 11px;
    color: var(--secondarytext);
    width: 40px;
    height: 25px;
    border-radius: var(--miniradius);
    background: rgba(251, 251, 251, 0.07);
    display: flex;
    flex-wrap: wrap;
    place-content: center;
    align-items: center;
    padding: 5px;
    text-align: center;
    margin-inline-start: 10px; transition: all 180ms ease 0s;
}

.-change-currency > .ul--by-currency > ul > li:hover > strong {
    background: transparent;
    color: var(--primary-text);
    transform: scale(1.3);
}

.-change-currency > .ul--by-currency > ul > li > p {
    font-size: 16px;
    display: flex;
    align-items: center;
    flex: 1 1 0%;
}

.-change-currency > .ul--by-currency > ul > li > p > span {
    margin-inline-end: 5px; }

.-change-currency > .ul--by-currency > ul > li > p > em {
    font-style: normal;
    color: var(--secondarytext);
    font-size: 13px;
    transition: all 180ms ease 0s;
}

.-change-currency > .ul--by-currency > ul > li:hover > p > em {
    color: var(--primary-text);
}

.-change-currency:hover .ul--by-currency {
    visibility: visible;
    opacity: 1;
    transform: translateY(0px);
}

.-currency-title-selected {
    display: flex;
    position: relative;
    align-items: center;
    font-size: 17px;
    cursor: pointer;
    font-weight: 400;
    padding: 9px 14px;
    border-radius: var(--miniradius);
    padding-inline-end: 30px;
    flex-wrap: wrap;
    align-content: center;
    color: var(--text-top-header-color);
}

.-currency-title-selected:hover {
    color: var(--primary-text);
    background: var(--hover-overlay);
}
cu--logo--img{
  position: relative;
  display: block;
--cuntry-wh: 30px;
  width: var(--cuntry-wh);
  height: var(--cuntry-wh);
  min-width: var(--cuntry-wh);
  max-width: var(--cuntry-wh);
  min-height: var(--cuntry-wh);
  max-height: var(--cuntry-wh);
  border-radius: 50%;
  overflow: hidden;
  margin-inline-end: 10px;
  box-shadow: 0 7px 11px -4px #0d18281c;
  border: 2px solid #fff;
}

.-change-currency > .ul--by-currency > ul > li > a cu--logo--img {--cuntry-wh: 24px;border: 0;}
cu--logo--img > img {
    max-width: 100%;
    min-height: 100%;
    max-height: 100%;
    position: relative;
    left: 50%;
    transform: translate(-50%,-50%);
    top: 50%;
    min-width: 100%;
}

.-currency-title-selected > i {
    margin-inline-end: 5px; color: var(--secondarytext-bold);
    font-size: 18px;
    font-weight: 400;
}

.-change-currency:hover .-currency-title-selected::before {
    transform: translateY(-50%) rotate(-90deg);
}

.-currency-title-selected > span {
    display: block;
}

.-currency-title-selected::before {
    content: var(--chevron);
    position: absolute;
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    margin-inline-start: 10px; font-size: 12px;
    color: var(--secondarytext);
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    transition: all 180ms ease 0s;
}

.container-pages-top-info {
    display: block;
    padding: 50px 0px;
    position: relative;
}

.-cloned--product.-Product-Post-Box {
    position: absolute;
    opacity: 0.5;
    z-index: 1005;
    min-width: unset;
    max-width: unset;
}

.Done__loggn__pleasse__wait {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.--sucsses--icon--item {
    display: block;
    margin-bottom: 25px;
    background: var(--uioverlaycolor);
    padding: 20px;
    border-radius: 50%;
}

.--sucsses--title--items {
    max-width: 310px;
    text-align: center;
    margin: 0px auto 20px;
}

.--sucsses--title--items > h1 {
    line-height: 1.6;
    font-size: 26px;
    margin-bottom: 15px;
}

.--sucsses--title--items > p {
    display: block;
    font-size: 17px;
    line-height: 1.5;
    color: var(--secondarytext);
    font-weight: 300;
}

.iti__country-list {
    background: rgb(255, 255, 255);
    box-shadow: rgba(31, 30, 135, 0.02) 0px 2px 3px, rgba(72, 71, 237, 0.06) 0px 8px 35px;
    border-radius: var(--miniradius);
    padding: 10px;
    max-width: 400px;
    z-index: 119999999;
}

.iti__country {
    display: flex;
    padding: 14px;
    border: 1px solid transparent;
    border-radius: var(--miniradius);
    cursor: pointer;
    transition: all 180ms ease 0s;
    align-content: center;
    align-items: center;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 5px;
    text-align: right;
    overflow: hidden;
    color: var(--primary-text);
}

.iti__flag-box, .iti__country-name {
    margin-inline-end: 10px; }

.iti__flag-box {
}

.-steps-cart-items {
    display: block;
    margin: 70px 0px 40px;
    position: relative;
}

.-steps-cart-items > ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0px 50px;
}

.-steps-cart-items > ul > li {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: var(--secondarytext);
    justify-content: center;
    position: relative;
    flex-direction: column;
    font-weight: 300;
}

.-steps-cart-items > ul > li:first-child {
    justify-content: flex-start;
    align-items: start;
}

.-steps-cart-items > ul > li:last-child {
    justify-content: flex-end;
    align-items: flex-end;
}

.-steps-cart-items > ul > li> .title-cart-step-item {
    position: absolute;
    top: calc( 100% + 15px);
    min-width: max-content;
    left: 50%;
    transform: translateX(-50%);
}

.-steps-cart-items > ul > li.active > .title-cart-step-item {
    font-weight: 400;
}

.-steps-cart-items > ul > li.active {
    color: var(--uicolor);
}

.-steps-cart-items > ul > li:last-child {
}

.-steps-cart-items > ul > li::after {
    content: "";
    height: 5px;
    /* background: var(--diver); */
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

.-steps-cart-items > ul > li.active::after {
    /* background: rgb(57 161 82 / 51%); */
    /* border-radius: var(--largeradius) 0 0 var(--largeradius); */
}

.icon-cart-step-item {
    display: flex;
    width: 100px;
    height: 100px;
    font-size: 36px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    background: var(--bgcolor);
    color: var(--disable-text);
    border: 5px solid var(--diver);
    position: relative;
    z-index: 1;
    flex-direction: column;
}

.-steps-cart-items > ul > li.active > .icon-cart-step-item {
    background: var(--uicolor);
    color: white;
    border-color: var(--uicolor);
}

.icon-cart-step-item > i {
    font-weight: 300;
}

.-steps-cart-items > ul > li.active > .icon-cart-step-item > i {
    font-weight: 600;
}

.-cart-conatiner-page {
    display: flex;
    align-items: flex-start;
    padding: 0px 0px 40px;
    max-width: 100%;
    flex-wrap: wrap;
}

.-cart-context-single-page {
    flex: 1;
    margin-inline-start: 40px; position: sticky;
    top: 110px;
    display: block;
    max-width: calc(100% - 460px);
    padding: 30px;
    background: #2144f003;
    border-radius: var(--largeradius);
}

.hidemenu .-cart-context-single-page {
    top: 30px;
}

.-cart-context-single-bars {
    display: block;
    min-width: 420px;
    position: sticky;
    top: 110px;
    background: var(--bgcolor);
    border-radius: var(--largeradius);
    padding: 40px;
    border: 1px solid var(--diver);
    --bx-shadow: 0 5px 20px 5px #020812;
    box-shadow: var(--bx-shadow);
}

.-cart-context-single-bars .-footer-payment-item {
}

.hidemenu .-cart-context-single-bars {
    top: 30px;
}

.-cart-products-list {
    display: flex;
    flex-direction: column;
}

.-single-product-incart-item {
    display: flex;
    transition: all 80ms ease 0s;
    cursor: pointer;
    position: relative;
    padding: 10px 0px;
    margin-bottom: 15px;
}

.-single-product-incart-item:hover::before {
    opacity: 0;
}

.-single-product-incart-item:last-child {
    margin-bottom: 0px;
    border-bottom: 0;
}

.-single-product-incart-item:hover {
}

.-single-product-incart-right-info {
    display: flex;
    align-items: center;
    flex: 1;
}

.-single-product-incart-thumb {
    --e-w: 65px;
    max-width: var(--e-w);
    min-width: var(--e-w);
    height: var(--e-w);
    border-radius: 40%;
    overflow: hidden;
    border: 1px solid var(--border-defult-hover);
    margin: 10px;
}

.-single-product-incart-context {
    flex: 1;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: -10px;
}

.-single-product-incart-context > h2 {
    transition: all 80ms ease 0s;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: flex;
    overflow: hidden;
    position: relative;
    align-items: center;
    justify-content: space-between;
    flex: 1;
    margin: 10px;
}

.-single-product-incart-context > h2 > a {
    font-size: 20px;
    line-height: 1.6;
    font-weight: 300;
    color: var(--secondarytext-bold);
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.-single-product-incart-item:hover .-single-product-incart-context > h2 > a {
    color: var(--primary-text);
    transition: all 250ms ease 0s;
}

.--card--final-price {
    display: block;
    margin: 0px 0px 40px;
}

.--card--info-price {
    display: flex;
    align-items: center;
    margin: 30px 0px;
    padding-bottom: 30px;
    border-bottom: 1px solid var(--diver);
    flex-wrap: wrap;
}

.--card--info-price > span {
    flex: 1 1 0%;
    font-size: 20px;
    display: block;
    min-width: max-content;
    line-height: 1.5;
}

.-inner-price-boxed {
    display: flex;
    align-items: flex-end;
    font-size: 20px;
    color: var(--secondarytext);
}

.-inner-price-boxed > span.price-value {
    font-size: 50px;
    font-family: var(--f-number);
    font-weight: 500;
    line-height: 0.8;
    margin-inline-end: 7px; color: var(--primary-text);
}

.h-title {
    font-size: 20px;
    font-weight: 400;
    color: var(--primary-text);
    line-height: 1.5;
    margin-bottom: 30px;
    border-bottom: 1px solid var(--diver);
    padding-bottom: 30px;
}

.h-title > i {
    margin-inline-end: 15px; color: var(--secondarytext);
    font-size: 30px;
    font-weight: 400;
}

.-card-select-device {
    display: block;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid var(--diver);
}

.-card-select-device .-fix-inputs-area {
    margin-bottom: 20px;
    flex-direction: unset;
    align-items: center;
}

.-card-select-device .-fix-inputs-area:last-child {
    margin-bottom: 0px;
}

.-card-select-device switchname {
    display: none;
}

.-card-select-device .-fix-forms-field-title {
    flex: 1 1 0%;
    margin-bottom: 0px;
}

.-card-select-device .-fix-forms-field-title > h3 {
    font-size: 16px;
}

.-card-select-device switchfield > .Switch {
    width: 95px;
    height: 40px;
}

.-card-select-device switchfield > .Switch > span, .-card-select-device switchfield > .Switch > strong {
    font-size: 13px;
}

.-card-select-device switchfield > .Switch > em {
    width: 28px;
    height: 28px;
}

.-card-select-device switchfield > input[type="checkbox"]:checked ~ .Switch > em {
    transform: translate(-57px, -50%);
}

.-YC-Forms-LoginActions .-footer-payment-items {
    flex: 1;
    justify-content: flex-start;
}

.-single-product-incart-left {
    display: flex;
    align-items: center;
}

.-singular-product-after-buttons {
    display: flex;
}

.-singular-product-after-buttons > ul {
    display: block;
    list-style: none;
}

.-singular-product-after-buttons > ul > li {
    display: block;
    color: var(--secondarytext);
}

.-singular-product-after-buttons > ul > li:not(:last-child) {
    margin-bottom: 15px;
}

.-singular-product-after-buttons > ul > li > i {
    margin-inline-end: 15px; font-size: 20px;
    color: var(--positive);
}

.price-bx {
    display: flex;
    font-family: var(--f-number);
    align-items: center;
    font-size: 30px;
    font-weight: 500;
    color: var(--primary-text);
    position: relative;
}

.for-price-info-cart .price-bx {
    margin-inline-end: 30px; }

.-single-product-incart-item:hover .price-bx {
}

.price-bx > span:not(.price-value) {
    font-style: normal;
    font-size: 22px;
    margin-inline-start: 5px; color: var(--secondarytext);
    font-family: var(--font-family);
    font-weight: 300;
}

.price-bx > span.price-value {
}

.-products-order-options-area {
    display: flex;
    border-radius: var(--miniradius);
    margin-bottom: 25px;
    align-items: center;
    justify-content: space-between;
}

.-single-product-incart-left .-products-order-options-area {
    padding: 0px;
    background: transparent;
    margin-bottom: 0px;
}

.-products-order-options-area .pnumbers {
    border: 1px solid var(--diver);
    display: flex;
    padding: 13px 20px;
    align-items: center;
    min-width: 160px;
    border-radius: var(--miniradius);
    background: rgba(255, 255, 255, 0.04);
}

.-single-product-incart-left .-products-order-options-area .pnumbers {
    padding: 13px 15px;
    min-width: 170px;
    box-shadow: var(--box-shadow-defult);
    transition: all 80ms ease 0s;
    border: var(--border-defult);
    background: transparent;
}

.-single-product-incart-left .-products-order-options-area .pnumbers:hover {
    box-shadow: var(--box-shadow-hover);
    transition: all 250ms ease 0s;
    border-color: var(--border-defult-hover);
    transform: translateY(-1px);
    background: var(--uioverlaycolor);
}

.-products-order-options-area .pnumbers span {
    flex: 1 1 0%;
    text-align: center;
    font-weight: 500;
    font-family: var(--f-number);
    font-size: 22px;
    user-select: none;
}

.-single-product-incart-left .-products-order-options-area .pnumbers span {
    color: var(--secondarytext);
    transition: all 80ms ease 0s;
}

.-single-product-incart-left .-products-order-options-area .pnumbers:hover span {
    color: var(--primary-text);
    transition: all 250ms ease 0s;
}

.-products-order-options-area .pnumbers > i {
    cursor: pointer;
    border-radius: 4px;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgb(163, 163, 163);
    transition: all 180ms ease 0s;
}

.-products-order-options-area .pnumbers > i:hover {
    color: var(--primary-text);
}

.-products-order-options-area > i:hover {
    color: var(--primary-text);
}

.-primary-body {
    position: relative;
    z-index: 1;
}

.-prive--selected--items .-fix-inputs-area {
    margin-bottom: 0px;
}

.-prive--selected--items .-fix-inputs-area .Select-Options-Items {
    max-width: 170px;
}

.-prive--selected--items .Select-Options-Items > h2 {
    border-radius: var(--miniradius);
    padding: 18px 25px;
    height: 54px;
    line-height: 1.5;
    background: transparent;
}

.-single-product-incart-left .-prive--selected--items .Select-Options-Items > h2 {
    box-shadow: var(--box-shadow-defult);
    transition: all 80ms ease 0s;
    border: var(--border-defult);
    color: var(--secondarytext);
}

.-single-product-incart-left .-prive--selected--items .Select-Options-Items > h2:hover {
    box-shadow: var(--box-shadow-hover);
    transition: all 250ms ease 0s;
    border-color: var(--border-defult-hover);
    transform: translateY(-1px);
    color: var(--primary-text);
    background: var(--uioverlaycolor);
}

.-prive--selected--items .-Select-DropDown {
    min-width: 220px;
}

.-prive--selected--items .-fix-forms-field-title {
    display: none;
}

.-single-product-incart-left .Select-Options-Items {
    max-width: 170px;
}

.remover--bt-oreder-item {
    display: flex;
    font-size: 30px;
    justify-content: flex-end;
    align-items: center;
    margin: 10px;
    color: var(--secondarytext);
    transition: all 180ms ease 0s;
}

.-single-product-incart-item:hover .-single-product-incart-context > h2 > .remover--bt-oreder-item {
    color: white;
}

.remover--bt-oreder-item:hover {
    color: var(--negative);
}

.for-price-info-cart {
    display: flex;
    min-width: max-content;
    margin: 10px;
    }

.-in-link-product {
    display: flex;
    margin-inline-start: 10px; visibility: visible;
    opacity: 0;
    transition: all 180ms ease 0s;
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%) scale(0.85);
}

.-single-product-incart-item:hover .-in-link-product, .-single-product-thankyou-item:hover .-in-link-product {
    transform: translateY(-50%) scale(1);
    opacity: 1;
    visibility: visible;
}

.-in-link-product > a {
    font-size: 19px;
    color: var(--disable-text);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.-single-product-thankyou-context .-in-link-product > a {
    font-size: 14px;
    width: 32px;
    height: 32px;
    background: rgba(0, 0, 0, 0.48);
    color: white;
}

.-single-product-thankyou-context .-in-link-product:hover > a {
    color: white;
}

.-in-link-product:hover > a {
    color: var(--primary-text);
}

.-single-product-thankyou-context .-in-link-product > a:hover {
    color: white;
}

.-thank-you-conatin-page {
    display: flex;
    width: 100%;
    position: relative;
    align-items: flex-start;
    margin-bottom: 30px;
    justify-content: space-between;
    padding-bottom: 40px;
}

.-ThankYou-Head-element {
    display: flex;
    flex-flow: column wrap;
    place-content: flex-start center;
    align-items: flex-start;
    margin-inline-end: 40px; position: sticky;
    top: 110px;
    transition: all 180ms ease 0s;
    --max-width-content: 550px;
    padding: 40px;
    border: 1px solid var(--diver);
    flex: 1 1 0%;
    border-radius: var(--largeradius);
}

.hidemenu .-ThankYou-Head-element {
    top: 30px;
}

.-ThankYou-Head-element > p {
    max-width: calc( var( --max-width-content ) - 100px);
    color: var(--secondarytext);
    line-height: 1.7;
    font-size: 17px;
    margin-bottom: 30px;
}

.-ThankYou-Head-element > h2 {
    font-size: 50px;
    line-height: 1.7;
    margin-bottom: 10px;
    max-width: var(--max-width-content);
    text-transform: capitalize;
    font-weight: 400;
}

.-ThankYou-Head-element > h2 > .em-cname {
    color: var(--uicolor);
    font-weight: 500;
}

.-cart-context-thankyou-page {
    display: flex;
    margin-bottom: 30px;
}

.-thankyou-products-list {
    display: flex;
    flex-direction: column;
    flex: 1 1 0%;
    max-width: 100%;
}

.-single-product-thankyou-item {
    display: flex;
    flex: 1 1 0%;
    align-items: center;
    padding: 15px;
    border-radius: var(--miniradius);
    box-shadow: var(--box-shadow-defult);
    transition: all 80ms ease 0s;
    margin-bottom: 15px;
    cursor: pointer;
    border: var(--border-defult);
    background: var(--bgcolor);
    max-width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
}

.-single-product-thankyou-item:hover {
    box-shadow: var(--box-shadow-hover);
    border-color: var(--border-defult-hover);
    transition: all 250ms ease 0s;
    background: var(--uioverlaycolor);
}

.-single-product-thankyou-item:last-child {
    margin-bottom: 0px;
}

.thank-thumbs-up {
    display: block;
    font-size: 130px;
    margin-bottom: 20px;
    line-height: 0.1;
}

.-single-product-thankyou-right-info {
    display: flex;
    align-items: center;
    flex: 1 1 0%;
    min-width: 160px;
    position: relative;
}

.-single-product-thankyou-thumb {
    --elem-px: 32px;
    max-width: var(--elem-px);
    min-width: var(--elem-px);
    height: var(--elem-px);
    overflow: hidden;
    display: block;
    margin-inline-end: 10px; border-radius: 50%;
    border: 1px solid var(--border-defult-hover);
    box-shadow: var(--box-shadow-hover);
}

.-ThankYou-left-element {
    padding: 40px;
    background: var(--bgcolor);
    border-radius: var(--largeradius);
    --element-width: 500px;
    min-width: var(--element-width);
    box-shadow: var(--box-shadow-hover);
    border: 1px solid var(--border-defult-hover);
    max-width: var(--element-width);
}

.-single-product-thankyou-context {
    display: flex;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 3px 0px;
}

.-single-product-thankyou-context .-in-link-product {
    position: absolute;
    right: 0px;
    margin: 0px;
    top: 16px;
    width: max-content;
}

.-single-product-thankyou-context > h2 {
    font-size: 17px;
    font-weight: 400;
    color: var(--secondarytext);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 180ms ease 0s;
}

.-single-product-thankyou-item:hover .-single-product-thankyou-context > h2 {
    color: var(--primary-text);
}

.price-bx-thankyou {
    display: flex;
    font-family: var(--f-number);
    align-items: center;
    font-size: 24px;
    font-weight: 500;
    color: var(--primary-text);
    flex-direction: row-reverse;
}

.price-bx-thankyou > span:not(.price-value) {
    font-style: normal;
    font-size: 15px;
    margin-inline-end: 5px; color: var(--secondarytext);
    font-family: var(--font-family);
    font-weight: 300;
}

.-show-my-device-items {
    display: block;
}

.-show-my-device-items > ul {
    display: block;
    list-style: none;
}

.-show-my-device-items > ul > li {
    display: flex;
    margin-bottom: 20px;
    font-size: 16px;
}

.-show-my-device-items > ul > li::before {
    content: var(--check-icon);
    font-family: "Font Awesome 6 Pro";
    display: block;
    position: relative;
    margin-inline-end: 10px; color: var(--positive);
    font-weight: 900;
}

.-show-my-device-items > h2 {
    font-size: 15px;
    line-height: 1.5;
}

.-thank-sidbar-title {
    display: block;
    font-size: 20px;
    margin-bottom: 30px;
    font-weight: 500;
}

.-thank-sidbar-title > em {
    font-style: normal;
    color: var(--secondarytext);
    margin-inline-start: 5px; font-family: var(--f-number);
}

.-ThankYou-left-element .MenuHr {
    margin: 40px auto;
}

.-ul-payement-action-items {
    display: block;
}

.-single-order-widgets-element .-ul-payement-action-items {
}

.-ul-payement-action-items > ul {
    display: block;
    list-style: none;
}

.-ul-payement-action-items > ul > li {
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    position: relative;
}

.-ul-payement-action-items > ul > li > strong {
    font-weight: 400;
    color: var(--secondarytext);
    font-family: var(--f-number);
    font-size: 17px;
    cursor: pointer;
    transition: all 180ms ease 0s;
    line-height: 1.5;
}

.-ul-payement-action-items > ul > li > strong.-ar-text-box {
    font-family: var(--font-family);
}

.-ul-payement-action-items > ul > li > strong > em {
    font-style: normal;
    font-weight: 200;
}

.-ul-payement-action-items > ul > li > strong.is--text {
    font-family: var(--font-family);
}

.-ul-payement-action-items > ul > li:hover > strong {
    color: var(--primary-text);
}

.-ul-payement-action-items > ul > li > i {
    margin-inline-start: 10px; visibility: hidden;
    opacity: 0;
    transform: scale(0.5);
    transition: all 180ms ease 0s;
    cursor: pointer;
    color: var(--secondarytext);
}

.-ul-payement-action-items > ul > li:hover > i {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}

.-ul-payement-action-items > ul > li > i:hover {
    color: var(--primarytext);
}

.-ul-payement-action-items > ul > li::before {
    content: "#";
    position: relative;
    margin-inline-end: 5px; line-height: 0.8;
    font-size: 20px;
    font-weight: 400;
    color: var(--secondarytext);
    font-family: var(--f-number);
}

.-ul-payement-action-items > ul > li > span {
    font-weight: 400;
    font-size: 17px;
    margin-inline-end: 7px; line-height: 1.5;
    min-width: max-content;
}

.-ThankYou-Head-items-URLArea-s1 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.-ThankYou-Head-items-URLArea-s1:empty {
    margin: 0px;
}

.-ThankYou-Head-items-URLArea-s1 > a {
    display: flex;
    padding: 18px 30px;
    border-radius: var(--miniradius);
    font-size: 17px;
    font-weight: 400;
    place-content: center;
    align-items: center;
    margin-inline-end: 15px; background: var(--uicolor);
    color: white;
    border: 2px solid var(--uicolor);
    flex-wrap: wrap;
    min-width: max-content;
    flex: 1;
    text-align: center;
}

.-ThankYou-Head-items-URLArea-s1 > a:last-child {
    margin-inline-end: 0px; }

.-ThankYou-Head-items-URLArea-s1 > a:hover {
    background: var(--bgcolor);
    color: var(--uicolor);
    border-color: var(--uicolor);
}

.-ThankYou-Head-items-URLArea-s1 > a > i {
    margin-inline-end: 10px; font-weight: 300;
    font-size: 20px;
}

.-ThankYou-Head-items-URLArea-s1 > a.button_whatsapp_2 {
    background: var(--whatsapp);
    color: white;
    border-color: var(--whatsapp);
}

.-ThankYou-Head-items-URLArea-s1 > a.button_whatsapp_2:hover {
    background: var(--bgcolor);
    color: var(--whatsapp);
    border-color: var(--whatsapp);
}

notifications {
    position: fixed;
    bottom: 15px;
    left: 20px;
    z-index: 20089;
}

.notifications--tempo {
    background: #020f21;
    border-radius: var(--miniradius);
    transform: translate(0px, 150%);
    transition: transform 150ms cubic-bezier(0, 0, 1, 1) 0s;
    padding: 30px;
    min-width: 380px;
    color: var(--primary-text);
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    position: relative;
    max-width: 350px;
    cursor: pointer;
    opacity: 0.89;
}

.notifications--tempo:hover {
    opacity: 1;
}

.notifications--tempo > em {
    position: absolute;
    width: 26px;
    height: 26px;
    left: 10px;
    display: flex;
    place-content: center;
    align-items: center;
    flex-wrap: wrap;
    top: 10px;
    border-radius: 50%;
    transition: all 180ms ease 0s;
    cursor: pointer;
}

.notifications--tempo > em:hover {
    background: rgba(0, 0, 0, 0.1);
}

.notifications--tempo > i {
    margin-inline-end: 20px; font-size: 25px;
    width: 50px;
    text-align: center;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--positive);
    color: white;
}

.notifications--tempo > span {
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    align-items: center;
    font-weight: 300;
    flex: 1 1 0%;
    line-height: 1.7;
}

.notifications--tempo > span > i {
    display: flex;
    float: left;
    height: 26px;
    width: 26px;
    border-radius: 36px;
    background: rgba(139, 139, 139, 0.13);
    text-align: center;
    line-height: 30px;
    color: var(--secondarytext);
    place-content: center;
    align-items: center;
    transition: all 180ms ease 0s;
}

.notifications--tempo > span > i:hover {
    background: rgb(219, 219, 219);
}

.--thankyou--info-price {
    display: flex;
    align-items: center;
    justify-content: center;
}

.--thankyou--info-price > span {
    flex: 1 1 0%;
    font-size: 20px;
}

.-inner-price-thankyou-boxed {
    display: flex;
    align-items: flex-end;
    font-size: 22px;
    color: var(--secondarytext);
}

.-inner-price-thankyou-boxed > span.price-value {
    font-size: 50px;
    font-family: var(--f-number);
    font-weight: 500;
    line-height: 0.8;
    margin-inline-end: 7px; color: var(--primary-text);
}

.-element-Quantity {
    min-width: max-content;
    margin-inline: 10px; background: var(--uioverlaycolor);
    padding: 6px 10px;
    border-radius: var(--miniradius);
    font-size: 12px;
    font-weight: 300;
    color: var(--secondarytext);
    transition: all 180ms ease 0s;
}

.-single-product-thankyou-item:hover .-element-Quantity {
    background: var(--bgcolor);
    color: var(--primary-text);
}

.-element-Quantity > strong {
    font-weight: 300;
}

.-order-single-page-conatiner {
    display: flex;
    align-items: flex-start;
    padding: 40px 0px;
    flex-direction: column;
}

.-user-sidebar {
    --elemnt-width: 100%;
    min-width: var(--elemnt-width);
    max-width: var(--elemnt-width);
    margin-bottom: 40px;
    transition: all 180ms ease 0s;
    padding: 40px;
    border-radius: var(--largeradius);
    display: flex;
    background: var(--uioverlaycolor);
    position: relative;
    align-items: center;
}

.-user-left-info-cover {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1;
    max-width: calc(100% - 130px);
}

.hidemenu .-user-sidebar {
}

.user-sidebar-thumb {
    display: flex;
    --ew: 170px;
    min-width: var(--ew);
    max-width: var(--ew);
    height: var(--ew);
    border: 2px solid var(--diver);
    border-radius: 35%;
    position: relative;
    margin-inline-end: 40px;
    background: var(--bgcolor);
}

.user-sidebar-info-area {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
}

.user-sidebar-info-area > h2 {
    font-size: 30px;
    text-transform: capitalize;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 5px;
}

.user-sidebar-info-area > p {
    color: var(--secondarytext);
    font-weight: 200;
    text-transform: capitalize;
    }

.user-sidebar-links {
    display: flex;
    margin-top: 20px;
    max-width: 100%;
}

.user-sidebar-links > ul > li {
    display: block;
    margin-inline-end: 10px;
    min-width: max-content;
}

.user-sidebar-links > ul > li:last-child {
    margin-bottom: 0px;
}

.user-sidebar-links > ul > li > a {
    padding: 18px 20px;
    font-size: 16px;
    width: 100%;
    display: flex;
    border-radius: var(--largeradius);
    transition: all 180ms ease 0s;
    align-items: center;
    color: var(--secondarytext);
    border: 2px solid var(--diver);
}

.user-sidebar-links > ul > li.Logout > a:hover {
    color: var(--negative);
}

.user-sidebar-links > ul > li > a:hover {
    color: var(--primary-text);
}

.user-sidebar-links > ul > li > a > span > em {
    font-style: normal;
    color: var(--uicolor2);
    font-weight: 300;
    margin-inline-start: 5px;
    }

.user-sidebar-links > ul > li > a.active > span > em {
}

.user-sidebar-links > ul > li > a.active {
    border-color: var(--uicolor);
    color: white;
}

.user-sidebar-links > ul > li > a > i {
    color: var(--secondarytext-bold);
    font-size: 20px;
    margin-inline-end: 15px;
    text-align: center;
    border-radius: 50%;
    display: flex;
    align-items: center;
    place-content: center;
    flex-wrap: wrap;
    transition: all 180ms ease 0s;
}

.user-sidebar-links > ul > li > a:hover > i {
    color: var(--primary-text);
}

.user-sidebar-links > ul > li.Logout > a:hover > i {
    color: var(--negative);
}

.user-sidebar-links > ul > li > a.active > i {
    color: white;
}

.user-sidebar-links > ul {
    display: flex;
    list-style: none;
    margin: 0 auto;
}

.-order-single-page-details {
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

.-order-single-page-details .-fix-inputs-area {
    margin-bottom: 50px;
}

.is-setting-page-users .-order-single-page-details {padding: 40px;border: 1px solid var(--diver);border-radius: var(--largeradius);flex-direction: column;align-items: stretch;}

.-user-sidebar .MenuHr {
    margin: 30px auto;
}

.-orders-sidbar-title {
    display: block;
    padding: 0px 0px 30px;
    border-bottom: 1px solid var(--diver);
    margin-bottom: 30px;
    font-size: 22px;
}

.-orders-sidbar-title > em {
    font-style: normal;
    font-weight: 200;
    color: var(--secondarytext);
}

.-single-order-widgets-element {
    display: block;
    margin-bottom: 30px;
}

.-single-order-whatsapp {
    display: block;
    margin: 0px 0px 40px;
}

.-single-order-whatsapp > a {
    padding: 20px;
    display: flex;
    color: white;
    align-items: center;
    font-size: 20px;
    background: var(--whatsapp);
}

.-single-order-whatsapp > a:hover {
    background: var(--whatsapp);
    color: white;
}

.-single-order-whatsapp > a > i {
    font-size: 60px;
    margin-inline-end: 30px; }

whatsapp--box {
    border-radius: var(--largeradius);
    display: flex;
    align-items: center;
    padding: 25px;
    background: #ffffff05;
    margin-bottom: 30px;
}

.-order-single-page-details whatsapp--box {
    padding: 20px;
    border: 2px solid var(--whatsapp);
    margin-bottom: 20px;
}

whatsapp--box > a {
    display: block;
    padding: 14px;
    border: 2px solid var(--diver);
    font-size: 16px;
    font-weight: 400;
    border-radius: var(--largeradius);
    color: var(--primary-text);
    overflow: hidden;
}

.-order-single-page-details whatsapp--box > a {
    border-color: var(--whatsapp);
    color: white;
    background: var(--whatsapp);
}

whatsapp--box > a:hover {
    background: var(--positive);
    color: white;
}

.-order-single-page-details whatsapp--box > a:hover {
    background: transparent;
    color: var(--whatsapp);
}

whatsapp--box > a > span {
}

whatsapp--box > a > i {
    margin-inline-start: 10px; }

whatsapp--box > a:hover > i {
    animation: 0.6s ease-in-out 0s infinite alternate none running fly-1;
}

@keyframes fly-1 {
    0% {
        transform: translateY(0.1em);
    }

    100% {
        transform: translateY(-0.1em);
    }
}

whatsapp--box > i {
    color: rgb(39, 174, 96);
    font-size: 60px;
    margin-inline-end: 20px; }

.whatsapp--bunner-info {
    display: block;
    flex: 1 1 0%;
}

.whatsapp--bunner-info > h3 {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    margin-bottom: 2px;
    color: var(--secondarytext);
}

.whatsapp--bunner-info > wh-number {
    font-family: var(--f-number);
    font-size: 29px;
    font-weight: 500;
}

.-order-single-page-details .MenuHr {
    margin: 40px auto;
}

.notifications-icon.active .-notification-ul-list {
    visibility: visible;
    opacity: 1;
    transform: translate(-50%, 0px);
}

.-notification-ul-list {
    display: flex;
    width: 350px;
    position: absolute;
    list-style: none;
    visibility: hidden;
    left: 50%;
    top: 55px;
    background: rgb(255, 255, 255);
    box-shadow: var(--PopoverShadow);
    transform: translate(-50%, 20px);
    opacity: 0;
    transition: all 0.35s ease 0s;
    z-index: 1000;
    line-height: initial;
    text-align: right;
    border-radius: var(--largeradius);
    padding: 20px;
    max-height: 450px;
    flex-direction: column;
    min-height: 420px;
}

.-notification-title {
    display: block;
    margin-bottom: 15px;
}

.-notification-title > h2 {
    display: block;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
}

.-notification-ul-list > ul {
    display: flex;
    list-style: none;
    flex: 1 1 0%;
    overflow: hidden auto;
    padding: 0px 10px 0px 5px;
    margin: 0px -10px;
    flex-direction: column;
}

.-notification-ul-list > ul::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.-notification-ul-list > ul::-webkit-scrollbar-thumb {
    background: rgba(3, 30, 53, 0.02);
    border-radius: 3px;
}

.-notification-ul-list > ul::-webkit-scrollbar-track {
    background: transparent;
}

.-notification-ul-list > ul > li {
    display: block;
    margin-bottom: 10px;
}

.-notification-ul-list > ul > li > a {
    display: block;
    background: rgb(251, 251, 251);
    padding: 20px;
    border-radius: var(--miniradius);
    color: var(--secondarytext-bold);
}

.-notification-ul-list > ul > li > a.is_not__seen {
    background: rgb(232, 245, 233);
    color: rgb(8, 92, 11);
}

.-notification-ul-list > ul > li > a:not(.is_not__seen):hover {
    color: var(--primary-text);
}

.-notification-ul-list > ul > li > a > span {
    color: var(--secondarytext);
    font-weight: 300;
    font-size: 12px;
}

.-notification-ul-list > ul > li > a.is_not__seen > span {
    color: var(--secondarytext-bold);
}

.-notification-ul-list > ul > li > a > h2 {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    margin-bottom: 6px;
    max-height: 54px;
    overflow: hidden;
}

.-notification-ul-list > ul > li:last-child {
    margin-bottom: 0px;
}

.-notification-ul-list .three-body {
}

.-order-single-page-posts {
    display: flex;
    margin: 0px -15px;
    flex-wrap: wrap;
    min-height: 300px;
    justify-content: center;
}

.-not-fount-style-element {
    max-width: 370px;
    text-align: center;
    line-height: 1.5;
    margin: auto;
    color: rgb(235, 235, 235);
}

.-not-fount-style-element > i {
    font-size: 100px;
    margin-bottom: 20px;
    font-weight: 600;
}

.-not-fount-style-element > h2 {
    font-size: 35px;
}

.-order-single-page-posts .-Product-Post-Box {
    --box-width: 317px;
}

.hidemenu .-order-single-page-favourites {
}

.-order-single-page-favourites {
    display: block;
    width: 100%;
}

.-favourites-sidbar-title {
    display: block;
    margin-bottom: 30px;
    font-size: 26px;
}

.-favourites-sidbar-title > em {
    font-style: normal;
    font-weight: 200;
    color: var(--secondarytext);
}

.-notification-ul-list .loader-body {
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.-card-select-CreateFields {
}

.-card-select-CreateFields .-fix-forms-field-title {
    margin-bottom: 30px;
}

.-card-select-CreateFields .-fix-inputs-area.-for-date-field {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

.-order-single-page-form .YC-BTN-Forms-Plugin {
    display: block;
    background: var(--uicolor);
    padding: 12px 16px;
    border-radius: var(--largeradius);
    color: rgb(255, 255, 255);
    cursor: pointer;
    margin-right: 5px;
    font-size: 17px;
    font-weight: 300;
    border: 2px solid var(--uicolor);
    transition: all 180ms ease 0s;
}

.-order-single-page-form .YC-BTN-Forms-Plugin:hover {
    background: transparent;
    color: var(--uicolor);
}

.-order-single-page-form .YC-BTN-Forms-Plugin > i {
    margin-inline-start: 5px; }

.ve--menu {
    display: flex;
    justify-content: flex-end;
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid var(--diver);
}

.custom-comment-submit button {
    display: flex;
    justify-content: space-between;
    padding: 13px;
    border-radius: var(--miniradius);
    background: var(--uicolor);
    border: 2px solid var(--uicolor);
    color: white;
    font-size: 15px;
    align-items: center;
    transition: all 180ms ease 0s;
}

.custom-comment-submit button:hover {
    background: var(--bgcolor);
    color: var(--uicolor);
}

.custom-comment-submit button > i {
    margin-inline-start: 10px; }

.-order-item-blogbox {
    display: block;
    padding: 30px;
    border-radius: var(--largeradius);
    border: var(--border-defult);
    box-shadow: var(--box-shadow-defult);
    margin: 0px 15px 30px;
    flex: 1 1 0%;
    min-width: 320px;
    transition: all 80ms ease 0s;
    background: var(--bgcolor);
    position: relative;
}

.-order-item-blogbox > .-order-item-blogbox-link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    right: 0px;
    z-index: 1;
}

.-order-item-blogbox:hover {
    box-shadow: var(--box-shadow-hover);
    border-color: var(--border-defult-hover);
    transition: all 250ms ease 0s;
    transform: translateY(-1px);
    background: var(--uioverlaycolor);
}

.-order-item-blogbox-head {
    display: flex;
    margin-bottom: 30px;
    align-items: center;
}

.-order-item-blogbox-title {
    display: block;
    flex: 1 1 0%;
    font-size: 23px;
}

.-order-item-blogbox-title > em {
    font-style: normal;
    font-family: var(--f-number);
    color: var(--uicolor2);
}

.-order-item-blogbox-head .-inner-price-thankyou-boxed {
    font-size: 17px;
}

.-order-item-blogbox-head .-inner-price-thankyou-boxed span.price-value {
    font-size: 30px;
}

.-for-my-orders.-order-single-page-posts {
    margin: 0px -15px;
}

.-order-item-blogbox-element {
    display: block;
}

.-order-item-blogbox-element .-ul-payement-action-items > ul {
}

.-order-item-blogbox-element .-ul-payement-action-items > ul > li {
    margin-bottom: 20px;
}

.-order-item-blogbox-element .-ul-payement-action-items > ul > li:last-child {
    margin-bottom: 0px;
}

.-order-item-blogbox-element .-ul-payement-action-items > ul > li span {
    font-size: 15px;
}

.-order-item-blogbox-element .-ul-payement-action-items > ul > li > strong {
    font-size: 15px;
}

.-alert-confie {
    display: block;
    color: var(--negative);
    font-weight: 300;
    line-height: 1.5;
    margin-top: -20px;
    margin-bottom: 40px;
    font-size: 15px;
}

.-mobile-menu-button #checkbox {
    display: none;
}

.-mobile-menu-button .toggle {
    position: relative;
    width: 40px;
    height: 40px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    transition-duration: 0.5s;
}

.-mobile-menu-button .bars {
    width: 100%;
    height: 4px;
    background-color: var(--bars-background);
    border-radius: 4px;
}

.-mobile-menu-button #bar2 {
    transition-duration: 0.8s;
}

.-mobile-menu-button #bar1, .-mobile-menu-button #bar3 {
    width: 70%;
}

.-mobile-menu-button #checkbox:checked + .toggle .bars {
    position: absolute;
    transition-duration: 0.5s;
}

.-mobile-menu-button #checkbox:checked + .toggle #bar2 {
    transform: scaleX(0);
    transition-duration: 0.5s;
}

.-mobile-menu-button #checkbox:checked + .toggle #bar1 {
    width: 80%;
    transform: rotate(45deg);
    transition-duration: 0.5s;
}

.-mobile-menu-button #checkbox:checked + .toggle #bar3 {
    width: 80%;
    transform: rotate(-45deg);
    transition-duration: 0.5s;
}

.-mobile-menu-button #checkbox:checked + .toggle {
    transition-duration: 0.5s;
    transform: rotate(180deg);
}

.-mobile-menu-button {
    display: none;
    margin-inline-end: 20px; }

.cropping--inner---Context----overlays {
    margin: -40px -40px 90px;
    background: rgb(251, 251, 251);
}

.picturecropping--inner--Context---overlays {
    display: block;
    flex: 1 1 0%;
    margin: -40px;
    padding: 40px;
    overflow: auto;
    min-width: 580px;
}

.picturecropping--inner--Context---overlays > divider {
    margin: 0px -16px 16px;
}

.croppie-container {
    width: 100%;
    height: 460px;
}

.croppie-container .cr-image {
    z-index: -1;
    position: absolute;
    top: 0px;
    left: 0px;
    transform-origin: 0px 0px;
    max-height: none;
    max-width: none;
}

.croppie-container .cr-boundary {
    position: relative;
    overflow: hidden;
    margin: 0px auto;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.croppie-container .cr-viewport, .croppie-container .cr-resizer {
    position: absolute;
    margin: auto;
    inset: 0px;
    --elem-color: #000000b8;
    box-shadow: 0 0 0 330px var(--elem-color);
    border-radius: 50%;
    z-index: 0;
}

.croppie-container .cr-resizer {
    z-index: 2;
    box-shadow: none;
    pointer-events: none;
}

.croppie-container .cr-resizer-vertical, .croppie-container .cr-resizer-horisontal {
    position: absolute;
    pointer-events: all;
}

.croppie-container .cr-resizer-vertical::after, .croppie-container .cr-resizer-horisontal::after {
    display: block;
    position: absolute;
    box-sizing: border-box;
    border: 1px solid black;
    background: rgb(255, 255, 255);
    width: 10px;
    height: 10px;
    content: "";
}

.croppie-container .cr-resizer-vertical {
    bottom: -5px;
    cursor: row-resize;
    width: 100%;
    height: 10px;
}

.croppie-container .cr-resizer-vertical::after {
    left: 50%;
    margin-left: -5px;
}

.croppie-container .cr-resizer-horisontal {
    right: -5px;
    cursor: col-resize;
    width: 10px;
    height: 100%;
}

.croppie-container .cr-resizer-horisontal::after {
    top: 50%;
    margin-top: -5px;
}

.croppie-container .cr-original-image {
    display: none;
}

.croppie-container .cr-vp-circle {
    border-radius: 50%;
}

.croppie-container .cr-overlay {
    z-index: 1;
    position: absolute;
    cursor: move;
    touch-action: none;
}

.croppie-container .cr-slider-wrap {
    margin: 20px 40px;
    text-align: center;
}

.croppie-result {
    position: relative;
    overflow: hidden;
}

.croppie-result img {
    position: absolute;
}

.croppie-container .cr-image, .croppie-container .cr-overlay, .croppie-container .cr-viewport {
    transform: translateZ(0px);
}

input.cr-slider {
}

input[type="range"].cr-slider {
    appearance: none;
    width: 100%;
    height: 20px;
    margin: 10px 0px;
    background-color: rgb(237, 237, 237);
    border-radius: 10px;
}

input[type="range"].cr-slider:focus {
    outline: none;
}

input[type="range"].cr-slider::-webkit-slider-thumb {
    appearance: none;
    width: 20px;
    height: 20px;
    background-color: var(--uicolor);
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0px 0px 5px var(--uicolor);
}

ul.DeletionAlert--buttons {
    display: flex;
    margin: -10px;
    justify-content: flex-end;
}

ul.DeletionAlert--buttons > li {
}

ul.DeletionAlert--buttons > li {
    display: flex;
    place-content: center space-between;
    align-items: center;
    border-radius: var(--miniradius);
    flex-flow: row-reverse wrap;
    padding: 14px 30px;
    font-size: 15px;
    color: white;
    background: var(--primary-text);
    border: 2px solid var(--primary-text);
    transition: all 180ms ease 0s;
    margin: 6px;
}

ul.DeletionAlert--buttons > li.close--confirmation {
    background: var(--negative);
    border-color: var(--negative);
}

ul.DeletionAlert--buttons > li.close--confirmation:hover {
    color: var(--negative);
    background: white;
}

ul.DeletionAlert--buttons > li.apply--confirmation {
    background: var(--positive);
    border-color: var(--positive);
    color: white;
}

ul.DeletionAlert--buttons > li:hover {
    color: var(--positive);
    background: transparent;
}

.-insert-avatar-thumb {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 35%;
    overflow: hidden;
    --elemnt-width: 100%;
    --element-height: 100%;
    --element-radius: 50%;
}

.-avatar-append-image {
    width: var(--elemnt-width);
    height: var(--element-height);
    border-radius: var(--element-radius);
    display: flex;
    align-items: center;
    justify-content: center;
}

.-avatar-append-image > img {
    width: 100%;
    object-fit: contain;
}

.-change-image-profile {
    position: absolute;
    bottom: 0px;
    left: 1px;
    z-index: 2;
}

.-change-image-profile > a {
    background: var(--bgcolor);
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 2px solid var(--uicolor2);
    display: flex;
    place-content: center;
    align-items: center;
    flex-wrap: wrap;
    color: var(--uicolor2);
    transition: all 180ms ease 0s;
}

.-change-image-profile > a:hover {
    color: white;
}

.-change-image-profile > a > i {
    font-weight: 800;
}

switchname {
    display: block;
    font-size: 17px;
    color: var(--secondarytext);
    font-weight: 200;
    margin-top: 10px;
}

.-field-upload-image {
    display: block;
}

.-field-upload-image > a {
    display: block;
    padding: 15px 20px;
    font-size: 16px;
    border: 2px solid var(--positive);
    border-radius: var(--largeradius);
    color: var(--positive);
}

.-field-upload-image > a > i {
    margin-inline-end: 10px; font-size: 21px;
}

.-image-preview-item {
    display: block;
    max-width: 250px;
    margin: 30px 0px;
    border-radius: var(--largeradius);
    overflow: hidden;
    box-shadow: var(--box-shadow-hover);
}

.iti.iti--container {
    z-index: 100000008;
}

.-img-overlay-backdrop {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: var(--imgURL);
    background-position: center center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    filter: blur(20px);
}

header.fixedintro .-Header-Fix .container {
}

.css-Bottom-separator {
}

.css-Bottom-separator > svg {
}

.css-Top-separator > svg > path {
    fill: var(--separator);
}

.css-Bottom-separator > svg > path {
    fill: var(--bottom-separator-color);
}

.-Product-post-Item-image {
    width: 150px;
    height: 150px;
    border: 4px solid rgba(0, 118, 248, 0.04);
    border-radius: 35%;
    display: flex;
    place-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 35px;
    --bs-shd: 0px 8px 40px 3px #020c1a;
    box-shadow: var(--bs-shd);
    background: rgba(255, 255, 255, 0.01);
    transition: 180ms all ease;
}

.-Product-Post-Box:hover .-Product-post-Item-image {
    background: rgb(0 0 0 / 11%);
}

.-Product-Post-Box.-discountProduct-Post-Box .-Product-post-Item-image {
    border-color: var(--uicolor);
}

.-Price-Items-List {
    display: block;
    flex: 1 1 0%;
    margin: 20px 0px;
}

.-Price-Items-List > ul {
    display: block;
    list-style: none;
}

.-Price-Items-List > ul > li {
    display: flex;
    font-weight: 300;
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 10px;
    color: var(--secondarytext);
    align-items: center;
    text-align: center;
    justify-content: center;
}

.-Price-Items-List > ul > li > i {
    margin-inline-end: 10px; font-weight: 500;
    color: rgb(86, 95, 125);
    font-size: 20px;
    margin-top: 3px;
    display: none;
    align-items: center;
}

.-payments-cards {
    display: block;
    max-width: 300px;
    margin-bottom: 20px;
}

.-payments-cards > p {
    display: block;
    line-height: 1.5;
    font-size: 14px;
    color: var(--secondarytext);
    margin-bottom: 10px;
}

.-payments-cards > span {
    font-weight: 500;
    font-size: 17px;
    line-height: 1.5;
    margin-bottom: 10px;
    display: block;
}

.-payments-cards .-footer-payment-item {
    max-width: 36px;
}

.spaceor-progress {
    content: "";
    height: 5px;
    background: var(--diver);
    flex: 1;
}

.-steps-cart-items > ul > li.active + .spaceor-progress {
    background: var(--uicolor);
}

.-steps-cart-items > ul > li.active + .spaceor-progress + li {
}

.Switch-LoginButton {
    display: flex;
    line-height: 1.6;
    font-weight: 300;
    color: var(--secondarytext);
    flex: 1;
    font-size: 15px;
    margin-inline-end: 30px;
    flex-direction: column;
}

.Switch-LoginButton > a {
    font-weight: 400;
    font-size: 16px;
}

.Switch-LoginButton > a:hover {
    color: var(--uicolor2);
}

.-logged-remember .-fix-inputs-area {
    flex-flow: nowrap;
    align-items: center;
}

.-logged-remember .-fix-inputs-area .-fix-forms-field-title {
    margin-bottom: 0;
}

.-logged-remember .-fix-inputs-area switchname {
    display: none;
}

.error__log--area {
    display: block;
    text-align: start;
}

.error__log--area > span {
    font-weight: 500;
    font-size: 19px;
    margin-bottom: 15px;
    display: block;
}

.error__log--area > ul {
    display: block;
    list-style: none;
}

.error__log--area > ul > li {
    display: flex;
    font-size: 14px;
    line-height: 1.6;
    color: var(--secondarytext);
    align-items: flex-start;
    font-weight: 300;
}

.error__log--area > ul > li > span > strong {
    color: var(--primary-text);
}

.error__log--area > ul > li > span > a:hover {
    color: var(--uicolor2);
}

.error__log--area > ul > li > em {
    font-style: normal;
    font-weight: 700;
    font-family: var(--f-number);
    font-size: 19px;
    margin-inline-end: 10px; }

.-donemessages-LoginButton > a {
    display: flex;
    background: var(--uicolor);
    padding: 14px 18px;
    border-radius: var(--largeradius);
    color: rgb(255, 255, 255);
    cursor: pointer;
    font-size: 17px;
    font-weight: 300;
    border: 2px solid var(--uicolor);
    transition: all 180ms ease 0s;
    align-items: center;
    max-width: max-content;
    margin: 0 auto;
}

.-donemessages-LoginButton > a:hover {
    background: transparent;
    color: var(--uicolor);
}

.-donemessages-LoginButton > a > i {
    margin-inline-start: 10px; }

.-donemessages-LoginButton {
    display: block;
    margin-top: 30px;
}

.page-right-bar-inuser {
    flex: 1;
    margin-inline-end: 40px; padding: 40px;
    border: 1px solid var(--diver);
    border-radius: var(--largeradius);
}

.page-left-bar-inuser {
    display: block;
    --element-width: 450px;
    min-width: var(--element-width);
    max-width: var(--element-width);
    position: sticky;
    top: 110px;
    background: var(--bgcolor);
    border-radius: var(--largeradius);
    padding: 40px;
    border: 1px solid var(--diver);
    --bx-shadow: 0 5px 20px 5px #020812;
    box-shadow: var(--bx-shadow);
    transition: 180ms all ease;
}
.hidemenu .page-left-bar-inuser{
    top: 30px;
}

.Context--overlays.popover--videos .Close--title---Context----overlays {
    position: absolute;
    left: -10px;
    background: #020a17;
    top: -10px;
    border: 2px solid var(--diver);
    font-size: 22px;
}

.iframe-in---overlays {
    overflow: hidden;
    border-radius: var(--largeradius);
    min-width: 800px;
    padding-bottom: 56%;
    position: relative;
}

.iframe-in---overlays > iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    transform: translate(-50%,-50%);
    left: 50%;
}

.Context--overlays.popover--videos .inner--Context---overlays {
    padding: 0;
}

.mobile-msingle-title {
    display: none;
    font-size: 32px;
    margin: 30px 0;
}

.mobile-msingle-price {
    display: none;
}
.-BTN--hoverable:hover {background: var(--first-button-hovercolor);color: var(--first-button-hovertext);border: var(--first-button-hoverborder);animation: rotate624 0.7s ease-in-out both;transition: all 0.3s cubic-bezier(0.02, 0.01, 0.47, 1);}
.-BTN--hoverable:hover > * {
    animation: storm1261 0.7s ease-in-out both;
    animation-delay: 0.06s;
}
@-webkit-keyframes rotate624 {
  0% {
    -webkit-transform: rotate(0deg) translate3d(0, 0, 0);
            transform: rotate(0deg) translate3d(0, 0, 0);
  }

  25% {
    -webkit-transform: rotate(3deg) translate3d(0, 0, 0);
            transform: rotate(3deg) translate3d(0, 0, 0);
  }

  50% {
    -webkit-transform: rotate(-3deg) translate3d(0, 0, 0);
            transform: rotate(-3deg) translate3d(0, 0, 0);
  }

  75% {
    -webkit-transform: rotate(1deg) translate3d(0, 0, 0);
            transform: rotate(1deg) translate3d(0, 0, 0);
  }

  100% {
    -webkit-transform: rotate(0deg) translate3d(0, 0, 0);
            transform: rotate(0deg) translate3d(0, 0, 0);
  }
}

@keyframes rotate624 {
  0% {
    -webkit-transform: rotate(0deg) translate3d(0, 0, 0);
            transform: rotate(0deg) translate3d(0, 0, 0);
  }

  25% {
    -webkit-transform: rotate(3deg) translate3d(0, 0, 0);
            transform: rotate(3deg) translate3d(0, 0, 0);
  }

  50% {
    -webkit-transform: rotate(-3deg) translate3d(0, 0, 0);
            transform: rotate(-3deg) translate3d(0, 0, 0);
  }

  75% {
    -webkit-transform: rotate(1deg) translate3d(0, 0, 0);
            transform: rotate(1deg) translate3d(0, 0, 0);
  }

  100% {
    -webkit-transform: rotate(0deg) translate3d(0, 0, 0);
            transform: rotate(0deg) translate3d(0, 0, 0);
  }
}

@-webkit-keyframes storm1261 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) translateZ(0);
            transform: translate3d(0, 0, 0) translateZ(0);
  }

  25% {
    -webkit-transform: translate3d(4px, 0, 0) translateZ(0);
            transform: translate3d(4px, 0, 0) translateZ(0);
  }

  50% {
    -webkit-transform: translate3d(-3px, 0, 0) translateZ(0);
            transform: translate3d(-3px, 0, 0) translateZ(0);
  }

  75% {
    -webkit-transform: translate3d(2px, 0, 0) translateZ(0);
            transform: translate3d(2px, 0, 0) translateZ(0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0) translateZ(0);
            transform: translate3d(0, 0, 0) translateZ(0);
  }
}

@keyframes storm1261 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) translateZ(0);
            transform: translate3d(0, 0, 0) translateZ(0);
  }

  25% {
    -webkit-transform: translate3d(4px, 0, 0) translateZ(0);
            transform: translate3d(4px, 0, 0) translateZ(0);
  }

  50% {
    -webkit-transform: translate3d(-3px, 0, 0) translateZ(0);
            transform: translate3d(-3px, 0, 0) translateZ(0);
  }

  75% {
    -webkit-transform: translate3d(2px, 0, 0) translateZ(0);
            transform: translate3d(2px, 0, 0) translateZ(0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0) translateZ(0);
            transform: translate3d(0, 0, 0) translateZ(0);
  }
}

c--color {
    color: var(--cword-color);
}
  [customscroller]::-webkit-scrollbar {
      width: 5px;
      height: 4px;
  }
  
  [customscroller]::-webkit-scrollbar-thumb {
      background: transparent;
      border-radius: 23px;
  }
  
  [customscroller]:hover::-webkit-scrollbar-thumb {
      background: var(--scroll-thumb);
  }
  
  [customscroller]::-webkit-scrollbar-track {
      background: transparent;
  }