.rounded-pill {
           border-radius: 50rem !important;
        }

        .py-2 {
           padding-top: 10px !important;
           padding-bottom: 10px !important;
        }

        .px-4 {
           padding-right: 2.5rem !important;
           padding-left: 2.5rem !important;
        }

        .btn-primary {
           background-color: #428bca !important;
           font-family: 'Roboto', sans-serif !important;
           font-size: 1.3rem !important;
           margin: 5px 0 !important;
        }

        .btn-primary:hover {
           background-color: #00007c !important;
           /* Darker shade on hover */
           border-color: #00007c !important;
           /* Match the hover background color */
           color: white;
           /* Slightly lighter text for contrast */
        }

        .my-2 {
           margin-top: 0.5rem !important;
           margin-bottom: 0.5rem !important;
           font-family: "Open Sans", sans-serif !important;
           font-weight: 400 !important;
           line-height: 1.5 !important;
        }