html{
  scroll-behavior: smooth;
}

body{
    margin:0;
    padding: 0;
    font-family: Poppins;
    /* font-family: Helvetica; */
     
}


.navbar{
    background-color: #1fae40 !important;
    
}


.dropdown-menu{
    background-color: #169b35;
}
.nav-link:hover{
    color:black;
    }

    /* white All text */
   
    .container-fluid div li a {
        color:white;
      }
  


  /* Note: Try to remove the following lines to see the effect of CSS positioning */
  .affix {
    top: 0;
    width: 100%;
    z-index: 9999 !important;
  }

  .affix + .container-fluid {
    padding-top: 70px;
  }



  .dropdown-menu li{
    position: relative;
  }
  .dropdown-menu .submenu{ 
    display: none;
    position: absolute;
    left:100%; top:-7px;
  }
  .dropdown-menu .submenu-left{ 
    right:100%; left:auto;
  }

  .dropdown-menu > li:hover{ background-color: #C0C0C0 }
  .dropdown-menu > li:hover > .submenu{
    display: block;
  }


   /* white All text */
 
   .container-fluid div li a {
    color:white;
  }



 .nav-link:hover{
  color:black;
  }

  .container div li a {
    color:white;
  }
 
  a,a:hover,a:focus{
text-decoration: none;
}








/* Main Navbar condition */


.navbar-nav li:hover>ul.dropdown-menu{
    display: block;
}

.dropdown-submenu{
    position: relative;
}

.dropdown-submenu>.dropdown-menu{
    top: 0;
    margin-top: -5px;
    left: 100%;
}

/* Main Navbar condition end */


/* icon rotation */
.dropdown-menu>li>a:hover::after{
    text-decoration: underline;
    transform: rotate(-90deg);
}