

<!--
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
                @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
        
                * {
                    margin: 0;
                    padding: 0;
                    box-sizing: border-box;
                }
        h1,h2,h3,h4 {
            text-transform:none;
        }
                .investing-section svg {
                    margin: auto;
                }
        
                .pc-only {
                    display: block;
                }
        
                @media (max-width: 600px) {
        
                    .mobile-only {
                        display: block;
                    }
        
                    .pc-only {
                        display: none;
                    }
                }
        
                @media screen and (min-width:601px) {
                    .mobile-only {
                        display: none;
                    }
                }
        
                .crown svg {
                    width: 30px !important;
                }
        
                .lp-container-main h1 {
                    text-transform: inherit;
                }
        
                .lp-container-main h2 {
                    text-transform: inherit;
                }
        
                .lp-container-main h3 {
                    text-transform: inherit;
                }
        
                .lp-container-main h4 {
                    text-transform: inherit;
                }
        
                .lp-container-main a:hover {
                    text-decoration: none !important;
                   
                }
        
                .cont {
                    max-width: 1240px;
                    margin: auto;
                    padding-left: .5rem;
                    padding-right: .5rem;
                }
        
                .benefits2 svg {
                    margin: auto;
                }
        
                .lp-container {
                    max-width: 1240px;
                    margin: auto;
                }
        
        
                .apply-now {
        
                    border-style: none;
                    border-radius: 5px;
                    text-decoration: none;
                    display: inline-block;
                    justify-content: center;
                    align-items: center;
        
                    padding: 10px 20px;
                    margin: auto;
                    background: rgba(255, 146, 84, 1);
                    box-shadow: none;
                    text-shadow: none;
                    color: #002639;
                    font-size: 16px;
        
                    font-weight: 600;
                    font-family: "Open Sans";
                    font-style: normal;
                    text-align: center;
                    background-repeat: no-repeat;
                    margin-top: 40px;
                }
          .apply-now3 {
        
                    border-style: none;
                    border-radius: 5px;
                    text-decoration: none;
                    display: inline-block;
                    justify-content: center;
                    align-items: center;
        
                    padding: 10px 20px;
                    margin: auto;
                    background: rgba(255, 146, 84, 1);
                    box-shadow: none;
                    text-shadow: none;
                    color: #002639;
                    font-size: 16px;
        
                    font-weight: 600;
                    font-family: "Open Sans";
                    font-style: normal;
                    text-align: center;
                    background-repeat: no-repeat;
                    margin-top: 40px;
            margin-top: 0;
            min-width: 215px;
            display: inline-flex;
            justify-content: center;
                }
        
                .apply-now1 {
        
                    border-style: none;
                    border-radius: 5px;
                    text-decoration: none;
                    display: inline-block;
                    justify-content: center;
                    align-items: center;
        
                    padding: 8px 12px;
                    margin: auto;
                    background: rgba(255, 146, 84, 1);
                    box-shadow: none;
                    text-shadow: none;
                    color: #002639;
                    font-size: 12px;
        
                    font-weight: 600;
                    font-family: "Open Sans";
                    font-style: normal;
                    text-align: center;
                    background-repeat: no-repeat;
        
                }
        
                .apply-now-intro {
        
                    text-decoration: none;
                    border-style: none;
                    border-radius: 5px;
                    z-index: 3;
                    width: 269px;
                    height: 50px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    background: rgba(255, 146, 84, 1);
                    box-shadow: none;
                    text-shadow: none;
                    color: #002639;
                    font-size: 16px;
                    line-height: 19px;
                    font-weight: 800;
                    font-family: "Open Sans";
                    font-style: normal;
                    text-align: center;
                    background-repeat: no-repeat;
                    margin-top: 40px;
                }
        
                .apply-now:hover,
                .apply-now1:hover,
                .apply-now-intro:hover,
        .apply-now3:hover {
                    background: rgba(242, 121, 64, 1);
                    text-decoration: none !important;
                    cursor: pointer;
                }
        
                .intro {
                    position: relative;
                    background-image: url("https://images-apmex.com/Content/cms/Card2025/onegoldbg.jpeg");
                    background-attachment: fixed;
                    background-repeat: no-repeat;
                    background-position: right;
                    background-size: cover;
                    height: 90vh;
                }

                @media (max-width: 1024px) {
                    .intro {
                        background-attachment: scroll;
                    }
                }
        
                .overlay {
                    position: absolute;
                    top: 0;
                    right: 0;
                    bottom: 0;
                    left: 0;
                    background: rgba(2, 50, 98, 0.82);
                }
        
                .intro .cont {
                    padding: 2rem;
                    z-index: 99;
                    position: relative;
                }
        
                .intro-text {
                    margin-top: 50px;
                }
        
                .industry-text {
                    font-weight: 300;
                    font-family: "Open Sans";
                    font-size: 24px;
                    color: rgb(255, 255, 255);
                    font-style: normal;
                }
        
        
        
        
                .lp-head {
                    background-color: #002739;
                    position: fixed;
                    top: 0;
                    left: 0;
                    z-index: 9999;
                    width: 100%;
                }
        
                .lp-container-main {
                    padding-top: 65px;
                }
        
        
                .head-container {
                    background-color: #002739;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    padding: 20px 20px;
                }
        
                .lp-apply {
                    display: flex;
                    align-items: center;
                    gap: 15px;
                    color: white;
                }
        
                .lp-apply p {
                    color: #43C6ED;
                    font-family: Open Sans;
                    font-weight: 600;
                    font-size: 16px;
                    line-height: 21.49px;
                    letter-spacing: 0%;
                    text-align: center;
                    vertical-align: middle;
        
                }
        
        
                .lp-list {
                    display: flex;
                    gap: 45px;
                    margin-bottom: 0;
                    list-style: none;
                }
        
                .lp-list li a:hover {
                    text-decoration: none;
                    color: white !important;
                    cursor: pointer !important;
        
                }
        
                .lp-list li a {
                    text-decoration: none;
                    color: white;
                    font-family: Open Sans;
                    font-weight: 600;
                    font-size: 16px;
                    line-height: 21.49px;
                    letter-spacing: 0%;
                    text-align: center;
                    vertical-align: middle;
        
                }
        
        
                .lp-hero {
                    background-image: url(https://images-apmex.com/Content/cms/card2025/herobg.jpg);
                    background-size: 1440px;
        background-color:#002739;
                    background-repeat: no-repeat;
                    background-position: center;
                   
                    display: flex;
                    margin: auto;
                    justify-content: center;
                    align-items: center;
                    position: relative;
                    /* Ensure positioning for the overlay */
                }
        
               
        
                .lp-hero-cont {
                    z-index: 999;
                    padding: 20px;
                    padding-bottom: 80px;
                    width: 100%;
                    max-width: 1440px;
                    padding-top: 80px;
                    display: flex;
                    margin: auto;
                    justify-content: center;
                    align-items: center;
                        position: relative;
                }
        
                .hero-1 p {
                    font-family: Open Sans;
                    font-weight: 300;
                    font-size: 24px;
                    line-height: 35px;
                    letter-spacing: 0%;
                    vertical-align: middle;
                    color: #FFFFFF;
                }
        
                .hero-1 {
                   
                }
        
        
                .hero-1 h1 {
                    color: #43C6ED;
        leading-trim: both;
        text-edge: cap;
        font-family: "Open Sans";
        font-size: 50px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: capitalize;
        
                }
        
                .hero-desc {
                    margin-top: 40px;
                }
        
                .hero-desc p {
                    font-family: Gotham HTF;
                    font-weight: 500;
                    font-size: 36px;
                    leading-trim: Cap height;
                    line-height: 100%;
                    letter-spacing: 0%;
                    text-align: start;
                    vertical-align: middle;
                    color: white;
                }
        
                .rewards-container {
                    display: grid;
                    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
                    gap: 20px;
                    max-width: 1240px;
                    margin: auto;
                    margin-top: 40px;
                    margin-bottom: 40px;
                    padding-top: 10px;
                    padding-bottom: 10px;
                }
        
                .reward-box {
                    background: white;
                    display: flex;
                    align-items: center;
                    gap: 15px;
                    padding: 20px;
                    border-radius: 8px;
                    text-align: start;
                }
        
                .reward-box img {
                 
                 
                }
        
                .reward-box p {
                    margin: 0;
                    font-family: "Open Sans";
                    color: #000000;
                    font-size: 20px;
                }
        
                @media (max-width: 600px) {
        .apr-details p {
        text-align:center
        }
        
                    .velvet-cta, .reedem-apply {
                        display:none !important;
                    }
                    .rewards-container {
                        grid-template-columns: 1fr;
                    }
                }
        
        
                .apr {
                    background: linear-gradient(180deg, #F6F9FA 0%, #FAFCFC 44%, #FFFFFF 100%);
                    padding: 20px;
                    padding-bottom: 80px;
                    padding-top: 80px;
                }
        
                .intro-container {
                    display: flex;
                    justify-content: center;
                    gap: 40px;
                }
        
                .apr-title p {
                    font-size: 22px;
                    color: #002739;
                    font-family: Gotham HTF;
                    font-weight: 300;
                    font-size: 40px;
                    line-height: 58px;
                    letter-spacing: 0%;
                    vertical-align: middle;
        
                }
        
        
                .apr-title {
                    display: flex;
                    align-items: center;
                }
        
                .apr-details {
                    padding-left: 40px;
                    border-left: 1px solid #43C6ED;
                    display: flex;
        
                    margin-top: 10px;
                    align-items: start;
                    justify-content: center;
                    padding-top: 10px;
        
                }
        
                .apr-details p {
                    font-family: Open Sans;
                    font-weight: 400;
                    font-size: 20px;
        
                    line-height: 120%;
                    letter-spacing: 1%;
                    position: super;
                    color: black;
                }
        
                .apr-details strong {
                    font-family: Open Sans;
                    font-weight: 700;
                    font-size: 30px;
        
                    line-height: 140%;
                    letter-spacing: 1%;
                    color: #002739;
                }
        
                .apr-box {
                    max-width: 378px;
                    flex: 1;
                    text-align: left;
                    padding-right: 20px;
                }
        
                .apr-disclaimer p {
                    font-family: Open Sans;
                    font-weight: 400;
                    font-size: 16px;
                    line-height: 25.71px;
                    letter-spacing: 0%;
                    text-align: center;
                    vertical-align: middle;
        
                    color: #666666;
                    text-align: center;
                    margin-top: 45px;
                }
        
                .variable-apr strong {
                    font-family: Open Sans;
                    font-weight: 700;
                    font-size: 30px;
                    line-height: 40px;
                    letter-spacing: 0%;
                    text-align: center;
                    vertical-align: middle;
        
                }
        
                .apr-apply {
                    text-align: center;
                    margin: auto;
                 
                }
        
                .apr-disclaimer {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    justify-content: center;
                    gap: 25px;
                }
        
                .apply-btn:hover {
                    background-color: #e65c00;
                    text-decoration: none !important;
                }
        
                @media (max-width: 700px) {
                    .apr-details {
                        flex-direction: column;
                        gap: 10px;
                        padding-left: 0;
                        border: 0;
                    }
        
                    .apr-box {
                        padding-right: 0;
                    }
                }
        
                .investing-section {
                    background: #002739;
                    padding-top: 80px;
                    padding-bottom: 80px;
                }
        
        
                .investing-head h2 {
                    color: #FFF;
        font-family: "Open Sans";
        font-size: 36px;
        font-style: normal;
        font-weight: 600;
        line-height: 58px; /* 161.111% */
                }
        
                .investing-head p {
                    color: #FFF;
        font-family: "Open Sans";
        font-size: 24px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
        text-align: start;
        
                }
        
                .investing-icons {
                    margin-top: 60px;
                    display: flex;
                    justify-content: center;
                    align-items: start;
                    gap: 40px;
                }
        
                .iconv {
                    flex: 1;
                    max-width: 380px;
                    text-align: center;
                }
        
                .iconv h3 {
                    color: white;
                    font-family: Open Sans;
                    font-weight: 700;
                    font-size: 24px;
                    line-height: 100%;
                    letter-spacing: 0%;
                    text-align: center;
                    vertical-align: middle;
                    margin-top: 7px;
                    margin-bottom: 17px;
        
                }
        
                .iconv p {
                    font-family: Open Sans;
                    font-weight: 300;
                    font-size: 18px;
                    line-height: 100%;
                    letter-spacing: 0%;
                    text-align: center;
                    vertical-align: middle;
                    color: white;
                }
        
                .reedem-apply {
                    display: flex;
                    margin-top: 60px;
                    justify-content: center;
                    align-items: center;
                    gap: 25px;
                }
        
                .reedem-apply a {
                    margin: 0;
        
                }
        
                .reedem-apply p {
                    color: white;
                    font-family: Open Sans;
                    font-weight: 300;
                    font-size: 18px;
                    line-height: 100%;
                    letter-spacing: 0%;
                    text-align: center;
                    vertical-align: middle;
        
                }
        
        
        
                #apmex {
                    margin-top: 60px;
        
                    padding: 40px;
                    border: 0.5px solid #FFFFFF;
                    border-radius: 10px;
                }
        
                .tab-content h2 {
                    color: white;
                    color: #FFF;
        text-align: center;
        font-family: "Open Sans";
        font-size: 36px;
        font-style: normal;
        font-weight: 600;
        line-height: 58px; /* 161.111% */
        
                }
        
        
                .disclaimer {
                    margin-top: 15px;
                    font-family: Open Sans;
                    font-weight: 400;
                    font-size: 12px;
        
                    letter-spacing: 0%;
                    text-align: center;
                    vertical-align: middle;
                    color: white;
                }
        
        
        
        
        
                .tabs {
                    display: flex;
                    justify-content: center;
                    gap: 10px;
                    margin-bottom: 20px;
                }
        
                .tab {
                    background: transparent;
                    border: 1px solid #606060;
                    padding: 10px 20px;
                    border-radius: 5px;
                    cursor: pointer;
                    font-size: 18px;
                    color: white;
                }
        
                .tab.active {
                    background: #43C6ED;
                    font-weight: bold;
                    color: #000000;
                }
        
                .tab-content {
                    display: none;
                }
        
                .tab-content.active {
                    display: block;
                }
        
                .redeem-container {
                    font-family: 'Open Sans', sans-serif;
                    padding: 20px;
                    border-radius: 10px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    gap: 20px;
                    background-color: transparent;
        
                    max-width: 800px;
                    margin: auto;
                }
        
                .points-selector {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    position: relative;
                }
        
                .points-wrapper {
                    height: 150px;
                    /* Updated to fit 3 items properly */
                    overflow: hidden;
                    touch-action: pan-y;
                    width: 150px;
                    text-align: center;
                    border-radius: 5px;
                    position: relative;
                }
        
                .point {
                    font-size: 36px;
                    font-weight: 700;
                    color: rgba(255, 255, 255, 0.3);
                    line-height: 50px;
                    /* Ensure consistent spacing */
                    transition: color 0.3s ease-in-out;
                }
        
                .point.active {
                    color: #43C6ED;
                    font-size: 36px;
                    /* Slightly larger for emphasis */
                }
        
        
                .points-list {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    transition: transform 0.3s ease-in-out;
                }
        
        
        
                #down,
                #up {
                    background: none;
                    border: none;
                    font-size: 24px;
                    color: white;
                    cursor: pointer;
                    padding: 5px;
                }
        
                .reward {
                    background: rgba(67, 198, 237, 0.15);
                    border-radius: 20px;
                    width: 272px;
                    padding: 15px;
                    text-align: center;
                }
        
                .reward img {
                    width: 100px;
                    height: auto;
                    margin-bottom: 10px;
                }
        
                .reward p {
                    margin: 0;
                    font-size: 24px;
                    font-weight: 600;
                    color: white;
                }
        
                .redeem p {
                    font-size: 30px;
                    font-weight: 400;
                    color: white;
                }
        
                .benefits {
                    padding: 20px;
                    padding-top: 250px;
                    padding-bottom: 80px;
                    display: flex;
                    align-items: center;
                }
        
                .benefits-list {
                    margin-top: 10px;
                    display: flex;
                    gap: 15px;
                    justify-content: start;
                    align-items: center;
                }
        
                .benefits-list-container {
                    margin-top: 40px;
                    margin-bottom: 40px;
                }
        
                .benefits-list-container li {
        
                    padding: .5rem;
                    font-weight: 600;
                    font-family: "Open Sans";
                    font-size: 20px;
                    color: #FFFFFF;
                    font-style: normal;
                }
        
                .benefits-pills {
                    display: grid;
                    grid-template-columns: 1fr 1fr 1fr 1fr;
                    gap: 35px;
                }
        
        
                .landing-heading {
                    margin: auto;
                    text-align: center;
                }
        
                .landing-heading img {
                    margin-bottom: 20px;
                }
        
                .landing-heading h2 {
                    font-family: Gotham HTF;
                    font-weight: 300;
                    font-size: 48px;
                    line-height: 58px;
                    letter-spacing: 0%;
                    text-align: center;
                    vertical-align: middle;
                    color: #0F3144;
                }
        
                .landing-heading p {
                    font-family: Open Sans;
                    font-weight: 300;
                    font-size: 24px;
                    line-height: 32px;
                    letter-spacing: 0%;
                    text-align: center;
                    vertical-align: middle;
                    color: #0F3144;
                    max-width: 800px;
                    margin: auto;
                    margin-top: 40px;
                    margin-bottom: 60px;
                }
        
                .benefit2 {
                    max-width: 280px;
                    margin: auto;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    gap: 10px;
                    flex-direction: column;
                }
        
                .benefit2 h3 {
                    color: #0F3144;
                    font-family: Open Sans;
                    font-weight: 600;
                    font-size: 24px;
                    margin-bottom: 0;
                    line-height: 140%;
        
                    text-align: center;
        
                }
        
                .benefit2 p {
                    font-family: Open Sans;
                    font-weight: 300;
                    font-size: 18px;
                    line-height: 22px;
                    letter-spacing: 0%;
                    text-align: center;
                    vertical-align: middle;
                    color: #0F3144;
                }
        
        
                .benefits-plus {
                    margin-top: 65px;
                    margin-bottom: 60px;
                }
        
                .benefits-plus h3 {
                    font-family: 'Open Sans';
                    font-weight: 500;
                    font-size: 24px;
                    line-height: 100%;
                    letter-spacing: 0%;
                    text-align: center;
                    vertical-align: middle;
                    color: #0F3144;
                }
        
                .crown {
                    margin-top: 40px;
                    align-items: center;
                    display: flex;
                    gap: 10px;
                }
        
                .crown-benefits {
                    display: grid;
                    grid-template-columns: 1fr 1fr 1fr 1fr;
                    gap: 55px;
                }
        
                .crown p {
                    color: #0F3144;
                    font-family: Open Sans;
                    font-weight: 600;
                    font-size: 18px;
        
                    line-height: 140%;
                    letter-spacing: 1%;
        
                }
        
                .benefits-cont {
                    background-image: url("https://images-apmex.com/Content/cms/card2025/visabanner.jpg");
                    background-size: cover;
                    background-position: top;
                   
                    position: relative
                }
        
                .benefits2 {
                    padding-top: 80px;
                    padding-bottom: 80px;
                }
        
                .velvet-section {
                  background: linear-gradient(180deg, #002739 1.28%, #123B4F 28.31%, #305D72 45.9%, #6C8C9B 64.1%, #FFF 91.39%);
                    padding: 60px 0 50px;
                }
        
                .velvet-inner {
                    max-width: 1240px;
                    margin: auto;
                    padding: 0 16px;
                }
        
                .velvet-heading h2 {
                    color: #FFF;
                    font-family: "Open Sans";
                    font-size: 36px;
                    font-style: normal;
                    font-weight: 600;
                    line-height: 120%;
                    letter-spacing: -0.36px;
                    margin-bottom: 15px;
                }
        
                .velvet-heading p {
                    color: #FFF;
                    font-family: "Open Sans";
                    font-size: 24px;
                    font-style: normal;
                    font-weight: 300;
                    line-height: normal;
                    max-width: 1100px;
                    margin-bottom: 14px;
                }
        
                .velvet-cards {
                    display: grid;
                    grid-template-columns: repeat(4, 1fr);
                    gap: 32px;
                    margin-top: 60px;
                }
        
                .velvet-card {
                    border-radius: 10px;
                    background: #F9F9F9;
                    overflow: hidden;
                    touch-action: pan-y;
                    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
                }
        
                .velvet-card img {
                    width: 100%;
                    height: 200px;
                    object-fit: cover;
                    display: block;
                }
        
                .velvet-card-body {
                    padding: 16px;
                }
        
                .velvet-card-body h3 {
                    color: var(--Black, #1A1A1A);
                    font-family: "Open Sans";
                    font-size: 20px;
                    font-style: normal;
                    font-weight: 600;
                    line-height: 120%;
                    letter-spacing: -0.2px;
                    text-transform: capitalize;
                    margin-bottom: 15px;
                }
        
                .velvet-card-body p {
                    color: var(--D2, #666);
                    font-family: "Open Sans";
                    font-size: 14px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: normal;
                    margin: 0;
                }
        
                .velvet-cta {
                    margin-top:20px;
                    text-align: center;
                }
        
                .fit-section {
                    background: #ffffff;
                    padding: 60px 0 30px;
                }
        
                .fit-inner {
                    max-width: 1240px;
                    margin: auto;
                    padding: 0 16px;
                }
        
                .fit-title {
                    color: #000;
                    font-family: "Open Sans";
                    font-size: 36px;
                    font-style: normal;
                    font-weight: 600;
                    line-height: 160%;
                    letter-spacing: -0.36px;
                    margin-bottom: 24px;
                }
        
                .fit-row {
                    display: grid;
                    grid-template-columns: 320px 1fr;
                    gap: 32px;
                    padding: 40px 0;
                    border-bottom: 1px solid #cfcfcf;
                }
        
                .fit-row:last-child {
                    border-bottom: none;
padding-top:60px
                }
        
                .fit-left {
                    text-align: center;
                }
        
                .fit-left img {
                 max-width: 260px;
                    display: block;
                    margin: 0 auto 16px;
                }
        
                .fit-left .apply-now {
                    margin-top: 0;
                    min-width: 215px;
                    display: inline-flex;
                    justify-content: center;
                }
        
                .apply-now.gold-apply {
                    border-radius: 5px;
                    background: #FFE483;
                    box-shadow: 0 1px 2px 0 rgba(30, 41, 59, 0.12);
                }
        
                .fit-right h3 {
                    margin-bottom: 16px;
                    color: #000;
        font-family: "Open Sans";
        font-size: 32px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
                }
                .fit-left h3 {
                   
                    color: #000;
        font-family: "Open Sans";
        font-size: 32px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
                }
                .fit-specs {
                    width: 100%;
                    border-collapse: collapse;
                }
        
                .fit-specs tr {
                    border-bottom: 1px solid #d3d3d3;
                }
        
                .fit-specs tr:last-child {
                    border-bottom: none;
                }
        
                .fit-specs td {
                    padding: 10px 0;
                    vertical-align: top;
                }
        
                .fit-specs td:first-child {
                    width: 34%;
                    color: #4B4B4B;
                    font-family: "Open Sans";
                    font-size: 16px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: normal;
                    padding-right: 20px;
                }
        
                .fit-specs td:last-child {
                    color: #000;
                    font-family: "Open Sans";
                    font-size: 18px;
                    font-style: normal;
                    font-weight: 600;
                    line-height: normal;
                }
        
                .fit-specs td .fit-subtext {
                    display: block;
                    color: #000;
                    font-family: "Open Sans";
                    font-size: 14px;
                    font-style: normal;
                    font-weight: 600;
                    line-height: normal;
                }
        
                .gold-upgrade-section {
                    background: linear-gradient(90deg, #000 0%, #002539 100%);
                    padding: 70px 0 60px;
                }
        
                .gold-upgrade-inner {
                    max-width: 1240px;
                    margin: auto;
                    padding: 0 16px;
                    display: grid;
                    grid-template-columns: 1fr 1fr;
                    gap: 24px;
                    align-items: center;
                }
        
                .gold-upgrade-title {
                    color: #FFF;
                    font-family: "Open Sans";
                    font-size: 36px;
                    font-style: normal;
                    font-weight: 600;
           
                    letter-spacing: -0.36px;
                    
                }
        
                .gold-upgrade-highlight {
                    color: #FFE483;
                    font-family: "Open Sans";
                    font-size: 28px;
                    font-style: normal;
                    font-weight: 700;
                    line-height: 110%;
                    letter-spacing: -0.28px;
                    margin-bottom: 20px;
                }
        
                .gold-upgrade-desc {
                    color: #FFF;
                    font-family: "Open Sans";
                    font-size: 22px;
                    font-style: normal;
                    font-weight: 300;
                    line-height: normal;
                    max-width: 620px;
                   
                }
        
                .gold-upgrade-right {
                    text-align: right;
                }
        
                .gold-upgrade-right img {
                    width: 100%;
                    max-width: 560px;
                }
        
                .faq-section {
                    background: #F7F7F7;
                    padding: 80px 0 80px;
                }
        
                .faq-inner {
                    max-width: 1240px;
                    margin: auto;
                    padding: 0 16px;
                }
        
                .faq-title {
                    color: #1a1a1a;
                  
        text-align: center;
        font-family: "Open Sans";
        font-size: 36px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%; /* 43.2px */
        letter-spacing: -0.36px;
        margin-bottom:40px
                }
        
                .faq-tabs {
                    display: grid;
                    grid-template-columns: repeat(4, 1fr);
                    gap: 12px;
                    margin-bottom: 20px;
                }
        
                .faq-tab {
                    border: none;
                    border-radius: 8px;
                    background: #fff;
                    color: #2a2a2a;
                    font-family: "Open Sans";
                    font-size: 16px;
                    font-weight: 600;
                    padding: 14px 10px;
                    cursor: pointer;
                }
        
                .faq-tab.active {
                    background: #43C6ED;
                    color: black;
                }
        
                .faq-panel {
                    display: none;
                }
        
                .faq-panel.active {
                    display: block;
                }
        
                .faq-item {
                    background: #fff;
                    border-radius: 8px;
                    margin-bottom: 20px;
                    overflow: hidden;
                    touch-action: pan-y;
                }
        
                .faq-question {
                    width: 100%;
                    border: none;
                    background: #fff;
                    text-align: left;
                    padding: 18px 20px;
                    color: #1a1a1a;
                    font-family: "Open Sans";
                    font-size: 18px;
                    font-weight: 600;
                    cursor: pointer;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                }
        
                .faq-icon {
                            display: inline-block;
                            width: 15px;
                            height: 8px;
                            background-image: url("data:image/svg+xml,%3Csvg width='15' height='8' viewBox='0 0 15 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.17392 4.94972L12.7537 0L14.3479 1.41421L7.17392 7.77822L0 1.41421L1.59421 0L7.17392 4.94972Z' fill='black'/%3E%3C/svg%3E");
                            background-repeat: no-repeat;
                            background-position: center;
                            background-size: contain;
                            font-size: 0;
                            line-height: 0;
                    margin-left: 12px;
                            transition: transform 0.2s ease;
                }
        
                .faq-answer {
                    display: none;
                    padding: 0 20px 20px;
                    color: #666;
                    font-family: "Open Sans";
                    font-size: 16px;
                    font-weight: 400;
                    line-height: 150%;
                }
        
                .faq-item.open .faq-answer {
                    display: block;
                }
        
                .faq-item.open .faq-icon {
                    transform: rotate(180deg);
                }
        
                .card-modal-overlay {
                    position: fixed;
                    inset: 0;
                    background: rgba(0, 0, 0, 0.55);
                    display: none;
                    align-items: center;
                    justify-content: center;
                    z-index: 10000;
                    padding: 16px;
                }
        
                .card-modal-overlay.open {
                    display: flex;
                }
        
                .card-modal {
                    width: 100%;
                    max-width: 800px;
                    background: #002739;
                    border: 1px solid #0b3f5b;
                    border-radius: 10px;
                    padding: 34px 28px 24px;
                    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.35);
                 position: relative;
                }
        
                .card-modal-close-mobile {
                    display: none;
                }
                .card-modal-title {
                    color: #fff;
                    color: #FFF;
        text-align: center;
        leading-trim: both;
        text-edge: cap;
        font-family: "Open Sans";
        font-size: 36px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-bottom:40px;
                }
        
                .card-modal-grid {
                    display: grid;
                    grid-template-columns: 1fr 1fr;
                    gap: 28px;
                    justify-content: center;
                    align-items: stretch;
                }
        
                .card-modal-option {
                    background: #efefef;
                    border-radius: 12px;
                    padding: 18px 18px 16px;
                    width: 100%;
                    max-width: 290px;
                    margin: 0 auto;
                    display: flex;
                    flex-direction: column;
                    height: 100%;
                }
        
                .card-modal-option-head {
                    display: flex;
                    align-items: center;
                    gap: 14px;
                    margin-bottom: 30px;
                }
        
                .card-modal-option-head img {
                    width: 64px;
                    height: auto;
                    border-radius: 6px;
                }
        
                .card-modal-option-head h3 {
                    margin: 0;
                    color: #000;
                    font-family: "Open Sans";
                    font-size: 20px;
                    font-style: normal;
                    font-weight: 600;
                    line-height: normal;
                }
        
                .card-modal-option ul {
                    margin: 0 0 16px 20px;
                    padding: 0;
                    flex: 1 1 auto;
                }
        
                .card-modal-option li {
                    margin-bottom: 4px;
                    color: #1a1a1a;
                    font-family: "Open Sans";
                    font-size: 14px;
                    font-weight: 400;
                    line-height: 1.35;
                }
        
                .card-modal-option li strong {
                    font-weight: 700;
                }
        
                .card-modal-option .modal-subtext {
                    display: block;
                    font-size: 12px;
                    line-height: 1.3;
                    margin-top: 2px;
                }
        
                .card-modal-option .apply-now {
                    width: 100%;
                    margin-top: auto;
                    min-height: 46px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }
        
                .card-modal-close {
                    text-align: center;
                    margin-top: 20px;
                    margin-bottom:20px
                }
        
                .card-modal-close button {
                    border: none;
                    background: transparent;
                    color: rgba(255, 255, 255, 0.6);
                    font-family: "Open Sans";
                    font-size: 22px;
                    cursor: pointer;
                }
        
                .benefits-list {
                    margin-top: 10px;
                    display: flex;
                    gap: 15px;
                    justify-content: center;
                    align-items: center;
                }
        
                .benefits-list-container {
                    margin-top: 40px;
                    margin-bottom:40px;
                }
        
                .benefits-list-container li {
        
                    padding: .5rem;
                    color: #000;
        font-family: "Open Sans";
        font-size: 18px;
        font-style: normal;
        font-weight: 300;
        line-height: 25.71px; /* 142.833% */
                }
        
        
        
                .payments {
                    background: rgba(246, 251, 252, 1);
                }
        
        
                .disclaimer p {
                    font-family: Open Sans;
                    font-weight: 300;
                    font-size: 12px;
                    line-height: 24px;
                    letter-spacing: 0%;
                    vertical-align: middle;
                    text-align: start;
                    color: #666666;
                    margin-bottom: 20px;
                }
        
        
                .card-services {
        
                    max-width: 700px;
                    margin: auto;
                    padding-top: 40px;
                    display: flex;
                    flex-direction: column;
                    max-width: 700px;
                    align-items: center;
                    margin: auto;
                    text-align: center;
                }
        
                .card-services img {
                    width: 70%;
                    display: block;
                    margin: auto;
                }
        
                .card-services h3 {
                    margin-bottom: 0;
                    font-weight: 300;
                    font-family: "Montserrat";
                    font-size: 18px;
                    color: rgb(15, 49, 68);
                    font-style: normal;
                }
        
                .card-services p {
                    font-weight: 700;
                    font-family: "Montserrat";
                    font-size: 18px;
                    color: rgb(15, 49, 68);
                    font-style: normal;
                }
        
                .card1,
                .card2 {
                    display: flex;
                    flex-direction: column;
                    justify-content: space-between;
                }
        
                .divider {
                    display: block;
                    height: 1px;
                    width: 200px;
                    margin-top: 30px;
                    margin-bottom: 20px;
                    border: solid 1px #000000;
                }
        
                .payment-methods {
                    margin-top: 50px;
                    margin-bottom: 50px;
                }
        
                .payment-methods img {
                    display: block;
                    margin: auto;
                }
        
                .payments-text p {
                    line-height: 16px;
                    font-size: 14px;
                    font-weight: 300;
                    text-align: start;
                    font-family: "Open Sans";
                    margin-top: 20px;
                    color:#666
                }
        
                .payments-text {
        
                    padding-bottom: 40px;
                }
        
                .benefits-list-container {
                    display: flex;
                }
        
        
                .benefits h3 {
                    margin-left: 10px;
                    font-family: "Open Sans";
                    font-size: 36px;
                    font-style: normal;
                    font-weight: 300;
                    line-height: 42px;
                    color: #093160;
                }
        
                .benefits h3 span {
                    font-weight: 600;
                }
        
                .portfolio {
                    display: grid;
                    grid-template-columns: 1fr 1fr;
                    gap: 80px;
                    width: 800px;
                    margin: auto;
                    justify-content: center;
        
                }
        
                .portfolio-item {
                    width: 384px;
                    height: 248px;
                    margin: auto;
                }
        
        
                .card-services {
                    display: flex;
                    flex-direction: row;
                    justify-content: space-around;
                    gap: 50px;
                    text-align: start;
                }
        
                .card-services img {
                    margin: 0;
                    margin-right: auto;
                }
        
                .payment-methods {
                    display: flex;
                    justify-content: center;
                    gap: 50px;
                }
        
                .apply {
                    display: flex;
                    justify-content: center;
                    margin-bottom: 50px;
                }
        
                .how-to-container {
                    border: 0.5px solid #43C6ED;
                    background-color: #F3FDFF80;
                    border-radius: 10px;
                    max-width: 1240px;
                    padding: 30px;
                    margin: auto;
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    justify-content: center;
                    margin-bottom: 60px;
                }
        
                .how-to-container h2 {
         
                    color: #000;
        text-align: center;
        font-family: "Open Sans";
        font-size: 36px;
        font-style: normal;
        font-weight: 600;
        line-height: 58px; /* 161.111% */
        
                }
        
        
                .how-to-list {
                    text-align: left;
                    margin-top: 20px;
                }
        
                .how-to-list ol {
                    list-style: none;
                    counter-reset: step-counter;
                    padding-left: 0;
                }
        
                .how-to-list li {
                    counter-increment: step-counter;
                    margin-bottom: 10px;
                    font-size: 18px;
                    font-family: Open Sans;
                    font-weight: 400;
                    font-size: 18px;
                    gap: 5px;
                    align-items: center;
                    line-height: 140%;
        display:flex;
        margin-bottom:40px
        
        
                }
        
                .how-to-list li::before {
                    content: counter(step-counter);
                    font-weight: bold;
                    font-size: 36px;
                    color: #000;
                    margin-right: 10px;
                }
        
                .apply-btn {
                    display: inline-block;
                    font-family: "open sans";
                    margin-top: 20px;
                    padding: 10px 20px;
                    background-color: #ff914d;
                    color: #002739;
                    text-decoration: none;
                    font-weight: bold;
                    border-radius: 5px;
                    border: none;
                    font-size: 16px;
                    cursor: pointer;
                }
        
                .apply-btn:hover {
                    background-color: #e6833d;
                    text-decoration: none !important;
                }
        
        
                .footer-lp {
                    background-image: url("https://images-apmex.com/Content/cms/Card2025/footerbg.jpg");
                    background-repeat: no-repeat;
                    background-size: cover;
                    padding: 20px;
                }
        
                .foot-cont {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    gap: 30px;
                }
        
                .foot-cont .apply-now {
                    margin: 0;
                }
        
                .foot-left-group {
                    display: flex;
                    align-items: center;
                    gap: 20px;
                }
        
                .foot-cards-img {
                    max-width: 220px;
                    width: 100%;
                    height: auto;
                    display: block;
                }
        
                .foot-lockup-img {
                    max-width: 300px;
                    width: 100%;
                    height: auto;
                    display: block;
                }
        
        
        
                .second-footer {
                    background-color: #002147;
                    color: white;
                    padding: 20px;
                    text-align: center;
                    font-size: 14px;
                    display: flex;
                    flex-direction: column;
                    align-items: center;
             
                }
        
                .second-content {
                    display: flex;
                    align-items: center;
                    width: 100%;
                    max-width: 1240px;
                    justify-content: space-between;
                }
        
                .footer-copy {
                    text-align: start;
                    width: 100%;
                }
        
                .footer-copy p {
                    font-family: Open Sans;
                    font-weight: 400;
                    font-size: 13px;
                    line-height: 19.2px;
                    letter-spacing: 0%;
                    vertical-align: middle;
        
                }
        
                .footer-links {
                    margin-top: 5px;
                }
        
                .footer-links a {
                    color: white;
                    text-decoration: none;
                    font-family: Open Sans;
                    font-weight: 400;
                    font-size: 13px;
                    line-height: 19.2px;
                    letter-spacing: 0%;
                    vertical-align: middle;
        
        
                }
        
                .footer-links a:hover {
                    text-decoration: underline;
                }
        
                .footer-logos {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    margin-top: 10px;
                    gap: 15px;
                }
        
                .footer-logos img {
                    height: 40px;
                }
        
                @media (max-width: 700px) {
                    .iconv p {
                        width: 80%;
                        margin: auto;
                    }
        .tab-content h2 {
            color: #FFF;
        text-align: center;
        font-family: "Open Sans";
        font-size: 28px;
        font-style: normal;
        font-weight: 600;
        line-height: 35px; /* 125% */
        }
        
                    .reedem-left {
                        position: absolute;
                        left: 30px;
                        top: 33%;
                    }
        
                    .reedem-right {
                        position: absolute;
                        right: 25px;
                        top: 33%;
                    }
        
                    .redeem p {
                        font-size: 18px;
                    }
        
                    .reedem-apply {
                        gap: 10px;
                        flex-direction: column;
                    }
        
                    #apmex {
                        position: relative;
                        padding: 20px;
                        margin: 10px;
                    }
        
                    .benefits-cont {
                        background-image: url("https://images-apmex.com/Content/cms/card2025/visaamob.png");
                        background-size: cover;
                        background-position: top;
                        height: 435px;
                        position: relative
                    }
                    .benefits.cont{
                        display:none;
                    }
                    .crown {
                        margin-top: 20px;
        
                    }
        
                    .crown p {
                        margin-bottom: 0;
                    }
        
                    .redeem-container {
                        flex-direction: column;
                    }
        
                    .apr-title {
                        text-align: center;
                        justify-content: center;
                    }
        
                    .intro-container {
                        gap: 0px;
                        flex-direction: column;
                    }
        
                    .investing-section {
                        padding-bottom: 40px;
                        padding-top: 80px;
                    }
        
                    .investing-icons {
                        flex-direction: column;
                        align-items: center;
                        margin-bottom: 60px;
        margin-top:30px
                    }
        
                    .footer-logos {
                        margin-top: 25px;
                        flex-direction: row;
                        justify-content: space-between;
                        flex-wrap: wrap;
                        gap: 10px;
                    }
                    .investing-head h2 {
                        color: #FFF;
        text-align: center;
        font-family: "Open Sans";
        font-size: 32px;
        font-style: normal;
        font-weight: 600;
        line-height: 40px; /* 125% */
                    }
                }
        
        
                @media (max-width: 600px) {
                    .content-section {
                        padding: 0 !important;
        overflow: hidden;
margin-bottom:-40px
                    }
        
                    .how-to-list li {
                        font-size: 18px;
                color: black;
        margin-bottom:40px;
        display:flex
                    }
                }
        
                @media screen and (min-width:1000px) {
                    .hero-2 img {
                    width: 100%;
                    position: absolute;
            width: 100%;
            max-width: 900px;
            right: 0;
            top: 12%;
                }
                    .apr-title {
                        width: 35%;
                    }
        
                    .hero-2 {
                        width: 50%;
                    }
        
                    .divider {
                        display: block;
                        width: 1px;
                        height: 110px;
                        border: solid 0.2px #A3D6E0;
                    }
                }
        
                .hero-2 img {
                    width: 100%;
                   
                }
        
                @media screen and (max-width:750px) {
                    .investing-section {
                        background: #002739;
        
                    }
        
                    .hero-1 {
                        text-align: center;
        
                    }
        
                    .hero-desc p {
                        text-align: center;
                    }
        
                    .benefits2 {
                        padding-bottom: 0;
                    }
        
                    .benefits h3 {
                        font-size: 28px;
                    }
        
                    .lp-hero-cont {
                        flex-direction: column;
                    }
        
                    .hero-1 {
                        width: 100%;
                    }
        
                    .benefits-list-container {
                        flex-direction: column;
                    }
        
                    .card-services {
                        flex-direction: column;
                        gap: 10px;
                    }
        
                    .payment-methods {
                        gap: 26px;
                        flex-wrap: wrap;
                flex-direction: column;
                justify-content: center;
                align-items: center;
        margin-top:10px;
                    }
        
                    .second-content {
                        flex-direction: column;
                    }
        
                    .benefits-pills,
                    .crown-benefits {
                        justify-content: center;
                        align-items: center;
                        grid-template-columns: 1fr;
                    }
        
                    .benefits-pills {
                        grid-template-columns: 1fr 1fr;
                    }
        
                    .crown-benefits {
                        gap: 20px;
                    }
        
                    .velvet-cards {
                        grid-template-columns: 1fr 1fr;
                    }
        
                    .velvet-heading h2 {
                        font-size: 34px;
                    }
        
                    .velvet-heading p {
                        font-size: 18px;
                    }
        
                    .velvet-card-body h3 {
                        font-size: 24px;
                    }
        
                    .fit-row {
                        grid-template-columns: 1fr;
                        gap: 18px;
                    }
        
                    .fit-right h3 {
                        font-size: 32px;
                    }
        
                    .fit-specs td:first-child,
                    .fit-specs td:last-child {
                        display: block;
                        width: 100%;
                    }
        
                    .gold-upgrade-inner {
                        grid-template-columns: 1fr;
                    }
        
                    .gold-upgrade-title {
                        font-size: 20px;
                    }
        
                    .gold-upgrade-highlight {
                        font-size: 32px;
                    }
        
                    .gold-upgrade-desc {
                        font-size: 18px;
                    }
        
                    .gold-upgrade-right {
                        text-align: center;
                    }
        
                    .faq-tabs {
                        grid-template-columns: 1fr 1fr;
                    }
        
                    .faq-title {
                        font-size: 36px;
                    }
        
                    .faq-question {
                        font-size: 16px;
                    }
        
                    .card-modal-title {
                        font-size: 40px;
                    }
        .gold-upgrade-desc {
            font-size:20px !important
        }
                    .card-modal-grid {
                        grid-template-columns: 1fr;
                    }
        
                    .card-modal-option-head h3 {
                        font-size:26px;
                    }
        
                    .benefits-plus {
                        margin-bottom: 30px;
                        padding: 20px;
                    }
        
                    .lp-menu,
                    .lp-apply p {
                        display: none;
                    }
        
                    .lp-container-main {
                        padding-top: 65px;
                    }
                }
        
                @media screen and (max-width: 768px) {
                    /* Force a single page scroll container on mobile */
                    #bullion-card-page-wrapper,
                    .lp-container-main,
                    .lp-hero,
                    .lp-hero-cont {
                        height: auto !important;
                        max-height: none !important;
                        overflow: visible !important;
                    }

                    #bullion-card-page-wrapper {
                        touch-action: pan-y;
                        -webkit-overflow-scrolling: touch;
                    }
        
        .how-to-container {
        border-left:0 !important;
        border-right:0 !important;
        border-radius:0 !important
        }
        
        .divider {
        display:none;
        }
                    .extra-p {
                        margin-top:20px !important;
                        margin-bottom:20px
                    }
                    .benefits {
                        flex-direction:column;
                    }
                    .benefits-list p {
                        margin-bottom:0 !important
                    }
                    .benefits h3 {
                        color:white;
                        text-align:start
                    }
        .benefits-list-container ul {
        margin-bottom:0 !important
        }
                    .foot-lockup-img {
                        display:none !important;
                    }
                    html,
                    body {
                        width: 100%;
                        max-width: 100%;
                        height: auto !important;
                        min-height: 100%;
                        overflow-x: hidden !important;
                        touch-action: pan-y;
                        overscroll-behavior-y: auto;
                    }

                    /* Single scroll owner: html scrolls, body/wrappers do not */
                    html {
                        overflow-y: auto !important;
                    }

                    body {
                        overflow-y: hidden !important;
                    }

                    #bullion-card-page-wrapper,
                    #bullion-card-page-wrapper .lp-container-main,
                    #bullion-card-page-wrapper .lp-hero,
                    #bullion-card-page-wrapper .lp-hero-cont,
                    #bullion-card-page-wrapper .cont,
                    #bullion-card-page-wrapper .lp-container {
                        overflow: visible !important;
                        max-height: none !important;
                    }

                    /* Same enforcement without ID dependency (embed-safe) */
                    .lp-container-main,
                    .lp-container-main .lp-container,
                    .lp-container-main .cont,
                    .lp-hero,
                    .lp-hero-cont,
                    .rewards-container,
                    .apr,
                    .fit-section,
                    .gold-upgrade-section,
                    .faq-section,
                    .payments,
                    .footer-lp {
                        overflow-y: visible !important;
                        max-height: none !important;
                    }

                    /* Keep modal independently scrollable when open */
                    .card-modal {
                        overflow-y: auto !important;
                        -webkit-overflow-scrolling: touch;
                    }
        
                    *,
                    *::before,
                    *::after {
                        box-sizing: border-box;
                    }
        
                    .cont,
                    .lp-container,
                    .faq-inner,
                    .fit-inner,
                    .velvet-inner,
                    .gold-upgrade-inner {
                        padding-left: 12px;
                        padding-right: 12px;
                    }
        
                    img,
                    svg,
                    video,
                    iframe {
                        max-width: 100%;
                        height: auto;
                    }
        
                    .lp-hero-cont {
                        display: flex;
                        flex-direction: column;
                        padding-top: 40px;
                        padding-bottom: 40px;
                    }
        
                    .hero-2 {
                        order: 2;
                        width: 100%;
                        text-align: center;
                    }
        .hero-2 img {
                max-width: none !important;
            width: 170% !important;
            margin: auto;
            margin-left: -40% !important;
            margin-top: 30px;
        }
                    .hero-1 p {
                        margin-bottom:20px
                    }
                    .hero-desc {
                        margin-top:30px !important
                    }
                    .hero-1 {
                        max-width:330px;
                        order: 2;
                        width: 100%;
                        text-align: center;
                    }
        
                    .hero-1 h1 {
                        color: #43C6ED;
        text-align: center;
        leading-trim: both;
        text-edge: cap;
        font-family: "Open Sans";
        font-size: 40px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px; /* 100% */
        text-transform: capitalize;
                    }
        .hero-desc   {
                 display: flex; 
            justify-content: center;
        
        }
        .fit-left img {
            width: 80%;
            margin:auto;
            margin-bottom:20px
        }
        .fit-left img {
            width: 80%;
            margin:auto;
              margin-bottom:20px
        }
        .lp-hero {
            background-size: cover;
        }
                    .hero-desc p,
                    .industry-text,
                    .investing-head p,
                    .gold-upgrade-desc,
                    .velvet-heading p {
                        font-size: 16px;
                        line-height: 1.45;
                    }
        
                    .hero-1 h1,
                    .hero-1 p,
                    .hero-desc p,
                    .apr-title p,
                    .investing-head h2,
                    .investing-head p,
                    .velvet-heading h2,
                    .velvet-heading p,
                    .fit-title,
                    .fit-right h3,
                    .gold-upgrade-title,
                    .gold-upgrade-highlight,
                    .gold-upgrade-desc,
                    .faq-title,
                    .benefits h3,
                    .pricing-and-info h2,
                    .pricing-and-info p,
                    .how-to-container h2
                    {
                        text-align: center !important;
                    }
        
                    .hero-2 img {
                        position: static !important;
                        max-width: 100%;
                        margin: 12px auto 0;
                    }
        
                    .rewards-container {
                        grid-template-columns: 1fr;
                        gap: 12px;
                        margin-top: 24px;
                    }
        
                    .reward-box {
                        min-height: auto;
                        padding: 10px 12px;
                    }
        
                    .apr {
                        padding-top: 40px;
                        padding-bottom: 40px;
                    }
        
                    .apr-title p {
                        text-align: center;
                    }
        
                    .apr-details {
                        flex-direction: column;
                        gap: 16px;
                        align-items: stretch;
                                border-top: 1px solid #43C6ED;
                    }
        
                    .apr-box {
                        text-align: center;
                        border-left: none !important;
                        padding-left: 0 !important;
                    }
        
                    .variable-apr {
                        text-align: center;
        display: flex;
            flex-direction: column;
                    }
        
                    .velvet-section,
                    .fit-section,
                    .gold-upgrade-section,
                    .faq-section,
                    .benefits2 {
                        padding-top: 36px;
                        padding-bottom: 36px;
                    }
        
                    .gold-upgrade-inner {
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                    }
        
                    .gold-upgrade-right {
                        order: 1;
                        width: 100%;
                        text-align: center;
                    }
        
                    .gold-upgrade-left {
                        order: 2;
                        width: 100%;
                        text-align: center;
                    }
        
                    .velvet-cards {
                        grid-template-columns: 1fr !important;
                        gap: 14px;
                        margin-top: 18px;
                    }
        
                    .fit-row {
                        padding-top: 22px;
                        padding-bottom: 22px;
                        gap: 12px;
                    }
        
                    .fit-left img {
                        max-width: 180px !important;
                    }
        
                    .fit-right h3 {
                        font-size: 30px;
                        margin-bottom: 10px;
                    }
        
                    .fit-specs td {
                        padding-top: 8px;
                        padding-bottom: 8px;
                        word-break: break-word;
                    }
        
                    .fit-specs {
                        width: 100%;
                        table-layout: fixed;
                    }
        
                    .portfolio {
                        width: 100%;
                        grid-template-columns: 1fr;
                        gap: 16px;
                    }
        
                    .portfolio-item {
                        width: 100%;
                        max-width: 384px;
                        height: auto;
                    }
        
                    .card-services,
                    .payment-methods {
                        width: 100%;
                        gap: 16px;
                        flex-wrap: wrap;
                    }
        
                    .how-to-container,
                    #apmex {
                        width: 100%;
                        max-width: 100%;
                        margin-left: 0;
                        margin-right: 0;
                    }
        
                    .faq-tab {
                        white-space: normal;
                    }
        
                    .faq-tabs {
                        grid-template-columns: 1fr 1fr;
                        gap: 8px;
                    }
        
                    .faq-tab {
                        padding: 10px 8px;
                        font-size: 14px;
                    }
        
                    .faq-question {
                        padding: 14px 14px;
                    }
        
                    .faq-answer {
                        padding: 0 14px 14px;
                        font-size: 14px;
                        line-height: 1.45;
                    }
        
                    .footer-lp {
                        padding: 14px 10px;
                    }
        
                    .foot-cont {
                        flex-direction: column;
                        align-items: center;
                        gap: 14px;
                        text-align: center;
                    }
        
                    .foot-left-group {
                        flex-direction: row;
                        align-items: center;
                        justify-content: center;
                        flex-wrap: wrap;
                        gap: 10px;
                    }
        
                    .foot-lockup-img {
                        display: none;
                    }
        
                    .foot-cards-img {
                        max-width: 180px  !important;
                    }
        
                    .foot-lockup-img {
                        max-width: 220px;
                    }
        
                    .card-modal-overlay {
                        padding: 10px;
                    }
        
                    .card-modal {
                        max-height: 92vh;
                        overflow-y: auto;
                        padding: 20px 14px 18px;
                    }
            .card-modal-close-mobile {
                        position: absolute;
                        top: 8px;
                        right: 8px;
                        display: inline-flex;
                        align-items: center;
                        justify-content: center;
                        width: 25px;
                        height: 25px;
                        border: none;
                        border-radius: 50%;
                        background: rgba(255, 255, 255, 0.12);
                        color: #fff;
                        font-size: 24px;
                        line-height: 1;
                        cursor: pointer;
                    }
                    .card-modal-title {
                        font-size: 26px;
                        margin-bottom: 14px;
                    }
        
                    .card-modal-grid {
                        grid-template-columns: 1fr;
                        gap: 12px;
                    }
        
                    .card-modal-option {
                        max-width: 100%;
                    }
        
                    .card-modal-close {
                        margin-top: 10px;
                        margin-bottom: 0;
                    }
                }
            
                @media screen and (min-width:1000px) {
                    .gold-upgrade-left {
                        width: 600px;
                    }
                }
                .faq-section {
                    margin-bottom:0
                }
        @media screen and (max-width: 768px) {
    
    .card-modal-option-head {
    margin-bottom:15px !important;
    }
    
                        .lp-hero,
                        .apr,
                       
                        .fit-section,
                        .gold-upgrade-section,
                        .faq-section,
                        .payments,
                       
                        .footer-lp {
                            padding-top: 60px !important;
                            padding-bottom: 60px !important;
                        }
    
                        .lp-hero-cont {
                            padding-top: 0 !important;
                            padding-bottom: 0 !important;
                        }
    
                        .card-services {
                            padding-top: 0 !important;
                        }
    
                        .payments-text {
                            padding-bottom: 0 !important;
                        }
                    }
-->

<!--
#bullion-card-page-wrapper .intro {
                    padding-bottom: 100px;
                }
        
                .bullion-card-promotion-sale-01 .desktop-only {
                    display: block;
                }
        
                .bullion-card-promotion-sale-01 .mobile-only {
                    display: none;
                }
        
                .bullion-card-promotion-sale-01 .alp-block .align-self-center {
                    align-self: center !important;
                }
        
                .bullion-card-promotion-sale-01 .bullion-card-promotion-sale-bg {
                    background-image: url('https://www.images-apmex.com/Content/cms/landing_pages/tbc/2025-CyberWeek-TBC-BKG.png');
                    background-size: 100%;
                    background-repeat: no-repeat;
                    background-position: center center;
                    background-size: cover;
                    padding: 20px 0;
                }
        
                .bullion-card-promotion-sale-01 .alp-block-body {
                    max-width: 1240px;
                }
        
                .bullion-card-promotion-sale-01 .desktop-only .alp-block-body {
                    margin: 0 auto;
                    max-width: 100%;
                }
        
                .bullion-card-promotion-sale-01.alp img {
                    width: initial;
                    height: auto;
                }
        
                .bullion-card-promotion-sale-01 span.section-heading {
                    /*max-width: 520px;*/
                    margin-bottom: 22px;
                }
        
                .bullion-card-promotion-sale-01 span.section-heading {
                    color: #000;
                    font-family: "Open Sans";
                    font-size: 35px;
                    font-style: normal;
                    font-weight: 600;
                    line-height: 126%;
                    display: block;
                    text-align: left;
                }
        
                .bullion-card-promotion-sale-01 span.section-content {
                    /*max-width: 470px;*/
                }
        
                .bullion-card-promotion-sale-01 span.section-content {
                    color: #000;
                    font-family: "Open Sans";
                    font-size: 16px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 21.76px;
                    display: block;
                    text-align: left;
                }
        
                .bullion-card-promotion-sale-01 .bullion-card-promotion-sale-btn {
                    text-decoration: none;
                    border-style: none;
                    border-radius: 5px;
                    z-index: 3;
                    width: 215px;
                    height: 50px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    background: #F98D29;
                    box-shadow: none;
                    text-shadow: none;
                    color: #0F3144;
                    font-size: 16px;
                    line-height: 19px;
                    font-weight: 800;
                    font-family: "Open Sans";
                    font-style: normal;
                    text-align: center;
                    background-repeat: no-repeat;
                    margin-top: 40px;
                }
        
                .bullion-card-promotion-sale-01 .bullion-card-promotion-sale-btn:hover {
                    background: #e67815;
                    color: #0F3144;
                    text-decoration: none !important;
                    cursor: pointer;
                }
        
                .apply-now.gold-apply:hover {
                    background: #e6cc71;
                    text-decoration: none !important;
                }
        
                /* Force unified hover style for all CTA buttons */
                .apply-now:hover,
                .apply-now1:hover,
                .apply-now-intro:hover,
                .apply-btn:hover,
                .bullion-card-promotion-sale-01 .bullion-card-promotion-sale-btn:hover,
                .card-modal-option .apply-now:hover,
        .apply-now3:hover {
                    background: #e67815 !important;
                    color: #0F3144 !important;
                    text-decoration: none !important;
                    transform: none !important;
                }
        
                /* Keep yellow CTAs on darker-yellow hover (not orange) */
                .apply-now.gold-apply:hover,
                .card-modal-option .apply-now.gold-apply:hover {
                    background: #e6cc71 !important;
                    color: #0F3144 !important;
                    text-decoration: none !important;
                    transform: none !important;
                }
        
                /* Mobile */
                @media only screen and (min-width: 320px) and (max-width: 680px) {
                    .bullion-card-promotion-sale-01 .alp-row>.alp-col-6 {
                        width: 100%;
                        -ms-flex: 0 0 100%;
                        flex: 0 0 100%;
                        max-width: 100%;
                        padding-left: 15px;
                        padding-right: 15px;
                    }
        
                    .bullion-card-promotion-sale-01 .mobile-only {
                        display: block !important;
                    }
        
                    .bullion-card-promotion-sale-01 .desktop-only {
                        display: none !important;
                    }
        
                    .bullion-card-promotion-sale-01 .bullion-card-promotion-sale-bg {
                        background-image: url('https://www.images-apmex.com/Content/cms/landing_pages/tbc/2025-CyberWeek-TBC-Mobile-BKG.png');
                        height: 780px;
                    }
        
                    .bullion-card-promotion-sale-01 img.mobile-only {
                        width: initial;
                        margin: 0 auto;
                    }
        
                    .bullion-card-promotion-sale-01 span.section-heading,
                    .bullion-card-promotion-sale-01 span.section-content {
                        max-width: 100%;
                        text-align: center;
                    }
        
                    .bullion-card-promotion-sale-01 span.section-heading {
                        color: #000;
                        font-size: 30px;
                        line-height: 37.8px;
                        width: 75%;
                        margin-left: auto;
                        margin-right: auto;
                        margin-top: 5px;
                    }
        
                    .bullion-card-promotion-sale-01 span.section-content {
                        color: #000;
                        width: 85%;
                        margin-left: auto;
                        margin-right: auto;
                    }
        
                    .bullion-card-promotion-sale-01 .bullion-card-promotion-sale-btn {
                        margin: 40px auto 0px auto;
                    }
        
                    .bullion-card-promotion-sale-01 .alp-col-6.align-self-center.order-1 {
                        margin-top: 150px;
                    }
                }
    
    .card-modal-overlay {
      position: fixed;
      inset: 0;
      z-index: 9999;
    }
    
    
    .card-modal-overlay[aria-hidden="true"] {
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      display: none;
    }
    
    
    .card-modal-overlay[aria-hidden="false"] {
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
      display: flex;
    }
-->