:root {
      --primary-color: #3a86ff;
      --secondary-color: #8338ec;
      --accent-color: #ff006e;
      --light-color: #f8f9fa;
      --dark-color: #212529;
    }
    
    body {
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
      line-height: 1.6;
      color: var(--dark-color);
      background-color: #f5f7fa;
    }
    
  
    
    .student-info-card {
      background: #fdf1f1;
      border-radius: 10px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
      margin-top: -30px;
      padding: 1.5rem;
    }
    
    .info-label {
      font-weight: 600;
      color: var(--secondary-color);
    }
    
    .instruction-card {
      background: white;
      border-radius: 10px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
      margin-bottom: 1.5rem;
      padding: 1.5rem;
      transition: transform 0.3s ease;
    }
    
    .instruction-card:hover {
      transform: translateY(-5px);
    }
    
    .instruction-number {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 40px;
      height: 40px;
      background-color: var(--primary-color);
      color: white;
      border-radius: 50%;
      font-weight: bold;
      margin-right: 15px;
    }
    
    .important-note {
      background-color: #fff3cd;
      border-left: 5px solid #ffc107;
      padding: 1rem;
      margin: 1.5rem 0;
      border-radius: 5px;
    }
    
    .exam-rules {
      background-color: #fff;
      border-left: 5px solid #2d6a4f;
      padding: 1.5rem;
      border-radius: 5px;
    }
    
    .nav-pills .nav-link.active {
      background-color: var(--primary-color);
    }
    
    .nav-pills .nav-link {
      color: var(--dark-color);
    }
    
    .nav-pills .nav-link.active {
      color: white;
    }
    
    .tab-content {
   padding: 26px;
  background: #ffffff2b;
  border-radius: 20px 15px 14px 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.64);
    }
    
    footer {
      background-color: var(--dark-color);
      color: white;
      padding: 2rem 0;
      margin-top: 3rem;
    }
    
    .back-to-top {
      position: fixed;
      bottom: 20px;
      right: 20px;
      width: 40px;
      height: 40px;
      background-color: var(--primary-color);
      color: white;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      text-decoration: none;
      opacity: 0.8;
      transition: opacity 0.3s;
    }
    
    .back-to-top:hover {
      opacity: 1;
      color: white;
    }
    
    @media (max-width: 768px) {
      .student-info-card {
        margin-top: 1rem;
      }
    }
	
	.bb{
		border-bottom:1px dotted #000;
		padding-top:10px;
		padding-bottom:10px;
	}