@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');

body, h1, h2, h3, h4, h5, h6, p, a, span, button, textarea, select, tr, td, th, ul, li, ol, option, input{
  font-family:'Poppins', 'Segoe UI', Arial, sans-serif;
}



/* ===== NEI RESULT: dashboard cards (final) ===== */

/* 1. Keep the slider inside its own area (fixes the broken rule in style.css) */
.sliderCnt{
  height:auto !important;
  overflow:hidden !important;
  position:relative;
}
.sliderData{ height:auto !important; }

/* 2. Dashboard section wrapper */
.dash-section{
  width:100% !important;
  height:auto !important;
  overflow:visible !important;
  clear:both;
  position:relative;
  z-index:5;
  background:linear-gradient(180deg,#eef3fa,#f8fafd) !important;
  padding:50px 0 50px;
}
.dash-section > .container{
  width:100% !important;
  max-width:1180px;
  height:auto !important;
  background:transparent !important;
  margin:0 auto;
}
/* Hide the empty pink container below the cards */
.dash-section .container.v_height10{ display:none !important; }

/* 3. Four equal cards in one row */
.dash-row{
  display:grid !important;
  grid-template-columns:repeat(4, 1fr);
  gap:24px;
  width:100% !important;
  max-width:1180px;
  height:auto !important;
  min-height:0 !important;
  margin:0 auto !important;
  padding:0 20px;
  background:transparent !important;
}
/* Remove Bootstrap clearfix pseudo-elements so they don't take a grid cell */
.dash-row::before,
.dash-row::after{
  display:none !important;
  content:none !important;
}

/* 4. Card base style */
.dash-card{
  float:none !important;
  width:auto !important;
  height:auto !important;
  min-height:390px !important;
  margin:0 !important;
  padding:20px 18px !important;
  border-radius:18px;
  overflow:hidden;
  position:relative;
  display:flex;
  flex-direction:column;
  box-shadow:0 8px 24px rgba(20,40,90,.12) !important;
  transition:transform .25s ease, box-shadow .25s ease;
}
.dash-card:hover{
  transform:translateY(-5px);
  box-shadow:0 16px 34px rgba(20,40,90,.20) !important;
}

/* Card colors (soft gradients based on the original colors) */
.dash-card.bg_darkGray{ background:#ffffff !important; border-top:5px solid #F6761D; }
.dash-card.bgblue{      background:linear-gradient(160deg,#27b9f2,#0a8fd0) !important; }
.dash-card.bggreen{     background:linear-gradient(160deg,#47b834,#2b8a1a) !important; }
.dash-card.bgorange2{   background:linear-gradient(160deg,#f58383,#e15555) !important; }

/* 5. Font: clean sans-serif (Roboto Condensed was not loading) */
.dash-card p,
.dash-card a,
.dash-card td,
.dash-card div{
  font-family:Roboto, "Segoe UI", Arial, sans-serif !important;
}

/* 6. Heading / icon images (src unchanged, only size controlled) */
.dash-card > img{
  display:block;
  width:auto;
  max-width:100%;
  height:auto;
  max-height:80px;
  margin:0 auto 12px !important;
  border-radius:0 !important;
  object-fit:contain;
}

/* 7. Override fixed-height inner wrappers */
.dash-card > div{
  width:100% !important;
  height:auto !important;
  margin:6px 0 0 !important;
  flex:1;
}
.dash-card marquee{
  display:block;
  width:100%;
  height:270px !important;
  margin-top:6px !important;
}
.dash-card table{ width:100% !important; }
.dash-card td{ padding:4px 2px !important; vertical-align:top; }
.dash-card td > div:not(#bottombox){
  float:none !important;
  width:100% !important;
  margin-left:0 !important;
}

/* 8. Titles and text */
.dash-card .h6{
  font-size:13px !important;
  padding:2px 0 4px !important;
  letter-spacing:.3px;
  color:#fff !important;
  border-bottom:1px solid rgba(255,255,255,.45) !important;
}
.dash-card .a{
  display:block;
  font-size:13px !important;
  line-height:1.5 !important;
  padding:4px 0 8px !important;
  color:#fff !important;
}

/* 9. Latest News card (white background, dark text) */
.dash-news .h6{
  color:#0b3b82 !important;
  border-bottom:1px solid #e3e7ef !important;
}
.dash-news .a{ color:#333 !important; }
.dash-news td:first-child{ width:56px !important; }
.dash-news #bottombox{
  width:46px !important;
  height:auto !important;
  min-height:48px;
  border:none !important;
  border-radius:10px;
  overflow:hidden;
  background:#803F12 !important;
  font-size:12px;
  line-height:1.4;
  padding-bottom:3px;
}
.dash-news #topbox{
  width:100% !important;
  height:auto !important;
  padding:3px 0;
  font-size:15px !important;
}

/* 10. Result card text and button */
.dash-card .p{
  color:#fff !important;
  text-shadow:none !important;
  font-size:14px !important;
  line-height:1.7 !important;
  text-align:center;
  padding:10px 8px !important;
  margin-top:10px !important;
}
.dash-card .p a{
  display:inline-block;
  margin-top:16px;
  padding:9px 22px;
  border-radius:999px;
  background:#fff;
  color:#2b8a1a !important;
  font-weight:700;
  box-shadow:0 4px 12px rgba(0,0,0,.18);
  transition:transform .2s ease;
}
.dash-card .p a:hover{ transform:scale(1.06); }

/* 11. Responsive: 2 columns on tablet, 1 column on mobile */
@media (max-width:1024px){
  .dash-row{ grid-template-columns:repeat(2, 1fr); }
}
@media (max-width:600px){
  .dash-row{ grid-template-columns:1fr; gap:18px; }
  .dash-card{ min-height:340px !important; }
}
/* ===== HEADER POLISH (header.php untouched) ===== */

/* Top utility bar */
#nei-header .utility{
  background:#0a2a5e;
  border-bottom:0;
}
#nei-header .utility a{ color:#cfd8ec; }
#nei-header .utility a:hover{ color:#fff; }
#nei-header .socials a{
  background:rgba(255,255,255,.12);
  color:#fff;
  transition:background .2s ease, transform .2s ease;
}
#nei-header .socials a:hover{
  background:#F6761D;
  color:#fff;
  transform:translateY(-2px);
}

/* Brand area */
#nei-header .brand-area{ box-shadow:0 2px 12px rgba(20,40,90,.07); }

/* Check Your Result: orange call-to-action */
#nei-header .portal-button{
  background:linear-gradient(135deg,#F6761D,#e85d04);
  color:#fff;
  border:0;
  padding:13px 24px;
  border-radius:999px;
  box-shadow:0 6px 16px rgba(246,118,29,.35);
  transition:transform .2s ease, box-shadow .2s ease;
}
#nei-header .portal-button:hover{
  background:linear-gradient(135deg,#e85d04,#d94f00);
  color:#fff;
  transform:translateY(-2px);
  box-shadow:0 10px 22px rgba(246,118,29,.45);
}

/* Navigation bar */
#nei-header .navigation{
  background:linear-gradient(90deg,#0b2f6b,#103777 50%,#0b2f6b);
}
#nei-header .nav-list > li > a{
  position:relative;
  letter-spacing:.2px;
}
#nei-header .nav-list > li > a::after{
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  bottom:0;
  height:3px;
  border-radius:3px 3px 0 0;
  background:#F6761D;
  transform:scaleX(0);
  transition:transform .25s ease;
}
#nei-header .nav-list > li > a:hover,
#nei-header .nav-list > li:hover > a,
#nei-header .nav-list > li:focus-within > a,
#nei-header .nav-list > li.open > a{
  background:rgba(255,255,255,.08) !important;
  color:#fff !important;
}
#nei-header .nav-list > li > a:hover::after,
#nei-header .nav-list > li:hover > a::after,
#nei-header .nav-list > li:focus-within > a::after,
#nei-header .nav-list > li.open > a::after{
  transform:scaleX(1);
}

/* Dropdown: orange top edge */
#nei-header .nav-list > li > ul{
  border-top:3px solid #F6761D;
}

/* Mobile: no underline effect */
@media (max-width:900px){
  #nei-header .nav-list > li > a::after{ display:none; }
}

/* ===== HOME AREA POLISH (index.php untouched) ===== */

/* Page background: soft blue-grey instead of pink */
body{ background:#f4f7fc !important; }

/* Blue forms ticker: clean font and readable color */
.newsCnt.gray3{
  background:linear-gradient(90deg,#0b2f6b,#103777 50%,#0b2f6b) !important;
}
.newsCnt .ticker a{
  font-family:'Poppins','Segoe UI',Arial,sans-serif !important;
  color:#ffa54d !important;
  font-size:14px !important;
  letter-spacing:.3px;
}
.newsCnt .ticker a:hover{ color:#fff !important; }

/* Cards section */
.dash-section{
  background:linear-gradient(180deg,#e9f0fb 0%,#f4f7fc 100%) !important;
  padding:56px 0 40px !important;
}
.dash-card{
  min-height:340px !important;
  padding:22px 20px !important;
  border-radius:20px;
}
.dash-card marquee{ height:220px !important; }
.dash-news marquee{ height:230px !important; }
.dash-card.bgblue marquee{ height:170px !important; }

/* Result card: button on its own line */
.dash-card .p a{
  display:table;
  margin:16px auto 0;
}

/* Welcome section: one clean white card */
.dash-section ~ .wrapper{
  height:auto !important;
  overflow:visible !important;
  background:transparent !important;
  padding:10px 0 60px;
}
.dash-section ~ .wrapper .container{
  width:100% !important;
  max-width:1100px;
  height:auto !important;
  min-height:0 !important;
  background:transparent !important;
  margin:0 auto !important;
}
.dash-section ~ .wrapper .span12{
  float:none !important;
  width:100% !important;
  max-width:900px;
  height:auto !important;
  margin:0 auto !important;
  padding:44px 30px !important;
  background:#fff !important;
  border-top:5px solid #F6761D;
  border-radius:22px;
  box-shadow:0 12px 34px rgba(20,40,90,.12);
  text-align:center;
}
.dash-section ~ .wrapper .h2{
  padding:0 !important;
  font-size:32px;
  font-weight:600;
  color:#0b3b82;
  text-shadow:none !important;
}
.dash-section ~ .wrapper .strip{
  display:block;
  width:100%;
  max-width:320px;
  height:auto;
  margin:14px auto !important;
}
.dash-section ~ .wrapper .p1{
  font-size:17px;
  line-height:1.8;
  color:#4a5a73;
  padding:6px 0 0;
}
.dash-section ~ .wrapper .a1{
  display:inline-block !important;
  width:auto !important;
  margin:18px auto 0 !important;
  padding:11px 32px;
  border:0;
  border-radius:999px;
  background:#F6761D;
  color:#fff !important;
  font-weight:500;
  box-shadow:0 6px 16px rgba(246,118,29,.35);
  transition:transform .2s ease, box-shadow .2s ease;
}
.dash-section ~ .wrapper .a1:hover{
  background:#e85d04;
  transform:translateY(-2px);
  box-shadow:0 10px 22px rgba(246,118,29,.45);
}

@media (max-width:600px){
  .dash-section ~ .wrapper .span12{ padding:30px 18px !important; }
  .dash-section ~ .wrapper .h2{ font-size:24px; }
}
/* ===== QUICK ACCESS STRIP ===== */
.quick-access{
  clear:both;
  padding:20px 20px 50px;
  background:#f4f7fc;
}
.qa-inner{ max-width:1100px; margin:0 auto; text-align:center; }
.qa-title{
  font-size:26px;
  font-weight:600;
  color:#0b3b82;
}
.qa-sub{
  font-size:14px;
  color:#68778d;
  margin:6px 0 26px;
}
.qa-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:18px;
}
.qa-item{
  display:flex;
  align-items:center;
  gap:14px;
  padding:20px 22px;
  background:#fff;
  border-radius:16px;
  border-left:5px solid #F6761D;
  box-shadow:0 8px 22px rgba(20,40,90,.09);
  text-decoration:none;
  color:#1c2a44;
  font-size:15px;
  font-weight:500;
  text-align:left;
  transition:transform .2s ease, box-shadow .2s ease;
}
.qa-item i{
  flex:0 0 46px;
  height:46px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
  color:#fff;
  background:#103777;
}
.qa-item:nth-child(2n) i{ background:#F6761D; }
.qa-item:nth-child(3n) i{ background:#2b8a1a; }
.qa-item:hover{
  transform:translateY(-4px);
  box-shadow:0 14px 30px rgba(20,40,90,.16);
  color:#0b3b82;
}

@media (max-width:900px){
  .qa-grid{ grid-template-columns:repeat(2, 1fr); }
}
@media (max-width:520px){
  .qa-grid{ grid-template-columns:1fr; }
}

/* ===== FOOTER POLISH (footer.php untouched) ===== */

/* Main footer background and spacing */
body .footerCnt.v_height10{
  background:linear-gradient(180deg,#0f3573,#0a2a5e) !important;
  padding:56px 22px 44px !important;
}
body .footerCnt.v_height10 .footerData{
  display:grid !important;
  grid-template-columns:1fr 1.3fr 1fr;
  gap:48px;
  align-items:start !important;
  width:100% !important;
  max-width:1200px;
}

/* Remove old fixed widths, margins and the L-shaped shadow */
body .footerCnt.v_height10 .footerData > div{
  float:none !important;
  width:auto !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
  box-shadow:none !important;
  color:#fff;
}

/* Column headings (same look for all three) */
body .footerCnt.v_height10 .footerData > div:first-child::before,
body .footerCnt.v_height10 .footerData > div:last-child::before,
body .footerCnt.v_height10 .h5{
  display:table;
  margin:0 0 20px !important;
  padding:0 0 10px !important;
  font-family:'Poppins','Segoe UI',Arial,sans-serif;
  font-size:18px;
  font-weight:600;
  color:#fff;
  text-align:left !important;
  border-bottom:3px solid #F6761D;
}
body .footerCnt.v_height10 .footerData > div:first-child::before{ content:"Quick links"; }
body .footerCnt.v_height10 .footerData > div:last-child::before{ content:"Follow us"; }

/* Quick links */
body .footerCnt.v_height10 .ol{
  width:auto !important;
  float:none !important;
  margin:0 !important;
  padding:0;
  list-style:none;
}
body .footerCnt.v_height10 .ol li{
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-bottom:1px solid rgba(255,255,255,.12) !important;
}
body .footerCnt.v_height10 .ol li a{
  display:block;
  padding:11px 0 !important;
  color:#dbe7ff;
  font-size:14px;
  transition:color .2s ease, padding-left .2s ease;
}
body .footerCnt.v_height10 .ol li a::before{
  content:"\203A";
  color:#F6761D;
  font-weight:700;
  margin-right:10px;
}
body .footerCnt.v_height10 .ol li a:hover{
  color:#fff;
  padding-left:6px !important;
}

/* Contact details */
body .footerCnt.v_height10 ul li{
  color:#dbe7ff;
  font-size:14px;
  line-height:1.9;
  margin-bottom:12px;
}
body .footerCnt.v_height10 ul li b{ color:#fff; font-weight:600; }
body .footerCnt.v_height10 ul li a:hover{ color:#F6761D !important; }

/* Social icons */
body .footerCnt.v_height10 .social2{
  float:none !important;
  display:inline-block;
  width:46px;
  height:46px;
  padding:11px;
  margin:0 10px 10px 0 !important;
  border-radius:50% !important;
  border:0;
  background:rgba(255,255,255,.12);
  object-fit:contain;
  transition:background .2s ease, transform .2s ease;
}
body .footerCnt.v_height10 .social2:hover{
  background:#F6761D;
  transform:translateY(-4px) !important;
}

/* Copyright strip */
body .footerCnt.v_height8.bggrayDark{
  background:#071f45 !important;
  padding:16px 20px !important;
  height:auto !important;
}
body .footerCnt.v_height8 .footerData.bggrayDark{
  background:transparent !important;
  width:100% !important;
  max-width:1200px;
  height:auto !important;
  display:flex !important;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:6px 20px;
}
body .footerCnt.v_height8 .h3,
body .footerCnt.v_height8 .h4{
  float:none !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  color:#b9c8e3;
  font-size:13px;
}

/* Tablet and mobile */
@media (max-width:850px){
  body .footerCnt.v_height10 .footerData{ grid-template-columns:1fr 1fr; gap:34px; }
}
@media (max-width:560px){
  body .footerCnt.v_height10 .footerData{ grid-template-columns:1fr; gap:30px; }
  body .footerCnt.v_height8 .footerData.bggrayDark{ flex-direction:column; align-items:flex-start; }
}

/* ===== LOGO SLIDERS: simple height fix ===== */

/* Give the sliders a little more fixed height so logos don't touch the footer */
body .linkage.v_height12home1,
body .linkage.v_height12home2{
  height:auto !important;
  padding:6px 18px !important;
}
body .linkage_inner.v_height12home1,
body .linkage_inner.v_height12home2{
  height:150px !important;
  padding:0 !important;
}

/* Footer always sits below the sliders */
body .footerCnt.v_height10{
  position:relative;
  z-index:2;
  clear:both;
}

/* ===== LOGO STRIPS: final look ===== */

/* One clean white section, no lines between the strips */
body .linkage.v_height12home1,
body .linkage.v_height12home2{
  background:#fff !important;
  border:0 !important;
  box-shadow:none !important;
}
body .linkage_inner.v_height12home1,
body .linkage_inner.v_height12home2{
  background:#fff !important;
}

/* Heading above the first strip */
body .linkage.v_height12home2{ padding-top:44px !important; }
body .linkage.v_height12home2::before{
  content:"Our associations";
  display:block;
  clear:both;
  text-align:center;
  font-family:'Poppins','Segoe UI',Arial,sans-serif;
  font-size:26px;
  font-weight:600;
  color:#0b3b82;
  padding-bottom:10px;
  border-bottom:3px solid #F6761D;
  width:fit-content;
  margin:0 auto 6px;
}

/* Logo cards: same size, soft border, even spacing (pictures untouched) */
body #listaGallery .als-item,
body #listaGallery1 .als-item{
  border:1px solid #e6ecf6 !important;
  border-radius:14px;
  background:#fff;
  box-shadow:0 4px 14px rgba(16,55,119,.07);
}
body #listaGallery .als-item:hover,
body #listaGallery1 .als-item:hover{
  border-color:#F6761D !important;
  box-shadow:0 10px 24px rgba(16,55,119,.16);
}

/* Arrows hidden (slider keeps auto-scrolling on its own) */
body #listaGallery .als-prev,
body #listaGallery .als-next,
body #listaGallery1 .als-prev,
body #listaGallery1 .als-next{
  display:none !important;
}


/* ===== PURPLE BAND + BLUE STRIP polish ===== */

/* 1. Top band (was purple): soft lavender-blue gradient, taller, centered text */
body .sliderCnt.bg_purple{
  background:linear-gradient(90deg,#efe7fa,#e6edfb 50%,#efe7fa) !important;
}
body .sliderCnt marquee{
  display:block;
  width:100%;
  height:60px !important;
  margin:0 !important;
}
body .sliderCnt marquee h2{
  margin:0 !important;
  padding:0 !important;
  line-height:60px;
  font-family:'Poppins','Segoe UI',Arial,sans-serif;
  font-size:21px;
  font-weight:600;
  letter-spacing:1.5px;
  color:#0b3b82 !important;
}
body .sliderCnt marquee h2 i{ font-style:normal; }

/* 2. Thin line under the slider: orange accent */
body .newsCnt.bg_brown{
  height:4px !important;
  background:#F6761D !important;
}

/* 3. Blue strip: taller, label + clean ticker */
body .newsCnt.v_height2{
  height:56px !important;
  background:linear-gradient(90deg,#0b2f6b,#103777 50%,#0b2f6b) !important;
}
body .newsCnt .newsHeads{
  width:100% !important;
  max-width:1100px;
  height:56px !important;
  display:flex;
  align-items:center;
}
body .newsCnt .newsHeads::before{
  content:"Downloads";
  flex:0 0 auto;
  margin-right:18px;
  padding:6px 16px;
  border-radius:999px;
  background:#F6761D;
  color:#fff;
  font-family:'Poppins','Segoe UI',Arial,sans-serif;
  font-size:12px;
  font-weight:600;
  letter-spacing:.8px;
  text-transform:uppercase;
}
body .newsCnt .ticker{
  float:none !important;
  flex:1;
  width:auto !important;
  min-width:0;
  margin:0 !important;
  display:block;
  height:56px;
  line-height:56px;
}
body .newsCnt .ticker a{
  color:#ffb36b !important;
  font-size:14px !important;
  font-weight:600 !important;
  letter-spacing:.6px;
  text-transform:uppercase;
}
body .newsCnt .ticker a:hover{ color:#fff !important; }

/* Mobile */
@media (max-width:600px){
  body .sliderCnt marquee{ height:48px !important; }
  body .sliderCnt marquee h2{ font-size:16px; line-height:48px; }
  body .newsCnt .newsHeads::before{ display:none; }
}


/* ===== IMPORTANT NOTICE POPUP ===== */

/* Dark backdrop behind the popup */
body .popup{
  top:0;
  left:0;
  height:100%;
  padding-top:7vh;
  overflow:auto;
  background:rgba(8,25,60,.6);
}

/* Popup card */
body .cnt223{
  width:640px !important;
  max-width:92vw;
  min-width:0 !important;
  margin:0 auto !important;
  padding:24px 22px 28px !important;
  border-radius:22px !important;
  border-top:5px solid #F6761D;
  box-shadow:0 24px 60px rgba(0,0,0,.35) !important;
  overflow:hidden;
}

/* Title */
body .cnt223 h3{
  margin:2px 0 18px !important;
  font-family:'Poppins','Segoe UI',Arial,sans-serif;
  font-size:22px;
  font-weight:600;
  color:#0b3b82;
  letter-spacing:.5px;
}
body .cnt223 h3 ins{
  text-decoration:none;
  padding-bottom:5px;
  border-bottom:3px solid #F6761D;
}

/* Close button */
body .cnt223 .modern{
  top:14px !important;
  right:14px !important;
  width:38px !important;
  height:38px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:50% !important;
  background:#F6761D !important;
  display:flex !important;
  align-items:center;
  justify-content:center;
  box-shadow:0 4px 12px rgba(246,118,29,.45);
  z-index:5;
}
body .cnt223 .modern p{ margin:0 !important; font-size:16px; }
body .cnt223 .modern a{ color:#fff !important; text-decoration:none !important; }

/* Photo area */
body .cnt223 .carousel-inner{
  border-radius:16px !important;
  overflow:hidden;
}
body .cnt223 .carousel-inner .item img{
  object-fit:cover;
}

/* Caption: readable bar at the bottom of the photo */
body .cnt223 .carousel-caption{
  left:0;
  right:0;
  bottom:0;
  padding:42px 24px 40px;
  text-shadow:none;
  background:linear-gradient(transparent,rgba(8,25,60,.88));
}
body .cnt223 .carousel-caption h3{
  margin:0 0 4px !important;
  font-size:21px;
  color:#fff !important;
}
body .cnt223 .carousel-caption p{
  margin:0 !important;
  font-size:14px !important;
  line-height:1.5;
  color:#ffd9b8 !important;
}

/* Dots */
body .cnt223 .carousel-indicators{ bottom:10px; }
body .cnt223 .carousel-indicators li{ border-color:#fff; }
body .cnt223 .carousel-indicators .active{
  background:#F6761D;
  border-color:#F6761D;
}

@media (max-width:600px){
  body .cnt223 h3{ font-size:18px; }
  body .cnt223 .carousel-caption h3{ font-size:17px; }
}

/* ===== EMAIL PAGE (email.php) ===== */

body .email-page{
  height:auto !important;
  overflow:visible !important;
  background:transparent !important;
  padding:50px 20px 40px;
}
body .email-page .container{
  width:100% !important;
  max-width:960px;
  height:auto !important;
  min-height:0 !important;
  background:transparent !important;
  margin:0 auto;
}

/* Form card */
body .email-page .span1{
  float:none !important;
  width:100% !important;
  min-height:0 !important;
  margin:0 !important;
  padding:34px 36px 38px;
  background:#fff !important;
  border-radius:22px;
  border-top:5px solid #F6761D;
  /* box-shadow:0 14px 38px rgba(20,40,90,.12); */
}
body .email-page .heading{
  margin:0 !important;
  font-family:'Poppins','Segoe UI',Arial,sans-serif;
  font-size:26px;
  font-weight:600;
  color:#0b3b82;
}
body .email-page .heading::after{
  content:"";
  display:block;
  width:56px;
  height:4px;
  margin-top:10px;
  border-radius:4px;
  background:#F6761D;
}
body .email-page form{ margin-top:24px; }

/* Table becomes a simple stacked form */
body .email-page .table32{
  width:100% !important;
  margin:0 !important;
}
body .email-page .table32 tr,
body .email-page .table32 td{
  display:block;
  width:auto !important;
  height:auto !important;
  padding:0 !important;
}
body .email-page .table32 td:nth-child(2){ display:none; }
body .email-page .table32 td:first-child{
  margin-bottom:8px;
  font-family:'Poppins','Segoe UI',Arial,sans-serif;
  font-size:14px;
  font-weight:500;
  color:#4a5a73;
}

/* Email box */
body .email-page .textfield2{
  float:none !important;
  display:block;
  width:100% !important;
  height:50px !important;
  margin:0 !important;
  padding:0 16px !important;
  border:1.5px solid #d5deee !important;
  border-radius:12px !important;
  font-family:'Poppins','Segoe UI',Arial,sans-serif;
  font-size:15px;
  color:#1c2a44;
  outline:none;
  transition:border-color .2s ease, box-shadow .2s ease;
}
body .email-page .textfield2:focus{
  border-color:#F6761D !important;
  box-shadow:0 0 0 4px rgba(246,118,29,.15);
}

/* Continue button */
body .email-page .button{
  float:none !important;
  display:block;
  width:100% !important;
  height:50px !important;
  margin:22px 0 0 !important;
  border:0;
  border-radius:999px !important;
  background:linear-gradient(135deg,#F6761D,#e85d04);
  color:#fff;
  font-family:'Poppins','Segoe UI',Arial,sans-serif;
  font-size:16px;
  font-weight:600;
  cursor:pointer;
  box-shadow:0 8px 20px rgba(246,118,29,.35);
  transition:transform .2s ease, box-shadow .2s ease;
}
body .email-page .button:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 26px rgba(246,118,29,.45);
}

@media (max-width:600px){
  body .email-page{ padding:30px 14px 24px; }
  body .email-page .span1{ padding:26px 20px 30px; }
}

/* ===== EMAIL PAGE: intro text ===== */
body .email-page .email-note{
  margin:14px 0 0 !important;
  font-family:'Poppins','Segoe UI',Arial,sans-serif;
  font-size:14px;
  line-height:1.7;
  color:#68778d;
}
body .email-page form{ margin-top:20px; }

/* ===== EMAIL PAGE: clean background, hide duplicate "Linkage" strip ===== */

/* Hide this page's own logo strip (same logos are in the footer) */
body .email-page + .linkage{
  display:none !important;
}

/* One soft background for the form area, same as the home page sections */
body .email-page{
  background:linear-gradient(180deg,#e9f0fb 0%,#f4f7fc 100%) !important;
  padding:60px 20px 70px;
}
/* ===== EMAIL PAGE: show Linkage strip again ===== */
body .email-page + .linkage{
  display:block !important;
}
/* ===== EMAIL PAGE: keep Linkage strip, make it look clean ===== */

/* Strip and the section below become one clean white area */
body .email-page + .linkage,
body .email-page + .linkage .linkage_inner{
  background-color:#fff !important;
}
body .email-page + .linkage{
  border-top:1px solid #e6ecf6;
}

/* "Linkage" picture (images/linkage.png): same file, now centered like a heading */
body .email-page + .linkage .linkage_inner{
  background-position:center 6px !important;
  background-repeat:no-repeat !important;
}

/* Logo cards: same soft style as the rest of the site */
body .email-page + .linkage #listaGallery .als-item{
  border:1px solid #e6ecf6 !important;
  border-radius:14px;
  background:#fff;
  box-shadow:0 4px 14px rgba(16,55,119,.07);
}

/* ===== VERIFY OTP PAGE (extras on top of .email-page) ===== */

/* Status message under the OTP box (e.g. "Wrong OTP") */
body .email-page .table32 td span{
  display:block;
  margin-top:10px;
  font-size:13px;
  line-height:1.5;
  color:#b4500a;
}
body .email-page .table32 br{ display:none; }

/* Resend link becomes a calm secondary button */
body .email-page .table32 td a{
  display:block;
  margin-top:14px;
  padding:13px 0;
  border:1.5px solid #d5deee;
  border-radius:999px;
  background:#fff;
  color:#0b3b82;
  font-family:'Poppins','Segoe UI',Arial,sans-serif;
  font-size:14px;
  text-align:center;
  text-decoration:none;
  transition:border-color .2s ease, color .2s ease;
}
body .email-page .table32 td a:hover{
  border-color:#F6761D;
  color:#F6761D;
}

/* "Notes" heading and info box */
body .email-page form + h2{
  margin:28px 0 10px !important;
  padding:0 !important;
  font-family:'Poppins','Segoe UI',Arial,sans-serif;
  font-size:13px;
  font-weight:600;
  letter-spacing:1px;
  text-transform:uppercase;
  color:#68778d;
}
body .email-page .danger{
  margin:0 !important;
  padding:12px 16px !important;
  background:#eef4ff !important;
  border-left:4px solid #1764c0 !important;
  border-radius:10px;
}
body .email-page .danger p{
  margin:0 !important;
  font-family:'Poppins','Segoe UI',Arial,sans-serif;
  font-size:13.5px;
  line-height:1.6;
  color:#2c4a7a;
}

/* ===== FORM PAGES: spacing between fields ===== */
body .email-page .table32 tr + tr{
  margin-top:18px;
}

/* ===== STUDENT REGISTRATION PAGE (student_reg.php) ===== */

/* Page area and white card */
body .reg-page{
  height:auto !important;
  min-height:0 !important;
  overflow:visible !important;
  background:linear-gradient(180deg,#e9f0fb 0%,#f4f7fc 100%) !important;
  padding:50px 20px 60px;
}
body .reg-page .container{
  width:100% !important;
  max-width:980px;
  height:auto !important;
  min-height:0 !important;
  background:transparent !important;
  margin:0 auto;
}
body .reg-page .span1{
  float:none !important;
  width:100% !important;
  min-height:0 !important;
  margin:0 !important;
  padding:38px 42px 42px;
  background:#fff !important;
  border-radius:22px;
  border-top:5px solid #F6761D;
  box-shadow:0 14px 38px rgba(20,40,90,.12);
}
body .reg-page .heading{
  margin:0 !important;
  padding:0 !important;
  font-family:'Poppins','Segoe UI',Arial,sans-serif;
  font-size:28px;
  font-weight:600;
  color:#0b3b82;
}
body .reg-page .heading::after{
  content:"";
  display:block;
  width:56px;
  height:4px;
  margin-top:10px;
  border-radius:4px;
  background:#F6761D;
}

/* Table becomes a two-column form grid */
body .reg-page .table32{
  display:block !important;
  width:100% !important;
  margin:26px 0 0 !important;
  border:0 !important;
}
body .reg-page .table32 > tbody{ display:block; }
body .reg-page .table32 > tbody > tr{
  display:grid;
  grid-template-columns:1fr 1fr;
  column-gap:24px;
  row-gap:7px;
  width:auto !important;
  height:auto !important;
  margin-bottom:18px;
}
body .reg-page .table32 > tbody > tr > td{
  display:block;
  width:auto !important;
  height:auto !important;
  padding:0 !important;
  border:0 !important;
  font-family:'Poppins','Segoe UI',Arial,sans-serif;
  font-size:13.5px;
  font-weight:500;
  line-height:1.4;
  color:#4a5a73;
}

/* Hide the ":" cells */
body .reg-page .table32 > tbody > tr > td:nth-child(2),
body .reg-page .table32 > tbody > tr > td:nth-child(5){
  display:none !important;
}

/* Label above its field */
body .reg-page .table32 > tbody > tr > td:nth-child(1){ grid-column:1; grid-row:1; }
body .reg-page .table32 > tbody > tr > td:nth-child(3){ grid-column:1; grid-row:2; }
body .reg-page .table32 > tbody > tr > td:nth-child(4){ grid-column:2; grid-row:1; }
body .reg-page .table32 > tbody > tr > td:nth-child(6){ grid-column:2; grid-row:2; }

/* Special cells (must stay below the rules above) */
body .reg-page .table32 > tbody > tr > td[colspan="3"]{
  grid-column:2 !important;
  grid-row:2 !important;
  align-self:center;
}
body .reg-page .table32 > tbody > tr > td[colspan="4"]{
  grid-column:1 / -1 !important;
  grid-row:2 !important;
}
body .reg-page .table32 > tbody > tr > td[colspan="6"]{
  grid-column:1 / -1 !important;
  grid-row:1 !important;
  overflow-x:auto;
}

/* Section headings (were black bars) */
body .reg-page .table32 > tbody > tr > td[style*="#000000"]{
  margin-top:10px;
  padding:2px 0 2px 14px !important;
  background:transparent !important;
  border-left:4px solid #F6761D !important;
  color:#0b3b82 !important;
  font-size:17px !important;
  font-weight:600;
}
body .reg-page .table32 > tbody > tr > td[style*="#000000"] p{
  margin:0 !important;
  padding:0 !important;
  color:#0b3b82 !important;
}

/* Inputs, dropdowns, textarea */
body .reg-page .textfield2,
body .reg-page .dropdown2,
body .reg-page .textarea2,
body .reg-page .demo-input{
  float:none !important;
  display:block;
  width:100% !important;
  max-width:none !important;
  height:46px !important;
  margin:0 !important;
  padding:0 14px !important;
  border:1.5px solid #d5deee !important;
  border-radius:12px !important;
  background-color:#fff;
  font-family:'Poppins','Segoe UI',Arial,sans-serif;
  font-size:14px;
  color:#1c2a44;
  outline:none;
  box-sizing:border-box;
  transition:border-color .2s ease, box-shadow .2s ease;
}
body .reg-page .textarea2{
  height:auto !important;
  min-height:110px;
  padding:12px 14px !important;
  resize:vertical;
}
body .reg-page .textfield2:focus,
body .reg-page .dropdown2:focus,
body .reg-page .textarea2:focus,
body .reg-page .demo-input:focus{
  border-color:#F6761D !important;
  box-shadow:0 0 0 4px rgba(246,118,29,.15);
}
body .reg-page input[readonly]{
  background-color:#f3f6fb !important;
  color:#68778d;
}
body .reg-page #city_list,
body .reg-page #branch_list{
  display:block;
  width:100%;
}
body .reg-page ::placeholder{ color:#97a4ba; opacity:1; }

/* Captcha: keep the picture, just give it room */
body .reg-page .captcha-input{
  padding-left:100px !important;
  background-repeat:no-repeat !important;
  background-position:8px center !important;
}

/* File uploads */
body .reg-page input[type="file"]{
  display:block;
  width:100%;
  padding:9px 12px;
  border:1.5px dashed #c5d3ea;
  border-radius:12px;
  background:#f8faff;
  font-family:'Poppins','Segoe UI',Arial,sans-serif;
  font-size:13px;
  box-sizing:border-box;
}
body .reg-page input[type="file"]::file-selector-button{
  margin-right:12px;
  padding:7px 16px;
  border:0;
  border-radius:999px;
  background:#103777;
  color:#fff;
  cursor:pointer;
}
body .reg-page .table32 > tbody > tr > td[colspan="3"] span{
  color:#b4500a !important;
  font-size:12.5px;
  line-height:1.5;
}

/* Radio buttons and checkbox */
body .reg-page input[type="radio"],
body .reg-page input[type="checkbox"]{
  width:18px;
  height:18px;
  margin:0 6px 0 14px;
  vertical-align:middle;
  accent-color:#F6761D;
}
body .reg-page input[type="radio"]:first-of-type{ margin-left:0; }

/* Educational qualification table (inner) */
body .reg-page td[colspan="6"] table{
  width:100% !important;
  min-width:780px;
  border:0 !important;
  border-collapse:separate;
  border-spacing:8px;
}
body .reg-page td[colspan="6"] table td{
  width:auto !important;
  height:auto !important;
  padding:2px !important;
  border:0 !important;
  font-family:'Poppins','Segoe UI',Arial,sans-serif;
  font-size:13px;
  color:#0b3b82;
}
body .reg-page td[colspan="6"] table td:first-child{
  width:40px !important;
  text-align:center;
}

/* Terms line and Submit button */
body .reg-page td[colspan="6"] hr{ display:none; }
body .reg-page td[colspan="6"] > p{
  margin:0 !important;
  font-family:'Poppins','Segoe UI',Arial,sans-serif;
  font-size:13px;
  line-height:1.7;
  color:#4a5a73;
}
body .reg-page .button{
  float:none !important;
  display:block;
  width:100% !important;
  max-width:380px;
  height:52px !important;
  margin:18px auto 0 !important;
  border:0;
  border-radius:999px !important;
  background:linear-gradient(135deg,#F6761D,#e85d04);
  color:#fff;
  font-family:'Poppins','Segoe UI',Arial,sans-serif;
  font-size:16px;
  font-weight:600;
  cursor:pointer;
  box-shadow:0 8px 20px rgba(246,118,29,.35);
  transition:transform .2s ease, box-shadow .2s ease;
}
body .reg-page .button:hover:not(:disabled){
  transform:translateY(-2px);
  box-shadow:0 12px 26px rgba(246,118,29,.45);
}
body .reg-page .button:disabled{
  opacity:.45;
  cursor:not-allowed;
  box-shadow:none;
}

/* Mobile: single column */
@media (max-width:700px){
  body .reg-page{ padding:30px 12px 40px; }
  body .reg-page .span1{ padding:26px 18px 30px; }
  body .reg-page .table32 > tbody > tr{ grid-template-columns:1fr; }
  body .reg-page .table32 > tbody > tr > td{
    grid-column:1 !important;
    grid-row:auto !important;
  }
}


/* ===== RESULT PAGE (extras on top of .email-page) ===== */

/* Space between the two fields */
body .email-page .table32 tr + tr{ margin-top:18px; }

/* The first heading is only for errors: hide it when empty */
body .email-page .heading:empty{ display:none !important; }

/* When it has an error message, show it as a calm alert */
body .email-page h2.heading[style*="FF0000"]:not(:empty){
  margin:0 0 20px !important;
  padding:12px 16px !important;
  background:#fdeceb;
  border-left:4px solid #d93025;
  border-radius:10px;
  font-family:'Poppins','Segoe UI',Arial,sans-serif;
  font-size:14px !important;
  font-weight:500;
  line-height:1.5;
  color:#b3261e !important;
}
body .email-page h2.heading[style*="FF0000"]::after{ display:none !important; }



===== GALLERY PAGE (gallery.php) =====

body .gallery-page{
  height:auto !important;
  min-height:0 !important;
  overflow:visible !important;
  background:linear-gradient(180deg,#e9f0fb 0%,#f4f7fc 100%) !important;
  padding:50px 20px 60px;
}
body .gallery-page .container{
  width:100% !important;
  max-width:1100px;
  height:auto !important;
  min-height:0 !important;
  background:transparent !important;
  margin:0 auto;
}

/* White card with a photo grid */
body .gallery-page .span1{
  float:none !important;
  width:100% !important;
  min-height:0 !important;
  margin:0 !important;
  padding:36px 38px 40px;
  background:#fff !important;
  border-radius:22px;
  border-top:5px solid #F6761D;
  box-shadow:0 14px 38px rgba(20,40,90,.12);
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(220px, 1fr));
  gap:22px;
}
body .gallery-page .heading{
  grid-column:1 / -1;
  margin:0 0 6px !important;
  padding:0 !important;
  font-family:'Poppins','Segoe UI',Arial,sans-serif;
  font-size:28px;
  font-weight:600;
  color:#0b3b82;
}
body .gallery-page .heading::after{
  content:"";
  display:block;
  width:56px;
  height:4px;
  margin-top:10px;
  border-radius:4px;
  background:#F6761D;
}

/* Photos: same files, even size, soft corners */
body .gallery-page .gal{
  position:static !important;
  float:none !important;
  display:block;
  width:100% !important;
  height:220px !important;
  margin:0 !important;
  object-fit:cover;
  border-radius:16px !important;
  box-shadow:0 6px 18px rgba(20,40,90,.14);
  transition:transform .25s ease, box-shadow .25s ease;
}
body .gallery-page .gal:hover{
  position:static !important;
  width:100% !important;
  height:220px !important;
  transform:scale(1.04);
  box-shadow:0 14px 30px rgba(20,40,90,.26);
  z-index:2;
}

@media (max-width:600px){
  body .gallery-page{ padding:30px 12px 40px; }
  body .gallery-page .span1{
    padding:26px 18px 30px;
    grid-template-columns:repeat(2, 1fr);
    gap:14px;
  }
  body .gallery-page .gal,
  body .gallery-page .gal:hover{ height:150px !important; }
}



/* ===== RELATED INSTITUTE PAGE (colleges list) ===== */

/* Page area: remove fixed heights and clipping */
body .inst-page{
  height:auto !important;
  min-height:0 !important;
  overflow:visible !important;
  background:linear-gradient(180deg,#e9f0fb 0%,#f4f7fc 100%) !important;
  padding:50px 20px 60px;
}
body .inst-page .wrapper,
body .inst-page .container{
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  overflow:visible !important;
  background:transparent !important;
  padding:0 !important;
}
body .inst-page .container{ max-width:1100px; margin:0 auto !important; }

/* Heading + card grid */
body .inst-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));
  gap:24px;
}
body .inst-grid::before,
body .inst-grid::after,
body .inst-grid .clear{ display:none !important; }
body .inst-grid .heading{
  grid-column:1 / -1;
  margin:0 0 4px !important;
  padding:0 !important;
  font-family:'Poppins','Segoe UI',Arial,sans-serif;
  font-size:28px;
  font-weight:600;
  color:#0b3b82;
}
body .inst-grid .heading::after{
  content:"";
  display:block;
  width:56px;
  height:4px;
  margin-top:10px;
  border-radius:4px;
  background:#F6761D;
}

/* Institute card */
body .inst-grid .span4{
  float:none !important;
  width:auto !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
  padding:20px 20px 24px !important;
  display:flex;
  flex-direction:column;
  background:#fff !important;
  border-top:4px solid #F6761D;
  border-radius:18px;
  box-shadow:0 8px 24px rgba(20,40,90,.10) !important;
  transition:transform .25s ease, box-shadow .25s ease;
}
body .inst-grid .span4:hover{
  transform:translateY(-5px);
  box-shadow:0 16px 34px rgba(20,40,90,.18) !important;
}

/* Logo: same file, shown fully (not cropped) */
body .inst-grid .span4 img.box_set{
  display:block;
  width:100% !important;
  height:140px !important;
  margin:0 0 14px !important;
  padding:8px;
  object-fit:contain;
  border-radius:12px !important;
  background:#f6f9ff;
}

/* Name and description */
body .inst-grid .span4 h3{
  margin:0 0 8px !important;
  padding:0 !important;
  font-family:'Poppins','Segoe UI',Arial,sans-serif;
  font-size:16px;
  font-weight:600;
  line-height:1.4;
  color:#0b3b82;
  text-align:center;
}
body .inst-grid .span4 .p{
  margin:0 0 18px !important;
  padding:0 !important;
  font-family:'Poppins','Segoe UI',Arial,sans-serif;
  font-size:13px !important;
  line-height:1.7 !important;
  color:#4a5a73 !important;
  text-shadow:none !important;
  text-align:center;
}

/* Read More button sits at the bottom of every card */
body .inst-grid .span4 .a2{
  float:none !important;
  display:inline-block;
  width:auto !important;
  margin:auto auto 0 !important;
  padding:9px 26px !important;
  border:0 !important;
  border-radius:999px;
  background:#F6761D;
  color:#fff !important;
  font-family:'Poppins','Segoe UI',Arial,sans-serif;
  font-size:13px;
  font-weight:600;
  box-shadow:0 6px 16px rgba(246,118,29,.35);
  transition:transform .2s ease;
}
body .inst-grid .span4 .a2:hover{
  background:#e85d04;
  transform:scale(1.05);
}

@media (max-width:600px){
  body .inst-page{ padding:30px 14px 40px; }
  body .inst-grid{ grid-template-columns:1fr; }
}



/* ===== MANAGEMENT PAGE (extras on top of .inst-grid) ===== */

/* Photo: same file (images/image.jpg), shown as a circle with an orange ring */
body .inst-grid .span4 img.management_pic{
  display:block;
  width:130px !important;
  height:130px !important;
  margin:6px auto 16px !important;
  object-fit:cover;
  border-radius:50% !important;
  border:4px solid #fff;
  box-shadow:0 0 0 3px #F6761D, 0 8px 20px rgba(20,40,90,.18);
}

/* Designation, mobile and email */
body .inst-grid .span4 .management_detail{
  margin:0 !important;
  padding:0 !important;
  font-family:'Poppins','Segoe UI',Arial,sans-serif;
  font-size:13.5px !important;
  line-height:1.9 !important;
  color:#4a5a73 !important;
  text-shadow:none !important;
  text-align:center;
  overflow-wrap:anywhere;
}


/* ===== ABOUT PAGE (text page) ===== */

body .about-page{
  height:auto !important;
  min-height:0 !important;
  overflow:visible !important;
  background:linear-gradient(180deg,#e9f0fb 0%,#f4f7fc 100%) !important;
  padding:50px 20px 60px;
}
body .about-page .container{
  width:100% !important;
  max-width:900px;
  height:auto !important;
  min-height:0 !important;
  background:transparent !important;
  margin:0 auto;
}

/* White reading card */
body .about-page .span1{
  float:none !important;
  width:100% !important;
  min-height:0 !important;
  margin:0 !important;
  padding:42px 46px 44px;
  background:#fff !important;
  border-radius:22px;
  border-top:5px solid #F6761D;
  box-shadow:0 14px 38px rgba(20,40,90,.12);
}

/* Centered heading with orange underline */
body .about-page .heading{
  margin:0 0 28px !important;
  padding:0 !important;
  text-align:center;
  font-family:'Poppins','Segoe UI',Arial,sans-serif;
  font-size:30px;
  font-weight:600;
  letter-spacing:.5px;
  color:#0b3b82;
}
body .about-page .heading::after{
  content:"";
  display:block;
  width:56px;
  height:4px;
  margin:12px auto 0;
  border-radius:4px;
  background:#F6761D;
}

/* Paragraphs: easy to read */
body .about-page .p1{
  margin:0 0 18px !important;
  padding:0 !important;
  font-family:'Poppins','Segoe UI',Arial,sans-serif;
  font-size:15.5px;
  font-weight:400;
  line-height:1.9;
  color:#4a5a73;
  text-align:left;
}
body .about-page .p1:last-child{ margin-bottom:0 !important; }

/* First paragraph is highlighted as an intro */
body .about-page .heading + .p1{
  padding:16px 20px !important;
  background:#fff6ee;
  border-left:4px solid #F6761D;
  border-radius:0 14px 14px 0;
  font-size:17px;
  font-weight:500;
  color:#1c2a44;
}

@media (max-width:600px){
  body .about-page{ padding:30px 14px 40px; }
  body .about-page .span1{ padding:28px 20px 30px; }
  body .about-page .heading{ font-size:24px; }
  body .about-page .p1{ font-size:14.5px; }
}



/* ===== ENQUIRY / CONTACT PAGE ===== */

body .contact-page{
  height:auto !important;
  min-height:0 !important;
  overflow:visible !important;
  background:linear-gradient(180deg,#e9f0fb 0%,#f4f7fc 100%) !important;
  padding:50px 20px 60px;
}
body .contact-page .container{
  width:100% !important;
  max-width:1100px;
  height:auto !important;
  min-height:0 !important;
  background:transparent !important;
  margin:0 auto;
}

/* One white card, two columns: form | address info, map below */
body .contact-page .span1{
  float:none !important;
  width:100% !important;
  min-height:0 !important;
  margin:0 !important;
  padding:38px 42px 42px;
  background:#fff !important;
  border-radius:22px;
  border-top:5px solid #F6761D;
  box-shadow:0 14px 38px rgba(20,40,90,.12);
  display:grid;
  grid-template-columns:1.45fr 1fr;
  column-gap:36px;
  align-items:start;
}
body .contact-page .span1 > span{
  grid-column:1 / -1;
  font-family:'Poppins','Segoe UI',Arial,sans-serif;
  font-size:14px;
  font-weight:500;
}

/* Headings */
body .contact-page .heading{
  margin:0 0 20px !important;
  padding:0 !important;
  font-family:'Poppins','Segoe UI',Arial,sans-serif;
  font-size:26px;
  font-weight:600;
  color:#0b3b82;
}
body .contact-page .heading::after{
  content:"";
  display:block;
  width:56px;
  height:4px;
  margin-top:10px;
  border-radius:4px;
  background:#F6761D;
}
body .contact-page .span1 > .heading{ grid-column:1; grid-row:2; }
body .contact-page form{ grid-column:1; grid-row:3; }

/* Form fields */
body .contact-page .table32{
  display:block !important;
  width:100% !important;
  margin:0 !important;
}
body .contact-page .table32 > tbody{ display:block; }
body .contact-page .table32 > tbody > tr{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin-bottom:14px;
}
body .contact-page .table32 > tbody > tr > td{
  display:block;
  width:auto !important;
  padding:0 !important;
  font-family:'Poppins','Segoe UI',Arial,sans-serif;
  font-size:13.5px;
  color:#4a5a73;
}
body .contact-page .table32 > tbody > tr > td:nth-child(2){ display:none; }
body .contact-page .table32 > tbody > tr > td[colspan="3"]{ grid-column:1 / -1; }

body .contact-page .textfield2,
body .contact-page .demo-input{
  float:none !important;
  display:block;
  width:100% !important;
  height:48px !important;
  margin:0 !important;
  padding:0 14px !important;
  border:1.5px solid #d5deee !important;
  border-radius:12px !important;
  font-family:'Poppins','Segoe UI',Arial,sans-serif;
  font-size:14px;
  color:#1c2a44;
  outline:none;
  box-sizing:border-box;
}
body .contact-page .textarea3{
  float:none !important;
  display:block;
  width:100% !important;
  height:120px !important;
  margin:0 !important;
  padding:12px 14px !important;
  border:1.5px solid #d5deee !important;
  border-radius:12px !important;
  font-family:'Poppins','Segoe UI',Arial,sans-serif;
  font-size:14px;
  box-sizing:border-box;
  resize:vertical;
}
body .contact-page .textfield2:focus,
body .contact-page .demo-input:focus,
body .contact-page .textarea3:focus{
  border-color:#F6761D !important;
  box-shadow:0 0 0 4px rgba(246,118,29,.15);
}
body .contact-page ::placeholder{ color:#97a4ba; opacity:1; }

/* Captcha picture stays, box gets room for it */
body .contact-page .captcha-input{
  padding-left:100px !important;
  background-repeat:no-repeat !important;
  background-position:8px center !important;
}
body .contact-page .demo-error:empty{ display:none; }

/* Submit button */
body .contact-page .button{
  float:none !important;
  display:block;
  width:100% !important;
  height:50px !important;
  margin:6px 0 0 !important;
  border:0;
  border-radius:999px !important;
  background:linear-gradient(135deg,#F6761D,#e85d04);
  color:#fff;
  font-family:'Poppins','Segoe UI',Arial,sans-serif;
  font-size:16px;
  font-weight:600;
  cursor:pointer;
  box-shadow:0 8px 20px rgba(246,118,29,.35);
  transition:transform .2s ease, box-shadow .2s ease;
}
body .contact-page .button:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 26px rgba(246,118,29,.45);
}

/* Address info panel */
body .contact-page .contact-info{
  float:none !important;
  grid-column:2;
  grid-row:2 / span 2;
  width:auto !important;
  margin:0 !important;
  padding:26px 26px 12px !important;
  background:#f4f8ff;
  border-radius:18px;
}
body .contact-page .contact-info .heading{ font-size:22px; margin-bottom:16px !important; }
body .contact-page .contact-info h3{
  display:flex;
  align-items:center;
  gap:10px;
  margin:18px 0 6px !important;
  font-family:'Poppins','Segoe UI',Arial,sans-serif;
  font-size:15px;
  font-weight:600;
  color:#0b3b82;
}
body .contact-page .contact-info h3 img{
  width:30px !important;
  height:30px !important;
  padding:6px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 3px 8px rgba(20,40,90,.12);
  box-sizing:border-box;
}
body .contact-page .contact-info p{
  margin:0 0 6px !important;
  padding:0 !important;
  font-family:'Poppins','Segoe UI',Arial,sans-serif;
  font-size:14px;
  line-height:1.8;
  color:#4a5a73;
}

/* Map */
body .contact-page .cmap{
  float:none !important;
  grid-column:1 / -1;
  grid-row:4;
  width:100% !important;
  margin:32px 0 0 !important;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 8px 24px rgba(20,40,90,.12);
}
body .contact-page .cmap iframe{ display:block; height:320px; }

/* Tablet / mobile: single column */
@media (max-width:800px){
  body .contact-page{ padding:30px 14px 40px; }
  body .contact-page .span1{
    grid-template-columns:1fr;
    padding:26px 18px 30px;
  }
  body .contact-page .span1 > .heading,
  body .contact-page form,
  body .contact-page .contact-info,
  body .contact-page .cmap{ grid-column:1; grid-row:auto; }
  body .contact-page .contact-info{ margin-top:28px !important; }
  body .contact-page .table32 > tbody > tr{ grid-template-columns:1fr; }
}

/* ===== CONTACT PAGE: overlap fix ===== */

/* The old style.css gives every td a fixed 26px height: reset it */
body .contact-page .table32 > tbody > tr > td{
  height:auto !important;
  line-height:1.4 !important;
}

/* Extra space goes to the form row, not to the heading */
body .contact-page .span1{
  grid-template-rows:auto auto 1fr auto;
}

/* Captcha row: label above the box, empty error cell hidden */
body .contact-page .table32 > tbody > tr > td:empty,
body .contact-page .table32 > tbody > tr > td:has(.demo-error:empty){
  display:none !important;
}
body .contact-page .table32 > tbody > tr > td:first-child:not(:has(input)):not(:has(textarea)){
  grid-column:1 / -1;
  font-weight:500;
  color:#4a5a73;
}
body .contact-page .table32 > tbody > tr > td[colspan="3"]:has(textarea){ grid-column:1 / -1; }
body .contact-page .table32 > tbody > tr > td:nth-child(3):has(.demo-input){ grid-column:1 / -1; }



/* ===== DROPDOWN: back to normal (no 3D) ===== */
body #nei-header .nav-list > li > ul{
  border-bottom:1px solid #e8edf5;
  border-radius:0 0 12px 12px;
  box-shadow:0 14px 32px rgba(13,34,68,.18);
}
body #nei-header .nav-list li:hover > ul,
body #nei-header .nav-list li:focus-within > ul,
body #nei-header .nav-list li.open > ul{
  animation:none !important;
}
body #nei-header .nav-list li > ul li > a:hover{
  transform:none;
  box-shadow:none;
}

/* ===== 3D BOXES ON ALL PAGES ===== */

/* Main page boxes: email, verify, admit card, result, marksheet, certificate,
   registration, enquiry, about, gallery, welcome card */
body .email-page .span1,
body .reg-page .span1,
body .contact-page .span1,
body .about-page .span1,
body .gallery-page .span1,
body .dash-section ~ .wrapper .span12{
  border-bottom:10px solid #cfdcf2 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    0 2px 3px rgba(20,40,90,.08),
    0 12px 22px rgba(20,40,90,.12),
    0 34px 60px rgba(20,40,90,.20) !important;
  transition:transform .3s ease, box-shadow .3s ease;
}
@media (hover:hover){
  body .email-page .span1:hover,
  body .reg-page .span1:hover,
  body .contact-page .span1:hover,
  body .about-page .span1:hover,
  body .gallery-page .span1:hover,
  body .dash-section ~ .wrapper .span12:hover{
    transform:translateY(-4px);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.95),
      0 4px 6px rgba(20,40,90,.10),
      0 18px 30px rgba(20,40,90,.16),
      0 44px 72px rgba(20,40,90,.24) !important;
  }
}

/* Small boxes inside the pages: address panel, map, OTP info box, notice popup */
body .contact-page .contact-info{
  border-bottom:6px solid #d3e0f5;
  box-shadow:
    inset 0 1px 0 #fff,
    0 10px 22px rgba(20,40,90,.12) !important;
}
body .contact-page .cmap{
  border-bottom:8px solid #cfdcf2;
  box-shadow:0 14px 30px rgba(20,40,90,.18) !important;
}
body .email-page .danger{
  box-shadow:0 5px 0 #d3e0f5, 0 10px 18px rgba(20,40,90,.10);
}
body .cnt223{
  border-bottom:10px solid #cfdcf2;
  box-shadow:0 30px 70px rgba(0,0,0,.40) !important;
}

/* Gallery photos: raised tiles */
body .gallery-page .gal{
  border-bottom:6px solid #d3e0f5;
  box-shadow:0 8px 0 #e3ebf8, 0 18px 28px rgba(20,40,90,.20) !important;
}

/* Cards in grids: Related Institute, Management, Quick access, home cards */
body .inst-grid .span4,
body .qa-item{
  border-bottom:8px solid #cfdcf2 !important;
  box-shadow:0 14px 26px rgba(20,40,90,.16) !important;
}
body .dash-card{
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.35),
    inset 0 -8px 0 rgba(0,0,0,.12),
    0 14px 30px rgba(20,40,90,.22) !important;
}

/* Smaller edges on mobile */
@media (max-width:600px){
  body .email-page .span1,
  body .reg-page .span1,
  body .contact-page .span1,
  body .about-page .span1,
  body .gallery-page .span1,
  body .dash-section ~ .wrapper .span12{
    border-bottom-width:6px !important;
  }
}


/* ===== COURSES PAGE (3D, same look as the other pages) ===== */

/* Page background, same as the other pages */
body .courses-page{
  height:auto !important;
  overflow:visible !important;
  background:linear-gradient(180deg,#e9f0fb 0%,#f4f7fc 100%) !important;
  padding:44px 20px 60px;
}
body .course-wrap{
  max-width:1000px;
  margin:0 auto !important;
  padding:0 !important;
}

/* Main card: thick bottom edge + layered shadow */
body .course-wrap .course-card{
  border-bottom:10px solid #cfdcf2;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    0 2px 3px rgba(20,40,90,.08),
    0 12px 22px rgba(20,40,90,.12),
    0 34px 60px rgba(20,40,90,.20) !important;
  transition:transform .3s ease, box-shadow .3s ease;
}
body .course-wrap .course-card *{
  font-family:'Poppins','Segoe UI',Arial,sans-serif;
}

/* Header band: raised look */
body .course-wrap .course-head{
  box-shadow:inset 0 -8px 0 rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.25);
}
body .course-wrap .course-head h2{
  font-size:30px;
  font-weight:600;
  text-shadow:0 3px 0 rgba(0,0,0,.25);
}
body .course-wrap .course-head .line{
  box-shadow:0 3px 0 #b9440a;
}

/* Section headings */
body .course-wrap .course-body h3{
  font-size:20px;
  font-weight:600;
  color:#0b3b82;
}

/* Eligibility badge: raised pill */
body .course-wrap .badge-elig{
  box-shadow:0 5px 0 #f0c9a6, 0 10px 16px rgba(246,118,29,.20);
}

/* Topic tiles: raised tiles */
body .course-wrap .topics li{
  border-bottom:5px solid #c5d6f2;
  box-shadow:0 8px 16px rgba(29,95,196,.12);
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease;
}

/* Enquiry Now: real press button */
body .course-wrap .course-actions a{
  background:linear-gradient(135deg,#F6761D,#e85d04);
  border-radius:999px;
  padding:13px 36px;
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.35),
    0 6px 0 #b9440a,
    0 14px 22px rgba(246,118,29,.40);
  transform:translateY(0);
  transition:transform .12s ease, box-shadow .12s ease;
}
body .course-wrap .course-actions a:hover{
  background:linear-gradient(135deg,#F6761D,#e85d04);
  transform:translateY(-2px);
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.35),
    0 8px 0 #b9440a,
    0 18px 26px rgba(246,118,29,.45);
}
body .course-wrap .course-actions a:active{
  transform:translateY(5px);
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.25),
    0 1px 0 #b9440a,
    0 4px 8px rgba(246,118,29,.35);
}

/* Hover effects (mouse devices only) */
@media (hover:hover){
  body .course-wrap .course-card:hover{
    transform:translateY(-4px);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.95),
      0 4px 6px rgba(20,40,90,.10),
      0 18px 30px rgba(20,40,90,.16),
      0 44px 72px rgba(20,40,90,.24) !important;
  }
  body .course-wrap .topics li:hover{
    transform:perspective(700px) rotateX(5deg) rotateY(-5deg) translateY(-6px);
    box-shadow:10px 16px 24px rgba(29,95,196,.26);
  }
}

@media (max-width:600px){
  body .courses-page{ padding:28px 12px 40px; }
  body .course-wrap .course-card{ border-bottom-width:6px; }
  body .course-wrap .course-head h2{ font-size:22px; }
}


/* ===== IMPORTANT NOTICE POPUP: bigger ===== */

/* Popup card: wider, with a little less space above it */
body .popup{
  padding-top:4vh;
}
body .cnt223{
  width:1000px !important;
  max-width:94vw;
  padding:30px 30px 34px !important;
}

/* Bigger title */
body .cnt223 h3{
  font-size:28px;
  margin:4px 0 22px !important;
}

/* Photo area: taller (the photos themselves are unchanged) */
body .cnt223 .carousel-inner .item img{
  width:100% !important;
  height:clamp(320px, 62vh, 620px) !important;
  object-fit:cover;
}

/* Caption text bigger to match */
body .cnt223 .carousel-caption{
  padding:60px 34px 46px;
}
body .cnt223 .carousel-caption h3{
  font-size:28px;
}
body .cnt223 .carousel-caption p{
  font-size:17px !important;
}

/* Close button a little bigger */
body .cnt223 .modern{
  width:44px !important;
  height:44px !important;
  top:18px !important;
  right:18px !important;
}
body .cnt223 .modern p{ font-size:18px; }

/* Mobile: fit the screen */
@media (max-width:600px){
  body .cnt223{ padding:22px 14px 24px !important; }
  body .cnt223 h3{ font-size:20px; }
  body .cnt223 .carousel-inner .item img{ height:260px !important; }
}

/* ===== GALLERY: no white box, wider, framed 3D photos ===== */

/* Wider page area */
body .gallery-page{
  padding:56px 24px 80px;
}
body .gallery-page .container{
  max-width:1400px !important;
}

/* Remove the white card (and its 3D edge / hover) */
body .gallery-page .span1,
body .gallery-page .span1:hover{
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  transform:none !important;
  padding:0 !important;
}

/* Photo grid: bigger tiles, more space */
body .gallery-page .span1{
  grid-template-columns:repeat(auto-fill, minmax(270px, 1fr)) !important;
  gap:30px !important;
}

/* Heading and the line under it: centered */
body .gallery-page .heading{
  text-align:center;
  font-size:36px;
  margin:0 0 6px !important;
}
body .gallery-page .heading::after{
  width:70px;
  margin:12px auto 0;
}
body .gallery-page .span1 > :not(.gal):not(.heading){
  grid-column:1 / -1;
  margin:0 0 10px !important;
  text-align:center;
  font-family:'Poppins','Segoe UI',Arial,sans-serif;
  font-size:16px;
  color:#68778d;
}

/* Photos: white frame, thick bottom edge, soft shadow */
body .gallery-page .gal,
body .gallery-page .gal:hover{
  height:270px !important;
  padding:8px;
  background:#fff;
  border:0 !important;
  border-bottom:9px solid #cfdcf2 !important;
  border-radius:20px !important;
  box-sizing:border-box;
  object-fit:cover;
  box-shadow:
    0 2px 3px rgba(20,40,90,.08),
    0 14px 24px rgba(20,40,90,.14),
    0 30px 46px rgba(20,40,90,.16) !important;
}

/* Hover: tilt and lift (mouse devices only) */
@media (hover:hover){
  body .gallery-page .gal{
    transition:transform .3s ease, box-shadow .3s ease;
  }
  body


  /* ===== Hide only the page's own logo strip (email, verify, etc.) ===== */
/* Footer strips use v_height12home1 / v_height12home2, so they are not affected */
body .linkage.v_height12{
  display:none !important;
}


/* ===== E-Mail Us page: same card layout as Admit Card / Check Result ===== */

body .about-page{
  background:linear-gradient(180deg,#e9f0fb 0%,#f4f7fc 100%) !important;
  padding:50px 20px 60px !important;
  height:auto !important;
  overflow:visible !important;
}

/* The container becomes the white card */
body .about-page .container{
  max-width:1240px;
  min-height:0 !important;
  height:auto !important;
  background:#fff !important;
  padding:38px 42px 42px !important;
  border-radius:22px;
  border-top:5px solid #F6761D;
  border-bottom:10px solid #cfdcf2;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    0 2px 3px rgba(20,40,90,.08),
    0 12px 22px rgba(20,40,90,.12),
    0 34px 60px rgba(20,40,90,.20);
}
/* ===== WHATSAPP FLOATING BUTTON (bottom right) ===== */
body .wa-float{
  position:fixed;
  right:22px;
  bottom:24px;
  z-index:9990;
  display:flex;
  align-items:center;
  gap:10px;
  padding:13px 20px 13px 16px;
  border-radius:999px;
  background:linear-gradient(135deg,#2fe27a,#1faa52);
  color:#fff !important;
  font-family:'Poppins','Segoe UI',Arial,sans-serif;
  font-size:14px;
  font-weight:600;
  text-decoration:none !important;
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.35),
    0 5px 0 #14803c,
    0 12px 22px rgba(31,170,82,.40);
  transition:transform .12s ease, box-shadow .12s ease;
}
body .wa-float:hover{
  transform:translateY(-2px);
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.35),
    0 7px 0 #14803c,
    0 16px 26px rgba(31,170,82,.45);
}
body .wa-float:active{
  transform:translateY(4px);
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.25),
    0 1px 0 #14803c,
    0 4px 8px rgba(31,170,82,.35);
}
@media (max-width:600px){
  body .wa-float{ right:14px; bottom:18px; padding:14px; }
  body .wa-float span{ display:none; }
}

/* ===== ABOUT US page: keep only ONE card (the outer one) ===== */
body .about-page .span1,
body .about-page .span1:hover{
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  margin:0 !important;
  transform:none !important;
}

/* ===== Email page: same card width and box height as Admit Card / Check Result ===== */
body .email-page .container{
  max-width:1240px !important;
}
body .email-page .textfield2,
body .email-page .demo-input{
  height:50px !important;
}


/* ===== Email page: same card height as Admit Card / Check Result ===== */
@media (min-width:701px){
  body .email-page .span1{
    min-height:470px;
  }
}


/* ===== Popup close button: no black box on click ===== */
body .cnt223 .modern,
body .cnt223 .modern *,
body .cnt223 .modern a.close{
  outline:none !important;
  box-shadow:none;
  text-shadow:none !important;
  -webkit-tap-highlight-color:transparent;
  -webkit-user-select:none;
  user-select:none;
  opacity:1 !important;
}
body .cnt223 .modern a.close:focus,
body .cnt223 .modern a.close:active,
body .cnt223 .modern a.close:focus-visible{
  outline:none !important;
  background:transparent !important;
  box-shadow:none !important;
}

/* Soft orange glow while pressed, instead of the black box */
body .cnt223 .modern:active{
  transform:scale(.94);
  box-shadow:0 0 0 5px rgba(246,118,29,.28) !important;
}




/* ===== HOME PAGE: extra polish (CSS only) ===== */

html{
  scroll-behavior:smooth;
  scrollbar-color:#F6761D #e9f0fb;
  scrollbar-width:thin;
}
::selection{ background:#F6761D; color:#fff; }

/* Cards section: soft light blobs behind the cards */
body .dash-section{
  background:
    radial-gradient(circle at 8% 25%, rgba(246,118,29,.10) 0, transparent 36%),
    radial-gradient(circle at 92% 75%, rgba(23,100,192,.12) 0, transparent 40%),
    linear-gradient(180deg,#e9f0fb 0%,#f4f7fc 100%) !important;
}

/* Home cards: equal height and a gentle shine from the top */
body .dash-card{ min-height:370px !important; }
body .dash-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(160deg, rgba(255,255,255,.22), transparent 42%);
  pointer-events:none;
}

/* Quick access section */
body .quick-access{
  background:
    radial-gradient(circle at 88% 8%, rgba(246,118,29,.08) 0, transparent 34%),
    radial-gradient(circle at 6% 90%, rgba(23,100,192,.08) 0, transparent 36%),
    #f4f7fc;
  padding:44px 20px 76px;
}
body .qa-title{
  position:relative;
  display:inline-block;
  padding-bottom:14px;
  font-size:34px;
  font-weight:700;
  letter-spacing:.3px;
  color:#0b3b82;
}
body .qa-title::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  width:64px;
  height:4px;
  transform:translateX(-50%);
  border-radius:4px;
  background:#F6761D;
}
body .qa-sub{ margin:10px 0 30px; font-size:15px; }

/* Quick access tiles: gradient icons and an arrow on hover */
body .qa-item{ position:relative; overflow:hidden; padding-right:60px; }
body .qa-item i{
  background:linear-gradient(135deg,#1d5fc4,#0b2f6b);
  box-shadow:0 8px 16px rgba(20,40,90,.22), inset 0 2px 0 rgba(255,255,255,.3);
}
body .qa-item:nth-child(2n) i{ background:linear-gradient(135deg,#ff9a4d,#e85d04); }
body .qa-item:nth-child(3n) i{ background:linear-gradient(135deg,#47b834,#1f7a12); }
body .qa-item::after{
  content:"\2192";
  position:absolute;
  right:24px;
  top:50%;
  transform:translate(-10px,-50%);
  opacity:0;
  font-size:22px;
  font-weight:700;
  color:#F6761D;
  transition:opacity .25s ease, transform .25s ease;
}
body .qa-item:hover::after{ opacity:1; transform:translate(0,-50%); }

/* Welcome card: soft color blobs in the corners */
body .dash-section ~ .wrapper .span12{
  position:relative;
  overflow:hidden;
}
body .dash-section ~ .wrapper .span12::before,
body .dash-section ~ .wrapper .span12::after{
  content:"";
  position:absolute;
  width:280px;
  height:280px;
  border-radius:50%;
  pointer-events:none;
  z-index:0;
}
body .dash-section ~ .wrapper .span12::before{
  right:-90px;
  top:-90px;
  background:radial-gradient(circle, rgba(246,118,29,.20), transparent 70%);
}
body .dash-section ~ .wrapper .span12::after{
  left:-100px;
  bottom:-100px;
  background:radial-gradient(circle, rgba(23,100,192,.18), transparent 70%);
}
body .dash-section ~ .wrapper .span12 > *{ position:relative; z-index:1; }
body .dash-section ~ .wrapper .h2{ font-size:38px; }
body .dash-section ~ .wrapper .p1{ font-size:18px; }

/* Fade-in on scroll (CSS only, supported browsers only) */
@supports (animation-timeline: view()){
  @keyframes neiReveal{
    from{ opacity:0; translate:0 38px; }
    to{ opacity:1; translate:0 0; }
  }
  body .dash-card,
  body .qa-title,
  body .qa-sub,
  body .qa-item,
  body .dash-section ~ .wrapper .span12{
    animation:neiReveal both linear;
    animation-timeline:view();
    animation-range:entry 0% entry 35%;
  }
}
@media (prefers-reduced-motion:reduce){
  body .dash-card,
  body .qa-title,
  body .qa-sub,
  body .qa-item,
  body .dash-section ~ .wrapper .span12{ animation:none !important; }
}