@import url('../../font/font.css');

@font-face {
  src: url(../../font/ConcertOne_Regular/ConcertOne-Regular.ttf);
  font-family: ConcertOne-Regular;
}

.line{
  border: 5px solid rgb(92, 34, 0);
}

.package_div{
  margin-top: 50px;
  margin-left: 100px;
  margin-bottom: 50px;
}

.package_title{
  font-family: RobotoSlab_Bold;
  font-size: 25px;
}

.img_background_div{
  background: rgb(37,37,37);
  border-radius: 20px;
  height: 400px;
  width: 1000px;
}

.img_gallery{
  height: 400px;
  width: 1000px;
  object-fit: cover;
  border-radius: 20px;
  image-rendering: crisp-edges; /* or image-rendering: pixelated; */
  opacity: 0.4;
}

.image_btn{
  position: relative;
  top: -197px;
  right: -305px;
  transform: translate(50%, -50%);
  width: 200px;
  border-radius: 5px;
  padding: 11px 11px 11px 11px;
  color: white;
  background-color: rgb(92, 34, 0);
  cursor: pointer;
  transition: 0.5s;
  border: none;
  font-family: RobotoSlab_Bold;
  border: 2px solid white;
}

/* CSS for the popup container */
.popup-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5); /* semi-transparent black background */
  opacity: 0; /* initially hidden */
  pointer-events: none; /* initially not clickable */
  z-index: 9999; /* adjust z-index as needed */
}

/* CSS for the popup content */
.popup-content {
  width: 600px; /* adjust max-width as needed */
  height: 400px;
  padding: 20px;
  border-radius: 5px;
  text-align: center;
}

.left_switch_img{
  position: fixed;
  right: 72%;
  bottom: 43%;
  font-size: 36px;
  color: white;
  font-family: RobotoSlab_Bold;
  font-weight: bolder;
  cursor: pointer;
  background-color: rgb(89, 89, 88, 0.6);
  padding-top: 0px;
  padding-bottom: 5px;
  padding-right: 15px;
  padding-left: 15px;
  border-radius: 100%;
  border: 2px solid rgb(89, 89, 88, 0.6);
}

.left_switch_img:hover{
  border: 2px solid white;
}

.right_switch_img{
  position: fixed;
  left: 72%;
  bottom: 43%;
  font-size: 36px;
  color: white;
  font-family: RobotoSlab_Bold;
  font-weight: bolder;
  cursor: pointer;
  background-color: rgb(89, 89, 88, 0.6);
  padding-top: 0px;
  padding-bottom: 5px;
  padding-right: 15px;
  padding-left: 15px;
  border-radius: 100%;
  border: 2px solid rgb(89, 89, 88, 0.6);
}

.right_switch_img:hover{
  border: 2px solid white;
}

.close{
  position: fixed;
  left: 97%;
  bottom: 85%;
  font-size: 46px;
  color: white;
  font-family: ConcertOne-Regular;
  font-weight: bolder;
  cursor: pointer;
  z-index: 2;
}

/* CSS for the blurred background */
.blurred-bg {
  /* apply blur effect to the background */
  backdrop-filter: blur(5px); /* adjust blur value as needed */
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5); /* semi-transparent black background */
  opacity: 0; /* initially hidden */
  pointer-events: none; /* initially not clickable */
}

.popup_img{
  width: 600px; /* adjust max-width as needed */
  height: 400px;
  object-fit: cover;
  image-rendering: crisp-edges; /* or image-rendering: pixelated; */
  scroll-behavior: auto;
  border-radius: 20px;
}

.reminder_div {
  height: auto;
  width: 984px;
  margin-top: 50px;
  border-radius: 20px;
  background:  rgb(92, 34, 0, 0.1);
  padding: 10px 10px 10px 10px;
  border: 2px solid rgb(92, 34, 0, 0.2);
}

.reminder_title{
  font-family: RobotoSlab_Bold;
  font-size: 25px;
}

.reminder_txt {
  font-family: RobotoSlab_Bold;
  font-size: 16px;
  overflow: hidden; /* Hide overflow lines */
  position: relative; /* Set position to relative for "Read More" link placement */
}





.price_div_options{
  margin-top: -52px;
}

.price_options_title{
  font-family: RobotoSlab_Bold;
  font-size: 25px;
  margin-top: 70px;
}

.error {
  font-family: RobotoSlab_Bold;
  font-size: 18px;
  color: red;
}

.price_title{
  font-family: RobotoSlab_Bold;
  font-size: 25px;
  margin-top: 70px;
  border-left: 4px solid rgb(92, 34, 0);
  padding-left: 5px;
}

.price_div{
  background: rgb(180, 180, 180, 0.2);
  width: 984px;
  padding: 10px 10px 10px 10px;
  margin-top: 20px;
  border-radius: 20px;
}

.price_div_form{
  width: 98%;
}

.price_options{
  margin-left: 20px;
}

.option_title{
  font-family: RobotoSlab_Bold;
  font-size: 18px;
}

.date_title{
  font-family: RobotoSlab_Bold;
  font-size: 15px;
  opacity: 0.7;
}

.date{
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 5px;
  font-size: 16px;
  color: #555;
  width: 200px;
  height: 30px;
  font-family: RobotoSlab_Bold;
}

.quantity_div{
  margin-top: 20px;
}

.quantity_title{
  font-family: RobotoSlab_Bold;
  font-size: 15px;
  opacity: 0.7;
}

.quantity_adult_single{
  background: rgb(255, 255, 255);
  border: 1px solid #ccc;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
}

.adult_title_single{
  font-family: RobotoSlab_Bold;
  font-size: 18px;
  margin-left: 10px;
}

.quantity_adult_price_single_div{
  display: flex;
}

.discounted_adult_price_single{
  position: relative;
  top: 5px;
  margin-right: 5px;
  text-decoration: line-through;
  font-family: RobotoSlab_Bold;
  font-size: 15px;
  opacity: 0.7;
}

.original_adult_price_single{
  margin-right: 15px;
  font-family: RobotoSlab_Bold;
  font-size: 18px;
}

.subtract_adult_single{
  position: relative;
  top: 10px;
  border: 1px solid #ccc;
  padding-left: 12px;
  padding-right: 12px;
  border-radius: 5px;
  font-size: 16px;
  color: #555;
  height: 30px;
  font-family: RobotoSlab_Bold;
  margin-right: 20px;
  cursor: pointer;
}

.adult_displayer_single{
  margin-right: 5px;
  font-family: RobotoSlab_Bold;
  font-size: 18px;
  opacity: 0.7;
  margin-right: 20px;
}

.add_adult_single{
  position: relative;
  top: 10px;
  border: 1px solid #ccc;
  padding-left: 12px;
  padding-right: 12px;
  border-radius: 5px;
  font-size: 16px;
  color: #555;
  height: 30px;
  font-family: RobotoSlab_Bold;
  margin-right: 20px;
  cursor: pointer;
}


.quantity_adult_group{
  background: rgb(255, 255, 255);
  border: 1px solid #ccc;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}

.adult_title_group{
  font-family: RobotoSlab_Bold;
  font-size: 18px;
  margin-left: 10px;
}

.adult_title_group_mobile {
  font-family: RobotoSlab_Bold;
  margin-left: 10px;
  margin-bottom: -5px;
  font-size: 15px;
  display: none;
}

.quantity_adult_price_group_div{
  display: flex;
}

.discounted_adult_price_group{
  position: relative;
  top: 5px;
  margin-right: 5px;
  text-decoration: line-through;
  font-family: RobotoSlab_Bold;
  font-size: 15px;
  opacity: 0.7;
}

.original_adult_price_group{
  margin-right: 15px;
  font-family: RobotoSlab_Bold;
  font-size: 18px;
}

.subtract_adult_group{
  position: relative;
  top: 10px;
  border: 1px solid #ccc;
  padding-left: 12px;
  padding-right: 12px;
  border-radius: 5px;
  font-size: 16px;
  color: #555;
  height: 30px;
  font-family: RobotoSlab_Bold;
  margin-right: 20px;
  cursor: pointer;
}

.adult_displayer_group{
  margin-right: 5px;
  font-family: RobotoSlab_Bold;
  font-size: 18px;
  opacity: 0.7;
  margin-right: 20px;
}

.add_adult_group{
  position: relative;
  top: 10px;
  border: 1px solid #ccc;
  padding-left: 12px;
  padding-right: 12px;
  border-radius: 5px;
  font-size: 16px;
  color: #555;
  height: 30px;
  font-family: RobotoSlab_Bold;
  margin-right: 20px;
  cursor: pointer;
}

.group_quantity_reminder{
  position: relative;
  bottom: 18px;
  color: rgb(92, 34, 0);
  font-family: RobotoSlab_Bold;
  margin-left: 10px;
  margin-bottom: -18px;
  display: none;
}


.quantity_child{
  background: rgb(255, 255, 255);
  border: 1px solid #ccc;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}

.child_title{
  font-family: RobotoSlab_Bold;
  font-size: 18px;
  margin-left: 10px;
}

.below_age_12{
  position: relative;
  bottom: 2px;
  font-family: RobotoSlab_Bold;
  font-size: 15px;
  opacity: 0.7;
}

.group_of{
  position: relative;
  bottom: 2px;
  font-family: RobotoSlab_Bold;
  font-size: 15px;
  opacity: 0.7;
}

.quantity_child_price_div{
  display: flex;
}

.discounted_child_price{
  position: relative;
  top: 5px;
  margin-right: 5px;
  text-decoration: line-through;
  font-family: RobotoSlab_Bold;
  font-size: 15px;
  opacity: 0.7;
}

.original_child_price{
  margin-right: 15px;
  font-family: RobotoSlab_Bold;
  font-size: 18px;
}

.subtract_child{
  position: relative;
  top: 10px;
  border: 1px solid #ccc;
  padding-left: 12px;
  padding-right: 12px;
  border-radius: 5px;
  font-size: 16px;
  color: #555;
  height: 30px;
  font-family: RobotoSlab_Bold;
  margin-right: 20px;
  cursor: pointer;
}

.child_displayer{
  margin-right: 5px;
  font-family: RobotoSlab_Bold;
  font-size: 18px;
  opacity: 0.7;
  margin-right: 20px;
}

.add_child{
  position: relative;
  top: 10px;
  border: 1px solid #ccc;
  padding-left: 12px;
  padding-right: 12px;
  border-radius: 5px;
  font-size: 16px;
  color: #555;
  height: 30px;
  font-family: RobotoSlab_Bold;
  margin-right: 20px;
  cursor: pointer;
}

.payment_div{
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
}

.counter_div{
  display: flex;
}

.counter{
  margin-right: 15px;
  font-family: RobotoSlab_Bold;
  font-size: 25px;
}

.saved_counter{
  position: relative;
  top: 12px;
  text-decoration: line-through;
  font-family: RobotoSlab_Bold;
  font-size: 18px;
  opacity: 0.7;
}

.book{
  position: relative;
  top: 16px;
  border-radius: 5px;
  padding: 11px 11px 11px 11px;
  color: white;
  background-color: rgb(92, 34, 0);
  cursor: pointer;
  transition: 0.5s;
  border: none;
  font-family: RobotoSlab_Bold;
  border: 2px solid white;
}






.package_information_div{
  width: 984px;
}

.package_information_title{
  font-family: RobotoSlab_Bold;
  font-size: 25px;
  margin-top: 70px;
  border-left: 4px solid rgb(92, 34, 0);
  padding-left: 5px;
}


.package_information{
  font-family: RobotoSlab_Bold;
  font-size: 18px;
}






.package_display_images_div{
  width: 984px;
}

.package_display_images{
  height: 500px;
  width: 984px;
  object-fit: cover;
  border-radius: 20px;
  image-rendering: crisp-edges; /* or image-rendering: pixelated; */
  margin-top: 5px;
}

.package_display_images_information{
  position: relative;
  bottom: 20px;
  font-family: RobotoSlab_Bold;
  font-size: 15px;
  opacity: 0.7;
}

.triangle{
  font-size: 20px;
}






.things_to_note_div{
  width: 984px;
}

.things_to_note_title{
  font-family: RobotoSlab_Bold;
  font-size: 25px;
  border-left: 4px solid rgb(92, 34, 0);
  padding-left: 5px;
}

.things_to_note_information{
  font-family: RobotoSlab_Bold;
  font-size: 18px;
}






.review_div{
  margin-top: 80px;
  margin-bottom: 40px;
}

.review_div_title{
  font-family: RobotoSlab_Bold;
  font-size: 25px;
  border-left: 4px solid rgb(92, 34, 0);
  padding-left: 5px;
}

.review_btn{
  width: 25%;
  border-radius: 5px;
  padding: 11px 11px 11px 11px;
  color: white;
  background-color: rgb(92, 34, 0);
  cursor: pointer;
  transition: 0.5s;
  border: none;
  font-family: RobotoSlab_Bold;
}






.review_div_box{
  width: 984px;
  background-color: rgb(227, 227, 227, 0.3);
  border-radius: 20px;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.overall_star_fraction{
  font-family: RobotoSlab_Bold;
  margin-right: 5px;
  font-size: 16px;
}

.exceptional{
  position: relative;
  left: 185px;
  bottom: 45px;
  font-family: RobotoSlab_Bold;
  margin-bottom: -20px;
  opacity: 0.7;
  margin-bottom: -30px;
}

.star_fraction_text{
  font-size: 35px;
}

.review_count_total_overall{
  position: relative;
  left: 220px;
  bottom: 50px;
  font-family: RobotoSlab_Bold;
  margin-bottom: -20px;
  margin-right: 234px;
}

.review_name{
  font-family: RobotoSlab_Bold;
  margin-bottom: -15px;
}

.review_date{
  font-family: RobotoSlab_Bold;
  margin-bottom: 5px;
}

.star {
  font-size: 2rem;
  color: #ffc107;
  display: inline-block;
  margin-right: 0.25rem;
  cursor: pointer;
  margin-bottom: -30px;
}

.star_star{
  font-size: 2rem;
  color: #ccc;
  display: inline-block;
  margin-right: 0.25rem;
  cursor: pointer;
  margin-bottom: -30px;
}

.customer_review{
  font-family: RobotoSlab_Bold;
}

.customer_review_images_div{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
}

.customer_review_images{
  height: 100px;
  width: 100px;
  margin: 5px;
  border-radius: 10px;
  object-fit: cover;
}

.one {
  display: none;
}