

body{
    font-family: 'Roboto', sans-serif !important;
}

::selection{
    background: var(--main-clr);color: #fff;
}

.picker__frame{max-width: 400px;font-size: 12px;top: 25% !important;bottom: revert !important;}
.picker__wrap{height: auto;}
.picker__day{font-weight: 400;}
.picker__box {padding: 1em 1em;}

/*? ************ Some bootstrap Class Not Exist Start **********************/

.gap-1 {gap: .25rem !important;}
.gap-2{gap: 6px;}
.gap-3{gap: 1rem;}
.end-0{right: 0px;}
.pe-4 {padding-right: 1.5rem !important;}
.border-3 {border-width: 3px !important;}
.border-end {border-right: solid #dee2e6 !important;}
.fw-semibold {font-weight: 600 !important;}
.fw-bold {font-weight: 700 !important;}
.gap-5{gap: 3rem;}
.fs-5{font-size: 1.5rem !important;}
.rounded-3 {border-radius: 0.5rem !important;}
.nav-link{padding: 0 ;}
.rounded-2 {border-radius: .375rem !important;}

/*? ************ Some bootstrap Class Not Exist End **********************/

label{margin-bottom: 0;}
a{text-decoration: none;color: #000;transition: all ease-in-out 0.1s;}
a:hover{text-decoration: none;color: var(--main-clr);}
.fit_img{
    width: 100%;height: 100%;object-fit: cover;transition: all ease-in-out.2s;
}
.danger-clr{
    background: var(--main-clr);outline: none;
}
.text-custom{
    color: var(--main-clr);
}

.own-container{
    max-width: 1300px;margin: 0 auto;width: 95%;
}

.header_logo{
    width: auto;height: 40px;
}
.header_logo img{
    width: auto;
}

header{
    position: absolute;top: 0;width: 100%;z-index: 9;transition: all ease-in-out .2s;
}
header.active{
    position: fixed;transition: all ease-in-out .2s;background: white;box-shadow: 0 0 10px #000000ab;
}
.terwrgetb i{
    color: #666666 !important;
}
.fwefwedsvewwef {
    padding: 8px 10px;font-size: 15px;font-weight: 600;white-space: nowrap;color: #989898;
}
.fwefwedsvewwef i{
    font-size: 20px;
}
.fwefwedsvewwef:hover {color: var(--main-clr);}
.ywthntrhwsrethhe{
    top: 15px !important;border-radius: 6px;box-shadow: 0 0 10px #00000062;
}
.gntrewfetb ul{
    list-style: none;display: flex;flex-direction: column;padding: 0;margin: 0;gap: 8px;padding: 10px 0;
}
.gntrewfetb ul li i{
    padding-right: 10px;
}
.gntrewfetb ul li a{
    white-space: nowrap;font-size: 14px;font-weight: 500;color: #989898;
}
.gntrewfetb ul li a:hover{
    color: var(--main-clr);
}
header .navlinks{
    display: flex;align-items: center;gap: 25px;list-style: none;padding: 0;margin: 0;
}
.navlinks .links_new{
    padding: 10px 8px;
}
header .links_new.active{
    color: var(--main-clr);border-bottom: 3px solid var(--main-clr);font-size: 19px;font-weight: 600;
}
header .links_new:hover{
    color: var(--main-clr);
}
header .moreLinks{
    border: 1px solid #989898;padding: 5px 15px;border-radius: 20px;cursor: pointer;font-size: 14px;margin: 5px 0;color: #989898;
}
header .moreLinks:hover{
    background: var(--main-clr);color: #fff;border-color: var(--main-clr);
}
.flight_main{
    position: relative;margin-bottom: 5rem;
}
.hotel_main{
    margin-bottom: 7rem;
}
.flight_main .rgwgyurwhterva{
    height: 500px;
}
.flight_main .hotel_bdx{
    height: 400px;
}
.ehgoiihwo4egrg{
    position: absolute;top: 200px;width: 100%;color: white;z-index: 3;left: 0;
}
.main_top_container{
    width: fit-content;border-top-right-radius: 6px;border-top-left-radius: 6px;background: #000000ad;display: flex;position: relative;
}
.main_top_container>a{
    padding: 15px 30px;font-size: 20px;color: #fff;
}
.main_top_container>a:hover{
    background: #fff;color: #000;
}
.gin3ohabergwe{cursor: pointer;border-top-right-radius: 6px;}
.gin3ohabergwe.active{background: #fff;color: #000;}
.brarea4323t1{
    position: absolute;top: 100%;right: 0;background: white;box-shadow: 0 0 10px #0000004f;border-radius: 10px;z-index: 3;padding: .5rem;display: none;
}
.brarea4323t1.active{display: block;}
.main_top_container>a i{padding-right: 4px;}
.main_top_container>a:first-child{border-top-left-radius: 6px;}
.main_top_container>a:last-child{border-top-right-radius: 6px;}
.main_top_container>a.active{background: #fff;}
.main_top_container>a.active{display: flex;align-items: center;}
.main_top_container>a.active i{font-size: 30px;padding-right: 8px;}
.main_top_container>a.active{color: #000;}

.flight_main_inner{
    background: #fff;padding: 24px;border-radius: 6px;border-top-left-radius: 0;color: #000;box-shadow: 0 0 10px rgb(0,0,0,0.3);
}
.trip_type_box>div{border: 2px solid #e2e2e2;border-radius: 20px;}
.trip_type_box>div.active{
    border-color: black;background: #ccc;
}
.trip_type_box label {
    display: flex;align-items: center;padding: 4px 20px;cursor: pointer;font-size: 16px;font-weight: 600;
}
.trip_type_box label input[type="radio"]{
    display: none;
}
.gohw3ioerhgei{
    position: relative;width: calc(100% / 5);padding: 0 5px;
}
.gohw3ioerhgei-1{
    width: calc(100% / 6);
}
.gohw3ioerhgei_bus{
    width: calc(100% / 4);
}
.gohw3ioerhgei>label{
    position: absolute;left: 18px;top: 10px;font-size: 14px;color: #808080;font-weight: 500;
}
.gohw3ioerhgei input{
    border: 2px solid #ccc;padding: 10px;padding-top: 1.7rem;border-radius: 6px;font-weight: 500;width: 100%;outline: none;
}
.gohw3ioerhgei>select{
    width: 100%;padding: 10px 10px;border: 1px solid #ccc;border-radius: 6px;
}
.rotateFromTo{
    position: absolute;top: 18px;right: -15px;background: white;padding: 4px 8px;border-radius: 50%;border: 2px solid #ccc;font-size: 14px;z-index: 1;cursor: pointer;
}
.rotateFromTo i{transition: all ease-in-out .2s;}
.rotateFromTo.active i{transform: rotate(180deg);}
.gohw3ioerhgei:nth-child(2) label{left: 24px;}
.gohw3ioerhgei:nth-child(2) input{padding-left: 18px;}
.gohw3ioerhgei input:focus{
    border: 2px solid #7d7d7d;
}

.gohw3ioerhgei button{
    width: 100%;height: 100%;text-align: center;border-radius: 6px;color: #fff;background: var(--main-clr);border: 0;outline: none;font-size: 20px;font-weight: 500;
}
.searchdestinationboxclass_new{
    background-color: #fff;width: 350px;border: 1px solid #e4e4e4;position: absolute;left: 5px;top: 55px;z-index: 3;box-shadow: 2px 2px 4px #00000057;border-radius: 5px;cursor: pointer;display: none;
}
.searchdestinationboxclass_new.active{display: block;}
.searchdestinationboxclass_new i{font-size: 22px;color: #7f92aa;}
.searchdestinationboxclass_new>div:hover{background: #f0efef;}
.airp_city{font-size: 17px;font-weight: 700;margin-bottom: 0px;}
.airp_name{font-size: 11px;font-weight: 600;margin-bottom: 0;color: #666666;}
.air_cou_img{width: 25px;height: 25px;border-radius: 3px;overflow: hidden;}
.travellers-abs{
    position: absolute;background: white;width: 400px;border-radius: 5px;top: 3.5rem;z-index: 9;right:0;display: none;
}
.travellers-abs.active{display: block;}
.travellers-abs select{background: transparent;width: 100%;border-radius: 6px;}
.boxselectpax{
    padding: 4px;background-color: #fff;box-shadow: 0px 0px 4px #8c8c8c;border-radius: 4px;width: auto;position: relative;display: flex;
}
.boxselectpax>div{
    padding: 5px 10px;color: #000;font-size: 14px;font-weight: 700;cursor: pointer;text-align: center;width: 32px;border-radius: 4px;
}
.boxselectpax>div.active{background: var(--main-clr) !important;color: white !important;pointer-events: none;}
.fare_type>p{
    margin-bottom: 0;font-weight: 700;font-size: 16px;color: #666666;
}
.erge6yhrnthojwief{display: flex;align-items: center;gap: 7px;flex-wrap: wrap;margin-top: .5rem;}
.erge6yhrnthojwief label{
    display: flex;align-items: center;font-size: 14px;font-weight: 400;gap: 10px;background: #f2f2f2;padding: 8px 25px 8px 15px;border-radius: 6px;position: relative;cursor: pointer;
}
.erge6yhrnthojwief label .jijrerigergergi{
    display: none;position: absolute;box-shadow: 0 0 10px #0000003f;width: 380px;padding: 7px 15px;top: 100%;left: 0;background: #fff;border-radius: 6px;align-items: center;gap: 8px;z-index: 1;
}
.erge6yhrnthojwief label .jijrerigergergi img{
    width: 25px;
}
.erge6yhrnthojwief label .jijrerigergergi div{
    font-size: 14px;line-height: 1.3;
}
.erge6yhrnthojwief label:hover .jijrerigergergi{display: flex;}
.offer_heading{
    font-weight: 600;
}

.marquee-container{
    margin: 2rem 0;padding: 13px 5px;background: var(--main-clr);color: #fff;font-size: 20px;font-weight: 600;border-radius: 6px;
}
.offerSectionMain{
    display: flex;align-items: center;gap: 20px;margin-top: 1rem;
}
.offerSectionMain>div{
    background: #f4f4f4;padding: 8px 25px;border-radius: 25px;cursor: pointer;
}
.offerSectionMain>div.active{
    font-weight: 500;background: var(--main-clr);color: #fff;
}
.dealSlider{display: none;}
.dealSlider.active{display: block;}
.deal_slider_card{
    height: 190px;border-radius: 10px;box-shadow: 0 0 10px rgb(0, 0, 0,0.4);cursor: pointer;overflow: hidden;
}

.arrow_BDX .slick-arrow{
    position: absolute;width: 30px;height: 30px;border-radius: 50%;background-color: var(--main-clr);top: -50px;display: grid;place-items: center;transition: all ease-in-out .2s;cursor: pointer;z-index: 1;color: #fff;font-size: 12px;
}
.arrow_BDX .slick-disabled{opacity: 0;pointer-events: none;}
.arrow_BDX .slick-arrow:hover{
    transform: scale(1.08);
}
.arrow_BDX .fa-chevron-right{right: 30px;}
.arrow_BDX .fa-chevron-left{right: 70px;}
.srnthhhhaerh23gre.active{
    display: none;
}
.top_card{
    background: #f4f4f4;display: flex;flex-direction: column;gap: 15px;align-items: center;padding: 20px 10px;border-radius: 8px;
}
.top_card h5{margin-bottom: 0;font-size: 17px;font-weight: 500;}
.top_card .card_img{
    width: 50px;
}

.popularMainDiv{
    background-image: url(images/new_ban.png);padding: 3rem 0;background-size: contain;background-position: center;background-repeat: no-repeat;background-blend-mode: multiply;background-color: #0000000a;
}
.pop_img1{
    height: 250px;
}
.pop_img2{
    height: 548px;
}
.thetherghehr{gap: 1rem 0;}

.trending_card{
    border-radius: 8px;box-shadow: 0 0 8px 2px rgba(0,0,0,.1) ;overflow: hidden;display: flex;color: #000;transition: all ease-in-out 0.2s;position: relative;
}
.trending_card .day_night{
    position: absolute;top: 0;left: 0;background: #333333;color: #fff;font-size: 12px;z-index: 1;padding: 5px 8px;border-radius: 0 0 8px 0;
}
.trending_card:hover{
    box-shadow: 0 0 10px #0000004d;
}
.trending_card .img_part{
    position: relative;width: 150px;
}
.trending_card .remaining{width: calc(100% - 150px);}
.trending_card .tred_head{
    width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-weight: 500;font-size: 16px;
}
.trending_card .rgnaou384h9q{
    margin-top: 1rem;padding-bottom: 1rem;margin-bottom: 1rem;border-bottom: 1px solid #ccc;display: flex;gap: 6px;flex-wrap: wrap;justify-content: space-between;
}
.trending_card .rgnaou384h9q>div{
    display: flex;flex-direction: column;gap: 2px;font-size: 9px;align-items: center;font-weight: 500;
}
.trending_card .rgnaou384h9q>div img{width: 20px;}
.trending_card .tren_btn{
    background: var(--main-clr);border-radius: 0px 10px 0px 10px;padding: 5px 14px;font-size: 12px;color: #fff;font-weight: 500;
}

.home_banner{
    margin-top: 5rem  !important;border-radius: 10px;overflow: hidden;height: 400px;
}
.custom-dots .slick-dots{bottom: 15px;}
.custom-dots-1 .slick-dots{bottom: -25px;}

.custom-dots .slick-dots li{
    width: 10px !important;height: 10px !important;background: #dcdcdc !important;border-radius: 50%;transition: all 200ms linear !important;
}
.custom-dots .slick-dots li button{
    visibility: hidden;
}
.custom-dots .slick-dots li.slick-active{
    background-color: var(--main-clr) !important;width: 30px !important;border-radius: 10px;
}

.testimonial_slider_main{
    margin-bottom: -11rem;
}

.testimonial_card{
    padding: 3rem;border-radius: 1rem;background-image: url(images/test-bg1.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;margin-bottom: 7rem;margin-top: 4rem;
}
.testimonial_card h1{
    color: #fff;font-size: 2rem;font-weight: 600;
}
.testimonial_card p{
    color: #fff;font-size: 1.3rem;width: 75%;line-height: 1.8rem;font-weight: 600;margin-bottom: 3rem;margin-top: 1rem;
}

.testimonial_card_div{
    background: #fff;padding: 1rem ;border-radius: 8px;box-shadow: 0 0 10px #00000062;
}
.testimonial_card_div>div:nth-child(1){
    padding-bottom: .5rem;border-bottom: 1px solid #ccc;margin-bottom: .5rem;
}
.testimonial_card_div .user_img{
    border-radius: 50%;width: 45px;height: 45px;overflow: hidden;
}
.testimonial_card_div .testi_para{
    text-align: center;font-style: italic;font-size: 15px;font-weight: 500;
}

.blog_card{
    border-radius: 10px;box-shadow: 0 0 10px #00000025;overflow: hidden;
}
.blog_card:hover img{
    transform: scale(1.04);
}
.blog_card .img_blog{
    height: 250px;overflow: hidden;
}
.blog_card .heading{
    font-weight: 600;font-size: 14px;margin-bottom: .5rem;color: #000;
}
.blog_card .other_para{font-size: 13px;color: #000;}
.blog_card .read_more{
    margin-top: 1rem;background: var(--main-clr);color: #fff;border-radius: 20px;padding: 5px 20px;width: fit-content;font-size: 14px;font-weight: 600;
}

.ega5t334tq324 h1{
    font-size: clamp(1.5rem , 5vw, 2.5rem);
}
.ega5t334tq324 h2{
    font-size: clamp(1.2rem, 4vw, 2rem);
}
.ryhnrthnwe.active{
    color: #fff;
}

.type_city_fetch{
    position: absolute;background: white;width: 400px;border-radius: 5px;top: 4rem;z-index: 9;box-shadow: 6px 5px 7px #2b2b2b73;overflow: hidden;
}
.type_city_fetch ul{
    display: flex;flex-direction: column;list-style-type: none;padding: 0;margin-bottom: 0;box-shadow: 2px 2px 4px #00000057;
}
.type_city_fetch li{transition: all ease-in-out 0.1s;}
.type_city_fetch li:hover{
    background: #f5f5f5;cursor: pointer;
}
.type_city_fetch h4{
    font-size:16px ;font-weight: 600;text-transform: uppercase;
}
.type_city_fetch p{
    margin-bottom: 0;font-size: 11px;color: #666666;font-weight: 600;margin-top: 4px;
}
.type_city_fetch img{width: 25px;border-radius: 3px;}
.type_city_fetch .fa-plane{
    color:#7f92aa;font-size: 22px;
}
.iuygfhjkbrgfew{width: 450px;left: 0px;display: none;z-index: 9;}
.addhotelRoom {background: var(--main-clr);color: white;padding: 4px 9px;border-radius: 100%;cursor: pointer;font-size: 14px;}
.removeHotelRoom {background: rgb(209, 84, 84);color: white;padding: 3px 7px;border-radius: 10px;cursor: pointer;}
#hotelRoomGuest select {padding: 5px 8px;border: 0.5px solid #ccc;font-size: 12px;background: transparent;font-weight: 500;}
#hotelRoomGuest h6{
    margin-bottom: 0 !important;padding-bottom: 0 !important;font-size: 14px;
}

.popular_hotel_div{
    height: 250px;border-radius: 10px;overflow: hidden;width: 100%;position: relative;
}
.popular_hotel_div .yyfyivy87{
    position: absolute;width: 100%;height: 100%;display: grid;place-items: center;font-size: 22px;background: #0000005b;z-index: 1;top: 0;color: #fff;font-weight: 700;
}

.holiday_slider_box{
    border-radius: 8px;box-shadow: 0 0 10px #0000003d;overflow: hidden;display: flex;
}
.holiday_slider_box>div{width: 50%;}
.holiday_slider_box>div:nth-child(1){height:  150px;}
.holiday_slider_box .title{font-size: 14px;font-weight: 600;color: black;}
.holiday_slider_box .duration{font-size: 12px;font-weight: 500;color: #919191;}
.holiday_slider_box .starting{font-size: 10px;color: #919191;}
.holiday_slider_box .price{font-size:20px;color: #000;font-weight: 600;}

.jackpot_card{
    border-radius: 8px;overflow: hidden;box-shadow: 0 0 10px #00000057;
}
.jackpot_card .jack_img{
    height: 200px;
}
.jackpot_card .city{
    font-size: 18px;font-weight: 600;
}