.elementor-18556 .elementor-element.elementor-element-dbce5ec{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-18556 .elementor-element.elementor-element-a6cc6e8 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-18556 .elementor-element.elementor-element-e41c1e9{margin-top:30px;margin-bottom:30px;padding:0px 0px 0px 0px;}.elementor-18556 .elementor-element.elementor-element-9143820{color:#000000;}.elementor-18556 .elementor-element.elementor-element-9143820 a{color:#5C8018;}.elementor-18556 .elementor-element.elementor-element-6e719c5{margin-top:30px;margin-bottom:30px;padding:0px 0px 0px 0px;}.elementor-18556 .elementor-element.elementor-element-25ee88b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18556 .elementor-element.elementor-element-7017d8f{--display:flex;}.elementor-18556 .elementor-element.elementor-element-83ae1c3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18556 .elementor-element.elementor-element-64edbc3{--display:flex;}.elementor-18556 .elementor-element.elementor-element-536af01{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18556 .elementor-element.elementor-element-1b7d3b3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-18556 .elementor-element.elementor-element-2020d0e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18556 .elementor-element.elementor-element-b49a0fa{--display:flex;}.elementor-18556 .elementor-element.elementor-element-e52f6aa{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18556 .elementor-element.elementor-element-10a0564{--n-tabs-direction:row;--n-tabs-heading-direction:column;--n-tabs-heading-width:240px;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:initial;--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:flex-start;--n-tabs-heading-wrap:wrap;--n-tabs-title-justify-content:flex-start;--n-tabs-title-text-align:start;--n-tabs-title-gap:0px;--n-tabs-gap:0px;}.elementor-18556 .elementor-element.elementor-element-10a0564 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#00000000;}.elementor-18556 .elementor-element.elementor-element-10a0564.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#5C8018;}.elementor-18556 .elementor-element.elementor-element-10a0564.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-18556 .elementor-element.elementor-element-10a0564.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#5C8018;}.elementor-18556 .elementor-element.elementor-element-10a0564.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:none;}:where( .elementor-18556 .elementor-element.elementor-element-10a0564.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-content ) > .e-con{border-style:solid;border-width:1px 1px 1px 1px;}.elementor-18556 .elementor-element.elementor-element-a6054d5:not(.elementor-motion-effects-element-type-background), .elementor-18556 .elementor-element.elementor-element-a6054d5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F6F5;}.elementor-18556 .elementor-element.elementor-element-a6054d5{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:050px 0px 50px 0px;}.elementor-18556 .elementor-element.elementor-element-a6054d5 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-18556 .elementor-element.elementor-element-b5eec92{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-18556 .elementor-element.elementor-element-b5eec92 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-18556 .elementor-element.elementor-element-f2ffc25 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:10px 0px 10px 0px;}.elementor-18556 .elementor-element.elementor-element-17d6ae4 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-18556 .elementor-element.elementor-element-17d6ae4 .rs-heading{text-align:left;}.elementor-18556 .elementor-element.elementor-element-17d6ae4 .rs-heading .title-inner .title{color:#5C8018;margin:0px 0px 0px 0px;}.elementor-18556 .elementor-element.elementor-element-17d6ae4 .rs-heading .title-inner .sub-text{color:#F4BF00;margin:0px 0px 0px 0px;}.elementor-18556 .elementor-element.elementor-element-5aa68f9{--divider-border-style:solid;--divider-color:#000000;--divider-border-width:1.2px;margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-18556 .elementor-element.elementor-element-5aa68f9 .elementor-divider-separator{width:100%;}.elementor-18556 .elementor-element.elementor-element-5aa68f9 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-18556 .elementor-element.elementor-element-919a9cd > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-18556 .elementor-element.elementor-element-919a9cd .rs-blog-grid .blog-item{margin-bottom:18px;}.elementor-18556 .elementor-element.elementor-element-919a9cd .blog-item .blog-content .blog-meta{color:#000000;}.elementor-18556 .elementor-element.elementor-element-919a9cd .blog-item .blog-content .blog-meta i{color:#F4BF00;}.elementor-18556 .elementor-element.elementor-element-919a9cd .rs-blog-grid1 .blog-content .btn-btm .post-categories li::before{color:#F4BF00;}.elementor-18556 .elementor-element.elementor-element-919a9cd .blog-item .blog-content .title a{color:#5C8018;}.elementor-18556 .elementor-element.elementor-element-919a9cd .blog-item .blog-content .title a:hover{color:#F4BF00;}.elementor-18556 .elementor-element.elementor-element-919a9cd .blog-item .blog-content{padding:10px 20px 0px 30px;}.elementor-18556 .elementor-element.elementor-element-919a9cd .blog-item .blog-content .btn-part a{padding:5px 015px 5px 15px;font-size:14px;line-height:0.1em;border-radius:0px 0px 0px 0px;}.elementor-18556 .elementor-element.elementor-element-919a9cd .blog-item .blog-content .btn-part a i{-webkit-transform:translateX(-38px);transform:translateX(-38px);}.elementor-18556 .elementor-element.elementor-element-919a9cd .blog-item:hover .blog-content .btn-part a i{-webkit-transform:translateX(10px);transform:translateX(10px);}.elementor-18556 .elementor-element.elementor-element-093c429 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-18556 .elementor-element.elementor-element-093c429 .rs-view-btn{text-align:center;}.elementor-18556 .elementor-element.elementor-element-093c429 .rs-view-btn a{background:#F9C234;border-color:#FFFFFF;border-radius:4px 4px 4px 4px;}.elementor-18556 .elementor-element.elementor-element-093c429 .rs-view-btn a:hover{color:#FFFFFF;background:#5C8018;}.elementor-18556 .elementor-element.elementor-element-093c429 .rs-btn.rs-btn-style2:hover:before{background:#FFFFFF;}.elementor-18556 .elementor-element.elementor-element-093c429 .rs-btn.rs-btn-style2:hover:after{background:#FFFFFF;}@media(max-width:1024px){.elementor-18556 .elementor-element.elementor-element-a6054d5{padding:20px 0px 20px 0px;}.elementor-18556 .elementor-element.elementor-element-ee46cd2 > .elementor-element-populated{padding:0px 21px 0px 20px;}.elementor-18556 .elementor-element.elementor-element-b5eec92{padding:22px 0px 0px 0px;}.elementor-18556 .elementor-element.elementor-element-f2ffc25 > .elementor-element-populated{padding:0px 14px 0px 0px;}.elementor-18556 .elementor-element.elementor-element-17d6ae4 .rs-heading{text-align:center;}.elementor-18556 .elementor-element.elementor-element-5aa68f9{margin:13px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-18556 .elementor-element.elementor-element-5aa68f9 .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-18556 .elementor-element.elementor-element-5aa68f9 .elementor-divider{text-align:center;}}@media(min-width:768px){.elementor-18556 .elementor-element.elementor-element-a6cc6e8{width:100%;}.elementor-18556 .elementor-element.elementor-element-6f67cae{width:100%;}.elementor-18556 .elementor-element.elementor-element-0c3128a{width:100%;}.elementor-18556 .elementor-element.elementor-element-2020d0e{--width:66.6666%;}}@media(max-width:1024px) and (min-width:768px){.elementor-18556 .elementor-element.elementor-element-a6cc6e8{width:100%;}.elementor-18556 .elementor-element.elementor-element-6f67cae{width:100%;}.elementor-18556 .elementor-element.elementor-element-0c3128a{width:100%;}.elementor-18556 .elementor-element.elementor-element-f2ffc25{width:100%;}}@media(max-width:767px){.elementor-18556 .elementor-element.elementor-element-a6cc6e8 > .elementor-element-populated{margin:0px 0px 20px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-18556 .elementor-element.elementor-element-6f67cae > .elementor-element-populated{margin:0px 0px 20px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-18556 .elementor-element.elementor-element-0c3128a > .elementor-element-populated{margin:0px 0px 20px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-18556 .elementor-element.elementor-element-ee46cd2 > .elementor-element-populated{padding:0px 33px 0px 18px;}.elementor-18556 .elementor-element.elementor-element-093c429 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-18556 .elementor-element.elementor-element-093c429 .rs-view-btn{text-align:center;}}/* Start custom CSS for html, class: .elementor-element-f0c79ca */.cset-hero-section {
    position: relative;
    margin-bottom: 0px;
    width: 100%;
    overflow-x: hidden;
  }

  /* ===== HERO SECTION - MOBILE FIRST ===== */
  .hero-bg {
    position: relative;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
  }

  .hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
   background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 51, 10, 0.2) 100%);
    z-index: 1;
  }

  .hero-content {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 100%;
       padding-top:100px !important;
       padding-bottom:60px !important;
    text-align: center;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .hero-content h1 {
    font-size: clamp(1.8rem, 6vw, 3.5rem);
    line-height: 1.2;
    margin: 0 0 12px 0;
    color: white;
    text-shadow: 0 2px 8px rgba(0,0,0,0.3);
    font-weight: 700;
    max-width: 100%;
    word-wrap: break-word;
  }

  .campus-tag {
    font-size: clamp(0.9rem, 3.5vw, 1.3rem);
    line-height: 1.4;
    opacity: 0.9;
    margin: 0 0 20px 0;
    font-weight: 500;
    max-width: 100%;
    word-wrap: break-word;
  }

  .hero-subtitle {
    font-size: clamp(0.95rem, 3vw, 1.35rem);
    line-height: 1.5;
    margin: 0 auto 30px auto;
    max-width: 100%;
    width: 100%;
    word-wrap: break-word;
    overflow-wrap: break-word;
    padding: 0 5px;
  }

  .hero-cta-group {
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 80%;
    margin: 0 auto;
  }

  .hero-btn {
    display: block;
    width: 100%; /* Full width on mobile (default) */
    padding: 14px 20px;
    border-radius: 50px;
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    text-align: center;
    white-space: normal;
    word-wrap: break-word;
    margin: 0 auto; /* Center the button */
  }

  .hero-btn.primary {
    background: #5C8018;
    color: white;
  }

  /* Tablet and Desktop - 768px and above */
  @media (min-width: 768px) {
    .hero-cta-group {
      flex-direction: row; /* Buttons side by side on desktop */
      justify-content: center;
      max-width: 600px;
    }
    
    .hero-btn {
      width: 50%; /* Each button takes 50% of the container */
    }
  }

  .hero-btn.primary:hover {
    background: #f9c234;
    color: #333;
  }

  .hero-btn.secondary {
    background: rgba(255,255,255,0.15);
    color: white;
    border: 2px solid white;
  }

  .hero-btn.secondary:hover {
    background: white;
    color: #003366;
  }

  /* ===== OVERVIEW SECTION - MOBILE FIRST ===== */
  .overview-section {
    background: #f8fafc;
    padding: 50px 15px;
    width: 100%;
    overflow-x: hidden;
  }

  .overview-section .container {
    max-width: 1100px;
    margin: 0 auto;
    width: 100%;
  }

  .overview-section h2 {
    color: #5C8018;
    font-size: clamp(1.6rem, 5vw, 2.4rem);
    line-height: 1.3;
    text-align: center;
    margin-bottom: 25px;
    max-width: 100%;
    word-wrap: break-word;
    padding: 0 5px;
  }

  .overview-section p {
    font-size: clamp(0.95rem, 3vw, 1.15rem);
    line-height: 1.6;
    color: #444;
    margin-bottom: 20px;
    text-align: left;
    max-width: 100%;
    word-wrap: break-word;
    padding: 0 5px;
  }

 .cta-row {
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 100%;
    max-width: 400px;
    margin: 30px auto 0;
  }

  .section-btn {
    display: block;
    width: 100%;
    padding: 14px 20px;
    border-radius: 50px;
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s;
    text-align: center;
    white-space: normal;
    word-wrap: break-word;
  }

  .section-btn {
    background: #5C8018;
    color: white;
  }

  .section-btn:hover {
    background: #f9c234;
    color: #333;
  }

  .section-btn.secondary {
    background: #003366;
  }

  .section-btn.secondary:hover {
    background: #f9c234;
    color: #333;
  }

  /* ===== TABLET AND UP ===== */
  @media (min-width: 640px) {
    .hero-content {
      padding: 60px 30px;
      max-width: 90%;
    }

    .hero-cta-group {
      flex-direction: row;
      max-width: 100%;
      justify-content: center;
    }

    .hero-btn {
      min-width: 200px;
      padding: 14px 30px;
    }

    .quick-facts {
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: center;
      gap: 20px;
    }

    .fact-item {
      width: calc(50% - 20px);
      min-width: 160px;
    }

    .cta-row {
      flex-direction: row;
      max-width: 100%;
      justify-content: center;
    }

    .section-btn {
      width: auto;
      min-width: 220px;
    }
  }

  @media (min-width: 768px) {
    .hero-content {
      max-width: 800px;
    }

    .overview-section p {
      text-align: center;
    }
  }

  @media (min-width: 1024px) {
    .hero-content {
      max-width: 900px;
    }

    .fact-item {
      width: auto;
      min-width: 180px;
    }

    .quick-facts {
      gap: 30px;
    }
  }

  /* Landscape mode on mobile */
  @media (max-height: 500px) and (orientation: landscape) {
    .hero-bg {
      min-height: 120vh;
    }

    .hero-content {
      padding: 30px 20px;
    }

    .hero-content h1 {
      margin-bottom: 8px;
    }

    .hero-subtitle {
      margin-bottom: 20px;
    }

    .hero-cta-group {
      margin-top: 15px;
    }
  }

  /* Ensure no horizontal scroll */
  html, body {
    max-width: 100%;
    overflow-x: hidden;
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-57a2147 */* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  .law-heritage-section {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #003366; /* UNIOSUN Primary Blue */
  }

  /* Legal/Judicial Background Elements */
  .heritage-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(145deg, #003366 0%, #1a4d80 100%);
    z-index: 0;
  }

  /* Marble/Texture Pattern */
  .marble-pattern {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: 
      radial-gradient(circle at 30% 40%, rgba(249, 194, 52, 0.05) 0%, transparent 20%),
      radial-gradient(circle at 70% 60%, rgba(92, 128, 24, 0.05) 0%, transparent 25%),
      repeating-linear-gradient(45deg, transparent, transparent 40px, rgba(249, 194, 52, 0.02) 40px, rgba(249, 194, 52, 0.02) 80px);
    z-index: 1;
    opacity: 0.4;
  }

  /* Gavel Strike Effect */
  .gavel-strike {
    position: absolute;
    top: 20%;
    right: 10%;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgba(249, 194, 52, 0.1) 0%, transparent 70%);
    border-radius: 50%;
    z-index: 1;
  }

  .gavel-strike::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 4px;
    height: 200px;
    background: linear-gradient(to bottom, transparent, rgba(249, 194, 52, 0.2), transparent);
    transform: translate(-50%, -50%) rotate(-15deg);
  }

  .gavel-strike::after {
    content: '\f0e3'; /* Font Awesome gavel unicode */
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    position: absolute;
    top: 20%;
    right: 20%;
    font-size: 8rem;
    opacity: 0.03;
    transform: rotate(10deg);
    color: #ffffff; /* UNIOSUN Gold */
  }

  /* Legal Grid - Like Courtroom Paneling */
  .legal-grid {
    position: absolute;
    inset: 0;
    background-image: 
      linear-gradient(90deg, rgba(92, 128, 24, 0.05) 1px, transparent 1px),
      linear-gradient(0deg, rgba(92, 128, 24, 0.05) 1px, transparent 1px);
    background-size: 60px 60px;
    z-index: 1;
    opacity: 0.3;
  }

  .law-container {
    position: relative;
    max-width: 1300px;
    margin: 0 auto;
    padding: 50px 30px;
    display: flex;
    flex-direction: column;
    z-index: 10;
  }

  /* Justice Badge */
  .justice-badge {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: rgba(0, 51, 102, 0.7);
    backdrop-filter: blur(5px);
    border: 1px solid rgba(249, 194, 52, 0.3);
    padding: 10px 25px;
    border-radius: 40px;
    margin-bottom: 50px;
    color: #f9c234; /* UNIOSUN Gold */
    font-size: 0.9rem;
    letter-spacing: 1px;
    font-weight: 400;
    font-family: 'Inter', sans-serif;
    width: fit-content;
  }

  .justice-badge i {
    font-size: 1rem;
    color: #ffffff; /* UNIOSUN Green */
  }

  /* Two-Column Layout */
  .columns-justice {
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    gap: 50px;
    align-items: start;
  }

  /* Left Column - Legal Principles */
  .pillar-left {
    background: rgba(0, 51, 102, 0.6);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(249, 194, 52, 0.2);
    border-radius: 24px;
    padding: 20px 30px;
  }

  .principles-block {
    margin-bottom: 0px;
  }

  .principle-item {
    margin-bottom: 25px;
    align-items: center;
  }

  .principle-year {
    font-size: 3.5rem;
    font-weight: 700;
    color: #f9c234; /* UNIOSUN Gold */
    line-height: 1;
    margin-bottom: 8px;
  }

  .principle-label {
    font-size: 1.1rem;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 400;
  }

 
  .achievement-column {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .achievement-gavel {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 18px;
    background: rgba(0, 51, 102, 0.6);
    border: 1px solid rgba(249, 194, 52, 0.15);
    border-radius: 16px;
    transition: all 0.3s;
  }

  .achievement-gavel:hover {
    border-color: #f9c234;
    transform: translateX(8px);
    background: rgba(92, 128, 24, 0.3);
  }

  .gavel-icon {
    font-size: 1.8rem;
    color: #ffffff; /* UNIOSUN Green */
    width: 40px;
    text-align: center;
  }

  .gavel-content {
    display: flex;
    flex-direction: column;
  }

  .gavel-title {
    font-size: 0.8rem;
    color: #f9c234; /* UNIOSUN Gold */
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 5px;
  }

  .gavel-value {
    font-size: 1.2rem;
    font-weight: 500;
    color: #ffffff;
  }

  /* Right Column - Legal Chamber */
  .pillar-right {
    background: rgba(0, 51, 102, 0.6);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(249, 194, 52, 0.2);
    border-radius: 24px;
    padding: 20px 30px;
  }

  .legal-chamber {
    width: 100%;
  }

  .chamber-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 30px;
    border-bottom: 2px solid rgba(249, 194, 52, 0.3);
    padding-bottom: 20px;
  }

  .chamber-crest {
    font-size: 2.2rem;
    color: #5C8018; /* UNIOSUN Green */
  }

  .chamber-title {
    color: #ffffff;
    font-size: 2.8rem;
    font-weight: 300;
    line-height: 1.2;
  }

  .chamber-text {
    color: #e0e0e0;
    font-size: 1.05rem;
    line-height: 1.7;
    margin-bottom: 10px;
  }

  .chamber-text strong {
    color: #f9c234; /* UNIOSUN Gold */
    font-weight: 600;
  }

  .chamber-actions {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 18px;
  }

  .scroll-roll {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 16px 28px;
    background: rgba(92, 128, 24, 0.1);
    border: 1px solid rgba(249, 194, 52, 0.3);
    color: #f9c234;
    text-decoration: none;
    border-radius: 50px;
    font-weight: 500;
    transition: all 0.3s;
  }

  .scroll-roll:hover {
    background: #5C8018; /* UNIOSUN Green */
    color: #ffffff;
    border-color: #f9c234;
    transform: translateY(-3px);
    box-shadow: 0 15px 30px rgba(92, 128, 24, 0.3);
  }

  .scroll-roll.secondary {
    background: transparent;
    border-color: rgba(249, 194, 52, 0.2);
    color: #f9c234;
  }

  .scroll-roll.secondary:hover {
    background: rgba(249, 194, 52, 0.15);
    color: #ffffff;
    border-color: #f9c234;
  }

  .roll-symbol {
    font-size: 1.2rem;
    transition: transform 0.2s;
  }

  .scroll-roll:hover .roll-symbol {
    transform: translateX(5px);
  }

  /* Scroll Indicator */
  .scroll-indicator-justice {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    margin-top: 50px;
    color: #f9c234;
  }

  .scroll-indicator-justice span {
    font-size: 0.75rem;
    letter-spacing: 4px;
    text-transform: uppercase;
  }

  .scroll-line-justice {
    width: 2px;
    height: 60px;
    background: linear-gradient(to bottom, #5C8018, transparent);
    animation: scrollPulse 2s infinite;
  }

  @keyframes scrollPulse {
    0% { opacity: 0.3; transform: scaleY(1); }
    50% { opacity: 1; transform: scaleY(1.2); }
    100% { opacity: 0.3; transform: scaleY(1); }
  }

  /* Responsive */
  @media (max-width: 900px) {
    .columns-justice {
      grid-template-columns: 1fr;
      gap: 30px;
    }

    .chamber-title {
      font-size: 2.2rem;
    }

    .principle-year {
      font-size: 2.8rem;
    }
  }

  @media (max-width: 600px) {
    .law-container {
      padding: 30px 20px;
    }

    .justice-badge {
      font-size: 0.75rem;
      padding: 8px 16px;
    }

    .chamber-title {
      font-size: 1.8rem;
    }

    .chamber-header {
      flex-direction: column;
      text-align: center;
    }

    .chamber-actions {
      flex-direction: column;
    }

    .pillar-left,
    .pillar-right {
      padding: 25px 20px;
    }

    .principle-year {
      font-size: 2.2rem;
    }
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0a8b482 */* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.law-faculty-page {
    line-height: 1.6;
    color: #333;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
    background: #f9f5f0;
}

/* ===== TYPOGRAPHY ===== */
.law-faculty-page h3 {
    color: #003366 !important;
    margin-top: 30px;
    margin-bottom: 15px;
    font-size: 1.8rem;
    font-weight: 600;
    border-left: 5px solid #5C8018;       /* Changed to primary green */
    padding-left: 15px;
}

.law-faculty-page p {
    margin-bottom: 15px;
    font-family: 'Inter', sans-serif;
}

/* ===== WELCOME PARAGRAPHS ===== */
.welcome-paragraph {
    margin-bottom: 15px;
    font-size: 1.05rem;
}

/* ===== LOCATION SECTION ===== */
.location-address {
    margin-bottom: 15px;
    background: #eef5ff;
    padding: 15px 20px;
    border-radius: 8px;
    border-left: 5px solid #003366;
}

/* ===== ACCORDION STYLES ===== */
.accordion-container {
    margin: 40px 0;
}

.accordion-item {
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 12px;
    overflow: hidden;
    background: white;
    box-shadow: 0 4px 12px rgba(0,0,0,0.03);
}

.accordion-checkbox {
    display: none;
}

.accordion-label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 25px;
    background: linear-gradient(135deg, #f5f9f0 0%, #ffffff 100%);
    cursor: pointer;
    font-weight: 600;
    color: #003366;
    border-left: 6px solid #5C8018;        /* Primary green */
    transition: background 0.2s;
    font-size: 1.2rem;
}

.accordion-label:hover {
    background: #e4e9f0 !important;
}

.faculty-link {
    color: #003366;
    text-decoration: none;
    margin-right: 10px;
    font-size: 1.2rem;
    font-weight: 400 !important;
}

.faculty-link:hover {
    text-decoration: underline;
    color: #5C8018;
}

.accordion-arrow {
    font-size: 1.1rem;
    transition: transform 0.3s ease;
}

.accordion-checkbox:checked + .accordion-label + .accordion-content {
    max-height: 800px !important;
    padding: 0 25px !important;
    transition: max-height 0.5s ease-in;
}

.accordion-checkbox:checked + .accordion-label .accordion-arrow {
    transform: rotate(180deg);
}

.accordion-content {
    padding: 0 25px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-out;
    background: #fafafa;
}

.accordion-inner {
    padding: 20px 0;
}

/* Department Lists */
.department-list {
    list-style: none;
    padding-left: 20px;
    margin-bottom: 10px;
}

.department-list li {
    margin-bottom: 10px;
    position: relative;
    padding-left: 25px;
}

.department-list li::before {
    content: '\f0e3';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    position: absolute;
    left: 0;
    color: #5C8018;
    font-size: 0.9rem;
}

.department-link {
    color: #333;
    text-decoration: none;
    font-weight: 500;
    font-family: 'Inter', sans-serif;
}

.department-link:hover {
    color: #003366 !important;
    text-decoration: underline !important;
}

.department-grid-two {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.department-grid-two .department-list {
    margin: 0;
    padding-left: 20px;
}

/* ===== STAFF STRENGTH ===== */
.staff-strength {
    margin-top: 25px;
}

.staff-growth-note {
    background: #e6f3e6;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 20px;
    border-left: 4px solid #5C8018;
}

.staff-growth-note p {
    margin: 0;
}

/* ===== VISION & MISSION ===== */
.vm-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 25px 0;
}

.vm-item {
    flex: 1 1 250px;
    padding: 20px;
    border-radius: 8px;
}

.vision-box {
    background: #eef5ff;
}

.mission-box {
    background: #e6f3e6;
}

.vm-item h4 {
    color: #003366;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 1.3rem;
    display: flex;
    align-items: center;
    gap: 10px;
}

.mission-box h4 {
    color: #5C8018;   /* Changed to primary green */
}

.vm-item p {
    margin-bottom: 0;
    font-family: 'Inter', sans-serif;
}

/* ===== FACILITY TAGS ===== */
.facility-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 15px;
}

.facility-tag {
    background: #f0f0f0;
    padding: 8px 15px;
    border-radius: 20px;
    font-size: 0.9rem;
    font-family: 'Inter', sans-serif;
}

.italic-note {
    font-style: italic;
    color: #555;
}

/* ===== RESEARCH SECTION ===== */
.research-areas {
    margin-bottom: 10px;
}

.research-facilities-list {
    columns: 2;
    column-gap: 30px;
    margin-bottom: 20px;
    padding-left: 0 !important;
    font-family: 'Inter', sans-serif;
    list-style-type: none;
}

.research-facilities-list li {
    margin-bottom: 5px;
}

/* ===== PROGRAMME BADGES ===== */
.programme-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 25px;
}

.programme-badge {
    padding: 8px 20px;
    border-radius: 40px;
    font-size: 0.9rem;
    color: white;
}

.badge-blue {
    background: #5C8018;
}

.badge-green {
    background: #f9c234;
    color: black;
}

.badge-gold {
    background: #f9c234;
    color: #333;
}

/* ===== TIMELINE ===== */
.timeline-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 25px;
    background: #f9f9f9;
    padding: 20px;
    border-radius: 8px;
}

.timeline-item {
    flex: 1;
    min-width: 150px;
    text-align: center;
}

.timeline-year {
    font-size: 1.5rem;
    font-weight: 500;
    color: #003366;
}

.timeline-year-green {
    font-size: 1.5rem;
    font-weight: 500;
    color: #5C8018;
}

.timeline-year-gold {
    font-size: 1.5rem;
    font-weight: 500;
    color: #f9c234;
}

.timeline-desc {
    font-size: 0.9rem;
}

/* ===== ACCREDITATION NOTE ===== */
.accreditation-note {
    background: #e6f3e6;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 25px;
    border-left: 5px solid #5C8018;
}

.accreditation-note p {
    margin: 0;
}

.accreditation-title {
    font-weight: 600;
    color: #5C8018;
    font-size: 1.1rem;
}

.accreditation-text {
    margin: 5px 0 0;
    color: #555;
    font-family: 'Inter', sans-serif;
}

/* ===== COMMUNITY CARDS ===== */
.community-card {
    background: #f0f7f0;               /* Light green instead of orange */
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 15px;
    border-left: 5px solid #5C8018;    /* Primary green */
}

.community-card h4 {
    color: #5C8018;                    /* Changed to green */
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* ===== HANDBOOK DOWNLOAD ===== */
.handbook-download {
    background: #003366;
    padding: 20px;
    border-radius: 8px;
    margin: 30px 0;
    color: white;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}

.handbook-title {
    color: white;
    margin: 0 0 5px;
    font-size: 1.3rem;
}

.handbook-description {
    margin: 0;
    opacity: 0.9;
    font-family: 'Inter', sans-serif;
}

.handbook-button {
    background: white;
    color: #003366;
    padding: 12px 30px;
    border-radius: 40px;
    text-decoration: none;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.2s;
    font-family: 'Inter', sans-serif;
}

.handbook-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
    background: #f9c234;               /* Gold hover */
    color: #003366;
}

/* ===== WEBOMETRIC HIDDEN ===== */
.webometric-hidden {
    display: none;
}

@media (max-width: 768px) {
    /* Existing responsive styles */
    .department-grid-two {
        grid-template-columns: 1fr;
        gap: 0;
    }
  
    .timeline-item {
        min-width: 100%;
    }
  
    .handbook-download {
        flex-direction: column;
        text-align: center;
    }
  
    .research-facilities-list {
        columns: 1;
    }
    
    /* NEW: Remove ALL left padding/margin from departments on mobile */
    .department-list {
        padding-left: 0 !important;
        margin-left: 0 !important;
    }
    
    .department-list li {
        padding-left: 20px !important;
        margin-left: 0 !important;
    }
    
    /* Remove padding from expanded accordion content */
    .accordion-checkbox:checked + .accordion-label + .accordion-content {
        padding: 0 15px !important;
    }
    
    /* Remove padding from accordion inner container */
    .accordion-inner {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    /* Ensure department links align to the left */
    .department-link {
        margin-left: 0 !important;
        padding-left: 0 !important;
    }
    
    /* Reset icon positioning */
    .department-list .fa-solid {
        margin-left: 0;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0a8b482 */* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.law-faculty-page {
    line-height: 1.6;
    color: #333;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
    background: #f9f5f0;
}

/* ===== TYPOGRAPHY ===== */
.law-faculty-page h3 {
    color: #003366 !important;
    margin-top: 30px;
    margin-bottom: 15px;
    font-size: 1.8rem;
    font-weight: 600;
    border-left: 5px solid #5C8018;       /* Changed to primary green */
    padding-left: 15px;
}

.law-faculty-page p {
    margin-bottom: 15px;
    font-family: 'Inter', sans-serif;
}

/* ===== WELCOME PARAGRAPHS ===== */
.welcome-paragraph {
    margin-bottom: 15px;
    font-size: 1.05rem;
}

/* ===== LOCATION SECTION ===== */
.location-address {
    margin-bottom: 15px;
    background: #eef5ff;
    padding: 15px 20px;
    border-radius: 8px;
    border-left: 5px solid #003366;
}

/* ===== ACCORDION STYLES ===== */
.accordion-container {
    margin: 40px 0;
}

.accordion-item {
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 12px;
    overflow: hidden;
    background: white;
    box-shadow: 0 4px 12px rgba(0,0,0,0.03);
}

.accordion-checkbox {
    display: none;
}

.accordion-label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 25px;
    background: linear-gradient(135deg, #f5f9f0 0%, #ffffff 100%);
    cursor: pointer;
    font-weight: 600;
    color: #003366;
    border-left: 6px solid #5C8018;        /* Primary green */
    transition: background 0.2s;
    font-size: 1.2rem;
}

.accordion-label:hover {
    background: #e4e9f0 !important;
}

.faculty-link {
    color: #003366;
    text-decoration: none;
    margin-right: 10px;
    font-size: 1.2rem;
    font-weight: 400 !important;
}

.faculty-link:hover {
    text-decoration: underline;
    color: #5C8018;
}

.accordion-arrow {
    font-size: 1.1rem;
    transition: transform 0.3s ease;
}

.accordion-checkbox:checked + .accordion-label + .accordion-content {
    max-height: 800px !important;
    padding: 0 25px !important;
    transition: max-height 0.5s ease-in;
}

.accordion-checkbox:checked + .accordion-label .accordion-arrow {
    transform: rotate(180deg);
}

.accordion-content {
    padding: 0 25px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-out;
    background: #fafafa;
}

.accordion-inner {
    padding: 20px 0;
}

/* Department Lists */
.department-list {
    list-style: none;
    padding-left: 20px;
    margin-bottom: 10px;
}

.department-list li {
    margin-bottom: 10px;
    position: relative;
    padding-left: 25px;
}

.department-list li::before {
    content: '\f0e3';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    position: absolute;
    left: 0;
    color: #5C8018;
    font-size: 0.9rem;
}

.department-link {
    color: #333;
    text-decoration: none;
    font-weight: 500;
    font-family: 'Inter', sans-serif;
}

.department-link:hover {
    color: #003366 !important;
    text-decoration: underline !important;
}

.department-grid-two {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.department-grid-two .department-list {
    margin: 0;
    padding-left: 20px;
}

/* ===== STAFF STRENGTH ===== */
.staff-strength {
    margin-top: 25px;
}

.staff-growth-note {
    background: #e6f3e6;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 20px;
    border-left: 4px solid #5C8018;
}

.staff-growth-note p {
    margin: 0;
}

/* ===== VISION & MISSION ===== */
.vm-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 25px 0;
}

.vm-item {
    flex: 1 1 250px;
    padding: 20px;
    border-radius: 8px;
}

.vision-box {
    background: #eef5ff;
}

.mission-box {
    background: #e6f3e6;
}

.vm-item h4 {
    color: #003366;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 1.3rem;
    display: flex;
    align-items: center;
    gap: 10px;
}

.mission-box h4 {
    color: #5C8018;   /* Changed to primary green */
}

.vm-item p {
    margin-bottom: 0;
    font-family: 'Inter', sans-serif;
}

/* ===== FACILITY TAGS ===== */
.facility-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 15px;
}

.facility-tag {
    background: #f0f0f0;
    padding: 8px 15px;
    border-radius: 20px;
    font-size: 0.9rem;
    font-family: 'Inter', sans-serif;
}

.italic-note {
    font-style: italic;
    color: #555;
}

/* ===== RESEARCH SECTION ===== */
.research-areas {
    margin-bottom: 10px;
}

.research-facilities-list {
    columns: 2;
    column-gap: 30px;
    margin-bottom: 20px;
    padding-left: 0 !important;
    font-family: 'Inter', sans-serif;
    list-style-type: none;
}

.research-facilities-list li {
    margin-bottom: 5px;
}

/* ===== PROGRAMME BADGES ===== */
.programme-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 25px;
}

.programme-badge {
    padding: 8px 20px;
    border-radius: 40px;
    font-size: 0.9rem;
    color: white;
}

.badge-blue {
    background: #5C8018;
}

.badge-green {
    background: #f9c234;
    color: black;
}

.badge-gold {
    background: #f9c234;
    color: #333;
}

/* ===== TIMELINE ===== */
.timeline-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 25px;
    background: #f9f9f9;
    padding: 20px;
    border-radius: 8px;
}

.timeline-item {
    flex: 1;
    min-width: 150px;
    text-align: center;
}

.timeline-year {
    font-size: 1.5rem;
    font-weight: 500;
    color: #003366;
}

.timeline-year-green {
    font-size: 1.5rem;
    font-weight: 500;
    color: #5C8018;
}

.timeline-year-gold {
    font-size: 1.5rem;
    font-weight: 500;
    color: #f9c234;
}

.timeline-desc {
    font-size: 0.9rem;
}

/* ===== ACCREDITATION NOTE ===== */
.accreditation-note {
    background: #e6f3e6;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 25px;
    border-left: 5px solid #5C8018;
}

.accreditation-note p {
    margin: 0;
}

.accreditation-title {
    font-weight: 600;
    color: #5C8018;
    font-size: 1.1rem;
}

.accreditation-text {
    margin: 5px 0 0;
    color: #555;
    font-family: 'Inter', sans-serif;
}

/* ===== COMMUNITY CARDS ===== */
.community-card {
    background: #f0f7f0;               /* Light green instead of orange */
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 15px;
    border-left: 5px solid #5C8018;    /* Primary green */
}

.community-card h4 {
    color: #5C8018;                    /* Changed to green */
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* ===== HANDBOOK DOWNLOAD ===== */
.handbook-download {
    background: #003366;
    padding: 20px;
    border-radius: 8px;
    margin: 30px 0;
    color: white;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}

.handbook-title {
    color: white;
    margin: 0 0 5px;
    font-size: 1.3rem;
}

.handbook-description {
    margin: 0;
    opacity: 0.9;
    font-family: 'Inter', sans-serif;
}

.handbook-button {
    background: white;
    color: #003366;
    padding: 12px 30px;
    border-radius: 40px;
    text-decoration: none;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.2s;
    font-family: 'Inter', sans-serif;
}

.handbook-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
    background: #f9c234;               /* Gold hover */
    color: #003366;
}

/* ===== WEBOMETRIC HIDDEN ===== */
.webometric-hidden {
    display: none;
}

@media (max-width: 768px) {
    /* Existing responsive styles */
    .department-grid-two {
        grid-template-columns: 1fr;
        gap: 0;
    }
  
    .timeline-item {
        min-width: 100%;
    }
  
    .handbook-download {
        flex-direction: column;
        text-align: center;
    }
  
    .research-facilities-list {
        columns: 1;
    }
    
    /* NEW: Remove ALL left padding/margin from departments on mobile */
    .department-list {
        padding-left: 0 !important;
        margin-left: 0 !important;
    }
    
    .department-list li {
        padding-left: 20px !important;
        margin-left: 0 !important;
    }
    
    /* Remove padding from expanded accordion content */
    .accordion-checkbox:checked + .accordion-label + .accordion-content {
        padding: 0 15px !important;
    }
    
    /* Remove padding from accordion inner container */
    .accordion-inner {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    /* Ensure department links align to the left */
    .department-link {
        margin-left: 0 !important;
        padding-left: 0 !important;
    }
    
    /* Reset icon positioning */
    .department-list .fa-solid {
        margin-left: 0;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0a8b482 */* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.law-faculty-page {
    line-height: 1.6;
    color: #333;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
    background: #f9f5f0;
}

/* ===== TYPOGRAPHY ===== */
.law-faculty-page h3 {
    color: #003366 !important;
    margin-top: 30px;
    margin-bottom: 15px;
    font-size: 1.8rem;
    font-weight: 600;
    border-left: 5px solid #5C8018;       /* Changed to primary green */
    padding-left: 15px;
}

.law-faculty-page p {
    margin-bottom: 15px;
    font-family: 'Inter', sans-serif;
}

/* ===== WELCOME PARAGRAPHS ===== */
.welcome-paragraph {
    margin-bottom: 15px;
    font-size: 1.05rem;
}

/* ===== LOCATION SECTION ===== */
.location-address {
    margin-bottom: 15px;
    background: #eef5ff;
    padding: 15px 20px;
    border-radius: 8px;
    border-left: 5px solid #003366;
}

/* ===== ACCORDION STYLES ===== */
.accordion-container {
    margin: 40px 0;
}

.accordion-item {
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 12px;
    overflow: hidden;
    background: white;
    box-shadow: 0 4px 12px rgba(0,0,0,0.03);
}

.accordion-checkbox {
    display: none;
}

.accordion-label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 25px;
    background: linear-gradient(135deg, #f5f9f0 0%, #ffffff 100%);
    cursor: pointer;
    font-weight: 600;
    color: #003366;
    border-left: 6px solid #5C8018;        /* Primary green */
    transition: background 0.2s;
    font-size: 1.2rem;
}

.accordion-label:hover {
    background: #e4e9f0 !important;
}

.faculty-link {
    color: #003366;
    text-decoration: none;
    margin-right: 10px;
    font-size: 1.2rem;
    font-weight: 400 !important;
}

.faculty-link:hover {
    text-decoration: underline;
    color: #5C8018;
}

.accordion-arrow {
    font-size: 1.1rem;
    transition: transform 0.3s ease;
}

.accordion-checkbox:checked + .accordion-label + .accordion-content {
    max-height: 800px !important;
    padding: 0 25px !important;
    transition: max-height 0.5s ease-in;
}

.accordion-checkbox:checked + .accordion-label .accordion-arrow {
    transform: rotate(180deg);
}

.accordion-content {
    padding: 0 25px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-out;
    background: #fafafa;
}

.accordion-inner {
    padding: 20px 0;
}

/* Department Lists */
.department-list {
    list-style: none;
    padding-left: 20px;
    margin-bottom: 10px;
}

.department-list li {
    margin-bottom: 10px;
    position: relative;
    padding-left: 25px;
}

.department-list li::before {
    content: '\f0e3';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    position: absolute;
    left: 0;
    color: #5C8018;
    font-size: 0.9rem;
}

.department-link {
    color: #333;
    text-decoration: none;
    font-weight: 500;
    font-family: 'Inter', sans-serif;
}

.department-link:hover {
    color: #003366 !important;
    text-decoration: underline !important;
}

.department-grid-two {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.department-grid-two .department-list {
    margin: 0;
    padding-left: 20px;
}

/* ===== STAFF STRENGTH ===== */
.staff-strength {
    margin-top: 25px;
}

.staff-growth-note {
    background: #e6f3e6;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 20px;
    border-left: 4px solid #5C8018;
}

.staff-growth-note p {
    margin: 0;
}

/* ===== VISION & MISSION ===== */
.vm-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 25px 0;
}

.vm-item {
    flex: 1 1 250px;
    padding: 20px;
    border-radius: 8px;
}

.vision-box {
    background: #eef5ff;
}

.mission-box {
    background: #e6f3e6;
}

.vm-item h4 {
    color: #003366;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 1.3rem;
    display: flex;
    align-items: center;
    gap: 10px;
}

.mission-box h4 {
    color: #5C8018;   /* Changed to primary green */
}

.vm-item p {
    margin-bottom: 0;
    font-family: 'Inter', sans-serif;
}

/* ===== FACILITY TAGS ===== */
.facility-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 15px;
}

.facility-tag {
    background: #f0f0f0;
    padding: 8px 15px;
    border-radius: 20px;
    font-size: 0.9rem;
    font-family: 'Inter', sans-serif;
}

.italic-note {
    font-style: italic;
    color: #555;
}

/* ===== RESEARCH SECTION ===== */
.research-areas {
    margin-bottom: 10px;
}

.research-facilities-list {
    columns: 2;
    column-gap: 30px;
    margin-bottom: 20px;
    padding-left: 0 !important;
    font-family: 'Inter', sans-serif;
    list-style-type: none;
}

.research-facilities-list li {
    margin-bottom: 5px;
}

/* ===== PROGRAMME BADGES ===== */
.programme-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 25px;
}

.programme-badge {
    padding: 8px 20px;
    border-radius: 40px;
    font-size: 0.9rem;
    color: white;
}

.badge-blue {
    background: #5C8018;
}

.badge-green {
    background: #f9c234;
    color: black;
}

.badge-gold {
    background: #f9c234;
    color: #333;
}

/* ===== TIMELINE ===== */
.timeline-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 25px;
    background: #f9f9f9;
    padding: 20px;
    border-radius: 8px;
}

.timeline-item {
    flex: 1;
    min-width: 150px;
    text-align: center;
}

.timeline-year {
    font-size: 1.5rem;
    font-weight: 500;
    color: #003366;
}

.timeline-year-green {
    font-size: 1.5rem;
    font-weight: 500;
    color: #5C8018;
}

.timeline-year-gold {
    font-size: 1.5rem;
    font-weight: 500;
    color: #f9c234;
}

.timeline-desc {
    font-size: 0.9rem;
}

/* ===== ACCREDITATION NOTE ===== */
.accreditation-note {
    background: #e6f3e6;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 25px;
    border-left: 5px solid #5C8018;
}

.accreditation-note p {
    margin: 0;
}

.accreditation-title {
    font-weight: 600;
    color: #5C8018;
    font-size: 1.1rem;
}

.accreditation-text {
    margin: 5px 0 0;
    color: #555;
    font-family: 'Inter', sans-serif;
}

/* ===== COMMUNITY CARDS ===== */
.community-card {
    background: #f0f7f0;               /* Light green instead of orange */
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 15px;
    border-left: 5px solid #5C8018;    /* Primary green */
}

.community-card h4 {
    color: #5C8018;                    /* Changed to green */
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* ===== HANDBOOK DOWNLOAD ===== */
.handbook-download {
    background: #003366;
    padding: 20px;
    border-radius: 8px;
    margin: 30px 0;
    color: white;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}

.handbook-title {
    color: white;
    margin: 0 0 5px;
    font-size: 1.3rem;
}

.handbook-description {
    margin: 0;
    opacity: 0.9;
    font-family: 'Inter', sans-serif;
}

.handbook-button {
    background: white;
    color: #003366;
    padding: 12px 30px;
    border-radius: 40px;
    text-decoration: none;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.2s;
    font-family: 'Inter', sans-serif;
}

.handbook-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
    background: #f9c234;               /* Gold hover */
    color: #003366;
}

/* ===== WEBOMETRIC HIDDEN ===== */
.webometric-hidden {
    display: none;
}

@media (max-width: 768px) {
    /* Existing responsive styles */
    .department-grid-two {
        grid-template-columns: 1fr;
        gap: 0;
    }
  
    .timeline-item {
        min-width: 100%;
    }
  
    .handbook-download {
        flex-direction: column;
        text-align: center;
    }
  
    .research-facilities-list {
        columns: 1;
    }
    
    /* NEW: Remove ALL left padding/margin from departments on mobile */
    .department-list {
        padding-left: 0 !important;
        margin-left: 0 !important;
    }
    
    .department-list li {
        padding-left: 20px !important;
        margin-left: 0 !important;
    }
    
    /* Remove padding from expanded accordion content */
    .accordion-checkbox:checked + .accordion-label + .accordion-content {
        padding: 0 15px !important;
    }
    
    /* Remove padding from accordion inner container */
    .accordion-inner {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    /* Ensure department links align to the left */
    .department-link {
        margin-left: 0 !important;
        padding-left: 0 !important;
    }
    
    /* Reset icon positioning */
    .department-list .fa-solid {
        margin-left: 0;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0a8b482 */* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.law-faculty-page {
    line-height: 1.6;
    color: #333;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
    background: #f9f5f0;
}

/* ===== TYPOGRAPHY ===== */
.law-faculty-page h3 {
    color: #003366 !important;
    margin-top: 30px;
    margin-bottom: 15px;
    font-size: 1.8rem;
    font-weight: 600;
    border-left: 5px solid #5C8018;       /* Changed to primary green */
    padding-left: 15px;
}

.law-faculty-page p {
    margin-bottom: 15px;
    font-family: 'Inter', sans-serif;
}

/* ===== WELCOME PARAGRAPHS ===== */
.welcome-paragraph {
    margin-bottom: 15px;
    font-size: 1.05rem;
}

/* ===== LOCATION SECTION ===== */
.location-address {
    margin-bottom: 15px;
    background: #eef5ff;
    padding: 15px 20px;
    border-radius: 8px;
    border-left: 5px solid #003366;
}

/* ===== ACCORDION STYLES ===== */
.accordion-container {
    margin: 40px 0;
}

.accordion-item {
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 12px;
    overflow: hidden;
    background: white;
    box-shadow: 0 4px 12px rgba(0,0,0,0.03);
}

.accordion-checkbox {
    display: none;
}

.accordion-label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 25px;
    background: linear-gradient(135deg, #f5f9f0 0%, #ffffff 100%);
    cursor: pointer;
    font-weight: 600;
    color: #003366;
    border-left: 6px solid #5C8018;        /* Primary green */
    transition: background 0.2s;
    font-size: 1.2rem;
}

.accordion-label:hover {
    background: #e4e9f0 !important;
}

.faculty-link {
    color: #003366;
    text-decoration: none;
    margin-right: 10px;
    font-size: 1.2rem;
    font-weight: 400 !important;
}

.faculty-link:hover {
    text-decoration: underline;
    color: #5C8018;
}

.accordion-arrow {
    font-size: 1.1rem;
    transition: transform 0.3s ease;
}

.accordion-checkbox:checked + .accordion-label + .accordion-content {
    max-height: 800px !important;
    padding: 0 25px !important;
    transition: max-height 0.5s ease-in;
}

.accordion-checkbox:checked + .accordion-label .accordion-arrow {
    transform: rotate(180deg);
}

.accordion-content {
    padding: 0 25px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-out;
    background: #fafafa;
}

.accordion-inner {
    padding: 20px 0;
}

/* Department Lists */
.department-list {
    list-style: none;
    padding-left: 20px;
    margin-bottom: 10px;
}

.department-list li {
    margin-bottom: 10px;
    position: relative;
    padding-left: 25px;
}

.department-list li::before {
    content: '\f0e3';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    position: absolute;
    left: 0;
    color: #5C8018;
    font-size: 0.9rem;
}

.department-link {
    color: #333;
    text-decoration: none;
    font-weight: 500;
    font-family: 'Inter', sans-serif;
}

.department-link:hover {
    color: #003366 !important;
    text-decoration: underline !important;
}

.department-grid-two {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.department-grid-two .department-list {
    margin: 0;
    padding-left: 20px;
}

/* ===== STAFF STRENGTH ===== */
.staff-strength {
    margin-top: 25px;
}

.staff-growth-note {
    background: #e6f3e6;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 20px;
    border-left: 4px solid #5C8018;
}

.staff-growth-note p {
    margin: 0;
}

/* ===== VISION & MISSION ===== */
.vm-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 25px 0;
}

.vm-item {
    flex: 1 1 250px;
    padding: 20px;
    border-radius: 8px;
}

.vision-box {
    background: #eef5ff;
}

.mission-box {
    background: #e6f3e6;
}

.vm-item h4 {
    color: #003366;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 1.3rem;
    display: flex;
    align-items: center;
    gap: 10px;
}

.mission-box h4 {
    color: #5C8018;   /* Changed to primary green */
}

.vm-item p {
    margin-bottom: 0;
    font-family: 'Inter', sans-serif;
}

/* ===== FACILITY TAGS ===== */
.facility-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 15px;
}

.facility-tag {
    background: #f0f0f0;
    padding: 8px 15px;
    border-radius: 20px;
    font-size: 0.9rem;
    font-family: 'Inter', sans-serif;
}

.italic-note {
    font-style: italic;
    color: #555;
}

/* ===== RESEARCH SECTION ===== */
.research-areas {
    margin-bottom: 10px;
}

.research-facilities-list {
    columns: 2;
    column-gap: 30px;
    margin-bottom: 20px;
    padding-left: 0 !important;
    font-family: 'Inter', sans-serif;
    list-style-type: none;
}

.research-facilities-list li {
    margin-bottom: 5px;
}

/* ===== PROGRAMME BADGES ===== */
.programme-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 25px;
}

.programme-badge {
    padding: 8px 20px;
    border-radius: 40px;
    font-size: 0.9rem;
    color: white;
}

.badge-blue {
    background: #5C8018;
}

.badge-green {
    background: #f9c234;
    color: black;
}

.badge-gold {
    background: #f9c234;
    color: #333;
}

/* ===== TIMELINE ===== */
.timeline-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 25px;
    background: #f9f9f9;
    padding: 20px;
    border-radius: 8px;
}

.timeline-item {
    flex: 1;
    min-width: 150px;
    text-align: center;
}

.timeline-year {
    font-size: 1.5rem;
    font-weight: 500;
    color: #003366;
}

.timeline-year-green {
    font-size: 1.5rem;
    font-weight: 500;
    color: #5C8018;
}

.timeline-year-gold {
    font-size: 1.5rem;
    font-weight: 500;
    color: #f9c234;
}

.timeline-desc {
    font-size: 0.9rem;
}

/* ===== ACCREDITATION NOTE ===== */
.accreditation-note {
    background: #e6f3e6;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 25px;
    border-left: 5px solid #5C8018;
}

.accreditation-note p {
    margin: 0;
}

.accreditation-title {
    font-weight: 600;
    color: #5C8018;
    font-size: 1.1rem;
}

.accreditation-text {
    margin: 5px 0 0;
    color: #555;
    font-family: 'Inter', sans-serif;
}

/* ===== COMMUNITY CARDS ===== */
.community-card {
    background: #f0f7f0;               /* Light green instead of orange */
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 15px;
    border-left: 5px solid #5C8018;    /* Primary green */
}

.community-card h4 {
    color: #5C8018;                    /* Changed to green */
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* ===== HANDBOOK DOWNLOAD ===== */
.handbook-download {
    background: #003366;
    padding: 20px;
    border-radius: 8px;
    margin: 30px 0;
    color: white;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}

.handbook-title {
    color: white;
    margin: 0 0 5px;
    font-size: 1.3rem;
}

.handbook-description {
    margin: 0;
    opacity: 0.9;
    font-family: 'Inter', sans-serif;
}

.handbook-button {
    background: white;
    color: #003366;
    padding: 12px 30px;
    border-radius: 40px;
    text-decoration: none;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.2s;
    font-family: 'Inter', sans-serif;
}

.handbook-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
    background: #f9c234;               /* Gold hover */
    color: #003366;
}

/* ===== WEBOMETRIC HIDDEN ===== */
.webometric-hidden {
    display: none;
}

@media (max-width: 768px) {
    /* Existing responsive styles */
    .department-grid-two {
        grid-template-columns: 1fr;
        gap: 0;
    }
  
    .timeline-item {
        min-width: 100%;
    }
  
    .handbook-download {
        flex-direction: column;
        text-align: center;
    }
  
    .research-facilities-list {
        columns: 1;
    }
    
    /* NEW: Remove ALL left padding/margin from departments on mobile */
    .department-list {
        padding-left: 0 !important;
        margin-left: 0 !important;
    }
    
    .department-list li {
        padding-left: 20px !important;
        margin-left: 0 !important;
    }
    
    /* Remove padding from expanded accordion content */
    .accordion-checkbox:checked + .accordion-label + .accordion-content {
        padding: 0 15px !important;
    }
    
    /* Remove padding from accordion inner container */
    .accordion-inner {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    /* Ensure department links align to the left */
    .department-link {
        margin-left: 0 !important;
        padding-left: 0 !important;
    }
    
    /* Reset icon positioning */
    .department-list .fa-solid {
        margin-left: 0;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0a8b482 */* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.law-faculty-page {
    line-height: 1.6;
    color: #333;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
    background: #f9f5f0;
}

/* ===== TYPOGRAPHY ===== */
.law-faculty-page h3 {
    color: #003366 !important;
    margin-top: 30px;
    margin-bottom: 15px;
    font-size: 1.8rem;
    font-weight: 600;
    border-left: 5px solid #5C8018;       /* Changed to primary green */
    padding-left: 15px;
}

.law-faculty-page p {
    margin-bottom: 15px;
    font-family: 'Inter', sans-serif;
}

/* ===== WELCOME PARAGRAPHS ===== */
.welcome-paragraph {
    margin-bottom: 15px;
    font-size: 1.05rem;
}

/* ===== LOCATION SECTION ===== */
.location-address {
    margin-bottom: 15px;
    background: #eef5ff;
    padding: 15px 20px;
    border-radius: 8px;
    border-left: 5px solid #003366;
}

/* ===== ACCORDION STYLES ===== */
.accordion-container {
    margin: 40px 0;
}

.accordion-item {
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 12px;
    overflow: hidden;
    background: white;
    box-shadow: 0 4px 12px rgba(0,0,0,0.03);
}

.accordion-checkbox {
    display: none;
}

.accordion-label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 25px;
    background: linear-gradient(135deg, #f5f9f0 0%, #ffffff 100%);
    cursor: pointer;
    font-weight: 600;
    color: #003366;
    border-left: 6px solid #5C8018;        /* Primary green */
    transition: background 0.2s;
    font-size: 1.2rem;
}

.accordion-label:hover {
    background: #e4e9f0 !important;
}

.faculty-link {
    color: #003366;
    text-decoration: none;
    margin-right: 10px;
    font-size: 1.2rem;
    font-weight: 400 !important;
}

.faculty-link:hover {
    text-decoration: underline;
    color: #5C8018;
}

.accordion-arrow {
    font-size: 1.1rem;
    transition: transform 0.3s ease;
}

.accordion-checkbox:checked + .accordion-label + .accordion-content {
    max-height: 800px !important;
    padding: 0 25px !important;
    transition: max-height 0.5s ease-in;
}

.accordion-checkbox:checked + .accordion-label .accordion-arrow {
    transform: rotate(180deg);
}

.accordion-content {
    padding: 0 25px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-out;
    background: #fafafa;
}

.accordion-inner {
    padding: 20px 0;
}

/* Department Lists */
.department-list {
    list-style: none;
    padding-left: 20px;
    margin-bottom: 10px;
}

.department-list li {
    margin-bottom: 10px;
    position: relative;
    padding-left: 25px;
}

.department-list li::before {
    content: '\f0e3';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    position: absolute;
    left: 0;
    color: #5C8018;
    font-size: 0.9rem;
}

.department-link {
    color: #333;
    text-decoration: none;
    font-weight: 500;
    font-family: 'Inter', sans-serif;
}

.department-link:hover {
    color: #003366 !important;
    text-decoration: underline !important;
}

.department-grid-two {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.department-grid-two .department-list {
    margin: 0;
    padding-left: 20px;
}

/* ===== STAFF STRENGTH ===== */
.staff-strength {
    margin-top: 25px;
}

.staff-growth-note {
    background: #e6f3e6;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 20px;
    border-left: 4px solid #5C8018;
}

.staff-growth-note p {
    margin: 0;
}

/* ===== VISION & MISSION ===== */
.vm-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 25px 0;
}

.vm-item {
    flex: 1 1 250px;
    padding: 20px;
    border-radius: 8px;
}

.vision-box {
    background: #eef5ff;
}

.mission-box {
    background: #e6f3e6;
}

.vm-item h4 {
    color: #003366;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 1.3rem;
    display: flex;
    align-items: center;
    gap: 10px;
}

.mission-box h4 {
    color: #5C8018;   /* Changed to primary green */
}

.vm-item p {
    margin-bottom: 0;
    font-family: 'Inter', sans-serif;
}

/* ===== FACILITY TAGS ===== */
.facility-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 15px;
}

.facility-tag {
    background: #f0f0f0;
    padding: 8px 15px;
    border-radius: 20px;
    font-size: 0.9rem;
    font-family: 'Inter', sans-serif;
}

.italic-note {
    font-style: italic;
    color: #555;
}

/* ===== RESEARCH SECTION ===== */
.research-areas {
    margin-bottom: 10px;
}

.research-facilities-list {
    columns: 2;
    column-gap: 30px;
    margin-bottom: 20px;
    padding-left: 0 !important;
    font-family: 'Inter', sans-serif;
    list-style-type: none;
}

.research-facilities-list li {
    margin-bottom: 5px;
}

/* ===== PROGRAMME BADGES ===== */
.programme-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 25px;
}

.programme-badge {
    padding: 8px 20px;
    border-radius: 40px;
    font-size: 0.9rem;
    color: white;
}

.badge-blue {
    background: #5C8018;
}

.badge-green {
    background: #f9c234;
    color: black;
}

.badge-gold {
    background: #f9c234;
    color: #333;
}

/* ===== TIMELINE ===== */
.timeline-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 25px;
    background: #f9f9f9;
    padding: 20px;
    border-radius: 8px;
}

.timeline-item {
    flex: 1;
    min-width: 150px;
    text-align: center;
}

.timeline-year {
    font-size: 1.5rem;
    font-weight: 500;
    color: #003366;
}

.timeline-year-green {
    font-size: 1.5rem;
    font-weight: 500;
    color: #5C8018;
}

.timeline-year-gold {
    font-size: 1.5rem;
    font-weight: 500;
    color: #f9c234;
}

.timeline-desc {
    font-size: 0.9rem;
}

/* ===== ACCREDITATION NOTE ===== */
.accreditation-note {
    background: #e6f3e6;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 25px;
    border-left: 5px solid #5C8018;
}

.accreditation-note p {
    margin: 0;
}

.accreditation-title {
    font-weight: 600;
    color: #5C8018;
    font-size: 1.1rem;
}

.accreditation-text {
    margin: 5px 0 0;
    color: #555;
    font-family: 'Inter', sans-serif;
}

/* ===== COMMUNITY CARDS ===== */
.community-card {
    background: #f0f7f0;               /* Light green instead of orange */
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 15px;
    border-left: 5px solid #5C8018;    /* Primary green */
}

.community-card h4 {
    color: #5C8018;                    /* Changed to green */
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* ===== HANDBOOK DOWNLOAD ===== */
.handbook-download {
    background: #003366;
    padding: 20px;
    border-radius: 8px;
    margin: 30px 0;
    color: white;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}

.handbook-title {
    color: white;
    margin: 0 0 5px;
    font-size: 1.3rem;
}

.handbook-description {
    margin: 0;
    opacity: 0.9;
    font-family: 'Inter', sans-serif;
}

.handbook-button {
    background: white;
    color: #003366;
    padding: 12px 30px;
    border-radius: 40px;
    text-decoration: none;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.2s;
    font-family: 'Inter', sans-serif;
}

.handbook-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
    background: #f9c234;               /* Gold hover */
    color: #003366;
}

/* ===== WEBOMETRIC HIDDEN ===== */
.webometric-hidden {
    display: none;
}

@media (max-width: 768px) {
    /* Existing responsive styles */
    .department-grid-two {
        grid-template-columns: 1fr;
        gap: 0;
    }
  
    .timeline-item {
        min-width: 100%;
    }
  
    .handbook-download {
        flex-direction: column;
        text-align: center;
    }
  
    .research-facilities-list {
        columns: 1;
    }
    
    /* NEW: Remove ALL left padding/margin from departments on mobile */
    .department-list {
        padding-left: 0 !important;
        margin-left: 0 !important;
    }
    
    .department-list li {
        padding-left: 20px !important;
        margin-left: 0 !important;
    }
    
    /* Remove padding from expanded accordion content */
    .accordion-checkbox:checked + .accordion-label + .accordion-content {
        padding: 0 15px !important;
    }
    
    /* Remove padding from accordion inner container */
    .accordion-inner {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    /* Ensure department links align to the left */
    .department-link {
        margin-left: 0 !important;
        padding-left: 0 !important;
    }
    
    /* Reset icon positioning */
    .department-list .fa-solid {
        margin-left: 0;
    }
}/* End custom CSS */