.label {
    color: white !important;
    font-weight: bold;
    float: left;
}

.mb-3 {
    margin-bottom: 3px;
}

.mb-4 {
    margin-bottom: 4px;
}

.terms {
    float: left !important;
    margin-bottom: 10px;
    color: white;
    text-decoration: underline;

}

/* Default styles */
.c-btn {
    position: relative;
    top: -11px;
    left: 14px;
    border-radius: 6px;
    padding: 12px 20px;
    /* Adding padding for a better look */
}

/* For small screens (like mobile) */
@media (max-width: 768px) {
    .c-btn {
        top: 10px;
        /* Adjust top for mobile */
        left: 10px;
        /* Adjust left for mobile */
        padding: 10px 15px;
        /* Adjust padding for mobile */
    }
}

/* For extra small screens (like very small devices) */
@media (max-width: 480px) {
    .c-btn {
        top: 20px;
        /* More space from top */
        left: 8px;
        /* Less space from left */
        padding: 8px 12px;
        /* More compact button */
    }
}

.main-nav nav .navbar-nav .nav-item a.active {
    color: #579e44 !important;
}

.main-nav nav .navbar-nav .nav-item:hover a {
    color: #579e44 !important;
}

.common-btn {
    background-color: #579e44;
    position: relative;
}

.common-btn:hover {
    background-color: #2ecc71;
}

.about-p{
    text-align: left !important;
    padding: 0px 5px 0px 5px;
}

.toptxt h2{
    font-size: 38px;
  line-height: 50px;
  font-weight: 700;
  color: #579e44;
  padding: 0px 0px 10px 0px;
  font-family: var(--creote-family-one);
}

.toptxt p{
    font-size: 22px;
  line-height: 40px;
  font-weight: 700;
  font-family: var(--creote-family-one);
}


/* Regisster process section */

.how-to-get-started-section {
    /* background-color: #f9fafb; */
    padding-top: 60px;
    padding-bottom: 60px;
  }
  
  .how-to-get-started-section h2, 
  .how-to-get-started-section h3 {
    font-weight: 700;
    color: #1c1c1c;
  }
  
  .icon-circle {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #E0F0F4;
    margin-bottom: 20px;
  }
  
  .how-to-get-started-section i {
    font-size: 35px;
    color: #3a6ea5;
  }
  
  .how-to-get-started-section h4 {
    font-weight: 600;
    color: #333;
    margin-bottom: 10px;
  }
  
  .how-to-get-started-section p {
    font-size: 14px;
    color: #666;
  }
  
  .row {
    display: flex;
    justify-content: center;
    text-align: center;
  }
  
  .col-lg-3 {
    margin-bottom: 30px;
  }
  
  /* Responsive Design */
  @media (max-width: 768px) {
    .col-md-6 {
      margin-bottom: 30px;
    }
  }

  .how-to-get-started-section {
    /* background-color: #f9fafb; */
    padding-top: 60px;
    padding-bottom: 60px;
  }
  
  .how-to-get-started-section h2, 
  .how-to-get-started-section h3 {
    font-weight: 700;
    color: #1c1c1c;
  }
  
  .icon-circle {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #E0F0F4;
    margin-bottom: 20px;
  }
  
  .how-to-get-started-section i {
    font-size: 35px;
    color: #3a6ea5;
  }
  
  .how-to-get-started-section h4 {
    font-weight: 600;
    color: #333;
    margin-bottom: 10px;
  }
  
  .how-to-get-started-section p {
    font-size: 14px;
    color: #666;
  }
  
  .row {
    display: flex;
    justify-content: center;
    text-align: center;
  }
  
  .col-lg-3, .col-md-6 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 30px;
  }

  .how-to-get-started-section h3{
    font-size: 38px;
  line-height: 50px;
  font-weight: 700;
  color: #ff6a40;
  /* padding: 0px 0px 10px 0px; */
  font-family: var(--creote-family-one);
  }
  
  /* Responsive Design */
  @media (max-width: 768px) {
    .col-md-6 {
      margin-bottom: 30px;
    }
  }
  


.footer-item h3 {
margin-bottom: 15px; /* Adds space between the heading and the list */
}

.footer-item ul {
padding-left: 0; /* Removes the default padding */
list-style: none; /* Removes bullet points */
}

.footer-item ul li {
margin-bottom: 10px; /* Adds space between list items */
text-align: left; /* Ensures text aligns to the left */
}

.footer-item ul li i {
margin-right: 8px; /* Adds space between the icon and the text */
}

.before_title{
  font-size: 22px;
  line-height: 40px;
  font-weight: 700;
  color: #ff6a40;
  padding: 0px 0px 10px 0px;
  text-decoration: underline;
  font-family: var(--creote-family-one);
}


.footer-link, .footer-contact{
    text-align: left !important;
}