/*Customize Class */
.top-margin-5
{
  margin-top: 5rem !important;
}
.text-brown
{
  color:brown;
}
.bg-c1
{
  background-color:whitesmoke;
}


.navbar-nav li:hover > ul.dropdown-menu
{
    display: block;
}
.dropdown-submenu
{
    position:relative;
}
.dropdown-submenu>.dropdown-menu
{
    top:0;
    /*left:-100%;*/
    left:-10rem; /* 10rem is the min-width of dropdown-menu */
    margin-top:-6px;
}

/* rotate caret on hover */
.dropdown-menu > li > a:hover:after
{
    text-decoration: underline;
    transform: rotate(-90deg);
} 
.dropdown-toggle::after
{
            content: none;
}

/*home */
nav li a
{
   color:black; 
   font-size: 15px;
}
nav li a:hover
{
    background-color: bisque;
}
.home-text
{
    color:olive;
    font-size: 6rem;
    margin-top: 6rem;
    text-shadow:2px 2px 2px black;

 
}
.home-text-span
{
   color:gray;
}
.home-text-p
{
    color:black;
}
/*section 2  Engineering*/
.Engineering-div
{
   display: flex;
   flex-direction: row;
   
}
#Engineering img
{
    width: 312px !important;
    height: 200px !important;
}
#Engineering .head
{
margin-right:4rem;
}
#Engineering .sub-head
{
margin-left:1rem;
}

 


* {
    box-sizing: border-box;
  }
 
  .container{
    width:900px;
    margin:0px auto;
  }
  /* Float three columns side by side */
  .column {
    float: left;
    width: 33.33%;
    padding: 0 10px;
  }
  
  /* Remove extra left and right margins, due to padding */
  .row {margin: 0 -5px;}
  
  /* Clear floats after the columns */
  .row:after {
    content: "";
    display: table;
    clear: both;
  }
  
  /*Mobile  Responsive  */
  @media  (min-width: 280px) and (max-width:700px)
{
    
  .container
  {
    width: 100%;
  }
    
  .column
  {
    width: 100%;
    display: block;
    margin-bottom: 20px;
      
  }
  .home-text
  {
    font-size: 3rem;
    margin-top: 2rem;
  }
  #Engineering .head
  {
  margin-right:2rem;
  }
  #Engineering .sub-head
  {
  margin-left:1rem;
  }

  }
  
  /* Style the counter cards */
  .card1 {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    padding: 5px;
    text-align: center;
    background-color: #fff;
    border-radius:10px;
    cursor:pointer;
  }
  .card1 .profile{
     border-radius:10px;
     transition: 0.2s;
  }
  /* .card1:hover .profile{
    transform:scale(1.4);
    border-top-right-radius:50px;
    border-top-left-radius:50px;
  } */
  
  .card1 .content{
    width:100%;
    height:100%;
    position:relative;
    overflow:hidden;
  }
  .card1 .content .back{
    position:absolute;
    width:100%;
    height:100%;
    background-color: black;
    opacity: 0.6;
    transition:1s;
     
    
    z-index:1;
    padding:10px;
  }
  .from-bottom
  {
    top:100%;
    left:0;
  }
  .card1:hover .content .from-bottom {
     top:0%;
  }
  
   
   
  
  /* .card1 .content .back h3{
    font-size:15px;
    letter-spacing:2px;
    

  } */
  /* .card1 .content .back .tem-img{
    border-radius:100%;
  } */