.banner_child{
    background-color: #027F73;
    height: 100vh;
    display: flex;
    align-items: center;
    color: #fff;
    background-image: url(../images/Group\ 6119.png);
    background-repeat: no-repeat;
    background-size: cover;
}


.layer_icon{
    width: 80px;
    height: 80px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    opacity: 1;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 17px;
}

.layer_icon img{
    height: 40px;
    width: 40px;
}
.banner_text {
    padding: 0 15%;
}
.form_ h3 {
    color: #027F73;
    font-weight: 700;
    margin-bottom: 30px;
    font-size: 30px !important;
}.regs {
    display: flex;
    justify-content: end;
    align-items: center;
    
}
.regs-forget{
    display: flex;
    justify-content: start;
    align-items: center;
    
}
.log_regs{
    display: flex;
    justify-content: space-between;
}
.regs p span {
    color: #FF5700;
}
/* .sec_1 {
    background-color: #F9F9F9;
} */
.passwrd{
    color: #027F73;
    font-size: 20px;
    font-weight: 600;
}

.sec_time{
    color: #027F73;
    font-weight: 600;
}

.verification-code {
    position: relative;
}
.control-label{
  display:block;
  margin:20px auto;
  font-weight:700;
  font-size: 20px;
  font-weight:500;
}

.verification-code--inputs input[type=text] {
    border: 2px solid #e1e1e1;
    width: 43px;
    height: 43px;
    padding: 0; /* Remove padding to prevent shifting */
    text-align: center;
    display: inline-block;
    box-sizing: border-box;
    margin-right: 10px;
    border-radius: 5px;
    line-height: 43px; /* Match the line-height to the height of the box */
    vertical-align: middle;
    -webkit-appearance: none; /* Remove iOS default styles */
    appearance: none;
    outline: none; /* Prevents default focus outline */
    font-size: 20px; /* Adjust font-size to fit within the box */
}
  .progress-rounded{
    width: 39px;
    height: 39px;
    background: #0C8379 0% 0% no-repeat padding-box;
    opacity: 1;
    display: flex;
    align-items: center;
    border-radius: 50px;
    text-align: center;
    justify-content: center;
  }
  .line_progress p {
    border: 1px solid gray;
}.order_track {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.line_progress {
    width: 20%;
}.line_progress {
    position: relative;
    top: -12px;
}.progress_img img {
    width: 400px;
    height: auto;
}.form_1{
    padding: 3% 15% 0;
}.form_1 h3{
    color: #027F73;
    font-weight: bold;
}.checknext {
    display: flex;
    justify-content: space-between;
}.mb-3.form-check.d-flex {
    justify-content: center;
    align-items: center;
}
.cat_drop{
    position: relative; 
}
.cat_drop2{
    z-index: 1050; 
    position: absolute;
}
#drop-area {
    background: #FFEFE5;
    border: 2px dashed #FF6600;
}
.cet_file .drop-text {
   color: #FF6600;
   font-weight: 600;
}
#drop-area {

  padding: 5px;
  text-align: center;

  justify-content: center;
  align-items: center;

  border-radius: 8px;
  flex-direction: column;
  gap: 10px;
  cursor: pointer;
}

.drop-text {
  font-size: 18px;
  color: #000000;
  font-weight: 600;
  color:#FF6600;
}

#dropped-content {
  width: calc(100% - 23px);
  height: 200px;
  min-height: 69px;
  max-height: 312px;
  margin-top: 20px;
  font-size: 16px;
  padding: 5px;
  border: 1px solid #555;
  resize: vertical;
  background-color: #E3F3F2;
  color: #fff;
  outline: none;
  border-radius: 8px;
}

#dropped-content::-webkit-scrollbar {
  width: 8px;
}

#dropped-content::-webkit-scrollbar-track {
  background-color:#E3F3F2;
}

#dropped-content::-webkit-scrollbar-thumb {
  background-color:#E3F3F2;
  border-radius: 4px;
}

#dropped-content::-webkit-scrollbar-thumb:hover {
  background-color:#E3F3F2;
}

.drop-icon i {
  color: #888;
  font-size: 4.5rem;
}

#chars {
  color: #888;
  float: right;
}

#spellcheck {
  display: flex;
  align-items: center;
  gap: 5px;
}

#outer-dot {
  background-color: #007bff;
  width: 3rem;
  height: 1.5rem;
  border-radius: 100px;
  cursor: pointer;
  display: flex;
  align-items: center;
  transition: background 200ms;
}

#dot {
  background-color: #eee;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  margin: 0 5px;
  transform: translateX(22px);
  transition: transform 200ms;
}     #dropZone {
    width: 100%;
background-color: #E3F3F2;
    border: 2px dashed #027F73;
    border-radius: 10px;
    text-align: center;
    line-height: 55px; /* Center the text vertically */

    color: #027F73;
    font-weight: 600;
}
#dropZone.hover {
    border-color: #000;
    color: #000;
}
.thingsdo p{
    font-weight: 600;
    font-size: 17px
}.banner_text p {
    font-size: 16px;
    margin-top: 15px;
}
.discl_{
    font-weight: 600;
}.last_contents p{
    color: #787878;
}
.bank_acc,.inner_row {
    display: flex;
    justify-content: space-between;
    width:65%;
}
.add_ button {
    width: 157px;
    height: 44px;
    background: #027F73 0% 0% no-repeat padding-box;
    border-radius: 10px;
    opacity: 1;
    border: 0;
    color: #fff;
}
.bank_card{
    border: 1px solid #C5C5C5;
}
.home_head p a{
    color: #808080;
}
.input_rupee{
    display: flex;
    justify-content: space-between;
}
.button1 button {
    width: 180px;
    height: 45px;
    background: #FED400 0% 0% no-repeat padding-box;
    border-radius: 100px;
    opacity: 1;
    font-weight: 700;
    border: 0;
}.button2 button {
    width: 180px;
    height: 45px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 100px;
    opacity: 1;
    font-weight: 700;

}
.order_button {
    display: flex;
    justify-content: space-between;
}
.banner_text h2{
    font-weight: 700 !important;
}
.input#phone_number {

    border:1px solid #3f3e3ec0 !important;
}
.for_pas:focus{
    border:1px solid #8B9491 !important;
}
@media(min-width:1024px){
    .form_ h3{
        width: 80%;
    }
}
@media(max-width:1024px){
    .bank_acc,.inner_row {
        display: flex;
        justify-content: space-between;
        width:100%;
    }
    .form_ h3{
        width: 100%;
        font-size: 28px !important;
    }
}
@media(max-width:768px){
    .form_ h3 {
        width: 70%;
        font-size: 28px !important;
    }
}

@media(max-width:600px){
    .banner_text p {
        font-size: 14px;
        margin-top: 15px;
    }
    .banner_child{
        height: 100%;
        object-fit: contain;
    }
    .layer_icon img{
        height: 30px;
        width: 30px;
    }
    .layer_icon{
        height: 60px;
        width: 60px;
    }
    .form_ h3 {
        font-size: 18px !important;
    }
    .banner_text{
        margin-top: 10px;
    }
    .checknext{
        display: unset;
    }
    button.submit_btn {
        margin-top:12px;
    }
    .verification-code--inputs input[type=text]{
        width: 33px;
        height: 35px;
        /* padding: 15px; */
      
        color: #000 !important;
    }
    .log_btn{
        margin-top: -15px !important;
    }
}
@media(max-width:400px){
    .passwrd {
        font-size: 17px;
    }
    .rem_me{
        font-size: 17px !important;
        margin-top: 2px;
    }
}

@media(min-width:768px) and (max-width:1200px){
    .banner_child{
        height: 100vh !important;
    }
    .search-bar{
        width: 90% !important;
    }
}

@media(min-width:768px) and (max-width:992px){
    .banner_child{
        height:50vh !important;
    }
}
@media(max-width:600px){
    .progress_img img {
        width: 100%;
        height: auto;
    }
    .sec_1{
        margin-top: 20px;
    }
    .form_ h3 {
        width: 100%;
    }
    .check_btn{
        display: flex;
        align-items: center;
    }
    .regs p{
        margin-bottom: 0px !important;
    }
}