body {
    background-color: #f8f9fa;
  }

  .converter-card {
    border-radius: 1rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
  }

  .currency-box {
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 0.75rem;
    /* padding: 0.75rem 1rem; */
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }

  .currency-box input {
    border: none;
    outline: none;
    text-align: left;
    flex-grow: 1;
    font-weight: 500;
  }

  .currency-box input:focus {
    box-shadow: none;
  }

  .currency-box-container {
    width: 1000px;
  }

  .comparison-box {
    width: 100%;
    background: #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    padding: 20px;
  }

  .comparison-box table {
    width: 100%;
    border-collapse: collapse;
  }

  .comparison-box th,
  .comparison-box td {
    padding: 12px;
    font-size: 16px;
  }

  .table-header-white{
    color: #fff !important;
  }

  /* Left column text */
  /* .comparison-box.left table td,
  .comparison-box.left table th {
    text-align: left;
  } */

  /* Right column text */
  /*  .comparison-box.right table td,
  .comparison-box.right table th {
    text-align: right;
  } */


  .text-align-left {
    text-align: left;
  }

  .text-align-right {
    text-align: right;
  }

  /* allow dropdown to escape the rounded/shadow card */
  .currency-box-container>.bg-light.shadow-lg.rounded-3.overflow-hidden {
    overflow: visible !important;
  }

  /* dropdown visual polish */
  .dropdown-menu {
    z-index: 99999 !important;
  }

  /* caret rotate when open (works with Bootstrap aria-expanded) */
  .btn .ci-chevron-down {
    transition: transform .18s ease;
  }

  .btn[aria-expanded="true"] .ci-chevron-down {
    transform: rotate(180deg);
  }