.log-sec {
         background: var(--accent-color); /* Olive Green background */
    }
    .login-box {
      background: rgba(255, 255, 255, 0.1);
      padding: 30px;
      border-radius: 12px;
      text-align: center;
      width: 100%;
    }
    .login-box p{
            font-size: 15px;
    }
    .login-logo img {
      width:130px;
      margin-bottom: 15px;
    }
    .form-control {
      border-radius: 8px;
    }
    .btn-signin {
      background: #fff;
      font-weight: bold;
      border-radius: 8px;
      padding: 10px;
      width: 100%;
    }
    .btn-signin:hover{
         background:#e1e1e1;
         color:#000;
    }
    .footer-links a {
      color: #fff;
      text-decoration: none;
      margin: 0 8px;
    }
    .footer-links a:hover {
      text-decoration: underline;
    }
    
    @media (max-width: 767px) { 
        .forgate{
                font-size: 13px;
        }
    }
    
    /*dass-board-start*/
    
     .dash-body{
      background:#f4f4f4;
      display: flex;
      justify-content: center;
      align-items: center;
      min-height: 100vh;
    }

    .dashboard-card {
      background: #fff;
      border-radius: 10px;
      padding: 20px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    }

    .profile-photo {
      text-align: center;
    }
    .profile-photo img {
      width: 150px;
      height: 150px;
      border-radius: 50%;
      object-fit: cover;
      border: 4px solid #eee;
    }

    .profile-name {
      text-align: center;
      margin-top: 15px;
      font-size: 20px;
      font-weight: bold;
          color: #000;
    }

    .side-links-2 {
      margin-top: 20px;
    }
    .side-links a {
      display: block;
      padding: 12px 15px;
      margin: 5px 0;
      background: #f5f7fb;
      text-decoration: none;
      color: #333;
      border-radius: 6px;
      transition: 0.3s;
    }
    .side-links a:hover {
      background: #2c3e50;
      color: #fff;
    }

    .profile-heading {
      font-size: 20px;
      margin-bottom: 15px;
      color: #fff;
      border-radius: 7px;
      /*border-bottom: 2px solid #eee;*/
      padding-bottom: 5px;
     background: var(--accent-color);
     padding: 16px;
    }

    .profile-data {
      line-height: 1.8;
    }
    .profile-data p{
     color: #000;
    border-bottom: 1px solid #1817171c;
    padding-bottom: 10px;
    }
    .profile-data strong {
      width: 130px;
      color:#000;
      display: inline-block;
      font-weight: 500;
    }

    .status-active {
      color: #fff;
      background: #28a745;
      padding: 3px 10px;
      border-radius: 5px;
      font-size: 13px;
    }
    .das-bnn{
    padding: 16px 44px 15px 20px;
        font-size: 15px;
    }
    
    /*order-strar*/
    
      .status-canceled { 
        color:red!important ;
        font-weight: 500 !important; 
        
    }
    .status-progress {
        color:Blue !important; 
        font-weight: 500 !important; 
        
    }
    .status-delayed {
        color:#F5AB1E !important; 
        font-weight: 500!important; 
        
    }
    .status-delivered { 
        color:#39db39 !important; 
        font-weight: 500 !important; 
        
    }
    .table tbody tr:hover { 
        background-color:
        #f8f9fa; transition: 0.3s;
        }
        
        .order-table {
  width: 100%;
  border-collapse: collapse;
      background-color: #fff;
       min-width: 600px;
       border-radius: 10px;
}
.order-table th, 
.order-table td {
   padding: 14px 16px;
  text-align:left;
  color:#000;
  font-size: 14px;
   white-space: nowrap;
}
.order-table thead {
  background-color:#d8dfd7c9;
  font-weight: 600;
}
.order-table tbody tr:hover {
  background-color:#f1f7ff;
  transition: 0.3s;
}

/*order-end*/
/*certifacte-strar*/

 .certificate-table {
  width: 100%;
  border-collapse: collapse;
  
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 3px 12px rgba(0,0,0,0.08);
}

.certificate-table th,
.certificate-table td {
  padding: 14px 16px;
  text-align:left;
  color:#000;
  font-size: 14px;

}

.certificate-table thead {
  background:#d8dfd7c9;
  color: #fff;
}

.certificate-table tbody tr:nth-child(even) {
  /*background:#d8dfd7c9;*/
}

.certificate-table tbody tr:hover {
  background: #f1f7ff;
}

.status {
  padding: 4px 10px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 500;
}
.status.delivered { 
    /*background: #d4edda;*/
   color:#39db39;
    font-size: 16px;
}
.status.in-progress {
    /*background: #fff3cd;*/
color:Blue; 
    font-size: 16px;
    
}
.status.canceled { 
  /*background: #f8d7da; */
color:red; 
    
        font-size: 16px;
}

.btn-view {
  background: var(--accent-color);;
  color: #fff;
  padding: 6px 14px;
  border-radius: 20px;
  text-decoration: none;
  font-size: 14px;
  transition: 0.3s;
}
.btn-view:hover {
  background: var(--accent-secondary-color);

}
@media (max-width: 767px) { 
  .certificate-table{
        min-width: 900px;
        font-size: 15px;
    }
    .order-table{
       font-size: 15px;  
    }
  }  
  .class-table {
 width: 100%;
  border-collapse: collapse;
  
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 3px 12px rgba(0,0,0,0.08);
}

.class-table th,
.class-table td {
  padding: 14px 16px;
  text-align:left;
  color:#000;
  font-size: 14px;
}

.class-table thead {
  background:#d8dfd7c9;
  color: #000;
  font-weight: 600;
}

/*.class-table tbody tr:nth-child(even) {*/
/*  background: #f9f9f9;*/
/*}*/

.class-table tbody tr:hover {
  background: #f1f7ff;
}

.mode {
  padding: 5px 12px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 500;
  display: inline-block;
}
.mode.online {
    /*background: #d4edda;*/
    color:#39db39;
        font-size: 16px;
    
}
.mode.offline { 
    /*background: #fff3cd; */
    color:Blue;
        font-size: 16px;
    }

/* Mobile Responsive */
@media (max-width: 767px) {
  .class-table th, .class-table td {
    /*font-size: 13px;*/
    padding: 10px;
    font-size:15px;
  }
  .class-table{
      min-width:700px;
      
  }
}
.btn-download{
  color: var(--accent-secondary-color);
}

    /*dass-board-end*/
    
    /*cheak-out*/