.elementor-730 .elementor-element.elementor-element-a3ae496{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-730 .elementor-element.elementor-element-3843a87{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-730 .elementor-element.elementor-element-ecb3b48{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:99;}.elementor-730 .elementor-element.elementor-element-5be3d51{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-730 .elementor-element.elementor-element-5be3d51.e-con{--align-self:center;}.elementor-730 .elementor-element.elementor-element-76fafd8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-widget-image .widget-image-caption{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-730 .elementor-element.elementor-element-7e9006a img{border-radius:50% 50% 50% 50%;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.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-730 .elementor-element.elementor-element-a8c736c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-730 .elementor-element.elementor-element-34bdb65.elementor-element{--align-self:center;}.elementor-730 .elementor-element.elementor-element-c350cab{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overflow:auto;}.elementor-730 .elementor-element.elementor-element-c350cab.e-con{--flex-grow:1;--flex-shrink:1;}@media(min-width:768px){.elementor-730 .elementor-element.elementor-element-76fafd8{--width:300px;}}/* Start custom CSS for text-editor, class: .elementor-element-09179df */.button {
    display: inline-block;
    background-color: #214060;
    color: white;
    padding: 10px 20px;
    border-radius: 12px;
    text-decoration: none;
    font-size: 16px;
    transition: background-color 0.3s ease;
}

.button:hover {
    background-color: #1a3551; /* Darker shade of #214060 for hover effect */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c350cab */.elementor-730 .elementor-element.elementor-element-c350cab {
  height: 500px !important;
  overflow-y: auto;
  

}
@media (max-width: 767px) {
  .scroll-content {
    height: 500px; 
    overflow-y: auto;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3843a87 *//* ============================
   American Site – Faculty Page
   Brand: Red #A81E32 | Navy #0B1360
============================ */
:root{
  --red:#A81E32;
  --navy:#0B1360;
  --text:#1c1c1c;
  --border:#e5e7eb;
  --tab-bg:#f7f7f9;
  --radius:14px;
  --tabs-offset:0px; /* set to sticky header height if needed, e.g. 70px */
}

/* Global */
html{ scroll-behavior:smooth; }

/* ============================
   SECTION 1 – Faculty Info Card
   (supports .teacher-card and legacy .faculty-card)
============================ */
.teacher-card,
.faculty-card{
  background:#fff;
  border:1px solid var(--border);
  border-radius:var(--radius);
  box-shadow:0 8px 18px rgba(0,0,0,.06);
  padding:20px 24px;
  margin-bottom:16px;
}

/* Info grid */
.teacher-info-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px 24px;
}
.info-row{
  display:grid;
  grid-template-columns:140px 1fr;
  align-items:baseline;
  gap:8px;
}
.label{ font-weight:700; color:var(--navy); }
.value{ color:var(--text); word-break:break-word; }
.value a{ color:var(--navy); text-decoration:none; }
.value a:hover{ color:var(--red); text-decoration:underline; }

/* Optional: affiliation row at bottom of card */
.teacher-card .affiliation-row{
  margin-top:16px; padding-top:10px; border-top:1px solid var(--border);
  font-weight:600; color:var(--navy); font-size:1rem;
}
.teacher-card .affiliation-row .label{ font-weight:700; margin-right:6px; color:var(--navy); }
.teacher-card .affiliation-row .value{ color:var(--text); }
.teacher-card .affiliation-row .value a{ color:var(--navy); text-decoration:none; }
.teacher-card .affiliation-row .value a:hover{ color:var(--red); text-decoration:underline; }

/* Legacy support */
.faculty-info{
  display:grid; grid-template-columns:repeat(2,minmax(220px,1fr));
  column-gap:40px; row-gap:10px;
}
.faculty-info .info-column p{ margin:6px 0; line-height:1.55; color:var(--text); }
.faculty-info .info-column strong{ color:var(--navy); }

/* ============================
   SECTION 2 – Scrollable Tabs
============================ */
.scrollable-tabs{
  position:sticky; top:var(--tabs-offset); z-index:3;
  display:flex; gap:8px; overflow-x:auto;
  padding:10px; margin:18px 0;
  background:var(--tab-bg);
  border:1px solid var(--border);
  border-radius:var(--radius);
  scrollbar-width:thin;
}
.scrollable-tabs::-webkit-scrollbar{ height:8px; }
.scrollable-tabs::-webkit-scrollbar-thumb{ background:#d1d5db; border-radius:8px; }
.scrollable-tabs a{
  flex:0 0 auto; white-space:nowrap;
  padding:10px 14px;
  border:1px solid var(--border);
  border-radius:999px;
  background:#fff; color:var(--navy);
  font-weight:600; text-decoration:none;
  transition:color .25s, background .25s, border-color .25s, transform .15s;
}
.scrollable-tabs a:hover{ color:var(--red); border-color:var(--red); transform:translateY(-1px); }
.scrollable-tabs a.is-active{ background:var(--red); color:#fff; border-color:var(--red); }

/* ============================
   SECTION 3–8 – Tab Content Panels
============================ */
.tab-content{
  scroll-margin-top:calc(84px + var(--tabs-offset));
  background:#fff;
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:18px; margin-bottom:16px;
}
.headings{
  font-size:1.5rem; font-weight:800; color:var(--navy);
  margin:0 0 10px;
}
.normal_text{
  color:var(--text); line-height:1.6; font-size:1rem;
  white-space:pre-wrap; /* preserve verbatim line breaks */
}
.normal_text a{ color:var(--navy); text-decoration:underline; }
.normal_text a:hover{ color:var(--red); }
.cv-list, .normal_text ul{ margin:0 0 8px 1.2em; padding:0; list-style:disc; }
.cv-list li, .normal_text li{ margin:8px 0; padding-left:.2em; }

/* Accessibility */
.scrollable-tabs a:focus,
.normal_text a:focus{
  outline:2px dashed var(--red);
  outline-offset:2px;
}

/* ============================
   Responsive
============================ */
@media (max-width:767px){
  .teacher-info-grid{ grid-template-columns:1fr; gap:10px; }
  .info-row{ grid-template-columns:1fr; }

  .faculty-info{ grid-template-columns:1fr; gap:10px; }

  .scrollable-tabs{ padding:8px; }
  .scrollable-tabs a{ padding:8px 12px; font-size:.95rem; }

  .headings{ font-size:1.35rem; }
  .normal_text{ font-size:.98rem; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3ae496 *//* ============================
   American Site – Faculty Page CSS
   Brand: Red #A81E32, Navy #0B1360
============================ */
:root {
  --red: #A81E32;
  --navy: #0B1360;
  --text: #1c1c1c;
  --muted: #6b7280;
  --card: #ffffff;
  --border: #e5e7eb;
  --tab-bg: #f7f7f9;
  --radius: 14px;
}

/* ----------------------------
   SECTION 1 – TOP INFO (legacy & grid)
---------------------------- */
.teacher_info,
.teacher-card {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 18px;
  box-shadow: 0 6px 14px rgba(0,0,0,.06);
  margin-bottom: 16px;
}

/* Legacy rows */
.teacher_info > div {
  display: grid;
  grid-template-columns: 140px 1fr;
  align-items: baseline;
  gap: 8px;
  padding: 6px 0;
  color: var(--text);
}
.teacher_info b,
.teacher_info strong { color: var(--navy); }

/* New grid layout (without photo) */
.teacher-info-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px 24px;
}
.info-row {
  display: grid;
  grid-template-columns: 140px 1fr;
  align-items: baseline;
  gap: 8px;
}
.info-row .label { font-weight: 700; color: var(--navy); }
.info-row .value a { color: var(--navy); text-decoration: none; }
.info-row .value a:hover { color: var(--red); text-decoration: underline; }

/* ----------------------------
   NEW: FACULTY CARD WITH PHOTO + TWO COLUMNS
---------------------------- */
.faculty-card {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: 0 8px 18px rgba(0,0,0,.06);
  padding: 20px 24px;
  margin-bottom: 16px;
  flex-wrap: wrap; /* keeps it tidy on small widths */
}

.faculty-photo { flex: 0 0 90px; display: flex; justify-content: center; align-items: center; }
.faculty-photo img {
  width: 90px; height: 90px; object-fit: cover; border-radius: 50%;
}

/* Right area: two columns of info */
.faculty-info {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(2, minmax(220px, 1fr));
  column-gap: 40px;
  row-gap: 10px;
}

/* Each column is just normal text blocks */
.faculty-info .info-column p { margin: 6px 0; line-height: 1.55; color: var(--text); }
.faculty-info .info-column strong { color: var(--navy); }

/* Optional vertical divider between the two columns (desktop only) */
@media (min-width: 992px) {
  .faculty-info {
    position: rel/* End custom CSS */