/* ============= Created For Distribution Form (by Moin) ================*/
.spn-amt {
    background: #ff5454;
    padding: 25px 15px;
    border-radius: 50%;
    color: #fff;
}

.centered-div {
    display: flex;
    justify-content: center;
    align-items: center;
}

.left-div {
    display: flex;
    justify-content: start;
    align-items: center;
}


.printform {
    /*padding-bottom: 17px;*/
    border: 2px groove;
}

.circle-container {
    display: inline-block;
    position: relative;
}

.centered-div h2, h5 {
    background-image: linear-gradient(to right, #3b89fd, #6576f3, #8560e4, #9f44cf, #b313b5);
    -webkit-background-clip: text;
    color: transparent;
    border: none !important;
    text-decoration: none !important;
}

.cust-heading {
    background-image: linear-gradient(to right, #3b89fd, #6576f3, #8560e4, #9f44cf, #b313b5);
    -webkit-background-clip: text;
    color: transparent;
    font-weight: bold;
}

.hide {
    opacity: 0;
}

#level-details label {
    background-image: linear-gradient(to right, #3b89fd, #6576f3, #8560e4, #9f44cf, #b313b5);
    -webkit-background-clip: text;
    color: transparent;
    font-weight: bold;
}

svg {
    overflow: hidden !important;
    vertical-align: middle !important;
    margin-left: 4px !important;
    margin-top: -2px !important;
}


@media print {
    * {
        margin: 0;
        padding: 0;
    }

    .printform {
        border: 2px groove;
    }


    .centered-div h2 {
        /*page-break-before: always;*/
        margin-bottom: 10px; /* Adjust as needed */
    }
}