.publicApplicationTracking_container__l69_r{
    padding: 10px;
    background-color: #fff;
    box-shadow: 0 0 10px rgb(199, 199, 199);
    border-radius: 10px;
}

.publicApplicationTracking_box__o7bI1{
    max-width: 550px;
    margin: 30px auto;
    padding: 10px;
}

.publicApplicationTracking_box__o7bI1 h1, .publicApplicationTracking_box__o7bI1 p{
    text-align: center;
}

.publicApplicationTracking_box__o7bI1 h1{
    color: #0d0d54;
}

.publicApplicationTracking_box__o7bI1 p{
    color: #555;
    margin-bottom: 30px;
}

.publicApplicationTracking_buttonWrapper__wHpNt{
    width: 300px;
    margin: auto;
}

.publicApplicationTracking_breadcrub__lCBxl{
    display: flex;
    gap: 5px;
    align-items: center;
}

.publicApplicationTracking_breadcrub__lCBxl span{
    font-weight: bold;
    color: #0d0d54;
}

@media screen and (max-width: 768px) {
    .publicApplicationTracking_box__o7bI1{
        max-width: 95%;
    }
}
/* Container */
.Timeline_timelineContainer___XLwX {
  padding: 10px;
}

/* Scrollable Timeline */
.Timeline_scrollable__9q5sG {
  max-height: 445px; 
  overflow-y: auto;
}

/* Timeline */
.Timeline_timeline__sgysF {
  position: relative;
  padding-left: 25px; /* Space for vertical line */
}

/* Timeline Item */
.Timeline_timelineItem__aOi2K {
  display: flex;
  align-items: flex-start;
  position: relative;
  margin-bottom: 20px;
  /* background-color: red; */
  /* width: 50%; */
}

/* Outer Gray Circle */
.Timeline_timelineIconWrapper__L72ED {
  position: absolute;
  left: -8px;
  top: 0;
  width: 20px;
  height: 20px;
  border: 2px solid #ccc;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Inner Blue Circle */
.Timeline_timelineIcon__YCjWu {
  width: 10px;
  height: 10px;
  background-color: rgb(202, 216, 255);
  border-radius: 50%;
}

/* Vertical Line */
.Timeline_timelineLine__dY0_U {
  position: absolute;
  left: 1px; /* Aligns with the center of the outer circle */
  top: 20px; /* Starts from the bottom of the circle */
  width: 2px;
  height: 100%; /* Dynamic height */
  background-color: #ccc;
}

/* Hide Line for Last Item */
.Timeline_timelineItem__aOi2K:last-child .Timeline_timelineLine__dY0_U {
  display: none;
}

/* Timeline Content */
.Timeline_timelineContent__Yfk_3 {
    margin-left: 35px;
  gap: 20px;
  background-color: #F3F5F7;  /* screenshot wala light grey */
  padding: 15px 20px;
  border-radius: 12px;
  width: 100%;

}

.Timeline_timelineContent__Yfk_3 > div :nth-child(1) {
  width: -moz-fit-content;
  width: fit-content;
}
.Timeline_timelineContent__Yfk_3 > div p {
  margin-bottom: 0px;
}

.input_inputBoxWrapper__m3Bz4 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
}

.input_inputBoxWrapper__m3Bz4 label {
  font-weight: 600;
  color: var(--text-color);
}

.input_inputBoxWrapper__m3Bz4 input {
  border: none;
  border-bottom: 2px solid var(--border-bottom-input);
  outline: none;
  font-size: 17px;
  background-color: transparent;
  padding: 5px;
}

.input_show__bAhwz {
  color: var(--text-color);
  position: absolute;
  top: 30px;
  cursor: pointer;
  right: 5px;
}

.input_inputBoxWrapper__m3Bz4 input:focus {
  border-color: #4040f2;
}

.input_inputBoxWrapper__m3Bz4 textarea {
  border: none;
  border-bottom: 2px solid rgba(225, 225, 226, 1);
  outline: none;
  font-size: 17px;
}
.input_inputBoxWrapper__m3Bz4 input:disabled {
  opacity: 70%;
  border-bottom: 2px solid rgb(231, 231, 231);
}
.input_inputBoxWrapper__m3Bz4 textarea:disabled {
  opacity: 70%;
  border-bottom: 2px solid rgb(231, 231, 231);
}

.input_inputBoxWrapper__m3Bz4 > :nth-last-child(1) {
  /* font-size: 12px; */
  color: rgba(107, 107, 107, 1);
}

.selectBox_selectBoxWrapper__6xs1K {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.selectBox_selectBoxWrapper__6xs1K label {
  font-weight: 600;
}
.selectBox_label__C3wqF {
  margin-top: -10px;
}