.elementor-925 .elementor-element.elementor-element-bcbc461{margin-top:-25px;margin-bottom:0px;}.elementor-925 .elementor-element.elementor-element-eb52723{color:#FFFFFF;}.elementor-925 .elementor-element.elementor-element-37b7595{margin-top:-46px;margin-bottom:0px;}.elementor-925 .elementor-element.elementor-element-c0b1cb3 > .elementor-widget-container{margin:-109px -36px -36px -36px;}/* Start custom CSS for html, class: .elementor-element-1e18721 *//* SECTION LAYOUT */

.social-counts{
display:flex;
justify-content:center;
align-items:center;
gap:120px;

max-width:1100px;
margin:auto;

padding:80px 20px;

text-align:center;
}


/* CARD */

.social-card{
display:flex;
flex-direction:column;
align-items:center;
}


/* ICON */

.social-card i{
font-size:50px;
color:#4fa3ff;
transition:0.3s;
}


/* HOVER GLOW */

.social-card:hover i{

transform:scale(1.15);

text-shadow:
0 0 10px #4fa3ff,
0 0 25px #4fa3ff,
0 0 45px #4fa3ff;

}


/* NUMBER */

.counter{
font-size:38px;
margin-top:15px;
color:#7fc6ff;
}


/* TEXT */

.social-card p{
color:#aaa;
font-size:14px;
}


/* MOBILE VERSION */

@media(max-width:768px){

.social-counts{

gap:35px;
padding:50px 10px;

}

.social-card i{
font-size:32px;
}

.counter{
font-size:22px;
}

.social-card p{
font-size:12px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-627d641 *//* YOUTUBE SECTION */

.youtube-section h2{
text-align:center;
margin-bottom:0px;
}

/* GRID */

.youtube-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;
}

/* CARD */

.youtube-card{
background:#111;
border-radius:14px;
overflow:hidden;
transition:.3s;
border:1px solid rgba(255,255,255,0.06);
}

.youtube-card:hover{
transform:translateY(-6px);
box-shadow:0 0 25px rgba(46,107,255,0.35);
}

/* THUMBNAIL */

.youtube-card img{
width:100%;
display:block;
}

/* TITLE */

.youtube-card h4{
padding:15px;
font-family:'Space Grotesk';
font-size:15px;
font-weight:400;
color:white;
}

/* LINK */

.youtube-card a{
text-decoration:none;
}

/* SUBSCRIBE BUTTON */

.youtube-cta{
text-align:center;
margin-top:40px;
}

/* TABLET */

@media (max-width:900px){

.youtube-grid{
grid-template-columns:repeat(2,1fr);
}

}

/* MOBILE */

@media (max-width:600px){

.youtube-grid{
grid-template-columns:1fr;
}

.youtube-card h4{
font-size:14px;
}

}

/* YOUTUBE SECTION */

.youtube-section h2{
text-align:center;
margin-bottom:40px;
}

/* GRID */

.youtube-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;
}

/* CARD */

.youtube-card{
background:#111;
border-radius:14px;
overflow:hidden;
transition:.3s;
border:1px solid rgba(255,255,255,0.06);
}

.youtube-card:hover{
transform:translateY(-6px);
box-shadow:0 0 25px rgba(46,107,255,0.35);
}

/* VIDEO WRAPPER (responsive iframe) */

.video-wrapper{
position:relative;
width:100%;
padding-top:56.25%;
}

.video-wrapper iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
border-radius:12px;
}

/* TITLE */

.youtube-card h4{
padding:15px;
font-family:'Space Grotesk';
font-size:15px;
font-weight:400;
color:white;
}

/* CTA */

.youtube-cta{
text-align:center;
margin-top:40px;
}

/* TABLET */

@media (max-width:900px){

.youtube-grid{
grid-template-columns:repeat(2,1fr);
}

}

/* MOBILE */

@media (max-width:600px){

.youtube-grid{
grid-template-columns:1fr;
}

.youtube-card h4{
font-size:14px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c0b1cb3 */<div class="mineral-container">

<svg id="mineralSVG" viewBox="0 0 300 300" width="300">

<!-- Diamond Body -->

<polygon class="diamond"
points="150,30 60,110 90,240 210,240 240,110"
></polygon>

<!-- Facets -->

<line x1="150" y1="30" x2="90" y2="240" class="facet"/>
<line x1="150" y1="30" x2="210" y2="240" class="facet"/>
<line x1="60" y1="110" x2="240" y2="110" class="facet"/>

<!-- Rare Earth Nodes -->

<circle cx="150" cy="140" r="6" class="node"/>
<circle cx="120" cy="180" r="5" class="node"/>
<circle cx="180" cy="180" r="5" class="node"/>

</svg>

</div>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-38600cf */.testimonial-section{

width:100%;
max-width:1200px;
margin:auto;
padding:60px 20px;

overflow:hidden;

}

.testimonial-title{

text-align:center;
margin-bottom:40px;

letter-spacing:2px;

}


/* CAROUSEL */

.testimonial-carousel{

display:flex;
gap:25px;

transition:transform 0.5s ease;

}


/* CARD */

.testimonial-card{

min-width:33%;
padding:25px;

border-radius:20px;

background:rgba(20,40,70,0.35);

backdrop-filter:blur(14px);

border:1px solid rgba(255,255,255,0.15);

box-shadow:
0 10px 30px rgba(0,0,0,0.5),
inset 0 1px 2px rgba(255,255,255,0.1);

text-align:center;

transition:0.3s;

}


/* HOVER GLOW */

.testimonial-card:hover{

transform:translateY(-6px);

box-shadow:
0 0 20px rgba(70,150,255,0.7),
0 0 50px rgba(70,150,255,0.35);

}


/* PROFILE */

.testimonial-card img{

width:60px;
height:60px;

border-radius:50%;

margin-bottom:10px;

}


/* NAME */

.testimonial-card h3{

margin:5px 0;

}


/* COMPANY */

.company{

font-size:12px;
color:#9cc9ff;

display:block;
margin-bottom:10px;

}


/* TEXT */

.testimonial-card p{

font-size:14px;
line-height:1.5;

color:#ccc;

}


/* MOBILE */



@media (max-width:768px){

/* container full width */
.testimonial-section{
width:100%;
max-width:100%;
padding-left:20px;
padding-right:20px;
overflow:hidden;
}

/* enable horizontal scrolling */
.testimonial-carousel{

display:flex;
overflow-x:auto;

scroll-snap-type:x mandatory;

gap:20px;
padding-bottom:10px;

}

/* hide scrollbar (optional) */
.testimonial-carousel::-webkit-scrollbar{
display:none;
}

/* cards full width */
.testimonial-card{

min-width:100%;
max-width:100%;

scroll-snap-align:center;

}

}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-fb01001 */.testimonial-section{
max-width:1200px;
margin:auto;
overflow:hidden;
}

.testimonial-carousel{
display:flex;
gap:25px;
}

.testimonial-card{
flex:0 0 calc(33.333% - 17px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c348085 */.player-wrapper{

display:flex;
justify-content:center;
align-items:center;

width:100%;
padding:40px 20px;

}


/* GLASS PLAYER */

.glass-player{

display:flex;
align-items:center;
gap:25px;

padding:20px 30px;

border-radius:60px;

background:rgba(10,20,40,0.35);

backdrop-filter: blur(16px);

border:1px solid rgba(255,255,255,0.15);

box-shadow:
0 10px 40px rgba(0,0,0,0.6),
inset 0 1px 2px rgba(255,255,255,0.15);

max-width:900px;
width:100%;

transition:0.3s;

}


/* BLUE GLOW */

.glass-player:hover{

box-shadow:
0 0 20px rgba(70,140,255,0.6),
0 0 50px rgba(70,140,255,0.35),
inset 0 1px 2px rgba(255,255,255,0.2);

}


/* PLAY BUTTON */

.play-btn{

width:60px;
height:60px;

border-radius:50%;
border:none;

background:linear-gradient(145deg,#1e2f5b,#0c1734);

color:white;
font-size:22px;

cursor:pointer;

box-shadow:
0 4px 14px rgba(0,0,0,0.6);

transition:0.2s;

}

.play-btn:hover{

box-shadow:
0 0 15px #4fa3ff,
0 0 25px #4fa3ff;

transform:scale(1.05);

}


/* PLAYER INFO */

.player-info{

flex:1;
overflow:hidden;

}


/* WINAMP STYLE SCROLLING TITLE */

.track-title{

width:100%;
overflow:hidden;
white-space:nowrap;

color:#9cc9ff;
font-size:14px;
margin-bottom:10px;

}

.track-title span{

display:inline-block;

padding-left:100%;

animation:scrollText 12s linear infinite;

}

@keyframes scrollText{

0% {transform:translateX(0);}
100% {transform:translateX(-100%);}

}


/* WAVEFORM */

.wave-container{

display:flex;
align-items:flex-end;

gap:5px;

height:60px;

cursor:pointer;

}


/* BARS */

.wave-bar{

width:5px;
border-radius:4px;

background:rgba(255,255,255,0.25);

transition:0.2s;

}

.wave-bar.active{

background:#4fa3ff;

box-shadow:0 0 10px #4fa3ff;

}


/* MOBILE */

@media(max-width:600px){

.glass-player{

flex-direction:column;
border-radius:30px;
gap:15px;

}

.play-btn{

width:50px;
height:50px;

}

.wave-container{

height:50px;

}

}

@media (max-width:768px){

.glass-player{

flex-direction:row !important;
align-items:center;
justify-content:center;

padding:12px 16px;
gap:12px;

border-radius:35px;

}

/* play button smaller */

.play-btn{

width:42px;
height:42px;

font-size:16px;

}

/* waveform smaller */

.wave-container{

height:40px;
gap:3px;

}

.wave-bar{

width:3px;

}

/* scrolling title */

.track-title{

font-size:12px;

}

/* wrapper width */

.player-wrapper{

width:95%;
margin:auto;

}

}/* End custom CSS */