/* * {
    box-sizing: border-box;
  } */
  

 @import url('https://fonts.googleapis.com/css2?family=Manrope&family=Montserrat:wght@600&family=Poppins&family=Quicksand&display=swap');

  :root {
    --hoverTextColor:#54B435;
    --textColor: #333;
  }
  
  /* body {
    margin: 0;
    padding: 0;
    width: 100%;
    font-family: "Roboto", sans-serif;
    color: var(--textColor);
  } */
  
  /**navigation css ***/
  #nav {
    width: 100%;
    border-bottom: 1px solid #ccc;
    font-size:15px;
    font-family: 'montserrat';
    height: 54px;
    padding-left: 7%;
    padding-right: 7%;
  }
  #nav ul {
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 10px;
    height: 100%;
    margin: 0;
    position: relative;
  }
  #nav ul li {
    height: 100%;
    display: flex;
    align-items: center;
    margin: 0;
    /* background-color: red; */
    border-bottom: 2px solid transparent;
    cursor: pointer;
  }
  #nav ul li:hover{
    color: var(--hoverTextColor);
    border-bottom: 4px solid var(--hoverTextColor);
  }
  /* #nav ul li:hover .slider{
    overflow: hidden;
    overflow: visible;
    color: var(--hoverTextColor);
    border-bottom: 4px solid var(--hoverTextColor);
  } */
  
  
  /**module box submenu***/
  .subMenu {
      position: absolute;
      font-family: 'poppins';
      width: 100%;
      /* height:100%; */
      top: 51px;
      left: 0;
      right: 0;
    
      background-color: white;
      border: 1px solid #ccc;
      box-sizing: border-box;
      display: none;
      /* margin: 4px 70px; */
      margin: auto;
      box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      padding: 20px;
      z-index: 2;
      /* width: fit-content; */
    }
    
    #nav ul li:hover .subMenu {
      display: block;
    }
    
    .subMenu p {
      color: var(--textColor);
      margin-top: 10 px;
      padding: 10px 0px;
      width: 150px;
    }
    .submenuList {
      display: flex;
    }
    .column {
      margin-right: 100px;
    }

    .column h4{
      font-family: montserrat;
    }