body{
        background:#f4f6f9;
        font-family:"Inter","Segoe UI",Arial,sans-serif;
    }
    .container{max-width:1200px;}
    .mtnew{margin-top:24px}

    /* LAYOUT */
    .layout{
        display:grid;
        grid-template-columns:2.5fr 1.2fr;
        gap:24px;
    }
    @media(max-width:992px){
        .layout{grid-template-columns:1fr;}
    }

    /* COMMON CARD */
    .card{
        background:#fff;
        border-radius:12px;
        box-shadow:0 8px 24px rgba(0,0,0,.08);
        margin-bottom:20px;
    }
    .card-header{
        padding:16px 20px;
        font-weight:600;
        border-bottom:1px solid #eee;
        color:#000;
    }
    .card-body{padding:20px}

    /* FLIGHT SUMMARY */
    .flight-summary{
        background:#fff;
        border-radius:12px;
        box-shadow:0 8px 24px rgba(0,0,0,.08);
        padding:20px;
        margin-bottom:20px;
    }
    .flight-title{
        color:#000;
        font-size:22px;
        font-weight:600;
    }
    .flight-date{
        font-size:13px;
        color:#666;
        margin-top:4px;
    }
    .flight-row{
        display:grid;
        grid-template-columns:1.5fr 1fr 1fr 1fr;
        align-items:center;
        margin-top:18px;
    }
    @media(max-width:768px){
        .flight-row{
            grid-template-columns:1fr;
            text-align:center;
            gap:12px;
        }
    }
    .airline-box{
        display:flex;
        align-items:center;
        gap:10px;
    }
    .airline-logo{
        width:34px;
        height:34px;
        border-radius:50%;
        background:#f1f3f6;
        display:flex;
        align-items:center;
        justify-content:center;
    }
    .airline-name{font-weight:600;font-size:14px;color:#000;}
    .flight-no{font-size:12px;color:#666;color:#000;}
    .time{font-size:20px;font-weight:600;color:#000;}
    .city{font-size:13px;color:#555;color:#000;}
    .center-box{text-align:center;color:#000;}
    .duration{font-size:14px;font-weight:600;color:#000;}
    .arrow{font-size:20px;margin:6px 0;color:#000;}
    .nonstop{font-size:12px;color:#555;color:#000;}
    .fare-row span{
        color:#000;
    }
    /* TRAVELLER */
    .traveller-box{
        display: flex;
        gap:10px;
    }
    .traveller-head{
        display:flex;
        gap:10px;
        align-items:center;
    }
    .badge{
        background:#e7f1ff;
        color:#0d6efd;
        font-size:12px;
        padding:4px 10px;
        border-radius:12px;
    }
    .gender{
        display:flex;
        gap:12px;
        margin:10px 0;
    }
    .gender-option{
        padding:6px 14px;
        border:1px solid #ccc;
        border-radius:20px;
        cursor:pointer;
    }
    .gender-option input{display:none}
    .gender-option input:checked + span{
        background:#0d6efd;
        color:#fff;
        padding:6px 14px;
        border-radius:20px;
    }
    input{
        width:100%;
        padding:10px;
        margin-top:10px;
        border-radius:8px;
        border:1px solid #ccc;
    }

    /* CONTACT */
    .contact-grid{
        display:grid;
        grid-template-columns:repeat(4,1fr);
        gap:15px;
    }
    @media(max-width:992px){
        .contact-grid{grid-template-columns:repeat(2,1fr)}
    }
    @media(max-width:576px){
        .contact-grid{grid-template-columns:1fr}
    }
    .contact-grid label{
        font-size:13px;
        color:#555;
    }

    /* IMPORTANT INFO */
    .important-box{
        max-height:200px;
        overflow-y:auto;
        border:1px solid #ddd;
        border-radius:6px;
        padding:12px;
        font-size:13px;
        background:#fafafa;
    }
    .important-box p{margin-bottom:8px}
    .terms{
        display:flex;
        gap:8px;
        align-items:center;
        margin-top:16px;
    }
    .checkbox{width:14px}

  .submit-btn{
    background:#2c63ad;
    border:none;
    padding:12px 28px !important;
    border-radius:30px;
    color:#fff;
    font-weight:600;
    margin-top:20px;
}


    /* RIGHT SIDE */
    .sticky{position:sticky;top:20px}
    .fare-row{
        display:flex;
        justify-content:space-between;
        margin-bottom:10px;
    }
    .total{
        font-size:18px;
        font-weight:700;
    }
    .btn-primary{
        background:#0d6efd;
        border:none;
        padding:12px;
        border-radius:30px;
        color:#fff;
        width:100%;
        margin-top:20px;
    }
    .orange{
        background:#ff7a18;
        color:#fff;
        padding:14px;
        border-radius:8px;
        font-size:14px;
    }
    .gender-toggle{
        display:flex;
        gap:12px;
        margin:10px 0;
    }

    .gender-pill{
        position:relative;
    }

    .gender-pill input{
        display:none;
    }

    .gender-pill span{
        display:inline-block;
        padding:8px 22px;
        border-radius:999px;
        border:1px solid #d0d0d0;
        font-size:14px;
        font-weight:500;
        cursor:pointer;
        background:#fff;
        color:#8a8a8a;
        transition:all .2s ease;
    }

    /* ACTIVE STATE */
    .gender-pill input:checked + span{
        background:#0d6efd;
        color:#fff;
        border-color:#0d6efd;
    }


    .payhead{
            color: #2c63ad;
    font-size: 23px;
    text-align: center;
    }
    .paybtn {
    width: 100%;
    padding: 12px;
    margin: 10px 0;
    background: #4a79b9;
    color: #fff;
    border: none;
    border-radius: 10px;
}
.paywallet{
    width: 100%;
    padding: 12px;
    margin: 10px 0;
    background: #6b7078;
    color: #fff;
    border: none;
    border-radius: 10px;
}
.paycancel{
    background: transparent;
    border: none;
    color: red;
}