@charset "utf-8";
/* CSS Document */
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Open Sans', sans-serif;
}


.fl_cab_dv {
    width: 100%;
}

.cb_flbx {
    width: 1200px;
    margin: 20px auto;
}

.dv_slf {
    width: 1363px;
    margin: 20px auto;
}

.brd_crm {
    width: 100%;
    margin: 5px 0px
}

.lwr_cbpt {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.lt_cab {
    width: 25%;
}

.rt_cab {
    width: 73%;
}

.left_pannel {
    float: left;
    width: 100%;
    border: 1px solid #d2d2d2;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 #c8c8c8;
    margin-bottom: 15px;
}

.dropdown_box {
    background: #fff;
    border: 1px solid #CCC;
    box-shadow: 0 1px 3px rgb(0 0 0 / 30%);
    position: absolute;
    top: 46px;
    left: 0px;
    width: 175px;
    border-radius: 3px;
    z-index: 999;
    padding: 10px 5px;
}

.hyper_link {
    color: #333;
    display: block;
    padding: 5px 10px;
    font-size: 12px;
    text-decoration: none;
}

.ttl_sec {
    width: 100%;
    margin: 0;
    padding: 10px 20px;
    border-top-left-radius: 5px;
    float: left;
    background: #f5f4f4;
    font-weight: 600;
    border-top-right-radius: 5px;
}

.ttl_txt {
    font-size: 16px;
    color: #000;
    float: left;
}

.edi_btn {
    float: right;
    font-size: 11px;
    padding: 2px 4px;
    color: #2093EF;
    border: 1px solid #2093EF;
    border-radius: 3px;
    cursor: pointer;
}

    .edi_btn:hover {
        color: #fff;
        background: #2093EF;
    }

.clr {
    clear: both;
}

.pick_loc_m {
    width: 100%;
    padding: 5% 15px;
    float: left;
}

.pick_loc_in {
    margin-bottom: 15px;
    float: left;
    width: 100%;
}

.pick_loc_vw {
    width: 100%;
    margin-bottom: 2%;
    float: left;
}

.pick_loc_ms_vw {
    background: url(https://transfer.easemytrip.com/assets/img/icons-main.png);
    width: 10%;
    height: 33px;
    background-position: -185px -12px;
    float: left;
    background-color: transparent;
    margin: auto;
}

.trans_rgt_vw {
    width: 84%;
    float: left;
    margin: auto;
}

.tranfer_sct_vw {
    font-size: 14px;
    display: block;
    color: #737373;
}

.tranfer_sct2_vw {
    font-size: 14px;
    display: block;
    font-weight: 600;
}

.pick_loc_ms-date_vw {
    width: 10%;
    height: 35px;
    float: left;
    margin: auto;
}

.pick_loc_ms-date_vw {
    background: url(https://transfer.easemytrip.com/assets/img/icons-main.png);
    background-position: -151px -12px;
}

.pick_loc_ms-pas_vw {
    background: url(https://transfer.easemytrip.com/assets/img/icons-main.png);
    background-position: -173px -50px;
}

.pick_loc_ms-pas_vw {
    width: 10%;
    height: 35px;
    float: left;
    margin: auto;
}

.r_lnks_box {
    width: 100%;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    margin: 8px 0px 15px;
    background: #fff;
    box-shadow: 0 2px 4px 0 #c8c8c8;
}

.bx_title {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    background: #f5f4f4;
    padding: 10px;
    border-radius: 5px 5px 0 0;
}

.r_lnks_box ul {
    margin: 0;
    padding: 0;
}

    .r_lnks_box ul li {
        list-style: none;
        padding: 10px 15px;
        border-bottom: 1px solid #eee;
    }

        .r_lnks_box ul li a {
            /*font-size: 14px;
    color: #000;
    text-decoration: none;*/
            font-size: 13px;
            margin-top: 5px;
            text-transform: capitalize;
            font-weight: 600;
            color: #322020;
            text-decoration: none;
        }

        .r_lnks_box ul li:last-child {
            border-bottom: none;
        }

        .r_lnks_box ul li:hover {
            background: #fbfbfb;
        }

.fltr_tb {
    width: 100%;
    display: flex;
    background: #f5f4f4;
    margin-bottom: 10px;
    border-radius: 4px;
}

.flt_bx {
    width: 25%;
}

.flt_optn ul li {
    list-style: none;
    margin: 10px 0px;
}

.list_box {
    width: 100%;
    float: left;
    border: 1px solid #d2d2d2;
    height: auto;
    background: #fff;
    margin: 0 0 15px;
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 #c8c8c8;
}

.div_flx {
    display: flex;
    flex-direction: row;
}

.car-item {
    width: 98%;
    margin: 0 0 0 auto;
}

    .car-item .img {
        width: 20%;
        float: left;
        margin: auto 0;
        position: relative;
        -webkit-box-align: baseline;
        padding: 12px 0;
    }

.rec-i {
    position: absolute;
    top: -42px;
    left: -12px;
}

img {
    max-width: 100%;
}

.car-dtl {
    width: 50%;
    float: left;
    border-right: 1px solid #dadada;
    margin-left: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
}

    .car-dtl h3 {
        font-size: 15px;
        font-weight: 800;
        margin: 5px 0 0;
        color: #333;
        text-transform: capitalize;
    }

    .car-dtl p {
        font-size: 13px;
        margin-top: 5px;
        text-transform: capitalize;
        font-weight: 600;
        color: #393939;
    }

.cars:before {
    background: url(https://transfer.easemytrip.com/assets/img/cars.svg);
    background-size: 15px 12px;
    margin-right: 5px;
    background-position: 50%;
    background-repeat: no-repeat;
}

.cars:before, .seats:before, .bags:before, .kms:before {
    content: "";
    width: 15px;
    height: 15px;
    vertical-align: middle;
    display: inline-block;
}

.seats:before {
    background: url(https://transfer.easemytrip.com/assets/img/seats.svg);
    background-size: 12px 15px;
    background-position: 50%;
    background-repeat: no-repeat;
}

.bags:before {
    background: url(https://transfer.easemytrip.com/assets/img/luggage-bag.svg);
    background-size: 12px 15px;
    background-position: 50%;
    background-repeat: no-repeat;
}


.kms:before {
    background: url(https://transfer.easemytrip.com/assets/img/kms.svg);
    background-size: 12px 15px;
    background-position: 50%;
    background-repeat: no-repeat;
}

.amenties {
    width: 100%;
    float: left;
    margin-top: 12px;
}

.car-dtl p {
    font-size: 13px;
    margin-top: 5px;
    text-transform: capitalize;
    font-weight: 600;
    color: #393939;
}

.amenties ul {
    list-style: circle;
    margin: auto 20px;
    padding: 0;
}

    .amenties ul li {
        list-style: circle;
        margin: 0;
        float: left;
        line-height: 20px;
        padding: 0;
        width: 100%;
    }

.am_ttl2 {
    font-size: 12px;
    color: #3c3737;
    font-weight: 600;
}

.box_coup {
    float: left;
    margin-top: 8px;
    width: 100%;
    align-content: center;
    display: flex;
}

.sftybx {
    width: auto;
    float: left;
    padding: 7px 0 4px;
}

.sftryin {
    width: auto;
    float: left;
    margin-right: 5px;
    background: #e5f8fa;
    display: flex;
    cursor: pointer;
    padding: 0px 6px 3px 3px;
    border-radius: 5px;
    border: 1px solid #00dd80;
}

.hovertip {
    position: relative;
    display: inline-block;
}

.flxin img, .sftryin img {
    margin-right: 3px;
    vertical-align: middle;
}

.sftryin .txt {
    display: inline-block;
    padding: 0;
    margin: auto;
    font-size: 12px;
    font-weight: 600;
    color: #277e87;
    vertical-align: middle;
}

.hovertip .hovertiptext {
    visibility: hidden;
    width: 285px;
    background-color: #3a3a3a;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    top: 35px;
    left: 27%;
    margin-left: -60px;
}

.hovertip:hover .hovertiptext {
    visibility: visible;
}

.lft35 {
    left: 45% !important;
}

.hovertiptext p {
    color: #fff;
    margin-bottom: 2px;
}

.pynt_pp {
    border: 1px solid #0891d6;
    background: #ebf7ff;
}

    .pynt_pp .txt {
        color: #0891d6;
    }

.car-dtl p {
    font-size: 13px;
    margin-top: 5px;
    text-transform: capitalize;
    font-weight: 600;
    /*color: #393939;*/
}

.hovertiptext ul {
    list-style: circle;
    padding: 0 15px;
    margin: auto;
}

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

.hovertip .hovertiptext:after {
    content: "";
    position: absolute;
    top: -10px;
    left: 16px;
    margin-left: -5px;
    border: 5px solid transparent;
    border-bottom-color: #3a3a3a;
}

.fare_sec {
    width: 25%;
    float: right;
    margin: auto;
    position: relative;
    text-align: center;
    padding: 10px 0;
}

.b_fare {
    font-size: 25px;
    color: #0c0c0c;
    padding-left: 0;
    font-weight: 700;
}

.mgr5 {
    margin-right: 5px;
}

.cpndiv {
    float: left;
    width: 100%;
    text-align: center;
}

.counappld {
    font-size: 12px;
    background: #d4edda;
    width: 75%;
    margin: 5px auto;
    border-radius: 50px;
    padding: 2px 8px;
    color: #128817;
    border: 1px solid #8cd08f;
}

.tick_i {
    width: 12px;
    height: 12px;
    background-size: 12px 12px;
    float: left;
    background: url(https://transfer.easemytrip.com/assets/img/tick-gree.svg);
    margin: 2px 6px 0 0;
}

.sb_txt_cb2 {
    font-size: 11px;
    color: #ef6614;
    margin: auto;
    font-weight: 600;
}

.slct_btn {
    font-size: 14px;
    color: #fff;
    background: #ef6614;
    height: 33px;
    line-height: 33px;
    width: 130px;
    display: block;
    text-decoration: none;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    margin: 5px auto;
}

.nwbtmsec {
    padding: 8px 15px;
    background: #f3f7fc;
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit;
    float: left;
    border-top: 1px solid #dadada;
    width: 100%;
    justify-content: flex-end;
    display: flex;
}

.mfbtn {
    text-align: right;
    color: #2093EF;
    font-size: 13px;
    cursor: pointer;
    font-weight: 600;
}

.navarrw {
    display: inline-block;
    width: 8px;
    height: 8px;
    padding: 2px;
    cursor: pointer;
    margin: -3px 6px 2px;
    transition: all .2s linear;
    transform: rotate(135deg) skew(7deg,7deg);
    border-color: #008bff;
    border-style: solid;
    border-width: 2px 2px 0 0;
}

.higt_sec {
    width: 100%;
    background-color: rgba(237,243,251,.6784313725490196);
    padding-bottom: 15px;
    float: left;
}

.car-item {
    width: 98%;
    margin: 0 0 0 auto;
}

.cancl-sec {
    width: 100%;
    border-top: 1px dashed #a7a4a4;
    font-size: 15px;
    padding: 1% 0 0;
    margin: 1% 0 0;
    float: left;
}

.higt-sc3 {
    font-size: 15px;
    margin: 1% 0;
    font-weight: 600;
}

.higt_sec ul {
    margin: 0;
    padding: 5px 2%;
    float: left;
}

    .higt_sec ul li {
        padding: 5px 5px 0 0;
        font-size: 12px;
        float: left;
        width: 100%;
        list-style-type: circle;
        font-weight: 600;
        margin-right: 3%;
        color: #737373;
    }

.cancl-sec {
    width: 100%;
    border-top: 1px dashed #a7a4a4;
    font-size: 15px;
    padding: 1% 0 0;
    margin: 1% 0 0;
    float: left;
}

.higt-sc3 {
    font-size: 15px;
    margin: 1% 0;
    font-weight: 600;
}

.higt_sec ul {
    margin: 0;
    padding: 5px 2%;
    float: left;
}

.f_nrml {
    font-weight: 400;
}

.wht_dft {
    width: 100%;
    margin: 10px 0px;
}

.dfrt_fl {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 10px 0px;
    align-items: center;
}

.df_bx {
    display: flex;
    flex-direction: column;
    width: 20%;
    text-align: center;
}

.mg_cnt {
    width: 35%;
    margin: 15px auto;
    border-radius: 15px;
    background: #2093EF;
    padding: 20px 0;
}

    .mg_cnt img {
        width: 35px;
    }

.bx_tile {
    font-size: 16px;
    font-weight: 600;
    padding: 5px 0px 10px;
}

.df_bx p {
    font-size: 13px;
    color: #737373;
}

.bg_full_n_c {
    background-repeat: no-repeat;
    padding: 25px 72px 10px;
    margin: 30px 0;
    background: #ececec;
}

.pdx15 {
    padding: 0 15px;
}

.mid_container {
    width: 100%;
    padding: 0;
}

.para {
    font-size: 13px;
    color: #292828;
    line-height: 1.8;
}

.pg_tle {
    font-size: 21px;
    font-weight: 600;
}

    .pg_tle span {
        width: 30px;
        height: 3px;
        background: #3F9AE0;
        display: block;
        margin-top: 5px;
    }

.mgt15 {
    margin-top: 15px;
}

.accordion__item {
    padding: 15px 0;
    border-bottom: 1px solid #eee;
}

.accordion__item__header {
    cursor: pointer;
    position: relative;
    color: #000;
    font-weight: 600;
    font-size: 16px;
}

    .accordion__item__header::before {
        height: 10px;
        width: 10px;
        content: "";
        position: absolute;
        right: 5px;
        top: 0px;
        transition: .5s all;
        transform: rotate(45deg);
        border-right: 2px solid #000;
        border-bottom: 2px solid #000;
    }

    .accordion__item__header.active::before {
        transform: rotate(-135deg);
        top: 10px;
    }

.accordion__item__content {
    overflow-y: hidden;
    padding: 5px 0 0;
    display: none;
    color: #505050;
    margin-bottom: 10px;
}

    .accordion__item__content p {
        font-size: 14px;
    }

.flt_optn {
    width: 100%;
}

.container-nw_select {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .container-nw_select input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

.checkmark-nw_select {
    position: absolute;
    top: 0px;
    left: 0;
    height: 20px;
    width: 21px;
    border: 1px solid #eee;
}

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

.container-nw_select .checkmark-nw_select:after {
    left: 6px;
    top: 0px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

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

.container-nw_select input:checked ~ .checkmark-nw_select {
    background-color: #2093EF;
}


.container {
    position: relative;
}

#CarCategorydrop {
    background: #fff;
    border: 1px solid #CCC;
    box-shadow: 0 1px 3px rgb(0 0 0 / 30%);
    position: absolute;
    top: 46px;
    left: 0px;
    width: 175px;
    border-radius: 3px;
    z-index: 999;
    padding: 10px 5px;
}

    #drop a {
        color: #333;
        display: block;
        padding: 5px 10px;
        font-size: 12px;
        text-decoration: none;
    }

        #drop a:hover {
        }

.flt_ct {
    width: 100%;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    border-right: 1px solid #ccc;
    justify-content: center;
    padding: 8px 0px;
}

    .flt_ct:last-child {
        border-right: 1px solid #fff;
    }

    .flt_ct span {
        width: 20px;
        margin: 5px 5px 0;
    }

.container-ekset {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .container-ekset input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

.checkmark-ekset {
    position: absolute;
    top: 0px;
    left: 0;
    height: 21px;
    width: 21px;
    border: 1px solid #ccc;
    background-color: #f5f5f5;
}

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

.container-ekset .checkmark-ekset:after {
    left: 6px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

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

.container-ekset input:checked ~ .checkmark-ekset {
    background-color: #2093EF;
}

.cb_ofr_mg {
    width: 100%;
    margin-bottom: 15px;
}

    .cb_ofr_mg img {
        width: 100%;
        border-radius: 5px;
    }