* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-decoration: none;
  list-style: none;
}

.container {
  max-width: 1000px;
  margin: 0 auto;
}
body {
  font-family: sans-serif;
}
/* header section start from here */
.header-section {
  border-bottom: 1px solid #9999993c;
}
.logo1 {
  width: 70px;
}
.logo2 {
  width: 350px;
}
.header-content-flex {
  display: flex;
  gap: 10px;
  justify-content: center;
  padding: 10px;
}

/* header section end from here */

/* form sedtion start from here */
.form-section {
  padding: 10px;
  margin-bottom: 70px;
}
.form-title-box {
  text-align: center;
}
.form-title {
  font-size: 30px;
  margin-bottom: 10px;
  color: #1f304b;
  font-weight: 700;
}
.form-description {
  font-size: 14px;
  color: #888;
}

.form-input-flex {
  display: flex;
  justify-content: center;
  padding-top: 20px;
}
.form-input {
  width: 400px;
  height: 40px;
  border: 1px solid #1b19195f;
  border-radius: 5px;
  padding: 0 20px;
}
.search-btn {
  height: 40px;
  background: #374151;
  padding: 10px 25px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  margin-left: -10px;
  position: relative;
}
.search-icon {
  height: 25px;
  width: 25px;
  color: #fff;
  margin-bottom: 10px;
  position: absolute;
  top: 7px;
  left: 12px;
}
/* form sedtion end from here */

/* student information start from here */
.student-information-section {
}
.student-information-grid-area {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  border: 1px solid #7777771c;
  border-radius: 5px;
  padding: 10px 20px;
}
.Information-title {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  letter-spacing: 0.3px;
}
.student-information-row {
  display: flex;
  justify-content: space-between;
  padding: 5px 0;
}
.student-information-row dt {
  font-size: 14px;
  color: #555;
}

.student-information-row dd {
  font-size: 14px;
  color: #555;
  text-align: end;
}
table th {
  font-size: 12px;
  font-weight: 500;
  color: #6b7280 !important;
  font-weight: 500;
}
tbody tr td {
  color: #8e939f !important;
}
.table-light tr {
  text-transform: uppercase !important;
  color: #8e939f !important;
}
.download-btn-box {
  text-align: right;
}
.download-icon {
  width: 20px;
}
.year-text {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
}

/* student information start from here */
/* Note section start from here */
.note-section {
  border: 1px solid #9999992a;
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 10px;
}
.note-title {
  font-size: 18px;
  font-weight: 600;
}
.note-description {
  font-size: 14px;
  color: #444;
}
/* Note section end from here */
/* footer section start  form here */
.footer-section {
  padding: 10px 20px;
  border-top: 1px solid #777;
}
.footer-flex-area {
  display: flex;
  justify-content: space-between;
}
.footer-text {
  font-size: 14px;
  color: #777;
}
.footer-link-text {
  color: #777;
}
.footer-link {
  font-size: 14px;
}
/* footer section end  form here */