.ai-signal-wrapper .ai-signal{
    border: solid 1px #fff; 
    padding: 10px;
    border-radius: 5px; 
    margin-bottom: 1em;
}
.ai-signal-wrapper .ai-signal p{
    text-align: center;
    font-size: 1rem; 
    margin: 0; 
    text-align: left; 
    font-weight: 500; 
    color: #fff;
}
.features-footer{
  margin-top: 0;
}

/* AI Signals Page / Animated number counters */
/* counter 01 */
@property --num1 {
    syntax: "<integer>";
    initial-value: 0;
    inherits: false;
  }
  
  p.counter-01 {
    animation: counter-01 8s steps(115) infinite;
    counter-reset: num1 var(--num1);
    font: 800 40px system-ui;
  }
  
  p.counter-01::before {
    content: "+";
  }
  
  p.counter-01::after {
    content: counter(num1) "%";
  }
  
  @keyframes counter-01 {
    0%, 37.5% {
      --num1: 0;
    }
    37.5%, 100% {
      --num1: 115;
    }
  }
  
  /* counter 02 */
  @property --num2 {
    syntax: "<integer>";
    initial-value: 0;
    inherits: false;
  }
  
  p.counter-02 {
    animation: counter-02 8s steps(119) infinite;
    counter-reset: num2 var(--num2);
    font: 800 40px system-ui;
  }
  
  p.counter-02::before {
    content: "+";
  }
  
  p.counter-02::after {
    content: counter(num2) "%";
  }
  
  @keyframes counter-02 {
    0%, 37.5% {
      --num2: 0;
    }
    37.5%, 100% {
      --num2: 119;
    }
  }
  
  /* counter 03 */
  @property --num3 {
    syntax: "<integer>";
    initial-value: 0;
    inherits: false;
  }
  
  p.counter-03 {
    animation: counter-03 8s steps(26) infinite;
    counter-reset: num3 var(--num3);
    font: 800 40px system-ui;
  }
  
  p.counter-03::before {
    content: "+";
  }
  
  p.counter-03::after {
    content: counter(num3) "%";
  }
  
  @keyframes counter-03 {
    0%, 37.5% {
      --num3: 0;
    }
    37.5%, 100% {
      --num3: 26;
    }
  }

  .ai-stock-name{
    background-color:#F05A29; 
    display: inline-block; 
    padding: 0 4px; 
    border-radius: 3px; 
    font-size: 1.2rem;
    text-align: center;
    margin-bottom: 5px;
  }

  .ai-charts .col{
    padding: 20px;
  }


.tow-cta h2{
  font-size: 2.5vw !important;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .form-inputs {
      flex-direction: row !important;
  }
  .form-button {
      /* width: auto !important; */
  }
}
@media screen and (max-width: 992px){
  .tow-cta h2{
      font-size: 2.5rem !important;
      text-align: center;
  }
  .tow-cta p{
      text-align: center;
  }
}
@media screen and (min-width: 1800px){
  .tow-cta h2{
      font-size: 2.5rem !important;
  }
}