/*MY ACCOUNT REVIEW*/
.wriarBtn{ background: none!important; color:#0E457C!important;
  margin: 0 10px;
  font-size: 17px;
  font-weight: 600;
  line-height: 30px;
  text-align: left;
  border-radius: 50px;
  padding: 5px 18px;
  text-decoration: none;
  width: 168px!important;
  text-align: center;

}


.myaccReview{}
.myaccReview .nav-tabs{
  display: flex;
  justify-content: center;
  border: 0;
}
.myaccReview .nav-tabs li{ margin: 0 4px;}
.myaccReview .nav-tabs li .nav-link{
  font-family: Poppins;
  font-size: 17px;
  font-weight: 500;
  line-height: 37.5px;
  text-align: left;
  color:#000000;
  padding: 3px 20px;
  border: 0;
  transition: transform 275ms ease;
}
.myaccReview .nav-tabs li .nav-link:hover, .myaccReview .nav-tabs li .nav-link.active{
  color:#fff;
  border-radius: 50px;
  background: linear-gradient(180deg, #EE5702 0%, #FB6911 100%);
  transition: transform 275ms ease;
}

.myaccReview .tab-content{ background: none; min-height: auto; padding-left: 10px; padding-right: 10px;}
/*MY ACCOUNT REVIEW END*/

/*SUCESS REVIEW*/
.doodalbg{ background: url(../images/header-bg-new.jpg) no-repeat!important; background-size: cover!important;}
.sucessReview{ margin-bottom: 32px;}
.sucessReviewInn{
  border-radius: 20px !important;
  border: 1px solid #00000033;
  box-shadow: 0px 4px 6px 2px #00000023;
  margin-bottom: 30px;
  padding: 20px;
}
.star-rating span{ font-size: 28px; cursor: pointer;}
.star-rating span.selected{color: #fd8d07;}
.sucessReview input[type="file"] {
  margin-bottom: 12px;
}
.rr-review .revRated{
  background: #ee9a1e;
  margin-right: 10px;
  display: inline-block;
  border-radius: 4px;
  color: #fff;
  padding: 3px 10px
}
.thumb-container {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.thumbnail {
  width: 72px;
  height: 72px;
  object-fit: cover;
  border: 2px solid #ddd;
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}


.video-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.video-container video {
  width: 72px;
  height: 72px;
  border: 2px solid #ccc;
  border-radius: 8px;
  background-color: #000;
}


.rr-review {
  background: #fff;
  border: 1px solid #ddd;
  padding: 20px;
  border-radius: 10px;
  margin-bottom: 25px;
}
.rrUserName{
  font-size: 22px;
  background: #ccc;
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  display: inline-block;
  border-radius: 100px;
  text-align: center;
  margin-right: 15px;
  overflow: hidden;
  border: 1px solid #ccc;
}
.rrUserName img{
  height: 107%;
  object-fit: cover;
}
.rr-review-header {
  display: flex;
  justify-content: left;
  align-items: center;
  margin-bottom: 10px;
}

.rr-title {
  font-size: 1.2em;
  font-weight: bold;
}

.rr-meta {
  font-size: 1.4em;
  font-weight: 600;
}
.rrHd{flex: 1;}
.rrHd .star-rating span{
  line-height: 18px;
  font-size: 21px;
}
.rr-rating {
  font-size: 1em;
  margin-top: 5px;
}

.rr-text {
  margin: 10px 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.rr-review.rr-collapsed .rr-text {
  max-height: 48px; /* approx. 3 lines */
}

.rr-toggle-btn {
  color: #007BFF;
  cursor: pointer;
  font-size: 0.9em;
  margin-top: 10px;
  display: block;
}

.rr-media {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
}

.rr-media img,
.rr-media video {
  width: 120px;
  height: 80px;
  object-fit: cover;
  border-radius: 6px;
  border: 1px solid #ccc;
}

@media (max-width: 1050px) {
.rr-review.rr-collapsed .rr-text { max-height: 40px;}
}
@media (max-width: 480px) {
  .vacpaymentHeader .paymentTitle{padding: 13px 20px 10px 20px!important;}
  .rr-review.rr-collapsed .rr-text { max-height: 94px;}
  .rr-review{ padding: 10px 12px;}
  .rrUserName {
    font-size: 18px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    margin-right: 10px;
  }
  .rr-meta {font-size: 1.2em; line-height: 19px;}
  .rr-rating{ font-size: 12px; margin-top: 2px; margin-bottom: 3px; }
  .rr-review .revRated{font-size: 13px; display: block; width: 80px; text-align: center;}
  .rr-review .revRated{padding: 1px 5px; margin-right: 6px;}

  .rr-media img, .rr-media video {
    width: 100px;
    height: 70px;
  }
}


/*SUCESS REVIEW END*/

/*CONTACT US*/
.contact-info h2{ color:#fff;}
.contact-info .info-item i{ color:#fff;}
/*CONTACT US END*/

/*ABOUT US*/

.about-main-section {
  background: #fff;
  border-radius: 2rem;
  box-shadow: 0 8px 32px rgba(200, 63, 190, 0.1);
  padding: 3rem 2.5rem 2.5rem 2.5rem;
  margin: 2.5rem auto 2rem auto;
  max-width: 1100px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2.5rem;
  animation: fadeInUp 1s;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(40px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.about-main-section img {
  border-radius: 50%;
  box-shadow: 0 4px 24px #e0e0e0;
  width: 320px;
  max-width: 90vw;
  aspect-ratio: 1/1;
  object-fit: cover;
  margin: 0 auto;
  display: block;
  animation: scaleUp 1.2s;
}

@keyframes scaleUp {
  from {
    transform: scale(0.85);
    opacity: 0.7;
  }

  to {
    transform: scale(1);
    opacity: 1;
  }
}

.about-content {
  flex: 1 1 350px;
  padding: 0 1rem;
}

.about-content h5 {
  color: #c83fbe;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 0.5rem;
}

.about-content h2 {
  font-size: 2.2rem;
  font-weight: 800;
  color: #222;
  margin-bottom: 1rem;
  background: linear-gradient(90deg, #c83fbe 0%, #fb8a0b 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.about-content p {
  color: #555;
  font-size: 1.08rem;
  margin-bottom: 1.5rem;
}

.contact-us-button {
  background: linear-gradient(90deg, #c83fbe 0%, #fb8a0b 100%);
  color: #fff;
  border: none;
  border-radius: 50px;
  padding: 12px 38px;
  font-size: 1.1rem;
  font-weight: 700;
  box-shadow: 0 2px 12px #f3eaff;
  transition: background 0.2s, box-shadow 0.2s, transform 0.2s;
}

.contact-us-button:hover,
.contact-us-button:focus {
  background: linear-gradient(90deg, #fb8a0b 0%, #c83fbe 100%);
  box-shadow: 0 4px 24px #f3eaff;
  transform: translateY(-2px) scale(1.04);
}

/* Mission Section */
.mission-section {
  background: #fff;
  border-radius: 2rem;
  box-shadow: 0 8px 32px rgba(200, 63, 190, 0.1);
  padding: 2.5rem 2rem;
  margin: 2.5rem auto 2rem auto;
  max-width: 1100px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2.5rem;
  animation: fadeInUp 1.2s;
}

.mission-img {
  width: 340px;
  max-width: 95vw;
  border-radius: 2rem;
  box-shadow: 0 4px 24px #e0e0e0;
  object-fit: cover;
  animation: scaleUp 1.2s;
}

.our-mission-section {
  flex: 1 1 350px;
  padding: 0 1rem;
}

.our-mission-section .title-1 {
  font-size: 2rem;
  font-weight: 800;
  color: #222;
  margin-bottom: 1rem;
}

.our-mission-section .title-1 span {
  color: #fb8a0b;
}

.our-mission-section p {
  color: #555;
  font-size: 1.08rem;
}

/* Team Section */
.team-section {
  background: #fff;
  border-radius: 2rem;
  padding: 2.5rem 2rem 3rem 2rem;
  margin: 2.5rem auto 2rem auto;
  max-width: 1100px;
  animation: fadeInUp 1.3s;
}

.team-section .title-1 {
  font-size: 2rem;
  font-weight: 800;
  color: #222;
  margin-bottom: 2.5rem;
}

.team-section .title-1 span {
  color: #c83fbe;
}

.team-row {
  display: flex;
  flex-wrap: wrap;
  gap: 5rem;
  justify-content: center;
}

.member {
  background: linear-gradient(120deg, #f3eaff 0%, #fff 100%);
  border-radius: 1.5rem;
  box-shadow: 0 4px 24px #e0e0e0;
  padding: 2rem 1.5rem 1.5rem 1.5rem;
  text-align: center;
  width: 270px;
  max-width: 90vw;
  transition: transform 0.2s, box-shadow 0.2s;
  animation: fadeInUp 1.4s;
}

.member:hover {
  transform: translateY(-8px) scale(1.04);
  box-shadow: 0 8px 32px #c83fbe33;
}

.member img {
  width: 110px;
  height: 110px;
  border-radius: 50%;
  object-fit: cover;
  margin-bottom: 1rem;
  box-shadow: 0 2px 12px #f3eaff;
}

.member h2 {
  font-size: 1.2rem;
  font-weight: 700;
  color: #c83fbe;
  margin-bottom: 0.5rem;
}

.member p {
  color: #555;
  font-size: 1rem;
}

/* Our Presence Section */
.our-presence-section {
  display: flex;
  gap: 2rem;
  justify-content: center;
  margin: 2.5rem 0;
  flex-wrap: wrap;
}

/* Responsive */
@media (max-width: 991px) {
  .about-main-section,
  .mission-section,
  .team-section {
    padding: 2rem 0.5rem;
    border-radius: 1.2rem;
  }

  .about-main-section,
  .mission-section {
    flex-direction: column;
    gap: 1.5rem;
  }
}

@media (max-width: 767px) {
  .about-main-section img,
  .mission-img {
    width: 90vw;
    max-width: 320px;
  }

  .team-row {
    gap: 1.2rem;
  }

  .member {
    width: 90vw;
    max-width: 320px;
  }
}

@media (max-width: 500px) {
  .about-main-section,
  .mission-section,
  .team-section {
    padding: 1rem 0.2rem;
  }
}

.testimonial_owlCarousel .owl-nav {
  position: absolute;
  right: 0;
  top: 0;
  width: 64px;
}
.testimonial_owlCarousel .owl-nav button span {
  display: block;
  margin-top: -3px;
}

.testimonial_section
  .testimonial_box
  .testimonial_container
  .owl-nav
  .owl-prev {
  border-radius: 50px;
  position: absolute;
  /*top: 165px;
  right: 42px;
  margin-top: -20px;*/
  background: #ff5e14;
  display: block;
  outline: 0;
  width: 34px;
  line-height: 34px;
  height: 34px;
  color: #fff;
  font-size: 23px;

  transition: all 0.3s ease-in-out;
}
.testimonial_section
  .testimonial_box
  .testimonial_container
  .owl-nav
  .owl-prev:hover {
  background: #020d26;
}
.testimonial_section
  .testimonial_box
  .testimonial_container
  .owl-nav
  .owl-next {
  border-radius: 50px;
  position: absolute;
  right: 5px;
  /*top: 165px;
 
  margin-top: -20px;
  */
  display: block;
  background: #ff5e14;
  outline: 0;
  width: 34px;
  text-align: center;
  line-height: 34px;
  height: 34px;
  color: #fff;
  font-size: 23px;

  transition: all 0.3s ease-in-out;
}
.testimonial_section
  .testimonial_box
  .testimonial_container
  .owl-nav
  .owl-next:hover {
  background: #020d26;
}

.testimonial_section {
  display: block;
  overflow: hidden;
}
.testimonial_section:after {
  display: block;
  clear: both;
  content: "";
}
.testimonial_section .about_content {
  background-color: #020d26;
  padding-top: 77px;
  padding-right: 210px;
  padding-bottom: 62px;
  position: relative;
}
.testimonial_section .about_content .background_layer {
  background-color: #020d26;
  width: auto;
  margin-left: -200px;
  right: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.testimonial_section .about_content .layer_content {
  position: relative;
  z-index: 9;
  height: 100%;
}
.testimonial_section .about_content .layer_content .section_title {
  margin-bottom: 24px;
  position: relative;
}
.testimonial_section .about_content .layer_content .section_title:after {
  display: block;
  clear: both;
  content: "";
}
.testimonial_section .about_content .layer_content .section_title h5 {
  color: #fff;
  font-family: "Open Sans";
  font-weight: 400;
  font-size: 15px;
  line-height: 28px;
  color: #818a8f;
  margin-top: -5px;
  margin-bottom: 6px;
}
.testimonial_section .about_content .layer_content .section_title h2 {
  font-family: "Titillium Web";
  font-weight: 300;
  font-size: 45px;
  line-height: 50px;
  padding-bottom: 51px;
  margin-bottom: 0px;
  color: #fff;
}
.testimonial_section .about_content .layer_content .section_title h2 strong {
  font-weight: 600 !important;
  width: 100%;
  display: block;
}
.testimonial_section
  .about_content
  .layer_content
  .section_title
  .heading_line {
  position: relative;
}
.testimonial_section
  .about_content
  .layer_content
  .section_title
  .heading_line
  span {
  transition: all 0.5s ease-in-out 0s;
  position: relative;
}
.testimonial_section
  .about_content
  .layer_content
  .section_title
  .heading_line
  span:after {
  content: "";
  right: auto;
  left: 69px;
  position: absolute;
  bottom: 28px;
  width: 17px;
  margin-left: 0;
  border-bottom-width: 3px;
  border-bottom-color: #cacaca;
  border-bottom-style: solid;
}
.testimonial_section
  .about_content
  .layer_content
  .section_title
  .heading_line:after {
  content: "";
  left: 1%;
  margin-left: 0;
  position: absolute;
  bottom: 28px;
  width: 59px;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: #ff5e14;
}
.testimonial_section .about_content .layer_content .section_title p {
  color: #fff;
  margin: 0 0 15px;
}
.testimonial_section .about_content .layer_content a {
  color: #fff;
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s;
}
.testimonial_section .about_content .layer_content a i {
  font-size: 18px;
  vertical-align: middle;
}
.testimonial_section .about_content .layer_content a:hover {
  color: #ff5e14;
}
.testimonial_section .testimonial_box {
  /*margin-top: 60px !important;*/
  position: relative;
}
.testimonial_section .testimonial_box .testimonial_container {
  /*background-color: #ff5e14;*/
  margin-left: -170px !important;
  position: relative;
}
.testimonial_section .testimonial_box .testimonial_container .background_layer {
  /*background-color: #ff5e14;*/
  width: auto;
  margin-right: -200px;
  right: 0;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
}
.testimonial_section .testimonial_box .testimonial_container .layer_content {
  position: relative;
  z-index: 9;
  height: 100%;
}
.testimonial_section
  .testimonial_box
  .testimonial_container
  .layer_content
  .testimonial_owlCarousel {
  display: block;
  position: relative;
}
.testimonial_section
  .testimonial_box
  .testimonial_container
  .layer_content
  .testimonial_owlCarousel
  .testimonials {
  margin: 10px 0 10px 0;
  /*padding: 62px 0px 72px 50px;*/
  padding: 0 0px 0 50px;
  position: relative;
  text-align: center;
}
.testimonial_section
  .testimonial_box
  .testimonial_container
  .layer_content
  .testimonial_owlCarousel
  .testimonials
  .testimonial_content {
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.13);
  margin-left: 33%;
  margin-top: 19px;
  padding: 45px 40px 45px 40px;
  z-index: 1;
  position: relative;
  background-color: #fff;
  transition: all 0.5s ease-in-out 0s;
  border-radius: 20px;
}
.testimonial_section
  .testimonial_box
  .testimonial_container
  .layer_content
  .testimonial_owlCarousel
  .testimonials
  .testimonial_content
  .testimonial_caption {
  margin-bottom: 15px;
  position: relative;
}
.testimonial_section
  .testimonial_box
  .testimonial_container
  .layer_content
  .testimonial_owlCarousel
  .testimonials
  .testimonial_content
  .testimonial_caption:after {
  content: "";
  width: 30px;
  display: block;
  height: 2px;
  text-align: center;
  left: 46%;
  margin-top: 6px;
  background-color: #ff5e14;
  position: absolute;
}
.testimonial_section
  .testimonial_box
  .testimonial_container
  .layer_content
  .testimonial_owlCarousel
  .testimonials
  .testimonial_content
  .testimonial_caption
  h6 {
  padding-top: 0;
  margin-bottom: -5px;
  font-size: 19px;
  font-weight: 600;
  line-height: 24px;
  color: #020d26;
}
.testimonial_section
  .testimonial_box
  .testimonial_container
  .layer_content
  .testimonial_owlCarousel
  .testimonials
  .testimonial_content
  .testimonial_caption
  span {
  font-size: 12px;
  color: #9f9f9f;
  margin: 0;
}
.testimonial_section
  .testimonial_box
  .testimonial_container
  .layer_content
  .testimonial_owlCarousel
  .testimonials
  .testimonial_content
  p {
  padding: 0;
  margin: 0;
  padding-top: 10px;
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
  color: #5d6576;
  font-style: italic;
}
.testimonial_section
  .testimonial_box
  .testimonial_container
  .layer_content
  .testimonial_owlCarousel
  .testimonials
  .images_box
  .testimonial_img {
  border: none;
  position: absolute;
  top: 0;
  left: 159px;
  top: 0;
}
.testimonial_section
  .testimonial_box
  .testimonial_container
  .layer_content
  .testimonial_owlCarousel
  .testimonials
  .images_box
  .testimonial_img
  img {
  border: 5px solid #fff;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
  width: 100%;
  max-width: 223px;
  border-radius: 20px;
}

@media all and (max-width: 991px) {
  .testimonial_section .about_content {
    padding-right: 15px !important;
  }
  .testimonial_section .about_content .background_layer {
    width: 200% !important;
  }
  .testimonial_section .testimonial_box {
    margin-top: 0 !important;
  }
  .testimonial_section .testimonial_box .background_layer {
    width: 200% !important;
    margin-left: -200px;
  }
  .testimonial_section .testimonial_box .about_content {
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin-top: 28% !important;
  }
  .testimonial_section .testimonial_box .testimonial_container {
    margin-left: -15px !important;
  }
  .testimonial_section .testimonial_box .testimonial_container .testimonials {
    margin: 0px 0 20px 0;
  }
  .testimonial_section
    .testimonial_box
    .testimonial_container
    .testimonials
    .testimonial_content {
    margin-left: -36px !important;
  }
  .testimonial_section
    .testimonial_box
    .testimonial_container
    .testimonials
    .images_box {
    display: none;
  }
}
/*END ABOUT US*/

.container .box {
  position: relative;
  padding: 40px;
  /*background: linear-gradient(to bottom,#ffd88a,#fcaf17);*/
  box-shadow: 0 15px 25px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  margin: 20px;
  box-sizing: border-box;
  overflow: hidden;
  text-align: center;

  border: 1px solid #f0f0f0;
  background: #ffffff57;
}

.container .box:before {
  /*content:'';
  width: 50%;
  height: 100%;
  position:absolute;
  top:0;
  left:0;
  background:rgba(255,255,255,.2);
  z-index:2;
  pointer-events:none;
  text-align: center;*/
}

.container .box .icon {
  position: relative;
  width: 80px;
  height: 80px;
  color: #fff;
  background: #2468aa;
  display: flex;
  justify-content: center;
  margin: 0 auto 25px auto;
  border-radius: 20%;
  font-size: 50px;
  font-weight: normal;
  transition: 2s;
  padding: 10px;
}
.container .box .icon i {
  padding: 12px;
}

.container .box .icon {
  box-shadow: 0 0 0 0 #e76b01;
  background: #2468aa;
}
.container .box:hover .icon {
  box-shadow: 0 0 0 400px #2468aa;
}
.container .box:hover .content h3 {
  color: #fff;
}
.container .box:hover .content p {
  color: #fff;
}

.container .box .content {
  position: relative;
  z-index: 1;
  transition: 1.5s;
}
.container .box:hover .content {
  color: #fff;
}
.container .box .content h3 {
  font-size: 20px;
  margin: 10px 0;
  padding: 0;
  text-align: center;
}
.container .box .content p {
  margin: 0;
  padding: 0;
  text-align: center;
  min-height: 52px;
}
.container .box .content a {
  display: inline-block;
  padding: 10px 25px;
  background: #fff;
  border-radius: 10px;
  text-decoration: none;
  color: #000;
  font-weight: 500;
  margin-top: 20px;
  box-shadow: 5px 2px 5px 2px rgba(0, 0, 0, 0.2);
  border: none;
}

.contentPage .abtTitle {
  font-size: 44px;
}

.ppGallery {
  background: linear-gradient(120deg, #fff 0%, #f3eaff 100%);
}

.ppGallery {
  margin-top: 0px;
}

.gallery-box {
  background: url(../images/pic-gallery-banner.jpg) center center no-repeat;
  background-size: cover;
  min-height: 500px;
}
.glImages {
  display: flex;
  flex-wrap: wrap;
}
.glImages .glSingle {
  max-width: 44%;
  margin: 10px;
}
.glImages img {
  width: 100%;
  border-radius: 20px;
  border: 4px solid #fff;
}
/*ABOUT US END*/

/*FINAL POPUP*/
.finalCancellationPopup {
  display: none;
  width: 80%;
  /* Adjust as needed */
  max-width: 500px;
  /* Maximum width for larger screens */
  height: auto;
  /* Adjust as needed */
  padding: 20px;

  flex-direction: column;
  background-color: white;
  /* Add a background color */
  border-radius: 10px;
  /* Add rounded corners */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  /* Add a shadow */
  position: fixed;
  z-index: 991;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* background-color: rgba(0, 0, 0, 0.5); */
}

.closeButtonOnFinalPopup {
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: transparent;
  border: none;
  font-size: 24px;
  cursor: pointer;
}
.closeButtonOnFinalPopup img{ width: 20px;}

.cancellatinFinalPopupButtons {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

.backButtonOnPopup {
  border: 1px solid #FB8A0B;
  background-color: transparent;
  color: #FB8A0B;
  padding: 8px 30px;
  font-size: 1rem;
  border-radius: 30px;
  cursor: pointer;
}

.confirmButtonOnPopup {
  border: none;
  background: linear-gradient(90deg, #C83FBE 0%, #FB8A0B 100%);
  color: white;
  padding: 8px 30px;
  font-size: 1rem;
  border-radius: 30px;
  cursor: pointer;
}
.overlay-cancel-popup{ 
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgb(0 0 0 / 55%);
  z-index: 99;
  display: block;
  transition: opacity 0.3s;
  display: none;
  width: 100%;
  height: 100vh;
}
/*FINAL POPUP END*/



/*RESET PASSWORD*/
.resetPassword{}
.resetPassword h2{ font-size: 25px; text-align: center!important;}
.resetPassword input{
  border: 1px solid #bfbfbf;
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  border-radius: var(--bs-border-radius);
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
/*RESET PASSWORD END*/


/*VACATIUM*/
.homeSlider{ min-height: 415px;}
.vacbannerHome{ position: relative;}
.desktopHide{ display: none!important;}
.back-button {
  position: absolute;
  top: 10px;
  left: 10px;
  text-decoration: none;
  background-color: #fff;
  border-radius: 100px;
  color: #333;
  font-weight: bold;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  z-index: 9;
  width: 35px;
  height: 35px;
  display: none;
  align-items: center;
  justify-content: center;
}
.back-button img{ width: 13px;}
.back-button:hover {
  background-color: #e0e0e0;
}


/*CANCEL HOLIDAY*/
.vacCartPaymentInfo .card{padding:0 1em 1em 1em; border: 0;}
.vacCencelPage .cancelType input[type="radio"] + label{
  background: none;
  border: 1px solid #ccc;
}
.vacCencelPage .cancelType input[type="radio"] + label{ b}

.vacCencelPage input[type="radio"]:checked + label, .vacCencelPage input[type="checkbox"]:checked + label {
  background: #ffdfd2!important;
}
.cancelHdBg{background: linear-gradient(90deg, #d23336 0%, #bd3133 100%)!important;}

/*CANCEL HOLIDAY END*/

/*OFFER*/
.offerFilterBtn{
  width: 160px!important;
  position: fixed;
  bottom: 0;
  left: 0;
  background: linear-gradient(90deg, #d23336 0%, #FB8A0B 100%);
  z-index: 99;
  width: 100%;
  padding: 7px 2%;
  display: flex;
  justify-content: space-between;
  align-items: end;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0px 0px 11px 0px rgb(0 0 0 / 75%);
  height: 50px;
  overflow: hidden;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  flex-direction: row-reverse;
}
.offSingleListing{}
.offSingleListing h2{ font-size: 16px!important; margin-bottom: 5px!important;}
.offSingleListing .vacDayNight{ line-height: 18px; margin-bottom: 8px;}
.offTags{ 
  position: absolute;
  top: 10px;
  left: 10px;
  background: #FF9800;
  color: #ffffff;
  padding: 3px 8px;
  border-radius: 6px;
}
.offValid{
  background: #fff2e7;
  border-radius: 20px;
  padding: 4px 12px;
  font-size: 13px;
  font-weight: 600;
}
.coupon-container {
}

.coupon-code-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px dashed #ccc;
  border-radius: 6px;
  padding: 5px 5px 5px 8px;
  background-color: #f8f8f8;
  gap: 5px;
  min-width: 124px;
}

.coupon-code {
  color: #181818;
  font-weight: bold;
    font-size: 15px;
    letter-spacing: .6px;
}
.copy-btn img{ width: 15px;}
.vacPListPrice strong.bkgpd{ font-size: 14px;}

.copy-btn {
  background-color: #ff790e;
  color: white;
  border: none;
  border-radius: 5px;
  padding: 3px 8px;
  cursor: pointer;
  transition: background 0.3s;
}

.copy-btn:hover {
  background-color: #636262;
}

.copied-msg {
  color: green;
  margin-top: 1px;
  font-size: 0.8rem;
  display: none;
}
.offCouponpge{}
.offerCode{align-items: center; padding: 14px 0 0 0;}
.offerCode a{ text-decoration: none; font-size: 15px;}
.graybgoff {
  background: #ccc;
}
.offerTable td{ font-size: 15px; border: 1px solid #ccc;}

.offerDetailsContent h2{}
.offerDetailsContent h3{ font-size: 24px; font-weight: 600; color: #000;}
.offerDetailsContent ul{}
.offerDetailsContent li{ color: #000; padding: 0 0 10px 0;}
.offerDetailsContent p{ color: #000; padding: 0 0 10px 0;}

.offerDetailsContent{
  background: #fff;
  box-shadow: 3px -2px 21px 0px #00000029;
  padding: 20px 18px 28px 18px;
  border-radius: 10px;
}

/*OFFER END*/

/*BLOG*/
.sBlogSlider .sliderCommanText h3{
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: #0000004f;
  border-radius: 50px;
  padding: 5px 10px;
  line-height: 25px;
  max-width: 90%;
  margin: 0 auto;
  display: inline-flex;
}
.sBlogSlider .sliderCommanText{    bottom: 10px;}

.blog-card a{ text-decoration: none;}


.gridywrap{ margin-bottom: 25px;}
.gridywrap div[class*=gridy] {
  background: #eee;
  box-shadow: inset 0 0 0 1px #ddd;
  padding: 15px; float: left;
  position: relative;
}
.gridywrap .gridy-1,
.gridywrap .gridy-2,
.gridywrap .gridy-3 {width: 320px;
  overflow: hidden;}

.gridywrap .gridy-1 {width: 100%;}
.gridywrap .gridy-2 {width: 100%;}
.gridywrap .gridy-3 {width: 100%;}

.gridywrap .gridyhe-1 {height: 320px;}
.gridywrap .gridyhe-2 {height: 320px;}


@media screen and (min-width: 640px) {
  .gridywrap .gridyhe-2 {height: 320px;}
  .gridywrap {
    width: 100%;
  }
  .gridywrap .gridy-1 {width: 50%;}
  .gridywrap .gridy-2 {width: 50%;}
  .gridywrap .gridy-3 {width: 100%;}
}
@media screen and (min-width: 1024px) {
  .gridywrap .gridy-1 {width: 33.3%;}
  .gridywrap .gridy-2 {width: 66.6%;}
  .gridywrap .gridy-3 {width: 100%;}
  .gridywrap .gridyhe-2 {height: 640px;}
}

/*styling*/
.gridywrap .gridimg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  background-position: center center;
  background-size: cover;
}
.gridywrap .gridimg img {
  width: 100%;
}
.gridywrap .gridinfo {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.4);
  text-align: center;
  transition: all 0.8s;
}
.gridywrap .gridinfo h3 {
  font-size: 24px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  margin: 130px 0 20px;
  position: relative;
}
.gridywrap .gridinfo h3:after {
  content: '';
  width: 25px;
  border-top: 4px solid #fff;
  display: block;
  margin: 0 auto;
  margin-top: 25px;
}
.gridywrap .gridinfo .gridmeta {
  transition-delay: 0.25s;
}
.gridywrap .gridinfo .gridmeta p {
  display: inline-block;
  font-size: 13px;
  color: #fff;
  margin-bottom: 15px;
}
.gridywrap .gridinfo .gridmeta p i {
  margin-right: 5px;
}
.gridywrap .gridinfo .gridmeta p.gridwho {
  margin-left: 25px;
}
.gridywrap .gridinfo p.gridexerpt {
  width: 60%;
  margin: 0 auto;
  line-height: 22px;
  margin-bottom: 25px;
  color: #fff;
  transition-delay: 0.5s;
}

.gridywrap .gridinfo * {
  opacity: 0;
  transition: all 0.8s;
}
.gridywrap .gridinfo h3 {
  opacity: 1;
}
.gridywrap .gridinfo .grid-btn {
  color: #fff;
  text-decoration: none;
  margin: 0 auto;
  width: 35px;
  height: 35px;
  line-height: 35px;
  border-radius: 25px;
  border: 1px solid #fff; 
  display: block;
  overflow: hidden;
}
.gridywrap .gridinfo .grid-btn:hover {
  width: 75px;
  background: rgba(0,0,0,0.3);
}
.gridywrap .gridinfo .grid-btn span {
  opacity: 0;
  display: none;
  transition: opacity 0.8s;
}
.gridywrap .gridinfo .grid-btn:hover span {
  opacity: 1;
  display: inline;
}
.gridywrap .gridinfo .grid-btn:hover i {
  opacity: 0;
  display: none;
}

.gridywrap .gridinfo:hover * {
  opacity: 0.7;
}
.gridywrap .gridinfo:hover p {
  opacity: 1;
}
.gridywrap .gridinfo:hover {
  background: rgba(37, 37, 37, 0.7);
}
.gridywrap .gridinfo:hover h3 {
  margin-top: 70px;
  opacity: 1;
}

.gridywrap .intro {
  text-align: center;
  padding: 25px;
  background: #111;
  color: #ddd;
}
.gridywrap  h1 {
  font-size: 48px;
  font-weight: 300;
  padding: 15px 0;
}
.intro p {
  opacity: 0.5;
  font-size: 12px;
}
.intro p a {
  color: #FA8CD3;
}


.blog-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: space-between;
}
.blog-container .authNdate img{width: 17px !important;}
.blog-container .authNdate{font-size: 14px; border-bottom: 1px dashed #ccc; padding-bottom: 6px;}
.blog-container p{
  font-size: 14px;
    line-height: 20px;
}
.blog-card {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  display: flex;
  flex-direction: row;
  transition: transform 0.3s ease;
  width: 49%;
}
.blogImg{  width: 400px;}

.blog-card:hover {
  transform: translateY(-5px);
}

.blog-image {
  width: 100%;
  height: 180px;
  object-fit: cover;
}

.blog-content {
  padding: 20px;
}

.blog-title {
  font-size: 1.25rem;
  margin: 0 0 10px;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.blog-desc {
  font-size: 0.95rem;
  color: #666;
}



@media (max-width: 768px) {
  .blog-card {
    flex: 1 1 100%;
    max-width: 100%;
  }
}



.blog-category-filter{
  display: flex;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  gap: 10px;
  padding: 10px;
  white-space: nowrap;
  justify-content: center;
}
.blog-category-filter .filter-btn{
  flex: 0 0 auto;
  padding: 5px 20px;
  background: transparent;
  border: 1px solid #144c8a;
  color: #144c8a;
  text-decoration: none;
  border-radius: 20px;
  font-weight: 500;
  transition: background 0.3s;
}
.blog-category-filter .filter-btn:hover, .blog-category-filter .filter-btn.active {
  background: #144c8a;
  color:#fff;
}


.relatest-post-item.style-row {
  display: flex;
  gap: 20px;
  align-items: center;
}
.relatest-post-item.style-row .image {
  margin-bottom: 0;
  width: 100px;
  flex-shrink: 0;
}
.relatest-post-item.style-row img {
  max-width: 100%;
  height: auto;
  transform: scale(1);
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
}
.relatest-post-item .content {
  display: grid;
  gap: 8px;
  gap: 1px;
  flex-grow: 1;
}
.relatest-post-item.style-row .meta {
  gap: 10px 17px;
}
.text-title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}


.blogItem a{ text-decoration: none;}
.blogFilter ul{
  list-style: none;
    margin: 0;
    padding: 0;
}
.blogFilter ul li{ border-bottom: 1px dashed #dfd6e8; padding: 5px 0 6px 0;}
.blogFilter a{ text-decoration: none;}

.recentPost .meta-item{ font-size: 14px;}
.recentPost .title{
  font-size: 15px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  line-height: 21px;
}
.relatest-post-item.style-row{ margin-bottom: 12px;}
.relatest-post-item.style-row .image {
  margin-bottom: 0;
  width: 100px;
  flex-shrink: 0;
}
.relatest-post-item .image {
  margin-bottom: 24px;
  border-radius: 8px;
  overflow: hidden;
}
.recentPost .title a{ color:#000;}
.text-caption-1{color: #8f8f9a;}

.blogDetailsSingle .smallCatg {
  font-size: 17px;
  background: #f5effb;
  padding: 5px 10px;
  border-radius: 5px;
  display: inline-block;
  margin-bottom: 10px;
}
.blogDetailsSingle h1 {
  font-size: 25px;
  font-weight: 600;
  line-height: 28px;
  color:#000;
  margin-bottom: 2px;
}.blogDetailsSingle .dateDtl {
    color: var(--secondary-2) !important;
    margin-bottom: 20px;
    font-size: 12px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.1em;
}
.blogDetailsSingle .dateDtl {
  color: #a0a0a0;
  margin-bottom: 20px;
  font-size: 12px;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.1em;
}
.blogSingle h2 {
  font-size: 27px;
  font-weight: 600;
  line-height: 26px;
  margin-bottom: 10px;
  color:#000;
}
.blogSingle h3 {
  font-size: 24px;
  font-weight: 600;
  line-height: 26px;
  margin-bottom: 10px;
  color:#000;
}
.blogSingle p{ padding: 0 0 20px 0;}
.imageFullBlog{ margin-bottom: 20px;}
.imageFullBlog img{ width: 100%; border-radius: 20px; margin-bottom}
.tf-social-icon li{display: inline-block; margin-right:5px;}
.tf-social-icon i{ color:#000;}

.imageFullBlogVideo iframe{ height: 300px;}
/*BLOG END*/


/*MY ACCOUNT MY TRIPS*/
.maccppGredient{
  background: linear-gradient(56deg, rgba(243, 177, 100, 1) 0%, rgba(184, 145, 254, 1) 100%)!important;
}

.vacTabContent {
  display: none;
  padding: 20px;
  background-color: #f9f9f9;
  border-top: 1px solid #ccc;
}
.vacActiveContent {
  display: block;
}
.maltab{ background: #fbf6bf;}

.tripNav{ position: relative; margin-bottom: 20px; margin: 0 auto 32px auto;}
.tripNavinn{
  display: flex;
  position: relative;
  background-color: #fff;
  box-shadow: 0 0 1px 0 rgba(24, 94, 224, 0.15), 0 6px 12px 0 rgba(24, 94, 224, 0.15);
  padding: 8px 16px;
  border-radius: 99px;
  justify-content: center;
}
.tripNavinn a{
  font-size: 1.1rem;
  color: #5d5858;
  font-weight: 500;
  border-radius: 99px;
  text-decoration: none;
  padding: 7px 20px;
  margin:0 10px;
}
.tripNavinn a:hover,
.tripNavinn a.active{ background: linear-gradient(63deg, #fbb99f 0%, #fdca5d 100%); color:#424242;}

.cartPaymentInfo li a{ text-decoration: none;}
.cartPaymentInfo li a i{ margin-right: 5px;}
.mtSmTitle{  font-size:16px; color: #000; font-weight: 600;}

.remainAmount span{ font-size: 16px;}
.vacDhName h2 {
  font-size: 25px;
  margin: 0 0 10px 0;
}

.vacDhName p {
  font-size: 16px;
  color: #918f8f;
}

.vacDhName p i {
  color: #ed986b;
}

.vacDhName p a {
  font-weight: 600;
  color: #831d98;
  text-decoration: none;
}
.vacMdoor{ color:#F5A601!important;}
.hdRatings {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
}
.vacMytripBtn{
  margin: 0 10px;
    font-size: 17px;
    font-weight: 600;
    line-height: 30px;
    text-align: left;
    color: #fff;
    border-radius: 50px;
    padding: 5px 18px;
    text-decoration: none;
    background: linear-gradient(270deg, #0E457C 0%, #3086DC 100%);
}

.hotelSection {
  display: none;
}
.hotelSection.active {
  display: block;
}

.mbdividerLine{ display: flex; align-items: center; }
.mbdividerLine span{
  border-bottom: 1px solid #ccc;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 31px;
}

.macTrip{ margin-bottom: 15px;}
.macTrip h2{font-size: 21px;}
.macTrip .hdStrRate img{width: 11px;}
.macTrip .card{border-radius: .7rem; 
  box-shadow: 0 .125rem .25rem rgb(233 233 233) !important;
  border: 1px solid rgb(233 233 233);

}
.macTrip .gtmtBtn{ font-size: 1.1rem; padding-left: 17px; padding-right: 17px;}
.macHdr {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #0000002d;
  padding-bottom: 15px;
  margin-bottom: 22px;
}
.macHdrLeft .dhName{ margin-bottom: 8px;}
.macHdrLeft p{ margin-bottom: 0;}
.macHdrRight {
  display: flex;
  align-items: center;
}
.macHdrRight .gtmtBtn{margin-bottom: 8px;}

.macContent {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  width: 100%;
}
.macContent .macCol{ padding-bottom: 10px;}
.macContent .macCol span{
  font-size: 15px;
    color: #383737cc;
    display: block;
}
.macContent .macCol strong {
  font-size: 17px;
}
.bookingTye{ width: 220px; display: flex; margin-bottom: 8px; border-radius: 50px; border: 1px solid #c095e9;}

.macTrip .card{ min-height: 260px;}

.overlopHeader{ margin-top: -41px;}
.overlopHeader .tripNavinn{ padding: 25px 16px;}

.emptyImg{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.emptyImg img{ max-height: 246px;}
.emptyText{ height: 100%; display: flex; align-items: center; justify-content: left;}
.emptyText .vacMytripBtn{    width: 199px !important; text-align: center;}

.typeIcons{
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  position: absolute;
  top: 0;
  left: -27px;
  bottom: 0;
  margin: auto;
  background: #4986d1;
}
.typeIcons i{
  color: #ffffff;
    font-size: 22px;
}
.typeIcons i.fa-plane{
    transform: rotate(327deg);
}

.tabsVertSpace{ margin-bottom: 30px;}
.vacssection{ display: flex; justify-content: space-between; margin-top: 20px; margin-bottom: 60px;}
.vacMyAccSearch{
  display: flex;
  align-items: center;
  justify-content: center;
}
.vacMyAccSearchCover {
  border: 1px solid #e8ab7f;
  border-radius: 60px;
  display: flex;
  height: 40px;
  overflow: hidden;
}
.vacMyAccSearchCover input[type=text] {
  border: 0;
  padding: 2px 14px 0 22px;
  font-size: 17px;
  width: 220px;
}
.vacMyAccSearchCover .vacMyAccSearchBtn {
  width: 100px;
  padding: 0 15px;
  border: 0;
  background: #424242;
  color: #fff;
  padding: 0 20px;
  font-weight: bold;
  text-transform: uppercase;
  -webkit-border-top-right-radius: 28px;
  -webkit-border-bottom-right-radius: 28px;
  -moz-border-radius-topright: 28px;
  -moz-border-radius-bottomright: 28px;
  border-top-right-radius: 28px;
  border-bottom-right-radius: 28px;
}


.smallTag{ font-size: 12px; vertical-align: middle;}
.macContent .macCol strong i{ font-size: 10px; margin-right: 4px;}
.macContent .macCol span i{ font-size: 14px; margin-right: 5px;}
.mdoor{ color:#8b1e96!important;}
.macContent .macCol i{}
.pink{color: #c9248a!important;}
.macImp{padding: 8px 0 0 0;}
.macImp ul {
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
.macImp li{
  padding: 0 0 0 20px;
  margin-bottom: 10px;
  font-size: 13px;
  color: #6f6f6f;
  background: url(../public/images/details/check-icon.png) no-repeat;
  background-position: 0;
  background-size: 14px auto;
}
.bkInfoBoxImgCover{ width: 25%; min-width: 80px; display: flex; flex-wrap: wrap;}
.bkInfoBoxImgCover .bkInfoBoxImg{ width: 100%; max-height: 82vw; min-height: 168px; margin-bottom: 10px;}
.bkInfoBoxImgMap{}
.bkInfoBoxImgMap img{ width: 100%; max-height: 150px; border-radius: 16px;} 

.matdPages .cartBinfo{ 
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  width: 100%;
}
.bgColored{ background: #fedb9b;}
.matdPages .boxWithShadow{
  padding: 15px;
}
.maccdbox{}
.boxWithShadow.bgColored .maccdbox h2{color: #5b5454;}
.boxWithShadow.bgColored .maccdbox a.linkBtn{
  background: #5b5454;
  color: #fedb9b;
  border: 1px solid #fff4e1;
}
.maccdbox ul{ padding: 0 0 0 20px;}
.linkBtn{
  border: 1px solid #ccc;
  padding: 7px 17px;
  border-radius: 6px;
  background: #fff;
  color: #424242;
  text-decoration: none;
  margin-bottom: 0;
  display:inline-block;
}
.linkBtn:hover{color:#000;}

.guestHouseInfo a.btn{ border-color: #f37e2c; color:#636161; margin-right: 6px; margin-bottom: 6px;}
.guestHouseInfo a.btn:hover{ background: #f37e2c; color: #fff;}
/*END MY ACCOUNT MY TRIPS*/



/*MODEL CSS*/
.modal.fade:not(.show){display: none;}
/*MODEL CSS END*/


/*COMMAN CSS*/
  .desktopBanner{ display: block!important; width:100%;}
  .mobileBanner{ display: none!important; width:100%;}
  .mobile-search-bg{ display: none;}

  .color-blue{color:#0d6efd!important;}

  html {
    scroll-behavior: auto !important;
}

.vacLoginUser{ 
  border: 1px solid #ccc; font-weight: 600; color:#fd6912; font-family: Poppins !important; border-radius: 100px; padding: 4px 4px; width: 185px; max-width: 100%;
}
.vacLoginUser .lgdUserCover{ padding-right: 0!important;}
.vacLoginUser ul.logedInUserdd{max-width: 100%; width: 215px;}
.vacLoginUser ul.logedInUserdd{ top: 34px;}
.vacLoginUser ul.logedInUserdd li{
  padding: 6px 8px;
  background: #ffffff;
  margin: 0 0 2px;
  border-bottom: 1px solid #f5f5f5;
  cursor: pointer;
}
.vacLoginUser ul.logedInUserdd li:hover{ background: #ffe6d7;}
.vacLoginUser ul.logedInUserdd li img{
  width: 23px;
  margin-right: 8px;
}


@media screen and (max-width: 1050px) {
.title-3{font-size: 17px!important; line-height: 19px !important;}
body{ font-size: .8rem;}
}
/*COMMAN CSS END*/

/*VAC MY ACCOUNT PAGE*/
.vacMyAcct h1,.vacMyAcct h2, .vacMyAcct h3, .vacMyAcct h4, .vacMyAcct h5 {
  color: #104780;
  font-weight: bold;
}
.vacMyAcct{}
.vacMyAcctInn .vacMytripBtn{     background: linear-gradient(90deg, #d23376 0%, #FB8A0B 100%); border: 0;}
.vacMyAcctInn .vacDhName p{ color:#000;}

.vacMyAcct .myaccSidebar .userImg{ border-radius: 13%; -webkit-border-radius: 13%;}
.vacMyAcct .myaccSidebar .userImg img{ border-radius: 13%!important; -webkit-border-radius: 13%;}
.vacMyAcct .myaccSidebar .user-heading{
  background: rgb(53, 43, 255);
  background: linear-gradient(325deg, rgba(53, 43, 255, 1) 0%, rgba(246, 130, 31, 1) 100%);
}
.vacMyAcct .uploadPic{
  z-index: 9;
  background: rgb(251 119 22);
  background: linear-gradient(325deg, rgb(251 119 22) 0%, rgb(249 135 38) 100%);
}
.vacMyAcct .myaccSidebar ul > li > a:hover, .vacMyAcct .myaccSidebar ul > li > a:focus, .vacMyAcct .myaccSidebar ul li.active a {
  background: #fbefe6 !important;
  color: #89817f !important;
}
.vacMyAcct .myaccSidebar ul > li > a:hover, .vacMyAcct .myaccSidebar ul > li > a:focus,
.vacMyAcct .myaccSidebar ul li.active a {
  color: #FB6911 !important;
}
.vacMyAcct .editbtnhd{ background: transparent; color: #1b5ea0 !important;
  font-weight: 600;
  padding-right: 0;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 5px 10px;
}
.myaccBox .myaccHd h2{ font-weight: 600;     
  background: #FB8A0B;
  background: linear-gradient(to right, #dd7500 0%, #f65d04 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.myaccBox .myaccHd h2 span{
  background: #1b5fa0;
  background: linear-gradient(to right, #317dc5 0%, #104780 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.myaccBox .myaccHd p{font-size: 14px;}
.myaccBox .profileInfo table td{ border-bottom: 0; padding: 4px 10px;}



.profileCmpltonState{ font-size: 14px; max-width: 500px;}
.profileCmpltonState .progress-bar{background: #00a19c;}
.profileCmpltonState .cypTitle{ display: flex; justify-content: space-between; margin-bottom: 6px;}
.profileCmpltonState .cypTitle span{ font-weight: bold;}
.profileCmpltonState p{ padding-top: 10px;}

.avcbox{ 
  display: flex;
  justify-content: space-between;
  background: #fbefe6;
  border-radius: 6px;
  padding: 5px 10px;
}
.avcbox span{ padding: 5px 10px; cursor: pointer;}
.avcbox span i{ font-size: 14px; margin-right: 4px; padding: 7px 7px; color:#fff; border-radius: 5px;
  background: #1b5ea0;
  background: linear-gradient(325deg, rgb(105 172 237) 0%, #1b5ea0 100%);
}
.avcbox span.active{ color:#00a19c;}
.avcbox span.active i{ background: #00a19c; color:#fff;}

.acctFamBtns{
  display: flex;
  align-items: center;
  justify-content: end;
  font-size: 15px;
}
.acctFamBtns a{ text-decoration: none;}
.acctFamSaveBtns{
  margin-left: 26px;
  padding: 7px 41px;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  border: 1px solid #206999;
  background: linear-gradient(270deg, #0E457C 0%, #3086DC 100%);
}
.myacctChangePass{ color:#206999; text-decoration: none;}
.text-right{ text-align: right!important;}
.verifiedIcon{    
  font-size: 11px; color: #fff;
  padding: 1px 10px;
  border-radius: 25px; 
  background: #00a19c;
}

@media (max-width: 1200px) {
  .avcbox span{font-size: 13px;}
  .coTraveller ul li .coDetails{ font-size: 13px;}
}
@media (max-width: 992px) {
   .vacProdDetlsCover.vacMyAcct {
    padding-top: 38px !important;
  }
}
@media (max-width: 767px) {
  .vacProdDetlsCover.vacMyAcct { padding-top: 20px !important; }
  .profileInfo table th:first-child, .profileInfo table td:first-child{ width: 100%!important;}
  .avcbox span{ text-align: center;}
  .avcbox span i{ 
    display: block;
    width: 29px;
    text-align: center;
    margin: 0 auto 10px auto;
  }
  .coTraveller ul li .coDetails .coComan{ margin-right: 10px!important;}
  .coTraveller ul li .coDetails .coComan.co-fourth{ text-align: center;}
  .coTraveller ul li .coName{flex: none;}
}
@media (max-width: 480px) {
.myaccBox .myaccHd h2 span{ font-size: inherit; }
.avcbox span{font-size: 11px; font-weight: 600; padding: 5px 5px;}
.addTravellersBtn a{font-size: 12px;}
.coTraveller ul li .coDetails .coComan{width: 50%; font-size: 13px; margin-right: 0 !important; margin-bottom: 10px !important;}
.coTraveller ul li .coDetails{ flex-wrap: wrap;}
.coTraveller ul li .coDetails .coComan.co-first span{ font-size: 13px;}
.coTraveller ul li .coDetails .coComan.co-secound{ text-align: right;}
.coTraveller ul li .coDetails .coComan.co-fourth{ text-align: right;}
.vacMyAcct .editbtnhd{padding: 4px 7px!important; margin-bottom: 8px;}

.profileInfo table td:last-child.text-right{
 text-align: left!important;
}
}
@media (max-width: 375px) {
  .verifiedIcon{
    display: block;
    width: 79px;
    margin-top: 3px;
  }
}

@media (max-width: 360px) {
  .addTravellersBtn a{}
  .add-traveller-details .addNewCt{ padding:0 0 15px 0!important;  }
  .myaccBox .myaccHd h2{font-size: 18px;}
.vacMyAcct .editbtnhd{ font-size: 12px; padding: 2px 10px; height: 27px; line-height: 17px;}
}

/*VAC MY ACCOUNT PAGE END*/

/*CANCELLATION*/
.refStatus{ text-align: center; padding-top: 15px;}
.refStatus a.knowStatusBtn{ text-decoration: none;}

.refundBg .cttitle{font-weight:600; color:#4caf50;}
.refundBg .ctdtals{color:#4caf50;}
.knowStatusBtn{
  border-radius: 25px;
  padding: 4px 13px;
  font-weight: 600;
  color: #1e5e9d !important;
  background: none;
  border: 1px solid #1e5e9d;
}

.color-white{ color:#fff!important;}
.vacpaymentHeaderBlack{ background: linear-gradient(90deg, #5c5858 0%, #2e2317 100%)!important;}
.fadedBox .thanksTravellers{ opacity: .3;}

.canContactInfo{}
.callIcon img{ height: 22px; margin-right: 6px;}
.cancelAllTrav{ 
  background: #f34f4f;
  color: #fff;
  border-radius: 25px;
  padding: 5px 10px;
  font-weight: 600;
  font-size: 14px;
}

.msrBox{ display: flex;}
.msrfBoxLeft{ flex: 1;}
.msrfBoxRight{}
.msrName{width: 20px; display: inline-block;}
.msrName img{ width: 100%;}
/*CANCELLATION END*/

/*THANKS PAGE*/
.bookingDetls{ text-align: center;}
.bookingDetls h4{ color:#000;}
.bookingDetls p{ text-align: center; margin: 0 0 6px 0;}

.hbookingSucessLeftBox{ padding: 15px;}

.bookDetlsBox{}
.bkdList{ list-style: none; margin: 0; padding: 0;}
.bkdList li{ padding-bottom: 10px;}

.bokPrimacydtls{
  background: #4191641c;

  border: 1px solid #4bc381;
  padding: 10px;
  width: 100%;
  text-align: center;
  border-radius: 20px;
  margin: 0 0 10px 0;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
  position: relative;

  font-size: 13px;
}
.vacDetlsrComan.thanksSideBar{padding: 20px 12px;}
.vacDetlsrComan.thanksSideBar .bokPrimacydtls{
  background: #f9860c12;
  border: 1px solid #f9d6b6;
  text-align: left;
  color: #000;
  padding:18px 10px;
}
.pay-page {
  font-size: 17px;
    font-weight: 600;
    line-height: 30px;
    color: #000000;
  
    margin-bottom: 1rem !important;
}
.pay-page .thanxMyBooking{ padding: 0; overflow: hidden;     border: 1px solid #f1f1f1;}
.thanxMyBooking li:last-child{ border-bottom: 0;}
.vacDetlsrComan.thanksSideBar h5{
  color: #000;
  font-weight: 600;
  font-size: 17px;
}
.vacDetlsrComan.thanksSideBar .bkdList li{ font-size: 15px;}

.thanksFlightDetails h2{}

.thanksTravellers{}
.thkAirLine{ margin-bottom: 4px; height: 17px; border-radius: 4px;}
.thanxTravDetls { display: flex; gap: 20px; align-items: center;}
.travInf small{ display: block; font-size: 12px; color: #656565;}
.thnkTravImg img{ height: 30px;}

.thanksBoxBorder{
  border-radius: 20px !important;
  border: 1px solid #00000033;
  box-shadow: 0px 4px 6px 2px #00000023;
  margin-bottom: 30px;
  padding: 20px;
}
.thanxMyBooking{}
.thanxMyBooking ul{ margin: 0 auto; padding:0; }
.thanxMyBooking li{ gap:5px; list-style: none; border-bottom: 1px solid #dce0e2; padding: 8px 16px 9px 16px; margin-bottom: 2px; }
.thanxMyBooking li img{ margin-right: 10px; height: 20px;}
.thanxMyBooking li a{ font-size: 14px; text-decoration: none; color:#0d6efd;}
.thanxMyBooking li a i{ margin-right: 5px;}
.thanxMyBooking li .ctdtals{ min-width: 65px; text-align: right;}


.thanxMyBookInfo{
  background: rgb(255,228,173)!important;
  background: linear-gradient(172deg, rgba(255,228,173,1) 0%, rgba(235,196,116,1) 100%)!important;
  border-color:#e7bd96!important;
}
.thanxMyBookInfo li{ color:#85672d;}
.thanxMyBookInfo h4{ font-size: 22px; line-height: 24px; color:#85672d; text-transform: uppercase; border-bottom: 1px solid #dfbf80;
padding-bottom: 6px;
}
.thanxMyBookInfo h4 span{ font-size: 16px; color:#424242; display: block;}


.thanxCompleteBook{}
.thkAmt{
  font-size: 19px;
  font-weight: 600;
  margin-bottom: 7px;
  display: block;
}
.thkPayBox{
  background: linear-gradient(63deg, #fbb99f 0%, #fdca5d 100%);
  padding: 14px;
  border-radius: 10px;
  text-align: center;
  display: flex;
  align-items: center;
  gap: 10px;
}
.thkPayInn{ text-align: left; flex: 1;}
.thkPayInn div{ 
  width: 100%;
  max-width: 380px;
  display: flex;
  justify-content: space-between;
  color: #1e1c1c;
  padding: 5px 0 6px 0;
  border-bottom: 1px solid #e9a57c;
}
.thkPayInn div strong{ padding-right: 7px;}
.thkPayBox .thkPayBtn{
  font-size: 19px;
  font-weight: 600;
  text-decoration: none;
  color: #fff;
  border-radius: 8px;
  background: linear-gradient(1deg, #d23376 0%, #FB8A0B 100%);
  border: 0;
  width: 215px;
  height: 50px;
  line-height: 30px;
  padding: 10px 12px;
  margin:0 auto;  
  display: block;
}
.thkPayBox .thkPayBtn span{
  font-size: 19px;
  font-weight: normal;
}
.thkPayBox .thkPayInn{}
.thanksTravellers h2{ font-size: 24px;}

.thkPackBox{ display: flex; justify-content: space-between; gap: 12px;}
.thkPackBox .thkPackBoxLeft{}
.packBokDate{ display: flex; gap:10px; align-items: center;}
.thkPackBox .thkPackBoxRight img{ border-radius: 8px;}
.packDateSingle > span{font-size: 13px; font-weight: 600;}
.thkDateBox{
  background: #fff;
  border: 2px solid #f69c00;
  padding: 0;
  border-radius: 8px;
  overflow: hidden;
}
.thkDateBox > strong{ width: 52px; font-size: 30px; background: linear-gradient(182deg, #FAD06A 0%, #F69C00 38.1%); color:#fff; padding: 0 10px;
  align-items: center;
  display: flex;
  justify-content: center;
  font-weight: 700;
}
.thkDateBox > span {font-size: 13px; padding: 10px;}
.thkDateBox > span > strong{ display: block;}
.thkBetweenDate{
  margin-top: 21px;
  border: 1px solid #e7e7e7;
    display: flex;
    align-items: center;
    height: 25px;
    padding: 8px 8px;
    border-radius: 25px;
    font-size: 13px;
    font-weight: 600;
}
.thkPlaces{ margin-top: 10px;}
.thkPlaces span{ font-size: 14px;}
.thkPlaces p{ font-size: 14px; font-weight: 600;}
.thkPlaces p span{ width:2px; height: 18px; vertical-align: middle; display: inline-block; background: linear-gradient(1deg, #d23376 0%, #FB8A0B 100%);}

.thkTravInc{ display: flex; justify-content: space-between; }
.thkTravInc span{ font-size: 14px; color: #5d5858;}
.thkTravInc span strong{ display: block;  font-size: 14px; color: #000;}

.mayAccDetilsTab .vacDetlsTabs{ background: #d19333;}
.mayAccDetilsTab .vacDetlsTabs a{ font-size: 20px;}
.mayAccDetilsTab .vacDetlsTabs a.active, .mayAccDetilsTab .vacDetlsTabs a:hover{
  background: #af761e;
  color: #fffbf4;
  border: 1px solid #e9ad50;
}

.vacMyAcctInn .vacDtalsTab { padding-top: 68px;}
/*THANKS PAGE END*/


/*REGISTER AND LOGIN*/
.vacdetlsotp .vac-enquiry-btn{    max-width: 154px; margin-bottom: 10px;}

.otpBanner .rlsItem{height: 290px;}
.otpInputBox{ display: flex; gap: 8px; margin-top: 10px; margin-bottom: 12px; justify-content: center;}
.otpInputBox input{width: 40px;}


.formLRPage{ 
  background: linear-gradient(63deg, #f99296 0%, #fdca5d 100%);
}
.formLRPage h2{ }
.registerBox{
  display: flex;
  background: #ffffff;
  border-radius: 26px;
  overflow: hidden;
  padding: 25px;
  max-width: 1000px;
  margin: 0 auto;
  box-shadow: 0 3px 18px 0 rgb(110 76 50 / 60%);
}
.registerBox .formrlLeft{ width: 48%;}
.registerBox .formrlLeft img{ width: 100%; height: 100%; object-fit: cover; border-radius: 22px;}
.rlsItem{ position: relative;}
.rlsItemText{ 
  position: absolute;
  bottom: 20px;
  width: 90%;
  backdrop-filter: blur(6px);
  left: 0;
  
  right: 0;
  margin: auto;
  padding: 20px;
  border-radius: 25px;
  background: #ffffff80;
  border: 1px solid #ffffff40;
  box-shadow: 0 3px 18px 0 rgb(110 76 50 / 60%);
}
.rlsItemText h4{ 
  text-align: center;
  color: #f3f3f3;
  background: #871b10e0;
  border-radius: 5px;
  padding: 3px 6px;
  font-size: 20px;
  margin-bottom: 10px;
}
.rlsItemText p{ color:#000;}

.registerBox .formrlRight{ width: 48%; padding-left: 4%;}
.registerBox .formrlRight h2{ font-size: 28px; line-height: 50px; margin-bottom: 14px!important;}
.registerBox .formrlRight .formrlSpance{padding-bottom: 12px !important;}
.registerBox .formrlRight input{ border: 1px solid #bfbfbf;}
.registerBox .formrlRight a{ text-decoration: none; color:#226cb6;}
.lsBtn{
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
  text-align: left;
  color: #fff;
  border-radius: 50px;
  padding: 8px 30px;
  text-decoration: none;
  border: 0;
  background: linear-gradient(270deg, #0E457C 0%, #3086DC 100%);
}
.small-text{ font-size: 13px;}
.rlFt{
  margin-top: 20px;
  border-top: 1px solid #ccc;
  padding-top: 22px;
  text-align: center;
}
.rlFt span{ font-size: 14px; color:#939393;}
.rlFt a{ 
  text-decoration: none;
  border: 1px solid #0d6efd;
  padding: 4px 11px;
  border-radius: 4px;
  margin-left: 10px;
}

.siupfgt{ display:flex; justify-content: space-between; align-items: center;}
/*REGISTER AND LOGIN END*/

/*PAYMENT*/
.paylgInp input{

}
.paylgInp  input{

    border: 1px solid #dadada;
    font-size: 15px;
    width: 100%;
    height: 47px;
    padding: 10px;
    margin-bottom: 12px;
    border-radius: 8px;
}
.paylgInp{ position: relative;}
.send-otp{ 
  position: absolute;
  right: 12px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  line-height: 21px;
  font-size: 15px;
  cursor: pointer;
  background: #3f87cf;
  height: 28px;
  padding: 4px 10px;
  border-radius: 40px;
  color: #fff;
}
.send-otp-box{ display: none;}
.payinpForm  .modal-dialog{ max-width: 500px; width:100%;}
.otp-box{ text-align: center;}
.otp-box-new{ text-align: center;
  margin: 0 0 15px 0;
}
.resendOtp{
  border: 1px solid #cccc !important;
    cursor: pointer;
    text-decoration: none;
    padding: 4px 10px !important;
    display: inline-block;
    border-radius: 20px;
    margin: 0 auto;
    background: linear-gradient(178deg, #bfc9d5 0%, #ffffff 100%);
    color: #424242 !important;
    opacity: 1 !important;
    cursor: pointer;
} 

.paylgBtn{
  margin: 0 auto;
  font-size: 17px;
  font-weight: 600;
  line-height: 30px;
  text-align: left;
  color: #fff;
  border-radius: 50px;
  padding: 6px 22px;
  text-decoration: none;
  background: linear-gradient(270deg, #0E457C 0%, #3086DC 100%);
}
.payLoginCovers{
  background: #f7f7f7;
  padding: 5px 18px;
  border-radius: 6px;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
}
.payLoginCovers span{
  font-size: 14px;
  font-weight: 600;
}
.payLoginCovers a{
  text-decoration: none;
  color: #4078ab;
}

.accordion-button:not(.collapsed)::after{}

.read-more-less{ display: none;}
.popupBtnFixed{
  /*position: fixed;
  width: 100%;*/
  left: 0;
  bottom: 0;
  margin: 0;
  border-radius: 0;
}

.vacpaymentHeader{
  padding: 21px 0 100px 0;
  position: relative;
  background: linear-gradient(90deg, #d23336 0%, #FB8A0B 100%);
  
}
.vacpaymentHeaderTitle{
  font-family: Poppins;
  font-size: 62px;
  line-height: 68px;
  font-weight: 700;
  text-align: center;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 0 #ccc, 0 5px 10px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15);
}
.paymentTitle{
  padding-top: 25px;
  padding-bottom: 16px;
  font-family: Poppins;
  font-size: 42px;
  line-height: 68px;
  font-weight: 700;
  text-align: center;
  color: #fff;
  text-align: center;
  display: block;
  text-shadow: 0 1px 0 #ccc, 0 5px 10px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15);
}
.vacpaymentContnet{
  position: absolute;
    z-index: 2;
    bottom: -48px;
    width: 85%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;  
}
.vacpaymentContnetInn{
  padding: 22px 20px;
  border-radius: 25px;
  background: #fff;
  box-shadow: 7px 8px 11px 0px #00000040;
}
.vacPayHdLine-1{ display: flex; align-content: space-between;}
.vacPayHdLine-1 .vacPayHdLineLeft{ display: flex; flex: 1;}
.vacPayHdLine-1 .vacPayHdLineLeft span{
  margin: 0 15px 0 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  text-align: left;
  color: #fff;
  border-radius: 12px;
  padding: 5px 30px;
  text-decoration: none;
  border: 1px solid #F69C00;
  background: linear-gradient(270deg, #FAD06A 0%, #F69C00 38.1%);
}
.vacPayHdLine-1 .vacPayHdLineLeft span strong{ font-weight: 500;}
.vacPayHdLine-1 .vacPayHdLineRight{}
.vacCustom{ 
  border: 1px solid #e99b6d;
  padding: 5px 8px;
  border-radius: 6px;
}

.vacPayHdLine-2{ display: flex; padding-top: 20px;}
.vacPayHdLineDtls{
  color: #000;
  display: flex;
  align-items: top;
}
.dnbox {
  display: flex;
  align-items: center;
}
.vacPayHdLineAdlts{ 
  border-left: 1px solid #000;
  color: #000;
  padding-left: 30px;
  margin-left: 30px;
}
.dnbox{ height: 33px;   border: 1px solid #939393; padding:4px 10px; border-radius: 6px; margin-right: 8px;}


.travellerDetails h2{
  font-size: 26px;
  font-weight: bold;
  margin: 0 0 25px 0;
}
.travellerDetails h2 span{ font-size: 16px; font-weight: 500; color:#000;}

.travellerSelect{ display: flex; gap: 20px; align-items: center; margin-bottom: 25px;}
.travellerSelectItem{ width: 40%;}
.travellerSelectItem:first-child{ border-right: 1px dotted #000;}

.radioButtonContainer {
  color: rgba(0,0,0,0.75);
  display: block;
  position: relative;
  padding-left: 32px;
  line-height: 25px;
  margin-bottom: 12px;
  margin-left: 0;
  cursor: pointer;
  font-size: 17px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.radioButtonContainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.radioButtonContainer input:checked ~ .checkmark:after {
  display: block;
}
.radioButtonContainer .checkmark:after {
  top: 3px;
  left: 3px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #1B5EA0;
}
.radioButtonContainer .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 21px;
  width: 21px;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 50%;
  border: 1px solid #1B5EA0;
  transition: all 0.3s;
}
.radioButtonContainer .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}


.vacInclusionExclusion .incluExcluBox li img{    height: 24px;}
.vacInclusionExclusion .incluExcluBox li{ font-size: 15px; line-height: 19px;}

.paymentTabs{
  border-radius: 20px!important;
  /*border: 1px solid #0000004D;*/
  box-shadow: 0px 4px 6px 2px #00000023;
  margin-bottom: 20px;
}
.paymentTabs a{word-break: break-word;}
.paymentTabs .accordion-button {
  background: none;
  box-shadow: none;
  font-size: 22px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
  color: #032F5B;
  padding: 20px 20px;
  border: 0 !important;
}
.paymentTabs .accordion-button::after{ display: block!important;}

.paymentTabsContent{border-top:1px solid #ccc!important;}

.addTravellerCover{ display: flex; flex-direction: row; gap: 7px; justify-content: space-between; border-bottom: 1px dashed #7296b9; padding: 0 0 20px 0; margin-bottom: 20px;}
.addNewTraveller{ display: flex; gap: 20px; align-items: center;}
.addNewTraveller .travellerImg{}
.addNewTraveller .travellerImg img{}
.travellerAddBtn{ text-align: left; max-width: 365px;}
.addNewTraveller .travellerAddBtn .travellerNo{ font-size: 14px;}
.addNewTraveller .travellerAddBtn a{ 
font-size: 19px;
font-weight: 600;
line-height: 20px;
text-align: left;
color:#336ca5;
text-decoration: none;
}
.pasName{ color:#323232;}
.vacClose{ 
  width: 20px;
  height: 20px;
  background: url(../images/close-icon-white.png) no-repeat #4078ab;
  background-size: 90%;
  background-position: center;
  border-radius: 100px;
  color: #ffffff;
  text-decoration: none;
  font-size: 14px;
  text-align: center;
  display: inline-block;
  border: 3px solid #4078ab;
  line-height: 13px;
  font-weight: 500;
  vertical-align: top;
  text-align: center;
  margin-left: 5px;
}
.updatebox{
  color: #1b5ea0;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
}
.addNewTravellerNote{ font-size: 12px; display: flex; align-items: center;}
.border-doted-bottom{ border-bottom: 1px dotted #ccc;}
.addNewTravellerInfo{}
.addNewTravellerInfoInp{ position: relative;}
.eyeIcon{ 
  position: absolute;
  right: 12px;
  top: 50%;
  bottom: 0;
  margin-top: -18px;
  margin-bottom: auto;
  height: 6px;
}
.eyeIcon i{ color: #b1b1b1;}
.adntsmallSelt-3{ display: flex; gap: 4px;}
.adntsmallSelt{
  background: #efefef;
  border: 0;
  font-size: 14px;
  width: 100%;
  padding: 10px;
  margin-bottom: 12px;
  border-radius: 8px;
}
.addNewTravellerInfoInp input{background: #f6f6f6; border: 1px solid #dadada; font-size: 14px;
  width: 100%;
  height: 47px;
  padding: 10px;
  margin-bottom: 12px;
  border-radius: 8px;
}
.addNewTravellerInfoInp select{background: #f6f6f6; border: 1px solid #dadada; font-size: 14px;
  width: 100%;
  height: 47px;
  padding: 10px;
  margin-bottom: 12px;
  border-radius: 8px;
}
.addNewTravellerInfoInp input:focus{ outline: none;}

.addNewTrabMob{ position: relative;}
.addNewTrabMob .addNewTrabMobInn{ position: absolute; left: 4px; z-index: 1;}
.addNewTrabMob .addNewTrabMobInn select{ 
  background: none;
  border: none;
  width: 94px;
  height: 46px;
  font-size: 14px;
  border-right: 1px solid #ccc;
}
.alert{
  padding: 5px 12px;
  margin: 0 auto;
  display: block;
  text-align: center;
}
.addNewTrabMob .addNewTrabMobInn select:focus{ outline: none;}
.addNewTrabMob .addNewTravellerInfoInp input{ padding: 10px 10px 10px 104px;}


.addNewTravellerPop{}
.addNewTravellerPop h4{ color:#000;}
.addNewTravellerPop .modal-footer{ border: 0; text-align: center; justify-content:center; padding-top: 0;}

.commanPopupBtn{
  padding: 10px 41px;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  border: 1px solid #206999;
  background: linear-gradient(270deg, #0E457C 0%, #3086DC 100%);
}


.seltfrmSaveList{ 
  display: flex;
  justify-content: right;
  background: #f4f2f2;
  padding: 5px;
}
.seltfrmSaveList select{ width: 226px;}
.addNewTravellerPopSize{ width: 100%; max-width: 912px;}
.addtravNumber span a{ 
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  line-height: 20px;
}
.addtravNumber span a img{ width: 100%;}
.entManualy{
  display: flex;
  align-items: center;
  margin-left: 10px;
  font-size: 13px;
  color: #948f8f;
  font-weight: 500;
}

.fullhalfBox{ margin-bottom: 10px;
  background: linear-gradient(274deg, #d233365e 0%, #fb8a0b80 40%);
  padding: 8px;
  border-radius: 8px;
}

.fullhalfBox form {
	position: relative;
	margin: 0 auto 0;
	font-size: 15px;
}
.fullhalfBox .radiobtn {
	position: relative;
	display: block;
	label {
		display: block;
		background: transparent;
		color: #444;
    line-height: 30px;
		border-radius: 5px;
    min-height: 36px;
		padding: 2px 20px 2px 12px;
		/*border: 1px solid #a2b2c1;*/
		margin-bottom: 0;
		cursor: pointer;
    background: #fff;
		&:after,
		&:before {
			content: "";
			position: absolute;
			right: 11px;
			top: 8px;
			width: 20px;
			height: 20px;
			border-radius: 3px;
			background:  transparent;
      border: 2px solid #d9b196;
		}
		&:before {
			background: transparent;

			z-index: 2;
			overflow: hidden;
			background-repeat: no-repeat;
			background-size: 13px;
			background-position: center;
			width: 0;
			height: 0;
      border: 0;
			background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNS4zIDEzLjIiPiAgPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE0LjcuOGwtLjQtLjRhMS43IDEuNyAwIDAgMC0yLjMuMUw1LjIgOC4yIDMgNi40YTEuNyAxLjcgMCAwIDAtMi4zLjFMLjQgN2ExLjcgMS43IDAgMCAwIC4xIDIuM2wzLjggMy41YTEuNyAxLjcgMCAwIDAgMi40LS4xTDE1IDMuMWExLjcgMS43IDAgMCAwLS4yLTIuM3oiIGRhdGEtbmFtZT0iUGZhZCA0Ii8+PC9zdmc+);
		}
	}
	input[type="radio"] {
		display: none;
		position: absolute;
		width: 100%;
		appearance: none;
		&:checked + label {
			background: #fdf6f1;
			animation-name: blink;
			animation-duration: 1s;
			border-color: #fdf6f1;
			&:after {
				background: #eba26f;
			}
			&:before {
				width: 20px;
				height: 20px;
			}
		}
	}
}

.halfpayCover{ padding: 10px 12px 1px 12px; border:1px solid #fdf6f1; background: #fff; margin-bottom: 10px; border-radius: 5px;}
.halfpaySingle{
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  font-weight: 500;
  gap:8px;
  margin-bottom: 10px;
}
.halfPayLeft{
  line-height: 15px;
  font-weight: 500;
  font-size: 11px;
  flex: 1;
}
.halfPayLeft strong{ display: block; font-size: 14px; font-weight: 600; color:#4a4a4a;}
.halfPayRight{ font-size: 13px;}
.halfpaySingle > strong{ 
  border: 1px solid #ccc;
  border-radius: 4px;
  width: 18px;
  height: 18px;
  display: inline-block;
  text-align: center;
  line-height: 17px;
}
.halfPayLeft span{ display: block; color: #9b9999; font-weight: 400}





.addNewTravellerPopSize{ width: 100%; max-width: 912px;}
.addNewCt{padding: 15px; border-radius: 6px;}
.addtravNumber{ display: flex; margin-bottom: 10px;}
.addtravNumber span.active{ background: linear-gradient(63deg, #eb9a7a 0%, #fdca5d 100%); color:#fff;}
.addtravNumber span{ 
  padding: 5px 14px;
  border: 0;
  background: #ffffff;
  border: 1px solid #db8756;
  color: #db7b43;
  border-radius: 4px;
  margin-right: 9px;
  text-align: center;
  width: 115px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
}
.vacRemoveAdult{ 
  position: absolute;
  right: 2px;
  top: 2px;
  background: #fff;
  border-radius: 100px;
  width: 19px;
  height: 19px;
  color: #424242;
  text-decoration: none;
  font-size: 14px;
  text-align: center;
}

.addNewCtForm p{ font-size: 14px; color: #424242;}
.addtravFormCove{ }
.addtravFormCove label{ 
  font-size: 14px;
  display: block;
  margin-top: 5px;
  margin-bottom: 5px;
  font-weight: 500;
  color: #0c0c0c;
}
.addtravFormCove input{
    font-size: 14px;
    width: 100%;
    padding: 10px;
    margin-bottom: 12px;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #dee3e6;
    height: 42px;
}

.addtravFormCove select{
  font-size: 14px;
  width: 100%;
  padding: 10px;
  margin-bottom: 12px;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #dee3e6;
  height: 42px;
  color:#323232;
}
.addtravFormCove select option { color: #000; }

.travelMedicalInsurance{display: flex; gap: 20px; align-items: center;}
.travellerNo{
font-size: 20px;
font-weight: 600;
line-height: 30px;
text-align: left;
color:#5a5a5a;
}

.travelMedicalInsuranceDetls{ border-top: 1px dashed #7296b9; padding-top: 20px; margin-top: 25px;} 
.tmidHeader{ display: flex; justify-content: space-between; margin-bottom: 30px;}
.tmidHeaderLeft{ display: flex; justify-content: space-between; width: 60%;}
.tmidHeaderLeftHd{}
.smallTxt{ display: block; font-size: 14px; line-height: 16px;}
.popularBtn{
  padding: 5px 15px;
  border-radius: 50px;
  border: 1px solid #FB6911;
  height: 30px;
  line-height: 20px;
  font-size: 13px;
  text-decoration: none;
  color: #FB6911;
}
.tcLink{
font-size: 12px;
font-weight: 700;
line-height: 18px;
text-align: left;
color:#1B5EA0;
text-decoration: none;

}
.selectBtn{
  background: #3070ac;
  color: #fff;
  border: 0;
  font-weight: bold;
  letter-spacing: .6px;
}
.includedBox{display: flex; justify-content: space-between;}
.includedBox ul{ padding: 0;}
.luggageLi li{ background: url(../images/payment/luggage.png) no-repeat; padding-left: 20px;}
.includedBox li{
font-size: 13px;
margin-bottom: 8px;
font-weight: 400;
line-height: 18px;
text-align: left;
color: #000000;
list-style: none;
}
.includedBoxLeft .popularBtn{ padding-left: 20px; padding-right: 20px;}
.includedBoxRight{ width: 25%; display: flex; flex-wrap: wrap;  flex-direction: column; text-align: right;}
.includedBoxRight .popularBtn{ width: 100px; text-align: center; margin-left: auto;}

.piDays{ border-top: 1px solid #00000033; margin-top: 10px; padding-top: 25px;}
.piDaysTitle{ margin-bottom: 20px;}
.piDays p{ margin-bottom: 10px;}

.piIcon{ background: #fca700; width: 30px; height: 30px; border-radius: 50px; padding: 6px; display: inline-block; margin-right: 10px;}
.piIcon img{filter: brightness(0) invert(1); max-width: 20px; width: 100%;}

.piRating{ display: flex; gap: 20px; padding: 20px 0 0 0;}
.piRatingLeft{ display: flex;}
.piRating .piRatingImg{ border-radius: 14px; overflow: hidden; width: 134px; margin-right: 20px;}
.piRating .piRatingImg img{ object-fit: cover; height: 100%;}
.piRating .hdStrRate img{ width: 11px; margin-right: 2px;}
.piRatingRight{
background: #f4f4f4;
border-radius: 20px;
padding: 14px;
}
.piRatingRight strong{ font-size: 13px;}
.piRatingRight ul{ list-style: none; padding: 0;}
.piRatingRight ul li{ background: url(../images/payment/check-icon.png) no-repeat 0 3px; background-size: 14px auto; padding: 0 0 0 24px; font-size: 13px;}
.textUnderline{ text-decoration: underline!important;}
.packagesInclusion{ padding-top: 20px;}

ul.packagesInclusionList{ padding: 0; margin: 0;}
.packagesInclusionList li{font-size:14px; list-style:none; background: url(../images/payment/close-icon.png) no-repeat 0 3px; background-size: 14px auto; padding: 0 0 0 24px;}


.vacPayTetl{ margin-bottom: 17px;}
.vacPayTetl .vacDetlsOldOffer span{ font-size: 14px; text-decoration-line: none; margin-right: 5px;}
.vacPayTetl .vacDetlsPricee{ margin-top: 2px; margin-bottom: 4px;}
.vacPayTetl .vacDetlsPricee{line-height: 20px;}
.vacPayTetl .vacDetlsPricee strong{ color:#1b5ea0;}
.vacPayTetl .vacDetlsPricee span{ font-size: 14px;}
.editCoupon{ font-size: 13px; margin-left: 6px;}
.color-green{ color:#1ba55a;}


.vacFareBerkup{}
.vacFareBerkupLine{ border-bottom: 1px dashed #ccc; display: flex; justify-content: space-between;
padding: 7px 0;
}
.vacFareBerkupLineLeft{ font-size: 14px;}
.vacFareBerkupLineLeft strong{ display: block; font-weight: 500; color:#000;}
.vacFareBerkupLineLeft span{  font-size: 13px; display: block; text-transform: uppercase;}
.vacFareBerkupLineRight{ line-height: 21px;  text-align: left; text-align: right; }
.vacFareBerkupLineRight strong{font-size: 17px; font-weight: 600; color:#000;}
.vacFareBerkupLineRight span{ font-size: 13px; display: block;}

.applyCoupon .applyCouponBox{ display: flex;}
.applyCoupon input {
  width: 100%;
  padding: 10px;
  margin: 0 0;

  background: #efefef;
  border: 0;
  font-size: 14px;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;

  border-bottom-left-radius: 8px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background: none;
  border: 1px solid #1c60a4;
  border-right: 0;
}
.applyCoupon button {
  width: 86px;
  padding: 10px;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  border: 1px solid #206999;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  background: linear-gradient(270deg, #0E457C 0%, #3086DC 100%);
}
.applyCoupon button:hover {
}
.font-size-18{ font-size: 18px;}
.font-weight-bold{ font-weight: 600;}
input:focus{ outline: none;}


.vbTitle{ display: flex; justify-content: space-between; margin-bottom: 12px; border-bottom: 1px dashed #e7e7e7;}
.vbMaingTitle{ 
  font-size: 18px;
  font-weight: 600;
  padding: 15px 0 5px 0;
  border-bottom: 1px dashed #e7e7e7;
  margin-bottom: 16px;
  line-height: 16px;
}
.vbTitleInn{}
.vbTitleInn h6{
  margin-bottom: 0;
  font-weight: 600;
  color: #000;
}
.vbTitleInn span{ font-size: 13px;}
.vbViewTC{
  text-decoration: none;
  background: #4288ef;
  border-radius: 7px;
  height: 34px;
  font-size: 14px;
  padding: 6px 10px;
  color: #fff;
}

.vacCouponBox {
  margin-top: 20px;
}
.vacCoupon {
  border: 1px solid #ebeaea;
  padding: 10px;
  width: 100%;
  text-align: center;
  border-radius: 8px;
  margin: 0 0 10px 0;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
  position: relative;
}
.vacCoupon.active{ background: #4191641c; border-color: #4bc381;}
.vacCoupon button {
  margin-top: 10px;
  padding: 5px 10px;
  background-color: #28a745;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}
.vacCoupon button.vacRemove {
  background-color: #dc3545;
}
.vacCoupon button:hover {
  opacity: 0.8;
}

.vacCouponInn{ text-align: left; padding-right: 55px;}
.vacCouponInn strong{ font-size: 17px; font-weight: 500; color:#000;}
.vacCouponInn .vaccpnSave{ font-size: 15px; color:#1ba55a;}
.applyBtn{ 
  position: absolute;
  top: 10px;
  right: 10px;
  color: #1d61a6;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}
.vacCouponText{ border-top: 1px dashed #ccc; font-size: 13px; text-align: left; margin: 10px 0 0 0; padding: 10px 0 0 0;}
.color-red{ color: #b12b2b!important; }

.sticky-div {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1;
}
.sticky-div.sticky-active .vacFareBerkup{ display: none;}
.sticky-div.sticky-active .vacDetlsBtn{ font-size: 19px; padding: 3px 12px; margin-top: 10px !important;}

ul.cancelTerms{padding: 0;}
ul.cancelTerms li{ list-style: none;
padding-left: 1em; 
  text-indent: -.7em;
  margin-bottom: 10px;
}
ul.cancelTerms li::before {
  content: "";
  width: 10px;
  height: 10px;
  background: #6ed297;
  display: inline-block;
  margin-right: 10px;
}

.cancelDateBar{ margin-bottom: 20px;}
.vacTimelineContainer {
  display: flex;
  align-items: center;
  margin: 20px 5px;
}
.vacTimelineBar {
  flex: 1;
  height: 6px;
  background: linear-gradient(to right, #67d599, #ff9270);
  position: relative;
  border-radius: 50px;
}
.vacMarker {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #6dd398;
  position: absolute;
  top: -8px;
  left: 41px;
}
.vacMarkerEnd {
  background-color: #ff9270;
  left: calc(100% - 106px);
}
.vacTimelineText {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
.vacTextStart {
  color: #6dd398;
  font-size: 14px;
  padding-left: 52px;
}
.vacTextEnd {
  color: #ff9270;
  font-size: 14px;
  padding-left: 5px;
}
.vacTimelineText span{ color:#000;}

.vacPayMob .vacPriceDetalMob{ display: none!important;}
.vacPayMob .vacDetlsOldOffer{ display: none!important;}
.vacPayMob .smallTxt{ display: none!important;}


.vacPayFtFixedCover{ display: flex;}
.vacPayFtFixedTwo{ display: none;}
.vacPayFtFixedTwo a{
  border: 1px solid #2672bf;
    color: #2672bf;
    padding: 6px 5px;
    margin-top: 6px !important;
    display: flex;
    border-radius: 8px;
    height: 37px;
    text-decoration: none;
    line-height: 23px;
}

.withoutArrow:after{ display: none;}
.hightLightBox{ background: #fffae9;}
.lightBlue{ color:#1B5EA0;}

.viewBenefits{}
.viewBenefits h3{ font-size: 18px; font-weight: 500;}
.viewBenefits li{padding-bottom: 10px;}
.viewBenefits p{ 
  font-size: 13px;
  margin: 0 0 9px 0;
  line-height: 16px;
}
.vbViewPrice{ width: 120px; text-align: right; color:#000;}
.vbIcons{height: 23px; color:#000;}
.claimTcs{}


@media screen and (max-width: 1300px) {
.vacDetlsPricee strong{font-size: 24px;}
.vacDetlsrComan{ padding: 20px 21px!important;}
.radioButtonContainer{ font-size: 15px;}
.popularBtn{ font-size: 12px; padding: 5px 9px;}

.tmidHeaderLeft{ display: block;}
.tmidHeaderLeftHd{ width: 100%; margin-bottom: 9px;}
}
@media screen and (max-width: 1200px) {
.vacDetlsrComan{padding: 20px 17px!important;}
.vacPayTetl .vacDetlsPricee span{ font-size: 12px;}
.vacDetlsPricee strong { font-size: 22px;}
.popularBtn{ padding: 5px 4px;}

.vacInclusionExclusion{}
.vacInclusionExclusion .title-4 { font-size: 16px;}
.vacInclusionExclusion .col-md-6{ width: 100%;}

}
@media screen and (max-width: 1050px) {
.paymentTitle{font-size: 27px;}
.commanSpace > .container > .row > .col-md-8,
.commanSpace > .container > .row > .col-md-4{ width: 100%;}
.vacPayHdLine-1 .vacPayHdLineLeft span{padding: 5px 17px;}
.addNewTraveller .travellerAddBtn a{ font-size: 18px;}
.travellerNo{font-size: 17px;}
.travellerDetails h2 {font-size: 22px}
.addNewTraveller .travellerImg img { max-width: 49px;}
}

/*PAYMENT END*/

/*DETAILS*/
.slider-info {
  text-align: center;
  font-size: 16px;
  margin-top: 10px;
}

.itinerary-slider .owl-item.active:last-child{transform: none!important;}
.details-itinerary-slider{ position: relative;}
.details-itinerary-slider .slider-info{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 23px;
  margin: 0 auto;
  z-index: 1;
  background: #ffffffcf;
  width: 35px;
  border-radius: 100px;
  font-size: 9px;
  line-height: 14px;
}
.details-itinerary-slider .slider-info span{ font-size: 9px;}
.vacitiLocation{ display: none!important;}

.searchResultInn{ display: none;}
.selectFlightCover .buttons {
  margin-bottom: 10px;
}
.airlineFiltPopup{ display: none;}
.airline-ft-popup{ display: none;}
.change-flight-filter-mobile{ display: none; }

.shortByCover{font-size: 12px; display: flex; align-items: flex-start; color: #000; gap: 8px;  margin-bottom: 28px;}
.sortByInPanel{ width: 202px; display: flex; gap: 5px; align-items: center; font-size: 11px; font-weight: 600;}
.sortByInPanel span{width: 70px;}
.sortByInPanel select{ height: 29px; padding: 2px 0 2px 4px; margin-bottom: 0;}

.flightSeltBox{margin-bottom: 30px; position: relative;}

.changeFlightBtns{ display: flex; align-items: center; border-bottom: 1px solid #eee; margin-bottom: 6px; padding-bottom: 10px;}
.seltFlightBtn{ text-align: center;}
.seltFlightBtn button{
  cursor: pointer;
  border-radius: 40px;
  background: #fdfafa;
  border: 1px solid #f69c00;
  margin: 0 5px;
  padding: 3px 10px;
  font-size: 14px;
  min-width: 80px;
}
.seltFlightBtn button.active{ background: linear-gradient(270deg, #FAD06A 0%, #F69C00 38.1%); border-color: #F69C00; color:#fff;}
.seltFlightBtn{ display: flex; align-items: center;}
.seltfltLocation{ font-size: 13px; flex:1; padding-right: 8px; color: #303030;
  line-height: 17px;
}
.flightContainer {
  display: flex;
  width: 100%;
  min-height: 300px;
  gap: 18px;
}

.flightDetails{width: 35%;}
.flightDetails.active{ width: 65%;}

.left-flight-content, .right-flight-content {
  transition: all 0.3s ease; /* Smooth transition */
}

.left-flight-content {
  width: 50%;
  padding: 0;
}

.right-flight-content {
  width: 50%;
  padding: 0;
}

.flightSelt > div {
  flex: 1;
  padding: 0;
}
.flightSelt input[type="radio"] {
  display: none;
  &:not(:disabled) ~ label {
    cursor: pointer;
  }
  &:disabled ~ label {
    color: hsla(150, 5%, 75%, 1);
    border-color: hsla(150, 5%, 75%, 1);
    box-shadow: none;
    cursor: not-allowed;
  }
}
.flightSelt label {
  height: 100%;
  display: block;
  background: white;
  /*border: 2px solid hsla(150, 75%, 50%, 1);*/
  border: 1px solid rgb(202 209 205);
  border-radius: 20px;
  padding: 1rem;
  margin-bottom: 1rem;
  text-align: center;
  box-shadow: 0px 3px 10px -2px hsla(150, 5%, 65%, 0.5);
  position: relative;
}
.flightSelt input[type="radio"] + label:after{
  color: hsla(215, 5%, 25%, 1);
  content: "Select";
  font-size: 14px;
  position: absolute;
  top: -17px;
  left: 10px;
  /*transform: translateX(-50%);*/
  height: 29px;
  width: 74px;
  line-height: 29px;
  text-align: center;
  border-radius: 10%;
  background: #fff;
  box-shadow: 0px 2px 5px -2px hsla(0, 0%, 0%, 0.25);
  color:#e4685c;
  border: 1px solid #e4685c ;
}
.flightSelt input[type="radio"]:checked + label {
  content: "Selected";
  background: #d6fbef;
  color: hsla(215, 0%, 100%, 1);
  border: 1px solid #82c2aa;
  &::after {
    background: linear-gradient(90deg, #C83FBE 0%, #FB8A0B 100%);
    color: #ffffff;
    border-radius: 6px;
    box-shadow: none;
    border: 0;
    content: "Selected";
  }
}
.flightSelt input[type="radio"]#control_05:checked + label {
  background: red;
  border-color: red;
}



.airline-dropdown {
  position: relative;
  display: inline-block;
}
.airline-dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  padding: 10px 0;
  min-width: 160px;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
  z-index: 1;
  border: 1px solid #ddd;
  max-height: 200px;
  overflow-y: auto;
  color: #000;
  left: -1px;
  top: 37px;
}
.airline-dropdown-content label.airline-checkbox-label{  padding: 5px 10px; color: #000;}
.airline-dropdown:hover .airline-dropdown-content {
  display: block;
}
.airline-checkbox-label {
  padding: 8px 16px;
  cursor: pointer;
  display: block;
}
.airline-dropbtn {
  cursor: pointer;
  background: transparent;
  border: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
    padding: 0;
}
.clear-btn {
  padding: 4px 10px;
  color: #f44336;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  display: none; /* Hide the clear button initially */
  background: transparent;
  line-height: 9px;
}
.clear-btn:hover {
  background-color: #e53935;
}


.big-flight-content{ width: 75%;}
.small-flight-content{ width: 25%;}

.flitCover{ display: flex; justify-content: space-between;}
.flitInfoLft{ font-size: 13px;}
.flitInfoRft{ display: none!important;}
.fltFareDetails{color: #1B5EA0;}

.tabNonActive{ display: none;}
.tabNonActiveCover{ display: flex;}

.flight-depart .tabNonActiveTime, 
.flight-return .tabNonActiveTime{ display: block!important;}
.flight-depart .tabNonActiveDate,
.flight-return .tabNonActiveDate{ display: none!important;}

.flight-depart.active .flitInfoRft{ display: block!important;}
.flight-return.active .flitInfoRft{ display: block!important;}
.flight-depart.active .tabNonActive,
.flight-return.active .tabNonActive{ display: block!important;}
.flight-depart.active .tabNonActiveTime,
.flight-return.active .tabNonActiveTime{ display: none!important;}

.flight-depart.active .tabNonActiveDate,
.flight-return.active .tabNonActiveDate{ display: flex!important;}

.flight-depart.active .flightActiveandDeactive,
.flight-return.active .flightActiveandDeactive{ display: block!important;}
.flight-depart .flightActiveandDeactive,
.flight-return .flightActiveandDeactive{ display: none!important;}


.tabNonActiveTime{ margin-left: 10px;}

.lagegeIcon img{ width: 20px;}

.flitTimeInfo{ display: flex; min-height: 68px;}
.flitTimeInfoLeft{
  border-right: 1px solid #ddd;
  display: flex;
  padding-right: 25px;
  font-size: 12px;
  color:#424242;
  flex: 1;
}
.flitTimeInfoRight{ min-width: 89px; color:#424242; text-align: right;}
.fliteTime{  width: 80px; text-align:left; padding-left: 5px;}
.fliteName{ width: 35px;  margin-right: 10px; display: flex; align-items: flex-start;}
.fliteName img{ border-radius: 8px; display: block; width: 100%;}
.fliteTime .fliteTiming{font-size: 18px;}
.fliteTime .fliteDate{ font-weight: 600; color:#181818;}
.fliteTime .fliteLocation{}
.font-size-12{ font-size: 12px;}

.flitStopege{ height: 1px; background: #ccc; width: 100%;}
.fliteStop{ width: 66px; margin: 0 5px;}

.fliteBtm{ font-size: 12px; color: #424242; padding-top: 8px; display: flex; justify-content: space-between;}
.flitePrice strong{ font-size: 18px; color: #000;}

.flightFilterpp{
  background: linear-gradient(270deg, #3086DC 0%, #0E457C 99.3%);
  border-radius: 5px;
  padding: 10px 2px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.flightFilterppAir label{ display: block; margin-bottom: 5px; color:#fff;}
.flightFilterppAir select{ 
  height: 30px;
  font-size: 14px;
  line-height: 14px;
}
.airline-dropdown{ 
  height: 30px;
  font-size: 14px;
  line-height: 14px;
  display: flex;
}

@media only screen and (max-width: 700px) {
  .flightSelt {
    flex-direction: column;
  }
}





.vacFaqs{ padding-bottom: 50px;}
.vacFaqs .accordion-button:not(.collapsed){ background: #fff;}
.vacFaqs button:focus{ outline: none; box-shadow:none;}


.rgpopup-close{ display: none;} 

.modal-header{ padding-top: 8px; padding-bottom: 8px;}
.modal.modal-md{ max-width: 500px; margin-left: auto; margin-right: auto; right:0;}
.selectHotelCateg{ display: flex; gap: 8px;}
.selectHotelCateg .starbtn{ background: #fff; border: 1px solid #EE9A1E; padding: 5px 10px; color:#EE9A1E; border-radius: 5px;}
.selectHotelCateg .starbtn.active{ background: #EE9A1E; color:#fff;}

.fixed-enquiry-popup .vac-enquiry-btn{ max-width: 180px; margin: 0 auto;}
.fixed-enquiry-popup .vac-enquiry-btn{    height: 42px; line-height: 18px;}
.fixed-enquiry-popup .vacFmSpace .vac-enquiry-btn{ max-width: 158px; margin: 0 auto 10px auto;}

/* Styling for the fixed icon */
.fixedIcon {
  position: fixed;
  right: 0; /* Position the icon 20px from the right side */
  top: 54%; /* Position the icon 20px from the bottom */
 /* Icon background color */
  color: white; /* Icon color */
  cursor: pointer;
  font-size: 24px; /* Icon size */
  z-index: 99;/* Ensure the icon stays on top of other content */

  background: linear-gradient(157deg, #49c5a1 0%, #fdca5d 100%);
  padding: 6px 5px;

  -webkit-border-top-left-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  
}

.fixedIcon a{ display: block; margin-top: 5px; margin-bottom: 5px; padding: 0 5px;}
.fixedIcon a:first-child{ border-bottom: 1px solid #fff; padding-bottom: 8px;}
.fixedIcon a img{ height: 24px; }

.bottom-to-top{
  display: none;
  transition: opacity 0.3s;
}

.vacSliderRight .hdRatings{justify-content: left;}
.vacProddtlsSearch{ width: 100%; max-width: 1192px; margin: 0 auto;}
.vacProddtlsSearch .vacHPackSearchCover{ padding: 21px 35px; box-shadow: 2px 2px 4px 0px #00000040; text-align: center;}
.vacProddtlsSearch .vacHPackSearchCover .vacTripCover .vacTripBox{ }

.bottom-to-top {
  background: linear-gradient(183deg, #0E457C 0%, #3086DC 100%);
  color: white;
  border: none;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 20px 0;
  cursor: pointer;
  transition: background-color 0.3s ease;
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 99;
  width: 48px;
  height: 48px;
  border-radius: 42px;
  line-height: 44px;
}

.vacRgChildDetls{}
.vacRgChildDetls span{ font-size: 13px; line-height: 17px;}
.vacChildAgeScale{ padding: 10px 0 0 0;}
.vacChildAgeScale ul{
display: flex;
align-items: center;
list-style: none;
padding: 0 0;
justify-content: center;
}
.vacChildAgeScale ul li{
  margin: 0 2px;
  background: #fff;
  box-shadow: 2px 1px 5px 0px #00000033;
  border-radius: 5px;
  height: 32px;
  line-height: 31px;
  color: #000;
  padding: 0 2px;
  width: 26px;
  text-align: center;
  cursor: pointer;
}
.vacChildAgeScale ul li.active, .vacChildAgeScale ul li:hover{ background: linear-gradient(90deg, #d23376 0%, #FB8A0B 100%); color: #fff;}

.topSeachDetails{}
.vacDetlsBan{
  padding: 10px 0 8px 0;
  background: linear-gradient(63deg, #f99296 0%, #fdca5d 100%);
  height: 61px;
}
.vacProdDetlsCover{}
.vacSliderRight{ display: flex; height: 100%;}
.vacSliderRight .hdStrRate{ margin-left: 0; display: block;}
.vacProdDetlsCover .dhName h1{
font-size: 22px;
font-weight: 600;
line-height: 26px;
text-align: left;
color: #000000;
}
.vacSliderRight .dhName p {
  font-size: 16px;
  color: #918f8f;
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
}
.vacdn{
  display: inline-block;
  background: #f5a601;
  border: 2px solid #f5a601;
  border-radius: 50px;
  padding: 4px 0px;
}
.vacdn span{ padding: 6px 11px; color:#fff; font-size: 14px;
  -webkit-border-top-left-radius: 50px;
  -webkit-border-bottom-left-radius: 50px;
  -moz-border-radius-topleft: 50px;
  -moz-border-radius-bottomleft: 50px;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
}
.vacdn .active{ background: #fff; color:#000;}
.hdLocation img{ width: 13px;}

.vacDetlsPrice{ padding-top: 20px; display: flex; align-items: center;}
.vacDetlsPrice .hdoldPrice{ font-size: 17px;}
.vacDetlsPrice .hdtlsPrice{ font-size: 20px!important; margin: 0 8px 0 15px; color:#1B5EA0!important;}
.vacperPerson{ font-size: 14px; color: #B4B1B1;}
.vacSalePatch{
display: block;
width: 150px;
height: 35px;
line-height: 34px;
border-radius: 50px;
font-size: 14px;
font-weight: 500;
text-align: center;
color: #FFFFFF;
background: linear-gradient(90deg, #C83FBE 0%, #FB8A0B 100%);
margin-top: 16px;
}
.vacSmallText{ font-size: 14px; color:#000; margin-top: 10px; display: block;}


.vacDetlsLeft{}

.vacFasilityIcon{
display: flex;
flex-wrap: wrap;
padding: 10px 20px;
margin-bottom: 26px;
}
.vacFasilityIcon .vacFasSingleIcon{
  width: 33.3%; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 5px 10px;
  font-weight: 600;
}
.vacFasilityIcon .vacFasSingleIcon:nth-child(3n) { border-right: 0;}
.vacFasilityIcon .vacFasSingleIcon img{ width: 33px; margin-right: 8px;}

.vacdspace{margin-left: 20px;}
.vacDetlsRight{ position: relative; height: 100%;}
.vacDetlsRightInn{
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 10;
}
.vacDetlsrComan{
border-radius: 23px;
padding: 20px 30px;
margin-bottom: 20px;
background: #fff;
border: 1px solid #d9d9d9;
box-shadow: 0 4px 6px rgb(255 117 21 / 14%);
}
.vacDetlsPriceBox{
width: 100%;
min-height: 156px;
}
.vacDetlsOldOffer{ }
.salebtns{ display: flex; gap: 8px; margin-top: 35px;}
.salebtns .vacSalePatch{ margin-top: 0;}

.vacDetlsOldOffer span{
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-align: left;
text-decoration-line: line-through;
color: #707070;
display: inline-block;
}
.color-orange{ color:#FB6911!important; text-decoration-line:none!important;}
.color-yellow{ color: #F5A601 !important;}
.color-black, .vacDetlsPrice .color-black{ color:#000!important;}
.vacDetlsPricee{
font-size: 28px;
font-weight: 500;
line-height: 42px;
text-align: left;
color:#000;
display: flex;
align-items: center;
margin-bottom: 7px;
margin-top: 19px;
}
.vacDetlsPricee span{
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-align: left;
color:#000;
}
.vacDetlsBtn{
font-size: 22px;
font-weight: 600;
text-decoration: none;
color: #fff;
border-radius: 8px;
background: linear-gradient(90deg, #d23376 0%, #FB8A0B 100%);
padding: 10px 12px;
margin-top: 6px;
display: block;
text-align: center;
}

.vacFm{}
.vacFmHeader{ border-bottom: 1px solid #00000033; padding: 0 0 5px 0; margin-bottom: 14px;}
.vacHeader .logedInUser .lgdUserText{ 
  font-family: Poppins !important;
  color: #fd6912;
  font-weight: 600;
  font-size: 1rem;
}
.vacHeader .logedInUser .lgdUser{ background: #fe6e1a;}
.vacHeader .logedInUser ul.logedInUserdd{ z-index: 2;}

.vacFmHeader span{ font-size: 14px; color:#000;}
.vacFmHeader h3{
font-size: 18px;
font-weight: 700;
line-height: 20px;
text-align: left;
color: #F5A601;
margin-bottom: 0;
}
.vacFmHeader .vacDetlsFmPrice{}
.vacFmHeader .vacDetlsFmPrice span{
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-align: left;
text-decoration-line: line-through;
color: #707070;
display: inline-block;
margin-right: 6px;
}
.vacFmHeader .vacDetlsFmPrice strong{
  font-size: 20px;
  font-weight: 600;
  line-height: 34px;
  text-align: left;
  color: #1B5EA0;
}
.vacFmFields{}
.vacFmFields input, .vacFmFields textarea{ background: #fff; border: 1px solid #bfbfbf; font-size: 14px;}
.vacFmFields .vac-form-container {
  background-color: #fff;
  max-width: 900px;
  margin: 0 auto;
  padding: 30px;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.vacFmFields h2 {
  text-align: center;
  margin-bottom: 20px;
}
.vacFmFields form {
  display: flex;
  flex-direction: column;
}
.vacFmFields .vac-row {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
.vacFmFields .vac-col {
  flex: 1;
}
.vacFmFields label {
  display: block;
  margin-bottom: 8px;
  font-weight: bold;
}
.vacFmFields input, .vacFmFields textarea {
  width: 100%;
  padding: 10px;
  margin-bottom: 12px;
  border-radius: 8px;
}
.vacFmFields textarea {
  resize: vertical;
}
.vacFmFields .vac-enquiry-btn {
  background: linear-gradient(270deg, #0E457C 0%, #3086DC 100%);
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 17px;
  font-weight: 500;
  width: 100%;
}
.vacFmFields .vac-enquiry-btn:hover {
 
}
button a{ color:#fff; text-decoration: none;} /*temprery delete this*/

.vacdetlsotp{display: none;}
.vacdetlsInp{ display: flex; gap:6px;}

.vacdetl-stepone{display: none;}

.doneCheckCt{ 
display: flex;
align-items: self-start;
gap: 10px;
font-size: 11px;
line-height: 15px;
}
.doneCheckCt span{ font-size: 12px;}
.doneCheckCt span span{color:#C83FBE;}
.doneCheckCtText{}


.vacUserStepContainer {
  display: grid;
  grid-template-columns: repeat(2, 1fr); 
  gap: 14px; 
}

.vacUserStepBox {
  border: 2px solid #BEBEBE;
  border-radius: 15px;
  padding: 15px;
  text-align: center;
  box-sizing: border-box;
  position: relative;
  padding: 15px 15px 8px 15px;
}
.vacUserStepBox label{margin-bottom: 0;}

.vacUserStepRadioButton {
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 2;
  width: 15px !important;
}

.vacUserStepRadioLabel {
  display: block;
  cursor: pointer;
}

.vacUserStepRadioImage {
  height: 114px;
  max-width: 100%;
  border-radius: 10px;
}

.vacUserStepRadioText {
  font-size: 14px;
  color: #000;
  text-align: center;
  padding: 5px 0 0 0;
  margin: 0;
}

.vacdetl-steptwo{ display: none;}
.vacFmStep label{
  font-weight: 400;
  font-size: 13px;
  color: #000;
  margin-bottom: 0;
}
.vacFmStep {
  display: flex;                
  align-items: center;          
  background-color: white;      
  padding: 10px;                
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1); 
  border-radius: 5px;           
  margin-bottom: 10px;          
}

.vacFmStep input[type="checkbox"] {
  margin-right: 10px; 
  margin-bottom: 0; 
  width: 17px;         
}

.vacdetl-steptthree{ display: none;}
.vacdetl-steptfour{ display: none;}
.vacdetl-steptfive{ display: none;}
.vacFmFinish{
  display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}



.vacTripDuration{ margin-bottom: 25px;}
.vacTriContainer, .vacTriHiddenBoxes{
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.vacTriBox {
  width: 165px;
  text-align: center;
  padding:0 0;
  
}
.vacTriBox.active .vacTriBoxImg{
  border: 2px solid #fd8d07;
  border-radius: 11px;
  padding: 1px;
}
.vacTriBox a{ text-decoration: none; color: #000;}
.vacTriBox .vacTriBoxImg{
margin-bottom: 10px;
border-radius: 10px;
overflow: hidden;
height: 120px;
display: flex;
align-items: center;
justify-content: center;
}
.vacTriMore{ background: #d9d9d9;}
.vacTriBox .vacTriBoxImg img{ object-fit: cover; height: 100%;}
.vacStartFrm{ font-size: 13px; color:#00000099}
.vacTriBox .vacTriTime{
font-size: 14px;
font-weight: 700;
line-height: 21px;
text-align: center;
display: block;
color:#F5A601;
}
.vacTriPrice{ font-size: 18px; font-weight: 500; text-align: center;}
.vacTriBox img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}

.vacTriHiddenBoxes {
  display: none;
}

.vacTriShowMore {
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
  text-align: center;
  color:#00000099;
  background: transparent;
  border: none;
  cursor: pointer;
  text-align: center;
}
.vacTriShowMore strong{
  font-size: 28px;
  font-weight: 600;
  line-height: 33px;
  display: block;
}

.vacDestiRoute{}
.vacDestiRoute a{ text-decoration: none;}
.vacDestiLine{ position: relative; display: flex; flex-wrap: wrap; background: #fff; border:1px solid #dad7d7; border-radius: 8px; padding: 8px 15px; margin-bottom: 14px;}
.vacDestiLine.active{ background: #fffab83d; border: 1px solid #fd8d07;}
.vacDestiLine.active .vacDestiLineActive{ position: absolute; top: -7px; right: -2px;}
.vacDestiLine.active .VacArrow img{  

}
.vacDestiLine.active .VacCityText{color:#fd8d07;}

.carActive{ margin-right: 14px;}
.VacCityText{ font-size: 14px; color:#424242;}
.VacArrow{ margin: 0 10px; display: flex; align-items: center;}
.VacArrow img{ widht:100%; max-width: 30px;}
.carDeActive{ margin-left: 14px;}

.vacStayCover{}
.cavStayButtonContainer a{ text-decoration: none;}
.cavStayButtonContainer {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.cavStayButton {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
 
  border-radius: 5px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;

  background-color: #ffffff;
  border: 1px solid #fd8d07;
}

.cavStayCheckIcon {
  margin-right: 8px;
  color: #008000; 
  visibility: hidden; 
}

.cavStayButton.cavStayActive {
  background-color: #fd8d07; 
  color: white;
  border: 0;
  position: relative;
}

.cavStayButton.cavStayActive .cavStayCheckIcon {
  visibility: visible;
  position: absolute;
  top: -7px;
  right: -13px; 
}

.cavStayButton:not(.cavStayActive) {
  background-color: #ffffff;
  border: 1px solid #fd8d07;
  color: #fd8d07;

}

.cavStayButton:hover {
  background-color: #fd8d07;
  color:#fff;
}


.flickity-page-dots{ display: none;}
.vacDetlsTabs{
background: #252523;
border-radius: 10px;
font-size: 22px;
display: flex;
justify-content:flex-start;
gap: 10px;
position: sticky;
top: 0;
border-radius: 10px;
padding: 13px 10px;
z-index: 91;
}
.vacDetlsTabs span{
  cursor: pointer;
  font-family: Poppins;
font-size: 15px;
padding: 0 20px;
font-weight: 500;
line-height: 40px;
text-align: left;
color:#fff;
text-decoration: none;
border-radius: 6px;
}
.vacDetlsTabs a{
  font-family: Poppins;
font-size: 15px;
padding: 0 20px;
font-weight: 500;
line-height: 40px;
text-align: left;
color:#fff;
text-decoration: none;
border-radius: 6px;
}
.vacDetlsTabs a.active, .vacDetlsTabs a:hover{ 
  background: #EE9A1E;
  color:#fff;
  
}

.vacDtalsTab{
  padding-top: 40px;
  margin-bottom: 0px;
}
.vacDtalsTab .accordion-item .owl-item{}
.itineraryBox{}
.vacItiAccordion {}


.vacDtalsTab .accordion-item{ padding: 16px; border-radius: 20px; border:1px solid #0000004D; margin-bottom: 20px;}
.vacDtalsTab .accordion-button{ background: none; box-shadow:none;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
  color: #000000;
  padding: 10px;
}
.accordion-button:focus{ outline: none!important;}
.vdtDay{
  width: 90px;
height:30px;
line-height: 28px;
padding: 1px 14px;
text-align: center;
border-radius: 50px;
background: linear-gradient(270deg, #FAD06A 0%, #F69C00 38.1%);
color:#fff;
margin-right: 15px;
}

.vacDtalsTab .accordion-body{ padding: 28px 0 0 0; border-top:1px solid #ccc; margin-top: 12px;}
.itinerary-slider img{ border-radius: 20px;}
.vacExpOneItem{ position: relative; /*max-height: 300px;*/ 
  max-height: 340px;
  border-radius: 20px;
  overflow: hidden;}
  .vacExpOneItem img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    width: -webkit-fill-available;
  }
.vacitiLocation{ position: absolute; bottom: 20px; left: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  width:107px;
  height: 29px;
  font-size: 14px;
  padding: 3px 16px 3px 16px;
  border-radius: 50px;
background: #E3E6E7;
color: #000;
  z-index: 2;
}

.vacdtTransferBox{ display: flex; gap: 10px; margin-bottom: 10px;}
.vacdtTransferBox .vacdtCar{ border: 1px solid #D9D9D9; width: 47px; height: 42px; border-radius: 5px; padding: 6px;}
.vacdtTransferBox .vacdtCar img{}
.vacdtTransferBox .vacdtCarText{ width: 100%;}
.vacdtTransferBox .vacdtCarText h4{
font-size: 16px;
font-weight: 700;
line-height: 15px;
text-align: left;
color:#1B5EA0;

}
.vacFlightSaprate h4{ 
  color: #43a275;
    font-weight: bold;
    padding: 0 0 12px 0px;
}

.vacDetls-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  border: 1px solid #D9D9D9;
  border-radius: 15px;
  max-width: 285px;
  width:100% ;
  color:#000;
  margin-bottom: 15px;
}
.vacDetls-container .vacDetls-check-in span,
.vacDetls-container .vacDetls-check-out span{ display: block; font-size: 14px; font-weight: 400; color: #00000080;}

.vacDetls-check-in, .vacDetls-check-out {
  font-size: 16px;
  font-weight: bold;
  color: #000;
}
.vacDetls-clock-text{
  font-size: 16px!important;
  font-weight: 500;
  color: #000!important;
}
.vacDetls-clock-icon {
  font-size: 24px;
  color: #333;
}

.vacFood-container {
  display: flex;
  flex-wrap: wrap;
  /*justify-content: space-between;*/
  justify-content: space-evenly;
  gap: 20px;
  padding: 20px;
  border: 1px solid #D9D9D9;
  border-radius: 15px;
}

.vacFood-box {
  width: 34%;
  padding: 5px 11px;
  border-radius: 8px;
  text-align: center;
  background-color: #efefef;
  display: flex;
  align-items: center;
  justify-content: left;
  gap: 16px;
  opacity: .7;
  position: relative;
}

.vacFood-icon img{transition: filter 0.3s ease; opacity: .3;}
.vacFood-box.active .vacFood-icon img{filter: invert(10%); opacity: 1;}
.vacFood-box.active{
  /*background: linear-gradient(270deg, #0E457C 0%, #3086DC 100%);
  border-color: #1f65ab;
  background: linear-gradient(323deg, #56bc9e 0%, #f1c059 77%);
  border-color: #1f65ab;*/
  background: #e8f3ef;
  opacity: 1;
  position: relative;
}
.vacFood-box:before {
  content: 'X';
  position: absolute;
  right: -4px;
  top: -4px;
  width: 20px;
  height: 20px;
  display: block;
  background: #ed3131;
  color: #fff;
  border-radius: 100px;
  line-height: 21px;
}
.vacFood-box.active:before {
  content: '✔';
  position: absolute;
  right: -4px;
  top: -4px;
  width: 20px;
  height: 20px;
  display: block;
  background: #5aa98c;
  color: #fff;
  border-radius: 100px;
}
.vacFood-box.active .vacFood-title,
.vacFood-box.active p{ font-weight: 500; color: #3d3d3d; /*color: #fff;*/}
.vacFood-icon {
  font-size: 40px;
  color: #333;
  margin-bottom: 10px;
}
.vacFood-icon-text{}


.vacFood-title {
  font-size: 17px;
  font-weight: normal;
  color: #666;
  margin-bottom: 4px;
}

.vacFood-description {
  font-size: 17px;
  color: #000000;
  margin: 0;
}


.summarisedBox{}
ul.vacTripList{
margin: 0 0 30px 0;
padding: 0;
display: flex;
}
ul.vacTripList li{ 
  list-style: none;
  border-right: 1px dashed #424242;
  padding: 0 14px;
}
ul.vacTripList li:first-child{ padding-left: 0;}
ul.vacTripList li:last-child{ border-right: 0;}

.vacGrayTitle{
color:#000;
font-weight: 600;
padding: 10px 20px;
border-radius: 50px;
background: #D9D9D980;
}
.vacDtalsTab .vacdtCarText p{ font-size: 14px;}

.vacDetls-container-bigWidth{width: 400px; max-width: 100%;}

.enjoyTime{
font-size: 12px;
font-weight: 400;
line-height: 18px;
text-align: left;
color:#000;
background: #FFD5684D;
border-radius: 5px;
padding: 6px 15px;
margin-bottom: 35px;
} 
.enjoyTime img{ margin-right: 6px;}


.outLineTextImg{
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  text-align: left;
  color:#000;
  border:1px solid #D9D9D9;
  border-radius: 5px;
  padding: 6px 15px;
  margin-bottom: 35px;
  } 
  .outLineTextImg img{ margin-right: 6px;}

.vacActionBtns .ddActionBtn{ width: 175px; margin-left: auto;}
.ddActionBtn a{
font-size: 14px;
font-weight: 600;
line-height: 21px;
text-align: left;
color: #1B5EA0;
text-decoration: none;
}
.ddActionBtn a.color-red{ display: none;}
.ddActionBtn span{ margin: 0 5px; display: none;}

.vacDtlsFlightBox{
  border: 1px solid #D9D9D9;
  border-radius: 10px;
  padding: 15px;
  margin-bottom: 15px;
}
.emiTitle{font-size: 14px; font-weight: 500; color:#000; border-bottom: 1px solid #0000001A; padding-bottom: 10px; margin-bottom: 15px; display: block;}
.vacDtlsFlightBoxInn{display: flex; }
.vdfdetails{ width: 42%;  font-size: 14px; flex: 1;}
.vacDttflightdetails {
  padding: 10px 0 5px 0;
}

.flightname {
  font-size: 12px;
  text-align: center;
}

.vac-flight-card {
  border-radius: 1.5rem;
  box-shadow: 0 0 0.1rem HSLA(var(--color-purple), 0.1);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  background-color: #fff;
}

.vac-flights-list__item:not(:last-child) {
  margin-bottom: 2.5rem;
}

.vac-flight-card__airline {
  flex: 0 1 5rem;
  border: 0.2rem solid #fff;
}

.vac-flight-card__airline+.vac-flight-card__airline {
  position: relative;
  top: -1.5rem;
}

.vac-flight-card__departure {
  margin-left: 0;
}
.vac-flight-card__departure span{ font-size: 14px;}

.vac-flight-card__time {
  display: inline-block;
  margin-bottom: 0.8rem;
  font-size: 2rem;
  font-weight: var(--font-weight-medium);
}

.vac-flight-card__city, h2.vac-flight-card__city {

margin-bottom: 0.1rem;
font-size: 18px;
position: relative;
font-size: 16px;
font-weight: 600;
color:#000;
line-height: 24px;
text-align: left;
}

.vac-flight-card__city sup {
  font-size: 12px;
  font-weight: 400;
}

.vac-flight-card__day {
  font-size: 14px;
}

.vac-flight-card__day span {
  color: #a8a5a5;
}

.vac-flight-card__route {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
  justify-content: center;
  align-items: center;
  padding: 0 1rem;
}

.vac-flight-card__duration,
.vac-flight-card__type {
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 1px;
}

.vdfdetails .route-line {
  position: relative;
  margin: 4px 0 0;
  width: 100%;
  height: 1px;
  border: 1px dashed #000;
}

.vdfdetails .route-line__start {
  left: 0;
  border: 0.1rem dashed rgb(127, 49, 142);
  background-color: #fff;
}

.vdfdetails .route-line__stop {
  border-radius: 100%;
  box-sizing: content-box;
  width: 0.5rem;
  height: 0.5rem;
  position: absolute;
  top: 50%;
  background: #fff;
  border: 0.2rem solid rgb(127, 49, 142);
  transform: translate3d(-50%, -50%, 0);
}

.vdfdetails .route-line__end {
  right: 0;
  background: #fff;
  border: 0.2rem solid rgb(127, 49, 142);
  transform: translate3d(50%, -50%, 0);
}

.vac-flight-card__arrival {
  margin-right: 3rem;
  text-align: left;
}


.vdBaggage{ border-left: 1px solid #0000001A; border-right: 1px solid #0000001A; padding:0 15px; margin: 0 15px; width: 25%;}
.vdBaggage span{ font-weight: 600; font-size: 14px; }
.vdBaggage ul{ padding: 0 0 0 0;}
.vdBaggage li{ list-style: none; font-size: 14px; color: #000;}
.nonRefund{ display: flex; align-items: center; width: 25%;font-size: 14px;}

.vacStay {
      display: flex;
      align-items: center;
      border: 1px solid #ccc;
      border-radius: 8px;
      background-color: #fff;
      padding: 10px 20px;
      gap: 10px;
      max-width: 480px;
      width: 100%;
      margin-bottom: 26px;
    }

    .vacStay  .time-section {
      text-align: center;
    }

    .vacStay .time-label {
      font-size: 14px;
      color: #555;
    }

    .vacStay  .time-value {
      font-size: 16px;
      font-weight: bold;
      color: #333;
    }

    .vacStay  .divider {
      flex: 1;
      height: 1px;
      border-bottom: 1px dotted #ccc;
      margin: 0 10px;
    }
  

    .vacStay  .nights {
      display: flex;
      align-items: center;
      font-size: 16px;
      font-weight: bold;
      color: #333;
      gap: 5px;
    }

    .nights img {
      width: 15px;
    }
    .colorBlue{ color: #1B5EA0}


    .detls-cardContainer {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
      margin-bottom: 25px;
    }
    .vacItiAccordion h3 .panelStar{font-size: 13px;}
    .detls-card-cover{ position: relative; overflow: hidden; border-radius: 14px;}
    .detls-cardContainer .detls-card .detls-cardTitle{ display: none;}

    .detls-cardContainer .detls-card{
      /*width: 31.3%;*/
      width: 100%;
    }


    .detls-card {
      overflow: hidden;
      text-align: center;
      position: relative;
    }
   
    
    .detls-cardImage {
      width: 100%;
      height: 180px;
      object-fit: cover;
      
    }
    .detls-card-cover:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(0 0 0 / 40%) 100%)
    }
    .detls-card-cover img{ 
      display: block;
      object-fit: cover;
      height: 100%;
      width: 100%;
      
    }
    .detls-cardRating {
      position:absolute;
      bottom: 10px;
      left: 0;
      z-index: 1;
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 4px 10px 0 10px;
      font-size: 12px;
      color: #fff;
    }
    
    .detls-galleryIcon {
      display: flex;
      color: #fff;
    }
    .detls-galleryIcon img{ margin-right: 5px;}
    
    .detls-cardTitle {
      font-size: 14px;
      font-weight: 500;
      margin: 10px 0;
      padding: 0 10px;
      color: #333;
    }
    .endTrip{ margin-bottom: 25px; text-align: center;}
    .endTrip img{}

    .incluExcluBox{
      border: 1px solid #ff7515; box-shadow: 0 4px 6px rgb(255 117 21 / 14%);
      border-radius: 25px;
      padding: 25px;
      height: 90%;
    }
    .incluExcluBox ul{ margin: 0; padding: 0; list-style: none;}
    .incluExcluBox ul li{ display: flex; gap: 10px; align-items: start; margin-bottom: 10px;}

    .excluRed li{color:#B04D64;}

    .knowBeforeGo{
      padding: 25px 15px;
      border-radius: 10px;
      border: 0;
      border-bottom: 1px solid #ccc;
      border-radius: 0!important;
      /*border: 1px solid #ff7515!important;
      box-shadow: 0 4px 6px rgb(255 117 21 / 14%);*/

    }
    .knowBeforeGo .accordion-button{ padding-left: 0!important;}
    button:focus { outline: 0!important;}
    .accordion-button:focus{
      box-shadow: none!important;
  }
    .knowBeforeGo .accordion-body{ padding-left: 0!important; padding-right: 0!important;}
    .knowBeforeGo .accordion-collapse{ border-top: 1px solid #0000001A;}
    .knowBeforeGo .accordion-button:not(.collapsed){ background: #fff!important; box-shadow: none;}
    .knowBeforeGo ul{margin: 10px 0 0 18px; padding: 0; list-style: disc;}
    .knowBeforeGo ul li{ /*display: flex; gap: 10px;*/ margin-bottom: 8px; align-items: start; margin-bottom: 10px; 

    padding-left: 0px;
    }



    .relatedProd{}
    .relatedProd a{ text-decoration: none;}
   
    .relatedProd .relMainBox{ 
      padding: 10px;
    position: relative;
    margin-bottom: 20px;
    border-radius: 12px;
    box-shadow: 0px 4px 6px 2px #00000023
    }
    .relatedProd h2{ font-size: 26px; font-weight: 600; color: #000; margin: 0 0 15px 0;}
    .related-cardRating {
      position: absolute;
      bottom: 3px;
      left: 0;
      z-index: 1;
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 4px 10px 0 10px;
      font-size: 12px;
      color: #fff;
  }
  .relatedProd .vacSlider .owl-nav .owl-prev,   .relatedProd .vacSlider .owl-nav .owl-next{    top: 36%;}
  .relImg{
    position: relative;
    max-height: 280px;
    overflow: hidden;
    border-radius: 12px;
  }
  .relImg img{ width: 100%; height: 100%; object-fit: cover;}
  .relDate{ background: #fff; font-size: 14px; color:#000; padding: 4px 10px; border-radius: 50px;}
  .relRate {
    display: flex;
    background: #fff; font-size: 14px; color:#000; padding: 4px 10px; border-radius: 50px;
  }
  .relRate img{ 
    width: 16px !important;
    margin-right: 5px;
  }
 
  .relText{ padding: 20px; text-align: center;}
  .relText h4{
    font-size: 15px;
    color: #000;
    line-height: 20px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .relProdPrice{font-size: 15px; }
  .relProdPrice .oldPrice{ font-size: 14px; color: #aba9a9; text-decoration: line-through;}
  .relProdPrice .oldMrp{ font-weight: 500;}
  .relProdPrice .offerPrice{ 
    font-size: 15px;
    text-align: center;
    background: linear-gradient(90deg, #C83FBE 0%, #FB8A0B 100%);
    border-radius: 50px;
    padding: 2px 12px;
    color: #fff;
  }
  .relDetilBtn{
    margin-top: 20px;
    display: inline-block;
    height: 35px;
    font-size: 15px;
    text-transform: uppercase;
    line-height: 18px;
    padding: 9px 15px;
    border-radius: 34px;
    background: linear-gradient(270deg, #0E457C 0%, #3086DC 100%);
    color: #fff;
  }

  .vadetlsReview{}
  .vadetlsReview h2{
    font-size: 26px;
    font-weight: 600;
    color: #000;
    margin: 0 0 15px 0;
  }

  .vadetlsReview .rtTotal{
    background: linear-gradient(270deg, #0E457C 0%, #3086DC 100%);
  }
  .vadetlsReview .rtNum strong{ color:#1b5ea0;}

  .vacDetlsRating{}
  .review-wrapper .single-progress-bar {
    position: relative;
    display: flex;
    align-items: center;  
  }
  .single-progress-bar .progress{    width: 93%; max-width: 400px; height: .5rem;}
  .single-progress-bar img{ width: 13px; margin-left: 5px;}
  .rating-text{ line-height: 18px; margin-right: 8px; display: flex; align-items: center;}
  .review-wrapper .progress .progress-bar {
    background-color: #FFA41B;
  }
  .review-wrapper span.rating-value { padding-left: 8px;  }


  .userImgContainer {
    display: flex;
    width: 100%;
    gap: 10px;
    max-height: 300px;
  }
  .userImgContainer img{ border-radius: 14px;}

  .userImgLeft {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
  }
  .userAllImages{ 
    position: absolute;
    left: 20px;
    bottom: 20px;
    background: #ffffffd3;
    color: #424242;
    padding: 6px 18px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: bold;
  }

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

  .userImgRight {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }

  .userImgRightImage {
    width: calc(50% - 5px); 
    height: calc(50% - 5px); 
    object-fit: cover;
  }

  .singleReviewCover h4{ font-size: 20px; font-weight: 600; color:#000}
  .singleReviewCover .revRated{ background: #ee9a1e; margin-right: 10px;}
  .vacreviewHiddenBoxes{ display: none; gap: 7px;}
  
  .vacreviewShowMore{
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
    text-align: center;
    color: #00000099;
    background: transparent;
    border: none;
    cursor: pointer;
    text-align: center;
  }
  .vacreviewShowMore strong {
    font-size: 28px;
    font-weight: 600;
    line-height: 33px;
    display: block;
}

/*cheange hotel and flight side panel*/
.side-bg{
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgb(127 127 127 / 25%);
  transition: all 0.3s ease;
  z-index: 101;
  left: 0;
  top: 0;
  display: none;
}
.side-bg-open{ display: block;}
.side-panel {
  overflow: hidden;
  position: fixed;
  top: 0;
  right: -750px; 
  width: 750px;
  height: 100%;
  background-color: #fff;
  color: #000;
  padding:10px 20px 20px 20px;
  box-shadow: 2px 0 5px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;
  z-index: 102;
  font-size: 15px;
}
.sidebar-open{ right: 0;}
.side-panel a.side-close {
  font-size: 14px;
  font-weight: 500;
  border-radius: 20px;
  border: 1px solid #ff7515;
  width: 80px;
  height: 28px;
  line-height: 27px;
  color: #ff7515;
  text-decoration: none;
  display: block;
  margin: 10px 0;
  text-align: center;
}

.vacPanCardContentRight a.vacSelectHotel{
  font-size: 14px;
  font-weight: 500;
  border-radius: 20px;
  border: 0;
  width: 95px;
  height: 33px;
  line-height: 22px;
  padding: 6px 20px;
  text-decoration: none;
  background: linear-gradient(90deg, #C83FBE 0%, #FB8A0B 100%);
  color: #fff;
  display: block;
  text-align: center;
  margin-top: 10px;
}
.vacAddNewhotel{ margin-top: 20px; padding-left: 12px;}
.vacChangeHotelCover{
  position: absolute;
  bottom: 0;
  
 /*right: 10px; width: 98.7%;*/
 right: 22px;
 width: 97.7%;

  z-index: 99;
}
.vacChangeHotelCover .vacchhoInnLeft p{ margin-bottom: 2px;}
.panelSliderItem{
display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  overflow: hidden;
  border-radius: 14px;
}
.panelSliderItem img{ object-fit: cover; width: 100%; height: 100%;}
.vacchhoInn{
  background: linear-gradient(63deg, #f99296 0%, #fdca5d 100%);
  padding: 5px 20px;
  display: flex;
  gap: 25px;
  flex-direction: row;
  justify-content: space-between;
}
.fddepretCover{ display: flex; align-items: center; height: 100%;}
.fddepture{ display: flex;  flex-wrap: wrap; height: 100%; align-items: center; line-height: 14px;
      padding: 20px 10px;}
.fddeptureDtl{ display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.fddeptureDtlTime{ display: flex; align-items: center; gap: 5px;}
.fddeptureDtlImg{width: 20px; display: inline-block;}
.fddeptureDtlImg img{ display: block; width: 100%; border-radius: 4px;}
.fddeptureRight{ border-left: 1px solid #fff; border-right: 1px solid #fff;}
.accordion-button:not(.collapsed)::after


.vacchhoInn p{ margin: 0 0 0 0;}
.vacchhosmText{ font-size: 13px; color: #000;}
.vacchhomdText{ font-size: 14px; font-weight: 500; color: #000;}
.vacchhoInnLeft h5{ 
  font-size: 22px;
  font-weight: 600;
  color: #000;
  margin-top: 7px;
}
.chhotelPrice{
  font-size: 20px;
  font-weight: bold;
  color: #8d0f2b;
 }
.chhotelPrice span{ font-size: 13px; font-weight: 500; }
.vacchhoInnRight{ width: 37%; text-align: right;}
.vacchhoInnRight a{
  padding: 9px 17px;
  color: #ffffff;
  background: linear-gradient(270deg, #d23376 0%, #FB8A0B 100%);
  text-decoration: none;
  margin-top: 2px;
  display: inline-block;
  width: 171px;
  height: 38px;
  line-height: 18px;
  border: 0;
  text-align: center;
}
.vacchhoInnRight a.change-update-package{
  border-radius: 4px;
}

.side-panel h2{ 
  font-size: 22px;
  color: #000;
  line-height: 31px;
}
.go-back-btn{ cursor: pointer;}
.sibar-opener-btn {
  cursor: pointer;
}

.sidebarHeader{ display: flex; align-items: baseline; justify-content: space-between;}
.side-close{  /*margin-right: 10px;
  color: #ff7515;
  text-decoration: none;
  display: block;
  margin: 10px 0;
  font-size: 27px;
  width: 33px;
  text-align: center;
  height: 33px;
  line-height: 32px;*/

}
.sideSearch{}

.sidebarContent{ height: 100%; overflow-y: auto; padding-bottom: 220px; position: relative;}
.vacPanCard {
  display: flex;
  /*flex-wrap: wrap;*/
  max-width: 100%;
  background-color: #fff;
  border-radius: 10px;
  border: 1px solid #e5e5e5;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  margin-bottom: 15px;
}
.selectedHotel{ 
  background: #d6fbef;
  border-color: #82c2aa!important;
}
.panelStar{
  color: #d89520;
  border: 1px solid #d89520;
  border-radius: 25px;
  padding: 2px 10px;
}
.panelStar img{ width: 13px;}
.vacPanCardImage {
  position: relative;
  flex: 1;
  width: 35%;
  max-width: 272;
}
.vacPanCardImageInn{ position: relative; /*max-height: 218px;*/ max-height: auto; font-weight: 500;}
.vacPanCardImageInn .owl-dots{
  position: absolute;
  bottom: 6px;
  left: 0;
  right: 0;
}
.vacPanCardImageInn .owl-dots button{ border: 0!important;}
.vacPanCardImage img {
  width: 100%;
  border-radius: 7px;
}

.vacPanBadge {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 100;
  background: linear-gradient(90deg, #C83FBE 0%, #FB8A0B 100%);

  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 5px 10px;
  border-radius: 5px;
}

.vacPanRating {
  position: absolute;
  bottom: 10px;
  right: 10px;
  background-color: #2ecc71;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  padding: 5px 10px;
  border-radius: 5px;
}

.vacPanCardContent {
  flex: 1 1 66%;
  max-width: 66%;
  padding:0 20px 20px 20px;
  display: flex;
}
.vacPanCardContent .vacPanCardContentLeft{ width: 75%; padding-top: 10px; }
.vacPanCardContent .vacPanCardContentRight{ width: 25%;}
.vacPanCardContentRight h5{ 
  font-size: 22px;
  font-weight: 600;
  color: #000;
  margin: 0;
 }
 .vacPP{ font-weight: 400; color: #727272; font-size: 13px;}


.vacPanCardDetails p{ font-size: 13px; padding: 0; margin-bottom: 4px; text-align: left;}

.vacPanCardTitle {
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 5px;
  color:#000;
}

.vacPanCardSubtitle {
  font-size: 14px;
  color: #010101;
  margin-bottom: 5px;
}

.vacPanCardDetails {
  font-size: 14px;
  color: #555;
  line-height: 1.6;
}

.vacPanCardDetails b {
  font-weight: bold;
}



.sideCalIcon{ width:15px;}

.vacDetlsSearch{ width: 100%; max-width: 500px; /*margin: 0 auto;*/
  margin: 0 auto;
  position: absolute;
  top:26px;
  left: 0;
  right: 0;
}
.vacDetlsSearchCover{
display: flex;
justify-content: space-between;
position: relative;
}
.vacDetlsSearchCover .hdRatingbox a{
  display: inline-block;
  font-size: 16px;
  margin-right: 5px;
  line-height: 20px;
  color: #fff;
  text-decoration: none;
  background: #49c5a1;
  border-radius: 6px;
  padding: 8px 6px;
  margin-right: 6px;
}
.tourDestination{ font-size: 22px; color: #fff; font-weight: 600;}
.vacDayRating{ display: flex; justify-content: space-between; align-items: center;}
.vacDetlsSearchCover .hdRatings{  /*margin-left: 135px;*/ position: relative; height: 100%;}

.vacSliderRight .hdPriceBox{ flex: 1;}

.form-container {
  background: #fff;
  border-radius: 50px;
}
.vacSearchBtn{
  border: 0;
  background: linear-gradient(90deg, #FB8A0B 0%, #d23376 100%);
  color: #fff;
  padding: 0 20px;
  font-weight: bold;
  text-transform: uppercase;
  -webkit-border-top-right-radius: 28px;
  -webkit-border-bottom-right-radius: 28px;
  -moz-border-radius-topright: 28px;
  -moz-border-radius-bottomright: 28px;
  border-top-right-radius: 28px;
  border-bottom-right-radius: 28px;
}


.form-tab .search-field {
  position: relative;
}
.form-tab .search-field .vacSearchIcon {
  position: absolute;
  top: 1px;
  left: 10px;
  z-index: 1;
  color: #6e80a5;
  opacity: .8;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
}
.form-tab .search-field .search-placeholder {
  position: absolute;
  top: 0;
  left: 42px;
  z-index: 1;
  color: #6e80a5;
  opacity: .8;
  font-size: calc(var( --fs) / 1.1);
}
.form-tab .search-field form {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;

  justify-content:space-between
}
.form-tab .search-field form .text-field {
  flex:1;
  background: transparent;
  font-size: var(--fs);
  color: #3f3f3f;
  border: none;
  outline: none;
  box-sizing: border-box;
  padding: 5px 5px 5px 43px;
  caret-color: #79a6ff;
  line-height: 2em;
  height: 42px;
}
.form-tab .search-btn {
  box-sizing: border-box;
  text-transform: uppercase;
  font-size: calc(var(--fs) / 1.2);
  width: 25%;
  height: 40px;
  background: transparent;
  margin-top: 2px;
}
.form-tab .search-btn p {
  cursor: pointer;
  color: #222;
}

.resoult-tab {
  justify-content: flex-start;
  flex-direction: column;
  width: var(--sw);
  height: 0px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 6px 30px -10px #d5dbed;
  overflow: hidden;
  transition: height 359ms cubic-bezier(0.27, 0.7, 0, 0.99);
}

.resoult-tab-active {
  height: calc(calc(var(--sh) / 2) * 4);
  transition: height 399ms cubic-bezier(0.27, 0.7, 0, 0.99);
}

.ul-title {
  justify-content: flex-start;
  margin-top: var(--mt);
  width: 90%;
  height: 35px;
  background: transparent;
  opacity: 0;
}
.ul-title p {
  text-transform: uppercase;
  font-size: calc(var(--fs) / 1.7);
  color: #222;
  opacity: .4;
}

.ul {
  width: 100%;
  height: auto;
  background: transparent;
  position: relative;
  border-radius: 6px;
}
.ul .li {
  box-sizing: border-box;
  padding: 0 5%;
  justify-content: flex-start;
  width: 100%;
  height: calc(var(--sh) / 2.5);
  position: relative;
  overflow: hidden;
  background: rgba(20, 98, 255, 0);
  transition: background 399ms ease;
}
.ul .li:hover {
  background: rgba(20, 98, 255, 0.1);
  transition: background 299ms ease;
}
.ul .li .li-icon {
  margin-right: 8px;
}
.ul .li .li-icon .icon {
  transform: translatey(2px);
  color: #1462ff;
  width: var(--i2);
  height: var(--i2);
}
.ul .li .li-text {
  font-size: calc(var(--fs) / 1.3);
  color: #222;
  opacity: .8;
  cursor: pointer;
}

.li-active {
  animation: displayList 699ms cubic-bezier(0.6, 0.18, 0.5, 0.99) forwards;
  transform: translatey(40px);
  opacity: 0;
}

.li-1 {
  animation-delay: 99.5ms;
}

.li-2 {
  animation-delay: 199ms;
}

.li-3 {
  animation-delay: 298.5ms;
}

@keyframes displayList {
  0% {
    opacity: 0;
    transform: translatey(40px);
  }
  20% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translatey(0px);
  }
}

.sidebar-open-details{ display: block!important;}
.flight-details-btn{
  color: #1B5EA0;
  font-size: 14px;
}
.flightDetailsPopup{ display: none; background: #ffffff; width: 100%; height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.flightDetailsPopupSpace{ padding: 15px 15px;
  height: 100%;
  overflow-y: auto;
  padding-bottom: 180px;
  position: relative;

}
.goBackArrow{ width: 23px;}
.sidebarFlightHeader{ display: flex; align-items: baseline; justify-content: space-between;}
a.side-flight-close{font-size: 14px; font-weight: 500; border-radius: 20px; border: 1px solid #ff7515;
  width: 80px; height: 28px; line-height: 27px; color: #ff7515; text-decoration: none;
  display: block;
  margin: 10px 0; text-align: center;
}
.flselect{ 
  border: 1px solid #0d6efd;
  padding: 3px 10px;
  border-radius: 4px;
}
.flselect.active{ background: #0d6efd; color: #fff;}
.flightDetailsInfo{
  display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: 10px;
    margin-top: 10px;
    background: #f8f9fa;
    padding: 5px 10px;
    border-radius: 4px;
}
.flightDetailsInfo span{ }
.flightDetailsInfo a{ font-size: 14px; text-decoration: none;}

.flightDetailsWithDate{ 
  background: #ffebdf;
  padding: 4px 8px;
  color: #ba3c14;
  -webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.fliDtlsinRow{
  font-size: 12px;
  color: #424242;
  border: 1px solid #e5d1c4;
  padding: 26px 10px;
}
.fliDtlsinRow .fliteTime{ margin: 0 20px;}
.fliDtlsinRow .fliteStop{ text-align: center;}
.fliDtlsinRow .flitDueration{ 
  position: relative;
  height: 1px;
  background: #ccc;
  width: 100%;
  margin-top: 16px;
  margin-bottom: 9px;
}
.fliDtlsinRow .flitDueration::before{ 
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -8px;
  margin-left: auto;
  margin-right: auto;
  background: url(../images/flight-mobile-icon.png) no-repeat;
  width: 22px;
  height: 20px;
  background-size: 100%;
}
.flitBaggage{
  width: 172px;
  text-align: left;
  padding-left: 5px;
}
.flitBaggage strong{ display: block; margin-bottom: 9px;}
.flitBaggage span{ display: block;}
.laoverStep{
  font-size: 13px;
    background: #eaf5ff;
    border-left: 1px solid #d8d8d8;
    padding: 3px 15px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    font-weight: 400;
    position: relative;
    border-right: 1px solid #d8d8d8;
}



.flidetilsPolicyLogo{display: flex; flex-wrap: wrap; align-items: center;  margin-top: 33px; margin-bottom: 15px;}
.fdpImg{
  width: 38px;
  margin-right: 10px;
  display: flex;
  align-items: flex-start;
}
.fdpImg img{
  border-radius: 8px;
  display: block;
  width: 100%;
}
.flidetilsPolicyLogo p{ font-size: 18px; font-weight: 600; margin-bottom: 0;}
.flidtlsPolicypp{ background: #fff; }
.pdpp-cancel{ margin-top: 38px;}
.pdpp-cancel .nav-tabs{border: 0; justify-content: center; gap: 20px; margin-bottom: 10px;}
.pdpp-cancel .nav-tabs .nav-link{
  border: 1px solid #d5a1b4;
  color: #c79190;
  font-weight: 600;
  letter-spacing: .5px;
}
.pdpp-cancel .nav-tabs .nav-link.active{ background: linear-gradient(56deg, rgba(243, 177, 100, 1) 0%, rgba(184, 145, 254, 1) 100%);
  color: #fff;}
.pdpp-cancel .flidetilsPolicyLogo{margin-top: 0;}


.fdpolicy-table {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0 auto 20px auto;
  border: 1px solid #ddd;
  overflow: hidden;
  font-size: 12px;
}
.fdpolicy-row {
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid #ddd;
}
.fdpolicy-row:last-child {
  border-bottom: none;
}
.fdpolicy-cell {
  flex: 1;
  padding: 15px 8px;
  text-align: center;
  border-right: 1px solid #ddd;
  box-sizing: border-box;
}
.fdpolicy-cell:last-child {
  border-right: none;
}
.fdpolicy-row:nth-child(odd) {
  background-color: #f9f9f9;
}




.fd-title-1{
  font-size: 23px;
  font-weight: bold;
  color: #43a275;
  margin-bottom: 13px;
}
.fd-title-1 span{ 
  border: 2px solid #43a275;
  display: inline-block;
  border-radius: 100px;
  width: 30px;
  height: 30px;
  line-height: 27px;
  text-align: center;
  margin-right: 6px;
}


.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
          tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.carousel-main button{display: none;}
.carousel-main:hover button{display: block;}
.hdGalleryDetls .col-md-8{}
.hdGalleryDetls .carousel-nav button{ display: none;}
.hdGalleryDetls .carousel-nav:hover button{ display: block;}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: #000;
  background: hsl(0deg 0% 0% / 82%);
  border: 1px solid #fff;
  cursor: pointer;
  /* vertically center */
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.flickity-prev-next-button:hover { background: rgba(2, 2, 2, 0.452); }
.flickity-prev-next-button:focus {
  outline: none;
}
.flickity-prev-next-button:active {
  opacity: 0.6;
}
.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
.flickity-prev-next-button:disabled {
  opacity: 0.3;
  cursor: auto;
}

.flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

.flickity-prev-next-button .arrow {
  fill: #fff;
}

.carousel {
  background: #FAFAFA;
}

.carousel-main {
  margin-bottom: 8px;
}
.carousel-cell {
  width: 100%;
  height: 504px;
  margin-right: 8px;
  border-radius: 5px;
  /* counter-increment: carousel-cell; */
}
.carousel-nav .carousel-cell { height: 90px; width: 120px;}
.carousel-nav .carousel-cell img{ object-fit: cover; height: 100%;}
.carousel-nav .carousel-cell img{ width: 100%; border-radius: 9px;} 
.carousel-main > img {
  display: block;
  margin: 0 auto;
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 25px;
}

.vac-tab-detals{ display: none;}

.vacDetailsMob{
  margin-top: 40px;
  width: 100%;
  min-height: 156px;
  border-radius: 23px;
  padding: 20px 30px;
  margin-bottom: 20px;
  background: #fff;
  border: 1px solid #d9d9d9;
  box-shadow: 0 4px 6px rgb(255 117 21 / 14%);

  position: sticky;
    top: 0;
    z-index: 10;
}
.vacDetailsMob .vacDetlsOldOffer{display: block !important;}
.vacDetailsMob .vacPriceDetalMob{display: block !important;}
.vacDetailsMob .smallTxt{display: block !important; }


.vac-gallery {    flex-direction: row-reverse; display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; padding: 0; }
  .vac-gallery img { 

    width: 165px;
    height: 120px;
    object-fit: cover;
    cursor: pointer;
    border-radius: 10px;
    transition: transform 0.2s ease-in-out;
  }
  .vac-gallery img:hover { transform: scale(1.05); }
  
   /* Lightbox */
   .vac-lightbox {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.9); display: none;
    justify-content: center; align-items: center; z-index: 1000; flex-direction: column;
}

.vac-lightbox #vac-lightbox-review-img{ 
  margin: 0 auto;
    display: block;
    padding-top: 18px;
}

.vac-lightbox img { max-width: 90%; max-height: 78%; border-radius: 5px; }
.vac-lightbox .vac-close {
    position: absolute; top: 20px; right: 30px; font-size: 36px; color: white; cursor: pointer;
}
.vac-lightbox .vac-prev, .vac-lightbox .vac-next {
  position: absolute;
  top: 50%;
  font-size: 21px;
  color: white;
  cursor: pointer;
  padding: 10px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  transform: translateY(-50%);
  border-radius: 100px;
  width: 40px;
  height: 40px;
  line-height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vac-lightbox .vac-prev { left: 20px; }
.vac-lightbox .vac-next { right: 20px; }
.lightMainImg{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 89vh;
}

/* Thumbnail container */
.vac-thumbnails {
    display: flex;
    justify-content: center;
    gap: 5px;
    margin-top: 10px;
    overflow-x: scroll;
    background: #424242;
    padding: 10px 0;
    scrollbar-width: thin;
    position: fixed;
    bottom: 0;
    width: 100%;
}
.vac-thumbnails img {
    width: 90px;
    height: 85px;
    object-fit: cover;
    cursor: pointer;
    border: 2px solid transparent;
    border-radius: 5px;
    transition: transform 0.2s ease-in-out, border 0.2s ease-in-out;
}
.vac-thumbnails img:hover,
.vac-thumbnails img.vac-active {
    transform: scale(1.1);
    border: 2px solid #fff;
}


@media screen and (max-width: 1200px) {
.detalHotSelling .col-md-3 { flex: 0 0 auto; width: 33.3%;}
}
@media screen and (max-width: 1100px) {
.carousel-cell{ height: 404px; /*display: flex; justify-content: center; align-items: center;*/}
}
@media screen and (max-width: 992px) {
  .detalHotSelling .col-md-3 { flex: 0 0 auto; width: 50%;}
}

@media screen and (max-width: 768px) {
  .vacDetlsPriceBox{
    -webkit-border-top-left-radius: 23px;
    -webkit-border-top-right-radius: 23px;
    -moz-border-radius-topleft: 23px;
    -moz-border-radius-topright: 23px;
    border-top-left-radius: 23px;
    border-top-right-radius: 23px;
  }
  .flickity-prev-next-button{ width: 32px; height: 32px;}
  .vacPanCard {
    flex-direction: column;
  }

  .vacPanCardImage,
  .vacPanCardContent {
    max-width: 100%;
    flex: 1 1 100%;
  }
}


/*PRODUCT DETAILS END*/






/*PRODUCT LISTING*/
.topSliderHPContent{
  position: absolute;
   z-index: 2;
   bottom: -68px;
   width: 85%;
   left: 0;
   right: 0;
   margin-left: auto;
   margin-right: auto;
 }
 .vacProddtlsSearch{ position: inherit!important;}

.vacApplyfilterMobile{ display: none;}
.vacMFixBtns{ display: none;}
.vacFiltTitleMob{ display: none;}
.vacProdListingCover{}
.vacProdListingCover p{ line-height: 28px; margin-bottom: 2px;} 
.prodFilter{ position: relative; height: 100%;}
.vacAccordion {
  margin: 0 auto;

  position: -webkit-sticky; /* For Safari */
  position: sticky;
  top: 0;
  z-index: 10;
  background-color: #ffffff;

}

.vacAccordion-item {
  margin-bottom: 10px;
  overflow: hidden;
  border-radius: 10px!important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.filterBtn{
border-bottom: 2px dotted #ccc;
margin-bottom: 27px;
}
.filterBtn h3{
font-size: 20px;
text-transform: uppercase;
color: #124d88;
display: flex;
justify-content: space-between;
}
.filtimg{
display: flex;
align-items: center;
}
.filtimg img{ margin-right: 10px;}
.filtIcon{width: 22px;}
.filtBtn{ 
font-size: 14px;
background: #fe711f;
padding: 5px 12px;
border-radius: 20px;
color: #ffffff;
text-decoration: none;
}

.vacAccordion-header {
  cursor: pointer;

font-size: 16px;
font-weight: 600;
line-height: 24px;
text-align: left;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
background: linear-gradient(270deg, #c5c1c1 0%, #7c8185 99.3%);
/*background: linear-gradient(270deg, #3086DC 0%, #0E457C 99.3%);*/
}
.vacAccordion-header h2{
font-size: 16px;
font-weight: 500;
line-height: 24px;
color: #FFFFFF;
text-align: left;
padding: 10px 15px;
margin: 0;
position: relative;
}
/* Arrow styling */
.active .filtArrow{background-position: 8px 6px;}
.filtArrow {
font-size: 18px;
transition: transform 0.3s ease;
background: url(../images/listing/updown-arrow.png) no-repeat;
width: 28px;
height: 22px;
display: block;
position: absolute;
right: 10px;
top: 0;
bottom: 0;
margin-top: auto;
margin-bottom: auto;
background-position: 8px -85px;
}
.vacAccordion-item.active .filtArrow {
  transform: rotate(1deg); /* Rotate arrow when open */
}


.vacAccordion-body {
  padding: 15px;
  display: none;
  background-color: #fff;
}

.vacAccordion-item.active .vacAccordion-body {
  display: block;
}

.flightCountCover{ display: flex; justify-content: space-between; gap: 10px;}
.flightCountCover a{ 
font-size: 16px;
font-weight: 400;
line-height: 22px;
color: #000000;

text-align: center;
padding: 8px 13px 8px 13px;
border-radius: 5px;
border: 1px;
text-decoration: none;
border: 1px solid #909090
}
.flightCountCover a.active{ 
  font-weight: 500;
  background: linear-gradient(270deg, #f3cf5b 0%, #fd8d07 99.3%);
  color: #ffffff;
  border-color: #fd8d07;
}
.flightCountCover a.active img{ filter: brightness(0.1);}

.vacFiltBtn a{ width: 50%; font-size: 13px; padding: 8px 3px;}

.vacRating span{ display: block;}
.vacRating {justify-content: flex-start;}

.checkbox-list-container {
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(245, 239, 239, 0.1);
  padding: 0;
}

.checkbox-list {
  list-style: none;
  padding-left: 0;
}

.checkbox-item {
  display: flex;
  align-items: center;
  margin: 10px 0;
  transition: background-color 0.3s ease;
}

.checkbox-item:hover, .checkbox-item.active {
  background: linear-gradient(270deg, #f3cf5b 0%, #fd8d07 99.3%);
  border-radius: 25px;
}

.checkbox-item input {
  width: 15px;
  height: 15px;
  margin-right: 12px;
  accent-color: #fff; /* Modern green accent for checkboxes */
  margin-left: 5px;
}

.checkbox-item label {
font-size: .9rem;
color: #000;
cursor: pointer;
display: flex;
justify-content: space-between;
width: 88%;
}

/* Optional: Customize checkbox when checked */
.checkbox-item input:checked + label {
  color: #fff;
}



.search-container {
  position: relative;
  margin: 0 auto;
}
.vacSearchIcon{ position: absolute; right: 10px; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; cursor: pointer;}
.search-input {
  width: 100%;
  padding: 5px 30px 5px 15px; /* Adjust padding to make space for icon */
  font-size: 16px;
  border: 1px solid #00000080;
  border-radius: 6px;
}

/* Style for the search icon */
.search-icon {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
  color: #888;
}
.vacFiltMore{
font-size: 14px;
font-weight: 600;
line-height: 21px;
text-align: left;
color: #FB6911;
text-decoration: none;
}



.vacRangeSlider{
  margin: 0 auto 15px auto;
}
.slider {
  width: 100%;
  height: 8px;
  background: #ddd;
  outline: none;
  border-radius: 5px;
}
.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  background: #4CAF50;
  border-radius: 50%;
  cursor: pointer;
}
.slider::-moz-range-thumb {
  width: 20px;
  height: 20px;
  background: #4CAF50;
  border-radius: 50%;
  cursor: pointer;
}
.value {
  display: flex;
  justify-content: space-between;
  font-size: 18px;
  margin-top: 10px;
}




.vacSbyBox {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 25px;
}

.vacSbyBox h4 {
  font-size: 17px;
  color: #000;
}

.shortBybx select {
  width: 200px;
  padding: 5px 10px;
}


.vacPListSingle{ background: #fff; border-radius: 10px; box-shadow: 5px 4px 27px 0px #00000033; margin-bottom: 25px;

}
.vacPListSingle .vacSlider .owl-nav button { width: 30px; height: 30px; background-size: 10px;}
.vacPListSingle .vacSlider .owl-nav button img{}

.vacPListSingle .vacPListSingleImg .owl-carousel{z-index: 0;}

.vacPListSingle .vacPListSingleImg{ overflow: hidden; /* overflow: hidden;*/ margin-bottom: 14px; position: relative;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.vacPListSingle .vacPListSingleImg img{ object-fit: cover; width: 100%; height: 100%;}
.vacPListSingle .vacProdListItem a{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 214px;
  object-fit: cover;
}
.vacPListSingle .vacPListSingleImg .ribbonIcon{ 
  background: url(../images/listing/ribbon-icon.svg) no-repeat;
  width: 96%px;
  height: 27px;
  position: absolute;
  left: 0;
  top: 10px;
  z-index: 1;
  background-size: contain;
  padding: 0 13px 0 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 29px;
  text-align: left;
  color: #fff;

}

.vacPListSingle .vacPListSingleImg .vacHoneymoonBox span{
  background: linear-gradient(to right, #c83fbd 0%, #f78518 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
}


.vacPListSingle .vacPListSingleImg .vacHoneymoonBox{
  width: 78%;
  height: 33px;
  position: absolute;
  left: 0;
  bottom: -17px;
  z-index: 2;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 4px 8px;
  background-color: rgb(255 255 255 / 100%);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  right: 0;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 3px -2px 21px 0px #00000033;
  border: 1px solid #ffc279;
}
.vacPListSingle .vacPListSingleImg .vacPlrat img{ width: 17px; height: 16px;}
.vacPListSingle .vacPListSingleImg .vacPlrat span{ color:#fe6a14;}

.vacPListSingle .vacPListSingleImg .vacPlrat {
    width: 74px;
    height: 28px;
    position: absolute;
    left: 17px;
    bottom: 10px;
    z-index: 2;
    background: #fff;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 4px 8px;
}

.list-prod-slider .owl-nav .owl-prev{ left: 3px!important;}
.list-prod-slider .owl-nav .owl-next{ right: 3px!important;}


.vacPListSingle .vacPListOne{ padding:12px 14px 0 14px}
.vacPListSingle .vacPListOne h2{
font-size: 15px;
font-weight: 600;
line-height: 18px;
text-align: left;
color: #000000;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
position: relative;

margin-bottom: 1px;
}
.vacDayNight{ 
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.vacPListSingle .vacPListOne ul{ display: flex; gap: 5px; list-style: none; 
  padding: 2px 0 0 0;
  margin: 3px 0 4px 0;
  border-top: 1px solid #d1deeb;
}
.vacListStrip{ 
  background: #ffebdf;
  color: #b93a12;
    
width: 100%; border-radius: 5px; font-size: 13px; text-align: center;
padding: 3px 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.vacPListSingle .vacPListOne ul li{ flex: 1; text-align: center;}
.vacPListSingle .vacPListOne ul li img{}
.vacPListSingle .vacPListOne ul li span{ 
  display: block; 
  width: 100%; 
  font-size: 10px;
  font-weight: 500;
  line-height: 19px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  
}
.vacPListTwo{ margin-top: 5px; border-top: 1px solid #d1deeb; display: flex; justify-content: space-between;

padding: 5px 14px 10px 14px;
}
.vacPListPrice{ padding: 6px 0 6px 0;}
.vacPListPrice span{ font-size: 12.5px; color:#000; }

.vacPriceListing{ display: flex; align-items: center;}
.vacPriceListing .oldPrice{
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  text-decoration-line: line-through;
  color: #707070;
  display: inline-block;
  margin-right: 5px;
}

.vacPriceListing .offPriceList{font-size: 14px;}
.vacPriceListing .finalPrice{margin-right: 5px;}
.dayInListing{ 
  position: absolute; top:0; right: 0;

  background: #fd8c06;
  border: 0;
  border-radius: 20px;
  display: inline-block;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 3px 12px;
  font-size: 12px;
  line-height: 12px;
  color: #fff;
  margin-right: 5px;
}
.dayInListing:before{ content: '';}
.vacPListPrice strong{ 
  display: block;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
  color: #1B5EA0;
  padding-top: 0;
}
.vacPListDetls{
display: flex;
align-items: center;
justify-content: center;
}
.vacPListDetls a{
width:100%;
height: 35px;
font-size: 12px;
line-height: 18px;
padding: 9px 8px 9px 7px;
border-radius: 34px;
background: linear-gradient(270deg, #0E457C 0%, #3086DC 100%);
color:#fff;
text-decoration: none;
}

.vacListSingleSlider{
  background: #fff;
  border-radius: 32px;
  box-shadow: 5px 4px 27px 0px #00000033;
  padding: 10px;
  margin-bottom: 25px;
}
.vacListLoadMore{ text-align: center;}
.vacListLoadMore a{
display: inline-block;
height: 50px;
padding: 19px 22px 19px 22px;
border-radius: 50px;
border: 2px solid #d45194; 
font-size: 18px;
font-weight: 600;
line-height: 7.6px;
text-align: left;
background: #C83FBE;
background: linear-gradient(to right, #C83FBE 0%, #FB8A0B 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}


.vacRecntGalleryInn{ position: relative;}
.vacRecntGalleryInn:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url(../images/listing/deco-left.png) no-repeat left top;
z-index: -1;
}
.vacRecntGalleryInn:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(../images/listing/deco-right.png) no-repeat right top;
  z-index: -1;
  }
.vac-container {
display: flex;
/*height: 80vh;*/
width: 100%;
flex-wrap: wrap;
}

.vac-column {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
padding: 10px;
box-sizing: border-box;
}

.vac-column img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  border-radius: 25px;
}

.vac-full-height {
  align-items: stretch; 
}

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

.vac-column.vac-two-images {
  flex-direction: column; 
}

.vac-column.vac-two-images img {
  width: 100%;
  margin-bottom: 10px; 
}

.vac-column.vac-two-images img:last-child {
  margin-bottom: 0; 
}


.videoCover{}
.videoCover .vacVideoRemovePadding{ padding-left: 0!important; padding-right: 0!important;}
.vacBackgroundContainer {
  position: relative;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.vacVideoContainer {
  text-align: center;
  position: relative;
}
.vacVidSection{ margin: 30px 0 20px 0; box-sizing: border-box; display: flex;}
.vacVidSection img.vacVidImg{ margin: 0; width: 100%; display: block; border-radius: 48px; box-shadow: 0px 4px 48px 0px #00000040;}




.vacPlayButton {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  box-sizing: content-box;
  display: block;
  width: 32px;
  height: 42px;
  /* background: #fa183d; */
  border-radius: 50%;
  padding: 0 0 0 10px;
}

.vacPlayButton:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 94px;
  height: 94px;
  background: #ccc;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}

.vacPlayButton:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 94px;
  height: 94px;
  border-radius: 50%;
  transition: all 200ms;

  background: linear-gradient(90deg, #C83FBE 0%, #FB8A0B 100%);

}

.vacPlayButton:hover:after {
  background-color: #fff;
}

.vacPlayButton:before {
  content: "";
  color: red;
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 94px;
  height: 94px;
  background: #ccc;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}

.vacPlayButton span {
  display: block;
  position: relative;
  z-index: 3;
  width: 0;
}
.vacfixed-search-close{ display: none;}
.searchResult{ display: none;}
.searchResult{width: 100%; background: #fff;  position: fixed; left: 0; top: 0; z-index: 99;}
.searchResultInn {
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
  margin: 0 auto;
  padding: 7px 10px;

  /*background: linear-gradient(63deg, #f99296 0%, #fdca5d 100%);
  box-shadow: 7px 8px 11px 0px #00000040;*/
  box-shadow: 7px 8px 11px 0px #ffe8a4;
    border: 2px solid #fd8d07;
}
.vacfixed-search-btn{ display: none;}
.backArrow img{ width: 23px;}
.srLocation{
  font-size: 12px;
  display: flex;
  flex-wrap: wrap;
  padding: 0 16px;
  line-height: 21px;
  border-radius: 7px;
  margin: 0 6px;
}
.srLocation strong{ display: block; font-size: 16px; font-weight: 600; color:#000; width: 100%; padding-top: 7px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.srLocation span{ display: block; font-size: 13px; color:#212121;}
.srEdit{ font-size: 15px; font-weight: 600; text-decoration: underline; width: 43px; text-transform: uppercase;}

.vacFixedSearchMobile{display: block;}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }

  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

@media (max-width: 1299px) {
  .vacPListPrice span{ font-size: 11px;}
}
@media (max-width: 1200px) {
.value{font-size: 14px;}
.vacPListing .row .col-md-4{ width:50%;}

.vacFiltBtn a{line-height: 17px;}
.vacRating{flex-wrap: wrap;}
.vacRating a{ width: 100%;}
.vacRating span{ display: inline-block;}
.flightCountCover a{ font-size: 15px;}
}

.vacbannerHome{ padding-bottom: 10px!important;}


@media (max-width: 1024px) {
  .vac-container {
    flex-direction: column; 
    height: auto; 
  }

  .vac-column {
    flex: none; 
    margin-bottom: 20px; 
  }

  .vac-full-height img {
    height: auto; 
    object-fit: contain; 
  }

  .vac-column.vac-two-images img {
    width: 100%; 
    margin-bottom: 10px;
  }
}
@media (max-width: 991px) {
  .filterBtn{ display: none;}
  .vacFiltTitleMob{ display: block; color:#000; font-weight: 500; font-size: 20px;}
  .vacFltrclose{ 
    font-size: 14px;
    line-height: 18px;
    color: #cf7713;
    text-decoration: none;
    border: 1px solid #cf7713;
    padding: 3px 10px;
    border-radius: 50px;
    background: #fff;
  }
  .vacProdListingCover .vacListRight{width: 100%;}
  .vacPListing .row .col-md-4 { width: 50%;}
  .vacMFixBtns img{width: 20px; margin-right: 12px;}
  .vacApplyfilterMobile{ display: block; text-align: center; padding: 20px 0;}
  .vacApplyfilterMobile .clearFilter {
    font-size: 15px;
    text-decoration: none;
    border: 1px solid #ccc;
    padding: 4px 14px;
    border-radius: 28px;
    color: #0E457C;
    font-weight: normal;
}
.vacApplyfilterMobile .applyFilter {
  font-size: 15px;
  text-decoration: none;
  padding: 4px 14px;
  border-radius: 28px;
  color: #fff;
  font-weight: normal;
  background: linear-gradient(270deg, #0E457C 0%, #3086DC 100%);
}

  
  .vacMFixBtns .shortBybx select{height: 36px;}
  .sbbMob{ text-align: right;}
  .sbbMob select{
  border-radius: 4px;
  width: 170px;
  padding: 5px 10px;
  }

  .vacmobfilter {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    background: #fff;
    padding: 58px 3% 71px 3%;
    overflow-y: auto;
    height: 100vh;
}


  .vacExpOneItemImg{ min-height: 280px;}
  .vacExpOneItemImg img{
    object-fit: cover;
    height: 100%;
    width: auto!important;
  }




}
/*END PRODUCT LISTING*/

/*HOLIDAY PACKAGES*/
.searchSuggest{ background: #fff; border-radius: 20px; padding: 12px 16px;}
.holidaySearchInn{ position: relative;}
.holidaySearchInn .searchSuggest .searchsugLine{ display: flex; font-size: 17px; border-bottom: 1px solid #e7e7e7;
padding: 10px 0;
gap: 10px;
align-items: center;
}
.holidaySearchInn .searchSuggest .searchsugLine a{ display: flex; font-size: 17px; border-bottom: 1px solid #e7e7e7;
  padding: 10px 0;
  gap: 10px;
  align-items: center;
  width: 100%;
  text-decoration: none;
  color: #5d5858;
}
.holidaySearchInn .searchSuggest .searchsugLine:last-child{ border-bottom: 0;}
.holidaySearchInn .searchSuggest{ position: absolute; width: 100%; z-index: 99;
  box-shadow: 2px 2px 4px 0px #00000040;
}
.searchsugLine img{ width: 40px; border-radius: 6px;}
.holidaySearchInn .searchSuggest img{ width: 40px; border-radius: 6px;}
.searchImg{}
.searchText{}


.recentGlMobile{ display: none;}
.honeymoonPackages{ background: url(../images/holiday-packages/honeymoon-slide-bg.jpg) no-repeat; background-size: cover; padding: 3rem 0;}
.honeymoonPackItem{ border-radius: 22px; overflow: hidden; }
.honeymoonPackItemIn{position: relative; max-height:440px;}
.honeymoonPackItemIn .hmpText{
  position: absolute;
  left: 0;
  bottom: 20px;
  text-align: center;
  width: 100%;
  color: #fff;
}
.honeymoonPackItemIn .hmpText h3{ color:#fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.honeymoonPackItemIn .hmpText strong{ font-size: 32px;}

.honeymoonPackages .owl-item.active .honeymoonPackItem{
  -webkit-transform: perspective(900px) rotateY(-60deg) scale(0.8);
    transform: perspective(900px) rotateY(343deg) scale(0.8);
}
.honeymoonPackages .owl-item.active.center .honeymoonPackItem{
  -webkit-transform:none;
  transform: none;
}
.owl-carousel .owl-item.active:nth-child(3):not(.cloned) .honeymoonPackItem {
  -webkit-transform: perspective(900px) rotateY(-60deg) scale(0.8);
  transform: perspective(900px) rotateY(13deg) scale(0.8);
}
.vacTestiMonialSliderInn .owl-carousel .owl-item.active:last-child{
  -webkit-transform: perspective(900px) rotateY(-60deg) scale(0.8);
  transform: perspective(900px) rotateY(13deg) scale(0.8);
}


.second-active .honeymoonPackItem{
  -webkit-transform: perspective(900px) rotateY(-60deg) scale(0.8)!important;
  transform: perspective(900px) rotateY(13deg) scale(0.8)!important;
}

.ribbonSplIcon{
  background: url(../images/listing/ribbon-icon.svg) no-repeat;
  width: 236px;
  height: 33px;
  position: absolute;
  left: 0;
  top: 10px;
  z-index: 2;
  padding: 0 37px 0 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  font-weight: 500;
  line-height: 29px;
  text-align: left;
  color: #fff;
  background-size: 100% 105px;
  background-position: 100%;
}



/*HOLIDAY PACKAGES SEARCH*/
.vacHPSearchCover{
  position: absolute;
  bottom: 188px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 96%;
  max-width: 500px;
  z-index: 9;
}
.vacHPSearchCover .search-field form .text-field{ font-size: 20px; height: 56px;}

.holidaySearch{
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 2;
  bottom: 22%;
  width: 94%;
  max-width: 550px;
}
.holidaySearch .vacSearchIcon{ 
  position: absolute;
  left: 10px;
  top: 0;
  bottom: 0;
  width: 25px;
  line-height: 50px;
  display: flex;
    align-items: center;
}
.bannerSerchCvr{border: 1px solid #f37a1e; border-radius: 60px; display: flex; height: 50px; overflow: hidden;}
.bannerSerchCvr input[type=text]{  border: 0; padding: 0 14px 0 40px; font-size: 19px; width: 127%;}
.bannerSerchCvr .vacSearchBtn{ width: 170px; padding: 0 15px;}
.top-slider .item{ position: relative;}

.vachpSliderBlog{ top: 80%!important;}
.holidaySearch{
  width: 94%;
  max-width: 550px;
  margin: auto;
  position: absolute;
  bottom: 20%;
}


.vacHPackSearchCover{
  padding: 45px 25px;
  border-radius: 25px;
  background: linear-gradient(63deg, #fbb99f 0%, #fdca5d 100%);
  box-shadow: 7px 8px 11px 0px #00000040;
  }
  .vachpSliderText{ 
    width: 100%;
    max-width: 1000px;
    text-align: center;
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;

    top: 50%;
    transform: translateY(-50%);
  }
  .vachpSliderText span{
  font-size: 42px;
  font-weight: 600;
  line-height: 63px;
  color:#fff;
  }
.vachpSliderText h1{
  font-size: 65px;
  font-weight: 700;
  line-height: 68px;
  color:#FFB64A!important;
}
  .vacHpSearchInn{ padding: 32px 35px;}



  /*HOLIDAY PACKAGES SEARCH END*/

  /********************/
/* Select2 **********/
/********************/
.select2{width: 100%;}
.select2-container .select2-selection--single,



.select2-container--default .select2-search--dropdown .select2-search__field{
	border-color: var(--color-border, #C0C0C0);
}

.select2-container .select2-selection--single,
.select2-dropdown .select2-search--dropdown .select2-search__field{
	background-color: var(--color-white, #FFFFFF);
	border-radius: var(--br-600, 24px);
	border-radius: 0;
}

.select2-container .select2-selection--single,
.select2-container .select2-selection--single .select2-selection__rendered{
	height: auto;
	line-height: normal;
}

.select2-dropdown .select2-search--dropdown .select2-search__field,
.select2-container .select2-selection--single .select2-selection__rendered{
	padding: 12px 30px;
	color: var(--color-text, #000000);
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
	height: 100%;
	width: var(--gap-700, 48px);
}

.select2-search--dropdown,
.select2-results__option[aria-selected],
.select2-results__option[data-selected],
.select2-results__option.select2-results__message{
	padding-inline: var(--gap-300, 12px);
}

.select2-dropdown{
	border-radius: var(--br-200, 8px);
	border-radius: 0;
	overflow: hidden;
}

.select2-search--dropdown{
	padding-block: var(--gap-300, 12px);
}

.select2-dropdown .select2-search--dropdown .select2-search__field{
	padding: 8px 15px 8px 28px;
	font-family: var(--ff-sans);
	font-size: var(--fs-400, 15px);
  background: url(../images/search-icon-small.png) no-repeat;
  background-position: 5px center;
}

.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option[data-selected=true],
.select2-container--default .select2-results__option--highlighted[aria-selected]:hover,
.select2-container--default .select2-results__option--highlighted[data-selected]:hover,
.select2-container--default .select2-results__option--highlighted[aria-selected]:focus,
.select2-container--default .select2-results__option--highlighted[data-selected]:focus{
	/*background-color: var(--color-accent, #000000);*/
	color: var(--color-white, #FFFFFF);
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected]{
	background-color: var(--color-grey-100, #C0C0C0FF);
	color: var(--color-primary, #000000);
}
.vacTripBox .select2-selection__rendered{ font-size: 15px; font-weight: 600;color: #1a548d!important; padding: 11px 30px;}


.vacTripBox .select2-dropdown{box-shadow: 0 0 8px rgb(0 0 0 / 33%); border: 0!important;}

#vacrom-guests-btn .select-pax-text{ font-size: 15px!important;}
.vacTripCover .vacTripBox:nth-child(4){ 
  flex: 0 0 270px;
}
.vacTripCover .vacTripBox:last-child{ 
  flex: 0 0 142px;
  text-align: center;
}
.vacTripCover .vacTripBox a.vacroom-guests-btn{}
button.vacholiPackSearchbtn{ border: 0!important;}

/* Style for the city icon */
.vacHoliPack{}
.vacTripCover{
  display: flex;
  align-items: center;
  gap: 15px;
}
.vacTripCover .vacTripBox{
   position: relative;
   flex:1;
   text-align: left;
}
.vacTripCover .vacTripBox .select2 {  width: 100%!important; }
.select2-dropdown{min-width: 300px!important;}
.vacTripCover .vacTripBox .select2-selection{ font-size: 17px; background: #fff!important; color:#FB6911; border-radius: 25px; height: 48px;
border: 0!important;
}
.vacTripCover .vacTripBox .select2-search__field{ padding: 6px 10px!important;}
.vacTripCover .vacTripBox select{ width: 100% !important;}

.vacTripCover .vacTripBox .vacTripDte{
  font-size: 17px;
    background: #fff !important;
    color: #1a548d;
    border-radius: 50px;
    border: 0;
    height: 48px;
    padding: 0 15px;
    font-size: 15px;
    font-weight: 600;
    font-family: 'Poppins';
    width:100%;
}
.vacTripCover .vacTripBox ::placeholder{color: #1a548d;}
#vacrom-guests-btn{color: #1a548d!important;}
#vacrom-guests-btn .select-pax-text{ font-weight: 600!important;}
#vacrom-guests-btn .select-pax-rooms{color: #1a548d!important; font-weight: 600!important;}
.vacCityIcon {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  vertical-align: middle;
}

/* Style for city name */

.select2-container--default .select2-results__option--highlighted[aria-selected], 
.select2-container--default .select2-results__option--highlighted[data-selected]{
  background-color: #ffe9cf;
}

.vacCityName {
  font-weight: 600;
  color: #1a548d;
  background: url(../images/map-for-search.png) no-repeat;
  background-size: 12px auto;
  padding: 0 0 0 20px;
  background-position: 0px 3px;
  font-size: 15px;
}
.vacCityAddress {
  font-size: 12px;
  color: #474747;
  display: block;
}
.vacSelect2ResultCityItem {
  /*display: flex;
  align-items: center;*/
}
.vacSelect2SelectionCityItem {
  display: flex;
  align-items: center;
}
.select2-search__field{}

.vacroom-guests-btn{
  background: #fff !important;
  color: #1a548d;
  border-radius: 50px;
  border: 0;
  height: 48px;
  line-height: 48px;
  padding: 0 15px;
  display: block;
  text-decoration: none;
  position: relative;

  font-size: 15px;
  font-weight: 600;
  font-family: 'Poppins';
}
.vacroom-guests-btn:after{
  content: '';
  position: absolute;
  right: 20px;
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;

  position: absolute;
  top: 50%;
  width: 0;
}
.vacTripCover .vacroom-guests-btn div{font-size: 15px !important;}
a.vacroom-guests-btn:hover{ text-decoration: none; width: 100%;}
.vac-rom-gust-box{
width: 350px;
height: 340px;
overflow-y: scroll; 
position: absolute;
background: #fff;
border-radius: 6px;
padding: 10px 15px;
box-shadow: 0 0 8px rgb(0 0 0 / 33%);
z-index: 99;
}
.vacholiPackSearchbtn{
  margin: 0 0;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    text-align: left;
    color: #fff;
    border-radius: 50px;
    padding: 10px 30px;
    text-decoration: none;
    background: linear-gradient(270deg, #0E457C 0%, #3086DC 100%);
}
.vacRgBoxInn{ position: relative;}
.vacRgBoxInn h5{    font-size: 14px; color: #939393; text-align: left;}
.VacaddRoomEdit {
  color: #424242;
  font-weight: 600;
  font-size: 14px;
}
.vacRGBoxNot{ background: #fcc27d; color: #684418; font-size: 13px; padding: 5px 8px; margin-bottom: 14px;}
.vacRgad{ display: flex; justify-content: space-between; margin-bottom: 20px;}
/*.vacRgadAdult{justify-content: left; }
.vacRgadChild{justify-content: right; }*/
.vacRgadAdult, .vacRgadChild{ 
font-size: 13px;
text-align: center;
display: flex;
flex-wrap: wrap;
justify-content: center; 
}
.vacRgadAdult .counter, .vacRgadChild .counter{ margin-top: 6px;}
.holiPackAdd{
  font-size: 16px;
  font-weight: 500;
  color: #000;
  line-height: 24px;
  text-align: center;
  padding: 9px 14px;
  border-radius: 100px;
  border: 1px solid #a3a3a3;
}
.holiPackAddApply{
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  line-height: 24px;
  text-align: center;
  width: 105px;
  padding: 9px 14px;
  border-radius: 100px;
  background: linear-gradient(270deg, #0E457C 0%, #3086DC 100%);
}
.vacRgadBtns{ display: flex; justify-content: space-between; align-items: center;}
.vacRgadBtns a{ text-decoration: none;}

.vacaddRoom{
  background: #fff;
    border: 1px solid #d8d8d8;
    padding: 5px 10px;
    margin-bottom: 7px;
}
.vacaddRoom .VacaddRoomInn:last-child{ border-bottom: 0;}
.VacaddRoomInn{display: flex; justify-content: space-between; border-bottom: 1px solid #ccc; padding: 10px 0 ; }
.VacaddRoomRemove img{ width: 22px; cursor: pointer;}
.VacaddRoomEdit a{}
.holiPackAdd{  padding: 8px 14px; 
  border: 1px solid #e78822;
  color: #e78822;
}
.VacaddRoomRemove{
  font-size: 15px;
  color: #2068af;
  cursor: pointer;
}
/*counter*/
.counter__increment, .counter__decrement {
  transition: all 0.4s ease-in-out;
}

.counter {
  position: relative;
  width: 7.6rem;
  height: 2rem;
  border: 1px solid #2f3640;
  border-radius: 3px;
  text-align: center;
  overflow: hidden;
}
.counter__input {
  border: none;
  height: 100%;
  margin: 0 auto;
  text-align: center;
  color: #2f3640;
  font-size: 0.875rem;
  background-color: transparent;
}
.counter__increment, .counter__decrement {
  position: absolute;
  top: 0;
  font-size: 1rem;
  font-size: 1rem;
  line-height: 2rem;
  width: 2.1875rem;
  font-weight: normal;
  color: #2f3640;
  text-decoration: none;
}
.counter__increment:hover, .counter__increment:active, .counter__increment:focus, .counter__decrement:hover, .counter__decrement:active, .counter__decrement:focus {
  color: #2f3640;
  text-decoration: none;
  background-color: #edeff0;
}
.counter__increment {
  right: 0;
  border-left: 1px solid #2f3640;
}
.counter__decrement {
  left: 0;
  top: 0;
  border-right: 1px solid #2f3640;
  line-height: 2rem;
}

/*end counter*/


.vacTopDestinations h2.title-1 strong{ font-size: 52px;}
.vacTopDestinations h2.title-1 sup{color: #f76c0f; -webkit-text-fill-color: #f76c0f!important;}

.vacLimitedTimeDeals{}
/* Flex container to hold the 3 columns */
.vacLimitTiDeals {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding: 20px;
  flex-wrap: wrap; /* Ensure that columns can wrap on smaller screens */
}

/* Each column will have a flexbox layout */
.vacColumn {
  display: flex;
  flex-direction: column;
  gap: 22px;
  flex: 1; /* Make each column flexible */
  min-width: 299px; /* Set a minimum width for columns to prevent them from becoming too narrow */
  height: 392px;
}
.vaboxFullCover{    max-width: 183px;}
/* Style for the boxes */
.vacBox {
  position: relative;
  color: white;
  padding: 0;
  text-align: center;
  border-radius: 16px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease;
  flex: 1; /* Ensure boxes stretch to fill the available height */
  overflow: hidden;
}
.vacBox.vacBoxFull{ max-width: 300px;}
.vacLimitTiDeals .vacBox a{    position: initial;}
.vacBox a{border-radius: 16px; 
  border-radius: 16px;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
}
.vacBox.vacBoxFull a{ height: 100%;}
.vacBox a::before{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
  z-index: 1;
  content: " ";
}

.sliderCommanItem a{
  height: 170px;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  
}
.sliderCommanItem a:before {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
  z-index: 1;
  content: " ";
}


.vacBox img{
  object-fit: cover;
  /*height: 100%;*/
  width: 100%;
  opacity: 1;
  transition: transform 0.3s ease;
}
.vacBox img.imgHeight{height: 100%;}

.vacBox:hover  img{
  transform: scale(1.2);
}
.vacBoxText{
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding: 0 10px;
  text-align: center;
  z-index: 2;
}
.vacBoxText h3{
  font-size: 28px;
  font-weight: 500;
  line-height: 37px;
  text-align: center;
  color: #fff;
  margin-top: 15px;
  text-align: center;
  text-shadow: 0 5px 10px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .2);
  word-wrap: break-word;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.vacBoxText span{
  font-size: 18px;
  letter-spacing: .7px;
  padding: 1px 18px;
  color: #fff;
}


.vacExpOneSlider{ position: relative;}
.vacExpOneItemImg{ border-radius: 25px; overflow: hidden;}
.vacExpOneItemImg img{ max-height: 242px;}
.vacExpOneItem a{position: relative;}
.vacExpOneItemText{ 
  /*position: absolute; top: 0; bottom: 0; left: 25px; margin: auto;*/ z-index: 2;

  position: absolute;
  top: 50%;
  left: 75px;
  transform: translateY(-50%);
  color: #fff;
  width: 80%;
}
.vacExpOneItemText p{
font-size: 28px;
font-weight: 600;
line-height: 50px;
text-align: left;
color:#fff;
text-shadow: 0 5px 10px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .2);
}
.vacExpOneItemText p a{ color: #fff; text-decoration: none;}
.vacExpOneItemText a{color: #fff;}
.vacExpOneItemText .singleKM{
display: block;
width: 188px;
height: 56px;
border-radius: 50px;
background: linear-gradient(180deg, #EE5702 0%, #FB6911 100%);

font-size: 18px;
font-weight: 600;
line-height: 55px;
text-align: center;
}

.vacHoliPack{}
.vacSliderContent{}
.vacSliderContItem{
  position: relative;
  margin-bottom: 20px;
  border-radius: 25px;
  border: 1px solid #d9d9d9;
  box-shadow: 0px 8px 10px 0px #0000001C;
}
.vacSliderContItem a {
  text-decoration: none;
}
.vacSCItemImg{
  width: 100%;
  max-height: 280px;
  border-radius: 20px 20px 0px 0px;
  overflow: hidden;
  border-radius: 12px;
}
.vacSCItemImg img{ object-fit: cover; width: 100%; /*height: 100%;*/ height: 188px;}
.vacSCItemText{
  padding: 20px 20px 20px 20px;
  text-align: center;
}
.vacSCItemText h4{
font-size: 20px;
font-weight: 500;
/*line-height: 37.5px;*/
line-height: 25.5px;
text-align: left;
color:#000;
white-space: nowrap;     
overflow: hidden;       
text-overflow: ellipsis;
}
.vacHoliPackPrice{ display: flex; justify-content: space-between; align-content: center;}
.vacHoliPackPrice .vacStartFrom{ 
font-size: 12px;
font-weight: 400;
line-height: 27px;
text-align: left;
color: #000;
display: flex;
align-items: center;
}
.vacHoliPackPrice .vacStartFrom strong{
font-size: 17px;
font-weight: 600;
line-height: 27px;
padding-left: 5px;
text-align: left;
color: #000;
}
.vacHoliPackPrice .vacSlidBtn{
font-size: 14px;
font-weight: 500;
color:#fff;
line-height: 24px;
text-align: center;
padding: 7px 14px;
border-radius: 100px;
background: linear-gradient(270deg, #0E457C 0%, #3086DC 100%);

}

.vacehTheme{
background: url(../images/holiday-packages/explore-holiday-theme.jpg) no-repeat;
padding: 35px 0 15px 0;
}

.fixedDeparture{}
.fixedDeparture ul{ display: flex; gap: 5px; list-style: none; 
  padding: 2px 0 0 0;
  margin: 3px 0 11px 0;
  border-top: 1px solid #d1deeb;
}
.fixedDeparture ul li{ flex: 1; text-align: center;}
.fixedDeparture ul li img{ width: auto !important;  max-height: 36px; margin: 0 auto;}
.fixedDeparture ul li span{ 
  display: block; 
  width: 100%; 
  font-size: 10px;
  font-weight: 500;
  line-height: 19px;
  color: #5d5858;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  
}


/* Container */
.circle-container {
  position: relative;
  height: 312px;
  margin: 35px auto 0 auto;
  margin-bottom:140px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.circle {
  position: absolute;
  width: 12vw;           
  height: 12vw;     
  max-width: 184px; 
  max-height: 276px;   
}
.circle a{ text-decoration: none;}

.vacEhtIcon{
display: block;
width: 110px;
height: 115px;
border-radius: 50%;
background: linear-gradient(90deg, #C83FBE 0%, #FB8A0B 100%);
box-shadow: 0px 4px 4px 0px #00000040;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 12px;
margin-left: auto;
margin-right: auto;
}
.vacEhtIcon img{ width: 65px;}
.vacEhtText {
font-size: 15px;
font-weight: 500;
line-height: 33px;
color:#000;
text-align: center;
display: block;
width: 100%;
margin-top: 4px;
}
.vacEhtText strong{
display: block;
font-size: 21px;
font-weight: 600;
line-height: 33px;
color: #032F5B;
}

/* Circle Positions */
.circle-1 {
  top: 40%;
  left: 10%;
  
  transform: translateX(-50%);
}

.circle-2 {
  top: 14%;
  left: 24%;
  transform: translateY(-50%);
}

.circle-3 {
  bottom: -51%;
  left: 24%;
  transform: translateY(-50%);
}

.circle-4 {
  top: 40%;
  left: 50%;
  transform: translateX(-50%);
}

.circle-5 {
  top: -30%;
  right: 24%;
  transform: translateY(50%);
}

.circle-6 {
  bottom: -29%;
  right: 24%;
}

.circle-7 {
  top: 62%;
  right: 10%;
  transform: translate(50%, -50%);
}




.seasonalJourneys{}
.sjTravels .vacBox img{ opacity: 1; transition: transform 0.3s ease;}
.sjTravels {
  display: flex;
  gap: 20px;
  width: 100%;
}
.sjTravels .vacBox img{ height: 220px;}

.sjColumn {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.sjColumn-1 {
  width: 34%;
}

.sjColumn-2 {
  width: 66%;
}

.sjImage {
  width: 100%;
  object-fit: cover;
}

.sjSmallImage {
  height: 320px;
  object-fit: cover;
}

.sjLargeImage {
  height: 320px;
  object-fit: cover;
}

.sjBottomImages {
  display: flex;
  gap: 20px;
}

.bottom-sjBottomImages .sjSmallImage {
  height: 320px; 
  object-fit: cover;
  width: 48%;
}


.threedcarousel {
  padding: 20px;
  perspective: 500px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.threedcarousel > * {
  flex: 0 0 auto;
}
.threedcarousel figure {
  margin: 0;
  width: 40%;
  transform-style: preserve-3d;
  transition: transform 0.5s;
}
.threedcarousel figure img {
  width: 100%;
  box-sizing: border-box;
  padding: 0 0px;
}
.threedcarousel figure img:not(:first-of-type) {
  position: absolute;
  left: 0;
  top: 0;
}
.threedcarousel nav {
  display: flex;
  justify-content: center;
  margin: 20px 0 0;
}
.threedcarousel nav button {
  flex: 0 0 auto;
  margin: 0 5px;
  cursor: pointer;
  color: #333;
  background: none;
  border: 1px solid;
  letter-spacing: 1px;
  padding: 5px 10px;
}






.slider-container {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 500px;
	width: 100vw;
	perspective: 1000px;
	position: relative;
    transform-style: preserve-3d;
	overflow-x: hidden;
	overflow-y: visible;
}

.slide {
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 5px;
	width: 20%;
	height: 400px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: calc(20% - 20px);
	z-index: 1000;
	transition: all 0.3s ease-in-out;
	opacity: 0;
}

.slide .content {
	background-color: #fff;
	padding: 10px 10px;
	text-align: center;
	margin-top: 200px;
	height: 200px;
}

.slide.slide-1 {
	transform-origin: right;
	transform: scale(0.95) rotateY(-20deg);
	left: 1.5% !important;
	z-index: 1;
	opacity: 1;
}

.slide.slide-2 {
	transform-origin: right;
	transform: rotateY(-10deg);
	left: 20% !important;
	z-index: 2;
	opacity: 1;
}

.slide.slide-3 {
	left: 40% !important;
	z-index: 2;
	opacity: 1;
}

.slide.slide-4 {
	transform-origin: left;
	transform: rotateY(10deg);
	left: 60% !important;
	z-index: 2;
	opacity: 1;
}

.slide.slide-5 {
	transform-origin: left;
	transform: scale(0.95) rotateY(20deg);
	margin-left: 0;
	left: 78.5% !important;
	z-index: 1;
	opacity: 1;
}
.slide.slide-6 {
	left: 40% !important;
	z-index: 2;
	opacity: 1;
}
img.circle {
	object-fit: cover;
	width: 75px;
	height: 75px;
	border-radius: 50%;
	transform: translateY(calc(-50% - 10px));
}

.buttons-container {
	position: absolute;
	bottom: 0;
}

.arrow {
	background: transparent;
	border-radius: 50%;
	border: 1px solid #fff;
	cursor: pointer;
	color: #fff;
	width: 50px;
	height: 50px;
	margin: 30px 20px 0;
}





.vacExphiddenGems .hiddenGems {
  text-align: center;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
.vacExphiddenGems .hiddenGems p{
font-size: 50px;
font-weight: 700;
line-height: 75px;
text-align: center;
}
.vacExphiddenGems .hiddenGems .singleKM{
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  width: 251px;
  margin: auto;
  background: linear-gradient(270deg, #C8238B 0%, #FF8F00 50%, #BF31DD 100%);
}
.vacExphiddenGems .hiddenGems .singleKM strong{ font-size: 18px; font-weight: 600;}


.testimonial-slider .owl-item.active .vacTextiItem{ /*transform-origin: right;   transform: scale(0.95) rotateY(34deg);*/}


.testimonial-slider .active.center {
  transform: scale(1);
}
.testimonial-slider .active {
  transform: scale(.85);
  transition: .6s ease;
}

@media (max-width: 1300px) {
  .select2 { width: 100% !important;}
  .vacTripCover .vacTripBox .vacTripDte{width: 100% !important;}
  
  .vacHPackSearchCover{ padding: 20px 25px;}
  .vacTripCover .vacTripBox{ width: 192px;}
}
@media (max-width: 1200px) {


  .vacTripCover .vacTripBox{ width: 162px;}
.vacTripCover .vacTripBox .vacTripDte {  }
.vacroom-guests-btn { font-size: 15px;}

.vacExpOneItemText p{
font-size: 18px;
line-height: 28px;
}
.vacExpOneItemText .singleKM{
  font-weight: 500;
  width: 145px;
  height: 38px;
  line-height: 37px;
}

}
@media (max-width: 1100px) {
.vacEhtIcon{ width: 140px; height: 140px;}
.vacEhtIcon img{ width: 77px;}
.vacEhtText{ font-size: 14px; line-height: 19px;}
.vacEhtText strong{font-size: 17px;}

  .vac-column.vac-two-images { flex-direction: row;}
  .vac-column{ margin-bottom: 10px;}
  .vac-column img{ width: 100%!important; max-width:250px;}
}
@media (max-width: 1050px) {
  .topSliderHPContent{ position: inherit;}
.vacTripCover{ flex-wrap: wrap;}
.vacTripCover .vacTripBox { width: 48%;}
.vacTripCover .vacTripBox .vacTripDte { width: 100%;}
.vacholiPackSearchbtn{ 
  margin: 20px auto 0 auto !important;
  display: block;
  text-align: center;
  border: 0;
}
}
@media (max-width: 992px) {
.vacEhtIcon{ width: 110px; height: 110px;}
.vacEhtIcon img{ width: 57px;}
.vacEhtText{ font-size: 14px; line-height: 19px;}
.vacEhtText strong{font-size: 17px;line-height: 21px; padding-bottom: 8px; }

.circle-3 {bottom: -54%;}
.circle-5{top: -14%;}
  
}
@media (max-width: 600px) {
.vacTripCover .vacTripBox { width: 100%;}
}
@media (max-width: 480px) {
  .vacHPackSearchCover .select2{ width: 100%!important;}
  .vac-column img{ width: 100%!important; max-width:180px;}
  .vacTextiUser{ display: block!important;}
  .vacTextiUser .vacTextiStar img{ width: 9px!important;}
  .vacTextiStar{ padding-left: 62px; margin-top: 3px;}
}
@media (max-width: 375px) {
  .vac-column img{ width: 100%!important; max-width:160px;}
}
@media (max-width: 360px) {
  .vac-column img{ width: 100%!important; max-width:150px;}
}

/*HOLIDAY PACKAGES END*/


/*TITLE*/
.title-1{ font-size:40px; color:#f76c0f; text-align: center; font-family: Poppins; font-weight: 700;
  background: #FB8A0B;
  background: linear-gradient(to right, #dd7500 0%, #f65d04 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.title-1 span{   background: #1b5fa0; background: linear-gradient(to right, #317dc5 0%, #104780 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.title-1-with-icons{ position: relative; display: inline-block; margin-bottom: 35px;}
.title-1-with-icons:before{ content: ''; background: url(../images/home/wave-icon.png) no-repeat;
  position: absolute;
  left: -94px;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  width: 72px;
  height: 22px;
}
.title-1-with-icons:after{ content: ''; background: url(../images/home/wave-icon.png) no-repeat;
  position: absolute;
  right: -94px;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  width: 72px;
  height: 22px;
}
.title-2{
  font-family: Jost;
  font-size: 35px;
  font-weight: 700;
  line-height: 50.58px;
  background: #0E457C;
  background: linear-gradient(to right, #3086DC 0%, #0E457C 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.title-2-with-icons{ position: relative; display: inline-block; margin-bottom: 35px;}
.title-2-with-icons:before{ content: ''; background: url(../images/home/wave-icon.png) no-repeat;
  position: absolute;
  left: -94px;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  width: 72px;
  height: 22px;
}
.title-2-with-icons:after{ content: ''; background: url(../images/home/wave-icon.png) no-repeat;
  position: absolute;
  right: -94px;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  width: 72px;
  height: 22px;
}

.title-3{
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-align: left;
  color: #000000;
  margin-bottom: 20px;
}
.title-3-plus{
  font-size: 27px;
  font-weight: 600;
  line-height: 30px;
  text-align: left;
  color: #000000;
  margin-bottom: 20px;
}

.title-4{
  font-size: 17px;
  font-weight: 600;
  line-height: 30px;
  text-align: left;
  color: #000000;
  margin-bottom: 20px;
}
.title-5{
  font-size: 15px;
  font-weight: 600;
  line-height: 30px;
  text-align: left;
  color: #000000;
  margin-bottom: 12px;
}




/*TITLE END*/

/*HEADER*/
.vacHeader{padding: 8px 0; }
.vacHdInner .menuIconDesktop{}
.vacHdInner ul li{ margin: 0 15px;position: relative;}
.vacHdInner .hdLogo {
  width: 222px;
}
.vacHdInner ul li a{ }
.vacHdInner ul li small{ display: none;}
.vacHdInner ul li:hover small{ 
  font-size: 12px;
  position: absolute;
  transform: translate(-50%, 0%);
  bottom: 0px;
  width: 82px;
  left: 50%;
  margin-left: auto;
  background: #ffffffbf;
  margin-right: auto;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}


.vacUserCover .vacLgBtn{ border: 1px solid #ccc; font-weight: 600; color:#fd6912; font-family: Poppins !important; border-radius: 100px; padding: 4px 10px; width: 185px; max-width: 100%;}
.vacUserCover .vacLgBtn img{ margin-right: 6px;}

.menuDesktop{
  display: flex;
  gap: 11px;
  margin: 0 auto;
  justify-content: center;
  margin-top: 50px;
  margin-bottom: 40px;
}
.menuIconDesktop{
  display: block;
  /*width: 77px;
  height: 69px;*/
  width: 35px;
  height: 35px;
  margin: auto;
  background: url(../images/header-images/menu-icon.png) no-repeat;
  background-size: 240px auto;
}
.vacHdInner .menuIconMobile{    font-size: 12px;}
.vacHeader ul{ list-style: none; margin: 0;}
.menuIconDesktop li{ display: flex; align-items: center; justify-content: center;}
.menuIconDesktop li a {
  color: #000;
  text-decoration: none;
  background: #fff;
  width: 190px;
  height: 128px;
  gap: 0px;
  border-radius: 10px;
  text-align: center;
  padding: 14px;
}
.menuIconMobile{ 
font-size: 18px;
font-weight: 500;
line-height: 28.5px;
color:#0f467e; display: block; text-align: center;
}

.menuIconMobile a:hover .categText, .menuIconMobile a.active .categText{ color:#0E457C;}


.menuFlight{ background-position: -6px 1px;}
.menuHotels{ background-position: -54px 0px;}
.menuHolidayPackages{ background-position: -104px 0px;}
.menuHotelFlight{ background-position: -151px 1px;}
.menuCruise{ background-position: -198px 1px;}



.categBtns a:hover .categFlight, .categBtns a.active .categFlight{ background-position: -10px -129px;}
.categBtns a:hover .categHotel, .categBtns a.active .categHotel{ background-position: -105px -130px;}
.categBtns a:hover .categHolidayPackages, .categBtns a.active .categHolidayPackages{ background-position: -204px -131px;}
.categBtns a:hover .categHotelFlight, .categBtns a.active .categHotelFlight{ background-position: -302px -127px;}
.categBtns a:hover .categCruise, .categBtns a.active .categCruise{ background-position: -398px -129px;}

@media (max-width: 1200px) {
.vacHdInner .vacLogo{}
.vacHdInner .hdLogo { width: 262px;}
.menuDesktop{ gap: 6px;}

.menuIconDesktop{background-size: 344px; width: 65px; height: 54px;}
.menuFlight {  background-position: -2px 3px;}
.menuHotels{ background-position: -70px 2px;}
.menuHolidayPackages{ background-position: -141px 2px;}
.menuHotelFlight{ background-position: -209px 2px!important;}
.menuCruise{ background-position: -277px 3px;}
.menuIconMobile{ font-size: 15px;}

}

@media (max-width: 1100px) {
  .menuIconMobile { font-size: 14px;}
}
@media (max-width: 992px) {
  .vacUserCover{ display: none;}
  .vacHdInner .hdLogo {  width: 202px;}
  .vacHeader .navmobile{background: transparent; padding: 4px 8px; border-radius: 5px; top: 13px;}
  .vacUserCover{width: 28%;}
  .vacUserCover .vacLgBtn{}
  .topSliderCover h1{ font-size: 39px!important;}
}
@media (max-width: 991px) {
.vacHdInner .navmobile{top: 10px;}
}

/*HEADER END*/

/*FOOTER*/
.vacFtContent .vacFootRow a img { height: 19px;}
.vacFtContent .vacFootRow a i{font-size: 18px;}
.vacFtContent .vacFootRow a i.fa-whatsapp{ color: #46af4b;}
.vacFtContent .vacFootRow a i.fa-facebook{ color:#4f88fb;}
.vacFtContent .vacFootRow a i.fa-twitter{ color:#3dadf1;}
.vacFtContent .vacFootRow a i.fa-youtube{ color:#f53131;}
.vacFtContent .vacFootRow a i.fa-instagram{ color:#c364e9;}
.vacFtContent .vacFootRow a i.fa-linkedin{ color:#3491c1;}


#category_tab1{ /*display: block;*/ opacity: 1;}
.vacFtContent .vacFootRow a i{margin-right: 5px;}
.vacftMobile{ display: none;}
.vacFooterBox{ background: #454545;}
.vacFooterBox .nav{ background: #585657; padding: 28px 0 28px 15px; height: 100%;}
.vacFooterBox .nav a{ 
margin-bottom: 5px;
position: relative;
}
.vacFooterBox .nav a.active{ background: #fff; color:#000;}
.vacFooterBox .nav a.active:after{
  border-right: 23px solid #fff;
  border-bottom: 23px solid transparent;
  position: absolute;
  content: '';
  right: -10px;
  top: 7px;
  transform: rotate(45deg);
  display: block;
}
.vacFooterBox .nav a:hover{ background: #818181; color:#000;}

.vacFtContent{ padding: 28px 0 28px 15px;}
.vacFtContent .vacFootRow{ display: flex; flex-wrap: wrap;}
.vacFtContent .vacFootRow a{ width: 25%; min-height: 45px; padding: 5px 10px; word-wrap: break-word;}
.vacFtContent .fade{ display: block;}
.vacFtContent .fade:not(.show){ display: none;}
.vacFooterBox a{ font-size: 14px; color:#fff; text-decoration: none;}

.vacCopyrightCover{ background: #d8d8d8;}
.vacCopyCover{ display: flex; justify-content: space-between; align-items: center; padding: 10px 0;}
.vacCopyCover div{ font-size: 14px; color:#000;}
.ftbottmBlack{ background: #000; border-top: 4px solid #282828;}
.ftbottmBlack{padding-top: 18px; padding-bottom: 15px;}
.ftbottmBlack h3{ font-size: 18px; font-weight: 500; color: #fff; margin-bottom: 10px;}
.ftSocial{ }
.ftSocial img{
  width: 38px;
  height: 38px;
  border-radius: 100%;
  line-height: 32px;
  text-align: center;
  margin-bottom: 10px;
}

.ftDownloadApp{ text-align: center; }
.ftArcLogo{ text-align: right;}
.ftArcLogo img{ height: 94px;}

@media (max-width: 991px) {
  .ftbottmBlack .col-md-3, .ftbottmBlack .col-md-6{ width: 100%; text-align: center;}
  .ftbottmBlack .ftSocial{ margin-bottom: 20px;}
  .ftDownloadApp{ margin-bottom: 20px;}
  .ftbottmBlack .ftSocial p{ text-align: center;}
  .vacCopyCover div{ text-align: center;}
  .ftArcLogo {text-align: center;}
  .vacCopyCover{ display: block;}
  .vacCopyCover div img{ width:100%; max-width: 496px; margin-top: 10px;}
}
/*FOOTER END*/

/*CAROUSEL COMMAN CSS*/
.vacSlider .carousel-wrap { position: relative; }
.vacSlider .owl-carousel {
  display: block;  /* Ensure it's visible */
}
/* fix blank or flashing items on carousel */
.vacSlider .owl-carousel .item {
  position: relative;
  z-index: 100; 
  -webkit-backface-visibility: hidden; 
}

/* end fix */
.vacSlider .owl-nav > div {
  margin-top: -26px;
  position: absolute;
  top: 50%;
  color: #cdcbcd;
}
.vacSlider .owl-nav button{ width: 38px; height: 38px; background: #fff; border-radius: 100px; }
.vacSlider .owl-nav button span{ font-size: 45px; line-height: 41px; display: none;}

.vacSlider .owl-nav .owl-prev {
  left: -13px;
  margin-left:0!important;
  background: url(../images/previous-arrow.png?v=1.0) no-repeat #ffffffe8;
  background-size: 10px auto!important;
  background-position: center;
  box-shadow: -5px 4px 12px 0px #0000002E;
  stroke-width: 1px;
  stroke: #e0e0e0;
  border: 2px solid #9d9d9d;
}
.vacdtls-more{ display: none;}

.vacSlider .owl-nav .owl-next {
  right: -13px;
  background: url(../images/next-arrow.png?v=1.0) no-repeat #ffffffe8;
  background-size: 10px auto!important;
  background-position: center;
  box-shadow: 7px -3px 12px 0px #0000002E;
  stroke: #e0e0e0;
  border: 2px solid #9d9d9d;
}
.vacSlider .owl-dots{ text-align: center; 

  margin-left: auto;
  margin-right: auto;
  width: 100%;
  margin-top: -10px;
}
.vacSlider .owl-dots button{
  border: 0;
  background: #c7c1c1;
  width: 4px;
  height: 4px;
  margin: 0 1px;
  border-radius: 100px;
  padding: 0;
}
.vacSlider .owl-dots button.active{width: 21px; height: 4px; transform: none; border: 0!important;
  /* border: 1px solid #1a5e9f;background: #1a5e9f;*/
  background: linear-gradient(90deg, #C83FBE 0%, #FB8A0B 100%); border: 1px solid #C83FBE;
}

/*CAROUSEL COMMAN CSS END*/

/*HOME*/
body{ font-family: Poppins!important;}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Poppins'!important;
}
p, span, strong, a {
  font-family: 'Poppins'!important;
}

.bannerHome{}
.topSliderCover{ position: relative;}
.topSliderContent{
  position: absolute;
  top: 60px;
  z-index: 2;
  width: 96%;
  margin: auto;
  left: 0;
  right: 0;
}

.vacTripBox.fromCity:before{
  content: "Starting From";
  color: #000;
  padding-left: 10px;
}
.vacTripBox.toCity:before{
  content: "Travelling To";
  color: #000;
  padding-left: 10px;
}
.vacTripBox.vacTripDte:before{
  content: "Starting Date";
  color: #000;
  padding-left: 10px;
}
.vacTripCover .vacTripBox:nth-child(4)::before{
  content: "Room & Guests";
  color: #000;
  padding-left: 10px;
}
.vacTripBox .selection{
  margin-top: 6px;
  display: block;
}
.vacTripBox .vacTripDte{
  margin-top: 6px;
  display: block;
}
.vacTripCover .vacTripBox:last-child{ margin-top: 28px;}

.select2-container--default .select2-results__option--highlighted[aria-selected] .vacCityName, 
.select2-container--default .select2-results__option--highlighted[data-selected] .vacCityName{
  color:#fff;
}
.select2-results__option{color: #1d5c9b!important; border-bottom: 1px solid #e9e9e9;}
.select2-container--default .select2-results__option--selected{
  background-color: #266bad;
  color: #fff !important;
}
.select2-container--default .select2-results__option--selected .vacCityName{color: #fff !important;}

.select2-container--default .select2-results__option--selected .vacCityName{
  color: #fff !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected]{
  background-color: #266bad;
  color: #fff !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]:hover .vacCityName, 
.select2-container--default .select2-results__option--highlighted[data-selected]:hover .vacCityName{
  color: #fff !important;
}





.vacbannerTitle{
  font-family: Poppins;
  font-size: 62px;
  line-height: 68px;
  color: #FFB64A !important;
  font-weight: 700;
  text-align: center;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 0 #ccc,


  0 5px 10px rgba(0,0,0,.25),
  0 10px 10px rgba(0,0,0,.2),
  0 20px 20px rgba(0,0,0,.15);
}
.topSliderCover h1{
 /* font-family: Poppins;
  font-size: 62px;
  font-weight: 700;
  text-align: center;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 0 #ccc,


  0 5px 10px rgba(0,0,0,.25),
  0 10px 10px rgba(0,0,0,.2),
  0 20px 20px rgba(0,0,0,.15);*/
}

.categBtns{ display: flex; gap: 10px; margin: 0 auto; justify-content: center; margin-top: 50px; margin-bottom: 40px;}
.categBtns a{ color: #000; text-decoration: none; background: #fff;
  width: 190px;
  height: 128px;
  gap: 0px;
  border-radius: 10px; 
  text-align: center; 
  padding: 14px;
}
.categBtns a:hover, .categBtns a.active{
  background: linear-gradient(270deg, #0E457C 0%, #3086DC 100%);
  color:#F9C769;
}
.categBtn{ 
  display: block;
  width: 77px; /* Width of the icon */
  height: 69px; /* Height of the icon */
  margin: auto;
  background: url('../images/categ-icon-search.png') no-repeat; /* Path to the sprite */
  background-position: 0 0; /* Default icon position (first icon) */
  text-decoration: none; /* Remove any default link styling */
}

.categBtns a:hover .categText, .categBtns a.active .categText{ color:#fff;}


.categFlight{ background-position: -10px 1px;}
.categHotel{ background-position: -107px 0px;}
.categHolidayPackages{ background-position: -204px 0px;}
.categHotelFlight{ background-position: -302px 1px;}
.categCruise{ background-position: -398px 1px;}

.categBtns a:hover .categFlight, .categBtns a.active .categFlight{ background-position: -10px -129px;}
.categBtns a:hover .categHotel, .categBtns a.active .categHotel{ background-position: -105px -130px;}
.categBtns a:hover .categHolidayPackages, .categBtns a.active .categHolidayPackages{ background-position: -204px -131px;}
.categBtns a:hover .categHotelFlight, .categBtns a.active .categHotelFlight{ background-position: -302px -127px;}
.categBtns a:hover .categCruise, .categBtns a.active .categCruise{ background-position: -398px -129px;}

.categText{
font-size: 17px;
font-weight: 600;
line-height: 20px;
text-align: left;
text-align: center;
color: #000;
padding-top: 10px;
padding-bottom: 8px;
display: block;
}

/*TESTIMONIAL SLIDER*/
.vacTestiMonialSlider{background: linear-gradient(63deg, #f99296 0%, #fdca5d 100%);}
.vacTestiMonialSlider .owl-carousel .owl-stage-outer{ padding-bottom: 50px;}
.vacTextiItem{
  border-radius: 20px;
  background: #fff;
  padding: 20px 22px;
}
.vacTextiItem p{ 
font-size: 16px;
font-weight: 400;
line-height: 25px;
text-align: left;
color:#000;
}
.doubleQuote{ width: 48px!important; height: 48px; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; bottom: -22px;}
.vacTextiUser{ display: flex; justify-content: space-between; margin-bottom: 14px;}
.vacUser{ display: flex; align-items: center;}
.vacUserImg{ width: 54px; height: 54px; margin-right: 7px;}
.vacUserImg img{ display: block; width: 100%; height: 100%;}
.vacTextiStar{ display: flex; align-items: center; gap: 4px;}
.vacTextiStar img{ width: 12px;}
.vacUserText h5{
font-size: 18px;
font-weight: 500;
color: #000000;
line-height: 17px;
text-align: left;
margin: 0 0 4px 0;
white-space: nowrap;        
overflow: hidden;           
text-overflow: ellipsis;
width: 100%;
max-width: 216px;
}
.vacUserText .text-secondary{
font-size: 15px;
font-weight: 500;
line-height: 19px;
text-align: left;
color: #686868CC;
white-space: nowrap;        
overflow: hidden;           
text-overflow: ellipsis;
width: 100%;
max-width: 216px;
}

/*TESTIMONIAL SLIDER END*/

/*SEARCH*/
.vacSearchCover{
background: #fff;
width: 97%;
max-width: 1272px;
padding: 20px 25px;
min-height: 260px;
border-radius: 30px;
border-image-source: linear-gradient(90deg, #C83FBE 0%, #FB8A0B 100%);
box-shadow: 3px 4px 20px 0px #00000040;
margin: 0 auto;
}
.vacSearchInn .fade{ display: block;}
.vacSearchInn .fade:not(.show){ display: none;}
.vacSearchCover form{display: flex;}
.vacSearchLeft{ width: 88%;}
.vacmForm{ border: 3px solid #EE5702; border-radius: 6px; display: flex;}
.vacmForm ::placeholder{font-weight: 600; color: #000;}
.homeCity input{ border: 0; font-size: 25px; color: #000;}
.homeCityTo input{ border: 0; font-size: 25px; color: #000;}
.homeDepartDate input{ border: 0; font-size: 18px; font-weight: 500; color: #000;}
.homeReturnDate input{ border: 0; font-size: 18px; font-weight: 500; color: #000;}
.hometravellerDate input{ border: 0; font-size: 20px; font-weight: 500; color: #000;}

.homeCityTo{ position: relative; padding-left: 30px!important;}
.homeCityTo::before{ content: ''; width: 40px; height: 40px; position: absolute; left: -22px; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto;
background: url(../images/field-switch.png) no-repeat; cursor: pointer;
}
.vacmForm .form-group{ width: 200px;  padding: 10px 15px; border-right: 3px solid #EE5702;}
.vacmForm .form-group:last-child{ border: 0;}
.vacmForm .form-group strong{font-size: 14px; font-weight: 500; color: #000;}
.vacmForm .form-group span{ font-size: 10px; color: #000; display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.vacmForm .form-group input, .vacmForm .form-group select {
  width: 100%;
  padding: 8px 0 0 0;
  line-height: 29px;
}
.vachomeFrom{}

.vacSearchInn button.vachsbtn{
min-width: 130px;
font-size: 14px;
font-weight: 400!important;
line-height: 21px;
text-align: center;
color:#000!important;
margin: 0 10px;
padding: 5px 22px;
border: 1px solid #d05691;
border-radius: 50px;
}
.vacSearchInn button.vachsbtn.active{
  color:#fff!important;
  background: linear-gradient(90deg, #C83FBE 0%, #FB8A0B 100%);
}
.vacSearchInn li.vacHomeseachLow:last-of-type{ margin-left: auto; font-size: 20px; font-weight: 500; color:#000}

.vacSearchRight{ width: 16%; display: flex; align-items: center; justify-content: center;}
.vachomeSearchbtn{
  margin: 0 10px;
font-size: 20px;
font-weight: 600;
line-height: 30px;
text-align: left;
color:#fff;
border-radius: 50px;
padding: 15px 30px;
text-decoration: none;
background: linear-gradient(90deg, #C83FBE 0%, #FB8A0B 100%);
}
.vachomeAddbtn{
  margin: 0 0;
  font-weight: 600;
  text-align: left;
  color:#fff;
  padding: 8px 14px;
  text-decoration: none;
  font-size: 18px;
  line-height: 28px;
  text-transform: uppercase;
  border: 1px solid #d05691;
  border-radius: 50px;
  color:#FB8A0B;
}
.vachomeRemovebtn{

}
.homeAddCity, .homeRemoveCity{
display: flex;
justify-content: center;
align-items: center;
padding: 0 10px;
}
.vacmForm .form-group.vachomeFromSmall{ border: 0;}
.vacmFormAdded{
  border: 3px solid #EE5702;
  -webkit-border-top-left-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-bottomleft: 6px;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
  display: flex;
}
.vacaddedRow{display: flex;}


.vacSearchInn{ }
.vactripType{ display: flex; justify-content: space-between; margin-top: 20px;}
.vactripTypeBtn{}
.vaclowPrice{
  font-family: Poppins;
font-size: 20px;
font-weight: 600;
line-height: 30px;
text-align: left;
color: #000;

}
.vactripType .checkbox-container {
  display: flex;
  gap: 20px;
}

.vactripType .checkbox-label {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 16px;
  color: #333;
  user-select: none;
}
.vactripType .checkbox-input {
  display: none;
}
.vactripType .checkbox-button {
  width: 16px;
  height: 16px;
  border-radius: 2;
  border: 1px solid #000;
  margin-right: 10px;
  position: relative;
  transition: background-color 0.3s, border-color 0.3s;
}
.vactripType .checkbox-input:checked + .checkbox-button {
  background-color: #f5811f;
  border-color: #f5811f;
}

@media (max-width: 1280px) {
  .vacmForm .form-group { width: 189px;}
  .vachomeAddbtn{ font-size: 16px; padding: 8px 12px;}
}
@media (max-width: 1200px) {
.vacmForm .form-group { width: 150px;}
.vachomeAddbtn{ font-size: 14px; padding: 8px 12px;}

.vacSearchLeft { width: 85%;}
.homeCity input{font-size: 22px;}
.homeCityTo input{font-size: 22px;}
.homeDepartDate input{font-size: 16px;}
.homeReturnDate input{font-size: 16px;}
.hometravellerDate input{ font-size: 17px;}
}

@media (max-width: 1150px) {
.vacmForm .form-group strong{ font-size: 12px;}
.vacSearchLeft { width: 84%;}
.vacmForm .form-group { width: 165px;}
.homeCity input{font-size: 20px;}
.homeCityTo input{font-size: 20px;}
.homeDepartDate input{font-size: 15px;}
.homeReturnDate input{font-size: 15px;}
.hometravellerDate input{ font-size: 15px;}
}

@media (max-width: 1050px) {
.vacmForm .form-group { width: 150px;}
.vachomeAddbtn{ font-size: 14px; padding: 8px 12px;}
.vacSearchCover form{ display: block;}
.vacSearchCover{ height: auto;}
.vacSearchLeft{ width: 100%;}
.vacSearchRight{ width: 100%;}
.vacmForm{ flex-wrap: wrap;}
.vacmForm .form-group { width: 50%; border-bottom: 3px solid #EE5702;}
.vacaddedRow{ flex-wrap: wrap;}
.vacaddedRow .form-group { width: 50%; border-bottom: 3px solid #EE5702;}
.homeAddCity, .homeRemoveCity{ margin-top: 10px;}
.vacmForm.vacmFormAdded .homeDepartDate.form-group{ border-bottom: 0;}
.vachomeSearchbtn{ margin-top: 15px;}

.vacmForm .form-group:nth-child(2n){border-right: 0;}
.topSliderContent{ position: inherit; margin-top: -362px;}
.vachomeAddbtn{ font-size: 17px;}

}


/*SEARCH END*/




.vacPickUp{}
.vacPickUpBoxInn{ background: url(../images/home/pick-bg.jpg) no-repeat; background-size: cover; border-radius: 50px; padding: 50px;}
.vacPickUpBox{ background: #fff; border:1px solid #00000033; box-shadow: 7px 1px 11px 0px #0000001C; border-radius: 20px; padding: 15px 12px; margin-bottom: 15px; }
.vacPickUpBox a{color: #FB6911; text-decoration: none; display:flex; gap: 10px; align-items: center;}
.vacPickCatg{
font-family: Poppins;
font-size: 14px;
font-weight: 400;
line-height: 21px;
text-align: left;
color:#00000099;
}
.vacPickImg img {
  height: 40px;
}
.vacPickTitle{
font-family: Poppins;
font-size: 17px;
font-weight: 600;
line-height: 27px;
text-align: left;
color:#000000;
margin: 0;
}
.vacPickDate{
font-family: Poppins;
font-size: 14px;
font-weight: 600;
line-height: 21px;
text-align: left;
color:#FB6911;
}
.vacPickDate img{
width: 6px;
height: 12px;
top: 6px;
left: 9px;
gap: 0px;
border: 2px 0px 0px 0px;
opacity: 0px;
margin-left: 4px;
}
a.viewAll{ 
display:inline-block;
width: Fixed (268px)px;
height: Fixed (48px)px;
background: #FB6911;
padding: 11px 25px;
gap: 10px;
border-radius: 50px;
color:#fff;
box-shadow: 0px 4px 4px 0px #00000040;
text-decoration: none;

font-family: Poppins;
font-size: 18px;
font-weight: 600;
line-height: 27px;
text-align: left;
}

.exclusive{}
.titleGray{
  font-family: Poppins;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  text-align: center;
}
.exTabs .nav-tabs{
  display: flex;
  justify-content: center;
  border: 0;
}
.exTabs .nav-tabs li{ margin: 0 4px;}
.exTabs .nav-tabs li .nav-link{
  font-family: Poppins;
  font-size: 17px;
  font-weight: 500;
  line-height: 37.5px;
  text-align: left;
  color:#000000;
  padding: 3px 20px;
  border: 0;
  transition: transform 275ms ease;
}
.exTabs .nav-tabs li .nav-link:hover, .exTabs .nav-tabs li .nav-link.active{
  color:#fff;
  border-radius: 50px;
  background: linear-gradient(180deg, #EE5702 0%, #FB6911 100%);
  transition: transform 275ms ease;
}

.exclusive .tab-content{ background: none; min-height: auto; padding-left: 10px; padding-right: 10px;}
.excOfferSlider{}
.excOfferSlider .item a{
  width: 100%;
  max-height: 240px;
  overflow: hidden;
  border-radius: 12px;
  display: block;
}
.excOfferSlider .item img{ display: block; width: 100%;}


.topFlightRoutes{ background: url(../images/home/flight-route-bg.jpg) repeat; padding: 70px 0;}

.topFlightRoutesInn{padding: 0;}
.topFlightRoutesBox{ 
  background: #fff;
  border-radius: 10px; 
  padding: 15px 18px; 
  margin-bottom: 25px; 
  box-shadow: 0px 4px 13px 0px #0000002B;
}
.topFlightRoutesBox a{color: #FB6911; text-decoration: none; display:flex; gap: 15px; align-items: center;}
.topFlightRoutesBox .tfrBoxImg{}
.topFlightRoutesBox .tfrBoxImg img {
  width:100%;
  max-width: 100px;
  height: 100%;
  max-height: 100px;
}
.topFlightRoutesBox .tfrBoxContent{}
.topFlightRoutesBox .tfrBoxTitle{
  font-family: Poppins;
  font-size: 22px;
  font-weight: 600;
  line-height: 27px;
  text-align: left;
  color: #000000;
  margin: 0 0 10px 0;
}
.topFlightRoutesBox .tfrBoxTitle img{ width:100%; max-width:18px; margin: 0 5px;}
.topFlightRoutesBox .tfrBoxRoute{
  font-family: Poppins;
  font-size: 22px;
  font-weight: 700;
  line-height: 33px;
  text-align: left;
  color: #FB6911;
}


.mostBookedHotel{}

.famousTouristAttr{ background: url(../images/home/famous-tourist-attraction.jpg); background-size: cover;}
.famousTouristAttrInn{ margin-bottom: 40px;}

.famousTouristAttrInn .row{flex-wrap: wrap;}
.famousTouristAttrInn .col{ flex: none; width: 20%;}
.imgOverText{ margin-bottom: 24px;}

.imgOverText{ position: relative; border-radius: 20px; overflow:hidden;}
.imgOverText::before{
  content: '';
  background: #00000061;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.imgOverText img{ width:100%; display: block;}
.imgOverText .overText{ color:#fff; width: 100%; display:block; position: absolute; bottom: 5px; padding: 0 5px; text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 28.9px;
  word-wrap: break-word;
}



.whyBook .borderRadiComman {
  box-shadow: 3px -2px 21px 0px #00000029;
  padding: 20px 14px 28px 14px;
  text-align: center;
}

.whyBook img {
  width: 106px;
  margin-bottom: 10px;
}

.whyBook h3 {
  font-size: 20px;
  font-family: Poppins;
  font-weight: bold;
  color: #292929;
  margin-bottom: 0;
}

.ybText span {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  color: #292929;
}

.tdFiveBox .col-md-3{ width: 20%;}

.mostBookHotel{}
.sliderComman{}
.sliderCommanItem{
  position: relative;
  margin-bottom: 20px;
  background: #fff;
  border-radius: 12px;
}
.sliderCommanItem a{
  height: 170px;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  border-radius: 12px;
}
.sliderCommanItem a:before {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
  z-index: 1;
  content: " ";
}
.sliderCommanItem img{
  width: 100%;
  height: 100%;
  border-radius: 1rem;
  opacity: 0.9;
}
.sliderCommanText{
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  z-index: 2;
}
.sliderCommanText span {
  font-size: 22px;
  letter-spacing: .7px;
  background: linear-gradient(90deg, #C83FBE 0%, #FB8A0B 100%);
  padding: 1px 18px;
  border-radius: 50px;
  color: #fff;
}
.sliderCommanText h3 {
  font-family: Poppins;
  /*font-size: 28px;*/
  font-size: 22px;
  font-weight: 500;
  line-height: 42px;
  text-align: center;
  color: #fff;
  margin-top: 15px;
  text-align: center;
  text-shadow:  0 5px 10px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .2);
  padding:0 8px;
}


.blog a{ text-decoration: none;}
.blogItem{
  position: relative;
  margin-bottom: 20px;
  border-radius: 12px;
  border: 1px solid #d9d9d9;
  box-shadow: 0px 8px 10px 0px #0000001C;
  overflow: hidden;

}
.blogItem .blogImg{
width: 100%;
height: 250px;
border-radius: 0;
/*border-radius: 20px 20px 0px 0px;*/
}
.blogItem .blogImg img{
  width: 100%;
  object-fit: cover;
  height: 100%;
  border-radius: 0;
}
.blogTextBtm{
  padding:20px 20px 20px 20px;
  text-align: center;
}
.blogTextBtm h4{ 
  font-size: 16px;
  color: #000;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
  padding: 5px 0 0 0;
}
.blogTextBtm p{ 
  font-size: 15px;
  color: #000; 
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-align: left;
}
.authNdate{    gap: 5px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; color: #00000078;}
.authNdate img{ width: 22px!important; height: auto; margin-right: 6px;} 
.blogUser{ display: flex; align-items: center; width: 49%;}
.blogDate{ align-items: center; width: 49%; justify-content: flex-end;}
.authName{
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.postDate{
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bannerHome { padding-bottom: 100px;}
.bannerHome .topSliderContent{top: 170px;}

@media (max-width: 1300px) {
.vacPickImg img{height: 44px;}
.vacPickTitle{ font-size: 16px;}
.vacPickDate{font-size: 13px;}
}

@media (max-width: 1200px) {
.vacPickImg img{height: 38px;}
.vacPickTitle{ line-height: 17px; margin-bottom: 8px;}
.vacPickDate{ line-height: 17px; display: block;}

.topFlightRoutesBox .tfrBoxImg img{ max-width: 72px; max-height: 72px;}
.topFlightRoutesBox .tfrBoxTitle{ font-size: 16px;}
.topFlightRoutesBox .tfrBoxRoute{ font-size: 17px;}

.authNdate img{
  width: 16px !important;
}
.blogTextBtm {
  padding: 20px 14px;
}
}
@media (max-width: 1199px) {
.vacPickUpBoxInn .col-md-3{ width: 50%;}
}
@media (max-width:1100px) {
  .categText{ font-size: 14px; line-height: 14px;}
  .categBtns a{width: 138px;}

.famousTouristAttrInn .row{flex-wrap: wrap;}
.famousTouristAttrInn .col{ flex: none; width: 33%;}

.title-1-with-icons:before{left: -78px;}
.title-1-with-icons:after{right: -78px;}
.famousTouristAttrInn .col{ flex: none; width:50%;}
}
@media (max-width:992px) {
.exTabs .nav-tabs li .nav-link{ font-size: 17px;}

.topFlightRoutesInn .col-md-4{ width: 50%}

.whyBook .col-sm{ width: 50%; flex: inherit;}
.whyBook .borderRadiComman{ margin-bottom: 20px;}
}

@media (max-width:768px) {
.exTabs .nav-tabs li .nav-link { font-size: 14px; padding: 3px 11px;}

.topFlightRoutesBox{padding: 11px 12px;}
.topFlightRoutesBox .tfrBoxImg img { max-width: 52px; max-height: 52px;}
.topFlightRoutesBox .tfrBoxTitle { font-size: 14px;}
.topFlightRoutesBox .tfrBoxRoute { font-size: 15px;}
}

/*HOME END*/





/*COMMAN CSS*/
.rs-picker-popup-daterange{z-index: 9999999!important;}
@font-face {
  font-family: 'Jost';
  src: url('../public/fonts/Jost-Bold.woff2') format('woff2'),
    url('../public/fonts/Jost-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Jost';
  src: url('../public/fonts/Jost-Light.woff2') format('woff2'),
    url('../public/fonts/Jost-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Jost';
  src: url('../public/fonts/Jost-Medium.woff2') format('woff2'),
    url('../public/fonts/Jost-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

a.dummyLink{ text-decoration: none;}


body {
  font-family: 'Jost';
  color: #5d5858;
}

h2 {
  font-weight: 800;
  color: #4a2069;
  font-family: 'Jost';
}

p {
  font-weight: 400;
  color: #000;
}

a {
  font-family: 'Jost';
}

.breadcrumbbx {
  padding-top: 18px;
  font-size: 14px;
}

.breadcrumbbx a {
  text-decoration: none;
  color: #c9248a;
}

.breadcrumbbx .brdIcon {
  color: #e4e4e4;
}

.breadcrumbbx .brdNormal {
  color: #000;
}




/*END COMMAN CSS*/



/*END VACATIUM*/












































































































































































































































































































































































































































/*SKELETON*/
.react-loading-skeleton{ height: 97%;}
.hListnDels{width: 54%;}
.avatar-skeleton{width: 100%; margin-bottom: 8px; display: inline-block;}
.avatar-skeleton br{ display: none;}

.hListnCalActin .hButton > span{ display: block; width: 100%; height: 100%;}
.hListnCalActin .hButton > span.react-loading-skeleton{ height: 100%;}
/*END SKELETON*/

/*HEADER*/

/*19SEPT2024*/
.topStrip{
  padding: 5px 20px;
  background: #ffc481;
  color: #21023b;
  text-align: center;
}
/*END 19SEPT2024*/

.desktopMenu{ display: block;}
.mobileMenu{ display: none;}
.headerLine {
  background: #21023b;
  padding: 15px 0;
}
.logedInUser{width: 180px;  float: right; position: relative;  font-size: 15px;}
.logedInUser .lgdUserCover{ font-size: 15px; color: #fff; text-align: left; display: flex; padding-right: 15px;
  background: url(../public/images/hd-dropdown.png) no-repeat;
  background-position: right;
  background-size: 12px;
  padding-bottom: 0;
}
.lgdUser{ 
  width: 25px;
  height: 25px;
  line-height: 25px;
  background: #be2ad3;
  color: #fff;
  display: inline-block;
  border-radius: 100px;
  text-align: center;
  margin-right: 6px;
}
.lgdUserText{
  display: inline-block;
  width: 133px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.lgoddbtn{ cursor: pointer;}
/*.lgoddbtn:hover + ul.logedInUserdd{ display: block;}*/
ul.logedInUserdd{ position: absolute; display: none; list-style: none; padding: 0; text-align: left; background: #fff; padding: 10px 10px; border-radius: 10px;  width: 100%;     top: 30px;
  box-shadow: 0 .125rem .25rem rgb(227 227 227) !important;
}
ul.logedInUserdd li{ margin-bottom: 8px; display: flex; align-items: center;}
ul.logedInUserdd li a{ color:#424242; text-decoration: none;}
ul.logedInUserdd li img{ width: 19px; margin-right: 8px;} 


.hder {}

.hder .hdLogo {
  width: 160px;
}

.hder .nav li {
  padding: 0 14px;
}

.hder .nav a {
  font-size: 17px;
  font-weight: 600;
  color: #fff !important;
}

.hder .nav a img {
  display: none;
}

.navmheader {
  display: none;
}

.navboxclose {
  display: none;
}

.hder .hdRight button {
  color: #fff;
  border: 0;
  padding: 0;
  text-transform: capitalize;
  letter-spacing: normal;
}

.hder .hdRight button img {
  width: 24px;
}

.navmobile {
  display: none !important;
}

/*END HEADER*/

/*FOOTER*/
.footerBox {
  margin-top: 40px;
  padding: 40px 0;
  background: rgb(53, 8, 80);
  background: linear-gradient(239deg, rgba(53, 8, 80, 1) 0%, rgba(80, 16, 107, 1) 100%);
}

.ftAbout {
  padding-right: 20px;
}

.footerBox h2 {
  font-size: 19px;
  color: #f48129;
  font-weight: 600;
  padding-bottom: 10px;
}

.footerBox ul {
  margin: 0;
  padding: 0 0 0 0;
  list-style: none;
}

.footerBox ul li {
  padding-bottom: 10px;
}

.footerBox ul a {
  color: #fff;
  text-decoration: none;
}

.footerBox .btLogo {
  margin-bottom: 14px;
}

.footerBox .btLogo img {
  width: 150px;
}

.footerBox p {
  color: #fff;
  text-align: left;
  font-family: 'Jost';
}

.footerBox h3 {
  font-size: 20px;
  color: #f48129;
}

.sIcons a span {
  width: 32px;
  background: #7917c6;
  height: 32px;
  border-radius: 100%;
  line-height: 32px;
  text-align: center;
  color: #fff;
  margin-bottom: 10px;
}

.copyRight {
  font-size: 15px;
}

/*END FOOTER*/

/*HOME*/
.hsearchCover .tabBox button:first-child{cursor: pointer;pointer-events:painted;}
.hsearchCover .tabBox button{ cursor: default;pointer-events: none;}







.hsearchCover .tabBox button:first-child:before{ display: none;}
.hsearchCover .tabBox button:before{
  line-height: 10px;
  content: 'Coming Soon';
  background: #faa9c1;
  margin-left: auto;
  margin-right: auto;
  bottom: 4px;
  padding: 2px 8px;
  font-size: 11px;
  border-radius: 8px;
  width: 97px;
  position: relative;
  top: 31px;
  z-index: 9;
  margin-top: -11px;
  margin-bottom: -4px;
}
.css-1aquho2-MuiTabs-indicator{ display: none;}
.exptopDestinationsCover{ display: none!important;}

.css-1aquho2-MuiTabs-indicator{ background: none;}


.hbanner .MuiTabs-flexContainer{ height: 100%;}
.hbanner .MuiTabs-flexContainer button:first-child{}
.hServIcons{ display: none;}
.addApplyBtn {
  font-size: 1.2rem;
  float: right;
  font-weight: 600;
  color: #fff;
  display: inline-block;
  padding: 0 2rem;
  height: 40px;
  line-height: 38px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  text-decoration: none;
  background: linear-gradient(45deg, #831d98 0%, #c8238b 100%);
}
.acdropdownCover{ background: #fff; border-radius: 6px; padding: 5px 0;}
.css-1epe1tr-JoyAutocomplete-input{font-size: 14px !important;}
.rs-input-group.rs-input-group-inside,


.acdropdownCover .findBtn,
.rs-input-group.rs-input-group-inside .rs-input,
.fildTwo .adultsIcon.hFormIcon{
font-size: 14px!important;

}
.fildTwo input:placeholder {
  color: #5d5858!important;
}

.acdropdownCover .findBtn{
    border: 0;
    font-size: 20px!important;
    height: 40px;
    line-height: 16px;
    width: 146px;
    text-align: center;
    padding: 0 10px;
}
.acdropdownCover .findBtn.right{ margin-left: auto;}

.addLine{ display: flex; padding: 5px 15px; justify-content: space-between; align-items: center;}
.childAgeDropdowns select:focus{ outline: none;}
.childAgeDropdowns div{ margin-bottom: 10px;}
.childAgeDropdowns{ padding: 5px 15px;}
.childAgeDropdowns .child-age-dropdown{ 
  width: 100%;
  height: 38px;
  border: 1px solid #ccc;
  padding: 0 10px;
  border-radius: 5px;
}

.addCount{ display: flex; align-items: center;}
.addCount a{   background:#ebebeb;
   color: #8a1e97; text-decoration: none;
  width: 24px;
  height: 24px;
  border-radius: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;}
  .addCount a:first-child{}
  .addCount input{ font-size: 20px; font-weight: bold; width: 50px!important; border:0!important; margin: 0 5px;
    text-align: center;
  }
  .addCount a i{ font-size: 12px;}
.addLineTitle{ font-size: 18px;}




.tabBox{
  background: #ebe3f3;
  margin: 0 auto;
  width: 96%;
  display: flex;
  height: 58px;
  line-height: 58px;
  justify-content: space-between;
  /*justify-content: space-between;*/
  -webkit-border-top-left-radius: 50px;
  -webkit-border-top-right-radius: 50px;
  -moz-border-radius-topleft: 50px;
  -moz-border-radius-topright: 50px;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
}
.tabBox button{
  flex: 1;
  font-size: 15px;
  display: block;
  float: left;
  /*width: 20%;
  padding:4px 2.7em;*/
  padding: 4px 1.1em 4px 3.4em;
  color: #000;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  display: flex;
  line-height: 21px;
  align-items: center;
  border-right: 2px solid #f0f0f0;
}

.tabBox button:first-child{
 /* padding:4px 2em;*/
  padding: 4px 2em 4px 5em;
  max-width: 170px;
  -webkit-border-top-left-radius: 50px;
-moz-border-radius-topleft: 50px;
border-top-left-radius: 50px;
}
.tabBox button:first-child .MuiTouchRipple-root{ background-position: 0px 0 !important; left: 25px;}

.tabBox button:last-child{
  flex:0 0 30%;

  border: 0;
  padding-left: 2rem;
  padding-right: 1rem;
  -webkit-border-top-right-radius: 50px;
  -moz-border-radius-topright: 50px;
  border-top-right-radius: 50px;
}
.tabBox button:after{
  border-right: 2px solid #f0f0f0;
  justify-content: center;
  cursor: pointer;
  padding: 0 10px 0 12px;
  background: #ebe3f3;
  width: 100%;
  font-size: 1.1rem;
  font-weight: 600;
  color: #000;
  text-align: center;
  display: flex;
  align-items: center;
}

.tabBox button:nth-child(3){
  /*padding:4px 2.2em;*/
}

.rs-input-group{height: 26px;}
.rs-input-group.rs-input-group-inside{ border: 0;}
.tabCover li:focus{outline: none;}
.tabBox button:hover, .tabBox button.Mui-selected { color:#fff;
  background: linear-gradient(81deg, #c8238b 0%, #ff8f00 24%, #bf31dd 100%) /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
.tabBox button .MuiTouchRipple-root{ margin-top: auto; margin-bottom: auto; left: 7px;}

.tabBox span.MuiTouchRipple-root{ background: url(../public/images/home/home-tab-icons.png) #fff; margin-right: 10px; background-size: 368px auto; border-radius: 100px; display: inline-block; width: 42px; height: 42px;}
.htHotelIcon span{ background-position: 3px 3px!important;}
.htFlightIcon span{ background-position: -82px 1px!important;}
.htfliHotelIcon span{ background-position: -159px 0px!important;}
.htCruiseIcon span{ background-position: -241px -1px!important;}
.htHotelPackIcon span{ background-position: -321px -1px!important;}

.tabBox button:hover .htHotelIcon, .tabBox button.Mui-selected .htHotelIcon:hover span{ background-position: 0px -200px;}
.tabBox button:hover .htFlightIcon, .tabBox button.Mui-selected .htFlightIcon:hover span{ background-position: -82px -198px;}
.tabBox button:hover .htfliHotelIcon, .tabBox button.Mui-selected .htfliHotelIcon:hover span{ background-position: -159px -199px;}
.tabBox button:hover .htCruiseIcon, .tabBox button.Mui-selected .htCruiseIcon:hover span{ background-position: -241px -200px;}
.tabBox button:hover .htHotelPackIcon, .tabBox button.Mui-selected .htHotelPackIcon:hover span{ background-position: -321px -200px;}

.tabBox button:hover .htHotelIcon, .tabBox button.Mui-selected .htHotelIcon{ background-position: 0px -200px;}
.tabBox button:hover .htFlightIcon, .tabBox button.Mui-selected .htFlightIcon{ background-position: -82px -198px;}
.tabBox button:hover .htfliHotelIcon, .tabBox button.Mui-selected .htfliHotelIcon{ background-position: -159px -199px;}
.tabBox button:hover .htCruiseIcon, .tabBox button.Mui-selected .htCruiseIcon{ background-position: -241px -200px;}
.tabBox button:hover .htHotelPackIcon, .tabBox button.Mui-selected .htHotelPackIcon{ background-position: -321px -200px;}






.tbform{
  width: 100%;
    max-width: 1000px;
}
.tabinn{
  min-height: 262px;
  padding: 40px 40px;
  background:linear-gradient(56deg, rgba(243, 177, 100, 1) 0%, rgba(184, 145, 254, 1) 100%);
}

.findBtn{ font-size:1.5rem; font-weight: 600; color:#fff; display: inline-block;  padding: 0 4rem; height: 50px; line-height: 50px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  text-decoration: none;

background: linear-gradient(45deg,  #831d98 0%,#c8238b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
.fildTwo{ width: 50rem;}
.fildTwo input:focus{ outline:none;}
.rs-input-group.rs-input-group-inside input:focus{ outline:none;}

.tabinn .whereTo{ width: 100%; height: 50px;}

.searchIcon{ background: url(../public/images/home/search-icon.png) #fff;}
.calenderIcon{background: url(../public/images/home/calender.png) #fff;}
.adultsIcon{background: url(../public/images/home/adults-icon.png) #fff;}
.hFormIcon{ font-size: 17px; background-repeat: no-repeat; background-size: 22px auto; background-position: 16px 12px;
  width: 100%; padding: 11px 0 11px 49px;
  height: 45px;
}

.tabinn ::placeholder{color: #8e48b5;}



.hsearchCover{
  background: url(../public/images/home/home-banner-bg.jpg);
  background-repeat: repeat-x;
  padding-top: 30px !important;
}
.hsearchCover h1 {
  font-size: 2.4rem;
  font-weight: 600;
  color: #fff;
  text-align: center;
  padding-bottom: 40px;
}

.vacMyTripPages{ position: relative;}
.serviceTabs{
  position: absolute;
  left: 0;
  right: 0;
  top:-41px;
  margin: auto;
  max-width: 600px;
  width:100%;
  background: #fff;
  background: linear-gradient(178deg, rgba(255, 255, 255, 1) 0%, rgb(227 211 243) 100%);
  box-shadow: rgba(0, 0, 0, 0.15) 5.4px 5.4px 18.2px;
  border-radius: 10px;
  overflow: hidden;
}
.serviceTabs ul{
  padding: 10px 10px; border: 0;
  background: transparent;
  display: flex;
  justify-content: center;
  /*background: linear-gradient(63deg, #fbb99f 0%, #fdca5d 100%);*/
}
.serviceTabs ul li{ margin: 0 10px;}
.serviceTabs ul li a{
  padding: 5px 1.5rem;
  font-weight: 600;
  color: #181818;
  border: 0;
  border-radius: 4px !important;

  border: 0 !important;
  text-align: center;
}
.serviceTabs ul li a.active, .serviceTabs ul li:hover a{ 
  color: #fe6a14!important;
  background: transparent!important;
}
.serviceTabs ul li a img{ height: 32px; }
.serviceTabs ul li a span{ display: block;}
.vacMyTripPages .srvCont{ background: none;}



.tab-content{
  min-height: 262px;
  padding: 40px 40px;
  background: linear-gradient(56deg, rgba(243, 177, 100, 1) 0%, rgba(184, 145, 254, 1) 100%);
}


.purpleColor {
  color: #4a2069;
}

h2.title-2 {
  font-size: 45px;
  font-weight: bold;
  padding-top: 10px;
}

.borderRadiComman {
  border-radius: 1rem;
}

.nhBox {
  font-size: 24px;
  font-weight: 300;
  text-align: center;
}

.nhBox span {
  font-size: 35px;
  font-weight: 500;
}

.exploreTop .expCover{}
.expCover {
  position: relative;
  margin-bottom: 20px;
}

.exploreTop>div {
  position: relative;
}

.expText {
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
}

.expText span {
  font-size: 19px;
  font-family: 'Jost';
  letter-spacing: .7px;
  background: #f48129;
  padding: 1px 12px;
  border-radius: 50px;
  color: #fff;
}

.expText h2 {
  font-size: 52px;
  color: #fff;
  margin-top: 1px;
}

.expCover img {
  height: 100%;
  border-radius: 1rem;
}


.hSingleSlider {
  position: relative;
}

.hSingleSlider .ssArrow {
  z-index: 9;
  position: absolute;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  width: 55px;
  height: 55px;
}
.homePage .owl-theme .owl-nav button:hover{ background: none!important;}

.hSingleSlider .lSlideArrow {
  left: -30px;
}

.hSingleSlider .rSlideArrow {
  /*right: -30px;*/
  right: 0;
}

.hMbhCover,
.hMbhCover .row {
  position: relative;
}

.hMbhCover .ssArrow,
.hMbhCover .row .ssArrow {
  z-index: 9;
  position: absolute;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  width: 55px;
  height: 55px;
}

.hMbhCover .lSlideArrow,
.hMbhCover .row .lSlideArrow {
  left: -20px;
}

.hMbhCover .rSlideArrow,
.hMbhCover .row .rSlideArrow {
  right: -20px;
}


.gdCover,
.gdCover .row {
  position: relative;
}

.gdCover .grabCover {
  position: relative;
  margin-bottom: 0;
}

.gdCover .ssArrow,
.gdCover .row .ssArrow {
  z-index: 9;
  position: absolute;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  width: 55px;
  height: 55px;
}

.gdCover .lSlideArrow,
.gdCover .row .lSlideArrow {
  left: -20px;
}

.gdCover .rSlideArrow,
.gdCover .row .rSlideArrow {
  right: -20px;
}

.dealCard {}

.dealCardInn {
  padding: 10px;
  margin: 0;
}

.gdCover .dealText h3 {
  font-size: 16px;
  color: #000;
}

.gdCover .dealText span {
  font-size: 14px;
  color: #c9248a;
}

.aboutUsh a {
  font-weight: 600;
  text-decoration: none;
  color: #fff;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  background: rgb(200, 35, 139);
  background: linear-gradient(239deg, rgba(200, 35, 139, 1) 0%, rgba(131, 29, 152, 1) 100%);

  padding: 11px 28px;
  display: inline-block;
}

.hAbtText {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}

.aboutImgCvr {
  background: url(../public/images/home/about-img-vector.png);
  padding: 68px 0 0 0;
  background-position: right top;
  background-repeat: no-repeat;
  background-size: 250px auto;
}

.hblogBx {
   /*19SEPT2024*/
   overflow: hidden;
   -webkit-border-bottom-right-radius: 16px;
   -webkit-border-bottom-left-radius: 16px;
   -moz-border-radius-bottomright: 16px;
   -moz-border-radius-bottomleft: 16px;
   border-bottom-right-radius: 16px;
   border-bottom-left-radius: 16px;
   /*END 19SEPT2024*/
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}

.blogImg {
  position: relative;
  /*19SEPT2024*/
  overflow: hidden;
  -webkit-border-top-left-radius: 16px;
  -webkit-border-top-right-radius: 16px;
  -moz-border-radius-topleft: 16px;
  -moz-border-radius-topright: 16px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  /*END 19SEPT2024*/
}

.blogImg img {
  width: 100%;
}

.dateBox {
  font-size: 14px;
  color: #fff;
  padding: 10px 10px;
  position: absolute;
  left: 25px;
  bottom: 16px;
  background: #8718bc;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.dateBox img {
  width: 18px;
  margin-right: 10px;
}

.blogHomeSection {}

.blogHomeSection h2 {
  text-align: center;
}

.blogText {
  padding: 15px;
}

.blogText img {
  width: 20px;
}

.blogHomeSection .blogText span {
  font-weight: 300;
  font-size: 15px;
  color: #696969;
  display: block;
}

.blogHomeSection .blogText p {
  font-weight: 600;
  color: #000;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.hBlogBtn {
  font-weight: 600;
  text-decoration: none;
  color: #fff;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  background: rgb(200, 35, 139);
  background: linear-gradient(239deg, rgba(200, 35, 139, 1) 0%, rgba(131, 29, 152, 1) 100%);
  padding: 11px 28px;
  display: inline-block;
}

.flex {
  display: flex;
}

.relative {
  position: relative;
}

.testihbox .testiTitle {
  font-size: 24px;
  font-weight: 600;
  color: #4a2069;
  padding-bottom: 5px;
}

.testihbox .testi {
  padding: 25px;
  border: 1px solid #c9c9c9;
  overflow: hidden;
}

.qoutes {
  background: url(../public/images/home/quotes.png);
  background-size: 100% auto;
  width: 45px;
  height: 45px;
  position: absolute;
  right: -10px;
  top: -6px;
}

.hUserImg {
  max-width: 90px;
}

.videobox {
  height: 500px;
  margin: 60px 0 0 0;
  overflow: hidden;

  /* width: 99vw; margin-left: -50vw;
  margin-right: -50vw;
  position: relative;
  left: 50.4%;
  right: 50%;*/
}

.videobox {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.video-play-button {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  box-sizing: content-box;
  display: block;
  width: 20px;
  height: 29px;
  /* background: #fa183d; */
  border-radius: 50%;
  padding: 18px 20px 18px 28px;
}

.video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #ccc;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}

.video-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #fff;
  border-radius: 50%;
  transition: all 200ms;
}

.video-play-button:hover:after {
  background-color: #fff;
}

.video-play-button:before {
  content: "";
  color: red;
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #ccc;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}

.video-play-button span {
  display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  border-left: 19px solid #cd2c22;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }

  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

.wbwUs .borderRadiComman {
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
  padding: 20px 14px;
  text-align: center;
}

.wbwUs img {
  width: 90px;
  margin-bottom: 20px;
}

.wbwUs h3 {
  font-size: 20px;
  font-weight: bold;
  color: #4a2069;
  margin-bottom: 6px;
}

.wbwUs span {
  font-size: 14px;
  color: #6b6b6b;
  line-height: 20px;
}

.hLogoCover {
  position: relative;
}

.hLogoCover .hLogoImg {}

.hLogoCover img {
  width: 200px;
}

.hLogoCover .ssArrow,
.hLogoCover .row .ssArrow {
  z-index: 9;
  position: absolute;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  width: 55px;
  height: 55px;
}

.hLogoCover .lSlideArrow,
.hLogoCover .row .lSlideArrow {
  left: -20px;
}

.hLogoCover .rSlideArrow,
.hLogoCover .row .rSlideArrow {
  right: -20px;
}


/*12Aug2024*/
.hFormIcon{ position: relative;}
.hFormIcon button.MuiAutocomplete-clearIndicator{ position: absolute; right: 10px;}
.hSingleSlider .owl-carousel.owl-drag .owl-item{ margin-right: 0!important;}
.hSingleSlider .owl-theme .owl-nav{ overflow: hidden;}
.hSingleSlider .owl-theme .owl-nav button{ margin: 0!important;}

.gdCover .lSlideArrow, .gdCover .row .lSlideArrow{ left: -32px!important;}
.gdCover .rSlideArrow, .gdCover .row .rSlideArrow { right: 4px!important; }


.hMbhCover .lSlideArrow, .hMbhCover .row .lSlideArrow{ left: -32px!important;}
.hMbhCover .rSlideArrow, .hMbhCover .row .rSlideArrow { right: 4px!important; }

.hLogoCover .lSlideArrow, .hLogoCover .row .lSlideArrow{ left: -32px!important;}
.hLogoCover .rSlideArrow, .hLogoCover .row .rSlideArrow { right: 4px!important; }
.hLogoCover .ssArrow, .hLogoCover .row .ssArrow{top: -35px;}


/*End 12Aug2024*/


/*END HOME*/


/*HOTEL LISTING*/

.ltotalHotel {
  display: none;
}

.innerPage .hsearchCover {
  background-position: 0 -76px !important;

  transition: all 0.3s ease; /* Smooth transitions */
}
/*23sept2024*/
.myObserver {
  height: 1px;
  width: 1px;
  pointer-events: none;
  position: relative;
  top:auto;
  z-index: -1;
  overflow: hidden;
}
.header {
  background: #06c;
  display: flex;
  padding: 20px;
  justify-content: center;
  align-items: center;
  color: white;
  text-align: center;
  font-size: 25px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  font-weight: bold;
  transition: all 0.5s ease-out;
}
/* seems to be buggy when you change height of the header as there seems to be rounding error causing a jumping effect on the header*/
.sticky-element {
background: #fff;
position: fixed; /* or sticky based on your layout */
top: 0;
width: 100%;
padding-top: 0!important;
z-index: 9;
  /*
  font-size: smaller;
  padding: 10px;*/
}

.sticky-element .searchHd{ display: none;}
.sticky-element .hotelSearch{min-height: 69px; padding: 12px 10px 8px 10px;}
.sticky-element .hotelSearch .row { width: 80%; float: left;}
.sticky-element .hotelSearch .updateSearch{ float: right; width: 18%; margin-top: 0!important;}

.sticky-element .hotelSearch input{ font-size: 15px;}
.sticky-element .hotelSearch .col-md-6{ width:40%;}
.sticky-element .hotelSearch .col-md-3{ width: 30%;}
.sticky-element .hotelSearch .col-md-6 .mb-3,
.sticky-element .hotelSearch .col-md-3 .mb-3{  margin-bottom: 5px!important;}
.sticky-element .hotelSearch .findBtn{height: 47px; line-height: 46px; font-size: 1.1rem; padding: 0 1rem;}

.sticky-element .hotelSearch .hFormIcon{padding:0 0 0 10px;}

/*end 23sept2024*/


.innerPage .hsearchCover .hsIcons {
  width: 48px;
  display: inline-block;
  vertical-align: sub;
}

.innerPage .hsearchCover h1 {
  padding-bottom: 8px;
}

.hotelSearch {
  padding: 20px 40px;
}

.hotelSearch {
  min-height: 162px;
}

.hotelSearch input[type="text"] {}

.listing {
  padding-top: 50px;
}

.listing .listInner {
  padding-left: 14px;
}

.filterbx h2 {
  font-size: 24px;
  color: #000;
}

.filtBx {
  margin-bottom: 20px;
}

.filtBx h4 {
  font-size: 20px;
  color: #4a2069;
  padding-bottom: 4px;
  border-bottom: 1px solid #d4a1ba;
}

.fltrremove {
  display: none !important;
}

.arrowIcon {
  background: url(../public/images/home/arrow-icon.png);
  width: 16px;
  height: 10px;
  display: inline-block;
  background-size: 16px auto;
  background-repeat: no-repeat;
  float: right;
  margin-top: 13px;
}

.arrihide {
  background-position: 0 -43px;
}

.rdList {
  width: 100%;
  border: 0;
  padding: 0 0 5px 0;
}

.rdList input[type="radio"] {
  width: 22px;
  height: 22px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.rdList .form-check-input:checked {
  /*background-color: #0d6efd;*/
  border-color: #0d6efd;
}

.rdList .form-check-input:checked[type=checkbox] {
  --bs-form-check-bg-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e);
}

.filterbx .checkbox-custom,
.radio-custom {
  opacity: 0;
  position: absolute;
}

.filterbx .checkbox-custom,
.filterbx .checkbox-custom-label,
.filterbx .radio-custom,
.filterbx .radio-custom-label {
  display: inline-block;
  vertical-align: middle;
  margin: 1px 0;
  cursor: pointer;
}

.filterbx .checkbox-custom-label,
.filterbx .radio-custom-label {
  position: relative;
  width: 100%;
}

.filterbx .rdList label:focus {
  outline: none;
}

.filterbx .checkbox-custom+.checkbox-custom-label:before,
.filterbx .radio-custom+.radio-custom-label:before {
  content: '';
  background: #fff;
  border: 1.5px solid #ddd;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  padding: 2px;
  margin-right: 10px;
  text-align: center;
}

.filterbx .checkbox-custom:checked+.checkbox-custom-label:before {
  background: #522787;
  box-shadow: inset 0px 0px 0px 4px #fff;
}

.filterbx .radio-custom+.radio-custom-label:before {
  border-radius: 4px;
}

.filterbx .radio-custom:checked+.radio-custom-label:before {
  background: #522787;
  box-shadow: inset 0px 0px 0px 3px #fff;
}

.rdList span {
  width: 100%;
}

.rdList small {
  color: #a7a7a7 !important;
  float: right;
  margin-top: 2px;
}

.filtMore {
  text-align: right;
}

.filtMore a {
  color: #c9248a;
}

.applyfilterMobile {
  display: none;
}

.sbyBox {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}

.sbyBox h4 {
  font-size: 21px;
  color: #000;
}

.shortBybx select {
  width: 200px;
  padding: 5px 10px;
}


.mFixBtns {
  display: none;
}

.hListn {
  display: flex;
  justify-content: space-between;
  border-radius: .7rem;
  overflow: hidden;
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
  border: 1px solid #d8dde1;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
}

.ldlink {
  position: absolute;
  width: 100%;
  height: 100%;
  text-decoration: none;

  z-index: 1;
}

.hListnDtls {
  display: flex;
  padding: 10px 0 10px 10px;
  flex: 1 1 auto;
}

.hListn .hListnImg {
  width: 51%;
  margin-right: 10px;
  max-width: 266px;
  position: relative;
}

.hListn .contain{ height: 100%;}
.hListn .owl-stage-outer{ height: 100%;}
.hListn .hotel-slider{ height: 100%;}
.hListn .owl-stage{height: 100%;}
.hListn .owl-item{height: 100%;}
.hListn .item{height: 100%;}
.hListn .hListnImg .owl-dots{ position: absolute; bottom: 0px; width: 100%;}

.hListn .owl-theme .owl-dots .owl-dot span{background: #fff;}
.hListn .owl-theme .owl-dots .owl-dot.active span, .hListn .owl-theme .owl-dots .owl-dot:hover span
{ background: #ff47c2;}

.flag {
  font-size: 13px;
  position: absolute;
  top: 8px;
  left: -13px;
  z-index: 9;
  display: inline-block;
  padding: .4em 0.5em .4em 0.7em;
  margin-right: 0.7em;
  text-align: center;
  vertical-align: middle;
  line-height: 1;
  color: #fff;
  background: rgb(200, 35, 139);
  background: linear-gradient(239deg, rgba(200, 35, 139, 1) 0%, rgba(131, 29, 152, 1) 100%);
}

.flag:before,
.flag:after {
  content: "";
  width: 0;
  height: 0;
  border-right: 0.8em solid transparent;
  right: -0.7em;
  position: absolute;
  top: 0;
  border-top: 1em solid #c8238b;
}

.flag:after {
  top: auto;
  bottom: 0;
  border-top: none;
  border-bottom: 0.9em solid #c8238b;
}

.hlWish {
  position: absolute;
  top: 8px;
  right: 12px;
  z-index: 999;
  background: #fff;
  width: 28px;
  height: 28px;
  border-radius: 50px;
  text-align: center;
  line-height: 29px;
}

.hlWish i {
  color: #b1b0b0;
}

.hlWish i.active {
  color: #c9248a;
}

ul.hChkList {
  padding: 0 0 0 19px;
  margin: 0 0 8px 0;
}

.hChkList li {
  font-size: 13px;
  color: #56ac93;
}

.hOffPrice {
  font-size: 13px;
  color: #c8238b;
  display: inline-block;
  background: #f3e0ef;
  border-radius: 50px;
  padding: 2px 10px;
  margin-bottom: 8px;
}

.hAddr {
  /*background: url(../public/images/map.png) no-repeat;*/
  padding-left: 22px;
  font-size: 14px;
  font-weight: 400;
  color: #2c2c2c;
  margin-bottom: 9px;
  background-size: 11px auto;
  line-height: 15px !important;
  text-align: left;
  position: relative;
}

.hAddr2 {
  padding-left: 0;
  font-size: 14px;
  font-weight: 400;
  color: #2c2c2c;
  margin-bottom: 9px;
  background-size: 11px auto;
  line-height: 15px !important;
  text-align: left;
}

.hAddr svg {
  height: 15px;
  position: absolute;
  left: 0;
}

.hAddr img {
  height: 15px;
}

.hStrRate {
  line-height: 14px;
  margin-bottom: 10px;
}

.hListnDels {
  padding-left: 15px;
  padding-right: 16px;
}

.hListn .hListnImg img {
  border-radius: .7rem;
  /*new*/
  width: 100%;
  z-index: 0;
  object-fit: cover;
  height: 100%;
  max-height: 100%;
  min-width: auto;
  min-height: 100px;
  vertical-align: middle;
}

.hListnDels h2 {
  font-size: 18px;
  color: #000;
  margin: 0;
}

.hStrRate img {
  width: 13px;
  margin-right: 2px;
}

.hfacility {
  display: flex;
}
.hfacility ul{ list-style: none; padding: 0;}
.hfacility li{display: inline-block; border: 1px solid #e7e7e7; line-height: 12px; padding: 6px 10px; border-radius: 4px; font-size: 14px;
margin-bottom: 6px; margin-right: 5px; 
/*19SEPT2024*/
background: #c54999; color: #fff;
/*END 19SEPT2024*/
}

.hfacility img {
  height: 18px;
  margin-right: 14px;
}

.hListnCalActin {
  width: 210px;
  padding: 43px 20px 16px 20px;
  background: url(../public/images/cal-to-action-bg.jpg) #f3e0ef repeat-y;
  text-align: center;
  position: relative;
}

.hListnCalActin h5.hOfferPerct {
  font-weight: bold;
  text-align: center;
  margin-bottom: 0;
  line-height: 16px;
}

.hListnCalActin .hsalePrice {
  font-size: 20px;
  color: #4a2069;
  display: block;
  text-align: center;
}

.hListnCalActin span {
  font-size: 14px;
  color: #c9248a;
  display: block;
  text-align: center;
}

.hListnCalActin .hOffLto {
  margin-bottom: 20px;
}

.hListnCalActin .holdPrice {
  line-height: 10px;
  color: #b09bae;
  text-decoration-line: line-through;
}

.hListnCalActin .hInfo {
  font-size: 13px;
  color: #907793;
}
/*19SEPT2024*/
.hListnCalActin .totalPrice{ font-weight:600;}
/*END 19SEPT2024*/


.hListnCalActin .hButton {
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  color: #fff;
  border-radius: 50px;
  background: rgb(200, 35, 139);
  background: linear-gradient(239deg, rgba(200, 35, 139, 1) 0%, rgba(131, 29, 152, 1) 100%);
  padding: 7px 12px;
  text-transform: uppercase;
  margin-top: 6px;
  display: block;
}

.hRatings {
  font-size: 12px;
  line-height: 7px;
  color: #393939;
  padding-top: 0;
  position: absolute;
  top: 10px;
  left: 14px;
  display: flex;
  align-items: center;
  text-align: left;
}

.hRatings a {
  display: inline-block;
  font-size: 13px;
  margin-right: 5px;
  line-height: 18px;
  color: #fff;
  text-decoration: none;
  background: #49c5a1;
  border-radius: 6px;
  padding: 2px 5px;
}

.fltrclose {
  display: none;
}


/*12Aug2024*/
.hListnCalActin{}
.hListnDtls{ max-width: 630px; width: 100%;}
.hListn .owl-item{ width: 220px; height: 180px; display: flex;}
.hListn .item{ width: 100%;}
.hListn .hListnImg img{ width: 100%; height: 100%;}
.hlWish{z-index: 1;}
.cd-breadcrumb li > *, .cd-multi-steps li > *{font-size: 12px;}
.hListn .owl-theme .owl-dots .owl-dot span{ margin: 5px 3px!important;}

@media (max-width: 769px) {
.listing { padding-top: 22px;}
.cd-breadcrumb li > *, .cd-multi-steps li > * {font-size: 12px!important;}
}
@media (max-width: 480px) {
  
}
/*End 12Aug2024*/

.infinite-scroll-component p img{    width: 150px;}

/*END HOTEL LISTING*/

/*HOLIDAY LISTING*/
.ldays {
  background: #f7e4f0;
  color: #c9248a;
  border-radius: 6px;
  padding: 2px 8px;
  display: inline-block;
  font-size: 13px;
}

.ltdtls {
  margin-top: 5px;
  padding-bottom: 5px;
  line-height: 14px;
  border-bottom: 1px solid #e2e1e1;
}

.llineText {
  font-size: 13px;
}

.ltIcon {
  font-size: 11px;
}

.ltourFacl {
  margin-top: 17px;
}

.ltourFacl ul {
  margin: 0;
  padding: 0;
}

.ltourFacl ul li {
  display: inline-block;
  margin-right: 8px;
  text-align: center;
}

.ltourFacl ul li a {
  text-decoration: none;
}

.ltourFacl ul li img {
  max-width: 38px;
}

.ltourFacl ul li span {
  font-size: 13px;
  color: #5d5858;
  display: block;
  margin-top: 6px;
}

/*END HOLIDAY LISTING*/

/*FLIGHT LISTING*/
.hlistFlight {
  flex: 1 1 auto;
  padding-right: 10px;
}

.offLabels {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  align-items: center;
  width: 100%;
  margin-bottom: 8px;
}

.offLabels a {
  font-size: 14px;
  color: #000;
  line-height: 17px;
  text-decoration: none;
  padding: 4px 8px;
  border-radius: 6px;
}

.cheapelabel {
  background: #c3e8d2;
}

.fastlabel {
  background: #cbdcf8;
}

.dttbox {
  display: flex;
  width: 100%;
}

.dttbox .dttlast {
  margin-left: auto;
}

.lllagege {
  display: flex;
  gap: 4px;
  justify-content: center;
  margin-bottom: 16px;
}

.lllcomman {
  position: relative;
  margin: 0 7px;
}

.lllActive {
  position: absolute;
  width: 12px;
  height: 12px;
  color: #c9248a;
  display: block;
  text-align: center;
  background: #fff;
  font-weight: normal;
  border-radius: 50px;

  font-size: 11px;
  line-height: 11px;
  left: 15px;
  bottom: 0;
}

.lllagege img {
  width: 20px;
}

.lllcomman .illtxt {
  font-size: 10px;
  line-height: 11px;
  position: absolute;
  top: 28px;
  background: #fff;
  padding: 5px 5px;
  border-radius: 6px;
  left: -18px;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 58px;
  visibility: hidden;
}

.lllagege img:hover+.illtxt {
  visibility: visible;
}

.stselection {
  font-size: 13px;
  line-height: 14px;
  margin-bottom: 7px;
}

.filtBx .fdepart {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: space-between;
}

.filtBx .fdepart .fdepartBox {
  position: relative;
  flex: 1 auto;
  width: 48%;
}

.filtBx .fdepart .fdepartBox label {
  border-color: #d7d7d7;
  color: #212529;
  width: 100%;
}

.filtBx .fdepart .fdepartBox .btn-outline-primary.active,
.filtBx .fdepart .fdepartBox .btn-outline-primary:hover,
.filtBx .fdepart .fdepartBox .btn-outline-primary:visited {
  color: #fff;
  background: #c8238b;
}


.filtBx .fdepart .fdepartBox .btn-check:checked+.btn {
  background: #c8238b;
  color: #fff;
}

.fway {
  display: flex;
  margin-bottom: 15px;
  width: 100%;
  flex-wrap: wrap;
}

.fway .form-check {
  cursor: pointer;
  margin-right: 13px;
}

.fway .form-check input.form-check-input {
  border: 0;
}

.form-check-input:checked {
  background-color: #c8238b;
}

.ldrbox {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-bottom: 12px;
}

.ldrbox a {
  font-size: 17px;
  font-weight: 400;
  color: #424242;
  text-decoration: none;
}

.ldrbox img {
  width: 27px;
  margin-right: 6px;
}

.flightListing {}

.flightListing .hListnCalActin {
  padding: 16px 20px 16px 20px;
}

.flightoneway {}

.flightroundtrip {
  display: none;
}

.dttflightdetails {
  padding: 10px 0 5px 0;
}

.flightname {
  font-size: 12px;
  text-align: center;
}

.flight-card {
  border-radius: 1.5rem;
  box-shadow: 0 0 0.1rem HSLA(var(--color-purple), 0.1);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  background-color: #fff;
}

.flights-list__item:not(:last-child) {
  margin-bottom: 2.5rem;
}

.flight-card__airline {
  flex: 0 1 5rem;
  border: 0.2rem solid #fff;
}

.flight-card__airline+.flight-card__airline {
  position: relative;
  top: -1.5rem;
}

.flight-card__departure {
  margin-left: 2rem;
}

.flight-card__time {
  display: inline-block;
  margin-bottom: 0.8rem;
  font-size: 2rem;
  font-weight: var(--font-weight-medium);
}

.flight-card__city {
  margin-bottom: 0.1rem;
  font-size: 18px;
  position: relative;
}

.flight-card__city sup {
  font-size: 12px;
  font-weight: 400;
}

.flight-card__day {
  font-size: 14px;
}

.flight-card__day span {
  color: #a8a5a5;
}

.flight-card__route {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
  justify-content: center;
  align-items: center;
  padding: 0 4rem;
}

.flight-card__duration,
.flight-card__type {
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 1px;
}

.route-line {
  position: relative;
  margin: 4px 0 0;
  width: 100%;
  height: 1px;
  border: 1px dashed #e8d4e4;
}

.route-line__start {
  left: 0;
  border: 0.1rem dashed rgb(127, 49, 142);
  background-color: #fff;
}

.route-line__stop {
  border-radius: 100%;
  box-sizing: content-box;
  width: 0.5rem;
  height: 0.5rem;
  position: absolute;
  top: 50%;
  background: #fff;
  border: 0.2rem solid rgb(127, 49, 142);
  transform: translate3d(-50%, -50%, 0);
}

.route-line__end {
  right: 0;
  background: #fff;
  border: 0.2rem solid rgb(127, 49, 142);
  transform: translate3d(50%, -50%, 0);
}

.flight-card__arrival {
  margin-right: 3rem;
  text-align: right;
}



/*END FLIGHT LISTING*/


/*DETAILS*/
/*21Sept2024*/
.moreDtlsScroll{
  height: 70vh;
  overflow-y: auto;
  scrollbar-width: thin;
  padding-bottom: 30px;
}
.moreDtlsGallery{}
.mdgallery{ position: relative;}
.mdgallery img{ width:700px; max-width: 100%;}

.mdgBtns{ 
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 45px;
  display: flex;
  justify-content: space-between;
}
.mdgBtns .mdgLeft, .mdgBtns .mdgRight{ position: relative;}
.mdgBtns .mdgLeft img, .mdgBtns .mdgRight img{ width: 38px;}

.mdRoomInfo{ display: flex; flex-wrap: wrap; justify-content: center; border-bottom: 1px solid #ccc; margin: 10px 0 10px 0;}
.mdRoomInfo span{ width: 48%; margin: 0 1%; display: flex; margin-bottom: 6px;}
.mdRoomInfo span img{ height: 19px; margin-right: 10px;}

.mAmenitiesPopup{ text-align: left;}
.mAmenitiesPopup h5{ font-size: 16px; font-weight: 600;}
.mAmenitiesPopup h6{font-size: 14px;}
.mAmenitiesPopup ul{ display: flex; flex-wrap: wrap; padding-left: 15px; margin-bottom: 10px!important;}
.mAmenitiesPopup ul li{ font-size: 14px; padding-left: 0!important; width: 33%; padding-right: 4%;}

.font-size-16{ font-size: 16px;}
/*end 21Sept2024*/

/*19Sept2024*/
.modal-sm {width: 100%; max-width: 380px;} 
.modal-lg {width: 100%; max-width: 800px;}
.modal-xl {width: 100%; max-width: 1140px;}
/*19Sept2024*/

.mobileOnly,
.dtCheapPrice.desktopOnly {
  display: none !important;
}

.hdgalleryRoomMobile {
  display: none;
}

.dbkDetails {
  display: none;
}

.hdetailsPage {}

.hdStrRate {
  display: inline-block; margin-left: 10px;
}

.hdStrRate img {
  width: 14px;
  margin: 0 4px 0 0;
}

.dhName h2 {
  font-size: 25px;
  margin: 0;
}

.dhName p {
  font-size: 16px;
  color: #918f8f;
}

.dhName p i {
  color: #c9248a;
}

.dhName p a {
  font-weight: 600;
  color: #831d98;
  text-decoration: none;
}

.hdRatings {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
}

.hdRatings img.shareIcon {
  width: 27px;
}

.hdRatingbox {
  padding: 4px 10px 4px 4px;
  margin-right: 5px;
  line-height: 18px;
  color: #fff;
  text-decoration: none;
  background: #ededed;
  border-radius: 8px;
  color: #ababab;
  display: flex;
}

.dtlsSocialShare{
  position: relative;
  display: inline-block;
}
.dtlsSocialShare .shareMenu {
  position: absolute;
  top: 32px;
  left: 50%;
  transform: translateX(-50%);
  right: 0;
  width: 128px;
  margin: auto;
  gap: 8px;
  background: #fff;
  padding: 5px 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  justify-content: space-between;
  list-style: none;
  display: flex;
}

.dtlsSocialShare .shareMenu img{height: 16px;}
.dtlsSocialShare .shareMenu i{ font-size: 19px;}
.dtlsSocialShare .shareMenu .fa-facebook-f{ color:#1877F2;}
.dtlsSocialShare .shareMenu .fa-twitter{ color:#1DA1F2;}
.dtlsSocialShare .shareMenu .fa-whatsapp{ color:#25d366;}
.dtlsSocialShare .shareMenu .fa-copy{ color:#ffad55;}


.hdRatingbox a {
  display: inline-block;
  font-size: 19px;
  margin-right: 5px;
  line-height: 18px;
  color: #fff;
  text-decoration: none;
  background: #49c5a1;
  border-radius: 6px;
  padding: 10px 6px;
  margin-right: 6px;

}

.hdRatingbox strong {
  font-size: 15px;
  color: #000;
  display: block;
}

.hdRatingbox span {
  font-size: 11px;
  color: #ababab;
  font-weight: normal;
  display: block;
}

.hdGalleryDetls {
  margin-bottom: 40px;
}
.hdGalleryDetls .carousel-cell{}
.hdGalleryDetls .carousel-cell img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Ensures image covers the entire area */
  display: block;
}

.incpack{ width: 100%;}


.hdgallery {}
.hdgallery .ssArrow{
  z-index: 9;
  position: absolute;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  width: 40px;
  height: 40px;
}
.hdgallery .owl-nav button:hover,
.hdgallery .owl-nav button:focus{ background: none!important;}
.hdgallery .owl-nav .owl-prev,
.hdgallery .owl-nav .owl-next{
  top: 20%;
}
.hdgallery .owl-nav .lSlideArrow {
  left: -32px !important;
}
.hdgallery .owl-nav .rSlideArrow {
  right: 4px !important;
}

.hdgallery .hdgBigImg {
  margin-bottom: 12px;
}

.hdgallery .hdgBigImg img {
  max-width: 100%;
  border-radius: 16px;
}

.hdgallery .hdgThumb {
  display: flex;
  gap: 12px;
}

.hdgallery .hdgthumbImg {
  border-radius: 10px;
  overflow: hidden;
}
.hdgallery .hdgthumbImg a{
  display: flex;
  object-fit: cover;
  height: 87px;
}
.hdgallery .hdgThumb img {
  width: 100%;
}

.hdPriceBox {
  margin-left: 20px;
}

.hdPriceBox h3 {
  font-size: 25px;
  color: #000;
  margin: 0;
}

.hdPriceBox .hdgustDetls {
  display: block;
  color: #ababab;
}

.hdPriceBox .hdoldPrice {
  display: block;
  line-height: 10px;
  color: #b09bae;
  text-decoration-line: line-through;
}

.hdPriceBox .hdtlsPrice {
  font-size: 27px;
  color: #4a2069;
  display: block;
  text-align: left;
}

.hdPriceBox .hdRoomDtls {
  display: block;
  font-size: 13px;
  color: #c8238b;
}

.hdPriceBox .hdTaxFee {
  display: block;
  font-size: 11px;
  color: #000;
}

.hdPriceBox .hdButton {
  font-size: 17px;
  font-weight: 500;
  text-decoration: none;
  color: #fff;
  border-radius: 50px;
  background: rgb(200, 35, 139);
  background: linear-gradient(239deg, rgba(200, 35, 139, 1) 0%, rgba(131, 29, 152, 1) 100%);
  padding: 8px 26px;
  text-transform: uppercase;
  margin-top: 6px;
  display: inline-block;
}

.amiBox {
  background: #ffeef9;
  border-radius: 16px;
  padding: 13px 25px 25px 25px;
}

.amiBox h4 {
  font-size: 22px;
}

.amiBox ul {
  list-style: none;
  margin: 0 0 10px 0;
  padding: 0;
}

.amiBox ul li {
  background: url(../public/images/check-icon.png) no-repeat;
  font-size: 14px;
  color: #c9248a;
  padding: 0 0 0 25px;
  margin-bottom: 2px;
  background-size: 15px auto;
  background-position: 0px 2px;
}

.mAmenLink {
  font-size: 13px;
  color: #8f2f91;
  text-decoration: none;
  border: 1px solid #e9bfda;
  border-radius: 25px;
  padding: 4px 14px;
}

.dtalsTab {
  padding-top: 40px;
  margin-bottom: 0px;
}

.dtalsTab h2 {
  padding-top: 20px;
}

.allInfo {}

.allInfoBtns {
 /*21 Sept 2024*/
 font-size: 22px;
 display: flex;
 justify-content: space-between;
 /*end 21 Sept 2024*/

  
  position: sticky;
  top: 0;
  border-radius: 10px;
  padding: 6px 20px;
  /*margin-bottom: 30px;*/
  background: rgb(131, 29, 152);
  background: linear-gradient(239deg, rgba(131, 29, 152, 1) 0%, rgba(200, 35, 139, 1) 100%);
  min-height: 57px;
  z-index: 99;
}

.allInfoBtns a {
 /*21 Sept 2024*/
 font-size: 20px;
 font-weight: 600;
 /*end 21 Sept 2024*/

  line-height: 42px;
  color: #fff;
  text-decoration: none;
  /*19SEPT2024*/
	padding: 8px 20px;
  /*END 19SEPT2024*/
  
  margin: 0 5px;

}

.aminitiesBox {}

.aminitiesBoxInn {
  display: flex;
  justify-content: space-between;
}

.amiLine {}

.amiLine h4 {
  font-size: 18px;
  font-weight: 500;
  color: #4b4646;
}

.amiLine ul {
  list-style: none;
  margin: 0 0 10px 0;
  padding: 0;
}

.amiLine ul li {
  background: url(../public/images/check-icon.png) no-repeat;
  color: #5d5858;
  padding: 0 0 0 25px;
  margin-bottom: 2px;
  background-size: 15px auto;
  background-position: 0px 4px;
}

.locationBox {}

.locationMap img {
  width: 100%;
}

.dprodRating {
  display: flex;
  flex-wrap: wrap;
  gap: 1.8%;
}

.dprodrLine {
  width: 18.5%;
}

.dprodrLine h4 {
  font-size: 14px;
  line-height: 18px;
}

.dprodrLine span {
  float: right;
}

.dprodrLine .progress {
  height: 8px;
  margin-bottom: 10px;
}

.progress-bar {
  background: #b343b5;
}

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

.rtTotal {
  width: 86px;
  background: #b343b5;
  border-radius: 100%;
  height: 86px;
  display: block;
  line-height: 86px;
  color: #fff;
  font-size: 43px;
  font-weight: bold;
  text-align: center
}

.rtNum {
  font-size: 14px;
  color: #ababab;
}

.rtNum strong {
  font-size: 19px;
  color: #b343b5;
  display: block;
}

.dFiterBtns {
  margin-top: 10px;
  margin-bottom: 20px;
}

.dFiterBtns span {
  font-size: 18px;
  font-weight: bold;
  display: inline-block;
  margin-right: 6px;
}

.dFiterBtns .btn {
  color: #5d5858;
  border-color: #b1b1b1;
  margin-right: 5px;
  margin-bottom: 6px;
}

.dFiterBtns a:hover,
.dFiterBtns .active {
  color: #b343b5;
  background: #fff;
  border-color: #dda1c8;
}

.card-horizontal {
  display: flex;
  flex: 1 1 auto;
}

.travRevImgCover {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.travRevImgCover .travRevImg {
  width: 100px;
  height: 100px;
  margin-bottom: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  overflow: hidden;
}

.travRevImgCover .travRevImg img {
  display: block;
  width: 100%;
  height: 100%;
}


.dAllReviewCard .card {
  background: #ededed;
  border: 0;
  margin-bottom: 14px;
  padding: 12px 22px;
}

.revRated {
  display: inline-block;
  background: #b343b5;
  border-radius: 4px;
  color: #fff;
  padding: 3px 10px;
}


.roomsBox {
  margin-top: 50px;
  margin-bottom: 20px;
}

.droomType {
  background: #e5e9ec;
  padding-bottom: 10px;
  margin-bottom: 12px;
}

.dromTypeHd {
  /*21SEPT2024*/
  background: linear-gradient(56deg, rgba(243, 177, 100, 1) 0%, rgba(184, 145, 254, 1) 100%);
  margin-top: 10px;
  margin-left: 10px;

  /*background: #f8f8f8;
  box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
  margin-bottom: 10px;
  border-top: 3px solid #c2228c52;
  */
  /*END 21SEPT2024*/
  padding: 14px 15px 8px 15px;
  
  
  
}

.dromTypeHd h4 {
/*19SEPT2024*/
font-size: 23px;
color:#fff;
/*END 19SEPT2024*/
  
  line-height: 17px;
  padding: 0;
  margin: 0 0 5px 0;
}

.dromTypeHd .dlastBok {
  font-size: 14px;
  /*19SEPT2024*/
  color: #000;
  /*19SEPT2024*/
  display: block;
}

.dromtypeLeft {
  padding: 0 10px 0 10px;
}

.dromHotlImgs {}
.dromHotlImgs h4{font-size: 17px;}

.dromhtThumb {
  display: flex;
  gap: 4px;
  margin-top: 4px;
}

.dromhtThumb img {
  width: 49.4%;
  height: 79px;
}

.arMorPhoto {
  font-size: 14px;
}

ul.dromami {
  
  margin: 0;
  
  /*19SEPT2024*/
  list-style: disc;
	padding: 10px 0 0 17px!important;
  
/*END 19SEPT2024*/
}

ul.dromami li {
  /*21SEPT2024*/
  list-style: disc!important;
  align-items: top;
  margin-bottom: 3px;
  /*END 21SEPT2024*/
  font-size: 14px; 
}

ul.dromami li span {
  padding: 0 0 0 6px;
  display: inline-block;
}

ul.dromami li img {
  width: 17px;
}


.dtbleCover {
  background: #fff;
  margin-bottom: 10px;
  margin-right: 10px;
  gap: 5px;
  box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;
}

.dtbleCover .dtblehdLine.dtblehd {
  padding: 0;
  min-height: 30px;
}


.dtbleRow {
  display: flex;
  justify-content: space-between;
  gap: 5px;
}

.dtbleRow>div {
  text-align: left;
}

.dtbleRow>div:first-child {
  width: 40%;
}
/*21 Sept 2024*/
.dtbleRow>div:nth-child(2) {
  width: 10%;
  background: #fff;
}
/*end 21 Sept 2024*/

.dtbleRow>div:nth-child(3) {
  width: 20%;
}

.dtbleRow>div:nth-child(4) {
  width: 10%;
  text-align: center;
  background: #f6f6f6;
}

 /*21 Sept 2024*/
.dtbleRow>div:last-child {
  width: 20%;
  border-left: 1px solid #eec9e1; 
}
 /*end 21 Sept 2024*/

.dtbleRow>div:last-child .dtblehd {
  text-align: center;
}

.dtInnSpace {
  padding: 15px 0 8px 0;
}

.dtbleRow h4 {
  font-size: 20px;
  line-height: 14px;
  color: #000;
  margin: 0 0 8px 0;
}

.dtbleRow .smallTxt {
  font-size: 13px;
}

.dtbleRow ul {
  margin-top: 2px;
  /*21SEPT2024*/
  list-style: disc;
  padding: 0 0 0 15px;
/*END 21SEPT2024*/
 }

.dtbleRow li {
  font-size: 13px;
/*21SEPT2024*/
color: #489f86;
  /*END 21SEPT2024*/
    
  /*19SEPT2024*/
/*background: url(../public/images/details/check-icon.png) no-repeat;
padding-left: 21px;*/
/*END 19SEPT2024*/
  
  background-position: 0;
  background-size: 14px auto;
}

.dtbleCover .dtblehdLine {
  padding: 5px 10px 5px 10px;
}

.dtbleCover .dtblehdLine .hsalePrice {
  font-size: 20px;
  color: #4a2069;
  display: block;
  text-align: center;
}

.dtbleCover .dtblehdLine .holdPrice {
  display: block;
  text-align: center;
  line-height: 10px;
  color: #b09bae;
  text-decoration-line: line-through;
}

.dtbleCover .dtblehdLine .dtCheapPrice {
  display: block;
  font-size: 10px;
  background: #c1228c;
  color: #fff;
  text-align: center;
  border-radius: 50px;
  margin-bottom: 15px;
}

.dtbleCover .dtblehdLine .hInfo {
  font-size: 13px;
  color: #907793;
  text-align: center;
  line-height: 14px;
  word-break: break-word;
  display: block;
}
.hcancelPolicy{    display: block; text-align: center;
  font-size: 12px;
  padding-top: 5px;
}
.hcancelPolicy > strong{ display: block;}
.hfromDateAmount{ font-weight: bold;}

.droomLeft {
  display: block;
  font-size: 13px;
  text-align: center;
  margin-top: 5px;
  color: #c5238b;
}

.dtImg {
  display: flex;
}

.dtImg img {
  max-width: 34px;
  display: flex;
  justify-content: space-around;
}

.dtbleCover .dtblehdLine input[type=text] {
  width: 40px;
  text-align: center;
}

.hButton {
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  color: #fff;
  border-radius: 50px;
  background: rgb(200, 35, 139);
  background: linear-gradient(239deg, rgba(200, 35, 139, 1) 0%, rgba(131, 29, 152, 1) 100%);
  padding: 7px 12px;
  text-transform: uppercase;
  margin-top: 6px;
  display: block;
}
a.hButton:hover{ color:#fff;}

.hcartButton {
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  color: #424242;
  border-radius: 50px;
  border: 1px solid #ccc;
  padding: 7px 12px;
  text-transform: uppercase;
  margin-top: 6px;
  display: block;
}

.dfixcotent {
  float: right;
}

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

.dfixcontinner .hdtlsPrice {
  font-size: 21px;
  color: #fff;
  display: block;
  text-align: left;
  margin-right: 11px;
}

.dfixcontinner a.hdButton {
  background: #fbbee5;
  color: #831d97;
  line-height: 28px;
  padding: 8px 15px;
  margin: 0 !important;
}


.dpeoallike {
  margin-top: 0;
}

.dtour-slide {
  background: #fff;
  margin: 20px 15px 20px;
  border-radius: 15px;
  padding-top: 1px;
  box-shadow: 0px 14px 22px -9px #bbcbd8;
}

.dtour-slide .post-img {
  position: relative;
  overflow: hidden;
  border-radius: 10px;

}

.dtour-slide .post-img img {
  width: 100%;
  height: auto;
  transform: scale(1, 1);
  transition: transform 0.2s linear;
}

.dtour-slide:hover .post-img img {
  transform: scale(1.1, 1.1);
}

.dtour-slide .over-layer {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  background: linear-gradient(-45deg, rgba(6, 190, 244, 0.75) 0%, rgba(45, 112, 253, 0.6) 100%);
  transition: all 0.50s linear;
}

.dtour-slide:hover .over-layer {
  opacity: 1;
  text-decoration: none;
}

.dtour-slide .over-layer i {
  position: relative;
  top: 45%;
  text-align: center;
  display: block;
  color: #fff;
  font-size: 25px;
}

.dtour-slide .caro-content {
  background: #fff;
  padding: 10px 20px 5px 20px;
  border-radius: 15px;
  margin-bottom: 0;
}

.dtour-slide .dh-title {
  line-height: 20px;
  margin-bottom: 0;
}

.dtour-slide .dh-title a {
  font-size: 15px;
  font-weight: bold;
  color: #333;
  display: inline-block;
  text-decoration: none;
  transition: all 0.3s ease 0s;
}

.dcarocity {
  font-size: 14px;
  margin: 0 0 8px 0;
  line-height: 16px;
}

.dtour-slide .post-date {
  color: #a9a9a9;
  font-size: 14px;
}

.dtour-slide .post-date i {
  font-size: 20px;
  margin-right: 8px;
  color: #CFDACE;
}

.dtour-slide .read-more {
  padding: 7px 20px;
  float: right;
  font-size: 12px;
  background: #2196F3;
  color: #ffffff;
  box-shadow: 0px 10px 20px -10px #1376c5;
  border-radius: 25px;
  text-transform: uppercase;
}

.dtour-slide .read-more:hover {
  background: #3498db;
  text-decoration: none;
  color: #fff;
}

.owl-controls .owl-buttons {
  text-align: center;
  margin-top: 20px;
}

.owl-controls .owl-buttons .owl-prev {
  background: url(../public/images/prev-icon.png) no-repeat #fff;
  position: absolute;
  top: -13%;
  left: 15px;
  padding: 0 18px 0 15px;
  border-radius: 50px;
  box-shadow: 3px 14px 25px -10px #92b4d0;
  transition: background 0.5s ease 0s;
  background-size: 9px auto;
  background-position: center;
}

.owl-controls .owl-buttons .owl-next {
  background: url(../public/images/next-icon.png) no-repeat #fff;
  position: absolute;
  top: -13%;
  right: -5px;
  padding: 0 15px 0 18px;
  border-radius: 50px;
  box-shadow: -3px 14px 25px -10px #92b4d0;
  transition: background 0.5s ease 0s;
  background-size: 9px auto;
  background-position: center;
}

h2.dpalTtitle {
  font-size: 2rem;
  color: #4a2069;
}

.hbenifit {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

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

.dhtypenrating .dhrating {}

.dhtypenrating .dhrating .hdRatingbox {
  background: none;
  align-items: center;
}

.dhtypenrating .dhrating .hdRatingbox a {
  font-size: 14px;
  line-height: 14px;
  padding: 4px 4px;
}

.dhtypenrating .dhrating .hdRatingbox strong span {
  font-size: 13px;
  font-weight: 400;
  color: #4b4646;
}

.dhtypenrating .dhtype {
  font-size: 13px;
  line-height: 14px;
}

.dcaroprice {
  background: #9d1f93;
  border-radius: 20px;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
}

.dcaroprice .hsalePrice {
  font-size: 22px;
  color: #fff;
}

.dcaroprice .hInfo {
  font-size: 13px;
  line-height: 14px;
  color: #fbe9fd;
}

.owl-buttons {
  position: absolute;
  top: 20%;
  left: 0;
  right: 0;
}

.owl-prev {
  width: 35px;
  height: 35px;
  position: absolute;
  top: 40%;
  margin-left: -20px;
  display: block !important;
  border: 0px solid black;
}


.owl-next {
  width: 35px;
  height: 35px;
  position: absolute;
  top: 40%;
  right: -25px;
  display: block !important;
  border: 0px solid black;
}

.owl-prev i,
.owl-next i {
  transform: scale(1, 6);
  color: #ccc;
}

@media (max-width: 1200px) {
  /*19SEPT2024*/
	.allInfoBtns a{padding: 8px 7px;}
  /*END 19SEPT2024*/	
	
  .dtour-slide .caro-content {
    padding: 0px 15px 25px 15px;
  }



  .dtImg img {
    max-width: 22px;
  }

  .dtbleCover .dtblehdLine .dtCheapPrice {
    font-size: 10px;
    padding: 3px 5px;
    line-height: 10px;
  }

  .dtbleCover .dtblehdLine .hInfo {
    font-size: 11px;
    line-height: 12px;
  }

  .dtbleCover .dtblehdLine .holdPrice {
    font-size: 13px;
  }
}

.dmobilehd {
  display: none !important;
}

.dockable {
  display: none !important;
}

.hsclose {
  display: none !important;
}

/*END DETAILS*/

/*DETAILS NEW*/
/*19SEPT2024*/
.seltroomoverly{ display:none;}
.seltroombox{display:none;}
/*END 19SEPT2024*/

.dtbleCover.dtbleCoverNew{margin-bottom: 10px; margin-right: 0; margin-left: 10px;}
.dtbleCover.dtbleCoverNew .dtbleRow{
  /*21 Sept 2024*/
  background: #fff;
  border-bottom: 1px solid #eec9e1;
  /*end 21 Sept 2024*/
}
.dtbleCover.dtbleCoverNew .dromtypeLeft{ padding-left: 0;}
.dtbleCover.dtbleCoverNew .dromHotlImgs{ padding-top: 10px; padding-left: 10px;}

.detlsAdltCount{ display:block;text-align: center; margin-bottom: 18px;
/*21SEPT2024*/
font-size: 15px; 
 font-weight: bold;
  /*END 21SEPT2024*/

}
ul.notIncluded { padding: 5px 0 0 0;}
ul.notIncluded li{ background: none; list-style:circle; padding: 0; margin-left: 16px; color:#424242;}

.dtlsFirstCol{ width: 68% !important;}

.dtbleRowInsitwo:first-child{ border: 0;}
.dtbleRowInsitwo{ display: flex; 
  /*21 Sept 2024*/
  border-top: 1px solid #eec9e1; 
  /*end 21 Sept 2024*/
  /*width: 68%!important; flex: 1;*/
}



.dtbleRowInsitwo .dtbleRowLine:first-child{ width: 64%;}
.dtbleRowInsitwo .addRoomDtlsNew{width: 35%;}
.dtbleRowInsitwo .detlsAdltCount,
.dtbleRowInsitwo .holdPrice,
.dtbleRowInsitwo .hsalePrice{
  text-align: left!important;
}
.dtbleRowInsitwo .addRoomDtls{
  margin-left: 0;
}


.dtlsMore{color: #8f1e95; text-decoration: none;}

.dtbleRow>div.addRoomDtlsNew{width: 22%;}
.addRoomDtls{
  border: 1px solid #901e95;
  border-radius: 100px;
  color: #8f1e95;
  text-decoration: none;
  padding: 5px 8px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  display: block;
  margin: 10px auto auto auto;
  width: 115px;
  text-align: center;
}
.dtbleRow>div:last-child.dtlsLastFexed{
  width: 25%;
}
.dtlsLastFexed{
  margin-right: 10px;
  overflow: hidden;

  position: sticky;
  position: -webkit-sticky;



  align-self: flex-start;
  top: 62px;
  bottom: 0;
  flex: 1;
}
.dtlsLastFexedInn{
  /*21SEPT2024*/
  margin-top: 20px;
  /*END 21SEPT2024*/
 
}

.dtlsBoxsScroll{/*height:300px; */
  padding: 0 2px;
  max-height: calc(100vh - 225px);
  -ms-overflow-style: none; /* for Internet Explorer, Edge */
  scrollbar-width: none; /* for Firefox */
  overflow-y: scroll; 
    
}
.dtlsBoxsScroll::-webkit-scrollbar {
  display: none; /* for Chrome, Safari, and Opera */
}
.addhtls{ position: relative; margin-bottom: 12px; background: #fff; border:1px solid #d3dfe9; border-radius: 20px; padding: 15px; text-align: left; box-shadow: rgb(206 206 206) 0px 3px 8px;}
.addhtls .closeAddhtls{ position: absolute; right: 8px; top: 8px;}
.addhtls .closeAddhtls img{ height: 20px;}
.addhtls h4{ font-size: 18px; line-height: 22px; margin-bottom: 0; padding-right: 15px;}
.addhtls .adultChild{ font-size: 13px; color:#b1a7ad; display: block;}
.addhtls .perNgtPrice{padding-top: 10px;}
.addhtls .perNgtPrice .hsalePrice{ line-height: 15px; display: block;text-align: left;}
.addhtls .perNgtPrice .hInfo{ font-size: 13px; color: #b1a7ad; text-align: left; display: block;}

.dtlsfpri{ padding: 8px 10px 5px 10px; text-align: center;}
.dtlsfpri .hsalePrice{ font-size: 22px; color: #8f1e95;}
.dtlsfpri .dtblehd{ font-size: 14px; min-height: 20px!important;}
.dtlsfpri .dtlsString{ font-size: 14px; display: block; text-align: center;}
.dtlsfpri .dtlspnroom{ color: #a19f9f; font-size: 13px; text-align: center; display: block;}
.textColor{ color: #c1228c;}
.fontSize-12{ font-size: 12px;}
@media (max-width: 1200px) {
  .dtbleRowInsitwo ul.notIncluded li{ padding-left: 0;}
  .dtbleRowInsitwo .dtbleRowLine h4{ font-size: 17px; font-weight: 600; line-height: 16px;}
  .dtbleRowInsitwo .dtbleRowLine li{ background-size: 11px auto; background-position: 0 4px!important;
    padding-left: 16px;
  }
}
@media (max-width: 992px) {
  .hdgalleryRoomMobile{height: auto !important;}
  .dtlsLastFexed{ display: none;}
  ul.notIncluded{ margin-bottom: 5px;}

  .dockLeft .tlsPrice{ text-align: left!important;}
  .dockLeft .taxFee{font-size: 12px!important;}
}

@media (max-width: 769px) {
  .dtbleCoverNew .dtbleRow{display: block;}
  .dtbleRow > div:first-child{ width: 100%!important;}
  .dtlsFirstCol{ width: 100%!important;}

  .dtbleCoverNew .dromHotlImgs{ background: #fff;}
  .dtbleRowInsitwo .dtbleRowLine{ width: 100%!important;}
  .dtbleRowInsitwo .addRoomDtlsNew{ width: 100%!important;}

  .dtbleRow h4{font-size: 15px!important;}
  .addhtls h4{font-size: 15px!important;}

  .detlsAdltCount{font-size: 12px;} 
}
@media (max-width: 565px) {
  .dtlsFirstCol{ width: 100%!important; display: block !important;}
  .dtbleRowInsitwo { width: 100%!important; display: block !important;}
  .dtbleRowInsitwo .addRoomDtlsNew{padding: 5px 10px 16px 10px;}

  .dtbleRowInsitwo .dtCheapPrice{ background: none !important;}

  .dtbleCover .dtblehdLine .dtCheapPrice{ text-align: left!important; padding-left: 0; margin-bottom: 10px;}
}
@media (max-width: 481px) {
  .dtbleRow{ display: block!important;}
  .dtlsFirstCol { width: 100% !important; }
  .dtbleRow>div:last-child.dtlsLastFexed{width: 100% !important;}
}
/*END DETAILS NEW*/


/*REGISTER AND LOGIN*/

.overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  transition: all .5s ease;
}

.overlay.visible {
  opacity: 1;
  visibility: visible;
}

button.loginbtn:focus,
button.loginbtn:active,
button.loginbtn:hover {
  background: transparent !important;
  box-shadow: none;
}

.main-popup {
  position: fixed;
  left: 0;
  top: 40px;
  margin: 0;
  width: 100%;
  height: 490px;
  background-color: #f7f7fc;
  border-radius: 5px;
  z-index: 15;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-20px);
  transition: all .5s ease;
  /*overflow: hidden;*/
}

.lrScroll {}

.main-popup.visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(10px);
  transition: all .5s ease;
}

@media (min-width: 500px) {
  .main-popup {
    width: 500px;
    left: 50%;
    margin: 0 0 0 -250px;
  }
}

.popup-header {
  position: relative;
  padding: 0;
  margin: 0;
  height: 62px;
  width: 100%;
}

#popup-close-button a {
  position: absolute;
  right: 10px;
  top: -30px;
  width: 22px;
  height: 22px;
}

#popup-close-button a::before {
  content: '';
  position: absolute;
  right: 10px;
  top: 0;
  width: 3px;
  height: 25px;
  background-color: #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#popup-close-button a::after {
  content: '';
  position: absolute;
  right: 10px;
  top: 0;
  width: 3px;
  height: 25px;
  background-color: #fff;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.popup-header ul {
  margin: 0;
  padding: 0;
}

.popup-header ul li {
  text-align: center;
  list-style: none;
  width: 50%;
  float: left;
}

.popup-header ul li a {
  display: block;
  padding: 12px 0;
  margin: 0;
  text-decoration: none;
  font-size: 1.2em;
}

#sign-in {
  background-color: #b995d6;
  color: #fff;
  border-radius: 5px 0 0 0;
}

#sign-in.active {
  color: #b995d6;
  background-color: transparent;
}

#register {
  background-color: #b995d6;
  color: #fff;
  border-radius: 0 5px 0 0;
}

#register.active {
  color: #b995d6;
  background-color: transparent;
}

.popup-content {
  width: 100%;
  height: 400px;
  overflow: hidden;
  /*overflow-y: scroll;*/
}

.main-popup form.sign-in {
  position: relative;
  top: 16px;
  left: 0;
  font-size: 1em;
  opacity: 1;
  -webkit-transition: all .35s;
  -moz-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
}

.main-popup form.sign-in.move-left {
  opacity: 0;
  transform: translateX(-450px);
}

.main-popup form label {
  font-size: 1em;
  color: #a84eb1;
  margin-left: 23px;
}

.osiw {
  text-transform: uppercase;
  font-size: 11px;
  margin-top: 5px !important;
}

.main-popup form.sign-in input {
  border-radius: 5px;
  width: 90%;
  height: 40px;
  margin: 5px 5% 12px 5%;
  padding: 10px;
  font-size: 1em;
  color: #8b878e;
  font-weight: 400;
  outline: none;
  border: 1px solid #ceaee8;
}

.frgotPassword {
  border-radius: 5px;
  width: 90%;
  margin: 5px 0 5px 5%;
  padding: 0;
  font-size: 1em;
  color: #8b878e;
  font-weight: 400;
  outline: none;
}

.frgotPassword a {
  color: #747474;
  font-weight: 400;
}

.main-popup input#submit {
  background: linear-gradient(81deg, #c8238b 0%, #ff8f00 24%, #bf31dd 100%)
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  ;
  color: #fff;
  height: 44px;
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;
  margin-top: 20px;
  padding: 0;
  cursor: pointer;
  outline: none;
  border-radius: 5px;
  font-size: 1.3em;
  border: none;
}

.main-popup form.register {
  position: relative;
  top: -270px;
  left: 0;
  font-size: 1em;
  opacity: 0;
  transform: translateX(450px);
  -webkit-transition: all .35s;
  -moz-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
}

.main-popup form.register.move-left {
  opacity: 1;
  transform: translateX(0);
}

.main-popup form.register input {
  border-radius: 5px;
  width: 90%;
  height: 36px;
  margin: 3px 5% 8px 5%;
  padding: 10px;
  font-size: 1em;
  color: #8b878e;
  font-weight: 400;
  outline: none;
  border: 1px solid #ceaee8;
}

.main-popup p.check-mark {
  position: relative;
  left: 50%;
  width: 100%;
  margin: 0 0 0 -270px;
  padding: 0;
  text-align: center;
  color: #ceaee8;
  font-size: .8em;
}

.main-popup p.check-mark a {
  color: #a48bb9;
}

.main-popup p.check-mark input {
  border-radius: 0;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 2em;
  color: #ceaee8;
  outline: none;
  border: none;
}

.main-popup p.check-mark label {
  margin-left: 5px;
}

/*END REGISTER AND LOGIN*/

/*FORGOT PASSWORD*/
.boxWithShadow.frgtPassword {
  padding: 20px !important;
  box-shadow: 0 .125rem .25rem rgb(210 188 206) !important;
  border: 1px solid #f3e0ef;
}

.frgtPassword label {
  font-size: 1em;
  color: #a84eb1;
  margin-left: 0;
}

.frgtPassword input {
  border-radius: 5px;
  width: 100%;
  height: 40px;
  margin: 5px 0 12px 0;
  padding: 10px;
  font-size: 1em;
  color: #8b878e;
  font-weight: 400;
  outline: none;
  border: 1px solid #ceaee8;
}

.fgtTxt {
  font-size: 13px;
  line-height: 16px;
  display: block;
  margin-bottom: 20px;
}

.frgtPassword .fgtBtn {
  background: linear-gradient(81deg, #c8238b 0%, #ff8f00 24%, #bf31dd 100%)
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  ;
  color: #fff;
  height: 50px;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  margin-top: 15px;
  padding: 0;
  cursor: pointer;
  outline: none;
  border-radius: 5px;
  font-size: 1.3em;
  border: none;
}

/*END FORGOT PASSWORD*/

/*CART*/
.redColor{ color: #cb051d;}
.greenColor{ color: #1a9e99;}
.blackColor{ color: #000;}

.bg-warning-pp{ background: #fff3cd;}

.formbx input[type=text],
.formbx input[type=tel],
.formbx input[type=email]{
  padding: 5px 10px;
  min-height: 32px;
  min-height: 45px;
   
    line-height: 15px;
    /*21SEPT2024*/
    height: 54px;
  /*END 21SEPT2024*/
}
.formbx label{ line-height: 32px; padding: 5px 10px;}


.hdWithInclus{ display: flex; justify-content: space-between;}
.inclusion-btn{ font-size: 14px; text-decoration: none; border: 1px solid #0d6efd; padding: 2px 9px; border-radius: 5px;}

.incPopup{}
.incPopup h2.modal__title{font-size: 18px; text-align: left;}
.incPopup li{ text-align: left;}
.progresCover{ min-height: 100px;}
.progresbar{
  display: flex;
      align-items: center;
   /*21SEPT2024*/
   position: relative;
  /*END 21SEPT2024*/
 }
/*21SEPT2024*/
 .progRefund{
  position: absolute;
    bottom: -24px;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    text-align: center;
 }
/*END 21SEPT2024*/

 .progresbar .line{
  width: 120px;
  height: 6px;
  background: #63d19e;
 }

 
 .progresbar .steps{

  display: flex;
  background-color: #63d19e;
  color: #fff;
  font-size: 14px;
  width: 20px;
  height: 20px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: relative;

 }
 .progresbar .progCircle{
  background: #ffffff;
  width: 10px;
  height: 10px;
  border-radius: 100px;
 }
 .progresbar .steps strong{
  font-size: 13px; 
  color: #000;
  padding: 0;
  text-align: center;
  font-weight: normal;
  position: absolute;
  top: 22px;
  width: 80px;
  display: block;
 }
 .progresbar .steps strong span{ display: block; font-size: 13px; color: #a6a6a6;}

.cartSmTitle{}
.cartSmTitle h4{ font-size: 18px; font-weight: bold; line-height: 21px; margin: 0 0 4px 0;}
.cartSmTitle p{ font-size: 14px; margin: 0 0 8px 0;}
.cartSmTitle .hr{ margin-bottom: 8px;}
.grayColor{ color: #929292cc;}
.entirect{ margin-bottom: 10px;}
.entirect h5{ font-size: 17px;}
.entirect li{ font-size: 14px;}
.entirect .smallTxt.grayColor{ color: #c9248a;}
.adguest-btm{
  border: 1px solid #ccc;
  border-radius: 6px;
  text-decoration: none;
  padding: 5px 10px;
  display: inline-block;
}
.adGustlPopup .modal__content{ width: 100%; max-width: 450px;}
.adGustlPopup .modal__content lebel{ text-align: left; display: block;}
.adGustlPopup input[type=checkbox]{ display: inline-block;  width: 16px; height: 16px; margin: 0;}
.adGustlPopup .modelInContent .termLink label{ display: inline-block; width: auto;}

.adGuesTable .table-responsive{ overflow-y: auto; height: 125px;}
.adGuesTable .table-responsive i{ color: #d23674;}
.adGustlPopup .smallTxt{}


.adGuesTable td{ padding: 4px 5px; text-align: left;}
.adGuesTable td:first-child{ width: 40px;}
.adgchk{height: 19px; display: block; margin-top: 2px;}

@media (max-width: 992px){
  /*21SEPT2024*/
  .modal__container{align-items: flex-start; margin-top: 0!important;}
  .show-modal .modal__content{transform: translateY(2%)!important;}
  .modal__content{ padding: 2.5rem 1.4rem 2rem 1.4rem;}
  .modal__close{ top: 0.7rem; right: .8rem;}
  /*END 21SEPT2024*/
}
@media (max-width: 576px){
  .adGustlPopup .modal__content{ margin: auto;}
  .adGustlPopup .modal__close{ top: 12px; right: 8px;}
  .adGustlPopup .modal__close img{height: 23px;}
  .adGustlPopup .smallTxt{ font-size: 13px; line-height: 17px;}

  .adGustlPopup .modal__content{padding: 2rem 2rem 2rem;}
}
@media (max-width: 480px){
  .cart .bkInfoBox .bkInfoBoxText{ margin-left: 0;}
  .cart .cartBinfo div { width: 49%;}
  .cart .cartBinfo div span{font-size:12px; color: #c9248a;}
  .cart .cartBinfo div strong{font-size: 14px;}
  .progresbar .line{    width: 104px;}
  .inclusion-btn{width: 90px; text-align: center; line-height: 13px; padding: 6px 5px;}
  /*21SEPT2024*/

  /*END 21SEPT2024*/
}

@media (max-width: 360px){
  .progresbar .line{    width: 84px;}
}

.comanTopSpace {
  padding-top: 35px;
}

.progressBar {}

.progressbarInn {
  display: table;
  padding: 15px 15px 15px 15px;
  table-layout: fixed;
  counter-reset: step;
  text-align: center;
  margin: 0 auto;
}

.progressbarInn li {
  list-style-type: none;
  display: table-cell;
  /*width: 20%;*/
  width: 244px;
  float: left;
  font-size: 16px;
  position: relative;
  text-align: center;
}

.progressbarInn li:before {
  width: 32px;
  height: 32px;
  color: #212121;
  content: counter(step);
  counter-increment: step;
  line-height: 32px;
  font-size: 18px;
  border: 1px solid #bf31dd;
  display: block;
  text-align: center;
  margin: 0 auto 10px auto;
  border-radius: 50%;
  background-color: #fff;
}

.progressbarInn li:after {
  width: 100%;
  height: 5px;
  content: '';
  position: absolute;
  background-color: #f7e9fa;
  top: 13px;
  left: -50%;
  z-index: -1;
}

.progressbarInn li:first-child:after {
  content: none;
}

.progressbarInn li.step-done {
  color: #bf31dd;
}

.progressbarInn li.step-done:before {
  border-color: #bf31dd;
  background: url(../public/images/check-icon-white.png) no-repeat #bf31dd;
  background-position: center;
  color: #fff;
  content: "";
  font-family: "FontAwesome";
}

.progressbarInn li.step-done+li:after {
  background-color: #bf31dd;
}

.progressbarInn li.step-active {
  color: #bf31dd;
}

.progressbarInn li.step-active:before {
  border-color: #bf31dd;
  color: #bf31dd;
  font-weight: 700;
}


.cartLeft {
  padding: 10px 10px 10px 10px;
  border-radius: .7rem;
  box-shadow: 0 .125rem .25rem rgb(233 233 233) !important;
  border: 1px solid rgb(233 233 233);
}

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

.boxWithShadow {
  border-radius: .7rem;
  border: 1px solid #f3e0ef;
  padding: 10px;
}

.bkInfoBox {
  display: flex;
}

.bkInfoBoxImg {
  /*width: 35%;*/
  width: 28%;
  /*height: 84%;*/
  max-height: 62vw;
  min-height: 185px;
  min-width: 80px;
  overflow: hidden;
}

.bkInfoBoxImg img {
  display: block;
  border-radius: 16px;
  width: 100%;
  height: 100%;
  max-width: 100%;
}

.bkInfoBoxText {
  flex: 1 auto;
  margin-left: 16px;
}

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

.bkInfoBoxText .dhName p {
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 400;
}

.cartRate {
  background: transparent;
  margin-bottom: 5px;
}

.cartRate a {
  height: 22px;
  display: inline-block;
  font-size: 13px;
  margin-right: 5px;
  line-height: 18px;
  color: #fff;
  text-decoration: none;
  background: #49c5a1;
  border-radius: 6px;
  padding: 2px 5px;
}

.cartRate span {
  display: inline-block;
}

ul.cartChkList {
  list-style: none;
  padding-left: 8px;
}

ul.cartChkList li {
  font-size: 13px;
  color: #56ac93;
  background: url(../public/images/details/check-icon.png) no-repeat;
  padding-left: 21px;
  background-position: 0;
  background-size: 14px auto;
}

.cartBinfo {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
 
  background: #f8f1ff;
  border-radius: 10px;
  padding: 5px 10px;
  gap: 5px;
}

.cartBinfo div {
  text-align: center;
}

.cartBinfo div span {
  font-size: 12px;
  color: #c9248a;
  display: block;
  /*19SEPT2024*/
	font-weight: 600;
  /*END 19SEPT2024*/
}

.cartBinfo div strong {
  font-size: 15px;
  font-family: Arial, Helvetica, sans-serif;
}


.formbx {}

.formbx label {
  font-size: 1em;
  color: #6a636a;
  margin-bottom: 3px;
}

.formbx input {
  border-radius: 5px;
  width: 100%;
  height: 40px;
  margin: 0 0 10px 0;
  padding: 10px;
  font-size: 1em;
  color: #8b878e;
  font-weight: 400;
  outline: none;
  border: 1px solid #dce0e2;
}

.formbx p.check-mark input {
  border-radius: 0;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 2em;
  color: #ceaee8;
  outline: none;
  border: none;
}

.formbx p.check-mark label {
  margin-left: 5px;
}

.cartInfobox ul {
  padding-left: 18px;
}

.cartInfobox li {
  font-size: 13px;
  margin-bottom: 8px;
}

.termLink {}

.formbx p.check-mark {
  position: relative;
  padding-left: 18px;
}

.formbx p.check-mark input[type=checkbox] {
  position: absolute;
  top: 5px;
  left: 0;
}

.formbx p.check-mark label {}

.cartRight {}

.cartRightBox {
  padding: 22px 0 0 0;
  border-radius: 20px;
  /*border-radius: .7rem;*/
  box-shadow: 0 .125rem .25rem rgb(233 233 233) !important;
  border: 1px solid rgb(233 233 233);
  /*19SEPT2024*/
  overflow: hidden;
  /*END 19SEPT2024*/
  
}

.cartRightBox h3 {
  font-size: 20px;
  margin-bottom: 12px;
  padding: 0;
}

.cartPaymentInfo {
  padding: 0;
  overflow: hidden;
}

.cartPaymentInfo h3 {
  padding: 0 16px;
}

.cartPaymentInfo ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.cartPaymentInfo li {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  padding: 8px 16px 9px 16px;
  border-bottom: 1px solid #dce0e2;
  align-items: center;
}

.cartPaymentInfo li .cttitle {
  line-height: 15px;
  text-align: left;
}

.cartPaymentInfo li .cttitle span {
  display: block;
  line-height: 15px;
  color: #aba4a4;
  font-size: 12px;
}

.cartPaymentInfo li.cartDiscount {
  color: #c5238b;
}

.cartPaymentInfo li:last-child {

  
  border-bottom: 0;
  display: flex;
  padding: 12px 16px;
  align-items: center;
  margin: 0;

}

.cartRightBoxInn {
  padding: 0 16px 16px 16px;
}

.cartFacility {
  padding: 20px 0 0 0;
}

.cartFacility ul {
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}

.cartFacility ul li {
  width: 33%;
  padding: 0 0 0 20px;
  margin-bottom: 10px;
  font-size: 13px;
  color: #56ac93;
  background: url(../public/images/details/check-icon.png) no-repeat;
  background-position: 0;
  background-size: 14px auto;
}

/*19SEPT2024*/
.grediant-multi-btn{    background: linear-gradient(81deg, #c8238b 0%, #ff8f00 24%, #bf31dd 100%) !important;}
/*END 19SEPT2024*/
.continuePay {
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
  display: block;
  text-align: center;
  font-size: 1.3rem;
  font-weight: 600;
  color: #fff;
  padding: 0 4rem;
  height: 42px;
  line-height: 42px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  text-decoration: none;
  background: linear-gradient(45deg, #831d98 0%, #c8238b 100%);
}

:root {
  --card-line-height: 1.2em;
  --card-padding: 1em;
  --card-radius: 0.5em;
  --color-green: #558309;
  --color-gray: #e2ebf6;
  --color-dark-gray: #c4d1e1;
  --radio-border-width: 2px;
  --radio-size: 1.5em;
}

.couponCard {
  background-color: #fff;
  border-radius: var(--card-radius);
  position: relative;
  width: 100%;
  margin-bottom: 10px;
}

.couponCard:hover {
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15);
}

.radio {
  font-size: inherit;
  margin: 0;
  position: absolute;
  right: calc(var(--card-padding) + var(--radio-border-width));
  top: calc(var(--card-padding) + var(--radio-border-width));
}

@supports (-webkit-appearance: none) or (-moz-appearance: none) {
  .radio {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff;
    border: var(--radio-border-width) solid var(--color-gray);
    border-radius: 50%;
    cursor: pointer;
    height: var(--radio-size);
    outline: none;
    transition: background 0.2s ease-out, border-color 0.2s ease-out;
    width: var(--radio-size);
  }

  .radio::after {
    border: var(--radio-border-width) solid #fff;
    border-top: 0;
    border-left: 0;
    content: '';
    display: block;
    height: 0.75rem;
    left: 25%;
    position: absolute;
    top: 50%;
    transform: rotate(45deg) translate(-50%, -50%);
    width: 0.375rem;
  }

  .radio:checked {
    background: var(--color-green);
    border-color: var(--color-green);
  }

  .couponCard:hover .radio {
    border-color: var(--color-dark-gray);
  }

  .couponCard:hover .radio:checked {
    border-color: var(--color-green);
  }
}

.plan-details {
  border: 1px dashed #c7d2df;
  border-radius: var(--card-radius);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  padding: var(--card-padding);
  transition: border-color 0.2s ease-out;
}

.couponCard:hover .plan-details {
  border-color: var(--color-dark-gray);
}

.radio:checked~.plan-details {
  border-color: var(--color-green);
}

.radio:focus~.plan-details {
  box-shadow: 0 0 0 2px var(--color-dark-gray);
}

.radio:disabled~.plan-details {
  color: var(--color-dark-gray);
  cursor: default;
}

.radio:disabled~.plan-details .plan-type {
  color: var(--color-dark-gray);
}

.couponCard:hover .radio:disabled~.plan-details {
  border-color: var(--color-gray);
  box-shadow: none;
}

.couponCard:hover .radio:disabled {
  border-color: var(--color-gray);
}

.plan-type {
  color: #c5238b;
  color: #c5238b;
  font-weight: bold;
  line-height: 1em;
  margin-right: 20px;
}

.plan-cost {
  font-size: 16px;
  font-weight: bold;
  padding: 0.5rem 0;
}

.slash {
  font-weight: normal;
}

.plan-cycle {
  font-size: 2rem;
  font-variant: none;
  border-bottom: none;
  cursor: inherit;
  text-decoration: none;
}

.hidden-visually {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.offCoupon {
  font-size: 16px;
  padding-right: 35px;
}
.removeCoupon{
  background: #d55353;
  padding: 8px;
  border-radius: 50px;
  color: #fff;
  font-size: 12px;
  width: 24px;
  height: 24px;
  line-height: 9px;
  text-align: center;
}

.plan-details p {
  font-size: 13px;
  font-weight: 400;
  padding-top: 10px;
  margin: 0;
}

.cpCode {
  display: flex;
  justify-content: space-between;
}

.cpCode input {
  flex: 1 auto;
  margin-right: 5px;
  border: 1px solid #dce0e2;
  border-radius: 5px;
  padding: 4px 10px;
}

.cpCode button {
  background: #424242;
  border: 0;
  color: #fff;
}

/*END CART*/

/*THANKS*/
.paySucss {
  text-align: center;
}

.paySucss .fa-check {
  background: #4caf50;
  height: 70px;
  width: 70px;
  line-height: 70px;
  border-radius: 50%;
  margin-bottom: 20px;
}

.paySucss .fa-check:before {
  font-size: 40px;
  color: #FFF;
}

.paySucss p {
  text-align: center;
}

.thDtl {
  padding: 0 10px;
}

.thDtl ul {
  padding: 0 !important;
}

.thDtl li {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  padding: 8px 16px 9px 16px;
  border-bottom: 1px solid #dce0e2;
  align-items: center;
}

.sumrybid {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  color: #000;
  margin-bottom: 20px;
  font-weight: 500;
  padding-bottom: 8px;
  border-bottom: 1px solid #dce0e2;
}

.sumrybid .gray {
  font-weight: 400;
  margin-right: 6px;
}

.thtotalamt {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  padding: 8px 16px 9px 16px;
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
  background: #f7f7f7;
  border-radius: .6rem;

}

.thtotalamt .thhd {
  font-size: 17px;
}

.thtotalamt .thttl {
  font-size: 17px;
  font-weight: 600;
  color: #c5238b;
}

.thmanageTrip li .fas {
  margin-right: 12px;
  color: #c5238b;
}

.thmanageTrip li a {
  font-size: 14px;
  color: #5d5858;
  text-decoration: none;
}

.thmanageTrip li:last-child {
  background: transparent;
  font-weight: normal;
  text-align: right;
}

.gtmtBtn {
  text-align: center;
  font-size: 1.2rem;
  font-weight: 600;
  border-radius: 40px;
  text-decoration: none;
  background: linear-gradient(45deg, #831d98 0%, #c8238b 100%);
  border: 0;
}

.bookingSucessPage .bkInfoBoxImg {
  width: 28%;
  max-width: 130px;
  max-height: 32vw;
  min-height: 115px;
  min-width: 80px;
}

.bkInfoBoxImg img {
  display: block;
  border-radius: 16px;
  width: 100%;
  height: 100%;
  max-width: 100%;
}

.thfulDetls {
  margin-top: 15px;
  background: #f6f6f6;
  border-radius: .7rem;
  padding: 10px;
}

.thfulDetls h6 {
  background: #ffffff;
  border-radius: .6rem;
  color: #1c1c1c;
  padding: 6px;
  border: 1px solid #ccc;
}

.thfulDetls i {
  /*21SEPT2024*/
  /*font-weight: bold;
  font-size: 21px;
  color: #c5238b;
  font-style: normal;*/
  /*END 21SEPT2024*/
}

.black {
  color: #000 !important;
}

.thdetails {
  padding: 15px 0 0 0;
}

.thdetails ul {
  list-style: none;
  padding: 0;
}

.thdetails li {
  padding: 12px 16px 11px 16px;
  border-bottom: 1px solid #dce0e2;
  border-radius: 4px;
}

.thdetails li:nth-child(odd) {
  background: #ececec;
}

.thdetails li:nth-child(even) {
  background: #f5f5f5;
}

.thdetails li .piInclude {
  display: block;
  padding: 5px 0 0 0;
}

.thdetails h2 {
  font-size: 17px;
  line-height: 16px;
  margin: 0 0 5px 0;
}

.thdetails .smallTxt {
  font-size: 14px;
}

.gray {
  color: #9d9a9a;
}

.thTlPrice {
  font-size: 20px;
}

.thtpHd {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  color: #000;
}

.cartInfobox h2 {
  font-size: 17px;
  line-height: 16px;
  margin: 0 0 10px 0;
}

.cartInfobox h4 {
  font-size: 17px;
  line-height: 16px;
  margin: 0 0 8px 0;
}

/*END THANKS*/




/*MY ACCOUNT MY TRIPS DETAILS*/
.matdHdrs{ background: linear-gradient(109.6deg, rgb(245, 239, 249) 30.1%, rgb(207, 211, 236) 100.2%);
   margin-bottom: 25px; border-radius: .7rem; padding: 20px; box-shadow: 0 0 1px 0 rgba(24, 94, 224, 0.15), 0 6px 12px 0 rgba(24, 94, 224, 0.15);
   border: 1px solid #e2e3ee;
  }
.matdHdrs .bkdinfo{ display: flex; flex-wrap: wrap;}
.text-green{ color:#3ea69c!important; }
.text-red{ color:#d55353!important; }
.text-orange{ color:#ea9902!important;}
.text-white{ color:#fff!important;}

.light-orange-background{ background: #fff8d9;}

.bkdid{ font-size: 14px; font-weight: 400; color:#000; margin-right: 20px;}
.bkdid strong{ font-size: 16px;}
.hotelContact{ font-size: 14px;}

.tracking-content.trackingRed{ background: #ffe1e3!important;}
.trackingGreen{ background: #c1f1dd!important;}

.trackingOrange,
.tracking-item .tracking-icon.status-intransit.trackingOrange{ background: #fedb9b!important;}
.trackingRed,
.tracking-item .tracking-icon.status-intransit.trackingRed { background: #d55353!important;}


.trackingGreenBg,
.tracking-item .tracking-icon.status-intransit.trackingGreenBg{background: #3ea69c!important;}

.trackingOrangeBg,
.tracking-item .tracking-icon.status-intransit.trackingOrangeBg{background: #f48130!important;}


.maccdbox .mcctBtn{font-size: 16px; background: #e2727e;
  border-radius: 0;
  max-width: 100%;
  font-size: 15px;
  text-decoration: none;
  font-weight: 600;
  border-radius: 10px;
  border: 0;
}

.col-md-8.col-md-8-half{ width: 69.66666667%;}
.col-md-4.col-md-4-half{ width: 30.33333333%;}
.rtype{}
.rtype .rtypeInn{ font-size: 14px;}
.text-small{ font-size: 14px;}
.mr-2{ margin-right: 6px;}

.ttRow{
  margin: 15px 0 0 0;
  border-top: .5px dashed #ccc;
  padding-top: 12px;
  display: flex;
  justify-content: start;
  align-items: center;
}
.ttRow .ttRowInn{ display: flex; justify-content: space-around; align-items: center; font-size: 15px; margin-right: 14px;}
.ttRow .ttRowInn i{
  width: 27px;
  height: 27px;
  line-height: 27px;
  text-align: center;
  background: linear-gradient(162deg, #ffaf74 0%, #f37e2c 100%);
  border-radius: 5px;
  margin-right: 8px;
}
.ttRow .ttRowInn i:before{ color: #fff;}

.maccBkDetails{ display: flex; gap:20px; position: relative; padding-right: 26px;}
.maccBkDetails .btn{ color:#5d5858; border-color:#5d5858; position: absolute; right: 0; top: 0;
  width: 30px;
  height: 30px;
  line-height: 18px;
  padding: 0;
}
.maccBkDetails .btn a{ color:#5d5858;}
.maccBkDetails .btn:hover,
.maccBkDetls .btn:active{ background: #000; border-color:#000; color:#fff;}
.maccBkDetls{ padding: 10px 5px;}
.maccBkDetls .maccbd{ display: block; font-size: 13px; margin-bottom: 4px; text-transform: uppercase;}
.maccBkDetls .maccbdSmall{display: block; font-size: 13px;}
.maccBkDetls .maccbdBold{ color: #f48130;}
.maccBkDetls .maccbdBold i{font-style:normal;}
.maccBkDetls .htlRom img{ width:200px;}
.maccdImg{width: 24px;}
.linkFormat{ font-size: 13px; text-decoration: none;}

.maccSteps{}
.maccSteps .tracking-content {
  padding: 0.5rem 0.8rem;
  background-color: #f4f4f4;
  border-radius: 0.5rem;
}
.maccSteps .tracking-content {
 /* padding: 0;
  background-color: transparent;*/
}

.tracking-detail {
  padding: 3rem 0;
}
#tracking {
  margin-bottom: 1rem;
}
[class*="tracking-status-"] p {
  margin: 0;
  font-size: 1.1rem;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
}
[class*="tracking-status-"] {
  padding: 1.6rem 0;
}
.tracking-list {
  /*border: 1px solid #e5e5e5;*/
}
.tracking-item {
  border-left: 4px solid #e8e8e8;
  position: relative;
  padding: 2rem 1.5rem 0.5rem 2.5rem;
  font-size: 0.9rem;
  margin-left: 1rem;
  min-height: 5rem;
}
.tracking-item:last-child {
  padding-bottom: 4rem;
}
.tracking-item .tracking-date {
  margin-bottom: 0.5rem;
}
.tracking-item .tracking-date span {
  color: #888;
  font-size: 85%;
  padding-left: 0.4rem;
}

.tracking-item .tracking-content span {
  display: block;
  color: #767676;
  font-size: 13px;
}
.tracking-item .tracking-icon {
  position: absolute;
  left: -0.7rem;
  width: 1.1rem;
  height: 1.1rem;
  text-align: center;
  border-radius: 50%;
  font-size: 1.1rem;
  background-color: #fff;
  color: #fff;
}

.tracking-item-pending {
  border-left: 4px solid #d6d6d6;
  position: relative;
  padding: 2rem 1.5rem 0.5rem 2.5rem;
  font-size: 0.9rem;
  margin-left: 3rem;
  min-height: 5rem;
}
.tracking-item-pending:last-child {
  padding-bottom: 4rem;
}
.tracking-item-pending .tracking-date {
  margin-bottom: 0.5rem;
}
.tracking-item-pending .tracking-date span {
  color: #888;
  font-size: 85%;
  padding-left: 0.4rem;
}
.tracking-item-pending .tracking-content {
  padding: 0.5rem 0.8rem;
  background-color: #f4f4f4;
  border-radius: 0.5rem;
}
.tracking-item-pending .tracking-content span {
  display: block;
  color: #767676;
  font-size: 13px;
}
.tracking-item-pending .tracking-icon {
  line-height: 2.6rem;
  position: absolute;
  left: -0.7rem;
  width: 1.1rem;
  height: 1.1rem;
  text-align: center;
  border-radius: 50%;
  font-size: 1.1rem;
  color: #d6d6d6;
}
.tracking-item-pending .tracking-content {
  font-weight: 600;
  font-size: 17px;
}

.tracking-item .tracking-icon.status-current {
  width: 1.9rem;
  height: 1.9rem;
  left: -1.1rem;
}
.tracking-item .tracking-icon.status-intransit {
  color: #00ba0d;
  font-size: 0.6rem;
}
.tracking-item .tracking-icon.status-current {
  color: #00ba0d;
  font-size: 0.6rem;
}
@media (min-width: 992px) {
  .tracking-item {
    margin-left: 2rem;
  }
  .tracking-item .tracking-date {
    position: absolute;
    left: -10rem;
    width: 7.5rem;
    text-align: right;
  }
  .tracking-item .tracking-date span {
    display: block;
  }
  
  .tracking-item-pending {
    margin-left: 2rem;
  }
  .tracking-item-pending .tracking-date {
    position: absolute;
    left: -10rem;
    width: 7.5rem;
    text-align: right;
  }
  .tracking-item-pending .tracking-date span {
    display: block;
  }
  .tracking-item-pending .tracking-content {
    padding: 0;
    background-color: transparent;
  }
}

.tracking-item .tracking-content {
  font-weight: 600;
  font-size: 17px;
  display: flex;
  justify-content: space-around;
}

.blinker {
  border: 7px solid #e9f8ea;
  animation: blink 1s;
  animation-iteration-count: infinite;
}
@keyframes blink { 50% { border-color:#fff ; }  }

.macAmi ul{ display: flex; flex-wrap: wrap; gap: 2%;}
.macAmi ul li{ width: 31.3%; font-size: 14px;}

.macGustPhoto{ display: flex; flex-wrap: wrap; gap: 10px; margin-top: 15px;}
.macGustPhoto .mgPhoto{ width: 23.9%;}
.macGustPhoto .mgPhoto img{ width: 100%; display: block;}

.macMorePhoto{ flex-wrap: wrap; font-size: 14px; background: linear-gradient(162deg, #ffaf74 0%, #f37e2c 100%); height: 100%; display: flex; justify-content: center; align-items: center; color:#fff;}
.macMorePhoto strong{ font-weight: 600; display: block; margin-right: 4px;}
/*MY ACCOUNT MY TRIPS DETAILS*/


/*MY ACCOUNT MY TRIPS CANCELLED*/
.lightOrangeBg{ 
  background: #f4e192;
  font-size: 11px;
  font-weight: 400;
  color: #735704;
}
.cancelledTxt{ font-weight: bold; color:#cf910a;}

.trkTrip{ border-top: 1px dotted #ccc;}
.hh-grayBox {
	background-color: #F8F8F8;
	margin-bottom: 20px;
	padding: 35px 0;
  margin-top: 20px;
}
.pt45{padding-top:45px;}
.order-tracking{
	text-align: center;
	width: 33.33%;
	position: relative;
	display: block;
}
.order-tracking .is-complete{
	display: block;
	position: relative;
	border-radius: 50%;
	height: 30px;
	width: 30px;
	border: 0px solid #eceae4;
	background-color: #eceae4;
	margin: 0 auto;
	transition: background 0.25s linear;
	-webkit-transition: background 0.25s linear;
	z-index: 2;
}
.order-tracking .not-complete:before {
	display: block;
    position: absolute;
    content: '';
    height: 17px;
    width: 7px;
    top: 5px;
    bottom: 0;
    left: 9px;
    margin: auto 0;
    border: 0px solid #000;
    border-width: 0 2px 0 0;
    transform: rotate(315deg);
    opacity: 1;
}
.order-tracking .is-complete:after {
	display: block;
    position: absolute;
    content: '';
    height: 17px;
    width: 7px;
    top: -2px;
    bottom: 0;
    left: 9px;
    margin: auto 0;
    border: 0px solid #000;
    border-width: 0 2px 0 0;
    transform: rotate(45deg);
    opacity: 1;
}
.order-tracking.completed .is-complete{
	border-color: #ffc107;
	border-width: 0px;
	background-color: #ffc107;
}
.order-tracking.completed .is-complete:after {
	border-color: #fff;
	border-width: 0px 3px 3px 0;
	width: 7px;
	left: 11px;
	opacity: 1;
}
.order-tracking p {
	color: #A4A4A4;
	font-size: 16px;
	margin-top: 8px;
	margin-bottom: 0;
	line-height: 20px;
}
.order-tracking p span{font-size: 14px;}
.order-tracking p{color: #000; text-align: center;}
.order-tracking::before {
	content: '';
	display: block;
	height: 3px;
	width: calc(100% - 40px);
	background-color: #eceae4;
	top: 13px;
	position: absolute;
	left: calc(-50% + 20px);
	z-index: 0;
}
.order-tracking:first-child:before{display: none;}
.order-tracking.completed:before{background-color: #27aa80;}

/*END MY ACCOUNT MY TRIPS CANCELLED*/

/*MY PROFILE*/
.myproPage{}
.myaccSidebar{
  border-radius: .7rem;
  box-shadow: 0 .125rem .25rem rgb(210 188 206) !important;
  border: 1px solid #f3e0ef;
  margin-bottom: 20px;
  overflow: hidden;
}
.myaccSidebar .user-heading{
    color: #fff;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    padding: 30px 30px 24px 30px;
    text-align: center;
    background: linear-gradient(146deg, #e957b3 0%, #ff8f00 24%, #bf31dd 100%) /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */;
}
.myaccSidebar .userImg {
  position: relative;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  border: 6px solid rgba(255, 255, 255, 0.3);
  display: inline-block;
  background: #fff;
  color:#f37e2c;
  width: 112px;
  height: 112px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  margin-bottom: 10px;
  
}
.myaccSidebar .user-heading .userImg  img{
   font-size: 50px; line-height: 20px;
   width: 100%;
   height: 100%;
   border-radius: 100px;
}
.uploadPic{
  position: absolute;
  background: linear-gradient(146deg, #c8238b 0%, #ff8f00 24%, #bf31dd 100%) /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */;
  right: -11px;
  bottom: 0;
  z-index: 99999999;
  padding: 8px;
  border-radius: 100px;
  box-shadow: 0px 0 8px 0px #ffddb6;
}
.uploadPic img{
  width: 21px!important;
  height: auto;
  border-radius: 0!important;
  display: block;
}

.myaccSidebar h2 {
  font-size: 22px;
  font-weight: 500;
  color:#fff;
  margin-bottom: 5px;
}
.myaccSidebar .user-heading p {
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  color: #fff;
} 
.myaccSidebar ul{
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.myaccSidebar ul > li {
  border-bottom: 1px solid #ebeae6;
  margin-top: 0;
  line-height: 30px;
  float: none;
}
.myaccSidebar ul > li > a:hover, 
.myaccSidebar ul > li > a:focus, 
.myaccSidebar ul li.active a {
  background: #f8f7f5 !important;
  border-left: 5px solid #f48131;
  color: #89817f !important;
}
.myaccSidebar ul > li > a {
  border-radius: 0;
  -webkit-border-radius: 0;
  color: #89817f;
  border-left: 5px solid #fff;
  position: relative;
  display: block;
  padding: 10px 15px;
  text-decoration: none;
}

.myaccBox{
  padding: 15px 18px 15px 18px;
  border-radius: .7rem;
  box-shadow: 0 .125rem .25rem rgb(210 188 206) !important;
  border: 1px solid #f3e0ef;
}
.myaccHd{ position: relative; min-height: 46px;}
.myaccHd h2{font-size: 22px;}
.myaccHd p{ text-align: left;}
.editbtnhd{
  background: #f2efef;
  padding: 7px 18px;
  border-radius: .7rem;
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  right: 0px;
  height: 37px;
  font-size: 15px;
  color: #c5238b;
  text-decoration: none;
  line-height: 25px;
}
.editbtn{
  font-size: 15px;
  color: #c5238b;
  text-decoration: none;
}
.hr {
  border-bottom: 1px solid #e3e3e3;
}

.profileInfo{}
.profileInfo table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

.profileInfo table caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

.profileInfo table tr {
  border: 1px solid #ddd;
  padding: .35em;
}

.profileInfo table th,
.profileInfo table td {
  padding: .625em;
  text-align: left;
}
.profileInfo table th:first-child, .profileInfo table td:first-child{
  width: 200px;
  font-size: 13px;
  text-transform: uppercase;
}
.profileInfo table th:last-child, .profileInfo table td:last-child{
  font-size: 16px;
  color:#000;
}

.profileInfo table th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.profileInfo .editbtn{ font-weight:600; color: #1B5EA0;}

.coTraveller ul{ list-style: none; padding: 0; border-top: 1px solid #ccc; }
.coTraveller ul li{ 
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ccc;
  padding: 6px 0;
  justify-content: space-between;
}
.coTraveller ul li .coDetails{ display: flex; flex: 1; align-items: center; justify-content: space-between;}
.coTraveller ul li .coName{ padding: 0; font-weight: 600; width: 35px; height: 35px; line-height: 35px; text-align: center; background: #ccc; border-radius: 100px; margin-right: 10px;
  background: linear-gradient(270deg, #FAD06A 0%, #F69C00 38.1%) ; color: #FFF;
}
.coTraveller ul li .coDetails .coComan{ margin-right: 30px; display: block;}
.coTraveller ul li .coDetails .coComan:last-child{ margin-right: 0; cursor: pointer;}

.color-blue{ color: #1b5ea0 !important;;}

.addTravellerInfo{
  padding-right: 5px;
  /*height: 410px;
overflow-y: auto;
overflow-x: hidden;
scrollbar-width: thin;*/
}
.addTravellersBtn{ display: flex; gap: 10px; justify-content: space-between; border-bottom: 1px solid #ccc;
 padding-top: 5px;
 padding-bottom: 5px;
}
.addTravellersBtn a{ font-weight: 600; text-decoration: none; color:#444;}
.addTravellersBtn a.active{ color:#EE9A1E;}
.travellerinfo{ padding-top: 15px; border-bottom:2px solid #e5e1e1; padding-bottom: 25px; margin-bottom: 10px;

}
.travellerinfo h3{
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
  color: #000000;
  margin-bottom: 4px;
}
.travellerinfo p{ font-size: 14px;}
.addTravellersBtnSticky{
  position: sticky;
  top: 0;
  z-index: 5;
  background: #fff;
  border-radius: 10px 10px 0 0;
}

.co-travel-btn-popup{ position: absolute; left:0; bottom: 0;
  background: #fff;
  width: 100%;
  padding: 0px 51px 0px 31px;
}

@media screen and (max-width: 600px) {
  .profileInfo table {
    border: 0;
  }

  .profileInfo table caption {
    font-size: 1.3em;
  }
  
  .profileInfo table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  .profileInfo table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
  .profileInfo table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
  }
  
  .profileInfo table td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  .profileInfo table td:last-child {
    border-bottom: 0;
  }
}

/*END MY PROFILE*/

/*MY PROFILE EDIT*/
.editProfile{}
.editProfile label {
  font-size: 1em;
  color: #a84eb1;
  margin-left: 0;
}
.editProfile input {
  border-radius: 5px;
  width: 100%;
  height: 40px;
  margin: 5px 0 12px 0;
  padding: 10px;
  font-size: 1em;
  color: #8b878e;
  font-weight: 400;
  outline: none;
  border: 1px solid #ceaee8;
}
.proUpdateBtn,
input.proUpdateBtn{
  background: linear-gradient(81deg, #c8238b 0%, #ff8f00 24%, #bf31dd 100%) /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */;
    color: #fff!important;
    height: 50px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    padding: 0;
    cursor: pointer;
    outline: none;
    border-radius: 5px;
    font-size: 1.3em;
    border: 0;
    max-width: 300px;
    display: block;

}
/*MY PROFILE EDIT*/

/*LOGIN DETAILS AND CHANGE PASSWORD POPUP*/
.logdetlPopup{height: 100vh;}
.modelInContent label {
  font-size: 1em;
  color: #a84eb1;
  margin-left: 0;
  text-align: left;
  display: block;
}
.modelInContent input {
  border-radius: 5px;
  width: 100%;
  height: 40px;
  margin: 5px 0 12px 0;
  padding: 10px;
  font-size: 1em;
  color: #8b878e;
  font-weight: 400;
  outline: none;
  border: 1px solid #ceaee8;
}
.modelInContent input.proUpdateBtn{
  max-width: 100%;
  border: 0;
  font-size: 18px;
  line-height: 26px;
  height: 45px;
}

.modal{
  height: 100vh;
  display: grid;
  place-items: center;
  max-width: 100%;
}

.modal__button{
  display: inline-block;
  background: linear-gradient(81deg, #c8238b 0%, #ff8f00 24%, #bf31dd 100%) /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */;
  color: #FFF;
  padding: 1rem 1.25rem;
  border-radius: .5rem;
  transition: .3s;
}

.modal__button:hover{
  background-color: #CCC;
}

.modal__container{
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgb(23 22 23 / 76%);
  width: 100%;
  height: 100%;
  display: grid;
  align-items: flex-end;
  overflow: hidden;
  transition: all .3s;
  z-index: 99;
  visibility: hidden;
  opacity: 0;
}

.modal__content{
  position: relative;
  background-color: #FFF;
  text-align: center;
  padding: 3rem 2rem 2rem;
  border-radius: 1rem;
  transition: all .3s;

  transform: translateY(10%);
}


.modal__close{
  display: inline-flex;
  background-color: #fff;
  border-radius: .25rem;
  color: #FFF;
  font-size: 1.5rem;
  position: absolute;
  top: 1.5rem;
  right: 2rem;
  cursor: pointer;
  width: 30px;
  height: 30px;
  text-align: center;
}

.modal__title{
  font-size: 22PX;
  color: #000;
  font-weight: 600;
}

.modal__description{
  margin-bottom: 1.5rem;
}

.modal__button-width{
  width: 90%;
}

.modal__button-link{
  display: block;
  margin: 1rem auto 0;
  background-color: transparent;
  color: #CCC;
  font-weight: 500;
}

/* Show modal */
.show-modal{
  visibility: visible;
  opacity: 1;
}

.show-modal .modal__content{
  transform: translateY(0);
}


@media screen and (min-width: 576px){
  .modal__content{
    margin: auto;
    min-width: 380px;
    border-radius: 1.25rem;
  }

}
/*END LOGIN DETAILS POPUP*/

/*ADD GUEST*/
.matdBox{ margin-bottom: 18px;}
.matdInn{ display: flex; align-items: center; padding: 0;}
.matdIcon img{ width: 40px;}

.matdBox .bkInfoBoxText h1{ font-size: 22px; font-weight: 600; margin:0;}
.matdBox .bkInfoBoxText h2{ font-size: 15px; font-weight: 500;}
.matdBox .bkInfoBoxText .hdStrRate img { width: 12px;}
.matdrg{}

.nav-tabs.wizard {
  padding: 0;
  width: 100%;
  margin: 0;
  border-bottom: none;
  overflow: hidden;
  background-color: #f2f2f2;
  border-radius: .50em;
  margin-bottom: 20px;
  display: flex;
}

.nav-tabs.wizard li {
  width: 100%;
  float: none;
  margin-bottom: 3px;
}
.nav-tabs.wizard li {
  position: relative;
  padding: 0;
  margin: 0;
  width: 33.3%;
  text-align: center;


  display: flex;
  align-items: center;
  flex: 0 auto;
}
.nav-tabs.wizard li a{
  position: relative;
  padding:6px 14px;
  color: #424242;
  display: block;
  text-decoration: none;
  
  display: flex;
  align-items: center;
  flex: 0 auto;
  width: 100%;
  height: 100%;
  line-height: 18px;
}
.nav-tabs.wizard li a.active .nmbr{width: 28px;}

.nav-tabs.wizard a.active,
.nav-tabs.wizard a:hover{
  color: #fff;
  background-color: #f37e2c;
  border-color: #f37e2c;
}
.nmbr{ line-height: 24px; width: 26px; height: 26px; margin-right: 8px; background: #fff; border: 1px solid #ccc; display: inline-block; border-radius: 50px;}
.nav-tabs.wizard a.active .nmbr,
.nav-tabs.wizard a:hover .nmbr{color: #424242; border-color: #f37e2c;}

.editViewCover{ display: flex;}
.editViewCover h5{ font-size: 18px;}
.egtviewLeft{ width: 40%;}
.adAmi{ font-size: 12px; margin-bottom: 10px; padding: 0 0 0 29px; position: relative;}
.adAmi img{ width: 20px; margin-right: 6px; position: absolute; left: 0;}
.egtviewRight{width: 60%; border-left: 1px solid #f3e0ef;}

.egtHalf{ width: 49%;}
.egtHalf label{ font-size: 14px; display: block; margin-bottom: 5px;}
.egtSpace{ padding:0 0 0 20px; display: flex; flex-wrap: wrap; position: relative;}
.egtDelete{ position:absolute; top: -10px; right: -7px;}
.egtDelete i{color:#7d4ca1;}
.fgtAvailBtn{ text-align: right;}
.fgtAvailBtn a.gtmtBtn{ padding-left: 20px; padding-right: 20px;

}

.ctrl {
  
  margin-bottom: 15px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  border-radius: 5px;
  font-size: 30px;
}
.ctrl-counter {
  position: relative;
  width: 48px;
  height: 44px;
  color: #333C48;
  text-align: center;
  overflow: hidden;
  border-top: 1px solid #D5DCE6;
  border-bottom: 1px solid #D5DCE6;
}
.ctrl-counter.is-input .ctrl-counter-num {
  visability: hidden;
  opacity: 0;
  -webkit-transition: opacity 100ms ease-in;
  transition: opacity 100ms ease-in;
}
.ctrl-counter.is-input .ctrl-counter-input {
  visability: visible;
  opacity: 1;
  -webkit-transition: opacity 100ms ease-in;
  transition: opacity 100ms ease-in;
}
.ctrl-counter-input {
  width: 100%;
  margin: -2px 0 0 0;
  padding: 0;
  position: relative;
  z-index: 2;
  box-shadow: none;
  outline: none;
  border: none;
  color: #333C48;
  font-size: 30px;
  line-height: 44px;
  text-align: center;
  visability: hidden;
  opacity: 0;
  -webkit-transition: opacity 100ms ease-in;
  transition: opacity 100ms ease-in;
}
.ctrl-counter-num {
  font-size: 20px;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  line-height: 44px;
  visability: visible;
  opacity: 1;
  -webkit-transition: opacity 100ms ease-in;
  transition: opacity 100ms ease-in;
}
.ctrl-counter-num.is-increment-hide {
  opacity: 0;
  -webkit-transform: translateY(-50px);
  transform: translateY(-50px);
  -webkit-animation: increment-prev 100ms ease-in;
  animation: increment-prev 100ms ease-in;
}
.ctrl-counter-num.is-increment-visible {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-animation: increment-next 100ms ease-out;
  animation: increment-next 100ms ease-out;
}
.ctrl-counter-num.is-decrement-hide {
  opacity: 0;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-animation: decrement-prev 100ms ease-in;
  animation: decrement-prev 100ms ease-in;
}
.ctrl-counter-num.is-decrement-visible {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-animation: decrement-next 100ms ease-out;
  animation: decrement-next 100ms ease-out;
}
.ctrl-button {
  font-weight: 300;
  width: 40px;
  line-height: 44px;
  text-align: center;
  color: #363232;
  cursor: pointer;
  background-color: #e5e5e5;
  -webkit-transition: background-color 100ms ease-in;
  transition: background-color 100ms ease-in;
}
.ctrl-button:hover {
  background-color: #c5c3c3;
  -webkit-transition: background-color 100ms ease-in;
  transition: background-color 100ms ease-in;
}
.ctrl-button:active {
  background-color: #778996;
  -webkit-transition: background-color 100ms ease-in;
  transition: background-color 100ms ease-in;
}
.ctrl-button-decrement {
  border-radius: 5px 0 0 5px;
}
.ctrl-button-increment {
  border-radius: 0 5px 5px 0;
}
@-webkit-keyframes decrement-prev {
  from {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
}	@keyframes decrement-prev {
  from {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
}	@-webkit-keyframes decrement-next {
  from {
  opacity: 0;
  -webkit-transform: translateY(-50px);
  transform: translateY(-50px);
}
}	@keyframes decrement-next {
  from {
  opacity: 0;
  -webkit-transform: translateY(-50px);
  transform: translateY(-50px);
}
}	@-webkit-keyframes increment-prev {
  from {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
}	@keyframes increment-prev {
  from {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
}	@-webkit-keyframes increment-next {
  from {
  opacity: 0;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
}
}	@keyframes increment-next {
  from {
  opacity: 0;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
}
}





.maccHotelCard{}
.maccHotelCardImg{ margin-bottom: 15px;}
.maccHotelCardImg img{ width: 100%; border-radius: 12px;}
.macchcName h2{ font-size: 18px; color: #4a2069;}
.macchcName .hdStrRate{ display: block;}
.maccHotelCard .card {
  text-align: left;
  max-width: 392px;
  min-width: 240px;
  background-color: #fff;
  padding: 1em;
  border-radius: 2rem;
  transition: all 250ms ease-out;
  transform: translate3d(0, 0, 0);
  background: #fff;
  box-shadow: 0 8px 16px -4px rgba(0, 0, 0, 0.10);
  border-radius: 1em;
  color: #334155;
}
.cardGuestNum{ font-size: 14px;}
.cardGuestNum span{color: #878787; text-decoration: line-through;}
.maccHotelCard ul{ padding-left: 0; padding-top: 10px;}
.maccHotelCard li {
  font-size: 14px;
  display: block;
  list-style: none;
  margin: 0 0 5px 0;
  padding: 0;
  width: 100%;
}
.maccHotelCard li span{ font-weight: 600; color:#444; }

/*END ADD GUEST*/

/*GUEST - CHANGE DATED*/
.egtlSpace{ padding-right: 15px;}
.sraondate{margin-bottom: 16px;}
.sraondate img{ width: 20px; margin-right: 5px;}

.newDateText{ font-size: 14px;}

.sgtList{width: 100%;}
.sgtList ul {
  list-style: none;
  padding-left: 0;
  margin: 10px 0 0 0;
}
.sgtList li {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  padding: 8px 0 9px 0;
  border-bottom: 1px solid #dce0e2;
  align-items: center;
}

.sgtfbBox{display: flex; justify-content: space-between;}
.sgtfbBox span{ font-size: 13px;}
.float-left{ float: left;}
.bgColorGray{ background: #ece8e8;}
.font-weight-normal{ font-weight: 400;}
.fgtAvailBtn a.bgColorGray:hover{ background: #ccc;}


.nciDate .form-control input {
  border: none;
  box-sizing: border-box;
  outline: 0;
  padding: .75rem;
  position: relative;
  width: 100%;
}

.nciDate input[type="date"]::-webkit-calendar-picker-indicator {
  background: transparent;
  bottom: 0;
  color: transparent;
  cursor: pointer;
  height: auto;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
}








.nciDate{ position: relative; margin-right: 6px;}
.caldarrow{ position: absolute; top: 14px; right: 5px;}
.class-link{
  color:#333333;
  text-decoration:none;
}

.class-link:hover{
 color:#ffbb00; 
}

/* From here you can start to copy */
.calendar {
  padding:8px;
  background: #ffffff;
  border-radius: 4px;
  font-size:18px;
  border: 1px solid #333333;
  box-shadow: 0px 20px 40px rgba(59,60,56,0.05);
  
  width: 100%;
}
.ui-datepicker {
  background: #ffffff;
  border-radius: 15px;
}
.ui-datepicker-header {
  height: 50px;
  line-height: 50px;
  color: #ffffff;
  background: #e8721f;
  margin-bottom: 10px;
}
.ui-datepicker-prev,
.ui-datepicker-next {
  width: 20px;
  height: 20px;
  text-indent: 9999px;
  border-radius: 100%;
  cursor: pointer;
  overflow: hidden;
  margin-top: 12px;
}
.ui-datepicker-prev {
  float: left;
  margin-left: 12px;
}
.ui-datepicker-prev:after {
  transform: rotate(45deg);
  margin: -43px 0px 0px 8px;
}
.ui-datepicker-next {
  float: right;
  margin-right: 12px;
}
.ui-datepicker-next:after {
  transform: rotate(-135deg);
  margin: -43px 0px 0px 6px;
}
.ui-datepicker-prev:after,
.ui-datepicker-next:after {
  content: '';
  position: absolute;
  display: block;
  width: 8px;
  height: 8px;
  border-left: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}
.ui-datepicker-prev:hover,
.ui-datepicker-next:hover,
.ui-datepicker-prev:hover:after,
.ui-datepicker-next:hover:after {
  border-color: #333333;
}
.ui-datepicker-title {
  text-align: center;
  font-size:25px;
}
.ui-datepicker-calendar {
  width: 100%;
  text-align: center;
}
.ui-datepicker-calendar thead tr th span {
  display: block;
  width: 40px;
  color: #e8721f;
  margin-bottom: 5px;
  font-size: 18px;
}
.ui-state-default {
  display: block;
  text-decoration: none;
  color: #333333;
  line-height: 40px;
  font-size: 16px;
}
.ui-state-default:hover {
  color: #ffffff;
  background:#e8721f;
  border-radius:50px;
  transition: all 0.25s cubic-bezier(0.7, -0.12, 0.2, 1.12);
}
.ui-state-highlight {
  color: #ffffff;
  background-color:#e8721f;
  border-radius:50px;
}

.ui-state-active {
  color: #ffffff;
  background-color:#e8721f;
  border-radius:50px;
}
.ui-datepicker-unselectable .ui-state-default {
  color: #eee;
  border: 2px solid transparent;
}

.icon {
    margin-left: -30px;
    margin-top: -26px;
    position: relative;
    color: #e8721f;
    font-size:20px;
}
/*END GUEST - CHANGE DATED*/

/*CANCEL HOTEL*/
.cancelType ul {
  margin-top: 0;
  padding-left: 0em;
  display: flex;
  flex-wrap: wrap;
}
.cancelType ul li {
  list-style-type: none;
  width: 48%;
  margin: 0 1% 0 1%;
}
.cancelType input[type="radio"], .cancelType input[type="checkbox"] {
  display: none;
}
.cancelType label {
  font-weight: 500;
  color: #5a5a5a;
  margin-bottom: 11px;
  width: 100%;
  float: left;
  cursor: pointer;
  padding: 0 0.6em;
  box-sizing: border-box;
  background: #e6e6e6;
  transition: all 0.5s ease 0s;
}
.cancelType input[type="radio"] + label, .cancelType input[type="checkbox"] + label {
  line-height: 3em;
}
.cancelType input[type="radio"] + label {
  border-radius: 10px;
}
.cancelType input[type="radio"]:checked + label, .cancelType input[type="checkbox"]:checked + label {
  background: #ebc2f3;
}
.cancelType input[type="radio"] + label:before, .cancelType input[type="checkbox"] + label:before {
  content: "";
  width: 20px;
  height: 20px;
  float: left;
  margin-right: 0.5em;
  border: 2px solid #ccc;
  background: #fff;
  margin-top: 0.8em;
}
.cancelType input[type="radio"] + label:before {
  border-radius: 100%;
}
.cancelType input[type="radio"]:checked + label:before, .cancelType input[type="checkbox"]:checked + label:before {
  border-color: #831d98 ;
}
.cancelType input[type="radio"]:checked + label:after {
  content: "";
  width: 0;
  height: 0;
  border: 5px solid #831d98;
  float: left;
  margin-left: -1.42em;
  margin-top: 1.13em;
  border-radius: 100%;
}
/*END CANCEL HOTEL*/

/*CONTENT PAGES*/
.contentPage{}
.contentPage h1{font-weight: 800; font-size: 32px;}
.contentPage h2{font-weight: 600; font-size: 26px;}
.contentPage p{ line-height: 26px; margin-bottom: 22px;}
/*END CONTENT PAGES*/

/*CONTACT US*/
.contactForm{ max-width: 800px; margin: 20px auto 0 auto;}

.helpCenterInn{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.helpCenterInn ul{ padding: 0 0 0 1px; list-style: none;}
.helpCenterInn .card{
    width: 31.5%;
    min-height: 250px;
    padding:0;
     border-radius: 3px;
    box-sizing: border-box;
    color: #4a2069;
    margin:20px 10px 0 10px;
    border: 0;
    overflow: hidden;
     box-shadow: rgb(50 50 93 / 25%) 0px 30px 60px -12px, rgb(0 0 0 / 30%) 0px 18px 36px -18px;
}
.helpCenterInn .card-title{
    margin-top: 0;
    font-size: 20px;
    font-weight: 500;
    color:#fff;
    background: linear-gradient(162deg, #ffaf74 0%, #f37e2c 100%);
    padding: 10px 15px;
}
.cardContent{ padding: 10px 15px;}
.cardContent a{ text-decoration: none; font-size: 14px; color: #1964d3;}
.cardContent a span{ margin-left: 5px; font-size: 10px;}
.cardContent  li{ margin-bottom: 6px;}

.helpCenterInn .card-btn{
    display: block;
    margin-left: auto;
    width: 100px;
    color:#424242;
    background: #f3f3f3;
    border: 2px solid #FFF;
    padding: 10px 17px;
    border-radius: 25px;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.5s;
    cursor: pointer;
}
.helpCenterInn .card-btn i{ margin-right: 6px;}
.helpCenterInn .card-btn:hover{
  color: #fff;
  background: linear-gradient(96deg, rgba(131, 29, 152, 1) 0%, #3d0969 100%);
}


/*END CONTACT US*/



/*BREADCRUMB*/
.breadcrumbbx{ padding-bottom: 10px;}
/* -------------------------------- 

Basic Style

-------------------------------- */
.cd-breadcrumb, .cd-multi-steps { padding: 0;}
.cd-breadcrumb::after, .cd-multi-steps::after {
  clear: both;
  content: "";
  display: table;
}
.cd-breadcrumb li, .cd-multi-steps li {
  display: inline-block;
  float: left;
  margin: 0 0 5px 0;
}
.cd-breadcrumb li::after, .cd-multi-steps li::after {
  /* this is the separator between items */
  display: inline-block;
  content: '\00bb';
  margin: 0 .6em;
  color: #959fa5;
}
.cd-breadcrumb li:last-of-type::after, .cd-multi-steps li:last-of-type::after {
  /* hide separator after the last item */
  display: none;
}
.cd-breadcrumb li > *, .cd-multi-steps li > * {
  /* single step */
  display: inline-block;
  font-size: 1.4rem;
  color: #2c3f4c;
}
.cd-breadcrumb li.current > *, .cd-multi-steps li.current > * {
  /* selected step */
  color: #c8238b;
}
.no-touch .cd-breadcrumb a:hover, .no-touch .cd-multi-steps a:hover {
  /* steps already visited */
  color: #96c03d;
}
.cd-breadcrumb.custom-separator li::after, .cd-multi-steps.custom-separator li::after {
  /* replace the default separator with a custom icon */
  content: '';
  height: 16px;
  width: 16px;
  background: url(../public/images/cd-custom-separator.svg) no-repeat center center;
  vertical-align: middle;
}
.cd-breadcrumb.custom-icons li > *::before, .cd-multi-steps.custom-icons li > *::before {
  /* add a custom icon before each item */
  content: '';
  display: inline-block;
  height: 20px;
  width: 20px;
  margin-right: .4em;
  margin-top: -2px;
  background: url(../public/images/cd-custom-icons-01.svg) no-repeat 0 0;
  vertical-align: middle;
}
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(2) > *::before {
  /* change custom icon using image sprites */
  background-position: -20px 0;
}
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(3) > *::before {
  background-position: -40px 0;
}
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(4) > *::before {
  background-position: -60px 0;
}
.cd-breadcrumb.custom-icons li.current:first-of-type > *::before, .cd-multi-steps.custom-icons li.current:first-of-type > *::before {
  /* change custom icon for the current item */
  background-position: 0 -20px;
}
.cd-breadcrumb.custom-icons li.current:nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(2) > *::before {
  background-position: -20px -20px;
}
.cd-breadcrumb.custom-icons li.current:nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(3) > *::before {
  background-position: -40px -20px;
}
.cd-breadcrumb.custom-icons li.current:nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(4) > *::before {
  background-position: -60px -20px;
}
@media only screen and (min-width: 768px) {

  .cd-breadcrumb li, .cd-multi-steps li {}
  .cd-breadcrumb li::after, .cd-multi-steps li::after {
    margin: 0 8px;
  }
  .cd-breadcrumb li > *, .cd-multi-steps li > * {
    font-size: 12px;
    text-decoration: none;
  }
}

/*END BREADCRUMB*/


body {
  margin: 0;
  padding: 0;
}

a:hover {
  text-decoration: none;
}

h1 {
  font-size: 1.9rem;
}

h1,
h2,
h3,
h4,
h5 {
  color: #4a2069;
}

h4 {
  line-height: 32px;
}

p {
  text-align: justify;
}

@media (min-width: 1440px) {
  .container {
    max-width: 1360px !important;
  }
}

@media (min-width: 1375px) {
  .container {
    max-width: 1340px !important;
  }
}

@media (min-width: 1300px) {
  .container {
    max-width: 1240px;
  }
}

@media (min-width: 769px) {
  .tooltipcover {
    position: relative;
    /* cursor:default*/
    ;
  }

  .tooltipcover:hover .tooltipitem {
    display: block;
  }
}