.reset-otp-btn {
    color: #212121;
    opacity: 0.3;
    text-decoration: underline;
    border: 0;
    outline: 0;
    transition: .3s;
}

    .reset-otp-btn:hover {
        opacity: 1;
        color: var(--base-text-color);
        text-decoration: none;
        cursor: pointer;
    }

.otp-time {
    color: rgb(204, 92, 19);
}

/* input */
.form-control {
    border-radius: 0.25rem;
    padding: 0.5rem 0.75rem;
}

.form-select {
    border-radius: 0.25rem;
    padding: 0.5rem 2.25rem 0.5rem 0.75rem;
}


/* input end */
.pdf{
        color: #F44336;
    font-size: 1.35rem;
    display: block;
}
/* card */
.card {
    --bs-card-border-width: 0;
    box-shadow: 0px 3px 25px var(--card-shadow);
    overflow: hidden;
    --bs-card-spacer-y: var(--card-lg-padding);
    --bs-card-spacer-x: var(--card-lg-padding);
    --bs-card-cap-padding-y: 1rem;
    --bs-card-cap-padding-x: 1.5rem;
    --bs-card-border-radius: 1.25rem;
}

.card-header {
    background: none;
    border-bottom: 1px solid #e1e1e1;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .card-header h4 {
        color: var(--base-color);
        font-weight: 600;
        margin-bottom: 0;
    }

.form-section-heading {
    margin: 0 0 1rem;
    font-size: 1.25rem;
}

.uploaded-img {
    max-width: 100px;
    border-radius: .25rem;
}

.form-section-title {
    position: relative;
    margin-bottom: 2rem;
}

    .form-section-title::before {
        content: "";
        position: absolute;
        left: 0;
        bottom: -.5rem;
        background: var(--base-color);
        height: 2px;
        width: 100px;
        border-radius: .2rem;
    }

    .form-section-title::after {
        content: "";
        position: absolute;
        left: 60px;
        bottom: -.5rem;
        background: var(--bs-white-to-black);
        height: 2px;
        width: 10px;
        z-index: 1;
    }

/* card end */

/* inner page */
.main-container {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 100vh;
}

.inner-content {
    padding: 0;
    flex: 1 1 auto;
    margin-top: 7.1rem;
}

.inner-content--modify .card {
    margin: 1.5rem 0;
    background: var( --white-to-black);
    color: var(--black-to-white);
}

.inner-content .container > .card {
    /* min-height: calc(100vh - 218px); */
    min-height: 400px;
}

.custome-btnmargin {
    margin-top: 2rem;
}

.inner-content .container > .card .card-body .card-header {
    margin-bottom: 1rem;
    padding: 0 0 0.5rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .inner-content .container > .card .card-body .card-header h4 {
        color: var(--base-color);
        margin: 0;
        padding-left: 0;
    }
/* textarea.form-control.customheight{
    height: 8.2rem ;
} */
/* inner page end */
.section {
    padding: calc(32px + (56 - 32) * (100vw - 375px) / (1920 - 375)) 0;
}

.section__title {
    color: #191919;
    font-size: calc(28px + (33 - 28) * (100vw - 375px) / (1920 - 375));
    margin-bottom: calc(22px + (36 - 22) * (100vw - 375px) / (1920 - 375));
}

.instruction__heading {
    color: var(--base-color);
    font-weight: 600;
    border-bottom: 1px solid rgba(112, 112, 112, 0.5);
    padding-bottom: 1rem;
    margin-bottom: 1.5rem;
}

.form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1;
}
/* instruction */
.instruction {
    background:var(--instuction_bg) ;
    border: 1px solid #d9d5d5;
    padding: 1.5rem;
    border-radius: .5rem;
    margin-bottom: 1rem;
}


.instruction__list li {
    list-style: none;
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
}

    .instruction__list li i {
        color: #00734a;
    }

.instruction__checkbox__list li:not(:last-child) {
    margin-bottom: 1rem;
    line-height: 1.8;
}

.instruction__list li:not(:last-child) {
    margin-bottom: 1.25rem;
}
/* .instruction__list li::marker{
    color: rgba(28, 91, 91,.5);
} */
.instruction__checkbox__list {
    list-style: none;
    padding-left: 0rem;
    margin-bottom: 2.5rem;
}

    .instruction__checkbox__list .form-check-label {
        margin-left: 1rem;
        color: rgba(85, 85, 85, 0.9);
    }

    .instruction__checkbox__list .form-check-input {
        height: 20px;
        width: 20px;
        border-radius: 2px;
    }

        .instruction__checkbox__list .form-check-input:checked {
            background-color: var(--base-color);
            border-color: var(--base-color);
        }

.aadhaar-label {
    /* font-weight: 600; */
    /* opacity: 0.6; */
    /* font-size: 18px; */
}

.validate-btns {
    display: flex;
    align-items: center;
    gap: 1rem;
}

    .validate-btns .btn-divider {
        font-size: 2rem;
        font-weight: lighter;
        color: var(--base-color);
    }

/* instruction end */
/* e-kyc-page */
.left-spacing {
    padding: 1.5rem 1.5rem;
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  
    background: var(--form-green-bg);
    border-radius: 0.35rem;
    margin-bottom: 2rem;
}

    .left-spacing h3 {
        color: #198754;
        margin-bottom: 0.5rem;
        font-size: 1.5rem;
    }

    .left-spacing p {
        margin-bottom: 0; /* color: #9b9b9b; */
    }
/* btn */
.form-floating__icon-right {
    position: absolute;
    top: 0.25rem;
    right: 1rem;
    font-size: 1.5rem;
    z-index: 1;
    margin-bottom: 0;
    opacity: .56;
}

.btn:not(.btn-sm) {
    --bs-btn-padding-x: 1.5rem;
    --bs-btn-padding-y: 0.5rem;
    --bs-btn-border-radius: 0.25rem;
}
/* btn end */
/* otp-box */
.e-kyc-part {
    position: relative;
    /* added */
    min-height: 740px;
}

    .e-kyc-part::before {
        content: "";
        position: absolute;
        bottom: -1rem;
        right: -3rem;
        background: url(../images/aadhaar-verification.png);
        width: 510px;
        height: 100%;
        background-repeat: no-repeat;
        background-size: 125%;
        background-position: right bottom;
        opacity: 0.15;
        z-index: 0;
    }

.kyc-div {
    text-align: center;
}

    .kyc-div h3 {
        font-size: 1.7rem;
        color: #00734a;
    }

    .kyc-div p {
        color: #707070;
    }

        .kyc-div p.verify-text {
            margin-bottom: 0;
            color: #b48701;
        }

.timer {
    color: #ff0707;
    margin-bottom: 0.4rem;
}

.otp-input {
    display: flex;
    justify-content: center;
    margin-bottom: 2rem;
}

    .otp-input input {
        width: 45px;
        height: 45px;
        margin: 0 5px;
        text-align: center;
        font-size: 1.2rem;
        /* border: 1px solid #e6e6e6; */
        border-radius: 4px;
        background-color: #ffffff;
    }

.orange-box .otp-input input {
    border: 1px solid #e7d6a5;
    color: #c2941a;
}

.green-box .otp-input input {
    border: 1px solid #c8e3db;
    color: #07a36b;
}

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

.otp-input input[type=number] {
    -moz-appearance: textfield;
}
/* .otp-box{
    display: flex;
                        justify-content: center;
                        align-items: center;
                        
} */
.otp-box-content {
    /* background: #e9e9e9; */
    padding: 3rem 2rem;
    border-radius: 0.4rem;
    margin-top: 0rem;
    width: 550px;
}

.orange-box {
    background:var(--orange-to-grey) ;
}

.green-box {
    background:var(--green-to-grey);
   
}

.verify-check-mob {
    position: relative;
}

    .verify-check-mob a {
        position: absolute;
        right: 0;
    }

.refrs-brdr {
    position: relative;
    display: flex;
    border-radius: 0.25rem;
/*    padding: 0.6rem 1.3rem;*/
    height: 45px;
    width: 11rem;
    margin-top: 0.3rem;
    line-height: 25px;
    border: var(--bs-border-width) solid var(--bs-border-color);
    justify-content: space-between;
    padding-right: 39px;
}
    .refrs-brdr img {
        width: 100%;
    }
    .refrs-btn {
        background: #e1e1e1;
        position: absolute;
        right: 0;
        top: 0;
        padding: 0.5rem;
    }

.refrs-brdr i {
    font-size: 1.4rem;
    color: #ef6326;
}

.abs-left, .abs-right {
    position: absolute;
    font-size: 0.9rem;
    bottom: -1.5rem;
}

.abs-left {
    left: 0;
}

.abs-right {
    right: 0;
}
/* otp-box */
.horizonal-align {
    display: flex;
    flex-direction: column;
    /* gap: 2rem; */
}

.form-group {
    /* margin-bottom: 1.5rem; */
    margin-bottom: 1rem;
}

.custom-bg-light {
    padding: 1rem;
    border-radius: 0.25rem;
    margin-bottom: 1rem;
    background:var(--bg-light-to-grey) ;
    border: 1px solid var(--greyborder);
}

#verify-check, #submitcheck, .verifydivcontent {
    display: none;
}
/* form::start */
/* .bank-details {
    margin-top: 1rem;
} */

.bank_name {
    font-weight: 500;
}

/* consent */
.consent ul {
    padding-left: 0;
}

    .consent ul li {
        list-style: none;
        display: flex;
        align-items: flex-start;
        gap: 0.7rem;
    }

        .consent ul li i {
            color: #00734a;
        }
/* .inner-content  .card  .card-header {
    margin-bottom: 1rem;
    padding: 0 0 0.5rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.inner-content .card  .card-header h5 {
    color: var(--base-color);
    margin: 0;
    padding-left: 0;
} */
/* .card-heading{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(112, 112, 112, 0.5);
    padding-bottom: 1rem;
    margin-bottom: 1.5rem;
} */
.card-heading .instruction__heading {
    border-bottom: 0;
    padding-bottom: 0rem;
    margin-bottom: 0rem;
}
/* consent end */
/* modal */
.modal {
    --bs-modal-padding: 1.5rem;
    --bs-modal-border-width: 0.625rem;
    --bs-modal-border-radius: 1.5rem;
    --bs-modal-border-color: rgba(255, 255, 255, .18);
}

/* modal end */
/* .loader-container {
    text-align: center;
}

.loader {
    border: 8px solid #f3f3f3;
    border-top: 6px solid var(--base-color);
    border-radius: 50%;
    width: 90px;
    height: 90px;
    animation: spin 1s linear infinite;
    margin: 20px auto;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
} */

.loader {
    border: 4px solid #f3f3f3;
    border-radius: 50%;
    border-top: 4px solid #3498db;
    width: 16px;
    height: 16px;
    animation: spin 2s linear infinite;
    display: inline-block;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.bank-details {
    display: none;
    opacity: 0;
    transition: opacity 1s;
}

.mh-45 {
    height: 45px;
}

.bank-details.show {
    display: block;
    opacity: 1;
}
/* form::end */

/* Css by vaishali */
.info-banner {
    position: relative;
    /* margin-bottom: 4.5rem; */
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/bg_banner3.jpg);
    padding: 3rem 0;
    z-index: 0;
    /* Ensure content is above the overlay */
}

    .info-banner::before {
        display: none;
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #044e33b0; /* Change to desired color and opacity */
        z-index: -1;
        /* Ensure overlay is below the content */
    }
    /* faq-banner */
    .info-banner.faq {
       
        background-image: url(../images/bg_banner2.jpg);
     
    }
    /* policy */
    .info-banner.policy{
      
        background-image: url(../images/bg_banner3.jpg);
       
    }
    .info-banner.contact{
       
        background-image: url(../images/bg_banner4.jpg);
       
    }
    .info-banner.disclaimer{
       
        background-image: url(../images/bg_banner2.jpg);
       
    }

.inner-content--modify {
    margin-top: 0;
}

.info-banner .page-title {
    text-align: center;
}

    .info-banner .page-title h2 {
        color: var(--white);
    }

.breadcrumb-item.active {
    color: var(--white);
}

.breadcrumb-area a {
    color: #cdcdcd;
    transition: .3s;
}

.breadcrumb-item + .breadcrumb-item::before {
    color: var(--white);
}

.address-details {
    padding-left: 0;
    margin-bottom: 0;
}

.address {
    margin-bottom: 1.5rem;
}

    .address .card {
        min-height: 135px !important;
    }

.address-details span {
    font-size: 1.1rem;
}

.address-details ul li {
    position: relative;
}

    .address-details ul li::after {
        position: absolute;
        content: "";
        border-right: 1px dashed #ebebeb;
        right: -69px;
        bottom: 0;
        height: 100%;
    }

    .address-details ul li:last-child::after {
        border-right: transparent;
    }

.contact-icon {
    height: 4rem;
    width: 4rem;
    background: transparent linear-gradient(321deg, #FFFFFF00 0%, #FEECD5 100%) 0% 0% no-repeat padding-box;
    padding: 2.1rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.address-details li a {
    color: var(--grey-100);
}

.address-details h4.title {
    margin-bottom: 0.2rem;
    color: var(--grey-300);
    font-weight: 400;
}

.address-details li span {
    color: var(--grey-100);
    font-size: 1.1rem;
}

iframe {
    width: 100%;
}

.contact-icon {
    font-size: 1.8rem;
    color: #EF6326;
}
/* FAQ css  ::start  */

#spotlight .footer {
    left: 50%;
    transform: translateX(-50%);}
/* Remove background image and customize the button appearance */
.faq .accordion {
    --bs-accordion-border-color: transparent !important;
    padding: 0;
}

.faq .accordion-button {
    background-color: transparent !important;
    border: none;
    box-shadow: none;
    padding: 1.5rem 0.8rem;
    outline: none;
    position: relative;
    font-weight: normal;
    font-size: 1.1rem;
}


.accordion-collapse.collapse.show {
    background-color: var(--grey);
    /* font-size: 1rem; */
}
/* Remove the default background image */
.faq .accordion-button::after {
    background-image: none !important;
    font-family: bootstrap-icons !important;
    font-size: 1.25rem;
    position: absolute;
    right: 0.1rem;
    top: 50%;
    transform: translateY(-50%);
    transition: transform 0.3s ease;
    color: var(--grey-100);
    content: "\F64D"; /* Plus icon */
}
.faq .accordion .accordion-item.active .accordion-header .accordion-button:not(.collapsed) {
    background-color: var(--grey) !important;
    color: var(--primary-color);
    border-bottom: 1px solid var(--primary-color);
    padding: 1.5rem 1.4rem;
    box-shadow: none;
    font-weight: 600;
    z-index: 1;
}

.faq .accordion .accordion-button.collapsed{
    /* color: #000 !important; */
    
    /* background: transparent !important; */
    
    background-color: var(--accordian-btn)!important;
    /* color: #000; */
    color: var(--black-white);
        border-bottom:none;
        padding: 1.5rem 1.4rem;
        box-shadow: none;
        font-weight: 100;
        z-index: 1;
}
.faq .accordion .accordion-button{ 
    
       background-color: var(--accordian-grey) !important;
    color: var(--primary-color);
    border-bottom: 1px solid var(--primary-color);
    padding: 1.5rem 1.4rem;
    box-shadow: none;
    font-weight: 600;}
    /* .faq .accordion .accordion-button:not(.collapsed) {
        background-color: var(--grey) !important;
        color: #000;
        border-bottom:none;
        padding: 1.5rem 1.4rem;
        box-shadow: none;
        font-weight: 600;
        z-index: 1;
    } */
/* Change to minus icon when the accordion is open */
.faq .accordion-button:not(.collapsed)::after {
    content: "\F63B"; /* Minus icon */
}

/* Optional: Hover effect */
.faq .accordion-button:hover {
    color: var(--primary-color);
    
}
.faq .accordion-item {
    color: transparent;
    background-color: transparent;
    border: none;
}
.faq .accordion .accordion-body {
    color: var(--innter-content-black-white) !important;
}
.accordion-collapse.collapse.show {
    background-color: var(--accordian-grey);}

.faq__footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1.5rem;
}

.faq__footer__btn {
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
    padding: 0.7rem;
}

    .faq__footer__btn:hover {
        background-color: var(--primary-color);
        color: var( --white);
    }

.faq .accordion-header {
    margin-bottom: 0;
    border-bottom: 1px solid var(--grey-200);
}
/* FAQ css  ::end */


/* Sitemap css */
.sitemap-sec ul {
    position: relative;
    padding-left: 0;
}

    .sitemap-sec ul li {
        position: relative;
        overflow: hidden;
        z-index: 0;
        margin-bottom: 4rem;
        font-size: 1.2rem;
        text-transform: uppercase;
        font-weight: 600;
        color: #333;
    }

        .sitemap-sec ul li ul {
            margin-top: 0.4em;
            padding-left: 0;
        }

            .sitemap-sec ul li ul:before {
                top: 0;
                left: 6px;
                width: 2px;
                height: 100%;
                position: absolute;
                content: "";
                background: var(--grey-200);
            }

            .sitemap-sec ul li ul li {
                float: none;
                display: block;
                width: 100%;
                font-size: 1.4rem;
                margin: 0;
                padding-left: 32px;
                font-weight: 400;
                text-transform: initial;
            }

                .sitemap-sec ul li ul li:before {
                    top: 12px;
                    left: 3px;
                    width: 8px;
                    height: 8px;
                    background: var(--grey-200);
                }

        .sitemap-sec ul li a {
            color: var(--orange-100);
        }

            .sitemap-sec ul li a:hover {
                color: var(--grey-100);
            }

        .sitemap-sec ul li ul li:before, .sitemap-sec ul li ul li:after {
            z-index: 0;
            position: absolute;
            content: "";
        }

        .sitemap-sec ul li ul li:after {
            top: 15px;
            left: 3px;
            width: 20px;
            height: 2px;
            background: var(--grey-200);
        }

        .sitemap-sec ul li ul li a {
            color: var(--black-to-white);
            font-size: 1.1rem;
        }
        .about p{
            text-align: justify;
        }
/* Sitemap css */

.feedback {
    width: 100%;
    margin-top: 2.5rem;
}

.address, .email {
    display: flex;
    gap: 1rem;
}
.details h6 {
    font-weight: bold;
    font-size: 1.25rem;
    /* color: var(--base-color); */
    color:var(--primary-color)
}
.address p, .email p {
    color: gray;
    margin-bottom: 0rem;
}
/* About us css */
.inner-page_lists {
    padding: 0;
    margin: 0;
}
.innerarea__img{
    padding: 0.25rem;
    border-radius: 0.5rem;
    border: 1px solid #e1e1e1;
    height: 350px;
    overflow: hidden;
}
.gridlist{
    display: grid;
    grid-template-columns: repeat(2, 2fr);
    margin-bottom: 1rem !important;
}
.pmb-custom{margin-bottom: 0.5rem;}
.innerarea__img img{
    border-radius: 0.5rem;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
    .inner-page_lists li {
        position: relative;
        margin: 0;
        padding: 0.1rem 0 0.5rem 1.6rem;
    }

        .inner-page_lists li::before {
            position: absolute;
            content: "\F137";
            left: 0;
            font-family: bootstrap-icons !important;
            top: 5px;
            font-size: 0.9rem;
            color: var(--base-color);
        }



    /* .innerarea .innerarea__img img {
        height: 214px;
        width: 291px;
        border: 4px solid #eda27c;
        object-fit: cover;
        object-position: top;
        border-radius: 1rem;
    } */
.inner-align-flex{
    display: flex;
    align-items: flex-start;
    gap:1rem;
    margin-bottom: 0.7rem;
}
.innerarea__title {
    font-weight: normal;
}

.innerarea__subtitle {
    border-left: 3px solid var(--primary-color);
    font-weight: normal;
}

/* About us css */


/* Gallery css  ::start */

.gallery__view {
    color: var(--primary-color);
}

.gallery__content {
    position: relative;
    float: left;
    overflow: hidden;
    border-radius: 1rem;
    margin-bottom: 1.5rem;
    height: auto;
    width: 100%;
    text-align: center;
    cursor: pointer;
    background: -webkit-linear-gradient(-45deg, #000 0%, #fff 100%);
    background: linear-gradient(-45deg, #000 0%, #fff 100%);
}

    .gallery__content .img-container {
        position: relative; /* Ensure the container holds the absolute positioned child */
    }

    .gallery__content img {
        margin: -10px 0 0 -10px;
        max-width: none;
        width: calc(100% + 10px);
        opacity: 0.9;
        transition: opacity 0.35s, transform 0.35s;
        transform: translate3d(10px, 10px, 0);
        backface-visibility: hidden;
        margin-bottom: 0;
    }

    .gallery__content:hover img {
        opacity: 0.6;
        transform: translate3d(0, 0, 0);
    }

    .gallery__content .content-description {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        pointer-events: none; /* Ensure it's not clickable */
    }

        .gallery__content .content-description::before {
            position: absolute;
            right: -100px;
            bottom: -100px;
            /* width: 258px;
    height: 279px; */
            width: 180px;
            height: 180px;
            border: 2px solid var( --primary-color);
            border-radius: 50%;
            box-shadow: 0 0 0 900px rgb(241 149 35 / 22%);
            content: '';
            opacity: 0;
            transform: scale3d(0.5, 0.5, 1);
            transform-origin: 50% 50%;
            transition: opacity 0.35s, transform 0.35s;
        }

    .gallery__content:hover .content-description::before {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }

    .gallery__content .content-description i {
        /* font-size: 2.4rem; */
        font-size: 1.5rem;
        color: #fff;
        transition: opacity 0.35s, transform 0.35s;
        opacity: 0;
    }

    .gallery__content:hover .content-description i {
        opacity: 1; /* Show icon on hover */
        position: absolute;
        transform: scale(1); /* Scale up the icon */
        /* right: 55px;
    bottom: 54px; */
        right: 1rem;
        bottom: 1rem;
        font-size: 1.5rem;
    }

    .gallery__content h2 {
        text-align: left;
        transition: transform 0.35s;
        transform: translate3d(5px, 5px, 0);
    }

    .gallery__content p {
        position: absolute;
        right: 0;
        bottom: 0;
        padding: 0 1.5em 1.5em 0;
        width: 140px;
        text-align: right;
        opacity: 0;
        transform: translate3d(20px, 20px, 0);
    }

    .gallery__content:hover .content-description i,
    .gallery__content:hover p {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        transform: scaleX(-1);
    }

.gallery {
    border: 1px solid #f1f1f1;
    padding: 0.2rem;
    height: 90.9%;
    border-radius: 1.2rem;
}

/* Gallery css  ::end */

/* Css by vaishali */
/* preview-body */
.utilities {
    display: flex;
    justify-content: end;
    margin-bottom: 0.5rem;
}

.preview-body h5 {
    position: relative;
    margin: 1.2rem 0 1.6rem 0;
}

    .preview-body h5::before {
        content: "";
        position: absolute;
        left: 0;
        bottom: -.5rem;
        background: var(--base-color);
        height: 2px;
        width: 100px;
        border-radius: .2rem;
    }

    .preview-body h5::after {
        content: "";
        position: absolute;
        left: 60px;
        bottom: -.5rem;
        background: var(--bs-white);
        height: 2px;
        width: 10px;
        z-index: 1;
    }

.utilities__icon {
    color: #00724a;
    font-size: 1.05rem;
}

    .utilities__icon:first-child {
        margin-right: 0.5rem;
        padding-right: 0.5rem;
        border-right: 1px solid #e1e1e1;
    }

.preview-body {
    border: 1px solid #e1e1e1;
    padding: 1rem;
    border-radius: 0.5rem;
}

    .preview-body .form-label {
        font-weight: bold;
        display: block;
        margin: 0;
    }

.align-horizontal {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.no-data {
    display: block;
    padding: 1.5rem 1rem;
    background: rgb(225 225 225 / 29%);
    color: #d8d8d8;
    border-radius: 0.2rem;
    text-align: center;
    font-size: 1.5rem;
    border: 1px solid #e1e1e1;
}

.table {
    --bs-table-hover-bg: #ebe7e74d;
    --bs-table-bg:var(--table-bg)
    border: 1px solid var(--table-border);
    border-radius: .25rem;
   
}

    .table th {
  
        /* background-color: #f2f2f2; */
        background-color: var( --table-bg-th);
    }

    .table>:not(caption)>*>*{
        background-color: var(-table-bg);
        color: var(--table-data-color);
    }
    
/* status-bar::start */

.statusBoxLength {
    width: 100%;
    display: flex;
}
/*Tracking Status Start*/
.statusBoxLength {
    display: flex;
    background: #e1e1e161;
    border-radius: 0.5rem;
    padding: 1rem !important;
    margin-bottom: 1rem;
}

.order-tracking {
    width: 33.33%;
    display: block;
    text-align: center;
    position: relative;
}

    .order-tracking .is-complete {
        display: flex;
        position: relative;
        border-radius: 50%;
        height: 30px;
        width: 30px;
        border: 0.2rem solid #cfcece;
        background-color: #dadada;
        transition: background .25s linear;
        -webkit-transition: background .25s linear;
        z-index: 1;
        margin: 0 auto;
        align-items: center;
        justify-content: center;
    }

    .order-tracking.completed .is-complete {
        background-color: #12674c;
        border: 0.2rem solid #026240;
    }

    .order-tracking .is-complete:after {
        content: "\F633";
        font-family: bootstrap-icons !important;
        font-size: 1.1rem;
        color: #ffffff;
    }


    .order-tracking p {
        color: #a4a4a4;
        font-size: .9rem;
        margin-top: 0.2rem;
        margin-bottom: 0;
        line-height: 120%;
        font-weight: 500;
        position: relative;
    }

        .order-tracking p:after {
            content: '';
            position: absolute;
            width: 0;
            height: 0;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-bottom: 10px solid #e1e1e1;
            bottom: -1.1rem;
            left: 50%;
            margin-left: -10px;
            opacity: 0;
        }

    .order-tracking.completed p {
        color: var(--base-color);
    }


    .order-tracking::before {
        content: "";
        width: 10px;
        background: none !important;
        top: 50%;
        position: absolute;
        right: 0;
        z-index: 0;
        border: 5px solid gainsboro;
        border-left: 20px solid transparent;
        border-bottom: 20px solid transparent;
        transform: rotate(45deg) translateY(-50%);
    }

    .order-tracking.completed:before {
        background-color: #27aa80;
    }

    .order-tracking:last-child::before {
        display: none;
    }

    .order-tracking span {
        font-size: 12px;
        padding: 0.3rem 0.8rem;
        border-radius: 2rem;
        color: #fff;
    }

    .order-tracking.completed span {
        background: var(--base-color);
    }


    .order-tracking.pending .is-complete:after {
        content: "\F63C";
        font-family: bootstrap-icons !important;
        font-size: 1.1rem;
        color: #ffffff;
    }


    .order-tracking.pending span {
        background: #ee8c03;
    }

    .order-tracking.notrequired span {
        background: #03cbee;
    }

    .order-tracking .stbox span {
        padding: 0.3rem 1.5rem;
        border-radius: 2rem;
        color: #fff;
        line-height: 100%;
        display: inline-block;
    }
/* status-bar::end */
/* success::start */
.registration-complete {
    margin: 0 auto;
    max-width: 800px;
}

    .registration-complete .card-body {
        padding: calc(24px + (40 - 24) * (100vw - 375px) / (1920 - 375));
    }

    .registration-complete h2 {
        color: var(--base-color);
    }

    .registration-complete h4 {
        color: var(--dark-grey);
        margin-bottom: 1.5rem;
    }

.registration-complete__message {
    margin-bottom: calc(24px + (40 - 24) * (100vw - 375px) / (1920 - 375));
}

.success-checkmark {
    width: 80px;
    height: 115px;
    margin: 0 auto;
    transform: scale(0.9);
}

    .success-checkmark .check-icon {
        width: 80px;
        height: 80px;
        position: relative;
        border-radius: 50%;
        box-sizing: content-box;
        border: 4px solid var(--base-color);
    }

        .success-checkmark .check-icon::before {
            top: 3px;
            left: -2px;
            width: 30px;
            transform-origin: 100% 50%;
            border-radius: 100px 0 0 100px;
        }

        .success-checkmark .check-icon::after {
            top: 0;
            left: 30px;
            width: 60px;
            transform-origin: 0 50%;
            border-radius: 0 100px 100px 0;
            animation: rotate-circle 4.25s ease-in;
        }

        .success-checkmark .check-icon::before, .success-checkmark .check-icon::after {
            content: '';
            height: 100px;
            position: absolute;
            background: var(--bs-white);
            transform: rotate(-45deg);
        }

        .success-checkmark .check-icon .icon-line {
            height: 5px;
            background-color: var(--base-color);
            display: block;
            border-radius: 2px;
            position: absolute;
            z-index: 10;
        }

            .success-checkmark .check-icon .icon-line.line-tip {
                top: 46px;
                left: 14px;
                width: 25px;
                transform: rotate(45deg);
                animation: icon-line-tip 0.75s;
            }

            .success-checkmark .check-icon .icon-line.line-long {
                top: 38px;
                right: 8px;
                width: 47px;
                transform: rotate(-45deg);
                animation: icon-line-long 0.75s;
            }

        .success-checkmark .check-icon .icon-circle {
            top: -4px;
            left: -4px;
            z-index: 10;
            width: 80px;
            height: 80px;
            border-radius: 50%;
            position: absolute;
            box-sizing: content-box;
            border: 4px solid var(--base-color);
        }

        .success-checkmark .check-icon .icon-fix {
            top: 8px;
            width: 5px;
            left: 26px;
            z-index: 1;
            height: 85px;
            position: absolute;
            transform: rotate(-45deg);
            background-color: var(--bs-white);
        }

@keyframes rotate-circle {
    0% {
        transform: rotate(-45deg);
    }

    5% {
        transform: rotate(-45deg);
    }

    12% {
        transform: rotate(-405deg);
    }

    100% {
        transform: rotate(-405deg);
    }
}

@keyframes icon-line-tip {
    0% {
        width: 0;
        left: 1px;
        top: 19px;
    }

    54% {
        width: 0;
        left: 1px;
        top: 19px;
    }

    70% {
        width: 50px;
        left: -8px;
        top: 37px;
    }

    84% {
        width: 17px;
        left: 21px;
        top: 48px;
    }

    100% {
        width: 25px;
        left: 14px;
        top: 45px;
    }
}

@keyframes icon-line-long {
    0% {
        width: 0;
        right: 46px;
        top: 54px;
    }

    65% {
        width: 0;
        right: 46px;
        top: 54px;
    }

    84% {
        width: 55px;
        right: 0px;
        top: 35px;
    }

    100% {
        width: 47px;
        right: 8px;
        top: 38px;
    }
}

.inner-content .container > .card.registration-complete {
    min-height: auto;
}
a.tooltip-custom {
    color: #000000;
}
.optional {
    color: #8c8c8c;
    font-size: 0.9rem;
    margin-left: 0.3rem;
}
/* communication::start */
.card.communication .gallery__content .content-description::before{
    display: none ;
}
/* .card.communication .imagedownload{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background: #ec7a49;
    color: #f2f2f2;
    transition: 0.2s;
}
.card.communication .imagedownload:hover{

    color: #ffffff;
} */
.card.communication .gallery__content {
    position: relative;
    float: left;
    overflow: hidden;
    border: 1px solid #d3d0d0;
    padding: 0.25rem;
    border-radius: 0.5rem;
    margin-bottom: 0rem;
    height: auto;
    width: 100%;
    text-align: center;
    cursor: pointer;
    background: #fff;
    overflow: hidden;
}
.card.communication .img-conatiner{overflow: hidden;
border-radius: 0.25rem;}
.card.communication .btn-stylethree{
padding: 0.2rem 0.8rem;
}

.card.communication .table td:last-child{
text-align: center;
vertical-align: middle;
}
.screen-reader-page .card-title{
    color: var(--base-color);
}
.screen-reader-page  table .external{
color: #ef6326;
}
/* communication::end */
.coming-soon.card .card-body{
    display: flex;

}
.coming-soon.card .card-body span{
font-weight: 600;
    font-size: 2.3rem;
    display: flex;
    color: #ddd;
    height: auto;
    width: 100%;
    justify-content: center;
    align-items: center;
}
/* success::end */
/* .know-status,.back{
    display: none;
} */

.grid-list{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    align-items: center;
    margin-bottom: 1.5rem;
}
.grid-list h4{ 
color: #ef6326;
}
.grid-list-items{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.grid-list-items h6{
    padding: 0 5rem;
    text-align: center;
    margin: 1rem 0;
    font-weight: 200;
}
.innerarea__img img{
width: 100%;
}

.video-popup .modal-header .btn-close{
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
    background: #f00;
    border-radius: 50%;
    opacity: 1; 
    line-height: 100%;
    color: #fff;
    font-weight: bold;
}
.video-popup.modal .modal-content{
    border: 0;
    background: none;
}
.video-popup.modal .modal-body{
    border-radius: 2rem;
    overflow: hidden;
}
.about h4{
    margin-bottom: 0.6rem;

    font-weight: 600;
    font-size: 1.3rem;
}
.about h3{
margin-bottom: 1rem;
}
/* Responsive */
@media (max-width: 1366px) {
    .e-kyc-part::before {
        background-size: 85%;
    }

    .address .card {
        min-height: 159px !important;
    }

    .gallery {
        height: 89.7%;
    }

    .instruction__list li:not(:last-child) {
        margin-bottom: 0.55rem;
    }
}
@media (max-width: 1152px) {
    .e-kyc-part::before {
        
        height: 402px
    }
}

    @media (max-width: 1024px) {
        .gallery {
            height: 88.3%;
        }
    }

    @media (max-width: 768px) {

        .gallery {
            height: 92.3%;
        }

        .address .card {
            min-height: auto !important;
        }

        .innerarea .innerarea__img {
            width: 300px;
            float: none;
            margin: 0 auto;
            text-align: center;
            position: relative;
            z-index: 0;
            margin-bottom: 1rem;
        }

        .sitemap-sec ul li {
            margin-bottom: 2rem;
        }

        .inner-content--modify .card {
            margin: 1rem 0;
        }

        .e-kyc-part::before {
            /* background-size: 63%; */
            display: none;
        }

        .otp-box-content {
            width: 100%;
        }

        .e-kyc-part {
            min-height: auto;
        }

        .kyc-div h3 {
            font-size: 1.4rem;
        }

        .otp-box-content {
            padding: 1.5rem 1.5rem;
        }
    }

    @media (max-width: 630px) {
        .gallery {
            height: 89.1%;
        }
    }

    @media (max-width: 576px) {
        .gallery {
            height: 88.9%;
        }


        .left-spacing h3, .instruction__heading {
            font-size: 1.2rem;
        }

        .form-section-title {
            margin-bottom: 1rem;
            font-size: 1.1rem;
        }

        .statusBoxLength {
            gap: 2rem;
            overflow-x: scroll;
        }

        .order-tracking p {
            text-wrap: nowrap;
        }

        .order-tracking {
            width: auto;
        }

            .order-tracking::before {
                right: -1.1rem;
            }
    }

    @media (max-width: 530px) {
        .gallery {
            height: 94.7%;
            border-radius: 1.3rem;
        }

        .custome-btnmargin {
            margin-top: 0rem;
        }

        .card-header {
            flex-direction: column;
            gap: 0.2rem;
        }
    }

    @media (max-width: 480px) {
        .gallery {
            height: 94.2%;
            border-radius: 1.3rem;
        }
    }

    @media (max-width: 430px) {
        .gallery {
            height: 93.3%;
        }

        .innerarea .innerarea__img {
            width: 355px;
            float: none;
            margin: 0 auto;
            text-align: center;
            position: relative;
            z-index: 0;
            margin-bottom: 1rem;
        }

            .innerarea .innerarea__img img {
                height: 100%;
                width: 100%;
                border: 4px solid #eda27c;
                object-fit: cover;
                object-position: top;
                border-radius: 23px;
            }

        .faq .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
            padding: 1.5rem 1rem;
        }
    }

    @media (max-width: 375px) {
        .gallery {
            height: 92.2%;
        }

        .innerarea .innerarea__img {
            width: 306px;
            float: none;
            margin: 0 auto;
            text-align: center;
            position: relative;
            z-index: 0;
            margin-bottom: 1rem;
        }

        .refrs-brdr {
            width: auto;
        }

        .refrs-btn {
            padding: 0.4rem;
            height: 45px;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 0.5rem;
        }

        .refrs-brdr i {
            font-size: 1.1rem;
        }

        .refrs-brdr {
            padding: 0.5rem 0.5rem;
        }

        .align-horizontal {
            flex-direction: column;
            align-items: flex-start;
            gap: 0;
        }
    }

    @media (max-width: 320px) {
        .gallery {
            height: 90.6%;
        }

        .innerarea .innerarea__img {
            width: 246px;
            float: none;
            margin: 0 auto;
            text-align: center;
            position: relative;
            z-index: 0;
            margin-bottom: 1rem;
        }

        .verifyadhar, .verifymobile {
            margin-bottom: 0.5rem;
        }

        .kyc-div h3 {
            font-size: 1.1rem;
        }

        .otp-input {
            margin-bottom: 1rem;
        }

            .otp-input input {
                width: 30px;
                height: 30px;
                margin: 0 2px;
                font-size: 1rem;
            }
    }