/*breakpoints*/
.cursor__pointer {
  cursor: pointer;
}
.slide__gradient {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--black);
  background: linear-gradient(0deg, rgba(var(--black-rgb), 0.5) 0%, rgba(var(--black-rgb), 0) 100%);
}
hr {
  color: var(--gray-dark);
}
.img__zoom {
  overflow: hidden;
}
.img__zoom img {
  transition: var(--transition);
}
.img__zoom:hover img {
  transform: scale(1.05);
}
.bg-beige {
  background-color: var(--gray);
}
.bg-primary {
  background-color: var(--clr-primary) !important;
}
.bg-secondary {
  background-color: var(--clr-secondary) !important;
}
.toggle__icon {
  transition: var(--transition-slow);
}
.toggle__icon.fa-chevron-down {
  transform: rotate(-180deg);
}
.toggle__icon.fa-plus {
  font-size: 30px;
  transition: var(--transition);
  transform: rotate(-45deg);
}
.collapsed .toggle__icon {
  transform: rotate(0);
  transition: var(--transition-slow);
}
.collapsed .toggle__icon.fa-plus {
  transition: var(--transition);
}
.video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.video-wrapper iframe, .video-wrapper object, .video-wrapper embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.element {
  overflow: hidden;
  position: relative;
}
.element:not(.heroelement):not(.dividingline) {
  margin-block: var(--spaceBetweenElements);
}
.element .element__title--holder {
  margin-bottom: 3rem;
}
@media screen and (max-width: 767.98px) {
  .element .element__title--holder {
    margin-bottom: 2rem;
  }
}
.element .element__title--holder .element__title *, .element .element__title--holder .element__title {
  margin-bottom: 0;
  font-weight: 500;
}
.element .element__title--holder .element__title {
  position: relative;
}
.element .element__title--holder .element__title:after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 0;
  opacity: 0.6;
  width: 100px;
  height: 2px;
  background-color: var(--clr-primary);
  z-index: -1;
}
.element .element__title--holder .element__subtitle *, .element .element__title--holder .element__subtitle {
  font-size: 1.375rem;
}
@media screen and (max-width: 767.98px) {
  .element .element__title--holder .element__subtitle *, .element .element__title--holder .element__subtitle {
    font-size: 1.25rem;
  }
}
.element .text-center .element__title:after {
  left: 50%;
  transform: translateX(-50%);
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22%2Fthemes%2Fschlumberger%2Fscss%2Fgeneric%2F_generic.scss%22%2C%22%2Fthemes%2Fschlumberger%2Fscss%2Fgeneric%2F..%2Fsettings%2Fbreakpoints.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BAAEA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAGE%3BAAAA%3BAAAA%3BAAKE%3BAAAA%3BAAAA%3BAAMJ%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAEE%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOF%3BAAAA%3BAAAA%3BAAAA%3BAAIE%3BAAAA%3BAAAA%3BAAKF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUA%3BAAAA%3BAAAA%3BAAAA%3BAAIE%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAClFE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADwFA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAGE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAaF%3BAAAA%3BAAAA%3BAC9GA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADyHE%3BAAAA%3BAAAA%3BAAAA%22%7D */