.hd-header-section{
  background:#D4F3EF;
  min-height: 30vh;
  position: relative;
  padding-top: 120px;
}

.hd-header-section .bg-svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.hd-header-section .content-flex{
  max-width: 551px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0 auto;
}
.hd-header-section .content-flex .section-title{
  color: #101828;
  text-align: center;
  font-size: 38px;
  font-weight: 700;
  line-height: 46.8px;
  margin-bottom: 0px;
  position: relative;
}
p{
  color: #101828;

  font-size: 18px;
  font-weight: 400;
  line-height: normal;
}
.booking-form-wrapper{
  border-radius: 16px;
  background: #FFF;
  box-shadow: 0px 4px 24px 0px #10182829;
  max-width: 995px;
  margin: 0 auto !important;
 
 display: block;
}
.booking-form-wrapper.size-xl{
/* max-width: 86%; */

}
.booking-form-wrapper.size-xl .booking-form{
/* justify-content: center; */
margin-bottom: 24px;
/* margin-top: 0px; */
}
.booking-form-wrapper .booking-form {
  /* display: flex;
  padding: 16px;
  gap: 16px;
  margin-top: 24px;
  align-items: flex-end;
      justify-content: center; */
  display: flex;
  padding: 16px;
  gap: 9px;
  margin-top: -55px;
  align-items: flex-end;
  justify-content: center;
  position: relative;
  z-index: 10;

}


.hd-header-section .booking-form-wrapper .form-select{
  /* padding: 12px 8px; */
  border-radius: 8px;
  border: 1px solid #D0D5DD;
  background: #FFF;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.airport-col .select2-container--default .select2-selection--single{
width: 100%;
padding: 8px 8px;
border-radius: 8px;
border: 1px solid #D0D5DD;
background: #FFF;
box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
height: 46px;
}
.booking-form-wrapper .form-control{
width: 100%;
padding: 8px 8px;
border-radius: 8px;
border: 1px solid #D0D5DD;
background: #FFF;
box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
min-height: 46px;
padding-left: 36px;
position: relative;
color: #6C757D;
}
.border-error {
    border: 2px solid red !important;
}
.form-control.datepicker-airport{
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.datepicker-icon::before{
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5.625 2.5V4.375M14.375 2.5V4.375M2.5 15.625V6.25C2.5 5.21447 3.33947 4.375 4.375 4.375H15.625C16.6605 4.375 17.5 5.21447 17.5 6.25V15.625M2.5 15.625C2.5 16.6605 3.33947 17.5 4.375 17.5H15.625C16.6605 17.5 17.5 16.6605 17.5 15.625M2.5 15.625V9.375C2.5 8.33947 3.33947 7.5 4.375 7.5H15.625C16.6605 7.5 17.5 8.33947 17.5 9.375V15.625' stroke='%23667085' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
width: 20px;
height: 20px;
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 8px;
z-index: 6;
}
.datepicker-icon,.timepicker-icon{
position: relative;
z-index: 3;
}
.timepicker-icon::before{
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10 5V10H13.75M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z' stroke='%23667085' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
width: 20px;
height: 20px;
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 8px;
z-index: 6;
}
.form-control.timepicker-airport{
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
border-left: 0px solid transparent;
width: 95px;
}
.airport-col .select2-container{
position: relative;

}

.airport-col .select2-container .select2-selection--single .select2-selection__rendered{
padding-left: 24px;
padding-right: 0px;
}
.booking-form-wrapper .form-label{
margin-bottom: 4px !important;
}
.btn-search{
border-radius: 8px;
border: 1px solid #2563EB;
background: #2563EB!important;
box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
color: #FFF!important;
text-align: left;
font-size: 16px;
font-weight: 600;
line-height: 24px; 
height: 46px;
min-width: 100px;
position: relative;
}
.disabled-processing {
  opacity: 0.6;
  pointer-events: none;
  user-select: none;
}
.booking-form-wrapper .btn-search{
border-radius: 8px;
border: 1px solid #2563EB;
background: #2563EB;
box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
color: #FFF;
text-align: left;
font-size: 16px;
font-weight: 600;
line-height: 24px; 
height: 46px;
min-width: 100px;
position: relative;
text-align: center;
}
.booking-form-wrapper .btn-search::before{
/* content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='22' viewBox='0 0 21 22' fill='none'%3E%3Cpath d='M8.2002 16L13.2002 11L8.2002 6' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
width: 20px;
height: 21px;
position: absolute;
right: 8px;
top: 50%;
transform: translateY(-50%); */
}
.text-info-booking{
margin-top: 24px;
color: #475467;
text-align: center;
font-size: 16px;
font-weight: 400;
line-height: 16px;
margin-bottom: 22px; 
}
.hd-header-section .bg-svg-bottom {
width: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.airport-select,.terminal-select{
position: relative;
}
.terminal-select .form-control{
padding-left: 8px;
}
.airport-select::after,.terminal-select::after{
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.21967 6.21967C4.51256 5.92678 4.98744 5.92678 5.28033 6.21967L8 8.93934L10.7197 6.21967C11.0126 5.92678 11.4874 5.92678 11.7803 6.21967C12.0732 6.51256 12.0732 6.98744 11.7803 7.28033L8.53033 10.5303C8.23744 10.8232 7.76256 10.8232 7.46967 10.5303L4.21967 7.28033C3.92678 6.98744 3.92678 6.51256 4.21967 6.21967Z' fill='%23667085'/%3E%3C/svg%3E");
display: block;
position: absolute;
z-index: 10;
height: 16px;
width: 16px;
top: 50%;
transform: translateY(-50%);
right: 8px;
}
.airport-select::before{
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M12.5 8.75C12.5 10.1307 11.3807 11.25 10 11.25C8.61929 11.25 7.5 10.1307 7.5 8.75C7.5 7.36929 8.61929 6.25 10 6.25C11.3807 6.25 12.5 7.36929 12.5 8.75Z' stroke='%23667085' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.25 8.75C16.25 14.7018 10 18.125 10 18.125C10 18.125 3.75 14.7018 3.75 8.75C3.75 5.29822 6.54822 2.5 10 2.5C13.4518 2.5 16.25 5.29822 16.25 8.75Z' stroke='%23667085' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
width: 20px;
height: 20px;
display: block;
position: absolute;
top: 50%;
z-index: 10;
transform: translateY(-50%);
left: 8px;
}
.timepicker-icon select.form-control{
padding-left: 30px;
border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-left: 0px solid transparent;
}
.mobile-booking-results{
display: none;
}
.datepicker-icon .datepicker-airport  {
  border-radius: 8px 0 0 8px;
border: 1px solid #D0D5DD;

background: #E9ECEF!important;

box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);




}

@media screen and (min-width: 1500px){
/* .booking-form-wrapper.size-xl {
  max-width: fit-content;
} */
}
@media screen and (min-width: 2000px){
.booking-form-wrapper.size-xl {
  max-width: fit-content;
}
}
@media (max-width: 991px) {
  .col-wrapper .flex-wrapper {
    display: grid !important;
    grid-template-columns: 1fr 40%;
    gap: 0px;
  }

}
/* 🖥️ Desktop screens (1350px and above) */
@media (min-width: 1380px) {
  .booking-form-wrapper .form-control .timepicker-icon{
    width: 170px !important;
  }


  .terminal-select .form-control {
    /* width: 180px !important; */ /* optional */
  }

  .airport-select .form-control {
    width: 260px !important;
  }
  .terminal-select .form-control {
    width: 260px !important;
  }
}

/* 📱 Mobile & Tablet screens (below 1350px) */
@media (max-width: 1349px) {
  .booking-form-wrapper .form-control,
  .terminal-select .form-control,
  .airport-select .form-control {
    
    width: 100% !important;  /* full width for responsiveness */
    max-width: 100%;
  }
}

.booking-form-wrapper .form-control,
.terminal-select .form-control,
.airport-select .form-control {
  width: 100%; /* Mobile & tablet pe full width */
  max-width: 100%;
}

@media screen and (max-width: 768px){
  .mbl-progress {
    margin: 80px 0px 70px 0px;
  }
  .hd-header-section .progress-loader-mbl {
    padding-top: 20px;
  }
  .hd-header-section{
    padding-top: 0px;
  }
.booking-form-wrapper .booking-form {
  display: flex;
  flex-direction: column;
}
.hd-header-section .content-flex .section-title{
  font-size: 26px;
  line-height: 34px; 
  margin-top: 30px;
}
.hd-header-section .content-flex{
  max-width: 100%;
}

.booking-form-wrapper .booking-form .col-wrapper{
  width: 100%;
}
.booking-form-wrapper .btn-search{
  width: 100%;
}
.form-control.timepicker-airport{
  width: 100%;
}
.col-wrapper .flex-wrapper{
  width: 100%;
  display: grid !important;
  grid-template-columns: 1fr 40%; 
}
.booking-form-wrapper .form-control{
  text-align: left !important;
  padding-top: 12px;
  padding-bottom: 12px;
}

.airport-select .form-control,.terminal-select .form-control{
  width: 100% !important;
}
.booking-form-wrapper.size-xl {
  max-width: 93.38%;
}
.mobile-booking-results{
  display: flex;
  width: 100%;
  gap: 16px;
  padding: 16px;
  justify-content: space-between;
}
.mobile-booking-results .mb-col{
  display: flex;
  flex-direction: column;
  width: 80%;
}
.mobile-booking-results .booking-terminal{
  color: #6C757D;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 8px;
  display: inline-block;
}
.mobile-booking-results .booking-terminal span{
  color: #101828;
}
.mobile-booking-results .booking-details{
    color: var(--colours-Slate-800, #1E293B);
    font-family: "Helvetica Neue";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

}
.mobile-booking-results .booking-details span{
  color: #6C757D;

}
.mobile-booking-results .form-button-toggle{
  border-radius: 8px;
  border: 1px solid #2563EB;
  background: #2563EB;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.mobile-booking-results .form-button-toggle button{
  background: transparent;
  outline: none;
  box-shadow: none;
  width: 46px;
  height: 46px;
  border: 0px solid transparent;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mobile-booking-results .form-button-toggle button .icon-close{
  display: none;
}
.booking-form-wrapper.size-xl .booking-form{
  display: none;
}
.booking-form-wrapper.size-xl .mobile-booking-results{
  margin-top: -36px;
  margin-bottom: 16px;
}
.booking-form.open-form {
    padding-top: 40px !important;
}
.booking-form-wrapper.open .mobile-booking-results{
  border-bottom: 1px solid #D0D5DD;
  margin-bottom: 0px;
}
}
@media screen and (min-width: 1240px) and (max-width: 1330px){
.booking-form-wrapper.size-xl {
  max-width: 92%;
}
.booking-form-wrapper .booking-form{
padding: 16px 12px;
gap: 8px;
}
}
@media screen and (min-width: 768px) and (max-width: 1240px){
.booking-form-wrapper.size-xl{
  max-width: 92%;
  margin: 0 auto;
  padding: 0px;
}
.items-wrapper{
  max-width: 100%;
  margin: 0 auto;
}

.booking-form-wrapper .booking-form{
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.airport-select .form-control,.terminal-select .form-control{
  width: 100% !important; 
}
.booking-form-wrapper .btn-search{
  display: block;
  width: 100%;
}
/* .booking-form-wrapper .col-wrapper:last-child {
  grid-column: 1 / -1; 
} */

}