@charset "UTF-8";
/* breakpoints */
.reference .reference__description {
  font-weight: 400;
  font-size: 1.875rem;
  line-height: 1.4;
  letter-spacing: -0.02em;
  color: var(--font-clr);
}
@media (max-width: 1199.98px) {
  .reference .reference__description {
    font-size: 1.4rem;
    line-height: 1.5;
  }
}
@media (max-width: 991.98px) {
  .reference .reference__description {
    font-size: 1.25rem;
  }
}
@media (max-width: 767.98px) {
  .reference .reference__description {
    font-size: 0.938rem;
  }
}
.reference .reference__gallery .thumbnail-slide {
  margin-bottom: 24px;
  position: relative;
}
@media (max-width: 991.98px) {
  .reference .reference__gallery .thumbnail-slide {
    margin-bottom: 16px;
  }
}
.reference .reference__gallery .thumbnail-slide.active img {
  border: 3px solid var(--secondary-40);
}
.reference .reference__gallery .thumbnail-slide.active .selected__badge {
  display: block;
}
.reference .reference__gallery .thumbnail-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  cursor: pointer;
  padding: 0;
  border: 0;
  border-radius: 12px;
}
.reference .reference__gallery .thumbnail-slide .selected__badge {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  display: none;
}
.reference .reference__data .reference__data--content h1, .reference .reference__data .reference__data--content h2, .reference .reference__data .reference__data--content h3, .reference .reference__data .reference__data--content h4, .reference .reference__data .reference__data--content h5, .reference .reference__data .reference__data--content h6 {
  margin-bottom: 0;
}
.referenceelement .main-slider .swiper-pagination {
  background: var(--white);
  padding: 10px 10px 7px;
  width: max-content;
  position: absolute;
  right: 10px;
  bottom: 10px;
  left: unset;
  border-radius: var(--border-radius-xs);
}
.referenceelement .main-slider .swiper-pagination .swiper-pagination-total {
  opacity: 0.6;
}
.referenceelement .reference__card--area {
  position: absolute;
  bottom: 0;
  padding: 1.25rem;
  z-index: 1;
}
@media (max-width: 991.98px) {
  .referenceelement .reference__card--area {
    position: relative;
    padding: 0.75rem 0 0;
    width: 100%;
  }
}
.referenceelement .reference__card--area .reference__card--content {
  padding: 1.875rem;
  border-radius: var(--border-radius-xs);
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  transition: var(--transition);
  width: 448px;
}
@media (max-width: 1199.98px) {
  .referenceelement .reference__card--area .reference__card--content {
    width: 400px;
  }
}
@media (max-width: 991.98px) {
  .referenceelement .reference__card--area .reference__card--content {
    padding: 1.25rem;
    gap: 1rem;
    width: 100%;
    border-radius: 0 0 var(--border-radius-xs) var(--border-radius-xs);
  }
}
.referenceelement .thumbnail-slider {
  position: absolute;
  bottom: 1.25rem;
  right: 1.25rem;
  width: 748px;
}
@media (max-width: 1399.98px) {
  .referenceelement .thumbnail-slider {
    width: 500px;
  }
}
@media (max-width: 1199.98px) {
  .referenceelement .thumbnail-slider {
    width: 400px;
  }
}
.referenceelement .thumbnail-slider .img-thumbnail {
  max-width: 100%;
  height: auto;
  border-radius: 12px;
  border: 3px solid var(--white);
  padding: 0;
}
.referenceelement .thumbnail-slider .thumbnail-slide {
  cursor: pointer;
}
.referenceelement .thumbnail-slider .thumbnail-slide.swiper-slide-thumb-active img {
  border: 3px solid var(--secondary-40);
}
.referenceelement .thumbnail-slider .thumbnail-slide.swiper-slide-thumb-active .selected__badge {
  display: block;
}
.referenceelement .thumbnail-slider .thumbnail-slide .selected__badge {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  display: none;
}
.referencepage .reference__card {
  height: 100%;
}
.referencepage .reference__card--area {
  position: absolute;
  bottom: 0;
  padding: 1.25rem;
  width: 100%;
}
@media (max-width: 991.98px) {
  .referencepage .reference__card--area {
    padding: 0.75rem;
  }
}
.referencepage .reference__card--area .reference__card--content {
  padding: 1.875rem;
  border-radius: var(--border-radius-xs);
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  transition: var(--transition);
  width: 448px;
}
@media (max-width: 1199.98px) {
  .referencepage .reference__card--area .reference__card--content {
    width: 400px;
  }
}
@media (max-width: 767.98px) {
  .referencepage .reference__card--area .reference__card--content {
    padding: 1.25rem;
    gap: 1rem;
    width: 100%;
  }
}
.referencepage .reference__category--item {
  color: var(--primary);
  opacity: 0.5;
  transition: var(--transition-default-duration);
}
.referencepage .reference__category--item:hover {
  opacity: 1;
}
.referencepage .reference__category--item.active {
  opacity: 1;
  font-weight: 600;
}
.referencepage .category__filter--area {
  position: fixed;
  bottom: 60px;
  z-index: 199;
  left: 0;
  right: 0;
}
@media (max-width: 767.98px) {
  .referencepage .category__filter--area {
    bottom: 40px;
  }
}
.referencepage .category__filter--area .dropup .dropdown-toggle {
  z-index: 1001;
  background: var(--secondary);
  -webkit-box-shadow: 0px 8px 18px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 8px 18px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 8px 18px 0px rgba(0, 0, 0, 0.16);
  transition: var(--transition-default-duration);
}
.referencepage .category__filter--area .dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  border: 0;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: 400 !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -0.125em;
  content: "";
  color: var(--white);
}
.referencepage .category__filter--area .dropup .dropdown-toggle.show::after {
  transform: rotate(180deg);
}
.referencepage .category__filter--area .dropup .dropdown-toggle.show .category-label {
  color: var(--white);
  opacity: 0.6;
}
.referencepage .category__filter--area .dropup .dropdown-toggle.show .selectedCategory {
  color: var(--white);
}
.referencepage .category__filter--area .dropup .dropdown-toggle .category-label {
  color: var(--white);
  opacity: 0.6;
}
.referencepage .category__filter--area .dropup .dropdown-toggle .selectedCategory {
  color: var(--white);
}
.referencepage .category__filter--area .dropup .dropdown-menu {
  width: 100%;
  background: var(--secondary-15);
  border-radius: var(--border-radius-xs) var(--border-radius-xs) 2rem 2rem;
  padding: 20px 20px 60px;
  transform: none !important;
  transition: var(--transition-default-duration);
  cursor: pointer;
}
.referencepage .category__filter--area .dropup .dropdown-menu .dropdown-item {
  padding: 0;
  margin-bottom: 10px;
  color: var(--primary);
  transition: var(--transition-default-duration);
}
.referencepage .category__filter--area .dropup .dropdown-menu .dropdown-item:hover {
  color: var(--secondary);
  background-color: transparent;
  margin-left: 2px;
}
.reference .image__points .point, .referenceelement .image__points .point {
  border-radius: 50px;
  background-color: var(--white);
  height: 1.5rem;
  width: 1.5rem;
  transition: var(--transition);
  user-select: none;
  animation: pulse 2s infinite;
  animation-delay: 2s;
}
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
  }
}
@media (max-width: 1199.98px) {
  .reference .image__points .point, .referenceelement .image__points .point {
    height: 1.25rem;
    width: 1.25rem;
  }
}
@media (max-width: 767.98px) {
  .reference .image__points .point, .referenceelement .image__points .point {
    height: 1rem;
    width: 1rem;
  }
}
.reference .image__points .point.active, .referenceelement .image__points .point.active {
  box-shadow: 0 0 0 8px white;
  animation: none;
}
@media (max-width: 1199.98px) {
  .reference .image__points .point.active, .referenceelement .image__points .point.active {
    box-shadow: 0 0 0 6px white;
  }
}
@media (max-width: 767.98px) {
  .reference .image__points .point.active, .referenceelement .image__points .point.active {
    box-shadow: 0 0 0 4px white;
  }
}
.reference .info-box, .referenceelement .info-box {
  position: absolute;
  top: 20px;
  left: 20px;
  background-color: #ffffff;
  padding: 24px;
  max-width: 400px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.05);
  z-index: 97;
  border-radius: var(--border-radius-xxs);
  transition: var(--transition);
}
@media (max-width: 767.98px) {
  .reference .info-box, .referenceelement .info-box {
    max-width: 280px;
    top: 12px;
    left: 12px;
    right: 12px;
    border-radius: var(--border-radius-xxxs);
    padding: 16px;
  }
}
@media (max-width: 767.98px) {
  .reference .info-box .info-box-content, .referenceelement .info-box .info-box-content {
    max-height: 200px;
    overflow-y: auto;
    padding-right: 10px;
  }
}
.reference .info-box .info-box-content::-webkit-scrollbar, .referenceelement .info-box .info-box-content::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.reference .info-box .info-box-content::-webkit-scrollbar-track, .referenceelement .info-box .info-box-content::-webkit-scrollbar-track {
  background: var(--grey-light);
  border-radius: var(--border-radius-full);
}
.reference .info-box .info-box-content::-webkit-scrollbar-thumb, .referenceelement .info-box .info-box-content::-webkit-scrollbar-thumb {
  background: var(--clr-primary);
  border-radius: var(--border-radius-full);
}
.reference .info-box .info-box-content::-webkit-scrollbar-thumb:hover, .referenceelement .info-box .info-box-content::-webkit-scrollbar-thumb:hover {
  background: var(--clr-primary);
  border-radius: var(--border-radius-full);
}
.reference .info-box .info-box-close, .referenceelement .info-box .info-box-close {
  background-color: transparent;
  border: none;
  padding: 0;
  display: flex;
  justify-content: end;
  user-select: none;
}
.reference .info-box .info-box-close span, .referenceelement .info-box .info-box-close span {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  padding: 10px;
  font-weight: 400;
  display: flex;
  border: 1px solid var(--border-color);
  cursor: pointer;
  transition: var(--transition);
}
.reference .info-box .info-box-close span:hover, .referenceelement .info-box .info-box-close span:hover {
  background: var(--clr-primary);
  border-color: var(--clr-primary);
}
.reference .info-box .info-box-close span:hover i, .referenceelement .info-box .info-box-close span:hover i {
  color: var(--white);
}
.reference .info-box .info-box-close i, .referenceelement .info-box .info-box-close i {
  font-size: 1.2rem;
  line-height: 1;
  pointer-events: none;
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22%2Fthemes%2Frombach%2Fscss%2Fcomponents%2F_references.scss%22%2C%22%2Fthemes%2Frombach%2Fscss%2Fcomponents%2F..%2Fsettings%2Fbreakpoints.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22%3BAAAA%3BAAIE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACoCE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADhBA%3BAAAA%3BAAAA%3BAAAA%3BACgBA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADPI%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAMF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAeA%3BAAAA%3BAAAA%3BAAWF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUE%3BAAAA%3BAAAA%3BAAQF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACzDA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADqEE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACrEF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAD0FF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAC1FE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADsGA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQA%3BAAAA%3BAAAA%3BAAGI%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAMF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAkBJ%3BAAAA%3BAAAA%3BAAGE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAChJA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAD0JE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAC1JF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAD8KF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKE%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAOF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAC9LE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAD4ME%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAgBE%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAMF%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAIF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAgBN%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQE%3BAACE%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BACpSJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADsTE%3BAAAA%3BAAAA%3BAAAA%3BACtTF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADqUF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACrUE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADkWE%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAASF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAaE%3BAAAA%3BAAAA%3BAAAA%3BAAIE%3BAAAA%3BAAAA%3BAAMJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%22%7D */