/* start navbar  */
.navbar 
{
    position:fixed;
    width:100%;
    z-index:999;
}
.navbar.slide_down 
{
    position:fixed;
    /* background-color:var(--fifth-gray-shadow); */
    background: var(--primary-color);
    /* box-shadow:0px 2px 4px var(--fourth-gray-shadow); */
    top:0px;
    width:100%;
    z-index: 999;
}
.navbar .navbar_content 
{
    display:flex;
    justify-content: space-between;
    align-items:center;
    padding:10px 0;
    transition:.3s;
}
.navbar.slide_down .navbar_content 
{
    padding :0 ;
}
.navbar .navbar_content .navbar_logo h2 img
{
    width:60px;
}
@media (max-width:768px) 
{
    .navbar .navbar_content 
    {
        padding:22.2px 0;
    }
}
@media (max-width:768px)
{
    .navbar_content .navbar_links 
    {
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100vh;
        background-color: #311040;
        color:white;
        overflow: hidden;
        transition:.3s;
        /* z-index:999; */
        clip-path: circle(0px at 45px 35px);
    }
    .navbar_content .navbar_links.open 
    {
        clip-path: circle(1500px at 45px 35px);
        display: flex;
        
    }
}
.navbar_content .navbar_links .links-list 
{
    display: flex;
    flex:1;
    gap:10px;
}
@media (max-width:768px)
{
    .navbar_content .navbar_links .links-list 
    {
        flex-direction:column;
        justify-content: center;
        align-items: center;
    }
}
.navbar_content .navbar_links .links-list  .link-item 
{
    position:relative;
    color:white;
}

.navbar_content .navbar_links .links-list  .link-item.languague-btn
{
    background:white;
}
@media (max-width:768px)
{
    .navbar_content .navbar_links .links-list .link-item 
    {
        opacity:0;
        transition:.3s
    }
    .navbar_content .navbar_links .links-list .link-item.show 
    {
        opacity:1;
    }

}
.navbar_content .navbar_links .links-list  .link-item:before 
{
    content:"";
    width:0;
    height:2px;
    background-color:white;
    position:absolute;
    bottom:0;
    left:0;
    transition:.3s ;
}
.navbar_content .navbar_links .links-list  .link-item:hover:before ,
.navbar_content .navbar_links .links-list  .link-item.active:before
{
    width:100%;
}
.navbar_content .navbar_links .links-list  .link-item a 
{
    display:block;
    padding:20px 10px;
    text-transform: capitalize;
    transition:.3s;
}
.navbar.slide_down .navbar_content .navbar_links .links-list  .link-item a 
{
    padding:15px 10px;
}
.navbar_content .navbar_menu__icon 
{
    display: flex;
    flex-direction: column;
    gap: 5px;
    justify-content: center;
    align-items: center;
    width: 60px;
    padding: 0 10px;
    height: 34px;
    cursor:pointer;
    display:none;
    transition:height .3s ;
}
.navbar.slide_down .navbar_content .navbar_menu__icon 
{
    height:30px
}
@media (max-width:768px)
{
    .navbar_content .navbar_menu__icon 
    {
        display:flex;
        position: relative;
        z-index:99;
    }
}
.navbar_content .navbar_menu__icon  > div 
{
    width:100%;
    height:2px;
    background-color:#fff;
    transition:.3s;
}

.navbar_content .navbar_menu__icon.close > div:nth-of-type(1)
{
    transform:translate(0px, 7px) rotate(30deg);
}
.navbar_content .navbar_menu__icon.close > div:nth-of-type(2)
{
    width:0px;
} 
.navbar_content .navbar_menu__icon.close > div:nth-of-type(3)
{
    transform:translate(0px, -7px) rotate(-30deg);
}