:root {
    --theme_focus_color: #daf3e1;
    --theme_bg_color: #F7F6F8;
    --bg_white: #ffffff;
    --search_input_bg: #F9F9F9;
    --font-family: "Noto Sans", sans-serif;
    --border-gray: #00000014;
    --primary_dark: #2D2D2D;
    --prara__medium: #2a2a2a;
    --primary_medium: #5D5D5D;
    --primary_light: #A3A3A3;
    --primary_btn_clr: #1C1C1C;
    --secondary_green: #359600;
    --fc16_boldTxt: #383838;
    --fc16_border: #cfcfcf;
    --table_border: #CACACA;
    --secondary_pink: #b697ff;
    --sec__black: #313131;
    --sec__primary__dark: #070a21;
    --video__cnt: #323232;
    --green__bg: #37dd66;
    --table_bg: #E0E5F1;
    --blue__bg: #46acff;
    --blue_dark: #4D9EF7;
    --middle__blue__bg: rgba(233, 227, 255, 1);
    --middle__blue__border: rgba(233, 227, 255, 1);
    --middle__blue__borders: rgba(152, 133, 224, 1);
    --green__text: rgba(28, 85, 59, 1);
    --pink__bg: rgba(255, 240, 236, 1);
    --pink__translate: rgba(255, 208, 195, 1);
    --pink__bg__border: rgba(255, 189, 167, 1);
    --pink__border: rgba(255, 162, 130, 1);
    --darkblue__bg: rgba(100, 81, 173, 1);
    --light__green__bg: #e3ffeb;
    --light__blue__bg: #e3ffeb;
    --light__green__bg__alternate: #c2ffd3;
    --light__blue__bg__alternate: #c2e3ff;
    --dark__blue__bg__alternate: rgba(212, 226, 254, 1);
    --dark__blue__txt: rgba(44, 26, 111, 1);
    --pink__bg__text: rgba(108, 52, 37, 1);
    --darkblue__bg__back__list__color: rgba(99, 83, 158, 1);
    --chat__border: rgba(103, 202, 142, 1);
    --paymentdue: #2188E4;
    --bg_white: #ffffff;
    --box_shadow: 0px 0px 10px 0px #F4F4F4B2;
    --box_bg: #F4F4F4B2;
    --border_color__sc: #F4F4F4;
    --black_variant_dark: #313131;
    --inner_box_bg: #FFFFFF21;
    --prfl_hover_bg: #6565651A;
    --border_color: #F3F3F3;
    --pure_black: #000000;
    --primary_black: #616161;
    --flip__head__txt: #1c553b;
    --flip__green__border: rgba(55, 221, 102, 1);
    --flip__green__bg: rgba(227, 255, 235, 1);
    --flip__blue__bg: rgba(235, 246, 255, 1);
    --flip__info__list: #272727;
    --flip__info__list__border: #d4f8e7;
    --kyc_btn_color: #8F909280;
    --light_green_color: #6FA614;
    --light_green_color1: #90D105;
    --light_green_color2: #3cb371;
    --kyc_border_clr: #C7DAE4;
    --white_border_color: #ECECEC;
    --kyc_tab_bg_clr: #F0F7FF;
    --black_variant_medium: #6A6A6A;
    --primary_dark1: #0F0F0F;
    --black_variant_light: #A3A3A3;
    --kyc_plugin_text_clr: #000000;
    --kyc_error_msg_clr: #FF4242;
    --kyc-checkbox_text_clr: #DDDDDD;
    --kyc_bg_clr: #EBF3FA;
    --fc16_border1: #D4D4D4;
    --form16_dark_btn: #579367;
    --lime_green: #6FA614;
    --table-border_clr: #E4E4E4;
    --boxshadow: -4.4px 4.4px 4.4px rgba(0, 0, 0, 0.01);
    --table_text_clr: #4E8AF3;
    --table_text_clr1: #5D5D5D;
    --font8: 0.8rem;
    --font10: 1rem;
    --font12: 1.2rem;
    --font14: 1.4rem;
    --font15: 1.5rem;
    --font16: 1.6rem;
    --font18: 1.8rem;
    --font20: 2rem;
    --font22: 2.2rem;
    --font23: 2.3rem;
    --font24: 2.4rem;
    --font26: 2.6rem;
    --font28: 2.8rem;
    --font30: 3rem;
    --font32: 3.2rem;
    --font34: 3.4rem;
    --font36: 3.6rem;
    --font_weight100: 100;
    --font_weight200: 200;
    --font_weight300: 300;
    --font_weight400: 400;
    --font_weight500: 500;
    --font_weight600: 600;
    --font_weight700: 700;
    --font_weight800: 800;
    --font_weight900: 900;
    --border-bottom-width: 3px;
    --border-color: rgb(255, 255, 255);
    --border-left-width: 3px;
    --border-right-width: 3px;
    --border-style: solid;
    --border-top-width: 3px;
    --green__circle: rgba(225, 255, 233, 1);
    --chat__sec__bg: rgba(247, 246, 248, 1);
    --chat__bg: rgba(255, 255, 255, 1);
    --chat__cnt__color: rgba(0, 0, 0, 1);
    --gray__color__alter: #7b787e;
    --chat__list__border: rgba(111, 165, 36, 1);
    --chat__inn__bg: rgba(233, 238, 227, 1);
    --chat__in__txt: rgba(38, 39, 45, 1);
    --ticket__send__btn__bg: rgba(50, 50, 50, 1);
    --placeholder__color: rgba(125, 125, 125, 1);
    --intro__heading__clamp: clamp(1.6rem, 1.2rem + 2vw, 3rem);

    /* Gs */

    --color-5d5d5d: #5d5d5d;
    --color-black: rgba(45, 45, 45, 1);
    --text-gray: rgba(163, 163, 163, 1);
    --color-black: rgba(45, 45, 45, 1);
    --text-gray: rgba(163, 163, 163, 1);
    --create_btn_clr: #E0FFE1;
    --create_btn_text_clr: #12B218;
    --pending_btn_txt_clr: #796A1B;
    --GrayText: rgba(93, 93, 93, 1);

    /*    Invoice color*/
    --red_bg: #E54E4E;

    /*Integrate modal popup */
    --bgLightgreen :#E5FFE9;
    --txtmediumgreen :#2C8239;
    --lightviolet:#EBF0FF;
    --darkviolet: #4B66C2;
}

*,
*::after,
*::before {
    margin: 0;
    padding: 0;
    box-sizing: inherit;
    text-decoration: none;
    list-style-type: none;
}

html {
    font-size: 62.5%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    scroll-behavior: smooth;
}

body {
    font-size: 1.6rem;
    line-height: 1.4;
    background: var(--theme_bg_color);
    min-height: 100dvh;
    font-style: normal;
    font-family: var(--font-family);
    overflow-x: hidden;
}

ul,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin-bottom: unset;
    padding-left: unset;
}

a,
a:hover {
    color: unset;
    text-decoration: none;
    transition: .3s all ease;
}

img {
    max-width: 100%;
    display: block;
}

.font_family {
    font-family: var(--font-family)
}

.font_dark {
    color: var(--primary_dark);
}

.font_medium {
    color: var(--primary_medium);
}

.font_light {
    color: var(--primary_light);
}

.table_bg {
    color: var(--table_bg);
}

.font_green {
    color: var(--secondary_green);
}

.text_green {
    color: #3FB640;
}

.text_red {
    color: #F04D4D;
}

.text_red-spl {
    color: #B91C1D;
}

.colorWhite {
    color: var(--chat__bg);
}

.bgWhite {
    background: var(--chat__bg);
}

.font_white {
    color: var(--bg_white);
}

.form16_dark_btn {
    color: var(--form16_dark_btn);
}

.secondaryGreen {
    color: var(--secondary_green) !important;
}

.fc16_boldTxt {
    color: var(--fc16_boldTxt);
}

.table_border {
    color: var(--table_border);
}

.fc16_border1 {
    color: var(--fc16_border1);
}

.fc16_border {
    color: var(--fc16_border);
}

.font_table_text_clr1 {
    color: var(--table_text_clr1);
}

.fc16__border2 {
    color: var(--fc16__border2);
}

.font_rejected {
    color: var(--kyc_error_msg_clr);
}

.font8 {
    font-size: var(--font8);
}

.font10 {
    font-size: var(--font10);
}

.font12 {
    font-size: var(--font12);
}

.font14 {
    font-size: var(--font14);
}

.font15 {
    font-size: var(--font15);
}

.font16 {
    font-size: var(--font16);
}

.font18 {
    font-size: var(--font18);
}

.font20 {
    font-size: var(--font20);
}

.font22 {
    font-size: var(--font22);
}

.font23 {
    font-size: var(--font23);
}

.font24 {
    font-size: var(--font24);
}

.font26 {
    font-size: var(--font26);
}

.font28 {
    font-size: var(--font28);
}

.font30 {
    font-size: var(--font30);
}

.font32 {
    font-size: var(--font32);
}

.font36 {
    font-size: var(--font36);
}

.font_weight_100 {
    font-weight: var(--font_weight100);
}

.font_weight_200 {
    font-weight: var(--font_weight200);
}

.font_weight_300 {
    font-weight: var(--font_weight300);
}

.font_weight_400 {
    font-weight: var(--font_weight400);
}

.font_weight_500 {
    font-weight: var(--font_weight500);
}

.font_weight_600 {
    font-weight: var(--font_weight600);
}

.font_weight_700 {
    font-weight: var(--font_weight700);
}

.font_weight_800 {
    font-weight: var(--font_weight800);
}

.font_weight_900 {
    font-weight: var(--font_weight900);
}

.bg_blk {
    background: var(--color-black);
}

.colorBlk {
    color: var(--color-black);
}

.txtGray {
    color: var(--text-gray);
}

::-webkit-scrollbar {
    background: transparent;
}

::-webkit-scrollbar {
    width: 0.3rem;
}

::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 0.8rem;
}

.txtend {
    text-align: end;
}

textarea {
    resize: none;
}

.text__align__center {
    text-align: center;
}

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

.left__sidebar__hover__kyc__sect__sc h4 {
    margin-bottom: 1.6rem;
    text-decoration: underline;
}

.Blktext2 {
    color: var(--sec__black);
}

.paymentdue {
    color: var(--paymentdue);
}

.text_links {
    color: #4E8AF3;
}

.partialy_paid {
    color: #796A1B;
}

.closed_txt {
    color: #424242;
}

.closed_btn_bg {
    background-color: #E2E2E2;
}

.partialy_paid_bg {
    background-color: #FFF9DB;
}

.font_green {
    color: var(--light_green_color);
}

.sa_primary_light {
    color: var(--bg_white);
}

button {
    border: none;
    background: transparent;
}

.GrayText {
    color: var(--GrayText);
}

.NotificationText {
    color: var(--blue_dark);
}

.MakeCenter_h {
    justify-content: center;
}

.MakeCenter_v {
    align-items: center;
}

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

.height100 {
    height: 100%;
}

.DFlex {
    display: flex;
}

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

.Flex_D_column {
    flex-direction: column;
}

.w_100 {
    width: 100%;
}

input:focus-visible {
    outline: none;
}

select:focus-visible {
    outline: none;
}


button {
    border: none;
    background: transparent;
}

/* gs */
.color-5d5d5d {
    color: var(--color-5d5d5d);
}

.color-light_green_color {
    color: var(--lime_green);
}

.color_sec__black {
    color: #313131;
}

.color_sec__primary__dark {
    color: var(--sec__primary__dark);
}

.color-989CAB {
    color: #989CAB;
}

#notification-container {
    position: fixed;
    top: 1rem;
    right: 1rem;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.app-wide-snackbar__content {
    display: flex;
    gap: 1.5rem;
}

.app-wide-snackbar {
    position: relative;
    max-width: 34.5rem;
    padding: 1.6rem;
    display: flex !important;
    gap: 1.8rem;
    align-items: center;
    transition: opacity 0.5s ease-in-out;
}

.app-wide-snackbar.green {
    background: #3fb640;
    border: 1px solid #3FB640;
}
.app-wide-snackbar.blue {
    background: #3498db;
    border: 1px solid #3498db;
}

.app-wide-snackbar.blue .app-wide-snackbar__close {
    background: #3498db;
}

.app-wide-snackbar.green .app-wide-snackbar__close {
    background: #3FB640;
}

.auth_havebt_otp_sc.auth_otp_resend_button.kyc_heaer_text {
    cursor: pointer;
}

.app-wide-snackbar__close {
    width: 2.4rem;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.app-wide-snackbar.red {
    background: #ff4242;
    border: 1px solid #FF4242;
}

.app-wide-snackbar.red .app-wide-snackbar__close {
    background: #FF4242;
}

@media screen and (max-width: 1700px) and (min-width: 1041px) {
    html {
        font-size: 50%;
    }

    :root {
        --font12: 1.1rem;
        --font14: 1.2rem;
        --font15: 1.3rem;
        --font16: 1.4rem;
        --font18: 1.6rem;
        --font20: 1.8rem;
        --font22: 2.1rem;
        --font24: 2.2rem;
        --font28: 2.6rem;
        --font30: 1.9rem;
        --font32: 3rem;
        --font36: 3.2rem;
    }
}

@media (min-width: 1025px) and (max-width:1040px) {
    html {
        font-size: 42%;
    }
}

@supports (-webkit-touch-callout: none) {
    @media screen and (min-width: 1025px) and (max-width: 1040px) {
        .four_collect_cards.creditn_bg img {
            width: 10rem !important;
        }

        .links_txt h5.font18.font_weight_700.font_dark.text-uppercase {
            font-size: 1.6rem;
        }

        .ticket__search__sect__sc {
            width: 17rem !important;
        }

        .ticket__main__tab__link__sc.ticket_main_border {
            flex: 0 0 12rem;
        }
        .left_section{
            height: calc(100dvh - 13.5rem) !important;
        }
    }
}


@supports (-webkit-touch-callout: none) {
    @media screen and (min-width: 1025px) and (max-width: 1040px)  and (orientation : portrait) {
        html {
            font-size: 42.5% !important;
        } 
      
        :root {
            --font12: 1.2rem;
            --font14: 1.3rem;
            --font15: 1.4rem;
            --font16: 1.5rem;
        }
        .desktop__view__sc.recent_add_img,
        .payment__dashboard__payAttach__img__sc {
            height: auto!important;
        }

       
    }
}



@media(max-width:1024px) {
    :root {
        --font12: 1.1rem;
        --font14: 1.2rem;
        --font15: 1.3rem;
        --font16: 1.4rem;
        --font18: 1.6rem;
        --font20: 1.8rem;
        --font22: 2.1rem;
        --font24: 2.2rem;
        --font28: 2.6rem;
        --font30: 1.9rem;
        --font32: 3rem;
        --font36: 3.2rem;
    }
}

@media(max-width:767px) {
    :root {
        --font12: 1.1rem;
        --font14: 1.2rem;
        --font15: 1.3rem;
        --font16: 1.4rem;
        --font18: 1.6rem;
        --font20: 1.8rem;
        --font22: 2.1rem;
        --font24: 2.2rem;
        --font28: 2.6rem;
        --font30: 1.6rem;
        --font32: 1.8rem;
        --font36: 2rem;
    }
}

@media(max-width:767px) {
    :root {
        --font24: 1.4rem;
    }
}

@media(max-width:360px) {
    :root {
        --font20: 1.4rem;
    }
}

@media screen and (max-width:1024px) {
    .areYouSurePopup .areYouSurePopup__dialog {
        width: calc(100% - 24rem) !important;
    }
}