/* Flexbox layout for container */
.container-bankdetails {
    display: flex!important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    min-height: 0px !important;

    margin-bottom: 0 !important; /* Force bottom margin to 0 */
    padding: 0 !important; /* Force padding to 0 */
}

.paypal-link {
    color: #8B0000; /* Dark Red */
    text-decoration: none; /* Optional: remove underline */
}


/* Text styling */
.bold-text {
    font-weight: bold;
    color: #000; /* Dark black for emphasis */
}


.semi-bold-text {
    font-weight: 600; /* Semi-bold */
    color: #8B0000; /* Dark Red */
}




/* Card header styling with new background colors */
.bank-title {
    background-color: #0056b3; /* Elegant darker blue */
}

.upi-title {
    background-color: #0F4C5C;
}

.intl-title {
    background-color: #c79500; /* Elegant gold for a luxurious look */
}

/* UPI QR Title Styling */
.qr-title {
    background-color: #5a4e8d; /* Muted dark purple for a subtle, elegant touch */
}




/* Large text for the body */
.large-text {
    font-size: 1.5rem; /* Equivalent to 24px */
}

.large-heading {
    font-size: 2rem; /* Equivalent to 32px */
    font-weight: bold;
}

/* Note section */
.note-text {
    font-size: 1.5rem; /* Equivalent to 24px */
    margin-bottom: 0 !important; /* Force bottom margin to 0 */
}

/* Additional styling for the card to make it pop */
.card {
    border-radius: 8px;
    overflow: hidden;
}

.card-marginer {
    margin-top: 50px !important;
}

.card-header {
    font-size: 1.75rem;
    font-weight: bold;
}

.shadow-sm {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}





/* UPI QR Image Styling */
.upi-qr-image {
    max-width: 50%; /* Responsive to the container width */
    height: auto; /* Maintain aspect ratio */
    display: block;
    margin: 0 auto; /* Center the image */
    border: 2px solid #ccc; /* Optional border for better visibility */
    border-radius: 8px; /* Optional rounded corners */
}


.alert-marginer {
    margin-top: 50px !important;
    margin-bottom: 60px !important;
    text-align: center; /* Center text horizontally */
}

.alert-info br {
    display: none; /* Display break for copyright on mobile */
}

/* Mobile View */
@media (max-width: 767px) {

    .card-marginer {
        margin-top: 30px !important;
    }

    .alert-marginer {
        margin-top: 30px !important;
        margin-bottom: 40px !important;
    }


    /* UPI QR Image Styling */
    .upi-qr-image {
        max-width: 100%; /* Responsive to the container width */
        height: auto; /* Maintain aspect ratio */
        display: block;
        margin: 0 auto; /* Center the image */
        border: 2px solid #ccc; /* Optional border for better visibility */
        border-radius: 8px; /* Optional rounded corners */
    }



    .alert-info br {
        display: block; /* Display break for copyright on mobile */
    }


}