.header_g {
 /* max-width: 1200px; */
  background-color: rgba(34, 57, 140, 0.874);
  /* display: flex; */
  /* justify-content: space-between; */
  /* align-items: center; */
  /* padding: 5px 5%; */
  height: 45px;
  width: 40%;
  border-radius: 10px;
  top:  15px;
  left: 10px;
  position: fixed;
  z-index: 1001;
  box-shadow: 5px 5px 5px rgba(0, 0, 139, 0.358);

  }



.navbar{
    /* width: 100%; */
    max-width: 1200px;
    height: 45px;
display: flex;
align-items: center;
/* justify-content: space-between; */
margin: 0 auto;
/* line-height: 45px; */
/* padding: 0 30px; */
/* background-color: rgb(118, 118, 118); */
}

.navbar .logo  {
/* font-size: 1.4rem; */
color: white;
/* font-weight: bold; */
font-size: 21px;
padding: 0 10px;
width: max-content;
line-height: 45px;
}


a{
    text-decoration: none;
    color: white;

}

.navbar .links{
display: flex;
gap: 2rem;
padding: 0 60px;
line-height: 45px;
  font-size: 13px;
}

.navbar .toggle_btn{
color: white;
font-size: 1.5rem;
cursor: pointer;
/* display: none; */
padding: 0px 20px;
}


.dropdown_menu{
/* display: none; */
position: fixed;
/* right: 0rem; */
top: 60px;
left: 10px;
width: 0px;
height: 0px;
/* background-color: rgba(54, 54, 54, 0.9); */
z-index: 2555;
backdrop-filter: blur (30px);
border-radius: 8px;
overflow: hidden;
transition: 0.2s ease-in ;/* Agregar la transición aquí */
  border: 1px solid rgb(145, 145, 147);
  box-shadow: 0 0 3px darkblue;
 background-color: #ffffff;
 }
.open{
    height: 310px;
    width: 210px;
      /* background-color: rgba(208, 16, 16, 0.75); */
}

.dropdown_menu li{
 padding: 5px 0;
/* margin: 0.5rem; */
}

.dropdown_menu ul{
     padding: 15px 0;
 /* align-items: center; */
 justify-items: center;


 /* font-family: sans-serif; */
 /* font-weight: bold; */

}



.dropdown_menu li a{
  color: black;
   font-size:  14px;
   font-weight: bold;
}

.dropdown_menu li a:hover{
 color:aqua;

}



/* RESPOSIVE */

@media (max-width: 850px) {
    .navbar .links {
    display: none;
}
.navbar .toggle_btn{
display: block;
}
.header_g {

      /* background-color: rgba(64, 66, 73, 0.874); */
       width: 70%;
}


}