#navbarSupportedContent ul li a{
    font-size: 18px;
    color: black;
    }
    li a::after{
        content: '';
        width: 0;
        height: 3px;
        background-color: #9ce3ec;
        margin: auto;
        display: block;
      }
      
      li a:hover::after{
        width: 100%;
        transition: width 0.3s linear;
      } 
      .one{
        background-color: #6caaa8;
      }
      
      #navbarSupportedContent ul li a{
        color: white;
      }
      .Two{
        /* background-color:#fa7e1e ; */
        background-image: url(./Images/banner.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        padding-top: 40px;
        padding-bottom: 20px;
      }
      @media (max-width :415px)
  {
   .Two{
   background-image: url(./Images/banner2.jpg);
   }
  }

  .ViewButtonnew{
    
   
    color: black;
    padding: 5px 30px 5px 30px;
    font-size: larger;
    font-weight: 900;
    
}

  .ViewButton{
    
      background-color:white;
      color: green;
      padding: 5px 30px 5px 30px;
      font-size: larger;
      font-weight: 500;
      
  }
  .ViewButton:hover{
    background-color: green;
    color: white;
  }
      .Three{
        margin-left: 20px;
        margin-right: 20px;
      }
      .Four{
        margin-left: 20px;
        margin-right: 20px;
      }
      .Five{
        /* background-color:#fa7e1e ; */
        margin-left:0px;
        margin-right:0px;
      }
      .Six{
        margin-left: 20px;
        margin-right: 20px;
      }
      .video{
        margin-left: 20px;
        margin-right: 20px;
      }
      .sub-div{
        margin-left: 30px;
        margin-right: 30px;
      }
      .Seven button{
        background-color: #6caaa8;
        color: white;
        border-radius: 50px;
      }
      @media (max-width :415px)
      {
       .img{
       width: 280px;
       height: 350px;
       }
      }
      .dr1:hover {
        color:white !important;
      }