.hltslideimg{width:100%;height:200px;margin-bottom:10px;overflow: hidden;border-radius:20px;}
.mainslidestislide img{width:100%;height:100%;}
.mainslidestislide{text-align:center;position: relative;}
.mainslidestislide .destititle{/* text-align: center; */ font-size: 16px; text-decoration: none; color: #000; font-weight: 500; position: absolute; top: 0; display: block; width: 100%; height: 100%; padding-top: 163px; background: linear-gradient(0deg, #000000d4, transparent); border-radius: 20px; color: #fff;}




.holiday_destibox .slick-prev{left: -15px !important; background: #fff; padding: 10px 6px; width: 40px; height: 40px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; border-radius: 30px; display: flex ; align-items: center; justify-content: center;    top: 40% !important;position:absolute;border:none;}

.holiday_destibox .slick-next{right: -15px !important; background: #fff; padding: 10px 6px; width: 40px; height: 40px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; border-radius: 30px; display: flex ; align-items: center; justify-content: center;    top: 40% !important;position:absolute;border:none;}

.holiday_destibox  .slick-prev:before{display:none;}
.holiday_destibox  .slick-next:before{display:none;}

.slick-prev:hover, .slick-next:hover{background:#fff !important;}

.holiday_destibox  .slick-slide{padding-bottom:20px !important;}
.city-box-one{position: absolute;top: 78px;left: 0;display: flex;flex-direction: column;background-color: white;border-radius: 20px;z-index: 99;width: 270px;max-height: 400px;overflow-y: auto;padding: 0 4px;}
.list_items{display: flex;align-items:center ;gap: 10px;padding: 10px 6px;border-bottom: 1px solid #ddd;}
.city-name-hotel{font-size: 14px;font-weight: 400;}
.hotel-name{font-size: 12px;line-height: 16px;font-weight: 600;}
.list_items:last-child{border-bottom: 0;}
.forinput{cursor: pointer;}
.swap-btn{position: absolute;top: -2px;right:-14px;background-color: white;border-radius: 50%;width: 27px;height: 27px;display: flex;align-items: center;justify-content: center;transform: translateY(50%);z-index: 99;}
.swap-btn i{font-size: 13px}
.field svg g{fill: var(--dynamic-color);}
.list_items svg g{fill: var(--dynamic-color);}
roomTxt span{font-size: 16px;font-weight: 600;}
.PlusMinus_number{inline-size: 24px;outline: 0;border: 0;text-align: center;}
.txt{font-size: 13px;font-weight: 400;}
.trave-new-box{position: absolute;top: 76px;right: 0;display: flex;flex-direction: column;background-color: white;border-radius: 20px;z-index: 99;padding: 12px 15px;width: 370px;max-height: 400px;overflow-y: auto;}
.PlusMinusRow a{text-decoration: none;color: inherit;font-size: 18px;width: 27px;height: 27px;display: flex;align-items: center;justify-content: center;border-radius: 50%;border: 1px solid #ddd;padding: 4px;}
.PlusMinusRow{display: flex;align-items: center;gap: 10px;}
.childresAgeTxt{font-size: 14px;font-weight: 600;}
.paxContent{top: 76px !important;}
.paxContent select{width: 100%;border: 1px solid #ccc;border-radius: 7px;padding:7px 12px;outline: 0;margin-bottom: 10px;}
.paxContent select:focus{border: 2px solid var(--dynamic-color);}
.addroom{font-size: 15px;font-weight: 600;margin-top: 9px;text-align: end;text-decoration: none;}
.exitroom{border: 0;background-color: var(--dynamic-color);color: white;border-radius: 30px;padding: 5px 15px;}
.paxContent .box{margin-bottom: 10px;}
.PlusMinusRow a:hover{border: 2px solid var(--dynamic-color);}
.star-span{font-size: 14px;font-weight: 500;}
.paxdetails{line-height: 20px;}
.paxdetails span{font-size: 18px;font-weight: 700;color: black;}