#hero {
  position: relative;
  padding: 230px 0; }
  @media (max-width: 767px) {
    #hero {
      min-height: 562px;
      display: flex;
      align-items: center; } }
  @media (max-width: 991px) {
    #hero {
      background-position: top !important;
      background-size: cover !important;
      text-align: center; } }
  @media (max-width: 991px) {
    #hero:before {
      content: "";
      position: absolute;
      inset: 0;
      background: rgba(0, 0, 0, 0.35);
      pointer-events: none; } }
  #hero > * {
    position: relative;
    z-index: 1; }
  #hero h1, #hero .lrg {
    max-width: 350px; }
    @media (max-width: 991px) {
      #hero h1, #hero .lrg {
        margin-left: auto;
        margin-right: auto; } }
  @media (max-width: 767px) {
    #hero .button {
      display: flex;
      flex-direction: column;
      align-items: center; } }

@media (max-width: 991px) {
  #what-is-ct .lrg {
    text-align: center; } }
#what-is-ct .blocks {
  border: 1px solid #262626;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 20px;
  display: flex;
  align-items: center;
  position: relative; }
  @media (min-width: 991px) {
    #what-is-ct .blocks {
      background: none !important; } }
  @media (max-width: 991px) {
    #what-is-ct .blocks {
      padding: 100px 24px 60px 24px;
      background-position: center -4px !important; } }
  @media (max-width: 991px) {
    #what-is-ct .blocks:before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(to top, #000000 0%, rgba(0, 0, 0, 0.25) 90%);
      pointer-events: none; } }
  #what-is-ct .blocks > div {
    padding: 0; }
  #what-is-ct .blocks .text {
    padding: 0 64px;
    z-index: 1; }
    @media (max-width: 991px) {
      #what-is-ct .blocks .text {
        padding: 0 24px; } }
  #what-is-ct .blocks .image {
    min-height: 345px; }
    @media (max-width: 991px) {
      #what-is-ct .blocks .image {
        display: none; } }

#how-it-works .blocks {
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  width: 100%; }
  @media (max-width: 767px) {
    #how-it-works .blocks {
      grid-template-columns: 1fr; } }
  #how-it-works .blocks .block {
    border-radius: 20px;
    padding: 8px;
    border: 1px solid #262626;
    display: flex;
    align-items: center;
    gap: 12px; }
    #how-it-works .blocks .block:hover {
      background: #007FFF; }
      #how-it-works .blocks .block:hover .number {
        background: #fff;
        color: #000; }
    @media (max-width: 767px) {
      #how-it-works .blocks .block {
        flex-direction: column;
        padding: 20px;
        text-align: center; } }
    #how-it-works .blocks .block .number {
      min-width: 74px;
      height: 74px;
      margin-right: 8px;
      font-size: 26px;
      background: #007FFF;
      border-radius: 20px;
      display: flex;
      flex-direction: column;
      align-content: center;
      justify-content: center;
      align-items: center; }
    #how-it-works .blocks .block .wrapper .title {
      font-size: 16px;
      font-weight: 500; }
    #how-it-works .blocks .block .wrapper .text {
      font-size: 14px;
      font-weight: 400; }

#meet-the-strategy .container {
  position: relative;
  width: 100%; }
  @media (min-width: 991px) {
    #meet-the-strategy .container:before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(to right, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.25) 100%);
      pointer-events: none;
      max-width: 300px;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0; } }
  @media (min-width: 991px) {
    #meet-the-strategy .container:after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(to left, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.25) 100%);
      pointer-events: none;
      max-width: 300px;
      width: 100%;
      height: 100%;
      right: 0;
      top: 0;
      margin-left: auto; } }
#meet-the-strategy .lrg {
  max-width: 430px;
  margin: 0 auto; }
#meet-the-strategy .blocks {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 12px;
  margin: 40px 0; }
  #meet-the-strategy .blocks .block {
    flex: 1 0 32%;
    border: 1px solid #262626;
    padding: 22px 33px;
    border-radius: 20px;
    background: #060606; }
    #meet-the-strategy .blocks .block img {
      width: 100%; }
@media (max-width: 991px) {
  #meet-the-strategy .button {
    margin-top: 50px; } }

#leaderboard .lrg {
  max-width: 430px;
  margin: 0 auto; }
#leaderboard .table-block {
  margin: 40px 0;
  border-radius: 20px;
  border: 1px solid #262626;
  padding: 96px 140px; }
  @media (max-width: 991px) {
    #leaderboard .table-block {
      padding: 12px; } }
  #leaderboard .table-block img {
    width: 100%; }

#comparison .lrg {
  max-width: 330px;
  margin: 0 auto; }
  @media (max-width: 768px) {
    #comparison .lrg {
      margin-top: 80px; } }
#comparison .blocks {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin: 40px auto 40px auto;
  border: 1px solid #262626;
  border-radius: 20px;
  padding: 96px; }
  @media (max-width: 991px) {
    #comparison .blocks {
      padding: 24px; } }
  @media (min-width: 768px) {
    #comparison .blocks .block {
      flex: 1 0 48%;
      max-width: 400px; } }
  #comparison .blocks .block .title {
    font-size: 20px;
    margin-bottom: 22px; }
  #comparison .blocks .block .bubble {
    padding: 8px 20px;
    border-radius: 20px;
    background: #121212;
    margin-bottom: 12px; }
    @media (max-width: 991px) {
      #comparison .blocks .block .bubble {
        padding: 18px; } }
    #comparison .blocks .block .bubble:last-child {
      margin-bottom: 0; }
    #comparison .blocks .block .bubble:hover {
      background: #007FFF; }

#full-control .control {
  margin: 20px auto;
  display: flex; }
  #full-control .control .wrapper {
    border-radius: 20px;
    border: 1px solid #262626;
    padding: 35px;
    display: flex;
    justify-content: center;
    align-items: center; }
  #full-control .control ul {
    margin: 0; }
    #full-control .control ul li {
      margin-bottom: 27px; }
      #full-control .control ul li:before {
        width: 0; }
      #full-control .control ul li:last-child {
        margin-bottom: 0; }

#who-is .features__grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 12px;
  background: #000;
  margin-top: 40px; }
#who-is .card {
  background: #000;
  border-radius: 20px;
  padding: 42px 32px;
  border: 1px solid #262626;
  font-size: clamp(16px, 3vw, 24px) !important; }
  #who-is .card:hover {
    background: #007FFF; }
  @media (max-width: 991px) {
    #who-is .card {
      text-align: center; } }
#who-is .card--big-left {
  grid-row: 1 / span 2;
  justify-content: center; }
#who-is .card--blue {
  grid-column: 2 / 4; }
@media (max-width: 991px) {
  #who-is .features__grid {
    grid-template-columns: 1fr; }
  #who-is .card--big-left,
  #who-is .card--blue {
    grid-column: auto;
    grid-row: auto; } }

@media (min-width: 991px) {
  #start-ct .lrg {
    max-width: 270px; } }
@media (max-width: 991px) {
  #start-ct .lrg {
    text-align: center; } }
@media (min-width: 991px) {
  #start-ct h2 {
    max-width: 330px; } }
@media (max-width: 991px) {
  #start-ct .button {
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: fit-content;
    margin: 0 auto 40px auto; } }
#start-ct .blocks {
  border: 1px solid #262626;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 20px;
  display: flex;
  align-items: center;
  position: relative; }
  @media (min-width: 991px) {
    #start-ct .blocks {
      background: none !important; } }
  @media (max-width: 991px) {
    #start-ct .blocks {
      padding: 100px 24px 60px 24px;
      background-position: center -4px !important; } }
  @media (max-width: 991px) {
    #start-ct .blocks:before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(to top, #000000 0%, rgba(0, 0, 0, 0.25) 100%);
      pointer-events: none; } }
  #start-ct .blocks > div {
    padding: 0; }
  #start-ct .blocks .text {
    padding: 0 64px; }
    @media (max-width: 991px) {
      #start-ct .blocks .text {
        padding: 0;
        z-index: 1; } }
  #start-ct .blocks .image {
    min-height: 345px; }
    @media (max-width: 991px) {
      #start-ct .blocks .image {
        display: none; } }

/*# sourceMappingURL=copy-trading.css.map */