:root{
    --themecolor: 51,40,239;
}


.navbar-header{background: rgb(var(--themecolor))!important;}

@media screen and (max-width:920px)
{
  .breadcrumb{display: none!important;}
}

.header-navbar .navbar-wrapper {    background: rgba(255,255,255.1);
}
.breadcrumbs-top {background: rgba(255,255,255,.5);
    padding: 10px;
    margin-left: 0px;
    margin-right: 0px;
    border-radius: 5px;
    box-shadow: 0px 0px 5px rgba(0,0,0,.02);
}
    .breadcrumbs-top .breadcrumb {
    background:none;}
.nav-pills .nav-link, .nav-tabs .nav-link {    background: #fff;
    box-shadow: 0px 0px 5px rgba(0,0,0,.1);
}

.footer {    background: #fff;}
.nav.nav-tabs {border-bottom: none;}
.table td{padding:8px!important;border-bottom-width: 1px!important;font-size: 13px;}


.video-card{display:block; position:relative; box-shadow:0 3px 3px #0001; margin-bottom:30px; font-family:Arial;}
.video-card .tags{position:absolute; left:-3px; top:10px; font-size:11px; text-transform:uppercase; font-weight:600; padding:0 8px; background:#c00; color:#fff;}
.video-card img{width:100%; height:160px;}
.video-card .contact{background:#fff; color:#000;}
.video-card .contact .m-1{margin: 0.25rem !important;}
.video-card .contact .mr-1{margin-right: 0.25rem !important;}
.video-card .contact .pr-1{padding-right: 0.25rem !important;}
.video-card .contact .badge{font-weight:400;}
.video-card .contact .title{font-size:15px; background:rgb(var(--themecolor)); color:#fff; text-align:center; padding:5px 0px;}
.video-card .contact .badge{padding:5px; text-transform:none;}
.video-card .contact .badge-light {color: rgb(33, 37, 41); background-color: rgb(248, 249, 250);}

.displaydata{padding:0px; margin:0px; width:100%; font-size:13px;}
.displaydata th{padding:10px;}
.displaydata .tr{border-radius:5px; box-shadow:0 0 30px rgb(0 0 0 / 5%); transition: transform 300ms linear;}
.displaydata .tr:hover{transform: scale(1.025)}
.displaydata .tr td{padding:20px;}
.displaydata .name{font-size:14px; font-weight:600; color:#000;}