@media screen and (max-width: 600px) {
    p { font-size: 14px; }
  }

  .geeks img:hover {
    cursor: pointer;
}

.geeks img {
    transition: 0.5s all ease-in-out;
}

.scrollit {
  overflow:scroll;
  height:500px;
}
.scrollit td,th { padding: 10px;text-align: center;font-weight: 600; }
.scrollit th { background:#2a65bd;color: #fff; }
.divide { background-color: #eee;border-right:solid 2px #112e49; }

.geeks:hover img {
    transform: scale(1.2);
}

.newlist { list-style-type: none; display:flex;flex-wrap: wrap;border-top:solid 1px #ddd; justify-content:left;width:100%;}
.newlist a { text-decoration: none;color: #000; }
.listone { padding: 15px;border-right: solid 1px #ddd;font-size:20px;color: #0e3c78;font-weight:600; }
.listone:hover { background-color: #0b3d64 ;color: #fff;cursor: pointer; }
.navlist a:hover { color: #fff; }
@media screen and (max-width: 600px) {
    .newlist { justify-content:space-evenly; }
  }
.active { background-color: #081b2d;color: #fff; }
a.active { color: #fff; }
.box { display: flex;flex-wrap: wrap;justify-content: center; }
.item { margin: 5px;padding:20px;width:250px;text-align: center; border-radius:14px;  box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%); }
.item {z-index: 1; }
.item:hover { background-color:#507c9e2c;}
.item .img-thumbnail { width: 181px;height:200px; z-index: -1;}
.item p { font-size: 16px;font-weight: bold;text-align: center;}
.knowbtn { border-top: solid 4px #ddd;background: #eee;padding: 5px;}
.knowbtn a {text-decoration:none;color: #0b3d64 ; }
.expand { display: inline-block; transition: padding-right 1s; padding:10px; }
.expand p { color: #fff; }
.expand:hover { padding-right:10%; }