.dd-item {
    padding: 12px 16px 12px 34px;
    color: #111;
    font-weight: 400;
    border-radius: 0;
    cursor: pointer;
    transition: background-color 150ms ease, color 150ms ease, border-radius 150ms ease, font-weight 150ms ease;
  }

  .dd-item.is-hover {
    background: #909090;
    color: #fff;
    font-weight: 700;
    border-radius: 11px;
  }
  .hidden {
    display: none;
  }

  .internal-gradient {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.5) 60%,
    rgba(0, 0, 0, 1) 100%
  );
  position: absolute;
  inset: 0;
  z-index: 5;
  pointer-events: none;
}

.internal-page header,
.internal-page header a {
  text-shadow: none !important;
  color: white !important;
  
}

.internal-page #main-nav .nav-item {
  color: #FFFFFF !important; 
  font-weight: 400 !important;
  position: relative; 
  padding-bottom: 2px;
}

.internal-page #main-nav .nav-item.is-active {
  color: #FFFFFF !important; 
  font-weight: 900 !important;
}

.internal-page #main-nav .nav-item::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 100%;
  background: currentColor;
  transform: scaleX(0); 
  transform-origin: left;
  transition: transform 0.25s ease;
}

.internal-page #main-nav .nav-item.is-active::after {
  transform: scaleX(1);
}



.btn-tag{
  padding: 10px 24px;
  background-color: #5AC8B4;
  color: black;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
  border-radius: 8px;
}

@media (max-width: 768px) {
  .btn-tag{
  padding: 10px 24px;
  background-color: #5AC8B4;
  color: black;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  border-radius: 8px;
}
}