/* ============================
   FIX BOOTSTRAP COLUMN CLIPPING
============================ */
.col-lg-2, .col-md-4, .menu-column, #menuArea {
  position: relative !important;
  overflow: visible !important;
  z-index: 1000;
}

.menu-item {
  position: relative;
  z-index: 10;
  margin-bottom: 10px;
}

/* ============================
   MAIN MENU BUTTON
============================ */
.main-btn {
  width: 100%;
  text-align: left;
  margin-bottom: 10px;
}

/* ============================
   SUBMENU (LEVEL 1)
============================ */
.submenu_v {
  position: absolute;
  top: 0;
  left: 100%;
  margin-left: -2px;              /* removes mouse gap */
  background: #ffffff;
  border: 1px solid #ccc;
  padding: 10px;
  min-width: 230px;
  display: none;
  z-index: 3000;                  /* above main menu */
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}

/* Submenu buttons */
.submenu_v-item button {
  width: 100%;
  text-align: left;
  margin-bottom: 6px;
}

/* ============================
   SUB-SUBMENU (LEVEL 2)
============================ */
.subsubmenu_v {
  position: absolute;
  top: 0;
  left: 100%;
  margin-left: -2px;              /* removes mouse gap */
  background: #ffffff;
  border: 1px solid #ccc;
  padding: 10px;
  min-width: 230px;
  display: none;
  z-index: 4000;                  /* above submenu */
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}

/* Sub-submenu links */
.subsubmenu_v a {
  display: block;
  padding: 6px 0;
  text-decoration: none;
  color: #0d6efd;
}

.subsubmenu_v a:hover {
  text-decoration: underline;
}

/* ============================
   HOVER BUFFER (prevents collapse)
============================ */
.submenu_v,
.subsubmenu_v {
  padding-top: 10px;
  padding-bottom: 10px;
}

/* ============================
   RESPONSIVE (mobile)
============================ */
@media (max-width: 768px) {
  .submenu_v,
  .subsubmenu_v {
    position: static;
    margin-left: 0;
    box-shadow: none;
  }
}

.para-format {
  font-family: "Arial", sans-serif;   /* Set your preferred font */
  font-size: 18px;                    /* Adjust font size */
  color: #333333;                     /* Font color */
  text-align: justify;                /* Justify the text */
  line-height: 1.6;                   /* Optional: improves readability */
  margin: 10px 0;                     /* Optional: spacing above/below */
}

.pdf-hover-box {
  position: relative;
  display: inline-block;
}

.pdf-link {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0,0,0,0.7);
  color: #fff;
  padding: 6px 12px;
  border-radius: 4px;
  text-decoration: none;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.pdf-hover-box:hover .pdf-link {
  opacity: 1;
}

.visitor-box {
  background: #ffffff;
  color: #000000;
  padding: 15px;
  border-radius: 6px;
  border: 1px solid #ddd;
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
}