/* ============================================================
   ROJGARVALA – PAGE.CSS  (share panel, bg classes, scroll btn)
   ============================================================ */

.share-floating {
  position: fixed;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: 999999;
}

.share-panel {
  position: fixed;
  right: -220px;
  top: 50%;
  transform: translateY(-50%);
  width: 80px;
  background: white;
  padding: 15px;
  border-radius: 8px 0 0 8px;
  box-shadow: -3px 3px 12px rgba(0,0,0,0.25);
  transition: right 0.3s ease;
}

.share-panel.open { right: 0; }

.share-panel a {
  display: block;
  padding: 10px;
  border-bottom: 1px solid #eee;
  color: #333;
  font-weight: 600;
}

.share-panel a i { font-size: 30px; }

/* ── bg-skyblue-dark, btn-skyblue, card-header ── */
.bg-skyblue-dark,
.bg-info,
.card-header,
.btn-skyblue {
  background: linear-gradient(135deg, #1a2a6c 0%, #2d3e8e 100%) !important;
  color: #fff !important;
}

.btn-skyblue:hover {
  background: linear-gradient(135deg, #e8a020, #c07a08) !important;
  color: #fff !important;
}

/* ── List items on detail pages ── */
.list-group-item a { color: #1a1f36; transition: 0.3s ease; }
.list-group-item:hover { background-color: #f5f8ff; }
.list-group-item a:hover { color: #1a2a6c !important; padding-left: 4px; }
.list-group-item i { transition: 0.3s ease; }
.list-group-item:hover i { margin-left: 4px; color: #1a2a6c; }

#govtpage .card-body { min-height: 400px; }

.section-two .card-body,
.section-three .card-body,
.section-three .card-body .tab-content { min-height: 400px; }

@media (max-width: 767px) {
  .section-two .card-body,
  .section-three .card-body,
  .section-three .card-body .tab-content { min-height: auto; }
}

#shareToggle {
  width: 50px;
  height: 50px;
  top: 123px;
  right: 6px;
  position: absolute;
  border: 1px solid whitesmoke;
}

/* ── Scroll To Top ── */
#scrollTopBtn {
  position: fixed !important;
  bottom: 28px !important;
  right: 24px !important;
  background: linear-gradient(135deg, #1a2a6c, #2d3e8e) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 50% !important;
  height: 48px !important;
  width: 48px !important;
  z-index: 9999 !important;
  transition: all 0.25s ease !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  box-shadow: 0 4px 16px rgba(26,42,108,0.4) !important;
  border: none !important;
}

#scrollTopBtn:hover {
  background: linear-gradient(135deg, #e8a020, #c07a08) !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 8px 24px rgba(232,160,32,0.4) !important;
}

.field-icon {
  position: absolute;
  top: 70%;
  right: 10px;
  transform: translateY(-50%);
  cursor: pointer;
  color: #aaa;
  z-index: 2;
}

.form-control.pr-5 { padding-right: 2.5rem; }