.figure-box li.last {
      display: block;
  }

  .icon-box {
      background: none;
      border: 0px solid #f4dacd;
      padding: 0;
      text-align: none;
      border-radius: 0px;
      transition: all 0.3s;
  }

  .inner_heading {
      display: flex;
      align-items: center;
      margin-bottom: 20px;
  }

  .inner_area {
      margin-top: 0.5rem
  }

  .wait.error-n {
    margin: 0;
  }

  .btn-send-otp:hover {
    background-color: #EA7D28;
  }

  .fix_appointment_panel .appointment_stepbox {
      background: #fff;
      transition: .5s ease-in;
      padding: 14px;
      margin: 0 0 10px;
      border: 1px solid #FFE0C4;
  }


  .form-left.fix_appointment_panel .appointment_stepbox .inner_area .step_point {
      width: 40px;
      height: 40px;
      color: #fff;
      background: #ff8001;
      margin: 0;
      font-weight: 600;
      font-size: 25px;
      display: flex;
      justify-content: center;
      align-items: center;
  }

  .form-left.fix_appointment_panel .appointment_stepbox .inner_area h2 {
      width: auto;
      float: left;
      text-align: center;
      color: #1A1A1A;
      font-size: 20px;
      font-weight: 700;
      text-transform: capitalize;
      padding: 0;
      /* margin: 12px 0 0 0; */
  }

  .form-left.fix_appointment_panel {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 30px;
      flex-wrap: nowrap;
      width: 100%;
      box-sizing: border-box;
      margin-bottom: 60px;
  }

  .fix_appointment_panel .appointment_stepbox {
      flex: 0 0 calc((100% - 60px) / 3);
  }

  .inner_area label {
      position: absolute;
      color: black;
      /* font-weight: 600; */
      z-index: 1;
      top: -0.4rem;
      left: 0.8rem;
      font-size: 16px;
      background-color: white;
      line-height: 0.8;
      padding: 0 0.3rem;
      width: max-content;

  }

  .inner_area .after-send-opt label {
      position: static;
  }

  .form-left.fix_appointment_panel .appointment_stepbox .inner_area select.select_box {
      height: 38px;
      border: 1px solid #FFE0C4;
      padding: 8px 15px;

  }

  .form-left.fix_appointment_panel .appointment_stepbox .inner_area input.input_box {
      height: 38px;
      border: 1px solid #FFE0C4;
      padding: 8px 15px;

  }

  .form-left.fix_appointment_panel .appointment_stepbox .inner_area input.input_box::placeholder {
      color: #D7D7D7;
  }

  .form-left .select_locate_area {
      margin: 10px 0 6px 0;
  }

  .mobile_number_field,
  .date_time_section_row {
      margin-left: 0;
      margin-right: 0;

  }

  .form-left .mobile_number {
      margin-bottom: 18px;
  }

  .otp-inputs {
      display: flex;
      justify-content: space-between;
      /* Distribute space between input boxes */
      width: 100%;
      gap: 19px;
      margin-top: 1.25rem;
      margin-bottom: 1rem;

      /* Adjust width as needed */
  }

  .otp-input {
      width: 82px;

      height: 56px;

      text-align: center;

      margin: 0;

      padding: 5px;

      border: 1px solid #000;

      border-radius: 5px;

      box-sizing: border-box;

  }

  .otp-inputs input::placeholder {
      color: #D7D7D7;
  }



  .after-send-opt {

      margin-top: 1.75rem !important;
  }

  .form-left.fix_appointment_panel .appointment_stepbox {
      padding: 32px;
      background: #FFFAF5;
      position: relative;
  }

  .form-left.fix_appointment_panel .appointment_stepbox.step_disable::before {
      width: 100%;
      height: 100%;
      position: absolute;
      content: "";
      background: #fffaf594;
      left: 0;
      top: 0;
      z-index: 99999;
  }

  #frmshow .clove_appointment {
      margin: 0;
      padding: 0;
  }

  .first-box .clove_appointment {
      margin: 0;
      padding: 0;
  }

  .name_wrapper {
      position: relative;
  }

  .form-left.fix_appointment_panel .appointment_stepbox .personal_detail_content .row2 {}

  .form-disclaimer label {
      position: static;
      width: 100%;
  }

  .appointment_submit {
      margin: 0;
  }

  .dis_fir {
      padding-bottom: 0;
  }

  #selectedDate {
      height: 38px;
      border: 1px solid #FFE0C4;
      padding: 8px 15px;
      margin-bottom: 20px;
  }

  .timeslots {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;

  }

  .times {
      padding: 12px 16px;
      border: 1px solid #FFE0C4;
      cursor: pointer;
      flex: 0 0 calc(100% / 3 - 13px * 2 / 3);
      text-align: center;
  }

  .selected {
      color: #F58420;
      font-weight: 600;
      transition: all 0.4s ease;
      border: 1px solid #F58420;
  }

  .middle_step {
      /* margin-top: 1.75rem; */
      padding: 0;
  }

  .dis_second {
      margin-bottom: 1.75rem;
  }

  .address_detailsbox {
      font-size: 14px;
      margin-top: 1.75rem;
      line-height: 21px;

  }

  .address_detailsbox.location_mark:before {
      color: #EA7D28;
  }

  .address_disclaimer {
      font-size: 12px;
      padding: 0 0 0 20px;
      color: #EA7D28;
      line-height: 20px;
  }

  #app_error_city,
  #app_error3 {
      margin-bottom: 1.5rem;
      margin-top: -1.5rem;
  }

  input[type="date"] {
      -webkit-appearance: none;
      -moz-appearance: none;
      min-width: 100%;
      padding: 0;
      text-align: left !important;
  }



  /* Progress Container */
  .progress-container {
      position: relative;
      width: 100%;
      margin: 40px auto;
  }

  .progress-bar {
      position: absolute;
      top: 18px;
      left: 234px;
      height: 3px;
      width: 0%;
      background: #f58420;
      z-index: 1;
      transition: width 0.4s ease;
      z-index: 6;
  }

  .progress-steps {
      display: flex;
      justify-content: space-between;
      position: relative;
      z-index: 2;
      /* width: 980px; */
      margin: 0 auto;
  }

  .step {
      position: relative;
      flex: 1;
      display: flex;
      justify-content: center;
  }

  .step::after {
      content: '';
      position: absolute;
      top: 18px;
      left: 0;
      width: 100%;
      height: 3px;
      background: #777777;
      z-index: -1;
  }

  .step:first-child::after {
      left: 50%;
      width: 50%;
  }

  .step:last-child::after {
      width: 50%;
  }

  .step span {
      width: 40px;
      height: 40px;
      border-radius: 24px;
      background: #fffaf5;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 8px;
      font-weight: 600;
      border: 2px solid #777777;
      font-size: 24px;
      color: #777777;
      position: relative;
      z-index: 3;
  }

  .step.active span {
      border: 2px solid #F58420;
      color: #000000;
  }

  .step.middle_step_process span {
      /* Additional styling for middle step if needed */
  }


  /* Faq section*/


  /* Section */
  .faq-section {
      padding: 60px 0;
  }

  /* Container */
  .faq-container {
      max-width: 1240px;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      gap: 40px;
      align-items: center;
  }

  /* Header Section */
  .faq-header-section {
      display: flex;
      flex-direction: column;
      gap: 8px;
      align-items: center;
  }

  /* Main Title */
  .faq-main-title {
      font-size: 24px;
      font-weight: 700;
      color: #303030;
      line-height: 1.3;
      margin: 0;
      text-align: center;
  }

  /* Subtitle */
  .faq-subtitle {
      font-size: 18px;
      font-weight: 400;
      color: #464646;
      line-height: 1.5;
      margin: 0;
      text-align: center;
  }

  /* FAQ Columns Container */
  .faq-columns {
      display: flex;
      gap: 40px;
      width: 100%;
      align-items: flex-start;
  }

  /* FAQ Column */
  .faq-column {
      flex: 1;
      max-width: 600px;
  }

  /* Remove default list styles */
  .faq-column ul {
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      flex-direction: column;
      gap: 24px;
  }

  .faq-column ul li {
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      flex-direction: column;
      gap: 24px;
  }

  /* FAQ Item */
  .faq-item {
      display: flex;
      flex-direction: column;
      gap: 4px;
  }

  /* Question Wrapper / acc-tab */
  .faq-question-wrapper {
      display: flex;
      align-items: center;
      justify-content: space-between;
      cursor: pointer;
      user-select: none;
  }

  .acc-tab {
      display: flex;
      align-items: center;
      justify-content: space-between;
      cursor: pointer;
      user-select: none;
  }

  /* Question Text */
  .faq-question {
      font-size: 16px;
      font-weight: 600;
      color: #1a1a1a;
      line-height: 1.3;
      margin: 0;
      flex: 1;
      padding-right: 16px;
  }

  /* Icon Wrapper */
  .faq-icon-wrapper {
      position: relative;
      width: 12px;
      height: 12px;
      flex-shrink: 0;
  }

  /* FAQ Icons */
  .faq-icon {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      transition: opacity 0.3s ease;
  }

  /* Minus Icon (Default: Visible when open) */
  .faq-icon-minus {
      width: 12px;
      height: 2.503px;
      opacity: 1;
  }

  /* Plus Icon (Default: Hidden when open) */
  .faq-icon-plus {
      width: 12px;
      height: 12px;
      opacity: 0;
  }

  /* When item is NOT active (collapsed) */
  .faq-item:not(.active) .faq-icon-minus {
      opacity: 0;
  }

  .faq-item:not(.active) .faq-icon-plus {
      opacity: 1;
  }

  /* Answer Text / acc-content */
  .faq-answer {
      font-size: 16px;
      font-weight: 400;
      color: #1a1a1a;
      line-height: 1.5;
      margin: 0;
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease, margin-top 0.3s ease;
  }

  .acc-content {
      font-size: 16px;
      font-weight: 400;
      color: #1a1a1a;
      line-height: 1.5;
      margin: 0;
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease, margin-top 0.3s ease;
  }

  /* Answer when active */
  .faq-item.active .faq-answer,
  .faq-item.active .acc-content {
      max-height: 500px;
      margin-top: 4px;
  }

  /* Divider */
  /* .faq-divider {
    width: 100%;
    height: 1px;
    background-color: #D0D0D0;
    margin: 0;
  } */

  /* Responsive Design - Tablet */
  .boxcomman h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 120%;
    color: #1A1A1A;
    margin: 0;
}
  @media (max-width: 991px) {
      .faq-section {
          padding: 40px 0;
      }

      .faq-container {
          gap: 32px;
          padding: 0 16px;
      }

      .faq-columns {
          flex-direction: column;
          gap: 0px;
      }

      .faq-column {
          max-width: 100%;
      }

      .faq-main-title {
          font-size: 20px;
      }

      .faq-subtitle {
          font-size: 16px;
      }

      .faq-question {
          font-size: 14px;
      }

      .faq-answer,
      .acc-content {
          font-size: 14px;
      }
  }





  /* Responsive adjustments */
  @media (max-width: 1024px) {
      .progress-steps {
          width: 90%;
          max-width: 980px;
      }
  }

  @media (max-width: 768px) {

      .faq-section {
          padding: 30px 0;
      }

      .faq-container {
          gap: 4px;
          padding: 0;
      }

      .faq-column {
          gap: 16px;
      }

      .faq-column ul {
          gap: 0;
      }

      .faq-column ul li {
          gap: 0;
      }
      .faq-item {
        padding: 0;
      }
      .faq-column .faq-item>div {
        padding: 0;
      }
       .faq-item .faq-question-wrapper.acc-tab{
         padding-block: 16px;
      }
      .faq-main-title {
          font-size: 18px;
      }

      .faq-subtitle {
          font-size: 14px;
      }

      .progress-container {
          margin: 30px auto;
      }

      .progress-steps {
          width: 95%;
      }

      .step span {
          width: 36px;
          height: 36px;
          font-size: 20px;
      }

      .step::after {
          top: 16px;
          height: 2px;
      }

      .progress-bar {
          top: 16px;
          height: 2px;
      }
  }


  @media screen and (-webkit-min-device-pixel-ratio: 0) {

      /* Target iOS devices */
      input[type="date"] {
          -webkit-text-size-adjust: none;
          /* Prevent font size adjustment by Safari */
          font-size: 16px;
          /* Adjust font size as needed */
      }
  }

  .popup-overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      /* Semi-transparent black */
      z-index: 9998;
      /* Place the overlay behind the popup */
      display: none;
      /* Initially hidden */
  }

  .popup {
      width: 30%;
      height: 30%;
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background-color: #EA7D28;
      border: 1px solid #ccc;
      color: #fff;
      padding: 15px;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
      z-index: 9999;
      line-height: 21px;
      font-weight: 600;
      font-size: 18px;
      display: flex;
      justify-content: center;
      align-items: center;
  }

  /* Style the text inside the popup */
  .popup p {
      margin: 0;
      font-size: 14px;
      color: #333;
      text-align: center;
  }

  .popup-close {
      position: absolute;
      top: 5px;
      right: 5px;
      cursor: pointer;
      font-size: 30px;
      color: #fff;
  }

  @media(max-width: 400px) {
      .popup {
          width: 90%;
          height: 20%;
          font-size: 16px;
      }
  }

  .top-header {
      position: fixed;
      width: 100%;
      background: #fff;
      z-index: 9;
      top: 0;
      padding: 0;
      box-shadow: 0 2px 16px rgb(169 44 44 / 10%);
  }

  .announce {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      background: #ff8001;
      color: #fff;
  }

  .announce a {
      color: white;
      font-weight: bold;
      text-decoration: none;
  }

  .top-title {
      margin-bottom: 0px !important;
      padding: 10px;
      animation: blink 2s infinite;
  }

  .container-fluid {
      width: 100%;
      display: flex;
      justify-content: center;
  }

  .head_box {
      display: flex;
      width: 100%;
      justify-content: space-between;
      align-items: center;
      padding: 10px 0 10px 0;
  }



  .appointment_submit .button {
      font-weight: 600;
      background: #EA7D28;
      width: 100%;
      height:38px;
      line-height: 100%;
      font-size: 16px;
  }

  #resend_otp.disabled {
      pointer-events: none;
      cursor: not-allowed;
      /* background: #4f3324b0; */
      color: #D7D7D7;
  }

  #resend_otp {
      box-shadow: none;
      background: white;
      color: #F6841F;
      border: none;
      font-size: 16px;
  }

  #send_otp {
      margin-top: 16px;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 3.5rem;
      font-weight: 600;
      border-radius: 0;
      height: 38px;
  }

  .timer_text.row {
      height: auto !important;
      margin: 5px 0 15px;
  }

  .timer_text {
      font-size: 16px;
  }

  .row.otp_buttons {
      margin-top: 1.8rem;
      height: auto !important;
      display: flex;
      flex-direction: column;
      justify-content: space-around;
  }

  .row.otp_buttons .button {
      text-align: center;
      width: 100%;
      height: 3.5rem;
      display: flex;
      justify-content: center;
      align-items: center;
      font-weight: 500;
  }

  .button {
      background: #EA7D28;
      height: 30px;
      line-height: 30px;
      font-size: 18px;
      width: 40%;
  }

  @media(max-width:600px) {
      .breadcrumb {
          margin-top: 5%;
      }

      .button {
          font-size: 17px;
          height: auto;
          line-height: initial;
          padding: 10px 15px;
      }

      .container {
          padding: 0 16px;
      }
  }

  @media (max-width: 768px) {
      .head_box .hb1 .hb_img {
          width: 100%;
          display: flex;
          justify-content: center;
      }

      .head_box .hb1 .hb_img img {
          width: 60%;
      }

      .popup {
          width: 65%;
          font-size: 14px;
      }

      .form-left.fix_appointment_panel {

          flex-direction: column;

      }

      .form-left.fix_appointment_panel .appointment_stepbox {
          width: 100%;
          padding: 16px;
      }
      .boxcomman h3 {
    font-size: 20px;
      }
      .boxcomman .clove_appointment {
        padding: 0;
      }
      .timeslots{
     gap: 16px;
     padding-bottom: 0;
    }
    .times {
    padding: 12px;
    flex: 0 0 calc(100% / 3 - 16px * 2 / 3);
   }
   .appointment_submit .form-disclaimer {
        align-items: flex-start;
        padding: 0;
        margin-bottom: 16px;
    }
    .container-scroller {
        margin-bottom: 0;
    }
  }
.custom-announcement-bar {
    background-color: transparent;
    box-shadow: 0px 0px 6px 0px #00000040;
}

  /*** Time slot ***/

  .timeslots.disabled {
      pointer-events: none;
      opacity: 0.5;
  }

  /* .date_time_section.disabled {
    pointer-events: none;
    //opacity: 0.5;
  } */

  .form-disclaimer {
      position: relative;
      padding: 0;
      float: left;
      margin: 16px 0px;
      display: flex;
      gap: 9px;
  }

  .form-disclaimer input {
      width: 16px;
      height: 16px;
      position: static;
      flex: 0 0 16px;
      left: 10px;
      top: 5px;
      border-color: #F58420;
      accent-color: #F58420 ;
  }

  .form-disclaimer label {
      font-size: 12px;
      font-weight: 400;
      text-align: left;
      color: #777777;
      line-height: 150%;
      margin-left: 0;
      padding: 0;
      background-color: transparent;
  }

  #disclaimer[type="checkbox"]:checked {
      background-color: #F58420;
  }

  #disclaimer:checked[type=checkbox] {
      --bs-form-check-bg-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e);
  }
.appointment_submit .form-disclaimer #disclaimer {
    margin-top: 4px;
}

  @media only screen and (max-width: 767px) {
      .clove_appointment .form-left.fix_appointment_panel .appointment_stepbox {
          min-height: 600px;
      }
  }

  @media only screen and (max-width:500px) {
      .figure-box ul {
          display: flex;
          flex-wrap: wrap;
      }
  }