html, body{
height:100%;
margin:0;
overflow:hidden;
}

.navbar{
position:absolute;
width:100%;
z-index:10;
}
  
.login_btn a{
padding: 8px;
border-radius: 4px;
color:#157347;
background: #f0eaea;
border:2px solid #157347;
}

.login_btn a:hover{
background: #157347;
color:#fff;
box-shadow:0 10px 25px rgba(0,0,0,0.9);
}

.carousel, .carousel-inner, .carousel-item{
height:100vh;
}

.carousel-item{
position:relative;
}

.carousel-item img{
position:relative;
height:100vh;
width:100%;
object-fit:cover;
z-index:0;
}

.carousel-item::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgb(173,223,173,0.9);
z-index:1;
}

.carousel-caption{
z-index:2;
bottom:40%;
text-align:center;
padding:0 15px;
}

.animate-title{
color:#157347;
font-size:5rem;
font-weight:900;
line-height:1.2;
box-shadow: 0 8px 20px rgba(0,0,0,0.2);
animation:slideDown 1s ease forwards;
}

.animate-text{
color:#013220;
font-size:1.60rem;
animation:fadeInUp 1.5s ease forwards;
}

.animate-btn{
display: inline-block;
padding:14px 15px;
font-size:18px;
font-weight:600;
background:linear-gradient(135deg, #198754, #20c997);
color:#ffffff;
border-radius: 50px;
box-shadow: 0 8px 20px rgba(0,0,0,0.2);
transition: all 0.4s ease;
position:relative;
overflow:hidden;
}

.animate-btn:hover{
transform:translateY(-5px);
box-shadow:0 12px 25px rgba(25, 135,84, 0.4);
background:linear-gradient(135deg, #157347, #198754);
color:#ffffff;
}

.animate-btn:active{
transform:scale(0.95);
}

.animate-btn{
animation:fadeIn 2s ease forwards;
}

@keyframes slideDown{
from{transform:translateY(-50px); opacity:0;}
to{transform:translateY(0); opacity:1;}
}

@keyframes fadeInUp{
from{transform:translateY(50px); opacity:0;}
to{transform:translateY(0); opacity:1;}
}

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

@media (max-width: 768px) {
    .carousel-caption{
        bottom:50%;
        text-align:center;
        padding:0 15px;
        }

    .animate-title {
        font-size:2rem;
    }

    .animate-text {
        font-size: 1.01rem;
    }

    .animate-btn {
        font-size: 2rem;
        padding: 4px 10px;
    }
}