.nav-link {color:#333; font-size: 1rem; font-weight: 600;}
.nav-link:hover {color:#3D793A;}

.btn-success { background-color: #3D793A;}
.btn-success:hover {background-color: #286B25;}
.bg-green {background-color: #3D793A; color: #ffffff;}

.banner { background-image: url("../images/banner1.webp"); height: 50rem; background-position: center bottom; background-repeat: no-repeat; background-size: cover;  }
.middle {
    float: none;
    display: inline-block;
    vertical-align: middle;
}
.whybg {background-image: url("../images/whybanner2.webp"); min-height: 50rem; background-position: center bottom; background-repeat: no-repeat; background-size: cover;  }
.hiwbg {background-color: #f3f3f3; border-top: 0.125rem solid #f1f1f1;border-bottom: 0.125rem solid #f1f1f1;}
.hiw_title { color: #3D793A; font-weight: bold;}

.s_title {color:#3D793A; font-size: 0.875rem; line-height: 1rem;  padding: 0.5rem; background-color:#f1f1f1;}
.weexp {background-color: #3D793A; color: #ffffff; width: 230px;  padding: 2rem; position: relative; top:-90px; left: 20px;}

.col-box:hover { box-shadow: 0 1rem 3rem rgba(0, 0, 0, .2); transition: ease-in-out 1s ; -webkit-transition: ease-in-out 1s ; -moz-transition: ease-in-out 1s ; -ms-transition: ease-in-out 1s ; -o-transition: ease-in-out 1s ; }
.col-box { transition: ease-in-out 0.5s ; -webkit-transition: ease-in-out 0.5s ; -moz-transition: ease-in-out 0.5s ; -ms-transition: ease-in-out 0.5s ; -o-transition: ease-in-out 0.5s ; }

.numbox {background-color: #3D793A; color: #ffffff; height: 5rem; width: 5rem; margin: auto;}
.numbox h1 { font-weight: bolder; line-height: 5rem; font-size: 4rem;}
.numbox-text {min-height:10rem;}

.gray-line {height: 0.125rem; background-color: #f1f1f1;}

footer {
    background-color: #333;
}
footer .copyr { font-size: 0.875rem; color: #ffffff; line-height: 1.5rem;}