/* --------------------------------------------
bootstrap-5.3.8
-------------------------------------------- */

.bg-body-tertiary {
  background-color: rgba(43, 59, 68, .9) !important;
}



.nav-link {
  color: #fff;
}

.navbar-nav {
  --bs-nav-link-hover-color: #52c2d2;
}

.dropdown-menu {
  --bs-dropdown-bg: #fff;
  --bs-dropdown-link-hover-bg: #f5f5f5;
}



.dropdown-item {
  color: #333;
}

.dropdown-item:hover {
  color: #333;
  background-color: #f5f5f5;
}

.breadcrumb {
  font-size: 12px;
}

.breadcrumb a {
  color: #070707;
  text-decoration: none;
}

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

.breadcrumb-item.active {
  color: #777;
}


.list-group-item.active {
  color: var(--bs-list-group-action-color);
  background-color: #f5f5f5;
  border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}



/* --------------------------------------------
Swiper-11.2.10
-------------------------------------------- */
.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  /* background: #444; */
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.swiper {
  width: 100%;
  /* height: 300px; */
  margin-left: auto;
  margin-right: auto;
}

.swiper-slide {
  background-size: cover;
  background-position: center;
}

.mySwiper2 {
  height: 80%;
  width: 100%;
}

.mySwiper {
  height: 20%;
  box-sizing: border-box;
  padding: 10px 0;
}

.mySwiper .swiper-slide {
  width: 25%;
  height: 100%;
  opacity: 0.4;
}

.mySwiper .swiper-slide-thumb-active {
  opacity: 1;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
  bottom: 0px;
}

.swiper-pagination-bullet-active{
  background-color: #869791;
}

.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
  }