/* ===============================
   BOOKING CARD
================================= */

.booking-card{
    background:#fff;
    border-radius:20px;
    padding:25px;
    box-shadow:0 15px 45px rgba(0,0,0,.12);
}

.booking-heading{
    font-size:20px;
    font-weight:700;
    margin-bottom:20px;
}


/* ===============================
   MAIN TABS
================================= */

.booking-main-tabs{
    display:flex;
    gap:10px;
    border:none;
    margin-bottom:25px;
}

.booking-main-tabs li{
    flex:1;
    list-style:none;
}

.booking-main-tabs li a{

    display:block;

    text-align:center;

    padding:14px;

    border-radius:12px;

    background:#f4f6f9;

    color:#333;

    font-weight:600;

    transition:.3s;

    text-decoration:none;

}

.booking-main-tabs li.active a,

.booking-main-tabs li a:hover{

    background:#2563eb;

    color:#fff;

}


/* ===============================
   SUB TABS
================================= */

.booking-trip-tabs{

    display:flex;

    gap:10px;

    margin-bottom:20px;

}

.booking-trip-tabs li{

    flex:1;

    list-style:none;

}

.booking-trip-tabs li a{

    display:block;

    text-align:center;

    padding:10px;

    border-radius:10px;

    background:#eef2f7;

    color:#444;

    text-decoration:none;

    font-weight:600;

    transition:.3s;

}

.booking-trip-tabs li.active a,

.booking-trip-tabs li a:hover{

    background:#ff6b00;

    color:#fff;

}


/* ===============================
   FORM
================================= */

.form-group{

    margin-bottom:18px;

}

.form-control{

    height:55px;

    border-radius:12px;

    border:1px solid #ddd;

    font-size:15px;

    box-shadow:none;

    transition:.3s;

}

.form-control:focus{

    border-color:#2563eb;

    box-shadow:0 0 0 4px rgba(37,99,235,.15);

}


/* ===============================
   BUTTON
================================= */

.submit_btn{

    width:100%;

    height:55px;

    border:none;

    border-radius:12px;

    background:linear-gradient(90deg,#ff7b00,#ff3b3b);

    color:#fff;

    font-size:17px;

    font-weight:700;

    transition:.3s;

}

.submit_btn:hover{

    transform:translateY(-2px);

    box-shadow:0 12px 30px rgba(255,90,0,.30);

}


/* ===============================
   INPUT ICON SPACING
================================= */

input.form-control{

    padding-left:18px;

}

select.form-control{

    padding-left:14px;

}


/* ===============================
   DATE & TIME
================================= */

input[type=date]{

    cursor:pointer;

}

select{

    cursor:pointer;

}


/* ===============================
   MOBILE
================================= */

@media (max-width:768px){

.hero-content{
    display:none;
}

}

@media (max-width:768px){

.booking-main-tabs{
    display:flex;
    flex-wrap:nowrap;
    gap:5px;
    margin-bottom:15px;
}

.booking-main-tabs li{
    flex:1;
    min-width:auto;
}

.booking-main-tabs li a{
    padding:12px 5px;
    font-size:13px;
    border-radius:8px;
    white-space:nowrap;
}
}

.booking-trip-tabs{

overflow:auto;

flex-wrap:nowrap;

}

.booking-trip-tabs li{

min-width:130px;

}

}


@media(max-width:576px){

.booking-card{

padding:15px;

border-radius:15px;

}

.booking-heading{

font-size:18px;

}

.form-control{

height:50px;

font-size:14px;

}

.submit_btn{

height:50px;

font-size:16px;

}

}