/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 23 2020 | 09:17:48 */
/* slide btn */

.slbtn{ cursor:pointer; clear:both;  border-radius: 3px; padding:20px 20px; display:inline-block; margin:0 20px;
  transition:all 0.8s, color 0.3s 0.3s; cursor:pointer; background:#fafafa; color:#010084;text-decoration:none;text-align:center;}
.slbtn:hover{ box-shadow:350px 0 0 0 rgba(0,0,0,0.5) inset;color:#ffffff;}

/* slide btn end */

.topicsbt{padding-inline-start: 0px!important;}
.topicsbt li{list-style-type:none;display:inline;}

.topicsbt a {
    position: relative;    display: inline-block;    border: solid 1px #4054B2;    background-color: #f2f2f2;
    width: calc(100% / 3 - 20px );    height: 60px;    line-height: 60px;    font-weight: bold;    color: #333;    text-align: center;    z-index: 10;margin:4px 6px;
border-radius: 3px;}
.topicsbt a:before {
    content: "";    position: absolute;    display: block;    background-color: #4054B2;    width: 0;    top: 0;    bottom: 0;
    -webkit-transition: .4s ease 0s;    transition: .4s ease 0s;    z-index: -1;}

.topicsbt a:hover {    color: #fff;    text-decoration: none;}
.topicsbt a:hover:before {    width: 100%;}

@media (max-width: 500px) {
   
.topicsbt a {  width: 100%; }
  
}