/*======================
NAVBAR
=======================*/

.navbar{

position:fixed;

top:0;

left:0;

width:100%;

background:#ffffff;

box-shadow:0 8px 30px rgba(0,0,0,.06);

z-index:999;

}

.container{

max-width:1300px;

margin:auto;

padding:15px 30px;

display:flex;

justify-content:space-between;

align-items:center;

}

.logo{

display:flex;

align-items:center;

text-decoration:none;

gap:12px;

}

.logo img {
  width: 52px;
  height: 52px;
  border-radius: 12px; /* आवश्यकता अनुसार 4px से 12px तक बदल सकते हैं */


}

.logo-text h2{

font-size:28px;

font-weight:700;

color:#1E3A8A;

margin:0;

}

.logo-text span{

color:#D81B60;

}

.logo-text p{

font-size:13px;

margin-top:3px;

color:#555;

}

nav{

display:flex;

align-items:center;

gap:35px;

}

nav ul{

display:flex;

gap:30px;

list-style:none;

}

nav ul li a{

text-decoration:none;

font-size:16px;

font-weight:600;

color:#333;

transition:.3s;

}

nav ul li a:hover{

color:#D81B60;

}

.download-btn{

padding:13px 24px;

background:#D81B60;

border-radius:40px;

color:#fff;

text-decoration:none;

font-weight:600;

transition:.3s;

}

.download-btn:hover{

background:#c2185b;

}

.menu-btn{

display:none;

width:32px;

cursor:pointer;

}

.menu-btn span{

display:block;

height:3px;

margin:6px 0;

background:#222;

border-radius:20px;

transition:.4s;

}

/*======================
MOBILE
=======================*/

@media(max-width:992px){

.menu-btn{

display:block;

}

nav{

position:absolute;

top:84px;

left:0;

width:100%;

background:#fff;

display:none;

flex-direction:column;

padding:25px 0;

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

}

nav.active{

display:flex;

}

nav ul{

flex-direction:column;

width:100%;

gap:0;

}

nav ul li{

text-align:center;

}

nav ul li a{

display:block;

padding:18px;

border-bottom:1px solid #eee;

}

.download-btn{

margin-top:20px;

}

.logo-text p{

display:none;

}

}