/*base variable starts here*/
:root {
    --white-color: #ffffff; /* white */
    --primary-font: 'Plus Jakarta Sans';
    --secondary-font: 'Plus Jakarta Sans';
    --box-padding: 1.4rem;
    --box-y-padding: 1.1rem;
    --default-gap: 1.6rem;
    --default-container-gap: 1.8rem;
    --bs-border-width: 0.5rem;
    --custom-sidebar-width: 210px;
    --content-grid-width: 240px;
    --pc-thumb-height: 9rem;
    --bs-border-radius-lg: 2.5rem;
    --border-radius-default: 1.15rem;
    --bs-border-radius: 1.15rem;
    --nav-min-height: 3.3rem;
    --default-sidebar-width: 380px;
    --default-sidebar-width-sm: 365px;
    --base-font-size-xxs: 0.76rem;
    --base-font-size-xs: 0.78rem;
    --base-font-size-sm: 0.8rem;
    --base-font-size: 0.84rem;
    --base-font-size-lg: 0.85rem;
    --base-font-size-xl: 0.875rem;
    --base-font-size-xxl: 0.91rem;
    --base-font-size-h1-lg: 2.5rem;
    --base-font-size-h1: 1.275rem;
    --base-font-size-h2: 1.25rem;
    --base-font-size-h3: 1.05rem;
    --base-font-size-h4: 1rem;
    --base-font-size-h5: 0.94rem;
    --base-font-size-h6: 0.76rem;
    --border-width-layout: 1px;
    --plm-light-purple: #CED2F6;
    --plm-dark-purple: #9895D8;
    --plm-light-green: #6df7de;
    --plm-light-green1: #E4FDF8;
    --plm-dark-green1: #76F6DD;
    --pb-light-yellow: #ffe1d7;
    --plm-light-yellow2: #FEFAE9;
    --plm-dark-yellow2: #F9E791;
    --plm-light-blue: #88c9ff;
    --plm-light-blue2: #EAF5FE;
    --plm-light-salmon: #f5a6ac;
    --plm-light-blue: #96cdfa;
    --plm-light-pink: #FFD4FA;
    --salmon-color: #f5a6ac;
    --plm-light-yellow: #fae697;
    --bs-table-striped-bg: rgb(221 223 233 / 38%);
    --p-btn-padding: 0.55rem 0.9rem;
    --p-btn-min-width: 7.75rem;
    --p-btn-min-width2: 6.625rem;
    --p-btn-min-height: 2.7rem;
    --p-btn-min-height: 2.7rem;
    --p-border-width: 0.125rem;
    --dark-bg-txt: #173571;
    --icon-nav-wh: 1.07rem;
    --icon-nav-wh-lg: 1.32rem;
    --icon-nav-wh-xl: 1.32rem;
    --hh-wm: 4.063rem;
    --overdue-tc: #DE3B40;
    --overdue-bg: #FDF2F2;
    --incomplete-tc: #0046A8;
    --incomplete-bg: #F5F2FD;
    --complete-tc: #17663A;
    --complete-bg: #EEFDF3;
    --chat-input-mh: 4.5rem;
    --def-sb-wid: 0.25em;
    --container-width: 2500px;
    --p-navy-blue: #09090b;
    --sec-light-color4: rgba(79, 87, 98, 0.05);
}

    :root[color-mode="light"] {
        --p--border-1: #E2E8F0;
        --p-border-2: #D1D1DB;
        --primary-bg-color: #f2f3f4;
        --primary-text-inverse: #f7f4f4;
        --p-grey-1: #c5ccdd;
        --p-grey-2: #F3F5F8;
        --p-grey-3: #f4f7fc;
        --p-grey-4: rgb(249 249 252 / 80%);
        --p-grey-5: #DEE6EB;
        --p-btn-bg: #0A162F;
        --p-btn-txt: #ffffff;
        --p-btn-hover: #3F3F50;
        --input-border-1: #dddde6;
        --p-input-box-shadow: 0px 1px 2px 0px rgba(18, 18, 23, 0.05);
        --p-icon-color: var(--primary-color);
        --border-layout: #E5E9ED;
        --default-shadow: 0 1px 4px rgb(0 0 0 / 4%) !important;
        --bg-default: #f6f6f7; /* default background is white */
        --form-disabled-color: #f4f6f9 !important;
        --primary-border-color-2: rgb(204 209 225);
        --primary-border-color: rgb(231 234 243 / 95%);
        --sec-light-color1: #4c4c4c;
        --sec-light-color2: #666666;
        --sec-light-color3: #808080;
        --sec-light-color4: rgba(79, 87, 98, 0.05);
        --sec-light-color5: #cccccc;
        --sec-light-color6: #e5e5e5;
        --sec-light-color7: #efefef;
        --sec-light-color8: #f6f6f7;
        --salmon-new-color: #f3a7ad;
        --salmon-new-color2: #F8CACD;
        --salmon-new-light-color: #fdbdc2;
        --nav-menu-color: #6A7895;
        --nav-menu-active-color: #eaeffb;
        --nav-menu-bg-color: #ffffff;
        --btn-boxshadow: 0px 2px 6px rgba(13, 41, 66, 0.08);
        --orange-color: #F29339;
        --yellow-color: #f7d90b;
        --green-color: #61BD4F;
        --light-green3: #ADFAEB;
        --red-color: #d00c0c;
        --light-orange-color: rgb(255 204 133 / 24%);
        --orange-color: #e5780b;
        --db-text-head: #fff;
        --db-text-para: #B4BFD6;
        --skeleton-color-2: #eaeef7;
        /*---------colors---------*/
        --bg--def-txt-col: #5a709b;
        --primary-color: #09090b; /* light blue */
        --primary-light-color: rgba(53, 155, 236, 0.24); /* light blue */
        --primary-dark-color: #0a88ed; /*light dark blue btn hover etc*/
        --primary-dark-color2: #2664BD;
        --primary-opacity-color: #ebf5ff; /* light blue with opacity*/
        --card-bg-color: #ffffff; /*card background*/
        --secondary-color: #0A162F; /* dark blue */
        --secondary-light-color: rgb(23 53 113 / 66%); /* dark blue */
        --on-primary-color: #5f5f74;
        /* font color */
        --on-secondary-color: #8598BC; /* icon color */
        --disabled-color: #d8d9df; /* disable color */
        --disabled-light-color: #fafafa; /* disable light color */
        --salmon-color: #FFAD98; /* salmon */
        --salmon-light-color: #FFE2DB; /* salmon light*/
        --salmon-dark-color: #FFAD98; /*salmon dark color*/
        --salmon-dark2-color: #fb977d; /*salmon more dark color*/
        --tr-bg-color: #F7F8FA; /*table row bg color*/
        --sidebar-bg-color: #FDFEFE; /*sidebar bg color*/
        --video-sidebar-bg-color: #F7FBFF; /*sidebar bg color*/
        --video-topnav-bg-color: #354566; /*sidebar bg color*/
        --blur-bg-color: rgb(246 250 253); /*sidebar bg after sidebar opens color*/
        --blur2-bg-color: rgb(255 255 255 / 80%); /*dropdown bg after opens color*/
        --tag-text-color: rgba(255, 255, 255, 0.69); /*tag text color*/
        --tag-bg-color: rgba(255, 255, 255, 0.17); /*tag background color*/
        --ebook-bg-light-color: #FFE2DB; /*ebook background color*/
        --chat-bg-color: #F8FCFF; /*ebook background color*/
        --tag-bg-mind-color: #DAEDFF; /*tag background color*/
        --tag-bg-body-color: #E9DDFC; /*tag background color*/
        --tag-bg-work-color: #DEFBEA; /*tag background color*/
        --tag-bg-addiction-color: #FFD6E2; /*tag background color*/
        --tag-bg-relsp-color: #FFD9B6; /*tag background color*/
        --tag-bg-pg-color: #FFF3B5; /*tag background color*/
        --tag-bg-soundscape-color: rgb(156 39 176 / 21%); /*tag background color*/
        --tag-bg-pastlive-color: #ebfdc6; /*tag background color*/
        --notification-bg-color: #FA3E3E; /*notification bg background color*/
        --modal-bg-color: rgb(19 22 31 / 88%); /*modal background color*/
        --overlay-bg: linear-gradient(180deg, rgba(30, 57, 126, 0.92) 19.27%, rgba(255, 255, 255, 0.1) 100%); /*overlay background color*/
        --ot-bg-color: rgba(79, 87, 98, 0.05); /*ot background color*/
        --ct-bg-color: rgba(255, 168, 199, 0.29); /*ot background color*/
        --oc-bg-color: rgba(248, 230, 146, 0.38); /*ot background color*/
        --gm-bg-color: rgba(154, 255, 217, 0.28); /*ot background color*/
        --icon-bg-color: #F4F8FC; /*ot background color*/
        --bg-default-pattern: #F7F8FA;
        --main-loader-bg: rgb(19 22 31 / 88%);
        --light-green: #62E3CA;
        --light-yellow: #F4DF7A;
        --light-salmon: #FC969D;
        --pb-light-purple: #E9DDFC;
        --pb-light-pink: #ffd6e2;
        --light-blue: #81C3FA;
        --placeholder-color: #b8bcc9;
        --link-color: #121217;
        --dash-box-bg-color: #DDEDFA;
        --light-grey-svg-color: #f1f3f4;
        --light-grey-svg-stroke: #ffffff;
        --light-grey-main-circle: #f2f2f2;
        --dark-gradient-primary: #173571;
        --chat-bubble-audio: #e0e3e7;
        --light-green2: #76F6DD;
        --blue-light-bg: #EAF5FE;
        /*---------box shadows---------*/
        --default-shadow: 0px 7px 25px rgba(13, 41, 66, 0.08); /*defualt shadow*/
        --sidebar-shadow: 0px 4px 4px rgb(0 0 0 / 25%); /*sidebar shadow*/
        --text-shadow: 0px 6px 5px rgba(36, 70, 120, 0.25); /*text shadow btn shadow*/
        --switch-boxshadow: 0 0 25px -12px rgb(31 43 58 / 15%);
        --sidebar-bg-boxshadow: 27px 4px 41px rgba(24, 27, 53, 0.5); /*sidebar bg boxshadow*/
        --nav-boxshadow: 5px 14px 25px rgba(13, 41, 66, 0.08); /*sidebar bg boxshadow*/
        --tr-boxshadow: inset 0px 0px 2px rgba(18, 46, 71, 0.48); /*table row box shadowr*/
        --chat-input-boxshadow: inset 0px 0px 7px rgba(66, 96, 141, 0.17); /*Chat input box shadowr*/
        --dropdown-boxshadow: 3px 14px 12px rgb(40 44 73 / 10%); /*Chat input */
        --chat-msgbubble-boxshadow: 0px 14px 25px rgb(13 41 66 / 8%); /*Chat input */
        --btn-boxshadow: 0px 5px 10px rgba(13, 41, 66, 0.08); /*default btn shadow*/
        --icon-box-shadow: 5px 24px 16px rgb(25 42 87 / 11%);
        --profile-img-boxshadow: 0px 2px 4px rgb(0 0 0 / 25%); /*profile image box shadow color*/
        /*---------borders---------*/
        --default-border: #B4BFD6; /*sidebar default border*/
        --sidebar-inner-border: #ffffff; /*sidebar inner border*/
        --sidebar-scroll-color: #a3acb4; /*sidebar scroll thumb shadow*/
        --dashboard-hr-color: #ADD5F5; /*dahsboard hr border color*/
        --tag-border-color: rgba(255, 255, 255, 0.17); /*tag border color*/
        --chat-inbox-border-color: rgb(180 191 214 / 36%); /*tag border color*/
        --profile-img-border-color: #f1f2f7; /*profile image border color*/
        --tag-bg-mind-border-color: #359BEC; /*tag background border color*/
        --tag-bg-body-border-color: #7946DB; /*tag background border color*/
        --tag-bg-work-border-color: #39A361; /*tag background border color*/
        --tag-bg-addiction-border-color: #FF6C98; /*tag background border color*/
        --tag-bg-relsp-border-color: #FF6D3F; /*tag background border color*/
        --tag-bg-pg-border-color: #E19A2E; /*tag background border color*/
        --tag-bg-soundscape-border-color: #89189c; /*tag background border color*/
        --tag-bg-pastlive-border-color: #5c8b00; /*tag background border color*/
        /*---------buttons---------*/
        --dash-btn-bg-color: rgba(53, 155, 236, 0.08);
        --yell-btn-bg-color: #FBE46F;
        --yell-btn-darkbg-color: #f5d63c;
        --play-btn: #EBE8EA; /*play button*/

        --background1: #ffffff;
        --text-white: #364a63;
        --glow1: #f3f3f3;
        --msg-sidebar: #fff;
        /*new colors*/
        --input-focus-dark: #ffffff;
        --chat-dark-bg-2: #fff;
    }

    :root[color-mode="dark"] {
        --p--border-1: #E2E8F0;
        --p-grey-1: #dbdfe8;
        --p-grey-2: #F3F5F8;
        --p-grey-3: #f4f7fc;
        --p-grey-4: #fbfbfc;
        --p-grey-5: #DEE6EB;
        --p-btn-bg: #359BEC;
        --p-btn-txt: #ffffff;
        --p-btn-hover: #0181e7;
        --input-border-1: #383E51;
        --p-input-box-shadow: 0px 1px 2px 0px rgba(18, 18, 23, 0.05);
        --p-icon-color: #78829A;
        --border-layout: #383E51;
        --bg-default: #010811;
        --default-shadow: 0 0.3rem 0.3rem rgba(140,152,164,.04) !important;
        --form-disabled-color: #f4f6f9 !important;
        --primary-border-color: #212b42;
        --sec-light-color1: #6b92e1;
        --sec-light-color2: #95b1e9;
        --sec-light-color3: #282c32;
        --sec-light-color4: #3B455C;
        --sec-light-color5: #010811;
        --sec-light-color6: rgb(24 24 26 / 53%);
        --sec-light-color7: #2b3249;
        --salmon-new-light-color: #fdbdc2;
        --salmon-new-color2: #F8CACD;
        --salmon-new-color: #f3a7ad;
        --nav-menu-color: #adadad;
        --nav-menu-active-color: #2b2b2b;
        --nav-menu-bg-color: #1f1f1f;
        --btn-boxshadow: 0px 2px 6px rgba(13, 41, 66, 0.08);
        --orange-color: #F29339;
        --green-color: #2E944E;
        --red-color: #ed0000;
        --light-orange-color: rgb(255 204 133 / 24%);
        --orange-color: #e5780b;
        --db-text-head: #ffffff;
        --db-text-para: #adadad;
        --skeleton-color-2: #05111f;
        --plm-light-blue2: #b4d2ea;
        /*graph colors*/
        --dark-green: #39a361;
        --light-green: #62E3CA;
        --background1: #101924;
        --text-white: #ffffff;
        --glow1: #6d8fb9;
        --white-color: #1f1f1f; /* white */
        /*variable for chat page dark mode starts here*/
        --chat-dark-bg-1: #191E2E;
        --chat-dark-bg-2: #191E2E;
        --chat-dark-border-1: #1f1f1f;
        --chat-left-bubble: #2c2c2c;
        --chat-right-bubble: #024678;
        --chat-recommend-msg: #fb977d;
        --chat-bg-font: #e4e4e4;
        --chat-dark-border: #2b2b2b;
        --chat-dark-border-2: #565656;
        --chat-dark-border-3: #0461a5;
        --primary-dark: #c15337;
        --input-focus-dark: #003c6c;
        --gradient-dark-top: #447cad;
        --gradient-light-bottom: rgb(3 69 122);
        --light-grey-dark: #dddddd;
        --dark-back-bg: #05335c;
        --bg-default-box-shadow: 0px 1px 3px 2px rgb(52 52 52 / 37%);
        --dark-neo-box-shadow: 2px 2px 5px #000000, -2px -2px 5px #404040;
        --dark-primary-color: #359bec;
        --dark-overlay-bg: rgb(66 66 66 / 84%);
        --dark-gradient-primary: #005797;
        --chat-bubble-audio: #e0e3e7;
        --light-green2: #76F6DD;
        --light-green3: #ADFAEB;
        --blue-light-bg: #3B455C;
        /*variable for chat page dark mode ends here*/
        /*---------colors---------*/
        --bg--def-txt-col: #5a709b;
        --primary-color: #d1d1d1; /* light blue -D */
        --primary-light-color: rgba(53, 155, 236, 0.24); /* light blue */
        --primary-dark-color: #1f1f1f; /*light dark blue btn hover etc*/
        --primary-opacity-color: #ebf6ff; /* light blue with opacity*/
        --card-bg-color: #191E2E; /*card background*/
        --secondary-color: #359bec; /* dark blue */
        --secondary-light-color: rgb(23 53 113 / 66%); /* dark blue */
        --on-primary-color: #ffffff; /* font color */
        --on-secondary-color: #8598BC; /* icon color */
        --disabled-color: #3c3c3c; /* disable color -D*/
        --disabled-light-color: #363636; /* disable light color */
        --salmon-color: #FFAD98; /* salmon */
        --bg-default-pattern: #141414;
        --salmon-light-color: #FFE2DB; /* salmon light*/
        --salmon-dark-color: #bf3f1e; /*salmon dark color*/
        --salmon-dark2-color: #fb977d; /*salmon more dark color*/
        --tr-bg-color: #191818; /*table row bg color*/
        --sidebar-bg-color: rgb(31 31 31); /*sidebar bg color*/
        --video-sidebar-bg-color: #1f1f1f; /*sidebar bg color*/
        --video-topnav-bg-color: #354566; /*sidebar bg color*/
        --blur-bg-color: #1f2436; /*sidebar bg after sidebar opens color*/
        --blur2-bg-color: rgb(31 31 31 / 84%); /*dropdown bg after opens color*/
        --tag-text-color: rgba(255, 255, 255, 0.69); /*tag text color*/
        --tag-bg-color: rgba(255, 255, 255, 0.17); /*tag background color*/
        --ebook-bg-light-color: #d4674b; /*ebook background color*/
        --chat-bg-color: #F8FCFF; /*ebook background color*/
        --tag-bg-mind-color: #359bec; /*tag background color -D*/
        --tag-bg-body-color: #7946db; /*tag background color -D*/
        --tag-bg-work-color: #39a361; /*tag background color -D*/
        --tag-bg-addiction-color: #ff6c98; /*tag background color -D*/
        --tag-bg-relsp-color: #ff6d3f; /*tag background color -D*/
        --tag-bg-pg-color: #e19a2e; /*tag background color -D*/
        --notification-bg-color: #af0000; /*notification bg background color*/
        --tag-bg-soundscape-color: #b207cf;
        --tag-bg-pastlive-color: #639300; /*pastlive background color*/
        --tag-bg-pastlive-border-color: #639300; /*pastlive background border color*/
        --tag-bg-soundscape-border-color: #b207cf;
        --modal-bg-color: rgb(36 36 36 / 66%); /*modal background color*/
        --overlay-bg: linear-gradient(180deg, rgba(30, 57, 126, 0.92) 19.27%, rgba(255, 255, 255, 0.1) 100%); /*overlay background color*/
        --ot-bg-color: rgba(148, 204, 249, 0.21); /*ot background color*/
        --ct-bg-color: rgba(255, 168, 199, 0.29); /*ot background color*/
        --oc-bg-color: rgba(248, 230, 146, 0.38); /*ot background color*/
        --gm-bg-color: rgba(154, 255, 217, 0.28); /*ot background color*/
        --icon-bg-color: #F4F8FC; /*ot background color*/
        --dash-box-bg-color: #0a0a0b;
        --light-green: #39a361; /*d*/
        --light-yellow: #d1be14; /*d*/
        --light-salmon: #d55a3a; /*d*/
        --pb-light-purple: #7946db; /*d*/
        --pb-light-pink: #ff6c98; /*d*/
        --light-blue: #0058ab; /*d*/
        --placeholder-color: #78829A; /*-d*/
        --link-color: #62adff;
        --dash-box-bg-color: #DDEDFA;
        --light-grey-svg-color: #141414;
        --light-grey-svg-stroke: #e4e4e4;
        --light-grey-main-circle: #e4e4e4;
        /*---------box shadows---------*/
        --default-shadow: 0px 14px 25px rgba(13, 41, 66, 0.08); /*defualt shadow*/
        --sidebar-shadow: 0px 4px 4px rgb(0 0 0 / 25%); /*sidebar shadow*/
        --text-shadow: 0px 6px 5px rgba(36, 70, 120, 0.25); /*text shadow btn shadow*/
        --switch-boxshadow: 0 0 25px -12px rgb(31 43 58 / 15%);
        --sidebar-bg-boxshadow: 27px 4px 41px rgba(24, 27, 53, 0.5); /*sidebar bg boxshadow*/
        --nav-boxshadow: 5px 14px 25px rgba(13, 41, 66, 0.08); /*sidebar bg boxshadow*/
        --tr-boxshadow: inset 0px 0px 2px rgba(18, 46, 71, 0.48); /*table row box shadowr*/
        --chat-input-boxshadow: inset 0px 0px 7px rgba(66, 96, 141, 0.17); /*Chat input box shadowr*/
        --dropdown-boxshadow: 3px 14px 12px rgb(40 44 73 / 10%); /*Chat input */
        --chat-msgbubble-boxshadow: 0px 14px 25px rgb(13 41 66 / 8%); /*Chat input */
        --btn-boxshadow: 0px 14px 25px rgba(13, 41, 66, 0.08); /*default btn shadow*/
        --icon-box-shadow: 5px 24px 16px rgb(25 42 87 / 11%);
        --profile-img-boxshadow: 0px 2px 4px rgb(31 29 29 / 71%); /*profile image box shadow color*/
        /*---------borders---------*/
        --default-border: #B4BFD6; /*sidebar default border*/
        --sidebar-inner-border: #141414; /*sidebar inner border*/
        --sidebar-scroll-color: #a3acb4; /*sidebar scroll thumb shadow*/
        --dashboard-hr-color: #3a3a3a; /*dahsboard hr border color*/
        --tag-border-color: rgba(255, 255, 255, 0.17); /*tag border color*/
        --chat-inbox-border-color: #292e3c; /*tag border color*/
        --profile-img-border-color: #0a0a0b; /*profile image border color*/
        --tag-bg-mind-border-color: #359BEC; /*tag background border color*/
        --tag-bg-body-border-color: #7946DB; /*tag background border color*/
        --tag-bg-work-border-color: #39A361; /*tag background border color*/
        --tag-bg-addiction-border-color: #FF6C98; /*tag background border color*/
        --tag-bg-relsp-border-color: #FF6D3F; /*tag background border color*/
        --tag-bg-pg-border-color: #E19A2E; /*tag background border color*/
        --main-loader-bg: rgb(0 23 58 / 82%);
        /*---------buttons---------*/
        --dash-btn-bg-color: #0461a5;
        --yell-btn-bg-color: #FBE46F;
        --yell-btn-darkbg-color: #f5d63c;
        --play-btn: #EBE8EA; /*play button*/
    }

@media(max-width: 1800px) {
    :root {
        --pc-thumb-height: 8.5rem;
        --default-container-gap: 1.5rem;
    }
}

@media(max-width: 1750px) {
    :root {
        --custom-sidebar-width: 200px;
    }
}

@media(max-width: 1550px) {
    :root {
        --custom-sidebar-width: 190px;
    }
}

@media(max-width: 1450px) {
    :root {
        --default-gap: 1.35rem;
        --default-container-gap: 1.25rem;
        --default-sidebar-width: 350px;
    }
}

@media(max-width: 1350px) {
    :root {
        --box-padding: 1.1rem;
    }
}

@media(max-width: 991.98px) {
    :root {
        --default-gap: 1rem;
        --box-padding: 1rem;
        --default-container-gap: 1rem;
        --nav-min-height: 4rem;
    }
}

@media(max-width: 991px) {
    :root {
        --custom-sidebar-width: 12.5em;
    }
}

@media(max-width: 576px) {
    :root {
        --custom-sidebar-width: 16.5em;
    }
}


/*base variable ends here*/

@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('/Content/assets/fonts-new/PlusJakartaSans-Light.woff2') format('woff2'), url('/Content/assets/fonts-new/PlusJakartaSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: block;
    descent-override: 40%;
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('/Content/assets/fonts-new/PlusJakartaSans-Regular.woff2') format('woff2'), url('/Content/assets/fonts-new/PlusJakartaSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: block;
    descent-override: 40%;
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('/Content/assets/fonts-new/PlusJakartaSans-Medium.woff2') format('woff2'), url('/Content/assets/fonts-new/PlusJakartaSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: block;
    descent-override: 40%;
}


@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('/Content/assets/fonts-new/PlusJakartaSans-SemiBold.woff2') format('woff2'), url('/Content/assets/fonts-new/PlusJakartaSans-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: block;
    descent-override: 40%;
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('/Content/assets/fonts-new/PlusJakartaSans-Bold.woff2') format('woff2'), url('/Content/assets/fonts-new/PlusJakartaSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: block;
    descent-override: 40%;
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('/Content/assets/fonts-new/PlusJakartaSans-Bold.woff2') format('woff2'), url('/Content/assets/fonts-new/PlusJakartaSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Kamerik105W00';
    src: url('/Content/assets/fonts-new/Kamerik105W00-Bold.woff2') format('woff2'), url('/Content/assets/fonts-new/Kamerik105W00-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


/*base css varibales for layout starts here*/
body {
    background: var(--grey-bg-6);
    font-size: var(--base-font-size);
    font-family: var(--primary-font);
}

.dx-htmleditor-content .dx-mention {
    padding: 1px 0;
    border-radius: 2px;
    background-color: transparent;
    color: #007FFF;
    font-weight: 500;
}

.p-bord-bot1p {
    border-bottom: 1px solid var(--sec-light-color4);
}

.slimScrollBar {
    background: var(--default-border) !important;
    width: 5px !important;
}

.min-w-250px {
    min-width: 250px;
}

.min-w-225px {
    min-width: 225px;
}

.min-w-200px {
    min-width: 200px;
}

.p-circle-count {
    background: var(--dark-blue-color);
    width: 1.5rem;
    height: 1.05rem;
    border-radius: 0.85rem;
    color: var(--background1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.65rem;
    font-weight: 500;
}

    .p-circle-count.p-circle-count-green {
        background: var(--complete-tc);
    }

.p-circle-count-lg {
    width: initial;
    min-width: 3rem;
    height: 1.3rem;
    display: inline-flex;
}

.ph-default-link-hover:hover {
    text-decoration: underline;
}

.pos-center {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.def-avat-name-ini {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--base-font-size);
    border-radius: 50%;
    font-weight: 500;
}

a.brand-link.show-logo-team {
    display: none !important;
}

button {
    transition: all .3s;
}

.placeload-img-default {
    border: none !important;
    box-shadow: none !important;
}

.ph-placeload .loads {
    width: 100%;
    height: 9px;
}

.ph-placeload.placeload {
    margin: 0;
    padding: 0;
    box-shadow: none;
    border: none;
    min-height: initial;
}

/*js scroll left right*/
.js-scrollable-nav .p-defautlt-navs {
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-x: auto;
}

.js-scrollable-nav {
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden; /* Hide the overflowing content */
}

.js-left-arrow, .js-right-arrow {
    position: absolute;
    background: none;
    border: none;
    cursor: pointer;
}

.js-left-arrow {
    left: 0;
}

.js-right-arrow {
    right: 0;
}
/*js scroll right left*/


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

.form-control::placeholder {
    color: var(--placeholder-color);
    opacity: 1;
    font-size: var(--base-font-size);
    line-height: 1.35;
}

select,
.btn-custom-dd,
.p-input-append.p-add-dd .dx-texteditor-input-container,
.p-sc-w,
.p-input-append .dx-texteditor-buttons-container .dx-dropdowneditor-icon::before,
.p-add-di,
.p-dx-ul .dx-texteditor-buttons-container .dx-dropdowneditor-icon::before,
.p-select2-input .select2-selection__arrow {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.46967 0.96967C0.762563 0.676777 1.23744 0.676777 1.53033 0.96967L8 7.43934L14.4697 0.96967C14.7626 0.676777 15.2374 0.676777 15.5303 0.96967C15.8232 1.26256 15.8232 1.73744 15.5303 2.03033L8.53033 9.03033C8.23744 9.32322 7.76256 9.32322 7.46967 9.03033L0.46967 2.03033C0.176777 1.73744 0.176777 1.26256 0.46967 0.96967Z' fill='%23404040'/%3E%3C/svg%3E%0A");
    background-position: calc(100% - 0.97rem);
    background-repeat: no-repeat;
    background-size: 0.888rem;
}

.p-input-append .dx-texteditor-buttons-container .dx-dropdowneditor-icon::before,
.p-dx-ul .dx-texteditor-buttons-container .dx-dropdowneditor-icon::before {
    background-position: center center;
    background-repeat: no-repeat;
    font-size: 0;
    height: 1.25rem;
}

html[color-mode="dark"] select.form-control,
html[color-mode="dark"] .p-input-append.p-add-dd .dx-texteditor-input-container,
html[color-mode="dark"] .p-sc-w,
html[color-mode="dark"] .p-input-append .dx-texteditor-buttons-container .dx-dropdowneditor-icon::before,
html[color-mode="dark"] .p-add-di,
html[color-mode="dark"] .p-dx-ul .dx-texteditor-buttons-container .dx-dropdowneditor-icon::before {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.46967 0.96967C0.762563 0.676777 1.23744 0.676777 1.53033 0.96967L8 7.43934L14.4697 0.96967C14.7626 0.676777 15.2374 0.676777 15.5303 0.96967C15.8232 1.26256 15.8232 1.73744 15.5303 2.03033L8.53033 9.03033C8.23744 9.32322 7.76256 9.32322 7.46967 9.03033L0.46967 2.03033C0.176777 1.73744 0.176777 1.26256 0.46967 0.96967Z' fill='%2378829A'/%3E%3C/svg%3E%0A");
}

.p-input-append.p-add-si .dx-texteditor-buttons-container .dx-dropdowneditor-icon::before,
.p-input-append.p-add-si .dx-texteditor-input-container {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='%23404040' version='1.1'%3E%3Cg id='Iconly/Light/Search' stroke-width='1.5' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='Search' transform='translate(2.000000, 2.000000)' stroke-width='1.5'%3E%3Ccircle id='Ellipse_739' cx='9.76659044' cy='9.76659044' r='8.9885584'%3E%3C/circle%3E%3Cline x1='16.0183067' y1='16.4851259' x2='19.5423342' y2='20.0000001' id='Line_181'%3E%3C/line%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: 1.1rem;
    background-repeat: no-repeat;
}

.form-builder-wp select.form-control {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.46967 0.96967C0.762563 0.676777 1.23744 0.676777 1.53033 0.96967L8 7.43934L14.4697 0.96967C14.7626 0.676777 15.2374 0.676777 15.5303 0.96967C15.8232 1.26256 15.8232 1.73744 15.5303 2.03033L8.53033 9.03033C8.23744 9.32322 7.76256 9.32322 7.46967 9.03033L0.46967 2.03033C0.176777 1.73744 0.176777 1.26256 0.46967 0.96967Z' fill='%23404040'/%3E%3C/svg%3E%0A") !important;
}

.p-input-append.p-add-si .dx-texteditor-input-container {
    background-position: calc(100% - 0.88rem);
}

.p-input-append.p-add-si .dx-dropdowneditor-button {
    width: 43px;
}

.ph-header-1 {
    font-size: 30px;
    font-weight: 600;
    color: var(--primary-color);
    font-family: var(--secondary-font);
}

.ph-header-2 {
    font-size: 1.8rem;
    font-weight: 800;
    color: var(--primary-color);
    font-family: var(--secondary-font);
}

.ph-sub-header-2 {
    font-family: var(--primary-font);
    margin: 5px 0 5px;
    font-size: 1.1rem;
    color: var(--on-primary-color);
    line-height: 1.45;
}

@media(max-width: 1600px) {
    .ph-header-1 {
        font-size: 28px;
    }

    .ph-default-para-wrapper .ph-header-1 {
        margin-bottom: 25px;
    }
}

@media(max-width: 1200px) {
    .ph-sub-header-2 br {
        display: none;
    }
}

@media(max-width: 992px) {
    .ph-header-1 {
        font-size: 26px;
        line-height: 38px;
    }

    .ph-header-2 {
        font-size: 1.4rem;
        line-height: 1.3;
    }

    .ph-sub-header-2 {
        font-size: 18px;
    }
}

.ph-para-1 {
    font-size: 16px;
    line-height: 28px;
}

.ph-para-head {
    font-weight: 600;
}

.ph-default-para-wrapper:not(:last-child) {
    margin-bottom: 35px;
}

.ph-default-para-wrapper .ph-header-1 {
    margin-bottom: 30px;
}

.ph-default-para-wrapper .ph-para-1:not(:last-child) {
    margin-bottom: 20px;
}

.ph-para-dot {
    position: relative;
    padding-left: 30px;
    margin-left: 30px;
}

.ph-para-tick {
    position: relative;
    margin-left: 26px;
    padding-left: 33px;
}

    .ph-para-tick::before {
        content: '';
        position: absolute;
        left: 0;
        top: 7px;
        background-image: url("data:image/svg+xml,%0A%3Csvg width='31' height='31' viewBox='0 0 31 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.682 9.37458C28.1552 9.96308 27.6587 10.5528 27.1937 11.1413C26.9769 11.3896 26.7905 11.6378 26.5737 11.9163C26.9455 13.0631 27.1622 14.3031 27.1622 15.5746C27.1319 22.0846 21.8305 27.3863 15.3205 27.3863C8.81052 27.3863 3.5089 22.0846 3.5089 15.5746C3.5089 9.06464 8.81052 3.76302 15.3205 3.76302C17.3973 3.76302 19.3821 4.32127 21.0871 5.25127C21.6756 4.66277 22.2654 4.10452 22.8854 3.54627L23.2886 3.20477C20.9939 1.71774 18.2657 0.849487 15.3207 0.849487C7.19901 0.849487 0.595703 7.4528 0.595703 15.5745C0.595703 23.6962 7.19901 30.2995 15.3207 30.2995C23.4424 30.2995 30.0457 23.6962 30.0457 15.5745C30.0457 13.373 29.5492 11.2661 28.6822 9.37449L28.682 9.37458Z' fill='%23359BEC'/%3E%3Cpath d='M19.4739 11.2029C18.3574 12.5664 17.3039 13.9614 16.3122 15.3879C15.8157 16.1011 15.3205 16.8446 14.8555 17.5894L10.8872 12.6911C10.4222 12.1328 9.61566 12.0093 8.99566 12.4125C8.34417 12.846 8.18917 13.7143 8.62391 14.3658L13.6155 21.7742C13.739 21.9607 13.9255 22.1459 14.1423 22.2707C14.4208 22.4571 14.7308 22.5492 15.0408 22.5492C15.6293 22.5492 16.2808 22.2392 16.5593 21.7124C16.8378 21.2159 18.2328 18.6439 19.1628 17.249C20.0613 15.854 20.9913 14.4905 22.0145 13.1574C23.0063 11.8241 24.061 10.5224 25.1762 9.28236C26.2612 8.04236 27.4395 6.77086 28.6179 5.68574L28.6493 5.65426C29.2076 5.1275 29.2378 4.25925 28.7426 3.70101C28.2158 3.1125 27.3476 3.04951 26.7591 3.57749C25.3956 4.78599 24.1858 5.99574 22.9774 7.26587C21.7374 8.53737 20.5591 9.83912 19.4741 11.2026L19.4739 11.2029Z' fill='%23359BEC'/%3E%3C/svg%3E");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        width: 17px;
        height: 17px;
    }

.ph-para-dot::before {
    content: '';
    position: absolute;
    left: 0;
    top: 13px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--primary-color);
}

@media(max-width: 992px) {
    .ph-para-tick::before {
        top: 8px;
        width: 15px;
        height: 15px;
    }

    .ph-para-tick {
        position: relative;
        padding-left: 30px;
        margin-left: 0px;
    }

    .ph-para-dot::before {
        top: 9px;
    }

    .ph-para-dot {
        position: relative;
        padding-left: 20px;
        margin-left: 0px;
    }

    .ph-para-1 {
        font-size: 17px;
        line-height: 29px;
    }
}

.p-deleted-user {
    opacity: 0.45;
    cursor: default;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--primary-font);
    line-height: 1.3;
}

a {
    text-decoration: none;
}

p, label, button, a, input, button, select, textarea {
    font-family: var(--primary-font) !important;
}

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

.form-control::placeholder, input::placeholder {
    color: var(--placeholder-color);
    opacity: 0;
    visibility: hidden;
}

.p-with-20 {
    width: 20px;
}

.min-wid-ini {
    min-width: initial !important;
}

#txtDelete.form-control::placeholder,
#txtDelete input::placeholder,
#txtCaseNo input::placeholder,
#txtCaseNo.form-control::placeholder,
#txtGoalDelete.form-control::placeholder,
#txtGoalDelete input::placeholder,
#txtGoalDelete input::placeholder,
#txtGoalDelete.form-control::placeholder,
#searchUsersInput.form-control::placeholder,
#searchUsersInput input::placeholder,
#searchpeoplesInput input::placeholder,
#searchpeoplesInput.form-control::placeholder,
#permission-searchUsersInput.form-control::placeholder,
#permission-searchUsersInput input::placeholder,
#permission-searchUsersInput input::placeholder,
#permission-searchUsersInput.form-control::placeholder,
#txt_delete_handbook_banner.form-control::placeholder,
#txt_delete_handbook_banner input::placeholder,
#txt_delete_handbook_banner input::placeholder,
#txt_delete_handbook_banner.form-control::placeholder,
#PartnerUserID.form-control::placeholder,
#PartnerUserID input::placeholder,
#PartnerUserID input::placeholder,
#PartnerUserID.form-control::placeholder,
#FirstName.form-control::placeholder,
#FirstName input::placeholder,
#FirstName input::placeholder,
#FirstName.form-control::placeholder,
#LastName.form-control::placeholder,
#LastName input::placeholder,
#LastName input::placeholder,
#LastName.form-control::placeholder,
#DOB.form-control::placeholder,
#DOB input::placeholder,
#DOB input::placeholder,
#DOB.form-control::placeholder,
#JobTitle.form-control::placeholder,
#JobTitle input::placeholder,
#JobTitle input::placeholder,
#JobTitle.form-control::placeholder,
#Email.form-control::placeholder,
#Email input::placeholder,
#Email input::placeholder,
#Email.form-control::placeholder,
.delete-conf-iw input.form-control::placeholder {
    opacity: 1;
    visibility: visible;
}


.icon.ni.rating-star {
    color: #f39c12;
    font-size: 18px;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: var(--primary-color);
}

.modal-backdrop {
    background-color: rgb(10 30 68 / 64%);
    backdrop-filter: blur(6px);
}

html[color-mode="dark"] .modal-backdrop {
    background-color: rgb(1 8 17 / 59%);
}

.modal-backdrop.show {
    opacity: 1;
}

.ui-datepicker table {
    font-family: var(--primary-font);
}

@media(max-width: 767px) {
    .modal-title {
        max-width: 75%;
        margin: 0 auto;
    }
}

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

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: var(--primary-color);
    background: transparent;
    color: var(--primary-color);
    border-bottom: 2px solid var(--primary-color);
}

.nav-pills .nav-link {
    border-radius: 0;
    color: var(--on-primary-color);
    font-weight: 600;
    padding: .3rem 1rem;
}

.ph-default-box {
    box-shadow: var(--default-shadow);
    border-radius: 13px;
    padding: 20px 20px;
    background-color: var(--card-bg-color);
}

hr {
    border-top: var(--input-border-1);
}

.ph-form-group label {
    font-weight: 600;
    color: var(--primary-color);
    position: relative;
    margin-bottom: 3px !important;
    font-size: 15px;
}

.ph-form-group input, .ph-form-group select, .ph-form-group textarea {
    background-color: var(--white-color);
    padding: .375rem 1rem;
    width: 100%;
    color: var(--primary-color);
}

.form-control:focus, .form-inline input.form-control:focus {
    color: var(--secondary-color);
}

.ph-form-group textarea {
    height: initial;
    min-height: 120px;
}

.ph-default-box .ph-form-group input, .ph-default-box .ph-form-group select, .ph-default-box .ph-form-group textarea, .deactivate-text-area {
    border: 1px solid var(--chat-inbox-border-color) !important;
}

.ph-para-text {
    color: var(--on-primary-color);
    font-size: 15px;
    font-weight: 400;
}

.ph-asterisk label {
    position: relative;
}

/*.ph-asterisk label::after {
    content: "\002A";
    font-size: 18px;
    color: #e00000;
    position: relative;
    top: 0;
    margin-left: 2px;
    line-height: 17px;
}*/

.form-control[disabled],
.p-small-input[disabled],
.form-control[readonly],
.form-control[disabled="disabled"],
.disabled-disabled button.btn-custom-dd,
.dx-state-disabled .dx-dropdowneditor,
.dx-state-disabled.dx-dropdowneditor,
select[disabled="disabled"],
.form-control[disabled] ~ .input-group-append span,
.form-group .dx-state-disabled.dx-widget {
    background-color: var(--disabled-light-color) !important;
    opacity: 1;
    cursor: default;
}

    .form-group .dx-state-disabled.dx-widget .dx-texteditor-input {
        background-color: var(--disabled-light-color) !important;
    }

    .form-control[disabled]:focus,
    .form-control[readonly]:focus,
    .form-control[disabled="disabled"]:focus {
        outline: none !important;
        box-shadow: none !important;
        border-color: var(--input-border-1) !important;
    }

.text-underline {
    position: relative;
}

    .text-underline::after {
        position: absolute;
        content: '';
        background-image: url("data:image/svg+xml,%0A%3Csvg width='268' height='13' viewBox='0 0 268 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M246.2 1.4999C240.4 1.1999 234.5 0.899902 228.6 0.599902C226.7 0.499902 224.7 0.499902 222.8 0.399902C218.6 0.299902 214.4 0.199902 210.2 0.0999023C207.9 -9.76548e-05 205.5 -9.76548e-05 203.2 -0.100098C202.5 -0.100098 201.8 -0.100098 201.2 -0.100098C199.7 -0.100098 198.2 -0.100098 196.6 -0.100098C189.7 -0.100098 182.8 -0.100098 175.9 -0.100098C174.3 -0.100098 172.6 -0.100098 171 -9.76548e-05C166.9 0.0999023 162.9 0.0999024 158.8 0.199902C154.2 0.299902 149.6 0.299902 145 0.399902C137.6 0.599902 130.1 0.799902 122.7 0.999902C118.4 1.0999 114.1 1.1999 109.8 1.2999C102.4 1.5999 95 1.8999 87.6 2.1999C83.5 2.3999 79.5 2.4999 75.4 2.6999C67.7 3.1999 60 3.5999 52.3 3.9999C48.2 4.1999 44.1 4.3999 40 4.6999C32.4 5.2999 24.7 5.9999 17.1 6.6999C15.5 6.7999 13.8 6.9999 12.1 7.0999C8.9 7.3999 5.6 7.8999 2.3 8.2999C2.1 8.2999 1.9 8.3999 1.7 8.3999C1.3 8.3999 1 8.5999 0.7 8.8999C0.2 9.3999 0 9.9999 0 10.5999C0 11.1999 0.2 11.7999 0.7 12.1999C1.1 12.5999 1.8 12.8999 2.3 12.8999C6.3 12.4999 10.2 11.9999 14.2 11.5999C17.9 11.2999 21.6 10.9999 25.3 10.6999C29.3 10.3999 33.3 9.9999 37.4 9.6999C39 9.5999 40.6 9.3999 42.3 9.2999C48.6 8.9999 54.8 8.5999 61.1 8.2999C65 8.0999 68.9 7.8999 72.8 7.6999C74.4 7.5999 76 7.4999 77.6 7.3999C83.8 7.0999 90 6.8999 96.2 6.5999C100 6.4999 103.7 6.2999 107.5 6.1999C108.8 6.1999 110 6.0999 111.3 6.0999C118 5.8999 124.7 5.7999 131.4 5.5999C135.1 5.4999 138.9 5.3999 142.6 5.2999C143.9 5.2999 145.3 5.1999 146.6 5.1999C153.5 5.0999 160.4 5.0999 167.4 4.9999C171.7 4.9999 176 4.8999 180.3 4.8999C187.6 4.8999 195 4.8999 202.3 4.9999C203.7 4.9999 205.2 5.0999 206.6 5.0999C210.7 5.1999 214.7 5.2999 218.8 5.4999C221.8 5.5999 224.9 5.6999 227.9 5.7999C230.1 5.8999 232.2 5.9999 234.4 6.0999C240.7 6.3999 247.1 6.7999 253.4 7.1999C255 7.2999 256.6 7.3999 258.2 7.4999C259.9 7.5999 261.7 7.6999 263.4 7.8999C263.7 7.8999 263.9 7.9999 264.2 8.0999C264.9 8.1999 265.5 8.1999 266.1 7.7999C266.7 7.4999 267.1 6.8999 267.3 6.2999C267.7 4.9999 266.9 3.5999 265.5 3.1999C264.3 2.8999 263.1 2.7999 262 2.5999C261.2 2.4999 260.4 2.3999 259.6 2.3999C258 2.1999 256.4 2.1999 254.9 1.9999C252.1 1.8999 249.1 1.6999 246.2 1.4999Z' fill='%23e6d47d'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='267.6' height='12.9' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
        width: 100%;
        height: 15px;
        background-repeat: no-repeat;
        left: 0;
        bottom: -3px;
    }

.input-text-only {
    padding: 0.6rem 0;
    display: block;
    color: var(--primary-color);
}

@media(max-width: 768px) {
    .text-underline::after {
        bottom: -4px;
        background-size: 220%;
    }
}

/*container custumisation*/

.container-fluid {
    width: 100%;
    padding-right: 30px;
    padding-left: 30px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container, .container-md, .container-sm {
        max-width: 980px;
        padding-right: 30px;
        padding-left: 30px;
    }
}

@media (min-width: 1060px) {
    .container, .container-md, .container-sm {
        max-width: 90%;
    }
}

@media (min-width: 1200px) {
    .container, .container-md, .container-sm {
        max-width: 1180px;
    }
}

@media (min-width: 1300px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1250px;
        margin: 0 auto;
        padding: 0 15px;
    }
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1340px;
        margin: 0 auto;
        padding: 0 30px;
    }
}

@media (max-width: 575px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 100%;
    }

    .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }
}

/*base css varibales for layout ends here*/
/*profile image image border*/
.hc-live-profile-image img, .favourite-therapist-img, .live-classes-row-profile, .oc-pract img, .user-panel img, .steps-filter-single-pract-wrapper .ncd-learn-profil-img, .order-summary-inner-div .prac-name-div img, .review-img, .userProfileDiv img, .pracr-profile, .nd-review-img-name-wrapper img.nd-review-user, .testimonial-img-steps, .header-wrapper .drop-down-link img, .learn-search--overlay .learn-ovelay-search-mob-view, .dashboard-user .nd-dash-user img, .ph-default-img {
    background-color: var(--profile-img-border-color);
    border: 0.04px solid var(--profile-img-border-color);
    /*box-shadow: var(--profile-img-boxshadow);*/
    object-fit: cover;
    object-position: top;
}
/*profile image image border*/


/*css for header*/

/*sick slider controls starts here*/

.slick-dots {
    list-style-type: none;
    padding: 0;
    margin-bottom: 0;
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translate(-50%, 50%);
}

    .slick-dots li {
        display: inline-block;
    }

        .slick-dots li button {
            font-size: 0;
            border: 0;
            background-color: var(--disabled-light-color);
            line-height: 0;
            height: 10px;
            width: 10px;
            border: 2px solid transparent;
            border-radius: 50%;
            padding: 3px;
        }

        .slick-dots li.slick-active button {
            border: 2px solid var(--salmon-color);
            background-color: var(--salmon-light-color);
        }

        .slick-dots li:not(:last-child) {
            margin-right: 10px;
        }

.prev-ctrl, .next-ctrl {
    box-shadow: var(--default-shadow);
    background-color: var(--white-color);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    z-index: 99999999;
    transform: translateY(-50%);
    cursor: pointer;
    top: 50%;
    position: absolute;
}

@media (max-width: 767px) {
    .prev-ctrl, .next-ctrl {
        display: none !important;
    }
}

.prev-ctrl {
    left: -10px;
}

.next-ctrl {
    right: -10px;
}

    .prev-ctrl.slick-disabled em, .next-ctrl.slick-disabled em, .prev-ctrl.slick-hidden em, .next-ctrl.slick-hidden em {
        color: var(--disabled-color);
        cursor: default;
    }

.ctrls-icon {
    width: 23px;
    height: 23px;
}

.slick-dots li button:focus {
    outline: none;
}

.slick-disabled {
    opacity: 0;
}

.slick-prev, .slick-next {
    box-shadow: var(--default-shadow);
    background-color: var(--white-color);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    transform: translateY(-50%);
    cursor: pointer;
    top: 50%;
    position: absolute;
    font-size: 0;
    border: 1px solid var(--dash-btn-bg-color);
}

    .slick-prev:hover, .slick-next:hover {
        background-color: var(--white-color) !important;
    }

.slick-prev {
    left: -15px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23359BEC' class='bi bi-arrow-left' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: center center;
}

.slick-next {
    right: -15px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23359BEC' class='bi bi-arrow-right' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: center center;
}
/*slick slider control ends here*/

/*dx toast */

.dx-toast-wrapper .dx-toast-content {
    min-width: 380px;
    width: initial !important;
    max-width: 1400px;
    color: var(--primary-color);
    padding: 1.6rem 1.5rem;
    border-radius: calc(var(--border-radius-default)* 0.9);
    display: inline-flex;
    align-items: center;
    box-shadow: 1px 2px 6px 1px rgb(0 0 0 / 7%);
}

.dx-toast-wrapper .dx-toast-icon {
    margin-right: 25px;
    width: 45px;
    height: 45px;
    flex-shrink: 0;
    background: #fff;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 70%;
    padding: 13px;
    border: 2px solid #ffffff;
    box-shadow: 1px 1px 6px 1px rgb(0 0 0 / 5%);
}

.dx-toast-wrapper .dx-toast-message {
    line-height: 17px;
}

.dx-toast-wrapper .dx-toast-success {
    border: 2px solid #ffffff;
    background: linear-gradient(180deg, rgb(212 251 209) 25%, rgb(250 255 249) 100%);
}

.dx-toast-wrapper .dx-toast-success .dx-toast-icon {
    background-image: url("data:image/svg+xml,%3Csvg id='Check circle' width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.993 10.222L11.375 14.84C11.228 14.987 11.037 15.06 10.845 15.06C10.652 15.06 10.461 14.987 10.314 14.84L8.005 12.531C7.712 12.238 7.712 11.763 8.005 11.47C8.298 11.177 8.772 11.177 9.065 11.47L10.845 13.249L14.932 9.161C15.225 8.868 15.7 8.868 15.993 9.161C16.286 9.454 16.286 9.929 15.993 10.222ZM12 2.5C6.762 2.5 2.5 6.762 2.5 12C2.5 17.239 6.762 21.5 12 21.5C17.238 21.5 21.5 17.239 21.5 12C21.5 6.762 17.238 2.5 12 2.5Z' fill='%2350C878'%3E%3C/path%3E%3C/svg%3E");
}

.dx-toast-wrapper {
    background-color: transparent !important;
}

.dx-toast-wrapper .dx-toast-error {
    background: linear-gradient(180deg, #ffe7e7 18%, #fffafa 100%);
    border: 2px solid #fff;
}

.dx-toast-wrapper .dx-toast-error .dx-toast-icon {
    background-image: url("data:image/svg+xml,%3Csvg id='Error Triangle' width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.7613 13.2834C12.7613 13.6974 12.4253 14.0334 12.0113 14.0334C11.5973 14.0334 11.2613 13.6974 11.2613 13.2834V10.2714C11.2613 9.85744 11.5973 9.52144 12.0113 9.52144C12.4253 9.52144 12.7613 9.85744 12.7613 10.2714V13.2834ZM12.0093 17.0544C11.5953 17.0544 11.2593 16.7424 11.2593 16.3284V16.2794C11.2593 15.8654 11.5953 15.5294 12.0093 15.5294C12.4233 15.5294 12.7593 15.8654 12.7593 16.2794C12.7593 16.6934 12.4233 17.0544 12.0093 17.0544ZM21.1703 16.8734L14.2103 4.65744C13.7613 3.87144 12.9533 3.40044 12.0483 3.39844H12.0433C11.1423 3.39844 10.3353 3.86544 9.88528 4.64644L2.83728 16.8614C2.38628 17.6414 2.38628 18.5744 2.83628 19.3544C3.28628 20.1354 4.09428 20.6004 4.99528 20.6004H19.0033C19.9023 20.6004 20.7073 20.1374 21.1593 19.3594C21.6113 18.5834 21.6153 17.6534 21.1703 16.8734Z' fill='%23d11111'%3E%3C/path%3E%3C/svg%3E") !important;
}
/*dx toast */

.p-grey-bg-box {
    position: relative;
    padding: calc(var(--box-padding) * 0.75);
    background-color: var(--p-grey-2);
    border-radius: var(--border-radius-default);
}

/*dark mode btns css starts here*/
:root[color-mode="light"] .dark-switch-btns .light--hidden {
    display: none;
}

:root[color-mode="dark"] .dark-switch-btns .dark--hidden {
    display: none;
}

.dark-switch-btns {
    position: initial;
    background-color: var(--input-border-1);
    min-width: 3.3rem;
    border-radius: 5rem;
    padding: 0.2rem;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    display: flex;
    align-items: center;
    width: 3.125rem;
}

.color-mode__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    background-color: var(--chat-dark-bg-2);
    border-radius: 50%;
    width: 1.62rem;
    height: 1.62rem;
    padding: 0;
}

    .color-mode__btn .iconly--icon {
        stroke: var(--primary-color);
    }

:root[color-mode="dark"] .dark-switch-btns .light--hidden {
    -webkit-transform: translateX(21px);
    -ms-transform: translateX(21px);
    transform: translateX(21px);
    margin: 0;
}

/*dark mode btns css ends here*/

/*tooltip Css*/

/*All buttons*/
/*----dahsboard btn----*/

.play-btn-video {
    box-shadow: none;
    border: none;
    background-color: transparent;
}

.main-wrapper-mood-track-step textarea::placeholder {
    color: #99a2b7 !important;
}

.continue-button:hover {
    background: var(--primary-dark-color);
    border-color: var(--primary-dark-color);
    color: #ffffff !important;
    text-decoration: none !important;
}

.browse-prac-btn {
    width: 139px;
    box-shadow: 0 4px 9px 0 rgba(0,0,0,.18), 0 2px 8px 0 rgba(0,0,0,.15);
    background-color: var(--primary-color);
    border: none;
    color: white;
    padding: 5px;
    border-radius: 0px;
    font-size: 14px;
    border-radius: 25px !important;
}

    .browse-prac-btn[disabled] {
        background-color: #bbbbbb;
        box-shadow: none;
        cursor: not-allowed !important;
        text-decoration: line-through #fff;
    }

    .browse-prac-btn:hover {
        color: #ffffff;
        background-color: #05a9af;
        border-color: #05a9af;
    }


.dashboard-hc-btn.dashborad-mt-btn {
    font-size: 14px;
    min-width: 130px;
    margin-top: 3px;
    line-height: 20px;
}

.dashboard-user-inner button.dashboard-hc-btn.refer-therapist {
    width: 100%;
    min-width: initial;
    max-width: initial;
}

button.dashboard-hc-btn.refer-therapist {
    background-color: var(--p-btn-bg);
    color: var(--white-color);
    border-radius: var(--bs-border-radius);
    min-width: 140px;
    object-fit: cover;
    margin: 1rem auto 0;
}

    button.dashboard-hc-btn.refer-therapist:hover {
        background-color: var(--primary-dark-color);
    }

.nd-creator-hc-btn-wrapper .dashboard-hc-btn {
    font-size: 16px;
}


/*buttons ends*/
/*css footer*/
footer.hcb-footer {
    background-color: var(--secondary-color);
    padding: 50px 0 40px;
    position: relative;
    margin-top: 100px;
    text-align: left;
}

.hcb-links-pri-ter,
.footer-wrapper-content-s-cols ul {
    list-style-type: none;
    padding: 0;
}

    .footer-wrapper-content-s-cols ul li a,
    .hcb-links-pri-ter li a,
    .footer-wrapper-content-t-cols a,
    .sales-press-links strong {
        color: var(--white-color);
        font-size: 14px;
        font-weight: 400;
    }

    .footer-wrapper-content-s-cols ul li {
        text-align: left;
    }

        .footer-wrapper-content-s-cols ul li a {
            margin-bottom: 8px;
            display: inline-block;
        }

label.hcb-copyright {
    color: #ffff;
}

.footer-wrapper-content-f-row {
    display: grid;
    grid-template-columns: 35% auto;
    grid-gap: 30px;
}

.hcb-social-media {
    display: inline-grid;
    grid-template-columns: repeat(4, auto);
    grid-gap: 15px;
    align-items: center;
}

.ph-footer-social-security-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 20px;
}

.hcb-social-media a {
    display: flex;
    align-items: center;
    height: 20px;
    width: 20px;
}

.hcb-social-media svg {
    fill: var(--white-color);
    width: 20px;
    height: 20px;
    display: inline-block;
}

.footer-wrapper-content-t-cols a,
.hcb-certificates li a,
.hcb-links-pri-ter li a {
    font-weight: 600;
}

.hcb-links-num, .hcb-links-email {
    margin: 0;
    display: inline-block;
    color: var(--white-color)
}

    .hcb-links-num:hover, .hcb-links-email:hover {
        margin: 0;
        display: inline-block;
        color: var(--white-color)
    }

.ph-connect-infos-media {
    display: grid;
    grid-template-columns: repeat(3, auto);
    align-items: center;
    grid-gap: 40px;
}

.hcb-footer-logo img {
    max-width: 115px;
    height: auto;
}

.footer-wrapper-content-s-cols {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 25px;
}

    .footer-wrapper-content-s-cols p {
        color: var(--white-color);
        font-weight: 600;
        font-size: 17px;
    }

.footer-wrapper-content-f-cols {
    display: flex;
    align-items: flex-end;
}

.path-footer-icons {
    fill: #FFF;
    width: 20px;
    height: 20px;
    display: inline-block;
}

ul.hcb-links-pri-ter {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    grid-gap: 23px;
}

svg.footer-pattern {
    max-width: 100%;
    width: 440px;
    position: absolute;
    right: -160px;
    bottom: -260px;
}

.hcb-footer-logo {
    margin-bottom: 25px;
}

label.hcb-copyright {
    color: #ffff;
    margin-bottom: 25px;
    font-size: 14px;
}

.hcb-certificates svg {
    width: 100%;
    max-width: 300px;
}

.hcb-footer-dissclaimer {
    margin-bottom: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    margin-top: 6px;
}

.footer-wrapper-content {
    position: relative;
    z-index: 99;
}

.hcb-footer hr {
    border-color: var(--chat-inbox-border-color);
    border-top: 1px solid;
}

.footer-lady {
    position: absolute;
    left: 0;
    top: -106px;
    max-width: 240px;
    z-index: 99;
}

.footer-wrapper-content-s-cols ul li a:hover {
    text-decoration: underline;
}

@media(max-width: 992px) {
    .ph-footer-social-security-wrapper {
        flex-direction: column;
    }

    .footer-lady {
        position: absolute;
        left: 0;
        top: -99px;
        max-width: 230px;
        z-index: 9999;
    }
}

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

    .ph-connect-infos-media {
        margin-bottom: 15px;
    }

    .footer-wrapper-content-s-cols {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 15px;
    }

        .footer-wrapper-content-s-cols ul li a {
            margin-bottom: 8px;
            display: inline-block;
            font-size: 14px;
        }

    .footer-wrapper-content-t-cols a, .hcb-certificates li a, .hcb-links-pri-ter li a {
        font-weight: 400;
        font-size: 14px;
    }

    .hcb-footer-dissclaimer {
        font-size: 14px;
        font-weight: 400;
        max-width: 100%;
        text-align: center;
    }

    svg.footer-pattern {
        max-width: 100%;
        width: 400px;
        position: absolute;
        right: -154px;
        bottom: -260px;
    }
}

@media (max-width: 767px) {

    .footer-wrapper-content-f-cols {
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: center;
    }

    .footer-wrapper-content-s-cols {
        grid-template-columns: repeat(2, 1fr);
    }

    .ph-connect-infos-media {
        grid-template-columns: auto;
        align-items: center;
        grid-gap: 8px;
        justify-content: center;
        text-align: center;
    }

    .footer-wrapper-content-s-cols ul li {
        text-align: center;
    }

    .footer-wrapper-content-f-row {
        grid-template-columns: auto;
        grid-gap: 30px;
        align-items: center;
        text-align: center;
        grid-gap: 18px;
    }

    .ph-connect-infos-media {
        margin-bottom: 15px;
    }

    ul.hcb-links-pri-ter {
        align-items: center;
        justify-content: center;
    }

    svg.footer-pattern {
        width: 380px;
        right: -160px;
        bottom: -254px;
        height: auto;
    }

    .hcb-links-pri-ter, .footer-wrapper-content-s-cols ul {
        margin-bottom: 0;
    }

        .footer-wrapper-content-s-cols ul li a {
            margin-bottom: 6px;
        }

    .hcb-footer-dissclaimer {
        font-size: 14px;
        font-weight: 400;
        margin-top: 6px;
        text-align: center;
    }

    .hcb-social-media svg {
        width: 32px;
        height: 32px;
    }

    hr.footer-line {
        margin: 5px 0 0;
    }

    .hcb-footer-logo {
        margin-bottom: 14px;
    }

    label.hcb-copyright {
        margin-bottom: 16px;
        margin-top: 8px;
    }

    .hcb-demo-last-btn.text-center.my-9 {
        margin: 10px 0 50px !important;
    }

    .hcb-certificates svg {
        width: 80%;
        margin: 0 auto;
        display: block;
    }

    footer.hcb-footer {
        padding: 70px 0 20px;
        margin-top: 80px;
    }
}

/*css for footer ends here*/

/*tables start*/
table tr td {
    border: none;
}

/*dashboard table start*/

/*dashboard table ends*/


/*tables ends*/

.hidden {
    display: none !important;
}

.icon.ni {
    font-size: 23px;
    color: var(--primary-color);
}

a.moreless {
    color: var(--primary-color);
}



.p-custom-checkbox {
    display: flex;
    align-items: center;
    padding-left: 2rem;
    line-height: 1.58;
}

.p-custom-checkbox-wl.p-custom-checkbox {
    display: inline-flex;
    justify-content: center;
    position: relative;
    right: -0.51rem;
}

    .p-custom-checkbox-wl.p-custom-checkbox .custom-control-input {
        z-index: 1;
        width: 1.2rem;
        cursor: pointer;
    }

.p-custom-checkbox .custom-control-label::after {
    top: 0rem;
    left: -2.05rem;
    width: 1.3rem;
    height: 1.3rem;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24px' height='24px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 7.1875L9.375 16.8125L5 12.4375' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: 79%;
    background-position: center;
}

.p-custom-checkbox .custom-control-label::before {
    width: 1.2rem;
    height: 1.2rem;
    background-color: var(--chat-dark-bg-2);
    border: 1px solid var(--input-border-1);
    left: -2rem;
    top: 0.05rem;
}

.p-custom-checkbox .custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: middle;
    padding-top: 0;
    cursor: pointer;
    font-size: var(--base-font-size);
}

.dark-bg .p-custom-checkbox .custom-control-label::before {
    background-color: #181717;
    border: 1px solid #5d5d5d;
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgb(18 18 23 / 50%);
    cursor: default;
    border: transparent;
}

.custom-checkbox .custom-control-input:disabled:checked {
    cursor: default;
}

.p-checkbox-2x {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1.35rem;
}


/*calender customization starts here*/
.cal-year-box [class*="span"], .cal-month-box [class*="cal-cell"] {
    border-right: 1px solid var(--chat-inbox-border-color) !important;
}

span[data-cal-date] {
    font-size: var(--base-font-size) !important;
    color: var(--primary-color) !important;
    font-weight: 400 !important;
    opacity: 1 !important;
}

.cal-cell1.cal-cell.blocked-date {
    background-color: var(--input-border-1) !important;
}

.cal-month-day {
    padding: 6px !important;
}

/*calender customization ends here*/

/* top header css starts here*/
header.header-wrapper {
    transition: all .6s;
}

.headerinner-wrapper-learn {
    background-color: var(--white-color);
}

a.x-sign {
    border: 1px solid var(--primary-color) !important;
}

/*pattern starts*/

.nd-pattern-top, .nd-pattern-top-right {
    z-index: -1;
}

#wrapper {
    height: 100%;
    position: relative;
    position: relative;
    display: flex;
    flex-direction: column;
}

/*.content-wrapper,
.content-wrapper > .row,
.content-wrapper > .row > .col-sm-12,
.content-wrapper > .row > .col-sm-12 > .nd-cus-conatiner,
.content-wrapper > .row > .col-sm-12 > .nd-cus-conatiner > .ph-card,
.to-tabs-content > .tab-content,
.to-tabs-content > .tab-content .tab-pane,
.to-tabs-content > .tab-content .tab-pane > .ph-card {
    min-height: 100%;
}*/


.nd-pattern-top {
    position: absolute;
    left: 0px;
    top: 0;
    width: 100%;
    max-width: 325px;
}

.nd-pattern-top-right {
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translateY(-35%);
    max-width: 300px;
    width: 100%;
    height: initial;
}

@media(max-width: 1600px) {
    .nd-pattern-top-right {
        max-width: 250px;
    }
}

/*only for  dashboard*/

.nd-pattern-bottom {
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 220px;
    width: 100%;
}

@media(max-width: 1110px) {
    .nd-pattern-top {
        max-width: 30%;
    }

    .nd-pattern-top-right {
        bottom: 0;
        max-width: 25%;
        top: initial;
    }
}

@media(max-width: 767px) {
    .nd-pattern-top {
        max-width: 50%;
    }

    .nd-pattern-top-right {
        top: 350px;
        max-width: 55%;
    }
}

@media(max-width: 575px) {
    .nd-pattern-top {
        max-width: 75%;
    }

    .nd-pattern-top-right {
        top: 350px;
        max-width: 55%;
    }
}

/*dark mode pattern*/

/*.nd-dark-mode-pattern-top,
.nd-dark-mode-pattern-bottom,
html[color-mode="dark"] .nd-pattern-top,
html[color-mode="dark"] .nd-pattern-top-right {
    display: none;
}*/

html[color-mode="dark"] .nd-dark-mode-pattern-top,
html[color-mode="dark"] .nd-dark-mode-pattern-bottom,
html[color-mode="dark"] .nd-pattern-top,
html[color-mode="dark"] .nd-pattern-top-right {
    display: none;
}

/*patterns ends here*/
/* top header css starts here*/
.ph-bl-sections {
    padding-top: 130px;
}

.ph-header-main {
    font-size: 35px;
}

.ph-join-thep {
    display: grid;
    grid-template-columns: 75% auto;
}

.section-join-therapist .ph-header-main {
    margin-bottom: 50px;
}

.ph-join-thep {
    display: grid;
    grid-template-columns: auto 380px;
    grid-gap: 25px;
}

.cuation-icon {
    width: 20px;
}

.cuation-para {
    display: grid;
    grid-template-columns: max-content auto;
    align-items: center;
    grid-gap: 15px;
    padding-left: 24px;
    margin-top: 55px;
}

@media(max-width: 1600px) {
    .ph-header-main {
        font-size: 28px;
    }
}

@media(max-width: 992px) {
    .ph-join-thep {
        grid-template-columns: auto 250px;
    }

    .ph-bl-sections {
        padding-top: 90px;
    }

    .ph-header-main {
        font-size: 28px;
        line-height: 40px;
    }

    .cuation-para {
        padding-left: 0px;
    }
}

@media(max-width: 767px) {
    .ph-join-thep {
        display: grid;
        grid-template-columns: auto;
        grid-gap: 25px;
        justify-content: center;
    }
}

/*how it works page starts here*/

.ph-hiw-4x-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 30px;
    align-self: stretch;
    margin-bottom: 45px;
}

.ph-why-plumm-inner {
    border-radius: 9px;
    width: 100%;
    padding: 16px;
    min-height: 310px;
}

    .ph-why-plumm-inner .ph-4x-icon-wrapper {
        background: var(--icon-bg-color);
        box-shadow: var(--icon-box-shadow);
        border-radius: 16px;
        width: 80px;
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 25px;
    }

        .ph-why-plumm-inner .ph-4x-icon-wrapper svg {
            max-width: 36px;
        }

    .ph-why-plumm-inner h3 {
        color: var(--secondary-color);
        font-weight: 600;
        font-size: 22px;
        margin-bottom: 20px;
        margin-top: 30px;
    }

    .ph-why-plumm-inner p {
        color: var(--secondary-color);
        font-weight: 400;
        font-size: 16px;
        line-height: 27px;
    }

.ph-hiw-ot {
    background: var(--ot-bg-color);
}

.ph-hiw-ct {
    background: var(--ct-bg-color);
}

.ph-hiw-oc {
    background: var(--oc-bg-color);
}

.ph-hiw-gm {
    background: var(--gm-bg-color);
}

/*how it works page ends here*/

.hiw-btns-signup {
}

.hiw-steps {
    margin: 60px 0 70px;
}

    .hiw-steps > .container, .hiw-plum-secure > .container {
        max-width: 1100px;
    }

.hiw-steps-1, .hiw-steps-3 {
    background: #F4F8FC;
}

.hiw-steps-1, .hiw-steps-2, .hiw-steps-3 {
    padding: 45px 0;
}

section.hiw-plum-secure {
    margin: 20px 0 150px;
}

.main-how-it-works .ph-para-dot {
    margin-left: 0;
}

.plumm-step-imgs {
    padding: 20px;
}

.main-how-it-works .ph-default-para-wrapper .ph-header-1 {
    margin-bottom: 15px;
}

.main-how-it-works .ph-default-para-wrapper:not(:last-child) {
    margin-bottom: 45px;
}

@media(max-width: 1024px) {
    .ph-hiw-4x-grid {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 40px;
    }

    section.hiw-plum-secure .ph-header-main {
        font-size: 24px;
        line-height: 35px;
    }
}

@media(max-width: 991px) and (max-width: 768px) {
    .plumm-step-imgs {
        padding: 20px;
        max-width: 55%;
        margin: 0 auto;
        display: block;
    }
}

@media(max-width: 767px) {
    section .hiw-steps.hiw-steps-1 {
        padding-bottom: 0;
        margin-bottom: 0;
    }

    section.hiw-steps.hiw-steps-2 {
        margin-top: 0;
    }

    .ph-hiw-lc-ri-content, .ph-hiw-li-rc-content {
        grid-gap: 30px;
    }

    section.hiw-steps.hiw-steps-2 {
        margin-top: 0;
        margin-bottom: 0;
    }

    section.hiw-steps.hiw-steps-1 {
        margin-bottom: 0;
    }
}

@media(max-width: 545px) {
    .ph-hiw-4x-grid {
        display: grid;
        grid-template-columns: auto;
        grid-gap: 30px;
        align-self: stretch;
        margin-bottom: 35px;
    }
}

.ph-hiw-lc-ri-content {
    display: grid;
    grid-template-columns: 65% auto;
    align-items: center;
    grid-gap: 50px;
}

.ph-hiw-li-rc-content {
    display: grid;
    grid-template-columns: auto 65%;
    align-items: center;
    grid-gap: 50px;
}

.ph-hiw-left-right-wrapper {
    margin-top: 0px;
}


@media(max-width: 991px) {
    .main-how-it-works .ph-default-para-wrapper:not(:last-child) {
        margin-bottom: 15px;
    }

    .ph-hiw-lc-ri-content {
        display: flex;
        flex-direction: column-reverse;
        align-items: flex-start;
    }

    .ph-hiw-li-rc-content {
        display: grid;
        grid-template-columns: auto;
    }
}


@media(max-width: 768px) {
    .ph-hiw-lc-ri-content {
        grid-template-columns: auto;
    }
}

.ph-hiw-left-right-wrapper img {
    border-radius: 3px;
    box-shadow: var(--default-shadow);
}

/*how it works page ends here*/

/*css for contact us page starts here*/
.contact-us-form .ph-form-group input, .contact-us-form .ph-form-group select, .contact-us-form .ph-form-group textarea {
    border: 1px solid var(--chat-inbox-border-color) !important;
}


.contact-us-form .ph-form-group textarea {
    min-height: 150px;
}

.cu-mt {
    margin-top: 30px;
}

.section-contact-us .ph-header-main {
    margin-bottom: 25px;
}

.ph-get-in-touch .ph-para-1 em {
    font-size: 20px;
    display: inline-block;
    padding-right: 18px;
}

.ph-get-in-touch .ph-para-1 em, .ph-get-in-touch .ph-para-1 a {
    color: var(--primary-color);
}

.customer-service {
    margin-bottom: 50px;
}

@media(max-width: 992px) {

    .contact-us-form {
        margin-bottom: 55px;
    }

    .cu-mt {
        margin-top: 35px;
    }
}
/*css for contact us page ends here*/

/*css fot terms of use starts here*/
.mod-drop-col p, .mod-drop-col-1 p, .section-terms-use p, .section-terms-use li, .restriction-miandiv li, .header-underline li, .section-cookie-policy p {
    line-height: 26px;
    color: var(--secondary-color);
    font-weight: 400;
    font-size: 16px;
}

.restriction-miandiv li, .section-terms-use li, .header-underline li {
    list-style-type: disc;
}

    .restriction-miandiv li:not(:last-child), .section-terms-use li:not(:last-child), .header-underline li:not(:last-child) {
        margin-bottom: 15px;
    }

.header-underline h1 span, .header-underline div span, .ph-bl-sections .text-title, .ph-bl-sections .text-title h3 {
    display: inline-block;
    width: auto !important;
    font-family: var(--secondary-font);
    color: var(--secondary-color);
    font-size: 22px;
    font-weight: 400;
    line-height: 27px;
}

.section-terms-use .text-title, .header-underline .text-title {
    text-transform: uppercase;
    color: var(--secondary-color);
    text-align: left;
    width: 100%;
    font-weight: 400;
    display: inline-block;
    padding-bottom: 18px;
    margin-top: 25px;
}

.section-terms-use .table {
    color: var(--primary-color);
}

    .section-terms-use .table thead th {
        vertical-align: bottom;
        border: 1px solid var(--chat-inbox-border-color);
        background-color: var(--primary-color);
        color: var(--white-color);
        font-weight: 500 !important;
    }

    .section-terms-use .table td, .section-terms-use .table th {
        padding: .75rem;
        text-align: center;
        vertical-align: middle;
        border: 1px solid var(--chat-inbox-border-color);
        color: var(--secondary-color);
    }

.section-terms-use i.fa.fa-check {
    position: relative;
}

    .section-terms-use i.fa.fa-check::after {
        content: '';
        position: absolute;
        font-weight: 700;
        background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' fill='%23359BEC' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg data-name='Layer 57' id='Layer_57'%3E%3Cpath d='M11.5,25.5a2,2,0,0,1-1.41-.59l-5.5-5.5a2,2,0,0,1,2.83-2.83l4.09,4.09L24.59,7.59a2,2,0,0,1,2.83,2.83l-14.5,14.5A2,2,0,0,1,11.5,25.5Z'/%3E%3C/g%3E%3C/svg%3E");
        background-size: 100%;
        width: 19px;
        height: 19px;
        background-repeat: no-repeat;
        background-position: center center;
        top: -10px;
    }

.section-terms-use {
    margin-bottom: 160px;
}

@media(max-width: 992px) {

    .section-terms-use .table td, .section-terms-use .table th {
        white-space: nowrap;
    }

    .section-terms-use .text-title {
        display: flex;
        margin-top: 10px;
    }

    .header-underline h1 span, .header-underline div span,
    .plm-tou-heading {
        font-size: 18px;
    }

    .plm-tou-heading {
        padding-bottom: 0px !important;
    }

    .mb20 {
        margin-bottom: 12px;
    }

    .section-terms-use {
        margin-bottom: 80px;
    }
}
/*css fot terms of use starts here*/

/*css for request appointment page starts here*/

.section-reschedule-app .ph-default-box {
    border-radius: 13px;
    padding: 30px 20px;
    background-color: var(--card-bg-color);
}

/*css for request appointment page ends here*/

.ph-feedback-header {
    color: var(--primary-color);
    font-size: 22px;
    margin-bottom: 25px !important;
    display: inline-block;
    font-weight: 600;
    font-family: var(--primary-font);
}

.ph-feedback {
}

.control {
    display: block;
    position: relative;
    padding-left: 26px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 16px;
}

.review-form label strong {
    color: var(--primary-color);
    font-weight: 600;
}

.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group > svg {
    display: inline-block;
    padding-right: 3px;
}

.ph-fdbk-pl .form-group label {
    text-align: left;
    display: block;
}

.ph-fdbk-pl .review-form label strong {
    text-align: left;
}

.ph-feedback .dg-maxc-maxc {
    display: grid;
    grid-template-columns: max-content max-content;
    align-items: center;
    grid-gap: 20px;
}

.review-form:not(:last-child) {
    margin-bottom: 17px;
}

.review-form-row {
    margin-bottom: 20px;
}

.ph-feedback .ph-para-text {
    font-size: 14px;
}

.ph-feedback .control {
    padding-left: 36px;
    margin-top: 15px;
    margin-bottom: 25px;
    cursor: pointer;
    font-size: 16px;
}

.ph-feedback {
    padding: 30px 25px 20px;
}

.after-feedback .main_summry {
    border: none;
    padding: 0;
}

    .after-feedback .main_summry tr:last-child td {
        padding-bottom: 20px;
    }

    .after-feedback .main_summry tr:first-child td:first-child {
        padding-top: 20px;
    }

/*css for payment link page starts here*/

.payment-link-form-wrapper {
    display: flex;
    align-items: center;
    width: 100%;
}

.payment-link-form-inner-wrapper {
    max-width: 560px;
    margin: auto;
    padding: 25px 25px 0;
    width: 100%;
}

.ph-stripe-payment .form-control {
    height: 48px;
    border: 1px solid var(--chat-inbox-border-color) !important;
    box-shadow: var(--default-shadow);
}

.payment-link-form-inner-wrapper .form-group {
    margin-bottom: 30px !important;
}


.ph-stripe-payment {
    margin-bottom: 40px !important;
}

/*css for payment link page ends here*/

/*css for practices and practices inner pages starts here*/

.practices--testi-bg .row {
    display: initial;
}


.practices-gallery-main-div .row {
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width: 767px) {
    .cust-header-wrapper {
        padding-top: 50px !important;
    }

    .all-pract-head {
        font-size: 26px !important;
    }

    .practices-inner-page h1 {
        font-size: 26px !important;
        line-height: 36px !important;
    }
}


/*css for practices and practices inner pages ends here*/

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

/*css for language change starts here*/

.weglot-widget .hc-default-btn {
    font-size: 16px;
}

.weglot-widget .contact-us-content {
    padding-bottom: 30px;
}

.weglot-widget .bah-content-text {
    max-width: 60%;
    margin-right: 26px;
}

.weglot-widget .btn-slot {
    min-width: 84px;
    padding: 5px 10px;
    display: inline-block;
    text-align: center;
    width: initial;
}

.weglot-widget .ph-header .navbar-nav li a {
    padding: 10px 7px;
    font-size: 15px;
}

    .weglot-widget .ph-header .navbar-nav li a.x-login, .weglot-widget .ph-header .navbar-nav li a.x-sign {
        min-width: 115px;
        line-height: 27px;
    }

.weglot-widget .mental-health-care-boxes-items {
    padding: 20px;
    min-height: 280px;
}

    .weglot-widget .mental-health-care-boxes-items p {
        font-size: 15px;
    }

.weglot-widget .get-start-content .list-item-wrapper p br, .weglot-widget .ph-jat-banner-content p br {
    display: none;
}

.weglot-widget .contact-us-content .hc-default-btn {
    min-width: 330px;
}

.weglot-widget .ba-nav-wrapper {
    max-width: 100%;
}

.weglot-widget .ba-nav-wrapper {
    grid-gap: 12px;
    padding: 10px 0px;
}

    .weglot-widget .ba-nav-wrapper a.nav-link {
        font-size: 13px;
        padding: 12px 9px;
    }

.wg-drop.country-selector .wgcurrent {
    border: 1px solid var(--chat-inbox-border-color);
    border-radius: 5px;
}

    .wg-drop.country-selector .wgcurrent:after {
        background-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.646 0.646001C0.692446 0.599438 0.747622 0.562495 0.808367 0.537288C0.869112 0.512082 0.934233 0.499107 1 0.499107C1.06577 0.499107 1.13089 0.512082 1.19163 0.537288C1.25238 0.562495 1.30755 0.599438 1.354 0.646001L7 6.293L12.646 0.646001C12.6925 0.599513 12.7477 0.562637 12.8084 0.537477C12.8692 0.512318 12.9343 0.499369 13 0.499369C13.0657 0.499369 13.1308 0.512318 13.1916 0.537477C13.2523 0.562637 13.3075 0.599513 13.354 0.646001C13.4005 0.692489 13.4374 0.747678 13.4625 0.808417C13.4877 0.869157 13.5006 0.934257 13.5006 1C13.5006 1.06574 13.4877 1.13085 13.4625 1.19158C13.4374 1.25232 13.4005 1.30751 13.354 1.354L7.354 7.354C7.30755 7.40056 7.25238 7.43751 7.19163 7.46271C7.13089 7.48792 7.06577 7.50089 7 7.50089C6.93423 7.50089 6.86911 7.48792 6.80837 7.46271C6.74762 7.43751 6.69245 7.40056 6.646 7.354L0.646 1.354C0.599437 1.30756 0.562494 1.25238 0.537288 1.19163C0.512081 1.13089 0.499106 1.06577 0.499106 1C0.499106 0.934234 0.512081 0.869112 0.537288 0.808367C0.562494 0.747622 0.599437 0.692447 0.646 0.646001Z' fill='%238598BC'/%3E%3C/svg%3E%0A") !important;
    }

.weglot-widget .login-action-btns {
    margin-left: 15px;
}

.weglot-widget .ba-date-range-picker .report-range span {
    padding: 7px 10px;
    font-size: 14px;
}

@media(min-width: 992px) {
    .weglot-widget .phb-banner {
        background-position: right;
    }

    .weglot-widget .hcb-nav-menu li.navbar-nav-item a {
        padding: 8px 6px !important;
    }
}

@media (min-width: 1200px) {
    .weglot-widget .get-start-content .list-item-wrapper p {
        max-width: 45%;
    }

    .weglot-widget .ph-jat-banner-content p {
        max-width: 65%;
    }
}

.nd-subscription table tr,
.nd-subscription table tr td,
.nd-subscription .bootstrap-table .table thead > tr > th,
.nd-subscription .bootstrap-table .table,
.client-billing table tr,
.client-billing table tr td,
.client-billing .bootstrap-table .table thead > tr > th,
.client-billing .bootstrap-table .table,
.nd-my-app table tr,
.nd-my-app table tr td,
.nd-my-app .bootstrap-table .table thead > tr > th,
.nd-my-app .bootstrap-table .table {
    border: none !important;
}
/*css for language change ends here*/

/*core css*/

/*.bg-pattern{
    position: relative;
    overflow: hidden !important;
}

.bg-pattern::after,
.mood-tracker-pattern::before,
.ma-pattern::before {
    content: "";
    position: absolute;
    z-index: 10;
    background-repeat: no-repeat;
}

.ma-pattern::after,
.ma-pattern::before {
    background-repeat: no-repeat;
    background-position: 104% -11px;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 291 291' style='enable-background:new 0 0 291 291;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bclip-path:url(%23SVGID_2_);%7D .st1%7Bfill:%23FFFFFF;fill-opacity:5.000000e-02;%7D%0A%3C/style%3E%3Cpath class='st1' d='M88.8,221.5c17.1,0.2,32.3,12.6,49.5,13c12.7,0.3,25.4-6.8,31.9-17.8c6.5-11,6.4-25.5,0-36.5 c-5.7-9.7-15.5-16.1-22.4-25c-6.9-8.8-10.1-22.9-2-30.6c8.1-7.6,21.8-3.8,30.1,3.6c8.3,7.4,13.9,17.5,22.7,24.3 c8.8,6.8,23.4,8.6,29.7-0.5c8-11.6-3-31.5,8.3-39.9c6.9-5.1,16.6-1.2,24.4,2.3s18.4,6.1,23.9-0.6c6.2-7.6-0.6-18.7-7.2-25.9 c-21.3-23.5-44-47.8-73.9-58.4c-22.5-7.9-47.4-7.2-70.6-1.7C85.3,39.3,42.6,71.7,20.9,115.6c-21.7,43.9-21.1,98.7,3.7,141 c12,20.6,23,27,28.1,2C56.7,239.2,65.4,221.2,88.8,221.5z'/%3E%3C/svg%3E");
    top: -160px;
    right: -30px;
    width: 335px;
    height: 335px;
    transform: rotate(81deg);
}

.ma-pattern::before {
    left: -66px;
    top: 50px;
    transform: rotate(-107deg);
    width: 140px;
    height: 120px;
}

.pattern-chat-therapist::after {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 146 146' style='enable-background:new 0 0 146 146;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bclip-path:url(%23SVGID_2_);%7D .st1%7Bfill:%23FFFFFF;fill-opacity:5.000000e-02;%7D%0A%3C/style%3E%3Cpath class='st1' d='M92.1,26.4c-8.6,4.5-18.3,6.6-27.4,9.9c-9.1,3.3-18.3,8.2-23.3,16.5c-5.1,8.3-4.6,20.6,3.3,26.3 c5.7,4.2,13.3,4,20.1,5.8c6.8,1.8,13.9,8.1,11.6,14.8c-2.5,7.3-14,8.6-15.9,16.1c-1.8,7.4,7.6,12.7,15.3,12.7s16.3-1.7,22.2,3 c4.2,3.3,6,9.3,10.8,11.7c4.8,2.5,11.1,0.3,14.7-3.8c3.6-4.1,5.3-9.5,6.7-14.8c8.2-31.2,11.2-63.6,8.8-95.8 c-0.6-7.6-1.6-15.7-6.6-21.5C116.3-11.1,103.8,20.3,92.1,26.4z'/%3E%3C/svg%3E%0A");
    top: -66px;
    right: -20px;
    width: 220px;
    height: 265px;
}

.mood-tracker-pattern::after,
.mood-tracker-pattern::before {
    background-repeat: no-repeat;
    background-position: 104% -11px;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 291 291' style='enable-background:new 0 0 291 291;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bclip-path:url(%23SVGID_2_);%7D .st1%7Bfill:%23FFFFFF;fill-opacity:5.000000e-02;%7D%0A%3C/style%3E%3Cpath class='st1' d='M88.8,221.5c17.1,0.2,32.3,12.6,49.5,13c12.7,0.3,25.4-6.8,31.9-17.8c6.5-11,6.4-25.5,0-36.5 c-5.7-9.7-15.5-16.1-22.4-25c-6.9-8.8-10.1-22.9-2-30.6c8.1-7.6,21.8-3.8,30.1,3.6c8.3,7.4,13.9,17.5,22.7,24.3 c8.8,6.8,23.4,8.6,29.7-0.5c8-11.6-3-31.5,8.3-39.9c6.9-5.1,16.6-1.2,24.4,2.3s18.4,6.1,23.9-0.6c6.2-7.6-0.6-18.7-7.2-25.9 c-21.3-23.5-44-47.8-73.9-58.4c-22.5-7.9-47.4-7.2-70.6-1.7C85.3,39.3,42.6,71.7,20.9,115.6c-21.7,43.9-21.1,98.7,3.7,141 c12,20.6,23,27,28.1,2C56.7,239.2,65.4,221.2,88.8,221.5z'/%3E%3C/svg%3E");
    top: -110px;
    right: -100px;
    width: 335px;
    height: 335px;
    transform: rotate(35deg);
}

.mood-tracker-pattern::before {
    top: 195px;
    transform: rotate(-154deg);
}

.daily-affir-pattern::after {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 291 291' style='enable-background:new 0 0 291 291;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bclip-path:url(%23SVGID_2_);%7D .st1%7Bfill:%23FFFFFF;fill-opacity:5.000000e-02;%7D%0A%3C/style%3E%3Cpath class='st1' d='M87.8,193.4c3.7,13.1,0.9,27.1,0.4,40.7c-0.6,13.6,2,29,13.1,37c13,9.5,32.2,4.1,43.7-7 c11.5-11.2,17.5-26.7,24.3-41.2c6.8-14.5,15.6-29.4,30-36.4c8.3-4,17.6-5.1,26.3-8.2c8.7-3,17.4-8.9,19.5-17.8 c3-12.7-8.4-25.2-6.7-38.2c1.9-14.2,17.6-21.5,26.3-32.8c12.4-16.2,8.4-41.3-5.8-56c-14.2-14.7-36.1-20-56.4-18 c-20.3,2-39.5,10.4-57.6,19.8c-39.1,20.3-75.4,46-107.7,75.9c-14.5,13.5-29.9,36.9-5.7,48C53.4,169.2,79.4,164.1,87.8,193.4z'/%3E%3C/svg%3E");
    top: -130px;
    right: -80px;
    width: 255px;
    height: 255px;
    transform: rotate(334deg);
}*/

:root[color-mode="dark"] .wg-drop.country-selector {
    background-color: var(--dark-back-bg);
    border-radius: 5px;
}

    :root[color-mode="dark"] .wg-drop.country-selector .wgcurrent {
        border: 1px solid var(--tag-border-color);
    }

    :root[color-mode="dark"] .wg-drop.country-selector ul {
        border: 1px solid var(--tag-border-color);
        background: var(--dark-back-bg);
    }

:root[color-mode="dark"] .hcb-footer hr {
    border-color: var(--tag-border-color);
}

@media(min-width: 768px) and (max-width: 1024px) {
    .weglot-widget .table-appointments .dashboard-hc-btn {
        min-width: 120px;
    }
}
/*css for language change ends here*/

.dm-cus-d-none {
    display: none;
}

:root[color-mode="dark"] .lm-cus-d-none {
    display: none;
}

:root[color-mode="dark"] .dm-cus-d-none {
    display: block;
}

:root[color-mode="dark"] .nd-placeload-preloader-oc .placeload {
    background: #1f1f1f;
}

:root[color-mode="dark"] .loads {
    background: #191818;
    background: linear-gradient(to right, #0a0a0b 8%, #0f0f13 18%, #0a0a0b 33%);
}

:root[color-mode="dark"] .nd-pattern-top, :root[color-mode="dark"] .nd-pattern-top-right {
    z-index: -1;
}

.learn-search--overlay header.headerinner-wrapper.headerinner-wrapper-learn.learn-header-wrapper-al {
    position: initial;
}

/*css for lite cover page starts here*/
.body-ph-lite-cover {
    background-color: var(--bg-default-pattern);
}

.ph-lite-cover .ph-lite-cover-heading {
    padding: 4.4rem 0rem 3rem;
}

.ph-lite-cover .ph-header-2 {
    margin-bottom: 5px !important;
}

.ph-lite-cover .ph-para-dot {
    margin-left: 0px;
}

.ph-cust-logo-tl {
    position: absolute;
    z-index: 99999;
    top: 20px;
    left: 30px;
}

    .ph-cust-logo-tl img {
        max-width: 115px;
        height: auto;
    }

.ph-default-box-lite .form-group {
    margin-bottom: 25px !important;
}

.ph-lite-form-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
}


.ph-stripe-payment #card-element {
    border: none !important;
}

.ph-lite-cover .ph-default-para-wrapper .ph-header-1 {
    margin-bottom: 30px;
    text-align: center;
}

.ph-lite-steps .ph-header-1 {
    margin-bottom: 37px !important;
}

.ph-lite-row {
    justify-content: center;
}

@media(max-width: 1024px) {
    section.ph-lite-cover {
        min-height: 65vh;
    }
}

@media (max-width: 991px) {

    .ph-lite-steps {
        margin-top: 20px;
    }

        .ph-lite-steps .ph-header-1 {
            margin-bottom: 20px !important;
        }
}

@media (max-width: 767px) {
    .ph-lite-cover .ph-cust-logo-tl {
        left: 15px;
    }

    .ph-lite-form-grid {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 0px;
    }

    .ph-lite-cover .ph-header-1 {
        font-size: 21px;
        line-height: 35px;
    }

    .ph-lite-cover .ph-default-para-wrapper .ph-header-1 {
        margin-bottom: 15px;
        text-align: center;
    }

    .ph-sub-header-2 {
        line-height: 24px;
    }

    .ph-lite-cover .ph-default-para-wrapper:not(:last-child) {
        margin-bottom: 20px;
    }

    .ph-lite-cover .ph-para-1 {
        font-size: 15px;
        line-height: 25px;
    }

    .ph-default-box-lite {
        margin-top: 0px;
    }

    .ph-cust-logo-tl {
        left: 15px;
    }

    .ph-default-box-lite {
        margin-bottom: 35px;
    }

    section.ph-lite-cover {
        margin-bottom: 4rem;
    }

    .ph-lite-cover .ph-lite-cover-heading {
        padding: 4.4rem 0rem 1.3rem;
    }
}


.hc-cp-email input[disabled="disabled"] {
    background-color: #d6dbe6;
}


html[color-mode="dark"] a.btn-book-slot:active {
    color: var(--chat-dark-bg-2);
}

/*dark mode logo*/

.dark-mode-logo {
    display: none;
}

html[color-mode="dark"] .dark-mode-logo-hide {
    display: none;
}


html[color-mode="dark"] .dark-mode-logo {
    display: flex;
    opacity: 0.9;
}

html[color-mode="dark"] .brand-link .dark-mode-logo {
    width: 66px;
    height: auto;
}

/*css for header*/



.is-login#ph-header {
    max-width: 225px;
    background-color: transparent;
    box-shadow: none;
    padding: 0.8rem 0rem;
}

#wrapper .is-login#ph-header #header {
    background: transparent;
}

#ph-header.is-login .ph-menu-wrapper,
#ph-header.is-login .plmm-header-action-btn {
    display: none !important;
}

#ph-header.is-login .container-fluid {
    padding-right: 30px;
    padding-left: 30px;
}

.is-login#ph-header.js-header-fix-moment {
    max-width: 100%;
}

@media(max-width: 1253px) {
    .is-login#ph-header .ph-navbar-toggle-btn {
        display: none !important;
    }

    .is-login#ph-header.ph-header .navbar {
        justify-content: flex-start;
    }

    .is-login#ph-header.ph-header {
        top: 0px;
    }

    #ph-header.ph-header .navbar img, #ph-header.ph-header .navbar > a {
        max-width: 95px;
    }

    .ph-header .navbar a {
        flex-grow: 1;
    }


    #ph-header.is-login .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }
}

.aster-all-field-com {
    margin-bottom: 0 !important;
    color: #d50000 !important;
    display: flex;
    align-items: center;
}

    .aster-all-field-com span {
        color: #af0000;
        font-size: 30px;
        line-height: 16px;
        display: inline-block;
        position: relative;
        top: 7px;
        margin-right: 7px;
    }

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-bottom: 5px;
}

/*default link*/
.refer-therapist.see-more-btn,
.ph-default-link,
.welcome-dash-moodal-link a {
    box-shadow: none;
    border: none;
    background: none;
    color: var(--primary-color);
    font-weight: 600;
    font-size: var(--base-font-size);
    display: inline-block;
    cursor: pointer;
}

.ph-default-link.ph-default-link-red {
}

.password-hint ul {
    margin-bottom: 0 !important;
}

.password-hint {
    position: absolute;
    bottom: -20px;
    right: calc(-100% - 2.8rem);
    padding: 10px 15px;
    border-radius: var(--bs-border-radius);
    transition: all .3s;
    font-size: 14.6px;
    line-height: 25px;
    color: var(--on-primary-color);
    background: var(--chat-dark-bg-2);
    background-color: var(--chat-dark-bg-2);
    border: 1px solid var(--chat-inbox-border-color) !important;
    z-index: 1200;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color: var(--sec-light-color4);
}

@media(max-width: 1024px) {
    .password-hint {
        bottom: 58px;
        right: 0;
    }
}

a.focus-clsignup {
    color: var(--secondary-color);
    font-weight: 500;
    text-decoration: none;
}

/*default dark border*/
html[color-mode="dark"] .btn-slot,
html[color-mode="dark"] .hc-default-btn.ph-promo-btn,
html[color-mode="dark"] .appointment-summary .table > tbody > tr > td {
    border-color: var(--chat-dark-border-2);
}

/*sweet alert modal */
html[color-mode="dark"] .sweet-alert {
    border: 1px solid var(--chat-inbox-border-color);
    background-color: var(--bg-default);
}

    html[color-mode="dark"] .sweet-alert .sa-icon.sa-success::before,
    html[color-mode="dark"] .sweet-alert .sa-icon.sa-success::after,
    html[color-mode="dark"] .sweet-alert .sa-icon.sa-success .sa-fix {
        background: var(--bg-default);
    }

/*dark input*/
html[color-mode="dark"] .form-contact input, .dx-editor-cell .dx-texteditor,
html[color-mode="dark"] .dx-editor-cell .dx-texteditor .dx-texteditor-input, html[color-mode="dark"] .search-bar-input-wrapper input,
html[color-mode="dark"] .mood-track-text-area,
html[color-mode="dark"] .gify-search-input input,
html[color-mode="dark"] .pat-profile-new select.form-control, html[color-mode="dark"] .form-control,
html[color-mode="dark"] .emojionearea-wrapper .emojionearea-search input,
html[color-mode="dark"] .ph-form-group input,
html[color-mode="dark"] .ph-form-group select, html[color-mode="dark"] .ph-form-group textarea,
html[color-mode="dark"] .dx-texteditor.dx-editor-outlined,
html[color-mode="dark"] .dx-texteditor-input,
html[color-mode="dark"] .form-contact input,
html[color-mode="dark"] .dx-editor-cell .dx-texteditor,
html[color-mode="dark"] .dx-editor-cell .dx-texteditor .dx-texteditor-input,
html[color-mode="dark"] .search-bar-input-wrapper input,
html[color-mode="dark"] .mood-track-text-area,
html[color-mode="dark"] .gify-search-input input,
html[color-mode="dark"] .pat-profile-new select.form-control,
html[color-mode="dark"] .form-control,
html[color-mode="dark"] .p-html-editor.dx-htmleditor .dx-htmleditor-toolbar-wrapper:first-child,
html[color-mode="dark"] .p-html-editor .dx-quill-container.ql-container {
    background-color: var(--chat-dark-bg-2);
    color: var(--light-grey-dark);
    border: 1px solid var(--border-layout);
}

    html[color-mode="dark"] .form-contact input:focus, html[color-mode="dark"] .search-bar-input-wrapper input:focus,
    html[color-mode="dark"] .mood-track-text-area,
    html[color-mode="dark"].gify-search-input input {
        border: 1px solid var(--input-focus-dark) !important;
    }

html[color-mode="dark"] .read-only-inputs {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent !important;
    pointer-events: none;
    box-shadow: none !important;
    padding: 0px !important;
    font-size: 15px !important;
    height: 30px !important;
    border: none !important;
}

html[color-mode="dark"] .dx-radiobutton-icon::before {
    border-color: var(--chat-dark-border-2);
    background-color: var(--chat-dark-bg-1) !important;
}

html[color-mode="dark"] .dx-popup-wrapper.dx-scheduler-appointment-popup .dx-radiobutton-icon-checked .dx-radiobutton-icon-dot {
    background-color: var(--dark-primary-color);
}

html[color-mode="dark"] .dx-switch-container {
    background-color: var(--chat-dark-bg-2);
    border: 1px solid var(--chat-inbox-border-color) !important;
}

    html[color-mode="dark"] .dx-switch-container .dx-switch-on {
        color: var(--on-primary-color);
    }

html[color-mode="dark"] .dx-switch-on-value .dx-switch-handle::before {
    background-color: var(--dark-primary-color) !important;
}

/*dark input select2*/

/*html[color-mode="dark"] .select2-container--default .select2-search--inline .select2-search__field {
    height: initial;
} */

html[color-mode="dark"] .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--gradient-light-bottom);
    border: 1px solid var(--gradient-light-bottom);
}

html[color-mode="dark"] .select2-container--default .select2-search--inline input.select2-search__field,
html[color-mode="dark"] .select2-container--default .select2-search--inline input.select2-search__field:focus {
    box-shadow: none;
    border: none !important;
}

html[color-mode="dark"] .select2-dropdown {
    background-color: var(--bg-default);
    border: 1px solid var(--bg-default);
}

html[color-mode="dark"] .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: var(--chat-dark-bg-2) !important;
}

html[color-mode="dark"] .select2-container--default .select2-results__option--selected {
    background-color: var(--chat-dark-bg-1);
}
/*modal */
html[color-mode="dark"] .modal-header,
html[color-mode="dark"] .modal-content {
    background: var(--bg-default);
}

html[color-mode="dark"] .modal-header {
    border-color: var(--card-bg-color);
}

html[color-mode="dark"] .modal-title {
    color: var(--on-primary-color);
}

html[color-mode="dark"] ::selection {
    background: var(--dark-primary-color);
}

html[color-mode="dark"] .btn-slot:hover, html[color-mode="dark"] .btn-slot:focus {
    color: var(--bg-default);
}

html[color-mode="dark"] .text-underline::after {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='268' height='13' viewBox='0 0 268 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M246.2 1.6C240.4 1.3 234.5 1 228.6 0.7C226.7 0.6 224.7 0.6 222.8 0.5C218.6 0.4 214.4 0.3 210.2 0.2C207.9 0.1 205.5 0.1 203.2 0C202.5 0 201.8 0 201.2 0C199.7 0 198.2 0 196.6 0C189.7 0 182.8 0 175.9 0C174.3 0 172.6 0 171 0.1C166.9 0.2 162.9 0.2 158.8 0.3C154.2 0.4 149.6 0.4 145 0.5C137.6 0.7 130.1 0.9 122.7 1.1C118.4 1.2 114.1 1.3 109.8 1.4C102.4 1.7 95 2 87.6 2.3C83.5 2.5 79.5 2.6 75.4 2.8C67.7 3.3 60 3.7 52.3 4.1C48.2 4.3 44.1 4.5 40 4.8C32.4 5.4 24.7 6.1 17.1 6.8C15.5 6.9 13.8 7.1 12.1 7.2C8.9 7.5 5.6 8 2.3 8.4C2.1 8.4 1.9 8.5 1.7 8.5C1.3 8.5 1 8.7 0.7 9C0.2 9.5 0 10.1 0 10.7C0 11.3 0.2 11.9 0.7 12.3C1.1 12.7 1.8 13 2.3 13C6.3 12.6 10.2 12.1 14.2 11.7C17.9 11.4 21.6 11.1 25.3 10.8C29.3 10.5 33.3 10.1 37.4 9.8C39 9.7 40.6 9.5 42.3 9.4C48.6 9.1 54.8 8.7 61.1 8.4C65 8.2 68.9 8 72.8 7.8C74.4 7.7 76 7.6 77.6 7.5C83.8 7.2 90 7 96.2 6.7C100 6.6 103.7 6.4 107.5 6.3C108.8 6.3 110 6.2 111.3 6.2C118 6 124.7 5.9 131.4 5.7C135.1 5.6 138.9 5.5 142.6 5.4C143.9 5.4 145.3 5.3 146.6 5.3C153.5 5.2 160.4 5.2 167.4 5.1C171.7 5.1 176 5 180.3 5C187.6 5 195 5 202.3 5.1C203.7 5.1 205.2 5.2 206.6 5.2C210.7 5.3 214.7 5.4 218.8 5.6C221.8 5.7 224.9 5.8 227.9 5.9C230.1 6 232.2 6.1 234.4 6.2C240.7 6.5 247.1 6.9 253.4 7.3C255 7.4 256.6 7.5 258.2 7.6C259.9 7.7 261.7 7.8 263.4 8C263.7 8 263.9 8.1 264.2 8.2C264.9 8.3 265.5 8.3 266.1 7.9C266.7 7.6 267.1 7 267.3 6.4C267.7 5.1 266.9 3.7 265.5 3.3C264.3 3 263.1 2.9 262 2.7C261.2 2.6 260.4 2.5 259.6 2.5C258 2.3 256.4 2.3 254.9 2.1C252.1 2 249.1 1.8 246.2 1.6Z' fill='%23f9e791'/%3E%3C/svg%3E%0A");
}

html[color-mode="dark"] .team-profile-img::after {
    height: 100px;
    background: linear-gradient( 0deg, var(--dark-gradient-primary) 54.88%, rgb(255 255 255 / 0%));
}

html[color-mode="dark"] footer.hcb-footer {
    background-color: var(--dark-back-bg);
}

html[color-mode="dark"] .hcb-social-media svg,
html[color-mode="dark"] .hcb-links-num,
html[color-mode="dark"] .hcb-links-email,
html[color-mode="dark"] .footer-wrapper-content-s-cols ul li a,
html[color-mode="dark"] .hcb-links-pri-ter li a,
html[color-mode="dark"] .sales-press-links strong,
html[color-mode="dark"] .footer-wrapper-content-t-cols a,
html[color-mode="dark"] .footer-wrapper-content-s-cols p,
html[color-mode="dark"] .hcb-footer-dissclaimer {
    fill: var(--secondary-color);
    color: var(--secondary-color);
}

html[color-mode="dark"] .hcb-footer-logo img {
    opacity: 0.8;
}

html[color-mode="dark"] .ad-aster::after {
    color: #af0000;
}

html[color-mode="dark"] .ba-nav-wrapper a.nav-link.active,
html[color-mode="dark"] .progress-step-list > li.active {
    color: var(--bg-default) !important;
}

/*bark hover*/
html[color-mode="dark"] .pac-item:hover {
    background-color: var(--dark-primary-color);
    color: var(--chat-dark-bg-2);
}

    html[color-mode="dark"] .pac-item:hover .pac-item-query {
        color: var(--chat-dark-bg-2);
    }

/*ends here*/

/*dark step progress starts here*/
html[color-mode="dark"] .steps > *.done {
    background: var(--dark-primary-color);
}

    html[color-mode="dark"] .steps > *.done::before,
    html[color-mode="dark"] .steps > *.done::after {
        background: var(--dark-primary-color);
    }

/*dark tags*/

html[color-mode="dark"] .mood-track-step-feeling span,
html[color-mode="dark"] .selectedlist-btns-div .selected-list,
html[color-mode="dark"] .ph-qestions-options,
html[color-mode="dark"] .learn-skills-tag,
html[color-mode="dark"] .btn-slot {
    background: var(--bg-default);
    border: 1px solid var(--chat-dark-border-1);
    box-shadow: var(--bg-default-box-shadow);
    color: var(--on-primary-color);
}

    html[color-mode="dark"] .mood-track-step-feeling .mood-track-active,
    html[color-mode="dark"] .selectedlist-btns-div .selected-list.selected,
    html[color-mode="dark"] .ph-qestions-options.active-option,
    html[color-mode="dark"] .learn-skills-tag.active-learn-tag,
    html[color-mode="dark"] .btn-slot:focus {
        background-color: var(--dark-primary-color) !important;
        border: 1px solid var(--dark-primary-color);
        color: var(--icon-bg-color)
    }

@media (min-width: 1025px) {
    html[color-mode="dark"] label.selected-list:hover {
        border: 1px solid var(--dark-primary-color);
        color: var(--on-primary-color);
        background: var(--bg-default) !important;
    }

    html[color-mode="dark"] .mood-track-step-feeling span:hover,
    html[color-mode="dark"] .ph-qestions-options:hover,
    html[color-mode="dark"] .learn-skills-tag:hover,
    html[color-mode="dark"] .btn-slot:hover {
        border: 1px solid var(--dark-primary-color);
    }
}

/*ends here*/

html[color-mode="dark"] .list-group-item {
    background-color: var(--card-bg-color);
}

html[color-mode="dark"] .custom-billing-balance .list-group-item-success {
    background-color: var(--chat-right-bubble);
    padding: 10px 15px;
    border-radius: 3px;
}

/*checkbox ui chnages starts here*/

html[color-mode="dark"] .radio input[type="radio"]:checked + .radio-label:before,
html[color-mode="dark"] .partners-login .hc-radio-check [type=checkbox] + label::after,
html[color-mode="dark"] .partners-login .hc-radio-check [type=radio] + label::after {
    background: var(--dark-primary-color);
}

html[color-mode="dark"] .control--checkbox .control__indicator:after {
    border-color: var(--bg-default);
}

html[color-mode="dark"] .radio-bp input[type="radio"]:checked + .radio-label-bp:before,
html[color-mode="dark"] .radio input[type="radio"]:checked + .radio-label:before {
    box-shadow: inset 0 0 0 5px var(--chat-dark-bg-1);
}

html[color-mode="dark"] .book-summary .panel-haed.active .radio input[type="radio"] + .radio-label:before {
    border: 1px solid var(--chat-dark-border-2);
}

html[color-mode="dark"] .radio input[type="radio"] + .radio-label:before {
    background: var(--chat-dark-bg-1);
}
/*starts here*/
html[color-mode="dark"] .hc-radio-check [type=checkbox] + label::after,
html[color-mode="dark"] .hc-radio-check [type=radio] + label::after {
    background-color: var(--dark-primary-color);
}

html[color-mode="dark"] .hc-radio-check [type=checkbox] + label::before,
html[color-mode="dark"] .hc-radio-check [type=radio] + label::before,
html[color-mode="dark"] .radio input[type="radio"] + .radio-label:before {
    border-color: var(--chat-dark-border-2);
}

html[color-mode="dark"] .hc-radio-check [type=checkbox] + label::before,
html[color-mode="dark"] .hc-radio-check [type=radio] + label::before {
    background-color: var(--chat-dark-bg-1) !important;
}

html[color-mode="dark"] .hc-radio-check [type=radio]:checked + label::before {
    background-color: var(--primary-color);
}
/*ends here*/

/*checkbox starts here*/

html[color-mode="dark"] .control:hover input:not([disabled]):checked ~ .control__indicator,
html[color-mode="dark"] .control input:checked:focus ~ .control__indicator,
html[color-mode="dark"] .control__indicator {
    background-color: var(--chat-dark-bg-1) !important;
}

html[color-mode="dark"] .control__indicator {
    border: 1px solid var(--chat-dark-border-2) !important;
}

html[color-mode="dark"] .control--checkbox .control__indicator:after {
    border-color: var(--dark-primary-color);
}

/*dark scheduler starts here*/
html[color-mode="dark"] .dx-tab.dx-state-hover {
    background-color: var(--chat-dark-bg-1);
}

html[color-mode="dark"] .dx-scheduler-appointment-popup .dx-popup-title {
    background-color: var(--chat-dark-bg-1);
}

html[color-mode="dark"] .dx-overlay-content .dx-toolbar-label .dx-toolbar-item-content > div {
    color: var(--on-primary-color) !important;
}

html[color-mode="dark"] .dx-overlay-shader {
    background-color: var(--dark-overlay-bg);
}

html[color-mode="dark"] .dx-popup-normal .dx-toolbar .dx-button.dx-button-has-text .dx-button-content {
    background-color: var(--dash-btn-bg-color) !important;
    color: var(--light-grey-dark) !important;
    border: 1px solid var(--chat-dark-border-3);
}

    html[color-mode="dark"] .dx-popup-normal .dx-toolbar .dx-button.dx-button-has-text .dx-button-content:hover {
        background-color: var(--input-focus-dark) !important;
        border: 1px solid var(--chat-dark-border-2) !important;
    }

html[color-mode="dark"] .dx-toolbar-items-container .dx-item-content .dx-button-mode-contained {
    background-color: transparent;
}

html[color-mode="dark"] .dx-calendar-navigator .dx-button-mode-contained.dx-calendar-caption-button,
html[color-mode="dark"] .dx-calendar-navigator .dx-button-mode-contained.dx-calendar-caption-button.dx-state-hover {
    background-color: var(--chat-dark-border) !important;
}

html[color-mode="dark"] .form-group .chek-para,
html[color-mode="dark"] .form-group .para-text {
    color: var(--on-primary-color);
}

html[color-mode="dark"] .dx-scheduler-work-space:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-month):not(.dx-scheduler-timeline) .dx-scheduler-header-panel {
    border-bottom: 1px solid var(--chat-dark-bg-1);
}

html[color-mode="dark"] .dx-scheduler-header-panel-cell {
    border-left: 1px solid var(--chat-inbox-border-color);
    border-right: 1px solid var(--chat-inbox-border-color);
}

html[color-mode="dark"] .dx-scheduler-work-space {
    border-color: var(--chat-inbox-border-color);
}

/*chat therapist tag*/


html[color-mode="dark"] .chat-therapist-left-side label.nd-tag,
html[color-mode="dark"] .welcome-dash-moodal-names label.nd-tag
html[color-mode="dark"] .filtered-tags-btns {
    border: 1px solid var(--dark-primary-color);
    background-color: var(--dark-primary-color);
}

html[color-mode="dark"] .oic-banner-hero__title {
    color: var(--chat-bg-color);
}

html[color-mode="dark"] .hc-percentage-satisfication svg {
    opacity: 0.8;
}

html[color-mode="dark"] .already-booked {
    color: var(--on-primary-color);
    border: 1px solid var(--chat-inbox-border-color);
    opacity: 0.5;
    text-decoration-line: line-through;
    -webkit-text-decoration-line: line-through;
    text-decoration-color: #ccc;
    -webkit-text-decoration-color: #ccc;
}

    html[color-mode="dark"] .already-booked:hover,
    html[color-mode="dark"] .already-booked:focus {
        background-color: var(--bg-default) !important;
        border: 1px solid var(--bg-default) !important;
        color: var(--secondary-color) !important;
    }

html[color-mode="dark"] #recommendationNav .learn-left-filter-fs .learn-skills-tag.active-learn-tag {
    background-color: var(--primary-color) !important;
    border: 1px solid var(--primary-color) !important;
}

html[color-mode="dark"] #recommendationNav .learn-left-filter-fs .learn-skills-tag:hover {
    border: 1px solid var(--primary-color);
    color: var(--secondary-color) !important;
}

html[color-mode="dark"] .daterangepicker .drp-buttons .btn {
    color: var(--on-primary-color);
}

html[color-mode="dark"] .center-category input:checked:before {
    background-color: rgb(53 155 236 / 70%);
}

html[color-mode="dark"] .wg-drop.country-selector ul li a {
    color: var(--primary-color);
}


/*css for datepicker*/
html[color-mode="dark"] #ui-datepicker-div.ui-widget-content {
    background: var(--bg-default) !important;
    box-shadow: var(--bg-default-box-shadow) !important;
    border: 1px solid var(--chat-dark-border-1) !important;
}

html[color-mode="dark"] .ui-state-default,
html[color-mode="dark"] .ui-widget-content .ui-state-default,
html[color-mode="dark"] .ui-widget-header .ui-state-default {
    border: 1px solid #799fbd;
    background: #5580a3 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
    color: #000;
    background-color: #799fbd;
}

.ui-datepicker-calendar tr th span {
    color: var(--primary-color);
}

html[color-mode="dark"] #ui-datepicker-div.ui-datepicker .ui-state-focus,
html[color-mode="dark"] #ui-datepicker-div.ui-datepicker .ui-state-hover,
html[color-mode="dark"] #ui-datepicker-div.ui-datepicker .ui-widget-content .ui-state-focus,
html[color-mode="dark"] #ui-datepicker-div.ui-datepicker .ui-widget-content .ui-state-hover,
html[color-mode="dark"] #ui-datepicker-div.ui-datepicker .ui-widget-header .ui-state-focus,
html[color-mode="dark"] #ui-datepicker-div.ui-datepicker .ui-widget-header .ui-state-hover {
    background: var(--dark-primary-color) !important;
    color: #000;
}

html[color-mode="dark"] #ui-datepicker-div.ui-datepicker .ui-datepicker-header {
    background-color: var(--dark-primary-color) !important;
}

html[color-mode="dark"] .daterangepicker.show-ranges.ltr .drp-calendar.left {
    border-left: 1px solid var(--card-bg-color);
}

html[color-mode="dark"] .ui-state-disabled,
html[color-mode="dark"] .ui-widget-content .ui-state-disabled,
html[color-mode="dark"] .ui-widget-header .ui-state-disabled {
    font-family: var(--primary-font);
    opacity: .5;
}

html[color-mode="dark"] .ui-datepicker-calendar {
    font-family: var(--primary-font);
}

html[color-mode="dark"] .cal-year-box .row-fluid,
html[color-mode="dark"] .cal-month-box .cal-row-fluid {
    border-color: var(--chat-inbox-border-color);
}

html[color-mode="dark"] .cal-month-box,
html[color-mode="dark"] .cal-year-box,
html[color-mode="dark"] .cal-week-box {
    border-color: var(--chat-inbox-border-color) !important;
}

html[color-mode="dark"] #calendar .selected-date .cal-month-day {
    background-color: var(--dark-primary-color);
}

html[color-mode="dark"] span[data-cal-date] {
    color: var(--primary-color) !important;
}

html[color-mode="dark"] .ui-datepicker-title select {
    background-color: var(--chat-dark-bg-1);
    color: #fff;
    border: 1px solid var(--chat-dark-bg-1);
}

html[color-mode="dark"] .cal-year-box .row-fluid:hover,
html[color-mode="dark"] .cal-row-fluid:hover {
    background-color: var(--dark-primary-color);
}

html[color-mode="dark"] #cal-week-box {
    border: 1px solid var(--dark-primary-color);
    background-color: var(--dark-primary-color);
    color: var(--primary-color);
}

html[color-mode="dark"] #ui-datepicker-div .ui-datepicker-year {
    border: 1px solid var(--chat-dark-bg-1) !important;
    border-radius: 0;
}

html[color-mode="dark"] .daterangepicker .drp-buttons {
    border-top: 1px solid var(--dashboard-hr-color);
}

html[color-mode="dark"] .daterangepicker td.off,
html[color-mode="dark"] .daterangepicker td.off.in-range,
html[color-mode="dark"] .daterangepicker td.off.start-date,
html[color-mode="dark"] .daterangepicker td.off.end-date {
    background-color: #464646;
}

html[color-mode="dark"] .daterangepicker td.active,
html[color-mode="dark"] .daterangepicker td.active:hover,
html[color-mode="dark"] .daterangepicker td.available:hover,
html[color-mode="dark"] .daterangepicker th.available:hover {
    background-color: var(--dark-primary-color) !important;
    color: #fff !important;
}

html[color-mode="dark"] .daterangepicker .calendar-table .next span,
html[color-mode="dark"] .daterangepicker .calendar-table .prev span {
    border-color: var(--chat-dark-border-3);
}

html[color-mode="dark"] .daterangepicker td.in-range {
    background-color: #799fbd;
}

html[color-mode="dark"] .daterangepicker .ranges li {
    color: var(--primary-color);
}

html[color-mode="dark"] .daterangepicker .calendar-table {
    border: 1px solid var(--chat-inbox-border-color);
    background-color: var(--chat-dark-bg-2);
}

html[color-mode="dark"] .section-terms-use .table thead th {
    background-color: var(--chat-dark-bg-2);
    color: var(--on-primary-color);
}

html[color-mode="dark"] input#btnSubmitContactUsForm {
    background-color: var(--dash-btn-bg-color) !important;
    color: var(--light-grey-dark) !important;
    border: 1px solid var(--chat-dark-border-3) !important;
}

    html[color-mode="dark"] input#btnSubmitContactUsForm:hover {
        background-color: var(--input-focus-dark) !important;
    }

html[color-mode="dark"] .video-controls .icon {
    color: #fff;
}

html[color-mode="dark"] .video-controls .icon {
    color: #fff;
}

html[color-mode="dark"] .video-session-btns:hover {
    background-color: var(--dark-primary-color) !important;
}

html[color-mode="dark"] .video-session-btns.end-session-btn:hover .end-session-icon {
    color: #fff;
}

html[color-mode="dark"] .dx-calendar {
    background-color: var(--chat-dark-bg-2);
    border: 1px solid transparent;
}

/*html[color-mode="dark"] .dx-overlay-content .dx-button-mode-contained {
    background-color: var(--chat-dark-bg-1);
    border-color: #ddd;
}*/

html[color-mode="dark"] .dx-button-mode-contained.dx-state-hover,
html[color-mode="dark"] .dx-scheduler-navigator-caption.dx-state-focused {
    background-color: transparent !important;
}

html[color-mode="dark"] .dx-scheduler-navigator-calendar-popover th,
html[color-mode="dark"] .dx-scheduler-navigator-calendar-popover td,
html[color-mode="dark"] .dx-calendar-body thead tr th {
    border-color: var(--chat-inbox-border-color);
}

html[color-mode="dark"] .dx-switch-handle::before {
    background-color: var(--dark-primary-color) !important;
}

html[color-mode="dark"] .dx-calendar-body thead tr th {
    -webkit-box-shadow: inset 0 -1px 0 #ddd;
    box-shadow: inset 0 -1px 0 var(--chat-inbox-border-color);
    color: #999;
}

html[color-mode="dark"] .dx-popover-arrow::after {
    border-color: var(--chat-dark-border-2);
}

html[color-mode="dark"] .ph-tou-head-para a,
html[color-mode="dark"] .ph-tou-head-head a,
html[color-mode="dark"] .terms-of-use-client a,
html[color-mode="dark"] .section-terms-use a,
html[color-mode="dark"] .info_link,
html[color-mode="dark"] .parctices-inner-section a {
    color: var(--primary-color);
    text-decoration: underline;
    font-weight: 600;
    display: inline-block;
    cursor: pointer;
}

html[color-mode="dark"] .ph-tou-head-head a {
    font-weight: 600;
}

html[color-mode="dark"] .dx-calendar .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-contoured-date,
html[color-mode="dark"] .dx-calendar .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today.dx-calendar-contoured-date {
    -webkit-box-shadow: inset 0 0 0 1px var(--dark-primary-color), inset 0 0 0 1000px var(--dark-primary-color) !important;
    box-shadow: inset 0 0 0 1px var(--dark-primary-color), inset 0 0 0 1000px var(--dark-primary-color) !important;
    color: #ededed !important;
}

html[color-mode="dark"] .dx-selectbox-popup-wrapper .dx-list {
    background-color: var(--chat-dark-bg-2);
}

html[color-mode="dark"] .gc-live-more-p {
    background: var(--chat-dark-bg-2);
    color: var(--on-primary-color);
    border: 1px solid var(--placeholder-color);
}

html[color-mode="dark"] .msg-side-nav-body a.msg-cus-btn:hover {
    background-color: var(--input-focus-dark) !important;
    border: 1px solid var(--chat-dark-border-2) !important;
}

html[color-mode="dark"] .dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected) {
    background-color: var(--chat-dark-bg-1);
}

html[color-mode="dark"] .dx-recurrence-repeat-on .dx-recurrence-button-group .dx-button {
    border-color: inherit !important;
}

html[color-mode="dark"] .dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal.dx-item-selected {
    background-color: var(--dark-primary-color);
}

html[color-mode="dark"] .dx-recurrence-repeat-on .dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal.dx-state-hover {
    background-color: var(--dark-primary-color) !important;
    color: #e9e9e9 !important;
}

html[color-mode="dark"] .hc-cp-help-support-tab .table td {
    border: 1px solid var(--chat-inbox-border-color);
}

html[color-mode="dark"] .icons-time {
    filter: brightness(81.5);
    opacity: 0.7;
}

html[color-mode="dark"] .ooo-msg-main-wrapper input[disabled="disabled"],
html[color-mode="dark"] .ooo-msg-main-wrapper textarea[disabled="disabled"] {
    opacity: 0.3 !important;
}

html[color-mode="dark"] #AppointmentCalendarContainer .close {
    color: var(--primary-color);
}

.country-selector a {
    color: var(--white-color);
}

.sales-press-links a {
    display: block !important;
    font-weight: 400;
}

.sales-press-links a, .hcb-footer-dissclaimer .info_link {
    color: #91ceff !important;
}

.create-acc-step h1 small {
    color: var(--primary-color) !important;
    font-weight: 600 !important;
    font-size: 21px !important;
    margin-bottom: 24px !important;
    display: inline-block;
}

span#spnVerificationCodeMsg {
    margin-top: 10px;
    display: block;
}

.login-passowrd-wrapper #txtPassword {
    padding-right: 64px;
}

@media(max-width: 767px) {
    .right-ca-ph {
        display: none;
    }

    .login-plumm-account .step5-main-row {
        padding-top: 0px !important;
    }
}

/*design for ooo */

.message-info-label {
    display: flex;
}

.info-icon-oo {
    display: inline-block;
    margin-left: 5px;
}

.oo-status-wrapper {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 15px;
    align-items: center;
    margin-top: 22px;
}

.message-info-label .icon.ni:hover {
    color: var(--dark-primary-color);
}

.message-info-label .icon.ni {
    cursor: pointer;
    font-size: 19px;
    position: relative;
    top: 4px;
}

.ooo-msg-main-wrapper input[disabled="disabled"],
.ooo-msg-main-wrapper textarea[disabled="disabled"] {
    opacity: 0.5 !important;
}

.therapist-out-of-office {
    margin-top: 15px;
    padding-left: 5px;
    color: #DC143C;
    font-weight: 600;
    font-size: 17px;
}

.doctor-profile-main .out-office-status .form-group label {
    font-size: 0.95rem;
}

.out-office-status .form-group .para-text {
    font-size: 1.01rem;
    color: var(--on-primary-color);
    line-height: 1.35;
}

.ooo-msg-main-wrapper .cca-dob-wrapper {
    margin-bottom: 30px !important;
}

input#btn_submit_outoffofice {
    max-width: 150px;
    border: 1px solid var(--chat-dark-border-3) !important;
    border-radius: 5px;
}

.out-office-status .cca-dob input {
    border: 1px solid var(--chat-inbox-border-color) !important;
    max-width: 200px;
}

.form-main-div .form-inner-div .card-expiry .input-item.expiry:after {
    border-bottom-color: #d9d9d9 !important;
}

.deep-anchor {
    display: inline-block;
    width: auto !important;
    font-family: var(--secondary-font);
    color: var(--secondary-color);
    font-size: 20px;
    font-weight: 400;
    line-height: 27px;
    padding-top: 40px;
    margin-bottom: 25px;
}

.to-pdt-0 {
    padding-top: 0.8rem;
}

.plm-tou-heading {
    text-transform: uppercase;
    color: var(--secondary-color);
    text-align: left;
    width: 100%;
    font-weight: 400;
    display: inline-block;
    padding-bottom: 18px;
    font-size: 1.4rem;
    font-family: var(--secondary-font);
}

html[color-mode="dark"] .deep-anchor a.anchorjs-link {
    text-decoration: none;
}

.anchorjs-link {
    padding-left: 0.375em;
    font-size: 23px !important;
    position: relative;
    top: 2px;
}

/* tooltip arrow */

.deep-anchor-link {
    position: relative;
    padding-top: 40px;
}

.click-to-copy {
    padding: 4px 7px;
    color: var(--white-color);
    text-align: center;
    text-decoration: none;
    background-color: var(--secondary-color);
    font-family: var(--primary-font);
    font-weight: 400;
    line-height: 18px;
    position: absolute;
    font-size: 13px;
    left: 40px;
    display: block;
    z-index: 99;
    border-radius: 4px;
    bottom: -15px;
    transform: translateY(-50%);
    visibility: hidden;
    opacity: 0;
    white-space: nowrap;
    transition: all .3s;
}

    .click-to-copy::after {
        content: '';
        border-width: 6px;
        border-style: solid;
        border-color: transparent var(--secondary-color) transparent transparent;
        top: 6px;
        left: -12px;
        position: absolute;
        z-index: -1;
    }

.deep-anchor-link:hover .click-to-copy {
    visibility: visible;
    opacity: 1;
}

@media(max-width: 767px) {
    .click-to-copy {
        right: 0px;
        bottom: -31px;
        transform: none;
        left: initial;
        display: none;
    }

        .click-to-copy::after {
            top: -12px;
            left: 140px;
            transform: rotate(90deg);
        }
}

.nd-blogs-wrapper-inner1 .nd-label-head {
    color: #fff;
}

    .nd-blogs-wrapper-inner1 .nd-label-head span::after {
        background-color: #fff;
    }

.nd-blogs-wrapper-inner1 .nd-ebook-wrapper .nd-label-head span::after {
    background-color: var(--primary-color);
}



/*saved classes */
.saved-classes em.icon {
    font-size: 1.2rem;
    height: 23px;
}

.saved-icon {
    position: absolute;
    right: 10px;
    top: 10px;
    border-radius: 50%;
    padding: 2px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: rgb(2 2 2 / 35%);
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5;
    cursor: pointer;
}

    .saved-icon em.icon {
        color: var(--white-color);
        font-size: 21px;
        position: relative;
        top: -0.03rem;
        height: 20px;
        width: 20px;
    }

.like-save-wrapper {
    display: flex;
    align-items: center;
    gap: 0.98rem;
}

.learn-video-save-like em.icon {
    color: var(--white-color);
    cursor: pointer;
    position: relative;
}

.like-save-inner-wrapper {
    line-height: 18px;
}

.like-save-inner-wrapper {
    line-height: 18px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
    border-top-color: var(--secondary-color);
}

/*.like-save-wrapper em.icon:hover::after {
    content: '';
    position: absolute;
    width:31px;
    height: 31px;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #35589f;
    z-index: -1;
}
*/
.like-save-wrapper em.icon.ni {
    position: relative;
    top: 0.05rem;
}

.learn-like-count span, .like-save-wrapper span {
    font-size: 0.95rem;
    line-height: 15px;
    display: inline-block;
    position: relative;
    top: 1px;
}

.learn-like-count, .learn-video-save-like {
    display: flex;
    align-items: center;
    gap: 5px;
}

.learn-video-save-like {
    gap: 15px;
}

.learn-like-count em.icon.ni {
    font-size: 19.5px;
    cursor: pointer;
}

.learn-like-count {
    z-index: 99;
}

.sidebar-video-info {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sidebar-video-info {
    padding-right: 15px;
}

.saved-couses-icon {
    display: block;
    width: 210px;
    height: auto;
    margin: 2rem auto 2rem;
    opacity: 0.65;
}

.show-side-bar-inner {
    padding: 3px;
}

.course-new-tag {
    position: absolute;
    right: 12px;
    bottom: 21px;
}

label.dash-learn-label-cw.ph-default-tag-label {
    position: absolute;
    right: 12px;
    top: 12px;
    padding: 5px 10px;
    cursor: pointer;
}

.ph-default-tag-label {
    z-index: 99;
    padding: 0.3rem 0.8rem;
    border-radius: 20px;
    line-height: 1.5;
    font-size: var(--base-font-size-xxs);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    color: var(--white-color);
    background: rgb(54 153 255 / 67%);
    border-radius: calc(var(--border-radius-default) * 0.7);
}

.p-tag--pabs-tl {
    position: absolute;
    top: 0.6rem;
    right: 0.6rem;
}

.dash-meditation .ph-default-tag-label {
    font-size: 0.68rem;
    padding: 3px 8px;
}

.learn-medi-detail-save-icon {
    position: absolute;
    right: 15px;
    top: 15px;
    display: flex;
    align-items: center;
    gap: 16px;
}

    .learn-medi-detail-save-icon .saved-icon {
        position: initial;
    }

    .learn-medi-detail-save-icon .learn-like-count span {
        text-shadow: 1px 1px 2px rgb(0 0 0 / 77%);
    }

.hc-live-box .ncd-enroll {
    display: inline-grid;
    grid-template-columns: repeat(3, auto);
    grid-gap: 1px 25px;
}

    .hc-live-box .ncd-enroll span:first-child {
        margin-left: 0;
    }

.hc-live-box .learn-list-instr-item .oc-dot {
    font-weight: 700;
    vertical-align: text-top;
    height: initial;
    color: var(--primary-color) !important;
    font-size: 33px !important;
    line-height: 0px;
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
}

.hc-live-box .learn-list-instr-item .oc-dot {
    position: relative;
    top: -1px;
}

.hc-live-box .ctf-pract-details strong {
    color: var(--on-primary-color);
    margin-right: 3px;
}

.hc-live-box li.learn-list-instr-item {
    font-size: 14px;
}

.hc-live-box .learn-list-instr {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style-type: none;
    margin-bottom: 0;
}

.learn-medi-list .hc-live-profile-image img, .saved-learn-medi-loader .hc-live-placeholder .hc-live-profile-image .image-placeholder {
    border-radius: var(--bs-border-radius);
    min-width: 250px;
    max-width: 250px;
    height: 145px !important;
    box-shadow: none;
    border: none;
}

.saved-play-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transition: opacity .35s linear .1s;
    transition: opacity .35s linear .1s;
    opacity: 0;
}

.hc-live-profile-image {
    position: relative;
    cursor: pointer;
}

    .hc-live-profile-image:hover .saved-play-overlay {
        opacity: 1;
        z-index: 1;
    }

.ph-saved-video-row .hc-live-dates {
    margin-bottom: 15px;
    margin-top: 15px;
}

.ph-saved-video-row.hc-live-cards-row .hc-live-cards-cols {
    margin-bottom: 25px;
}

.learn-medi-detail-save-icon .saved-icon em {
    left: -0.03rem;
    top: 0;
}

.learn-medi-detail-save-icon .learn-like-count em.icon.ni {
    left: 0.05rem;
    top: 0.05rem;
}

.saved-lists .hc-live-profile-image {
    position: relative;
    cursor: pointer;
    min-width: 250px;
    max-width: 250px;
}

.save-list-therapist .hc-live-profile-image img {
    max-width: 145px !important;
    min-width: 145px;
    height: 145px !important;
}


@media(max-width: 1200px) {
    .hc-live-box .ncd-enroll {
        grid-template-columns: repeat(1, auto);
    }
}

@media(max-width: 767px) {
    .hc-live-box .ncd-enroll {
        display: inline-grid;
        grid-template-columns: repeat(1, auto);
        grid-gap: 10px 25px;
    }

    .like-save-wrapper {
        gap: 12px;
    }

    .learn-video-save-like {
        position: absolute;
        right: 10px;
        top: 40px;
        z-index: 9;
    }

    .show-side-bar-inner {
        padding: 0px;
    }
}

html[color-mode="dark"] .ph-default-tag-label {
    color: var(--chat-bg-color);
}

html[color-mode="dark"] .live-classes-row-actions-default {
    border: 1px solid var(--chat-dark-border-3);
}

.pract-profile-left .saved-icon {
    right: 13px;
    top: 13px;
    background: var(--sec-light-color4);
    padding: 0;
}

    .pract-profile-left .saved-icon em.icon {
        color: var(--primary-color);
    }

html[color-mode="dark"] .pract-profile-left .saved-icon {
    background: #141414;
}

.pos-continue-watch-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 999;
}

.continue-watching-progress-wrapper {
    background-color: rgb(0 0 0 / 19%);
    width: 100%;
    height: 3px;
}

.continue-watching-progress-bar {
    background-color: red;
    height: 3px;
}

.hide-progress-bar {
    display: none;
}

html[color-mode="dark"] .live-classes-row-actions-default.lc-joined {
    border: 1px solid var(--chat-dark-border-3);
    background-color: var(--chat-dark-border-3);
}


.al-logo-header {
    display: none;
}

.sidebar-mini .al-logo-header {
    position: absolute;
    top: 1.25rem;
    left: 1.8rem;
    display: block;
}

@media(max-width: 991px) {
    .sidebar-mini .al-logo-header {
        display: none;
    }
}

/*updated- headings 1 to 6*/
.plm-heads {
    font-family: var(--secondary-font);
    color: var(--secondary-color);
    font-weight: 400;
}

.plm-heading-1 {
    font-size: 3rem;
}

.plm-heading-2 {
    font-size: 2.5rem;
}

.plm-heading-3 {
    font-size: 2.2rem;
}

.plm-heading-4 {
    font-size: 1.7rem;
    line-height: 1.35;
}

.plm-heading-5 {
    font-size: 1.2rem;
}

.plm-heading-6 {
    font-size: 0.85rem;
}

@media(min-width: 1800px) {

    .plm-heading-4 {
        font-size: 1.8rem;
        line-height: 1.4;
    }

    .plm-heading-5 {
        font-size: 1.35rem;
    }
}

@media(max-width: 991px) {
    .plm-heading-3 {
        font-size: 2rem;
    }

    .plm-heading-4 {
        font-size: 1.7rem;
        line-height: 1.4;
    }
}

@media(max-width: 576px) {
    .plm-heading-4 {
        font-size: 1.5rem;
        line-height: 1.3;
    }

    .plm-heading-3 {
        font-size: 1.7rem;
    }
}


/*plumm logo css starts here*/

.plumm-logo-new {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='287' height='83' viewBox='0 0 287 83' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M265.856 14.3189C262.633 14.3218 259.454 15.0664 256.561 16.4959C253.668 17.9253 251.138 20.0017 249.164 22.5665C246.46 19.0652 242.739 16.5012 238.518 15.2328C234.298 13.9644 229.789 14.0547 225.622 15.4912C221.455 16.9277 217.838 19.6387 215.275 23.2456C212.712 26.8525 211.332 31.1753 211.327 35.6103V66.1468H220.23V35.6103C220.23 32.3411 221.519 29.2058 223.815 26.8941C226.111 24.5824 229.224 23.2837 232.471 23.2837C235.718 23.2837 238.831 24.5824 241.127 26.8941C243.422 29.2058 244.712 32.3411 244.712 35.6103V66.1468H253.615V35.6103C253.615 32.3411 254.904 29.2058 257.2 26.8941C259.496 24.5824 262.61 23.2837 265.856 23.2837C269.103 23.2837 272.216 24.5824 274.512 26.8941C276.808 29.2058 278.097 32.3411 278.097 35.6103V66.1468H287V35.6103C287 29.9635 284.773 24.5479 280.807 20.555C276.842 16.5621 271.464 14.3189 265.856 14.3189Z' fill='white'/%3E%3Cpath d='M183.206 14.3189C179.984 14.3218 176.804 15.0664 173.911 16.4959C171.018 17.9253 168.488 20.0017 166.513 22.5665C163.81 19.0652 160.088 16.5012 155.868 15.2328C151.648 13.9644 147.139 14.0547 142.972 15.4912C138.806 16.9277 135.188 19.6387 132.625 23.2456C130.062 26.8525 128.682 31.1753 128.677 35.6103V66.1468H137.58V35.6103C137.58 32.3411 138.869 29.2058 141.165 26.8941C143.461 24.5824 146.574 23.2837 149.821 23.2837C153.067 23.2837 156.181 24.5824 158.477 26.8941C160.772 29.2058 162.062 32.3411 162.062 35.6103V66.1468H170.965V35.6103C170.965 32.3411 172.255 29.2058 174.55 26.8941C176.846 24.5824 179.959 23.2837 183.206 23.2837C186.453 23.2837 189.566 24.5824 191.862 26.8941C194.157 29.2058 195.447 32.3411 195.447 35.6103V66.1468H204.35V35.6103C204.35 29.9635 202.122 24.5479 198.157 20.555C194.192 16.5621 188.814 14.3189 183.206 14.3189Z' fill='white'/%3E%3Cpath d='M71.4759 0.165901H62.5731V44.9899C62.5599 52.5234 64.7421 59.8951 68.8496 66.1917H80.3232C77.5075 63.4361 75.269 60.1402 73.7399 56.4986C72.2109 52.857 71.422 48.9436 71.4204 44.9899L71.4759 0.165901Z' fill='white'/%3E%3Cpath d='M112.795 44.9453C112.795 48.2145 111.505 51.3497 109.209 53.6613C106.914 55.9732 103.8 57.2719 100.553 57.2719C97.3066 57.2719 94.1932 55.9732 91.8975 53.6613C89.6019 51.3497 88.312 48.2145 88.312 44.9453V16.3811H79.4095V44.9564C79.4104 50.2726 81.3865 55.3965 84.9491 59.3196C88.5117 63.2431 93.4033 65.6826 98.6614 66.1582C99.2849 66.1582 99.919 66.248 100.553 66.248C101.188 66.248 101.822 66.2477 102.445 66.1582C107.704 65.6826 112.595 63.2431 116.157 59.3196C119.72 55.3965 121.696 50.2726 121.697 44.9564V16.3811H112.795V44.9453Z' fill='white'/%3E%3Cpath d='M30.1228 14.4647H19.3393C14.2204 14.4706 9.31279 16.5209 5.69316 20.1658C2.07352 23.8107 0.0374457 28.7525 0.0315552 33.907V72.736C0.0331061 74.8536 0.696676 76.9173 1.92808 78.6339C3.15949 80.3505 4.89628 81.6333 6.89226 82.3005C8.88824 82.9675 11.0421 82.985 13.0485 82.3503C15.0549 81.7156 16.8119 80.4612 18.0707 78.7647L27.3184 66.2926H30.1228C36.8553 66.1513 43.2649 63.3593 47.9768 58.515C52.6887 53.6704 55.3277 47.1596 55.3277 40.3787C55.3277 33.5978 52.6887 27.0867 47.9768 22.2422C43.2649 17.3978 36.8553 14.6057 30.1228 14.4647ZM30.1228 57.3276H24.5586C24.0393 57.3289 23.5275 57.4523 23.0639 57.6876C22.6002 57.9229 22.1975 58.2641 21.8877 58.6836L10.9818 73.4081C10.8417 73.5963 10.6463 73.7353 10.4234 73.8056C10.2005 73.8755 9.96129 73.8733 9.7397 73.7991C9.51812 73.7245 9.32543 73.582 9.18884 73.3912C9.05229 73.2005 8.97883 72.971 8.97883 72.736V33.907C8.97883 31.1283 10.0751 28.4632 12.0264 26.4983C13.9777 24.5334 16.6242 23.4295 19.3838 23.4295H30.1672C34.5564 23.5431 38.7279 25.3787 41.7921 28.5449C44.8567 31.7111 46.5716 35.9572 46.5716 40.3787C46.5716 44.7998 44.8567 49.0462 41.7921 52.2122C38.7279 55.3786 34.5564 57.214 30.1672 57.3276H30.1228Z' fill='white'/%3E%3C/svg%3E%0A");
    height: 33px;
    width: 115px;
    background-size: cover;
    display: inline-block;
}

.plumm-logo-new-dark {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='287' height='83' viewBox='0 0 287 83' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M265.856 14.3189C262.633 14.3218 259.454 15.0664 256.561 16.4959C253.668 17.9253 251.138 20.0017 249.164 22.5665C246.46 19.0652 242.739 16.5012 238.518 15.2328C234.298 13.9644 229.789 14.0547 225.622 15.4912C221.455 16.9277 217.838 19.6387 215.275 23.2456C212.712 26.8525 211.332 31.1753 211.327 35.6103V66.1468H220.23V35.6103C220.23 32.3411 221.519 29.2058 223.815 26.8941C226.111 24.5824 229.224 23.2837 232.471 23.2837C235.718 23.2837 238.831 24.5824 241.127 26.8941C243.422 29.2058 244.712 32.3411 244.712 35.6103V66.1468H253.615V35.6103C253.615 32.3411 254.904 29.2058 257.2 26.8941C259.496 24.5824 262.61 23.2837 265.856 23.2837C269.103 23.2837 272.216 24.5824 274.512 26.8941C276.808 29.2058 278.097 32.3411 278.097 35.6103V66.1468H287V35.6103C287 29.9635 284.773 24.5479 280.807 20.555C276.842 16.5621 271.464 14.3189 265.856 14.3189Z' fill='white'/%3E%3Cpath d='M183.206 14.3189C179.984 14.3218 176.804 15.0664 173.911 16.4959C171.018 17.9253 168.488 20.0017 166.513 22.5665C163.81 19.0652 160.088 16.5012 155.868 15.2328C151.648 13.9644 147.139 14.0547 142.972 15.4912C138.806 16.9277 135.188 19.6387 132.625 23.2456C130.062 26.8525 128.682 31.1753 128.677 35.6103V66.1468H137.58V35.6103C137.58 32.3411 138.869 29.2058 141.165 26.8941C143.461 24.5824 146.574 23.2837 149.821 23.2837C153.067 23.2837 156.181 24.5824 158.477 26.8941C160.772 29.2058 162.062 32.3411 162.062 35.6103V66.1468H170.965V35.6103C170.965 32.3411 172.255 29.2058 174.55 26.8941C176.846 24.5824 179.959 23.2837 183.206 23.2837C186.453 23.2837 189.566 24.5824 191.862 26.8941C194.157 29.2058 195.447 32.3411 195.447 35.6103V66.1468H204.35V35.6103C204.35 29.9635 202.122 24.5479 198.157 20.555C194.192 16.5621 188.814 14.3189 183.206 14.3189Z' fill='white'/%3E%3Cpath d='M71.4759 0.165901H62.5731V44.9899C62.5599 52.5234 64.7421 59.8951 68.8496 66.1917H80.3232C77.5075 63.4361 75.269 60.1402 73.7399 56.4986C72.2109 52.857 71.422 48.9436 71.4204 44.9899L71.4759 0.165901Z' fill='white'/%3E%3Cpath d='M112.795 44.9453C112.795 48.2145 111.505 51.3497 109.209 53.6613C106.914 55.9732 103.8 57.2719 100.553 57.2719C97.3066 57.2719 94.1932 55.9732 91.8975 53.6613C89.6019 51.3497 88.312 48.2145 88.312 44.9453V16.3811H79.4095V44.9564C79.4104 50.2726 81.3865 55.3965 84.9491 59.3196C88.5117 63.2431 93.4033 65.6826 98.6614 66.1582C99.2849 66.1582 99.919 66.248 100.553 66.248C101.188 66.248 101.822 66.2477 102.445 66.1582C107.704 65.6826 112.595 63.2431 116.157 59.3196C119.72 55.3965 121.696 50.2726 121.697 44.9564V16.3811H112.795V44.9453Z' fill='white'/%3E%3Cpath d='M30.1228 14.4647H19.3393C14.2204 14.4706 9.31279 16.5209 5.69316 20.1658C2.07352 23.8107 0.0374457 28.7525 0.0315552 33.907V72.736C0.0331061 74.8536 0.696676 76.9173 1.92808 78.6339C3.15949 80.3505 4.89628 81.6333 6.89226 82.3005C8.88824 82.9675 11.0421 82.985 13.0485 82.3503C15.0549 81.7156 16.8119 80.4612 18.0707 78.7647L27.3184 66.2926H30.1228C36.8553 66.1513 43.2649 63.3593 47.9768 58.515C52.6887 53.6704 55.3277 47.1596 55.3277 40.3787C55.3277 33.5978 52.6887 27.0867 47.9768 22.2422C43.2649 17.3978 36.8553 14.6057 30.1228 14.4647ZM30.1228 57.3276H24.5586C24.0393 57.3289 23.5275 57.4523 23.0639 57.6876C22.6002 57.9229 22.1975 58.2641 21.8877 58.6836L10.9818 73.4081C10.8417 73.5963 10.6463 73.7353 10.4234 73.8056C10.2005 73.8755 9.96129 73.8733 9.7397 73.7991C9.51812 73.7245 9.32543 73.582 9.18884 73.3912C9.05229 73.2005 8.97883 72.971 8.97883 72.736V33.907C8.97883 31.1283 10.0751 28.4632 12.0264 26.4983C13.9777 24.5334 16.6242 23.4295 19.3838 23.4295H30.1672C34.5564 23.5431 38.7279 25.3787 41.7921 28.5449C44.8567 31.7111 46.5716 35.9572 46.5716 40.3787C46.5716 44.7998 44.8567 49.0462 41.7921 52.2122C38.7279 55.3786 34.5564 57.214 30.1672 57.3276H30.1228Z' fill='white'/%3E%3C/svg%3E%0A");
    height: 33px;
    width: 115px;
    background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;
}

.plumm-logo-new-blue {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='126' height='39' viewBox='0 0 126 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M117.428 9.91187C119.768 9.91187 121.64 10.6679 123.116 12.1439C124.592 13.6199 125.348 15.6359 125.348 18.2279V29.9999H120.632V19.0919C120.632 15.9239 119.012 14.2318 116.564 14.2318C113.936 14.2318 112.064 16.2118 112.064 19.2358V29.9999H107.384V19.1278C107.384 16.0678 105.728 14.2318 103.244 14.2318C100.616 14.2318 98.7084 16.2118 98.7084 19.2718V29.9999H94.0284V10.4518H98.6364V13.2598C99.7524 11.2078 102.02 9.91187 104.576 9.91187C107.132 9.94784 109.364 11.1358 110.408 13.4038C111.812 11.2078 114.44 9.91187 117.428 9.91187Z' fill='%2309090B'/%3E%3Cpath d='M81.5688 9.91187C83.9088 9.91187 85.7811 10.6679 87.2568 12.1439C88.7328 13.6199 89.4888 15.6359 89.4888 18.2279V29.9999H84.7728V19.0919C84.7728 15.9239 83.1528 14.2318 80.7048 14.2318C78.0768 14.2318 76.2048 16.2118 76.2048 19.2358V29.9999H71.5248V19.1278C71.5248 16.0678 69.8688 14.2318 67.3848 14.2318C64.7568 14.2318 62.8488 16.2118 62.8488 19.2718V29.9999H58.1688V10.4518H62.7768V13.2598C63.8928 11.2078 66.1608 9.91187 68.7168 9.91187C71.2728 9.94784 73.5048 11.1358 74.5488 13.4038C75.9528 11.2078 78.5808 9.91187 81.5688 9.91187Z' fill='%2309090B'/%3E%3Cpath d='M44.7996 30.468C39.3636 30.468 35.9796 27.264 35.9796 21.828V10.452H40.6956V21.828C40.6956 24.456 42.2436 26.184 44.7996 26.184C47.3916 26.184 48.9396 24.456 48.9396 21.828V10.452H53.6556V21.828C53.6556 27.264 50.3076 30.468 44.7996 30.468Z' fill='%2309090B'/%3E%3Cpath d='M31.4544 2.64001V30H26.7744V2.64001H31.4544Z' fill='%2309090B'/%3E%3Cpath d='M13.428 9.98401C16.2 9.98401 18.504 10.992 20.34 12.972C22.176 14.952 23.076 17.364 23.076 20.208C23.076 23.088 22.14 25.536 20.304 27.516C18.468 29.496 16.164 30.468 13.392 30.468C10.908 30.468 8.78397 29.496 7.09197 27.552V38.028H2.37598V10.452H7.05597V13.044C8.74797 10.992 10.872 9.98401 13.428 9.98401ZM6.98397 20.244C6.98397 21.936 7.52397 23.34 8.56797 24.492C9.61197 25.608 10.98 26.184 12.672 26.184C14.364 26.184 15.732 25.608 16.776 24.492C17.82 23.34 18.36 21.936 18.36 20.244C18.36 18.552 17.82 17.148 16.776 16.032C15.732 14.88 14.364 14.304 12.672 14.304C10.98 14.304 9.61197 14.88 8.56797 16.032C7.52397 17.184 6.98397 18.588 6.98397 20.244Z' fill='%2309090B'/%3E%3C/svg%3E%0A");
    height: 32px;
    width: 115px;
    background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;
}


@media(max-width: 1253px) {
    .plumm-logo-new-blue,
    .plumm-logo-new,
    .plumm-logo-new-dark {
        height: 27px;
        width: 95px;
    }
}


.dark-mode-logo {
    display: none;
}

html[color-mode="dark"] .dark-mode-logo-hide {
    display: none;
}


html[color-mode="dark"] .dark-mode-logo {
    display: block;
    opacity: 0.9;
}

/*ends here*/


/*css for feedback after session completes starts here*/
.session-feedback-emoji-wrapper > label,
.plumm-helping-wrapper > label,
.session-feedback-rate > label {
    display: block;
    text-align: left;
    margin-bottom: 0.6rem;
}

.plm-feedback-emoji-wrapper {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 0.2rem;
}

.session-feedback-emoji-wrapper .emojis-wrapper-item {
    font-size: 2rem;
    transition: all .3s;
    display: inline-block;
    cursor: pointer;
}

span.emojis-wrapper-item.sf-emoji-active1,
span.emojis-wrapper-item.sf-emoji-active2 {
    transform: scale(1.35);
    border-radius: 50%;
    position: relative;
}

.plm-feedback-emoji-wrapper span.emojis-wrapper-item:hover {
    transform: scale(1.15);
}

span.emojis-wrapper-item.sf-emoji-active1::before,
span.emojis-wrapper-item.sf-emoji-active2::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 55%;
    transform: translate(-50%, -50%);
    width: 3.1rem;
    height: 3.1rem;
    border-radius: 50%;
    display: inline-block;
    z-index: -1;
    background: radial-gradient(circle, #f7d090 0, rgb(255 233 129) 40%, rgb(255 176 46 / 5%) 65%);
}

.ph-feedback .review-form:not(:last-child) {
    margin-bottom: 18px;
}

.session-feedback-helping {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1.5rem 0.8rem;
    flex-wrap: wrap;
}

    .session-feedback-helping .emojis-wrapper-item {
        margin: 7px 2px;
        flex-grow: initial;
        max-width: initial;
        border: 1px solid transparent;
        box-sizing: border-box;
        font-family: var(--primary-font);
        padding: 0.3rem 0.75rem 0.5rem;
        display: inline-block;
        font-size: var(--base-font-size);
        line-height: 1.6;
        text-align: center;
        white-space: nowrap;
        color: var(--primary-color);
        min-width: 100px;
        float: left;
        cursor: pointer;
        font-weight: 400;
        border-radius: 25px;
        background: var(--white-color);
        box-shadow: var(--default-shadow-1);
        border: 1px solid var(--primary-border-color);
    }

html[color-mode="dark"] .session-feedback-helping .emojis-wrapper-item.sf-mood-active {
    background-color: var(--dark-primary-color) !important;
    border: 1px solid var(--dark-primary-color);
    color: var(--icon-bg-color);
}

html[color-mode="dark"] .session-feedback-helping .emojis-wrapper-item {
    background: var(--bg-default);
    border: 1px solid var(--chat-dark-border-1);
    box-shadow: var(--bg-default-box-shadow);
    color: var(--on-primary-color);
}

.session-feedback-helping .emojis-wrapper-item.sf-mood-active {
    background: #FFF4BF;
    border: 1px solid #F9D52E;
}

@media(min-width: 1253px) {
    .session-feedback-helping .emojis-wrapper-item:hover {
        background: #FFF4BF;
        border: 1px solid #F9D52E;
    }
}

@media (min-width: 1025px) {
    html[color-mode="dark"] .session-feedback-helping .emojis-wrapper-item:hover {
        border: 1px solid var(--dark-primary-color);
    }
}

.session-feedback-rate .ratingDiv {
    text-align: left;
}

.session-feedback-subhead {
    font-weight: 600;
    font-size: var(--base-font-size);
    display: block;
    line-height: 1.5;
    color: var(--primary-color);
    margin-bottom: 1.5rem !important;
}

@media(max-width: 1253px) {
    .session-feedback-helping {
        justify-content: center;
        gap: 0.1rem 1rem;
        flex-wrap: wrap;
        max-width: 100%;
    }

    .session-feedback-subhead br {
        display: none;
    }

    .plm-feedback-emoji-wrapper {
        display: flex;
        gap: 0.5rem 0.5rem;
        margin-bottom: 0.2rem;
        flex-wrap: wrap;
        justify-content: space-between;
    }
}




html[color-mode="dark"] span.emojis-wrapper-item.sf-emoji-active1::before, html[color-mode="dark"] span.emojis-wrapper-item.sf-emoji-active2::before {
    background: radial-gradient(circle, #643e00 0, rgb(108 89 0) 40%, rgb(141 88 2 / 5%) 65%);
}

html[color-mode="dark"] .cookieBanner {
    background: #173571;
}

    html[color-mode="dark"] .cookieBanner button {
        color: #173571;
    }

.practices--testi-bg .slick-prev, .practices--testi-bg .slick-next {
    z-index: 9999;
}

.forgot-pass-wrapper .new-layout-from-input label {
    color: var(--primary-color);
    font-weight: 600;
}

.forgot-pass-wrapper .ph-input-create-password input,
.ph-input-create-password input {
    padding-right: 4.5rem !important;
}

@media only screen and (max-width: 1500px) {
    td.join-reschedule-thera-btn > * {
        flex: 1;
    }
}



@media only screen and (min-width: 1100px) {
    .second-pract-dashboard-row {
        display: grid !important;
        grid-template-columns: 65% 1fr;
        gap: 1.9rem;
    }
}

@media only screen and (min-width: 1300px) {
    .second-pract-dashboard-row {
        grid-template-columns: 66% 1fr;
    }
}

@media only screen and (min-width: 1600px) {
    .second-pract-dashboard-row {
        grid-template-columns: 60% 1fr;
    }
}

@media only screen and (max-width: 1100px) {
    .second-pract-dashboard-row {
        display: flex;
    }

        .second-pract-dashboard-row > .cols-pract-fr {
            flex: 1;
        }

    .second-dashboard-row.second-pract-dashboard-row {
        flex-direction: column;
    }
}

.select-package-boxes .secondary-sub-head span.ph-default-tag.ph-default-tag-df {
    position: relative;
    top: -13px;
}

.form-group.ba-det-per-email {
    grid-column-start: 1;
    grid-column-end: 3;
}

.no-contract-found {
    text-align: center;
    min-height: 450px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    color: var(--secondary-color);
    font-weight: 600;
}

.ba-sir-boxes.no-contract-found {
    padding-top: 20px;
}

.ba-company-details.bg-company-details-content {
    display: flex;
}

    .ba-company-details.bg-company-details-content > div:first-child {
        flex: 1;
    }

    .ba-company-details.bg-company-details-content input {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

label.plm-read-only {
    font-weight: 400 !important;
    line-height: 1.5;
    color: #495057 !important;
    display: block;
    font-weight: 400 !important;
    line-height: 1.3;
    color: #495057 !important;
    display: block;
    white-space: nowrap;
    word-break: break-word;
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: -moz-pre-wrap;
    word-wrap: break-word;
}

@media(min-width: 1100px) {
    .ba-company-details .seelct-package-wrapper {
        max-width: 500px;
    }

    .ba-sir-boxes.no-contract-found {
        min-width: 400px;
    }
}


@media(max-width: 1100px) {
    .ba-company-details.bg-company-details-content {
        flex-direction: column;
    }

    span#LblBilllabel {
        line-height: 1.2;
    }

    .bg-ad-company-details-from {
        margin-bottom: 0;
    }
}

html[color-mode="dark"] .dx-datebox-wrapper-calendar .dx-calendar-body .dx-calendar-views-wrapper .dx-calendar-cell {
    color: #5a5a5a;
}

    html[color-mode="dark"] .dx-datebox-wrapper-calendar .dx-calendar-body .dx-calendar-views-wrapper .dx-calendar-cell.dx-state-hover {
        color: #4b4b4b;
    }

html[color-mode="dark"] .dx-datebox-wrapper-calendar .dx-calendar-cell.dx-calendar-empty-cell:not(.dx-calendar-selected-date),
html[color-mode="dark"] .dx-datebox-wrapper-calendar .dx-calendar-cell.dx-calendar-empty-cell:not(.dx-calendar-selected-date).dx-state-active,
html[color-mode="dark"] .dx-datebox-wrapper-calendar .dx-calendar-cell.dx-calendar-empty-cell:not(.dx-calendar-selected-date).dx-state-hover,
html[color-mode="dark"] .dx-datebox-wrapper-calendar .dx-calendar-cell.dx-calendar-other-view:not(.dx-calendar-selected-date),
html[color-mode="dark"] .dx-datebox-wrapper-calendar .dx-calendar-cell.dx-calendar-other-view:not(.dx-calendar-selected-date).dx-state-active,
html[color-mode="dark"] .dx-datebox-wrapper-calendar .dx-calendar-cell.dx-calendar-other-view:not(.dx-calendar-selected-date).dx-state-hover {
    color: #b0b0b0;
}

html[color-mode="dark"] .dx-scheduler-appointment-popup .dx-button-content .dx-dropdowneditor-icon,
html[color-mode="dark"] .dx-numberbox-spin-down-icon,
html[color-mode="dark"] .dx-numberbox-spin-up-icon {
    color: #b0b0b0;
}

html[color-mode="dark"] .dx-scheduler-appointment-popup .dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon,
html[color-mode="dark"] .dx-scheduler-appointment-popup .dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon {
    color: #333;
}

html[color-mode="dark"] .dx-scheduler-appointment-popup .dx-state-hover.dx-numberbox-spin-button .dx-numberbox-spin-down-icon,
html[color-mode="dark"] .dx-scheduler-appointment-popup .dx-state-hover.dx-numberbox-spin-button .dx-numberbox-spin-up-icon {
    -webkit-box-shadow: 0 0 0 1px transparent inset;
    box-shadow: 0 0 0 1px transparent inset;
    background-color: #626262;
}

html[color-mode="dark"] .dx-scheduler-appointment-popup .dx-field-item-content-location-bottom .dx-buttongroup-wrapper .dx-button-mode-contained {
    border-color: #3c3c3c !important;
    color: #b0b0b0 !important;
}

html[color-mode="dark"] .dx-datebox-wrapper-calendar .dx-timeview-field .dx-texteditor-input {
    padding: 7px 7px 8px;
}

html[color-mode="dark"] .dx-scheduler-appointment-popup .dx-layout-manager.dx-widget .dx-widget {
    color: #b0b0b0;
}

html[color-mode="dark"] .dx-scheduler-appointment-popup .dx-state-active .dx-button-content,
html[color-mode="dark"] .dx-scheduler-appointment-popup .dx-button-mode-contained.dx-state-focused {
    background-color: initial !important;
}


html[color-mode="dark"] .dx-scheduler-appointment-popup .dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal.dx-item-selected {
    background-color: var(--dark-primary-color) !important;
    color: #e7e7e7 !important;
}

.dx-scheduler-appointment-popup .add-schedule-popup .dx-state-active .dx-button-content,
.dx-scheduler-appointment-popup .add-schedule-popup .dx-button-mode-contained.dx-state-focused {
    background-color: #d4d4d4 !important;
}


/* css for new login page starts here*/
.login-head {
    font-family: var(--secondary-font);
    font-weight: 400;
    color: var(--secondary-color);
    font-size: 1.5rem;
    margin-bottom: 2rem;
}

.login-plumm-account-main-wrapper {
    margin-top: 2.7rem;
}

.login-plumm-left-form {
    position: relative;
    max-width: 550px;
    padding-left: 70px;
}

.get-started-ca-wrapper .form-group {
    margin-bottom: 1.5rem !important;
}

.plumm-mobile-app-logos {
    display: flex;
    gap: 22px;
    align-items: center;
    justify-content: flex-start;
}

    .plumm-mobile-app-logos svg {
        width: 150px;
        height: 50px;
        display: inline-block;
    }

.download-app-login {
    margin-top: 0.55rem;
    margin-left: 2.2rem;
}

.download-mob-app {
    font-size: 1.05rem;
    line-height: 1.3;
    margin: 1rem 0px 1.2rem;
    color: var(--secondary-color);
    font-weight: 400;
}

.ph-login-illustr-content-mw {
    max-width: 480px;
    margin: 0 auto;
    display: block;
    margin-top: 1rem;
}

.cca-dob input.date-picker {
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-calendar' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z'/%3E%3C/svg%3E");
    background-position: calc(100% - 0.6rem);
    background-size: 15px;
    background-repeat: no-repeat;
}

.login-plumm-account-main-wrapper.login-ca-wrapper {
    grid-template-columns: 50% 1fr;
}

@media (max-width: 1600px) {
    .download-app-login {
        margin-top: 1.05rem;
    }

    .ph-login-illustr-content-mw {
        max-width: 420px;
    }
}

@media (max-width: 1100px) {
    .login-plumm-left-form {
        padding-left: 0;
    }

    .ph-login-illustr-content-mw {
        max-width: 370px;
    }

    .login-plumm-right-form {
        margin-top: 1.7rem;
    }
}

@media (max-width: 1024px) {
    .ph-login-illustr-content-mw {
        margin-top: 3rem;
    }

    .plumm-mobile-app-logos {
        justify-content: center;
    }

    .download-mob-app {
        text-align: center;
    }

    .ph-login-illustr-content-mw {
        max-width: 480px;
    }

    .login-plumm-account-main-wrapper.login-ca-wrapper {
        grid-template-columns: auto;
    }
}

@media (max-width: 991px) {
    .ph-login-illustr-content-mw {
        max-width: 370px;
    }

    .download-mob-app br {
        display: none;
    }

    .ph-login-illustr-content-mw {
        margin-bottom: 2.5rem;
        margin-top: 1.4rem;
    }

    .download-app-login {
        margin-left: 0;
    }
}

@media (max-width: 767px) {
    .plumm-login-social-media {
        grid-template-columns: auto;
    }

    .login-plumm-right-form {
        margin-top: 0;
        margin-bottom: 2.4rem;
    }
}

@media (max-width: 576px) {
    .plumm-login-social-media {
        grid-template-columns: auto;
    }

    .login-head {
        margin-bottom: 1.5rem;
        margin-top: 0.4rem;
    }
}
/*ends here*/
.ui-widget-content {
    font-family: var(--primary-font);
}

/*pop over tour*/

.plm-popover {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1201;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: left;
    background-color: var(--bg-default);
    background-clip: padding-box;
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    white-space: normal;
    padding: 0.8rem;
}

    .plm-popover[class*="tour-"] {
        box-sizing: border-box;
        min-width: 270px;
        max-width: 320px;
    }

    .plm-popover.right-arrow {
        margin-left: 10px;
    }

        .plm-popover.right-arrow > .arrow {
            top: 50%;
            left: -10px;
            margin-top: -11px;
            border-left-width: 0;
            border-right-color: var(--bg-default);
        }

    .plm-popover > .arrow {
        border-width: 11px;
    }

        .plm-popover > .arrow,
        .plm-popover > .arrow:after {
            position: absolute;
            display: block;
            width: 0;
            height: 0;
            border-color: transparent;
            border-style: solid;
        }

.plm-popover-close {
    color: #cccccc;
    cursor: pointer;
    font-size: 16px;
    line-height: 16px;
    position: absolute;
    right: 8px;
    top: 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.plm-popover-title {
    margin: 0;
    background-color: transparent;
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    border-radius: 5px 5px 0 0;
    font-size: 1.15rem;
    color: var(--secondary-color);
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.plm-popover-content {
    color: var(--on-primary-color);
    line-height: 1.3;
    margin: 1rem 0;
    font-size: var(--base-font-size);
}

.plm-small-btn {
    font-size: var(--base-font-size);
    padding: 0.4rem 0.9rem;
    border-radius: 0.3rem;
    min-width: 5.1rem;
    line-height: 1.4;
    background-color: var(--dash-btn-bg-color);
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
    text-align: center;
}

    .plm-small-btn:hover {
        background-color: var(--primary-color);
        color: #fff;
    }

.plm-popover-navigation {
    display: flex;
    justify-content: flex-end;
}

.popover-va-overlay {
    background-color: var(--modal-bg-color);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1200;
}

.plm-popover-va {
    width: 25px;
    height: 25px;
    position: relative;
    left: -2px;
    fill: var(--primary-color);
    display: inline-block;
}

.teams-body .plm-popover.right-arrow > .arrow {
    top: 0 !important;
    left: 50%;
    transform: rotate(90deg) translateX(-50%);
    margin-top: -8px;
}

.teams-body .plm-popover {
    left: 130px !important;
    top: 10px !important;
}

html[color-mode="dark"] .plm-small-btn:hover {
    color: #fff;
}


.ph-close-modal {
    border: none;
    padding: 0;
}

button.ph-close-modal em.icon {
    color: var(--on-primary-color);
    font-size: 1.15rem;
}

.ph-close-modal {
    background-color: transparent;
}

@media(max-width: 991px) {
    .plm-popover {
        display: none;
    }
}

/** Safari */

@media(max-width: 991px) {
    @media screen and (-webkit-min-device-pixel-ratio:0) {
        .nav-sidebar {
            padding-bottom: 80px !important;
        }

        .chatbot-load-chat {
            z-index: 1300;
            margin-bottom: 6.5rem !important;
        }
    }
}

.ph-certificate-prev-del-wrapper {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.certificate-upload-modal-wrapper .certf_size {
    margin-bottom: 15px;
    height: 140px;
}

.new-ebbok-wrapper button.slick-arrow {
    z-index: 1000;
}

.pract-profile-right li.nav-item .nav-link {
    font-weight: 400;
    padding: 0.4rem 1rem;
    background-color: var(--chat-dark-bg-2);
    border-radius: calc(var(--bs-border-radius) * 0.65);
    border: 1px solid var(--primary-border-color);
}

    .pract-profile-right li.nav-item .nav-link:hover {
        font-weight: 400;
    }

    .pract-profile-right li.nav-item .nav-link.active {
        background-color: var(--sec-light-color4);
        color: var(--primary-color);
        border: 1px solid #d7e7f3;
    }

.pract-profile-right ul.nav-pills {
    gap: 1rem;
}

html[color-mode="dark"] .pract-profile-right li.nav-item .nav-link.active {
    color: var(--bg-default) !important;
}

html[color-mode="dark"] .pract-profile-right li.nav-item .nav-link:hover {
    color: var(--primary-color);
}

@media(max-width: 767px) {
    .pract-profile-right ul.nav-pills {
        gap: 0.6rem;
        justify-content: center;
    }
}

@media all and (max-width: 540px) {
    .sweet-alert {
        margin-left: auto !important;
        margin-right: auto !important;
        width: calc(100% - 30px) !important;
        animation: none !important;
    }
}


.chat-search-input .p-search-input {
    position: relative;
    width: 100%;
}

.chat-search-input {
    gap: 0.8rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.3rem;
}

.chat-filter.icon.ni,
.msg-search-icon.icon.ni {
    font-size: 1.35rem;
    cursor: pointer;
}

.pg-2 {
    gap: 0.8rem;
}

@media(min-width: 992px) {
    .chat-head-dn-dsk {
        display: none;
    }
}

@media (max-width: 991.99px) {
    .msg-chat-left-top-header-wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0.35rem 0.85rem;
        min-height: 60px;
    }

    .chat-search-input {
        padding: 0;
        flex: 1;
    }
}


/*chat pages common css*/

/*.msger-header-new {
    border-bottom: var(--border-width-layout) solid var(--border-layout);
}*/

.msger-header-new {
    padding: 0.5rem 0.9rem;
}

.chat-right-loader .loads {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: placeload;
    animation-name: placeload;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: #eeeeee;
    background: -webkit-linear-gradient(to right, rgb(255 255 255 / 35%) 8%, #e9eef2 18%, rgb(255 255 255 / 35%) 33%);
    background: linear-gradient(to right, rgb(255 255 255 / 35%) 8%, #e9eef2 18%, rgb(255 255 255 / 35%) 33%);
    background-size: 1200px 104px;
    position: relative;
}

.msg-side-nav-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    grid-gap: 55px;
    padding: 12px 20px;
    min-height: var(--nav-min-height);
    background-color: var(--card-bg-color);
    /* border-bottom: var(--border-width-layout) solid var(--border-layout);*/
}

.msg-side-nav-body {
    padding: 0 20px;
    height: 100%;
    overflow: auto;
    padding-top: 25px;
    padding-bottom: 85px;
    background-color: var(--card-bg-color);
}

.pact-profile-name label {
    font-size: var(--base-font-size-lg);
    display: block;
    font-weight: 400;
    margin-top: 0.4rem;
    line-height: 1.4;
}

.sidenav-view-profile {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999;
    top: 0;
    right: 0;
    overflow: hidden;
    transition: 0.5s;
}

/*generic clickable tooltip starts here*/
.p-clk-tt {
    display: none;
    background: var(--chat-dark-bg-2);
    border: 1px solid var(--primary-border-color);
    color: var(--primary-color);
    color: white;
    font-weight: bold;
    padding: 0;
    font-size: var(--base-font-size-xs);
    border-radius: var(--bs-border-radius);
    display: none;
    width: 100%;
    max-width: 280px;
    z-index: 2400;
    overflow: hidden;
}

    .p-clk-tt[data-popper-reference-hidden] {
        visibility: hidden;
        pointer-events: none;
    }

    .p-clk-tt[show-popper] {
        display: block;
        z-index: 2206;
    }

    .p-clk-tt .dx-list .dx-empty-message,
    .p-clk-tt .dx-list-item-content {
        padding: 0.45rem 0.6rem;
    }

    .p-clk-tt .dx-list-search {
        margin: 0.45rem 0.6rem;
    }

    .p-clk-tt .dx-list .dx-empty-message,
    .p-clk-tt .dx-list-item {
        border-top: 1px solid var(--border-layout);
        color: var(--on-primary-color);
    }

    .p-clk-tt .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover {
        background-color: var(--sec-light-color7);
    }

    .p-clk-tt .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused {
        background-color: var(--sec-light-color4);
        color: var(--primary-color);
    }

    .p-clk-tt #popper-arrow, .p-clk-tt #popper-arrow::before {
        background: var(--chat-dark-bg-2);
        border: 1px solid var(--input-border-1);
        border-top: none;
        border-left: none;
    }

/*build the arrow targeting the divider with class 'popper-arrow'*/
#popper-arrow,
#popper-arrow::before {
    position: absolute;
    width: 8px;
    height: 8px;
    background: var(--chat-dark-bg-2);
}

#popper-arrow {
    visibility: hidden;
}

    #popper-arrow::before {
        visibility: visible;
        content: "";
        transform: rotate(45deg);
    }

/*position arrow using popper.js data-popper-placement attribute*/
.p-clk-tt[data-popper-placement^="top"] #popper-arrow {
    bottom: -4px;
}

.p-clk-tt[data-popper-placement^="bottom"] #popper-arrow {
    top: -4px;
}

.p-clk-tt[data-popper-placement^="left"] #popper-arrow {
    right: -4px;
}

.p-clk-tt[data-popper-placement^="right"] #popper-arrow {
    left: -4px;
}

/*hide arrow when reference outside of viewport*/
.p-clk-tt[data-popper-reference-hidden] #popper-arrow::before {
    visibility: hidden;
}
.p-clk-tt.show {
    display: block;
}
/*generic clickable tooltip ends here*/


/* Sidebar styles (adjust as needed) */


/*css for custom progress starts here*/
.progress-sm {
    height: 5px
}

.progress-lg {
    height: 12px
}

.progress-xl {
    height: 16px
}

.custom-progess {
    position: relative
}

    .custom-progess .progress-icon {
        position: absolute;
        top: -12px
    }

        .custom-progess .progress-icon .avatar-title {
            background: var(--tb-secondary-bg)
        }

.animated-progress {
    position: relative
}

    .animated-progress .progress-bar {
        position: relative;
        border-radius: 6px;
        animation: animate-positive 2s
    }

@keyframes animate-positive {
    0% {
        width: 0
    }
}

.custom-progress.progress {
    height: 0.4rem;
    border-radius: calc(var(--border-radius-default) * 0.5);
    padding: 0;
    background-color: var(--light-blue-1);
}

.custom-progress .progress-bar {
    position: relative;
}

/*.custom-progress .progress-bar:before {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    background-color: #fff;
    border-radius: 7px;
    right: 2px;
    top: 50%;
    transform: translateY(-50%)
}*/

.progress-label {
    overflow: visible
}

    .progress-label .progress-bar {
        position: relative;
        overflow: visible;
        min-width: 0.4rem
    }

        .progress-label .progress-bar .label {
            color: var(--primary-color);
            display: inline-block;
        }

        .progress-label .progress-bar .cp-data-bottom {
            position: absolute;
            top: -0.7rem;
            right: -0.65rem;
            font-size: calc(var(--base-font-size-xxs) * 0.85);
        }

.custom-progress .progress-bar[aria-valuenow="0"] {
    min-width: 0;
}

    .custom-progress .progress-bar[aria-valuenow="0"] .cp-data-bottom,
    .custom-progress .progress-bar[aria-valuenow="1"] .cp-data-bottom
    .custom-progress .progress-bar[aria-valuenow="2"] .cp-data-bottom
    .custom-progress .progress-bar[aria-valuenow="3"] .cp-data-bottom
    .custom-progress .progress-bar[aria-valuenow="4"] .cp-data-bottom
    .custom-progress .progress-bar[aria-valuenow="5"] .cp-data-bottom
    .custom-progress .progress-bar[aria-valuenow="6"] .cp-data-bottom
    .custom-progress .progress-bar[aria-valuenow="7"] .cp-data-bottom
    .custom-progress .progress-bar[aria-valuenow="8"] .cp-data-bottom
    .custom-progress .progress-bar[aria-valuenow="9"] .cp-data-bottom {
        right: -0.95rem;
    }

.custom-progress .progress-bar[aria-valuenow="100"] .cp-data-bottom {
    right: 0.05rem;
}

.loading-skeleton .progress-label .progress-bar .cp-data-bottom {
    top: -1.1rem;
    padding: 0;
    width: 1.2rem;
    height: 0.7rem !important;
    border-radius: 0.2rem !important;
    left: 0rem;
}

.loading-skeleton .progress-label .progress-bar {
    background-color: transparent;
}

/*.progress-label .progress-bar .label.cp-data-bottom:after {
    bottom: initial;
    top: -7px;
    transform: translateX(-50%) rotate(180deg);
}

.progress-label .progress-bar .label:after {
    content: "";
    position: absolute;
    border: 4px solid transparent;
    border-top-color: #438eff;
    bottom: -7px;
    left: 50%;
    transform: translateX(-50%)
}

.progress-step-arrow {
    height: 3.25rem
}*/

.progress-step-arrow .progress-bar {
    position: relative;
    overflow: initial;
    font-size: .875rem;
    color: #fff
}

    .progress-step-arrow .progress-bar:after {
        content: "";
        position: absolute;
        border: 10px solid transparent;
        bottom: 15px;
        right: -20px;
        z-index: 1
    }

.progress-primary .progress-bar {
    background-color: #438eff
}

    .progress-primary .progress-bar:after {
        border-left-color: #438eff
    }

.p-progress-def .progress-bar {
    overflow: visible !important;
}

/*css for custom progress ends here*/

/*animated dropdown starts here*/
.p-ani-btn-wrpr {
    position: relative;
    display: inline-block;
}

.p-ani-dropdown-open .p-ani-btn p {
    visibility: hidden;
    opacity: 0;
}

.p-ani-btn.p-add-btn {
    display: inline-flex;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease, color 0.2s ease, background-color 0.2s ease;
    gap: 0.6rem;
    background-color: var(--secondary-color);
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    font-weight: 500;
    user-select: none;
}

    .p-ani-btn.p-add-btn:hover {
        background-color: var(--p-btn-hover);
    }

.p-ani-dropdown a .p-icon,
.p-ani-dropdown button .p-icon {
    stroke: var(--primary-color);
    flex: 0 0 auto;
    min-width: 1.2rem;
}

.p-ani-icon-ac {
    transition: transform 0.3s ease;
    position: relative;
    width: 1.35rem;
    height: 1.35rem;
    fill: #fff;
    background-color: var(--p-btn-hover);
    border-radius: 50%;
    padding: 0.15rem;
}

    .p-ani-icon-ac.open {
        /*transform: rotate(45deg);*/
    }

.p-ani-btn label {
    display: inline;
    cursor: pointer;
    margin: 0;
}

.p-ani-dropdown {
    position: absolute;
    top: calc(100% + 3px);
    color: var(--primary-color);
    background: var(--chat-dark-bg-2);
    border: 1px solid var(--input-border-1);
    padding: 0.35rem;
    border-radius: var(--bs-border-radius);
    display: block;
    cursor: pointer;
    min-width: 12.2rem;
    transform: scale(0.01);
    opacity: 0;
    transition: transform 0.3s ease, opacity 0.3s ease, box-shadow 0.3s ease 0.15s;
    transform-origin: center top;
    overflow: hidden;
    z-index: 850;
    text-align: left;
    font-size: var(--base-font-size-xs);
}

.p-ani-btn-right .p-ani-dropdown {
    right: 0;
    transform-origin: right top;
}

.p-ani-dropdown.open {
    transform: scale(1);
    opacity: 1;
}

.p-ani-dropdown a,
.p-ani-dropdown button {
    position: relative;
    text-decoration: none;
    display: block;
    transition: color 0.2s ease, background-color 0.2s ease, padding-left 0.2s ease;
    overflow: hidden;
    padding: 0.45rem;
    white-space: nowrap;
    border: none;
    box-shadow: none;
    background-color: transparent;
    width: 100%;
    text-decoration: none !important;
    color: var(--primary-color);
}

    .p-ani-dropdown a:hover,
    .p-ani-dropdown button:hover {
        background-color: var(--sec-light-color8);
        border-radius: calc(var(--bs-border-radius) * 0.7);
    }

.p-ani-sec-btn .p-ani-btn.p-add-btn {
    background-color: var(--chat-dark-bg-2);
    color: var(--secondary-color);
    border: 0.1rem solid var(--p-border-2);
}

.p-ani-icon-ac {
    position: relative;
}

.p-ani-sec-btn .p-ani-icon-ac svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    fill: var(--grey-bg-7);
    padding: 0.05rem;
}

    .p-ani-sec-btn .p-ani-icon-ac svg.mp-icon-dot {
        width: 1.05rem;
        height: 1.05rem;
    }

    .p-ani-sec-btn .p-ani-icon-ac svg.mp-icon-plus {
        width: 1.35rem;
        height: 1.35rem;
    }

/*.p-ani-sec-btn .mp-icon-plus,
.p-ani-sec-btn.p-ani-dropdown-open .p-ani-icon-ac .mp-icon-dot {
    opacity: 0;
    visibility: hidden;
}*/

.p-ani-sec-btn.p-ani-dropdown-open .p-ani-icon-ac .mp-icon-plus {
    opacity: 1;
    visibility: visible;
}

.p-ani-sec-btn .p-ani-icon-ac {
    background-color: transparent;
}

.p-ai-icon-dd {
    stroke: none;
    fill: #b6d9ff;
}

.p-text-nowrap {
    white-space: nowrap;
}
/*css for dots dropdown*/
/* Styles for the dropdown container */
.p-dd-wp-wrapper {
    position: relative;
    display: inline-block;
}

.p-dd-wp-btn-hover {
    border: none;
    display: flex;
    align-items: center;
    border-radius: calc(var(--bs-border-radius) * 11.6);
    padding: 0.4rem;
    padding-right: 0.85rem;
    min-width: 6.8rem;
    justify-content: center;
}

.p-dd-wp-wrap-hover-ws .p-dd-wp-btn-hover {
    background-color: var(--chat-dark-bg-2);
    font-size: var(--base-font-size-xl);
    color: var(--primary-color);
    font-weight: 600;
    justify-content: space-between;
    padding-right: 1.3rem;
}

.phc-hm-item {
    display: flex;
    align-items: center;
    gap: 1rem;
    border-bottom: 1px solid var(--primary-border-color);
    cursor: pointer;
    padding: var(--box-padding);
}

.phc-tab-slides-content {
    padding: var(--box-padding);
}

.phc-hm-item:hover .icon-box-sm {
    background-color: var(--chat-dark-bg-2);
}

.icon-box-sm {
    width: 3.75rem;
    height: 3.75rem;
    background-color: var(--primary-bg-color);
    display: flex;
    align-items: center;
    border-radius: var(--bs-border-radius);
    justify-content: center;
    flex-shrink: 0;
}

.phc-hm-item svg {
    width: 1.8rem;
    height: 1.8rem;
    display: inline-block;
    fill: var(--primary-color);
    margin-top: 0;
}

.hc-icon-help svg {
    width: 2rem;
    height: 2rem;
}

.phc-hm-item .label-primary {
    margin-bottom: 0.15rem;
}

.p-icon-blue.p-icon {
    stroke: var(--primary-color);
}

.p-emma-ai.p-help-center {
    width: 6.3rem;
}

.p-help-center .p-icon-blue.p-icon {
    top: 0.05rem;
}

.p-dd-wp-wrap-hover-ws .p-dd-wp-dot-icon:hover {
    background-color: transparent;
}

.p-dd-wp-wrap-hover-ws .pgab-icons {
    padding: 0.45rem 0.75rem;
}

.p-dd-wp-wrap-hover-ws .p-dd-wp-dot-icon {
    stroke: #fff;
    fill: none;
}

/* Styles for the dropdown content */
.p-dd-wp-content {
    display: none;
    position: absolute;
    background-color: var(--chat-dark-bg-2);
    min-width: 160px;
    z-index: 99;
    opacity: 0;
    transition: opacity 0.3s ease;
    border-radius: var(--bs-border-radius);
    padding: 0.35rem;
    border: 1px solid var(--input-border-1);
}

    /* Styles for the active dropdown content */
    .p-dd-wp-content.active {
        display: block;
        opacity: 1;
        animation: none; /* Disable the CSS animation */
    }

button.p-dd-wp-btn {
    border: none;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.p-dd-wp-dot-icon,
.p-acco-action-btn .p-dd-wp-dot-icon {
    background-color: transparent;
    width: 1.8rem;
    height: 1.8rem;
    display: inline-block;
    stroke: none;
    border-radius: 50%;
    padding: 0.375rem;
    /* background-color: var(--light-new-blue); */
    fill: var(--primary-color);
    transition: all .3s;
}

    .p-dd-wp-dot-icon:hover,
    .p-acco-action-btn .p-dd-wp-dot-icon:hover {
        background-color: var(--light-new-blue);
        /*fill: var(--light-new-blue);*/
    }

.icon-more-rect {
    fill: var(--light-new-blue);
    width: 1.82rem;
    height: 1.82rem;
}

.p-dd-wp-dot-icon:hover .icon-more-rect {
    fill: var(--light-blue-dark);
}

.p-dd-wp-dot-icon:hover .icon-more-dot {
    fill: var(--light-new-blue);
}

.icon-more-dot {
    fill: var(--light-blue-dark);
}

html[color-mode="dark"] .icon-more-rect {
    fill: #010811;
}

.p-dd-wp-content .p-grid-action-btns a,
.pgab-icons {
    gap: 0.5rem;
    display: flex;
    align-items: center;
    color: var(--primary-color);
    font-size: var(--base-font-size-xxs);
    padding: 0.45rem 0.45rem;
    width: 100%;
    cursor: pointer;
    white-space: nowrap;
    line-height: 1.45;
    padding-left: 0.8rem;
}

.p-dd-wp-content .p-grid-action-btns .pgab-icons span {
    line-height: 1.4;
    vertical-align: middle;
}

.p-grid-action-btns .pgab-icons[disabled],
a.pgab-icons[disabled] {
    opacity: 0.5;
    cursor: default;
    pointer-events: none;
}

.p-dd-wp-content .p-grid-action-btns {
    flex-direction: column;
    gap: 0rem;
    align-items: flex-start;
}

.p-grid-info-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0.3rem;
    --icon-v1: 0.926rem !important;
}

.p-rid-info-mw > .pdf {
    position: relative;
    width: 100%;
}
/*.p-dd-wp-content .p-grid-action-btns a:hover,
.pgab-icons:hover {
    background-color: var(--chat-dark-bg-2);
    border-radius: calc(var(--bs-border-radius) * 0.5);
}*/
.p-dd-wp-content .p-grid-action-btns svg {
    stroke: var(--primary-color);
    flex: 0 0 auto;
}


.p-dd-wp-content .p-grid-action-btns a > * {
    flex: 0 0 auto;
}

.p-dd-wp-btn.p-dd-wp-btn-small {
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 50%;
    padding: 0.75rem;
}

    .p-dd-wp-btn.p-dd-wp-btn-small:hover {
        background-color: var(--sec-light-color7);
    }

.p-dd-wp-btn-small .p-dd-wp-dot-icon {
    flex-shrink: 0;
    padding: 0.13rem;
    width: 1.35rem;
    height: 1.35rem;
}

.more-option-selected {
    transition: transform 0.1s ease-in-out;
}

.more-option-selected .p-ani-btn {
    background-color: var(--secondary-color) !important;
    color: #fff !important;
    animation: zoomBtn 1.5s; /* Adjust the animation duration as needed */
    border-color: var(--p-btn-bg) !important;
}

.p-db-post-lists-mw {
    padding: 0.72rem;
}

    .p-db-post-lists-mw .p-ncb-ic label.label-primary {
        margin-top: 0.15rem;
        font-size: var(--base-font-size-lg);
        margin-bottom: 0.6rem;
    }

    .p-db-post-lists-mw p {
        color: var(--primary-color);
    }

@keyframes zoomBtn {
    0% {
        transform: scale(1);
    }

    33% {
        transform: scale(1.125);
    }

    66% {
        transform: scale(0.9);
    }

    100% {
        transform: scale(1);
    }
}

.more-option-selected .p-ani-btn .p-ani-icon-ac svg {
    fill: #fff;
}
/*animated dropdown ends here*/
/*css for table skeleton loader starts here*/
.table-skeleton-loader .dx-datagrid-rowsview .dx-datagrid-table,
.table-skeleton-loader table {
    border-spacing: 1.2rem !important;
    border-collapse: separate !important;
}

.p-datagird-loader {
    display: none;
}

.table-skeleton-loader .dx-datagrid .dx-datagrid-rowsview .dx-row > td,
.table-skeleton-loader tr td {
    padding: 0.55rem 0.25rem;
    font-size: 0;
    border-radius: calc(var(--bs-border-radius) * 0.4) !important;
}

.table-skeleton-loader::before {
    content: '';
    width: 100%;
    height: 3rem !important;
    display: inline-block;
    background-color: var(--bg-default);
    max-width: calc(100% - var(--box-padding) * 2 + 0.5rem);
    position: relative;
    left: calc(var(--box-padding) - 0.25rem);
    border-radius: var(--bs-border-radius) !important;
    margin-top: 0.5rem;
}

.table-skeleton-loader .dx-datagrid .dx-datagrid-rowsview .dx-row > td button.p-dd-wp-btn,
.table-skeleton-loader .dx-datagrid .dx-datagrid-rowsview .dx-row > td .custom-item, .table-skeleton-loader .dx-datagrid .dx-row > td img,
.table-skeleton-loader .dx-datagrid .dx-datagrid-rowsview .circle-tag,
.table-skeleton-loader .dx-datagrid .dx-datagrid-rowsview .p-progress-def {
    display: none;
}

/*css for table skeleton loader ends here*/
/*css for profile menu dropdown slide effect sh*/
.p-pm-dropdown {
    position: relative;
}
/*css for profile menu dropdown slide effect eh*/

/*css for color picker sh*/
.p-cp-mw {
    min-width: 7rem;
}

.p-sc-w {
    display: flex;
    align-items: center;
    padding: .375rem 0.7rem;
    padding-right: 2.1rem;
    overflow: visible;
}

.p-sc, .p-cp-colors {
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
    background-color: var(--link-color);
    border-radius: 50%;
}

.p-cp-mw .dropdown-menu {
    padding: 0;
}

.p-cp-dd-mw {
    padding: calc(var(--box-padding) * 0.5);
    display: grid;
    grid-template-columns: repeat(5,1fr);
    grid-gap: 0.85rem;
    justify-items: center;
}

.p-cp-colors {
    cursor: pointer;
    transition: all 0.1s linear;
}

    .p-cp-colors:hover {
        transform: scale(1.2);
    }

.p-cp-selected {
    position: relative;
}

    .p-cp-selected::after {
        content: '';
        transform: translate(-50%, -50%) rotate(-45deg);
        border: solid #fff;
        position: absolute;
        border-width: 0 0px 2px 2px !important;
        height: 5px;
        width: 10px;
        margin: 11px 0 0 12px;
    }
/*css for color picker eh*/

/*loader for accordian loader sh*/
.loading-skeleton .p-acc-wc-loader {
    min-height: 55px;
    border: 1px solid var(--chat-inbox-border-color);
    border-radius: calc(var(--border-radius-default) * 0.75);
    display: flex;
    align-items: center;
    padding: 0.5rem 0.75rem;
}

.loading-skeleton .p-acc-wc-loader {
    flex: 1;
}

    .loading-skeleton .p-acc-wc-loader:not(:last-child) {
        margin-bottom: 0.8rem;
    }

.p-nds-mh {
    min-height: 15rem;
    position: relative;
}

.loading-skeleton .p-acco-btn-wrapper h6 {
    height: 15px;
    min-width: 90px;
    margin-bottom: 0;
}

.loading-skeleton .p-btn-small .p-dd-wp-dot-icon {
    min-height: 100%;
}

.loading-skeleton .lt-days p {
    min-width: 30px;
}

.lt-list-date small {
    min-width: 120px;
}

.lt-list-date .lt-days small {
    color: var(--on-primary-color);
}
/*loader for accordian loader eh*/
.modal-blur .modal-content {
    -webkit-filter: blur(1px);
    filter: blur(3px);
    background-color: rgb(23 53 113 / 1%);
    opacity: 0.5;
}

.p-wdhrs {
    display: flex;
    align-items: center;
}

    .p-wdhrs label.control-label {
        font-weight: 400;
        font-size: 75%;
    }

    .p-wdhrs input.form-control {
        border-radius: 0;
    }

    .p-wdhrs .pw-dh:first-child input {
        border-top-left-radius: var(--bs-border-radius);
        border-bottom-left-radius: var(--bs-border-radius);
    }

    .p-wdhrs .pw-dh input {
        border-right: 0;
    }

    .p-wdhrs .pw-dh.pw-dh-lc input {
        border-top-right-radius: var(--bs-border-radius);
        border-bottom-right-radius: var(--bs-border-radius);
    }

    .p-wdhrs .pw-dh-lc input {
        border-right: 1px solid var(--input-border-1);
    }

.p-wdhrs-note {
    margin-left: 1.15rem;
    display: inline-block;
    min-width: 90px;
    margin-top: 1.3rem;
    line-height: 1.2;
}

.tkl-ws {
    position: absolute;
    z-index: 9;
    width: 100%;
    top: 3.8rem;
    background-color: var(--chat-dark-bg-2);
    margin-left: -1.2rem;
    width: calc(100% + 2.2rem);
}

.tkl-ws-pos-ini {
    position: initial;
    top: 0;
}

.my-goals-content .tkl-ws-pos-ini {
    position: relative;
}

.tkl-ws-pos-t-0 {
    top: 0;
    margin: 0 auto;
    width: 100%;
}

.pso-form-details .tkl-ws-pos-ini {
    margin-left: -0.7rem;
    width: calc(100% + 0.7rem);
}

.dx-master-detail-row .tkl-ws {
    border-radius: var(--bs-border-radius);
    padding-top: 1rem;
}

.goals-loader {
    top: 8rem;
}

.p-m-sc-w {
    min-height: 100vh;
}

section#screen {
    margin: 0;
    height: 100%;
    padding: 0;
    visibility: visible;
}

/*#screen .streams .tc-list li {
    z-index: 1001;
    bottom: 0px;
    border: 0;
}*/

.p-vc {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.p-si {
    height: 100vh;
    z-index: 800 !important;
}

    .p-si .user-name-modal {
        height: initial;
    }

.p-vca-btn {
    border: none;
    width: 2.4rem;
    height: 2.4rem;
    background-color: #3C4043;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

span.p-vca-msg-indi-dot {
    width: 0.65rem;
    height: 0.65rem;
    display: inline-block;
    position: absolute;
    background: #ea4335;
    border-radius: 50%;
    top: 0.45em;
    right: 0.45em;
}

.p-vca-btn svg {
    width: 1.15rem;
    height: 1.15rem;
    display: inline-block;
    stroke: #ffffff;
    border: none;
    margin: 0;
}

.p-vca-btn-ec.p-vca-btn svg {
    stroke: none;
    width: 1.4rem;
    height: 1.4rem;
    line-height: 1;
}

.p-vca-btn-adus svg {
    width: 1rem;
    height: 1rem;
}

.p-vca-btn-ec {
    background-color: #EA4335;
}

.p-vca-btn-sr svg {
    stroke: none;
    fill: #ffffff;
    width: 1.08rem;
    height: 1.08rem;
}

.p-sd-dropdown {
    position: relative;
    display: inline-block;
}

.p-sd-dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 260px;
    padding: calc(var(--box-padding)* 0.5);
    z-index: 1;
    bottom: calc(100% + 1rem);
    left: 50%;
    transform: translateX(-50%);
    border-radius: var(--bs-border-radius);
}

.p-vca-btn-setting .p-sd-dropdown-content {
    min-width: 340px;
}

.p-sd-dropdown-content::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-top: solid 10px #ffffff;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
}

.p-sd-show {
    display: block;
}

.p-sd-dc-inner.p-sc-int-vid-cont {
    grid-template-columns: repeat(1, 1fr);
    gap: 1.25rem;
    padding: 0.7rem 0.3rem;
}

    .p-sd-dc-inner.p-sc-int-vid-cont label {
        margin-bottom: 0.5rem;
    }

    .p-sd-dc-inner.p-sc-int-vid-cont label {
        margin-bottom: 0.3rem;
        line-height: 1.25;
        font-size: var(--base-font-size-xxs);
    }

.p-sd-dd-end-call ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .p-sd-dd-end-call ul li {
        white-space: nowrap;
        padding: 0.5rem calc(var(--box-padding)* 0.75);
        cursor: pointer;
        color: var(--primary-color);
        border-radius: var(--bs-border-radius);
    }

        .p-sd-dd-end-call ul li:not(:last-child) {
            border-bottom: 1px solid var(--primary-border-color);
        }

.p-sd-dd-end-call .p-sd-dropdown-content {
    min-width: initial;
    padding: 0 0;
}

.p-sd-dd-end-call ul li:hover {
    background-color: var(--sec-light-color5);
    color: var(--primary-color);
}

.p-vca-btn-yovid, .p-vca-btn-mute, .p-ts-vids-ov-acts.act-sc-int-btns {
    background-color: #fff;
}

    .p-vca-btn-yovid[disabled], .p-vca-btn-mute[disabled] {
        background-color: #3C4043;
    }

    .p-vca-btn-yovid svg, .p-vca-btn-mute svg,
    .p-ts-vids-ov-acts.act-sc-int-btns svg {
        stroke: #242629;
    }

    .p-vca-btn-yovid.activated, .p-vca-btn-mute.activated {
        background-color: #3C4043;
    }

        .p-vca-btn-yovid.activated svg,
        .p-vca-btn-yovid[disabled] svg,
        .p-vca-btn-mute.activated svg,
        .p-vca-btn-mute[disabled] svg {
            stroke: #ffffff;
        }

.p-vc.callcontrols button[disabled],
.p-vc.callcontrols button.disabled {
    opacity: 0.3;
}

.p-acc-jcbtn {
    justify-content: space-between;
}

.p-ci-int-ul li {
    margin-bottom: 0.75rem;
}

span.rejectedCandidate,
.status-terminated .btn-status {
    background-color: var(--overdue-bg);
    color: var(--overdue-tc) !important;
    border: 1px solid #ffdbdc;
}

svg.rejectedCandidate,
.status-terminated .iconly--icon {
    stroke: #DE3B40;
}

.status-new-joiner .btn-status {
    background-color: #faface;
    color: #957c00 !important;
    border: 1px solid #eaeab3;
}

.status-new-joiner .iconly--icon {
    stroke: #957c00;
}

span.pendingCandidate {
    background-color: #ffede8;
    color: #ab4322;
    border: 1px solid #ffbda8;
}

svg.pendingCandidate {
    stroke: #ab4322;
}

span.newCandidate {
    background-color: #e3f1ff;
    color: #007FFF;
    border: 1px solid #d9e9f8;
}

svg.newCandidate {
    stroke: var(--on-primary-color);
}

.iconly--icon.icon-status-def {
    width: 1.1rem;
    height: 1.1rem;
}
/*accepted*/
span.acceptedCandidate {
    background-color: #e5f8e5;
    color: #408940;
    border: 1px solid #c3eec3;
}

svg.acceptedCandidate {
    stroke: #408940;
}

span.onboardingCandidate {
    background-color: #ddf2dd;
    color: #006400;
    border: 1px solid #ddf2dd;
}

svg.onboardingCandidate {
    stroke: var(--on-primary-color);
}

span.signedCandidate {
    background-color: #fffae0;
    color: #a9900b;
    border: 1px solid #eee092;
}

svg.signedCandidate {
    stroke: #a9900b;
}

span.completedCandidate {
    background-color: rgb(13 110 253 / 17%);
    color: #0d6efd;
    border: rgb(13 110 253 / 51%);
}

svg.completedCandidate {
    stroke: #0d6efd;
}

span.sentCandidate,
span.scheduledCandidate,
span.interviewedCandidate {
    background-color: #eae9ff;
    color: #4b47a7;
    border: 1px solid #d8d6ff;
}

svg.sentCandidate,
svg.scheduledCandidate,
svg.interviewedCandidate {
    stroke: var(--on-primary-color);
}

/*green*/
span.hired,
.status-employed .btn-status {
    background-color: #EEFBF4;
    color: #17663A;
    border: 1px solid #B2EECC;
}

svg.hired,
.status-employed .iconly--icon {
    stroke: var(--complete-tc);
}

.status-none .btn-status {
    background-color: #f9faff;
    color: #64688a !important;
    border: 1px solid #e9eaf3;
}

.status-none .iconly--icon {
    stroke: #64688a;
}

.status-garden-leave span.btn-status {
    background-color: #e8eaf3;
    color: #64688a !important;
    border: 1px solid #e8eaf3;
}

.status-garden-leave .iconly--icon {
    stroke: #64688a;
}

span.deletedCandidate {
    background-color: #fff8da;
    color: #bf8f00;
    border: 1px solid #f4e398;
}

svg.deletedCandidate {
    stroke: #747474;
}

.dx-datagrid .btn-status {
    border: none;
    padding: 0.45rem 0.65rem;
}

.p-tag-sm {
    background-color: var(--sec-light-color4);
    padding: 0.12rem 0.55rem;
    border-radius: calc(var(--border-radius-default));
    font-size: var(--base-font-size-xxs);
    color: var(--primary-color);
    line-height: 1.45;
    border: 1px solid var(--sec-light-color4);
    font-weight: 500;
}

.p-tag-sm.p-tag-xs {
    border-radius: calc(var(--border-radius-default)) !important;
    padding: 0.15rem 0.55rem;
    font-size: calc(var(--base-font-size-xs) * 0.925);
    min-width: 4rem;
}

.p-tag-green {
    background-color: var(--green-color);
    color: #ffffff;
    border: 1px solid var(--green-color);
}

.p-tag-red {
    background-color: var(--overdue-tc);
    color: #fff;
    border: 1px solid var(--overdue-tc);
}

.p-tag-yellow {
    background-color: var(--yellow-color);
    color: var(--primary-color);
    border: 1px solid var(--yellow-color);
}

.p-tag-blue {
    background-color: #0d6efd;
    color: #fff;
    border: #0d6efd;
}

.p-tag-grey {
    background-color: #ededed;
    color: #424b53;
    border: 1px solid #ededed;
}

.p-light-blue {
    border: 1px solid var(--sec-light-color4);
    color: var(--primary-color);
    background-color: var(--sec-light-color4);
}

.p-light-yellow {
    border-color: #fff4ca;
    color: #7c6200;
    background-color: #fff4ca;
}

.p-light-salmon {
    border-color: #ffd7da;
    color: #b04f57;
    background-color: #ffd7da;
}

.p-light-tealgreen {
    border-color: #aefced;
    color: #006654;
    background-color: #aefced;
}

.p-light-blue-new {
    border-color: #d4ecff;
    color: #295b84;
    background-color: #d4ecff;
}

/*css for analysis page*/
.p-hlo {
    left: 0;
    top: 0;
    padding: calc(var(--default-gap) * 0.5);
    width: 100%;
    background: #fff;
}

.p-hi {
    width: 3.1rem;
    height: 3.1rem;
    display: inline-block;
    border-radius: 0.65rem;
    overflow: hidden;
}

.p-tl-box.p-tl-box-modi-sceen {
    align-items: flex-start;
    padding: calc(var(--box-padding)* 1.8);
    min-height: inherit;
    gap: 1.95rem;
}

.p-tl-box-modi-sceen .hc-default-btn {
    width: 100%;
    --p-btn-min-height: 2.9rem;
}

.p-sc-st-cont .text-primary-color {
    font-size: var(--base-font-size-xl);
}

.p-tl-box-modi-sceen hr {
    margin: 1.1rem 0;
    width: 100%;
    height: 1px;
    background-color: var(--primary-border-color);
}

.p-sc-st-cont {
    align-self: flex-start;
    width: 100%
}

.p-sc-details-2x {
    display: flex;
    flex: 1;
    gap: 0.5rem;
}

    .p-sc-details-2x label {
        flex: 0 0 6em;
    }

.p-sc-details {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}

.p-cc {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1600;
}

.p-cc-sq {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.p-cci {
    height: 100%;
    display: flex;
    align-items: center;
}

.p-cci-main {
    height: 100%;
    flex: 1;
    padding: var(--box-padding);
}

.p-sc-st-cont .p-grey-bg-box {
    min-height: 11em;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
}

.p-sc-emoji-scale {
    display: flex;
    justify-content: space-around;
    gap: 1rem;
    align-items: center;
    flex: 1;
}

.p-sc-sc-foot {
    display: grid;
    align-items: center;
    align-self: center;
    width: 100%;
}

.p-sc-box-w-top-head {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    gap: 1rem;
    height: 100%;
    padding-bottom: 1rem;
}

.p-sc-emoji-scale span {
    font-size: 2.1rem;
    line-height: 1.3;
}

.p-sc-ques-mw {
    padding: 1rem 2.3rem;
    max-width: 1468px;
    margin: 0 auto;
    height: 100%;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.record-action-btns button.p-btn-small {
    min-width: 7.9rem;
}

.p-sc-que-steps-mw {
    flex: 1;
}

    .p-sc-que-steps-mw .ph-card {
        height: 100%;
    }

.p-sc-que-head {
    display: grid;
    grid-template-columns: 1fr 360px;
    gap: 1.25rem;
    margin-bottom: 1.6rem;
}

p-sc-que-head-rc .p-progress-def strong {
    color: var(--primary-color);
    font-weight: 600;
    font-size: var(--base-font-size-lg);
}

.p-sc-que-head-rc .p-progress-def p {
    font-size: var(--base-font-size-xxs);
    font-weight: 400;
    margin-top: 0.35rem;
}

label.p-sc-es-wl {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.sc-que-ans-vid .sc-que-name-count {
    margin-bottom: 1rem;
    position: absolute;
    z-index: 9;
    padding: 1.1rem;
    width: 100%;
    left: 0;
    background: linear-gradient(180deg, black, transparent);
}

    .sc-que-ans-vid .sc-que-name-count label,
    .sc-que-ans-vid .sc-que-name-count h3 {
        color: #fff;
    }

.record-action-btns-vid {
    position: absolute;
    bottom: 3.65rem;
    width: 100%;
    padding: 1.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.25rem;
}

.sc-que-ans-vid-blurr::before {
    filter: blur(18px);
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(10px);
}

.record-action-btns-vid .hc-default-btn[disabled] {
    display: none;
}

.p-sc-que-steps-mw .ph-card {
    display: flex;
    flex-direction: column;
}

.sc-que-ans-vid {
    border-radius: calc(var(--bs-border-radius)* 0.7);
    overflow: hidden;
}

.p-sq-video-mc {
    width: 100%;
    height: 100%;
    border-radius: calc(var(--bs-border-radius)* 0.7);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .p-sq-video-mc video {
        object-fit: cover;
        width: 100%;
        height: calc(100vh - 21em);
        min-height: 600px;
    }

.p-sc-que-steps-mw .overlay {
    border-radius: calc(var(--bs-border-radius) * 0.7);
}

.sc-que-ans-input {
    flex: 1;
    position: relative;
}

.record-screening-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: var(--p-btn-bg);
    border: none;
    padding: 0.6rem 1rem;
    border-radius: var(--bs-border-radius);
    color: #fff;
    font-size: var(--base-font-size-lg);
    font-weight: 500;
    gap: 0.35rem;
    border: 1px solid var(--p-btn-bg);
}

    .record-screening-btn .p-icon {
        stroke: #fff;
    }

.sc-que-ans-input {
    flex: 1;
}

    .sc-que-ans-input textarea {
        height: 100%;
    }

.record-action-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .record-action-btns > * {
        flex: 1;
    }

    .record-action-btns .record-screening-btn,
    .p-sq-stop-pause-rec {
        flex: inherit;
    }

.video-preview {
    height: 425px;
    width: 100%;
    min-height: 100%;
    background-color: #444;
    position: relative;
    border-radius: var(--bs-border-radius);
    overflow: hidden;
}

    .video-preview video {
        width: 100%;
        height: 100%;
    }

.p-sc-int-mw {
    max-width: 1107px;
    margin: 0 auto;
}

.p-sc-int-welcome {
    display: grid;
    grid-template-columns: 1fr 400px;
    margin: 0 auto;
    gap: 1rem;
}

.p-sc-int-wel-con .p-sc-details-2x label {
    flex: 0 0 auto;
}

.p-sc-int-wel-con .p-sc-details {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.p-sc-int-wel-con .ph-card {
    height: 100%;
    padding: 1rem 1.3rem 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.p-sc-int-wel-con .p-sc-st-cont {
    width: 100%;
}

.p-sc-int-wel-con .p-add-btn-icon svg {
    stroke: #fff;
}

.p-sc-int-wel-con .p-sc-details-2x {
    gap: 0.3rem;
    align-items: center;
}

.pl-main-head {
    display: flex;
}

.pl-main-head-inner {
    display: inline-flex;
    flex-direction: column;
    margin-bottom: 2.7rem;
}

    .pl-main-head-inner h2 {
        font-size: 1.7rem;
    }

    .pl-main-head-inner p {
        font-size: 1.2rem;
        font-weight: 500;
    }

.p-dd-ic-si {
    width: 1rem;
    height: 1rem;
    stroke: var(--primary-color);
    margin-right: 0.2rem;
    flex-shrink: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0.4rem;
}

.p-sc-int-vid-cont-dd {
    position: relative;
}

.p-cus-dd-mw-wi {
    display: flex !important;
    align-items: center;
}

    .p-cus-dd-mw-wi .p-cus-dd-selected {
        flex: 1;
    }

.p-sc-int-wel-con hr, .modal-screeing-pre-ins hr {
    margin: 1.1rem 0;
    width: 100%;
    height: 1px;
    background-color: var(--primary-border-color);
}

.p-sc-int-vid-cont {
    padding: calc(var(--box-padding) * 0.75);
    background: var(--chat-dark-bg-2);
    position: relative;
    border-bottom-right-radius: var(--bs-border-radius);
    border-bottom-left-radius: var(--bs-border-radius);
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    gap: calc(var(--box-padding)* 0.75);
}

    .p-sc-int-vid-cont .p-cus-dd-mw-wi {
        padding-right: 0;
        padding-left: 0.5rem;
    }

    .p-sc-int-vid-cont select {
        width: 100%;
        padding-right: 2.2rem;
        background-position: 95% center;
        cursor: pointer;
        padding-left: 1.6rem;
    }

.p-sc-int-wel-con .p-add-btn-icon {
    border-radius: 10em;
    min-width: 11.5em;
}

.p-ts-vid-overlay {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 1.5rem;
    left: 50%;
    transform: translateX(-50%);
    gap: 1rem;
}

.p-ts-vid-voice {
    position: absolute;
    bottom: 1.5rem;
    left: 1.1rem;
}

    .p-ts-vid-voice svg {
        width: 2.2rem;
        height: 2.2rem;
    }

.p-fs-vw::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 190px;
    bottom: 0;
    background: linear-gradient(0deg, black, transparent);
    z-index: 1;
}

.p-ts-vid-voice,
.p-ts-vid-overlay {
    z-index: 2;
}

.p-ts-vids-ov-acts {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid #fff;
    border-radius: 50%;
    background-color: rgb(255 255 255 / 27%);
    backdrop-filter: blur(4px);
    cursor: pointer;
}

    .p-ts-vids-ov-acts svg {
        margin: 0;
        width: 1.4rem;
        height: 1.4rem;
        stroke: #fff;
    }

.p-fs-vw {
    position: relative;
    border-radius: var(--bs-border-radius);
    overflow: hidden;
}

.p-fs-jm {
    height: 100%;
    box-shadow: none;
    min-width: 230px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1.5rem;
    max-width: 250px;
}

    .p-fs-jm label {
        font-weight: normal;
        font-size: var(--base-font-size);
        line-height: 1.4;
        text-align: left;
    }

.p-fs-switch {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .p-fs-switch .custom-switch {
        margin-top: -0.2rem;
    }

        .p-fs-switch .custom-switch.custom-switch-sm .custom-control-label {
            padding-left: 0;
        }

    .p-fs-switch:not(:last-child) {
        margin-bottom: 0.8rem;
    }

.p-fs-vw .OT_publisher:hover .OT_edge-bar-item.OT_mode-auto {
    display: none;
}

.pf-500 {
    font-weight: 500;
}

.profile-ph-card.ph-card {
    margin-bottom: var(--default-gap);
}

.p-dg-sqg .p-dg-cl-right {
    display: flex;
    flex-direction: column;
}

    .p-dg-sqg .p-dg-cl-right .ph-card {
        height: initial;
    }

.p-sq-stop-pause-rec {
    display: flex;
    gap: 1.2rem;
    background: var(--primary-color);
    align-items: center;
    justify-content: center;
    border-radius: 12em;
    padding: 0.55rem 1rem;
}

svg.p-sq-sr {
    stroke: none;
    width: 1.5rem;
    height: 1.5rem;
}

.p-sq-stop-pause-rec label {
    color: #fff;
    font-weight: 500;
    min-width: 2.75rem;
    text-align: center;
}

svg.p-sq-dr {
    stroke: #fff;
    width: 1.35rem;
    height: 1.35rem;
    display: inline-block;
}

.p-sq-stop-pause-rec svg {
    cursor: pointer;
}

svg.p-sq-sr, svg.p-sq-pr {
    stroke: none;
}

.p-sq-stop-pause-rec hr {
    width: 1px;
    height: 1rem;
    background: #fff;
    margin: 0;
    align-self: center;
    opacity: 0.2;
}

.p-sc-role-head label {
    color: var(--primary-color);
    font-weight: 500;
    font-size: var(--base-font-size-xs);
}

    .p-sc-role-head label span {
        color: var(--on-primary-color);
    }

.pfs-lg {
    font-size: var(--base-font-size-lg);
}

.pfs-xl {
    font-size: var(--base-font-size-xl) !important;
}


.pfs-xxl {
    font-size: var(--base-font-size-xxl);
}

.pfs-h5 {
    font-size: var(--base-font-size-h5);
}

.pfs-sm {
    font-size: var(--base-font-size-sm);
}

.pfs-xs {
    font-size: var(--base-font-size-xs);
}

.p-hlo .hp-meet {
    color: var(--primary-color);
    font-size: var(--base-font-size-h2);
}

.pg-rh-whf {
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - var(--box-padding) * 2);
    top: var(--box-padding);
    flex: 0 0 var(--default-sidebar-width);
    position: sticky;
    align-self: flex-start;
}

.pg-grid-whf {
    display: grid;
    grid-template-columns: repeat(3, auto);
    grid-auto-rows: auto 1fr;
    gap: var(--default-gap);
    height: 100%;
    padding: var(--default-gap);
}

.pgg-one, .pgg-two {
    grid-column: 1 / 4;
}

.p-vc-def {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    border-radius: var(--bs-border-radius);
}

    .p-vc-def video {
        width: 100%;
        overflow: hidden;
        transform: scale(1.03);
        height: auto;
        border-radius: var(--bs-border-radius);
        height: calc(100vh - 250px);
        object-fit: cover;
    }

.p-sa-head {
    font-size: var(--base-font-size-xl);
}

.pi-bac {
    position: absolute;
    bottom: 0.45rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1500;
}

.p-sa-vda, .p-vc {
    display: flex;
    justify-content: center;
}

    .p-sa-vda .p-add-btn-icon {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        cursor: pointer;
        min-width: 8.1rem;
    }

.p-sa-nm {
    font-size: var(--base-font-size-xl);
}

.p-sa-vw {
    min-height: calc(100% - 36px);
    background-color: rgb(18 21 31 / 88%);
    border-radius: var(--bs-border-radius);
    overflow: hidden;
    position: relative;
}

.p-navs-sq button.nav-link {
    flex-direction: column;
    text-align: left;
    align-items: flex-start;
    grid-row-gap: 0.25rem;
    color: var(--primary-color);
}

.p-dg-cl.p-dg-sqg {
    grid-template-columns: calc(var(--default-sidebar-width) * 1.4) 1fr;
}

.ph-card.profile-ph-card {
    padding: calc(var(--box-padding) * 0.5) calc(var(--box-padding) * 0.8);
}

.p-sq-pr label {
    color: var(--primary-color);
    font-weight: 500;
}

.p-dg-sqg .p-dg-cl-right .psq-lw {
    flex: 1;
    height: 250px;
}

.p-ia-qa {
    display: flex;
    flex-direction: column;
    height: 100%;
    gap: 1.25rem;
}

.p-ia-qa-ta {
    flex: 1;
}

    .p-ia-qa-ta textarea {
        height: 100%;
    }

#screen .streams {
    height: calc(100%) !important;
    background-color: #3c4043;
    border-radius: var(--bs-border-radius);
    border: 1px solid #3c4043;
    position: relative;
    z-index: 1;
}

section#screen::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(30, 30, 30, 0.00) 18.01%, rgba(32, 33, 36, 0.30) 100%);
    width: 100%;
    height: 177px;
}

.screen #screen .streams .tc-list li .user-info .name {
    font-size: calc(var(--base-font-size-sm)) !important;
    font-weight: 400;
    color: #fff;
    padding: 0.45rem 1.15rem !important;
    background-color: transparent;
    text-shadow: 0 1px 2px rgba(0,0,0,.6), 0 0 2px rgba(0,0,0,.3);
    max-width: initial !important;
    bottom: 1rem;
}

[data-desktop-status="sharing"] #screen-share.p-vca-btn svg {
    stroke: #242629;
}

.screen #screen .streams[data-current-layout-type="float"] .tc-list li[data-stream-type="publisher"] {
    width: 15rem !important;
    height: 10.1rem !important;
    border: 0;
    bottom: calc(var(--box-padding)* 0.5);
    top: inherit;
    right: calc(var(--box-padding)* 0.45);
    border-radius: var(--bs-border-radius);
    background-color: #202124;
}

.screen #screen .streams .tc-list li {
    border-radius: var(--bs-border-radius);
    border: 0px solid transparent;
}

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

.p-ve-grid-tiles {
    min-height: 3.7rem;
    object-fit: cover;
    border-radius: 0.3rem;
    overflow: hidden;
}

.sidebar-apply-bg-effect .p-ve-grid-tiles {
    max-height: 6.2rem;
    min-height: 6.2rem;
}

.p-ve-grid-tiles img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    cursor: pointer;
}

.p-ve-grid-tiles {
    cursor: pointer;
}

    .p-ve-grid-tiles small {
        color: var(--primary-color);
    }

.p-ve-grid-tiles-blurr svg.p-ve-icon {
    width: 1.08rem;
    height: 1.08rem;
}

.p-ve-icon {
    width: 17px;
    height: 17px;
    display: inline-block;
    fill: var(--primary-color)
}

.p-ve-grid-tiles {
    min-height: 4rem;
    object-fit: cover;
    border-radius: 0.3rem;
    overflow: hidden;
    border: 1px solid transparent;
    transition: all .3s;
}

    .p-ve-grid-tiles:hover, .p-ve-grid-tiles-active {
        box-shadow: 0px 0px 8px var(--p-btn-bg);
        border: 2px solid var(--p-btn-bg) !important;
    }

.p-ve-grid-tiles-none, .p-ve-grid-tiles-blurr {
    background-color: var(--sec-light-color7);
    border: 2px solid var(--sec-light-color6);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 0.15rem;
}

.p-vca-btn-str-none svg {
    stroke: none !important;
    fill: #fff;
    width: 23px !important;
    height: 23px !important;
}

.act-sc-int-btns-fill svg {
    fill: #242629;
    stroke: none !important;
}

.p-vca-btn-str-none svg {
    stroke: none !important;
    fill: #fff;
    width: 23px !important;
    height: 23px !important;
}

.sidebar-apply-bg-effect .p-ve-grid-tiles-blurr svg.p-ve-icon {
    width: 1.58rem;
    height: 1.58rem;
}

.sidebar-apply-bg-effect .p-ve-grid-tiles small {
    color: var(--primary-color);
    font-size: var(--base-font-size-lg);
}

.sidebar-apply-bg-effect .p-ve-icon {
    width: 20px;
    height: 20px;
}

@media(min-width: 2550px) {
    .p-dg-cl.p-dg-sqg {
        grid-template-columns: calc(var(--default-sidebar-width) * 1.7) 1fr;
    }
}

@media(max-width: 1650px) {
    .p-dg-cl.p-dg-sqg {
        grid-template-columns: calc(var(--default-sidebar-width) * 1.1) 1fr;
    }
}


.controls .audio-action.enabled [data-icon="audio"],
.controls .audio-action.enabled [data-icon="audio"]:hover,
.controls .audio-action.enabled [data-icon="audio"]:after {
    background-image: url("data:image/svg+xml,%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EIconly/Light/Voice%3C/title%3E%3Cg id='Iconly/Light/Voice' stroke='%23ffffff' stroke-width='1.5' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='Voice' transform='translate(4.000000, 2.000000)' stroke='%23ffffff' stroke-width='1.5' %3E%3Cline x1='7.99979045' y1='20' x2='7.99979045' y2='16.8390306' id='Stroke-1'%3E%3C/line%3E%3Cpath d='M7.99979045,12.8480829 L7.99979045,12.8480829 C5.75658438,12.8480829 3.937712,11.0218152 3.937712,8.76819031 L3.937712,4.08094524 C3.937712,1.82732033 5.75658438,-3.55271368e-15 7.99979045,-3.55271368e-15 C10.2440443,-3.55271368e-15 12.0618689,1.82732033 12.0618689,4.08094524 L12.0618689,8.76819031 C12.0618689,11.0218152 10.2440443,12.8480829 7.99979045,12.8480829 Z' id='Stroke-3'%3E%3C/path%3E%3Cpath d='M16,8.80061051 C16,13.2394411 12.4188331,16.8382937 7.99947613,16.8382937 C3.58116692,16.8382937 0,13.2394411 0,8.80061051' id='Stroke-5'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.controls .audio-action [data-icon="audio"] {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24px' height='24px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.79199 10.9102V10.9286C4.79199 14.9107 8.01791 18.1454 11.9999 18.1541C13.7117 18.1541 15.2881 17.5508 16.523 16.5504' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.97266 4.60371C9.63049 3.63934 10.7389 3 12.0001 3C14.0271 3 15.658 4.63972 15.658 6.65799V10.8843C15.658 11.0186 15.6493 11.1451 15.6396 11.2716' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.34183 8.36914V10.8827C8.33307 12.901 9.97279 14.5504 11.9998 14.5592C12.7209 14.5592 13.3875 14.3432 13.9548 13.9831' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.2089 19.2343L4.79297 4.81836' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.002 21.0007V18.1523' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.2093 10.9102C19.2093 12.0546 18.9475 13.1357 18.4707 14.0991' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.controls .video-action.enabled [data-icon="video"],
.controls .video-action.enabled [data-icon="desktop"],
.controls .video-action.enabled [data-icon="video"]:hover,
.controls .video-action.enabled [data-icon="desktop"]:hover,
.controls .video-action.enabled [data-icon="video"]:after {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24px' height='24px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.6403 4.75391H5.84984C3.48329 4.75391 2 6.42963 2 8.80051V15.1985C2 17.5694 3.47572 19.2451 5.84984 19.2451H12.6392C15.0133 19.2451 16.4912 17.5694 16.4912 15.1985V8.80051C16.4912 6.42963 15.0133 4.75391 12.6403 4.75391Z' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.4844 9.99068L19.891 7.20249C20.4423 6.75058 21.2564 6.83167 21.7083 7.38304C21.8975 7.61439 22.0013 7.90413 22.0002 8.20252L21.9883 15.8038C21.9862 16.5174 21.4078 17.0947 20.6942 17.0925C20.3969 17.0925 20.1083 16.9887 19.878 16.7995L16.4844 14.0124' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.controls .video-action [data-icon="video"], .video-action [data-icon="desktop"] {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24px' height='24px' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5752 10.0382L20.8238 7.37983C21.3492 6.94956 22.1254 7.02632 22.5556 7.55172C22.7362 7.77226 22.8356 8.04901 22.8346 8.33333L22.8227 15.5819C22.8216 16.2619 22.2692 16.8122 21.5892 16.8111C21.3048 16.81 21.0303 16.7116 20.8108 16.5311L18.1978 14.3895C17.8087 14.0706 17.5827 13.5938 17.5827 13.0911V8.90414C17.5827 6.77443 15.8562 5.04688 13.7255 5.04688H9.49414' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.98441 5.90234C4.19523 6.58342 3.76172 7.63855 3.76172 8.90124V15.0071C3.76172 17.2666 5.17144 18.8644 7.43088 18.8644H13.9119C14.9281 18.8644 15.7757 18.539 16.3973 17.9757' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.6565 20.3682L2.83398 3.62891' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.screen #screen .controls .buttons {
    padding: 0.3rem !important;
}

    .screen #screen .controls .buttons div {
        display: none !important;
        padding: 2px 7px 0px 7px;
    }

.buttons [data-icon] {
    cursor: pointer;
}

.screen #screen .streams .tc-list li .user-info {
    bottom: 0.15rem;
    opacity: 1 !important;
    -ms-transform: translateY(100%);
    transform: none;
    transition: all 1s;
    text-align: left;
}

.tc-list li[data-stream-type="camera"] .controls {
    top: 1.05rem !important;
    right: 1.15rem;
    left: initial !important;
}

.pi-bac {
    width: 100%;
    padding: 0 2rem;
}

.pi-time label {
    color: #fff;
    font-size: calc(var(--base-font-size-sm)* 0.95);
    font-weight: 400;
}

.p-time-countdown {
}

    .p-time-countdown label {
        font-size: 1.1rem;
        min-width: 3.4em;
    }

.ots-annotation-toolbar-container {
    position: fixed;
    top: 125px;
    right: 0;
    width: initial;
    z-index: 1000;
    background-color: var(--chat-dark-bg-2);
    border: 1px solid var(--input-border-1);
    padding: 0.8rem 0.5rem;
    border-radius: 5rem;
    transition: all .10s;
    margin-right: 1.6rem;
    z-index: 99999;
}

.pi-sa-btns button,
.pi-sa-btns button:hover,
.pi-sa-btns button:active {
    background: none;
    box-shadow: none;
    border: none;
    padding: 0;
}

svg.p-icon[data-icon="message"] {
    width: 1.15rem;
    height: 1.15rem;
}

.pi-sa-btns .p-icon {
    stroke: var(--primary-color);
}

.pi-chat-msg {
    width: 1.15rem;
}

.p-ivcw {
    display: flex;
    padding: calc(var(--box-padding) * 0.5);
    background-color: #202124;
    height: 100vh;
    gap: calc(var(--box-padding) * 0.5);
}

.p-icsw {
    display: block !important;
    color: var(--on-primary-color);
    display: none;
    background-color: var(--card-bg-color);
    border: 1px solid var(--primary-border-color);
    height: calc(100% - 3.6rem);
    border-radius: var(--bs-border-radius);
    width: 100%;
    max-width: 310px;
    transition: all .3s !important;
    overflow: hidden;
}

    .p-icsw .p-chat-area .btn-sendchat {
        right: 0.5rem;
    }

    .p-icsw .p-chat-area {
        min-height: initial;
        background-color: var(--grey-bg-2);
    }

        .p-icsw .p-chat-area textarea {
            padding-right: 2.2rem;
            font-size: var(--base-font-size-xxs);
        }

.p-vc.callcontrols {
    border-radius: 47px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: rgba(60, 64, 67, 0.15);
    backdrop-filter: blur(14.550000190734863px);
    padding: 0.42rem 0.6rem;
}

#chat.js-show-chat-active,
#changeBackground.js-show-chat-active {
    margin-right: -321px;
}

#candidateOverview.js-show-chat-active {
    margin-right: -612px;
}

.screen {
    flex: 1;
    height: calc(100% - 3.6rem);
}

.p-intw-name {
    position: absolute;
    bottom: 1rem;
    left: 1.2rem;
    color: #fff;
    font-weight: 400;
    font-size: var(--base-font-size-sm);
    z-index: 2;
}

.p-ics-from {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
    gap: 0.3rem;
}

.p-icasw {
    flex: 1;
    width: 100%;
}

.p-chat-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    width: 100%;
    min-height: var(--chat-input-mh);
}

    .p-chat-area textarea {
        display: block;
        max-height: 180px;
        overflow: hidden;
        font-size: var(--base-font-size);
        border: 0;
        cursor: text;
        margin-right: 1px;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        overflow-wrap: break-word;
        word-wrap: break-word;
        word-break: break-word;
        padding: 0.5rem 0.55rem 0.35rem;
        width: 100%;
        height: auto;
        font-family: var(--primary-font);
        border-radius: var(--bs-border-radius);
        border: 1px solid var(--input-border-1);
        min-height: 2.2rem !important;
        line-height: 1.2;
        margin: 0;
        color: var(--primary-color);
    }

.p-icsw-chat-mi {
    background-color: var(--grey-bg-2);
    color: var(--primary-color);
    width: 100%;
    font-size: calc(var(--base-font-size-xxs)* 0.85);
    padding: 0.55rem 0.45rem;
    text-align: center;
    border-radius: calc(var(--bs-border-radius)* 0.75);
    margin-bottom: 0;
    margin-top: 1.5rem;
    line-height: 1.25;
}

.btn-sendchat {
    box-shadow: none;
    border: none;
    background-color: transparent;
    padding: 0;
}

.p-info-msg.p-info-msg-green-ic {
    font-size: var(--base-font-size-xs);
    gap: 0.55rem;
    line-height: 1.2;
    border-width: 1px;
    display: inline-block;
    font-weight: 400;
    text-align: center;
}

.p-info-msg.p-info-msg-green-ic svg, .p-info-msg.p-info-msg-green-ic p {
    display: inline;
    font-size: var(--base-font-size-xxs);
}

.p-info-msg.p-info-msg-green-ic .info-icon-dialog {
    --play-btn-width: 1rem;
    position: relative;
    top: -0.19rem;
}

.p-icasw ul,
.p-chih,
.p-chat-area {
    padding: 1.3rem calc(var(--box-padding) * 0.5) !important;
}

.tc-list.p-icasw li {
    max-width: 100%;
    min-width: 130px;
    padding: 0.5rem;
    border-radius: 8px;
    background: var(--bg-default);
    position: relative;
    display: flex;
    color: var(--primary-color);
    border-bottom: none;
    margin-right: 1.5rem;
}

.p-ivcw .p-sb-gene-header,
.p-ivcw .p-sb-gene-body,
.p-ivcw .p-sb-gene-footer-up {
    padding: calc(var(--box-padding) * 0.75);
}

/*.p-icasw li:after {
    width: 0;
    height: 0;
    content: "";
    top: 0px;
    left: -10px;
    position: absolute;
    border-style: solid;
    border-width: 0 13px 13px 0;
    border-color: transparent var(--bg-default) transparent transparent;
}*/

.tc-list.p-icasw li {
    border-bottom-left-radius: 0;
}

.p-icasw li.yourself {
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 0;
}

.p-icasw li.yourself {
    border-top-right-radius: 0;
    background: #D7E5FF;
    color: #14366F;
    margin-left: 1.5rem;
    margin-right: 0;
}

    .p-icasw li.yourself:after {
        width: 0;
        height: 0;
        content: "";
        top: 0px;
        right: -10px;
        left: initial;
        position: absolute;
        border-style: solid;
        border-width: 13px 13px 0 0;
        border-color: #D7E5FF transparent transparent transparent;
    }

.time {
    font-size: calc(var(--base-font-size-xxs) * 0.84);
}

.sender {
    font-size: calc(var(--base-font-size-xxs) * 0.96);
}

.tc-list.p-icasw li:not(:last-child) {
    margin-bottom: 0.6rem;
}

.p-icasw li p {
    margin-bottom: 0;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    grid-gap: 5px;
    flex: 1;
    font-size: 0.7rem;
}

    .p-icasw li p p {
        margin-top: 0.15rem;
        margin-bottom: 0;
        grid-column: 1 / 3;
    }

.p-mw-12 {
    max-width: 12em;
}

.sender {
    grid-column: 1;
    grid-row: 1;
    font-weight: 500;
}

.time {
    grid-column: 2;
    justify-self: end;
}

.tc-list.p-icasw .event {
    background-color: transparent;
    border: none;
    font-size: 0.65rem;
    text-align: center;
    color: var(--on-primary-color);
    padding: 0;
    justify-content: center;
    margin: 0;
}

    .tc-list.p-icasw .event p {
        font-size: 0.6rem;
        flex: 1;
        justify-content: center;
    }

    .tc-list.p-icasw .event::after {
        display: none;
    }

.p-icasw.p-scroll-overlay {
    height: 100%;
    overflow-y: auto;
}

.p-chat-area textarea::placeholder {
    font-size: 0.7rem;
    color: var(--placeholder-color);
    position: relative;
    top: 1px;
}

.ots-annotation-toolbar-container {
    position: fixed;
    top: 125px;
    right: 0;
    width: initial;
    z-index: 1000;
    background-color: var(--chat-dark-bg-2);
    border: 1px solid var(--input-border-1);
    padding: 0.8rem 0.8rem;
    border-radius: 5rem;
}

.feild-set-default .ph-5 {
    font-size: calc(var(--base-font-size-h5) * 0.93);
}

.subhead-grey {
    color: var(--on-primary-color);
}

.p-gc-row-cust {
    display: grid;
    grid-template-columns: auto auto auto repeat(9, 1fr);
    grid-template-rows: auto auto auto;
    grid-gap: 0 1.6rem;
}

.p-com-profile-wrap {
    grid-area: col-img-profile;
    min-width:150px;
}

.p-cp-col1 {
    grid-area: col1;
}

.p-cp-col2 {
    grid-area: col2;
}

.p-cp-col3 {
    grid-area: col3;
}

.p-cp-col4 {
    grid-area: col4;
}

.p-cp-col5 {
    grid-area: col5;
}

.p-cp-col6 {
    grid-area: col6;
}

.p-cp-col7 {
    grid-area: col7;
}

.p-cp-col8 {
    grid-area: col8;
}

.p-cp-col9 {
    grid-area: col9;
}

.p-cp-col10 {
    grid-area: col10;
}

.p-gc-row-cust {
    grid-template-areas:
        "col-img-profile col-img-profile col-img-profile col1 col1 col1 col2 col2 col2 col3 col3 col3"
        "col-img-profile col-img-profile col-img-profile col4 col4 col4 col5 col5 col5 col6 col6 col6"
        "col-img-profile col-img-profile col-img-profile col7 col7 col7 col8 col8 col8 col9 col9 col9"
        "col-img-profile col-img-profile col-img-profile col10 col10 col10 . . . . . ."
}

.p-gc-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0 1.6rem;
}

.p-gc-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0 1.6rem;
}

@media (min-width: 1650px) {
    .p-gc-row {
        grid-template-columns: repeat(4, 1fr);
    }
}

/*@media (max-width: 1650px) {
    .p-gc-row-cust {
        grid-template-areas:
            "col-img-profile col-img-profile col-img-profile col1 col1 col1 col2 col2 col2 col3 col3 col3"
            "col-img-profile col-img-profile col-img-profile col4 col4 col4 col5 col5 col5 col6 col6 col6"
            "col-img-profile col-img-profile col-img-profile col7 col7 col7 col8 col8 col8 col9 col9 col9"
    }
}*/

@media (max-width: 768px) {
    .p-gc-row-cust {
        grid-template-columns: 1fr; /* Stack columns on smaller screens */
        grid-template-areas:
            "col1"
            "col2"
            "col3"
            "col4"
            "col5"
            "col6";
    }
}


.p-al-exp-btn-rt .dx-datagrid-export-button .dx-button-content {
    width: 2.4rem;
    height: 2.4rem;
    flex-shrink: 0;
    background-color: var(--bg-default);
    border-radius: var(--bs-border-radius);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 4px !important;
}

.p-al-exp-btn-rt .dx-datagrid-export-button.dx-button-mode-contained.dx-state-active,
.p-al-exp-btn-rt .dx-datagrid-export-button.dx-button-mode-contained.dx-state-focused {
    background-color: var(--bg-default);
    border-color: var(--bg-default);
    border-radius: var(--bs-border-radius);
}

.p-al-exp-btn-rt .dx-datagrid-export-button.dx-state-hover {
    background-color: var(--bg-default-pattern) !important;
    border-radius: var(--bs-border-radius);
}

.p-al-exp-btn-rt .dx-toolbar-after .dx-toolbar-item {
    padding-left: 0;
}

.p-al-exp-btn-rt .dx-datagrid-export-button {
    float: right;
    position: absolute;
    right: 0;
    top: 3px;
}

    .p-al-exp-btn-rt .dx-datagrid-export-button i.dx-icon-export-excel-button {
        font-size: 1.22rem;
        width: initial;
        height: initial;
        color: var(--primary-color);
    }

.p-al-exp-btn-rt .dx-toolbar-items-container .dx-toolbar-after {
    position: initial;
}



.round-corners-defs {
    height: 0;
    width: 0;
    position: absolute;
}

/*.p-fb-emj-wrp {
    display: grid;
    grid-template-columns: 24.5em 1fr;
    align-items: center;
    gap: 0.75rem;
}*/

.session-feedback-rate .ratingDiv {
    text-align: left;
    margin-top: 0.15rem;
}

.ratingDiv .jq-ry-container {
    margin-bottom: 0.5rem;
}

/*.ph-fdbk-pl .p-fb-emj-wrp {
    grid-template-columns: 23em 1fr;
}*/

.emma-head {
    display: block;
    margin-bottom: 0.2rem;
}

.link-btn-wl {
    min-width: 101px;
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.p-ani-btn-wrpr {
    flex-shrink: 0;
}

.p-jobs-af {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    background-color: var(--bg-default);
    padding: calc(var(--box-padding) * 0.55);
    border-radius: var(--bs-border-radius);
    margin-bottom: 1.25rem;
}

    .p-jobs-af .p-ani-btn-wrpr .p-ani-btn {
        min-width: 164px;
    }

    .p-jobs-af small {
        line-height: 1.4;
        display: inline-block;
    }


@media(max-width: 576px) {
    .p-jobs-af {
        flex-direction: column;
    }
}
/*css for Kanban */

main.kanban-drag {
    flex-grow: 1;
    overflow: auto;
    margin-right: -0.25rem;
    padding-right: 0.05rem;
    max-height: 100%;
    height: 100%;
    padding-bottom: 3.5rem;
}

.kanban-container {
    width: 100% !important;
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
    justify-content: flex-start;
    height: 100%;
}

.kanban-board {
    width: initial !important;
    flex-direction: column;
    display: flex;
    margin: 0 !important;
    width: 100% !important;
    max-width: 18em;
    transition: all .3s cubic-bezier(.23,1,.32,1);
    position: relative;
    min-width: 17.4em;
    height: 100%;
    padding-bottom: 0.3rem;
}

.kanban-scroll-lf-rt {
    justify-content: end;
    position: absolute;
    right: 0;
    top: -3rem;
    gap: 1.2rem;
}

.kanban-scroll-lf-rt .icon.ni {
    cursor: pointer;
    padding: 0.4em;
    border-radius: 50%;
    color: var(--on-primary-color);
}

.kanban-scroll-lf-rt .icon.ni:hover {
    background: var(--bg-default);
    color: var(--primary-color);
}

#myKanban,
.kanban-card-he {
    max-width: 100%;
    height: calc(100% - 17.5em);
    overflow: hidden;
    overflow-x: auto;
}

.kanban-card-no-data {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: calc(100% - 20em);
    top: calc(50% - 6rem) !important;
}

.kanban-title-board {
    font-size: calc(var(--base-font-size-h5) * 0.9);
    font-weight: 600;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    gap: 0.6rem;
    color: var(--primary-color);
}

.kanban-icon-item {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: var(--base-font-size);
    color: var(--primary-color);
}

.kanban-icon-item .p-icon {
    stroke: var(--on-primary-color);
}

.kanban-icons {
    display: flex;
    animation: initial;
    color: gainsboro;
    gap: 0.7rem;
    cursor: pointer;
}

.kanban-icons .p-icon-xs {
    width: 0.92rem;
    height: 0.92rem;
}

.kanban-icons-score.kanban-icon-item {
    gap: 0.4rem;
}

.kanban-icons-score svg {
    fill: var(--on-primary-color);
    stroke: none !important;
}

.kanban-icons-chat .p-icon.p-icon-xs {
    width: 0.98rem;
    height: 0.98rem;
    position: relative;
    top: 1px;
}

.p-kb-tag svg.p-icon {
    cursor: pointer;
}

.p-kb-tag svg.p-icon:hover {
    stroke: var(--p-icon-color);
}

.kanban-icons-recording {
    display: none;
}

.kanban-badge {
    border-radius: calc(var(--bs-border-radius) * 0.5);
    padding: 0.25rem 0.5rem;
    font-weight: 500;
    line-height: 1.35;
    text-align: center;
    min-width: 80px;
    font-size: var(--base-font-size-sm);
}

.kanban-body {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    padding: calc(var(--box-padding)* 0.35) calc(var(--box-padding)* 0.5);
}

label.p-kb-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.69rem;
    padding: 0.23rem 0.425rem;
    background-color: var(--p-grey-2);
    font-weight: 500;
    border-radius: 0.25rem;
}

span.p-kb-tag-more {
    font-size: 0.7rem;
    cursor: pointer;
    font-weight: 500;
}

span.p-kb-tag-more:hover {
    text-decoration: underline;
}

.kanban-badge-red {
    background-color: var(--overdue-bg);
    color: var(--overdue-tc);
}

.kanban-badge-green {
    background-color: var(--tag-bg-work-color);
    color: var(--complete-tc);
}

.p-tal-pro label.p-kb-tag {
    background-color: rgb(220 223 234);
    color: var(--primary-color);
}

.kanban-badge-yellow {
    background-color: #faface;
    color: #957c00;
}

header.kanban-board-header {
    margin-bottom: 0.85rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 10px;
    min-height: 48px;
}

.kanban-title .avatar {
    align-self: flex-start;
}

.kanban-item {
    margin-bottom: 0.8rem;
    transition: all .3s cubic-bezier(.23,1,.32,1);
    border-radius: calc(var(--bs-border-radius) * 0.95);
    color: var(--primary-color);
    position: relative;
    border: 1px solid var(--p--border-1);
    width: 100%;
}

.kanban-footer-add-cand {
    display: none;
}

.kanban-item .p-dd-wp-wrapper {
    right: 0.25rem;
    top: 0.35rem;
    position: absolute;
    /*z-index: 2;*/
}

.kanban-card {
    border: none;
    font-size: 1rem;
    /*z-index: 1;*/
}

    .kanban-card .kanban-header {
        max-width: calc(100% - 2rem);
    }

.kanban-footer span.btn-status {
    padding: 0.2rem 0.5rem;
    min-width: 3rem;
    line-height: 1.4;
    min-width: 5.25rem;
}

.kanban-header {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    gap: 0.75rem;
}

    .kanban-header > .pdf {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 0.3rem;
        font-size: var(--base-font-size-xxs);
    }

    .kanban-header .pdf .p-icon {
        width: 0.9rem;
        height: 0.9rem;
    }

.kanban-title {
    font-weight: 600;
    color: var(--primary-color);
    margin-bottom: 0;
    font-size: var(--base-font-size);
    display: flex;
    align-items: center;
    gap: 0.75rem;
}


.kanban-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0rem;
    gap: 1.1rem;
    border-top: 0 solid var(--p--border-1);
}

    .kanban-footer .text-muted {
        font-size: 0.875rem;
        display: flex;
        align-items: center;
    }

    .kanban-footer .avatar {
        height: 32px;
        width: 32px;
        border-radius: 50%;
        margin-left: 0.5rem;
    }

.card-count {
    background-color: #fff;
    border-radius: 0.7rem;
    margin-right: 0.35rem;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.9rem;
    height: 1.3rem;
    font-size: 0.7rem;
    border: 1px solid var(--p--border-1);
    color: var(--on-primary-color);
}

.kanban-icons .kanban-icons-recording .p-icon-xs {
    width: 0.93rem;
    height: 0.93rem;
    margin-left: 0.15rem;
    margin-top: 0.12rem;
}

header.kanban-board-header {
    padding-bottom: 0.9rem;
    margin-bottom: 1.1rem;
    position: relative;
}

    header.kanban-board-header::after {
        content: '';
        bottom: 0;
        position: absolute;
        left: 0;
        height: 0.13rem;
        width: 100%;
        border-radius: 3rem;
        background-color: #F8CACD;
    }

.kanban-board[data-id="_kbCandidates"] .kanban-board-header::after {
    background-color: #62E3CA;
}

.kanban-board[data-id="_kbScreening"] .kanban-board-header::after {
    background-color: #81C3FA;
}

.kanban-board[data-id="_kbInterview1"] .kanban-board-header::after {
    background-color: #F4DF7A;
}
.kanban-board[data-id="_kbInterview3"] .kanban-board-header::after {
    background-color: #F4DF7A;
}
.kanban-board[data-id="_kbInterview4"] .kanban-board-header::after {
    background-color: #F4DF7A;
}
.kanban-board[data-id="_kbHiring"] .kanban-board-header::after {
    background-color: #a5da3f;
}

.kanban-board[data-id="_kbOffers"] .kanban-board-header::after {
    background-color: #9895D8;
}

.kanban-board[data-id="_kbContracts"] .kanban-board-header::after {
    background-color: #ffa985;
}


/*.kanban-board[data-id="_kbCandidates"] {
    background-color: #D4CEFF;
}*/
.kanban-board-header em.icon.ni-plus {
    cursor: pointer;
    color: var(--on-primary-color);
}

/*.kanban-board[data-id="_kbCandidates"] .kanban-title-board,
.kanban-board[data-id="_kbCandidates"] .kanban-board-header em.icon.ni-plus {
    color: #4A32B2;
}

.kanban-board[data-id="_kbScreening"] { background-color: #CAE4FF;
}

.kanban-board[data-id="_kbScreening"] .kanban-title-board,
.kanban-board[data-id="_kbScreening"] .kanban-board-header em.icon.ni-plus {
    color: #004F9F;
}

.kanban-board[data-id="_kbInterview1"] {
    background-color: #fff2d3;
}

.kanban-board[data-id="_kbInterview1"] .kanban-title-board,
.kanban-board[data-id="_kbInterview1"] .kanban-board-header em.icon.ni-plus {
    color: #D76905;
}

.kanban-board[data-id="_kbHiring"] {
    background-color: #CEFFDE;
}

.kanban-board[data-id="_kbHiring"] .kanban-title-board {
    color: #046c26;
}*/

.add-task-btn {
    background-color: transparent;
    border-radius: 20px;
    padding: 5px 15px;
    font-size: 14px;
    cursor: pointer;
    outline: none;
    margin-top: 10px;
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    font-weight: 500;
}

.kanban-board[data-id="_kbCandidates"] .add-task-btn {
    border: 0.14em dashed #4A32B2;
    color: #4A32B2;
}

    .kanban-board[data-id="_kbCandidates"] .add-task-btn .icon.ni {
        color: #4A32B2;
    }

.kanban-board[data-id="_kbScreening"] .add-task-btn {
    border: 0.14em dashed #004F9F;
    color: #004F9F;
}

    .kanban-board[data-id="_kbScreening"] .add-task-btn .icon.ni {
        color: #004F9F;
    }

.kanban-board[data-id="_kbInterview1"] .add-task-btn {
    border: 0.14em dashed #D76905;
    color: #D76905;
}
.kanban-board[data-id="_kbInterview3"] .add-task-btn {
    border: 0.14em dashed #D76905;
    color: #D76905;
}
.kanban-board[data-id="_kbInterview4"] .add-task-btn {
    border: 0.14em dashed #D76905;
    color: #D76905;
}

    .kanban-board[data-id="_kbInterview1"] .add-task-btn .icon.ni {
        color: #D76905;
    }
.kanban-board[data-id="_kbInterview3"] .add-task-btn .icon.ni {
    color: #D76905;
}
.kanban-board[data-id="_kbInterview4"] .add-task-btn .icon.ni {
    color: #D76905;
}

.kanban-board[data-id="_kbHiring"] .add-task-btn {
    border: 0.14em dashed #046c26;
    color: #046c26;
}

    .kanban-board[data-id="_kbHiring"] .add-task-btn .icon.ni {
        color: #046c26;
    }

.kanban-title-name {
    display: grid;
    gap: 0.1rem;
}

    .kanban-title-name > span {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        --max-lines: 1;
        position: relative;
        max-height: calc(var(--lh) * var(--max-lines));
        overflow: hidden;
        font-size: var(--base-font-size-sm);
    }

    .kanban-title-name .pdf {
        row-gap: 0.25rem;
    }

        .kanban-title-name .pdf.pdf-gap-xs {
            flex-direction: column;
            gap: 0.25rem;
            justify-content: flex-start;
            align-items: flex-start;
        }

        .kanban-title-name .pdf span {
            font-size: calc(var(--base-font-size-xxs) * .925);
            font-weight: 400;
            color: var(--on-primary-color);
            line-height: 1.3;
        }

.kanban-item .p-dd-wp-btn-small .p-dd-wp-dot-icon {
    flex-shrink: 0;
    width: 1.15rem;
    height: 1.15rem;
}

.p-kb-card-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    cursor: grab;
}

.kanban-header {
    padding: calc(var(--box-padding)* 0.5);
    margin-top: 0rem;
}

    .kanban-header span.one-line-clamp {
        color: var(--p-icon-color);
    }

.kanban-footer {
    padding: calc(var(--box-padding) * 0.35) calc(var(--box-padding) * 0.5);
}

.kanban-item .p-dd-wp-dot-icon {
    fill: var(--on-primary-color);
    width: 1.65rem;
    height: 1.65rem;
}

.kanban-status-select {
    border-color: transparent;
    border-radius: calc(var(--bs-border-radius) * 0.45);
    color: var(--on-primary-color);
    background-size: 10px;
    background-position: 99%;
    text-align: left;
    padding: 0rem 0.4rem;
    padding-right: 1.05rem;
    background-color: transparent;
    font-weight: 500;
}

/*.kanban-board[data-id="_kbCandidates"] .kanban-status-select {
    color: var(--overdue-tc);
}

.kanban-board[data-id="_kbScreening"] .kanban-status-select {
    color: #957c00;
}

.kanban-board[data-id="_kbInterview1"] .kanban-status-select {
    color: var(--complete-tc);
}

.kanban-board[data-id="_kbHiring"] .kanban-status-select {
    color: var(--overdue-tc);
}*/


@media(max-width: 1700px) {
    .kanban-badge {
        font-size: calc(var(--base-font-size-xxs) * 0.88);
    }

    .kanban-title {
        gap: 0.55rem;
    }

    .kanban-board {
        max-width: initial;
    }
}


@media(min-width: 1025px) {
    #myKanban::-webkit-scrollbar {
        height: 12px !important;
    }
}

@media(max-width: 1500px) {
    .kanban-container {
        gap: 0.9rem;
    }

    .kanban-item {
        margin-bottom: 0.45rem;
    }
}

@media(max-width: 1455px) {
    #myKanban, .kanban-card-he {
        height: calc(100% - 14.5em);
    }
}

/*kanban ends here*/
.plumm-logo-icon {
    width: 200px;
    height: 200px;
    visibility: hidden; /* Initially hide the logo */
    z-index: 999;
}

.p-rect-iw {
    position: relative;
    cursor: pointer;
}

    .p-rect-iw svg.p-iic {
        position: absolute;
        top: 0.7rem;
        left: 0.7rem;
    }

.kanban-board[data-id="_kbHiring"] main.kanban-drag {
    min-height: 20.8em;
}

@media(max-width: 991px) {
    .ph-fdbk-pl .p-fb-emj-wrp {
        grid-template-columns: 1fr;
    }

    .session-feedback-helping .emojis-wrapper-item {
        min-width: 90px;
    }
}


/*generic dropdown code*/
.p-gene-number input.dx-texteditor-input {
    max-width: 4.5em;
}

.p-gene-num-fw.p-gene-number input.dx-texteditor-input {
    max-width: 100%;
}


textarea.p-textarea-def.form-control {
    height: initial;
    min-height: 10em;
}

textarea.p-textarea-def-sm.form-control {
    height: initial;
    min-height: 5em;
}

.p-gene-number input.dx-texteditor-input,
.p-gene-sel-dd input.dx-texteditor-input,
.p-num-rb input.dx-texteditor-input {
    border: none;
}

.p-form-check-input[disabled] {
    cursor: default;
}

    .p-form-check-input[disabled] + label {
        opacity: 0.6;
        cursor: default;
    }

/*css for free trial*/
.p-ft-ca-mw {
    background: url(https://liveplummblob.blob.core.windows.net/content/12022024101115.png);
    background-size: cover;
    padding-bottom: 4rem;
    background-color: #1c4a8b;
}

.header-custom-cont {
    padding-top: 1.45rem;
}

.p-bl-head-1 {
    font-size: 1.65rem;
}

.p-ft-ca-container {
    display: grid;
    grid-template-columns: 1fr 500px;
    height: 100%;
    background-color: var(--chat-dark-bg-2);
    border-radius: calc(var(--bs-border-radius) * 3);
    margin: 2rem 0;
    overflow: hidden;
    margin-top: 2.6rem;
}

.p-fr-sl-img-mw {
    border-radius: calc(var(--bs-border-radius) * 2);
    overflow: hidden;
    margin-bottom: 2.75rem;
}

    .p-fr-sl-img-mw img {
        width: 100%;
        height: auto;
    }

.p-ft-ca-right-mw {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    background-color: var(--bg-default);
    padding-top: 3.35rem;
}

.p-ft-slides p {
    text-align: center;
    color: var(--bg--def-txt-col);
    padding-bottom: 3.2rem;
}

.p-ft-ca-left-mw {
    padding: 3rem 4rem;
}

.p-ft-ca-right-mw .swiper-container-horizontal > .swiper-pagination-bullets,
.p-ft-ca-right-mw .swiper-pagination-custom, .swiper-pagination-fraction {
    text-align: center;
}

.p-ft-ca-img img {
    max-width: 550px;
}

.p-cen-txt-modal .modal-body {
    padding: 2.6em;
    text-align: center;
}


.p-cen-txt-modal .modal-content {
    border-radius: calc(var(--bs-border-radius) * 2.5);
    max-width: 660px;
}

.p-cen-txt-modal .continue-button {
    font-size: 1rem;
}


.brand-logo {
    width: 2.8rem;
    height: 2.8rem;
    display: inline-block;
    border-radius: 0.5rem;
    overflow: hidden;
}

.brand-logo-cen {
    margin-bottom: 2rem;
}

.p-ft-ca-form .p-custom-checkbox .custom-control-label::before {
    border: 1px solid #e2e1e1;
}

@media(max-width: 1600px) {
    .p-ft-ca-img img {
        max-width: 450px;
    }
}

@media(max-width: 1024px) {
    .p-ft-ca-left-mw,
    .p-ft-ca-right-mw {
        padding: 1.7rem;
    }
}

@media(max-width: 991px) {

    .p-ft-ca-container {
        grid-template-columns: 100%;
        margin-top: 1.6rem;
    }

    .p-ft-ca-right-mw {
        display: none;
    }
}

.show-msg-ew-p-abs {
    position: fixed;
    z-index: 1039;
    width: 100%;
    max-width: 1900px;
    right: calc(var(--default-container-gap));
    top: -10px;
    margin-left: calc(var(--custom-sidebar-width) * 0.5);
    display: flex;
    justify-content: flex-end;
    margin-top: 4.6rem;
}

@media(min-width: 2101px) {
    .show-msg-ew-p-abs {
        max-width: 1900px;
        left: 50%;
        transform: translateX(-50%);
        margin-left: calc(var(--custom-sidebar-width) * 0.5);
    }
}

.show-msg-free-trial a.p-text-underline {
    color: #fff;
}

.show-msg-free-trial {
    justify-content: flex-start;
    display: inline-flex;
    background-color: var(--primary-color);
    color: #fff;
    border-radius: 10em;
    padding: 0.4rem 1.4rem;
    padding-right: 0.4rem;
    align-items: center;
    gap: 1rem;
    max-width: 1010px;
}

.show-msg-ew {
    margin-left: var(--custom-sidebar-width);
    margin-top: var(--nav-min-height);
    padding: var(--default-container-gap);
    padding-bottom: 0;
    margin-bottom: calc(var(--nav-min-height) * -1);
}

.show-msg-free-trial svg.p-icon {
    stroke: var(--primary-color);
    position: relative;
    top: -0.035em;
}

.show-msg-free-trial .p-btn-sm {
    background-color: #fff;
    border: 1px solid #fff;
    color: var(--primary-color);
    border-radius: 10em;
    padding: 0.45rem 1.2rem;
    min-height: initial;
    font-weight: 600;
}

.show-msg-free-trial .p-btn-sm:hover {
    background-color: var(--chat-dark-bg-2);
    color: var(--primary-color);
    border-color: transparent;
}

.show-msg-free-trial-ended.show-msg-free-trial {
    background-color: var(--salmon-new-color2);
    color: var(--primary-color);
    border: 1px solid var(--salmon-new-color);
}

.show-msg-free-trial-ended .p-btn-sm {
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
    color: #fff;
}

.p-up-payment-mw-grid {
    display: grid;
    grid-template-columns: 1fr 410px;
    gap: calc(var(--default-gap) * 2 );
}

.p-up-rec-head-tot {
    margin-bottom: 1.3rem;
    padding-bottom: 1.1rem;
    border-bottom: 1px solid var(--primary-border-color);
}

/*pricing page*/
.p-up-p-card-mw {
    padding: 2.5rem;
}

.nav-mental-hr {
    display: flex;
    justify-content: center;
    background-color: var(--primary-color);
    padding-top: 0.55rem;
}

.upgarde-setps-mw .ph-card,
.p-up-need-help .ph-card {
    padding: 0;
    border-radius: calc(var(--bs-border-radius) * 3.6);
    overflow: hidden;
}

.p-up-need-help {
    margin-top: var(--default-gap);
}

.ph-2.upgrade-plan-head {
    font-size: var(--base-font-size-h1);
}

.p-up-need-help .ph-card {
    display: inline-flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    gap: 1.65rem;
}

.nav-mental-hr .nav-link {
    border: none;
    background-color: #3C5588;
    color: var(--chat-dark-bg-2);
    position: relative;
    padding: 0.65rem 1.4rem;
}

.nav-mental-hr .nav-item:first-child .nav-link {
    border-top-left-radius: var(--bs-border-radius);
}

.nav-mental-hr .nav-item:last-child .nav-link {
    border-top-right-radius: var(--bs-border-radius);
}

.nav-mental-hr .nav-link.active {
    border-top-left-radius: var(--bs-border-radius);
    border-top-right-radius: var(--bs-border-radius);
}

.nav-mental-hr .nav-link.active {
    background-color: var(--chat-dark-bg-2);
    color: var(--primary-color);
}

.nav-mental-hr .nav-item {
    position: relative;
}

    .nav-mental-hr .nav-item::before {
        content: '';
        position: absolute;
        top: 0;
        width: 95%;
        min-height: 35%;
        background-color: #3c5588;
    }

    .nav-mental-hr .nav-item:first-child::before {
        right: 0;
    }

    .nav-mental-hr .nav-item:nth-child(2)::before {
        width: 100%;
    }

    .nav-mental-hr .nav-item:last-child::before {
        left: 0;
    }

.p-ft-hc-input {
    display: inline-grid;
    grid-template-columns: 1fr 75px;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    background-color: var(--bg-default);
    padding: 0.25rem;
    border-radius: var(--bs-border-radius);
}

    .p-ft-hc-input label {
        font-weight: 600;
        color: var(--primary-color);
        padding-left: 1rem;
    }

.upgarde-setps-container.nd-cus-conatiner {
    max-width: 1200px;
}

.p-up-pricing-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-content: center;
    align-items: flex-end;
    gap: var(--default-gap);
}

.p-up-recurring-card.ph-card {
    margin-left: 2rem;
}

.upgarde-setps-mw .pso-action-btns {
    margin-top: 2.5rem;
}

.p-up-pricing-card {
    transition: all .3s;
}

    .p-up-pricing-card:hover {
        box-shadow: 0px 2px 6px rgb(67 65 65 / 10%);
        transform: translateY(-5px);
    }

.p-up-p-card-mw .ph-card {
    padding: calc(var(--box-padding) * 1.65);
    position: relative;
}

.p-up-p-card-mw h2.p-up-title {
    margin-bottom: 1.65rem;
    font-size: calc(var(--base-font-size-h2) * 1.18);
}

.p-up-desc {
    min-height: 49em;
    margin-top: 1.7rem;
    display: flex;
    flex-direction: column;
    gap: 1.7rem;
}

.p-up-popular-card .p-up-desc {
    min-height: 41.2rem;
}

.p-up-desc hr {
    width: 100%;
    margin: 0;
    height: 1px;
    background-color: var(--primary-border-color);
}

.p-up-selected .p-up-desc hr {
    background-color: var(--plm-light-blue);
    opacity: 0.3;
}

.p-up-plan-cost {
    margin-bottom: 0.05rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 0.25rem;
}

.p-up-list li {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--primary-color);
}

p.p-up-description {
    margin-bottom: 2rem;
}

.p-up-list li:not(:last-child) {
    margin-bottom: 0.45rem;
}

.p-up-list .p-icon {
    stroke: var(--secondary-color);
    flex-shrink: 0;
    align-self: flex-start;
}

.p-up-price {
    font-size: var(--base-font-size-h1-lg);
    font-weight: 700;
    margin-bottom: 1rem;
    color: var(--primary-color);
    line-height: 1.25;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

    .p-up-price span {
        font-weight: 400;
        color: var(--on-primary-color);
    }

.p-txt-lt {
    position: relative;
}

    .p-txt-lt::after {
        content: '';
        position: absolute;
        top: 52%;
        width: calc(100% + 13px);
        left: 50%;
        transform: translateX(-50%);
        height: 3px;
        background-color: var(--on-primary-color);
    }

.p-up-details,
.p-up-min-cost,
.p-up-description {
    font-size: var(--base-font-size);
    margin-bottom: 0;
}

label.p-up-details {
    font-size: var(--base-font-size-h3);
    color: var(--primary-color);
    font-weight: 600;
}

.p-up-sub-details {
    color: var(--primary-color)
}

.p-up-pricing-card .p-pricing-btn {
    display: block;
    margin: 0 auto;
    width: 100%;
    min-height: 2.8rem;
    font-size: var(--base-font-size-h3);
}

.p-up-min-cost {
    display: flex;
    flex-direction: column;
    gap: 0.05rem;
    margin: 0.45rem;
}

.p-pricing-btn {
    text-align: center;
    text-transform: capitalize;
    padding: 0.45rem 0.8rem;
    min-width: 6.4rem;
    font-size: calc(var(--base-font-size));
    border-radius: calc(var(--border-radius-default) * 0.8);
    border: none;
    background: var(--secondary-color);
    font-weight: 500;
    color: #fff;
}

.p-up-selected.p-up-pricing-card {
    background-color: var(--p-grey-2);
    color: var(--primary-color);
    border-color: var(--secondary-color);
}

.p-up-pricing-card.p-up-popular-card {
    /*background-color: var(--p-grey-2);*/
    color: var(--primary-color);
    /* border-color: var(--secondary-color);*/
    border-width: 0.1em;
    padding-top: 5.7rem;
}

.p-up-pay-left .add-ons-list {
    margin-bottom: 1rem;
    border-bottom: 1px solid var(--primary-border-color);
    padding-bottom: 1rem;
}

.p-up-selected .p-pricing-btn {
    background: var(--secondary-color);
    color: #fff;
}

.pricing-tag-popular {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    padding: 1rem;
    padding-top: 1.25rem;
    background-color: var(--secondary-color);
    color: #fff;
    gap: 0.55rem;
}

    .pricing-tag-popular h3 {
        font-size: var(--base-font-size-h3);
        color: #fff;
        font-weight: 600;
    }

    .pricing-tag-popular label {
        padding: 0.2rem 0.3rem;
        background-color: var(--chat-dark-bg-2);
        border-radius: 0.28rem;
        color: var(--secondary-color);
        font-weight: 600;
        font-size: var(--base-font-size-h3);
        position: relative;
    }

svg.p-pop-arrow {
    position: absolute;
    top: -16px;
    left: -29px;
    height: 15px;
    width: 43px;
}

.ribbon {
    position: absolute;
    right: 36px;
    top: 12px;
}

    .ribbon:before, .ribbon:after {
        content: "";
        display: block;
        position: absolute;
        height: 0px;
        bottom: -9px;
        border: 11px solid var(--light-blue);
    }

    .ribbon:before {
        border-bottom-color: transparent;
        bottom: -19px;
    }

.p-up-p-card-mw .step-activity-item:not(:last-child) .step-avatar::after {
    top: 2.675rem;
    left: 1.15rem;
    height: calc(100% - 1.275rem);
}

.p-up-p-card-mw .step-activity-date-item {
    margin: 0.4rem 0 0.4rem;
}

.p-up-p-card-mw .step-activity-modi-lc .step-content {
    align-self: center;
}

.p-up-p-card-mw .step-activity-date-item {
    color: var(--primary-color);
    font-weight: 500;
}

.p-up-p-card-mw .step-activity-item {
    margin-bottom: 1.35rem;
}


.p-acc-heading.p-acc-card .p-acc-header {
    border-left: none;
}

.p-up-tm,
.p-acc-card.p-acc-heading {
    margin-bottom: 1rem;
}

.p-acc-heading .p-acco-btn-w-icon::after {
    right: 0.65rem;
    left: initial;
}

.p-up-tabs-mw .ph-card.p-defautlt-navs {
    display: inline-flex;
}

.p-acc-card.p-acc-heading {
    border: none;
}

    .p-acc-card.p-acc-heading .p-acc-header {
        background-color: var(--bg-default);
        border-radius: calc(var(--border-radius-default) * 0.75);
        padding: 0.62rem 0.75rem;
    }

    .p-acc-card.p-acc-heading .p-acco-btn {
        padding: 0;
        padding-left: 0.15rem;
        font-weight: 500;
        font-size: var(--base-font-size);
        border-radius: var(--bs-border-radius) !important;
    }

    .p-acc-card.p-acc-heading .accordion-collapse {
        border-left: none;
    }

.p-acco-btn {
    font-weight: 600;
}

.p-up-at-amm {
    align-self: flex-start;
    color: var(--primary-color);
    text-align: right;
    white-space: nowrap;
}

#ul-add-on .pdf {
    gap: 0.7rem;
}

.p-up-rec-cont {
    color: var(--primary-color);
}

.p-up-rec-cont-it {
    margin: 0.75rem 0;
    flex-direction: column;
    gap: 0.3rem;
}

.p-sp-st {
    display: grid;
    gap: 0.4rem;
}

.p-up-tm {
    margin-top: 1rem;
    padding: 0 0 calc(var(--box-padding) * 0.7);
}

.p-up-rec-sepe {
    margin: 0;
    height: 1px;
    background-color: var(--primary-border-color);
}

.p-head-seperator-fw {
    background-color: var(--p-grey-2);
    min-height: 2.75rem;
    border-radius: var(--bs-border-radius);
    display: flex;
    align-items: center;
    padding: 0 calc(var(--box-padding) * 0.7);
    font-weight: 600;
    color: var(--primary-color);
    margin-bottom: 1.25rem;
}

.p-up-pay-deat-mw {
    margin-bottom: 1.5rem;
}

.p-up-rec-cont-it .vat-per-txt {
    font-weight: 400;
    color: var(--on-primary-color);
    font-size: var(--base-font-size-xl);
}

.p-up-tc-msg {
    margin: 0 0 calc(var(--box-padding) * 0.7);
}

.p-pckg-lists {
}

.p-up-list {
    padding-left: 0.7rem;
}

.pl-list-count {
    padding-right: .3rem;
}

.p-pckg-lists lab

.payment-div,
.p-up-bd-cont,
.p-up-st-cont {
    padding: 0 0 calc(var(--box-padding) * 0.7);
}

.go-cardless-btn {
    max-width: 15em;
    display: block;
    cursor: pointer;
    margin: 0 auto;
    margin-top: 2rem;
}

.p-def-sw-modi.ph-card.p-defautlt-navs {
    padding: 0.3rem 0.25rem;
    border-radius: 10em;
    background-color: #F0F0F0;
}

.p-def-sw-modi.p-defautlt-navs .tabsNavActiveBg {
    border-radius: 10em;
    height: 41px;
    background-color: var(--chat-dark-bg-2);
}

.p-ft-sc-off p {
    text-align: center;
    color: var(--on-primary-color);
}

    .p-ft-sc-off p strong {
        color: var(--secondary-color);
        font-weight: 600;
    }

.p-def-sw-modi.p-defautlt-navs .nav-pills .nav-link {
    padding: 0.6rem 1rem;
    color: var(--on-secondary-color);
    font-size: var(--base-font-size);
}

.p-up-billing-details-mw {
    margin-bottom: 1.65rem;
}

.p-up-st-cont ul li:not(:last-child) {
    margin-bottom: 0.4rem;
}

.p-up-tc-msg.p-info-msg {
    justify-content: space-between;
}

.p-up-tc-msg .p-icon {
    stroke: var(--primary-color);
}

.p-up-rec-cont-card {
    padding: var(--box-padding);
    border: 1px solid var(--primary-border-color);
    border-radius: var(--bs-border-radius);
    margin-bottom: 2rem;
}

.p-secure-payment-msg {
    display: flex;
    gap: 0.3rem;
    color: var(--primary-color);
    margin-top: 0;
}

.p-up-pric-total {
    font-size: calc(var(--base-font-size-h1) * 1.2);
    color: var(--primary-color);
    font-weight: 700;
    display: flex;
}

.p-up-rec-cont .pdf label, .p-up-rec-cont .pdf span {
    font-size: var(--base-font-size-xl);
    max-width: 55%;
}

.p-ul-align li:not(:last-child) {
    margin-bottom: 0.4rem;
}

.p-up-pric-total span {
    font-weight: 400;
    font-size: var(--base-font-size-lg);
    align-self: center;
    padding-top: 0.25rem;
    color: var(--primary-color);
}

.add-ons-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
}

.add-ons-list-cont h6 {
    margin-bottom: 0;
}

.add-icon-cus-btn {
    fill: var(--secondary-color);
    width: 1.3rem;
    height: 1.3rem;
    cursor: pointer;
}

.add-ons-list-cont p {
    font-size: var(--base-font-size-xs);
    color: var(--on-primary-color);
}

.customise-plan-btn {
    background-color: var(--primary-opacity-color);
    border-radius: 10em;
    padding: 0.6rem 1rem;
    color: var(--secondary-color);
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    white-space: nowrap;
    cursor: pointer;
}

.p-vert-pipe {
    font-weight: 300;
    color: #c7e3ff;
}

.add-icon-cus-btn-minus {
    fill: #A0AEC0;
    width: 1.3rem;
    height: 1.3rem;
    cursor: pointer;
}


.customise-plan-btn-disbaled,
.customise-plan-btn-disbaled .ni.ni-plus {
    background-color: var(--p-grey-2);
    color: #A0AEC0;
}

    .customise-plan-btn-disbaled .p-vert-pipe {
        color: #e3e0e6;
    }

.add-ons-list-cont h6 {
    margin-bottom: 0.3rem;
}

.pri-features .p-acc-card:not(:last-child) {
    margin-bottom: 0.15em;
}

/*updated pricing css*/
.price-grid-area-up {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(2, auto);
    grid-gap: var(--default-gap);
}

.price-grid-area-up {
    grid-template-areas:
        "pri-features pri-addons"
        "pri-features pri-totals";
}

.pri-features {
    grid-area: pri-features;
}

.pri-addons {
    grid-area: pri-addons;
}

.pri-totals {
    grid-area: pri-totals;
}

.p-acc-card:not(:last-child) {
    margin-bottom: 0.1em;
}

.price-cont-updated .p-acc-card.p-acc-heading .p-acco-btn {
    font-weight: 500;
    font-size: var(--base-font-size);
}

.price-cont-updated .p-up-rec-cont-card {
    padding: 0;
    border: none;
}

.price-cont-updated .p-form-check {
    display: inline-flex;
}

.table-accord-inb tr {
    cursor: pointer;
}

.hiddenRow {
    padding: 0 !important;
    line-height: 0;
    background-color: transparent !important;
}

.pri-addons table tr[aria-expanded="false"] + tr {
    border-bottom: 0;
}

.pri-addons table tr[aria-expanded="true"] + tr .hiddenRow {
}

.pri-addons table tr:hover {
    background-color: transparent !important;
}

.pri-addons table tr {
    border-bottom: 1px solid var(--primary-border-color);
}

    .pri-addons table tr[aria-expanded="true"] + tr,
    .pri-addons table tr[aria-expanded="true"] {
        border-bottom: 0;
    }

    .pri-addons table tr td {
        border-radius: 0;
        background-color: transparent;
    }

.addons-feat-list .card-body {
    background-color: var(--chat-dark-bg-2);
    padding-left: 1.6rem;
}

.price-cont-updated .p-acc-card.p-acc-heading .p-acc-header {
    border-top: 1px solid var(--primary-border-color);
    border-radius: 0;
    padding: 0.72rem 0rem;
    background-color: transparent;
}

.pri-features .p-acc-card:last-child {
    border-bottom: 1px solid var(--primary-border-color);
}

.pri-features .card-body,
.addons-feat-list .card-body {
    padding-top: 0.4rem;
}

.pri-addons table tr td:nth-child(2) {
    font-weight: 500;
}

.price-cont-updated .pri-addons table th {
    font-weight: 600;
    font-size: var(--base-font-size-lg);
}

.pri-addons table tr td:last-child {
    padding-right: 0;
}

.p-ft-hc-inp-mw input.form-control {
    font-weight: 600;
    font-size: 1.3rem;
    height: 2.7rem;
    text-align: center;
}
/*updated pricing css*/

@media (max-width: 48rem) {
    .p-up-pricing-container {
        flex-direction: column;
        align-items: center;
    }

    .p-up-pricing-card {
        flex: 0 1 90%;
    }
}

/*timeline vertical*/
.pso-timeline-list-hroi.pso-timeline-list {
    flex-direction: initial;
    flex-wrap: wrap;
    gap: 4.2rem;
    justify-content: center;
}

.pso-timeline-list-hroi .pso-timeline-item {
    position: relative;
}

.upgarde-setps-mw .pso-timeline-item {
    cursor: pointer;
}

.pso-timeline-list-hroi .pso-timeline-item:not(:last-child)::after {
    content: '';
    position: absolute;
    right: -3.65rem;
    transform: translateY(-50%);
    top: 51%;
    height: 0.1rem;
    background-color: var(--input-border-1);
    width: 3rem;
    border-radius: var(--bs-border-radius);
}

.pso-timeline-list-hroi .pso-circle::after {
    display: none;
}

.pso-timeline-list-hroi .js-pso-timeline-item-completed.pso-timeline-item:not(:last-child)::after {
    background-color: var(--secondary-color);
}
/* Initial style for the select element */
.p-cus-dd-mw {
    cursor: pointer;
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    background-color: var(--chat-dark-bg-2);
    background-clip: padding-box;
    border: 1px solid var(--input-border-1);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: var(--bs-border-radius);
    transition: border-color .15s;
    height: calc(1.5em + 0.75rem + 0.825em);
    color: var(--primary-color);
    font-size: var(--base-font-size);
    position: relative;
    user-select: none;
}

    .p-cus-dd-mw:focus {
        box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
    }

.p-cus-dd-selected {
    padding: 0;
    height: 100%;
    display: flex;
    align-items: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: calc(100% - 1.8rem);
    font-size: var(--base-font-size-xxs);
}

    .p-cus-dd-selected.p-cus-dd-placeholder {
        color: var(--primary-color);
    }

.p-cus-dd-last-selected {
    background-color: rgb(234 245 254 / 56%);
}

.p-cus-dd-options,
.p-cus-dd-sub-options {
    display: none;
    position: absolute;
    background-color: var(--chat-dark-bg-2);
    width: 100%;
    border: 1px solid var(--input-border-1);
    z-index: 1000;
    left: 0;
    border-radius: var(--bs-border-radius);
}

.p-cus-dd-option {
    padding: 10px;
    cursor: pointer;
    font-size: var(--base-font-size-xs);
}

.p-cus-dd-option:hover {
    background-color: var(--sec-light-color4);
}

/* Arrow indicator for submenu */
.dropdown-submenu::after {
    content: "";
    float: right;
    margin-right: 1px;
    font-size: 0.8em;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.46967 0.96967C0.762563 0.676777 1.23744 0.676777 1.53033 0.96967L8 7.43934L14.4697 0.96967C14.7626 0.676777 15.2374 0.676777 15.5303 0.96967C15.8232 1.26256 15.8232 1.73744 15.5303 2.03033L8.53033 9.03033C8.23744 9.32322 7.76256 9.32322 7.46967 9.03033L0.46967 2.03033C0.176777 1.73744 0.176777 1.26256 0.46967 0.96967Z' fill='%23404040'/%3E%3C/svg%3E%0A");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 0.888rem;
    width: 18px;
    height: 18px;
    transform: rotate(-90deg);
}

.dropdown-submenu::before {
    content: '';
    position: absolute;
    right: -7px;
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
    width: 8px;
}

/*quiz questions*/

.p-ques-sc .p-tl-box {
    max-width: calc(100%);
    width: 100%;
    text-align: left;
    height: 100%;
}

.p-tl-box .p-btn-small {
    min-width: 9em;
}

.p-ques-sc .pso-form-wrapper {
    --minmax-height-pso: calc(100vh - 7.6rem);
    height: var(--minmax-height-pso) !important;
}

.p-cn-mb .p-ss-h100 {
    padding-right: 1.35rem;
    width: calc(100% + 1.35rem);
    overflow: auto;
    height: 100%;
}

.p-ques-sc .pso-grid-wrapper {
    padding-bottom: 0;
}

.quiz-quest-box {
    flex: 1;
    background-color: var(--chat-dark-bg-2);
    width: 100%;
}

    .quiz-quest-box .pso-grid-wrapper,
    .quiz-quest-box .pso-timeline-list,
    .quiz-quest-box .pso-cols,
    .quiz-quest-box fieldset.pso-step,
    .p-cn-mb {
        height: 100%;
    }

        .p-cn-mb .pso-form-wrapper {
            height: 100% !important;
            max-height: 100% !important;
        }

        .p-cn-mb .pso-grid-wrapper {
            --ps-grid-lc-wid: 18em;
        }

        .p-cn-mb .p-fp-content {
            display: flex;
            flex-direction: column;
        }

.p-sur-ques-head {
    display: flex;
    align-items: center;
    gap: 1.95rem;
    padding: 0.65rem var(--box-padding);
    width: 100%;
    background-color: var(--p-grey-2);
    border-bottom: 1px solid var(--input-border-1);
}

    .p-sur-ques-head h2 {
        font-size: calc(var(--base-font-size-h2) * 0.8);
        font-weight: 600;
    }
/*css for sucess message sh*/
.animation-container {
    position: relative;
    width: 140px;
    height: 140px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.checkmark {
    width: 75px;
    height: 50px;
}

.background-circle {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #32CD32;
    transform: scale(0);
    z-index: 0;
}

    .background-circle.bg-cir-2 {
        background: #32CD32;
    }

.checkmark {
    z-index: 1;
}

#check-path {
    stroke-dasharray: 900;
    stroke-dashoffset: 900;
    fill: none;
    stroke: white;
    stroke-width: 31.5px;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.res-subm-mw {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2.1rem;
    flex: 1;
}

.success-mw {
    position: relative;
    padding: 0.8rem;
}

.cir-part,
.cross-part {
    stroke-width: 5px;
    position: absolute;
    display: inline-block;
}

.cross-part {
    stroke-width: 3px;
}

.cir-part-1 {
    stroke: #EF6B2F;
    width: 10px;
    height: 10px;
    left: -20px;
    top: 0;
}

.cir-part-2 {
    stroke: var(--light-blue-dark);
    width: 16px;
    height: 16px;
    right: -20px;
    top: -20px;
}

.cir-part-3 {
    stroke: var(--tag-bg-body-border-color);
    width: 10px;
    height: 10px;
    right: -70px;
    bottom: 0;
}

.cir-part-4 {
    stroke: var(--complete-tc);
    width: 11px;
    height: 11px;
    left: -30px;
    bottom: 20px;
}

.cir-part-5 {
    stroke: #FF5722;
    width: 7px;
    height: 7px;
    left: 90%;
    bottom: -11px;
    stroke-width: 6px;
}

.cross-part-1 {
    stroke: #5953b3;
    width: 9px;
    height: 9px;
    left: -50px;
    top: 44%;
}

.cross-part-2 {
    stroke: #27c98b;
    width: 11px;
    height: 11px;
    left: 60%;
    bottom: -30px;
}

.cross-part-3 {
    stroke: var(--tag-bg-relsp-border-color);
    width: 16px;
    height: 16px;
    right: -60px;
    top: 30px;
}

.cross-part-4 {
    stroke: hotpink;
    width: 10px;
    height: 10px;
    right: -40px;
    top: 80%;
}

.res-subm-mw .ph-2 {
    font-size: 1.7rem;
    color: var(--primary-color);
    text-align: center;
    margin-top: 1.4rem;
    margin-bottom: 0.5rem;
}

.p-fs-head {
    font-size: 1.75rem;
}

.res-subm-cont p {
    font-size: var(--base-font-size-h5);
}

.pdf-aic-jcc-fg-1 {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 2.5rem;
}

img.survey-info-img {
    max-width: 380px;
}
/*css for sucess message eh*/

.emma-video-wrapper {
    background-color: #000;
}

.p-np-btns-mw {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.p-hps-head-mw {
    padding-left: 0.38rem;
    margin-bottom: 0.8rem !important;
}

.p-np-btns-mw button {
    border: none;
    background: transparent;
    font-size: 0.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*.p-np-btns-mw .disabled {
    opacity: 0.3;
    cursor: default;
}*/



/*liner gradient border*/
.p-btn-li-gr-dots {
    font-weight: bold;
    background: var(--chat-dark-bg-2);
    color: var(--primary-color);
    border: none;
    position: relative;
    border-radius: 10em;
    cursor: pointer;
    padding: 0.9em 1.7em;
    font-size: var(--base-font-size);
    overflow: hidden;
}

    .p-btn-li-gr-dots span {
        position: relative;
        z-index: 1;
    }

    .p-btn-li-gr-dots:focus,
    .p-btn-li-gr-dots:active {
        outline: none;
    }

    .p-btn-li-gr-dots:before,
    .p-btn-li-gr-dots:after {
        content: '';
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
        height: auto;
        width: auto;
        border-radius: inherit;
        background: inherit;
        transition: all .3s;
    }

    .p-btn-li-gr-dots:before {
        background: linear-gradient(87deg, #76F6DD 4.49%, #96CDFA 40.75%, #F9E791 70.8%, #F3A7AC 97.51%);
        background-size: 100% 100%;
        transition: all .3s;
    }

    .p-btn-li-gr-dots:hover {
        background: linear-gradient(87deg, #76F6DD 4.49%, #96CDFA 40.75%, #F9E791 70.8%, #F3A7AC 97.51%);
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.02);
    }

        .p-btn-li-gr-dots:hover::before {
            animation: none;
            background: linear-gradient(87deg, #76F6DD 4.49%, #96CDFA 40.75%, #F9E791 70.8%, #F3A7AC 97.51%);
        }

    .p-btn-li-gr-dots:after {
        margin: 0.22em;
    }

    .p-btn-li-gr-dots span {
        z-index: 3;
        position: relative;
    }

    .p-btn-li-gr-dots:before,
    .p-btn-li-gr-dots:before {
        animation: rainbow-border 6s linear infinite;
    }

@keyframes rainbow-border {
    0%, 50% { /* 0% to 50% covers the first 3 seconds */
        background-position: 0% 50%;
    }

    100% {
        background-position: 100% 50%;
    }
}

.p-lg-dots-container {
    position: absolute;
    z-index: 9;
    width: calc(100% - 1.8rem);
    height: calc(100% - 1.3rem);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.p-lg-dots {
    width: 2px;
    height: 2px;
    flex-shrink: 0;
    display: inline-block;
    z-index: 33;
    position: relative;
    border-radius: 50%;
}

.p-lg-pink-dot {
    background: #F3A7AC;
}

.p-lg-green-dot {
    background: #76F6DD;
}

.p-lg-yellow-dot {
    background: #F9E791;
}

.p-lg-blue-dot {
    background: #96CDFA;
}

.one-top {
    position: absolute;
    left: 3px;
    top: 0;
}

.one-bottom {
    position: absolute;
    left: 6px;
    bottom: 6px;
}

.two-top {
    position: absolute;
    left: 23%;
    top: 4px;
}

.two-bottom {
    position: absolute;
    left: 23%;
    bottom: -1px;
}

.three-top {
    position: absolute;
    left: 40%;
    top: -2px;
}

.three-bottom {
    position: absolute;
    left: 40%;
    bottom: 4px;
}

.four-top {
    position: absolute;
    left: 57%;
    top: 4px;
}

.four-bottom {
    position: absolute;
    left: 57%;
    bottom: -2px;
}

.five-top {
    position: absolute;
    left: 73%;
    top: 0;
}

.five-bottom {
    position: absolute;
    left: 73%;
    bottom: 4px;
}

.six-top {
    position: absolute;
    left: 94%;
    top: 4px;
}

.six-bottom {
    position: absolute;
    left: 88%;
    bottom: -1px;
}

.p-btn-li-gr-dots:hover .p-lg-dots {
    background: #fff;
}


.p-try-hr-actn-btn {
}

.ui-datepicker td a, .ui-datepicker td span {
    text-align: center !important;
    color: var(--primary-color);
}

.dy-form-mw-head {
    font-size: var(--base-font-size-xxl);
    margin-bottom: 1rem;
    margin-top: 0.8rem;
    font-weight: 600;
}

.p-sol-confim .p-la-sepe-head p.text-primary-color {
    margin-bottom: 0.45rem;
}

.dx-datagrid-rowsview.dx-empty {
    min-height: 300px;
}

.dx-datagrid-rowsview.dx-empty {
    min-height: 300px;
}

.p-nd-upd-grid {
    min-height: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: initial;
}

.p-hidden {
    display: none;
}

.hc-default-btn-w-icon {
}

.p-cp-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 30px;
}

.p-cp-img img {
    max-width: 100%;
    margin: 0 auto;
    display: block;
    margin-bottom: 2rem;
    border-radius: var(--bs-border-radius);
    width: 100%;
}

.p-cp-card {
    padding: 2.75rem !important;
}

.p-cp-ctas {
    text-align: center;
    margin: 2.3rem 0rem 2.3rem;
}

.p-cp-main-head {
    font-size: 1.5rem !important;
    text-align: center;
    margin-bottom: 3rem !important;
    margin-top: 2.2rem;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.p-ul-cp-mp.p-ul-align li:not(:last-child) {
    margin-bottom: 0.8rem;
}

.p-cp-main-wrap {
    height: 100%;
    flex: 1;
    padding: calc(var(--box-padding)* 2);
}

    .p-cp-main-wrap a {
        word-break: break-all;
    }

.payment-link-form-inner-wrapper button span {
    color: var(--white-color);
}


@media(max-width: 991px) {
    .p-cp-container {
        margin: 0 auto;
        padding: 0 0px;
    }
}

.guage-graph-bg {
    background-color: white;
    border-radius: 50%;
    width: 200px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    position: relative;
    overflow: hidden;
    background: linear-gradient(to right, #76F6DD, #96CDFA, #F9E791, #F3A7AC);
    transform: rotate(185deg);
    padding: 0.6em;
}

.guage-graph-bg-inner {
    border-radius: 50%;
    padding: 10px;
    z-index: 0;
    background-color: #F1F3F4;
    width: 100%;
    height: 100%;
    border: 5px solid #fff;
}

.ca-month-session-count {
    width: 100%;
    width: calc(100% - 2.5rem);
}

    .ca-month-session-count .p-smart-tt {
        display: flex;
        align-items: center;
    }

.p-chat-em-fw-modi .p-tl-chat-ia .emojionearea,
.p-chat-em-fw-modi .p-tl-chat-ia .emojionearea.form-control,
.p-chat-em-fw-modi .input-emoji {
    position: initial !important;
}

.p-chat-em-fw-modi .p-chat-area .btn-sendchat {
    bottom: 1.8rem;
    right: 1.5rem;
}

.p-tl-imsg .spinner-chat-type {
    margin-top: 3px;
}

.p-chat-em-fw-modi .p-tl-chat-ia .input-emoji .emojionearea .emojionearea-picker {
    left: 0;
    top: -8px;
    right: initial;
    width: 100% !important;
    border-radius: 0;
}

.p-chat-em-fw-modi .p-tl-chat-ia .emojionearea .emojionearea-button {
    bottom: 1.05rem;
    right: 4rem;
}

/*.ph-3-wb {
    border-bottom: 1px solid var(--primary-border-color);
    padding-bottom: 0.5rem;
    margin-bottom: 1.5rem !important;
}*/

.ins-shr-rep {
    background-color: var(--p-grey-3);
    border-radius: var(--bs-border-radius);
    padding: calc(var(--box-padding) * 0.7);
}

    .ins-shr-rep > h4.ph-4 {
        font-size: var(--base-font-size-h4);
    }

.ins-reprots .ins-gr-wr {
    border: 1px solid var(--primary-border-color);
    border-radius: var(--bs-border-radius);
    padding: calc(var(--box-padding) * 0.7);
    position: relative;
}

.ins-reprots .row .col-sm-6:last-child {
    padding-left: 0.45rem;
}

.ins-reprots .row .col-sm-6:first-child {
    padding-right: 0.45rem;
}

.ins-reprots .row {
    padding: 0;
}

.ins-shr-rep .ins-gr-wr {
    background-color: var(--chat-dark-bg-2);
}

.ins-reprots .p-smart-tt.tip {
    display: none;
}

.ins-reprots .p-def-gr-he-la {
    height: 20em;
}

/*.ins-reprots .p-bar-chart-sl:before,
.ins-reprots .p-bar-chart-sl:after {
    content: '';
    position: absolute;
    background-color: var(--sec-light-color4);
}

.ins-reprots .loading-skeleton .skeleton-img::after {
    --skeleton-color-1: var(--p-grey-3);
    --skeleton-color-2: #ebf0f8;
}
*/
.ins-reprots .p-sine-wave-ug {
    -webkit-clip-path: path('M0,158 C 215,100 205,20 390,60 C 565,100 875,20 1000,60 L1000,200 L0,200 Z');
    clip-path: path('M0,158 C 215,100 205,20 390,60 C 565,100 875,20 1000,60 L1000,350 L0,350 Z');
}

.ins-reprots .p-sine-wave-acm {
    -webkit-clip-path: path('M0,88 C 125,116 155,14 420,50 C 1605,240 1195,330 710,310 L1000,200 L0,200 Z');
    clip-path: path('M0,88 C 125,116 155,14 420,50 C 1605,240 1195,330 710,310 L1000,350 L0,350 Z');
}

.p-ins-rep-load-mw {
    height: 21.4em;
}

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

.p-patt-upd {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

    .p-patt-upd svg {
        width: 100%;
        height: 100%;
    }

a.brand-logo-tl {
    margin-bottom: 2rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 62px;
}

section.section-no-head.p-grad-bg-up {
    position: relative;
    z-index: 2;
}

.p-login-upd-cont {
    max-width: 460px;
    margin: 0 auto;
    width: 100%;
}

.p-grad-bg-up {
    /*    background-image: url("data:image/svg+xml,%0A%3Csvg width='1441' height='845' viewBox='0 0 1441 845' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1269_97067)'%3E%3Crect width='1441' height='845' fill='%23FDFDFD'/%3E%3Cg opacity='0.3' filter='url(%23filter0_f_1269_97067)'%3E%3Cpath d='M1152.72 -131.723C1355.94 -152.529 1856.22 -208.047 1874.58 -28.7256C1892.94 150.596 1450.65 629.425 1247.44 650.23C1044.23 671.035 1019.17 212.057 1000.81 32.735C982.454 -146.587 949.507 -110.918 1152.72 -131.723Z' fill='url(%23paint0_linear_1269_97067)'/%3E%3C/g%3E%3Cg opacity='0.3' filter='url(%23filter1_f_1269_97067)'%3E%3Cpath d='M163.709 -286.75C285.698 -164.761 589.178 132.93 467.188 254.92C345.199 376.909 -238.552 376.909 -360.541 254.92C-482.531 132.93 -158.775 -164.761 -36.786 -286.75C85.2035 -408.74 41.7193 -408.74 163.709 -286.75Z' fill='url(%23paint1_linear_1269_97067)'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_1269_97067' x='886.879' y='-256.393' width='1088.26' height='1007.31' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='50' result='effect1_foregroundBlur_1269_97067'/%3E%3C/filter%3E%3Cfilter id='filter1_f_1269_97067' x='-487.551' y='-478.242' width='1083.11' height='924.654' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='50' result='effect1_foregroundBlur_1269_97067'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_1269_97067' x1='1345.72' y1='611.312' x2='1235.61' y2='-464.239' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.0916663' stop-color='%2376F6DD'/%3E%3Cstop offset='0.361666' stop-color='%23F9E791' stop-opacity='0.43'/%3E%3Cstop offset='0.656666' stop-color='%23F3A7AC'/%3E%3Cstop offset='1' stop-color='%2396CDFA'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_1269_97067' x1='-280.36' y1='296.248' x2='451.319' y2='-435.43' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.0916663' stop-color='%2376F6DD'/%3E%3Cstop offset='0.361666' stop-color='%23F9E791' stop-opacity='0.43'/%3E%3Cstop offset='0.656666' stop-color='%23F3A7AC'/%3E%3Cstop offset='1' stop-color='%2396CDFA'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_1269_97067'%3E%3Crect width='1441' height='845' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: cover;*/
}

@media(max-width: 991px) {
    .section-no-head.p-grad-bg-up {
        align-items: flex-start;
    }
}

#p-patt-shape-2 {
    animation: slide 5s ease infinite;
    -webkit-animation: slide 5s ease infinite
}

#p-patt-shape-1 {
    animation: rotate 5s ease infinite;
    -webkit-animation: rotate 5s ease infinite
}

#p-patt-shape-3 {
    animation: scale 5s ease infinite;
    -webkit-animation: scale 5s ease infinite
}

@keyframes slide {
    0% {
        transform: translateX(0)
    }

    50% {
        transform: translateX(300px)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes rotate {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(.7)
    }

    to {
        transform: scale(1)
    }
}

@keyframes scale {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(.8)
    }

    75% {
        transform: scale(.9)
    }

    to {
        transform: scale(1)
    }
}


.pp-pc-process .res-subm-mw {
    margin-top: 2.65rem;
}

.proc-payrun-pc {
    display: flex;
    flex-direction: column;
}

.pay-cycle-loader {
    top: -0.2rem;
    position: relative;
}

    .pay-cycle-loader p {
        font-size: 1rem;
        color: var(--primary-color);
    }

    .pay-cycle-loader .attachment-preloader {
        position: relative;
        top: -3px;
    }

@media(max-width: 1500px) {
    .pp-pc-process .animation-container {
        width: 100px;
        height: 100px;
    }

    .pp-pc-process .checkmark {
        width: 55px;
        height: 30px;
    }

    .pp-pc-process .res-subm-mw .ph-2 {
        font-size: 1.5rem;
        margin-top: 1.7rem;
    }

    .pp-pc-process .res-subm-mw {
        gap: 1.1rem;
    }
}


/*updated footer starts here*/


.p-beta-tag {
    position: absolute;
    top: 1px;
    right: -3px;
    background-image: var(--Gradient-2, linear-gradient(90deg, #f9e791 0, #f3a7ac 32.89%, #96cdfa 65.89%, #76f6dd 100%));
    font-size: 0.68rem;
    padding: 0.15rem 0.175rem;
    border-radius: 0.15rem;
    line-height: 1;
    z-index: 999;
    color: #000;
    font-weight: 600;
}


.p-long-link {
    cursor: pointer;
    overflow-wrap: break-word;
    word-break: break-all;
    white-space: pre-wrap;
}

/*button animate*/
.p-btn-animate,
.p-grad-bor-btn {
    overflow: hidden;
    position: relative;
}

    .p-btn-animate::before,
    .p-grad-bor-btn::before {
        background-image: linear-gradient(90deg, #76f6dd, #96cdfa 33%, #f3a7ac 66%, #f9e791);
        content: "";
        height: 100%;
        left: -100%;
        position: absolute;
        top: 0;
        transition: left 1s;
        width: 100%;
    }

    .p-btn-animate:hover::before,
    .p-grad-bor-btn:hover::before {
        left: 0;
    }

    .p-btn-animate span,
    .p-ani-btn-z1,
    .p-grad-bor-btn .p-ai-link {
        position: relative;
        z-index: 1;
    }

.playback-speed-wrapper {
    display: flex;
    align-items: center;
    margin-top: 0.55rem;
    gap: 1rem;
}

.p-playback-speed {
    display: flex;
    gap: 0.35rem;
}


.p-playback-speed-cta {
    border: none;
    border-radius: 0.25rem;
    min-width: 4.2rem;
    padding: 0.25rem 0.25rem;
    font-size: var(--base-font-size-xs);
    border: 1px solid var(--sec-light-color4);
    transition: all .3s;
}

    .p-ps-cta-active, .p-playback-speed-cta:hover {
        background-color: var(--dark-blue-color);
        color: #fff;
    }

.set-mb-vd-msg-ul {
    margin-bottom: 1rem;
}

    .set-mb-vd-msg-ul .pp-user-count {
        margin-bottom: 0.4rem;
    }

.pso-action-btns .p-btn-small {
    min-width: 120px;
}

.kanban-item:hover, .kanban-item.selected-item {
    border-color: var(--primary-color);
}


/*ins*/


.p-def-row-gap {
    row-gap: calc(var(--default-gap)* 1.098);
}

.p-cb-mw {
    --cb-header: 55px;
    display: flex;
    flex-direction: column;
    height: 100vh;
}

.p-cb-header {
    min-height: var(--cb-header);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.25rem 1rem 0.25rem 1rem;
    border-bottom: 1px solid var(--primary-border-color);
}

    .p-cb-header > * {
        flex: 1;
    }

.p-cb-rt {
    flex: 1;
    display: flex;
    justify-content: flex-end;
}

.p-cb-gjs-mw {
    min-height: calc(100vh - var(--cb-header))
}

.p-cb-actn-btn hr {
    margin: 0 0.5rem;
    height: 40px;
    width: 1px;
    border-right: 1px solid var(--p-grey-5);
}

.p-cb-actn-btn button {
    --p-btn-min-height: 2.2rem;
    border-radius: calc(var(--bs-border-radius)* 0.85);
    padding: 0.48rem 0.95rem;
}

.p-cb-panel-pos .gjs-pn-panel {
    position: initial;
}

.p-cb-panel-pos .gjs-pn-buttons {
    gap: 0.6rem;
}

#custom-panel-devices-c, #custom-panel-blocks {
    display: none;
}

.p-sb-canvas .gjs-cv-canvas {
    right: 0;
    left: initial;
    position: initial;
    width: 100%;
    height: 100%;
}

.p-cb-gjs-mw {
    display: flex;
}

.p-cb-panel-pos {
    flex-shrink: 0;
}

.p-sb-canvas {
    flex-grow: 1;
    transition: margin-right 0.3s ease;
    margin-left: var(--p-sb-block-width);
}

#editor-container .gjs-pn-panels {
    display: none;
}

.p-cb-sb {
    width: 400px;
    background-color: #f4f4f4;
    position: fixed;
    right: -400px;
    bottom: 0;
    padding: 0;
    overflow-y: auto;
    box-shadow: -2px 0 5px rgba(0, 0, 0, 0.1);
    transition: right 0.3s ease;
    z-index: 1000;
    height: calc(100vh - var(--cb-header));
}

    .p-cb-sb.open {
        right: 0; /* Slide in from the right */
    }

#editor-container.sidebar-open {
    margin-right: 400px; /* Adjust editor container when sidebar is open */
}


.p-cb-blocks {
    width: var(--p-sb-block-width);
    border-right: 1px solid var(--p-grey-5);
    position: fixed;
    left: 0;
    top: var(--cb-header);
    height: calc(100vh - var(--cb-header));
    z-index: 999;
    overflow-y: auto;
}

.p-sb-canvas {
    height: calc(100vh - var(--cb-header));
    overflow: auto;
}

.gjs-pn-views-container {
    display: none;
}

.gjs-pn-views {
    border-left: 0;
    border-bottom: 0;
}

.p-cb-sb-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: calc(var(--box-padding)* 0.5);
    gap: 1rem;
    position: sticky;
    top: 0;
    z-index: 1200;
    border-bottom: 1px solid var(--p-grey-5);
    background-color: var(--background1);
}

.p-cb-sb-body {
    padding: calc(var(--box-padding)* 0.5);
}

.gjs-block svg {
    fill: currentColor;
    width: 2.4rem;
    height: 2.4rem;
}

.gjs-pn-panel.gjs-pn-views-container {
    display: none;
}

.p-cb-blocks .gjs-blocks-c {
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.5rem 0;
    margin-left: auto;
    margin-right: auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    max-width: calc(100% - 1rem);
}

.p-cb-blocks .gjs-block {
    justify-content: center;
    gap: 0.5rem;
    border: 1px solid var(--primary-border-color);
    border-radius: 3px;
    margin: 0;
    box-shadow: none;
    background-color: var(--background1);
    width: 100%;
}

.p-cb-blocks .gjs-block-label {
    font-size: calc(var(--base-font-size-xxs)* 0.9);
    font-family: var(--primary-font) !important;
    font-weight: 400;
    color: var(--primary-color);
}

.p-cb-blocks .gjs-block__media {
    margin-bottom: 0;
}

.p-cb-blocks .gjs-category-title,
.p-cb-blocks .gjs-layer-title,
.p-cb-blocks .gjs-block-category .gjs-title,
.p-cb-blocks .gjs-sm-sector-title,
.p-cb-blocks .gjs-trait-category .gjs-title {
    border-bottom: 1px solid var(--chat-inbox-border-color) !important;
    border-top: 1px solid var(--chat-inbox-border-color) !important;
    font-weight: 500 !important;
}

.p-cb-blocks .gjs-category-open,
.p-cb-blocks .gjs-block-category.gjs-open,
.p-cb-blocks .gjs-sm-sector.gjs-sm-open,
.p-cb-blocks .gjs-trait-category.gjs-open {
    border-bottom: none;
}

.fw-light {
    font-weight: 400 !important;
}

.p-mb-ig {
    margin-bottom: calc(var(--box-padding) * 0.9)
}

.upload-container {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0.1rem dashed var(--primary-border-color);
    padding: 0.75rem 0.5rem;
    border-radius: var(--bs-border-radius);
    background-color: var(--grey-bg-1);
}

.upload-box {
    text-align: center;
    position: relative;
}

.upload-icon img {
    width: 40px;
    height: auto;
    margin-bottom: 20px;
}

.upload-box p {
    font-size: var(--base-font-size);
    color: var(--primary-color);
    margin: 0.4rem 0 0.1rem;
}

    .upload-box p span {
        color: #007bff;
        cursor: pointer;
        font-weight: 500;
    }

.upload-box small {
    font-size: calc(var(--base-font-size-xxs) * 0.9);
    color: var(--on-primary-color);
}

.color-picker-container {
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative; /* Ensures elements are positioned relative to this container */
}

.js-p-upd-color-circle {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
    border: 1px solid #ccc;
}

.js-p-upd-color-code {
    border: 1px solid #ccc;
    padding: 5px 10px;
    border-radius: 4px;
    width: 100px;
    font-family: monospace;
    color: #333;
}

.js-p-upd-color-picker {
    visibility: hidden;
    opacity: 0;
    height: 20px;
    position: absolute;
    left: 0;
    bottom: -5px;
}

.fs-3 {
    font-size: var(--base-font-size-lg);
}

.fs-4 {
    font-size: var(--base-font-size-sm);
}

.font-slider-container {
    margin-top: 1.5rem;
}

.font-size-label {
    font-size: var(--base-font-size-xs);
    font-weight: 500;
    color: var(--primary-color);
}

.font-size-label-lg {
    font-size: var(--base-font-size-h2);
    font-weight: 600;
}

.font-slider-container .font-size-label-lg {
    font-weight: 500;
}

#fontRange {
    -webkit-appearance: none;
    width: 100%;
    height: 3px;
    background: var(--input-border-1);
    border-radius: 5px;
    outline: none;
    opacity: 1;
    transition: opacity 0.2s;
    z-index: 1;
}

    #fontRange::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 20px;
        height: 20px;
        background: var(--primary-color);
        border-radius: 50%;
        cursor: pointer;
        transition: background-color 0.15s ease-in-out;
    }

    #fontRange::-moz-range-thumb {
        width: 20px;
        height: 20px;
        background: var(--secondary-color);
        border-radius: 50%;
        cursor: pointer;
        transition: background-color 0.15s ease-in-out;
    }

    #fontRange::-ms-thumb {
        width: 20px;
        height: 20px;
        background: var(--secondary-color);
        border-radius: 50%;
        cursor: pointer;
        transition: background-color 0.15s ease-in-out;
    }

    #fontRange:focus::-webkit-slider-thumb {
        background-color: var(--secondary-color);
    }

    #fontRange:focus::-moz-range-thumb {
        background-color: var(--secondary-color);
    }

    #fontRange:focus::-ms-thumb {
        background-color: var(--secondary-color);
    }

.fs-slide-step {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
}

.slider-separator {
    width: 2px;
    height: 12px;
    background-color: var(--input-border-1);
}

.fs-slider-container {
    position: relative;
    display: flex;
    align-items: center;
}


.p-sb-sec-list-item {
    border: 1px solid var(--primary-border-color);
    padding: 0.55rem 0.75rem;
    border-radius: calc(var(--border-radius-default)* 0.7);
    background-color: var(--bg-default);
}

.p-sb-sec-list {
    margin-bottom: 0.65rem;
}

.p-sb-show-content {
    display: block;
}

/*btn tab group*/

.p-gen-btn-tab {
    position: relative;
    display: flex;
    user-select: none;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border: 1px solid var(--grey-bg-3);
    padding: 0.25rem;
    border-radius: calc(var(--border-radius-default)* 0.7);
    background-color: var(--p-grey-4);
}

.p-gen-btn-tab-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.p-gen-btn-tab-btn {
    position: relative;
    background-color: transparent;
    border: none;
    padding: 8px 15px;
    cursor: pointer;
    outline: none;
    z-index: 2;
    flex-grow: 1;
}

.p-gen-btn-tab-sm {
    max-width: 400px;
}

.p-gen-btn-tab-btn img {
    width: 20px;
    height: 20px;
}

.p-gen-btn-tab-btn:focus {
    outline: none;
}

.p-gen-btn-tab-btn.active span {
    color: #fff;
    transition: all 0.5s;
}

.form-group .p-custom-checkbox .custom-control-label {
    font-weight: 400;
    color: var(--primary-color);
}

.p-gen-btn-tab-slide-bg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    height: 100%;
    background-color: var(--primary-color);
    border-radius: 4px;
    transition: all 0.3s ease;
    z-index: 1;
}

button.p-gen-btn-tab-btn.active svg {
    stroke: #fff;
}

button.p-gen-btn-tab-btn svg {
    position: relative;
    top: -1px;
}

.icon-cd-lms {
    cursor: pointer;
    transition: transform 0.3s ease;
}

    .icon-cd-lms.rotate {
        transform: rotate(180deg); /* Rotate the icon when the submenu is visible */
    }

.p-sb-sec-list-item-w-acc {
    padding: 0;
    margin-bottom: 0.65rem;
}

    .p-sb-sec-list-item-w-acc .js-sb-sec-list-item {
        padding: 0.55rem 0.75rem;
    }

    .p-sb-sec-list-item-w-acc .sidebar-submenu {
        padding: 0.55rem 0.75rem;
        padding-top: 0.85rem;
    }

.p-defautlt-navs-tags .p-tag {
    min-width: initial;
    padding: 0.18rem 0.55rem;
    line-height: 1.25;
}

.p-nav-link-btn .ni-plus {
    color: var(--primary-color);
}

.p-cp-icon-grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 1.2rem 1rem;
    margin-bottom: 0.8rem;
}

svg.p-cp-sb-icon {
    --icon-height: 3.5rem;
    stroke: var(--dark-blue-color);
    width: var(--icon-height);
    height: var(--icon-height);
    padding: 0.35rem;
    border-radius: var(--bs-border-radius);
    cursor: pointer;
    transition: background-color 0.3s ease;
    border: 1px solid transparent;
}

.p-cp-sb-icon.active,
.p-cp-sb-icon:hover {
    background-color: var(--sec-light-color7);
    border: 1px solid var(--p--border-1);
}

.p-dx-search-left tr.dx-data-row td {
    cursor: pointer;
}

@-moz-document url-prefix() {
    .input-emoji .emojionearea.emojionearea-inline > .emojionearea-editor {
        display: inline-block !important;
    }
}

.mention-popup-active .dx-list.dx-empty-collection .dx-empty-message {
    position: initial;
    transform: none;
    box-shadow: none;
    border: none !important;
}

.mention-popup-active .dx-suggestion-list-wrapper.dx-popup-wrapper .dx-overlay-content {
    border-top-width: 1px !important;
}

.mention-popup-active .dx-list-item {
    cursor: pointer;
}

.p-ana-data-2x-inner {
    gap: 1.5rem 2rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
}

svg.p-cb-sect-actn-icon {
    width: 1.2rem;
    height: 1.2rem;
    fill: none !important;
    stroke: var(--primary-color);
}

svg.p-cb-block-icon {
    stroke: var(--primary-color);
    display: inline-block;
    width: 2rem;
    height: 2rem;
    fill: none;
}

.p-cb-blocks-mw {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.3rem;
}

.cp-index-navs .p-defautlt-navs .nav-pills .nav-link.active {
    border-radius: 0;
    background: transparent;
}

    .cp-index-navs .p-defautlt-navs .nav-pills .nav-link.active span {
        color: var(--primary-color) !important;
    }

.p-seo-ci img {
    max-width: 53px;
    height: auto;
    border-radius: 0.15rem;
}

.lh-1p3 {
    line-height: 1.3;
}

.p-cb-in-stats .ph-2 {
    margin-bottom: 0;
    font-size: calc(var(--base-font-size-h1-lg)* 0.75);
    position: relative;
    top: 3px;
    margin-right: 0.05rem;
    line-height: 1.2;
}

.p-cb-prev {
    color: #4b96d5 !important;
}

.p-cb-activity .step-activity {
    margin-left: calc(1.5rem / -0.8);
}

.p-seo-favicon-mw {
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--input-border-1);
    border-radius: var(--bs-border-radius);
}

    .p-seo-favicon-mw img {
        width: 50px;
        height: 50px;
        display: inline-block;
    }

.p-def-link {
    font-weight: 500;
    color: var(--primary-color);
}

    .p-def-link:hover {
        text-decoration: underline;
    }

.p-smiw[title="My Handbook"] svg {
    --icon-nav-wh: 0.98rem;
    left: 1.3px;
    top: 1.3px;
}

.p-smiw[title="Company Documents"] svg {
    top: -1.5px;
}

.p-smiw[title="Team Progress"] svg,
.p-smiw[title="My Progress"] svg {
    --icon-nav-wh: 0.97rem;
    left: 0.6px;
    top: 1px;
}

.p-smiw[title="1-on-1"] svg {
    --icon-nav-wh: 1.05rem;
}

.p-smiw[title="Group View"] svg {
    --icon-nav-wh: 1.09rem;
}

.p-smiw[title="TrustLine"] svg {
    --icon-nav-wh: 1.1rem;
    left: 0.5px;
}

.p-smiw[title="Action Items"] svg,
.p-smiw[title="Team Time off"] svg {
    --icon-nav-wh: 1.04rem;
}

.p-smiw[title="Org Chart"] svg {
    --icon-nav-wh: 1rem;
    left: 0.5px;
}

.p-smiw[title="Team Documents"] svg {
    --icon-nav-wh: 1.09rem;
}

.p-smiw[title="My Documents"] svg {
    --icon-nav-wh: 1.1rem;
    top: -1.5px;
}

.p-cb-vh-list {
    display: flex;
    align-items: center;
    border: 1px solid var(--primary-border-color);
    border-radius: calc(var(--bs-border-radius)* 0.85);
    padding: 0.6rem;
    gap: 0.8rem;
    cursor: pointer;
}

.p-cb-vh .p-cb-vh-list:first-child {
    margin-bottom: 1rem;
}

.p-cb-vh-list-icon svg.p-icon {
    width: 1.85rem;
    height: 1.85rem;
}

.p-cb-vh-list:hover {
    border-color: var(--primary-color);
}

@media (min-width: 576px) {
    .modal-md.p-modal-dialog-md-1 {
        max-width: 580px;
    }
}

.career-site-db .ph-card h5.ph-5 {
    font-weight: 500;
}

.cp-index-navs li.nav-item {
    cursor: pointer;
}

.p-cb-vh-list label {
    cursor: pointer;
}

.p-tag-wdd.p-tag {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    justify-content: flex-start;
    font-weight: 500;
    padding: 0.38rem 0.85rem;
    padding-right: 1.15rem;
    height: var(--p-btn-min-height);
    font-size: var(--base-font-size);
    cursor: pointer;
}

.p-tag-wdd .p-dot {
    width: 6.5px;
    height: 6.5px;
}

.p-tag-wdd svg {
    width: 1.1rem;
    height: 1.1rem;
    position: absolute;
    right: 7px;
    stroke: #17663A;
    display: inline-block;
}

/* Positioning and styling for the dropdown */
.js-status-label {
    position: relative;
}

.js-status-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: white;
    border: 1px solid var(--input-border-1);
    border-radius: var(--bs-border-radius);
    padding: 0.35rem;
    margin: 0;
    width: 100%;
    z-index: 10;
    list-style: none;
    color: var(--primary-color);
}

    .js-status-dropdown li {
        padding: 0.35rem 0.75rem;
        cursor: pointer;
    }

        .js-status-dropdown li:hover {
            background-color: rgba(79, 87, 98, 0.05);
            border-radius: calc(var(--bs-border-radius)* 0.3);
        }

.p-tag-wdd.p-tag-red svg {
    stroke: var(--overdue-tc);
}

.p-sb-in-data-mw {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

    .p-sb-in-data-mw .ph-card {
        height: 50%;
    }

.p-data-app-visi {
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.p-cb-ana-hei {
    height: 260px !important;
}

.uploaded-image-item.p-cb-vh-list:hover {
    border-color: var(--primary-border-color);
}

.p-cb-vh-list.uploaded-image-item {
    justify-content: space-between;
}

.uploaded-image-item-cont {
    display: flex;
    gap: 0.8rem;
    align-items: center;
}

.uploaded-image-item img {
    max-width: 70px;
    height: 40px;
    display: inline-block;
    border-radius: 4px;
}

.p-cb-image-name {
    text-overflow: ellipsis
}

.uploaded-image-item-mw .uploaded-image-item {
    margin-bottom: 0.8rem;
}

.career-site-db .loading-skeleton .p-btn-small {
    border: transparent !important;
}

.career-site-db .loading-skeleton .p-add-btn .p-icon,
.career-site-db .loading-skeleton .js-status-dropdown-toggle {
    stroke: none;
}

.loading-skeleton .p-tag-wdd .p-dot {
    width: 6.5px;
    height: 6.5px;
    background: transparent;
}

.career-site-db .loading-skeleton svg {
    stroke: none;
    display: none;
}

.career-site-db .loading-skeleton .p-tag-wdd svg {
    display: none !important;
}

.career-site-db .loading-skeleton .p-seo-ci {
    width: 33px;
    height: 33px;
}

.career-site-db .loading-skeleton .p-bg-grey {
    background-color: transparent;
}

.p-desk-mobile-view-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
}

.p-dm-ctas {
    width: 2.3rem;
    height: 2.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--p-border-2);
    border-radius: var(--bs-border-radius);
    cursor: pointer;
}

    .p-dm-ctas svg {
        width: 1.45rem;
        height: 1.45rem;
        display: inline-block;
    }

    .p-dm-ctas.active,
    .p-dm-ctas:hover {
        background-color: var(--dark-blue-color);
    }

        .p-dm-ctas.active svg,
        .p-dm-ctas:hover svg {
            stroke: #fff;
        }

.p-db-show-raection-mw .p-db-reactions small {
    margin-left: -0.05rem;
    font-size: var(--base-font-size-xs);
    color: var(--primary-color);
}

#divEditSidbarContent label.custom-control-label {
    font-weight: 600;
}

/*css for timesheet*/

.p-ts-table {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
}

    .p-ts-table th, .p-ts-table td {
        padding: 10px;
    }

.p-ts-weeks-wid {
    width: 90px;
    text-align: center;
}

.p-ts-table td:not(:nth-child(1)),
.p-ts-table th:not(:nth-child(1)) {
    text-align: center;
    padding: 2px;
}

.p-ts-action,
.p-ts-acts-wid {
    position: relative;
    width: 60px;
}

.p-ts-dd-wp-btn {
    background: none;
    border: none;
    cursor: pointer;
}

.p-ts-dd-wp-content {
    display: none;
    position: absolute;
    top: 20px;
    right: 0;
    background-color: white;
    border: 1px solid #ccc;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    z-index: 10;
}

    .p-ts-dd-wp-btn:hover + .p-ts-dd-wp-content,
    .p-ts-dd-wp-content:hover {
        display: block;
    }

.p-ts-nav-bg-color {
    height: 5px;
    background-color: #f5f5f5;
}

.p-ts-grid-action-btns {
    padding: 10px;
}

.p-ts-gab-icons {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

    .p-ts-gab-icons span {
        margin-left: 5px;
    }

.p-ts-grid-icon {
    width: 20px;
    height: 20px;
    fill: #999;
    cursor: pointer;
}

.p-ts-time-input, .p-ts-total-input {
    width: 100%;
    padding: 2px 4px;
    box-sizing: border-box;
    text-align: center;
    border: 0px solid var(--input-border-1);
    border-radius: calc(var(--bs-border-radius)* 0.75);
    min-height: 36px;
}

.p-ts-total-input {
    background-color: #f5f5f5;
    border: none;
    color: #333;
}

.p-ts-week-wrapper {
    display: flex;
    flex-direction: column;
    gap: 4px;
    line-height: 1.25;
    font-weight: 500;
}

.p-ts-table th, .p-ts-table td {
    padding: 6px 10px;
    font-size: var(--base-font-size-sm);
}

.p-ts-table p {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.p-ts-pro-name {
    min-height: 35px;
    display: inline-flex;
    align-items: center;
}

table.p-ts-table th, table.p-ts-table td {
    vertical-align: middle;
}

.p-text-blue {
    color: var(--link-color);
    cursor: pointer;
    font-weight: 400;
}

    .p-text-blue:hover {
        text-decoration: underline;
    }

small.p-ts-prje-det-name {
    color: var(--on-primary-color);
}

.p-ts-prje-det-name svg.p-icon {
    stroke: var(--on-primary-color);
}

.p-ts-prje-det-mw {
    padding-right: 10px;
}

.p-ts-int-del-mw {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

    .p-ts-int-del-mw .p-ts-del-time {
        opacity: 0;
        visibility: hidden;
        transition: all .3s;
    }

    .p-ts-int-del-mw:hover .p-ts-del-time {
        opacity: 1;
        visibility: visible;
    }

.p-ts-stats .lt-days {
    align-items: flex-start !important;
}

.p-ts-stats .lt-list-date {
    gap: 3.5rem;
}

    .p-ts-stats .lt-list-date small {
        text-align: left;
        min-width: inherit;
        font-weight: 400 !important;
    }

    .p-ts-stats .lt-list-date p small {
        color: var(--primary-color);
        font-weight: 400 !important;
    }

.ph-card.p-ts-stats {
    padding: calc(var(--box-padding)* 0.4) calc(var(--box-padding)* 0.5) calc(var(--box-padding)* 0.6);
}

.p-ts-stats .ph-card {
    box-shadow: none;
}

.p-ts-total-time {
    font-weight: 600 !important;
    font-size: var(--base-font-size-lg);
}

.p-ts-week-date,
.p-ts-week-day {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

.p-ts-week-wrapper svg {
    cursor: pointer;
}

.p-icon.p-icon-grey {
    stroke: var(--on-primary-color);
}

tr.total-row-p-day td {
    vertical-align: top;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

.ts-total-check {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.p-ts-revoke-list {
    display: flex;
    align-items: center;
    gap: 6rem;
}

    .p-ts-revoke-list:not(:last-child) {
        margin-bottom: 1.2rem;
    }

span.p-ts-grid-tt {
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-flex;
}

.p-def-table-bordered.table thead th {
    border-bottom: 1px solid var(--primary-border-color);
    border-bottom-width: 1px;
}

.p-ts-action .p-dd-wp-dot-icon {
    width: 1.5rem;
    height: 1.5rem;
    padding: 0.275rem;
}

.ts-total-check .p-custom-checkbox .custom-control-label::after {
    top: -0.5rem;
}

.ts-total-check .p-custom-checkbox .custom-control-label::before {
    top: -0.45rem;
}

.p-ts-table tr th {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.p-ts-disabled-cell {
    background-color: var(--grey-bg-6);
    pointer-events: none;
}

    .p-ts-disabled-cell input {
        background: transparent;
    }

@media(max-width: 1400px) {
    .p-ts-weeks-wid {
        width: 75px;
    }

    .p-ts-table th, .p-ts-table td {
        padding: 6px 4px;
    }

    .p-ts-action, .p-ts-acts-wid {
        width: 45px;
    }
}



.p-link-courses,
.p-link-courses .loading-skeleton .image-placeholder {
    --pc-thumb-height: 6rem;
}

.p-link-courses .loading-skeleton .image-placeholder {
    height: var(--pc-thumb-height)
}

.p-link-courses .p-card-full-details-img-thumb {
    --content-grid-width: 155px;
}

.p-link-courses .p-card-full-deatils {
    display: flex;
    align-items: center;
    gap: 0.7rem;
}

.p-link-courses .p-card-full-deatils:not(:last-child) {
    margin-bottom: 1rem;
}

.p-link-courses .thcc-details-inner .ph-5 {
    max-width: calc(100% - 0.8rem);
    word-break: break-word;
}

.p-link-courses-sb .p-card-full-deatils-data .search-card-txt {
    max-width: 100% !important;
}

.p-link-courses .hc-live-therap-name {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    line-height: 1.25;
    margin-bottom: 0.25rem;
    font-size: var(--base-font-size);
}

.p-link-courses-sb .btn-slect-dropdown .p-add-btn {
    min-width: 210px;
    max-width: 210px;
}

.p-link-courses-sb .ch-filter-wrapper .p-search-input {
    max-width: 210px !important;
}

.p-link-courses-sb .p-search-input input {
    padding-right: 2.55rem;
}

.p-link-courses.p-link-courses-selected {
    padding-top: 1.2rem;
}

.p-lc-move-icon {
}

.p-link-course-deselect {
    align-self: flex-start;
    position: absolute;
    right: 12px;
}

.p-link-courses-grid {
    display: grid;
    grid-template-columns: 1fr 1px 1fr;
    gap: 0;
}

.p-sb-gene-body-lc .ch-filter-wrapper {
    padding: var(--box-padding);
}

.p-sidebar-gen-mw .p-sb-gene-body-lc .p-sb-gene-body {
    height: calc(100vh - 15.2rem);
    padding-top: 0.75rem;
}

.pv-line {
    background: var(--primary-border-color);
}

.p-card-full-deatils .custom-control-label {
    cursor: pointer;
}

.p-link-courses-sb .custom-control-label::after,
.p-link-courses-sb .custom-control-label::before {
    left: -1.2rem;
}

.p-link-courses-sb .p-card-full-details-contents {
    gap: calc(var(--default-gap)* 0.5);
}

.p-lc-align-cour-head {
    min-height: 48px;
    display: flex;
    align-items: flex-end;
    margin-bottom: 1.3rem;
    padding: 0 var(--box-padding);
}

.loading-skeleton .custom-control-label::before {
    background-color: var(--sec-light-color7);
    border-color: var(--sec-light-color7);
}

.nav-wrapper > * {
    flex: 1;
}

/* Suggestion Box */
.global-search-emma {
    flex: 1;
    width: 100%;
    position: relative;
    z-index: 1200;
    margin: 0 auto;
    max-width: 530px;
}

.emma-search-input {
    position: relative;
}

.emma-search-input input {
    padding-left: 3rem;
    padding-right: 3rem;
    border: 1px solid var(--input-border-1);
    border-radius: calc(var(--border-radius-default)* 1);
    background-color: var(--chat-dark-bg-2);
    font-size: var(--base-font-size);
    height: 2.413rem;
}

.emma-search-input input.form-control::placeholder {
    color: var(--placeholder-color);
    position: relative;
    top: -1px;
}

.emma-search-input input:focus + svg {
    fill: var(--secondary-color);
}

.emma-icon-search {
    width: 1.275rem;
    height: 1.275rem;
    display: inline-block;
    position: absolute;
    left: 1.05rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    border-radius: 50%;
    stroke: var(--on-secondary-color);
}

.iconly--icon.ge-search-icon {
    color: var(--placeholder-color);
    width: 1.275rem;
    height: 1.275rem;
    position: absolute;
    right: 0.9rem;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}


.search-suggestions {
    display: none;
    position: absolute;
    top: calc(var(--nav-min-height) - 10px);
    width: 100%;
    background-color: white;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 0.5rem;
    animation: slideDown 0.3s ease-in-out;
    max-width: 530px;
    overflow-y: auto;
    max-height: 560px;
}

/* Overlay */
/*.p-bg-overlay-search::before {
    content: '';
    background-color: rgb(10 30 68 / 64%);
    backdrop-filter: blur(6px px);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1048;
    transition: all 0.6s;
}
*/
/* Animation */
@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.p-ss-rec-fil-head {
    padding: 0.5rem;
    margin-bottom: 0.4rem;
}

.p-ss-tags-filter ul,
.loading-skeleton .p-ss-tags-filter .list-unstyled {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.p-ss-tags-filter ul li,
.p-ss-li-tag-load {
    border-radius: 4rem;
    padding: 0.3rem 0.95rem;
    cursor: pointer;
    border: 1px solid var(--input-border-1);
    font-size: var(--base-font-size-xs);
    }

.p-ss-tags-filter ul li.p-ss-tags-active {
    background-color: var(--p-grey-1);
    font-weight: 500;
}

.p-ss-list-ser-wsi li,
.p-ss-list-ser-wsi-load {
    align-items: center;
    display: flex;
    gap: 0.5rem;
}

.p-ss-list-ser-wsi li svg.p-icon {
    position : relative;
    top: 1px;
}

.p-ss-list-ser-hover li {
    padding: 0.45rem 0.5rem;
    cursor: pointer;
}

.p-ss-list-ser-hover li:hover {
    background: var(--sec-light-color8);
    border-radius: var(--bs-border-radius);
    cursor: pointer;
}

.p-ss-icon-cirle {
    width: 37px;
    height: 37px;
    border-radius: 50%;
    border: 1px solid var(--input-border-1);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.p-ss-icon-cirle .p-ss-icon {
    width: 18px;
    height: 18px;
    display: inline-block;
}

.p-ss-list-ser-lg li,
.p-ss-list-item-load {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.p-ss-filtered-ml,
.p-lh-3p1{
    line-height: 1.35;
}

.p-ss-filtered-ml label{
    cursor: pointer;
}

.p-ss-icon-cirle-img {
    width: 100%;
    height: 100%;
    display: inline-block;
    object-fit: cover;
}

.p-ss-list-ser-lg.p-ss-list-ser-hover li,
.p-ss-list-item-load {
    padding: 0.65rem 0.5rem;
}

.no-data-filtered .ph-6 {
    font-size: var(--base-font-size-h6);
    color: var(--primary-color);
    font-weight: 500;
    margin-bottom: 0.75rem;
}

.p-tal-candi-info-ring.p-tal-candi-info-ring-sm svg {
    width: 3.5em;
    height: 3.5em;
    margin: 0;
}

.p-tal-candi-info-ring-sm .p-tal-cir-count {
    font-size: 1rem;
    line-height: 1.15;
    padding-bottom: 3px;
}

.p-tal-candi-info-ring.p-tal-candi-info-ring-sm svg {
    width: 3.5em;
    height: 3.5em;
    margin: 0;
}

.p-tal-candi-info-ring.p-tal-candi-info-ring-md svg {
    width: 4.7em;
    height: 4.7em;
    margin: 0;
}

.tl-content {
    display: flex;
    flex-direction: column;
    gap: 1px;
    align-items: flex-start;
}

.loading-skeleton .tl-content {
    gap: 5px;
}

.loading-skeleton svg.p-dd-wp-dot-icon {
    stroke: none !important;
    fill: none !important;
}

.loading-skeleton label {
    margin: 0;
}

.loading-skeleton .p-ss-rec-fil-head {
    max-width: 100px;
    margin-bottom: 14px;
    margin-top: 14px;
}

.p-ss-recent-filter.loading-skeleton {
    padding: 0 0.5rem;
}

.p-ss-list-ser-wsi-load {
    margin-bottom: 16px;
}

.p-ss-list-item-load {
    padding-left: 0;
    padding-right: 0;
}

.loading-skeleton.p-ss-recent-filter .skeleton-img {
    position: relative;
    border: 1px solid var(--chat-dark-bg-2);
    height: 100%;
    overflow: hidden;
    display: flex;
    width: 100%;
}

.loading-skeleton .p-ss-li-tag-load,
.loading-skeleton .p-ss-icon-cirle {
    border: 1px solid var(--sec-light-color7);
}

.p-ss-li-tag-load label {
    position: relative;
    top: 1px;
}

.p-min-hei-ini {
    min-height: initial !important;
}

.p-cous-doc-inps {
    display: flex;
    gap: 2rem;
}

.translate-lang-mc {
    max-width: 500px;
    flex-grow: 1;
}

.p-cous-doc-inps-gap {
    gap: 2rem;
}

/*heat map table*/
.p-heat-map-sur .p-ts-table td:not(:nth-child(1)),
p-heat-map-sur .p-ts-table th:not(:nth-child(1)) {
    padding: 0;
}

.p-heat-map-sur .p-ts-week-date,
.p-heat-map-sur .p-ts-week-day {
   font-weight: 500;
}

.p-hm-count-cells {
    min-height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
}

.p-heat-map-sur th.p-ts-weeks-wid {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.p-heat-map-sur .p-ts-weeks-wid {
    width: 110px;
    min-width: 110px;
}

.p-heat-map-sur tr td:first-child {
    min-width: 345px;
}

.p-hm-arr {
    width: 30px;
}

.p-hp-head{
    position: relative;
}

.p-heat-map-sur .p-acco-btn-w-icon::after {
    width: 0.9rem;
    height: 0.9rem;
    background-position: center center;
    margin-top: 2px;
    top: 2px;
    background-size: 100%;
}

.p-heat-map-sur .active-row .p-acco-btn-w-icon::after {
    transform: rotate(180deg);
}

.p-heat-map-sur .p-acco-btn-w-icon {
    padding-left: 1.8rem;
}

.accordian-body table.w-100 tr td {
    border: none;
}

.accordian-body table.w-100 tr td:not(:last-child) {
    border-right: 1px solid var(--primary-border-color);
}


.p-hm-align-para {
    padding-left: 1.8rem;
    line-height: 1.35rem;
}

.p-heat-map-sur .active-row {
}

.p-hm-count-cells.text-primary-color {
    font-weight: 500;
}

.p-heat-map-sur .hiddenRow > td {
    padding: 0;
}

.p-heat-map-sur  .hiddenRow table td:last-child {
    border-right: 0;
}

.p-heat-map-sur .hiddenRow table tr:first-child td {
    border-top: 0;
}

.p-heat-map-sur .hiddenRow table tr:last-child td {
    border-bottom: 0;
}

.p-heat-map-sur .hiddenRow table td:first-child {
    border-left: 0;
}

.p-heat-map-sur .hiddenRow .p-ts-weeks-wid:last-child {
    width: 109.5px;
}

.p-heat-map-sur .table-bordered td, .p-heat-map-sur .table-bordered th {
    border-left: 0;
    border-right: 0;
}

.email-mw .ch-filter-wrapper {
    background-color: transparent;
}

.formbuilder-header h5 {
    word-break: break-word;
}

.tkl-ws-pos-t-5p5 {
    top: 5.6rem;
}

.ls-ts.loading-skeleton .lt-days p {
    min-width: 30px;
    margin-bottom: 8px;
    margin-top: 5px;
}

.ls-ts.loading-skeleton .p-tag {
    min-height: 30px;
    min-width: 130px;
}

.ls-ts.loading-skeleton .p-ts-table p {
    max-width: 50px;
    margin: 0 auto;
}

#teamTimesheetLoadPanel.tkl-ws {
    top: 3.8rem;
}

.p-form-check-rad-align .p-form-check-input {
    position: relative;
    top: 9px;
    align-self: flex-start;
}


.report-dg {
    display: grid;
    grid-template-columns: 1fr 1.2fr 1fr 1fr;
    gap: 1.3rem 1.8rem;
    align-items: flex-start;
}

.report-dg-sr {
    margin-top: 1.3rem;
}


.p-tabs-mh.time-suury-cal {
    padding-bottom: 86px;
}


.perm-sb-cbs-mw .p-form-check-selecta-all,
.p-form-check-selecta-all-end {
    flex-direction: row-reverse;
    padding-right: 0.44rem;
}

#titleSectionLoader.loading-skeleton .pdf {
    min-width: initial;
}

.p-rev-sl-ring label.mb-0{
    width: 25px;
    height: 25px !important;
    border-radius: 50% !important;
}


.tags-ts {
    text-align: center;
}

.dx-scheduler .dx-scheduler-header-panel-cell {
    font-weight: 500;
    color: var(--primary-color) !important;
}

.p-week-calender {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--input-border-1);
    border-radius: var(--bs-border-radius);
    height: 43.24px;
    color: var(--primary-color);
    font-size: var(--base-font-size);
    min-width: 282px;
}

.p-week-calender button {
    background: none;
    border: none;
    cursor: pointer;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
}

.p-week-calender span {
    padding: 0 2px;
    font-weight: 500;
    height: 100%;
    display: flex;
    align-items: center;
    cursor: pointer;
    min-width: 200px;
    text-align: center;
    flex: 1;
    justify-content: center;
}

.date-picker-container {
    display: none;
}

.p-week-cal-chev {
    width: 1.1rem;
    height: 1.1rem;
    stroke: var(--on-primary-color);
}
.p-week-cal-chev-right {
    transform: rotate(180deg);
}

.p-week-calender-mw .dx-calendar {
    border: 1px solid var(--input-border-1) !important;
    border-radius: var(--bs-border-radius);
    top: -10.2px !important;
}

.dx-calendar-cell.dx-calendar-selected-date, .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today {
    -webkit-box-shadow: inset 0 0 0 1000px var(--primary-color) !important;
    box-shadow: inset 0 0 0 1000px var(--primary-color) !important;
}

.dx-calendar-body thead tr th {
    color: var(--on-primary-color);
    font-weight: 500;
}

.align-sb-ini {
    justify-content: flex-end;
    padding-left: 7px;
}

.pos-rel-tn1 {
    position: relative;
    top: -1px;
}

.p-att-poli-tts {
    cursor: pointer;
}

.p-icon-pep {
    width: 1.25rem;
    height: 1.25rem;
}
.p-icon-ap {
    width: 1.35rem;
    height: 1.35rem;
    position: relative;
    top: 1px;
}

.p-att-poli-tts-mw {
    position: relative;
    top: -1px;
}

.p-dd-mw-230 {
    max-width: 230px;
}


.layout-fixed .main-sidebar {
    bottom: 0;
    float: none;
    left: 0;
    position: fixed;
    top: 0;
    z-index: 150;
}

.main-sidebar[p-toggle-menu="minimise-on"] {
    transition: none;
}

a.btn-link {
    color: var(--primary-color);
    text-decoration: underline;
}

.three_shapes {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    max-height: 100vh;
    overflow: hidden;
}

.three_shapes svg {
    width: 100%;
    height: 1050px;
}

#two {
    animation: slide 5s ease infinite;
    -webkit-animation: slide 5s ease infinite
}

#one {
    animation: rotate 5s ease infinite;
    -webkit-animation: rotate 5s ease infinite
}

#three {
    animation: scale 5s ease infinite;
    -webkit-animation: scale 5s ease infinite
}

@keyframes slide {
    0% {
        transform: translateX(0)
    }

    50% {
        transform: translateX(300px)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes rotate {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(.7)
    }

    to {
        transform: scale(1)
    }
}

@keyframes scale {
    0% {
        transform: scale(1.1)
    }

    50% {
        transform: scale(1)
    }

    to {
        transform: scale(1.3)
    }
}

.bg-\[radial-gradient\(\#e5e7eb_1px\,transparent_1px\)\] {
    background-image: radial-gradient(#e5e7eb 1px,transparent 1px)
}

.bg-gradient-to-b {
    background-image: linear-gradient(to bottom, #f6f3e6, rgb(191 219 254 / 0));
}

.bg-gradient-to-r {
    background-image: linear-gradient(to right,var(--tw-gradient-stops))
}

.from-primary-200 {
    --tw-gradient-from: #f6f3e6 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(191 219 254 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-primary-600 {
    --tw-gradient-from: #2563eb var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.to-secondary-400 {
    --tw-gradient-to: #c084fc var(--tw-gradient-to-position)
}

.bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text
}

.p-def-bg {
    position: absolute;
    width: 100%;
    height: 100%;
}

.sec-align-cen {
    z-index: 1;
    position: relative;
}

.account-mw {
    --card-radius: var(--bs-border-radius);
    --tw-shadow-color: rgb(9 9 11 / 0.05);
    --tw-shadow: var(--tw-shadow-colored);
    max-width: 25rem;
    border-radius: var(--card-radius);
    flex: 1;
    padding: 0.3rem;
    box-shadow: var(--default-shadow);
    border: 1px solid rgba(127, 132, 136, 0.37);
    background: rgba(45, 44, 44, 0.00);
}

.account-mw-lg {
    max-width:32rem;
}

.create-acc-step {
    padding: 1.5rem;
}

section.section-no-head.sec-align-cen {
    justify-content: center;
}

.p-url {
    font-weight: 400 !important;
    text-decoration: underline;
}

.p-url:hover {
    color: var(--primary-color)
}

.p-bg-box-acc {
    /*background: var(--sec-light-color8);*/
    padding: 0.6rem;
    margin-bottom: 1rem !important;
    border-radius: calc(var(--bs-border-radius)* 0.8);
    margin-top: -1rem;
}

.account-logo-mw {
    position: absolute;
    left: 1.5rem;
    top: 1.5rem;
    z-index: 9;
}

.account-logo-mw img {
    max-width: 120px;
}

section.contract-cancelled {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    flex-direction: column;
    padding: 3rem 1rem;
}

.contract-cancelled-inner {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    flex: 1;
    padding-bottom: 4rem;
}

.contract-cancelled-inner img {
    max-width: 340px;
}

.contract-cancelled-inner h1 {
    font-size: 1.7rem;
    margin-top: 1.3rem;
    font-weight: 600;
}

.contract-cancelled p {
    font-size: var(--base-font-size-h4);
}

@media(max-width: 1600px) {
    section.contract-cancelled {
        padding: 2rem 1rem;
    }

    .contract-cancelled-inner img {
        max-width: 230px;
    }

    .contract-cancelled-inner h1 {
        font-size: 1.6rem;
        margin-top: 1.2rem;
    }

    .contract-cancelled-inner {
        padding-bottom: 1.3rem;
    }
}

.ph-input-create-password {
    position: relative;
}

.hide-show.createPassword {
    position: absolute;
    top: 50%;
    right: 0.95rem;
    transform: translateY(-50%);
    cursor: pointer;
    user-select: none;
}

.para-text-modifier-os {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.45rem;
    gap: 0.5rem;
}

.password-hint {
    display: none;
}

.ph-input-create-password input:focus ~ .password-hint {
    display: block;
}

.password-hint ul {
    margin-bottom: 0 !important;
}

.list-disc {
    list-style-type: disc;
    padding-left: 15px;
}

.password-hint li::marker {
    font-weight: 300;
}


@media(max-width: 1024px) {
    .password-hint {
        bottom: 58px;
        right: 0;
    }

    .tooltip-arrow {
        bottom: -20px;
        right: 10px;
        left: initial;
        border-color: var(--chat-dark-bg-2) transparent transparent transparent;
    }

    .tooltip-arrow::after {
        border-color: var(--chat-inbox-border-color) transparent transparent transparent;
        bottom: -20px;
        right: 10px;
    }
}

.p-tag-img {
    background: rgb(255 255 255 / 85%);
    border-radius: calc(var(--border-radius-default));
    text-transform: capitalize;
    border: 1px solid var(--chat-dark-bg-2);
    backdrop-filter: blur(10px);
    color: var(--primary-color);
    z-index: 99;
    padding: 0.3rem 0.8rem;
    border-radius: 20px;
    line-height: 1.5;
    font-size: var(--base-font-size-xxs);
}

.pp-aa-mic {
    position: absolute;
    right: 125px;
    bottom: 22px;
}

.pp-aa-mic button {
    border: none;
    background: transparent;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.pp-aa-mic button svg {
    width: 23px;
    height: 23px;
    stroke: var(--sec-light-color3);
    display: inline-block;
}

.pp-ask-ai-send {
    transition: all .3s;
    position: relative;
}


.pp-ask-ai-send .hover-sf-f {
    opacity: 0;
    visibility: hidden;
}

.pp-ask-ai-send .hover-sf-s {
    fill: var(--sec-light-color3);
}

.pp-ask-ai-send svg {
    position: absolute;
    width: 1.4rem;
    height: 1.4rem;
    display: inline-block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.pp-ask-ai-send .hover-sf-f,
.pp-ask-ai-send:hover .hover-sf-s {
    opacity: 0;
    visibility: hidden;
}

.pp-ask-ai-send:hover .hover-sf-s {
    visibility: hidden;
    opacity: 0;
}

.pp-ask-ai-send:hover .hover-sf-f {
    visibility: visible;
    opacity: 1;
}

.chat-sb-img {
    max-width: 34px;
    border: 1px solid var(--primary-border-color);
    border-radius: 50%;
}

.dx-placeholder::before {
    padding: 0.75rem;
    padding-left: 1.05rem;
}

.sweet-alert {
    font-family: var(--primary-font);
    border-radius: var(--bs-border-radius);
}

.spinner-chat-type {
    margin: 0;
    text-align: center;
    line-height: 16px;
    display: flex;
    align-items: center;
}

.hc-bounce1,
.hc-bounce2 {
    margin-right: 3px;
}

.spinner-chat-type > div {
    width: 7px;
    height: 7px;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    background: var(--sec-light-color3);
}

.spinner-chat-type .hc-bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner-chat-type .hc-bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}

.show-live-type-status.sidebar-type-status {
    position: initial;
}

.show-live-type-status {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: -8px;
}


.dx-texteditor.dx-state-hover {
    border-color: rgb(153 153 153 / 40%);
}

.dx-texteditor.dx-state-active.dx-editor-filled, .dx-texteditor.dx-state-active.dx-editor-outlined, .dx-texteditor.dx-state-active.dx-editor-underlined, .dx-texteditor.dx-state-focused.dx-editor-filled, .dx-texteditor.dx-state-focused.dx-editor-outlined, .dx-texteditor.dx-state-focused.dx-editor-underlined {
    border-color: var(--input-border-1) !important;
}

.p-modal-sb .modal-footer {
    border-top: 1px solid var(--primary-border-color);
}

.p-input-append.p-input-append-dp .dx-dropdowneditor-icon::before {
    background-image: url("data:image/svg+xml,%3Csvg id='Calendar' width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.48779 9.66422H20.5293' stroke='%23404040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M16.1427 3V5.96174' stroke='%23404040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M8.87223 3V5.96174' stroke='%23404040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.3184 4.42188H8.69804C6.05446 4.42188 4.4043 5.89399 4.4043 8.59984V16.7456C4.4043 19.4943 6.05446 21.0004 8.69804 21.0004H16.3106C18.962 21.0004 20.6044 19.5205 20.6044 16.8137V8.59984C20.6121 5.89399 18.9698 4.42188 16.3184 4.42188Z' stroke='%23404040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M8.49414 13.3711H8.50414' stroke='%23404040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M8.49414 16.8477H8.50414' stroke='%23404040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M12.5137 13.3711H12.5237' stroke='%23404040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M12.5137 16.8477H12.5237' stroke='%23404040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M16.5234 13.3711H16.5334' stroke='%23404040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M16.5234 16.8477H16.5334' stroke='%23404040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
    background-size: 1.3rem;
    width: 1.7rem;
    left: 0.3rem;
}


.dark-bg {
    background: #080808;
    color: #fff;
}

.dark-bg .h1, .dark-bg .h2, .dark-bg .h3, .dark-bg .h4, .dark-bg .h5, .dark-bg .h6,
.dark-bg h1, .dark-bg h2, .dark-bg h3, .dark-bg h4, .dark-bg h5, .dark-bg h6 {
    color: #fff;
    font-family: 'Kamerik105W00' !important;
}


.dark-bg p,
.dark-bg label,
.dark-bg span,
.dark-bg small,
.dark-bg a {
    color: #fff !important;
}

.dark-bg .ph-form-group input,
.dark-bg .ph-form-group select,
.dark-bg .ph-form-group textarea {
    border: 1px solid #414243;
    background: rgb(24 23 23) !important;
    color: #fff !important;
}

.blue-cta, .p-login-upd-cont .continue-button {
    align-items: center;
    color: rgb(255, 255, 255);
    display: flex;
    flex-wrap: wrap;
    font-weight: 600;
    justify-content: center;
    position: relative;
    background: rgb(45, 86, 247);
    border-radius: 30px;
    padding: 12px 22px 16px;
    border: none;
    font-size: 1rem;
    min-width: 13.3rem;
    line-height: 1.25;
}


.dark-bg span.text-danger {
    /*color: #2d56f7 !important;*/
    color: #fff !important;
}

input:-webkit-autofill {
    /*    background-color: #181717 !important;*/
    background-color: #e0f7fa !important;
    color: #fff !important;
    box-shadow: 0 0 0px 1000px #fff inset !important;
    -webkit-text-fill-color: #000 !important;
}

.form-page {
    background: linear-gradient(0, #D8F0FF 0.86%, #FFF 56.09%);
    color: #fff
}

.dark-box-form {
    border: 1px solid rgba(127, 132, 136, 0.37);
    background: #0A162F;
}

.dark-box-form .form-head, .dark-box-form .form-group label,.form-url{
    color: #fff !important;
}

.dark-box-form .form-control,.dark-box-form .ph-form-group input {
    border: 1px solid #EDEDED4A !important;
    border-radius: 20px;
    background-color: #1B263F !important;
    color: #fff !important;
}

.dark-box-form input:-webkit-autofill {
    /*    background-color: #181717 !important;*/
    background-color: #e0f7fa !important;
    color: #fff !important;
    box-shadow: 0 0 0px 1000px #1B263F inset !important;
    -webkit-text-fill-color: #fff !important;
    caret-color: #fff !important;
}

.dark-box-form .blue-cta{
    background-color:#EF21AD !important;
}

.white-box-form {
    /*background-color: rgb(255 255 255 / 92%);*/
    border-radius: var(--bs-border-radius);
    border: 1px solid rgb(240 240 240);
    backdrop-filter: blur(30px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    /*background-color: rgb(255 255 255 / 59%);*/
    background: linear-gradient(180deg, #EDECFF 28.37%, #C6C1FF 68.75%, #AC85FF 100%);
}

.white-box-form .blue-cta{
    background: var(--p-navy-blue);
    border-radius: calc(var(--bs-border-radius) * 0.8);
}

.white-box-form .form-control{
   border-radius: calc(var(--bs-border-radius) * 0.8);
}

.white-box-form input{
    background:#fff !important;
    border:1px solid rgb(219 219 219) !important;
    border-radius:calc(var(--bs-border-radius) * 0.8) !important;
} 

.white-box-form input:-webkit-autofill {
   box-shadow: 0 0 0px 1000px rgb(227 241 255 / 25%) inset !important;
}

.white-box-form input:-webkit-autofill {
    -webkit-text-fill-color: var(--p-navy-blue) !important;
     caret-color: var(--p-navy-blue) !important;
}

.white-box-form .blue-cta,
.white-box-form .p-login-upd-cont .continue-button,
.white-box-form .continue-button{
    background: var(--p-navy-blue) !important;
    border-radius: calc(var(--bs-border-radius) * 0.8) !important;
    border:1px solid var(--p-navy-blue) !important
}

.white-box-form label{
    color: var(--p-navy-blue) !important;
}

.white-box-form label,
.white-box-form h2,.white-box-form h3,
.white-box-form span.ph-para-1,
.white-box-form .para-text{
    color: var(--p-navy-blue) !important;
}


.white-box-form input.form-control:focus{
    background-color:#fff !important;
    box-shadow: 0 0 0 .25rem var(--sec-light-color4) !important;
}

.white-box-form .dx-input-dark-bg .dx-texteditor.dx-editor-outlined {
    border-radius: calc(var(--bs-border-radius) * 0.8) !important;
}

.white-box-form .no-border input{
    border:0 !important;
}

.white-box-form a.focus-clsignup:hover,
.white-box-form span.createPassword,
.white-box-form p,
.white-box-form a{
    color:var(--p-navy-blue) !important;
}