@import "../../../assets/scss/variables";
:root {
  --custom-ternary-color:#1d4687;
}
:root[data-theme="dark"] {
  --custom-ternary-color:#CCCCCC;
}
$custom_ternary_color:var(--custom-ternary-color);

#footer {
  //background-image: url("../../../assets/images/dpass-footer2.svg") !important;
  background-repeat: no-repeat !important;
  background-position: bottom right !important;

  @media only screen and (max-width: 750px){
    background-image: unset !important;
  }

  &.hasLogo {
    height: 175px;
  }

  background: transparent;
  z-index: 0;
  position: relative;
  font-size: 12px;
  color: #1d4687;
  font-weight: $extra-light;

  & .footer-inner {
    display: flex;
    align-items: flex-end;
    //position: absolute;
    left: 7.5px;
//    @media screen and (max-width: 575px){
//left: 7.5px;
//    }
    bottom: 0;

    .logo-wrapper {
      width: 68px;
      height: 77px;
      margin-right: 12px;
      margin-bottom: 13px;
    }

    .footer_copyrights {
      margin-bottom: 8px;
      z-index: 3;
      font-size: 12px;
      margin-right: 35px;
      color: $custom_ternary_color;
    }
  }
}