body {
  background-color: #f4f7fa;
}
.custom_spacing {
  margin-top: 30px;
  margin-bottom: 30px;
}
.fade {
  opacity: 1;
}
.sidebar {
  background-color: #fff;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  /*height: 100vh;*/
}

.sidebar label {
  font-size: 1.2rem;
  margin-bottom: 1.5rem;
  font-weight: 600;
  color: #333;
}

.sidebar a {
  display: block;
  font-size: 20px;
  color: #333;
  padding: 10px 15px;
  border-radius: 5px;
  margin-bottom: 8px;
  text-decoration: none;
  transition: 0.3s ease;
}

.sidebar a:hover {
  background-color: #ffc61a !important;
  color: #fff;
}

.sidebar a.active {
  background-color: #000 !important;
  color: #fff;
}

.tab-content {
  background-color: #fff;
  padding: 30px;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  min-height: 300px;
  margin-left: 25px;
}

.tab-content h4 {
  font-size: 1.5rem;
  margin-bottom: 1rem;
  font-weight: 600;
}

.tab-content p {
  color: #666;
  font-size: 1rem;
  line-height: 1.6;
}
/*card css start*/
.custom-card {
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}

.custom-card span {
  margin-bottom: 15px;
  font-size: 24px;
  color: #333;
  font-weight: bold;
}

.custom-card p {
  font-size: 16px;
  color: #555;
  line-height: 1.6;
}

.custom-card-footer {
  border-top: 1px solid #e0e0e0;
  padding-top: 10px;
  margin-top: 20px;
  text-align: right;
}

.custom-card-footer a {
  color: #007bff;
  text-decoration: none;
  font-weight: bold;
  padding: 8px 15px;
  border: 1px solid #007bff;
  border-radius: 5px;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

.custom-card-footer a:hover {
  background-color: #007bff;
  color: #fff;
}
/*my account details page css code*/
.form-wrapper {
  background-color: #f4f4f4;
  padding: 20px;
  margin-top: 30px;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-title {
  margin-bottom: 20px;
  text-align: center;
  font-weight: bold;
  color: #007bff;
}

.form-submit {
  text-align: center;
}

.form-submit button {
  padding: 10px 20px;
}
.common_span {
  font-size: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 28px;
}
.fields_spacing {
  margin-top: 20px;
  margin-bottom: 20px;
}
.custom_align {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.custom_align i {
  font-size: 20px;
}
@media (max-width: 767px) {
  .sidebar {
    height: auto;
    margin-bottom: 20px;
  }

  .tab-content {
    margin-top: 20px;
    margin-left: 0px;
  }
}

/*enquiry form css start */

form#multiStepForm {
  max-width: 100%;
  margin-right: 0 !important;
}

form#multiStepForm h2 {
  margin-top: 0;
}

.step {
  height: 25px;
  width: 25px;
  margin-right: 10px;
  background-color: #bbbbbb;
  border-radius: 50%;
  display: inline-block;
  color: white;
  text-align: center;
  line-height: 25px;
}

.step.active {
  background-color: #007bff;
}

.step.completed {
  background-color: #28a745;
}

/* Hide all steps by default */
#tabTwo {
    display:none;
}

#tabThree {
    display:none;
}

#tabFour {
    display:none;
}

/* Styling for the buttons */
.btn-navigation {
  margin-top: 0px;
}
.is-invalid {
border-color: #dc3545;
}
.is-valid {
border-color: #28a745;
}
.tab span{
    font-size:22px;
    font-weight:bold;
    margin-bottom:10px;
}

.invalid-feedback p{
    color:red;
}
/*form_input*/
.form_input{
    border: none !important;
    border-bottom: 1px solid #e6e6e6 !important;
    background: transparent !important;
    outline: none;
    border-radius: 0px !important;
}
.location_icon{
    font-size:22px!important;
    color:#38b763;
    padding-left: 7px;
}
.Second_location_icon{
    font-size:22px!important;
    color:#ff1e00;
    padding-left: 7px;
}
.label_margin{
    margin-left: 52px;
    color:#a6b5c4;
    font-weight:100;
    margin-bottom:0px;
}
.input_padding{
    padding:14px!important;
    margin-left: 18px !important;
}
.reverse {
  display: flex;
  flex-direction: row; /* Normal row direction */
}
.logo img {
  width: 300px;
}
@media (max-width: 768px) { /* Adjust the breakpoint as needed */
  .row.reverse{
      flex-direction: column-reverse;
      width:100%;
      margin:auto;
      padding-top: 41px;
  }
  .logo img{
  width: 194px;
}
.top_spacing{
      padding-top: 36px;
  }
}
/*custom Card in form*/
.form_main_div{
    display:flex;
    justify-content:space-around;
    align-items:center;
}
.form_custom_card{
         /*border:1px solid black;*/
         padding:10px 25px;
         border-radius:10px;
         box-shadow:0 0 10px #ccc;
         width:100%;
         max-width:230px;
         text-align:center;
}
.form_custom_button{
  border:none;
  border-radius: 25px;
  background-color: #ffc61a;
  padding: 8px  20px;
  color: white;
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.form_custom_button.selected {
  background-color: #000;
}

.form_custom_button span{
    font-size:18px;
    font-weight:600;
    margin-bottom:0px;
}
.form_btn_margin{
    margin:5px;
    display:flex;
    flex-direction:column;
    gap:10px;
}
.form_card_image{
    display: flex;
    justify-content: center;
    align-items: center;
}
.card_content p{
    text-align:center;
}
.car_type{
    margin-bottom:0px;
}
.multiStepForm .form_field_box {
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.multiStepForm .form_field_luggage {
    width:48%;
    margin-bottom:10px;
}
.form_field select{
    border-radius:3px;
}
.paynow{
    display: none; 
    background:#ffc61a;
    color:black;
    border:1px solid #ffc61a;
    transition:0.3s ease;
}
.paynow:hover{
    background:black;
    color:#ffc61a;
}
/*slider css*/
.owl-carousel .form_custom_card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin: 0 15px;
}
.form_card_image img {
    width: 100%;
    height: auto;
}
/* review section css */
/* General styling for the review section */
.userdetails{
    background:white;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    margin: 20px 0px;
    padding: 10px;
}
.userdetails li{
    list-style-type:none;
}
.last_part_btns{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin:10px 0px;
}
.fairs{
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.fairs li:nth-child(2) {
  text-align: end; /* You can also use 'right' for compatibility */
}
/*.divider{*/
/*    border-bottom:1px solid grey;*/
/*}*/
.first_span{
    font-size: 18px !important;
    text-transform:capitalize;
    margin-right:14px;
}
.second_span{
    font-weight: 100 !important;
    text-transform: capitalize;
    font-size: 16px !important;
}
@media (max-width: 575.98px) {
.logo img{
  width: 252px;
}
 .multiStepForm .form_field{
    width:100%;
}
.form_field_box{
    flex-direction:column;
}
.btn-navigation {
    position: relative;
    bottom: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.last_part_btns{
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-direction:column;
}
.paynow{
    padding:7px 20px;
}
.custom_padding{
  padding: 5px 38px;
}
#loginBtn{
    padding:5px 38px;
}
.form_custom_card{
  max-width: 270px;
}
.top_spacing{
      padding-top: 36px;
  }
}
@media (max-width: 400px){
  .form_custom_card{
    max-width: 238px;
  }
  .top_spacing{
      padding-top: 36px;
  }
  .logo img{
  width: 252px;
}
}
/*passanger and journey detials  form css*/

.radio_group {
  display: flex;
  gap: 10px;
}

.form_custom_button {
  border: none;
  border-radius: 25px;
  background-color: #ffc61a;
  padding: 8px 20px;
  color: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  transition: background-color 0.3s ease, color 0.3s ease; /* Smooth transition */
}

.form_custom_button input[type="radio"] {
  display: block; /* Hide the actual radio button */
}

.form_custom_button input[type="radio"]:checked {
  background-color: red;
  color: white;
}

.form_custom_button span {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0px;
}