/*START 'result'*/
.content-inner {background: #f5f5f5;}
.flight-result {display: flex;width: 100%;flex-wrap: wrap;}
.brd_box {margin: 10px 0;display: inline-block;width: calc(100% - 250px);flex: 0 0 auto;padding-left: 20px;}
.filter_result {width: 250px;margin-top: 10px;}
.result {}
.result .result_list {width: 100%;display: inline-block;background: #ffffff;padding: 0;position: relative;margin: 0 0 10px 0;box-shadow: 0 3px 10px rgb(0 0 0 / 0.05);border-radius: 10px;border: 1px solid rgb(0 0 0 / 12%);}
.list-wrap {width: 100%;display: flex;align-items: center;padding: 0 5px;}
.col-left {display: flex;width: calc(100% - 220px);border-right: 1px dashed #ddd;min-height: 150px;flex-flow: wrap;}
.col-segment {display: inline-flex;flex-flow: wrap;width: 100%;align-items: center;padding: 15px 0;}
.result .result_list .col1 {width: 20%;display: inline-block;float: left;padding: 4px 10px;}
.result .result_list .col2 {width: 25%;display: inline-block;float: left;padding: 4px 10px;}
.result .result_list .col1du {width: 25%;display: inline-block;float: left;padding: 4px 10px;}
.col-right {display: inline-block;height: 100%;width: 220px;text-align: right;padding-right: 2%;}
.result .result_list .flight_fare {font-size: 28px;font-weight: 600;display: flex;color: #000000;align-items: center;}
.result .result_list .flight_fare .gbr-symbol {background: url(../Images/gbp.svg) no-repeat center;width: 25px;height: 30px;display: inline-block;background-size: 25px;}
.flight_fareinfo {font-size: 12px;width: 100%;line-height: 13px;font-weight: 400;color: #666666;}
.result .result_list .btn_book {border: 0;background: #f03b3f;color: #fff;padding: 8px 15px;display: inline-block;font-size: 18px;text-decoration: none !important;border-radius: 10px;font-weight: 600;margin: 12px 0;width: 130px;}
.result .result_list .btn_book i {font-size: 14px;}
.result .result_list .btn_book:hover {background: #e0282c;}
.result .result_list .f_details {display: inline-block;width: 100%;background: #fafcff;float: left;border-radius: 0 0 10px 10px;padding: 5px 10px;border-top: 1px solid rgb(0 0 0 / 8%);}
.btn_farerules {text-decoration: none;font-size: 14px;color: #333333;font-weight: 600;position: relative;}
.btn_farerules i {color: #f00;}
.btn_farerules:hover {text-decoration: none;cursor: pointer;color: #e91e63;}
.btn_farerules::after {content: "";left: 0;bottom: -2px;width: 0%;height: 2px;position: absolute;background: #e91e63;transition: all .5s ease;}
.btn_farerules:hover::after {width: 100%;}
.result .result_list .f_logo {display: inline-block;margin: 5px 8px 0 0;}
.result .result_list .f_logo img {width: 34px;height: 34px;}
.result .result_list .f_name {font-size: 13px;color: #444444;font-weight: 500;display: block;}
.result .result_list .f_no {display: block;font-size: 13px;color: #888888;font-weight: 400;line-height: 18px;}
.result .result_list .f_airpot {display: block;font-size: 13px;font-weight: 500;color: #000000;}
.result .result_list .f_time {display: block;font-size: 20px;font-weight: 600;line-height: 22px;}
.result .result_list .f_date {display: block;color: #888888;font-weight: 400;font-size: 12px;}
.result .result_list .duration {display: block;font-size: 13px;font-weight: 500;color: #000000;text-align: center;}
.result .result_list .seprator {background: #bbbbbb;width: 80%;height: 1px;margin: 8px auto;position: relative;}
.result .result_list .seprator::after {content: "";position: absolute;width: 8px;height: 8px;background: #545454;left: 50%;border-radius: 10px;border: 2px solid #bbbbbb;transform: translate(-50%, -50%);top: 50%;}
.result .result_list .f_stop {font-size: 12px;color: #888888;text-align: center;display: block;}
.result .result_list .from .f_airpot, .result .result_list .from .f_time, .result .result_list .from .f_date {text-align: right;}
@media screen and (min-width: 320px) and (max-width: 575px) {
    .filter_result {display: none;}
    .brd_box {width: calc(100% - 0px);padding-left: 0;}
    .col-right {width: 150px;padding-right: 2%;}
    .list-wrap {display: block;}
    .col-left {width: calc(100% - 0px);border-right: none;}
}
@media screen and (min-width: 576px) and (max-width: 767px){
    .filter_result {display: none;}
    .brd_box {width: calc(100% - 0px);padding-left: 0;}
    .col-right {width: 150px;padding-right: 2%;}
    .col-left {width: calc(100% - 150px);}
}

/*END 'result'*/
/*START 'flight booking'*/
.section_title {
    color: #111111;font-size: 18px;font-weight: 500;margin-top: 10px;display: inline-block;
}
.view_box {background: #ffffff;width: 100%;display: inline-block;margin: 5px 0;box-shadow: 0 3px 10px rgb(0 0 0 / 0.05);border-radius: 10px;border: 1px solid rgb(0 0 0 / 12%);}
.flight_preview_head {display: flex;justify-content: space-between;align-items: center;padding: 8px 15px;}
.flight_preview_head .city {display: block;font-size: 16px;text-transform: uppercase;width: 100%;}
.flight_preview_head .jurney {font-size: 13px;display: block;font-weight: 500;color: #444444;}
.partially-refundable {font-size: 13px;color: #307d01;font-weight: 500;margin-right: 15px;}
.btn_farerules {text-decoration: none;font-size: 14px;color: #333333;font-weight: 600;position: relative;}
.btn_farerules i {color: #f00;}
.btn_farerules::after {content: "";left: 0;bottom: -2px;width: 0%;height: 2px;position: absolute;background: #e91e63;transition: all .5s ease;}
.flight_preview_details {display: flex;background: #f1f7ff;padding: 0px 15px;justify-content: space-between;flex-flow:wrap;}
.flight_preview_details .flight_col1 {display: flex;align-items: center;min-width: 150px;padding: 10px 0;}
.flight_preview_details .flight_col2 {min-width: 150px;max-width: 30%;padding: 10px 5px 10px 10px;border-left: 1px solid #dddddd;}
.flight_preview_details .f_img {width: 34px;height: 34px;margin-right: 8px;}
.flight_preview_details .f_img img {margin: auto;display: block;width: 30px;height: 30px;margin-top: 3px;}
.flight_preview_details .flight_name {font-size: 13px;display: block;font-weight: 500;}
.flight_preview_details .flight_num {font-size: 11px;display: block;font-weight: 700;color: #777777;}
.flight_preview_details .t1 {display: block;font-size: 13px;}
.flight_preview_details .t2 {font-size: 12px;display: block;font-weight: 500;margin-top: 3px;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.flight_preview_content {display: flex;justify-content: center;padding: 15px;}
.flight_preview_content .from {text-align: right;width: 35%;}
.flight_preview_content .time {display: block;font-size: 25px;font-weight: 400;color: #000;}
.flight_preview_content .date {display: block;color: #000;font-size: 15px;font-weight: 500;}
.flight_preview_content .l1 {display: block;margin-top: 3px;font-size: 12px;color: #444444;margin: 0;}
.flight_preview_content .duration {min-width: 25%;text-align: center;display: flex;flex-flow: column;justify-content: center;}
.flight_preview_content .duration .t_time {display: block;font-size: 14px;margin-top: 5px;}
.flight_preview_content .duration .t_arrow {border-top: 1px dashed #b4b4b4;width: 80px;display: block;margin: 15px auto;position: relative;}
.flight_preview_content .duration .t_arrow i {background: #e4e4e4;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%) rotate(45deg);width: 20px;height: 20px;border-radius: 20px;display: flex;justify-content: center;align-items: center;font-size: 10px;}
.flight_preview_content .to {text-align: left;width: 35%;}
.change-plans {font-size: 13px;font-weight: 400;color: #004cbb;padding: 10px 15px;}
.change-plans i {font-size: 18px;margin-right: 5px;display: inline-block;vertical-align: -2px;padding: 0;}
.info_msg {color: #d93812;font-size: 13px;font-weight: 400;}
.info_msg i {margin-right: 10px;}
.accordion_traveler {border: 1px solid #e3e3e3;margin: 15px 0;}
.passenger-wrap {display: flex;padding: 20px 10px 10px 10px;border-bottom: 1px solid #ebebeb;justify-content: center;}
.passenger-wrap:last-child {border-bottom: none;}
span.ps_title {font-size: 14px;font-weight: 600;padding: 12px 15px 0 0;min-width: 80px;}
.psrow {flex-direction: row;flex-flow: wrap;box-sizing: border-box;display: flex;place-content: flex-start;align-items: flex-start;column-gap: 15px;margin-bottom: 5px;}
.form-group,.form-group1 {position: relative;z-index: 1;margin: 0;}
.form-label {position: absolute;left: 7px;top: 13px;color: #666666;font-weight: 400;background-color: #fff;z-index: 10;-webkit-transition: color .2s ease-out, -webkit-transform .2s ease-out;transition: color .2s ease-out, -webkit-transform .2s ease-out;transition: transform .2s ease-out, color .2s ease-out;transition: transform .2s ease-out, color .2s ease-out, -webkit-transform .2s ease-out;-webkit-transform-origin: 0% 100%;transform-origin: 0% 100%;text-align: initial;-webkit-transform: translateY(0px);transform: translateY(0px);cursor: inherit;z-index: 1;font-size: 14px;padding: 0 5px;pointer-events: none;white-space: nowrap;}
.form-input {border: 1px solid #bbbbbb;border-radius: 3px;outline: none;height: 38px;width: 100%;font-size: 14px;margin: 0 0 8px 0;padding: 0 10px;-webkit-box-shadow: none;box-shadow: none;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transition: border .3s, -webkit-box-shadow .3s;transition: border .3s, -webkit-box-shadow .3s;transition: box-shadow .3s, border .3s;transition: box-shadow .3s, border .3s, -webkit-box-shadow .3s;position: relative;margin-top: 5px;margin-bottom: 10px;max-width: 180px;}
.form-input::placeholder {color: #aaaaaa;opacity: 0;font-weight: 300;}
.form-input:hover {border-color: #72b9f1;}
.form-input:focus {border-color: #027fe3;}
.form-group.focused .form-input::placeholder {opacity: 1;}
.focused .form-label {-webkit-transform: translateY(-14px) scale(0.8);transform: translateY(-18px) scale(0.8);-webkit-transform-origin: 0 0;transform-origin: 0 0;color: #111111;font-weight: 400;}
.right_section {position: sticky;-webkit-position: sticky;top: 0;z-index: 1;}
.fare_detail {margin-top: 5px;}
.fare_detail .fare_detail_panel {background: #ffffff;width: 100%;display: inline-block;box-shadow: 0 3px 10px rgb(0 0 0 / 0.05);border-radius: 10px;border: 1px solid rgb(0 0 0 / 12%);}
.fare_detail .fare_detail_panel .head {background: #00537d;color: #ffffff;font-size: 18px;font-weight: 600;padding: 5px 15px;}
.fare_detail .fare_detail_panel .content {padding: 10px 15px;}
.fare_detail .fare_detail_panel .content .price_panel {border-bottom: 1px solid #eeeeee;margin-bottom: 0;font-size: 13px;font-weight: 400;color: #444444;padding: 10px 0;display: flex;width: 100%;justify-content: space-between;}
.fare_detail .fare_detail_panel .content .price_panel[data-bs-toggle="collapse"] {cursor: pointer;}
.fare_detail .fare_detail_panel .content .price_panel .titel {font-weight: 500;color: #444444;}
.fare_detail .fare_detail_panel .content .price_panel .titel .traveler {font-weight: 400;margin-left: 5px;}
.fare_detail .fare_detail_panel .content .price_panel .titel .icon {color: #8e8e8e;cursor: pointer;margin: 0 5px;}
.fare_detail .fare_detail_panel .content .price_panel .price {color: #444444;}
.fare_detail .fare_detail_panel .content .price_detail_box {background: #f1f7ff;}
.fare_detail .fare_detail_panel .content .price_detail_box .price_detail {margin-bottom: 0;font-size: 12px;padding: 3px 8px;border-bottom: 1px solid #eaeaea;color: #666666;font-weight: 400;display: flex;}
.fare_detail .fare_detail_panel .content .price_detail_box .price_detail .text {width: 50%;display: inline-block;}
.fare_detail .fare_detail_panel .content .price_detail_box .price_detail .price {display: inline-block;width: 50%;text-align: right;}
.fare_detail .fare_detail_panel .f_total {display: flex;width: 100%;justify-content: space-between;font-size: 16px;font-weight: 600;color: #111111;padding: 10px 0 0;}
.fare_detail .fare_detail_panel .pay_total {display: flex;width: 100%;justify-content: space-between;font-size: 18px;font-weight: 600;padding: 10px 15px;border-top: 1px solid #dddddd;}
.btn_back {font-size: 14px;text-decoration: none;font-weight: 600;color: #111111;border: 0;display: inline-block;padding: 2px 0;position: relative;margin-top: 10px;outline:none;}
.btn_paynow {border: 0;background: #f03b3f;color: #fff;padding: 8px 15px;display: inline-block;font-size: 18px;text-decoration: none !important;border-radius: 10px;font-weight: 600;margin-top: 12px;width: 100%;}
.btn_paynow:hover {background: #e0282c;}
.flight_preview_head .mondate {font-size: 13px;display: block;font-weight: 400;color: #555555;}
.contactinfo{}
.contactinfo .pscol2 {width: calc(33.33% - 10px);}
.contactinfo .pscol2 .form-input {max-width: 100%;}
/*END 'flight booking'*/


/*START 'result'*/
.content-inner {
    background: #f5f5f5;
}

.flight-result {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.brd_box {
    margin: 10px 0;
    display: inline-block;
    width: calc(100% - 250px);
    flex: 0 0 auto;
    padding-left: 20px;
}

.filter_result {
    width: 250px;
    margin-top: 10px;
}

.result {
}

    .result .result_list {
        width: 100%;
        display: inline-block;
        background: #ffffff;
        padding: 0;
        position: relative;
        margin: 0 0 10px 0;
        box-shadow: 0 3px 10px rgb(0 0 0 / 0.05);
        border-radius: 10px;
        border: 1px solid rgb(0 0 0 / 12%);
    }

.list-wrap {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0 5px;
}

.col-left {
    display: flex;
    width: calc(100% - 220px);
    border-right: 1px dashed #ddd;
    min-height: 150px;
    flex-flow: wrap;
}

.col-segment {
    display: inline-flex;
    flex-flow: wrap;
    width: 100%;
    align-items: center;
    padding: 15px 0;
}

.result .result_list .col1 {
    width: 20%;
    display: inline-block;
    float: left;
    padding: 4px 10px;
}

.result .result_list .col2 {
    width: 25%;
    display: inline-block;
    float: left;
    padding: 4px 10px;
}

.result .result_list .col1du {
    width: 25%;
    display: inline-block;
    float: left;
    padding: 4px 10px;
}

.col-right {
    display: inline-block;
    height: 100%;
    width: 220px;
    text-align: right;
    padding-right: 2%;
}

.result .result_list .flight_fare {
    font-size: 28px;
    font-weight: 600;
    display: flex;
    color: #000000;
    align-items: center;
}

    .result .result_list .flight_fare .gbr-symbol {
        background: url(../Images/gbp.svg) no-repeat center;
        width: 25px;
        height: 30px;
        display: inline-block;
        background-size: 25px;
    }

.flight_fareinfo {
    font-size: 12px;
    width: 100%;
    line-height: 13px;
    font-weight: 400;
    color: #666666;
}

.result .result_list .btn_book {
    border: 0;
    background: #f03b3f;
    color: #fff;
    padding: 8px 15px;
    display: inline-block;
    font-size: 18px;
    text-decoration: none !important;
    border-radius: 10px;
    font-weight: 600;
    margin: 12px 0;
    width: 130px;
}

    .result .result_list .btn_book i {
        font-size: 14px;
    }

    .result .result_list .btn_book:hover {
        background: #e0282c;
    }

.result .result_list .f_details {
    display: inline-block;
    width: 100%;
    background: #fafcff;
    float: left;
    border-radius: 0 0 10px 10px;
    padding: 5px 10px;
    border-top: 1px solid rgb(0 0 0 / 8%);
}

.btn_farerules {
    text-decoration: none;
    font-size: 14px;
    color: #333333;
    font-weight: 600;
    position: relative;
}

    .btn_farerules i {
        color: #f00;
    }

    .btn_farerules:hover {
        text-decoration: none;
        cursor: pointer;
        color: #e91e63;
    }

    .btn_farerules::after {
        content: "";
        left: 0;
        bottom: -2px;
        width: 0%;
        height: 2px;
        position: absolute;
        background: #e91e63;
        transition: all .5s ease;
    }

    .btn_farerules:hover::after {
        width: 100%;
    }

.result .result_list .f_logo {
    display: inline-block;
    margin: 5px 8px 0 0;
}

    .result .result_list .f_logo img {
        width: 34px;
        height: 34px;
    }

.result .result_list .f_name {
    font-size: 13px;
    color: #444444;
    font-weight: 500;
    display: block;
}

.result .result_list .f_no {
    display: block;
    font-size: 13px;
    color: #888888;
    font-weight: 400;
    line-height: 18px;
}

.result .result_list .f_airpot {
    display: block;
    font-size: 13px;
    font-weight: 500;
    color: #000000;
}

.result .result_list .f_time {
    display: block;
    font-size: 20px;
    font-weight: 600;
    line-height: 22px;
}

.result .result_list .f_date {
    display: block;
    color: #888888;
    font-weight: 400;
    font-size: 12px;
}

.result .result_list .duration {
    display: block;
    font-size: 13px;
    font-weight: 500;
    color: #000000;
    text-align: center;
}

.result .result_list .seprator {
    background: #bbbbbb;
    width: 80%;
    height: 1px;
    margin: 8px auto;
    position: relative;
}

    .result .result_list .seprator::after {
        content: "";
        position: absolute;
        width: 8px;
        height: 8px;
        background: #545454;
        left: 50%;
        border-radius: 10px;
        border: 2px solid #bbbbbb;
        transform: translate(-50%, -50%);
        top: 50%;
    }

.result .result_list .f_stop {
    font-size: 12px;
    color: #888888;
    text-align: center;
    display: block;
}

.result .result_list .from .f_airpot, .result .result_list .from .f_time, .result .result_list .from .f_date {
    text-align: right;
}

@media screen and (min-width: 320px) and (max-width: 575px) {
    .filter_result {
        display: none;
    }

    .brd_box {
        width: calc(100% - 0px);
        padding-left: 0;
    }

    .col-right {
        width: 150px;
        padding-right: 2%;
    }

    .list-wrap {
        display: block;
    }

    .col-left {
        width: calc(100% - 0px);
        border-right: none;
    }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
    .filter_result {
        display: none;
    }

    .brd_box {
        width: calc(100% - 0px);
        padding-left: 0;
    }

    .col-right {
        width: 150px;
        padding-right: 2%;
    }

    .col-left {
        width: calc(100% - 150px);
    }
}
/*END 'result'*/
/*START 'flight booking'*/
.section_title {
    color: #111111;
    font-size: 18px;
    font-weight: 500;
    margin-top: 10px;
    display: inline-block;
}

.view_box {
    background: #ffffff;
    width: 100%;
    display: inline-block;
    margin: 5px 0;
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.05);
    border-radius: 10px;
    border: 1px solid rgb(0 0 0 / 12%);
}

.flight_preview_head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 15px;
}

    .flight_preview_head .city {
        display: block;
        font-size: 16px;
        text-transform: uppercase;
        width: 100%;
    }

    .flight_preview_head .jurney {
        font-size: 13px;
        display: block;
        font-weight: 500;
        color: #444444;
    }

.partially-refundable {
    font-size: 13px;
    color: #307d01;
    font-weight: 500;
    margin-right: 15px;
}

.btn_farerules {
    text-decoration: none;
    font-size: 14px;
    color: #333333;
    font-weight: 600;
    position: relative;
}

    .btn_farerules i {
        color: #f00;
    }

    .btn_farerules::after {
        content: "";
        left: 0;
        bottom: -2px;
        width: 0%;
        height: 2px;
        position: absolute;
        background: #e91e63;
        transition: all .5s ease;
    }

.flight_preview_details {
    display: flex;
    background: #f1f7ff;
    padding: 0px 15px;
    justify-content: space-between;
    flex-flow: wrap;
}

    .flight_preview_details .flight_col1 {
        display: flex;
        align-items: center;
        min-width: 150px;
        padding: 10px 0;
    }

    .flight_preview_details .flight_col2 {
        min-width: 150px;
        max-width: 30%;
        padding: 10px 5px 10px 10px;
        border-left: 1px solid #dddddd;
    }

    .flight_preview_details .f_img {
        width: 34px;
        height: 34px;
        margin-right: 8px;
    }

        .flight_preview_details .f_img img {
            margin: auto;
            display: block;
            width: 30px;
            height: 30px;
            margin-top: 3px;
        }

    .flight_preview_details .flight_name {
        font-size: 13px;
        display: block;
        font-weight: 500;
    }

    .flight_preview_details .flight_num {
        font-size: 11px;
        display: block;
        font-weight: 700;
        color: #777777;
    }

    .flight_preview_details .t1 {
        display: block;
        font-size: 13px;
    }

    .flight_preview_details .t2 {
        font-size: 12px;
        display: block;
        font-weight: 500;
        margin-top: 3px;
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

.flight_preview_content {
    display: flex;
    justify-content: center;
    padding: 15px;
}

    .flight_preview_content .from {
        text-align: right;
        width: 35%;
    }

    .flight_preview_content .time {
        display: block;
        font-size: 25px;
        font-weight: 400;
        color: #000;
    }

    .flight_preview_content .date {
        display: block;
        color: #000;
        font-size: 15px;
        font-weight: 500;
    }

    .flight_preview_content .l1 {
        display: block;
        margin-top: 3px;
        font-size: 12px;
        color: #444444;
        margin: 0;
    }

    .flight_preview_content .duration {
        min-width: 25%;
        text-align: center;
        display: flex;
        flex-flow: column;
        justify-content: center;
    }

        .flight_preview_content .duration .t_time {
            display: block;
            font-size: 14px;
            margin-top: 5px;
        }

        .flight_preview_content .duration .t_arrow {
            border-top: 1px dashed #b4b4b4;
            width: 80px;
            display: block;
            margin: 15px auto;
            position: relative;
        }

            .flight_preview_content .duration .t_arrow i {
                background: #e4e4e4;
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%) rotate(90deg);
                width: 20px;
                height: 20px;
                border-radius: 20px;
                display: flex;
                justify-content: center;
                align-items: center;
                font-size: 10px;
            }

    .flight_preview_content .to {
        text-align: left;
        width: 35%;
    }

.change-plans {
    font-size: 13px;
    font-weight: 400;
    color: #004cbb;
    padding: 10px 15px;
    text-align:center;
}

    .change-plans i {
        font-size: 18px;
        margin-right: 5px;
        display: inline-block;
        vertical-align: -2px;
        padding: 0;
    }

.info_msg {
    color: #d93812;
    font-size: 13px;
    font-weight: 400;
}

    .info_msg i {
        margin-right: 10px;
    }

.accordion_traveler {
    border: 1px solid #e3e3e3;
    margin: 15px 0;
}

.passenger-wrap {
    display: flex;
    padding: 20px 10px 10px 10px;
    border-bottom: 1px solid #ebebeb;
    justify-content: center;
}

    .passenger-wrap:last-child {
        border-bottom: none;
    }

span.ps_title {
    font-size: 14px;
    font-weight: 600;
    padding: 12px 15px 0 0;
    min-width: 80px;
}

.psrow {
    flex-direction: row;
    flex-flow: wrap;
    box-sizing: border-box;
    display: flex;
    place-content: flex-start;
    align-items: flex-start;
    column-gap: 15px;
    margin-bottom: 5px;
}

.form-group {
    position: relative;
    z-index: 1;
    margin: 0;
}

.form-label {
    position: absolute;
    left: 7px;
    top: 13px;
    color: #666666;
    font-weight: 400;
    background-color: #fff;
    z-index: 10;
    -webkit-transition: color .2s ease-out, -webkit-transform .2s ease-out;
    transition: color .2s ease-out, -webkit-transform .2s ease-out;
    transition: transform .2s ease-out, color .2s ease-out;
    transition: transform .2s ease-out, color .2s ease-out, -webkit-transform .2s ease-out;
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    text-align: initial;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    cursor: inherit;
    z-index: 1;
    font-size: 14px;
    padding: 0 5px;
    pointer-events: none;
    white-space: nowrap;
}

.form-input {
    border: 1px solid #bbbbbb;
    border-radius: 3px;
    outline: none;
    height: 38px;
    width: 100%;
    font-size: 14px;
    margin: 0 0 8px 0;
    padding: 0 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border .3s, -webkit-box-shadow .3s;
    transition: border .3s, -webkit-box-shadow .3s;
    transition: box-shadow .3s, border .3s;
    transition: box-shadow .3s, border .3s, -webkit-box-shadow .3s;
    position: relative;
    margin-top: 5px;
    margin-bottom: 10px;
    max-width: 180px;
}

    .form-input::placeholder {
        color: #aaaaaa;
        opacity: 0;
        font-weight: 300;
    }

    .form-input:hover {
        border-color: #72b9f1;
    }

    .form-input:focus {
        border-color: #027fe3;
    }

.form-group.focused .form-input::placeholder {
    opacity: 1;
}

.focused .form-label {
    -webkit-transform: translateY(-14px) scale(0.8);
    transform: translateY(-18px) scale(0.8);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    color: #111111;
    font-weight: 400;
}

.right_section {
    position: sticky;
    -webkit-position: sticky;
    top: 0;
    z-index: 1;
}

.fare_detail {
    margin-top: 5px;
}

    .fare_detail .fare_detail_panel {
        background: #ffffff;
        width: 100%;
        display: inline-block;
        box-shadow: 0 3px 10px rgb(0 0 0 / 0.05);
        border-radius: 10px;
        border: 1px solid rgb(0 0 0 / 12%);
    }

        .fare_detail .fare_detail_panel .head {
            background: #00537d;
            color: #ffffff;
            font-size: 18px;
            font-weight: 600;
            padding: 5px 15px;
        }

        .fare_detail .fare_detail_panel .content {
            padding: 10px 15px;
        }

            .fare_detail .fare_detail_panel .content .price_panel {
                border-bottom: 1px solid #eeeeee;
                margin-bottom: 0;
                font-size: 13px;
                font-weight: 400;
                color: #444444;
                padding: 10px 0;
                display: flex;
                width: 100%;
                justify-content: space-between;
            }

                .fare_detail .fare_detail_panel .content .price_panel[data-bs-toggle="collapse"] {
                    cursor: pointer;
                }

                .fare_detail .fare_detail_panel .content .price_panel .titel {
                    font-weight: 500;
                    color: #444444;
                }

                    .fare_detail .fare_detail_panel .content .price_panel .titel .traveler {
                        font-weight: 400;
                        margin-left: 5px;
                    }

                    .fare_detail .fare_detail_panel .content .price_panel .titel .icon {
                        color: #8e8e8e;
                        cursor: pointer;
                        margin: 0 5px;
                    }

                .fare_detail .fare_detail_panel .content .price_panel .price {
                    color: #444444;
                }

            .fare_detail .fare_detail_panel .content .price_detail_box {
                background: #f1f7ff;
            }

                .fare_detail .fare_detail_panel .content .price_detail_box .price_detail {
                    margin-bottom: 0;
                    font-size: 12px;
                    padding: 3px 8px;
                    border-bottom: 1px solid #eaeaea;
                    color: #666666;
                    font-weight: 400;
                    display: flex;
                }

                    .fare_detail .fare_detail_panel .content .price_detail_box .price_detail .text {
                        width: 50%;
                        display: inline-block;
                    }

                    .fare_detail .fare_detail_panel .content .price_detail_box .price_detail .price {
                        display: inline-block;
                        width: 50%;
                        text-align: right;
                    }

        .fare_detail .fare_detail_panel .f_total {
            display: flex;
            width: 100%;
            justify-content: space-between;
            font-size: 16px;
            font-weight: 600;
            color: #111111;
            padding: 10px 0 0;
        }

        .fare_detail .fare_detail_panel .pay_total {
            display: flex;
            width: 100%;
            justify-content: space-between;
            font-size: 18px;
            font-weight: 600;
            padding: 10px 15px;
            border-top: 1px solid #dddddd;
        }

.btn_back {
    font-size: 14px;
    text-decoration: none;
    font-weight: 600;
    color: #111111;
    border: 0;
    display: inline-block;
    padding: 2px 0;
    position: relative;
    margin-top: 10px;
    outline: none;
}

.btn_paynow {
    border: 0;
    background: #f03b3f;
    color: #fff;
    padding: 8px 15px;
    display: inline-block;
    font-size: 18px;
    text-decoration: none !important;
    border-radius: 10px;
    font-weight: 600;
    margin-top: 12px;
    width: 100%;
}

    .btn_paynow:hover {
        background: #e0282c;
    }

.flight_preview_head .mondate {
    font-size: 13px;
    display: block;
    font-weight: 400;
    color: #555555;
}

.contactinfo {
}

    .contactinfo .pscol2 {
        width: calc(33.33% - 10px);
    }

        .contactinfo .pscol2 .form-input {
            max-width: 100%;
        }
/*END 'flight booking'*/


.inputform {
    border: 1px solid #ffffff;
    padding: 30px;
    background: #ffffff;
    width: 90%;
    max-width: 400px;
    margin: 15px auto;
}

.formtitle {
    font-size: 22px;
    color: #103787;
    margin-bottom: 25px;
    font-weight: 600;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #ededed;
    padding-bottom: 10px;
}

.rowinput {
    width: 100%;
    margin: 18px 0;
    position: relative;
    display: inline-block;
}

.lbltitle {
    position: absolute;
    top: -12px;
    left: 15px;
    font-size: 13px;
    color: #333333;
    font-weight: 600;
    background: #ffffff;
    padding: 0 5px;
}

.txtinput {
    border: 1px solid #d1d1d1;
    width: 100%;
    outline: none;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 1px;
}

    .txtinput::placeholder {
        color: #bbbbbb;
        font-weight: 300;
    }

    .txtinput:hover {
        border: 1px solid #999999;
    }

    .txtinput:focus {
        border: 1px solid #0099e9;
    }

.btninput {
    background-image: linear-gradient(to right, #f13528, #d7074e);
    color: #ffffff;
    border: 0;
    padding: 10px;
    display: BLOCK;
    font-size: 16px;
    letter-spacing: 1px;
    border-radius: 3px;
    width: 100%;
    cursor: pointer;
    outline: none;
    margin: 0 auto;
}

    .btninput:hover {
        background-image: linear-gradient(to right, #d7074e, #f13528);
    }