*{
    scroll-behavior: smooth;
}


.feature-item .feature-icon i {
    font-size: 50px;
    color: #168638;
}
.banner {
    position: relative;
    overflow: hidden;
    background: #fff;
    background: url(../images/bg/hero.jpg) no-repeat;
    background-size: cover;
    min-height: 662px;
}
.mb-80{
    margin-bottom: 80px !important;
}


@media (max-width: 600px) {
    .page-title {
        padding: 18px 0px 0px 0px !important;
    }
  }
  


  .mhw {
    height: 60px;
    width: 60px;
    margin: 0 3px;
    cursor: pointer;
}
.thumbPic {
    padding: 10px 0px;
}

.about-img img {
    box-shadow: none;
}
.section {
    padding: 140px 0;
}
html{
    scroll-behavior: smooth;
}

li.nav-item.dropdownx {
    position: relative;
}
li.dropdownx ul.submenu {
    visibility: hidden;
    position: absolute;
    width: 170px;
    background: #ffffff;
    left: 0;
    top: 100%;
    box-shadow: 0 0 10px 3px rgb(0 0 0 / 5%);
    padding: 17px 0 5px 0;
   
    z-index: 9999999;
    border-top: 2px solid #168638;
}

li.dropdownx:hover ul.submenu {
    visibility: visible;
   
}
ul.submenu {
    list-style: none;
}
ul.submenu li {
    padding: 0.4rem 0.5rem;
    background: #ffffff;
    /* border-bottom: 1px solid #1c19191a; */
}
ul.submenu li a{
    transition: .2s;
}
ul.submenu li a:hover {
    margin-left: 5px;
}
.mt_100{
    margin-top: 100px;
}

header {
    position: absolute;
    z-index: 99;
    width: 100%;
    top: 0;
    background: white;
}
.testNav{

    animation: fadeOut 1.5s ;
}
header.stickyNav{
    position: fixed !important;
    top:0;
    z-index: 9999;
    width: 100%;
    background: white;
    box-shadow: -2px -1px 6px 0px #157e353d;
    animation: fadeIn 1.5s ;
    /* transition: animation 2s; */
}

@keyframes fadeIn {
    0% {
        top: -100%;

    } 
    20% {
        top: -50%;
    }
    50% {
        top: -20%;
    }
    100% {
        top: 0;
    }
}

@keyframes fadeOut {
    0% {
        top: 0;
    } 
    20% {
       
        top: -20%;
    }
    50% {
        top: -50%;
    }
    100% {
        top: -100%;
    }
}