:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-font-sans-serif:
    system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
    'Noto Sans', 'Liberation Sans', sans-serif, 'Apple Color Emoji',
    'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --bs-font-monospace:
    SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
    monospace;
  --bs-gradient: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.15),
    rgba(255, 255, 255, 0)
  );
}
*,
::after,
::before {
  box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
body {
  margin: 0px;
  font-family: var(--bs-font-sans-serif);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: rgb(33, 37, 41);
  background-color: rgb(255, 255, 255);
  text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}
h1,
h2,
h3,
h4 {
  margin-top: 0px;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}
h1 {
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  h1 {
    font-size: 2.5rem;
  }
}
h2 {
  font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
  h2 {
    font-size: 2rem;
  }
}
h3 {
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  h3 {
    font-size: 1.75rem;
  }
}
h4 {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  h4 {
    font-size: 1.5rem;
  }
}
p {
  margin-top: 0px;
  margin-bottom: 1rem;
}
ul {
  padding-left: 2rem;
}
ul {
  margin-top: 0px;
  margin-bottom: 1rem;
}
b,
strong {
  font-weight: bolder;
}
a {
  color: rgb(13, 110, 253);
  text-decoration: underline;
}
a:hover {
  color: rgb(10, 88, 202);
}
img,
svg {
  vertical-align: middle;
}
button {
  border-radius: 0px;
}
button:focus:not(:focus-visible) {
  outline: 0px;
}
button {
  margin: 0px;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button {
  text-transform: none;
}
[type='button'],
button {
  appearance: button;
}
[type='button']:not(:disabled),
[type='reset']:not(:disabled),
[type='submit']:not(:disabled),
button:not(:disabled) {
  cursor: pointer;
}
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field {
  padding: 0px;
}
::-webkit-inner-spin-button {
  height: auto;
}
::-webkit-search-decoration {
  appearance: none;
}
::-webkit-color-swatch-wrapper {
  padding: 0px;
}
::file-selector-button {
  font: inherit;
}
::-webkit-file-upload-button {
  font: inherit;
  appearance: button;
}
.container {
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container {
    max-width: 1320px;
  }
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) / -2);
  margin-left: calc(var(--bs-gutter-x) / -2);
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) / 2);
  padding-left: calc(var(--bs-gutter-x) / 2);
  margin-top: var(--bs-gutter-y);
}
@media (min-width: 576px) {
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.3333%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
}
@media (min-width: 992px) {
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.3333%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.3333%;
  }
}
.form-control[type='file']:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  margin-inline-end: 0.75rem;
  color: rgb(33, 37, 41);
  background-color: rgb(233, 236, 239);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0px;
  border-inline-end-width: 1px;
  border-radius: 0px;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::file-selector-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: rgb(221, 224, 227);
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: rgb(221, 224, 227);
}
.form-control-sm::file-selector-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  margin-inline-end: 0.5rem;
}
.form-control-lg::file-selector-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  margin-inline-end: 1rem;
}
.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.btn {
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  color: rgb(33, 37, 41);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  border-radius: 0.25rem;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: rgb(33, 37, 41);
}
.btn:focus {
  outline: 0px;
  box-shadow: rgba(13, 110, 253, 0.25) 0px 0px 0px 0.25rem;
}
.btn:disabled {
  pointer-events: none;
  opacity: 0.65;
}
.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0px;
  overflow-wrap: break-word;
  background-color: rgb(255, 255, 255);
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}
.accordion-header {
  margin-bottom: 0px;
}
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0px !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0px, 0px, 0px, 0px) !important;
  white-space: nowrap !important;
  border: 0px !important;
}
.d-flex {
  display: flex !important;
}
.align-items-center {
  align-items: center !important;
}
.mt-5 {
  margin-top: 3rem !important;
}
.mb-4 {
  margin-bottom: 1.5rem !important;
}
.pt-5 {
  padding-top: 3rem !important;
}
.pb-2 {
  padding-bottom: 0.5rem !important;
}
.pb-5 {
  padding-bottom: 3rem !important;
}
.text-center {
  text-align: center !important;
}
.justify-content-center {
  justify-content: center !important;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 200 700;
  font-display: swap;
  src: url('../fonts/TK3iWkUHHAIjg752FD8Ghe4.woff2') format('woff2');
  unicode-range:
    U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 200 700;
  font-display: swap;
  src: url('../fonts/TK3iWkUHHAIjg752HT8Ghe4.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 200 700;
  font-display: swap;
  src: url('../fonts/TK3iWkUHHAIjg752Fj8Ghe4.woff2') format('woff2');
  unicode-range:
    U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
    U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 200 700;
  font-display: swap;
  src: url('../fonts/TK3iWkUHHAIjg752Fz8Ghe4.woff2') format('woff2');
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
    U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 200 700;
  font-display: swap;
  src: url('../fonts/../fonts/TK3iWkUHHAIjg752GT8G.woff2') format('woff2');
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url('../fonts/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkC3kaWzU.woff2')
    format('woff2');
  unicode-range:
    U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url('../fonts/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkAnkaWzU.woff2')
    format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url('../fonts/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkCnkaWzU.woff2')
    format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url('../fonts/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkBXkaWzU.woff2')
    format('woff2');
  unicode-range:
    U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* math */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url('../fonts/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkenkaWzU.woff2')
    format('woff2');
  unicode-range:
    U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A,
    U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346,
    U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6,
    U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043,
    U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C,
    U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121,
    U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2,
    U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319,
    U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1,
    U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB,
    U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE,
    U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url('../fonts/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkaHkaWzU.woff2')
    format('woff2');
  unicode-range:
    U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4,
    U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3,
    U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF,
    U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF,
    U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0,
    U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F,
    U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315,
    U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382,
    U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6,
    U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7,
    U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444,
    U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0,
    U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA,
    U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB,
    U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513,
    U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D,
    U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC,
    U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC,
    U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887,
    U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B,
    U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C,
    U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8,
    U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url('../fonts/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkCXkaWzU.woff2')
    format('woff2');
  unicode-range:
    U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
    U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url('../fonts/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkCHkaWzU.woff2')
    format('woff2');
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
    U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url('../fonts/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkBnka.woff2')
    format('woff2');
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url('../fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3GUBGEe.woff2')
    format('woff2');
  unicode-range:
    U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url('../fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBGEe.woff2')
    format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url('../fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBGEe.woff2')
    format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url('../fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBGEe.woff2')
    format('woff2');
  unicode-range:
    U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* math */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url('../fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBGEe.woff2')
    format('woff2');
  unicode-range:
    U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A,
    U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346,
    U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6,
    U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043,
    U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C,
    U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121,
    U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2,
    U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319,
    U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1,
    U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB,
    U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE,
    U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url('../fonts/../fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBGEe.woff2')
    format('woff2');
  unicode-range:
    U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4,
    U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3,
    U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF,
    U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF,
    U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0,
    U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F,
    U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315,
    U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382,
    U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6,
    U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7,
    U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444,
    U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0,
    U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA,
    U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB,
    U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513,
    U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D,
    U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC,
    U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC,
    U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887,
    U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B,
    U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C,
    U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8,
    U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url('../fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBGEe.woff2')
    format('woff2');
  unicode-range:
    U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
    U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url('../fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBGEe.woff2')
    format('woff2');
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
    U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url('../fonts/../fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBA.woff2')
    format('woff2');
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
}

body {
  color: #616161;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  font-family: 'Roboto', sans-serif;
}

p {
  font-weight: 400;
  font-style: normal;
  line-height: 28px;
  font-family: 'Roboto', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #fff;
  font-family: 'Oswald', sans-serif;
  font-style: normal;
  margin-bottom: 0;
  margin-top: 10px;
  line-height: 1.1;
  font-weight: 700;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-size: 36px;
  text-transform: uppercase;
}

a {
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

a {
  color: #518eff;
  text-decoration: none;
}

a:focus,
.btn:focus {
  text-decoration: none;
  outline: none;
}

a:focus,
a:hover {
  text-decoration: none;
  text-decoration: none;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

.text-right {
  align-items: right !important;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

h1 {
  font-size: 50px;
}

h2 {
  font-size: 32px;
}

h3 {
  font-size: 30px;
}

h4 {
  font-size: 32px;
}

.send-btn {
  font-size: 20px !important;
}

h5 {
  font-size: 20px;
}

h6 {
  font-size: 18px;
}

.white h1,
.white h2,
.white h3,
.white h4,
.white h5,
.white h6 {
  color: #fff;
}

.white p {
  color: #fff;
}

.white i {
  color: #fff;
}

ul {
  margin: 0;

  padding: 0;
}

input:focus,
button:focus {
  border-color: transparent;
  outline-color: transparent;
}

textarea:focus {
  border-color: transparent;
  outline-color: transparent;
}

hr {
  margin: 60px 0;
  padding: 0px;
  border-bottom: 1px solid #eceff8;
  border-top: 0px;
}

hr.style-2 {
  border-bottom: 1px dashed #f10;
}

hr.mp-0 {
  margin: 0;
  border-bottom: 1px solid #eceff8;
}

hr.mtb-40 {
  margin: 40px 0;
  border-bottom: 1px solid #eceff8;
  border-top: 0px;
}

label {
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
}

a,
i,
cite,
em,
var,
address,
dfn,
ol,
li,
ul {
  font-style: normal;
  font-weight: 400;
}

/* Default Background */
.bg_color {
  background: #43baff;
}

.bg_color2 {
  background: #211e3b !important;
}

.white_bg {
  background: #fff;
}

.bg_fixed {
  background-attachment: fixed;
}

.bg_before {
  position: relative;
}

.bg_before:before {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(12, 90, 219, 0.3);
}

.nagative_mb {
  position: relative;
  margin-bottom: -180px;
  z-index: 1;
}

*::-moz-selection {
  background: #4fc1f0;
  color: #454545;
  text-shadow: none;
}

::-moz-selection {
  background: #4fc1f0;
  color: #454545;
  text-shadow: none;
}

::selection {
  background: #4fc1f0;
  color: #454545;
  text-shadow: none;
}

::placeholder {
  color: #454545;
  font-size: 16px;
}

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */

  color: #454545;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #454545;
}

:-ms-input-placeholder {
  /* IE 10+ */

  color: #454545;
}

:-moz-placeholder {
  /* Firefox 18- */

  color: #454545;
}

/* Contact Area */
.counter_area ::-moz-selection {
  background-color: #001d23;
  text-shadow: none;
}

.contact_area ::-moz-selection {
  color: #001d23;
  text-shadow: none;
}

.contact_area ::selection {
  color: #001d23;
  text-shadow: none;
}

.contact_area ::placeholder {
  color: #001d23;
  font-size: 16px;
}

.contact_area ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #001d23;
}

.contact_area ::-moz-placeholder {
  /* Firefox 19+ */
  color: #001d23;
}

.contact_area :-ms-input-placeholder {
  /* IE 10+ */
  color: #001d23;
}

.contact_area :-moz-placeholder {
  /* Firefox 18- */
  color: #001d23;
}

.blog_reply ::-moz-selection {
  color: #151948;
}

.blog_reply ::-moz-selection {
  color: #151948;
}

.blog_reply ::selection {
  color: #151948;
}

.blog_reply::placeholder {
  color: #151948;
}

.blog_reply ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #151948;
}

.blog_reply ::-moz-placeholder {
  /* Firefox 19+ */
  color: #151948;
}

.blog_reply :-ms-input-placeholder {
  /* IE 10+ */
  color: #151948;
}

.blog_reply :-moz-placeholder {
  /* Firefox 18- */
  color: #151948;
}

/* Padding Top Css */
.pt-350 {
  padding-top: 350px;
}

.pt-300 {
  padding-top: 300px;
}

.pt-280 {
  padding-top: 280px;
}

.pt-250 {
  padding-top: 250px;
}

.pt-200 {
  padding-top: 200px;
}

.pt-190 {
  padding-top: 190px;
}

.pt-180 {
  padding-top: 180px;
}

.pt-170 {
  padding-top: 170px;
}

.pt-160 {
  padding-top: 160px;
}

.pt-150 {
  padding-top: 150px;
}

.pt-140 {
  padding-top: 140px;
}

.pt-130 {
  padding-top: 130px;
}

.pt-120 {
  padding-top: 120px;
}

.pt-115 {
  padding-top: 115px;
}

.pt-110 {
  padding-top: 110px;
}

.pt-100 {
  padding-top: 100px;
}

.pt-95 {
  padding-top: 95px;
}

.pt-90 {
  padding-top: 90px;
}

.pt-85 {
  padding-top: 85px;
}

.pt-80 {
  padding-top: 80px;
}

.pt-75 {
  padding-top: 75px;
}

.pt-70 {
  padding-top: 70px;
}

.pt-65 {
  padding-top: 65px;
}

.pt-60 {
  padding-top: 60px;
}

.pt-55 {
  padding-top: 55px;
}

.pt-50 {
  padding-top: 50px;
}

.pt-45 {
  padding-top: 45px;
}

.pt-40 {
  padding-top: 40px;
}

.pt-35 {
  padding-top: 35px;
}

.pt-30 {
  padding-top: 30px;
}

.pt-25 {
  padding-top: 25px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-15 {
  padding-top: 15px;
}

.pt-10 {
  padding-top: 10px;
}

/* Padding Bottom Css */
.pb-350 {
  padding-bottom: 350px;
}

.pb-250 {
  padding-bottom: 250px;
}

.pb-200 {
  padding-bottom: 200px;
}

.pb-190 {
  padding-bottom: 190px;
}

.pb-180 {
  padding-bottom: 180px;
}

.pb-170 {
  padding-bottom: 170px;
}

.pb-160 {
  padding-bottom: 160px;
}

.pb-150 {
  padding-bottom: 150px;
}

.pb-140 {
  padding-bottom: 140px;
}

.pb-135 {
  padding-bottom: 135px;
}

.pb-130 {
  padding-bottom: 130px;
}

.pb-120 {
  padding-bottom: 120px;
}

.pb-110 {
  padding-bottom: 110px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pb-95 {
  padding-bottom: 95px;
}

.pb-90 {
  padding-bottom: 90px;
}

.pb-85 {
  padding-bottom: 85px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pb-75 {
  padding-bottom: 75px;
}

.pb-70 {
  padding-bottom: 70px;
}

.pb-65 {
  padding-bottom: 65px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pb-55 {
  padding-bottom: 55px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pb-45 {
  padding-bottom: 45px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pb-35 {
  padding-bottom: 35px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-25 {
  padding-bottom: 25px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-15 {
  padding-bottom: 15px;
}

.pb-10 {
  padding-bottom: 10px;
}

/* Padding Left Css */
.pl-120 {
  padding-left: 120px;
}

.pl-110 {
  padding-left: 110px;
}

.pl-100 {
  padding-left: 100px;
}

.pl-90 {
  padding-left: 90px;
}

.pl-80 {
  padding-left: 80px;
}

.pl-70 {
  padding-left: 70px;
}

.pl-60 {
  padding-left: 60px;
}

.pl-50 {
  padding-left: 50px;
}

.pl-40 {
  padding-left: 40px;
}

.pl-35 {
  padding-left: 35px;
}

.pl-30 {
  padding-left: 30px;
}

.pl-25 {
  padding-left: 25px;
}

.pl-20 {
  padding-left: 20px;
}

.pl-15 {
  padding-left: 15px;
}

.pl-10 {
  padding-left: 10px;
}

/* Padding Right Css */
.pr-120 {
  padding-right: 120px;
}

.pr-110 {
  padding-right: 110px;
}

.pr-100 {
  padding-right: 100px;
}

.pr-90 {
  padding-right: 90px;
}

.pr-80 {
  padding-right: 80px;
}

.pr-70 {
  padding-right: 70px;
}

.pr-60 {
  padding-right: 60px;
}

.pr-50 {
  padding-right: 50px;
}

.pr-40 {
  padding-right: 40px;
}

.pr-35 {
  padding-right: 35px;
}

.pr-30 {
  padding-right: 30px;
}

.pr-25 {
  padding-right: 25px;
}

.pr-20 {
  padding-right: 20px;
}

.pr-15 {
  padding-right: 15px;
}

.pr-10 {
  padding-right: 10px;
}

/* Margin Top Css */
.mt-200 {
  margin-top: 200px;
}

.mt-190 {
  margin-top: 190px;
}

.mt-180 {
  margin-top: 180px;
}

.mt-170 {
  margin-top: 170px;
}

.mt-160 {
  margin-top: 160px;
}

.mt-150 {
  margin-top: 150px;
}

.mt-140 {
  margin-top: 140px;
}

.mt-130 {
  margin-top: 130px;
}

.mt-120 {
  margin-top: 120px;
}

.mt-110 {
  margin-top: 110px;
}

.mt-100 {
  margin-top: 100px;
}

.mt-95 {
  margin-top: 95px;
}

.mt-90 {
  margin-top: 90px;
}

.mt-80 {
  margin-top: 80px;
}

.mt-75 {
  margin-top: 75px;
}

.mt-70 {
  margin-top: 70px;
}

.mt-65 {
  margin-top: 65px;
}

.mt-60 {
  margin-top: 60px;
}

.mt-55 {
  margin-top: 55px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-45 {
  margin-top: 45px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-35 {
  margin-top: 35px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-25 {
  margin-top: 25px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-10 {
  margin-top: 10px;
}

/* Margin Bottom Css */
.mb-200 {
  margin-bottom: 200px;
}

.mb-190 {
  margin-bottom: 190px;
}

.mb-180 {
  margin-bottom: 180px;
}

.mb-170 {
  margin-bottom: 170px;
}

.mb-160 {
  margin-bottom: 160px;
}

.mb-150 {
  margin-bottom: 150px;
}

.mb-140 {
  margin-bottom: 140px;
}

.mb-130 {
  margin-bottom: 130px;
}

.mb-120 {
  margin-bottom: 120px;
}

.mb-110 {
  margin-bottom: 110px;
}

.mb-100 {
  margin-bottom: 100px;
}

.mb-95 {
  margin-bottom: 95px;
}

.mb-90 {
  margin-bottom: 90px;
}

.mb-80 {
  margin-bottom: 80px;
}

.mb-75 {
  margin-bottom: 75px;
}

.mb-70 {
  margin-bottom: 70px;
}

.mb-65 {
  margin-bottom: 65px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mb-55 {
  margin-bottom: 55px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-45 {
  margin-bottom: 45px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-35 {
  margin-bottom: 35px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-25 {
  margin-bottom: 25px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-10 {
  margin-bottom: 10px;
}

/* Margin Left Css */
.ml-200 {
  margin-left: 200px;
}

.ml-190 {
  margin-left: 190px;
}

.ml-180 {
  margin-left: 180px;
}

.ml-170 {
  margin-left: 170px;
}

.ml-160 {
  margin-left: 160px;
}

.ml-150 {
  margin-left: 150px;
}

.ml-140 {
  margin-left: 140px;
}

.ml-130 {
  margin-left: 130px;
}

.ml-120 {
  margin-left: 120px;
}

.ml-110 {
  margin-left: 110px;
}

.ml-100 {
  margin-left: 100px;
}

.ml-95 {
  margin-left: 95px;
}

.ml-90 {
  margin-left: 90px;
}

.ml-80 {
  margin-left: 80px;
}

.ml-75 {
  margin-left: 75px;
}

.ml-70 {
  margin-left: 70px;
}

.ml-65 {
  margin-left: 65px;
}

.ml-60 {
  margin-left: 60px;
}

.ml-55 {
  margin-left: 55px;
}

.ml-50 {
  margin-left: 50px;
}

.ml-45 {
  margin-left: 45px;
}

.ml-40 {
  margin-left: 40px;
}

.ml-35 {
  margin-left: 35px;
}

.ml-30 {
  margin-left: 30px;
}

.ml-25 {
  margin-left: 25px;
}

.ml-20 {
  margin-left: 20px;
}

.ml-15 {
  margin-left: 15px;
}

.ml-10 {
  margin-left: 10px;
}

/* Margin Right Css */
.mr-200 {
  margin-right: 200px;
}

.mr-190 {
  margin-right: 190px;
}

.mr-180 {
  margin-right: 180px;
}

.mr-170 {
  margin-right: 170px;
}

.mr-160 {
  margin-right: 160px;
}

.mr-150 {
  margin-right: 150px;
}

.mr-140 {
  margin-right: 140px;
}

.mr-130 {
  margin-right: 130px;
}

.mr-120 {
  margin-right: 120px;
}

.mr-110 {
  margin-right: 110px;
}

.mr-100 {
  margin-right: 100px;
}

.mr-95 {
  margin-right: 95px;
}

.mr-90 {
  margin-right: 90px;
}

.mr-80 {
  margin-right: 80px;
}

.mr-75 {
  margin-right: 75px;
}

.mr-70 {
  margin-right: 70px;
}

.mr-65 {
  margin-right: 65px;
}

.mr-60 {
  margin-right: 60px;
}

.mr-55 {
  margin-right: 55px;
}

.mr-50 {
  margin-right: 50px;
}

.mr-45 {
  margin-right: 45px;
}

.mr-40 {
  margin-right: 40px;
}

.mr-35 {
  margin-right: 35px;
}

.mr-30 {
  margin-right: 30px;
}

.mr-25 {
  margin-right: 25px;
}

.mr-20 {
  margin-right: 20px;
}

.mr-15 {
  margin-right: 15px;
}

.mr-10 {
  margin-right: 10px;
}

.cryptobit_nav_manu {
  position: sticky;
  top: 0;
  background: #14151b;
  width: 100%;
  z-index: 444;
  padding: 20px 0;
}
.faq-area.style-two .dreamit-section-title h1 {
  margin: 0 0 auto 0;
}

.main_sticky {
  display: none;
}

.style-two.hero-section {
  background: url('../images/bg1.png') no-repeat center center;
  background-size: cover;
}

.style-two .hero-content:before {
  position: inherit;
}

.style-two .hero-title h1 {
  font-size: 32px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.3;
}

.style-two .hero-title {
  position: relative;
}

.style-two .hero-title h3 {
  position: relative;
  font-size: 45px;
  z-index: 1;
  background: #fff;
  padding: 10px;
  display: inline-block;
  border-radius: 20px 0 20px 0;
  text-transform: uppercase;
  color: #000;
}

.style-two .hero-text {
  position: relative;
}

.style-two .hero-text p {
  color: #919da4;
  padding: 13px 0 20px;
  font-size: 20px;
  letter-spacing: 1px;
}

.dreamit-section-title h1 {
  font-size: 38px;
  font-weight: 400;
  color: #fff;
}

.dreamit-section-title span {
  font-size: 42px;
  font-weight: 600;
}

.style-two.dreamit-section-title h1 {
  font-size: 32px;
  font-weight: 700;
  color: #fff;
  max-width: 900px;
  margin: 0 auto;
  line-height: 1.5;
}

.style-two.dreamit-section-title.black h1 {
  color: #000;
}

.style-two.dreamit-section-title h1 span {
  display: block;
  font-size: 24px;
  font-weight: normal;
  margin: 15px 0 0;
}

.section-currency {
  background: #2a2a2d;
}

.box-chart {
  padding: 18px 30px;
  font-weight: 600;
  color: #fff;
  background-color: #14151b;
  border-radius: 8px;
  margin: 10px 0;
  font-size: 24px;
  height: -webkit-fill-available;
}

.box-chart-inner {
  display: flex;
  margin-bottom: -10px;
  margin-left: -10px;
}

.box-chart-inner > * {
  margin-top: 0;
  margin-bottom: 10px;
  margin-left: 10px;
}

.box-chart-block p {
  font-size: 20px;
  margin-top: 10px;
}

.box-chart-block:first-child {
  display: flex;
}

.box-chart-icon {
  flex-shrink: 0;
  margin-right: 12px;
}

.style-two.feature-area {
  background: url('../images/bg4.png') no-repeat center center;
  background-size: cover;
}

.style-two .feature-single-box {
  padding: 35px 35px 15px;
  text-align: center;
  background: #16141c;
  border-radius: 30px;
  margin-bottom: 30px;
  height: 100%;
}

.style-two .feature-title h3 {
  font-size: 20px;
  font-weight: 700;
  background: linear-gradient(to right, #ff9416 50%, #fff 50%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  background-size: 200%, 100%;
  background-position: 100%;
  transition: 0.5s;
  padding: 16px 0 0;
}

.style-two .feature-title h3 span {
  display: block;
  font-size: 16px;
  font-weight: normal;
  padding: 10px 0 0;
}

.feature-single-box img {
  border-radius: 50%;
}

.feature-title h3 {
  font-size: 22px;
  font-weight: 600;
  background: linear-gradient(to right, #ffbc00 50%, #fff 50%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  background-size: 200%, 100%;
  background-position: 100%;
  transition: 0.5s;
  padding: 11px 0 0;
}

.style-two .feature-title p {
  font-size: 16px;
  color: #919da4;
  padding: 10px 0 0;
}

.feature-title h3:hover {
  background-position: 0;
}

.feature-title p {
  font-size: 15px;
  color: #919da4;
  padding: 14px 0 0;
}

.feature-icon1 img {
  transition: 0.5s;
}

.featured-area {
  background: #2a2a2d;
}

.smile-box {
  text-align: center;
  padding: 30px;
  background: #1f1f20;
  max-width: 350px;
  margin: 0 auto;
  height: 100%;
  border-radius: 30px;
  border: 1px solid #476fff;
}

.smile-box span {
  font-size: 30px;
}

.smile-box h3 {
  font-size: 24px;
  color: #fff;
  line-height: 24px;
  font-weight: 500;
  line-height: 1.5;
}

.feature-icon {
  text-align: center;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 30px;
}

.feature-icon img {
  width: 50px;
  margin: 20px 30px 0;
}

.section-story {
  background: url('../images/bg5.png') no-repeat center center fixed;
  background-size: cover;
}

.process-area {
  background: #050603;
}

.single-process-box {
  text-align: center;
  margin-bottom: 30px;
}

.single-process-thumb {
  position: relative;
  z-index: 1;
  background: #15161c;
  border-radius: 8px;
  padding: 35px 0 30px;
  width: 70%;
  margin: auto;
}

.single-process-thumb img {
  transition: 0.5s;
}

.process-number {
  position: absolute;
  top: -20px;
  margin: auto;
  left: 0;
  right: 0;
}

.process-number span {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  font-family: 'Montserrat';
  width: 42px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  background: #30303d;
  display: inline-block;
  transition: 0.5s;
  border-radius: 5px;
}

.single-process-box:hover .single-process-thumb img {
  transform: rotateY(180deg);
}

.single-process-box:hover .process-number span {
  background: #ff9416;
}

.process-title h4 {
  font-size: 24px;
  font-weight: 600;
  padding: 15px 0 12px;
  color: #000;
}

.process-text p {
  color: #fff;
}

.process-title h4:hover {
  color: #fff;
}

.faq-area {
  background: #161c2c;
}

.accordion li {
  position: relative;
  list-style: none;
  padding: 11px 30px 11px;
  background: #1e2738;
  margin-bottom: 10px;
  border-radius: 5px;
}

.accordion li:before {
  position: absolute;
  content: '';
  left: 29px;
  top: 23px;
  width: 32px;
  height: 32px;
  border-radius: 30px;
  background: #00b78d;
}

.accordion li .accordion-header {
  width: 100%;
  display: block;
  cursor: pointer;
  font-weight: 600;
  line-height: 3;
  font-size: 18px;
  color: #fff;
  user-select: none;
  padding: 0 0px 0 42px;
}

.accordion li p {
  display: none;
  font-size: 16px;
  color: #919ea4;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  margin: 15px 0 21px;
  padding-top: 20px;
}

.accordion-header.active:after {
  transform: rotate(0deg);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.accordion-header.active:before {
  display: none;
}

.faq-area.style-two {
  background: #14151b;
}

.style-two .accordion li {
  position: relative;
  list-style: none;
  padding: 0px 0px 0px;
  background: transparent;
  margin-bottom: 20px;
  border-radius: 2px;
  border: 1px solid #32343a;
}

.style-two .accordion li:before {
  display: none;
}

.style-two .accordion li .accordion-header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  font-weight: 600;
  font-size: 18px;
  color: #fff;
  user-select: none;
  padding: 8px 20px 8px 30px;
  background: #15161c;
  line-height: normal;
}

.style-two .accordion li p {
  display: none;
  font-size: 20px;
  color: #919ea4;
  border-top: 0;
  margin: 0px 40px 10px 30px;
  padding-top: 0;
}

.style-two .accordion-header.active {
  color: #ff9416 !important;
}

.accordion-icon {
  width: 42px;
  height: 42px;
  min-width: 42px;
  background: #ff9416;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  font-weight: 400;
  color: #fff;
  line-height: 1;
}

.faq-single-thumb {
  margin-top: 0;
}

.faq-single-thumb img {
  width: 100%;
}

.footer-middle {
  background: #161c2c;
}

.row.footer-bottom {
  align-items: center;
  justify-content: space-between;
}

.row.footer-bottom div {
  width: auto;
}

.row.footer-bottom .flex-block .footer-bottom-content {
  display: flex;
  align-items: center;
}

.row.footer-bottom .flex-block .footer-bottom-content p {
  margin: 0;
}

.footer-bottom-content-copy p {
  color: #cacaca;
}

.style-two.footer-middle {
  background: #050505;
}

.dreamit-form {
  max-width: 450px;
  margin: 0 0 0 auto;
}
/* Normal desktop :1200px. */

@media (min-width: 1200px) and (max-width: 1500px) {
  .hero-title h1 {
    font-size: 50px;
  }

  .style-two .hero-title h1 {
    font-size: 32px;
  }

  .style-two .hero-title h3 {
    font-size: 32px;
  }
}

/* Normal desktop :993px. */
@media (min-width: 993px) and (max-width: 1199px) {
  a.logo_img.upper1 img {
    width: 55% !important;
  }
}

/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1199px) {
  .hero-title h1 {
    font-size: 46px;
    font-weight: 400;
  }

  .dreamit-section-title h1 {
    font-size: 32px;
  }

  .dreamit-section-title h4:before {
    left: 26px;
    width: 120px;
  }

  .footer-bottom-content-copy p {
    font-size: 20px;
  }

  /*hero section style two*/
  .style-two .hero-text p {
    font-size: 24px;
    line-height: normal;
  }

  .style-two .hero-title h3 {
    font-size: 32px;
  }

  .style-two.dreamit-section-title h1 {
    font-size: 32px;
    line-height: 38px;
  }

  .style-two .feature-title p {
    font-size: 20px;
  }

  .style-two .hero-title h1 {
    font-size: 32px;
  }

  .process-text p {
    font-size: 20px;
    line-height: 24px;
  }

  /*hero section style three*/

  .accordion li p {
    font-size: 12px;
  }

  .feature-title p {
    font-size: 12px;
  }
}

/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
  .cryptobit_nav_manu {
    background: #050603;
    position: static;
  }

  .style-two.hero-section {
    background: url('../images/bg1.png') no-repeat center center;
    background-size: cover;
  }

  .hero-title h1 {
    font-size: 35px;
  }

  .dreamit-section-title h1 {
    font-size: 22px;
  }

  .dreamit-section-title h4:before {
    right: 0;
    left: 142px;
    width: 120px;
  }

  /*table section*/

  .dreamit-section-title span {
    font-size: 30px;
  }

  /*slider style two*/
  .style-two .hero-title h1 {
    font-size: 32px;
  }

  .style-two .hero-title h3 {
    font-size: 30px;
  }

  .style-two .hero-text p {
    font-size: 15px;
  }

  .style-two.dreamit-section-title h1 {
    font-size: 32px;
    line-height: 40px;
  }

  .style-two.dreamit-section-title h1 {
    font-size: 32px;
    line-height: 32px;
  }

  .style-two .accordion li p {
    font-size: 14px;
  }

  .style-two.footer-middle {
    text-align: center;
  }

  .footer-bottom-content-copy p {
    font-size: 14px;
  }

  /*hero section style three*/

  .accordion li p {
    font-size: 13px;
  }

  .dreamit-form {
    margin-left: 0;
  }
}

/* Large Mobile :600px. */
@media only screen and (min-width: 600px) and (max-width: 767px) {
  .cryptobit_nav_manu {
    position: static !important;
    background: #050603;
    text-align: center;
  }

  .style-two.hero-section {
    background: url('../images/bg1.png') no-repeat center center;
    background-size: cover;
  }

  .style-two.hero-section {
    height: auto;
    padding: 20px 0 80px;
  }

  /*hero section*/
  .hero-content {
    text-align: center;
  }

  .hero-title h1 {
    font-size: 35px;
  }

  .hero-title h1 {
    font-size: 35px;
  }

  /*section title*/
  .dreamit-section-title h1 {
    font-size: 30px;
  }

  .dreamit-section-title h4 {
    font-size: 16px;
  }

  .dreamit-section-title h4:before {
    right: -399px;
    width: 110px;
  }

  /*pie chart*/

  /*table section*/

  /*feature icon*/

  /*blog*/

  /*contact form*/

  /*footer area*/

  /*hero section style two*/

  .style-two .hero-title h1 {
    font-size: 32px;
  }

  .style-two .hero-title h3 {
    font-size: 32px;
  }

  .style-two.dreamit-section-title h1 {
    font-size: 32px;
    font-weight: 600;
    line-height: 35px;
  }

  /*issue*/

  /*issue end*/
  /*hero section style three*/

  .dreamit-section-title {
    text-align: center;
  }

  .footer-middle {
    text-align: center;
  }

  .dreamit-form {
    margin-left: 0;
    margin-top: 50px;
  }

  .style-two .feature-single-box {
    height: auto;
  }
}

@media only screen and (min-width: 220px) and (max-width: 340px) {
  .cryptobit_nav_manu {
    display: none;
  }

  .style-two.hero-section {
    height: 650px;
  }
}

/* small mobile :320px. */
@media only screen and (min-width: 320px) and (max-width: 599px) {
  .style-two .accordion li::before {
    position: absolute;
    content: '';
    right: 10px;
    left: inherit;
    top: 5px;
    width: 42px;
    height: 42px;
    border-radius: 5px;
    background: #ffffff;
  }

  .style-two .accordion li {
    min-height: 57px;
  }

  .accordion-menu {
    margin-top: 30px;
  }

  .cryptobit_nav_manu {
    position: static !important;
    background: #050603;
    text-align: center;
  }

  .style-two.hero-section {
    height: auto;
    padding: 20px 0 80px;
  }

  .style-two.hero-section {
    background: url('../images/bg1.png') no-repeat center center;
    background-size: cover;
  }

  /*hero section*/
  .hero-content {
    text-align: center;
  }

  .hero-text p {
    font-size: 14px;
  }

  .hero-title h1 {
    font-size: 22px;
    display: block !important;
  }

  /*section title*/
  .dreamit-section-title {
    text-align: center;
  }

  .dreamit-section-title h1 {
    font-size: 18px;
  }

  .feature-title p {
    font-size: 14px;
  }

  .dreamit-section-title h4 {
    display: none;
  }

  .dreamit-section-title span {
    font-size: 30px;
  }

  .accordion li p {
    font-size: 13px;
  }

  .footer-bottom-content-copy p {
    font-size: 13px;
  }

  /*hero section style two*/
  .style-two.hero-section {
    height: auto;
    padding: 20px 0 80px;
  }

  .style-two .hero-text p {
    font-size: 13px;
  }

  .style-two .hero-title h1 {
    font-size: 32px;
    font-weight: 600;
    display: block;
  }

  .style-two.dreamit-section-title h1 {
    font-size: 32px;
    line-height: normal;
  }

  .style-two .feature-title p {
    font-size: 20px;
  }

  .process-title h4 {
    font-size: 24px;
  }

  .process-text p {
    font-size: 20px;
  }

  .style-two .accordion li p {
    font-size: 20px;
  }

  /*issue*/

  /*issue end*/
  /*hero section style three*/

  .style-two .hero-title h3 {
    font-size: 32px;
  }

  .footer-middle {
    text-align: center;
  }

  .dreamit-form {
    margin-left: 0;
    margin-top: 50px;
  }

  .style-two .feature-single-box {
    height: auto;
  }

  .feature-icon img {
    margin: 20px 15px 0;
  }

  .featured-area h2 {
    font-size: 20px;
  }
}

.hero-title h1 {
  color: #000000;
}

.hero-text p {
  color: #000000 !important;
}

#sticky-header .row {
  margin-bottom: 0;
}

span.logo-top-area {
  display: flex;
  align-items: center;
}

span.logo-top-area img {
  max-height: 45px;
  margin-right: 3px;
}

.item-lang-memu {
  margin-right: 5px;
}

@media screen and (max-width: 600px) {
  .accordion-menu {
    padding: 0 1rem;
  }
  .item-lang-memu {
    margin: 0 !important;
  }
  .row.align-items-center.logo-row {
    display: flex;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-content: center;
    padding: 0 10px;
  }

  span.logo-top-area img {
    max-width: 25px !important;
    max-height: 25px !important;
    margin-right: 2px !important;
  }

  .col-md-4.item-logo {
    display: flex;
    width: 58%;
    padding: 0;
  }

  .style-two .hero-text p {
    font-size: 20px;
    line-height: normal;
    margin: 0;
    padding: 15px 0 0 0;
  }

  .dreamit-form {
    margin-top: 30px;
  }
}
body {
  position: relative;
}

.item-lang-memu {
  width: auto;
}

.item-lang-memu a {
  background: #2a2a2d;
  color: #476fff;
  border: 2px solid #476fff;
  border-radius: 5px;
  max-width: 230px;
  width: 100%;
  font-size: 20px;
  padding: 6px 5rem;
}

@media (max-width: 700px) {
  .item-lang-memu a {
    padding: 0.25rem 2rem;
    font-size: 18px;
  }
}

#sticky-header .row {
  justify-content: space-between;
}
* {
  box-sizing: border-box;
}

.center-align {
  text-align: center;
}

/* Фон формы */
.form-send {
  background-color: #1f1f20; /* тёмный фон */
  padding: 30px;
  border-radius: 12px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4); /* чуть более заметная тень на тёмном фоне */
  max-width: 440px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 15px;
  position: relative;
  color: #fff; /* цвет текста по умолчанию */
  font-family: 'Oswald', sans-serif;
}

.process-area {
  background: url('../images/bg2.png') no-repeat center center fixed;
  background-size: cover;
  padding: 50px 20px;
  color: #fff;
  font-family: 'Oswald', sans-serif;
}

:root {
  --bg-outer: #009bf5;
  --card: #1c1c1f;
  --card-2: #141416;
  --text: #ffffff;
  --muted: #a9a9b2;
  --line: #ffffff55;
  --accent: #312aff;
  --accent-2: #476fff;
  --radius: 18px;
}

.card {
  width: 100%;
  border-radius: 24px;
  background: linear-gradient(180deg, var(--card), var(--card-2));
  padding: 28px 26px 24px;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.4);
  border: 1px solid #ffffff14;
  max-width: 500px;
  margin: 0 auto;
}

.title {
  font-size: 24px;
  text-align: center;
  font-weight: 800;
  letter-spacing: 0.8px;
  margin: 4px 0 18px;
  text-transform: uppercase;
}

.slider-title {
  font-size: 32px;
  padding: 0 1rem;
}

.label {
  font-size: 18px;
  color: var(--muted);
  margin: 16px 0 10px;
}

.grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

.chip {
  border: 2px solid var(--line);
  background: transparent;
  color: var(--text);
  border-radius: 14px;
  padding: 16px 10px;
  font-size: 20px;
  cursor: pointer;
  transition:
    transform 0.08s ease,
    border-color 0.15s ease,
    box-shadow 0.15s ease;
  user-select: none;
}

.chip:active {
  transform: scale(0.98);
}

/* верхний ряд — белая обводка */
.chip--white.active {
  border-color: #ffffffcc;
  box-shadow: 0 0 0 4px #ffffff10;
  background: #476fff;
  color: #000;
}

/* нижний ряд — красная обводка */
.chip--red {
  border-color: rgba(15, 65, 204, 0.55);
}

.chip--red.active {
  border-color: #ffffffcc;
  box-shadow: 0 0 0 4px #ffffff10;
  background: #476fff;
  color: #000;
}

.btn {
  margin-top: 18px;
  width: 100%;
  border: 0;
  background: linear-gradient(180deg, var(--accent-2), var(--accent));
  color: #fff;
  font-size: 24px;
  font-weight: 800;
  border-radius: 14px;
  padding: 18px 16px;
  cursor: pointer;
  box-shadow: 0 16px 28px rgba(82, 23, 230, 0.28);
  transition:
    transform 0.08s ease,
    filter 0.15s ease;
}

.btn:active {
  transform: scale(0.99);
}

.btn:hover {
  filter: brightness(1.03);
}

.result {
  margin-top: 18px;
  border-radius: 14px;
  border: 2px solid #ffffffaa;
  padding: 16px 16px;
  text-align: center;
  font-size: 20px;
  background: rgba(0, 0, 0, 0.12);
}

.result strong {
  font-weight: 900;
}

/* mobile */
@media (max-width: 520px) {
  .title {
    font-size: 24px;
  }

  .grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .chip {
    font-size: 18px;
    padding: 14px 10px;
  }

  .btn {
    font-size: 24px;
    padding: 16px 14px;
  }

  .label {
    font-size: 18px;
  }

  .result {
    font-size: 20px;
  }
}

:root {
  --bg: #0f1013;
  --panel: #1b1c20;
  --line: #476fff;
  --text: #ffffff;
  --muted: #c9c9d2;
  --arrow1: #ff7a00;
  --arrow2: #ffb200;
  --radius: 22px;
}

.section {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  text-align: center;

  background: #14151b;
  margin: 0;
  max-width: none;
  padding: 5rem 0;
}

.title {
  margin: 0 0 26px;
  font-weight: 900;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: var(--text);
}

.slider {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  user-select: none;
}

.viewport {
  width: min(820px, 100%);
  border-radius: 1rem;
  overflow: hidden;
}

.stage {
  border-radius: var(--radius);
  background: rgba(0, 0, 0, 0.22);
  border: 1px solid #476fff;
  overflow: hidden;
  position: relative;
  /*aspect-ratio: 16 / 7;*/
  min-height: 240px;
}

.track {
  height: 100%;
  display: flex;
  transition: transform 320ms ease;
  will-change: transform;
}

.slide {
  width: 100%;
  flex: 0 0 100%;
  display: flex;
  align-items: center;
}

@media (max-width: 720px) {
  .stage {
    width: auto;
    min-height: auto;
    aspect-ratio: auto;
  }

  .col-md-4.item-logo {
    flex-shrink: initial;
    width: auto;
  }

  span.logo-top-area img {
    max-width: none !important;
  }

  .gap-box {
    gap: 1rem;
  }

  .slider {
    padding: 0 1rem;
  }

  #vidSlider > .arrow.right {
    position: absolute;
    bottom: -70px;
    right: 15%;
  }

  #vidSlider > .arrow.left {
    position: absolute;
    bottom: -70px;
    left: 15%;
  }
}

.video {
  width: 100%;
  height: auto;
  border: 0;
  display: block;
  object-fit: cover;
  background: #111;
  cursor: pointer;
}

/* arrows */
.arrow {
  width: 160px;
  height: 160px;
  border: 0;
  background: transparent;
  cursor: pointer;
  display: grid;
  place-items: center;
  padding: 0;
  transition:
    transform 0.12s ease,
    filter 0.15s ease;
}

.arrow:active {
  transform: scale(0.96);
}

.arrow:hover {
  filter: brightness(1.05);
}

.arrow svg {
  width: 160px;
  height: 160px;
  display: block;
  filter: drop-shadow(0 10px 18px rgba(0, 0, 0, 0.45));
}

@media (max-width: 720px) {
  .arrow {
    width: 54px;
    height: 54px;
  }

  .arrow svg {
    width: 54px;
    height: 54px;
  }
}