.elementor-10370 .elementor-element.elementor-element-dc30801{--display:flex;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-10370 .elementor-element.elementor-element-95276c7 > .elementor-widget-container{padding:0px 0px 0px 0px;}/* Start custom CSS for text-editor, class: .elementor-element-95276c7 *//* Main Container - The "Card" Look */
.rti-container {
  max-width: 960px;
  margin: 10px auto;
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); /* Soft, diffused shadow */
  border: 1px solid #e2e8f0;
  font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  overflow: hidden; /* Ensures child elements don't break rounded corners */
}

/* Header Section (College Name & Title) */
.rti-header {
  padding: 30px 20px 10px;
  text-align: center;
  background: #fff;
}

.rti-sub-title {
  color: #ef4444; /* The red/brown from your image, but cleaner */
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 8px;
  display: block;
}

.rti-college-name {
  color: #1e293b; /* Dark Slate */
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 10px 0;
  line-height: 1.3;
}

.rti-act-title {
  color: #64748b;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 25px;
  display: inline-block;
  border-bottom: 2px solid #e2e8f0;
  padding-bottom: 4px;
}

/* Table Wrapper for responsiveness */
.rti-table-wrap {
  width: 100%;
  overflow-x: auto;
}

/* The Table Itself */
.rti-table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}

/* Table Head */
.rti-table thead th {
  background-color: #f8fafc; /* Very light cool gray */
  color: #64748b; /* Muted text for labels */
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 16px 24px;
  border-bottom: 1px solid #e2e8f0;
  border-top: 1px solid #e2e8f0;
}

/* Table Body */
.rti-table tbody td {
  padding: 20px 24px;
  font-size: 15px;
  color: #334155;
  border-bottom: 1px solid #f1f5f9; /* Subtle divider */
  vertical-align: middle;
}

/* Row Hover Effect - Makes it interactive */
.rti-table tbody tr {
  transition: background-color 0.2s ease;
}
.rti-table tbody tr:hover {
  background-color: #f8fafc;
}

/* Last row needs no border */
.rti-table tbody tr:last-child td {
  border-bottom: none;
}

/* SPECIFIC COLUMN STYLING */

/* 1. SR NO: Center aligned and light */
.rti-table th:first-child, 
.rti-table td:first-child {
  width: 60px;
  text-align: center;
  color: #94a3b8;
  font-weight: 500;
}

/* 2. NAME: Bold and dark (The most important info) */
.rti-table td:nth-child(2) {
  color: #0f172a;
  font-weight: 600;
  font-size: 16px;
}

/* 3. DESIGNATION: A pill/badge look */
.rti-table td:nth-child(3) {
  color: #4f46e5; /* Indigo color */
  font-weight: 500;
  font-size: 14px;
}

/* 4. ADDRESS: Lighter gray, allow standard text wrap */
.rti-table td:last-child {
  color: #64748b;
  line-height: 1.5;
  min-width: 250px; /* Ensures address doesn't get squished */
}/* End custom CSS */