.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
/*# sourceMappingURL=slick.min.css.map */
@charset 'UTF-8';.slick-loading .slick-list{background:#fff url(clientlib/css/ajax-loader.gif) center center no-repeat}@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(clientlib/css/fonts/slick.eot);src:url(clientlib/css/fonts/slick.eot?#iefix) format('embedded-opentype'),url(clientlib/css/fonts/slick.woff) format('woff'),url(clientlib/css/fonts/slick.ttf) format('truetype'),url(clientlib/css/fonts/slick.svg#slick) format('svg')}.slick-next,.slick-prev{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:0;background:0 0}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:0 0}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-family:slick;font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:'←'}[dir=rtl] .slick-prev:before{content:'→'}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-next:before{content:'→'}[dir=rtl] .slick-next:before{content:'←'}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:0 0}.slick-dots li button:focus,.slick-dots li button:hover{outline:0}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-family:slick;font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#000}
/*# sourceMappingURL=slick-theme.min.css.map */
@font-face {
    font-family: 'Rubik-Bold';
    src: url("../../../../../../../content/dam/revampbagic/fonts/Rubik-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rubik-Regular';
    src: url("../../../../../../../content/dam/revampbagic/fonts/Rubik-Regular.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rubik-Regular';
    src: url("../../../../../../../content/dam/revampbagic/fonts/Rubik-Regular.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rubik-Regular';
    src: url("../../../../../../../content/dam/revampbagic/fonts/Rubik-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rubik-Light';
    src: url("../../../../../../../content/dam/revampbagic/fonts/Rubik-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
* {
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}

.container-aca {
    width: 100%;
    max-width: 1366px;
    margin: 0 auto;
}

.inner-container-aca {
    width: 100%;
    max-width: 1167px;
    /* max-width: 1240px; */
    margin: 0 auto;
    /* height: 100vh; */
}

.home-pg {
    padding: 0 21px 0;
}

@media screen and (min-width:1025px) {
    .home-pg {
        padding: 0 21px 0;
    }
}

@media screen and (min-width:768px) and (max-width:1024) {
    .home-pg {
        padding: 0 21px 0;
    }
}

@media screen and (min-width:320px) and (max-width:767px) {

    .container-aca,
    .inner-container-aca {
        width: 100%;
    }
}

/******************************* COMMON CSS CLASSES START *******************************/
.desktop-container {
    max-width: 1366px;
    margin: 0 auto;
}

.d-block {
    display: block;
}

.d-flex {
    display: flex;
}

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

.align-center {
    align-items: center;
}

.justify-center {
    justify-content: center;
}

.justify-sb {
    justify-content: space-between;
}

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

.flex-wrap {
    flex-wrap: wrap;
}

.gap-20 {
    gap: 20px;
}

.pos-relative {
    position: relative;
}

.pos-absolute {
    position: absolute;
}

.pos-fixed {
    position: fixed;
}

.pos-sticky {
    position: sticky;
}

.m-0-auto {
    margin: 0 auto;
}

.m-0-auto-abs {
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.txt-center {
    text-align: center;
}

.txt-decor-none {
    text-decoration: none;
}

.c-pointer {
    cursor: pointer;
}

.w-100 {
    width: 100%;
}

.h-100 {
    height: 100%;
}

.wh-100 {
    width: 100%;
    height: 100%;
}

.overflow-hidden {
    overflow: hidden;
}

.visibility-hidden {
    visibility: hidden;
}

.sans-light-300 {
    font-family: 'Rubik-Light';
    font-weight: 300;
}

.sans-regular-400 {
    font-family: 'Rubik-Regular';
    font-weight: 400;
}

.sans-semibold-600 {
    font-family: 'Rubik-Regular';
    font-weight: 600;
}

.sans-bold-700 {
    font-family: 'Rubik-Bold';
    font-weight: 700;
}

.fnt-14px {
    font-size: 14px;
}

.fnt-16px {
    font-size: 16px;
}

.fnt-18px {
    font-size: 18px;
}

.fnt-20px {
    font-size: 20px;
}

.fnt-24px {
    font-size: 24px;
}

.fnt-26px {
    font-size: 26px;
}

.fnt-30px {
    font-size: 30px;
}

.c000000 {
    color: #000000;
}

.cffffff {
    color: #ffffff;
}

.c0062AB {
    color: #0062AB;
}

.cF48221 {
    color: #F48221;
}

.cA5A5A5 {
    color: #A5A5A5;
}

.cFF2020 {
    color: #FF2020;
}

.cF44F4F {
    color: #F44F4F;
}

.c9c9c9c {
    color: #9C9C9C;
}

.c7e7e7e {
    color: #7E7E7E;
}

.bg-white {
    background-color: #ffffff;
}

.bg-0062ab {
    background-color: #0062AB;
}

.br-50 {
    border-radius: 50%;
}

.br-8 {
    border-radius: 8px;
}

.br-10 {
    border-radius: 10px;
}

.br-43 {
    border-radius: 43px;
}

.fw-400 {
    font-weight: 400;
}

.fw-700 {
    font-weight: 700;
}

.bdr-0062AB36 {
    border: 1px solid #0062AB36;
}

.bdr-0062AB {
    border: 1px solid #0062AB;
}

.bdr-dedede {
    border: 1px solid #DEDEDE
}

.bdr-ececec {
    border: 1px solid #ECECEC;
}

.bdr-f44f4f {
    border: 1px solid #F44F4F;
}

.bdr-ff2020 {
    border: 1px solid #FF2020;
}

.imp-star::after {
    content: '*';
    color: #FF2020;
}

.cmmn-input {
    width: 100%;
    padding: 13px 20px;
    border-radius: 10px;
    border: 1px solid #DEDEDE;
    outline: none;
    background-color: transparent;
    font-family: 'Rubik-Light';
    font-weight: 300;
    font-size: 16px;
    margin-top: 10px;
    line-height: 19px;
}

.cmmn-label {
    font-family: 'Rubik-Regular';
    font-weight: 400;
    font-size: 16px;
    color: #000;
    line-height: 19px;
    padding: 0 0 0 2px;
}

.cmmn-select {
    width: 100%;
    padding: 13px 20px;
    margin-top: 10px;
    appearance: none;
    background-image: url('../../../../../../../content/dam/bagic/aca-images/select-down-arrow.svg');
    background-size: auto;
    background-position: right 20px top 50%;
    background-repeat: no-repeat;
    font-family: 'Rubik-Light';
    font-weight: 300;
    font-size: 16px;
    color: #000;
    outline: none;
    border: 1px solid #DEDEDE;
    border-radius: 10px;
    background-color: #fff;
    cursor: pointer;
}

.err-msg {
    padding-top: 5px;
    display: block;
}

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

    .cmmn-input,
    .cmmn-label {
        font-size: 22px;
        line-height: 22px;
    }

    .cmmn-select {
        padding: 14px 20px;
        font-size: 22px;
    }

    .err-msg {
        font-size: 16px;
        position: absolute;
        bottom: -30px;
        left: 3px;
    }
}

input:disabled {
    background-color: #F4F4F4;
}

input::placeholder {
    color: #ccc;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type="radio"]:checked~label {
    background-color: #0062AB;
    color: #fff;
    border: none;
}

.activeRdoBtn {
    background-color: #0062AB;
    color: #fff;
    border: none;
    border-radius: 8px;
}

.bob-none {
    border: none;
    outline: none;
    background: transparent;
}

.bo-none {
    border: none;
    outline: none;
}

.ob-none {
    outline: none;
    background: transparent;
}

.btn-disable {
    pointer-events: none;
    opacity: 0.4;
}

.btn-active {
    color: #fff !important;
    background-color: #0062AB !important;
}

.blueBtn-bg-hover,
.whiteBtn-bg-hover {
    transition: all 0.3s linear;
}

.blueBtn-bg-hover:hover {
    background-color: #0062ab36;
    color: #0062AB;
}

.whiteBtn-bg-hover:hover {
    box-shadow: 0 0 5px 5px #0062ab36;
}

.two-line-ellipsis {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ls-02 {
    letter-spacing: 0.2px;
}

/* Custom Radio Yes No Button Start */
.main-yesNo-btn {
    gap: 18px;
    flex-wrap: wrap;
    margin-top: 10px;
}

.yesNo-btn {
    min-width: 116px;
    width: max-content;
}


@media screen and (min-width: 767px) {
    .yesNo-btn {
        min-width: 145px;
    }
}

.btnLabel {
    padding: 8px 10px;
    gap: 18px;
    transition: all .3s linear;
}

.btnLabel:hover {
    /* background-color: #0062AB; */
    /* color: #fff; */
    border: 1px solid #0062AB;
    box-shadow: 0 0 5px 5px #0062ab36;
}

.btnLabel:hover::before {
    border: 1px solid #0062ab;
}

.btnLabel::before {
    content: "";
    display: block;
    border-radius: 50%;
    border: 1px solid #707070;
    width: 30px;
    height: 30px;
}

.yesNo-btn input:checked~.btnLabel {
    color: #ffffff;
    background-color: #0062AB;
    box-shadow: unset;
}

.yesNo-btn input:checked~.btnLabel::before {
    outline: 1px solid #ffffff;
    background: #fff;
    border: 8px solid #0062AB;
    width: 15.6px;
    height: 15.6px;
}

/* Custom Radio Yes No Button End */

/* custom radio button start */
.rdo-btn {
    min-width: 92px;
    max-width: max-content;
}

.rdo-btn label {
    padding: 6px 10px;
    border-radius: 6px;
    transition: all 0.3s linear;
    line-height: 19px;
}

.rdo-btn label:hover {
    color: #0062ab;
    box-shadow: 0 0 5px 5px #0062ab36;
}

.rdo-btn input:checked ~ label:hover{
    color: #fff;
    box-shadow: unset;
}

@media screen and (min-width: 767px) {
    .rdo-btn {
        min-width: 186px;
        border-radius: 5px;
    }

    .rdo-btn label {
        padding: 16px;
        border-radius: 4px;
        font-size: 22px;
        line-height: 22px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

/* custom radio button end */

/* @media screen and (min-width: 767px) and (max-width:860px) {
    .rdo-btn {
        max-width: 173px;
        width: 173px;
        min-width: unset;
    }
} */

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

    .hide-in-desktop {
        display: none;
    }

}

@media only screen and (max-width: 991px) {

    .hide-in-mobile {
        display: none;
    }

    .overflow-hidden-mob {
        overflow: hidden;
    }

}

.transform-active {
    transform: translateX(-100%);
    transition: all 0.5s;
}

.transform-nonActive {
    transform: translateX(0%);
}

/* Prev Next Button start */

.prev-nxt-btn {
    gap: 12px;
    /* margin-top: 20px; */
    flex-wrap: wrap;
}

.prev-nxt-btn button {
    padding: 9px 35px;
    width: max-content;
    line-height: 23px;
    transition: all 0.3s;
}

.prev-nxt-btn button:hover{
    box-shadow: 0 0 5px 5px #0062ab36;
}

/* Prev Next Button desktop start */
@media screen and (min-width:767px) {
    .prev-nxt-btn {
        justify-content: flex-start;
    }

    .prev-nxt-btn button {
        min-width: 145px;
        line-height: 17px;
        padding: 15px 25px;
    }
}

/* Prev Next Button desktop end */
/* Prev Next Button end */
/********** Modal CSS START **********/
.modal-bg-overlay {
    background: rgb(0 0 0 / 75%);
    position: fixed;
    z-index: 999;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    overflow: auto;
}

.modal-container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.modal-close-icon {
    position: absolute;
    top: -48px;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: max-content;
    cursor: pointer;
}

@media only screen and (max-width: 991px) {

    /* .modal-container {
        align-items: flex-end;
    } */

}

/********** Modal CSS END **********/
.dsp-none {
    display: none;
}

/****************************** COMMON CSS CLASSES END ********************************/

/*********** Common Back Home Button Start ***********/
.common-back-home {
    padding: 0px 9px 17px;
    gap: 10px;
}

.common-back-home .cmn-back-btn {
    padding-left: 14px;
}

.common-back-home .cmn-home-btn {
    padding-left: 22px;
}

.cmn-back-btn::after,
.cmn-home-btn::after {
    content: '';
    background-image: url('../../../../../../../content/dam/bagic/aca-images/back-left-icon.svg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    width: 7px;
    height: 13px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
}

.cmn-home-btn::after {
    background-image: url('../../../../../../../content/dam/bagic/aca-images/home-icon.svg');
    width: 14px;
    height: 14px;
}

/***** Common Back Home Button Desktop Start *****/

@media screen and (min-width:767px) {
    .common-back-home {
        justify-content: start;
        padding: 0px 0px 9px;
        gap: 30px;
    }
}

/***** Common Back Home Button Desktop Start *****/
/*********** Common Back Home Button End ***********/


body h1 {
    font-size: 100px;
    text-transform: uppercase;
    background-image: url('https://cdn.pixabay.com/photo/2015/12/09/01/02/mandalas-1084082_640.jpg');
    background-size: cover;
    background-position: center;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}
/******************************* Add Policy Popup Start *******************************/
.plcy-added-content {
    margin: 0px 50px;
    padding: 40px 25px;
    border-radius: 22px;
    max-width: 73%;
    width: 100%;
}

.plcy-added-content>img {
    max-width: 39px;
    max-height: 39px;
    margin-bottom: 13px;
}

.plcy-added-content p {
    padding-bottom: 15px;
}

.add-plcy-cncl-icon,
.ecs-cncl-icon,
.new-workshop-cncl-icon,
.oops-cncl-icon {
    top: 13px;
    right: 13px;
}

.plcy-added-content .check-plcy {
    margin-top: 15px;
    padding: 14px 25px;
    outline: none;
}

/***** Add Policy popup Desktop Start *****/

@media screen and (min-width:768px) {
    .plcy-added-content {
        max-width: 812px;
        margin: 0px;
        padding: 53px 40px;
    }

    .plcy-added-content .add-plcy-cncl-icon {
        max-width: 45px;
        height: 45px;
    }

    .plcy-added-content>img {
        max-width: 91px;
        max-height: 91px;
        margin-bottom: 25px;
    }

    .plcy-added-content p {
        font-size: 24px;
        padding-bottom: 19px;
    }
}

@media screen and (min-width:768px) and (max-width: 1024px) {
    .plcy-added-content {
        max-width: 600px;
    }

    .plcy-added-content>img {
        max-width: 81px;
        max-height: 81px;
    }
}

/***** Add Policy popup Desktop End *****/

/******************************* Add Policy Popup End *******************************/
/******************************* Submit Bank Details (ECS) Popup Start *******************************/

.ecs-popup-wrapper {
    padding: 49px 25px;
    margin: 53px 0;
    border-radius: 12px;
    overflow: auto;
    width: 91.2%;
}

.ecs-popup-wrapper::-webkit-scrollbar,
.new-workshop-wrapper::-webkit-scrollbar {
    width: 10px;
    background-color: #fff;
    border-radius: 0px 12px 12px 0px;
}

.ecs-popup-wrapper::-webkit-scrollbar-thumb,
.new-workshop-wrapper::-webkit-scrollbar-thumb {
    background-color: #0062AB;
    width: 3px;
    border-radius: 12px;
}

.ecs-title {
    padding: 25px 0px;
}

.ecs-detail-form {
    row-gap: 20px;
    margin-top: 20px;
    padding-bottom: 16px;
}

.ecs-detail-form .cheque-passbook-upload-wrapper {
    flex-direction: column;
    row-gap: 20px;
}

.upld-file .file-inp {
    margin-top: 10px;
    border: 1px dashed #CBCBCB;
    border-radius: 9px;
}

.file-inp-content label {
    gap: 10px;
    padding: 50px;
}

.file-inp-content label p {
    padding: 0;
    max-width: 222px;
}

.file-inp-content img {
    max-width: 30px;
    max-height: 20px;
}

.file-inp .file-uploaded {
    gap: 7px;
    padding: 60px 25px;
}

.file-uploaded img {
    max-width: 30px;
    max-height: 30px;
}

.view-uploaded-img-wrap {
    max-height: 175px;
    padding: 5px;
    top: 29px;
    left: 50%;
    transform: translateX(-50%);
}

.view-uploaded-img-wrap .view-uploaded-img {
    max-height: 165px;
}

.view-uploaded-img img {
    border-radius: 9px;
    object-fit: fill;
}

.view-upld-file {
    gap: 12px;
    margin-top: 10px;
}

.view-upld-file button {
    transition: all 0.3s;
}

.view-upld-file button:hover {
    color: #0062AB;
}

.view-upld-file .view {
    padding-left: 27px;
}

.view::after,
.hide::after {
    content: '';
    border-right: 1px solid #707070;
    margin-left: 12px;
}

.view::before,
.hide::before,
.delete::before {
    content: '';
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('../../../../../../../content/dam/bagic/aca-images/view-icon.svg');
    width: 20px;
    height: 14px;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    right: unset;
    cursor: pointer;
}

.view-upld-file .delete {
    padding-left: 20px;
}

.delete::before {
    background-image: url('../../../../../../../content/dam/bagic/aca-images/trash-icon.svg');
    width: 11px;
    height: 13px;
}

.view-upld-file .hide {
    padding-left: 27px;
}

.hide::before {
    background-image: url('../../../../../../../content/dam/bagic/aca-images/hide-icon.svg');
    width: 18px;
    height: 14px;
}

.account-type .type-btn,
.ckycPan-yesNo-btn .type-btn {
    margin-top: 10px;
    flex-wrap: wrap;
    justify-content: start;
    gap: 8px;
}

.ecs-detail-form .account-type .type-btn .rdo-btn {
    width: unset;
    min-width: 89px;
}

.ecsFormMainBtn .ecsFormSbmtBtn {
    margin-top: 12px;
    min-width: 152px;
    line-height: 21px;
    padding: 13px;
}

/***** ECS popup Desktop Start *****/

@media screen and (min-width:768px) {
    .ecs-popup-wrapper {
        padding: 55px 30px;
        margin: 55px 30px;
        max-width: 1042px;
        border-radius: 13px;
    }

    .ecs-popup-wrapper::-webkit-scrollbar,
    .new-workshop-wrapper::-webkit-scrollbar {
        width: 10px;
        border-radius: 0px 15px 15px 0px;
    }

    #hide-neft-submit-text{
        color: #F44F4F;
        text-align: center;
        padding-bottom: 17px;
    }
    .ecs-popup-wrapper .ecs-claim-no,
    .ecs-title,
    .ecs-popup-wrapper .imp-text-div .imp-text {
        font-size: 22px;
    }

    .ecs-popup-wrapper .imp-text-div {
        display: flex;
        column-gap: 5px;
    }

    .ecs-popup-wrapper .ecs-cncl-icon {
        width: 38px;
        height: 38px;
    }

    .ecs-claim-no span {
        display: inline;
    }

    .ecs-title {
        padding: 30px 0px 18px;
    }

    .ecs-detail-form {
        /* gap: 50px 28px; */
        gap: 50px 2.6%;
        margin-top: 30px;
        padding-bottom: 16px;
        flex-direction: unset;
        flex-wrap: wrap;
    }

    .ecs-detail-form :is(.bank-Yrname, .ifsc-code, .bank-name, .bank-branch, .account-no, .account-type, .micr-code, .pan-no),
    .ecs-detail-form .cheque-passbook-upload-wrapper .upld-file {
        width: 31.6%;
    }

    .ecs-detail-form .cheque-passbook-upload-wrapper {
        flex-direction: unset;
        flex-wrap: wrap;
        width: 100%;
        gap: 28px;
    }

    .cheque-passbook-upload-wrapper .upld-file .file-inp .file-inp-content label {
        padding: 41px 34px;
    }

    .cheque-passbook-upload-wrapper .upld-file .file-inp .file-inp-content label p,
    .ecs-detail-form .cheque-passbook-upload-wrapper .upld-file .view-upld-file button {
        font-size: 18px;
    }

    .file-inp .file-uploaded {
        padding: 54px 12px;
    }

    .view-uploaded-img-wrap {
        max-width: 547px;
        max-height: 164px;
        top: 31px;
    }

    .view-uploaded-img-wrap .view-uploaded-img {
        max-width: 536px;
        max-height: 209px;
    }

    .ecs-detail-form .cheque-passbook-upload-wrapper .upld-file .view-upld-file {
        margin-top: 11px;
    }

    :is(.bank-Yrname, .ifsc-code, .bank-name, .bank-branch, .account-no, .pan-no) input,
    .micr-code select {
        border-radius: 4px;
    }

    .ecs-detail-form .account-type .type-btn {
        gap: 8px;
        flex-wrap: nowrap;
        justify-content: space-between;
    }

    .ecs-detail-form .account-type .type-btn .rdo-btn {
        width: unset;
        min-width: 28%;
    }

    .account-type .type-btn .rdo-btn label {
        font-size: 22px;
        padding: 15px 6px;
    }

    .ecsFormMainBtn {
        width: 100%;
    }

    .ecsFormMainBtn .ecsFormSbmtBtn {
        min-width: 32%;
        max-width: max-content;
        margin: 5px 0px 0px 0px;
        line-height: 22px;
        padding: 16px;
    }
}

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

    .ecs-detail-form :is(.bank-Yrname, .ifsc-code, .bank-name, .bank-branch, .account-no, .account-type, .micr-code, .pan-no),
    .ecs-detail-form .cheque-passbook-upload-wrapper .upld-file {
        width: 47.9%;
    }

    .ecs-detail-form,
    .ecs-detail-form .cheque-passbook-upload-wrapper {
        gap: 50px 4.2%;
    }

    .account-type .type-btn .rdo-btn label {
        padding: 15px 9px;
    }
}

@media screen and (min-width:768px) and (max-width: 895px) {
    .account-type .type-btn .rdo-btn label {
        padding: 5px 9px;
    }
}

@media screen and (min-width:1095px) {
    .account-type .type-btn .rdo-btn label {
        padding: 5px 9px;
    }
}

/***** ECS popup Desktop End *****/

/******************************* Submit Bank Details (ECS) Popup End *******************************/
/************************************** Add New Workshop Popup Start **************************************/

.add-new-workshop-popup.modal-bg-overlay {
    background: rgba(255, 255, 255, 86%);
}

.new-workshop .new-workshop-wrapper {
    padding: 30px;
    margin: 60px 22px;
    border-radius: 20px;
    border: 1px solid #F0F0F0;
    box-shadow: 0px 4px 30px 0px #00000017;
    overflow: auto;
    width: 89%;
}

.new-workshop-wrapper .new-workshop-cncl-icon {
    max-width: 30px;
    height: 30px;
}

.new-workshop-form {
    margin: 24px 0px;
}

.add-workshop-btn {
    margin-top: 5px;
}

.add-workshop-btn button {
    margin-bottom: unset;
    padding: 13px;
    line-height: 19px;
}

/***** Add New Workshop popup Desktop Start *****/

@media screen and (min-width:767px) {
    .new-workshop .new-workshop-wrapper {
        max-width: 1166px;
        /* width: 100%; */
        padding: 50px 50px 70px;
        margin: 60px 0px;
        box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.09);
    }

    .new-workshop-wrapper .new-workshop-cncl-icon {
        max-width: 52px;
        height: 52px;
        top: 16px;
        right: 16px;
    }

    .add-workshop-title {
        font-size: 32px;
        padding-right: 20px;
    }

    .new-workshop-form {
        margin: 35px 0px 0px 0px;
        flex-direction: unset;
        flex-wrap: wrap;
        gap: 50px 5%;
    }

    .new-workshop-form :is(.addName, .addMob, .addTel, .addCategory, .addState, .addCity, .add-workshop-btn) {
        width: 47.5%;
    }

    .add-workshop-btn {
        margin-top: 40px;
    }

    .add-workshop-btn button {
        padding: 28px;
        font-size: 22px;
        line-height: 16px;
    }
}

/***** Add New Workshop popup Desktop End *****/
/************************************** Add New Workshop Popup End **************************************/
/************************************** Oops Popup Start **************************************/

/* .oops-popup-content {
    margin: 0px 50px;
} */

.oops-popup-wrapper {
    padding: 45px;
    border-radius: 22px;
    max-width: 73%;
    width: 100%;
}

.oops-popup-wrapper .oops-cncl-icon {
    max-width: 21px;
    height: 21px;
}

.oops-popup-wrapper h2 {
    font-size: 36px;
    padding-bottom: 18px;
}

.oops-popup-wrapper p {
    padding-bottom: 25px;
}

.oops-popup-wrapper button {
    outline: none;
    padding: 10px 20px;
}

/***** Oops Popup Desktop Start *****/

@media screen and (min-width:767px) {
    .oops-popup-wrapper {
        max-width: 486px;
        width: 100%;
        padding: 60px 50px;
    }

    .oops-popup-wrapper .oops-cncl-icon {
        max-width: 34px;
        height: 34px;
    }

    .oops-popup-wrapper h2 {
        font-size: 44px;
        padding-bottom: 28px;
    }

    .oops-popup-wrapper p {
        font-size: 24px;
        padding-bottom: 42px;
    }

    .oops-popup-wrapper button {
        padding: 15px 30px;
        font-size: 22px;
    }
}

/***** Oops Popup Desktop End *****/
/************************************** Oops Popup End **************************************/
/************************************** Preview Documents Popup Start **************************************/

.preview-docs-popup-wrapper {
    padding: 22px 30px 40px;
    border-radius: 18px;
    border: 1px solid #E3E3E3;
    margin: 0 38px;
    max-width: 313px;
    width: 100%;
}

.preview-docs-popup-wrapper h2 {
    padding-bottom: 15px;
}

.preview-docs-popup-wrapper .docs-front-back {
    gap: 10px 0;
    padding-bottom: 28px;
}

.docs-front-back-img {
    max-width: 250px;
    width: 100%;
    max-height: 171px;
    height: 100%;
    margin: 0 auto;
}

.docs-front-back-img img {
    height: 171px;
    width: 250px;
    object-fit: cover;
}

.preview-docs-popup-wrapper button {
    margin-top: 6px;
    padding: 5px 25px;
}

/***** Preview Documents popup Desktop Start *****/

@media screen and (min-width:767px) {
    .preview-docs-popup-wrapper {
        max-width: 1080px;
        width: 100%;
        padding: 45px 72px;
        margin: 0 90px;
    }

    .preview-docs-popup-wrapper h2 {
        padding-bottom: 30px;
        font-size: 22px;
    }

    .preview-docs-popup-wrapper .docs-front-back {
        max-width: 937px;
        width: 100%;
        gap: 0 38px;
        padding-bottom: 30px;
        flex-direction: unset;
    }

    .preview-docs-popup-wrapper .docs-front-back-img {
        max-width: 458px;
        max-height: 310px;
    }

    .preview-docs-popup-wrapper .docs-front-back-img img {
        width: 458px;
        height: 310px;
    }

    .preview-docs-popup-wrapper button {
        margin-top: 0px;
        max-width: 397px;
        width: 100%;
        font-size: 22px;
        padding: 15px 25px;
    }
}

@media screen and (min-width:768px) and (max-width: 1024px) {
    .preview-docs-popup-wrapper {
        padding: 45px;
        margin: 0 50px;
    }

    .preview-docs-popup-wrapper button {
        max-width: 280px;
    }
}

@media screen and (max-width:300px) {
    .preview-docs-popup-wrapper {
        max-width: 90%;
    }
}

/***** Preview Documents popup Desktop End *****/
/************************************** Preview Documents Popup End **************************************/
/************************************** Address proof Popup Start **************************************/
.proof-popup-wrapper {
    max-width: 80%;
    padding: 56px 18px 20px;
    border-radius: 13px;
    margin: 30px;
    overflow: auto;
}

.proof-popup-wrapper::-webkit-scrollbar {
    width: 10px;
    background-color: #fff;
    border-radius: 0px 30px 30px 0px;
}

.proof-popup-wrapper::-webkit-scrollbar-thumb {
    background-color: #0062AB;
    width: 3px;
    border-radius: 12px;
}

.proof-cncl-icon {
    max-width: 21px;
    max-height: 21px;
    right: 14px;
    top: 14px;
}

.proof-doc-path {
    gap: 10px;
}


.doc-file-path label {
    padding: 6px 20px;
    /*min-width: 138px;*/
    max-width: 138px;
    border: 1px solid #F4822180;
    transition: all 0.3s;
}

.doc-file-path label:hover {
    background-color: #F48221;
    border-radius: 43px;
}

.doc-file-path label span {
    transition: all 0.3s;
}

.doc-file-path label:hover span {
    color: #fff;
}

.doc-file-path #proof-fileName-msg {
    color: #F48221;
    margin-top: 15px;
}

.proof-popup-sbmt-btn {
    padding: 14px 20px;
    max-width: 164px;
    margin: 12px auto 0;
    line-height: 19px;
}

/***** Address Proof popup Desktop Start *****/
@media screen and (min-width:767px) {
    .proof-popup-wrapper {
        max-width: 480px;
        padding: 90px 30px 30px;
    }

    .proof-cncl-icon {
        max-width: 45px;
        max-height: 45px;
    }

    .proof-popup-form {
        gap: 40px;
    }

    .doc-file-path label {
        padding: 14px;
        font-size: 18px;
    }

    .doc-file-path label span {
        line-height: 21px;
    }

    .proof-popup-sbmt-btn {
        max-width: 201px;
        margin: 4px auto 0;
    }
}

/***** Address Proof popup Desktop End *****/

/************************************** Address proof Popup End **************************************/
/************************************** Track Status Image Popup Start **************************************/
.status-img-popup-wrapper {
    max-width: 340px;
    width: 90%;
    padding: 29px 22px;
    border-radius: 30px;
}

.track-status-cncl-icon {
    max-width: 26px;
    max-height: 26px;
    top: 10px;
    right: 10px;
}

.dateTime-popup {
    padding: 0 15px 15px 0;
}

.status-popup-img-container {
    max-width: 297px;
    height: 300px;
    background-color: #D9D9D9;
    border-radius: 8px 8px 43px 43px;
    margin-bottom: 0 !important;
}

.status-popup-img-wrap {
    margin-top: 12px;
    margin-bottom: 0 !important;
    overflow: hidden;
}

.status-popup-img-wrap .popup-img-inner-wrapper {
    width: 225px;
    height: 225px;
}

/* .status-popup-img-wrap .slick-list .slick-track .slick-slide>div {
    display: flex;
    justify-content: center;
}

.status-popup-img-wrap .slick-prev,
.status-popup-img-wrap .slick-next {
    left: 34px;
    bottom: -21%;
    z-index: 10;
    transform: unset;
    top: unset;
    width: 11px;
    height: 20px;
}

.status-popup-img-wrap .slick-next {
    left: unset;
    right: 34px;
}

.status-popup-img-wrap .slick-next:focus,
.status-popup-img-wrap .slick-next:hover,
.status-popup-img-wrap .slick-prev:focus,
.status-popup-img-wrap .slick-prev:hover {
    color: unset;
    outline: unset;
    background: unset;
}

.status-popup-img-wrap .slick-prev::before,
.status-popup-img-wrap .slick-next::before {
    content: '';
    background-image: url('../../../../../../../content/dam/bagic/aca-images/white-right-icon.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    width: 11px;
    height: 20px;
    transform: rotate(180deg);
}

.status-popup-img-wrap .slick-next::before {
    transform: unset;
}

.status-popup-img-wrap .slick-dots {
    display: none !important;
} */

.status-popup-img {
    max-width: 225px;
    width: 100%;
    height: 225px;
}

.status-img-prevNext-btn {
    max-width: 297px;
    max-height: 50px;
    margin-top: -27px;
    z-index: 5;
}

.status-img-prevNext-btn .prev,
.status-img-prevNext-btn .next {
    left: 34px;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
    width: 11px;
    height: 20px;
}

.status-img-prevNext-btn .next {
    right: 34px;
    left: unset;
    transform: translateY(-50%);
}

/***** Track Status Image popup Desktop Start *****/
@media screen and (min-width:767px) {
    .status-img-popup-wrapper {
        max-width: 425px;
    }

    .track-status-cncl-icon {
        max-width: 34px;
        max-height: 34px;
    }

    .dateTime-popup {
        font-size: 20px;
    }

    .status-popup-img-container,
    .status-img-prevNext-btn {
        max-width: 381px;
    }
}

/***** Track Status Image popup Desktop Start *****/
/************************************** Track Status Image Popup End **************************************/