* {
  margin: 0;
  padding: 0;
  font-family: "Source Sans 3", sans-serif;
}

a {
  text-decoration: none;
}

.display-none {
  display: none;
}

.rightlogo a {
  color: #000;
  display: flex;
  align-items: center;
  gap: 8px;
}

.rightlogo img {
  width: 40px;
  height: 40px;
}

.rightlogo {
  font-size: 20px;
  font-weight: 700;
}

@font-face {
  font-family: myFirstFont;
  src: url(/assets/fonts/Manrope/Manrope-VariableFont_wght.ttf);
}

@font-face {
  font-family: myamenthamfont;
  src: url(/assets/fonts/amithen/Amithen.ttf);
}

h4,
p,
h3,
h5,
h2 {
  margin: 0;
}

ul {
  padding: 0px;
  margin-bottom: 0px;
}

ul li {
  list-style: none;
}

h2 {
  font-size: 25px;
  font-weight: 600;
}

h4 {
  font-weight: 600;
  font-size: 25px;
}

input[type=number] {
  -moz-appearance: textfield;
}

.homeheading {
  width: 540px;
  margin: auto;
  text-align: center;
}

.homeheading h1 {
  font-size: 50px;
  font-weight: 600;
}

.homeheading span {
  background: -webkit-linear-gradient(left, #1664AB, #008CFF);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.semihead {
  background: -webkit-linear-gradient(left, #1664AB, #008CFF);
  color: #fff;
  width: fit-content;
  margin: auto;
  padding: 5px 15px;
  border-radius: 100px;
}

.beckbgimg {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.beckbgimg img {
  width: 100%;
  height: 100%;
  opacity: 50%;
}

.sectionpadding {
  padding: 50px 0px;
}

.homesearchbox {
  width: 816px;
  margin: auto;
  position: relative;
}

.homesearchbox input {
  border: 2px solid #EBEBEB;
  border-radius: 20px;
  padding: 10px 10px 10px 53px;
  width: 100%;
  height: 70px;
  font-size: 23px;
  font-weight: 700;
  color: #26323840;
}

.homesearchbox input::placeholder {
  color: #26323840;
}

.homesearchbox svg {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 20px;
  left: 15px;
}

.insearchesboxes {
  width: 816px;
  margin: auto;
}

.homesearcheslistbox {
  border: 2px solid #EBEBEB;
  border-radius: 20px;
  padding: 10px 15px;
  background: #fff;
  margin-top: 20px;
  justify-content: space-between;
  cursor: pointer;
}

.loactionbox a {
  color: #4F4F4F;
  font-size: 25px;
  font-weight: 500;
  text-decoration: none;
}

.highlightSearchText {
  background-color: yellow;
  font-weight: bold;
  text-decoration: underline;
  border-radius: 5px;
  padding: 0px 2px;
}

.seasonbox {
  border-radius: 20px;
  background: #fff;
  padding: 8px 15px;
}

.seasonbox p {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
}

.bottomcontent ul {
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

.bottomcontent ul li {
  list-style: none;
  font-size: 18px;
  font-weight: 700;
}

.bottomcontent ul li span {
  color: #0174D2;
}

.bottomcontent {
  bottom: 20px;
  position: absolute;
  left: 0;
}

.holidaydurationbox h4 {
  font-size: 25px;
  font-weight: 600;
  color: #4F4F4F;
}


.packgboxul ul li {
  padding: 0px 20px 0px 0px;
  position: relative;
  cursor: pointer;
}

.packgboxul ul li button {
  text-decoration: none;
  background: #FF800B;
  padding: 10px 10px;
  border-radius: 10px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}

.packgboxul ul li::after {
  content: '';
  border: 3px solid #E0E0E0;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -20px;
  border-radius: 50px;
  overflow: hidden;
  background: #E0E0E0;
}

.packgboxul ul li.active::after {
  border: 3px solid #008CFF
}

.packgboxul ul li:hover::after {
  border: 3px solid #008CFF
}

.holidaydurationbox {
  width: 870px;
  margin: auto;
}

.durationholiday h2 {
  text-align: center;
  font-weight: 400;
  font-size: 30px;
}

.durationholiday span {
  color: #0174D2;
  font-weight: 600;
}

.traveldays {
  border: 2px solid #EBEBEB;
  border-radius: 20px;
  text-align: center;
  position: relative;
}

.travdayimg {
  padding: 15px 5px;
}

.travbotombox {
  background: #e0e0e0;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  padding: 10px 10px;
  color: #Ffff;
  font-size: 22px;
  font-weight: 800;
  color: #9D9D9D;
}

.travbotombox img {
  width: 20.420503616333008px;
}

.pickedbox {
  background: linear-gradient(45deg, #FFAF65, #FF7A00);
  position: absolute;
  color: #fff;
  border-radius: 20px;
  width: 118px;
  height: 27px;
  text-align: center;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  right: 30px;
  top: -15px;
}


.bottomcontent p {
  text-align: center;
  margin-bottom: 30px;
  width: 530px;
  margin: auto;
  margin-bottom: 30px;
  font-style: italic;
  font-size: 20px;
  font-weight: 400;
}

.calendar-header {
  display: flex;
  justify-content: space-between;
  margin: 10px 0;
}

.calendar-days,
.calendar-dates {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  text-align: center;
  margin-top: 20px;
}

.calendar-days div {
  color: #656278;
}

.calendar-dates div {
  padding: 8px;
  cursor: pointer;
  width: 40px;
  margin: auto;
}

.calendar-dates .empty {
  background: #f5f5f5;
  cursor: default;
}

.calendar-dates .selected {
  background: #007bff;
  color: white;
  border-radius: 50%;
}

.departuredatebox {
  background: #fff;
  border: 1px solid #0000001A;
  padding: 35px;
  border-radius: 5px;
  width: 581.9545288085938px;
  margin: auto;
}

.calendar-header button {
  border: none;
  background: transparent;
  width: 30.191286087036133px;
  height: 18.189369201660156px;
}

.datemonth {
  font-size: 25px;
  font-weight: 700;
}

.date.today {
  background: #008CFF;
  /* green */
  color: #fff;
  font-weight: bold;
  border-radius: 30px;
}

.bottomdots ul {
  justify-content: center;
}

.bottomdots ul .dots.active {
  width: 55.5px;
  border-radius: 12px;
  background: rgba(1, 102, 185, 1);
  padding: 3px 10px;
}

.bottomdots ul .dots {
  width: 23px;
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.25);
  padding: 3px 10px;
}

.socialcionfoot {
  width: 30px;
  vertical-align: sub;
}

.room {
  padding: 20px 20px;
}

.hotelroombox {
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  border: 2px solid rgba(235, 235, 235, 1);
}

.roomheading {
  font-size: 22px;
  font-weight: 700;
  color: #000;
}

.counter button img {
  width: 21.5501708984375px;
}

.addnewroom {
  width: 100%;
  background: rgba(1, 133, 242, 0.1);
  border-radius: 20px;
  padding: 50px;
}

.addnewroom h3 {
  font-size: 33px;
  text-align: center;
  font-weight: 700;
  color: rgba(0, 140, 255, 1);
  text-transform: uppercase;
}

.htlconfirmbtn {
  text-align: center;
  margin-top: 30px;
}

.htlconfirmbtn button {
  border-radius: 20px;
  background: linear-gradient(45deg, rgba(255, 191, 132, 1), rgba(255, 122, 0, 1));
  color: #fff;
  width: 196px;
  /* height: 45px; */
  font-size: 20px;
  font-weight: 600;
}

.htlconfirmbtn button:hover {
  color: #fff;
}

.htlconfirmbtn button:focus-visible {
  color: #fff;
}

.popularpkgcard .pkgbgimg {
  width: 100%;
  height: 179px;
  object-fit: cover;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
}

.pupudestiname {
  background: rgba(255, 196, 0, 1);
  text-align: center;
  padding: 5px 10px;
  font-size: 17px;
  font-weight: 700;
}

.budgetbox {
  border: 2px solid rgba(235, 235, 235, 1);
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  padding: 12px 10px 35px 10px;
  text-align: center;
  border-top: 0px;
}

.budgetbox p {
  color: rgba(153, 152, 152, 1);
  font-size: 13px;
}

.budgetbox h4 {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 700;
  color: rgba(9, 181, 152, 1);
  margin-top: 10px;
}

.popularpkgcard {
  position: relative;
}

.bottomthemebox {
  background: rgba(1, 133, 242, 1);
  width: 150px;
  padding: 5px 10px;
  margin: auto;
  border-radius: 10px;
  color: #fff;
  position: absolute;
  bottom: 0px;
  transform: translate(76px, 15px);
  left: 0;
  text-align: center;
}

.itinearybuildbox {
  border-radius: 20px;
  width: 622px;
  margin: auto;
  padding: 0px;
}

.topheaditi {
  text-align: center;
  padding: 15px 10px;
}

.topheaditi h4 {
  font-size: 28px;
  font-weight: 400;
}

.topheaditi span {
  color: rgba(1, 133, 242, 1);
}

.topheaditi p {
  font-size: 18px;
  margin-top: 5px;
}

.pickeddestination .destiimgfloat {
  width: 68px;
  height: 68px;
  object-fit: cover;
  border-radius: 100%;
}

.pickeddestiname h4 {
  font-size: 18px;
}

.pickeddestiname span {
  color: rgba(153, 152, 152, 1);
  font-size: 12px;
  display: block;
}

.desmostpickedbox {
  background: linear-gradient(45deg, #FFAF65, #FF7A00);
  width: 118px;
  height: 27px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border-radius: 20px;
  font-size: 15px;
  font-weight: 600;
}

.closedestibnt svg {
  width: 22.860352px;
  height: 22.860352px;
}

.builddesticard .pickeddestination {
  padding: 20px 20px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.builddesticard .pickeddestination:last-child {
  border-bottom: 0px;
}

.topheaditi {
  border: 2px solid rgba(235, 235, 235, 1);
  border-bottom: 0px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.builddesticard {
  border: 2px solid rgba(235, 235, 235, 1);
  border-top: 0px;
}

.buildfooterbox {
  background: linear-gradient(45deg, rgba(1, 85, 155, 1), rgba(0, 140, 255, 1));
  padding: 12px 10px;
  text-align: center;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

.buildfooterbox h3 {
  color: rgba(255, 255, 255, 1);
  font-size: 30px;
  font-weight: 700;
}

.leftitibgimg img {
  width: 647px;
  height: 540px;
  border-radius: 20px;
}


.htlformhead h4 {
  font-size: 25px;
  font-weight: 400;
  color: #000;
}

.htlformhead span {
  color: rgba(1, 133, 242, 1);
  font-weight: 700;
}

.countryboxdetails {
  border: 2px solid rgba(235, 235, 235, 1);
  border-radius: 20px;
}

.htlcountryform {
  border-right: 1px solid rgba(235, 235, 235, 1);
}

.htlcountryform h5 {
  font-size: 22px;
  font-weight: 700;
}

.countrycode {
  font-size: 22px;
  font-weight: 700;
}

.formvalidetails input {
  border: 2px solid rgba(235, 235, 235, 1);
  border-radius: 20px;
  padding: 10px 10px;
  width: 100%;
  text-align: center;
  height: 60px;
  font-size: 22px;
  font-weight: 400;
  color: rgba(38, 50, 56, 0.25);
}

.mainbtn {
  background: linear-gradient(45deg, rgba(1, 85, 155, 1), rgba(0, 140, 255, 1));
  width: 100%;
  border: none;
  padding: 10px 10px;
  border-radius: 10px;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
}

.htlcountryform {
  font-weight: 700;
  color: rgba(200, 203, 205, 1);
  font-size: 20px;
}

.htlformhead p {
  font-size: 18px;
  font-weight: 400;
}

.editnumberbox {
  font-size: 20px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 10px;
}

.resendotpbox {
  font-size: 16px;
  text-align: right;
  margin-top: 10px;
}

input:focus-visible {
  outline-color: rgba(0, 140, 255, 1);
}

.fromapara p {
  color: rgba(179, 179, 179, 1);
  font-size: 16px;
}

.fromapara span {
  color: rgba(0, 140, 255, 1);
  font-weight: 600;
}


.error {
  color: red;
  size: 80%
}

.hidden {
  display: none;
}

.fetchingdetailspage {
  text-align: center;
}

.fetchingdetailspage h2 {
  font-size: 40px;
  font-weight: 700;
  color: rgba(1, 133, 242, 1);
}

.fetchingdetailspage p {
  font-size: 25px;
  font-weight: 400;
}

.fetchingdetailspage h3 {
  font-size: 30px;
  font-weight: 400;
}

.fetchingdetailspage span {
  color: rgba(1, 133, 242, 1);
  font-weight: 600;
}

.hoteldetailmenu ul {
  display: flex;
  gap: 15px;
  align-items: center;
}

.hoteldetailmenu ul li a {
  color: #000;
  font-size: 17px;
  font-weight: 400;
}

.packagetitle h4 {
  font-weight: 700;
  font-size: 25px;
}

.rightawardimg {
  position: absolute;
  right: 0;
  top: 0;
}

.bottomtabs {
  border-bottom: 3px solid rgba(235, 235, 235, 1);
}

.bottomtabs ul li {
  padding: 10px 10px;
}

.bottomtabs ul li a {
  color: rgba(179, 179, 179, 1);
  font-size: 16px;
  font-weight: 600;
}

.bottomtabs ul li.active a {
  color: rgba(255, 131, 16, 1);
}

.bottomtabs ul li.active svg path {
  fill: rgba(255, 131, 16, 1);
}

.bottomtabs ul li.active {
  border-bottom: 3px solid rgba(255, 131, 16, 1)
}

.imagedetailgallery table tr td {
  padding: 5px;
}

.imagedetailgallery .column {
  width: 100%;
  height: 339px;
}

.imagedetailgallery .column img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.imagedetailgallery .column_2 {
  height: 164.961426px;
}

.whychosecontentbox h4 {
  font-weight: 600;
  font-family: myFirstFont;
  font-size: 20px;
}

.whycosecontent {
  display: flex;
  align-items: center;
  padding: 20px 30px;
  border: 2px solid rgba(235, 235, 235, 1);
  border-radius: 20px;
  margin-bottom: 20px;
  gap: 30px;
}

.whycosecontent img {
  width: 50px;
  height: 50px;
}

.headdeparture {
  background: linear-gradient(45deg, rgba(255, 173, 98, 1), rgba(255, 124, 2, 1));
  padding: 15px 20px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.headdeparture h5 {
  color: #fff;
  font-size: 22px;
  font-weight: 600;
}

.departueflights {
  background: rgba(179, 179, 179, 1);
  font-size: 28px;
  color: #fff;
  font-weight: 600;
  padding: 8px 20px;
}

.flightstatand {
  width: 40%;
}

.flighticon {
  font-size: 18px;
  color: #ffff;
  font-weight: 600;
  display: flex;
  align-items: baseline;
  gap: 8px;
}

.flightchangebox button {
  background: #fff;
  border-radius: 10px;
  padding: 5px 15px;
  color: rgba(179, 179, 179, 1);
  font-weight: 600;
}

.flightchangebox button:hover {
  background: #fff;
}

.leftflightleft {
  width: 30%;
  border-right: 2px solid rgba(224, 224, 224, 1);
}

.flightdetailclassesbox {
  border: 3px solid rgba(245, 245, 245, 1);
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  overflow: hidden;
  border-top: 0px;
}

.bottomairline {
  background: rgba(249, 249, 249, 1);
  padding: 10px 20px;
  font-size: 18px;
  font-weight: 400;
}

.flightlogo {
  width: 100%;
  padding: 15px 20px;
  font-size: 18px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 10px;
}

.rightflightduration {
  width: 70%;
}

.rightduationfloatbox {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
  padding: 15px 20px;
}

.startingtimebox p {
  font-size: 12px;
  color: rgba(157, 157, 157, 1);
  font-weight: 400;
}

.startingtimebox {
  font-size: 22px;
  font-weight: 700;
}

.nonstopbox p {
  font-size: 12px;
  color: rgba(38, 50, 56, 1);
  font-weight: 500;
}

.nonstopduration {
  background: rgba(42, 42, 42, 1);
  color: #fff;
  padding: 5px 10px;
  border-radius: 30px;
  font-size: 11px;
  display: flex;
  gap: 5px;
  position: relative;
}

.nonstopbox {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}

.nonstopduration::after {
  content: '';
  border: 1px solid rgba(224, 224, 224, 1);
  width: 160px;
  position: absolute;
  right: -41px;
  top: 13px;
  height: 1px;
  z-index: -1;
}

.nonerefund {
  color: rgba(255, 97, 97, 1);
}

.flightlocationduration {
  border: 3px solid rgba(245, 245, 245, 1);
  border-radius: 20px;
}

.leftyflightdeparture {
  font-size: 25px;
  font-weight: 600;
  color: #fff;
  background: rgba(42, 42, 42, 1);
  border-radius: 20px;
  padding: 5px 15px;
  text-transform: uppercase;
}

.nightstaybox {
  font-size: 20px;
  text-transform: uppercase;
}

.flightweatherbox {
  background: rgba(245, 245, 245, 1);
  padding: 5px 15px;
  border-radius: 15px;
}

.flightweatherbox h3 {
  font-size: 22px;
  font-weight: 400;
}

.flightweatherbox span {
  color: rgba(255, 128, 9, 1);
  font-weight: 700;
}

.flightlocationdepartures {
  border-radius: 20px;
  overflow: hidden;
}

.airportdetailsbox {
  border: 3px solid rgba(245, 245, 245, 1);
  border-radius: 20px;
  border-top: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.rightactivitybox ul li {
  font-size: 17px;
  font-weight: 400;
  color: rgba(0, 0, 0, 1);
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 7px;
}

.leftpickedbox {
  width: 40%;
  position: relative;
}

.leftpickedbox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
}


.rightflightpickedbox {
  border: 3px solid rgba(245, 245, 245, 1);
  border-left: 0px;
  border-bottom: 0px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  overflow: hidden;
}

.accodboxcard h3 {
  font-size: 20px;
  font-family: "Inter", sans-serif;
  font-weight: 600
}

.accodboxcard span {
  display: block;
}


.bottomroomtype {
  background: rgba(179, 179, 179, 1);
  padding: 7px 10px;
  font-size: 25px;
  color: #fff;
  font-weight: 600;
}

.mornignevenigflxbox table tr td {
  padding: 10px 20px;
}

.mornignevenigflxbox {
  border: 3px solid rgba(245, 245, 245, 1);
  border-radius: 20px;
  overflow: hidden;
}

.morheadbox {
  font-size: 25px;
  font-weight: 600;
  text-transform: uppercase;
}

.arrivepara {
  font-size: 18px;
}

.addactivity {
  background: rgba(255, 123, 2, 1);
  color: #fff;
  font-size: 14px;
  padding: 3px 15px;
  border-radius: 12px;
  text-transform: uppercase;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}

.leftitinearyfloatimg {
  width: 40%;
}

.leftitinearyfloatimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-bottom-left-radius: 20px;
}

.morningitibox {
  text-align: center;
  background: rgba(42, 42, 42, 1);
  color: #Ffff;
  padding: 7px 10px;
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
  position: absolute;
  bottom: 0px;
  width: 100%;
  border-bottom-left-radius: 20px;
}

.rightactivitybox h3 {
  font-size: 22px;
  margin-bottom: 10px;
}

.flexitinearyboxes {
  border-radius: 20px;
}

.visaarrivetitle {
  background: rgba(42, 42, 42, 1);
  padding: 12px 20px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.visaarrivetitle h3 {
  color: #fff;
  font-weight: 600;
}

.visaarriveimg {
  width: 40%;
  padding: 20px;
}

.visatypebox {
  border: 3px solid rgba(245, 245, 245, 1);
  border-top: 0px;
  border-radius: 20px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.visaarriveimg {
  border-right: 2px solid rgba(245, 245, 245, 1);
  text-align: center;
}

.visatypecontent {
  padding: 20px;
}

.visatypecontent p {
  font-size: 18px;
}

.visatypecontent h3 {
  font-weight: 400;
  margin-top: 10px;
}

.visatypecontent span {
  color: rgba(255, 141, 35, 1);
  font-weight: 600;
}

.inclutitle {
  background: rgba(9, 181, 152, 1);
  padding: 12px 20px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.inclutitle h3 {
  color: #fff;
  font-weight: 600;
}

.incluexcluboxmt {
  padding: 20px;
  border: 3px solid rgba(245, 245, 245, 1);
  border-top: 0px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

.incluexcluboxmt ul li {
  font-size: 17px;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.termcondition {
  padding: 20px;
  border: 3px solid rgba(245, 245, 245, 1);
  border-top: 0px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

.termcondition ul li {
  list-style: disc;
  font-size: 17px;
  margin-bottom: 5px;
}

.booktriptophead {
  background: rgba(42, 42, 42, 1);
  text-align: center;
  color: #ffff;
  padding: 10px 10px;
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.booktripbox {
  text-align: center;
}

.rightinclubox {
  width: 60%;
}

.adutlroombox {
  font-size: 22px;
  padding: 10px 10px;
  border: 3px solid rgba(245, 245, 245, 1);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-top: 0px;
  border-bottom: 4px solid rgba(245, 245, 245, 1);
}

.allincudiv {
  padding: 10px 10px;
  border: 3px solid rgba(245, 245, 245, 1);
  border-top: 0px;
  border-bottom: 4px solid rgba(245, 245, 245, 1);
}

.allincudiv h3 {
  font-size: 32px;
  color: rgba(255, 124, 3, 1);
  font-weight: 600;
}

.allincudiv h3 span {
  display: block;
  font-size: 22px;
  font-weight: 400;
  color: rgba(179, 179, 179, 1);
}

.allincudiv button {
  background: linear-gradient(45deg, rgba(255, 175, 101, 1), rgba(255, 122, 0, 1));
  border: none;
  font-size: 20px;
  color: #fff;
  margin: 15px 0px;
  width: 230px;
}

.vacationbox {
  padding: 10px 10px;
  border: 3px solid rgba(245, 245, 245, 1);
  border-top: 0px;
  border-bottom: 0px;
}

.vacationbox ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 500;
}

.flightorignalprice {
  background: rgba(42, 42, 42, 1);
  color: #fff;
  padding: 10px 10px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 14px;
}

.routetitle {
  background: rgba(179, 179, 179, 1);
  text-align: center;
  color: #ffff;
  padding: 10px 10px;
  font-size: 22px;
  font-weight: 600;
  text-transform: uppercase;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.routeflightcontent {
  padding: 0px 30px;
  border: 3px solid rgba(245, 245, 245, 1);
  border-top: 0px;
  border-bottom: 0px;
}

.locatearrive {
  font-size: 17px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 10px;
  color: rgba(179, 179, 179, 1);
}

.arrivalroutebox {
  padding: 0px 20px;
  border-left: 2px solid rgba(224, 224, 224, 1);
  position: relative;
}

.flightroutesdepartbox {
  font-size: 20px;
  font-weight: 600;
  color: rgba(255, 127, 9, 1);
}

.arrivefligthdepart {
  padding: 15px 0px;
  position: relative;
}

.flightroutesdepartbox::before {
  content: '';
  width: 10px;
  height: 10px;
  position: absolute;
  background: rgba(255, 127, 9, 1);
  left: -26px;
  bottom: 24px;
  border-radius: 30px;
}

.editroute {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 3px solid rgba(245, 245, 245, 1);
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

.editroute a {
  padding: 10px 20px;
  font-size: 22px;
  color: #000;
  font-weight: 600;
  border-right: 2px solid rgba(245, 245, 245, 1)
}

.editroute a:last-child {
  border-right: 0px;
  color: rgba(255, 125, 4, 1);
}

.policiesbox ul {
  border: 3px solid rgba(245, 245, 245, 1);
  border-radius: 20px;
}

.policiesbox ul li {
  border-bottom: 2px solid rgba(245, 245, 245, 1);
}

.policiesbox ul li:last-child {
  border-bottom: 0px;
}

.policiesbox ul li a {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 15px 20px;
  color: #000;
  font-size: 18px;
  font-weight: 500;
}

.mobileheader {
  display: none;
}

.anotherheader {
  display: block !important;
}

.countryboxdetails .iti {
  width: 20%;
}

.countryboxdetails {
  padding: 15px 10px;
}

.countryboxdetails input {
  border: none;
}

.countryboxdetails input:focus-visible {
  outline: none;
}

.countrynamebox {
  width: 80%;
}

.countryboxdetails .iti__country-list {
  width: 280px;
}






.bottomtabs ul {
  border-bottom: 0px;
}

.bottomtabs ul li {
  padding: 0px 10px;
}

.bottomtabs ul li a {
  text-transform: uppercase;
}

.bottomtabs ul li .nav-link {
  border: none;
  color: #4a4a4a;
  text-transform: uppercase;
  padding: 12px 15px;
  background: transparent !important;
  font-size: 18px;
  font-weight: 600;
}

.bottomtabs ul li .nav-link.active {
  color: rgb(255 131 16);
  border-bottom: 3px solid rgb(255 131 16);
  font-weight: 700;
}

.newdaywisedetailbox {
  padding: 30px 30px 30px 0;
}

.newdayplantittle {
  color: #fff;
  border: 1px solid #fff;
  width: fit-content;
  padding: 5px 12px;
  border-radius: 30px;
  background: #00000038;
}

.anothernewplantitle ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 66px;
}

.anothernewplantitle ul li {
  color: #fff;
  font-size: 17px;
  font-weight: 500;
  text-transform: uppercase;
}

.newdaywisedetailbox h4 {
  font-size: 20px;
  color: #555;
  padding-left: 23px;
  position: sticky;
  top: 255px !important;
}

.newdaywisedetailbox ul {
  top: 297px !important;
  position: sticky;
}

.newdaywisedetailbox ul li {
  padding-left: 10px;
  position: relative;
  color: #555;
  padding: 2px 25px 4px 30px;
  cursor: pointer;
}

.newdaywisedetailbox ul li::before {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  background: #9b9b9b;
  border-radius: 5px;
  left: 18px;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 1;
}

.newdaywisedetailbox ul li.active {
  background: rgb(255 131 16);
  border-radius: 0 20px 20px 0;
  color: #fff;
}

.newdaywisedetailbox ul li::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  background: #e7e7e7;
  left: 21px;
}

.newdaywisedetailbox ul li:first-child:after {
  top: 13px;
}

.newdaywisedetailbox ul li:last-child:after {
  top: -13px;
}

.newdaywisedetailbox ul li.active:before {
  background: #fff;
}

.packagetitle h4 {
  font-weight: 500;
}

.locatetitle {
  background: rgb(255 131 16);
  padding: 10px 15px;
  color: #fff;
  clip-path: circle(100% at 10% 50%);
  padding-right: 50px;
  font-weight: 500;
}

.leftdaylocate {
  background: #f9f9f9;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  padding-right: 20px;
}

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

.rightitidiscrip ul li {
  font-size: 14px;
  font-weight: 400;
}

.daylefttitle {
  font-weight: 500;
}

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

.lefthotelnewimg {
  height: 170px;
  width: 40%;
}

.lefthotelnewimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.righthotelcontentdtlsnew {
  padding: 0px 10px;
  width: 60%;
}

.hotelbedge {
  background: #555;
  color: #fff;
  padding: 3px 12px;
  font-size: 13px;
  border-radius: 5px;
}

.righthotelcontentdtlsnew h3 {
  font-size: 18px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 3px;
  margin-top: 5px;
}

.needaywisecontent {
  padding: 15px 15px;
}

.daydtls {
  font-size: 15px;
  display: flex;
  align-items: center;
  gap: 7px;
}

.daydtls span {
  color: #555;
  font-size: 13px;
}

.daywiseroomdtlsnew ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
}

.rightstickyflexcontent .daywiseheadboxes {
  border-bottom: 1px solid #ddd;
}

.rightstickyflexcontent .daywiseheadboxes:last-child {
  border-bottom: 0px;
}

.righthotelcontentdtlsnew p {
  font-size: 15px;
  margin-bottom: 10px;
  font-weight: 400;
  color: #555;
}

.tranferhtldtlsnew div {
  font-size: 16px;
  font-weight: 500;
}



.newdayplanbox {
  background: #fff;
  box-shadow: rgb(0 0 0 / 8%) 0px 3px 8px;
}


.cardrighthtlnewdtl {
  background: rgb(255 131 16);
  color: white;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 20px;
  position: sticky;
  position: -webkit-sticky;
  top: 172px;
}

.cardrighthtlnewdtl .top-buttons {
  display: flex;
  gap: 10px;
  margin-bottom: 15px;
  justify-content: right;
}

.top-buttons button {
  background: #ffff;
  border: none;
  padding: 8px 12px;
  border-radius: 4px;
  color: #000;
  font-weight: 500;
  cursor: pointer;
  font-size: 14px;
}

.price {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 8px;
}

.subtext {
  font-size: 14px;
  margin-bottom: 15px;
}

.fare-breakup {
  font-size: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #fff;
}

.fare-breakup span {
  float: right;
}

.action-buttons {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.action-buttons button {
  background: #fff;
  border: none;
  padding: 12px;
  border-radius: 6px;
  color: #000;
  font-weight: 600;
  cursor: pointer;
}

/* Best Deals Box */
.dealsnewbox {
  background: rgb(255 131 16);
  color: #fff;
  border-radius: 8px;
  padding: 20px;

}

.dealsnewbox h3 {
  font-size: 16px;
  margin-bottom: 8px;
}

.dealsnewbox p {
  font-size: 14px;
  font-style: italic;
  margin-bottom: 10px;
}

.dealsnewbox ul {
  list-style: none;
  padding: 0;
  font-size: 14px;
  line-height: 1.8;
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.dealsnewbox ul li::before {
  content: "• ";
  margin-right: 5px;
}

.summarymainboxflxontent {
  background: #ffffff;
  box-shadow: rgb(0 0 0 / 8%) 0px 3px 8px;
  padding: 20px;
  border-radius: 5px;
}

.suumertitle {
  background: rgb(255 131 16);
  padding: 10px;
}

.suumertitle h3 {
  font-size: 20px;
  color: #fff;
}

.daynightbox {
  border: 2px solid #ddd;
  padding: 5px 10px;
  border-radius: 10px;
  color: #555;
  font-size: 13px;
  margin-right: 10px;
}

.daywisecontent {
  font-weight: 600;
  font-size: 18px;
}

.topleftheading {
  width: 100%;
  position: sticky;
  position: -webkit-sticky;
  top: 0px;
  z-index: 2;
  padding-top: 17px;
  padding-bottom: 17px;
  background: #fff;
}

.packagetitle {
  position: sticky;
  position: -webkit-sticky;
  top: -294px;
  z-index: 5;
  border-radius: 4px;
  top: -346px;
  background: #fff;
  box-shadow: 0 2px 30px 0 rgba(0, 0, 0, .1);
  margin-bottom: 20px;
}



.hasPremiumInfo ul {
  background: var(--details-itinerary-nav-bg-color, #f1f4f6);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  padding: 10px 0;
}

.hasPremiumInfo ul li button {
  border-radius: 30px !important;
  color: #4a4a4a;
  padding: 5px 12px;
  text-transform: uppercase;
}

.hasPremiumInfo ul li button:focus {
  border: none;
  color: #4a4a4a;
}

.hasPremiumInfo ul li button:focus-visible {
  box-shadow: none;
}

.hasPremiumInfo ul li button.active {
  border: 1px solid #ff8310 !important;
  border-radius: 30px;
  font-weight: 600;
  color: #ff8310 !important;
  background: #fff;
}

.hasPremiumInfo ul li button:hover {
  border: none;
  color: #4a4a4a;
}

.hasPremiumInfo {
  position: sticky;
  top: 166px;
  z-index: 3;
}

.rightstickyflexcontent {
  width: 80%;
  border-left: 1px solid #ddd;
}

.newdaywisedetailbox {
  width: 20%;
}



.content {
  max-height: 50px;
  /* collapsed height */
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.content.show {
  max-height: 500px;
  /* expand to fit content */
}

.toggle-btn {
  color: #1a73e8;
  cursor: pointer;
  font-weight: 500;
  margin-top: 5px;
}

.htldtlslocatenew {
  padding: 5px 10px;
  background: #e8e7e7;
  position: relative;
  border: 1px solid #ddd;
  border-bottom: 0px;
  display: flex;
  align-items: center;
}

.htldtlslocatenew div {
  padding: 5px;
  background: rgb(255 131 16);
  color: #fff;
  width: fit-content;
  border-radius: 5px;
  border: 1px solid #ffffff;
}

.htldtlslocatenew .rightnewbord {
  width: 100%;
  height: 2px;
  border: 1px solid #b1b1b1;
  top: 21px;
  background: #b1b1b1;
  left: 61px;
  padding: 0px;
}

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

.daywiseleftactivityflxcontent {
  width: 20%;
  padding: 15px 10px;
  background: #f5f5f5dd;
}

.htldtlssummarybox .daywiseactivitiesbox {
  border: 1px solid #ddd;
}

.daywiseleftactivityflxcontent h4 {
  text-align: center;
  font-size: 20px;
  font-weight: 400;
}

.rightacivityflxbox {
  padding: 10px;
}

.daywiseleftactivityflxcontent span {
  display: block;
  display: block;
  font-size: 14px;
  font-style: italic;
  font-weight: 500;
}

.rightacivityflxbox ul li {
  font-size: 13px;
}

.rightacivityflxbox ul {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.box {
  padding: 20px;
  border-radius: 6px;
  margin-bottom: 20px;
}

.incluexclu h2 {
  margin-bottom: 10px;
}

.incluexclu ul li {
  margin-bottom: 8px;
  font-size: 14px;
}

.cancel-policy {
  background: #fdeaea;
  font-weight: bold;
  padding: 10px 15px;
  border-radius: 6px;
  margin-bottom: 20px;
}

.hotel {
  margin-bottom: 30px;
}

.hotel h3 {
  margin: 0;
  font-size: 18px;
  color: #222;
}

.hotel p {
  margin-top: 8px;
}

.policiesmaincontentbox {
  background: #ffffff;
  box-shadow: rgb(0 0 0 / 8%) 0px 3px 8px;
  padding: 20px;
  border-radius: 5px;
}

.listhomebannerbox {
  height: 340px;
  position: relative;
}

.listhomebannerbox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.searchlistbox {
  position: absolute;
  top: 30%;
  width: 100%;
  text-align: center;
}

.searchinputbox {
  width: fit-content;
  margin: auto;
  background: #fff;
  border-radius: 20px;
  border: 3px solid rgb(255 131 16);
  padding-left: 20px;
  display: flex;
  align-items: center;
}

.searchlistbox h1 {
  font-size: 40px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 15px;
}

.searchlistbox h1 span {
  font-family: myamenthamfont;
  color: rgb(255 131 16);
}

.searchinputbox input {
  padding: 14px 120px 14px 14px;
  border: none;
  border-radius: 20px;
  font-size: 18px;
  color: #000;
}

.searchinputbox input::placeholder {
  color: #000;
}

.searchinputbox input:focus-visible {
  outline: none;
}

.holidaysupperbox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0px;
}

.leftcontecttitle {
  font-size: 22px;
  font-weight: 600;
}

.leftcontecttitle span {
  display: block;
  font-size: 16px;
  font-weight: 400;
}

.holidaysupperbox button {
  background: linear-gradient(45deg, rgba(255, 175, 101, 1), rgba(255, 122, 0, 1));
  color: #ffff;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  border: none;
}

.holidaysupperbox button:hover {
  background: linear-gradient(45deg, rgba(255, 175, 101, 1), rgba(255, 122, 0, 1));
  color: #fff;
}

.holidaysupperbox button:focus {
  color: #fff;
}

.listduration {
  background: linear-gradient(45deg, rgba(1, 85, 155, 1), rgba(0, 140, 255, 1));
}

.listidealbox {
  padding: 15px 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.leftdurationprice {
  color: #C7CDE0;
  font-size: 15px;
  font-weight: 600;
}

.leftdurationprice span {
  color: #fff;
  display: block;
}

.pricelistbox {
  display: flex;
  align-items: center;
  gap: 40px;
}

.rightratingboxlist .expertice {
  color: #C7CDE0;
  font-size: 15px;
  font-weight: 600;
}

.travellerlistbox {
  color: #fff;
  display: flex;
  gap: 5px;
}

.breadcrumbox ul {
  display: flex;
  gap: 15px;
}

.breadcrumbox ul li a {
  color: #000;
}

.breadcrumbox ul li a {
  color: #777;
  font-size: 15px;
}

.breadcrumbox ul li a.active {
  color: #000;
}

.pkgtitlemianflx {
  font-size: 20px;
}

.pkgtitlemianflx span {
  display: block;
  font-size: 16px;
}

.tourpkgcontentbo {
  background: rgb(232, 234, 243);
  padding: 15px 10px;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.readpkgcontent .btn-close {
  margin-left: auto;
}

.readpkgcontent {
  padding: 15px;
}

.readpkgcontent .btn-close:focus {
  box-shadow: none;
}

.readpkgcontent .modal-body {
  height: 400px;
  overflow-y: auto;
}

.veho-c-iPPtNi p {
  font-size: 15px;
}

.veho-c-iPPtNi h2 {
  font-size: 20px;
  font-weight: 400;
  margin: 10px 0px;
}

.veho-c-iPPtNi h3 {
  font-size: 18px;
  font-weight: 400;
  margin: 10px 0px;
}

.veho-c-iPPtNi ul {
  padding-left: 40px;
}

.veho-c-iPPtNi ul li {
  list-style: disc;
  font-weight: 400;
  margin-bottom: 5px;
}

.leftbudegetbox {
  width: 25%;
  background: #fff;
  padding: 20px;
  border-radius: 12px;
  height: 100%;
  position: sticky;
  top: 120px;
  z-index: 9;
}

.leftbudegetbox h4 {
  font-size: 18px;
  margin-bottom: 12px;
  font-weight: 500;
}

.budgetpricebox {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.contactushomebox {
  position: sticky;
  top: 0;
  background: #ffff;
  z-index: 99;
}

.packgmainboxflx {
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  border-radius: 10px;
  overflow: hidden;
}

.rightpackagescontentbox {
  width: 75%;
}

.leftpkgimg {
  width: 40%;
}

.leftpkgimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-top-left-radius: 10px;
}

.packgmainboxflx a {
  display: flex;
  align-items: center;
}

.rightpkgcontentflx {
  padding: 10px 20px;
  width: 60%;
}

.rightpkgcontentflx h4 {
  font-size: 20px;
  color: #000;
}

.stayflxbox {
  display: flex;
  gap: 5px;
  align-items: center;
  color: #464E67;
  margin-top: 10px;
  font-size: 16px;
  font-weight: 500;
}

.pkgactivflx ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
  gap: 15px;
}

.pkgactivflx ul li {
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 2px;
  color: #464E67;
}


.pkgpricebox {
  display: flex;
  justify-content: right;
  margin-top: 10px;
  border-top: 1px solid #ddd;
  gap: 10px;
  align-items: center;
  padding-top: 10px;
}

.pricetag {
  font-size: 22px;
  color: #000;
  font-weight: 700;
  text-align: right;
}

.pricetag span {
  display: block;
  font-size: 15px;
  font-weight: 400;
}

.pkgpricebox button {
  background: linear-gradient(45deg, rgba(255, 175, 101, 1), rgba(255, 122, 0, 1));
  color: #ffff;
  display: flex;
  gap: 6px;
  padding: 10px 15px;
  border: none;
  font-size: 18px;
}

.pkgpricebox button:hover {
  color: #fff;
}

.leftpkgimg .carousel-item {
  height: 225px;
}

.leftpkgimg .carousel-control-prev-icon,
.leftpkgimg .carousel-control-next-icon {
  background-image: none;
}

.leftpkgimg .carousel-control-prev-icon,
.leftpkgimg .carousel-control-next-icon {
  background: #ffff;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  line-height: 40px;
}

.leftpkgimg .carousel-control-prev-icon svg path,
.leftpkgimg .carousel-control-next-icon svg path {
  fill: rgb(255 131 16);
}

.leftpkgimg .carousel-indicators .active {
  background-color: rgb(255 131 16);
  ;
}


.showmorepkgbox {
  display: flex;
  align-items: end;
  justify-content: space-between;
  padding: 5px 10px;
  background: linear-gradient(45deg, rgba(1, 85, 155, 1), rgba(0, 140, 255, 1));
}

.showmorepkgbox ul li {
  display: none;
  /* Hide all by default */
  color: #fff;
  font-size: 14px;
  line-height: 27px;
}

.showmorepkgbox ul li svg path {
  fill: #fff;
}

.showmorepkgbox ul li:nth-child(-n+1) {
  display: list-item;
  /* Show only the first item */
}

.showmorepkgbox.open ul li {
  display: list-item;
  /* Show all items when open */
}

.showmorepkgbox button {
  border: none;
  background: transparent;
  color: #fff;
  text-decoration: underline;
  font-size: 14px;
}

.rightpackagescontentbox .packgmainboxflx {
  margin-bottom: 40px;
}

.rightpackagescontentbox .packgmainboxflx:lang {
  margin-bottom: 0px;
}

.itiviewbox ul {
  gap: 10px;
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
}

.itiviewbox ul li {
  background: #3a3a3a;
  color: #ffffff;
  padding: 2px 7px;
  font-size: 12px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.newhoteldtlscontent {
  display: flex;
  gap: 10px;
}

@media only screen and (max-width: 600px) {

  .navbar-brand img {
    height: 20px;
  }

  .mobileheader {
    display: block;
    display: flex;
    align-items: center;
    gap: 20px;
  }

  .hoteldetailmenu {
    display: none;
  }

  .anotherheader {
    display: none !important;
  }

  .packagetitle h4 {
    font-size: 18px;
  }

  .rightawardimg img {
    width: 80px;
    height: 45px;
  }

  .pckstars svg {
    width: 18px;
    height: 18px;
  }

  .topleftheading {
    gap: 5px !important;
  }

  .rightawardimg {
    display: none;
  }

  .bottomtabs ul li a {
    font-size: 13px;
  }

  .bottomtabs ul li a svg {
    width: 18px;
    height: 18px;
  }

  .imagedetailgallery .column {
    height: 250px;
  }

  .imagedetailgallery .column_2 {
    height: 120px !important;
  }

  .packagetitle .modal-content {
    width: 90%;
  }

  .close {
    right: 20px;
  }

  .mySlides img {
    height: 390px;
  }

  .flighticon svg,
  .flightchangebox svg {
    height: 18px;
    width: 18px;
  }

  .flightchangebox {
    gap: 5px !important;
  }

  .flightchangebox button {
    font-size: 13px;
  }

  .departueflights {
    padding: 8px 15px;
  }

  .flightstatand {
    width: 60%;
    gap: 10px;
  }

  .flighticon {
    font-size: 16px;
  }

  .flightlogo {
    padding: 10px 10px;
    gap: 5px;
    font-size: 16px;
    flex-direction: column;
  }

  .flightlogo img {
    width: 30px;
    height: 30px;
  }

  .startingtimebox p {
    font-size: 11px;
  }

  .startingtimebox {
    font-size: 16px;
  }

  .nonstopduration {
    font-size: 10px;
    align-items: center;
  }

  .nonstopduration::after {
    display: none;
  }

  .rightduationfloatbox {
    padding: 15px 10px;
  }

  .leftflightleft {
    width: 35%;
  }

  .bottomairline {
    font-size: 14px;
  }

  .bottomairline svg {
    width: 18px;
    height: 25px;
  }

  .bottomairline {
    align-items: center;
    gap: 5px;
  }

  .headdeparture h5 {
    font-size: 18px;
  }

  .leftyflightdeparture {
    font-size: 18px;
  }

  .nightstaybox {
    font-size: 14px;
  }

  .flightweatherbox h3 {
    font-size: 14px;
  }

  .flightweatherbox svg {
    width: 30px;
    height: 30px;
  }

  .flightstayduration {
    width: 70%;
  }

  .leftyflightdeparture {
    padding: 8px 15px;
  }

  .departueflights {
    font-size: 18px;
  }

  .airportdetailsbox {
    flex-direction: column;
  }

  .airportcarimg {
    border-right: 0px !important;
    border-bottom: 2px solid rgba(245, 245, 245, 1);
    width: 100% !important;
  }

  .rightactivitybox {
    width: 100% !important;
  }

  .rightactivitybox ul li {
    font-size: 14px;
  }

  .airportcarimg {
    text-align: center;
  }

  .airportcarimg img {
    width: 70%;
  }

  .mostpickedflightbox {
    flex-direction: column;
  }

  .leftpickedbox {
    width: 100%;
    border-top-right-radius: 20px;
  }

  .leftpickedbox img {
    border-top-right-radius: 20px;
    border-bottom-left-radius: 0px;
  }

  h2 {
    font-size: 20px;
  }

  .rightflightpickedbox {
    border-left: 3px solid rgba(245, 245, 245, 1) !important;
    border-top: 0px;
    border-top-right-radius: 0px !important;
    border-bottom-left-radius: 20px;
  }

  .htlaccomodation {
    padding: 15px !important;
  }

  .accodboxcard h3 {
    font-size: 17px;
  }

  .rightactivitybox ul {
    gap: 10px !important;
  }

  .rightactivitybox ul li svg {
    width: 18px;
  }

  .hoteldurationflxbox h2 span {
    font-size: 14px !important;
  }

  .bottomroomtype {
    font-size: 18px;
    text-align: center;
  }

  .morheadbox {
    font-size: 18px;
  }

  .arrivepara {
    font-size: 14px;
  }

  .addactivity {
    font-size: 12px;
    padding: 5px 8px;
  }

  .flexitinearyboxes {
    flex-direction: column-reverse;
  }

  .rightinclubox {
    width: 100%;
  }

  .rightinclubox .htlaccomodation {
    border-bottom: 0px !important;
    border-bottom-right-radius: 0px !important;
  }

  .leftitinearyfloatimg {
    width: 100%;
  }

  .leftitinearyfloatimg img {
    border-bottom-right-radius: 20px;
  }

  .morningitibox {
    border-bottom-right-radius: 20px;
  }

  .rightactivitybox h3 {
    font-size: 18px;
  }

  .pickedbox {
    width: 100px;
    font-size: 13px;
  }

  .anotherflxcontentmob {
    flex-direction: column !important;
  }

  .anotherflxcontentmob .leftitinearyfloatimg img {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-top-right-radius: 20px;
  }

  .anotherflxcontentmob .morningitibox {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }

  .newmobflxcontent .htlaccomodation {
    border-bottom: 3px solid rgba(245, 245, 245, 1) !important;
    border-top-right-radius: 0px !important;
    border-top: 0px !important;
    border-bottom-left-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
  }

  .mornignevenigflxbox table tr td {
    padding: 10px 10px !important;
  }

  .visatypebox {
    flex-direction: column;
  }

  .visaarriveimg {
    width: 100%;
  }

  .visaarriveimg img {
    width: 35%;
  }

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

  .visatypecontent h3 {
    font-size: 18px;
  }

  .incluexcluboxmt ul li {
    font-size: 14px;
  }

  .termcondition ul li {
    font-size: 14px;
  }

  .inclutitle h3 {
    font-size: 18px;
  }

  .visaarrivetitle h3 {
    font-size: 18px;
  }

  .rightfloatprices {
    margin-top: 2rem;
  }

  .booktriptophead {
    font-size: 18px;
  }

  .adutlroombox {
    font-size: 16px;
  }

  .allincudiv h3 {
    font-size: 25px;
  }

  .allincudiv h3 span {
    font-size: 16px;
  }

  .allincudiv button {
    width: 200px;
    font-size: 18px;
  }

  .routetitle {
    font-size: 18px;
  }

  .locatearrive {
    font-size: 15px;
  }

  .flightroutesdepartbox {
    font-size: 16px;
  }

  .editroute a {
    text-align: center;
    width: 50%;
    font-size: 18px;
  }

  .policiesbox ul li a {
    font-size: 16px;
  }

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

  .mobilemenubar ul li a {
    width: 100%;
    display: flex;
    align-items: center;
    background: linear-gradient(45deg, rgba(255, 175, 101, 1), rgba(255, 122, 0, 1));
    color: #fff;
    border-radius: 10px;
    font-weight: 600;
    padding: 10px 10px;
    gap: 10px;
  }

  .homesearchbox {
    width: 100%;
  }

  .homeheading h1 {
    font-size: 30px;
  }

  .homeheading {
    width: 100%;
  }

  .homesearchbox input {
    font-size: 18px;
    height: 60px;
    padding: 10px 10px 10px 40px;
  }

  .homesearchbox svg {
    width: 20px;
    height: 20px;
    top: 20px;
  }

  .semihead {
    font-size: 13px;
  }

  .bottomcontent ul {
    flex-wrap: wrap;
  }

  .bottomcontent ul li {
    font-size: 14px;
  }

  .insearchesboxes {
    width: 100%;
  }

  .loactionbox svg {
    width: 35px;
    height: 35px;
  }

  .loactionbox a {
    font-size: 20px;
  }

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

  .seasonbox {
    padding: 5px 10px;
    width: 90px;
    text-align: center;
  }

  .rightlogo a {
    font-size: 16px;
  }

  .rightlogo svg {
    width: 35x;
    height: 35px;
  }

  .holidaydurationbox {
    width: 100%;
  }

  .holidaydurationbox h4 {
    font-size: 15px;
  }

  .bottomcontent p {
    width: 100%;
    font-size: 14px;
  }

  .durationholiday h2 {
    font-size: 20px;
  }

  .traveldays {
    width: 70%;
    margin: auto;
  }

  .travbotombox {
    font-size: 18px;
  }

  .packgboxul ul li a {
    font-size: 12px;
    padding: 7px 5px;
  }

  .packgboxul ul li {
    padding: 0px 10px 0px 0px;
  }

  .departuredatebox {
    width: 100%;
    padding: 20px;
  }

  .calendar-header button svg {
    width: 25px;
    height: 25px;
  }

  .datemonth {
    font-size: 20px;
  }

  .travdayimg img {
    height: 100%;
  }

  .anotherwidthmob {
    width: 100%;
  }

  .packgboxul ul {
    flex-wrap: wrap;
  }

  .roomaddbox span,
  .child-age {
    font-size: 14px;
  }

  .addnewroom {
    margin-top: 30px;
  }

  .htlconfirmbtn {
    margin-top: 50px;
  }

  .packgboxul ul li {
    margin-bottom: 26px;
  }

  .popularpkgcard {
    margin-bottom: 40px;
    margin-top: 20px;
  }

  .mobscrollbox {
    flex-wrap: nowrap;
    overflow-x: auto;
  }

  .mobscrollbox .col-lg-3 {
    flex: auto;
    flex-shrink: 0;
    max-width: 300px;
  }

  .mobscrollbox::-webkit-scrollbar {
    display: none;
  }

  .itinearybuildbox {
    width: 100%;
  }

  .bottomthemebox {
    transform: translate(70px, 15px);
  }

  .topheaditi h4 {
    font-size: 18px;
  }

  .desmostpickedbox {
    width: 100px;
    font-size: 13px;
  }

  .closedestibnt svg {
    width: 18px;
    height: 18px;
  }

  .pickeddestination .destiimgfloat {
    width: 60px;
    height: 60px;
  }

  .buildfooterbox h3 {
    font-size: 18px;
  }

  .rightformvaliiti {
    background-size: cover;
    width: 235.999939px;
    height: 380px;
    padding: 40px 20px;
  }



  .leftitibgimg img {
    width: 100%;
    height: 100%;
  }

  .htlcountryform {
    padding: 5px 10px !important;
    font-size: 15px;
  }

  .htlcountryform img {
    width: 18px;
    height: 18px;
  }

  .countrycode {
    padding: 5px 10px !important;
    font-size: 18px;
  }

  .htlcountryform h5 {
    font-size: 18px;
  }

  .formvalidetails input {
    font-size: 16px;
    height: auto;
    border-radius: 10px;
  }

  .mainbtn {
    font-size: 16px;
  }

  .countryboxdetails {
    border-radius: 10px;
    padding: 8px 10px;
  }

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

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

  .editnumberbox {
    font-size: 17px;
  }

  .formvalidetails {
    gap: 5px !important;
  }

  .resendotpbox {
    font-size: 14px;
  }

  .fetchingdetailspage h2 {
    font-size: 22px;
  }

  .fetchingdetailspage p {
    font-size: 17px;
  }

  .loadinggif img {
    width: 100%;
  }

  .fetchingdetailspage h3 {
    font-size: 20px;
  }

  .countrynamebox {
    font-size: 13px;
  }

  .hasPremiumInfo ul li button {
    font-size: 13px;
    padding: 5px 8px;
  }

  .bottomtabs ul {
    justify-content: center;
  }

  .bottomtabs ul li .nav-link {
    font-size: 15px;
  }

  .displaycontentbox {
    flex-direction: column;
  }

  .newdaywisedetailbox {
    padding: 15px 15px 15px 15px;
    width: 100%;
  }

  .newdaywisedetailbox ul {
    width: 100%;
    display: flex;
    gap: 5px;
  }

  .newdaywisedetailbox h4 {
    padding-left: 0px;
    margin-bottom: 10px;
    position: relative;
    top: 0px !important;
  }

  .newdaywisedetailbox ul li::before {
    display: none;
  }

  .newdaywisedetailbox ul li::after {
    display: none;
  }

  .newdaywisedetailbox ul li {
    padding: 5px 8px 5px 8px;
    border-radius: 10px !important;
    display: flex;
    flex-direction: column;
    font-size: 14px;
  }

  .rightstickyflexcontent {
    width: 100%;
  }

  .leftdaylocate {
    flex-direction: column;
    padding-right: 0px;
    gap: 10px;
  }

  .daylefttitle {
    width: 100%;
  }

  .rightitidiscrip {
    width: 100%;
    padding-right: 20px;
    justify-content: right;
  }

  .newhoteldtlscontent table tr td {
    width: 100% !important;
  }

  .newhoteldtlscontent {
    flex-direction: column;
  }

  .lefthotelnewimg,
  .righthotelcontentdtlsnew {
    width: 100%;
  }

  .bottomtabs {
    position: sticky;
    top: 50px;
    border-bottom: 0px;
  }

  .packagetitle {
    top: -256px;
  }

  .hasPremiumInfo {
    top: 154px;
  }
}