/*@import url(./cssImports/client/root-color.css);*/
@import url(./cssImports/client/custom-style.css);
@import url(./cssImports/client/modal.css);
@import url(./cssImports/client/navbar.css);
@import url(./cssImports/client/custom-btn.css);
@import url(./cssImports/client/footer.css);
@import url(./cssImports/client/header.css);
@import url(./cssImports/client/form-group.css);
@import url(./cssImports/client/media-query.css);
@import url(./cssImports/client/mobile-sidebar.css);

/*  nav btn */

.nav-btn{
  /* padding:12px !important; */
  border-radius: 15px !important;
  font-size: 14px !important;
  font-weight: bold !important;
}


*::-webkit-scrollbar-thumb {
  background: var(--bg-mode) !important;
}


*::-webkit-scrollbar {
  width: 0.4em;
}



a {
text-decoration: none;
}

.darkmode-text {
  color: rgb(23, 53, 150) !important;
}

.bg-img {
  width: 100% !important;
  height: 100vh !important;
  background-size: cover !important;
  background-repeat: no-repeat;
  background-position: center !important;
  background-attachment: fixed !important;

}



.nav-link:hover {
  color: #fff !important;
  background-color:var(--hover-color) !important;
  border:solid 1px var(--hover-color) !important;
  border-color:var(--hover-color) !important;
  transition: 1s;
}

 
.list-group-item img {
  filter: grayscale(40%);
}

.list-group-item img:hover {
  filter: grayscale(0%);
}


.item .title {
  color:var(--text-mode);
}


.item:hover .title {
  color: #fff !important;
  background-color:var(--hover-color) !important;
  border:solid 1px var(--hover-color) !important;
  border-color:var(--hover-color) !important;
}


.nav-btn {
  width:9rem;
  font-size:1rem;
}



.socials a:hover {
transform:scale(1.08);
transition:.8s;
}

.slider-title{
  position: absolute;
  top: 0;
  left: 0;
  width:70%;    
  height:100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  font-size:30px !important;
  overflow: hidden !important;
}


.postSwiper{
  background:transparent !important;
  
}

.postSwiper .swiper-slide{
  background:transparent !important
}

.postSwiper .swiper-slide img{
  width:130px !important;
  height:80px !important;
}


.category_number{
  width: 30px !important;
  height: 30px !important;
  border-radius:50px !important;
}

.subcategory_show_card .col-6{
  padding: 5px !important;

}