#banner {
  width: 100%;
	display: flex;
	margin-top: 80px;
}
@media(max-width:768px){
	#banner {
		flex-direction :column;
	}
}
@media(max-width:480px){
	#banner {
		margin-top: 70px;
	}
}
#banner .bannerCol1{
  	width: fit-content;
	background: var(--thirdColor);
	padding :40px;
	padding-left: 150px;
}
@media (max-width: 1800px) {
	#banner .bannerCol1{
		padding-left: 100px;
	}
}
@media (max-width: 1024px) {
	#banner .bannerCol1{
		padding-left: 30px;
	}
}
@media(max-width:768px){
	#banner .bannerCol1{
		width: 100%;
		order: 2;
		padding :40px 30px;
	}
}
@media(max-width:480px){
	#banner .bannerCol1{
		width: 100%;
		padding :40px 16px;
	}
}
#banner .bannerCol1 h3{
	font-size: 24px;
	font-weight: 500;
	background: var(--fourthColor);
	color: white;
	width :fit-content;
	padding: 10px 20px;
	border-radius: 50px;
	white-space: nowrap;
}
#banner .bannerCol1 ul{
	width: 100%;
	display: flex;
	flex-direction :column;
	gap: 5px;
	margin-top: 20px;
}
#banner .bannerCol1 ul li{
	list-style: none;
	display :flex;
	align-items: flex-start;
	gap :10px;
	width: 100%;
}
#banner .bannerCol1 ul li .icon{
	font-size: 16px;
	color: var(--fourthColor);
}
#banner .bannerCol1 ul li p{
	font-size: 14px;
	width: calc(100% - 20px);
	color: var(--fourthColor);
	white-space: nowrap;
}
@media(max-width:1800px){
	#banner .bannerCol1 ul li p{
		font-size: 16px;
	}
}
#banner .bannerCol2{
  width: 100%;
  background: black;
  position: relative;
  z-index: 0;
	display :flex;
	justify-content: flex-end;
}
@media(max-width:768px){
	#banner .bannerCol2{
		width: 100%;
		order: 1;
	}
}
#banner .bannerCol2::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4588235294);
  z-index: -1;
}
#banner .bannerVideo {
  width: 100%;
  position: absolute;
  height: 100%;
  z-index: -2;
  top: 0;
  left: 0;
}
#banner .bannerVideo video, #banner .bannerVideo img, #banner .bannerVideo iframe {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#banner .bannerVideo img{
	position: absolute;
	top: 0;
	left: 0;
}
#banner .bannerMain {
  width: 100%;
  padding: 100px 40px 60px 40px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
@media(max-width:768px){
	#banner .bannerMain {
  		padding: 100px 30px 60px 30px;
	}
}
@media(max-width:480px){
	#banner .bannerMain {
  		padding: 100px 16px 40px 16px;
	}
}
#banner .bannerMain h1 {
  font-size: 4.5em;
  font-weight: 400;
  width: 70%;
  line-height: 1.4;
}
@media (max-width: 1800px) {
  #banner .bannerMain h1 {
    font-size: 3em;
    width: 60%;
  }
}
@media (max-width: 1024px) {
  #banner .bannerMain h1 {
    font-size: 2.5em;
	  width: 100%;
  }
}
@media (max-width: 768px) {
  #banner .bannerMain h1 {
    width: 80%;
    font-size: 2em;
  }
}
@media (max-width: 480px) {
  #banner .bannerMain h1 {
    width: 100%;
    font-size: 2em;
  }
}
#banner .bannerMain .bannerBookingForm {
  width: 80%;
  background: white;
  border-radius: 20px;
  padding: 30px 40px;
  margin-top: 20px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1800px) {
  #banner .bannerMain .bannerBookingForm {
    width: 100%;
    padding: 20px;
  }
}
@media (max-width: 1350px) {
  #banner .bannerMain .bannerBookingForm {
    display: none;
  }
}
#banner .bannerMain .bannerBookingForm .closeBannerBookingForm {
  display: none;
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 20px;
  cursor: pointer;
  color: black;
}
#banner .bannerMain .bannerBookingForm h2 {
  color: black;
  font-size: 18px;
  font-weight: 400;
}
#banner .bannerMain .bannerBookingForm form {
  width: 100%;
  display: flex;
  gap: 20px;
  align-items: flex-end;
  margin-top: 20px;
}
#banner .bannerMain .bannerBookingForm form .formGroup {
  display: flex;
  flex-direction: column;
  color: black;
  background: #fffff2;
  border: 1px solid #ededda;
  border-radius: 10px;
  padding: 10px 15px;
  width: 100%;
  transition: 0.3s;
  position: relative;
}
#banner .bannerMain .bannerBookingForm form .formGroup .formGroupTitle {
  font-size: 16px;
  font-weight: 500;
}
#banner .bannerMain .bannerBookingForm form .formGroup .formGroupDesc {
  font-size: 14px;
  color: #00651b;
  margin-top: 2px;
  font-weight: 600;
}
#banner .bannerMain .bannerBookingForm form .formGroup select, #banner .bannerMain .bannerBookingForm form .formGroup input {
  width: 100%;
  margin-top: 10px;
  height: 45px;
  background: white;
  border: 1px solid #eee;
  border-radius: 5px;
  padding: 0px 15px;
  font-size: 16px;
  outline: none;
  color: #00651b;
  font-weight: 500;
}
#banner .bannerMain .bannerBookingForm form .formGroup select:focus, #banner .bannerMain .bannerBookingForm form .formGroup input:focus {
  border-color: var(--primaryColor);
}
#banner .bannerMain .bannerBookingForm form .formGroup .formGroupInput {
  width: 100%;
  margin-top: 10px;
  height: 45px;
  background: white;
  border: 1px solid #eee;
  border-radius: 5px;
  padding: 0px 15px;
  font-size: 16px;
  outline: none;
  color: #00651b;
  font-weight: 500;
  display: flex;
  align-items: center;
  cursor: pointer;
}
#banner .bannerMain .bannerBookingForm form .formGroup .formGroupInput:focus {
  border-color: var(--primaryColor);
}
#banner .bannerMain .bannerBookingForm form .formGroup .bannerFormPopup {
  position: absolute;
  background: white;
  width: 100%;
  padding: 20px;
  border-radius: 10px;
  bottom: 70%;
  left: 0;
  box-shadow: 0 0 26px 0 rgba(0, 0, 0, 0.1803921569);
  display: flex;
  flex-direction: column;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s ease;
  z-index: 3;
}
@media (max-width: 1350px) {
  #banner .bannerMain .bannerBookingForm form .formGroup .bannerFormPopup {
    top: 70%;
    bottom: inherit;
  }
}
#banner .bannerMain .bannerBookingForm form .formGroup .bannerFormPopup h3 {
  font-size: 18px;
  font-weight: 500;
  margin-top: 10px;
  margin-bottom: 20px;
}
#banner .bannerMain .bannerBookingForm form .formGroup .bannerFormPopup .closeBannerFormPopup {
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
  font-size: 20px;
}
#banner .bannerMain .bannerBookingForm form .formGroup .bannerFormPopup .bannerFormPopupRoom {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-height: 250px;
  overflow-y: auto;
}
#banner .bannerMain .bannerBookingForm form .formGroup .bannerFormPopup .bannerFormPopupRoom .bannerFormPopupRoomBox {
  width: 100%;
  background: #eee;
  border-radius: 10px;
  padding: 20px 10px;
  position: relative;
  overflow: hidden;
  z-index: 0;
  cursor: pointer;
}
#banner .bannerMain .bannerBookingForm form .formGroup .bannerFormPopup .bannerFormPopupRoom .bannerFormPopupRoomBox:hover::after {
  transition: 0.3s;
  background: rgba(0, 0, 0, 0.2901960784);
}
#banner .bannerMain .bannerBookingForm form .formGroup .bannerFormPopup .bannerFormPopupRoom .bannerFormPopupRoomBox::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background: rgba(0, 0, 0, 0.6705882353);
  transition: 0.3s;
}
#banner .bannerMain .bannerBookingForm form .formGroup .bannerFormPopup .bannerFormPopupRoom .bannerFormPopupRoomBox img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  top: 0;
  left: 0;
  z-index: -2;
}
#banner .bannerMain .bannerBookingForm form .formGroup .bannerFormPopup .bannerFormPopupRoom .bannerFormPopupRoomBox p {
  color: white;
  text-align: center;
  font-size: 14px;
}
#banner .bannerMain .bannerBookingForm form .formGroup .bannerFormPopup .bannerFormPopupDate {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
#banner .bannerMain .bannerBookingForm form .formGroup .bannerFormPopup .bannerFormPopupDate .monthNavigation {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#banner .bannerMain .bannerBookingForm form .formGroup .bannerFormPopup .bannerFormPopupDate .monthNavigation .prevMonth, #banner .bannerMain .bannerBookingForm form .formGroup .bannerFormPopup .bannerFormPopupDate .monthNavigation .nextMonth {
  cursor: pointer;
  background-color: #eee;
  color: white;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  border-radius: 5px;
  color: black;
  font-size: 20px;
}
#banner .bannerMain .bannerBookingForm form .formGroup .bannerFormPopup .bannerFormPopupDate .monthNavigation .prevMonth:hover, #banner .bannerMain .bannerBookingForm form .formGroup .bannerFormPopup .bannerFormPopupDate .monthNavigation .nextMonth:hover {
  background-color: var(--secondaryColor);
}
#banner .bannerMain .bannerBookingForm form .formGroup .bannerFormPopup .bannerFormPopupDate .monthNavigation .currentMonth {
  font-size: 16px;
  font-weight: 500;
  width: calc(100% - 100px);
  height: 40px;
  display: flex;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
}
#banner .bannerMain .bannerBookingForm form .formGroup .bannerFormPopup .bannerFormPopupDate .monthNavigation .currentMonth:hover {
  transition: 0.3s;
  background: var(--secondaryColor);
}
#banner .bannerMain .bannerBookingForm form .formGroup .bannerFormPopup .bannerFormPopupDate .weekRow {
  display: flex;
  width: 100%;
}
#banner .bannerMain .bannerBookingForm form .formGroup .bannerFormPopup .bannerFormPopupDate .weekRow .dayHeader {
  width: 100%;
  text-align: center;
  font-weight: 400;
  background: var(--primaryColor);
  font-size: 14px;
  padding: 5px 0px;
  color: white;
}
#banner .bannerMain .bannerBookingForm form .formGroup .bannerFormPopup .bannerFormPopupDate .weekRow .dayHeader:nth-of-type(odd) {
  border-inline: 1px solid rgba(229, 229, 229, 0.2352941176);
}
#banner .bannerMain .bannerBookingForm form .formGroup .bannerFormPopup .bannerFormPopupDate .weekRow .dayHeader:nth-of-type(1) {
  border-radius: 5px 0px 0px 5px;
  border-left: none;
}
#banner .bannerMain .bannerBookingForm form .formGroup .bannerFormPopup .bannerFormPopupDate .weekRow .dayHeader:nth-last-of-type(1) {
  border-radius: 0px 5px 5px 0px;
  border-right: none;
}
#banner .bannerMain .bannerBookingForm form .formGroup .bannerFormPopup .bannerFormPopupDate .calendar-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 2px;
  width: 100%;
}
#banner .bannerMain .bannerBookingForm form .formGroup .bannerFormPopup .bannerFormPopupDate .calendar-grid .day {
  height: 35px;
  text-align: center;
  background-color: #f0f0f0;
  cursor: pointer;
  font-size: 14px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
}
#banner .bannerMain .bannerBookingForm form .formGroup .bannerFormPopup .bannerFormPopupDate .calendar-grid .day:hover {
  background-color: var(--secondaryColor);
  color: black;
  transition: 0.3s;
}
#banner .bannerMain .bannerBookingForm form .formGroup .bannerFormPopup .bannerFormPopupDate .calendar-grid .disabled {
  color: #ccc;
  pointer-events: none;
}
#banner .bannerMain .bannerBookingForm form .formGroup .bannerFormPopup .bannerFormPopupDate .calendar-grid .empty-cell {
  visibility: hidden;
}
#banner .bannerMain .bannerBookingForm form .formGroup .bannerFormPopup .bannerFormPopupDate .calendar-grid .today {
  background-color: var(--secondaryColor);
  color: black;
}
#banner .bannerMain .bannerBookingForm form .formGroup .bannerFormPopup .bannerFormPopupDate .calendar-grid .selected {
  background-color: #CD5C08;
  color: white;
}
#banner .bannerMain .bannerBookingForm form .formGroup .bannerFormPopup .bannerFormPopupDate .monthPicker {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  max-width: 300px;
}
#banner .bannerMain .bannerBookingForm form .formGroup .bannerFormPopup .bannerFormPopupDate .monthItem {
  padding: 10px;
  text-align: center;
  background-color: #f0f0f0;
  cursor: pointer;
  border-radius: 5px;
}
#banner .bannerMain .bannerBookingForm form .formGroup .bannerFormPopup .bannerFormPopupDate .monthItem:hover {
  background-color: #ddd;
}
#banner .bannerMain .bannerBookingForm form .formGroup .bannerFormPopupActive {
  bottom: 100%;
  opacity: 1;
  visibility: visible;
  transition: 0.3s ease;
}
@media (max-width: 1350px) {
  #banner .bannerMain .bannerBookingForm form .formGroup .bannerFormPopupActive {
    top: 100%;
    bottom: inherit;
  }
}
#banner .bannerMain .bannerBookingForm form .guestInput {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: white;
  height: 45px;
  margin-top: 10px;
  border: 1px solid #eee;
  border-radius: 5px;
  padding: 0px 15px;
  cursor: pointer;
}
#banner .bannerMain .bannerBookingForm form .guestInput .guestInputBox {
  flex: 0 0 48%;
  color: #00651b;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 5px;
}
#banner .bannerMain .bannerBookingForm form .guestInput .guestInputBox span {
  font-weight: 500;
}
#banner .bannerMain .bannerBookingForm form .gusetDorpDown {
  position: relative;
}
#banner .bannerMain .bannerBookingForm form .gusetDorpDown .gusetDorpDownPopup {
  position: absolute;
  bottom: 70%;
  background: white;
  width: 100%;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  padding: 15px;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s ease;
  z-index: 10;
  left: 0;
}
#banner .bannerMain .bannerBookingForm form .gusetDorpDown .gusetDorpDownPopup h3 {
  font-size: 18px;
  font-weight: 500;
  margin-top: 10px;
  margin-bottom: 20px;
}
#banner .bannerMain .bannerBookingForm form .gusetDorpDown .gusetDorpDownPopup .closeBannerFormPopup {
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
  font-size: 20px;
}
#banner .bannerMain .bannerBookingForm form .gusetDorpDown .gusetDorpDownPopup ul {
  display: flex;
  flex-direction: column;
  width: 100%;
}
#banner .bannerMain .bannerBookingForm form .gusetDorpDown .gusetDorpDownPopup ul li {
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#banner .bannerMain .bannerBookingForm form .gusetDorpDown .gusetDorpDownPopup ul li p {
  font-size: 14px;
  font-weight: 500;
}
#banner .bannerMain .bannerBookingForm form .gusetDorpDown .gusetDorpDownPopup ul li .gusetDorpDownPopupInput {
  width: 60px;
}
#banner .bannerMain .bannerBookingForm form .gusetDorpDown .gusetDorpDownPopup ul li .gusetDorpDownPopupInput select {
  width: 100%;
  height: 35px;
  border: 1px solid #eee;
  border-radius: 5px;
  padding: 0px 10px;
  outline: none;
  font-size: 14px;
}
#banner .bannerMain .bannerBookingForm form .gusetDorpDown .gusetDorpDownPopup ul li .gusetDorpDownPopupInput select:focus {
  border: 1px solid rgb(34, 34, 34);
}
#banner .bannerMain .bannerBookingForm form .gusetDorpDown .gusetDorpDownPopup ul li .applyGuestBtn {
  width: 100%;
  background: var(--secondaryColor);
  color: black;
  font-size: 14px;
  padding: 8px;
  text-align: center;
  border-radius: 5px;
  margin-top: 10px;
  transition: 0.2s;
  cursor: pointer;
}
#banner .bannerMain .bannerBookingForm form .gusetDorpDown .gusetDorpDownPopup ul li .applyGuestBtn:hover {
  transition: 0.2s;
  opacity: 0.7;
}
#banner .bannerMain .bannerBookingForm form .gusetDorpDown .gusetDorpDownPopupActive {
  bottom: 100%;
  opacity: 1;
  visibility: visible;
  transition: 0.3s ease;
  box-shadow: 0 0 26px 0 rgba(0, 0, 0, 0.1803921569);
}
#banner .bannerMain .bannerBookingForm form .formBtnArea button {
  height: 100%;
  width: 220px !important;
  background: var(--primaryColor);
  color: white;
  border: none;
  outline: none;
  border-radius: 10px;
  cursor: pointer;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-weight: 400;
  white-space: nowrap;
  transition: 0.3s;
  gap: 10px;
}
#banner .bannerMain .bannerBookingForm form .formBtnArea button i {
  font-size: 28px;
}
#banner .bannerMain .bannerBookingForm form .formBtnArea button:hover {
  transition: 0.3s;
  background: var(--secondaryColor);
  color: black;
}
#banner .bannerMain .bannerReserveBtn {
  display: flex;
  padding: 14px 30px;
  background: var(--secondaryColor);
  color: black;
  font-size: 18px;
  border-radius: 50px;
  margin-top: 40px;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  align-items: center;
  gap: 10px;
	transition: .3s;
}
#banner .bannerMain .bannerReserveBtn:hover{
	transition: .3s;
	background: white;
}
@media (max-width: 1350px) {
  #banner .bannerMain .bannerReserveBtn {
    display: flex;
  }
}
#banner .bannerMain .bannerReserveBtn i {
  font-size: 22px;
}
#banner .bannerMain .bannerReserveBtnArea{
	display: flex;
	align-items :center;
	gap: 20px;
  	margin-top: 40px;
	flex-wrap: wrap;
}
#banner .bannerMain .bannerReserveBtnArea .bannerReserveBtn1{
  display: flex;
  padding: 14px 30px;
  background: var(--thirdColor);
	border: 2px solid var(--thirdColor);
  color: white;
  font-size: 18px;
  border-radius: 50px;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  align-items: center;
  gap: 10px;
	transition: .3s;
	text-decoration: none;
}
@media (max-width: 1800px) {
	#banner .bannerMain .bannerReserveBtnArea .bannerReserveBtn1{
  		padding: 12px 25px;
  		font-size: 14px;
	}
}
#banner .bannerMain .bannerReserveBtnArea .bannerReserveBtn1:hover{
	transition: .3s;
	background: var(--fourthColor);
	border: 2px solid var(--fourthColor);
}
@media (max-width: 1350px) {
#banner .bannerMain .bannerReserveBtnArea .bannerReserveBtn1 {
    display: flex;
  }
}
@media (max-width: 480px) {
#banner .bannerMain .bannerReserveBtnArea .bannerReserveBtn1 {
    width :100%;
	justify-content: center;
	align-items :center;
  }
}
#banner .bannerMain .bannerReserveBtnArea .bannerReserveBtn1 i {
  font-size: 22px;
}
#banner .bannerMain .bannerReserveBtnArea .bannerReserveBtn2{
  display: flex;
  padding: 14px 30px;
	background: var(--fourthColor);
	border: 2px solid var(--fourthColor);
  color: white;
  font-size: 18px;
  border-radius: 50px;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  align-items: center;
  gap: 10px;
	transition: .3s;
	text-decoration: none;
}
@media (max-width: 1800px) {
	#banner .bannerMain .bannerReserveBtnArea .bannerReserveBtn2{
  		padding: 12px 25px;
  		font-size: 14px;
	}
}
#banner .bannerMain .bannerReserveBtnArea .bannerReserveBtn2:hover{
	transition: .3s;
	color: var(--fourthColor);
	background: white;
	border: 2px solid white;
}
@media (max-width: 1350px) {
#banner .bannerMain .bannerReserveBtnArea .bannerReserveBtn2 {
    display: flex;
  }
}
@media (max-width: 480px) {
#banner .bannerMain .bannerReserveBtnArea .bannerReserveBtn2 {
    width :100%;
	justify-content: center;
	align-items :center;
  }
}
#banner .bannerMain .bannerReserveBtnArea .bannerReserveBtn2 i {
  font-size: 22px;
}
#banner .bannerMain .bookWidget{
	width: 100%;
	margin-top: 40px;
}
#banner .bannerMain .bookWidget .MbsSearchWidget{
	max-width: 100%;
}
#about {
  width: 100%;
  padding: 100px 0px;
}
@media (max-width: 480px) {
  #about {
    padding: 60px 0px;
  }
}
#about .aboutMain {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-end;
}
#about .aboutMain .aboutCol1 {
  flex: 0 0 55%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1800px) {
  #about .aboutMain .aboutCol1 {
    flex: 0 0 60%;
  }
}
@media (max-width: 1024px) {
  #about .aboutMain .aboutCol1 {
    flex: 100%;
  }
}
#about .aboutMain .aboutCol1 p {
  width: 70%;
}
@media (max-width: 768px) {
  #about .aboutMain .aboutCol1 p {
    width: 100%;
  }
}
#about .aboutMain .aboutCol2 {
  flex: 0 0 30%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1800px) {
  #about .aboutMain .aboutCol2 {
    flex: 0 0 35%;
  }
}
@media (max-width: 1024px) {
  #about .aboutMain .aboutCol2 {
    flex: 100%;
    margin-top: 40px;
  }
}
#about .aboutMain .aboutCol2 h3 {
  font-size: 26px;
  font-weight: 200;
  line-height: 1.5;
}
@media (max-width: 1800px) {
  #about .aboutMain .aboutCol2 h3 {
    font-size: 22px;
  }
}
#about .aboutMain .aboutCol2 .aboutBtnArea {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 30px;
}
@media (max-width: 1024px) {
  #about .aboutMain .aboutCol2 .aboutBtnArea {
    width: 50%;
  }
}
@media (max-width: 768px) {
  #about .aboutMain .aboutCol2 .aboutBtnArea {
    width: 100%;
  }
}
#about .aboutMain .aboutCol2 .aboutBtnArea a {
  text-decoration: none;
  font-size: 18px;
  font-weight: 300;
  width: calc(50% - 10px);
  padding: 14px 0px;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
}
@media (max-width: 480px) {
  #about .aboutMain .aboutCol2 .aboutBtnArea a {
    width: 100%;
  }
}
#about .aboutMain .aboutCol2 .aboutBtnArea .aboutBtn {
  color: white;
  background: var(--thirdColor);
}
#about .aboutMain .aboutCol2 .aboutBtnArea .aboutBtn:hover {
  transition: 0.3s;
  background: white;
  color: black;
}
#about .aboutMain .aboutCol2 .aboutBtnArea .packageBtn {
  border: 1px solid white;
  color: white;
}
#about .aboutMain .aboutCol2 .aboutBtnArea .packageBtn:hover {
  transition: 0.3s;
  background: white;
  color: black;
}

#rooms {
  width: 100%;
  padding-bottom: 100px;
}
@media (max-width: 480px) {
  #rooms {
    padding-bottom: 60px;
  }
}
#rooms .roomsMain {
  width: 100%;
  background: white;
  padding: 40px;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 480px) {
  #rooms .roomsMain {
    padding: 20px;
  }
}
#rooms .roomsMain .roomsHead {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media (max-width: 1024px) {
  #rooms .roomsMain .roomsHead {
    flex-wrap: wrap;
  }
}
#rooms .roomsMain .roomsHead .roomsHeadCol1 {
  flex: 0 0 50%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1024px) {
  #rooms .roomsMain .roomsHead .roomsHeadCol1 {
    flex: 100%;
  }
}
#rooms .roomsMain .roomsHead .roomsHeadCol1 h2 {
  color: black;
}
@media (max-width: 1024px) {
  #rooms .roomsMain .roomsHead .roomsHeadCol1 h2 {
    width: 70%;
  }
}
@media (max-width: 768px) {
  #rooms .roomsMain .roomsHead .roomsHeadCol1 h2 {
    width: 100%;
  }
}
#rooms .roomsMain .roomsHead .roomsHeadCol2 {
  flex: 0 0 30%;
}
@media (max-width: 1024px) {
  #rooms .roomsMain .roomsHead .roomsHeadCol2 {
    flex: 100%;
  }
}
#rooms .roomsMain .roomsHead .roomsHeadCol2 p {
  color: black;
}
@media (max-width: 1024px) {
  #rooms .roomsMain .roomsHead .roomsHeadCol2 p {
    width: 60%;
  }
}
@media (max-width: 768px) {
  #rooms .roomsMain .roomsHead .roomsHeadCol2 p {
    width: 100%;
  }
}
#rooms .roomsMain h4 {
  color: green;
  background: #edffed;
  display: flex;
  align-items: center;
  gap: 10px;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 60px;
  padding: 10px 20px;
  border-radius: 50px;
  font-weight: 400;
}
#rooms .roomsMain h4 i {
  animation: starRotate 2.5s infinite linear;
}
@keyframes starRotate {
  100% {
    transform: rotate(1turn);
  }
}
#rooms .roomsMain .roomsList {
  width: 100%;
  /*display: flex;
  flex-wrap: wrap;
  gap: 40px;*/
  margin-top: 20px;
}
/*@media (max-width: 1800px) {
  #rooms .roomsMain .roomsList {
    gap: 20px;
  }
}*/
#rooms .roomsMain .roomsList .owl-dots{
	display: none;
}
#rooms .roomsMain .roomsList .owl-nav{
	display: none;
}
#rooms .roomsMain .roomsList .roomsBox {
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  background: #eee;
  height: 450px;
  z-index: 0;
  position: relative;
}
@media (max-width: 1800px) {
  #rooms .roomsMain .roomsList .roomsBox {
    height: 400px;
  }
}
@media (max-width: 1024px) {
  #rooms .roomsMain .roomsList .roomsBox {
    height: 400px;
  }
}
@media (max-width: 768px) {
  #rooms .roomsMain .roomsList .roomsBox {
    width: 100%;
  }
}
#rooms .roomsMain .roomsList .roomsBox img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
}
#rooms .roomsMain .roomsList .roomsBox .roomsBoxStar {
  position: absolute;
  z-index: 2;
  top: 20px;
  right: 20px;
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 20px;
  background: rgba(0, 0, 0, 0.2274509804);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  height: 30px;
  width: 120px;
  border-radius: 50px;
}
#rooms .roomsMain .roomsList .roomsBox .roomsBoxStar img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
#rooms .roomsMain .roomsList .roomsBox .roomsBoxDetails {
  width: 100%;
  height: 100%;
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background: linear-gradient(rgba(0, 0, 0, 0.168627451), rgba(0, 0, 0, 0.7921568627));
}
@media (max-width: 1800px) {
  #rooms .roomsMain .roomsList .roomsBox .roomsBoxDetails {
    padding: 20px;
  }
}
@media (max-width: 1024px) {
  #rooms .roomsMain .roomsList .roomsBox .roomsBoxDetails {
    padding: 150px 20px 20px 20px;
  }
}
#rooms .roomsMain .roomsList .roomsBox .roomsBoxDetails h3 {
  font-size: 2.5em;
  font-weight: 400;
}
@media (max-width: 1024px) {
  #rooms .roomsMain .roomsList .roomsBox .roomsBoxDetails h3 {
    font-size: 25px;
  }
}
@media (max-width: 480px) {
  #rooms .roomsMain .roomsList .roomsBox .roomsBoxDetails h3 {
    font-size: 22px;
  }
}
#rooms .roomsMain .roomsList .roomsBox .roomsBoxDetails .roomsBoxDetailsBtnArea {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
}
@media (max-width: 1024px) {
  #rooms .roomsMain .roomsList .roomsBox .roomsBoxDetails .roomsBoxDetailsBtnArea {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 768px) {
  #rooms .roomsMain .roomsList .roomsBox .roomsBoxDetails .roomsBoxDetailsBtnArea {
    flex-direction: row;
    align-items: center;
  }
}
@media (max-width: 480px) {
  #rooms .roomsMain .roomsList .roomsBox .roomsBoxDetails .roomsBoxDetailsBtnArea {
    flex-direction: column;
  }
}
#rooms .roomsMain .roomsList .roomsBox .roomsBoxDetails .roomsBoxDetailsBtnArea a {
  text-decoration: none;
  background: var(--thirdColor);
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  padding: 12px 30px;
  border-radius: 50px;
  transition: 0.3s;
}
@media (max-width: 1024px) {
  #rooms .roomsMain .roomsList .roomsBox .roomsBoxDetails .roomsBoxDetailsBtnArea a {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
#rooms .roomsMain .roomsList .roomsBox .roomsBoxDetails .roomsBoxDetailsBtnArea a:hover {
  background: white;
  color: var(--thirdColor);
  transition: 0.3s;
}
#rooms .roomsMain .roomsList .roomsBox .roomsBoxDetails .roomsBoxDetailsBtnArea .price {
  display: flex;
  align-items: center;
  gap: 10px;
  background: rgba(255, 255, 255, 0.0705882353);
  padding: 12px 30px;
  border-radius: 50px;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}
@media (max-width: 1024px) {
  #rooms .roomsMain .roomsList .roomsBox .roomsBoxDetails .roomsBoxDetailsBtnArea .price {
    width: 100%;
  }
}
@media (max-width: 480px) {
  #rooms .roomsMain .roomsList .roomsBox .roomsBoxDetails .roomsBoxDetailsBtnArea .price {
    flex-direction: column;
  }
}
#rooms .roomsMain .roomsList .roomsBox .roomsBoxDetails .roomsBoxDetailsBtnArea .price h5 {
  font-size: 20px;
  font-weight: 500;
  color: #eeff00;
}
#rooms .roomsMain .roomsList .roomsBox .roomsBoxDetails .roomsBoxDetailsBtnArea .price span {
  font-size: 14px;
  font-weight: 300;
}

#testimonials {
  width: 100%;
  padding: 100px 0px;
  background: var(--secondaryColor);
  border-radius: 40px;
  background-color: #FFFFFF;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 800 800'%3E%3Cg fill-opacity='0.2'%3E%3Ccircle fill='%23FFFFFF' cx='400' cy='400' r='600'/%3E%3Ccircle fill='%23f4fcf4' cx='400' cy='400' r='500'/%3E%3Ccircle fill='%23e9f9e8' cx='400' cy='400' r='400'/%3E%3Ccircle fill='%23def6dd' cx='400' cy='400' r='300'/%3E%3Ccircle fill='%23d3f3d2' cx='400' cy='400' r='200'/%3E%3Ccircle fill='%23C8F0C7' cx='400' cy='400' r='100'/%3E%3C/g%3E%3C/svg%3E");
  background-size: cover;
  background-position: center;
}
@media (max-width: 768px) {
  #testimonials {
    padding: 40px 0px;
  }
}
#testimonials .testimonialsHead {
  width: 100%;
  display: flex;
  flex-direction: column;
}
#testimonials .testimonialsHead h2 {
  color: black;
}
#testimonials .testimonialsHead p {
  color: black;
  width: 50%;
}
@media (max-width: 768px) {
  #testimonials .testimonialsHead p {
    width: 100%;
  }
}
#testimonials .testimonialsMain {
  width: 100%;
  margin-top: 80px;
  padding: 0px 50px 0px 150px;
}
@media (max-width: 1800px) {
  #testimonials .testimonialsMain {
    padding: 0px 50px 0px 100px;
  }
}
@media (max-width: 1024px) {
  #testimonials .testimonialsMain {
    padding: 0px 30px;
  }
}
@media (max-width: 480px) {
  #testimonials .testimonialsMain {
    padding: 0px 10px;
  }
}
#testimonials .testimonialsMain .testimonialsBox {
  width: 100%;
  background: white;
  border-radius: 20px;
  padding: 20px;
}
#testimonials .testimonialsMain .testimonialsBox p {
  color: black;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.5;
  font-style: italic;
  margin-top: 10px;
  opacity: 0.7;
}
@media (max-width: 1800px) {
  #testimonials .testimonialsMain .testimonialsBox p {
    font-size: 16px;
  }
}
#testimonials .testimonialsMain .testimonialsBox h3 {
  color: black;
  margin-top: 20px;
  font-weight: 500;
}
@media (max-width: 1800px) {
  #testimonials .testimonialsMain .testimonialsBox h3 {
    font-size: 18px;
  }
}
#testimonials .testimonialsMain .testimonialsBox .testimonialsStar {
  width: -moz-fit-content;
  width: fit-content;
  height: 35px;
}
#testimonials .testimonialsMain .testimonialsBox .testimonialsStar img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
#testimonials .testimonialsMain .owl-nav, #testimonials .testimonialsMain .owl-dots {
  display: none;
}

#shortVideos {
  width: 100%;
  padding: 100px 0px;
	display: none;
}
@media (max-width: 480px) {
  #shortVideos {
    padding: 60px 0px;
  }
}
#shortVideos .shortVideosHead {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-end;
}
#shortVideos .shortVideosHead .shortVideosHeadCol1 {
  flex: 0 0 50%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  #shortVideos .shortVideosHead .shortVideosHeadCol1 {
    flex: 100%;
  }
}
@media (max-width: 768px) {
  #shortVideos .shortVideosHead .shortVideosHeadCol2 {
    margin-top: 40px;
    width: 100%;
  }
}
@media (max-width: 480px) {
  #shortVideos .shortVideosHead .shortVideosHeadCol2 {
    display: none;
  }
}
#shortVideos .shortVideosHead .shortVideosHeadCol2 .custom-nav {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (max-width: 768px) {
  #shortVideos .shortVideosHead .shortVideosHeadCol2 .custom-nav {
    width: 100%;
    justify-content: flex-end;
  }
}
#shortVideos .shortVideosHead .shortVideosHeadCol2 .custom-nav button {
  background: none;
  outline: none;
  font-size: 30px;
  color: white;
  border: 1px solid white;
  width: 70px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  cursor: pointer;
  transition: 0.3s;
}
#shortVideos .shortVideosHead .shortVideosHeadCol2 .custom-nav button:hover {
  background: var(--thirdColor);
  color: white;
  border-color: var(--thirdColor);
}
#shortVideos .shortVideosMain {
  width: 100%;
  margin-top: 80px;
  padding: 0px 0px 0px 150px;
}
@media (max-width: 1800px) {
  #shortVideos .shortVideosMain {
    padding: 0px 0px 0px 100px;
  }
}
@media (max-width: 1024px) {
  #shortVideos .shortVideosMain {
    padding: 0px 0px 0px 30px;
  }
}
@media (max-width: 768px) {
  #shortVideos .shortVideosMain {
    margin-top: 40px;
  }
}
@media (max-width: 480px) {
  #shortVideos .shortVideosMain {
    padding: 0px 0px 0px 16px;
  }
}
#shortVideos .shortVideosMain .shortVideosBox {
  width: 100%;
  height: 500px;
  background: #eee;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  z-index: 0;
}
@media (max-width: 1024px) {
  #shortVideos .shortVideosMain .shortVideosBox {
    height: 400px;
  }
}
#shortVideos .shortVideosMain .shortVideosBox video {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  top: 0;
  left: 0;
}
#shortVideos .shortVideosMain .shortVideosBox .shortVideosBoxDetails {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.462745098);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  cursor: pointer;
  border: 1px solid rgba(255, 255, 255, 0.231372549);
}
#shortVideos .shortVideosMain .shortVideosBox .shortVideosBoxDetails:hover .shortVideosBoxPlayBtn {
  transition: 0.3s;
  background: rgba(255, 255, 255, 0.5960784314);
}
#shortVideos .shortVideosMain .shortVideosBox .shortVideosBoxDetails .shortVideosBoxPlayBtn {
  width: 60px;
  height: 60px;
  background: rgba(255, 255, 255, 0.1058823529);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  border-radius: 50px;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  transition: 0.3s;
}
#shortVideos .shortVideosMain .owl-dots {
  display: none;
}

#packages {
  width: 100%;
  padding: 100px 0px;
  border-radius: 40px;
  background-color: #FFFFFF;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 800 800'%3E%3Cg fill-opacity='0.2'%3E%3Ccircle fill='%23FFFFFF' cx='400' cy='400' r='600'/%3E%3Ccircle fill='%23f4fcf4' cx='400' cy='400' r='500'/%3E%3Ccircle fill='%23e9f9e8' cx='400' cy='400' r='400'/%3E%3Ccircle fill='%23def6dd' cx='400' cy='400' r='300'/%3E%3Ccircle fill='%23d3f3d2' cx='400' cy='400' r='200'/%3E%3Ccircle fill='%23C8F0C7' cx='400' cy='400' r='100'/%3E%3C/g%3E%3C/svg%3E");
  background-position: center;
  background-size: cover;
	margin-top: 100px;
}
@media (max-width: 768px) {
  #packages {
    padding: 40px 0px;
  }
}
#packages .packagesHead {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
@media (max-width: 1024px) {
  #packages .packagesHead {
    align-items: inherit;
  }
}
#packages .packagesHead .packagesHeadCol1 {
  flex: 0 0 50%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  #packages .packagesHead .packagesHeadCol1 {
    flex: 100%;
    margin-top: 40px;
  }
}
#packages .packagesHead .packagesHeadCol1 h2, #packages .packagesHead .packagesHeadCol1 p {
  color: black;
}
#packages .packagesHead .packagesHeadCol1 a {
  text-decoration: none;
  font-size: 18px;
  font-weight: 300;
  padding: 14px 30px;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
  width: -moz-fit-content;
  width: fit-content;
  border: 1px solid black;
  color: black;
  margin-top: 40px;
}
#packages .packagesHead .packagesHeadCol1 a:hover {
  transition: 0.3s;
  background: white;
  color: black;
  border-color: white;
}
#packages .packagesHead .packagesHeadCol2 {
  flex: 0 0 45%;
  border-radius: 20px;
  overflow: hidden;
  background: #eee;
}
@media (max-width: 768px) {
  #packages .packagesHead .packagesHeadCol2 {
    flex: 100%;
    height: 400px;
  }
}
@media (max-width: 480px) {
  #packages .packagesHead .packagesHeadCol2 {
    height: 350px;
  }
}
#packages .packagesHead .packagesHeadCol2 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#packages .packagesMain {
  width: 100%;
  margin-top: 80px;
  border-radius: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 50px;
}
#packages .packagesMain .packagesBox {
  width: calc(60% - 50px);
  background: var(--secondaryColor);
  border-radius: 20px;
}
#packages .packagesMain .packagesBox .packagesBoxDetails {
  width: 100%;
  height: 100%;
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
#packages .packagesMain .packagesBox .packagesBoxDetails h3 {
  font-size: 2.5em;
  font-weight: 400;
  color: black;
}
#packages .packagesMain .packagesBox .packagesBoxDetails p {
  color: black;
}
#packages .packagesMain .packagesBox .packagesBoxDetails .packagesBoxDetailsList {
  width: 100%;
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
#packages .packagesMain .packagesBox .packagesBoxDetails .packagesBoxDetailsList .packagesBoxDetailsListBox {
  width: calc(33.3333333333% - 14px);
  padding: 10px;
  background: white;
  border-radius: 10px;
}
#packages .packagesMain .packagesBox .packagesBoxDetails .packagesBoxDetailsList .packagesBoxDetailsListBox .packagesBoxDetailsListBoxThumbnail {
  width: 100%;
  height: 100px;
  background: #eee;
  border-radius: 10px;
  overflow: hidden;
}
#packages .packagesMain .packagesBox .packagesBoxDetails .packagesBoxDetailsList .packagesBoxDetailsListBox .packagesBoxDetailsListBoxThumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#packages .packagesMain .packagesBox .packagesBoxDetails .packagesBoxDetailsList .packagesBoxDetailsListBox .packagesBoxDetailsListBoxDetails {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 10px;
}
#packages .packagesMain .packagesBox .packagesBoxDetails .packagesBoxDetailsList .packagesBoxDetailsListBox .packagesBoxDetailsListBoxDetails h4 {
  color: black;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}
#packages .packagesMain .packagesBox2 {
  width: 40%;
  height: 400px;
  border-radius: 20px;
  background: white;
  overflow: hidden;
}

#contact {
  width: 100%;
  padding: 100px 0px;
}
@media (max-width: 480px) {
  #contact {
    padding: 60px 0px;
  }
}
#contact .contactHead {
  width: 100%;
  display: flex;
  flex-direction: column;
}
#contact .contactHead p {
  width: 50%;
}
@media (max-width: 768px) {
  #contact .contactHead p {
    width: 100%;
  }
}
#contact .contactMain {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 50px;
  margin-top: 80px;
}
@media (max-width: 1800px) {
  #contact .contactMain {
    gap: 20px;
  }
}
#contact .contactMain .contactCol {
  width: calc(33.3333333333% - 34px);
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(255, 255, 255, 0.1058823529);
  padding: 40px;
  border-radius: 20px;
}
@media (max-width: 1800px) {
  #contact .contactMain .contactCol {
    width: calc(33.3333333333% - 14px);
    padding: 20px;
  }
}
@media (max-width: 1024px) {
  #contact .contactMain .contactCol {
    width: calc(50% - 10px);
  }
  #contact .contactMain .contactCol:nth-last-of-type(1) {
    width: 100%;
  }
}
@media (max-width: 480px) {
  #contact .contactMain .contactCol {
    width: 100%;
  }
}
#contact .contactMain .contactCol .contactBox {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 40px;
}
#contact .contactMain .contactCol .contactBox:nth-of-type(1) {
  margin-top: 0;
}
#contact .contactMain .contactCol .contactBox h2 {
  font-size: 18px;
  font-weight: 200;
  display: flex;
  align-items: center;
  gap: 10px;
}
#contact .contactMain .contactCol .contactBox p {
  font-size: 18px;
  margin-top: 20px;
  line-height: 1.5;
  font-weight: 500;
  padding: 18px;
  background: rgba(238, 238, 238, 0.062745098);
  border-radius: 10px;
}
@media (max-width: 480px) {
  #contact .contactMain .contactCol .contactBox p {
    font-size: 16px;
  }
}
#contact .contactMain .contactCol .contactBox a {
  text-decoration: none;
  color: white;
  font-size: 18px;
  margin-top: 5px;
  line-height: 1.5;
  font-weight: 500;
  padding: 18px;
  background: rgba(238, 238, 238, 0.062745098);
  border-radius: 10px;
  transition: 0.3s;
}
@media (max-width: 480px) {
  #contact .contactMain .contactCol .contactBox a {
    font-size: 16px;
  }
}
#contact .contactMain .contactCol .contactBox a:hover {
  transition: 0.3s;
  background: var(--thirdColor);
  color: white;
}
#contact .contactMain .contactCol .contactBox a:nth-of-type(1) {
  margin-top: 20px;
}
#contact .contactMain .contactCol .contactBox .contactSocialLinks {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 20px;
}
#contact .contactMain .contactCol .contactBox .contactSocialLinks a {
  margin-top: 0;
  font-size: 20px;
  width: 40px;
  height: 40px;
  background: rgba(238, 238, 238, 0.062745098);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  margin-left: 0px;
  transition: 0.3s;
}
#contact .contactMain .contactCol .contactBox .contactSocialLinks a:hover {
  transition: 0.3s;
  background: var(--secondaryColor);
  color: black;
}
#contact .contactMain .contactCol .contactBox .contactMap {
  width: 100%;
  margin-top: 20px;
  height: 150px;
  background: #eee;
  border-radius: 20px;
  overflow: hidden;
}
#contact .contactMain .contactCol .contactBox .contactMap iframe {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

#restaurant {
  width: 100%;
  background: white;
  padding: 200px 0px;
}
@media (max-width: 480px) {
  #restaurant {
    padding: 100px 0px;
  }
}
#restaurant .restaurantMain {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#restaurant .restaurantMain .restaurantIframe {
  width: 400px;
  height: 400px;
}
@media (max-width: 1024px) {
  #restaurant .restaurantMain .restaurantIframe {
    width: 300px;
    height: 300px;
  }
}
#restaurant .restaurantMain .restaurantIframe iframe {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border: none;
  outline: none;
}
#restaurant .restaurantMain h1 {
  color: black;
  font-weight: 400;
  font-size: 4em;
  text-align: center;
}
@media (max-width: 1024px) {
  #restaurant .restaurantMain h1 {
    font-size: 3em;
  }
}
@media (max-width: 768px) {
  #restaurant .restaurantMain h1 {
    font-size: 2.5em;
  }
}
@media (max-width: 480px) {
  #restaurant .restaurantMain h1 {
    font-size: 2.2em;
  }
}
#restaurant .restaurantMain p {
  color: black;
  text-align: center;
}

#aboutBanner {
  width: 100%;
  padding: 100px 0px;
  margin-top: 80px;
}
@media (max-width: 480px) {
  #aboutBanner {
    padding: 20px 0px 60px 0px;
    margin-top: 70px;
  }
}
#aboutBanner .aboutBannerMain {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}
#aboutBanner .aboutBannerMain .aboutBannerDetails {
  flex: 0 0 50%;
}
@media (max-width: 768px) {
  #aboutBanner .aboutBannerMain .aboutBannerDetails {
    flex: 100%;
    margin-top: 40px;
    order: 2;
  }
}
#aboutBanner .aboutBannerMain .aboutBannerDetails h3 {
  color: var(--thirdColor);
  font-size: 18px;
  font-weight: 500;
}
#aboutBanner .aboutBannerMain .aboutBannerDetails h1 {
  margin-top: 20px;
}
#aboutBanner .aboutBannerMain .aboutBannerThumbnail {
  flex: 0 0 45%;
  /*height: 700px;*/
	position: sticky;
	top: 100px;
}
/*@media (max-width: 1800px) {
  #aboutBanner .aboutBannerMain .aboutBannerThumbnail {
    height: 650px;
  }
}
@media (max-width: 1024px) {
  #aboutBanner .aboutBannerMain .aboutBannerThumbnail {
    height: 550px;
  }
}*/
@media (max-width: 768px) {
  #aboutBanner .aboutBannerMain .aboutBannerThumbnail {
    flex: 100%;
    height: 400px;
    order: 1;
	position: inherit;
	top: inherit;
  }
}
@media (max-width: 480px) {
  #aboutBanner .aboutBannerMain .aboutBannerThumbnail {
    height: 250px;
  }
}
#aboutBanner .aboutBannerMain .aboutBannerThumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 40px;
  overflow: hidden;
}
@media (max-width: 480px) {
  #aboutBanner .aboutBannerMain .aboutBannerThumbnail img {
    border-radius: 20px;
  }
}

#aboutInner {
  width: 100%;
  padding: 100px 0px;
  background: #f0f4fa;
  border-radius: 40px;
}
@media (max-width: 480px) {
  #aboutInner {
    padding: 60px 0px;
  }
}
#aboutInner .aboutInnerHead {
  width: 100%;
  display: flex;
  flex-direction: column;
}
#aboutInner .aboutInnerHead h2 {
  color: black;
}
#aboutInner .aboutInnerHead p {
  color: black;
  width: 70%;
}
@media (max-width: 1800px) {
  #aboutInner .aboutInnerHead p {
    width: 90%;
  }
}
@media (max-width: 768px) {
  #aboutInner .aboutInnerHead p {
    width: 100%;
  }
}
#aboutInner .aboutInnerMain {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 80px;
}
#aboutInner .aboutInnerMain h3 {
  color: black;
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase;
}
#aboutInner .aboutInnerMain ul {
  width: 100%;
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 40px;
       column-gap: 40px;
  row-gap: 20px;
}
#aboutInner .aboutInnerMain ul li {
  width: calc(50% - 20px);
  background: white;
  border-radius: 10px;
  padding: 30px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  #aboutInner .aboutInnerMain ul li {
    width: 100%;
  }
}
@media (max-width: 480px) {
  #aboutInner .aboutInnerMain ul li {
    padding: 20px;
  }
}
#aboutInner .aboutInnerMain ul li h4 {
  color: black;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.5;
}
@media (max-width: 480px) {
  #aboutInner .aboutInnerMain ul li h4 {
    font-size: 20px;
  }
}
#aboutInner .aboutInnerMain ul li h5 {
  color: black;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 300;
  margin-top: 10px;
}

#aboutGallery {
  width: 100%;
  padding: 100px 0px;
}
@media (max-width: 480px) {
  #aboutGallery {
    padding: 60px 0px;
  }
}
#aboutGallery .aboutGalleryMain {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#aboutGallery .aboutGalleryMain .aboutGalleryDetails {
  flex: 0 0 35%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  #aboutGallery .aboutGalleryMain .aboutGalleryDetails {
    flex: 100%;
  }
}
#aboutGallery .aboutGalleryMain .aboutGalleryDetails h2 {
  color: white;
  position: sticky;
  top: 120px;
}
@media (max-width: 768px) {
  #aboutGallery .aboutGalleryMain .aboutGalleryDetails h2 {
    position: inherit;
    top: inherit;
  }
}
#aboutGallery .aboutGalleryMain .aboutGalleryThumbnail {
  flex: 0 0 60%;
  -moz-column-count: 3;
       column-count: 3;
  --webkit-column-count: 3;
  --moz-column-count: 3;
  gap: 1rem;
}
@media (max-width: 1800px) {
  #aboutGallery .aboutGalleryMain .aboutGalleryThumbnail {
    gap: 10px;
  }
}
@media (max-width: 768px) {
  #aboutGallery .aboutGalleryMain .aboutGalleryThumbnail {
    flex: 100%;
    margin-top: 40px;
  }
}
@media (max-width: 480px) {
  #aboutGallery .aboutGalleryMain .aboutGalleryThumbnail {
    -moz-column-count: 2;
         column-count: 2;
    --webkit-column-count: 2;
    --moz-column-count: 2;
  }
}
#aboutGallery .aboutGalleryMain .aboutGalleryThumbnail .aboutGalleryThumbnailBox {
  overflow: hidden;
  margin-top: 1rem;
}
@media (max-width: 1800px) {
  #aboutGallery .aboutGalleryMain .aboutGalleryThumbnail .aboutGalleryThumbnailBox {
    margin-top: 5px;
  }
}
#aboutGallery .aboutGalleryMain .aboutGalleryThumbnail .aboutGalleryThumbnailBox:nth-of-type(1) {
  margin-top: 0;
}
#aboutGallery .aboutGalleryMain .aboutGalleryThumbnail .aboutGalleryThumbnailBox img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
}

.phoneNumberPopup{
	position: fixed;
	z-index: 160;
	width: 400px;
	padding: 20px;
	border-radius :20px;
	background: white;
	transform: translate(-50%, -50%);
	left: 50%;
	top: 50%;
	display: none;
}
@media(max-width: 480px){
	.phoneNumberPopup{
		width: 90%;
	}
}
.phoneNumberPopup .closePhoneNumberPopup{
	position: absolute;
	top: 15px;
	right: 15px;
	font-size: 16px;
	opacity:.7;
	cursor: pointer;
	color: black;
}
.phoneNumberPopup h2{
	font-size: 22px;
	font-weight: 500;
	color: black;
}
.phoneNumberPopup .phoneNumberPopupList{
	width: 100%;
	margin-top: 30px;
	display :flex;
	flex-direction :column;
	gap: 10px;
}
.phoneNumberPopup .phoneNumberPopupList a{
	text-decoration: none;
	width: 100%;
	display :flex;
	align-items :center;
	padding: 10px 20px;
	border-radius: 10px;
	background :#eee;
	color: black;
	font-size: 16px;
	font-weight: 500;
	transition: .3s;
}
.phoneNumberPopup .phoneNumberPopupList a:hover{
	transition: .3s;
	background: var(--thirdColor);
	color: white;
}

#roomDetails {
  width: 100%;
  padding: 20px 0px 100px 0px;
  margin-top: 80px;
}
@media (max-width: 480px) {
  #roomDetails {
    padding: 20px 0px 60px 0px;
    margin-top: 70px;
  }
}
#roomDetails .roomDetailsHead {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#roomDetails .roomDetailsHead h3 {
  color: var(--thirdColor);
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}
#roomDetails .roomDetailsHead h1 {
  text-align: center;
  margin-top: 0px;
}
#roomDetails .roomDetailsHead p {
  text-align: center;
  width: 50%;
	font-weight: 600;
	color: var(--thirdColor);
}
@media (max-width: 768px) {
  #roomDetails .roomDetailsHead p {
    width: 100%;
  }
}
#roomDetails .roomDetailsMain {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 20px;
  gap: 80px;
}
@media (max-width: 480px) {
  #roomDetails .roomDetailsMain {
    margin-top: 20px;
  }
}
#roomDetails .roomDetailsMain .roomDetailsBox {
  width: 100%;
  background: white;
  padding: 5px 20px 20px 20px;
  border-radius: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
#roomDetails .roomDetailsMain .roomDetailsBox .spacialPriceBtn{
	background: #ff9800;
	padding: 8px 24px;
	font-weight: 500;
	color: white;
	cursor: pointer;
	border-radius: 50px;
	font-size: 14px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap :10px;
	transition: .3s;
	margin-left: auto;
}
@media(max-width:768px){
	#roomDetails .roomDetailsMain .roomDetailsBox .spacialPriceBtn{
		padding: 10px 26px;
		font-size :14px;
	}
}
#roomDetails .roomDetailsMain .roomDetailsBox .spacialPriceBtn i{
	font-size: 22px;
}
@media(max-width:768px){
	#roomDetails .roomDetailsMain .roomDetailsBox .spacialPriceBtn i{
		font-size: 20px;
	}
}
#roomDetails .roomDetailsMain .roomDetailsBox .spacialPriceBtn:hover{
	transition: .3s;
	background: var(--thirdColor);
}
#roomDetails .roomDetailsMain .roomDetailsBox .roomDetailsBoxThumbnailMain {
  width: 100%;
  position: relative;
}
#roomDetails .roomDetailsMain .roomDetailsBox .roomDetailsBoxThumbnailMain .roomDetailsBoxThumbnail {
  width: 100%;
  position: sticky;
  top: 100px;
}
#roomDetails .roomDetailsMain .roomDetailsBox .roomDetailsBoxThumbnailMain .roomDetailsBoxThumbnail .roomDetailsBoxThumbnailBox {
  width: 100%;
  height: 350px;
  background: #eee;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
}
@media (max-width: 1024px) {
  #roomDetails .roomDetailsMain .roomDetailsBox .roomDetailsBoxThumbnailMain .roomDetailsBoxThumbnail .roomDetailsBoxThumbnailBox {
    height: 300px;
  }
}
@media (max-width: 768px) {
  #roomDetails .roomDetailsMain .roomDetailsBox .roomDetailsBoxThumbnailMain .roomDetailsBoxThumbnail .roomDetailsBoxThumbnailBox {
    height: 250px;
  }
}
@media (max-width: 480px) {
  #roomDetails .roomDetailsMain .roomDetailsBox .roomDetailsBoxThumbnailMain .roomDetailsBoxThumbnail .roomDetailsBoxThumbnailBox {
    height: 200px;
  }
}
#roomDetails .roomDetailsMain .roomDetailsBox .roomDetailsBoxThumbnailMain .roomDetailsBoxThumbnail .roomDetailsBoxThumbnailBox img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#roomDetails .roomDetailsMain .roomDetailsBox .roomDetailsBoxThumbnailMain .roomDetailsBoxThumbnail .owl-dots {
  display: none;
}
#roomDetails .roomDetailsMain .roomDetailsBox .roomDetailsBoxThumbnailMain .roomDetailsBoxThumbnailNav {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  z-index: 2;
}
#roomDetails .roomDetailsMain .roomDetailsBox .roomDetailsBoxThumbnailMain .roomDetailsBoxThumbnailNav .custom-nav {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 10px;
}
#roomDetails .roomDetailsMain .roomDetailsBox .roomDetailsBoxThumbnailMain .roomDetailsBoxThumbnailNav .custom-nav button {
  background: white;
  width: 40px;
  height: 40px;
  border: none;
  outline: none;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  cursor: pointer;
  transition: 0.3s;
}
#roomDetails .roomDetailsMain .roomDetailsBox .roomDetailsBoxThumbnailMain .roomDetailsBoxThumbnailNav .custom-nav button:hover {
  transition: 0.3s;
  background: var(--primaryColor);
  color: white;
}
#roomDetails .roomDetailsMain .roomDetailsBox .roomDetailsBoxThumbnailMain .roomDetailsBoxThumbnail2 {
  width: 100%;
  position: sticky;
  top: 100px;
}
#roomDetails .roomDetailsMain .roomDetailsBox .roomDetailsBoxThumbnailMain .roomDetailsBoxThumbnail2 .roomDetailsBoxThumbnailBox {
  width: 100%;
  height: 350px;
  background: #eee;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
}
@media (max-width: 1024px) {
  #roomDetails .roomDetailsMain .roomDetailsBox .roomDetailsBoxThumbnailMain .roomDetailsBoxThumbnail2 .roomDetailsBoxThumbnailBox {
    height: 300px;
  }
}
@media (max-width: 768px) {
  #roomDetails .roomDetailsMain .roomDetailsBox .roomDetailsBoxThumbnailMain .roomDetailsBoxThumbnail2 .roomDetailsBoxThumbnailBox {
    height: 250px;
  }
}
@media (max-width: 480px) {
  #roomDetails .roomDetailsMain .roomDetailsBox .roomDetailsBoxThumbnailMain .roomDetailsBoxThumbnail2 .roomDetailsBoxThumbnailBox {
    height: 200px;
  }
}
#roomDetails .roomDetailsMain .roomDetailsBox .roomDetailsBoxThumbnailMain .roomDetailsBoxThumbnail2 .roomDetailsBoxThumbnailBox img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#roomDetails .roomDetailsMain .roomDetailsBox .roomDetailsBoxThumbnailMain .roomDetailsBoxThumbnail2 .owl-dots {
  display: none;
}
#roomDetails .roomDetailsMain .roomDetailsBox .roomDetailsBoxThumbnailMain .roomDetailsBoxThumbnailNav {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  z-index: 2;
}
#roomDetails .roomDetailsMain .roomDetailsBox .roomDetailsBoxThumbnailMain .roomDetailsBoxThumbnailNav .custom-nav2 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 10px;
}
#roomDetails .roomDetailsMain .roomDetailsBox .roomDetailsBoxThumbnailMain .roomDetailsBoxThumbnailNav .custom-nav2 button {
  background: white;
  width: 40px;
  height: 40px;
  border: none;
  outline: none;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  cursor: pointer;
  transition: 0.3s;
}
#roomDetails .roomDetailsMain .roomDetailsBox .roomDetailsBoxThumbnailMain .roomDetailsBoxThumbnailNav .custom-nav2 button:hover {
  transition: 0.3s;
  background: var(--primaryColor);
  color: white;
}
#roomDetails .roomDetailsMain .roomDetailsBox .roomDetailsBoxDetails {
  width: 100%;
  display: flex;
  flex-direction: column;
}
#roomDetails .roomDetailsMain .roomDetailsBox .roomDetailsBoxDetails .roomDetailsHeadCol1 {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
}
#roomDetails .roomDetailsMain .roomDetailsBox .roomDetailsBoxDetails h2 {
  color: black;
  font-size: 2.5em;
  font-weight: 500;
	width: calc(100% - 420px);
}
@media (max-width: 1024px) {
  #roomDetails .roomDetailsMain .roomDetailsBox .roomDetailsBoxDetails h2 {
    font-size: 2em;
	width: 100%;
  }
}
@media (max-width: 480px) {
  #roomDetails .roomDetailsMain .roomDetailsBox .roomDetailsBoxDetails h2 {
    font-size: 25px;
  }
}
#roomDetails .roomDetailsMain .roomDetailsBox .roomDetailsBoxDetails .roomDetailsPrice {
  width: 400px;
  background: #092d24;
  padding: 20px;
  gap: 20px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 1024px) {
	#roomDetails .roomDetailsMain .roomDetailsBox .roomDetailsBoxDetails .roomDetailsPrice {
		width: fit-content;
	}
}
#roomDetails .roomDetailsMain .roomDetailsBox .roomDetailsBoxDetails .roomDetailsPrice a {
  text-decoration: none;
  background: var(--thirdColor);
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  padding: 12px 30px;
  border-radius: 50px;
  transition: 0.3s;
}
@media (max-width: 480px) {
  #roomDetails .roomDetailsMain .roomDetailsBox .roomDetailsBoxDetails .roomDetailsPrice a {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
#roomDetails .roomDetailsMain .roomDetailsBox .roomDetailsBoxDetails .roomDetailsPrice a:hover {
  background: white;
  color: black;
  transition: 0.3s;
}
#roomDetails .roomDetailsMain .roomDetailsBox .roomDetailsBoxDetails .roomDetailsPrice .price {
  display: flex;
  align-items: center;
  gap: 10px;
  background: rgba(255, 255, 255, 0.0705882353);
  padding: 12px 30px;
  border-radius: 50px;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  flex-wrap: wrap;
}
@media (max-width: 480px) {
  #roomDetails .roomDetailsMain .roomDetailsBox .roomDetailsBoxDetails .roomDetailsPrice .price {
    justify-content: center;
  }
}
#roomDetails .roomDetailsMain .roomDetailsBox .roomDetailsBoxDetails .roomDetailsPrice .price h5 {
  font-size: 20px;
  font-weight: 500;
  color: #eeff00;
}
#roomDetails .roomDetailsMain .roomDetailsBox .roomDetailsBoxDetails .roomDetailsPrice .price span {
  font-size: 14px;
  font-weight: 300;
}
#roomDetails .roomDetailsMain .roomDetailsBox .roomDetailsBoxDetails p {
  color: black;
}
#roomDetails .roomDetailsMain .roomDetailsBox .roomDetailsBoxDetails .roomDetailsBoxDetailsAmenities {
  width: 100%;
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  background: rgba(248, 248, 248, 0.7960784314);
  border-radius: 20px;
  padding: 20px;
}
#roomDetails .roomDetailsMain .roomDetailsBox .roomDetailsBoxDetails .roomDetailsBoxDetailsAmenities h3 {
  color: black;
  font-size: 18px;
  font-weight: 500;
}
#roomDetails .roomDetailsMain .roomDetailsBox .roomDetailsBoxDetails .roomDetailsBoxDetailsAmenities ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 20px;
       column-gap: 20px;
  row-gap: 10px;
  margin-top: 20px;
}
#roomDetails .roomDetailsMain .roomDetailsBox .roomDetailsBoxDetails .roomDetailsBoxDetailsAmenities ul li {
  list-style: none;
  width: calc(33.3333333333% - 14px);
  display: flex;
  align-items: center;
  gap: 10px;
  /*background: white;
  border-radius: 50px;
  padding: 5px 10px 5px 5px;*/
}
@media (max-width: 768px) {
  #roomDetails .roomDetailsMain .roomDetailsBox .roomDetailsBoxDetails .roomDetailsBoxDetailsAmenities ul li {
    width: calc(50% - 10px);
  }
}
@media (max-width: 480px) {
  #roomDetails .roomDetailsMain .roomDetailsBox .roomDetailsBoxDetails .roomDetailsBoxDetailsAmenities ul li {
    flex: 100%;
  }
}
#roomDetails .roomDetailsMain .roomDetailsBox .roomDetailsBoxDetails .roomDetailsBoxDetailsAmenities ul li .icon {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  color: green;
  background: #edffed;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
	position: relative;
}
#roomDetails .roomDetailsMain .roomDetailsBox .roomDetailsBoxDetails .roomDetailsBoxDetailsAmenities ul li .icon::after{
	position: absolute;
	width :10px;
	height :10px;
	background :green;
	border-radius :50%;
	content: '';
}
#roomDetails .roomDetailsMain .roomDetailsBox .roomDetailsBoxDetails .roomDetailsBoxDetailsAmenities ul li .icon i{
	display: none;
}
#roomDetails .roomDetailsMain .roomDetailsBox .roomDetailsBoxDetails .roomDetailsBoxDetailsAmenities ul li .icon span {
  font-size: 18px;
	display: none;
}
#roomDetails .roomDetailsMain .roomDetailsBox .roomDetailsBoxDetails .roomDetailsBoxDetailsAmenities ul li .name {
  color: black;
  font-size: 14px;
  font-weight: 400;
  width: calc(100% - 40px);
  opacity: 0.7;
}
#roomDetails .roomDetailsMain .roomDetailsBoxDetailsRegulations {
  width: 100%;
  display: flex;
  flex-direction: column;
}
#roomDetails .roomDetailsMain .roomDetailsBoxDetailsRegulations h3 {
  font-size: 18px;
  font-weight: 500;
}
#roomDetails .roomDetailsMain .roomDetailsBoxDetailsRegulations ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 20px;
       column-gap: 20px;
  row-gap: 10px;
  margin-top: 20px;
}
#roomDetails .roomDetailsMain .roomDetailsBoxDetailsRegulations ul li {
  list-style: none;
  width: calc(50% - 10px);
  gap: 10px;
  background: rgba(255, 255, 255, 0.0352941176);
  border: 1px solid rgba(255, 255, 255, 0.1058823529);
  border-radius: 10px;
  padding: 20px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  #roomDetails .roomDetailsMain .roomDetailsBoxDetailsRegulations ul li {
    width: 100%;
  }
}
#roomDetails .roomDetailsMain .roomDetailsBoxDetailsRegulations ul li .title {
  font-size: 18px;
  font-weight: 500;
}
#roomDetails .roomDetailsMain .roomDetailsBoxDetailsRegulations ul li .content {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 300;
}

#facilitiesList {
  width: 100%;
  padding: 100px 0px;
  margin-top: 80px;
}
@media (max-width: 480px) {
  #facilitiesList {
    padding: 60px 0px;
    margin-top: 70px;
  }
}
#facilitiesList .facilitiesListHead {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#facilitiesList .facilitiesListHead h3 {
  color: var(--secondaryColor);
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}
#facilitiesList .facilitiesListHead h1 {
  text-align: center;
  width: 60%;
  margin-top: 20px;
}
@media (max-width: 768px) {
  #facilitiesList .facilitiesListHead h1 {
    width: 100%;
  }
}
#facilitiesList .facilitiesListMain {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 80px;
  -moz-column-gap: 40px;
       column-gap: 40px;
  row-gap: 80px;
}
#facilitiesList .facilitiesListMain .facilitiesListBox {
  width: calc(33.3333333333% - 27px);
  display: flex;
  flex-direction: column;
}
@media (max-width: 1024px) {
  #facilitiesList .facilitiesListMain .facilitiesListBox {
    width: calc(50% - 20px);
  }
}
@media (max-width: 480px) {
  #facilitiesList .facilitiesListMain .facilitiesListBox {
    width: 100%;
  }
}
#facilitiesList .facilitiesListMain .facilitiesListBox .facilitiesListBoxThumbnail {
  width: 100%;
  height: 240px;
  background: #eee;
  border-radius: 10px;
  overflow: hidden;
}
#facilitiesList .facilitiesListMain .facilitiesListBox .facilitiesListBoxThumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#facilitiesList .facilitiesListMain .facilitiesListBox .facilitiesListBoxDetails {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}
#facilitiesList .facilitiesListMain .facilitiesListBox .facilitiesListBoxDetails h2 {
  font-size: 20px;
  font-weight: 500;
}
#facilitiesList .facilitiesListMain .facilitiesListBox .facilitiesListBoxDetails p {
  font-size: 16px;
  margin-top: 10px;
  opacity: 0.7;
}

#tourPackage {
  width: 100%;
  padding: 100px 0px;
  margin-top: 80px;
}
@media (max-width: 480px) {
  #tourPackage {
    padding: 60px 0px;
    margin-top: 60px;
  }
}
#tourPackage .tourPackageHead {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-end;
}
#tourPackage .tourPackageHead .tourPackageHeadCol1 {
  flex: 0 0 70%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1024px) {
  #tourPackage .tourPackageHead .tourPackageHeadCol1 {
    flex: 0 0 65%;
  }
}
@media (max-width: 768px) {
  #tourPackage .tourPackageHead .tourPackageHeadCol1 {
    flex: 100%;
  }
}
#tourPackage .tourPackageHead .tourPackageHeadCol1 h3 {
  color: var(--thirdColor);
  font-size: 18px;
  font-weight: 500;
}
#tourPackage .tourPackageHead .tourPackageHeadCol1 h1 {
  width: 80%;
  margin-top: 20px;
}
@media (max-width: 1024px) {
  #tourPackage .tourPackageHead .tourPackageHeadCol1 h1 {
    width: 100%;
  }
}
#tourPackage .tourPackageHead .tourPackageHeadCol2 {
  flex: 0 0 25%;
}
@media (max-width: 1024px) {
  #tourPackage .tourPackageHead .tourPackageHeadCol2 {
    flex: 0 0 30%;
  }
}
@media (max-width: 768px) {
  #tourPackage .tourPackageHead .tourPackageHeadCol2 {
    flex: 0 0 50%;
    margin-top: 40px;
  }
}
@media (max-width: 480px) {
  #tourPackage .tourPackageHead .tourPackageHeadCol2 {
    flex: 100%;
  }
}
#tourPackage .tourPackageHead .tourPackageHeadCol2 .customPackageBox {
  background: white;
  width: 100%;
  padding: 20px;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  
  background-color: #FFFFFF;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 800 800'%3E%3Cg fill-opacity='0.2'%3E%3Ccircle fill='%23FFFFFF' cx='400' cy='400' r='600'/%3E%3Ccircle fill='%23f4fcf4' cx='400' cy='400' r='500'/%3E%3Ccircle fill='%23e9f9e8' cx='400' cy='400' r='400'/%3E%3Ccircle fill='%23def6dd' cx='400' cy='400' r='300'/%3E%3Ccircle fill='%23d3f3d2' cx='400' cy='400' r='200'/%3E%3Ccircle fill='%23C8F0C7' cx='400' cy='400' r='100'/%3E%3C/g%3E%3C/svg%3E");
  background-size: cover;
  background-position: center;
}
#tourPackage .tourPackageHead .tourPackageHeadCol2 .customPackageBox h3 {
  font-size: 28px;
  font-weight: 600;
	color: black;
}
#tourPackage .tourPackageHead .tourPackageHeadCol2 .customPackageBox p {
  margin-top: 10px;
  font-size: 18px;
  font-weight: 300;
	color: black;
}
#tourPackage .tourPackageHead .tourPackageHeadCol2 .customPackageBox .customPackageBoxBtn {
  width: 100%;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-radius: 10px;
  background: var(--thirdColor);
  margin-top: 30px;
  color: white;
  cursor: pointer;
  font-size: 16px;
  transition: 0.3s;
}
#tourPackage .tourPackageHead .tourPackageHeadCol2 .customPackageBox .customPackageBoxBtn:hover {
  transition: 0.3s;
  background: var(--fourthColor);
}
#tourPackage .tourPackageHead .tourPackageHeadCol2 .customPackageBox .customPackageBoxBtn span {
  font-size: 20px;
}
#tourPackage .tourPackageMain {
  width: 100%;
  margin-top: 80px;
  display: flex;
  flex-direction: column;
  gap: 80px;
}
#tourPackage .tourPackageMain .tourPackageCol {
  width: 100%;
  display: flex;
  flex-direction: column;
}
#tourPackage .tourPackageMain .tourPackageCol h2 {
  font-size: 25px;
  font-weight: 300;
  border-bottom: 1px solid rgba(238, 238, 238, 0.0823529412);
  padding-bottom: 10px;
}
#tourPackage .tourPackageMain .tourPackageCol .tourPackageList {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  margin-top: 40px;
}
@media (max-width: 1024px) {
  #tourPackage .tourPackageMain .tourPackageCol .tourPackageList {
    gap: 20px;
  }
}
#tourPackage .tourPackageMain .tourPackageCol .tourPackageList .tourPackageBox {
  background: white;
  width: calc(25% - 30px);
  padding: 10px;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  transition: 0.3s;
}
#tourPackage .tourPackageMain .tourPackageCol .tourPackageList .tourPackageBox:hover {
  transition: 0.3s;
  transform: translateY(-5px);
}
@media (max-width: 1800px) {
  #tourPackage .tourPackageMain .tourPackageCol .tourPackageList .tourPackageBox {
    width: calc(33.3333333333% - 27px);
  }
}
@media (max-width: 1024px) {
  #tourPackage .tourPackageMain .tourPackageCol .tourPackageList .tourPackageBox {
    width: calc(33.3333333333% - 14px);
  }
}
@media (max-width: 768px) {
  #tourPackage .tourPackageMain .tourPackageCol .tourPackageList .tourPackageBox {
    width: calc(50% - 10px);
  }
}
@media (max-width: 480px) {
  #tourPackage .tourPackageMain .tourPackageCol .tourPackageList .tourPackageBox {
    width: 100%;
  }
}
#tourPackage .tourPackageMain .tourPackageCol .tourPackageList .tourPackageBox .tourPackageBoxThumbnail {
  width: 100%;
  height: 180px;
  background: #eee;
  border-radius: 10px;
  overflow: hidden;
}
#tourPackage .tourPackageMain .tourPackageCol .tourPackageList .tourPackageBox .tourPackageBoxThumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#tourPackage .tourPackageMain .tourPackageCol .tourPackageList .tourPackageBox .tourPackageBoxDetails {
  width: 100%;
  padding: 20px 10px 10px 10px;
  display: flex;
  flex-direction: column;
}
#tourPackage .tourPackageMain .tourPackageCol .tourPackageList .tourPackageBox .tourPackageBoxDetails h3 {
  font-size: 20px;
  font-weight: 500;
  color: black;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
#tourPackage .tourPackageMain .tourPackageCol .tourPackageList .tourPackageBox .tourPackageBoxDetails p {
  font-size: 16px;
  margin-top: 10px;
  opacity: 0.7;
  color: black;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

#innerPackage {
  width: 100%;
  padding: 100px 0px;
  margin-top: 80px;
}
@media (max-width: 480px) {
  #innerPackage {
    padding: 60px 0px;
    margin-top: 70px;
  }
}
#innerPackage .innerPackageMain {
  width: 100%;
  display: flex;
  flex-direction: column;
}
#innerPackage .innerPackageMain .innerPackageThumbnailMain {
  width: 100%;
  position: relative;
}
#innerPackage .innerPackageMain .innerPackageThumbnailMain .innerPackageThumbnail {
  width: 100%;
  margin-top: 20px;
  background: #eee;
  border-radius: 20px;
  overflow: hidden;
  padding: 10px;
}
#innerPackage .innerPackageMain .innerPackageThumbnailMain .innerPackageThumbnail .innerPackageThumbnailBox {
  width: 100%;
  height: 500px;
  overflow: hidden;
  border-radius: 20px;
}
@media (max-width: 1800px) {
  #innerPackage .innerPackageMain .innerPackageThumbnailMain .innerPackageThumbnail .innerPackageThumbnailBox {
    height: 400px;
  }
}
@media (max-width: 1024px) {
  #innerPackage .innerPackageMain .innerPackageThumbnailMain .innerPackageThumbnail .innerPackageThumbnailBox {
    height: 350px;
  }
}
@media (max-width: 768px) {
  #innerPackage .innerPackageMain .innerPackageThumbnailMain .innerPackageThumbnail .innerPackageThumbnailBox {
    height: 250px;
  }
}
@media (max-width: 480px) {
  #innerPackage .innerPackageMain .innerPackageThumbnailMain .innerPackageThumbnail .innerPackageThumbnailBox {
    height: 200px;
  }
}
#innerPackage .innerPackageMain .innerPackageThumbnailMain .innerPackageThumbnail .innerPackageThumbnailBox img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#innerPackage .innerPackageMain .innerPackageThumbnailMain .innerPackageThumbnail .owl-dots {
  display: none;
}
#innerPackage .innerPackageMain .innerPackageThumbnailMain .innerPackageThumbnailNav {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  z-index: 2;
}
#innerPackage .innerPackageMain .innerPackageThumbnailMain .innerPackageThumbnailNav .custom-nav {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 20px;
}
#innerPackage .innerPackageMain .innerPackageThumbnailMain .innerPackageThumbnailNav .custom-nav button {
  width: 40px;
  height: 40px;
  background: white;
  border-radius: 50%;
  border: none;
  outline: none;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  cursor: pointer;
  transition: 0.3s;
}
#innerPackage .innerPackageMain .innerPackageThumbnailMain .innerPackageThumbnailNav .custom-nav button:hover {
  transition: 0.3s;
  background: var(--primaryColor);
  color: white;
}
#innerPackage .innerPackageMain .innerPackageDetailsMain {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 40px;
}
#innerPackage .innerPackageMain .innerPackageDetailsMain .innerPackageCol1Main {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}
#innerPackage .innerPackageMain .innerPackageDetailsMain .innerPackageCol1Main .innerPackageCol1MainBox1 {
  flex: 0 0 70%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1800px) {
  #innerPackage .innerPackageMain .innerPackageDetailsMain .innerPackageCol1Main .innerPackageCol1MainBox1 {
    flex: 0 0 65%;
  }
}
@media (max-width: 768px) {
  #innerPackage .innerPackageMain .innerPackageDetailsMain .innerPackageCol1Main .innerPackageCol1MainBox1 {
    flex: 100%;
    order: 2;
    margin-top: 40px;
  }
}
#innerPackage .innerPackageMain .innerPackageDetailsMain .innerPackageCol1Main .innerPackageCol1MainBox1 .innerPackageBoxDuration {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  background: rgba(255, 254, 254, 0.0745098039);
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 50px;
  padding: 10px 20px;
}
#innerPackage .innerPackageMain .innerPackageDetailsMain .innerPackageCol1Main .innerPackageCol1MainBox1 .innerPackageBoxDuration span {
  font-size: 16px;
  color: white;
}
#innerPackage .innerPackageMain .innerPackageDetailsMain .innerPackageCol1Main .innerPackageCol1MainBox1 .innerPackageBoxDuration h5 {
  font-size: 16px;
  color: white;
}
#innerPackage .innerPackageMain .innerPackageDetailsMain .innerPackageCol1Main .innerPackageCol2 {
  flex: 0 0 25%;
  display: flex;
  flex-direction: column;
  position: sticky;
  top: 150px;
}
@media (max-width: 1800px) {
  #innerPackage .innerPackageMain .innerPackageDetailsMain .innerPackageCol1Main .innerPackageCol2 {
    flex: 0 0 30%;
  }
}
@media (max-width: 768px) {
  #innerPackage .innerPackageMain .innerPackageDetailsMain .innerPackageCol1Main .innerPackageCol2 {
    flex: 100%;
    order: 1;
    position: inherit;
    top: inherit;
  }
}
#innerPackage .innerPackageMain .innerPackageDetailsMain .innerPackageCol1Main .innerPackageCol2 .innerPackagePriceBox {
  width: 100%;
  background: white;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 20px;
}
@media (max-width: 1800px) {
  #innerPackage .innerPackageMain .innerPackageDetailsMain .innerPackageCol1Main .innerPackageCol2 .innerPackagePriceBox {
    padding: 20px;
  }
}
@media (max-width: 768px) {
  #innerPackage .innerPackageMain .innerPackageDetailsMain .innerPackageCol1Main .innerPackageCol2 .innerPackagePriceBox {
    align-items: flex-start;
  }
}
#innerPackage .innerPackageMain .innerPackageDetailsMain .innerPackageCol1Main .innerPackageCol2 .innerPackagePriceBox h3 {
  color: black;
  font-size: 16px;
}
#innerPackage .innerPackageMain .innerPackageDetailsMain .innerPackageCol1Main .innerPackageCol2 .innerPackagePriceBox .price {
  display: flex;
  background: #fff4e1;
  padding: 35px 30px 20px 30px;
  flex-direction: column;
  width: 100%;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
}
@media (max-width: 1024px) {
  #innerPackage .innerPackageMain .innerPackageDetailsMain .innerPackageCol1Main .innerPackageCol2 .innerPackagePriceBox .price {
    padding: 35px 20px 20px 20px;
  }
}
#innerPackage .innerPackageMain .innerPackageDetailsMain .innerPackageCol1Main .innerPackageCol2 .innerPackagePriceBox .price h2 {
  color: black;
  font-size: 2em;
  font-weight: 600;
}
@media (max-width: 1024px) {
  #innerPackage .innerPackageMain .innerPackageDetailsMain .innerPackageCol1Main .innerPackageCol2 .innerPackagePriceBox .price h2 {
    font-size: 1.5em;
  }
}
#innerPackage .innerPackageMain .innerPackageDetailsMain .innerPackageCol1Main .innerPackageCol2 .innerPackagePriceBox .price span {
  color: black;
  font-size: 16px;
  font-weight: 300;
}
#innerPackage .innerPackageMain .innerPackageDetailsMain .innerPackageCol1Main .innerPackageCol2 .innerPackagePriceBox h6 {
  color: black;
  font-size: 14px;
  margin-top: 10px;
  font-weight: 400;
  line-height: 1.4;
}
#innerPackage .innerPackageMain .innerPackageDetailsMain .innerPackageCol1Main .innerPackageCol2 .innerPackagePriceBox p {
  font-size: 16px;
  color: black;
  margin-top: 20px;
  line-height: 1.3;
  font-weight: 300;
}
@media (max-width: 1024px) {
  #innerPackage .innerPackageMain .innerPackageDetailsMain .innerPackageCol1Main .innerPackageCol2 .innerPackagePriceBox p {
    font-size: 14px;
  }
}
#innerPackage .innerPackageMain .innerPackageDetailsMain .innerPackageCol1Main .innerPackageCol2 .innerPackagePriceBox .innerPackageBookBtn {
  text-decoration: none;
  margin-top: 20px;
  padding: 18px 35px;
  background: var(--thirdColor);
  color: white;
  border-radius: 50px;
  font-size: 20px;
  transition: 0.3s;
  width: 100%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1024px) {
  #innerPackage .innerPackageMain .innerPackageDetailsMain .innerPackageCol1Main .innerPackageCol2 .innerPackagePriceBox .innerPackageBookBtn {
    font-size: 16px;
  }
}
#innerPackage .innerPackageMain .innerPackageDetailsMain .innerPackageCol1Main .innerPackageCol2 .innerPackagePriceBox .innerPackageBookBtn:hover {
  background: var(--fourthColor);
  transition: 0.3s;
}
#innerPackage .innerPackageMain .innerPackageDetailsMain p {
  margin-top: 30px;
}
#innerPackage .innerPackageMain .innerPackageDetailsMain .restuarantLink {
  margin-top: 30px;
  width: 100%;
}
#innerPackage .innerPackageMain .innerPackageDetailsMain .restuarantLink a {
  font-size: 18px;
  color: #FF9D3D;
  font-weight: 300;
}
#innerPackage .innerPackageMain .innerPackageDetailsMain .restuarantLink a:hover {
  text-decoration: none;
}
#innerPackage .innerPackageMain .innerPackageDetailsMain .innerPackageLocation {
  width: 100%;
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  background: rgba(251, 251, 251, 0.0431372549);
  border-radius: 20px;
  padding: 20px;
}
#innerPackage .innerPackageMain .innerPackageDetailsMain .innerPackageLocation h3 {
  font-size: 18px;
  font-weight: 500;
}
#innerPackage .innerPackageMain .innerPackageDetailsMain .innerPackageLocation .innerPackageLocationListMain {
  width: 100%;
  margin-top: 20px;
  position: relative;
}
#innerPackage .innerPackageMain .innerPackageDetailsMain .innerPackageLocation .innerPackageLocationListMain .innerPackageLocationList {
  width: 100%;
}
#innerPackage .innerPackageMain .innerPackageDetailsMain .innerPackageLocation .innerPackageLocationListMain .innerPackageLocationList .innerPackageLocationBox {
  width: 100%;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}
#innerPackage .innerPackageMain .innerPackageDetailsMain .innerPackageLocation .innerPackageLocationListMain .innerPackageLocationList .innerPackageLocationBox .innerPackageLocationBoxThumbnail {
  width: 100%;
  height: 220px;
  background: #eee;
  border-radius: 20px;
  overflow: hidden;
}
@media (max-width: 1024px) {
  #innerPackage .innerPackageMain .innerPackageDetailsMain .innerPackageLocation .innerPackageLocationListMain .innerPackageLocationList .innerPackageLocationBox .innerPackageLocationBoxThumbnail {
    height: 200px;
  }
}
#innerPackage .innerPackageMain .innerPackageDetailsMain .innerPackageLocation .innerPackageLocationListMain .innerPackageLocationList .innerPackageLocationBox .innerPackageLocationBoxThumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#innerPackage .innerPackageMain .innerPackageDetailsMain .innerPackageLocation .innerPackageLocationListMain .innerPackageLocationList .innerPackageLocationBox .innerPackageLocationBoxDetails {
  width: 100%;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  background: linear-gradient(rgba(0, 0, 0, 0.0509803922), rgba(0, 0, 0, 0.8470588235));
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
#innerPackage .innerPackageMain .innerPackageDetailsMain .innerPackageLocation .innerPackageLocationListMain .innerPackageLocationList .innerPackageLocationBox .innerPackageLocationBoxDetails h5 {
  color: white;
  font-size: 18px;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
#innerPackage .innerPackageMain .innerPackageDetailsMain .innerPackageLocation .innerPackageLocationListMain .innerPackageLocationListNav {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  z-index: 2;
}
#innerPackage .innerPackageMain .innerPackageDetailsMain .innerPackageLocation .innerPackageLocationListMain .innerPackageLocationListNav .custom-nav2 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 10px;
}
#innerPackage .innerPackageMain .innerPackageDetailsMain .innerPackageLocation .innerPackageLocationListMain .innerPackageLocationListNav .custom-nav2 button {
  width: 40px;
  height: 40px;
  background: white;
  border-radius: 50%;
  border: none;
  outline: none;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  cursor: pointer;
  transition: 0.3s;
}
#innerPackage .innerPackageMain .innerPackageDetailsMain .innerPackageLocation .innerPackageLocationListMain .innerPackageLocationListNav .custom-nav2 button:hover {
  transition: 0.3s;
  background: var(--primaryColor);
  color: white;
}

#gallerySection {
  width: 100%;
  padding: 100px 0px;
  margin-top: 80px;
}
@media (max-width: 480px) {
  #gallerySection {
    padding: 60px 0px;
    margin-top: 70px;
  }
}
#gallerySection .gallerySectionHead {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#gallerySection .gallerySectionHead h3 {
  color: var(--secondaryColor);
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}
#gallerySection .gallerySectionHead h1 {
  text-align: center;
  width: 60%;
  margin-top: 20px;
}
@media (max-width: 768px) {
  #gallerySection .gallerySectionHead h1 {
    width: 100%;
  }
}
#gallerySection .galleryTab {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
}
#gallerySection .galleryTab .galleryTabBox {
  background: rgba(251, 251, 251, 0.0431372549);
  border-radius: 20px;
  padding: 10px 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
#gallerySection .galleryTab .galleryTabBox button {
  width: 150px;
  padding: 10px;
  border-radius: 10px;
  border: none;
  outline: none;
  cursor: pointer;
  font-size: 16px;
  background: white;
	transition: .3s;
}
#gallerySection .galleryTab .galleryTabBox button:hover{
	opacity: .8;
	transition: .3s;
}
#gallerySection .galleryTab .galleryTabBox .active {
  background: var(--thirdColor);
  color: white;
}
#gallerySection .gallerySectionList {
  width: 100%;
  margin-top: 50px;
}
#gallerySection .gallerySectionList .tabcontent {
  display: none;
  width: 100%;
  animation: fadeEffect 1s;
}
#gallerySection .gallerySectionList .tabcontent .tabcontentImg {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
#gallerySection .gallerySectionList .tabcontent .tabcontentImg .tabcontentImgBox {
  width: calc(20% - 8px);
  height: 200px;
  background: #eee;
  overflow: hidden;
}
@media (max-width: 1800px) {
  #gallerySection .gallerySectionList .tabcontent .tabcontentImg .tabcontentImgBox {
    height: 160px;
  }
}
@media (max-width: 1024px) {
  #gallerySection .gallerySectionList .tabcontent .tabcontentImg .tabcontentImgBox {
    width: calc(25% - 8px);
  }
}
@media (max-width: 768px) {
  #gallerySection .gallerySectionList .tabcontent .tabcontentImg .tabcontentImgBox {
    width: calc(33.3333333333% - 7px);
  }
}
@media (max-width: 480px) {
  #gallerySection .gallerySectionList .tabcontent .tabcontentImg .tabcontentImgBox {
    width: calc(50% - 5px);
    height: 120px;
  }
}
#gallerySection .gallerySectionList .tabcontent .tabcontentImg .tabcontentImgBox:hover img {
  transition: 0.3s;
  transform: scale(1.1);
}
#gallerySection .gallerySectionList .tabcontent .tabcontentImg .tabcontentImgBox img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.3s;
}
#gallerySection .gallerySectionList .tabcontent .tabcontentVideo {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
#gallerySection .gallerySectionList .tabcontent .tabcontentVideo .tabcontentVideoBox {
  width: calc(25% - 8px);
  height: 240px;
  background: #eee;
  overflow: hidden;
}
@media (max-width: 1800px) {
  #gallerySection .gallerySectionList .tabcontent .tabcontentVideo .tabcontentVideoBox {
    height: 200px;
  }
}
@media (max-width: 1024px) {
  #gallerySection .gallerySectionList .tabcontent .tabcontentVideo .tabcontentVideoBox {
    width: calc(33.3333333333% - 7px);
  }
}
@media (max-width: 768px) {
  #gallerySection .gallerySectionList .tabcontent .tabcontentVideo .tabcontentVideoBox {
    width: calc(50% - 5px);
  }
}
@media (max-width: 480px) {
  #gallerySection .gallerySectionList .tabcontent .tabcontentVideo .tabcontentVideoBox {
    width: 100%;
  }
}
#gallerySection .gallerySectionList .tabcontent .tabcontentVideo .tabcontentVideoBox video, #gallerySection .gallerySectionList .tabcontent .tabcontentVideo .tabcontentVideoBox iframe {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@keyframes fadeEffect {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

#innerContact {
  width: 100%;
  padding: 100px 0px;
  margin-top: 80px;
}
@media (max-width: 480px) {
  #innerContact {
    padding: 60px 0px;
    margin-top: 70px;
  }
}
#innerContact .contactHead {
  width: 100%;
  display: flex;
  flex-direction: column;
}
#innerContact .contactHead p {
  width: 50%;
}
@media (max-width: 768px) {
  #innerContact .contactHead p {
    width: 70%;
  }
}
@media (max-width: 480px) {
  #innerContact .contactHead p {
    width: 100%;
  }
}
#innerContact .contactMainList {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 80px;
  align-items: flex-start;
}
#innerContact .contactMainList .contactMain {
  flex: 0 0 65%;
  display: flex;
  flex-wrap: wrap;
  gap: 50px;
}
@media (max-width: 1800px) {
  #innerContact .contactMainList .contactMain {
    gap: 20px;
  }
}
@media (max-width: 1024px) {
  #innerContact .contactMainList .contactMain {
    flex: 100%;
  }
}
#innerContact .contactMainList .contactMain .contactCol {
  width: calc(50% - 25px);
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(255, 255, 255, 0.1058823529);
  padding: 40px;
  border-radius: 20px;
}
#innerContact .contactMainList .contactMain .contactCol:nth-last-of-type(1) {
  width: 100%;
}
@media (max-width: 1800px) {
  #innerContact .contactMainList .contactMain .contactCol {
    width: calc(50% - 10px);
    padding: 20px;
  }
}
@media (max-width: 480px) {
  #innerContact .contactMainList .contactMain .contactCol {
    width: 100%;
  }
}
#innerContact .contactMainList .contactMain .contactCol .contactBox {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 40px;
}
#innerContact .contactMainList .contactMain .contactCol .contactBox:nth-of-type(1) {
  margin-top: 0;
}
#innerContact .contactMainList .contactMain .contactCol .contactBox h2 {
  font-size: 18px;
  font-weight: 200;
  display: flex;
  align-items: center;
  gap: 10px;
}
#innerContact .contactMainList .contactMain .contactCol .contactBox p {
  font-size: 18px;
  margin-top: 20px;
  line-height: 1.5;
  font-weight: 500;
  padding: 18px;
  background: rgba(238, 238, 238, 0.062745098);
  border-radius: 10px;
}
@media (max-width: 480px) {
  #innerContact .contactMainList .contactMain .contactCol .contactBox p {
    font-size: 16px;
  }
}
#innerContact .contactMainList .contactMain .contactCol .contactBox a {
  text-decoration: none;
  color: white;
  font-size: 18px;
  margin-top: 5px;
  line-height: 1.5;
  font-weight: 500;
  padding: 18px;
  background: rgba(238, 238, 238, 0.062745098);
  border-radius: 10px;
  transition: 0.3s;
}
@media (max-width: 480px) {
  #innerContact .contactMainList .contactMain .contactCol .contactBox a {
    font-size: 16px;
  }
}
#innerContact .contactMainList .contactMain .contactCol .contactBox a:hover {
  transition: 0.3s;
  background: var(--thirdColor);
  color: white;
}
#innerContact .contactMainList .contactMain .contactCol .contactBox a:nth-of-type(1) {
  margin-top: 20px;
}
#innerContact .contactMainList .contactMain .contactCol .contactBox .contactSocialLinks {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 20px;
}
#innerContact .contactMainList .contactMain .contactCol .contactBox .contactSocialLinks a {
  margin-top: 0;
  font-size: 20px;
  width: 40px;
  height: 40px;
  background: rgba(238, 238, 238, 0.062745098);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  margin-left: 0px;
  transition: 0.3s;
}
#innerContact .contactMainList .contactMain .contactCol .contactBox .contactSocialLinks a:hover {
  transition: 0.3s;
  background: var(--secondaryColor);
  color: black;
}
#innerContact .contactMainList .contactMain .contactCol .contactBox .contactMap {
  width: 100%;
  margin-top: 20px;
  height: 150px;
  background: #eee;
  border-radius: 20px;
  overflow: hidden;
}
#innerContact .contactMainList .contactMain .contactCol .contactBox .contactMap iframe {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#innerContact .contactMainList .contactForm {
  flex: 0 0 30%;
}
@media (max-width: 1024px) {
  #innerContact .contactMainList .contactForm {
    flex: 100%;
    margin-top: 60px;
  }
}
#innerContact .contactMainList .contactForm h2 {
  color: var(--thirdColor);
  font-size: 18px;
  font-weight: 500;
}
#innerContact .contactMainList .contactForm form {
  width: 100%;
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  background: white;
  border-radius: 20px;
  padding: 40px;
}
@media (max-width: 480px) {
  #innerContact .contactMainList .contactForm form {
    padding: 20px;
    gap: 30px;
  }
}
#innerContact .contactMainList .contactForm form .formGroup {
  width: 100%;
  display: flex;
  flex-direction: column;
}
#innerContact .contactMainList .contactForm form .formGroup label {
  font-size: 16px;
  font-weight: 300;
  color: black;
}
#innerContact .contactMainList .contactForm form .formGroup input {
  width: 100%;
  margin-top: 5px;
  height: 50px;
  background: white;
  border: 1px solid #aaa;
  outline: none;
  border-radius: 5px;
  padding: 0px 20px;
  font-size: 20px;
}
#innerContact .contactMainList .contactForm form .formGroup input:focus {
  border-color: black;
}
#innerContact .contactMainList .contactForm form .formTextareaGroup {
  width: 100%;
  display: flex;
  flex-direction: column;
}
#innerContact .contactMainList .contactForm form .formTextareaGroup label {
  font-size: 16px;
  font-weight: 300;
  color: black;
}
#innerContact .contactMainList .contactForm form .formTextareaGroup textarea {
  width: 100%;
  margin-top: 5px;
  height: 100px;
  background: white;
  border: 1px solid #aaa;
  outline: none;
  border-radius: 5px;
  padding: 10px 20px;
  font-size: 20px;
}
#innerContact .contactMainList .contactForm form .formTextareaGroup textarea:focus {
  border-color: black;
}
#innerContact .contactMainList .contactForm form .formBtnArea {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
#innerContact .contactMainList .contactForm form .formBtnArea button {
  background: var(--thirdColor);
  color: white;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 30px 10px 35px;
  border: none;
  outline: none;
  cursor: pointer;
  border-radius: 50px;
  gap: 10px;
  transition: 0.3s;
  width: 100%;
}
@media (max-width: 480px) {
  #innerContact .contactMainList .contactForm form .formBtnArea button {
    font-size: 16px;
    padding: 8px 20px;
  }
}
#innerContact .contactMainList .contactForm form .formBtnArea button:hover {
  transition: 0.3s;
  background: var(--fourthColor);
}
#innerContact .contactMainList .contactForm form .formBtnArea button i {
  font-size: 34px;
}

#innerLocation {
  width: 100%;
  padding: 30px 0px 100px 0px;
  margin-top: 80px;
}
@media (max-width: 480px) {
  #innerLocation {
    padding: 20px 0px 60px 0px;
    margin-top: 70px;
  }
}
#innerLocation .innerLocationMain {
  width: 100%;
  display: flex;
  flex-direction: column;
}
#innerLocation .innerLocationMain .innerLocationThumbnailMain {
  width: 100%;
  position: relative;
}
#innerLocation .innerLocationMain .innerLocationThumbnailMain .innerLocationThumbnail {
  width: 100%;
  margin-top: 20px;
  background: #eee;
  border-radius: 20px;
  overflow: hidden;
  padding: 10px;
}
#innerLocation .innerLocationMain .innerLocationThumbnailMain .innerLocationThumbnail .innerLocationThumbnailBox {
  width: 100%;
  height: 500px;
  overflow: hidden;
  border-radius: 20px;
}
@media (max-width: 1800px) {
  #innerLocation .innerLocationMain .innerLocationThumbnailMain .innerLocationThumbnail .innerLocationThumbnailBox {
    height: 400px;
  }
}
@media (max-width: 1024px) {
  #innerLocation .innerLocationMain .innerLocationThumbnailMain .innerLocationThumbnail .innerLocationThumbnailBox {
    height: 350px;
  }
}
@media (max-width: 768px) {
  #innerLocation .innerLocationMain .innerLocationThumbnailMain .innerLocationThumbnail .innerLocationThumbnailBox {
    height: 250px;
  }
}
@media (max-width: 480px) {
  #innerLocation .innerLocationMain .innerLocationThumbnailMain .innerLocationThumbnail .innerLocationThumbnailBox {
    height: 200px;
  }
}
#innerLocation .innerLocationMain .innerLocationThumbnailMain .innerLocationThumbnail .innerLocationThumbnailBox img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#innerLocation .innerLocationMain .innerLocationThumbnailMain .innerLocationThumbnail .owl-dots {
  display: none;
}
#innerLocation .innerLocationMain .innerLocationThumbnailMain .innerLocationThumbnailNav {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  z-index: 2;
}
#innerLocation .innerLocationMain .innerLocationThumbnailMain .innerLocationThumbnailNav .custom-nav {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 20px;
}
#innerLocation .innerLocationMain .innerLocationThumbnailMain .innerLocationThumbnailNav .custom-nav button {
  width: 40px;
  height: 40px;
  background: white;
  border-radius: 50%;
  border: none;
  outline: none;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  cursor: pointer;
  transition: 0.3s;
}
#innerLocation .innerLocationMain .innerLocationThumbnailMain .innerLocationThumbnailNav .custom-nav button:hover {
  transition: 0.3s;
  background: var(--primaryColor);
  color: white;
}
#innerLocation .innerLocationMain .innerLocationDetails {
  width: 100%;
  margin-top: 40px;
  display: flex;
  flex-direction: column;
}
#policiesList{
	width :100%;
  padding: 100px 0px 100px 0px;
  margin-top: 80px;
}
@media (max-width: 480px) {
  #policiesList {
    padding: 60px 0px 60px 0px;
    margin-top: 70px;
  }
}
#policiesList .policiesListMain{
	width :100%;
	display :flex;
	flex-direction :column;
	gap :100px;
}
@media (max-width: 480px) {
  #policiesList .policiesListMain {
	gap :60px;
  }
}
#policiesList .policiesListMain .policiesListBox{
	width :100%;
	display :flex;
	flex-direction :column;
}
#policiesList .policiesListMain .policiesListBox

/*# sourceMappingURL=style.css.map */