.success-message {
    position: fixed;
    top: 15px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #ffffff;
    color: #707070;
    padding: 15px 25px;
    border-radius: 10px;
    font-size: 16px;
    z-index: 9999;
    display: none;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    animation: fadeIn 0.5s;
}

@keyframes fadeIn {
    from { opacity: 0; top: 0; }
    to { opacity: 1; top: 15px; }
}

@keyframes fadeOut {
    from { opacity: 1; }
    to { opacity: 0; }
}
body{
margin:0 0 55px 0;
}
.nav1{
position:fixed;
bottom:0;
width:100%;
height:55px;
box-shadow:0 0 3px #cccfd5;
background-color:#ffffff;
display:flex;
overflow-x:auto;
}
.nav_link{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
flex-grow:1;
min-width:50px;
overflow:hidden;
white-space:nowrap;
font-family:sans-serif;
font-size:13px;
color:#444444;
text-decoration:none;
-webkit-tap-highlight-color:transparent
transition:background-color 0.1s ease-in-out;
}
.nav_link:hover{
background-color:#009578;
}
.nav_link_active{
color:#009578;
}
.nav_icon{
font-size:18px;
}