/* Theme base part 12 (split for the 300-line cap — order matters, keep sequence). */

.alert-secondary {
  color: var(--bs-dark);
  background-color: var(--bs-secondary-bg-subtle);
  border-color: var(--bs-secondary);
}
.alert-secondary .alert-link {
  color: var(--bs-dark);
}

.alert-success {
  color: var(--bs-success);
  background-color: var(--bs-success-bg-subtle);
  border-color: var(--bs-success);
}
.alert-success .alert-link {
  color: var(--bs-success-bg-dark);
}

.alert-warning {
  color: var(--bs-warning);
  background-color: var(--bs-warning-bg-subtle);
  border-color: var(--bs-warning);
}
.alert-warning .alert-link {
  color: var(--bs-warning-bg-dark);
}

.alert-danger {
  color: var(--bs-danger);
  background-color: var(--bs-danger-bg-subtle);
  border-color: var(--bs-danger);
}
.alert-danger .alert-link {
  color: var(--bs-danger-bg-dark);
}

.alert-info {
  color: var(--bs-info);
  background-color: var(--bs-info-bg-subtle);
  border-color: var(--bs-info);
}
.alert-info .alert-link {
  color: var(--bs-info-bg-dark);
}

.alert-dark {
  color: var(--bs-white);
  background-color: var(--bs-dark);
  border-color: var(--bs-dark);
}
.alert-dark .alert-link {
  color: var(--bs-white);
}

.alert-seegreen {
  color: var(--bs-cyan);
  background-color: var(--bs-cyan-bg-subtle);
  border-color: var(--bs-cyan);
}
.alert-seegreen .alert-link {
  color: var(--bs-cyan-bg-dark);
}

.alert-purple {
  color: var(--bs-purple);
  background-color: var(--bs-purple-bg-subtle);
  border-color: var(--bs-purple);
}
.alert-purple .alert-link {
  color: var(--bs-purple-bg-dark);
}

/*-------- Common Elentns: video Buttons Styles -------------*/
.cover .video-block:not(:first-child):not(:last-child) {
  margin: 2.77em 0;
}

.video-play-icon {
  width: 6.42857143em;
  height: 6.42857143em;
  border-radius: 50%;
  position: relative;
  z-index: 2;
  display: inline-block;
  border: 2px solid #ffffff;
  cursor: pointer;
  line-height: 6em;
  background: #ffffff;
  box-shadow: 0px 0px 0px 15px rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: 0px 0px 0px 15px rgba(255, 255, 255, 0.2);
}
.video-play-icon a {
  font-size: 3em;
  color: var(--bs-primary);
}

.btn-secondary {
  background: #f3f6fa;
  border-color: #f3f6fa;
  color: #738594;
  letter-spacing: 0.1px;
}

.btn-check + .btn:hover,
.btn-check + .btn:focus {
  color: var(--bs-white);
  cursor: pointer;
  background: var(--bs-primary);
  border-color: var(--bs-primary);
}

.btn-check:checked + .btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check) + .btn-check:active {
  color: var(--bs-white);
  background: var(--bs-primary);
  border-color: var(--bs-primary);
}

/*----------- Common Elentns: Custom Pagination Design ------------*/
.pagination {
  display: table;
  padding-left: 0;
  border-radius: 4px;
  margin: 0px auto 0 !important;
}

.pagination > li > a,
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  margin: 5px;
  padding: 0.6rem 0.9rem;
  text-decoration: none;
  background-color: var(--bs-white);
  border-radius: 2px;
  text-align: center;
  line-height: 1;
  border: none;
  box-shadow: none;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 15px;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover,
.pagination > li > a:focus,
.pagination > li > a:hover {
  z-index: 2;
  cursor: pointer;
  border-color: none;
}

.pagination li:first-child a {
  background: transparent;
  border: none;
  border-radius: 2px;
}

.pagination li:last-child a {
  background: transparent;
  border: none;
  border-radius: 2px;
}

.pagination > li {
  display: inline;
}

.page-item.active .page-link {
  z-index: 2;
  border-color: none;
}

.active > .page-link,
.page-link.active {
  z-index: 3;
  color: var(--bs-white) !important;
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}

.page-link:focus {
  box-shadow: var(--bs-primary-bg-subtle);
}

/*----------- Common Elentns: price Range Styles --------------*/
.irs--round .irs-bar {
  background-color: var(--bs-primary);
}

.irs--round .irs-handle {
  background-color: var(--bs-primary);
  border-color: #ffffff;
}

.irs--round .irs-handle.state_hover,
.irs--round .irs-handle:hover {
  background-color: #21313d;
}

.irs--round .irs-handle {
  width: 16px;
  height: 16px;
  top: 29px;
}

.irs--round .irs-from,
.irs--round .irs-to,
.irs--round .irs-single {
  background: transparent;
  color: #21313d;
}

.irs--round .irs-from:before,
.irs--round .irs-to:before,
.irs--round .irs-single:before,
.irs--round .irs-min,
.irs--round .irs-max {
  display: none;
}

/*------------- Common Elentns: Accordion Styles ---------------*/
.accordion-button:focus {
  z-index: 3;
  border-color: none;
  outline: 0;
  box-shadow: none;
}

.bi {
  width: 1em;
  height: 1em;
  fill: currentcolor;
}

.accordion-button {
  font-weight: 500;
  color: #00345b;
}

.accordion-button:not(.collapsed) {
  color: var(--bs-primary);
  background-color: var(--bs-primary-bg-subtle);
  box-shadow: none;
}

.searchBar-single ul li .btn-sm {
  height: auto;
  padding: 0.5rem 0.4rem;
}

.accordion-flush .accordion-item,
.accordion .accordion-item {
  border-radius: 0.2rem;
  overflow: hidden;
  margin-bottom: 1rem;
  border: none;
}

.accordion-button::after {
  content: "\f0d8";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  background-image: none;
  width: 28px;
  height: 28px;
  display: flex;
  color: var(--bs-primary);
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all ease 0.4s;
  background: var(--bs-primary-bg-subtle);
}