body {
    background-color: #FFEC73;
}

.dropdown-item {
    cursor: pointer;
}

.dropdown-menu {
    max-height: 200px;
    overflow-y: auto;
    width: 100%;
}

.input-group .form-control {
    padding-right: 2.25rem;
    background-color: #fff; /* Match the background color */
    border-radius: 50px 0 0 50px; /* Rounded left side */
}

.input-group .form-control + .input-group-append .input-group-text {
    background-color: #fff; /* Match the background color */
    border-left: none;
    cursor: pointer;
    border-radius: 0 50px 50px 0; /* Rounded right side */
}

.input-group .form-control + .input-group-append .input-group-text i {
    font-size: 1.25rem;
}

.input-group .form-control#sendAmount,
.input-group .form-control#getUpToAmount {
    width: 75%;
}

.input-group .form-control#dropdownSearchFrom,
.input-group .form-control#dropdownSearchTo {
    width: 25%;
}

.input-group {
    flex-wrap: nowrap;
}

.input-group .form-control[readonly] {
    background-color: #fff; /* Match the background color */
}

.form-control.is-invalid {
    border-color: #dc3545;
}

.logo {
    max-width: 75%;
    height: auto;
}

.btn-primary {
    border-radius: 50px; /* Rounded edges */
    background-color: #000;
    border-color: #000;
}

.btn-primary:disabled {
    background-color: #a9a9a9;
    border-color: #a9a9a9;
    color: #fff;
}

.form-control-rounded {
    border-radius: 50px; /* Fully rounded */
}