.success {
  font-size: 12px !important;
  
}
.modal-icon-titles {
  font-family: var(--primary-font-medium);
}
#comingsoonbg {
  border: 1px solid var(--Orange, #e37d33);
  background: linear-gradient(180deg, #fff 0%, #e37d33 71.87%);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
#failedbg {
  border: 1px solid #f00;
  background: linear-gradient(180deg, #fff 0%, #f00 100%);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
#successbg {
  border: 1px solid #499b5a;
  background: linear-gradient(180deg, #fff 0%, #499b5a 100%);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
#modal-icons {
  margin-top: 6px;
  margin-left: 8px;
  height: 38px;
  width: 38px;
}
.bg-blue {
  min-height: 100vh;
  padding-top: 50px;
}
#qr-text {
  color: var(--Black, #222);
  text-align: center;
  
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
#qr-border {
  border-bottom: 2px dashed #fff;
}
.referral-text {
  color: var(--Black, #222);
  text-align: center;
  
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.referral-id {
  color: #0d2954 !important;
  font-family: var(--primary-font-medium);
}
.copy-icon {
  width: 24px;
  height: 24px;
}
.link-referral {
  color: var(--Blue-1, #0d2954) !important;
  text-align: center !important;
  
  font-size: 13px !important;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 7px;
}
.btns.blue {
  border-radius: 6px;
  background: var(--Blue-1, #0d2954);
  color: #fff;
  text-align: center;
  
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.btns.orange {
  color: #000;
  font-family: "khandregular";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border-radius: 5px;
  border: 1px solid var(--Gold, #cfa75f);
  background: linear-gradient(180deg, #fff 0%, #fff2ca 50.52%);
  height: 36px;
  margin-left: -41px;
}
.white-wrapper {
  margin-top: 3.9rem;
}
.qrimg {
  width: 200px;
  height: 200px;
}


.nav_list li a {
  color: var(--Blue-1, #0d2954);
  font-family: var(--primary-font-medium);
  font-size: 24px !important;
  font-style: normal;
  font-weight: 500;
  line-height: 32px; /* 133.333% */
}
#logo-text {
  color: black;
  margin-top: 4px;
}
.nav_list li {
  margin: 0 0 25px 0 !important;
}
.diagram-link {
  border-radius: 5px;
  background: var(--Blue-1, #0d2954);
  font-size: 16px;
  height: 36px;
  
}
#amounts {
  color: var(--Blue-1, #0d2954);
  font-family: "Khandmedium";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 35px; /* 218.75% */
}
.link {
  margin: 12px 0px 0px 13px;
  font-size: 16px;
  
}
.content {
  margin-left: 54px;
  color: var(--Blue-1, #0d2954);
  font-family: "Khandmedium";
  font-size: 16px;
}
table {
  width: 100%;
  border-collapse: collapse;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
}
.accordion-content {
  background: #dfdfdf;
  height: 55px;
  padding-top: 20px;
  margin: -9px -9px 0px -9px;
}

th {
  color: #22222278;
  
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 10px;
  padding-top: 22px;

  text-align: left;
}
.dates {
  padding-left: 25px;
}
td {
  font-size: 16px;
  
  padding: 10px;

  text-align: left;
}

.accordion-content {
  display: none;
}

.highlighted-content {
  background: #dfdfdf;
}

.accordion-button {
  cursor: pointer;
  padding: 5px 10px;
  background: transparent;
  border: none;
  border-radius: 5px;
}
button:focus {
  outline: none !important;
}
.highlighted-row {
  background: #5a8daf;
}

.open-icon::after {
  content: "\25BC";
}

.close-icon::after {
  content: "\25B2";
}

@media (max-width: 768px) {
  table {
    font-size: 16px;
  }
  .accordion-content {
    background: #dfdfdf;
    height: 55px;
    padding-top: 20px;
    margin: -9px -9px 0px -9px;
  }
  .content {
    margin-left: 22px;
    color: var(--Blue-1, #0d2954);
    font-family: var(--primary-font-medium);
    font-size: 16px;
  }
}
