//body{border:5px solid red !important;}

.nx-header{

position:fixed;

top:0;

left:0;

width:100%;

height:90px;

padding:0;

display:flex;

align-items:center;

z-index:999;

//background:rgba(7,17,29,.55);
background:#000715;
backdrop-filter:blur(18px);

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

}
/*==================================
Header Offset
==================================*/

body{

padding-top:90px;

}

.nx-navbar{

display:flex;

align-items:center;

justify-content:space-between;

gap : 40px
}

.nx-menu{

display:flex;

align-items:center;

gap:38px;

margin:0;

padding:0;

}

.nx-menu li{

list-style:none;

}
.nx-menu a{

position:relative;

color:#d8e3ed;

font-size:17px;

font-weight:700;

padding:10px 6px;

transition:.35s;

}
.nx-menu a::after{

content:"";

position:absolute;

left:0;

bottom:-6px;

width:0;

height:3px;

border-radius:10px;

background:linear-gradient(90deg,#00d4ff,#3f8cff);

transition:.35s;

}.nx-menu a:hover{

color:#ffffff;

}

.nx-menu a:hover::after{

width:100%;

}


.nx-actions{

display:flex;

align-items:center;

}
.nx-login{

padding:13px 26px;

border-radius:40px;

font-size:15px;

font-weight:700;

background:linear-gradient(135deg,#00d4ff,#2f7cff);

transition:.35s;

box-shadow:0 12px 28px rgba(0,212,255,.22);

}

.nx-login:hover{

transform:translateY(-3px);

box-shadow:0 18px 40px rgba(0,212,255,.35);

}


.nx-logo a{

font-size:34px;

font-weight:800;

letter-spacing:2px;

color:white;

}

.nx-nav{

display:flex;

gap:45px;

}

.nx-nav a{

color:#d7e1eb;

font-size:16px;

font-weight:600;

transition:.3s;

}

.nx-nav a:hover{

color:var(--primary);

}

.nx-btn{

padding:14px 34px;

border-radius:50px;

background:linear-gradient(135deg,#00d4ff,#2f7cff);

color:white;

font-weight:700;

box-shadow:0 10px 30px rgba(0,212,255,.25);

transition:.35s;

}

.nx-btn:hover{

transform:translateY(-4px);

box-shadow:0 20px 45px rgba(0,212,255,.35);

}


/*==============================
Hamburger Button for PC
==============================*/

.nx-menu-toggle{

display:none;

width:48px;

height:48px;

background:transparent;

border:none;

cursor:pointer;

padding:0;

position:relative;

z-index:1002;

/* این سه خط جدید */

display:none;

flex-direction:column;

justify-content:center;

align-items:center;

}



.nx-menu-toggle span{

width:28px;

height:3px;

background:#fff;

border-radius:10px;

margin:3px 0;

display:block;

transition:.35s;

}


/*==========================
Mobile Menu for mobile
==========================*/

@media (max-width:768px){

.nx-menu-toggle{

display:flex;

}

.nx-nav{

position:fixed;

top:0;

right:-100%;

width:300px;

height:100vh;

background:#0d1b2d;

padding:100px 30px;

transition:.35s;

z-index:1001;

box-shadow:-10px 0 40px rgba(0,0,0,.35);

}

.nx-nav.active{

right:0;

}

.nx-menu{

display:flex;

flex-direction:column;

gap:28px;

}

.nx-menu a{

font-size:18px;

font-weight:700;

}

}


/*==========================
Hamburger Animation
==========================*/

.nx-menu-toggle.active span:nth-child(1){

transform:translateY(8px) rotate(45deg);

}

.nx-menu-toggle.active span:nth-child(2){

opacity:0;

}

.nx-menu-toggle.active span:nth-child(3){

transform:translateY(-8px) rotate(-45deg);

}


.nx-menu-toggle.active span:nth-child(1){

transform:translateY(8px) rotate(45deg);

}

.nx-menu-toggle.active span:nth-child(2){

opacity:0;

}

.nx-menu-toggle.active span:nth-child(3){

transform:translateY(-8px) rotate(-45deg);

}