Become an Introducing Broker
Refer active traders as a forex Introducing Broker (IB), receive daily payouts and earn up to 55% revenue share
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/bivhuptr/dekstop-hero-2-1.png');
background-size:cover;
background-position:center;
background-repeat:no-repeat;
display:flex;
align-items:center;
position:relative;
overflow:hidden;
}
/* CONTENT */
.affiliateHeroSection .affiliate-hero-content{
position:relative;
z-index:2;
max-width:1200px;
margin:0 auto;
width:100%;
padding:80px 20px;
box-sizing:border-box;
}
/* Desktop text column width */
@media (min-width:769px){
.affiliateHeroSection h1,
.affiliateHeroSection .affiliate-hero-subtitle,
.affiliateHeroSection .affiliate-hero-btn,
.affiliateHeroSection .affiliate-trust,
.affiliateHeroSection .affiliate-powered{
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;
}
/* BUTTON */
.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;
}
/* TRUSTPILOT */
.affiliate-trust{
margin-top:10px;
}
.trustpilot-desktop{
width:405px;
height:24px;
}
.trustpilot-mobile{
display:none;
}
@media(max-width:768px){
.affiliateHeroSection .affiliate-hero{
min-height:auto;
background-image:url('https://aximedia.s3.amazonaws.com/rebrand-prod/xqrmec33/mobile-4-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.
Number of introduced clients
Expected lots traded per client
Choose the number of months
Total commission
Your Partner Portal
Access powerful tools that support your growth
Monitor client activity
Through aggregate and historical rebate balances
Identify high-value traders
Track your top clients and nurture star performers
Optimise your earnings
Build a successful commission-based referral business.
.partnerPortalSection {
width: 100%;
padding: 70px 0;
}
.partnerPortalInner {
max-width: 1240px;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box;
text-align: center;
}
.partnerPortalTitle {
font-size: 40px !important;
font-weight: 700;
margin: 0 0 8px;
line-height: 1.15;
}
.partnerPortalSub {
font-size: 16px;
margin: 0 0 40px !important;
line-height: 1.5;
}
.partnerPortalGrid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 22px;
align-items: stretch;
}
.ppCard {
background: #FAF9F8;
border: 1px solid #EEE9E3;
border-radius: 18px;
box-sizing: border-box;
text-align: left;
overflow: hidden;
display: flex;
flex-direction: column;
padding: 0;
}
/* Card 1 - flush left, top padding */
.ppCard--flushLeft .ppCardMedia--flushLeft {
width: 100%;
height: 330px;
overflow: hidden;
display: flex;
align-items: flex-end;
justify-content: flex-start;
flex-shrink: 0;
padding-top: 30px;
box-sizing: border-box;
}
.ppCard--flushLeft .ppCardMedia--flushLeft img {
width: 370px;
height: 300px;
object-fit: contain;
object-position: left bottom;
display: block;
flex-shrink: 0;
}
/* Card 2 - center, top padding */
.ppCard--center .ppCardMedia--center {
width: 100%;
height: 330px;
overflow: hidden;
display: flex;
align-items: flex-end;
justify-content: center;
flex-shrink: 0;
padding-top: 30px;
box-sizing: border-box;
}
.ppCard--center .ppCardMedia--center img {
width: 370px;
height: 300px;
object-fit: contain;
display: block;
flex-shrink: 0;
}
/* Card 3 - flush right, top padding */
.ppCard--flushRight .ppCardMedia--flushRight {
width: 100%;
height: 330px;
overflow: hidden;
display: flex;
align-items: flex-end;
justify-content: flex-end;
flex-shrink: 0;
padding-top: 30px;
box-sizing: border-box;
}
.ppCard--flushRight .ppCardMedia--flushRight img {
width: 370px;
height: 300px;
object-fit: contain;
object-position: right bottom;
display: block;
flex-shrink: 0;
}
.ppCardTitle {
font-size: 24px !important;
font-weight: 800;
margin: 0 0 10px;
line-height: 1.2;
padding: 18px 22px 0;
}
.ppCardText {
font-size: 18px !important;
margin: 0;
line-height: 1.55;
padding: 0 22px 22px;
}
.partnerPortalCtaWrap {
display: flex;
justify-content: center;
margin-top: 34px;
}
.partnerPortalCta {
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;
min-width: 210px;
}
.partnerPortalSection a:hover {
text-decoration: none !important;
color: #000 !important;
}
/* MOBILE */
@media(max-width: 768px) {
.partnerPortalSection {
padding: 30px 0;
}
.partnerPortalInner {
padding: 0 18px;
}
.partnerPortalTitle {
font-size: 28px !important;
margin-bottom: 8px;
}
.partnerPortalSub {
margin-bottom: 32px !important;
}
.partnerPortalGrid {
grid-template-columns: 1fr;
gap: 16px;
text-align: left;
}
.ppCard--flushLeft .ppCardMedia--flushLeft,
.ppCard--center .ppCardMedia--center,
.ppCard--flushRight .ppCardMedia--flushRight {
height: 220px;
align-items: center;
padding: 0;
padding-top: 0;
}
.ppCard--flushLeft .ppCardMedia--flushLeft {
justify-content: flex-start;
}
.ppCard--center .ppCardMedia--center {
justify-content: center;
}
.ppCard--flushRight .ppCardMedia--flushRight {
justify-content: flex-end;
}
.ppCard--flushLeft .ppCardMedia--flushLeft img,
.ppCard--center .ppCardMedia--center img,
.ppCard--flushRight .ppCardMedia--flushRight img {
width: 100%;
height: 220px;
object-fit: cover;
flex-shrink: unset;
}
.ppCard--flushLeft .ppCardMedia--flushLeft img {
object-position: left top;
}
.ppCard--center .ppCardMedia--center img {
object-position: center top;
}
.ppCard--flushRight .ppCardMedia--flushRight img {
object-position: right top;
}
.ppCardTitle {
font-size: 20px !important;
padding: 14px 18px 0;
}
.ppCardText {
font-size: 16px !important;
padding: 0 18px 18px;
}
.partnerPortalCtaWrap {
margin-top: 22px;
}
.partnerPortalCta {
width: 100%;
}
}
IB Loyalty Programme
Hit your referral targets to win premium prizes every quarter.
Luxury Car
500 BLN USD in lifetime trading volume
20 active clients in the last 3 months
$300,000 prize value
Luxury Watch
10 BLN USD in lifetime trading volume
10 active clients in the last 3 months
$10,000 prize value
Macbook Pro
3 BLN USD in lifetime trading volume
10 active clients in the last 3 months
$3,000 prize value
Learn more about our IB Loyalty Program.
T&Cs apply. Images provided for illustrative purposes only.
.ibLoyaltySection{
width:100%;
padding:70px 0;
}
.ibLoyaltyInner{
max-width:1240px;
margin:0 auto;
padding:0 20px;
box-sizing:border-box;
text-align:center;
}
.ibLoyaltyTitle{
font-size: 40px;
font-weight:700;
margin:0 0 8px;
}
.ibLoyaltySub{
font-size:16px;
margin-bottom: 40px !important;
}
.ibLoyaltyCards{
display:flex;
flex-direction:column;
gap: 36px;
}
.ibCard{
position:relative;
border-radius:16px;
overflow:hidden;
min-height:180px;
box-shadow:0 10px 22px rgba(0,0,0,0.12);
background-size:120% auto;
background-repeat:no-repeat;
background-position:70% center;
background-color:transparent;
display:flex;
align-items:stretch;
}
.ibCardCar{
background-size:125% auto;
background-position:78% center;
}
.ibCardWatch{
background-size:130% auto;
background-position:80% center;
}
.ibCardMac{
background-size:120% auto;
background-position:82% center;
}
.ibCardContent{
position:relative;
z-index:2;
text-align:left;
padding:32px 40px;
width:55%;
color:#fff;
background:linear-gradient(
90deg,
rgba(0,0,0,0.85) 0%,
rgba(0,0,0,0.65) 45%,
rgba(0,0,0,0) 100%
);
}
.ibCardContent h3{
font-size:28px !important;
font-weight:800;
margin:0 0 16px;
}
.ibCardList{
list-style:none;
padding:0;
margin:0;
}
.ibCardList li{
font-size:14px;
margin:0 0 10px;
position:relative;
padding-left:26px;
}
.ibCardList li::before{
content:"";
position:absolute;
left:0;
top:3px;
width:16px;
height:16px;
background-image:url("https://aximedia.s3.amazonaws.com/rebrand-prod/jnhf5v25/vector-3-1.png");
background-repeat:no-repeat;
background-size:contain;
background-position:center;
}
.ibLoyaltyCtaWrap{
margin-top:30px;
}
.ibLoyaltyBtn{
background:#F3D36A;
color:#000;
text-decoration:none;
padding:12px 22px;
font-weight:700;
border-radius:8px;
display:inline-block;
}
.ibLoyaltySection a:hover{
text-decoration: none !important;
color:#000 !important;
}
.ibLoyaltyNote{
margin-top: 24px !important;
font-size:12px;
}
.ibLoyaltyNote a{
color:#000;
text-decoration:underline;
font-weight:500;
font-size:12px;
}
.ibLoyaltyNote a:hover{
text-decoration:none;
}
@media(max-width:768px){
.ibLoyaltySection{
padding: 30px 0;
}
.ibLoyaltyTitle{
font-size: 28px;
}
.ibCard{
min-height:420px;
background-size:cover;
background-position:center;
}
.ibCardContent{
width:100%;
padding:26px;
position:absolute;
bottom:0;
background:linear-gradient(
180deg,
rgba(0,0,0,0) 0%,
rgba(0,0,0,0.9) 70%,
rgba(0,0,0,0.95) 100%
);
}
.ibCardContent h3{
font-size:24px !important;
}
}
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;
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;
}
.tradingSolutionsSection .ts-item p {
font-size: 14px;
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: 40px !important;
transition: background 0.2s ease;
}
.tradingSolutionsSection a:hover{
text-decoration: none !important;
color:#000 !important;
}
@media (max-width: 768px) {
.tradingSolutionsSection {
padding: 30px 20px;
}
.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 !important;
}
}
Our IB Edge
Instant withdrawals
Withdraw your rebates quickly and securely. Crypto and local payment methods available.
High-conversion marketing materials
Work with a full library of banners, landing pages, deep links and integration tools.
Premium account management
Work with a dedicated account manager. Access 24/7 support in your language.
.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 !important;
margin: 0 0 40px !important;
}
.affiliateEdgeGrid--ib {
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 22px;
text-align: left;
align-items: stretch;
}
.edgeCard {
background: #FAF9F8;
border: 1px solid #EEE9E3;
border-radius: 18px;
padding: 22px;
box-sizing: border-box;
overflow: hidden;
}
/* MINI CARDS - row 1 */
.edgeCard--mini {
grid-column: span 2;
padding: 40px;
}
.edgeMiniIcon {
width: 42px;
height: 42px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 14px;
flex-shrink: 0;
}
.edgeMiniIcon img {
width: 42px;
height: 42px;
}
.affiliateEdgeSection .edgeCard h3 {
font-size: 24px !important;
font-weight: 800;
margin: 0 0 8px;
line-height: 1.25;
}
.affiliateEdgeSection .edgeCard p {
font-size: 16px !important;
line-height: 1.55;
margin: 0;
}
/* WIDE MEDIA CARDS - row 2 */
.edgeCard--wideMedia {
grid-column: span 3;
display: flex;
flex-direction: column;
padding: 0;
overflow: hidden;
}
.edgeCard--wideMedia .edgeMedia--big {
height: 250px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
margin-bottom: 0;
}
.edgeCard--wideMedia .edgeMedia--big img {
width: 500px;
height: 250px;
object-fit: contain;
display: block;
flex-shrink: 0;
}
.edgeCard--row3-text {
padding: 20px 40px;
}
.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;
min-width: 210px;
}
.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--ib {
grid-template-columns: 1fr;
gap: 16px;
}
.edgeCard--mini,
.edgeCard--wideMedia {
grid-column: auto;
}
.edgeCard--mini {
display: grid;
grid-template-columns: 64px 1fr;
column-gap: 16px;
align-items: start;
padding: 20px 18px;
}
.edgeCard--mini .edgeMiniIcon {
width: 56px;
height: 56px;
border-radius: 16px;
margin: 0;
}
.edgeCard--mini h3,
.edgeCard--mini p {
grid-column: 2;
}
.affiliateEdgeSection .edgeCard--mini h3 {
line-height: 1.15;
margin: 2px 0 10px;
}
.affiliateEdgeSection .edgeCard--mini p {
line-height: 1.35;
max-width: none;
}
.edgeCard--wideMedia .edgeMedia--big {
height: 180px;
}
.edgeCard--wideMedia .edgeMedia--big img {
width: 100%;
height: 180px;
}
.affiliateEdgeCta {
width: 100%;
}
}
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: 70px 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;
}
.edge-grid{
display:grid;
grid-template-columns:1fr 440px;
gap: 56px;
align-items:stretch;
}
.edge-left{
display:flex;
flex-direction:column;
gap:18px;
}
.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;
}
.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;
}
}
More ways to partner with us
Not sure what’s right for you? Choose a different model that fits your business.
Axi Affiliate / Influencer
Earn up to $1200 per referral
Earn performance-based payouts for qualified referrals. Built for partners who generate traffic through SEO, paid ads, influencers, or media buying.
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;
}
}