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

.text__align__center {
    text-align: center;
}

.text__align__right {
    text-align: right;
}

.text__align__left {
    text-align: left;
}
.borderInputSec{
    border: #ABABAB 1px solid !important;
}
.main__layout {
    display: grid;
    grid-template-columns: 12rem 1fr;
    grid-template-rows: 8rem 1fr;
    grid-template-areas: 'header header' 'aside main';
    min-height: 100vh;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-color: var(--theme_bg_color);
}

.main__header {
    background-color: var(--bg_white);
    width: 100%;
    position: fixed;
    height: 8rem;
    inset: 0 0 auto 0;
    padding: 1.2rem 2.4rem;
    z-index: 1050;
    box-shadow: 0px 0px 14px 0px #0000001A;
}

.main__header__wrap {
    position: relative;
    width: 100%;
    grid-area: header;
    box-shadow: 0px 0px 14px 0px #0000001A;
}

.lft__sidebar__main__sc {
    grid-area: aside;
    background: var(--bg_white);
    position: fixed;
    width: 12rem;
    inset: 8rem auto 0 0;
    z-index: 1050;
    box-shadow: 0px 9px 14px 0px #0000001A;
}

.main__container {
    grid-area: main;
    padding: 3rem;
    overflow: hidden;
}

.main__header__row__sc {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.main__header__row__logo__sc {
    width: 16rem;
    height: auto;
}

.main__header__row__lft__sc {
    display: flex;
    align-items: center;
    gap: 3rem;
}

.header__search__input__sc {
    display: flex;
    align-items: center;
    width: 100%;
    height: 5rem;
    background: var(--search_input_bg);
    gap: 1.2rem;
    padding: 0rem 2.4rem;
    border: 1px solid transparent;
}

.header__search__input__sc input {
    flex: 1;
    outline: none;
    border: none;
    height: 100%;
    background: transparent;
}

.header__search__input__sc input::placeholder {
    font-size: var(--font16);
    color: var(--primary_medium);
    font-weight: 400;
}

.header__search__bar__sc {
    width: 72rem;
    position: relative;
}

.main__header__row__rgt__sc {
    display: flex;
    align-items: center;
    gap: 3.6rem;
}

.header__search__icon__sc {
    width: 2rem;
    height: 2rem;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.main__header__row__rgt__btns__sc {
    display: flex;
    align-items: center;
    gap: 2.4rem;
}

.header__add__contact__sc,
.header__add__items__sc,
.header__notification__sc {
    width: 4rem;
    height: 4rem;
    border-radius: 5rem;
    background: var(--theme_bg_color);
    cursor: pointer;
    position: relative;
}

.header__add__contact__sc img,
.header__add__items__sc img,
.header__notification__sc img {
    width: 2.4rem;
    height: 2.4rem;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.hdr__notifi__cout__sc {
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 5rem;
    background: #B91C1D;
    position: absolute;
    inset: 0.4rem 0.5rem auto auto;
    z-index: 1;
}

.header__search__input__sc:hover .header__search__icon__sc {
    transform: rotate(85deg);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.header__add__contact__sc:hover img,
.header__add__items__sc:hover img,
.header__notification__sc:hover img {
    transform: scale(1.2);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.hdr__prof__img__sc img {
    width: 4rem;
    height: 4rem;
}

.hdr__prof__row__sc {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    cursor: pointer;
}

.hdr__prfl__arrow__sc svg {
    width: 2rem;
    height: 2rem;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.hdr__prof__sect__sc {
    position: relative;
}

.hdr__prof__contr__sc {
    position: fixed;
    box-shadow: var(--box_shadow);
    border: 3px solid var(--bg_white);
    background: var(--box_bg);
    padding: 3.6rem 2.4rem;
    width: 32rem;
    inset: 8.1rem 2rem auto auto;
    z-index: 1001;
    transform: translate(0rem, -59rem);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
}

.hdr__prof__contr__sc.active {
    transform: translate(0rem, 0rem);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.hdr__prof__contr__sc h4 {
    text-align: center;
    margin-bottom: 1.6rem;
}

.hdr__prof__contr__inner__box__sc {
    background: var(--inner_box_bg);
    border: 1px solid var(--bg_white);
    padding: 1.2rem;
    margin-bottom: 1.4rem;
}

.hdr__prof__contr__inner__box__sc:last-child {
    margin-bottom: 0;
}

.hdr__prof__inner__box__link__sc {
    padding: 1.2rem 1.6rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 0.4rem;
    background: transparent;
}

.hdr__prof__inner__box__link__sc img {
    width: 1.8rem;
    height: auto;
}

.hdr__prof__inner__box__link__sc:hover {
    background: var(--prfl_hover_bg);
}

.hdr__prof__row__sc.active svg {
    transform: rotate(-180deg);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.header__search__result__sc {
    background: linear-gradient(127.27deg, rgba(252, 252, 252, 0.91) 0.92%, rgba(255, 255, 255, 0.91) 99.91%);
    box-shadow: var(--box_shadow);
    position: absolute;
    width: 100%;
    inset: 5rem 0 auto auto;
    max-height: 80dvh;
    overflow: hidden auto;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    box-shadow: 0px 8px 12px 0px #00000014;
}

.header__search__recently__sc {
    padding: 1.6rem 1.4rem;
    border-bottom: 1px solid var(--border_color);
    margin-bottom: 1.8rem;
}

.header__search__recently__head__sc {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.8rem;
}

.header__search__recently__head__sc p {
    cursor: pointer;
}

.header__search__recently__item__sc {
    padding: 0.8rem 1.2rem;
    display: flex;
    align-items: center;
    gap: 0.7rem;
    border: 1px solid #C2C2C24F;
    border-radius: 9rem;
}

.header__search__recently__item__sc svg {
    width: 2rem;
    height: auto;
}

.header__search__recently__body__sc {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1.2rem;
}

.header__search__body__sc {
    box-shadow: 0px 0px 5px 0px #0000000A;
    border-radius: 2.4rem 2.4rem 0 0;
}

.header__search__quick_action__sc {
    padding: 1.6rem 2.4rem;
    border-bottom: 1px solid var(--border_color);
}

.header__search__quick_action__sc h4 {
    margin-bottom: 0.8rem;
}

.header__search__quick_action__row__sc {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1.2rem;
}
.SecAvatar2 label{
    border: 1px solid #A3A3A3;
    width: 13rem;
    height: 13rem;
    background: #FFFFFF;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 1rem;
    cursor: pointer;
}
.mb_30.emp_sect{
    font-weight: 500;
    font-size: var(--font18);
    color: #6A6A6A;
}
.SecAvatar2 label p{
    text-align: center;
    margin-top: 1rem;
    color: #313131;
    font-size: 1.4rem;
}
.header__search__quick_action__item__sc {
    gap: 1rem;
    padding: 0.6rem 0.8rem;
    border-radius: 0.8rem;
}

.header__search__quick_action__item__sc img {
    width: 2.8rem;
    height: auto;
}

.srh__payment__link__sc {
    background: linear-gradient(106.09deg, #C799EB 0.52%, #8E57B9 92.2%);
}

.srh__create__bill__sc {
    background: linear-gradient(110.8deg, #58DC95 3.67%, #45B97A 94.23%);
}

.srh__create__estimate__sc {
    background: linear-gradient(110.41deg, #6CC9DE 5.21%, #5AA0B0 96.71%);
}

.srh__create__invoice__sc {
    background: linear-gradient(111.11deg, #81BFB3 3.63%, #629D92 96.88%);
}

.srh__create__receipt__sc {
    background: linear-gradient(111.56deg, #999FEB 3.27%, #656BBF 95.56%);
}

.srh__create__team__sc {
    background: radial-gradient(180.07% 477.39% at 14.6% -23.5%, #FB7761 0%, #F66F59 100%);
}

.header__search__integration__row__sc {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.9rem;
}

.header__search__integration__item__sc {
    height: 5rem;
}

.srh__zoho__books__sc {
    background: linear-gradient(90deg, rgba(26, 223, 226, 0.05) 0%, rgba(138, 64, 252, 0.05) 100%);
}

.srh__zoho__books__sc img {
    width: 6.1rem;
    height: auto;
}

.srh__tally__sc {
    background: linear-gradient(90deg, rgba(250, 74, 139, 0.05) 0%, rgba(255, 209, 73, 0.05) 100%);
}

.srh__tally__sc img {
    width: 6.5rem;
    height: auto;
}

.srh__marg__book__sc {
    background: linear-gradient(90deg, rgba(250, 74, 139, 0.05) 0%, rgba(255, 209, 73, 0.05) 100%);
}

.srh__marg__book__sc img {
    width: 7.5rem;
    height: auto;
}

.srh__busy__sc {
    background: linear-gradient(90deg, rgba(1, 90, 205, 0.05) 0%, rgba(26, 223, 226, 0.05) 100%);
}

.srh__busy__sc img {
    width: 3.6rem;
    height: auto;
}

.header__search__payment__hub__item__sc {
    background: linear-gradient(90deg, rgba(26, 223, 226, 0.02) 0%, rgba(138, 64, 252, 0.02) 100%);
    border: 1px solid #EEEEEEC7;
    padding: 1.2rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: .4rem;
}

.header__search__payment__hub__item__sc p {
    text-align: center;
}

.header__search__payment__hub__item__sc img {
    width: 2.4rem;
    height: auto;
}

.header__search__payment__hub__row__sc {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1.2rem;
}

.header__search__business_option__sc {
    padding: 1.6rem 2.4rem;
}

.header__search__business_option__row__sc {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.2rem;
    margin-bottom: 0.8rem;
}

.header__search__business_option__row__sc:last-child {
    margin-bottom: 0;
}

.header__search__business_option__items__sc {
    padding: 0.8rem 1.2rem;
    display: flex;
    gap: 1.2rem;
}

.header__search__business_option__items__sc img {
    width: 2.4rem;
    height: 2.4rem;
}

.srh__delivery__challan__sc {
    background: linear-gradient(90deg, rgba(121, 24, 248, 0.05) 0%, rgba(145, 80, 253, 0.05) 100%);
    border: 1px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(90deg, rgba(115, 11, 247, 0.4) 0%, rgba(147, 84, 253, 0.4) 100%);
    border-radius: 1px;
}

.header__search__business_option__sc h4 {
    margin-bottom: 1.2rem;
}

.header__search__business_option__items__cont__sc h5 {
    margin-bottom: 0.4rem;
}

.srh__cash__memo__sc {
    background: linear-gradient(90deg, rgba(250, 74, 139, 0.05) 0%, rgba(255, 209, 73, 0.05) 100%);
    border: 1px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(90deg, rgba(251, 76, 141, 0.4) 0%, rgba(255, 204, 73, 0.4) 100%);
    border-radius: 1px;
}

.srh__reconcile__sc {
    background: linear-gradient(90deg, rgba(1, 205, 193, 0.05) 0%, rgba(26, 226, 226, 0.05) 100%);
    border: 1px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(90deg, rgba(1, 43, 158, 0.4) 0%, rgba(21, 234, 227, 0.4) 100%);
    border-radius: 1px;
}

.srh__purchase__orders__sc {
    background: linear-gradient(90deg, rgba(1, 206, 28, 0.05) 0%, rgba(255, 206, 72, 0.05) 100%);
    border: 1px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(90deg, rgba(1, 203, 26, 0.4) 0%, rgba(255, 207, 73, 0.4) 100%);
    border-radius: 1px;
}

.srh__expense__dashboard__sc {
    background: linear-gradient(90deg, rgba(14, 102, 140, 0.05) 0%, rgba(15, 89, 157, 0.05) 100%);
    border: 1px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(90deg, rgba(14, 102, 140, 0.6) 0%, rgba(15, 89, 157, 0.6) 100%);
    border-radius: 1px;
}

.right__sidebar__wrap__sc {
    position: fixed;
    inset: 8rem 0 0 auto;
    width: 44rem;
    background: rgba(255, 255, 255, 0.7);
    z-index: 103;
    transform: translateX(44rem);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
}

.right__sidebar__wrap__sc.active {
    transform: translateX(0);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.right__sidebar__contnr__sc {
    padding: 1rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.right__side__search__box__sc {
    background: #FFFFFF80;
    border: 1px solid #FFFFFF;
    width: 100%;
    height: 4.8rem;
    padding: 1.4rem 1.6rem;
    display: flex;
    align-items: center;
    gap: 1.2rem;
}

.right__side__search__box__sc input::placeholder {
    font-size: var(--font16);
    font-weight: 400;
    color: var(--primary_medium);
}

.right__side__search__box__sc input {
    outline: none;
    border: none;
    height: 100%;
    flex: 1;
    background: transparent;
}

.right__side__search__box__sc svg {
    width: 2rem;
    height: auto;
}

.right__sidebar__body__sc {
    flex: 1;
    overflow: hidden auto;
}

.right__sidebar__row__sc {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

.right__sidebar__items__sc {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: #FFFFFF4D;
    border: 1px solid #FFFFFF;
    height: 9.5rem;
    gap: 0.6rem;
    padding: 1.4rem;
}

.right__sidebar__items__sc img {
    width: 2.4rem;
    height: auto;
}

.right__sidebar__items__sc:hover {
    background: var(--prfl_hover_bg);
}

.right__sidebar__items__sc p {
    text-align: center;
}

.quick__launcher__btn__sc {
    background: #FFFFFFB2;
    padding: .8rem 2rem;
    display: flex;
    align-items: center;
    gap: 1.4rem;
    transform: rotate(-90deg);
    cursor: pointer;
    border-radius: 1.5rem 1.5rem 0 0;
    position: relative;
}

.quick__launcher__btn__scet__sc {
    position: absolute;
    transform: translate(-50%, -50%);
    inset: 50% auto auto -1.8rem;
}

.quick__launcher__btn__sc svg {
    width: 2rem;
    height: auto;
    transform: rotate(90deg);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.quick__launcher__btn__sc::after,
.quick__launcher__btn__sc::before {
    position: absolute;
    content: "";
    width: 5rem;
    height: 5rem;
    background: transparent;
    pointer-events: none;
}

.quick__launcher__btn__sc::after {
    inset: calc(100% - 3.15em) 0 0 -3.05em;
    border-bottom-right-radius: 1.25rem;
    box-shadow: 0.9rem 1rem 0 -0.9rem #FFFFFFB2;
}

.quick__launcher__btn__sc::before {
    inset: calc(100% - 5.05rem) 0rem 0rem 98%;
    border-bottom-left-radius: 1.25em;
    box-shadow: -0.9rem 1.2rem 0 -0.9rem #FFFFFFB2;
}

.right__sidebar__contnr__sc::-webkit-scrollbar {
    display: none;
}

.quick__launcher__btn__sc.active svg {
    transform: rotate(270deg);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.lft__sidebar__inner__sc {
    padding: 2rem 1.8rem;
    height: 100%;
    display: flex;
    flex-direction: column;
}

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

.lft__sidebar__items__row__sc {
    width: 9rem;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px 0px #2121211A;
    border-radius: 5rem;
    padding: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.lft__sidebar__items__link__sc img {
    width: 5rem;
    height: auto;
    position: relative;
    z-index: 1041;
}

.lft__sidebar__items__row__sc ul li {
    margin-top: 1rem;
    position: relative;
    z-index: 105;
}

.lft__sidebar__items__row__sc ul li:first-child {
    margin-top: 0;
}

.lft__sidebar__items__link__sc {
    cursor: pointer;
}

.left__snd__menu__sc {
    margin-top: 4.8rem;
}

.lft__side__ver__sc p {
    text-align: center;
    margin-bottom: 1.2rem;
}

.lft__side__ver__sc p:last-child {
    margin-bottom: 0;
}

.left__sidebar__hover__img__sc {
    display: none;
}

.lft__sidebar__items__link__sc:hover .left__sidebar__normal__img__sc {
    display: none;
}

.lft__sidebar__items__link__sc:hover .left__sidebar__hover__img__sc {
    display: block;
}
.left__sidebar__hover__animation__box__sc {
    display: none;
}
.lft__sidebar__items__link__sc:hover .left__sidebar__hover__animation__box__sc {
    display: block;
}

.left__sidebar__hover__animation__box__sc {
    z-index: 105;
}

.left__sidebar__hover__box__sc {
    background: #FFFFFFB2;
    border: .3rem solid var(--bg_white);
    box-shadow: 0px 0px 10px 0px #0000001A;
    width: 29rem;
    position: absolute;
    z-index: 10;
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
    left: 20.6rem;
    top: 50%;
}
.left__sidebar__hover__box__sc.paymenthub__box__hover__sc {
    transform: translate(-50%, -17%);
}
.left__sidebar__hover__box__sc.getstart__box__hover__sc {
    transform: translate(-50%, -21%);
}
.left__sidebar__hover__box__sc.businessOpration__box__hover__sc {
    transform: translate(-50%, -25%);
}
.left__sidebar__hover__box__sc.accountTax__box__hover__sc {
    transform: translate(-50%, -34%);
}
.left__sidebar__hover__box__sc.banking__box__hover__sc {
    transform: translate(-50%, -38%);
}
.left__sidebar__hover__box__sc.payroll__box__hover__sc {
    transform: translate(-50%, -45%);
}
.left__sidebar__hover__box__sc.intergration__box__hover__sc {
    transform: translate(-50%, -54%);
}
.left__sidebar__hover__box__sc.expense__box__hover__sc {
    transform: translate(-50%, -60%);
}
.left__sidebar__hover__box__sc.report__box__hover__sc {
    transform: translate(-50%, -68%);
}
.left__sidebar__hover__box__sc.more__options__sc {
    transform: translate(-50%, -80%);
}
.left__sidebar__hover__box__sc.qk__options__sc {
    transform: translate(-50%, -88%);
}
.left__sidebar__hover__box__sc {
    display: none;
}
.left__sidebar__hover__box__sc
.left__sidebar__hover__inner__sc {
    padding: 3.6rem 2.5rem;
    max-height: 74rem;
    overflow: hidden auto;
}

.left__sidebar__hover__kyc__title__sc {
    display: flex;
    align-items: center;
    gap: 1.2rem;
}

.left__sidebar__hover__kyc__line__sc {
    border: 0.5px solid #9DC588;
    flex: 1;
    margin-top: 2px;
}

.left__sidebar__hover__kyc__title__sc {
    margin-bottom: 1.2rem;
}

.left__sidebar__hover__kyc__box__sc {
    background: #FFFFFF4D;
    border: 1px solid #FFFFFF66;
    padding: 1.6rem;
}

.left__sidebar__hover__kyc__box__sc img {
    width: 18rem;
    height: auto;
}

.left__sidebar__hover__kyc__box__img__sc {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 0.8rem;
    margin-bottom: 1.6rem;
}

.left__sidebar__hover__kyc__box__list__sc li {
    list-style: disc;
}

.left__sidebar__hover__kyc__box__list__sc {
    margin-left: 1.8rem;
}

.left__sidebar__hover__kyc__box__sect__sc {
    margin-bottom: 1.2rem;
}

.left__sidebar__hover__kyc__box__sect__sc:last-child {
    margin-bottom: 0;
}

.left__sidebar__payment__item__sc {
    display: flex;
    align-content: center;
    gap: 1rem;
    padding: 1.2rem 1.6rem;
}

.left__sidebar__payment__item__sc svg {
    width: 1.6rem;
    height: auto;
}

.left__sidebar__payment__item__sc {
    margin-bottom: 0.4rem;
}

.left__sidebar__payment__item__sc:last-child {
    margin-bottom: 0;
}

.left__sidebar__payment__box__sc {
    margin-bottom: 1.6rem;
}

.left__sidebar__payment__box__sc:last-child {
    margin-bottom: 0;
}

.left__sidebar__payment__item__sc:hover {
    background: var(--prfl_hover_bg);
}

.left__sidebar__hover__box__wrap__sc {
    position: relative;
}

.left__sidebar__hover__kyc__box__sc:hover, .left__sidebar__top__kyc__box__sc.active .left__sidebar__hover__kyc__box__sc {
    background: var(--prfl_hover_bg);
}

.integration__lft__img__sc {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.integration__lft__img__sc img {
    width: auto;
    height: 2.7rem;
}

.integration__lft__btn__sc {
    padding: .7rem 1rem;
    border-radius: 6rem;
    background: #FFFFFF;
}

.left__sidebar__hover__animation__box__sc {
    background: #FFFFFFB2;
    position: absolute;
    width: 6.9rem;
    height: 5.6rem;
    box-shadow: -3px 0px 6px 0px #0000001A;
    border-radius: 5rem 0 0 5rem;
    border: .3rem solid var(--bg_white);
    border-right: none;
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
}

.left__sidebar__hover__animation__inner__sc {
    position: relative;
    width: 100%;
    height: 100%;
}

.left__sidebar__hover__animation__inner__sc::after,
.left__sidebar__hover__animation__inner__sc::before {
    position: absolute;
    content: "";
    width: 5rem;
    height: 5rem;
    background: transparent;
    pointer-events: none;
}

.left__sidebar__hover__animation__inner__sc::after {
    border-bottom-left-radius: 2.5rem;
    box-shadow: -0.7rem 1.2rem 0 0.1rem #ffffffe3;
    top: -5.1rem;
    right: -0.1rem;
    transform: rotate(278deg);
}

.left__sidebar__hover__animation__inner__sc::before {
    border-bottom-left-radius: 2.5rem;
    box-shadow: -0.8rem 1.2rem 0 -0.1rem #ffffffe3;
    top: 5.1rem;
    right: -0.1rem;
    transform: rotate(175deg);
}

.teader__upgrade__btn__sc {
    cursor: pointer;
    background: #000000;
    padding: 0.3rem;
    border-radius: 5rem;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.teader__upgrade__btn__in__sc {
    padding: 0.6rem 2rem;
    display: flex;
    align-items: center;
    gap: 0.8rem;
    background: linear-gradient(92.81deg, #000000 0.5%, rgba(29, 32, 31, 0.5) 49.71%, #000000 98.62%);
    border-radius: 5rem;
    border: 1px solid rgba(234, 150, 39, 0.2);
    position: relative;
    width: max-content;
}

.teader__upgrade__btn__sc:hover {
    transform: scale(1.1);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.teader__upgrade__btn__in__sc svg {
    width: 2.6rem;
}

.teader__upgrade__btn__in__sc svg .str__bl__sc {
    animation: header__bl 1s infinite;
}

.str__bl__2__sc {
    animation: header__bl 1s infinite linear;
    animation-delay: 0.5s;
}


@keyframes header__bl {
    0% {
        opacity: 0;
    }

    25% {
        opacity: 0.2;
    }

    50% {
        opacity: 0.5;
    }

    75% {
        opacity: 0.7;
    }

    100% {
        opacity: 1;
    }
}

.lft__sidebar__items__link__sc:hover .left__sidebar__hover__box__sc {
    display: block;
}

.left__sidebar__hover__animation__box__sc {
    top: -0.6rem;
    left: -0.7rem;
}

.left__sidebar__hover__inner__sc::-webkit-scrollbar {
    width: 0.3rem;
    background: transparent;
}

.left__sidebar__hover__inner__sc::-webkit-scrollbar-thumb {
    background: var(--light_green_color);
    border-radius: 0.8rem;
}

/* gstr */
.gstr__main__sc {
    background: var(--bg_white);
    border: 1px solid var(--bg_white);
    box-shadow: 0px 0px 20px 0px #0000001A;
    padding: 1.6rem;
}

.gstr__about__section__sc {
    padding: 3rem;
    border: 1px solid var(--table-border_clr);
    display: flex;
    gap: 3rem;
    margin-bottom: 1.6rem;
}

.gstr__about__row__sc {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 3rem;
}

.gstr__about__cont__sc {
    flex-basis: 40%;
}

.gstr__about__cont__sc h3 {
    margin-bottom: 1.8rem;
}

.enter__gstr__details__btn__sc {
    width: 19rem;
    height: 4.8rem;
    background: var(--primary_dark);
    margin-top: 3.4rem;
}

.gstr__about__items__sc {
    padding: 2.6rem 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 2.4rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.gstr__about__items__sc img {
    width: 10rem;
    height: 10rem;
}

.gstr__about__items__cont__sc h4 {
    margin-bottom: 1.2rem;
}

.gstr__about__items__invoice__sc {
    background-image: url("../../wegofin_ai/images/gstr/gstr_bg_1.svg");
}

.gstr__about__items__auto__sc {
    background-image: url("../../wegofin_ai/images/gstr/gstr_bg_2.svg");
}

.gstr__about__items__push__sc {
    background-image: url("../../wegofin_ai/images/gstr/gstr_bg_3.svg");
}

.gstr__about__items__easiest__sc {
    background-image: url("../../wegofin_ai/images/gstr/gstr_bg_4.svg");
}

.gstr__steps__section__sc {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
}

.gstr__steps__section__box__sc {
    background-image: url("../../wegofin_ai/images/gstr/gstr__steps__bg_1.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    border: 1px solid var(--table-border_clr);
    box-shadow: 0px 0px 20px 0px #0000000A;
    justify-content: space-between
}

.gstr__steps__section__box__left__sc {
    padding: 3rem;
}

.gstr__steps__section__box__head__sc h3 {
    color: var(--sec__black);
    margin-bottom: 0.8rem;
}

.gstr__steps__section__box__head__sc p {
    color: var(--black_variant_medium);
}

.gstr__steps__section__box__head__sc {
    margin-bottom: 3rem;
}

.gstr__steps__1__sc h6 {
    color: #A70F99;
}

.gstr__steps__2__sc h6 {
    color: #0973AB;
}

.gstr__steps__3__sc h6 {
    color: #B96115;
}

.gstr__steps__4__sc h6 {
    color: #179B0C;
}

.gstr__steps__row__sc {
    display: flex;
    align-items: center;
    gap: 2.3rem;
    margin-bottom: 2rem;
}

.gstr__steps__row__sc:last-child {
    margin-bottom: 0;
}

.gstr__steps__row__sc img {
    width: 5.8rem;
    height: auto;
}

.gstr__steps__row__cont__sc {
    display: flex;
    align-items: center;
    gap: 1.6rem;
}

.gstr__steps__section__box__right__img__1__sc {
    width: 26.5rem;
    height: auto;
}

.gstr__benefit__row__sc img {
    width: 3rem;
    height: auto;
}

.gstr__benefit__row__sc {
    display: flex;
    align-items: center;
    gap: 2.4rem;
    margin-bottom: 2.8rem;
}

.gstr__benefit__row__sc:last-child {
    margin-bottom: 0;
}

.gstr__steps__section__box__right__sc {
    display: flex;
    align-items: end;
}

.gstr__steps__section__box__right__img__2__sc {
    width: 20.8rem;
    height: auto;
}

.gstr__table__main__sc {
    border: 1px solid var(--bg_white);
    box-shadow: 0px 0px 20px 0px #0000001A;
    background: var(--bg_white);
    padding: 1.6rem;
    height: 100%;
}

.gstr__table__top__row__sc {
    padding: 1.2rem;
    background: radial-gradient(50% 50% at 50% 50%, #FCFDFD 0%, rgba(255, 255, 255, 0.6) 100%);
    border: 1px solid var(--table-border_clr);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.gstr__table__top__row__left__sc p {
    color: #B13E3E;
}

.gstr__table__top__row__left__sc {
    display: flex;
    align-items: center;
    gap: 1.2rem;
}

.gstr__table__top__row__center__sc {
    padding: 0.7rem 2.4rem;
    border: 0.5px solid var(--primary_dark);
    gap: 1.2rem;
    cursor: pointer;
}

.gstr__table__top__row__center__sc img {
    width: 7.3rem;
    height: auto;
}

.gstr__filter__btn__sc {
    cursor: pointer;
    gap: 1.2rem;
    padding: 1.2rem 1.5rem;
}

.gstr__filter__btn__sc svg {
    width: 2rem;
    height: auto;
}

.gstr__table__top__row__right__sc {
    display: flex;
    align-items: center;
    gap: 1.2rem;
}

.gstr__file__return__btn__sc {
    width: 15rem;
    height: 4.8rem;
    border: 0.5px solid var(--primary_dark);
    background: var(--bg_white);
}

.gstr__pushGSTR__btn__sc {
    width: 15rem;
    height: 4.8rem;
    background: var(--primary_dark);
}

.gstr__table__top__row__sc {
    margin-bottom: 1.6rem;
}

.gstr__table__box__sc {
    padding: 1.2rem;
    border: 1px solid var(--table-border_clr);
}

.gstr__table__sc {
    width: 100%;
}

.gstr__table__sc thead tr th {
    padding: 1.6rem 1rem;
    background: #F2F6FF;
}

.gstr__table__inner_row__sc {
    display: flex;
    align-items: center;
    gap: 1.2rem;
}

.gstr__table__sc tbody tr td {
    padding: 2.8rem 1rem;
    border-bottom: 1px solid #F4F4F4;
}

.gstr__table__inner_row__sc img {
    width: 2.4rem;
    height: auto;
}

.gstr__table__inner__status__sc {
    padding: 0.6rem 1rem;
}

.gstr__table__inner__status__sect__sc {
    display: flex;
    justify-content: end;
    width: 100%;
}

.gstr__table__sc tbody tr td.gstr__table__inner__status__row__sc {
    padding: 2.2rem 1rem;
}

.gstr__status__upload__sc {
    background: #E0FFE1;
}

.gstr__status__upload__sc p {
    color: #12B218;
}

.gstr__table__sc tbody tr.gstr__table__nodate__row__sc td {
    border-bottom: none;
    padding: 10rem 1rem;
}

.gstr__table__nodate__sc {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 1.8rem;
}

.gstr__table__nodate__sc img {
    width: 18.6rem;
    height: auto;
}

.connect__accounting__software__main__left__inner__sc {
    background: var(--bg_white);
    padding: 3rem;
    box-shadow: 0px 0px 20px 0px #0000001A;
    position: fixed;
    width: 60rem;
}

.connect__accounting__software__main__sc {
    display: grid;
    grid-template-columns: 60rem 1fr;
    gap: 3rem;
    align-items: start;
}

.connect__accounting__software__left__header__cont__sc h3 {
    margin-bottom: 1rem;
}

.connect__accounting__software__left__header__cont__sc p {
    color: #5F5F5F;
}

.connect__accounting__software__left__header__sc {
    display: flex;
    gap: 1rem;
    align-items: start;
}

.connect__accounting__software__left__header__sc svg {
    width: 3rem;
    height: auto;
    cursor: pointer;
}

.connect__accounting__software__left__items__sc {
    padding: 2.4rem 2rem;
    display: flex;
    align-items: center;
    gap: 1.2rem;
    cursor: pointer;
}

.connect__accounting__software__left__items__sc img {
    height: 5.4rem;
    width: auto;
    flex: 0 0 auto;
}

.connect__accounting__software__left__items__sc svg {
    width: 2.4rem;
    height: auto;
    cursor: pointer;
    flex: 0 0 auto;
}

.connect__accounting__software__left__body__sc {
    margin-top: 2.4rem;
}

.connect__accounting__software__left__items__sc.active {
    border: 1px solid var(--primary_dark);
    border-left: 4px solid var(--primary_dark);
}

.connect__accounting__software__main__right__sc {
    background: var(--bg_white);
    padding: 1.6rem;
    box-shadow: 0px 0px 20px 0px #0000001A;
}

.connect__accounting__software__right__conter__sc {
    border: 1px solid var(--table-border_clr);
    padding: 2.4rem 2rem;
}

.connect__accounting__software__right__header__sc {
    display: flex;
    gap: 2rem;
    align-items: start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 2.4rem;
}

.gstr__tally__contnr__sc p {
    color: #5F5F5F;
    margin-top: 1rem;
}

.connect__accounting__software__right__header__left__sc {
    display: flex;
    align-items: center;
    gap: 1.2rem;
}

.connect__accounting__software__right__header__left__sc img {
    height: 5.6rem;
    width: auto;
}

.gstr__download__tally__btn__sc {
    height: 4.8rem;
    padding: 0 2.4rem;
    background: var(--primary_dark);
}

.CAS__right__cont__sc h3 {
    margin-bottom: 1.2rem;
}

.CAS__right__cont__sc ul li {
    padding-bottom: 1.2rem;
    list-style: disc;
    color: #5F5F5F;
}

.CAS__right__cont__sc ul li:last-child {
    padding-bottom: 0;
}

.CAS__right__cont__sc ul {
    padding-left: 3.2rem;
}

.CAS__right__cont__sc {
    margin-bottom: 2.4rem;
}

.CAS__right__cont__sc:last-child {
    margin-bottom: 0;
}

.CAS__right__video__sect__sc {
    max-width: 79rem;
    width: 100%;
    margin: 0 auto;
    margin-top: 4rem;
}

.gstr__download__upcoming__btn__sc {
    height: 4.8rem;
    padding: 0 2.4rem;
    pointer-events: none;
    background: var(--white_border_color);
    color: var(--black_variant_light);
}

.side__popup__overlay__sc, .mob__profile__popup__overlay__sc {
    position: fixed;
    background: #E8E8E880;
    inset: 0;
    z-index: 1055;
    pointer-events: all;

}

.side__popup__container__sc {
    background: var(--theme_bg_color);
    border: 1.92px solid var(--bg_white);
    position: absolute;
    width: 100%;
    max-width: 70rem;
    inset: 8rem 0 0 auto;
    transform: translateX(70rem);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.side__popup__container__sc.popup__open__sc {
    transform: translateX(0rem);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.side__popup__section__sc {
    display: flex;
    flex-direction: column;
    height: calc(100dvh - 8rem);
    gap: 1.8rem;
}
.hdr__prof__img__sc {
    flex: 0 0 auto;
}

.side__popup__header__sc {
    padding: 1.8rem 3rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var();
    background: linear-gradient(90deg, #C1DFB2 0%, #BAD7AB 100%);
    border: 1px solid var(--bg_white);
}
.side__popup__close__sc, .create__items__popup__close__sc, .edit__items__popup__close__sc, .createContact__popup__close__sc,
.editContact__popup__close__sc, .bulkUpload__popup__close__sc {
    width: 2.4rem;
    height: auto;
    flex: 0 0 auto;
    cursor: pointer;
}

.side__popup__body__sc {
    flex: 1;
    overflow: auto;
}

.tax__compliance__popup__body__sc {
    padding: 0 3rem;
}

.tax__compliance__popup__body__box__sc {
    background: #FFFFFFB2;
    border: 0.5px solid #0000001A;
    padding: 3rem;
}

.input__field__items__sc label {
    margin-bottom: 0.8rem;
}
.general__right__list__sc {
    display: flex;
    flex-direction: column;
}
.general__right__items__sect__sc {
    overflow-y: auto;
    height: 100%;
}
#ai-tax-comp-cin{
    text-transform: uppercase;
}
.input__field__sc {
    border: 1px solid #F4F4F4;
    padding: 1.2rem 1.6rem;
    height: 4.8rem;
    display: flex;
    align-items: center;
    background: #FFFFFF;
    gap: 0.8rem;
}

.input__field__sc input {
    outline: none;
    border: none;
    width: 100%;
    background: transparent;
}

.input__field__sc input::placeholder {
    font-size: var(--font16);
    font-weight: 300;
    color: var(--black_variant_light);
}

.input__field__sc.disabled input {
    color: var(--black_variant_light);
}

.input__field__sc.disabled {
    background: #F7FAFC;
    border: 1px solid #E3E8EE;
    box-shadow: 0px 1px 2px 0px #37415114;
}

.input__mb__32__sc {
    margin-bottom: 3.2rem;
}

.gstr__applicable__box__header__sc {
    padding: 1.6rem;
    background: #F2F6FF;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.radio__button__container__sc {
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 1.8rem;
    height: 1.8rem;
    flex: 0 0 auto;
}

.radio__button__container__sc input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.checkmark__sc {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 50%;
    border: 1px solid var(--light_green_color);
    transition: all 0.3s;
}

.radio__button__container__sc input:checked~.checkmark__sc {
    background-color: rgba(0, 0, 0, 0);
    border-color: var(--light_green_color);
}

.checkmark__sc:after {
    content: "";
    position: absolute;
    display: none;
}

.radio__button__container__sc input:checked~.checkmark__sc:after {
    display: block;
}

.radio__button__container__sc .checkmark__sc:after {
    top: 0.3rem;
    left: 0.3rem;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background: var(--light_green_color);
}

.gstr__applicable__box__check__sc {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.gstr__applicable__box__check__sc p {
    color: var(--sec__black);
}

.gstr__applicable__box__check__sect__sc {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.gstr__applicable__box__sc {
    margin-bottom: 3.2rem;
}

.tax__compliance__popup__footer__sc {
    padding: 1.6rem 3rem;
    background: var(--bg_white);
    display: flex;
    align-items: center;
    justify-content: end;
}
.addBank__accountPopup__footer__sc {
    padding: 1.6rem 3rem;
    background: var(--bg_white);
    display: flex;
    align-items: center;
    justify-content: end;
}
.gstr__tax__update__btn__sc {
    width: 15rem;
    height: 4.8rem;
    background: var(--primary_dark);
}

.gstr__applicable__box__body__sc {
    padding: 3rem 2rem;
    border: 0.5px solid #0000001A;
    background: #FFFFFFB2;
}

.gstr__applicable__gstrin__row__sc {
    margin-bottom: 3rem;
}

.gstr__applicable__gstrin__refresh__sc {
    width: 3.2rem;
    height: 3.2rem;
    flex: 0 0 auto;
    background: #F1F1F1;
    border-radius: 5rem;
}

.gstr__applicable__gstrin__refresh__sc svg {
    width: 1.6rem;
    height: auto;
    cursor: pointer;
}

.gstr__applicable__gstrin__sc {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.input__field__sc {
    flex: 1;
}

.gstr__applicable__gstrin__status__sc {
    background: #F7F7F7;
    padding: 1.2rem;
    margin-top: 1.2rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.gstr__applicable__gstrin__status__left__sc h4 {
    margin-bottom: 0.8rem;
}

.gstr__applicable__gstrin__status__center__sc h4 {
    margin-bottom: 0.8rem;
    text-align: center;
}

.gstr__applicable__gstrin__status__center__sc p {
    text-align: center;
}

.gstr__applicable__gstrin__status__right__sc h4 {
    text-align: right;
    margin-bottom: 0.8rem;
}

.gstr__applicable__gstrin__status__right__sc {
    display: flex;
    flex-direction: column;
    align-items: end;
}

.gstr__applicable__gstrin__status__active__sc {
    padding: 0.8rem 1.6rem;
    background: #DCF5D1;
    width: fit-content;
}

.gstr__applicable__gstrin__status__active__sc p {
    color: #33A800;
}

.toggle {
    position: relative;
    box-sizing: border-box;
}

.toggle input[type="checkbox"] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
}

.toggle label {
    position: relative;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}

.toggle label:before {
    content: '';
    width: 3.4rem;
    height: 1.8rem;
    background: #ccc;
    position: relative;
    display: inline-block;
    border-radius: 46px;
    box-sizing: border-box;
    transition: 0.2s ease-in;
}

.toggle label:after {
    content: '';
    position: absolute;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    left: 0.1rem;
    top: 0.1rem;
    z-index: 2;
    background: var(--bg_white);
    box-sizing: border-box;
    transition: 0.2s ease-in;
}

.toggle input[type="checkbox"]:checked+label:before {
    background: var(--light_green_color);
}

.toggle input[type="checkbox"]:checked+label:after {
    left: 1.7rem;
}

.gstr__enable__row__sc {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 3rem;
    gap: 1.6rem;
}

.gstr__enable__mb__0__sc {
    margin-bottom: 0;
}

.gstr__enable__row__lt__sc svg {
    width: 2.4rem;
    height: auto;
}

.gstr__enable__row__lt__sc {
    display: flex;
    align-items: center;
    gap: 0.8rem;
}

.gstr__close__eye__icon__sc {
    width: 1.8rem;
    height: auto;
    cursor: pointer;
}

.input__field__sc.active {
    border: 1px solid #ABABAB;
}

.gstr__rotate__icon__sc {
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.gstr__rotate__icon__sc.rotate {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

.gstr__open__eye__icon__sc {
    width: 1.8rem;
    height: auto;
    cursor: pointer;
}

.popup__overflow__sc {
    overflow: hidden;
}

.gstr__enable__dp__cont__sc {
    margin-top: 3rem;
}

.input__dp__arrow__sc {
    width: 1.8rem;
    height: auto;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.input__field__row__sc {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.6rem;
}

.input__date__icon__sc {
    width: 1.8rem;
    height: auto;
}

.input__mb__20__sc {
    margin-bottom: 2rem;
}

.input__field__items__sc {
    position: relative;
}

.input__dp__body__sc {
    position: absolute;
    width: 100%;
    background: #FFFFFFBF;
    border: 1px solid var(--white_border_color);
    box-shadow: 0px 4px 10px 0px #0000001A;
    z-index: 1;
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
}

.input__dp__body__sc ul li {
    padding: 1.2rem 1.6rem;
    border-bottom: 1px solid #F4F4F4;
    cursor: pointer;
}

.input__dp__body__sc ul {
    max-height: 37rem;
    overflow-y: auto;
}
.input__dp__body__sc.create__bill__tds__dp__sc ul {
    max-height: 11.7rem;
    overflow-y: auto;
}
.create__bill__tds__dp__sc .input_search {
    padding: 1rem;
}
.input__dp__body__sc ul.invoice__fil__optns__list__sc {
    max-height: 20rem;
    overflow-y: auto;
}

.input__dp__container__sc.active .input__dp__head__sc .input__dp__arrow__sc {
    transform: rotate(-180deg);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.gstr__tax__clear__btn__sc {
    width: 15rem;
    height: 4.8rem;
    border: 0.5px solid var(--primary_dark);
    background: var(--bg_white);
}

.gstr__tax__apply__btn__sc,
.gstr__tax__file__btn__sc,
.gstr__tax__submit__btn__sc {
    width: 15rem;
    height: 4.8rem;
    background: var(--primary_dark);
}

.tax__compliance__popup__footer__sc {
    gap: 1.2rem;
}

.gstr__filling__popup__body__sc {
    background: #FFFFFFB2;
    border: 0.5px solid #0000001A;
    padding: 3rem;
}

.input__mb__30__sc {
    margin-bottom: 3rem;
}

.gstr__filling__gstin__row__sc {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.gstr__filling__gstin__left__sc h4 {
    margin-bottom: 1rem;
    color: var(--black_variant_medium);
}

.gstr__filling__gstin__left__sc p {
    color: var(--sec__black);
}

.gstr__filling__gstin__right__sc h4 {
    margin-bottom: 1rem;
    color: var(--black_variant_medium);
    text-align: right;
}

.gstr__filling__gstin__right__sc p {
    color: var(--sec__black);
    text-align: right;
}

.gstr__otp__section__sc h6 {
    margin-bottom: 3rem;
}

.gstr__otp__field__sc {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin-bottom: 3rem;
}

.gstr__otp__field__sc input {
    background: var(--bg_white);
    border: 1px solid #F4F4F4;
    width: 4.8rem;
    height: 4.8rem;
    outline: none;
    text-align: center;
}

.gstr__push__gstin__row__sc {
    padding-bottom: 3rem;
    border-bottom: 1px solid #E4E4E4;
    margin-bottom: 3rem;
}

.gstr__filling__gstin__in__sc h3 {
    margin-bottom: 1.6rem;
}

.gstr__file__push__btn__sc {
    display: flex;
    align-items: center;
    gap: 1.2rem;
}

.gstr__file__push__mob__btn__sc {
    display: none;
}

.CAS__right__video__sect__sc video {
    width: 100%;
}

.desh__img__gstr__sc {
    display: block;
}

.mob__img__gstr__sc {
    display: none;
}

.tds__challan__toggle__header__left__sc {
    display: flex;
    align-items: center;
    gap: 1.2rem;
}

.tds__challan__toggle__header__left__sc img {
    width: 2.4rem;
    height: auto;
}

.tds__challan__toggle__header__sc {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background: #F2F6FF;
    padding: 1.6rem;
    cursor: pointer;
    box-shadow: 0px 2px 4px 0px #0000001A;
}

.tds__challan__toggle__header__sc svg {
    width: 1.8rem;
    height: auto;
}

.tds__challan__toggle__body__sc {
    padding: 3rem 2rem;
    background: #FFFFFFB2;
    border: 0.5px solid #0000001A;
}

.tds__challan__toggle__body__contnr__sc {
    padding: 2rem;
}

.tds__challan__toggle__body__row__sc {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.tds__challan__toggle__body__row__left__sc h6,
.tds__challan__toggle__body__row__right__sc h6 {
    margin-bottom: 1rem;
}

.tds__challan__toggle__body__row__sc {
    margin-bottom: 2.4rem;
}

.tds__challan__toggle__body__row__sc:last-child {
    margin-bottom: 0;
}

.tds__input__row__sc {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.6rem;
}

.tds__challan__toggle__section__sc {
    margin-bottom: 3.2rem;
}

.tds__challan__toggle__section__sc:last-child {
    margin-bottom: 0;
    padding-bottom: 1rem;
}

.tds__input__mb__32__sc {
    margin-bottom: 3.2rem;
}

.tds__date__icon__sc {
    width: 1.8rem;
    height: auto;
}

.tds__cancel__btn__sc {
    width: 15rem;
    height: 4.8rem;
    background: var(--bg_white);
    border: 0.5px solid var(--primary_dark);
}

.tds__paynow__btn__sc {
    width: 15rem;
    height: 4.8rem;
    background: var(--primary_dark);
    border: 0.5px solid var(--primary_dark);
}

.tds__balance__sc {
    background: #F6F9FF;
    display: flex;
    align-items: center;
    gap: 1.2rem;
    padding: 1.2rem;
    margin-bottom: 3.2rem;
}

.tds__open__icon__toggle__sc {
    display: none;
}

.tds__challan__toggle__header__sc.active .tds__open__icon__toggle__sc {
    display: block;
}

.tds__challan__toggle__header__sc.active .tds__class__icon__toggle__sc {
    display: none;
}

.banking__main__sc {
    display: grid;
    grid-template-columns: 60rem 1fr;
    gap: 3rem;
    height: 100%;
    padding: 3rem;
}

.banking__main__left__sc {
    background: var(--bg_white);
    box-shadow: 0px 0px 20px 0px #0000001A;
    padding: 3rem;
    overflow: hidden;
    height: 100%;
}

.main__layout .banking__main__container__sc {
    padding: 0;
    overflow: hidden;
    height: calc(100vh - 10rem);
}

.banking__main__right__sc {
    background: var(--bg_white);
    box-shadow: 0px 0px 20px 0px #0000001A;
}

.bank__card__section__sc {
    background: linear-gradient(35.54deg, #FFDEE9 -3.76%, #FFFBF9 22.91%, #FFFFFF 62.76%, #DDF3FF 102.86%);
    padding: 2rem;
    margin-bottom: 3rem;
}

.bank__card__top__sc {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2rem;
}

.bank__card__top__left__sc h5,
.bank__card__wallet__bln__cont__sc h6 {
    margin-bottom: 0.8rem;
}

.bank__card__top__sc img {
    width: 5.6rem;
    height: auto;
}

.bank__card__wallet__bln__sc {
    display: flex;
    align-items: end;
    gap: 1.2rem;
    margin-bottom: 2rem;
}

.bank__card__balance__check__sc {
    width: 3.2rem;
    height: 3.2rem;
    cursor: pointer;
}

.bank__card__balance__check__sc svg {
    width: 2rem;
    height: auto;
}

.banking__card__account__sect__sc {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.banking__card__account__number__sc h5,
.banking__card__account__ifsc__sc h5 {
    margin-bottom: 0.6rem;
}

.banking__card__account__ifsc__sc h5,
.banking__card__account__ifsc__sc p {
    text-align: right;
}

.banking__card__btns__icon__sc svg {
    width: 1.4rem;
    height: auto;
}

.banking__withdraw__btn__sc,
.banking__send__btn__sc,
.banking__add__btn__sc {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    background: #FFFFFF80;
    border: 0.5px solid var(--primary_dark);
    padding: 0.8rem;
    border-radius: 5rem;
}

.banking__card__btns__icon__sc {
    width: 3rem;
    height: 3rem;
    background: var(--primary_dark);
    border-radius: 5rem;
}

.banking__card__btns__sect__sc {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.8rem;
    background: var(--bg_white);
    padding: 0.8rem;
    border-radius: 5rem;
}

.banking__card__btns__contnr__sc {
    background: linear-gradient(101.11deg, #FFFFFF 4.72%, rgba(255, 255, 255, 0) 100%);
    padding: 1px;
    border-radius: 5rem;
}

.banking__card__account__sect__sc {
    margin-bottom: 2rem;
}

.bank__accounts__section__sc h3 {
    margin-bottom: 2rem;
}

.bank__accounts__items__sc {
    padding: 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    background: #FFFFFF9E;
    border: 1px solid #F4F4F4;
    cursor: pointer;
    gap: 1rem;
}

.bank__logo__sc {
    width: 4rem;
    height: 4rem;
}

.bank__accounts__items__left__cont__sc h4,
.bank__accounts__items__left__cont__sc p {
    margin-bottom: 0.8rem;
}

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

.bank__add__name__sc {
    margin-bottom: 1.2rem;
    cursor: pointer;
}

.bank__accounts__items__right__sc p {
    text-align: right;
}

.bank__act__sc {
    width: 3.2rem;
    height: 3.2rem;
}

.bank__account__active__img__sc {
    position: absolute;
    inset: 0.4rem auto auto 0.4rem;
    display: none;
}

.bank__accounts__items__sc.active .bank__account__active__img__sc {
    display: block;
}

.bank__accounts__items__sc.active {
    background: radial-gradient(50% 50% at 50% 50%, #FCFDFD 0%, rgba(255, 255, 255, 0.6) 100%);
    border: 1px solid var(--primary_dark);
    border-left: 4px solid var(--primary_dark);
}

.bank__accounts__items__sc {
    margin-bottom: 1.2rem;
}

.bank__accounts__items__sc:last-child {
    margin-bottom: 0;
}

.banking__main__left__inner__sc {
    overflow: auto;
    height: 100%;
}

.bank__link__account__section__sc {
    background: #FFFFFF9E;
    border: 1px solid #F4F4F4;
    padding: 2rem;
}

.bank__link__account__left__sc {
    display: flex;
    align-items: start;
    justify-content: space-between;
    margin-bottom: 1.6rem;
}

.bank__link__account__list__sc {
    padding-left: 3rem;
}

.bank__link__account__list__sc li {
    list-style: disc;
    margin-bottom: 1.6rem;
}

.bank__link__account__btn__sc {
    gap: 0.8rem;
    background: var(--primary_dark);
    height: 4.8rem;
    width: 14.5rem;
}

.banking__main__right__sc {
    padding: 1.6rem;
}

.banking__main__right__top__row__sc {
    border: 1px solid var(--table-border_clr);
    display: flex;
    align-items: center;
    margin-bottom: 1.6rem;
}

.bank__logo__right__sc {
    width: 5.6rem;
    height: auto;
}

.banking__main__right__top__logo__sc {
    padding: 3rem;
    border-right: 1px solid var(--table-border_clr);
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.banking__main__right__top__right__sc {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2.4rem;
    flex: 1;
}

.bank__profile__img__sc {
    width: 5rem;
    height: 5rem;
}

.banking__main__right__top__right__users__sc {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.banking__main__right__top__amount__sc {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 1.2rem;
}

.banking__main__right__top__amount__sc svg {
    width: 3.2rem;
    height: auto;
    cursor: pointer;
}

.banking__main__right__top__right__account__sect__sc {
    display: flex;
    align-items: center;
    gap: 3.2rem;
}

.bank__copy__sect__sc {
    display: flex;
    align-items: center;
    gap: 0.8rem;
}

.banking__main__right__top__right__account__sc h5 {
    margin-bottom: 1.2rem;
    text-align: right;
}

.bank__copy__icon__sc {
    cursor: pointer;
    width: 1.8rem;
}

.banking__main__right__body__sc {
    background: var(--bg_white);
    border: 1px solid var(--table-border_clr);
    padding: 1.2rem;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.banking__main__right__table__body__sc {
    height: calc(100vh - 47rem);
    overflow-y: auto;
}

.banking__main__right__sc {
    display: flex;
    flex-direction: column;
    overflow: auto;
}

.banking__recent__row__sc {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.2rem;
}

.banking__recent__row__left__sc {
    display: flex;
    align-items: center;
    gap: 1.2rem;
}

.bank__recent__icon__sc {
    width: 2.4rem;
    height: auto;
}

.banking__filter__sc,
.banking__download__sc {
    width: 4.8rem;
    height: 4.8rem;
    background: var(--bg_white);
    border: 0.5px solid var(--primary_dark);
    cursor: pointer;
}

.banking__filter__sc svg {
    width: 1.8rem;
    height: auto;
}

.banking__recent__row__right__sc {
    display: flex;
    align-items: center;
    gap: 1.6rem;
}

.banking__main__right__table__head__sc {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    background: #F2F6FF;
}

.banking__main__right__table__head__items__sc {
    padding: 1.6rem 1.2rem;
}

.banking__main__right__table__body__items__sc {
    padding: 1.8rem 1rem;
}

.banking__table__item__left__sc {
    display: flex;
    align-items: center;
    gap: 1.2rem;
}

.banking__table__item__left__sc h4 {
    margin-bottom: 0.3rem;
}

.banking__table__item__center__sc {
    display: flex;
    align-items: center;
}

.banking__table__item__right__sc {
    display: flex;
    align-items: end;
    justify-content: center;
    flex-direction: column;
    gap: 0.3rem;
}

.mobile__header__sc, .mobile__innerPage__header__sc {
    display: none;
}

.mob__bank__inner__back__sc {
    display: none;
}

.banking__main__right__table__sc {
    width: 100%;
}

.banking__main__right__table__sc thead th {
    padding: 1.6rem 1rem;
    background: #F2F6FF;
}

.banking__main__right__table__sc tbody td {
    border-bottom: 1px solid #F4F4F4;
}

.banking__no__date__img__sc {
    width: 20rem;
    height: auto;
}

.banking__no__date__sc {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 1.8rem;
    height: 100%;
}

.banking__no__date__section__sc {
    height: calc(100vh - 47rem);
}

.mob__banking__main__right__top__right__users__sc {
    display: none;
}

.popup__overlay__sc {
    position: fixed;
    inset: 0;
    z-index: 1049;
    pointer-events: all;
    background: #E8E8E880;
}
.popup__overlay__sc.exportTickets__status__popup__sc {
    z-index: 1058;
}
.popup__overlay__sc.invoice__alert__popup__sc {
    z-index: 1056;
}
.invoice__attachmentFile__popup__sc.popup__overlay__sc, .kyc_aadhar_popup_target.popup__overlay__sc, .kyc_attach_target.popup__overlay__sc {
    z-index: 1056;
}
.areYouSure__popup__sc , .error__popup__sc{
    z-index: 1057;
}

.popup__container__sc {
    background: var(--bg_white);
    border: 2px solid var(--bg_white);
    width: 100%;
    max-height: 90vh;
    position: absolute;
    inset: 50% auto auto 50%;
    transform: translate(-50%, -50%);
}

.add__money__popup__container__sc {
    max-width: 78rem;
}
.areYouSure__popup__container__sc, .error__popup__container__sc {
    max-width: 74rem;
}

.popup__section__sc {
    display: flex;
    flex-direction: column;
    max-height: 90vh;
}

.add__money__popup__header__sc {
    padding: 3rem;
    display: flex;
    align-items: center;
    justify-content: end;
}
.add__money__popup__close__sect__sc, .areYouSure__popup__close__sect__sc {
    display: flex;
    gap: 0.4rem;
    align-items: center;
    cursor: pointer;
}
.add__money__popup__close__sect__sc svg, .areYouSure__popup__close__sect__sc svg {
    width: 1.8rem;
    height: auto;
}

.popup__body__sc {
    flex: 1;
    overflow-y: auto;
}

.add__money__popup__body__sc {
    padding: 0 4rem 3rem;
}

.add__money__popup__body__title__box__sc h3 {
    margin-bottom: 0.6rem;
}

.add__money__popup__body__title__box__sc,
.add__money__popup__body__balance__box__sc {
    margin-bottom: 3rem;
}

.add__money__popup__body__balance__box__sc h5 {
    margin-bottom: 2rem;
}

.add__money__popup__body__balance__box__sc p {
    margin-bottom: 2rem;
}

.add__money__popup__body__accountdetails__box__sc {
    background: #F6F9FF;
    padding: 1.6rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.2rem;
    margin-bottom: 3rem;
}

.add__money__popup__body__accountdetails__items__sc h5 {
    text-align: center;
    margin-bottom: 1.2rem;
}

.add__money__popup__body__accountdetails__items__sc p {
    text-align: center;
}

.add__money__got__btn__sc {
    width: 15rem;
    height: 4.8rem;
    background: var(--primary_dark);
}

.add__money__btns__sect__sc {
    margin-top: 3rem;
}

.withdrae__money__popup__body__sc {
    background: #FFFFFFB2;
    border: 0.5px solid #0000001A;
}

.withdrae__money__popup__body__title__sc {
    padding: 2rem;
    border-bottom: 1px solid #F4F4F4;
}

.withdrae__money__popup__body__container__sc {
    padding: 3rem 2rem;
}

.withdrae__money__popup__body__row__sc {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    width: 100%;
    margin-bottom: 3.2rem;
}

.withdrae__money__popup__body__row__sc:last-child .withdrae__money__bank_name,
.withdrae__money__popup__body__row__sc:last-child .partner_details
{
    margin-bottom: 2rem;
}

.bank__account__selecter__sc {
    display: flex;
    align-items: center;
    gap: 2.4rem;
    padding: 1.6rem;
    background: #F9F9F9;
    flex: 1;
}

.bank__account__selecter__img__sc {
    width: auto;
    height: 2.5rem;
}

.bank__account__selecter__sc p {
    color: var(--black_variant_dark);
}

.bankAC__input__field__sc {
    padding: 1.2rem 1.6rem;
    border: 1px solid #ABABAB;
    background: var(--bg_white);
    width: 100%;
    display: flex;
    align-items: center;
    height: 4.8rem;
}

.bankAC__input__field__sc input {
    outline: none;
    width: 100%;
    height: 100%;
    border: none;
}

.bankAC__input__field__sc input::placeholder {
    font-size: var(--font16);
    color: var(--primary_dark);
    font-weight: 400;
}

.withdraw__popup__continue__btn__sc {
    width: 15rem;
    height: 4.8rem;
    background: var(--primary_dark);
}

.bank__account__idb__img__sc {
    width: 9.5rem;
    height: auto;
}

.transfer__amount__popup__body__sc {
    background: var(--bg_white);
    border: 0.5px solid #0000001A;
    padding: 3rem 2rem;
}

.transfer__amount__popup__body__balance__box__sc p.min__amount__error__sc {
    color: #B91C1D;
    margin-bottom: 2rem;
}

.transfer__amount__popup__body__balance__box__sc p {
    margin-bottom: 2rem;
}

.transfer__amount__popup__body__balance__box__sc h6 {
    margin-bottom: 2rem;
}

.transfer__amount__popup__body__balance__box__sc {
    margin-bottom: 3rem;
}

.transfer__amount__popup__details__sc {
    background: #F6F9FF;
    padding: 1.6rem;
}

.transfer__amount__popup__details__left__item__sc h5,
.transfer__amount__popup__details__right__item__sc h5 {
    margin-bottom: 1.2rem;
}

.transfer__amount__popup__details__row__sc {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 2.4rem;
}

.transfer__amount__popup__details__row__sc:last-child {
    margin-bottom: 0;
}

.transfer__amount__popup__remark__textarea__box__sc label {
    margin-bottom: 0.8rem;
}

.transfer__amount__popup__remark__textarea__box__sc textarea {
    width: 100%;
    padding: 1.2rem 1.6rem;
    background: var(--bg_white);
    border: 1px solid #ABABAB;
}

.transfer__amount__popup__remark__sect__sc {
    margin-top: 3rem;
}

.transfer__amount__popup__remark__textarea__box__sc textarea::placeholder {
    font-size: var(--font16);
    font-weight: 400;
    color: var(--primary_medium);
}

.withdraw__popup__transferamt__btn__sc {
    width: 18rem;
    height: 4.8rem;
    background: var(--primary_dark);
}

.CAS__right__mob__video__sect__sc,
.gstr__mob__right__header__sc,
.gstr__mob__left__header__sc {
    display: none;
}

.connect__bank__account__popup__body__sc {
    padding: 3rem 2rem;
    background: #FFFFFFB2;
    border: 0.5px solid #0000001A;
}

.connect__bank__account__popup__search__sc {
    margin-bottom: 3rem;
}

.select__bank__section__sc h3 {
    margin-bottom: 2rem;
}

.connect__bank__account__popup__continue__btn__sc {
    width: 12rem;
    height: 4.8rem;
    background: var(--primary_dark);
}

.link__acnt__popup__body__sc {
    padding: 3rem 2rem;
    background: #FFFFFFB2;
    border: 0.5px solid #0000001A;
}

.link__acnt__popup__body__title__sc h4 {
    margin-bottom: 1rem;
}

.link__acnt__popup__body__title__sc {
    margin-bottom: 3rem;
}

.link__acnt__popup__body__link__row__sc {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1rem;
    margin-bottom: 3rem;
}

.link__acnt__popup__body__link__item__sc {
    padding: 1.2rem;
    background: var(--bg_white);
    border: 1px solid #F1F1F1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.2rem;
    flex-direction: column;
}

.bank__link__img__sc {
    width: 4.5rem;
    height: auto;
}

.have__loginID__sc {
    display: flex;
    align-items: center;
    gap: 1.2rem;
}

.have__loginID__sc svg {
    width: 2.5rem;
    height: auto;
}

.bank__link__popup__video__box__sc {
    background: var(--bg_white);
    border: 0.69px solid var(--bg_white);
    box-shadow: 0px 0px 7.14px 0px #0000001A;
    padding: 1rem;
    margin-top: 3.2rem;
}

.bank__link__popup__video__sc {
    margin-top: 1rem;
    width: 100%;
}

.bank__link__popup__video__sc video {
    width: 100%;
}

.bank__link__popup__btn__sc {
    width: 17.5rem;
    height: 4.8rem;
    background: var(--primary_dark);
}

.cop_parent__sc.active p {
    background: var(--light_green_color);
    color: var(--bg_white);
}

.filter__popup__body__sc {
    background: var(--bg_white);
    border: 0.5px solid #0000001A;
    padding: 3rem 2rem;
}

.filter__apply__btn__sc {
    width: 12rem;
    height: 4.8rem;
    background: var(--primary_dark);
}

.rotate__sc {
    transition: all 0.2s ease;
    animation: rotateAnimation 0.2s;
}

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

/* expenses member */
.expenses__member__main__sc {
    background: var(--bg_white);
    box-shadow: 0px 0px 20px 0px #0000001A;
    padding: 2.8rem;
    height: 100%;
}

.expenses__member__row__sc {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 3rem;
}

.expenses__member__item__sc {
    border: 1px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(0deg, #E1E1E1, #E1E1E1);
}

.expenses__member__item__bg__1__sc {
    background: #80CFF0;
}

.expenses__member__item__bg__2__sc {
    background: #5EE9D8;
}

.expenses__member__item__bg__3__sc {
    background: #A67CEB;
}

.expenses__member__item__haed__sc {
    background-image: url('../../wegofin_ai/images/exmember/exmember__bg__1.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 1.8rem;
    display: flex;
    align-items: center;
    justify-content: end;
}

.expenses__member__item__haed__sc img {
    width: 2.4rem;
    height: auto;
}

.ex__mamber__card__pr__img__sc {
    width: 5rem;
    height: auto;
}

.expenses__member__item__body__profile__sc {
    position: absolute;
    inset: -4% auto auto 50%;
    transform: translate(-50%, -50%);
}

.expenses__member__item__body__sc {
    background: var(--bg_white);
    padding: 2rem 1.8rem;
    position: relative;
}

.ex__mamber__card__pr__cont__sc img {
    width: 3rem;
    height: auto;
    margin: 0 auto;
}

.ex__mamber__card__pr__cont__sc h5 {
    margin-bottom: 1rem;
}

.ex__mamber__card__pr__cont__sc h6 {
    margin-top: 0.8rem;
}

.ex__mamber__card__pr__cont__sc p {
    margin-top: 0.6rem;
}

.ex__mamber__card__pr__cont__sc {
    margin-bottom: 2.4rem;
}

.ex__mamber__card__status__sc {
    padding: 1.2rem 0;
    border: 1px solid #E4E4E4;
}

.ex__mamber__card__status__sc {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.ex__mamber__card__status__left__sc {
    border-right: 1px solid #E4E4E4;
}

.ex__mamber__card__status__left__sc h6 {
    color: var(--kyc_error_msg_clr);
    margin-bottom: 0.8rem;
}

.ex__mamber__card__status__right__sc h6 {
    margin-bottom: 0.8rem;
    color: #538500;
}

.ex__mamber__details__main__sc {
    display: grid;
    grid-template-columns: 60rem 1fr;
    gap: 3rem;
    height: 100%;
    padding: 3rem;
}

.ex__mamber__details__main__left__sc {
    background: var(--bg_white);
    box-shadow: 0px 0px 20px 0px #0000001A;
    padding: 3rem;
    overflow: hidden;
    height: 100%;
}

.ex__mamber__details__main__right__sc {
    background: var(--bg_white);
    box-shadow: 0px 0px 20px 0px #0000001A;
    overflow: auto;
    padding: 1.6rem;
}

.ex__mamber__details__main__right__container__sc {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    height: 100%;
    overflow-y: auto;
    width: 100%;
}

.ex__mamber__details__main__left__profile__sc {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.4rem;
}

.ex__mamber__details__main__profile__left__sc svg {
    width: 2.4rem;
    height: auto;
    cursor: pointer;
}

.ex__mamber__details__main__profile__left__sc,
.ex__mamber__details__main__profile__left__cont__sc {
    display: flex;
    align-items: center;
    gap: 1.2rem;
}

.create__expenses__mem__btn__sc {
    width: 17.5rem;
    height: 4.8rem;
    border: 1px solid var(--primary_dark);
}

.ex__mamber__details__main__left__header__sc {
    margin-bottom: 1.8rem;
}

.ex__mamber__details__main__left__tap__link__sc {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.2rem;
    padding: 1.2rem 0.8rem;
    position: relative;
    cursor: pointer;
    flex: 1;
}

.ex__mamber__details__main__left__tap__head__sc {
    display: flex;
    align-items: center;
}

.ex__mamber__details__main__left__tap__link__sc.active p {
    color: var(--primary_dark);
}

.ex__mamber__details__main__left__tap__link__sc::before,
.ticket__main__tab__link__sc::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.2rem;
    transform: scaleX(0);
    transition: transform 0.3s ease;
    border-bottom: 0.2rem solid var(--primary_dark);
}

.ex__mamber__details__main__left__tap__link__sc.active::before,
.ticket__main__tab__link__sc.active::before {
    transform: scaleX(1);
    transform-origin: center;
}

.ex__mamber__details__main__left__tap__link__sc.active {
    background: radial-gradient(50% 50% at 50% 50%, #FCFDFD 0%, rgba(255, 255, 255, 0.6) 100%);
    box-shadow: 0px 0px 20px 0px #0000001A;
}

.ex__mamber__details__main__left__tap__head__sc {
    margin-bottom: 1.2rem;
}

.ex__mamber__details__main__left__tap__item__sc {
    padding: 1.8rem 2rem;
    background: radial-gradient(50% 50% at 50% 50%, #FCFDFD 0%, rgba(255, 255, 255, 0.6) 100%);
    border-bottom: 1px solid #F4F4F4;
    border-left: 4px solid transparent;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.ex__mamber__details__main__left__tap__item__left__sc h6 {
    margin-bottom: 0.2rem;
}

.ex__mamber__details__main__left__tap__item__sc.active {
    border: 1px solid var(--primary_dark);
    border-left: 4px solid var(--primary_dark);
}

.ex__mamber__details__main__right__head__sc {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #E4E4E4;
    padding: 1.2rem;
}

.ex__mamber__details__main__right__head__left__cont__sc {
    display: flex;
    align-items: center;
    gap: 2.4rem;
}

.ex__mamber__details__main__right__head__left__cont__sc p {
    padding: 0.6rem 1rem;
}

.expenses__yet__to__submit__sc {
    background: #FFF9DB;
    color: #796A1B;
}

.expenses__under__review__sc {
    background: #ECF6FF;
    color: #0858A0;
}

.expenses__approved__sc {
    background: #E0FFE1;
    color: #12B218;
}

.expenses__rejected__sc {
    background: #FFDAFB;
    color: #C72378;
}

.ex__mamber__details__main__right__head__left__cont__sc {
    margin-bottom: 0.8rem;
}

.expenses__submit__btn__sc {
    width: 15rem;
    height: 4.8rem;
    background: var(--primary_dark);
}

.ex__mamber__details__main__right__head__right__sc svg {
    width: 2.4rem;
    height: auto;
    cursor: pointer;
}

.ex__mamber__details__main__right__head__right__sc {
    display: flex;
    align-items: center;
    gap: 1.2rem;
}

.ex__mamber__details__main__right__body__sc {
    border: 1px solid #E4E4E4;
    box-shadow: 0px 0px 20px 0px #00000008;
    padding: 1.2rem;
}

.ex__mamber__details__main__right__body__details__row__sc {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 1.2rem;
}

.ex__mamber__details__main__right__body__details__row__sc:last-child {
    margin-bottom: 0;
}

.ex__mamber__details__main__right__body__details__item__sc {
    display: flex;
    align-items: center;
}

.ex__mamber__details__main__right__body__details__item__sc h6 {
    width: 16.5rem;
    flex: 0 0 auto;
}

.ex__mamber__details__main__right__body__details__item__cont__sc {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.ex__mamber__details__attach__sc img {
    width: 2.4rem;
    height: auto;
}

.ex__mamber__details__attach__sc {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.ex__mamber__details__main__right__body__details__box__sc {
    margin-bottom: 3.2rem;
}

.ex__mamber__details__description__sc h5 {
    margin-bottom: 0.6rem;
}

.ex__mamber__details__right__total__amount__sc {
    padding-top: 1.6rem;
    margin-top: 1rem;
    border-top: 1px solid #EEEEEE;
}

.ex__mamber__details__right__total__amount__sc h6 {
    margin-bottom: 0.6rem;
}

.ex__mamber__details__main__left__body__sc {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 35rem);
}

.ex__mamber__details__main__left__tap__body__sc {
    flex: 1;
    overflow-y: auto;
}

.desktop__view__sc {
    display: flex;
}

.mob__view__sc.mob__view__sc {
    display: none;
}

.ex__mamber__details__main__left__tap__link__sc img {
    width: 2.6rem;
    height: auto;
}

.expenses__mbr__approve__btn__sc {
    width: 15rem;
    height: 4.8rem;
    background: var(--primary_dark);
}

.expenses__mbr__reject__btn__sc {
    width: 15rem;
    height: 4.8rem;
    border: 1px solid var(--primary_dark);
}

.ex__mamber__details__edit__sc {
    position: relative;
}

.ex__mamber__details__edit__cont__sc {
    position: absolute;
    box-shadow: var(--box_shadow);
    border: 3px solid var(--bg_white);
    background: var(--box_bg);
    inset: 3rem 0 auto auto;
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
}

.ex__mamber__details__edit__cont__sc p {
    padding: 1rem 3rem;
    border-top: 1px solid #E4E4E4;
    cursor: pointer;
}

.ticket__main__sc {
    padding: 1.2rem;
    background: var(--bg_white);
    box-shadow: 0px 0px 20px 0px #0000001A;
    height: 100%;
}

.ticket__main__inner__box__sc {
    background: var(--bg_white);
    border: 1px solid #E4E4E4;
    padding: 1.2rem;
}

.ticket__main__tab__link__section__sc {
    margin-bottom: 1.2rem;
    display: flex;
    align-items: center;
    gap: 1.8rem;
    justify-content: space-between;
}

.ticket__main__tab__link__left__sc {
    display: flex;
    align-items: center;
}

.ticket__main__tab__link__sc {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    padding: 1.2rem 1rem;
    cursor: pointer;
    position: relative;
}

.ticket__main__tab__link__sc img {
    width: 2.6rem;
    height: auto;
}

.ticket__main__tab__link__sc.active {
    background: radial-gradient(50% 50% at 50% 50%, #FCFDFD 0%, rgba(255, 255, 255, 0.6) 100%);
    box-shadow: 0px 0px 20px 0px #0000001A;
}

.ticket__main__tab__link__sc.active p {
    color: var(--primary_dark);
}

.ticket__main__tab__link__right__sc {
    display: flex;
    align-items: center;
    gap: 1.2rem;
}

.ticket__search__sect__sc {
    width: 41.2rem;
}

.ticket__filter__sect__sc {
    width: 4.8rem;
    height: 4.8rem;
    border: 1px solid var(--primary_dark);
    cursor: pointer;
}

.ticket__filter__sect__sc svg {
    width: 1.8rem;
    height: auto;
}

.create__ticket__brn__sc {
    width: 15rem;
    height: 4.8rem;
    background: var(--primary_dark);
}

.ticket__nodata__contnr__sc {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 1.8rem;
}

.ticket__nodata__contnr__sc img {
    width: 15rem;
    height: auto;
}

.ticket__nodata__section__sc {
    padding: 12rem 0;
    border: 1px solid var(--border_color__sc);
}

.createTicket__popup__body__sc {
    background: #FFFFFFB2;
    border: 0.5px solid #0000001A;
    padding: 3rem 2rem;
}

.ticket__textarea__sc.ticket__textarea__sc textarea {
    border: 1px solid #F4F4F4;
}

.ticket__textarea__sc.ticket__textarea__sc textarea:focus,
.ticket__textarea__sc.ticket__textarea__sc textarea:focus-visible {
    border: 1px solid #ABABAB;
}

.ticket__textarea__sc.ticket__textarea__sc textarea::placeholder {
    color: var(--primary_light);
    font-weight: 300;
    font-size: var(--font16);
}

.ticket__imNot__robot__sc {
    padding: 1rem 2rem;
    display: flex;
    align-items: center;
    gap: 1.6rem;
    background: #FAFAFA;
    border: 1px solid var(--border_color__sc);
    width: fit-content;
}

.ticket__imNot__robot__left__sc {
    display: flex;
    align-items: center;
    gap: 1.6rem;
}

.ticket__imNot__robot__right__sc img {
    width: 4rem;
    height: auto;
    margin: 0 auto;
}

.ticket__imNot__robot__right__cont__sc {
    margin-top: 0.3rem;
}

.createTicket__popup__submit__btn__sc {
    width: 15rem;
    height: 4.8rem;
    background: var(--primary_dark);
}

.createTicket__popup__cancel__btn__sc {
    width: 15rem;
    height: 4.8rem;
    border: 1px solid var(--primary_dark);
}

.jrk_file_upload img {
    width: 1.8rem;
    height: auto;
}

.export_ticket__brn__sc {
    width: 15rem;
    height: 4.8rem;
    border: 1px solid var(--primary_dark);
}

.ticket__table__sc {
    width: 100%;
}

.ticket__table__sc thead tr th {
    padding: 1.6rem 1.2rem;
    background: #F2F6FF;
    width: 18%;
}

.ticket__td__pro__sc {
    display: grid;
    align-items: center;
    grid-template-columns: 4.4rem 1fr;
    gap: 2rem;
}

.ticket__table__sc tbody tr td {
    padding: 1rem 1.6rem;
    background: var(--bg_white);
    border-bottom: 1px solid var(--border_color__sc);
    /* width: 20%; */
}

.ticket__ch__link__sc {
    color: var(--table_text_clr);
}

.ticket__ch__link__img__sc {
    width: 4.4rem;
    height: 4.4rem;
}

.ticket__td__sprocessed__sc {
    background: #FFF2CF;
}

.ticket__td__status__sc {
    padding: 0.8rem 1.6rem;
    width: fit-content;
}

.ticket__td__closed__sc {
    background: #EBEBEB;
}

.ticket__td__being_process__sc {
    background: #E0FFE1;
}
.tickets__details__main__sc {
    height: 100%;
    display: grid;
    grid-template-columns: 1fr 60rem;
    gap: 3rem;
}

.tickets__details__main__left__sc {
    background: var(--bg_white);
    border: 0.5px solid #0000001A;
    box-shadow: 0px 0px 20px 0px #0000001A;
    height: 100%;
    padding: 3rem;
    height: calc(100vh - 16rem);
    overflow-x: hidden;
}

.tickets__details__main__right__sc {
    height: 100%;
    background: var(--bg_white);
    box-shadow: 0px 0px 20px 0px #0000001A;
    padding: 2.4rem;
}

.tickets__details__right__inner__sc {
    border: 1px solid var(--table-border_clr);
    padding: 1.2rem;
    max-height: calc(100vh - 21rem);
    overflow-y: auto;
}

.tickets__details__main__left__inner__sc {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.tickets__details__right__inner__header__sc {
    padding: 2rem;
    border-bottom: 2px solid var(--border_color__sc);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ticket__right__pro__img__sc {
    width: 5rem;
    height: auto;
}

.tickets__details__right__inner__header__con__sc {
    display: flex;
    align-items: center;
    gap: 1.2rem;
}

.tickets__details__right__inner__header__cont__sc h4 {
    margin-bottom: 0.2rem;
}

.tickets__details__right__inner__body__sc h3 {
    margin: 2rem 0;
}

.tickets__details__right__details__sc {
    padding: 2rem;
}

.tickets__details__right__details__cont__sc h5,
.tickets__details__right__details__cont__status__sc h5 {
    margin-bottom: 1rem;
}

.tickets__details__right__details__cont__sc {
    margin-bottom: 3rem;
}

.tickets__details__right__details__status__sc {
    padding: 0.8rem 1.6rem;
    width: fit-content;
}

.status__ticket__has__closed__sc {
    background: #EDF1E0;
}

.status__ticket__open__sc {
    background: #FFF2CF;
}

.tickets__details__main__left__header__sc {
    display: flex;
    align-items: center;
    gap: 1.2rem;
}

.ticket__details__back__btn__sc svg {
    width: 2.4rem;
    height: auto;
}

.tickets__details__main__left__body__sc {
    flex: 1;
    overflow-y: auto;
    margin-top: 3rem;
}

.tic__reply__sc {
    color: #EC8738;
}

.tickets__details__main__left__footer__closedRow__sc {
    width: 100%;
    padding: 1.2rem;
    background: #FFFBEF;
}

.ticket__chat__ourside__row__sc {
    display: grid;
    grid-template-columns: 62rem 5rem;
    gap: 1.6rem;
    justify-content: end;
    align-items: end;
}

.ticket__chat__ourside__row__left__cont__sc {
    padding: 1.6rem 3.2rem;
    width: auto;
}

.ticket__chat__serverside__row__left__cont__sc {
    padding: 1.6rem 3.2rem;
    background: #FFFFFF;
    border: 1px solid var(--table-border_clr);
    border-left: .8rem solid #02040F;
    width: auto;
}

.ticket__chat__ourside__row__left__cont__sc p,
.ticket__chat__serverside__row__left__cont__sc p {
    color: #5F5F5F;
    word-break: break-all;
}

.ticket__chat__ourside__row__sc,
.ticket__chat__serverside__row__sc {
    margin-bottom: 3rem;
}

.ticket__chat__serverside__row__sc {
    display: grid;
    grid-template-columns: 5rem 62rem;
    gap: 1.6rem;
    align-items: end;
}

.ticket__chat__ourside__row__left__sc {
    display: flex;
    flex-direction: column;
    background: #FFFFFF;
    border: 1px solid var(--table-border_clr);
    border-right: .8rem solid var(--light_green_color);
    padding: 0.4rem;
}
.ticket__chat__ourside__file__sect__sc img  {
    width: 2.4rem;
    height: auto;
}
.ticket__chat__ourside__row__leftmain__sc {
    display: flex;
    justify-content: end;
}
.ticket__chat__ourside__file__sect__sc {
    background: #F7F6F8;
    padding: 1rem 1.6rem;
    display: flex;
    align-items: center;
    gap: 0.8rem;
}
.ticket__chat__serverside__row__left__sc {
    display: flex;
}
.ticket__chat__ourside__file__sect__sc p {
    color: #4E8AF3;
    font-size: 1.6rem;
    font-family: var(--font-family);
    font-weight: 400;
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.tickets__details__main__left__footer__open__sc {
    width: 100%;
    padding: 1.2rem;
    background: #FBFBFB;
}

.tickets__chat__box__sc {
    display: flex;
    width: 100%;
    background: var(--bg_white);
    border: 1px solid #ABABAB;
    padding: 1.2rem 1.6rem;
    gap: 0.8rem;
    margin-top: 1.2rem;
    flex-direction: column;
}

.tickets__chat__box__sc textarea {
    padding: 0;
    outline: none;
    border: none;
    flex: 1;
}

.tickets__chat__box__sc textarea::placeholder {
    font-size: var(--font16);
    font-weight: 400;
    color: var(--primary_light);
}
.tickets__chat__box__fstrow__sc {
    display: flex;
    gap: 1.6rem;
}
.tickets__chat__box__scndrow__sc{
    display: flex;
    gap: 1.6rem;
    align-items: center;
}
.tickets__chat__box__scndrow__file__sc {
    flex-grow: 1;
    margin-top: 0;
}
.tickets__chat__box__scndrow__file__sc .file-item {
    padding: 0.8rem 1.2rem;
    border-radius: 5rem;
    background: #F7F6F8;
}
.tickets__chat__box__scndrow__file__sc .file-item span.close-btn {
    width: 1.6rem;
    height: 1.6rem;
}
.tickets__chat__sent__btn__sc {
    flex: 0 0 auto;
}
.tickets__chat__box__files__sc {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    margin-bottom: 2rem;
}

.tickets__chat__box__emg__sc svg,
.tickets__chat__box__file__sc svg {
    width: 2.4rem;
    height: auto;
    cursor: pointer;
}

.ticket__sent__img__sc {
    width: 3.2rem;
    height: auto;
    cursor: pointer;
}

.tickets__chat__sent__btn__sc {
    display: flex;
    justify-content: end;
}

.exportTickets__status__popup__container__sc {
    max-width: 147rem;
    width: 80%;
}

.exportTickets__status__popup__header__sc {
    padding: 3rem 3rem 0;
    display: flex;
    align-items: center;
    justify-content: end;
}
.ratingThank__popup__header__sc {
    /* padding: 3rem; */
    display: flex;
    align-items: center;
    justify-content: end;
}

.exportTickets__status__popup__close__sect__sc,
.exportTickets__popup__close__sect__sc, .ratingThank__popup__close__sect__sc {
    display: flex;
    gap: 0.4rem;
    align-items: center;
    cursor: pointer;
}

.exportTickets__status__popup__body__sc {
    padding: 1rem 3rem 3rem;
}

.exportTickets__status__popup__body__sc h3 {
    margin-bottom: 3rem;
}

.exportTickets__status__row__sc {
    margin-top: 3rem;
    margin-bottom: 5rem;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 1.2rem;
}

.et__status__icon__sc {
    width: 3.2rem;
    height: 3.2rem;
}

.exportTickets__status__box__sc {
    padding: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3rem;
}

.et__status__Extremelydissat__sc {
    background: #F8D9DB;
}

.et__status__Mostlydissat__sc {
    background: #F2D5D699;
}

.et__status__Slightlydissat__sc {
    background: #F7E6E680;
}

.et__status__nsdissat__sc {
    background: #FFFCE1;
}

.et__status__Slightlysatisfied__sc {
    background: #F8FBF4;
}

.et__status__Mostlysatisfied__sc {
    background: #F0FDE2;
}

.et__status__Extremelysatisfied__sc {
    background: #E2FEC6;
}

.exportTickets__status__textarea__sc textarea {
    width: 100%;
    background: var(--bg_white);
    border: 1px solid #ABABAB;
    padding: 1.2rem 1.6rem;
}

.exportTickets__status__textarea__sc textarea::placeholder {
    font-size: var(--font16);
    font-weight: 400;
    color: var(--primary_light);
}

.exportTickets__status__textarea__sc {
    margin-bottom: 3rem;
}

.exportTickets__status__btn__sc {
    width: 15rem;
    height: 4.8rem;
    background: var(--primary_dark);
}

.as__export__row__sc {
    display: flex;
    align-items: center;
    gap: 1.6rem;
    margin-bottom: 3rem;
}

.as__export__right__sc {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.exportTickets__popup__container__sc {
    max-width: 80rem;
    width: 80%;
}

.export__input__mb__30__sc {
    margin-bottom: 3rem;
}

.export__fields__sect__sc h4 {
    margin-bottom: 3rem;
}

.export__fields__row__sc {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 2.4rem;
}

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

.export__fields__itms__sc p {
    color: var(--black_variant_medium);
}

.exportTickets__btns__sect__sc {
    display: flex;
    align-items: center;
    gap: 1.6rem;
    justify-content: center;
    margin-top: 3rem;
}

.exportTickets__cancel__btn__sc {
    width: 15rem;
    height: 4.8rem;
    border: 1px solid var(--primary_dark);
    background: var(--bg_white);
}

.exportTickets__proceed__btn__sc {
    width: 15rem;
    height: 4.8rem;
    border: 1px solid var(--primary_dark);
    background: var(--primary_dark);
}

.emoji-picker {
    max-width: 100%;
    max-height: 100%;
}

.tickets__details__main__left__footer__sc .selected_files_container {
    margin-top: 1rem;
}

.tickets__details__main__left__footer__sc .selected_files_container::-webkit-scrollbar {
    display: none;
}

.exportTickets__status__box__sc.active {
    border: 2px solid #5FB463;
    box-shadow: 0px 0px 20px 0px #0000001A;
}

.exportTickets__status__box__sc {
    cursor: pointer;
    border: 2px solid transparent;
}

.add__items__popup__container__sc {
    max-width: 54rem;
}

.add__items__popup__header__sc {
    background: var(--bg_white);
    padding: 0.8rem 1.6rem;
    border: 1px solid var(--bg_white);
}

.add__items__download__btn__sc {
    width: 4.4rem;
    height: 4.4rem;
    border: 1px solid var(--primary_dark);
    background: var(--bg_white);
    cursor: pointer;
}

.add__items__download__btn__sc svg {
    width: 1.8rem;
    height: auto;
}

.add__items__popup__header__right__sc {
    display: flex;
    align-items: center;
    gap: 1.6rem;
}

.add__items__popup__header__right__btns__sc {
    display: flex;
    align-items: center;
    gap: .8rem;
}

.create__items__btn__sc,
.create__contact__btn__sc {
    width: 10rem;
    height: 4.4rem;
    background: var(--primary_dark);
}

.add__items__popup__body__sc {
    display: grid;
    grid-template-columns: 1fr 3rem;
    overflow: hidden;
}

.add__items__popup__body__left__sc {
    padding: 1rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

#ai_team_member_list{
    overflow-y: auto;
    flex: 1;
}
.add__item__list__sect__sc {
    flex: 1;
    overflow-y: auto;
}
.add__items__listing__popup__section__sc, .add__items__view__popup__section__sc, .add__contact__listing__popup__section__sc, .add__contact__view__popup__section__sc {
    gap: 0;
}

.add__item__search__sc {
    margin-bottom: 1rem;
    flex: unset;
}

.add__item__list__sc {
    padding: 1.6rem 1rem;
    border-bottom: 1px solid var(--border_color__sc);
    background: var(--bg_white);
    display: flex;
    align-items: start;
    justify-content: space-between;
    width: 100%;
    gap: 0.6rem;
}

.add__item__profile__icon__sc {
    width: 4rem;
    height: auto;
}

.add__item__list__right__sc svg {
    width: 2rem;
    height: auto;
    cursor: pointer;
}

.add__item__list__right__sc {
    flex: 0 0 auto;
    position: relative;
}

.add__item__list__left__controw__sc {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.add__item__list__left__cont__sc h6 {
    margin-bottom: 0.3rem;
}

.add__item__list__left__cont__sc {
    flex: 1;
}

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

.add__item__list__options__sect__sc {
    position: absolute;
    background: #F4F4F4B2;
    border: 3px solid var(--bg_white);
    box-shadow: 0px 0px 10px 0px #0000001A;
    padding: 1.2rem;
    inset: 3rem 0 auto auto;
    width: 25rem;
    z-index: 10;
}

.add__item__list__option__sc {
    padding: 1.2rem 1.6rem;
    cursor: pointer;
    margin-bottom: 0.4rem;
}

.add__item__list__option__sc:last-child {
    margin-bottom: 0;
}

.add__item__list__option__sc.active,
.add__item__list__option__sc:hover {
    background: #6565651A;
}

.add__items__popup__body__right__sc p {
    color: var(--fc16_border);
    cursor: pointer;
    margin-bottom: 0.3rem;
}

.add__items__popup__body__right__sc {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
    overflow-y: auto;
}

.add__items__popup__body__right__sc p.active {
    color: var(--primary_dark);
}

.add__items__view__popup__header__sc {
    padding: .8rem 1.6rem;
    background: #FFFFFF80;
    border: 1px solid var(--bg_white);
}

.add__items__view__popup__header__left__sc {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.add__items__view__popup__header__left__sc svg {
    width: 1.8rem;
    height: auto;
    cursor: pointer;
}

.add__item__edit__btn__sc svg {
    width: 1.8rem;
    height: auto;
}

.add__item__edit__btn__sc {
    width: 4.4rem;
    height: 4.4rem;
    border: 1px solid var(--primary_dark);
    cursor: pointer;
}

.add__items__view__popup__body__sc {
    padding: 1.8rem 1.6rem;
}

.add__items__view__popup__profile__sc {
    background: #FFFFFFB2;
    border: 0.5px solid #0000001A;
    box-shadow: 0px 0px 20px 0px #0000001A;
    padding: 2.2rem 1.2rem;
    display: flex;
    align-items: center;
    gap: 1.2rem;
    justify-content: space-between;
    margin-bottom: 3.2rem;
}

.add__items__view__popup__profilecont__sc h4 {
    margin-bottom: .3rem;
}

.add__items__view__popup__profileLeft__sc {
    display: flex;
    align-items: center;
    gap: 1.2rem;
}

.add__items__view__popup__details__sc {
    background: #FFFFFFB2;
    border: 0.5px solid #0000001A;
    box-shadow: 0px 0px 20px 0px #0000001A;
}

.add__items__view__popup__detailsTitle__sc {
    padding: 2rem 1.2rem;
    border-bottom: 1px solid var(--border_color__sc);
    display: flex;
    align-items: center;
    gap: 1rem;
}

.add__items__view__popup__detailsTitle__sc img {
    width: 2.4rem;
    height: auto;
}

.add__items__view__popup__detailscont__row__sc {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2rem;
}

.add__items__view__popup__detailscont__row__sc:last-child {
    margin-bottom: 0;
}

.add__items__view__popup__detailscont__sc {
    padding: 3rem 1.2rem;
}

.add__items__view__popup__detailscont__left__sc h5,
.add__items__view__popup__detailscont__right__sc h5 {
    margin-bottom: 0.6rem;
}

.add__item__list__right__sc .custom_dropdown_box {
    border-radius: 0;
}

.create__items__header__top__sc {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.create__items__header__buttom__sc {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-top: 0.8rem;
}

.create__items__header__sc {
    flex-direction: column;
}

.try__Bulk__upload__btn__sc {
    width: 20rem;
    height: 4.4rem;
    background: var(--bg_white);
    border: 0.5px solid var(--primary_dark);
}
.create__items__popup__body__sc, .create__contact__popup__body__sc {
    padding: 0 3rem;
}

.create__items__popup__inside__sc {
    background: #FFFFFFB2;
    border: 0.5px solid #0000001A;
    padding: 3rem 2rem;
}

.create__items__gst__row__sc {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.last__input__dp__body__sc {
    position: unset;
}
.createItems__popup__cancel__btn__sc, .createcontact__popup__cancel__btn__sc {
    width: 15rem;
    height: 4.8rem;
    border: 1px solid var(--primary_dark);
}
.createItems__popup__save__btn__sc, .createcontact__popup__save__btn__sc {
    width: 15rem;
    height: 4.8rem;
    border: 1px solid var(--primary_dark);
    background: var(--primary_dark);
}

.create__items__gst__body__sc {
    margin-top: 3.2rem;
}

.edit__item__gst__history__toggle__head__sc {
    background: #F7F6F8;
    box-shadow: 0px 2px 4px 0px #0000001A;
    padding: 1.6rem 1.2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.edit__item__gst__history__toggle__head__sc svg {
    width: 1.8rem;
    height: auto;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.edit__item__gst__history__toggle__head__sc.active svg {
    transform: rotate(-180deg);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.edit__item__gst__history__toggle__sc {
    background: #FFFFFFB2;
    border: 0.5px solid #0000001A;
    margin-top: 3.2rem;
}

.edit__item__gst__history__toggle__body__sc {
    padding: 3rem 1.2rem;
    overflow: scroll;
    max-height: 35rem;
}

.edit__item__gst__history__toggle__body__sc h4 {
    margin-bottom: 2rem;
}

.edit__item__gst__history__toggle__row__sc {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    margin-bottom: 2rem;
}

.edit__item__gst__history__toggle__cont__sc h5 {
    margin-bottom: 0.6rem;
}

.edit__item__gst__history__toggle__row__sc:last-child {
    margin-bottom: 0;
}

.editItems__popup__update__btn__sc {
    width: 15rem;
    height: 4.8rem;
    background: var(--primary_dark);
}
.add__contact__link__sc, .createContact__tab__link__sc {
    background: var(--bg_white);
    border-left: 1px solid var(--border_color__sc);
    gap: 1.2rem;
    padding: 1.2rem 0;
    cursor: pointer;
    position: relative;
}
.add__contact__link__sc img, .createContact__tab__link__sc img {
    width: 2.6rem;
    height: auto;
}

.add__contact__link__sect__sc {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 1rem;
}
.add__contact__link__sc.active, .createContact__tab__link__sc.active {
    box-shadow: 0px 0px 20px 0px #0000001A;
}
.add__contact__link__sc.active p, .createContact__tab__link__sc.active p {
    color: var(--primary_dark);
}
.add__contact__link__sc::before, .createContact__tab__link__sc::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.2rem;
    transform: scaleX(0);
    transition: transform 0.3s ease;
    border-bottom: 0.2rem solid var(--primary_dark);
}
.add__contact__link__sc.active::before, .createContact__tab__link__sc.active:before {
    transform: scaleX(1);
    transform-origin: center;
}

.add__contact__link__mob__sect__sc.add__contact__link__mob__sect__sc {
    display: none;
}

.contact__view__popup__profileLeft__sc {
    display: grid;
    grid-template-columns: repeat(2, 2fr);
    gap: 0.6rem;
}

.contact__view__popup__left__sc {
    display: flex;
    align-items: center;
    gap: 1.2rem;
}

.contact__view__popup__rgt_cont__sc p {
    margin-bottom: 0.3rem;
}

.contact__view__popup__rgt_cont__sc p:last-child {
    margin-bottom: 0;
}
.contact__view__popup__details__sc {
    margin-top: 3.2rem;
}
.contact__view__popup__rgt_cont__sc {
    flex-direction: column;
}
.createContact__tab__link__row__sc {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    margin-bottom: 3.2rem;
}
.createContact__tab__profile__sect__sc h6 {
    margin-bottom: 0.8rem;
}
.createContact__tab__profile__sc {
    background: var(--bg_white);
    border: 1px solid #EBF7FF;
    display: grid;
    grid-template-columns: 20rem 1fr;
    margin-bottom: 3.2rem;
}
.createContact__tab__profile__left__sc {
    padding: 1.6rem 0 1.6rem 1.6rem;
    display: flex;
    align-items: center;
    gap: 1.2rem;
}
.contact__avator__icon__sc {
    width: 4.8rem;
    height: auto;
}
.createContact__tab__profile__left__sc p {
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.createContact__tab__profile__right__sc {
    display: flex;
    align-items: center;
}
.createContact__tab__profile__right__prev__sc {
    background: var(--bg_white);
    display: flex;
    align-items: center;
    height: 100%;
}
.createContact__tab__profile__right__prev__sc svg {
    width: 1.8rem;
    height: auto;
    cursor: pointer;
}
.createContact__tab__profile__img__row__sc {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 2rem;
    overflow-x: auto;
    padding: 1.2rem;
}
.createContact__tab__profile__img__row__sc::-webkit-scrollbar {
    display: none;
}
.createContact__tab__profile__img__item__sc {
    flex: 1 0 auto;
    background: var(--bg_white);
    padding: 0.3rem;
    border-radius: 6rem;
    border: 1px solid transparent;
    cursor: pointer;
    transition: transform 0.3s ease-in-out;
}
.createContact__tab__profile__img__item__sc.active {
    background: var(--bg_white);
    padding: 0.3rem;
    border-radius: 6rem;
    border: 1px solid #6FA614;
}
.createContact__tab__profile__right__next__sc {
    display: flex;
    align-items: center;
    background: linear-gradient(270deg, #FFFFFF 45.68%, rgba(255, 255, 255, 0.7) 72.35%, rgba(255, 255, 255, 0) 100%);
    padding: 0 1rem;
}
.createContact__tab__profile__right__next__sc svg {
    width: 1.8rem;
    height: auto;
    cursor: pointer;
}
.createContact__show__toggle__sect__sc {
    background: #FFFFFFB2;
    border: 0.5px solid #0000001A;
    margin-bottom: 3.2rem;
}
.createContact__show__toggle__head__sc {
    border-bottom: 1px solid var(--border_color__sc);
    padding: 2rem;
}
.createContact__show__toggle__head__sc {
    display: flex;
    align-items: center;
    gap: 1rem;
}
.createContact__show__toggle__body__sc {
    padding: 3rem 2rem;
}
.input__three__items__row__sc {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.6rem;
}
.auth_register_tams_sc.auth_register_tams_sc {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
}
.create__contact__check__sc {
    gap: 1rem;
}
.create__contact__check__container__sc {
    margin-top: 5rem;
}
.contactGST__sect__sc h4 {
    margin-bottom: 1.6rem;
}
.contactecom__sect__sc {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.contactecom__sect__sc p {
    color: var(--black_variant_medium);
}
.contactecom__sect__sc {
    margin-bottom: 1.6rem;
}
.contact__notes__textarea__sc {
    width: 100%;
    border: 1px solid #F4F4F4;
    padding: 1.2rem 1.6rem;
    background: var(--bg_white);
}
.contact__notes__textarea__sc::placeholder {
    font-size: var(--font16);
    color: var(--black_variant_light);
    font-weight: 300;
}
.contact__notes__textarea__sc:focus {
    border: 1px solid #ABABAB;
}
.areYouSure__popup__body__sc {
  padding: 0 3rem 3rem;
}
.areYouSure__popup__cont__sc h3 {
    margin-bottom: 1.2rem;
}
.areYouSure__popup__btns__sc {
   gap: 1.6rem;
   margin-top: 4rem;
}
.areYouSure__popup__no__btn__sc, .error__popup__no__btn__sc {
    width: 16rem;
    height: 4.8rem;
    border: 0.5px solid var(--primary_dark);
    background: var(--bg_white);
}
.areYouSure__popup__yes__btn__sc, .error__popup__yes__btn__sc {
    width: 16rem;
    height: 4.8rem;
    border: 0.5px solid var(--primary_dark);
    background: var(--primary_dark);
}
.bulkUpload__popup__body__sc {
    padding: 0 3rem;
}
.bulkUpload__popup__inner__sc {
    background-color: var(--bg_white);
    border: 0.5px solid var(--table-border_clr);
    padding: 2.4rem;
}
.bulkUpload__title__sc h4 {
    margin-bottom: 0.2rem;
}
.bulkUpload__dragFile__box__sc {
    background: #F6F9FF;
    border: 2px dashed #6F97E8;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 1.2rem;
}
.bulkUpload__img__sc {
    width: 12.4rem;
    height: auto;
}
.bulkUpload__title__sc {
    margin-bottom: 3.5rem;
}
.bulkUpload__dragFile__noFile__sc p span {
    color: #3EA656;
    text-decoration: underline;
    margin-left: 0.5rem;
}
.bulkUpload__dragFile__noFile__sc {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 1.2rem;
}
.bulkUpload__dragFile__sect__sc {
    margin-bottom: 3.5rem;
}
.bulkUpload__dragFile__box__sc {
    margin-bottom: 1.8rem;
}
.bulkUpload__dragFile__download__sc {
    gap: 0.8rem;
    cursor: pointer;
}
.bulkUpload__dragFile__download__sc p {
    color: #3EA656;
}
.bulkUpload__dragFile__dataFile__sc {
    display: none;
}
.bulkUpload__dragFile__box__sc input[type=file] {
    display: none;
}
.bulkUpload__dragFile__boxinner__sc {
    padding: 3.5rem;
    width: 100%;
    cursor: pointer;
}
.bulkUpload__dragFile__boxinner__sc.active .bulkUpload__dragFile__dataFile__sc {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}
.bulkUpload__dragFile__boxinner__sc.active .bulkUpload__dragFile__noFile__sc {
    display: none;
}
.bulkUpload__dragFile__dataFile__sc svg {
    width: 2.4rem;
    height: auto;
}
.bulkUpload__dragFile__boxinner__sc.active .bulkUpload__dragFile__dataFile__sc svg {
    pointer-events: all;
    cursor: pointer;
}
.bulkUpload__dragFile__boxinner__sc.active {
    pointer-events: none;
}
.bulkUpload__popup__cancel__btn__sc {
    width: 15rem;
    height: 4.8rem;
    background-color: var(--bg_white);
    border: 0.5px solid var(--primary_dark);
}
.bulkUpload__popup__submit__btn__sc {
    width: 15rem;
    height: 4.8rem;
    background-color: var(--primary_dark);
    border: 0.5px solid var(--primary_dark);
}
.bulkUpload__dragFile__dataFile__sc p {
    max-width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.bulkUpload__dragFile__sect__sc {
    margin-bottom: 2rem;
}
.bulkUpload__contact__sect__sc {
    padding: 1.2rem;
    background: radial-gradient(50% 50% at 50% 50%, #FCFDFD 0%, rgba(255, 255, 255, 0.6) 100%);
    border: 1px solid var(--table-border_clr);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.6rem;
}
.bulkUpload__contact__left__sc p {
    color: #4E8AF3;
    margin-top: 1.2rem;
}
.bulkUpload__reupload__sc {
    background-color: var(--bg_white);
    border: 0.5px solid var(--primary_dark);
    height: 4.8rem;
    gap: 0.8rem;
    padding: 0 2.4rem;
    cursor: pointer;
}
.bulkUpload__reupload__sc svg {
    width: 1.8rem;
    height: auto;
}
.bulkUpload__details__head__sc {
    display: grid;
    grid-template-columns: 1fr 4rem;
    background: #F2F6FF;
}
.bulkUpload__details__head__left__sc {
    display: grid;
    grid-template-columns: repeat(4, 25%);
}
.bulkUpload__details__toggle__head__sc {
    background-color: var(--bg_white);
    display: grid;
    grid-template-columns: 1fr 4rem;
    border-bottom: 1px solid var(--border_color__sc);
}
.bulkUpload__details__toggle__head__sc p {
    text-wrap: wrap;
    word-break: break-all;
    display: flex;
    align-items: center;
}
.bulkUpload__details__toggle__row__left__sc {
    display: grid;
    grid-template-columns: repeat(4, 25%);
}
.bulkUpload__details__padd__sc {
    padding: 1.6rem 1rem;
}
.bulkUpload__details__toggle__row__rightArrow__sc {
    background: #F1F1F1;
    width: 3rem;
    height: 3rem;
    border-radius: 5rem;
    cursor: pointer;
}
.bulkUpload__details__toggle__row__rightArrow__sc svg {
    width: 2.4rem;
    height: 2.4rem;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.bulkUpload__details__popup__container__sc {
    background-color: var(--bg_white);
}
.bulkUpload__details__toggle__body__sc {
    padding: 1.2rem;
    border: 1px solid var(--border_color__sc);
}
.bulkUpload__details__toggle__body__cont__sc {
    margin-bottom: 2.4rem;
}
.bulkUpload__details__toggle__body__cont__sc h3 {
    margin-bottom: 1.8rem;
}
.bulkUpload__details__toggle__body__cont__sc:last-child {
    margin-bottom: 0;
}
.bulkUpload__details__toggle__body__row__sc {
    display: grid;
    align-items: center;
    grid-template-columns: 18rem 1fr;
    gap: 1rem;
    margin-bottom: 1.6rem;
}
.bulkUpload__details__toggle__body__row__sc:last-child {
    margin-bottom: 0;
}
.bulkUpload__details__toggle__body__row__sc p {
    color: var(--black_variant_medium);
}
.bulkUpload__details__toggle__sc:last-child .bulkUpload__details__toggle__head__sc {
    border-bottom: none;
}
.bulkUpload__details__toggle__sc.active .bulkUpload__details__toggle__row__rightArrow__sc svg {
    transform: rotate(-180deg);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.bulkUpload__details__statusbox__sc h3 {
    margin-bottom: 3rem;
}
.bulkUpload__details__statusbox__sc {
    padding: 1.8rem 3rem;
}
.bulkUpload__statusimg__sc {
    width: 5.8rem;
    height: auto;
}
.bulkUpload__details__statusbox__col__cont__sc h4 {
    margin-bottom: 0.4rem;
}
.bulkUpload__details__statusbox__col__sc {
    display: flex;
    align-items: center;
    gap: 1.2rem;
}
.bulkUpload__details__statusbox__row__sc {
    display: grid;
    align-items: center;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.4rem 1.2rem;
}
.bulkUpload__details__box__sc {
    display: block;
}
.contact__list__nodata__sc {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 3rem;
}
.contact__list__nodata__img__sc {
    width: 11.7rem;
    height: auto;
}
.input__field__items__sc .input__error__sc {
    position: absolute;
    top: 8rem;
    left: 0;
}
.jrk_select-menu .input__error__sc {
    position: absolute;
    top: 5rem;
    left: 0;
}
.input_search .input__error__sc {
    position: absolute;
    top: 5rem;
    left: 0;
}
.payment__btn__apd__sc {
    background: #ffffff;
    box-shadow: 0px 0px 20px 0px #0000000F;
    padding: 1.2rem;
}
.payment__btn__apd__sc .list-of-fields-to-added-item-gs_split {
    background: transparent;
    box-shadow: none;
    padding: 0;
}
.payment__btn__check__sc {
    display: grid;
    grid-template-columns:47% 50%;
    align-items: start;
    gap: 2rem;
    margin-top: 2rem;
}
.payment__btnin__sc {
    margin-bottom: 1.6rem;
}
.payment__btnin__sc:last-child {
    margin-bottom: 0;
}
.payment__btnin__append__sc {
    width: 2.4rem;
    height: auto;
    cursor: pointer;
}
.payment__btnin__append__clos__sc {
    width: 2rem;
    height: auto;
    cursor: pointer;
}
.payment__btnin__svg__sc {
    display: flex;
    align-items: center;
    gap: 1.2rem;
}
.mob_bulk__payment__btn__sc {
    position: fixed;
    inset: auto 2rem 2rem auto;
    background-color: var(--primary_dark);
    border-radius: 6rem;
    width: 5rem;
    height: 5rem;
    z-index: 105;
}
.mob_bulk__payment__btn__sc svg {
    width: 1.8rem;
    height: auto;
}
.teamFilter__popup__inner__sc {
    padding: 2rem;
    border: 2px solid #FFFFFF4D;
    box-shadow: 0px 0px 20px 0px #0000001A;
}
.sk_trans *{
    color:transparent !important;
}
.sk_loader {
    background: linear-gradient(90deg, #f2f2f2 0%, #e6e6e6 50%, #f2f2f2 100%);
    background-size: 200% 100%;
    animation: skeletonAnimation 1.5s ease-in-out infinite;
    color:transparent !important;
    border: none;
}
.sk_loader *,
.sk_loader > div,
.sk_loader > h1,
.sk_loader > h2,
.sk_loader > h3,
.sk_loader > h4,
.sk_loader > h5,
.sk_loader > h6,
.sk_loader > p
{
    color:transparent !important;
}
@keyframes skeletonAnimation {
    0% {
      background-position: -200% 0;
    }
    100% {
      background-position: 200% 0;
    }
}
/* dashboard css start */
.dashboard__desktop__view {
    display: block;
}
.dashboard__mobile__view {
    display: none;
}
.mob__footer__sc {
    display: none;
}
.mob__sidebar__popup__sc  {
    display: none;
}
.mob__footermenu__popup__sc {
    display: none;
}
.mob__profile__popup__sc {
    display: none;
}
.contact__error__sc {
    position: absolute;
    font-size: 1.2rem;
    font-weight: 400;
    color: var(--kyc_error_msg_clr);
    top: 8.2rem;
    left: 0rem;
}
.sa_complete_kyc_padd .auth_input_field_sc {
    position: relative;
}
.error_kp {
    position: absolute;
    font-size: 1.2rem;
    font-weight: 400;
    color: var(--kyc_error_msg_clr);
    top: 5rem;
    left: 0;
}
.settlement__textarea__sc .error_kp {
    top: 12rem;
}
.bankInput__error__sc {
    font-size: 1.2rem;
    font-weight: 400;
    color: var(--kyc_error_msg_clr);
}
.transfer__amount__ac__sc {
    flex-direction: column;
    gap: 2rem;
}
.tds__challan__toggle__section__sc.ShowTogle .tds__challan__toggle__body__sc{
display: block !important;
}
.tds__challan__toggle__section__sc.ShowTogle .tds__open__icon__toggle__sc{
    display: block;
}
.tds__challan__toggle__section__sc.ShowTogle .tds__class__icon__toggle__sc{
    display: none;
}
.Pageloader__sc {
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 2001;
    overflow: visible;
    background-size: 10%;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: var(--bg_white);
    inset: 0;
}
.search__wrapping__right{
    margin-top: 1.2rem;
}
.reconcile_nodata {
    height: 35rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.right__recon__nodata__sc {
    height: 100%;
}
.payout__noDate__sc.payout__noDate__sc {
    justify-content: start;
}
.payouts_contents.payouts_contents__css__sc {
    background-image: none;
}
.payment-button-step-single__icon svg {
    width: 2rem;
    height: auto;
}
.pay-button-wego-logo img {
    width: 4rem;
    height: auto;
}
.pymnt_customer_details_delete__disabled_sc {
    pointer-events: none;
}
.create__cate__error__prnt__sc {
    position: relative;
}
.create__cateTextarea__error__prnt__sc {
    position: relative;
}
.create__cateTextarea__error__prnt__sc .contact__error__sc {
    top: 16rem;
}
.main__container.main__container.coming__soon__sc {
    background-image: url('../images/coming_soon/coming_soon_bg.svg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.coming__soon__main__container__sc {
    background: #FFFFFF80;
    border: 1px solid #FFFFFF;
    box-shadow: 0px 0px 20px 0px #0000001A;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4.4rem;
}
.coming__soon__main__left__sc {
    padding: 0 8rem;
}
.coming__soon__main__left__sc h3 {
    font-size: 5.6rem;
    margin: 1.6rem 0;
}
.coming__soon__main__left__sc img {
    width: 14rem;
    height: auto;
}
.coming__soon__main__left__sc p {
    font-size: 2rem;
    color: var(--black_variant_medium);
}
.coming__soon__main__right__sc {
    padding: 0 8rem;
}
.coming__soon__main__right__sc h4 {
    color: var(--pure_black);
}
.coming__soon__main__right__sc h4 {
    margin-bottom: 3.2rem;
}
.coming__soon__main__container__inner__sc {
    display: grid;
    align-items: start;
    justify-content: center;
    grid-template-columns: repeat(2, 1fr);
    max-width: 140rem;
    width: 100%;
    gap: 4.4rem;
}
.coming__soon__main__right__box__sc {
    padding: 2.6rem 3.2rem;
    margin-bottom: 2.4rem;
    background: #FFFFFF99;
    border: 1px solid var(--bg_white);
    border-radius: 1.2rem;
    box-shadow: 0px 24px 45px -20px #0000001C;
    box-shadow: 0px 0px 12px 0px #0000000D;
    display: flex;
    align-items: center;
    gap: 1.6rem;
}
.coming__soon__main__right__box__sc:last-child {
    margin-bottom: 0;
}
.coming__soon__main__right__box__sc img {
    width: 8rem;
    height: auto;
    flex: 0 0 auto;
}
.coming__soon__main__right__boxcont__sc h4 {
    margin-bottom: 0.8rem;
}
.coming__soon__main__right__boxcont__sc p {
    color: var(--black_variant_medium);
}
.coming__soon__main__right__box__bg__1__sc {
    background-image: url('../images/coming_soon/coming_soon_bg_1.svg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.coming__soon__main__right__box__bg__2__sc {
    background-image: url('../images/coming_soon/coming_soon_bg_2.svg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.coming__soon__main__right__box__bg__3__sc {
    background-image: url('../images/coming_soon/coming_soon_bg_3.svg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.coming__soon__main__right__boxcont__sc h5 {
    margin-bottom: 0.8rem;
}
.transfer__amount__ac__sc {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem;
}
.transfer__amount__ac__sc input {
    border: none;
    outline: none;
    font-size: var(--font32);
    font-weight: 600;
    color: var(--primary_dark);
}
.payment__invoice__btnhov__sc:active, .payment__invoice__btnhov__sc:hover {
    border: 1px solid var(--primary_dark);
}
.dashboard__profitBox__sc {
    background-image: url('../images/dashboard/profit_bg_1.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.left__contr__img__wd__sc img {
    width: 4.5rem;
    height: auto;
}
.payment__RAC__header__sc {
    display: flex;
    align-items: center;
    gap: 1rem;
}
.collect__rgt__img__sc {
    margin-top: -2.7rem;
    padding-right: 4rem;
    width: 54rem;
    height: auto;
}
.payment__collect__amount__row__sc {
    margin-bottom: 2.4rem;
}
.collect__RAC__img__sc {
    width: 23rem;
    height: auto;
}
.payment__RAC__header__sc {
    margin-bottom: 1rem;
}
.static_menu_dp_body_sc.policy_sidebar {
    padding: 0rem 1rem 0 2.6rem;
}
.static_content_rgt_content_sc.static_content_rgt_content_sc h3 {
    font-size: 2.4rem;
}
.static_content_rgt_content_sc.static_content_rgt_content_sc h4 {
    font-size: 2rem;
    padding-bottom: 2rem;
}
.static_content_rgt_content_sc.static_content_rgt_content_sc h2 {
    font-size: 3rem;
    padding-bottom: 2rem;
    font-weight: 600;
}
.static_content_rgt_content_sc.static_content_rgt_content_sc p {
    font-size: 1.6rem;
}
.static_content_rgt_content_sc.static_content_rgt_content_sc ul li {
    font-size: 1.6rem;
}
.static_list_sc.static_list_sc li span {
    font-weight: 500;
}
.newPpolicy__left__cont__sc li {
    font-size: 1.8rem;
    font-weight: 600;
}
.BusinessAssisant__desk__img__sc {
    max-width: 162rem;
}
.four_collect_cards.invoice_bg img {
    width: 11rem;
}
.four_collect_cards.four_collect_cards .btn_link_txts img {
    width: auto;
}
.four_collect_cards.invoice_bg .collect_link_popup img, .four_collect_cards.payments_bg .collect_link_popup img,
.four_collect_cards.payment_btn_bg .collect_link_popup img, .four_collect_cards.bulk_bg .collect_link_popup img  {
    width: auto;
}

.four_collect_cards.payments_bg img {
    width: 13.8rem;
}
.four_collect_cards.payment_btn_bg img {
    width: 11.4rem;
}
.four_collect_cards.bulk_bg img {
    width: 13.8rem;
}
.four_collect_cards.cashmemo_bg img {
    width: 15rem;
}
.four_collect_cards.creditn_bg img {
    width: 15rem;
}
.four_collect_cards.reconcile_bg img {
    width: 18rem;
}
.customer__right__nodata__contr__sc img {
    width: 16rem;
}
.customer__filter__box__sc {
    flex: 0 0 4.8rem;
    background: #FFFFFF;
    border: 0.5px solid #2D2D2D;
    height: 4.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.customer__filter__box__sc img {
    width: 2rem;
    height: auto;
}
.left_content_item_img img, .customer_info_img img {
    width: 5rem;
    height: auto;
    flex: 0 0 auto;
}
.left_content_item_img .avatar-icons.left__contr__img__wd__sc .inbox_icon {
    width: 3rem;
    right: -0.3rem;
    bottom: -1rem;
}
.left_content_item_img .avatar-icons .inbox_icon {
    width: 2rem;
    right: 0rem;
    bottom: -0.2rem;
}
.filter_btn_cust__sc {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.2rem;
    cursor: pointer;
}
.filter_btn_cust__sc svg {
    width: 2rem;
    height: auto;
}
.NameAndDetail img {
    width: 5rem;
    height: auto;
}
.max__767__view__sc {
    display: none !important;
}
.min__767__view__sc {
    display: block;
}
.payment__link__dp__sc {
    border: none;
}
.paymentLink__RightnodataImg__sc.paymentLink__RightnodataImg__sc {
    width: 20rem;
    height: auto;
}
.dropdown_list.active {
    background: #6565651A;
}
.dropdown_list:hover {
    background: #6565651A;
}
.expenses__member__newCard__sc {
    background: #FFFFFF;
    border: 2px dashed #E1E1E1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 2rem;
    padding: 6.2rem;
}
.exmember__newcard__img__sc {
    width: 5rem;
    height: auto;
}
.exmember__addTeam__btn__sc {
    width: 15rem;
    height: 4.8rem;
    background: var(--primary_dark);
}
.ex__mamber__details__tobe__nodata__sc p, .ex__mamber__details__rightbox__nodata__sc p {
    color: #6A6A6A;
}
.ex__mamber__details__tobe__nodata__sc img {
    margin-bottom: 1rem;
}
.exmember_tobe_nodata_img_sc {
    width: 19rem;
    height: auto;
}
.ex__mamber__details__tobe__nodata__sc {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
}
.ex__mamber__details__main__left__tap__body__contnr__sc {
    height: 100%;
}
.exmember_rughtside_nodata_img_sc {
    width: 15rem;
    height: auto;
}
.ex__mamber__details__rightbox__nodata__sc {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 1rem;
    max-width: 55rem;
    width: 100%;
    margin: 0 auto;
}
.ex__mamber__details__search__nodata__sc {
    flex: 1;
    height: 100%;
    overflow-y: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 1rem;
}
.ex__mamber__details__search__nodata__sc p {
    color: #6A6A6A;
}
.exmamber_details_searchnodata_img_sc {
    width: 19rem;
    height: auto;
}
.expense_nodata__inner__sc.expense_nodata__inner__sc {
    box-shadow: none;
    background-color: var(--bg_white);
    padding: 1.6rem 2rem;
    grid-column: 1;
    grid-row: 2;
    height: 60rem;
    background-image: url('../images/exmember/inner_exponse_img.webp');
    background-size: 100% 100%;
}
.markAll__read__sc p, .notification__text {
    color: #4E8AF3;
    cursor: pointer;
}
.notification__readRow__right__sc .TextSETTings {
    padding: 0;
}
.notification__readRow__sc {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0.5rem 3rem;
}
.notification__readRow__right__sc {
    display: flex;
    align-items: center;
}
.markAll__read__sc {
    padding-right: 2.4rem;
    margin-right: 2.4rem;
    border-right: 1px solid #E5E5E5;
}
.notification__readRow__left__sc .input__dp__container__sc {
    width: 15rem;
}
.noti__readDp__sc.noti__readDp__sc {
    background: #F4F4F4B2;
    border-top: 3px solid #FFFFFF;
    padding: 1.2rem;
}
.team__list__nodata__sect__sc {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 1.8rem;
}
.teamlistnodata_img__sc {
    width: 14.2rem;
    height: auto;
}
.teamList__body__sc {
    display: flex;
    flex-direction: column;
}
.teamList__body__sc .left_section_search {
    margin-top: 0;
}
.modal-fullscreen .modal-body.teamList__body__sc {
    padding: 0;
}
.expenses__dashboard__righttable__nodata__sc {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 1.8rem;
    margin-top: 10rem;
}
.expenses_table_nodata_img__sc {
    width: 15rem;
    height: auto;
}
.team_list_card__inactive__sc.team_list_card__inactive__sc {
    background: #ECECEC;
}
.attachmentFile__popup__container__sc {
    max-width: 89rem;
    padding: 3rem;
}
.attachmentFile__popup__close__sc {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 1rem;
}
.attachmentFile__popup__close__btn__sc, .invoice__attachmentFile__popup__close__btn__sc, .kyc_aadhar_popup_target__popup__close__btn__sc {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    cursor: pointer;
}
.attachmentFile__popup__close__sc svg {
    width: 1.8rem;
    height: auto;
}
.attachmentFile__popup__head__sc {
    margin-bottom: 3rem;
}
.attachmentFile__popup__body__sc {
    padding: 3rem 5rem;
}
.attachmentFile__popup__view__cont__sc iframe{
    width: 100%;
    height: auto;
}
.attachmentFile__popup__view__sect__sc {
    max-width: 40rem;
    width: 100%;
    margin: 0 auto;
}
.expensesattach_view_img__sc {
    width: 100%;
}
.attachmentFile__popup__view__name__sc {
    margin-top: 1rem;
}
.attachmentFile__popup__footer__sc {
    padding: 0 5rem;
}
.attachmentFile__popup__footerInner__sc {
    border-top: 1px solid #A3A3A3;
    padding: 3rem 0;
}
.attachmentFile__popup__sc {
    z-index: 1051;
}
.expensesattach_view_list_img__sc {
    width: 6rem;
    height: auto;
}
.attachmentFile__popup__footerrow__items__sc.active .expensesattach_view_list_img__sc {
    width: 7rem;
}
.attachmentFile__popup__footerrow__sc {
    display: flex;
    align-items: center;
    gap: 2rem;
    width: 100%;
    overflow-x: auto;
}
.attachmentFile__popup__footerrow__sc::-webkit-scrollbar {
    display: none;
}
.attachmentFile__popup__container__sc .popup__section__sc {
    max-height: 83vh;
}
.attachmentFile__popup__footerrow__items__sc {
    cursor: pointer;
    flex: 0 0 auto;
}
.attachmentFile__popup__footerrow__items__sc.active {
    border: 1px solid #4971FE;
}
.invoice__attachmentFile__popup__sc .attachmentFile__popup__footerrow__items__sc.active {
    border: 1px solid #6FA614
}
.team_list_no_match__sc {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.8rem;
    flex-direction: column;
}
.team__app__head__sc {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2.6rem;
}
.intro__current__account__nodataBox__sc {
    background-image: url('../images/dashboard/intro__current__account__nodataBox__bg.webp');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: 1px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(86.48deg, rgba(80, 119, 179, 0.17) 0.91%, rgba(165, 85, 202, 0.17) 99.42%);
    padding: 1rem 1.6rem;
}
.intro__current__account__nodata__head__sc {
    margin-bottom: 1.6rem;
}
.intro__current__account__nodata__row__sc {
    display: flex;
    align-items: center;
    width: 100%;
}
.intro__current__account__nodata__rowLeft__img__sc {
    width: 5.8rem;
    height: auto;
}
.intro__current__account__nodata__rowLeft__sc {
    flex: 0 0 auto;
}
.intro__current__account__nodata__rowRight__sc p {
    color: #3C3C3C;
    margin-bottom: 1rem;
}
.dash__addnew__account__sc {
    color: #6FA614;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    width: 100%;
    text-decoration: underline;
}
.intro__settlement__nodataBox__sc {
    background-image: url('../images/dashboard/intro__settlement__nodataBox__bg.webp');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: 1px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(86.48deg, rgba(80, 119, 179, 0.17) 0.91%, rgba(165, 85, 202, 0.17) 99.42%);
    padding: 1.6rem 0 1.8rem 1.2rem;
    position: relative;
}
.intro__settlement__Box__sc {
    background-image: url('../images/dashboard/intro__settlement__nodataBox__bg.webp');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: 1px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(86.48deg, rgba(80, 119, 179, 0.17) 0.91%, rgba(165, 85, 202, 0.17) 99.42%);
    padding: 1.6rem 1.2rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 10rem;
}
.intro__settlement__nodataHead__sc {
    margin-bottom: 1.2rem;
}
.intro__settlement__nodataHead__sc h3 {
    margin-bottom: 0.3rem;
    font-family: var(--font-family);
    line-height: 1.7rem;
}
.intro__settlement__nodataHead__sc p {
    color: #6A6A6A;
    font-family: var(--font-family);
    line-height: 2.1rem;
}
.add__items__popup__header__sc h3 {
    font-family: var(--font-family);
}
.left__sidebar__hover__kyc__box__img__sc p {
    line-height: 1.8rem;
    font-family: var(--font-family);
}
.left__sidebar__hover__inner__sc p, .left__sidebar__hover__inner__sc h6 {
    font-family: var(--font-family);
}
.itemDetailsWrap .modal-body.two_subtotals.two__subtotals__sc {
    padding: 2rem 2rem 11rem;
}
.bill_deduct_img__sc {
    width: 2.4rem;
    height: auto;
}
.fixed_total__sc {
    margin-top: 2rem;
}
.input__field__sc.amount__rssmiple__sc {
    gap: 0.3rem;
}
.rssmiple__sc {
    display: none;
}
.amount__rssmiple__sc.active .rssmiple__sc {
    display: block;
}
.intro__settlement__addaccount__btn__sc {
    padding: 0.8rem 1.2rem;
    background: #FFFFFF;
    border: 0.5px solid #2D2D2D;
    box-shadow: 0px 0px 20px 0px #0000000F;
    border-radius: 5rem;
}
.settelment_nodata_img__sc {
    width: 12rem;
    height: auto;
}
.intro__settlement__nodataBox__img__sect__sc {
    position: absolute;
    inset: auto 0rem 0rem auto;
}
.intro__current__account__BoxHead__sc {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.2rem;
}
.intro__current__account__link__sc {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.intro__current__account__link__sc svg {
    width: 1.8rem;
    height: auto;
}
.intro__current__account__link__sc {
    color: #070A21;
}
.mob__wallatbank__acslide__left__sc {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    justify-content: space-between;
}
.mob__wallatbank__acslide__arrow__sc {
    cursor: pointer;
    display: flex;
}
.mob__wallatbank__acslide__arrow__sc svg {
    width: 1.8rem;
}
.mob__wallatbank__acslide__items__sc {
    flex: 0 0 auto;
}
.mob__wallatbank__activeAc__btn__sc {
    padding: 0.6rem 1.2rem;
    background: var(--bg_white);
    border: 0.5px solid var(--primary_dark);
    box-shadow: 0px 0px 20px 0px #0000000F;
    border-radius: 6rem;
    font-size: 1.2rem;
    flex: 0 0 auto;
}
.mob__wallatbank__activeAc__row__sc {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
}
.mob__wallatbank__acslide__sc {
    display: flex;
    align-items: center;
    gap: 1rem;
    overflow: auto;
}
.mob__wallatbank__acslide__sc::-webkit-scrollbar {
    display: none;
}
.wallatbank__acslide__items__sc {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.8rem 1rem;
    border-radius: 7rem;
}
.mob__card__boxwallat__slideIcon__sc {
    width: 2rem;
    height: auto;
}
.wallatbank__acslide__items__bg__1__sc {
    background: #FF333314;
    border: 1px solid #FF333340;
}
.wallatbank__acslide__items__bg__2__sc {
    background: #2C419014;
    border: 1px solid #2C419040;
}
.wallatbank__acslide__items__sc p {
    color: #000000;
}
.wallatbank__acslide__left__sc {
    margin-bottom: 1.2rem;
}
.intro__settlement__BoxAccount_logo__sc {
    width: 1.6rem;
    height: auto;
}
.intro__settlement__BoxAccount__sc {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}
.invoice__shipTo__sect__sc {
    margin-bottom: 3.2rem;
}
.invoice__shipTo__sect__sc p {
    color: #A3A3A3;
    margin-bottom: 0.8rem;
}
.invoice__shipTo__sect__sc textarea {
    color: #A3A3A3;
}
.invoice__shipTo__sect__sc textarea.disabled {
    background: #F7F6F8 !important;
    border: 1px solid #F4F4F4 !important;
}
.addAccount__btn__sc {
    width: 15rem;
    height: 4.8rem;
    background: var(--primary_dark);

}
.add__account__popupBody__sc {
    padding: 0 3rem;
}
.add__account__popupBody__inner__sc {
    background: #FFFFFFB2;
    border: 0.5px solid #0000001A;
    height: 100%;
    padding: 3rem 2rem;
    overflow-y: auto;
}
.add__account__close__sc, .bulkUpload__popup__close__ba {
    cursor: pointer;
}
.bank__details__error__sc {
    position: absolute;
    inset: auto auto -2rem 0;
    font-size: 1.2rem;
    color: #FF4242;
    font-family: var(--font-family);
}
.input__dp__container__sc label {
    margin-bottom: 0.8rem;
}
.left__search__no_data_found_sc{
    height: 35rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 1.4rem;
}
.left__search__no_data_found_sc img {
    width: 6rem;
    height: auto;
}
.left__search__no_data_found_sc p {
    font-size: var(--font16);
    font-weight: 400;
    font-family: var(--font-family);
    color: #5D5D5D;
}
.invoice__internal__row__sc {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.invoice__attachment__view__sc {
    padding: 1.2rem 1.6rem;
    width: 28rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--bg_white);
    border: 1px solid #ABABAB;
    flex: 0 0 28rem;
}
.invoice__attachment__view__sc p {
    font-size: var(--font16);
    font-weight: 400;
    font-family: var(--font-family);
    color: #4E8AF3;
    cursor: pointer;
}
.asset__chartno_data_img__sc {
    width: 25rem;
    height: auto;
    margin: 0 auto;
}
.assetlist_nodata_img__sc {
    width: 12.5rem;
    height: auto;
    margin: 0 auto;
}
.assetlist__nodata__sc p {
    margin-top: 1.6rem;
}
.zoho_statistics_nodata_img_sc {
    width: 19.5rem;
    height: auto;
}
.zoho__statistics__table__nodata__sc {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 1.6rem;
    padding: 4.4rem 0;
}
.ticket__textarea__sc label {
    margin-bottom: 0.8rem;
}
.ticket__error_comn {
    font-size: 1.2rem;
    font-weight: 400;
    color: #FF4242;
    margin-top: 0.4rem;
}
.payment__invoice__leftnodata__img__sc {
    width: 11.6rem;
    height: auto;
}
.invoice__rightnodata__img__sc {
    width: 13rem;
}
.ratingThank__popup__container__sc {
    max-width: 74rem;
    padding: 3rem;
}
.ratingThank__popup__body__sc {
    padding-top: 1.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding-bottom: 3rem;
}
.ratingThank__img__sc {
    width: 10rem;
    height: auto;
}
.ratingThank__img__sect__sc {
    margin-bottom: 3rem;
}
.ratingThank__cont__sect__sc h5 {
    margin-bottom: 1.2rem;
}
.ratingThank__cont__sect__sc p {
    color: #5D5D5D;
}
.rating__table__img__sect__sc {
    border-radius: 6rem;
    display: flex;
    align-items: center;
    width: 3.2rem;
    justify-content: center;
    height: 3.2rem;
}
.satisfied__stat__sc {
    background: #CBE8CD;
}
.rating__table__img__sc {
    width: 3.2rem;
    height: auto;
}
.dissatisfied__stat__sc {
    background: #FFF59D;
}
.dissatisfied__red__stat__sc {
    background: #FFB8B6;
}
.ticket__rate__btn__sc {
    width: 8rem;
    height: 3.5rem;
    background: #FFFFFF;
    border: 0.5px solid #2D2D2D;
}
.rating__table__detail__row__sc {
    display: flex;
    align-items: center;
    gap: 1rem;
}
.ticketId__disable__sc {
    pointer-events: none;
}
.single__payout__posi__unset__sc.single__payout__posi__unset__sc {
    position: unset;
}
.single__payout__textarea__sc {
    position: relative;
}
.single__payout__textarea__sc .contact__error__sc {
    top: 14.6rem;
    left: 1.8rem;
}
.single__payout__file__upload__sc.single__payout__file__upload__sc {
    overflow: unset;
}
.single__payout__file__upload__sc .contact__error__sc {
    top: 5.3rem;
}
.single__payout__file__upload__sect__sct .selected_files_container {
    margin-top: 0.6rem;
}
.category_hdngg.category_hdngg {
    border-width:0;
}
table.dataTable > tbody > tr {
    border-width:0;
}
.category_hdngg.category_hdngg th {
    border-bottom: none;
}
.single__payout__righttotal__row__sc {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 1.6rem;
}
.single__payout__righttotal__row__sc .amountTExts
{
    margin-top: 0;
}
.receivable_head_srch.receivable_head_srch
{
    z-index: 10;
    max-height: 25rem;
    overflow-y: auto;
}
.aged__payable__head__srch__sc {
    width: 32rem;
}
.faq__content__wrpr.nodatafound_sc {
    height: 100%;
}
.faq__left__nodatafound__sc {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 1.4rem;
    height: 100%;
}
.faq__left__nodatafound__sc img {
    width: 6rem;
    height: auto;
}
.faq__ans__contnr__sc {
    margin-top: 3rem;
}
.faq__ans__contnr__sc p {
    font-size: 1.6rem;
    font-family: var(--font-family);
    font-weight: 400;
    color: #6A6A6A;
    padding-bottom: 1.2rem;
}
.faq__ans__contnr__sc li {
    font-size: 1.6rem;
    font-family: var(--font-family);
    font-weight: 400;
    color: #6A6A6A;
    padding-bottom: 1.2rem;
}
.faq__ans__contnr__sc h5 {
    font-size: 1.8rem;
    font-family: var(--font-family);
    font-weight: 500;
    color: var(--primary_dark);
    padding-bottom: 1.2rem;
}
.InputContainTeam .IconImgInput {
    width: 3.2rem;
    height: auto;
}
.team__login__img__sc {
    width: 20rem;
    height: auto;
}
.team__profile__card__img__sc {
    width: 30rem;
}
.main__container.team__dashboard__sc {
    background: transparent;
}
.team__left__member__sc {
    padding-top: 1.2rem;
}
.teamexpense__box__hover__sc {
    transform: translate(-50%, -28%);
}
.left__sidebar__hover__box__sc.team_qk__options__sc {
    transform: translate(-50%, -66%);
}
.left__sidebar__hover__box__sc.team_more__options__sc {
    transform: translate(-50%, -72%);
}
.team__dashboard__expense__nodata__sc {
    background: #FFFFFF;
    border: 3px solid #FFFFFF;
    box-shadow: 0px 0px 20px 0px #0000001A;
    padding: 7.5rem 3rem;
    background: url('../images/teams/team__expense__nodata__img__sc.webp') center/cover no-repeat;
}
.team__dashboard__expense__nodata__rgt__img__sc {
    width: 47rem;
    margin: 0 auto;
}
.team__dashboard__expense__nodata__img__sc {
    padding-bottom: 10rem;
}
.team__dashboard__expense__nodata__cont__sc {
    text-align: center;
    padding: 0 6rem;
}
.team__dashboard__expense__nodata__cont__sc h4 {
    padding-bottom: 2rem;
    color: #000000;
}
.bank__account__yes__img__sc {
    width: 4rem;
    height: auto;
}

.popup__invoiceAddcontact__sc .side__popup__overlay__sc {
    z-index: 1055;
}
.addItems__popup__overflow__sc, .addContact__popup__overflow__sc {
    overflow: hidden;
}
.popup__invoiceAddcontact__sc .main__header, .popup__invoiceAddcontact__sc .lft__sidebar__main__sc,
.popup__overflow__sc .main__header, .popup__overflow__sc .lft__sidebar__main__sc,
.addContact__popup__overflow__sc .main__header, .addContact__popup__overflow__sc .lft__sidebar__main__sc,
.addItems__popup__overflow__sc .main__header, .addItems__popup__overflow__sc .lft__sidebar__main__sc {
    z-index: 1056;
    pointer-events: none;
}
.popup__overflow__sc .main__header, .popup__overflow__sc .lft__sidebar__main__sc {
    pointer-events: none;
}
.vendor_nodata__img__sc {
    width: 15rem;
    height: auto;
}
.payment__link__nodata__left__sc.payment__link__nodata__left__sc {
    width: 15rem;
}
.bulk__payment__right__nodataimg__sc {
    width: 18rem;
    height: auto;
}
.generate__paybtn__sc.generate__paybtn__sc {
    max-width: 25rem;
}
.bill__nodata__leftimg__sc {
    width: 14rem;
    height: auto;
}
.single__payout__rightimg__sc {
    width: 20rem;
    height: auto;
}
.head__current__img__sc {
    width: 9rem;
    height: auto;
}
.bulkno_data_mob_icon__sc {
    width: 11rem;
}
.sales__dispatch__noteNpdata__img__sc {
    width: 20rem;
    height: auto;
}
.RoundArrow svg {
    width: 3.2rem;
    height: auto;
}
.aged__receivable__nodata__sc {
    width: 20rem;
}
.collect__nodata__left__img__sc {
    width: 18rem;
}
.collect_rgt__img__sc.collect_rgt__img__sc {
    width: 45rem;
    margin-left: auto;
    margin-right: 3rem;
    margin-top: -4rem;
}
.payout__right__img__sc {
    width: 46rem;
}
.payout__right__box__sec__sc {
    padding: 0 3rem;
}
.sales__right__boxcont__sect__sc {
    padding-bottom: 3rem;
}
.salestopBox__left__img__sc {
    width: 46rem;
}
.purchase__leftbox__cont__sect__sc {
    padding-bottom: 3rem;
}
.purchase__topbox__rgt__img__sc {
    width: 46rem;
    margin-left: auto;
}
.aged__payable__nodata__img__sc {
    width: 20rem;
    height: auto;
}
.dasboard__add__expense__btn__sc {
    cursor: pointer;
}
.team-expense-dashboard-nodata-pk {
    height: 100%;
}
.team__dashboard__right__nodata__sect__sc {
    background-image: url('../images/teams/team_dashboard_rightnodata_bg.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    box-shadow: 0px 0px 20px 0px #0000001A;
    padding: 1.6rem;
}
.team_dashboard_rightnodata_img__sc {
    width: 22rem;
}
.team__dashboard__right__nodata__sect__sc p {
    color: var(--black_variant_medium);
    text-align: center;
}
.team__dashboard__right__nodata__contnr__sc {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
    padding: 0 3rem;
    gap: 2rem;
}
.team__fil__box__sc {
    position: relative;
}
.team__fil__box__count__sc {
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 5rem;
    background: #B91C1D;
    position: absolute;
    inset: -0.6rem auto auto -0.6rem;
    z-index: 1;
}
.dashboard_btm_RAM__img__sc {
    width: 5.5rem;
    height: auto;
}
.tax__compliance__popup__body__box__sc .input__field__items__sc .input__error__sc {
    top: 8.8rem;
}
.invoice_details_input_box input::placeholder, .add_recurring_details input::placeholder, .span__placeholder__color__sc.span__placeholder__color__sc {
    font-size: var(--font16);
    font-weight: 300;
    color: #A3A3A3;
}
.team__notification__readRow__sc .markAll__read__sc {
    padding-right: 0;
    margin-right: 0;
    border-right: none;
}
.span__placeholder__colornor__sc {
    color: rgba(45, 45, 45, 1);
}
.team__sidebar__create__img__sc.team__sidebar__create__img__sc {
    width: 9.2rem;
    height: auto;
}
.dp__inner__search__nodata__sc {
    height: 30rem;
    border-bottom: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ECECEC;
}
.left_section_content.payment__btn__mainleft__sc {
    margin-top: 0;
}
.payCreatebtn__left__btn__sc.payCreatebtn__left__btn__sc {
    height: 4.8rem;
    width: 10rem;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.left_section_header {
    width: 100%;
}
.mob__backbtn__sc {
    height: 5rem;
    position: fixed;
    inset: 0 0 auto 0;
    width: 100%;
    background-color: var(--bg_white);
    box-shadow: 0px 4px 8px 0px #0000000F;
    padding: 1.4rem 1.2rem;
    z-index: 1053;
    display: none;
    align-items: center;
}
.paybtn__mob__linkfoot__btn__sc {
    display: none;
}
.ex__member__empid__sc {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.2rem;
    gap: 0.6rem;
}
.paybtn__prv__dp__contnr__sc {
    bottom: 4.8rem;
}
.jrk_select-menu .contact__error__sc {
    top: 5rem;
}
.mob__sidebar__popup__link__sc.active {
    background-color: var(--bg_white);
    border: 0.5px solid #9DC588;
}
.mob__sidebar__boxlink__sect__sc.active .left__sidebar__hover__kyc__box__sc {
    background-color: var(--bg_white);
    border: 0.5px solid #9DC588;
}
.left__search__no_data_found_sc.search__no_data_foundmain_sc {
    height: 100%;
}
.mob__tdssummary__menu__sect__sc {
    display: none;
}
.ticket__newline__sc {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 0.3rem;
}
.ticket__newline__sc p {
    font-size: 1.4rem;
    font-family: var(--font-family);
    font-weight: 400;
    color: #6A6A6A;
}
.ticket__newline__sc p span {
    font-weight: 500;
}
.tickets__details__right__status__attach__row__sc {
    display: flex;
    align-items: end;
    justify-content: space-between;
}
.tickets__details__right__attach__box__sc {
    display: flex;
    align-items: center;
    gap: 3rem;
    padding: 1rem 1.2rem;
    border: 1px solid #E4E4E4;
}
.tickets__details__right__attach__cont__sc {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.tickets__details__right__attach__cont__sc p {
    color: #5D5D5D;
    font-size: 1.6rem;
    font-family: var(--font-family);
    font-weight: 500;
}
.tickets__details__right__attach__view__sc p {
    cursor: pointer;
    color: #007AFF;
    font-size: 1.6rem;
    font-family: var(--font-family);
    font-weight: 400;
}
.tickets__details__right__attach__cont__sc img {
    width: 2.4rem;
    height: auto;
}
.left__sidebar__payment__item__sc.active, .left__sidebar__hover__kyc__boxmain__sc.active .left__sidebar__hover__kyc__box__sc {
    background: var(--prfl_hover_bg);
}
.Knowledgebase_header img {
    width: 2.4rem;
    height: auto;
}
.bank__filter__popupbody__sc {
    padding: 0 3rem;
}
.bank__filter__popupbody__box__sc {
    padding: 3rem;
    background: #FFFFFFB2;
    border: 0.5px solid #0000001A;
    backdrop-filter: blur(50px);
}
.bankFtr__dateRange__row__sc {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.6rem;
}
.bankFtr__dateRange__row__sc .input_wrap_cmn {
    margin-bottom: 0;
}
.bankftr__popup__clearbtn__sc {
    height: 4.8rem;
    width: 15rem;
    background: #FFFFFF;
    border: 0.5px solid #2D2D2D;
}
.bankftr__popup__applybtn__sc {
    height: 4.8rem;
    width: 15rem;
    background: #2D2D2D;
}
.bankFtr__dateRange__box__sc, .period_select_di, .amount_range_di {
    margin-top: 3.2rem;
}
.banking__cnfmwdl__account__box__sc {
    background: #FFFFFFB2;
    border: 0.5px solid #0000001A;
    backdrop-filter: blur(50px);
    padding: 3rem 2rem;
}
.banking__cnfmwdl__account__topbox__sc {
    background: #F9F9F9;
    padding: 2rem 1.6rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.banking__cnfmwdl__account__topbox__sc p {
    color: #313131;
    font-family: var(--font-family);
}
.banking__cnfmwdl__account__note__sc {
    margin-top: 1rem;
}
.banking__cnfmwdl__account__note__sc p {
    font-family: var(--font-family);
    color: #5D5D5D;
}
.banking__wtl__nodata__img__sc {
    width: 12rem;
    height: auto;
}
.banking__wtl__addAccount__btn__sc {
    width: 15rem;
    height: 4.8rem;
    background: var(--black_variant_dark);
}
.banking__cnfmwdl__account__nodata__sc {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 2.4rem;
    height: 100%;
}
.createContact__noteCount__sc,.createCategory__noteCount__sc {
    display: flex;
    align-items: center;
    justify-content: end;
}
.ex__mamber__details__transaction__details__table__scet__sc {
    background: #FFFFFF;
    border: 1px solid #E4E4E4;
    padding: 1.2rem;
}
div#exp_category_name-error {
    top: 7.5rem;
}
.ex__mamber__details__transaction__details__table__sc table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
}
.ex__mamber__details__transaction__details__table__sc table tr th {
    text-align: center;
    padding: 1.2rem;
    border-right: 1px solid #FFFFFF;
    background-color: #F1F1F1;
}
.ex__mamber__details__transaction__details__table__sc {
    margin-top: 1.2rem;
    border: 1px solid #EEEEEE;
}
.ex__mamber__details__transaction__details__table__sc table tr td {
    padding: 1.8rem 1rem;
}
.ex__mamber__details__transaction__details__table__status__sc {
    /* background-color: #E0FFE1; */
    padding: 0.6rem 1rem;
    width: fit-content;
    margin: 0 auto;
}
/* .ex__mamber__details__transaction__details__table__status__sc p {
    color: #12B218;
} */
.ex__mamber__details__transaction__details__row__sc {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.2rem;
    margin-top: 1.2rem;
    width: 100%;
}
.ex__mamber__details__transaction__details__col__sc h6 {
    color: #A3A3A3;
    font-size: 1.2rem;
    font-weight: 400;
    margin-bottom: 0.3rem;
}
.ex__mamber__details__transaction__details__col__sc p {
    color: #2D2D2D;
    font-size: 1.2rem;
    font-weight: 500;
}
.ex__mamber__details__transaction__details__col__rgt__sc {
    text-align: right;
}
.ex__mamber__details__transaction__details__col__status__sc {
    /* background: #E0FFE1; */
    padding: 0.6rem;
    width: fit-content;
}
.ex__mamber__details__transaction__details__col__status__sc p {
    /* color: #12B218; */
    font-size: 1.2rem;
    font-weight: 400;
}
.ex__mamber__details__transaction__details__col__statussect__sc {
    display: flex;
    align-items: center;
    justify-content: end;
}
.action__required__popup__sc {
    z-index: 1056;
}
.action__required__popup__container__sc {
    max-width: 78rem;
    padding: 3rem;
}
.action__required__popup__section__sc {
    display: flex;
    flex-direction: column;
    max-height: 90dvh;
}
.action__required__popup__head__sc {
    display: flex;
    align-items: center;
    justify-content: end;
}
.action__required__popup__close__sc {
    display: flex;
    gap: 0.4rem;
    align-items: center;
    cursor: pointer;
}
.action__required__popup__close__sc svg {
    width: 1.8rem;
    height: auto;
}
.action__required__popup__body__sc {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3rem;
}
.action__required__popup__img__sc img {
    width: 10rem;
    height: auto;
}
.action__required__popup__cont__sc h6 {
    margin-bottom: 0.4rem;
}
.action__com__btn__sc {
    width: 20rem;
    height: 4.8rem;
    background-color: #2D2D2D;
}
.action__required__popup__btn__sc {
    margin-bottom: 2rem;
}
.settlement_details__footer__sc {
    padding: 1.6rem 3rem;
    background-color: var(--bg_white);
}
.settelment_details_content {
    background-color: #F7F6F8 !important;
}
.add_recurring_new{
    margin-top: 4px;
}
.add_recurring_new a{
    background-color: #60B320;
    padding: .3rem 1rem;
    border-radius: 3rem;
    display: flex;
    gap: .4rem;
    align-items: center;
}
.add_recurring_new a:hover{
    color: #fff;
}
.new_updates_recu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.recurring_pre {
    flex-direction: column;
}
.recurring_div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 1rem;
}
.recurring_left {
    display: flex;
    gap: 1.8rem;
    width: 50%;
}
.recurring_rgt {
    display: flex;
    gap: 1.8rem;
    width: 50%;
    justify-content: space-around;
}
.recurring_amt{
    width: 50%;

}
.recurring_status{
    width: 50%;
}
.left_content_item.recurring_pre {
    padding: 0;
}
.left_content_item.recurring_pre .new_updates_recu {
    padding: 2rem;
}
.recurring_wrap{
    border-top: 1px solid #F4F4F4;
    width: 100%;
}
.recurring_div.active {
    background-color: #F4F4F4;
}
.font_cust_re {
    color: #2188E4;
}
.add_recurring_new.active img {
    transform: rotate(-180deg);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.add_recurring_new img {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.status__notYetSent__sc {
    color: #B14DD5;
}
.status__reminderSent__sc {
    color: #A9580F;
}
.ticket__filter__parentSect__sc {
    position: relative;
}
.ticket__filter__contnr__sc {
    background: #F4F4F4B2;
    border: 3px solid #FFFFFF;
    box-shadow: 0px 0px 10px 0px #0000001A;
    backdrop-filter: blur(90px);
    padding: 1.2rem;
    position: absolute;
    width: 25rem;
    inset: 5rem 0 auto auto;
}
.ticket__filter__contnr__sc ul li {
    padding: 1.2rem 1.6rem;
    margin-bottom: 0.4rem;
    cursor: pointer;
}
.ticket__filter__contnr__sc ul li:last-child {
    margin-bottom: 0;
}
.ticket__filter__contnr__sc ul li:hover {
    background: #6565651A;
}
.ticket__filter__border__sc {
    margin-top: 0.4rem;
    padding-top: 0.4rem;
    border-top: 1px solid #E4E4E4;
}
ul.contact_list_kp > .create__contact__btn__sc {
    width: unset;
    height: unset;
    background: unset;
}

.sp-circle{
    border: 4px #fff solid;
    border-top:4px #b58ce5 solid;
    border-radius: 50%;
    -webkit-animation: spCircRot 0.6s infinite linear;
    animation: spCircRot 0.6s infinite linear;
}
.sp{
    width: 3.2rem;
    height: 3.2rem;
    clear: both;
    margin: 20px auto;
}
@-webkit-keyframes spCircRot {
	from { -webkit-transform: rotate(0deg); }
	to { -webkit-transform: rotate(359deg); }
}
@keyframes spCircRot {
	from { transform: rotate(0deg); }
	to { transform: rotate(359deg); }
}
.ticket__filter__contnr__sc li.active {
    background: #6565651A;
}
.popup__invoiceAddcontact__sc .modal {
    display: none !important;
}
.input_wrap_cmn.set__expiry__fld__sc {
    margin-bottom: 0;
}
.invoice__alert__popup__container__sc {
    max-width: 78rem;
    padding: 3rem;
}
.invoice__alert__popup__head__sc {
    display: flex;
    align-items: center;
    justify-content: end;
}
.invoice__alert__popup__close__sc {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    cursor: pointer;
}
.invoice__alert__popup__close__sc svg {
    width: 1.8rem;
    height: auto;
}
.invoice_alert_img__sc {
    width: 10rem;
    height: auto;
}
.invoice__alert__popup__body__sc {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 2.4rem;
}
.invoice__alert__popup__cont__sc h6 {
    margin-bottom: 1.6rem;
}
.invoice__alert__popup__no__btn__sc {
    width: 16rem;
    height: 4.8rem;
    background-color: var(--bg_white);
    border: 0.5px solid var(--primary_dark);
}
.invoice__alert__popup__Yes__btn__sc {
    width: 16rem;
    height: 4.8rem;
    background-color: var(--primary_dark);
    border: 0.5px solid var(--primary_dark);
}

.invoice__alert__popup__btns__sc {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.6rem;
}
.ticket__table__head__row__sc {
    display: flex;
    align-items: center;
    gap: 1.2rem;
}
.ticket__table__head__row__sc svg {
    width: 2rem;
    height: auto;
}
.ticket__table__head__arrow__sc {
    display: flex;
    align-items: center;
}
.ticket__table__head__arrow__sc svg {
    width: 0.7rem;
    height: auto;
}
.ticket__table__sc_export th {
    cursor: pointer;
}
.ticket__table__sc_export th.ascending .ascending__arrow__sc path {
    fill: var(--primary_dark);
}
.ticket__table__sc_export th.descending .descending__arrow__sc path {
    fill: var(--primary_dark);
}
.BgNotifySec .NotiFySecTibody h3.txtGray {
    flex: 0 0 13%;
    text-align: right;
}
.company__details__signature__upload__row__sc {
    border: 1px solid #ABABAB;
    padding: 1rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    flex: 1;
    width: 70%;
}
.company__details__signature__upload__row__sc .selected_files_container {
    flex: 1;
}
.company__details__signature__upload__row__sc .selected_files_container::-webkit-scrollbar {
    display: none;
}
.company__details__signature__upload__row__sc p {
    font-size: 1.4rem;
    font-weight: 500;
    font-family: var(--font-family);
    color: #4E8AF3;
    cursor: pointer;
}
.company__details__signature__upload__parent__sc {
    display: flex;
    gap: 1.6rem;
}
.signature__upload__submitbtn__sc {
    background-color: var(--primary_dark);
    width: 15rem;
    height: 4.8rem;
}
.company__details__signature__upload__row__sc .file-item {
    padding: 3px;
    gap: 6px;
}
.company__details__signature__upload__row__sc .file-item span:first-of-type {
    font-size: 10px;
}
.company__details__signature__upload__row__sc span.close-btn {
    height: 10px;
    width: 10px;
}
.signature__popup__container__sc {
    max-width: 89rem;
    padding: 3rem;
}
.signature__popup__close__sc {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    position: absolute;
    inset: 0 0 auto auto;
    cursor: pointer;
}
.signature__popup__head__sc {
    position: relative;
}
.signature__preview__sc {
    width: 30rem;
    height: auto;
    margin: 0 auto;
}
.signature__popup__cont__sc {
    margin-top: 1rem;
}
.signature__popup__cont__sc p {
    color: #A3A3A3;
}
.popup__overlay__sc.signature__popup__sc {
    z-index: 1056;
}
.signature__edit__btn__sc {
    cursor: pointer;
}
.signature__img__box__sc {
    border: 1.2px solid #0000001A;
    width: 15rem;
    height: auto;
}
.notification-loader{
    border: 4px #fff solid;
    border-top:4px #4E8AF3 solid;
    border-radius: 50%;
    -webkit-animation: spCircRot 0.6s infinite linear;
    animation: spCircRot 0.6s infinite linear;
}
.sp{
    width: 3.2rem;
    height: 3.2rem;
    clear: both;
    margin: 20px auto;
}
@-webkit-keyframes spCircRot {
	from { -webkit-transform: rotate(0deg); }
	to { -webkit-transform: rotate(359deg); }
}
@keyframes spCircRot {
	from { transform: rotate(0deg); }
	to { transform: rotate(359deg); }
}
.auth__btn__loader__sc.sp {
    margin: auto;
}
.auth__btn__loader__sc.notification-loader {
    border-top:4px transparent solid;
}
.textbox--wrap textarea:focus-visible{
    border-color: #ABABAB;
    outline: none;
}
.hsn__sac__dp__sc .item_hsn_datas .input_search {
    width: 100%;
    padding: 1rem;
}
.payment__link__amnt__error__sc.input__error__sc {
    position: absolute;
    left: 0;
    top: 5rem;
}
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.rotate {
    animation: rotate 1s linear;
}
.enable__tally__btn__css__sc {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.8rem;
}
.enable__tally__btn__css__sc svg {
    width: 1.8rem;
    height: auto;
}
.enable__tally__popup__container__sc {
    max-width: 78rem;
}
.enable__tally__popup__section__sc {
    padding: 3rem;
    display: flex;
    flex-direction: column;
    max-height: 90dvh;
}
.enable__tally__popup__close__sect__sc {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.enable__tally__popup__close__sc {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    cursor: pointer;
}
.enable__tally__popup__close__sc svg {
    width: 1.8rem;
    height: auto;
}
.enable__tally__popup__header__sc {
    margin-top: 1.6rem;
}
.enable__tally__input__box__sc {
    box-shadow: 0px 0px 20px 0px #0000001A;
    border: 1px solid #F4F4F4;
    background: #FFFFFF;
    padding: 1.6rem;
}
.enable__tally__popup__body__sc {
    margin-top: 3rem;
    flex: 1;
    overflow-y: auto;
}
.enable__tally__input__row__sc {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.6rem;
}
.enable__tally__regenerate__btn__sect__sc {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 2rem;
}
.enable__tally__regenerate__btn__sc {
    width: 15rem;
    height: 4.8rem;
    background-color: var(--primary_dark);
}
.download__tally__link__sect__sc {
    padding: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2.4rem;
}
.download__tally__link__sc {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    cursor: pointer;
}
.download__tally__link__sc p {
    color: #3EA656;
}
.download__tally__link__sc svg {
    width: 1.8rem;
    height: auto;
}
.enable__tally__apiSecret__sc .sa_sandbox_eye_alignment, .enable__tally__apiSecret__sc .sa_sandbox_copy_alignment {
    position: unset;
    inset: unset;
    transform: unset;
    flex: 0 0 auto;
}
.enable__tally__apiSecret__sc .pk_show_password {
    position: unset;
    inset: unset;
}
.enable__tally__apiSecret__sc {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    border: 1px solid #ABABAB;
    padding: 1.2rem 1.6rem;
    height: 4.8rem;
}
.enable__tally__apiSecret__sc input.auth_input_sc.pk_none.w100p {
    padding-left: 0;
    border: unset;
    height: unset;
}

.copy_to_clipboard_merchant_id {
    flex: 0 0 auto;
}
.lft__sidebar__items__link__sc.active .left__sidebar__normal__img__sc {
    display: none;
}
.lft__sidebar__items__link__sc.active .left__sidebar__hover__img__sc {
    display: block;
}
.evaluation__des__b {
    word-break: break-all;
}
.payment__dashboard__payAttach__img__sc {
    /* max-width: 17rem; */
    height: 100%;
}
.bulkUpload__popup__close__sc_item {
    cursor: pointer;
}
.margbooks__logo__img__sc {
    width: 14rem;
    height: auto;
}
.margbook__advantages__row__sc img {
    width: 2.6rem;
    height: auto;
}
.busy_as__logo__img__sc {
    width: 9rem;
    height: auto;
}
.wallet__lock__icon {
    flex: 0 0 auto;
}
.wallet__balance__info h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 13ch;
}
.creditnote_mobile{
    display: none;
}
.creditnote_desktop {
    display: block;
}
.inv_client_notes p{
    word-break: break-all;
}
.inv_internal_notes p{
    word-break: break-all;
}
.wid13{
    width: unset;
    height: unset;
}
.input_wrap_cmn p span {
    color: var(--black_variant_medium);
}
.credit_ledget_details_img__sc {
    width: 3rem;
    height: auto;
}

.side__popup__body__sc.tax__compliance__popup__body__sc.new_bg_banking {
    background: #FFFFFFB2;
    border: 0.5px solid #0000001A;
    margin: 3rem 2rem;
    padding: 2rem;
}
.new_bg_banking .connect__bank__account__popup__body__sc {
    padding: 0;
    background: transparent;
    border: 0px;
}
/* .onhover_menu{
    overflow: hidden;
} */




.amount_range_di input[type="range"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    outline: none;
    position: absolute;
    margin: auto;
    top: 8px;
    bottom: 0;
    background-color: transparent;
    pointer-events: none;
    left: 0;
    z-index: 10009;
  }
 .amount_range_di .slider_track_di {
    width: 100%;
    height: 10px;
    position: absolute;
    margin: 0 auto;
    bottom: 0;
    border-radius: 5px;
    background: #F4F4F4;
    border: 1px solid #fff;
    padding: 0 6px;
    cursor: pointer;
    z-index: 0;
  }
  .amount_range_di input[type="range"]::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    height: 5px;
  }
  .amount_range_di input[type="range"]::-moz-range-track {
    -moz-appearance: none;
    height: 5px;
  }
  .amount_range_di input[type="range"]::-ms-track {
    appearance: none;
    height: 5px;
  }
 .amount_range_di input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 1.5rem;
    width: 1.5rem;
    background-color: #6FA614;
    cursor: pointer;
    margin-top: -9px;
    pointer-events: auto;
    border-radius: 50%;
    border: 3px solid #fff;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
  }
  .amount_range_di input[type="range"]:active::-webkit-slider-thumb {
    background-color: #6FA614;
    border: 3px solid #fff;
  }
  .slider_dot_di span{
    width: 4px;
    height: 4px;
    background-color: #A3A3A3;
    display: inline-block;
    border-radius: 10px;
  }
  .slider_dot_di{
    display: flex;
    justify-content: space-between;
    position: relative;
    top: 2px;
  }
  .amount_range_di{
    padding-bottom: 5.8rem;
  }

 

@media (min-width: 1921px) {
    .r_status_img img {
        max-width: 50%;
        margin-left: auto;
    }
    .expense_nodata {
        background-position: center;
    }
    .sales_nodata.sales_nodata {
        background-position: center;
        background-size: 100% 100%;
    }
    .four_collect_cards.payments_bg img {
        width: 15rem;
    }
    .four_collect_cards.bulk_bg img {
        width: 17rem;
    }
    .four_collect_cards.invoice_bg img {
        width: 14rem;
    }
    .btn_link_txts.btn_link_txts {
        bottom: 1.4rem;
    }
    .collect_rgt__img__sc.collect_rgt__img__sc {
        width: 47rem;
    }
    .payout__right__img__sc {
        width: 48rem;
    }
    .purchase__topbox__rgt__img__sc, .salestopBox__left__img__sc {
        width: 48rem;
    }
}
@media screen and (max-width: 1700px) and (min-width: 1025px) {
    .quick__launcher__btn__scet__sc {
        inset: 50% auto auto -1.9rem;
    }

    .banking__main__sc,
    .ex__mamber__details__main__sc {
        padding: 1.5rem;
    }

    .banking__main__right__table__body__sc {
        height: calc(100vh - 44rem);
    }

    .ex__mamber__details__main__left__body__sc {
        height: calc(100vh - 33rem);
    }

    .tickets__details__right__inner__sc {
        max-height: calc(100vh - 18rem);
    }

    .tickets__details__main__left__sc {
        height: calc(100vh - 13rem);
    }

}

@media screen and (min-width: 1350px) and (max-width: 1800px) {
    .header__search__bar__sc {
        width: 60rem;
    }
}

/* @media(min-width:1025px) {
    .title_info{
        position: absolute;
        right: 27rem;
        bottom: 11rem;
    }
} */

@media screen and (min-width: 1025px) and (max-width: 1349px) {
    .header__search__bar__sc {
        width: 35rem;
    }

    .main__header__row__lft__sc,
    .main__header__row__rgt__sc {
        gap: 1.6rem;
    }

    .main__header__row__rgt__btns__sc {
        gap: 1.4rem;
    }

    .header__search__result__sc {
        width: 48rem;
    }

    .ticket__search__sect__sc {
        width: 27rem;
    }

    .ticket__main__tab__link__right__sc {
        gap: 1rem;
    }

    .ticket__main__tab__link__section__sc {
        gap: 1.2rem;
    }

    .export_ticket__brn__sc,
    .create__ticket__brn__sc {
        width: 13rem;
    }

    .tickets__details__main__sc {
        grid-template-columns: 1fr 48rem;
    }

    .ticket__chat__ourside__row__sc {
        grid-template-columns: 45rem 5rem;
    }

    .ticket__chat__serverside__row__sc {
        grid-template-columns: 5rem 45rem;
    }
    .banking__main__sc {
        grid-template-columns: 45rem 1fr;
        gap: 2rem;
    }
    .banking__main__left__sc {
        padding: 2rem;
    }
}
@media (min-width: 1024px) and (max-width: 1200px) {
    .banking__main__right__top__logo__sc {
        display: none;
    }
    .item_left {
        min-width: 13.4rem !important;
    }
    .radio__button__container__sc .checkmark__sc:after {
        top: 0.3rem;
        left: 0.3rem;
    }
    .radio__button__container__sc {
        width: 2rem;
        height: 2rem;
    }
    .ticket__main__tab__link__sc {
        padding: 1.2rem 3.5rem;
    }

}
@media (max-width:1024px) {
    .gstr__about__section__sc {
        flex-direction: column;
        padding: 2rem;
        gap: 2rem;
    }
    .ex__mamber__card__pr__img__sc{
        width: 5rem;
    }
      .ex__mamber__details__main__left__tap__item__sc.active {
        border: none;
        border-left:none;
    }
    .sa_payment_link_collection_details_row .row{
        width: 100%;
    }
    .sa_payment_link_collection_details_row{
        padding: 1.2rem 0 !important;
    }
    .sa_payment_link_collection_amount_status{
        padding: 1.2rem !important;
    }
    .invoice_content_top_sec .row .col-lg-6{
        justify-content: space-between;
    }
    .alignRightSec{
        text-align: right;
        padding: 0;
    }
    .invoice_item.mb_un:nth-child(2) {
       text-align: end;
    }
    .sa_payment_link_collection_amount_status{
        padding: 0 !important;
    }
    .sa_payment_link_collection_details_row .col-6.col-md-12{
        padding: 0;
    }
    .sa_payment_link_collection_details.jus_space_bet.invoice_content_top_sec{
        padding: 0;
    }
    .filter_btns.filter_btns a {
        height: 4.4rem;
        width: 4.4rem;
    }
    .sa_collection_details_header img{
        max-width: 10rem;
    }
    .sa_collection_details_header{
        align-items: center;
    }
    .sa_collection_details_header .invoice_item{
        margin: 0;
    }
    .sa_collection_details_header p{
        font-size: 1.2rem;
    }
    .sa_collection_details_header p:last-child{
        font-weight: 500;
        text-align: end;
    }
    .sa_payment_link_collection_details_row .invoice_item .item_left p,.sa_payment_link_collection_details_row .invoice_item .item_rgt p{
        font-size: 1.2rem;
    }
    .sa_payment_link_collection_details_row .invoice_item .item_rgt p{
        font-weight: 500;
    }
    .sa_collection_details_amt_status p{
        font-size: 1.2rem;
    }
    .invoice_content_top_sec .statusCommON{
        font-size: 1.2rem;
        padding: .6rem;
    }
    .invoice_content_top_sec .flex.gap24{
        gap:.4rem !important;
    }
    .sa_payment_link_collection_details .sa_intro_basic_align p{
        color: #5D5D5D;
        font-weight: 500;
        font-size: 1.2rem;
    }
    .invoice_item{
        flex-direction: column;
        align-items: start !important;
    }
    .sa_payment_link_collection_details_row .col-6.alignRightSec .invoice_item{
       align-items: end !important;
    }

    .sa_payment_link_collection_details_row .invoice_item .item_left span{
        display: none;
    }
    .expense_nodata__inner__sc.expense_nodata__inner__sc {
        grid-column: 1 / -1;
        height: 44rem;
    }
    .main__container {
        padding: 2rem;
    }
    body {
        overflow-y: hidden !important;
     }
    .gstr__about__row__sc {
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem;
    }

    .gstr__about__items__sc img {
        width: 8rem;
        height: 8rem;
    }

    .gstr__steps__section__sc {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .gstr__steps__section__box__left__sc {
        padding: 2rem;
    }

    .gstr__steps__section__box__sc {
        flex-direction: column;
    }

    .gstr__steps__section__box__right__sc {
        align-items: center;
        width: 100%;
        justify-content: center;
    }

    .gstr__table__top__row__left__sc {
        flex-direction: column;
        gap: 0.4rem;
        align-items: start;
    }

    .gstr__table__top__row__center__sc p {
        display: none;
    }

    .gstr__table__top__row__center__sc {
        padding: 0.4rem 0.6rem;
        background: var(--bg_white);
    }

    .gstr__file__push__btn__sc {
        display: none;
    }

    .gstr__filter__btn__sc p {
        display: none;
    }

    .gstr__filter__btn__sc {
        background: var(--bg_white);
        width: 4.4rem;
        height: 4.4rem;
    }

    .gstr__filter__btn__sc svg {
        width: 1.6rem;
        height: auto;
    }

    .main__layout .main__container {
        background: var(--theme_bg_color);
    }
    .main__layout.mob__footer__notrequired__sc .main__container {
        background: var(--theme_bg_color);
        height: 100%;
    }

    .gstr__table__main__sc,
    .gstr__table__top__row__sc {
        background: transparent;
        border: none;
        box-shadow: none;
    }

    .gstr__file__push__mob__btn__sc {
        display: flex;
        background: var(--bg_white);
        width: 4.4rem;
        height: 4.4rem;
    }

    .gstr__table__sc tbody tr td {
        background: var(--bg_white);
    }

    .gstr__table__box__sc {
        padding: 0;
        border: none;
    }

    .gstr__table__sc tbody tr.gstr__table__nodate__row__sc td {
        padding: 6rem 1rem;
    }

    .gstr__table__nodate__sc img {
        width: 14rem;
        height: auto;
    }

    .gstr__file__push__mob__btn__sect__sc {
        position: relative;
    }

    .gstr__file__push__mob__btn__cont__sc {
        position: absolute;
        inset: 6rem 0 auto auto;
        padding: 1rem;
        box-shadow: var(--box_shadow);
        border: 3px solid var(--bg_white);
        background: var(--box_bg);
        -webkit-backdrop-filter: blur(25px);
        backdrop-filter: blur(25px);
    }
    .sa_collection_details_header .invoice_item{
        align-items: end !important;
    }
    .gstr__file__return__btn__sc {
        height: 4.4rem;
        margin-bottom: 1rem;
    }

    .gstr__pushGSTR__btn__sc {
        height: 4.4rem;
    }

    .connect__accounting__software__main__sc {
        grid-template-columns: 1fr;
    }

    .connect__accounting__software__main__left__inner__sc {
        position: unset;
        width: 100%;
        background: transparent;
    }

    .CAS__right__video__sect__sc {
        max-width: 50rem;
    }

    .connect__accounting__software__left__body__sc {
        background: var(--bg_white);
    }

    .connect__accounting__software__main__right__sc {
        display: none;
    }

    .connect__accounting__software__main__right__sc.mob__show__sc {
        display: block;
    }

    .connect__accounting__software__left__body__sc.mob__show__sc {
        display: none;
    }
    .btn_center_nodata.btn_center_nodata {
        padding-top: 1.6rem;
    }
    .CAS__right__video__sect__sc {
        display: none;
    }

    .CAS__right__mob__video__sect__sc video {
        width: 100%;
    }

    .connect__accounting__software__main__sc {
        gap: 1.6rem;
    }

    .gstr__mob__left__header__sc,
    .gstr__mob__right__header__sc {
        position: fixed;
        inset: 0 0 auto 0;
        z-index: 1051;
        height: 4.8rem;
        background: var(--bg_white);
        padding: 0 1.2rem;
        display: flex;
        align-items: center;
    }

    .connect__accounting__software__left__header__sc svg {
        display: none;
    }

    .connect__accounting__software__main__left__inner__sc {
        padding: 2rem;
    }

    .connect__accounting__software__left__items__sc.active {
        border: none;
        border-left: none;
    }

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

    .connect__accounting__software__main__left__inner__sc {
        box-shadow: none;
    }

    .connect__accounting__software__right__header__sc {
        margin-top: 2rem;
    }

    .desh__img__gstr__sc {
        display: none;
    }

    .mob__img__gstr__sc {
        display: block;
        width: 20rem;
    }

    .banking__main__right__sc {
        display: none;
    }

    .banking__main__sc {
        grid-template-columns: 1fr;
        padding:0rem;
    }

    .banking__main__left__sc {
        padding:0;
        box-shadow: none;
        background: transparent;
    }
    .main__layout .banking__main__container__sc {
        overflow-y: auto;
    }
    .banking__main__left__sc {
        overflow-y: auto;
    }
    .bank__card__section__sc {
        padding: 1.6rem;
        margin-bottom: 2rem;
    }
    .payment_gateway_card__box__sc .payment_gateway_image img {
        width: 26rem;
    }

    .main__header__row__sc {
        display: none;
    }

    .main__header {
        height: 5rem;
        box-shadow: 0px 4px 8px 0px #0000000F;
        display: flex;
        align-items: center;
        width: 100%;
        background: var(--bg_white);
    }

    .main__layout {
        grid-template-rows: 5rem 1fr;
    }

    .mobile__header__sc, .mobile__innerPage__header__sc {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .mob__header__menu__icon__sc {
        width: 2rem;
        height: auto;
    }

    .mob__header__page__name__sc {
        display: flex;
        align-items: center;
    }

    .mob__header__page__name__sc p {
        font-size: 1.4rem;
    }

    .banking__main__right__sc.open__div__sc {
        display: block;
    }

    .banking__main__left__sc.open__div__sc {
        display: none;
    }

    .mob__bank__inner__back__sc svg,
    .mob__back__sc svg {
        width: 2rem;
        height: auto;
    }

    .mob__bank__inner__back__sc,
    .mob__back__sc.mob__back__sc {
        background: var(--bg_white);
        box-shadow: 0px 4px 8px 0px #0000000F;
        position: fixed;
        inset: 0 0 auto 0;
        height: 5rem;
        display: flex;
        align-items: center;
        z-index: 1051;
        padding: 0 1.2rem;
    }

    .banking__main__right__top__logo__sc {
        display: none;
    }

    .banking__no__date__section__sc {
        height: 100%;
        padding: 3rem 0;
    }

    .banking__no__date__img__sc {
        width: 11rem;
    }

    .popup__container__sc {
        width: 90%;
    }

    .popup__overlay__sc {
        z-index: 1051;
    }

    .side__popup__container__sc {
        inset: 0rem 0 0 auto;
    }

    .side__popup__section__sc {
        height: calc(100dvh - 0rem);
    }

    .expenses__member__row__sc {
        grid-template-columns: repeat(2, 1fr);
    }

    .ex__mamber__details__main__right__sc {
        display: none;
    }

    .ex__mamber__details__main__sc {
        grid-template-columns: 1fr;
    }

    .ex__mamber__details__main__sc {
        padding: 1rem;
    }

    .ex__mamber__details__main__left__sc {
        padding: 2rem;
    }

    .ex__mamber__details__main__left__body__sc {
        height: 100%;
    }

    .desktop__view__sc {
        display: none;
    }

    .mob__view__sc.mob__view__sc {
        display: flex;
    }

    .mob__create__expenses__mem__btn__sc.mob__create__expenses__mem__btn__sc {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 5rem;
        height: 5rem;
        background: var(--primary_dark);
        position: fixed;
        inset: auto 2.2rem 8.4rem auto;
        border-radius: 5rem;
    }

    .ex__mamber__details__main__left__sc.active {
        display: none;
    }

    .ex__mamber__details__main__right__sc.active {
        display: flex;
    }

    .mob__expenses__submit__btn__sc {
        background: var(--primary_dark);
        width: 100%;
        height: 4.4rem;
    }

    .mob__expenses__submit__btn__sect__sc {
        position: fixed;
        inset: auto 0 0 0;
        padding: 1.4rem 1.2rem;
        background: var(--bg_white);
        z-index: 1053;
    }

    .ex__mamber__details__main__right__sc {
        height: calc(100vh - 15rem);
    }

    .ticket__search__sect__sc {
        width: 100%;
        margin-bottom: 1.2rem;
    }

    .ticket__table__section__sc {
        overflow-x: auto;
    }

    .ticket__table__section__sc::-webkit-scrollbar {
        display: none;
    }

    .ticket__table__sc tbody tr td,
    .ticket__table__sc thead tr th {
        width: auto;
        text-wrap: nowrap;
    }

    .ticket__mob__btns__sect__sc {
        position: fixed;
        inset: auto 0 0 0;
        padding: 1rem 1.2rem;
        display: flex;
        align-items: center;
        gap: 1.2rem;
        background: var(--bg_white);
    }

    .mob__export_ticket__brn__sc,
    .mob__create__ticket__brn__sc {
        flex: 1;
        height: 4.4rem;
    }

    /* .ticket__main__sc {
        height: calc(100vh - 14rem);
        overflow-y: auto;
    } */

    .tickets__details__main__sc {
        grid-template-columns: 1fr;
        display: flex;
        flex-direction: column;
    }

    .tickets__details__main__left__sc {
        order: 2;
        flex: 1;
        overflow-y: auto;
        height: unset;
    }

    .tickets__details__main__right__sc {
        order: 1;
        height: unset;
    }

    .ticket__chat__ourside__row__sc {
        grid-template-columns: 40rem 5rem;
    }

    .ticket__chat__serverside__row__sc {
        grid-template-columns: 5rem 40rem;
    }

    .tickets__details__right__inner__sc {
        max-height: 100%;
        padding: 0;
    }

    .tickets__details__right__inner__body__sc {
        padding: 2rem;
        display: none;
    }

    .tickets__details__right__inner__sc.active .tickets__details__right__inner__body__sc {
        display: block;
    }

    .tickets__details__right__inner__sc.active .mob__ticket__toggle__sc svg {
        transform: rotate(-180deg);
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .mob__ticket__toggle__sc svg {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .tickets__details__right__details__sc {
        padding: 0;
    }

    .tickets__details__right__inner__body__sc h3 {
        margin-top: 0;
    }

    .mob__tickets__details__wrap__sc.mob__tickets__details__wrap__sc {
        height: calc(100dvh - 7.4rem);
    }
    .mob__tickets__details__wrap__sc.mob__tickets__details__wrap__sc.active {
        height: unset;
    }

    .exportTickets__status__popup__header__sc {
        padding: 2rem 2rem 0;
    }

    .exportTickets__status__popup__body__sc {
        padding: 1rem 2rem 2rem;
    }

    .exportTickets__status__popup__body__sc h3 {
        margin-bottom: 2rem;
    }

    .exportTickets__status__row__sc {
        margin-top: 2rem;
        margin-bottom: 3rem;
        grid-template-columns: repeat(3, 1fr);
    }

    .exportTickets__status__box__sc {
        gap: 2rem;
    }

    .mob__add__contact__search__sc {
        display: flex;
        align-items: center;
        gap: 1.2rem;
        padding: 1rem;
    }

    .add__item__search__sc {
        margin-bottom: 0;
        flex: 1;
    }

    .add__items__download__btn__sc {
        border: none;
    }

    .add__items__popup__body__right__sc {
        justify-content: start;
    }

    .mob__create__item__btn__sc {
        width: 5rem;
        height: 5rem;
        position: fixed;
        inset: auto 2rem 2rem auto;
        background: var(--primary_dark);
        border-radius: 6rem;
        z-index: 105;
    }

    .mob__create__item__btn__sc svg {
        width: 1.8rem;
        height: auto;
    }

    .add__contact__link__mob__sect__sc.add__contact__link__mob__sect__sc {
        display: grid;
        padding: 0 1.2rem;
        margin-bottom: 0;
    }
    .bulkupload__bank__detail__sc {
        margin-bottom: 1.6rem;
    }
    .bulkupload__bank__detail__sc h4 {
        margin-bottom: 1.6rem;
        text-align: center;
    }
    .bulkupload__bank__detailbox__sc {
        background: #F6F9FF;
        padding: 1rem 1.2rem;
    }
    .bulkupload__bank__detailbox__row__sc {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .bulkupload__bank__detailbox__col__sc h5 {
        margin-bottom: 0.2rem;
    }
    .bulkupload__bank__detailbox__row__sc {
        margin-bottom: 1.2rem;
    }
    .bulkupload__bank__detailbox__row__sc:last-child {
        margin-bottom: 0;
    }
    .bulkupload__bank__detail__sc:last-child {
        margin-bottom: 0;
    }
    /* dashboard css start */
    .dashboard__desktop__view {
        display: none;
    }
    .dashboard__mobile__view {
        display: block;
    }
    .mobile__header__left__inner__sc, .mobile__header__right__sc {
        display: flex;
        align-items: center;
    }
    .mobile__header__right__sc {
        gap: 1rem;
        justify-content: end;
    }
    .header__add__contact__sc img, .header__add__items__sc img, .header__notification__sc img {
        width: 2rem;
    }
    .header__add__contact__sc, .header__add__items__sc, .header__notification__sc {
        width: 3.2rem;
        height: 3.2rem;
    }
    .hdr__notifi__cout__sc {
        width: 1.2rem;
        height: 1.2rem;
        inset: 0.3rem 0.4rem auto auto;
    }
    .hdr__notifi__cout__sc span {
        font-size: 0.8rem;
    }
    .mob__header__search__btn__sc {
        background-color: var(--theme_bg_color);
        width: 3.2rem;
        height: 3.2rem;
        border-radius: 6rem;
    }
    .mob__header__search__btn__sc svg {
        width: 2rem;
        height: auto;
    }
    .mobile__header__left__img__sc {
        width: 4rem;
        height: 4rem;
    }
    .mobile__header__left__inner__sc {
        gap: 0.4rem;
        flex: 1;
    }
    .mobile__header__left__cont__sc p {
        color: #3A3A3A;
        margin-top: 0.4rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 13rem;
    }
    .mobile__header__left__cont__sc h4 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 12rem;
    }
    .mobile__header__left__img__box__sc {
        flex: 0 0 auto;
    }
    .mob__card__box__sc {
        border: 2px solid var(--bg_white);
        background: linear-gradient(86.48deg, #FFD1E0 0.91%, #FFF1F5 25.54%, #FFFFFF 58.53%, #D0EEFF 99.42%);
        padding: 0.6rem 1.2rem;
    }
    .mob__card__boxwallat__left__sc h4, .mob__card__boxACno__row__cont__sc h4 {
        margin-bottom: 0.4rem;
        font-size: 1rem;
        color: #3A3A3A;
    }
    .mob__card__boxwallat__left__sc p {
        font-size: 1.8rem;
    }
    .mob__card__boxwallat__row__sc {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 1.2rem;
    }
    .mob__card__boxwallat__right__sc {
        display: flex;
        align-items: center;
        gap: 1.2rem;
        justify-content: end;
    }
    .mob__card__boxwallat__rightIcon__1__sc {
        width: 3rem;
        height: auto;
    }
    .mob__card__boxwallat__rightIcon__2__sc {
        width: 1rem;
        height: auto;
    }
    .mob__card__boxACno__row__sc {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 1.2rem;
    }
    .mob__card__boxACno__row__cont__sc p {
        font-size: 1.2rem;
    }
    .mob__card__boxbtn__row__sc {
        padding: 0 0.4rem;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1.6rem;
    }
    .mob__card__boxbtns__sc {
        display: flex;
        align-items: center;
        gap: 0.8rem;
        padding: 0.3rem;
        background: var(--bg_white);
        border: 0.5px solid var(--primary_dark);
        box-shadow: 0px 2px 8px 0px #0000001A;
        border-radius: 6rem;
    }
    .mob__card__boxbtns__arrow__sc {
        width: 2.6rem;
        height: 2.6rem;
        background: var(--primary_dark);
        border-radius: 6rem;
    }
    .mob__card__boxbtns__sc p {
        font-size: 1.2rem;
    }
    .mob__card__boxbtns__arrow__sc svg {
        width: 1.4rem;
        height: auto;
    }
    .mob__wallatbank__ac__dp__head__sc {
        padding: 0.6rem 1.2rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .mob__wallatbank__ac__dp__sc {
        background-image: url('../images/dashboard/mob_wallat_bg.svg');
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .mob__wallatbank__ac__dp__head__sc h5 {
        font-size: 1rem;
    }
    .mob__wallatbank__ac__dp__head__sc svg {
        width: 1.6rem;
        height: auto;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    .mob__wallatbank__ac__dp__body__sc {
        padding: 0.8rem 1.2rem;
    }
    .mob__wallatbank__achead__row__sc h4 {
        font-size: 1.2rem;
    }
    .mob__wallatbank__achead__row__sc {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 0.8rem;
    }
    .mob__wallatbank__achead__view__sc {
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }
    .mob__wallatbank__achead__view__sc p {
        font-size: 1rem;
    }
    .mob__wallatbank__achead__view__sc svg {
        width: 1.4rem;
        height: auto;
    }
    .mob__wallatbank__acslide__row__sc {
        display: grid;
        grid-template-columns: 1fr 3.2rem;
        gap: 1rem;
        align-items: center;
        overflow: hidden;
        margin-bottom: 1.6rem;
    }
    .mob__wallatbank__acslide__right__sc svg {
        width: 3.2rem;
        height: auto;
    }
    .mob__wallatbank__acslide__sc {
        display: flex;
        align-items: center;
        gap: 0.8rem;
        overflow: auto;
    }
    .mob__wallatbank__acslide__sc::-webkit-scrollbar {
        display: none;
    }
    .mob__card__boxwallat__slideIcon__sc {
        width: 3.2rem;
        height: auto;
    }
    .mob__wallatbank__acslide__left__sc {
        display: flex;
        align-items: center;
        gap: 0.6rem;
        justify-content: space-between;
    }
    .mob__wallatbank__acslide__arrow__sc {
        background: linear-gradient(270deg, #FFFFFF 45.68%, rgba(255, 255, 255, 0.77) 72.35%, rgba(255, 255, 255, 0) 100%);
    }
    .mob__wallatbank__acslide__arrow__sc svg {
        width: 1.8rem;
    }
    .mob__wallatbank__acslide__items__sc {
        flex: 0 0 auto;
    }
    .mob__wallatbank__activeAc__btn__sc {
        padding: 0.6rem 1.2rem;
        background: var(--bg_white);
        border: 0.5px solid var(--primary_dark);
        box-shadow: 0px 0px 20px 0px #0000000F;
        border-radius: 6rem;
        font-size: 1.2rem;
        flex: 0 0 auto;
    }
    .mob__wallatbank__activeAc__row__sc {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.8rem;
    }
    .mob__wallatbank__activeAc__cont__sc h4 {
        font-size: 1.2rem;
        margin-bottom: 0.4rem;
    }
    .mob__wallatbank__activeAc__cont__sc p {
        font-size: 1rem;
        color: var(--video__cnt);
    }
    .mob__wallatbank__ac__dp__head__sc.active svg {
        transform: rotate(-180deg);
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    .mob__resentTransaction__section__sc {
        margin-top: 2.4rem;
    }
    .mob__resentTran__head__sc h4 {
        color: #070A2180;
        font-size: 1.2rem;
    }
    .mob__resentTran__head__sc {
        margin-bottom: 1.2rem;
    }
    .mob__resentTran__items__sc {
        background: var(--bg_white);
        border-bottom: 1px solid var(--border_color__sc);
        padding: 1rem 1.2rem;
        display: flex;
        align-items: center;
        gap: 1.2rem;
    }
    .mob__resentTran__items__left__sc {
        flex: 1;
    }
    .mob__resentTran__items__right__sc {
        flex: 0 0 9.4rem;
    }
    .mob__resentTran__status__sc.mob__resentTran__status__sc {
        padding: 0.5rem 1rem;
        border-radius: 6rem;
        /* width: 100%; */
        text-align: center;
    }
    .mob__resentTran__status__sc p {
        font-size: 1rem;
    }
    .mob__resentTran__status__cancelled__sc {
        background: #ECF6FF;
    }
    .mob__resentTran__status__cancelled__sc p {
        color: var(--paymentdue);
    }
    .mob__resentTran__items__left__sc {
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: center;
        gap: 1.2rem;
    }
    .resent__icon__sc {
        width: 2.8rem;
    }
    .mob__resentTran__items__left__profCont__sc h5, .mob__resentTran__items__left__amnt__sc h5 {
        font-size: 1.2rem;
        margin-bottom: 0.4rem;
    }
    .mob__resentTran__items__left__prof__sc {
        display: grid;
        grid-template-columns: 2.8rem 1fr;
        align-items: center;
        gap: 0.6rem;
    }
    .mob__resentTran__items__left__profCont__sc p, .mob__resentTran__items__left__amnt__sc p {
        font-size: 1rem;
        color: var(--prara__medium);
    }
    .mob__resentTran__body__sc {
        max-height: 27rem;
        overflow: auto;
    }
    .mob__resentTran__body__sc::-webkit-scrollbar {
        display: none;
    }
    .mob__finances__section__sc {
        margin-top: 2.4rem;
    }
    .mob__finances__slider__items__sc img {
        width: 100%;
    }
    .mob__finances__slider__items__sc {
        width: 90%;
    }
    .mob__reimbursements__section__sc {
        border: 2px solid var(--bg_white);
        background: radial-gradient(50% 50% at 50% 50%, #FFFFFF 25.5%, rgba(255, 255, 255, 0.6) 100%);
        box-shadow: -4.57px 4.57px 4.57px 0px #00000003;
        box-shadow: 4.57px -4.57px 4.57px 0px #00000003;
        padding: 0.8rem;
        margin-top: 2.4rem;
    }
    .mob__reimbursements__head__sc h4 {
        font-size: 1.4rem;
    }
    .mob__reimbursements__head__sc {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 1.2rem;
    }
    .mob__reimbursements__dp__sect__sc {
        position: relative;
    }
    .mob__reimbursements__dp__head__sc {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.4rem;
        background: var(--bg_white);
        border: 1px solid var(--border_color__sc);
        padding: 0.6rem 0.8rem;
        border-radius: 5rem;
    }
    .mob__reimbursements__dp__head__sc svg {
        width: 1.4rem;
        height: auto;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    .mob__reimbursements__dp__head__sc p {
        font-size: 1rem;
    }
    .mob__reimbursements__dp__head__sc.active svg {
        transform: rotate(-180deg);
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    .mob__reimbursements__dp__body__sc {
        padding: 0.6rem;
        background: var(--box_bg);
        border-radius: 0.4rem;
        width: 12rem;
        box-shadow: 0px 0px 10px 0px #0000001A;
        border: 1px solid var(--bg_white);
        backdrop-filter: blur(10px);
        position: absolute;
        top: 3rem;
        right: 0;
    }
    .mob__reimbursements__dp__body__sc ul li {
        padding: 0.4rem;
        font-size: 1rem;
    }
    .mob__reimbursements__dp__body__sc ul li:hover {
        background: #6565651A;
    }
    .mob__reimbursements__body__sc {
        display: flex;
    }
    .mob__reimbursements__body__item__sc {
        padding: 1rem;
    }
    .mob__reimbursements__body__item__trqt__sc {
        border: 0.5px solid #D3EEFF;
        margin-bottom: 1rem;
    }
    .mob__reimbursements__body__itemrow__sc {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.8rem;
        margin-bottom: 0.6rem;
    }
    .mob__reimbursements__body__itemrow__cont__sc svg {
        width: 1.9rem;
        height: auto;
    }
    .mob__reimbursements__body__itemrow__cont__sc p {
        color: var(--flip__info__list);
        font-size: 1.2rem;
    }
    .mob__reimbursements__body__itemrow__cont__sc {
        display: flex;
        align-items: center;
        gap: 0.8rem;
    }
    .mob__reimbursements__body__itemrow__count__sc {
        width: 1.8rem;
        height: 1.8rem;
        border-radius: 5rem;
        flex: 0 0 auto;
    }
    .mob__reimbursements__body__itemrow__trqt__sc {
        background: #6C9DEC;
    }
    .mob__reimbursements__body__itemrow__count__sc p {
        font-size: 0.8rem;
    }
    .mob__reimbursements__body__right__sc {
        flex: 1;
    }
    .mob__reimbursements__body__item__sc h4 {
        color: var(--primary_btn_clr);
        font-size: 1.2rem;
    }
    .mob__reimbursements__body__item__adrqst__sc {
        border: 0.5px solid #C8EF9E;
        margin-bottom: 1rem;
    }
    .mob__reimbursements__body__itemrow__adrqst__sc {
        background: #81DA23;
    }
    .mob__reimbursements__body__item__pdgrqst__sc {
        border: 0.5px solid #FAEAAE;
    }
    .mob__reimbursements__body__itemrow__pdgrqst__sc {
        background: #F3CB37;
    }
    .mob__viewpr__btn__sc {
        margin-top: 1.2rem;
        width: 100%;
        height: 4rem;
        background-color: var(--primary_dark);
        font-size: 1.4rem;
        border-radius: 5rem;
    }
    .mob__ecosystem__section__sc {
        margin-top: 2.4rem;
    }
    .mob__ecosystem__row__sc {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }
    .mob__ecosystem__items__tp__sc {
        background: #E7F4FC;
        border: 1px solid #D3EEFF;
    }
    .mob__ecosystem__items__left__sc {
        padding: 0.8rem 0 0.8rem 0.8rem;
    }
    .mob__ecosystem__items__left__sc h5 {
        margin-bottom: 0.4rem;
    }
    .mob__ecosystem__items__left__sc h5 {
        font-size: 1rem;
        color: #7C9DB2;
        margin-bottom: 0.4rem;
    }
    .mob__ecosystem__items__left__sc p {
        font-size: 1.4rem;
    }
    .mob__ecosystem__items__sc {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .mob__ecosystem__items__tc__sc {
        background: #FFF5CD;
        border: 1px solid #FAEAAE;
    }
    .mob__ecosystem__items__tc__sc .mob__ecosystem__items__left__sc h5 {
        color: #B6AC80;
    }
    .mob__ecosystem__items__tsc__sc {
        background: #DBDEF8;
        border: 1px solid #BEC3EE;
    }
    .mob__ecosystem__items__tsc__sc .mob__ecosystem__items__left__sc h5 {
        color: #8186AD;
    }
    .mob__ecosystem__items__tv__sc {
        background: #FADCE6;
        border: 1px solid #E7C0CD;
    }
    .mob__ecosystem__items__tv__sc .mob__ecosystem__items__left__sc h5 {
        color: #C992A5;
    }
    .mob__footer__sc {
        position: fixed;
        inset: auto 1.2rem 1rem;
        background-color: var(--bg_white);
        box-shadow: 0px -4px 8px 0px #0000000F;
        height: 6rem;
        padding: 0 1.6rem;
        border-radius: 6rem;
        z-index: 1052;
        display: flex;
        align-items: center;
    }
    .mob__footer__inner__sc {
        display: grid;
        align-items: center;
        grid-template-columns: repeat(3, 1fr);
        gap: 1.6rem;
        width: 100%;
        position: relative;
    }
    .nav__indicator__sc {
        width: 2.4rem;
        height: 0.4rem;
        border-radius: 0 0 3rem 3rem;
        background: linear-gradient(127.83deg, #4F8820 13.26%, #80AA0D 84.75%);
    }
    .mob__footer__activebar__sc {
        position: absolute;
        top: -0.5rem;
        left: 0;
        transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.175);
        display: flex;
        justify-content: center;
    }
    .mob_footer_icon__sc {
        width: 2rem;
        height: auto;
    }
    .mob__footer__items__more__sc {
        width: 5rem;
        height: 5rem;
        border-radius: 10rem;
        background: linear-gradient(127.83deg, #4F8820 13.26%, #80AA0D 84.75%);
    }
    .mob__footer__items__afterActive__sc {
        display: none;
    }
    .mob__footer__items__anim__sc.is__active__sc .mob__footer__items__beforeActive__sc {
        display: none;
    }
    .mob__footer__items__anim__sc.is__active__sc .mob__footer__items__afterActive__sc {
        display: block;
    }
    .mob__footer__items__animremove__sc.active_rotate img {
        transform: rotate(-135deg);
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    .mob__footer__items__animremove__sc img {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    .mob__sidebar__popup__sc {
        position: fixed;
        inset: 0;
        width: 100%;
        height: 100dvh;
        background: var(--theme_bg_color);
        z-index: 1051;
        transform: translateX(-100dvw);
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        transition: all 0.5s ease;
        -webkit-backdrop-filter: blur(25px);
        backdrop-filter: blur(25px);
        display: block;
    }
    .expense__no__data__container {
        overflow: hidden auto;
    }
    .mob__sidebar__popup__sc.is__open__sc {
        transform: translateX(0);
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
    .mob__sidebar__popup__container__sc {
        display: grid;
        grid-template-columns: 8rem 1fr;
        height: 100%;
    }
    .mob__sidebar__popup__left__sc {
        width: 100%;
        background: var(--bg_white);
    }
    .mob__sidebar__popup__left__inner__sc {
        max-height: calc(100dvh - 8rem);
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    .mob__sidebar__popup__logo__sc {
        width: 100%;
        height: 7.6rem;
    }
    .mob__sidebar__popup__logoIcon__sc {
        width: 4.4rem;
        height: auto;
    }
    .mob__sidebar__popup__menus__sc {
        flex: 1;
        overflow-y: auto;
        padding: 0.5rem 0.2rem 0.5rem 0.5rem;
        display: flex;
        align-items: center;
        flex-direction: column;
        gap: 1.6rem;
        width: 100%;
    }
    .left__sidebar__normal__img__sc, .left__sidebar__hover__img__sc {
        width: 4.2rem;
        height: auto;
    }
    .mob__sidebar__popup__menu__item__sc p {
        font-size: 0.9rem;
    }
    .mob__sidebar__popup__menu__item__sc {
       display: flex;
       align-items: center;
       flex-direction: column;
       gap: 0.3rem;
    }
    .mob__sidebar__popup__right__sc {
        max-height: calc(100dvh - 7rem);
        display: flex;
        align-items: center;
        flex-direction: column;
        padding: 3.2rem 2.4rem 2rem;
        gap: 2.4rem;
    }
    .mob__sidebar__popup__right__sc h3 {
        font-size: 1.4rem;
        text-decoration: underline;
    }
    .mob__sidebar__popup__linkBox__head__sc h4 {
        font-size: 1.4rem;
    }
    .mob__sidebar__popup__linkBox__head__sc {
        display: flex;
        align-items: center;
        gap: 1.2rem;
        width: 100%;
        margin-bottom: 1.4rem;
    }
    .mob__sidebar__popup__linkBox__headLine__sc {
        border-bottom: 0.5px solid #9DC588;
        flex: 1;
    }
    .mob__sidebar__popup__rightBody__sc {
        width: 100%;
    }
    .mob__sidebar__popup__linkBox__body__sc {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1.2rem;
    }
    .mob__sidebar__popup__link__sc {
        padding: 1rem 1.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 0.8rem;
        background: #FFFFFF4D;
        border: 1px solid var(--bg_white);
    }
    .mob__sidebar__popup__link__sc p {
        font-size: 1.1rem;
    }
    .mob__sidebar__popup__rightBody__linkBox__sc {
        margin-bottom: 2.4rem;
    }
    .mob__sidebar__popup__rightBody__sc {
        flex: 1;
        overflow-y: auto;
    }
    .left__sidebar__hover__kyc__box__sc {
        border: 1px solid var(--bg_white);
    }
    .mob__sidebar__popup__link__sc svg {
        width: 2rem;
        height: auto;
    }
    .left__sidebar__hover__kyc__box__img__sc {
        margin-bottom: 0;
    }
    .integration__lft__btn__sc {
        display: flex;
        padding: 0.4rem 1rem;
    }
    .mob__sidebar__popup__menu__item__sc.side__active__sc .left__sidebar__normal__img__sc {
        display: none;
    }
    .mob__sidebar__popup__menu__item__sc.side__active__sc .left__sidebar__hover__img__sc {
        display: block;
    }
    .mob__search__popup__container__sc {
        width: 100%;
        background: var(--theme_bg_color);
        height: 100dvh;
        position: absolute;
        inset: 0;
    }
    .mob__search__popup__sc.side__popup__overlay__sc {
        z-index: 1052;
    }
    .mob__search__popup__section__sc {
        display: flex;
        flex-direction: column;
        height: 100%;
    }
    .mob__search__popup__body__sc {
        flex: 1;
        overflow-y: auto;
    }
    .mob__search__popup__head__sc {
        background: var(--bg_white);
        box-shadow: 0px 4px 8px 0px #0000000F;
        height: 5rem;
        display: flex;
        align-items: center;
        gap: 1.2rem;
        padding: 0 1.2rem;
    }
    .mob__search__back__sc {
        width: 2rem;
        height: auto;
    }
    .mob__search__popup__head__sc h3 {
        font-size: 1.4rem;
    }
    .mob__search__box__sc {
        padding: 0.8rem 1.2rem;
        background: var(--bg_white);
    }
    .mob__search__contr__sc {
        background: #F0F0F0;
        padding: 0.8rem 1rem;
        width: 100%;
        display: flex;
        align-items: center;
        gap: 0.9rem;
    }
    .mob__search__contr__sc input::placeholder {
        font-size: 1.2rem;
        font-weight: 400;
        color: var(--primary_light);
    }
    .mob__search__contr__sc input {
        background: transparent;
        width: 100%;
        height: 100%;
        outline: none;
        border: none;
        font-size: 1.4rem;
    }
    .mob__recently__search__box__sc {
        padding: 1.2rem;
    }
    .mob__recently__search__head__sc {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 1.2rem;
    }
    .mob__recently__search__head__sc h4, .mob__recently__search__head__sc a {
        font-size: 1.2rem;
    }
    .mob__recently__search__row__sc {
        display: flex;
        gap: 0.5rem;
        align-items: center;
        flex-wrap: wrap;
    }
    .mob__recently__search__item__sc {
        padding: 0.6rem 1rem;
        border: 1px solid #C2C2C24F;
        display: flex;
        align-items: center;
        gap: 0.6rem;
        border-radius: 6rem;
    }
    .mob__recently__search__item__sc p, .mob__recently__search__item__sc span {
        font-size: 1rem;
    }
    .header__search__quick_action__sc {
        padding: 1.2rem;
        background: var(--bg_white);
    }
    .header__search__quick_action__row__sc {
        gap: 0.6rem;
    }
    .header__search__quick_action__item__sc {
        padding: 0.6rem;
        gap: 0.4rem;
        border-radius: 0.4rem;
    }
    .header__search__quick_action__item__sc img {
        width: 2rem;
        height: auto;
    }
    .header__search__quick_action__item__sc span {
        font-size: 1rem;
    }
    .header__search__integration__row__sc {
        gap: 0.4rem;
    }
    .header__search__payment__hub__row__sc {
        display: flex;
        gap: 0.6rem;
        overflow-x: auto;
    }
    .header__search__payment__hub__row__sc::-webkit-scrollbar {
        display: none;
    }
    .header__search__payment__hub__item__sc {
        padding: 0.8rem;
        width: 11rem;
        flex: 0 0 auto;
    }
    .header__search__payment__hub__item__sc img {
        width: 1.8rem;
        height: auto;
    }
    .header__search__payment__hub__item__sc p {
        font-size: 1rem;
    }
    .header__search__business_option__sc {
        background: var(--bg_white);
        padding: 1.2rem;
    }
    .header__search__business_option__items__cont__sc h5 {
        margin-bottom: 0;
        font-size: 1rem;
    }
    .header__search__business_option__row__sc {
        display: flex;
        gap: 0.6rem;
        margin-bottom: 0;
        border-bottom: 1px solid #F3F3F3;
        padding-bottom: 1.2rem;
        overflow-x: auto;
        margin-bottom: 1.2rem;
    }
    .header__search__business_option__row__sc::-webkit-scrollbar {
        display: none;
    }
    .header__search__business_option__row__sc:last-child {
        padding-bottom: 0;
        border-bottom: 0;
        margin-bottom: 0;
    }
    .header__search__business_option__items__sc {
        padding: 0.6rem;
        gap: 0.4rem;
        align-items: center;
        flex: 0 0 auto;
    }
    .header__search__business_option__items__sc img {
        width: 1.8rem;
        height: auto;
    }
    .mob__profile__popup__sc.mob__profile__popup__overlay__sc {
        z-index: 1052;
        transform: translateX(-100dvw);
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        transition: all 0.5s ease;
        -webkit-backdrop-filter: blur(25px);
        backdrop-filter: blur(25px);
        display: block;
    }
    .mob__profile__popup__sc.is__open__sc {
        transform: translateX(0);
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
    .mob__profile__popup__body__sc {
        padding: 1.2rem;
    }
    .mob__profile__popupimg__1__sc {
        width: 6.8rem;
        height: auto;
    }
    .mob__profile__popuprow__sc {
        display: flex;
        align-items: center;
        gap: 0.6rem;
        margin-bottom: 2.4rem;
    }
    .mob__profile__popupcont__sc h4 {
        font-size: 1.6rem;
        margin-bottom: 0.4rem;
    }
    .mob__profile__popupcont__sc p {
        color: #3A3A3A;
        font-size: 1.2rem;
    }
    .mob__profile__popuplink__box__sc {
        width: 100%;
        margin-bottom: 2.4rem;
    }
    .mob__profile__popuplink__head__sc {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 1.2rem;
        margin-bottom: 1.4rem;
    }
    .mob__profile__popuplink__headline__sc {
        flex: 1;
        border-bottom: 0.5px solid #9DC588;
    }
    .mob__profile__popuplink__head__sc h5 {
        font-size: 1.4rem;
    }
    .mob__profile__popuplink__row__sc {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1.2rem;
    }
    .mob__profile__popuplink__items__sc {
        background: #FFFFFF4D;
        border: 1px solid var(--bg_white);
        padding: 0.9rem;
        height: 8rem;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 0.8rem;
    }
    .mob__profile__linkImg__sc {
        width: 1.8rem;
        height: auto;
    }
    .mob__profile__popuplink__items__sc p {
        font-size: 1.1rem;
    }
    .mob__profile__popuplink__items__sc svg {
        width: 2rem;
        height: auto;
    }
    .mob__profile__popupfootlink__box__sc {
        padding: 1.2rem 0;
        background: #FFFFFF21;
        border: 1px solid #FFFFFF8C;
    }
    .mob__profile__popupfootlink__link__sc {
        padding: 1.2rem 1.6rem;
        margin-bottom: 0.4rem;
        display: flex;
        align-items: center;
        gap: 1rem;
    }
    .mob__profile__popupfootlink__link__sc p {
        font-size: 1.6rem;
    }
    .mob__profile__popupfootlink__link__sc:last-child {
        margin-bottom: 0;
    }
    .mob__profile__popupfootlink__logoutlink__sc {
        background: #DC3A0A12;
    }
    .mob__footermenu__popup__overlay__sc {
        position: fixed;
        inset: 0;
        width: 100%;
        height: 100dvh;
        background: #E8E8E880;
        z-index: 1051;
        transform: translateY(100dvh);
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
    .mob__footermenu__popup__overlay__sc.is__open__sc {
        transform: translateX(0);
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
    .mob__footermenu__popup__container__sc {
        background: var(--theme_bg_color);
        box-shadow: 0px -1px 11px 0px #00000014;
        position: absolute;
        inset: auto 0 0 0;
        padding-bottom: 8rem;
        height: 80%;
        display: flex;
        flex-direction: column;
    }
    .mob__footermenu__headcont__sc {
        padding: 2.4rem;
    }
    .mob__footermenu__headcont__sc h4 {
        font-size: 1.4rem;
        margin-bottom: 1.2rem;
    }
    .mob__footermenu__headcont__sc p {
        color: #787878;
        font-size: 1.4rem;
    }
    .mob__footermenu__body__sc {
        padding: 0 2rem 1.6rem;
    }
    .mob__footermenu__itemImg__sc {
        width: 3.4rem;
        height: auto;
    }
    .mob__footermenu__item__sc p {
        color: var(--prara__medium);
        font-size: 1.2rem;
        margin-top: 0.3rem;
    }
    .mob__footermenu__item__sc {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        padding: 1rem 0.7rem;
        background: #FFFFFF4D;
        border: 1px solid var(--bg_white);
    }
    .mob__footermenu__body__sc .mob__profile__popuplink__row__sc {
        gap: 1rem;
    }
    .mob__footermenu__link__box__sc {
        margin-bottom: 0;
    }
    .mob__footermenu__body__sc {
        flex: 1;
        overflow-y: auto;
    }
    .mob__footermenu__clickbtn__sect__sc {
        display: flex;
        justify-content: center;
        width: 100%;
    }
    .mob__footermenu__clickbtn__sc {
        width: 3.8rem;
        height: 0.6rem;
        background: linear-gradient(127.83deg, #4F8820 13.26%, #80AA0D 84.75%);
        border-radius: 0 0 6rem 6rem;
    }
    .mob__footermenu__popup__sc {
        display: block;
    }
    .popup__overlay__sc, .side__popup__overlay__sc {
        z-index: 1053;
    }
    .mob__introslider__items__sc {
        display: flex;
        align-items: center;
        gap: 1rem;
        padding: 1.6rem 1rem;
    }
    .mob_intro__svg__animate__sc {
        width: 8rem;
        height: 8rem;
    }
    .mob__introslider__items__cont__sc h4 {
        color: var(--pure_black);
        margin-bottom: 0.5rem;
        font-size: 1.4rem;
    }
    .mob__introslider__items__cont__sc p {
        color: var(--primary_black);
        font-size: 1.2rem;
    }
    .mob__introslider__items__img__sc {
        flex: 0 0 auto;
    }
    .mob__introslider__items__1__sc {
        background: linear-gradient(90.75deg, #95ED99 0.6%, #A1ED95 99.4%);
    }
    .mob__introslider__section__sc {
        margin-top: 2.4rem;
        position: relative;
        padding-bottom: 1rem;
    }
    .mob__introslider__items__2__sc {
        background: linear-gradient(90.75deg, #95E2ED 0.6%, #CBFFEF 99.4%);
    }
    .mob__introslider__items__3__sc {
        background: linear-gradient(90.75deg, #BEEAFF 0.6%, #8DDAFF 99.4%);
    }
    .mob__introslider__items__4__sc {
        background: linear-gradient(90.75deg, #ED95A5 0.6%, #FCCEE1 99.4%);
    }
    .mob__introslider__items__5__sc {
        background: linear-gradient(90.75deg, #E0B5FB 0.6%, #F9D3FF 99.4%);
    }
    .mob__introslider__section__sc .swiper-horizontal>.swiper-pagination-bullets, .mob__introslider__section__sc .swiper-pagination-bullets.swiper-pagination-horizontal, .mob__introslider__section__sc .swiper-pagination-custom, .mob__introslider__section__sc .swiper-pagination-fraction {
        bottom: -1rem;
    }
    .mob__introslider__section__sc .swiper-pagination-bullet {
        width: 0.4rem;
        height: 0.4rem;
        background: #A1ED95;
        opacity: 1;
    }
    .mob__introslider__section__sc .swiper-pagination-bullet-active {
        background: #72CF63;
        width: 2.4rem;
        border-radius: 6rem;
    }
    .mobile__innerPage__header__left__sc {
        display: flex;
        align-items: center;
        gap: 0.8rem;
    }
    .AiGraphMobile ul::-webkit-scrollbar {
        display: none;
    }
    .Pageloader__sc {
        background-size: 15%;
    }
    .mob__financialTeam__section__sc {
        margin: 2.4rem 0;
    }
    .mob__financialTeam__row__sc {
        display: flex;
        align-items: center;
        gap: 1rem;
        padding-bottom: 1.4rem;
        overflow-x: auto;
    }
    .mob__financialTeam__row__sc::-webkit-scrollbar {
        display: none;
    }
    .mob__financialTeam__items__sc {
        background: var(--bg_white);
        border: 2.1px solid var(--bg_white);
        width: 7rem;
        height: 7rem;
        position: relative;
        border-radius: 6rem;
        flex: 0 0 auto;
    }
    .mob__financialTeam__items__sound__sc {
        position: absolute;
        width: 2.4rem;
        height: 2.4rem;
        border: 1.4px solid var(--bg_white);
        border-radius: 6rem;
        inset: auto auto -1.2rem 2rem;
    }
    .mob__financialTeam__items__1__sc .mob__financialTeam__items__sound__sc {
        background: #C2FFD3;
    }
    .mob__financialTeam__items__soundmute__sc, .mob__financialTeam__items__soundunmute__sc {
        width: 1.4rem;
        height: auto;
    }
    .mob__financialTeam__items__2__sc .mob__financialTeam__items__sound__sc {
        background: #C2E3FF;
    }
    .mob__financialTeam__items__3__sc .mob__financialTeam__items__sound__sc {
        background: #D4E2FE;
    }
    .mob__financialTeam__items__4__sc .mob__financialTeam__items__sound__sc {
        background: #E9E3FF;
    }
    .mob__financialTeam__items__5__sc .mob__financialTeam__items__sound__sc {
        background: #FFD0C3;
    }
    .mob__financialTeam__items__soundunmute__sc {
        display: none;
    }
    .mob__financialTeam__items__sound__sc.active .mob__financialTeam__items__soundunmute__sc {
        display: block;
    }
    .mob__financialTeam__items__sound__sc.active .mob__financialTeam__items__soundmute__sc {
        display: none;
    }
    .reconcile_nodata img {
        width: 12rem;
    }
    .reconcile_nodata {
        height: 25rem;
    }
    .coming__soon__main__container__inner__sc {
        grid-template-columns: 1fr;
    }
    .coming__soon__main__container__sc {
        display: block;
        padding: 4rem;
    }
    .coming__soon__main__left__sc, .coming__soon__main__right__sc {
        padding: 0;
    }
    .coming__soon__main__left__sc h3 {
        font-size: 3.6rem;
    }
    .main__container.main__container.coming__soon__sc {
        background-image: url(../images/coming_soon/coming_soon_bg_mob.svg);
    }
    .mob__card__boxwallat__left__amt__sc {
        display: flex;
        align-items: center;
        gap: 0.6rem;
    }
    .wallet__lock__icon.wallet__with__amount svg {
        width: 1.6rem;
        height: auto;
    }
    .wallet__lock__icon.wallet__with__amount {
        display: flex;
    }
    .intro__progress__container.intro__progress__container {
        width: 3.2rem;
        height: 3.2rem;
        margin: 0;
    }
    .intro__progress__container.intro__progress__container .circle-bg, .intro__progress__container.intro__progress__container .circle {
        stroke-width: 0.4rem;
    }
    .mob__unlock__account__row__sc {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.8rem;
    }
    .mob__unlock__account__cont__sc p {
        font-size: 1rem;
    }
    .mob__unlock__account__lock__sc img {
        width: 3.2rem;
        height: auto;
    }

    .mob__currentAc__nodata__contr__sc p {
        color: #3C3C3C;
        font-size: 1.2rem;
    }
    .mob__currentAc__nodata__contr__sc {
        display: flex;
        align-items: center;
        gap: 1rem;
    }
    .banking__main__right__table__sect__sc::-webkit-scrollbar {
        display: none;
    }
    .dashboard__main__container__sc, .paymentcustomer__main__container__sc {
        overflow-y: auto;
    }
    .left_content_item_img img {
        width: 4rem;
        height: 4rem;
    }
    .filter_btn_mobbox__sc {
        width: 4rem;
        height: 4rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #FFFFFF;
        box-shadow: -4px 0px 10px 0px #00000017;
    }
    .filter_btn_mobbox__sc svg {
        width: 1.6rem;
        height: auto;
    }
    .paycustomer__mob__stic__sc {
        z-index: 1;
    }
    .paycustomer__mob__stic__sc.mob__view__sc {
        display: table-cell;
    }
    .two__subtotals__sc {
        padding: 2rem 2rem 10rem;
    }
    .invoice__shipTo__sect__sc {
        margin-bottom: 1.6rem;
    }
    .bank__details__error__sc {
        font-size: 1.2rem;
        inset: auto auto -1.9rem 0;
    }
    .expenses__member__main__sc {
        overflow-y: auto;
    }
    .left__search__no_data_found_sc {
        height: 20rem;
    }
    .left__search__no_data_found_sc img {
        width: 4rem;
    }
    .mob_overflow__y__sc.mob_overflow__y__sc {
        overflow: hidden auto;
        height: 100%;
    }
    .mob__footer__notrequired__sc .mob__footer__sc {
        display: none;
    }
    .zoho_statistics_nodata_img_sc {
        width: 11.5rem;
    }
    .zoho__statistics__table__nodata__sc {
        padding: 2.4rem 0;
    }
    .payment__invoice__leftnodata__img__sc.payment__invoice__leftnodata__img__sc {
        width: 8rem;
    }
    .invoice__rightnodata__img__sc.invoice__rightnodata__img__sc {
        width: 8rem;
    }
    .ex__mamber__details__main__left__tap__body__contnr__sc {
        height: calc(100vh - 32rem);
        overflow-y: auto;
    }
    .mob_tobesubmitted_footer_container {
        width: 100%;
    }
    .mob_under_review_footer_container {
        width: 100%;
        display: flex;
        gap: 1.2rem;
    }
    .expenses__mbr__reject__btn__sc, .expenses__mbr__approve__btn__sc {
        flex-grow: 1;
        height: 4.4rem;
    }
    .faq__content__sub__wrpr p, .faq__content__sub__wrpr li {
        font-size: 1.2rem;
        color: var(--prara__medium);
        font-family: var(--font-family);
        font-weight: 400;
        margin-bottom: 1.2rem;
    }
    .faq__content__sub__wrpr li {
        padding-bottom: 1rem;
    }
    .payout__right__box__sec__sc {
        padding: 0 0.8rem;
    }
    .collect__nodata__left__img__sc {
        width: 12rem;
    }
    .no_data_collect_wrap h6.max-44 {
        margin-bottom: 1.6rem;
    }
    .no_data_collect_wrap .nodata_img_col {
        margin-bottom: 1.6rem;
    }
    .payout_invoice_mob__img__sc {
        width: 13rem;
    }
    .four_collect_cards .single_pay_mob__img__sc.single_pay_mob__img__sc {
        width: 9.7rem;
        max-height: unset;
    }
    .four_collect_cards .bulk_payout_mob__img__sc.bulk_payout_mob__img__sc {
        width: 11.2rem;
    }
    .sales__right__boxcont__sect__sc {
        padding-bottom: 0;
    }
    .four_collect_cards .sales_invoice_mob__img__sc.sales_invoice_mob__img__sc {
        width: 8.6rem;
    }
    .four_collect_cards .bulk_payment_mob_img__sc.bulk_payment_mob_img__sc {
        width: 9.7rem;
    }
    .sales__scndBox__img__sect__sc .row {
        row-gap: 1.6rem;
    }
    .four_collect_cards .sales_delivery_mob_img__sc.sales_delivery_mob_img__sc {
        width: 8.6rem;
    }
    .four_collect_cards .sales_est_mob_img__sc.sales_est_mob_img__sc {
        width: 7.6rem;
    }
    .four_collect_cards .cashmemo_mob_img__sc.cashmemo_mob_img__sc {
        width: 10rem;
    }
    .four_collect_cards .sales_cnote1_mob_img__sc.sales_cnote1_mob_img__sc {
        width: 8.5rem;
    }
    .four_collect_cards .reconcile_mob_img__sc.reconcile_mob_img__sc {
        width: 14rem;
    }
    .purchase__scndBox__img__sect__sc .row {
        row-gap: 1.6rem;
    }
    .purchase__leftbox__cont__sect__sc {
        padding-bottom: 0;
    }
    .no_data_collect_wrap.no_data_collect_wrap {
        height: 34rem;
    }
    .collect_link_popup {
        display: none;
    }
    .payout__noDate__sc.payout__noDate__sc {
        justify-content: center;
    }
    .collect_businness, .purchase_secwrap {
        gap: 1.6rem;
    }
    .team__dashboard__expense__nodata__sc {
        padding: 1.6rem;
    }
    .team__dashboard__expense__nodata__img__sc {
        padding-bottom: 2rem;
    }
    .team__dashboard__expense__nodata__rgt__img__sc {
        width: 23rem;
    }
    .team__dashboard__expense__nodata__cont__sc {
        padding: 0;
    }
    .team__dashboard__expense__nodata__cont__sc h4 {
        padding-bottom: 1.6rem;
    }
    .team__dashboard__right__nodata__contnr__sc {
        padding: 0;
        gap: 1.6rem;
    }
    .team_dashboard_rightnodata_img__sc {
        width: 12rem;
    }
    .team_expense_head.team_expense_head {
        margin-top: 0;
    }
    .tax__compliance__popup__body__box__sc .input__field__items__sc .input__error__sc {
        top: 7.9rem;
    }
    .team__profile__mobfoot__sc {
        padding: 1.2rem;
    }
    .team__mobmenu__box__sc {
        background: #FFFFFF4D;
        border: 1px solid #FFFFFF66;
        padding: 1.6rem;
    }
    .team_mob_menu_img__sc {
        width: 30rem;
        height: auto;
    }
    .team__mobmenu__box__cont__sc p {
        font-size: 1.4rem;
        font-family: var(--font-family);
    }
    .team__mobmenu__box__img__sc {
        margin-bottom: 2rem;
    }
    .mob__footermenu__popup__container__sc.team__mob__footermenu__popup__container__sc {
        height: 70%;
    }
    .team__dashboard__sc.font_medium.font14.font_weight_400, .bulkUpload__popup__sc_contact .font_medium.font14.font_weight_400 {
        white-space: normal;
    }
    .dp__inner__search__nodata__sc {
        height: 20rem;
    }
    .input__dp__body__sc ul {
        max-height: 27rem;
    }
    .mob_paybtn_nodata_img__sc {
        width: 11rem;
        height: auto;
    }
    .mob__backbtn__sc {
        display: flex;
    }
    .paybtn__mob__linkfoot__btn__sc {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 5rem;
        height: 5rem;
        border-radius: 5rem;
        background-color: var(--black_variant_dark);
        position: fixed;
        inset: auto 2rem 9rem auto;
    }
    .paybtn__table__nodata__img__sc {
        width: 15rem;
        height: auto;
    }
    .aftermath-create-button-gs--summary__sc {
        background-color: var(--bg_white);
        border: 1px solid #E4E4E4;
    }
    .left_section_content_wrap.customer_content_show {
        width: 100%;
    }
    .bulk__create {
        grid-column-start: 1;
        overflow: hidden;
        height: calc(100vh - 8rem);
    }
    .ai-button-gs.ai-button-gs {
        max-width: 26rem;
    }
    .left_section_search {
        margin-top: 0;
    }
    .mob__cteate__single__payout__btn__sc.mob__cteate__single__payout__btn__sc {
        width: 18rem;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 1.6rem auto 0;
    }
    .secFilderbtn.FilterShowTDS.desktop__view__sc {
        display: none !important;
    }
    .mob__tdssummary__menu__sect__sc {
        position: relative;
        display: flex;
    }
    .mob__tdssummary__menu__head__sc svg {
        cursor: pointer;
        width: 2.4rem;
        height: auto;
    }
    .mob__tdssummary__menu__body__sc {
        background: #F4F4F4B2;
        border: 1px solid #FFFFFF;
        box-shadow: 0px 0px 10px 0px #0000001A;
        backdrop-filter: blur(90px);
        padding: 0.8rem;
        position: absolute;
        inset: 2.8rem 0 auto auto;
        z-index: 10;
        width: 14rem;
    }
    .mob__tdssummary__menu__body__sc ul li {
        padding: 0.8rem;
        margin-bottom: 0.4rem;
        font-size: 1.4rem;
    }
    .mob__tdssummary__menu__body__sc ul li:last-child {
        margin-bottom: 0;
    }
    .ticket__search__main__sc {
        display: flex;
        gap: 1.2rem;
    }
    .mob__ticket__exportbtn__sc {
        width: 4.4rem;
        height: 4.4rem;
        background: #FFFFFF;
        display: flex;
        align-items: center;
        justify-content: center;
        border: none;
    }
    .mob__ticket__exportbtn__sc svg {
        width: 1.6rem;
        height: auto;
    }
    .mob__dataticket__btn__sc.mob__dataticket__btn__sc {
        align-items: center;
        justify-content: center;
        width: 5rem;
        height: 5rem;
        border-radius: 5rem;
        background-color: #2D2D2D;
        box-shadow: 0px -4px 8px 0px #00000033;
        position: fixed;
        right: 2rem;
        bottom: 8.6rem;
    }
    .mob__dataticket__btn__sc svg {
        width: 1.8rem;
        height: auto;
    }
    .tickets__chat__box__scndrow__file__sc .file-item {
        padding: 0.5rem 1rem;
    }
    .ticket__chat__ourside__file__sect__sc p {
        word-break: break-all;
        white-space: pre-wrap;
        font-size: 1.2rem;
    }
    .ticket__chat__ourside__file__sect__sc {
        padding: 0.8rem;
        gap: 0.5rem;
    }
    .ticket__chat__ourside__file__sect__sc img {
        width: 1.6rem;
    }
    .tickets__details__right__status__attach__row__sc {
        gap: 1.2rem;
    }
    .tickets__details__right__attach__box__sc {
        padding: 1rem 0.8rem;
    }
    .tickets__details__right__attach__cont__sc img {
        width: 1.8rem;
    }
    .tickets__details__right__attach__cont__sc p {
        font-size: 1.4rem;
        font-weight: 400;
        color: #2D2D2D;
    }
    .tickets__details__right__attach__view__sc p {
        font-size: 1.4rem;
    }
    .banking__cnfmwdl__account__topbox__mob__sc {
        flex-direction: column;
        gap: 0.3rem;
        align-items: end;
    }
    .banking__cnfmwdl__account__topbox__mob__sc p {
        font-size: 1.2rem;
        font-family: var(--font-family);
        color: #5D5D5D;
    }
    .banking__cnfmwdl__account__topbox__mob__sc span {
        font-size: 1.2rem;
        font-family: var(--font-family);
        color: #313131;
    }
    .banking__wtl__nodata__img__sc {
        width: 8rem;
        height: auto;
    }
    .banking__wtl__addAccount__btn__sc {
        height: 4.4rem;
    }
    .bankInput__error__sc {
        font-size: 1rem;
    }
    .error_kp {
        font-size: 1rem;
    }
    .settlement__textarea__sc .error_kp {
        top: 12rem;
    }
    .popup__invoiceAddcontact__sc .main__header, .popup__invoiceAddcontact__sc .lft__sidebar__main__sc, .popup__overflow__sc .main__header, .popup__overflow__sc .lft__sidebar__main__sc,
    .addContact__popup__overflow__sc .main__header, .addContact__popup__overflow__sc .lft__sidebar__main__sc,
.addItems__popup__overflow__sc .main__header, .addItems__popup__overflow__sc .lft__sidebar__main__sc {
        z-index: 1050;
    }
    .company__details__signature__upload__parent__sc {
        flex-direction: column;
        gap: 2rem;
    }
    .company__details__signature__upload__row__sc {
        width: 100%;
    }
    .signature__upload__submitbtn__sc {
        height: 4.4rem;
    }
    .company__details__signature__upload__row__sc p {
        font-size: 1.2rem;
    }
    .bulk__payout__nodataMob__prnt__sc {
        height: 100%;
    }
    .mob_recently_added_members {
        border: 2px solid var(--bg_white);
        background: radial-gradient(50% 50% at 50% 50%, #FFFFFF 25.5%, rgba(255, 255, 255, 0.6) 100%);
        box-shadow: -4.57px 4.57px 4.57px 0px #00000003;
        box-shadow: 4.57px -4.57px 4.57px 0px #00000003;
        padding: 0.8rem;
        margin-top: 2.4rem;
    }
    .mob_recently_added_member_list_division{
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }
    .mob_recently_added_main{
        display: flex;
        flex-direction: column;
        gap: 1.2rem;
    }
    .mob_recently_added_heading{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .mob_recently_added_heading h3{
        font-size: 1.4rem;
    }
    .mob_recently_added_inner_list{
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 1rem;
    }
    .mob_mem_list{
        display: flex;
        align-items: center;
        gap: 1rem;
    }
    .mob_mem_list_name h4{
        line-height: 2.4rem;
    }
    .recent_btn{
        line-height: 2.4rem;
    }
    .recent_btn.recent_btn_clr_1{
        color: #B28512;
        background: #FFF3E0;
        padding: 0.7rem 1.2rem;
        border-radius: 2rem;
    }
    .recent_btn.recent_btn_clr_2{
        color: #fff;
        background: #1C1C1C;
        padding: 0.9rem 1.5rem;
    }
    .recent_btn.recent_btn_clr_3{
        color: #12B218;
        background: #E0FFE1;
        padding: 0.7rem 1.2rem;
        border-radius: 2rem;
    }
    .mob_recent_mail_inner{
        display: flex;
        align-items: center;
        gap: 0.8rem;
    }
    .mob_recent_ph_inner{
        display: flex;
        align-items: center;
        gap: 0.8rem;
    }
    .mob_recent_contacts{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .mob_recently_added_member_list{
        border: 1.14px solid #EFEFEF;
        padding: 0.8rem;
    }
    .mob_recent_nodata_content h4{
        color: var(--prara__medium);
        font-family: 'Plus Jakarta Sans', sans-serif;
        text-align: center;
    }
    .mob_recent_nodata_content p{
        color: var(--black_variant_medium);
        text-align: center;
    }
    .mob_recent_nodata_img img{
        margin: auto;
    }
    .mob_recent_nodata_add{
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #000;
        padding: 0.9rem 1.2rem;
    }
    .mob_recent_nodata_add p{
        color: #fff;
    }
    .mob_recent_nodata_inner{
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 2rem;
    }
    .mob_recent_nodata_content{
        display: flex;
        flex-direction: column;
        gap: 0.8rem;
    }
    .mob_recently_nodata {
        background-image: url(../images/dashboard/mob_recent.svg);
        background-size: auto;
        background-position: right;
    }
    .left_content_item.recurring_pre .new_updates_recu {
        padding: 1.2rem;
    }
    .invoice_info_btns {
        flex: 0 0 auto;
    }
    .areYouSure__popup__sc, .error__popup__sc {
        z-index: 1057;
    }
    .left_content_item_img .avatar-icons .inbox_icon {
        bottom: -1.2rem;
    }
    .ticket__main__inner__box__sc {
        display: flex;
        flex-direction: column;
        height: 100%;
    }
    .ticket__main__body__section__sc {
        flex: 1;
        overflow-y: auto;
    }
    .main__container.ticket__inner__scroll__sc {
        overflow-y: auto;
    }
    .popup__overlay__sc.bulkItem__bank__popup__sc {
        z-index: 1056;
    }
    .mob__resentTran__head__row__sc {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .mob__recent__trans__view__sect__sc {
        display: flex;
        align-items: center;
        gap: 0.6rem;
        margin-bottom: 1.2rem;
    }
    .mob__recent__trans__view__sect__sc svg {
        width: 1rem;
        height: auto;
    }
    .mob__recent__trans__view__sect__sc p {
        font-size: 1.2rem;
        font-family: var(--font-family);
        color: #070A21;
        font-weight: 500;
        line-height: 1.4rem;
    }
    .mob__resentTran__table__sc tbody tr td {
        background-color: #FFFFFF;
        padding: 1rem 1.2rem;
        width: auto;
        text-wrap: nowrap;
        border-bottom: 1px solid #F4F4F4;
    }
    .mob__resentTran__table__sc {
        width: 100%;
    }
    .mob__footermenu__item__sc.active {
        background-color: var(--bg_white);
        border: 0.5px solid #9DC588;
    }
    .paycustomer__mob__stic__sc.overlay__td__sc {
        z-index: 2;
    }
    .paymentLink__copy__popup__cs {
        padding: 0.8rem;
        border-radius: 6rem;
        background-color: var(--light_green_color);
        position: absolute;
        z-index: 1;
        inset: -53% auto auto 50%;
        transform: translate(-50%, -50%);
    }
    .paymentLink__copy__popup__cs span {
        color: var(--bg_white);
        font-size: 1.2rem;
        font-family: var(--font-family);
        font-weight: 400;
        display: block;
        line-height: 1rem;
    }
    #copy_payment_link_btn_mobile {
        position: relative;
    }
    .margbook__advantages__row__sc.margbook__advantages__row__sc img {
        width: 1.6rem;
    }
    .creditnote_desktop{
        display: none;
    }
    .creditnote_mobile{
        display: block;
    }
    .wid13{
        width: 13rem;
        height: 1rem;
    }
    .ex__mamber__details__main__left__tap__body__sc.ex__mamber__details__main__left__tap__body__scrl__sc {
        flex: unset;
        height: calc(100dvh - 32rem);
    }

}
@media (max-width: 1024px) and (min-width: 768px) {
    .mob__ecosystem__row__sc {
        grid-template-columns: repeat(4, 1fr);
    }
    .custom__row__sect__wd__sc {
        row-gap: 1.5rem;
    }
    .mob__tickets__details__wrap__sc.active {
        height: 100%;
    }
    .mob__sidebar__popup__linkBox__body__sc, .mob__profile__popuplink__row__sc {
        grid-template-columns: repeat(5, 1fr);
    }
    .mob__footermenu__popup__container__sc {
        height: 60%;
    }
    .two_tabs_customers ul li {
        background: radial-gradient(50% 50% at 50% 50%, #FCFDFD 0%, rgba(255, 255, 255, 0.6) 100%);
        padding: 1.4rem;
        gap: 0.6rem;
    }
    .customer__filter__box__sc {
        border: none;
    }
    .modal_width_78 .modal-content {
        width: 90%;
        margin: 0px auto;
    }
    .invoice_item {
        flex-direction: row;
    }
    .addAccBtn button.enable__tally__btn__css__sc {
        width: 15rem;
    }
    .mob__resentTran__items__right__sc {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    .alignRightSec{
        text-align: unset;
    }
}

@media (max-width: 767px) {
    .contact__error__sc{
        top:8rem
    }
    .gstr__main__sc {
        padding: 0;
        background: transparent;
        border: none;
        box-shadow: none;
    }
    .Pageloader__sc {
        background-size: 30%;
    }
    .gstr__about__section__sc {
        padding: 1.2rem;
        background: var(--bg_white);
        border: 1px solid #E4E4E4;
        box-shadow: 0px 4px 8px 0px #0000000F;
    }

    .gstr__about__cont__sc h3 {
        margin-bottom: .4rem;
    }

    .enter__gstr__details__btn__sc {
        margin-top: 1.2rem;
        width: 100%;
        height: 4.4rem;
    }

    .gstr__about__row__sc {
        gap: 0.8rem;
    }

    .gstr__about__items__sc {
        padding: 1.2rem;
        gap: 0.8rem;
    }

    .gstr__about__items__sc img {
        width: 4.8rem;
        height: 4.8rem;
        flex: 0 0 auto;
    }

    .gstr__about__items__cont__sc h4 {
        margin-bottom: .6rem;
    }

    .gstr__steps__section__box__left__sc {
        padding: 1.2rem;
    }

    .gstr__steps__section__box__head__sc {
        margin-bottom: 1.2rem;    padding: 1.2rem;
    }

    .gstr__steps__row__sc img {
        width: 4rem;
    }

    .gstr__about__section__sc {
        gap: 1.2rem;
    }

    .gstr__about__cont__sc h3 {
        font-size: 1.4rem;
    }

    .gstr__about__items__cont__sc h4 {
        font-size: 1.2rem;
    }

    .gstr__steps__section__box__head__sc h3 {
        font-size: 1.2rem;
    }

    .gstr__steps__row__sc {
        gap: 0.8rem;
    }

    .gstr__steps__row__cont__sc {
        gap: 0.6rem;
    }

    .gstr__steps__row__sc {
        margin-bottom: 0.8rem;
    }

    .gstr__steps__section__box__right__img__1__sc img {
        width: 13rem;
        height: auto;
    }

    .gstr__benefit__row__sc {
        gap: 0.4rem;
        margin-bottom: .8rem;
    }
    .custom__row__img__wd__sc {
        width: 8rem;
        height: auto;
    }
    .custom__row__sect__wd__sc .col-6 {
        margin-bottom: 0.8rem !important;
    }
    .gstr__benefit__row__sc img {
        width: 1.6rem;
    }

    .gstr__steps__section__box__right__img__2__sc {
        width: 10rem;
        height: auto;
    }

    .side__popup__overlay__sc, .mob__profile__popup__overlay__sc {
        z-index: 1055;
    }

    .side__popup__container__sc {
        inset: 0;
    }

    .side__popup__section__sc {
        height: 100dvh;
        gap: 1.2rem;
    }

    .side__popup__header__sc {
        padding: 1.2rem;
    }

    .side__popup__header__sc h3 {
        font-size: 1.4rem;
    }
    .side__popup__close__sc, .create__items__popup__close__sc, .edit__items__popup__close__sc, .createContact__popup__close__sc, .editContact__popup__close__sc,
    .bulkUpload__popup__close__sc {
        width: 2rem;
    }

    .tax__compliance__popup__body__sc {
        padding: 0 1.2rem;
    }

    .tax__compliance__popup__body__box__sc {
        padding: 1.6rem 1.2rem;
    }

    .input__mb__32__sc {
        margin-bottom: 2.4rem;
    }

    .input__field__sc {
        height: 4.4rem;
        padding: 0.8rem 1.6rem;
    }

    .gstr__applicable__box__sc {
        margin-bottom: 2.4rem;
    }

    .tax__compliance__popup__footer__sc {
        padding: 1rem 1.2rem;
    }

    .gstr__tax__update__btn__sc {
        width: 100%;
        height: 4.4rem;
    }

    .gstr__applicable__box__body__sc {
        padding: 1.2rem;
    }

    .gstr__applicable__gstrin__refresh__sc {
        width: 2.4rem;
        height: 2.4rem;
    }

    .gstr__applicable__gstrin__refresh__sc svg {
        width: 1.2rem;
        height: auto;
    }

    .gstr__applicable__gstrin__row__sc {
        margin-bottom: 2.4rem;
    }

    .gstr__enable__row__sc {
        margin-bottom: 2.4rem;
    }

    .gstr__enable__mb__0__sc {
        flex-direction: column;
        align-items: start;
        gap: 1.2rem;
        margin-bottom: 0;
    }

    .gstr__enable__row__lt__sc svg {
        width: 1.8rem;
        height: auto;
    }

    .gstr__enable__dp__cont__sc {
        margin-top: 2.4rem;
    }

    .gstr__applicable__gstrin__status__sc {
        grid-template-columns: 1fr;
    }

    .gstr__applicable__gstrin__status__left__sc,
    .gstr__applicable__gstrin__status__center__sc,
    .gstr__applicable__gstrin__status__right__sc {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .gstr__applicable__gstrin__status__right__sc h4,
    .gstr__applicable__gstrin__status__center__sc h4,
    .gstr__applicable__gstrin__status__left__sc h4 {
        margin-bottom: 0;
        font-size: 1.2rem;
        font-weight: 400;
    }

    .tds__challan__toggle__body__row__sc {
        font-size: 1.2rem;
        font-weight: 500;
    }

    .tds__challan__toggle__body__row__left__sc h6,
    .tds__challan__toggle__body__row__right__sc h6 {
        font-weight: 400;
        margin-bottom: .3rem;
    }



    .input__field__items__sc label,
    .gstr__enable__row__sc p {
        font-size: 1.4rem;
    }

    .gstr__applicable__gstrin__status__right__sc {
        flex-direction: row;
    }

    .gstr__applicable__gstrin__status__left__sc,
    .gstr__applicable__gstrin__status__center__sc {
        margin-bottom: 1.2rem;
    }

    .gstr__applicable__gstrin__status__active__sc {
        padding: 0.2rem 1rem;
    }

    .gstr__table__box__sc {
        overflow-x: auto;
    }

    .gstr__table__main__sc {
        padding: 0;
    }

    .gstr__table__top__row__sc {
        padding: 0;
    }

    .gstr__table__top__row__left__sc h3 {
        font-size: 1.2rem;
    }

    .gstr__table__inner__status__sc {
        flex: 0 0 auto;
    }

    .gstr__table__sc tbody tr td {
        padding: 2rem 1rem;
    }

    .input__field__row__sc {
        grid-template-columns: 1fr;
    }

    .gstr__tax__clear__btn__sc,
    .gstr__tax__apply__btn__sc,
    .gstr__tax__file__btn__sc,
    .gstr__tax__submit__btn__sc {
        height: 4.4rem;
        flex: 1;
    }

    .gstr__filling__popup__body__sc {
        padding: 1rem;
    }

    .input__mb__30__sc {
        margin-bottom: 2.4rem;
    }

    .gstr__otp__section__sc {
        padding: 0 1.2rem;
    }

    .gstr__otp__field__sc input {
        width: 4.4rem;
        height: 4.4rem;
    }

    .gstr__otp__section__sc h6,
    .gstr__otp__field__sc {
        margin-bottom: 2.4rem;
    }

    .gstr__push__gstin__row__sc {
        padding-bottom: 1.6rem;
        margin-bottom: 1.6rem;
    }

    .connect__accounting__software__main__left__inner__sc {
        padding: 0;
        box-shadow: none;
    }

    .connect__accounting__software__left__body__sc {
        box-shadow: 0px 0px 20px 0px #0000001A;
        padding: 1.2rem;
        margin-top: 1.6rem;
    }

    .connect__accounting__software__left__items__sc {
        padding: 1.2rem 0;
        border-bottom: 1px solid #F1F1F1 !important;
    }

    .connect__accounting__software__left__items__sc img {
        height: 3.4rem;
    }

    .connect__accounting__software__left__items__sc svg {
        width: 1.6rem;
    }

    .connect__accounting__software__left__items__sc:last-child {
        border-bottom: none !important;
    }

    .connect__accounting__software__main__right__sc {
        padding: 0;
    }

    .connect__accounting__software__right__conter__sc {
        padding: 1.2rem;
    }

    .connect__accounting__software__right__header__sc {
        flex-direction: column;
    }

    .gstr__download__tally__btn__sc {
        height: 4.4rem;
        width: 100%;
    }

    .connect__accounting__software__right__header__right__sc,
    .gstr__download__upcoming__btn__sc {
        width: 100%;
    }

    .connect__accounting__software__right__header__sc {
        margin-top: 1.6rem;
        margin-bottom: 2.4rem;
    }

    .gstr__mob__left__header__sc,
    .gstr__mob__right__header__sc {
        height: 4.8rem;
        padding: 0 1.2rem;
    }

    .tds__challan__toggle__header__sc {
        padding: 1.2rem;
    }

    .tds__challan__toggle__header__left__sc {
        gap: 1rem;
    }

    .tds__challan__toggle__body__sc {
        padding: 1.2rem;
    }

    .tds__challan__toggle__body__sc label {
        font-size: 1.4rem;
    }

    .tds__challan__toggle__body__contnr__sc {
        padding: 0;
    }

    .tds__challan__toggle__body__row__right__sc h6,
    .tds__challan__toggle__body__row__right__sc p {
        text-align: right;
    }

    .tds__challan__toggle__section__sc {
        margin-bottom: 1.6rem;
    }

    .tds__input__row__sc {
        grid-template-columns: 1fr;
        gap: 2.4rem;
    }

    .tds__input__mb__32__sc {
        margin-bottom: 2.4rem;
    }

    .tds__cancel__btn__sc,
    .tds__paynow__btn__sc {
        flex: 1;
        height: 4.4rem;
    }

    .banking__main__sc {
        padding: 0rem;
    }

    .banking__main__left__sc {
        padding: 1.6rem;
    }

    .banking__main__left__sc {
        padding: 0rem;
        background: transparent;
        box-shadow: none;
    }

    .bank__card__section__sc {
        border: 1px solid #E4E4E4;
        padding: 1.2rem;
        margin-bottom: 1.6rem;
    }

    .bank__card__top__sc img {
        width: 4.5rem;
    }

    .bank__card__top__left__sc h5,
    .bank__card__wallet__bln__cont__sc h6 {
        margin-bottom: 0.4rem;
    }

    .bank__card__top__sc {
        margin-bottom: 1.2rem;
    }

    .bank__card__wallet__bln__cont__sc p {
        font-size: 2rem;
    }

    .bank__card__balance__check__sc {
        width: 1.6rem;
        height: 1.6rem;
    }

    .bank__card__wallet__bln__sc,
    .banking__card__account__sect__sc {
        margin-bottom: 1.2rem;
    }

    .banking__card__btns__sect__sc {
        padding: 0.4rem;
        gap: 0.4rem;
    }

    .banking__card__btns__icon__sc {
        width: 1.6rem;
        height: 1.6rem;
    }

    .banking__card__btns__icon__sc svg {
        width: 0.86rem;
    }

    .banking__withdraw__btn__sc,
    .banking__send__btn__sc,
    .banking__add__btn__sc {
        padding: 0.6rem;
    }

    .bank__accounts__section__sc h3 {
        margin-bottom: 1.2rem;
        font-size: 1.4rem;
    }

    .bank__accounts__items__sc {
        padding: 1.2rem;
    }

    .bank__act__sc {
        width: 2rem;
        height: 2rem;
    }

    .bank__logo__sc {
        width: 2.4rem;
        height: 2.4rem;
    }

    .bank__accounts__items__left__cont__sc h4,
    .bank__accounts__items__left__cont__sc p {
        margin-bottom: 0.4rem;
    }

    .mob__ov__dt__sc {
        width: 15rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .bank__add__name__sc {
        margin-bottom: 0.8rem;
    }

    .bank__link__account__section__sc {
        padding: 1.2rem;
    }

    .bank__link__account__btn__sc {
        width: 12rem;
        height: 3.8rem;
    }

    .bank__link__account__list__sc {
        padding-left: 2rem;
    }

    .bank__link__account__left__sc,
    .bank__link__account__list__sc li {
        margin-bottom: 1.2rem;
    }

    .banking__main__right__top__right__sc {
        background: var(--bg_white);
        border: 1px solid #E4E4E4;
        box-shadow: 0px 4px 8px 0px #0000000F;
        padding: 1.2rem;
        flex-direction: column;
        align-items: start;
        gap: 2rem;
    }

    .banking__main__right__top__right__users__sc {
        gap: 0.8rem;
    }

    .banking__main__right__top__amount__sc svg {
        width: 2rem;
    }

    .banking__main__right__top__amount__sc {
        margin-top: 0.2rem;
    }

    .banking__main__right__top__amount__sc p {
        font-size: 1.6rem;
    }

    .banking__main__right__top__right__account__sect__sc {
        justify-content: space-between;
        width: 100%;
    }

    .bank__copy__sect__sc p {
        font-size: 1.4rem;
    }

    .banking__main__right__top__right__account__sc h5 {
        margin-bottom: 0.6rem;
    }

    .banking__main__right__top__right__account__sc h5.mob__bank__lft__sc {
        text-align: left;
    }

    .banking__recent__row__left__sc h3 {
        font-size: 1.4rem;
    }

    .bank__recent__icon__sc {
        width: 2.4rem;
    }

    .banking__main__right__body__sc {
        padding: 0;
        border: none;
        box-shadow: none;
        background: transparent;
    }

    .banking__recent__row__sc {
        background: var(--bg_white);
    }

    .banking__recent__row__left__sc {
        padding: 1rem 1.2rem;
    }

    .banking__filter__sc,
    .banking__download__sc {
        width: 4rem;
        height: 4rem;
        box-shadow: -4px 0px 10px 0px #00000017;
        background: var(--bg_white);
        border: none;
    }

    .banking__main__right__table__head__items__sc {
        padding: 1rem 1.2rem;
    }

    .banking__main__right__table__head__sc {
        display: flex;
    }

    .banking__main__right__table__body__sc {
        height: unset;
    }

    .banking__main__right__table__body__row__sc {
        display: flex;
    }

    .banking__main__right__table__head__items__sc,
    .banking__table__item__left__sc {
        flex: 0 0 auto;
        width: 20rem;
    }

    .banking__main__right__table__sc {
        overflow-x: auto;
    }

    .banking__main__right__table__sect__sc {
        overflow-x: auto;
    }

    .banking__main__right__top__right__users__sect__sc {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .mob__banking__main__right__top__right__users__sc {
        display: block;
    }

    .bank__logo__right__sc {
        width: 3.2rem;
    }

    .add__money__popup__header__sc {
        padding: 1.2rem;
    }

    .add__money__popup__close__sect__sc span {
        display: none;
    }

    .add__money__popup__body__sc {
        padding: 0 1.2rem 2rem;
    }

    .add__money__popup__body__title__box__sc h3 {
        font-size: 1.4rem;
        margin-bottom: 0.4rem;
    }

    .add__money__popup__body__title__box__sc,
    .add__money__popup__body__balance__box__sc {
        margin-bottom: 1.6rem;
    }

    .add__money__popup__body__balance__box__sc h5 {
        margin-bottom: 0.6rem;
    }

    .add__money__popup__body__balance__box__sc p {
        font-size: 2.4rem;
        margin-bottom: 0.6rem;
    }

    .add__money__popup__body__accountdetails__box__sc {
        padding: 1rem 1.2rem;
        grid-template-columns: 1fr;
        margin-bottom: 1.6rem;
    }

    .add__money__popup__body__accountdetails__items__sc {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .add__money__popup__body__accountdetails__items__sc h5 {
        margin-bottom: 0;
    }

    .add__money__btns__sect__sc .add__money__got__btn__sc {
        height: 4.4rem;
        font-size: 1.4rem;
    }

    .add__money__btns__sect__sc {
        margin-top: 1rem;
    }

    .withdrae__money__popup__body__title__sc {
        padding: 1.2rem;
    }

    .withdrae__money__popup__body__title__sc h3 {
        font-size: 1.4rem;
    }

    .withdrae__money__popup__body__container__sc {
        padding: 1.6rem 1.2rem;
    }

    .withdrae__money__popup__body__row__sc {
        margin-bottom: 2.4rem;
    }

    .bank__account__selecter__img__sc {
        height: 1.4rem;
    }

    .bank__account__selecter__sc {
        padding: 1.2rem 0.8rem;
        gap: 0.8rem;
    }

    .bank__account__idb__img__sc {
        width: 5rem;
    }

    .bankAC__input__field__sc {
        padding: 1.2rem;
        height: 4.4rem;
    }

    .bankAC__input__field__sc input::placeholder {
        font-size: 1.2rem;
    }

    .withdraw__popup__continue__btn__sc {
        height: 4.4rem;
        width: 100%;
        font-size: 1.4rem;
    }

    .transfer__amount__popup__body__sc {
        padding: 1.6rem 1.2rem;
    }

    .transfer__amount__popup__body__balance__box__sc h6,
    .transfer__amount__popup__body__balance__box__sc p,
    .transfer__amount__popup__body__balance__box__sc p.min__amount__error__sc {
        margin-bottom: 0.6rem;
    }

    .transfer__amount__popup__body__balance__box__sc {
        margin-bottom: 1.2rem;
    }

    .transfer__amount__popup__body__balance__box__sc p {
        font-size: 2.4rem;
    }

    .transfer__amount__popup__body__balance__box__sc p.min__amount__error__sc {
        font-size: 1.2rem;
    }

    .transfer__amount__popup__details__left__item__sc h5,
    .transfer__amount__popup__details__right__item__sc h5 {
        font-size: 1.2rem;
        margin-bottom: 0.2rem;
    }

    .transfer__amount__popup__remark__sect__sc {
        margin-top: 1.2rem;
    }

    .transfer__amount__popup__remark__textarea__box__sc textarea {
        padding: 0.8rem 1.2rem;
    }

    .withdraw__popup__transferamt__btn__sc {
        width: 100%;
        height: 4.4rem;
    }

    .connect__bank__account__popup__body__sc {
        padding: 1.6rem 1.2rem;
    }

    .connect__bank__account__popup__search__sc {
        margin-bottom: 1.6rem;
    }

    .select__bank__section__sc h3 {
        margin-bottom: 1.2rem;
    }

    .bank__account__selecter__sc {
        border: 1px solid #E4E4E4;
    }

    .connect__bank__account__popup__continue__btn__sc {
        width: 100%;
        height: 4.4rem;
    }

    .bank__account__selecter__sc p {
        font-size: 1.2rem;
    }

    .link__acnt__popup__body__sc {
        padding: 1.6rem 1.2rem;
    }
    .gstr__applicable__gstrin__status__sc p{
        font-size: 1.2rem;
        color: var(--primary_dark);
    }

    .link__acnt__popup__body__title__sc h4 {
        font-size: 1.4rem;
        margin-bottom: 0.6rem;
    }

    .link__acnt__popup__body__title__sc {
        margin-bottom: 1.6rem;
    }

    .link__acnt__popup__body__link__row__sc {
        grid-template-columns: repeat(3, 1fr);
        gap: 0.8rem;
        margin-bottom: 1.6rem;
    }

    .link__acnt__popup__body__link__item__sc {
        padding: 0.6rem;
        gap: 0.6rem;
    }

    .bank__link__img__sc {
        width: 2.4rem;
        height: auto;
    }

    .input__field__row__sc {
        gap: 2.4rem;
    }

    .bank__link__popup__video__box__sc {
        margin-top: 2.4rem;
    }

    .have__loginID__sc svg {
        width: 1.8rem;
        height: auto;
    }

    .bank__link__popup__btn__sc,
    .filter__apply__btn__sc {
        width: 100%;
        height: 4.4rem;
    }

    .filter__popup__body__sc {
        padding: 1.6rem 1.2rem;
    }

    .add__money__popup__body__accountdetails__items__sc h5,
    .banking__card__account__number__sc h5,
    .banking__card__account__ifsc__sc h5,
    .bank__card__wallet__bln__cont__sc h6,
    .bank__accounts__items__left__cont__sc h4,
    .bank__accounts__items__left__cont__sc p,
    .bank__link__account__list__sc li,
    .banking__main__right__top__right__account__sc h5,
    .banking__main__right__table__body__items__sc h3 {
        font-size: 1.2rem;
    }

    .expenses__member__main__sc {
        padding: 1.2rem;
    }

    .expenses__member__row__sc {
        grid-template-columns: 1fr;
        gap: 1.6rem;
    }

    .expenses__member__item__haed__sc {
        padding: 1.6rem;
    }

    .expenses__member__item__haed__sc img {
        width: 1.6rem;
        height: auto;
    }

    .ex__mamber__card__pr__img__sc {
        width: 5rem;
    }

    .expenses__member__item__body__profile__sc {
        inset: -3% auto auto 50%;
    }

    .ex__mamber__card__pr__cont__sc h5 {
        font-size: 1.2rem;
        margin-bottom: 1rem;
    }

    .ex__mamber__card__pr__cont__sc img {
        width: 1.6rem;
    }

    .ex__mamber__card__pr__cont__sc {
        margin-bottom: 1.2rem;
    }

    .expenses__member__item__body__sc {
        padding: 2rem 1.2rem 1.2rem;
    }

    .ex__mamber__card__status__sc {
        padding: 1rem 0;
    }

    .ex__mamber__card__status__left__sc h6 {
        margin-bottom: 0.4rem;
    }

    .ex__mamber__details__main__sc {
        padding: 0;
    }

    .ex__mamber__details__main__left__sc {
        background: transparent;
        box-shadow: none;
        padding: 0;
    }

    .ex__mamber__details__main__profile__left__cont__sc p {
        font-size: 1.2rem;
    }

    .ex__mamber__details__main__left__profile__sc {
        margin-bottom: 1.2rem;
    }

    .ex__mamber__details__main__left__header__sc {
        margin-bottom: 1.6rem;
    }

    .ex__mamber__details__main__left__tap__link__sc {
        border-left: 1px solid #F4F4F4;
        box-shadow: 0px 0px 12.44px 0px #0000001A;
        flex: 1 0 auto;
        gap: 0.6rem;
    }

    .ex__mamber__details__main__left__tap__head__sc {
        overflow-x: auto;
    }

    .ex__mamber__details__main__left__tap__head__sc::-webkit-scrollbar {
        display: none;
    }

    .ex__mamber__details__main__left__tap__link__sc {
        padding: 1rem 0.4rem;
    }

    .ex__mamber__details__main__left__tap__item__sc {
        padding: 1.2rem;
    }

    .ex__mamber__details__main__left__tap__link__sc p {
        font-size: 1.2rem;
    }

    .ex__mamber__details__main__left__tap__link__sc img {
        width: 2rem;
    }

    .ex__mamber__details__main__right__sc {
        background: transparent;
        box-shadow: none;
        padding: 0;
    }

    .ex__mamber__details__main__right__head__sc {
        background: var(--bg_white);
        padding: 0.8rem 1.2rem;
    }

    .ex__mamber__details__main__right__head__left__cont__sc {
        gap: 0.8rem;
        margin-bottom: 0.4rem;
    }

    .ex__mamber__details__main__right__head__left__cont__sc p {
        padding: 0.6rem;
        font-size: 1.2rem;
    }

    .ex__mamber__details__main__right__head__sc {
        align-items: start;
    }

    .ex__mamber__details__main__right__sc {
        height: calc(100vh - 14rem);
    }

    .ex__mamber__details__main__right__body__details__item__sc {
        flex-direction: column;
        align-items: start;
    }

    .ex__mamber__details__main__right__body__details__item__sc h6 {
        width: auto;
        margin-bottom: 0.2rem;
        font-size: 1.2rem;
    }

    .ex__mamber__details__main__right__body__details__item__cont__sc span {
        display: none;
    }

    .ex__mamber__details__main__right__body__details__item__sc:last-child {
        align-items: end;
    }

    .ex__mamber__details__main__right__body__details__item__sc:first-child {
        align-items: start;
    }

    .ex__mamber__details__main__right__body__details__item__cont__sc p {
        font-size: 1.2rem;
    }

    .ex__mamber__details__attach__sc img {
        width: 2rem;
    }

    .ex__mamber__details__main__right__body__details__box__sc {
        margin-bottom: 2.4rem;
    }

    .ex__mamber__details__main__right__body__sc {
        padding: 0;
        background: var(--bg_white);
    }

    .ex__mamber__details__main__right__body__details__box__sc {
        padding: 1.2rem 1.2rem 0 1.2rem;
    }

    .ex__mamber__details__right__total__amount__sc {
        padding: 1.2rem;
        margin-top: 2.4rem;
        border-top: 1px solid #E4E4E4;
    }

    .ex__mamber__details__description__sc {
        padding: 0 1.2rem;
    }

    .ex__mamber__details__edit__cont__sc p {
        padding: 1rem 2rem;
    }

    .ticket__main__sc {
        background: transparent;
        box-shadow: none;
        padding: 0;
    }

    .ticket__main__inner__box__sc {
        background: transparent;
        border: none;
        padding: 0;
        display: flex;
        flex-direction: column;
        height: 100%;
    }
    .ticket__main__body__section__sc {
        flex: 1;
        overflow-y: auto;
    }

    .ticket__main__tab__link__left__sc {
        overflow-x: auto;
    }

    .ticket__main__tab__link__left__sc::-webkit-scrollbar {
        display: none;
    }

    .ticket__main__tab__link__sc {
        flex: 1 0 auto;
        padding: 1rem 0.4rem;
        border-left: 1px solid #F4F4F4;
        box-shadow: 0px 0px 12.44px 0px #0000001A;
        gap: 0.3rem;
    }

    .ticket__main__tab__link__sc img {
        width: 2rem;
    }

    .ticket__filter__sect__sc {
        width: 4rem;
        height: 4rem;
        border: none;
        background: var(--bg_white);
        box-shadow: -4px 0px 10px 0px #00000017;
    }

    .ticket__nodata__section__sc {
        border: none;
        padding: 9rem 0;
    }

    .ticket__nodata__contnr__sc img {
        width: 8.8rem;
    }

    .ticket__nodata__contnr__sc p {
        text-align: center;
        text-wrap: balance;
    }

    .create__ticket__brn__sc {
        height: 4.4rem;
        width: 12rem;
    }

    .ticket__main__tab__link__sc p {
        font-size: 1.2rem;
    }

    .createTicket__popup__body__sc {
        padding: 1.6rem 1.2rem;
    }

    .file-label.file-label {
        height: 4.4rem;
        font-size: 1.4rem;
    }

    .jrk-file-input.jrk-file-input {
        padding: 0 1.2rem;
    }

    .jrk_file_upload.jrk_file_upload img {
        width: 1.6rem;
    }

    .ticket__imNot__robot__right__sc img {
        width: 2.6rem;
    }

    .ticket__imNot__robot__sc {
        padding: 0.6rem 1.2rem;
    }

    .ticket__imNot__robot__left__sc,
    .ticket__imNot__robot__sc {
        gap: 1rem;
    }

    .createTicket__popup__cancel__btn__sc,
    .createTicket__popup__submit__btn__sc {
        flex: 1;
        height: 4.4rem;
    }

    .ticket__table__sc thead tr th {
        padding: 1.2rem;
        font-size: 1.2rem;
    }

    .ticket__td__pro__sc {
        gap: 1rem;
        grid-template-columns: 3rem 1fr;
    }

    .ticket__ch__link__img__sc {
        width: 3rem;
        height: 3rem;
    }

    .ticket__td__pro__sc a,
    .ticket__table__sc tbody tr td {
        font-size: 1.2rem;
    }

    .ticket__td__status__sc {
        padding: 0.8rem 1rem;
    }

    .tickets__details__main__right__sc {
        padding: 0;
        box-shadow: none;
        background: transparent;
    }

    .tickets__details__right__inner__header__sc {
        background: var(--bg_white);
        border: 1px solid var(--table-border_clr);
        box-shadow: 0px 4px 8px 0px #0000000F;
        padding: 1rem 1.2rem;
    }

    .ticket__right__pro__img__sc {
        width: 4rem;
    }

    .mob__ticket__toggle__sc svg {
        width: 1.8rem;
        height: auto;
    }

    .tickets__details__main__sc {
        gap: 1.2rem;
    }

    .tickets__details__main__left__sc {
        border: 1px solid var(--table-border_clr);
        box-shadow: 0px 4px 8px 0px #0000000F;
        padding: 1.2rem;
    }

    .tickets__details__main__left__header__sc h4 {
        font-size: 1.4rem;
    }

    .tickets__details__main__left__body__sc {
        margin-top: 2.4rem;
    }

    .ticket__chat__ourside__row__sc {
        grid-template-columns: 1fr 3rem;
        gap: 0.4rem;
        margin-bottom: 2.4rem;
    }

    .ticket__chat__ourside__row__left__cont__sc {
        padding: 0.4rem 1rem;
    }
    .ticket__chat__ourside__row__left__sc {
        border-right: .6rem solid var(--light_green_color);
    }

    .ticket__chat__ourside__row__left__cont__sc p,
    .ticket__chat__serverside__row__left__cont__sc p {
        font-size: 1.2rem;
    }

    .ticket__chat__serverside__row__sc {
        grid-template-columns: 3rem 1fr;
        gap: 0.4rem;
        margin-bottom: 2.4rem;
    }

    .ticket__chat__serverside__row__left__cont__sc {
        padding: 0.4rem 1rem;
        border-left: .6rem solid #02040F;
    }

    .ticket__chat__ourside__row__left__cont__sc p {
        text-align: right;
    }

    .tickets__details__main__left__footer__closedRow__sc,
    .tickets__details__main__left__footer__open__sc {
        padding: 0.9rem;
    }

    .tickets__details__main__left__footer__closedRow__sc p,
    .tickets__details__main__left__footer__closedRow__sc span,
    .tickets__details__main__left__footer__open__sc p,
    .tickets__details__main__left__footer__open__sc p span {
        font-size: 1.2rem;
    }

    .tickets__chat__box__sc {
        margin-bottom: 0.2rem;
        padding: 1.2rem;
    }

    .tickets__chat__box__sc textarea::placeholder {
        font-size: 1.2rem;
    }

    .tickets__chat__box__files__sc {
        margin-bottom: 1.2rem;
    }

    .tickets__chat__box__emg__sc svg,
    .tickets__chat__box__file__sc svg {
        width: 1.8rem;
    }

    .ticket__sent__img__sc {
        width: 2.8rem;
    }

    .tickets__details__right__inner__body__sc {
        background: var(--bg_white);
        padding: 1.6rem 1.2rem;
    }

    .tickets__details__right__details__cont__sc h5,
    .tickets__details__right__details__cont__status__sc h5 {
        margin-bottom: 0.2rem;
        font-size: 1.2rem;
    }

    .tickets__details__right__details__cont__sc p,
    .tickets__details__right__details__cont__status__sc p {
        font-size: 1.2rem;
    }

    .tickets__details__right__details__cont__sc {
        margin-bottom: 1.2rem;
    }

    .tickets__details__right__details__status__sc {
        padding: 0.6rem 1rem;
    }

    .exportTickets__status__popup__close__sect__sc span,
    .exportTickets__popup__close__sect__sc span, .ratingThank__popup__close__sect__sc span {
        display: none;
    }

    .exportTickets__status__popup__header__sc {
        padding: 1.2rem 1.2rem 0;
    }

    .exportTickets__status__popup__body__sc {
        padding: 1rem 1.2rem 1.2rem;
    }

    .exportTickets__status__popup__body__sc h3 {
        margin-bottom: 1.6rem;
        font-size: 1.4rem;
    }

    .exportTickets__status__row__sc {
        margin-top: 1.6rem;
        margin-bottom: 1.6rem;
        grid-template-columns: repeat(2, 1fr);
    }

    .exportTickets__status__box__sc {
        padding: 1.6rem 1rem;
        gap: 1rem;
    }

    .et__status__icon__sc {
        width: 1.8rem;
        height: auto;
    }

    .exportTickets__status__box__sc p {
        font-size: 1.2rem;
    }

    .exportTickets__status__textarea__sc {
        margin-bottom: 1.6rem;
    }

    .exportTickets__status__btn__sc {
        flex: 1;
        height: 4.4rem;
    }

    .as__export__row__sc {
        gap: 0.8rem;
    }

    .as__export__right__sc {
        gap: 1.6rem;
    }

    .as__export__row__sc {
        margin-bottom: 1.6rem;
    }

    .export__input__mb__30__sc {
        margin-bottom: 1.6rem;
    }

    .export__fields__sect__sc h4 {
        margin-bottom: 1.6rem;
    }

    .export__fields__row__sc {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 1.6rem;
    }

    .export__fields__itms__sc {
        gap: 0.4rem;
    }

    .export__fields__itms__sc p {
        font-size: 1.2rem;
    }

    .exportTickets__btns__sect__sc {
        margin-top: 1.6rem;
        gap: 1rem;
    }

    .exportTickets__cancel__btn__sc,
    .exportTickets__proceed__btn__sc {
        flex: 1;
        height: 4.4rem;
    }

    .side__popup__container__sc.side__popup__container__sc {
        max-width: 100%;
    }

    .add__items__view__popup__header__sc {
        background: var(--bg_white);
        box-shadow: 0px 4px 8px 0px #0000000F;
    }

    .add__items__view__popup__header__left__sc svg {
        width: 2rem;
        height: auto;
    }

    .add__items__view__popup__body__sc {
        padding: 0 1.2rem 1.2rem;
    }

    .add__items__view__popup__profile__sc {
        padding: .8rem 1.2rem;
        margin-bottom: 1.6rem;
    }

    .add__item__profile__icon__sc {
        width: 5.4rem;
    }

    .add__items__view__popup__profileLeft__sc {
        gap: .8rem;
    }

    .add__items__view__popup__profilecont__sc h4 {
        margin-bottom: .5rem;
    }

    .add__item__edit__btn__sc {
        border: none;
    }

    .add__items__view__popup__detailsTitle__sc {
        padding: 1.2rem;
    }

    .add__items__view__popup__detailscont__sc {
        padding: 1.6rem 1.2rem;
    }

    .add__items__view__popup__detailscont__left__sc h5,
    .add__items__view__popup__detailscont__right__sc h5 {
        margin-bottom: 0.3rem;
    }

    .add__items__view__popup__detailscont__row__sc {
        margin-bottom: 2.4rem;
    }

    .add__items__popup__body__sc {
        grid-template-columns: 1fr 2rem;
    }

    .mob__add__contact__search__sc {
        padding: 0 1rem;
    }

    .add__items__popup__body__left__sc {
        padding: 0 0.5rem 1rem 1rem;
    }

    .add__item__list__sc {
        padding: 1.2rem;
    }

    .add__item__profile__icon__sc {
        width: 4rem;
    }
    .create__items__popup__body__sc, .create__contact__popup__body__sc {
        padding: 0 1.2rem;
    }

    .try__Bulk__upload__btn__sc {
        height: 3rem;
        width: 13rem;
        font-size: 1.2rem;
    }

    .create__items__header__buttom__sc p {
        font-size: 1.2rem;
    }

    .create__items__popup__inside__sc {
        padding: 1.6rem 1.2rem;
    }
    .createItems__popup__cancel__btn__sc, .createItems__popup__save__btn__sc, .createcontact__popup__cancel__btn__sc, .createcontact__popup__save__btn__sc {
        flex: 1;
        height: 4.4rem;
    }

    .edit__item__gst__history__toggle__head__sc {
        padding: 1.2rem;
    }

    .edit__item__gst__history__toggle__head__sc svg {
        width: 1.6rem;
    }

    .edit__item__gst__history__toggle__body__sc {
        padding: 1.6rem 1.2rem;
    }

    .edit__item__gst__history__toggle__body__sc h4,
    .edit__item__gst__history__toggle__row__sc {
        margin-bottom: 1.6rem;
    }

    .edit__item__gst__history__toggle__cont__sc h5 {
        margin-bottom: 0.3rem;
    }

    .editItems__popup__update__btn__sc {
        width: 100%;
        height: 4.4rem;
    }
    .add__contact__link__sc, .createContact__tab__link__sc {
        padding: 1rem 0;
        gap: 0.6rem;
    }
    .add__contact__link__sc img, .createContact__tab__link__sc img {
        width: 2rem;
    }
    .add__contact__link__sc p, .createContact__tab__link__sc p {
        font-size: 1.2rem;
    }

    .add__item__list__right__sc .custom_dropdown_box {
        width: 20rem;
    }
    .contact__view__popup__profilecont__sc p {
        font-size: 1.2rem;
        font-weight: 400;
    }
    .contact__view__popup__details__sc {
        margin-top: 1.6rem;
    }
    .createContact__tab__link__row__sc {
        margin-bottom: 1.6rem;
    }
    .createContact__tab__profile__left__sc {
        padding: 1.2rem 0 1.2rem 0.8rem;
        gap: 1rem;
    }
    .contact__avator__icon__sc {
        width: 4rem;
        height: auto;
    }
    .createContact__tab__profile__sc {
        grid-template-columns: 12rem 1fr;
        margin-bottom: 1.6rem;
    }
    .createContact__tab__profile__right__prev__sc, .createContact__tab__profile__right__next__sc {
        display: none;
    }
    .createContact__tab__profile__img__row__sc {
        padding: 0.8rem;
        gap: 1.4rem;
    }
    .createContact__show__toggle__head__sc {
        padding: 1.2rem;
    }
    .createContact__show__toggle__body__sc {
        padding: 1.6rem 1.2rem;
    }
    .input__three__items__row__sc {
        grid-template-columns: 1fr;
        gap: 2.4rem;
    }
    .areYouSure__popup__body__sc {
        padding: 0 1.2rem 1.6rem;
    }
    .areYouSure__popup__cont__sc h3 {
        margin-bottom: 0.4rem;
        font-size: 1.4rem;
    }
    .areYouSure__popup__cont__sc p {
        font-size: 1.2rem;
    }
    .areYouSure__popup__no__btn__sc, .areYouSure__popup__yes__btn__sc {
        height: 4.4rem;
    }
    .areYouSure__popup__btns__sc {
        margin-top: 1.6rem;
    }
    .areYouSure__popup__close__sect__sc span {
        display: none;
    }
    .bulkUpload__popup__body__sc {
        padding: 0 1.2rem;
    }
    .bulkUpload__popup__inner__sc {
        padding: 2rem 1.2rem;
    }
    .bulkUpload__title__sc {
        margin-bottom: 1.6rem;
    }
    .bulkUpload__title__sc h4, .bulkUpload__title__sc p {
        text-align: center;
    }
    .bulkUpload__dragFile__boxinner__sc {
        padding: 2.4rem;
    }
    .bulkUpload__img__sc {
        width: 6.2rem;
    }
    .bulkUpload__popup__cancel__btn__sc, .bulkUpload__popup__submit__btn__sc {
        height: 4.4rem;
        flex: 1;
    }
    .bulkUpload__contact__left__sc p {
        margin-top: 0.2rem;
    }
    .bulkUpload__reupload__sc {
        height: 3.8rem;
        padding: 0 1rem;
    }
    .mob__bulkupload__btn__sc {
        box-shadow: 0px -2px 12px 0px #00000014;
    }
    .bulkUpload__contact__sect__sc {
        box-shadow: 0px 4px 8px 0px #0000000F;
    }
    .bulkUpload__details__statusbox__sc h3 {
        text-align: center;
        margin-bottom: 1.6rem;
    }
    .bulkUpload__details__statusbox__sc {
        padding: 1.2rem;
        background-color: var(--bg_white);
    }
    .bulkUpload__statusimg__sc {
        width: 2.8rem;
    }
    .bulkUpload__details__popup__container__sc {
        background-color: var(--theme_bg_color);
    }
    .bulkupload__bank__popup__close__sect__sc span {
        display: none;
    }
    .contact__list__nodata__img__sc {
        width: 8.6rem;
    }
    .contact__list__nodata__sc {
        gap: 1rem;
    }
    .main__header {
        padding: 0.5rem 1.2rem;
    }
    .coming__soon__main__container__sc {
        padding: 3.2rem 1.2rem;
    }
    .coming__soon__main__left__sc img {
        width: 6rem;
    }
    .coming__soon__main__left__sc h3 {
        font-size: 2.4rem;
        margin: 1.2rem 0;
    }
    .coming__soon__main__left__sc p {
        font-size: 1.2rem;
        font-weight: 400;
    }
    .coming__soon__main__container__inner__sc {
        gap: 2.4rem;
    }
    .coming__soon__main__right__sc h4 {
        margin-bottom: 1.2rem;
        font-size: 1.8rem;
    }
    .coming__soon__main__right__box__sc {
        margin-bottom: 1.2rem;
        padding: 1.6rem 1.2rem;
        border-radius: 0.8rem;
    }
    .coming__soon__main__right__box__sc img {
        width: 5rem;
    }
    .coming__soon__main__right__boxcont__sc h5 {
        font-size: 1.4rem;
        margin-bottom: 0.6rem;
    }
    .coming__soon__main__right__boxcont__sc p {
        font-size: 1.2rem;
    }
    .payment_gateway_card__box__sc .payment_gateway_image img {
        width: 16rem;
    }
    .collect_sec_txt__sc {
        z-index: 2;
    }
    .payment__RAC__header__sc {
        margin-bottom: 0;
    }
    .no_data_collect_wrap__bg__sc img {
        width: 10rem;
    }
    .max__767__view__sc {
        display: table-cell !important;
    }
    .min__767__view__sc {
        display: none;
    }
    .expenses__member__newCard__sc {
        padding: 3rem 2rem;
        gap: 1.6rem;
    }
    .expenses__member__newCard__sc p {
        text-wrap: pretty;
    }
    .exmember__newcard__img__sc {
        width: 4rem;
    }
    .exmember__addTeam__btn__sc {
        width: 12rem;
        height: 4rem;
    }
    .notification__readRow__sc {
        padding: 0.5rem 1.2rem;
    }
    .markAll__read__sc {
        padding-right: 1.6rem;
        margin-right: 1.6rem;
    }
    .notification__readRow__left__sc .input__dp__container__sc {
        width: 11rem;
    }
    .noti__readDp__sc.noti__readDp__sc {
        padding: 0.8rem;
    }
    .noti__readDp__sc .input__dp__body__sc ul li {
        padding: 0.8rem 1.6rem;
    }
    .markAll__read__sc p {
        font-size: 1.2rem;
    }
    .teamlistnodata_img__sc {
        width: 8.8rem;
    }
    .team__list__nodata__sect__sc {
        gap: 1.2rem;
    }
    .expenses_table_nodata_img__sc {
        width: 8.8rem;
    }
    .expenses__dashboard__righttable__nodata__sc {
        gap: 1.2rem;
        margin: 6rem 0;
        padding: 0 1rem;
    }
    .expenses__dashboard__righttable__nodata__sc p {
        font-size: 1.2rem;
    }
    .attachmentFile__popup__container__sc {
        padding: 1.2rem;
    }
    .attachmentFile__popup__close__btn__sc p, .invoice__attachmentFile__popup__close__btn__sc p, .kyc_aadhar_popup_target__popup__close__btn__sc p {
        display: none;
    }
    .attachmentFile__popup__head__sc {
        margin-bottom: 1.6rem;
    }
    .attachmentFile__popup__body__sc {
        padding: 1.2rem 1.6rem;
    }
    .attachmentFile__popup__footer__sc {
        padding: 0 1.6rem;
    }
    .attachmentFile__popup__footerInner__sc {
        padding: 1.2rem 0;
    }
    .expensesattach_view_list_img__sc {
        width: 3.2rem;
    }
    .attachmentFile__popup__footerrow__sc {
        gap: 0.6rem;
    }
    .add__account__popupBody__sc {
        padding: 0 1.2rem;
    }
    .add__account__popupBody__inner__sc {
        padding: 1.6rem 1.2rem;
    }
    .addBank__accountPopup__footer__sc {
        padding: 0.8rem 1rem;
    }
    .addAccount__btn__sc {
        width: 100%;
        height: 4.4rem;
    }
    .assetlist__nodata__sc p {
        font-size: 1.2rem;
    }
    .assetlist_nodata_img__sc {
        width: 9.5rem;
    }
    .ratingThank__popup__container__sc {
        padding: 1.2rem;
    }
    .ratingThank__img__sc {
        width: 5rem;
    }
    .ratingThank__img__sect__sc {
        margin-bottom: 1.4rem;
    }
    .ratingThank__cont__sect__sc h5 {
        margin-bottom: 1.2rem;
    }
    .ratingThank__cont__sect__sc p {
        font-size: 1.2rem;
    }
    .ratingThank__popup__body__sc {
        padding: 1.4rem;
    }
    .rating__table__img__sect__sc {
        width: 2.2rem;
        height: 2.2rem;
    }
    .ticket__rate__btn__sc {
        width: 6rem;
        height: 3.2rem;
    }
    .invoice__internal__row__sc {
        align-items: start;
        flex-direction: column;
        padding: 1.2rem;
        gap: 1.2rem;
    }
    .invoice__attachment__view__sc {
        width: 100%;
        flex: 0 0 auto;
    }
    .invoice__internal__row__sc .inv_internal_notes
    {
        padding: 0;
    }
    .single__payout__righttotal__row__sc
    {
        align-items: end;
        flex-direction: column;
        gap: 1.2rem;
    }
    .exmember_tobe_nodata_img_sc, .exmamber_details_searchnodata_img_sc {
        width: 12rem;
    }
    .ex__mamber__details__tobe__nodata__sc, .ex__mamber__details__search__nodata__sc {
        padding: 0 1.6rem;
    }
    .bank__account__yes__img__sc {
        width: 2rem;
    }
    .paybtn__prv__dp__contnr__sc {
        bottom: 3.4rem;
    }
    .modal-footer .mob__filterPopup__btn__sc .btn_style.btn_trans, .modal-footer .mob__filterPopup__btn__sc button {
        width: 48%;
    }
    .invoice_body .modal-body.modal-body {
        padding: 2rem 1rem 9rem;
    }
    .item_inputs_wrapper .ps-2rem {
        padding-top: 1.6rem;
    }
    .deleteItem {
        padding-top: 1.6rem;
      }
    .tickets__details__right__attach__box__sc {
        width: 100%;
        justify-content: space-between;
    }
    .tickets__details__right__status__attach__row__sc {
        align-items: start;
        flex-direction: column;
    }
    .bank__filter__popupbody__sc {
        padding: 0 1.2rem;
    }
    .bank__filter__popupbody__box__sc {
        padding: 1.6rem 1.2rem;
    }
    .bankftr__popup__clearbtn__sc, .bankftr__popup__applybtn__sc {
        flex: 1;
        height: 4.4rem;
    }
    .bankFtr__dateRange__row__sc {
        grid-template-columns: 1fr;
        row-gap: 1.6rem;
    }
    .bankFtr__dateRange__box__sc {
        margin-top: 1.6rem;
    }
    .banking__cnfmwdl__account__box__sc {
        padding: 1.6rem 1.2rem;
    }
    .banking__cnfmwdl__account__topbox__sc {
        padding: 1.2rem 0.8rem;
        border: 1px solid #E4E4E4;
        background: #F9F9F9;
    }
    .action__required__popup__container__sc {
        padding: 1.2rem;
    }
    .action__required__popup__close__sc p {
        display: none;
    }
    .action__required__popup__img__sc img {
        width: 8rem;
        height: auto;
    }
    .action__required__popup__body__sc {
        gap: 1.4rem;
    }
    .action__required__popup__cont__sc h6 {
        margin-bottom: 0.8rem;
        font-size: 1.4rem;
    }
    .action__required__popup__cont__sc p {
        font-size: 1.2rem;
    }
    .action__com__btn__sc {
        width: 16rem;
        height: 4.4rem;
    }
    .sa_settlement_details_sidebar {
        padding: 1.6rem;
    }
    .settlement_details__footer__sc {
        padding: 1rem 1.2rem;
    }
    .sa_settelment_detail_submit.sa_settelment_detail_submit {
        width: 100%;
    }
    .sa_complete_kyc_input_wrapper {
        margin-bottom: 1.6rem;
    }
    .ticket__filter__contnr__sc {
        width: 18rem;
        inset: 4.5rem 0 auto auto;
        padding: 0.8rem;
        border: 2px solid #FFFFFF;
    }
    .ticket__filter__contnr__sc ul li {
        margin-bottom: 0.2rem;
        padding: 1rem;
    }
    .ticket__filter__border__sc {
        margin-top: 0.2rem;
        padding-top: 0.2rem;
    }
    .invoice__alert__popup__close__sc p {
        display: none;
    }
    .invoice__alert__popup__container__sc {
        padding: 1.2rem;
    }
    .invoice__alert__popup__no__btn__sc, .invoice__alert__popup__Yes__btn__sc {
        width: 14rem;
        height: 4.2rem;
    }
    .invoice_alert_img__sc {
        width: 5rem;
        height: auto;
    }
    .invoice__alert__popup__body__sc {
        gap: 1.4rem;
    }
    .BgNotifySec .NotiFySecTibody h3.txtGray {
        flex: 0 0 auto;
        text-align: right;
    }
    #company-details .invoice_details_wrap {
        margin: 1.6rem 0;
    }
    .signature__popup__container__sc {
        padding: 1.2rem;
    }
    .signature__popup__close__sc p {
        display: none;
    }
    .signature__preview__sc {
        width: 19rem;
    }
    .signature__popup__head__sc h3 {
        padding-top: 2rem;
    }
    .signature__img__box__sc {
        width: 12rem;
    }
    .enable__tally__popup__section__sc {
        padding: 1.2rem;
    }
    .enable__tally__popup__close__sc p {
        display: none;
    }
    .enable__tally__popup__header__sc {
        margin-top: 1rem;
    }
    .enable__tally__popup__body__sc {
        margin-top: 1.6rem;
    }
    .enable__tally__input__box__sc {
        padding: 1.6rem 1.2rem;
    }
    .enable__tally__input__row__sc {
        grid-template-columns: 1fr;
        gap: 2.4rem;
    }
    .enable__tally__regenerate__btn__sc {
        width: 100%;
        height: 4rem;
    }
    .download__tally__link__sect__sc {
        padding: 1rem;
        margin-top: 1rem;
    }
    .mob__resentTran__status__sc.mob__resentTran__status__sc {
        width: 100%;
    }
    .busy_as__logo__img__sc {
        width: 8rem;
    }
}
@media (max-width: 359px) {
    .invoice__alert__popup__no__btn__sc, .invoice__alert__popup__Yes__btn__sc {
        width: 10rem;
        height: 4rem;
    }
}