/* ==========================================================================
   Raiganj University - Important links band
   File: assets/css/10-important-links.css
   ======================================================================= */

/* ===== Important Links ===== */


.links-section{
  position:relative; overflow:hidden;
  margin-bottom:40px;
   background:
      linear-gradient(rgba(255,252,246,.95), rgba(255,252,246,.95)),
      url("../../images/bg/gold-pattern.png");
  background-size: 300px;
  background-repeat: repeat;
}
.links-section:before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background-image:repeating-linear-gradient(45deg, rgba(231,206,147,0.05) 0, rgba(231,206,147,0.05) 1px, transparent 1px, transparent 16px);
}
.links-section:after{
  content:""; position:absolute; left:0; right:0; top:0; height:4px;
  background:linear-gradient(90deg, transparent, var(--gold) 20%, var(--gold-soft) 50%, var(--gold) 80%, transparent);
}
.links-section .section-head{ position:relative; z-index:1; }
.links-section .section-head .eyebrow{ color:var(--gold-soft); }
.links-section .section-head h2{ color:#fff; }
.links-section .section-head p{ color:#D9C4B4; }
.links-grid{
  position:relative; z-index:1;
  display:grid; grid-template-columns:repeat(4,1fr); gap:18px;
}
.important-link-card{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  height:170px;
  padding:20px;
  background:#fff;
  border-radius:12px;
  text-decoration:none;
  color:#0d2d62;
  border:1px solid #e9ecef;
  transition:.3s;
  box-shadow:0 5px 15px rgba(0,0,0,.08);
}

.important-link-card:hover{
  background:linear-gradient(135deg,var(--maroon),var(--maroon-dark));
  color:#fff;
  transform:translateY(-6px);
  border-color:var(--gold);
  box-shadow:0 15px 35px rgba(110,20,35,.35);
}

.important-link-card i{
  font-size:40px;
  margin-bottom:15px;
  color:#c89b3c;
  transition:.3s;
}

.important-link-card:hover i{
  color:#fff;
}

.important-link-card span{
  font-size:15px;
  font-weight:600;
  line-height:1.4;
}

/* Important Links - textured background */
.important-links-textured{
  position:relative;
  overflow:hidden;
  background-color:var(--paper);
  background-image:
    radial-gradient(circle at 1px 1px, rgba(110,20,35,0.14) 1.4px, transparent 0),
    repeating-linear-gradient(45deg, rgba(200,155,60,0.06) 0, rgba(200,155,60,0.06) 1px, transparent 1px, transparent 18px);
  background-size:24px 24px, auto;
}
.important-links-textured:before{
  content:""; position:absolute; left:0; right:0; top:0; height:4px;
  background:linear-gradient(90deg, transparent, var(--gold) 20%, var(--gold-soft) 50%, var(--gold) 80%, transparent);
}
.important-links-textured .text-center h2,
.important-links-textured .text-center p{ position:relative; z-index:1; }
.important-links-textured .row{ position:relative; z-index:1; }