.transaction-container {
  width: 100%;
  display: flex;
  overflow: auto;
  min-height: 100vh;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
}
.transaction-container01 {
  flex: 0 0 auto;
  width: 100%;
  height: 70px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.transaction-container02 {
  flex: 0 0 auto;
  width: 20%;
  height: 70px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}
.transaction-icon {
  fill: #00ADFF;
  width: 30px;
  height: 30px;
  margin-left: 15px;
}
.transaction-container03 {
  flex: 0 0 auto;
  width: 60%;
  height: 70px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.transaction-image {
  width: 80px;
  height: 80px;
  object-fit: cover;
}
.transaction-container04 {
  flex: 0 0 auto;
  width: 20%;
  height: 70px;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  justify-content: center;
}
.transaction-icon2 {
  fill: #00ADFF;
  width: 30px;
  height: 30px;
  margin-right: 15px;
}
.transaction-container05 {
  flex: 0 0 auto;
  width: 100%;
  height: 1000px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
  background-color: #f9f9f9;
}
.transaction-container06 {
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  margin-top:10px;
  margin-bottom:5px;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-end;
}
.transaction-text {
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  padding-left: 15px;
}
.transaction-text01 {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  margin-left: 15px;
  margin-bottom: 10px;
}
.transaction-container07 {
  flex: 0 0 auto;
  right: 0px;
  width: 100%;
  bottom: 0px;

  display: flex;
  position: absolute;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
  background-image: linear-gradient(to bottom, #00ADFF 0%, #0083C1 100%);
}
.transaction-container08 {
  flex: 0 0 auto;
  width: 20%;
  height: 80px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.transaction-image01 {
  width: 30px;
  height: 30px;
  object-fit: cover;
  margin-bottom: 5px;
}
.transaction-text02 {
  color: var(--dl-color-gray-white);
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
}
.transaction-container09 {
  flex: 0 0 auto;
  width: 20%;
  margin-top: 5px;
  margin-bottom:10px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.transaction-image02 {
  width: 30px;
  height: 30px;
  object-fit: cover;
  margin-bottom: 5px;
}
.transaction-text03 {
  color: var(--dl-color-gray-white);
  font-size: 11px;
  font-style: normal;
  text-align: center;
  font-weight: 700;
}
.transaction-container10 {
  flex: 0 0 auto;
  width: 20%;

  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.transaction-image03 {
  width: 30px;
  height: 30px;
  object-fit: cover;
  margin-bottom: 5px;
}
.transaction-text04 {
  color: var(--dl-color-gray-white);
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
}
.transaction-container11 {
  flex: 0 0 auto;
  width: 20%;
  height: 80px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.transaction-image04 {
  width: 30px;
  height: 30px;
  object-fit: cover;
  margin-bottom: 5px;
}
.transaction-text05 {
  color: var(--dl-color-gray-white);
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
}
.transaction-container12 {
  flex: 0 0 auto;
  width: 20%;
  height: 80px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.transaction-image05 {
  width: 30px;
  height: 30px;
  object-fit: cover;
  margin-bottom: 5px;
}
.transaction-text06 {
  color: var(--dl-color-gray-white);
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
}
.transaction-container13 {
  flex: 0 0 auto;
  right: 0px;
  width: 100%;
  bottom: 0px;
  height: 80px;
  display: flex;
  position: absolute;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
  background-image: linear-gradient(to bottom, #00ADFF 0%, #0083C1 100%);
}
.transaction-container14 {
  flex: 0 0 auto;
  width: 20%;
  height: 80px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.transaction-image06 {
  width: 30px;
  height: 30px;
  object-fit: cover;
  margin-bottom: 5px;
}
.transaction-text07 {
  color: var(--dl-color-gray-white);
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
}
.transaction-container15 {
  flex: 0 0 auto;
  width: 20%;
  height: 80px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.transaction-image07 {
  width: 30px;
  height: 30px;
  object-fit: cover;
  margin-bottom: 5px;
}
.transaction-text08 {
  color: var(--dl-color-gray-white);
  font-size: 11px;
  font-style: normal;
  text-align: center;
  font-weight: 700;
}
.transaction-container16 {
  flex: 0 0 auto;
  width: 20%;
  height: 80px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.transaction-image08 {
  width: 30px;
  height: 30px;
  object-fit: cover;
  margin-bottom: 5px;
}
.transaction-text09 {
  color: var(--dl-color-gray-white);
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
}
.transaction-container17 {
  flex: 0 0 auto;
  width: 20%;
  height: 80px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.transaction-image09 {
  width: 30px;
  height: 30px;
  object-fit: cover;
  margin-bottom: 5px;
}
.transaction-text10 {
  color: var(--dl-color-gray-white);
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
}
.transaction-container18 {
  flex: 0 0 auto;
  width: 20%;
  height: 80px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.transaction-image10 {
  width: 30px;
  height: 30px;
  object-fit: cover;
  margin-bottom: 5px;
}
.transaction-text11 {
  color: var(--dl-color-gray-white);
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
}
.transaction-container19 {
  flex: 0 0 auto;
  width: 100%;
  height: 130px;
  display: flex;
  align-items: center;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  justify-content: center;
}
.transaction-container20 {
  flex: 0 0 auto;
  width: 100%;
  height: 110px;
  display: flex;
  box-shadow: 5px 5px 10px 0px #d4d4d4;
  align-items: center;
  border-radius: 15px;
  flex-direction: column;
  justify-content: flex-start;
  background-color: var(--dl-color-gray-white);
}
.transaction-container21 {
  flex: 0 0 auto;
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.transaction-container22 {
  flex: 0 0 auto;
  width: 50%;
  height: 40px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}
.transaction-text12 {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  padding-left: 15px;
}
.transaction-container23 {
  flex: 0 0 auto;
  width: 50%;
  height: 40px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}
.transaction-text13 {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  padding-left: 15px;
}
.transaction-container24 {
  flex: 0 0 auto;
  width: 100%;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.transaction-container25 {
  flex: 0 0 auto;
  width: 50%;
  height: 55px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.transaction-container26 {
  flex: 0 0 auto;
  width: 90%;
  height: 45px;
  display: flex;
  align-items: center;
  border-radius: 10px;
  justify-content: center;
  background-color: #edf2f3;
}
.transaction-text14 {
  font-size: 14px;
  padding-right: 5px;
}
.transaction-icon4 {
  width: 20px;
  height: 20px;
}
.transaction-container27 {
  flex: 0 0 auto;
  width: 50%;
  height: 55px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.transaction-container28 {
  flex: 0 0 auto;
  width: 90%;
  height: 45px;
  display: flex;
  align-items: center;
  border-radius: 10px;
  justify-content: center;
  background-color: #edf2f3;
}
.transaction-text15 {
  font-size: 14px;
  padding-right: 5px;
}
.transaction-icon6 {
  width: 20px;
  height: 20px;
}
.transaction-container29 {
  flex: 0 0 auto;
  width: 100%;
  margin-bottom:10px;
  display: flex;
  align-items: center;
  padding-left: 15px;
  padding-right: 15px;
  justify-content: center;
}
.transaction-container30 {
  flex: 0 0 auto;
  width: 100%;
  height: 100px;
  display: flex;
  box-shadow: 5px 5px 10px 0px #d4d4d4;
  align-items: flex-start;
  border-radius: 15px;
  justify-content: center;
  background-color: var(--dl-color-gray-white);
}
.transaction-container31 {
  flex: 0 0 auto;
  width: 100%;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.transaction-container32 {
  flex: 0 0 auto;
  width: 20%;
  height: 100px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.transaction-container33 {
  flex: 0 0 auto;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  border-color: var(--dl-color-gray-900);
  border-style: double;
  border-width: 1px;
  border-radius: 100px;
  justify-content: center;
}
.transaction-image11 {
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: 100px;
}
.transaction-container34 {
  flex: 0 0 auto;
  width: 40%;
  height: 100px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}
.transaction-text16 {
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  /* margin-bottom: 3px; */
}
.transaction-text17 {
  fill: #00ADFF;
  color: #1D92EF;
  font-size: 14px;
  align-self: flex-start;
  font-style: normal;
  font-weight: 700;
  /* margin-bottom: 5px; */
}
.transaction-text18 {
  color: var(--dl-color-gray-700);
  font-size: 12px;
  /* margin-bottom: 3px; */
}
.transaction-text19 {
  color: var(--dl-color-gray-700);
  font-size: 12px;
}
.transaction-container35 {
  flex: 0 0 auto;
  width: 40%;
  height: 100px;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  justify-content: center;
}
.transaction-text20 {
  padding-right: 15px;
}
.transaction-text21 {
  font-size: 14px;
}
.transaction-text23 {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
}
.transaction-container36 {
  flex: 0 0 auto;
  width: 100%;
  height: 120px;
  display: flex;
  align-items: center;
  padding-left: 15px;
  padding-right: 15px;
  justify-content: center;
}
.transaction-container37 {
  flex: 0 0 auto;
  width: 100%;
  height: 100px;
  display: flex;
  box-shadow: 5px 5px 10px 0px #d4d4d4;
  align-items: flex-start;
  border-radius: 15px;
  justify-content: center;
  background-color: var(--dl-color-gray-white);
}
.transaction-container38 {
  flex: 0 0 auto;
  width: 100%;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.transaction-container39 {
  flex: 0 0 auto;
  width: 20%;
  height: 100px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.transaction-container40 {
  flex: 0 0 auto;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  border-color: var(--dl-color-gray-900);
  border-style: double;
  border-width: 1px;
  border-radius: 100px;
  justify-content: center;
}
.transaction-image12 {
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: 100px;
}
.transaction-container41 {
  flex: 0 0 auto;
  width: 40%;
  height: 100px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}
.transaction-text24 {
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  margin-bottom: 3px;
}
.transaction-text25 {
  fill: #00ADFF;
  color: #1D92EF;
  font-size: 14px;
  align-self: flex-start;
  font-style: normal;
  font-weight: 700;
  margin-bottom: 5px;
}
.transaction-text26 {
  color: var(--dl-color-gray-700);
  font-size: 12px;
  margin-bottom: 3px;
}
.transaction-text27 {
  color: var(--dl-color-gray-700);
  font-size: 12px;
}
.transaction-container42 {
  flex: 0 0 auto;
  width: 40%;
  height: 100px;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  justify-content: center;
}
.transaction-text28 {
  padding-right: 15px;
}
.transaction-text29 {
  font-size: 14px;
}
.transaction-text31 {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
}
.transaction-container43 {
  flex: 0 0 auto;
  width: 100%;
  height: 120px;
  display: flex;
  align-items: center;
  padding-left: 15px;
  padding-right: 15px;
  justify-content: center;
}
.transaction-container44 {
  flex: 0 0 auto;
  width: 100%;
  height: 100px;
  display: flex;
  box-shadow: 5px 5px 10px 0px #d4d4d4;
  align-items: flex-start;
  border-radius: 15px;
  justify-content: center;
  background-color: var(--dl-color-gray-white);
}
.transaction-container45 {
  flex: 0 0 auto;
  width: 100%;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.transaction-container46 {
  flex: 0 0 auto;
  width: 20%;
  height: 100px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.transaction-container47 {
  flex: 0 0 auto;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  border-color: var(--dl-color-gray-900);
  border-style: double;
  border-width: 1px;
  border-radius: 100px;
  justify-content: center;
}
.transaction-image13 {
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: 100px;
}
.transaction-container48 {
  flex: 0 0 auto;
  width: 40%;
  height: 100px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}
.transaction-text32 {
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  margin-bottom: 3px;
}
.transaction-text33 {
  fill: #00ADFF;
  color: rgb(29, 146, 239);
  font-size: 14px;
  align-self: flex-start;
  font-style: normal;
  font-weight: 700;
  margin-bottom: 5px;
}
.transaction-text34 {
  color: var(--dl-color-gray-700);
  font-size: 12px;
  margin-bottom: 3px;
}
.transaction-text35 {
  color: var(--dl-color-gray-700);
  font-size: 12px;
}
.transaction-container49 {
  flex: 0 0 auto;
  width: 40%;
  height: 100px;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  justify-content: center;
}
.transaction-text36 {
  padding-right: 15px;
}
.transaction-text37 {
  font-size: 14px;
}
.transaction-text39 {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
}