.nav{display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none;}
.nav li a p{height:30px;line-height:30px;}
.nav-fill .nav-item{flex:0 1 auto;padding:10px 10px 0px 10px;}
.nav-fill li:hover{background-color:#65ccdf;}
@media screen and (max-width: 768px){.nav li a p{font-size:14px;} h1{font-size:24px;}.nav-link{padding:0px 0px 0px 0px;}}
.c_menu1{background-color:#007bff;}
.c_menu1 a:hover{ text-decoration: none;}
.c_menu1 a p{color:#fff;}
.box1 {border:1px solid #0099ff; height:80px;line-height:80px;}
.box2{font-size:1.25rem;}
.image-card { width: 100%; border-radius: 8px; overflow: hidden;  box-shadow: 0 2px 12px rgba(0,0,0,0.1);transition: box-shadow 0.3s ease;  text-align:center;}
.image-card:hover { box-shadow: 0 8px 25px rgba(0,0,0,0.3);  transform: translateY(-2px); transition: all 0.3s ease;}
.image-card p{height:60px;padding:10px 0px 10px 0px;font-weight:bold;}
.image-card img{width: 100%; height: auto;aspect-ratio: 1/1;}
.card-body h3 {font-size:20px;color:#0066cc;}
.card {border: 1px solid rgba(0, 0, 0, 0.125);}
.card img{width:100%;}
.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(0,40,25,0.85) 0%,rgba(0,60,40,0.7) 50%,rgba(0,40,25,0.6) 100%);display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;box-sizing:border-box}
.hero-content h1{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:20px;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,0.3)}
.hero-content p{color:#fff;font-size:1.15rem;line-height:1.6;margin-bottom:30px;opacity:0.95;text-shadow:0 1px 2px rgba(0,0,0,0.3)}
.btn{display:inline-block;padding:8px 16px;border-radius:5px;text-decoration:none;font-weight:bold;font-size:1rem;transition:all 0.3s ease;cursor:pointer;color: #167D2E; background-color: #fff; border-color: #167D2E;}
.btn-primary{background-color:#167D2E;color:#ffffff;border:1px solid #167D2E}
.btn-primary:hover{background-color:#008f5d;border-color:#008f5d;transform:translateY(-2px)}
.btn-outline-light{background-color:transparent;color:#ffffff;border:2px solid #ffffff}
.btn-outline-light:hover{background-color:#ffffff;color:#004d33;transform:translateY(-2px)}
@media (max-width:768px){.hero-content h1{font-size:1.8rem}
.hero-content p{display:none}
.hero-container{max-height:500px}
.btn{padding:8px 6px;}
}