/****************** Home header **************************/
.home-user-info {
    display: flex;
    gap: 10px;
    align-items: baseline;
}

.home-user-info h1 {
    font-size: 36px;
    color: var(--colors-secondary-900);
    line-height: 44px;
    margin-bottom: 0;
    font-weight: 600;
}

.home-user-info div {
    font-size: 33px;
    font-weight: 400;
    line-height: 30px;
    color: var(--colors-secondary-800) #333e50;
}

/*********************User card***********************/
.home-user-card {
    margin: 20px 0 30px;
}

.home-user-card .user-card-inner {
    display: flex;
    flex-direction: column;
    background: radial-gradient(at bottom left, var(--colors-primary-500) 19%, #FE8468 100%);
    border-radius: 15px;
    overflow: hidden;
    height: 250px;
    justify-content: space-between;
    padding: 30px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}

.home-user-card .user-card-inner .app-info,
.home-user-card .user-card-inner .membership-info {
    display: flex;
    justify-content: space-between;
    color: var(--colors-base-white);
}

.home-user-card .user-card-inner .app-logo {
    width: 120px;
}

.home-user-card .user-card-inner .membership-info {
    align-items: end;
}

.home-user-card .user-card-inner .app-info .app-chip {
    display: flex;
    width: 50px;
    height: 30px;
    background: #fff;
    border-radius: 5px;
}

.home-user-card .user-card-inner .membership-info .membership-data {
    display: flex;
    flex-direction: column;
    gap: 5px;
    color: var(--colors-base-white);
}

.home-user-card .user-card-inner .membership-info .app-name {
    font-size: 35px;
    width: 100px;
    font-weight: bold;
    line-height: normal;
    display: flex;
    text-align: right;
    color: var(--colors-base-white);
}

.home-user-card .user-card-inner .membership-info .m-date {
    font-size: 14px;
    line-height: 14px;
}

.home-user-card .user-card-inner .membership-info .m-name {
    font-weight: bold;
    line-height: 18px;
    font-size: 18px;
}

/*********************Category slider ***********************/
.cat-item {
    border-radius: 4px;
}

.cat-item .item-info {
    padding: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
}

.cat-item .item-info .img-icon {
    width: 25px;
    height: 25px;
    padding: 15px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.3);
    font-size: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cat-item .item-info .name {
    margin: 15px 0 0px;
}


/*Filter section*/
.filters {
    margin: 26px 0;
}

.filters .form-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.filters .form-content .search-box input {
    padding-right: 40px;
    border: hidden;
}

.filters .form-content .search-box button {
    position: absolute;
    right: 7px;
    top: 50%;
    transform: translateY(-40%);
    border: hidden;
    background: transparent;
    font-size: 25px;
    color: var(--colors-grey-300);
}

.filters .form-content .filter-box {
    display: flex;
    gap: 10px;
}

.filters .form-content .filter-box .field-group {
    width: 50%;
}

.filters .form-content .field-input {
    display: flex;
    position: relative;
}

.filters .form-content input,
.filters .form-content label.label-input {
    width: 100%;
    padding: 17px 30px 15px 15px;
    border: solid 1px var(--colors-grey-100);
    border-radius: 6px;
    color: var(--colors-grey-700);
    background: var(--colors-grey-100);
    font-size: 16px;
}

.filters .form-content label.label-input {
    background: var(--colors-base-white);
    align-items: center;
    color: var(--colors-darkgrey-500);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 8px 30px 8px 15px;
}

.filters .form-content label.label-input.has-values {
    background: var(--colors-primary-200);
    color: var(--colors-primary-500);
    border-color: var(--colors-primary-200);
}

.filters .dropdown-focus input {}

.filters .dropdown-focus:after {
    font-family: 'Font Awesome 5 Pro';
    content: "\f078";
    position: absolute;
    top: 50%;
    right: 8px;
    color: var(--colors-grey-400);
    transform: translateY(-50%);
    font-weight: 100;
}

.filters .dropdown-list .list-items {
    display: flex;
    flex-direction: column;
    border: solid 1px var(--colors-grey-200);
    border-radius: 4px;
    margin-top: 1px;
    padding: 0;
}

.filters .dropdown-list .list-item {
    border-bottom: solid 1px var(--colors-grey-200);
    padding: 8px 10px;
    cursor: pointer;
}

.filters .dropdown-list .list-item:hover {
    background: var(--colors-primary-200);
    color: var(--colors-primary-500);
}

.filters .dropdown-list .list-item:last-child {
    border-bottom: hidden;
}


/*Experience*/
.experiences {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.experiences .block-title {
    font-size: 20px;
    color: var(--colors-grey-900);
    font-weight: 600;
    line-height: 30px;
}

.experience-list {
    display: flex;
    flex-direction: column;
}

.experience-list .expe-item {
    border-bottom: solid 1px var(--colors-grey-100);
    padding-bottom: 25px;
    margin-bottom: 30px;
    display: flex;
    width: 100%;
    gap: 15px;
    align-items: center;
}

.experience-list .expe-item.no-margin {
    margin: 0;
}

.pwa-install-card {
    padding: 25px;
    margin-bottom: 30px;
    background: var(--colors-primary-500);
    color: #fff;
    border-radius: 10px;
    margin-top: -30px;
    display: none;
}

.pwa-install-card .pwa-install {
    display: flex;
    gap: 15px;
    font-weight: 400;
    flex-direction: column;
}

.pwa-install-card .pwa-install .install-actions {
    display: flex;
    justify-content: flex-end;
}

.experience-list .expe-item a {
    pointer-events: none;
}

.experience-list .expe-item .image {
    border: solid 1px var(--colors-grey-100);
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    width: 85px;
    height: 85px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
}

.experience-list .expe-item .infos {
    flex-grow: 1;
    gap: 10px;
    display: flex;
    min-width: 0;
}

.experience-list .expe-item .infos .info-detail {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    min-width: 0;
    gap: 5px;
    justify-content: center;
}

.experience-list .expe-item .title {
    font-weight: 600;
    font-size: 17px;
    text-overflow: ellipsis;
    overflow: hidden;
    min-width: 0;
    white-space: nowrap;
    color: var(--colors-darkgrey-800);
}

.experience-list .expe-item .infos .meta-info {
    font-size: 15px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    line-height: 20px;
}

.experience-list .expe-item .infos .meta-info i {
    width: 16px;
}

.experience-list .expe-item .infos .location,
.experience-list .expe-item .infos .short-desc {
    display: flex;
    gap: 5px;
    align-items: center;
}

.experience-list .expe-item .infos .short-desc label {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.experience-list .expe-item .actions {
    display: flex;
    flex-direction: column;
    align-items: end;
    flex: 0 0 auto;
    gap: 33px;
}

.experience-list .expe-item .actions .labels {
    display: flex;
    gap: 5px;
    align-items: center;
}

.experience-list .expe-item .actions .labels span.new {
    display: flex;
    padding: 2px 8px;
    align-items: center;
    border-radius: 16px;
    mix-blend-mode: multiply;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    height: max-content;
    background: var(--colors-success-50);
    color: var(--colors-success-700);

}

.experience-list .expe-item .actions .wishlist {
    font-size: 20px;
    cursor: pointer;
}

.experience-list .expe-item .actions .benefit-amount {
    position: relative;
    /*margin-right: 10px;*/
}

.experience-list .expe-item .actions .amount {
    display: flex;
    padding: 1px 8px;
    color: var(--colors-primary-500);
    border-radius: 4px;
    font-size: 13px;
    line-height: 25px;
    font-weight: 600;
    background: var(--colors-primary-200);
}

.experience-list .expe-item .actions .redeem-av {
    position: absolute;
    background: var(--colors-primary-500);
    color: var(--colors-base-white);
    width: 19px;
    height: 19px;
    border-radius: 50%;
    top: 0;
    right: 0;
    transform: translate(10px, -10px);
    text-align: center;
    font-size: 10px;
    line-height: 18px;
}

.experience-list .expe-item .actions .redeem-av i {
    font-size: 10px;
    line-height: 19px;
}

span.wishlist.active i {
    font-weight: 900;
    color: var(--colors-primary-500);
}

.load-more-item .button-loader {
    display: flex;
    justify-content: center;
}

/*Experience detail*/
div#custombox-modal-container .custombox-modal-content>.content-wraper {
    padding: 0;
}

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

.header-content {
    display: flex;
    flex-direction: column;
    gap: 15px;
    position: relative;
}

.header-content .header-bar {
    display: flex;
    padding: 10px 15px;
    justify-content: space-between;
    align-items: center;
    font-size: 20px;
    position: absolute;
    z-index: 11;
    width: 100%;
}

.header-content .header-bar .back-button {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
    color: #fff;
}

.header-content .header-bar .back-text {
    font-size: 16px;
    font-weight: 500;
}

.header-content .header-bar .wishlist {
    cursor: pointer;
    color: #fff;
}

.header-content .header-image {
    /*margin-top: -15px;*/
}

.price-value {
    display: flex;
    justify-content: center;
    margin-top: 10px;
    margin-bottom: -20px;
}

.price-value span {
    display: flex;
    padding: 2px 8px;
    align-items: center;
    border-radius: 16px;
    background: var(--colors-primary-500);
    color: #FFF;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    width: max-content;
}

.header-content .header-image:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 50px;
    z-index: 2;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.4) 70%, rgba(0, 0, 0, 0) 100%);
    pointer-events: none;
}

.header-content .header-image .image {
    height: 250px;
    background-size: cover;
    background-position: center;
}

.header-content .exp-title {
    text-align: center;
    margin: 0;
    font-size: 22px;
    line-height: 32px;
    font-weight: 600;
    padding: 10px 15px 0;
}

.header-content .meta-infos {
    display: flex;
    gap: 6px;
    padding: 0 15px;
    color: var(--colors-grey-700);
    align-items: center;
    flex-direction: column;
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
}

.header-content .meta-items {
    display: flex;
    gap: 10px;
    width: 100%;
    justify-content: center;
    padding: 0 50px;
}

.header-content .meta-item {
    display: flex;
    gap: 5px;
    align-items: center;
    min-width: 0;
    font-size: 16px;
    line-height: 25px;
}

.header-content .meta-items .short-desc label {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 100%;
    min-width: 0;
}

.header-content .ticket-available {
    display: flex;
    gap: 5px;
    align-items: flex-end;
    flex-shrink: 0;
}

.header-content .ticket-available .amount {
    color: var(--colors-primary-500);
    background: var(--colors-primary-200);
    display: flex;
    padding: 1px 8px;
    border-radius: 4px;
    font-size: 13px;
    line-height: 25px;
    font-weight: 600;
}

.header-content .ticket-available .redeem-av {
    background: var(--colors-primary-200);
    color: var(--colors-primary-500);
    width: 25px;
    height: 25px;
    border-radius: 50%;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
}

.exp-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
    border-top: solid 1px var(--colors-grey-200);
    padding: 20px 15px 0;
}

.exp-content .confitions-extra {
    background: var(--colors-grey-200);
    padding: 15px 20px;
    border-radius: 10px;
    font-size: 14px;
    color: var(--colors-darkgrey-800);
    line-height: 20px;
}

.exp-content .confitions-extra p {
    font-size: 14px;
    line-height: 20px;
}

.exp-content h3 {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    margin: 0;
}

.redeem-btn-action {
    position: sticky;
    position: -webkit-sticky;
    bottom: 0;
    /*background: var(--colors-base-white);*/
    padding: 15px;
}

.header-content .owl-theme .owl-dots .owl-dot span {
    background: var(--colors-error-300);
}

.header-content .owl-theme .owl-dots .owl-dot.active span,
.header-content .owl-theme .owl-dots .owl-dot:hover span {
    background: var(--colors-primary-500);
}

/*Countdown*/
div#iwj-notice-modal .notice-modal-content form.experience-confirm {
    border-radius: 0;
    padding: 120px 30px 150px;
    gap: 40px;
    background: #ffffff;
}

div#iwj-notice-modal .notice-modal-content .experience-confirm .modal-header {
    align-items: center;
    text-align: center;
    gap: 40px;
}

div#iwj-notice-modal .notice-modal-content .experience-confirm .modal-desc {
    font-size: 28px;
    line-height: 36px;
}

div#iwj-notice-modal .notice-modal-content .experience-confirm.confirm-delete-account .modal-desc {
    font-size: 18px;
    line-height: 28px;
}

div#iwj-notice-modal .experience-confirm .modal-footer {
    flex-direction: column;
    gap: 10px;
    align-items: center;
}

div#iwj-notice-modal .experience-confirm .modal-footer button {
    flex: 0 0 auto;
    width: 100%;
}

.confirm-redeem.new-change {
    background: var(--colors-grey-200);
}

.countdown-wrap {
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: center;
    text-align: center;
}

.countdown-wrap .exp-image {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 20px;
}

.countdown-wrap .exp-image img {
    width: 75px;
    border: solid 1px var(--colors-grey-200);
    border-radius: 8px;
    background: var(--colors-base-white);
}

.countdown-wrap .exp-info {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
}

.countdown-wrap .exp-title {
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    line-height: 36px;
    color: var(--colors-grey-600);
}

.countdown-wrap .exp-amount {
    background: var(--colors-primary-200);
    padding: 1px 8px;
    border-radius: 4px;
    color: var(--colors-primary-500);
    font-size: 13px;
    line-height: 25px;
    font-weight: 600;
    display: flex;
}

.countdown-wrap .exp-countdown {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 14px;
}

.countdown-wrap .exp-countdown .timer {
    font-size: 28px;
    font-weight: 700;
    color: var(--colors-grey-700);
    line-height: 36px;
}

.countdown-wrap .graphic-image {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 50px;
    color: var(--colors-grey-700);
    padding-bottom: 20px;
}

.countdown-wrap .graphic-image .grap-inner {
    padding: 15px;
    background: var(--colors-base-white);
    border-radius: 50%;
    width: 150px;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/***************Contact accordion*******************/
.accordion.locations .accordion-item {
    border: hidden;
}

.accordion.locations .accordion-header {
    color: var(--colors-darkgrey-800);
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    border-radius: 5px;
    background-color: var(--colors-grey-200);
    transition: none;
}

.accordion.locations .accordion-item.active .accordion-header {
    border-bottom: solid 1px var(--colors-grey-300);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.exp-contact {
    padding: 20px 0;
}

.exp-contact .contact-infos {
    display: flex;
    gap: 30px;
}

.exp-contact .contact-info {
    display: flex;
    gap: 10px;
    flex-direction: column;
    flex: 1;
}

.exp-contact .contact-info .contact-name {
    font-weight: 600;
    color: var(--colors-grey-900);
}

.exp-contact .location-info-inner {
    display: flex;
    flex-direction: column;
    margin: 1em 0;
    gap: 5px;
}

.exp-contact .locations .location-info-inner {
    padding: 0;
}

.exp-contact .location-info-inner>div {
    display: flex;
    gap: 10px;
    align-items: center;
}

.exp-contact .location-info-inner .icon {
    width: 25px;
    flex: 0 0 auto;
    display: flex;
    justify-content: center;
}

/* Background overlay */
.experience-detail .modal-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.2);
    display: flex;
    justify-content: center;
    align-items: flex-end;
    z-index: 1000;
}

/* Modal container */
.experience-detail .modal-box {
    background: white;
    width: 100%;
    border-radius: 20px 20px 0 0;
    padding: 20px 20px 80px;
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.1);
    position: relative;
    display: flex;
    flex-direction: column;
}

/* Modal header */
.experience-detail .modal-header {
    display: flex;
    align-items: end;
}

/* Close button */
.experience-detail .modal-close {
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
    color: var(--colors-grey-400);
    display: flex;
    width: 30px;
    height: 30px;
    justify-content: center;
    align-items: center;
    padding: 0;
}

.experience-detail .modal-body {
    text-align: center;
}

.experience-detail .modal-body .icon {
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
}

.experience-detail .modal-body .icon .wrap-icon {
    width: 60px;
    height: 60px;
    font-size: 20px;
}


/**************** Whishlist Page********************/
/**************** Notification Page********************/
.notify-item {
    padding: 15px 0;
    border-bottom: solid 1px var(--colors-grey-200);
}

.notify-item .notify-title,
.notify-detail-page .notify-title {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    color: var(--colors-darkgrey-800);
}

.notify-item .notify-msg,
.notify-detail-page .notify-msg {
    color: #818181;
}

.notify-item .notify-meta {
    font-size: 12px;
    line-height: 20px;
    color: #818181;
}

.notify-detail-page .image {
    margin-bottom: 20px;
}

.notify-detail-page .sub-title {
    font-size: 12px;
    line-height: 18px;
    color: var(--colors-grey-300);
}

/*.notify-detail-page .sub-title:before, .notify-detail-page .sub-title:after {
    content: "\f86c";
    font-family: 'Font Awesome 5 Pro';
    padding: 2px;
}*/
.notify-detail-page .nf-date {
    font-size: 12px;
    line-height: 18px;
    text-align: right;
}

/****************** Profile page********************/
.gc-tabs {
    display: flex;
    border-bottom: 2px solid #e0e0e0;
    margin-bottom: 30px;
    gap: 25px;
}

.gc-tab {
    padding: 10px;
    font-size: 20px;
    color: #a0a0b0;
    cursor: pointer;
    font-weight: 500;
    margin-bottom: -2px;
    border-bottom: solid 2px transparent;
}

.gc-tab.active,
.gc-tab:hover {
    color: var(--colors-grey-900);
    border-bottom: solid 2px var(--colors-grey-900);
}

.gc-tab-content {
    display: none;
    flex-direction: column;
    gap: 16px;
}

.gc-tab-content table {
    width: 100%;
    border-collapse: collapse;
}

.gc-tab-content.active {
    display: flex;
}

.profile-page .profile-page-inner {
    display: flex;
    flex-direction: column;
}

.profile-page .profile-section {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.profile-page .section-title {
    font-size: 20px;
    color: var(--colors-grey-900);
    font-weight: 600;
    line-height: 30px;
    padding: 10px 0;
}

.profile-page .profile-section-inner {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.profile-page .profile-section-inner .page-item {
    padding: 15px 0;
    border-bottom: solid 1px var(--colors-grey-200);
}

.profile-page .profile-section-inner .page-item a {
    color: var(--colors-darkgrey-500);
}

.page-contact .form-message {
    padding-bottom: 20px;
}

.page-contact .field-wrap {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
}

.page-contact .field-content {
    width: 100%;
}

.page-contact .field-content textarea {
    min-height: 150px;
}

.page-contact .response-message {
    display: none;
    border: solid 1px var(--colors-grey-200);
    padding: 5px 10px;
}

.page-contact .response-message.error {
    border-color: var(--colors-error-300);
    background: var(--colors-error-50);
    color: var(--colors-error-700);
}

.page-contact .response-message.success {
    border-color: var(--colors-success-400);
    background: var(--colors-success-50);
    color: var(--colors-success-700);
}

.page-contact form {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.confirm-modal-click {
    cursor: pointer;
}

/******************No item found page*****************/
.no-result-page .page-content-inner {
    padding: 130px 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.no-result-page .page-content-inner .content-wrap {
    text-align: center;
    max-width: 300px;
    font-size: 18px;
}

.no-result-page .page-title {
    font-size: 20px;
    color: var(--colors-grey-900);
    font-weight: 600;
    line-height: 30px;
}

/************** Confirm page****************/
.iwj-confirm-page {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1 0 0;
    align-self: stretch;
}

.iwj-confirm-page .confirm-page-content {
    display: flex;
    padding: 120px 15px;
    flex-direction: column;
    align-items: center;
    flex: 1 0 0;
    align-self: stretch;
}

.confirm-page-content .confirm-page-content-inner {
    display: flex;
    max-width: 900px;
    width: 100%;
    flex-direction: column;
    align-items: center;
    gap: 48px;
}

.confirm-page-content .page-content-header {
    display: flex;
    max-width: 500px;
    width: 100%;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}

.iwj-confirm-page .confirmation-icon {
    display: flex;
    width: 66px;
    height: 66px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    color: var(--colors-success-500);
    font-size: 20px;
}

.iwj-confirm-page.lossepass .confirmation-icon:before,
.iwj-confirm-page.lossepass .confirmation-icon:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: var(--colors-success-400);
    opacity: 0.3;
}

.iwj-confirm-page.lossepass .confirmation-icon:after {
    width: 70%;
    height: 70%;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.iwj-confirm-page .confirm-message {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    align-self: stretch;
}

.confirm-message .heading {
    color: var(--colors-darkgrey-800);
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    line-height: 38px;
}

.confirm-message .message {
    color: var(--colors-darkgrey-500);
    text-align: center;
    font-size: 16px;
    line-height: 24px;
}

.confirm-message .actions {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 4px;
    align-self: stretch;
    color: var(--colors-darkgrey-800);
    font-size: 14px;
    line-height: 20px;
    padding: 68px 0 20px;
}

.iwj-confirm-page .page-content-footer {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    justify-content: center;
    max-width: 500px;
    width: 100%;
}

.iwj-confirm-page .page-content-footer a {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: var(--colors-darkgrey-500);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

.footer-small-text {
    padding: 10px 0;
    font-size: 12px;
}

/*Override PMS page*/
.pms-field.pms-field-subscriptions h3,
.pms-form-design-wrapper #pms-paygates-wrapper h3 {
    margin-top: 30px !important;
}

.pms-form-fields-wrapper .pms-field-subscriptions .pms-subscriptions-list-title,
.pms-form-fields-wrapper .pms-account-details-title,
.pms-form-design-wrapper #pms-paygates-wrapper h3 {
    margin-bottom: 20px !important;
}

.pms-form-fields-wrapper .pms-field-subscriptions .pms-subscriptions-list-title span,
.pms-form-fields-wrapper .pms-account-details-title span {
    font-size: 16px;
}

.pms-form-design-wrapper table.pms-account-subscription-details-table tr.pms-account-subscription-details-table__actions td:last-of-type .pms-account-subscription-action-link__retry:before {
    filter: grayscale(100) brightness(100);
}

.pms-form-design-wrapper #pms-paygates-inner {
    gap: 15px !important;
}

#pms-paygates-inner>label {
    flex: 1;
    width: 100%;
}

#pms-paygates-inner input+span {
    width: 100%;
}

.pms-form-design-wrapper #pms-subscription-plans-discount input#pms-apply-discount {
    display: flex;
    padding: 10px 18px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 6px !important;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    width: max-content;
    cursor: pointer;
    border: 1px solid #D0D5DD;
    background: var(--colors-grey-200);
    color: var(--colors-grey-400) !important;
}

.pms-form-design-wrapper #pms-subscription-plans-discount input#pms-apply-discount.has-value {
    color: var(--colors-grey-25) !important;
    background: var(--colors-secondary-900);
    border: solid 1px var(--colors-secondary-900);
}

.pms-form-design-wrapper li.pms-field.pms-user-login-field {
    display: none !important;
    visibility: hidden !important;
}

.page-content-inner .pms-form-design-wrapper .pms-account-navigation ul {
    flex-direction: row;
    border-bottom: solid 2px var(--colors-grey-200);
    justify-content: flex-start;
}

.page-content-inner .pms-form-design-wrapper .pms-account-navigation ul li.pms-account-navigation-link:not(.pms-account-navigation-link--logout) a:hover,
.page-content-inner .pms-form-design-wrapper .pms-account-navigation ul li a.pms-account-navigation-link--active,
.page-content-inner .pms-account-navigation li.pms-account-navigation-link a:hover,
.page-content-inner .pms-account-navigation li.pms-account-navigation-link .pms-account-navigation-link--active {
    box-shadow: none !important;
}

.page-content-inner .pms-form-design-wrapper .pms-account-navigation ul li a {
    color: var(--colors-grey-400);
}

.page-content-inner .pms-form-design-wrapper .pms-account-navigation ul li.pms-account-navigation-link:not(.pms-account-navigation-link--logout) a:hover,
.page-content-inner .pms-form-design-wrapper .pms-account-navigation ul li a.pms-account-navigation-link--active {
    color: var(--colors-grey-900);
    border-bottom: solid 2px var(--colors-grey-900) !important;
    transition: none;
}

.page-content-inner .pms-form-design-wrapper table.pms-account-subscription-details-table tr.pms-account-subscription-details-table__actions td:last-of-type .pms-account-subscription-action-link {
    color: var(--colors-base-white);
    background: var(--colors-primary-500);
    border: solid 1px var(--colors-primary-500) !important;
    display: flex;
    padding: 10px 18px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    font-weight: 500;
    cursor: pointer;
    font-size: 18px;
    line-height: 28px;
    border-radius: 8px;
    height: auto;
}

li.pms-gdpr-field>label {
    display: flex;
    gap: 5px;
}

.pms-form-design-wrapper li.pms-gdpr-field>label>div>a {
    text-decoration: underline;
}

.pms-form>input[type=submit] {
    margin: 0 15px 15px 0 !important;
}

.pms-form-design-wrapper #pms-subscription-plans-discount-messages-wrapper:has(.pms-discount-error) {
    border: 1px solid var(--colors-error-300);
    background: var(--colors-error-25);
    color: var(--colors-error-700);
    border-radius: 12px;
}

.pms_success-messages-wrapper p,
.pms-form-design-wrapper #pms-subscription-plans-discount-messages-wrapper:has(.pms-discount-success) {
    border: 1px solid var(--colors-success-400) !important;
    background: var(--colors-success-50) !important;
    color: var(--colors-success-700) !important;
}

.pms_success-messages-wrapper span.pms-notice-title {
    color: var(--colors-success-700) !important;
}

.pms_success-messages-wrapper p:before,
.pms-form-design-wrapper #pms-subscription-plans-discount-messages.pms-discount-success:before {
    content: url(../icons/success-icon.svg);
}

.pms-form-design-wrapper #pms-subscription-plans-discount-messages.pms-discount-error:before {
    content: url(../icons/error-icon.svg);
}

.pms-form-errors-wrapper p,
.pms-payment-error p,
.pms_success-messages-wrapper p,
p.pms-alert,
p.pms-login-error {
    max-width: none;
    border-radius: 12px;
}

.pms-form-design-wrapper table.pms-account-subscription-details-table tr.pms-account-subscription-details-table__status td.status-active {
    background: var(--colors-success-50);
    color: var(--colors-success-700);
    border: hidden;
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
}

.pms-form-design-wrapper .pms-subscription-plan label.selected,
.pms-form-design-wrapper .pms-subscription-plan label:hover {
    border-color: var(--colors-grey-500);
    box-shadow: none;
}

.pms-form-design-wrapper .pms-subscription-plan label.selected .pms-subscription-plan-name {
    color: var(--colors-grey-900);
}

.pms-form-design-wrapper .pms-group-dashboard a.pms-group-dashboard-go-back:hover,
.pms-form-design-wrapper input[type="submit"]:hover,
.pms-form-design-wrapper #pms-subscription-plans-discount input#pms-apply-discount:hover {
    background: var(--colors-primary-500) !important;
    color: #fff !important;
}

.page-content-inner .pms-form-design-wrapper .pms-account-navigation ul li.pms-account-navigation-link--logout a:hover,
.page-content-inner .pms-form-design-wrapper table.pms-account-subscription-details-table tr.pms-account-subscription-details-table__actions td:last-of-type a.pms-account-subscription-action-link:hover {
    background: var(--colors-primary-500) !important;
    border: solid 1px var(--colors-primary-500) !important;
}

.pms-form-design-wrapper table.pms-account-subscription-details-table tr td a.ibtn,
.pms-form-design-wrapper table.pms-account-subscription-details-table tr td a.ibtn:hover {
    color: #fff;
}

.pms-form-design-wrapper .pms-group-dashboard form#pms-invite-members label.focused,
.pms-form-design-wrapper#pms_login p.login-username label.focused,
.pms-form-design-wrapper#pms_login p.login-password label.focused,
.pms-form-design-wrapper #pms-subscription-plans-discount label.focused,
.pms-form-design-wrapper .pms-field:not(.pms-field-subscriptions) label.focused {
    color: var(--colors-grey-500) !important;
}

.pms-form-design-wrapper #pms-members-table .pms-members-table__search input:focus,
.pms-form-design-wrapper .pms-group-dashboard form#pms-invite-members textarea:focus,
.pms-form-design-wrapper .pms-field textarea:focus,
.pms-form-design-wrapper#pms_login p.login-username input:focus,
.pms-form-design-wrapper#pms_login p.login-password input:focus,
.pms-form-design-wrapper .pms-subscription-plan-price input.pms_pwyw_pricing:focus,
.pms-form-design-wrapper #pms-subscription-plans-discount input#pms_subscription_plans_discount_code:focus,
.pms-form-design-wrapper #pms-stripe-credit-card-details:focus,
.pms-form-design-wrapper .pms-field:not(.pms-field-subscriptions) input[type=text]:focus,
.pms-form-design-wrapper .pms-field input[type=password]:focus {
    border-color: var(--colors-grey-500) !important;
}

.page-content-inner .pms-form-design-wrapper table.pms-account-subscription-details-table tr.pms-account-subscription-details-table__actions td:last-of-type span.pms-account-subscription-action-link {
    opacity: 1;
    border: 1px solid var(--colors-grey-400) !important;
    background: #FFFFFF;
    color: var(--colors-grey-400);
}

.page-content-inner .pms-form-design-wrapper table.pms-account-subscription-details-table tr.pms-account-subscription-details-table__actions td:last-of-type .pms-account-subscription-action-link__change:before {
    content: "\f2f1";
    font-family: 'Font Awesome 5 Pro';
    color: #fff;
    padding-bottom: 10px;
}

.pms-form-design-wrapper table.pms-account-subscription-details-table tr.pms-account-subscription-details-table__actions td:last-of-type .pms-account-subscription-action-link__cancel:before {
    content: "\f00d";
    font-family: 'Font Awesome 5 Pro';
    color: #fff;
    padding-bottom: 10px;
}

.pms-form-design-wrapper table.pms-account-subscription-details-table tr.pms-account-subscription-details-table__actions td:last-of-type .pms-account-subscription-action-link__renew:before {
    content: "\f361";
    font-family: 'Font Awesome 5 Pro';
    color: #fff;
    padding-bottom: 10px;
}

.pms-form-design-wrapper table.pms-account-subscription-details-table tr.pms-account-subscription-details-table__actions td:last-of-type .pms-account-subscription-action-link__abandon:before {
    content: "\f05e";
    font-family: 'Font Awesome 5 Pro';
    color: #fff;
    padding-bottom: 10px;
}

.pms-form-design-wrapper table.pms-account-subscription-details-table tr.pms-account-subscription-details-table__actions td:last-of-type span.pms-account-subscription-action-link__cancel:before,
.pms-form-design-wrapper table.pms-account-subscription-details-table tr.pms-account-subscription-details-table__actions td:last-of-type .pms-account-subscription-action-link__abandon:before {
    color: var(--colors-grey-400);
}

.pms-form-design-wrapper .pms-group-dashboard a.pms-group-dashboard-go-back,
.pms-form-design-wrapper input[type="submit"],
.pms-form-design-wrapper #pms-apply-discount,
.pms-form-design-wrapper .pms-form-submit {
    background: var(--colors-primary-500);
}

.pms-form-design-wrapper .pms-warning-message-wrapper a,
.pms-form-design-wrapper .pms-gdpr-field label a,
.pms-form-design-wrapper .mc4wp-checkbox-paid-member-subscriptions label a,
.pms-form-design-wrapper .pms-alert a,
.pms-form-design-wrapper p a.pms-register-page-link,
.pms-form-design-wrapper#pms_login p.login-extra a {
    color: var(--colors-grey-500);
}

.pms-form-design-wrapper .pms-warning-message-wrapper a:hover,
.pms-form-design-wrapper table#pms-payment-history tr td.pms-payment-invoice a:hover,
.pms-form-design-wrapper table.pms-account-subscription-details-table tr td a.pms-account-subscription-action-link__update-payment-method:hover,
.pms-form-design-wrapper .pms-gdpr-field label a:hover,
.pms-form-design-wrapper .mc4wp-checkbox-paid-member-subscriptions label a:hover,
.pms-form-design-wrapper .pms-alert a:hover,
.pms-form-design-wrapper p a.pms-register-page-link:hover,
.pms-form-design-wrapper#pms_login p.login-extra a:hover {
    color: var(--colors-primary-500);
}

.pms-form-design-wrapper#pms_login p.login-remember input[type="checkbox"],
.pms-form-design-wrapper .pms-gdpr-field input[type="checkbox"],
.pms-form-design-wrapper .mc4wp-checkbox-paid-member-subscriptions input[type="checkbox"],
.pms-form-design-wrapper .pms-subscription-plan-auto-renew input[type="checkbox"] {
    border-color: var(--colors-grey-200);
    padding: 0;
}

.pms-form-design-wrapper#pms_login p.login-remember input[type="checkbox"]:hover,
.pms-form-design-wrapper .pms-gdpr-field input[type="checkbox"]:hover,
.pms-form-design-wrapper .mc4wp-checkbox-paid-member-subscriptions input[type="checkbox"]:hover,
.pms-form-design-wrapper .pms-subscription-plan-auto-renew input[type="checkbox"]:hover,
.pms-form-design-wrapper#pms_login p.login-remember input[type="checkbox"]:focus,
.pms-form-design-wrapper .pms-gdpr-field input[type="checkbox"]:focus,
.pms-form-design-wrapper .mc4wp-checkbox-paid-member-subscriptions input[type="checkbox"]:focus,
.pms-form-design-wrapper .pms-subscription-plan-auto-renew input[type="checkbox"]:focus {
    border-color: var(--colors-grey-300) !important;
    box-shadow: none;
    transition: none;
}

.pms-form-design-wrapper#pms_login p.login-remember input[type="checkbox"]:checked,
.pms-form-design-wrapper .pms-gdpr-field input[type="checkbox"]:checked,
.pms-form-design-wrapper .mc4wp-checkbox-paid-member-subscriptions input[type="checkbox"]:checked,
.pms-form-design-wrapper .pms-subscription-plan-auto-renew input[type="checkbox"]:checked {
    border-color: var(--colors-primary-500);
    background: var(--colors-primary-500);
}

.pms-form-design-wrapper #pms-members-table .pms-members-table__search,
.pms-form-design-wrapper .pms-group-dashboard form#pms-invite-members,
.pms-form-design-wrapper#pms_login p.login-username,
.pms-form-design-wrapper#pms_login p.login-password,
.pms-form-design-wrapper .pms-field:not(.pms-field-subscriptions, .pms-field-type-heading, .pms-gdpr-field, .beehive) {
    margin-bottom: 20px;
}

.pms-warning-message-wrapper,
.pms-form-errors-wrapper p,
.pms-payment-error p,
p.pms-login-error {
    margin: 20px 0 0;
    width: 100%;
}

.pms-form-design-wrapper input[type="submit"].ibtn {
    display: flex;
    padding: 10px 18px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 6px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    width: max-content;
    cursor: pointer;
    border: 1px solid #D0D5DD !important;
    background: #FFFFFF !important;
    color: var(--colors-primary-500) !important;
}

.pms-form-design-wrapper input[type="submit"].ibtn-full {
    width: 100%;
}

.pms-form-design-wrapper input[type="submit"].ibtn-primary {
    color: var(--colors-base-white) !important;
    background: var(--colors-primary-500) !important;
    border: solid 1px var(--colors-primary-500) !important;
}

.pms-form-design-wrapper input[type="submit"].ibtn-primary:hover {
    border-color: #CA0;
}

.pms-form-design-wrapper input[type="submit"].ibtn-dark {
    color: var(--colors-grey-25) !important;
    background: var(--colors-secondary-900) !important;
    border: solid 1px var(--colors-secondary-900) !important;
}

.pms-form-design-wrapper input[type="submit"].ibtn-dark:hover {
    color: var(--colors-grey-25) !important;
    border-color: var(--colors-secondary-100) !important;
}

.pms-form-design-wrapper input[type="submit"].ibtn-second {
    border: 1px solid var(--colors-primary-200) !important;
    background: var(--colors-primary-200) !important;
    color: var(--colors-primary-500) !important;
}

.pms-form-design-wrapper input[type="submit"].ibtn-second-dark {
    border: 1px solid var(--colors-grey-700) !important;
    background: #FFFFFF !important;
    color: var(--colors-grey-700) !important;
}

.pms-form-design-wrapper input[type="submit"].ibtn-second:hover {
    color: var(--colors-darkgrey-800) !important;
    background: #F9FAFB;
}

.pms-form-design-wrapper input[type="submit"].ibtn-no-border {
    border: hidden;
}

.pms-form-design-wrapper input[type="submit"].ibtn-none {
    padding: 8px;
    border: hidden;
    background: transparent;
    color: var(--colors-darkgrey-500) !important;
}

.pms-form-design-wrapper input[type="submit"].ibtn-none:hover {
    color: var(--colors-grey-500) !important;
}

.pms-form-design-wrapper input[type="submit"].ibtn-none.ibtn-primary {
    color: var(--colors-primary-500) !important;
}

.pms-form-design-wrapper input[type="submit"].ibtn-none.ibtn-primary:hover {
    color: var(--colors-primary-600) !important;
}

.pms-form-design-wrapper input[type="submit"].ibtn-bigger {
    font-size: 18px;
    line-height: 28px;
    border-radius: 8px;
}

.pms-form-design-wrapper input[type="submit"].ibtn-small {
    font-size: 14px;
    line-height: 20px;
}

.pms-form-design-wrapper input[type="submit"].ibtn-disabled,
.ibtn-disabled:hover {
    border: 1px solid var(--colors-grey-200) !important;
    background: var(--colors-base-white) !important;
    color: var(--colors-grey-300) !important;
}

.pms-form-design-wrapper input[type="submit"].ibtn-mobile-full-width {
    width: auto;
}

.pms-form-design-wrapper .button-action-wrapper {
    display: flex;
    gap: 10px;
    align-items: center;
}

li.pms-field.pms-gdpr-field label,
li.pms-field.pms-gdpr-field label a {
    font-size: 13px !important;
}

.buy-card-page .buy-card-title {
    text-align: center;
    background-color: #fcfcfc !important;
    padding: 164px 15px 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.buy-card-page .buy-card-title h1 {
    font-weight: 700;
    font-size: 71px;
    color: #4f4f4f !important;
    line-height: 1.13em;
    margin: 0;
}

.buy-card-page .buy-card-title .sub-title {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    max-width: 700px
}

.buy-card-page .buy-card-container {
    padding: 101px 15px 80px;
    max-width: 784px;
    margin: 0 auto;
}

.buy-card-page .buy-card-container .ibtn {
    font-size: 18px;
    font-weight: 700;
    border-radius: 7px;
    line-height: 1.8em;
}

.buy-card-page .buy-card-container .iwj-submit-btn {
    display: flex;
    justify-content: flex-end;
}

.form-inner-container {
    background: #fff;
    gap: 16px;
    display: flex;
    flex-direction: column;
}

.form-fields {
    display: flex;
    gap: 16px;
}

.form-field {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    align-self: stretch;
    width: 100%;
}

.form-field label {
    color: var(--colors-grey-700);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 0;
}

.form-field .iwj-input {
    display: flex;
    align-items: flex-start;
    gap: 4px;
    align-self: stretch;
    flex-direction: column;
    position: relative;
}

.form-field input,
.form-field textarea {
    padding: 8px 35px 8px 12px;
    border-radius: 8px;
    border: 1px solid var(--colors-grey-300);
    background: var(--colors-base-white);
    color: var(--colors-darkgrey-800);
    font-size: 16px;
    line-height: 24px;
    width: 100%;
    height: 40px;
}

.buy-card-form .form-field input,
.buy-card-form .form-field textarea {
    padding: 16px 16px 20px;
    border-radius: 10px 10px 10px 10px;
    font-size: 18px;
    line-height: 1.8em;
    font-weight: 500;
    height: auto;
}

.buy-card-form .ajax-loading .price {
    display: none;
}

.buy-card-form .ajax-loading .loading {
    display: block !important;
}

.buy-card-form .alert.alert-danger,
.buy-card-form .alert.alert-success {
    margin: 0;
    padding: 0;
    border: hidden;
    background: transparent;
}

.buy-card-form .StripeElement {
    padding: 20px 20px 25px;
    border-radius: 10px;
    border: 1px solid var(--colors-grey-300);
}

body.page-id-2035 .select2-container--default .select2-selection--single,
body.page-id-3592 .select2-container--default .select2-selection--single,
body.page-id-691 .select2-container--default .select2-selection--single,
body.page-id-172 .select2-container--default .select2-selection--single {
    padding: 20px 16px 24px;
    border-radius: 10px 10px 10px 10px !important;
    height: auto;
}

body.page-id-2035 .select2-container--default .select2-selection--single .select2-selection__rendered,
body.page-id-3592 .select2-container--default .select2-selection--single .select2-selection__rendered,
body.page-id-691 .select2-container--default .select2-selection--single .select2-selection__rendered,
body.page-id-172 .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 18px;
    font-weight: 500;
}

body.page-id-2035 .select2-container--default .select2-selection--single .select2-selection__arrow,
body.page-id-3592 .select2-container--default .select2-selection--single .select2-selection__arrow,
body.page-id-691 .select2-container--default .select2-selection--single .select2-selection__arrow,
body.page-id-172 .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 70px;
}

.form-field .iwjmb-input .field-tip,
.form-field .iwj-input .field-tip {
    position: absolute;
    right: 10px;
    height: 100%;
    display: flex;
    align-items: center;
}

.form-field .iwj-input .field-tip>i {
    cursor: pointer;
}

.buy-card-form .form-field .iwj-input .field-tip>i {
    font-size: 20px;
}

.hidden {
    display: none;
}

body .select2-container--default .select2-selection--single {
    padding: 8px 12px;
    border-radius: 8px !important;
    border: 1px solid var(--colors-grey-300);
    background: var(--colors-base-white);
    width: 100%;
    height: 40px;
    line-height: 40px;
    webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-border-radius: 8px;
}

body .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 16px;
    line-height: 24px;
    color: var(--colors-grey-700);
    padding-left: 0;
}

body .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 0;
    height: 40px;
    right: 10px;
}

body .select2-container--default .select2-results>.select2-results__options {
    background: #fff;
    max-height: 250px;
    overflow-y: auto;
    box-shadow: none;
}

body .select2-container--default .select2-results__option {
    background: transparent;
    font-size: 14px;
    line-height: 20px;
    color: var(--colors-darkgrey-500);
}

body.select2-container--default .select2-results__option--highlighted[aria-selected],
body .select2-container--default .select2-results__option[aria-selected="true"],
body .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #f5f7f7;
    color: var(--colors-darkgrey-500);
}

body .select2-container--open .select2-dropdown {
    min-width: 200px;
    border: 1px solid var(--colors-grey-300);
    border-radius: 8px !important;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    overflow: hidden;
}

body.admin-bar .select2-container--open .select2-dropdown.select2-dropdown--below.iwj-select-2-wsearch,
body.admin-bar .select2-container--open .select2-dropdown.select2-dropdown--below {
    /*margin-top: 32px !important;*/
}

body .select2-container--default .select2-search--dropdown .select2-search__field {
    margin-bottom: 5px;
    border-radius: 4px;
}

label.checkbox-field,
label.radio-field {
    display: flex;
    cursor: pointer;
    font-weight: 400;
    cursor: pointer;
    position: relative;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
}

label.checkbox-field:before,
label.radio-field:before {
    content: "";
    font-weight: 400;
    font-size: 16px;
    border-radius: 4px;
    border: 1px solid var(--colors-grey-300);
    background: var(--colors-base-white);
    font-family: 'Font Awesome 5 Pro';
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    flex: 0 0 auto;
    align-items: center;
}

label.checked:before {
    color: var(--colors-primary-500);
    border-color: var(--colors-primary-500);
    background: var(--colors-rose-50);
}

label.checkbox-field.checked:before {
    content: '\f00c';
}

label.radio-field:before {
    border-radius: 50%;
}

label.radio-field.checked:before {
    content: "\f111";
    font-weight: 900;
    font-size: 10px;
}

label.checkbox-field input,
label.radio-field input {
    opacity: 0;
    position: absolute;
    left: 0;
    cursor: pointer;
    top: 2px;
    width: 0;
}

label.checkbox-field span,
label.radio-field span {
    display: inline-block;
    vertical-align: middle;
    font-weight: normal;
    cursor: pointer;
}

#card-element {
    width: 100%;
}

.term_condition_f label a {
    text-decoration: underline;
}

/* Wishlist page */
.wishlist-page .tab-items {
    display: flex;
    padding-bottom: 50px;
}

.wishlist-page .tab-items span {
    width: 50%;
    display: flex;
    justify-content: center;
    padding: 5px 0;
    cursor: pointer;
}

.wishlist-page .tab-items span.active {
    border-bottom: solid 2px #888;
}

.total-benefit-amount {
    display: flex;
    margin-bottom: 30px;
    background: var(--colors-primary-200);
    padding: 15px;
    color: var(--colors-primary-500);
    font-weight: 500;
    font-size: 18px;
}

.total-benefit-amount .amount {
    display: flex;
    gap: 30px;
    justify-content: space-between;
    width: 100%;
}

.countdown-wrap.open-back {
    padding: 120px 30px 150px !important;
}

#pms-credit-card-information,
.pms-section-billing-details {
    display: none !important;
}

/* New custom css */
.pms-field label {
    z-index: 1;
}

.pms-custom-select {
    position: relative;
    width: 100%;
    font-size: 14px;
}

.pms-select-trigger {
    width: 100%;
    height: 56px;
    line-height: 44px;
    padding: 15px 40px 0 15px;
    border: 1px solid #d1d5db;
    border-radius: 4px;
    background: #fff;
    color: #111827;
    cursor: pointer;
    position: relative;
}

.pms-custom-select::after {
    content: '';
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    width: 8px;
    height: 8px;
    border-right: 2px solid #6b7280;
    border-bottom: 2px solid #6b7280;
    pointer-events: none;
}

.pms-options {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #d1d5db;
    border-radius: 4px;
    max-height: 180px;
    overflow-y: auto;
    z-index: 10;
}

.pms-options li {
    padding: 10px 12px;
    cursor: pointer;
    transition: background 0.15s;
}

.pms-options li:hover {
    background: #f3f4f6;
}

/* Focus */
.pms-custom-select.open .pms-select-trigger {
    border-color: var(--colors-grey-500);
}

/* Hiển thị danh sách khi mở */
.pms-custom-select.open .pms-options {
    display: block;
}

/* Error */
.pms-field-error .pms-select-trigger,
.pms-field-error .pms-custom-select::after {
    border-color: #C62828;
}

.hot-deals {
    padding: 20px 0;
}

.section-title {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 12px;
    color: #111;
}

.hot-deals .deal-card {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    height: 200px;
    background-size: cover;
    background-position: center;
    color: #fff;
}

.deal-card .overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.1));
}

.deal-info {
    position: absolute;
    bottom: 10px;
    left: 15px;
}

.deal-info h3 {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    color: #fff;
}

.deal-info p {
    margin: 2px 0 0;
    font-size: 14px;
    font-weight: 400;
}

.hot-deals .owl-carousel.s-next .owl-stage {
    padding-right: 80px !important;
    padding-left: 0 !important;
}

.hot-deals .owl-carousel.s-prev .owl-stage {
    padding-right: 0 !important;
    padding-left: 80px !important;
}

.deal-card .price-value {
    position: absolute;
    top: 10px;
    left: 15px;
}

.deal-card .price-value span {
    font-weight: 600;
    color: #FFFFFF;
    background: transparent;
    border-radius: 4px;
}




/*Responsive*/
@media (max-width: 720px) {
    .buy-card-page h1 {
        font-size: 60px;
    }

    .buy-card-form .form-fields {
        flex-direction: column;
    }

    .buy-card-page .buy-card-title {
        padding: 100px 15px 50px;
    }

    .buy-card-page .buy-card-container {
        padding: 50px 15px 50px;
    }

    .buy-card-form .form-field input,
    .buy-card-form .form-field textarea {
        line-height: 1.5em;
        font-size: 16px;
        padding: 15px 15px 18px;
    }

    body.page-id-2035 .select2-container--default .select2-selection--single,
    body.page-id-3592 .select2-container--default .select2-selection--single,
    body.page-id-691 .select2-container--default .select2-selection--single,
    body.page-id-172 .select2-container--default .select2-selection--single {
        padding: 15px 15px 18px;
    }

    body.page-id-2035 .select2-container--default .select2-selection--single .select2-selection__rendered,
    body.page-id-3592 .select2-container--default .select2-selection--single .select2-selection__rendered,
    body.page-id-691 .select2-container--default .select2-selection--single .select2-selection__rendered,
    body.page-id-172 .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 16px;
        font-weight: 400;
    }

    body.page-id-2035 .select2-container--default .select2-selection--single .select2-selection__arrow,
    body.page-id-3592 .select2-container--default .select2-selection--single .select2-selection__arrow,
    body.page-id-691 .select2-container--default .select2-selection--single .select2-selection__arrow,
    body.page-id-172 .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 59px;
    }
}

@media (max-width: 560px) {
    .hot-deals .owl-carousel.s-next .owl-stage {
        padding-right: 40px !important;
        padding-left: 0 !important;
    }

    .hot-deals .owl-carousel.s-prev .owl-stage {
        padding-right: 0 !important;
        padding-left: 40px !important;
    }
}

@media (max-width: 480px) {
    .hot-deals .owl-carousel.s-next .owl-stage {
        padding-right: 60px !important;
        padding-left: 0 !important;
    }

    .hot-deals .owl-carousel.s-prev .owl-stage {
        padding-right: 0 !important;
        padding-left: 60px !important;
    }

    .buy-card-form button,
    .buy-card-form .pwa-button-loader {
        width: 100%;
    }

    .exp-contact .contact-infos {
        flex-direction: column;
    }

    .category-slider.s-next .owl-stage {
        padding-left: 0 !important;
    }

    .category-slider.s-prev .owl-stage {
        padding-left: 60px !important;
    }

    .home-user-card .user-card-inner {
        height: 200px;
        padding: 20px 25px;
    }

    .home-user-card .user-card-inner .app-logo {
        width: 90px;
    }

    .home-user-card .user-card-inner .membership-info .app-name {
        font-size: 30px;
    }

    .pms-form-design-wrapper #pms-paygates-inner {
        flex-direction: column;
    }

    .pms-form-design-wrapper .button-action-wrapper {
        flex-direction: column;
    }

    .pms-form-design-wrapper input[type="submit"].ibtn-mobile-full-width {
        width: 100%;
    }

    .pms-form-design-wrapper table.pms-account-subscription-details-table tr.pms-account-subscription-details-table__actions td:last-of-type .pms-account-subscription-action-link {
        width: 100%;
        margin-bottom: 5px;
    }
}