@charset "UTF-8";
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

.ico-12 {
  height: 12px;
  width: 12px;
}

.ico-14 {
  height: 14px;
  width: 14px;
}

.ico-16 {
  height: 16px;
  width: 16px;
}

.ico-18 {
  height: 18px;
  width: 18px;
}

.ico-20 {
  height: 20px;
  width: 20px;
}

.ico-24 {
  height: 24px;
  width: 24px;
}

.ico-25 {
  height: 25px;
  width: 25px;
}

.ico-30 {
  height: 30px;
  width: 30px;
}

.ico-35 {
  height: 35px;
  width: 35px;
}

.ico-40 {
  height: 40px;
  width: 40px;
}

.ico-50 {
  height: 50px;
  width: 50px;
}

.ico-60 {
  height: 60px;
  width: 60px;
}

.ico-70 {
  height: 70px;
  width: 70px;
}

.ico-80 {
  height: 80px;
  width: 80px;
}

.ico-90 {
  height: 90px;
  width: 90px;
}

.ico-100 {
  height: 100px;
  width: 100px;
}

.ico-badge {
  height: 40px;
  width: 143px;
}

.ico-tv {
  height: 21px;
  width: 158;
}

.ico-100p {
  height: 100%;
  width: 100%;
}

/* modified from normalize.css & _reboot.scss */
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/*! _reboot.scss | MIT License | https://getbootstrap.com/ */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  line-height: 1.4;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  scroll-behavior: smooth;
}

:root[lang=vi] {
  /*font-family:$font-vn;
  .lead-in, #key-features  {
  	font-family:$font-vn !important;
  }*/
}
:root[lang=vi] * {
  font-family: "Roboto", sans-serif !important;
}

:root[lang=th] * {
  font-family: "Sarabun", sans-serif !important;
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

figure {
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  font-weight: 400;
  line-height: 1.38;
  color: #fff;
  text-align: left;
  background-color: #000;
  overflow-x: hidden;
  font-family: Soehne, arial, sans-serif;
}

[tabindex="-1"]:focus {
  outline: 0 !important;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

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

h1, h2, h3, h4, h5, h6, .font-h1, .font-h2, .font-h3, .font-h4, .font-h5, .font-h6 {
  margin-top: 0;
  font-weight: 600;
  margin-bottom: 0;
}

p {
  margin-top: 0;
  margin-bottom: 0;
}

:root:not([lang=vi]) b,
:root:not([lang=vi]) strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  vertical-align: middle;
  border-style: none;
  max-width: 100%;
}

svg:not(:root) {
  overflow: hidden;
  vertical-align: middle;
}

button,
input,
optgroup,
select,
textarea {
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button {
  border: none;
  background-color: transparent;
  cursor: pointer;
}

button:disabled {
  cursor: not-allowed;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

button {
  border: none;
  background-color: transparent;
  cursor: pointer;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

[align=center] {
  text-align: center !important;
}

[align=left] {
  text-align: left !important;
}

[align=right] {
  text-align: right !important;
}

body {
  background: #000;
  color: #fff;
  -webkit-font-smoothing: subpixel-antialiased;
}

a {
  color: #fff;
  cursor: pointer;
}
a:hover {
  text-decoration: none;
}
a.noUnderline, a.no-underline {
  text-decoration: none;
}

.inlineLink {
  color: #fff;
  text-decoration: underline;
  transition: all 0.2s;
}

.inlineLink:hover {
  color: #ff6101;
  text-decoration: none;
}

section {
  width: 100%;
  max-width: 1200px;
  margin: 30px auto;
}

.clear {
  clear: both;
}

.show {
  display: block !important;
}

.hide {
  display: none !important;
}

@media (max-width: 980px) {
  .tablet-show {
    display: block !important;
  }
  .tablet-hide {
    display: none !important;
  }
}
@media (max-width: 600px) {
  .mobile-show {
    display: show !important;
  }
  .mobile-hide {
    display: none !important;
  }
}
.container {
  width: 100%;
  max-width: 1200px;
  min-width: 280px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.padding-inner {
  padding-right: 0;
  padding-left: 0;
}
@media only screen and (981px <= width <= 1199px) {
  .padding-inner {
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media (max-width: 980px) {
  .padding-inner {
    padding-right: 15px;
    padding-left: 15px;
  }
}

.margin-top-0 {
  margin-top: 0 !important;
}

.margin-bottom-0 {
  margin-bottom: 0 !important;
}

@media (max-width: 980px) {
  .tablet-margin-top-0 {
    margin-top: 0 !important;
  }
  .tablet-margin-bottom-0 {
    margin-bottom: 0 !important;
  }
}
.padding-top-0 {
  padding-top: 0 !important;
}

.padding-bottom-0 {
  padding-bottom: 0 !important;
}

.padding-top-10 {
  padding-top: 10 !important;
}

.padding-top-30 {
  padding-top: 30 !important;
}

.padding-bottom-10 {
  padding-bottom: 10 !important;
}

.padding-bottom-30 {
  padding-bottom: 30 !important;
}

.padding-all-0 {
  padding: 0 !important;
}

.padding-all-24 {
  padding: 24px !important;
}

.padding-all-30 {
  padding: 30px !important;
}

@media (max-width: 600px) {
  .mobile-padding-right-20 {
    padding-right: 20px !important;
  }
  .mobile-padding-left-20 {
    padding-left: 20px !important;
  }
}
.gap-0 {
  gap: 0 !important;
}

.gap-20 {
  gap: 20px !important;
}

.position-absolute {
  position: absolute;
}

.position-relative {
  position: relative;
}

.display-flex {
  display: flex;
  gap: 24px;
  position: relative;
  width: auto;
}

.display-grid {
  display: grid;
}

.display-block,
.block {
  display: block;
}

@media (max-width: 980px) {
  .tablet-display-block,
  .tablet-block {
    display: block !important;
  }
}
@media (max-width: 600px) {
  .mobile-display-block,
  .mobile-block {
    display: block !important;
  }
}
.flex-inverted {
  flex-direction: row-reverse;
}

.flex-column {
  flex-direction: column;
}

.flex-align-self-center {
  align-self: center !important;
}

.flex-justify-space-between {
  justify-content: space-between !important;
}

.flex-justify-start {
  justify-content: flex-start !important;
}

@media (max-width: 980px) {
  .tablet-flex-column {
    flex-direction: column;
  }
  .tablet-flex-align-self-center {
    align-self: center !important;
  }
}
@media (max-width: 600px) {
  .mobile-display-grid {
    display: grid;
  }
  .mobile-flex-column {
    flex-direction: column;
  }
  .mobile-flex-align-self-center {
    align-self: center !important;
  }
}
.additional-row {
  max-width: 1200px;
  margin: 0 auto;
}
@media only screen and (981px <= width <= 1199px) {
  .additional-row {
    max-width: calc(100vw - 60px);
  }
}

.column-wrap {
  display: flex;
  flex-direction: row;
  margin-top: 28px;
  margin-bottom: 28px;
  gap: 24px;
}
@media (max-width: 600px) {
  .column-wrap {
    flex-direction: column;
  }
}
.column-wrap.gap-36 {
  gap: 36px !important;
}

.grid-30 {
  width: 30%;
}

.grid-33 {
  width: 33.3333%;
}

.grid-40 {
  width: 40%;
}

.grid-45 {
  width: 45%;
}

.grid-66 {
  width: 66%;
}

.grid-70 {
  width: 70%;
}

.grid-100 {
  width: 100%;
}

@media (max-width: 980px) {
  .tablet-grid-100 {
    width: 100% !important;
  }
}
@media (max-width: 600px) {
  .mobile-grid-100 {
    width: 100% !important;
  }
}
.column-25 {
  width: 25%;
  flex-basis: 25%;
}

.column-30 {
  width: 30%;
  flex-basis: 30%;
}

.column-33 {
  width: 33%;
  flex-basis: 33%;
}

.column-35 {
  width: 35%;
}

.column-40 {
  width: 40%;
  flex-basis: 40%;
}

.column-45 {
  width: 45%;
  flex-basis: 45%;
}

.column-50 {
  width: 50%;
  flex-basis: 50%;
}

.column-55 {
  width: 55%;
}

.column-60 {
  width: 60%;
  flex-basis: 60%;
}

.column-65 {
  width: 65%;
  flex-basis: 65%;
}

.column-66 {
  width: 66%;
  flex-basis: 66%;
}

.column-75 {
  width: 75%;
  flex-basis: 75%;
}

@media (max-width: 980px) {
  .tablet-column-100 {
    width: 100%;
    flex-basis: 100%;
  }
}
@media (max-width: 600px) {
  .mobile-column-100 {
    width: 100%;
    flex-basis: 100%;
  }
}
.column-btn-wrapper {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: 28px;
  margin-bottom: 28px;
}
.column-btn-wrapper.column-btn-right {
  justify-content: flex-end;
}

div > p:last-child,
article > p:last-child,
section > p:last-child {
  margin-bottom: 0;
}

.note,
.inpage-disclaimer {
  font-size: 0.6875rem;
}

.fullwidth-txt-wrap {
  max-width: 1224px;
  position: relative;
  margin-bottom: 24px;
}
@media (max-width: 600px) {
  .fullwidth-txt-wrap {
    margin-bottom: 12px;
  }
}
.fullwidth-txt-wrap > div {
  width: 100%;
}
@media (max-width: 600px) {
  .fullwidth-txt-wrap > div {
    gap: 12px;
  }
}

.fullwidth-txt-wrap-floatR,
.fullwidth-txt-wrap-floatTopR {
  position: absolute;
  bottom: 0;
  right: 0;
}
@media (max-width: 600px) {
  .fullwidth-txt-wrap-floatR,
  .fullwidth-txt-wrap-floatTopR {
    position: relative;
  }
}

.fullwidth-txt-wrap-floatTopR {
  top: 3px;
  bottom: auto;
}

.heading {
  font-family: Soehne, arial, sans-serif;
  color: #fff;
  font-size: 58px;
  line-height: 1.2;
}
@media (max-width: 980px) {
  .heading {
    font-size: 50px;
  }
}
@media (max-width: 600px) {
  .heading {
    font-size: 36px;
  }
}
.heading.heading-sm {
  font-size: 48px;
  line-height: 115%;
}

:lang(vi) h1.heading {
  margin-top: 0.67em;
  margin-bottom: 0.67em;
  font-size: 72px;
  line-height: 115%;
}
:lang(vi) h2.heading {
  margin-top: 1em;
  margin-bottom: 1em;
}
:lang(vi) h3.heading {
  font-size: 48px;
  line-height: 115%;
}
:lang(vi) h4.heading {
  margin-top: 1.33em;
  margin-bottom: 1.33em;
  font-size: 28px;
  line-height: 115%;
  text-transform: none;
}
:lang(vi) h5.heading {
  font-size: 20px;
  font-family: Blender, helvetica, sans-serif;
  font-weight: 700;
  line-height: 20px;
  text-transform: uppercase;
}
:lang(vi) h6.heading {
  margin-top: 2.33em;
  margin-bottom: 2.33em;
  font-size: 16px;
  line-height: 20px;
}
:lang(vi) .sub-heading {
  font-family: "Chakra Petch", sans-serif !important;
}

:lang(th) .sub-heading {
  font-family: "Chakra Petch", sans-serif !important;
}

.headingGroup h2.heading {
  margin-top: 0;
  margin-bottom: 0;
}

.heading-default {
  font-size: 58px;
  line-height: 115%;
}
@media (max-width: 980px) {
  .heading-default {
    font-size: 50px;
  }
}
@media (max-width: 600px) {
  .heading-default {
    font-size: 42px;
  }
}

h1.heading {
  margin-top: 0.67em;
  margin-bottom: 0.67em;
  font-size: 72px;
  line-height: 115%;
}
@media (max-width: 980px) {
  h1.heading {
    font-size: 56px !important;
  }
}
@media (max-width: 600px) {
  h1.heading {
    font-size: 48px !important;
  }
}

h1.heading-default {
  margin-top: 0.12em;
  margin-bottom: 0.12em;
  font-size: 58px;
  line-height: 115%;
}
@media (max-width: 980px) {
  h1.heading-default {
    font-size: 50px;
  }
}
@media (max-width: 600px) {
  h1.heading-default {
    font-size: 42px;
  }
}

h2.heading {
  margin-top: 1em;
  margin-bottom: 1em;
}

h3.heading {
  margin-top: 1em;
  margin-bottom: 1em;
  font-size: 48px;
  line-height: 115%;
}
@media (max-width: 980px) {
  h3.heading {
    font-size: 36px;
  }
}

h4.heading {
  margin-top: 1.33em;
  margin-bottom: 1.33em;
  font-size: 28px;
  line-height: 115%;
  text-transform: none;
}

h5.heading {
  margin-top: 1.67em;
  margin-bottom: 1.67em;
  font-size: 20px;
  font-family: Blender, helvetica, sans-serif;
  font-weight: 700;
  line-height: 20px;
  text-transform: uppercase;
}

h6.heading {
  margin-top: 2.33em;
  margin-bottom: 2.33em;
  font-size: 16px;
  line-height: 20px;
}

.sub-heading {
  color: #fff;
  font-family: Blender, helvetica, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  text-transform: uppercase;
}

h1.heading.font-h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 55px;
  line-height: 1.2;
}
@media (max-width: 600px) {
  h1.heading.font-h2 {
    font-size: 42px;
  }
}

h1.heading.font-h3 {
  margin-top: 1em;
  margin-bottom: 1em;
  font-size: 48px;
  line-height: 115%;
}

.lead-in {
  font-family: Soehne, arial, sans-serif;
  color: #fff;
  line-height: 24px;
  font-size: 16px;
  letter-spacing: 0.32px;
}
.lead-in.core {
  margin-top: 18px;
  margin-bottom: 18px;
}

.inpage-disclaimer {
  position: relative;
  margin-top: 1.25em;
  margin-bottom: 1.875em;
}
.inpage-disclaimer .disclaimer-content {
  display: block;
}
.inpage-disclaimer p {
  margin-bottom: 1em;
}

.title-section-padding-top {
  padding-top: 50px;
}
@media (max-width: 980px) {
  .title-section-padding-top {
    padding-top: 30px;
  }
}
@media (max-width: 600px) {
  .title-section-padding-top {
    padding-top: 10px;
  }
}

.title-section-padding-bottom {
  padding-bottom: 50px;
}
@media (max-width: 980px) {
  .title-section-padding-bottom {
    padding-bottom: 30px;
  }
}
@media (max-width: 600px) {
  .title-section-padding-bottom {
    padding-bottom: 0;
  }
}

.spacer {
  width: 100%;
  height: 100px;
}
@media (max-width: 600px) {
  .spacer {
    height: 50px;
  }
}

.spacer-sm {
  width: 100%;
  height: 25px;
}

.img-wrap {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}

.img-margin-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.img-margin-28 {
  margin-top: 28px;
  margin-bottom: 28px;
}

.img-center {
  margin-left: auto;
  margin-right: auto;
}

.img-responsive {
  max-width: 100%;
  height: auto;
}

.ico {
  display: inline-block;
  font-size: 0;
  font-style: normal;
  line-height: 0;
  vertical-align: middle;
}
.ico svg {
  height: 100%;
  width: 100%;
  display: inline-block;
  fill: currentColor;
}

.ico-white svg,
.ico-hover-white:hover svg {
  fill: #fff;
}

a.has-ico:not(.btn) > i {
  margin-right: 5px;
}

.ico-tangerine {
  color: #ff6101;
}

.ico-black {
  color: #000;
}

.ico-platinum {
  color: #4d4d4d;
}

.ico-light-platinum {
  color: #b3b3b3;
}

.ico-green {
  color: #29AD46;
}

.ico-list {
  margin-right: 6px;
}

.btnn {
  border: none;
  position: relative;
  display: inline-block;
  background-color: #ff6101;
  border-radius: 25px;
  color: #151515;
  text-transform: uppercase;
  padding: 2px;
  font-family: Blender, helvetica, sans-serif;
  font-weight: 700;
  overflow: hidden;
}

:lang(vi) .btnn {
  font-family: "Chakra Petch", sans-serif;
}

:lang(th) .btnn, :lang(th) span.btn-txt, :lang(th) .btn-login {
  font-family: "Chakra Petch", sans-serif !important;
}

@media (max-width: 480px) {
  .btnn:not(.btn-no-strech) {
    width: 100%;
  }
}
.btnn span {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  background-color: transparent;
  line-height: 17px;
  border-radius: 1000px;
  white-space: nowrap;
}

.btn-txt {
  padding: 0 !important;
  margin-bottom: -2px;
}

.btn-ico {
  display: flex;
}

.btn-sm span {
  padding: 8px 16px;
  gap: 4px;
  font-size: 13px;
  letter-spacing: 0.52px;
}

.btn-med span {
  padding: 12px 20px;
  gap: 6px;
  font-size: 13px;
  letter-spacing: 0.52px;
}

.btn-med.btn-ico,
.btn-sm.btn-ico {
  width: 13px;
  height: 13px;
}

.btn-lg span {
  padding: 14px 22px;
  gap: 8px;
  font-size: 15px;
  letter-spacing: 0.6px;
}

.btn-lg.btn-ico {
  width: 16px;
  height: 16px;
}

.btn-primary {
  background-color: #ff6101;
  color: #151515;
}

.btn-primary .btn-ico path,
.btn-secondary .btn-ico path {
  fill: #151515;
}

.btn-secondary {
  background-color: #fff;
  color: #000;
}

.btn-secondary:not(:hover) .btn-ico path {
  fill: #151515;
}

.btn-tertiary {
  background-color: #fff;
  color: #fff;
}

.btn-tertiary span {
  background-color: #000;
}

.btnn.btn-square {
  width: 100%;
  display: flex;
  padding: 14px 20px;
  justify-content: center;
  align-items: center;
  background: #151515;
  border-radius: 0;
  transition: all 0.2s ease-in-out 0s;
}

.btnn.btn-square span {
  padding: 0;
  color: #fff;
  background-color: transparent;
  font-family: Blender, helvetica, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  transition: all 0.2s ease-in-out 0s;
}

.btnn.btn-square:after {
  content: none !important;
}

.btnn:after {
  content: "";
  position: absolute;
  top: 18px;
  width: calc(100% + 10px);
  padding-top: calc(100% + 10px);
  transform: translateY(-50%) rotate(0deg);
  opacity: 0;
  left: -5px;
  background: linear-gradient(35deg, #ff6101 20%, #6d30b6 80%);
}

.btnn.btn-primary:hover:not(:disabled),
.btnn.btn-secondary:hover:not(:disabled) {
  animation: btn-glow 1s ease-in-out;
}

.btnn.btn-primary:hover:not(:disabled) {
  background-color: #ff6101;
}

.btnn.btn-secondary:hover:not(:disabled) {
  background-color: #fff;
}

.btnn.btn-primary:hover:not(:disabled):after,
.btnn.btn-secondary:hover:not(:disabled):after {
  animation: btn-gradient 1s ease-in-out;
}

.btnn.btn-primary:hover:not(:disabled) > span {
  animation: btn-mask-stop 1s ease-in-out 1;
  transition: all 0.1s ease-in-out 0s;
  background-color: #ff6101;
  color: #000;
}

.btnn.btn-secondary:hover:not(:disabled) > span {
  animation: btn-mask-stop-secondary 1s ease-in-out 1;
  transition: all 0.1s ease-in-out 0s;
  color: #000;
  background-color: #fff;
}

.btnn-primary:hover:not(:disabled) .btn-ico path,
.btnn-secondary:hover:not(:disabled) .btn-ico path {
  animation: btn-fill-change 1s ease-in-out 1;
}

.btn-tertiary:hover,
.btn-tertiary:hover span {
  background-color: #262626;
  color: #b3b3b3;
}

.btn-tertiary:hover .btn-ico path {
  fill: #b3b3b3;
}

.btnn.btn-square:hover {
  background-color: #ff6101 !important;
  animation: none !important;
}

.btnn.btn-square:hover span {
  background-color: transparent !important;
  color: #000 !important;
}

.btn-primary:disabled,
.btn-secondary:disabled {
  background-color: #262626;
  color: #b3b3b3;
  cursor: not-allowed;
}

.btn-primary:disabled .btn-ico path,
.btn-secondary:disabled .btn-ico path {
  fill: #b3b3b3;
}

.btn-tertiary:disabled {
  background-color: #262626;
  border-color: #4d4d4d;
  cursor: not-allowed;
}

.btn-tertiary:disabled .btn-ico path {
  fill: #4d4d4d;
}

.btn-tertiary:disabled span {
  color: #4d4d4d;
  background-color: #000;
}

@keyframes btn-mask {
  0% {
    background-color: transparent;
  }
  50% {
    background-color: #0a0a0a;
  }
  to {
    background-color: transparent;
  }
}
@keyframes btn-mask-stop {
  0% {
    background-color: transparent;
    color: #fff;
  }
  50% {
    background-color: #0a0a0a;
    color: #fff;
  }
  to {
    background-color: #ff6101;
    color: #000;
  }
}
@keyframes btn-mask-stop-secondary {
  0% {
    background-color: transparent;
    color: #fff;
  }
  50% {
    background-color: #0a0a0a;
    color: #fff;
  }
  to {
    background-color: #fff;
    color: #000;
  }
}
@keyframes btn-fill-change {
  0% {
    fill: #fff;
  }
  50% {
    fill: #fff;
  }
  to {
    fill: #000;
  }
}
@keyframes btn-gradient {
  0% {
    transform: translateY(-50%) rotate(0deg);
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  to {
    transform: translateY(-50%) rotate(1turn);
    opacity: 0;
  }
}
@keyframes btn-glow {
  0% {
    box-shadow: none;
  }
  20% {
    box-shadow: 0 0 10px rgba(255, 97, 1, 0.3);
  }
  50% {
    box-shadow: 0 0 10px hsla(0, 0%, 100%, 0.2);
  }
  80% {
    box-shadow: 0 0 10px rgba(151, 32, 228, 0.3);
  }
  to {
    box-shadow: none;
  }
}
.btn-login {
  border: 2px solid #262626;
  text-decoration: none;
  position: relative;
  display: inline-block;
  border-radius: 25px;
  text-transform: uppercase;
  font-family: Blender, helvetica, sans-serif;
  font-weight: 700;
  overflow: hidden;
  background-color: #262626;
  color: #b3b3b3;
  padding: 6px 23px;
  font-size: 13px;
  line-height: 24px;
  letter-spacing: 0.52px;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.btn-login:hover {
  border: 2px solid #fff;
  background-color: #000;
  color: #fff;
}

.btn-center {
  justify-content: center;
}

.list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  list-style-type: none;
  color: #fff;
  font-family: Soehne, arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.32px;
}
.list li {
  display: block;
  position: relative;
  padding-left: 36px;
}

.list-tick li {
  display: flex;
  align-items: center;
  gap: 10px;
}

ol.list {
  counter-reset: list-counter;
}
ol.list > li {
  counter-increment: list-counter;
  align-items: center;
  gap: 10px;
}

ul.list:not(.list-tick) > li:before {
  content: "•";
  font-weight: 700;
  font-size: 16px;
  padding-left: 18px;
}

.list-num,
ol.list.list-core:not(.list-tick) li:before,
ul.list:not(.list-tick) li:before {
  color: #fff;
  display: inline-block;
  position: absolute;
  left: 0;
}

ol.list.list-core:not(.list-tick) {
  counter-reset: list-counter;
}

ol.list.list-core:not(.list-tick) > li {
  counter-increment: list-counter;
  align-items: center;
  gap: 10px;
}

.list-num,
ol.list.list-core:not(.list-tick) > li:before {
  content: counter(list-counter) ".";
  font-weight: 700;
  font-size: 16px;
  width: 24px;
  text-align: right;
  padding-left: 0;
}

.list-core {
  margin-top: 18px;
  margin-bottom: 18px;
}

.list-num,
ol.list.list-core li:before,
ul.list li:before,
ul.list.list-tick li svg {
  color: #fff;
  display: inline-block;
  position: absolute;
  left: 8px;
}

ul.list li:before {
  left: 0;
}

ul.list:not(.list-tick) > li:before {
  content: "•";
  font-weight: 700;
  font-size: 16px;
  padding-left: 18px;
}

.Feature_featureAnchor,
.Feature_traduFeature {
  width: 100%;
}

.Feature_traduFeature .Feature_feature {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 36px;
  color: #f8f8f8;
  min-height: 100%;
}

.Feature_traduFeature .Feature_feature.Feature_hasBorderFull,
.Feature_traduFeature .Feature_feature.Feature_hasBorderLeft,
.Feature_traduFeature .Feature_feature.Feature_hasBorderTop {
  border-style: solid;
  border-width: 0;
  border-left-width: 2px;
  padding-left: 32px;
  border-left-style: solid;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.Feature_traduFeature .Feature_feature.Feature_hasBorderLeft.Feature_lightMode {
  border-left-color: #6d30b6;
  border-left-width: 3px;
}

@media (max-width: 760px) {
  .Feature_traduFeature .Feature_feature.Feature_hasBorderLeft {
    padding-left: 24px;
  }
}
.Feature_traduFeature .Feature_feature.Feature_hasBorderTop {
  border-top-width: 2px;
  padding-top: 32px;
  border-top-style: solid;
}

@media (max-width: 760px) {
  .Feature_traduFeature .Feature_feature.Feature_hasBorderTop:not(.Feature_keepBorderTopOnMobile) {
    border-top: none;
    border-left-width: 2px;
    border-left-style: solid;
    padding-left: 24px;
  }
}
.Feature_traduFeature .Feature_feature.Feature_hasBorderFull {
  border-width: 2px;
  padding: 36px 42px;
  border-style: solid;
  border-radius: 12px;
}

@media (max-width: 760px) {
  .Feature_traduFeature .Feature_feature.Feature_hasBorderFull {
    padding: 24px 30px;
    border-radius: 6px;
  }
  .Feature_traduFeature .Feature_feature.Feature_hasBorderFull a button,
  .Feature_traduFeature .Feature_feature.Feature_hasBorderFull button {
    width: 100% !important;
  }
}
.Feature_traduFeature .Feature_feature.Feature_hasBorderFull > div {
  color: #fff;
}

.Feature_traduFeature .Feature_feature.Feature_hasBorderFull a,
.Feature_traduFeature .Feature_feature.Feature_hasBorderFull button {
  margin-top: auto;
}

.Feature_traduFeature .Feature_feature.Feature_hasBorderFull a span,
.Feature_traduFeature .Feature_feature.Feature_hasBorderFull button span {
  font-size: 15px;
}

.Feature_traduFeature .Feature_feature.Feature_borderColorWhite,
.Feature_traduFeature .Feature_feature.Feature_borderColorWhite.Feature_boxIsLink:hover {
  border-color: #fff;
}

.Feature_traduFeature .Feature_feature.Feature_borderColorGray,
.Feature_traduFeature .Feature_feature.Feature_borderColorGray.Feature_boxIsLink:hover {
  border-color: #b3b3b3;
}

.Feature_traduFeature .Feature_feature.Feature_borderColorTangerine,
.Feature_traduFeature .Feature_feature.Feature_borderColorTangerine.Feature_boxIsLink:hover {
  border-color: #ff6101;
}

.Feature_traduFeature .Feature_feature.Feature_borderColorLightorange,
.Feature_traduFeature .Feature_feature.Feature_borderColorLightorange.Feature_boxIsLink:hover {
  border-color: #f79050;
}

.Feature_traduFeature .Feature_feature.Feature_borderColorLightyellow,
.Feature_traduFeature .Feature_feature.Feature_borderColorLightyellow.Feature_boxIsLink:hover {
  border-color: #f3f286;
}

.Feature_traduFeature .Feature_feature.Feature_borderColorLightblue,
.Feature_traduFeature .Feature_feature.Feature_borderColorLightblue.Feature_boxIsLink:hover {
  border-color: #91bef9;
}

.Feature_traduFeature .Feature_feature.Feature_borderColorGradient {
  border: 2px solid rgba(0, 0, 0, 0);
  border-image-source: linear-gradient(200deg, #ff6101, #ff6101, #da3e76, #672fb8, #672fb8);
  border-image-slice: 1;
}

.Feature_traduFeature .Feature_feature.Feature_borderColorGradient.Feature_boxIsLink {
  border-image-source: linear-gradient(200deg, transparent, transparent);
}

.Feature_traduFeature .Feature_feature.Feature_borderColorGradient.Feature_boxIsLink:hover {
  border-image-source: linear-gradient(200deg, #ff6101, #ff6101, #da3e76, #672fb8, #672fb8);
}

.Feature_traduFeature .Feature_feature.Feature_vertical {
  flex-direction: row;
  align-items: center;
  padding: 24px 36px;
  transition: all 0.2s ease;
}

.Feature_traduFeature .Feature_feature.Feature_vertical.Feature_boxIsLink {
  border-radius: 0;
  border-color: rgba(0, 0, 0, 0);
}

.Feature_traduFeature .Feature_feature.Feature_vertical.Feature_boxIsLink:hover .Feature_arrowContainer svg path {
  fill: #fff;
}

.Feature_traduFeature .Feature_feature.Feature_vertical .Feature_arrowContainer svg {
  width: 24px;
  height: 24px;
  rotate: 90deg;
}

.Feature_traduFeature .Feature_feature.Feature_vertical .Feature_arrowContainer svg path {
  fill: #b3b3b3;
  transition: fill 0.2s ease;
}

@media (max-width: 760px) {
  .Feature_traduFeature .Feature_feature {
    gap: 24px;
  }
}
.Feature_traduFeature .Feature_feature .Feature_innerContent {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 18px;
}

.Feature_traduFeature .Feature_feature .Feature_innerContent.Feature_iconLeft {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto 1fr;
  gap: 12px 18px;
}

.Feature_traduFeature .Feature_feature .Feature_innerContent.Feature_iconLeft .Feature_iconWrap {
  grid-column: 1;
}

.Feature_traduFeature .Feature_feature .Feature_innerContent.Feature_iconLeft .Feature_iconWrap + .Feature_featureTitle {
  grid-column: 2;
  padding-bottom: 6px;
}

.Feature_traduFeature .Feature_feature .Feature_innerContent.Feature_iconLeft .Feature_iconWrap + .Feature_featureTitle ~ * {
  grid-row: 2;
  grid-column-start: 1;
  grid-column-end: 3;
}

.Feature_traduFeature .Feature_feature .Feature_innerContent.Feature_iconLeft .Feature_iconWrap + :not(.Feature_featureTitle) {
  margin-top: -6px;
}

.Feature_traduFeature .Feature_feature .Feature_innerContent.Feature_iconLeft .Feature_iconWrap:not(.Feature_iconSmall) + .Feature_featureTitle {
  padding-top: 3px;
}

.Feature_traduFeature .Feature_feature.Feature_smallGap {
  gap: 6px;
}

@media (max-width: 760px) {
  .Feature_traduFeature .Feature_feature:has(.Feature_imgWrapper) {
    gap: 6px;
  }
}
@media (max-width: 760px) {
  .Feature_traduFeature .Feature_feature.Feature_listOnMobile {
    display: grid;
    grid-template-columns: min-content auto;
    align-items: center;
    -moz-column-gap: 12px;
         column-gap: 12px;
    row-gap: 6px;
  }
  .Feature_traduFeature .Feature_feature.Feature_listOnMobile .Feature_dotWrap {
    grid-row: 1/3;
  }
}
.Feature_traduFeature .Feature_iconWrap {
  width: 40px;
  height: 40px;
}

@media (max-width: 760px) {
  .Feature_traduFeature .Feature_iconWrap {
    width: 32px;
    height: 32px;
  }
}
.Feature_traduFeature .Feature_iconWrap.Feature_iconSmall {
  width: 32px;
  height: 32px;
}

.Feature_traduFeature .Feature_iconWrap:not(.Feature_iconSmall) {
  margin-bottom: 6px;
}

.Feature_traduFeature .Feature_iconWrap.Feature_vendorLogoSize {
  width: 200px;
  height: 60px;
}

.Feature_traduFeature .Feature_iconWrap img,
.Feature_traduFeature .Feature_iconWrap i {
  width: 100%;
  height: auto;
}

.Feature_traduFeature .Feature_cardWP,
.Feature_traduFeature .Feature_card {
  background-color: #151515;
  padding: 30px;
}

.Feature_traduFeature .Feature_cardWP.Feature_lightMode,
.Feature_traduFeature .Feature_card.Feature_lightMode {
  background-color: #f8f8f8;
}

@media (min-width: 760px) {
  .Feature_traduFeature .Feature_cardWP,
  .Feature_traduFeature .Feature_card {
    padding: 40px;
  }
}
.Feature_traduFeature .Feature_imagesOnlyCard .Feature_imgWrapper {
  padding: 24px;
}

.Feature_traduFeature .Feature_subTitle {
  margin-top: 12px;
  color: #fff;
  font-family: Blender, helvetica, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}

.Feature_traduFeature .Feature_imgWrapper {
  background-color: #151515;
  height: 80px;
  padding: 5px;
  border-radius: 5px;
}

@media (max-width: 760px) {
  .Feature_traduFeature .Feature_imgWrapper {
    max-width: 380px;
    width: 100%;
  }
}
.Feature_traduFeature .Feature_imgWrapper figure {
  width: 100%;
  height: 100%;
  margin: 0;
}

.Feature_traduFeature .Feature_imgWrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

@media (max-width: 760px) {
  .Feature_traduFeature .Feature_feature:not(.Feature_imagesOnlyCard) .Feature_imgWrapper {
    height: auto;
    padding: 10px;
  }
}
.Feature_traduFeature .Feature_columnsLayout {
  display: flex;
  gap: 24px;
  width: 100%;
}

.Feature_traduFeature .Feature_columnsLayout .Feature_primaryColumn {
  width: 25%;
}

.Feature_traduFeature .Feature_columnsLayout .Feature_secondaryColumn {
  width: 75%;
  display: flex;
  flex: 1;
  gap: 18px;
}

@media (max-width: 760px) {
  .Feature_traduFeature .Feature_columnsLayout {
    flex-direction: column;
    gap: 24px;
  }
  .Feature_traduFeature .Feature_columnsLayout .Feature_primaryColumn,
  .Feature_traduFeature .Feature_columnsLayout .Feature_secondaryColumn {
    width: 100%;
  }
  .Feature_traduFeature .Feature_columnsLayout .Feature_secondaryColumn {
    gap: 12px;
  }
}
@media (max-width: 480px) {
  .Feature_traduFeature .Feature_columnsLayout .Feature_secondaryColumn {
    flex-direction: column;
    gap: 24px;
  }
}
.Feature_traduFeature .Feature_columnParagraphContainer {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.Feature_traduFeature .Feature_columnParagraphContainer.Feature_columnWidth-33 {
  width: 33.33%;
}

.Feature_traduFeature .Feature_columnParagraphContainer.Feature_columnWidth-66 {
  width: 66.66%;
}

.Feature_traduFeature .Feature_columnParagraphContainer.Feature_columnWidth-100 {
  width: 100%;
}

.Feature_traduFeature .Feature_columnParagraphContainer p {
  font-weight: 300;
}

.Feature_traduFeature .Feature_columnParagraphContainer p:not(:first-child) {
  color: #f8f8f8;
}

.Feature_traduFeature .Feature_columnParagraphContainer p strong {
  font-weight: 600;
}

@media (max-width: 760px) {
  .Feature_traduFeature .Feature_columnParagraphContainer.Feature_columnWidth-100,
  .Feature_traduFeature .Feature_columnParagraphContainer.Feature_columnWidth-33,
  .Feature_traduFeature .Feature_columnParagraphContainer.Feature_columnWidth-66 {
    width: 100%;
  }
}
.Feature_traduFeature .Feature_lightMode .Feature_imgWrapper {
  background-color: rgba(0, 0, 0, 0);
  width: 50px;
  height: 50px;
  padding: 0;
  overflow: hidden;
}

.Feature_traduFeature .Feature_lightMode .Feature_imgWrapper figure img {
  width: 50px;
  height: 50px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}

.FeatureGrid_paddingTop-xl {
  padding-top: 120px;
}

.accordion {
  font-family: Soehne, arial, sans-serif;
}

.accordion-wrap {
  border-bottom: 1px solid #4d4d4d;
}

.accordion-wrap-secondary {
  border: 1px solid transparent;
  margin-bottom: 8px;
  border-bottom: 0;
  background-color: #151515;
  border-radius: 8px;
  transition: border 0.2s ease-out;
  min-width: 720px;
}
@media (max-width: 980px) {
  .accordion-wrap-secondary {
    min-width: 60vw;
  }
}
.accordion-wrap-secondary:hover {
  background-color: #262626;
}
.accordion-wrap-secondary .accordion__item.active {
  border: 1px solid #fff;
  border-radius: 8px;
}
.accordion-wrap-secondary .accordion__item .accordion-header {
  padding: 16px 12px 22px 18px;
}
.accordion-wrap-secondary .accordion__item .accordion-header h3 {
  font-weight: 400;
  font-size: 16px;
}
.accordion-wrap-secondary .accordion__item .accordion-header i {
  top: 50%;
  transform: translateY(-50%);
  right: 12px;
  color: #fff;
}
.accordion-wrap-secondary .accordion__item .accordion-header.for-spread-tracker {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 20px;
  transition: background-color 0.2s ease;
}
.accordion-wrap-secondary .accordion__item .accordion-header.for-spread-tracker p {
  color: #fff;
  font-family: Soehne, arial, sans-serif;
  font-weight: 300;
  font-size: 14px;
}
.accordion-wrap-secondary .accordion__item .accordion-body__contents {
  margin-right: 18px;
  margin-left: 18px;
}
.accordion-wrap-secondary .accordion__item .accordion-body__contents p {
  padding-bottom: 20px;
}
.accordion-wrap-secondary .accordion__item .accordion-body__contents p:last-child {
  padding-bottom: 0;
}
.accordion-wrap-secondary .accordion__item.active .accordion-header i {
  color: #fff;
  transform: rotate(45deg);
  top: 20px;
}

.accordion__item {
  position: relative;
  font-size: 14px;
  overflow: hidden;
}
.accordion__item .accordion-header {
  position: relative;
  width: 100%;
  cursor: pointer;
  text-align: left;
  padding: 24px 12px 24px 36px;
}
.accordion__item .accordion-header span {
  position: absolute;
  top: 28px;
  left: 8px;
  font-weight: 700;
  font-size: 12px;
  font-family: Blender, helvetica, sans-serif;
  width: 24px;
  color: #4d4d4d;
  aspect-ratio: 1;
}
.accordion__item .accordion-header h3 {
  font-family: Soehne, arial, sans-serif;
  display: inline-block;
  font-size: 18px;
  line-height: 20px;
  letter-spacing: 0.04em;
  color: #fff;
  transition: color 0.3s;
  padding-right: 16px;
  margin-bottom: 0;
  text-transform: none;
}
.accordion__item .accordion-header:hover span, .accordion__item .accordion-header:hover i {
  color: #fff;
  transition: all 0.2 ease;
}
.accordion__item .accordion-header i {
  position: absolute;
  top: 27px;
  right: 12px;
  color: #4d4d4d;
  transform: rotate(0deg);
  transition: transform 0.1s;
}
.accordion__item.active > .accordion-header span {
  color: #fff;
}
.accordion__item.active > .accordion-header i {
  color: #ff6101;
  transform: rotate(-135deg);
}

.accordion-body {
  display: none;
}

.accordion-body__contents {
  margin-left: 30px;
  margin-right: 30px;
  margin-top: -8px;
  padding-bottom: 24px;
  border-radius: 18px;
}
.accordion-body__contents .inlineLink {
  text-decoration: underline;
  transition: all 0.2s;
  font-weight: 400;
}

/*.accordion__item > .accordion-header:after {
	content: "+";
	font-size: 24px;
	color: $platinum;
	float: right;
	position: relative;
	top: -2px;
	transition: .3s all;
	transform: rotate(0deg);
  }

  .accordion__item.active > .accordion-header:after {
	transform: rotate(-135deg);
  }*/
.accordion__item .accordion__item .accordion-header {
  background: #f1f1f1;
  color: #353535;
}

@media screen and (max-width: 980px) {
  .accordion {
    width: 100%;
  }
}
.table-container {
  display: grid;
  grid-template-columns: repeat(3, auto);
  gap: 1px;
  background-color: #000;
  border: 2px solid #6d30b6;
  border-radius: 14px;
  overflow: hidden;
  z-index: 10;
}
@media (max-width: 980px) {
  .table-container {
    width: 100%;
    margin-top: 25px;
    margin-left: 10px;
    margin-right: 10px;
    grid-template-columns: repeat(3, 33%);
  }
}
.table-container .heading-cell {
  min-height: 44px;
  display: flex;
  align-items: center;
  padding: 12px 24px;
  background-color: #262626;
  color: #b3b3b3;
  line-height: 20px;
  white-space: nowrap;
}
@media (max-width: 980px) {
  .table-container .heading-cell {
    white-space: normal;
    padding: 12px;
    height: auto;
  }
}
.table-container .table-cell {
  min-height: 44px;
  display: flex;
  align-items: center;
  padding: 12px 24px;
  background-color: #151515;
}
@media (max-width: 980px) {
  .table-container .table-cell {
    padding: 12px;
  }
}
.table-container .table-cell span {
  color: #fff;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0.36px;
  white-space: nowrap;
}
.table-container .cell-colspan-2 {
  grid-column: span 2;
}
.table-container .cell-colspan-2 + .table-cell,
.table-container .cell-colspan-2 + .heading-cell {
  display: none;
}
.table-container .heading-cell-L {
  min-height: 44px;
  padding: 12px 24px;
  background-color: #151515;
}
@media (max-width: 980px) {
  .table-container .heading-cell-L {
    padding: 12px;
  }
}
.table-container .heading-cell-L span {
  color: #fff;
  font-family: Blender, helvetica, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  text-transform: uppercase;
}
@media (max-width: 980px) {
  .table-container .heading-cell-L span {
    font-size: 18px;
    overflow-wrap: break-word;
  }
}

.table-wrap {
  margin-bottom: 64px;
}
.table-wrap .table-row {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
}
@media (max-width: 980px) {
  .table-wrap {
    margin: 0 auto 64px;
    width: 100%;
    overflow: auto;
  }
  .table-wrap .table-lg {
    width: 780px;
  }
}
.table-wrap .table-cell {
  color: #fff;
  border-color: #000;
  border-style: solid;
  background: #151515;
  line-height: 21px;
  font-family: Soehne, arial, sans-serif;
  font-size: 14px;
  border-width: 0 1px 1px 0;
}
.table-wrap .table-cell.table-bold {
  font-weight: 700;
  font-family: Blender, helvetica, sans-serif;
  font-size: 20px;
  line-height: 20px;
}
.table-wrap .table-cell.table-highlight {
  background: #262626;
}
.table-wrap .table-cell.first-row {
  background: #262626;
  font-size: 16px;
  line-height: 20px;
}
.table-wrap .table-cell.first-row.table-highlight {
  background: #ff6101;
  color: #000;
}
.table-wrap .table-cell.first-row .table-inner {
  padding: 12px;
}
.table-wrap .table-cell .table-inner {
  padding: 17px;
}

.product-short-ver .product-widget-no-nav .rates-widget .rates-tab,
.product-short-ver .product-widget-no-nav .rates-widget .rates-table table thead {
  display: none !important;
}

.product-short-ver .product-widget-no-nav .rates-widget .rates-table table .range {
  min-width: 180px;
}

.product-short-ver .product-widget-no-nav .rates-widget .rates-table table tbody tr td:not(.range) {
  padding-right: 12px;
  padding-left: 12px;
}

.VerticalTabMenu_wrap__ptw4p ul {
  display: flex;
  flex-direction: column;
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.TableRow_wrap__PpTZ3 {
  padding-left: 24px;
  padding-right: 24px;
  width: 100%;
  gap: 12px;
  align-items: center;
  height: 74px;
  background-color: #151515;
  border-bottom: 1px solid #000;
}

.TableRow_wrap__PpTZ3.TableRow_rowsGap__nkF3C {
  margin-bottom: 12px;
}

.TableRow_wrap__PpTZ3.TableRow_rowsGap__nkF3C:last-of-type {
  margin-bottom: 0;
}

.TableRow_wrap__PpTZ3 td:first-child {
  width: 30%;
}

@media (max-width: 780px) {
  .TableRow_wrap__PpTZ3 td:first-child {
    width: 100%;
  }
}
@media (min-width: 780px) {
  .TableRow_wrap__PpTZ3 {
    gap: 32px;
  }
}
@media (max-width: 780px) {
  .TableRow_wrap__PpTZ3 {
    height: auto;
    padding: 12px;
    display: grid;
    grid-template-columns: auto repeat(2, min-content);
    grid-template-rows: auto auto;
    justify-content: unset;
    row-gap: 4px;
    -moz-column-gap: 12px;
         column-gap: 12px;
  }
}
.TableRow_wrap__PpTZ3.TableRow_shortVersion__v3ptE {
  height: auto;
  padding: 12px;
  display: grid;
  grid-template-columns: auto repeat(2, min-content);
  grid-template-rows: auto auto;
  justify-content: unset;
  row-gap: 4px;
  -moz-column-gap: 12px;
       column-gap: 12px;
}

.TableRow_wrap__PpTZ3.TableRow_shortVersion__v3ptE [role=cell] > div:first-child > p {
  white-space: normal;
}

.TableRow_range__fR_oO {
  min-width: 30%;
}

@media (min-width: 780px) {
  .TableRow_range__fR_oO {
    flex-grow: 1;
    max-width: 50%;
  }
}
@media (max-width: 780px) {
  .TableRow_range__fR_oO {
    grid-column: 1/4;
    grid-row: 2/3;
  }
}
.TableRow_wrap__PpTZ3.TableRow_shortVersion__v3ptE .TableRow_range__fR_oO {
  grid-column: 1/4;
  grid-row: 2/3;
  max-width: 100%;
}

@media (max-width: 780px) {
  .TableRow_range__fR_oO > div {
    height: auto;
  }
}
.TableRow_shortVersion__v3ptE .TableRow_range__fR_oO > div {
  min-width: 100%;
  height: auto;
}

@media (max-width: 1000px) {
  .TableRow_button__xx_wI {
    display: none;
  }
}
@media (min-width: 1000px) {
  .TableRow_button__xx_wI a {
    display: flex;
    align-items: center;
    text-decoration: none;
    justify-content: end;
  }
  .TableRow_button__xx_wI span {
    padding: 6px 16px;
  }
}
.TableRow_wrap__PpTZ3 [role=cell] > div {
  padding: 0;
}

.TableRow_range__fR_oO,
.TableRow_verticalAlign__rZy2p {
  vertical-align: middle;
}

.TableRow_mobilePricing__wnrbR {
  display: none;
}

@media (max-width: 480px) {
  .TableRow_mobilePricing__wnrbR {
    display: flex;
    gap: 10px;
    align-items: flex-end;
    margin-bottom: 12px;
  }
  .TableRow_desktopPricing__m867_ {
    display: none;
  }
}
.TableColumnHeader_wrap__M4X1v {
  display: block;
  padding-top: 12px;
  padding-bottom: 12px;
  background: #262626;
  color: #b3b3b3;
  font-family: Soehne, arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  text-transform: capitalize;
  white-space: nowrap;
}

[dir=ltr] .TableColumnHeader_wrap__M4X1v {
  text-align: left;
}

[dir=ltr] .TableColumnHeader_wrap__M4X1v:first-of-type {
  border-top-left-radius: 2px;
}

[dir=ltr] .TableColumnHeader_wrap__M4X1v:last-of-type {
  border-top-right-radius: 2px;
}

.table-swipe {
  display: none;
  margin-top: 10px;
  margin-bottom: 10px;
  color: #fff;
  font-family: Soehne, arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  position: relative;
}
.table-swipe img {
  position: absolute;
  top: 0;
}
.table-swipe img:first-of-type {
  left: 0;
  transform: rotate(180deg);
}
.table-swipe img:last-of-type {
  right: 0;
}
@media (max-width: 980px) {
  .table-swipe {
    display: block;
  }
}

.table-simple {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border-color: #000;
  border-style: solid;
  background: #151515;
  border-width: 1px 0 0 1px;
}
.table-simple tr {
  border: solid #000;
  border-width: 0 0 1px;
}
.table-simple td {
  color: #fff;
  border-color: #000;
  border-style: solid;
  background: #151515;
  line-height: 21px;
  font-family: Soehne, arial, sans-serif;
  font-size: 14px;
  text-align: center;
  padding: 6px;
  border-width: 0 1px 0 0;
}

.table-carousel-section-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.table-carousel-section-wrap h3 {
  padding-left: 12px;
  padding-right: 12px;
  margin-top: 0;
  margin-bottom: 0;
}

.table-carousel-section-header-wrap {
  max-width: calc(100% - 160px);
}

.table-carousel-section-slideWrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 36px;
       column-gap: 36px;
}
.table-carousel-section-slideWrap .table-carousel-section-tableWrap {
  width: 100%;
}

.table-carousel-section-table-header {
  color: #fff;
  width: 100%;
  border-color: #000;
  border-style: solid;
  background: #262626;
  padding: 12px;
  border-width: 0 1px 1px 0;
}
.table-carousel-section-table-header h5 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}

.table-carousel-section-table-wrap {
  margin-bottom: 64px;
}

.table-carousel-section-table-row {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
}
.table-carousel-section-table-row .table-cell {
  color: #fff;
  border-color: #000;
  border-style: solid;
  background: #151515;
  line-height: 21px;
  font-family: Soehne, arial, sans-serif;
  font-size: 14px;
  border-width: 0 1px 1px 0;
}
.table-carousel-section-table-row .table-cell.first-row {
  background: #262626;
  font-size: 16px;
  line-height: 20px;
}
.table-carousel-section-table-row .table-cell.first-row .table-inner {
  padding: 12px;
}
.table-carousel-section-table-row .table-cell .table-inner {
  padding: 17px;
}

.carousel > input[type=radio]:nth-child(8):checked ~ .carousel__next > label:nth-child(1), .carousel > input[type=radio]:nth-child(8):checked ~ .carousel__prev > label:nth-child(7), .carousel > input[type=radio]:nth-child(7):checked ~ .carousel__next > label:nth-child(8), .carousel > input[type=radio]:nth-child(7):checked ~ .carousel__prev > label:nth-child(6), .carousel > input[type=radio]:nth-child(6):checked ~ .carousel__next > label:nth-child(7), .carousel > input[type=radio]:nth-child(6):checked ~ .carousel__prev > label:nth-child(5), .carousel > input[type=radio]:nth-child(5):checked ~ .carousel__next > label:nth-child(6), .carousel > input[type=radio]:nth-child(5):checked ~ .carousel__prev > label:nth-child(4), .carousel > input[type=radio]:nth-child(4):checked ~ .carousel__next > label:nth-child(5), .carousel > input[type=radio]:nth-child(4):checked ~ .carousel__prev > label:nth-child(3), .carousel > input[type=radio]:nth-child(3):checked ~ .carousel__next > label:nth-child(4), .carousel > input[type=radio]:nth-child(3):checked ~ .carousel__prev > label:nth-child(2), .carousel > input[type=radio]:nth-child(2):checked ~ .carousel__next > label:nth-child(3), .carousel > input[type=radio]:nth-child(2):checked ~ .carousel__prev > label:nth-child(1), .carousel > input[type=radio]:nth-child(1):checked ~ .carousel__next > label:nth-child(2), .carousel > input[type=radio]:nth-child(1):checked ~ .carousel__prev > label:nth-child(8) {
  opacity: 1 !important;
  z-index: 3;
}

.carousel {
  width: 100%;
  position: relative;
}
.carousel > input[type=radio] {
  position: absolute;
  left: 0;
  opacity: 0;
  top: 0;
}
.carousel > input[type=radio]:checked ~ .carousel__items .carousel__item,
.carousel > input[type=radio]:checked ~ .carousel__prev > label,
.carousel > input[type=radio]:checked ~ .carousel__next > label {
  opacity: 0;
}
.carousel > input[type=radio]:nth-child(1):checked ~ .carousel__items .carousel__item:nth-child(1) {
  opacity: 1;
}
.carousel > input[type=radio]:nth-child(1):checked ~ .carousel__nav > label:nth-child(1) {
  background: #ccc;
  cursor: default;
  pointer-events: none;
}
.carousel > input[type=radio]:nth-child(2):checked ~ .carousel__items .carousel__item:nth-child(2) {
  opacity: 1;
}
.carousel > input[type=radio]:nth-child(2):checked ~ .carousel__nav > label:nth-child(2) {
  background: #ccc;
  cursor: default;
  pointer-events: none;
}
.carousel > input[type=radio]:nth-child(3):checked ~ .carousel__items .carousel__item:nth-child(3) {
  opacity: 1;
}
.carousel > input[type=radio]:nth-child(3):checked ~ .carousel__nav > label:nth-child(3) {
  background: #ccc;
  cursor: default;
  pointer-events: none;
}
.carousel > input[type=radio]:nth-child(4):checked ~ .carousel__items .carousel__item:nth-child(4) {
  opacity: 1;
}
.carousel > input[type=radio]:nth-child(4):checked ~ .carousel__nav > label:nth-child(4) {
  background: #ccc;
  cursor: default;
  pointer-events: none;
}
.carousel > input[type=radio]:nth-child(5):checked ~ .carousel__items .carousel__item:nth-child(5) {
  opacity: 1;
}
.carousel > input[type=radio]:nth-child(5):checked ~ .carousel__nav > label:nth-child(5) {
  background: #ccc;
  cursor: default;
  pointer-events: none;
}
.carousel > input[type=radio]:nth-child(6):checked ~ .carousel__items .carousel__item:nth-child(6) {
  opacity: 1;
}
.carousel > input[type=radio]:nth-child(6):checked ~ .carousel__nav > label:nth-child(6) {
  background: #ccc;
  cursor: default;
  pointer-events: none;
}
.carousel > input[type=radio]:nth-child(7):checked ~ .carousel__items .carousel__item:nth-child(7) {
  opacity: 1;
}
.carousel > input[type=radio]:nth-child(7):checked ~ .carousel__nav > label:nth-child(7) {
  background: #ccc;
  cursor: default;
  pointer-events: none;
}
.carousel > input[type=radio]:nth-child(8):checked ~ .carousel__items .carousel__item:nth-child(8) {
  opacity: 1;
}
.carousel > input[type=radio]:nth-child(8):checked ~ .carousel__nav > label:nth-child(8) {
  background: #ccc;
  cursor: default;
  pointer-events: none;
}
.carousel__items {
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: 100%;
  height: 600px;
  position: relative;
}
.carousel__item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.carousel__item img {
  width: 100%;
  vertical-align: middle;
}
.carousel__prev > label, .carousel__next > label {
  cursor: pointer;
  display: block;
  width: 28px;
  height: 28px;
  position: absolute;
  top: -70px;
  right: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  opacity: 0;
  z-index: 2;
}
.carousel__prev > label i, .carousel__next > label i {
  width: 25px;
  height: 25px;
}
.carousel__prev > label:hover, .carousel__prev > label:focus, .carousel__next > label:hover, .carousel__next > label:focus {
  opacity: 0.5 !important;
}
.carousel__prev > label {
  right: 40px;
}
.carousel__prev > label:before {
  left: 35%;
  top: 20%;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
.carousel__next > label i {
  transform: rotate(180deg);
}
.carousel__next > label:before {
  left: 10%;
  transform: rotate(315deg);
  -webkit-transform: rotate(315deg);
}
.carousel__nav {
  position: absolute;
  bottom: 3%;
  left: 0;
  text-align: center;
  width: 100%;
  z-index: 3;
}
.carousel__nav > label {
  border: 1px solid #fff;
  display: inline-block;
  border-radius: 50%;
  cursor: pointer;
  margin: 0 0.125%;
  width: 20px;
  height: 20px;
}

.search-container {
  width: 40px;
  height: 40px;
}

.overlay_circle {
  width: 30px;
  height: 30px;
  border-radius: 40px;
  position: absolute;
  right: 5%;
  top: 15px;
  transition: 0.3s;
}
.overlay_circle.active {
  width: 100%;
  height: 100%;
  right: 0px;
  top: 0px;
  border-radius: 0px;
}
.overlay_circle.active + .search {
  width: 90%;
  border-radius: 3px;
}
.overlay_circle.active + .search i {
  margin-right: 24px;
}
.overlay_circle.active + .search input {
  display: inline-block;
  opacity: 1;
  transition: 0.6s;
}

.search {
  width: 25px;
  height: 25px;
  top: 35px;
  right: 0;
  position: absolute;
  display: flex;
  transition: 0.3s;
}
.search i {
  margin: auto;
  font-size: 26px;
}
.search input {
  opacity: 0;
  position: absolute;
  top: 4px;
  font-family: "Lato";
  border: none;
  outline: none;
  margin-left: 8px;
  padding: 12px;
  border-radius: 3px;
  font-size: 15px;
  color: #333;
  transition: 0.1s;
}

.results {
  margin-top: 80px;
}

.result {
  width: 90%;
  margin: 0 auto;
  height: 50px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  background: white;
  border-radius: 3px;
  margin-top: 12px;
  transition: 0s;
}
.result:hover {
  background: #e4e4e4;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  transition: 0.2s;
}
.result:active {
  background: #a4a4a4;
  box-shadow: none;
}

.result:nth-child(1) {
  animation-delay: 0.05s;
}

.result:nth-child(2) {
  animation-delay: 0.1s;
}

.result:nth-child(3) {
  animation-delay: 0.15s;
}

.result:nth-child(4) {
  animation-delay: 0.2s;
}

.result:nth-child(5) {
  animation-delay: 0.25s;
}

.result:nth-child(6) {
  animation-delay: 0.3s;
}

.result:nth-child(7) {
  animation-delay: 0.35s;
}

.result:nth-child(8) {
  animation-delay: 0.4s;
}

.result:nth-child(9) {
  animation-delay: 0.45s;
}

.result:nth-child(10) {
  animation-delay: 0.5s;
}

.result:nth-child(11) {
  animation-delay: 0.55s;
}

.result:nth-child(12) {
  animation-delay: 0.6s;
}

.result:nth-child(13) {
  animation-delay: 0.65s;
}

.result:nth-child(14) {
  animation-delay: 0.7s;
}

.bg-black {
  background-color: #000 !important;
}

.bg-off-black {
  background-color: #151515 !important;
}

.bg-white {
  background-color: #fff !important;
}

.bg-platinum {
  background-color: #4d4d4d !important;
}

.nobg,
.bg-none {
  background: none !important;
}

.border-none,
.bdr-none {
  border: none !important;
}

.bdr-all-white,
.border-all-white {
  border: 1px solid #fff;
}

.bg-1,
.bg-2,
.bg-3,
.bg-4,
.bg-5,
.bg-6,
.bg-7,
.bg-8,
.bg-none {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
}

.bg-1-invert {
  position: relative;
}
.bg-1-invert::after {
  background-image: url(/hk/images/tradu/background/bg-1.png);
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  transform: scaleX(-1);
}

.bg-1:before,
.bg-2:before,
.bg-3:before,
.bg-4:before,
.bg-5:before,
.bg-6:before,
.bg-7:before,
.bg-8:before,
.bg-none:before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 30%;
  max-height: 200px;
  background: linear-gradient(0deg, transparent, #000 82.49%);
  z-index: 10;
}

.bg-1:after,
.bg-2:after,
.bg-3:after,
.bg-4:after,
.bg-5:after,
.bg-6:after,
.bg-7:after,
.bg-8:after,
.bg-none:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 30%;
  max-height: 200px;
  z-index: 10;
  background: linear-gradient(180deg, transparent, #000 82.49%);
}

.bg-noBottomOverlay:after,
.bg-noTopOverlay:before {
  z-index: 1 !important;
}

.bg-1 {
  background-image: url(/hk/images/tradu/background/bg-1.png);
}

.bg-2 {
  background-image: url(/hk/images/tradu/background/bg-2.png);
}

.bg-3 {
  background-image: url(/hk/images/tradu/background/bg-3.png);
}

.bg-4 {
  background-image: url(/hk/images/tradu/background/bg-4.png);
}

.bg-5 {
  background-image: url(/hk/images/tradu/background/bg-5.png);
}

.bg-6 {
  background-image: url(/hk/images/tradu/background/bg-6.png);
}

.bg-7 {
  background-image: url(/hk/images/tradu/background/bg-7.png);
}

.fill-container-column-wrap {
  display: flex;
  justify-content: space-around;
  gap: 24px;
  padding: 40px 24px;
  border: 2px solid #6d30b6;
  border-radius: 18px;
  background-color: #000;
  max-width: 1224px;
  margin: 48px auto;
}
@media (max-width: 600px) {
  .fill-container-column-wrap {
    flex-direction: column;
    gap: 40px;
  }
}
.fill-container-column-wrap:hover {
  background-color: #151515;
}
.fill-container-column-wrap .txt-wrap {
  max-width: 617px;
}
@media (max-width: 600px) {
  .fill-container-column-wrap .txt-wrap {
    gap: 12px;
  }
}
.fill-container-column-wrap .txt-wrap h3.heading {
  margin-top: 0;
  margin-bottom: 0;
}
.fill-container-column-wrap .txt-wrap, .fill-container-column-wrap .btn-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 24px;
}
.fill-container-column-wrap .btn-wrap {
  align-items: center;
}
.fill-container-column-wrap .btn-wrap a, .fill-container-column-wrap .btn-wrap button {
  width: 100%;
}

.txt-regular {
  font-weight: 400 !important;
}

.txt-semibold {
  font-weight: 600 !important;
}

.txt-bold {
  font-weight: 700 !important;
}

.txt-upper,
.txt-uppercase {
  text-transform: uppercase !important;
}

.txt-lower,
.txt-lowercase {
  text-transform: lowercase !important;
}

.txt-cap,
.txt-capitalize {
  text-transform: capitalize !important;
}

.txt-transform-none {
  text-transform: none !important;
}

.txt-no-wrap,
.txt-nowrap {
  white-space: nowrap !important;
}

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

mark {
  color: #ff6101;
  background: rgba(0, 0, 0, 0);
}

.txt-white {
  color: #fff;
}

.txt-light-platinum,
.txt-light-grey {
  color: #b3b3b3;
}

.txt-orange {
  color: #ff6101;
}

.txt-58 {
  font-size: 58px !important;
}

.txt-48 {
  font-size: 48px !important;
}

.txt-38 {
  font-size: 38px !important;
}

.txt-28 {
  font-size: 1.75rem;
}

.txt-22 {
  font-size: 1.375rem;
}

.txt-18 {
  font-size: 1.125rem;
}

.txt-14 {
  font-size: 0.875rem;
}

.txt-lg {
  font-size: 19px;
  line-height: 1.6em;
  letter-spacing: 0.36px;
}

.txt-sm {
  font-size: 13px;
  line-height: 1.8em;
  letter-spacing: 0.28px;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.spreadWidgetTable {
  font-size: 0.75rem;
  line-height: 1.25rem;
}
.spreadWidgetTable .spreadWidgetHeadRow {
  color: #b3b3b3;
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: bold;
  text-transform: uppercase;
}
.spreadWidgetTable .spreadWidgetHeadRow th,
.spreadWidgetTable .spreadWidgetHeadRow td {
  border-color: #b3b3b3;
  padding: 7px 0;
}
:root:not([lang=zh]) .spreadWidgetTable .spreadWidgetHeadRow {
  font-family: Blender, helvetica, sans-serif;
  font-size: 0.9375rem;
}
.spreadWidgetTable th,
.spreadWidgetTable td {
  text-align: center;
  padding: 6px 0;
  border-bottom: 1px solid #b3b3b3;
}
.spreadWidgetTable th:first-of-type,
.spreadWidgetTable td:first-of-type {
  text-align: left;
  font-weight: bold;
}
.spreadWidgetTable th:last-of-type,
.spreadWidgetTable td:last-of-type {
  color: #262626;
  font-weight: bold;
}
.spreadWidgetTable .spreadWidgetRow th:nth-child(n+2),
.spreadWidgetTable .spreadWidgetRow td:nth-child(n+2) {
  font-size: 11px;
  font-family: Blender, helvetica, sans-serif;
}
.spreadWidgetTable .spreadWidgetRow span {
  display: inline-block;
  padding: 0 6px;
  border-radius: 2px;
}
.spreadWidgetTable .spreadWidgetRow .spreadWidgetCellPriceDown span {
  background: #de0000;
  color: #fff;
}
.spreadWidgetTable .spreadWidgetRow .spreadWidgetCellPriceUp span {
  background: #77b52f;
  color: #fff;
}

.spreadWidgetUpdateTimestamp {
  font-size: 11px;
  line-height: 15px;
  font-weight: 400;
  color: #4d4d4d;
  padding: 3px 0 3px 16px;
  position: relative;
}
.spreadWidgetUpdateTimestamp:before {
  content: "";
  display: block;
  position: absolute;
  left: 2px;
  top: 50%;
  transform: translateY(-50%);
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #afe144;
}

@keyframes price_up {
  0% {
    background-color: #1255E9;
    color: #fff;
  }
  35% {
    background-color: #1255E9;
    color: #fff;
  }
  100% {
    background-color: transparent;
    color: #fff;
  }
}
@keyframes price_down {
  0% {
    background-color: #f52c31;
    color: #000;
  }
  35% {
    background-color: #f52c31;
    color: #000;
  }
  100% {
    background-color: transparent;
    color: #fff;
  }
}
@keyframes price_changed {
  0% {
    background-color: #6DABF4;
    color: #fff;
  }
  35% {
    background-color: #6DABF4;
    color: #fff;
  }
  100% {
    background-color: transparent;
    color: #262626;
  }
}
.rates-widget {
  display: flex;
  gap: 36px;
  max-width: 1224px;
  margin: 0 auto 60px;
  /*&.rates-widget-large {
  	.rates-table {
  		table {
  			tbody {
  				td {
  					height:60px;
  				}
  			}
  		}
  	}
  }*/
}
.rates-widget.with-asset-selection-bar {
  display: grid !important;
}
.rates-widget.with-asset-selection-bar .rates-tab {
  display: flex;
  justify-content: stretch;
  gap: 12px;
}
.rates-widget.with-asset-selection-bar .rates-tab a {
  flex-grow: 1;
  flex-shrink: 1;
  color: #fff;
  display: flex;
  gap: 12px;
  font-size: 16px;
  font-family: Soehne, arial, sans-serif;
  font-weight: 400;
  line-height: normal;
  text-transform: none;
  align-items: center;
  padding: 15px 18px;
  background: #151515;
  border-radius: 1000px;
  border: 1px solid #4d4d4d;
}
@media (max-width: 980px) {
  .rates-widget.with-asset-selection-bar .rates-tab a {
    font-size: 13px;
    padding: 10px 15px;
  }
}
.rates-widget.with-asset-selection-bar .rates-tab a.on {
  border: 1px solid #fff;
}
.rates-widget.with-asset-selection-bar .rates-tab a:hover:not(.on) {
  background: #151515;
  border-bottom: 1px solid #4d4d4d;
}
@media (max-width: 980px) {
  .rates-widget {
    gap: 15px;
  }
}
@media (max-width: 600px) {
  .rates-widget {
    display: grid !important;
  }
}
.rates-widget .market-status {
  font-size: 12px;
}
.rates-widget .more-btn-wrap {
  position: absolute;
  right: 0;
  top: 5px;
}
.rates-widget .rates-tab {
  display: block;
}
@media (max-width: 600px) {
  .rates-widget .rates-tab {
    display: flex;
    overflow-x: scroll;
    border-bottom: none;
  }
}
.rates-widget .rates-tab a {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 24px 15px;
  border-bottom: 2px solid #262626;
  background: #151515;
  color: #b3b3b3;
  font-family: Blender, helvetica, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.52px;
  text-transform: uppercase;
  white-space: nowrap;
  text-decoration: none;
}
.rates-widget .rates-tab a.on {
  border-left: 2px solid #ff6101;
  background: #151515;
  color: #fff;
}
.rates-widget .rates-tab a:hover:not(.on) {
  background-color: #262626;
  border-bottom: 2px solid #ff6101;
}
.rates-widget .rates-table {
  position: relative;
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 0.25rem;
}
.rates-widget .rates-table table {
  width: 100%;
  font-family: Blender, helvetica, sans-serif;
  font-size: 0.875rem;
  /*tr:hover .btn-trade {
  	border-color:$platinum;
  }*/
}
.rates-widget .rates-table table thead {
  max-height: 44px;
  background-color: #262626;
  border-bottom: 2px solid #151515;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
}
[lang=zh] .rates-widget .rates-table table thead {
  font-size: 110%;
}
[lang=vi] .rates-widget .rates-table table thead {
  font-size: 100%;
}
.rates-widget .rates-table table thead th {
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 12px;
  padding-bottom: 12px;
  background: #262626;
  color: #b3b3b3;
  font-family: Soehne, arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  text-transform: capitalize;
  white-space: nowrap;
  text-align: left;
}
@media (max-width: 980px) {
  .rates-widget .rates-table table thead th {
    padding-left: 12px;
    padding-right: 12px;
  }
}
.rates-widget .rates-table table thead th.range {
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 600px) {
  .rates-widget .rates-table table thead th.range {
    display: none;
  }
}
.rates-widget .rates-table table thead th.trade-go {
  display: none;
}
.rates-widget .rates-table table tbody tr {
  padding-left: 24px;
  padding-right: 24px;
  width: 100%;
  gap: 12px;
  align-items: center;
  min-height: 74px;
  background-color: #151515;
  border-bottom: 1px solid #000;
}
.rates-widget .rates-table table tbody tr td:not(.range) {
  padding-left: 24px;
  padding-right: 24px;
  vertical-align: middle;
}
@media (max-width: 980px) {
  .rates-widget .rates-table table tbody tr td:not(.range) {
    padding-left: 12px;
    padding-right: 12px;
  }
}
.rates-widget .rates-table table tbody tr td.range {
  padding-right: 24px;
  padding-left: 0;
}
@media (max-width: 600px) {
  .rates-widget .rates-table table tbody tr td.range {
    display: none;
  }
}
.rates-widget .rates-table table tbody tr td.trade-go {
  text-align: center;
  display: none;
}
.rates-widget .rates-table table tbody .symbol {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 17px 24px;
  background-color: #151515;
  color: #fff;
  font-weight: 400;
  font-family: Soehne, arial, sans-serif;
}
.rates-widget .rates-table table tbody .change {
  font-weight: 600;
}
.rates-widget .rates-table table tbody .price {
  background-color: #151515;
  color: #fff;
  font-family: Blender, helvetica, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  border-radius: 2px;
}
.rates-widget .rates-table table tbody .price span {
  padding: 4px 8px;
  background-color: #000;
}
.rates-widget .rates-table table tbody i.line {
  font-size: 16px;
  font-style: normal;
  display: block;
}
.rates-widget .rates-table table tbody i.line.line2 {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.32px;
  color: #b3b3b3;
}
.rates-widget .rates-table table .price span,
.rates-widget .rates-table table .change span {
  /*display:inline-block;
  padding:0px 6px;
  background:transparent;
  border-radius:2px;
  @include transition();*/
  /*&.changed {
  	animation-name:price_changed;
  	animation-duration:1.5s;
  }*/
}
.rates-widget .rates-table table .price span.up,
.rates-widget .rates-table table .change span.up {
  animation-name: price_up;
  animation-duration: 1.5s;
}
.rates-widget .rates-table table .price span.down,
.rates-widget .rates-table table .change span.down {
  animation-name: price_down;
  animation-duration: 1.5s;
}
.rates-widget .rates-table table .range {
  position: relative;
  min-width: 300px;
}
.rates-widget .rates-table table .range .year-slide {
  background-color: #4d4d4d;
  height: 5px;
}
.rates-widget .rates-table table .range .year-slide .color-fill {
  height: 100%;
  background-color: #fff;
  position: relative;
}
.rates-widget .rates-table table .range .year-slide .color-fill:after {
  content: "";
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  border-top: 5.2px solid #fff;
  right: -4.5px;
  border-right: 5px solid transparent;
}
.rates-widget .rates-table table .range .marker {
  padding: 0;
  position: absolute;
  transform: translate(-50%, -18px);
}
.rates-widget .rates-table table .range .marker svg {
  fill: #ff6101;
  position: absolute;
  right: 0px;
  top: 6px;
}
.rates-widget .rates-table table .range .range-axis {
  position: absolute;
  color: #fff;
  font-family: Soehne, arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  padding-top: 2px;
}
.rates-widget .rates-table table .range .range-axis.min52 {
  left: auto;
}
.rates-widget .rates-table table .range .range-axis.max52 {
  right: 24px;
}
.rates-widget .rates-table table tr .btn-trade {
  background-color: #fff;
  color: #000;
  display: inline-block;
  font-family: Blender, helvetica, sans-serif;
  font-weight: 700;
  font-size: 13px;
  padding: 6px 16px;
  border-radius: 25px;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  border: 3px solid #fff;
  position: relative;
}
.rates-widget .rates-table table tr .btn-trade:hover {
  /* Border */
  background-clip: padding-box;
  border: 3px solid transparent;
  /* Other styles */
  background: #151515;
  color: #fff;
}
.rates-widget .rates-table table tr .btn-trade:hover::before {
  content: "";
  position: absolute;
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
  z-index: -1;
  background-image: linear-gradient(90deg, #ff6101, #6d30b6);
  background-size: 400%;
  width: inherit;
  height: inherit;
  border-radius: 25px;
  animation: animate 2s linear infinite;
}
.rates-widget .rates-table .last-update {
  font-family: Soehne, arial, sans-serif;
  font-size: 12px;
  color: #b3b3b3;
  line-height: 24px;
  letter-spacing: 0.32px;
  margin: 3px 0 !important;
}
.rates-widget[data-column3=none] .rates-table table td.price {
  width: auto;
  min-width: 20%;
}
.rates-widget .last-update {
  font-size: 11px;
  font-family: Blender, helvetica, sans-serif;
  color: #b3b3b3;
}
.rates-widget.rates-widget-small .rates-tab + .rates-table {
  margin-top: 0.5rem;
}
.rates-widget.rates-widget-small .rates-table table {
  font-size: 0.75rem;
}
.rates-widget.rates-widget-small .rates-table table tr td {
  padding: 0.35rem 0;
}
.rates-widget.rates-widget-small .rates-table table td.number {
  font-size: 90%;
}

.rates-widget.rates-widget-card .rates-tab {
  display: none !important;
}

.rates-widget.rates-widget-card .rates-table table i {
  font-style: normal;
}

.rates-widget.rates-widget-card .rates-table table thead {
  display: none;
}

.rates-widget.rates-widget-card .rates-table table tbody {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
}

.rates-widget.rates-widget-card .rates-table table tbody tr {
  display: block;
  background: #151515;
  padding: 18px;
  width: 100%;
  border-radius: 5px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.rates-widget.rates-widget-card .rates-table table tbody tr .line {
  display: block;
}

.rates-widget.rates-widget-card .rates-table table tbody tr .symbol {
  flex-direction: row;
  width: 100%;
  margin-bottom: 8px;
  padding: 0;
}

.rates-widget.rates-widget-card .rates-table table tbody tr .line1 {
  display: none;
}

.rates-widget.rates-widget-card .rates-table table tbody tr .line2 {
  color: #fff;
  font-weight: 600;
  font-size: 28px;
  line-height: 125%;
  margin-right: 15px;
}

.rates-widget.rates-widget-card .rates-table table tbody .price span {
  background-color: transparent !important;
}

.rates-widget.rates-widget-card .rates-table table tbody tr .price {
  width: 48%;
  color: #fff;
  border-radius: 1px;
  position: relative;
  /*display: grid;*/
  grid-template-columns: repeat(2, 1fr);
  background-color: #000;
}
.rates-widget.rates-widget-card .rates-table table tbody tr .price.bid, .rates-widget.rates-widget-card .rates-table table tbody tr .price.ask {
  gap: 15px;
  justify-content: flex-start;
  padding: 8px;
}
.rates-widget.rates-widget-card .rates-table table tbody tr .price.ask {
  text-align: right;
}
.rates-widget.rates-widget-card .rates-table table tbody tr .price.ask span {
  right: 10px;
}
.rates-widget.rates-widget-card .rates-table table tbody tr .price:before {
  position: absolute;
  width: 100%;
  left: 10px;
  top: 4px;
  font-size: 12px;
  content: attr(data-label);
}
.rates-widget.rates-widget-card .rates-table table tbody tr .price.ask:before {
  right: 10px;
  left: auto;
}

.rates-widget.rates-widget-card .rates-table table tbody tr .price span {
  display: block;
  font-size: 19px;
  font-weight: 600;
  line-height: 1;
  padding: 23px 0 8px;
  transition: all 0.2s ease-in-out;
  font-family: Soehne, arial, sans-serif;
}

.rates-widget.rates-widget-card .rates-table table tbody tr .price span.up {
  color: #29AD46;
  animation: none;
}

.rates-widget.rates-widget-card .rates-table table tbody tr .price span.down {
  color: #f52c31;
  animation: none;
}

.rates-widget.rates-widget-card .rates-table table tbody tr .change {
  width: 43px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 42%;
  padding: 6px 6px 4px;
  background-color: #fff;
  border-radius: 23px;
  color: #151515;
  text-align: center;
  font-family: Blender, helvetica, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 0.7;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  left: 50%;
  transform: translate(-50%, -50%);
}

.feature-wrap {
  display: grid;
  gap: 36px;
}
.feature-wrap[data-count="4"] {
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 980px) {
  .feature-wrap[data-count="4"] {
    grid-template-columns: 1fr;
  }
}
.feature-wrap[data-count="3"] {
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 980px) {
  .feature-wrap[data-count="3"] {
    grid-template-columns: 1fr;
  }
}
.feature-wrap[data-count="2"] {
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 980px) {
  .feature-wrap[data-count="2"] {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 980px) {
  .feature-wrap:not(.feature-wrap_2cols_mobile) {
    grid-template-columns: 1fr !important;
    gap: 24px;
  }
}
@media (max-width: 980px) {
  .feature-wrap.tablet-col2 {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 24px;
  }
}
@media (max-width: 600px) {
  .feature-wrap.mobile-col2 {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 24px;
  }
}
.feature-wrap .feature-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 16px;
  color: #f8f8f8;
}
.feature-wrap .feature-box .feature-inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 18px;
}
.feature-wrap .feature-box .feature-ico i {
  width: 40px;
  height: 40px;
}
.feature-wrap .feature-box .feature-title .headingGroup h3 {
  font-family: Soehne, arial, sans-serif;
  font-size: 28px;
}
.feature-wrap .feature-box .feature-title .headingGroup h3.txt-sm {
  font-size: 18px;
}
.feature-wrap .feature-box .feature-txt-dark {
  color: #b3b3b3;
}
.feature-wrap .feature-box .feature-img {
  background-color: #151515;
  max-width: 190px;
  height: 80px;
  padding: 5px;
  border-radius: 5px;
}
@media (max-width: 600px) {
  .feature-wrap .feature-box .feature-img {
    max-width: 380px;
    width: 100%;
  }
}
.feature-wrap .feature-box .feature-img figure {
  width: 100%;
  height: 100%;
  margin: 0;
}
.feature-wrap .feature-box .feature-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.feature-wrap .feature-card {
  background-color: #151515;
  padding: 40px;
}
@media (max-width: 600px) {
  .feature-wrap .feature-card {
    padding: 30px;
  }
}
.feature-wrap .feature-card .title-btn-wrapper {
  z-index: 10000;
}
.feature-wrap .feature-border {
  padding: 46px 64px;
  border: 2px solid #fff;
  border-radius: 18px;
  max-width: 568px;
}
.feature-wrap .feature-border .feature-title .headingGroup h3 {
  font-size: 28px;
}
@media (max-width: 600px) {
  .feature-wrap .feature-border .feature-title .headingGroup h3 {
    font-size: 26px !important;
  }
}
.feature-wrap .feature-border-left {
  border-left: 1px solid #fff;
  padding-left: 32px;
}
.feature-wrap .feature-border-left .feature-title .headingGroup h3 {
  font-size: 28px;
}
.feature-wrap.feature-cols {
  grid-template-columns: repeat(4, 1fr);
}

ul.resp-tabs-list,
p {
  margin: 0px;
  padding: 0px;
  color: #b3b3b3;
}

.resp-tabs-list li {
  font-size: 16px;
  line-height: 20px;
  /*display: inline-block;*/
  padding: 12px 0;
  margin-right: 24px;
  list-style: none;
  cursor: pointer;
  float: left;
  background-color: transparent !important;
  transition: all 0.3s ease-in-out;
  min-width: 220px;
  border-bottom: 1px solid #4d4d4d;
}

.resp-tabs-list.narrow li {
  font-size: 16px;
  line-height: 20px;
  padding: 12px 0;
  margin-right: 15px;
  list-style: none;
  cursor: pointer;
  float: left;
  background-color: transparent !important;
  transition: all 0.3s ease-in-out;
  min-width: 220px;
  border-bottom: 1px solid #4d4d4d;
}

.resp-tabs-container {
  padding: 0px;
  clear: left;
  padding-top: 46px;
  margin-bottom: 80px;
}

h2.resp-accordion {
  cursor: pointer;
  padding: 5px;
  display: none;
}

.resp-tab-content {
  display: none;
}
.resp-tab-content .heading {
  font-weight: bold;
  padding-bottom: 20px;
}

.resp-tab-active {
  color: #fff;
  border-bottom: 1px solid #fff;
  background-color: transparent !important;
}

.resp-content-active,
.resp-accordion-active {
  display: block;
}

h2.resp-accordion {
  font-size: 13px;
  border: 1px solid #c1c1c1;
  border-top: 0px solid #c1c1c1;
  margin: 0px;
  padding: 10px 15px;
}

h2.resp-tab-active {
  border-bottom: 0px solid #c1c1c1 !important;
  margin-bottom: 0px !important;
  padding: 10px 15px !important;
}

h2.resp-tab-title:last-child {
  border-bottom: 12px solid #c1c1c1 !important;
}

/*-----------Vertical tabs-----------*/
.resp-vtabs ul.resp-tabs-list {
  float: left;
  width: 30%;
}

.resp-vtabs .resp-tabs-list li {
  display: block;
  padding: 15px 15px !important;
  margin: 0 0 4px;
  cursor: pointer;
  float: none;
}

.resp-vtabs .resp-tabs-container {
  padding: 0px;
  background-color: #fff;
  border: 1px solid #c1c1c1;
  float: left;
  width: 68%;
  min-height: 250px;
  border-radius: 4px;
  clear: none;
}

.resp-vtabs .resp-tab-content {
  border: none;
  word-wrap: break-word;
}

.resp-vtabs li.resp-tab-active {
  position: relative;
  z-index: 1;
  margin-right: -1px !important;
  padding: 14px 15px 15px 14px !important;
  border-top: 1px solid;
  border: 1px solid #5AB1D0 !important;
  border-left: 4px solid #5AB1D0 !important;
  margin-bottom: 4px !important;
  border-right: 1px #fff solid !important;
}

.resp-arrow {
  width: 0;
  height: 0;
  float: right;
  margin-top: 3px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 12px solid #c1c1c1;
}

h2.resp-tab-active span.resp-arrow {
  border: none;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 12px solid #9B9797;
}

/*-----------Accordion styles-----------*/
h2.resp-tab-active {
  background: transparent;
  /* !important;*/
}

h2.resp-accordion {
  border: none;
}

.resp-easy-accordion h2.resp-accordion {
  display: block;
}

.resp-easy-accordion .resp-tab-content {
  border: 1px solid #c1c1c1;
}

.resp-easy-accordion .resp-tab-content:last-child {
  border-bottom: 1px solid #c1c1c1;
  /* !important;*/
}

.resp-jfit {
  width: 100%;
  margin: 0px;
}

.resp-tab-content-active {
  display: block;
}

/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 768px) {
  ul.resp-tabs-list {
    display: none;
  }
  h2.resp-accordion,
  h2.resp-tab-active {
    display: block;
    background-color: transparent !important;
    text-align: left;
    padding: 24px 12px 24px 0px !important;
    font-size: 16px;
    font-weight: 400;
  }
  h2.resp-accordion {
    color: #b3b3b3;
    border-bottom: 1px solid #4d4d4d !important;
  }
  h2.resp-accordion.resp-tab-active {
    color: #fff;
    border-bottom: none !important;
  }
  .resp-vtabs .resp-tab-content {
    border: 1px solid #C1C1C1;
  }
  .resp-vtabs .resp-tabs-container {
    border: none;
    float: none;
    width: 100%;
    min-height: 100px;
    clear: none;
  }
  .resp-accordion-closed {
    display: none !important;
  }
  .resp-vtabs .resp-tab-content:last-child {
    border-bottom: 1px solid #c1c1c1 !important;
  }
}
@media only screen and (max-width: 980px) {
  .additional-row {
    max-width: calc(100vw - 40px);
  }
}
.Announcement_traduAnnouncement .Announcement_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px 60px;
  gap: 20px;
  border: 2px solid #6d30b6;
  border-radius: 18px;
}
@media only screen and (max-width: 980px) {
  .Announcement_traduAnnouncement .Announcement_wrap {
    flex-direction: column;
    align-items: start;
    padding: 24px;
    gap: 12px;
  }
}

.Announcement_traduAnnouncement .Announcement_container a {
  text-decoration: none;
}

.Announcement_traduAnnouncement .Announcement_content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.Announcement_traduAnnouncement .Announcement_content h4 {
  font-size: 26px;
  margin-top: 0;
  margin-bottom: 0;
  letter-spacing: 0.5px;
}

.Announcement_traduAnnouncement .Announcement_iconWrap {
  width: 20px;
  height: 20px;
}

.Announcement_traduAnnouncement .Announcement_wrap .Announcement_iconWrap svg path {
  fill: #4d4d4d;
}

.Announcement_traduAnnouncement .Announcement_wrap:hover .Announcement_iconWrap svg path {
  fill: #fff;
}

.Announcement_traduAnnouncement .Announcement_wrap.Announcement_centerContent {
  justify-content: center;
}

.OfficeMap_paddingTop-xl {
  padding-top: 120px;
}

@media (max-width: 480px) {
  .OfficeMap_paddingTop-xl {
    padding-top: 60px;
  }
}
.OfficeMap_paddingBottom-xl {
  padding-bottom: 120px;
}

@media (max-width: 480px) {
  .OfficeMap_paddingBottom-xl {
    padding-bottom: 60px;
  }
}
.OfficeMap_paddingTop-l {
  padding-top: 90px;
}

@media (max-width: 480px) {
  .OfficeMap_paddingTop-l {
    padding-top: 45px;
  }
}
.OfficeMap_paddingBottom-l {
  padding-bottom: 90px;
}

@media (max-width: 480px) {
  .OfficeMap_paddingBottom-l {
    padding-bottom: 45px;
  }
}
.OfficeMap_paddingTop-m {
  padding-top: 60px;
}

@media (max-width: 480px) {
  .OfficeMap_paddingTop-m {
    padding-top: 30px;
  }
}
.OfficeMap_paddingBottom-m {
  padding-bottom: 60px;
}

@media (max-width: 480px) {
  .OfficeMap_paddingBottom-m {
    padding-bottom: 30px;
  }
}
.OfficeMap_paddingTop-s {
  padding-top: 30px;
}

@media (max-width: 480px) {
  .OfficeMap_paddingTop-s {
    padding-top: 15px;
  }
}
.OfficeMap_paddingBottom-s {
  padding-bottom: 30px;
}

@media (max-width: 480px) {
  .OfficeMap_paddingBottom-s {
    padding-bottom: 15px;
  }
}
.OfficeMap_paddingTop-zero {
  padding-top: 0;
}

@media (max-width: 480px) {
  .OfficeMap_paddingTop-zero {
    padding-top: 0;
  }
}
.OfficeMap_paddingBottom-zero {
  padding-bottom: 0;
}

@media (max-width: 480px) {
  .OfficeMap_paddingBottom-zero {
    padding-bottom: 0;
  }
}
.OfficeMap_traduOfficeMap .OfficeMap_textWrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-bottom: 36px;
}

.OfficeMap_traduOfficeMap .OfficeMap_officesLegend {
  display: flex;
  justify-content: center;
  gap: 24px;
}

.OfficeMap_traduOfficeMap .OfficeMap_officesLegend .OfficeMap_primaryContainer,
.OfficeMap_traduOfficeMap .OfficeMap_officesLegend .OfficeMap_serviceContainer {
  display: flex;
  justify-content: space-between;
  gap: 6px;
  color: #fff;
  align-items: center;
}

.OfficeMap_traduOfficeMap .OfficeMap_officesLegend .OfficeMap_officeType {
  text-transform: uppercase;
  font-size: 16px;
  font-family: Blender, helvetica, sans-serif;
  font-weight: 700;
  letter-spacing: 0.04rem;
}

.OfficeMap_traduOfficeMap .OfficeMap_officesLegend .OfficeMap_dot {
  width: 14px;
  height: 14px;
}

.OfficeMap_traduOfficeMap .OfficeMap_dot {
  display: block;
  width: 7px;
  height: 7px;
  border-radius: 50px;
}

.OfficeMap_traduOfficeMap .OfficeMap_dot.OfficeMap_primary {
  background: #ff6101;
}

.OfficeMap_traduOfficeMap .OfficeMap_dot.OfficeMap_service {
  background: #6d30b6;
}

.OfficeMap_traduOfficeMap .OfficeMap_officesWrapper {
  background-image: url(/_next/static/media/world-map.f4556264.png);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
  width: 1238px;
  height: 617px;
  position: relative;
}

.OfficeMap_traduOfficeMap .OfficeMap_officesWrapper .OfficeMap_officeContainer {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  gap: 6px;
  transition: opacity 0.2s linear;
}

.OfficeMap_traduOfficeMap .OfficeMap_officesWrapper .OfficeMap_officeContainer:hover {
  opacity: 1;
}

.OfficeMap_traduOfficeMap .OfficeMap_officesWrapper .OfficeMap_officeContainer:hover .OfficeMap_officeCallout {
  opacity: 1;
  z-index: 1;
}

.OfficeMap_traduOfficeMap .OfficeMap_officesWrapper .OfficeMap_officeContainer .OfficeMap_officeLocation {
  color: #fff;
  text-wrap: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6px 12px 4px;
  background: #000;
  border-radius: 9px;
  text-transform: uppercase;
  font-family: Blender, helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.06rem;
  font-weight: 700;
}

.OfficeMap_traduOfficeMap .OfficeMap_officesWrapper .OfficeMap_officeContainer .OfficeMap_officeCallout {
  position: absolute;
  opacity: 0;
  color: #fff;
  z-index: -999;
  background: #262626;
  padding: 8px 12px 12px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  border-top: 2px solid #ff6101;
  white-space: nowrap;
  min-width: 130px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  transition: opacity 0.2s linear;
}

.OfficeMap_traduOfficeMap .OfficeMap_officesWrapper .OfficeMap_officeContainer .OfficeMap_officeCallout .OfficeMap_officeLocation {
  background: none;
  padding: 0;
  justify-content: flex-start;
}

.OfficeMap_traduOfficeMap .OfficeMap_officesWrapper .OfficeMap_officeContainer.OfficeMap_top {
  flex-direction: column;
}

.OfficeMap_traduOfficeMap .OfficeMap_officesWrapper .OfficeMap_officeContainer.OfficeMap_top .OfficeMap_officeCallout {
  top: -4px;
  left: 0;
}

.OfficeMap_traduOfficeMap .OfficeMap_officesWrapper .OfficeMap_officeContainer.OfficeMap_bottom {
  flex-direction: column-reverse;
}

.OfficeMap_traduOfficeMap .OfficeMap_officesWrapper .OfficeMap_officeContainer.OfficeMap_bottom .OfficeMap_officeCallout {
  top: 9px;
  left: 0;
}

.OfficeMap_traduOfficeMap .OfficeMap_officesWrapper .OfficeMap_officeContainer.OfficeMap_left {
  flex-direction: row;
}

.OfficeMap_traduOfficeMap .OfficeMap_officesWrapper .OfficeMap_officeContainer.OfficeMap_left .OfficeMap_officeCallout {
  top: -4px;
  left: 0;
}

.OfficeMap_traduOfficeMap .OfficeMap_officesWrapper .OfficeMap_officeContainer.OfficeMap_right {
  flex-direction: row-reverse;
}

.OfficeMap_traduOfficeMap .OfficeMap_officesWrapper .OfficeMap_officeContainer.OfficeMap_right .OfficeMap_officeCallout {
  top: -4px;
}

.OfficeMap_traduOfficeMap .OfficeMap_accordionsWrapper {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.OfficeMap_traduOfficeMap .OfficeMap_accordionsWrapper .OfficeMap_primaryContainer,
.OfficeMap_traduOfficeMap .OfficeMap_accordionsWrapper .OfficeMap_serviceContainer {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.OfficeMap_traduOfficeMap .OfficeMap_accordionsWrapper h4 {
  padding-bottom: 12px;
}

ul {
  list-style: none;
}

a {
  text-decoration: none;
  color: inherit;
}

button {
  border: none;
  background-color: transparent;
  cursor: pointer;
  color: inherit;
}

.btn {
  display: block;
  background-color: var(--primary-color);
  color: var(--white);
  text-align: center;
  padding: 0.6rem 1.4rem;
  font-size: 1rem;
  font-weight: 500;
  border-radius: 5px;
}

.icon {
  width: 18px;
  height: 18px;
  margin-top: 3px;
}

.logo-wrap {
  flex-shrink: 0;
}

.logoline {
  display: flex;
  flex-direction: column;
}
.logoline img {
  width: 140px;
}

#nav-menu {
  border-bottom: var(--border);
  z-index: 1000;
}

.nav-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  height: 99px;
  padding: 30px auto;
}
.nav-container:lang(vi) {
  -moz-column-gap: 0;
       column-gap: 0;
}

.menu {
  position: relative;
  background: var(--white);
}

.menu-bar > li:first-child .dropdown {
  flex-direction: initial;
}
.menu-bar > li:not(:last-child) {
  padding-right: 16px;
}
.menu-bar > li i {
  width: 20px;
  height: 20px;
  opacity: 0;
  margin-top: -3px;
  transform: rotate(0deg);
  transition: all 0.3s ease-in-out;
}
.menu-bar > li:hover i {
  opacity: 1;
}
.menu-bar > li .nav-link[aria-expanded=true] {
  color: #fff;
  border-bottom: 2px solid #ff6101;
}
.menu-bar > li .nav-link[aria-expanded=true] i {
  transform: rotate(180deg);
  opacity: 1;
}

.menu-bar .nav-link {
  position: relative;
  height: 65px;
  display: flex;
  align-items: center;
  gap: 4px;
  color: #b3b3b3;
  font-family: Blender, helvetica, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  transition: color 0.3s ease-in-out, border-bottom 0.2s ease-in-out;
  border-bottom: 2px solid transparent;
  white-space: nowrap;
  z-index: 10;
}
.menu-bar .nav-link:hover,
.menu-bar .nav-link .dropdown-link:hover {
  color: var(--primary-color);
}

.menu-bar .nav-link:hover,
.dropdown-link:hover {
  color: var(--primary-color);
}

.nav-start,
.nav-end,
.menu-bar,
.right-container,
.right-container {
  display: flex;
  align-items: center;
}

.nav-start {
  gap: 225px;
}

:lang(vi) .nav-start {
  gap: 150px;
}
:lang(vi) .menu-bar .nav-link {
  font-size: 13px;
  line-height: 1.2;
  letter-spacing: 0.3px;
}

.dropdown {
  display: flex;
  flex-direction: column;
  width: -moz-max-content;
  width: max-content;
  background-color: #000;
  border-radius: 8px;
  border: 1px solid #fff;
  position: absolute;
  top: 80px;
  left: -25%;
  z-index: 999;
  visibility: hidden;
  opacity: 0;
  transition: 0.1s ease-in-out;
}
.dropdown.active {
  visibility: visible;
  opacity: 1;
  box-shadow: 0 0 0 1200px rgba(255, 255, 255, 0.2);
}

#dropdown3.dropdown {
  left: 0;
}

#dropdown4.dropdown {
  left: 100px;
}

.dropdown ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 32px 24px;
  font-size: 0.95rem;
}

#dropdown2.dropdown ul,
#dropdown3.dropdown ul,
#dropdown4.dropdown ul {
  display: grid;
  row-gap: 10px;
  -moz-column-gap: 24px;
       column-gap: 24px;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(3, 1fr);
}
@media (max-width: 980px) {
  #dropdown2.dropdown ul,
  #dropdown3.dropdown ul,
  #dropdown4.dropdown ul {
    display: flex;
    flex-direction: column;
  }
}

.dropdown-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.15rem;
}

.dropdown-link {
  display: flex;
  gap: 12px;
  max-width: 232px;
  padding: 10px 12px 10px 0;
}
.dropdown-link .dropdown-link-title {
  color: #fff;
  font-family: Soehne, arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  text-transform: capitalize;
}
.dropdown-link p {
  color: #b3b3b3;
  font-family: Soehne, arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.24px;
  margin-top: 3px;
}
.dropdown-link p:hover {
  color: #fff;
}

.right-container {
  display: flex;
  align-items: center;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}

#hamburger {
  display: none;
  padding: 0.1rem;
  margin-left: 1rem;
  font-size: 1.9rem;
}

.MainHeaderDesktop_searchWrap {
  margin-left: 40px;
}
@media (max-width: 980px) {
  .MainHeaderDesktop_searchWrap {
    display: none;
  }
}

.MainHeaderDesktop_searchWrap > button,
.MainHeaderDesktop_searchWrap > div {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.MainHeaderDesktop_searchWrap ul {
  position: absolute;
  left: 0;
}

.header-searchbar-dropdown {
  width: 70%;
}

.SearchInput_wrap {
  background-color: #000;
  position: relative;
}

.SearchInput_wrap input {
  color: #fff;
}

.SearchInput_wrap button {
  display: flex;
  align-items: center;
}

.SearchInput_wrap label h5 {
  font-size: 14px;
}

.SearchInput_wrap label > div {
  padding: 12px;
}

.SearchInput_wrap input::-moz-placeholder {
  color: #fff;
}

.SearchInput_wrap input::placeholder {
  color: #fff;
}

.SearchBar_wrap {
  transition: all 0.2s ease;
}

.SearchBar_wrap:not(.SearchBar_activeBar) {
  width: 48px;
  overflow: hidden;
  animation: SearchBar_transitionZIndex 0.2s ease;
}

@media (max-width: 1000px) {
  .SearchBar_wrap:not(.SearchBar_activeBar) {
    width: 100%;
    border: 1px solid #fff;
    border-radius: 1000px;
  }
}
.SearchBar_wrap:not(.SearchBar_activeBar) label h5 {
  display: none;
}

.SearchBar_wrap:not(.SearchBar_activeBar) label > div {
  border-color: transparent;
}

.SearchBar_wrap:not(.SearchBar_activeBar) input,
.SearchBar_wrap:not(.SearchBar_activeBar) label button:not(:first-child) {
  pointer-events: none;
  visibility: hidden;
}

@media (max-width: 980px) {
  .SearchBar_wrap:not(.SearchBar_activeBar) input {
    visibility: visible;
  }
  .SearchBar_wrap:not(.SearchBar_activeBar) label > button {
    width: 16px;
    height: 16px;
  }
}
@media (max-width: 980px) {
  .SearchBar_wrap:not(.SearchBar_activeBar) input::-moz-placeholder {
    margin-top: -2px;
    color: #fff;
    font-family: Blender, helvetica, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0.52px;
    text-transform: uppercase;
  }
  .SearchBar_wrap:not(.SearchBar_activeBar) input::placeholder {
    margin-top: -2px;
    color: #fff;
    font-family: Blender, helvetica, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0.52px;
    text-transform: uppercase;
  }
}
.SearchBar_wrap label h5 {
  white-space: nowrap;
  display: block;
}

.SearchBar_wrap.SearchBar_activeBar {
  width: 70%;
  z-index: 999;
}

[lang=vi] .SearchBar_wrap.SearchBar_activeBar {
  width: 80%;
  z-index: 999;
}

@media (max-width: 1000px) {
  .SearchBar_wrap.SearchBar_activeBar {
    z-index: 0;
  }
}
@keyframes SearchBar_transitionZIndex {
  0% {
    z-index: 999;
  }
  99% {
    z-index: 999;
  }
  to {
    z-index: 0;
  }
}
@media (max-width: 980px) {
  .nav-container {
    -moz-column-gap: 0;
         column-gap: 0;
    height: -moz-fit-content;
    height: fit-content;
    padding: 15px 8px 15px 18px;
  }
  .nav-start {
    margin: 0 auto;
  }
  #hamburger {
    display: block;
    position: absolute;
    left: 0;
  }
  .menu {
    display: none;
    position: absolute;
    top: 50px;
    left: 0;
    min-height: 100vh;
    width: 100vw;
    background-color: #000;
    z-index: 1000;
  }
  .dropdown {
    display: none;
    min-width: 100%;
    border: none !important;
    border-radius: 5px;
    position: static;
    top: 0;
    left: 0;
    visibility: visible;
    opacity: 1;
    transform: none;
    box-shadow: none;
  }
  .menu.show,
  .dropdown.active {
    display: block;
  }
  .menu-bar {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    row-gap: 1rem;
    padding: 1rem;
  }
  .menu-bar .nav-link {
    display: flex;
    justify-content: space-between;
    width: 100%;
    font-weight: 600;
    font-size: 1.2rem;
    margin: 0;
    border-bottom: 2px solid #262626;
    color: #fff;
  }
  .menu-bar > li {
    padding-right: 16px;
  }
  .menu-bar li:first-child .dropdown {
    min-width: 100%;
  }
  .menu-bar > li i {
    opacity: 1;
    transform: rotate(270deg);
  }
  .search-container {
    display: none;
  }
}
@media (max-width: 600px) {
  .nav-container {
    flex-direction: row-reverse;
    height: -moz-fit-content;
    height: fit-content;
  }
  .right-container {
    display: none;
  }
}
.footer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #151515;
  padding-top: 40px;
  padding-bottom: 48px;
  margin-top: 60px;
}
@media screen and (max-width: 980px) {
  .footer {
    padding-top: 0;
    padding-bottom: 48px;
    margin-top: 48px;
  }
}
.footer__info-links {
  display: flex;
  flex: 1 1 auto;
  justify-content: center;
}
.footer__info-links__columns {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  max-width: 1200px;
  flex: 1 1 auto;
}
.footer__info-links--column {
  box-sizing: border-box;
  width: 19%;
  max-width: 750px;
  white-space: nowrap;
}
.footer__info-links--column:first-of-type {
  width: 24% !important;
}
.footer__info-links--column:last-of-type {
  width: 19% !important;
}
.footer__info-links--column .footer-logo .logo-wrap {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0;
}
.footer__info-links--column .footer-logo .logo-wrap img {
  max-width: 100%;
}
.footer__info-links--column .footer-logo .logo-wrap span {
  color: #b3b3b3;
  font-family: Soehne, arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.32px;
  white-space: nowrap;
}
.footer__info-links--column h3 {
  padding-top: 8px;
}
@media screen and (max-width: 980px) {
  .footer__info-links--column h3 {
    padding-top: 20px;
  }
}
.footer__info-links--column h3 .accordion__heading--footer {
  width: 100%;
  height: 30px;
  font-family: Blender, helvetica, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  text-transform: uppercase;
  color: #fff;
  padding: 0;
  margin-bottom: 6px;
  border: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
}
.footer__info-links--column h3 .accordion__heading--footer i.ico-plus,
.footer__info-links--column h3 .accordion__heading--footer i.ico-minus {
  display: none;
}
@media screen and (max-width: 980px) {
  .footer__info-links--column h3 .accordion__heading--footer:hover {
    cursor: pointer;
  }
  .footer__info-links--column h3 .accordion__heading--footer i.ico-plus {
    display: block;
  }
  .footer__info-links--column h3 .accordion__heading--footer i.ico-minus {
    display: none;
  }
}
.footer__info-links--column h6 {
  font-family: Soehne, arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 6px;
  font-weight: 400;
  text-transform: none;
}
.footer__info-links--column .col-block {
  display: flex;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.32px;
  justify-content: flex-start;
}
.footer__info-links--column .col-block a {
  cursor: pointer;
  text-decoration: none;
  color: #b3b3b3;
  font-weight: 400;
}
.footer__info-links--column .col-block .footer-ico {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  padding: 7px;
  border: 1px solid #b3b3b3;
  border-radius: 5px;
  transition: border-color 0.25s ease-out;
}
.footer__info-links--column .col-block .footer-ico:hover {
  border: 1px solid #fff;
}
.footer__info-links--column .ico-row {
  flex-direction: row;
  margin-bottom: 12px;
}
.footer__info-links--column .accordion__content--footer {
  height: auto;
  overflow: hidden;
}
.footer__info-links--column .accordion__content--footer li a {
  color: #b3b3b3;
  text-decoration: none;
  display: inline-block;
  width: 100%;
  height: inherit;
  padding: 0 0 12px;
}
@media screen and (max-width: 980px) {
  .footer__info-links--column .accordion__content--footer li a {
    border: 0;
    padding: 0px 0 20px;
  }
}
.footer__info-links--column .accordion__content--footer li a:hover,
.footer__info-links--column .accordion__content--footer li button:hover {
  text-decoration: underline;
}
.footer__info-links--column .accordion__content--footer li button {
  display: flex;
  color: #b3b3b3;
  font-family: Soehne, arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.32px;
}
@media screen and (max-width: 980px) {
  .footer__info-links--column .accordion__content--footer {
    /* For Safari 3.1 to 6.0 */
    transition: height 0.2s ease-out;
  }
}
.footer__info-links--column .vertical {
  display: block;
}
.footer__info-links--column .horizontal {
  display: none;
}
@media screen and (max-width: 980px) {
  .footer__info-links--column .vertical {
    display: none;
  }
  .footer__info-links--column .horizontal {
    display: block;
  }
}
.footer__info-links--column div {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: start;
}
.footer__info-links--column div a {
  margin: 4px 2.7%;
  color: #999;
  font-weight: 700;
  text-decoration: none;
}
.footer__info-links--column div a:hover {
  color: #fff;
}
@media screen and (max-width: 980px) {
  .footer__info-links--column div {
    font-size: 29.6px;
    justify-content: center;
    border: none;
  }
}
@media screen and (max-width: 980px) {
  .footer__info-links--column div {
    font-size: 22.5px;
    justify-content: left;
    padding-bottom: 24px;
  }
}
@media screen and (max-width: 980px) {
  .footer__info-links--column {
    width: 50%;
    padding: 0 30px 15px;
    flex: 1 0 auto;
  }
}
@media screen and (max-width: 980px) {
  .footer__info-links--column {
    width: 100%;
    padding: 0 15px;
    border-bottom: solid 1px #4d4d4d;
  }
  .footer__info-links--column:first-child, .footer__info-links--column:nth-child(5) {
    border: none;
  }
}
.footer__contact {
  background-color: #3b3b3b;
  color: #ccc;
  text-align: center;
  font-size: 10px;
  padding: 10px 15px;
  line-height: 1.4;
}
.footer__contact--list {
  max-width: 1200px;
  margin: 0 auto;
}
.footer__contact--list a {
  color: #ccc;
}
.footer__contact--list a:hover {
  text-decoration: none;
}
.footer__thirdPartyLinksWrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 24px;
}
@media screen and (max-width: 980px) {
  .footer__thirdPartyLinksWrapper {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }
}
.footer__thirdPartyLinksWrapper .appHandlesContainer {
  display: flex;
  justify-content: flex-start;
  gap: 12px;
}
@media screen and (max-width: 980px) {
  .footer__thirdPartyLinksWrapper .appHandlesContainer {
    flex-direction: column;
    align-items: flex-start;
  }
}
.footer__thirdPartyLinksWrapper .paymentProvidersContainer {
  display: flex;
  justify-content: flex-end;
  gap: 24px;
}
.footer__thirdPartyLinksWrapper .paymentProvidersContainer img {
  max-height: 22px;
}
@media screen and (max-width: 980px) {
  .footer__thirdPartyLinksWrapper .paymentProvidersContainer {
    display: none;
  }
}

.modal-container {
  padding-top: 20px;
  position: relative;
}
.modal-container .modal-btn {
  display: block;
  margin: 0 auto;
  cursor: pointer;
  padding: 1px;
}
.modal-container .modal-btn > span {
  padding: 10px 20px !important;
}
.modal-container .modal-content,
.modal-container .modal-backdrop {
  height: 0;
  width: 0;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  cursor: pointer;
  transition: opacity 0.2s ease-in;
}
.modal-container .modal-close {
  position: absolute;
  top: 15px;
  right: 15px;
  padding-top: 3px;
  cursor: pointer;
  background: #262626;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  text-align: center;
}
@media (max-width: 980px) {
  .modal-container .modal-close {
    padding-top: 0;
  }
}
.modal-container .modal-close:hover {
  background: #4d4d4d;
}
.modal-container #modal-toggle {
  display: none;
}
.modal-container #modal-toggle.active ~ .modal-backdrop, .modal-container #modal-toggle:checked ~ .modal-backdrop {
  background-color: rgba(0, 0, 0, 0.8);
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9;
  visibility: visible;
  opacity: 1;
  transition: opacity 0.2s ease-in;
}
.modal-container #modal-toggle.active ~ .modal-content, .modal-container #modal-toggle:checked ~ .modal-content {
  opacity: 1;
  width: calc(100% - 48px);
  max-width: 1260px;
  min-height: 370px;
  max-height: calc(100vh - 60px);
  background-color: #151515;
  border-radius: 8px;
  padding: 60px;
  margin: 0 auto;
  position: fixed;
  top: 20%;
  z-index: 999;
  pointer-events: auto;
  cursor: auto;
  visibility: visible;
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
}
@media (max-width: 980px) {
  .modal-container #modal-toggle.active ~ .modal-content, .modal-container #modal-toggle:checked ~ .modal-content {
    padding: 40px 60px;
    max-width: 800px;
    left: 3%;
  }
}

.locale-selector-modal-scrollWrap {
  margin-top: 30px;
  display: block !important;
}

.locale-selector-modal-columnWrap {
  display: flex !important;
  gap: 30px;
  justify-content: space-between !important;
  margin-top: 30px;
}
.locale-selector-modal-columnWrap > div {
  display: block !important;
}
.locale-selector-modal-columnWrap a {
  margin: 0 !important;
  font-weight: 400 !important;
}

.locale-selector-modal-bucketWrap {
  display: block !important;
  cursor: pointer;
  margin: 30px auto;
  border-left: 3px solid #4d4d4d !important;
  padding-left: 20px;
}
@media (max-width: 980px) {
  .locale-selector-modal-bucketWrap {
    padding-bottom: 0 !important;
  }
}
.locale-selector-modal-bucketWrap:hover {
  border-color: #fff;
}
.locale-selector-modal-bucketWrap:hover p {
  color: #fff;
}
.locale-selector-modal-bucketWrap h4 {
  font-size: 18px;
  margin: 0;
}
.locale-selector-modal-bucketWrap p {
  color: #b3b3b3;
}
@media (max-width: 980px) {
  .locale-selector-modal-bucketWrap p {
    font-size: 16px !important;
  }
}

.footer-legal .disclaimer {
  padding-bottom: 12px;
  margin-top: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #4d4d4d;
}
.footer-legal .disclaimer p {
  margin-bottom: 12px;
}
.footer-legal .footer-menu {
  display: flex;
  flex-flow: row wrap;
  margin: 0 auto 12px;
  align-items: center;
  justify-content: center;
  max-width: 700px;
}
.footer-legal .footer-menu a {
  font-family: Soehne, arial, sans-serif;
  font-size: 14px;
  letter-spacing: 0.02em;
  font-weight: 400;
  color: #b3b3b3;
  margin-bottom: 18px;
  margin-right: 24px;
  text-decoration: underline;
}

.ChatButton_wrap__HYG4a:disabled {
  cursor: not-allowed;
}

.ChatButton_wrap__HYG4a {
  display: inline-flex;
  padding: 12px 14px 10px;
  justify-content: center;
  align-items: center;
  background-color: #6d30b6;
  position: fixed;
  bottom: 40px;
  right: 0;
  z-index: 100;
  cursor: pointer;
}

.btn-chat-footer {
  display: flex;
  color: #b3b3b3;
  font-family: Soehne, arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.32px;
}

.btn-chat-footer:hover {
  text-decoration: underline;
}

.btn-chat-footer[disabled] {
  opacity: 0.7;
}

.ChatButton_wrap__HYG4a svg path {
  fill: #fff;
}

.ChatButton_icon__SWrzh,
.ChatButton_wrap__HYG4a svg {
  width: 16px;
  height: 16px;
}

.ChatButton_textContent__sIovA {
  font-size: 14px;
  font-family: Blender, helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.52px;
  text-transform: uppercase;
  color: #fff;
  max-width: 0;
  opacity: 0;
  white-space: nowrap;
  transition: all 0.3s ease-in-out;
  margin-left: 0;
}

.ChatButton_wrap__HYG4a:hover .ChatButton_textContent__sIovA {
  max-width: 700px;
  opacity: 1;
  margin-left: 6px;
}

.title-section {
  display: flex;
  gap: 24px;
  position: relative;
  width: auto;
}
@media (max-width: 980px) {
  .title-section {
    flex-direction: column !important;
  }
}
.title-section-content {
  width: 576px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 24px;
  flex-shrink: 0;
  z-index: 100;
  min-width: auto;
  align-self: center;
}
@media (max-width: 980px) {
  .title-section-content {
    width: 100%;
    padding-right: 24px;
    padding-left: 24px;
  }
}
@media (max-width: 600px) {
  .title-section-content {
    padding-right: 12px;
    padding-left: 12px;
  }
}

.title-section-video-wrapper {
  width: 100%;
  position: relative;
  z-index: 11;
}

.title-section-img-wrap {
  flex-grow: 1;
  display: flex;
  align-items: center;
}

.title-img .title-interestRateContainer {
  position: absolute;
  max-width: 400px;
  width: 100%;
  padding: 20px;
  top: 50%;
  z-index: 11;
  background-color: #262626;
  border-radius: 6px;
  display: grid;
  transform: translate(-50%, -50%);
  left: 50%;
  border-left: 8px solid #6d30b6;
}

.title-img .title-interestRateContainer span {
  position: relative;
  top: -2px;
  text-align: center;
  color: #fff;
  font-size: 52px;
  font-weight: 700;
}

@media (max-width: 480px) {
  .title-img .title-interestRateContainer span {
    font-size: 36px;
  }
  .title-img .title-interestRateContainer {
    max-width: 60%;
    padding: 15px;
  }
}
.video-container {
  position: relative;
  width: 100%;
  height: auto;
  border-radius: 12px;
  overflow: hidden;
}

.video-iframe {
  width: 100%;
  height: 100%;
  position: relative;
  aspect-ratio: 16/9;
}
.video-iframe.video-square {
  aspect-ratio: 1/1;
}
.video-iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.video-initcontrols {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
}
.video-initcontrols .video-player-playpause {
  width: 20%;
  max-width: 180px;
  min-width: 90px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  box-shadow: 0 0 180px 180px rgba(0, 0, 0, 0.2);
  transition: all 0.2s ease 0s;
}
.video-initcontrols .video-player-playpause svg {
  position: relative;
  width: 100%;
  height: 100%;
  transition: all 0.2s ease 0s;
  z-index: 2;
}
.video-initcontrols .video-player-playpause span {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: all 0.2s ease 0s;
}
.video-initcontrols .video-player-playpause:hover {
  background: rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 240px 240px rgba(0, 0, 0, 0.3);
}
.video-initcontrols .video-player-playpause:hover svg {
  scale: 1.1;
}
.video-initcontrols .video-player-playpause:hover svg [stroke] {
  stroke: #ff6101;
}
.video-initcontrols .video-player-playpause:hover svg [fill] {
  fill: #ff6101;
}
.video-initcontrols .video-player-playpause:hover span {
  background: rgba(0, 0, 0, 0.2);
}

.Video_progressBar {
  height: 5px;
  background: #ddd;
  position: relative;
  cursor: pointer;
  width: 100%;
  margin: 22px 6px;
  z-index: 2;
}

.Video_progressBar:after,
.Video_progressBar:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 15px;
}

.Video_progressBar:before {
  top: -12px;
}

.Video_progressBar:after {
  bottom: -12px;
}

.Video_progressIndicator {
  height: 5px;
  background: #ff6101;
  transition: width 0.1s;
  max-width: 100%;
}

.Video_hoverIndicator {
  position: absolute;
  top: -10px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #ff6101;
  margin-left: -12px;
}

.Video_thumbnail {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 1;
}

.Video_thumbnail img {
  max-width: 100%;
  height: auto !important;
}

.VideoStarted .Video_thumbnail {
  opacity: 0;
  height: 0;
  transition: all 0s linear 0.3s, opacity 0.2s ease 0.1s;
  left: -9999px;
}

.Video_controlsWrapper {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 0;
}

[dir=ltr] .Video_controlsWrapper {
  left: -9999px;
  transition: all 0.3s ease 0s, left 0s linear 0.3s;
}

[dir=rtl] .Video_controlsWrapper {
  right: -9999px;
  transition: all 0.3s ease 0s, right 0s linear 0.3s;
}

.Video_controlsWrapper:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 90px;
  background: linear-gradient(0deg, transparent, rgba(0, 0, 0, 0.6));
}

.Video_controlsWrapper:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.6));
  width: 100%;
  height: 90px;
}

.Video_controlsWrapper.Video_controlsVisible {
  opacity: 1;
  left: 0;
  transition: all 0.3s ease 0s, left 0s linear 0s;
}

.Video_controls {
  position: relative;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  padding: 10px;
  z-index: 2;
}

.Video_controls .Video_mainControls > button,
.Video_controls > button {
  padding: 6px;
  margin: 0 6px;
  font-weight: 700;
  z-index: 3;
}

@media (max-width: 780px) {
  .Video_controls .Video_mainControls > button,
  .Video_controls > button {
    margin: 0;
  }
  [dir=ltr] .Video_controls .Video_mainControls > button:first-child,
  [dir=ltr] .Video_controls > button:first-child {
    padding-left: 0;
  }
  [dir=ltr] .Video_controls .Video_mainControls > button:last-child,
  [dir=ltr] .Video_controls > button:last-child,
  [dir=rtl] .Video_controls .Video_mainControls > button:first-child,
  [dir=rtl] .Video_controls > button:first-child {
    padding-right: 0;
  }
  [dir=rtl] .Video_controls .Video_mainControls > button:last-child,
  [dir=rtl] .Video_controls > button:last-child {
    padding-left: 0;
  }
}
.Video_controls .Video_mainControls > button:hover svg [stroke],
.Video_controls > button:hover svg [stroke] {
  stroke: #ff6101;
}

.Video_controls .Video_mainControls > button:hover svg [fill],
.Video_controls > button:hover svg [fill] {
  fill: #ff6101;
}

@media (max-width: 480px) {
  .Video_controls:not(.Video_alternativeControls) .Video_playerFfwd,
  .Video_controls:not(.Video_alternativeControls) .Video_playerRwnd {
    display: none;
  }
}
.Video_hideCursor {
  cursor: none;
}

.Video_mainControls {
  display: flex;
}

.Video_alternativeControls .Video_mainControls {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: space-between;
  width: 60%;
  max-width: 480px;
  margin: 0 auto;
  position: absolute;
  top: 50%;
}

[dir=ltr] .Video_alternativeControls .Video_mainControls {
  left: 50%;
  transform: translate(-50%, -50%);
}

[dir=rtl] .Video_alternativeControls .Video_mainControls {
  right: 50%;
  transform: translate(50%, -50%);
}

.Video_alternativeControls .Video_playerFfwd,
.Video_alternativeControls .Video_playerRwnd {
  grid-row: 1;
}

.Video_alternativeControls .Video_playerFfwd svg,
.Video_alternativeControls .Video_playerRwnd svg {
  width: 42px;
  height: 42px;
}

.Video_alternativeControls .Video_playerRwnd {
  grid-row: 1;
  grid-column: 1;
}

.Video_alternativeControls .Video_playerPlayPause {
  margin-top: -5px;
  grid-row: 1;
  grid-column: 2;
}

.Video_alternativeControls .Video_playerPlayPause svg {
  width: 90px;
  height: 90px;
}

.title-content {
  width: 576px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 24px;
  flex-shrink: 0;
  z-index: 100;
  min-width: auto;
}
@media (max-width: 980px) {
  .title-content {
    width: 100%;
  }
}

.title-btn-wrapper {
  margin-top: 18px;
  display: flex;
  gap: 12px;
}
@media (max-width: 600px) {
  .title-btn-wrapper {
    display: grid;
  }
}

.title-img {
  flex-grow: 1;
  display: flex;
  align-items: center;
  align-self: flex-end;
  z-index: 10;
}
@media (max-width: 980px) {
  .title-img {
    width: 100%;
    padding-left: 24px;
    padding-right: 24px;
    align-self: center;
  }
}

.title-img-wrapper {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 980px) {
  .title-img-wrapper {
    max-width: 600px;
    margin: 0 auto;
  }
}
.title-img-wrapper figure {
  z-index: 10;
}
.title-img-wrapper .figcaption {
  position: absolute;
  bottom: 5px;
  color: #ff6101;
  font-family: Blender, helvetica, sans-serif;
  right: 5px;
}
.title-img-wrapper img {
  width: 100%;
  height: auto;
}

.ratings-row-container {
  display: flex;
  background-color: #151515;
  padding-top: 24px;
  padding-bottom: 24px;
}
@media (max-width: 980px) {
  .ratings-row-container {
    display: block;
    padding-top: 12px;
    padding-bottom: 12px;
  }
}

.ratings-box {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 54px;
  padding-top: 5px;
  flex: 1 1 auto;
  border-right: 1px solid #b3b3b3;
}
@media (max-width: 980px) {
  .ratings-box {
    border-bottom: 1px solid #b3b3b3;
    border-right: none;
    margin: 0 auto;
    max-width: 300px;
    height: 64px;
  }
}
.ratings-box.txt-only {
  border: none;
}
.ratings-box.txt-only span {
  font-size: 18px;
  line-height: 27px;
  font-weight: 300;
}
.ratings-box:last-child {
  border-right: none;
}
@media (max-width: 980px) {
  .ratings-box:last-child {
    border-bottom: none;
  }
}
.ratings-box a {
  text-decoration: none;
}
.ratings-box span {
  color: #fff;
  font-weight: 400;
}
.ratings-box span.app-dl {
  text-transform: uppercase;
  font-weight: 700;
}
.ratings-box .content {
  display: flex;
  gap: 12px;
  align-items: center;
}
.ratings-box .content .txt-score {
  font-size: 20px;
  font-weight: 700;
}
.ratings-box .starsWrapper {
  display: flex;
  align-items: center;
  gap: 2px;
}

.product-table-group {
  max-width: 1224px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
}

.pricing-row {
  position: relative;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
.pricing-row .title-img-right {
  width: calc(50vw + 24px);
  margin-right: 0;
  margin-left: 0;
  padding-left: 24px;
  z-index: 10;
}
.pricing-row .title-img-right .title-img-wrapper {
  position: relative;
  width: 100%;
  height: auto;
}
.pricing-row .title-img-right img {
  width: 100%;
  height: auto;
}
.pricing-row .feature-grid {
  display: flex;
  gap: 24px;
  position: relative;
  width: auto;
  margin-right: 0;
  margin-left: calc(50% - 600px);
}
.pricing-row .feature-grid .title-section-content {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 24px;
  flex-shrink: 1;
  z-index: 100;
  min-width: auto;
  width: 696px;
}
@media (max-width: 980px) {
  .pricing-row .feature-grid .title-section-content {
    width: 100%;
  }
}
.pricing-row .feature-grid .title-section-content h2.heading {
  font-size: 48px;
  line-height: 115%;
  margin: 0 auto;
}

.pdf-wrap {
  padding-bottom: 50px;
}
.pdf-wrap .pdf-box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 38px;
       column-gap: 38px;
  row-gap: 24px;
}
@media (max-width: 980px) {
  .pdf-wrap .pdf-box {
    grid-template-columns: 1fr;
    -moz-column-gap: 0;
         column-gap: 0;
    row-gap: 12px;
  }
}
.pdf-wrap .pdf-box a {
  text-decoration: none;
}
.pdf-wrap .pdf-box .download-content {
  display: flex;
  align-items: center;
  padding: 16px;
  gap: 8px;
  background: #151515;
  color: #fff;
  border-left: 2px solid #6d30b6;
}
.pdf-wrap .pdf-box .download-content i {
  flex-shrink: 0;
}
.pdf-wrap .pdf-box .download-content p {
  font-size: 16px;
  line-height: 20px;
  color: #fff;
}
.pdf-wrap .pdf-box .download-content button {
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.28px;
  text-decoration-line: underline;
  text-transform: capitalize;
  color: #fff;
  margin-left: auto;
}

.inpage-row {
  padding-top: 50px;
  padding-bottom: 50px;
}
.inpage-row .title-section-container {
  position: relative;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
@media (max-width: 980px) {
  .inpage-row .title-section-container {
    flex-direction: column-reverse;
  }
}
.inpage-row .title-section-container > .title-img-right {
  z-index: 10;
  width: calc(50vw + 64px);
  min-width: 420px;
  padding-left: 20px;
}
.inpage-row .title-section-container > .title-img-right > figure, .inpage-row .title-section-container > .title-img-right > img {
  width: 100%;
  height: auto;
}
.inpage-row .title-section-container > .title-img-right figure img.img-600 {
  max-width: 600px !important;
}
.inpage-row .title-section-container .title-content {
  display: flex;
  gap: 24px;
  position: relative;
  width: auto;
  margin-right: 0;
  margin-left: calc(50% - 600px);
}
@media (max-width: 980px) {
  .inpage-row .title-section-container .title-content {
    margin-left: 0;
  }
}
@media (max-width: 980px) {
  .inpage-row .title-section-container .title-content > .title-section-content {
    width: auto;
    padding-right: 24px;
    padding-left: 24px;
  }
}
.inpage-row .title-section-container .title-content h2.heading {
  font-size: 58px;
  line-height: 115%;
}
.inpage-row .title-section-container .title-content h2.heading.heading-small {
  font-size: 48px;
}
@media (max-width: 600px) {
  .inpage-row .title-section-container .title-content h2.heading.heading-small {
    font-size: 36px;
  }
}
.inpage-row .heading-wrap {
  display: flex;
  flex-direction: column;
  gap: 24px;
  z-index: 10;
  position: relative;
}

#chat-row.bg-1 {
  background-image: none;
}

.chat-row {
  position: relative;
  z-index: 100;
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (max-width: 980px) {
  .chat-row {
    padding: 50px 24px;
  }
}
.chat-row .chat-wrap {
  display: flex;
  align-items: center;
  gap: 50px;
}
.chat-row .chat-wrap .tiles-wrap {
  display: flex;
  flex-direction: column;
  gap: 11px;
  width: 50%;
}
.chat-row .chat-wrap .tiles-wrap .tiles-wrap-sm {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 11px;
}
.chat-row .chat-wrap .tiles-wrap .tiles-wrap-sm .tile-wrap-highlight {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 12px 18px;
  align-items: flex-start;
  justify-content: space-between;
  background-color: #151515;
  border-radius: 8px;
  border: 1px solid #6d30b6;
}
.chat-row .chat-wrap .tiles-wrap .tiles-wrap-sm .tile-wrap-highlight h6.heading {
  margin-top: 0;
  margin-bottom: 0;
  text-transform: uppercase;
}
.chat-row .chat-wrap .tiles-wrap .tiles-wrap-sm .tile-wrap-highlight .items-wrap {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.chat-row .chat-wrap .tiles-wrap .tiles-wrap-sm .tile-wrap-highlight .items-wrap p {
  color: #b3b3b3;
  font-size: 12px !important;
  line-height: 18px;
  letter-spacing: 0.32px;
  font-family: Soehne, arial, sans-serif;
}
.chat-row .chat-wrap .tiles-wrap .tiles-wrap-sm .tile-wrap-highlight .items-wrap .info > * {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  color: #fff;
  font-family: Blender, helvetica, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  text-transform: uppercase;
}
.chat-row .chat-wrap .tiles-wrap .tiles-wrap-sm .tile-wrap-highlight .items-wrap .info > :hover {
  color: #ff6101;
}

.carousel {
  position: relative;
}

.carousel-inner {
  position: relative;
  width: 100%;
  margin-top: 50px;
}

.carousel-open:checked + .carousel-item {
  position: static;
  opacity: 100;
}

.carousel-item {
  position: absolute;
  opacity: 0;
  transition: opacity 0.6s ease-out;
  display: flex;
}
@media (max-width: 980px) {
  .carousel-item {
    display: block;
  }
}
.carousel-item .feature-title {
  width: 50%;
  padding-right: 30px;
}
@media (max-width: 980px) {
  .carousel-item .feature-title {
    width: 100%;
    padding-right: 0;
    padding-bottom: 30px;
  }
}
.carousel-item .feature-title h3 {
  font-size: 28px;
  padding-bottom: 16px;
}
.carousel-item .feature-title p {
  color: #fff;
}
.carousel-item img {
  display: block;
  height: auto;
  max-width: 100%;
  min-width: 900px;
}
@media (max-width: 980px) {
  .carousel-item img {
    min-width: 400px;
    max-width: 450px;
  }
}

.carousel-control {
  color: #fff;
  display: none;
  position: absolute;
  cursor: pointer;
  z-index: 10;
  width: 44px;
  height: 44px;
  border: 1px solid #fff;
  padding: 10px 14px;
  border-radius: 50%;
}
.carousel-control svg {
  height: 15px;
  width: 15px;
}

.carousel-control.prev {
  left: 0;
  bottom: 0;
}
@media (max-width: 600px) {
  .carousel-control.prev {
    left: 35%;
    bottom: -60px;
  }
}

.carousel-control.next {
  left: 5%;
  bottom: 0;
}
@media (max-width: 980px) {
  .carousel-control.next {
    left: 8%;
  }
}
@media (max-width: 600px) {
  .carousel-control.next {
    left: 55%;
    bottom: -60px;
  }
}
.carousel-control.next svg {
  transform: rotate(180deg);
}

#carousel-1:checked ~ .control-1,
#carousel-2:checked ~ .control-2,
#carousel-3:checked ~ .control-3,
#carousel-4:checked ~ .control-4,
#carousel-5:checked ~ .control-5,
#carousel-6:checked ~ .control-6,
#carousel-7:checked ~ .control-7 {
  display: block;
}

.carousel-indicators {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: -50px;
  left: 0;
  right: 0;
  text-align: left;
  z-index: 10;
}

.tabsbar-wrap {
  display: flex;
  gap: 24px;
}
.tabsbar-wrap div {
  flex-grow: 1;
  flex-shrink: 0;
}
.tabsbar-wrap .slideshow-btn {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 0 0;
  color: #b3b3b3;
  font-size: 16px;
  line-height: 20px;
}
.tabsbar-wrap .slideshow-btn .tab-icon-wrap {
  display: flex;
  align-items: center;
}
.tabsbar-wrap .slideshow-btn .tab-icon-wrap img {
  width: 24px;
  height: 24px;
}

.carousel-indicators li {
  display: inline-block;
  margin: 0 5px;
}
.carousel-indicators li:first-child {
  margin: 0;
}
.carousel-indicators li:nth-child(3) {
  margin-left: 510px;
}
@media (max-width: 980px) {
  .carousel-indicators li:nth-child(3) {
    margin-left: 320px;
  }
}
@media (max-width: 600px) {
  .carousel-indicators li:nth-child(3) {
    margin-left: 100px;
  }
}
.carousel-indicators li.third-item {
  margin-left: 0;
}
.carousel-indicators li.fourth-item {
  margin-left: 450px;
}

.carousel-bullet {
  cursor: pointer;
  display: block;
  background-color: #4d4d4d;
  height: 2px;
  width: 38px;
}

#carousel-1:checked ~ .control-1 ~ .carousel-indicators li:nth-child(1) .carousel-bullet,
#carousel-2:checked ~ .control-2 ~ .carousel-indicators li:nth-child(2) .carousel-bullet,
#carousel-3:checked ~ .control-3 ~ .carousel-indicators li:nth-child(3) .carousel-bullet,
#carousel-4:checked ~ .control-4 ~ .carousel-indicators li:nth-child(4) .carousel-bullet,
#carousel-5:checked ~ .control-5 ~ .carousel-indicators li:nth-child(5) .carousel-bullet,
#carousel-6:checked ~ .control-6 ~ .carousel-indicators li:nth-child(6) .carousel-bullet,
#carousel-7:checked ~ .control-7 ~ .carousel-indicators li:nth-child(7) .carousel-bullet {
  background-color: #fff;
  height: 3px;
}

#title {
  width: 100%;
  position: absolute;
  padding: 0px;
  margin: 0px auto;
  text-align: center;
  font-size: 27px;
  color: rgb(255, 255, 255);
  font-family: "Open Sans", sans-serif;
  z-index: 9999;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.33), -1px 0px 2px rgba(255, 255, 255, 0);
}

.main {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.wrapper {
  overflow: hidden;
  position: relative;
}

.content h1 {
  margin-bottom: 1rem;
  font-size: 3.5rem;
}

.content p {
  margin-bottom: 1.5rem;
  font-family: open sans;
}

.content button {
  border: none;
  background-color: #7bcc3c;
  text-transform: uppercase;
  letter-spacing: 3px;
  padding: 1rem 2.5rem;
  cursor: pointer;
}

.content button:active {
  transform: scale(0.96);
}

.images {
  /*max-width: 830px;*/
  height: 500px;
  display: flex;
}
.images .image {
  height: 100%;
  width: 100%;
  flex-grow: 1;
  flex-shrink: 0;
  display: flex;
  justify-content: space-between;
}
.images .image .feature-title {
  width: 25%;
  color: #f8f8f8;
}
.images .image .feature-title h3 {
  font-size: 28px;
  line-height: 35px;
  padding-bottom: 16px;
}
.images .image .feature-title p {
  font-size: 16px;
  line-height: 1.38;
  color: #fff;
}
.images .image .feature-title .title-btn-wrapper {
  margin-left: 5px;
}
.images .image .feature-img {
  width: 70%;
}

.navigation {
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

.navigation .right,
.navigation .left {
  height: 44px;
  width: 44px;
  border: 1px solid #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
  cursor: pointer;
  margin-left: 8px;
  margin-right: 8px;
}
.navigation .right svg,
.navigation .left svg {
  height: 15px;
  width: 15px;
}

.navigation .right svg {
  transform: rotate(180deg);
}

.images {
  transition: transform 0.35s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.slideshow-wrapper {
  padding-top: 80px;
  padding-bottom: 80px;
}
.slideshow-wrapper .heading-wrap {
  margin-bottom: 46px;
}
.slideshow-wrapper .heading-wrap h2.heading {
  font-size: 48px;
  line-height: 115%;
}
.slideshow-wrapper .slideshow-tabs-wrap {
  display: flex;
  flex-direction: column;
  gap: 46px;
}
.slideshow-wrapper .slideshow-tabs-wrap .tabsbar-wrap {
  display: flex;
  gap: 24px;
}
.slideshow-wrapper .slideshow-tabs-wrap .tabsbar-wrap div {
  flex-grow: 1;
  flex-shrink: 0;
}
.slideshow-wrapper .slideshow-tabs-wrap .tabsbar-wrap .slideshow-btn {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 0 0;
  color: #b3b3b3;
  font-size: 16px;
  line-height: 20px;
}
.slideshow-wrapper .slideshow-tabs-wrap .tabsbar-wrap .slideshow-btn.active {
  color: #fff;
}
.slideshow-wrapper .slideshow-tabs-wrap .tabsbar-wrap .slideshow-btn .tab-icon-wrap {
  display: flex;
  align-items: center;
}
.slideshow-wrapper .slideshow-tabs-wrap .tabsbar-wrap .slideshow-btn .tab-icon-wrap img {
  width: 24px;
  height: 24px;
}
.slideshow-wrapper .slideshow-tabs-wrap .tabsbar-wrap .lines-wrap {
  margin-top: 20px;
  display: flex;
  gap: 8px;
}
.slideshow-wrapper .slideshow-tabs-wrap .tabsbar-wrap .lines-wrap .tab-line {
  width: 38px;
  height: 2px;
  background-color: #4d4d4d;
  cursor: auto;
  pointer-events: none;
}
.slideshow-wrapper .slideshow-tabs-wrap .tabsbar-wrap .lines-wrap .tab-line.line-active {
  background-color: #fff;
  height: 3px;
}
.slideshow-wrapper .slideshow-tabs-wrap .slides-wrap {
  position: relative;
}
.slideshow-wrapper .slideshow-tabs-wrap .slides-wrap > div {
  border-bottom: 0;
}
.slideshow-wrapper .slideshow-tabs-wrap .slides-wrap [data-carousel-arrows] {
  position: absolute;
  left: 0;
  bottom: 0;
}
.slideshow-wrapper .slideshow-tabs-wrap .slides-wrap [data-carousel-arrows] > div {
  justify-content: space-between;
}
.slideshow-wrapper .slideshow-tabs-wrap .slides-wrap [data-carousel-arrows] button:not([data-carousel-line]) svg {
  width: 44px;
  height: 44px;
  border: 1px solid #fff;
  padding: 14px;
  border-radius: 50%;
}
.slideshow-wrapper .slideshow-tabs-wrap .slides-wrap .slides-wrapper-wrap {
  overflow: hidden;
}
.slideshow-wrapper .slideshow-tabs-wrap .slides-wrap .slide-list-wrap {
  display: flex;
  transition: transform 0.4s ease;
}
.slideshow-wrapper .slideshow-tabs-wrap .slides-wrap .slide-list-wrap .slide-wrap {
  min-width: 100%;
  opacity: 0;
  transition: opacity 0.4s ease;
}
.slideshow-wrapper .slideshow-tabs-wrap .slides-wrap .slide-list-wrap .slide-wrap.wrap-active {
  opacity: 1;
}
.slideshow-wrapper .slideshow-tabs-wrap .slides-wrap .slide-list-wrap .slide-wrap .slide-flex {
  display: flex;
  gap: 64px;
}
.slideshow-wrapper .slideshow-tabs-wrap .slides-wrap .slide-list-wrap .slide-wrap .slide-flex .slide-feature-wrap {
  width: 306px;
}
.slideshow-wrapper .slideshow-tabs-wrap .slides-wrap .slide-list-wrap .slide-wrap .slide-flex .slide-feature-wrap .feature {
  display: flex;
  flex-direction: column;
  gap: 16px;
  color: #f8f8f8;
}
.slideshow-wrapper .slideshow-tabs-wrap .slides-wrap .slide-list-wrap .slide-wrap .slide-flex .slide-feature-wrap .feature .feature-title {
  font-size: 28px;
  line-height: 35px;
}
.slideshow-wrapper .slideshow-tabs-wrap .slides-wrap .slide-list-wrap .slide-wrap .slide-flex .slide-feature-wrap .featue-secondary {
  overflow: hidden;
}
.slideshow-wrapper .slideshow-tabs-wrap .slides-wrap .slide-list-wrap .slide-wrap .slide-flex .title-btn-wrapper {
  margin-top: 24px;
  padding-left: 5px;
}
.slideshow-wrapper .slideshow-tabs-wrap .slides-wrap .slide-list-wrap .slide-wrap .slide-img-right {
  width: 100%;
  height: auto;
}
.slideshow-wrapper .slideshow-tabs-wrap .slides-wrap .arrow-nav-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
}
.slideshow-wrapper .slideshow-tabs-wrap .slides-wrap .arrow-nav-wrap .arrow {
  display: flex;
  align-items: center;
  margin-left: 8px;
  margin-right: 8px;
}
.slideshow-wrapper .slideshow-tabs-wrap .slides-wrap .arrow-nav-wrap .arrow:last-child {
  transform: rotate(180deg);
}

.column-L-platform {
  width: 40%;
  flex-basis: 40%;
}
@media (max-width: 980px) {
  .column-L-platform {
    width: 100%;
    flex-basis: 100%;
  }
}

.column-R-platform {
  width: 60%;
  flex-basis: 60%;
}
@media (max-width: 980px) {
  .column-R-platform {
    width: 100%;
    flex-basis: 100%;
  }
}
.column-R-platform .heading-txt {
  height: 32px;
}
.column-R-platform .feature-txt {
  margin-bottom: 32px;
}

.container-img-wrap-left {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.container-img-wrap-left .title-img-left {
  width: calc(48vw + 20px);
  padding-right: 20px;
  padding-left: 0;
  z-index: 10;
  min-width: 420px;
}
.container-img-wrap-left .title-img-left .title-img-wrapper {
  position: relative;
  width: 100%;
  height: auto;
}
.container-img-wrap-left .title-img-left figure, .container-img-wrap-left .title-img-left img {
  width: 100%;
  height: auto;
}

.column-L-choice {
  width: 50%;
  flex-basis: 50%;
}
@media (max-width: 980px) {
  .column-L-choice {
    width: 100%;
    flex-basis: 100%;
  }
}

.column-R-choice {
  width: 45%;
  flex-basis: 45%;
}
@media (max-width: 980px) {
  .column-R-choice {
    width: 100%;
    flex-basis: 100%;
  }
}

.spacer-choice {
  width: 100%;
  height: 160px;
}
@media (max-width: 980px) {
  .spacer-choice {
    display: none;
  }
}

.feature-grid-lg {
  padding-top: 72px;
  padding-bottom: 72px;
}
.feature-grid-lg .feature-txt {
  margin-bottom: 32px;
}
.feature-grid-lg .txt-wrap {
  margin-bottom: 48px;
  color: #fff;
}
.feature-grid-lg .feature-wrap .feature-box .feature-ico img {
  height: 40px;
  width: 40px;
}
.feature-grid-lg .feature-wrap .feature-box .title-btn-wrapper {
  margin-top: 0;
}

.faq-wrap {
  display: flex;
  justify-content: space-between;
  gap: 36px;
  margin-top: 64px;
  margin-bottom: 64px;
}
@media (max-width: 600px) {
  .faq-wrap {
    flex-direction: column;
    gap: 24px;
    margin-top: 36px;
    margin-bottom: 36px;
  }
}
.faq-wrap h2 {
  color: #fff;
  font-size: 48px;
  line-height: 60px;
  font-weight: 400;
}
@media (max-width: 600px) {
  .faq-wrap h2 {
    font-size: 36px;
    line-height: 45px;
  }
}
.faq-wrap .faq-content {
  max-width: 720px;
}

.column-L-pricing {
  width: 30%;
  flex-basis: 30%;
}
@media (max-width: 980px) {
  .column-L-pricing {
    width: 100%;
  }
}

.column-R-pricing {
  width: 65%;
  flex-basis: 65%;
}

.horizontal-menu-bar {
  display: flex;
  align-items: center;
  width: 100%;
  background: #151515;
  border-bottom: 1px solid #262626;
}
.horizontal-menu-bar .horizontal-menu-wrap {
  display: flex;
  margin: auto;
  overflow-x: auto;
}
.horizontal-menu-bar .horizontal-menu-wrap .tab-item {
  list-style-type: none;
}
.horizontal-menu-bar .horizontal-menu-wrap .tab-item .tab-txt {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  background: #151515;
  color: #b3b3b3;
  font-family: Blender, helvetica, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.52px;
  text-transform: uppercase;
  white-space: nowrap;
  text-decoration: none;
  padding: 15px 16px 14px;
  border-bottom: 2px solid transparent;
  border-left: 2px solid #151515;
}
.horizontal-menu-bar .horizontal-menu-wrap .tab-item .tab-txt:hover {
  background-color: #262626;
  border-bottom: 2px solid #ff6101;
}

ul.tabs {
  margin: 0;
  padding: 0;
  float: left;
  list-style: none;
  width: 100%;
}

ul.tabs li {
  float: left;
  margin: 0;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  background: #151515;
  color: #b3b3b3;
  font-family: Blender, helvetica, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.52px;
  text-transform: uppercase;
  white-space: nowrap;
  text-decoration: none;
  padding: 15px 16px 14px;
  border-bottom: 2px solid transparent;
  border-left: 2px solid #151515;
}
ul.tabs li:hover, ul.tabs li.active {
  background-color: #262626;
  border-bottom: 2px solid #ff6101;
  display: block;
}
ul.tabs li.active {
  color: #fff;
}

.tab_container {
  border-top: none;
  clear: both;
  width: 100%;
  overflow: auto;
}

.tab_content {
  padding: 20px;
  display: none;
}

.tab_drawer_heading {
  display: none;
}

@media screen and (max-width: 480px) {
  .tabs {
    display: none;
  }
  .tab_drawer_heading {
    background-color: #ccc;
    color: #fff;
    border-top: 1px solid #333;
    margin: 0;
    padding: 5px 20px;
    display: block;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
  }
  .d_active {
    background-color: #666;
    color: #fff;
  }
}
.spread-tracker-container {
  overflow: auto;
  padding-bottom: 17px;
}
.spread-tracker-container::-webkit-scrollbar {
  width: 24px;
  height: 24px;
}
.spread-tracker-container::-webkit-scrollbar-button {
  display: none;
  width: 24px;
  height: 24px;
}
.spread-tracker-container::-webkit-scrollbar-button:horizontal:decrement {
  background-image: url(//www.tradu.com//_next/static/media/ArrowLightLeft.b7ae3868.svg);
}
.spread-tracker-container::-webkit-scrollbar-button:horizontal:increment {
  background-image: url(//www.tradu.com//_next/static/media/ArrowLightRight.e1ba467a.svg);
}
.spread-tracker-container::-webkit-scrollbar-thumb {
  border-radius: 0;
  background-clip: content-box;
  background-color: #b3b3b3;
  border-bottom: 9px solid #000;
  border-top: 9px solid #000;
}
.spread-tracker-container::-webkit-scrollbar-track {
  background-color: #262626;
  border-bottom: 10px solid #000;
  border-top: 10px solid #000;
  margin: 8px;
}
.spread-tracker-container::-webkit-scrollbar-button:end:increment, .spread-tracker-container::-webkit-scrollbar-button:start:decrement {
  display: block;
}
.spread-tracker-container .spread-tracker-highlight-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 32px;
  padding: 30px 0;
}
.spread-tracker-container .spread-tracker-highlighted-instrument {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #151515;
  color: #f8f8f8;
  padding-left: 20px;
}
.spread-tracker-container .spread-tracker-instrument-ico-wrapper {
  width: 26px;
  height: 26px;
  border-radius: 50px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.spread-tracker-container .spread-tracker-instrument-name {
  font-size: 20px;
}
.spread-tracker-container .spread-tracker-instrument-percent {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Blender, helvetica, sans-serif;
  font-weight: 700;
  font-size: 24px;
  color: #fff;
  background: #6d30b6;
  width: 80px;
  height: 50px;
  margin-left: auto;
}
.spread-tracker-container .spread-tracker-table-innerwrap {
  width: -moz-fit-content;
  width: fit-content;
}
.spread-tracker-container .spread-tracker-table-innerwrap .spread-tracker-table {
  color: #fff;
  width: 100%;
  border-collapse: separate;
  border-spacing: 1px;
  font-family: Soehne, arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  table-layout: fixed;
}
.spread-tracker-container .spread-tracker-table-innerwrap .spread-tracker-table .spread-tracker-table-thead .spread-tracker-table-cell, .spread-tracker-container .spread-tracker-table-innerwrap .spread-tracker-table .spread-tracker-table-tbody .spread-tracker-table-cell {
  color: #b3b3b3;
  width: 103px;
  padding: 12px 10px;
  text-align: center;
  vertical-align: middle;
}
.spread-tracker-container .spread-tracker-table-innerwrap .spread-tracker-table .spread-tracker-table-thead .spread-tracker-table-cell {
  background: #262626;
}
.spread-tracker-container .spread-tracker-table-innerwrap .spread-tracker-table .spread-tracker-table-thead .spread-tracker-table-cell.cell-blank {
  width: 132px !important;
  padding-inline-start: 24px;
  position: sticky;
  z-index: 10;
  left: 0;
  font-family: Soehne, arial, sans-serif;
  background: #262626;
  color: #fff;
  box-shadow: 2px 0 0 -1px #000;
  border-left: none;
}
.spread-tracker-container .spread-tracker-table-innerwrap .spread-tracker-table .spread-tracker-table-tbody .spread-tracker-table-cell.cell-blank {
  width: 132px !important;
  padding-inline-start: 24px;
  position: sticky;
  z-index: 10;
  left: 0;
  font-family: Soehne, arial, sans-serif;
  background: #151515;
  color: #fff;
  box-shadow: 2px 0 0 -1px #000;
  border-left: none;
}
.spread-tracker-container .spread-tracker-table-innerwrap .spread-tracker-table .spread-tracker-table-thead .cell-percentage {
  font-family: Blender, helvetica, sans-serif;
  color: #fff;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  text-transform: uppercase;
}
.spread-tracker-container .spread-tracker-table-innerwrap .spread-tracker-table .spread-tracker-table-thead .cell-percentage:first-child {
  text-align: start;
  padding: 12px 17px;
}
.spread-tracker-container .spread-tracker-table-innerwrap .spread-tracker-table .cell-selected {
  background-color: #151515;
}
.spread-tracker-container .spread-tracker-table-innerwrap .spread-tracker-bottom {
  width: 100%;
  color: #fff;
  background: #262626;
  padding: 12px 10px;
  text-align: center;
  height: 48px;
}

.spread-tracker-table-legend {
  display: flex;
  gap: 14px;
  margin: 20px 0;
}

.legend-key {
  display: flex;
  align-items: center;
  color: #b3b3b3;
  font-family: Blender, helvetica, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  text-transform: uppercase;
  margin-left: 16px;
}

.legend-item {
  padding: 8px 15px;
  color: #fff;
  font-family: Soehne, arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.24px;
  height: 54px;
  display: flex;
  align-items: center;
  gap: 15px;
}

.legend-item-plus > div,
.legend-item-minus > div,
.legend-item-remove > div {
  padding: 12px;
}

.legend-item-plus > div {
  background: #151515;
}

.legend-item-minus > div {
  background: #262626;
}

.legend-item-remove > div {
  background: none;
}

.product-gp-section {
  max-width: 1224px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 80px;
  padding-top: 80px;
}
.product-gp-section h3 {
  color: #fff;
  font-size: 28px;
  line-height: 35px;
  margin-bottom: 12px;
}
.product-gp-section .product-widget-no-nav .rates-widget .rates-tab, .product-gp-section .product-widget-no-range .rates-widget .rates-tab {
  display: none;
}
.product-gp-section .product-widget-no-nav .rates-widget .rates-table table tbody td.range {
  padding-right: 24px;
}
.product-gp-section .product-widget-no-nav .rates-widget .rates-table table .range .marker svg {
  right: 5px;
}
.product-gp-section .product-widget-no-nav .rates-widget .rates-table table thead th.trade-go, .product-gp-section .product-widget-no-nav .rates-widget .rates-table table tbody td.trade-go, .product-gp-section .product-widget-no-range .rates-widget .rates-table table thead th.trade-go, .product-gp-section .product-widget-no-range .rates-widget .rates-table table tbody td.trade-go, .product-gp-section .product-widget-no-range .rates-widget .rates-table table thead th.range, .product-gp-section .product-widget-no-range .rates-widget .rates-table table tbody td.range {
  display: none;
}

.rebates-section {
  display: flex;
  flex-direction: row;
  gap: 30px;
}
@media (max-width: 980px) {
  .rebates-section {
    display: flex;
    flex-direction: column;
    padding-top: 40px;
    padding-bottom: 60px;
  }
}
.rebates-section .title-section-content {
  width: 66.66%;
  flex: 0 1 auto;
}
.rebates-section .rebates-calculator-container {
  width: 33.33%;
  flex: 0 1 auto;
}

.rebates-calculator-container {
  background-color: #151515;
  padding: 36px;
  border-radius: 15px;
  color: #fff;
  font-family: Soehne, arial, sans-serif;
}
@media (max-width: 980px) {
  .rebates-calculator-container {
    padding: 24px;
  }
}

.rebates-calculator-wrap {
  display: flex;
  flex-direction: column;
}

.rebates-calculator-ticket-size-wrap {
  padding-bottom: 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.rebates-calculator-ticket-size-wrap .rebates-calculator-label {
  font-weight: 300;
}

.rebates-calculator-input-wrap {
  padding: 8px 12px;
  border: 1px solid #4d4d4d;
  background-color: #262626;
  border-radius: 9px;
  color: #fff;
  width: 100%;
  display: flex;
  align-items: baseline;
}
.rebates-calculator-input-wrap input {
  background-color: rgba(0, 0, 0, 0);
  border: none;
  color: #fff;
  flex: 1 0 auto;
  font-size: 19px;
}
.rebates-calculator-input-wrap input:focus {
  outline: none;
}

.rebates-calculator-order-cost-wrap,
.rebates-calculator-we-pay-wrap,
.rebates-calculator-you-pay-wrap {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
  padding-bottom: 24px;
}
.rebates-calculator-order-cost-wrap .rebates-calculator-label,
.rebates-calculator-we-pay-wrap .rebates-calculator-label,
.rebates-calculator-you-pay-wrap .rebates-calculator-label {
  font-weight: 300;
}
.rebates-calculator-order-cost-wrap .rebates-calculator-value,
.rebates-calculator-we-pay-wrap .rebates-calculator-value,
.rebates-calculator-you-pay-wrap .rebates-calculator-value {
  font-weight: 500;
}

.rebates-calculator-we-pay-wrap {
  border-bottom: 1px solid #4d4d4d;
}

.rebates-calculator-you-pay-wrap {
  padding-top: 24px;
}
.rebates-calculator-you-pay-wrap .rebates-calculator-value {
  color: #ff6101;
}

.rebates-calculator-btn-wrap {
  padding-top: 12px;
}
.rebates-calculator-btn-wrap button {
  width: 100%;
}

.ways-to-pay-grid-container {
  display: grid;
  grid-template-columns: 30% auto;
}
@media (max-width: 980px) {
  .ways-to-pay-grid-container {
    grid-template-columns: 1fr;
    gap: 27px;
  }
}
.ways-to-pay-grid-container .txt-wrap {
  display: flex;
  flex-direction: column;
  gap: 24px;
  color: #fff;
  padding-right: 33px;
}
.ways-to-pay-grid-container .txt-wrap h3.heading {
  margin-top: 0;
  margin-bottom: 0;
}
.ways-to-pay-grid-container .txt-wrap p {
  line-height: 150%;
}
.ways-to-pay-grid-container .box-wrap {
  display: flex;
  gap: 16px;
  margin-bottom: 24px;
}
@media (max-width: 980px) {
  .ways-to-pay-grid-container .box-wrap {
    flex-direction: column;
  }
}
.ways-to-pay-grid-container .box-wrap .box {
  padding: 32px;
  border-radius: 5px;
  background: #151515;
}
@media (max-width: 980px) {
  .ways-to-pay-grid-container .box-wrap .box {
    flex: 1 auto;
    padding: 24px;
  }
}
.ways-to-pay-grid-container .box-wrap .box .heading-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 980px) {
  .ways-to-pay-grid-container .box-wrap .box .heading-section {
    flex-direction: column-reverse;
    gap: 6px;
    align-items: flex-start;
    margin-bottom: 12px;
  }
}
.ways-to-pay-grid-container .box-wrap .box .heading-section .title {
  color: #fff;
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
}
.ways-to-pay-grid-container .box-wrap .box .heading-section .tag {
  padding: 2px 4px;
  border-radius: 2px;
  background-color: #6d30b6;
  color: #fff;
  font-family: Blender, helvetica, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  text-transform: uppercase;
}
.ways-to-pay-grid-container .box-wrap .box .content-section {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px;
  padding-top: 24px;
  border-top: 1px solid #4d4d4d;
}
@media (max-width: 980px) {
  .ways-to-pay-grid-container .box-wrap .box .content-section {
    gap: 12px;
    padding-top: 12px;
  }
}
.ways-to-pay-grid-container .box-wrap .box .content-section .benefit-wrap {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.ways-to-pay-grid-container .box-wrap .box .content-section .benefit-wrap .benefit-title {
  color: #fff;
  font-family: Blender, helvetica, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  text-transform: uppercase;
}
.ways-to-pay-grid-container .box-wrap .box .content-section .benefit-wrap .benefit-txt {
  color: #b3b3b3;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.28px;
}
.ways-to-pay-grid-container .box-wrap .box-spacer {
  display: flex;
  align-items: center;
  color: #fff;
  text-align: center;
}
@media (max-width: 980px) {
  .ways-to-pay-grid-container .box-wrap .box-spacer {
    display: block;
  }
}

.carousel-container {
  display: flex;
  flex-direction: column;
  margin-top: 60px;
  margin-bottom: 60px;
}
.carousel-container h3.heading {
  margin-bottom: 60px;
}

.CarouselCards_container {
  display: flex;
  flex-direction: column;
  margin-top: 60px;
  margin-bottom: 60px;
  gap: 60px;
}
.CarouselCards_container h3.heading {
  margin-bottom: 12px;
}

.CarouselCards_wrap {
  color: #fff;
  margin: 0 auto;
  max-width: 1200px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.CarouselCards_cardsInnerWrap {
  translate: -50vw;
  left: 50%;
  position: relative;
}

.CarouselCards_rowWrap {
  margin-bottom: 30px;
  margin-left: -60px;
  display: inline-flex;
  width: -moz-fit-content;
  width: fit-content;
  transform: translateZ(0.1px);
  animation: CarouselCards_scroll-animation 100s linear infinite;
  animation-duration: 40s;
}

@keyframes CarouselCards_scroll-animation {
  0% {
    translate: 0;
  }
  100% {
    translate: -50%;
  }
}
.SingleCarouselCard_wrap {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 6px;
  margin-right: 30px;
  background-color: #151515;
  border-radius: 50px;
}
.SingleCarouselCard_wrap:not(.SingleCarouselCard_box) .SingleCarouselCard_iconWrap {
  border-radius: 50%;
  font-family: Soehne, arial, sans-serif;
  color: #fff;
  font-size: 14px;
  line-height: 110%;
  letter-spacing: 0.28px;
}
.SingleCarouselCard_wrap > span {
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0.36px;
  white-space: nowrap;
  padding-bottom: 2px;
  padding-right: 12px;
}

.SingleCarouselCard_box {
  border-radius: 6px;
  padding: 18px 36px;
}
.SingleCarouselCard_box .SingleCarouselCard_iconWrap {
  width: -moz-max-content;
  width: max-content;
  height: 24px;
}

.SingleCarouselCard_iconWrap {
  display: flex;
  width: 36px;
  height: 36px;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.SingleCarouselCard_iconWrap img {
  width: 100%;
  height: 100%;
}

.heading-row {
  padding: 30px 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.heading-row h1 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.heading-row h5:last-child {
  color: #b3b3b3;
  margin-top: 24px;
}

.knowledge-box-wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 36px;
       column-gap: 36px;
  margin-bottom: 40px;
}
@media (max-width: 600px) {
  .knowledge-box-wrap {
    grid-template-columns: 1fr;
    row-gap: 40px;
    -moz-column-gap: 0;
         column-gap: 0;
  }
}
.knowledge-box-wrap .sidebar-box {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.knowledge-box-wrap .sidebar-box a {
  text-decoration: none;
}
.knowledge-box-wrap .sidebar-box section:first-child {
  margin-top: 0;
}
.knowledge-box-wrap .sidebar-box .feature-guide-wrap {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 32px;
  border-radius: 5px;
  border: 1px solid #fff;
  background: #000;
  font-size: 14px;
  transition: all 0.2s ease;
  margin: 0 0 30px;
}
.knowledge-box-wrap .sidebar-box .feature-guide-wrap:hover {
  border: 1px solid #ff6101;
}
.knowledge-box-wrap .sidebar-box .feature-guide-wrap .img-container {
  max-height: 234px;
}
.knowledge-box-wrap .sidebar-box .feature-guide-wrap .img-container figure {
  width: 100%;
  height: 100%;
}
.knowledge-box-wrap .sidebar-box .feature-guide-wrap .img-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.knowledge-box-wrap .sidebar-box .feature-guide-wrap .content-wrap {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.knowledge-box-wrap .sidebar-box .feature-guide-wrap .content-wrap .heading-title {
  color: #fff;
  font-size: 28px;
  line-height: 35px;
}
.knowledge-box-wrap .sidebar-box .feature-guide-wrap .content-wrap .info {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.knowledge-box-wrap .sidebar-box .feature-guide-wrap .content-wrap .info span {
  color: #fff;
  line-height: 21px;
  letter-spacing: 0.28px;
}
.knowledge-box-wrap .sidebar-box .feature-guide-wrap .content-wrap .box-desc {
  font-size: 14px;
  color: #b3b3b3;
}
.knowledge-box-wrap .resources-wrap {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.knowledge-box-wrap .resources-wrap .heading {
  margin-top: 0;
  margin-bottom: 0;
}

.category-box-grid {
  grid-column: 1/3;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 24px;
  -moz-column-gap: 36px;
       column-gap: 36px;
  align-content: flex-start;
}
@media (max-width: 980px) {
  .category-box-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 600px) {
  .category-box-grid {
    row-gap: 0;
    -moz-column-gap: 0;
         column-gap: 0;
    margin-left: -20px;
    margin-right: -20px;
  }
}

.category-box {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 32px;
  color: #fff;
  background-color: #000;
  border-radius: 5px;
  border: 1px solid #4d4d4d;
  transition: all 0.2s ease-in-out;
}
@media (max-width: 980px) {
  .category-box {
    min-width: 100vw;
  }
}
.category-box:hover {
  border: 1px solid #ff6101;
}
.category-box .box-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
}
.category-box .box-header h4 {
  margin-top: 0;
  margin-bottom: 0;
}
.category-box .box-header h4:hover {
  text-decoration: underline;
}
.category-box .box-desc {
  font-size: 14px !important;
  line-height: 21px !important;
  margin-bottom: 12px;
  text-decoration: none;
  color: #b3b3b3;
}
.category-box .link-wrap {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.category-box .link-wrap a {
  text-decoration: underline;
}
.category-box .link-wrap a:hover {
  color: #ff6101;
}

.clickable-box-container {
  border-radius: 5px;
  background: #151515;
}
.clickable-box-container:hover {
  background: #262626;
}

.clickable-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding: 24px;
}
.clickable-box .content-wrap {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
}
.clickable-box .content-wrap h3 {
  color: #fff;
  font-size: 16px;
  line-height: 20px;
}
.clickable-box .content-wrap h4 {
  color: #b3b3b3;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.28px;
}

.guides-container {
  display: flex;
  flex-direction: row;
  place-content: stretch center;
  box-sizing: border-box;
  width: 100%;
  gap: 24px !important;
  margin-bottom: 40px;
}
@media (max-width: 980px) {
  .guides-container {
    display: grid;
    margin-bottom: 0;
    gap: 0 !important;
  }
}

.guides-column {
  display: flex;
  flex-direction: column;
  place-content: stretch flex-start;
  flex: 1 1 0%;
  width: 0px;
  gap: 0px;
}
@media (max-width: 980px) {
  .guides-column {
    display: grid;
    width: 90vw;
  }
}

.guides-link-wrap {
  text-decoration: none;
}
.guides-link-wrap:hover .guides-box:not(.guide-with-img).guides-border, .guides-link-wrap:hover .guides-box.guides-border {
  border: 1px solid #ff6101;
}

.guides-box {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 32px;
  border-radius: 5px;
  border: 1px solid #fff;
  background: #000;
  font-size: 14px;
  transition: all 0.2s ease;
  margin: 0 0 30px;
}
.guides-box:hover {
  border-color: #ff6101 !important;
}
.guides-box.guides-box-ico {
  gap: 12px;
}
@media (max-width: 980px) {
  .guides-box {
    width: 90vw;
    padding: 20px;
    margin: 0 0 12px;
  }
}
.guides-box:not(.guide-with-img), .guides-box:not(.guide-with-img).guide-horizontal {
  width: 100%;
  padding: 0 32px;
  border-radius: 0;
  border: none;
  border-left: 1px solid #fff;
}
.guides-box:not(.guide-with-img).no-border, .guides-box:not(.guide-with-img).guide-horizontal.no-border {
  border-left: 1px solid transparent;
}
.guides-box:not(.guide-with-img).guides-border, .guides-box:not(.guide-with-img).guide-horizontal.guides-border {
  border-radius: 5px;
  border: 1px solid #fff;
  padding: 32px;
}

.guide-img-container {
  max-height: 234px;
}
@media (max-width: 1000px) {
  .guide-img-container {
    max-height: 290px;
    width: 100%;
  }
}
.guide-img-container figure {
  width: 100%;
  height: 100%;
}
@media (max-width: 1000px) {
  .guide-img-container figure {
    max-height: 290px;
    width: 100%;
  }
}
.guide-img-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1000px) {
  .guide-img-container img {
    max-height: 290px;
    width: 100%;
  }
}

.guide-para-secondary-txt,
.guide-para p {
  color: #b3b3b3;
  line-height: 21px;
  letter-spacing: 0.28px;
}

.guide-para {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.guide-subtitle {
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.24px;
}

.guide-title {
  color: #fff;
  font-size: 28px;
  line-height: 35px;
}

.guide-info {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.guide-date {
  color: #fff;
  line-height: 21px;
  letter-spacing: 0.28px;
}

.guide-para-secondary-txt,
.guide-para p {
  color: #b3b3b3;
  line-height: 21px;
  letter-spacing: 0.28px;
}

@media (max-width: 780px) {
  .guide-para-txt-sm .guide-title {
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
  }
}
.guide-para.guide-para-txt-sm p {
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.28px;
}

.guide-btn-wrapper {
  margin-top: 16px;
}

.recent-news-wrap {
  display: grid;
  gap: 36px;
  grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 760px) {
  .recent-news-wrap {
    grid-template-columns: repeat(1, 1fr);
    gap: 0;
  }
}
.recent-news-header {
  margin-bottom: 30px;
}

.ArticleTemplate_main {
  display: flex;
}

@media (max-width: 1000px) {
  .ArticleTemplate_main {
    flex-direction: column;
    margin-top: 0;
  }
}
.ArticleTemplate_heroWrapper {
  margin-left: 20px;
}

@media (max-width: 1000px) {
  .ArticleTemplate_heroWrapper {
    margin-bottom: 40px;
    margin-left: 0;
  }
}
.ArticleTemplate_heroWrapper section {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.ArticleTemplate_heroWrapper > div:first-child {
  justify-content: flex-end;
}

.ArticleTemplate_content {
  margin-right: 48px;
}

@media (max-width: 1000px) {
  .ArticleTemplate_content {
    margin-bottom: 40px;
    margin-top: 40px;
    margin-right: 0;
  }
}
.ArticleTemplate_instrumentsSectionWrap h3 {
  font-size: 28px;
  line-height: 35px;
}

.ArticleTemplate_sidebar {
  min-width: 376px;
  display: flex;
  flex-direction: column;
  gap: 64px;
}

@media (max-width: 1000px) {
  .ArticleTemplate_sidebar {
    min-width: 300px;
    gap: 0;
  }
}
.ArticleTemplate_instrumentsSectionWrap > h5,
.ArticleTemplate_relatedArticlesWrap > h5 {
  color: #b3b3b3;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  margin-top: 18px;
}

.ArticleTemplate_relatedArticlesWrap > div {
  margin-right: 0;
  margin-left: 0;
}

.ArticleTemplate_relatedArticlesWrap {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.ArticleTemplate_relatedArticlesWrap > a {
  transition: opacity 0.2s ease 0s;
}

.ArticleTemplate_relatedArticlesWrap:hover > a:not(:hover) {
  opacity: 0.5;
}

.ArticleTemplate_sidebar .ArticleTemplate_instrumentsWrap {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.ArticleTemplate_instrumentsSectionWrap {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 80px;
}

.ArticleCategory_headingWrap {
  margin-top: 40px;
  margin-bottom: 36px;
}

.ArticleCategory_tableSection {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-content: stretch;
  margin-bottom: 80px;
  gap: 36px;
}

@media (max-width: 780px) {
  .ArticleCategory_tableSection {
    display: flex;
    flex-direction: column;
    margin-top: 24px;
    margin-bottom: 40px;
  }
}
.ArticleCategory_featuredArticlesSection h5,
.ArticleCategory_topFiveWrap h4 {
  font-family: Blender, helvetica, sans-serif;
  color: #b3b3b3;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  text-transform: uppercase;
}

.ArticleCategory_featuredArticlesSection h5 {
  margin-bottom: 32px;
}

.ArticleCategory_featuredArticlesSection {
  margin-bottom: 64px;
}

@media (max-width: 780px) {
  .ArticleCategory_featuredArticlesSection {
    margin-bottom: 24px;
  }
}
.ArticleCategory_featuredArtsContent {
  display: flex;
  gap: 36px;
}

@media (max-width: 1240px) {
  .ArticleCategory_featuredArtsContent {
    flex-direction: column;
    gap: 24px;
  }
}
.ArticleCategory_featuredArtsContent section {
  margin-top: 0;
}

@media (max-width: 780px) {
  .ArticleCategory_featuredArtsContent section {
    max-width: 100% !important;
  }
}
@media (max-width: 1000px) {
  .ArticleCategory_featuredArtsContent > div:first-child:not(.ArticleCategory_topFiveWrap),
  .ArticleCategory_otherArtsWrap section {
    max-width: 100% !important;
  }
}
.ArticleCategory_topFiveWrap {
  flex: 1 0 auto;
}

.ArticleCategory_topFiveWrap > div {
  margin: 0;
  gap: 17px;
}

.Contents_wrap {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 40px;
  background-color: #151515;
  border-radius: 5px;
  margin-top: 46px;
  margin-bottom: 46px;
}

.Contents_wrap h2 {
  color: #fff;
  font-size: 28px;
  font-weight: 400;
  line-height: 35px;
}

.Contents_primarySubheading h5 {
  color: #b3b3b3;
  font-family: Soehne, arial, sans-serif;
  font-size: 14px !important;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.28px;
  text-transform: capitalize;
}

.Contents_secondarySubheading h5 {
  color: #b3b3b3;
  font-size: 18px;
  line-height: 20px;
  font-weight: 700;
}

.Contents_list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.Contents_linkClass {
  display: flex;
  align-items: center;
  gap: 14px;
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.32px;
  text-decoration: none;
  text-transform: capitalize;
}

.Contents_linkClass span {
  position: relative;
}

@media (max-width: 780px) {
  .Contents_linkClass span {
    text-decoration: underline;
  }
}
.Contents_linkClass span:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 1.2px;
  background-color: #fff;
}

[dir=ltr] .Contents_linkClass span:after {
  left: 0;
}

[dir=rtl] .Contents_linkClass span:after {
  right: 0;
}

@media (max-width: 780px) {
  .Contents_linkClass span:after {
    content: none;
  }
}
.Contents_subitemWrap a {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.32px;
  text-decoration-line: underline;
  text-transform: capitalize;
}

.Contents_subitemListWrap ul {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 12px;
}

@media (max-width: 780px) {
  .ArticleCategory_topFiveWrap > div {
    padding: 24px;
  }
}
.ArticleCategory_topFiveWrap > div > ul {
  gap: 24px;
}

.ArticleCategory_otherArtsWrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 36px;
}

@media (max-width: 1000px) {
  .ArticleCategory_otherArtsWrap {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .ArticleCategory_otherArtsWrap > div {
    padding-left: 18px;
    padding-right: 18px;
  }
}
.error-page-container {
  padding: 148px 10px 182px;
}
@media (max-width: 600px) {
  .error-page-container {
    padding: 30px 10px;
  }
}
.error-page-container .error-page-wrap {
  position: relative;
  max-width: 987px;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
  text-align: center;
}
@media (max-width: 600px) {
  .error-page-container .error-page-wrap {
    max-width: 400px;
  }
}
.error-page-container .error-page-wrap .bg-img {
  max-width: 120%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 600px) {
  .error-page-container .error-page-wrap .bg-img {
    z-index: -5;
  }
}
.error-page-container .error-page-wrap .bg-img .ico {
  width: 988px;
  height: 425px;
}
@media (max-width: 600px) {
  .error-page-container .error-page-wrap .bg-img .ico {
    max-width: 400px;
  }
}
.error-page-container .error-page-wrap .error-page-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  max-width: 574px;
  position: relative;
}
@media (max-width: 600px) {
  .error-page-container .error-page-wrap .error-page-content {
    gap: 0;
  }
}
.error-page-container .error-page-wrap .error-page-content .headline {
  color: #fff;
  font-family: Soehne, arial, sans-serif;
  font-size: 72px;
  font-style: normal;
  font-weight: 400;
  line-height: 115%;
}
@media (max-width: 600px) {
  .error-page-container .error-page-wrap .error-page-content .headline {
    font-size: 48px;
  }
}
.error-page-container .error-page-wrap .error-page-content .title-btn-wrapper {
  z-index: 100;
}

.most-active-section {
  color: #fff;
  display: grid;
  gap: 0 36px;
  grid-template: "header data" min-content "intro data" 1fr/275px 1fr;
}
@media (max-width: 980px) {
  .most-active-section {
    grid-template: "header" "data" "intro";
  }
}

.most-active-section-heading {
  margin-bottom: 24px;
  grid-area: header;
}

.most-active-section-intro {
  grid-area: intro;
}

.most-active-section-txt {
  margin-bottom: 24px;
}

.most-active-section-data {
  grid-area: data;
}

.most-active-section-sort {
  margin-bottom: 12px;
  text-align: right;
}

.most-active-selector {
  position: relative;
  display: inline-block;
  vertical-align: top;
  z-index: 10;
  font-family: Blender, helvetica, sans-serif;
  font-size: 13px;
  height: 30px;
  padding: 8px 16px 6px;
  background-color: #fff;
  color: #000;
  font-weight: 700;
  letter-spacing: 0.48px;
  text-transform: uppercase;
  line-height: 14px;
  border-radius: 20px;
  min-width: 145px;
  border: none;
  cursor: pointer;
  background-image: linear-gradient(45deg, transparent 50%, #000 50%), linear-gradient(135deg, #000 50%, transparent 50%);
  background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
  background-size: 3px 5px, 5px 5px, 1px 1.5em;
  background-repeat: no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.most-active-selector:focus {
  background-color: #151515;
  color: #fff;
  background-image: linear-gradient(45deg, #fff 50%, transparent 50%), linear-gradient(135deg, transparent 50%, #fff 50%);
  background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, calc(100% - 2.5em) 0.5em;
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
  background-repeat: no-repeat;
  outline: 0;
}
.most-active-selector option {
  color: #b3b3b3;
}

.most-active-disclaimers {
  margin: 10px 0 10px 164px;
}

.graph-values-mobile {
  display: none;
  margin-bottom: 40px;
  position: relative;
}
@media (max-width: 980px) {
  .graph-values-mobile {
    display: block;
  }
}

.graph-values-mobile-Labels {
  display: flex;
  flex-direction: column-reverse;
  gap: 62px;
}
.graph-values-mobile-Labels .labels-bar-Item {
  padding: 0;
  width: 100%;
  font-size: 14px;
  position: relative;
  text-align: left !important;
}

.graph-values-mobile-Values {
  position: absolute;
  top: 0;
  height: 50%;
  display: flex;
  gap: 30px;
  left: 61px;
  right: 0;
}
.graph-values-mobile-Values .progress-bar {
  width: 5px;
  height: 100%;
  display: flex;
  align-items: flex-end;
  margin-top: 0;
  margin-right: 0;
}
.graph-values-mobile-Values .progress-bar .progress-bar-Negative {
  transform: translateY(100%);
  align-items: flex-start;
}

.graph-values-mobile-Values .progress {
  width: 100%;
  height: auto;
}

.list-values {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.28px;
}
@media (max-width: 980px) {
  .list-values {
    margin-bottom: 24px;
  }
}

.list-values-Item {
  display: flex;
  align-items: center;
}
.list-values-Item:first-child .list-values-PriceChange {
  border-top: 1px solid #262626;
}
@media (max-width: 980px) {
  .list-values-Item:first-child .list-values-Symbol {
    border-top: 1px solid #262626;
  }
}

.list-values-Symbol {
  flex: 0 0 164px;
  min-height: 62px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 24px;
}
@media (max-width: 980px) {
  .list-values-Symbol {
    flex: 0 1 auto;
    border-bottom: 1px solid #262626;
    padding: 6px 0;
    min-height: 44px;
  }
}

.list-values-PriceChange {
  display: flex;
  flex: 1 0 auto;
  border-bottom: 1px solid #262626;
  min-height: 62px;
  align-items: center;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
@media (max-width: 980px) {
  .list-values-PriceChange {
    justify-content: flex-end;
    flex-direction: row;
    align-items: flex-end;
    padding: 6px 0;
    min-height: 44px;
  }
  .list-values-PriceChange .progress-bar {
    display: none;
  }
}

.list-values-price-change-value {
  font-weight: 700;
  font-family: Blender, helvetica, sans-serif;
  font-size: 20px;
  line-height: 20px;
  background: #fff;
  color: #000;
  border-radius: 4px;
  padding: 6px;
  display: inline-block;
  margin-left: 50%;
}
@media (max-width: 980px) {
  .list-values-price-change-value {
    background: none;
    color: #fff;
    margin-left: 0;
  }
}

.list-values-price-change-value-Negative {
  margin-left: auto;
  margin-right: 50%;
}
@media (max-width: 980px) {
  .list-values-price-change-value-Negative {
    margin-left: 0 !important;
    margin-right: 0 !important;
    background: #f52c31;
    color: #000;
  }
}

.progress-bar {
  width: 50%;
  height: 5px;
  display: flex;
  align-items: center;
  margin-top: 6px;
  position: relative;
}

.progress-bar-Negative {
  justify-content: flex-end;
}
.progress-bar-Negative .progress {
  background-color: #f52c31;
}

.progress-bar-Positive {
  justify-content: flex-start;
  left: 50%;
}

.progress {
  height: 100%;
  background-color: #1255E9;
}

.labels-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 12px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.28px;
  margin-left: 164px;
}
@media (max-width: 980px) {
  .labels-bar {
    display: none;
  }
}

.labels-bar-Item {
  width: 70px;
  text-align: center;
  padding: 17px 0;
}
.labels-bar-Item:first-child {
  text-align: left;
}

.disclaimers-bar {
  margin: 10px 0 10px 164px;
}

.faq-top-wrapper {
  max-width: 1200px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  margin: 75px auto 80px;
}
@media (max-width: 980px) {
  .faq-top-wrapper {
    flex-flow: row wrap;
    margin-bottom: 40px;
  }
}
.faq-top-wrapper .faq-top-L {
  width: 410px;
  margin-right: 70px;
}
@media (max-width: 980px) {
  .faq-top-wrapper .faq-top-L {
    width: 100%;
  }
}
.faq-top-wrapper .faq-top-R {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.faq-search-wrapper {
  width: 100%;
  position: relative;
}

@media (max-width: 1000px) {
  .searchbar-wrap:not(.searchbar-active) input {
    visibility: visible;
  }
  .searchbar-wrap:not(.searchbar-active) label > button {
    width: 16px;
    height: 16px;
  }
}
@media (max-width: 1000px) {
  .searchbar-wrap:not(.searchbar-active) input::-moz-placeholder {
    margin-top: -2px;
    color: #fff;
    font-family: Blender, helvetica, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0.52px;
    text-transform: uppercase;
  }
  .searchbar-wrap:not(.searchbar-active) input::placeholder {
    margin-top: -2px;
    color: #fff;
    font-family: Blender, helvetica, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0.52px;
    text-transform: uppercase;
  }
}
@media (max-width: 1000px) {
  .searchbar-wrap.searchbar-active {
    z-index: 0;
  }
}
@keyframes searchbar-transition {
  0% {
    z-index: 999;
  }
  99% {
    z-index: 999;
  }
  to {
    z-index: 0;
  }
}
.searchbar-wrap {
  transition: all 0.2s ease;
}
.searchbar-wrap label h5 {
  white-space: nowrap;
  display: block;
}
.searchbar-wrap.searchbar-active {
  width: 100%;
  z-index: 999;
}
.searchbar-wrap:not(.searchbar-active) {
  width: 48px;
  overflow: hidden;
  animation: searchbar-transition 0.2s ease;
}
.searchbar-wrap:not(.searchbar-active) label h5 {
  display: none;
}
.searchbar-wrap:not(.searchbar-active) label > div {
  border-color: transparent;
}
.searchbar-wrap:not(.searchbar-active) input, .searchbar-wrap:not(.searchbar-active) label button:not(:first-child) {
  pointer-events: none;
  visibility: hidden;
}
@media (max-width: 1000px) {
  .searchbar-wrap:not(.searchbar-active) {
    width: 100%;
    border: 1px solid #fff;
    border-radius: 1000px;
  }
}

.search-input-wrap {
  background-color: #000;
  position: relative;
}
.search-input-wrap label > div {
  padding: 12px;
}
.search-input-wrap button {
  display: flex;
  align-items: center;
}
.search-input-wrap input {
  color: #fff;
}
.search-input-wrap input::-moz-placeholder {
  color: #fff;
}
.search-input-wrap input::placeholder {
  color: #fff;
}

.input-field {
  display: flex;
  align-items: center;
  padding: 14px 4px;
  border-bottom: 2px solid #4d4d4d;
}
.input-field:has(.input-txt:focus) {
  background-color: #151515;
  color: #fff;
  border-color: #fff;
}
.input-field:has(.input-txt:focus) path {
  fill: #fff;
}
.input-field path {
  fill: #b3b3b3;
}

.input-icon-search {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
}

.input-icon-clear {
  padding: 0 12px;
  color: #fff;
  font-family: Soehne, arial, sans-serif;
  font-size: 12px;
  line-height: 15px;
  /*margin-right: 6px;
  border-right: 1px solid $platinum*/
}

.input-txt {
  width: 100%;
  background-color: transparent;
  color: #b3b3b3;
  font-family: Soehne, arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  border: none;
}
.input-txt:focus {
  outline: none;
  background-color: #151515;
}

.Input_isDisabled .Input_input {
  pointer-events: none;
  color: #b3b3b3;
}

.Input_isDisabled path {
  fill: #b3b3b3;
}

.Input_isDisabled .Input_infoIcon path {
  fill: #ff6101;
}

.Input_inputWrap {
  display: flex;
  align-items: center;
  padding: 14px 4px;
  border-bottom: 2px solid #4d4d4d;
}

.Input_inputWrap:has(.input-txt:focus) {
  background-color: #151515;
  color: #fff;
  border-color: #fff;
}

.Input_inputWrap path {
  fill: #b3b3b3;
}

.Input_inputWrap:has(.input-txt:focus) path {
  fill: #fff;
}

.Input_labelInner {
  margin-bottom: 4px;
  gap: 8px;
  align-items: center;
  text-transform: capitalize;
  color: #fff;
  font-weight: 700;
  line-height: 14px;
}

.Input_charCount,
.Input_labelInner {
  display: flex;
  justify-content: space-between;
  font-family: Soehne, arial, sans-serif;
  font-size: 14px;
}

.Input_charCount {
  margin-top: 4px;
  width: 100%;
  color: #b3b3b3;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.28px;
}

.Input_hasError:not(.Input_isDisabled) .Input_inputWrap {
  border-color: #ff6b6b;
}

.Input_hasError:not(.Input_isDisabled) path {
  fill: #ff6b6b;
}

.Input_hasError:not(.Input_isDisabled) .Input_input::-moz-placeholder {
  color: #ff6b6b;
  opacity: 1;
}

.Input_hasError:not(.Input_isDisabled) .Input_input::placeholder {
  color: #ff6b6b;
  opacity: 1;
}

.Input_beforeIcon {
  display: flex;
  align-items: center;
  justify-content: center;
}

[dir=ltr] .Input_beforeIcon {
  margin-right: 8px;
}

[dir=rtl] .Input_beforeIcon {
  margin-left: 8px;
}

.Input_clearButton {
  padding: 0 12px;
  color: #fff;
  font-family: Soehne, arial, sans-serif;
  font-size: 12px;
  line-height: 15px;
  margin-right: 6px;
  border-right: 1px solid #4d4d4d;
}

.faq-searchbar-dropdown {
  position: absolute;
  top: 50px;
  left: 0;
  width: 100%;
  z-index: 1;
}

.faq-searchbar-dropdown-wrap,
.header-searchbar-dropdown-wrap {
  width: 100%;
  padding: 16px 0;
  border-radius: 0 0 8px 8px;
  border: 1px solid #4d4d4d;
  background: #151515;
  list-style: none;
}
.faq-searchbar-dropdown-wrap a,
.header-searchbar-dropdown-wrap a {
  text-decoration: none;
}

.faq-searchbar-dropdown-headerText,
.header-searchbar-dropdown-headerText {
  padding: 0 24px;
  color: #b3b3b3;
  font-family: Soehne, arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.28px;
}

.faq-searchbar-dropdown-resultText,
.header-searchbar-dropdown-resultText {
  color: #fff;
  display: block;
  margin: 10px 24px;
}

.faq-popular-section {
  max-width: 1200px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin: 0 auto 80px;
}
.faq-popular-section > h4 {
  margin-top: 40px;
  margin-bottom: 32px;
  width: 100%;
}
.faq-popular-section .faq-popular-box {
  width: calc(33.333333% - 10px);
  margin-bottom: 10px;
}
@media (max-width: 600px) {
  .faq-popular-section .faq-popular-box {
    width: calc(100% - 10px);
  }
}

.faq-cat {
  max-width: 1200px;
  margin: 0 auto 80px;
}
.faq-cat .faq-cat-box {
  margin-bottom: 24px;
}
@media (max-width: 980px) {
  .faq-cat .faq-cat-box {
    margin: 0 -20px;
  }
}

.faq-cat-grid {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: stretch;
  box-sizing: border-box;
  width: 100%;
  gap: 24px !important;
  margin-bottom: -20px;
}
@media (max-width: 980px) {
  .faq-cat-grid {
    display: grid;
    margin-bottom: 0;
  }
}

.faq-cat-column {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-content: stretch;
  flex: 1;
  width: 0;
  gap: 0;
}
@media (max-width: 980px) {
  .faq-cat-column {
    display: contents;
  }
}

.BreadcrumbNavigation_wrap {
  background-color: #262626;
  max-width: 100%;
  display: flex;
}

.BreadcrumbNavigation_inner {
  max-width: 1200px;
  flex-grow: 1;
  margin: 0 auto;
  align-items: center;
  gap: 8px;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  padding: 13px 0 12px;
}
@media only screen and (981px <= width <= 1199px) {
  .BreadcrumbNavigation_inner {
    padding-right: 25px;
    padding-left: 25px;
  }
}
@media (max-width: 980px) {
  .BreadcrumbNavigation_inner {
    padding: 13px 24px 12px;
  }
}

.BreadCrumbItem_breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  color: #b3b3b3;
  font-family: Blender, helvetica, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  letter-spacing: 0.48px;
  text-transform: uppercase;
  white-space: nowrap;
}

.BreadCrumbItem_active .BreadCrumbItem_breadcrumb {
  color: #fff;
}

.BreadCrumbItem_icon {
  transform: rotate(90deg);
}
.BreadCrumbItem_icon svg {
  width: 8px;
  height: 8px;
}
.BreadCrumbItem_icon svg path {
  fill: #b3b3b3;
}

.Faq_faqWrapperTop {
  margin-top: 40px;
  margin-bottom: 45px;
}

.Faq_faqWrapperTop,
.Faq_faqWrapper {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-flow: row wrap;
}

.Faq_faqWrapperTop .Faq_menu,
.Faq_faqWrapperTop .Faq_title,
.Faq_faqWrapper .Faq_menu,
.Faq_faqWrapper .Faq_title {
  width: 275px;
  margin-right: 64px;
}
@media (max-width: 980px) {
  .Faq_faqWrapperTop .Faq_menu,
  .Faq_faqWrapperTop .Faq_title,
  .Faq_faqWrapper .Faq_menu,
  .Faq_faqWrapper .Faq_title {
    width: 100%;
    margin-right: 0;
  }
}

.Faq_faqWrapperTop .Faq_main,
.Faq_faqWrapperTop .Faq_search,
.Faq_faqWrapper .Faq_main,
.Faq_faqWrapper .Faq_search {
  flex-grow: 1;
}

.Faq_faqWrapperTop .Faq_main,
.Faq_faqWrapper .Faq_main {
  max-width: calc(100% - 275px - 64px);
}

@media (max-width: 780px) {
  .Faq_faqWrapperTop .Faq_main,
  .Faq_faqWrapper .Faq_main {
    max-width: 100%;
  }
}
.Faq_faqWrapperTop {
  margin-top: 40px;
  margin-bottom: 45px;
}

.Faq_faqWrapperTop .Faq_search p:first-child {
  font-family: Blender, helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 14x;
  text-transform: uppercase;
}

.Faq_faqWrapper {
  margin-bottom: 40px;
}

.Faq_faqWrapper .Faq_main h6:nth-child(2) {
  margin-top: 12px;
  margin-bottom: 12px;
  color: #b3b3b3;
}

.Faq_faqWrapper .Faq_pagination {
  margin-top: 46px;
}

@media (max-width: 780px) {
  .Faq_faqWrapper .Faq_menu {
    margin-bottom: 24px;
  }
}
.Faq_navigationSwitch button {
  display: none;
}

@media (max-width: 780px) {
  .Faq_navigationSwitch button {
    margin-bottom: 24px;
    display: inline-block;
  }
  .Faq_navigationHidden {
    display: none;
  }
}
.TabButton_wrap {
  list-style: none;
}

.TabButton_wrap li > button,
.TabButton_wrap > button {
  width: 100%;
}

.TabButton_wrap > ul {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
}

.VerticalTabItem_wrap {
  list-style-type: none;
}

.VerticalTabItem_wrap:not(.VerticalTabItem_active):hover {
  cursor: pointer;
}

.VerticalTabItem_wrap:not(.VerticalTabItem_active):hover .VerticalTabItem_text {
  border-bottom: 2px solid #ff6101;
  padding-bottom: 14px;
  background: #262626;
  border-left: 2px solid #151515;
}

.VerticalTabItem_wrap:not(.VerticalTabItem_active):hover.VerticalTabItem_parentHeading .VerticalTabItem_text {
  border-left: 1px solid #151515;
}

.VerticalTabItem_text {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 24px 15px;
  border-bottom: 1px solid #262626;
  background: #151515;
  color: #b3b3b3;
  font-family: Blender, helvetica, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.52px;
  text-transform: uppercase;
  white-space: nowrap;
  text-decoration: none;
  border-left: 2px solid #151515;
}
.VerticalTabItem_text span {
  font-style: normal;
  font-size: 11px;
  color: #4d4d4d;
  font-family: Soehne, arial, sans-serif;
}

.VerticalTabItem_active .VerticalTabItem_text {
  background: #151515;
  color: #fff;
  border-left: 2px solid #ff6101;
}

.VerticalTabItem_bottomBorderPrimary.VerticalTabItem_active .VerticalTabItem_text {
  border-bottom: 2px solid #ff6101;
  background: #262626;
  border-left: 2px solid #151515;
}

.VerticalTabItem_bottomBorderPrimary .VerticalTabItem_text {
  padding: 15px 16px 14px;
  border-bottom: 2px solid transparent;
}

.VerticalTabItem_text img,
.VerticalTabItem_text svg {
  margin-top: -1px;
}

.VerticalTabItem_parentHeading:not(.VerticalTabItem_first) {
  margin-top: 12px;
}

.VerticalTabItem_parentHeading .VerticalTabItem_text {
  color: #fff;
  text-transform: capitalize;
  font-family: Soehne, arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  border-left: 1px solid #4d4d4d;
}

.VerticalTabItem_parentHeading.VerticalTabItem_active .VerticalTabItem_text {
  border-left: 1px solid #ff6101;
}

.Accordion_wrap {
  position: relative;
  border-bottom: 1px solid #4d4d4d;
  font-size: 14px;
  overflow: hidden;
  text-align: left;
}

.Accordion_secondary.Accordion_wrap {
  border: 1px solid transparent;
  margin-bottom: 8px;
  border-bottom: 0;
  background-color: #151515;
  border-radius: 8px;
  transition: border 0.2s ease-out;
}

.Accordion_secondary.Accordion_wrap h5,
.Accordion_secondary.Accordion_wrap h6 {
  font-size: 18px;
}

.Accordion_secondary.Accordion_wrap:hover {
  background-color: #262626;
}

.Accordion_secondary.Accordion_wrapExpanded {
  border: 1px solid #fff;
}

.Accordion_secondary .Accordion_indexText {
  display: block;
  position: relative;
  margin-bottom: 4px;
  top: 0;
  color: #b3b3b3;
  font-family: Soehne, arial, sans-serif;
  font-size: 14px;
}

[dir=ltr] .Accordion_secondary .Accordion_indexText {
  left: 0;
}

.Accordion_trigger {
  align-items: baseline;
  position: relative;
  width: 100%;
  cursor: pointer;
  text-align: left;
}

.Accordion_secondary .Accordion_trigger {
  padding: 16px 12px;
}

.Accordion_titleText {
  font-family: Soehne, arial, sans-serif;
  display: inline-block;
  line-height: 20px;
  letter-spacing: 0.04em;
  color: #fff;
  transition: color 0.3s;
  padding-right: 16px;
}

.Accordion_secondary .Accordion_titleText {
  color: #fff;
  font-size: 16px;
}

.Accordion_subTitle {
  font-family: Soehne, arial, sans-serif;
  display: block;
  color: #b3b3b3;
  line-height: 21px;
  transition: color 0.3s;
}

.Accordion_expanded .Accordion_subTitle {
  color: #fff;
}

.Accordion_crossIcon {
  position: absolute;
  top: 27px;
  transform: rotate(0deg);
  transition: transform 0.1s;
  right: 12px;
}

.Accordion_expanded .Accordion_crossIcon {
  transition: transform 0.1s;
  transform: rotate(45deg);
}

.Accordion_secondary .Accordion_crossIcon path {
  fill: #fff;
}

.Accordion_content {
  opacity: 0;
  overflow: hidden;
  max-height: 0;
  transition: all 0.1s ease-out;
}

.Accordion_content.Accordion_expanded {
  opacity: 1;
  transition: all 0.1s ease-out;
  overflow: visible;
}

.Accordion_contentText {
  margin-top: -8px;
  padding-bottom: 24px;
  border-radius: 18px;
  font-family: Soehne, arial, sans-serif;
  color: #fff;
  margin-left: 32px;
  margin-right: 12px;
}

.Accordion_secondary .Accordion_contentText {
  margin-left: 14px;
}

.Accordion_contentText > div {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 20px;
  flex-shrink: 0;
  z-index: 100;
  min-width: auto;
}

.Accordion_secondary .Accordion_contentText div {
  margin-top: 20px;
}

.Accordion_secondary .Accordion_contentText div[class*=table-wrap] [class*=table-cell][class*=first-row] {
  background: #4d4d4d;
}

.Accordion_secondary .Accordion_contentText div.table-wrap,
.Accordion_secondary .Accordion_contentText div.table-row,
.Accordion_secondary .Accordion_contentText div.table-cell,
.Accordion_secondary .Accordion_contentText div.table-inner {
  margin-top: 0 !important;
}

.Accordion_secondary .Accordion_contentText button span {
  padding: 8px 16px;
}

.Accordion_secondary .Accordion_expanded .Accordion_indexText {
  color: #fff;
}

.Accordion_secondary .Accordion_expanded .Accordion_crossIcon path {
  fill: #fff;
}

.Accordion_secondary .Accordion_crossIcon {
  top: 50%;
  transform: translateY(-50%) !important;
  right: 9px;
}

.Accordion_footer .Accordion_trigger {
  background-color: #151515;
  padding: 16px 8px 16px 0;
}

.Pagination_wrap {
  display: flex;
  align-items: center;
  gap: 8px;
  grid-column: 1;
}

@media (max-width: 400px) {
  .Pagination_wrap {
    gap: 4px;
  }
}
@media (max-width: 780px) {
  .Pagination_hideOnMobile {
    display: none;
  }
}
.Pagination_button {
  padding: 13px 18px 12px;
  border-radius: 1000px;
  border: 1px solid #fff;
  color: #fff;
  background-color: #000;
  font-size: 15px;
  font-weight: 600;
  line-height: 15px;
}

@media (max-width: 400px) {
  .Pagination_button {
    padding: 13px 16px 12px;
  }
}
a.Pagination_button {
  text-decoration: none;
}

.Pagination_button.Pagination_active {
  background-color: #fff;
  color: #000;
  border: 1px solid #fff;
}

.Pagination_button:not(.Pagination_active):hover {
  background-color: #ff6101;
  color: #000;
  border: 1px solid #ff6101;
}

.Pagination_dots {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 31px;
  height: 16px;
  color: #4d4d4d;
  transform: translateY(-3px);
}

@media (max-width: 400px) {
  .Pagination_dots {
    width: 14px;
  }
}
.CookieDeclarationLastUpdated {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 18px;
  font-weight: 600;
}

.CookieDeclarationTypeHeader {
  font-size: 28px;
  line-height: 115%;
  margin-top: 1.33em;
  margin-bottom: 0.33em;
}

.CookieDeclarationTypeDescription {
  margin-top: 18px;
  margin-bottom: 36px;
}

.cookie-declaration-table {
  margin-bottom: 72px;
}

@media (max-width: 1000px) {
  .cookie-declaration-table {
    overflow-x: scroll;
  }
}
.CookieDeclarationTable {
  border: 1px solid #151515;
  background: #151515;
}

.CookieDeclarationTable tbody tr td:nth-child(3) {
  min-width: 300px;
}

.CookieDeclarationTableCell,
.CookieDeclarationTableHeader {
  border: 1px solid #000;
  padding: 12px 24px;
  max-width: 340px;
  word-break: break-all;
}

.CookieDeclarationTableHeader {
  font-weight: 400;
  background-color: #262626;
  color: #b3b3b3;
  line-height: 20px;
  white-space: nowrap;
  text-align: left;
}

.container_container {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  -moz-column-gap: 36px;
       column-gap: 36px;
}

@media (max-width: 1240px) {
  .container_container {
    grid-template-columns: repeat(8, minmax(0, 1fr));
    -moz-column-gap: 32px;
         column-gap: 32px;
  }
}
@media (max-width: 1000px) {
  .container_container {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    -moz-column-gap: 32px;
         column-gap: 32px;
  }
}
@media (max-width: 780px) {
  .container_container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    -moz-column-gap: 21px;
         column-gap: 21px;
  }
}
.InstrumentTemplate_hero {
  padding: 64px 0;
  row-gap: 40px;
}

@media (max-width: 780px) {
  .InstrumentTemplate_hero {
    padding: 40px 0;
  }
}
.InstrumentTemplate_heroLeft {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  grid-column: span 6/span 6;
}

@media (max-width: 1240px) {
  .InstrumentTemplate_heroLeft {
    grid-column: span 4/span 4;
  }
}
@media (max-width: 1000px) {
  .InstrumentTemplate_heroLeft {
    grid-column: span 6/span 6;
  }
}
@media (max-width: 780px) {
  .InstrumentTemplate_heroLeft {
    grid-column: span 2/span 2;
    row-gap: 12px;
  }
}
.InstrumentTemplate_heroRight {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  grid-column: span 5/span 5;
  grid-column-end: -1;
}

@media (max-width: 1240px) {
  .InstrumentTemplate_heroRight {
    grid-column: span 4/span 4;
  }
}
@media (max-width: 1000px) {
  .InstrumentTemplate_heroRight {
    grid-column: span 6/span 6;
  }
}
@media (max-width: 780px) {
  .InstrumentTemplate_heroRight {
    grid-column: span 2/span 2;
    row-gap: 12px;
  }
}
.InstrumentTemplate_heroTitles {
  display: flex;
  flex-direction: column-reverse;
}

@media (max-width: 1000px) {
  .InstrumentTemplate_heroTitles {
    row-gap: 12px;
  }
}
.InstrumentTemplate_instrumentSearchMobile {
  display: none;
}

@media (max-width: 780px) {
  .InstrumentTemplate_instrumentSearchMobile {
    display: block;
    margin-bottom: 28px;
  }
  .InstrumentTemplate_instrumentSearchDesktop {
    display: none;
  }
  .InstrumentTemplate_marketOpenClose__meU2w {
    margin-bottom: 12px;
  }
  .InstrumentTemplate_tabs__eCsrC {
    display: none;
  }
}
@media (max-width: 1000px) {
  .InstrumentTemplate_wrapperOverrides__cEo4T {
    margin-left: -20px;
    margin-right: -20px;
  }
}
.InstrumentTemplate_marketBlocks {
  grid-column: span 8/span 8;
}

@media (max-width: 1000px) {
  .InstrumentTemplate_marketBlocks {
    grid-column: span 12/span 12;
    margin-top: 30px;
    margin-left: -20px;
    margin-right: -20px;
  }
}
.InstrumentTemplate_marketBlocksWide {
  grid-column: 1/-1;
}

.InstrumentTemplate_marketRates__YYys0 {
  display: flex;
  flex-direction: column;
  row-gap: 36px;
  grid-column: span 4/span 4;
  margin-top: 30px;
}

@media (max-width: 1000px) {
  .InstrumentTemplate_marketRates__YYys0 {
    order: -1;
    grid-column: span 12/span 12;
  }
}
.InstrumentTemplate_marketRatesHidden__3bR9p {
  display: none;
}

.InstrumentTemplate_instrumentContent__qDcjo {
  grid-column: span 12/span 12;
}

@media (max-width: 1000px) {
  .InstrumentTemplate_instrumentContent__qDcjo {
    margin-bottom: 40px;
  }
  .InstrumentTemplate_relatedInstruments__YUgsO {
    grid-column: span 12/span 12;
  }
}
.flags-wrap {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  border-radius: 5px;
  border: 1px solid #4d4d4d;
  padding: 10px;
  background-color: #000;
}
.flags-wrap img {
  border-radius: 5px;
}

.flags-divider {
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  height: 26px;
}
.flags-divider svg {
  width: auto;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.community-row {
  padding: 24px 0 24px 24px;
  display: flex;
  justify-content: space-between;
  gap: 24px;
  background-color: #151515;
}
@media (max-width: 980px) {
  .community-row {
    flex-direction: column;
    padding-right: 24px;
  }
}

.community-col-1 {
  display: flex;
  width: 60%;
  gap: 12px;
  align-items: center;
}
@media (max-width: 980px) {
  .community-col-1 {
    width: 100%;
    align-items: flex-start;
  }
}

.community-col-2 {
  display: flex;
  justify-content: flex-end;
  width: 40%;
  flex: 1 0 auto;
}
@media (max-width: 980px) {
  .community-col-2 {
    width: 100%;
    justify-content: space-between;
  }
}
@media (max-width: 600px) {
  .community-col-2 {
    flex-direction: column;
  }
}
.community-col-2 a {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #fff;
  text-decoration: none;
  padding: 15px 30px;
}
@media (max-width: 980px) {
  .community-col-2 a {
    flex: 1 0 auto;
    padding-left: 0;
    padding-right: 0;
    justify-content: center;
  }
}
.community-col-2 a:not(:last-child) {
  border-right: 1px solid #fff;
}
@media (max-width: 980px) {
  .community-col-2 a:not(:last-child) {
    border-right: none;
    border-bottom: 1px solid #fff;
  }
}
@media (max-width: 980px) {
  .community-col-2 a:last-child {
    padding-bottom: 0;
  }
}

.community-txt-wrap {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.community-txt-wrap p {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
}
.community-txt-wrap span {
  color: #b3b3b3;
}

.trust-grid {
  padding-top: 0;
  padding-bottom: 0;
}
.trust-grid .trust-grid-wrap[data-count="3"] {
  display: grid;
  gap: 36px;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 980px) {
  .trust-grid .trust-grid-wrap[data-count="3"] {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 600px) {
  .trust-grid .trust-grid-wrap[data-count="3"] {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}
.trust-grid .trust-grid-wrap[data-count="4"] {
  display: grid;
  gap: 36px;
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 980px) {
  .trust-grid .trust-grid-wrap[data-count="4"] {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 600px) {
  .trust-grid .trust-grid-wrap[data-count="4"] {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}

.number-box-wrap .number-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 36px;
  color: #f8f8f8;
  min-height: 100%;
}
.number-box-wrap .number-box .inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 18px;
}
.number-box-wrap .number-box .title {
  color: #ff6101;
  font-size: 46px;
  line-height: 125%;
}
@media (max-width: 600px) {
  .number-box-wrap .number-box .title {
    font-size: 38px;
  }
}
.number-box-wrap .has-border {
  padding-left: 32px;
  border-left-width: 1px;
  border-left-style: solid;
}
@media (max-width: 600px) {
  .number-box-wrap .has-border {
    padding-left: 24px;
  }
}
.number-box-wrap .border-grey {
  border-color: #b3b3b3;
}

.ComparisonGrid_traduComparisonGrid .ComparisonGrid_headingWrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-bottom: 36px;
}

.ComparisonGrid_traduComparisonGrid .ComparisonGrid_grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
  gap: 24px;
  padding-top: 40px;
  padding-bottom: 40px;
}

.ComparisonGrid_traduComparisonGrid .ComparisonGrid_item {
  background: #151515;
  padding: 30px;
  border-radius: 5px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 12px;
  justify-content: space-between;
}

.ComparisonGrid_traduComparisonGrid .ComparisonGrid_item .ComparisonGrid_iconAndTitleWrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 6px;
}

.ComparisonGrid_traduComparisonGrid .ComparisonGrid_item .ComparisonGrid_iconWrap {
  display: flex;
  justify-content: center;
}

.ComparisonGrid_traduComparisonGrid .ComparisonGrid_item .ComparisonGrid_itemTitle {
  font-size: 18px;
  color: #ff6101;
  text-transform: uppercase;
}

.ComparisonGrid_traduComparisonGrid .ComparisonGrid_item .ComparisonGrid_itemSubtitle {
  background-color: #262626;
  color: #fff;
  font-size: 14px;
  border-radius: 5px;
  display: inline-block;
  padding: 6px 12px;
}

.ComparisonGrid_traduComparisonGrid .ComparisonGrid_item .ComparisonGrid_priceWrap {
  color: #b3b3b3;
  font-size: 18px;
  margin-bottom: 0;
}

.ComparisonGrid_traduComparisonGrid .ComparisonGrid_item .ComparisonGrid_priceWrap .ComparisonGrid_crossedOutPrice {
  position: relative;
  color: #b3b3b3;
  font-weight: 700;
  text-decoration: line-through;
  margin-right: 8px;
}

.ComparisonGrid_traduComparisonGrid .ComparisonGrid_item .ComparisonGrid_priceWrap .ComparisonGrid_currentPrice {
  color: #fff;
}

.ComparisonGrid_traduComparisonGrid .ComparisonGrid_item .ComparisonGrid_priceWrap .ComparisonGrid_period {
  font-size: 14px;
  color: #b3b3b3;
}

.ComparisonGrid_traduComparisonGrid .ComparisonGrid_item p {
  color: #f8f8f8;
  font-size: 18px;
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
}

.ComparisonGrid_traduComparisonGrid .ComparisonGrid_item .ComparisonGrid_buttonWrap {
  padding: 20px;
}

.ComparisonGrid_traduComparisonGrid .ComparisonGrid_item .ComparisonGrid_buttonWrap button {
  width: 100%;
}

.ComparisonGrid_traduComparisonGrid .ComparisonGrid_item.ComparisonGrid_highlighted {
  background: #000;
  border: 2px solid rgba(0, 0, 0, 0);
  -o-border-image: linear-gradient(45deg, #000, #6d30b6, #da3e76, #ff6101, #000) 1;
     border-image: linear-gradient(45deg, #000, #6d30b6, #da3e76, #ff6101, #000) 1;
}

.ComparisonGrid_traduComparisonGrid .ComparisonGrid_item.ComparisonGrid_highlighted .ComparisonGrid_itemSubtitle {
  background-color: #151515;
}

.ComparisonGrid_traduComparisonGrid .ComparisonGrid_item .ComparisonGrid_promoPrice {
  font-size: 50px;
  color: #f8f8f8;
  font-weight: 700;
  text-transform: uppercase;
}

@media (max-width: 1000px) {
  .ComparisonGrid_traduComparisonGrid .ComparisonGrid_item {
    margin-bottom: 24px;
  }
  .ComparisonGrid_traduComparisonGrid .ComparisonGrid_item .ComparisonGrid_highlighted {
    margin-bottom: 24px;
    transform: none;
  }
  .ComparisonGrid_traduComparisonGrid .ComparisonGrid_item .ComparisonGrid_priceWrap {
    margin-bottom: 0;
  }
  .ComparisonGrid_traduComparisonGrid .ComparisonGrid_item.ComparisonGrid_highlighted {
    transform: none;
  }
  .ComparisonGrid_traduComparisonGrid .ComparisonGrid_item:not(.ComparisonGrid_highlighted) {
    border: 2px solid #4d4d4d;
  }
}
@media (max-width: 760px) {
  .ComparisonGrid_traduComparisonGrid .ComparisonGrid_item .ComparisonGrid_itemTitle,
  .ComparisonGrid_traduComparisonGrid .ComparisonGrid_item .ComparisonGrid_priceWrap {
    font-size: 16px;
  }
  .ComparisonGrid_traduComparisonGrid .ComparisonGrid_item .ComparisonGrid_priceWrap .ComparisonGrid_period {
    font-size: 14px;
  }
  .ComparisonGrid_traduComparisonGrid .ComparisonGrid_item .ComparisonGrid_promoPrice {
    font-size: 42px;
  }
  .ComparisonGrid_traduComparisonGrid .ComparisonGrid_item p {
    font-size: 15px;
    padding-left: 0;
    padding-right: 0;
  }
  .ComparisonGrid_traduComparisonGrid .ComparisonGrid_item .ComparisonGrid_buttonWrap {
    padding-left: 0;
    padding-right: 0;
  }
}
.ComparisonGrid_traduComparisonGrid .ComparisonGrid_section__MkDcH [data-carousel-arrows] > div {
  justify-content: space-between;
}

.TradingHours_paddingTop-xl {
  padding-top: 120px;
}

@media (max-width: 480px) {
  .TradingHours_paddingTop-xl {
    padding-top: 60px;
  }
}
.TradingHours_paddingBottom-xl {
  padding-bottom: 120px;
}

@media (max-width: 480px) {
  .TradingHours_paddingBottom-xl {
    padding-bottom: 60px;
  }
}
.TradingHours_paddingTop-l {
  padding-top: 90px;
}

@media (max-width: 480px) {
  .TradingHours_paddingTop-l {
    padding-top: 45px;
  }
}
.TradingHours_paddingBottom-l {
  padding-bottom: 90px;
}

@media (max-width: 480px) {
  .TradingHours_paddingBottom-l {
    padding-bottom: 45px;
  }
}
.TradingHours_paddingTop-m {
  padding-top: 60px;
}

@media (max-width: 480px) {
  .TradingHours_paddingTop-m {
    padding-top: 30px;
  }
}
.TradingHours_paddingBottom-m {
  padding-bottom: 60px;
}

@media (max-width: 480px) {
  .TradingHours_paddingBottom-m {
    padding-bottom: 30px;
  }
}
.TradingHours_paddingTop-s {
  padding-top: 30px;
}

@media (max-width: 480px) {
  .TradingHours_paddingTop-s {
    padding-top: 15px;
  }
}
.TradingHours_paddingBottom-s {
  padding-bottom: 30px;
}

@media (max-width: 480px) {
  .TradingHours_paddingBottom-s {
    padding-bottom: 15px;
  }
}
.TradingHours_paddingTop-zero {
  padding-top: 0;
}

@media (max-width: 480px) {
  .TradingHours_paddingTop-zero {
    padding-top: 0;
  }
}
.TradingHours_paddingBottom-zero {
  padding-bottom: 0;
}

@media (max-width: 480px) {
  .TradingHours_paddingBottom-zero {
    padding-bottom: 0;
  }
}
.TradingHours_traduTradingHours {
  background-color: #151515;
  padding: 45px;
  max-width: 840px;
  width: 100%;
  margin: 0 auto 42px;
  border-radius: 6px;
  color: #fff;
}

@media (max-width: 760px) {
  .TradingHours_traduTradingHours {
    padding: 30px 24px;
  }
}
.TradingHours_traduTradingHours .TradingHours_content {
  display: grid;
  gap: 72px;
}

@media (max-width: 760px) {
  .TradingHours_traduTradingHours .TradingHours_content {
    gap: 54px;
  }
}
.TradingHours_topNav {
  display: flex;
  justify-content: space-between;
  gap: 24px;
}

@media (max-width: 760px) {
  .TradingHours_topNav {
    flex-direction: column-reverse;
    gap: 30px;
  }
}
.TradingHours_tradingHoursBar {
  display: flex;
  gap: 9px;
  position: relative;
}

.TradingHours_tradingHoursBar .TradingHours_barSlice {
  border-radius: 3px;
  height: 12px;
  position: relative;
}

@media (max-width: 760px) {
  .TradingHours_tradingHoursBar .TradingHours_barSlice {
    height: 8px;
  }
}
.TradingHours_tradingHoursBar .TradingHours_barSlice .TradingHours_barEnd,
.TradingHours_tradingHoursBar .TradingHours_barSlice .TradingHours_barStart {
  position: absolute;
  top: -25px;
  font-size: 13px;
}

@media (max-width: 760px) {
  .TradingHours_tradingHoursBar .TradingHours_barSlice .TradingHours_barEnd,
  .TradingHours_tradingHoursBar .TradingHours_barSlice .TradingHours_barStart {
    font-size: 11px;
    top: -22px;
  }
}
[dir=ltr] .TradingHours_tradingHoursBar .TradingHours_barSlice .TradingHours_barStart {
  left: 0;
}

[dir=rtl] .TradingHours_tradingHoursBar .TradingHours_barSlice .TradingHours_barStart {
  right: 0;
}

[dir=ltr] .TradingHours_tradingHoursBar .TradingHours_barSlice .TradingHours_barEnd {
  right: -35px;
}

[dir=rtl] .TradingHours_tradingHoursBar .TradingHours_barSlice .TradingHours_barEnd {
  left: -35px;
}

[dir=ltr] .TradingHours_tradingHoursBar .TradingHours_barSlice:last-child .TradingHours_barEnd {
  right: 0;
}

[dir=rtl] .TradingHours_tradingHoursBar .TradingHours_barSlice:last-child .TradingHours_barEnd {
  left: 0;
}

.TradingHours_tradingHoursBar .TradingHours_barSlice.TradingHours_bg-white {
  background-color: #fff;
}

.TradingHours_tradingHoursBar .TradingHours_barSlice.TradingHours_bg-tangerine {
  background-color: #ff6101;
}

.TradingHours_tradingHoursBar .TradingHours_barSlice.TradingHours_bg-pink {
  background-color: #da3e76;
}

.TradingHours_tradingHoursBar .TradingHours_barSlice.TradingHours_bg-purple {
  background-color: #6d30b6;
}

.TradingHours_tradingHoursBar .TradingHours_barSlice.TradingHours_bg-gray {
  background-color: #b3b3b3;
}

.TradingHours_timeSlotItems {
  display: grid;
  gap: 30px;
}

@media (max-width: 760px) {
  .TradingHours_timeSlotItems .TradingHours_timeSlotItem {
    display: flex;
    gap: 18px;
  }
  .TradingHours_timeSlotItems .TradingHours_timeSlotItem .TradingHours_iconWrapper {
    position: relative;
    top: 3px;
  }
}
.TradingHours_timeSlotItems .TradingHours_timeSlotItem .TradingHours_iconWrapper {
  display: flex;
  align-items: center;
}

.TradingHours_timeSlotItems .TradingHours_timeSlotItem .TradingHours_iconWrapper img {
  width: 24px;
  height: 24px;
}

.TradingHours_timeSlotItems .TradingHours_timeSlotItem .TradingHours_itemInner {
  display: flex;
}

@media (min-width: 760px) {
  .TradingHours_timeSlotItems .TradingHours_timeSlotItem .TradingHours_itemInner {
    justify-content: space-between;
    align-items: center;
  }
}
@media (max-width: 760px) {
  .TradingHours_timeSlotItems .TradingHours_timeSlotItem .TradingHours_itemInner {
    gap: 9px;
    flex-direction: column;
  }
}
.TradingHours_timeSlotItems .TradingHours_timeSlotItem .TradingHours_itemInner .TradingHours_iconWithTitle {
  display: flex;
  gap: 15px;
}

.TradingHours_timeSlotItems .TradingHours_timeSlotItem .TradingHours_itemInner .TradingHours_iconWithTitle .TradingHours_label {
  font-size: 18px;
}

@media (max-width: 760px) {
  .TradingHours_timeSlotItems .TradingHours_timeSlotItem .TradingHours_itemInner .TradingHours_iconWithTitle .TradingHours_label {
    font-size: 16px;
  }
}
.TradingHours_timeSlotItems .TradingHours_timeSlotItem .TradingHours_itemInner .TradingHours_startEndTimeWrapper {
  font-size: 18px;
  font-weight: 300;
}

@media (max-width: 760px) {
  .TradingHours_timeSlotItems .TradingHours_timeSlotItem .TradingHours_itemInner .TradingHours_startEndTimeWrapper {
    font-size: 16px;
    color: #b3b3b3;
  }
}
.InstrumentTableGroup_section {
  max-width: 1224px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 80px;
  padding-top: 80px;
}

@media (max-width: 760px) {
  .InstrumentTableGroup_section {
    padding-bottom: 40px;
    padding-top: 40px;
  }
}
.InstrumentTableGroup_topPart {
  padding-bottom: 24px;
}

.InstrumentTableGroup_section.InstrumentTableGroup_withoutPadding {
  padding-top: 0;
}

@media (max-width: 760px) {
  .InstrumentTableGroup_section.InstrumentTableGroup_withoutPadding {
    padding-top: 0;
  }
}
.InstrumentTableGroup_wrap {
  display: flex;
  gap: 12px;
  max-width: 1224px;
  flex-direction: column;
}

.InstrumentTableGroup_container {
  max-width: 1224px;
  margin: 0 auto;
}
.InstrumentTableGroup_container h3 {
  color: #fff;
  font-size: 28px;
  line-height: 35px;
  margin-bottom: 12px;
}
.InstrumentTableGroup_container p {
  color: #b3b3b3;
  line-height: 24px;
  letter-spacing: 0.32px;
  margin-bottom: 24px;
}

.InstrumentTableGroup_mobileButtonWrap {
  margin-top: 48px;
}

@media (max-width: 760px) {
  .InstrumentTableGroup_withoutButton {
    margin-top: 40px;
  }
}
.InstrumentTableGroup_assetsBarWrap {
  margin-bottom: 24px;
  max-width: 1224px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 760px) {
  .InstrumentTableGroup_assetsBarWrap {
    margin-top: 24px;
  }
}
.LastUpdated_wrap p {
  font-size: 14px;
  margin: 3px 0 !important;
  text-align: left;
}

.LastUpdated_sharesUpdate:before {
  content: "|";
  margin: 0 12px;
}

@media (max-width: 760px) {
  .LastUpdated_sharesUpdate {
    display: block;
    margin: 3px 0;
  }
  .LastUpdated_sharesUpdate:before {
    display: none;
  }
}
@keyframes InstrumentTable_flashBackgroundRed {
  0% {
    background-color: #000;
    color: #fff;
  }
  10% {
    background-color: #f52c31;
    color: #000;
  }
  75% {
    background-color: #f52c31;
    color: #000;
  }
  to {
    background-color: #000;
    color: #fff;
  }
}
@keyframes InstrumentTable_flashBackgroundBlue {
  0% {
    background-color: #000;
  }
  10% {
    background-color: #1255E9;
  }
  75% {
    background-color: #1255E9;
  }
  to {
    background-color: #000;
  }
}
@keyframes InstrumentTable_flashBackgroundRedInverse {
  0% {
    background-color: #fff;
  }
  10% {
    background-color: #f52c31;
  }
  75% {
    background-color: #f52c31;
  }
  to {
    background-color: #fff;
  }
}
@keyframes InstrumentTable_flashBackgroundBlueInverse {
  0% {
    background-color: #fff;
    color: #000;
  }
  10% {
    background-color: #1255E9;
    color: #fff;
  }
  75% {
    background-color: #1255E9;
    color: #fff;
  }
  to {
    background-color: #fff;
    color: #000;
  }
}
@keyframes InstrumentTable_flashRedColor {
  0% {
    color: #fff;
  }
  10% {
    color: #f52c31;
  }
  75% {
    color: #f52c31;
  }
  to {
    color: #fff;
  }
}
@keyframes InstrumentTable_flashGreenColor {
  0% {
    color: #fff;
  }
  10% {
    color: #29AD46;
  }
  75% {
    color: #29AD46;
  }
  to {
    color: #fff;
  }
}
@keyframes InstrumentTable_flashRedColorInverse {
  0% {
    color: #000;
  }
  10% {
    color: #f52c31;
  }
  75% {
    color: #f52c31;
  }
  to {
    color: #000;
  }
}
@keyframes InstrumentTable_flashGreenColorInverse {
  0% {
    color: #000;
  }
  10% {
    color: #29AD46;
  }
  75% {
    color: #29AD46;
  }
  to {
    color: #000;
  }
}
.InstrumentTable_wrap {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.InstrumentTable_head {
  max-height: 44px;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 6px;
  padding-left: 18px;
}

.InstrumentTable_head .InstrumentTable_headerWrap {
  display: block;
  padding-top: 12px;
  padding-bottom: 12px;
  color: #fff;
  font-family: Soehne, arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  text-transform: capitalize;
  white-space: nowrap;
  text-align: left;
}

.InstrumentTable_head .InstrumentTable_headerWrap.InstrumentTable_instrument {
  grid-column: 1/span 6;
  color: rgba(0, 0, 0, 0);
}

@media (max-width: 760px) {
  .InstrumentTable_head {
    display: none;
  }
}
.InstrumentTable_componentWrap {
  width: 100%;
}

.InstrumentTable_overlayContentWrap {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  padding: 20px;
  gap: 18px;
  color: #fff;
}

.InstrumentTable_overlayContentWrap .InstrumentTable_overlayCta {
  text-transform: uppercase;
  text-decoration: none;
  font-family: Blender, helvetica, sans-serif;
  font-weight: 700;
  font-size: 20px;
  display: flex;
  gap: 6px;
  align-items: center;
  transition: all 0.3s ease;
  height: 40px;
}
.InstrumentTable_overlayContentWrap .InstrumentTable_overlayCta:hover {
  text-decoration: underline;
  color: #f8f8f8;
}
.InstrumentTable_overlayContentWrap .InstrumentTable_overlayCta img {
  position: relative;
  width: 24px;
  height: 24px;
  transition: all 0.3s ease;
  left: 0;
}

.InstrumentTable_liWrap {
  width: 100%;
  border-radius: 9px;
  background-color: #262626;
  transition: all 0.3s ease;
  padding-left: 18px;
}
.InstrumentTable_liWrap a {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 6px;
  align-items: center;
  text-decoration: none;
}

.InstrumentTable_liWrap .InstrumentTable_instrumentWrap {
  display: flex;
  flex-direction: column;
  padding: 17px 0;
  color: #fff;
  font-weight: 400;
  letter-spacing: 0.32px;
  font-family: Soehne, arial, sans-serif;
  grid-column: 1/span 6;
}

.InstrumentTable_liWrap .InstrumentTable_instrumentWrap .InstrumentTable_iconAndInstrument {
  display: flex;
  gap: 15px;
  align-items: center;
}

.InstrumentTable_liWrap .InstrumentTable_instrumentWrap .InstrumentTable_iconContainer {
  border-radius: 50px;
  overflow: hidden;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
}

.InstrumentTable_liWrap .InstrumentTable_instrumentWrap .InstrumentTable_iconPlaceholder {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #fff;
  border-radius: 50px;
}

.InstrumentTable_liWrap .InstrumentTable_instrumentWrap img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

.InstrumentTable_liWrap .InstrumentTable_instrumentWrap .InstrumentTable_instrumentHeading {
  font-weight: 700;
}

.InstrumentTable_liWrap .InstrumentTable_instrumentWrap .InstrumentTable_instrumentSubheading {
  color: #f8f8f8;
  font-size: 14px;
  line-height: 125%;
  white-space: nowrap;
  margin-bottom: 0 !important;
  height: 0;
  opacity: 0;
  transition: all 0.3s ease;
  padding-left: 45px;
}

.InstrumentTable_liWrap .InstrumentTable_priceWrap {
  transition: color 1s ease-in-out;
}

.InstrumentTable_liWrap .InstrumentTable_up {
  animation: InstrumentTable_flashGreenColor 2.5s ease-in-out;
}

.InstrumentTable_liWrap .InstrumentTable_stable {
  color: #fff;
}

.InstrumentTable_liWrap .InstrumentTable_down {
  animation: InstrumentTable_flashRedColor 2.5s ease-in-out;
}

.InstrumentTable_liWrap .InstrumentTable_percentWrap,
.InstrumentTable_liWrap .InstrumentTable_priceWrap,
.InstrumentTable_liWrap .InstrumentTable_spreadWrap {
  color: #fff;
  font-family: Blender, helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}

.InstrumentTable_liWrap:hover {
  background-color: #4d4d4d;
}

.InstrumentTable_liWrap:hover .InstrumentTable_instrumentHeading {
  text-decoration: underline;
}

.InstrumentTable_liWrap:hover .InstrumentTable_instrumentSubheading {
  opacity: 1;
  height: 20px;
}

@keyframes RatesSingleInstrument_flashBackgroundRed {
  0% {
    background-color: #000;
    color: #fff;
  }
  10% {
    background-color: #f52c31;
    color: #000;
  }
  75% {
    background-color: #f52c31;
    color: #000;
  }
  to {
    background-color: #000;
    color: #fff;
  }
}
@keyframes RatesSingleInstrument_flashBackgroundBlue {
  0% {
    background-color: #000;
  }
  10% {
    background-color: #1255E9;
  }
  75% {
    background-color: #1255E9;
  }
  to {
    background-color: #000;
  }
}
@keyframes RatesSingleInstrument_flashBackgroundRedInverse {
  0% {
    background-color: #fff;
  }
  10% {
    background-color: #f52c31;
  }
  75% {
    background-color: #f52c31;
  }
  to {
    background-color: #fff;
  }
}
@keyframes RatesSingleInstrument_flashBackgroundBlueInverse {
  0% {
    background-color: #fff;
    color: #000;
  }
  10% {
    background-color: #1255E9;
    color: #fff;
  }
  75% {
    background-color: #1255E9;
    color: #fff;
  }
  to {
    background-color: #fff;
    color: #000;
  }
}
@keyframes RatesSingleInstrument_flashRedColor {
  0% {
    color: #fff;
  }
  10% {
    color: #f52c31;
  }
  75% {
    color: #f52c31;
  }
  to {
    color: #fff;
  }
}
@keyframes RatesSingleInstrument_flashGreenColor {
  0% {
    color: #fff;
  }
  10% {
    color: #29AD46;
  }
  75% {
    color: #29AD46;
  }
  to {
    color: #fff;
  }
}
@keyframes RatesSingleInstrument_flashRedColorInverse {
  0% {
    color: #000;
  }
  10% {
    color: #f52c31;
  }
  75% {
    color: #f52c31;
  }
  to {
    color: #000;
  }
}
@keyframes RatesSingleInstrument_flashGreenColorInverse {
  0% {
    color: #000;
  }
  10% {
    color: #29AD46;
  }
  75% {
    color: #29AD46;
  }
  to {
    color: #000;
  }
}
.RatesSingleInstrument_wrap {
  padding: 12px 24px;
  width: 100%;
  border-radius: 9px;
  background-color: #262626;
  transition: all 0.3s ease;
}

.RatesSingleInstrument_wrap a {
  display: flex;
  flex-direction: column;
  gap: 18px;
  text-decoration: none;
}

.RatesSingleInstrument_wrap .RatesSingleInstrument_instrumentWrap {
  color: #fff;
}

.RatesSingleInstrument_wrap .RatesSingleInstrument_iconAndInstrument {
  display: flex;
  align-items: center;
  gap: 15px;
}

.RatesSingleInstrument_wrap .RatesSingleInstrument_iconAndInstrument .RatesSingleInstrument_iconContainer {
  border-radius: 50px;
  overflow: hidden;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.RatesSingleInstrument_wrap .RatesSingleInstrument_iconAndInstrument .RatesSingleInstrument_iconPlaceholder {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #fff;
  border-radius: 50px;
}

.RatesSingleInstrument_wrap .RatesSingleInstrument_iconAndInstrument .RatesSingleInstrument_instrumentHeading {
  font-weight: 700;
}

.RatesSingleInstrument_wrap .RatesSingleInstrument_iconAndInstrument img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

.RatesSingleInstrument_wrap .RatesSingleInstrument_metrics {
  display: flex;
  justify-content: space-between;
}

.RatesSingleInstrument_wrap .RatesSingleInstrument_percentWrap,
.RatesSingleInstrument_wrap .RatesSingleInstrument_priceWrap,
.RatesSingleInstrument_wrap .RatesSingleInstrument_spreadWrap {
  display: flex;
  flex-direction: column;
  text-transform: none;
  color: #fff;
}

.RatesSingleInstrument_wrap .RatesSingleInstrument_percentWrap span,
.RatesSingleInstrument_wrap .RatesSingleInstrument_priceWrap span,
.RatesSingleInstrument_wrap .RatesSingleInstrument_spreadWrap span {
  font-family: Soehne, arial, sans-serif;
  font-weight: 300;
  font-size: 12px;
  line-height: 150%;
}

.RatesSingleInstrument_wrap .RatesSingleInstrument_percentWrap div,
.RatesSingleInstrument_wrap .RatesSingleInstrument_priceWrap div,
.RatesSingleInstrument_wrap .RatesSingleInstrument_spreadWrap div {
  font-family: Soehne, arial, sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 150%;
}

.RatesSingleInstrument_wrap:hover a .RatesSingleInstrument_instrumentHeading {
  text-decoration: underline;
}

.RatesSingleInstrument_up {
  animation: RatesSingleInstrument_flashGreenColor 2.5s ease-in-out;
}

.RatesSingleInstrument_stable {
  color: #fff;
}

.RatesSingleInstrument_down {
  animation: RatesSingleInstrument_flashRedColor 2.5s ease-in-out;
}

.RatesSingleInstrument_light {
  background-color: #f8f8f8;
}

.RatesSingleInstrument_light.RatesSingleInstrument_wrap .RatesSingleInstrument_iconPlaceholder {
  border-color: #000;
  color: #000;
}

.RatesSingleInstrument_light .RatesSingleInstrument_instrumentWrap,
.RatesSingleInstrument_light .RatesSingleInstrument_percentWrap,
.RatesSingleInstrument_light .RatesSingleInstrument_priceWrap,
.RatesSingleInstrument_light .RatesSingleInstrument_spreadWrap {
  color: #000;
}

.RatesSingleInstrument_light .RatesSingleInstrument_up {
  animation: RatesSingleInstrument_flashRedColorInverse 2.5s ease-in-out;
}

.RatesSingleInstrument_light .RatesSingleInstrument_stable {
  color: #000;
}

.RatesSingleInstrument_light .RatesSingleInstrument_down {
  animation: RatesSingleInstrument_flashGreenColorInverse 2.5s ease-in-out;
}

.AssetTabSwitcher_wrap {
  display: flex;
  justify-content: start;
  gap: 12px;
  flex-wrap: wrap;
}

.AssetTabSwitcher_wrap button:disabled {
  background-color: #ff6101 !important;
  color: #151515 !important;
}

@media (max-width: 1000px) {
  .AssetTabSwitcher_wrap button {
    justify-self: flex-start;
    padding: 12px 23px 12px 20px;
  }
}
@media (max-width: 760px) {
  .AssetTabSwitcher_wrap button:hover {
    color: #fff;
  }
}
@media (max-width: 1000px) {
  .AssetTabSwitcher_wrap {
    background-color: #151515;
  }
  .AssetTabSwitcher_wrap > div[class*=selectContainer] {
    width: 100%;
  }
  .AssetTabSwitcher_wrap div[role=listbox] button {
    justify-content: flex-start;
  }
}
.carousel {
  max-width: 600px;
  margin: 0 auto;
}

.example-box {
  margin-bottom: 50px;
  /* box-shadow: 0 2px 5px rgba(0,0,0,.4); */
  padding: 1em;
  border-radius: 12px;
  border: 1px solid #DFDFDF;
}

.example-box h2 {
  margin: 0 0 20px !important;
}

.carousel-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 36px;
  background-color: #151515;
  color: #f8f8f8;
  width: 360px;
  height: 100%;
  border-style: solid;
  border-width: 0;
  border-top-width: 2px;
  border-top-style: solid;
  border-color: #ff6101;
}

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

.ec {
  position: relative;
}
.ec .ec__holder {
  overflow: hidden;
}
.ec .ec__track {
  will-change: transform;
}
.ec .ec__track:after {
  content: "";
  display: table;
  clear: both;
}
.ec .ec__item {
  float: left;
  overflow: hidden;
}
.ec .ec__pagination {
  text-align: center;
  margin-top: 10px;
}
.ec .ec__pagination .pagination__dot {
  width: 8px;
  height: 8px;
  background-color: transparent;
  display: inline-block;
  border: 1px solid #fff;
  margin: 0 5px;
  border-radius: 50%;
  cursor: pointer;
}
.ec .ec__pagination .pagination__dot--active {
  background-color: #fff;
}
.ec .ec__nav {
  position: absolute;
  top: 45%;
  width: 44px;
  height: 44px;
  padding: 10px 14px;
  border-radius: 50%;
  border: transparent;
  cursor: pointer;
}
.ec .ec__nav:hover {
  border: 1px solid #fff;
}
.ec .ec__nav:before {
  content: "";
}
.ec .ec__nav--prev {
  left: -2%;
}
.ec .ec__nav--next {
  right: -2%;
}

@font-face {
  font-family: "Blender";
  src: local("Blender Medium"), local("Blender-Medium"), url("/font/tradu/Blender-Medium.woff2") format("woff2"), url("/font/tradu/Blender-Medium.woff") format("woff"), url("/font/tradu/Blender-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Blender Bold";
  src: local("Blender Bold"), local("Blender-Bold"), url("/font/tradu/Blender-Bold.woff2") format("woff2"), url("/font/tradu/Blender-Bold.woff") format("woff"), url("/font/tradu/Blender-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Soehne";
  src: local("Soehne"), url("/font/tradu/Soehne.woff") format("woff"), url("/font/tradu/Soehne.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Soehne-Bold";
  src: local("Soehne-Bold"), url("/font/tradu/Soehne-Bold.woff") format("woff"), url("/font/tradu/Soehne-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Blender";
  src: local("Blender Medium"), local("Blender-Medium"), url("/hk/font/tradu/Blender-Medium.woff2") format("woff2"), url("/hk/font/tradu/Blender-Medium.woff") format("woff"), url("/hk//font/tradu/Blender-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Blender Bold";
  src: local("Blender Bold"), local("Blender-Bold"), url("/hk/font/tradu/Blender-Bold.woff2") format("woff2"), url("/hk/font/tradu/Blender-Bold.woff") format("woff"), url("/hk/font/tradu/Blender-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Soehne";
  src: local("Soehne"), url("/hk/font/tradu/Soehne.woff") format("woff"), url("/hk//font/tradu/Soehne.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Soehne-Bold";
  src: local("Soehne-Bold"), url("/hk/font/tradu/Soehne-Bold.woff") format("woff"), url("/hk/font/tradu/Soehne-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
.sarabun-thin {
  font-family: "Sarabun", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.sarabun-extralight {
  font-family: "Sarabun", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.sarabun-light {
  font-family: "Sarabun", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.sarabun-regular {
  font-family: "Sarabun", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.sarabun-medium {
  font-family: "Sarabun", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.sarabun-semibold {
  font-family: "Sarabun", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.sarabun-bold {
  font-family: "Sarabun", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.sarabun-extrabold {
  font-family: "Sarabun", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.sarabun-thin-italic {
  font-family: "Sarabun", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.sarabun-extralight-italic {
  font-family: "Sarabun", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.sarabun-light-italic {
  font-family: "Sarabun", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.sarabun-regular-italic {
  font-family: "Sarabun", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.sarabun-medium-italic {
  font-family: "Sarabun", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.sarabun-semibold-italic {
  font-family: "Sarabun", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.sarabun-bold-italic {
  font-family: "Sarabun", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.sarabun-extrabold-italic {
  font-family: "Sarabun", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.chakra-petch-light {
  font-family: "Chakra Petch", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.chakra-petch-regular {
  font-family: "Chakra Petch", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.chakra-petch-medium {
  font-family: "Chakra Petch", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.chakra-petch-semibold {
  font-family: "Chakra Petch", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.chakra-petch-bold {
  font-family: "Chakra Petch", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.chakra-petch-light-italic {
  font-family: "Chakra Petch", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.chakra-petch-regular-italic {
  font-family: "Chakra Petch", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.chakra-petch-medium-italic {
  font-family: "Chakra Petch", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.chakra-petch-semibold-italic {
  font-family: "Chakra Petch", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.chakra-petch-bold-italic {
  font-family: "Chakra Petch", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.roboto-thin {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.roboto-light {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.roboto-regular {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.roboto-medium {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.roboto-bold {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.roboto-black {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.roboto-thin-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.roboto-light-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.roboto-regular-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.roboto-medium-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.roboto-bold-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.roboto-black-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: italic;
}/*# sourceMappingURL=main.css.map */