/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 07 2025 | 18:40:13 */
.ff-el-input--content{
	 display: flex !important;
    flex-direction: column !important;
}

.ff-el-form-check {
	  cursor: pointer !important;
	background-color:white !important;
	 display: flex !important;
    width: 100% !important;
    justify-content: space-between !important;
    border-radius: 35px !important;
    overflow: hidden !important;
    align-items: center !important;
    padding: 4px 18px 4px 0 !important;
    border: 4px solid #FFB600 !important;
}
.ff-el-form-check-label{
	border:none !important;
}

.ff-el-form-check-label span {
	 border: none !important;
    font-weight: 700 !important;
    font-size: 1.1em !important;
}

/* new  */

.ff-el-form-check {
/*   cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  background-color: #fff !important;
  color: #000 !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important; */
  transition: background-color 0.2s ease, color 0.2s ease;
}

.ff-el-form-check * {
  color: inherit !important;
  background-color: inherit !important;
}

/* Hover effect */
.ff-el-form-check:hover {
  background-color: #FFB600 !important;
  color: #000 !important;
}

.ff-el-form-check:hover * {
  color: #000 !important;
}

/* ✅ Checked state using ff_item_selected */
.ff-el-form-check.ff_item_selected {
  background-color: #FFB600 !important;
  color: #000 !important;
}

.ff-el-form-check.ff_item_selected * {
  color: #000 !important;
}

/* Optional: radio accent color */
.ff-el-form-check-input[type="radio"] {
  accent-color: #FFB600 !important;
}


.fluentform .ff-step-titles li.ff_completed::after {
  background: #007BFF !important;
  content: "" !important;
  height: 10px !important;

  bottom: 0 !important;
  width: 100% !important;
  position: absolute !important;
  left: 50% !important;
  z-index: 1 !important;
  border-radius: 2px !important;
} 

.fluentform .ff-step-titles li.ff_active::after {
  background: #000 !important;
  content: "" !important;
  height: 2px !important;
  left: -50% !important;
  position: absolute !important;
  top: 9px !important;
  width: 100% !important;
  z-index: 1 !important;
}


.fluentform .ff-step-titles li:after {
    background: white;
    content: "";
    height: 8px;
    left: -50%;
    position: absolute;
    top: 9px;
    width: 100%;
    z-index: 1;
}

.fluentform .ff-step-titles li.ff_active, .fluentform .ff-step-titles li.ff_completed {
    color: #FFB600;
}

.fluentform .ff-step-titles li {
    color: #333;

    font-size: 15px;
    font-weight: 700;
}

.fluentform .ff-step-titles li {
    color: #ffffff;
    font-size: 15px;
    font-weight:700 !important;
}

@media only screen and (max-width: 768px) {
    .fluentform .ff-el-group.ff_list_buttons .ff-el-form-check label>span {
        border: 0px solid !important; */

    }
	.fluentform .ff-step-titles li
Specificity: (0,2,1)
 {
  
    font-size: 12px;
 
}
}