/* breakpoints */
.infoelement {
  max-width: 100%;
  overflow-x: hidden;
}
.infoelement .nav-tabs {
  border-bottom: none;
}
.infoelement .nav-tabs .front {
  min-height: 110px;
}
.infoelement .info-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.infoelement .info_content {
  max-width: 80vw;
  position: absolute;
  left: 50px;
  top: 0;
  transform: translateY(-10%);
  border-radius: var(--border-radius-sm);
  width: 300px;
  padding: 1.5rem;
  opacity: 0;
  pointer-events: none;
  transition: 0.5s ease all;
  z-index: 5;
}
.infoelement .info_content.active_onhover, .infoelement .info_content.active {
  pointer-events: inherit;
  opacity: 1;
}
.infoelement .info_content.info-left {
  left: auto;
  right: 100px !important;
}
.infoelement .info_pin {
  position: relative;
  width: 56px;
  height: 56px;
  cursor: pointer;
  transform: translate(-50%, -50%);
}
.infoelement .info_pin img {
  position: absolute;
  top: 0;
  left: 0;
}
.infoelement .tab-pane {
  display: none !important;
}
.infoelement .tab-pane.active {
  display: block !important;
}
.infoelement .steps__container {
  position: relative;
}
.infoelement .steps__container .steps__step {
  flex: 1;
  position: relative;
}
.infoelement .steps__container .steps__step::after {
  background-image: linear-gradient(to right, #ccc 33%, rgba(204, 204, 204, 0) 0%);
  background-position: bottom;
  background-size: 9px 1px;
  background-repeat: repeat-x;
  height: 1px;
  width: 100%;
  position: absolute;
  top: 44px;
  content: " ";
  z-index: 0;
  left: 0;
}
.infoelement .steps__container .steps__step::after.first {
  width: 50%;
  left: 50%;
}
.infoelement .steps__container .steps__step::after.last {
  right: 50%;
  width: 50%;
}
.infoelement .steps__container .steps__icon {
  width: 84px !important;
  height: 84px !important;
  background-color: var(--clr-primary);
  border-radius: var(--border-radius-full);
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
}
.infoelement .steps__container .steps__title {
  text-align: center;
}
@media (max-width: 575.98px) {
  .infoelement .info_content * {
    font-size: 70%;
  }
}
@media (max-width: 767.98px) {
  .infoelement .info_content {
    top: 100px;
    left: 40px;
    transform: translateY(-25%) translateX(-50%);
  }
  .infoelement .info-xs-left {
    left: -50%;
  }
  .infoelement .flex-xs-column {
    flex-direction: column !important;
  }
  .infoelement .steps__step {
    margin-bottom: 20px;
  }
  .infoelement .steps__step::after {
    background-image: none;
  }
}
@media (max-width: 991.98px) {
  .infoelement .steps__step {
    flex: 0 0 25%;
    margin-bottom: 20px;
  }
  .infoelement .flex-sm-wrap {
    flex-wrap: wrap;
  }
}
.infoelement .circle {
  background: #fff !important;
  border: 2px solid var(--clr-primary-dark);
  color: var(--clr-primary-dark);
  transition: all ease 0.3s;
}
.infoelement .circle:hover {
  background: var(--clr-primary-dark) !important;
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22%2Fthemes%2Fthermotex24%2Fscss%2Felements%2F_infoelement.scss%22%2C%22%2Fthemes%2Fthermotex24%2Fscss%2Felements%2F..%2Fsettings%2Fbreakpoints.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BAAEA%3BAAAA%3BAAAA%3BAAAA%3BAAIE%3BAAAA%3BAAAA%3BAAGE%3BAAAA%3BAAAA%3BAAKF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAcE%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAMF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOF%3BAAAA%3BAAAA%3BAAGE%3BAAAA%3BAAAA%3BAAKF%3BAAAA%3BAAAA%3BAAGE%3BAAAA%3BAAAA%3BAAAA%3BAAIE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAaE%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAOJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAaA%3BAAAA%3BAAAA%3BAC1EA%3BADgFA%3BAAAA%3BAAAA%3BAAAA%3BAChFA%3BADsFA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAGE%3BAAAA%3BAAAA%3BAAAA%3BACvGF%3BAD8GA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAKF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAME%3BAAAA%3BAAAA%22%7D */