@import "src/assets/scss/variables";

:root {
  --banner-background-image: url('../../../../../src/assets/images/activate_dua_banner.svg');
}
:root[data-theme="dark"] {
  --banner-background-image: url('../../../../../src/assets/images/activate_dua_banner_dm.svg');
}
#createdua{
  .banner {
    .inner{
      position: relative;
      right: 0;
      background-image: var(--banner-background-image);
      min-height: 590px;
      width: 100%;
      height: 100%;
      max-width: 590px;
      max-height: 590px;
      background-repeat: no-repeat;
      background-size: auto;
      background-position: center bottom;
    }
    @media (max-width: 991px) {
      display: none;
    }
    max-width: 590px;
    width: 100%;
    position: fixed;
    z-index: -20;
    bottom: 0px;
    img {
      width: 100%;
    }
  }
}