@import url("../fonts/fonts__q_5d023c1d1d.css");

:root {
  --tm-font-family: "Figtree", sans-serif;
  --tm-text-color: #0e1d31;
  --tm-muted-text-color: #3e4a5a;
  --tm-body-font-size: 16px;
  --tm-body-line-height: 24px;
  --tm-body-font-weight: 400;
}

html,
body,
textarea,
input,
select,
button {
  font-family: var(--tm-font-family) !important;
  font-style: normal;
  letter-spacing: 0;
}

body {
  color: var(--tm-text-color);
  font-size: var(--tm-body-font-size);
  font-weight: var(--tm-body-font-weight);
  line-height: var(--tm-body-line-height);
}

body.markets-homepage :where(.markets-homepage-shell, .markets-category-shell, .markets-instrument-shell) {
  --font: var(--tm-font-family) !important;
  --h1: 54px !important;
  --h2: 48px !important;
  --h3: 36px !important;
  --h4: 24px !important;
  --h5: 18px !important;
  --p: 16px !important;
  font-family: var(--tm-font-family) !important;
  font-size: var(--tm-body-font-size);
  font-weight: var(--tm-body-font-weight);
  line-height: var(--tm-body-line-height);
  color: var(--tm-text-color);
}

body.markets-homepage :where(.markets-homepage-shell, .markets-category-shell, .markets-instrument-shell) :where(*) {
  font-family: var(--tm-font-family) !important;
  letter-spacing: 0;
}

body.markets-homepage :where(.markets-homepage-shell, .markets-category-shell, .markets-instrument-shell) :where(h1, .size-h1) {
  font-size: 54px !important;
  font-weight: 600 !important;
  line-height: 64px !important;
  letter-spacing: 0;
}

body.markets-homepage :where(.markets-homepage-shell, .markets-category-shell, .markets-instrument-shell) :where(h2, .size-h2, .trust-pilot-title) {
  font-size: 48px !important;
  font-weight: 600 !important;
  line-height: 56px !important;
  letter-spacing: 0;
}

body.markets-homepage :where(.markets-homepage-shell, .markets-category-shell, .markets-instrument-shell) :where(h3, .size-h3) {
  font-size: 36px !important;
  font-weight: 700 !important;
  line-height: 48px !important;
  letter-spacing: 0;
}

body.markets-homepage :where(.markets-homepage-shell, .markets-category-shell, .markets-instrument-shell) :where(h4, .size-h4) {
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 32px !important;
  letter-spacing: 0;
}

body.markets-homepage :where(.markets-homepage-shell, .markets-category-shell, .markets-instrument-shell) :where(h5, .size-h5) {
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
}

body.markets-homepage :where(.markets-homepage-shell, .markets-category-shell, .markets-instrument-shell) :where(h6, .size-h6) {
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
}

body.markets-homepage :where(.markets-homepage-shell, .markets-category-shell, .markets-instrument-shell) :where(.h1-v2dot6, h1.h1-v2dot6) {
  font-size: 58px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: -1.16px;
}

body.markets-homepage :where(.markets-homepage-shell, .markets-category-shell, .markets-instrument-shell) :where(.h2-v2dot6, h2.h2-v2dot6) {
  font-size: 48px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.96px;
}

body.markets-homepage :where(.markets-homepage-shell, .markets-category-shell, .markets-instrument-shell) :where(.h3-v2dot6, h3.h3-v2dot6) {
  font-size: 40px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.8px;
}

body.markets-homepage :where(.markets-homepage-shell, .markets-category-shell, .markets-instrument-shell) :where(.h4-v2dot6, h4.h4-v2dot6) {
  font-size: 32px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.64px;
}

body.markets-homepage :where(.markets-homepage-shell, .markets-category-shell, .markets-instrument-shell) :where(.h5-v2dot6, h5.h5-v2dot6) {
  font-size: 28px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}

body.markets-homepage :where(.markets-homepage-shell, .markets-category-shell, .markets-instrument-shell) :where(.h6-v2dot6, h6.h6-v2dot6) {
  font-size: 24px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}

body.markets-homepage :where(.markets-homepage-shell, .markets-category-shell, .markets-instrument-shell) :where(p, li, td, th, label, .description, .dec, .intro_Title) {
  font-size: var(--tm-body-font-size) !important;
  font-weight: var(--tm-body-font-weight) !important;
  line-height: var(--tm-body-line-height) !important;
}

body.markets-homepage :where(.markets-homepage-shell, .markets-category-shell, .markets-instrument-shell) :where(strong, b) {
  font-weight: 700 !important;
}

body.markets-homepage :where(.markets-homepage-shell, .markets-category-shell, .markets-instrument-shell) :where(.btn, .cta, button, .register) {
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 20px !important;
}

body.markets-homepage :where(.markets-homepage-shell, .markets-category-shell, .markets-instrument-shell) :where(.h4-semi-bold, p.h4-semi-bold) {
  font-size: 24px !important;
  font-weight: 600 !important;
  line-height: 32px !important;
  letter-spacing: 0;
}

body.markets-homepage .thinkmarkets-homepage-shell .instrument-category-deck {
  box-sizing: border-box;
  width: 100%;
  padding: 0;
}

body.markets-homepage .thinkmarkets-homepage-shell .instrument-category-deck .g-container {
  box-sizing: border-box;
}

body.markets-homepage .thinkmarkets-homepage-shell .instrument-category-deck__title-containr {
  max-width: 600px !important;
  margin: 0 auto !important;
  padding-bottom: 16px !important;
  text-align: center;
}

body.markets-homepage .thinkmarkets-homepage-shell .instrument-category-deck__title {
  display: block !important;
  margin: 0 0 8px !important;
  color: #0e1d31 !important;
  font-family: var(--tm-font-family) !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  line-height: 32px !important;
  letter-spacing: 0;
  text-align: center;
}

body.markets-homepage .thinkmarkets-homepage-shell .instrument-category-deck__cards-bar {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
}

body.markets-homepage .thinkmarkets-homepage-shell .instrument-category-deck__card-link {
  color: inherit !important;
  text-decoration: none !important;
}

body.markets-homepage .thinkmarkets-homepage-shell .instrument-category-deck__card {
  box-sizing: border-box;
  width: 140px !important;
  height: 100px !important;
  margin-top: 20px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-image: var(--instrument-category-deck-icon-nest) !important;
  transition: background-image .2s !important;
}

body.markets-homepage .thinkmarkets-homepage-shell .instrument-category-deck__card:hover {
  background-image: var(--instrument-category-deck-icon-nest-hover) !important;
}

body.markets-homepage .thinkmarkets-homepage-shell .instrument-category-deck__icon-vertical-container {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100%;
}

body.markets-homepage .thinkmarkets-homepage-shell .instrument-category-deck__icon-img-container {
  width: 30px !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible;
}

body.markets-homepage .thinkmarkets-homepage-shell .instrument-category-deck__icon-img-container > img {
  display: block;
  width: auto !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
  transform: translateY(-22px) !important;
  transition: transform .2s !important;
}

body.markets-homepage .thinkmarkets-homepage-shell .instrument-category-deck__card:hover .instrument-category-deck__icon-img-container > img {
  transform: translateY(-26px) !important;
  transition: transform .2s !important;
}

body.markets-homepage .thinkmarkets-homepage-shell .instrument-category-deck__card-title-container {
  margin-bottom: 13px !important;
}

body.markets-homepage .thinkmarkets-homepage-shell .instrument-category-deck__card-title-container h5,
body.markets-homepage .thinkmarkets-homepage-shell .instrument-category-deck__card-title-container p {
  margin: 0 !important;
  color: #0e1d31 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  text-align: center;
}