.card .banner-img{transition: all .8s !important;}
.card:hover .banner-img{transform: rotatey(360deg);}

.card-content a.badge:hover{color:white;}

.card-circle a{color:white;}
.card-circle a:hover{color:white;}
.mycard{border:1px solid white;}
.mycard:hover{border:1px solid #a1d7ee;}

:root{
    --navy:#161658;
    --dark:#3a3a40;
    --red:#f00;
    --orange:#ff5722;
}

/* Blog */
.tesDB-Blog{font-size: 18px !important;color:var(--dark);}
.head1{color:var(--navy);font-weight: 800;font-size:32px;}

.invoice p, .invoice ul{font-size: 17px !important;color:var(--dark) !important;text-align: justify;}

.subhead1{font-weight: 800;text-decoration: underline;text-underline-offset: 3px;text-decoration-thickness: 2px;
    color:var(--navy);font-size:20px;}
.subhead2{font-weight: 800;color:var(--navy);font-size:18px;}
.subhead3{font-weight: 700;color:var(--navy);font-size:16px;}
.ora_head{font-weight: 800;color:var(--orange);font-size:16px;}

.red{color:var(--red);}
.bold{font-weight: 800 !important;}
.italic{font-style: italic !important;}

.coding-area{background-color: #f5f5f5;color:#363535;border-radius: 5px;
padding:20px !important;border:1px solid #9e9c9c;margin:15px 0px 30px;}

.syntax{display:block;font-style:italic;margin-bottom:.2em;}

.table-responsive table th a{color:var(--dark);font-weight: bold;font-size: 16px;}

.blog-img{margin:10px 0px 20px 20px;} 
@media only screen and (max-width: 600px) 
{
    .blog-img{width:100%;}
}

.labq{border-bottom:1px solid #e4e2e2;padding-bottom:10px;}
.ques{color:red;margin-right:10px;font-weight: bold;}
.hand{display: block;margin:0px 0px 0px 40px;}

@media(max-width:600px){.hand{display: inline;margin:0px 0px 0px 20px;}}

.table-wrap {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      padding:0px 0px 15px 0px;
    }
 
    .table-wrap tr,.table-wrap td, .table-wrap th {
      border:1px solid rgb(168, 168, 168);
    }

    table {
      width: 100%;
      border-collapse: collapse;
      font-size: 14px;
      min-width: 520px;
    }
 
    thead tr {
      background: #3a4f85;
    }
 
    thead th {
      padding: 13px 18px;
      text-align: left;
      font-weight: 800;
      font-size: 12px;
      color: #efefef;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      white-space: nowrap;
      border-bottom: 2px solid #2c3e6b;
    }
 
    tbody tr {
      border-bottom: 1px solid #eef0f6;
      transition: background 0.15s ease;
    }
 
    tbody tr:nth-child(odd) {
      background: #f8f9fc;
    }
 
    tbody tr:nth-child(even) {
      background: #ffffff;
    }
 
    tbody tr:hover {
      background: #eef3ff;
    }
 
    tbody td {
      padding: 13px 18px;
      vertical-align: middle;
      color: #2d3a55;
    }

.bwn-head{padding:8px;background-color: #378bf1;color:white;font-weight: 800;
  text-align: center;margin:10px 0px;width:60%;margin:20px auto;}

  .bwn-head-orange{padding:8px;background-color: #ff5722;color:white;font-weight: 800;
  text-align: center;margin:10px 0px;width:60%;margin:20px auto;animation:bump 1s infinite;}

.bwn-head-orange a{color:#f9f508;text-decoration: none;font-weight: 800;}
.bwn-head-orange a:hover{color:#f9f508;}

@keyframes bump{
    0%{transform:scale(1);}
    50%{transform:scale(1.2);}
    100%{transform:scale(1);}
}

 .sql-label {
      display: inline-block;
      background: #313244;
      color: #89b4fa;
      font-size: 11px;
      font-family: 'Source Code Pro', monospace;
      font-weight: 600;
      letter-spacing: 1px;
      padding: 2px 10px;
      border-radius: 4px 4px 0 0;
      margin-bottom: -1px;
      text-transform: uppercase;
    }