h1, h2, h4, h5 {
    color: #153c36;
  }
  
  .btn-success {
    background-color: var(--secondary-100);
    border-color: var(--secondary-100);
  }
  
  .btn-success:hover {
    background-color: var(--secondary-hover-100);
    border-color: var(--secondary-hover-100);
  }
  
  .btn-warning {
    background-color: var(--secondary-100);
    color: #153c36;
    border: none;
  }
  
  .btn-warning:hover {
    background-color: var(--secondary-hover-100);
    color: #153c36;
  }
  
  input.form-control, select.form-select {
    background: #e9f5ec;
    border: none;
    color: #153c36;
  }
  
  input.form-control:focus, select.form-select:focus {
    background: #e9f5ec;
    border: 1px solid #7fc241;
    box-shadow: none;
  }
  
  .form-step p{
    color: white;
  }

  .shadow {
    box-shadow: 0 4px 24px rgba(21,60,54,0.10)!important;
  }
  
  .navbar-brand img {
    height: 40px;
  }
  
  @media (max-width: 767px) {
    .play-btn { left: -10px; top: -10px; }
  }
  

.hero{
    background-color: var(--primary-5);

    label{
        color: white;
    }

    .form-control{
        background-color: white;
        border: 1px solid white;
        color: var(--black-75);
        padding: 0.75rem;
    }

    .form-control:focus{
        background-color: var(--primary-5);
        border: 1px solid white;
        box-shadow: none;
    }

    .form-select{
        background-color: white;
        border: 1px solid white;
        color: var(--black-75);
        padding: 0.75rem;
    }

    .form-select:focus{
        background-color: var(--primary-5);
        border: 1px solid white;
        box-shadow: none;
    }

    h1{
        line-height: 3rem;
    }

    @media (max-width: 576px) {
      h1 {
        line-height: 2.5rem;
        font-size: 2rem;
      }
    }
      
    }



.smallcase{
    a{
        color: var(--primary-100);
        background-color: var(--secondary-100);
        border-radius: 5px;
        border: none;
    }
    a:hover{
        color: var(--primary-100);
        background-color: var(--secondary-hover-100);
        border-radius: 5px;
    }
}

.cta{
    a{
        color: var(--primary-100);
        background-color: var(--secondary-100);
        border-radius: 5px;
        border: none;
    }
    a:hover{
        color: var(--primary-100);
        background-color: var(--secondary-hover-100);
        border-radius: 5px;
    }
}



.testimonial-video-trigger video {
    width: 50%;
    height: auto;
    max-height: 300px; 
    object-fit: cover; 
  }