#hero {
  position: relative; }
  @media (max-width: 991px) {
    #hero h1, #hero .lrg {
      text-align: center; } }
  @media (max-width: 991px) {
    #hero:before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(to top, #000000 50%, rgba(0, 0, 0, 0.02) 90%);
      pointer-events: none; } }
  #hero .container {
    z-index: 1;
    position: relative; }
  #hero .blocks {
    margin-top: 100px;
    gap: 20px;
    justify-content: center; }
    @media (max-width: 991px) {
      #hero .blocks {
        margin-top: 50px;
        gap: 12px; }
        #hero .blocks .col-lg-4 {
          display: flex;
          justify-content: center; } }
    #hero .blocks .block {
      height: 54px;
      border-radius: 165px;
      background: linear-gradient(321deg, rgba(191, 191, 191, 0.06) 5.98%, rgba(0, 0, 0, 0) 66.28%), rgba(0, 0, 0, 0.14);
      box-shadow: -8px 4px 5px 0 rgba(0, 0, 0, 0.24);
      backdrop-filter: blur(26.5px);
      width: 100%;
      max-width: 290px;
      display: inline-flex;
      align-items: center;
      justify-content: space-around; }
      #hero .blocks .block .up-down {
        width: 24px;
        height: 24px;
        background: url("../img/price-up.svg") center/contain no-repeat; }
      #hero .blocks .block .symbol-wrapper {
        font-size: 12px;
        color: #D9D9D9; }
        #hero .blocks .block .symbol-wrapper .symbol {
          font-weight: 500; }
        #hero .blocks .block .symbol-wrapper .price {
          font-weight: 300; }
      #hero .blocks .block .btn {
        font-size: clamp(12px, 4vw, 12px);
        padding: 6px 22px;
        border-radius: 30px; }

.page-id-40 #widget-tw .button {
  display: block; }

#widget-tw {
  padding-top: 0; }
  #widget-tw .button {
    margin: 40px auto 0 auto;
    text-align: center; }
  #widget-tw h2, #widget-tw .lrg {
    max-width: 442px;
    margin-left: auto;
    margin-right: auto; }
  #widget-tw .col-lg-12 {
    min-height: 680px; }
    #widget-tw .col-lg-12 iframe {
      min-height: 680px; }
  #widget-tw .tradingview-widget-container {
    margin-top: 55px; }

#trading-conditions .lrg {
  max-width: 462px;
  margin: 0 auto; }
#trading-conditions .blocks {
  margin-top: 80px;
  border: 1px solid #262626;
  border-radius: 22px;
  width: 100%;
  padding: 35px 0;
  display: grid;
  grid-template-columns: repeat(2, 336px);
  justify-content: center;
  gap: 31px; }
  @media (max-width: 1199px) {
    #trading-conditions .blocks {
      grid-template-columns: repeat(2, 336px) !important; } }
  @media (max-width: 991px) {
    #trading-conditions .blocks {
      grid-template-columns: 336px !important; } }
  #trading-conditions .blocks .block {
    border: 1px solid #262626;
    border-radius: 22px;
    height: 147px;
    padding: 0 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left; }
    @media (max-width: 991px) {
      #trading-conditions .blocks .block {
        align-items: center; } }
    #trading-conditions .blocks .block .title {
      font-size: clamp(24px, 4vw, 30px) !important;
      line-height: 120%;
      margin-bottom: 20px; }
    #trading-conditions .blocks .block .text {
      font-size: clamp(16px, 4vw, 18px) !important; }
    #trading-conditions .blocks .block:hover {
      background: #007FFF;
      border-radius: 10px; }
      #trading-conditions .blocks .block:hover .title {
        font-size: clamp(28px, 4vw, 36px) !important;
        line-height: 120%;
        margin-bottom: 20px; }

#markets h2, #markets .lrg {
  max-width: 442px;
  margin-left: auto;
  margin-right: auto; }
#markets .button {
  margin: 40px auto 0 auto;
  text-align: center; }
#markets .tradingview-widget-container {
  pointer-events: none;
  margin-top: 50px; }

.tradingview-widget-copyright {
  display: none; }

#table h2, #table .lrg {
  max-width: 442px;
  margin-left: auto;
  margin-right: auto; }
#table .main {
  border: 1px solid #262626;
  border-radius: 22px;
  margin: 50px 0 0 0;
  padding: 112px 140px; }
  @media (max-width: 991px) {
    #table .main {
      padding: 20px 20px; } }
  @media (max-width: 576px) {
    #table .main {
      border: 0px solid #262626;
      padding: 0; } }
#table .leverage-table {
  display: flex;
  flex-direction: column;
  gap: 12px; }
#table .leverage-line {
  display: grid;
  grid-template-columns: 150px repeat(5, 1fr);
  background: #060606;
  border: 1px solid #262626;
  overflow: hidden;
  padding: 18px 33px; }
  @media (max-width: 576px) {
    #table .leverage-line {
      grid-template-columns: 50px repeat(5, 1fr);
      padding: 12px; } }
#table .leverage-line:nth-child(even) {
  background: #262626; }
#table .leverage-line > div {
  /*padding: 14px 12px;*/
  text-align: center; }
#table .leverage-line > div:first-child {
  text-align: left; }
#table .leverage-line > div:last-child {
  border-right: none; }
#table .header-line {
  background: #0b1220;
  font-weight: 600; }
#table .title {
  background: #007FFF;
  padding: 18px 33px; }

html[dir="rtl"] #table .leverage-line > div:first-child {
  text-align: right; }
html[dir="rtl"] #trading-conditions .blocks .block {
  text-align: right; }

html[lang="es-ES"] #trading-conditions .blocks .block, html[lang="it-IT"] #trading-conditions .blocks .block {
  height: 178px; }

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