/* Scoped styles for DX Hero Fullscreen Image */



.dx-hero-fullscreen__container.hero-container {

  position: relative;

  overflow: hidden;

}

.dx-hero-fullscreen__bg {

  position: absolute;

  inset: 0 0 0 0;

  z-index: 0;

}

.dx-hero-fullscreen__overlay {

  position: absolute;

  inset: 0;

  pointer-events: none;

}



.dx-hero-fullscreen__overlay--black {

  z-index: 1;

  background: linear-gradient(90deg, rgb(0 0 0 / 1) 0%, rgb(0 0 0 / 0) 100%);

}



.dx-hero-fullscreen__overlay--white {

  z-index: 2;

  background: linear-gradient(180deg, rgb(255 255 255 / 1) 0%, rgb(255 255 255 / 0) 50%);

}



.dx-hero-fullscreen__bg-image {

  width: 100%;

  height: 100%;

  object-fit: cover;

  display: block;

}

.dx-hero-fullscreen__inner {

  position: relative;

  z-index: 3;

  margin: 0 auto;

  padding-inline: var(--gutter);

  padding-top: 20rem;

  padding-bottom: 6rem;

}



.dx-hero-fullscreen__inner > h1,

.dx-hero-fullscreen__sub {

  color: #fff;

}







.dx-hero-fullscreen__buttons {

  display: flex;

  gap: 2rem;

  flex-wrap: wrap;

  margin-top:3rem;

}





@media (max-width: 991.98px) {

  .dx-hero-fullscreen__inner {

    padding-inline: var(--gutter);

    padding-top: 8rem;

    padding-bottom: 4rem;

  }

}





@media (max-width: 767.98px) {

  .dx-hero-fullscreen {

  margin-left: 0;

  margin-right: 0;

  margin-top:0;

}



  .dx-hero-fullscreen__inner {

    padding-inline: var(--gutter);

    padding-top: 12rem;

    padding-bottom: var(--gutter);

  }

  .dx-hero-fullscreen__buttons {

  gap: 1rem;

}



}