/*!------------------------------ THis is GLobal Css Start------------------------------- */

body{
    font-family: "Poppins", sans-serif ;
}

.text-666{color: #666;}
.fs-14{font-size: 14px;line-height: 1.7;}

.loaderFlight{
    position: fixed;top: 0;left: 0;width: 100%;z-index: 999999999999999999;height: 100vh;background: #fff;display: grid;place-items: center;
}
.loaderFlight img{
    height: auto;width: 400px;object-fit: cover;
}
.loaderFlight.active{
    display:none;
}
        
/*!------------------------------ THis is GLobal Css End------------------------------- */

/*?---------------------- Css for Header Component Start---------------------- */
a{text-decoration: none;}
.container{
    max-width: 1240px;
}
.btn_custom{
    background: var(--dynamic-text);color: #fff;transition: all ease-in-out .2s;cursor: pointer;
}
.btn_custom:hover{
    background: var(--dynamic-text);color: #fff;
}
.brkbrk {
    font-size: 26px;font-weight: 600;width: fit-content;display: flex;align-items: center;justify-content: center;position: relative;margin: auto;
}
.brkbrk::before,.brkbrk::after {
    content: '';background-size: auto;background-size: auto;width: 37px;position: absolute;background-size: 100%;
}
.brkbrk::before {
    background: url(../images/triwings-left.svg);left: -44px;height: 12px;
}
.brkbrk::after {
    background: url(../images/triwings-right.svg);right: -44px;height: 12px;
}
header{
    box-shadow:0 0 10px #0000002d;z-index: 1;background: #fff;position: relative;
}
header>div{
    padding: 10px 0;
}
.logo{
    height: 34px;width: auto;;
}
.navTopMenu{
    display: flex;align-items: center;gap: 1rem;
}
.navTopMenu .navi{
    display: flex;align-items: center;gap: 8px;text-decoration: none;color: #000;font-weight: 600;padding: 6px 13px;border-radius: 7px;font-size: 14px;transition: all ease-in-out .1s;position: relative;cursor: pointer;white-space: nowrap;
}
.navTopMenu .navi.active,.navTopMenu .navi:hover{
    background: var(--dynamic-bg);color: var(--dynamic-text);
}
.navTopMenu .navi img{
    width: 28px;height: 28px;object-fit: contain;
}
.navi+.dropdown-menu{
    padding: 6px ;transform: translate(0px, 50px) !important;border-color: #ddd;
}
.partner_log{
    padding: 8px 10px ;background: #f2f8f8;border-radius: 4px;display: flex;align-items: center;gap: 6px;
}
.partner_log img{
    width: 22px;height: auto;
}
.partner_log .first{
    font-size: 12px;font-weight: 600;color: var(--dynamic-text);line-height: 1.2;
}
.partner_log .second{
    font-size: 10px;line-height: 1;color: #666;
}
.support_div img{
    height: 20px;
}
.dfgtyuiortfg{
    width: 1px;background: #969696;height:2em;margin: 0 12px;
}
.login_button{
    display: flex;align-items: center;gap: 12px;cursor: pointer;
}
.login_button>i{
    padding: 10px 12px;background: #eee;border-radius: 50%;color: var(--dynamic-text);font-size: 14px;
}
.login_button>div{
    font-size: 10px;font-weight: 600;
}
.login_drop{
    box-shadow: 2px 1px 10px #0003;padding: 12px !important;max-width: 5rem ;min-width: 12rem;
}
.login_drop .hlo_text{
    font-size: 16px;font-weight: 600;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
}
.login_drop .ewrtbgwe4rg{
    font-size: 10px;font-weight: 400
}
.login_drop .btn_custom{
    font-size: 14px;width: 100%;
}
@media (max-width:1180px){
    header{
        height: 110px;
    }
    header .navTopMenu{
        position: absolute;width: 100%;left: 0;justify-content: center;top: 50%;padding: 10px;
    }
}

/*?---------------------- Css for Header Component End---------------------- */


/*?---------------------- Css for Main Component Start---------------------- */

a{text-decoration: none;}
.container{
    max-width: 1240px;
}
.btn_custom{
    background: var(--dynamic-text);color: #fff;transition: all ease-in-out .2s;cursor: pointer;
}
.btn_custom:hover{
    background: var(--dynamic-text);color: #fff;
}
.brkbrk {
    font-size: 26px;font-weight: 600;width: fit-content;display: flex;align-items: center;justify-content: center;position: relative;margin: auto;
}
.brkbrk::before,.brkbrk::after {
    content: '';background-size: auto;background-size: auto;width: 37px;position: absolute;background-size: 100%;
}
.brkbrk::before {
    background: url(../images/triwings-left.svg);left: -44px;height: 12px;
}
.brkbrk::after {
    background: url(../images/triwings-right.svg);right: -44px;height: 12px;
}
.main_section{
    position: relative;
}
.main_section .main_banner_back{
    background: var(--dynamic-text);height: 300px;position: absolute;top: 0;width: 100%;z-index: -1;
}
.main_section h2{
    font-size: 22px;color: #fff;margin-bottom: 0;padding: 1.5rem 0;
}
.main_section .iujhygtfrgtyuio{
    padding: 24px;background: #fff;box-shadow: 0 0 10px #0000002d;border-radius: 12px;position: relative;padding-bottom: 3.5rem;
}
.trip_div{
    display: flex;align-items: center;gap: 12px;
}
.trip_div>label{
    padding: 6px 18px;border-radius: 26px;display: flex;align-items: center;gap: 8px;color: #a1a1a1;cursor: pointer;transition: all ease-in-out .2s;user-select: none;
}
.trip_div>label div{
    font-size: 14px;font-weight: 600;cursor: pointer;
}
.trip_div>label input{cursor: pointer;scale: 1.2;}
.trip_div>label.active{
    background: var(--dynamic-bg);color: var(--dynamic-text);
}
.main_form{
    display: flex;align-items: stretch;margin-top: 2rem;flex-wrap: wrap;justify-content: space-between;
}
.main_form .all_ch{
    border-radius: 6px;border: 2px solid #dbe1e8;padding: 16px 18px 15px;position: relative;cursor: pointer;transition: all ease-in-out .1s;
}
.main_form .all_ch:hover{
    border-color: #777777;
}
.main_form .all_ch .above_para{
    position: absolute;top: -11px;background: #fff;padding: 0 6px;font-size: 14px;color: #777777;font-weight: 600;left: 12px;
}
.main_form .all_ch .below_para{
    font-size: 16px;font-weight: 600;color: #b0b0b0;padding: 6px 0;
}
.main_form .child1,.main_form .child2{
    width: 22%;
}
.main_form .child2{
    padding-left: 25px;
}
.main_form .child2 .above_para{left: 20px;}
.rotate_fly{
    position: absolute;top: 1em;right: -28px;background: #fff;border-radius: 6px;padding: 6px 10px;box-shadow: 0 0 10px #0000002e;z-index: 1;color: var(--dynamic-text);cursor: pointer;
}
.rotate_fly i{transition: all ease-in-out .3s;}
.rotate_fly.active i{
    transform: rotate(180deg);
}
.main_form .child3,.main_form .child4{
    width: 14%;
}
.main_form input{
    border: 0;outline: none;width: 100%;padding: 5px 0;cursor: pointer;
}
.main_form .child5{
    width: 22%;
}
.main_form .child7>div{
    background: var(--dynamic-bg);padding: 10px 22px;color: var(--dynamic-text);font-weight: 600;font-size: 16px;user-select: none;border-color: 2px solid var(--dynamic-bg);width: fit-content;cursor: pointer;border-radius: 6px;
}
.main_form .child6,.main_form .child7,.main_form .child8{
    width: 38%;
}
.main_form .child8>div{
    background: red;color: white;height: 40px;width: 40px;display: grid;place-items: center;border-radius: 50%;font-size: 22px;cursor: pointer;
}
.gcvuiuiggte{
    display: flex;flex-direction: column;user-select: none;
}
.child4 .utgyuyguyu{
    font-size: 11px;font-weight: 600;user-select: none;color: #8c8c8c;
}
.gcvuiuiggte>div:nth-child(1){font-size: 16px;font-weight: 600;}
.gcvuiuiggte>div:nth-child(2){
    font-size: 12px;line-height: 1;color: #777777;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-transform:uppercase;
}
.special_fare{
    background: linear-gradient(135deg, rgb(233, 252, 243) 0%, rgba(255, 255, 255, 0) 100%);padding: 12px 16px;border-radius: 5px;margin-top: 2rem;
}
.special_fare .more_bene{
    background: var(--dynamic-text);font-size: 12px;font-weight: bold;color: #fff;text-align: center;border-radius: 26px;
}
.special_fare .spe_fare{
    font-size: 16px;font-weight: 600;
}
.special_fare .frgtyhuiuyhg {
    border: 2px solid var(--dynamic-text);display: inline-block;width: 20px;height: 20px;text-align: center;border-radius: 3px;position: relative;
}
.special_fare .frgtyhuiuyhg.active{
    background: var(--dynamic-text);border-color: var(--dynamic-text);
}
.special_fare .frgtyhuiuyhg.active::after{
    content: "";transform: rotate(45deg);height: 11px;width: 6px;border-bottom: 2px solid rgb(229, 243, 255);border-right: 2px solid rgb(229, 243, 255);display: inline-block;position: absolute;left: 5px;top: 2px;
}
.special_fare .spe_chi{
    border: 1.5px solid #ddd;padding: 12px;background: #fff;border-radius: 5px;aspect-ratio: 17/2;cursor: pointer;position: relative;
}
.special_fare .img{
    height: 26px;width: auto;
}
.special_fare .img img{
    height: 100%;width: 100%;object-fit: cover;
}
.special_fare input{display: none;}
.spe_chi.active{
    border-color: var(--dynamic-text);
}
.spe_chi .first{
    line-height: 1;font-size: 14px;
}
.spe_chi .second{
    font-size: 12px;color: #777777;
}
.search_sction{
    position: absolute;bottom: -20px;width: 100%;left: 0;display: grid;place-items: center;
}
.search_sction button{
    width: 20%;border-radius: 26px;padding: 10px 0;border: 0;text-transform: uppercase;font-size: 18px;font-weight: 600;
}
.flightSelectionBox{
    position: absolute;top: 100%;left: 0;width: 23rem;left: 0;background: #fff;border: 1px solid #d9d9d9;border-radius: 5px;box-shadow: 4px 4px 10px #00000040;z-index: 2;display: none;
}
.flightSelectionBox.active{
    display: block;
}
.flightSelectionBox>div{
    padding: 12px 16px;transition: all ease-in-out .1s;
}
.flightSelectionBox>div:hover{
    background: #f0f0f0b0;
}
.flightSelectionBox>div i{
    color: #9f9f9f;font-size: 20px;transform: rotate(-30deg);
}
.flightSelectionBox>div img{
    height: 30px;border-radius: 4px;
}
.flightSelectionBox>div .city{
    font-size: 16px;font-weight: 600;
}
.flightSelectionBox>div .air_name{
    font-size: 12px;color: #666;line-height: 1;
}
.travellers_box{
    position: absolute;top: 104%;right: 0;width: 35rem;display: none;background: #fff;z-index: 2;cursor: auto;
}
.travellers_box.active{
    display: block;
}
.travellers_box .first{
    padding: 26px;display: flex;flex-direction: column;gap: 12px;
}
.travellers_box .ygugyuyvyuyvu{
    display: flex;flex-direction: column;align-items: center;
}
.travellers_box .ygugyuyvyuyvu input{
    width: 20px;text-align: center;
}
.travellers_box .ygugyuyvyuyvu>div:nth-child(1){
    font-size: 16px;font-weight: 600;
}
.travellers_box .ygugyuyvyuyvu>div:nth-child(2){
    font-size: 12px;font-weight: 400;
}
.travellers_box .ygugyuyvyuyvu>div:nth-child(3){
    display: flex;align-items: center;width: 6rem;justify-content: space-between;margin-top: 12px;border-radius: 6px;border: 2px solid #dbdbdb;padding: 4px 14px;
}
.travellers_box .ygugyuyvyuyvu .act {
    cursor: pointer;user-select: none;display: grid;place-items: center;
}
.travellers_box .ygugyuyvyuyvu .act i{
    cursor: pointer;font-size: 10px;user-select: none;
}
.travellers_box .travel_class{
    display: flex;align-items: center;justify-content: space-between;
}
.travellers_box .travel_class>div{
    font-size: 13px;border-radius: 6px;border: 1.5px solid #ddd;padding: 4px 10px;font-weight: 500;cursor: pointer;color: #666;transition: all ease-in-out .2s;
}
.travellers_box .travel_class>div.active{
    border-color: var(--dynamic-text);background: #eee;color: var(--dynamic-text);font-weight: 600;
}
.travellers_box .second{
    padding: 12px 26px;border-top: 1px solid #ddd;display: flex;align-items: center;justify-content: end;gap: 24px;
}
.travellers_box .second>div:nth-child(1){
    font-size: 16px;font-weight: 600;cursor: pointer;
}
.travellers_box .second>div:nth-child(2){
    padding: 4px 16px;border-radius: 4px;
}
.special_fare .spe_chi .ghyujioiuhyg{
    position: absolute;top: 100%;left: 0;width: 22rem;z-index: 1;opacity: 0;user-select: none;pointer-events: none;transition: all ease-in-out .2s;background: rgba(34, 34, 34, 0.9);color: #fff;padding: 12px;
}
.special_fare .spe_chi:hover .ghyujioiuhyg{
    opacity: 1;pointer-events: all;
}
.special_fare .spe_chi .ghyujioiuhyg h4{
    font-size: 16px;font-weight: 600;margin-bottom: 6px;
}
.special_fare .spe_chi .ghyujioiuhyg p{
    font-size: 10px;font-weight: 600;margin-bottom: 0;
}
@media (max-width:1180px){
    .main_form{
        gap: 14px 0;
    }
    .main_form .child1, .main_form .child2{
        width: 24%;
    }
    .main_form .child3, .main_form .child4{
        width: 24%;
    }
    .child4 .utgyuyguyu{
        padding: 8px 0;
    }
    .main_form .child5{
        width: 100%;
    }
    .travellers_box{
        left: 0;
    }
    .main_form .child6,.main_form .child7,.main_form .child8{
        width: 24%;
    }
    .search_sction button{
        width: 40%;
    }
}
@media (max-width:992px){
    .main_section .main_banner_back{
        height: 500px;
    }
    .main_form .child1,.main_form .child2,.main_form .child3,.main_form .child4,.main_form .child5,.main_form .child6,.main_form .child7,.main_form .child8{
        width: 100%;
    }
    .main_form .child2{
        padding-left: 18px;
    }
    .main_form .child2 .above_para{
        left: 12px;
    }
    .rotate_fly{
        top: 85%;right: 6rem;
    }
    .search_sction button{
        width: 50%;
    }
}

/*?---------------------- Css for Main Component End---------------------- */



/*?---------------------- Css for Explore Component Start---------------------- */
a{text-decoration: none;}
.container{
    max-width: 1240px;
}
.btn_custom{
    background: var(--dynamic-text);color: #fff;transition: all ease-in-out .2s;cursor: pointer;
}
.btn_custom:hover{
    background: var(--dynamic-text);color: #fff;
}
.brkbrk {
    font-size: 26px;font-weight: 600;width: fit-content;display: flex;align-items: center;justify-content: center;position: relative;margin: auto;
}
.brkbrk::before,.brkbrk::after {
    content: '';background-size: auto;background-size: auto;width: 37px;position: absolute;background-size: 100%;
}
.brkbrk::before {
    background: url(../images/triwings-left.svg);left: -44px;height: 12px;
}
.brkbrk::after {
    background: url(../images/triwings-right.svg);right: -44px;height: 12px;
}
.explore_sec{
    background: var(--dynamic-bg);color: var(--dynamic-text);margin-top: 4rem;padding: 20px;border-radius: 8px;display: flex;align-items: center;justify-content: space-between;position: relative;
}
.explore_sec>div:nth-child(1){
    width: 85%;
}
.explore_sec .first{
    font-size: 20px;white-space: nowrap;width: 100%;overflow: hidden;text-overflow: ellipsis;font-weight: 600;
}
.explore_sec .second{
    font-size: 14px;font-weight: 400;width: 100%;overflow: hidden;text-overflow: ellipsis;
}
.explore_sec .explore_img{
    position: absolute;width: 100%;left: 0;display: flex;justify-content: end;z-index: 1;
}
.explore_sec .explore_img img{
    height: 150px;
}
/*?---------------------- Css for Explore Component End---------------------- */


/*?---------------------- Css for Book With Component Start---------------------- */
a{text-decoration: none;}
.container{
    max-width: 1240px;
}
.btn_custom{
    background: var(--dynamic-text);color: #fff;transition: all ease-in-out .2s;cursor: pointer;
}
.btn_custom:hover{
    background: var(--dynamic-text);color: #fff;
}
.brkbrk {
    font-size: 26px;font-weight: 600;width: fit-content;display: flex;align-items: center;justify-content: center;position: relative;margin: auto;
}
.brkbrk::before,.brkbrk::after {
    content: '';background-size: auto;background-size: auto;width: 37px;position: absolute;background-size: 100%;
}
.brkbrk::before {
    background: url(../images/triwings-left.svg);left: -44px;height: 12px;
}
.brkbrk::after {
    background: url(../images/triwings-right.svg);right: -44px;height: 12px;
}
.diphhkmjhj {
    display: grid;grid-template-columns: repeat(4,1fr);gap: 30px;margin-top: 30px;
}
.diphhkmjhj > div {
    border: 1px solid lightblue;border-radius: 20px;padding: 20px;display: flex;flex-direction: column;gap: 15px;align-items: center;
}
.diphhkmjhj .diphhkmjhj_img {
    width: 50px;overflow: hidden;height: auto;
}
.diphhkmjhj .diphhkmjhj_img img{
    height: 100%;width: 100%;object-fit: cover;
}
.diphhkmjhj>div h2 {
    font-size: 16px;font-weight: 600;margin: 0px;text-align: center;
}
.diphhkmjhj > div p {
    font-size: 12px;font-weight: 400;color: #4d4d4d;margin: 0;text-align: center;
}
@media (max-width:992px){
    .diphhkmjhj{
        grid-template-columns: repeat(2,1fr);
    }
}

/*?---------------------- Css for Book With Component End---------------------- */


/*?---------------------- Css for Deal and Offers Component Start---------------------- */
a{text-decoration: none;}
.container{
    max-width: 1240px;
}
.btn_custom{
    background: var(--dynamic-text);color: #fff;transition: all ease-in-out .2s;cursor: pointer;
}
.btn_custom:hover{
    background: var(--dynamic-text);color: #fff;
}
.brkbrk {
    font-size: 26px;font-weight: 600;width: fit-content;display: flex;align-items: center;justify-content: center;position: relative;margin: auto;
}
.brkbrk::before,.brkbrk::after {
    content: '';background-size: auto;background-size: auto;width: 37px;position: absolute;background-size: 100%;
}
.brkbrk::before {
    background: url(../images/triwings-left.svg);left: -44px;height: 12px;
}
.brkbrk::after {
    background: url(../images/triwings-right.svg);right: -44px;height: 12px;
}
.deal_top{
    display: flex;align-items: center;justify-content: center;gap: 1rem;margin: 18px 0;
}
.deal_top>div{
    padding: 6px 16px;color: #000;cursor: pointer;transition: all ease-in-out .1s;border-radius: 26px;font-size: 16px;font-weight: 500;
}
.deal_top>div:hover{
    background: var(--dynamic-text);color: #fff;
}
.deal_top>div.active{
    background: var(--dynamic-text);color: #fff;
}
.deal_img{
    height: 200px;overflow: hidden;
}
.deal_img img{
    height: 100%;width: 100%;object-fit: cover;
}
.deal_card{
    padding: 10px;
}
.deal_card>div{
    border-radius: 8px;position: relative;overflow: hidden;
}
.deal_card .child{
    position: absolute;top: 0;width: 100%;height: 100%;border-radius: 10px;background: linear-gradient(180deg, rgb(0, 0, 0,0.8) 0%, rgba(255,255,255,0) 100%);
}
.deal_card .child h3{
    font-size: 16px;font-weight: 600;color: #fff;
}
.deal_card .child .deal_btn{
    width: 50%;border-radius: 5px;text-align: center;padding: 8px ;
}
.deal_bottom>div{
    display: none;
}
.deal_bottom>div.active{
    display: block;
}
.dealModalImg {
    height: fit-content;width: 100%;object-fit: cover;
}

/*?---------------------- Css for Deal and Offers Component End---------------------- */


/*?---------------------- Css for Popular Component Start---------------------- */
a{text-decoration: none;}
.container{
    max-width: 1240px;
}
.btn_custom{
    background: var(--dynamic-text);color: #fff;transition: all ease-in-out .2s;cursor: pointer;
}
.btn_custom:hover{
    background: var(--dynamic-text);color: #fff;
}
.brkbrk {
    font-size: 26px;font-weight: 600;width: fit-content;display: flex;align-items: center;justify-content: center;position: relative;margin: auto;
}
.brkbrk::before,.brkbrk::after {
    content: '';background-size: auto;background-size: auto;width: 37px;position: absolute;background-size: 100%;
}
.brkbrk::before {
    background: url(../images/triwings-left.svg);left: -44px;height: 12px;
}
.brkbrk::after {
    background: url(../images/triwings-right.svg);right: -44px;height: 12px;
}

.popular_main{
    display: grid;grid-template-columns: repeat(3,1fr);margin: 26px 0;gap: 16px;
}
.popular_main .child{
    display: flex;flex-direction: column;gap: 16px;
}
.popular_div{
    position: relative;border-radius: 8px;overflow: hidden;
}
.popular_main>div:nth-child(2)>div , .popular_main>div:nth-child(2) .first{
    height: 100%;
}
.popular_div .first{
    height: 200px;
}
.popular_div .first img{
    height: 100%;width: 100%;object-fit: cover;transition: all ease-in-out .3s;
}
.popular_div:hover img{
    transform: scale(1.05);
}
.popular_div .second{
    position: absolute;top: 0;left: 0;background: linear-gradient(0deg, rgba(0,0,0,0.5074229520909926) 22%, rgba(255,255,255,0) 61%);height: 100%;width: 100%;display: flex;align-items: end;color: #fff;font-size: 20px;font-weight: 600;padding: 20px;
}
@media (max-width:992px){
    .popular_main{
        grid-template-columns: repeat(2,1fr);
    }
    .popular_main>div:nth-child(2){
        display: none;
    }
}

/*?---------------------- Css for Popular Component End---------------------- */

/*?---------------------- Css for Domestic Airline Component Start---------------------- */
a{text-decoration: none;}
.container{
    max-width: 1240px;
}
.btn_custom{
    background: var(--dynamic-text);color: #fff;transition: all ease-in-out .2s;cursor: pointer;
}
.btn_custom:hover{
    background: var(--dynamic-text);color: #fff;
}
.brkbrk {
    font-size: 26px;font-weight: 600;width: fit-content;display: flex;align-items: center;justify-content: center;position: relative;margin: auto;
}
.brkbrk::before,.brkbrk::after {
    content: '';background-size: auto;background-size: auto;width: 37px;position: absolute;background-size: 100%;
}
.brkbrk::before {
    background: url(../images/triwings-left.svg);left: -44px;height: 12px;
}
.brkbrk::after {
    background: url(../images/triwings-right.svg);right: -44px;height: 12px;
}

.popular_airline{
    margin: 20px 0;border: 1px solid #ddd;border-radius: 7px;padding: 16px;
}
.airline_div>div{
    display: flex;flex-direction: column;align-items: center;gap: 10px;cursor: pointer;
}

/*?---------------------- Css for Domestic Airline Component End---------------------- */


/*?---------------------- Css for Flight Routes Component Start---------------------- */
a{text-decoration: none;}
.container{
    max-width: 1240px;
}
.btn_custom{
    background: var(--dynamic-text);color: #fff;transition: all ease-in-out .2s;cursor: pointer;
}
.btn_custom:hover{
    background: var(--dynamic-text);color: #fff;
}
.brkbrk {
    font-size: 26px;font-weight: 600;width: fit-content;display: flex;align-items: center;justify-content: center;position: relative;margin: auto;
}
.brkbrk::before,.brkbrk::after {
    content: '';background-size: auto;background-size: auto;width: 37px;position: absolute;background-size: 100%;
}
.brkbrk::before {
    background: url(../images/triwings-left.svg);left: -44px;height: 12px;
}
.brkbrk::after {
    background: url(../images/triwings-right.svg);right: -44px;height: 12px;
}

.flight_routes{
    display: grid;grid-template-columns: repeat(3,1fr);gap: 15px;margin-top: 24px;
}
.flight_routes>div{
    padding: 12px;display: flex;align-items: center;justify-content: space-between;
}
.flight_routes .first{
    font-size: 16px;font-weight: 600;
}
.flight_routes .second{
    font-size: 14px;font-weight: 400;
}
.flight_routes>div>div:nth-child(1){
    width: 65%;
}
.flight_routes>div>div:nth-child(2){
    width: 25%;
}
.flight_routes a{
    padding: 3px 12px;font-size: 14px;border-radius: 4px;
}
.line_between {
    border: 1.5px dashed #e4e4e4;flex: 0.4;position: relative;
}
.line_between::after {
    position: absolute;content: '';width: 10px;height: 10px;border-radius: 20px;border: 2px solid #e4e4e4;top: -5px;left: -10px;background: #fff;
}
.line_between::before {
    position: absolute;content: '';width: 10px;height: 10px;border-radius: 20px;border: 2px solid #e4e4e4;top: -5px;right: -10px;background: #fff;
}  
@media (max-width:1180px){
    .flight_routes{
        grid-template-columns: repeat(2,1fr);
    }
}

/*?---------------------- Css for Flight Routes Component End---------------------- */


/*?---------------------- Css for Blog Component Start---------------------- */

a{text-decoration: none;}
.container{
    max-width: 1240px;
}
.btn_custom{
    background: var(--dynamic-text);color: #fff;transition: all ease-in-out .2s;cursor: pointer;
}
.btn_custom:hover{
    background: var(--dynamic-text);color: #fff;
}
.brkbrk {
    font-size: 26px;font-weight: 600;width: fit-content;display: flex;align-items: center;justify-content: center;position: relative;margin: auto;
}
.brkbrk::before,.brkbrk::after {
    content: '';background-size: auto;background-size: auto;width: 37px;position: absolute;background-size: 100%;
}
.brkbrk::before {
    background: url(../images/triwings-left.svg);left: -44px;height: 12px;
}
.brkbrk::after {
    background: url(../images/triwings-right.svg);right: -44px;height: 12px;
}
.blog_card{
    border-radius: 8px;overflow: hidden;position: relative;
}
.blog_card .img{
    height: 200px;overflow: hidden;
}
.blog_card .img img{
    height: 100%;width: 100%;object-fit: cover;
}
.blog_card .child{
    position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: end;background: linear-gradient(0deg, rgba(0,0,0,0.5074229520909926) 51%, rgba(255,255,255,0) 100%);
}    
.blog_card .first{
    font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #fff;padding: 6px 14px;
}
.blog_card .second{
    display: flex;align-items: center;justify-content: space-between;color: #fff;padding: 8px 14px;font-size: 14px;background: #00000033;backdrop-filter: blur(8px);transition: all ease-in-out .2s;
}
.blog_card .second:hover{
    background: #00000075;
}

/*?---------------------- Css for Blog Component End---------------------- */


/*?---------------------- Css for Review Component Start---------------------- */

a{text-decoration: none;}
.container{
    max-width: 1240px;
}
.btn_custom{
    background: var(--dynamic-text);color: #fff;transition: all ease-in-out .2s;cursor: pointer;
}
.btn_custom:hover{
    background: var(--dynamic-text);color: #fff;
}
.brkbrk {
    font-size: 26px;font-weight: 600;width: fit-content;display: flex;align-items: center;justify-content: center;position: relative;margin: auto;
}
.brkbrk::before,.brkbrk::after {
    content: '';background-size: auto;background-size: auto;width: 37px;position: absolute;background-size: 100%;
}
.brkbrk::before {
    background: url(../images/triwings-left.svg);left: -44px;height: 12px;
}
.brkbrk::after {
    background: url(../images/triwings-right.svg);right: -44px;height: 12px;
}
.review_section{
    margin-top: 14px;
}
.review_card{
    padding: 10px;margin: 10px 0;
}
.review_card>div{
    border: 1px solid #ddd;padding: 12px;
}
.review_card .user_img{
    height: 50px;width: 50px;overflow: hidden;border-radius: 50%;
}
.review_card .user_img img{
    height: 100%;width: 100%;object-fit: cover;
}
.total_star{
    display: flex;align-items: center;gap: 10px;
}
.user_name{
    font-size: 18px;font-weight: 500;
}
.total_star img{
    height: 15px;width: 15px;
}
.review_card .second{
    font-size: 14px;color: #777;text-align: center;font-weight: 500;margin-top: 12px;
}

/*?---------------------- Css for Review Component End---------------------- */


/*?---------------------- Css for Subscriber Component Start---------------------- */

a{text-decoration: none;}
.container{
    max-width: 1240px;
}
.btn_custom{
    background: var(--dynamic-text);color: #fff;transition: all ease-in-out .2s;cursor: pointer;
}
.btn_custom:hover{
    background: var(--dynamic-text);color: #fff;
}
.brkbrk {
    font-size: 26px;font-weight: 600;width: fit-content;display: flex;align-items: center;justify-content: center;position: relative;margin: auto;
}
.brkbrk::before,.brkbrk::after {
    content: '';background-size: auto;background-size: auto;width: 37px;position: absolute;background-size: 100%;
}
.brkbrk::before {
    background: url(../images/triwings-left.svg);left: -44px;height: 12px;
}
.brkbrk::after {
    background: url(../images/triwings-right.svg);right: -44px;height: 12px;
}
.subscriber_section{
    background: url(../images/subscirber_img.jpg) no-repeat center;background-color: rgba(0, 0, 0, 0);background-color: #000;margin-top: 6rem;
}
.subscriber_section h3{
    color: #fff;text-align: center;font-size: 32px;font-weight: 500;line-height: 1.5;margin-bottom: 0;
}
.subscriber_section p{
    margin-bottom: 0;color: #fff;
}
.subscriber_section .oiuygtfghutte{
    display: flex;align-items: stretch;border-radius: 5px;overflow: hidden;
}
.subscriber_section .oiuygtfghutte input{
    padding: 8px 14px;border: 0;font-size: 14px;
}
.oiuygtfghutte input[type="number"]::-webkit-outer-spin-button,
.oiuygtfghutte input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.oiuygtfghutte input[type="number"] {
    -moz-appearance: textfield;
}
.subscriber_section .oiuygtfghutte button{
    border: 0;padding: 3px 15px;
}
/*?---------------------- Css for Subscriber Component End---------------------- */


/*?---------------------- Css for FAQ Component Start---------------------- */

a{text-decoration: none;}
.container{
    max-width: 1240px;
}
.btn_custom{
    background: var(--dynamic-text);color: #fff;transition: all ease-in-out .2s;cursor: pointer;
}
.btn_custom:hover{
    background: var(--dynamic-text);color: #fff;
}
.brkbrk {
    font-size: 26px;font-weight: 600;width: fit-content;display: flex;align-items: center;justify-content: center;position: relative;margin: auto;
}
.brkbrk::before,.brkbrk::after {
    content: '';background-size: auto;background-size: auto;width: 37px;position: absolute;background-size: 100%;
}
.brkbrk::before {
    background: url(../images/triwings-left.svg);left: -44px;height: 12px;
}
.brkbrk::after {
    background: url(../images/triwings-right.svg);right: -44px;height: 12px;
}
.accordion-button{
    font-size: 14px;font-weight: 600;
}
.accordion-button:focus,.accordion-button:not(.collapsed){
    outline: none;box-shadow: none;background: #f0f0f0;color: var(--dynamic-text);
}
.accordion-body{
    font-size: 14px;
}
.nav-item .nav-link{
    font-size: 14px;font-weight: 500;border-bottom:7px;color:#000;
}
.nav-item .nav-link.active{
    color:var(--dynamic-text);background:transparent !important;
}
.ngrjrgnrir{
    display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:8px 15px;border-bottom: 1px solid #dee2e6;gap: 6px;
}
.ngrjrgnrir a{
    font-size: 14px;font-weight: 500;color: #777;transition: all ease-in-out .1s;text-transform: capitalize;
}
.ngrjrgnrir a:hover{
    color: var(--dynamic-text);
}

/*?---------------------- Css for FAQ Component End---------------------- */


/*?---------------------- Css for Footer Component Start---------------------- */

a{text-decoration: none;}
.container{
    max-width: 1240px;
}
.btn_custom{
    background: var(--dynamic-text);color: #fff;transition: all ease-in-out .2s;cursor: pointer;
}
.btn_custom:hover{
    background: var(--dynamic-text);color: #fff;
}
.brkbrk {
    font-size: 26px;font-weight: 600;width: fit-content;display: flex;align-items: center;justify-content: center;position: relative;margin: auto;
}
.brkbrk::before,.brkbrk::after {
    content: '';background-size: auto;background-size: auto;width: 37px;position: absolute;background-size: 100%;
}
.brkbrk::before {
    background: url(../images/triwings-left.svg);left: -44px;height: 12px;
}
.brkbrk::after {
    background: url(../images/triwings-right.svg);right: -44px;height: 12px;
}
footer{
    background: #0a1535;margin-top: 6rem;padding: 2rem;
}
footer .first_footer{
    background: linear-gradient(90deg, rgba(116,61,204,1) 0%, rgba(27,84,226,1) 50%, rgba(56,162,248,1) 100%);padding: 1rem;border-radius: 8px;position: absolute;top: -9rem;width: 100%;
}
footer .first_footer .img_suppport{
    height: 60px;width: auto;
}
footer .first_footer a{
    font-size: 16px;color: #fff;
}
footer .first_footer a i{
    font-size: 14px;
}
footer .first_footer h2{
    font-size: 24px;text-transform: uppercase;margin-bottom: 0;font-weight: 600;color: #fff;
}
footer .first_footer p{
    font-size: 16px;text-transform: uppercase;margin-bottom: 0;font-weight: 500;color: #fff;
}
footer .second_footer{
    color: #fff;margin-top: 4rem;
}
footer .second_footer .foot_head{
    font-size: 16px;font-weight: 600;text-transform: uppercase;
}
footer .second_footer a{
    color: #e0e0e0;font-size: 14px;width: fit-content;
}
footer .second_footer a:hover{
    color: #fff;
}
footer .second_footer a i{
    font-size: 12px;margin-right: 4px;
}
footer .second_footer img{
    height: 24px;width: auto;
}

/*?---------------------- Css for Footer Component End---------------------- */


/*?---------------------- Css for Holidays page starts---------------------- */
.holiday-slides{width: 100%;height: 370px;}
.holiday-slides img{width: 100%;height: 100%;}
.holhero-content{position: absolute;top: 45%;left: 50%;z-index: ;transform: translate(-50%,-50%);}
.selectcity-box{width: 750px;background: #fff;padding: 20px 20px;border-radius: 10px;}
.selectcity-box .selectcity{display: flex;align-items: center;gap: 5px;}
#holidaycitySelector{cursor: pointer;padding: 15px;background: #f1f1f1;border: 1px solid #666;border-radius: 5px;font-size: 15px;color: #000;outline: none}
.selcetsendbtn button{height: 100%;padding: 13.5px;border: 1px solid var(--dynamic-text);border-radius: 5px;background: var(--dynamic-text);color: #fff;font-size: 18px;}
.holiday-bannerbox{height: 400px;background-color: #f8f8f8;padding: 10px;overflow: hidden;border-radius: 5px;}
.holiday-bannerbox img{border-radius: 10px;}
.image_anchor_trndpack{width: 20%;overflow: hidden;}
.image_anchor_trndpack:hover img{scale: 1.1;}
.image-to-trend{overflow: hidden;border-radius: 20px;max-height: 217px;}
.image_anchor_trndpack .image-to-trend img{width: 100%;height: 218px;object-fit: cover;transition: all 200ms linear;}
.hanpicked_main_btn_Des{text-decoration: none;border: 1.5px solid #6F6F6F;border-radius: 7px;height: 55px;display: inline-flex;align-items: center;justify-content: center;padding: 0px 20px;font-size: 20px;color: #6F6F6F;background: transparent;transition: all 200ms linear;}
.hanpicked_main_btn_Des:hover{border-color: var(--dynamic-text);}
.hanpicked_main_btn_Des.active{color: var(--dynamic-text);border-color: var(--dynamic-text);box-shadow: 0px 3px 6px #00000012;}
.overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: transparent linear-gradient(180deg, #FFFFFF00 0%, #A0A0A000 37%, #71717100 48%, #3C3C3C77 62%, #252525AB 83%, #000000 100%) 0% 0% no-repeat padding-box;border-radius: 20px;}
.cnt{position: absolute;bottom: 10px;left: 15px;color: #fff;}
.packsliderLst .slide-right{cursor: pointer;color: var(--dynamic-text);background: #fff;border: 0px solid var(--dynamic-text);width: 40px;height: 40px;display: grid;place-items: center;border-radius: 50%;position: absolute;z-index: 999;right: -20px;    top: 58%;box-shadow: 0 2px 4px rgba(0,0,0,.2), 0 4px 12px rgba(0,0,0,.2);transform: translateY(-50%);}
.packsliderLst .slide-left{cursor: pointer;color: var(--dynamic-text);background: #fff;border: 0px solid var(--dynamic-text);width: 40px;height: 40px;display: grid;place-items: center;border-radius: 50%;position: absolute;z-index: 999;left: -20px;    top: 58%;box-shadow: 0 2px 4px rgba(0,0,0,.2), 0 4px 12px rgba(0,0,0,.2);transform: translateY(-50%);}
.packsliderLst .slick-slide {padding:10px;}
.packsliderLst1 .slide-right{cursor: pointer;color: var(--dynamic-text);background: #fff;border: 0px solid var(--dynamic-text);width: 40px;height: 40px;display: grid;place-items: center;border-radius: 50%;position: absolute;z-index: 999;right: -20px;    top: 58%;box-shadow: 0 2px 4px rgba(0,0,0,.2), 0 4px 12px rgba(0,0,0,.2);transform: translateY(-50%);}
.packsliderLst1 .slide-left{cursor: pointer;color: var(--dynamic-text);background: #fff;border: 0px solid var(--dynamic-text);width: 40px;height: 40px;display: grid;place-items: center;border-radius: 50%;position: absolute;z-index: 999;left: -20px;    top: 58%;box-shadow: 0 2px 4px rgba(0,0,0,.2), 0 4px 12px rgba(0,0,0,.2);transform: translateY(-50%);}
.packsliderLst1 .slick-slide {padding:10px;}
.packsliderLstTheme .slide-right{cursor: pointer;color: var(--dynamic-text);background: #fff;border: 0px solid var(--dynamic-text);width: 40px;height: 40px;display: grid;place-items: center;border-radius: 50%;position: absolute;z-index: 999;right: -20px;    top: 50%;box-shadow: 0 2px 4px rgba(0,0,0,.2), 0 4px 12px rgba(0,0,0,.2);transform: translateY(-50%);}
.packsliderLstTheme .slide-left{cursor: pointer;color: var(--dynamic-text);background: #fff;border: 0px solid var(--dynamic-text);width: 40px;height: 40px;display: grid;place-items: center;border-radius: 50%;position: absolute;z-index: 999;left: -20px;    top: 50%;box-shadow: 0 2px 4px rgba(0,0,0,.2), 0 4px 12px rgba(0,0,0,.2);transform: translateY(-50%);}
.packsliderLstTheme .slick-slide {padding:10px;}
.abttxt {font-size: 12px;color: #000;padding: 8px 0;}
.headtl {font-size: 21px;font-weight: 700;text-align: left;margin: 12px 0 4px 0;}
.package_box{width: 32%;}
.pack_img{height: 220px;overflow: hidden;border-radius: 5px 5px 0 0 ;}
.package_box{border: 1px solid #c9c9c9;border-radius: 5px;overflow: hidden;}
.packagemainbox{
    display: flex;
  gap: 30px;
}
.tnight {
    background: rgba(0,0,0,.75);
    border-radius: 20px;
    padding: 3px 8px;
    color: #fff;
    position: absolute;
    bottom: 15px;
    right: 15px;
    font-size: 12px;
  }
  .pkgName {
    font-size: 18px;
    color: #000;
    text-align: left;
    font-weight: 600;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .ctycvr {
    font-size: 12px;
    min-height: 18px;
  }
  .package_content{padding: 10px;border-bottom: 1px solid #f3f3f3;}
  .packa_facility{padding: 15px 10px 15px 10px;display: flex;align-items: center;gap: 30px;flex-wrap: wrap;}
  .pa_fa{display: flex;flex-direction: column;gap: 5px;align-items: center;}
  .sup_text {
    font-size: 12px;
    color: #000;
    display: block;
  }
  .cutprice {
    font-size: 13px;
    color: #000;
    font-weight: 500;
    text-decoration: line-through;
    line-height: 10px;
    position: relative;
    bottom: -3px;
    display: flex;
  }
  .prc-ttl {
    font-size: 24px;
    color: #000;
    font-weight: 700;
  }
  .ritbtn {
    width: 45%;display: grid;place-items: center;
  }
  .paca_pricing{padding: 15px 10px 10px 10px;border-top: 1px solid #f3f3f3;}
  .vdtl-btn {
    padding: 6px;
    text-align: center;
    font-size: 14px;
    color: #FFF;
    background-color: var(--dynamic-text);
    text-decoration: none;
    border-radius: 40px;
    float: right;
    width: 100%;
    font-weight: 500;
  }
  .hldy_thm_box {
    margin-top: 10px;
  }
  .hldy_thm_box .img_box {
    max-height: 53px;
    max-width: 53px;
  }
  .hldy_thm_box .img_box img {
    width: 100%;
    height: 100%;
  }
  .mt-10 {
    margin-top: 10px;
  }
  .hldy_thm_box .cnt h4 {
    color: #000;
  }
  .f-20 {
    font-size: 20px;
  }
  .ft-600 {
    font-weight: 600;
  }
  .hldy_thm_box .cnt span {
    font-size: 14px;
  }
  .text-b {
    color: #2196F3;
  }
.hldy_thm_box {
  background: #F0F9FF;
  border: 1px solid #98D1FF;
  border-radius: 50%;
  padding: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 190px;
  height: 190px;
  margin: auto;
    margin-top: auto;
  text-align: center;
}
.breadcrumb {
    position: relative;
    z-index: 1;
    width: 100%;
    margin: 10px 0 8px 0;
  }
  .breadcrumb ul {
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    gap: 5px;
  }
  .breadcrumb ul li {
    font-size: 13px;
    line-height: 11px;
    letter-spacing: 0.2px;
    font-weight: 500;
    color: #3a3a3a;
    white-space: nowrap;
    position: relative;
    padding-right: 13px;
    list-style: none;
  }
  .breadcrumb ul li a {
    text-decoration: none;
    display: block;
    position: relative;
    font-weight: 500;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    color: #2196f3;
  }
  .breadcrumb ul li a::after {
    content: '>';
    font-size: 12px;
    color: #868686 !important;
    right: -12px;
    top: 1px;
    padding: 0 0 0px;
    position: absolute;
  }
  .first_section{
    position: relative;
}

.first_section .carousel-item{height: 400px;}

.first_section .iugfxcvhjkl{
    position: absolute;top:0;width: 100%;height: 100%;background: #0000004b;z-index: 1;backdrop-filter: blur(2px);display: flex;align-items: center;justify-content: center;flex-direction: column;
}
.first_section .iugfxcvhjkl h1{
    color: var(--white-color);font-size: 45px;font-weight: 400;
}
.first_section .iugfxcvhjkl{
    font-size: 20px;color: var(--white-color);font-weight: 400;
}
.iugfxcvhjkl .hvhoicghp{
    max-width: 50%;margin: auto;background: var(--white-color);display: flex;color: var(--btn-color);border-radius: 30px;align-items: center;justify-content: space-between;
}
.iugfxcvhjkl .hvhoicghp>div{padding: 15px 25px;width: 70%;}
.iugfxcvhjkl .hvhoicghp input{border: 0;outline: 0;font-size: 16px;width: 100%;}
.iugfxcvhjkl .hvhoicghp>button{
    border: 0;background: var(--btn-color);color: var(--white-color);width: 30%;padding: 15px 25px;border-top-right-radius: 30px;border-bottom-right-radius: 30px;
}
.iugfxcvhjkl .gfcvhiohgv{
    display:none;position: absolute;top: 100%;width: 90%;background: var(--white-color);margin: 0;padding: 5px 15px;right: 0;list-style: none;border-top: 1px solid #777;
}
.iugfxcvhjkl .gfcvhiohgv li{
    font-size: 16px;font-weight: 400;color: black;cursor: pointer;margin-bottom: 5px;
}

.second_section>h1{
    font-size: 22px;font-weight: 500;text-transform: capitalize;
}
.second_section>p{
    font-size: 12px;font-weight: 500;text-transform: uppercase;
}

.qwikpfjmhfdfg{
    display: flex;justify-content: space-between;flex-wrap: wrap;
}

.qwikpfjmhfdfg>div{width: calc(95% / 3);height:400px;}

.qwikpfjmhfdfg>div:nth-child(1)>div,
.qwikpfjmhfdfg>div:nth-child(3)>div{
    height: 200px;
}

.qwikpfjmhfdfg .qwikpfjmhfdfg_c{
    border-radius: 15px;overflow: hidden;position: relative;
}
.qwikpfjmhfdfg .qwikpfjmhfdfg_c a{
    position: absolute;top:0;width: 100%;height: 100%;background: #0000005e;z-index: 1;backdrop-filter: blur(.5px);display: flex;flex-direction: column;justify-content: end;padding: 10px 25px;color: var(--white-color);
}

.package_card{
    padding:8px;background-color: var(--white-color);border-radius: 8px;
}
.package_card .package_img{
    height: 200px;width: 100%;border-radius: 10px;overflow: hidden;
}
.package_card .oiugf{border-bottom: 1px dashed #a7a7a7;}
.package_card .oiugf img{width: 25px;}
.package_card h4{
    font-size: 19px;line-height: 1.6;font-weight: 500;margin-bottom: 5px;
}
.package_card p{font-size: 16px;font-weight: 400;margin-bottom: 0;}
.package_card .price{font-size: 20px;font-weight: 400;margin-bottom: 0;color: red;}
.package_card .package_btn{
    display: flex;align-items: center;justify-content: space-between;
}
.package_card .package_btn>a{
    width: 49%;padding: 10px 0;border-radius: 7px;text-align: center;font-size: 16px;font-weight: 400;
}

.iwroprlew{
    display: flex;align-items: start;border-radius: 5px;border: 1px solid #ccc;padding: 8px 15px;justify-content: space-between;
}

.iwroprlew input,
.iwroprlew textarea{
    border: none ;outline: none;width: 95%;font-size: 15px;font-weight: 400;
}
.packagedetails {
    background: #e3e3e3c4;
  }
  
  .packagedetails p {
    margin: 0;
    font-size: 12px;
    line-height: 14px;
  }
  
  .packagedetails a {
    text-decoration: none;
    color: black;
    font-size: 16px;
  }
  
  .packagedetails a:hover {
    color: #00000086;
  }
  
  .packagedetails .border {
    border: 0.5px solid rgb(194, 194, 194) !important;
  }
  
  
  .packagedetails .itinerary {
    background: var(--button-color);
    color: var(--text);
    width: 100%;
    border: none;
    padding: 10px;
    font-weight: 600;
    border-radius: 5px;
  }
  
  .packagedetails .form-control {
    border: 0.5px solid rgba(94, 94, 94, 0.42) !important;
    background: rgba(255, 255, 255, 0.596) !important;
    padding: 8px 13px !important;
  }
  
  .packagedetails form li {
    cursor: pointer;
    color: #594b4b;
    font-size: 12px;
  }
  
  .packagedetails form hr {
    margin: 0px;
  }
  
  .packagedetails form ul {
    display: flex;
    list-style: none;
    flex-direction: column;
    padding: 10px 16px;
    margin-bottom: 0px;
    border: 0.5px solid #7d7d7d;
    border-radius: 5px;
    gap: 8px;
  }
  
  .packagedetails #departure-list,
  .packagedetails #destination-list {
    position: absolute;
    display: none;
    width: 100%;
    background: white;
    z-index: 1;
  }
  
  .itinerary-img>div {
    background: #f8f8f8;
    border: 0.5px solid #e9e3e3;
    padding: 10px 20px;
    width: 80px;
    border-radius: 8px;
  }
  
  .packagedetails .carousel-item>img {
    height: 400px !important;
  }
  
  .packagedetails .carousel-indicators {
    position: unset;
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    margin: 1rem 0 0 0;
    gap: 10px;
    overflow: hidden;
  }
  
  .packagedetails .carousel-indicators img {
    display: block;
  }
  
  .packagedetails .carousel-indicators button {
    width: 96% !important;
    height: 70px !important;
    margin: 0px;
    border: 3px solid white;
  }
  
  .packagedetails .carousel-indicators .active {
    border: 3px solid red !important;
  }
.themenamedisplay h2{font-size: 27px;font-weight: 700;letter-spacing: 1px;position: relative;width: fit-content;}
.themenamedisplay h2::after{content: '';position: absolute;bottom: -13px;left: 0;height: 3px;width: 40%;background-color: var(--dynamic-text);}
/*?---------------------- Css for Holidays page ends---------------------- */


/*?---------------------- Css for bus page starts---------------------- */
.outer-first-bus{background-color: var(--dynamic-header);width: 100%;padding: 50px 0 60px 0;}
.src_bs_nw{width: 92%;text-align: center;margin: 0 auto 10px;}
.src_bs_nw h1 {font-size: 20px !important;margin: auto !important;color: var(--dynamic-text);text-align: center;}
.bus_search_box_inner{max-width: 92%;margin:  0 auto;background-color: #fff;border-radius: 6px;margin-top: 15px;}
.bsl{text-transform: uppercase;font-size: 13px;color: #7E7979;font-weight: 500;margin: 0;position: absolute;left: 32px;top: 11px;z-index: 0;}
.bsl.bsl2{left: 20px;}
.bsl.bsl1{left: 25px;}
.businptsearchfields{border: 0;color: #000;background: none;float: left;outline: medium none;width: 100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;cursor: pointer;font-weight: 600;padding: 30px 0 22px 20px;position: relative;z-index: 0;font-size: 21px;text-transform: capitalize;}
.businptsearchfields.bus_to_inp{padding: 30px 0 22px 25px;}
.div-box-fields.main-bus-fields{width: 28%;}
.div-box-fields.daprtdate_main{width: 25%;}
.saexhbtnmainbus{width: 19%;padding-left: 0px;}
.div-box-fields{border-right: 1.5px solid #8d8c8c;}
.businptsearchfields::placeholder{color: #8d8c8c;}
.search_bus_btn{width: 100%;height: 100%;width: 100%;cursor: pointer;background: var(--dynamic-text);float: right;text-align: center;display: block;color: #fff;font-size: 20px;outline: 0;border: 0;font-size: 18px;font-weight: 600;text-transform: uppercase;font-family: 'Poppins', sans-serif, Tahoma, Arial !important;-webkit-border-top-right-radius: 6px;-webkit-border-bottom-right-radius: 6px;-moz-border-radius-topright: 6px;-moz-border-radius-bottomright: 6px;border-top-right-radius: 6px;border-bottom-right-radius: 6px;}
.dropdownlistsbuscities{width: 97%;min-height: 50px;background: #fff;float: left;max-height: 217px;position: absolute;z-index: 999;top: 78px;overflow: auto;border: none !important;border-radius: 3px;box-shadow: 0 5px 10px 0 rgba(0,0,0,.25);-webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.25);-moz-box-shadow: 0 5px 10px 0 rgba(0,0,0,.25);padding-top: 5px;}
.dropdownlistsbuscities ul{float: left;height: auto !important;margin: 0;overflow: auto;padding-bottom: 6%;width: 100%;border-radius: 3px;border-top-left-radius: 3px;border-top-right-radius: 3px;border-top-left-radius: 0px;border-top-right-radius: 0px;padding: 0;}
.dropdownlistsbuscities ul li{font-size: 14px;list-style: none;padding: 0;margin: 0;border-bottom: 1px solid #e6e6e6;line-height: 28px;position: relative;padding: 6px 12px;cursor: pointer;color: #333;text-transform: capitalize;}
.dropdownlistsbuscities.busInpTo{width: 100%;}
.swipebuscities{width: 27px;height: 27px;background: url(https://www.easemytrip.com/images/bus-img/swipe-icn.png) no-repeat;transition: all .5s ease 0s;position: absolute;right: -14px;top: 29px;z-index: 9;cursor: pointer;}
.swipebuscities.on{rotate: 180deg;}
.pop-inner-boxex{width: 32%;border-radius: 10px;padding: 5px;display: flex;justify-content: space-between;}
.pop_image_box{width: 20%;height: 70px;}
.pop_content{width: 76%;display: flex;flex-flow: column;}
.pop_content h4{font-size: 18px;font-weight: 700;margin: 0;}
.htlnking {font-size: 13px;}
.htlnking a{position: relative;color: #242424;}
.htlnking a::before {content: "";position: absolute;width: 100%;height: 2px;bottom: 0px;background: var(--dynamic-text);visibility: hidden;border-radius: 5px;transition: .25s linear;transform: scaleX(0);}
.ecpl_rbx {width: 32%;border-radius: 10px;padding: 5px;display: flex;justify-content: space-between;transition: all 200ms linear;}
.ecpl_rbx:hover{background-color: var(--dynamic-bg);}
.ecpl_rbx:hover img{transform: scale(1.1);}
._polrdestnbx {display: flex;flex-wrap: wrap;gap: 23px;}
.pop_image_box img {width: 100%;height: 100%;object-fit: cover;border-radius: 10px;}
.htlnking a:hover::before {visibility: visible;transform: scaleX(1);}
/*?---------------------- Css for bus page ends---------------------- */


/*? Css for hotel page starts */
.outer-first-hotel{background-color: var(--dynamic-header);width: 100%;padding: 50px 0 60px 0;}
.src_bs_nw_hotel h1 {font-size: 20px !important;margin: auto !important;color: var(--dynamic-text);text-align: center;}
.input_htl_lo {background: #fff;-webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1);-moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1);box-shadow: 0 2px 3px 0 rgba(0,0,0,.1);padding: 11px 10px 11px 30px;outline: 0;border: 0;width: 98%;font-size: 16px;color: #000;font-weight: 700;display: none;}
.input_htl_lo.activate{display: inline-block;}
.dropdownlistsHotelcities{left:20px;width: 125%;min-height: 50px;background: #fff;float: left;max-height: 317px;position: absolute;z-index: 999;top: 85px;overflow: auto;border: none !important;border-radius: 3px;box-shadow: 0 5px 10px 0 rgba(0,0,0,.25);-webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.25);-moz-box-shadow: 0 5px 10px 0 rgba(0,0,0,.25);padding-top: 5px;}
.dropdownlistsHotelcities ul{float: left;height: auto !important;margin: 0;overflow: auto;padding-bottom: 6%;width: 100%;border-radius: 3px;border-top-left-radius: 3px;border-top-right-radius: 3px;border-top-left-radius: 0px;border-top-right-radius: 0px;padding: 0;}
.dropdownlistsHotelcities ul li{font-size: 15px;list-style: none;padding: 0;margin: 0;border-bottom: 1px solid #e6e6e6;line-height: 28px;position: relative;padding: 10px 12px 10px 13px;cursor: pointer;color: #333;text-transform: capitalize;font-weight: 500;display: flex;align-items: center;}
.dropdownlistsHotelcities.busInpTo{width: 100%;}
.hp_inputBox {margin-right: 0;-webkit-transition: all .2s linear;-o-transition: all .2s linear;-moz-transition: all .2s linear;cursor: pointer;transition: all .2s linear;}
.hp_inputBox:hover {background: #ecf5fe;border-radius: 6px 0 0 6px;}
.hp_inputBox.selectHtlCity {width: 450px;border-right: 1px solid #e7e7e7;padding: 10px 0 10px 20px;min-height: 100px;position: relative;}
.lbl_input {font-weight: 500;color: #737373;font-size: 14px;}
.htl_location {margin: 5px 0 0 27px;}
.hp_city {font-size: 22px;font-weight: 700;color: #000;cursor: pointer;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;float: left;width: 100%;}
.hp_country {font-size: 13px;font-weight: 400;color: #000;width: 100%;float: left;}
.hp_icn1 {vertical-align: middle;width: 19px;height: 19px;display: inline-block;margin-right: 4px;}
.hp_inputBox.ht-dates {width: 195px;border-right: 1px solid #e7e7e7;position: relative;padding: 10px 0 10px 20px;}
.hp_icn2 {vertical-align: middle;width: 19px;height: 19px;display: inline-block;margin-right: 3px;}
.htl_dates {margin: 5px 0 0 0;}
.fnt13, .c-day {font-size: 13px;line-height: 13px;color: #000;}
.fnt30 {font-size: 25px;line-height: 30px;font-weight: 700;color: #000;}
.v-sup {vertical-align: super;margin-left: 3px;}
.c-day {margin-top: 6px !important;}
.hp_inputBox.roomGuests {width: 250px;position: relative;padding: 10px 0 10px 20px;}
.htl_guests {margin: 10px 0 0 0;display: flex;justify-content: space-between;width: 100%;align-items: flex-start;}
.hp_inputBox.searchButon {width: 170px;position: relative;margin-left: auto;}
.htlhp_btn {width: 100%;cursor: pointer;background: var(--dynamic-text);  background-repeat: repeat;float: right;height: 100%;text-align: center;padding: 35px 0;display: block;color: #fff;font-size: 20px;outline: 0;border: 0;font-size: 18px;font-weight: 600;text-transform: uppercase;background-repeat: no-repeat;border-radius: 0 6px 6px 0;-webkit-border-radius: 0 6px 6px 0;-moz-border-radius: 0 6px 6px 0;}
.makeFlex {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;background-color: #fff;border-radius: 6px;}
.makeFlex p{margin: 0;}
.paxContent {background: #fff;border-radius: 5px;box-shadow: 0 0 3px rgb(0 0 0 / 30%);}
.paxContent {display: none;background: #fff;position: absolute;top: 94px;left: 0;width: 300px;-moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);-webkit-border-radius: 0 0 4px 4px;-moz-border-radius: 0 0 4px 4px;-ms-border-radius: 0 0 4px 4px;border-radius: 4px;z-index: 99;padding: 7px; }
#roomshtml { max-height: 345px;overflow: auto;}
.addroom {margin-top: 4px;color: var(--dynamic-text);padding: 0px;-webkit-border-radius: 40px;-moz-border-radius: 40px;-ms-border-radius: 40px;border-radius: 40px;margin-left: 6px;margin-bottom: 6px;font-size: 13px;border: 1px solid var(--dynamic-text);padding: 6px 8px;float: left;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;-webkit-transition: all 0.5s;text-decoration: none;cursor: pointer;}
.removeroom {color: #e00005;border-color: #e00005;}
.exitroom {color: #fff;background: var(--dynamic-text);float: right;margin-right: 6px;border-color: var(--dynamic-text);display: block;width: 32%;text-align: center;padding: 6px 8px;}
.box {margin-top: 0px;border-bottom: 1px solid #e8e9eb;padding: 6px 6px 6px 6px;clear: both;height: auto;overflow: auto;font-size: 14px;-o-animation-name: animateElement;-moz-animation-name: animateElement;-webkit-animation-name: animateElement;animation-name: animateElement;-o-animation-duration: 0.2s;-moz-animation-duration: 0.2s;-webkit-animation-duration: 0.2s;animation-duration: 0.2s;-o-animation-iteration-count: 1;-moz-animation-iteration-count: 1;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;-o-animation-timing-function: linear;-moz-animation-timing-function: linear;-webkit-animation-timing-function: linear;animation-timing-function: linear;}
.box:last-child{border: 0px ;}
.roomTxt {color: #000;font-weight: 600;margin-bottom: 1px;}
.pull-left {float: left;}
.pull-left {width: 63%;}
.txt {display: block;padding-top: 2px;text-align: left;color: #000;}
.txt em {font-size: 11px;color: #737373;display: block;font-style: normal;}
.pull-right {float: right; width: 36%;}
.pull-right {border: 1px solid #e3e3e3;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;border-radius: 3px;}
          .spacer {
            height: 10px;
            clear: both;}
          .PlusMinusRow {
            border-radius: 2px;
            position: relative;
            margin: 0;
            overflow: hidden;
            min-height: 30px;
            line-height: 28px;
            text-align: center;
          }
          .sub {
            font-size: 22px;
            font-weight: 600;
            left: 0;
            top: 0px;
            width: 33px;
            position: absolute;
            cursor: pointer;
            user-select: none;
            color: #000000;
            background: #f5f9ff;
            height: 30px;
            border-right: 1px solid #e3e3e3;
          }
          .PlusMinus_number, .PlusMinus_label {
            margin-top: 0px;
            display: inline-block;
          }
          .PlusMinus_number {
            font-size: 14px;
            color: #000000;
            width: 32px;
            margin: auto;
              margin-top: auto;
            text-align: center;
            border: 0;
            outline: 0;
            height: 30px;
            line-height: 30px;
            font-weight: 600;
          }
.add {font-weight: 600;font-size: 17px;width: 33px;position: absolute;cursor: pointer;user-select: none;color: #000000;right: 0;top: 0;background: #f5f9ff;height: 30px;border-left: 1px solid #e3e3e3;}
.childresAgeTxt {margin: 2px 0px 3px 0;  margin-top: 2px;font-size: 12px;color: #959595;text-align: left;width: 100%;margin-top: 13px;float: left;}
.paxContent select {border: 1px solid #c3c3c3;margin-right: 16px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;border-radius: 4px;font-size: 13px;width: 58px;color: #434343;-webkit-appearance: none;padding: 3px 8px;height: 30px;background: #ffffff url(https://www.easemytrip.com/dm-img/arrow_down.png) no-repeat 81% 50%;}
.mt20 {
    margin-top: 20px;
  }
  ._polrdestnbx {
    display: flex;
    flex-wrap: wrap;
    gap: 23px;
  }
  .ecpl_rbx {
    width: 32%;
    background: #F6FBFF;
    border: 1px solid var(--dynamic-text);
    border-radius: 10px;
    padding: 5px;
    display: flex;
    justify-content: space-between;
  }
  .mgdestn {
    width: 20%;
    height: 70px;
    overflow: hidden;
    border-radius: 10px;
  }
  .mgdestn img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all  0.4s ease;

    border-radius: 10px;
  }
  ._pckgdscrptn {
    width: 76%;
    display: flex;
    flex-flow: column;
  }
  ._pckgdscrptn h5 {
    font-size: 18px;
    font-weight: 700;
    margin: 0;padding-top: 5px;
  }
  .htlnking a::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0px;
    background: var(--dynamic-text);
    visibility: hidden;
    border-radius: 5px;
    transition: .25s linear;
    transform: scaleX(0);
  }
  .htlnking {
    font-size: 13px;
  }
  .htlnking a {
    color: #000;
    text-decoration: none;
    position: relative;
  }
  .toprflcont {
    padding-bottom: 2px;
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-box-flex: 1;
    flex-grow: 1;
    overflow-x: visible;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .excdeals {
    font-size: 28px;
    font-weight: 600;
    color: #000;
    margin-right: 40px;
  }
  .spcwjsb {
    margin: 65px auto 20px auto;
    justify-content: space-between;
  }
  .rwrap {
    flex-flow: row wrap;
  }
  .whybk {
    flex-direction: column;
    padding: 15px;
    align-items: center;
    text-align: center;
    border: 1px solid #cce9ff;
    justify-content: space-between;
    border-radius: 16px;
    background: #fff;
    position: relative;
    box-shadow: 0px 0px 3px rgb(0 0 0 / 15%);
  }
  .city_bxn {
    width: 24%;
  }
  .whybk_img {
    width: 80px;
    height: 80px;
    margin-top: -56px;
    background: #F1F9FF;
    border: 1px solid #eee;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    margin-bottom: 12px;
  }
  img {
    max-width: 100%;
  }
  .whybk .h_txt {
    font-size: 19px;
    color: #000;
    margin: 3px auto;
    font-weight: 600;
  }
  .whybk .p_txt {
    font-size: 14px;
    margin: 5px 0;
  }
  ._innerWrap{
    padding: 30px 0 0 0;margin: auto;
  }
/*? Css for hotel page ends */

.picker--opened .picker__frame{
    max-width: 500px;font-size: 12px;top: auto;bottom: 20dvh;
}