:root{

-primary:#39FF14;
-secondary:#8B2BE2;

-black:#050505;
-white:#ffffff;

-text:#ffffff;
-muted:#a1a1aa;

}
*{
margin:0;
padding:0;
box-sizing:border-box;
}

html{
scroll-behavior:smooth;
}

body{

background:#050505;

color:#ffffff;

overflow-x:hidden;

}

a{
text-decoration:none;
}

.site-header{

position:fixed;

top:0;
left:0;

width:100%;

height:90px;

background:#050505;

z-index:9999;

border-bottom:1px solid rgba(255,255,255,.05);

}
.header-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    padding: 0 24px;
margin:auto;
height:84px;
background:#000000;
backdrop-filter:blur(8px);
border:1px solid;
border-color: #000000;
border-radius:28px;

box-shadow:
0 20px 50px rgba(0,0,0,.06);

}

.logo img{
height:66px;
}

.desktop-menu{

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

}

.desktop-menu a{

font-size:14px;

font-weight:500;

color:#fff;

}

.header-actions{

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

}

.btn-outline{
height:42px;
padding:0 22px;
font-size:13px;
font-weight:600;
display:flex;
align-items:center;

border-radius:999px;

background:rgba(60, 225, 10, 1);

border:1px solid rgba(0,0,0,.06);

color:#111827;

}

.btn-primary{

height:46px;

padding:0 22px;
font-size:13px;
display:flex;
align-items:center;

border-radius:999px;

background:linear-gradient(
135deg,
#8B2BE2,
#6E1FD8
);

color:#fff;

font-weight:600;

box-shadow:
0 10px 30px rgba(139,43,226,.25);

}

/* CONTAINER */

.container{
width:min(1800px,95%);
margin:auto;
}

/* HERO */

.hero-section{

position:relative;

padding-top:120px;
padding-bottom:90px;

overflow:hidden;
}

.hero-section::before{

content:'';

position:absolute;

width:900px;
height:900px;

left:-200px;
top:-300px;

background:
radial-gradient(circle,
rgba(139,43,226,.15),
transparent 70%);

pointer-events:none;
}

.hero-section::after{

content:'';

position:absolute;

width:700px;
height:700px;

right:-150px;
top:-100px;

background:
radial-gradient(circle,
rgba(57,255,20,.12),
transparent 70%);

pointer-events:none;
}

.hero-section .container{

display:grid;
grid-template-columns:1.05fr .95fr;

gap:80px;

align-items:center;
}

.hero-badge{

display:inline-flex;

padding:10px 18px;

border-radius:999px;

background:rgba(139,43,226,.08);

border:1px solid rgba(139,43,226,.12);

color:#8B2BE2;

font-size:12px;
font-weight:700;

letter-spacing:1px;

margin-bottom:28px;
}


.hero-content h1{
font-size:62px;
line-height:1.05;
max-width:650px;
font-weight:800;
letter-spacing:-1px;

margin-bottom:30px;
}

.hero-content p{

font-size:20px;
line-height:1.9;

color:#667085;

max-width:680px;

margin-bottom:40px;
}

.hero-actions{

display:flex;
gap:16px;
}

.btn-primary{

height:58px;

padding:0 28px;

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

border-radius:999px;

background:linear-gradient(
135deg,
#8B2BE2,
#6D28D9
);

color:#fff;

font-weight:600;

box-shadow:
0 15px 40px rgba(139,43,226,.25);
}

.btn-secondary{

height:58px;

padding:0 28px;

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

border-radius:999px;

background:#fff;

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

color:#111827;
}

/* HERO VISUAL */

.hero-visual{

position:relative;

height:700px;
}

.hero-dashboard{

position:absolute;

right:0;
top:40px;

width:560px;
height:360px;

padding:40px;

border-radius:34px;

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

backdrop-filter:blur(8px);

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

box-shadow:
0 40px 100px rgba(0,0,0,.08);
}

.hero-dashboard h3{

font-size:28px;
font-weight:700;

margin-bottom:12px;
}

.hero-dashboard p{

color:#667085;
}

.glass-card{

position:absolute;

padding:18px 24px;

border-radius:22px;

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

backdrop-filter:blur(8px);

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

box-shadow:
0 20px 50px rgba(0,0,0,.06);

font-weight:600;
}

.card-1{
left:20px;
top:120px;
}

.card-2{
left:0;
bottom:200px;
}

.card-3{
right:40px;
bottom:60px;
}



.hero-dashboard{

overflow:hidden;
padding:0;
}
.hero-visual{

display:flex;

align-items:center;

justify-content:center;
}
.hero-visual img{
bottom: 40px;
max-width:620px;

width:80%;
left: -40px;
height:auto;

display:block;

margin-left:auto;
}

.header-right{

display:flex;
align-items:center;
gap:16px;
}

.header-search{

width:38px;
height:38px;

border-radius:50%;

border:none;

background:#fff;

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

cursor:pointer;

box-shadow:
0 10px 30px rgba(0,0,0,.05);
}

.header-search svg{

width:22px;
height:22px;

stroke:#111827;

fill:none;

stroke-width:2;
}

.header-cta{

height:58px;

padding:0 32px;

border-radius:999px;

display:flex;
align-items:center;

background:
linear-gradient(
135deg,
#8B2BE2,
#6D28D9
);

color:#fff;

font-weight:700;
}

.menu-trigger{

width:58px;
height:58px;

border:none;

background:transparent;

display:flex;
flex-direction:column;

justify-content:center;

gap:7px;

cursor:pointer;
}



.hero-visual img{

transform:scaleX(-1);

width:750px;

position:relative;

left:0px;

bottom:0px;

}

.btn-primary{

box-shadow:
0 10px 40px rgba(139,43,226,.30),
0 0 80px rgba(139,43,226,.20);
}

.btn-primary:hover{

transform:translateY(-3px);

box-shadow:
0 20px 60px rgba(139,43,226,.40),
0 0 120px rgba(139,43,226,.30);
}
.hero{

position:relative;

background:#050505;

overflow:hidden;

}
.hero-section{
position:relative;
overflow:hidden;
}

.hero-glow{

position:fixed;

left:50%;
top:50%;

width:20px;
height:20px;

border-radius:50%;

background: radial-gradient(
    circle,
    rgba(60,225,10,1) 0%,
    rgba(60,225,10,1) 35%,
    transparent 100%
);

filter:blur(0px);

pointer-events:none;

z-index:0;

transform:translate(-50%,-50%);

transition:
left .15s linear,
top .15s linear;
}

.hero-glow{

transition:
left .4s cubic-bezier(.22,.61,.36,1),
top .4s cubic-bezier(.22,.61,.36,1);
}


/* FOOTER */

.dtt-footer{

position:relative;

background:#050505;

padding:100px 0 30px;

overflow:hidden;

border-top:1px solid rgba(57,255,20,.15);

}

.dtt-footer::before{

content:'';

position:absolute;

right:-150px;

bottom:-150px;

width:500px;

height:500px;

background:radial-gradient(
circle,
rgba(57,255,20,.15) 0%,
transparent 70%
);

pointer-events:none;

}

.footer-container{

max-width:1400px;

margin:auto;

display:grid;

grid-template-columns:
1.4fr 1fr 1fr 1.2fr;

gap:60px;

padding:0 30px;

}

.footer-about img{

height:95px;

margin-top:-35px;
}

.footer-about p{

color:#a0a0a0;

line-height:1.9;

max-width:350px;

}

.footer-social{

display:flex;

gap:15px;

margin-top:30px;

}

.footer-social a{

width:42px;

height:42px;

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

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

color:#fff;

transition:.3s;

}

.footer-social a:hover{

background:#39FF14;

color:#000;

}

.footer-col h3{
font-weight: 500;
    letter-spacing: 1px;
color:#39FF14;

margin-bottom:25px;

font-size:24px;
line-height:1.9;


}

.footer-col ul{

list-style:none;

padding:0;

margin:0;

}

.footer-col ul li{

margin-bottom:16px;

}

.footer-col ul li a{

color:#bdbdbd;

text-decoration:none;

transition:.3s;

}

.footer-col ul li a:hover{

color:#39FF14;

padding-left:8px;

}

.newsletter-box{

display:flex;

background:#111;

border:1px solid rgba(57,255,20,.2);

border-radius:50px;

padding:6px;

margin-top:20px;

}

.newsletter-box input{

flex:1;

background:none;

border:none;

outline:none;

color:#fff;

padding:0 20px;

}

.newsletter-box button{

width:50px;

height:50px;

border:none;

background:#39FF14;

border-radius:50%;

cursor:pointer;

font-size:18px;

color:#000;

}

.footer-bottom{

margin-top:80px;

padding-top:30px;

text-align:center;

color:#8f8f8f;

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

}



.social-bar{

position:absolute;

bottom:0;

left:0;

width:100%;

display:grid;

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

}

.social-bar a{

height:70px;

display:flex;

align-items:center;

justify-content:center;

background:#39FF14;

color:#000;

font-size:20px;

transition:.3s;

border-right:1px solid rgba(0,0,0,.1);

}

.social-bar a:hover{

background:#2dd000;

}

.side-menu{

position:fixed;

top:0;

right:-450px;

width:300px;

height:100vh;

background:#050505;

z-index:99999;

transition:.5s;

display:flex;

flex-direction:column;

overflow-y:auto;

border-left:1px solid rgba(57,255,20,.15);

}

.side-menu.active{

right:0;

}

.side-menu-overlay{

position:fixed;

inset:0;

background:rgba(0,0,0,.7);

opacity:0;

visibility:hidden;

transition:.4s;

z-index:99998;

backdrop-filter:blur(4px);

}

.side-menu-overlay.active{

opacity:1;

visibility:visible;

}

.side-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:20px;
    background:#050505;
}

.side-header img{
    height:45px;
    width:auto;
    display:block;
}

.close-menu{
    background:none;
    border:none;
    color:#fff;
    font-size:32px;
    cursor:pointer;
}


.side-nav a{

display:block;

    padding: 16px 40px;

font-size:12px;

font-weight:500;

color:#fff;

text-decoration:none;

border-bottom:1px solid rgba(255,255,255,.05);

transition:.3s;

}

.side-nav a:hover{

background:#39FF14;

color:#000;

padding-left:45px;

}

.side-contact{

padding:35px;

margin-top:auto;

}

.contact-item{

display:flex;

gap:20px;

margin-bottom:30px;

}

.contact-item i{

font-size:34px;

color:#fff;

}

.contact-item span{

display:block;

color:#999;

font-size:14px;


margin-bottom:5px;

}

.contact-item a,
.contact-item p{

color:#fff;

margin:0;

font-size:12px;

line-height:1.7;

text-decoration:none;

}

.side-social{

display:grid;

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

margin-top:20px;

}

.side-social a{

height:50px;

background:#39FF14;

display:flex;

align-items:center;

justify-content:center;

font-size:14px;

color:#000;

transition:.3s;

}

.side-social a:hover{

background:#2ed60d;

}
.hero{

position:relative;

background:#050505;

overflow:hidden;

}

.hero::before{

content:'';

position:absolute;

top:-250px;

right:-150px;

width:700px;

height:700px;

background:
radial-gradient(
circle,
rgba(57,255,20,.12),
transparent 70%
);

pointer-events:none;

}

.hero::after{

content:'';

position:absolute;

left:-250px;

bottom:-250px;

width:600px;

height:600px;

background:
radial-gradient(
circle,
rgba(139,43,226,.08),
transparent 70%
);

pointer-events:none;

}
.hero-title{

font-size:110px;

font-weight:800;

line-height:.92;

letter-spacing:-4px;

color:#fff;

}
.hero-title span{

color:#39FF14;

font-style:italic;

}
.main-menu a{

color:#fff;

font-weight:500;

}

.main-menu a:hover{

color:#39FF14;

}

#loader{

position:fixed;

top:0;
left:0;

width:100%;
height:100%;

background:#050505;

z-index:999999;

display:flex;

justify-content:center;

align-items:center;

transition:.8s;

}

#loader img{

width:320px;

animation:pulse 2s infinite;

}

@keyframes pulse{

0%{
transform:scale(1);
opacity:.7;
}

50%{
transform:scale(1.08);
opacity:1;
}

100%{
transform:scale(1);
opacity:.7;
}

}

#loader.hide{

opacity:0;

visibility:hidden;

}

.hero{

padding-top:90px;

}

.menu-trigger{
    position:relative;
    width:50px;
    height:40px;
}

.menu-trigger span{
    position:absolute;
    right:0;
    height:2px;
    background:#fff;
    border-radius:20px;
    display:block;
}

.menu-trigger span:first-child{
    top:8px;
    width:40px;
}

.menu-trigger span:nth-child(2){
    top:18px;
    width:30px;
}

.menu-trigger span:last-child{
    top:28px;
    width:20px;
}
.desktop-menu ul{
    gap: 32px;
}

.desktop-menu a{
    font-size: 14px;
    font-weight: 500;
}
.header-actions .btn-primary,
.header-actions .btn-secondary{
    height: 42px;
    padding: 0 24px;
    border-radius: 24px;
    font-size: 13px;
}

.callback-section{
    padding:120px 0;
    background:#050505;
}

.callback-box{
    max-width:650px;
    margin:auto;
    background:#0c0c0c;
    border:1px solid rgba(255,255,255,.08);
    border-radius:30px;
    padding:50px;
}

.callback-badge{
    display:inline-block;
    padding:10px 20px;
    border-radius:50px;
    background:rgba(139,43,226,.15);
    color:#8B2BE2;
}

.callback-box h1{
    color:#fff;
    margin:20px 0;
}

.callback-box p{
    color:#9ca3af;
}

.form-group{
    margin-top:20px;
}

.form-group input,
.form-group select,
.form-group textarea{
    width:100%;
    height:60px;
    background:#111;
    border:1px solid #222;
    color:#fff;
    border-radius:15px;
    padding:0 20px;
}

.form-group textarea{
    height:120px;
    padding-top:15px;
}

.callback-btn{
    width:100%;
    height:60px;
    border:none;
    border-radius:50px;
    margin-top:25px;
    background:#39FF14;
    color:#050505;
    font-weight:700;
    cursor:pointer;
}


.demo-container{
display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
align-items:center;
}

.demo-request-section{
padding:100px 0;
background:#050505;
}

.demo-container{
max-width:1400px;
margin:0 auto;
padding:0 40px;
display:grid;
grid-template-columns:1fr 1fr;
gap:80px;
align-items:center;
}



.demo-left p{
color:#9ca3af;
font-size:18px;
line-height:1.8;
margin-bottom:40px;
}

.demo-features{
display:grid;
grid-template-columns:1fr 1fr;
gap:20px;
}

.feature-item{
color:#fff;
font-size:18px;
}

.demo-form{
display:flex;
flex-direction:column;
gap:20px;
}


.demo-form textarea{
height:140px;
padding-top:20px;
resize:none;
}

.radio-group{
display:flex;
align-items:center;
gap:20px;
color:#fff;
}

.demo-btn{
height:60px;
border:none;
border-radius:50px;
background:#39FF14;
color:#050505;
font-size:18px;
font-weight:700;
cursor:pointer;
}

.demo-btn:hover{
transform:translateY(-2px);
}

@media(max-width:991px){

.demo-container{
grid-template-columns:1fr;
gap:50px;
}



.demo-features{
grid-template-columns:1fr;
}

}

css
.demo-container{
    max-width:1400px;
    margin:0 auto;
    padding:0 30px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:80px;
    align-items:center;

}

.demo-left p{
    color:#a1a1aa;
    font-size:14px;
    line-height:1.8;
    margin-bottom:40px;
}

.demo-features{
    display:grid;
    gap:18px;
}

.feature-item{
    color:#fff;
    font-size:12px;
}

.demo-form{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.demo-form input,
.demo-form select,
.demo-form textarea{
    width:100%;
    background:#0b0b0b;
    border:1px solid rgba(255,255,255,.08);
    border-radius:18px;
    padding:18px 20px;
    color:#fff;
}

.demo-form textarea{
    min-height:100px;
}

.demo-btn{
    display: inline-block;
    text-align: center;
    vertical-align: middle;
      font-size: 1rem;
    height:60px;
    border:none;
    user-select: none;
    border-radius:50px;
    background:#39FF14;
    color:#050505;
     font-weight: 400;
    cursor:pointer;
     line-height: 1.5;
    white-space: nowrap;
   
    
    
    
    
 
    padding: .675rem 1.625rem;
  
   
}
  

.demo-container{
    align-items:start;
}

.demo-features{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:35px 40px;
    margin-top:50px;
}

.feature-item{
    display:flex;
    align-items:center;
    gap:18px;
    color:#fff;
    font-size:14px;
    line-height:1.4;
}

.feature-item i{
    width:58px;
    height:58px;
    min-width:58px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#0b0b0b;
    border:1px solid rgba(57,255,20,.15);
    color:#39FF14;
    font-size:14px;
    box-shadow:0 0 15px rgba(57,255,20,.15);
}

.radio-group{
    display:flex;
    align-items:center;
    gap:18px;
    color:#fff;
    margin:5px 0;
}

.radio-group span{
    margin-right:10px;
    font-weight:600;
}

.radio-group input[type="radio"]{
    width:18px;
    height:18px;
    accent-color:#39FF14;
}

.demo-left h1{
    font-size:34px;
    line-height:1.1;
    margin-bottom:20px;
}

.demo-left p{
    max-width:520px;
    color:#a1a1aa;
    line-height:1.8;
}

.demo-form input,
.demo-form select,
.demo-form textarea{
    font-size:15px;
}

.demo-btn{
    margin-top:10px;
}

.demo-request-section{
    padding:160px 0 100px;
}



.thank-you-section{
min-height:80vh;
display:flex;
align-items:center;
justify-content:center;
padding:120px 20px;
background:#050505;
}

.thank-you-box{
max-width:700px;
width:100%;
text-align:center;
padding:60px;
border-radius:30px;
background:#0b0b0b;
border:1px solid rgba(255,255,255,.08);
}

.thank-you-icon{
width:100px;
height:100px;
margin:0 auto 25px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
background:#39FF14;
color:#050505;
font-size:42px;
font-weight:700;
}

.thank-you-badge{
display:inline-block;
margin-bottom:20px;
color:#39FF14;
font-weight:700;
letter-spacing:2px;
}

.thank-you-box h1{
font-size:64px;
color:#fff;
margin-bottom:20px;
}

.thank-you-box p{
font-size:18px;
line-height:1.8;
color:#a1a1aa;
margin-bottom:40px;
}

.thank-you-buttons{
display:flex;
justify-content:center;
gap:20px;
flex-wrap:wrap;
}
.lead-form-section{
max-width:1200px;
margin:120px auto;
padding:0 20px;
display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
align-items:center;
min-height:70vh;
}

.contact-hero img{
width:100%;
display:block;
border-radius:24px;
}

.form-header{
margin-bottom:30px;
}

.lead-form{
display:flex;
flex-direction:column;
gap:15px;
}

.lead-form input,
.lead-form select,
.lead-form textarea{
width:100%;
padding:18px;
border-radius:16px;
background:#0b0b0b;
border:1px solid rgba(255,255,255,.08);
color:#fff;
}

.lead-form button{
height:58px;
border:none;
border-radius:50px;
background:#39FF14;
color:#050505;
font-weight:700;
cursor:pointer;
}

@media(max-width:991px){

.lead-form-section{
grid-template-columns:1fr;
gap:40px;
}

.contact-hero{
order:1;
}

.form-header,
.lead-form{
order:2;
}

.form-header h1{
font-size:42px;
}

}

.desktop-menu{
display:flex;
align-items:center;
gap:32px;
}

.menu-item{
position:relative;
}

.mega-menu{
position:absolute;
top:100%;
left:0;
min-width:280px;
background:#0b0b0b;
border:1px solid rgba(255,255,255,.08);
border-radius:20px;
padding:20px;
display:none;
flex-direction:column;
gap:12px;
z-index:999;
}

.menu-item:hover .mega-menu{
display:flex;
}

.mega-menu a{
color:#fff;
text-decoration:none;
font-size:15px;
}

.mega-menu a:hover{
color:#39FF14;
}
.partners-heading{
    max-width: 850px;
    margin: 0 auto 70px;
    text-align: center;
    font-size: 64px;
    line-height: 1.1;
    font-weight: 700;
    color: #fff;
}
.partners-subtitle{
    color:#8B2BE2;
    font-size:14px;
    font-weight:700;
    letter-spacing:3px;
    display:inline-block;
    border:1px solid rgba(57,255,20,.25);
    border-radius:50px;
    padding:10px 22px;
}

.partners-heading h2{
    color:#fff;
    font-size:56px;
    font-weight:500;
    margin:25px 0;
}

.partners-heading h2 span{
    color:#39FF14;
    font-weight:500;
      font-style:italic;
}

.partners-line{
    width:180px;
    height:2px;
    margin:0 auto 25px;
    background:linear-gradient(
    90deg,
    transparent,
    #39FF14,
    transparent
    );
    box-shadow:0 0 20px #39FF14;
}

.partners-heading p{
    color:#aaa;
    font-size:18px;
    max-width:700px;
    margin:auto;
    line-height:1.8;
}
/* PARTNERS */

.partners-section{

background:#050505;

padding:40px 0;

overflow:hidden;

position:relative;
}



/* TRACK */

.partners-track{

display:flex;

align-items:center;

gap:0px;

width:max-content;

animation:partnerScroll 38s linear infinite;
}

.partners-track:hover{
animation-play-state:paused;
}

/* LOGO */

.partner-logo{

display:flex;

align-items:center;

justify-content:center;

flex-shrink:0;
}

/* LOGO IMAGE */

.partner-logo img{

height:145px;

width:auto;

opacity:.85;

filter:
grayscale(100%);

transition:
transform .35s ease,
opacity .35s ease,
filter .35s ease;
}

/* DİĞERLERİNİ SOLDUR */

.partners-track:hover .partner-logo img{

opacity:.25;
}

/* AKTİF LOGO */

.partners-track .partner-logo:hover img{

opacity:1;

filter:none;

transform:
translateY(-4px)
scale(1.2);
}

/* ANIMATION */

@keyframes partnerScroll{

0%{
transform:translateX(0);
}

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

}

#dtt-loader{
position:fixed;
inset:0;
z-index:999999;

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

background:
radial-gradient(circle at center,
rgba(57,255,20,.08) 0%,
rgba(57,255,20,.03) 25%,
transparent 55%),
#050505;

transition:.8s ease;
}

#dtt-loader.hide{
opacity:0;
visibility:hidden;
pointer-events:none;
}

.loader-card{

position:relative;
overflow:hidden;

width:580px;
max-width:92%;

padding:60px 50px;

border-radius:36px;

text-align:center;

background:
linear-gradient(
180deg,
rgba(255,255,255,.05),
rgba(255,255,255,.02)
);

backdrop-filter:blur(8px);
-webkit-backdrop-filter:blur(8px);

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

box-shadow:
0 0 60px rgb(0 0 0);

animation:cardDrop .8s ease;
}

.loader-card:before{

content:"";

position:absolute;
inset:-2px;

border-radius:36px;

background:#000;

filter:blur(40px);

opacity:.10;

z-index:-1;
}

@keyframes cardDrop{

0%{
opacity:0;
transform:translateY(-120px);
}

100%{
opacity:1;
transform:translateY(0);
}

}

.loader-logo{

width:280px;

max-width:100%;

display:block;

margin:0 auto;
}

#loader-message{

margin-top:30px;

color:#ffffff;

font-size:18px;

font-weight:500;

letter-spacing:.4px;

min-height:34px;

text-shadow:
0 0 15px rgba(57,255,20,.25);
}

.loader-progress{

margin-top:30px;

height:6px;

border-radius:100px;

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

overflow:hidden;
}

#loader-bar{

display:block;

height:100%;

width:0;

background:#39FF14;

box-shadow:
0 0 20px #39FF14,
0 0 40px #39FF14;

animation:loadBar 4s linear forwards;
}

@keyframes loadBar{

0%{
width:0%;
}

100%{
width:100%;
}

}
body,
button,
input,
textarea,
select {
    font-family: 'Plus Jakarta Sans', sans-serif;
}



.services-badge{

display:block;

text-align:center;

font-size:13px;
margin-top: 140px;
font-weight:600;

letter-spacing:2px;

text-transform:uppercase;

color:#39FF14;

margin-bottom:18px;
}
.services-title{

max-width:850px;

margin:0 auto 70px;

text-align:center;

font-size:56px;

line-height:1.1;

font-weight:700;

color:#fff;
}

.services-title span{

color:#39FF14;

font-style:italic;

font-weight:500;
}
.service-card{

height:315px;

border-radius:34px;

background:#0a0a0c;
}
.swiper-pagination-bullet{

width:8px;
height:8px;

background:#444;

opacity:1;
}

.swiper-pagination-bullet-active{

background:#39FF14;

box-shadow:
0 0 10px #39FF14;
}
img{
max-width:100%;
height:auto;
}

iframe{
max-width:100%;
}

.services-title{

    text-align: center;
    font-size: 56px;
    font-weight: 800;
    line-height: 1.05;
    color: #fff;
    margin: 20px auto 20px;
    max-width: 1100px;
}

.services-title span{
font-size: 46px;
    color: #39FF14;
    font-style: italic;
    font-weight: 500;
}

.services-badge{

display:block;

text-align:center;

font-size:13px;

letter-spacing:3px;

font-weight:700;

text-transform:uppercase;

color:#39FF14;

margin-bottom:18px;
}
.services-section{

padding-top:80px;
padding-bottom:80px;
}

/* FONT AWESOME FIX */

.fab,
.fa-brands{
font-family:"Font Awesome 6 Brands" !important;
font-weight:400 !important;
}

.fas,
.fa-solid{
font-family:"Font Awesome 6 Free" !important;
font-weight:900 !important;
}

.lnr{
font-family:"Linearicons-Free" !important;
}

.partners-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
border:1px solid rgba(255,255,255,.08);
border-radius:30px;
overflow:hidden;
margin-top:60px;
background:#050505;
}

.partner-logo{
height:220px;
display:flex;
align-items:center;
justify-content:center;
border-right:1px solid rgba(255,255,255,.08);
border-bottom:1px solid rgba(255,255,255,.08);
transition:.4s;
}

.partner-logo:nth-child(4n){
border-right:none;
}

.partner-logo img{
max-width:180px;
max-height:60px;
opacity:.6;
filter:grayscale(100%);
transition:.4s;
}

.partner-logo:hover{
background:rgba(57,255,20,.03);
}

.partner-logo:hover img{
opacity:1;
filter:none;
transform:scale(1.08);
}
@media(max-width:768px){

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

.partner-logo{
height:140px;
}

.partner-logo:nth-child(2n){
border-right:none;
}

}
.partner-logo{
    min-width:320px;
    height:220px;
    display:flex;
    align-items:center;
    justify-content:center;

    border-right:1px solid rgba(255,255,255,.08);
    border-left:1px solid rgba(255,255,255,.03);
    border-top:1px solid rgba(255,255,255,.05);
    border-bottom:1px solid rgba(255,255,255,.05);

    transition:.4s;
}

.partner-logo img{
 max-width: 400px;
    max-height: 100px;
    opacity:.65;
    filter:grayscale(100%);
    transition:.4s;
}

.partner-logo:hover{
    background:rgba(255,255,255,.02);
}

.partner-logo:hover img{
    opacity:1;
    filter:none;
    transform:scale(1.08);
}

.btn-primary {
    height: 46px;
    padding: 0 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: linear-gradient(135deg, #8B2BE2, #6D28D9);
    color: #fff;
    font-weight: 600;}