/* ==========================================================================
   BLDEA COLLEGE OF NURSING TIKOTA — THEME ENHANCEMENT LAYER
   Load this file AFTER assets/css/style.css. It intentionally overrides
   the legacy rules (mismatched blue/purple/green/yellow blocks) with one
   consistent palette, better type, spacing, shadows and micro-interactions,
   without touching the original stylesheet or markup.
   ========================================================================== */

/* -------------------------------------------------
   1. Palette & base type
------------------------------------------------- */
:root{
  --navy-900:#0a2540;
  --navy-800:#0f3663;
  --navy-700:#154a86;
  --navy-600:#1c5da3;
  --teal-500:#0e9c8f;
  --teal-600:#0b8377;
  --gold-400:#f0ad2b;
  --gold-500:#dd9411;
  --ink:#1f2937;
  --muted:#5b6b7c;
  --bg-soft:#f5f8fb;
  --bg-soft-2:#eef3f8;
  --line:#e3e9f0;
  --radius:14px;
  --radius-sm:8px;
  --shadow-sm:0 4px 14px rgba(10,37,64,.07);
  --shadow-md:0 10px 30px rgba(10,37,64,.12);
  --shadow-lg:0 20px 45px rgba(10,37,64,.18);
  --transition: all .28s cubic-bezier(.4,.2,.2,1);

  /* Modern type pairing: geometric display font for headings, highly-legible
     grotesk for body copy. Loaded via Google Fonts in header.php. */
  --font-heading:'Plus Jakarta Sans', 'Raleway', sans-serif;
  --font-body:'Inter', 'Open Sans', sans-serif;
}

html{ scroll-behavior:smooth; }

body{
  font-family:var(--font-body) !important;
  font-size:16.5px;
  line-height:1.75;
  color:var(--ink);
  background:#fff;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  font-feature-settings:'ss01' 1, 'cv01' 1;
}

p, li, span, label, td, th, input, textarea, select, button{
  font-family:var(--font-body);
}

h1,h2,h3,h4,h5,h6{
  font-family:var(--font-heading) !important;
  color:var(--navy-900);
  font-weight:700 !important;
  letter-spacing:-.02em;
  line-height:1.25;
}

a{ transition:var(--transition); }

::selection{ background:var(--teal-500); color:#fff; }

img{ transition:transform .5s ease, box-shadow .3s ease; }

/* -------------------------------------------------
   1a. GLOBAL SAFETY NET
   Forces the new type pairing on every element, on every page of the
   site — not just the sections already reviewed — so nothing on
   inner pages (Gallery, Contact, Courses, NAAC tables, etc.) is left
   behind on the old Raleway/Open Sans/DM Sans/Droid Sans fonts.
   Icon fonts are explicitly excluded so icons keep rendering correctly.
------------------------------------------------- */
body *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(i):not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not([class*="fa-"]):not([class*="icofont"]):not([class*="glyphicon"]){
  font-family: var(--font-body) !important;
}

/* -------------------------------------------------
   1b. Targeted font overrides — components that had
   hard-coded Raleway / DM Sans / Droid Sans in style.css
------------------------------------------------- */
.head-txt,
.section-headline h2,
.section-headline.services-head > h2,
.well-middle h3,
.inner-pages-headings h4,
.inner-pages-headings h6,
.footer-head h4,
.ufeatures,
.admission-form h5,
.news-updates .modal-title,
.gallery-container h1,
.section-heading,
.card-title{
  font-family:var(--font-heading) !important;
}

.navbar-dark .navbar-nav .nav-link,
.dropdown-item,
.btn,
.lb-btn,
.lb-counter{
  font-family:var(--font-body) !important;
}

/* -------------------------------------------------
   2. Top utility bar
------------------------------------------------- */
.top-navg{
  background:var(--navy-900) !important;
  color:#dce6f0 !important;
  padding:.45rem .1rem !important;
  letter-spacing:.2px;
}
.top-navg .color4,
.top-navg a,
.top-head-btn1{
  color:#dce6f0 !important;
  background:transparent !important;
  border:none !important;
}
.top-navg a:hover{ color:var(--gold-400) !important; }

.blink_admission{
  color:var(--gold-400) !important;
  background:rgba(240,173,43,.12);
  padding:3px 10px;
  border-radius:20px;
  font-weight:700 !important;
}

.social-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:26px;
  height:26px;
  border-radius:50%;
  background:rgba(255,255,255,.08);
  color:#dce6f0 !important;
  margin-left:2px;
}
.social-icon:hover{
  background:var(--teal-500);
  color:#fff !important;
  transform:translateY(-2px);
}

/* -------------------------------------------------
   3. Header / logo strip
------------------------------------------------- */
.head-txt{
  color:var(--navy-900) !important;
  font-family:'Raleway', sans-serif;
  letter-spacing:.2px;
}
.head-txt a{ color:var(--navy-900) !important; }

.logo-menu-links a{
  color:var(--muted) !important;
  font-weight:500;
}
.logo-menu-links a:hover{ color:var(--teal-600) !important; }

.cust-img-logo{ filter:drop-shadow(0 2px 6px rgba(10,37,64,.12)); }

/* -------------------------------------------------
   4. Main navigation
------------------------------------------------- */
.bg-menu{
  background:linear-gradient(90deg,var(--navy-900) 0%,var(--navy-700) 100%) !important;
}
#navbar_top{
  box-shadow:0 2px 10px rgba(10,37,64,.15);
}
#navbar_top.fixed-top{
  box-shadow:0 6px 20px rgba(10,37,64,.25);
}

.navbar-dark .navbar-nav .nav-link{
  color:#eef3f8 !important;
  font-weight:600;
  font-size:14.5px;
  letter-spacing:.3px;
  padding:.85rem 1rem !important;
  position:relative;
}
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-item.active .nav-link{
  color:#fff !important;
}
.navbar-dark .navbar-nav .nav-link::after{
  content:"";
  position:absolute;
  left:1rem; right:1rem; bottom:6px;
  height:2px;
  background:var(--gold-400);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .25s ease;
}
.navbar-dark .navbar-nav .nav-link:hover::after{ transform:scaleX(1); }

.dropdown-menu{
  border:none !important;
  border-radius:var(--radius-sm) !important;
  box-shadow:var(--shadow-md) !important;
  padding:.5rem 0 !important;
  margin-top:0 !important;
  animation:fadeSlideIn .18s ease;
}
@keyframes fadeSlideIn{
  from{ opacity:0; transform:translateY(6px); }
  to{ opacity:1; transform:translateY(0); }
}
.dropdown-item{
  color:var(--ink) !important;
  font-weight:500;
  font-size:14px;
}
.dropdown-item:hover{
  background:var(--bg-soft-2) !important;
  color:var(--teal-600) !important;
  padding-left:24px !important;
}
.dropdown-divider{ border-color:var(--line) !important; }

/* -------------------------------------------------
   5. Hero slider
------------------------------------------------- */
.bldea-slider-wrap{
  overflow:hidden;
  border-radius:0 0 24px 24px;
  box-shadow:var(--shadow-lg);
}
#bldeaCarousel .carousel-indicators li{
  background-color:rgba(255,255,255,.55) !important;
  border:1px solid rgba(255,255,255,.7) !important;
}
#bldeaCarousel .carousel-indicators li.active{
  background-color:var(--gold-400) !important;
  border-color:var(--gold-400) !important;
}

/* -------------------------------------------------
   6. Accreditation / info strip (recognized-by cards)
------------------------------------------------- */
.grades-section{
  background:var(--bg-soft);
  padding:34px 0;
}
.icon-box-purple,
.purple-mob-box{
  background:#fff !important;
  border:1px solid var(--line);
  border-radius:var(--radius) !important;
  box-shadow:var(--shadow-sm);
  transition:var(--transition);
}
.icon-box-purple:hover{
  transform:translateY(-4px);
  box-shadow:var(--shadow-md);
  border-color:var(--teal-500);
}
.icon-box-purple p,
.purple-mob-box p{
  color:var(--navy-900) !important;
  font-weight:600;
  font-size:14.5px;
  margin-bottom:0;
}

/* -------------------------------------------------
   7. About section
------------------------------------------------- */
.about-area{ padding:70px 0; }

.single-well img{
  border-radius:var(--radius);
  box-shadow:var(--shadow-md);
}
.single-well img:hover{ transform:scale(1.015); }

.well-middle h3{
  font-size:28px;
  font-weight:700;
  margin-bottom:18px;
  position:relative;
  padding-bottom:14px;
}
.well-middle h3::after{
  content:"";
  position:absolute;
  left:0; bottom:0;
  width:60px; height:3px;
  background:var(--gold-400);
}
.well-middle p{ color:var(--muted); line-height:1.8; }

/* -------------------------------------------------
   8. Buttons (unified across the whole site)
------------------------------------------------- */
.btn{
  border-radius:30px !important;
  font-weight:600 !important;
  letter-spacing:.2px;
  transition:var(--transition) !important;
}
.btn-info,
.btn-primary{
  background:linear-gradient(90deg,var(--teal-600),var(--teal-500)) !important;
  border:none !important;
  color:#fff !important;
  box-shadow:0 8px 18px rgba(14,156,143,.28);
}
.btn-info:hover,
.btn-primary:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 24px rgba(14,156,143,.35);
  color:#fff !important;
}
.btn-success{
  background:linear-gradient(90deg,var(--navy-800),var(--navy-600)) !important;
  border:none !important;
  box-shadow:0 8px 18px rgba(21,74,134,.28);
}
.btn-success:hover{ transform:translateY(-2px); }
.btn-outline-primary{
  color:var(--teal-600) !important;
  border-color:var(--teal-600) !important;
}
.btn-outline-primary:hover{
  background:var(--teal-600) !important;
  color:#fff !important;
}

/* -------------------------------------------------
   9. Skills / "Students Fate" panel
------------------------------------------------- */
.our-skill-area{ padding:20px 0 10px; }
.green-box-transparent{
  background:linear-gradient(135deg,rgba(10,37,64,.92),rgba(14,156,143,.88)) !important;
  border-radius:var(--radius);
  box-shadow:var(--shadow-md);
  padding:40px !important;
}
.green-box-transparent h4{ color:#fff !important; font-size:22px; }
.green-box-transparent p{ color:#eef3f8 !important; line-height:1.8; }
.green-box-a{ color:var(--gold-400) !important; font-weight:700 !important; }

/* -------------------------------------------------
   10. Legacy / founders section
------------------------------------------------- */
.our-team-area{ padding:70px 0; background:var(--bg-soft); }

.legacies img{
  border-radius:50%;
  width:130px; height:130px;
  object-fit:cover;
  box-shadow:var(--shadow-sm);
  border:3px solid #fff;
  outline:2px solid var(--line);
}
.legacies img:hover{
  transform:translateY(-4px) scale(1.03);
  outline-color:var(--teal-500);
}
.legacies p a{
  color:var(--navy-900);
  font-weight:600;
  font-size:14.5px;
}
.legacies p a:hover{ color:var(--teal-600); }

/* -------------------------------------------------
   11. Section headline
------------------------------------------------- */
.section-headline h2,
.section-headline.services-head > h2{
  color:var(--navy-900) !important;
  font-weight:700 !important;
  text-transform:none !important;
  margin-bottom:14px !important;
}
.section-headline{
  display:block !important;
  text-align:center;
  margin-bottom:20px;
}
.section-headline h2::after{
  content:"" !important;
  display:block;
  width:64px;
  height:3px;
  background:var(--gold-400);
  margin:14px auto 0;
  position:static !important;
  border:none !important;
}

/* -------------------------------------------------
   12. Academic resources cards
------------------------------------------------- */
.services-area{ padding-top:20px; }
.services-area .card{
  border:none !important;
  border-radius:var(--radius) !important;
  overflow:hidden;
  box-shadow:var(--shadow-sm);
  transition:var(--transition);
  margin:10px;
}
.services-area .card:hover{
  transform:translateY(-6px);
  box-shadow:var(--shadow-md);
}
.bg-one-box,
.bg-two-box,
.bg-thre-box{
  background:#fff !important;
  border-top:4px solid var(--teal-500) !important;
}
.bg-one-box .para-text,
.bg-two-box .para-text,
.bg-thre-box .para-text{
  color:var(--navy-900) !important;
  font-weight:700 !important;
  font-size:20px !important;
}
.bg-one-box p,
.bg-two-box p,
.bg-thre-box p{
  color:var(--muted) !important;
  font-size:14.5px;
  line-height:1.7;
}
.services-area .card img{
  border-radius:var(--radius-sm);
}

/* -------------------------------------------------
   13. News & Admission modal
------------------------------------------------- */
.modal-content{
  border:none;
  border-radius:var(--radius) !important;
  box-shadow:var(--shadow-lg);
  overflow:hidden;
}
.news-updates .modal-header{
  background:linear-gradient(90deg,var(--navy-900),var(--navy-700));
  border:none;
}
.news-updates .modal-title{ color:#fff !important; }
.news-updates .close{ color:#fff; opacity:.85; text-shadow:none; }
.news-popup-item img{
  border-radius:var(--radius-sm);
  box-shadow:var(--shadow-sm);
}

.admission-form{
  box-shadow:var(--shadow-md) !important;
  border-radius:var(--radius) !important;
  border-top:4px solid var(--gold-400);
}
.admission-form h5{
  color:var(--navy-900) !important;
  font-weight:700 !important;
}

.form-control{
  border-radius:var(--radius-sm) !important;
  border:1px solid var(--line) !important;
  padding:.55rem .9rem !important;
}
.form-control:focus{
  border-color:var(--teal-500) !important;
  box-shadow:0 0 0 3px rgba(14,156,143,.15) !important;
}

/* -------------------------------------------------
   14. Footer
------------------------------------------------- */
.footer-area{
  background:linear-gradient(180deg,var(--navy-900) 0%,#081b30 100%) !important;
  padding-top:60px;
}
.footer-form-box .card{
  background:linear-gradient(90deg,var(--teal-600),var(--teal-500)) !important;
}
.footer-head h4{
  color:#fff !important;
  font-weight:700;
  position:relative;
  padding-bottom:12px;
  margin-bottom:18px !important;
}
.footer-head h4::after{
  content:"";
  position:absolute;
  left:0; bottom:0;
  width:44px; height:3px;
  /*background:var(--gold-400);*/
}
.footer-content ul li a,
.footer-content ul li a.text-dark{
  color:#c3d1e0 !important;
  font-size:14.5px;
}
.footer-content ul li a:hover{
  color:var(--gold-400) !important;
  padding-left:4px;
}
.footer-content p,
.footer-contacts p{ color:#c3d1e0; }
.address-line{ color:#fff; font-weight:600; }
.footer-contacts i{ color:var(--teal-500); width:18px; }

.footer-area-bottom{
  background:#081b30 !important;
  border-top:1px solid rgba(255,255,255,.08);
  padding:16px 0;
}
.footer-area-bottom .copyright p{ color:#9fb0c2; font-size:13.5px; margin:0; }

/* -------------------------------------------------
   15. Back to top
------------------------------------------------- */
.back-to-top{
  background:linear-gradient(135deg,var(--teal-600),var(--teal-500)) !important;
  width:42px; height:42px;
  display:flex !important;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  box-shadow:var(--shadow-md);
  padding:0 !important;
}
.back-to-top:hover{
  background:linear-gradient(135deg,var(--navy-800),var(--navy-600)) !important;
  transform:translateY(-3px);
}

/* -------------------------------------------------
   16. Responsive tweaks
------------------------------------------------- */
@media (max-width:991px){
  .bldea-slider-wrap{ border-radius:0 0 16px 16px; }
  .section-headline h2{ font-size:24px !important; }
  .well-middle h3{ font-size:22px; }
}

@media (max-width:575px){
  .head-txt{ font-size:20px !important; line-height:26px !important; }
  .admission-form{ padding:20px 14px !important; }
}

/* -------------------------------------------------
   17. Sidebar (e.g. Departments list)
------------------------------------------------- */
.sidebar{
  background:#fff !important;
  border:1px solid var(--line) !important;
  border-radius:var(--radius) !important;
  box-shadow:var(--shadow-sm);
  padding:26px 24px 18px !important;
  border-top:4px solid var(--teal-500) !important;
}

.sidebar .ufeatures{
  color:var(--navy-900);
  font-weight:700;
  font-size:19px !important;
  line-height:1.3 !important;
  margin-bottom:4px;
  padding-bottom:0;
  display:flex;
  align-items:center;
  gap:10px;
}
.sidebar .ufeatures::before{
  content:"";
  display:inline-block;
  width:6px;
  height:22px;
  border-radius:3px;
  background:linear-gradient(180deg,var(--teal-500),var(--gold-400));
}
.sidebar .ufeatures:after{
  content:"" !important;
  width:100% !important;
  border-bottom:1px solid var(--line) !important;
  padding-top:14px !important;
  margin-bottom:6px;
}

/* Every department row */
.sidebar .double-arrows{
  display:flex !important;
  align-items:center;
  width:100%;
  padding:11px 10px;
  border-radius:var(--radius-sm);
  transition:var(--transition);
}
.sidebar .double-arrows:hover{
  background:var(--bg-soft-2);
  transform:translateX(4px);
}

.sidebar .double-arrows .icon-container{
  display:flex !important;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  width:32px;
  height:32px;
  border-radius:50%;
  background:rgba(14,156,143,.1);
  margin-right:12px;
}
.sidebar .double-arrows i{
  color:var(--teal-600) !important;
  font-size:.72em !important;
  margin:0 !important;
  transition:var(--transition);
}
.sidebar .double-arrows:hover .icon-container{
  background:var(--teal-500);
}
.sidebar .double-arrows:hover i{
  color:#fff !important;
  transform:translateX(2px);
}

.sidebar .double-arrows .text-container{
  flex:1 1 auto;
}
.sidebar .double-arrows p{
  margin-bottom:0 !important;
  font-weight:500;
  line-height:1.4 !important;
}
.sidebar .double-arrows a{
  color:var(--ink) !important;
  font-size:14.5px;
  font-weight:600;
}
.sidebar .double-arrows:hover a{
  color:var(--teal-600) !important;
}

/* Divider lines between rows become faint, evenly spaced hairlines */
.sidebar hr{
  margin:2px 0 !important;
  border-top:1px solid var(--line) !important;
  opacity:.7;
}
.sidebar hr:last-of-type{ display:none; }

/* Sidebar CTA box (e.g. sidebar-form), if present alongside the list */
.sidebar-form{
  background:linear-gradient(135deg,var(--navy-900),var(--navy-700)) !important;
  border-radius:var(--radius) !important;
  box-shadow:var(--shadow-sm);
}
.sidebar-form p{ color:#eef3f8 !important; }

/* -------------------------------------------------
   18. Inner-page hero banner (About / NAAC / Departments etc.)
   Markup: <section class="about-area area-padding medical-bg">
             <img ...>  +  <div class="inner-pages-headings">
------------------------------------------------- */
.medical-bg{
  position:relative;
  background:
    linear-gradient(115deg, rgba(10,37,64,.88) 0%, rgba(15,54,99,.75) 45%, rgba(14,156,143,.55) 100%),
    url(../img/inner-pages/dept-medical-surgical-sciences-bg.jpg) no-repeat center top/cover !important;
  border-radius:0 0 28px 28px;
  box-shadow:var(--shadow-lg);
  overflow:hidden;
  padding:48px 0 !important;
}
.medical-bg::after{
  /* soft bottom fade so page content below meets the hero smoothly */
  content:"";
  position:absolute;
  left:0; right:0; bottom:0;
  height:70px;
  background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.06) 100%);
  pointer-events:none;
}

.medical-bg .container{ position:relative; z-index:2; }

.medical-bg .row{ align-items:center; }

/* Framed hero image */
.medical-bg img.img-fluid{
  border-radius:var(--radius);
  box-shadow:0 18px 40px rgba(0,0,0,.35);
  border:4px solid rgba(255,255,255,.9);
}
.medical-bg img.img-fluid:hover{ transform:translateY(-3px); }

/* Breadcrumb pill: "Home > NAAC" */
.inner-pages-headings{
  margin-top:0 !important;
  padding-left:0 !important;
}
.inner-pages-headings h6{
  display:inline-flex;
  align-items:center;
  gap:6px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.28);
  backdrop-filter:blur(4px);
  color:#eef3f8 !important;
  font-size:12.5px !important;
  font-weight:600;
  letter-spacing:.4px;
  text-transform:uppercase;
  padding:6px 16px;
  border-radius:30px;
  margin-bottom:18px;
}

/* Page title */
.inner-pages-headings h4{
  color:#fff !important;
  font-family:'Raleway', sans-serif;
  font-weight:800 !important;
  font-size:36px !important;
  line-height:1.2 !important;
  letter-spacing:.3px;
  text-shadow:0 4px 18px rgba(0,0,0,.35);
  position:relative;
  padding-bottom:16px;
  margin-bottom:0;
}
.inner-pages-headings h4::after{
  content:"";
  position:absolute;
  left:0; bottom:0;
  width:56px; height:4px;
  border-radius:3px;
  background:linear-gradient(90deg,var(--gold-400),var(--teal-500));
}

@media (max-width:767px){
  .medical-bg{ padding:34px 0 !important; border-radius:0 0 18px 18px; }
  .inner-pages-headings{ margin-top:22px !important; text-align:center; }
  .inner-pages-headings h6{ margin-left:auto; margin-right:auto; }
  .inner-pages-headings h4{
    font-size:26px !important;
    display:inline-block;
  }
  .inner-pages-headings h4::after{ left:50%; transform:translateX(-50%); }
}

/* -------------------------------------------------
   19. Feature list — Vision / Mission / Objectives bullets
   (generic .double-arrows used in page body content, e.g. on
   department pages). NOTE: this is intentionally more general
   than ".sidebar .double-arrows" above — the sidebar's version
   is more specific and keeps winning there, so this section
   only affects the icon+text bullet lists elsewhere on the page.
------------------------------------------------- */
.double-arrows{
  display:flex !important;
  align-items:flex-start;
  gap:16px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  padding:16px 18px;
  margin-bottom:14px;
  box-shadow:var(--shadow-sm);
  transition:var(--transition);
}
.double-arrows:hover{
  transform:translateX(6px);
  border-color:var(--teal-500);
  box-shadow:var(--shadow-md);
  background:var(--bg-soft-2);
}

.double-arrows .icon-container{
  flex:0 0 auto;
  width:42px;
  height:42px;
  display:flex !important;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  background:linear-gradient(135deg,var(--navy-800),var(--teal-500));
  box-shadow:0 6px 16px rgba(14,156,143,.28);
  transition:var(--transition);
}
/* alternate accent colour every other item, for visual rhythm */
.double-arrows:nth-of-type(even) .icon-container{
  background:linear-gradient(135deg,var(--navy-800),var(--gold-500));
  box-shadow:0 6px 16px rgba(221,148,17,.28);
}
.double-arrows:hover .icon-container{
  transform:scale(1.08) rotate(-4deg);
}

.double-arrows .icon-container i{
  color:#fff !important;
  font-size:16px !important;
  margin:0 !important;
  transition:var(--transition);
}
.double-arrows:hover .icon-container i{
  transform:translateX(2px);
}

.double-arrows .text-container{ flex:1 1 auto; padding-top:2px; }
.double-arrows .text-container p{
  margin-bottom:0 !important;
  color:var(--ink);
  font-weight:500;
  font-size:15px;
  line-height:1.75;
}

@media (max-width:575px){
  .double-arrows{ padding:14px; gap:12px; }
  .double-arrows .icon-container{ width:36px; height:36px; border-radius:10px; }
  .double-arrows .icon-container i{ font-size:14px !important; }
}

/* ==========================================================================
   20. HOMEPAGE — sections after the hero slider
   Covers: .grades-section, #about .about-area, .our-skill-area, .our-team-area,
   .services-area — the full run of content below the carousel.
   ========================================================================== */

@keyframes riseIn{
  from{ opacity:0; transform:translateY(26px); }
  to{ opacity:1; transform:translateY(0); }
}

/* -------------------------------------------------
   20.1 Accreditation strip (Recognized by... / 30 yrs / 1200-bed)
------------------------------------------------- */
.grades-section{
  background:var(--bg-soft) !important;
  padding:46px 0 !important;
  position:relative;
  overflow:hidden;
}
.grades-section::before{
  /* soft decorative glow, purely cosmetic */
  content:"";
  position:absolute;
  top:-120px; right:-120px;
  width:320px; height:320px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(14,156,143,.12),transparent 70%);
  pointer-events:none;
}

.grades-section .icon-box-purple{
  width:100%;
  padding:22px 18px !important;
  animation:riseIn .6s ease both;
}
.grades-section .col-xl-4:nth-child(1) .icon-box-purple{ animation-delay:.05s; }
.grades-section .col-xl-4:nth-child(2) .icon-box-purple{ animation-delay:.18s; }
.grades-section .col-xl-4:nth-child(3) .icon-box-purple{ animation-delay:.31s; }

.grades-section .icon-box-purple .row{ align-items:center; }

.grades-section .icon-box-purple img{
  max-width:52px;
  filter:drop-shadow(0 4px 10px rgba(10,37,64,.15));
}

.grades-section .icon-box-purple:hover img{ transform:scale(1.08) rotate(-3deg); }

/* alternate a thin accent edge per card for rhythm */
.grades-section .col-xl-4:nth-child(1) .icon-box-purple{ border-top:3px solid var(--teal-500) !important; }
.grades-section .col-xl-4:nth-child(2) .icon-box-purple{ border-top:3px solid var(--gold-400) !important; }
.grades-section .col-xl-4:nth-child(3) .icon-box-purple{ border-top:3px solid var(--navy-600) !important; }

/* -------------------------------------------------
   20.2 About block ("Meeting the Demand for Nurse Practitioner")
------------------------------------------------- */
#about.about-area{
  position:relative;
  padding:80px 0 !important;
  overflow:hidden;
}
#about.about-area::before{
  content:"";
  position:absolute;
  left:-140px; bottom:-140px;
  width:340px; height:340px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(240,173,43,.10),transparent 70%);
  pointer-events:none;
}

.well-left{ position:relative; animation:riseIn .7s ease both; }
.well-left .single-well{ position:relative; }
.well-left .single-well::before{
  /* offset colour block behind the photo, modern "layered" look */
  content:"";
  position:absolute;
  top:18px; left:18px;
  width:100%; height:100%;
  border-radius:var(--radius);
  background:linear-gradient(135deg,var(--teal-500),var(--navy-700));
  z-index:0;
}
.well-left .single-well a{
  position:relative;
  z-index:1;
  display:block;
}
.well-left img{
  border-radius:var(--radius);
  box-shadow:var(--shadow-lg);
  position:relative;
  z-index:1;
}
.well-left img:hover{ transform:translateY(-6px); }

.well-middle{ animation:riseIn .7s .15s ease both; }
.well-middle h3{ font-size:30px; }
.well-middle p{ font-size:15.5px; }

/* -------------------------------------------------
   20.3 Students Fate skills panel
------------------------------------------------- */
.our-skill-area{ position:relative; padding:10px 0 30px; }
.skill-bg{
  position:relative;
  border-radius:var(--radius);
  overflow:hidden;
}
.green-box-transparent{
  position:relative;
  animation:riseIn .7s ease both;
}
.green-box-transparent::before{
  content:"\201C";
  position:absolute;
  top:-6px; left:16px;
  font-family:Georgia, serif;
  font-size:90px;
  line-height:1;
  color:rgba(255,255,255,.16);
  pointer-events:none;
}
.green-box-transparent h4{
  font-size:24px;
  position:relative;
}
.green-box-transparent p{ font-size:15px; position:relative; }

/* -------------------------------------------------
   20.4 Legacy / founders section
------------------------------------------------- */
.our-team-area{ position:relative; }
.our-team-area::before{
  content:"";
  position:absolute;
  top:0; right:-100px;
  width:280px; height:280px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(21,74,134,.08),transparent 70%);
  pointer-events:none;
}
.our-team-area h3{ font-size:26px; margin-bottom:14px; }

.legacies{ animation:riseIn .7s ease both; }
.legacies .col-sm-12.col-md-4:nth-child(1){ animation:riseIn .6s .05s ease both; }
.legacies .col-sm-12.col-md-4:nth-child(2){ animation:riseIn .6s .18s ease both; }
.legacies .col-sm-12.col-md-4:nth-child(3){ animation:riseIn .6s .31s ease both; }

.legacies .text-center{ position:relative; }
.legacies .text-center::after{
  /* small teal dot accent under each portrait */
  content:"";
  display:block;
  width:8px; height:8px;
  border-radius:50%;
  background:var(--teal-500);
  margin:8px auto 0;
}

/* -------------------------------------------------
   20.5 Academic Resources cards
------------------------------------------------- */
.services-area{ padding:76px 0 60px !important; background:var(--bg-soft) !important; }

.services-area .card{
  position:relative;
  animation:riseIn .6s ease both;
}
.services-area .col-lg-4:nth-child(1) .card{ animation-delay:.05s; }
.services-area .col-lg-4:nth-child(2) .card{ animation-delay:.18s; }
.services-area .col-lg-4:nth-child(3) .card{ animation-delay:.31s; }

/* numbered badge, top-right of each card */
.services-area .col-lg-4:nth-child(1) .card::before{ content:"01"; }
.services-area .col-lg-4:nth-child(2) .card::before{ content:"02"; }
.services-area .col-lg-4:nth-child(3) .card::before{ content:"03"; }
.services-area .card::before{
  position:absolute;
  top:14px; right:16px;
  font-family:var(--font-heading);
  font-weight:800;
  font-size:13px;
  color:var(--teal-600);
  background:rgba(14,156,143,.1);
  padding:3px 10px;
  border-radius:20px;
  z-index:2;
}

.services-area .col-lg-4:nth-child(2) .card{ border-top-color:var(--gold-400) !important; }
.services-area .col-lg-4:nth-child(2) .card::before{
  color:var(--gold-500);
  background:rgba(221,148,17,.12);
}
.services-area .col-lg-4:nth-child(3) .card{ border-top-color:var(--navy-600) !important; }
.services-area .col-lg-4:nth-child(3) .card::before{
  color:var(--navy-700);
  background:rgba(28,93,163,.1);
}

.services-area .card-block{ padding:26px 24px 22px !important; text-align:left; }
.services-area .card img{
  border-radius:var(--radius-sm);
  margin-top:6px;
}
.services-area .card:hover img{ transform:scale(1.03); }

@media (max-width:991px){
  .well-left .single-well::before{ display:none; }
  #about.about-area{ padding:56px 0 !important; }
  .services-area{ padding:50px 0 40px !important; }
}


/* ================= COURSES PAGE MODERN UI ================= */
.courses-hero{position:relative;overflow:hidden}
.courses-hero-image{padding:8px;border-radius:18px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.22);box-shadow:0 20px 45px rgba(0,0,0,.22)}
.courses-hero-image img{width:100%;max-height:350px;object-fit:cover;border-radius:13px}
.courses-hero-content{padding:20px 10px 20px 25px}
.courses-hero-subtitle{color:rgba(255,255,255,.84)!important;line-height:1.75;font-size:15px;margin-top:18px}
.courses-breadcrumb-separator{opacity:.55;margin:0 5px}
.courses-page{background:linear-gradient(180deg,#fff 0%,#f7fafc 100%)}
.courses-intro{margin-bottom:24px}
.courses-eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--teal-600,#0b8377);font-size:12px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:9px}
.courses-eyebrow:before{content:"";width:28px;height:3px;border-radius:4px;background:var(--gold-400,#f0ad2b)}
.courses-intro h2{font-size:32px;color:var(--navy-900,#0a2540);margin-bottom:9px}
.courses-intro p{color:var(--muted,#5b6b7c);font-size:15px;max-width:760px}
.course-card-modern{background:#fff;border:1px solid var(--line,#e3e9f0);border-radius:18px;overflow:hidden;box-shadow:0 15px 40px rgba(10,37,64,.10)}
.course-card-top{display:flex;align-items:center;gap:17px;padding:26px 28px;background:linear-gradient(135deg,#0a2540,#154a86 72%,#0e9c8f)}
.course-icon{width:58px;height:58px;flex:0 0 58px;display:flex;align-items:center;justify-content:center;border-radius:16px;color:#fff;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.22);font-size:25px}
.course-card-top h3{color:#fff!important;font-size:24px;margin:3px 0 1px}
.course-label,.course-subtitle{color:rgba(255,255,255,.78)!important}
.course-label{display:block;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase}
.course-subtitle{font-size:13px;margin:0}
.course-highlights{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line,#e3e9f0)}
.course-highlight{display:flex;align-items:center;gap:12px;padding:19px 20px;border-right:1px solid var(--line,#e3e9f0)}
.course-highlight:last-child{border-right:0}
.course-highlight-icon{width:40px;height:40px;flex:0 0 40px;display:flex;align-items:center;justify-content:center;border-radius:11px;color:var(--teal-600,#0b8377);background:rgba(14,156,143,.09)}
.course-highlight span{display:block;color:var(--muted,#5b6b7c);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px}
.course-highlight strong{display:block;color:var(--navy-900,#0a2540);font-size:15px;margin-top:2px}
.course-section{padding:27px 28px 25px}
.course-section-heading{display:flex;align-items:center;gap:13px;margin-bottom:17px}
.course-section-number{display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex:0 0 42px;border-radius:12px;background:rgba(240,173,43,.13);color:var(--gold-500,#dd9411);font-size:12px;font-weight:900}
.course-section-heading span{color:var(--teal-600,#0b8377);font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase}
.course-section-heading h4{color:var(--navy-900,#0a2540);font-size:21px;margin:2px 0 0}
.course-lead{color:var(--muted,#5b6b7c);font-size:14px;margin-bottom:13px}
.eligibility-list{margin:0!important;padding:0!important;list-style:none!important}
.eligibility-list li{display:flex;align-items:flex-start;gap:11px;padding:10px 0;border-bottom:1px dashed var(--line,#e3e9f0);color:#445365;font-size:14px;line-height:1.65}
.eligibility-list li:last-child{border-bottom:0}
.eligibility-icon{width:22px;height:22px;flex:0 0 22px;display:flex;align-items:center;justify-content:center;margin-top:1px;border-radius:50%;background:rgba(14,156,143,.11);color:var(--teal-600,#0b8377);font-size:10px}
.course-note{display:flex;align-items:flex-start;gap:13px;margin:0 28px 28px;padding:16px 17px;border-radius:13px;background:linear-gradient(135deg,#f0f7f8,#f8fbfd);border:1px solid #dceceb}
.course-note-icon{width:35px;height:35px;flex:0 0 35px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:#fff;background:var(--teal-600,#0b8377)}
.course-note strong{display:block;color:var(--navy-900,#0a2540);font-size:13px}
.course-note p{color:var(--muted,#5b6b7c)!important;font-size:12.5px;line-height:1.6;margin:0}
@media(max-width:991px){.courses-hero-content{padding:25px 10px 5px;text-align:center}.courses-hero-subtitle{margin:15px auto}.course-highlights{grid-template-columns:1fr}.course-highlight{border-right:0;border-bottom:1px solid var(--line,#e3e9f0)}.course-highlight:last-child{border-bottom:0}}
@media(max-width:575px){.courses-hero-image img{max-height:260px}.courses-intro h2{font-size:26px}.course-card-top{padding:22px 18px}.course-card-top h3{font-size:20px}.course-icon{width:50px;height:50px;flex-basis:50px}.course-section{padding:22px 18px}.course-note{margin:0 18px 20px}}


/* ==========================================================
   BLDEA NURSING TIKOTA — ALL INNER PAGES POLISH
   Filename intentionally preserved: theme-enhance(1).css
   ========================================================== */

/* Inner-page content canvas */
.inner-pages-pt-6{
  position:relative;
}
.inner-pages-pt-6 > .container,
.inner-pages-pt-6.container{
  position:relative;
}

/* Main content typography */
.inner-pages-pt-6 p{
  color:var(--muted,#5b6b7c);
  font-size:15.5px;
  line-height:1.85;
}
.inner-pages-pt-6 h5{
  color:var(--navy-900,#0a2540)!important;
  font-size:23px!important;
  font-weight:800!important;
  line-height:1.35!important;
  margin-top:18px;
  margin-bottom:12px!important;
  position:relative;
  padding-bottom:10px;
}
.inner-pages-pt-6 h5:after{
  content:"";
  display:block;
  width:42px;
  height:3px;
  border-radius:3px;
  background:linear-gradient(90deg,var(--gold-400),var(--teal-500));
  margin-top:9px;
}
.inner-pages-pt-6 h6{
  color:var(--navy-800,#0f3663)!important;
  font-weight:700!important;
}

/* Make long text pages feel like editorial content */
.inner-pages-pt-6 .col-md-8 > p:first-of-type{
  font-size:16px;
}
.inner-pages-pt-6 .col-md-8 > img.img-fluid,
.inner-pages-pt-6 .col-md-8 > img.child-care{
  border-radius:var(--radius,14px);
  box-shadow:var(--shadow-md);
  margin-bottom:24px!important;
}

/* Content panels when existing cards are used */
.inner-pages-pt-6 .card{
  border:1px solid var(--line,#e3e9f0)!important;
  border-radius:var(--radius,14px)!important;
  box-shadow:var(--shadow-sm);
  overflow:hidden;
  transition:var(--transition);
}
.inner-pages-pt-6 .card:hover{
  transform:translateY(-3px);
  box-shadow:var(--shadow-md);
}
.inner-pages-pt-6 .card-body{
  padding:24px!important;
}
.inner-pages-pt-6 .card-title{
  color:var(--navy-900)!important;
  font-weight:800!important;
}

/* Existing Bootstrap tables -> modern institutional tables */
.inner-pages-pt-6 .table-responsive{
  border-radius:var(--radius,14px);
  box-shadow:var(--shadow-sm);
}
.inner-pages-pt-6 table.table{
  background:#fff;
  border:1px solid var(--line,#e3e9f0)!important;
  margin-bottom:0!important;
  font-size:14px;
}
/*.inner-pages-pt-6 table.table thead th,*/
/*.inner-pages-pt-6 table.table tr:first-child td strong{*/
/*  color:#fff;*/
/*}*/
.inner-pages-pt-6 table.table thead{
  background:linear-gradient(90deg,var(--navy-900),var(--navy-700));
}
.inner-pages-pt-6 table.table thead th{
  border-color:rgba(255,255,255,.15)!important;
  font-weight:700;
  padding:13px 14px;
}
.inner-pages-pt-6 table.table tbody td{
  padding:13px 14px;
  vertical-align:middle;
  border-color:var(--line)!important;
}
.inner-pages-pt-6 table.table tbody tr:nth-child(even){
  background:#f8fafc;
}
.inner-pages-pt-6 table.table tbody tr:hover{
  background:#eef7f6;
}

/* Vision / Mission / objective blocks */
.inner-pages-pt-6 .double-arrows{
  margin-bottom:13px;
}

/* Lists that appear on academic/dept pages */
.inner-pages-pt-6 ul:not(.nav):not(.dropdown-menu){
  padding-left:0;
}
.inner-pages-pt-6 ul:not(.nav):not(.dropdown-menu) li{
  color:var(--muted);
  line-height:1.7;
}

/* Department page images */
.inner-pages-pt-6 .img-fluid{
  max-width:100%;
}

/* Timeline / course cards */
.timelines .card{
  background:#fff;
  border-left:4px solid var(--teal-500)!important;
}
.timelines .card h5{
  padding-bottom:0;
}
.timelines .card h5:after{display:none}

/* Faculty/member blocks */
.inner-pages-pt-6 .single-team-member,
.inner-pages-pt-6 .team-member{
  border-radius:var(--radius)!important;
  overflow:hidden;
}

/* Contact map */
.inner-pages-pt-6 iframe{
  border-radius:var(--radius)!important;
  box-shadow:var(--shadow-md);
}

/* Gallery */
.gallery-container img,
.inner-pages-pt-6 .gallery img{
  border-radius:var(--radius-sm);
  box-shadow:var(--shadow-sm);
}
.gallery-container .gallery-item,
.inner-pages-pt-6 .gallery-item{
  overflow:hidden;
  border-radius:var(--radius-sm);
}

/* DataTables / NAAC */
.dataTables_wrapper{
  font-family:var(--font-body)!important;
}
.dataTables_wrapper .dataTables_filter input{
  border:1px solid var(--line)!important;
  border-radius:20px!important;
  padding:7px 13px!important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
  border-radius:7px!important;
}

/* Department sidebar remains compact and polished */
.sidebar{
  position:sticky;
  top:95px;
}
@media(max-width:767px){
  .sidebar{position:relative;top:auto;margin-top:10px}
  .inner-pages-pt-6 h5{font-size:21px!important}
  .inner-pages-pt-6 p{font-size:15px}
}

/* About / history pages: make paragraphs breathe */
@media(min-width:992px){
  .inner-pages-pt-6 .col-md-8{
    padding-right:28px;
  }
}

/* Remove old-looking default Bootstrap focus outlines where possible */
.btn:focus,
.form-control:focus{
  outline:none!important;
}

/* Consistent link treatment in content */
.inner-pages-pt-6 a:not(.btn){
  color:var(--teal-600)!important;
  font-weight:600;
}
.inner-pages-pt-6 a:not(.btn):hover{
  color:var(--navy-700)!important;
}

/* Print-friendly: don't carry decorative shadows into print */
@media print{
  .medical-bg,
  .course-card-modern,
  .sidebar,
  .card,
  .table-responsive{
    box-shadow:none!important;
  }
}


/* FORCE GALLERY IMAGE SIZE */
.portfolio-container .portfolio-item img.gallery-thumb,
.portfolio-container img.gallery-thumb {
    width: 100% !important;
    max-width: 100% !important;
    height: 300px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    object-fit: contain !important;
    display: block !important;
    padding: 5px !important;
    box-sizing: border-box !important;
} 

.portfolio-container .portfolio-item {
    width: 33.333333% !important;
    max-width: 33.333333% !important;
    flex: 0 0 33.333333% !important;
} 

html body #main .portfolio-container .portfolio-item img.gallery-thumb.img-fluid {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;

    height: 300px !important;
    max-height: 300px !important;
    min-height: 300px !important;

    object-fit: contain !important;
    display: block !important;
}