@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
html {
  scroll-behavior: smooth;
}

body {
  font-family: "Roboto", Arial, sans-serif;
}
html,
body,
header {
  scroll-behavior: smooth;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  overflow-y: visible !important;
}
h1,
h2,
h3,
p {
  margin: 0;
}
main {
  padding-top: 4.8rem;
}

a {
  text-decoration: none !important;
  color: inherit;
}


.card-hover-effect:hover,
.card-hover-effect a:hover {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.container-fluid {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

/* HEADER NAVBAR  */
#navbar-toggler-btn {
  border: none !important;
  box-shadow: none !important;
  background: transparent;
}

#ftco-navbar {
  position: fixed;
  width: 100%;
  z-index: 1000;
}
.navbar-nav .nav-item {
  cursor: pointer;
}
.navbar-nav .nav-item:hover {
  text-decoration: underline;
  text-decoration-color: #455be1;
  text-underline-offset: 8px;
  text-decoration-thickness: 4px;
}
/* Dropdown */
.dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: white;
  border: 1px solid #ddd;
  min-width: 200px;
  z-index: 1000;
}

.dropdown-item {
  padding: 0.5rem 1rem;
  color: #333;
  text-decoration: none;
  display: block;
}

.dropdown-item:hover {
  background: #f1f1f1;
}

/* Hover дээр гаргах */
.nav-item.dropdown:hover .dropdown-menu {
  display: block;
}

/* SHADOW */
.shadow {
  box-shadow:
    rgba(0, 0, 0, 0.2) 0px 12px 28px 0px,
    rgba(0, 0, 0, 0.1) 0px 2px 4px 0px,
    rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
}

/* ACCORDION FILTER */
.nested {
  padding-left: 20px;
}
.nested .nested {
  padding-left: 40px;
}
.cursor-pointer {
  cursor: pointer;
}
.active-accordion-button {
  background-color: #455be1 !important; /* Bootstrap primary color */
  color: white !important;
}
.active-accordion-icon {
  transform: rotate(90deg) !important;
}

.accordion {
  text-wrap-mode: nowrap;
  text-align: start;
  margin-bottom: 0.5rem;
  border-radius: 0.3rem;
  padding-inline: 2rem;
  padding-block: 0.6rem;
  background-color: #f9fafc;
  font-size: large;
}

.ab-2 {
  font-size: medium !important;
}

.ab-3 {
  font-size: medium !important;
}
.accordion-hide {
  display: none;
}
.accordion-show {
  display: block;
}

.active-second {
  background-color: #8f9ced !important;
}

.active-third {
  background-color: #c7cdf6 !important;
}
.hover-underline:hover {
  text-decoration: underline !important;
}

/* NEWS TEXT LINE LIMIT */
.news-text-truncate {
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.6;
}
.filter-btn {
  transition: transform 0.2s; /* Animation */
}

.filter-btn-bg-default {
  background-color: #6c757d;
  color: white; /* текстийг тод харагдуулах */
}

.filter-btn-bg-active {
  background-color: #455be1;
  color: white; /* текстийг тод харагдуулах */
}
.filter-btn:hover {
  cursor: pointer;
  transform: scale(1.2);
}
.small_news_height {
  height: 400px;
}
@media only screen and (max-width: 767px) {
  .small_news_height {
    height: auto !important;
  }
}