/* Base Button */
       .c-button {
           display: inline-block;
           padding: 1rem;
           text-decoration: none;
           font-weight: 600;
           cursor: pointer;
           font-size: 1rem;
           font-family: Gotham, OpenSans, Helvetica, "sans-serif", system;
           border: none;
           color: #fff;
           transition: background-color 0.3s ease, border-radius 0.3s ease;
           margin: 1rem 0;
           border-radius: 0.5rem;
       }

       /* Default background if no style chosen */
       .c-button {
           background-color:#003858;
       }

       .c-button:hover {
           background-color: #fff;
           color: #003858;
            text-decoration:none;
       }

        /* Private bank button variation */
        .private-bank-button-variation .c-button {
                font-family: "Open Sans", sans-serif;
                 font-size: 1rem;
                 background-color: #1c2758;
                 color: #fff;
                 padding: 16px 32px;
                 border-radius: 8px;
                border: 2px solid #1c2758;
                text-transform: none;
                 line-height: 24px;
                 font-weight: 600;
        }

        .private-bank-button-variation .c-button:hover {
            background-color: #54565a;
                color: #fff;
                border: 2px solid #54565a;
        }

             .modal {
                 display: none;
                 /* Hidden initially */
                 position: fixed;
                 top: 0;
                 left: 0;
                 width: 100%;
                 height: 100%;
                 justify-content: center;
                 align-items: center;
                 background: rgba(0, 0, 0, 0.6);
                 z-index: 9999;

             }

             /* Show modal when active */
             .modal.active {
                 display: flex;
             }

             /* Modal content */
             .modal__content {
                 background: white;
                 /* padding: 20px; */
                 border-radius: 8px;
                 position: relative;
                 max-width: 500px;
                 width: 90%;
             }

             .modal__title {
                 margin: 0;
                 background: #F1F1F1;
                 color: #333;
                 font-size: 1.0625rem;
                 padding: 1rem;
                 text-align: left;
                 font-family: "Open Sans", sans-serif;
             }

             /* Close button */
             .modal__close {
                 position: absolute;
                 top: 0;
                 right: 15px;
                 background: none;
                 border: none;
                 font-size: 24px;
                 cursor: pointer;
             }

             .modal__iframe-wrapper {
                 width: 100%;
                 height: 500px;
             }

             .modal__iframe-wrapper iframe {
                 width: 100%;
                 height: 100%;
                 border: none;
             }