.elementor-33 .elementor-element.elementor-element-1a8667f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-33 .elementor-element.elementor-element-588cb9e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:25px;--padding-left:0px;--padding-right:0px;}.elementor-33 .elementor-element.elementor-element-588cb9e:not(.elementor-motion-effects-element-type-background), .elementor-33 .elementor-element.elementor-element-588cb9e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-33 .elementor-element.elementor-element-68fd157{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:25px;--padding-bottom:25px;--padding-left:0px;--padding-right:0px;}.elementor-33 .elementor-element.elementor-element-68fd157:not(.elementor-motion-effects-element-type-background), .elementor-33 .elementor-element.elementor-element-68fd157 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-7b355ae */.gsx-hero{
background:#050505;
padding:120px 20px;
position:relative;
overflow:hidden;
}

/* GOLD ATMOSPHERE */

.gsx-hero::before{
content:"";
position:absolute;
inset:0;
background:
radial-gradient(circle at 30% 30%, rgba(255,215,0,0.15), transparent 60%),
radial-gradient(circle at 70% 70%, rgba(255,215,0,0.1), transparent 60%);
}

/* LAYOUT */

.gsx-hero-inner{
max-width:1300px;
margin:auto;
display:grid;
grid-template-columns:1.1fr 1fr;
gap:60px;
align-items:center;
position:relative;
z-index:2;
}

/* TEXT */

.gsx-title{
font-size:52px;
font-weight:900;
color:#FFD700;
margin-bottom:15px;
}

.gsx-sub{
font-size:18px;
color:#ddd;
margin-bottom:25px;
}

/* BULLETS */

.gsx-bullets{
display:flex;
flex-wrap:wrap;
gap:12px;
margin-bottom:30px;
}

.gsx-bullets span{
background:#0e0e0e;
border:1px solid rgba(255,215,0,.3);
padding:8px 14px;
border-radius:20px;
font-size:13px;
color:#FFD700;
}

/* STATS */

.gsx-stats{
display:flex;
gap:30px;
margin-bottom:30px;
flex-wrap:wrap;
visibility: hidden;
}

.gsx-num{
font-size:32px;
font-weight:800;
color:#FFD700;
}

.gsx-label{
font-size:12px;
color:#aaa;
}

/* BUTTONS */

.gsx-buttons{
display:flex;
gap:15px;
}

.gsx-btn{
padding:14px 26px;
border-radius:8px;
font-weight:700;
text-decoration:none;
transition:.25s;
}

.gsx-btn.primary{
background:linear-gradient(180deg,#ffe27a,#caa12c);
color:#000;
}

.gsx-btn.primary:hover{
background:#fff;
}

.gsx-btn.secondary{
border:2px solid #FFD700;
color:#FFD700;
}

.gsx-btn.secondary:hover{
background:#FFD700;
color:#000;
}

/* RIGHT SIDE */

.gsx-right{
position:relative;
height:400px;
}

/* ITEMS */

.gsx-item{
position:absolute;
}

.gsx-item img{
width:180px;
z-index:2;
position:relative;
}

/* MAIN */

.gsx-main{
top:50%;
left:50%;
transform:translate(-50%,-50%);
}

/* FLOATING POSITIONS */

.f1{top:10%; left:10%;}
.f2{bottom:10%; right:10%;}
.f3{top:20%; right:20%;}

/* GLOW */

.gsx-glow{
position:absolute;
width:200px;
height:200px;
background:radial-gradient(circle,#FFD700,transparent 70%);
filter:blur(60px);
opacity:.3;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}

/* FLOAT ANIMATIONS */

.gsx-main img{
animation:floatMain 5s ease-in-out infinite;
}

.f1 img{
animation:float1 6s ease-in-out infinite;
}

.f2 img{
animation:float2 7s ease-in-out infinite;
}

.f3 img{
animation:float3 8s ease-in-out infinite;
}

@keyframes floatMain{
0%,100%{transform:translateY(0);}
50%{transform:translateY(-20px);}
}

@keyframes float1{
0%,100%{transform:translateY(0);}
50%{transform:translateY(-30px);}
}

@keyframes float2{
0%,100%{transform:translateY(0);}
50%{transform:translateY(-15px);}
}

@keyframes float3{
0%,100%{transform:translateY(0);}
50%{transform:translateY(-25px);}
}

/* MOBILE */

@media(max-width:900px){

.gsx-hero-inner{
grid-template-columns:1fr;
text-align:center;
}

.gsx-buttons{
justify-content:center;
}

.gsx-right{
margin-top:40px;
height:300px;
}

/* ✅ CENTER BULLETS */
.gsx-bullets{
justify-content:center;
}

/* ✅ SMALLER FLOATING IMAGES */
.gsx-item img{
width:120px;
}

/* Optional: make main slightly bigger than floats */
.gsx-main img{
width:140px;
}

}/* End custom CSS */