body {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 13px !important;
}

input[type=text], .form-select, textarea {
    border: 1px solid #D4D4D4 !important;
    font-size: 14px !important;
    border-radius: 8px !important;
    color: #1a202c !important;
}



.form-control {
    border: 1px solid #D4D4D4 !important;
    border-radius: 8px !important;
    color: #1a202c !important;
}
option{
    padding: 1rem !important;
}
.btn-primary {
    background: #010031 !important;
    border: 1px solid #010031 !important;
    border-radius: 8px !important;
}

.btn-outline-primary {
    border-radius: 8px !important;
    font-weight: 500 !important;
}

hr:not([size]) {
    height: 0.3px !important;
}

/*.btn*/
/*{*/
/*    background-color: #4741bf !important;*/
/*    color: white!important;*/
/*}*/

/*.btn:hover{*/
/*    background-color: #35338e !important;*/
/*    color: white!important;*/
/*}*/
.dot {
    height: 25px;
    width: 25px;
    /*background-color: #5d2abd;*/
    background-color: #4741bf;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 16px;
    margin: 0 12px;
    font-weight: bold;
}

label {
    color: #9c9c9c;
    margin: 13px 0;
    font-weight: bold;
    font-size: 13px !important;
}

.card {
    border-radius: 0.4rem !important;
    box-shadow: none !important;
}

.table {
    font-size: 13px;
}

/*toggle*/
.checkbox-wrapper-9 .tgl {
    display: none;
}

.checkbox-wrapper-9 .tgl,
.checkbox-wrapper-9 .tgl:after,
.checkbox-wrapper-9 .tgl:before,
.checkbox-wrapper-9 .tgl *,
.checkbox-wrapper-9 .tgl *:after,
.checkbox-wrapper-9 .tgl *:before,
.checkbox-wrapper-9 .tgl + .tgl-btn {
    box-sizing: border-box;
}

.checkbox-wrapper-9 .tgl::-moz-selection,
.checkbox-wrapper-9 .tgl:after::-moz-selection,
.checkbox-wrapper-9 .tgl:before::-moz-selection,
.checkbox-wrapper-9 .tgl *::-moz-selection,
.checkbox-wrapper-9 .tgl *:after::-moz-selection,
.checkbox-wrapper-9 .tgl *:before::-moz-selection,
.checkbox-wrapper-9 .tgl + .tgl-btn::-moz-selection,
.checkbox-wrapper-9 .tgl::selection,
.checkbox-wrapper-9 .tgl:after::selection,
.checkbox-wrapper-9 .tgl:before::selection,
.checkbox-wrapper-9 .tgl *::selection,
.checkbox-wrapper-9 .tgl *:after::selection,
.checkbox-wrapper-9 .tgl *:before::selection,
.checkbox-wrapper-9 .tgl + .tgl-btn::selection {
    background: none;
}

.checkbox-wrapper-9 .tgl + .tgl-btn {
    outline: 0;
    display: block;
    width: 2.5em; /* Reduced width */
    height: 1.5em; /* Reduced height */
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.checkbox-wrapper-9 .tgl + .tgl-btn:after,
.checkbox-wrapper-9 .tgl + .tgl-btn:before {
    position: relative;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
}

.checkbox-wrapper-9 .tgl + .tgl-btn:after {
    left: 0;
}

.checkbox-wrapper-9 .tgl + .tgl-btn:before {
    display: none;
}

.checkbox-wrapper-9 .tgl:checked + .tgl-btn:after {
    left: 50%;
}

.checkbox-wrapper-9 .tgl-flat + .tgl-btn {
    padding: 1px; /* Reduced padding */
    transition: all 0.2s ease;
    background: #fff;
    border: 2px solid #4741bf; /* Reduced border width */
    border-radius: 1em; /* Reduced border-radius */
}

.checkbox-wrapper-9 .tgl-flat + .tgl-btn:after {
    transition: all 0.2s ease;
    background: #4741bf;
    content: "";
    border-radius: 1em;
}

.checkbox-wrapper-9 .tgl-flat:checked + .tgl-btn {
    border: 2px solid #4741bf;
}

.checkbox-wrapper-9 .tgl-flat:checked + .tgl-btn:after {
    left: 50%;
    /*background: #dc3545;*/
    background: #4741bf;
}

/*datepicker*/
.drp-calendar, .drp-buttons {
    font-family: 'Plus Jakarta Sans', sans-serif;
}

.drp-calendar {
    margin: 10px 0;

}

.drp-calendar.left {
    border-right: 1px solid #e3e2e2;
}

.applyBtn {
    background-color: #4741bf !important;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #4741bf !important;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {

    background-color: #ffffff !important;
    /*color: red !important;*/
}

.room-div {
    border: 1px solid #4741bf;
    color: #4741bf;
    border-radius: 6px;
}

.room-div:hover {
    border: 1px solid #4741bf;
    background-color: #4741bf;
    color: white;
    border-radius: 6px;
}

/*card-input-radio*/


.roomCard:hover {
    cursor: pointer;
    background-color: #4741bf;
    color: white !important;
}

.radio-card {
    display: inline-block;
    cursor: pointer;
}

.radio-card input[type="checkbox"] {
    display: none;
}

.roomCard {
    display: flex;
    border: 1px solid #4741bf !important;
    border-radius: 0.3rem !important;
    padding: 10px;
    text-align: center;
    color: #4741bf !important;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
    justify-content: center;
}

/*!* Style the card when the radio button is checked *!*/
/*.radio-card input[type="checkbox"]:checked + .card  {*/
/*    background-color: #4741bf;*/
/*    color: white!important;*/
/*}*/


/* styles.css */


.passengers-dropdown {
    position: relative;
}

button#dropdown-toggle {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    cursor: pointer;
}

#dropdown-content {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border-top: none;
    border-radius: 0 0 5px 5px;
}

.passenger-type {
    padding: 10px;
    border-bottom: 1px solid #ccc;
    display: flex;
    justify-content: space-between;
    align-items: center;
}


select {
    width: 60px;
}

.alert-info {
    border: none;
    color: #0051a1 !important;
    background-color: #ebf4f8 !important;
}

/* Stepper Container */
.stepper-container {
    display: flex;
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    height: 10vh; /* Ensure the stepper takes the full viewport height */
    width: 100%;
    max-width: 65vw
}

/* Stepper */
.stepper {
    display: flex;
    justify-content: space-around; /* Distribute steps evenly */
    align-items: center; /* Center vertically */
    max-width: 65vw; /* Adjust the maximum width as needed */
}

/* Individual Step */
.step {
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: margin 0.3s ease-in-out; /* Add transition for smoother scrolling effect */
}

/* Step Icon */
.step-icon {
    width: 40px;
    height: 40px;
    background-color: #ffffff;
    border: 2px solid #818181;
    color: #818181;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 600 !important;
}

.step i {
    color: #818181;
}

/* Step Text (Desktop View) */
.step-text {
    margin-left: 10px;
    font-size: 15px;
    text-align: center;
    font-weight: 500;
}

.current-step {
    background-color: #4741bf;
    color: #ffffff;
    border: 1px solid #4741bf;
}

@media screen and (max-width: 1140px) {
    .w-75 {
        width: 100% !important;
    }
}

/* Media Query for Mobile Devices */
@media screen and (max-width: 767px) {
    /* Hide text on mobile view */
    .step-text {
        display: none;
    }
}

option {
    width: 24px !important;
}