@font-face {
    font-family: "strong-girl";
    src: url("../fonts/strong_girl.otf");
}

/*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 .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;
    text-decoration: none;
}

.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;
    }

    .quickDetails {
        display: none;
    }

    .quickDetailsMob {
        display: block !important;
        margin-top: 5px !important;
    }

    .quickDetailsMob .row {
        row-gap: 0 !important;
    }

    .onlinePackagePriceTab .vacPayFtFixed {
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        padding: 0 !important;
    }

    .quickDetails .quickDetailsInfo {
        margin-bottom: 5px;
    }
}

@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*/
.field-icon {
    float: right;
    margin-left: -25px;
    margin-top: -25px;
    margin-right: 10px;
    position: relative;
    z-index: 2;
    cursor: pointer;
}

.resetPassword h2 {
    font-size: 25px;
    text-align: center !important;
}

.resetPassword input {
    border: 1px solid #bfbfbf;
    display: block;
    width: 100%;
    padding: 0.375rem 0.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 0.15s ease-in-out,
        box-shadow 0.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 {
}

.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: 0.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;
}
.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: 0.7rem;
    box-shadow: 0 0.125rem 0.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: 0.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: 0.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-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;
}

.registerBox .formrlLeft .owl-dots {
    display: flex;
    width: 100%;
    justify-content: center;
    top: 8px;
}

.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(
        56deg,
        rgba(243, 177, 100, 1) 0%,
        rgba(184, 145, 254, 1) 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, 0.25),
        0 10px 10px rgba(0, 0, 0, 0.2),
        0 20px 20px rgba(0, 0, 0, 0.15);
}

.paymentTitle {
    padding-top: 25px;
    padding-bottom: 0;
    font-family: Poppins;
    font-size: 42px;
    line-height: normal;
    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, 0.25),
        0 10px 10px rgba(0, 0, 0, 0.2),
        0 20px 20px rgba(0, 0, 0, 0.15);
}

.vacpaymentContnet {
    position: absolute;
    z-index: 2;
    bottom: -75px;
    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 5px 0 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    color: #fff;
    border-radius: 12px;
    padding: 0px 18px;
    text-decoration: none;
    border: 1px solid #f69c00;
    background: linear-gradient(270deg, #fad06a 0%, #f69c00 38.1%);
    max-width: 16rem;
}

.vacPayHdLine-1 .vacPayHdLineLeft {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.vacPayHdLine-1 .vacPayHdLineLeft span strong {
    font-weight: 500;
    font-size: 16px;
}

.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: center;
}

.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;
}

.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;
}

.fixed-enquiry-popup {
    top: 3%;
}

.addNewTravellerPopSize {
    width: 100%;
    max-width: 912px;
    margin: auto;
}

.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: 0.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;
    text-transform: uppercase;
}

.applyBtn {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #1d61a6;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 3px 9px;
    border-radius: 10px;
    border: 1px solid #1d61a6;
}

.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: -0.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;
    max-width: 140px;
}

.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: 0 18px;
    }

    .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: 80px;
    margin-right: 10px;
    display: flex;
    flex-wrap: wrap;
    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%;
    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 .vacLogo {
    width: 110px;
}

.vacHeader .logedInUser .lgdUser {
    background: #fe6e1a;
}

.vacHeader .logedInUser ul.logedInUserdd {
    z-index: 4;
}

.vacFmHeader span {
    font-size: 14px;
    color: #000;
}

.vacFmHeader h4 {
    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;
}

.vacDetlsTabs button {
    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;
    border: none;
    background: transparent;
    cursor: pointer;
}

.vacDetlsTabs button.active,
.vacDetlsTabs a:hover {
    background: #ee9a1e;
    color: #fff;
}

.vacDtalsTab {
    padding-top: 40px;
    margin-bottom: 0px;
}

.vacDtalsTab .accordion-item .owl-item {
}

.itineraryBox {
}

.vacItiAccordion .vacFaqQue {
}

.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;
    border: 0;
    width: 100%;
}


.accordion-button:focus {
    outline: none !important;
}

.vdtDay {
    display: inline-block;
    /* keeps pill shape */
    padding: 1px 14px;
    height: 30px;
    line-height: 28px;
    border-radius: 50px;
    background: linear-gradient(270deg, #fad06a 0%, #f69c00 38.1%);
    color: #fff;
    margin-right: 15px;
    white-space: nowrap;
}

.vacDtalsTab .accordion-body {
    padding: 28px 0 0 0;
    border-top: 1px solid #ccc;
    margin-top: 12px;
}

.itinerary-slider img {
    border-radius: 20px;
    max-height: 290px;
    min-height: 240px;
}

.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;
    display: flex;
    justify-content: center;
    align-items: center;
}

.vacdtTransferBox .vacdtCar img {
    width: 25px;
}

.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: 0.7;
    position: relative;
}

.vacFood-icon img {
    transition: filter 0.3s ease;
    opacity: 0.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;
    text-align: center;
}

ul.vacTripList {
    margin: 0 0 30px 0;
    padding: 0;
    display: flex;
    padding: 16px;
    border-radius: 20px;
    border: 1px solid #0000004d;
    margin-bottom: 20px;
}

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: center;
    margin-bottom: 10px;
}

.customIncluExcluBox ul li {
    flex-direction: column;
    align-items: start;
}

.customIncluExcluBox ul li p {
    text-align: left;
    margin-bottom: 0;
    position: relative;
    padding-left: 40px;
    word-break: break-word;
}

.customIncluExcluBox ul li p::before {
    content: "";
    background: url("https://www.vacationum.com/assets/images/details/inclusion.png");
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
}

.excluRed ul li p::before {
    content: "";
    background: url("https://www.vacationum.com/assets/images/details/exclusion.png");
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
}

.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 h2 {
    font-size: 26px;
    font-weight: 600;
    color: #000;
    margin: 0 0 40px 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: 0.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: 0.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: 0.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: 0.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: 0.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: 0.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: block;
}

/* .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: -48px;
    width: 100%;
    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 h4 {
    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 p {
    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: #165594;
    /* Modern green accent for checkboxes */
    margin-left: 5px;
}

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

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

.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: 13px;
    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: 17px;
    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: 50px;
    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: 0;
    padding: 60px 10px 6px;
    text-align: center;
    width: 100%;
    color: #fff;
    background-image: linear-gradient(0deg, #4949499c 32%, #00000000 100%);
}

.honeymoonPackItemIn .hmpText h3 {
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1.25rem;
}

.honeymoonPackItemIn .hmpText strong {
    font-size: 1.25rem;
}

.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;
}

.holidaySearch .vacSearchIcon img {
    width: 18px;
}

.bannerSerchCvr {
    border: 1px solid #f37a1e;
    border-radius: 60px;
    display: flex;
    height: 50px;
    overflow: hidden;
    background: #fff;
}

.bannerSerchCvr input[type="text"] {
    border: 0;
    padding: 0 14px 0 40px;
    font-size: 19px;
    width: 127%;
    z-index: 1;
    background: transparent;
}

.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: 35%;
}

#dynamic-placeholder {
    position: absolute;
    left: 7%;
    top: 22%;
    font-size: 19px;
    z-index: 0;
}

#dynamic-text {
    font-weight: 500;
}

.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; */
    /* border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px; */
    border: 0;
    border-radius: 20px;
}

.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, 0.25),
        0 10px 10px rgba(0, 0, 0, 0.2);
    word-wrap: break-word;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vacBoxText span {
    font-size: 18px;
    letter-spacing: 0.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, 0.25),
        0 10px 10px rgba(0, 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 100%/100%;
    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: -45%;
    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(0.85);
    transition: 0.6s ease;
}

.testimonial-slider .owl-dots {
    top: -20px;
}

@media (max-width: 1300px) {
    .select2 {
        width: 100% !important;
    }

    .vacTripCover .vacTripBox .vacTripDte {
        width: 100% !important;
    }

    .vacHPackSearchCover {
        padding: 45px 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: -50%;
    }

    .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;
    background-image: linear-gradient(180deg, #ffefe4, transparent);
    box-shadow: 0 0 25px #ffb17c40;
    z-index: 10;
    position: relative;
}

.vacHdInner .menuIconDesktop {
}

.vacHdInner ul li {
    margin: 0 12px;
    position: relative;
}

.vacHdInner .hdLogo {
    width: auto;
    height: 75px;
}

.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: 8px 20px;
    width: auto;
    max-width: 100%;
}

.vacUserCover .vacLgBtn a {
    color: #fd6912;
}

.vacUserCover .vacLgBtn:hover {
    background: #fd6912;
    color: #ffffff;
}

.vacUserCover .vacLgBtn:hover a {
    color: #ffffff;
}

.vacUserCover .vacLgBtn:hover a img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%)
        hue-rotate(9deg) brightness(104%) contrast(103%);
}

.vacUserCover .vacLgBtn img {
    margin-right: 6px;
    width: 16px;
    height: auto;
}

.menuDesktop {
    display: flex;
    gap: 0px;
    margin: 0 auto;
    justify-content: center;
    margin-top: 50px;
    margin-bottom: 40px;
}

.menuIconDesktop {
    display: block;
    /*width: 77px;
  height: 69px;*/
    width: 60px;
    height: 55px;
    margin: auto;
    /* background: url(../images/header-images/menu-icon.png) no-repeat; */
    background-size: 400px auto;
}

.vacHdInner .menuIconMobile {
    font-size: 12px;
}

.vacHeader ul {
    list-style: none;
    margin: 0;
    padding: 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: 600;
    line-height: 28.5px;
    background: linear-gradient(to right, #dd7500 0%, #f65d04 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: block;
    text-align: center;
}

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

.menuFlight {
    background-position: 0px 1px;
}

.menuHotels {
    background-position: -77px 0px;
}

.menuHolidayPackages {
    background-position: -152px 0px;
}

.menuHotelFlight {
    background-position: -230px 1px;
}

.menuCruise {
    background-position: -314px 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: auto;
    }

    .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: auto;
    }

    .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 h4 {
    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 .carousel-main button {
    display: none;
}

.vacSlider .carousel-main:hover button {
    display: block;
}

.vacSlider .owl-dots {
    display: flex;
    width: 100%;
    justify-content: center;
    position: relative;
    top: -30px;
}

.vacSlider .owl-dots button {
    border: 0;
    background: #c7c1c1;
    width: 6px;
    height: 6px;
    margin: 0 1px;
    border-radius: 100px;
    padding: 0;
}

.vacSlider .owl-dots button.active {
    width: 20px;
    height: 6px;
    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*/

/* Honey Moon slidre */
.honeymoon-slider .owl-dots {
    top: 20px;
}

/*HOME*/
body {
    font-family: Poppins !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Poppins" !important;
}

p,
span,
strong,
a {
    font-family: "Poppins" !important;
}

.topSliderCover {
    position: relative;
    height: 465px;
}

.topSliderCover .owl-carousel .owl-item img {
    height: 430px;
}

.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, 0.25),
        0 10px 10px rgba(0, 0, 0, 0.2),
        0 20px 20px rgba(0, 0, 0, 0.15);
}

.topSliderCover h1 {
    font-family: "strong-girl" !important;
    font-size: 50px;
    font-weight: 500;
    text-align: center;
    color: #fff;
    text-shadow:
        0 1px 0 #ccc 0 5px 10px rgba(0, 0, 0, 0.25),
        0 10px 10px rgba(0, 0, 0, 0.2),
        0 20px 20px rgba(0, 0, 0, 0.15);
    margin-bottom: 3rem;
}

.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 h4 {
    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;
    object-fit: cover;
}

.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: 0.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, 0.25),
        0 10px 10px rgba(0, 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 0.125rem 0.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: 0.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 0.125rem 0.25rem rgba(0, 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 0.125rem 0.25rem rgba(0, 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,
        %3csvgxmlns="http://www.w3.org/2000/svg"viewBox="0 0 20 20"%3e%3cpathfill="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: 0.7rem;
    overflow: hidden;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 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: 0.4em 0.5em 0.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: 0.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) {
    .topSliderCover {
        height: 430px;
    }

    .holidaySearch {
        bottom: 30% !important;
    }
}

/*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;
    border-radius: 9px;
}

.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.5s 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 0.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 0.5s ease;
    /*overflow: hidden;*/
}

.lrScroll {
}

.main-popup.visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(10px);
    transition: all 0.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 0.35s;
    -moz-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.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 0.35s;
    -moz-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.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: 0.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 0.125rem 0.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: 0.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: 0.7rem;
    box-shadow: 0 0.125rem 0.25rem rgb(233 233 233) !important;
    border: 1px solid rgb(233 233 233);
}

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

.boxWithShadow {
    border-radius: 0.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 0.125rem 0.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: 0.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: 0.7rem;
    padding: 10px;
}

.thfulDetls h6 {
    background: #ffffff;
    border-radius: 0.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: 0.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: 0.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: 0.7rem;
    box-shadow: 0 0.125rem 0.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: 0.7rem;
    box-shadow: 0 0.125rem 0.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: 0.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: 0.5em 0 0.75em;
}

.profileInfo table tr {
    border: 1px solid #ddd;
    padding: 0.35em;
}

.profileInfo table th,
.profileInfo table td {
    padding: 0.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: 0.85em;
    letter-spacing: 0.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: 0.625em;
    }

    .profileInfo table td {
        border-bottom: 1px solid #ddd;
        display: block;
        font-size: 0.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: 0.5rem;
    transition: 0.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 0.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 0.3s;

    transform: translateY(10%);
}

.modal__close {
    display: inline-flex;
    background-color: #fff;
    border-radius: 0.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: 0.5em;
    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.1);
    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: 0.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 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: 0.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;
    }
}

/* Online Package CSS*/
.topBar {
    margin-top: 16px;
    position: sticky;
    top: 0;
    background: #ffffff;
    z-index: 9;
    padding: 10px 0;
}

.topBar h1 {
    background: linear-gradient(to right, #dd7500 0%, #f65d04 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 38px;
    font-weight: 700;
}

.topBar .pkgSection {
    display: flex;
    align-items: center;
}

.topBar .pkgSection .badge {
    margin: 0 5px 0 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    color: #fff;
    border-radius: 12px;
    padding: 0px 12px;
    text-decoration: none;
    border: 1px solid #f69c00;
    background: linear-gradient(270deg, #fad06a 0%, #f69c00 38.1%);
    max-width: 16rem;
}

.topBar .pkgSection .pkgName {
    color: #4a2069;
    font-size: 16px;
    font-weight: 600;
}

.topBar .optionBadge {
    border: 1px solid #ccc;
    font-weight: 600;
    font-size: 18px;
    color: #ffffff;
    font-family: Poppins !important;
    border-radius: 100px;
    padding: 14px 20px;
    margin-left: auto;
    width: fit-content;
    max-width: 100%;
    background: linear-gradient(90deg, #c83fbe 0%, #fb8a0b 100%);
    display: flex;
    gap: 10px;
    align-items: center;
}

.topBar .quoteIdText {
    margin: 10px 0 0;
    text-align: end;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: end;
    flex-wrap: wrap;
    column-gap: 10px;
}

.topBar .quoteIdText i {
    font-size: 10px;
}

.onlinePackage .imageGallery {
    margin-bottom: 20px;
    margin-top: 4px;
}

.onlinePackage .imageGallery .imgGrid {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    position: relative;
}

.onlinePackage .imageGallery .badge {
    position: absolute;
    bottom: 0;
    right: 10px;
    background: #454545a6;
    border: 0;
    padding: 10px 20px;
    border-radius: 20px;
    margin: 10px;
    transition: 0.3s linear;
    font-weight: 400;
}

.onlinePackage .imageGallery .badge i {
    transition: 0.3s linear;
}

.onlinePackage .imageGallery .badge:hover {
    background: #454545;
}

.onlinePackage .imageGallery .badge:hover i {
    transform: translateX(5px);
    transition: 0.3s linear;
}

.onlinePackage .imageGallery .imgSingle {
    position: relative;
    height: 330px;
}

.onlinePackage .imageGallery .imgSingle img {
    width: 100%;
    height: 330px;
    object-fit: cover;
}

.onlinePackage .imageGallery .imgGrid div {
    width: 48%;
}

.onlinePackage .imageGallery .imgGrid div img {
    width: 100%;
    height: 160px;
    object-fit: cover;
}

.onlinePackage .imageGallery .imgGrid .badge {
    right: 0;
}

.onlinePkgOffCanvas {
    width: 50% !important;
}

.onlinePkgOffCanvas h2 {
    font-size: 24px;
    font-weight: 700;
}

.onlinePkgOffCanvas .offcanvas-body .accordion-item {
    border-radius: 0;
}

.onlinePkgOffCanvas .offcanvas-body .accordion-header .accordion-button {
    padding: 15px 10px !important;
    border-radius: 0;
    background: #ebebeb;
    border-bottom: 1px;
}

.onlinePkgOffCanvas .offcanvas-body .accordion-header .accordion-button:hover {
    background: lightgrey;
}

.onlinePkgOffCanvas .accordion-button .pkgNameDetails h4 {
    /* margin: 0; */
    line-height: 15px;
    font-weight: 700;
}

.onlinePkgOffCanvas .accordion-button .pkgNameDetails h4 span {
    color: #f65d04;
}

.onlinePkgOffCanvas .accordion-button p {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 5px;
}

.onlinePkgOffCanvas .accordion-button p i {
    font-size: 9px;
    color: #f65d04;
}

.onlinePkgOffCanvas .offcanvas-body {
    background: #fffbf5;
}

.pkgDetailCard {
    box-shadow: 0 0 10px lightgrey;
    display: flex;
    gap: 10px;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
    padding: 10px;
    font-size: 12px;
    margin-bottom: 10px;
}

.pkgDetailCard .imgSection {
    width: 200px;
    height: auto;
}

.pkgDetailCard .detailsSection table {
    border-collapse: separate;
    border-spacing: 0 8px;
}

.pkgDetailCard .detailsSection th {
    width: 22%;
    position: relative;
    color: #f65d04;
    vertical-align: top;
}

.pkgDetailCard .detailsSection th::after {
    content: ": ";
    position: absolute;
    right: 4px;
}

.pkgDetailCard .detailsSection td {
    width: 80%;
}

.pkgDetailCard .detailsSection p {
    margin: 5px 0;
}

.pkgDetailCard .detailsSection p span {
    width: 100px;
    font-weight: 600;
}

.pkgDetailCard .priceSection p {
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 700;
}

.pkgDetailCard .priceSection .btn {
    background: linear-gradient(270deg, #0e457c 0%, #3086dc 100%);
    color: white;
    padding: 5px 10px;
    margin-top: 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 17px;
    font-weight: 500;
    width: 100%;
}

.onlinePackageTab {
    top: 105px;
    z-index: 9 !important;
    justify-content: center;
    gap: 55px;
}

.onlinePackagePriceTab {
    top: 105px;
    border: 0;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
}

.onlinePackagePriceTab .vacPayFtFixed {
    padding: 20px 24px;
    border: 1px solid #d9d9d9;
    border-radius: 24px;
    box-shadow: 0 4px 6px rgb(255 117 21 / 14%);
}

.onlinePackagePriceTab .vacDetlsPricee {
    min-width: fit-content;
    margin-top: 0;
}

.onlinePackagePriceTab .vacDetlsBtn {
    width: 100%;
    border: 0;
}

.onlinePackagePriceTab .vacDetlsBtn[disabled] {
    cursor: not-allowed;
    opacity: 0.7;
    pointer-events: none;
}

.onlinePackage .vacFood-container {
    gap: 10px;
    padding: 14px;
    margin-bottom: 20px;
}

.onlinePackage .vacFood-box {
    width: 32%;
    gap: 10px;
    /* display: flex; */
}

.onlinePackage .vacFood-box.active {
    background: #e170002e;
}

.onlinePackage .vacFood-box.active .vacFood-title {
    text-decoration: none;
}

.onlinePackage .vacFood-box:before {
    right: 8px;
    top: 26px;
    width: 30px;
    height: 30px;
    font-size: 18px;
    line-height: 30px;
}

.onlinePackage .vacFood-title {
    text-decoration: line-through;
}

.onlinePackage .vdtDay {
    width: fit-content;
}

.destinationExpert {
    justify-content: center;
}

.destinationExpert .card {
    border: 0;
    box-shadow: 0 0 10px lightgrey;
    border-radius: 20px;
    padding: 25px;
}

.destinationExpert .card .agentProfileImg {
    width: 130px;
    height: 130px;
    object-fit: cover;
}

.destinationExpert .card h3 span {
    font-size: 18px;
}

.destinationExpert .card .card-title {
    font-size: 24px;
    color: #f65d04;
}

.onlinePkgModal {
    height: 100vh;
}

.onlinePkgModal .modal-header {
    position: sticky;
    top: 0;
    background: white;
    z-index: 9;
}

.onlinePkgModal .modal-dialog {
    margin: 0;
    border-radius: 0;
    max-width: 100%;
    width: 100%;
}

.onlinePkgModal .modal-content {
    width: 100%;
    height: 100vh;
    overflow: auto;
    border-radius: 0;
}

.onlinePkgTabs {
    position: sticky;
    top: 60px;
    background: white;
    padding-top: 18px;
    z-index: 9;
}

.onlinePkgTabs .nav-tabs {
    border-bottom: 1px solid lightgray;
    gap: 20px;
    padding-bottom: 20px;
}

.onlinePkgTabs .nav-tabs .nav-link {
    border: 1px solid lightgray;
    border-radius: 4px;
    font-size: 18px;
    color: #000;
    padding: 0;
    overflow: hidden;
}

.onlinePkgTabs .nav-tabs .nav-link:hover {
    background: #ffefd7;
}

.onlinePkgTabs .nav-tabs .nav-link span {
    margin: 10px;
}

.onlinePkgTabs .nav-tabs .nav-link.active {
    color: #000000;
    background: #ffefd7;
    border: 1px solid #ffefd7;
    box-shadow: 0 0 5px lightgray;
}

.onlinePkgTabsContent {
    padding: 20px 0;
    background: #ffffff;
}

.onlinePkgTabsContent #nav-profile {
    margin-top: -20px;
}

.fade:not(.show) {
    display: none;
}

.hotelNameTime {
    margin-left: 14px;
    margin-bottom: 30px;
    margin-top: 30px;
    border: 1px solid lightgray;
    padding: 10px 30px;
    border-radius: 10px;
    width: fit-content;
    background: #ff980017;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    position: relative;
}

.hotelNameTime:nth-child(1)::before {
    display: none;
}

.hotelNameTime::before {
    content: "";
    width: 200%;
    height: 1px;
    background: black;
    display: block;
    position: absolute;
    top: -15px;
    left: -50%;
}

.hotelNameTime h3 {
    background: linear-gradient(to right, #317dc5 0%, #104780 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    wsord-break: pre-wrap;
}

.hotelNameTime .panelStar {
    font-size: 17px;
    color: #ff5722 !important;
    background: linear-gradient(to right, #ff5722 0%, #ff5722 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 500;
}

.imgGridGalley figure {
    width: 23%;
    height: 200px;
    float: left;
    margin-left: 14px;
    margin-bottom: 10px;
}

.imgGridGalley figure:nth-child(1),
.imgGridGalley figure:nth-child(11) {
    width: 51%;
    height: 410px;
    margin-right: 0px;
}

.imgGridGalley figure:nth-child(6),
.imgGridGalley figure:nth-child(18) {
    float: right;
    width: 51%;
    height: 410px;
}

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

.imgGridGalley figure p {
    position: absolute;
    bottom: 0;
    margin: auto;
    color: #ffffffba;
    right: 10px;
}

.fancybox__container {
    z-index: 1060 !important;
}

.onlinePackage .tab-pane.fade.show.active {
    display: block !important;
}

.onlinePackage .allInfo {
    min-height: 500px;
}

.onlinePackage .vacDtalsTab {
    padding-top: 20px;
}

.onlinePackageTab button {
    font-size: 22px;
    padding: 4px 20px;
}

.quickDetailsMob {
    display: none;
}

.quickDetails {
    margin-top: 20px;
    justify-content: center;
}

.quickDetails .row {
    /* border: 1px solid lightgray;
    padding: 18px; */
    margin: 0;
    border-radius: 10px;
    flex-wrap: wrap;
    row-gap: 16px;
}

.quickDetails .quickDetailsInfo {
    display: flex;
    align-items: center;
    gap: 5px;
    border: 1px solid lightgray;
    border-radius: 10px;
    padding: 10px;
    background: #e170002e;
    min-width: 145px;
}

.quickDetails .quickDetailsInfo i {
    font-size: 14px;
    background: linear-gradient(183deg, #0e457c 0%, #3086dc 100%);
    padding: 15px;
    border-radius: 50%;
    color: white;
    width: 40px;
    display: flex;
    height: 40px;
    justify-content: center;
    align-items: center;
}

.quickDetails .quickDetailsInfo p {
    margin: 0;
    line-height: 18px;
}

.quickDetails .quickDetailsInfo a {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    border: none;
}

.shareItinerary {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}

.shareItinerary button {
    border: 0;
    width: 50px;
    height: 50px;
    display: flex;
    background: white;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    transition: 0.3s linear;
}

.shareItinerary button:hover {
    background: #d7d7d7;
    transition: 0.3s linear;
    border-radius: 10px;
}

.shareItinerary button i {
    font-size: 25px;
    border: 0;
}

.shareItinerary button img {
    width: 22px;
    height: 22px;
}

#contactExpert a {
    text-decoration: none;
    text-align: center;
    color: #000000;
}

#contactExpert i {
    font-size: 50px;
    padding: 10px;
    border-radius: 20px;
    color: #2b2b2b;
    margin-bottom: 23px;
    width: 100px;
    height: 50px;
    object-fit: cover;
}

.loadMoreBtn {
    background: linear-gradient(90deg, #d23376 0%, #fb8a0b 100%);
    color: #ffffff;
    width: 99%;
    margin-left: 14px;
}

.loadMoreBtn:hover {
    color: #ffffff;
}

.onlinePackage .knowBeforeGo .pkgPolicy {
    border: 1px solid lightgray;
    padding: 20px;
    border-radius: 10px;
}

.onlinePkgModal .modal-header .btn-close {
    width: 4rem;
    height: 2rem;
    background: #ffe4c4;
    color: red;
    font-weight: 600;
}

.termsBox {
    display: flex;
    gap: 5px;
    margin-top: 5px;
    align-items: center;
}

.termsBox input[type="checkbox"] {
    width: 16px;
    height: 16px;
    accent-color: #f65d04;
}

.termsBox a {
    /* text-decoration: none; */
    font-weight: 600;
    color: #1b5ea0;
}
.onlinePackagePriceTab .vacPayDtals p {
    text-align: left;
    margin-bottom: 0;
}

@media (max-width: 991px) {
    .topBar {
        position: relative;
    }

    .topBar h1 {
        width: 80%;
    }

    .onlinePackage .imageGallery .imgSingle img {
        margin-bottom: 10px;
    }

    .onlinePackage .imageGallery .imgGrid {
        justify-content: space-evenly;
    }

    .onlinePackage .imageGallery .imgGrid div {
        width: 48%;
    }

    .onlinePkgOffCanvas {
        width: 100% !important;
    }

    .imgGridGalley figure:nth-child(1),
    .imgGridGalley figure:nth-child(11) {
        width: 48%;
        height: 210px;
        margin-right: 0px;
    }

    .imgGridGalley figure:nth-child(6),
    .imgGridGalley figure:nth-child(18) {
        width: 48%;
        height: 210px;
    }

    .imgGridGalley figure {
        height: 100px;
        width: 23%;
    }

    .quickDetails .quickDetailsInfo {
        margin-bottom: 10px;
    }

    .topBar .optionBadge {
        position: absolute;
        right: 35px;
        top: -40px;
    }

    .topBar .quoteIdText {
        justify-content: start;
    }

    .onlinePackageTab {
        top: 0;
        gap: 30px;
    }

    .vacFood-description {
        text-align: center;
    }

    .vacDetailsMob {
        text-align: center;
        min-width: 100%;
    }

    .onlinePackagePriceTab {
        max-width: 400px;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background: linear-gradient(90deg, #d23336 0%, #fb8a0b 100%);
        color: white;
        top: auto;
        padding: 0 55px;
    }

    .onlinePackagePriceTab .termsBox a {
        color: white;
    }

    .onlinePackagePriceTab .vacDetlsPricee span,
    .onlinePackagePriceTab .vacDetlsPricee strong,
    .onlinePackagePriceTab .vacDetlsOldOffer span {
        color: white;
    }

    .customPackageFooter {
        margin-bottom: 6rem;
    }
}

@media (max-width: 480px) {
    .topBar h1 {
        font-size: 22px;
        width: 100%;
    }

    .topBar .optionBadge {
        margin: 10px 0 10px auto;
        position: absolute;
        right: 10px;
        top: -15px;
        font-size: 13px;
    }

    .topBar .quoteIdText {
        flex-wrap: wrap;
        justify-content: start;
        row-gap: 0;
    }

    .onlinePackage .imageGallery .imgSingle {
        padding-right: 0.5rem;
        height: 220px;
    }

    .onlinePackage .imageGallery .imgSingle,
    .onlinePackage .imageGallery .imgGrid {
        width: 50%;
    }

    .onlinePackage .imageGallery .imgSingle img {
        margin-bottom: 10px;
        height: 220px;
    }

    .onlinePackage .imageGallery .imgGrid div img {
        height: 100px;
    }

    .onlinePackage .vacDetls-container {
        max-width: 100%;
    }

    .onlinePackage .vacFood-container {
        justify-content: space-between;
        gap: 0;
    }

    .onlinePkgOffCanvas {
        width: 100% !important;
    }

    .topBar {
        position: unset;
    }

    .onlinePackageTab {
        top: 0px !important;
        z-index: 8 !important;
        padding: 10px 5px;
    }

    .termsBox {
        margin-top: 10px;
        margin-bottom: 18px;
    }

    #midifyItinerary .modal-content,
    #termsAndConditionPopUp .modal-content {
        width: 85%;
        margin: auto;
    }

    .termsBox a {
        color: white;
    }

    .onlinePackage .vacFood-box {
        display: block;
        width: 32%;
    }

    .onlinePackageTab button {
        font-size: 12px;
        padding: 4px 14px;
    }

    .pkgDetailCard {
        flex-wrap: wrap;
    }

    .pkgDetailCard .imgSection {
        width: 100%;
        height: 140px;
    }

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

    .onlinePkgTabs .nav-tabs {
        justify-content: center;
        gap: 10px;
    }

    .onlinePkgTabs .nav-tabs .nav-link {
        width: fit-content;
        padding: 10px;
    }

    .onlinePkgTabs .nav-tabs .nav-link img {
        display: none;
    }

    .imgGridGalley {
        justify-content: space-between;
    }

    .imgGridGalley figure {
        width: 50%;
        height: 100px;
        margin: 0;
        margin-bottom: 10px;
    }

    .imgGridGalley figure:nth-child(11),
    .imgGridGalley figure:nth-child(18) {
        width: 50%;
        height: 100px;
        float: left;
    }

    .imgGridGalley figure:nth-child(1),
    .imgGridGalley figure:nth-child(6),
    .imgGridGalley figure:nth-child(7) {
        width: auto;
        height: auto;
        margin: 0;
        margin-bottom: 10px;
    }

    .imgGridGalley figure:nth-child(1) img,
    .imgGridGalley figure:nth-child(6) img,
    .imgGridGalley figure:nth-child(7) img {
        width: 100%;
    }

    .imgGridGalley figure img {
        width: 95%;
    }

    .imgGridGalley figure p {
        text-align: right;
        font-size: 12px;
    }

    .rtingBox {
        margin-top: 30px;
    }

    .rtiMain {
        margin: auto;
        justify-content: center;
    }

    .vacDetlsRating {
        margin: 20px 40px 0;
    }

    .onlinePkgModal .modal-title {
        width: 80%;
        font-size: 24px;
        line-height: 1;
    }

    .onlinePackage .imageGallery .badge {
        bottom: 10px;
    }

    .onlinePackage .imageGallery .imgGrid .badge {
        display: none;
    }

    .onlinePackage .imageGallery .imgGrid div {
        width: 45%;
    }

    .tabNonActiveCover {
        flex-wrap: wrap;
        justify-content: center;
    }

    .tabNonActiveCover .fliteName,
    .tabNonActiveCover .fliteName p,
    .tabNonActiveCover .flitBaggage,
    .tabNonActiveCover .flitBaggage p {
        text-align: center;
        width: 100%;
    }

    .onlinePackage .vacFood-box:before {
        right: 1px;
        top: 1px;
        width: 25px;
        height: 25px;
        font-size: 16px;
        line-height: 28px;
    }

    .bottom-to-top {
        bottom: 130px !important;
    }

    .loadMoreBtn {
        width: 100%;
        margin-left: 0px;
    }

    .hotelNameTime {
        margin-left: 0px;
    }

    .customPackageFooter {
        margin-bottom: 4rem;
    }

    .onlinePackagePriceTab {
        padding: 10px !important;
    }

    .onlinePackagePriceTab .vacDetlsBtn {
        height: 30px;
        line-height: 10px;
        font-size: 14px;
    }

    .onlinePackagePriceTab .termsBox a,
    .onlinePackagePriceTab .termsBox a span {
        font-size: 10px;
    }

    .onlinePackagePriceTab .termsBox {
        margin: 0;
        justify-content: center;
    }

    .onlinePackagePriceTab .vacPayDtals {
        width: 49%;
        flex: auto;
    }
    .onlinePackagePriceTab .vacPayDtals p {
        text-align: left;
        font-size: 12px;
        color: white;
    }

    .onlinePackagePriceTab .bookNowBtn {
        width: 35%;
        flex: auto;
    }
    .onlinePackagePriceTab .vacPayFtFixedTwo a {
        display: block;
        margin: auto;
        text-align: center;
        line-height: 18px;
        height: 30px;
        font-size: 14px;
    }

    .onlinePackagePriceTab .vacDetlsBtn {
        font-weight: 400;
        border-radius: 8px;
        font-size: 14px;
    }
    .onlinePackagePriceTab .vacDetlsOldOffer {
        margin-bottom: 0;
    }
    .onlinePackagePriceTab .smallTxt {
        font-size: 12px;
        line-height: normal;
        margin-top: 0 !important;
    }

    .onlinePackagePriceTab .vacDetlsPricee {
        line-height: normal;
        font-size: 12px;
        margin: 0 !important;
        line-height: 10px;
    }

    .onlinePackagePriceTab .vacDetlsPricee strong {
        font-size: 14px;
        margin: 0 !important;
    }

    .onlinePackagePriceTab .vacDetlsOldOffer span {
        padding: 0;
    }
}

@media (max-width: 370px) {
    .topBar .optionBadge {
        margin: 10px 0 10px auto;
        position: absolute;
        right: 10px;
        top: -100%;
        font-size: 13px;
    }
}

/* #bookingConfirm .btn-close {
  background: #92003a var(--bs-btn-close-bg) center / 1em auto no-repeat;
  background-size: 50%;
  border: 2px solid white;
  position: absolute;
  right: -10px;
  top: -10px;
  z-index: 1;
  opacity: 1;
  border-radius: 20px;
} */

/* Mobile responsive styles for payment section */
.payment-confirmation-box {
    padding: 20px;
    border-top: 5px solid #28a745;
    background-color: #fff;
    width: 100%;
    box-sizing: border-box;
}

.payment-info-row {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
    border-bottom: 1px solid #f0f0f0;
    word-break: break-word;
}

.payment-history-item {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    background-color: #e7f5e7;
    border-radius: 5px;
    margin-bottom: 8px;
    align-items: center;
}

.remaining-payment-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    flex-wrap: wrap;
    gap: 10px;
}
.remaining-payment-header strong {
    color: #1b5ea0 !important;
}
.btnOpen {
    cursor: pointer;
}
@media (max-width: 600px) {
    .payment-confirmation-box .vacDetlsBtn {
        padding: 0 !important;
        font-size: 14px !important;
        background: linear-gradient(90deg, #d23376 0%, #fb8a0b 100%) !important;
        color: white !important;
    }
}
@media (max-width: 768px) {
    .payment-confirmation-box {
        padding: 15px;
        margin-top: 15px;
    }

    .payment-confirmation-box h4 {
        font-size: 18px !important;
    }

    .payment-confirmation-box p {
        font-size: 14px !important;
        text-align: left;
    }

    .payment-info-row {
        flex-direction: row;
        gap: 5px;
        padding: 10px 0;
        align-items: flex-start;
    }

    .payment-info-row span,
    .payment-info-row strong {
        font-size: 14px;
    }

    .payment-history-item {
        flex-direction: row;
        gap: 8px;
        align-items: flex-start;
    }

    .payment-history-item .text-start strong {
        font-size: 14px;
        color: #1b5ea0 !important;
        margin: 0 !important;
    }

    .remaining-payment-header {
        flex-direction: row;
        align-items: flex-start;
        gap: 8px;
    }

    .remaining-payment-header span {
        font-size: 16px !important;
    }

    .payment-details-section {
        padding: 15px !important;
    }

    .payment-details-section h5,
    .payment-details-section h6 {
        font-size: 16px !important;
    }
}
.horizontal {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.horizontal .flip-inner {
      position: relative;
      width: 100%;
      height: 170px;
      margin-bottom: 10px;
      transition: transform 1s;
      transition-timing-function: cubic-bezier(0.05, 1.2, 0.4, 1.35);
      transform-style: preserve-3d;
    }
    .horizontal .front,
    .horizontal .back {
      position: absolute;
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 25px;
      backface-visibility: hidden;
      -webkit-backface-visibility: hidden;
    }
    .back {
      transform: rotateY(180deg);
    }