


.custom-checkbox {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  }
  
  .custom-checkbox input[type="checkbox"] {
  width: 30px; /* Adjust size as needed */
  height: 30px; /* Adjust size as needed */
  appearance: none; /* Remove default styling */
  background-color: #f0f0f0; /* Background color */
  border: 2px solid #d1d3d3; /* Border color */
  border-radius: 5px; /* Rounded corners */
  padding-left: 5px;
  padding-top: 10px;
  cursor: pointer;
  transition: background-color 0.3s, border-color 0.3s;
  }
  
  .custom-checkbox input[type="checkbox"]:checked {
  background-color: #00ff37; /* Checked background color */
  border-color: #ada9a9; /* Checked border color */
  }
  
  .custom-checkbox input[type="checkbox"]:checked::after {
  content: '✓'; /* Checkmark */
  color: white; /* Checkmark color */
  position: absolute;
  left: 5px;
  top:  -2px;
  font-size: 20px; /* Size of the checkmark */
  }
  
  .form-check-label {
  margin-left: 15px; /* Space between checkbox and label */
  font-size: 20px; /* Font size for the label */
  color: #362e2e; /* Label color */
  }
  
/* Txt box design */
  
.form-input {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 16px;
  transition: border 0.3s;
  }
  
  .form-input:focus {
  border-color: #007bff;
  outline: none;
  }
  
  .form-label {
  display: none;
  }

  .custom-checkbox {
  display: flex;
  align-items: center;
  }
  
  .custom-checkbox input {
  margin-right: 10px;
  }
  
  .textarea-lg {
  height: 100px;
  resize: none;
  }
  
  @media (max-width: 768px) {
  .col-md-4, .col-md-2, .col-12 {
  flex: 0 0 100%;
  max-width: 100%;
  }
  }
