body {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #989a99;
    background-color: #111;
}
main{
    min-height: calc(100vh - 220px);
}
/* Headings use Poppins for a clean and modern look */
h1, h2, h3, h4, h5, h6, .hero {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
}
.nav-item a{
    color: #7bc041;
}
.nav-link:focus, .nav-link:hover {
  color:#989a99;
}
#about, #services, #contact {
    padding: 50px 0;
    
}

footer, .bg-dark {
    background: #0074b9!important;
}
.hero, .btn, footer{
    font-family: 'Open Sans', sans-serif;
}
#hero{
    background: #fff; 
    color: #000;
}
#how-it-works{
    background: #004267;
}
.primary-text { 
    color: #7bc041!important; 
}
.secondary-text { 
    color: #0173b9!important; 
}
.text-black { 
    color: #000; 
}
.bg-custom {
  background: #f8f8f8;
  padding-top: 160px!important; /* adjust as needed */
  clip-path: url(#arcClipDesktop);
  -webkit-clip-path: url(#arcClipDesktop);
}

@media (max-width: 1000px) {
  .bg-custom {
    padding-top: 30px!important;
    clip-path: none;
    -webkit-clip-path: none;
    padding-top: 20px; /* adjust padding since arc is removed */
  }
}
.bg-overlay {
    /* position: absolute;
    background-image: url(assets/images/overlay2.jpg); */
    height: 100%;
    width: 100%;
    opacity: .3;
    top: 0;
    background-size: cover;
}
.accordion-button:not(.collapsed) {
    color: #fff!important;
    background-color: #0074b9!important;
}
.btn-custom { 
    background-color: #7bc041; border-color: #7bc041; 
}
.btn-custom:hover { 
    background-color: #569521; border-color: #569521; 
}
.bg-form{
    padding: 50px;
    background: #004267;
    border-radius: 30px;
    position: relative;
    max-width: 1000px;
}
/* grey #989a99, gold #7bc041 */

body {
    font-family: Arial, sans-serif;
    background: #fff;
    margin: 0;
    padding: 0;
  }
  #multiStepForm {
    max-width: 1000px;
    margin: 2rem auto;
    background: #fff;
    padding: 2rem;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  }
  fieldset {
    border: none;
    display: none;
    opacity: 0;
    transition: opacity 0.5s ease;
  }
  fieldset.active {
    display: block;
    opacity: 1;
  }
  .question {
    margin-bottom: 1rem;
  }
  .answers button, .custom-btn {
    background-color: #7bc041;
    color: #fff;
    margin-right: 10px;
  }
  .prev-btn {
    cursor: pointer;
    color: #7bc041;
  }
  .prev-btn:before {
    content: url('assets/images/chevron-left-double.svg?v=4');
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
    top: 2px;
    position: relative;
    transition: right 1s ease;
  }
  .answers button:hover,
  .answers button:active,
  .custom-btn:hover,
  .custom-btn:active
   {
    opacity: 0.9;
    transition: right 1s ease;
    background-color: #7bc041!important;
    color: #fff!important;
  }
  .prev-btn:hover::before{
    right:2px;
  }
  #multiStepForm input, #multiStepForm select {
    width: 100%;
    padding: 0.5rem;
    margin-top: 0.5rem;
    border: 1px solid #ccc;
    border-radius: 4px;
  }
  #multiStepForm input[type="checkbox"] {
    width: unset;
  }
  #multiStepForm label{
    margin-bottom: 0;
  }
  .conditional {
    margin-top: 1rem;
    display: none;
  }
  .primary-text { color: #7bc041; }
  .secondary-text { color: #989a99; }

  #progress-container {
    max-width: 1000px;
    margin: 20px auto;
    height: 15px;
    background: #e0e0e0;
    border-radius: 25px;
    overflow: hidden;
  }
  #progress-bar {
    height: 100%;
    width: 0%;
    background-color: #7bc041;
    transition: width 0.3s ease;
  }
  .line-heading {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .line-heading::before,
  .line-heading::after {
    content: "";
    flex: 1;
    border-bottom: 2px solid #fff;
    margin: 0 5px;
    max-width: 50px;
  }
  @media (max-width: 1020px) {
    #multiStepForm, #progress-container {
      margin: 10px;
    }
    .bg-form{
        max-width: calc(100vw - 20px);
    }
  }