@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

.barlow-semibold {
    font-family: "Barlow", sans-serif;
    font-weight: 600;
    font-style: normal;
}

body {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    width: 100%;
    height: 100%;

}

p {
    margin: 0;
    padding: 0;
}


@media (max-width:2560px) {

    .desktop-payment-section{
        display: block;
    }

    .mobile-payment-section{
        display: none;
    }

    .mobile-payment-tab{
        padding-bottom: 70px;
    }

    .paypage p span {
        font-size: 19px;
        font-weight: 600;
    }

    .paypage {
        background: #2f2f2f;
        color: white;
        text-align: center;
        padding: 10px;
    }

    .jhgfrty {
        position: fixed;
        background: #2f2f2f;
        bottom: 0;
    }

    .payltr {
        display: none;
    }

    .giftcard {
        display: none;
    }

    .netbankm {
        display: none;
    }

    .waltbody {
        display: none;
    }

    .netbank-mb {
        padding: 0px 12px;
        width: 100%;
        height: 100%;
        background: white;
    }

    .unique-payment-container {
        display: none;
    }

    .unique-payment-container {
        background-color: #ffffff;
        border-radius: 10px;
        padding: 5px;
        width: 100%;
    }

    .unique-payment-container h2 {
        margin-bottom: 20px;
    }

    .unique-form-group {
        margin-bottom: 15px;
    }

    .unique-form-group label {
        display: block;
        font-weight: bold;
        margin-bottom: 5px;
        font-size: 11px;
    }

    .unique-form-group input[type="text"],
    .unique-form-group input[type="password"],
    .unique-form-group input[type="number"] {
        width: 100%;
        padding: 10px;
        border: 1px solid #ccc;
        border-radius: 5px;
        box-sizing: border-box;
    }

    .unique-form-group-half {
        display: flex;
        justify-content: space-between;
    }

    .unique-form-group-half input {
        width: 48%;
    }

    .unique-checkbox-group {
        display: flex;
        align-items: center;
    }

    .unique-checkbox-group input {
        margin-right: 5px;
    }

    .unique-payment-button {
        background-color: #ff6d1b;
        color: #ffffff;
        border: none;
        padding: 12px;
        border-radius: 5px;
        width: 100%;
        font-size: 16px;
        cursor: pointer;
        margin-top: 15px;
    }

    .unique-payment-button:hover {
        background-color: #e65b13;
    }

    .upi-dropdown {
        display: none;
    }

    .upi-dropdown button {
        margin-top: 10px;
        border: none;
        background: #ff6c00;
        color: white;
        padding: 7px 39px;
        width: 100%;
        border-radius: 50px;
        font-size: 22px;
    }

    .upi1 {
        font-size: 12px;
        margin-top: 20px;
    }

    .upi2 {
        margin-top: 8px;
    }

    .upi3 {
        font-size: 11px;
        color: red;
    }

    .payment-upi {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .upi h5 {
        font-weight: 500;
        margin-top: 20px;
    }

    .mpaytwo-img {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .mpaytwo-txt h5 {
        margin: 0px;
        font-weight: 500;
        font-size: 15px;
    }

    .mpaytwo-txt p {
        font-size: 12px;
    }

    .mpayment-two {
        background: white;
        padding: 10px;
        border-radius: 20px;
        border: 1px solid #ababab;
        margin: 4px 0px;
    }

    .mpaytwo-txt {
        padding-left: 8px;
    }


    .pmntbody {
        display: none;
    }

    .mpayment-one {
        background: white;
        padding: 10px;
        border-radius: 20px;
        border: 1px solid #ababab;
    }

    .mpayment1 {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .mpayment1-txt h5 {
        margin: 0px;
        font-size: 18px;
        font-weight: 500;
    }

    .mpayment1-txt p {
        font-size: 12px;
    }

    .go-to-payment {
        padding: 6px 40px;
        background-color: orangered;
        font-size: 20px;
        font-weight: 700;
        letter-spacing: 1px;
        border: none;
        border-radius: 30px;
        color: white;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .traveller-desktop-one {
        display: block;
    }

    .traveller-mobile-one {
        display: none;
    }

    .strav1 h4 {
        margin-right: 28px;
        font-size: 21px;
        font-weight: 500;
        letter-spacing: 1px;
    }

    .stravtxt {
        padding-left: 7px;
    }

    .second-travel-one {
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: white;
        border: 1px solid #c3c3c3;
        padding: 10px;
        border-radius: 20px;
    }

    .second-travel1 h5 {
        margin: 0px;
        font-size: 18px;
        font-weight: 500;
    }

    .second-travel1 p {
        font-size: 12px;
    }

    .second-travel-two {
        border: 1px solid #c1c1c1;
        padding: 10px;
        border-radius: 20px;
        margin: 10px 0px;
        background: white;
    }

    .strav2 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .stravtxt {
        font-size: 12px;
    }

    .second-border {
        border-bottom: 1px solid #c5c5c5;
        display: flex;
    }

    .second-border1 {
        display: flex;
        align-items: center;
        margin: 9px 0px;
        background: #def3ff;
        padding: 10px;
        border-radius: 10px;
    }

    .second-border2 {
        display: flex;
        justify-content: space-between;
        margin: 10px 0px;
    }

    .mobile-name-edit {
        display: flex;
        align-items: center;
        padding: 6px 0px;
    }

    .second-border3 {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-top: 1px solid #d7d7d7;
        border-bottom: 1px solid #d7d7d7;
    }

    .mobile-name-edit p {
        padding-left: 6px;
    }

    .second-travel-three {
        background: white;
        border: 1px solid #c3c3c3;
        padding: 10px;
        border-radius: 20px;
    }

    .con-info {
        border-bottom: 1px solid #d1d1d1;
    }

    .con-info h5 {
        margin: 0px;
        font-size: 18px;
        font-weight: 500;
    }

    .con-info p {
        font-size: 12px;
        color: gray;
    }

    .con-info1 {
        margin: 10px 0px;
    }

    /* Container styling for the input boxes */
    .input-container-contact {
        position: relative;
        font-family: Arial, sans-serif;
        margin-bottom: 20px;
    }

    /* Styling for the input fields */
    .input-container-contact input {
        width: 100%;
        padding: 10px;
        padding-top: 10px;
        font-size: 16px;
        border: 1px solid #ccc;
        border-radius: 5px;
        outline: none;
        box-sizing: border-box;
    }

    /* Styling for the placeholder labels */
    .input-container-contact label {
        position: absolute;
        background-color: white;
        top: 10px;
        left: 10px;
        color: #6f6f6f;
        font-size: 14px;
        pointer-events: none;
        transition: 0.2s ease all;
    }

    /* Move label above input field when it has content */
    .input-container-contact input:focus+label,
    .input-container-contact input:not(:placeholder-shown)+label {
        top: -8px;
        font-size: 12px;
        color: #5a8bf8;
    }

    .second-travel-four {
        background: white;
        border: 1px solid #c3c3c3;
        padding: 10px;
        border-radius: 20px;
        margin: 10px 0px;
    }

    .acceptance {
        display: flex;
        align-items: center;
        margin-bottom: 14px;
    }

    .acceptance p {
        padding-left: 8px;
    }

    .acceptance p a {
        color: #0d6efd;
    }

    .second-border4 {
        display: none;
    }

    .traveller-desktop {
        display: block;
    }

    .traveller-mobile {
        display: none;
    }

    /* Style the tab */
    .BreakUps {
        overflow: hidden;
        padding: 0px;
    }

    /* Style the buttons inside the tab */
    .BreakUps button {
        background-color: inherit;
        float: left;
        border: none;
        outline: none;
        cursor: pointer;
        padding: 3px 10px;
        transition: 0.3s;
        font-size: 13px;
        border-radius: 30px;
    }

    /* Change background color of buttons on hover */
    .BreakUps button:hover {
        background-color: #ddd;
    }

    /* Create an active/current tablink class */
    .BreakUps button.active {
        background-color: #d3fbff;
        border: 1px solid #bebeff;
    }

    /* Style the tab content */
    .custom-tab-content {
        display: none;
        padding: 6px 12px;
        border-top: none;
    }

    .open-btn {
        padding: 10px 20px;
        background-color: #007bff;
        color: white;
        border: none;
        border-radius: 5px;
        cursor: pointer;
    }

    .slide-up {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 3000;
        background-color: #ffffff;
        border-radius: 15px 15px 0 0;
        box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
        transform: translateY(100%);
        transition: transform 0.4s ease;
        max-width: 500px;
        margin: 0 auto;
        padding: 20px;
    }

    .slide-up.open {
        transform: translateY(0);
        height: 400px;
        overflow: auto;
    }

    .close-btnss {
        background: none;
        border: none;
        font-size: 18px;
        cursor: pointer;
        float: right;
    }

    .mobile-grind {
        padding: 20px 10px;
        background: linear-gradient(#1C1F26, #353D4B);
        border-radius: 20px 20px 0px 0px;
    }

    .grandd-mobilee {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .grand-mobile-btn button {
        background: #ff5400;
        border: none;
        color: white;
        font-size: 18px;
        padding: 4px 14px;
        border-radius: 30px;
    }

    .grand-mobile {
        color: white;
    }

    .grand-mobile h4 {
        margin: 0px;
        font-weight: 700;
        font-size: 24px;
    }

    .choose-mobile {
        display: flex;
        align-items: center;
        margin: 20px 0px;
    }

    .choose-mobile-text {
        padding-left: 10px;
    }

    .choose-mobile-text h6 {
        margin: 0px;
        font-weight: 700;
    }

    .mobile-payment-card3 {
        margin-top: 30px;
    }

    .coupon-section-unique {
        width: 100%;
        background-color: #ffffff;
        border-radius: 12px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        padding: 15px;
        font-size: 14px;
        border: 1px solid #c1c1c1;
    }

    .header-unique {
        display: flex;
        justify-content: space-between;
        font-weight: bold;
        color: #333;
        font-size: 16px;
        border-bottom: 1px solid gray;
    }

    .arrow-unique {
        color: #888;
        font-weight: normal;
    }

    .coupon-code-unique {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 10px;
        background-color: #f2f2f2;
        padding: 8px;
        border-radius: 8px;
    }

    #couponInput {
        border: none;
        background: none;
        font-weight: bold;
        color: #333;
        font-size: 16px;
        width: 100%;
    }

    #couponInput:focus {
        outline: none;
    }

    .message-unique {
        color: #12b504;
        margin-top: 10px;
        line-height: 1.5;
    }

    .message-unique b {
        font-weight: bold;
    }

    .options-unique {
        margin-top: 15px;
        border-radius: 8px;
    }

    .option-unique {
        display: flex;
        align-items: flex-start;
        padding: 10px;
        border: 1px solid #ddd;
        border-radius: 8px;
        cursor: pointer;
        margin-bottom: 10px;
        background-color: #f9f9f9;
        transition: border 0.3s;
        position: relative;
    }

    .option-unique:hover {
        border: 1px solid #007bff;
    }

    .option-unique.checked {
        border: 2px solid #007bff;
        background-color: #e6f0ff;
    }

    .option-unique input[type="radio"] {
        margin-right: 10px;
        margin-top: 3px;
        cursor: pointer;
    }

    .option-content-unique {
        display: flex;
        flex-direction: column;
    }

    .coupon-name-unique {
        font-weight: bold;
        display: block;
    }

    .description-unique {
        color: #666;
        font-size: 13px;
        line-height: 1.2;
        margin-top: 4px;
    }

    .view-more-unique {
        text-align: center;
        margin-top: 10px;
    }

    .view-more-unique a {
        color: #007bff;
        text-decoration: none;
        font-weight: bold;
        font-size: 14px;
    }

    .view-more-unique a:hover {
        text-decoration: underline;
    }

    .accordion-body {
        padding: 8px;
    }

    .more-fare {
        background: #d1d9ff;
        font-size: 10px;
        padding: 2px 1px;
        border-radius: 32px;
        cursor: pointer;
    }

    .nonstp {
        font-size: 12px;
    }

    /**************************************************************************FINAL BOOK FLIGHT************************************************************************/

    .mobile-payment-card {
        background: white;
        padding: 10px;
        border-radius: 20px;
        border: 1px solid #ababab;

    }

    .top-card1 {
        border-bottom: 1px solid #ababab;
        padding: 0px 0px 10px 0px;
    }

    .top-card1 h4 {
        margin: 0px;
        font-weight: 500;
    }

    .top-card1 p span {
        color: #005de5;
        background: lightblue;
        border-radius: 10px;
        font-size: 11px;
        padding: 2px 10px;
        font-weight: 600;
    }

    .star-card1 {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .star-card1 p span {
        font-weight: 600;
        padding-left: 6px;
    }

    .top-card2 {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .star-card2 p {
        background: #d4ffee;
        font-size: 11px;
        padding: 2px 10px;
        border-radius: 20px;
        border: 1px solid #83c383;
    }

    .top-card2 {
        padding: 12px 0px 6px 0px;
    }

    .star-details {
        display: flex;
        justify-content: space-between;
        background: #f1f1f1;
        padding: 10px;
        border-radius: 10px;
        margin: 5px 0px;
        border: 1px solid #d3d3d3;
    }

    .top-card4 {
        background: lightyellow;
        border: 1px dotted #f79821;
        margin: 8px;
        border-radius: 20px;
        text-align: center;
        font-size: 12px;
    }

    .star-time {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .star-detail2 {
        width: 85px;
    }

    .star-detail2 p {
        font-size: 11px;
        text-align: center;
    }

    .top-car5 {
        color: #0d6efd;
        border-top: 1px dotted gray;
        margin-top: 12px;
    }

    .top-car5 p {
        padding-top: 10px;
    }

    .mobile-traveller2 {
        margin: 20px 0px 0px 0px;
        border: 1px solid #c9c9c9;
        padding: 0px 0px 20px 0px;
        border-radius: 20px;
        box-shadow: 0px 0px 10px -5px gray;
        background-color: white;
    }

    .mobile-info-box {
        background-color: #e5f1ff;
        padding: 15px 20px;
        border-radius: 8px;
        max-width: 100%;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }

    .mobile-info-box .content .icon {
        font-size: 20px;
        color: #4CAF50;
        margin-right: 10px;
    }

    .mobile-info-box .content .text .title {
        font-weight: bold;
        color: #333;
        margin-bottom: 4px;
    }

    .mobile-info-box .content .text .description a {
        color: #007bff;
        text-decoration: none;
    }

    .mobile-info-box .price {
        font-size: 18px;
        font-weight: bold;
        color: #333;
        margin-left: 27px;
    }

    .mobile-info-box .content {
        display: flex;
        align-items: flex-start;
    }

    .mobile-info-box .content input[type="checkbox"] {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        width: 20px;
        height: 20px;
        border: 2px solid #007bff;
        border-radius: 50%;
        outline: none;
        cursor: pointer;
        display: inline-block;
        position: relative;
        padding: 8px;
    }


    .star-line {
        border-top: 1px dotted black;
        width: 100%;
    }

    .star-dot {
        height: 6px;
        width: 6px;
        background: #0d6efd;
        border-radius: 50%;
    }

    .star-detail3 {
        text-align: end;
    }

    .star-detail1 h5 {
        margin: 0px;
        font-weight: 600;
    }

    .star-detail1 p {
        font-size: 13px;
    }

    .star-detail3 p {
        font-size: 13px;
    }

    .star-detail3 h5 {
        margin: 0px;
        font-weight: 600;
    }

    .top-card3 p span {
        background: #d9d9d9;
        font-size: 12px;
        padding: 2px 10px;
        border-radius: 20px;
    }

    .mobile-payment-card1 {
        background: white;
        padding: 10px;
        border-radius: 20px;
        border: 1px solid #ababab;
        margin: 20px 0px;

    }

    .mobile-medical1 {
        display: flex;
        align-items: center;
        border-bottom: 1px solid gray;
    }

    .mobile-medical1 p {
        font-weight: 600;
    }

    .mobile-medical2 {
        margin-top: 10px;
    }

    .mobile-medical2 p {
        font-size: 12px;
        color: #000;
        display: block;
        font-weight: 500;
    }

    .mobile-medical2 p span {
        font-size: 17px;
        color: #0d6efd;
    }

    .mobile-medical3 {
        padding: 10px 0px;
    }

    .mobile-medical4 p {
        font-size: 11px;
        color: #12b504;
    }

    .flight-detaill {
        display: flex;
        font-size: 22px;
        background: #9ad2ff;
        padding: 5px 14px;
    }

    .flight-detaill span {
        padding-right: 14px;
    }

    .inside-detailss p span {
        font-size: 20px;
    }

    .inside-detailss p {
        font-size: 15px;
    }

    .bgt {
        padding-right: 14px;
    }

    .details-1 {
        display: flex;
        align-items: flex-start;
        margin-top: 10px;
    }

    .indi-code {
        padding-left: 10px;
    }

    .linesss {
        display: flex;
        align-items: center;
        position: relative;
        height: 100%;
    }

    .flight-line {
        border-top: 1px dotted gray;
        width: 80%;
        position: relative;
        margin: 10px 0;
    }

    .flight-line1,
    .flight-line2 {
        width: 10px;
        height: 10px;
        background-color: gray;
        border-radius: 50%;
    }

    .circle {
        height: 30px;
        width: 30px;
        border: 1px solid gray;
        color: gray;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #ffffff;

        position: absolute;
        top: 50%;
        left: 46%;
        transform: translate(-50%, -50%);
    }

    .circle-timing {
        position: absolute;
        top: 15%;
        left: 46%;
        transform: translateX(-50%);
        font-size: 12px;
        color: black;
        background: #ffffff;
        padding: 2px 5px;
        border-radius: 5px;
    }

    .refundable {
        border: 1px solid #55d355;
        padding: 1px 20px;
        font-size: 12px;
        border-radius: 30px;
        color: #31a731;
        background: #e8f2fa;
        position: absolute;
        top: 70%;
        left: 46%;
        transform: translateX(-50%);
    }

    .details-2 {
        height: 100%;
        display: flex;
        justify-content: start;
    }

    .biz span {
        border: none;
        padding: 6px 20px;
        font-size: 12px;
        border-radius: 30px;
        color: black;
        background: #d7d7d7;
    }

    .depart span {
        background: gray;
        font-size: 16px;
        padding: 2px 10px;
        border-radius: 0px 0px 15px 0px;
        color: white;
        text-transform: uppercase;
        margin-left: -10px;
    }

    .depart-row {
        margin: 20px;
        border: 1px solid #c9c9c9;
        padding: 0px 0px 20px 0px;
        border-radius: 5px;
        box-shadow: 0px 0px 10px -5px gray;
    }

    .depart-row1 {
        margin: 20px 0px 0px 0px;
        border: 1px solid #c9c9c9;
        padding: 0px 0px 20px 0px;
        border-radius: 5px;
        box-shadow: 0px 0px 10px -5px gray;
        background-color: white;
    }

    .checkin-row {
        margin: 10px;
        border: 1px solid #c9c9c9;
        padding: 0px 0px 20px 0px;
    }

    .allbooks {
        border: 1px solid #c9c9c9;
        padding: 0px 0px 2px 0px;
        border-radius: 5px;
        box-shadow: 0px 0px 10px -5px gray;
        background: white;
    }

    .indi-code2 h5 {
        font-size: 22px;
        font-weight: 500;
    }

    .tabs button {
        border: none;
        background: transparent;
        color: #3d3d3d;
    }

    .tabs button.active {
        border-bottom: 1px solid #0087f3;
        border-radius: 3px;
    }

    .tabs {
        margin-top: 20px;
    }

    .bagage {
        text-align: center;
        margin: 0px;
        padding: 8px 0px;
        background-color: #efefef;
        color: gray;
        font-weight: 600;
        border-bottom: 1px solid #bfbfbf;
        font-size: 18px;
    }

    .checkin {
        text-align: center;
    }

    .down-bagage {
        padding: 10px 20px;
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }

    .checkin p {
        margin-top: 20px;
    }

    .fare-rules-container1 {
        width: 100%;
        max-width: 888px;
        border: 1px solid #ddd;
        padding: 6px;
        margin: 10px auto;
    }

    .sheild-text h6 {
        font-size: 15px;
        color: #2196f3;
        font-weight: 600;
        display: block;
        margin-bottom: 3px;
        display: flex;
        align-items: center;
    }

    .sheild-text h6 span {
        padding-left: 6px;
        font-size: 18px;
    }

    .insurencediv {
        border-radius: 0 0 5px 5px;
    }

    .insur-yes {
        width: 95%;
        padding-top: 8px;
        font-size: 12px;
        color: #000000;
    }

    .insur-yes label {
        font-weight: normal;
        cursor: pointer;
    }

    .container-radio {
        display: block;
        position: relative;
        padding-left: 28px;
        margin-bottom: 5px;
        cursor: pointer;
        font-size: 12px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        margin-left: 8px;
    }

    .container-radio input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

    .checkmark-radio {
        position: absolute;
        top: 0px;
        left: 0;
        height: 18px;
        width: 18px;
        background-color: #eee;
        border-radius: 50%;
        border: 1px solid #CCC;
    }

    .insur-no {
        width: 95%;
        font-size: 12px;
        color: #000000;
    }

    .insur-no label {
        font-weight: normal;
        cursor: pointer;
    }

    .container-radio input:checked~.checkmark-radio {
        background-color: #ffffff;
        border: 1px solid #2196f3;
    }

    .container-radio input:checked~.checkmark-radio:after {
        display: block;
    }

    .container-radio .checkmark-radio:after {
        top: 3px;
        left: 3px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #2196f3;
    }

    .checkmark-radio:after {
        content: "";
        position: absolute;
        display: none;
    }

    .sheild-img img {
        width: 60%;
    }

    .sheild-img {
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .hassle {
        padding: 12px 0px;
        border-bottom: 1px solid #cbcbcb;
    }

    .hassle p {
        padding: 0px 15px;
    }

    .hassle p span {
        font-size: 18px;
        font-weight: 500;
    }









    .info-box {
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-color: #e5f1ff;
        padding: 15px 20px;
        border-radius: 8px;
        max-width: 100%;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }

    .info-box .content {
        display: flex;
        align-items: center;
    }

    .info-box .content .icon {
        font-size: 20px;
        color: #4CAF50;
        margin-right: 10px;
    }

    .info-box .content .text {
        line-height: 1.4;
    }

    .info-box .content .text .title {
        font-weight: bold;
        color: #333;
        margin-bottom: 4px;
    }

    .info-box .content .text .description {
        color: #666;
        font-size: 14px;
    }

    .info-box .content .text .description a {
        color: #007bff;
        text-decoration: none;
    }

    .info-box .content .text .description a:hover {
        text-decoration: underline;
    }

    .info-box .price {
        font-size: 24px;
        font-weight: bold;
        color: #333;
    }

    .yashpal-row {
        margin: 14px 12px;
    }

    .fnlbk {
        padding: 20px 0px 0px 0px;
    }

    .hfsjdsbvgldf {
        display: flex;
        background: #dbffdb;
        padding: 10px 0px;
        border-bottom: 1px solid #dddddd;
    }

    .mail span {
        font-size: 18px;
        font-weight: 600;
    }

    .mail {
        font-size: 15px;
    }

    .input-container {
        display: flex;
        align-items: center;
        border: 1px solid #ccc;
        border-radius: 6px;
        padding: 8px 5px 8px 20px;
        width: 500px;
        /* Adjust width as needed */
        background-color: white;
        /* Light blue background */
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }

    /* Email icon style */
    .input-container .icon {
        width: 20px;
        height: 20px;
        margin-right: 8px;
        color: #888;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* Input field style */
    .input-container input {
        border: none;
        outline: none;
        width: 100%;
        font-size: 16px;
        background: none;
        color: #333;
    }

    /* Style for input placeholder text color */
    .input-container input::placeholder {
        color: #aaa;
    }

    .enve {
        font-size: 22px;
    }

    .mail {
        margin: 15px 0px;
    }

    .con-book {
        padding: 6px 40px;
        background-color: orangered;
        font-size: 20px;
        font-weight: 700;
        letter-spacing: 1px;
        border: none;
        border-radius: 30px;
        color: white;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    /* Hide the default checkbox */
    input[type="checkbox"] {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        width: 20px;
        height: 20px;
        border: 2px solid #007bff;
        border-radius: 50%;
        outline: none;
        cursor: pointer;
        display: inline-block;
        position: relative;
    }

    /* Background color when checked */
    input[type="checkbox"]:checked {
        background-color: #007bff;
        border-color: #007bff;
    }

    /* Checkmark (using a pseudo-element) */
    input[type="checkbox"]:checked::after {
        content: '✔';
        color: white;
        font-size: 14px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .price-summary {
        width: 100%;
        border-radius: 8px;
        overflow: hidden;
        font-family: Arial, sans-serif;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }

    .price-summary-header {
        background-color: #d6ecfc;
        padding: 10px;
        font-weight: bold;
        font-size: 18px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .price-summary-header .icons {
        font-size: 16px;
        color: #333;
    }

    .price-summary-content {
        padding: 10px 15px;
        background-color: #fff;
        color: #333;
    }

    .price-row {
        display: flex;
        justify-content: space-between;
        padding: 6px 0;
        font-size: 16px;
        border-bottom: 1px solid #eee;
    }

    .price-row:last-child {
        font-weight: bold;
        color: #e75d00;
        border-bottom: none;
    }

    .price-row .free {
        color: #3ac645;
        font-weight: bold;
    }

    .grand-total {
        text-align: right;
        font-size: 22px;
        color: #e75d00;
        padding-top: 10px;
    }

    .promo-container {
        margin-top: 20px;
        width: 100%;
        border: 1px solid #ddd;
        border-radius: 8px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        overflow: hidden;
        background: white;
    }

    .promo-header {
        background-color: #00aaff;
        color: #fff;
        padding: 10px;
        text-align: center;
        font-weight: bold;
    }

    .promo-input {
        display: flex;
        padding: 10px;
        border-bottom: 1px solid #ddd;
    }

    .promo-input input[type="text"] {
        flex: 1;
        padding: 8px;
        font-size: 14px;
        border: 1px solid #ddd;
        border-radius: 4px;
    }

    .promo-input button {
        background-color: #007bff;
        color: #fff;
        border: none;
        border-radius: 4px;
        padding: 8px 16px;
        margin-left: 8px;
        cursor: pointer;
        font-size: 14px;
    }

    .promo-codes {
        padding: 10px;
        max-height: 200px;
        overflow-y: auto;
    }

    .promo-code-item {
        display: flex;
        align-items: flex-start;
        margin-bottom: 15px;
    }

    .promo-code-item input[type="radio"] {
        margin-right: 10px;
        margin-top: 5px;
    }

    .promo-code-details {
        font-size: 14px;
        line-height: 1.5;
    }

    .promo-code-title {
        font-weight: bold;
    }

    .promo-code-locked {
        color: #888;
        display: flex;
        align-items: center;
    }

    .promo-code-locked img {
        margin-right: 5px;
        width: 16px;
        height: 16px;
    }

    .promo-code-terms {
        color: #007bff;
        font-size: 12px;
        cursor: pointer;
        text-decoration: none;
    }

    .trav {
        display: flex;
        align-items: center;
        padding: 10px 0px;
    }

    .trav img {
        margin-right: 6px;
    }

    .zjhg {
        background: linear-gradient(45deg, #9cd3ff, #a8ebff);
    }


    .accord-bottom {
        padding: 1rem 1.25rem;
        border-top: 1px dotted gray;
        background: #f1f1f1;
    }

    .accordion-button:focus {
        z-index: 3;
        border-color: white;
        outline: 0;
        box-shadow: none;
    }

    .accordion-item {
        box-shadow: 0px 0px 15px -9px;
        border: none;
        margin-top: 25px;
    }

    .accord-bottom p {
        font-size: 14px;
        color: #5f5f5f;
    }



    .form-container {
        max-width: 100%;
        margin: 20px auto;
    }

    .optional {
        font-size: 0.9em;
        color: #777;
    }

    .optional-link {
        color: #007bff;
        text-decoration: none;
    }

    .togp {
        display: none;

    }

    .togl {
        color: #2196f3;
    }

    .togp1 {
        display: none;

    }

    .togl1 {
        color: #2196f3;
    }

    .cgukf label {
        font-weight: bold;
        margin-bottom: 5px;
        color: black;
    }

    .policies-span span {
        color: #007bff;
        cursor: pointer;
    }

    .seatp span {
        background: #1c94ff;
        color: white;
        padding: 5px 10px;
        border-radius: 30px;
    }

    .seat {
        display: flex;
        align-items: self-start;
        margin-top: 10px;
    }

    .seat-tests {
        padding-left: 10px;
    }

    .seatsss {
        padding: 0px 0px 20px 0px;
    }

    .seat1 {
        padding: 8px 0px;
    }

    .seatad {
        background: #ebebeb;
        padding: 10px 10px;
        border-radius: 8px 8px 0px 0px;
        border: 1px solid #c5c5c5;
        border-bottom: none;
    }

    .fare {
        font-weight: bold;
        display: flex;
        justify-content: space-between;
        background: #ffffff;
        padding: 10px 10px;
        border-radius: 0px 0px 8px 8px;
        border: 1px solid #c5c5c5;
        border-top: none;
    }


    .seat-type {
        display: flex;
        align-items: center;
        font-weight: bold;
    }

    .seat-color {
        height: 13px;
        width: 13px;

        border-radius: 2px;
    }

    .seat2 {
        display: flex;
        align-items: center;
        text-wrap-mode: nowrap;
        padding: 5px 0px;
    }

    .seat2 p {
        padding-left: 4px;
        font-size: 12px;
    }

    .all-seats {
        height: 450px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .boxes {
        display: flex;
        flex-wrap: wrap;
        gap: 36px;
        width: 222px;
        /* Allows for exactly three boxes per row (3 * 50px + 2 * 10px gap) */
    }

    .box {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 5px 0px;
    }

    .box1 {
        height: 42px;
        width: 42px;
        background: gray;
        border-radius: 3px;
    }

    .seat-click {
        padding: 0px 20px;
    }

    .lsgkg {
        padding: 0px 100px;
        background: #9cfff5;
        max-height: 450px;
        overflow-y: auto;
    }



    .seat-click .col-md-4 {
        padding: 0px 4px;
    }

    /* width */
    .lsgkg::-webkit-scrollbar {
        width: 6px;
    }

    /* Track */
    .lsgkg::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px grey;
        border-radius: 10px;
    }

    /* Handle */
    .lsgkg::-webkit-scrollbar-thumb {
        background: #00aaff;
        border-radius: 10px;
    }

    /* Handle on hover */
    .lsgkg::-webkit-scrollbar-thumb:hover {
        background: #00aaff;
    }

    .tabseat {
        margin-bottom: 20px;
        background-color: lightyellow;
        border-radius: 15px;
        transition: all .2s ease;
    }

    .tabseat button {
        border: none;
        padding: 8px 18px;
        background-color: transparent;
        transition: all .2s ease;
    }

    .tabseat button span {
        padding-right: 10px;
    }

    .tabseat button.active {
        border-bottom: 3px solid #007bff;
        border-radius: 2px;
        font-weight: bold;
    }

    .meals {
        display: flex;
        justify-content: center;
        align-items: center;

    }

    .meals p {
        background-color: #ffffff;
        border: 1px solid #b3b3b3;
        height: 30px;
        width: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-left: none;
        border-right: none;
    }

    .meals button {
        background-color: #ffffff;
        border: 1px solid #b3b3b3;
        height: 30px;
        width: 30px;
        border-radius: 2px;

    }

    .meal-price {
        font-weight: bold;
    }

    #myfood {
        height: 450px;
        overflow-y: auto;
    }

    .truncate {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        /* Set width for truncation */
        cursor: pointer;
        /* Change cursor to indicate clickability */
    }

    .full {
        white-space: normal;
        /* Allows text to wrap normally */
        overflow: visible;
        text-overflow: unset;
    }

    .custom-rowss {
        /* border-bottom: 1px solid #ccc; */
        padding: 10px 0;
        font-weight: 300;
    }

    .custom-rowss .label {
        font-weight: bold;
        color: #666;
    }

    /* Style the tab */
    .tab-payment {
        float: left;
        border: 1px solid #ccc;
        background-color: #f1f1f1;
        width: 30%;
        height: 100%;
    }

    /* Style the buttons inside the tab */
    .tab-payment .tablinks-payment {
        display: block;
        background-color: inherit;
        color: black;
        padding: 10px 12px;
        width: 100%;
        border: none;
        outline: none;
        text-align: left;
        cursor: pointer;
        transition: 0.3s;
        font-size: 17px;
    }

    /* Change background color of ps on hover */
    .tab-payment .tablinks-payment:hover {
        background-color: #ddd;
    }

    /* Create an active/current "tab p" class */
    .tab-payment .tablinks-payment.active {
        background-color: #ccc;
    }

    /* Style the tab content */
    .tabcontent-payment {
        float: left;
        padding: 0px 12px;
        width: 70%;
        height: 100%;
    }

    .payment-img {
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0px;
    }

    .payment-img {
        height: 100%;
        width: 100%;
        padding: 0px;
    }

    .payment-cards1 {
        padding: 12px 0px;
    }

    .payment-cards p {
        font-size: 11px;
    }

    .payment-cards h5 {
        padding: 0px;
        margin: 0px;
        color: #000;
        font-size: 14px;
        line-height: 23px;
        font-weight: 600;
    }

    .tab-payment .tablinks-payment.active {
        background-color: #ffffff;
    }

    .entr-crd-mn2 {
        width: 100%;
        position: relative;
        cursor: pointer;
    }

    .inp-mnu2 {
        width: 100%;
        font-size: 14px;
        height: 50px;
        padding-left: 2%;
        border: 1px solid #ccc;
        border-radius: 4px;
        outline: none;
        font-weight: 600;
    }

    .inp-mnu {
        background: rgba(0, 0, 0, 0) url(../images/paymnt-rec.png) repeat scroll -79px -165px;
        height: 20px;
        right: 38px;
        position: absolute;
        top: 12px;
        width: 205px;
    }

    .form-select,
    .form-control {
        border-color: #dc3545;
    }

    .form-label {
        font-weight: bold;
    }

    .payment-cards1 label {
        font-weight: bold;
    }

    .cvv-icon {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        opacity: 0.5;
    }

    .cvv-field {
        position: relative;
    }

    .payment-fare span {
        font-size: 24px;
        font-weight: bold;
        color: #d63b05;
    }

    .payment-book {
        padding: 6px 40px;
        background-color: orangered;
        font-size: 20px;
        font-weight: 700;
        letter-spacing: 1px;
        border: none;
        border-radius: 30px;
        color: white;
    }

    .payment-btn {
        display: flex;
        justify-content: end;
    }

    .bank-option {
        border: 1px solid #ddd;
        border-radius: 5px;
        padding: 5px;
        display: flex;
        align-items: center;
        gap: 10px;
        cursor: pointer;
        transition: background-color 0.3s;
    }

    .bank-option:hover {
        background-color: #f0f0f0;
    }

    .bank-option input[type="radio"] {
        display: block;
    }

    .bank-option.active {
        background-color: #e9f7ff;
        border-color: #007bff;
    }

    .bank-option label {
        margin: 0;
        cursor: pointer;
    }

    .input-group-text1 {
        background-color: transparent;
        border: none;
        font-weight: bold;
        font-size: 1.1rem;
    }

    .lkjh {
        display: flex;
        padding: 14px 10px;
    }

    .upipay {
        background: #e5e5e5;
        margin: 10px 6px;
        border-radius: 10px;
    }

    .bank-btn {
        display: flex;
    }

    .pymtwico {
        display: flex;
        align-items: center;
        margin-right: 5px;
        font-size: 12px;
        border: 1px solid #eee;
        border-radius: 40px;
        padding: 5px 5px;
        font-weight: 500;
    }

    .pymtwico .imgtw {
        width: 18px;
        margin-right: 3px;
        display: flex;
        align-items: center;
    }

    .w50tw {
        width: 100%;
        margin: 15px auto;
        display: flex;
        align-items: center;
    }

    .note {
        background-color: #fff7db;
        padding: 10px;
        margin-top: 10px;
        font-size: 0.9rem;
        border-left: 4px solid #ffc107;
    }

    .total-fare {
        font-weight: bold;
        font-size: 1.5rem;
        color: #d9534f;
    }

    .footer-note {
        font-size: 0.85rem;
    }

    .voucher-container {
        max-width: 100%;
        margin: auto;
    }

    .pymtwico {
        /* Default styling */
        cursor: pointer;
        padding: 10px;
    }

    .pymtwico.active {
        background: #2196f3;
        border-color: #2196f3;
        color: #fff;
    }

    .searchnumber {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .searchnumber button {
        padding: 3px 20px;
        background-color: orangered;
        font-size: 20px;
        font-weight: 700;
        letter-spacing: 1px;
        border: none;
        border-radius: 30px;
        color: white;
        margin-top: 8px;
        margin-bottom: 8px;
    }

    .searchnumber input {
        border: none;
        border-bottom: 1px solid gray;
        background: #ffffff;
    }

    .eligi {
        background: #ffffff;
        border: 1px solid #cbcbcb;
        margin: 10px 10px;
        padding: 10px;
        border-radius: 10px;
    }

    .benrow {
        background: #e7e7e7;
        margin: 8px;
        padding: 10px;
        border-radius: 10px;
    }

    .ben1 h4 {
        font-weight: 600;
        font-size: 18px;
        margin-bottom: 10px;
        margin-bottom: 4px;

    }

    .ben1 p {
        font-size: 12px;
        font-weight: 400;
    }

    .benifits-pay h4 {
        margin: 10px 10px;
        font-weight: bold;
    }

    .gpay {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    /**************************************************************************FINAL BOOK END************************************************************************/

    .pricings h4 {
        margin: 0px;
        font-size: 16px;
    }

    .pricings p {
        margin: 0px;
        font-size: 11px;
    }

    .fssffs {
        border: 1px solid gray;
        padding: 5px;
    }

    .flight-images p {
        font-size: 11px;
        padding-left: 4px;
    }

    .scrollable {
        max-height: 800px;
        /* Adjust height as needed */
        overflow-y: auto;
    }


    /* width */
    .scrollable::-webkit-scrollbar {
        width: 1px;
    }

    /* Track */
    .scrollable::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px grey;
        border-radius: 10px;
    }

    /* Handle */
    .scrollable::-webkit-scrollbar-thumb {
        background: gray;
        border-radius: 10px;
    }

    /* Handle on hover */
    .scrollable::-webkit-scrollbar-thumb:hover {
        background: #b30000;
    }

    .mobile-dis {
        display: none;
    }

    .deltclass {
        display: block;
    }


    /*BOOKFLIGHT TOP STYLE*/

    .a .col-md-2 {
        padding: 5px 15px;
        background: #fff;
        border: 1px solid rgb(233, 233, 233);
    }

    .search-h3 {
        font-size: 19px;
    }

    .swap-button {
        position: absolute;
        left: calc(16.66% + 10px);
        top: 50%;
        transform: translate(-98%, -50%);
        background: #ffffff;
        color: #000000;
        border: none;
        padding: 1px;
        border-radius: 50%;
        cursor: pointer;
        z-index: 100;
        width: 22px;
        height: 22px;
        font-size: 14px;
        box-shadow: 0px 0px 9px -2px;
    }

    .searchbuttn {
        color: white;
        font-size: 24px;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 2px;
    }

    .radio-groupa {
        display: flex;
        margin-top: 11px !important;
        padding: 0px !important;
    }

    .searchbarsec {
        background-size: cover;
        background-position: center;
        height: 24vh;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #70c4f9;
    }

    .flightt {
        padding: 10px 0;
    }

    .nav-icons {
        justify-content: center;
        /* Center the icons in the nav-icons container */
    }

    .links-img {
        display: flex;
        flex-direction: column;
        /* Stack image and text vertically */
        align-items: center;
        cursor: pointer;
        /* Center align text under the image */
    }

    .links-img img {
        margin-bottom: 5px;
        /* Add space between the image and text */
    }

    /* Reduce the margin between images */
    .links-img:first-child {
        margin-right: 10px;
        /* Adjust this value to control the spacing */
    }

    .links-img:last-child {
        margin-left: 10px;
        /* Adjust this value to control the spacing */
    }

    .login-nav {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
    }

    .login-nav button {
        border: none;
        background: red;
        color: white;
        padding: 5px 20px;
        border-radius: 20px;
        font-weight: 600;
    }

    .cheap p {
        font-size: 12px;
    }

    .cheap h5 {
        margin: 0px;
    }

    .cheap-row {
        background: #ffffff;
        padding: 6px 8px;
    }

    .dtogcol {
        padding: 6px 17px;
        background: white;
        margin: 10px 0px;
        border-bottom: 2px solid black;
        border-radius: 0px 0px 4px 4px;
    }

    .dtogcol .dtog span {
        font-size: 21px;
        font-weight: 600;
    }

    .duration-btn button {
        font-size: 13px;
        border: none;
        background: white;
        padding: 2px 6px;
        border-bottom: 1px solid black;
        border-radius: 0px 0px 5px 5px;
        font-weight: 500;
    }

    .detl {
        background: white;
        margin-top: 18px;
        padding: 10px 0px;
        border-radius: 12px;
        border: 1px solid #d9d9d9;
        box-shadow: 3px 2px 5px -2px gray;
    }

    .detl:hover {
        box-shadow: 3px 2px 17px -4px gray;
    }

    .paddzero {
        padding: 0px;
    }

    .mid-line {
        background: gray;
        height: 2px;
        width: 100%;
    }

    .lns {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }

    .dot {
        height: 8px;
        background: #0075ff;
        width: 8px;
        border-radius: 50%;
    }

    .prc {
        color: #ff3131;
    }

    .price-range-container label {
        display: inline-block;
        font-size: 16px;
        font-weight: bold;
        color: #333;
        margin-bottom: 5px;
    }

    .price-range-container .reset {
        color: red;
        font-weight: 500;
        cursor: pointer;
        margin-left: 5px;
    }

    .slider-container {
        position: relative;
        height: 30px;
    }

    .slider {
        position: absolute;
        width: 100%;
        pointer-events: none;
        /* Disable pointer events for overlapping elements */
        margin: 10px 0;
        -webkit-appearance: none;
        appearance: none;
        height: 8px;
        background: #ff000021;
        outline: none;
        opacity: 0.8;
    }

    .slider::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 18px;
        height: 18px;
        background: #ff0000;
        cursor: pointer;
        border-radius: 50%;
        pointer-events: auto;
        /* Enable pointer events for thumb */
    }

    .slider::-moz-range-thumb {
        width: 18px;
        height: 18px;
        background: #ff0000;
        cursor: pointer;
        border-radius: 50%;
        pointer-events: auto;
        /* Enable pointer events for thumb */
    }

    #min-price {
        z-index: 2;
    }

    #max-price {
        z-index: 1;
    }

    .price-values {
        display: flex;
        justify-content: space-between;
        font-size: 14px;
        color: #333;
    }

    .fltr {
        background: white;
        margin: 0px 10px;
    }

    .fltr1 input {
        margin-left: 9px;
    }

    .selct-inp {
        display: flex;
        justify-content: space-between;
        border-top: 1px solid gray;
        border-bottom: 1px solid gray;
        margin: 10px 0px;
        padding: 6px 0px;
    }


    .stops-container {
        border-bottom: 1px solid gray;
    }

    .stops-label {
        font-weight: bold;
        color: #8B4513;
        font-size: 16px;
    }

    .direction-buttons,
    .stops-buttons {
        display: inline-flex;
        margin: 10px 0;
    }

    .direction-button,
    .stops-button {
        padding: 8px 16px;
        border: 1px solid #ccc;
        background-color: #f9f9f9;
        color: #333;
        border-radius: 5px;
        margin-right: 5px;
        cursor: pointer;
        transition: background-color 0.3s ease;
    }

    .direction-button.active {
        background-color: #6E6E96;
        color: #fff;
    }

    .stops-button.active {
        background-color: #D0D0D0;
        color: #000;
    }

    .direction-button:hover,
    .stops-button:hover {
        background-color: #e0e0e0;
    }

    .rtrntxt p {
        font-weight: 500;
        margin-top: 7px;
        padding-bottom: 6px;
    }

    .rtrntxt p span {
        color: red;
    }

    .rtrn-img {
        border: 1px solid gray;
    }

    .pbr {
        border-bottom: 1px solid gray;
        margin-top: 14px;
        font-weight: 500;
        padding-bottom: 6px;
    }

    .fltrimgs {
        border: 1px solid gray;
        margin: 10px 0px;
    }

    .time-buttons {
        display: flex;
        justify-content: center;
        margin: 20px;
    }

    .time-buttons .time {
        border: 1px solid #ddd;
        padding: 11px;
        text-align: center;
        width: 100px;
        background-color: #f8f8f8;
        border-radius: 8px;
        margin: 0 3px;
        font-family: Arial, sans-serif;
        font-size: 8px;
        cursor: pointer;
        transition: background-color 0.3s ease;
    }

    .time-buttons .time:hover {
        background-color: #eaeaea;
    }

    .time-buttons .time img {
        display: block;
        margin: 0 auto 10px;
        width: 30px;
    }

    .duration-btn .col-md-2 {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .recommended-container {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .switch {
        position: relative;
        display: inline-block;
        width: 40px;
        height: 20px;
    }

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

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

    .slider1:before {
        position: absolute;
        content: "";
        height: 18px;
        width: 18px;
        left: 1px;
        bottom: 1px;
        background-color: white;
        transition: .4s;
        border-radius: 50%;
    }

    input:checked+.slider1 {
        background-color: #2196F3;
    }

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

    .recommended-label {
        font-size: 12px;
        font-weight: bold;
        color: #8B8B8B;
    }

    .detl .col-md-2 {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        font-size: 12px;
    }

    .bookbtn {
        border: none;
        background: #ffa500;
        color: white;
        padding: 3px 14px;
        border-radius: 20px;
        font-weight: 600;
        letter-spacing: 1px;
    }

    .accord-p::after {
        flex-shrink: 0;
        width: 0rem !important;
        height: 0rem !important;
        margin-left: auto;
        content: "";
        background-repeat: no-repeat;
        background-size: 1.25rem;
        transition: transform .2s ease-in-out;
    }

    .accord-p:not(.collapsed) {
        color: #0c63e4;
        background-color: #e7f1ff;
        box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
    }

    .accord-p {
        position: relative;
        display: flex;
        align-items: center;
        width: 100%;
        padding: 0rem;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        background-color: #fff;
        border: 0;
        border-radius: 0;
        overflow-anchor: none;
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;
    }

    .accord-p:not(.collapsed) {
        color: #0c63e4;
        background-color: #fff;
        box-shadow: none;
    }

    .clock-img {
        height: 100%;
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .accor-drop {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 100%;
    }

    .accordian-background {
        background: white;
        /* padding: 10px 0px; */
        border-radius: 12px;
        /* border: 1px solid #d9d9d9; */
        box-shadow: 3px 2px 5px -2px gray;
    }

    /* Style the tab */
    .tab {
        overflow: hidden;
        display: flex;
        justify-content: space-between;
        background: #ededed;
        border-radius: 20px;
    }

    /* Style the buttons inside the tab */
    .tab button {
        background-color: inherit;
        float: left;
        border: none;
        outline: none;
        cursor: pointer;
        padding: 1px 5px;
        transition: 0.3s;
        font-size: 11px;
        border-radius: 20px;
    }

    /* Change background color of buttons on hover */
    .tab button:hover {
        background-color: #bee2f9;
    }

    /* Create an active/current tablink class */
    .tab button.active {
        background-color: #70c4f9;
    }

    /* Style the tab content */
    .tabcontent {
        display: none;
        border-top: none;
    }

    .fare-summary {
        width: 100%;
        border-collapse: collapse;
        margin: 20px auto;
        font-size: 16px;
        color: #333;
    }

    .fare-summary tr {
        border-bottom: 1px solid #ddd;
    }

    .fare-summary td {
        padding: 10px;
        text-align: left;
    }

    .fare-summary .label {
        font-weight: bold;
    }

    .fare-summary .amount {
        text-align: right;
    }

    .fare-summary .total {
        font-weight: bold;
        font-size: 18px;
    }

    .baggage-table {
        width: 100%;
        max-width: 100%;
        border: 1px solid #ddd;
        border-collapse: collapse;
        margin: 20px auto;
    }

    .baggage-table th,
    .baggage-table td {
        padding: 15px;
        border: 1px solid #ddd;
        text-align: center;
        vertical-align: middle;
    }

    .baggage-table th {
        background-color: #f2f2f2;
        font-weight: bold;
    }

    .airline-info {
        text-align: left;
        font-weight: bold;
    }

    .airline-logo {
        width: 50px;
        vertical-align: middle;
        margin-right: 10px;
    }

    .notes {
        max-width: 100%;
        margin: 10px auto;
        font-size: 14px;
        color: #555;
    }

    .notes ul {
        list-style-type: disc;
        padding-left: 20px;
    }

    .fare-rules-container {
        width: 100%;
        max-width: 800px;
        border: 1px solid #ddd;
        padding: 20px;
        margin: 20px auto;
    }

    .fare-rules-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 15px;
    }

    .refundable-badge {
        background-color: #e0f7e0;
        color: #28a745;
        border: 1px solid #28a745;
        border-radius: 15px;
        padding: 5px 10px;
        font-size: 14px;
    }

    .fare-rules-table {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 20px;
        font-size: 16px;
    }

    .fare-rules-table th,
    .fare-rules-table td {
        padding: 10px;
        border: 1px solid #ddd;
        text-align: left;
    }

    .fare-rules-table th {
        background-color: #f2f2f2;
        font-weight: bold;
    }

    .terms-conditions {
        font-size: 14px;
        color: #555;
    }

    .terms-conditions ul {
        list-style-type: disc;
        padding-left: 20px;
    }

    /*BOOKFLIGHT TOP STYLE END*/

    /*BOOKFLIGHT*/
    .mobile-flight-srcch {
        padding: 50px 10px;
    }

    .dfgh {
        text-align: center !important;
        margin-top: 10px !important;
        align-items: normal !important;
    }

    .detl img {
        width: 42%;
    }

    .mqpz {
        padding: 2px;
        background: white;
        border-radius: 8px;
    }

    .dpbtn {
        border: none;
        background: #ef6614;
        color: white;
        padding: 4px 10px;
        border-radius: 20px;
    }

    .kjdsa p {
        font-size: 12px;
    }

    .kjdsa h4 {
        font-weight: 600;
    }

    .udml {
        padding: 20px 0px;
    }

    .accordian-mobile-body {
        background: white;
        border-radius: 8px;
    }

    .jsow {
        font-weight: 500;
    }

    .udml {
        display: none;
    }

    /*BOOKFLIGHT END*/

    /*VIEW DETAILS*/

    /* .tab button {
        background-color: inherit;
        float: left;
        border: none;
        outline: none;
        cursor: pointer;
        padding: 5px 2px;
        transition: 0.3s;
        font-size: 9px;
        border-radius: 20px;
    } */

    .accor-drop p {
        font-size: 11px;
    }

    .accor-drop h5 {
        font-size: 16px;
    }

    .fare-rules-container {
        width: 100%;
        max-width: 800px;
        border: 1px solid #ddd;
        padding: 6px;
        margin: 10px auto;
    }

    .fare-rules-table th,
    .fare-rules-table td {
        padding: 6px;
        border: 1px solid #ddd;
        text-align: left;
        font-size: 11px;
    }

    .terms-conditions ul li {
        font-size: 12px;
    }

    .select-rdo {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    /*VIEW DETAILS END*/

    .flightt {
        padding: 10px 0;
    }

    .nav-icons {
        justify-content: center;
        /* Center the icons in the nav-icons container */
    }

    .links-img {
        display: flex;
        flex-direction: column;
        /* Stack image and text vertically */
        align-items: center;
        cursor: pointer;
        /* Center align text under the image */
    }

    .links-img img {
        margin-bottom: 5px;
        /* Add space between the image and text */
    }

    /* Reduce the margin between images */
    .links-img:first-child {
        margin-right: 10px;
        /* Adjust this value to control the spacing */
    }

    .links-img:last-child {
        margin-left: 10px;
        /* Adjust this value to control the spacing */
    }

    .login-nav {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
    }

    .login-nav button {
        border: none;
        background: red;
        color: white;
        padding: 5px 20px;
        border-radius: 20px;
        font-weight: 600;
    }

    /*SEARCH SECTION START*/

    .disabled-date {
        color: gray;
        /* Change text color to gray */
        pointer-events: none;
        /* Prevent interaction with the element */
        opacity: 0.6;
        /* Make the element slightly transparent */
    }

    .radio-groupa {
        display: flex;
        margin-top: 23px !important;
        padding: 0px !important;
    }

    .radios {
        display: flex;
        align-items: center;
        margin: 0px 10px;
        position: relative;
    }

    .radios label {
        margin: 0px;
        color: white;
        padding-left: 5px;
        font-size: 16px;
        cursor: pointer;
    }

    .radios input[type="radio"] {
        appearance: none;
        -webkit-appearance: none;
        width: 20px;
        height: 20px;
        background-color: white;
        border: 2px solid #4A90E2;
        border-radius: 50%;
        position: relative;
        cursor: pointer;
        transition: background-color 0.3s ease;
    }

    .radios input[type="radio"]:checked {
        background-color: #4A90E2;
    }

    .radios input[type="radio"]:checked::before {
        content: "✓";
        position: absolute;
        font-size: 14px;
        color: white;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .a .ab:hover {
        background: #d38a03;
        transition: all .2s ease;
        cursor: pointer;
    }

    .srchflgt {
        height: 100%;
        display: flex;
        justify-content: end;
        align-items: center;
        color: white;
        font-size: 24px;
        font-weight: 700;
        letter-spacing: 1px;
    }

    .trppss .col-md-1 {
        background: white;
        text-align: center;
        border-radius: 20px;
        margin: 10px 4px;
        font-size: 11px;
        font-weight: 600;
        padding: 5px 2px;
        cursor: pointer;
    }

    .trppss .col-md-1.active {
        background: #007bff;
        /* Change this to your desired active color */
        color: white;
        /* Optional: change text color when active */
    }

    .searchbarsec {
        background-image: url(../images/ban2.png);
        background-size: cover;
        background-position: center;
        height: 60vh;
        display: flex;
        justify-content: center;
        align-items: center;
    }




    .a .container-fluid {
        width: 90%;
    }

    .a {
        padding: 50px 0px;
        position: relative;
    }

    .a p {
        margin-bottom: 0px;
    }

    .a .ab {
        background: orange;
        height: 100%;
    }

    .a .col-md-2 {
        padding: 15px 30px;
        background: #ffffffd1;
        border: 1px solid rgb(233, 233, 233);
    }

    .swap-button {
        position: absolute;
        left: calc(16.66% + 10px);
        top: 50%;
        transform: translate(-80%, -50%);
        background: #ffffff;
        color: #000000;
        border: none;
        padding: 5px;
        border-radius: 50%;
        cursor: pointer;
        z-index: 100;
        width: 30px;
        height: 30px;
        font-size: 14px;
        box-shadow: 0px 0px 9px -2px;
    }

    .dropdown-options {
        background: #fff;
        border: 1px solid #ddd;
        position: absolute;
        width: 600px;
        z-index: 10;
    }

    .dropdown-options p {
        margin: 0;
        padding: 10px;
        cursor: pointer;
        transition: background 0.3s;
    }

    .dropdown-options p:hover {
        background: #f0f0f0;
    }

    /* Position Flatpickr calendar for departure date */
    .departure-date .flatpickr-calendar {
        position: absolute !important;
        top: 100% !important;
        left: 33% !important;
        margin-top: -42px;
        z-index: 1000 !important;
    }

    /* Position Flatpickr calendar for return date */
    .return-date .flatpickr-calendar {
        position: absolute !important;
        top: 100% !important;
        left: 50% !important;
        margin-top: -42px;
        z-index: 1000 !important;
    }

    .search-p {
        margin-bottom: 0px;
        font-size: 16px;
        font-weight: 600;
        color: gray;
        letter-spacing: 1px;
    }

    .search-h3 {
        font-size: 30px;
        font-weight: 600;
    }

    .searchbuttn {
        color: white;
        font-size: 30px;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 2px;
    }

    .cde {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .dropdown-content1 {
        position: absolute;
        background-color: white;
        border: 1px solid #ccc;
        z-index: 99;
        width: 336px;
        /* Adjust as needed */
        max-height: 300px;
        overflow-y: auto;
        /* Scroll if the list is too long */
    }

    .dropdown-content1 input {
        width: 100%;
        padding: 10px;
        border: 1px solid #ccc;
        box-sizing: border-box;
        box-shadow: 0px 0px 15px -5px;
    }

    .dropdown-content1 ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

    .dropdown-content1 li {
        padding: 10px;
        cursor: pointer;
    }

    .dropdown-content1 li:hover {
        background-color: #f0f0f0;
        /* Highlight on hover */
    }

    /*SEARCH SECTION END*/

    .srch-marg {
        margin: 0px 6px;
    }

    .sprt-txt h5 {
        font-size: 22px;
        margin-bottom: 2px;
    }

    .supprt {
        text-align: end;
    }



    .w3-teal,
    .w3-hover-teal:hover {
        color: #000000 !important;
        background-color: #ffffff !important;
    }

    .logo-mbl img {
        width: 100%;
    }

    .mmm {
        display: block;
    }

    .kjh {
        display: none;
    }

    .w3-bar-block .w3-bar-item {
        width: 100%;
        padding: 8px 16px 0px 16px !important;
        text-align: left;
        border: none;
        white-space: normal;
        float: none;
        outline: 0;
        justify-content: end !important;
        display: flex !important;
    }

    .sidebar-bb {
        padding: 16px;
        border-bottom: 1px solid gray;
    }

    .inrtxt-p {
        font-size: 11px;
    }

    .ineer-text h6 {
        font-weight: 600;
        margin-bottom: 4px;
    }

    .sidebar-bottom-row {
        background: #ffffff;
        margin: 10px;
        padding: 16px;
        border-radius: 10px;
        border: 1px solid #d9d9d9;
    }

    .login-sidebar-text {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .side-log {
        font-weight: bold;
        font-size: 18px;
    }

    .w3-sidebar {
        width: 400px !important;
        background-color: #EFFBFF !important;
    }

    .sdbrr {
        padding: 10px 16px;
    }

    .sdbrr p {
        font-weight: 700;
    }

    .digh {
        display: flex;
        justify-content: end;
    }

    .ftriimmgg {
        width: 100%;
    }

    .dfa {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .hotel-sec1 {
        height: 80vh;
        background: linear-gradient(130deg, #a2d5f2 38%, #6679cc 38%);
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
    }


    .ind-sec4 .col-md-2 {
        width: 20%;
    }

    .ind-sec1 {
        height: 80vh;
        background: linear-gradient(130deg, #a2d5f2 38%, #6679cc 38%);
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .dropdown-menu {
        max-height: 200px;
        /* Adjust this height to show only 4 options */
        overflow-y: auto;
        /* Adds a scrollbar when the options exceed the max height */
    }

    .booking-container {
        background-color: #d9f0f7;
        padding: 20px;
        border-radius: 10px;
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    }

    .hhh2 {
        font-size: 24px;
        margin-bottom: 15px;
        font-weight: 700;
        text-align: left;
    }

    .trip-options {
        display: flex;
        justify-content: space-around;
        margin-bottom: 15px;
    }

    .trip-options label {
        font-size: 14px;
        color: #333;
    }

    .form-group {
        margin-bottom: 15px;
    }

    label {
        display: block;
        font-size: 14px;
        color: #333;
        margin-bottom: 5px;
    }

    .input-field {
        width: 100%;
        padding: 10px;
        border: 1px solid #ddd;
        border-radius: 5px;
        font-size: 14px;
    }

    .more-benefits {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 15px;
    }

    .more-benefits span {
        width: 100%;
        margin-bottom: 10px;
        font-size: 14px;
    }

    .more-benefits label {
        margin-right: 10px;
        font-size: 14px;
    }

    .search-button {
        width: 100%;
        padding: 12px;
        background-color: #ff4d4d;
        color: white;
        font-size: 16px;
        font-weight: 600;
        border: none;
        border-radius: 5px;
        cursor: pointer;
        transition: background-color 0.3s ease;
    }

    .search-button:hover {
        background-color: #e63939;
    }

    .disp {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .benifits span {
        background: #6679cc;
        padding: 2px 9px;
        color: white;
        border-radius: 33px;
    }

    .flight {
        background: #ff1e1e;
        border-color: red;
        border-radius: 30px;
        color: white;
        font-weight: bold;
        padding: 2px 20px;
    }

    .card-container {
        background-color: #eaf9fc;
        /* Light blue background for cards */
        border-radius: 10px;
        padding: 10px;
        margin-bottom: 20px;
        display: flex;
        align-items: center;
        height: 172px;
    }

    .offer-image {
        width: 100px;
        border-radius: 10px;
    }

    .offer-details h5 {
        font-weight: bold;
    }

    .offer-details .highlight {
        color: red;
        font-weight: bold;
    }

    .view-details-btn {
        background-color: #4f46e5;
        color: #fff;
        border-radius: 20px;
        padding: 3px 10px;
        text-transform: uppercase;
        font-size: 12px;
        border-color: #4f46e5;
    }

    .offer-details {
        padding: 16px;
    }

    .ind-sec2 {
        padding: 50px 0px;
        background: #eaf9fc;
    }

    .ind-sec2 .container {
        /* border: 1px solid #999999; */
        padding: 35px 30px 30px 30px;
        border-radius: 18px;
        background: #ffffff;
    }

    .ind-sec2-btn button {
        background: red;
        color: white;
        border: none;
        border-radius: 5px;
        padding: 2px 17px;
    }

    .dj {
        display: flex;
        justify-content: end;
    }

    .ind-sec2-text h2 {
        font-weight: 700;
        margin-bottom: 20px;
    }

    .sec2-bottom-btn {
        background: #cf8a23;
        color: white;
        border-color: #cf8a23;
        padding: 5px 41px;
        border-radius: 30px;
        border: none;

    }

    .ind-sec3 {
        padding: 10px 0px;
        background-color: #6666ff;
    }

    .ind-sec3 h2 {
        color: white;
        font-weight: 700;
    }

    .left-side h2 span {
        color: red;
    }

    .code {
        display: flex;
        margin: 20px 0px;
    }

    .code p {
        font-weight: 500;
        border: 1px solid #8e8e8e;
        padding: 4px 16px;
    }

    .left-side button {
        border: none;
        background: #6666ff;
        font-size: 22px;
        color: white;
        font-weight: 500;
        padding: 4px 20px;
        border-radius: 8px;
    }

    .ext-para {
        font-weight: 600;
        font-size: 20px;
        margin-top: 10px;
    }

    .ind-sec4 {
        padding: 0px 0px 0px 0px;
        background: linear-gradient(180deg, #eaf9fc, #b0cbdc);
    }

    .trip-card {
        background: white;
        border-radius: 20px;
        border: 2px solid #d9d9d9;
        margin: 10px;
    }

    .cb {
        background: #00ccff;
        border-radius: 0px 20px 20px 0px;
    }

    .trip-card-details {
        padding: 10px 30px;
    }

    .card-right-button p span i {
        font-size: 32px;
        background: #000000;
        border-radius: 60%;
        color: white;
    }

    .trip-card-details h3 {
        font-weight: 700;
    }

    .trip-details {
        text-align: center;
    }

    .trip-details p {
        font-size: 22px;
    }

    .trip-details h4{
        margin-top: 0px;
    }



    .app-link {
        padding: 20px 0px;
    }

    .app-link span {
        font-size: 21px;
        color: black;
    }

    .app-link button {
        border: 1px solid #cf8a23;
        background: #cf8a23;
        color: white;
        padding: 6px 33px;
        border-radius: 8px;
    }

    .app-link input {
        border: 1px solid gray;
        padding: 6px;
        border-radius: 8px;
        width: 272px;
        margin: 0px 20px;
    }

    .harrr {
        display: none;
        z-index: 99999;
        position: absolute;
    }

    .dropdown-container {
        position: relative;
    }

    .dropdown-container1 {
        position: relative;
    }

    .dropdown-locations {
        display: none;
        /* Hidden by default */
        position: absolute;
        z-index: 1;
        background-color: #fff;
        width: 100%;
        max-height: 150px;
        /* Adjust to show only four locations */
        overflow-y: auto;
        /* Enables the scrollbar */
        border: 1px solid #ccc;
        border-radius: 4px;
    }

    .dropdown-locations a {
        padding: 10px;
        display: block;
        text-decoration: none;
        color: #000;
    }

    .dropdown-locations a:hover {
        background-color: #f1f1f1;
    }

    .dropdown-locations a.selected {
        background-color: #007bff;
        color: white;
    }

    .dropdown-locations1 {
        display: none;
        position: absolute;
        z-index: 1;
        background-color: #fff;
        width: 100%;
        max-height: 150px;
        overflow-y: auto;
        border: 1px solid #ccc;
        border-radius: 4px;
    }

    .dropdown-locations1 a {
        padding: 10px;
        display: block;
        text-decoration: none;
        color: #000;
    }

    .dropdown-locations1 a:hover {
        background-color: #f1f1f1;
    }

    .dropdown-locations1 a.selected {
        background-color: #007bff;
        color: white;
    }

    .dropdown-content {
        border: 1px solid #ddd;
        padding: 15px;
        border-radius: 5px;
        width: 300px;
        background-color: #fff;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }

    .counter {
        display: flex;
        align-items: center;
    }

    .counter button {
        width: 30px;
        height: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .counter span {
        width: 40px;
        text-align: center;
    }

    .done-btn {
        width: 100%;
    }

    .sidetext h5 span {
        font-size: 28px;
        font-weight: 700;
        color: #5555ba;
    }

    .sidetext h3 {
        font-weight: bold;
        color: #5555ba;
    }

    .da {
        display: flex;
        align-items: center;
    }

    .hot-sec2-text h5 span {
        font-size: 30px;
        font-weight: bold;
    }

    .room-details h5 {
        margin-bottom: 0px !important;
    }

    .room-details button {
        padding: 0px 12px;
        color: white;
        border: none;
        background: #cf8a23;
        border-radius: 5px;
    }

    .where-br .row {
        background: white;
        padding: 7px;
        border-radius: 408px 0px 0px 426px;
        border: 1px solid gray;
    }

    .where-br .row {
        margin: 12px 12px 4px 12px;
    }

    .where-trip h3 {
        font-size: 52px;
        color: #5d5d5d;
    }

    .where-br .row .col-md-4 {
        padding: 0px;
    }

    .where-br {
        padding: 0px;
        margin-bottom: 10px;
    }

    .where-br p {
        font-size: 18px;
        font-weight: 600;
    }

    .busses {
        background: #eaf9fc;
        padding-top: 50px;
    }

    .rowlogin p {
        margin-top: 18px;
    }

    .login-sec2 {
        padding: 70px 0px;
    }

    .login-sec-3 {
        padding: 60px 0px;
    }

    .login-sec-3 h3 span {
        font-size: 34px;
        font-weight: bold;
    }

    .login-sec-3 .col-md-4 {
        background-color: #e3f5ff;
    }

    .login-cards-text button {
        border: none;
        background: #858cb3;
        color: white;
        border-radius: 4px;
        padding: 2px 13px 2px 4px;
    }

    .cardsss {
        padding: 30px;
    }

    .login-cards-text h5 {
        margin-top: 10px;
    }

    .login-sec4 h3 span {
        font-size: 34px;
        font-weight: bold;
    }

    .buls-text h5 {
        margin: 8px 0px;
    }

    .border-right {
        border-right: 2px solid white;
    }

    .login-sec5 {
        padding: 70px 0px;
        background: linear-gradient(180deg, #d48642, #b28157);
    }

    .reasons {
        color: white;
    }

    .login-sec5 h3 span {
        background: #f3f3f3;
        padding: 0px 50px;
        border-radius: 50px;
        color: #383838;
    }

    .testihr {
        opacity: 1 !important;
        height: 3px !important;
        background: linear-gradient(45deg, #ff7733, transparent) !important;
    }

    .login-footer {
        padding: 70px 0px;
        background-color: #e6e6e6;
    }

    .login-footer ul {
        list-style: none;
        padding: 0px;
        font-size: 19px;
    }

    .login-footer ul li a {
        color: black;
        text-decoration: none;
    }

    .footerhr {
        opacity: 1 !important;
        margin: 4px 0px 12px 0px !important;
        height: 2px !important;
        background: linear-gradient(45deg, black, transparent) !important;
    }

    .login-ft {
        padding: 20px 0px;
        background-color: #cccccc;
    }

    .testimonial-section {
        background-color: #2d2d2d;
        padding: 50px 0;
        color: white;
    }

    .testimonial-left p {
        color: #b0b0b0;
        font-size: 24px;
    }

    .testimonial-left h2 {
        font-weight: bold;
        font-size: 30px;
    }

    .testimonial-left h2 span {
        color: #ff7733;
    }

    .testimonial-slider {
        background-color: #f0f0f0;
        border-radius: 10px;
        padding: 30px;
    }

    .testimonial-profile img {
        width: 80px;
        height: 80px;
        border-radius: 50%;
    }

    .testimonial-info h3 {
        font-size: 22px;
        margin-bottom: 5px;
    }

    .testimonial-info p {
        margin: 0;
        font-size: 14px;
        color: #666;
    }

    .company-name {
        color: #ff7733;
    }

    .testimonial-quote {
        font-size: 16px;
        color: #333;
        margin-top: 15px;
    }

    .testimonial-nav {
        display: flex;
        justify-content: space-between;
        margin-top: 20px;
    }

    .prev-btn,
    .next-btn {
        background-color: #fff;
        border: none;
        font-size: 18px;
        cursor: pointer;
        padding: 5px 10px;
        border-radius: 50%;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    }

    .prev-btn:hover,
    .next-btn:hover {
        background-color: #ff7733;
        color: white;
    }

    .login-card {
        width: 100%;
        max-width: 400px;
        padding: 2rem;
        margin: 2rem auto;
        background-color: #f0f2fa;
        border-radius: 8px;
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    }

    .form-title {
        font-size: 1.25rem;
        font-weight: bold;
        color: #333;
        margin-bottom: 0.5rem;
    }

    .btn-group .btn {
        font-size: 0.875rem;
        color: #333;
        background-color: #e0e7ff;
        border: none;
    }

    .form-label {
        font-size: 0.875rem;
        color: #555;
    }

    .btn-login {
        width: 100%;
        background-color: #ff5a1f !important;
        color: white !important;
        border: none;
    }

    .btn-login:hover {
        background-color: #ff5a1f;
    }

    .text-muted {
        font-size: 0.875rem;
    }

    .signup-card {
        width: 100%;
        max-width: 400px;
        padding: 2rem;
        margin: 2rem auto;
        background-color: #f0f2fa;
        border-radius: 8px;
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    }

    .form-title {
        font-size: 1.25rem;
        font-weight: bold;
        color: #333;
        margin-bottom: 0.5rem;
    }

    .btn-group .btn {
        font-size: 0.875rem;
        color: #333;
        background-color: #e0e7ff;
        border: none;
    }

    .btn-signup {
        width: 100%;
        background-color: #ff5a1f !important;
        color: white !important;
        border: none;
    }

    .btn-signup:hover {
        background-color: #ff5a1f;
    }

    .signup {
        display: none;
    }

    .flightt .headerr {
        display: flex;
        justify-content: space-between;
    }

    .forh {
        text-wrap-mode: nowrap;
    }

    .brr {
        border-right: 1px solid gray;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .flightt {
        padding: 16px 0px;
    }

    .mmm {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .brr button {
        border: none;
        background: #a5a5a5;
        color: #ffffff;
        border-radius: 40px;
    }

    .xdc button {
        border: none;
        background: red;
        border-radius: 40px;
        color: #ffffff;
        padding: 0px 15px;
    }

    .brdrr {
        border-right: 2px solid black;
        margin-top: 18px;
    }

    .books {
        background: linear-gradient(90deg, #b8771b, #0d61f5);
        color: white;
        margin: 15px 0px;
        padding: 10px 0px;
        border-radius: 12px;
        font-size: 20px;
    }

    .qaz {
        background: white;
        padding: 12px;
        border-radius: 30px;
    }

    .btnsec {
        padding: 70px 0px;
    }

    .asdf {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .down-sde p {
        font-size: 18px;
        font-weight: 600;
        color: gray;
    }

    .lines {
        background-color: #696e87;
        padding: 18px 0px;
        color: white;
    }

    .small-locations {
        font-size: 9px;
    }


}

@media (max-width:1920px) {
    .desktop-payment-section{
        display: block;
    }

    .mobile-payment-section{
        display: none;
    }
    .traveller-desktop-one {
        display: block;
    }

    .traveller-mobile-one {
        display: none;
    }

    .traveller-desktop {
        display: block;
    }

    .traveller-mobile {
        display: none;
    }

    .ind-sec4 .col-md-2 {
        width: 20%;
    }

}

@media (max-width: 1610px) {
    .desktop-payment-section{
        display: block;
    }

    .mobile-payment-section{
        display: none;
    }
    .traveller-desktop-one {
        display: block;
    }

    .traveller-mobile-one {
        display: none;
    }

    .a .col-md-2 {
        padding: 12px 20px;
        background: #ffffffd1;
        border: 1px solid rgb(233, 233, 233);
    }
}

@media (max-width:1440px) {
    .desktop-payment-section{
        display: block;
    }

    .mobile-payment-section{
        display: none;
    }
    .traveller-desktop-one {
        display: block;
    }

    .traveller-mobile-one {
        display: none;
    }

    .traveller-desktop {
        display: block;
    }

    .traveller-mobile {
        display: none;
    }

    .mobile-dis {
        display: none;
    }

    .deltclass {
        display: block;
    }

    /* SEARCH SECTION */

    .trppss .col-md-1 {
        font-size: 10px;
    }

    .search-h3 {
        font-size: 24px;
    }

    .search-p {
        font-size: 13px;
    }

    .small-locations {
        font-size: 9px;
    }

    /* SEARCH SECTION END*/

    .ind-sec4 .col-md-2 {
        width: 20%;
    }

}

@media (max-width: 1280px) {
    .desktop-payment-section{
        display: block;
    }

    .mobile-payment-section{
        display: none;
    }
    .traveller-desktop-one {
        display: block;
    }

    .traveller-mobile-one {
        display: none;
    }

    .traveller-desktop {
        display: block;
    }

    .traveller-mobile {
        display: none;
    }

    .search-h3 {
        font-size: 21px;
    }

    .a .col-md-2 {
        padding: 10px 18px;
        background: #fff;
        border: 1px solid rgb(233, 233, 233);
    }

    .trppss .col-md-1 {
        flex: 0 0 auto;
        width: 10.333333%;
    }
}

@media (max-width:1024px) {
    .desktop-payment-section{
        display: block;
    }

    .mobile-payment-section{
        display: none;
    }
    .traveller-desktop-one {
        display: block;
    }

    .traveller-mobile-one {
        display: none;
    }

    .traveller-desktop {
        display: none;
    }

    .traveller-mobile {
        display: block;
    }

    /*************************************FLIGHT SEARCH SECTION************************************/

    .swap-button {
        position: absolute;
        left: calc(16.66% + 4px);
        top: 48%;
        transform: translate(-81%, -49%);
        background: #ffffff;
        color: #000000;
        border: none;
        padding: 5px;
        border-radius: 50%;
        cursor: pointer;
        z-index: 100;
        width: 20px;
        height: 20px;
        font-size: 10px;
        box-shadow: 0px 0px 9px -2px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    /*************************************FLIGHT SEARCH SECTION************************************/



    .trppss .col-md-1 {
        flex: 0 0 auto;
        width: 11.333333%;

    }

    .search-p {
        font-size: 11px;
    }

    .search-h3 {
        font-size: 21px;
    }

    .searchbuttn {
        font-size: 23px;
    }

    .a .col-md-2 {
        padding: 10px 10px;
        background: #fff;
        border: 1px solid rgb(233, 233, 233);
    }

    .bstadv {
        margin-bottom: 30px;
    }

    .where-trip h3 {
        font-size: 30px;
    }

    .hotel-sec1 {
        height: 65vh;
    }

    .sidetext h3 {
        font-weight: bold;
        color: #5555ba;
        font-size: 22px;
    }

    .sidetext h5 span {
        font-size: 21px;
        font-weight: 700;
        color: #5555ba;
    }

    .sidetext h5 {
        font-size: 17px;
        margin-bottom: 0px;
    }

    .ind-sec4 .col-md-2 {
        width: 20%;
    }

}

@media(max-width:768px) {
    .desktop-payment-section{
        display: none;
    }

    .mobile-payment-section{
        display: block;
    }

    .traveller-desktop-one {
        display: none;
    }

    .traveller-mobile-one {
        display: block;
    }

    .traveller-desktop {
        display: none;
    }

    .traveller-mobile {
        display: block;
    }

    .detl {
        margin: 8px 0px;
    }

    .accord-p {
        display: none;
    }

    .more-fare {
        font-size: 9px;
        padding: 3px 5px;
    }

    .qwerty {
        display: none;
    }

    .sfghd {
        display: none;
    }

    .mobile-flight-srcch {
        padding: 0px;
    }

    .fssffs.active {
        background-color: #ffffff;
    }

    .mbvety {
        display: none !important;
    }

    .mobile-dis {
        display: block;
    }

    .deltclass {
        display: none;
    }

    .cheap-row {
        display: none;
    }

    /*BOOKFLIGHT*/
    .mqpz {
        background: linear-gradient(45deg, #00cffd, #14efd1);
    }

    .udml {
        display: block;
    }



    .searchbarsec {
        display: block;
    }

    .hdfhsd {
        display: none;
    }

    .duration-btn {
        display: none;
    }

    .hourss {
        font-size: 10px;
    }

    .bknw {
        display: none !important;
    }

    .detl .col-2 {
        width: 20%;
    }

    .plane-id {
        font-size: 12px;
        margin-top: 7px;
    }

    .dfgh {
        margin-top: 15px !important;
    }

    .detl img {
        width: 64%;
    }

    .timingg {
        margin: 2px 0px;
    }

    .lcn {
        font-size: 12px;
    }

    .prc {
        color: #0098ff;
        font-size: 20px;
        font-weight: 500;
    }

    .accordion-body {
        display: none;
    }


    /*BOOKFLIGHT END*/
    .dtog p {
        font-size: 11px;
    }

    .srch-marg {
        margin: 0px 0px;
    }

    .dtogcol .dtog span {
        font-size: 13px;
        font-weight: 600;
    }

    .w3-sidebar {
        width: 392px !important;
        background-color: #EFFBFF !important;
    }

    .supprt {
        text-align: start;
    }

    .sde {
        display: flex;
        justify-content: center;
        margin: 10px;
    }

    .down-sde {
        text-align: center;
    }

    .flightt {
        padding: 10px 0px;
    }

    .logo-mbl img {
        width: 50%;
    }

    .mmm {
        display: none;
    }

    .kjh {
        display: block;
    }

    .digh {
        display: flex;
        justify-content: start;
    }

    .ftriimmgg {
        width: 40%;
        margin-bottom: 30px;
    }

    .login-card {
        padding: 1rem;
    }

    .signup-card {
        padding: 1rem;
    }

    .login-ft h4 {
        font-size: 18px;
    }

    .zsff h4 {
        font-size: 18px;
    }

    .login-footer {
        padding: 46px 0px;
        background-color: #e6e6e6;
    }

    .cardsss {
        padding: 15px;
    }

    .sidetext h3 {
        font-weight: bold;
        color: #5555ba;
        font-size: 16px;
    }

    .sidetext h5 span {
        font-size: 17px;
        font-weight: 700;
        color: #5555ba;
    }

    .sidetext {
        font-size: 14px;
    }

    .where-br p {
        font-size: 14px;
        font-weight: 600;
    }
}

@media(max-width:767px) {
    .desktop-payment-section{
        display: none;
    }

    .mobile-payment-section{
        display: block;
    }
    .traveller-desktop-one {
        display: none;
    }

    .traveller-mobile-one {
        display: block;
    }

    .traveller-desktop {
        display: none;
    }

    .traveller-mobile {
        display: block;
    }

    .qwerty {
        display: none;
    }

    .departure-date .flatpickr-calendar {
        position: absolute !important;
        top: 62% !important;
        left: 2% !important;
        margin-top: -42px;
        z-index: 1000 !important;
    }

    .return-date .flatpickr-calendar {
        position: absolute !important;
        top: 77% !important;
        left: 2% !important;
        margin-top: -42px;
        z-index: 1000 !important;
    }

    .srchflgt {
        justify-content: start;
    }

    .radios label {
        font-size: 9px;
    }

    .radios {
        margin: 0px 2px;
    }

    .swap-button {
        position: absolute;
        left: calc(82.66% + 10px);
        top: 27%;
        transform: translate(-81%, -49%);
        background: #ffffff;
        color: #000000;
        border: none;
        padding: 5px;
        border-radius: 50%;
        cursor: pointer;
        z-index: 100;
        width: 30px;
        height: 30px;
        font-size: 14px;
        box-shadow: 0px 0px 9px -2px;
        rotate: 90deg;
    }

    .searchbarsec {
        height: 95vh;
    }

    .a .col-md-2 {
        margin: 6px 0px;
    }

    .search-h3 {
        margin: 3px 0px;
    }
}

@media (max-width:576px) {
    .desktop-payment-section{
        display: none;
    }

    .mobile-payment-section{
        display: block;
    }
    .traveller-desktop-one {
        display: none;
    }

    .traveller-mobile-one {
        display: block;
    }

    .traveller-desktop {
        display: none;
    }

    .traveller-mobile {
        display: block;
    }

    .a .ab {
        background: orange;
        height: 100%;
        border-radius: 4px;
    }

    .qwerty {
        display: none;
    }

    .mobile-dis {
        display: block;
    }

    .deltclass {
        display: none;
    }

    .login-ft h4 {
        font-size: 18px;
        margin: 5px 0px;
    }

    .login-ft {
        padding: 5px 0px;
    }

    .zsff h4 {
        font-size: 18px;
    }

    .login-footer ul {
        font-size: 15px;
    }

    .login-footer {
        padding: 15px 0px;
    }

    .trppss .col-md-1 {
        flex: 0 0 auto;
        width: 22.333333%;
    }

    .departure-date .flatpickr-calendar {
        position: absolute !important;
        top: 100% !important;
        left: 4% !important;
        margin-top: -249px;
        z-index: 1000 !important;
    }

    .return-date .flatpickr-calendar {
        position: absolute !important;
        top: 70% !important;
        left: 2% !important;
        margin-top: 5px;
        z-index: 1000 !important;
    }

    .swap-button {
        position: absolute;
        left: calc(77.66% + 10px);
        top: 27%;
        transform: translate(-73%, -44%);
        background: #ffffff;
        color: #000000;
        border: none;
        padding: 5px;
        border-radius: 50%;
        cursor: pointer;
        z-index: 100;
        width: 30px;
        height: 30px;
        font-size: 14px;
        box-shadow: 0px 0px 9px -2px;
        rotate: 90deg;
    }

    .a .col-md-2 {
        margin: 5px 0px;
        border-radius: 5px;
    }

    .search-h3 {
        font-size: 19px;
        margin: 2px 0px;
    }

    .a .col-md-2 {
        padding: 8px 14px;
    }

    .searchbarsec {
        height: fit-content;
    }

    .w3-sidebar {
        width: 392px !important;
        background-color: #EFFBFF !important;
    }

    .zsff h4 {
        font-size: 24px;
        font-weight: 600;
    }

    .mmm {
        display: none;
    }

    .kjh {
        display: block;
    }

    .login-sec4 h3 span {
        font-size: 23px;
        font-weight: bold;
    }



    .mbea {
        margin-bottom: 27px;
    }

    .border-right {
        border-right: none;
    }

    .suppr {
        margin: 20px;
    }

    .log-roww {
        margin: 3px;
    }

    .login-sec5 h3 span {
        padding: 0px 17px;
        font-size: 17px;
    }

    .testimonial-section {
        background-color: #2d2d2d;
        padding: 50px 24px;
        color: white;
    }

    .ssvv {
        margin-top: 35px;
    }

    .hotel-sec1 {
        height: 130vh;
    }

    .room-details {
        text-align: center;
    }

    .hadr {
        padding: 20px 0px;
    }



    .code {
        margin: 10px 0px;
    }

    .code p {
        padding: 2px 10px;
        font-size: 11px;
    }

    .left-side button {
        font-size: 16px;
    }

    .left-side h2 {
        font-size: 18px;
    }

    .ind-sec1 {
        height: 157vh;
    }

    .booking-container {
        margin-top: 20px;
    }

    .ind-sec4 .col-6 {
        width: 50%;
    }

}

@media (max-width:425px) {
    .desktop-payment-section{
        display: none;
    }

    .mobile-payment-section{
        display: block;
    }
    .traveller-desktop-one {
        display: none;
    }

    .traveller-mobile-one {
        display: block;
    }

    .traveller-desktop {
        display: none;
    }

    .traveller-mobile {
        display: block;
    }

    .w3-sidebar {
        width: 392px !important;
        background-color: #EFFBFF !important;
    }

    .mmm {
        display: none;
    }

    .kjh {
        display: block;
    }

    .popular-trip {
        margin-top: 20px;
    }

    .main-foot h4 {
        font-size: 15px;
    }

    .main-foot1 h4 {
        font-size: 15px;
    }

    .trip-card-details h5 {
        font-size: 17px;
    }

    .trip-card-details h3 {
        font-size: 20px;
    }

    .app-link button {
        margin-top: 5px;
    }

    .ds {
        display: flex;
        justify-content: start;
    }

    .ind-sec2-text h2 {
        font-size: 20px;
    }

    .main-logo {
        width: 120%;
    }

    .mobile-log-btn {
        font-size: 12px;
    }

    .nav-links ul li a {
        font-size: 14px;
        margin: 0px 5px;
    }

    .ind-sec4 .col-6 {
        width: 50%;
    }
}

@media (max-width:375px) {
    .desktop-payment-section{
        display: none;
    }

    .mobile-payment-section{
        display: block;
    }
    .traveller-desktop-one {
        display: none;
    }

    .traveller-mobile-one {
        display: block;
    }

    .traveller-desktop {
        display: none;
    }

    .traveller-mobile {
        display: block;
    }

    .w3-sidebar {
        width: 352px !important;
        background-color: #EFFBFF !important;
    }

    .mmm {
        display: none;
    }

    .kjh {
        display: block;
    }




    .login-sec5 h3 span {
        padding: 0px 8px;
        font-size: 15px;
    }



    .trip-card-details h5 {
        font-size: 15px;
    }

    .trip-card-details {
        padding: 10px 12px;
    }

    .view-details-btn {
        background-color: #4f46e5;
        color: #fff;
        border-radius: 20px;
        padding: 3px 5px;
        text-transform: uppercase;
        font-size: 11px;
        border-color: #4f46e5;
    }

    .offer-details {
        padding: 16px 5px;
    }

    .offer-details p {
        font-size: 13px;
    }

    .offer-details h5 {
        font-weight: bold;
        font-size: 17px;
    }

    .ind-sec2 .container {
        padding: 35px 16px 30px 16px;
    }

    .ind-sec1 {
        height: 146vh;
    }

    .main-logo {
        width: 157%;
    }

    .nav-links ul li a {
        font-size: 12px;
    }

    .mobile-log-btn {
        padding: 2px 5px;
    }

    .ind-sec4 .col-6 {
        width: 50%;
    }
}

@media (max-width:320px) {
    .traveller-desktop-one {
        display: none;
    }

    .traveller-mobile-one {
        display: block;
    }

    .traveller-desktop {
        display: none;
    }

    .traveller-mobile {
        display: block;
    }

    .w3-sidebar {
        width: 316px !important;
        background-color: #EFFBFF !important;
    }

    .login-sec5 h3 span {
        padding: 0px 8px;
        font-size: 13px;
    }

    .ind-sec4 .col-6 {
        width: 50%;
    }
}