/* cyrillic */
@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v14/92zUtBhPNqw73oHt5D4hTxM.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v14/92zUtBhPNqw73oHt7j4hTxM.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v14/92zUtBhPNqw73oHt4D4h.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v14/92zUtBhPNqw73oHt5D4hTxM.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v14/92zUtBhPNqw73oHt7j4hTxM.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v14/92zUtBhPNqw73oHt4D4h.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v14/92zUtBhPNqw73oHt5D4hTxM.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v14/92zUtBhPNqw73oHt7j4hTxM.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v14/92zUtBhPNqw73oHt4D4h.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v14/92zUtBhPNqw73oHt5D4hTxM.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v14/92zUtBhPNqw73oHt7j4hTxM.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v14/92zUtBhPNqw73oHt4D4h.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v14/92zUtBhPNqw73oHt5D4hTxM.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v14/92zUtBhPNqw73oHt7j4hTxM.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v14/92zUtBhPNqw73oHt4D4h.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v14/92zUtBhPNqw73oHt5D4hTxM.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v14/92zUtBhPNqw73oHt7j4hTxM.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v14/92zUtBhPNqw73oHt4D4h.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v14/92zUtBhPNqw73oHt5D4hTxM.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v14/92zUtBhPNqw73oHt7j4hTxM.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v14/92zUtBhPNqw73oHt4D4h.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v14/92zUtBhPNqw73oHt5D4hTxM.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v14/92zUtBhPNqw73oHt7j4hTxM.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v14/92zUtBhPNqw73oHt4D4h.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v14/92zUtBhPNqw73oHt5D4hTxM.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v14/92zUtBhPNqw73oHt7j4hTxM.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v14/92zUtBhPNqw73oHt4D4h.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v14/92zatBhPNqw73oDd4iYl.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v14/92zatBhPNqw73ord4iYl.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v14/92zatBhPNqw73oTd4g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v14/92zatBhPNqw73oDd4iYl.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v14/92zatBhPNqw73ord4iYl.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v14/92zatBhPNqw73oTd4g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v14/92zatBhPNqw73oDd4iYl.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v14/92zatBhPNqw73ord4iYl.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v14/92zatBhPNqw73oTd4g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v14/92zatBhPNqw73oDd4iYl.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v14/92zatBhPNqw73ord4iYl.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v14/92zatBhPNqw73oTd4g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v14/92zatBhPNqw73oDd4iYl.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v14/92zatBhPNqw73ord4iYl.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v14/92zatBhPNqw73oTd4g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v14/92zatBhPNqw73oDd4iYl.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v14/92zatBhPNqw73ord4iYl.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v14/92zatBhPNqw73oTd4g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v14/92zatBhPNqw73oDd4iYl.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v14/92zatBhPNqw73ord4iYl.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v14/92zatBhPNqw73oTd4g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v14/92zatBhPNqw73oDd4iYl.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v14/92zatBhPNqw73ord4iYl.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v14/92zatBhPNqw73oTd4g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v14/92zatBhPNqw73oDd4iYl.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v14/92zatBhPNqw73ord4iYl.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v14/92zatBhPNqw73oTd4g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


:root {
  --black:#000000;
  --primary-color: #778F94 ;
  --secondary-color: #12424A;
  --tertiary-color: #e7dfd4;
  --border-grey:#979797;
  --white:#ffffff;
  --pager-bg:#d4cbbe;
  --text-secondary:white;
  --grey-bg: #f2f2f2;
  --grey-text: white;
}

/* Keyframe*/

@keyframes fade-up {
  0% {
    opacity: 0;
    transform: translate(30px) scale(0.9);
  }

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


@keyframes fade-down {
  0% {
    opacity: 0;
    transform: translate(-30px) scale(0.9);
  }

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

/* Utility classes */


.animate {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animate.animate--infinite {
  animation-iteration-count: infinite;
}

.animate.animate--delay-1s {
  animation-delay: 1s;
}

.animate.animate--fast {
  animation-duration: 0.6s;
}

.animate.animate--slow {
  animation-duration: 3s;
}

/* Animations */
@keyframes slideInLeft {
  from {
    transform: translateX(-300px);
  }

  to {
    transform: translateX(0);
  }
}

.slideInLeft {
  animation-name: slideInLeft;
  animation-timing-function: ease-in;
}

@keyframes slideInRight {
  from {
    transform: translateX(300px);
  }

  to {
    transform: translateX(0);
  }
}

.slideInRight {
  animation-name: slideInRight;
  animation-timing-function: ease-in;
}

@keyframes rotate {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.rotate {
  animation-name: rotate;
  animation-timing-function: linear;

  transform-origin: top left;
}

@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }

  40% {
    transform: translateY(-30px);
  }

  60% {
    transform: translateY(-15px);
  }
}

.bounce {
  animation-name: bounce;
}




.fade-up {
  animation: fade-up 0.8s;
}

.slideinleft {
  animation: slideInLeft 0.8s;
}

.slideinright {
  animation: slideInRight 0.8s;
}





html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0;	padding: 0;	border: 0; vertical-align: baseline; font-family: 'Jost', sans-serif; list-style: none; color:var(--black);}
* { box-sizing: border-box;}
a:focus,button:focus,input:focus,textarea:focus { outline:0; text-decoration:none;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; -webkit-font-smoothing:antialiased; margin-bottom:15px; color:var(--black); line-height: normal; font-weight: 400;}
h1 { font-size:75px; line-height: 75px;}
h2 { font-size: 55px; line-height: 60px;}
h3 { font-size:40px;}
h4 { font-size:28px; line-height: 28px;}
a { color:#018aff; text-decoration:none; transition:all ease-out .3s; -webkit-transition:all ease-out .3s; -moz-transition:all ease-out .3s;-ms-transition:all ease-out .3s; -o-transition:all ease-out .3s;}
a:hover { text-decoration:none;color:#3ba4ff;}
label { font-weight:400;margin:0;}
p { font-size: 18px; line-height: 29px; color:var(--black); margin:0; padding:0; font-weight: 400; margin-bottom:15px;}
li,ol,ul { list-style:none; margin:0; padding:0;}
focus { outline:0;}


/*========================== Commen styles ========================*/
section { display: block;}
.section-padding { padding: 85px 0;}

.primary-btn { display: inline-block; background: var(--primary-color); color: var(--white); font-size: 16px; padding: 12px 55px 12px 30px; position: relative; transition: all ease-out 0.3s;}
.primary-btn::before { content: ''; width: 5px; height: 10px; display: block; background: url(../img/btn-arrow.svg) no-repeat left top; background-size: 5px; position: absolute; right: 26px; top: 18px;}
.primary-btn:hover { background: var(--secondary-color); color: var(--white);}
.secondary-btn { display: inline-block; padding: 11px 55px 11px 30px; position: relative; color: var(--white); border: 1px solid var(--white);}
.secondary-btn::before { content: ''; width: 5px; height: 10px; display: block; background: url(../img/btn-arrow.svg) no-repeat left top; background-size: 5px; position: absolute; right: 26px; top: 18px;}
.secondary-btn:hover { background: var(--white); color: var(--primary-color);}
.secondary-btn:hover::before { background: url(../img/btn-arrow-hover.svg) no-repeat left top; background-size: 5px;}

.commen-head { display: block; text-align: center;}
.commen-head h2 { font-size: 48px; margin-bottom: 30px;}
.commen-head p { margin-bottom: 1.4em;}
/*========================== Commen styles ========================*/

.header { display: block; width: 100%; position: absolute; top: 0; left: 0; z-index: 9;}
.header-top-block { display: block; background: var(--primary-color); padding: 7px 0;}
.header-top-block .container { position: relative;}
.header-top-block p { margin-bottom: 0; color: white; margin: 0; text-align: center; padding-right: 20px;}
.header-top-block p a { color: white;}

.close-btn { width: 19px; height: 19px; display: block; border-radius: 100%; position: absolute; right: 12px; top: 3px; border: none; background: none; background: url(../img/close.svg); background-size: 19px; }

.close-btn img { width: 19px; height: 19px; display: block;}
.header-top-block.close-bar { display: none;}

.header-main-block { display: block; padding: 15px 0;}
.header-main-block .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.logo { display: flex; align-items: center; max-width: 390px;}
.logo a { display: inline-block; max-width: 201px;}
.logo a img { display: block; margin-top: 0rem;}
.drypskin-logo { width: 200px; margin-left: 20px;}

/* ==========================================================================
   Menu with dropdown menu begin
   ========================================================================== */
.main-menu { display:block;}
.main-menu > ul { display:block;}
.main-menu > ul > li { display:inline-block; margin: 0 2px;}
.main-menu > ul > li > a { color:var(--white); display: block; font-size: 15px; padding: 6px 20px; padding: 6px 15px; position: relative; line-height: 20px; text-transform: uppercase;}
.main-menu > ul > li:hover > a, .main-menu > ul > li.active > a { color: white; background-color: var(--secondary-color);}
/* .main-menu > ul > li:hover a::after, .main-menu > ul > li.active > a::after { width: 100%;} */
.main-menu > ul > li.dropdown > a::before { content: "\f107"; font-family: "FontAwesome"; font-size: 14px; color: #ffffff; display: inline-block; position: absolute; right: 0; top: 6px;}

.main-menu > ul > li.drp > a::before { content: ''; width: 0; height: 0px; display: block; border: 4px solid #363232; border-color: #363232 transparent transparent transparent; position: absolute; right: -12px; top: 24px;}
.main-menu > ul > li.drp > a:hover:before { border-color: #363232 transparent transparent transparent;}
.main-menu > ul > li.drp:hover > a::before, .main-menu > ul > li.drp.active > a::before { border-color: #ee5a32 transparent transparent transparent;}
/* .main-menu > ul > li:last-child a { padding-right: 0;} */
.main-menu .primary-btn::before { display: none;}

.main-menu > ul > li > ul { display:block; position:absolute; top:32px; left: 0px; background-color: var(--white); width: 200px; font-weight: 400; z-index: 10; opacity: 0; pointer-events: none; transition: all ease-out 0.3s; transform: translateY(10px);}
.main-menu > ul > li > ul > li { display:block; border-top:1px solid #e9ebed;}
.main-menu > ul > li > ul > li:first-child { border-top:none;}
.main-menu > ul > li > ul > li > a { display: block; background-color: var(--primary-color); color: var(--black); padding: 10px 15px; font-weight: 400; font-size: 14px; line-height: 18px; position: relative; text-align: left;}
.main-menu > ul > li > ul > li > a:hover { background: var(--secondary-color); color: white;}
.main-menu > ul > li:nth-child(4) > ul { left: inherit; right: 0px;}
.main-menu > ul > li > ul.normal-sub-menu { width: 250px;}
/* .main-menu > ul > li > ul { max-height: 350px; overflow-y: auto; scrollbar-color: #ee5a32 #195588; scrollbar-width: thin;}
.main-menu > ul > li > ul::-webkit-scrollbar { width: 8px;}
.main-menu > ul > li > ul::-webkit-scrollbar-track { background: #195588;}
.main-menu > ul > li > ul::-webkit-scrollbar-thumb { background-color: #ee5a32; outline: none;} */
.main-menu > ul > li:hover > ul { opacity: 1; pointer-events: all; transform: translateY(0px);}

/* Menu Second Level  */
.main-menu > ul > li > ul > li { position: relative; display: block; border-top:1px solid var(--grey-bg);}
.main-menu > ul > li > ul > li> a.hoverClass { color:var(--white);}
.main-menu > ul > li > ul > li.dropdown >a:after{ content: "\f107"; position: absolute; top: 8px; right: 15px; font-family: 'FontAwesome'; transition: all ease 0.2s;}
.main-menu > ul > li > ul > li.dropdown> a.hoverClass:after{ color:var(--white); transform: rotate(-90deg);}
.main-menu > ul > li > ul > li > ul { display: block; transition: all ease 0.2s; position:absolute; top:0px; left:200px; background-color: var(--white); width: 200px; font-weight: 400; opacity: 0;}
.main-menu > ul > li > ul > li:hover > ul { right:200px; opacity: 1; pointer-events: auto; z-index: 3; transform: translateY(0px);}
.main-menu > ul > li > ul > li > ul > li { display:block; border-top:1px solid var(--grey-bg);}
.main-menu > ul > li > ul > li > ul > li:first-child { border-top:none;}
.main-menu > ul > li > ul > li ul > li > a {display: block; color: var(--black); background-color: var(--secondary-color); padding: 10px 15px; font-weight: 400; font-size: 14px; position: relative; text-align: left;}
.main-menu > ul > li > ul > li ul > li > a:hover { background: var(--primary-color); color: white;}

/*======================================== Menu Style End =======================================*/
.mobile-menu ul.menu-list { padding:5px 0; background-color: var(--primary-color); color: white;}
.mobile-menu ul.menu-list > li > a:hover { background:var(--primary-color); color:var(--white);}
.mobile-menu ul.menu-list > li > ul { display:none; margin-left:0; padding:10px 0; background:var(--primary-color) }
.mobile-menu ul.menu-list> li a.open,.mobile-menu ul.menu-list > li > ul > li a:hover { background:var(--primary-color); border-bottom: 1px solid black; position: relative; color:var(--white);}
.mobile-menu ul.menu-list > li > ul > li a { color:var(--white); padding:10px 10px;display:block; font-size:16px; transition:all ease-out .2s;-webkit-transition:all ease-out .2s;-moz-transition:all ease-out .2s;-ms-transition:all ease-out .  2s;-o-transition:all ease-out .2s;text-align:center;}
.menu-toggle { position:absolute; display:none; width:40px; height:40px; background:var(--secondary-color); background: transparent; top:8px; right:20px; padding-top: 5px; box-sizing:border-box; border: none; padding: 0;}
.mobile-menu ul.menu-list > li > ul > li a {background-color: var(--primary-color);}

.menu-toggle span.line { position:relative; width:65%; height:2px; background:var(--white); margin:6px auto; display:block; transition:all ease .3s; -webkit-transition:all ease .3s; -moz-transition:all ease .3s; -o-transition:all ease .3s; -ms-transition:all ease .3s}
.menu-toggle.active span.line { position:absolute; margin:auto; top:0; right:0; bottom:0; left:0; transform-origin:center center;}
.menu-toggle.active span.line.a { transform:rotate(45deg)}
.menu-toggle.active span.line.c { transform:rotate(-45deg)}
.menu-toggle.active span.line.b { opacity:0}
.mobile-menu { display:none;}
.mobile-menu > ul { padding:10px 0; background-color: var(--primary-color) ;}
.mobile-menu ul > li {text-align:center; border-top: 1px solid black; position: relative;}
.mobile-menu ul > li:first-child { border-top:none;}
.mobile-menu ul > li > a { display:block; color: white; font-size:16px; padding:8px 20px;}
.mobile-menu ul > li > a > img { display: none;} 
.mobile-menu ul > li.dropdown > a { position:relative;}
.mobile-menu ul > li.dropdown > a:after { content: "\f107"; font-family: "FontAwesome"; font-size: 14px; color: #ffffff; display: inline-block; position: absolute; right: 10px; top: 8px;}
.mobile-menu ul > li.drp > a { position:relative;}
.mobile-menu ul > li.drp > a:after { content:''; width:0; height:0; display:block; border:6px solid #fff; border-color:#fff transparent transparent transparent; position:absolute; right:15px; top:15px;}
.mobile-menu ul > li.drp > a.open:after { border:6px solid #fff; border-color: transparent transparent #fff transparent; top:10px}
/*======================================== Menu Style End =======================================*/

.mega-drop { position: fixed; width: 100%; top: 71px; left: 0; display: block; opacity: 0; pointer-events: none; transition: all ease-out 0.3s; transform: translateY(-1000000px); text-align: left; padding: 35px 0; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.144); background: #ffffff; z-index: 9;}
.mega-drop.megamenu { opacity: 1; pointer-events: auto; z-index: 9; transform: translateY(0px);}

/* ==========================================================================
  Menu with dropdown menu End
  ========================================================================== */

.home-banner { display: block;}
.home-banner-desktop { background-size: cover !important; background-repeat: no-repeat !important; background-position: center top !important;}
.home-banner-cont { display: flex; flex-direction: column; justify-content:center; /* min-height:912px;*/  height: 95vh; padding-top: 38px;}
.home-banner-cont h1 { color: var(--white); margin-top: 12rem; text-align: center;}
.home-banner-cont h3 { color: var(--white); font-weight: 300; line-height: 50px; margin-bottom: 20px;}
.home-banner-cont p { color: var(--white); font-weight: 300; font-size: 18px;}

.home-banner-mobile { background-size: cover !important; background-repeat: no-repeat !important; background-position: center top !important;}
.home-banner-mobile .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 90vh;}
.home-banner-mobile .container h1,
.home-banner-mobile .container h3,
.home-banner-mobile .container p { color: var(--white);}

.home-first-block { display: block;}
.home-first-left { background-size: cover !important; background-repeat: no-repeat !important; background-position: center top !important; min-height: 797px; position: relative;}
.iv-top-video { width: 101px; height: 101px; display: block; position: absolute; right: 35%; top: 0; bottom: 0; margin: auto;}
.home-first-right { display: block; max-width: 540px; margin-left: 170px; margin-right: 170px}
.home-first-right h1 { margin-bottom: 25px;}
.home-first-right p { margin-bottom: 25px;}

.home-services-block { display: block; padding: 100px 0 0 0; position: relative;}
.home-services-block .container { position: relative; z-index: 5;}
.round-element { width: 610px; height: 750px; display: block; position: absolute; right: 0; top: -200px; overflow: hidden;}
.round-element::before { content: ''; width: 750px; height: 750px; display: block; border: 1px solid #9c9c9c; border-radius: 100%; border-radius: 100%;}
.round-element.medium { top: inherit; right: inherit; left: 0; bottom: -160px; width: 580px; height: 580px;}
.round-element.medium::before { width: 580px; height: 580px; position: relative; right: 30px;}
.services-item { display: block; padding: 30px; margin: 20px; transition: all ease-out 0.3s; text-align: center; }
.services-item:hover { background: #D2C8BB; box-shadow: 3px 3px 30px 0 #00000010; border-radius: 30px;}
/* .home-services-block .owl-carousel .owl-item:nth-child(even) { padding-top: 40px;} */
.home-services-block .owl-carousel .owl-nav { display: flex; position: relative; position: absolute; bottom: 50%; left: 0; width: 100%;}
.home-services-block .owl-carousel .owl-nav button { width: 38px; height: 14px; display: block; position: absolute; bottom: 0; background: url(../img/next-prev-arrow.svg) no-repeat left top; background-size: 38px;}
.home-services-block .owl-carousel .owl-nav button span { font-size: 0;}
.home-services-block .owl-carousel .owl-nav .owl-prev { left: -15px; transform: rotate(180deg);}
.home-services-block .owl-carousel .owl-nav .owl-next { right: -15px;}

.home-wellness-block { display: block; background: url(../img/home-wellness-bg.webp) no-repeat left top; background-size: cover; position: relative; animation : slideInLeft 1.2s;}
.home-wellness-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 75px 0; min-height: 612px;}
.home-wellness-content h1 { color: var(--white); margin-bottom: 30px;}
.home-wellness-content p { color: var(--white); margin-bottom: 30px;}
.home-wellness-content .secondary-btn { margin-right: 20px; font-size: 16px; text-transform: uppercase;}
.wellness-btns { display: block;}

.home-aesthetic-block { display: block; padding: 88px 0;}
.home-aesthetic-box-left { display: block; margin-left: -50px;}
.home-aesthetic-box { display: block; background: #ffffffe1; position: relative; z-index: 2; margin-right: -40px; padding: 65px; box-shadow: 5px 28px 46px 0 #0000000e;}
.home-aesthetic-box h1 { margin-bottom: 25px;}
.home-aesthetic-box p { margin-bottom: 30px;}

.home-benefit-block { display: block; padding: 65px 0; background: var(--grey-bg);}
.home-benefit-box { display: block;}
.home-benefit-box h2 { font-size: 55px; margin-bottom: 25px;}
.commen-list { display: block;}
.commen-list li { font-size: 18px; color: var(--black); line-height: 24px; margin-bottom: 20px; position: relative; padding-left: 35px;}
.commen-list li::before { content: ''; width: 22px; height: 22px; display: block; border-radius: 100%; position: absolute; left: 0; top: 0; background: url(../img/btn-arrow.svg) no-repeat 9px 7px var(--primary-color); background-size: 4px;}

.blog-faq-testimonials { display: block; background: rgb(255,255,255); no-repeat center bottom, linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(231,223,213,1) 100%); background-size: 100%; padding-bottom: 105px;}
.blog-faq-testimonials h1 { text-align: center; margin-bottom: 25px; line-height: normal;}
.home-blog { padding-top: 55px;}
.home-blog-item { display: flex; flex-direction: column; justify-content: flex-end; min-height: 367px; background-size: cover !important; background-repeat: no-repeat !important; background-position: center top !important; padding: 35px 35px 30px 35px; position: relative;}
.home-blog-item::before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background: #000000a8;}
.home-blog-item p { color: #ffffff; font-size: 24px; line-height: 30px; font-weight: 400; position: relative; z-index: 2;}
.home-blog-item p span { display: block; color: #eaaca1; padding-bottom: 10px; font-size: 16px; text-transform: uppercase;}
.home-blog .owl-dots { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 50px;}
.home-blog .owl-dots button { display: inline-block; margin: 0 5px;}
.home-blog .owl-dots button span { width: 12px; height: 12px; display: block; border-radius: 100%; background: var(--pager-bg);}
.home-blog .owl-dots button.active span { background: var(--primary-color);}

.commen-faq .accordion-box { margin-bottom: 20px; background: #ffffff; box-shadow: 0 0 13px 0 #00000017;}
.commen-faq .accordion-box .accordion-item { display: block; border: none; padding: 20px 25px; padding-right: 75px; border-bottom: 1px solid #e7dfd4; cursor: pointer; position: relative;}
.plus-minus { width: 41px; height: 41px; display: block; border-radius: 100%; border: 1px solid #000000; position: absolute; right: 20px; top: 15px;}
.plus-minus::before { content: ''; width: 60%; height: 2px; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background: #000000;}
.plus-minus::after { content: ''; width: 2px; height: 60%; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background: #000000;}
.commen-faq .accordion-box .accordion-item.open .plus-minus::after { display: none;}
.commen-faq .accordion-box .accordion-item h5 { margin-bottom: 0;}
.commen-faq .accordion-box .accordion-item h5 span { width: 34px; height: 34px; background: var(--primary-color); border-radius: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 10px; color: #ffffff;}
.commen-faq .accordion-box .data { display: none; padding: 30px;}


.home-wellness-content p { text-align: justify; color: black;}



.home-testimonials { overflow: hidden;}
.home-testimonials h1 { line-height: 80px;}
.home-testimonials h3 { text-align: center; font-size: 35px; font-weight: 300;}
.home-testimonials .owl-carousel .owl-stage-outer { overflow: unset;}
.home-testimonials .owl-carousel .owl-stage { padding-left: 0 !important; display: -webkit-box; display: -ms-flexbox; display: flex;}


/* .home-testimonials .owl-carousel .owl-item { } */


.testimonials-item { display: block; padding: 30px; text-align: center; }
.blog-avatar { width: 104px; height: 104px; display: block; border-radius: 100%; overflow: hidden; margin: auto; margin-bottom: 30px;}
.testimonials-item h6 { color: var(--primary-color); font-size: 18px; font-weight: 700;}

.footer { display: block; background: var(--primary-color);}
.footer h4 { color: var(--white); font-size: 22px; margin-bottom: 30px;}
.footer-about { display: block; margin-right: -15px;}
.footer-logo { display: block; max-width: 202px; margin-bottom: 20px;}
.footer-about p { color: var(--text-secondary); font-size: 17px; line-height: 27px; margin-bottom: 30px;}
.social { display: flex; flex-wrap: wrap;}
.social li { margin-right: 25px;}
.social li a { display: inline-block;}
.social li a i { color: var(--white); font-size: 24px; transition: all ease-out 0.3s;}
.social li a:hover i { color: var(--text-secondary);}
.quick-link { display: inline; max-width: 270px; margin-left: 50px; margin-top: 15px;}
.quick-link-list { display: flex; flex-wrap: nowrap; align-items: center;}
.quick-link-list li { width: 50%; padding-right: 15px; margin-bottom: 12px; margin-left: 5rem;}
.quick-link-list li a { color: var(--text-secondary); font-size: 17px;}
.quick-link-list li a i { color: var(--text-secondary); display: inline-block; margin-right: 5px; transition: all ease-out 0.3s;}
.quick-link-list li a:hover { color: var(--white);}
.quick-link-list li a:hover i { color: var(--white);}
.quick-link p { color: var(--text-secondary); font-size: 17px;}
.footer-info { display: block; margin-left: 40px; margin-top: 15px;}
.footer-info p { color: var(--text-secondary); font-size: 17px;}
.footer-info p b { display: block; color: white;}
.footer-info p a { color: var(--text-secondary);}
.footer-info p a:hover { color: var(--white);}
.footer-bottom { border-top: 1px solid white; text-align: center;}
.footer-bottom p { margin-bottom: 0; color: white; font-size: 16px;}


.sub-banner { display: block; background-size: cover !important; background-repeat: no-repeat !important; background-position: center top !important; position: relative; text-align: center; padding-bottom: 70px;}
.sub-ban-overlay { display: block; width: 100%; height: 100%; background: #000000c0; position: absolute; left: 0; top: 0; z-index: 2;}
.sub-banner-cont { display: inline-block; border: 1px solid var(--white); padding: 20px 40px; text-align: center; position: relative; z-index: 3; margin-top: 170px; max-width: 440px; width: 100%;}
.sub-banner-cont h1 { color: var(--white);}
.sub-breadcrumb { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: var(--white); font-size: 18px; font-weight: 300;}
.sub-breadcrumb li { display: block; padding: 0 13px; position: relative; color: var(--white); font-size: 18px; font-weight: 300;}
.sub-breadcrumb li::before { content: ''; width: 4px; height: 4px; display: block; background: var(--white); border-radius: 100%; position: absolute; left: 0; top: 12px;}
.sub-breadcrumb li a { color: var(--white);}
.sub-breadcrumb li a:hover { color: var(--primary-color);}

.about-page { display: block;}
.about-page .home-first-block { position: relative; overflow: hidden;}
.about-page .home-first-block  .round-element.medium { left: -120px;}
.about-page .home-first-right { margin: 0 65px 0 0;}
.about-page .home-first-left .iv-top-video { right: inherit; left: 20%;}

.contact-page { display: block;}
.contact-first-block { display: block; padding: 70px 0; position: relative; overflow: hidden;}
.contact-first-address { display: block; margin-right: 30px;}
.contact-first-address h3 { margin-bottom: 10px;}
.contact-first-address ul li { display: block; margin-bottom: 15px; font-size: 18px;}
.contact-first-address ul li b { display: block;}
.contact-first-address ul li a { color: #eaaca1;}
.contact-first-address h4 { padding-top: 20px; border-top: 1px solid #dfdfdf;}

.contact-first-form { display: block; background: var(--white); box-shadow: 0 0 13px 0 #00000017; padding: 30px 40px;}
.contact-first-form h3 { margin-bottom: 10px;}
.appointment-input { width: 100%; height: 50px; display: block; background: #f7f7f7; border: none; padding: 0 20px;}
.appointment-textarea { width: 100%; height: 100px; display: block; background: #f7f7f7; border: none; padding: 15px 20px; resize: none;}
.appointment-form .primary-btn { padding: 11px 45px; border: none;}
.contact-first-block .round-element.medium { left: -120px;}
.contact-first-block .container { position: relative; z-index: 2;}

.blog-block { padding: 70px 0; position: relative; overflow: hidden;}
.blog-block .container { position: relative; z-index: 2;}
.blog-left { display: block;}
.blog-box { display: block;}
.blog-box strong { margin-bottom: 5px; font-size: 20px; display: block; font-weight: 600;}
.blog-box p { font-size: 16px; line-height: 24px;}
.blog-box i { color: var(--primary-color); font-size: 18px;}
.blog-right { display: block;}

.blog-detail-page { display: block;}
.blog-detail-block { display: block; max-width: 900px; margin: auto;}
.blog-detail-block ul { padding-left: 20px;}
.blog-detail-block ul li { list-style: outside; font-size: 18px; margin-bottom: 10px;}

.header-top-block p a i { color:white;}
.header-top-block p a i.fa-phone { font-size: 14px;}
.footer-info p a i { color: var(--text-secondary);}
.footer-info p a i.fa-phone { font-size: 14px;}
.floating-whatsapp { width: 55px; height: 55px; position: fixed; right: 15px; bottom: 40px; border-radius: 100%; background: #39be50; display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 1rem;  -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 99;}
.floating-whatsapp i { color: var(--white); font-size: 28px;}



.phone-number { width: 55px; height: 55px; position: fixed; bottom: 20px; left: 1%; z-index: 99; background: var(--primary-color); color: var(--white); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 25px; border-radius: 100%; -webkit-animation: yellow 2s infinite; -moz-animation: yellow 2s infinite; -o-animation: yellow 2s infinite; animation: yellow 2s infinite;}
.phone-number:hover { background: var(--text-secondary); color:  var(--white);}
@keyframes yellow {
  0%, 100% { -webkit-box-shadow: 0 0px 0 4px #dd9e93; -moz-box-shadow: 0 0px 0 4px #dd9e93; -ms-box-shadow: 0 0px 0 4px #dd9e93; -o-box-shadow: 0 0px 0 4px #dd9e93; box-shadow: 0 0px 0 4px #dd9e93;}
  50% { -webkit-box-shadow: 0 0px 0 0px #dd9e93; -ms-box-shadow: 0 0px 0 0px #dd9e93; -o-box-shadow: 0 0px 0 0px #dd9e93; -moz-box-shadow: 0 0px 0 0px #dd9e93; box-shadow: 0 0px 0 0px #dd9e93;} 
}
.phone-number i { display: inline-block; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out; animation: phonering-alo-circle-img-anim 1s infinite ease-in-out; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; color: var(--white);}
@-webkit-keyframes phonering-alo-circle-img-anim {
  0% { -webkit-transform: rotate(0) scale(1) skew(1deg)}
  10% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg)}
  20% { -webkit-transform: rotate(25deg) scale(1) skew(1deg)}
  30% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg)}
  40% { -webkit-transform: rotate(25deg) scale(1) skew(1deg)}
  50% { -webkit-transform: rotate(0) scale(1) skew(1deg)}
  100% { -webkit-transform: rotate(0) scale(1) skew(1deg)}
}
.phone-number::before { content: ''; width: 87px; height: 87px; top: -16px; left: -16px; position: absolute; background-color: transparent; border-radius: 100%; border: 2px solid #dd9e93;
 -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out; animation: phonering-alo-circle-anim 1.2s infinite ease-in-out; transition: all .5s; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; opacity: .5}
@-webkit-keyframes phonering-alo-circle-anim {
  0% {
      -webkit-transform: rotate(0) scale(.5) skew(1deg); -webkit-opacity: .1
  }
  30% {
      -webkit-transform: rotate(0) scale(.7) skew(1deg); -webkit-opacity: .5
  }
  100% {
      -webkit-transform: rotate(0) scale(1) skew(1deg); -webkit-opacity: .1
  }
}


.iv-drip-top-block { padding: 70px 0; position: relative;}
.iv-drip-top-block .round-element.medium { left: inherit; right: 0; top: -150px;}
.iv-drip-top-block .round-element.medium::before { right: -30px;}


.iv-service-secion { display: block; padding: 70px 0; background: #f5f5f5;}
.iv-service-secion h2 { text-align: center; margin-bottom: 0; color: var(--primary-color);}
.iv-service-secion h3 { text-align: center; margin-bottom: 30px; font-size: 24px; margin-bottom: 5px !important;}
.iv-service-secion h3 span { color: #edada1;}
.iv-service-box { display: block; background: #ffffff; box-shadow: 0 0 13px 0 #0000000e; position: relative; padding-bottom: 100px; /*margin-bottom: 38px;*/ max-width: 400px; margin: auto; height: 100%;}
.iv-service-box-image { display: block; position: relative;}
.iv-service-box-image::after { content: ''; width: 100%; height: 63px; display: block; position: absolute; left: 0; bottom:-3px; background: url(../img/iv-service-bg.svg) no-repeat left top; background-size: cover;}
.price-ribbon { width: 98px; height: 98px; border-radius: 100%; background: #edada1; text-align: center; display: flex; justify-content: center; align-items: center; box-shadow: 3px -3px 0 0 #e89b76; position: absolute; left: 30px; bottom: -35px; z-index: 2;}
.price-ribbon h5 { margin-bottom: 0; color: #393939; font-size: 17px; line-height: 20px;}
.price-ribbon h5 span { display: block; color: #393939; font-size: 15px;}
.services-drip-bag { display: inline-block; position: absolute; right: 40px; bottom: -45px; z-index: 2;}
.iv-service-box-content { display: block; padding: 60px 30px 35px 30px;}
.iv-service-box-content h5 { font-size: 25px; color: #a76537; line-height: 30px; text-transform: capitalize;}
.iv-service-box-content h6 { font-size: 16px; color: #000000; margin-bottom: 20px; text-transform: capitalize;}
.general-list { display: block;}
.general-list li { color: #393939; font-size: 15px; color: #393939; font-size: 16px; padding-left: 30px; position: relative; margin-bottom: 5px;}
.general-list li::before { content: ''; width: 16px; height: 16px; display: block; background: url(../img/check-icon.svg) no-repeat center center #edada1; position: absolute; left: 0; top: 3px; border-radius: 100%; background-size: 9px;}
.service-ingredients { display: block; background: #fff7f6; position: relative; position: absolute; bottom: 40px; left: 0; right: 0; width: 88%; margin: auto;}
.ingredients-head { display: block; position: relative; font-size: 18px; color: #393939; padding: 17px 20px;}
.ingredients-head:hover { color: #393939;}
.ingredients-head::after { content: ''; width: 24px; height: 24px; display: block; background: #edada1; border-radius: 100%; position: absolute; right: 20px; top: 17px; content: "\f107"; font-family: "FontAwesome"; font-size: 16px; color: #ffffff; text-align: center; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all ease-out 0.3s; -o-transition: all ease-out 0.3s; transition: all ease-out 0.3s;}
.ingredients-head.active { background: #fcf1f0;}
.ingredients-head.active::after { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);}
.service-ingredients-list { display: block; padding: 17px 20px 12px 20px; background: #fff7f6; width: 100%; position: absolute; left: 0; bottom: 58px; opacity: 0; pointer-events: none; -webkit-transition: all ease-out 0.3s; -o-transition: all ease-out 0.3s; transition: all ease-out 0.3s; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); z-index: 2;}
.service-ingredients-list li { display: inline-block; color: #000000; font-size: 16px; position: relative; padding-left: 25px; margin-right: 15px; margin-bottom: 5px;}
.service-ingredients-list li::before { content: "\f00c"; font-family: 'FontAwesome'; display: inline-block; font-size: 14px; color: #000000; position: absolute; left: 0; top: 0;}
.service-ingredients-list.open { opacity: 1; pointer-events: visible; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px);}

.iv-service-more { display: block; position: relative; width: 151px; height: 51px; background: #edada1; border-radius: 30px; color: #000000; font-size: 15px; line-height: 51px; text-align: center; margin: auto;}
.iv-service-more span { color: #000000;}
.iv-service-more .after { display: none;}
.iv-service-more.active { background: #fba87f;}
.iv-service-more.active .after { display: block;}
.iv-service-more.active .before { display: none;}
.more-iv-services { display: none;}
.iv-heading { font-size: 40px !important; margin-bottom: 5px !important;}

.home-banner-cont h3 span { background: var(--primary-color); display: block; padding: 5px 20px 10px 20px; color: #ffffff; text-align: center; border-radius: 15px;}
.oligoscan-block .home-first-right { max-width: 710px;}
.oligoscan-block .home-first-left { min-height: 650px;}
.sub-banner-cont { max-width: 530px;}
.sub-banner-cont h1 { font-size: 62px; line-height: 68px;}
.iv-heading { text-transform: uppercase;}


.contactbutton :hover {
  background: white;
   padding: 10px 8px 10px 8px;
   transition: 0.5s;
    color: black;
    text-align: center;
    border-radius: 25px;
  }


.health-check-table { display: block;}
.health-check-table table { margin-bottom: 0;}
.health-check-table table tr th { background:var(--primary-color); color: #000000; font-size: 14px; text-transform: uppercase; border: none; padding: 7px 15px;}
.health-check-table table tr td { background: #fff; padding: 10px 15px; color: #000000; font-size: 16px; border-left: 1px solid #f5eae9; border-top: 1px solid #f5eae9; border-bottom: none;}
.health-check-table table tr td .fa-check { color: #60a83d;}
.health-check-table table tr td .fa-times { color: #e31919;}
.health-check-table table tr td:first-child { border-left: none;}
.health-check-table table tr.sub-table-head td { background: #f6e9e3; font-weight: 600; text-transform: uppercase;}

.health-checkup-second-block { display: block; padding: 70px 0; background: #f2f3f5;}
.health-checkup-second-block h3 { color: #a76537;}
.health-checkup-second-block h4 { color: #a76537;}
.health-checkup-second-block .health-check-table table tr th:nth-child(1) { width: 20%;}
.health-checkup-second-block .health-check-table table tr th:nth-child(2) { width: 50%;}
.health-checkup-second-block .health-check-table table tr th:nth-child(3) { width: 15%;}
.health-checkup-second-block .health-check-table table tr th:nth-child(4) { width: 15%;}

.health-checkup-third-block { display: block; padding: 70px 0;}
.health-checkup-third-block h3 { color: #a76537;}
.health-check-table .table { border: 1px solid #f5eae9;}

.dna-test-bottom-block { display: block; padding: 55px 0 70px; background: #f2f3f5;}
.dna-test-bottom-block h3 { color: #a76537; font-size: 22px; margin-bottom: 10px; line-height: 1.1;}
.dna-test-bottom-block h4 { font-size: 20px; margin-bottom: 10px; line-height: 1.1;}
.dna-test-bottom-block h5 { font-size: 18px; font-weight: 700; margin-bottom: 10px; line-height: 1.1;}
.dna-bottom-box { display: block; background: #ffffff; padding: 20px; height: 100%;}

.price-ribbon { flex-direction: column;}
.price-ribbon h6 { color: #393939; font-size: 14px; font-family: 'josefin_sanssemibold'; margin-bottom: 5px; text-decoration: line-through;}

.meet-doctor { display: block; padding: 70px 0; background: var(--grey-bg);}
.team-box { display: block; background: var(--white); height: 100%;}
.team-box .image-place { display: flex; justify-content: center; align-items: end; background: #f6e9e3; padding: 15px 15px 0 15px;}
.team-box h3{color:#a76537 !important; font-size: 30px;}
.team-body { display: block; padding: 25px;}

.grey-bg { background: var(--grey-bg) !important;}
.dna-test-bottom-block .owl-carousel .owl-stage { display: flex;}
.hydrafacial-at-home-page .benefits-ivdrip-list { padding-left: 20px;}
.hydrafacial-at-home-page .benefits-ivdrip-list li { list-style: outside; display: list-item;}
.hydrafacial-at-home-page .dna-test-bottom-block h3 { font-size: 24px; font-weight: 500;}
.commen-list2 { display: block;}
.commen-list2 li { font-size: 18px; color: var(--black); line-height: 24px; margin-bottom: 20px; position: relative; padding-left: 40px;}
.commen-list2 li .cont { width: 28px; height: 28px; display: flex; justify-content: center; align-items: center; border-radius: 100%; position: absolute; left: 0; top: -2px; background: var(--primary-color); color: var(--black); font-size: 14px; font-weight: 600;}
.team-body h6 { color: var(--grey-text);}
.lipozero-at-home-page .iv-drip-top-block h3 { line-height: 1.1;}

.full-width .home-first-right { max-width: 100%; padding: 50px 0;}
.hifu-page .oligoscan-block .home-first-right { padding: 50px 0;}

.home-prices { display: block; padding: 30px; padding-bottom: 25px; border-radius: 10px; background: #ffcfc8; position: relative; z-index: 2;}
.home-prices li { padding-left: 41px; position: relative; font-size: 18px; color: #000000; display: inline-block; margin-right: 30px; display: inline-block; margin-bottom: 10px;}
.benefits-ivdrip-list li::before { content: ''; width: 22px; height: 22px; display: block; background: url(../img/check-icon.svg) no-repeat center center #edada1; position: absolute; left: 0; top: 0; border-radius: 100%; background-size: 13px;}


.gallery-section { display: block;}
.gallery-section h2 { text-align: center; line-height: 50px;}
.gallery-box { display: block; position: relative; cursor: pointer;}
.gallery-box::before { content: ''; width: 60px; height: 60px; background: url(../img/arrows-fullscreen.svg) no-repeat center center #ffffff; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; border-radius: 100%; background-size: 25px; transition: all ease-out 0.3s; opacity: 0;}
.gallery-box:hover::before  { opacity: 1;}


.card{ background-color: #E0E7DC;
        border: 0; 
        margin-left: 0px;
        display: block; 
        padding: 30px; 
        text-align: center; 
}
.card-title {
  margin-left: 11rem;
} 


.about-image {padding-top: 980px;}


/* =========================================================================
font-family: 'Jost', sans-serif;
========================================================================== */
/* :root {
  --black:#000000;
  --primary-color:#eaaca1;
  --secondary-color: #572e27;
  --tertiary-color: #e7dfd4;
  --border-grey:#979797;
  --white:#ffffff;
  --pager-bg:#d4cbbe;
  --text-secondary:#a57f78;
  --grey-bg: #f2f2f2;
  --grey-text: #8f8f8f;
} */