.btn {
    display: none;
}

.ui-page-theme-a {
    text-shadow: none !important;
}

.flexRow {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.flexCol {
    display: flex;
    flex-direction: column;
}

.center {
    text-align: center;
}

.left {
    align-items: flex-start;
}

.manHeader {
    background: #69C8CF;
    border-radius: 10px 10px 0 0;
    height: 153px;
    position: relative;
}

.womanHeader {
    background: #FAC141;
    border-radius: 10px 10px 0 0;
    height: 153px;
    position: relative;
}

.whiteDots {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 99;
}

.whiteDots img {
    width: 100%;
}

.boxBody {
    background: #FFFFFF;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
    padding: 18px 42px 28px;
}

.boxBodyBot {
    background: #F0F2F4;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
    border-radius: 0 0 10px 10px;
    padding: 18px 42px 0;
}

.intro-section-mobile {
    min-height: 450px;
    padding-top: 64px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    overflow: hidden;
}

.intro-text-mobile {
    text-align: center;
    position: absolute;
    top: 120px;
}

.intro-image-mobile {
    width: 150%;
    margin-top: 24px;
}

.feature-section-mobile {
    padding: 32px 12%;
}

.feature-row-mobile {
    flex-wrap: wrap;
}

.feature-row-mobile-second {
    margin-top: 32px;
}

.package-section-mobile {
    max-width: 100%;
}

.package-men-mobile {
    padding: 0 11%;
    max-width: 100%;
}

.package-women-mobile {
    margin: 28px 0;
    padding: 0 11%;
}

.gift-section-mobile {
    background: #FAC141;
    padding: 0 0 0 10%;
    margin: 26px 0 0;
    height: 141px;
}

.gift-image-mobile {
    overflow: hidden;
}

.gift-image-mobile img {
    height: 100%;
    margin-left: -40px;
}

.pkg-container-mobile {
    display: flex;
    flex-wrap: wrap;
}

.experience-section-mobile {
    min-height: 622px;
    padding: 32px 12.7%;
}

.experience-steps-mobile {
    margin-top: 32px;
}

.experience-step-mobile {
    width: 100%;
    margin-top: 32px;
}

.experience-step-mobile-inner {
    margin-left: 16px;
}

.faq-section-mobile {
    margin-top: 0;
    padding: 0 11.1%;
    margin-bottom: 109px;
}

.faq-list-mobile {
    margin-top: 23px;
}

.faq-item-mobile {
    border-bottom: 1px solid #FAC141;
    padding: 25px 0;
}

.faq-toggle-mobile {
    cursor: pointer;
}

.faq-answer-mobile {
    width: 75.5%;
    display: none;
}

.yellow-dot-background-desktop {
    margin-bottom: -120px;
    padding-bottom: 120px;
}

.intro-row-desktop {
    padding: 0;
}

.intro-image-col-desktop {
    padding: 0;
}

.intro-image-desktop {
    width: 100%;
    height: auto;
    height: intrinsic;
}

.intro-text-col-desktop {
    text-align: right;
    height: 380px;
    justify-content: center;
}

.feature-section-desktop {
    padding: 48px 17.5% 30px;
}

.feature-section-desktop-tablet {
    padding: 48px 8.3% 30px;
}

.package-section-desktop {
    padding: 0 8.5%;
    align-items: flex-start;
}

.package-men-desktop {
    width: 48%;
}

.package-women-desktop {
    width: 48%;
}

.gift-section-desktop {
    background: #FAC141;
    padding: 0 8% 0 8.5%;
    margin: 96px 0 0;
    height: 141px;
}

.gift-image-desktop {
    overflow: hidden;
}

.gift-image-desktop img {
    height: 100%;
}

.gift-content-desktop {
    display: flex;
    gap: 2rem;
    align-items: center;
}

.gift-image-tablet {
    display: none;
}

.pkg-container-desktop {
    display: flex;
    flex-wrap: wrap;
}

.experience-section-desktop {
    background: url('<?php echo $imagePath ?>packages/luxury.png') no-repeat left;
    min-height: 622px;
    padding: 96px 25.3%;
}

.experience-section-desktop-tablet {
    padding: 96px 17.5%;
    background-size: cover;
}

.experience-steps-desktop {
    margin-top: 80px;
    align-items: flex-start;
}

.experience-steps-desktop-second {
    margin-top: 46px;
}

.experience-step-desktop {
    width: 45%;
}

.experience-step-desktop-inner {
    margin-left: 16px;
}

.faq-section-desktop {
    margin-top: 114px;
    padding: 0 17.5%;
    margin-bottom: 109px;
}

.faq-section-desktop-tablet {
    padding: 0 8.3%;
}

.faq-list-desktop {
    margin-top: 23px;
}

.faq-item-desktop {
    border-bottom: 1px solid #FAC141;
    padding: 25px 0;
}

.faq-toggle-desktop {
    cursor: pointer;
}

.faq-answer-desktop {
    width: 75.5%;
    display: none;
}

.margLeftRight {
    margin-left: 11.11%;
    margin-right: 11.11%;
}

.pSecImg {
    width: 56px;
}

.uc {
    text-transform: uppercase;
}

@media only screen and (max-width: 600px) {
    .pkg-card {
        max-width: unset !important;
        min-width: unset !important;
        width: 100% !important;
    }

    .manHeader,
    .womanHeader {
        height: inherit;
    }

    .boxBody {
        padding: 18px 42px 14px;
        border-radius: 0 0 10px 10px;
    }

    .secCollapsible {
        margin-bottom: -4px;
    }

    html,
    body {
        height: 100%;
    }

    .secCollapsible .btn {
        color: #3E5669 !important;
        background: #FAC141 !important;
        margin-top: 16px;
    }

    .col-sm-6 {
        width: 50%;
        align-items: center;
        display: flex;
        justify-content: center;
    }

    .col-sm-1 {
        width: 8.33%;
    }

    .col-sm-10 {
        width: 83.3%;
    }

    .btnCol {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .col-sm-12 {
        padding: 0;
    }

    .text12 {
        text-align: center;
        margin: 44px 0;
        padding: 0 9%;
    }

    .car-ind {
        list-style: none;
        display: flex;
        position: absolute;
        bottom: 50px;
        z-index: 1500;
        left: 36%;
        justify-content: space-between;
        flex-direction: row;
        width: fit-content;
    }

    .tech-mobile {
        width: 100%;
    }

    .secCollapsible .panel-title {
        text-align: center;
        padding: 24px 0;
    }

    .secCollapsible .panel-title a {
        text-decoration: none;
    }

    .white {
        color: #ffffff;
    }
}
