body{
    background-color: var(--primary-light-color);
}
.pm__hero--section{
    /* padding: 3.125rem 0; */
}
.pm__hero--head {
    display: flex;
    align-items: center;
    gap: 3rem;
}
.pm__hero--heading h2 {
    margin-bottom: 0.625rem;
}
.pm__hero--head .pm__hero--heading {
    flex: 0 0 38%;
    max-width: 38%;
}
.pm__hero--head .pm__hero--image{
    flex: 1;
}
.pm__hero--heading p,
.pm__hero--heading h1 {
    margin-bottom: 1rem;
}
.pm__hero--heading h2 span,
.pm__hero--heading h1 span {
    color: var(--primary-color);
}
.pm__hero--data {
    margin-top: 2rem;
}
.pm__hero--data-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
}
.pm__hero--trust-cards {
    display: flex;
    /* flex-wrap: wrap; */
    align-items: center;
    justify-content: space-between;
    background: #ffffff;
    border-radius: 1.25rem;
    padding: 1rem 1.5rem;
    /* flex-wrap: nowrap; */
    overflow-x: auto;
}
.pm__hero--property::-webkit-scrollbar,
.pm__hero--stats::-webkit-scrollbar,
.pm__hero--trust-cards::-webkit-scrollbar {
    height: 0px;
}
.pm__trust-card {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: max-content;
}
.pm__trust-card + .pm__trust-card {
    padding-left: 1.25rem;
    margin-left: 1.25rem;
    border-left: 1px solid rgba(0,0,0,0.05);
}
.pm__trust-card-icon {
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.pm__trust-card-icon svg {
    width: 100%;
    height: 100%;
}
.pm__trust-card-icon img.in-svg {
    width: 1.5rem;
    height: 1.5rem;
}
/*.pm__trust-card-icon svg path {
    fill: #5c647a;
}*/
.pm__trust-card-icon.pm__icon-blue svg path {
    fill: var(--primary-color);
}
.pm__trust-logo {
    height: 1.5rem;
    width: auto;
    object-fit: contain;
}
.pm__trust-card-text {
    display: flex;
    flex-direction: column;
}
.pm__trust-card-title {
    font-size: 1rem;
    font-weight: 700;
    color: var(--title-text-color);
    margin: 0 0 0.125rem 0;
}
.pm__trust-card-subtitle {
    font-size: 0.875rem;
    color: var(--body-text-color);
    margin: 0;
    line-height: 1.3;
}
.pm__hero--stats {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #ffffff;
    border-radius: 1.25rem;
    padding: 1rem 1.5rem;
    flex-wrap: nowrap;
    overflow-x: auto;
}
.pm__stat-card {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: max-content;
}
.pm__stat-card + .pm__stat-card {
    padding-left: 0.9375rem;
    margin-left: 0.9375rem;
    border-left: 1px solid rgba(0,0,0,0.05);
}
.pm__stat-icon {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 86, 254, 0.08);
    flex-shrink: 0;
}
.pm__stat-icon img.in-svg {
    width: 1.25rem;
    height: 1.25rem;
}
.pm__stat-icon svg path {
    fill: var(--primary-color);
}
.pm__stat-text-wrap {
    display: flex;
    flex-direction: column;
}
.pm__stat-title {
    font-size: 1rem;
    font-weight: 700;
    color: var(--title-text-color);
    margin: 0 0 0.125rem 0;
}
.pm__stat-text {
    font-size: 0.875rem;
    color: var(--body-text-color);
    margin: 0;
    line-height: 1.3;
}

.pm__stat-highlight {
    background: linear-gradient(180deg, rgba(0, 86, 254, 0.12) 0%, rgba(0, 86, 254, 0.04) 100%);
}
.pm__hero--property {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #ffffff;
    border-radius: 1.25rem;
    padding: 1rem 1.5rem;
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 1rem;
}
.pm__prop-card {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: max-content;
    position: relative;
    border-radius: 0.75rem;
}
.pm__prop-divider {
    width: 1px;
    height: 2.5rem;
    background: rgba(0,0,0,0.05);
    flex-shrink: 0;
}
.pm__prop-icon {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding: 0.75rem;
}
.pm__prop-icon img.in-svg {
    width: 1.375rem;
    height: 1.375rem;
}

/* Card Specific Colors */
.pm__blue-card .pm__prop-icon { background: rgba(0, 86, 254, 0.08); }
.pm__blue-card .pm__prop-icon svg path { fill: #0056fe; }
.pm__blue-card h4 { color: #0056fe; }

.pm__green-card {
    background: rgba(0, 166, 90, 0.05);
    border: 1px solid #00A65A;
    padding: 0.75rem;
}
.pm__green-card .pm__prop-icon { background: rgba(0, 166, 90, 0.15); }
.pm__green-card .pm__prop-icon svg path { fill: #00A65A; }
.pm__green-card h4 { color: #00A65A; }
.pm__prop-badge {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    background: #00A65A;
    color: #fff;
    font-size: 0.5625rem;
    font-weight: 700;
    padding: 0.1875rem 0.375rem;
    border-radius: 0.25rem;
}

.pm__purple-card .pm__prop-icon { background: rgba(138, 43, 226, 0.08); }
.pm__purple-card .pm__prop-icon svg path { fill: #8a2be2; }
.pm__purple-card h4 { color: #8a2be2; }

.pm__orange-card .pm__prop-icon { background: rgba(255, 136, 0, 0.08); }
.pm__orange-card .pm__prop-icon svg path { fill: #ff8800; }
.pm__orange-card h4 { color: #ff8800; }

.pm__prop-text-wrap {
    display: flex;
    flex-direction: column;
}
.pm__prop-text-wrap h4 {
    font-size: 1.25rem;
    font-weight: 700;
    margin: 0 0 0.125rem 0;
    line-height: 1;
}
.pm__prop-title {
    font-size: 1rem;
    font-weight: 700;
    color: var(--title-text-color);
    margin: 0.25rem 0 0.125rem 0;
}
.pm__prop-text {
    font-size: 0.875rem;
    color: var(--body-text-color);
    margin: 0;
    line-height: 1.3;
}

/* Review Card */
.pm__review-card {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    align-items: flex-start;
}
.pm__review-top {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}
.pm__review-avatars {
    display: flex;
}
.pm__review-avatars img {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    border: 0.125rem solid #fff;
    margin-left: -8px;
}
.pm__review-avatars img:first-child {
    margin-left: 0;
}
.pm__review-rating {
    display: flex;
    flex-direction: column;
}
.pm__stars {
    display: flex;
    gap: 0.125rem;
    font-size: 0.75rem;
}
.pm__review-rating p {
    font-size: 0.5625rem;
    color: var(--body-text-color);
    margin: 0.125rem 0 0 0;
}
.pm__review-quote {
    font-size: 0.6875rem;
    color: var(--title-text-color);
    font-weight: 500;
    margin: 0;
    line-height: 1.4;
}

@media (max-width: 1200px) {
    /* .pm__hero--property {
        flex-wrap: wrap;
        justify-content: center;
    } */
    .pm__prop-divider {
        display: none;
    }
}

/* Pricing Section */
.pm__sub--badge {
    display: inline-block;
    padding: 0.375rem 1.25rem;
    background-color: rgba(0, 166, 90, 0.05);
    border: 1px solid rgba(0, 166, 90, 0.3);
    color: #00A65A;
    border-radius: 6.25rem;
    font-size: 0.875rem;
    font-weight: 700;
}
.pm__text--green {
    color: #00A65A;
}
.pm__section--title {
    font-size: 3rem;
    font-weight: 800;
    color: var(--title-text-color);
    margin-bottom: 1.25rem;
    line-height: 1.2;
}
.pm__section--subtitle {
    font-size: 1.25rem;
    color: #5c647a;
    line-height: 1.6;
}
.pm__pricing--header {
    /* margin-bottom: 3.125rem; */
    text-align: center;
}
.pm__pricing--header .pm__cta-badge {
    margin: 0.625rem;
}
.pm__pricing--box {
    background: #ffffff;
    border-radius: 1.875rem;
    padding: 1.5625rem;
    margin-bottom: 2.5rem;
}
.pm__pricing--top {
    display: flex;
    /* width: 400px;
    height: 400px; */
    align-items: center;
    justify-content: center;
    gap: 2.5rem;
    margin-bottom: 3.125rem;
    position: relative;
}
.pm__pricing--left, .pm__pricing--right {
    display: flex;
    flex-direction: column;
    gap: 3.75rem;
    flex: 1;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9999;
}
.pm__price-feat {
    display: flex;
    align-items: center;
    gap: 0px;
    position: relative;
    max-width: 265px;
}
.pm__pricing--right {
    right: -310px;
}
.pm__price-feat-green::before,
.pm__price-feat-blue::before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50px;
    z-index: 99999;
}
.pm__pricing--left .pm__price-feat-green::before {
    top: 50%;
    transform: translateY(-50%);
    right: -65px;
    background-color: var(--trietory-color);
}
.pm__pricing--left .pm__price-feat-blue::before {
    top: 50%;
    transform: translateY(-50%);
    right: -65px;
    background-color: var(--primary-color);
}
.pm__pricing--right .pm__price-feat-blue::before {
    top: 50%;
    transform: translateY(-50%);
    left: -65px;
    background-color: var(--primary-color);
}
.pm__pricing--right .pm__price-feat-green::before {
    top: 50%;
    transform: translateY(-50%);
    left: -65px;
    background-color: var(--trietory-color);
}
.pm__pricing--left {
    left: -310px;
}
.pm__price-feat-icon {
    width: 3.75rem;
    height: 3.75rem;
    padding: 0.75rem;
    background: #ffffff;
    box-shadow: 0px 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
}
.pm__price-feat-blue svg path {
    fill: var(--primary-color);
}
.pm__price-feat-green svg path {
    fill: var(--trietory-color);
}
.pm__price-feat-icon svg {
    width: 100%;
    height: 100%;
}
.pm__price-feat-icon img {
    width: 1.875rem;
}
.pm__price-feat-content h6 {
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: 0.3125rem;
}
.pm__price-feat-content p {
    font-size: 0.875rem;
    color: var(--body-text-color);
    margin: 0;
    line-height: 1.4;
}
.pm__price-feat-check {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 1;
}
.pm__price-feat-content {
    padding: 0.875rem;
    border-radius: 0.9375rem;
    background-color: var(--primary-light-color);
}
.pm__pricing--center {
    display: flex;
    justify-content: center;
    position: relative;
}
.pm__fee-circle {
    width: 400px;
    height: 400px;
    /* aspect-ratio: 1; */
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    /* border-radius: 50%; */
    background-image: url("data:image/svg+xml,%3Csvg width='380' height='380' viewBox='0 0 380 380' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='190' cy='190' r='189' stroke='url(%23paint0_linear)' stroke-width='1.5' stroke-dasharray='6 14'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear' x1='0' y1='190' x2='380' y2='190' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%230056fe'/%3E%3Cstop offset='1' stop-color='%2300A65A'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.pm__fee-value {
    text-align: center;
}
.pm__fee-value h3 {
    font-size: 6.25rem;
    font-weight: 800;
    background: linear-gradient(90deg, #0056fe 0%, #00d2ff 40%, #00A65A 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0;
    line-height: 1;
}
.pm__fee-value p {
    font-size: 1.625rem;
    font-weight: 800;
    color: var(--title-text-color);
    margin: 0.5rem 0 0.25rem;
}
.pm__fee-value span {
    font-size: 0.875rem;
    color: var(--body-text-color);
    display: block;
    position: relative;
    padding-bottom: 1.25rem;
}
.pm__fee-value span::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 2.25rem;
    height: 0.125rem;
    background: linear-gradient(90deg, #0056fe 0%, #00A65A 100%);
    border-radius: 0.125rem;
}
.pm__fee-dot {
    width: 0.625rem;
    height: 0.625rem;
    border-radius: 50%;
    position: absolute;
}
/* Re-calculated exactly for a perfect circle */
.dot-1 { background: #0056fe; top: 25%; left: 6.7%; }
.dot-2 { background: #00A65A; top: 25%; right: 6.7%; }
.dot-3 { background: #00A65A; bottom: 25%; right: 6.7%; }
.dot-4 { background: #0056fe; bottom: 25%; left: 6.7%; }

.pm__pricing--mid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.25rem;
    padding: 1.875rem 0;
    border-top: 1px solid rgba(0,0,0,0.05);
    border-bottom: 1px solid rgba(0,0,0,0.05);
}
.pm__price-small-item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}
.pm__price-small-icon {
    width: 2.5rem;
    height: 2.5rem;
    background-color: var(--trietory-light-color);
    border-radius: 0.625rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding: 0.625rem;
}
.pm__price-small-icon svg{
    width: 100%;
    height: 100%;
}
.pm__price-small-icon svg path{
    fill: var(--trietory-color);
}
.pm__price-small-icon img {
    width: 1.25rem;
}
.pm__price-small-text h6 {
    font-size: 0.9375rem;
    font-weight: 700;
    margin-bottom: 0.125rem;
}
.pm__price-small-text p {
    font-size: 0.75rem;
    color: var(--body-text-color);
    margin: 0;
}

.pm__pricing--cta-bar {
    margin-top: 1.875rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--primary-light-color);
    padding: 1.25rem;
    border-radius: 1.25rem;
}
.pm__pricing--cta-left {
    display: flex;
    align-items: center;
    gap: 1.25rem;
}
.pm__pricing--cta-icon {
    width: 2.8125rem;
    height: 2.8125rem;
    margin: 0 auto;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0.125rem 0.625rem rgba(0,0,0,0.05);
    padding: 0.625rem;
}
.pm__pricing--cta-icon svg{
    width: 100%;
    height: 100%;
}
.pm__pricing--cta-icon svg path{
    fill: var(--primary-color);
}
.pm__price-footer-icon svg path{
    fill: var(--body-text-color);
}
.pm__pricing--cta-content h6 {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 0.25rem;
}
.pm__pricing--cta-content p {
    font-size: 0.8125rem;
    color: var(--body-text-color);
    margin: 0;
    max-width: 31.25rem;
}

.pm__pricing--footer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2.5rem;
    margin-top: 2.5rem;
}
.pm__price-footer-item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}
.pm__price-footer-icon {
    width: 1.25rem;
}
.pm__price-footer-text {
    font-size: 0.8125rem;
    display: flex;
    flex-direction: column;
}
.pm__price-footer-text strong {
    color: var(--title-text-color);
    font-weight: 500;
    margin-bottom: 0.3125rem;
}
.pm__price-footer-text span {
    color: var(--body-text-color);
}
.pm__price-footer-divider {
    width: 1px;
    height: 1.875rem;
    background: rgba(0,0,0,0.1);
}

@media (max-width: 992px) {
    .pm__pricing--top {
        flex-direction: column;
    }
    .pm__pricing--mid {
        grid-template-columns: repeat(2, 1fr);
    }
    .pm__pricing--cta-bar {
        flex-direction: column;
        gap: 1.25rem;
        text-align: center;
    }
    .pm__pricing--cta-left {
        flex-direction: column;
    }
    .pm__pricing--footer {
        flex-direction: column;
        gap: 1.25rem;
    }
    .pm__price-footer-divider {
        display: none;
    }
}
.pm__hero--heading li{
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--title-text-color);
}
.pm__hero--heading li + li{
    margin-top: 0.75rem;
}
.pm__hero--heading li img,
.pm__hero--heading li svg {
    width: 0.9375rem;
    height: 0.9375rem;
    background-color: var(--primary-color);
    border-radius: 1.875rem;
    padding: 0.25rem;
}

.pm__hero--heading li svg path {
    fill: #ffffff;
}
.pm__video--section .pm__hero--heading {
    flex: 0 0 30%;
}
.pm__video--section .pm__hero--head {
    gap: 1.25rem;
}
.pm__video--wrapper {
    flex: 1;
    border-radius: 0.9375rem;
    overflow: hidden;
    height: 28.125rem;
}

.pm__video--wrapper video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.pm__problem-box {
    display: flex;
    align-items: center;
    margin-top: 1.5rem;
    gap: 3rem;
}

.pm__problem--icon {
    padding: 1rem;
}
.problem .pm__problem--icon {
    background-color: var(--red-light-color);
}
.pm__problem--icon svg {
    width: 100%;
    height: 100%;
}
.problem .pm__problem--icon svg path{
    fill: var(--red-color);
}
.pm__problem--data .pm__problem--icon {
    width: 3.75rem;
    height: 3.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7.5rem;
}

.pm__problem--data {
    display: flex;
    gap: 0.75rem;
}
.pm__image img {
    height: 5.625rem;
    width: auto;
    margin-left: auto;
}
.pm__problem--content h5 {
    margin-bottom: 0.3125rem;
}
.problem h5{
    color: var(--red-color);

}
.problem ul li {
    list-style-type: disc;
}

.problem ul {
    padding-left: 0.9375rem;
}

.pm__problem--content ul li{
    color: var(--body-text-color);
    line-height: 1.25;
}
.pm__problem--content ul li +li {
    margin-top: 0.5rem;
}
.solution .pm__problem--icon{
    background-color: var(--trietory-light-color);
}
.solution svg path{
    fill: var(--trietory-color);
}
.solution h5{
    color: var(--trietory-color);
}
.pm__arrow {
    width: 4.375rem;
    height: 0px;
    background-color: transparent;
    border-top: 0.125rem dotted var(--primary-color);
    border-top-style: dashed;
    position: relative;
}

.pm__arrow::after {
    content: "";
    position: absolute;
    right: -2px;
    top: -6px;
    border-top: 0.375rem solid transparent;
    border-bottom: 0.375rem solid transparent;
    border-left: 0.625rem solid #2563ff;
}
@media (max-width: 992px) {
    .pm__hero--head {
        flex-direction: column;
        gap: 1.875rem;
    }
    .pm__hero--head .pm__hero--heading,
    .pm__hero--head .pm__hero--image {
        flex: unset;
        max-width: none;
    }
    .pm__hero--trust-cards,
    .pm__hero--stats {
        gap: 24px;
    }
}
/* ============================================== */
/* Rewards Hub Cards */
.pm__rewards--hub-content .pm__hero--heading p{
    margin: 0;
}
.pm__rewards--hub-content .pm__hero--heading p span{
    color: var(--primary-color);
    font-weight: bold;
}
.pm__rewards--hub-content .pm__hero--head {
    align-items: flex-start;
    gap: 1.5rem;
}
.pm__reward--cards {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}
.pm__rewards--hub-content .pm__hero--heading {
    flex: 0 0 24%;
    max-width: 24%;
}
.pm__reward--card {
    flex: 0 0 calc((100% / 4) - ((0.75rem * 3) / 4));
    max-width: calc((100% / 4) - ((0.75rem * 3) / 4));
    background: #ffffff;
    border-radius: 1.25rem;
    padding: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}
.pm__reward--card-header {
    display: flex;
    align-items: center;
    gap: 1rem;
}
.pm__reward--card-icon {
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pm__reward--card-icon svg,
.pm__reward--card-icon img {
    width: 1.5rem;
    height: 1.5rem;
    filter: brightness(0) invert(1);
}
.pm__reward--card-tag {
    font-size: 0.8rem;
    font-weight: 700;
    padding: 0.375rem 0.75rem;
    border-radius: 0.5rem;
    text-transform: uppercase;
}
.pm__reward--card-title h3 {
    font-size: 1.25rem;
    color: var(--title-text-color);
    margin: 0;
}
.pm__reward--card-value {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    border-bottom: 1px solid rgba(0,0,0,0.05);
    padding-bottom: 1.25rem;
}
.pm__reward--card-value h3 {
    font-size: 2rem;
    margin: 0;
}
.pm__reward--card-value h2 {
    font-size: 2.5rem;
    font-weight: 700;
    margin: 0;
    line-height: 1;
}
.pm__reward--card-value p {
    font-size: 0.75rem;
    color: var(--body-text-color);
    margin: 0;
    line-height: 1.4;
}
.pm__reward--card-features ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.pm__reward--card-features li {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}
.pm__check-icon {
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 0.125rem;
}
.pm__check-icon svg,
.pm__check-icon img {
    width: 0.5rem;
    height: 0.5rem;
    filter: brightness(0) invert(1);
}
.pm__reward--card-features p {
    font-size: 0.9rem;
    color: var(--body-text-color);
    margin: 0;
    line-height: 1.4;
}

/* Colors for Tenant */
.pm__tenant-icon { background-color: #0056FE; }
.pm__tenant-tag { color: #0056FE; background-color: rgba(0, 86, 254, 0.1); }
.pm__tenant-color { color: #0056FE; }
.pm__tenant-bg { background-color: #0056FE; }

/* Colors for Host */
.pm__host-icon { background-color: #00A65A; }
.pm__host-tag { color: #00A65A; background-color: rgba(0, 166, 90, 0.1); }
.pm__host-color { color: #00A65A; }
.pm__host-bg { background-color: #00A65A; }

/* Colors for Referrer */
.pm__referrer-icon { background-color: #5527D0; }
.pm__referrer-tag { color: #5527D0; background-color: rgba(85, 39, 208, 0.1); }
.pm__referrer-color { color: #5527D0; }
.pm__referrer-bg { background-color: #5527D0; }

/* Colors for Weekly Bonus */
.pm__weekly-icon { background-color: #D28C00; }
.pm__weekly-tag { color: #D28C00; background-color: rgba(210, 140, 0, 0.1); }
.pm__weekly-color { color: #D28C00; }
.pm__weekly-bg { background-color: #D28C00; }



/* Reward Features */
.pm__reward--features {
    display: flex;
    align-items: flex-start;
    gap: 0.625rem;
    margin-top: 2.5rem;
    /* flex-wrap: wrap; */
}
.pm__reward--feature {
    display: flex;
    align-items: flex-start;
    gap: 0.625rem;
    flex: 0 0 calc((100% / 3) - ((0.625rem * 2) / 3));
    max-width: calc((100% / 3) - ((0.625rem * 2) / 3));
}
.pm__reward--feature-icon {
    width: 1.875rem;
    height: 1.875rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.pm__reward--feature-icon svg,
.pm__reward--feature-icon img {
    width: 1rem;
    height: 1rem;
}
.pm__reward--feature-text h4 {
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--title-text-color);
    margin-bottom: 0.5rem;
    line-height: 1.3;
}
.pm__reward--feature-text p {
    font-size: 0.75rem;
    color: var(--body-text-color);
    line-height: 1.5;
    margin: 0;
}

/* Feature Colors */
.pm__feature-blue {
    background-color: rgba(0, 86, 254, 0.08);
}
.pm__feature-blue svg path {
    fill: #0056FE;
}

.pm__feature-green {
    background-color: rgba(0, 166, 90, 0.08);
}
.pm__feature-green svg path {
    fill: #00A65A;
}

.pm__feature-purple {
    background-color: rgba(85, 39, 208, 0.08);
}
.pm__feature-purple svg path {
    fill: #5527D0;
}

/* Calculator Section */
.pm__calculator--section .pm__heading::before{
    display: none;
}
.pm__calculator--section .pm__heading h6{
    font-weight: 400;
    color: var(--body-text-color);
    margin: 0;
}
.pm__center-badge {
    margin: 0 auto 1rem;
}
.pm__calculator--section .pm__heading h2 {
    color: var(--title-text-color);
}
.pm__calculator--section .pm__heading h2 span {
    color: var(--primary-color);
}
.pm__calculator--wrapper {
    display: flex;
    gap: 1.875rem;
    margin-top: 2.5rem;
}
.pm__calculator--left {
    flex: 0 0 60%;
    max-width: 60%;
    display: flex;
    flex-direction: column;
    gap: 1.875rem;
}
.pm__calculator--right {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 1.875rem;
}
.pm__calc-box {
    background: #ffffff;
    border-radius: 1.25rem;
    padding: 1.5rem;
}
.pm__calc-box h3{
    margin-bottom: 0.3125rem;
}
.pm__calc-header h3 {
    font-size: 1.5rem;
    color: var(--title-text-color);
    margin-bottom: 1rem;
}
.pm__calc-header .pm__primary-text {
    color: var(--primary-color);
}
.pm__calc-header .pm__bold-text {
    font-weight: 700;
    color: var(--title-text-color);
    margin-bottom: 0.5rem;
}
.pm__calc-inputs {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-top: 1.875rem;
}
.pm__calc-input-group {
    display: flex;
    gap: 1rem;
    align-items: center;
}
.pm__calc-input-icon {
    width: 3rem;
    height: 3rem;
    border-radius: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.pm__calc-input-icon svg,
.pm__calc-input-icon img {
    width: 1.25rem;
    height: 1.25rem;
}
.pm__icon-blue { background: rgba(0, 86, 254, 0.1); color: #0056FE; }
.pm__icon-blue svg path { fill: #0056FE; }
.pm__icon-green { background: rgba(0, 166, 90, 0.1); color: #00A65A; }
.pm__icon-green svg path { fill: #00A65A; }
.pm__icon-purple { background: rgba(85, 39, 208, 0.1); color: #5527D0; }
.pm__icon-purple svg path { fill: #5527D0; }
.pm__icon-orange { background: rgba(254, 127, 3, 0.1); color: #FE7F03; }
.pm__icon-orange svg path { fill: #FE7F03; }

.pm__calc-input-content {
    flex: 1;
}
.pm__calc-input-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
    gap: 1rem;
}
.pm__calc-input-top > div:first-child {
    flex: 0 0 40%;
}
.pm__calc-input-top h5 {
    font-size: 1rem;
    font-weight: 700;
    color: var(--title-text-color);
    margin-bottom: 0.25rem;
}
.pm__calc-input-top p {
    font-size: 0.85rem;
    color: var(--body-text-color);
    margin: 0;
}
.pm__calc-input-box,
.pm__calc-select-box {
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 0.5rem;
    padding: 0.5rem 1rem;
    font-weight: 700;
    color: var(--title-text-color);
    min-width: 5rem;
    text-align: center;
}
.pm__calc-select-box {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}
.pm__calc-select-box img {
    width: 0.75rem;
}
.pm__calc-slider {
    position: relative;
    height: 0.25rem;
    flex: 1;
    margin: 0;
}
.pm__slider-track {
    background: rgba(0, 86, 254, 0.1);
    height: 100%;
    border-radius: 0.25rem;
    width: 100%;
    overflow: hidden;
}
.pm__slider-fill {
    background: var(--primary-color);
    height: 100%;
}
.pm__slider-thumb {
    position: absolute;
    width: 1rem;
    height: 1rem;
    background: var(--primary-color);
    border-radius: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.2);
}

.pm__calc-result {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 1.875rem;
    padding: 0.875rem;
    border-radius: 1rem;
}
.pm__calc-result-icon {
    width: 3.125rem;
    height: 3.125rem;
    background: var(--primary-light-color);
    border-radius: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pm__calc-result-icon svg,
.pm__calc-result-icon img {
    width: 1.5rem;
    height: 1.5rem;
}
.pm__calc-result-text {
    flex: 1;
}
.pm__calc-result-text h5 {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--title-text-color);
    margin-bottom: 0.25rem;
    display: flex;
    align-items: center;
    gap: 0.375rem;
}
.pm__info-icon {
    width: 0.875rem;
    height: 0.875rem;
    opacity: 0.5;
}
.pm__calc-result-text p {
    font-size: 0.85rem;
    margin: 0;
    color: var(--body-text-color);
}
.pm__calc-result-value {
    text-align: right;
}
.pm__calc-result-value h3 {
    font-weight: 700;
    margin: 0;
    color: var(--primary-color);
    line-height: 1.2;
}
.pm__calc-result-value p {
    font-size: 0.8rem;
    margin: 0;
    color: var(--body-text-color);
}

/* How it works block */
.pm__bd-left svg {
    width: 0.9375rem;
}
.pm__bd-left svg path{
    fill: var(--primary-color);
}
.pm__how-steps {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 1.875rem;
    gap: 0.25rem;
}
.pm__step {
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: left;
    gap: 0.75rem;
}
.pm__step-icon {
    width: 2.1875rem;
    height: 2.1875rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
    flex-shrink: 0;
}
.pm__step-icon svg,
.pm__step-icon img {
    width: 1rem;
    height: 1rem;
}
.pm__percent-icon {
    font-size: 1.2rem;
    font-weight: 700;
}
.pm__step-text {
    flex: 1;
}
.pm__step h6 {
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--title-text-color);
    margin-bottom: 0.125rem;
}
.pm__step p {
    font-size: 0.75rem;
    line-height: 1.4;
    margin: 0;
    color: var(--body-text-color);
}
.pm__step-arrow {
    padding-top: 0;
}
.pm__step-arrow img,
.pm__step-arrow svg {
    width: 1rem;
}
.pm__step-arrow svg path{
    fill: var(--body-text-color);
}

.pm__example-box {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem 1.25rem;
    border-radius: 0.75rem;
    margin-top: 1.875rem;
    font-size: 0.85rem;
    background: var(--primary-light-color);
}
.pm__info-icon-blue {
    width: 1rem;
    height: 1rem;
}
.pm__example-arrow {
    width: 0.75rem;
    margin: 0 0.25rem;
}

/* Right Column */
.pm__breakdown-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 1.25rem;
}
.pm__breakdown-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid rgba(0,0,0,0.05);
    gap: 6px;
}
.pm__breakdown-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
.pm__bd-left {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}
.pm__bd-left img {
    width: 1rem;
    height: 1rem;
}
.pm__bd-left span {
    font-size: 0.875rem;
    color: var(--body-text-color);
    display: flex;
    align-items: center;
    gap: 0.375rem;
}
.pm__bd-right {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.pm__bd-right strong {
    font-size: 1rem;
    color: var(--title-text-color);
}
.pm__bd-right img {
    width: 1.125rem;
    opacity: 0.5;
}
/* .pm__bd-highlight .pm__bd-left span,
.pm__bd-highlight .pm__bd-right strong {
    font-weight: 700;
} */

.pm__calc-info-box {
    display: flex;
    gap: 1rem;
    padding: 1.5rem;
    border-radius: 1rem;
}
.pm__info-box-icon {
    width: 2.5rem;
    height: 2.5rem;
    background: var(--primary-light-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.pm__info-box-icon svg,
.pm__info-box-icon img {
    width: 1.25rem;
    height: 1.25rem;
}
.pm__info-box-text h5 {
    font-size: 1rem;
    font-weight: 700;
    color: var(--primary-color);
    margin-bottom: 0.5rem;
}
.pm__info-box-text p {
    font-size: 0.85rem;
    margin-bottom: 0.5rem;
    color: var(--body-text-color);
}
.pm__info-box-text p:last-child {
    margin-bottom: 0;
}

.pm__calc-disclaimer {
    display: flex;
    align-items: center;
    background-color: var(--trietory-light-color);
    gap: 1rem;
    padding: 1rem 1.25rem;
    border-radius: 0.75rem;
}
.pm__disclaimer-icon {
    width: 1.5rem;
    height: 1.5rem;
    border: 0.125rem solid #00A65A;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #00A65A;
    font-weight: 700;
    font-size: 0.8rem;
    flex-shrink: 0;
}
.pm__disclaimer-text p {
    font-size: 0.85rem;
    margin: 0;
    color: var(--body-text-color);
}
.pm__terms-box {
    border: 1px solid rgba(0,0,0,0.05);
    box-shadow: 0px 0.25rem 1rem rgba(0,0,0,0.03);
    padding: 1.5rem;
}
.pm__terms-box h4 {
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--title-text-color);
    margin-bottom: 0;
}
.pm__terms-box ul {
    margin-top: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.pm__terms-box li {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}
.pm__terms-box li img,
.pm__terms-box li svg {
    width: 0.875rem;
    height: 0.875rem;
    margin-top: 0.125rem;
}
.pm__terms-box li svg path {
    fill: var(--primary-color);
}
.pm__terms-box li p {
    flex: 1;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.5;
    margin: 0;
    color: #40506e;
}
.pm__example-box .pm__primary-text{
    color: var(--primary-color);
    font-weight: 600;
}
.pm__example-box span {
    font-size: 0.8125rem;

}
.pm__example-box .pm__info-icon-blue path{
    fill: var(--primary-color);
}
.pm__example-box svg path{
    fill: var(--body-text-color);
}

/* Support Section CTA */
.pm__cta-section {
    /* padding: 5rem 0; */
    text-align: center;
    position: relative;
    overflow: hidden;
}
.pm__cta-shape {
    position: absolute;
    background: linear-gradient(180deg, rgba(0, 166, 90, 0.02) 0%, rgba(0, 166, 90, 0.08) 100%);
    border-radius: 6.25rem;
    z-index: 0;
}
.pm__cta-shape-1 {
    width: 2.5rem;
    height: 7.5rem;
    top: 10%;
    left: 10%;
    transform: rotate(35deg);
}
.pm__cta-shape-2 {
    width: 5rem;
    height: 18.75rem;
    bottom: -15%;
    left: 5%;
    transform: rotate(35deg);
}
.pm__cta-shape-3 {
    width: 1.875rem;
    height: 6.25rem;
    top: 15%;
    right: 12%;
    transform: rotate(35deg);
}
.pm__cta-shape-4 {
    width: 3.75rem;
    height: 12.5rem;
    bottom: -5%;
    right: 8%;
    transform: rotate(35deg);
}
.pm__cta-wrapper {
    max-width: 56.25rem;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 2;
}
.pm__cta-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.375rem 1rem;
    border: 1px solid rgba(0, 166, 90, 0.2);
    border-radius: 2.5rem;
    margin-bottom: 1.5rem;
    font-size: 0.9rem;
    color: var(--title-text-color);
}
.pm__cta-badge svg path,
.pm__cta-badge img {
    fill: #00A65A;
}
.pm__cta-badge .pm__badge-icon {
    width: 1rem;
    height: 1rem;
}
.pm__cta-title {
    /* font-size: 3.5rem; */
    /* font-weight: 800; */
    color: var(--title-text-color);
    margin-bottom: 0.5rem;
    line-height: 1.2;
}
.pm__text-green {
    color: #00A65A;
}
.pm__cta-subtitle {
    font-size: 1.15rem;
    color: var(--body-text-color);
    margin-bottom: 1.875rem;
    line-height: 1.6;
}
.pm__cta-features {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    margin-bottom: 2.5rem;
}
.pm__cta-feature {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    font-size: 0.95rem;
    color: var(--title-text-color);
    font-weight: 500;
}
.pm__cta-ficon {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 0.375rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pm__cta-ficon svg,
.pm__cta-ficon img {
    width: 0.875rem;
    height: 0.875rem;
}
.pm__cta-ficon svg path {
    fill: #00A65A;
}
.pm__cta-ficon.pm__icon-green-light {
    background: rgba(0, 166, 90, 0.1);
}
.pm__cta-divider {
    width: 1px;
    height: 1.5rem;
    background: rgba(0,0,0,0.1);
}
.pm__cta-buttons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
}
.pm__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.875rem 1.75rem;
    border-radius: 0.5rem;
    font-weight: 600;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.3s ease;
}
.pm__btn-primary {
    background: var(--primary-color);
    color: #ffffff;
}
.pm__btn-primary:hover {
    background: #0045cc;
    color: #ffffff;
}
.pm__btn-primary svg path,
.pm__btn-primary img.in-svg {
    fill: #ffffff;
}
.pm__btn-outline-green {
    background: #ffffff;
    border: 1px solid rgba(0, 166, 90, 0.2);
    color: #00A65A;
}
.pm__btn-outline-green:hover {
    background: rgba(0, 166, 90, 0.05);
    color: #00A65A;
}
.pm__btn-outline-green svg path,
.pm__btn-outline-green img.in-svg {
    fill: #00A65A;
}
.pm__btn svg, .pm__btn img {
    width: 1.125rem;
    height: 1.125rem;
}
.pm__btn-arrow {
    width: 0.875rem !important;
}



/* Range Slider Styles */
.pm__range-slider {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 0.25rem;
    background: rgba(0, 86, 254, 0.1);
    border-radius: 0.25rem;
    outline: none;
    margin: 0;
    padding: 0;
}
.pm__range-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background: var(--primary-color);
    cursor: pointer;
    box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.2);
}
.pm__range-slider::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background: var(--primary-color);
    cursor: pointer;
    box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.2);
    border: none;
}
.pm__calc-input-box input {
    width: 100%;
    border: none;
    outline: none;
    text-align: center;
    font-weight: 700;
    color: var(--title-text-color);
    font-size: 1rem;
    font-family: inherit;
    background: transparent;
}
.pm__calc-input-box input::-webkit-outer-spin-button,
.pm__calc-input-box input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.pm__calc-input-box input[type=number] {
    -moz-appearance: textfield;
}
.pm__frequency-select {
    border: none;
    outline: none;
    font-weight: 700;
    color: var(--title-text-color);
    font-size: 1rem;
    font-family: inherit;
    background: transparent;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

/* ==========================================================================
   Mobile Responsiveness (Full Page support down to 20rem)
   ========================================================================== */
@media (max-width: 1200px) {
    .pm__reward--cards {
        flex-wrap: wrap;
    }
    .pm__reward--card {
        flex: 0 0 calc((100% / 2) - ((0.75rem * 1) / 2));
        max-width: calc((100% / 2) - ((0.75rem * 1) / 2));
    }
    .pm__reward--features{
        flex-wrap: wrap;
    }
    .pm__reward--feature {
        flex: 0 0 calc((100% / 2) - ((0.625rem * 1) / 2));
        max-width: calc((100% / 2) - ((0.625rem * 1) / 2));
    }
    .pm__rewards--hub-content .pm__hero--head{
        flex-wrap: wrap;
    }
    .pm__rewards--hub-content .pm__hero--heading {
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media (max-width: 1199px) {
    .pm__fee-circle {
        width: 300px;
        height: 300px;
    }
    .pm__pricing--right {
        right: -305px;
    }
    .pm__pricing--left {
        left: -305px;
    }
}
@media (max-width: 992px) {
    .pm__calculator--wrapper {
        flex-direction: column;
    }
    .pm__calculator--left {
        max-width: 100%;
        flex: unset;
    }
    .pm__how-steps {
        flex-wrap: wrap;
        gap: 1.25rem;
    }
    .pm__step {
        flex: 0 0 calc((100% / 2) - ((1.25rem * 1) / 2));
        max-width: calc((100% / 2) - ((1.25rem * 1) / 2));
    }
    .pm__step-arrow {
        display: none;
    }
    .pm__example-box {
        flex-wrap: wrap;
    }
    .pm__problem-box {
        flex-direction: column;
        align-items: flex-start;
        gap: 1.25rem;
    }
    .pm__problem--content{
        flex: 1;
    }
    .pm__problem--content p br{
        display: none;
    }
    .pm__heading h2,
    .pm__cta-title,
    .pm__hero--heading h1,
    .pm__hero--heading h2 {
        margin-bottom: 0.625rem;
        font-size: 36px;
    }
    .pm__button-group {
        flex-wrap: wrap;
    }
    .pm__arrow {
        height: 4.375rem;
        transform: rotate(90deg) translate(-10px, 50px);
    }
    .pm__pricing--right .pm__price-feat-blue::before {
        left: -20px;
    }
    .pm__pricing--right .pm__price-feat-green::before {
        left: -20px;
    }
    .pm__pricing--right {
        right: -220px;
    }
    .pm__pricing--left .pm__price-feat-blue::before {
        right: -20px;
    }
    .pm__pricing--left {
        left: -220px;
    }
    .pm__pricing--left .pm__price-feat-green::before {
        right: -20px;
    }
    .pm__price-feat-icon {
        width: 45px;
        height: 45px;
        padding: 8px;
    }
    .pm__price-feat {
        max-width: 230px;
    }
    .pm__price-feat-content h6 {
        font-size: 16px;
    }
}
@media (max-width: 767px) {
    /* 1. Global Typography & Spacing */
    .pm__reward--card {
        flex: 1 1 100%;
    }
    .pm__section--title {
        font-size: 2rem;
    }
    .pm__section--subtitle {
        font-size: 1rem;
    }
    .sectionpaddingtb {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    /* 2. Hero Section */
    .pm__hero--head .pm__hero--heading h1 {
        font-size: 2.5rem;
    }
    .pm__hero--head .pm__hero--heading p {
        font-size: 1rem;
    }

    /* Horizontal Cards Stacking */
    .pm__hero--trust-cards,
    .pm__hero--stats,
    .pm__hero--property {
        flex-direction: column;
        align-items: flex-start;
        padding: 1.25rem;
        gap: 0.9375rem;
        overflow-x: hidden;
    }
    .pm__trust-card,
    .pm__stat-card,
    .pm__prop-card {
        width: 100%;
        min-width: 100%;
    }
    .pm__trust-card + .pm__trust-card,
    .pm__stat-card + .pm__stat-card {
        padding-left: 0;
        margin-left: 0;
        border-left: none;
        padding-top: 0.9375rem;
        border-top: 1px solid rgba(0,0,0,0.05);
    }

    .pm__prop-divider {
        width: 100%;
        height: 1px;
        display: block; /* Override previous display: none */
        margin: 0.3125rem 0;
    }

    /* 3. Video Section */
    .pm__video--wrapper {
        height: 15.625rem;
    }

    .pm__problem--icon {
        width: 3.75rem;
        height: 3.75rem;
    }

    /* 4. Pricing Section */
    .pm__pricing--left, .pm__pricing--right {
        gap: 24px;
        flex-direction: row;
        position: static;
        transform: none;
    }
    .pm__fee-circle {
        width: 100%;
        max-width: 300px;
        margin: 0 auto;
    }
    .pm__pricing--cta-left {
        align-items: flex-start;
    }
    .pm__price-feat-content h6 {
        font-size: 1rem;
    }

    .pm__price-feat {
        max-width: max-content;
        flex: 1;
    }
    /* 5. Rewards Hub */
    .pm__reward--card {
        flex: 0 0 calc((100% / 2) - 0.375rem);
        max-width: calc((100% / 2) - 0.375rem);
    }
    .pm__problem--data .pm__problem--icon {
        width: 30px;
        height: 30px;
        padding: 7px;
    }
    .pm__problem--data {
        flex-wrap: wrap;
    }
    .pm__problem--content {
        max-width: 100%;
        flex: 0 0 100%
    }
    .pm__reward--feature {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .pm__calc-input-group {
        align-items: self-start;
    }
    .pm__calc-input-top {
        flex-direction: column;
        align-items: self-start;
    }
    .pm__calc-slider,
    .pm__calc-input-top > div:first-child {
        flex: 0 0 100%;
        width: 100%;
    }
    .pm__step {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .pm__calc-info-box {
        padding: 1.5rem;
        flex-wrap: wrap;
    }
    .pm__calc-breakdown {
        flex: 0 0 100%;
    }
    .pm__pricing--center{
        width: 100%;
        flex-direction: column;
        gap: 24px;
    }
    .pm__price-feat-green::before,
    .pm__price-feat-blue::before {
        display: none;
    }
    .pm__pricing--left{
        order: 2;
    }
    .pm__pricing--right{
        order: 3;
    }

}

@media (max-width: 575px) {
    /* Further scale down for very small screens (20rem - 35.9375rem) */
    .pm__section--title {
        font-size: 1.75rem;
    }
    .pm__hero--head .pm__hero--heading h1 {
        font-size: 2rem;
    }

    /* Pricing SVG Scale Down & Typography */
    .pm__pricing--center {
        flex: 0 0 auto;
        width: 100%;
    }
    .pm__fee-value h3 {
        font-size: 3.75rem; /* Scale down so it fits */
    }
    .pm__fee-value p {
        font-size: 1.125rem;
        margin: 0.25rem 0;
    }
    .pm__fee-value span {
        font-size: 0.75rem;
        padding-bottom: 0.75rem;
    }
    .pm__fee-value span::after {
        width: 1.5625rem;
    }

    /* Small Pricing Items Grid */
    .pm__pricing--mid {
        grid-template-columns: 1fr;
    }
    .pm__price-small-item {
        justify-content: flex-start;
    }

    /* Rewards Hub single column */
    .pm__reward--card {
        flex: 0 0 100%;
        max-width: 100%;
    }

    /* Global padding reduction */
    .sectionpaddingtb {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }
    .pm__pricing--box {
        padding: 1.25rem;
    }
    .pm__pricing--cta-bar {
        padding: 1.25rem;
    }
    .pm__calc-result {
        flex-wrap: wrap;
    }
    .pm__calc-result-text {
        flex: 0 0 100%;
    }
    .pm__pricing--left, .pm__pricing--right {
        flex-direction: column;
    }
    .pm__price-feat {
        max-width: 100%;
        flex: 1;
    }
    .pm__price-feat-content{
        flex: 1;
    }
}