/* =====================================================
   ROOT COLOR SYSTEM
===================================================== */
:root{
  --nu-green:#28b67a;
  --nu-green-soft:#4fd1a1;
  --nu-green-dark:#1f8f62;

  --bg-light:#ffffff;
  --bg-dark:#071f17;

  --text-light:#ffffff;
  --text-dark:#1f2933;
}

/* =====================================================
   BASE
===================================================== */
body{
  font-family:'Segoe UI',sans-serif;
  transition:.4s;
}

body.light-mode{
  background:var(--bg-light);
  color:var(--text-dark);
}

body.dark-mode{
  background:var(--bg-dark);
  color:var(--text-light);
}

.bg-nu{
  background:linear-gradient(
    135deg,
    var(--nu-green),
    var(--nu-green-soft)
  )!important;
}

.bg-nu-dark{
  background:var(--nu-green-dark)!important;
}

.text-nu{
  color:var(--nu-green)!important;
}

/* =====================================================
   NAVBAR
===================================================== */
/* SEMUA TEKS NAVBAR JADI HURUF BESAR */
.navbar,
.navbar .nav-link,
.navbar .dropdown-item,
.navbar .navbar-brand,
.navbar .btn {
  text-transform: uppercase;
  letter-spacing: 0.5px; /* opsional, biar lebih tegas */
}

.navbar{
  padding:.85rem 0;
}
.navbar-brand img{
  max-height:42px;
  width:auto;
}

.navbar-brand{
  font-size:1.15rem;
  letter-spacing:.6px;
}

.navbar-nav .nav-link{
  position:relative;
  font-weight:500;
  padding:.55rem .85rem;
  transition:.3s;
  color:#fff;
}

.navbar-nav .nav-link::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  width:0;
  height:2px;
  background:#fff;
  transform:translateX(-50%);
  transition:.3s;
}

.navbar-nav .nav-link:hover::after,
.navbar-nav .nav-link.active::after{
  width:60%;
}

.navbar-nav .nav-link.active{
  color:#fff;
}

/* Button Navbar */
.navbar .btn-outline-light{
  border-color:rgba(255,255,255,.6);
}

.navbar .btn-outline-light:hover{
  background:#ffffff;
  color:var(--nu-green);
}

/* =====================================================
   DROPDOWN
===================================================== */
.dropdown-menu{
  border:none;
  border-radius:14px;
  box-shadow:0 14px 40px rgba(0,0,0,.18);
  padding:.6rem;
  margin-top:.6rem;
}

.dropdown-item{
  font-size:.9rem;
  border-radius:10px;
  padding:.5rem .85rem;
  transition:.3s;
}

.dropdown-item:hover{
  background:var(--nu-green);
  color:#fff;
}

/* Hover dropdown desktop */
@media(min-width:992px){
  .navbar .dropdown:hover .dropdown-menu{
    display:block;
  }
}

/* =====================================================
   HERO
===================================================== */
.carousel-caption{
  background:rgba(0,0,0,.55);
  border-radius:16px;
  padding:1.5rem 1.75rem;
}
/* HERO SLIDER */
.hero-slider{
  position:relative;
}

.hero-img{
  width:100%;
  height:520px;
  object-fit:cover;
}

.hero-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(
    90deg,
    rgba(40,182,122,.85) 0%,
    rgba(40,182,122,.55) 40%,
    rgba(0,0,0,.3) 100%
  );
  z-index:1;
}

.carousel-caption{
  z-index:2;
  bottom:20%;
  max-width:620px;
}

.hero-title{
  font-size:2.6rem;
  font-weight:800;
  letter-spacing:.03em;
  text-shadow:0 6px 25px rgba(0,0,0,.35);
}

.hero-subtitle{
  font-size:1.5rem;
  margin:1rem 0 1.6rem;
  opacity:.95;
}

/* BUTTON HERO */
.btn-hero{
  background:#ffffff;
  color:#28b67a;
  border-radius:30px;
  padding:.6rem 1.6rem;
  font-weight:600;
  transition:.3s;
}

.btn-hero:hover{
  background:#e8fff4;
  transform:translateX(4px);
}

.btn-hero-outline{
  border:2px solid #ffffff;
  color:#ffffff;
  border-radius:30px;
  padding:.6rem 1.6rem;
  font-weight:600;
  transition:.3s;
}

.btn-hero-outline:hover{
  background:#ffffff;
  color:#28b67a;
}

/* INDICATOR */
.carousel-indicators [data-bs-target]{
  width:12px;
  height:12px;
  border-radius:50%;
  background:#ffffff;
  opacity:.6;
}

.carousel-indicators .active{
  opacity:1;
}

/* RESPONSIVE */
@media(max-width:768px){
  .hero-img{height:420px}
  .hero-title{font-size:1.8rem}
  .carousel-caption{bottom:12%}
}

/* ===== SLIDER OVERLAY HIJAU ===== */
.hero-overlay {
  background: linear-gradient(
    to bottom,
    rgba(40,182,122,0.35),
    rgba(40,182,122,0.75)
  );
}

/* ===== OVERLAP FAKULTAS ===== */
.fakultas-overlap {
  margin-top: -120px;
  position: relative;
  z-index: 10;
}





/* ===== GLASS CARD ===== */
.fakultas-card {
  border-radius: 18px;
  padding: 24px;
  background: rgba(255, 255, 255, 0.75);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition: all 0.35s ease;
}

.fakultas-card:hover {
  transform: translateY(-12px);
  box-shadow: 0 20px 35px rgba(0,0,0,0.18);
}

/* ICON */
.fakultas-card .icon i {
  font-size: 42px;
  color: #28b67a;
}

/* TITLE */
.fakultas-card .card-title {
  color: #28b67a;
  font-weight: 600;
  position: relative;
}

.fakultas-card .card-title::after {
  content: "";
  width: 0;
  height: 3px;
  background: #28b67a;
  display: block;
  margin: 8px auto 0;
  transition: width 0.3s;
}

.fakultas-card:hover .card-title::after {
  width: 45px;
}

/* BUTTON */
.fakultas-card .btn-outline-primary {
  color: #28b67a;
  border-color: #28b67a;
}

.fakultas-card .btn-outline-primary:hover {
  background-color: #28b67a;
  color: #fff;
}

/* MOBILE */
@media (max-width: 768px) {
  .fakultas-overlap {
    margin-top: -60px;
  }
}


/* =====================================================
   CARD GLOBAL
===================================================== */
.card{
  border:none;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 10px 25px rgba(0,0,0,.08);
  transition:.35s;
}

.card:hover{
  transform:translateY(-6px);
  box-shadow:0 20px 45px rgba(0,0,0,.16);
}

.card img,
.card-img-top{
  height:210px;
  object-fit:cover;
}

.card-img-top{
  transition:transform .45s ease;
}

.card:hover .card-img-top{
  transform:scale(1.06);
}

.card.text-center i{
  opacity:.9;
}

.card.bg-nu{
  background:linear-gradient(
    135deg,
    var(--nu-green),
    var(--nu-green-soft)
  )!important;
}

/* =====================================================
   BUTTON DETAIL
===================================================== */
.btn-detail{
  font-size:.85rem;
  padding:.4rem 1rem;
  border-radius:999px;
  border:1px solid var(--nu-green);
  color:var(--nu-green);
  background:transparent;
  transition:.3s;
}

.btn-detail:hover{
  background:var(--nu-green);
  color:#fff;
  transform:translateX(4px);
}

/* =====================================================
   SECTION TITLE
===================================================== */
section h3,
section h4{
  position:relative;
  padding-left:16px;
}

section h3::before,
section h4::before{
  content:"";
  position:absolute;
  left:0;
  top:8%;
  width:4px;
  height:84%;
  background:var(--nu-green);
  border-radius:4px;
}



/* SECTION TITLE */
.section-title{
  font-weight:800;
  position:relative;
  display:inline-block;
}

.section-title::after{
  content:"";
  width:60%;
  height:4px;
  background:#28b67a;
  display:block;
  margin:.5rem auto 0;
  border-radius:4px;
}

/* INFO CARD */
.info-card{
  background:#ffffff;
  border-radius:18px;
  padding:1.8rem;
  box-shadow:0 12px 30px rgba(0,0,0,.08);
  transition:.35s;
}

.info-card:hover{
  transform:translateY(-6px);
}

/* ANNOUNCEMENT VARIANT */
.info-card.announcement{
  background:linear-gradient(
    135deg,
    rgba(40,182,122,.1),
    rgba(40,182,122,.05)
  );
}

/* TITLE */
.info-title{
  font-weight:700;
  color:#28b67a;
  margin-bottom:1.4rem;
}

/* LIST */
.info-list{
  list-style:none;
  padding:0;
  margin:0 0 1.5rem;
}

.info-list li{
  padding:0.8rem 0;
  border-bottom:1px dashed rgba(0,0,0,.1);
}

.info-list li:last-child{
  border-bottom:none;
}

.info-date{
  font-size:.75rem;
  color:#888;
}

/* BADGE */
.info-badge{
  display:inline-block;
  font-size:.7rem;
  padding:.25rem .6rem;
  border-radius:20px;
  background:#28b67a;
  color:#fff;
  margin-bottom:.3rem;
}


/* LINK LIST */
.info-link{
  display:block;
  text-decoration:none;
  color:inherit;
  padding:.4rem .2rem;
  border-radius:10px;
  transition:.3s;
}

.info-link p{
  margin:.25rem 0 0;
  transition:.3s;
}

/* HOVER EFFECT */
.info-link:hover{
  background:rgba(40,182,122,.08);
}

.info-link:hover p{
  color:#28b67a;
  transform:translateX(6px);
}

/* DARK MODE */
body.dark-mode .info-link:hover{
  background:rgba(40,182,122,.15);
}


.info-badge.warning{background:#f0ad4e}
.info-badge.success{background:#5cb85c}

/* BUTTON */
.btn-info-more{
  background:#28b67a;
  color:#fff;
  border-radius:30px;
  padding:.45rem 1.4rem;
  font-size:.85rem;
  transition:.3s;
}

.btn-info-more:hover{
  background:#1f9b67;
  transform:translateX(4px);
}

/* DARK MODE SUPPORT */
body.dark-mode .info-card{
  background:#0f2f25;
  color:#ffffff;
}

body.dark-mode .info-list li{
  border-color:rgba(255,255,255,.15);
}


/* =====================================================
   VIDEO CARD
===================================================== */
.video-card{
  cursor:pointer;
  position:relative;
}

.video-overlay{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(0,0,0,.45);
  transition:.35s;
}

.video-overlay button{
  width:72px;
  height:72px;
}

.video-card:hover .video-overlay{
  background:rgba(0,0,0,.6);
}









/* ================= DETAIL BERITA ================= */
.detail-berita{
  font-size:.95rem;
  line-height:1.8;
}

/* TITLE */
.berita-title{
  font-size:1.4rem;
  font-weight:800;
  line-height:1.3;
  margin-bottom:.8rem;
}

@media(min-width:768px){
  .berita-title{font-size:2rem}
}

/* META */
.berita-meta{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:.6rem;
  font-size:.75rem;
  color:#777;
}

.berita-meta i{
  color:#28b67a;
  margin-right:3px;
}

/* IMAGE */
.berita-img{
  width:100%;
  max-height:420px;
  object-fit:cover;
  border-radius:18px;
  box-shadow:0 12px 30px rgba(0,0,0,.12);
}

/* CONTENT */
.berita-content p{
  margin-bottom:1.2rem;
}

.berita-content blockquote{
  border-left:4px solid #28b67a;
  padding-left:1rem;
  margin:1.5rem 0;
  font-style:italic;
  color:#555;
}

/* SHARE DESKTOP */
.berita-share-desktop{
  margin-top:2.5rem;
  gap:.8rem;
  align-items:center;
}

.berita-share-desktop .share{
  width:36px;
  height:36px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  color:#fff;
  transition:.3s;
}

.share.wa{background:#25D366}
.share.fb{background:#1877F2}
.share.copy{background:#28b67a}

.berita-share-desktop .share:hover{
  transform:translateY(-4px);
}

/* SHARE MOBILE */
.share-mobile{
  position:fixed;
  bottom:14px;
  left:50%;
  transform:translateX(-50%);
  background:#ffffff;
  box-shadow:0 10px 30px rgba(0,0,0,.2);
  border-radius:30px;
  display:flex;
  gap:10px;
  padding:8px 14px;
  z-index:999;
}

.share-mobile a{
  width:42px;
  height:42px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:1.1rem;
}

.share-mobile .wa{background:#25D366}
.share-mobile .fb{background:#1877F2}
.share-mobile a:last-child{background:#28b67a}

/* DARK MODE */
body.dark-mode .share-mobile{
  background:#1b1b1b;
}


/* ================= NEWS LIST ================= */

.news-hero{
   background:
    linear-gradient(
      rgba(40,182,122,.85),
      rgba(31,159,104,.9)
    ),
    url('https://iaiqh.ac.id/assets/images/3.jpg')
    center/cover no-repeat;
  color:#fff;
}

.news-meta{
  font-size:.75rem;
  color:#28b67a;
  display:block;
  margin-bottom:.4rem;
}

.news-title-list{
  font-size:.95rem;
  font-weight:600;
}

/* Search */
.news-search{
  position:relative;
}

.news-search i{
  position:absolute;
  top:50%;
  left:14px;
  transform:translateY(-50%);
  color:#28b67a;
}

.news-search input{
  width:100%;
  padding:.65rem .9rem .65rem 2.6rem;
  border-radius:30px;
  border:1px solid #ddd;
  font-size:.9rem;
}

.news-search input:focus{
  outline:none;
  border-color:#28b67a;
}

/* Dark mode */
body.dark-mode .news-search input{
  background:#0f2d22;
  border-color:#1f9f68;
  color:#fff;
}


/* ================= PAGINATION ================= */

.pagination .page-link{
  border:none;
  margin:0 .2rem;
  border-radius:50%;
  width:38px;
  height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:.85rem;
  color:#28b67a;
}

.pagination .page-link:hover{
  background:#28b67a;
  color:#fff;
}

.pagination .page-item.active .page-link{
  background:#28b67a;
  color:#fff;
}

.pagination .page-item.disabled .page-link{
  opacity:.4;
  pointer-events:none;
}

/* Dark mode */
body.dark-mode .pagination .page-link{
  background:#0f2d22;
  color:#28b67a;
}



/* ================= SIDEBAR ================= */
.sidebar{
  display:flex;
  flex-direction:column;
  gap:1.5rem;
}

/* BOX */
.sidebar-box{
  background:#ffffff;
  border-radius:16px;
  padding:1.2rem;
  box-shadow:0 10px 30px rgba(0,0,0,.08);
}

body.dark-mode .sidebar-box{
  background:#1b1b1b;
}

/* TITLE */
.sidebar-title{
  font-size:.95rem;
  font-weight:700;
  margin-bottom:.8rem;
  position:relative;
  padding-left:10px;
}

.sidebar-title::before{
  content:"";
  position:absolute;
  left:0;
  top:10%;
  width:3px;
  height:80%;
  background:#28b67a;
  border-radius:2px;
}

/* SEARCH */
.sidebar-search{
  display:flex;
  overflow:hidden;
  border-radius:30px;
  border:1px solid #28b67a;
}

.sidebar-search input{
  border:none;
  padding:.45rem .8rem;
  width:100%;
  font-size:.85rem;
  outline:none;
}

.sidebar-search button{
  background:#28b67a;
  color:#fff;
  border:none;
  padding:0 14px;
}

/* KATEGORI */
.sidebar-list{
  list-style:none;
  padding:0;
  margin:0;
}

.sidebar-list li a{
  display:flex;
  justify-content:space-between;
  padding:.45rem 0;
  font-size:.85rem;
  color:#333;
  text-decoration:none;
  transition:.3s;
}

.sidebar-list li a span{
  background:#e8f7f1;
  color:#28b67a;
  padding:2px 8px;
  border-radius:20px;
  font-size:.7rem;
}

.sidebar-list li a:hover{
  color:#28b67a;
  transform:translateX(4px);
}

/* LATEST POST */
.latest-post{
  display:flex;
  gap:.6rem;
  margin-bottom:.8rem;
}

.latest-post img{
  width:60px;
  height:60px;
  border-radius:10px;
  object-fit:cover;
}

.latest-post a{
  display:block;
  font-size:.8rem;
  font-weight:600;
  color:#333;
  text-decoration:none;
  line-height:1.3;
}

.latest-post small{
  font-size:.7rem;
  color:#777;
}

.latest-post a:hover{
  color:#28b67a;
}

/* DARK MODE */
body.dark-mode .latest-post a,
body.dark-mode .sidebar-list li a{
  color:#f1f1f1;
}


/* ================= HERO DETAIL BERITA ================= */
.news-hero{
  position:relative;
  padding:70px 0 60px;
  background:
    linear-gradient(
      rgba(40,182,122,.85),
      rgba(31,159,104,.9)
    ),
    url('https://iaiqh.ac.id/assets/images/3.jpg')
    center/cover no-repeat;
  color:#fff;
}

/* Overlay texture */
.news-hero-overlay{
  position:absolute;
  inset:0;
  background:
    radial-gradient(
      circle at top right,
      rgba(255,255,255,.15),
      transparent 60%
    );
}

/* Content */
.news-hero .container{
  position:relative;
  z-index:2;
}

/* Category badge */
.news-category{
  display:inline-block;
  background:rgba(255,255,255,.15);
  padding:.35rem .9rem;
  border-radius:20px;
  font-size:.75rem;
  letter-spacing:.4px;
  margin-bottom:1rem;
}

/* Title (LONG TITLE SAFE) */
.news-title{
  font-size:2.2rem;
  font-weight:800;
  line-height:1.25;
  margin-bottom:1rem;
  word-wrap:break-word;
}

/* Meta info */
.news-meta{
  display:flex;
  justify-content:center;
  gap:1.2rem;
  flex-wrap:wrap;
  font-size:.85rem;
  opacity:.95;
}

.news-meta i{
  margin-right:4px;
  opacity:.85;
}

/* ================= MOBILE ================= */
@media(max-width:768px){
  .news-hero{
    padding:55px 0 50px;
  }

  .news-title{
    font-size:1.5rem;
  }

  .news-meta{
    font-size:.78rem;
    gap:.8rem;
  }
}



/* ================= PAGE HERO ================= */
.page-hero{
  position:relative;
  min-height:220px;
  display:flex;
  align-items:center;
  background:
    linear-gradient(
      135deg,
      #28b67a,
      #1f9f68
    );
  overflow:hidden;
}

/* Decorative shape */
.page-hero::after{
  content:"";
  position:absolute;
  right:-60px;
  bottom:-60px;
  width:220px;
  height:220px;
  background:rgba(255,255,255,.08);
  border-radius:50%;
}

/* Overlay */
.hero-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(
    rgba(0,0,0,.15),
    rgba(0,0,0,.35)
  );
}

/* Content */
.page-hero .container{
  position:relative;
  z-index:2;
}

/* Title */
.page-title{
  font-size:2.2rem;
  font-weight:800;
  color:#fff;
  letter-spacing:.5px;
  margin-bottom:.4rem;
}

/* Breadcrumb */
.breadcrumb-wrapper{
  font-size:.85rem;
  color:rgba(255,255,255,.85);
}

.breadcrumb-wrapper a{
  color:#eafff5;
  text-decoration:none;
}

.breadcrumb-wrapper span{
  margin:0 .35rem;
}

.breadcrumb-wrapper .active{
  opacity:.85;
}

/* ================= RESPONSIVE ================= */
@media (max-width:768px){
  .page-hero{
    min-height:180px;
  }
  .page-title{
    font-size:1.7rem;
  }
}








/* ================= PAGE HERO COMPACT ================= */
.page-hero.compact{
  position:relative;
  min-height:160px;           /* ⬅ lebih pendek */
  display:flex;
  align-items:center;
  background:
    linear-gradient(
      135deg,
      #28b67a,
      #1f9f68
    );
  overflow:hidden;
}

/* Soft blur shape */
.hero-bg-shape{
  position:absolute;
  width:260px;
  height:260px;
  background:rgba(255,255,255,.15);
  border-radius:50%;
  filter:blur(60px);
  top:-120px;
  right:-100px;
}

/* Overlay depth */
.page-hero.compact::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    rgba(0,0,0,.15),
    rgba(0,0,0,.35)
  );
}

/* Content */
.page-hero.compact .container{
  position:relative;
  z-index:2;
}

/* Title */
.page-title{
  font-size:1.9rem;
  font-weight:800;
  color:#fff;
  letter-spacing:.4px;
  margin-bottom:.2rem;
}

/* Subtitle */
.page-subtitle{
  font-size:.95rem;
  color:rgba(255,255,255,.9);
  margin:0;
}

/* ================= MOBILE ================= */
@media (max-width:768px){
  .page-hero.compact{
    min-height:130px;        /* lebih hemat di HP */
  }

  .page-title{
    font-size:1.5rem;
  }

  .page-subtitle{
    font-size:.85rem;
  }
}



.page-hero.compact{
  background:
    linear-gradient(
      rgba(40,182,122,.85),
      rgba(31,159,104,.85)
    ),
   url('https://iaiqh.ac.id/assets/images/3.jpg')
    center/cover no-repeat;
}



/* ABOUT HERO */
.about-hero{
  background:linear-gradient(
    135deg,
    rgba(40,182,122,.12),
    rgba(40,182,122,.02)
  );
  padding:4rem 0;
}

/* ABOUT LIST */
.about-list{
  list-style:none;
  padding:0;
}

.about-list li{
  padding:.6rem 0;
  border-bottom:1px dashed rgba(0,0,0,.1);
  font-size:.9rem;
}

/* MISSION */
.mission-list{
  padding-left:1rem;
}

.mission-list li{
  margin-bottom:.4rem;
  font-size:.9rem;
}

/* DARK MODE */
body.dark-mode .about-list li{
  border-color:rgba(255,255,255,.15);
}



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

.contact-hero{
     background:
    linear-gradient(
      rgba(40,182,122,.85),
      rgba(31,159,104,.9)
    ),
    url('https://iaiqh.ac.id/assets/images/3.jpg')
    center/cover no-repeat;
  color:#fff;
}

/* Info card */
.contact-card{
  background:#fff;
  border-radius:14px;
  padding:1.2rem 1.4rem;
  box-shadow:0 10px 25px rgba(0,0,0,.08);
  margin-bottom:1.2rem;
}

body.dark-mode .contact-card{
  background:#0f2d22;
  color:#fff;
}

/* Map */
.map-wrapper{
  width:100%;
  height:100%;
  min-height:320px;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 12px 30px rgba(0,0,0,.12);
}

.map-wrapper iframe{
  width:100%;
  height:100%;
  border:0;
}

/* Form */
.contact-form{
  background:#fff;
  padding:2rem;
  border-radius:18px;
  box-shadow:0 15px 40px rgba(0,0,0,.1);
}

body.dark-mode .contact-form{
  background:#0f2d22;
}

/* Button */
.btn-contact{
  background:#28b67a;
  color:#fff;
  padding:.6rem 1.6rem;
  border-radius:30px;
  font-size:.9rem;
  border:none;
  transition:.3s;
}

.btn-contact:hover{
  background:#1f9f68;
  transform:translateY(-2px);
}

/* Mobile */
@media(max-width:768px){
  .map-wrapper{
    min-height:260px;
  }
}



/* =====================================================
   COUNTER
===================================================== */
.counter{
  font-size:1.85rem;
  font-weight:700;
  color:var(--nu-green);
}

/* =====================================================
   TESTIMONI
===================================================== */
.carousel-item{
  min-height:150px;
}
.testimoni-img {
  width: 90px;
  height: 90px;
  object-fit: cover;
  border: 4px solid #28b67a;
}


/* =====================================================
   FOOTER
===================================================== */
.footer-head{
  background:linear-gradient(
    135deg,
    var(--nu-green),
    var(--nu-green-soft)
  );
  position:relative;
}

.footer-head::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:repeating-linear-gradient(
    45deg,
    rgba(255,255,255,.08) 0,
    rgba(255,255,255,.08) 1px,
    transparent 1px,
    transparent 10px
  );
}

.footer-bottom{
  background:var(--nu-green-dark);
  border-top:1px solid rgba(255,255,255,.15);
}

.footer-list li{
  position:relative;
  padding-left:16px;
}

.footer-list li::before{
  content:"›";
  position:absolute;
  left:0;
  color:#bff3df;
}

.footer-list a{
  color:#ffffff;
  text-decoration:none;
  opacity:.9;
}

.footer-list a:hover{
  opacity:1;
  color:#bff3df;
}

.footer-social a{
  color:#ffffff;
  margin-left:16px;
  font-size:1.1rem;
  transition:.3s;
}

.footer-social a:hover{
  color:#bff3df;
  transform:translateY(-2px);
}

footer a:hover{
  color:#bff3df!important;
}

/* =====================================================
   RESPONSIVE
===================================================== */
@media(max-width:768px){
  footer{text-align:center}
  footer .text-md-end{text-align:center!important}
  footer .row>div{margin-bottom:1.6rem}
}
/* BRAND TEXT */
.brand-text{
  font-size:1.45rem;           /* lebih besar & berwibawa */
  font-weight:700;             /* tegas */
  letter-spacing:.15em;        /* kesan elegan */
  text-transform:uppercase;    /* resmi kampus */
  font-family:'Poppins','Segoe UI',sans-serif;
  color:#ffffff;
}