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/JA-514x387-1.png" alt="" />
                <div class="hero-overlay"></div>
        <div class="hero-content">
            <h1 class="hero-title">M4MARKETS <br><span style="color:#78fc31">Program Kesetiaan</span></h1>
            <p class="hero-subtitle">Dapatkan ganjaran daripada aktiviti dagangan anda dan buka M4 Coins, <br> M4 Points serta manfaat eksklusif.</p>
            <div class="hero-cta-wrap">
                <a href="https://secure.m4marketscrm.com/ms/register" class="btn-participate">SERTAI</a>
                <a class="tcs" href="https://m4markets.site/ms/wp-content/uploads/2026/05/TC-Loyalty-Program_February-2026.pdf">T&amp;C terpakai. Modal berisiko.</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>Apakah Program Kesetiaan<br><span style="color:#78fc31">M4Markets</span>?</span></h2>
            <p class="what-is-sub">Program Kesetiaan M4Markets ialah program ganjaran dagangan yang membolehkan anda memperoleh M4 Coins, M4 Points dan manfaat eksklusif semasa berdagang.</p>
                        <div class="days-widget">
                                <div class="day-item">
                    <div class="day-circle">5</div>
                    <span class="day-label">Hari</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">Hari</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">Hari</span>
                    <span class="day-pct">+15%</span>
                </div>
                                            </div>
                        <p class="days-note">Lebih banyak anda berdagang, lebih banyak anda buka</p>
        </section>
                
                                <section class="how-it-works">
            <h2 class="how-title">Cara Ia Berfungsi</h2>
            <p class="how-sub">Mula berdagang, jana ganjaran dan buka lebih banyak manfaat apabila anda meningkat.</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">LANGKAH 1</div>
                                        <div class="step-icon-wrap">
                                                <img src="https://m4markets.site/wp-content/uploads/2026/07/PT-300x300-1.png"
                            alt="Sertai Program" />                    </div>
                                        <div class="step-title">Sertai Program</div>
                    <p class="step-desc">Daftar atau log masuk untuk bermula.</p>
                </div>
                <div class="step-arrow">→</div>                                <div class="step-card">
                    <div class="step-badge">LANGKAH 2</div>
                                        <div class="step-icon-wrap">
                                                <img src="https://m4markets.site/wp-content/uploads/2026/07/MS-514x387-1.png"
                            alt="Berdagang &amp; Jana" />                    </div>
                                        <div class="step-title">Berdagang & Jana</div>
                    <p class="step-desc">Jana M4 Coins, M4 Points dan M4 Diamonds melalui aktiviti yang layak</p>
                </div>
                <div class="step-arrow">→</div>                                <div class="step-card">
                    <div class="step-badge">LANGKAH 3</div>
                                        <div class="step-icon-wrap">
                                                <img src="https://m4markets.site/wp-content/uploads/2026/07/MS-300x300-1.png"
                            alt="Buka Ganjaran" />                    </div>
                                        <div class="step-title">Buka Ganjaran</div>
                    <p class="step-desc">Tebus ganjaran eksklusif di M4Markets Rewards Store</p>
                </div>
                                            </div>
                        <div class="how-cta">
                <a href="https://secure.m4marketscrm.com/ms/register"
                    class="btn-join">SERTAI SEKARANG</a>
                <a class="tcs"
                    href="https://m4markets.site/ms/wp-content/uploads/2026/05/TC-Loyalty-Program_February-2026.pdf">T&C terpakai. Modal berisiko.</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">Tebus Ganjaran Eksklusif</h2>
        <p class="redeem-sub">Tebus Ganjaran Eksklusif</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">Tebus M4 Coins anda dan nikmati keseimbangan inovasi dan nilai dengan iPhone 17. Dapatkan yang terkini...</p>
                                                                                            </div>
                        </div>
                    </div>
                                        <div class="swiper-slide">
                        <div class="reward-card">
                                                        <img class="card-img" src="https://m4markets.site/wp-content/uploads/2026/08/Banner-5.png"
                                alt="Samsung OLED TV KQ48SF90AEXKR 48-inch 4K (Stand)" loading="lazy" />
                                                        <div class="card-body">
                                <div class="card-name">Samsung OLED TV KQ48SF90AEXKR 48-inch 4K (Stand)</div>
                                                                <p class="card-desc">Alami kemewahan terbaik dengan TV OLED 4K Samsung 48-inci, yang menampilkan visual yang menakjubkan dan hiburan yang mengasyikkan dalam reka bentuk premium yang anggun. foto dilampirkan.</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/ID-514x387-1.png"
                                alt="AirPods 4" loading="lazy" />
                                                        <div class="card-body">
                                <div class="card-name">AirPods 4</div>
                                                                <p class="card-desc">Masa depan audio tanpa wayar sudah tiba! Tebus M4 Coins anda untuk memiliki AirPods 4 baharu - bergaya, berkuasa,...</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">Skrin lebih besar, badan masih nipis - tebus MacBook Air M4 15 inci untuk paparan lebih luas, hayat bateri hebat dan</p>
                                                                                            </div>
                        </div>
                    </div>
                                    </div>
            </div>
        </div>
        
        <div class="redeem-cta">
            <a href="https://secure.m4marketscrm.com/ms/register" class="btn-earn">MULA JANA GANJARAN</a>
            <a class="tcs" href="https://m4markets.site/ms/wp-content/uploads/2026/05/TC-Loyalty-Program_February-2026.pdf">T&C terpakai. Modal berisiko.</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">Fahami M4 Coins, <br>M4 Points & M4 Diamonds</h2>
        <p class="coins-sub">Ketahui perbezaan antara jenis ganjaran yang anda akan peroleh dalam Program Kesetiaan 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">Mata Wang Boleh Ditebus</div>                <p class="card-desc">Diperoleh melalui tindakan yang layak dan digunakan untuk membuka ganjaran.</p>            </div>
                        <div class="coin-card">
                <div class="card-header">
                                        <span class="card-name">M4 Diamonds</span>                </div>
                <div class="card-type">Mata Wang Premium</div>                <p class="card-desc">Buka ganjaran eksklusif yang tidak tersedia melalui mata wang lain. Simbol status utama untuk pedagang elit.</p>            </div>
                        <div class="coin-card">
                <div class="card-header">
                                        <span class="card-name">M4 Points</span>                </div>
                <div class="card-type">Mata Terkumpul</div>                <p class="card-desc">Jejak kemajuan anda dan bantu anda naik tier. Digunakan untuk kedudukan papan pendahulu dan pertandingan.</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="https://m4markets.site/wp-content/uploads/2026/07/August_MarketHolidays.png" />
        <div class="mobile-overlay"></div>
        <div class="mobile-inner">
            <div class="mobile-left">
                <h2 class="mobile-title">Aplikasi Mudah Alih Jana M4 Coins Di Mana Saja</h2>
                <p class="mobile-desc">Jejak M4 Coins anda, lengkapkan misi dan buka ganjaran eksklusif. Muat turun M4Markets Loyalty App dan jangan terlepas peluang ganjaran.</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">Akses Segera</div>
                            <div class="feature-desc">Akses portal pelanggan dari mana-mana sahaja</div>
                        </div>
                    </div>
                                        <div class="feature-item">
                        <div class="feature-icon-wrap"><img src="" /></div>
                        <div class="feature-text">
                            <div class="feature-title">Lengkapkan Tugasan Di Mana Saja</div>
                            <div class="feature-desc">Jangan terlepas tugasan harian atau bonus</div>
                        </div>
                    </div>
                                        <div class="feature-item">
                        <div class="feature-icon-wrap"><img src="" /></div>
                        <div class="feature-text">
                            <div class="feature-title">Tugasan Sosial</div>
                            <div class="feature-desc">Lengkapkan tugasan sosial dengan mudah daripada peranti mudah alih anda</div>
                        </div>
                    </div>
                                                        </div>
                <a href="https://secure.m4marketscrm.com/ms/register"
                    class="btn-join">SERTAI SEKARANG</a>
                <a class="tcs"
                    href="https://m4markets.site/ms/wp-content/uploads/2026/05/TC-Loyalty-Program_February-2026.pdf">T&C terpakai. Modal berisiko.</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">Tugasan Sosial</h2>
        <p class="social-sub">Ikuti dan berinteraksi dengan kami di media sosial</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/@m4markets" 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">Mula Buka Ganjaran Hari Ini</h2>
            <p class="cta-sub">Jadikan aktiviti dagangan anda lebih bernilai dengan Program Kesetiaan M4Markets.</p>
            <a href="https://secure.m4marketscrm.com/ms/register"
                class="btn-join">SERTAI SEKARANG</a>
            <a class="tcs-cta"
                href="https://m4markets.site/ms/wp-content/uploads/2026/05/TC-Loyalty-Program_February-2026.pdf">T&C terpakai. Modal berisiko.</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">Semua yang perlu anda tahu tentang Program Kesetiaan M4Markets</p>
        
                <h2 class="faq-title">Soalan Lazim</h2>
        
        <div class="cat-tabs">
                        <button class="cat-tab active"
                data-cat="All">
                All            </button>
                        <button class="cat-tab "
                data-cat="Asas Program">
                Asas Program            </button>
                        <button class="cat-tab "
                data-cat="Menjana">
                Menjana            </button>
                        <button class="cat-tab "
                data-cat="Tier &amp; Boost">
                Tier &amp; Boost            </button>
                        <button class="cat-tab "
                data-cat="Penebusan">
                Penebusan            </button>
                        <button class="cat-tab "
                data-cat="Tugasan">
                Tugasan            </button>
                        <button class="cat-tab "
                data-cat="Terma">
                Terma            </button>
                    </div>

                <div class="faq-list">
                        <div class="faq-item" data-cat="Asas Program">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">Apakah Program Kesetiaan 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"><article class="faq-item is-open">
<div class="faq-answer">Program Kesetiaan M4Markets memberi anda M4 Coins dan M4 Points apabila anda berdagang, menyelesaikan quest, dan berinteraksi dengan M4Markets. Anda kemudian boleh menebus M4 Coins untuk ganjaran dan pengalaman eksklusif.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="Asas Program">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">Apakah 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 ialah mata wang yang boleh digunakan. Anda memperolehnya melalui dagangan, menyelesaikan quest, dan mencapai milestone, kemudian menggunakannya untuk menebus item dan pengalaman di M4Markets Rewards Store.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="Asas Program">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">Apakah 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 ialah mata terkumpul. Ia tidak boleh dibelanjakan dan digunakan untuk ranking, leaderboard, serta kelayakan pertandingan dan quest tertentu.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="Asas Program">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">Apakah perbezaan antara M4 Coins dan 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 boleh dibelanjakan di Rewards Store dan baki anda naik atau turun apabila anda menebus ganjaran. M4 Points hanya meningkat, dan digunakan untuk ranking, tier, dan pertandingan, bukan untuk membeli ganjaran.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="Menjana">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">Bagaimana anda memperoleh M4 Coins dan 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">Anda memperolehnya melalui dagangan, menyelesaikan milestone quest, bermain mini-game, melakukan social media quest, mengekalkan login dan trading streak, meninggalkan ulasan, serta merujuk klien baharu kepada M4Markets.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="Menjana">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">Berapa banyak M4 Coins dan M4 Points yang saya peroleh daripada dagangan?</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">Bagi setiap 100,000 USD dalam volum dagangan nosional, anda memperoleh 100 M4 Coins dan 100 M4 Points.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="Menjana">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">Bagaimanakah rupa nilai nosional 100,000 USD dalam dagangan?</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">Nilai nosional 100,000 USD lebih kurang bersamaan dengan 1 lot pasangan FX utama, 0.25 lot XAUUSD emas, 17 lot minyak mentah, 1 lot BTCUSD, 33 lot ETHUSD, 4 lot US100, atau 1.5 lot SPX500.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="Menjana">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">Instrumen manakah yang dikira untuk M4 Coins dan M4 Points saya?</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">Semua instrumen M4Markets yang disokong dan menjana volum dagangan nosional, termasuk FX, komoditi, indeks, dan kripto, dikira untuk M4 Coins dan M4 Points anda.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="Menjana">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">Bilakah M4 Coins dan M4 Points daripada dagangan dikreditkan ke akaun saya?</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 dan M4 Points daripada dagangan dikira berdasarkan volum dagangan harian anda dan diberikan pada hari berikutnya.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="Tier &amp; Boost">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">Apakah Tier Kesetiaan 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"><article class="faq-item is-open">
<div class="faq-answer">Loyalty Tiers Bronze, Silver, Gold, Platinum, Diamond, VIP adalah berdasarkan volum dagangan nosional rolling 90 hari anda. Tier lebih tinggi membuka boost lebih besar dan ganjaran lebih eksklusif.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="Tier &amp; Boost">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">Bagaimanakah tier saya dikira?</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 anda berdasarkan volum dagangan nosional dalam 90 hari terakhir, dari semalam ke belakang 90 hari. Apabila volum rolling ini meningkat atau menurun, tier anda boleh berubah.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="Tier &amp; Boost">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">Apakah Tier Boost?</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 memberi anda M4 Coins dan M4 Points tambahan di atas apa yang sudah anda peroleh daripada dagangan dan quest. Boost bermula daripada 0% di Bronze hingga 25% di VIP, bergantung pada tier anda.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="Tier &amp; Boost">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">Apakah 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 memberi boost peratusan harian kepada M4 Coins dan M4 Points yang anda peroleh pada hari tersebut, berdasarkan baki akaun M4Markets anda. Semakin tinggi baki anda, semakin besar boost, sehingga 25%.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="Tier &amp; Boost">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">Adakah Tier Boost dan Balance Boosters berfungsi bersama?</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">Ya. Tier Boost dan Balance Booster anda boleh digabungkan, memberi anda sehingga 50% tambahan M4 Coins dan M4 Points di atas pendapatan asas anda.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="Tier &amp; Boost">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">Adakah membelanjakan M4 Coins menjejaskan tier atau M4 Points saya?</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">Tidak. Membelanjakan M4 Coins hanya mengurangkan baki coin anda. Tier dan M4 Points anda berdasarkan volum dagangan dan mata terkumpul, bukan jumlah coin yang masih ada.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="Penebusan">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">Apakah yang boleh saya tebus dengan 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">Anda boleh menebus M4 Coins untuk pelbagai ganjaran, termasuk merchandise M4Markets, elektronik Apple dan Samsung, percutian mewah, pengalaman F1, jam tangan mewah, jongkong emas, dan eksklusif VIP lain, bergantung pada tier dan baki coin anda.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="Penebusan">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">Bagaimanakah saya menebus ganjaran?</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">Pergi ke M4Markets Rewards Store dalam portal kesetiaan, pilih ganjaran yang anda mahu, dan sahkan penebusan. M4 Coins yang diperlukan akan ditolak daripada baki anda.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="Penebusan">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">Berapa lama masa untuk menerima ganjaran saya?</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">Selepas anda menebus ganjaran, wakil M4Markets akan menghubungi anda dalam masa 3 hari bekerja. Untuk item fizikal, penghantaran boleh mengambil masa sehingga 2 minggu disebabkan logistik dan penghantaran.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="Tugasan">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">Apakah Tugasan Sosial?</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 memberi ganjaran kepada anda kerana menghubungkan dan berinteraksi dengan akaun media sosial M4Markets. Anda boleh memperoleh M4 Coins dan M4 Points dengan menghubungkan akaun, mengikuti, menyukai, mengulas, atau repost di platform seperti Facebook, LinkedIn, X/Twitter, YouTube, dan Instagram.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="Tugasan">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">Apakah Tugasan Streak Dagangan: 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 memberi ganjaran kepada anda kerana berdagang nilai nosional 1 juta USD setiap hari dan mengekalkan streak. Apabila streak anda meningkat kepada 10, 30, 60, 90, 180, 270, 365 hari, anda membuka milestone badge serta ganjaran M4 Coin dan M4 Point yang semakin tinggi.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="Tugasan">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">Apakah tugasan lain yang tersedia?</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">Anda boleh menyertai quest seperti Login Streak, Jack of All Trades berdagang setiap kelas aset, The Advocate meninggalkan ulasan, Trading Streaks, Million Dollar Clubs, dan Social Quests, masing-masing dengan badge dan ganjaran tersendiri.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="Tugasan">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">Bolehkah saya memperoleh ganjaran kerana merujuk pedagang lain?</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">Ya. Dengan merujuk pengguna baharu kepada M4Markets dan memastikan mereka mendaftar serta mula berdagang, anda boleh memperoleh tambahan M4 Coins dan M4 Points melalui referral quest.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="Tugasan">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">Apakah permainan mini dalam program kesetiaan?</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">Mini-game seperti Spin-The-Wheel dan cabaran harian memberi anda cara yang menyeronokkan dan interaktif untuk memperoleh bonus M4 Coins dan M4 Points selain dagangan dan quest biasa.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="Terma">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">Adakah M4 Coins atau M4 Points tamat tempoh?</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 dan M4 Points tertakluk kepada terma dan syarat Program Kesetiaan M4Markets. Sila semak T&amp;Cs terkini dalam portal atau hubungi sokongan M4Markets untuk peraturan tamat tempoh yang paling terkini.</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="Terma">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">Adakah terdapat sekatan wilayah atau jenis akaun?</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">Sesetengah ganjaran atau ciri mungkin terhad berdasarkan bidang kuasa atau jenis akaun anda disebabkan peraturan tempatan. Sila rujuk terma dan syarat M4Markets tempatan anda atau hubungi sokongan M4Markets untuk butiran.</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/ms/" 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; Broker Dagangan CFD Berlesen" loading="eager" decoding="async" /></a>            <span class="logo-title">M4Markets - Broker Dagangan CFD Berlesen</span>
                    <div class="col-12 col-md-10 col-lg-8 mt-5 mb-5 mb-lg-3 text-center cls-lloyd-description">
        <p>Diunderait oleh Lloyd&#8217;s, lapisan perlindungan tambahan ini mengukuhkan komitmen kami untuk menyediakan persekitaran dagangan yang selamat, telus dan boleh dipercayai.</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>Diaudit oleh</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-malay" class="d-flex flex-column list-inline"><li id="menu-item-8641" 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">PERDAGANGAN</a><ul class="sub-menu">	<li id="menu-item-8642" class="sub-menu-item  menu-item-odd menu-item-depth-1 headline-2 menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"><a href="#" class="menu-link sub-menu-link">PASARAN</a><ul class="sub-menu">		<li id="menu-item-8643" 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/ms/markets/forex-cfd/" class="menu-link sub-menu-link">Forex CFDs</a></li>
		<li id="menu-item-8644" 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/ms/markets/commodities-cfd/" class="menu-link sub-menu-link">Komoditi CFD</a></li>
		<li id="menu-item-8645" 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/ms/markets/indices-cfd/" class="menu-link sub-menu-link">Indeks CFD</a></li>
		<li id="menu-item-8646" 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/ms/markets/shares-cfd/" class="menu-link sub-menu-link">Saham CFD</a></li>
		<li id="menu-item-8647" 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/ms/markets/crypto-cfd/" class="menu-link sub-menu-link">Kripto CFD</a></li>
	</ul>
</li>
	<li id="menu-item-8648" class="sub-menu-item  menu-item-odd menu-item-depth-1 headline-2 menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"><a href="#" class="menu-link sub-menu-link">SYARAT</a><ul class="sub-menu">		<li id="menu-item-8649" 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/ms/conditions/spreads-commisions/" class="menu-link sub-menu-link">Spread &#038; Komisen</a></li>
		<li id="menu-item-8668" 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/ms/conditions/margin-leverage/" class="menu-link sub-menu-link">Margin &#038; Laveraj</a></li>
		<li id="menu-item-8670" 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/ms/conditions/swap-rates/" class="menu-link sub-menu-link">Kadar Swap</a></li>
		<li id="menu-item-8669" 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/ms/conditions/trading-hours/" class="menu-link sub-menu-link">Masa Dagangan</a></li>
	</ul>
</li>
	<li id="menu-item-9016" class="sub-menu-item  menu-item-odd menu-item-depth-1 headline-2 menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"><a href="#" class="menu-link sub-menu-link">PLATFORM</a><ul class="sub-menu">		<li id="menu-item-8671" 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/ms/platforms/mt4/" class="menu-link sub-menu-link">MT4</a></li>
		<li id="menu-item-8672" 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/ms/platforms/mt5/" class="menu-link sub-menu-link">MT5</a></li>
		<li id="menu-item-8673" 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/ms/platforms/mt4-vs-mt5/" class="menu-link sub-menu-link">MT4 vs 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-malay" class="d-flex flex-column list-inline"><li id="menu-item-8698" 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">Alatan &#038; Sumber</a><ul class="sub-menu">	<li id="menu-item-8699" class="sub-menu-item  menu-item-odd menu-item-depth-1 headline-2 menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"><a href="#" class="menu-link sub-menu-link">ALATAN</a><ul class="sub-menu">		<li id="menu-item-8712" 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/ms/14308-2/social-trading/" class="menu-link sub-menu-link">Perdagangan Social</a></li>
		<li id="menu-item-9736" 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/ms/14308-2/m4markets-app/" class="menu-link sub-menu-link">Aplikasi Pengurusan Dalaman M4</a></li>
		<li id="menu-item-8713" 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/ms/14308-2/economic-calendar/" class="menu-link sub-menu-link">Kalendar Ekonomi</a></li>
		<li id="menu-item-8714" 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/ms/14308-2/forex-calculators/" class="menu-link sub-menu-link">Kalkulator Forex</a></li>
	</ul>
</li>
	<li id="menu-item-9208" class="sub-menu-item  menu-item-odd menu-item-depth-1 headline-2 menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"><a href="#" class="menu-link sub-menu-link">SUMBER</a><ul class="sub-menu">		<li id="menu-item-8716" 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/ms/resources/ebooks/" class="menu-link sub-menu-link">eBuku Dagang</a></li>
		<li id="menu-item-8717" 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/ms/resources/glossary/" class="menu-link sub-menu-link">Glosari</a></li>
		<li id="menu-item-8718" 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/ms/resources/video-courses/" class="menu-link sub-menu-link">Video Kursus</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-malay" class="d-flex flex-column list-inline"><li id="menu-item-8739" 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">PERKONGSIAN</a><ul class="sub-menu">	<li id="menu-item-8740" 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/ms/partnerships/introducing-brokers/" class="menu-link sub-menu-link">Broker Pengenalan</a></li>
	<li id="menu-item-8760" 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/ms/partnerships/mam-pamm/" class="menu-link sub-menu-link">MAM/PAMM</a></li>
</ul>
</li>
<li id="menu-item-8761" class="main-menu-item  menu-item-even menu-item-depth-0 headline-1 additional-margin menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"><a href="#" class="menu-link main-menu-link">AKAUN</a><ul class="sub-menu">	<li id="menu-item-8762" 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/ms/accounts/trading-accounts/" class="menu-link sub-menu-link">Akaun Dagangan</a></li>
	<li id="menu-item-23958" 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/ms/cent-account/" class="menu-link sub-menu-link">Akaun Cent</a></li>
	<li id="menu-item-9854" 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/ms/accounts/islamic-account/" class="menu-link sub-menu-link">Akaun Islamic</a></li>
	<li id="menu-item-8763" 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/ms/accounts/demo-account/" class="menu-link sub-menu-link">Akaun Demo</a></li>
	<li id="menu-item-8764" 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/ms/accounts/dynamic-leverage-account/" class="menu-link sub-menu-link">Akaun Leveraj Dinamik</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-malay" class="d-flex flex-column list-inline"><li id="menu-item-8777" 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">TENTANG KAMI</a><ul class="sub-menu">	<li id="menu-item-8778" 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/ms/about-m4markets/" class="menu-link sub-menu-link">Tentang M4Markets</a></li>
	<li id="menu-item-8792" 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/ms/licences/" class="menu-link sub-menu-link">Lesen</a></li>
	<li id="menu-item-8793" 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/ms/legal-documents/" class="menu-link sub-menu-link">Document Perundangan</a></li>
	<li id="menu-item-9849" class="sub-menu-item  menu-item-odd menu-item-depth-1 default menu-item menu-item-type-custom menu-item-object-custom"><a href="/ms/news/" class="menu-link sub-menu-link">Berita</a></li>
	<li id="menu-item-8795" 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/ms/careers/" class="menu-link sub-menu-link">Kerjaya</a></li>
	<li id="menu-item-8796" 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/ms/contact-us/" class="menu-link sub-menu-link">Hubungi Kami</a></li>
	<li id="menu-item-8797" 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/ms/support-center/" class="menu-link sub-menu-link">Pusat Sokongan</a></li>
</ul>
</li>
<li id="menu-item-9779" class="main-menu-item  menu-item-even menu-item-depth-0 headline-1 menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children"><a href="#" class="menu-link main-menu-link">PROMOSI</a><ul class="sub-menu">	<li id="menu-item-8798" 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/ms/promotions/all-promotions/" class="menu-link sub-menu-link">Semua Promosi</a></li>
	<li id="menu-item-23906" 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-23204 current_page_item"><a href="https://m4markets.site/ms/loyalty-program/" class="menu-link sub-menu-link">Loyalty Program</a></li>
	<li id="menu-item-8799" 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/ms/promotions/credit-bonus/" class="menu-link sub-menu-link">Bonus Kredit</a></li>
	<li id="menu-item-8800" 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/ms/promotions/refer-a-friend/" class="menu-link sub-menu-link">Rujuk Kawan</a></li>
</ul>
</li>
</ul>                    </nav>
				            </div>
			                <div class="col-12 col-lg-8 offset-lg-4 social-media">
                        <span class="social-media__title">
                            Ikut Kami                        </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 adalah jenama bersama yang dimiliki oleh syarikat-syarikat berikut:
<br></br>
Trinota Markets (Global) Limited, nombor pendaftaran 8425037-1, dilesenkan oleh Pihak Berkuasa Perkhidmatan Kewangan Seychelles (FSA) sebagai Peniaga Sekuriti, nombor lesen SD035. Alamat: JUC Building, Office No.F4, Providence Zone 18,
 Mahé, Seychelles. 
<br></br>
Oryx Finance Ltd, diberi kuasa dan dikawal selia oleh Pihak Berkuasa Perkhidmatan Kewangan Dubai (DFSA), nombor lesen F007051 – Prudential Category 4.
<br></br>
Harindale Ltd, diberi kuasa dan dikawal selia oleh Suruhanjaya Sekuriti dan Bursa Cyprus (CySEC), nombor lesen 301/16.<br /><br />                    </p>
								                    <div class="footer__info-text">
						<p><strong>Amaran Risiko:</strong> CFD ialah instrumen kewangan yang kompleks dan memerlukan pengetahuan serta pemahaman yang mendalam. Instrumen ini tertakluk kepada turun naik harga yang ekstrem dan boleh menyebabkan nilainya menjadi sifar. Aktiviti membeli dan menjual instrumen ini melibatkan risiko kerugian yang tinggi, termasuk kemungkinan kerugian yang melebihi potensi keuntungan.<br />
Transaksi CFD boleh mengakibatkan kerugian yang melebihi jumlah deposit yang dibuat dengan broker ini. Oleh itu, anda disarankan untuk mempertimbangkan kedudukan kewangan anda dengan teliti sebelum membuat sebarang pelaburan.</p>
<p>Maklumat di laman web ini tidak ditujukan kepada penduduk Amerika Syarikat, Cuba, Korea Utara, atau mana-mana negara/ wilayah di mana pengedaran atau penggunaan maklumat ini dilarang oleh undang-undang atau peraturan tempatan.</p>
<p>Sila baca <a href="https://m4markets.site/ms/legal-documents/privacy-policy/">Dasar Privasi</a> kami.</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">Beralih ke M4Markets Europe!</h2>
                    <span class="popup-modal-content-text">Laman web yang akan anda akses ini dikendalikan oleh Harindale Limited, yang diberi kuasa dan dikawal selia oleh Suruhanjaya Sekuriti dan Bursa Cyprus (CySEC), dengan nombor lesen 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">Terukan pada M4Markets Europe</a>
                        <div>
                            <a href="#" class="popup-buttons-link link__four">Kekal pada M4Markets Seychelles</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">Beralih ke M4Markets Dubai!</h2>
                    <span class="popup-modal-content-text">Laman web yang akan anda akses ini dikendalikan oleh Oryx Finance Limited, sebuah syarikat yang diberi kuasa dan dikawal selia oleh Dubai Financial Services Authority (DFSA) dengan nombor lesen F007051 – Lesen Kategori 3A</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">Teruskan pada M4Market Dubai</a>
                        <div>
                            <a href="#" class="popup-buttons-link link__four">Kekal pada M4Markets Seychelles</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":"/ms/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/m4markets/*","/ms/*\\?(.+)"]}},{"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('31imadyo', 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>