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/06/Hero-1920x800_AR.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">برنامج الولاء</span></h1>
            <p class="hero-subtitle">اكسب مكافآت من نشاطك في التداول وافتح M4 Coins و M4 Points ومزايا حصرية.</p>
            <div class="hero-cta-wrap">
                <a href="https://secure.m4marketscrm.com/ar/register" class="btn-participate">شارك</a>
                <a class="tcs" href="https://m4markets.site/ar/wp-content/uploads/2026/05/TC-Loyalty-Program_February-2026.pdf">تطبق T&amp;Cs. رأس المال معرض للمخاطر.</a>
            </div>
        </div>
    </section>
    
    <!-- 2nd Section - How It Works -->
    


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

    <!-- Faq Section -->

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

                                <section class="what-is">
            <h2 class="what-is-title"><span>ما هو برنامج الولاء  <br><span style="color:#78fc31">من M4Markets</span>?</span></h2>
            <p class="what-is-sub">برنامج الولاء من M4Markets هو برنامج مكافآت تداول يتيح لك كسب M4 Coins و M4 Points ومزايا حصرية أثناء التداول.</p>
                        <div class="days-widget">
                                <div class="day-item">
                    <div class="day-circle">5</div>
                    <span class="day-label">أيام</span>
                    <span class="day-pct">+5%</span>
                </div>
                <span class="days-arrow">→</span>                                <div class="day-item">
                    <div class="day-circle">10</div>
                    <span class="day-label">أيام</span>
                    <span class="day-pct">+10%</span>
                </div>
                <span class="days-arrow">→</span>                                <div class="day-item">
                    <div class="day-circle">15</div>
                    <span class="day-label">أيام</span>
                    <span class="day-pct">+15%</span>
                </div>
                                            </div>
                        <p class="days-note">كلما زاد تداولك، زادت المزايا التي تفتحها</p>
        </section>
                
                                <section class="how-it-works">
            <h2 class="how-title">طريقة العمل</h2>
            <p class="how-sub">ابدأ التداول، واكسب المكافآت، وافتح المزيد من المزايا مع تقدمك.</p>
                        <div class="step-progress">
                                <div class="step-dot">1</div>
                <div class="step-line"></div>                                <div class="step-dot">2</div>
                <div class="step-line"></div>                                <div class="step-dot">3</div>
                                            </div>
            <div class="steps-grid">
                                <div class="step-card">
                    <div class="step-badge">الخطوة 1</div>
                                        <div class="step-icon-wrap">
                                                <img src="https://m4markets.site/wp-content/uploads/2026/07/PT-300x300-1.png"
                            alt="انضم إلى البرنامج" />                    </div>
                                        <div class="step-title">انضم إلى البرنامج</div>
                    <p class="step-desc">سجّل أو سجّل الدخول للبدء.</p>
                </div>
                <div class="step-arrow">→</div>                                <div class="step-card">
                    <div class="step-badge">الخطوة 2</div>
                                        <div class="step-icon-wrap">
                                                <img src="https://m4markets.site/wp-content/uploads/2026/07/MS-514x387-1.png"
                            alt="تداول واكسب" />                    </div>
                                        <div class="step-title">تداول واكسب</div>
                    <p class="step-desc">اكسب M4 Coins و M4 Points و M4 Diamonds من خلال نشاط مؤهل</p>
                </div>
                <div class="step-arrow">→</div>                                <div class="step-card">
                    <div class="step-badge">الخطوة 3</div>
                                        <div class="step-icon-wrap">
                                                <img src="https://m4markets.site/wp-content/uploads/2026/07/MS-300x300-1.png"
                            alt="افتح المكافآت" />                    </div>
                                        <div class="step-title">افتح المكافآت</div>
                    <p class="step-desc">استبدل المكافآت الحصرية في M4Markets Rewards StoreExclusive Rewards in the M4Markets Rewards Store</p>
                </div>
                                            </div>
                        <div class="how-cta">
                <a href="https://secure.m4marketscrm.com/ar/register"
                    class="btn-join">انضم الآن</a>
                <a class="tcs"
                    href="https://m4markets.site/ar/wp-content/uploads/2026/05/TC-Loyalty-Program_February-2026.pdf">تطبق T&Cs. رأس المال معرض للمخاطر.</a>
            </div>
        </section>
                    </div>
    


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

    <!-- Faq Section -->

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


    <!-- 3rd Section - Rewards Section -->
            <section class="redeem">
        <h2 class="redeem-title">استبدل مكافآت حصرية</h2>
        <p class="redeem-sub">استبدل M4 Coins بمكافآت وتجارب حصرية من الفئة المميزة</p>

                <div class="redeem-slider-wrapper">
            <div class="swiper redeem-swiper">
                <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                        <div class="reward-card">
                                                        <div class="card-body">
                                <div class="card-name">iPhone 17</div>
                                                                <p class="card-desc">استبدل M4 Coins الخاصة بك واختبر التوازن المثالي بين الابتكار والقيمة مع iPhone 17. احصل على الأحدث...</p>
                                                                                            </div>
                        </div>
                    </div>
                                        <div class="swiper-slide">
                        <div class="reward-card">
                                                        <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">استمتع بتجربة الفخامة في أبهى صورها مع تلفزيون سامسونج OLED 4K مقاس 48 بوصة، الذي يتميز بصور مذهلة وتجربة ترفيهية غامرة بتصميم أنيق وفاخر.</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">مستقبل الصوت اللاسلكي وصل! استبدل M4 Coins للحصول على فرصة امتلاك AirPods 4 الجديدة - أنيقة وقوية...</p>
                                                                                            </div>
                        </div>
                    </div>
                                        <div class="swiper-slide">
                        <div class="reward-card">
                                                        <div class="card-body">
                                <div class="card-name">Macbook Air M4 - 15 Inch</div>
                                                                <p class="card-desc">شاشة أكبر وهيكل فائق النحافة كما هو - استبدل MacBook Air M4 مقاس 15 بوصة لشاشة أكبر وبطارية ممتازة و</p>
                                                                                            </div>
                        </div>
                    </div>
                                    </div>
            </div>
        </div>
        
        <div class="redeem-cta">
            <a href="https://secure.m4marketscrm.com/ar/register" class="btn-earn">ابدأ كسب المكافآت</a>
            <a class="tcs" href="https://m4markets.site/ar/wp-content/uploads/2026/05/TC-Loyalty-Program_February-2026.pdf">تطبق T&Cs. رأس المال معرض للمخاطر.</a>
        </div>
    </section>
    
    <!-- 4th Section - Coin Section -->
    
    <!-- 5th Section - Mobile Coins -->
    
    <!-- 6th Section - Social Links -->
    
    <!-- 7th Section - Join Now -->
    

    <!-- Faq Section -->

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


    <!-- 3rd Section - Rewards Section -->
    
    <!-- 4th Section - Coin Section -->
            <section class="coins-section">
        <h2 class="coins-title">فهم M4 Coins، <br>M4 Points و M4 Diamonds</h2>
        <p class="coins-sub">تعرّف على الفرق بين أنواع المكافآت التي ستكسبها في برنامج الولاء من M4Markets</p>
                <div class="coins-grid">
                        <div class="coin-card">
                <div class="card-header">
                                        <span class="card-name">M4 Coins</span>                </div>
                <div class="card-type">عملة قابلة للاستبدال</div>                <p class="card-desc">تُكتسب من خلال الإجراءات المؤهلة وتُستخدم لفتح المكافآت.</p>            </div>
                        <div class="coin-card">
                <div class="card-header">
                                        <span class="card-name">M4 Diamonds</span>                </div>
                <div class="card-type">عملة مميزة</div>                <p class="card-desc">افتح مكافآت حصرية غير متاحة من خلال العملات الأخرى. رمز المكانة الأعلى للمتداولين النخبة.</p>            </div>
                        <div class="coin-card">
                <div class="card-header">
                                        <span class="card-name">M4 Points</span>                </div>
                <div class="card-type">نقاط تراكمية</div>                <p class="card-desc">تتبع تقدمك وتساعدك على التقدم عبر tiers. تُستخدم لترتيبات لوحة الصدارة والمسابقات.</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">تطبيق الهاتف اكسب M4 Coins أينما كنت</h2>
                <p class="mobile-desc">تابع M4 Coins الخاصة بك، وأكمل المهام، وافتح مكافآت حصرية. حمّل M4Markets Loyalty App ولا تفوّت أي فرصة مكافأة.</p>
                <div class="features-list">
                                                            <div class="feature-item">
                        <div class="feature-icon-wrap"><img src="" /></div>
                        <div class="feature-text">
                            <div class="feature-title">وصول فوري</div>
                            <div class="feature-desc">ادخل إلى بوابة العميل من أي مكان</div>
                        </div>
                    </div>
                                        <div class="feature-item">
                        <div class="feature-icon-wrap"><img src="" /></div>
                        <div class="feature-text">
                            <div class="feature-title">أكمل المهام في أي مكان</div>
                            <div class="feature-desc">لا تفوّت مهمة يومية أو مكافأة</div>
                        </div>
                    </div>
                                        <div class="feature-item">
                        <div class="feature-icon-wrap"><img src="" /></div>
                        <div class="feature-text">
                            <div class="feature-title">مهام التواصل الاجتماعي</div>
                            <div class="feature-desc">أكمل مهام التواصل الاجتماعي بسهولة من جهازك المحمول</div>
                        </div>
                    </div>
                                                        </div>
                <a href="https://secure.m4marketscrm.com/ar/register"
                    class="btn-join">انضم الآن</a>
                <a class="tcs"
                    href="https://m4markets.site/ar/wp-content/uploads/2026/05/TC-Loyalty-Program_February-2026.pdf">تطبق T&Cs. رأس المال معرض للمخاطر.</a>
                <div class="store-badges">
                    <a href="https://apps.apple.com/cy/app/m4markets/id6633427594" class="store-badge"><img class="badge-icon"
                            src="https://m4markets.site/wp-content/uploads/2026/07/TMGL_Privacy-and-Confidentiality-Policy_2026-pdf.jpg" alt="App Store" /></a>
                    <a href="https://play.google.com/store/apps/details?id=com.m4marketsclient.mobile" class="store-badge"><img class="badge-icon"
                            src="" alt="Google Play" /></a>
                </div>
            </div>
            <div class="mobile-right">
                <img class="phone-img" src="https://m4markets.site/wp-content/uploads/2026/07/IconArrow.svg" alt="M4Markets Mobile App" />
            </div>
        </div>
    </section>
    
    <!-- 6th Section - Social Links -->
    
    <!-- 7th Section - Join Now -->
    

    <!-- Faq Section -->

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


    <!-- 3rd Section - Rewards Section -->
    
    <!-- 4th Section - Coin Section -->
    
    <!-- 5th Section - Mobile Coins -->
    
    <!-- 6th Section - Social Links -->
            <section class="social-section">
        <h2 class="social-title">مهام التواصل الاجتماعي</h2>
        <p class="social-sub">تابعنا وتفاعل معنا على وسائل التواصل الاجتماعي</p>
                <div class="social-grid">
                        <a href="https://www.facebook.com/M4MarketsOfficial" class="social-card">
                <img class="social-icon" src="https://m4markets.site/wp-content/uploads/2026/07/deloitte.svg" />                <div class="card-body">
                    <div class="card-name">Facebook</div>
                </div>
            </a>
                        <a href="https://www.youtube.com/@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">ابدأ فتح المكافآت اليوم</h2>
            <p class="cta-sub">اجعل نشاطك في التداول أكثر قيمة مع برنامج الولاء من M4Markets.</p>
            <a href="https://secure.m4marketscrm.com/ar/register"
                class="btn-join">انضم الآن</a>
            <a class="tcs-cta"
                href="https://m4markets.site/ar/wp-content/uploads/2026/05/TC-Loyalty-Program_February-2026.pdf">تطبق T&Cs. رأس المال معرض للمخاطر.</a>
        </div>
    </section>
    

    <!-- Faq Section -->

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


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

    <!-- Faq Section -->

        
    <div class="faq-wrap">

                <p class="faq-eyebrow">كل ما تحتاج إلى معرفته عن برنامج الولاء من M4Markets</p>
        
                <h2 class="faq-title">الأسئلة الشائعة</h2>
        
        <div class="cat-tabs">
                        <button class="cat-tab active"
                data-cat="All">
                All            </button>
                        <button class="cat-tab "
                data-cat="أساسيات البرنامج">
                أساسيات البرنامج            </button>
                        <button class="cat-tab "
                data-cat="الكسب">
                الكسب            </button>
                        <button class="cat-tab "
                data-cat="Tiers &amp; Boosts">
                Tiers &amp; Boosts            </button>
                        <button class="cat-tab "
                data-cat="الاستبدال">
                الاستبدال            </button>
                        <button class="cat-tab "
                data-cat="المهام">
                المهام            </button>
                        <button class="cat-tab "
                data-cat="الشروط">
                الشروط            </button>
                    </div>

                <div class="faq-list">
                        <div class="faq-item" data-cat="أساسيات البرنامج">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">ما هو برنامج الولاء من M4Markets؟</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">
<article class="faq-item is-open">
<div class="faq-answer">يكافئك برنامج الولاء من M4Markets بـ M4 Coins و M4 Points عند التداول وإكمال المهام والتفاعل مع M4Markets. بعد ذلك يمكنك استبدال M4 Coins بمكافآت وتجارب حصرية.</div>
</article>
<article class="faq-item"></article>
</div>
</article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="أساسيات البرنامج">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">ما هي M4 Coins؟</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">
<article class="faq-item is-open">
<div class="faq-answer">M4 Coins هي عملة قابلة للاستخدام. تكسبها من التداول وإكمال المهام وتحقيق المراحل، ثم تستخدمها لاستبدال عناصر وتجارب في M4Markets Rewards Store.</div>
</article>
<article class="faq-item"></article>
</div>
</article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="أساسيات البرنامج">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">ما هي M4 Points؟</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">
<article class="faq-item is-open">
<div class="faq-answer">M4 Points هي نقاط تراكمية. لا يمكن إنفاقها، وتستخدم للتصنيفات ولوحات الصدارة والأهلية للمسابقات وبعض المهام.</div>
</article>
<article class="faq-item"></article>
</div>
</article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="أساسيات البرنامج">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">ما الفرق بين M4 Coins و M4 Points؟</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">
<article class="faq-item is-open">
<div class="faq-answer">يمكن إنفاق M4 Coins في Rewards Store، ويزيد رصيدك أو ينخفض عند استبدال المكافآت. أما M4 Points فتزداد فقط، وتستخدم للتصنيفات والمستويات والمسابقات، وليس لشراء المكافآت.</div>
</article>
<article class="faq-item"></article>
</div>
</article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="الكسب">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">كيف تكسب M4 Coins و M4 Points؟</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">
<article class="faq-item is-open">
<div class="faq-answer">تكسبها من خلال التداول، وإكمال مهام المراحل، ولعب الألعاب المصغرة، وتنفيذ مهام وسائل التواصل الاجتماعي، والحفاظ على سلاسل تسجيل الدخول والتداول، وترك المراجعات، وإحالة عملاء جدد إلى M4Markets.</div>
</article>
<article class="faq-item"></article>
</div>
</article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="الكسب">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">كم عدد M4 Coins و M4 Points التي أكسبها من التداول</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">
<article class="faq-item is-open">
<div class="faq-answer">مقابل كل 100,000 USD من حجم التداول الاسمي، تكسب 100 M4 Coins و 100 M4 Points.</div>
</article>
<article class="faq-item"></article>
</div>
</article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="الكسب">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">كيف تبدو القيمة الاسمية 100,000 USD في التداول</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">
<article class="faq-item is-open">
<div class="faq-answer">قيمة اسمية قدرها 100,000 USD تعادل تقريبًا 1 lot من زوج FX رئيسي، و0.25 lot من XAUUSD الذهب، و17 lots من النفط الخام، و1 lot من BTCUSD، و33 lots من ETHUSD، و4 lots من US100، أو 1.5 lots من SPX500.</div>
</article>
<article class="faq-item"></article>
</div>
</article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="الكسب">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">ما الأدوات التي تُحتسب ضمن M4 Coins و M4 Points الخاصة بي</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">
<article class="faq-item is-open">
<div class="faq-answer">كل أدوات M4Markets المدعومة التي تولد حجم تداول اسمي، بما في ذلك FX والسلع والمؤشرات والعملات المشفرة، تحتسب ضمن M4 Coins و M4 Points الخاصة بك.</div>
</article>
<article class="faq-item"></article>
</div>
</article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="الكسب">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">متى تُضاف M4 Coins و M4 Points من التداول إلى حسابي</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">
<article class="faq-item is-open">
<div class="faq-answer">يتم احتساب M4 Coins و M4 Points الناتجة عن التداول بناءً على حجم تداولك لذلك اليوم، ويتم منحها في اليوم التالي.</div>
</article>
<article class="faq-item"></article>
</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="Tiers &amp; Boosts">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">ما هي M4Markets Loyalty Tiers؟</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">
<article class="faq-item is-open">
<div class="faq-answer">تعتمد Loyalty Tiers وهي Bronze وSilver وGold وPlatinum وDiamond وVIP على حجم تداولك الاسمي المتحرك خلال 90 يومًا. المستويات الأعلى تفتح boosts أكبر ومكافآت أكثر حصرية.</div>
</article>
<article class="faq-item"></article>
</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="Tiers &amp; Boosts">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">كيف يتم حساب tier الخاص بي</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">
<article class="faq-item is-open">
<div class="faq-answer">يعتمد مستواك على حجم التداول الاسمي خلال آخر 90 يومًا، من الأمس رجوعًا 90 يومًا. ومع ارتفاع هذا الحجم المتحرك أو انخفاضه، قد يتغير مستواك.</div>
</article>
<article class="faq-item"></article>
</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="Tiers &amp; Boosts">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">ما هي Tier Boosts؟</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">
<article class="faq-item is-open">
<div class="faq-answer">تمنحك Tier Boosts مقدارًا إضافيًا من M4 Coins و M4 Points فوق ما تكسبه بالفعل من التداول والمهام. تتراوح boosts من 0% في Bronze حتى 25% في VIP، بحسب مستواك.</div>
</article>
<article class="faq-item"></article>
</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="Tiers &amp; Boosts">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">ما هي Balance Boosters؟</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">
<article class="faq-item is-open">
<div class="faq-answer">تمنح Balance Boosters زيادة يومية بالنسبة المئوية على M4 Coins و M4 Points التي كسبتها في ذلك اليوم، بناءً على رصيد حسابك لدى M4Markets. كلما ارتفع رصيدك، زادت الزيادة، حتى 25%.</div>
</article>
<article class="faq-item"></article>
</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="Tiers &amp; Boosts">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">هل تعمل Tier Boosts و Balance Boosters معاً</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">
<article class="faq-item is-open">
<div class="faq-answer">نعم. يمكن أن تتراكم Tier Boost و Balance Booster معًا، مما يمنحك ما يصل إلى 50% إضافية من M4 Coins و M4 Points فوق أرباحك الأساسية.</div>
</article>
<article class="faq-item"></article>
</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="Tiers &amp; Boosts">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">هل يؤثر إنفاق M4 Coins على tier أو M4 Points الخاصة بي</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">
<article class="faq-item is-open">
<div class="faq-answer">لا. إنفاق M4 Coins يقلل رصيد العملات فقط. يعتمد مستواك و M4 Points على حجم التداول والنقاط المتراكمة، وليس على عدد العملات المتبقية لديك.</div>
</article>
<article class="faq-item"></article>
</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="الاستبدال">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">ماذا يمكنني استبداله باستخدام M4 Coins</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">
<article class="faq-item is-open">
<div class="faq-answer">يمكنك استبدال M4 Coins بمجموعة واسعة من المكافآت، بما في ذلك منتجات M4Markets، وأجهزة Apple وSamsung، وعطلات فاخرة، وتجارب F1، وساعات فاخرة، وسبائك ذهب، ومزايا VIP حصرية أخرى، حسب مستواك ورصيد العملات لديك.</div>
</article>
<article class="faq-item"></article>
</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="الاستبدال">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">كيف أستبدل مكافأة؟</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">
<article class="faq-item is-open">
<div class="faq-answer">انتقل إلى M4Markets Rewards Store داخل بوابة الولاء، واختر المكافأة التي تريدها، ثم أكد الاستبدال. سيتم خصم M4 Coins المطلوبة من رصيدك.</div>
</article>
<article class="faq-item"></article>
</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="الاستبدال">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">كم يستغرق استلام المكافآت؟</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">
<article class="faq-item is-open">
<div class="faq-answer">بعد استبدال مكافأة، سيتواصل معك ممثل من M4Markets خلال 3 أيام عمل. بالنسبة للعناصر المادية، قد يستغرق التسليم ما يصل إلى أسبوعين بسبب الخدمات اللوجستية والشحن.</div>
</article>
<article class="faq-item"></article>
</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="المهام">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">ما هي Social Quests؟</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">
<article class="faq-item is-open">
<div class="faq-answer">تكافئك Social Quests على ربط حساباتك والتفاعل مع حسابات M4Markets على وسائل التواصل الاجتماعي. يمكنك كسب M4 Coins و M4 Points من خلال ربط الحساب، أو المتابعة، أو الإعجاب، أو التعليق، أو إعادة النشر على منصات مثل Facebook وLinkedIn وX/Twitter وYouTube وInstagram.</div>
</article>
<article class="faq-item"></article>
</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="المهام">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">ما هي Trading Streak Quest: The 1M Club؟</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">
<article class="faq-item is-open">
<div class="faq-answer">يكافئك The 1M Club على تداول قيمة اسمية قدرها 1 million USD يوميًا والحفاظ على سلسلة مستمرة. ومع نمو السلسلة إلى 10 و30 و60 و90 و180 و270 و365 يومًا، تفتح شارات مراحل ومكافآت M4 Coin و M4 Point متزايدة.</div>
</article>
<article class="faq-item"></article>
</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="المهام">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">ما المهام الأخرى المتاحة؟</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">
<article class="faq-item is-open">
<div class="faq-answer">يمكنك الانضمام إلى مهام مثل Login Streak، وJack of All Trades تداول كل فئات الأصول، وThe Advocate ترك المراجعات، وTrading Streaks، وMillion Dollar Clubs، وSocial Quests، ولكل منها شارات ومكافآت خاصة بها.</div>
</article>
<article class="faq-item"></article>
</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="المهام">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">هل يمكنني كسب مكافآت عند إحالة متداولين آخرين؟</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">
<article class="faq-item is-open">
<div class="faq-answer">نعم. من خلال إحالة مستخدمين جدد إلى M4Markets وجعلهم يسجلون ويبدأون التداول، يمكنك كسب M4 Coins و M4 Points إضافية من خلال مهام الإحالة.</div>
</article>
<article class="faq-item"></article>
</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="المهام">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">ما هي الألعاب المصغرة في برنامج الولاء؟</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><article class="faq-item is-open">
<div class="faq-answer">
<article class="faq-item is-open">
<div class="faq-answer">تمنحك الألعاب المصغرة مثل Spin-The-Wheel والتحديات اليومية طرقًا ممتعة وتفاعلية لكسب M4 Coins و M4 Points إضافية فوق تداولك ومهامك العادية.</div>
</article>
<article class="faq-item"></article>
</div>
</article>
<article class="faq-item "></article>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="الشروط">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">هل تنتهي صلاحية M4 Coins أو M4 Points؟</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><section id="faq" class="section faq desktop-only">
<div class="container">
<div id="faq-list" class="faq-list">
<article class="faq-item is-open">
<div class="faq-answer">
<article class="faq-item is-open">
<div class="faq-answer">تخضع M4 Coins و M4 Points لشروط وأحكام برنامج الولاء من M4Markets. يرجى مراجعة أحدث T&amp;Cs في البوابة أو التواصل مع دعم M4Markets لمعرفة أحدث قواعد انتهاء الصلاحية.</div>
</article>
<article class="faq-item"></article>
</div>
</article>
</div>
</div>
</section>
<footer class="desktop-footer desktop-only">
<nav id="footer-links" class="footer-links"></nav>
</footer>
</div>
                </div>
            </div>
                        <div class="faq-item" data-cat="الشروط">
                <div class="faq-q" onclick="toggleFaq(this.parentElement)">
                    <span class="faq-q-text">هل توجد قيود إقليمية أو متعلقة بنوع الحساب؟</span>
                    <div class="faq-icon" aria-hidden="true">
                        <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2">
                            <line x1="7" y1="2" x2="7" y2="12" />
                            <line x1="2" y1="7" x2="12" y2="7" />
                        </svg>
                    </div>
                </div>
                <div class="faq-a">
                    <div class="faq-a-text"><section id="faq" class="section faq desktop-only">
<div class="container">
<div id="faq-list" class="faq-list">
<article class="faq-item is-open">
<div class="faq-answer">قد تكون بعض المكافآت أو الميزات محدودة بناءً على ولايتك القضائية أو نوع حسابك بسبب اللوائح المحلية. يرجى الرجوع إلى شروط وأحكام M4Markets المحلية أو التحدث إلى دعم M4Markets للحصول على التفاصيل.</div>
</article>
</div>
</div>
</section>
<footer class="desktop-footer desktop-only">
<nav id="footer-links" class="footer-links"></nav>
</footer>
</div>
                </div>
            </div>
                    </div>
        
    </div>

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

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

    
        
</div>



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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

<footer id="footer" class="footer">
    <div class="container">
        <div class="row justify-content-between">
			                <div class="col-12 d-flex justify-content-center footer-image__wrapper">
					<img width="636" height="106" src="https://m4markets.site/wp-content/uploads/2025/05/carlogo.png" class="footer-image" alt="sponsorship" decoding="async" />                </div>
			            <div class="col-12 col-lg-4 mb-5 mb-lg-3">
				        <a href="https://m4markets.site/ar/" class="custom-logo-link" rel="home"><img width="300" height="100" src="https://m4markets.site/wp-content/uploads/2025/11/Logo.svg" class="custom-logo" alt="M4Markets &#8211; وسيط تداول CFD مرخّص" loading="eager" decoding="async" /></a>            <span class="logo-title">M4Markets - وسيط تداول CFD مرخّص</span>
                    <div class="col-12 col-md-10 col-lg-8 mt-5 mb-5 mb-lg-3 text-center cls-lloyd-description">
        <p>يتم الاكتتاب بهذه التغطية التأمينية من خلال Lloyd&#8217;s، مما يضيف طبقة إضافية من الحماية ويعزز التزامنا بتوفير بيئة تداول آمنة وشفافة وجديرة بالثقة.</p>
    </div>

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

    <div class="col-12 col-md-10 col-lg-8 mt-4 mb-lg-3 text-center cls-deloitte-description">
        <p><strong>مدققة من قبل</strong></p>
    </div>

    <div class="col-12 col-lg-4 mb-2 mb-lg-3 deloitte-logo logo-ar">
        <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-arabic" class="d-flex flex-column list-inline"><li id="menu-item-8624" class="main-menu-item  menu-item-even menu-item-depth-0 headline-1 menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"><a href="#" class="menu-link main-menu-link">التداول</a><ul class="sub-menu">	<li id="menu-item-8625" 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">الأسواق</a><ul class="sub-menu">		<li id="menu-item-9808" 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/ar/markets/forex-cfd/" class="menu-link sub-menu-link">عقود الفروقات على الفوركس</a></li>
		<li id="menu-item-9809" 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/ar/markets/commodities-cfd/" class="menu-link sub-menu-link">عقود الفروقات على السلع</a></li>
		<li id="menu-item-9810" 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/ar/markets/indices-cfd/" class="menu-link sub-menu-link">عقود الفروقات على المؤشرات</a></li>
		<li id="menu-item-9811" 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/ar/markets/shares-cfd/" class="menu-link sub-menu-link">عقود الفروقات على الأسهم</a></li>
		<li id="menu-item-9812" 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/ar/markets/crypto-cfd/" class="menu-link sub-menu-link">عقود الفروقات على العملات الرقمية</a></li>
	</ul>
</li>
	<li id="menu-item-8626" 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">الشروط</a><ul class="sub-menu">		<li id="menu-item-9813" 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/ar/conditions/spreads-commisions/" class="menu-link sub-menu-link">الفروقات والعمولات</a></li>
		<li id="menu-item-9814" 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/ar/conditions/margin-leverage/" class="menu-link sub-menu-link">الهامش والرافعة المالية</a></li>
		<li id="menu-item-9815" 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/ar/conditions/trading-hours/" class="menu-link sub-menu-link">ساعات التداول</a></li>
		<li id="menu-item-9816" 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/ar/conditions/swap-rates/" class="menu-link sub-menu-link">معدلات التبييت</a></li>
	</ul>
</li>
	<li id="menu-item-9807" 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">المنصات</a><ul class="sub-menu">		<li id="menu-item-15049" class="sub-menu-item sub-sub-menu-item menu-item-even menu-item-depth-2 default menu-item menu-item-type-custom menu-item-object-custom"><a href="https://m4markets.site/ar/mt4/" class="menu-link sub-menu-link">MT4</a></li>
		<li id="menu-item-15050" class="sub-menu-item sub-sub-menu-item menu-item-even menu-item-depth-2 default menu-item menu-item-type-custom menu-item-object-custom"><a href="https://m4markets.site/ar/mt5/" class="menu-link sub-menu-link">MT5</a></li>
		<li id="menu-item-15051" class="sub-menu-item sub-sub-menu-item menu-item-even menu-item-depth-2 default menu-item menu-item-type-custom menu-item-object-custom"><a href="https://m4markets.site/ar/mt4-vs-mt5/" class="menu-link sub-menu-link">مقارنة MT4 وMT5</a></li>
	</ul>
</li>
</ul>
</li>
</ul>                    </nav>
				            </div>
            <div class="col-12 col-md-6 col-lg-2 footer-menu">
				                    <nav id="footer-menu-second">
						<ul id="menu-footer-menu-second-arabic" class="d-flex flex-column list-inline"><li id="menu-item-8690" class="main-menu-item  menu-item-even menu-item-depth-0 headline-1 menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"><a href="#" class="menu-link main-menu-link">الأدوات والموارد</a><ul class="sub-menu">	<li id="menu-item-8691" 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">الأدوات</a><ul class="sub-menu">		<li id="menu-item-9847" 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/ar/tools/m4markets-app/" class="menu-link sub-menu-link">تطبيق M4 موبايل</a></li>
		<li id="menu-item-9821" 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/ar/tools/social-trading/" class="menu-link sub-menu-link">التداول الاجتماعي</a></li>
		<li id="menu-item-9822" 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/ar/tools/economic-calendar/" class="menu-link sub-menu-link">التقويم الاقتصادي</a></li>
		<li id="menu-item-9823" 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/ar/tools/forex-calculators/" class="menu-link sub-menu-link">حاسبات الفوركس</a></li>
	</ul>
</li>
	<li id="menu-item-9820" 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">الموارد</a><ul class="sub-menu">		<li id="menu-item-9824" 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/ar/resources/ebooks/" class="menu-link sub-menu-link">كتب إلكترونية للتداول</a></li>
		<li id="menu-item-9825" 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/ar/resources/glossary/" class="menu-link sub-menu-link">المصطلحات</a></li>
		<li id="menu-item-9826" 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/ar/resources/video-courses/" class="menu-link sub-menu-link">دورات فيديو</a></li>
		<li id="menu-item-21202" class="sub-menu-item sub-sub-menu-item menu-item-even menu-item-depth-2 default menu-item menu-item-type-custom menu-item-object-custom"><a href="https://m4markets.site/media-ar/" class="menu-link sub-menu-link">وسائل الإعلام</a></li>
	</ul>
</li>
</ul>
</li>
</ul>                    </nav>
				            </div>
            <div class="col-12 col-md-6 col-lg-2 footer-menu">
				                    <nav id="footer-menu-third">
						<ul id="menu-footer-menu-third-arabic" class="d-flex flex-column list-inline"><li id="menu-item-8734" class="main-menu-item  menu-item-even menu-item-depth-0 headline-1 menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"><a href="#" class="menu-link main-menu-link">الشراكات</a><ul class="sub-menu">	<li id="menu-item-9827" 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/ar/partnerships/introducing-brokers/" class="menu-link sub-menu-link">وسطاء معرفون</a></li>
	<li id="menu-item-9828" 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/ar/partnerships/mam-pamm/" class="menu-link sub-menu-link">MAM/PAMM</a></li>
</ul>
</li>
<li id="menu-item-8773" 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">الحسابات</a><ul class="sub-menu">	<li id="menu-item-9829" 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/ar/accounts/trading-accounts/" class="menu-link sub-menu-link">حسابات التداول</a></li>
	<li id="menu-item-23947" 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/ar/cent-account/" class="menu-link sub-menu-link">حساب Cent</a></li>
	<li id="menu-item-9830" 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/ar/accounts/islamic-account/" class="menu-link sub-menu-link">حساب إسلامي</a></li>
	<li id="menu-item-9831" 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/ar/accounts/demo-account/" class="menu-link sub-menu-link">حساب تجريبي</a></li>
	<li id="menu-item-9832" 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/ar/accounts/dynamic-leverage-account/" class="menu-link sub-menu-link">حساب الرافعة الديناميكية</a></li>
	<li id="menu-item-9833" 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/ar/accounts/deposit-withdrawals/" class="menu-link sub-menu-link">الإيداع والسحب</a></li>
</ul>
</li>
</ul>                    </nav>
				            </div>
            <div class="col-12 col-md-6 col-lg-2 footer-menu">
				                    <nav id="footer-menu-fourth">
						<ul id="menu-footer-menu-fourth-arabic" class="d-flex flex-column list-inline"><li id="menu-item-8774" class="main-menu-item  menu-item-even menu-item-depth-0 headline-1 menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"><a href="#" class="menu-link main-menu-link">من نحن</a><ul class="sub-menu">	<li id="menu-item-9834" 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/ar/about/about-m4markets/" class="menu-link sub-menu-link">حول M4Markets</a></li>
	<li id="menu-item-9835" 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/ar/about/licences/" class="menu-link sub-menu-link">التراخيص</a></li>
	<li id="menu-item-9836" 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/ar/about/legal-documents/" class="menu-link sub-menu-link">المستندات القانونية</a></li>
	<li id="menu-item-9837" class="sub-menu-item  menu-item-odd menu-item-depth-1 default menu-item menu-item-type-post_type_archive menu-item-object-news"><a href="https://m4markets.site/ar/blog/news/" class="menu-link sub-menu-link">الأخبار</a></li>
	<li id="menu-item-9838" 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/ar/about/careers/" class="menu-link sub-menu-link">الوظائف</a></li>
	<li id="menu-item-9840" 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/ar/about/contact-us/" class="menu-link sub-menu-link">اتصل بنا</a></li>
	<li id="menu-item-9841" 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/ar/about/support-center/" class="menu-link sub-menu-link">مركز الدعم</a></li>
</ul>
</li>
<li id="menu-item-9842" 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">العروض</a><ul class="sub-menu">	<li id="menu-item-9843" 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/ar/promotions/all-promotions/" class="menu-link sub-menu-link">جميع العروض</a></li>
	<li id="menu-item-23896" 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-23199 current_page_item"><a href="https://m4markets.site/ar/loyalty-program/" class="menu-link sub-menu-link">Loyalty Program</a></li>
	<li id="menu-item-9844" 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/ar/promotions/credit-bonus/" class="menu-link sub-menu-link">بونص الائتمان</a></li>
	<li id="menu-item-9845" 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/ar/promotions/refer-a-friend/" class="menu-link sub-menu-link">دعوة صديق</a></li>
</ul>
</li>
</ul>                    </nav>
				            </div>
			                <div class="col-12 col-lg-8 offset-lg-4 social-media">
                        <span class="social-media__title">
                            تابعنا                        </span>
                    <div class="social-media__wrapper">
													                                <div class="social-media__box">
									<img src="https://m4markets.site/wp-content/uploads/2025/05/facebook.svg" class="social-media__icon" alt="" decoding="async" />									<a href="https://www.facebook.com/M4MarketsOfficial"  class="social-media__link stretched-link" target="_blank"></a>                                </div>
																				                                <div class="social-media__box">
									<img width="300" height="300" src="https://m4markets.site/wp-content/uploads/2025/05/X_icon.png" class="social-media__icon" alt="" decoding="async" />									<a href="https://x.com/m4markets_Group"  class="social-media__link stretched-link" target="_blank"></a>                                </div>
																				                                <div class="social-media__box">
									<img src="https://m4markets.site/wp-content/uploads/2025/05/instagram.svg" class="social-media__icon" alt="" decoding="async" />									<a href="https://www.instagram.com/m4markets/"  class="social-media__link stretched-link" target="_blank"></a>                                </div>
																				                                <div class="social-media__box">
									<img src="https://m4markets.site/wp-content/uploads/2025/05/linkedin.svg" class="social-media__icon" alt="" decoding="async" />									<a href="https://www.linkedin.com/company/m4markets"  class="social-media__link stretched-link" target="_blank"></a>                                </div>
																				                                <div class="social-media__box">
									<img src="https://m4markets.site/wp-content/uploads/2025/05/tiktok.svg" class="social-media__icon" alt="" decoding="async" />									<a href="https://www.tiktok.com/@m4markets_official"  class="social-media__link stretched-link" target="_blank"></a>                                </div>
																				                                <div class="social-media__box">
									<img src="https://m4markets.site/wp-content/uploads/2025/05/telegram.svg" class="social-media__icon" alt="" decoding="async" />									<a href="https://t.me/M4Markets_Official"  class="social-media__link stretched-link" target="_blank"></a>                                </div>
													                    </div>
                </div>
			            <div class="col-12 text-center footer__info">
				                    <p class="footer__info-text">
												M4Markets هو اسم تجاري مشترك لمجموعة من الكيانات بما في ذلك:
<br></br>
Trinota Markets (Global) Limited برقم تسجيل 8425037-1، وهي شركة منظمة كتاجر أوراق مالية من قبل هيئة الخدمات المالية في سيشيل برخصة رقم SD035. العنوان: مبنى JUC، المكتب رقم F4، منطقة بروفيدانس 18، ماهي، سيشيل.
<br></br>
Oryx Finance Ltd مرخصة ومنظمة من قبل سلطة دبي للخدمات المالية (DFSA)، برخصة رقم F007051 - Prudential Category 4.
<br></br>
Harindale Ltd، مرخصة ومنظمة من قبل هيئة الأوراق المالية والبورصات القبرصية (CySEC)، برخصة رقم 301/16.<br /><br />                    </p>
								                    <div class="footer__info-text">
						<p><strong>تحذير المخاطر:</strong><br />
عقود الفروقات (CFDs) هي أدوات مالية معقدة تتطلب معرفة وفهماً متقدماً. وهي عرضة لتقلبات سعرية حادة قد تؤدي إلى فقدان قيمتها بالكامل. إن التداول بهذه الأدوات ينطوي على مخاطر عالية، مع احتمال تكبد خسائر قد تتجاوز الأرباح المحتملة. وقد تؤدي المعاملات إلى خسائر غير محدودة تتجاوز المبلغ المودع لدى هذا الوسيط. لذا، يجب عليك تقييم وضعك المالي بعناية قبل اتخاذ قرار الاستثمار.</p>
<p>المعلومات الموجودة على هذا الموقع ليست موجهة للمقيمين في الولايات المتحدة الأمريكية أو كوبا أو كوريا الشمالية أو أي بلد أو ولاية قضائية يكون فيها هذا التوزيع أو الاستخدام مخالفًا للقانون أو اللوائح المحلية.</p>
<p data-start="75" data-end="118"><strong data-start="75" data-end="116">يرجى قراءة سياسة <a href="https://m4markets.site/ar/about/legal-documents/privacy-policy/">الخصوصية الخاصة بنا</a>.</strong></p>
                    </div>
				            </div>
        </div>
    </div>
									            <div id="popup_2" class="popup-modal">
                <div class="popup-modal-content background-9">
                    <h2 class="popup-modal-content-title">إعادة التوجيه إلى M4Markets أوروبا!</h2>
                    <span class="popup-modal-content-text">الموقع الذي على وشك الدخول إليه يتم تشغيله من قبل شركة Harindale Limited، وهي مرخصة ومنظمة من قبل هيئة الأوراق المالية والبورصات القبرصية (CySEC)، برقم الترخيص 301/16.</span>
                    <div class="d-flex flex-column flex-lg-row align-items-center align-items-lg-start popup-buttons">
                        <a href="https://www.m4markets.eu/?no_redirect=1"
                           class="popup-buttons-link link__secondary">المتابعة على M4Markets أوروبا</a>
                        <div>
                            <a href="#" class="popup-buttons-link link__four">البقاء على M4Markets سيشيل</a>
							                        </div>
                    </div>
                </div>
            </div>
								            <div id="popup_3" class="popup-modal">
                <div class="popup-modal-content background-9">
                    <h2 class="popup-modal-content-title">إعادة التوجيه إلى M4Markets دبي!</h2>
                    <span class="popup-modal-content-text">الموقع الذي على وشك الدخول إليه يتم تشغيله من قبل شركة Oryx Finance Limited، وهي شركة مرخصة ومنظمة من قبل سلطة دبي للخدمات المالية (DFSA) برقم الترخيص F007051 – الترخيص من الفئة 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">المتابعة على M4Markets دبي</a>
                        <div>
                            <a href="#" class="popup-buttons-link link__four">البقاء على M4Markets سيشيل</a>
							                        </div>
                    </div>
                </div>
            </div>
				
		
</footer>
<svg display="none" xmlns="http://www.w3.org/2000/svg">
    <symbol id="arrow-down" viewBox="0 0 15 15">
        <path fill-rule="evenodd" clip-rule="evenodd" d="M14.2266 2.12095L3.61996 12.7276L1.49864 10.6062L12.1052 -0.000369257L14.2266 2.12095Z"  />
        <path fill-rule="evenodd" clip-rule="evenodd" d="M12.8981 14.2275L-0.0013628 14.2275L-0.00136254 11.2275L12.8981 11.2275L12.8981 14.2275Z"  />
        <path fill-rule="evenodd" clip-rule="evenodd" d="M2.99866 1.32804L2.99866 14.2275L-0.0013628 14.2275L-0.00134165 1.32804L2.99866 1.32804Z"  />
    </symbol>
    <symbol id="arrow-up" viewBox="0 0 64 64">
        <path fill-rule="evenodd" clip-rule="evenodd" d="M24.7734 36.879L35.38 26.2724L37.5014 28.3938L26.8948 39.0004L24.7734 36.879Z" />
        <path fill-rule="evenodd" clip-rule="evenodd" d="M26.1019 24.7725L39.0014 24.7725L39.0014 27.7725L26.1019 27.7725L26.1019 24.7725Z" />
        <path fill-rule="evenodd" clip-rule="evenodd" d="M36.0013 37.672L36.0013 24.7725L39.0014 24.7725L39.0013 37.672L36.0013 37.672Z" />
    </symbol>
    <symbol id="search" viewBox="0 0 16 16">
        <path fill-rule="evenodd" clip-rule="evenodd" d="M10.9566 10.9566C12.9873 8.92596 12.9873 5.6336 10.9566 3.60294C8.92596 1.57227 5.6336 1.57227 3.60294 3.60294C1.57227 5.6336 1.57227 8.92596 3.60294 10.9566C5.6336 12.9873 8.92596 12.9873 10.9566 10.9566ZM12.4274 12.4274C15.2703 9.58443 15.2703 4.97513 12.4274 2.1322C9.58443 -0.710733 4.97513 -0.710733 2.1322 2.1322C-0.710733 4.97513 -0.710733 9.58443 2.1322 12.4274C4.97513 15.2703 9.58443 15.2703 12.4274 12.4274Z"/>
        <path fill-rule="evenodd" clip-rule="evenodd" d="M12.0597 10.5889L15.7365 14.2658L14.2658 15.7365L10.5889 12.0597L12.0597 10.5889Z"/>
    </symbol>
    <symbol id="search" viewBox="0 0 16 16">
        <path fill-rule="evenodd" clip-rule="evenodd" d="M10.9566 10.9566C12.9873 8.92596 12.9873 5.6336 10.9566 3.60294C8.92596 1.57227 5.6336 1.57227 3.60294 3.60294C1.57227 5.6336 1.57227 8.92596 3.60294 10.9566C5.6336 12.9873 8.92596 12.9873 10.9566 10.9566ZM12.4274 12.4274C15.2703 9.58443 15.2703 4.97513 12.4274 2.1322C9.58443 -0.710733 4.97513 -0.710733 2.1322 2.1322C-0.710733 4.97513 -0.710733 9.58443 2.1322 12.4274C4.97513 15.2703 9.58443 15.2703 12.4274 12.4274Z"/>
        <path fill-rule="evenodd" clip-rule="evenodd" d="M12.0597 10.5889L15.7365 14.2658L14.2658 15.7365L10.5889 12.0597L12.0597 10.5889Z"/>
    </symbol>
    <symbol id="tab-arrow-down" viewBox="0 0 12 9">
        <path d="M6 8L11 1L0.999999 1L6 8Z" stroke-opacity="0.09" stroke-linecap="square" />
   </symbol>
    <symbol id="log-in" viewBox="0 0 10 16">
        <path d="M4.99666 6.33318C6.53086 6.33318 7.77458 5.08946 7.77458 3.55526C7.77458 2.02106 6.53086 0.777344 4.99666 0.777344C3.46246 0.777344 2.21875 2.02106 2.21875 3.55526C2.21875 5.08946 3.46246 6.33318 4.99666 6.33318Z"  />
        <path fill-rule="evenodd" clip-rule="evenodd" d="M10 11.333V14.6664C10 14.8136 9.94167 14.9553 9.83722 15.0592C9.73333 15.1636 9.59167 15.2219 9.44444 15.2219H0.555556C0.408333 15.2219 0.266666 15.1636 0.162777 15.0592C0.0583329 14.9553 0 14.8136 0 14.6664V11.333C0 9.18526 1.74111 7.44415 3.88889 7.44415H6.11111C8.25889 7.44415 10 9.18526 10 11.333Z"  />
    </symbol>
    <symbol id="address" viewBox="0 0 20 26">
        <path d="M10.0001 0C7.31199 0.0343612 4.74801 1.07743 2.87191 2.8998C0.997019 4.72212 -0.036512 7.17501 0.000985865 9.71897C0.000985865 14.0464 6.49981 22.464 9.02507 25.55C9.26178 25.8348 9.62387 26 10.0059 26C10.389 26 10.75 25.8348 10.9878 25.55C13.5002 22.464 19.999 14.0464 19.999 9.71897C20.0365 7.17507 19.003 4.72214 17.1281 2.8998C15.252 1.07749 12.6883 0.0343356 10.0001 0ZM10.0001 13.3603C8.65603 13.3414 7.37526 12.8193 6.43781 11.9082C5.50036 10.997 4.98358 9.77218 4.99999 8.50071C4.99999 6.81143 5.95385 5.24961 7.50062 4.40484C9.04739 3.56018 10.9528 3.56018 12.4995 4.40484C14.0463 5.24949 15.0002 6.81131 15.0002 8.50071C15.0166 9.77212 14.4998 10.997 13.5623 11.9082C12.6249 12.8193 11.3442 13.3414 10.0001 13.3603Z" />
    </symbol>
    <symbol id="icon-open" viewBox="0 0 28 28">
        <path d="M14 1L14 27" stroke-linecap="round" />
        <path d="M1 14L26.9982 14.3072" stroke-linecap="round" />
    </symbol>
</svg><script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/ar/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/m4markets/*","/ar/*\\?(.+)"]}},{"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('6jmxowbc', 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>