* {
    box-sizing: border-box;
    margin: 0;
}

body {
    font-family: poppins;
    overflow-x: hidden;
}

.d-flex {
    display: flex;
}

.justify-content-between {
    justify-content: space-between;
}

.justify-content-center {
    justify-content: center;
}

.justify-content-end {
    justify-content: end;
}

.flex-d-clm {
    flex-direction: column;
}

.align-items-center {
    align-items: center;
}

.align-items-end {
    align-items: end;
}

.flx-wrap {
    flex-wrap: wrap;
}

.gap-10 {
    gap: 10px;
}

.gap-20 {
    gap: 20px;
}

.gap-25 {
    gap: 25px;
}

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

.text-right {
    text-align: right;
}

.ft_600 {
    font-weight: 600;
}

a {
    text-decoration: none;
    color: inherit;
}


.owl-carousel .item .window > img {
    width: auto;
}

.mn-title {
    font-size: 35px;
    font-weight: 600;
}

    .mn-title em {
        font-style: normal;
        color: #2196F3;
    }

.mn-sbtitle {
    font-size: 18px;
}

.hero_sec h3 {
    font-size: 40px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    margin-bottom: 35px;
}

    .hero_sec h3 span {
        font-family: "Playfair Display", serif;
        font-style: italic;
    }

.flt_accr {
    padding: 50px 0px;
}

.accr_div {
    padding-bottom: 20px;
    border-bottom: 1px solid #E6E6E6;
    margin-bottom: 10px;
    margin-top: 30px;
}

    .accr_div:last-child {
        border-bottom: 0;
    }

    .accr_div h4 {
        font-size: 20px;
        font-weight: 600;
        margin: 0;
        position: relative;
        padding-left: 40px;
        cursor: pointer;
    }

        .accr_div h4::before {
            content: '';
            position: absolute;
            left: 0;
            width: 13px;
            height: 3px;
            background: #0E7EEF;
            top: 50%;
            transform: translateY(-50%);
        }

        .accr_div h4::after {
            content: '';
            position: absolute;
            left: 5px;
            width: 3px;
            height: 13px;
            background: #0E7EEF;
            top: 50%;
            transform: translateY(-50%);
        }

        .accr_div h4.count::after {
            display: none;
        }


.accr_div_bdy {
    padding-left: 40px;
    margin-top: 10px;
}

    .accr_div_bdy p {
        font-size: 17px;
        margin: 0;
        line-height: 25px;
        color: #747079
    }

    .accr_div_bdy ul {
        padding-left: 15px;
        margin: 0;
    }

        .accr_div_bdy ul li {
            font-size: 17px;
            line-height: 35px;
        }


footer {
    background: #000C1C;
    padding: 17px 5px;
}

    footer p {
        margin: 0;
        color: #fff;
        font-size: 14px;
        display: flex;
        justify-content: center;
    }



.accr_div_bdy ul li {
    padding-left: 15px;
}


.custom_heading {
    font-size: 35px;
}

    .custom_heading span {
        color: #2196F3;
        font-family: "Playfair Display", serif;
        font-style: italic;
    }

.bnft_bxx_prnt {
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
}

.bnft_bxx {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    border: 1px solid #2196F3;
    border-radius: 15px;
    padding: 30px 15px;
    justify-content: center;
}

    .bnft_bxx p {
        text-align: center;
        font-size: 15px;
    }

.container {
    width: 83%;
    margin: 0 auto;
}

.f18 {
    font-size: 18px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-20 {
    margin-top: 20px;
}

/*.mt-25 {
    margin-top: 25px;
}*/

.mt-30 {
    margin-top: 30px;
}

.mb-15 {
    margin-bottom: 15px;
}


.tab_nav a {
    text-decoration: none;
    border: 1px solid #2196F3;
    border-radius: 50px;
    height: 55px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0px 20px;
    font-size: 15px;
    color: #2196F3;
    background: #fff;
    box-shadow: 0px 3px 6px #00000012;
    margin-right: 16px;
}

.tab_nav li.active a {
    background: #2196F3;
    color: #fff
}

.tb_sec {
    background: url(../../img/flight-status/slider_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    padding: 60px 0;
}


.why_blv_bxx_prnt {
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
}

.why_blv_bxx {
    position: relative;
}

    .why_blv_bxx h4 {
        position: absolute;
        bottom: 33px;
        left: 50%;
        transform: translateX(-50%);
        text-align: center;
        padding: 0 15px;
        font-size: 17px;
        color: #fff;
        font-weight: 500;
        width: 100%
    }


.clr {
    clear: both;
}


.mn_srchpt {
    width: 100%;
    position: relative
}

.hero_sec {
    background: url(../../img/flight-status/hero_img.png) no-repeat;
    background-size: cover;
    padding: 60px 0;
}

.hero_container {
    width: 892px;
    margin: 0px auto;
}

.srch_pnlnew {
    background: #fff;
    border-radius: 40px;
    height: 64px;
    position: relative;
}

    .srch_pnlnew:hover {
        background: #f2f2f2;
        cursor: pointer
    }




.flip {
    transform: rotate(180deg);
}

.width_100 {
    width: 100% !important;
}

.whr_autpnl {
    width: 32%;
    padding: 12px 0 11px 15px;
    gap: 5px;
    position: relative;
}

    .whr_autpnl i, .whe_drpnl i {
        width: 30px;
        height: 21px;
    }

.tilettp {
    font-size: 13px;
    color: #888888
}

.hero_sec h1 {
    font-size: 40px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    margin-bottom: 35px;
}

.whrbx_fld {
    width: 100%
}

    .whrbx_fld input {
        width: 100%;
        border: none;
        outline: none;
        background: none;
        font-size: 15px;
        font-family: 'Poppins';
        font-weight: 600;
    }

        .whrbx_fld input::placeholder {
            font-size: 13px;
            font-weight: 400;
        }

.prel {
    position: relative;
}

.crssbx {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #ededed;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    position: absolute;
    right: 10px;
    top: 16px;
    cursor: pointer;
}

.brdrgry {
    height: 67px;
    border-right: 1px solid #e4e4e4;
    margin-top: 12px;
    border-radius: 10px;
}

.wid70 {
    width: 70%;
}

.orgbtn_srch {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background: #EF6614 url(../../img/flight-status/srchicn.svg) no-repeat;
    background-position: center;
    cursor: pointer;
}

.whe_drpnl {
    width: 32%;
    padding: 12px 5px 11px 10px;
    gap: 5px;
}

.orgbtn_srch:hover, .apply a:hover {
    background-color: #da5200;
    -webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}

.whr_autpnl:hover, .whe_drpnl:hover {
    background: #fff;
    border-radius: 40px;
}

/*autosuggest*/
.aut_flmnbx {
    max-width: 350px;
    width: 100%;
    background: #fff;
    overflow-y: auto;
    position: absolute;
    left: 0%;
    z-index: 9999;
    top: 70px;
    backdrop-filter: blur(14px);
    border: 1px solid rgba(255, 255, 255, .7);
    border-radius: var(--r);
    box-shadow: var(--sh);
}

}

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


.cnt_table {
    border: 1px solid #919191;
    border-collapse: collapse;
    border-radius: 10px;
    width: 100%;
    margin-top: 15px
}

    .cnt_table td {
        border: 1px solid #e7e7e7;
        padding: 7px;
    }

    .cnt_table th {
        border: 1px solid #e7e7e7;
        padding: 7px;
        font-weight: 600;
        text-align: left;
    }


.aut_flmnbx ul li:first-child {
    border-radius: 10px 10px 0 0;
}

.aut_flmnbx ul li {
    list-style: none;
    display: flex;
    align-items: center;
    padding: 10px 15px;
    border-bottom: 1px solid #e5e5e5;
    gap: 10px;
}

.icoactmn {
    width: 39px;
    display: flex;
    align-items: center;
}

    .icoactmn img {
        border-radius: 10px;
        object-fit: cover;
        width: 44px;
    }



.actdcrpbox {
    width: 90%;
    display: flex;
    flex-direction: column;
    text-align: left;
}

._tlte_apdrptn {
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    color: #000;
}

.actdcrpbox span {
    display: block;
    color: #707070;
    font-size: 12px;
}

.aut_flmnbx ul li:hover {
    background: #fbfbfb;
    cursor: pointer;
}

.routeFrom .icoactmn img {
    width: 24px;
    height: 24px
}

.routeFrom .icoactmn {
    width: auto;
    text-align: center;
    height: 44px;
    display: inline-flex;
    align-items: center;
}

.routeFrom .icoactmn {
    width: auto;
}
/*autosuggest-ends*/


/* ////////////////////javascript-clender */


#frame {
    width: 400px;
    height: 480px;
    margin: 24px auto;
    background-color: #fff;
    border-radius: 35px;
    padding: 0 1em;
}

header {
    margin: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
}

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

    .header-display p {
        color: #000;
        margin: 5px;
        font-size: 1.2rem;
        word-spacing: 0.5rem;
    }

.apply {
    margin: 0px 15px 0 15px;
}

    .apply a {
        text-decoration: none;
        background-color: #EF6614;
        color: #fff;
        text-align: center;
        padding: 12px 30px;
        display: block;
        font-weight: 500;
        border-radius: 40px;
        font-size: 17px;
    }

.tracer_card {
    margin-top: 0px;
}

.tracer_card_head {
    background: #EBF0F6;
    padding: 9px 15px;
    position: relative;
    z-index: -1;
    border-bottom: 1px solid #C1C1CA;
}
    /* .tracer_card_head::after{content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -10px;
    height: 20px;
    width: 20px;
    border-radius: 100%;
    background: #fff;
} */
    /* .tracer_card_head::before{content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -10px;
    height: 20px;
    width: 20px;
    border-radius: 100%;
    background: #fff;
} */
    .tracer_card_head img {
        width: 45px;
        margin-right: 12px;
        border-radius: 12px;
    }

    .tracer_card_head .lf_ h4 {
        font-size: 18px;
        font-weight: 600;
    }

    .tracer_card_head .lf_ span {
        font-size: 14px;
        border-left: 1px solid #000;
        padding-left: 10px;
        margin-left: 10px;
        line-height: 18px;
        display: inline-block;
        font-weight: 400;
    }

    .tracer_card_head .ryt_ a {
        color: #7C8A98;
        font-size: 14px;
        padding: 0 15px;
        display: inline-block;
        line-height: 15px;
        border-left: 1px solid #7C8A98;
    }

        .tracer_card_head .ryt_ a:first-child {
            border: 0;
        }

        .tracer_card_head .ryt_ a.active {
            color: #2196F3
        }

.tracer_card .card-body {
    border-top: 0;
    padding-bottom: 15px
}

    .tracer_card .card-body .inner-body {
        padding: 15px;
        border-radius: 15px;
    }

.date-tabs_n {
    display: flex;
    gap: 5px;
    background: #EEF4FC;
    padding: 4px;
    border-radius: 30px;
    color: #0b1b33;
}

.date-tabs .tab-link {
    text-decoration: none;
    font-weight: 500;
    background: none;
    border: none;
    font-family: Poppins, sans-serif !important;
    border-radius: 50px;
    padding: 6px 18px;
    background: transparent;
    font-size: 12px;
    cursor: pointer;
}

    .date-tabs .tab-link.active {
        background: #fff;
        color: var(--blue-dk);
        box-shadow: 0 2px 8px -2px rgba(16, 58, 120, .2);
    }

.date-tabs span {
    color: #c4c4c4;
    margin: 0 0px;
}

.txt-red {
    color: #D13E3E; /* Delay red */
}

.txt-green {
    color: #0f9d58;
    font-weight: 600;
}


.f-name {
    margin-left: 10px;
}

.tracer_card .card-body .inner-body span {
    font-size: 13px;
    color: #767474;
}

.tracer_card .card-body .saver {
    font-size: 9px;
    color: #009B00;
    background: #00ff0024;
    border-radius: 5px;
    padding: 0 3px;
    float: right;
    margin-top: 5px;
}

.tracer_card .card-body .shed span {
    font-size: 14px;
    color: #383838;
}

.tracer_card .card-body .shed .fltnme {
    font-size: 30px;
    text-transform: capitalize;
    line-height: 31px;
    font-weight: 700;
    gap: 5px;
}

    .tracer_card .card-body .shed .fltnme .light {
        font-weight: 400;
    }

.tracer_card .card-body .bar {
    width: 125px;
    border: 1px dashed #1B1A15;
    position: relative;
    margin: 5px 0;
}

    .tracer_card .card-body .bar::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        height: 12px;
        width: 12px;
        background: #2196F3;
        border-radius: 100%;
        transform: translate(-50%, -50%);
    }

.track_timeline_full {
    margin-top: 15px;
    padding: 0px 15px;
}

.dep_detail_bxx {
    width: 100%;
    padding: 0 15px;
    display: flex;
    gap: 15px;
}

.track_div {
    position: relative;
    display: flex;
    width: 100%;
    gap: 10px;
    align-items: center;
}

.track_div_inner {
    display: flex;
    width: 100%;
    align-items: center;
}

.track_timeline_bx {
    width: 100%;
    background: #EEEEEE;
    height: 8px;
    position: relative;
}

    .track_timeline_bx::before {
        content: '';
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #fff;
        border: 3px solid #eeeeee;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    .track_timeline_bx::after {
        content: '';
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #fff;
        border: 3px solid #eeeeee;
        position: absolute;
        right: -1px;
        top: 50%;
        transform: translateY(-50%);
    }

.track_div_trc {
    position: absolute;
    left: 0;
    width: 50%;
    background: #009B6D;
    height: 8px;
}

    .track_div_trc::before {
        content: '';
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #009B6D;
        border: 3px solid #009B6D;
        position: absolute;
        left: -1px;
        top: 50%;
        transform: translateY(-50%);
        background-image: url(../../img/flight-status/air-legas.svg);
    }

    .track_div_trc::after {
        content: '';
        width: 50px;
        height: 40px;
        border-radius: 50%;
        background: url('../../img/flight-status/airplane.svg');
        position: absolute;
        left: 0px;
        top: 50%;
        transform: translateY(-50%);
        background-size: cover;
        background-repeat: no-repeat;
    }

.track_timeline_full.land_act .track_div_trc {
    width: 100%;
}

    .track_timeline_full.land_act .track_div_trc::after {
        right: 0;
    }

.track_timeline_full.land_act .track_timeline_bx::after {
    background: #009B6D;
    border-color: #009B6D;
}


.rd_color {
    color: #D13E3E
}

.gr_color {
    color: #009B6D
}

.gry_color {
    color: #767474;
}

.gap_10 {
    gap: 10px;
}

.gap_5 {
    gap: 5px;
}

.gap_2 {
    gap: 2px;
}

.w_50 {
    width: 50%;
}

.text_ovr {
    text-decoration: line-through;
}

.track_detail {
    margin-top: 0px;
    padding: 0px 15px;
}

    .track_detail span {
        font-size: 14px;
    }

    .track_detail h4 {
        font-size: 16px;
        font-weight: 600;
    }

    .track_detail p {
        font-size: 14px;
        color: #383838;
        font-weight: 600;
    }

    .track_detail .mid a {
        color: #009B6D;
        border: 1px solid #009B6D;
        border-radius: 25px;
        padding: 6px 25px;
        display: inline-flex;
        font-size: 13px;
        background: #F2FFFB;
    }

    .track_detail .ryt {
        text-align: right;
    }


.dest_w {
    width: 100%;
    background: #F5FAFF;
    border: 1px solid #C7DCE9;
    padding: 17px 22px;
    border-radius: 20px;
}

    .dest_w .tp_ h4 {
        font-size: 20px;
        font-weight: 600;
    }

    .dest_w .tp_ span {
        font-size: 12px;
        background: #009B6D;
        padding: 3px 8px;
        display: inline-block;
        border-radius: 4px;
        color: #fff;
        height: max-content;
    }

/* AQI Color Classes */
.aqi-good {
    background: #009865 !important;
    color: #fff !important;
}

.aqi-satisfactory {
    background: #FFFF00 !important;
    color: #000 !important;
}

.aqi-moderate {
    background: #FF7E00 !important;
    color: #fff !important;
}

.aqi-poor {
    background: #FF0000 !important;
    color: #fff !important;
}

.aqi-very-poor {
    background: #8F3F97 !important;
    color: #fff !important;
}

.aqi-severe {
    background: #7E0023 !important;
    color: #fff !important;
}

.dest_w .btm_ h4 {
    font-size: 16px;
    font-weight: 600;
}

.dest_w .btm_ p {
    font-size: 14px;
}

.dest_w .btm_ span {
    font-size: 40px;
    font-weight: 800;
    line-height: 37px;
}


.flg_pr .tp_ h4 {
    font-size: 20px;
    font-weight: 600;
}


.flg_pr {
    width: 100%;
    background: #F0FFFB;
    border: 1px solid #B7D9CF;
    padding: 17px 22px;
    border-radius: 20px;
}

.lg_pr_trc p {
    font-size: 16px;
    font-weight: 500;
}

.lg_pr_trc .lg_pr_trc_br {
    width: 100%;
    background: #009B6D;
    height: 8px;
    border-radius: 25px;
}

.lg_pr_trc span {
    font-size: 12px;
}

    .lg_pr_trc span strong {
        font-weight: 600;
    }

.hlp_air {
    font-size: 12px;
    margin-top: 15px;
    text-align: right;
}

    .hlp_air a {
        color: #2196F3
    }

.window {
    background: url(../../img/flight-status/window.svg) no-repeat;
    aspect-ratio: 3 / 4;
    background-size: contain;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.flt_sts {
    font-size: 16px;
}

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

    .flt_sts h2 {
        font-size: 24px;
        font-weight: 600;
    }

    .flt_sts h5 {
        font-size: 16px;
        font-weight: 600;
    }

    .flt_sts ul li {
        margin-bottom: 10px;
    }

        .flt_sts ul li:last-child {
            margin-bottom: 0px;
        }

.lf_src {
    width: 90%;
}

.ryt_src {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
}

.src_tabs {
    margin-bottom: 20px;
}

    .src_tabs a {
        background: rgba(255,255,255,0.15);
        color: #fff;
        display: inline-flex;
        padding: 5px 15px;
        border-radius: 15px;
        font-size: 14px;
        cursor: pointer;
    }

        .src_tabs a.act {
            color: #25354C;
            background: #fff;
        }

        .src_tabs a:hover {
            color: #25354C;
            background: #fff;
        }

.src_tab_cnt {
    display: none;
}

    .src_tab_cnt.act {
        display: flex;
    }

.full_section_prnt {
    display: flex;
    gap: 20px;
}

.lf_fl_sec {
    width: 78%;
}

.sidebar_nw {
    width: 22%;
}

.sidebar_bxx {
    width: 100%;
    border: 1px solid #C1C1CA;
    padding: 18px;
    border-radius: 20px;
}

    .sidebar_bxx h4 {
        font-size: 14px;
        font-weight: 600;
    }

.sidebar_rw_prnt {
    margin-top: 12px;
}

    .sidebar_rw_prnt .sidebar_rw {
        display: flex;
        align-items: center;
        margin-bottom: 10px;
        gap: 10px;
    }

        .sidebar_rw_prnt .sidebar_rw span {
            font-size: 13px;
        }

        .sidebar_rw_prnt .sidebar_rw img {
            width: 25px;
        }

        .sidebar_rw_prnt .sidebar_rw:last-child {
            margin-bottom: 0;
        }

.map_sec img {
    width: 100%;
}

.dep_detail {
    width: 100%;
    margin-top: 20px;
    padding-top: 20px;
    margin-bottom: 15px;
    border-top: 1px solid #B3BDC7
}


.nw_list_bx {
    padding: 10px 13px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    background: #F6F7F8;
}

.tracer_card_full {
    width: 100%;
    border-top: 1px solid #e8e8e8;
    overflow: hidden;
}

.cs_bttn {
    background: #ef6614;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    border-radius: 50px;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
}

.idnt img {
    width: 47px;
}

.idnt {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 63%;
}

    .idnt h4 {
        font-size: 16px;
        font-weight: 600;
    }

        .idnt h4 span {
            font-size: 14px;
            border-left: 1px solid #000;
            padding-left: 10px;
            margin-left: 10px;
            line-height: 18px;
            display: inline-block;
            font-weight: 400;
        }



.bdg {
    border-radius: 25px;
    padding: 8px 18px;
    display: inline-flex;
    font-size: 12px;
    line-height: 11px;
}


.bdg_new span {
    padding: 0 5px
}

    .bdg_new span:first-child {
        padding-left: 0;
    }

    .bdg_new span:last-child {
        padding-right: 0;
    }

.lst_ch {
    border-left: 1px solid #000;
}

.cll_btn_n {
    background: #ef6614;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    border-radius: 50px;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    font-family: Poppins, sans-serif !important;
    border: 0
}

.grn {
    color: #009B6D;
    border: 1px solid #009B6D !important;
    background: #F2FFFB;
}

.rd {
    color: #D13E3E;
    border: 1px solid #D13E3E;
    background: #FFEFEF;
}

.shed_lst {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .shed_lst span {
        font-size: 16px;
        font-weight: 600;
        color: #383838;
    }


    .shed_lst .bar {
        width: 84px;
        border: 1px dashed #1B1A15;
        position: relative;
        margin: 5px 0;
    }

        .shed_lst .bar::after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            height: 10px;
            width: 10px;
            background: #2196F3;
            border-radius: 100%;
            transform: translate(-50%, -50%);
        }


.sld_ {
    display: inline-flex;
    gap: 15px;
    font-size: 14px;
    color: #2196F3;
}

    .sld_ img {
        width: 12px;
    }



.dm_div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 25px;
    border: 1px solid #C1C1CA;
    border-radius: 20px;
    padding: 24px 30px;
    margin-bottom: 30px;
}

.dm_div_bx {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-direction: column;
    gap: 10px;
}

    .dm_div_bx h4 {
        font-size: 14px;
        font-weight: 500;
    }

    .dm_div_bx img {
        width: 70px;
    }

.nw_list_bx_fl {
    border: 1px solid #C1C1CA;
    border-radius: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    overflow: hidden;
    margin-bottom: 15px;
}

.tracer_card_full {
    display: none;
}

    .tracer_card_full.show {
        display: block;
    }

.d-none {
    display: none;
}

.shed_lst_all {
    display: flex;
    align-items: center;
    gap: 30px;
    white-space: nowrap;
}

.accr_div_bdy a {
    text-decoration: none;
    color: #007bff !Important;
}

    .accr_div_bdy a:hover {
        text-decoration: underline !important;
        color: #007bff !Important;
    }

.intr_link {
    text-decoration: none;
    color: #007bff !Important;
}

    .intr_link:hover {
        text-decoration: underline !important;
        color: #007bff !Important;
    }

.track_detail .mid a {
    color: #009B6D;
    border: 1px solid #009B6D;
    border-radius: 25px;
    padding: 3px 10px;
    display: inline-flex;
    font-size: 11px;
    background: #F2FFFB;
    position: absolute;
    /* top: 0; */
    margin-top: -100px;
    left: 47%;
}

.inner-body .shed {
    width: 47%
}

.pdl22 {
    padding-left: 22px;
}

@media only screen and (min-width:150px) and (max-width:600px) {
    .track_detail .mid a {
        margin-top: 0;
        position: unset;
        left: unset
    }

    .pdl22 {
        padding-left: unset;
    }

    .container {
        width: 100%;
        padding: 0px 15px;
    }

    .hero_sec {
        padding: 30px 0;
    }

        .hero_sec h3 {
            font-size: 27px;
        }

        .hero_sec h1 {
            font-size: 27px !important;
        }

            .hero_sec h1 br {
                display: none;
            }

        .hero_sec h3 br {
            display: none;
        }

    .bnft_bxx_prnt {
        grid-template-columns: repeat(1, 1fr);
    }

    .why_blv_bxx_prnt {
        grid-template-columns: repeat(2, 1fr);
    }

        .why_blv_bxx_prnt img {
            width: 100%;
            display: block;
        }

    .why_blv_bxx h4 {
        bottom: 20px;
        font-size: 15px;
    }

    .srch_pnlnew, .srch_pnlnew1 {
        width: 92%;
        height: 100%;
        flex-direction: column;
        margin: 0 auto;
    }

    .whr_autpnl {
        width: 100%;
    }

    .whe_drpnl {
        width: 100%;
    }

    .brdrgry {
        border-right: none;
        margin-top: 0;
        border-radius: 10px;
        border-bottom: 1px solid #e4e4e4;
        width: 100%;
        height: auto;
    }

    .aut_flmnbx {
        width: 100%;
        max-width: 100%;
        top: 100% !important;
    }

    .tracer_card_head {
        display: block;
    }

        .tracer_card_head .lf_ {
            justify-content: space-between;
        }

            .tracer_card_head .lf_ img {
                width: 35px;
            }

        .tracer_card_head .ryt_ {
            display: flex;
            justify-content: end;
            margin-top: 10px;
            margin-bottom: 5px;
        }

            .tracer_card_head .ryt_ a {
                padding: 0px 10px;
                font-size: 14px;
            }

                .tracer_card_head .ryt_ a:last-child {
                    padding-right: 0;
                }

        .tracer_card_head .lf_ h4 {
            font-size: 18px;
        }

        .tracer_card_head .lf_ span {
            font-size: 16px;
        }

    .tracer_card .card-body {
        padding: 10px;
    }

        .tracer_card .card-body .shed .fltnme {
            font-size: 19px;
            gap: 3px;
            line-height: normal;
        }

        .tracer_card .card-body .bar {
            width: 60px;
        }

        .tracer_card .card-body .shed span {
            font-size: 11px;
        }

        .tracer_card .card-body .shed span {
            display: block;
        }

        .tracer_card .card-body .bar::after {
            height: 9px;
            width: 9px;
        }

    .w_50 {
        width: 100%;
    }

    .dep_detail .d-flex.gap-25 {
        display: block;
    }

    .dep_detail .map_sec img {
        width: 100%;
    }

    .track_detail h4 {
        font-size: 13px;
    }

    .track_detail .mid a {
        padding: 3px 11px;
        font-size: 11px;
    }

    .track_detail span {
        font-size: 11px;
    }

    .track_detail {
        margin-top: 5px;
        padding: 0px;
        gap: 7px;
    }

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

    .track_timeline_full {
        padding: 0;
    }

    .track_timeline_bx {
        height: 4px;
    }

    .track_div_trc {
        height: 4px;
    }

        .track_div_trc::before {
            width: 7px;
            height: 7px;
        }

        .track_div_trc::after {
            width: 38px;
            height: 31px;
        }

    .track_timeline_bx::after {
        width: 7px;
        height: 7px;
    }

    .track_timeline_bx::before {
        width: 7px;
        height: 7px;
    }

    .dest_w {
        padding: 10px 15px;
    }

        .dest_w img {
            width: 40px;
        }

        .dest_w .tp_ h4 {
            font-size: 18px;
        }

        .dest_w .btm_ h4 {
            font-size: 15px;
        }

        .dest_w .btm_ p {
            font-size: 15px;
        }

        .dest_w .btm_ span {
            font-size: 30px;
        }

        .dest_w .tp_ span {
            font-size: 11px;
        }

    .flg_pr {
        padding: 10px 15px;
    }

        .flg_pr .tp_ h4 {
            font-size: 18px;
        }

    .lg_pr_trc p {
        font-size: 15px;
    }

    .lg_pr_trc {
        gap: 6px;
    }

    .dep_bx img {
        width: 20px;
    }

    .flt_sts h4 {
        font-size: 20px;
    }

    .flt_sts {
        font-size: 14px;
    }

    .custom_heading {
        font-size: 21px;
    }

    .f18 {
        font-size: 14px;
    }

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

    .flt_accr {
        padding: 10px 0px 20px 0;
    }

    .accr_div h4 {
        font-size: 16px;
        padding-left: 30px;
    }

    .accr_div_bdy p {
        font-size: 14px;
        line-height: normal;
    }

    .icoactmn img {
        border-radius: 50%;
        height: 30px;
        width: 30px;
    }

    .whrbx_fld input {
        padding-left: 0;
    }

    .tab_nav a {
        height: 41px;
        font-size: 14px;
    }

    .orgbtn_srch {
        width: 100%;
        height: 44px;
        border-radius: 14px !important;
    }

    .srch_pnlnew {
        border-radius: 20px;
    }

    .whr_autpnl:hover {
        border-radius: 25px 25px 0 0;
    }

    .whe_drpnl:hover {
        border-radius: 0;
    }

    .srch_pnlnew div:last-child {
        border-radius: 25px 25px;
    }

    .full_section_prnt {
        display: block;
    }

    .lf_fl_sec {
        width: 100%;
    }

    .sidebar_nw {
        width: 100%;
    }

    .dep_detail_inner {
        width: 100%;
        display: block;
    }

    .nw_list_bx_prnt .nw_list_bx {
        flex-direction: column;
        gap: 10px;
        width: 100%;
    }

    .src_tab_cnt {
        flex-direction: column;
    }

    .lf_src {
        width: 100%;
    }

    .ryt_src {
        position: static;
        transform: inherit;
    }

    .idnt h4 {
        font-size: 13px;
    }

    .idnt span {
        font-size: 11px;
        white-space: nowrap;
    }

    .idnt img {
        width: 27px;
        border-radius: 50%;
    }

    .dm_div_bx img {
        width: 43px;
    }

    .dm_div {
        overflow: scroll;
        padding: 14px 15px;
        gap: 17px;
    }


    .idnt {
        width: 100%;
        justify-content: space-between;
    }

        .idnt .gap-10 {
            gap: 6px !important;
        }

    .sld_ img {
        width: 10px;
    }

    .shed_lst_all {
        width: 100%;
        justify-content: space-between;
    }

    .view-details {
        cursor: pointer;
        display: inline-flex;
        align-items: center;
        gap: 5px;
        font-size: 11px;
    }

    @media (max-width: 767px) {
        .view-details.d-none {
            display: none !important;
        }
    }

    .icoactmn {
        width: auto !important;
        display: inline-flex;
        align-items: center;
    }

    .idnt h4 span {
        font-size: 11px !important;
        white-space: nowrap;
        margin-left: 0 !important;
        padding-left: 0 !important;
        border: 0 !important;
        line-height: 15px !important;
    }

    .tracer_card .card-body .inner-body {
        padding: 0;
        border-radius: 0;
    }

    .tracer_card {
        margin-top: 0px;
    }

    .cll_btn_n {
        padding: 7px 20px;
        font-size: 12px;
    }

    .lf_fl_sec {
        margin-bottom: 20px
    }

    .flt_sts h2 {
        font-size: 18px;
    }

    .aut_flmnbx ul li {
        padding: 6px 15px;
    }

    .full_section_prnt {
        margin-bottom: 25px
    }

    .date-tabs .tab-link {
        font-size: 11px;
        padding: 1px 9px;
    }

    .date-tabs span {
        margin: 0 2px;
    }

    .ui-widget.ui-widget-content {
        width: 340px !important
    }
}


.text-subbrand:hover {
    color: #2196F3 !important;
    text-decoration: underline !important;
}