.dep-wrap{
  width:100%;
  max-width:none;
  padding:30px 40px;
  box-sizing:border-box;
}

@media (max-width:768px){
  .dep-wrap{ padding:16px; }
}

/* HEADER */
.dep-header{
  max-width:1200px;
  margin:0 auto 18px auto;
  background:#128ae6;              /* CHANGED */
  color:#fff;
  font-size:28px;
  font-weight:800;
  text-align:center;
  padding:18px 20px;
  border-radius:14px;
  box-shadow:0 12px 30px rgba(0,0,0,.10);
}

/* GRID */
.dep-grid{
  max-width:1200px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:18px;
}

@media (max-width:900px){
  .dep-grid{ grid-template-columns:1fr; }
}

/* CARD */
.dep-card{
  display:flex;
  align-items:center;
  gap:16px;
  padding:18px 18px;
  border-radius:18px;
  text-decoration:none;
  color:#111827;
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  box-shadow:0 14px 30px rgba(0,0,0,.06);
  transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;
  position:relative;
  overflow:hidden;
}

/* LEFT GRADIENT LINE */
.dep-card::before{
  content:"";
  position:absolute;
  left:0;
  top:12px;
  bottom:12px;
  width:7px;
  border-radius:10px;
  background: linear-gradient(180deg, #0b57d0, #6ebade); /* CHANGED */
  box-shadow:0 10px 20px rgba(110,186,222,.25);
}

.dep-card:hover{
  transform: translateY(-2px);
  border-color: rgba(110,186,222,.45);
  box-shadow:0 18px 40px rgba(0,0,0,.08);
}

/* ICON */
.dep-ico{
  width:52px;
  height:52px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(110,186,222,.12);   /* CHANGED */
  border:1px solid rgba(110,186,222,.35);
  color:#128ae6;                       /* CHANGED */
  flex: 0 0 auto;
  margin-left: 6px;
}

.dep-ico i{
  font-size:20px;
}

/* TITLE */
.dep-title{
  font-size:18px;
  font-weight:800;
  line-height:1.35;
}

/* ARROW */
.dep-go{
  margin-left:auto;
  width:42px;
  height:42px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(110,186,222,.12);   /* CHANGED */
  border:1px solid rgba(0,0,0,.08);
  color:#6ebade;                       /* CHANGED */
  flex: 0 0 auto;
  transition: transform .15s ease;
}

.dep-card:hover .dep-go{
  transform: translateX(3px);
}