get_header(); ?>

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
    href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Syncopate:wght@400;700&display=swap"
    rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />

<style>
*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    background: #060d1a;
    font-weight: 400;
    color: #fff;
    overflow-x: hidden;
}

/* ══ LP SCOPED FONTS — does not affect footer ══ */
.lp-loyalty h1,
.lp-loyalty h2 {
    font-family: "Syncopate", sans-serif;
}

.lp-loyalty p {
    font-family: "Inter", sans-serif;
}

.lp-loyalty a {
    font-family: "Syncopate", sans-serif;
}


.lp-loyalty .tcs {
    font-family: "PP Telegraf", sans-serif;
}

.lp-loyalty .tcs-cta {
    font-family: "PP Telegraf", sans-serif;
}

.lp-loyalty .day-label {
    font-family: "Inter", sans-serif;
}

.lp-loyalty .step-badge {
    font-family: "Inter", sans-serif;
}

.lp-loyalty .step-title {
    font-family: "Syncopate", sans-serif;
}

.lp-loyalty .card-hint {
    font-family: "Inter", sans-serif !important;


}

/* ══ FOOTER RESET — force site default font ══ */
.site-footer,
.site-footer * {
    font-family: "PP Telegraf", sans-serif !important;
}

/* ══ HERO ══ */
.hero {
    position: relative;
    width: 100%;
    min-height: 100vh;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.hero-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 25% center;
    z-index: 0;
}

.hero-bg-mobile {
    display: none;
}

@media(max-width:768px) {
    .hero-bg-desktop {
        display: none;
    }

    .hero-bg-mobile {
        display: block;
        object-position: center center;
    }
}

.hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(4, 9, 20, .88) 0%, rgba(4, 9, 20, .70) 25%, rgba(4, 9, 20, .20) 50%, rgba(4, 9, 20, 0) 100%);
    z-index: 1;
}

.hero-content {
    position: relative;
    z-index: 2;
    padding: 0 0 0 5%;
    max-width: 70%;
    width: 100%;
    margin-top: 15rem;
}

.hero-title {
    font-size: 64px;
    font-weight: 900;
    line-height: 1.05;
    margin-bottom: 1.2rem;
}

.hero-subtitle {
    font-size: 27px;
    font-weight: 400;
    color: rgba(255, 255, 255, .88);
    line-height: 30px;
    margin-bottom: 1.8rem;
}

.btn-participate {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 6.434px;
    border-radius: 120.874px;
    background: #7AFF32;
    color: #000A1A;
    text-align: center;
    font-family: Syncopate;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    padding: 13.51px 36.671px 11px 36.671px;
}

.hero-cta-wrap {
    display: flex;
    align-items: center;
    gap: 16px;
}

.tcs {
    font-size: 15px;
    color: rgba(196, 196, 196, 1);
    display: block;
}

/* ══ SECTIONS WRAP ══ */
.sections-wrap {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.sections-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
    z-index: 0;
}

.sections-overlay {
    position: absolute;
    inset: 0;
    background: rgba(4, 10, 24, .78);
    z-index: 1;
}

/* ══ WHAT IS ══ */
.what-is {
    position: relative;
    z-index: 2;
    padding: 80px 2rem 60px;
    text-align: center;
}

.what-is-title {
    font-size: 48px;
    font-weight: 900;
    line-height: 1.1;
    letter-spacing: .01em;
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.what-is-title .white {
    color: #fff;
}

.what-is-title .green {
    color: #39ff5a;
    text-shadow: 0 0 30px rgba(57, 255, 90, .4);
}

.what-is-sub {
    font-size: 18px;
    font-weight: 400;
    color: rgba(255, 255, 255, .82);
    line-height: 1.6;
    max-width: 31%;
    margin: 0 auto 2.5rem;
}

.days-widget {
    display: inline-flex;
    align-items: center;
    gap: 1.2rem;
    border: 1px solid rgba(57, 255, 90, .25);
    border-radius: 50px;
    padding: 1.2rem 2.5rem;
    margin-bottom: 2.5rem;
    backdrop-filter: blur(6px);
}

.day-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .35rem;
}

.day-circle {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: rgba(122, 255, 50, 0.99);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    font-weight: 900;
    color: #000;
    box-shadow: 0 0 20px rgba(57, 255, 90, .45);
}

.day-label {
    font-size: .72rem;
    font-weight: 500;
    color: rgba(255, 255, 255, .6);
    letter-spacing: .03em;
}

.day-pct {
    font-size: .9rem;
    font-weight: 700;
    color: #39ff5a;
}

.days-arrow {
    color: rgba(255, 255, 255, .5);
    margin-top: -46px;
}

.day-note {
    font-size: 32px;
}

/* ══ HOW IT WORKS ══ */
.how-it-works {
    position: relative;
    z-index: 2;
    padding: 60px 2rem 80px;
    text-align: center;
}

.how-title {
    font-size: 48px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .02em;
    color: #fff;
    margin-bottom: .8rem;
}

.how-sub {
    font-size: 24px;
    color: rgba(255, 255, 255, .75);
    margin-bottom: 3rem;
}

.step-progress {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    margin-bottom: 2.5rem;
    max-width: 340px;
    margin-left: auto;
    margin-right: auto;
}

.step-dot {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #0d1f38;
    border: 2px solid #5163EC;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    flex-shrink: 0;
    z-index: 1;
}

.step-line {
    flex: 1;
    height: 4px;
    background: #7aff32;
    box-shadow: 0 0 8px rgba(57, 255, 90, .5);
}

.steps-grid {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr;
    align-items: center;
    gap: 0;
    max-width: 65%;
    margin: 0 auto 3rem;
}

.step-card {
    background: rgba(10, 20, 48, .75);
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 12px;
    padding: 2rem 1.5rem 1.8rem;
    text-align: center;
    backdrop-filter: blur(4px);
    position: relative;
    height: 100%;
}

.step-badge {
    display: inline-block;
    color: #39ff5a;
    background: #112325;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
    padding: 2px 11px;
    border-radius: 20px;
    margin-bottom: 1.4rem;
    border: 2px solid #1d2e30;
}

.step-icon-wrap {
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.4rem;
    border-radius: 50%;
    border: var(--stroke-weight-1, 0.999px) solid #2235C5;
    background: #161A3E;
    box-shadow: 0 0 16.5px 0 rgba(255, 255, 255, 0.30);
}

.step-icon-wrap img {
    height: auto;
    width: auto;
}

.step-title {
    font-size: .9rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: .5rem;
}

.step-desc {
    font-size: 14px;
    color: rgba(255, 255, 255, .55);
    line-height: 1.55;
}

.step-arrow {
    font-size: 1.4rem;
    color: rgba(100, 150, 255, .7);
    padding: 0 1rem;
    flex-shrink: 0;
}

.how-cta {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.how-cta .btn-join {
    display: flex;
    padding: 13.51px 36.671px 11px 36.671px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 6.434px;
    border-radius: 120.874px;
    background: #7AFF32;
    color: #000A1A;
    text-align: center;
    font-family: Syncopate;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.mobile-left .tcs {
    display: block;
    font-size: 12px;
    color: rgba(196, 196, 196, 1);
    margin-top: 0;
}

.how-cta .tcs {
    display: block;
    font-size: 12px;
    color: rgba(196, 196, 196, 1);
    margin-top: 0px;
}

.section-divider {
    display: none;
}


.days-note {
    color: #FFF;
    text-align: center;
    text-shadow: 0 0 16.992px rgba(0, 0, 0, 0.50);
    font-family: "PP Telegraf";
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    line-height: 140%;
    /* 33.6px */
    letter-spacing: 0.48px;

}

/* ══ REDEEM / REWARDS SLIDER ══ */
.redeem {
    position: relative;
    width: 100%;
    padding: 80px 0 70px;
    text-align: center;
    background: radial-gradient(118.2% 118.2% at 50% 104.77%, #3d6fe3 0%, #010a19 53.03%);
}

.redeem::before {
    left: 0;
    background: linear-gradient(to right, #010a19 0%, #010a19 20%, transparent 100%);
}

.redeem-title {
    font-size: 48px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .02em;
    color: #fff;
    margin-bottom: 1rem;
    padding: 0 2rem;
}

.redeem-sub {
    font-size: 28px;
    font-weight: 400;
    color: rgba(255, 255, 255, .8);
    margin-bottom: 3rem;
    padding: 0 2rem;
}

.redeem-slider-wrapper {
    position: relative;
    width: 100%;
    padding: 10px 0 30px;
}

.redeem-swiper {
    width: 100%;
    padding: 10px 20px 20px !important;
    max-width: 1400px;
    margin: 0 auto;
    box-sizing: border-box;
}

.redeem-swiper .swiper-slide {
    height: auto;
    display: flex;
}

.reward-card {
    background: rgb(6, 11, 35);
    border-radius: 16px;
    overflow: hidden;
    text-align: left;
    display: flex;
    flex-direction: column;
    flex: 1;
    transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
    cursor: grab;
}

.reward-card:active {
    cursor: grabbing;
}

.reward-card:hover {
    transform: translateY(-6px);
    border-color: rgba(122, 255, 50, .3);
    box-shadow: 0 16px 40px rgba(0, 0, 0, .4);
}

.reward-card.featured {
    border-color: rgba(255, 255, 255, .18);
    box-shadow: 0 8px 30px rgba(0, 0, 0, .35);
}

.card-img {
    width: 100%;
    aspect-ratio: 3/2;
    object-fit: cover;
    display: block;
    flex-shrink: 0;
}

.card-body {
    padding: 1.2rem 1.2rem 1.4rem;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.card-name {
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: .3rem;
}

.reward-card .card-desc {
    font-size: 12px;
    color: rgba(255, 255, 255, .42);
    line-height: 1.55;
    flex: 1;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.card-coins {
    display: flex;
    align-items: center;
    gap: .45rem;
    font-size: .95rem;
    font-weight: 700;
    color: #39ff5a;
}

.coin-icon {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: radial-gradient(circle at 35% 35%, #ffe066, #f5a623);
    flex-shrink: 0;
    display: inline-block;
}

.redeem-cta {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .7rem;
    padding: 0 2rem;
    margin-top: 1.5rem;
}

.redeem-cta .tcs {
    display: block;
    font-size: 12px;
    color: rgba(196, 196, 196, 1);
    margin-top: 0;
    padding: 0;
}

.btn-earn {
    display: flex;
    padding: 13.51px 36.671px 11px 36.671px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 6.434px;
    border-radius: 120.874px;
    background: #7AFF32;
    color: #000A1A;
    text-align: center;
    font-family: Syncopate;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

/* ══ COINS SECTION ══ */
.coins-section {
    width: 100%;
    overflow: visible;
    padding: 90px 2rem 100px;
    text-align: center;
}

.coins-title {
    font-size: 48px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .01em;
    line-height: 1.1;
    color: #fff;
    margin-bottom: 1.2rem;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.coins-sub {
    font-size: 20px;
    font-weight: 400;
    color: rgba(255, 255, 255, .7);
    line-height: 1.6;
    margin-bottom: 4rem;
}

.coins-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.4rem;
    max-width: 1060px;
    margin: 0 auto;
    padding: 10px;
}

.coin-card {
    background: rgba(8, 15, 40, .7);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 14px;
    padding: 2rem 1.8rem;
    text-align: left;
    backdrop-filter: blur(6px);
    display: flex;
    flex-direction: column;
    transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}

.coins-section .coins-grid>.coin-card:nth-child(2) {
    border-color: rgba(61, 111, 227, .55) !important;
    box-shadow: 0 0 0 1px rgba(61, 111, 227, .55), 0 0 30px rgba(61, 111, 227, .3), 0 0 60px rgba(61, 111, 227, .15) !important;
}

.coin-card:hover {
    transform: translateY(-4px);
}

.coin-card.featured {
    background: rgba(10, 20, 55, .75);
}

.card-header {
    display: flex;
    align-items: center;
    gap: .9rem;
    margin-bottom: 1.6rem;
}

.card-icon {
    width: 48px;
    height: 48px;
    object-fit: contain;
    flex-shrink: 0;
}

.coin-card .card-type {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #7AFF32;
    margin-bottom: 1rem;
}

.coin-card .card-desc {
    font-size: 14px;
    color: rgba(255, 255, 255, .65);
    line-height: 1.6;
    flex: 1;
}

/* ══ MOBILE APP SECTION ══ */
.mobile-section {
    position: relative;
    width: 100%;
    min-height: 100vh;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.mobile-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    z-index: 0;
}

.mobile-overlay {
    position: absolute;
    inset: 0;
    background: rgba(2, 6, 18, .45);
    z-index: 1;
}

.mobile-inner {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 80px 6%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    align-items: center;
}

.mobile-title {
    font-size: 48px;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 1.05;
    margin-bottom: 1.6rem;
}

.mobile-title .white {
    display: block;
    color: #fff;
}

.mobile-title .green {
    display: block;
    color: #39ff5a;
    text-shadow: 0 0 30px rgba(57, 255, 90, .4);
}

.mobile-desc {
    font-size: 18px;
    color: rgba(255, 255, 255, .75);
    line-height: 1.65;
    max-width: 460px;
    margin-bottom: 2.2rem;
}

.features-list {
    display: flex;
    flex-direction: column;
    gap: 1.4rem;
    margin-bottom: 2.5rem;
}

.feature-item {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.feature-icon-wrap {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: rgba(255, 255, 255, .07);
    border: 1px solid rgba(255, 255, 255, .12);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 1rem;
}

.feature-title {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    margin-bottom: .2rem;
    text-transform: none !important;
}

.feature-desc {
    font-size: 14px;
    color: rgba(255, 255, 255, .5);
    text-transform: none !important;
}

.store-badges {
    display: flex;
    gap: 1rem;
    margin-top: 3rem;
}

.store-badge {
    display: flex;
    align-items: center;
    gap: .6rem;
    border-radius: 8px;
    text-decoration: none;
    color: #fff;
    transition: border-color .2s ease;
    min-width: 140px;
}

.store-badge:hover {
    border-color: rgba(255, 255, 255, .5);
}

.mobile-right {
    display: flex;
    justify-content: center;
    align-items: center;
}

.phone-img {
    width: 100%;
    max-width: 380px;
    height: auto;
    object-fit: contain;
    filter: drop-shadow(0 40px 60px rgba(0, 0, 0, .6));
}

/* ══ SOCIAL SECTION ══ */
.social-section {
    width: 100%;
    padding: 80px 2rem 90px;
    text-align: center;
    background: rgba(1, 10, 25, 1);
}

.social-title {
    font-size: 48px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .02em;
    color: #fff;
    margin-bottom: .75rem;
}

.social-sub {
    font-size: 24px;
    font-weight: 400;
    color: rgba(255, 255, 255, .55);
    margin-bottom: 3.5rem;
}

.social-grid {
    display: flex;
    justify-content: center;
    gap: 1rem;
    max-width: 1060px;
    margin: 0 auto;
    flex-wrap: wrap;
}

.social-card {
    background: rgba(8, 14, 35, .95);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 20px;
    padding: 2rem 1.2rem 1.6rem;
    width: 190px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.4rem;
    cursor: pointer;
    transition: border-color .3s ease, transform .3s ease, box-shadow .3s ease;
}

.card-body {
    margin-top: 4px;
}

.social-card:hover {
    transform: translateY(-5px);
}

.social-card.fb:hover {
    border-color: rgba(24, 119, 242, .5);
    box-shadow: 0 10px 30px rgba(24, 119, 242, .15);
}

.social-card.yt:hover {
    border-color: rgba(255, 0, 0, .5);
    box-shadow: 0 10px 30px rgba(255, 0, 0, .15);
}

.social-card.li:hover {
    border-color: rgba(10, 102, 194, .5);
    box-shadow: 0 10px 30px rgba(10, 102, 194, .15);
}

.social-card.x:hover {
    border-color: rgba(255, 255, 255, .3);
    box-shadow: 0 10px 30px rgba(255, 255, 255, .08);
}

.social-card.ig:hover {
    border-color: rgba(225, 48, 108, .5);
    box-shadow: 0 10px 30px rgba(225, 48, 108, .15);
}

.social-icon {
    width: 90px;
    height: 90px;
    object-fit: contain;
    border-radius: 22px;
}

.card-hint {
    font-size: 10px;
    color: rgba(255, 255, 255, .3);
    font-weight: 400;
}

/* ══ CTA SECTION ══ */
.cta-section {
    position: relative;
    width: 100%;
    padding: 100px 2rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    min-height: 340px;
}

.cta-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    z-index: 0;
}

.cta-overlay {
    position: absolute;
    inset: 0;
    background: rgba(2, 6, 20, .45);
    z-index: 1;
}

.cta-inner {
    position: relative;
    z-index: 2;
    margin: 0 auto;
    max-width: 65%;
}

.cta-title {
    font-size: 44px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .01em;
    color: #fff;
    line-height: 1.1;
    margin-bottom: 1rem;
}

.cta-sub {
    font-size: 18px;
    font-weight: 400;
    color: rgba(255, 255, 255, .75);
    margin-bottom: 2.2rem;
}

.btn-join {
    display: inline-block;
    padding: 1rem 4.5rem;
    background: linear-gradient(180deg, #7AFF32 0%, #57D712 100%);
    color: #000;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .18em;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 120.874px !important;
    border: none;
    cursor: pointer;
    transition: all .25s ease;
    margin-bottom: 1rem;
}

.tcs-cta {
    display: block;
    font-size: 12px;
    color: rgba(196, 196, 196, 1);
    margin-top: 0;
    padding: 0;
}

/* ══ FAQ SECTION ══ */
.faq-wrap {
    background: #010a19;
    padding: 60px 15% 80px;
}

.faq-eyebrow {
    text-align: center;
    font-size: 14px;
    color: #fff;
    margin-bottom: 14px;
    font-family: "Inter", sans-serif;
    font-weight: 400;
}

.faq-title {
    text-align: center;
    font-size: 52px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-family: "Syncopate", sans-serif;
    margin-bottom: 36px;
}

.cat-tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin-bottom: 40px;
}

.cat-tab {
    padding: 8px 22px;
    border-radius: 6px;
    border: 1px solid #0E1539;
    background: transparent;
    color: #757da3;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.18s ease;
    font-family: "Inter", sans-serif;
}



.cat-tab.active {
    background: #1f31bb;
    border-color: #1f31bb;
    color: #757da3;
}

.faq-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: 800px;
    margin: 0 auto;
}

.faq-item {

    border-radius: 12px;
    background: #060b23;
    border: 1px solid #0f163b;
    overflow: hidden;
    transition: border-color 0.2s ease;

}



.faq-item.open {
    border-color: rgba(255, 255, 255, 0.12);
}

.faq-q {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 24px;
    cursor: pointer;
    gap: 16px;
    user-select: none;
}

.faq-q-text {
    font-size: 15px;
    font-weight: 500;
    color: #757da3;
    transition: color 0.15s;
    flex: 1;
    font-family: "Inter", sans-serif;
}

.faq-item.open .faq-q-text {
    color: #757da3;
}



.faq-icon {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.22s ease;
    background: transparent;
}

.faq-item.open .faq-icon {
    background: rgba(79, 142, 247, 0.15);
    border-color: #4f8ef7;
    transform: rotate(45deg);
}

.faq-icon svg {
    width: 14px;
    height: 14px;
    stroke: rgba(255, 255, 255, 0.6);
    stroke-width: 2;
    fill: none;
}

.faq-item.open .faq-icon svg {
    stroke: #4f8ef7;
}

.faq-a {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.32s cubic-bezier(0.4, 0, 0.2, 1), padding 0.22s;
    padding: 0 24px;
}

.faq-item.open .faq-a {
    max-height: 300px;
    padding: 0 24px 20px;
}

.faq-a p {
    font-size: 16px;
    line-height: 1.75;
    color: #e1e3eb;
}

/* ══════════════════════════════
   MOBILE RESPONSIVE
══════════════════════════════ */

/* Tablet — 1024px */
@media (max-width: 1024px) {
    .hero-content {
        max-width: 70%;
    }

    .hero-title {
        font-size: 48px;
    }

    .what-is-sub {
        max-width: 60%;
    }

    .steps-grid {
        max-width: 90%;
    }

    .coins-title {
        max-width: 80%;
    }
}

/* Large mobile / small tablet — 768px */
@media (max-width: 768px) {

    /* Hero */
    .hero-content {
        max-width: 90%;
        margin-top: 8rem;
        text-align: center;
    }

    .hero-title {
        font-size: 36px;
    }

    .hero-subtitle {
        font-size: 18px;
        line-height: 1.5;
    }

    .btn-participate {
        padding: .85rem 2rem;
        width: 100%;
        max-width: 276px;
    }

    .tcs {
        padding: 0 1rem;
        font-size: 12px;
    }

    /* What is */
    .what-is {
        padding: 50px 1.5rem 40px;
    }

    .what-is-title {
        font-size: 28px;
    }

    .what-is-sub {
        max-width: 100%;
        font-size: 15px;
    }

    .days-widget {
        flex-wrap: wrap;
        justify-content: center;
        padding: 1rem 1.5rem;
        gap: .8rem;
    }

    .day-note {
        font-size: 20px;
    }

    /* How it works */
    .how-it-works {
        padding: 40px 1.5rem 60px;
    }

    .how-title {
        font-size: 28px;
    }

    .how-sub {
        font-size: 16px;
    }

    .steps-grid {
        grid-template-columns: 1fr;
        max-width: 100%;
        gap: 1rem;
    }

    .step-arrow {
        display: none;
    }

    .step-progress {
        max-width: 100%;
    }

    /* Redeem */
    .redeem {
        padding: 50px 0 50px;
    }

    .redeem-title {
        font-size: 28px;
        padding: 0 1rem;
    }

    .redeem-sub {
        font-size: 16px;
        padding: 0 1rem;
        margin-bottom: 2rem;
    }

    .redeem::before,
    .redeem::after {
        width: 50px;
    }

    .redeem::before {
        background: linear-gradient(to right, #010a19 0%, transparent 100%);
    }

    .redeem::after {
        background: linear-gradient(to left, #010a19 0%, transparent 100%);
    }

    /* Coins */
    .coins-section {
        padding: 50px 1.5rem 60px;
    }

    .coins-title {
        font-size: 28px;
        max-width: 100%;
    }

    .coins-sub {
        font-size: 16px;
    }

    .coins-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    /* Mobile app section */
    .mobile-inner {
        grid-template-columns: 1fr;
        gap: 2rem;
        padding: 60px 5%;
        text-align: center;
    }

    .mobile-title {
        font-size: 30px;
    }

    .mobile-desc {
        font-size: 15px;
        max-width: 100%;
    }

    .btn-join {
        margin: 0 auto .7rem;
        width: 100%;
        max-width: 300px;
    }

    .store-badges {
        justify-content: center;
        flex-wrap: wrap;
    }

    .mobile-right {
        display: none;
    }

    .mobile-left .tcs {
        padding: 0 1rem;
    }

    /* Social */
    .social-section {
        padding: 50px 1rem 60px;
    }

    .social-title {
        font-size: 28px;
    }

    .social-sub {
        font-size: 16px;
        margin-bottom: 2rem;
    }

    .social-grid {
        gap: .7rem;
    }

    .social-card {
        width: 140px;
        padding: 1.5rem .8rem 1.2rem;
    }

    .social-icon {
        width: 60px;
        height: 60px;
    }

    /* CTA */
    .cta-section {
        padding: 60px 1.5rem;
    }

    .cta-inner {
        max-width: 100%;
    }

    .cta-title {
        font-size: 28px;
    }

    .cta-sub {
        font-size: 15px;
    }

    .btn-join {
        padding: 1rem 2rem;
        width: 100%;
        max-width: 300px;
    }

    /* FAQ */
    .faq-wrap {
        padding: 40px 5% 60px;
    }

    .faq-title {
        font-size: 32px;
    }

    .faq-q {
        padding: 16px 16px;
    }

    .faq-a {
        padding: 0 16px;
    }

    .faq-item.open .faq-a {
        padding: 0 16px 16px;
    }
}

/* Small mobile — 480px */
@media (max-width: 480px) {
    .hero-title {
        font-size: 28px;
    }

    .hero-subtitle {
        font-size: 15px;
    }

    .what-is-title {
        font-size: 22px;
    }

    .how-title {
        font-size: 22px;
    }

    .redeem-title {
        font-size: 22px;
    }

    .coins-title {
        font-size: 22px;
    }

    .social-title {
        font-size: 22px;
    }

    .cta-title {
        font-size: 22px;
    }

    .mobile-title {
        font-size: 24px;
    }

    .days-widget {
        border-radius: 20px;
    }

    .social-card {
        width: calc(50% - .35rem);
    }

    .redeem::before,
    .redeem::after {
        width: 30px;
    }

    .faq-title {
        font-size: 24px;
    }
}

html[lang="ar"] .hero-content,
html[dir="rtl"] .hero-content {
    margin-right: 2rem;
    padding-left: 0;
    padding-right: 5%;
}
</style>

<div class="lp-loyalty">
            <!-- 1st Section - Hero Section -->
            <section class="hero">
                <img class="hero-bg hero-bg-desktop" src="https://m4markets.site/wp-content/uploads/2026/07/Banner-for-homepage-section-2.png" alt="" />
                        <img class="hero-bg hero-bg-mobile" src="https://m4markets.site/wp-content/uploads/2026/07/KO-300x300-1.png" alt="" />
                <div class="hero-overlay"></div>
        <div class="hero-content">
            <h1 class="hero-title">M4MARKETS <br><span style="color:#78fc31">โปรแกรมลอยัลตี้</span></h1>
            <p class="hero-subtitle">รับรางวัลจากกิจกรรมการเทรดของคุณ และปลดล็อก M4 Coins, <br> M4 Points และสิทธิประโยชน์พิเศษ</p>
            <div class="hero-cta-wrap">
                <a href="https://secure.m4marketscrm.com/th/register" class="btn-participate">เข้าร่วม</a>
                <a class="tcs" href="https://m4markets.site/th/wp-content/uploads/2026/05/TC-Loyalty-Program_February-2026.pdf">เป็นไปตาม T&amp;Cs เงินทุนมีความเสี่ยง</a>
            </div>
        </div>
    </section>
    
    <!-- 2nd Section - How It Works -->
    


    <!-- 3rd Section - Rewards Section -->
    
    <!-- 4th Section - Coin Section -->
    
    <!-- 5th Section - Mobile Coins -->
    
    <!-- 6th Section - Social Links -->
    
    <!-- 7th Section - Join Now -->
    

    <!-- Faq Section -->

    
        <!-- 1st Section - Hero Section -->
    
    <!-- 2nd Section - How It Works -->
            <div class="sections-wrap">
                <div class="sections-overlay"></div>

                                <section class="what-is">
            <h2 class="what-is-title"><span>โปรแกรมลอยัลตี้  <br><span style="color:#78fc31">M4Markets คืออะไร</span>?</span></h2>
            <p class="what-is-sub">โปรแกรมลอยัลตี้ M4Markets คือโปรแกรมรางวัลสำหรับการเทรด ที่ให้คุณรับ M4 Coins, M4 Points และสิทธิประโยชน์พิเศษขณะเทรด</p>
                        <div class="days-widget">
                                <div class="day-item">
                    <div class="day-circle">5</div>
                    <span class="day-label">วัน</span>
                    <span class="day-pct">+5%</span>
                </div>
                <span class="days-arrow">→</span>                                <div class="day-item">
                    <div class="day-circle">10</div>
                    <span class="day-label">วัน</span>
                    <span class="day-pct">+10%</span>
                </div>
                <span class="days-arrow">→</span>                                <div class="day-item">
                    <div class="day-circle">15</div>
                    <span class="day-label">วัน</span>
                    <span class="day-pct">+15%</span>
                </div>
                                            </div>
                        <p class="days-note">ยิ่งคุณเทรดมาก  ยิ่งปลดล็อกได้มาก</p>
        </section>
                
                                <section class="how-it-works">
            <h2 class="how-title">วิธีการทำงาน</h2>
            <p class="how-sub">เริ่มเทรด รับรางวัล และปลดล็อกสิทธิประโยชน์เพิ่มขึ้นเมื่อคุณก้าวหน้า</p>
                        <div class="step-progress">
                                <div class="step-dot">1</div>
                <div class="step-line"></div>                                <div class="step-dot">2</div>
                <div class="step-line"></div>                                <div class="step-dot">3</div>
                                            </div>
            <div class="steps-grid">
                                <div class="step-card">
                    <div class="step-badge">ขั้นตอน 1</div>
                                        <div class="step-icon-wrap">
                                                <img src="https://m4markets.site/wp-content/uploads/2026/07/PT-514x387-1.png"
                            alt="เข้าร่วมโปรแกรม" />                    </div>
                                        <div class="step-title">เข้าร่วมโปรแกรม</div>
                    <p class="step-desc">สมัครหรือล็อกอินเพื่อเริ่มต้น</p>
                </div>
                <div class="step-arrow">→</div>                                <div class="step-card">
                    <div class="step-badge">ขั้นตอน 2</div>
                                        <div class="step-icon-wrap">
                                                <img src="https://m4markets.site/wp-content/uploads/2026/07/PT-300x300-1.png"
                            alt="เทรดและรับรางวัล" />                    </div>
                                        <div class="step-title">เทรดและรับรางวัล</div>
                    <p class="step-desc">รับ M4 Coins, M4 Points และ M4 Diamonds ผ่านกิจกรรมที่เข้าเกณฑ์</p>
                </div>
                <div class="step-arrow">→</div>                                <div class="step-card">
                    <div class="step-badge">ขั้นตอน 3</div>
                                        <div class="step-icon-wrap">
                                                <img src="https://m4markets.site/wp-content/uploads/2026/07/MS-514x387-1.png"
                            alt="ปลดล็อกรางวัล" />                    </div>
                                        <div class="step-title">ปลดล็อกรางวัล</div>
                    <p class="step-desc">แลกรางวัลพิเศษใน M4Markets Rewards Store</p>
                </div>
                                            </div>
                        <div class="how-cta">
                <a href="https://secure.m4marketscrm.com/th/register"
                    class="btn-join">เข้าร่วมตอนนี้Now</a>
                <a class="tcs"
                    href="https://m4markets.site/th/wp-content/uploads/2026/05/TC-Loyalty-Program_February-2026.pdf">เป็นไปตาม T&Cs เงินทุนมีความเสี่ยง</a>
            </div>
        </section>
                    </div>
    


    <!-- 3rd Section - Rewards Section -->
    
    <!-- 4th Section - Coin Section -->
    
    <!-- 5th Section - Mobile Coins -->
    
    <!-- 6th Section - Social Links -->
    
    <!-- 7th Section - Join Now -->
    

    <!-- Faq Section -->

    
        <!-- 1st Section - Hero Section -->
    
    <!-- 2nd Section - How It Works -->
    


    <!-- 3rd Section - Rewards Section -->
            <section class="redeem">
        <h2 class="redeem-title">แลกรางวัลสุดพิเศษ</h2>
        <p class="redeem-sub">แลก M4 Coins เป็นรางวัลและประสบการณ์ระดับพรีเมียมสุดพิเศษ</p>

                <div class="redeem-slider-wrapper">
            <div class="swiper redeem-swiper">
                <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                        <div class="reward-card">
                                                        <div class="card-body">
                                <div class="card-name">iPhone 17</div>
                                                                <p class="card-desc">แลก M4 Coins ของคุณและสัมผัสสมดุลที่ลงตัวของนวัตกรรมและความคุ้มค่ากับ iPhone 17 รับสิ่งใหม่ล่าสุด...</p>
                                                                                            </div>
                        </div>
                    </div>
                                        <div class="swiper-slide">
                        <div class="reward-card">
                                                        <div class="card-body">
                                <div class="card-name">Samsung OLED TV KQ48SF90AEXKR 48-inch 4K (Stand)</div>
                                                                <p class="card-desc">สัมผัสประสบการณ์ความหรูหราอย่างแท้จริงด้วยทีวี OLED 4K ขนาด 48 นิ้วจาก Samsung ที่ให้ภาพคมชัดสวยงามและประสบการณ์ความบันเทิงที่สมจริงในดีไซน์พรีเมียมสุดหรู</p>
                                                                                            </div>
                        </div>
                    </div>
                                        <div class="swiper-slide">
                        <div class="reward-card">
                                                        <img class="card-img" src="https://m4markets.site/wp-content/uploads/2026/07/JA-300x300-1.png"
                                alt="AirPods 4" loading="lazy" />
                                                        <div class="card-body">
                                <div class="card-name">AirPods 4</div>
                                                                <p class="card-desc">อนาคตของเสียงไร้สายมาถึงแล้ว! แลก M4 Coins เพื่อเป็นเจ้าของ AirPods 4 รุ่นใหม่ - ดีไซน์สวย ทรงพลัง...</p>
                                                                                            </div>
                        </div>
                    </div>
                                        <div class="swiper-slide">
                        <div class="reward-card">
                                                        <div class="card-body">
                                <div class="card-name">Macbook Air M4 - 15 Inch</div>
                                                                <p class="card-desc">หน้าจอใหญ่ขึ้น ตัวเครื่องยังบางเบา - แลก MacBook Air M4 15 นิ้วเพื่อจอที่กว้างขึ้น แบตเตอรี่ยอดเยี่ยม และ</p>
                                                                                            </div>
                        </div>
                    </div>
                                    </div>
            </div>
        </div>
        
        <div class="redeem-cta">
            <a href="https://secure.m4marketscrm.com/th/register" class="btn-earn">เริ่มรับรางวัล</a>
            <a class="tcs" href="https://m4markets.site/th/wp-content/uploads/2026/05/TC-Loyalty-Program_February-2026.pdf">เป็นไปตาม T&Cs เงินทุนมีความเสี่ยง</a>
        </div>
    </section>
    
    <!-- 4th Section - Coin Section -->
    
    <!-- 5th Section - Mobile Coins -->
    
    <!-- 6th Section - Social Links -->
    
    <!-- 7th Section - Join Now -->
    

    <!-- Faq Section -->

    
        <!-- 1st Section - Hero Section -->
    
    <!-- 2nd Section - How It Works -->
    


    <!-- 3rd Section - Rewards Section -->
    
    <!-- 4th Section - Coin Section -->
            <section class="coins-section">
        <h2 class="coins-title">ทำความเข้าใจ M4 Coins, <br>M4 Points และ M4 Diamonds</h2>
        <p class="coins-sub">เรียนรู้ความแตกต่างของประเภทรางวัลที่คุณจะได้รับในโปรแกรมลอยัลตี้ M4Markets</p>
                <div class="coins-grid">
                        <div class="coin-card">
                <div class="card-header">
                                        <span class="card-name">M4 Coins</span>                </div>
                <div class="card-type">สกุลเงินสำหรับแลก</div>                <p class="card-desc">ได้รับจากกิจกรรมที่เข้าเกณฑ์และใช้เพื่อปลดล็อกรางวัล</p>            </div>
                        <div class="coin-card">
                <div class="card-header">
                                        <span class="card-name">M4 Diamonds</span>                </div>
                <div class="card-type">สกุลเงินพรีเมียม</div>                <p class="card-desc">ปลดล็อกรางวัลพิเศษที่ไม่สามารถใช้สกุลเงินอื่นแลกได้ เป็นสัญลักษณ์สถานะสูงสุดสำหรับเทรดเดอร์ชั้นนำ</p>            </div>
                        <div class="coin-card">
                <div class="card-header">
                                        <span class="card-name">M4 Points</span>                </div>
                <div class="card-type">คะแนนสะสม</div>                <p class="card-desc">ติดตามความก้าวหน้าและช่วยให้คุณเลื่อน tier ใช้สำหรับอันดับลีดเดอร์บอร์ดและการแข่งขัน</p>            </div>
                    </div>
            </section>
    
    <!-- 5th Section - Mobile Coins -->
    
    <!-- 6th Section - Social Links -->
    
    <!-- 7th Section - Join Now -->
    

    <!-- Faq Section -->

    
        <!-- 1st Section - Hero Section -->
    
    <!-- 2nd Section - How It Works -->
    


    <!-- 3rd Section - Rewards Section -->
    
    <!-- 4th Section - Coin Section -->
    
    <!-- 5th Section - Mobile Coins -->
            <section class="mobile-section">
        <img class="mobile-bg" src="" />
        <div class="mobile-overlay"></div>
        <div class="mobile-inner">
            <div class="mobile-left">
                <h2 class="mobile-title">แอปมือถือ รับ M4 Coins ได้ทุกที่</h2>
                <p class="mobile-desc">ติดตาม M4 Coins ทำภารกิจ และปลดล็อกรางวัลพิเศษ ดาวน์โหลด M4Markets Loyalty App เพื่อไม่พลาดโอกาสรับรางวัล</p>
                <div class="features-list">
                                                            <div class="feature-item">
                        <div class="feature-icon-wrap"><img src="" /></div>
                        <div class="feature-text">
                            <div class="feature-title">เข้าถึงทันที</div>
                            <div class="feature-desc">เข้าถึงพอร์ทัลลูกค้าได้จากทุกที่</div>
                        </div>
                    </div>
                                        <div class="feature-item">
                        <div class="feature-icon-wrap"><img src="" /></div>
                        <div class="feature-text">
                            <div class="feature-title">ทำภารกิจได้ทุกที่</div>
                            <div class="feature-desc">ไม่พลาดภารกิจรายวันหรือโบนัส</div>
                        </div>
                    </div>
                                        <div class="feature-item">
                        <div class="feature-icon-wrap"><img src="" /></div>
                        <div class="feature-text">
                            <div class="feature-title">ภารกิจโซเชียล</div>
                            <div class="feature-desc">ทำภารกิจโซเชียลได้ง่ายจากอุปกรณ์มือถือของคุณ</div>
                        </div>
                    </div>
                                                        </div>
                <a href="https://secure.m4marketscrm.com/th/register"
                    class="btn-join">เข้าร่วมตอนนี้Now</a>
                <a class="tcs"
                    href="https://m4markets.site/th/wp-content/uploads/2026/05/TC-Loyalty-Program_February-2026.pdf">เป็นไปตาม T&Cs เงินทุนมีความเสี่ยง</a>
                <div class="store-badges">
                    <a href="https://apps.apple.com/cy/app/m4markets/id6633427594" class="store-badge"><img class="badge-icon"
                            src="https://m4markets.site/wp-content/uploads/2026/07/TMGL_Privacy-and-Confidentiality-Policy_2026-pdf.jpg" alt="App Store" /></a>
                    <a href="https://play.google.com/store/apps/details?id=com.m4marketsclient.mobile" class="store-badge"><img class="badge-icon"
                            src="" alt="Google Play" /></a>
                </div>
            </div>
            <div class="mobile-right">
                <img class="phone-img" src="https://m4markets.site/wp-content/uploads/2026/07/IconArrow.svg" alt="M4Markets Mobile App" />
            </div>
        </div>
    </section>
    
    <!-- 6th Section - Social Links -->
    
    <!-- 7th Section - Join Now -->
    

    <!-- Faq Section -->

    
        <!-- 1st Section - Hero Section -->
    
    <!-- 2nd Section - How It Works -->
    


    <!-- 3rd Section - Rewards Section -->
    
    <!-- 4th Section - Coin Section -->
    
    <!-- 5th Section - Mobile Coins -->
    
    <!-- 6th Section - Social Links -->
            <section class="social-section">
        <h2 class="social-title">ภารกิจโซเชียล</h2>
        <p class="social-sub">ติดตามและมีส่วนร่วมกับเราบนโซเชียลมีเดีย</p>
                <div class="social-grid">
                        <a href="https://www.facebook.com/M4MarketsOfficial" class="social-card">
                <img class="social-icon" src="https://m4markets.site/wp-content/uploads/2026/07/deloitte.svg" />                <div class="card-body">
                    <div class="card-name">Facebook</div>
                </div>
            </a>
                        <a href="https://www.youtube.com/channel/UCE5C3tznQdyCJQiQLMEhMdA" class="social-card">
                <img class="social-icon" src="https://m4markets.site/wp-content/uploads/2026/07/lloyds.svg" />                <div class="card-body">
                    <div class="card-name">YouTube</div>
                </div>
            </a>
                        <a href="https://www.linkedin.com/company/m4markets" class="social-card">
                <img class="social-icon" src="https://m4markets.site/wp-content/uploads/2026/07/card-section-4.png" />                <div class="card-body">
                    <div class="card-name">LinkedIn</div>
                </div>
            </a>
                        <a href="https://x.com/m4markets_Group" class="social-card">
                <img class="social-icon" src="https://m4markets.site/wp-content/uploads/2026/07/card-section-3.svg" />                <div class="card-body">
                    <div class="card-name">X</div>
                </div>
            </a>
                        <a href="https://www.instagram.com/m4markets" class="social-card">
                <img class="social-icon" src="https://m4markets.site/wp-content/uploads/2026/07/card-section-2.svg" />                <div class="card-body">
                    <div class="card-name">Instagram</div>
                </div>
            </a>
                    </div>
            </section>
    
    <!-- 7th Section - Join Now -->
    

    <!-- Faq Section -->

    
        <!-- 1st Section - Hero Section -->
    
    <!-- 2nd Section - How It Works -->
    


    <!-- 3rd Section - Rewards Section -->
    
    <!-- 4th Section - Coin Section -->
    
    <!-- 5th Section - Mobile Coins -->
    
    <!-- 6th Section - Social Links -->
    
    <!-- 7th Section - Join Now -->
            <section class="cta-section">
        <img class="cta-bg" src="https://m4markets.site/wp-content/uploads/2026/07/card-section-1.png" alt="Starfield background" />
        <div class="cta-overlay"></div>
        <div class="cta-inner">
            <h2 class="cta-title">เริ่มปลดล็อกรางวัลวันนี้</h2>
            <p class="cta-sub">ทำให้กิจกรรมการเทรดของคุณคุ้มค่ายิ่งขึ้นด้วยโปรแกรมลอยัลตี้ M4Markets</p>
            <a href="https://secure.m4marketscrm.com/th/register"
                class="btn-join">เข้าร่วมตอนนี้</a>
            <a class="tcs-cta"
                href="https://m4markets.site/th/wp-content/uploads/2026/05/TC-Loyalty-Program_February-2026.pdf">เป็นไปตาม T&Cs เงินทุนมีความเสี่ยง</a>
        </div>
    </section>
    

    <!-- Faq Section -->

    
        <!-- 1st Section - Hero Section -->
    
    <!-- 2nd Section - How It Works -->
    


    <!-- 3rd Section - Rewards Section -->
    
    <!-- 4th Section - Coin Section -->
    
    <!-- 5th Section - Mobile Coins -->
    
    <!-- 6th Section - Social Links -->
    
    <!-- 7th Section - Join Now -->
    

    <!-- Faq Section -->

        
    <div class="faq-wrap">

                <p class="faq-eyebrow">ทุกสิ่งที่คุณต้องรู้เกี่ยวกับโปรแกรมลอยัลตี้ M4Markets</p>
        
                <h2 class="faq-title">คำถามที่พบบ่อย</h2>
        
        <div class="cat-tabs">
                        <button class="cat-tab active"
                data-cat="All">
                All            </button>
                        <button class="cat-tab "
                data-cat="พื้นฐานโปรแกรม">
                พื้นฐานโปรแกรม            </button>
                        <button class="cat-tab "
                data-cat="การรับรางวัล">
                การรับรางวัล            </button>
                        <button class="cat-tab "
                data-cat="Tier และ Boost">
                Tier และ Boost            </button>
                        <button class="cat-tab "
                data-cat="การแลก">
                การแลก            </button>
                        <button class="cat-tab "
                data-cat="ภารกิจ">
                ภารกิจ            </button>
                        <button class="cat-tab "
                data-cat="ข้อกำหนด">
                ข้อกำหนด            </button>
                    </div>

                <div class="faq-list">
                        <div class="faq-item" data-cat="พื้นฐานโปรแกรม">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">โปรแกรมลอยัลตี้ M4Markets คืออะไร?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><section id="faq" class="section faq desktop-only">
<div class="container">
<div id="faq-list" class="faq-list">
<article class="faq-item is-open">
<div class="faq-answer">
<article class="faq-item is-open">
<div class="faq-answer">โปรแกรมความภักดีของ M4Markets ให้รางวัลคุณเป็น M4 Coins และ M4 Points เมื่อคุณเทรด ทำเควสต์สำเร็จ และมีส่วนร่วมกับ M4Markets จากนั้นคุณสามารถใช้ M4 Coins แลกรางวัลและประสบการณ์สุดพิเศษได้</div>
</article>
<article class="faq-item "></article>
</div>
</article>
</div>
</div>
</section>
<footer class="desktop-footer desktop-only">
<nav id="footer-links" class="footer-links"></nav>
</footer>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="พื้นฐานโปรแกรม">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">M4 Coins คืออะไร?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">M4 Coins คือสกุลเงินรางวัลที่ใช้จ่ายได้ คุณได้รับจากการเทรด ทำเควสต์ และบรรลุเป้าหมายต่าง ๆ จากนั้นใช้แลกรายการและประสบการณ์ใน M4Markets Rewards Store</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="พื้นฐานโปรแกรม">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">M4 Points คืออะไร?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">M4 Points คือคะแนนสะสม ไม่สามารถใช้จ่ายได้ และใช้สำหรับอันดับ กระดานผู้นำ รวมถึงคุณสมบัติในการเข้าร่วมการแข่งขันและเควสต์บางรายการ</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="พื้นฐานโปรแกรม">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">M4 Coins และ M4 Points แตกต่างกันอย่างไร?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">M4 Coins ใช้จ่ายได้ใน Rewards Store และยอดคงเหลือของคุณจะเพิ่มหรือลดลงเมื่อแลกรางวัล ส่วน M4 Points จะเพิ่มขึ้นเท่านั้น และใช้สำหรับอันดับ ระดับ และการแข่งขัน ไม่ได้ใช้ซื้อรางวัล</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="การรับรางวัล">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">คุณจะรับ M4 Coins และ M4 Points ได้อย่างไร?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">คุณได้รับจากการเทรด ทำเควสต์เป้าหมาย เล่นมินิเกม ทำเควสต์โซเชียลมีเดีย รักษาสตรีกการเข้าสู่ระบบและการเทรด เขียนรีวิว และแนะนำลูกค้าใหม่ให้ M4Markets</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="การรับรางวัล">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">ฉันจะได้รับ M4 Coins และ M4 Points จากการเทรดเท่าไร?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">ทุก ๆ ปริมาณการเทรดตามมูลค่าที่ระบุ 100,000 USD คุณจะได้รับ 100 M4 Coins และ 100 M4 Points</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="การรับรางวัล">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">มูลค่า notional value 100,000 USD ในการเทรดมีลักษณะอย่างไร?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">มูลค่าที่ระบุ 100,000 USD ใกล้เคียงกับ 1 ล็อตของคู่เงิน FX หลัก, 0.25 ล็อตของ XAUUSD ทองคำ, 17 ล็อตของน้ำมันดิบ, 1 ล็อตของ BTCUSD, 33 ล็อตของ ETHUSD, 4 ล็อตของ US100 หรือ 1.5 ล็อตของ SPX500</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="การรับรางวัล">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">ตราสารใดนับรวมใน M4 Coins และ M4 Points ของฉัน?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">ตราสารที่รองรับทั้งหมดของ M4Markets ซึ่งสร้างปริมาณการเทรดตามมูลค่าที่ระบุ เช่น FX สินค้าโภคภัณฑ์ ดัชนี และคริปโต จะนับรวมใน M4 Coins และ M4 Points ของคุณ</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="การรับรางวัล">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">M4 Coins และ M4 Points จากการเทรดจะเข้าบัญชีเมื่อใด?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">M4 Coins และ M4 Points จากการเทรดจะคำนวณจากปริมาณการเทรดของคุณในวันนั้น และมอบให้ในวันถัดไป</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="Tier และ Boost">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">M4Markets Loyalty Tiers คืออะไร?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">Loyalty Tiers ได้แก่ Bronze, Silver, Gold, Platinum, Diamond, VIP อิงจากปริมาณการเทรดตามมูลค่าที่ระบุแบบ rolling 90 วันของคุณ ระดับที่สูงขึ้นจะปลดล็อก boost ที่มากขึ้นและรางวัลพิเศษมากขึ้น</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="Tier และ Boost">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">tier ของฉันคำนวณอย่างไร?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">ระดับของคุณอิงจากปริมาณการเทรดตามมูลค่าที่ระบุใน 90 วันที่ผ่านมา โดยนับย้อนหลังจากเมื่อวาน 90 วัน เมื่อปริมาณแบบ rolling นี้เพิ่มขึ้นหรือลดลง ระดับของคุณอาจเปลี่ยนแปลงได้</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="Tier และ Boost">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">Tier Boosts คืออะไร?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">Tier Boosts ให้ M4 Coins และ M4 Points เพิ่มเติมจากสิ่งที่คุณได้รับอยู่แล้วจากการเทรดและเควสต์ Boost มีตั้งแต่ 0% ที่ Bronze ไปจนถึง 25% ที่ VIP ขึ้นอยู่กับระดับของคุณ</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="Tier และ Boost">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">Balance Boosters คืออะไร?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">Balance Boosters ให้ boost เป็นเปอร์เซ็นต์รายวันแก่ M4 Coins และ M4 Points ที่คุณได้รับในวันนั้น โดยอิงจากยอดคงเหลือในบัญชี M4Markets ของคุณ ยิ่งยอดคงเหลือสูง boost ก็ยิ่งมาก สูงสุด 25%</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="Tier และ Boost">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">Tier Boosts และ Balance Boosters ทำงานร่วมกันได้หรือไม่?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">ใช่ Tier Boost และ Balance Booster ของคุณสามารถซ้อนกันได้ ทำให้คุณได้รับ M4 Coins และ M4 Points เพิ่มได้สูงสุด 50% จากรายได้พื้นฐาน</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="Tier และ Boost">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">การใช้ M4 Coins มีผลต่อ tier หรือ M4 Points ของฉันหรือไม่?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">ไม่ การใช้ M4 Coins จะลดเฉพาะยอด coin ของคุณเท่านั้น ระดับและ M4 Points ของคุณอิงจากปริมาณการเทรดและคะแนนสะสม ไม่ได้อิงจากจำนวน coin ที่เหลือ</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="การแลก">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">ฉันสามารถแลกอะไรด้วย M4 Coins ได้บ้าง?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">คุณสามารถแลก M4 Coins เป็นรางวัลหลากหลาย เช่น สินค้า M4Markets อุปกรณ์ Apple และ Samsung ทริปพักผ่อนสุดหรู ประสบการณ์ F1 นาฬิกาหรู ทองคำแท่ง และสิทธิพิเศษ VIP อื่น ๆ ขึ้นอยู่กับระดับและยอด coin ของคุณ</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="การแลก">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">ฉันจะแลกรางวัลได้อย่างไร?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">ไปที่ M4Markets Rewards Store ภายในพอร์ทัลความภักดี เลือกรางวัลที่ต้องการ และยืนยันการแลก M4 Coins ที่ต้องใช้จะถูกหักออกจากยอดคงเหลือของคุณ</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="การแลก">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">ต้องใช้เวลานานเท่าใดจึงจะได้รับรางวัล?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">หลังจากคุณแลกรางวัล ตัวแทน M4Markets จะติดต่อคุณภายใน 3 วันทำการ สำหรับสินค้าจริง การจัดส่งอาจใช้เวลาสูงสุด 2 สัปดาห์เนื่องจากโลจิสติกส์และการขนส่ง</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="ภารกิจ">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">Social Quests คืออะไร?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">Social Quests ให้รางวัลคุณสำหรับการเชื่อมต่อและมีส่วนร่วมกับบัญชีโซเชียลมีเดียของ M4Markets คุณสามารถรับ M4 Coins และ M4 Points จากการเชื่อมต่อบัญชี ติดตาม กดไลก์ แสดงความคิดเห็น หรือรีโพสต์บนแพลตฟอร์มอย่าง Facebook, LinkedIn, X/Twitter, YouTube และ Instagram</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="ภารกิจ">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">Trading Streak Quest: The 1M Club คืออะไร?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">The 1M Club ให้รางวัลคุณสำหรับการเทรดมูลค่าที่ระบุ 1 ล้าน USD ทุกวันและรักษาสตรีกไว้ เมื่อสตรีกของคุณเพิ่มขึ้นเป็น 10, 30, 60, 90, 180, 270, 365 วัน คุณจะปลดล็อก badge ตามเป้าหมายและรางวัล M4 Coin และ M4 Point ที่เพิ่มขึ้น</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="ภารกิจ">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">มีภารกิจอื่นใดอีกบ้าง?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">คุณสามารถเข้าร่วมเควสต์ เช่น Login Streak, Jack of All Trades เทรดทุกประเภทสินทรัพย์, The Advocate เขียนรีวิว, Trading Streaks, Million Dollar Clubs และ Social Quests โดยแต่ละเควสต์มี badge และรางวัลของตัวเอง</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="ภารกิจ">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">ฉันสามารถรับรางวัลจากการแนะนำเทรดเดอร์คนอื่นได้หรือไม่?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">ได้ การแนะนำผู้ใช้ใหม่ให้ M4Markets และให้พวกเขาลงทะเบียนและเริ่มเทรด จะทำให้คุณได้รับ M4 Coins และ M4 Points เพิ่มเติมผ่านเควสต์แนะนำเพื่อน</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="ภารกิจ">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">มินิเกมในโปรแกรมลอยัลตี้คืออะไร?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">มินิเกมอย่าง Spin-The-Wheel และความท้าทายรายวันให้วิธีที่สนุกและโต้ตอบได้ในการรับโบนัส M4 Coins และ M4 Points เพิ่มเติมจากการเทรดและเควสต์ปกติ</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="ข้อกำหนด">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">M4 Coins หรือ M4 Points หมดอายุหรือไม่?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">M4 Coins และ M4 Points อยู่ภายใต้ข้อกำหนดและเงื่อนไขของโปรแกรมความภักดี M4Markets โปรดตรวจสอบ T&amp;Cs ล่าสุดในพอร์ทัลหรือติดต่อฝ่ายสนับสนุน M4Markets เพื่อดูกฎการหมดอายุล่าสุด</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="ข้อกำหนด">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">มีข้อจำกัดด้านภูมิภาคหรือประเภทบัญชีหรือไม่?</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><section id="faq" class="section faq desktop-only">
<div class="container">
<div id="faq-list" class="faq-list">
<article class="faq-item is-open">
<div class="faq-answer">รางวัลหรือฟีเจอร์บางอย่างอาจถูกจำกัดตามเขตอำนาจศาลหรือประเภทบัญชีของคุณเนื่องจากกฎระเบียบท้องถิ่น โปรดดูข้อกำหนดและเงื่อนไข M4Markets ในพื้นที่ของคุณ หรือติดต่อฝ่ายสนับสนุน M4Markets เพื่อขอรายละเอียด</div>
</article>
</div>
</div>
</section>
<footer class="desktop-footer desktop-only">
<nav id="footer-links" class="footer-links"></nav>
</footer>
</div>
                </div>
            </div>
                    </div>
        
    </div>

    <script>
    function toggleFaq(item) {
        const wasOpen = item.classList.contains('open');
        document.querySelectorAll('.faq-item.open').forEach(el => el.classList.remove('open'));
        if (!wasOpen) item.classList.add('open');
    }

    document.querySelectorAll('.cat-tab').forEach(btn => {
        btn.addEventListener('click', function() {
            document.querySelectorAll('.cat-tab').forEach(b => b.classList.remove('active'));
            this.classList.add('active');
            const cat = this.dataset.cat;
            document.querySelectorAll('.faq-item').forEach(item => {
                item.style.display = (cat === 'All' || item.dataset.cat === cat) ? '' : 'none';
            });
        });
    });
    </script>

    
        
</div>



<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
    new Swiper('.redeem-swiper', {
        slidesPerView: 4,
        spaceBetween: 20,
        grabCursor: true,
        loop: true,
        autoplay: {
            delay: 3000,
            disableOnInteraction: false,
            pauseOnMouseEnter: true,
        },
        breakpoints: {
            0: {
                slidesPerView: 1.2,
                spaceBetween: 14
            },
            480: {
                slidesPerView: 1.8,
                spaceBetween: 16
            },
            640: {
                slidesPerView: 2.4,
                spaceBetween: 18
            },
            900: {
                slidesPerView: 3,
                spaceBetween: 20
            },
            1200: {
                slidesPerView: 4,
                spaceBetween: 20
            },
        },
    });
});
</script>

<style>
    /* Logo spacing */
.logo-en {
    margin-left: clamp(20px, 5vw, 100px);
}

.logo-ar {
    margin-right: clamp(20px, 8vw, 100px);
}

/* Deloitte logo */
.deloitte-logo {
    margin-top: clamp(-50px, -5vw, -15px);
}

/* Divider */
.logo-divider {
    border-bottom: 1px solid #ccc;
    margin-top: clamp(20px, 5vw, 40px);
}

/* Images */
.logo-en img,
.logo-ar img {
    max-width: 100%;
    height: auto;
}

/* Tablet */
@media (max-width: 991.98px) {
    .logo-en,
    .logo-ar {
        margin-left: 0;
        margin-right: 0;
        text-align: center;
    }

    .deloitte-logo {
        margin-top: 20px;
    }

    .cls-lloyd-description,
    .cls-deloitte-description {
        width: 100%;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}

/* Mobile */
@media (max-width: 767.98px) {
    .logo-en,
    .logo-ar {
        margin: 20px auto;
        text-align: center;
    }

    .deloitte-logo {
        margin-top: 15px;
    }

    .logo-divider {
        margin-top: 40px;
    }

    .cls-lloyd-description,
    .cls-deloitte-description {
        padding: 0 15px;
    }
}

.logo-en img,
.logo-ar img {
    width: 100%;
    max-width: 220px;
    height: auto;
    display: block;
    margin: 0 auto;
}

@media (max-width: 991.98px) {
    .logo-en img,
    .logo-ar img {
        max-width: 200px;
    }
}

@media (max-width: 767.98px) {
    .logo-en img,
    .logo-ar img {
        max-width: 180px;
    }
}
</style>

<footer id="footer" class="footer">
    <div class="container">
        <div class="row justify-content-between">
			                <div class="col-12 d-flex justify-content-center footer-image__wrapper">
					<img width="636" height="106" src="https://m4markets.site/wp-content/uploads/2025/05/carlogo.png" class="footer-image" alt="sponsorship" decoding="async" />                </div>
			            <div class="col-12 col-lg-4 mb-5 mb-lg-3">
				        <a href="https://m4markets.site/th/" class="custom-logo-link" rel="home"><img width="300" height="100" src="https://m4markets.site/wp-content/uploads/2025/11/Logo.svg" class="custom-logo" alt="M4Markets &#8211; CFD Trading Regulated Broker" loading="eager" decoding="async" /></a>            <span class="logo-title">M4Markets - CFD Trading Regulated Broker</span>
                    <div class="col-12 col-md-10 col-lg-8 mt-5 mb-5 mb-lg-3 text-center cls-lloyd-description">
        <p>ด้วยการรับประกันภัยผ่านสถาบันระดับโลกอย่าง Lloyd&#8217;s การคุ้มครองที่เพิ่มขึ้นนี้จึงช่วยตอกย้ำถึงความมุ่งมั่นของเรา ในการมอบสภาพแวดล้อมการซื้อขายที่ปลอดภัย โปร่งใส และน่าเชื่อถือ</p>
    </div>

    <div class="col-12 col-lg-4 mb-5 mt-2 mb-lg-3 logo-en">
        <img width="1" height="1" src="https://m4markets.site/wp-content/uploads/2026/07/lloyds.svg" class="img-fluid" alt="" decoding="async" />        <div class="logo-divider"></div>
    </div>

    <div class="col-12 col-md-10 col-lg-8 mt-4 mb-lg-3 text-center cls-deloitte-description">
        <p><strong>ตรวจสอบบัญชีโดย</strong></p>
    </div>

    <div class="col-12 col-lg-4 mb-2 mb-lg-3 deloitte-logo logo-en">
        <img width="1" height="1" src="https://m4markets.site/wp-content/uploads/2026/07/deloitte.svg" class="img-fluid" alt="" decoding="async" />    </div>
            </div>
            <div class="col-12 col-md-6 col-lg-2 footer-menu">
				                    <nav id="footer-menu">
						<ul id="menu-footer-menu-th" class="d-flex flex-column list-inline"><li id="menu-item-22018" class="main-menu-item  menu-item-even menu-item-depth-0 headline-1 menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children"><a href="https://m4markets.site/th/trading/" class="menu-link main-menu-link">การซื้อขาย</a><ul class="sub-menu">	<li id="menu-item-22019" class="sub-menu-item  menu-item-odd menu-item-depth-1 headline-2 menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children"><a href="https://m4markets.site/th/markets/" class="menu-link sub-menu-link">ตลาด</a><ul class="sub-menu">		<li id="menu-item-22020" class="sub-menu-item sub-sub-menu-item menu-item-even menu-item-depth-2 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/th/markets/forex-cfd/" class="menu-link sub-menu-link">CFDs ฟอเร็กซ์</a></li>
		<li id="menu-item-22021" class="sub-menu-item sub-sub-menu-item menu-item-even menu-item-depth-2 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/th/markets/commodities-cfd/" class="menu-link sub-menu-link">CFDs สินค้าโภคภัณฑ์</a></li>
		<li id="menu-item-22022" class="sub-menu-item sub-sub-menu-item menu-item-even menu-item-depth-2 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/th/markets/indices-cfd/" class="menu-link sub-menu-link">CFDs ดัชนี</a></li>
		<li id="menu-item-22023" class="sub-menu-item sub-sub-menu-item menu-item-even menu-item-depth-2 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/th/markets/shares-cfd/" class="menu-link sub-menu-link">CFDs หุ้น</a></li>
		<li id="menu-item-22024" class="sub-menu-item sub-sub-menu-item menu-item-even menu-item-depth-2 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/th/markets/crypto-cfd/" class="menu-link sub-menu-link">CFDs คริปโต</a></li>
	</ul>
</li>
	<li id="menu-item-22025" class="sub-menu-item  menu-item-odd menu-item-depth-1 headline-2 menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children"><a href="https://m4markets.site/th/conditions/" class="menu-link sub-menu-link">เงื่อนไข</a><ul class="sub-menu">		<li id="menu-item-22026" class="sub-menu-item sub-sub-menu-item menu-item-even menu-item-depth-2 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/th/conditions/spreads-commisions/" class="menu-link sub-menu-link">สเปรดและค่าคอมมิชชั่น</a></li>
		<li id="menu-item-22027" class="sub-menu-item sub-sub-menu-item menu-item-even menu-item-depth-2 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/th/conditions/margin-leverage/" class="menu-link sub-menu-link">มาร์จิ้นและเลเวอเรจ</a></li>
		<li id="menu-item-22028" class="sub-menu-item sub-sub-menu-item menu-item-even menu-item-depth-2 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/th/conditions/trading-hours/" class="menu-link sub-menu-link">เวลาทำการซื้อขาย</a></li>
		<li id="menu-item-22029" class="sub-menu-item sub-sub-menu-item menu-item-even menu-item-depth-2 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/th/conditions/swap-rates/" class="menu-link sub-menu-link">อัตราสวอป</a></li>
	</ul>
</li>
	<li id="menu-item-22030" class="sub-menu-item  menu-item-odd menu-item-depth-1 headline-2 menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children"><a href="https://m4markets.site/th/platforms/" class="menu-link sub-menu-link">แพลตฟอร์ม</a><ul class="sub-menu">		<li id="menu-item-22031" class="sub-menu-item sub-sub-menu-item menu-item-even menu-item-depth-2 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/th/platforms/mt4/" class="menu-link sub-menu-link">MT4</a></li>
		<li id="menu-item-22032" class="sub-menu-item sub-sub-menu-item menu-item-even menu-item-depth-2 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/th/platforms/mt5/" class="menu-link sub-menu-link">MT5</a></li>
		<li id="menu-item-22033" class="sub-menu-item sub-sub-menu-item menu-item-even menu-item-depth-2 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/th/platforms/mt4-vs-mt5/" class="menu-link sub-menu-link">MT4 เทียบกับ MT5</a></li>
	</ul>
</li>
</ul>
</li>
</ul>                    </nav>
				            </div>
            <div class="col-12 col-md-6 col-lg-2 footer-menu">
				                    <nav id="footer-menu-second">
						<ul id="menu-footer-menu-second-th" class="d-flex flex-column list-inline"><li id="menu-item-22043" class="main-menu-item  menu-item-even menu-item-depth-0 headline-1 menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"><a href="#" class="menu-link main-menu-link">เครื่องมือและแหล่งความรู้</a><ul class="sub-menu">	<li id="menu-item-22038" class="sub-menu-item  menu-item-odd menu-item-depth-1 headline-2 menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children"><a href="https://m4markets.site/th/tools/" class="menu-link sub-menu-link">เครื่องมือ</a><ul class="sub-menu">		<li id="menu-item-22039" class="sub-menu-item sub-sub-menu-item menu-item-even menu-item-depth-2 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/th/tools/m4markets-app/" class="menu-link sub-menu-link">แอปพลิเคชัน M4</a></li>
		<li id="menu-item-22040" class="sub-menu-item sub-sub-menu-item menu-item-even menu-item-depth-2 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/th/tools/social-trading/" class="menu-link sub-menu-link">โซเชียล เทรดดิ้ง</a></li>
		<li id="menu-item-22041" class="sub-menu-item sub-sub-menu-item menu-item-even menu-item-depth-2 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/th/tools/economic-calendar/" class="menu-link sub-menu-link">ปฏิทินเศรษฐกิจ</a></li>
		<li id="menu-item-22042" class="sub-menu-item sub-sub-menu-item menu-item-even menu-item-depth-2 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/th/tools/forex-calculators/" class="menu-link sub-menu-link">เครื่องคำนวณฟอเร็กซ์</a></li>
	</ul>
</li>
	<li id="menu-item-22034" class="sub-menu-item  menu-item-odd menu-item-depth-1 headline-2 menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children"><a href="https://m4markets.site/th/resources/" class="menu-link sub-menu-link">แหล่งข้อมูล</a><ul class="sub-menu">		<li id="menu-item-22035" class="sub-menu-item sub-sub-menu-item menu-item-even menu-item-depth-2 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/th/resources/ebooks/" class="menu-link sub-menu-link">หนังสืออิเล็กทรอนิกส์สำหรับการเทรด</a></li>
		<li id="menu-item-22036" class="sub-menu-item sub-sub-menu-item menu-item-even menu-item-depth-2 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/th/resources/glossary/" class="menu-link sub-menu-link">อภิธานศัพท์</a></li>
		<li id="menu-item-22037" class="sub-menu-item sub-sub-menu-item menu-item-even menu-item-depth-2 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/th/resources/video-courses/" class="menu-link sub-menu-link">คอร์สวิดีโอ</a></li>
	</ul>
</li>
</ul>
</li>
</ul>                    </nav>
				            </div>
            <div class="col-12 col-md-6 col-lg-2 footer-menu">
				                    <nav id="footer-menu-third">
						<ul id="menu-footer-menu-third-th" class="d-flex flex-column list-inline"><li id="menu-item-22044" class="main-menu-item  menu-item-even menu-item-depth-0 headline-1 menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children"><a href="https://m4markets.site/th/partnerships/" class="menu-link main-menu-link">ความร่วมมือทางธุรกิจ</a><ul class="sub-menu">	<li id="menu-item-22045" class="sub-menu-item  menu-item-odd menu-item-depth-1 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/th/partnerships/introducing-brokers/" class="menu-link sub-menu-link">นายหน้าแนะนำลูกค้า (IBs)</a></li>
	<li id="menu-item-22046" class="sub-menu-item  menu-item-odd menu-item-depth-1 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/th/partnerships/mam-pamm/" class="menu-link sub-menu-link">MAM/PAMM</a></li>
</ul>
</li>
<li id="menu-item-22047" class="main-menu-item  menu-item-even menu-item-depth-0 headline-1 menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children"><a href="https://m4markets.site/th/accounts/" class="menu-link main-menu-link">บัญชีเทรด</a><ul class="sub-menu">	<li id="menu-item-22048" class="sub-menu-item  menu-item-odd menu-item-depth-1 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/th/accounts/trading-accounts/" class="menu-link sub-menu-link">บัญชีเทรด</a></li>
	<li id="menu-item-23963" class="sub-menu-item  menu-item-odd menu-item-depth-1 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/th/cent-account/" class="menu-link sub-menu-link">ดบัญชี Cent</a></li>
	<li id="menu-item-22049" class="sub-menu-item  menu-item-odd menu-item-depth-1 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/th/accounts/islamic-account/" class="menu-link sub-menu-link">บัญชีอิสลาม</a></li>
	<li id="menu-item-22050" class="sub-menu-item  menu-item-odd menu-item-depth-1 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/th/accounts/demo-account/" class="menu-link sub-menu-link">บัญชีทดลอง (เดโม่)</a></li>
	<li id="menu-item-22052" class="sub-menu-item  menu-item-odd menu-item-depth-1 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/th/accounts/dynamic-leverage-account/" class="menu-link sub-menu-link">บัญชีเลเวอเรจแบบไดนามิก</a></li>
	<li id="menu-item-22051" class="sub-menu-item  menu-item-odd menu-item-depth-1 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/th/accounts/deposit-withdrawals/" class="menu-link sub-menu-link">การฝากและถอนเงิน</a></li>
</ul>
</li>
</ul>                    </nav>
				            </div>
            <div class="col-12 col-md-6 col-lg-2 footer-menu">
				                    <nav id="footer-menu-fourth">
						<ul id="menu-footer-menu-fourth-th" class="d-flex flex-column list-inline"><li id="menu-item-22053" class="main-menu-item  menu-item-even menu-item-depth-0 headline-1 menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children"><a href="https://m4markets.site/th/about/" class="menu-link main-menu-link">เกี่ยวกับเรา</a><ul class="sub-menu">	<li id="menu-item-22054" class="sub-menu-item  menu-item-odd menu-item-depth-1 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/th/about/about-m4markets/" class="menu-link sub-menu-link">เกี่ยวกับ M4Markets</a></li>
	<li id="menu-item-22055" class="sub-menu-item  menu-item-odd menu-item-depth-1 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/th/about/licences/" class="menu-link sub-menu-link">การกำกับดูแล</a></li>
	<li id="menu-item-22056" class="sub-menu-item  menu-item-odd menu-item-depth-1 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/th/about/legal-documents/" class="menu-link sub-menu-link">เอกสารทางกฎหมาย</a></li>
	<li id="menu-item-22064" class="sub-menu-item  menu-item-odd menu-item-depth-1 default menu-item menu-item-type-custom menu-item-object-custom"><a href="https://m4markets.site/th/blog/news/" class="menu-link sub-menu-link">ข่าวสาร</a></li>
	<li id="menu-item-22057" class="sub-menu-item  menu-item-odd menu-item-depth-1 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/th/about/careers/" class="menu-link sub-menu-link">ร่วมงานกับเรา</a></li>
	<li id="menu-item-22058" class="sub-menu-item  menu-item-odd menu-item-depth-1 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/th/about/contact-us/" class="menu-link sub-menu-link">ติดต่อเรา</a></li>
	<li id="menu-item-22059" class="sub-menu-item  menu-item-odd menu-item-depth-1 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/th/about/support-center/" class="menu-link sub-menu-link">ศูนย์สนับสนุน</a></li>
</ul>
</li>
<li id="menu-item-22060" class="main-menu-item  menu-item-even menu-item-depth-0 headline-1 menu-item menu-item-type-post_type menu-item-object-page current-menu-ancestor current-menu-parent current_page_parent current_page_ancestor menu-item-has-children"><a href="https://m4markets.site/th/promotions/" class="menu-link main-menu-link">โปรโมชั่น</a><ul class="sub-menu">	<li id="menu-item-22061" class="sub-menu-item  menu-item-odd menu-item-depth-1 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/th/promotions/all-promotions/" class="menu-link sub-menu-link">โปรโมชั่นทั้งหมด</a></li>
	<li id="menu-item-23912" class="sub-menu-item  menu-item-odd menu-item-depth-1 default menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-23207 current_page_item"><a href="https://m4markets.site/th/loyalty-program/" class="menu-link sub-menu-link">Loyalty Program</a></li>
	<li id="menu-item-22062" class="sub-menu-item  menu-item-odd menu-item-depth-1 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/th/promotions/credit-bonus/" class="menu-link sub-menu-link">โบนัสเครดิต</a></li>
	<li id="menu-item-22063" class="sub-menu-item  menu-item-odd menu-item-depth-1 default menu-item menu-item-type-post_type menu-item-object-page"><a href="https://m4markets.site/th/promotions/refer-a-friend/" class="menu-link sub-menu-link">แนะนำเพื่อน</a></li>
</ul>
</li>
</ul>                    </nav>
				            </div>
			                <div class="col-12 col-lg-8 offset-lg-4 social-media">
                        <span class="social-media__title">
                            ติดตามเรา                        </span>
                    <div class="social-media__wrapper">
													                                <div class="social-media__box">
									<img src="https://m4markets.site/wp-content/uploads/2025/05/facebook.svg" class="social-media__icon" alt="" decoding="async" />									<a href="https://www.facebook.com/M4MarketsOfficial"  class="social-media__link stretched-link" target="_blank"></a>                                </div>
																				                                <div class="social-media__box">
									<img width="300" height="300" src="https://m4markets.site/wp-content/uploads/2025/05/X_icon.png" class="social-media__icon" alt="" decoding="async" />									<a href="https://x.com/m4markets_Group"  class="social-media__link stretched-link" target="_blank"></a>                                </div>
																				                                <div class="social-media__box">
									<img src="https://m4markets.site/wp-content/uploads/2025/05/instagram.svg" class="social-media__icon" alt="" decoding="async" />									<a href="https://www.instagram.com/m4markets/"  class="social-media__link stretched-link" target="_blank"></a>                                </div>
																				                                <div class="social-media__box">
									<img src="https://m4markets.site/wp-content/uploads/2025/05/linkedin.svg" class="social-media__icon" alt="" decoding="async" />									<a href="https://www.linkedin.com/company/m4markets"  class="social-media__link stretched-link" target="_blank"></a>                                </div>
																				                                <div class="social-media__box">
									<img src="https://m4markets.site/wp-content/uploads/2025/05/tiktok.svg" class="social-media__icon" alt="" decoding="async" />									<a href="https://www.tiktok.com/@m4markets_official"  class="social-media__link stretched-link" target="_blank"></a>                                </div>
																				                                <div class="social-media__box">
									<img src="https://m4markets.site/wp-content/uploads/2025/05/telegram.svg" class="social-media__icon" alt="" decoding="async" />									<a href="https://t.me/M4Markets_Official"  class="social-media__link stretched-link" target="_blank"></a>                                </div>
													                    </div>
                </div>
			            <div class="col-12 text-center footer__info">
				                    <p class="footer__info-text">
												M4Markets เป็นแบรนด์ร่วมที่ใช้ร่วมกันโดยกลุ่มนิติบุคคล ซึ่งรวมถึง:
<br />
Trinota Markets (Global) Limited ด้วยเลขทะเบียน 8425037-1, เป็นบริษัทที่ได้รับการกำกับดูแลในฐานะผู้ค้าหลักทรัพย์โดยหน่วยงานบริการทางการเงินแห่งเซเชลส์ (Financial Services Authority of Seychelles) ด้วยเลขที่ใบอนุญาต SD035
<br /><br />
Oryx Finance Ltd ได้รับอนุญาตและกำกับดูแลโดยหน่วยงานบริการทางการเงินแห่งดูไบ (Dubai Financial Services Authority - DFSA) ด้วยเลขที่ใบอนุญาต F007051 - Prudential Category 4
<br><br>
Harindale Ltd ได้รับอนุญาตและกำกับดูแลโดยคณะกรรมการกำกับหลักทรัพย์และตลาดหลักทรัพย์แห่งไซปรัส (Cyprus Securities and Exchange Commission - CySEC) ด้วยเลขที่ใบอนุญาต 301/16
<br /><br />                    </p>
								                    <div class="footer__info-text">
						<p><strong>คำเตือนเรื่องความเสี่ยง:</strong> CFD เป็นเครื่องมือทางการเงินที่มีความซับซ้อน ซึ่งจำเป็นต้องมีความรู้และความเข้าใจเป็นอย่างดี เนื่องจากราคาอาจมีการผันผวนอย่างรุนแรงจนส่งผลต่อมูลค่าของสินทรัพย์ได้ การส่งคำสั่งซื้อขายในผลิตภัณฑ์ประเภทนี้มีความเสี่ยงที่อาจทำให้เกิดผลขาดทุนมากกว่ากำไรที่คาดหวัง และอาจส่งผลให้เกิดการขาดทุนได้มากกว่าจำนวนเงินที่ท่านฝากไว้กับโบรกเกอร์ ทางเราขอแนะนำให้ท่านพิจารณาสถานะทางการเงินของตนเองอย่างรอบคอบก่อนเริ่มต้นลงทุน</p>
<p>ข้อมูลบนเว็บไซต์นี้ไม่ได้มุ่งเป้าหมายไปยังผู้อยู่อาศัยในประเทศสหรัฐอเมริกา, คิวบา, เกาหลีเหนือ หรือประเทศหรือเขตอำนาจศาลใดๆ ที่การเผยแพร่หรือการใช้งานดังกล่าวขัดต่อกฎหมายหรือข้อบังคับท้องถิ่น</p>
<p><a href="https://m4markets.site/th/about/legal-documents/privacy-policy/">โปรดอ่านนโยบายความเป็นส่วนตัวของเรา</a></p>
<p>&nbsp;</p>
                    </div>
				            </div>
        </div>
    </div>
									            <div id="popup_2" class="popup-modal">
                <div class="popup-modal-content background-9">
                    <h2 class="popup-modal-content-title">กำลังเปลี่ยนเส้นทางไป M4Markets ยุโรป!</h2>
                    <span class="popup-modal-content-text">เว็บไซต์ที่คุณกำลังจะเข้าชมดำเนินการโดย Harindale Limited ซึ่งได้รับอนุญาตและกำกับดูแลโดย Cyprus Securities and Exchange Commission (CySEC) ด้วยใบอนุญาตเลขที่ 301/16</span>
                    <div class="d-flex flex-column flex-lg-row align-items-center align-items-lg-start popup-buttons">
                        <a href="https://www.m4markets.eu/?no_redirect=1"
                           class="popup-buttons-link link__secondary">ไปต่อที่ M4Markets ยุโรป</a>
                        <div>
                            <a href="#" class="popup-buttons-link link__four">อยู่ที่ M4Markets เซเชลส์</a>
							                        </div>
                    </div>
                </div>
            </div>
								            <div id="popup_3" class="popup-modal">
                <div class="popup-modal-content background-9">
                    <h2 class="popup-modal-content-title">กำลังเปลี่ยนเส้นทางไป M4Markets ดูไบ!</h2>
                    <span class="popup-modal-content-text">เว็บไซต์ที่คุณกำลังจะเข้าชมดำเนินการโดย Oryx Finance Limited ซึ่งเป็นบริษัทที่ได้รับอนุญาตและกำกับดูแลโดย Dubai Financial Services Authority (DFSA) ด้วยใบอนุญาตประเภท 3A หมายเลข F007051</span>
                    <div class="d-flex flex-column flex-lg-row align-items-center align-items-lg-start popup-buttons">
                        <a href="https://www.m4markets.ae/?no_redirect=1"
                           class="popup-buttons-link link__secondary">ไปต่อที่ M4Markets ดูไบ</a>
                        <div>
                            <a href="#" class="popup-buttons-link link__four">อยู่ที่ M4Markets เซเชลส์</a>
							                        </div>
                    </div>
                </div>
            </div>
				
		
</footer>
<svg display="none" xmlns="http://www.w3.org/2000/svg">
    <symbol id="arrow-down" viewBox="0 0 15 15">
        <path fill-rule="evenodd" clip-rule="evenodd" d="M14.2266 2.12095L3.61996 12.7276L1.49864 10.6062L12.1052 -0.000369257L14.2266 2.12095Z"  />
        <path fill-rule="evenodd" clip-rule="evenodd" d="M12.8981 14.2275L-0.0013628 14.2275L-0.00136254 11.2275L12.8981 11.2275L12.8981 14.2275Z"  />
        <path fill-rule="evenodd" clip-rule="evenodd" d="M2.99866 1.32804L2.99866 14.2275L-0.0013628 14.2275L-0.00134165 1.32804L2.99866 1.32804Z"  />
    </symbol>
    <symbol id="arrow-up" viewBox="0 0 64 64">
        <path fill-rule="evenodd" clip-rule="evenodd" d="M24.7734 36.879L35.38 26.2724L37.5014 28.3938L26.8948 39.0004L24.7734 36.879Z" />
        <path fill-rule="evenodd" clip-rule="evenodd" d="M26.1019 24.7725L39.0014 24.7725L39.0014 27.7725L26.1019 27.7725L26.1019 24.7725Z" />
        <path fill-rule="evenodd" clip-rule="evenodd" d="M36.0013 37.672L36.0013 24.7725L39.0014 24.7725L39.0013 37.672L36.0013 37.672Z" />
    </symbol>
    <symbol id="search" viewBox="0 0 16 16">
        <path fill-rule="evenodd" clip-rule="evenodd" d="M10.9566 10.9566C12.9873 8.92596 12.9873 5.6336 10.9566 3.60294C8.92596 1.57227 5.6336 1.57227 3.60294 3.60294C1.57227 5.6336 1.57227 8.92596 3.60294 10.9566C5.6336 12.9873 8.92596 12.9873 10.9566 10.9566ZM12.4274 12.4274C15.2703 9.58443 15.2703 4.97513 12.4274 2.1322C9.58443 -0.710733 4.97513 -0.710733 2.1322 2.1322C-0.710733 4.97513 -0.710733 9.58443 2.1322 12.4274C4.97513 15.2703 9.58443 15.2703 12.4274 12.4274Z"/>
        <path fill-rule="evenodd" clip-rule="evenodd" d="M12.0597 10.5889L15.7365 14.2658L14.2658 15.7365L10.5889 12.0597L12.0597 10.5889Z"/>
    </symbol>
    <symbol id="search" viewBox="0 0 16 16">
        <path fill-rule="evenodd" clip-rule="evenodd" d="M10.9566 10.9566C12.9873 8.92596 12.9873 5.6336 10.9566 3.60294C8.92596 1.57227 5.6336 1.57227 3.60294 3.60294C1.57227 5.6336 1.57227 8.92596 3.60294 10.9566C5.6336 12.9873 8.92596 12.9873 10.9566 10.9566ZM12.4274 12.4274C15.2703 9.58443 15.2703 4.97513 12.4274 2.1322C9.58443 -0.710733 4.97513 -0.710733 2.1322 2.1322C-0.710733 4.97513 -0.710733 9.58443 2.1322 12.4274C4.97513 15.2703 9.58443 15.2703 12.4274 12.4274Z"/>
        <path fill-rule="evenodd" clip-rule="evenodd" d="M12.0597 10.5889L15.7365 14.2658L14.2658 15.7365L10.5889 12.0597L12.0597 10.5889Z"/>
    </symbol>
    <symbol id="tab-arrow-down" viewBox="0 0 12 9">
        <path d="M6 8L11 1L0.999999 1L6 8Z" stroke-opacity="0.09" stroke-linecap="square" />
   </symbol>
    <symbol id="log-in" viewBox="0 0 10 16">
        <path d="M4.99666 6.33318C6.53086 6.33318 7.77458 5.08946 7.77458 3.55526C7.77458 2.02106 6.53086 0.777344 4.99666 0.777344C3.46246 0.777344 2.21875 2.02106 2.21875 3.55526C2.21875 5.08946 3.46246 6.33318 4.99666 6.33318Z"  />
        <path fill-rule="evenodd" clip-rule="evenodd" d="M10 11.333V14.6664C10 14.8136 9.94167 14.9553 9.83722 15.0592C9.73333 15.1636 9.59167 15.2219 9.44444 15.2219H0.555556C0.408333 15.2219 0.266666 15.1636 0.162777 15.0592C0.0583329 14.9553 0 14.8136 0 14.6664V11.333C0 9.18526 1.74111 7.44415 3.88889 7.44415H6.11111C8.25889 7.44415 10 9.18526 10 11.333Z"  />
    </symbol>
    <symbol id="address" viewBox="0 0 20 26">
        <path d="M10.0001 0C7.31199 0.0343612 4.74801 1.07743 2.87191 2.8998C0.997019 4.72212 -0.036512 7.17501 0.000985865 9.71897C0.000985865 14.0464 6.49981 22.464 9.02507 25.55C9.26178 25.8348 9.62387 26 10.0059 26C10.389 26 10.75 25.8348 10.9878 25.55C13.5002 22.464 19.999 14.0464 19.999 9.71897C20.0365 7.17507 19.003 4.72214 17.1281 2.8998C15.252 1.07749 12.6883 0.0343356 10.0001 0ZM10.0001 13.3603C8.65603 13.3414 7.37526 12.8193 6.43781 11.9082C5.50036 10.997 4.98358 9.77218 4.99999 8.50071C4.99999 6.81143 5.95385 5.24961 7.50062 4.40484C9.04739 3.56018 10.9528 3.56018 12.4995 4.40484C14.0463 5.24949 15.0002 6.81131 15.0002 8.50071C15.0166 9.77212 14.4998 10.997 13.5623 11.9082C12.6249 12.8193 11.3442 13.3414 10.0001 13.3603Z" />
    </symbol>
    <symbol id="icon-open" viewBox="0 0 28 28">
        <path d="M14 1L14 27" stroke-linecap="round" />
        <path d="M1 14L26.9982 14.3072" stroke-linecap="round" />
    </symbol>
</svg><script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/th/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/m4markets/*","/th/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>

<!-- Userback -->
<script>
    Userback = window.Userback || {};
    Userback.access_token = "A-PICurirV5jrmkJWQlFxXut6Yt";
    (function(id) {
        var s = document.createElement("script");
        s.async = 1;s.src = "https://static.userback.io/widget/v1.js";
        var parent_node = document.head || document.body;parent_node.appendChild(s);
    })("userback-sdk");
</script>
<!-- END -->
<!-- Start of LiveAgent integration script: Chat button: FSA -->
<script type="text/javascript">
setTimeout(function() {
	(function(d, src, c) { var t=d.scripts[d.scripts.length - 1],s=d.createElement('script');s.id='la_x2s6df8d';s.defer=true;s.src=src;s.onload=s.onreadystatechange=function(){var rs=this.readyState;if(rs&&(rs!='complete')&&(rs!='loaded')){return;}c(this);};t.parentElement.insertBefore(s,t.nextSibling);})(document,
'https://m4markets.ladesk.com/scripts/track.js',
function(e){ LiveAgent.createButton('4sjpg5ie', e); });}, 4000);
</script>

<!-- Start cookieyes banner -->
<script id="cookieyes" type="text/javascript" defer
        src="https://cdn-cookieyes.com/client_data/bb8a7c99ab3d25d9fe19d70b/script.js">
</script> <!-- End cookieyes banner -->

<!-- For get UTM and other parameters -->
<script>
(function() {

  var domains = [
    'm4markets.com',
    'm4markets.ae',
    'm4markets.eu',
    'm4markets.ai',
    'm4marketscrm.com'
  ];

  var trackParams = [
    'utm_source',
    'utm_medium',
    'utm_campaign',
    'utm_term',
    'utm_content',
    'pid',
    'gclid',
    'fbclid'
  ];

  var params = new URLSearchParams(window.location.search);
  var collectedParams = {};

  params.forEach(function(value, key) {
    if (trackParams.indexOf(key) !== -1 && value.trim() !== '') {
      collectedParams[key] = value;
    }
  });

  function getCookie(name) {
    var value = '; ' + document.cookie;
    var parts = value.split('; ' + name + '=');
    if (parts.length === 2) return decodeURIComponent(parts.pop().split(';').shift());
  }

  // Store parameters in cookies immediately (needed for attribution)
  if (Object.keys(collectedParams).length > 0) {
    var expiryDays = 30;
    var expires = new Date(Date.now() + expiryDays * 24 * 60 * 60 * 1000).toUTCString();
    var currentDomain = window.location.hostname.split('.').slice(-2).join('.');
    for (var key in collectedParams) {
      document.cookie = key + '=' + encodeURIComponent(collectedParams[key]) + '; path=/; expires=' + expires + '; domain=.' + currentDomain;
    }
  }

  trackParams.forEach(function(key) {
    if (!collectedParams[key]) {
      var cookieVal = getCookie(key);
      if (cookieVal) collectedParams[key] = cookieVal;
    }
  });

  // Defer the expensive DOM traversal until the browser is idle
  function decorateLinks() {
    var links = document.querySelectorAll('a[href]');
    links.forEach(function(link) {
      try {
        var url = new URL(link.href);
        if (domains.some(function(domain) { return url.hostname.indexOf(domain) !== -1; })) {
          for (var k in collectedParams) {
            if (!url.searchParams.has(k)) {
              url.searchParams.set(k, collectedParams[k]);
            }
          }
          link.href = url.toString();
        }
      } catch (e) {}
    });
  }
  if ('requestIdleCallback' in window) {
    requestIdleCallback(decorateLinks, { timeout: 3000 });
  } else {
    setTimeout(decorateLinks, 2000);
  }
})();
</script>


</body>
</html>