Become an Affiliate
Join the Axi forex Affiliate program and earn up to $1,200 USD CPA per qualified client
Sign up now
.affiliateHeroSection{
width:100%;
margin:0;
}
/* HERO */
.affiliateHeroSection .affiliate-hero{
width:100%;
min-height:520px;
background-image:url('https://aximedia.s3.amazonaws.com/rebrand-prod/pugdzjtp/dekstop-hero-1.png');
background-size:cover;
background-position:center;
background-repeat:no-repeat;
display:flex;
align-items:center;
position:relative;
overflow:hidden;
}
.affiliateHeroSection .affiliate-hero-content{
position:relative;
z-index:2;
max-width:1200px;
margin:0 auto;
width:100%;
padding:80px 20px;
box-sizing:border-box;
}
@media (min-width:769px){
.affiliateHeroSection h1,
.affiliateHeroSection .affiliate-hero-subtitle,
.affiliateHeroSection .affiliate-hero-btn,
.affiliateHeroSection .affiliate-trust{
max-width:560px;
}
}
.affiliateHeroSection h1{
font-size:52px;
font-weight:800;
color:#fff;
margin:0 0 16px;
line-height:1.1;
}
.affiliate-hero-subtitle{
font-size:20px;
color:#fff;
margin:0 0 28px;
line-height:1.45;
}
.affiliate-hero-btn{
display:inline-flex;
align-items:center;
justify-content:center;
background:#F3D36A;
color:#000;
font-weight:700;
padding:14px 28px;
border-radius:8px;
text-decoration:none;
margin-bottom:24px;
}
.affiliateHeroSection a:hover{
text-decoration: none !important;
color:#000 !important;
}
.affiliate-trust{
margin-top:10px;
}
.trustpilot-desktop{
width:405px;
height:24px;
}
.trustpilot-mobile{
display:none;
}
/* MOBILE */
@media(max-width:768px){
.affiliateHeroSection .affiliate-hero{
min-height:auto;
background-image:url('https://aximedia.s3.amazonaws.com/rebrand-prod/nmmncu41/mobile-3-1.png');
}
.affiliateHeroSection .affiliate-hero-content{
padding:60px 18px 50px;
text-align:center;
}
.affiliateHeroSection h1{
font-size: 40px;
}
.affiliate-hero-subtitle{
font-size:16px;
}
.trustpilot-desktop{
display:none;
}
.trustpilot-mobile{
display:block;
width:210px;
height:54px;
margin:0 auto;
}
}
Explore your earning potential
Use the sliders to estimate your potential earnings from referring clients to Axi.
$600
Earn up to USD $1,200 CPA per qualified client*
10%
Sub-Affiliate commission
Become a Master Affiliate and receive a flat 10% commission on all of your Sub-Affiliate's earnings
Full suite of trading solutions
Axi Select
Trade with Axi funds, up to $1 million in capital available
Axi Trading Platform
Axi's proprietary trading platform on mobile and web
Axi Copy Trading
Copy strategies from accomplished signal providers
MetaTrader 4
The world's most popular platform for trading CFDs
MetaTrader 5
Trade beyond forex with a truly multi-asset platform
Start referring now
.tradingSolutionsSection {
max-width: 1240px;
margin: 0 auto;
text-align: center;
padding: 70px 15px;
}
.tradingSolutionsSection .ts-title {
font-size: 40px;
font-weight: 500;
margin-bottom: 40px !important;
}
.tradingSolutionsSection .ts-grid-wrapper {
overflow: visible;
}
.tradingSolutionsSection .ts-grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 0;
}
.tradingSolutionsSection .ts-item {
text-align: left;
padding: 16px 20px;
border-left: 1px solid #e0e0e0;
}
.tradingSolutionsSection .ts-item:first-child {
border-left: none;
}
.tradingSolutionsSection .ts-item img {
width: 64px;
height: 64px;
object-fit: contain;
display: block;
margin-bottom: 16px;
border-radius: 12px;
}
.tradingSolutionsSection .ts-item h3 {
font-size: 18px;
font-weight: 700;
margin-bottom: 8px;
color: #1a1a1a;
}
.tradingSolutionsSection .ts-item p {
font-size: 14px;
color: #666;
line-height: 22px;
}
.tradingSolutionsSection .ts-btn {
display: inline-block;
padding: 14px 40px;
background:#F3D36A;
color:#000;
font-weight:700;
border-radius: 6px;
text-decoration: none;
font-size: 16px;
margin-top: 48px;
transition: background 0.2s ease;
}
.tradingSolutionsSection a:hover{
text-decoration: none !important;
color:#000 !important;
}
@media (max-width: 768px) {
.tradingSolutionsSection {
padding: 30px 10px;
}
.tradingSolutionsSection .ts-title {
font-size: 28px;
margin-bottom: 32px !important;
}
.tradingSolutionsSection .ts-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0;
}
.tradingSolutionsSection .ts-item {
text-align: center;
border-left: none;
padding: 10px;
}
.tradingSolutionsSection .ts-item h3 {
font-size: 14px;
}
.tradingSolutionsSection .ts-item p {
font-size: 12px;
}
.tradingSolutionsSection .ts-item img {
margin: 0 auto 16px;
}
.tradingSolutionsSection .ts-item:last-child {
grid-column: 1 / -1;
max-width: 200px;
margin: 0 auto;
}
.tradingSolutionsSection .ts-btn {
margin-top: 32px;
}
}
Our Affiliate Edge
Monetise any traffic
From SEO and paid ads to influencers and media buyers. Promote trading across FX, crypto, commodities, shares and indices.
Fast withdrawals
Quickly withdraw your CPA revenue. Crypto and local payment methods available.
Real-time statisticsBy CellXpert
Detailed stats and daily reports on the No. 1 affiliate platform.
Premium account management
Work with a dedicated account manager. Access 24/7 support in your language.
Receive payouts every 2 weeks
CPA and Sub-Affiliate commissions are paid out biweekly. Access your earnings on a consistent schedule.
.affiliateEdgeSection {
width: 100%;
padding: 70px 0;
}
.affiliateEdgeInner {
max-width: 1240px;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box;
text-align: center;
}
.affiliateEdgeTitle {
font-size: 40px;
margin: 0 0 40px !important;
}
.affiliateEdgeGrid {
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 22px;
text-align: left;
}
.edgeCard {
background: #FAF9F8;
border: 1px solid #EEE9E3;
border-radius: 14px;
padding: 40px;
box-sizing: border-box;
overflow: hidden;
}
.affiliateEdgeSection .edgeCard h3 {
font-size: 24px !important;
font-weight: 800;
margin: 0 0 16px !important;
}
.affiliateEdgeSection .edgeCard p {
font-size: 18px !important;
line-height: 1.55;
margin: 0;
}
/* TALL CARDS */
.edgeCard--tall {
grid-column: span 2;
padding: 0;
display: flex;
flex-direction: column;
}
.edgeCard--tall-text {
padding: 18px 22px 22px;
flex: 1;
}
/* Cards 1 & 3: image with top+left padding */
.edgeMedia--padded {
height: 325px;
overflow: hidden;
border-radius: 14px 14px 0 0;
background: #FAF9F8;
display: flex;
align-items: flex-start;
justify-content: center;
padding-top: 40px;
padding-left: 40px;
box-sizing: border-box;
}
.edgeMedia--padded img {
width: 358px;
height: 325px;
object-fit: contain;
object-position: right top;
display: block;
flex-shrink: 0;
}
/* Card 2: flush top */
.edgeMedia--flushTop {
width: 100%;
height: 325px;
overflow: hidden;
border-radius: 14px 14px 0 0;
display: flex;
align-items: flex-start;
justify-content: center;
}
.edgeMedia--flushTop img {
width: 358px;
height: 325px;
object-fit: cover;
object-position: top center;
display: block;
flex-shrink: 0;
}
.edgeBy {
font-weight: 800;
}
/* WIDE CARDS */
.edgeCard--wide {
grid-column: span 3;
display: flex;
gap: 14px;
}
.edgeIcon {
width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.edgeIcon img {
width: 44px;
height: 44px;
object-fit: contain;
display: block;
}
.edgeText {
flex: 1;
}
/* ROW 3 CARDS */
.edgeCard--mediaWide {
display: flex;
flex-direction: column;
padding: 0;
overflow: hidden;
}
.edgeCard--mediaWide .edgeMedia--big {
height: 250px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
margin-bottom: 0;
}
.edgeCard--mediaWide .edgeMedia--big img {
width: 500px;
height: 250px;
object-fit: contain;
display: block;
flex-shrink: 0;
}
.edgeCard--row3-text {
padding: 18px 22px 22px;
}
.edgeMedia--big {
height: 170px;
margin-bottom: 16px;
overflow: hidden;
}
.edgeMedia--big img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
}
.affiliateEdgeCtaWrap {
display: flex;
justify-content: center;
margin-top: 28px;
}
.affiliateEdgeCta {
background: #F3D36A;
color: #000;
text-decoration: none;
font-weight: 700;
padding: 12px 22px;
border-radius: 8px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.affiliateEdgeSection a:hover {
text-decoration: none !important;
color: #000 !important;
}
/* MOBILE */
@media(max-width: 768px) {
.affiliateEdgeSection {
padding: 30px 0;
}
.affiliateEdgeInner {
padding: 0 18px;
}
.affiliateEdgeTitle {
font-size: 28px !important;
margin-bottom: 32px !important;
}
.affiliateEdgeGrid {
grid-template-columns: 1fr;
text-align: left;
}
.edgeCard--tall,
.edgeCard--wide {
grid-column: auto;
}
.edgeCard--wide {
display: flex;
flex-direction: column;
text-align: left;
}
.edgeMedia--padded {
height: 220px;
padding-top: 30px;
padding-left: 30px;
}
.edgeMedia--flushTop {
height: 240px;
}
.edgeMedia--flushTop img {
width: 100%;
height: 240px;
}
.edgeCard--mediaWide .edgeMedia--big {
height: 180px;
}
.edgeCard--mediaWide .edgeMedia--big img {
width: 100%;
height: 180px;
}
.edgeMedia--big {
height: 150px;
}
.affiliateEdgeSection .edgeCard h3 {
font-size: 20px !important;
}
.affiliateEdgeSection .edgeCard p {
font-size: 16px !important;
}
}
How do I get started?
STEP 1
Register
Complete your registration with our online form.
STEP 2
Access
Gain access to the Partner platform.
STEP 3
Refer
Share your referral link and start referring clients.
STEP 4
Earn
Earn from every trader that joins Axi via your link.
.stepsSection{
width:100%;
padding:70px 0 50px;
background:#FAF9F8;
}
.stepsInner{
max-width:1240px;
margin:0 auto;
padding:0 20px;
box-sizing:border-box;
}
.stepsTitle{
text-align:center;
font-size:40px;
font-weight:700;
line-height:1.15;
color:#000;
margin:0 0 36px;
}
.stepsGrid{
display:grid;
grid-template-columns:repeat(4, 1fr);
gap:22px;
}
.stepCard{
background:#fff;
border-radius:10px;
border: 1px solid #EEE9E3;
padding:28px 18px 32px;
min-height:240px;
box-sizing:border-box;
text-align:left;
}
.stepLabel{
font-size:12px;
line-height:1;
letter-spacing:0.08em;
font-weight:700;
color: #FC404D;
margin-bottom:42px;
text-transform:uppercase;
}
.stepCard h3{
font-size:18px;
font-weight:800;
line-height:1.25;
color:#000;
margin:0 0 10px;
}
.stepCard p{
font-size:16px;
line-height:1.5;
color:#4F4F4F;
margin:0;
max-width:220px;
}
/* MOBILE */
@media(max-width:768px){
.stepsSection{
padding:54px 0 40px;
}
.stepsInner{
padding:0 18px;
}
.stepsTitle{
font-size:28px;
margin-bottom:24px;
}
.stepsGrid{
grid-template-columns:1fr;
gap:14px;
}
.stepCard{
min-height:auto;
padding:22px 16px 24px;
}
.stepLabel{
margin-bottom:26px;
}
.stepCard h3{
font-size:18px;
}
.stepCard p{
font-size:15px;
max-width:none;
}
}
.formSection .enquiry-form.slantbg-beige{
background-color: #fcfbfa !important;
}
(min-width: 992px) {
.formSection .vertical-form form .captcha-field, [class*=div-form] form .captcha-field {
margin-top: 0 !important;
}
}
@media (min-width: 768px) {
.formSection .vertical-form form .captcha-field, [class*=div-form] form .captcha-field {
margin-top: 0 !important;
}
}
High-conversion marketing materials
Work with a full library of banners, landing pages, and lead generation forms,
supported by deep links and integration tools.
.marketingHeroSection{
width:100%;
position:relative;
overflow:hidden;
min-height:420px;
background-image:url("https://aximedia.s3.amazonaws.com/rebrand-prod/2o2bquki/marketing-banner-1.png");
background-size:cover;
background-position:center;
background-repeat:no-repeat;
margin: 70px 0;
}
.marketingHeroInner{
position:relative;
z-index:2;
min-height:420px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-align:center;
padding:80px 20px;
color:#fff;
}
.mh-title{
font-size:40px;
font-weight:500;
margin-bottom:16px;
line-height:1.2;
}
.mh-subtitle{
font-size:18px;
max-width:720px;
line-height:1.6;
}
@media (max-width:768px){
.marketingHeroSection{
min-height:540px;
background-image:url("https://aximedia.s3.amazonaws.com/rebrand-prod/p0mp4ojw/marketing-mobile-banner-1.png");
margin: 30px 0;
}
.marketingHeroInner{
min-height:540px;
padding:60px 25px;
}
.mh-title{
font-size:28px;
}
.mh-subtitle{
font-size:16px;
}
}
Where traders gain their edge
1200+ global markets
Forex, metals, indices, ETFs & shares
3 crypto trading options
CFDs on MT4/5 + Spot & Perpetual Futures on the Axi Trading Platform
Copy Trading & funded trader program (Axi Select)
Options for traders of all experience levels
Tight average spreads & fast execution
29 ms median latency
24/7 multilingual support
Around-the-clock assistance
Flexible local payments
Wide range of deposit & withdrawal methods
.tradersEdgeOuter{
width:100%;
padding: 70px 0;
}
.tradersEdgeSection{
width:1250px;
max-width:calc(100% - 40px);
margin:0 auto;
padding:56px 29px 41px 68px;
background:#faf8f6;
border:1px solid #C6BAAF;
border-radius:20px;
position:relative;
overflow:hidden;
box-sizing:border-box;
}
.tradersEdgeSection:after{
content:"";
position:absolute;
right:0;
bottom:0;
width:600px;
height:370px;
background-image:url("https://aximedia.s3.amazonaws.com/rebrand-prod/hicfxijb/frame-2147231472.png");
background-repeat:no-repeat;
background-size:contain;
background-position:right bottom;
opacity:1;
pointer-events:none;
z-index:0;
}
.edge-title,
.edge-grid{
position:relative;
z-index:2;
}
.edge-title{
text-align:center;
font-size:40px;
font-weight:600;
margin:0 0 40px !important;
}
/* GRID */
.edge-grid{
display:grid;
grid-template-columns:1fr 440px;
gap: 56px;
align-items:stretch;
}
/* LEFT */
.edge-left{
display:flex;
flex-direction:column;
gap:18px;
}
/* CARDS */
.edge-card{
display:flex;
align-items:flex-start;
gap:16px;
background:#f1eeeb;
border:1px solid #e4dfda;
border-radius:12px;
padding: 14px 17px;
}
.edge-icon{
width:42px;
height:42px;
border-radius:8px;
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
}
.edge-icon img{
width: 40px;
height: 40px;
}
/* TEXT */
.edge-text h3{
font-size:18px;
margin:0 0 4px;
font-weight:700;
color:#1a1a1a;
}
.edge-text p{
font-size:16px;
color:#666;
margin:0;
}
.edge-right{
display: flex;
justify-content: center;
align-items: flex-end;
margin-bottom: -55px;
}
.edge-right img{
width:260px;
height:600px;
object-fit:contain;
display:block;
}
/* MOBILE */
@media (max-width:768px){
.tradersEdgeOuter{
padding: 30px 0;
}
.tradersEdgeSection{
width:100%;
max-width:calc(100% - 28px);
padding:50px 20px;
border-radius:20px;
}
.edge-title{
font-size:28px;
margin-bottom:32px !important;
}
.edge-grid{
grid-template-columns:1fr;
gap:26px;
}
.edge-right{
display:none;
}
.edge-card{
flex-direction: column;
}
.edge-text h3{
font-size:16px;
}
.edge-text p{
font-size:14px;
}
}
Frequently asked questions
What is the difference between a Master Affiliate and Sub-Affiliate?
+
Understanding the difference between a Master Affiliate and a Sub-Affiliate can help you choose the best path for your affiliate journey with Axi.
Master Affiliate
Sub Affiliate
A Master Affiliate refers potential affiliates to Axi, who may then go on to refer clients themselves.
A person or entity referred to the program by a Master Affiliate who then refers their own clients to Axi.
Uses a unique affiliate link to make referrals.
Can refer clients to Axi using their own marketing methods.
Can refer clients to Axi using their own marketing methods.
The Master Affiliate can earn a commission on the earnings of their Sub-affiliates.
You can find out more about the Affiliate Program here .
What does CPA mean?
+
CPA means "cost per acquisition". It's a measure of the cost of getting a new client or customer.
Is CPA a one-time payment?
+
Yes, CPA is a one-time payment. However, it's important for your referred clients to remain active and continue trading, as this may result in further opportunities for you. If you need further details, please contact your Account Manager
What volume is required to trigger CPA/Commission?
+
To qualify for your CPA/commission , your clients need to reach a 400k standard volume . Once you hit that, you'll start earning commissions. For further details, feel free to contact your Account Manager .
.faqSection {
width: 100%;
padding: 70px 0;
box-sizing: border-box;
}
.faqInner {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box;
width: 100%;
}
.faqTitle {
text-align: center;
font-size: 40px;
font-weight: 700;
margin: 0 0 40px !important;
}
.faqGrid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;
width: 100%;
box-sizing: border-box;
}
.faqCol {
display: flex;
flex-direction: column;
gap: 14px;
min-width: 0;
}
.faqItem {
border: 1px solid #F0EBE3;
background: #F0EBE3;
border-radius: 0;
overflow: hidden;
box-sizing: border-box;
min-width: 0;
}
.faqQ {
width: 100%;
padding: 16px 18px;
display: flex;
justify-content: space-between;
align-items: center;
gap: 16px;
background: transparent;
border: 0;
text-align: left;
font-size: 14px;
font-weight: 600;
color: #1a1a1a;
cursor: pointer;
box-sizing: border-box;
}
.faqIcon {
font-size: 22px;
line-height: 1;
font-weight: 400;
color: #1a1a1a;
flex-shrink: 0;
}
.faqA {
max-height: 0;
overflow: hidden;
background: #fff;
transition: max-height 0.35s ease;
}
.faqAInner {
padding: 14px 18px 18px;
font-size: 14px;
line-height: 1.6;
color: #6B6B6B;
border-top: 1px solid #EEE9E3;
box-sizing: border-box;
width: 100%;
}
.faqTableWrap {
width: 100%;
overflow: hidden;
box-sizing: border-box;
margin: 12px 0;
}
.faqTable {
width: 100% !important;
max-width: 100% !important;
table-layout: fixed !important;
border-collapse: collapse !important;
border-spacing: 0 !important;
}
.faqTable th,
.faqTable td {
width: 50% !important;
padding: 8px 10px !important;
font-size: 13px !important;
line-height: 1.5 !important;
vertical-align: top !important;
border: 1px solid #EEE9E3 !important;
word-wrap: break-word !important;
overflow-wrap: break-word !important;
white-space: normal !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
.faqTable th {
font-weight: 600 !important;
color: #1a1a1a !important;
background: #f9f6f3 !important;
}
.faqTable td {
color: #6B6B6B !important;
}
.faqItem.is-open .faqA {
max-height: 700px;
}
.faqItem.is-open .faqIcon {
transform: rotate(45deg);
transition: transform 0.2s ease;
}
@media(max-width: 768px) {
.faqSection {
padding: 30px 0;
}
.faqInner {
padding: 0 18px;
}
.faqTitle {
font-size: 28px;
margin-bottom: 32px !important;;
}
.faqGrid {
grid-template-columns: 1fr;
gap: 14px;
}
.faqQ {
font-size: 14px;
padding: 16px;
}
}
More ways to partner with us
Not sure what's right for you? Choose a different model that fits your business.
Introducing Broker (IB) Partner
Earn up to 55% of our revenue
Earn ongoing commission based on your clients' trading activity, with tools and reporting
to help you support and retain active traders.
Learn more
Hybrid Partner
Earn up to $300 per client and up to 40% of revenue on every trade
Combine a one-time payout with steady long-term income. Bespoke deals available.
Learn more
.partnerWaysSection{
width:100%;
padding:70px 0 64px;
}
.partnerWaysInner{
max-width:1100px;
margin:0 auto;
padding:0 20px;
box-sizing:border-box;
text-align:center;
}
.partnerWaysTitle{
font-size:40px;
font-weight:700;
margin:0 0 10px;
line-height:1.12;
color:#1a1a1a;
}
.partnerWaysSubtitle{
font-size:16px;
margin:0 0 26px;
line-height:1.5;
color:#1a1a1a;
}
.partnerWaysGrid{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:22px;
align-items:stretch;
}
.partnerCard{
border:1px solid #C6BAAF;
border-radius:20px;
background:#fff;
padding:34px 30px 28px;
box-sizing:border-box;
text-align:center;
display:flex;
flex-direction:column;
justify-content:space-between;
min-height:390px;
}
.partnerCardTop{
background:#FAF9F8;
border-radius:12px;
padding:26px 22px;
margin-bottom:34px;
min-height:126px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
.partnerCardTop h3{
font-size:24px;
font-weight:800;
margin:0 0 10px;
line-height:1.22;
color:#1a1a1a;
}
.partnerCardTopSub{
font-size:16px;
margin:0;
font-weight:600;
line-height:1.45;
color:#1a1a1a;
}
.partnerCardBody{
font-size:16px;
margin:0 auto 34px;
line-height:1.55;
max-width:430px;
color:#4f4f4f;
}
.partnerCardBtn{
display:inline-flex;
align-items:center;
justify-content:center;
width:268px;
max-width:100%;
margin:0 auto;
background:#F3D36A;
color:#000;
text-decoration:none;
font-weight:700;
font-size:14px;
padding:14px 18px;
border-radius:8px;
}
.partnerWaysSection a:hover{
text-decoration:none !important;
color:#000 !important;
}
@media(max-width:768px){
.partnerWaysSection{
padding:30px 0 36px;
}
.partnerWaysInner{
padding:0 18px;
}
.partnerWaysTitle{
font-size:28px;
margin-bottom:8px;
}
.partnerWaysSubtitle{
font-size:16px;
margin-bottom:22px;
max-width:280px;
margin-left:auto;
margin-right:auto;
}
.partnerWaysGrid{
grid-template-columns:1fr;
gap:20px;
}
.partnerCard{
padding:18px 18px 20px;
border-radius:18px;
min-height:auto;
}
.partnerCardTop{
padding:22px 16px;
margin-bottom:24px;
min-height:116px;
}
.partnerCardTop h3{
font-size:18px;
margin-bottom:8px;
}
.partnerCardTopSub{
font-size:14px;
}
.partnerCardBody{
font-size:16px;
max-width:320px;
margin-bottom:22px;
}
.partnerCardBtn{
width:100%;
}
}
.gallerySection{
width:100%;
padding:40px 0;
overflow:hidden;
}
.galleryTrack{
overflow-x:auto;
overflow-y:hidden;
width:100%;
scroll-snap-type:x mandatory;
-webkit-overflow-scrolling:touch;
scrollbar-width:none;
cursor:grab;
}
.galleryTrack::-webkit-scrollbar{
display:none;
}
.galleryTrack:active{
cursor:grabbing;
}
.galleryList{
display:flex;
gap:22px;
padding:10px 40px;
box-sizing:border-box;
width:max-content;
}
.galleryItem{
flex:0 0 auto;
width:370px;
height:260px;
border-radius:20px;
overflow:hidden;
scroll-snap-align:center;
}
.galleryItem img{
width:100%;
height:100%;
object-fit:cover;
display:block;
border-radius:20px;
}
.galleryDots{
display:flex;
justify-content:center;
gap:8px;
margin-top:18px;
}
.galleryDot{
width:10px;
height:10px;
border-radius:50%;
background:#D9D9D9;
border:none;
padding:0;
cursor:pointer;
}
.galleryDot.is-active{
background:#FC404D;
}
@media(max-width:768px){
.gallerySection{
padding:30px 0;
}
.galleryList{
gap:14px;
padding:10px 18px;
}
.galleryItem{
width:300px;
height:220px;
border-radius:18px;
}
.galleryItem img{
border-radius:18px;
}
}
