body {
    background-color: #f1f1f1;
  }

  #regForm {
    font-family: Raleway;
    border: 2px solid #12a2ec;
    padding: 40px;
    box-shadow: 0px 20px 40px 0px #8e8e8e;
    background: white;
  }

.form-control {
    font-size: 14px;
    font-family: Raleway;
    border: 1px solid #c0c0c0;
    padding: 9px 15px;
    width: 100%;
  }

  /* Mark input boxes that gets an error on validation: */
  input.invalid {
    background-color: #ffdddd;
  }

  /* Hide all steps by default: */
  .tab {
    display: none;
  }

  button {
    background-color: #f4662f;
    color: #ffffff;
    border: none;
    padding: 8px 25px;
    font-size: 16px;
    font-family: Raleway;
    font-weight: 600;
    border-radius: 7px;
  }

  button:hover {
    opacity: 0.8;
  }

  #prevBtn {
    background-color: #bbbbbb;
  }

  /* Make circles that indicate the steps of the form: */
  .step{
    flex: 1 1 auto;
    padding-right: 8px;
  }
  .navDots{ 
    height: 15px;
    margin: 0 2px;
    background-color: #bbbbbb;
    border: none;
    display: inline-block;
    width: 100%;
  }

  .step.active p {
    color: #f4662f;
  }
  .step.active p
  /* Mark the steps that are finished and valid: */
  .step.finish p {color: #f4662f !important;}
  .step.finish .navDots {
    background: #f4662f !important;
  }
  .fs-14{
    font-size: 14px !important;
  }
.text-orange{color: #f4662f !important;}
.form-label{
    font-weight: 600;
    font-size: 14px;
}
.col_gap{gap: 30px 0;}
.form-select{
    padding: 9px 15px;
    font-size: 14px;
    border: 1px solid #c0c0c0;
}
.datepicker table tr td.active{background-image: linear-gradient(to bottom, #f5acd7, #f46d65);}
.datepicker-dropdown.dropdown-menu{
    --bs-dropdown-font-size: 14px;
}
.datepicker td, .datepicker th{width: 25px; height: 25px;}
.datepicker table tr td.day.focused, .datepicker table tr td.day:hover{background: #c2e2e7;}
.datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled]{
    background-color: #f4662f;
    background-image: none;
    color: #fff;
}
.form-check-input{
    width: 23px;
    height: 23px;
    border: none;
    border-radius: 50% !important;
    background: #f4662f;
}
.form-check-input:checked{
    background: #f4662f;
}
.form-check-input:focus{box-shadow: none;}
.form-check{padding-left: 0;}
.form-check-label {display: block; font-size: 14px; font-weight: 600;}
.form-check .form-check-input{margin-left: 0; margin-top: 13px;}
.timingWidth{width: 120px;}
.nwCheckbox .form-check-input{
    width: 30px;
    height: 30px;
    border: 2px solid #f4662f;
    background: #fff;
    border-radius: 10px !important;
}
.nwCheckbox .form-check-input:checked{
    background-color: #f4662f;
}
.dateBx{
    background: #f4662f;
    padding: 8px 10px;
    border-radius: 8px;
    text-align: center;
    width: 100%;
    font-size: 12px;
    font-weight: 600;
}
.timeBx{
    list-style: none;
    padding: 0;
}
.timeBx li{
    background: #fff;
    border: 1px solid #cccccc;
    padding: 8px 10px;
    border-radius: 8px;
    text-align: center;
    width: 100%;
    font-size: 12px;
    font-weight: 600;
    margin-top: 5px;
}
.radionBtnCustom .form-check-input{margin-top: 0; width: 16px; height: 16px; background: #fff; border: 1px solid #ccc;} 
.radionBtnCustom .form-check-label{font-size: 12px;}
.radionBtnCustom .form-check-input:checked{background-color: #f4662f; border: 1px solid #f4662f;}
.timeBx .form-check{min-height: auto;}
.carousel-control-prev-icon{background-image: url(./left-arrow.png);}
.carousel-control-next-icon{background-image: url(./right-arrow.png);}
.carousel-control-next, .carousel-control-prev{width: auto; opacity: 1;}
.carousel-control-next {
    right: -33px;
}
.carousel-control-prev{
    left: -33px;
}