/*iframe*/
.transactionalframe {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.transactionalframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.loading-screen {
  display: flex;
  justify-content: center;
  align-items: center;
}

.loading-screen svg {
  width: 100px;
}

.svg-elem-1 {
  animation: animate-svg-stroke 2s cubic-bezier(0.47, 0, 0.745, 0.715) infinite,
    animate-svg-fill 5s cubic-bezier(0.47, 0, 0.745, 0.715) infinite;
}

.svg-elem-2 {
  animation: animate-svg-stroke 2s cubic-bezier(0.47, 0, 0.745, 0.715) infinite,
    animate-svg-fill 5s cubic-bezier(0.47, 0, 0.745, 0.715) infinite;
}

@keyframes animate-svg-stroke {
  0% {
    stroke-dashoffset: 0px;
    stroke-dasharray: 50px;
    stroke-width: 0.5;
  }

  50% {
    stroke-dashoffset: 100px;
    stroke-dasharray: 50px;
    stroke-width: 0.1;
  }

  100% {
    stroke-dashoffset: 0px;
    stroke-dasharray: 50px;
    stroke-width: 0.5;
  }
}

@keyframes animate-svg-fill {
  0% {
    fill: transparent;
  }

  50% {
    fill: #0b9444;
  }

  100% {
    fill: transparent;
  }
}