 html, body {
      height: 100%;
      margin: 0;
    }
  
    .content {
      flex: 1; /* This pushes the footer to the bottom */
    }
    body {
      font-family: 'Segoe UI', sans-serif;
      padding: 0rem;
       display: flex;
      flex-direction: column;
    }
    .highlight-text {
      color: #822443;
      font-weight: 700;
    }
    .program-list {
      font-weight: 500;
      color: #822443;
    }
    .btn-apply {
      background-color: #822443;
      color: white;
      padding: 0.5rem 1.5rem;
      border-radius: 30px;
      box-shadow: 2px 2px 6px rgba(0,0,0,0.2);
    }
    .btn-apply:hover {
      background-color: #a23c5e;
      color: #fff;
    }
    .logo {
      max-height: 100px;
    }
    .rounded-img {
      border-radius: 16px;
    }
    .bg-maroon {
  background-color: #822443 !important;
}
.hero {
  background-image: url('../images/SNU-Landing-Final-H-\(1\)_banner-1.jpg');
  background-repeat: no-repeat;
  background-size: cover; /* Makes background full height */
  background-position: right center;
  color: white;
  padding: 5rem 2rem;
  min-height: 515px; /* ✅ Increase background image height */
  display: flex;
  align-items: center;
}

.form-widget {
  /* background-color: rgba(141, 122, 128, 0.75); */
  /* border-radius: 0.5rem; */
  /* padding: 1rem; */
  /* margin-left: auto; */ /* ✅ Pushes form to the right */
  /* width: 100%; */
  /* max-width: 450px; */
  /* box-sizing: border-box; */
  /* padding: 5rem 2rem; */
}

@media (max-width: 768px) {
  .form-widget {
    margin: 1rem auto 0 auto; /* ✅ Center on small screens */
    max-width: 100%;
  }

  .hero {
    flex-direction: column; /* ✅ Stack content vertically on small screens */
    min-height: auto;
    
  }
}
.hero .container {
  margin-top: 2rem; /* Adjust as needed */
}
.hero h2 {
  margin-top: 1rem; /* Adjust as needed */
}

/* Custom table styling */
.custom-table th {
  background-color: #822443;
  color: white;
  border: 1px solid #822443;
}

.custom-table td {
  border: 1px solid #822443;
}
 .admission-section {
    background-color: #f9f9f9;
  }

  .admission-table th,
  .admission-table td {
    border: 1px solid #822443;
    vertical-align: top;
    padding: 1rem;
    font-size: 0.95rem;
  }

  .admission-table th {
    background-color: #822443;
    color: white;
    text-align: center;
  }

  .admission-table td:first-child {
    background-color: #f1f1f1;
    font-weight: 600;
    width: 18%;
  }

  .admission-table .program-col {
    width: 27%;
  }

  .other-docs {
    background-color: #822443;
    color: white;
    padding: 1.5rem;
    border-radius: 6px;
  }

  .other-docs h5 {
    font-weight: 700;
    font-size: 1.25rem;
    margin-bottom: 1rem;
  }

  .other-docs ul {
    padding-left: 1.2rem;
    margin-bottom: 0;
    columns: 2;
    column-gap: 2rem;
  }

  .other-docs ul li {
    margin-bottom: 0.4rem;
    list-style-type: disc;
  }
  .footer-text {
    margin-top: 40px;
    font-size: 18px;
}


.bg-teal {
  background-color: #822443;
}
 .student-image-section {
      background-color: #f8f9fa; /* Light background */
      
      display: flex;
      align-items: center;
      justify-content: center;
      
    }
    .student-image-section img {
      
      height: auto;
    
     
    }
     .custom-img {
    height: 469px;
    width: 309px;
  }

  @media (max-width: 576px) {
    .custom-img {
      height: 520px;
      width: 340px;
    }
  }
    @media (min-width: 768px) {
    .custom-left-offset {
      margin-left: -130px;
    }
  }