.elementor-741 .elementor-element.elementor-element-a6fe4c4{--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-741 .elementor-element.elementor-element-61b03c5{--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-741 .elementor-element.elementor-element-71e2976{--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-741 .elementor-element.elementor-element-71e2976.e-con{--align-self:center;}.elementor-741 .elementor-element.elementor-element-8150912{--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-741 .elementor-element.elementor-element-49a8d77 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-741 .elementor-element.elementor-element-b0c28e4{--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-741 .elementor-element.elementor-element-2e6b5c8.elementor-element{--align-self:center;}.elementor-741 .elementor-element.elementor-element-2951a56{--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-741 .elementor-element.elementor-element-2951a56.e-con{--flex-grow:1;--flex-shrink:1;}@media(min-width:768px){.elementor-741 .elementor-element.elementor-element-8150912{--width:300px;}}/* Start custom CSS for text-editor, class: .elementor-element-f44121e */.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-2951a56 */.elementor-741 .elementor-element.elementor-element-2951a56 {
  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-a6fe4c4 *//* ============== Global ============== */
:root {
  --red:#A81E32;
  --navy:#0B1360;
  --text:#1c1c1c;
  --border:#e5e7eb;
  --tab-bg:#f7f7f9;
  --radius:14px;
}

html { scroll-behavior:smooth; } /* remove height:100vh (it caused issues) */

/* ============== SECTION 1 — Teacher Info Card (Simiti) ============== */
.teacher-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;
}

/* Grid of rows */
.teacher-info-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px 24px;
}

/* Each label/value row */
.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; }

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

/* ============== (Optional) Legacy Faculty Card support ============== */
.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;
}
.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); }
@media (max-width:767px){ .faculty-info{ grid-template-columns:1fr; gap:10px; } }

/* ============== SECTION 2 — Scrollable Tabs ============== */
.scrollable-tabs{
  position:sticky;top:0;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;padding:10px 14px;border:1px solid var(--border);
  border-radius:999px;background:#fff;color:var(--navy);
  text-decoration:none;font-weight:600;white-space:nowrap;
  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 — Panels & Typography ============== */
.tab-content{
  scroll-margin-top:84px;
  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 focus */
.scrollable-tabs a:focus,
.normal_text a:focus{
  outline:2px dashed var(--red);
  outline-offset:2px;
}

/* Responsive tweaks for tabs & text */
@media (max-width:767px){
  .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 */