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;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

* {
  padding: 0;
  margin: 0;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

::-moz-selection {
  background-color: #b3d4fc;
  color: #000000;
  text-shadow: none;
}

::selection {
  background-color: #b3d4fc;
  color: #000000;
  text-shadow: none;
}

table {
  border-collapse: collapse;
}

caption {
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
}

a {
  text-decoration: none;
}

input:focus, select:focus, textarea:focus, button:focus {
  outline: none;
}

li {
  list-style: none;
}

input, textarea, button, select, a, div {
  -webkit-tap-highlight-color: transparent !important;
} /* devanagari */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: local("Poppins Thin Italic"), local("Poppins-ThinItalic"), url("./fonts/Poppins-100-devanagari1.woff2") format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: local("Poppins Thin Italic"), local("Poppins-ThinItalic"), url("./fonts/Poppins-100-latin-ext2.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: "Poppins";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: local("Poppins Thin Italic"), local("Poppins-ThinItalic"), url("./fonts/Poppins-100-latin3.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;
}
/* devanagari */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: local("Poppins ExtraLight Italic"), local("Poppins-ExtraLightItalic"), url("./fonts/Poppins-200-devanagari4.woff2") format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: local("Poppins ExtraLight Italic"), local("Poppins-ExtraLightItalic"), url("./fonts/Poppins-200-latin-ext5.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: "Poppins";
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: local("Poppins ExtraLight Italic"), local("Poppins-ExtraLightItalic"), url("./fonts/Poppins-200-latin6.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;
}
/* devanagari */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: local("Poppins Light Italic"), local("Poppins-LightItalic"), url("./fonts/Poppins-300-devanagari7.woff2") format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: local("Poppins Light Italic"), local("Poppins-LightItalic"), url("./fonts/Poppins-300-latin-ext8.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: "Poppins";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: local("Poppins Light Italic"), local("Poppins-LightItalic"), url("./fonts/Poppins-300-latin9.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;
}
/* devanagari */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local("Poppins Italic"), local("Poppins-Italic"), url("./fonts/Poppins-400-devanagari10.woff2") format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local("Poppins Italic"), local("Poppins-Italic"), url("./fonts/Poppins-400-latin-ext11.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: "Poppins";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local("Poppins Italic"), local("Poppins-Italic"), url("./fonts/Poppins-400-latin12.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;
}
/* devanagari */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: local("Poppins Medium Italic"), local("Poppins-MediumItalic"), url("./fonts/Poppins-500-devanagari13.woff2") format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: local("Poppins Medium Italic"), local("Poppins-MediumItalic"), url("./fonts/Poppins-500-latin-ext14.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: "Poppins";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: local("Poppins Medium Italic"), local("Poppins-MediumItalic"), url("./fonts/Poppins-500-latin15.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;
}
/* devanagari */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: local("Poppins SemiBold Italic"), local("Poppins-SemiBoldItalic"), url("./fonts/Poppins-600-devanagari16.woff2") format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: local("Poppins SemiBold Italic"), local("Poppins-SemiBoldItalic"), url("./fonts/Poppins-600-latin-ext17.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: "Poppins";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: local("Poppins SemiBold Italic"), local("Poppins-SemiBoldItalic"), url("./fonts/Poppins-600-latin18.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;
}
/* devanagari */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local("Poppins Bold Italic"), local("Poppins-BoldItalic"), url("./fonts/Poppins-700-devanagari19.woff2") format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local("Poppins Bold Italic"), local("Poppins-BoldItalic"), url("./fonts/Poppins-700-latin-ext20.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: "Poppins";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local("Poppins Bold Italic"), local("Poppins-BoldItalic"), url("./fonts/Poppins-700-latin21.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;
}
/* devanagari */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: local("Poppins ExtraBold Italic"), local("Poppins-ExtraBoldItalic"), url("./fonts/Poppins-800-devanagari22.woff2") format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: local("Poppins ExtraBold Italic"), local("Poppins-ExtraBoldItalic"), url("./fonts/Poppins-800-latin-ext23.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: "Poppins";
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: local("Poppins ExtraBold Italic"), local("Poppins-ExtraBoldItalic"), url("./fonts/Poppins-800-latin24.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;
}
/* devanagari */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: local("Poppins Black Italic"), local("Poppins-BlackItalic"), url("./fonts/Poppins-900-devanagari25.woff2") format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: local("Poppins Black Italic"), local("Poppins-BlackItalic"), url("./fonts/Poppins-900-latin-ext26.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: "Poppins";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: local("Poppins Black Italic"), local("Poppins-BlackItalic"), url("./fonts/Poppins-900-latin27.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;
}
/* devanagari */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: local("Poppins Thin"), local("Poppins-Thin"), url("./fonts/Poppins-100-devanagari28.woff2") format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: local("Poppins Thin"), local("Poppins-Thin"), url("./fonts/Poppins-100-latin-ext29.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: "Poppins";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: local("Poppins Thin"), local("Poppins-Thin"), url("./fonts/Poppins-100-latin30.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;
}
/* devanagari */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: local("Poppins ExtraLight"), local("Poppins-ExtraLight"), url("./fonts/Poppins-200-devanagari31.woff2") format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: local("Poppins ExtraLight"), local("Poppins-ExtraLight"), url("./fonts/Poppins-200-latin-ext32.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: "Poppins";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: local("Poppins ExtraLight"), local("Poppins-ExtraLight"), url("./fonts/Poppins-200-latin33.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;
}
/* devanagari */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Poppins Light"), local("Poppins-Light"), url("./fonts/Poppins-300-devanagari34.woff2") format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Poppins Light"), local("Poppins-Light"), url("./fonts/Poppins-300-latin-ext35.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: "Poppins";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Poppins Light"), local("Poppins-Light"), url("./fonts/Poppins-300-latin36.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;
}
/* devanagari */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Poppins Regular"), local("Poppins-Regular"), url("./fonts/Poppins-400-devanagari37.woff2") format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Poppins Regular"), local("Poppins-Regular"), url("./fonts/Poppins-400-latin-ext38.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: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Poppins Regular"), local("Poppins-Regular"), url("./fonts/Poppins-400-latin39.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;
}
/* devanagari */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("Poppins Medium"), local("Poppins-Medium"), url("./fonts/Poppins-500-devanagari40.woff2") format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("Poppins Medium"), local("Poppins-Medium"), url("./fonts/Poppins-500-latin-ext41.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: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("Poppins Medium"), local("Poppins-Medium"), url("./fonts/Poppins-500-latin42.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;
}
/* devanagari */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local("Poppins SemiBold"), local("Poppins-SemiBold"), url("./fonts/Poppins-600-devanagari43.woff2") format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local("Poppins SemiBold"), local("Poppins-SemiBold"), url("./fonts/Poppins-600-latin-ext44.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: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local("Poppins SemiBold"), local("Poppins-SemiBold"), url("./fonts/Poppins-600-latin45.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;
}
/* devanagari */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Poppins Bold"), local("Poppins-Bold"), url("./fonts/Poppins-700-devanagari46.woff2") format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Poppins Bold"), local("Poppins-Bold"), url("./fonts/Poppins-700-latin-ext47.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: "Poppins";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Poppins Bold"), local("Poppins-Bold"), url("./fonts/Poppins-700-latin48.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;
}
/* devanagari */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: local("Poppins ExtraBold"), local("Poppins-ExtraBold"), url("./fonts/Poppins-800-devanagari49.woff2") format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: local("Poppins ExtraBold"), local("Poppins-ExtraBold"), url("./fonts/Poppins-800-latin-ext50.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: "Poppins";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: local("Poppins ExtraBold"), local("Poppins-ExtraBold"), url("./fonts/Poppins-800-latin51.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;
}
/* devanagari */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local("Poppins Black"), local("Poppins-Black"), url("./fonts/Poppins-900-devanagari52.woff2") format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local("Poppins Black"), local("Poppins-Black"), url("./fonts/Poppins-900-latin-ext53.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: "Poppins";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local("Poppins Black"), local("Poppins-Black"), url("./fonts/Poppins-900-latin54.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-ext */
@font-face {
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("./fonts/Roboto_Slab-400-cyrillic-ext1.woff2") format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("./fonts/Roboto_Slab-400-cyrillic2.woff2") format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("./fonts/Roboto_Slab-400-greek-ext3.woff2") format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("./fonts/Roboto_Slab-400-greek4.woff2") format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("./fonts/Roboto_Slab-400-vietnamese5.woff2") format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("./fonts/Roboto_Slab-400-latin-ext6.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: "Roboto Slab";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("./fonts/Roboto_Slab-400-latin7.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;
}
body::-webkit-scrollbar {
  display: none;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}

::-webkit-scrollbar-thumb {
  background: #bbbbbb;
}

::-webkit-scrollbar-thumb:hover,
::-webkit-scrollbar-thumb:active {
  background: #f7c15c;
}

::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {
  border: 0px none #ffffff;
  border-radius: 100px;
}

::-webkit-scrollbar-corner {
  background: transparent;
}

::-webkit-scrollbar-track,
::-webkit-scrollbar-track:hover,
::-webkit-scrollbar-track:active {
  background: #f5f5f5;
}

::-moz-selection {
  background: #f7c15c;
}

::selection {
  background: #f7c15c;
}

html {
  background: #f7c15c;
}

html,
a {
  cursor: auto !important;
}

body {
  -ms-overflow-style: none;
  font-family: "Poppins", sans-serif;
  display: flex;
  justify-content: center;
  background: #f7c15c;
  transition: 0.9s ease-out;
  overflow: hidden;
  align-items: center;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

canvas {
  position: fixed;
  z-index: 998;
  pointer-events: none;
}

.main-wrapper {
  width: 100vw;
  height: 100vh;
}
.main-wrapper.active #logo {
  opacity: 1;
}
.main-wrapper #logo {
  height: 31px;
  font-size: 23px;
  font-weight: 600;
  display: flex;
  align-items: center;
  position: fixed;
  top: 33px;
  left: 37px;
  z-index: 990;
  color: rgb(255, 255, 255);
  opacity: 0;
  line-height: 26px;
}
.main-wrapper #logo span {
  display: none;
}

@media screen and (max-width: 1200px) {
  html {
    cursor: auto !important;
  }
  a,
  .link,
  [data-item=link] {
    cursor: pointer !important;
  }
}
@media screen and (max-width: 760px) {
  .main-wrapper #logo {
    height: 19px;
    top: 33px;
  }
}
.loader {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  background: #f7c15c;
  transition: 1s ease-out;
  opacity: 1;
}
.loader.close {
  opacity: 0;
}
.loader__wrapper {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}
.loader__text {
  font-size: 3vw;
  font-weight: 800;
  letter-spacing: 1px;
  line-height: 3vw;
  color: #002e42;
  text-align: center;
  display: flex;
  flex-flow: column;
}
.loader__text.active .line {
  transform: translateY(0px);
  opacity: 1;
}
.loader__text.active .border {
  transform: scaleX(1);
}
.loader__text .line {
  opacity: 0;
  transform: translateY(30px);
  transition: 0.4s ease-out;
  transition-delay: 0.2s;
  display: block;
}
.loader__text .border {
  display: block;
  width: 100%;
  height: 0.8vw;
  margin-top: 1vw;
  margin-bottom: 1vw;
  background: #002e42;
  transition: 0.4s ease-out;
  transform: scaleX(0);
}

@media screen and (max-width: 760px) {
  .loader__text {
    font-size: 5.8vw;
    line-height: 5.8vw;
  }
  .loader__text .line {
    transform: translateY(20px);
  }
  .loader__text .border {
    height: 1.3vw;
    margin-top: 1.5vw;
    margin-bottom: 1vw;
  }
}
.project-nav-icons-color .icon svg {
  fill: #002e42 !important;
}
.project-nav-icons-color .icon:hover svg {
  transform: rotate(360deg) scale(1.2) !important;
  fill: rgb(255, 255, 255) !important;
}

#navigation {
  width: 102px;
  height: 100vh;
  position: fixed;
  z-index: 999;
  bottom: 0;
  display: flex;
  flex-flow: column;
  align-items: center;
  left: 0;
  pointer-events: none;
}
#navigation .contact {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  position: absolute;
  bottom: 50px;
}
#navigation .contact .icon svg {
  width: 32px;
  height: 32px;
  fill: rgba(255, 255, 255, 0.6);
  transition: 0.6s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  position: relative;
  cursor: pointer;
  pointer-events: visible;
}
#navigation .contact .icon:hover svg {
  transform: rotate(360deg) scale(1.2);
  fill: rgb(255, 255, 255);
}
#navigation .contact a:first-child {
  margin-bottom: 50px;
}

@media screen and (max-width: 1200px) {
  .project-nav-icons-color .icon svg {
    fill: #002e42;
  }
  .project-nav-icons-color .icon:hover svg {
    transform: rotate(0deg) scale(1) !important;
    fill: #002e42 !important;
  }
  #navigation .contact {
    bottom: 25px;
  }
  #navigation .contact .icon:hover svg {
    transform: rotate(0deg) scale(1) !important;
    fill: rgba(255, 255, 255, 0.6);
  }
  #navigation .contact .icon:active svg {
    fill: rgb(255, 255, 255) !important;
    transform: rotate(0deg) scale(1.2) !important;
  }
  #navigation .contact .icon:active:before {
    transform: scale(1);
    opacity: 1;
  }
  #navigation .contact a:first-child {
    margin-bottom: 25px;
  }
  #navigation .contact .phone:before {
    top: -25%;
  }
  #navigation .contact .email:before {
    top: 39%;
  }
  #navigation .contact .phone:before, #navigation .contact .email:before {
    display: block;
    position: absolute;
    background: #f7c15c;
    width: 77px;
    height: 77px;
    content: " ";
    border-radius: 100px;
    left: -70%;
    transition: 0.2s ease;
    transform: scale(0);
    opacity: 0;
  }
  #navigation .contact .phone:before {
    top: -23%;
  }
}
.scroll-indicator {
  width: 0%;
  height: 3px;
  background: rgba(255, 255, 255, 0.6);
  position: fixed;
  z-index: 998;
  bottom: 0;
  left: 0;
  transition: 0.6s ease-out;
}

#portfolioSlider {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  display: flex;
  align-items: center;
  opacity: 0;
  transition: 0.6s ease;
}
#portfolioSlider.active {
  opacity: 1;
}
#portfolioSlider.fade-out {
  opacity: 0 !important;
  transform: translateY(50px);
}
#portfolioSlider ul {
  transition: 0.5s ease;
  display: flex;
  flex-flow: row;
  margin-left: 23vw;
}
#portfolioSlider ul.zoom-in li {
  opacity: 0;
}
#portfolioSlider ul.zoom-in li.middle {
  opacity: 1;
  animation-name: zoom-in-animation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(1.28, 0.32, 0.89, 0.18);
  animation-fill-mode: forwards;
  transform: scale(0.95) rotate(0deg);
}
#portfolioSlider ul.zoom-out li {
  opacity: 0;
}
#portfolioSlider ul.zoom-out li.middle {
  opacity: 0;
  animation-name: zoom-out-animation;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
  animation-fill-mode: forwards;
  opacity: 1;
  transform: scale(1) rotate(0deg);
}
#portfolioSlider ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 6vw;
  margin-left: 6vw;
  transition: 0.3s ease-out;
  cursor: pointer;
}
#portfolioSlider ul li.middle:hover:before {
  animation: pulse 0.4s ease-out;
  animation-delay: 0.2s;
}
#portfolioSlider ul li:before {
  content: " ";
  display: block;
  width: 42vw;
  height: 42vw;
  background: transparent;
  border-radius: 1000px;
  position: absolute;
  z-index: 0;
  transform: scale(0.8);
  border: solid 20px rgb(255, 255, 255);
  opacity: 0.5;
}
#portfolioSlider ul li.left, #portfolioSlider ul li.right {
  transform: scale(0.6);
}
#portfolioSlider ul li.left:hover, #portfolioSlider ul li.right:hover {
  transform: scale(0.7);
}
#portfolioSlider ul li .img {
  width: 42vw;
  height: 42vw;
  background: black;
  pointer-events: none;
  border-radius: 100%;
  pointer-events: none;
  transition: 0.3s ease-out;
  position: relative;
  z-index: 1;
  background-position: center !important;
  background-size: cover !important;
}
#portfolioSlider ul li .text-box {
  display: flex;
  flex-flow: column;
  justify-content: center;
  pointer-events: none;
  position: absolute;
  transition: 0.3s ease-out;
  z-index: 2;
}
#portfolioSlider ul li .text-box__title {
  pointer-events: none;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  width: max-content;
  align-self: center;
}
#portfolioSlider ul li .text-box__text {
  font-size: 4.8vw;
  font-weight: 900;
  color: rgb(255, 255, 255);
  text-align: center;
  line-height: 5vw;
  transition: 0.3s ease-out;
  transition-delay: 0.3s;
  transform: translateY(40px);
  opacity: 0;
}
#portfolioSlider ul li .text-box__border {
  display: block;
  width: 100%;
  height: 1vw;
  background: rgb(255, 255, 255);
  margin-bottom: 1.5vw;
  margin-top: 1.5vw;
  transition: 0.6s ease-out;
  transform: scaleX(0);
}
#portfolioSlider ul li .text-box__type {
  font-size: 1.2vw;
  font-weight: 400;
  color: rgb(255, 255, 255);
  text-align: center;
  pointer-events: none;
  line-height: 1.4vw;
  text-transform: uppercase;
  letter-spacing: 6px;
  transition: 0.3s ease-out;
  transition-delay: 0.3s;
  transform: translateY(-40px);
  opacity: 0;
  width: max-content;
  align-self: center;
}
#portfolioSlider ul li.middle .img {
  transform: scale(1) rotate(-10deg);
  animation: portfolioHover ease-in-out 3s infinite;
}
#portfolioSlider ul li.middle .text-box__text {
  transform: translateY(0px);
  opacity: 1;
}
#portfolioSlider ul li.middle .text-box__border {
  transform: scaleX(1);
}
#portfolioSlider ul li.middle .text-box__type {
  transform: translateY(0px);
  opacity: 1;
}

@keyframes portfolioHover {
  0% {
    transform: scale(1) rotate(-10deg) translateY(0px);
  }
  50% {
    transform: scale(1) rotate(10deg) translateY(0px);
  }
  100% {
    transform: scale(1) rotate(-10deg) translateY(0px);
  }
}
@keyframes zoom-in-animation {
  0% {
    transform: scale(1) rotate(0deg);
  }
  25% {
    opacity: 1;
    transform: scale(1) rotate(-55deg);
  }
  100% {
    transform: scale(0.8) rotate(55deg);
    opacity: 0;
  }
}
@keyframes zoom-out-animation {
  0% {
    transform: scale(0) rotate(360deg);
  }
  25% {
    opacity: 0;
  }
  100% {
    transform: scale(1) rotate(0deg);
    opacity: 1;
  }
}
@media screen and (max-width: 1200px) {
  #portfolioSlider ul {
    margin-left: 23.3vw;
  }
  #portfolioSlider ul li.middle:hover:before {
    animation: none;
  }
  #portfolioSlider ul li:before {
    display: none;
  }
}
@media screen and (max-width: 760px) {
  #portfolioSlider ul {
    margin-left: 19vw;
  }
  #portfolioSlider ul li {
    margin-left: -4vw;
    margin-right: -4vw;
  }
  #portfolioSlider ul li.left:hover, #portfolioSlider ul li.right:hover {
    transform: scale(0.6);
  }
  #portfolioSlider ul li.left:active, #portfolioSlider ul li.right:active {
    transform: scale(0.5);
  }
  #portfolioSlider ul li .img {
    width: 70vw;
    height: 70vw;
  }
  #portfolioSlider ul li .text-box__text {
    font-size: 8.5vw;
    line-height: 8vw;
    transform: translateY(15px);
  }
  #portfolioSlider ul li .text-box__border {
    height: 2vw;
    margin-bottom: 2.5vw;
    margin-top: 3vw;
  }
  #portfolioSlider ul li .text-box__type {
    font-size: 3.2vw;
    width: 218px;
    margin: 0 auto;
    line-height: 5vw;
    letter-spacing: 4px;
    transform: translateY(-15px);
  }
}
@keyframes pulse {
  0% {
    transform: scale(0.8);
    border: solid 20px rgb(255, 255, 255);
    opacity: 0.5;
  }
  99% {
    transform: scale(1.5);
    border: solid 0px rgb(255, 255, 255);
    opacity: 0;
    display: block;
  }
  100% {
    transform: scale(0.8);
    border: solid 20px rgb(255, 255, 255);
    opacity: 0.5;
    display: none;
  }
}
.projects-list {
  position: absolute;
  top: 25px;
  right: 22px;
  z-index: 998;
  transition: 0.6s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  cursor: pointer;
}
.projects-list:hover svg {
  fill: rgb(255, 255, 255);
  transform: rotate(360deg) scale(1.2);
}
.projects-list svg {
  width: 36px;
  height: 37px;
  fill: rgba(255, 255, 255, 0.6);
  transform: rotate(0deg) scale(1);
  transition: 0.6s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}

.projects-list-exit {
  position: fixed;
  z-index: 999;
  top: 24px;
  right: 31px;
  opacity: 0;
  transform: translateX(37px);
  transition: 0.6s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  cursor: pointer;
}
.projects-list-exit.active {
  opacity: 1;
  transform: translateX(0px);
}
.projects-list-exit.active.fade-out {
  transition: 0.5s ease-out;
  opacity: 0;
}
.projects-list-exit:hover .icon {
  fill: rgb(255, 255, 255);
  transform: rotate(360deg) scale(1.3);
}
.projects-list-exit .icon {
  fill: rgba(255, 255, 255, 0.6);
  width: 33px;
  height: 37px;
  transition: 0.6s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}

.projects-list-bg {
  position: absolute;
  width: 100vw;
  height: 100vh;
  z-index: 900;
  background: rgba(0, 0, 0, 0.5);
  transition: 0.6s ease-out;
  opacity: 0;
}
.projects-list-bg.active {
  opacity: 1;
}
.projects-list-bg.active.fade-out {
  transition: 0.5s ease-out;
  opacity: 0;
}

.projects-list-container {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  transition: 0.6s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  position: fixed;
  bottom: 0;
  z-index: 998;
  opacity: 0;
  transform: translateY(100px);
}
.projects-list-container.active {
  opacity: 1;
  transform: translateY(0px);
}
.projects-list-container.active.fade-out {
  transition: 0.5s ease-out;
  opacity: 0;
}
.projects-list-container__page::-webkit-scrollbar {
  width: 0px;
  background: transparent;
}
.projects-list-container__page {
  width: 100vw;
  height: 100vh;
  overflow-y: scroll;
  overflow-x: hidden;
  display: flex;
  justify-content: center;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.projects-list-container__page ul {
  display: flex;
  flex-flow: column;
  margin-top: 178px;
  align-items: center;
}
.projects-list-container__page ul li {
  margin-bottom: 8vw;
  position: relative;
  cursor: pointer;
}
.projects-list-container__page ul li:hover .text {
  color: rgb(255, 255, 255);
}
.projects-list-container__page ul .title {
  pointer-events: none;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  width: max-content;
  align-self: center;
  position: relative;
  transform: scale(1);
  transition: 0.6s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.projects-list-container__page ul .text {
  font-size: 6.5vw;
  font-weight: 900;
  color: rgba(255, 255, 255, 0.35);
  text-align: center;
  line-height: 6vw;
}

@media screen and (max-width: 1200px) {
  .projects-list-exit:hover .icon {
    fill: rgba(255, 255, 255, 0.6);
    transform: rotate(0deg) scale(1);
  }
  .projects-list-exit:hover .text {
    color: rgba(255, 255, 255, 0.74);
  }
  .projects-list-exit:active .icon {
    fill: rgb(255, 255, 255);
    transform: rotate(0deg) scale(1.2);
  }
  .projects-list-exit:active:before {
    transform: scale(1);
    opacity: 1;
  }
  .projects-list-exit:active .text {
    color: rgb(255, 255, 255);
  }
  .projects-list-exit:before {
    display: block;
    position: absolute;
    background: #f7c15c;
    width: 77px;
    height: 77px;
    content: " ";
    border-radius: 100px;
    left: -70%;
    transition: 0.2s ease;
    transform: scale(0);
    opacity: 0;
    top: -47%;
  }
  .projects-list:hover svg {
    transform: rotate(0deg) scale(1);
    fill: rgba(255, 255, 255, 0.6);
  }
  .projects-list:active svg {
    transform: rotate(0deg) scale(1.2);
    fill: rgb(255, 255, 255);
  }
  .projects-list:active:before {
    transform: scale(1);
    opacity: 1;
  }
  .projects-list:before {
    display: block;
    position: absolute;
    background: #f7c15c;
    width: 77px;
    height: 77px;
    content: " ";
    border-radius: 100px;
    left: -59%;
    transition: 0.2s ease;
    transform: scale(0);
    opacity: 0;
    top: -48%;
  }
  .projects-list svg {
    position: relative;
  }
}
@media screen and (max-width: 760px) {
  .projects-list-container__page ul {
    margin-top: 165px;
  }
  .projects-list-container__page ul li {
    margin-bottom: 15vw;
  }
  .projects-list-container__page ul li .text {
    font-size: 11.5vw;
    line-height: 10.5vw;
  }
  .projects-list-container__page ul li:before {
    width: 60vw;
    height: 22vw;
    left: 8.1%;
    top: -164%;
  }
}
.back-to-top {
  position: absolute;
  bottom: 54px;
  right: 32px;
  z-index: 999;
  transform: translateY(37px) rotate(90deg) scale(1);
  transition: 0.6s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  opacity: 0;
}
.back-to-top.active {
  opacity: 1;
  transform: translateY(0px) rotate(90deg) scale(1);
  cursor: pointer;
}
.back-to-top svg {
  width: 35px;
  height: 35px;
  fill: #002e42;
}
.back-to-top:hover {
  animation-name: backToTop;
  animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
  animation-iteration-count: infinite;
  animation-duration: 1.3s;
}
.back-to-top:hover svg {
  fill: rgb(255, 255, 255);
}

@keyframes backToTop {
  0% {
    transform: translateY(0px) rotate(90deg) scale(1.2);
  }
  50% {
    transform: translateY(-10px) rotate(90deg) scale(1.2);
  }
  100% {
    transform: translateY(0px) rotate(90deg) scale(1.2);
  }
}
.screenDownAnimate ul {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-flow: column;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
}
.screenDownAnimate ul li {
  width: inherit;
  height: inherit;
  position: absolute;
  top: -100vh;
  transition: 0.5s ease;
}
.screenDownAnimate ul li:first-child {
  background-color: #f7c15c;
  z-index: 0;
}
.screenDownAnimate ul li:last-child {
  transition-delay: 0.5s;
  background-color: rgb(255, 255, 255);
  z-index: 1;
}
.screenDownAnimate.active ul li {
  top: 0;
}
.screenDownAnimate.fade-out ul li {
  transition-delay: 0s;
  opacity: 0;
}
.screenDownAnimate.fade-out ul li:first-child {
  display: none;
}

.controllers {
  position: fixed;
  z-index: 999;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: row;
  width: 100vw;
}
.controllers li {
  width: 35px;
  height: 35px;
  transition: 0.6s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  opacity: 0;
  fill: #f7c15c;
  cursor: pointer;
}
.controllers li svg {
  width: 35px;
  height: 35px;
}
.controllers li.active {
  transform: translateX(0px) rotate(0deg) scale(1);
  opacity: 1;
}
.controllers li:hover {
  transform: translateX(0px) rotate(360deg) scale(1.2);
  fill: rgb(255, 255, 255);
}
.controllers__next {
  margin-right: 32px;
  transform: translateX(20px) rotate(0deg) scale(1);
}
.controllers__next svg {
  transform: rotate(180deg);
}
.controllers__previous {
  margin-left: 32px;
  transform: translateX(-20px) rotate(0deg) scale(1);
}

.project-logo-color {
  color: #002e42 !important;
  font-weight: 800 !important;
}
.project-logo-color span {
  background: #002e42 !important;
}

.exit-button {
  position: fixed;
  z-index: 999;
  top: 24px;
  right: 31px;
  opacity: 0;
  transform: translateX(37px);
  transition: 0.6s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  cursor: pointer;
}
.exit-button:hover .icon {
  fill: rgb(255, 255, 255);
  transform: rotate(360deg) scale(1.3);
}
.exit-button .icon {
  fill: #002e42;
  width: 33px;
  height: 37px;
  transition: 0.6s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.exit-button.active {
  opacity: 1;
  transform: translateX(0px);
}

.project-page {
  width: 100vw;
  height: 100vh;
  background: rgb(255, 255, 255);
  position: fixed;
  z-index: 990;
  bottom: 0;
  opacity: 0;
  transition: 0.6s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  transform: scale(0.4);
}
.project-page.active {
  opacity: 1;
  transform: scale(1);
}
.project-page.active .page {
  opacity: 1;
  background: rgb(255, 255, 255);
}
.project-page.active .page__content .hero__wrap {
  transition: ease-out 0.4s;
}
.project-page.active .page__content .hero__wrap.fade-out {
  opacity: 0;
}
.project-page.active .page__content .hero__main-text h1 {
  transform: translateY(0px);
  opacity: 1;
}
.project-page.active .page__content .hero__sub-text h2 {
  transform: translateY(0px);
  opacity: 1;
}
.project-page.active-list {
  transition: none;
  animation: openFromList 0.3s ease-out;
  transform: scale(1);
  opacity: 1;
}
.project-page.active-list .page {
  transition: none;
  opacity: 1;
  background: rgb(255, 255, 255);
}
.project-page.active-list .page__content .hero__main-text h1 {
  transform: translateY(0px);
  opacity: 1;
}
.project-page.active-list .page__content .hero__sub-text h2 {
  transform: translateY(0px);
  opacity: 1;
}
.project-page .page {
  transition: 1s ease;
  transition-delay: 0.6s;
  opacity: 0;
  width: 100vw;
  height: 100vh;
  overflow-y: scroll;
  overflow-x: hidden;
}
.project-page .page__footer {
  width: 1000px;
  background: rgb(255, 255, 255);
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  margin-top: 178px;
  margin-bottom: 178px;
  border-radius: 25px;
  box-shadow: 0px 20px 36px rgba(0, 0, 0, 0.16);
  overflow: hidden;
}
.project-page .page__footer .wrap {
  margin-top: 70px;
  margin-bottom: 32px;
}
.project-page .page__footer h2 {
  text-transform: uppercase;
  letter-spacing: 0.34em;
  font-size: 23px;
  font-weight: 800;
  text-align: center;
  color: #002e42;
  line-height: 40px;
  position: relative;
  z-index: 1;
}
.project-page .page__footer .border {
  width: 200px;
  height: 10px;
  background: rgb(255, 255, 255);
  margin: 0 auto;
  margin-top: 17px;
}
.project-page .page__footer .contacts {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  width: 569px;
}
.project-page .page__footer .contacts__icon {
  width: 246px;
  height: 246px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -60px;
}
.project-page .page__footer .contacts__icon * {
  pointer-events: none;
}
.project-page .page__footer .contacts__icon svg {
  fill: #f7c15c;
}
.project-page .page__footer .contacts__icon .phone, .project-page .page__footer .contacts__icon .email {
  position: absolute;
  z-index: 1;
}
.project-page .page__footer .contacts__icon .phone svg {
  width: 47px;
  height: 47px;
}
.project-page .page__footer .contacts__icon .email svg {
  width: 59px;
  height: 47px;
}
.project-page .page__footer .contacts__icon .text {
  font-size: 18px;
  font-weight: 600;
  position: absolute;
  bottom: 50px;
  color: #f7c15c;
  transform: translateY(0px);
  transition: 0.3s ease;
  position: absolute;
  z-index: 1;
}
.project-page .page__footer .contacts__icon .circle {
  position: absolute;
  width: 246px;
  height: 246px;
  background: #f7c15c;
  opacity: 0.15;
  border-radius: 200px;
  transform: scale(0);
  opacity: 0;
  transition: 0.6s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  z-index: 0;
}
.project-page .page__footer .contacts__icon:hover svg {
  fill: rgb(255, 255, 255);
}
.project-page .page__footer .contacts__icon:hover .circle {
  transform: scale(0.8);
  opacity: 1;
}
.project-page .page__footer .contacts__icon:hover .text {
  transform: translateY(30px);
  opacity: 0;
}
.project-page .page__content .hero {
  width: 100vw;
  height: 100vh;
  background: #F8F8F8;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  position: relative;
}
.project-page .page__content .hero .scroll-arrow {
  position: absolute;
  bottom: 59px;
  right: 30px;
  width: 27px;
  height: 47px;
  display: flex;
  justify-content: center;
  border-radius: 100px;
  border: solid 3px #002e42;
  transition: ease-out 0.4s;
}
.project-page .page__content .hero .scroll-arrow span {
  display: block;
  width: 7px;
  height: 7px;
  background: #002e42;
  margin-top: 10px;
  border-radius: 100px;
  animation: scrollArrowLoop ease 1.5s infinite;
}
.project-page .page__content .hero .scroll-arrow.fade-out {
  opacity: 0;
}
.project-page .page__content .hero__main-text {
  height: auto;
}
.project-page .page__content .hero__main-text h1 {
  color: #002e42;
  font-size: 60px;
  font-weight: 800;
  line-height: 82px;
  text-align: center;
  transition: 1s ease;
  opacity: 0;
  transition-delay: 1.2s;
  transform: translateY(30px);
}
.project-page .page__content .hero__sub-text {
  height: auto;
}
.project-page .page__content .hero__sub-text h2 {
  text-transform: uppercase;
  letter-spacing: 0.34em;
  font-size: 19px;
  font-weight: 500;
  line-height: 29px;
  text-align: center;
  margin-top: 17px;
  transition: 1s ease;
  opacity: 0;
  transition-delay: 1.4s;
  transform: translateY(30px);
}
.project-page .page__content .hero__main-text, .project-page .page__content .hero__sub-text {
  width: 1394px;
}
.project-page .page__content .project-content {
  display: flex;
  flex-flow: column;
  align-items: center;
}
.project-page .page__content .project-content__text {
  margin-top: 178px;
  width: 682px;
}
.project-page .page__content .project-content__text h3 {
  font-size: 32px;
  font-weight: 800;
  line-height: 35px;
  color: #002e42;
  text-align: left;
  text-transform: capitalize;
}
.project-page .page__content .project-content__text p {
  font-size: 20px;
  line-height: 38px;
  text-align: left;
  font-family: "Roboto Slab", serif;
  margin-top: 13px;
}
.project-page .page__content .project-content__image {
  margin-top: 178px;
  width: 1394px;
  height: auto;
}
.project-page .page__content .project-content__image-with-shadow {
  margin-top: 148px;
  margin-bottom: -78px;
  width: 1504px;
  height: auto;
}
.project-page .page__content .project-content .images-list {
  display: flex;
  justify-content: space-between;
  flex-flow: wrap;
  margin-top: 178px;
  width: 1544px;
}
.project-page .page__content .project-content .images-list li {
  width: 33%;
  display: flex;
  justify-content: center;
}
.project-page .page__content .project-content .images-list li img {
  width: auto;
  height: max-content;
}
.project-page .page__content .project-content .images-list.iphone5 {
  margin-top: 45px;
}
.project-page .page__content .project-content .images-list.iphone5 li {
  margin-bottom: -211px;
}
.project-page .page__content .project-content .images-list.mobile-wireframes {
  margin-top: 140px;
  margin-bottom: -81px;
}
.project-page .page__content .project-content__desktop-video {
  margin-top: 178px;
}
.project-page .page__content .project-content__desktop-video video {
  width: 1394px;
  border-radius: 25px;
  box-shadow: 0px 23px 36px rgba(0, 0, 0, 0.19);
}
.project-page .page__content .project-content .button-wrap {
  width: 682px;
  display: flex;
}
.project-page .page__content .project-content .button-wrap__project-button {
  min-width: 146px;
  padding: 13px;
  font-size: 16px;
  color: #002e42;
  border-radius: 100px;
  background: #fff;
  border: solid 2px #002e42;
  transition: ease-out 0.3s;
  margin-top: 33px;
  text-align: center;
  font-weight: 500;
  cursor: pointer !important;
  box-shadow: 0px 2px 0px #002e42;
}
.project-page .page__content .project-content .button-wrap__project-button:hover {
  background: #002e42;
  color: #fff;
}
.project-page .page__content .project-content__mobile-video {
  margin-top: 178px;
}
.project-page .page__content .project-content__mobile-video video {
  width: 322px;
  border-radius: 25px;
  box-shadow: 0px 23px 36px rgba(0, 0, 0, 0.19);
}
.project-page .page__content .project-content__iphone5-video {
  position: relative;
  margin-bottom: -169px;
  margin-top: 55px;
}
.project-page .page__content .project-content__iphone5-video video {
  position: absolute;
  z-index: 1;
  width: 50%;
  height: auto;
  transform: translateX(-50.1%) translateY(-49.9%);
  top: 47.2%;
  left: 50.16%;
  border: 1px solid #e5e5e5;
}
.project-page .page__content .project-content__iphone5-video img {
  position: relative;
  max-width: 100%;
}
.project-page .page__content .project-content__imac-video {
  position: relative;
  margin-bottom: 0px;
  margin-top: 178px;
  width: 1394px;
}
.project-page .page__content .project-content__imac-video video {
  position: absolute;
  z-index: 1;
  width: 93%;
  height: auto;
  transform: translateX(-50.1%) translateY(-49.9%);
  top: 36.1%;
  left: 50.16%;
}
.project-page .page__content .project-content__imac-video img {
  position: relative;
  max-width: 100%;
}

@keyframes openFromList {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes scrollArrowLoop {
  0% {
    opacity: 1;
    transform: scale(1) translateY(0px);
  }
  95% {
    opacity: 0;
    transform: scale(0.9) translateY(26px);
  }
  96% {
    opacity: 0;
    transform: scale(1) translateY(0px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0px);
  }
}
@media screen and (max-width: 1536px) {
  .project-page .page__content .project-content__image, .project-page .page__content .project-content__imac-video {
    width: 1230px;
  }
  .project-page .page__content .project-content__desktop-video video {
    width: 1230px;
  }
  .project-page .page__content .project-content__image-with-shadow {
    width: 1323px;
  }
  .project-page .page__content .project-content .images-list {
    width: 1295px;
  }
}
@media screen and (max-width: 1440px) {
  .project-page .page__content .hero__main-text, .project-page .page__content .hero__sub-text {
    width: 1000px;
  }
  .project-page .page__content .project-content__image, .project-page .page__content .project-content__imac-video {
    width: 1000px;
  }
  .project-page .page__content .project-content__desktop-video video {
    width: 1000px;
  }
  .project-page .page__content .project-content__image-with-shadow {
    width: 1079px;
  }
  .project-page .page__content .project-content .images-list {
    width: 1278px;
  }
  .project-page .page__content .project-content .images-list li {
    width: 50%;
  }
}
@media screen and (max-width: 1200px) {
  .back-to-top {
    bottom: 29px;
  }
  .back-to-top svg {
    position: relative;
    z-index: 999;
  }
  .back-to-top:hover {
    animation-name: none;
  }
  .back-to-top:hover svg {
    fill: #002e42;
  }
  .back-to-top:before {
    display: block;
    position: absolute;
    background: #f7c15c;
    width: 77px;
    height: 77px;
    content: " ";
    border-radius: 100px;
    left: -63%;
    transition: 0.2s ease;
    transform: scale(0);
    opacity: 0;
    top: -48%;
  }
  .back-to-top:active {
    transform: translateY(0px) rotate(90deg) scale(1.2);
  }
  .back-to-top:active svg {
    fill: rgb(255, 255, 255);
  }
  .back-to-top:active:before {
    transform: scale(1);
    opacity: 1;
  }
  .controllers {
    display: none;
  }
  .exit-button:hover .icon {
    fill: #002e42;
    transform: rotate(0deg) scale(1);
  }
  .exit-button:active .icon {
    fill: rgb(255, 255, 255);
    transform: rotate(0deg) scale(1.2);
  }
  .exit-button:active:before {
    transform: scale(1);
    opacity: 1;
  }
  .exit-button:before {
    display: block;
    position: absolute;
    background: #f7c15c;
    width: 77px;
    height: 77px;
    content: " ";
    border-radius: 100px;
    left: -67%;
    transition: 0.2s ease;
    transform: scale(0);
    opacity: 0;
    top: -45%;
  }
  .project-page .page::-webkit-scrollbar {
    width: 0px;
    background: transparent;
  }
  .project-page .page {
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .project-page .page__footer {
    width: 73vw;
  }
  .project-page .page__content .hero .scroll-arrow {
    display: none;
  }
  .project-page .page__content .hero__main-text h1 {
    font-size: 42px;
    line-height: 64px;
  }
  .project-page .page__content .hero__sub-text h2 {
    font-size: 16px;
  }
  .project-page .page__content .hero__main-text, .project-page .page__content .hero__sub-text {
    width: 73vw;
  }
  .project-page .page__content .project-content__text {
    width: 73vw;
  }
  .project-page .page__content .project-content__text h3 {
    font-size: 26px;
    line-height: 21px;
  }
  .project-page .page__content .project-content__text p {
    font-size: 17px;
    line-height: 32px;
  }
  .project-page .page__content .project-content .button-wrap {
    width: 73vw;
  }
  .project-page .page__content .project-content__image, .project-page .page__content .project-content__imac-video {
    width: 73vw;
  }
  .project-page .page__content .project-content__desktop-video video {
    width: 73vw;
  }
  .project-page .page__content .project-content__image-with-shadow {
    width: 78.7vw;
  }
  .project-page .page__content .project-content .images-list {
    width: 85vw;
    justify-content: center;
  }
  .project-page .page__content .project-content .images-list li {
    width: 50%;
  }
}
@media screen and (max-width: 1100px) {
  .project-page .page__footer .contacts {
    margin-left: 59px;
    width: 509px;
  }
  .project-page .page__content .project-content .images-list li {
    width: auto;
  }
}
@media screen and (max-width: 760px) {
  .project-page .page::-webkit-scrollbar {
    width: 0px;
    background: transparent;
  }
  .project-page .page {
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .project-page .page__footer {
    height: auto;
    margin-top: 70px;
    margin-bottom: 70px;
    width: calc(100vw - 74px);
  }
  .project-page .page__footer .wrap {
    display: flex;
    align-items: center;
    flex-flow: column;
    margin-top: 63px;
  }
  .project-page .page__footer h2 {
    width: calc(100vw - 93px);
    font-size: 23px;
    line-height: 40px;
  }
  .project-page .page__footer .border {
    width: 200px;
    height: 10px;
    margin-top: 17px;
  }
  .project-page .page__footer .contacts {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-left: 0px;
  }
  .project-page .page__footer .contacts__icon:last-child {
    margin-bottom: -20px;
    margin-top: -80px;
  }
  .project-page .page__content .hero__main-text h1 {
    font-size: 28px;
    line-height: 44px;
  }
  .project-page .page__content .hero__sub-text {
    height: auto;
  }
  .project-page .page__content .hero__sub-text h2 {
    font-size: 14px;
    line-height: 26px;
    margin-top: 10px;
  }
  .project-page .page__content .project-content__text {
    margin-top: 70px;
    width: calc(100vw - 74px);
  }
  .project-page .page__content .project-content__text h3 {
    font-size: 26px;
    line-height: 36px;
  }
  .project-page .page__content .project-content__text p {
    font-size: 17px;
    line-height: 32px;
    margin-top: 6px;
  }
  .project-page .page__content .project-content .button-wrap {
    width: calc(100vw - 74px);
  }
  .project-page .page__content .project-content__image, .project-page .page__content .project-content__imac-video {
    width: calc(100vw - 74px);
    margin-top: 70px;
  }
  .project-page .page__content .project-content__desktop-video {
    margin-top: 70px;
  }
  .project-page .page__content .project-content__desktop-video video {
    width: calc(100vw - 74px);
  }
  .project-page .page__content .project-content__image-with-shadow {
    width: calc(100vw - 24px);
    margin-top: 40px;
    margin-bottom: -10px;
  }
  .project-page .page__content .project-content .images-list {
    width: calc(100vw - 74px);
    margin-top: 70px;
  }
  .project-page .page__content .project-content .images-list.iphone5 {
    margin-top: -43px;
  }
  .project-page .page__content .project-content .images-list.iphone5 li:last-child {
    margin-bottom: -167px;
  }
  .project-page .page__content .project-content .images-list.mobile-wireframes {
    margin-top: 32px;
    margin-bottom: -58px;
  }
  .project-page .page__content .project-content .images-list.mobile-wireframes li {
    margin-bottom: -33px;
  }
  .project-page .page__content .project-content .images-list.mobile-wireframes li:last-child {
    margin-bottom: 0;
  }
  .project-page .page__content .project-content__mobile-video {
    margin-top: 70px;
  }
  .project-page .page__content .project-content__iphone5-video {
    margin-top: -43px;
  }
}
@media screen and (max-width: 450px) {
  .project-page .page__content .project-content .images-list li img {
    width: 100vw;
    height: auto;
  }
  .project-page .page__content .project-content .images-list.iphone5 li img {
    width: 145vw;
  }
  .project-page .page__content .project-content__mobile-video video {
    width: calc(100vw - 74px);
  }
  .project-page .page__content .project-content__iphone5-video {
    margin-top: 0px;
    margin-bottom: -120px;
  }
}
@media screen and (max-width: 370px) {
  .project-page .page__footer h2 {
    font-size: 18px;
    line-height: 32px;
  }
  .project-page .page__footer .contacts__icon {
    font-size: 16px;
  }
  .project-page .page__content .project-content .images-list.iphone5 li {
    margin-bottom: -170px;
  }
  .project-page .page__content .project-content .images-list.iphone5 li img {
    width: 145vw;
  }
  .project-page .page__content .project-content .images-list.iphone5 li:last-child {
    margin-bottom: -138px;
  }
  .project-page .page__content .project-content__iphone5-video {
    margin-top: 0px;
    margin-bottom: -120px;
  }
}
.ie {
  width: 100%;
  margin: 0 auto;
}
.ie h2 {
  font-family: "Roboto Slab", serif;
  color: #002e42;
  font-size: 19px;
  text-align: left;
  line-height: 28px;
  font-weight: 500;
  width: 640px;
  margin: 0 auto;
}
.ie h2 span {
  font-family: "Poppins", sans-serif;
  font-size: 80px;
  font-weight: 900;
  line-height: 121px;
}
.ie h2 a {
  color: #002e42;
  text-decoration: underline;
  font-weight: 600;
}

/*# sourceMappingURL=main.css.map */