:root{
    --main-clr :#2f6c8d ;
    --main-bg: #00b294;
}

body{
    font-family: 'Quicksand', sans-serif !important;background: #f7f7f7;
}

img{
    width: 100%;height: 100%;object-fit: cover;vertical-align: inherit;
}



/*? ************ Some bootstrap Class Not Exist Start **********************/

.border-3 {border-width: 3px !important;}
.border-end {border-right: solid #dee2e6 !important;}
.gap-1 {gap: .25rem !important;}
.gap-2{gap: 6px;}
.gap-3{gap: 1rem;}

.gap-5{gap: 3rem;}

@media only screen and (min-width:992px){
    .gap-xl-5{gap: 3rem;}
}
@media only screen and (min-width:768px){
    .gap-md-0{gap: 1rem 0;}
}

.gap-y-3{gap: 1.5rem 0 !important;}
.end-0{right: 0px;}
.rounded-2{border-radius: 6px !important;}
.fw-semibold{font-weight: 600;}
.fw-bold{font-weight: 800;}
.rounded-2{border-radius: 6px !important;}
.mt-8{margin-top: 5rem !important;}

/*? ************ Some bootstrap Class Not Exist End **********************/


.picker__frame{max-width: 400px;font-size: 12px;top: 11em !important;}
.picker__day{font-weight: 400;}
.picker__box {padding: 1em 1em;border-radius: 10px;box-shadow: 0 0 10px #0000005d;}
.picker__wrap{height: fit-content;}

a{text-decoration: none;color: #000;}
a:hover{text-decoration: none;color: var(--main-clr);}
label{margin-bottom: 0;}


    .main_index_container{background: var(--main-bg);}
    .ikkyuikluilui{height: 300px;margin-bottom: 8rem;}
    .ikkyuikluiluibus{height: 300px;margin-bottom: 1rem;}

.main_index_container>h1{
    font-size: 22px;text-align: center;margin-bottom: 0;color: #fff;padding: 1.5rem 0;font-weight: 800;
}

.flight_container{
    background: #fff;padding: 25px 25px 30px 25px;width: 100%;border-radius: 20px;box-shadow: 0 0 10px #a2a2a2;
}

.trips_pop{
    font-size: 14px;font-weight: 700;padding: 6px 25px;border-radius: 15px;cursor: pointer;transition: all ease-in-out .2s;
}
.trips_pop.active{
    background: #ececec;
}

.oihmo8hmpm8o>label{
    position: absolute;top:-10px ;padding: 0 5px;background: white;left: 22px;color: #a0a0a0;font-size: 16px;font-weight: 600;z-index: 1;
}

.oihmo8hmpm8o input{
    padding: 15px 20px;border: 2px solid #e1e7ee;border-radius: 10px;font-size: 18px;font-weight: 600;width: 100%;outline: none;cursor: pointer;
}

.oihmo8hmpm8o input#flightCityTo{
    padding-left: 25px;
}

.jiokljioijkni{
    position: absolute; top: 20%; right: -25px; width: 35px;height: 35px;display: grid;place-items: center;background: white;z-index: 1;border: 2px solid #ccc;border-radius: 50%;cursor: pointer;transition: all ease-in-out .2s;
}
.jiokljioijkni.active{
    transform: rotate(180deg);
}
.col-custom{
    width: calc(100% / 4);
}
.col-custom-1{
    width: calc(100% / 5);
}
.col-custom-2{
    width: 25%;display: flex;flex-direction: column;
}
.col-custom-3{
    width: 16%;display: flex;flex-direction: column;
}
.fare_box{
    background: #f2f2f2;padding: 6px 15px;border-radius: 5px;
}
.fare_box label{margin-bottom: 0;font-size: 12px;font-weight: 500;padding-left: 5px;cursor: pointer;}

.o8moimh8ower{
    background: white;box-shadow: 0 0 10px #ccc;top: 100%;width: 300px;left: 0;padding: 8px 10px;border-radius: 5px;transition: all ease-in-out 0.1s;opacity: 0;pointer-events: none;font-size: 12px;z-index: 1;
}
.o8moimh8ower img{width: 40px;}

.ku7yukyuk:hover .o8moimh8ower{
    opacity: 1;pointer-events: revert;
}

.flightButton{
    margin-top:1.5em;margin-bottom: -3.5em;
}
.flightButton button{
    text-transform: uppercase;text-align: center;width: 300px;border: 0;outline: none;background: var(--main-clr);color: #fff;font-size: 18px;font-weight: 700;border-radius: 30px;padding: 15px 0;
}

.oihoiymo8m89hewf>div{
    width: calc(96% / 4);background:#fff;padding: 8px 10px;border: 1px solid #ccc;border-radius: 5px;
}
.oihoiymo8m89hewf>div img{
    width: 50px;
}
.oihoiymo8m89hewf>div p{margin-bottom: 0;font-size: 16px;font-weight: 700;}

.marquee_new{
    background: var(--main-clr);color: #fff;border-radius: 5px;text-align: center;font-size: 16px;font-weight: 600;padding: 10px 10px;
}

.oijjiojioprffef{
    padding:40px 45px;background: white;border: 1px solid #ccc;border-radius: 5px;
}
.deal_offer{
    font-size: 14px;padding: 8px 20px;text-transform: uppercase;font-weight: 500;border-bottom: 1px solid #ccc;cursor: pointer;
}
.deal_offer.active{border-bottom: 1px solid;font-weight: 600;}

.dealOfferDiv{
    border: 1px solid #ccc;border-radius: 5px;cursor: pointer;overflow: hidden;
}
.dealOfferDiv .img_new{
    width: 100%;height:180px;
}
.dealOfferDiv .infomation{
    font-size: 14px;font-weight: 600;text-align: center;padding: 10px 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
}
.dealModalImg{
    height: 20vw;
}
.dealModalInfo{
    font-size: 18px;font-weight: 600;line-height: 1.3;
}
.dealModalInfodesc{
    padding-top: 5px;font-size: 15px;color: #393939;font-weight: 500;
}
.jojeofwoeufweiow{display: none;}
.jojeofwoeufweiow.active{display: block;}

.jojeofwoeufweiow .slick-arrow,
.oiuytrtyuioplkm .slick-arrow{
    position: absolute;right: 0;display: grid;place-items: center;border-radius: 50%;cursor: pointer;
}
.jojeofwoeufweiow .slick-arrow{
    background: var(--main-clr);color: #fff;width: 28px;height: 28px;top: -3.5em;
}
.jojeofwoeufweiow .fa-chevron-left{right: 70px;}
.jojeofwoeufweiow .fa-chevron-right{right: 25px;}
.oiuytrtyuioplkm .fa-arrow-left{right: 70px;}
.oiuytrtyuioplkm .fa-arrow-right{right: 15px;}

.oiuytrtyuioplkm .slick-arrow{
    background: white;color: #000;width: 40px;height: 40px;box-shadow: 5px 5px 10px #0000005b;font-size: 14px;top: -4em;
}

.banner_img{
    height: 400px;border: 1px solid #ccc;border-radius: 5px;overflow: hidden;
}

.testiDiv{
    background: white;border: 1px solid #ccc;border-radius: 5px;padding: 10px 15px;
}
.testiDiv .user_img{
    height: 40px;width: 40px;border-radius: 50%;overflow: hidden;
}

.testimonialStrImg img{
    height:15px;width: auto;
}

.testiDiv>div:first-child{border-bottom: 1px solid #ccc;}
.testiDiv>div:last-child{
    font-size: 14px;font-weight: 500;line-height: 1.4;font-style: italic;
}

.testimonial_slider .slick-dots li{
    width: 10px;height: 10px;background: #ccc;border-radius: 15px;transition: all ease-in-out .2s;
}
.testimonial_slider .slick-dots li.slick-active{width: 35px;background: var(--main-clr);}
.testimonial_slider .slick-dots {position: relative;bottom: 0;top: 15px;}
.testimonial_slider .slick-dots li button{
    display: none;
}

footer{
    background: #222222;padding: 1rem 0;color: white;
}

.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;}

.searchdestinationboxclass_new{
    background-color: #fff;width: 430px;border: 1px solid #e4e4e4;position: absolute;left: 0px;top: 100%;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;}

.another_container{background: var(--main-bg);padding: 3rem 0;}
.another_container>.container_bdx>h1{
    text-align: center;font-size: 22px;font-weight: 600;color: #fff;
}
.another_container input, .holiday_container input{
    border: 0;outline: none;cursor: pointer;
}
.hotel_container{
    background: #fff;border-radius: 10px;padding: 0rem 0 !important;
}
.hotel-search input{
    margin-top: 6px;font-weight: 700;width: 100%;text-overflow: ellipsis;
}
.jkbhkvhkvh {
    display: flex;align-items: center;
}
.jkbhkvhkvh label {
    font-size: 14px;font-weight: 500;color: #737373;
}
.ergergehet > button {
    background-color: var(--main-clr);color: white;border: 0;padding: 30px 20px;font-size: 18px;outline: none;width: 100%;font-weight: 700;border-top-left-radius: 45px;border-bottom-left-radius: 45px;height: 100%;
}
.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;right: 0px;display: none;z-index: 9;top: 100%;}
#hotelRoomGuest select {padding: 5px 8px;border: 0.5px solid #ccc;font-size: 12px;background: transparent;font-weight: 500;}
#hotelRoomGuest span {font-size: 12px}
#hotelRoomGuest h6{font-size: 14px;font-weight: 600;}
.addhotelRoom {background: var(--main-clr);color: white;padding: 3px 8px;border-radius: 100%;cursor: pointer;}
.removeHotelRoom {background: rgb(209, 84, 84);color: white;padding: 3px 7px;border-radius: 10px;cursor: pointer;}

.holidays{
    padding: 4rem 0 !important;
}
.holidays>.container_bdx>h1{
    font-size: 40px;
}
.hotel_new_bdx{
    width: 100%;max-width:750px;margin: auto;
}
.hotel_new_bdx select{
    border: 0;padding: 0;text-transform: uppercase;font-weight: 600;font-size: 15px;outline: none;width: 100% !important;border-radius: 5px;cursor: pointer;
}
.hotel_new_bdx button{
    background-color: var(--main-clr);color: white;border: 0;padding: 12px 20px;font-size: 20px;outline: none;width: 100%;font-weight: 700;border-top-right-radius: 6px;border-bottom-right-radius: 6px;height: 100%;
}
.hotel_new_bdx .kiuhgfgh{
    width: 70% !important;
}
.hotel_new_bdx .rthewffgnbrfe{
    width: 30% !important;
}

.holiday_off_div{
    border: 1px solid #ccc;box-shadow: 0 0 5px #0000002f;border-radius: 5px;
}

.holiday_off_div img{transition: all ease-in-out .2s;}
.holiday_off_div:hover img{
    scale: 1.05;
}
.holiday_off_div .infomation{
    width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-weight: 600;font-size: 16px;
}
.holiday_off_div .img_new{
    height: 200px;border-radius: 5px;box-shadow: 0 0 5px #0000005b;overflow: hidden;
}
.holiday_off_div .badge_day{
    background: var(--main-clr);color: #fff;padding: 3px 15px;border-radius: 6px;font-size: 14px;font-weight: 600;
}
.holiday_off_div .price{text-align: right;font-weight: 700;}
.holiday_off_div .price>div:first-child{
    font-size: 22px;color: black;
}
.holiday_off_div .price>div:last-child{
    font-size: 14px;color: #666666;
}

.holiday_another{
    display: grid;grid-template-columns: repeat(4, 1fr);gap: 30px;
}
.holiday_another>a{
    display: flex;align-items: center;gap: 25px;padding: 5px;background: white;box-shadow: 0 0 10px rgba(0,0,0,0.3);border-radius: 5px;width: 100%;transition: all ease-in-out .2s;
}
.holiday_another .img_new{
    height: 60px;border-radius: 5px;overflow: hidden;
}
.holiday_another a:hover{
    background: #dfd7d70a;
}
.holiday_another h5{
    font-weight: 700;font-size: 18px;margin-bottom: 0;color: #000;
}
.holiday_another p{
    font-weight: 500;color: #666666;font-size: 14px;margin-bottom: 0;
}
.vjhvgcfhvubukbyv button{
    background-color: var(--main-clr);color: white;border: 0;padding: 12px 20px;font-size: 20px;outline: none;width: 100%;font-weight: 700;border-radius: 6px;height: 100%;
}