body{
  font-size: 12px !important;
}
.black{
    background-color: black;
}

.bg-purple{
    background-color: #8378CF;
}
.txt-color{
    color:#8378CF;
}
body{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    overflow-x: hidden;

}

.circle {
    border-radius: 50%; /* Use 50% to create a perfect circle */
    width: 1px; /* Adjust the width to make the circle smaller */
    height: 20px; /* Adjust the height to make the circle smaller */
  }
  .amount {
    display: inline; /* Display "40K" inline */
    margin-right: 5px; /* Add some space between "40K" and "pkr" */
   
  }
  
  .currency {
    display: inline; /* Display "pkr" inline */
    font-size:15px;
  }

  .custom-btn,
  .custom-btn:hover {
    background-color: #8378CF;
    font-size: 15px;
    border-style: none;
    border-radius: 5px;
    color: white;
    padding: 5px;
    font-size: 12px;
    text-decoration: none;
  }
  
  .custom-btn:hover {
    background-color: #675da5;
    cursor: pointer;
  }
  @media screen{   /* Hide the image on the screen */
   .print-only {
    display: none !important;
  }
}