body {
    background-color: #f5f6f7;
    min-height: 100vh;
    padding: 20px;
  }
  
  .btn_prime {
    background-color: #4da789;
    color: #fff;
    border-radius: 50px;
  }
  
  .btn_sec {
    background-color: #fff;
    border-radius: 50px;
  }
  
  h1 {
    margin-bottom: 20px;
    font-size: 20px;
    text-transform: uppercase;
  }
  
  h2 {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 500 !important;
  }
  
  h6 {
    text-transform: uppercase;
  }
  
  .card {
    margin-bottom: 5px;
    border-radius: 8px;
    width: 100%;
  }
  
  .card .input-card {
    padding: 10px;
    position: relative;
  }
  
  .card .input-card textarea {
    width: 100%;
    border: none;
    min-height: 120px;
    height: auto;
    max-height: 500px;
  }
  
  .card .input-card a {
    position: absolute;
    top: 0;
    right: 10px;
  }
  
  .card_adv {
    border: none;
    background-color: #ececec;
  }
  
  .card-header_bg {
    background-color: #717171;
    color: #fff;
    text-transform: uppercase;
  }
  
  .card-header_bg h6 {
    font-size: 14px;
  }
  
  .main_card {
    background-color: #fff;
  }
  
  .btn_out {
    background-color: #fff;
    color: #1d68ac;
    border-color: #1d68ac;
    border-radius: 4px;
    text-transform: uppercase;
  }
  
  .btn_out:hover {
    background-color: #1d68ac;
  }
  
  .btn_fill {
    background-color: #1d68ac;
    color: #fff;
    border-radius: 4px;
    text-transform: uppercase;
  }
  
  .btn_fill:hover {
    color: #fff;
  }
  
  .saved_items {
    list-style: none;
    padding: 0;
  }
  
  .saved_items li {
    padding: 10px 15px 5px;
    background-color: #ececec;
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }
  
  .saved_items li span {
    font-weight: bold;
    font-size: 12px;
  }
  
  .saved_items li p {
    font-size: 12px;
    max-height: 58px;
    overflow: hidden;
  }
  
  .saved_items li:hover {
    background-color: #313131;
  }
  
  .saved_items li:hover span {
    color: whitesmoke;
  }
  
  .saved_items li:hover p {
    color: whitesmoke;
  }
  
  textarea {
    border: none;
    overflow: auto;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    /*remove the resize handle on the bottom right*/
  }
  
  .input-card-key {
    padding: 2.5px;
  }
  
  .input-card-key table td {
    padding: 1px 0.5%;
    text-align: center;
    width: 15.6%;
  }
  
  .input-card-key table td .insert-text {
    background-color: #075F4E;
    -webkit-transition: 0.1s;
    transition: 0.1s;
    cursor: pointer;
  }
  
  .input-card-key table td .insert-text:hover {
    background-color: #0bf7a8;
    color: #f5f6f7;
  }
  
  .sinhala-type {
    background-color: #ececec;
    padding: 10px;
    margin-bottom: 5px;
  }
  /*# sourceMappingURL=main-style.css.map */

  .preload-wrapper {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.8); /* Add a semi-transparent white background */
  }
  
  .preload-img {
    animation: scaleInOut 2.5s infinite cubic-bezier(.17, .67, .83, .67);
    max-width: 125px;
  }
  
  .preload-img > img {
    width: 100%;
  }
  
  @keyframes scaleInOut {
    0% {
      transform: scale(1);
      opacity: 0.7;
    }
    50% {
      transform: scale(1.075);
      opacity: 1;
    }
    100% {
      transform: scale(1);
      opacity: 0.7;
    }
  }