/* Styling for the Wide Rectangle */
.wide-rectangle {
    background-color: #921937;  /* Maroon color */
    color: white;               /* White text */
    padding: 20px;
    text-align: left;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
}
.containerbox {
   max-width: 100%;
   margin-top: 1%;
   margin-bottom: 3%;
}
/* Styling for the Options Container */
.options {
    margin-bottom: 30px;
}
 
/* Styling for Each Option */
.option {
    background-color: #b3a9a9; /* Gray color */
    color: white;
    padding: 20px;             /* Increased padding for wider boxes */
    border-radius: 5px;
    font-size: 18px;
    text-align: left;
    margin-bottom: 10px;       /* Spacing between options */
    width: 100%;               /* Make each option full-width */
    box-sizing: border-box;    /* Ensure padding is included in width */
    cursor: pointer;
    transition: background-color 0.3s ease;
	font-weight: bold;
}

/* Option hover effect */
.option:hover {
    background-color: #666666;  /* Darker gray on hover */
}

/* Adjusting Footer */
.tm-footer {
    background-color: #222c54;  /* Dark blue footer */
    color: #f0f0f0;
    padding: 20px 0;
    text-align: center;
    font-size: 14px;
}