.boxer-container{
    display: flex;
    justify-content: center;
    gap: 5rem;
    flex-direction: column;
    align-items: center;
    height: 65rem;
}

.boxer-container-box {
    background-color: #fff;
    border-radius: 8px;
    padding: 40px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    width: 750px;
    text-align: center;
    display: flex; 
    flex-direction: column; 
    align-items: center; 
    justify-content: center; 
}

.li,ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
}


.boxer-month {
    font-weight: bold;
    float: left;
    clear: right;
}

.boxer-pay {
    float: right;
    clear: right;
    font-weight: normal;
}

.boxer-select{
    padding: 8px;
    font-size: 16px; 
    border: 1px solid #ccc;
    border-radius: 5px; 
    width: 13rem;
    background-color: #fff;
    color: #333; 
}

.boxer-input{
    padding: 8px !important;
    font-size: 16px!important;
    border: 1px solid #ccc!important;
    border-radius: 5px!important;
    width: 12rem!important;
    background-color: #fff!important;
    color: #333!important;
}

/* Style for the options within the select */
.boxer-select option {
    background-color: #fff; /* Background color of options */
    color: #333; /* Text color of options */
    padding: 8px; /* Adjust padding as needed */
}

.boxer-button {
    padding: 10px 20px;
    margin-top: 1rem;
    font-size: 16px; 
    border: none; 
    border-radius: 5px; 
    background-color: #007BFF; 
    color: #fff;
    cursor: pointer; 
    transition: background-color 0.3s; 
}


.boxer-button:hover {
    background-color: #0056b3; 
}