.pt-10{padding-top: 10px;}
.pb-35{padding-bottom: 35px;}
.pb-10{padding-bottom: 10px;}
.pb-55{padding-bottom: 55px;}
.pb-70{padding-bottom: 70px;}
.pt-53 {padding-top: 53px;}

.pt-50{padding-top: 50px;}
.pt-42{padding-top: 42px;}
.mb-65{margin-bottom: 65px;}
.box-shadow-grey{box-shadow: 3px 4px 5.2px 2px #0000001A;}
.padding-35{padding: 35px;}
.gap-52{gap: 52px;}
.border-radius-17{border-radius: 17px;}
.width-calc-26-60{width:calc(60% - 26px);}
.width-calc-26-40{width:calc(40% - 26px);}
.heading-large { font-family: 'Plus Jakarta Sans';    font-size: 32px; line-height: normal;  text-transform: capitalize;}
.section-heading-left { font-family: 'Plus Jakarta Sans';  font-weight: 700; font-size: 42px;  line-height: 100%; text-transform: capitalize;}
.bg-linear-gredient-grey{background: linear-gradient(173.91deg, rgba(244, 244, 244, 0.4) 4.82%, #F4F4F4 41.78%, #F4F4F4 97.43%);}
p.text-left.poweredby-text {font-family: 'Plus Jakarta Sans';font-weight: 400; font-size: 18px; text-transform: capitalize;color: #191F1A;}
.form-inner-.form-container h2 {font-family: 'Plus Jakarta Sans'; font-weight: 700; font-style: Bold; font-size: 36px;  padding-bottom: 50px;}
.form-row { display: flex;  gap: 15px;}
.user-input {color:#676767;font-family: 'Plus Jakarta Sans';font-weight: 500;     font-size: 18px;
    letter-spacing: 1px;
    border: 1px solid #D9D9D9;
    border-radius: 4px;height: 45px;
  }
.pt-65{padding-top: 65px;}
  input#destination_text::placeholder {
    color: #676767 !important;
}

  .selection-dropdown{
   
    background-image: url(../images/icons/arrow-dropdown.svg);
    background-position: calc(100% - 3%) calc(100% - 50%);
    background-repeat: no-repeat;
    cursor: pointer;
    background-size: 13px;
 
  }
.user-input:focus{outline: none; box-shadow: unset; border-color: #FFCC00;}
.toggle-container {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: Arial, sans-serif;
    font-size: 16px;
    color: #333;
  }

.toggle-container.pb-35 label {
    font-family: Plus Jakarta Sans;
    font-weight: 500;
    font-style: Medium;
    font-size: 14px;
   color: #676767;
    letter-spacing: 1.5%;
   
}
  .switch {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 15px;
  }
  .toggle-container.pb-45 label
   {
      font-family: Plus Jakarta Sans;
      font-weight: 500;
      font-size: 14px;
      color: #676767;
  }
  .switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }

  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: 0.4s;
    border-radius: 22px;
  }

  .slider::before {
    position: absolute;
    content: "";
    height: 11px;
    width: 11px;
    left: 3px;
    bottom: 2px;
    background-color: #ffffff;
    transition: 0.4s;
    border-radius: 50%;
  }

  input:checked + .slider {
    background-color: #bb1916;
  }

  input:checked + .slider::before {
    transform: translateX(20px);
  }

  .toggle-container.pb-35 {
    padding-bottom: 20px;
}
.book-btn-leanier-gredient {
    padding: 10px;
    background: linear-gradient(180deg, #FFE787 0%, #FFCC00 100%);
     
   font-family: 'Plus Jakarta Sans';
    color: #000;
    font-weight: bold;
    font-size: 16px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.4s ease;
    position: relative;
    z-index: 1;
    width: 100%;
    overflow: hidden;
  }
  
 
  .book-btn-leanier-gredient:hover {
    padding: 10px;
    background: linear-gradient(180deg,#FFCC00 0%, #FFE787 100%);
  }
  /* Change background for selected date */
  .xdsoft_datepicker .xdsoft_calendar td.xdsoft_current,
  .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    background-color: #FFCC00 !important;
    color: #fff !important;
    box-shadow: unset !important;
  }
  
  /* Change time list background */
  .xdsoft_timepicker .xdsoft_time_box > div > div {
    background-color: #FFCC00;
    color: #fff;
    box-shadow: unset !important
  }
  .xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover{background-color: #FFCC00 !important;}
@media screen and (max-width: 1439px) {
    .form-inner-.form-container h2{font-size: 30px;     padding-bottom: 35px;}
    .user-input{font-size: 16px; }
    .form-element.form-row.pb-35{padding-bottom: 25px;}
    button.book-btn-leanier-gredient{font-size: 20px;}
    section.wrapper-outer.section-form-banner.pb-55.pt-65 {
      padding-top: 50px;
  }
  }

  @media screen and (max-width: 767px) {
  .width-calc-26-60 {
    width: 100%;
    order: 2;
    
  }
  input#destination_text::placeholder {
    font-size: 14px !important;
}
  input#city_location_text {
    font-size: 14px;
}
  .width-calc-26-40 {
    width: 100%;
    order: 1;
}
.wrapper-booking-form.box-shadow-grey.bg-linear-gredient-grey.padding-35.border-radius-17.width-calc-26-60 {
  padding: 15px;
}
.form-inner-.form-container h2 {
  font-size: 25px;
  padding-bottom: 25px;
  text-align: center;
}
.user-input {
  font-size: 14px;
  letter-spacing: 0;
  font-weight: 400;
  height: 40px;
}
.form-element.form-row.pb-35 {
  padding-bottom: 15px !important;
}
button.book-btn-leanier-gredient {
  font-size: 16px;
  font-weight: 500;
}
.heading-large {
   
  font-size: 18px;
  
  line-height: 28px;
}
p.text-left.poweredby-text {

  font-size: 16px;
}
.paddibg-btm-50.footer_column.flex_wrapper_outer.d-flex.justify-content-between {
  padding-bottom: 0px;
}
footer.pt-53.wrapper_footer_content {
  padding-top: 30px;
}
img.img-fluid.bank-logo {
  max-width: 80px;
}
img.img-fluid.assosieted-logo {
  max-width: 70%;
}
.footer-navigation.pt-42 {
  padding-top: 30px;
}
section.wrapper-outer.section-heading.text-center.pb-55 {
  padding-bottom: 25px;
}
section.pt-50.pb-70.chaufferdrivencars-wrapper.bg-linear-gredient-grey
 {
    padding: 25px 0px;
}
.section-heading-left {
 
  font-size: 25px;
 
  text-align: center;
}
.form-row {

  gap: 15px;
  flex-wrap: wrap;
}
.form-element.pb-35 {
  padding-bottom: 15px;
}
header.bgblack.wrapper_header_contents.wrapper_header_contents.sticky.pt-10.pb-10.mb-65 {
  margin-bottom: 20px;
}
.wrapper-block-form-banner.d-flex.flex-wrap.gap-52 {
  gap: 20px;
}
  } 