table tr td .activity-icon ul {
    display: flex;
    /* justify-content: center; */
    align-items: center;
    gap: 10px;
}

table tr td .activity-icon ul a {
    white-space: nowrap;
}

table tr td .activity-icon ul li a img.img-fluid {
    width: 20px;
}

.text-orange {
    color: #F5A91C;
}

.activity-menu {
    /* justify-content: center; */
    gap: 10px;
}
.activity-menu li {
    list-style-type: none;
}
.activity-menu .viewuser a {
    /* color: #ffffff; */
    font-size: 18px;
    cursor: pointer;

}
.custom-radio {
    transform: scale(1.5);
}

.resend-btn {
    background: none;
    border: none;
    padding: 0;
    font-size: 14px;  /* Adjust size */
    color: blue;  /* Make it look like a link */
    cursor: pointer;
    text-decoration: underline;
}

.resend-btn:hover {
    color: darkblue;
    text-decoration: none;
}

.custom-icon {
    font-size: 40px; /* Adjust size as needed */
}
.summary-title {
    font-weight: bold;
    font-size: 1.25rem; /* Bigger size */
}
.fw-bold {
    font-weight: bold !important;
}
.vertical-divider {
    border-right: 2px solid #dee2e6; /* Adjust color and thickness */
    height: 100%; /* Ensure the divider spans the full height */
}

/* For mobile devices */
@media (max-width: 768px) {
    .vertical-divider {
        border-right: none; /* Remove vertical border on small screens */
        border-bottom: 2px solid #dee2e6; /* Add a horizontal divider instead */
        height: auto; /* Allow the height to adjust based on content */
    }
}


.gradient-border {
    border: 2px solid transparent;
    background: linear-gradient(white, white) padding-box,
                linear-gradient(to right, #6a11cb, #2575fc) border-box;
    border-radius: 0.2rem;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.gradient-border:hover {
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    transform: translateY(-5px);
}


.payment-text {
    font-size: 14px; /* Default size */
}

@media (max-width: 576px) { /* Adjusts text size for small screens */
    .payment-text {
        font-size: 11px;
    }
}