.mar{
    margin-top:40px;
 }
 
 
 
 ul {
    list-style:none;

        }

        li {
            display: inline;
        }

        .slideimg {
            height: 350px;
            object-fit: cover;
        }

        .dropdown:hover .dropdown-menu {
            display: block;
        }

        .active {
            background-color: rgb(29, 79, 136);

        }

        hr {
            display: block;
            height: 2px;

            border-top: 10px solid #063b5a;


        }
        .h1{
            background-color:#112464;
            color:white ;
        }
        .position{
            position:fixed;
        }
        .pan{
            padding-bottom:20px ;
        }
        .ce{
            padding-top:100px ;
        }
        
        .a{
            text-decoration:none ;
            color:black ;
        }
        .a:hover{
            color:#05374e;
        }
        nav .dropdown:hover .dropdown-menu{
    display:block;
 }
nav .dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 10px;
    font-size: 10px;
    border: none;
    cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
nav .dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
nav .dropdown-menu {
  padding:2%;
    border:2px solid white;
    display: none;
    position: absolute;
    /* bottom: 100%; Position the dropdown content above the button */
    /* transform: translateY(10px); Initial position below the button */
    /* transition: transform 0.3s ease, opacity 0.3s ease; */
    opacity: 0;
}

nav .nav-item.dropdown:hover .dropdown-menu {
    display: block;
    /* transform: translateY(-10px); Move the dropdown content up */
    opacity: 1;
}
nav .nav-item.dropdown:hover .dropdown-menu {
    display: block;
    background-color: rgb(250, 251, 240);
    animation: floatUp 0.3s forwards; /* Apply the animation */
}

@keyframes floatUp {
    from {
        transform: translateX(-20px);
        opacity: 0;
    }
    to {
        transform: translateY(4.6px);
        opacity: 1;
    }
}
nav{
    background-color: rgb(234, 243, 207);
 font-weight: bold;

}
nav .dropdown-item {
   
    position: relative;
    transition: border-left 0.3s ease, padding-left 0.3s ease;
}

nav .dropdown-item:hover {
    border-left: 4px solid rgb(0, 80, 70);
    background-color: rgb(251, 252, 253);
    padding-left: 12px; /* Add some padding to make the animation more noticeable */
}
.dec{
text-decoration: none;
color:white;}
.dec:hover{
    color:white;
}
.date {
    font-size:15px;
    color: #fffafa;
}