.elementor-101 .elementor-element.elementor-element-47d945a6:not(.elementor-motion-effects-element-type-background), .elementor-101 .elementor-element.elementor-element-47d945a6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sacc.nz/wp-content/uploads/2026/07/Join-South-Asian-Creative-Community.png");background-position:0px 35%;background-repeat:no-repeat;background-size:cover;}.elementor-101 .elementor-element.elementor-element-47d945a6 > .elementor-background-overlay{background-color:#000000;opacity:0.7;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-101 .elementor-element.elementor-element-47d945a6 > .elementor-container{max-width:1170px;}.elementor-101 .elementor-element.elementor-element-47d945a6{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-84px;margin-bottom:0px;padding:100px 0px 50px 0px;z-index:0;}.elementor-101 .elementor-element.elementor-element-4cf57565{padding:0% 5% 0% 5%;text-align:center;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:#D7D7D7;}@media(max-width:1024px){.elementor-101 .elementor-element.elementor-element-47d945a6:not(.elementor-motion-effects-element-type-background), .elementor-101 .elementor-element.elementor-element-47d945a6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-101 .elementor-element.elementor-element-47d945a6{margin-top:-60px;margin-bottom:0px;padding:160px 0px 120px 0px;}.elementor-101 .elementor-element.elementor-element-4cf57565{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0% 7% 0% 7%;}}@media(max-width:767px){.elementor-101 .elementor-element.elementor-element-47d945a6{margin-top:-18%;margin-bottom:0%;padding:135px 10px 80px 10px;}.elementor-101 .elementor-element.elementor-element-4cf57565{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for text-editor, class: .elementor-element-4cf57565 */.membership-hero{

position:relative;

min-height:100vh;

display:flex;

align-items:center;

padding:60px 60px;

background:url("YOUR_IMAGE.jpg") center center;

background-size:cover;

overflow:hidden;

}

.membership-overlay{

position:absolute;

left:0;
top:0;

width:100%;
height:100%;

background:linear-gradient(
90deg,
rgba(5,10,20,.88) 0%,
rgba(5,10,20,.72) 40%,
rgba(5,10,20,.45) 100%
);

}

.membership-content{

position:relative;

z-index:5;

max-width:860px;

padding:55px;

background:rgba(255,255,255,.05);

backdrop-filter:blur(18px);

border:1px solid rgba(255,255,255,.08);

border-radius:28px;

animation:fadeUp 1s ease;

}

.hero-badge{

display:inline-block;

padding:10px 20px;

background:rgba(255,255,255,.08);

border-radius:40px;

font-size:14px;

letter-spacing:1px;

color:#fff;

margin-bottom:25px;

}

.membership-content h1{

font-size:44px;

font-weight:800;

line-height:1.1;

color:#fff;

margin-bottom:25px;

}

.membership-content h1 span{

background:linear-gradient(
90deg,
#F05A28,
#F9A826,
#00A6A6,
#6F2DBD
);

-webkit-background-clip:text;

-webkit-text-fill-color:transparent;

}

.hero-subtitle{

font-size:24px;

font-weight:600;

line-height:1.6;

color:#fff;

margin-bottom:20px;

}

.membership-content p{

font-size:18px;

line-height:1.9;

color:#ddd;

}

.hero-buttons{

display:flex;

gap:20px;

margin-top:40px;

flex-wrap:wrap;

}

.btn-primary{

padding:18px 42px;

border-radius:50px;

text-decoration:none;

font-weight:700;

color:white;

background:linear-gradient(
90deg,
#F05A28,
#F9A826,
#00A6A6,
#6F2DBD
);

transition:.35s;

}

.btn-primary:hover{

transform:translateY(-5px);

box-shadow:0 18px 40px rgba(0,0,0,.3);

}

.btn-secondary{

padding:18px 42px;

border-radius:50px;

text-decoration:none;

font-weight:700;

color:white;

border:2px solid rgba(255,255,255,.25);

background:rgba(255,255,255,.05);

transition:.35s;

}

.btn-secondary:hover{

background:white;

color:#111;

}

.membership-stats{

margin-top:55px;

display:grid;

grid-template-columns:repeat(4,1fr);

gap:20px;

}

.stat{

background:rgba(255,255,255,.05);

border-radius:18px;

padding:22px;

text-align:center;

border:1px solid rgba(255,255,255,.08);

transition:.35s;

}

.stat:hover{

transform:translateY(-8px);

background:rgba(255,255,255,.08);

}

.stat h3{

font-size:34px;

margin:0;

font-weight:800;

background:linear-gradient(
90deg,
#F05A28,
#F9A826,
#00A6A6,
#6F2DBD
);

-webkit-background-clip:text;

-webkit-text-fill-color:transparent;

}

.stat span{

display:block;

margin-top:8px;

color:#ddd;

font-size:15px;

}

@keyframes fadeUp{

from{

opacity:0;

transform:translateY(60px);

}

to{

opacity:1;

transform:translateY(0);

}

}

@media(max-width:991px){

.membership-content{

padding:35px;

}

.membership-content h1{

font-size:44px;

}

.membership-stats{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:768px){

.membership-hero{

padding:90px 20px;

}

.membership-content{

padding:30px 25px;

}

.membership-content h1{

font-size:36px;

}

.hero-subtitle{

font-size:20px;

}

.membership-content p{

font-size:16px;

}

.hero-buttons{

flex-direction:column;

}

.hero-buttons a{

width:100%;

text-align:center;

}

.membership-stats{

grid-template-columns:1fr;

}

}/* End custom CSS */