update

assets/css/style16eb.css

@@ -37982,6 +37982,7 @@ section {
 /* Focus state */
 .uni-search input:focus {
   outline: none;
+  border: 2px solid;
   border-color: #2563eb;
   /* modern blue */
   box-shadow: 0 10px 25px rgba(37, 99, 235, 0.25);
@@ -38020,4 +38021,107 @@ section {
   .uni-search {
     max-width: 100%;
   }
+}
+
+/* Filter Box */
+.college-filter-box {
+  display: flex;
+  /* justify-content: center; */
+  margin-bottom: 40px;
+}
+
+.college-filter-box select {
+  width: 260px;
+  padding: 14px 18px;
+  border-radius: 30px;
+  /* rounded select box */
+  border: 1px solid #e2e8f0;
+  font-size: 15px;
+  font-weight: 500;
+  color: #334155;
+  background-color: #ffffff;
+  cursor: pointer;
+
+  outline: none;
+  transition: all 0.3s ease;
+      appearance: none;
+        -webkit-appearance: none;
+        -moz-appearance: none;
+}
+.college-filter-box select option{
+border-radius: 12px;
+margin-top: 12px;
+}
+/* Hover & Focus */
+.college-filter-box select:hover,
+.college-filter-box select:focus {
+  border-color: #2563eb;
+  box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.1);
+}
+.college-list-section {
+  padding: 70px 0;
+  background: #f8f9fc;
+}
+
+.section-title {
+  text-align: center;
+  font-size: 32px;
+  font-weight: 600;
+  margin-bottom: 50px;
+  color: #1e293b;
+}
+
+.college-grid {
+  display: grid;
+    grid-template-columns: repeat(7, 1fr);  gap: 30px;
+}
+
+.college-card {
+  background: #fff;
+  border-radius: 16px;
+  padding: 25px 15px;
+  text-align: center;
+  transition: all 0.3s ease;
+  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
+}
+
+.college-card:hover {
+  transform: translateY(-6px);
+  box-shadow: 0 20px 35px rgba(0, 0, 0, 0.1);
+}
+
+.college-card img {
+  width: 95px;
+  height: 70px;
+  object-fit: contain;
+  margin-bottom: 15px;
+}
+
+.college-card p {
+  font-size: 15px;
+  font-weight: 600;
+  color: #334155;
+  line-height: 1.4;
+  margin: 0px;
+}
+.college-card img {
+  /* filter: grayscale(100%); */
+  transition: 0.3s;
+}
+
+.college-card:hover img {
+  /* filter: grayscale(0%); */
+}
+/* Tablet */
+@media (max-width: 1024px) {
+  .college-grid {
+    grid-template-columns: repeat(5, 1fr);
+  }
+}
+
+/* Mobile */
+@media (max-width: 768px) {
+  .college-grid {
+    grid-template-columns: repeat(3, 1fr);
+  }
 }