/*@import url("https://fonts.googleapis.com/css2?family=Inter&display=swap");*/
/*Global variable start for color*/
:root {
    --bs-mynavbar-rgb: 32, 178, 170;
    /* theme color start*/
    --bs-theme1-rgb: 21,158,78;
    /*--bs-themeLight-rgb: 104, 196, 188;*/
    --bs-theme2-rgb: 124, 158, 21;
    --bs-theme3-rgb: 33,77,81;
    --bs-theme4-rgb: 255,136,77;
    /*--bs-card-text-rgb: 246, 190, 29;*/
    /* theme color end */
}
/*Global variable end for color*/

/*@font-face {
    font-family: 'MyHeadingFont';
    src: url('/Font/THENEXTFONT.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;             
}*/

/*.custom-font {
    font-family: MyHeadingFont;
}*/

/*common style for all element start*/
* {
    box-sizing: border-box;
    /*font-family: Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";*/
}
/*common style for all element start*/

/*style for body start*/
body, html {
   
    overflow-x: hidden;
    width: 100vw;
    height: 100vh;
}
/*style for body end*/

.button {
    display: flex;
    align-items: center;
    justify-content: center;
    /*padding: 16px 32px;*/
    padding: 5px 5px;
    /*background-color: #006aff;*/
    background-color: rgb(var(--bs-mynavbar-rgb));
    /*border: 8px solid #c0dfff;*/
    color: white;
    gap: 8px;
    /*border-radius: 50px;*/
    cursor: pointer;
    /*transition: all 0.3s;*/
}

/*.modal {
    z-index: 1055 !important;
}

.modal-backdrop {
    z-index: 1050 !important;
}*/

.code-input{
    width:6%;
}

/*//u*/
#openicon{
    display:none;
}
/*.main-button:hover {
    background-color: #00ddb3;
}*/
#theme-card {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: auto auto auto auto;
    justify-content: center;
    align-items: center;
}

.info-icon{
    display:flex;
    justify-content:flex-start;
    align-items:center;
    width:fit-content !important;
}

/*.main-form-basic {
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-template-rows: auto;
    gap: 10px 20px;
}

.bank-form-basic {
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-template-rows: auto;
    gap: 10px;
}*/

.main-form-basic,
.bank-form-basic {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 columns */
    gap: 20px 20px; /* spacing between columns and rows */
}

.form-item {
    display: flex;
    align-items: center;
    gap: 10px; /* space between label and input */
}

    .form-item label {
        white-space: nowrap; /* keep label in one line */
        font-weight: 500;
        min-width: 140px; /* adjust based on your label width */
    }

.form-control,
asp\:TextBox,
asp\:DropDownList {
    flex: 1; /* take remaining space */
    height: 32px;
    padding: 4px 8px;
    font-size: 14px;
}

.grpotpdiv {
    display: grid;
    grid-template-columns: auto auto auto;
    /*grid-template-rows: auto;*/
    gap: 10px 20px;
}

/*.navbar__li-a{
    font-weight:bold;
}*/

#grpotpdetails {
    display: grid;
    grid-template-columns: auto auto auto auto auto auto;
    /*grid-template-rows: auto;*/
    gap: 10px 20px;
}

.grpdoc {
    display: grid;
    grid-template-columns: auto auto auto;
    /*grid-template-rows: auto;*/
    gap: 10px 20px;
}

.grpsubmit {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto auto;
    justify-content:center;
    align-items:center;
    gap: 10px 20px;
}

.grpcaptcha {
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-template-rows: auto;
    gap: 10px 20px;
}

.font-size-row {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: auto auto auto;
    justify-content: center;
    align-items: center;
    margin: auto;
}

    .font-size-row h6{
        font-size:14px;
    }

    #divreupload {
        border: 2px dashed rgba(var(--bs-mynavbar-rgb));
        border-radius: 10px;
    }

.new-container {
    background: #fff;
    padding: 30px 40px;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    width: 320px;
    /*border: 2px solid rgba(var(--bs-mynavbar-rgb));*/
    /*margin:auto;*/
}

    .new-container h4 {
        text-align: center;
        color: rgba(var(--bs-mynavbar-rgb));
        margin-bottom: 24px;
    }

    .new-container label {
        display: block;
        margin: 10px 0 6px;
        font-weight: 500;
    }

    .new-container select {
        width: 100%;
        padding: 8px 10px;
        font-size: 14px;
        border-radius: 6px;
        border: 1px solid #ccc;
        background-color: #f9f9f9;
    }

    .new-container .buttons {
        display: flex;
        justify-content: space-between;
        margin-top: 20px;
    }

    .new-container button {
        padding: 10px 20px;
        font-size: 14px;
        border: none;
        border-radius: 6px;
        cursor: pointer;
        color: white;
    }

    .new-container .view {
        background-color: #4CAF50;
    }

    .new-container .cancel {
        /*background-color: #9E9E9E;*/
    }

    .new-container button:hover {
        opacity: 0.9;
    }

.appDetail {
    color: rgba(var(--bs-mynavbar-rgb));
}

#forwardimg{
    width:30px;
    height:30px;
}

.proj-det-head{
    display:grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto;
    justify-content:flex-start;
    gap:20px;
    padding:10px;
    text-align:center;
}

.proj-det-text{
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:14px;
    font-weight:bold;
}

.proj-det-text h6 {
    font-size: 20px;
    font-weight: bold;
}

    .proj-det-text legend {
        font-size: 20px;
        font-weight: bold;
    }

.schc-apply-basic, .schc-apply-address, .fmb-apply-basic, .fmb-apply-address {
    display: grid;
    grid-template-columns: auto auto auto auto;
    gap: 10px 20px;
}

.schc-apply-basic-btn, .fmb-apply-btn {
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto;
    justify-content: center;
    align-items: center;
    gap: 10px 20px;
}

.schc-apply-implement, .fmb-apply-imp {
    display: grid;
    grid-template-columns: auto auto auto auto auto auto;
    gap: 10px 20px;
}

.schc-apply-main-button {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
    justify-content: center;
    align-items: center;
    gap: 10px 20px;
}

.main-button {
    background-color: rgba(var(--bs-mynavbar-rgb));
    color: #ffff;
    padding: .375rem .75rem;
    line-height: 1.5;
    font-weight: 400;
    border: 1px solid transparent;
    border-radius: .25rem;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    font-size: 1rem;
}

.home-box {
    height: 100%;
}
/*.chart-container {
position: relative;
width: 100%;
height: 300px;
}

.chart-container canvas {
    width: 100% !important;
    height: 100% !important;
}*/
.disclaimer {
    display: flex;
    align-items: center;
    justify-content: center;
    /*background-color: rgba(var(--bs-footer-rgb, #C8C8C8)) !important;*/
}

#Acfyear {
    background-color: rgba(var(--bs-mynavbar-rgb),0.7);
    border-radius:50px;
    color: white;
    padding: 5px 10px;
}

.fyear{
    border-radius:50px;
    color: black;
    padding: 5px 10px;
}

.cardAC {
    width: 30rem;
    border: 2px solid rgba(var(--bs-mynavbar-rgb),0.7);
    transition: all 0.5s;
}

    .cardAC:hover {
        border: 1px solid black;
        transform: scale(1.05);
    }

    .cardAC:active {
        transform: scale(0.95) rotateZ(1.7deg);
    }

#verifApp {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 2 columns */
    grid-template-rows: repeat(2, auto); /* 3 rows, each height depends on content */
    gap: 1rem; /* Space between the cards */
    padding: .8rem; /* Padding around the section */
    justify-items: center;
}

.implement-name {
    background-color: rgba(var(--bs-mynavbar-rgb));
    color: #FFF;
    position: absolute;
    top: 20%;
    border: 2px dashed white;
    padding: 10px;
    left: 40%;
    /*box-shadow: rgba(0,0,0,0.35%) 0 15px black;*/
    box-shadow: 0 15px 10px rgba(0, 0, 0, 0.35);
    opacity: 0;
    /*visibility: hidden;*/
    display: none;
    transition: opacity 300ms ease, visibility 300ms ease;
}

.img-container:hover .implement-name {
    opacity: 1;
    /*visibility: visible;*/
    display: block;
}

.img-container:hover{
    opacity:0.5;
}

#divFyear {
    position: relative;
    top: 20px;
    width: 230px;
    margin: auto;
    border: 2px solid rgba(var(--bs-mynavbar-rgb),0.7);
    border-radius: 50px;
}

.top-header {
    background-color: rgba(var(--bs-mynavbar-rgb),0.7);
}

.appBorder {
    border: 1px solid rgba(var(--bs-mynavbar-rgb));
}

.accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-body{
    background-color:rgba(var(--bs-mynavbar-rgb),0.6);
    color:white;
    font-size:13px;
}

.accordion-button::after{
    color:white;
    
}

#txtStatus
{
    background-color:rgba(var(--bs-mynavbar-rgb),0.5);
    color:white;
}

.main-cancel-btn {
    background-color: #dc3545;
    color: white;
}

    .main-button:disabled,
    .main-button[disabled] {
        background-color: lightgray;
        cursor:not-allowed;
    }

    .main-button:not(:disabled):hover {
        /*background-color: rgba(var(--bs-mynavbar-rgb),0.8);*/
        color: white;
    }

.statusCard {
    margin:80px;
}

.timeline-container {
    height: 100vh;
    font-family: "Open Sans", sans-serif;
    background: #bea2e7;
    /* Old browsers */
    background: -moz-linear-gradient(top, #bea2e7 0%, #86b7e7 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #bea2e7 0%, #86b7e7 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #bea2e7 0%, #86b7e7 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#bea2e7", endColorstr="#86b7e7",GradientType=0 );*/
    /* IE6-9 */
}

.card-top
{
    background-color:rgb(var(--bs-mynavbar-rgb),0.8);
    color:white;
}

#farmerimg {
    padding: 10px;
}

#otparea {
    display:none;
}

.row-design{
    width:50%;
    margin:auto;
}

.img-col-md {
    border-right: 1px solid gray;
}
.parent-container {
    width: 70%;
    margin: auto;
    border-color:rgb(var(--bs-mynavbar-rgb));
    
}

.scheme-heading {
    border-top-width: thick;
    border-bottom-width: thick;
    border-left-width: thick;
    border-right-width:thick;
    max-width: 50%;
    margin: auto;
    background-color: rgba(var(--bs-mynavbar-rgb),0.6);
    color: white;
    font-weight: bold;
}

#appUpdFinCHC {
    border-top-width: thick;
    border-bottom-width: thick;
    border-left-width: thick;
    border-right-width: thick;
    margin-right: 10%;
    margin-left: 10%;
}

#alertBox {
    display: none;
    text-align: center;
    justify-content: center;
    align-items: center;
    border: 1px solid white;
    width: 40rem;
    height: 5rem;
    color: #6F9579;
    background-color: #D3EAD9;
    border-radius: 10px;
    position: relative;
    top: 0;
    left: 30%;
    right: 50%;
    bottom: 50%;
    z-index: 2000;
    animation: animatetop 0.4s
}

.btn-link {

    text-decoration: none;
}

th {
    background-color: rgba(var(--bs-mynavbar-rgb),0.9);
}

td {
    font-weight:bold;
}

.ddl-Lang{
    background-color:rgba(var(--bs-mynavbar-rgb),0.4);
    color:white;
}

@keyframes animatetop {
    from {
        top: 100px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

#msgCloseIcon {
    color: #6f9579;
    position: absolute;
    right: 0;
    top: 0;
}

.fa-circle-check{
    color:rgb(var(--bs-mynavbar-rgb));
}

#msgCloseIcon:hover {
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
}

#divRefno {
    background-color: rgba(var(--bs-mynavbar-rgb),0.8);
    color: #fff;
    font-weight: bold;
    max-width:50%;
}

.div-lang {
    display: none;
    flex-direction: column;
    background-color: rgb(var(--bs-mynavbar-rgb));
    color: white;
    font-size: 0.8vw;
    text-align: center;
    position: absolute;
    border-radius: 5px;
    right: 10%;
    top: 7%;
    width: 10rem;
    border: 1px solid rgb(var(--bs-mynavbar-rgb));
    justify-content: center;
    align-content: center;
}

.div-lang  .lang-en,.lang-hi {
   padding:5px;
   font-weight:bold;
}

    .div-lang .lang-en:hover, .lang-hi:hover {
        background-color: white;
        color: black;
       /* border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;*/
        cursor: pointer;
    }

.font-resize-card {
    /*//c*/
    display: none;
    position: absolute;
    z-index: 10000;
    top: 6%;
    right: 1%;
    width: 30rem;
    height: 30rem;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px 10px;
    transition: ease-in 2s;
    border-radius: 10px;
}

.dropdownlang-item {
    display: block;
    padding: 5px 10px;
    text-align: left;
    cursor: pointer;
}

    .dropdownlang-item:hover {
        background-color: #f0f0f0;
    }

.view-btn {
    font-size: max(1vh,14px);
}



.details-card {
    width: min(100%,90%);
}

.text {
    /*font-size: 1.7em;*/
    font-size: 1em;
    font-weight: 500;
    letter-spacing: 0.5px;
}

.svg {
    padding-top: 5px;
    height: 100%;
    width: fit-content;
}

    .svg svg {
        width: 50px;
        height: 30px;
    }

/*.button:hover {
    border: 8px solid #b1d8ff;
    background-color: #1b7aff;
}*/

.button:active {
    border: 5px solid #c0dfff;
}

.button:hover .svg svg {
    animation: jello-vertical 0.9s both;
    transform-origin: left;
}

@keyframes jello-vertical {
    0% {
        transform: scale3d(1, 1, 1);
    }

    30% {
        transform: scale3d(0.75, 1.25, 1);
    }

    40% {
        transform: scale3d(1.25, 0.75, 1);
    }

    50% {
        transform: scale3d(0.85, 1.15, 1);
    }

    65% {
        transform: scale3d(1.05, 0.95, 1);
    }

    75% {
        transform: scale3d(0.95, 1.05, 1);
    }

    100% {
        transform: scale3d(1, 1, 1);
    }
}

/*Administrative Login Button Design End*/

.center-container {
    margin: auto;
}

.card-header {
    background-color: rgb(var(--bs-mynavbar-rgb));
    color: white;
    width: 100%;
}

.export-card {
    display:none;
    width: 18rem;
    z-index: 1000;
    position: relative;
    left: 90%;
    bottom:65%;
}

.no-data-img {
    max-width: 20%;
    height: 20%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#finalizeMsg
{
    max-width:50%;
}

.purchase-detail-form {
    margin: auto;
    width: 100%;
    height: 50vh;
    border: 1px solid rgb(var(--bs-mynavbar-rgb));
    border-radius: 2rem;
    margin-top: 5%;
}

.purchase-detail-form_card-body {
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

.purchase-detail-form_card-body_left-side img {
    position: relative;
    top: 4rem;
    margin: auto;
    width: 100%;
}

.purchase-detail-form_card-body_left-side {
    /*border-radius: 2rem;*/
    border-top-left-radius: 2rem;
    border-bottom-left-radius: 2rem;
    height: 100%;
    background-color: rgb(var(--bs-mynavbar-rgb));
}

    .purchase-detail-form_card-body_left-side h4 {
        color: white;
        text-align: center;
        position: relative;
        top: 2rem;
        font-family: Arial, Helvetica, sans-serif;
    }

.purchase-detail-form_card-body_right-side {
    background-color: #F3F3FE;
    border-top-right-radius: 2rem;
    border-bottom-right-radius: 2rem;
}

.right-side_card {
    margin: auto;
    position: relative;
    top: 5% !important;
    height: 90%;
}

.expand-btn:hover {
    transform: scale(107%);
    transition: ease 0.3s;
}

.expand-btn {
    transition: ease 0.3s;
}

table {
    border-collapse: collapse;
    width: 100%;
}

th, td {
    text-align: left;
    padding: 8px;
    font-size: 14px;
}

tr:nth-child(even) {
    background-color: #f2f2f2;
}

/*setting width of scrollbar of page start*/
::-webkit-scrollbar {
    width: 2px; /* Width of the scrollbar */
}

    ::-webkit-scrollbar .gridscroll {
        width: 3px;
    }
/*setting width of scrollbar of page end*/

.h1-prch-his {
    width: fit-content;
    font-size: 19px;
    transition: ease 0.3s;
    padding: 0.3rem;
    color: rgba(var(--bs-mynavbar-rgb));
    font-weight:bold;
}

.h1-prch-his:hover {
    font-size: 25px;
    border-bottom: 1px solid rgba(var(--bs-mynavbar-rgb));
}

.dropdown-menu .dropdown-item {
    white-space: normal; /* Allow text to wrap */
    word-wrap: break-word; /* Break words if necessary */
}

    /* Optional: Style for very long text in dropdown items */
    .dropdown-menu .dropdown-item a {
        word-break: break-word; /* Break long words for better readability */
        overflow-wrap: break-word; /* Ensures the text wraps properly in all cases */
    }

/* Ensure submenus also have word wrapping */
.submenu .dropdown-item {
    white-space: normal; /* Allow text to wrap in submenus */
    word-wrap: break-word; /* Handle text overflow */
}

#gridscroll, #gridscroll1 {
    height: auto;
    overflow-y: scroll;
    /*margin: auto;*/
}

#divFinalizeMsg
{
    max-width:100%;
}

.landdetailgrid {
    display: grid;
    grid-template-columns: auto auto auto auto auto auto;
    gap:10px 20px;
}

.gridscrollbar {
    overflow-x: auto; /* enables horizontal scrolling */
    overflow-y: auto; /* optional: keeps vertical scrolling */
    max-height: 400px; /* or any specific height you want */
    white-space: nowrap; /* prevents content from wrapping */
}

    /* Optional scrollbar styling (for WebKit browsers like Chrome) */
    .gridscrollbar::-webkit-scrollbar {
        height: 6px;
    }

    .gridscrollbar::-webkit-scrollbar-thumb {
        background: rgba(var(--bs-mynavbar-rgb));
        border-radius: 3px;
    }

    .gridscrollbar::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

.popup-msg {
    position: fixed;
    top: 0;
    left: 50%;
    font-weight: bolder;
    transform: translateX(-50%); /* Center horizontally */
    z-index: 9999; /* Ensure the alert stays on top */
    margin: 10px 0;
    padding: 10px 20px;
    border-radius: 5px;
}

.ofmas-logo {
    width: 70px;
    height: 70px;
}

.top-bar-icon {
    display: none;
}

.ofmas-title {
    color: white;
    font-size: 20px;
    font-weight: bold;
    padding: 2px;
}

.side-nav-icon_btn {
    display: none;
}

.txtClass {
    padding: 5px;
    text-align: center;
    background-color: rgba(var(--bs-mynavbar-rgb));
    color: white;
}

.display-data-label {
    background-color: #e9ecef; /* Light gray background for the input */
    color: black; /* Text color for the label */
    opacity: 0.5; /* Slightly transparent */
    cursor: not-allowed; /* Not allowed cursor */
    font-size: 13px;
}

.modal{
    border:1px solid rgb(var(--bs-mynavbar-rgb));
}

/*.modal {
    position: fixed;
    top: 0;
    left: 0;
    background-color: black;
    z-index: 99;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    min-height: 100%;
    width: 100%;
}*/

.loading {
    font-family: Arial;
    font-size: 10pt;
    border: 5px solid #67CFF5;
    width: 200px;
    height: 100px;
    display: none;
    position: fixed;
    background-color: White;
    z-index: 999;
}

.fa-repeat{
    color:rgb(var(--bs-mynavbar-rgb));

}

.fa-repeat:hover {
    cursor:pointer;
}

.RVF {
    font-size: 12px;
}

.farm-btn {
    color: rgb(var(--bs-mynavbar-rgb));
    background-color: #eee;
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.375rem;
    /*--bs-btn-font-family:;*/
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-width: var(--bs-border-width);
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: var(--bs-border-radius);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

    .farm-btn:hover {
        border: 1px solid rgb(var(--bs-mynavbar-rgb));
        /*box-shadow: 0px 12px 1px #eee;*/
        transition:all 200ms;
        transform:translateY(5px);
    }

.tableHeader {
    background-color: rgba(var(--bs-table-heading-rgb));
    /*background: linear-gradient( #2BC96D,#D3D3D3);*/
    padding: 10px;
    font-size: 14px;
    color: rgba(var(--bs-table-heading-txt-rgb));
    border: 1px solid white;
    text-align: center;
}

.form-row {
    margin-top: 5px;
}

    .form-row > input, select {
        border: 1px solid rgba(var(--bs-mynavbar-rgb));
        width: 100%;
        border-radius: 10px;
        padding: 5px;
    }

select {
    text-align: center;
}

    select > option {
        border: 1px solid rgba(var(--bs-mynavbar-rgb));
    }

.tickImg {
}

.cancel-btn {
    width: 100%;
    border-radius: 10px;
    padding: 5px;
    margin-top: 10px;
    color: white;
}

    .cancel-btn:hover {
        width: 100%;
        border-radius: 10px;
        padding: 5px;
        margin-top: 10px;
        color: white;
    }

.view-btn {
    background-color: rgba(var(--bs-mynavbar-rgb));
    width: 100%;
    border-radius: 10px;
    padding: 5px 5px;
    margin-top: 10px;
    color: white;
}

    .view-btn:active,
    .view-btn:focus {
        background-color: rgba(var(--bs-mynavbar-rgb)) !important; /* Force background color */
        color: white !important; /* Maintain text color */
        outline: none; /* Remove focus outline */
    }

.land-lblNm {
    font-size: 13px;
    font-weight: bold;
}

.view-btn:hover {
    background-color: rgba(var(--bs-mynavbar-rgb));
    color: white;
    /*width: 100%;
    border-radius: 10px;
    padding: 5px;
    margin-top: 10px;
    */
}

.cmn-card {
    background-color: rgb(var(--bs-mynavbar-rgb));
    color: whitesmoke;
}

.txtBox::placeholder {
    font-size: 13px;
}

.txtBox {
    border: 1px solid gray;
    border-radius: 5px;
    height: 3.5vh;
    padding: 5px;
}

.tableFooter {
    background-color: rgba(var(--bs-table-footer-rgb));
}

.tableRow {
    background-color: rgba(var(--bs-table-row-rgb));
    padding: 10px;
    font-size: 14px;
    color: rgba(var(--bs-table-row-txt-rgb));
    text-align: center;
}

a {
    text-decoration: none;
    color: rgba(var(--bs-navbar-txt-rgb));
}

.hero-section {
    background-color: rgba(var(--bs-mynavbar-rgb));
    /* color: black; */
    color: rgba(var(--bs-navbar-txt-rgb));
    padding: 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.hero-section {
    color: rgba(var(--bs-hero-txt-rgb));
}

/*.hero-section__login__font .hero-section__login__font-login{*/
/* padding: 0.2vw;
  width: 10vw; */
/*border: 1px solid linear-gradient(60deg, #f79533, #f37055, #ef4e7cf6, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
  gap: 1px;
  border-radius: 10px;
  text-align: center;
}*/

.hero-section__login__font {
    display: flex;
    flex-direction: row;
    width:20rem;
    justify-content:space-evenly;
}

#login-area{
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:small;
    font-weight:bold;
    letter-spacing:0.3px;
}

    #login-area a {
        white-space: nowrap; /* Prevent line break */
    }

#logout-area {
    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing: 0.3px;
}

    #logout-area a {
        border: 1px solid white;
        border-radius: 5px;
        box-shadow: 0px 0px 5px white;
        cursor:pointer;
        font-family:Cambria, Cochin, Georgia, Times, Times New Roman, serif;
    }

        #logout-area a:hover {
            background-color: white;
            color: black;
            box-shadow: 0px 0px 10px white;
            transition: all 0.3s ease;
        }

.main-navbar {
    width: 100%;
    background-color: rgba(var(--bs-mynavbar-rgb));
    display:flex;
    justify-content:flex-start;
    align-items:flex-start;
    color:white;
    gap:30px;
    /*padding:15px;*/
}

.sidenavHover {
    margin-top: 50%;
    transition:all 200ms;
}

    .sidenavHover:hover {
        background-color: white;
        color: black;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        cursor: pointer;
        margin-left:5px;
        transition:color 0.2s;
    }

.main-navbar h4 {
    cursor: pointer;
    border-bottom: 1px solid transparent;
    transition: border-color 200ms ease, border-width 200ms ease;
    position: relative;
    display: inline-block;
}

        .main-navbar h4::after {
            content: '';
            position: absolute;
            left: 50%;
            bottom: 0;
            width: 0;
            height: 2px;
            background-color: white;
            transition: all 300ms ease;
            transform: translateX(-50%);
        }

        .main-navbar h4:hover::after {
            width: 100%;
        }

/*        .main-navbar h4:hover {
            border-bottom: 1px solid white;
        }*/

#login-area a {
    border: 1px solid white;
    border-radius: 5px;
    box-shadow: 0px 0px 5px white;
}

        #login-area a:hover 
        {
            background-color: white;
            color: black;
            box-shadow: 0px 0px 10px white;
            transition: all 0.3s ease;
        }

        .hero-section__login__font-login {
            /* padding: 0.2vw;
  width: 10vw; */
            cursor: pointer;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            border: none;
            letter-spacing: 1px;
            font-size: 15px;
            background-color: rgb(255, 152, 0);
            color: white;
            border-radius: 70px;
            padding: 10px;
            height: 40px;
            /*text-transform: uppercase;*/
            font-weight: 500;
            -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
            transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
            margin-right: 5px;
            font-family: sans-serif !important;
        }

    .hero-section__login__font-login:hover, .fa-right-from-bracket:hover {
        -webkit-transform: scale(1.015);
        transform: scale(1.015);
        -webkit-filter: brightness(110%);
        filter: brightness(110%);
    }

.nav-link {
    margin-left: 5px;
    margin-right: 5px;
}

.mybox {
    padding: 0;
    margin-top: 0.1vw;
    color: black !important;
}
/*.card{
  box-shadow: 10px 10px 5px lightblue;
}*/

.hero-section h1 {
    margin: 0;
}

.box-body-m {
    font-size: 12px;
    max-height: 350px;
}

.box-body {
    font-size: 11px;
    font-weight: bold;
    max-height: 350px;
    overflow: auto;
}

    .box-body ul li a {
        color: #495057;
        font-family: Verdana;
    }

    .box-body ul {
        padding-bottom: 10px;
    }

.box-body-m ul li a {
    color: #495057;
    font-family: Verdana;
    font-weight: bold;
}

.box-body-m marquee ul {
    max-height: 300px;
}

.dropdown-item {
    color: white !important;
}

    .dropdown-item:hover {
        color: black !important;
    }

.dropdown-menu li:last-child {
    border-bottom: none !important;
}

@media (max-width: 768px) {

    .main-grp-doc-upld {
        
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
        padding: 10px 40px;
        position: relative;
        width: 100%;
        margin-left:10px;
        margin-right:10px;
    }

    .add-memb-basci-det {
        display: grid;
        grid-template-columns: auto auto;
        justify-content: space-around;
        align-items: center;
        gap: 10px;
    }

    .add-memb-submtbtn {
        display: grid;
        grid-template-columns: auto auto auto auto;
        justify-content: center;
        align-items: center;
    }

    .application-status {
        font-size: 16px;
        font-weight: bold;
        color: lightgreen;
    }

    .hero-section {
        flex-direction: column;
        text-align: center;
    }

    #verifApp {
        display: grid;
        grid-template-columns: repeat(1, 1fr); /* 2 columns */
        grid-template-rows: repeat(5, auto); /* 3 rows, each height depends on content */
        gap: 1rem; /* Space between the cards */
        padding: .8rem; /* Padding around the section */
        justify-items: center;
    }

    .box-container {
        flex-direction: column;
    }

    .box {
        flex-basis: 100%;
        margin-bottom: 20px;
    }

    .top-btn {
        display: none;
    }

    .top-bar-icon {
        display: block;
    }

    .side-nav-icon {
        display: none;
    }

    .side-nav-icon_btn {
        display: block;
    }

    /*.table-responsive {
        -ms-overflow-style: -ms-autohiding-scrollbar;
        overflow-x: auto;
    }*/

    /* Hide some columns on smaller screens (e.g. Hide 'Subsidy' and 'Supply Date' on mobile) */
    /*.table td, .table th {
        white-space: nowrap;
    }

        .table th:nth-child(n+10), .table td:nth-child(n+10) {
            display: none;
        }*/

}

/*@media (max-width: 576px) {
    .table td, .table th {
        font-size: 12px;
    }*/

.bg-mynavbar {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-mynavbar-rgb), var(--bs-bg-opacity)) !important;
}

.dropdown-menu {
    background-color: rgba(var(--bs-mynavbar-rgb));
}

    .dropdown-menu li {
        position: relative;
        border-bottom: 1px solid white;
    }

    .dropdown-menu .submenu {
        display: none;
        position: absolute;
        left: 100%;
        top: -7px;
    }

    .dropdown-menu > li:hover > .submenu {
        display: block;
    }

    .dropdown-menu .submenu-left {
        right: 100%;
        left: auto;
    }

.nav-link {
    color: white;
}

.active-scheme {
    align-self: center;
    width: 400px;
    height: 100px;
    background-color: blanchedalmond;
    display: none;
    position: absolute;
    z-index: 20;
}

.activeScheme:hover > .active-scheme {
    display: block;
}

header {
    background-color: white;
    padding: 20px;
    display: flex;
    align-items: center;
}

.logo img {
    max-width: 100px; /* Adjust as needed */
}

.title {
    margin-left: 20px;
}

    .title h1 {
        margin: 0;
        font-size: 24px;
    }

    .title h2 {
        margin: 5px 0 0;
        font-size: 18px;
    }

footer {
    position: fixed;
    /*position:sticky;*/
    left: 0;
    bottom: 2px;
    width: 100%;
    background-color: rgba(var(--bs-footer-rgb, #C8C8C8)) !important;
    color: white;
    text-align: center;
    border-radius: 3px;
    padding-top: 5px;
    padding-bottom: 5px;
    z-index: 2;
}

.nic-logo img {
    max-width: 100px; /* Adjust as needed */
}

.disclaimer p {
    margin: 10px 0 0;
    font-size: 14px;
    color: rgba(var(--bs-footer-text-rgb));
}

.modal-scheme {
    background-color: rgba(var( --bs-mynavbar-rgb));
    color: rgba(var(--bs-navbar-txt-rgb));
}

.card-border {
    border: 1px solid rgba(var( --bs-mynavbar-rgb));
    margin: 5px;
}

.scheme-card-header {
    font-weight: bold;
}

.my-card-text {
    font-family: Verdana;
    font-size: 12px;
}

.imp-body {
    max-height: 500px;
    overflow: auto;
}

.box-container {
    display: flex;
    justify-content: space-between;
    margin: 20px;
}

.box {
    flex-basis: calc(33.33% - 10px);
    background-color: #f0f0f0;
    padding: 20px;
    box-sizing: border-box;
}

    .box h2 {
        margin-top: 0;
    }

/*.row {
    display: flex;
    justify-content: space-between;
    align-items:center;*/
/* margin-bottom: 10px; */
/*}*/

.btnprcd {
    width: 100%;
}

.top-sidenavicon {
    display: none;
}

.dot {
    cursor: pointer;
    height: 25px;
    width: 25px;
    border: 1px solid white;
    border-radius: 50%;
    display: inline-block;
    padding-bottom: 0;
    margin-bottom: 0;
}

.theme1 {
    background-color: rgba(var(--bs-theme1-rgb));
}

.theme2 {
    background-color: rgba(var(--bs-theme2-rgb));
}

.theme3 {
    background-color: rgba(var(--bs-theme3-rgb));
}

.theme4 {
    background-color: rgba(var(--bs-theme4-rgb));
}

.radio-button {
    margin-right: 10px; /* Adjust as needed */
}

.radio-grp {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.btnPDF, .btnExcel, .btnView {
    background-color: rgba(var(--bs-mynavbar-rgb));
    color: whitesmoke;
    border: 1px solid rgba(var(--bs-mynavbar-rgb));
    font-weight: bold;
    line-height: 21px;
    vertical-align: baseline;
    letter-spacing: normal;
    word-spacing: 0px;
    font-weight: 700;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    text-decoration: none solid rgb(255, 87, 87);
    text-align: center;
    text-indent: 0px;
    font-size: 14px;
    width: 100%;
    font-size: 16px;
    /*margin-top: 20px;*/
}

    .btnPDF:hover, .btnExcel:hover, .btnView:hover {
        background-color: rgba(var(--bs-mynavbar-rgb));
        color: whitesmoke;
    }

.main-card-progress {
    width: 50vw;
    position: absolute;
    left: 30%;
    top: 26%;
}

@media (max-width:1294px) {
    .nav-link {
        font-size: 13px;
    }

    #divDocbtns {
        display: flex;
        flex-direction: column;
        justify-content:center;
        align-items:center;
    }
}

@media (max-width:1096px) {
    .nav-link {
        font-size: 12px;
    }
}

@media (max-width:1035px) {
    .nav-link {
        font-size: 10px;
    }
}

@media (max-width:912px) {
    .nav-link {
        max-width: 100px;
    }
}

@media (min-width:1205px) {
    footer {
        position: fixed;
    }
}

@media (max-width: 600px) {
    .logo img {
        max-width: 80px; /* Adjust as needed for smaller alls */
    }

/*    .title h1 {
        font-size: 20px;
    }

    .title h2 {
        font-size: 16px;
    }*/

    .nic-logo img {
        max-width: 30px; /* Adjust as needed for smaller alls */
    }

    .disclaimer p {
        font-size: 12px;
    }

    footer {
        position: fixed;
        margin-top: 20px;
    }

    /*    .change-pass{
        font-size:1.3vh;
    }
*/

    .side-nav-icon {
        display: none;
    }

    .top-sidenavicon {
        display: flex;
    }

    /*    .sidenav{
        display:none;
    }*/

}

@media (max-width:800px) {

    .btn .btn-text {
        display: inline; /* Show text for buttons */
    }

    .btn .btn-icon {
        display: none; /* Hide icons for buttons */
    }

    .content h2 {
        font-size: 2vh !important;
    }

    .dropdown-menu .submenu {
        left: 25%;
        top: 0px;
    }

    .dropdown-menu .multi-menu {
        left: 95%;
    }

    .dropdown-menu .submenu-left {
        left: 50%;
    }

    #mySidenav {
        z-index: 999;
    }

    .no-data-img {
        max-width: 90% !important;
    }

    table {
        font-size: 1.5vh;
    }

    .main-table-body {
        overflow-x: scroll; /* Always show the horizontal scrollbar */
        width: 100%;
        padding-bottom: 10px; /* Space for the scrollbar */
    }

        .main-table-body::-webkit-scrollbar {
            height: 10px; /* Set the height of the scrollbar */
        }

        .main-table-body::-webkit-scrollbar-thumb {
            background-color: #888; /* Color of the scroll thumb */
            border-radius: 10px; /* Rounded corners */
            transition: background-color 0.3s; /* Smooth transition */
        }

            .main-table-body::-webkit-scrollbar-thumb:hover {
                background-color: #555; /* Color when hovered */
            }

        .main-table-body::-webkit-scrollbar-track {
            background-color: #f1f1f1; /* Color of the track */
            border-radius: 10px;
        }

    /* Optional: Custom scrollbar for Firefox */
    .main-table-body {
        scrollbar-width: thin; /* Thin scrollbar */
        scrollbar-color: #888 #f1f1f1; /* thumb and track colors */
    }

    .timeline-main-card {
        width: 100vw !important;
    }
}

@media(min-width:801px) {
    .btn .btn-text {
        display: none; /* Show text for buttons */
    }

    .btn .btn-icon {
        display: inline; /* Hide icons for buttons */
    }
}

@media (min-width:300px) and (max-width:480px) {
    .dropdown-item {
        font-size: 0.5rem;
    }

    .footer {
        bottom: 0;
    }
}

/*---------------------------------------------------Login Css start-----------------------------------------------------------------------*/

html, body {
    width: 100%;
    height: 100%;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.main-container {
    display: flex;
    width: 100% !important;
    height: 100%;
    flex-direction: row;
    align-items: center;
    /* justify-content: space-between;
    background-image: url("assets/BeFunky-collage.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed; */
    /* opacity: 0.5; */
}

.left-side-login {
    display: flex;
    background-color: bisque;
    width: 50%;
    height: 100%;
    align-items: center;
}

.right-side-login {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.main-card {
    width: 50%;
    height: 80%;
    border-radius: 20px;
    box-shadow: 10px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
    position: relative;
    /*z-index: 5;*/
    margin-top: 20px;
    padding: 0;
}

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

.cardDiv {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.login-header {
    background-color: rgba(var(--bs-mynavbar-rgb));
    color: whitesmoke;
    font-size: 24px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.cross {
    cursor: pointer;
}

.login-title {
    font-weight: 600;
    font-size: 32px;
    padding-bottom: 10px;
}

.login-txt {
    font-size: 24px;
    font-weight: 400;
}

.login-btn {
    background-color: rgba(var(--bs-mynavbar-rgb));
    color: whitesmoke;
    border: 1px solid rgba(var(--bs-mynavbar-rgb));
    width: 80%;
    font-size: 16px;
    font-weight: bold;
    line-height: 21px;
    vertical-align: baseline;
    letter-spacing: normal;
    word-spacing: 0px;
    font-weight: 700;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    text-decoration: none solid rgb(255, 87, 87);
    text-align: center;
    text-indent: 0px;
    font-size: 14px
}

.login-cancel {
    background-color: rgba(var(--bs-mynavbar-rgb));
    color: whitesmoke;
    border: 1px solid rgba(var(--bs-mynavbar-rgb));
    width: 20%;
    font-size: 16px;
    font-weight: bold;
}

.resent-cancel-btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.login-btn:hover, .login-cancel:hover {
    background-color: rgba(var(--bs-mynavbar-rgb));
    color: white;
    filter: brightness(120%);
}

.resent-btn:hover, .verify-btn:hover {
    background-color: rgba(var(--bs-mynavbar-rgb));
    color: white;
    filter: brightness(120%);
}

.forget-password a {
    list-style-type: none;
    color: black !important;
    text-decoration: none;
    font-size: 14px;
    padding-right: 5px;
    padding-bottom: 5px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.forget-password {
    display: flex;
    flex-direction: row;
    align-items: end;
    justify-content: end;
}

.otp-sent-txt {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
}

.use-list {
    width: 100%;
    display: flex;
    flex-direction: row;
    /* align-items: center; */
    justify-content: space-between;
    flex-wrap: wrap;
}

.main-form {
    background-color: aliceblue;
    margin-top: 20px;
}

.login-cancel-btn, .otp-resent {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-evenly;
    /* margin-top: 20px; */
    padding: 10px;
}

.input-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

    .input-row label {
        font-size: 15px;
    }

.radio-form {
    padding-left: 2em;
}

.verify-btn, .resent-btn {
    background-color: rgba(var(--bs-mynavbar-rgb));
    color: white;
}

#otp-txt {
    width: 30%;
    padding: 5px;
}

.otp-area {
    align-items: center;
    /*display:none;*/
}

#requiretxtuser {
    font-size: 10px;
}

@media (min-width:2561px)
{

    .patternassist {
        display: grid;
        grid-template-columns: auto auto;
        grid-template-rows: auto auto;
        justify-content: center;
        align-items: center;
        gap: 10px 20px;
    }

    .main-grp-doc-upld {
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
        padding: 10px 40px;
        position: relative;
        width: 50%;
    }
    /*    #scheme {
        position: fixed;
        max-width: fit-content;
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
        z-index: 9999;
        gap: 40px;
        border: 1px solid rgba(var(--bs-mynavbar-rgb),0.5);
        display: grid;
        grid-template-rows: auto;
        grid-template-columns: auto auto auto auto;
        justify-content: center;
        align-items: center;
        padding: 60px;
        border-radius: 10px;
        margin-top: 5px;
        margin-left: 5px;
        margin-right: 5px;
        background-color:gray;
    }*/
    /*    .closebtn {
        width: 30px;
        height: 30px;
        padding: 5px;
        text-align: center;
        background-color: #EDEDF2;
        color: #000;
        border: none;
        outline: none;
        cursor: pointer;
        border-radius: 50%;
        position: absolute;
        top: 0;
        right: 0%;
    }*/
    .grp-doc-upld {
        display: grid;
        grid-template-columns: auto auto auto auto auto;
        justify-content: center;
        align-items: center;
        gap: 10px 20px;
    }

    .label-style {
        text-align: end;
    }

    .application-status {
        font-size: 16px;
        font-weight: bold;
        color: lightgreen;
    }

    #scheme {
        max-width: fit-content;
        transform: translate(-50%, -50%);
        gap: 40px;
        display: grid;
        grid-template-rows: auto;
        grid-template-columns: auto auto auto auto;
        justify-content: center;
        align-items: center;
        padding: 60px;
        border-radius: 10px;
        margin-top: 5px;
        margin-left: 5px;
        margin-right: 5px;
    } 

    .scheme-card {
        width: 250px !important;
        height: 100px !important;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: rgba(var(--bs-mynavbar-rgb),0.8);
        /*        width: 190px;
        height: 254px;*/
        border-radius: 10px;
        /*background: #f5f5f5;*/
        position: relative;
        padding: 1.8rem;
        border: 2px solid #c3c6ce;
        transition: 0.5s ease-out;
        overflow: visible;
        text-align: center;
        font-size: 12px !important;
    }

    .text-titleh6 {
        color: #FFF;
        font-size: 1.5em;
        font-weight: bold;
    }

    .text-titleh3 {
        color: #FFF;
        font-size: 3em;
        font-weight: bold;
    }

    /*Hover*/
    .scheme-card:hover {
        border-color: rgba(var(--bs-mynavbar-rgb));
        box-shadow: 0 4px 18px rgba(var(--bs-mynavbar-rgb));
    }

    .card:hover .card-button {
        transform: translate(-50%, 50%);
        opacity: 1;
    }
}

@media (min-width:1441px) and (max-width:2560px) {

    .grp-edit-profile, .grp_bank_det {
        border: 1px solid rgba(var(--bs-mynavbar-rgb));
        border-radius: 10px;
        display: grid;
        grid-template-columns: auto auto auto auto;
        gap: 10px 20px;
        justify-content: center;
        align-items: center;
        padding: 20px;
        margin: 20px;
    }

    .grp_doc_edit {
        display: grid;
        grid-template-columns: 250px 250px auto 300px;
        gap: 10px 20px;
        justify-content: flex-start;
        align-items: center;
        padding: 20px;
        margin: 20px;
    }

    .patternassist {
        display: grid;
        grid-template-columns: auto auto;
        grid-template-rows: auto auto;
        justify-content: center;
        align-items: center;
        gap: 10px 20px;
    }

    .cnfrmcurrfyear {
        display: flex;
        /*grid-template-rows: auto auto;
        grid-template-columns: auto auto;*/
        justify-content: center;
        align-items: center;
    }

    /*new navbar start*/
    .navbar__ {
        width: 100%;
        display: grid;
        grid-template-columns: auto auto auto auto;
        justify-content: center;
        align-items: center;
        gap: 20px;
    }

    .navbar__li {
        padding: 5px;
        list-style: none;
        cursor: pointer;
        position: relative;
        color: white;
        line-height: 2;
    }

        .navbar__li::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 0%;
            height: 2px;
            background-color: #FFFFFF;
            transition: width 0.3s ease-in-out;
        }

        .navbar__li:hover::after {
            width: 100%;
        }

    .navbar__li__submenu {
        display: none;
        position: absolute;
        top: 100%; /* Appear directly below parent li */
        left: 0;
        background-color: rgba(var(--bs-mynavbar-rgb, 51, 51, 51), 0.95); /* Fallback RGB value */
        z-index: 999;
        min-width: 400px;
        padding: 10px 0;
        box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    }

    .navbar__li:hover .navbar__li__submenu {
        display: block;
    }

    .navbar__li__submenu li {
        background-color: rgba(var(--bs-mynavbar-rgb));
        padding: 10px 20px;
        text-align:left;
        color: white;
        cursor: pointer;
        white-space: nowrap;
        list-style:none;
    }

        .navbar__li__submenu li:hover {
            /*background-color: rgb(var(--bs-mynavbar-rgb),0.9);*/
            background-color:white;
        }

            .navbar__li__submenu li:hover a {
                color: black;
            }

/*new navbar end*/

    .main-grp-doc-upld {
        margin: auto;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
        padding: 10px 40px;
        position: relative;
        width: 50%;
    }
    .grp-doc-upld {
        display: grid;
        grid-template-columns: auto auto auto auto auto;
        justify-content: center;
        align-items: center;
        gap: 10px 20px;
    }

    .label-style {
        text-align: end;
    }

    .fmb-apply-imp {
        display: grid;
        grid-template-columns: auto auto auto auto auto auto auto;
    }

    .add-memb-basci-det {
        display: grid;
        grid-template-columns: auto auto auto auto;
        justify-content: space-around;
        align-items: center;
        gap: 10px;
    }

    .add-memb-submtbtn{
        display:grid;
        grid-template-columns: auto auto auto auto;
        justify-content: center;
        align-items: center;
    }

    #guidlines-details {
        margin-top: 5rem;
        display: grid;
        grid-template-columns: auto auto;
        grid-template-rows: auto;
        justify-content: center;
        align-items: center;
    }

    .highlights-grid {
        /*padding: 20px;*/
        display: grid;
        grid-template-columns: auto auto;
        grid-template-rows: auto auto auto auto;
        justify-content: space-around;
        align-items: center;
        width:30rem;
    }

    #grpguidelines {
        padding: 20px;
    }

    .grpimpinst {
        color: rgba(var(--bs-mynavbar-rgb));
    }

    #grpguidelines {
        box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    }

    .scheme-modal {
        display: grid;
        grid-template-columns: auto auto;
        grid-template-rows: auto auto;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }
    .card-border {
        height: 100%;
        
    }

    .dtdiv {
        width: inherit;
    }

        .dtdiv span, .dtdiv label {
            font-size: 12px;
        }
    .application-status {
        font-size: 16px;
        font-weight: bold;
        color: lightgreen;
        font-family: 'Times New Roman';
        /*color: rgba(var(--bs-card-text-rgb));*/
    }

    .app-status-card-smam, .app-status-card-chc, .app-status-card-schc {
        width: inherit;
    }

    .font-size-row .card {
        box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    }
    /*    #scheme {
        position: fixed;
        max-width: fit-content;
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
        z-index: 9999;
        gap: 40px;
        background-color: gray;
        border: 1px solid rgba(var(--bs-mynavbar-rgb),0.5);
        display: grid;
        grid-template-rows: auto;
        grid-template-columns: auto auto auto auto;
        justify-content: center;
        align-items: center;
        padding: 50px;
        border-radius: 10px;
        margin-top: 5px;
        margin-left: 5px;
        margin-right: 5px;
       
    }*/
    #scheme {
        max-width: fit-content;
        gap: 40px;
        display: grid;
        grid-template-rows: auto;
        grid-template-columns: auto auto auto auto;
        justify-content: center;
        align-items: center;
        padding: 60px;
        border-radius: 10px;
        margin-top: 5px;
        margin-left: 5px;
        margin-right: 5px;
        margin: auto;
    } 

    .closebtn {
        width: 30px;
        height: 30px;
        padding: 5px;
        text-align: center;
        color: #000;
        border: none;
        outline: none;
        cursor: pointer;
        border-radius: 50%;
        position: absolute;
        top: 0;
        right: 0%;
    }

    .scheme-card {
        /*cursor: pointer;*/
        width: 250px !important;
        height: 100px !important;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: rgba(var(--bs-mynavbar-rgb));
        border-radius: 10px;
        /*background: #f5f5f5;*/
        position: relative;
        padding: 5rem;
        border: 2px solid #c3c6ce;
        transition: 0.5s ease-out;
        overflow: visible;
        text-align: center;
        font-size: 12px !important;
        box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    }

    .text-titleh6 {
        color: #FFF;
        font-size: 1.3em;
        font-weight: bold;
    }

    .text-titleh3 {
        color: #FFF;
        font-size: 2em;
        font-weight: bold;
    }

    /*Hover*/
    .scheme-card:hover {
        border-color: rgba(var(--bs-mynavbar-rgb));
        box-shadow: 0 4px 18px rgba(var(--bs-mynavbar-rgb));
    }

    .card:hover .card-button {
        transform: translate(-50%, 50%);
        opacity: 1;
    }
}

@media (min-width:1201px) and (max-width:1440px)
{

    .grp-edit-profile, .grp_bank_det {
        border: 1px solid rgba(var(--bs-mynavbar-rgb));
        border-radius: 10px;
        display: grid;
        grid-template-columns: auto auto auto auto;
        gap: 10px 20px;
        justify-content: center;
        align-items: center;
        padding: 20px;
        margin: 20px;
    }

    .grp_doc_edit {
        display: grid;
        grid-template-columns: 250px 250px auto 300px;
        gap: 10px 20px;
        justify-content: flex-start;
        align-items: center;
        padding: 20px;
        margin: 20px;
    }

    .patternassist {
        display: grid;
        grid-template-columns: auto auto;
        grid-template-rows: auto auto;
        justify-content: center;
        align-items: center;
        gap: 10px 20px;
    }
    /*new navbar start*/
    .navbar__ {
        width: 100%;
        display: grid;
        grid-template-columns: auto auto auto auto;
        justify-content: center;
        align-items: center;
        gap: 20px;
    }

    .navbar__li {
        padding: 5px;
        list-style: none;
        cursor: pointer;
        position: relative;
        color: white;
        line-height: 2;
    }

        .navbar__li::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 0%;
            height: 2px;
            background-color: #FFFFFF;
            transition: width 0.3s ease-in-out;
        }

        .navbar__li:hover::after {
            width: 100%;
        }

    .navbar__li__submenu {
        display: none;
        position: absolute;
        top: 100%; /* Appear directly below parent li */
        left: 0;
        background-color: rgba(var(--bs-mynavbar-rgb, 51, 51, 51), 0.95); /* Fallback RGB value */
        z-index: 999;
        min-width: 400px;
        padding: 10px 0;
        box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    }

    .navbar__li:hover .navbar__li__submenu {
        display: block;
    }

    .navbar__li__submenu li {
        background-color: rgba(var(--bs-mynavbar-rgb));
        padding: 10px 20px;
        text-align: left;
        color: white;
        cursor: pointer;
        white-space: nowrap;
        list-style: none;
    }

        .navbar__li__submenu li:hover {
            /*background-color: rgb(var(--bs-mynavbar-rgb),0.9);*/
            background-color: white;
        }

            .navbar__li__submenu li:hover a {
                color: black;
            }

    /*new navbar end*/

    .main-grp-doc-upld {
        margin: auto;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
        padding: 10px 40px;
        position: relative;
        width: 50%;
    }
    .label-style {
        text-align: end;
    }

    .fmb-apply-imp {
        display: grid;
        grid-template-columns: auto auto auto auto auto auto auto;
        grid-template-rows: auto;
    }
    .add-memb-basci-det {
        display: grid;
        grid-template-columns: auto auto auto auto;
        justify-content: space-around;
        align-items: center;
        gap: 10px;
    }

    .add-memb-submtbtn {
        display: grid;
        grid-template-columns: auto auto auto auto;
        justify-content: center;
        align-items: center;
    }

    .schc-apply-basic, .schc-apply-address {
        display: grid;
        grid-template-columns: auto auto;
        gap: 10px 20px;
    }

    .schc-apply-implement {
        display: grid;
        grid-template-columns: auto auto;
        gap: 10px 20px;
    }

    .btn-Add-Imp {
        grid-column: span 2; /* span across both columns */
        justify-self: center; /* center it horizontally */
        width:35% !important;
    }

    #guidlines-details {
        margin-top: 5rem;
        display: grid;
        grid-template-columns: auto auto;
        grid-template-rows: auto;
        justify-content: center;
        align-items: center;
    }

    .highlights-grid {
        /*padding: 20px;*/
        display: grid;
        grid-template-columns: auto auto;
        grid-template-rows: auto auto auto auto;
        justify-content: space-around;
        align-items: center;
        width: 30rem;
    }

    #grpguidelines {
        padding: 20px;
    }

    .grpimpinst {
        color: rgba(var(--bs-mynavbar-rgb));
    }

    #grpguidelines {
        box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    }

    .application-status {
        font-size: 16px;
        font-weight: bold;
        color: white;
    }
    .font-size-row .card {
        box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    }
   /* #scheme {
        position: fixed;
        max-width: fit-content;
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
        z-index: 9999;
        gap: 40px;
        background-color: gray;
        border: 1px solid rgba(var(--bs-mynavbar-rgb),0.5);
        display: grid;
        grid-template-rows: auto;
        grid-template-columns: auto auto auto auto;
        justify-content: center;
        align-items: center;
        padding: 30px;
        border-radius: 10px;
        margin-left: 5px;
        margin-right: 5px;
    }*/

    .app-status-card-smam, .app-status-card-chc, .app-status-card-schc {
        width: inherit;
    }

    #scheme {
        max-width: fit-content;
        gap: 40px;
        display: grid;
        grid-template-rows: auto;
        grid-template-columns: auto auto auto auto;
        justify-content: center;
        align-items: center;
        padding: 60px;
        border-radius: 10px;
        margin-top: 5px;
        margin-left: 5px;
        margin-right: 5px;
        margin: auto;
    } 

    .closebtn {
        width: 30px;
        height: 30px;
        padding: 5px;
        text-align: center;
        /*background-color: #EDEDF2;*/
        color: #000;
        border: none;
        outline: none;
        cursor: pointer;
        border-radius: 50%;
        position: absolute;
        top: -3%;
        right: -1%;
    }

    .scheme-card {
        width: 250px !important;
        height: 200px !important;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: rgba(var(--bs-mynavbar-rgb),0.8);
        /*        width: 190px;
        height: 254px;*/
        border-radius: 10px;
        /*background: #f5f5f5;*/
        position: relative;
        padding: 1.8rem;
        border: 2px solid #c3c6ce;
        transition: 0.5s ease-out;
        overflow: visible;
        text-align: center;
        font-size: 12px !important;
        color:#FFF;
    }

    .text-title {
        color: #FFF;
        font-size: 1.5em;
        font-weight: bold;
    }

    /*Hover*/
    .scheme-card:hover {
        border-color: rgba(var(--bs-mynavbar-rgb));
        box-shadow: 0 4px 18px rgba(var(--bs-mynavbar-rgb));
    }

    .card:hover .card-button {
        transform: translate(-50%, 50%);
        opacity: 1;
    }
}

@media (max-width:1200px) {

    #guidlines-details {
        margin-top: 5rem;
        display: grid;
        grid-template-columns: auto auto;
        grid-template-rows: auto;
        justify-content: center;
        align-items: center;
    }

    .highlights-grid {
        /*padding: 20px;*/
        display: grid;
        grid-template-columns: auto auto;
        grid-template-rows: auto auto auto auto;
        justify-content: space-around;
        align-items: center;
        width: 30rem;
    }

    #grpguidelines {
        padding: 20px;
    }

    .grpimpinst {
        color: rgba(var(--bs-mynavbar-rgb));
    }

    #grpguidelines {
        box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    }

    .application-status {
        font-size: 16px;
        font-weight: bold;
        color: lightgreen;
    }
    .font-size-row .card {
        box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    }
/*    #scheme {
        position: relative;
        gap: 10px;
        border: 1px solid rgba(var(--bs-mynavbar-rgb),0.5);
        display: grid;
        grid-template-rows: auto;
        grid-template-columns: auto auto auto auto;
        justify-content: center;
        align-items: center;
        padding: 10px;
        border-radius: 10px;
        margin-left: 5px;
        margin-right: 5px;
    }*/

    #scheme {
        max-width: fit-content;
        gap: 40px;
        display: grid;
        grid-template-rows: auto;
        grid-template-columns: auto auto auto auto;
        justify-content: center;
        align-items: center;
        padding: 60px;
        border-radius: 10px;
        margin-top: 5px;
        margin-left: 5px;
        margin-right: 5px;
        margin: auto;
    } 

    .closebtn {
        width: 30px;
        height: 30px;
        padding: 5px;
        text-align: center;
        /*background-color: #EDEDF2;*/
        color: #000;
        border: none;
        outline: none;
        cursor: pointer;
        border-radius: 50%;
        position: absolute;
        top: -3%;
        right: -1%;
    }

    .scheme-card {
        width: 250px !important;
        height: 100px !important;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: rgba(var(--bs-mynavbar-rgb),0.8);
        /*        width: 190px;
        height: 254px;*/
        border-radius: 10px;
        /*background: #f5f5f5;*/
        position: relative;
        padding: 1.8rem;
        border: 2px solid #c3c6ce;
        transition: 0.5s ease-out;
        overflow: visible;
        text-align: center;
        font-size: 12px !important;
    }

    .text-title {
        color: #FFF;
        font-size: 1.5em;
        font-weight: bold;
    }

    /*Hover*/
    .scheme-card:hover {
        border-color: rgba(var(--bs-mynavbar-rgb));
        box-shadow: 0 4px 18px rgba(var(--bs-mynavbar-rgb));
    }

    .card:hover .card-button {
        transform: translate(-50%, 50%);
        opacity: 1;
    }

    .main-card {
        width: 60%;
    }

    .prgrptbody {
        width: 20vw;
        top: 30%;
    }
}

@media (max-width:786px) {
    .main-card {
        width: 90%;
    }

    .card-body {
        /*height: 40vh;*/
        height: auto;
    }
}

@media (max-width:630px) {
    .main-card {
        width: 90%;
        border-radius: 0px;
        height: 80%;
    }
}

@media (max-width:480px) {
    .main-card-progress {
        border-radius: 0px;
        height: 80%;
        max-width: 40vh;
        left: 5%;
        position: relative;
    }

    .submt-btn {
        margin-bottom: 5px;
    }

    footer {
        bottom: 0;
        position: fixed;
    }

    #gridscroll {
        max-height: auto;
    }

    .btnPDF, .btnView, .btnExcel {
        font-size: 12px;
        /*width: auto;*/
    }

    .input-row {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-evenly;
    }

    .ddlimpl {
        font-size: 11px;
    }

    .btnprcd {
        margin-top: 10px;
        /*width:100%;*/
    }
}

/*Login Css end*/

/*------------------------------------------------------------------SnackBar----------------------------------------------------------------*/

/* The snackbar - position it at the bottom and in the middle of the all */
#snackbar {
    visibility: hidden; /* Hidden by default. Visible on click */
    min-width: 250px; /* Set a default minimum width */
    margin-left: -125px; /* Divide value of min-width by 2 */
    background-color: #FFC107; /* Black background color */
    color: black; /* White text color */
    text-align: center; /* Centered text */
    border-radius: 10px; /* Rounded borders */
    padding: 16px; /* Padding */
    position: fixed; /* Sit on top of the screen */
    z-index: 1; /* Add a z-index if needed */
    left: 50%; /* Center the snackbar */
    top: 30px; /* 30px from the bottom */
    font-size: 12px;
    font-weight: bold;
    font-family: sans-serif;
}

    /* Show the snackbar when clicking on a button (class added with JavaScript) */
    #snackbar.show {
        visibility: visible; /* Show the snackbar */
        /* Add animation: Take 0.5 seconds to fade in and out the snackbar.
  However, delay the fade out process for 2.5 seconds */
        -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
        animation: fadein 0.5s, fadeout 0.5s 2.5s;
    }

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
    from {
        top: 0;
        opacity: 0;
    }

    to {
        top: 30px;
        opacity: 1;
    }
}

@keyframes fadein {
    from {
        top: 0;
        opacity: 0;
    }

    to {
        top: 30px;
        opacity: 1;
    }
}

@-webkit-keyframes fadeout {
    from {
        top: 30px;
        opacity: 1;
    }

    to {
        top: 0;
        opacity: 0;
    }
}

@keyframes fadeout {
    from {
        top: 30px;
        opacity: 1;
    }

    to {
        top: 0;
        opacity: 0;
    }
}

/*-------------------------------------------sidebar-----------------------------------------------*/

.btnBgColor {
    background-color: #428BEE !important;
    color: white;
}

    .btnBgColor:hover {
        background-color: #0285C6 !important;
        color: white;
    }

.side-nav-cardHeader > a {
    font-size: 14px !important;
    color: white !important;
    font-weight: bold;
    padding: 0px !important;
    text-align: left;
}

.accordion-button {
    background-color: rgb(var(--bs-mynavbar-rgb)) !important;
    color: white !important;
}

.accordion-item {
    background-color: rgba(var(--bs-mynavbar-rgb));
}

/*commented on 08.04.2025*/
/*.accordion-body {
    background-color: rgba(var(--bs-themeLight-rgb));
    padding: 0px !important;
    margin-left: 1px !important;
    margin-right: 1px !important;
}*/

    .accordion-body ul {
        list-style-type: none; /* Remove bullet points */
        padding: 0; /* Remove default padding */
        background-color: rgba(var(--bs-mynavbar-rgb));
    }

    .accordion-body li {
        margin: 10px 0; /* Space between list items */
        background-color: rgba(var(--bs-mynavbar-rgb));
        /*border-bottom-style:solid;
    border-bottom-width:1px;
    border-bottom-color:white;*/
    }

        .accordion-body li a {
            font-size: 14px; /* Font size */
            color: white; /* Link color */
            text-decoration: none; /* Remove underline */
            padding: 5px 10px; /* Padding for the links */
            display: block; /* Make the link fill the list item */
            border-radius: 4px; /* Rounded corners */
            transition: background-color 0.3s; /* Smooth background transition */
        }

            .accordion-body li a:hover {
                background-color: rgba(var(--bs-mynavbar-rgb));
                color: white; /* Change link color on hover */
            }

        .accordion-body li::after {
            content: ''; /* Create a pseudo-element for the border */
            position: absolute; /* Position it absolutely */
            left: 0; /* Align to the left */
            right: 0; /* Align to the right */
            bottom: 0; /* Align to the bottom */
            height: 1px; /* Height of the border */
            background-color: #ddd; /* Border color */
        }

        .accordion-body li:last-child::after {
            display: none; /* Hide the border for the last item */
        }

/*.side-nav-icon {*/
/*height: calc(100vh - 233.1875px);*/
/*height: 100vh;*/
/*height:500px;
    width: 50px;*/
/*position: fixed;*/
/*position: absolute;*/
/*z-index: 999;*/
/*top: 24.6%;*/
/*left: 0;
    color: white;
    font-size: 15px;
    background-color: rgb(var(--bs-mynavbar-rgb));
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}*/

.side-nav-icon {
    height: auto; /* Adjust height to fit content dynamically */
    min-height: 100vh; /* Optional: Set a minimum height */
    max-height: 100vh; /* Prevent it from exceeding viewport height */
    width: 50px; /* Fixed width */
    position: fixed; /* Fixed to the viewport */
    z-index: 1000; /* Ensure it overlays other elements */
    top: 0; /* Start at the top of the viewport */
    left: 0; /* Align to the left of the viewport */
    color: white; /* Text/icon color */
    font-size: 15px;
    background-color: rgba(var(--bs-mynavbar-rgb)); /* Semi-transparent background */
    overflow-x: hidden; /* Prevent horizontal scrolling */
    overflow-y: auto; /* Add vertical scrolling if needed */
    transition: 0.5s; /* Smooth transitions */
    padding-top: 60px; /* Space at the top for content or icons */
}

.main-lang {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    padding: 5px 5px;
    flex-wrap: wrap;
}

#falang:hover {
    cursor: pointer;
}

/*.ofmas-lang {
    display: flex;
    z-index:999999;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    width: 100px;
    height: 50px;
    font-size: 13px;
    background-color: #3B3134;
    text-align: center;
    border-radius: 5px;
    transition:ease-out 2s;
}*/

.ofmas-lang {
    display: flex;
    z-index: 999999; /* Keeps it on top */
    flex-direction: column;
    justify-content: center;
    align-content: center;
    width: 100px;
    height: 80px;
    font-size: 13px;
    background-color: rgb(var(--bs-mynavbar-rgb));
    text-align: center;
    border-radius: 5px;
    transition: height ease-in 5s;
    /* Added properties for positioning */
    position: absolute; /* Allows precise placement */
    top: 5%; /* Adjust as needed */
    right: 10%; /* Adjust as needed */
    border: 1px solid #ddd; /* Optional: Border for better visibility */
    /*padding: 10px;*/ /* Optional: Space inside the box */
    display: none; /* Keeps it hidden initially */
    transform:scale(1) ;
}

    .ofmas-lang a {
        display: block; /* Ensures the anchor spans the full width of the parent */
        padding: 5px 0; /* Adds padding for better hover visibility */
        text-decoration: none; /* Removes underline from links */
        color: #fff; /* Default text color */
        background-color: transparent; /* Default background color */
        transition: background-color 0.3s ease; /* Smooth hover effect */
    }

        .ofmas-lang a:hover {
            background-color: white; /* Hover background color */
            color: black; /* Hover text color */
        }

#btnResetPass {
    position: relative; /* Ensures proper stacking context */
    z-index: 1; /* Places it below .ofmas-lang */
}

.hin-lang {
    border-bottom: 1px solid white;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.eng-lang {
    width: 100%;
    cursor: pointer;
}

.hin-lang:hover {
    background-color: white;
    color: black;
}

.eng-lang:hover {
    background-color: white;
    color: black;
}

#mySidenav, #sidenavicon {
    transition: width 0.4s ease-out; /* Adjust the duration and timing function */
}

/*.sidenav {*/
/*height: 100vh;*/
/*height:1200px;
    width: 0;
    position: absolute;
    z-index: 999;*/
/*top: 24.6%;*/
/*left: 0;
    color: white;
    font-size: 15px;
    background-color: rgb(var(--bs-mynavbar-rgb));
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}*/

.sidenav {
    height: 100vh; /* Full viewport height */
    width: 0; /* Start with no width */
    position: fixed; /* Fix it to the viewport */
    z-index: 1000; /* Ensure it overlays other content */
    top: 0; /* Align to the top */
    left: 0; /* Align to the left */
    color: white;
    font-size: 15px;
    background-color: rgba(var(--bs-mynavbar-rgb)); /* Semi-transparent background */
    overflow-x: hidden; /* Hide horizontal overflow */
    transition: 0.5s; /* Smooth opening/closing */
    padding-top: 60px; /* Add padding at the top */
}

/* CSS */
.button-63 {
    align-items: center;
    background-image: linear-gradient(144deg,#AF40FF, #5B42F3 50%,#00DDEB);
    border: 0;
    border-radius: 8px;
    box-shadow: rgba(151, 65, 252, 0.2) 0 15px 30px -5px;
    box-sizing: border-box;
    color: #FFFFFF;
    display: flex;
    font-family: Phantomsans, sans-serif;
    font-size: 13px;
    justify-content: center;
    line-height: 1em;
    max-width: 100%;
    min-width: 140px;
    /*padding: 19px 24px;*/
    text-decoration: none;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    white-space: nowrap;
    cursor: pointer;
}

    .button-63:active,
    .button-63:hover {
        outline: 0;
    }

    .sidenav a {
        /*padding: 8px 8px 8px 32px;*/
        text-decoration: none;
        font-size: 25px;
        color: #818181;
        display: block;
        transition: 0.3s;
    }

        .sidenav a:hover {
            color: #f1f1f1;
        }

    .sidenav .closebtn {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
    }

/*@media screen and (max-height: 450px) {

    .side-nav-icon {
       
        padding-top: 15px;
    }

        .side-nav-icon a {
            font-size: 18px;
        }

    .sidenav {
        padding-top: 15px;
    }

        .sidenav a {
            font-size: 18px;
        }
}

@media screen and (max-width:900px)
{
    .side-nav-icon {
        position: absolute;
        top: 30vh;
    }
}*/

/*------------------------------------------------Change Password Form------------------------------------------------------------------------------------*/

.change-pass-header {
    background-color: rgba(var(--bs-mynavbar-rgb));
    color: white;
}

/*------------------------------------------timeline design--------------------------------------------*/

.timeline-main-body {
    margin-top: 5%;
    justify-items: center;
    margin-left: 50%;
    margin-right: 50%;
    background-color: wheat;
}

.content h2 {
    font-size: 0.9vw;
}

.timeline-main-card {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    width: 50vw;
    height: 60vh;
    /*height: fit-content;*/
    /*background-color: #AED1E9;*/
    background-color: #F5F6F7;
}

.timeline-main-card {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    width: 50vw;
    height: 60vh;
    /*height: fit-content;*/
}

/* The actual timeline (the vertical ruler) */
.timeline {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
}

.color-detail-done {
    border: 4px solid #FF9F55;
    border-radius: 50%;
    width: 25px;
    height: 25px;
}

/* The actual timeline (the vertical ruler) */
.timeline::after {
    content: '';
    position: absolute;
    width: 6px;
    background-color: white;
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -3px;
}

/* Container around content */
.container {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    padding: 10px 40px;
    position: relative;
    /*background-color: inherit;*/
    width: 50%;
}

.container-active::after {
    content: '';
    border: 4px solid #FF9F55;
}

.container-inactive::after {
    content: '';
    border: 4px solid #777;
}

.my-active {
    border-color: #fff;
    background-color: #fff;
    border: #FF9F55;
}

.my-inactive {
    border-color: #aaa;
    background-color: #aaa;
    border: #aaa;
}

/* The circles on the timeline */
/*.container::after {
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    right: -17px;
    background-color: white;*/
    /*border: 4px solid #FF9F55;*/
    /*top: 15px;
    border-radius: 50%;
    z-index: 1;
}*/

/* Place the container to the left */
.left {
    left: 0;
}

/* Place the container to the right */
.right {
    left: 25.4%;
}

/* Add arrows to the left container (pointing right) */
.left::before {
    content: " ";
    height: 0;
    position: absolute;
    top: 22px;
    width: 0;
    z-index: 1;
    right: 30px;
    border: medium solid white;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent white;
}

/* Add arrows to the right container (pointing left) */
.right::before {
    content: " ";
    height: 0;
    position: absolute;
    top: 22px;
    width: 0;
    z-index: 1;
    left: 30px;
    border: medium solid white;
    border-width: 10px 10px 10px 0;
    /*border-color: transparent white transparent transparent;*/
}

.right-active::before {
    border-color: transparent white transparent transparent;
}

.right-inactive::before {
    border-color: transparent #ddd transparent transparent;
}

/* Fix the circle for containers on the right side */
.right::after {
    left: -16px;
}

/* The actual content */
.content {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    padding: 12px 20px;
    /*background-color: white;*/
    position: relative;
    border-radius: 6px;
}

.content-active {
    background-color: forestgreen;
    color: white;
}

.content-inactive {
    background-color: #FF5D5E;
}

/* Media queries - Responsive timeline on screens less than 600px wide */
@media  (max-width: 600px) {

    /* Place the timelime to the left */
    .timeline::after {
        left: 31px;
    }

    /* Full-width containers */
    .container {
        width: 100%;
        padding-left: 70px;
        padding-right: 25px;
    }

        /* Make sure that all arrows are pointing leftwards */
        .container::before {
            left: 60px;
            border: medium solid white;
            border-width: 10px 10px 10px 0;
            border-color: transparent white transparent transparent;
        }

    /* Make sure all circles are at the same spot */
    .left::after, .right::after {
        left: 15px;
    }

    /* Make all right containers behave like the left ones */
    .right {
        left: 0%;
    }
}

@media (max-width:1200px) {
    .content h2 {
        font-size: 1vw;
    }
}

/*--------------------------------------change password for farmer--------------------------------*/

.password-div {
    display: none;
}

.chng-pass_main-body {
    display: flex;
    height: 100%;
}

.chngPass-main-body {
    margin-top: 5%;
    justify-items: center;
    margin-left: 50%;
    margin-right: 50%;
}

.chngPass-main-card {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    width: 50vw;
    height: 60vh;
}

.left-image {
    object-fit: cover;
    object-position: bottom;
}

@media(max-width:575px) {

    .landdetailgrid {
        display: grid;
        grid-template-columns: auto;
        gap: 10px 20px;
    }

    .grp-edit-profile, .grp_bank_det {
        border: 1px solid rgba(var(--bs-mynavbar-rgb));
        border-radius: 10px;
        display: grid;
        grid-template-columns: auto;
        gap: 10px 20px;
        justify-content: center;
        align-items: center;
        padding: 20px;
        margin: 20px;
    }

    .grp_doc_edit {
        display: grid;
        grid-template-columns: auto;
        gap: 10px 20px;
        justify-content: flex-start;
        align-items: center;
        padding: 20px;
        margin: 20px;
    }

    .patternassist {
        display: grid;
        grid-template-columns: auto auto;
        grid-template-rows: auto auto auto;
        justify-content: center;
        align-items: center;
        gap: 10px 20px;
    }

    #openicon {
        display: block;
    }

    .navbar__ {
        display: none;
    }

    .main-grp-doc-upld {
        margin: auto;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
        padding: 10px 40px;
        position: relative;
        width: 100%;
    }

        .main-grp-doc-upld input[type=file] {
            width: 250px;
        }

    .grp-doc-btn{
        display:flex;
        flex-direction:column;
    }

    label-style {
        text-align: center;
    }

    .add-memb-basci-det {
        display: grid;
        grid-template-columns: auto;
        justify-content: space-around;
        align-items: center;
        gap: 10px;
    }

    .add-memb-submtbtn {
        display: grid;
        grid-template-columns: auto auto auto auto;
        justify-content: center;
        align-items: center;
    }

    .schc-apply-basic, .schc-apply-address {
        display: grid;
        grid-template-columns: auto;
        gap: 10px 20px;
    }

    .schc-apply-implement, .fmb-apply-basic, .fmb-apply-address, .fmb-apply-imp {
        display: grid !important;
        grid-template-columns: auto !important;
        gap: 10px 20px;
    }

    .btn-Add-Imp {
        grid-column: span 2; /* span across both columns */
        justify-self: center; /* center it horizontally */
        width: 35% !important;
    }

.mybox{
    margin-bottom:10px;
}

    .main-form-basic, .bank-form-basic {
        display: grid;
        grid-template-columns: auto;
        grid-template-rows: auto auto;
        gap: 10px 20px;
    }

    .grpotpdiv {
        display: grid;
        grid-template-columns: auto;
        grid-template-rows: auto auto auto;
        gap: 10px 20px;
    }

    #grpotpdetails {
        display: grid;
        grid-template-columns: auto auto;
        /*grid-template-rows: auto;*/
        gap: 10px 20px;
    }

    .grpdoc {
        display: grid;
        grid-template-columns: auto;
        grid-template-rows: auto auto auto;
        gap: 10px 20px;
    }

    .grpsubmit {
        display: grid;
        grid-template-columns: auto;
        grid-template-rows: auto auto;
        justify-content: center;
        align-items: center;
        gap: 10px 20px;
    }

    .grpcaptcha {
        display: grid;
        grid-template-columns: auto;
        grid-template-rows: auto auto auto auto;
        gap: 10px 20px;
    }

    #guidlines-details {
        gap:10px;
        margin-top: 5rem;
        display: grid;
        grid-template-columns: auto;
        grid-template-rows: auto auto;
        justify-content: center;
        align-items: center;
        
    }

    .highlights-grid {
        /*padding: 20px;*/
        display: grid;
        grid-template-columns: auto auto;
        grid-template-rows: auto auto auto auto;
        justify-content: space-around;
        align-items: center;
        margin: auto;
        width: 20rem;
    }

    #grpguidelines {
        padding: 20px;
        width:20rem;
    }

    .grpimpinst {
        color: rgba(var(--bs-mynavbar-rgb));
    }

    #grpguidelines {
        box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    }

    .application-status {
        font-size: 16px;
        font-weight: bold;
        color: lightgreen;
        /*color: rgb(var(--bs-card-text-rgb));*/
    }

    .font-size-row .card {
        box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    }

    .font-size-row {
        display: grid;
        grid-template-rows: auto auto auto;
        grid-template-columns: auto;
        justify-content:center ;
        align-items:center;
        gap:10px;
    }

  #mychart{
      display:block;
      width:368px;
      height:300px;
  }

/*    #scheme {
        position: fixed;
        max-width: fit-content;
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
        z-index: 9999;
        gap: 40px;
        background-color: gray;
        border: 1px solid rgba(var(--bs-mynavbar-rgb),0.5);
        display: grid;
        grid-template-rows: auto auto auto auto;
        grid-template-columns: auto;
        justify-content: center;
        align-items: center;
        padding: 25px;
        border-radius: 10px;
        margin-left: 5px;
        margin-right: 5px;
    }*/

    #scheme {
        max-width: fit-content;
        gap: 20px;
        display: grid;
        grid-template-rows: auto auto auto auto;
        grid-template-columns: auto;
        justify-content: center;
        align-items: center;
        padding: 60px;
        border-radius: 10px;
        margin-top: 5px;
        margin-left: 5px;
        margin-right: 5px;
        margin: auto;
    } 

    .closebtn {
        width:30px;
        height:30px;
        padding:5px;
        text-align:center;
        /*background-color: #EDEDF2;*/
        color: #000;
        border: none;
        outline: none;
        cursor: pointer;
        border-radius: 50%;
        position: absolute;
        top:0;
        right:0;
        
    }

    .scheme-card {
        width: 300px !important;
        height: 200px !important;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: rgba(var(--bs-mynavbar-rgb),0.8);
        border-radius: 10px;
        position: relative;
        padding: 1.8rem;
        border: 2px solid #c3c6ce;
        transition: 0.5s ease-out;
        overflow: visible;
        text-align: center;
        font-size: 12px !important;
        color: #FFF;
        box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    }

    .text-title {
        color: #FFF;
        font-size: 1.5em;
        font-weight: bold;
    }

    /*Hover*/
    .scheme-card:hover {
        border-color: rgba(var(--bs-mynavbar-rgb));
        box-shadow: 0 4px 18px rgba(var(--bs-mynavbar-rgb));
        
    }

        .card:hover .card-button {
            transform: translate(-50%, 50%);
            opacity: 1;
        }

    .question-label{
        font-size:13px;
    }

    .code-input {
        width: 10%;
    }

    .login-header{
        font-size:16px;
    }

    header {
        display: flex; /* Makes header a flex container */
        flex-direction: column; /* Stacks children vertically */
    }

        header h1,
        header h2 {
            font-size: 14px !important;
        }

    .disclaimer {
        display: flex;
        flex-direction: column ;
    }

     .progressbar li {
         clear:left;
         width:100%;
     }

/*    #verifApp{
        padding:1.75rem;
    }*/

    .cardAC {
        width: 20rem;
        margin:auto;
    }

    .cardAC .card-title{
        font-size:2vh;
    }

    .progressbar {
       margin-left:40%;
        
    }

    .scheme-heading {
        max-width: 100%;
        margin-right: 10px;
        margin-left: 10px;
    }

    #finalizeMsg {
        max-width: 100%;
    }

    #divRefno
    {
        max-width:100%;
    }
    /*    .view-btn
    {
        margin-right:20%;
        margin-left:20%;
    }*/
    #chclogin {
        margin-right: 10px;
        margin-left: 10px;
    }

    .export-card {
        display: none;
        width: 18rem;
        z-index: 1000;
        position: relative;
        left: 10%;
        bottom: 67%;
    }

    .submenu dropdown-menu
    {
        display:block;
    }

    .nav-link, .dropdown-item {
        font-size: 15px;
    }

    .map-card{
        display:none;
    }

    .left-image {
        width: 100%;
        object-fit: contain;
        object-position: center;
    }

    #alertBox{
        display:none;
        width:15rem;

    }

    .chngPass-main-body {
        margin: 0;
        width: 100%;
        height: 100vh;
    }

    .chngPass-main-card {
        margin-top: 5%;
        width: 70%;
        height: 70%;
    }

        .chngPass-main-card > .card-body {
            max-width: 100%;
            height: 90vh !important;
        }

    .font-resize-card {
        /*//c*/
        position: absolute;
        z-index: 10000;
        top: 10%;
        right: 1%;
        width: 18rem;
        height: 35rem;
        cursor: pointer;
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 5px;
        padding: 5px 10px;
        /*margin-left: auto;*/
    }

    .div-lang
    {
        font-size:1.5vh;
        left:5%;
        top:10%;
    }

    /*.dropdownlang .*/
}

@media (min-width : 576px) and (max-width : 768px) {


    .landdetailgrid {
        display: grid;
        grid-template-columns: auto;
        gap: 10px 20px;
    }



    .grp-edit-profile, .grp_bank_det {
        border: 1px solid rgba(var(--bs-mynavbar-rgb));
        border-radius: 10px;
        display: grid;
        grid-template-columns: auto auto;
        gap: 10px 20px;
        justify-content: center;
        align-items: center;
        padding: 20px;
        margin: 20px;
    }

    .grp_doc_edit {
        display: grid;
        grid-template-columns: 250px;
        gap: 10px 20px;
        justify-content: flex-start;
        align-items: center;
        padding: 20px;
        margin: 20px;
    }

    .patternassist {
        display: grid;
        grid-template-columns: auto auto;
        grid-template-rows: auto auto;
        justify-content: center;
        align-items: center;
        gap: 10px 20px;
    }

    .navbar__{
        display:none;
    }

    #openicon {
        display: block;
    }

    .add-memb-basci-det {
        display: grid;
        grid-template-columns: auto auto;
        justify-content: space-around;
        align-items: center;
        gap: 10px;
    }

    .add-memb-submtbtn {
        display: grid;
        grid-template-columns: auto auto auto auto;
        justify-content: center;
        align-items: center;
    }

    .schc-apply-implement, .fmb-apply-basic, .fmb-apply-address,.fmb-apply-imp {
        display: grid;
        grid-template-columns: auto;
        gap: 10px 20px;
    }

    .btn-Add-Imp {
        grid-column: span 2; /* span across both columns */
        justify-self: center; /* center it horizontally */
        width: 35% !important;
    }

    .main-form-basic, .bank-form-basic {
        display: grid;
        grid-template-columns: auto auto;
        grid-template-rows: auto;
        gap: 10px 20px;
    }

    .grpotpdiv {
        display: grid;
        grid-template-columns: auto auto auto;
        /*grid-template-rows: auto;*/
        gap: 10px 20px;
    }

    #grpotpdetails {
        display: grid;
        grid-template-columns: auto auto auto auto auto auto;
        /*grid-template-rows: auto;*/
        gap: 10px 20px;
    }

    .grpdoc {
        display: grid;
        grid-template-columns: auto auto auto;
        /*grid-template-rows: auto;*/
        gap: 10px 20px;
    }

    .grpsubmit {
        display: grid;
        grid-template-columns: auto;
        grid-template-rows: auto auto;
        justify-content: center;
        align-items: center;
        gap: 10px 20px;
    }

    #guidlines-details {
        margin-top: 5rem;
        display: grid;
        grid-template-columns: auto;
        grid-template-rows: auto auto;
        justify-content: center;
        align-items: center;
    }

    .highlights-grid {
        /*padding: 20px;*/
        display: grid;
        grid-template-columns: auto auto;
        grid-template-rows: auto auto auto auto;
        justify-content: space-around;
        align-items: center;
        width: 30rem;
    }

    #grpguidelines, #grpprojectlist {
        padding: 20px;
    }

/*    #gridcard {
        width: 50%;
        margin-right: 10px;
        margin-left: 10px;
    }*/

    .grpimpinst {
        color: rgba(var(--bs-mynavbar-rgb));
    }

    #grpguidelines, #grpprojectlist {
        box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    }

    .application-status {
        font-size: 16px;
        font-weight: bold;
        color: lightgreen;
    }
    .font-size-row .card {
        box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    }
/*    #scheme {
        position: fixed;
        max-width: fit-content;
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
        z-index: 9999;
        gap: 40px;
        background-color: gray;
        border: 1px solid rgba(var(--bs-mynavbar-rgb),0.5);
        display: grid;
        grid-template-rows: auto auto;
        grid-template-columns: auto auto;
        justify-content: center;
        align-items: center;
        padding: 10px;
        border-radius: 10px;
        margin-left: 5px;
        margin-right: 5px;
    }*/

    #scheme {
        max-width: fit-content;
        gap: 20px;
        display: grid;
        grid-template-rows: auto auto;
        grid-template-columns: auto auto;
        justify-content: center;
        align-items: center;
        padding: 60px;
        border-radius: 10px;
        margin-top: 5px;
        margin-left: 5px;
        margin-right: 5px;
        margin: auto;
    } 

    .closebtn {
        width: 30px;
        height: 30px;
        padding: 5px;
        text-align: center;
        /*background-color: #EDEDF2;*/
        color: #000;
        border: none;
        outline: none;
        cursor: pointer;
        border-radius: 50%;
        position: absolute;
        top: -3%;
        right: -1%;
    }

    .scheme-card {
        width: 250px !important;
        height: 200px !important;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: rgba(var(--bs-mynavbar-rgb),0.8);
        /*        width: 190px;
        height: 254px;*/
        border-radius: 10px;
        /*background: #f5f5f5;*/
        position: relative;
        padding: 1.8rem;
        border: 2px solid #c3c6ce;
        transition: 0.5s ease-out;
        overflow: visible;
        text-align: center;
        font-size: 12px !important;
        color:#FFF;
    }

    .text-title {
        color: #FFF;
        font-size: 1.5em;
        font-weight: bold;
    }

    /*Hover*/
    .scheme-card:hover {
        border-color: rgba(var(--bs-mynavbar-rgb));
        box-shadow: 0 4px 18px rgba(var(--bs-mynavbar-rgb));
    }

    .card:hover .card-button {
        transform: translate(-50%, 50%);
        opacity: 1;
    }

    .export-card {
        display: none;
        width: 18rem;
        z-index: 1000;
        position: relative;
        left: 30%;
        bottom: 70%;
    }

    #alertBox {
        display: flex;
        width: 25rem;
    }

    .left-image {
        width: 70%;
        object-fit: contain;
        object-position: center;
    }

    .chngPass-main-body {
        margin: 0;
        width: 100%;
        height: 100vh;
    }

    .chngPass-main-card {
        margin-top: 5%;
        width: 70%;
        height: 70%;
    }

    .div-lang {
        font-size: 1.5vh;
        left: 16%;
        top: 10%;
    }

        .chngPass-main-card > .card-body {
            max-width: 100%;
            height: 90vh !important;
        }

    .font-resize-card {
        /*//c*/
        position: absolute;
        z-index: 10000;
        top: 10%;
        right: 1%;
        width: 30rem;
        height: 35rem;
        cursor: pointer;
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 5px;
        padding: 5px 10px;
        /*margin-left: auto;*/
    }
}

@media (min-width : 769px) and (max-width : 992px) {

    .grp-edit-profile, .grp_bank_det {
        border: 1px solid rgba(var(--bs-mynavbar-rgb));
        border-radius: 10px;
        display: grid;
        grid-template-columns: auto auto;
        gap: 10px 20px;
        justify-content: center;
        align-items: center;
        padding: 20px;
        margin: 20px;
    }

    .grp_doc_edit {
        display: grid;
        grid-template-columns: 250px 250px;
        gap: 10px 20px;
        justify-content: flex-start;
        align-items: center;
        padding: 20px;
        margin: 20px;
    }

    .patternassist {
        display: grid;
        grid-template-columns: auto auto;
        grid-template-rows: auto auto;
        justify-content: center;
        align-items: center;
        gap: 10px 20px;
    }

    /*new navbar start*/
    .navbar__ {
        width: 100%;
        display: grid;
        grid-template-columns: auto auto auto auto;
        justify-content: center;
        align-items: center;
        gap: 20px;
    }

    .navbar__li {
        padding: 5px;
        list-style: none;
        cursor: pointer;
        position: relative;
        color: white;
        line-height: 2;
    }

        .navbar__li::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 0%;
            height: 2px;
            background-color: #FFFFFF;
            transition: width 0.3s ease-in-out;
        }

        .navbar__li:hover::after {
            width: 100%;
        }

    .navbar__li__submenu {
        display: none;
        position: absolute;
        top: 100%; /* Appear directly below parent li */
        left: 0;
        background-color: rgba(var(--bs-mynavbar-rgb, 51, 51, 51), 0.95); /* Fallback RGB value */
        z-index: 999;
        min-width: 400px;
        padding: 10px 0;
        box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    }

    .navbar__li:hover .navbar__li__submenu {
        display: block;
    }

    .navbar__li__submenu li {
        background-color: rgba(var(--bs-mynavbar-rgb));
        padding: 10px 20px;
        text-align: left;
        color: white;
        cursor: pointer;
        white-space: nowrap;
        list-style: none;
    }

        .navbar__li__submenu li:hover {
            /*background-color: rgb(var(--bs-mynavbar-rgb),0.9);*/
            background-color: white;
        }

            .navbar__li__submenu li:hover a {
                color: black;
            }

    /*new navbar end*/

    .main-grp-doc-upld {
        margin: auto;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
        padding: 10px 40px;
        position: relative;
        width: 50%;
    }

    .grp-doc-btn {
        display: flex;
        flex-direction: column;
        width:100%;
    }
    .add-memb-basci-det {
        display: grid;
        grid-template-columns: auto auto auto auto;
        justify-content: space-around;
        align-items: center;
        gap: 10px;
    }

    .add-memb-submtbtn {
        display: grid;
        grid-template-columns: auto auto auto auto;
        justify-content: center;
        align-items: center;
    }

    .schc-apply-implement {
        display: grid;
        grid-template-columns: auto auto;
        gap: 10px 20px;
    }

    .btn-Add-Imp {
        grid-column: span 2; /* span across both columns */
        justify-self: center; /* center it horizontally */
        width: 35% !important;
    }

    .main-form-basic, .bank-form-basic, .fmb-apply-basic, .fmb-apply-address , .fmb-apply-imp {
        display: grid;
        grid-template-columns: auto auto;
        grid-template-rows: auto;
        gap: 10px 20px;
    }

    .grpotpdiv {
        display: grid;
        grid-template-columns: auto auto auto;
        /*grid-template-rows: auto;*/
        gap: 10px 20px;
    }

    #grpotpdetails {
        display: grid;
        grid-template-columns: auto auto auto auto auto auto;
        /*grid-template-rows: auto;*/
        gap: 10px 20px;
    }

    .grpdoc {
        display: grid;
        grid-template-columns: auto auto auto;
        /*grid-template-rows: auto;*/
        gap: 10px 20px;
    }

    .grpsubmit {
        display: grid;
        grid-template-columns: auto;
        grid-template-rows: auto auto;
        justify-content: center;
        align-items: center;
        gap: 10px 20px;
    }

    #guidlines-details {
        margin-top: 5rem;
        display: grid;
        grid-template-columns: auto;
        grid-template-rows: auto auto;
        justify-content: center;
        align-items: center;
    }

    .highlights-grid {
        /*padding: 20px;*/
        display: grid;
        grid-template-columns: auto auto;
        grid-template-rows: auto auto auto auto;
        justify-content: space-around;
        align-items: center;
        width: 30rem;
    }

    #grpguidelines {
        padding: 20px;
    }

    .grpimpinst {
        color: rgba(var(--bs-mynavbar-rgb));
    }

    #grpguidelines {
        box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    }

    .application-status {
        font-size: 16px;
        font-weight: bold;
        color: lightgreen;
    }

    .font-size-row .card {
        box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    }
/*    #scheme {
        position: fixed;
        max-width: fit-content;
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
        z-index: 9999;
        gap: 40px;
        background-color: gray;
        border: 1px solid rgba(var(--bs-mynavbar-rgb),0.5);
        display: grid;
        grid-template-rows: auto auto;
        grid-template-columns: auto auto;
        justify-content: center;
        align-items: center;
        padding: 10px;
        border-radius: 10px;
        margin-left: 5px;
        margin-right: 5px;
    }*/

    #scheme {
        max-width: fit-content;
        gap: 40px;
        display: grid;
        grid-template-rows: auto auto;
        grid-template-columns: auto auto;
        justify-content: center;
        align-items: center;
        padding: 60px;
        border-radius: 10px;
        margin-top: 5px;
        margin-left: 5px;
        margin-right: 5px;
        margin: auto;
    } 

   .closebtn {
        width: 30px;
        height: 30px;
        padding: 5px;
        text-align: center;
        /*background-color: #EDEDF2;*/
        color: #000;
        border: none;
        outline: none;
        cursor: pointer;
        border-radius: 50%;
        position: absolute;
        top: -3%;
        right: -1%;
    }

    .scheme-card {
        width: 300px !important;
        height: 200px !important;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: rgba(var(--bs-mynavbar-rgb),0.8);
        /*        width: 190px;
        height: 254px;*/
        border-radius: 10px;
        /*background: #f5f5f5;*/
        position: relative;
        padding: 1.8rem;
        border: 2px solid #c3c6ce;
        transition: 0.5s ease-out;
        overflow: visible;
        text-align: center;
        font-size: 12px !important;
        color:#FFF;
    }

    .text-title {
        color: #FFF;
        font-size: 1.5em;
        font-weight: bold;
    }

    /*Hover*/
    .scheme-card:hover {
        border-color: rgba(var(--bs-mynavbar-rgb));
        box-shadow: 0 4px 18px rgba(var(--bs-mynavbar-rgb));
    }

    .card:hover .card-button {
        transform: translate(-50%, 50%);
        opacity: 1;
    }

    .farm-btn {
        font-size: 1.36vh;
    }

    .export-card {
        display: none;
        width: 18rem;
        z-index: 1000;
        position: relative;
        left: 50%;
        bottom: 68%;
    }

    #verifApp {
        display: grid;
        grid-template-columns: repeat(1, 1fr); /* 2 columns */
        grid-template-rows: repeat(5, auto); /* 3 rows, each height depends on content */
        gap: 1rem; /* Space between the cards */
        padding: .8rem; /* Padding around the section */
        justify-items: center;
    }

    #alertBox {
        display: flex;
        width: 30rem;
    }

    .left-image {
        width: 100%;
        object-fit: contain;
        object-position: center;
    }

    .chngPass-main-body {
        margin: 0;
        width: 100%;
        height: 50vh;
    }

    .chngPass-main-card {
        margin-top: 5%;
        width: 70%;
        height: 70%;
    }

        .chngPass-main-card > .card-body {
            max-width: 100%;
            height: 90vh !important;
        }

    .div-lang {
        font-size: 1.5vh;
        right: 23%;
        top: 7%;
    }
}

/*--------------------------------------------------Update Application-------------------------------------------*/

.updt-app-card h5 {
    margin: 0;
    padding: 5px;
    color: white;
    background-color: rgb(var(--bs-mynavbar-rgb));
}

.updt-app-card .card-body {
    margin: 0;
    padding: 0;
}

/*    .updt-app-card .card-body span, select { // commented on 26.03.2025
        color: gray;
    }*/

.txtUpdt {
    border-radius: 5px;
    padding: 5px;
}

/*body {
    margin-top: 40px;
}*/

.updt-app-card {
    width: 100%;
}

    .updt-app-card select {
        height: 1.7rem;
        border: 1px solid rgb(var(--bs-mynavbar-rgb));
    }

    .updt-app-card select, input {
        border: 1px solid rgb(var(--bs-mynavbar-rgb));
    }

.updtForm {
    width: inherit;
}

.stepwizard-step p {
    margin-top: 10px;
}

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}

.stepwizard-step button[disabled] {
    opacity: 1 !important;
    /*filter: alpha(opacity=100) !important;*/
    filter: opacity(100%) !important;
}

.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    /*z-order: 0;*/
    z-index: 0;
}

.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}

.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}

@media (max-width:1200px) {

    .updt-app-card {
        width: 80%;
    }

        .updt-app-card .card-body {
            height: inherit;
        }

    .updt-app-card {
        height: inherit;
    }

}

@media (min-width:993px) and (max-width:1199px)
{

    .grp-edit-profile, .grp_bank_det {
        border: 1px solid rgba(var(--bs-mynavbar-rgb));
        border-radius: 10px;
        display: grid;
        grid-template-columns: auto auto auto auto;
        gap: 10px 20px;
        justify-content: center;
        align-items: center;
        padding: 20px;
        margin: 20px;
    }

    .grp_doc_edit {
        display: grid;
        grid-template-columns: 250px 250px auto 300px;
        gap: 10px 20px;
        justify-content: flex-start;
        align-items: center;
        padding: 20px;
        margin: 20px;
    }

    .patternassist {
        display: grid;
        grid-template-columns: auto auto;
        grid-template-rows: auto auto;
        justify-content: center;
        align-items: center;
        gap: 10px 20px;
    }

    /*new navbar start*/
    .navbar__ {
        width: 100%;
        display: grid;
        grid-template-columns: auto auto auto auto;
        justify-content: center;
        align-items: center;
        gap: 20px;
    }

    .navbar__li {
        padding: 5px;
        list-style: none;
        cursor: pointer;
        position: relative;
        color: white;
        line-height: 2;
    }

        .navbar__li::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 0%;
            height: 2px;
            background-color: #FFFFFF;
            transition: width 0.3s ease-in-out;
        }

        .navbar__li:hover::after {
            width: 100%;
        }

    .navbar__li__submenu {
        display: none;
        position: absolute;
        top: 100%; /* Appear directly below parent li */
        left: 0;
        background-color: rgba(var(--bs-mynavbar-rgb, 51, 51, 51), 0.95); /* Fallback RGB value */
        z-index: 999;
        min-width: 400px;
        padding: 10px 0;
        box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    }

    .navbar__li:hover .navbar__li__submenu {
        display: block;
    }

    .navbar__li__submenu li {
        background-color: rgba(var(--bs-mynavbar-rgb));
        padding: 10px 20px;
        text-align: left;
        color: white;
        cursor: pointer;
        white-space: nowrap;
        list-style: none;
    }

        .navbar__li__submenu li:hover {
            /*background-color: rgb(var(--bs-mynavbar-rgb),0.9);*/
            background-color: white;
        }

            .navbar__li__submenu li:hover a {
                color: black;
            }

    /*new navbar end*/

    .main-grp-doc-upld {
        margin: auto;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
        padding: 10px 40px;
        position: relative;
        width: 50%;
    }

    .grp-doc-btn{
        display:flex;
        flex-direction:column;
    }

    .add-memb-basci-det {
        display: grid;
        grid-template-columns: auto auto auto auto;
        justify-content: space-around;
        align-items: center;
        gap: 10px;
    }

    .add-memb-submtbtn {
        display: grid;
        grid-template-columns: auto auto auto auto;
        justify-content: center;
        align-items: center;
    }

    .schc-apply-implement {
        display: grid;
        grid-template-columns: auto auto;
        gap: 10px 20px;
    }

    .btn-Add-Imp {
        grid-column: span 2; /* span across both columns */
        justify-self: center; /* center it horizontally */
        width: 35% !important;
    }

    .main-form-basic, .bank-form-basic, .fmb-apply-imp {
        display: grid;
        grid-template-columns: auto auto;
        grid-template-rows: auto;
        gap: 10px 20px;
    }

    .grpotpdiv {
        display: grid;
        grid-template-columns: auto auto auto;
        /*grid-template-rows: auto;*/
        gap: 10px 20px;
    }

    #grpotpdetails {
        display: grid;
        grid-template-columns: auto auto auto auto auto auto;
        /*grid-template-rows: auto;*/
        gap: 10px 20px;
    }

    .grpdoc {
        display: grid;
        grid-template-columns: auto auto auto;
        /*grid-template-rows: auto;*/
        gap: 10px 20px;
    }

    .grpsubmit {
        display: grid;
        grid-template-columns: auto;
        grid-template-rows: auto auto;
        justify-content: center;
        align-items: center;
        gap: 10px 20px;
    }

    .application-status {
        font-size: 16px;
        font-weight: bold;
        color: lightgreen;
    }
    .font-size-row .card {
        box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    }

/*    #scheme {
        position: fixed;
        max-width: fit-content;
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
        z-index: 9999;
        gap: 40px;
        background-color: gray;
        border: 1px solid rgba(var(--bs-mynavbar-rgb),0.5);
        display: grid;
        grid-template-rows: auto auto;
        grid-template-columns: auto auto;
        justify-content: center;
        align-items: center;
        padding: 10px;
        border-radius: 10px;
        margin-left: 5px;
        margin-right: 5px;
    }*/

    .app-status-card-smam, .app-status-card-chc, .app-status-card-schc {
        width: inherit;
    }

    #scheme {
        max-width: fit-content;
        gap: 20px;
        display: grid;
        grid-template-rows: auto;
        grid-template-columns: auto auto auto auto;
        justify-content: center;
        align-items: center;
        padding: 60px;
        border-radius: 10px;
        margin-top: 5px;
        margin-left: 5px;
        margin-right: 5px;
        margin: auto;
    } 

    .closebtn {
        width: 30px;
        height: 30px;
        padding: 5px;
        text-align: center;
        /*background-color: #EDEDF2;*/
        color: #000;
        border: none;
        outline: none;
        cursor: pointer;
        border-radius: 50%;
        position: absolute;
        top: -3%;
        right: -1%;
    }

    .scheme-card {
        width: 200px !important;
        height: 200px !important;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: rgba(var(--bs-mynavbar-rgb),0.8);
        /*        width: 190px;
        height: 254px;*/
        border-radius: 10px;
        /*background: #f5f5f5;*/
        position: relative;
        padding: 1.8rem;
        border: 2px solid #c3c6ce;
        transition: 0.5s ease-out;
        overflow: visible;
        text-align: center;
        font-size: 12px !important;
        color: #FFF;
    }

    .text-title {
        color: #FFF;
        font-size: 1.5em;
        font-weight: bold;
    }

    /*Hover*/
    .scheme-card:hover {
        border-color: rgba(var(--bs-mynavbar-rgb));
        box-shadow: 0 4px 18px rgba(var(--bs-mynavbar-rgb));
    }

    .card:hover .card-button {
        transform: translate(-50%, 50%);
        opacity: 1;
    }
    .div-lang {
        font-size: 1.5vh;
        right: 23%;
        top: 7%;
    }

}