@import url('../fonts/poppins_style.css');

body {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
    overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
}

a {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
}

p {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
}
.form-control, .form-select {
    border: 1px solid #32205fba;
}
.accesbility_control {
    background: linear-gradient(to right, #2C1C5B 0%, #7B4E8F 100%) !important;
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    padding: 0px 10px;
}

.mail_text h4 {
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    position: relative;
    top: 6px;
}

.social-links {
    text-align: right;
}

    .social-links a {
        color: #000000;
        border: 1px solid #000000;
        padding: 2px 8px;
        position: relative;
    }

    .social-links button {
        color: #000000;
        border: 1px solid #ffffff;
        padding: 2px 8px;
        position: relative;
    }

a.whiteblack {
    background-color: #000000;
    color: #ffffff;
    border: 1px solid;
}

a.standards {
    background-color: #ffffff;
    border: #000000;
    color: #000000;
}

.header_text {
    text-align: center;
}

    .header_text h3 {
        font-size: 24px;
        font-weight: 600;
        color: #000000;
        font-family: 'Poppins', sans-serif;
    }

    .header_text h4 {
        color: #704264;
        font-size: 14px;
        font-weight: 600;
        font-family: 'Poppins', sans-serif;
    }
.input-fieldcustom {
    border: 1px solid #32205fba;
}
.label_custominput {
    font-size: 14px;
    color: #565353;
}

.modal-title {
    color: #160e2d;
    font-weight: 600;
}

/*buttons*/
.btn-verify {
    background-color: #28a745;
    border-color: #28a745;
    color: #fff;
    font-weight: 500;
}
    .btn-verify:hover {
        background-color: #218838; 
        border-color: #1e7e34;
        color: #fff;
    }
.btn-save {
    background-color: #6f42c1;
    border-color: #6f42c1;
    color: #fff;
}
    .btn-save:hover {
        background-color: #5a379e; 
        border-color: #5a379e;
        color: #fff;
    }

.btn-previous {
    background-color: #6c757d;
    border-color: #6c757d;
    color: #fff;
}
    .btn-previous:hover {
        background-color: #5a6268; 
        color: #fff;
    }

.btn-add {
    background-color: #17a2b8;
    border-color: #17a2b8;
    color: #fff;
    font-weight: 500;
}

    .btn-add:hover {
        background-color: #138496;
        border-color: #117a8b;
        color: #fff;
    }

.btn-delete {
    background-color: #EA1C1C;
    border-color: #EA1C1C;
    color: #fff;
    font-weight: 500;
}

    .btn-delete:hover {
        background-color: #C70B0B;
        border-color: #C70B0B;
        color: #fff;
    }
.btn-fetch {
    background-color: #007bff; /* Blue */
    border-color: #007bff;
    color: #fff;
    font-weight: 500;
}

    .btn-fetch:hover {
        background-color: #0069d9; /* Darker blue */
        border-color: #0062cc;
        color: #fff;
    }

.btn-view {
    background-color: #17a2b8;
    border-color: #17a2b8;
    color: #fff;
}

    .btn-view:hover {
        background-color: #138496; /* darker teal */
        border-color: #117a8b;
        color: #fff;
    }

a.btn.btn-edit {
    background-color: #ffffff; 
    color: #3B3B3B; 
   
}
.text-CharcoalGray {
    color: #3B3B3B !important; /* Charcoal gray */
}

.text-red {
    color: #EA1C1C !important; /* Bright red */
}
    a.btn.btn-edit:hover {
        background-color: #E6E6E6; 
        color: #3B3B3B;
        border-color: #3B3B3B; 
    }
.btn-search {
    background-color: #ffc107; /* Bootstrap warning yellow */
    border-color: #ffc107;
    color: #fff;
    font-weight: 500;
}

    .btn-search:hover {
        background-color: #e0a800; /* Darker golden yellow */
        border-color: #d39e00;
        color: #fff;
    }

.btn-reset {
    background-color: #fd7e14; /* Orange */
    border-color: #fd7e14;
    color: #fff;
    font-weight: 500;
}

    .btn-reset:hover {
        background-color: #e46b0f; /* Darker orange */
        border-color: #d45f0b;
        color: #fff;
    }

    /*-----------------*/

.legend-heading{
    font-size: 22px;
    font-weight: 600;
}
/* nav bar */
a.btn.btn-primary:hover {
    /* background-color: #a03c7873 !important;*/
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #ffffff;
}

nav.navbar.navbar-expand-lg.navbar-light {
    background: linear-gradient(to right, #2C1C5B 0%, #7B4E8F 100%) !important;
}

.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
    color: #ffffff;
}

.navbar-light .navbar-nav .nav-link {
    color: #ffffff;
    font-size: 16px;
}

a.btn.btn-primary {
    font-weight: 600;
    background-color: #ffffff;
    border-color: #2C1C5B;
    color: #2C1C5B;
}
a.btn.btn-add {
    font-weight: 600;
    background-color: #ffffff;
    /* border-color: #2C1C5B; */
    color: #585a5adb;
    border: navajowhite;
}
    a.btn.btn-add:hover {
        font-weight: 600;
        background-color: #585a5adb;
        /* border-color: #2C1C5B; */
        color: #fff;
        border: navajowhite;
    }
a.btn.btn-delete {
    font-weight: 600;
    background-color: #ffffff;
    /* border-color: #2C1C5B; */
    color: #EA1C1C;
    border: navajowhite;
}

a.btn.btn-delete:hover {
    font-weight: 600;
    background-color: #EA1C1C;
    /* border-color: #2C1C5B; */
    color: #fff;
    border: navajowhite;
}
button.btn.btn-outline-success {
    background-color: #006769;
    color: #ffffff;
    border-color: #006769;
}

p.text-style {
    font-size: 14px;
    font-weight: 600;
    color: #000;
}
/* Login */
.login-backgroundimg {
    background-image: url('../imgs/login-background.png');
    background-size: cover;
    background-position: center;
    /*height: 100vh;*/
    display: flex;
    justify-content: center;
    align-items: center;
}
h3.login-heading {
    font-weight: 600;
}
.row.row-custom {
    display: flex;
    flex-wrap: wrap;
}
.column-custom{
    display: flex;
}
.col-50 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
}

.card.logincard-customcontent {
    padding: 1rem;
    border-radius: 8px 0px 0px 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    background-color: rgba(44, 28, 91, 0.5);
    color: #fff;
    flex: 1;
    display: flex;
    flex-direction: column;
}
.card.logincard-custom {
    /*    width:24rem;*/
    padding: 1rem;
    border-radius: 0px 8px 8px 0px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    flex: 1;
    display: flex;
    flex-direction: column;
}
.col-form-label {
    color: #000000;
    font-size: 15px;
}
svg.svg-inline--fa.fa-check {
    color: #ffffff;
    font-size: 25px;
}

.material-textfield {
    position: relative;
    margin-bottom: 0.5rem !important;
    margin-top: 0.75rem !important;
}

    .material-textfield label {
        position: absolute;
        font-size: 1rem;
        left: 1rem;
        top: 50%;
        transform: translateY(-50%);
        background-color: white;
        color: gray;
        padding: 0 0.3rem;
        transition: 0.1s ease-out;
        transform-origin: left top;
        pointer-events: none;
    }

input.login_input {
    font-size: 1rem;
    outline: none;
    border: 1px solid gray;
    border-radius: 5px;
    padding: 8px 0.7rem;
    color: gray;
    transition: 0.1s ease-out;
    box-shadow: none;
}

    input.login_input:focus {
        border-color: #000000;
        box-shadow: none;
    }

        input.login_input:focus + label {
            color: #000000;
            top: 0;
            transform: translateY(-50%) scale(0.9);
        }

    input.login_input:not(:placeholder-shown) + label {
        top: 0;
        transform: translateY(-50%) scale(0.9);
        box-shadow: none;
    }

.form-check {
    display: flex;
    align-items: center;
}

.form-check-input {
    margin-right: 0.5rem;
}

.form-check-label {
    margin-bottom: 0;
}

h5 span.login-font {
    color: rgba(95, 142, 185, 1);
}

button.btn.btn-primary.btn-color {
    background-color: #2C1C5B;
    border: #2C1C5B;
}

button.btn.btn-custom.btn-color:hover {
    background-color: #2C1C5B;
    border: #2C1C5B;
    color: #fff;
    font-weight: 500;
    border: 1px solid #2C1C5B;
}

button.btn.btn-custom.btn-color {
    background-color: #2c1c5b00;
    border: 1px solid #2C1C5B;
    color: #2c1c5b;
    font-weight: 500;
}
.custom-fieldset {
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 1rem;
    margin-bottom: 1.5rem;
}

.custom-legend {
    font-weight: 600;
    padding: 0 10px;
    color: #333;
}
.custom-border {
    display: inline-block;
    border-bottom: 3px solid #2C1C5B;
}
.content_field {
    border: 1px solid #95999dbd;
    border-radius: 8px;
    padding: 20px 40px 40px 40px;
}
footer.footer {
    background: linear-gradient(to right, #2C1C5B 0%, #7B4E8F 100%) !important;
    color: #ffffff;
    text-align: center;
    font-family: 'Poppins', sans-serif;
}

    footer.footer h6 {
        margin: 0;
        padding: 10px 0px;
        font-size: 12px;
    }

label.label-style {
    font-weight: 500 !important;
    font-size: 14px;
}

label.form-check-label.label-style {
    font-size: 14px;
    font-weight: 500;
}

button.button.navbuttona.nav-link.active {
    color: #fff;
    background-color: #2C1C5B;
    font-size: 15px;
    border-radius: 8px 0px 0px 8px;
}

button.button.navbuttonb.nav-link.active {
    color: #fff;
    background-color: #2C1C5B;
}

.nav-pills .nav-link:not(.active):hover {
    color: #2C1C5B;
}

.nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link {
    width: 100%;
    background: #2c1c5b45;
    color: #000000;
    font-weight: 600;
    border-radius: 0px 8px 8px 0px;
}

button.button.navbuttona {
    border-radius: 8px 0px 0px 8px !important;
    font-size: 15px;
}

.button.navbuttonb {
    border-radius: 0px 4px 4px 0px;
    font-size: 15px;
}

.container-fluid.input_text {
    padding: 0px;
}

a.text-color {
    color: #2C1C5B;
    font-size: 14px;
}

    a.text-color:hover {
        color: #000000;
    }

a.label-style {
    color: #2C1C5B;
    font-size: 14px;
}

    a.label-style:hover {
        color: #000000;
    }

label.label_font {
    font-size: 14px;
    font-weight: 400;
}
/* modal */
.modal-dialog-width {
    width: 100% !important;
    max-width: 86% !important;
    margin: 0 auto !important;
}

.modal-content {
    background: #ffffff;
    box-shadow: 0 5px 15px rgb(0 0 0 / 50%);
    border-radius: 8px;
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5 !important;
}

.modal-footer-head {
    padding: 0px !important;
    margin: 20px 40px 30px;
    text-align: left;
    border-top: 1px solid #ffffff !important;
}

p.card-text {
    font-size: 14px;
}

h5.modal-title.h5-text {
    font-weight: 600;
}

/*Dashboard*/
.maincard-custom {
    padding: 1rem;
    border-radius: 8px;

}
.maincard-customdashboard {
    padding: 1rem;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
/* Base card design */
.card-custom,
.pendingcard-custom,
.approvedcard-custom,
.rejcard-custom {
    border-radius: 20px;
    padding: 25px;
    background: #fff;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    color: #333;
}

/* Gradient background variations */
.card-custom {
    background: linear-gradient(186deg, #754a8bdb, #6e458600);
    color: #fff;
}

.pendingcard-custom {
    background: linear-gradient(135deg, #563777a8, #764ba21a);
    color: #fff;
}

.approvedcard-custom {
    background: linear-gradient(187deg, #56ab2f85, #a8e0633b);
    color: #fff;
}

.rejcard-custom {
    background: linear-gradient(135deg, #cb2d3e, #ef473a); /* red */
    color: #fff;
}

    /* Icon inside card */
    .card-custom i,
    .pendingcard-custom i,
    .approvedcard-custom i,
    .rejcard-custom i {
        font-size: 2.5rem;
        margin-bottom: 15px;
        display: block;
        opacity: 0.9;
    }

    /* Title */
    .card-custom h5,
    .pendingcard-custom h5,
    .approvedcard-custom h5,
    .rejcard-custom h5 {
        font-weight: 600;
        font-size: 1.2rem;
        margin-bottom: 10px;
    }

    /* Description */
    .card-custom p,
    .pendingcard-custom p,
    .approvedcard-custom p,
    .rejcard-custom p {
        font-size: 0.95rem;
        opacity: 0.9;
    }

    /* Hover animation */
    .card-custom:hover,
    .pendingcard-custom:hover,
    .approvedcard-custom:hover,
    .rejcard-custom:hover {
        transform: translateY(-6px);
        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
    }


.header1-align, .pendingheader, .approvedheader, .rejheader {
    border-radius: 50px;
    align-items: center;
    display: flex;
    justify-content: center;
    height: 50px;
    width: 50px;
    margin-left: 10px;
    color: #ffffff;
}

.header1-align {
    background-color: #ffe700;
}

.pendingheader {
    background-color: #157dd6;
}

.approvedheader {
    background-color: #3eaa2d;
}

.rejheader {
    background-color: #bb3131;
}

.fa {
    color: #ffffff;
}




/*// Stepper*/
.intro {
    background: #fff;
    padding: 60px 30px;
    color: #333;
    margin-bottom: 15px;
    line-height: 1.5;
    text-align: center;
}

    .intro h1 {
        font-size: 18pt;
        padding-bottom: 15px;
    }

    .intro p {
        font-size: 14px;
    }

.action {
    text-align: center;
    display: block;
    margin-top: 20px;
}

a.btn {
    text-decoration: none;
    color: #666;
    border: 2px solid #666;
    padding: 10px 15px;
    display: inline-block;
    margin-left: 5px;
}

    a.btn:hover {
        background: #666;
        color: #fff;
        transition: .3s;
        -webkit-transition: .3s;
    }

.btn:before {
    font-family: FontAwesome;
    font-weight: normal;
    margin-right: 10px;
}

.github:before {
    content: "\f09b"
}

.down:before {
    content: "\f019"
}

.back:before {
    content: "\f112"
}

.credit {
    background: #fff;
    padding: 12px;
    font-size: 9pt;
    text-align: center;
    color: #333;
    margin-top: 40px;
}

    .credit span:before {
        font-family: FontAwesome;
        color: #e41b17;
        content: "\f004";
    }

    .credit a {
        color: #333;
        text-decoration: none;
    }

        .credit a:hover {
            color: #1DBF73;
        }

            .credit a:hover:after {
                font-family: FontAwesome;
                content: "\f08e";
                font-size: 9pt;
                position: absolute;
                margin: 3px;
            }

main {
    background: #fff;
    padding: 0px;
}

article li {
    color: #444;
    font-size: 15px;
    margin-left: 33px;
    line-height: 1.5;
    padding: 5px;
}

article h1,
article h2,
article h3,
article h4,
article p {
    padding: 14px;
    color: #333;
}

article p {
    font-size: 15px;
    line-height: 1.5;
}

@media only screen and (min-width: 720px) {

}

.set-overlayer,
.set-glass,
.set-sticky {
    cursor: pointer;
    height: 45px;
    line-height: 45px;
    padding: 0 15px;
    color: #333;
    font-size: 16px;
}

    .set-overlayer:after,
    .set-glass:after,
    .to-active:after,
    .set-sticky:after {
        font-family: FontAwesome;
        font-size: 18pt;
        position: relative;
        float: right;
    }

    .set-overlayer:after,
    .set-glass:after,
    .set-sticky:after {
        content: "\f204";
        transition: .6s;
    }

.to-active:after {
    content: "\f205";
    color: #008080;
    transition: .6s;
}

.set-overlayer,
.set-glass,
.set-sticky,
.source,
.theme-tray {
    margin: 10px;
    background: #f2f2f2;
    border-radius: 5px;
    border: 2px solid #f1f1f1;
    box-sizing: border-box;
}

.column_custom{
    margin-top:16px;
    word-wrap: break-word;
    white-space: normal;
}
.label_custom{
    color: #000000;
    font-size: 15px;
}
/*Dashboard*/
.card-custom {
    background-color: #6e458687;
}

.pendingcard-custom {
    background-color: #82b8e6e3;
}

.approvedcard-custom {
    background-color: #80c576a6;
}

.rejcard-custom {
    background-color: #bb31316e;
}

.header1-align, .pendingheader, .approvedheader, .rejheader {
    border-radius: 50px;
    align-items: center;
    display: flex;
    justify-content: center;
    height: 50px;
    width: 50px;
    margin-left: 10px;
    color: #ffffff;
}

.header1-align {
    background-color: #6d4586;
}
.pendingheader {
    background-color: #4e58a5;
}

.approvedheader {
    background-color: #3eaa2d;
}

.rejheader {
    background-color: #bb3131;
}

.fa {
    color: #ffffff;
}



.card-text {
    font-size: 1rem;
}

/*Index/Home*/
h5.heading5-style {
    color: #000000;
    font-weight: 600;
}
.latest-wrap {
    background-color: #2c1c5b29;
    padding: 40px 0px 40px 0;
}
.container-align {
    padding: 20px 40px 0px 40px;
}

.societyservice-text {
    margin-left: 20px;
}

.post-slide {
    background: #fff;
    padding: 20px;
    margin: 10px;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.post-img img {
    width: 100%;
    border-radius: 10px;
}

.post-content {
    margin-top: 15px;
}

.post-title a {
    color: #333;
    text-decoration: none;
    font-weight: bold;
    font-size: 18px;
}

.post-description {
    color: #666;
    font-size: 14px;
    margin: 10px 0;
}

.post-date {
    color: #aaa;
    font-size: 12px;
}

.read-more {
    display: inline-block;
    margin-top: 10px;
    padding: 10px 15px;
    background: #007bff;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
}

    .read-more:hover {
        background: #0056b3;
    }

.service-bx {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 15px;
    display: flex;
    align-items: center;
    text-decoration: none;
    min-height: 79px;
    background: #fff;
}

.service-box1 {
    /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
    border-radius: 8px;
    padding: 10px;
    display: flex;
    align-items: center;
    text-decoration: none;
    background-color: #2c1c5b05;
    margin-bottom: 15px;
    color: #ffff;
    border: 1px solid #2c1c5b;
}
    .service-box1:hover {
        /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
        border-radius: 8px;
        padding: 10px;
        display: flex;
        align-items: center;
        text-decoration: none;
        background-color: #2c1c5b59;
        margin-bottom: 15px;
        color: #ffff;
        border: 1px solid #2c1c5b;
    }
    .service-box1 .arrow-icon {
        display: inline-block;
    }

.service-bx .arrow-icon {
    display: inline-block;
    width: 11%;
}

svg.svg-inline--fa.fa-angles-right.arrow-style {
    font-size: 26px;
    color: #2C1C5B;
}

#news-slider {
    margin-top: 80px;
}

.post-slide {
    background: #fff;
    margin: 20px 15px 20px;
    border-radius: 15px;
    padding-top: 1px;
    box-shadow: 0px 14px 22px -9px #bbcbd8;
}

    .post-slide .post-img {
        position: relative;
        overflow: hidden;
        border-radius: 10px;
        margin: -12px 15px 8px 15px;
    }

        .post-slide .post-img img {
            width: 100%;
            height: auto;
            transform: scale(1, 1);
            transition: transform 0.2s linear;
        }

    .post-slide:hover .post-img img {
        transform: scale(1.1, 1.1);
    }

    .post-slide .over-layer {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        background: linear-gradient(-45deg, rgba(6, 190, 244, 0.75) 0%, rgba(45, 112, 253, 0.6) 100%);
        transition: all 0.50s linear;
    }

    .post-slide:hover .over-layer {
        opacity: 1;
        text-decoration: none;
    }

    .post-slide .over-layer i {
        position: relative;
        top: 45%;
        text-align: center;
        display: block;
        color: #fff;
        font-size: 25px;
    }

    .post-slide .post-content {
        background: #fff;
        padding: 2px 20px 40px;
        border-radius: 15px;
    }

    .post-slide .post-title a {
        font-size: 15px;
        font-weight: bold;
        color: #333;
        display: inline-block;
        text-transform: uppercase;
        transition: all 0.3s ease 0s;
    }

        .post-slide .post-title a:hover {
            text-decoration: none;
            color: #3498db;
        }

    .post-slide .post-description {
        line-height: 24px;
        color: #808080;
        margin-bottom: 25px;
    }

    .post-slide .post-date {
        color: #a9a9a9;
        font-size: 14px;
    }

        .post-slide .post-date i {
            font-size: 20px;
            margin-right: 8px;
            color: #CFDACE;
        }

    .post-slide .read-more {
        padding: 7px 20px;
        float: right;
        font-size: 12px;
        background: #2196F3;
        color: #ffffff;
        box-shadow: 0px 10px 20px -10px #1376c5;
        border-radius: 25px;
        text-transform: uppercase;
    }

        .post-slide .read-more:hover {
            background: #3498db;
            text-decoration: none;
            color: #fff;
        }

.heading-align.align-self-center {
    margin-left: 10px;
}
section.topbar {
    padding: 10px 0px;
}
/* 
    .owl-carousel .owl-item img{
        width: 84px;
        height: 84px;
    } */



/* Syntax Highlighter*/

pre.prettyprint {
    padding: 15px !important;
    margin: 10px;
    border: 0 !important;
    background: #f2f2f2;
    overflow: auto;
}

.source {
    white-space: pre;
    overflow: auto;
    max-height: 400px;
}

code {
    border: 1px solid #ddd;
    padding: 2px;
    border-radius: 2px;
}
/* CSS */
.steps {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
    position: relative;
}

.step-button {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: none;
    background-color: var(--prm-gray);
    transition: .4s;
}

    .step-button[aria-expanded="true"] {
        width: 60px;
        height: 60px;
        background-color: var(--prm-color);
        color: #fff;
    }

.done {
    background-color: var(--prm-color);
    color: #fff;
}

.pending {
    background-color: #f00;
    color: #fff;
}

.step-item {
    z-index: 10;
    text-align: center;
}

#progress {
    -webkit-appearance: none;
    position: absolute;
    width: 95%;
    z-index: 5;
    height: 10px;
    margin-left: 18px;
    margin-bottom: 18px;
}

    /* to customize progress bar */
    #progress::-webkit-progress-value {
        background-color: var(--prm-color);
        transition: .5s ease;
    }

    #progress::-webkit-progress-bar {
        background-color: var(--prm-gray);
    }


/*KUSUMABAIRAVA*/
.step-first-text {
    position: relative;
    top: -20px;
    font-weight: 600;
}

.step-second-text {
    font-weight: 600;
}
/*Harshitha-04-09-2024*/
.table-color thead {
    background: #794d8e !important;
    color: #ffff;
    font-weight: 500 !important;
}
.bg-purple {
    background: #784c8d !important;
    color: #ffff !important;
    font-weight: 500 !important;
}
thead.bg-purple tr th {
    color: #ffff !important;
    font-weight: 500 !important;
    text-align: center;
}
tbody tr td{
    color: #000000;
    font-size: 14px;
}
.bg-purple-defaulter {
    background: #a03c7852;
    color: #000000;
}
.text-purple {
    color: #2C1C5B;
}
    .text-purple a {
        color: #2C1C5B;
    }
/*}
.table-color tbody {
    background: #a03c7852;
    color: #000000;
    font-weight: 600;
}
.table-color tbody a {
    color: #A03C78;*/

/*media query*/

@media (min-width:200px) and (max-width:599px) {
    .col-100 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }

    .mobile_hide {
        display: none;
    }
    .card.maincard-customdashboard {
        margin-bottom: 12px;
    }
    .heading-color {
        color: #ffff;
        font-weight: 600;
        text-decoration: underline;
        text-decoration-color: #006769;
        text-decoration-thickness: 3px;
        text-underline-offset: 8px;
        font-size: 18px;
    }
}

@media (min-width:600px) and (max-width:900px) {
    .colT-100 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }

    .colT-20 {
        width: 20%;
        max-width: 20%;
        flex: 0 0 20%;
    }

    .colT-60 {
        width: 60%;
        max-width: 60%;
        flex: 0 0 60%;
    }
    .colT-50 {
        width: 50%;
        max-width: 50%;
        flex: 0 0 50%;
    }
    .colT-15 {
        width: 15%;
        max-width: 15%;
        flex: 0 0 15%;
    }
    .colT-70 {
        width: 70%;
        max-width: 70%;
        flex: 0 0 70%;
    }
    .colT-80 {
        width: 80%;
        max-width: 80%;
        flex: 0 0 80%;
    }
    .card.maincard-customdashboard {
        margin-bottom: 12px;
    }
}

@media (min-width:901px) and (max-width:1320px) {
    .colL-33 {
        width: 33%;
        max-width: 33%;
        flex: 0 0 33%;
    }
    .colL-50 {
        width: 50%;
        max-width: 50%;
        flex: 0 0 50%;
    }
    .colL-30 {
        width: 30%;
        max-width: 30%;
        flex: 0 0 30%;
    }
    .colL-40 {
        width: 40%;
        max-width: 40%;
        flex: 0 0 40%;
    }
    .colL-80 {
        width: 80%;
        max-width: 80%;
        flex: 0 0 80%;
    }
    .card.maincard-customdashboard.rejcard-custom {
        margin-top: 12px;
    }

}

@media (min-width:1321px) and (max-width:1900px) {
}


input[readonly] {
    background-color: #e9ecef; /* light gray background */
    color: #6c757d; /* gray text color */
    cursor: not-allowed; /* show “not-allowed” cursor */
}