.active>.page-link, .page-link.active {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background-color: var(--accent-color);
    border-color: var(--accent-color);
}
.page-link {
    color:#FFF;
    background-color: rgba(255,255,255,0.1);
    border: none;
    box-shadow: none;
}
.page-link:hover{
 background-color:rgba(229, 87, 252, 0.3);
 color: #FFF;
}

.header {
  padding: 10px 0px 10px 0px;
}
.navmenu>ul>li {
  white-space: nowrap;
}
.top-menu{
  right:10px;top:0px;position:absolute;
  
}
.top-menu>ul>li{
  display: inline-block;
  padding: 0px;
  color:#000;
}
.top-menu>ul>li a{
  font-size:12px;
  font-weight:300;color:#000;
    padding:4px 10px;
    
}
.top-menu>ul>li:hover>a{
  background-color:#EEE; color:#000;border-radius:20px;
}

.top-menu .active,
.top-menu .active:focus {
  color: #000; 
  background-color:rgba(229, 87, 252, 0.3);
  border-radius:20px;

}

.top-menu .dropdown ul {
  list-style-type: none;
    margin: 0;
    padding: 10px 0;
    background: var(--nav-dropdown-background-color);
    display: block;
    position: absolute;
    visibility: hidden;
    left: 14px;
    top: 130%;
    opacity: 0;
    transition: 0.3s;
    border-radius: 4px;
    z-index: 99;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
  }

  .top-menu .dropdown ul li {
    min-width: 200px;
  }

  .top-menu .dropdown ul a {
    padding: 10px 20px;
    font-size: 15px;
    text-transform: none;
    color: var(--nav-dropdown-color);
  }

  .top-menu .dropdown ul a i {
    font-size: 12px;
  }

  .top-menu .dropdown ul a:hover,
  .top-menu .dropdown ul .active:hover,
  .top-menu .dropdown ul li:hover>a {
    color: var(--nav-dropdown-hover-color);
  }

  .top-menu .dropdown:hover>ul {
    opacity: 1;
    top: 100%;
    visibility: visible;
  }

  .top-menu .dropdown .dropdown ul {
    top: 0;
    left: -90%;
    visibility: hidden;
  }

  .navmenu .dropdown .dropdown:hover>ul {
    opacity: 1;
    top: 0;
    left: -100%;
    visibility: visible;
  }

  .theme-light{
    color: #000;
    background-color: rgba(255,255,255,1);
  }

  .theme-dark{
    color: #FFF;
    background-color:var(--main-bg-color);
  }

  .theme-dark a{
    color: #FFF;
  }

  .theme-light a{
    color: #404040;
  }

@media (max-width: 767px) {
  .navmenu>ul>li {
    white-space: nowrap;
    margin-top: 0px;

  }
  .ul-title{
    text-align:center;
  }
}