/*base variable starts here*/
:root {
    --bs-border-radius-lg: 2.5rem;
    --border-radius-default: 1.15rem;
    --white-color: #ffffff; /* white */
    --primary-font: 'Plus Jakarta Sans';
    --secondary-font: 'Plus Jakarta Sans';
    --plm-light-green: #6df7de;
    --plm-light-blue: #88c9ff;
    --plm-light-salmon: #f5a6ac;
    --salmon-color: #f5a6ac;
    --plm-light-yellow: #fae697;
    --bs-border-radius: 1.15rem;
    --bs-table-striped-bg: rgb(221 223 233 / 38%);
    --p-btn-mh-hp: 3.5rem;
    --p-btn-mw-hp: 10.5rem;
    --base-font-size: 0.84rem;
    --hp-br: 4rem;
    --blue-bg-pt: #dbe1ec;
    --bs-border-radius-sm: 0.6rem;
    --p-navy-blue: #09090b;
}

    :root[color-mode="light"] {
        --p-dark-blue: #1B263F;
        --p-color1: #0A162F;
        --p-color2: #e5e7eb;
        --p-color1-hover: #030a19;
        --p--border-1: #E2E8F0;
        --p-border-2: #D1D1DB;
        --primary-bg-color: #f2f3f4;
        --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: #D1D1DB;
        --p-input-box-shadow: 0px 1px 2px 0px rgba(18, 18, 23, 0.05);
        --p-icon-color: #5D729E;
        --border-layout: #E5E9ED;
        --default-shadow: 0 2px 4px rgb(20 54 111 / 4%) !important;
        --bg-default: #F5F8FC; /* default background is white */
        --form-disabled-color: #f4f6f9 !important;
        --primary-border-color: rgb(231 234 243 / 70%);
        --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: rgba(79, 87, 98, 0.05);
        /*---------colors---------*/
        --bg-default: #F7F8FA; /* default background is white */
        --bg--def-txt-col: #5a709b;
        --primary-color: #0A162F; /* 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: #6C6C89; /* font color */
        --on-secondary-color: #8598BC; /* icon color */
        --disabled-color: #d8d9df; /* disable color */
        --disabled-light-color: #fafafa; /* disable light color */
        --salmon-color: #f5a6ac; /* salmon */
        --salmon-light-color: #f5a6ac; /* 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(14 22 53 / 75%); /*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*/
        --bg-default-pattern: #F7F8FA;
        --main-loader-bg: rgb(0 11 48 / 88%);
        --light-green: #62E3CA;
        --light-yellow: #F4DF7A;
        --light-salmon: #FC969D;
        --pb-light-purple: #E9DDFC;
        --pb-light-pink: #ffd6e2;
        --light-blue: #81C3FA;
        --placeholder-color: #b7bcc9;
        --link-color: #14366F;
        --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: #6df7de;
        --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 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(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*/

        --bg-default: #f5f6fa;
        --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-color1: #0A162F;
        --p-color2: #e5e7eb;
        --p-color1-hover: #030a19;
        /*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: #141414;
        --chat-dark-bg-2: #1f1f1f;
        --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;
        --blue-light-bg: #005797;
        /*variable for chat page dark mode ends here*/
        /*---------colors---------*/
        --bg-default: #141414; /* default background is white */
        --primary-color: #f0f0f0; /* 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: #1f1f1f; /*card background*/
        --secondary-color: #e4e4e4; /* dark blue */
        --secondary-light-color: rgb(23 53 113 / 66%); /* dark blue */
        --on-primary-color: #adadad; /* 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: rgb(31 31 31 / 74%); /*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: #999999; /*-d*/
        --link-color: #14366F;
        --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: #303030; /*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*/
    }
/*font face starts 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-SemiBold.woff2') format('woff2'), url('/Content/assets/fonts-new/PlusJakartaSans-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: block;
}

@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;
}


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

/*font face ends here*/


/*base css varibales for layout starts here*/
/*dx toast */


.dx-toast .dx-toast-content {
    width: initial !important;
    max-width: 1400px;
    color: #fff;
    padding: 0.6rem 1.3rem 0.6rem 0.9rem;
    border-radius: calc(var(--bs-border-radius) * 0.55);
    display: inline-flex;
    align-items: center;
    box-shadow: 1px 2px 6px 1px rgb(0 0 0 / 7%);
}

.dx-toast .dx-toast-icon {
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    border-radius: 50%;
    background-position: center center;
    background-size: 100%;
    box-shadow: none;
    margin-right: 4px;
}

.dx-toast .dx-toast-message {
    line-height: 17px;
    font-size: var(--base-font-size-xl);
    font-weight: 500;
}

.dx-toast .dx-toast-success {
    background: var(--green-color);
}

.dx-toast .dx-toast-success .dx-toast-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M50.5 3C76.7343 3 98 24.2657 98 50.5C98 76.7343 76.7343 98 50.5 98C24.2657 98 3 76.7343 3 50.5C3 24.2657 24.2657 3 50.5 3ZM26.9853 51.1196C25.2308 49.1804 25.3827 46.1867 27.319 44.4352C29.2582 42.6806 32.2519 42.8326 34.0034 44.7688L45.8352 57.8428L71.4023 31.4327C73.2283 29.556 76.2279 29.5143 78.1046 31.3403C79.9812 33.1663 80.0229 36.166 78.1969 38.0426L49.1208 68.0779L49.1149 68.072C49.0464 68.1435 48.9719 68.2149 48.8974 68.2805C46.9612 70.035 43.9675 69.8861 42.213 67.9469L26.9824 51.1196H26.9853Z' fill='white'/%3E%3C/svg%3E") !important;
    background-size: 79%;
}

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

.dx-toast .dx-toast-error {
    background: var(--overdue-tc);
}

.dx-toast .dx-toast-error .dx-toast-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' fill='none'%3E%3Cpath d='M50.5 3C24.2705 3 3 24.2705 3 50.5C3 76.7295 24.2705 98 50.5 98C76.7295 98 98 76.7295 98 50.5C98 24.2705 76.7295 3 50.5 3ZM69.082 62.47C69.994 63.382 70.45 64.579 70.45 65.776C70.45 66.973 69.994 68.17 69.082 69.082C67.258 70.906 64.3035 70.906 62.47 69.082L50.5 57.1025L38.5205 69.082C37.6085 69.994 36.4115 70.45 35.224 70.45C34.027 70.45 32.83 69.994 31.918 69.082C30.094 67.258 30.094 64.3035 31.918 62.47L43.8975 50.5L31.918 38.5205C30.094 36.6965 30.094 33.742 31.918 31.918C33.742 30.094 36.6965 30.094 38.5205 31.918L50.5 43.8975L62.47 31.918C64.3035 30.094 67.258 30.094 69.082 31.918C70.906 33.742 70.906 36.6965 69.082 38.5205L57.1025 50.5L69.082 62.47Z' fill='white'/%3E%3C/svg%3E") !important;
    background-size: 70%;
}
/*dx toast */

body {
    background: var(--bg-default);
    font-family: var(--primary-font);
    font-weight: normal;
    overflow-x: hidden;
    font-size: var(--base-font-size);
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: var(--primary-font);
    font-weight: 600;
    line-height: 1.42;
    color: var(--primary-color);
}

a {
    text-decoration: none;
}

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

p, label, span, small {
    color: var(--on-primary-color);
}

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

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

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

input.p-show-ph::placeholder,
textarea.p-show-ph::placeholder {
    opacity: 1;
    visibility: visible;
}

.form-control::placeholder {
    color: var(--placeholder-color);
    opacity: 1;
    visibility: visible;
}

.form-control {
    font-size: var(--base-font-size);
}
/*buttons css starts here*/
.hc-default-btn {
    background: var(--p-color1);
    color: var(--white-color) !important;
    text-align: center;
    Padding: 11px 20px;
    text-decoration: none !important;
    display: inline-block;
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    font-size: var(--base-font-size-lg);
    font-weight: 500;
    border: 1px solid var(--p-color1);
    border-radius: var(--bs-border-radius);
    cursor: pointer;
    text-transform: capitalize;
    letter-spacing: normal;
    min-width: var(--p-btn-min-width);
    min-height: var(--p-btn-min-height);
}

    .hc-default-btn span {
        color: var(--white-color) !important;
    }

/*buttons css ends here*/
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1240px;
    }
}
/*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,
.plm-header-sticky .plumm-logo-new-blue {
    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;
}


.plumm-logo-wrapper {
    height: 32px;
    display: inline-block;
}




.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*/
/*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%);
    width: 100%;
    text-align: center;
}

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

        .slick-dots li button {
            font-size: 0;
            border: 0;
            background-color: #8697B7;
            line-height: 0;
            height: 12px;
            width: 12px;
            border: 0.05rem solid transparent;
            border-radius: 50%;
            padding: 4px;
        }

        .slick-dots li.slick-active button {
            border: 0.05rem solid var(--secondary-color);
            background-color: var(--secondary-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;
}

.slick-arrow svg {
    fill: var(--primary-color);
    width: 1.4rem;
    height: 1.4rem;
}

.slick-arrow.slick-disabled svg {
    fill: var(--primary-color);
    opacity: 0.6;
}

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

    .white-box-form .social-connect-button{
        width:100% !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-prev, .slick-next {
    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: 1200;
    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: -55px;
    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: 25px;
    background-position: center center;
}

.slick-next {
    right: -55px;
    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: 25px;
    background-position: center center;
}


/* Slider */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

    .slick-track:before,
    .slick-track:after {
        display: table;
        content: '';
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}
/*slick slider control ends here*/

/*css other pages*/
.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%;
    }
}
/*css other pages*/

/*css for terms of use*/

.emergency-contact li {
    margin-bottom: 1.1rem;
}

.emergency-contact ul {
    list-style-type: disc;
}

.plmm-section-tou {
    padding: 6rem 0;
}

    .plmm-section-tou .h4 {
        font-weight: 600;
    }

        .plmm-section-tou .h4 span {
            color: var(--primary-color);
        }

    .plmm-section-tou h6 {
        font-weight: 400;
        margin-top: 1.3rem;
    }

    .plmm-section-tou p {
        color: var(--primary-color);
    }

.info_link, .info_link:hover, .info_link:active, .info_link:focus {
    color: var(--primary-color);
}

    .info_link:hover {
        text-decoration: underline;
    }

p.plmm-subhead {
    margin-bottom: 0.5rem;
}

.anchorjs-link {
    padding-left: 0.375em;
    font-size: 23px !important;
    position: relative;
    top: 2px;
    color: var(--primary-color);
    font-family: anchorjs-icons !important;
}

.ol-list-sublist ol {
    list-style-type: none;
    counter-reset: item;
    margin: 0;
    padding: 0;
}

    .ol-list-sublist ol > li {
        display: table;
        counter-increment: item;
        margin-bottom: 0.6em;
    }

        .ol-list-sublist ol > li:before {
            content: counters(item, ".") ". ";
            display: table-cell;
            padding-right: 0.6em;
            font-weight: 600;
            font-size: 1.12rem;
        }

.ol-list-sublist li ol > li {
    margin: 0;
}

    .ol-list-sublist li ol > li:before {
        content: counters(item, ".") " ";
        font-weight: 500;
        font-size: 1rem;
    }
/*a counter ol list*/
.ol-list-sublist .ol-type-a ol {
    counter-reset: alphabeticList;
}

    .ol-list-sublist .ol-type-a ol li {
        counter-increment: alphabeticList;
    }

        .ol-list-sublist .ol-type-a ol li::before {
            content: counter(alphabeticList, lower-alpha)".";
        }


@media(max-width: 767px) {
    .emergency-contact-ol {
        padding-left: 1.6rem;
        word-break: break-word;
    }

    .emergency-contact ul {
        padding-left: 1.1rem;
    }

    .plmm-section-tou {
        padding: 5rem 0;
    }
}

/*a counter ol list*/

/* tooltip arrow */
.deep-anchor-link {
    position: relative;
    padding-top: 40px;
    scroll-margin-top: 70px;
}

.click-to-copy {
    padding: 4px 7px;
    color: var(--white-color);
    text-align: center;
    text-decoration: none;
    background-color: var(--primary-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(--primary-color) transparent transparent;
        top: 6px;
        left: -11px;
        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);
        }
}

.system-req-tou i.fa.fa-check {
    position: relative;
}

    .system-req-tou 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;
        left: -9px;
    }

.system-req-tou .table > tbody > tr > td {
    text-align: center;
    vertical-align: middle;
    padding: 10px;
}

.system-req-tou .table td, .system-req-tou .table th {
    border: 1px solid #dee2e6;
}

.system-req-tou table {
    font-size: 0.95rem;
    color: var(--secondary-color);
    text-align: center;
    vertical-align: middle;
}

/*css for terms of use*/


/*css for login page starts here*/
/* css for new login page starts here*/
.login-head {
    font-size: calc(var(--base-font-size-h1)* 1.1);
    margin-bottom: 1.5rem;
    font-weight: 600;
}

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

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


.social-connect-buttons-wrapper {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    align-items: center;
    grid-gap: 30px;
}

.social-connect-button:link, .social-connect-button:visited {
    font-weight: bold;
    text-decoration: none;
    color: #07c;
}

.social-connect-button--facebook {
    background-image: url("/Content/images/facebook-icon.png") !important;
}

.social-connect-button--google {
    background-image: url("/Content/images/google-icon.png") !important;
}

.social-connect-button {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    padding: .72rem .75rem;
    line-height: 1.2em;
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 25px;
    text-align: left;
    border-radius: var(--bs-border-radius-lg);
    width: 100%;
    border-radius: 20px;
    border: 1px solid #EDEDED4A !important;
    background-color: #1B263F !important;
    display: flex;
    justify-content: flex-start;
}

span.list-log-name{
    position: relative;
    top: -1px;
}

.social-connect-button span {
    color:var(--p-color1);
    font-size: var(--base-font-size);
    font-weight: 600;
}

.sign-infoTxt {
    margin: 1.4rem 0 1rem;
    position: relative;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.95rem;
    color: var(--on-primary-color);
}

.line-heading:after, .line-heading:before {
    background-color: var(--input-border-1);
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: calc(50% - 1.4rem);
}

.line-heading:before {
    right: 10px;
    margin-left: -50%;
}

.line-heading:after {
    left: 10px;
    margin-right: -50%;
}

.login-forgot-password-txt {
    margin-top: 0;
    text-align: right;
    font-size: 0.98rem;
}

.continue-btn-wrapper {
    margin-top: 1.4rem;
}

.login-forgot-password-txt {
    margin-top: 0;
    margin-bottom: 13px;
}

    .login-forgot-password-txt a {
        color: var(--on-primary-color);
        font-size: var(--base-font-size);
        text-decoration: none;
        font-weight: 400;
    }

@media(max-width: 1199px) {
    .login-forgot-password-txt {
        grid-column-start: -2;
    }
}

/*login popdesign*/
@media(max-width: 767px) {
    .social-connect-buttons-wrapper {
        grid-template-columns: auto;
        grid-gap: 20px;
    }


    .line-heading {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 1.4rem 0 0.7rem;
    }
}


.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: var(--base-font-size-xxl);
    line-height: 1.3;
    margin: 1rem 0px 1.2rem;
    color: var(--secondary-color);
    font-weight: 500;
}

.login-plumm-left-form .form-control,
.social-connect-button {
    border: 1px solid var(--p-color2) !important;
}

.login-plumm-account-form .form-control.input-validation-error,
.reasonbooksess .form-control.input-validation-error {
    border-color: var(--red-color) !important;
}

    .login-plumm-account-form .form-control.input-validation-error:focus,
    .reasonbooksess .form-control.input-validation-error:focus {
/*        box-shadow: 0 0 0 0.25rem rgb(255 202 207 / 43%);*/
    }

.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;
}

.plumm-login-social-media {
    display: grid;
    grid-gap: 20px;
}

.plumm-login-social-list {
    display: inline-grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    grid-gap: 12px;
    letter-spacing: 0.3px;
}

    .plumm-login-social-list svg {
        width: 23px;
        height: 23px;
        display: inline-block;
    }

.sign-up-txt > small {
    font-family: var(--secondary-font);
    font-weight: 400 !important;
    color: var(--secondary-color) !important;
    font-size: 25px !important;
}

@media(max-width:575px) {
}


@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-bottom: 2.4rem;
        margin-top: 2.5rem;
    }
}

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

    .login-head {
        margin-bottom: 1.2rem;
        margin-top: 0.8rem;
        font-size: 1.2rem;
    }
}
/*ends here*/
/*css for login page ends here*/

/*plumm para text*/
.plm-para-text {
    font-size: 1.2rem;
    margin-top: 1.3rem;
    line-height: 1.4;
    color: var(--secondary-color);
}

@media(max-width: 576px) {
    .plm-para-text {
        font-size: 1.1rem;
    }
}
/*updated- headings 1 to 6*/
.plm-heads {
    font-family: var(--secondary-font);
    color: var(--secondary-color);
    font-weight: 600;
}

.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;
    }
}


/*css for checkbox*/

/*css for check box*/
.control {
    display: block;
    position: relative;
    padding-left: 2rem;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 18px;
}

    .control input {
        position: absolute;
        z-index: 1;
        opacity: 0;
        left: 1px;
        top: 5px;
        width: 20px;
        height: 20px;
        cursor: pointer;
    }

.control__indicator {
    position: absolute;
    top: 1px;
    left: 0;
    height: 20px;
    width: 20px;
    background: #ffffff;
    border-radius: 2px;
    border: 2px solid var(--input-border-1);
    border-radius: 0.15rem;
}

.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
    background: #ffffff;
    border: 2px solid var(--primary-color);
}

.control input:checked ~ .control__indicator {
    background: var(--primary-color);
}

.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
    background: var(--primary-color);
}

.control input:disabled ~ .control__indicator {
    background: var(--white-color);
    pointer-events: none;
}

.control__indicator:after {
    content: '';
    position: absolute;
    display: none;
}

.control input:checked ~ .control__indicator:after {
    display: block;
}

.control--checkbox .control__indicator:after {
    left: 5px;
    top: 0px;
    width: 7px;
    height: 13px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
    border-radius: 1px;
}

.control--checkbox input:disabled ~ .control__indicator:after {
    border-color: var(--primary-color);
}

.ph-default-link {
    box-shadow: none;
    border: none;
    background: none;
    color: var(--p-color1);
    text-decoration: underline;
    font-weight: 600;
    font-size: 14px;
    display: inline-block;
    text-transform: capitalize;
    cursor: pointer;
}

a.ph-default-link:hover {
    color: var(--p-color1-hover);
    text-decoration: underline;
}

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

.request-demo-from-wrapper-bottom {
    margin-bottom: 6rem;
    padding: 40px 40px 30px;
}

.ph-checkbox .ph-para-text {
    display: block;
}

@media(max-width: 1100px) {
    .from-grid-2x {
        flex-direction: column;
    }
}

@media(max-width: 767px) {
    .from-grid-2x > * {
        flex: 1;
        width: 100%;
    }

    .request-demo-from-wrapper-bottom {
        padding: 20px;
    }
}

.multi-select-icon {
    position: relative;
}

    .multi-select-icon .down-icon {
        position: absolute;
        right: 0.7rem;
        top: 50%;
        transform: translateY(-50%);
        width: 16px;
        height: 16px;
        display: inline-block;
        fill: #ccc;
    }

    .multi-select-icon select.form-control {
        padding-right: 2.2rem !important;
    }


/*css for Home page starts here*/

.plmm-main-home {
    background-color: var(--background1);
}

    /*--common class--*/

    .plmm-main-home section, footer {
        padding: 5rem 0;
        overflow: hidden;
    }

@media(max-width: 576px) {
    .plmm-main-home br {
        display: none;
    }
}

.new-aster::after {
    content: "\002A";
    font-size: 0.95rem;
    color: #e00000;
    position: absolute;
    top: 0;
    line-height: 17px;
}

@media (max-width: 575.98px) {
    .plmm-main-home section, footer {
        padding: 2.5rem 0;
    }
}

span.text-danger {
    font-size: var(--base-font-size);
    margin-top: 0.2rem;
}

/*loader*/
.loader-new,
.loader:after {
    border-radius: 50%;
    width: 10em;
    height: 10em;
}

.loader-new {
    margin: 0px auto;
    font-size: 2.1px;
    position: relative;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(255, 255, 255, 0.2);
    border-right: 1.1em solid rgba(255, 255, 255, 0.2);
    border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
    border-left: 1.1em solid #ffffff;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}


@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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

/*btns*/

.continue-button {
    font-size: var(--base-font-size-lg);
    padding: 0.6rem 1.05rem;
    transition: all .3s;
    min-width: 12rem;
    line-height: 1.4;
    background-color: var(--p-color1);
    border: 0.15rem solid var(--p-color1);
    text-transform: capitalize;
    display: inline-block;
    color: var(--white-color);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border-radius: var(--bs-border-radius-lg);
    min-height: 45px;
}

.continue-button:hover {
    background-color: var(--p-color1-hover);
    border: 0.15rem solid var(--p-color1-hover);
}


.continue-button span,
.blue-cta span{
    color: var(--white-color);
}

.plmm-btn-link {
    font-weight: 600;
    color: var(--white-color);
    font-size: 0.96rem;
}

.text-underline::after {
    position: absolute;
    content: '';
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='184.403' height='15.762' viewBox='0 0 184.403 15.762'%3E%3Cpath d='M189.331,151.461a4.271,4.271,0,0,1-.686-8.486c.845-.138,85.353-13.69,177.024-3.456a4.27,4.27,0,0,1-.947,8.488c-90.47-10.094-173.869,3.261-174.7,3.4a4.423,4.423,0,0,1-.695.056' transform='translate(-185.064 -135.699)' fill='%23359bec'/%3E%3C/svg%3E");
    width: 100%;
    height: 15px;
    background-repeat: no-repeat;
    left: 0;
    background-size: 100%;
    bottom: -6px;
}

.plmm-btn {
    font-size: 1.125rem;
    padding: 0.6rem 1.05rem;
    transition: all .3s;
    min-width: 11rem;
    line-height: 1.4;
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
    border: 0.15rem solid var(--secondary-color);
    border-radius: var(--bs-border-radius);
}

    .plmm-btn:hover {
        background-color: var(--primary-color);
        border-color: var(--primary-color);
    }

@media(max-width: 991px) {
    .plmm-head-para {
        line-height: 1.6;
        font-size: 0.95rem;
    }
}

.hidden {
    display: none;
}

.hide-show {
    margin: -2rem 3% 0 1.5%;
    position: relative;
    z-index: 5;
    float: right;
    line-height: 17px;
    /* display: none; */
    font-size: 0.85rem;
}
/*lazy css*/
img {
    transition: filter 0.5s;
}

.lazy-img {
    filter: blur(20px);
}

/*reveal section*/
.section-reveal {
    transition: transform 1s, opacity 1s;
}

.section--hidden {
    opacity: 0;
    transform: translateY(6rem);
}


/*passowrd hint*/

.ph-input-create-password {
    position: relative;
}

.password-hint {
    position: absolute;
    bottom: 0px;
    right: -16.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: 99;
}

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

.list-disc {
    list-style-type: disc;
    padding-left: 15px;
}

.tooltip-arrow {
    position: absolute;
    bottom: 12px;
    left: -20px;
    width: 0;
    height: 0;
    border-color: transparent var(--chat-dark-bg-2) transparent transparent;
    border-width: 10px;
    border-style: solid;
}

    .tooltip-arrow::after {
        content: '';
        border-width: 11.5px;
        border-style: solid;
        border-color: transparent var(--chat-inbox-border-color) transparent transparent;
        top: -11px;
        left: -13px;
        position: absolute;
        z-index: -1;
    }

@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;
        }
}

/*datepicker css starts here*/
#ui-datepicker-div.ui-widget-content {
    padding: 0 !important;
    border: 1px solid var(--primary-color) !important;
    border-radius: 5px 5px 5px 5px;
}

#ui-datepicker-div .ui-datepicker-year,
#ui-datepicker-div .ui-datepicker-month {
    border-radius: 4px;
    padding-left: 5px;
}


#ui-datepicker-div.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: 3px 0;
    background-color: var(--secondary-color) !important;
    border: 0 !important;
}

.ui-datepicker-title select {
    color: var(--secondary-color);
}

#ui-datepicker-div.ui-datepicker .ui-state-focus, #ui-datepicker-div.ui-datepicker .ui-state-hover, #ui-datepicker-div.ui-datepicker .ui-widget-content .ui-state-focus, #ui-datepicker-div.ui-datepicker .ui-widget-content .ui-state-hover, #ui-datepicker-div.ui-datepicker .ui-widget-header .ui-state-focus, #ui-datepicker-div.ui-datepicker .ui-widget-header .ui-state-hover {
    background: transparent !important;
    font-weight: 400;
    color: #212121;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-next-hover {
    top: 2px;
    right: 2px;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-prev-hover {
    top: 2px;
    left: 2px;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-header {
    background-color: var(--chat-dark-bg-2) !important;
}

.ui-icon, .ui-widget-content .ui-icon, .ui-widget-header .ui-icon,
.ui-state-active .ui-icon, .ui-state-focus .ui-icon, .ui-state-hover .ui-icon {
    background-position: calc(100% + 4px);
    background-repeat: no-repeat;
    background-size: cover;
    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/Arrow - Right 2%3C/title%3E%3Cg id='Iconly/Light/Arrow---Right-2' stroke='%23173571' stroke-width='2' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='Arrow---Right-2' transform='translate(12.000000, 12.000000) rotate(-90.000000) translate(-12.000000, -12.000000) translate(5.000000, 8.500000)' stroke='%23173571' stroke-width='2' %3E%3Cpolyline id='Stroke-1' points='14 0 7 7 0 0'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    position: initial !important;
    cursor: pointer;
    margin: 0 !important;
}

.ui-datepicker-prev .ui-icon,
.ui-datepicker-prev .ui-widget-content .ui-icon,
.ui-datepicker-prev .ui-widget-header .ui-icon,
.ui-datepicker-prev .ui-state-active .ui-icon,
.ui-datepicker-prev .ui-state-focus .ui-icon,
.ui-datepicker-prev .ui-state-hover .ui-icon {
    transform: rotate(180deg);
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-prev-hover {
    top: 0;
    left: 0;
}

.ui-datepicker .ui-datepicker-title select, #ui-datepicker-div .ui-datepicker-year {
    font-size: var(--base-font-size-xxs);
    margin: 1px 2px;
    border: 1px solid var(--input-border-1);
    border-radius: calc(var(--bs-border-radius) * 0.5);
    padding: 0.1rem 0.3rem;
    color: var(--primary-color);
    line-height: 1.6;
    background-size: 0.588rem;
}

.ui-datepicker a.ui-state-default.ui-state-active {
    border: none;
    background-color: var(--secondary-color);
    color: #fff;
    border-radius: 50%;
    width: 1.7rem;
    height: 1.7rem;
    font-size: var(--base-font-size-xs);
    line-height: 1.8;
    font-weight: 500;
}

#ui-datepicker-div.ui-datepicker .ui-state-default.ui-state-active.ui-state-hover {
    background-color: var(--secondary-color) !important;
    color: #fff;
    font-weight: 500 !important;
}

#ui-datepicker-div.ui-datepicker .ui-state-default.ui-state-highlight {
    border: none;
    border-radius: 50%;
    width: 1.7rem;
    height: 1.7rem;
    font-size: var(--base-font-size-xs);
    line-height: 1.8;
    font-weight: 500;
    background-color: var(--light-new-blue) !important;
    color: var(--primary-color);
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-next-hover {
    top: 0;
}

.ui-datepicker td a, .ui-datepicker td span {
    padding: .2em;
    text-align: center;
    text-decoration: none;
}

#ui-datepicker-div.ui-widget-content {
    box-shadow: var(--default-shadow);
    background-color: var(--card-bg-color);
    border-radius: var(--border-radius-default);
    border: 1px solid var(--primary-border-color) !important;
    overflow: hidden;
    padding: 0.45rem !important;
}

.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
    position: absolute;
    top: 0;
    width: 2.4em;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ui-datepicker .ui-datepicker-next,
#ui-datepicker-div.ui-datepicker .ui-datepicker-next-hover {
    right: 0;
}

.ui-datepicker .ui-datepicker-prev {
    left: 0;
}

.ui-widget-content a, .ui-widget-header a {
    color: var(--primary-color);
}
/*--common class--*/
/*css for header starts here*/

.plm-header {
    position: absolute;
    right: 0;
    left: 0;
    width: 100%;
    z-index: 1001;
    padding: 0.4rem 1rem;
    min-height: 60px;
    display: flex;
    align-items: center;
}

    .plm-header .navbar {
        padding-top: 0;
        padding-bottom: 0;
        position: initial;
    }

    .plm-header .nav-link {
        padding: 0.6rem 0.9rem;
        font-size: 1rem;
        position: relative;
        cursor: pointer;
        line-height: 1.45;
    }

.expand-btn:hover::before {
    content: '';
    width: 120%;
    height: 1.4rem;
    background-color: transparent;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -0.55rem;
}

.plm-header.plm-header-sticky {
    position: fixed;
    z-index: 1500;
    animation: slideDown 0.35s ease-out;
    top: 0;
}

@keyframes slideDown {
    from {
        transform: translateY(-100%);
    }

    to {
        transform: translateY(0);
    }
}

/* nav menu button */

.plmm-mr-content em.icon {
    color: var(--white-color);
}

.menu-items .mega-menu .nav-link {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

svg.menu-icons {
    fill: var(--white-color);
    width: 1.35rem;
    height: 1.35rem;
    display: inline-block;
    position: relative;
    top: -0.1rem;
}

.menu-btn {
    position: relative;
    display: none;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 2;
}

.navbar .menu-btn__lines::before,
.navbar .menu-btn__lines::after {
    content: "";
    position: absolute;
}

.navbar .menu-btn__lines,
.navbar .menu-btn__lines::before,
.navbar .menu-btn__lines::after {
    width: 1.5rem;
    height: 0.1rem;
    background: #132f48;
    transition: all 0.4s ease-in-out;
}

    .navbar .menu-btn__lines::before {
        transform: translateY(-0.5rem);
    }

    .navbar .menu-btn__lines::after {
        transform: translateY(0.5rem);
    }

.navbar .menu-items {
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.navbar ul {
    padding: 0;
}

    .navbar ul li {
        list-style: none;
        transition: 0.3s ease;
    }

        .navbar ul li .arrow {
            transition: all 0.3s ease-out;
        }

/* dropdown menu */

.navbar .dropdown {
    position: relative;
}

.dropdown-open {
    transition: all .3s;
}

.navbar .dropdown-menu,
.menu-right {
    position: absolute;
    background: #e9ecef;
    width: 190px;
    line-height: 30px;
    border-radius: 0 0 5px 5px;
    top: 65px;
    border-top: 1px solid white;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease;
    -webkit-box-shadow: 0 20px 50px 0 rgb(0 0 0 / 5%);
    box-shadow: 0 20px 50px 0 rgb(0 0 0 / 5%);
}

.navbar .menu-right {
    top: 0;
    left: 100%;
}

.navbar .dropdown-menu,
.menu-left {
    left: unset;
    right: 0;
}

.navbar .menu-left {
    left: -100%;
}

.navbar .dropdown:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    display: inline-block;
}

.navbar .dropdown-right:hover .menu-right {
    left: 100%;
    opacity: 1;
    visibility: visible;
}

.navbar .dropdown-right:hover .menu-left {
    left: -100%;
}

/* mega menu  */

.navbar .mega-menu {
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: 2;
    margin-top: -0.002rem;
    background: rgb(23 53 113 / 76%);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-top: 0;
    overflow: hidden;
    padding: 3rem;
    border-top: 0.25rem solid var(--primary-color);
}

.menu-items li:hover .mega-menu {
    opacity: 1;
    visibility: visible;
}

.mega-menu-active {
}
/*bordered trianle*/

.plm-header .menu-item.active-menu {
    color: var(--primary-color);
}

.mega-menu .nav-link {
    font-size: 1rem;
    color: var(--white-color);
    padding: 1rem 0;
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

    .mega-menu .nav-link:hover {
        color: #41abff;
    }

        .mega-menu .nav-link:hover svg {
            fill: #41abff;
        }

.navbar .mega-menu .nav-link::after {
    content: '';
    position: absolute;
    width: 17.5rem;
    height: 1px;
    background-color: rgb(210 224 251 / 29%);
    left: 0;
    bottom: 0;
}

/*Hamburger Menu*/

.plm-header .menu-btn {
    background-color: var(--primary-color);
    border-radius: 0.4rem;
    padding: 0.25rem 0.5rem;
}

    .plm-header .menu-btn:hover,
    .plm-header .menu-btn:active {
        background-color: var(--primary-color);
    }

    .plm-header .menu-btn:focus {
        box-shadow: 0 0px 0px 0.3rem rgb(23 53 113 / 15%);
    }

.ham-menu {
    height: 1.5rem;
    width: 1.5rem;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

    .ham-menu .line {
        background-color: white;
        border-radius: 1em;
        width: 1.46rem;
        height: 0.12rem;
        margin-bottom: 0;
    }

    .ham-menu .line1 {
        transition: transform 200ms ease-in-out;
    }

    .ham-menu .line3 {
        transition: transform 200ms ease-in-out;
    }

.menu-btn.open .ham-menu .line1 {
    -webkit-transform: translateY(8px) rotate(45deg);
    -ms-transform: translateY(8px) rotate(45deg);
    -o-transform: translateY(8px) rotate(45deg);
    transform: translateY(8px) rotate(45deg);
}

.menu-btn.open .ham-menu .line2 {
    opacity: 0;
}

.menu-btn.open .ham-menu .line3 {
    -webkit-transform: translateY(-8px) rotate(-45deg);
    -ms-transform: translateY(-8px) rotate(-45deg);
    -o-transform: translateY(-8px) rotate(-45deg);
    transform: translateY(-8px) rotate(-45deg);
}

/*Hamburger Menu*/
.header-btn {
    background-color: transparent;
    border-width: 2px;
    border-radius: 25px;
    color: var(--primary-color);
    font-size: 1rem;
    padding: 0.675rem 1.5rem;
}

    .header-btn:hover {
        border: 0.15rem solid var(--secondary-color);
        color: var(--secondary-color);
    }

a.btn.header-btn.plmm-header-login,
a.btn.header-btn.plmm-header-login:hover {
    border: none;
    padding: 0;
    min-width: initial;
    background-color: transparent;
    color: var(--primary-color);
}

    a.btn.header-btn.plmm-header-login:focus {
        outline: none !important;
        box-shadow: none;
    }

.plmm-header-action-btn .plmm-header-book-demo {
    border: 0.1rem solid var(--primary-color);
}

.plmm-header-action-btn .plmm-header-book-demo:hover, .plmm-header-action-btn .plmm-header-login:hover {
    background-color: var(--primary-accent-color);
    color: #ffffff;
    border-color: var(--primary-accent-color);
}

.plmm-mr-content-wrapper,
.plmm-mr-content h5,
.plmm-mr-content p {
    color: var(--white-color);
}

.plmm-mr-content p {
    font-size: 0.93rem;
    max-width: 350px;
    font-weight: 400;
}

.p-mob-view {
    display: none;
}

@media(max-width: 991px) {
    .p-mob-view {
        display: block;
    }

    .p-desk-view {
        display: none !important;
    }
}

.plmm-menu-right-img-wrap .plmm-menu-right-img {
    border: 0.15rem solid var(--white-color);
    border-radius: 1.1rem;
    max-width: 230px;
}

.mega-menu-wrapper::before {
    position: absolute;
    content: '';
    bottom: 0;
    width: 100%;
    left: 0;
    background: linear-gradient(to right, var(--plm-light-blue) 25%, var(--plm-light-yellow) 25%, var(--plm-light-yellow) 25%, var(--plm-light-yellow) 50%, var(--plm-light-salmon) 50%, var(--plm-light-salmon) 75%, var(--plm-light-green) 75%, var(--plm-light-green) 100%);
    height: 0.28rem;
    margin: 0px;
}

.menu-items li .menu-item {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

    .menu-items li .menu-item em.icon {
        font-size: 1.02rem;
        display: inline-block;
    }


.plm-header-sticky .plmm-header-action-btn .plmm-header-book-demo {
    border-color: #ffffff;
    color: #fff;
}

.plm-header-sticky .menu-items li .menu-item em.icon,
.plm-header-sticky .menu-items li .menu-item {
    color: #fff;
}

.plm-header.plm-header-sticky {
    background-color: var(--primary-color);
}

.plm-header-sticky a.btn.header-btn.plmm-header-login,
.plm-header-sticky a.btn.header-btn.plmm-header-login:hover {
    color: #fff;
}

.fill-btn-ft {
    background-color: #09090b;
    color: #fff !important;
}

.ee-inn-mc .btn.header-btn {
    z-index: 99;
    position: relative;
}

.fill-btn-ft:hover {
    background-color: #09090b;
    color: #ffffff;
}

/* Responsive style */
@media(min-width: 992px) {
    .plmm-header-book-demo {
        margin: 0 1rem 0 0.975rem;
    }

    .menu-items li .menu-item:hover em.icon,
    .mega-menu-active a.expand-btn em.icon {
        transform: rotate(180deg);
        transition: all .3s;
    }

    /*.menu-items li a:hover,
    .menu-items li .menu-item:hover em.icon,
    .mega-menu-active a.expand-btn,
    .mega-menu-active a.expand-btn em.icon {
        color: #fff;
    }*/

    .mega-menu-active .expand-btn {
        position: relative;
    }

        .mega-menu-active .expand-btn::after {
            content: '';
            position: absolute;
            width: 0;
            transform: translateX(-50%);
            vertical-align: middle;
            left: 50%;
            bottom: -8px;
            border-top-right-radius: 2px;
            height: 0;
            border-left: 0.55rem solid transparent;
            border-right: 0.55rem solid transparent;
            border-bottom: 0.85rem solid var(--primary-color);
            border-top-left-radius: 5rem;
        }
}

@media(min-width: 1100px) {
    .plmm-header-book-demo {
        margin: 0 1rem 0 0.9rem;
    }
}


@media screen and (max-width: 1300px) {
    .navbar .mega-menu .nav-link::after {
        width: calc(100% - 25px);
    }
}

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

    .plmm-mr-content-wrapper {
        padding: 0.9rem 0.5rem;
    }

    .plmm-menu-right-img-wrap .plmm-menu-right-img {
        max-width: 300px;
    }

    .navbar .mega-menu {
        padding: 2.5rem;
        top: 63px;
    }

        .navbar .mega-menu .nav-link::after {
            width: 65%;
        }

    .plmm-mr-content p {
        font-size: 0.93rem;
        max-width: 100%;
        font-weight: 400;
    }

    .mega-menu .nav-link {
        font-size: 0.95rem;
    }

    .plm-header .nav-link {
        padding: 1rem 0.7rem;
        font-size: 1rem;
    }
}

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

    .ph-menu-wrapper::before {
        position: absolute;
        content: '';
        bottom: 0;
        width: 100%;
        left: 0;
        background: linear-gradient(to right, var(--plm-light-blue) 25%, var(--plm-light-yellow) 25%, var(--plm-light-yellow) 25%, var(--plm-light-yellow) 50%, var(--plm-light-salmon) 50%, var(--plm-light-salmon) 75%, var(--plm-light-green) 75%, var(--plm-light-green) 100%);
        height: 0.28rem;
        margin: 0px;
    }

    .mega-menu-wrapper::before {
        display: none;
    }

    .plm-header {
        min-height: 50px;
    }

    .menu-items li:hover .mega-menu {
        animation: none;
    }

    .overflow .plm-header {
        background-color: rgb(23 53 113 / 89%);
    }

    .plm-header {
        padding: 0.5rem 0;
    }

    .navbar .mega-menu {
        padding: 0;
    }

    .overflow {
        overflow: hidden;
    }

    .menu-items li .menu-item em.icon {
        color: var(--white-color);
    }

    .menu-items li .menu-item.open em.icon {
        transform: rotate(180deg);
        transition: all .3s;
    }

    .expand-btn:hover::before,
    .navbar .mega-menu .nav-link::after {
        display: none;
    }

    .overlay {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 500;
        background-color: rgba(0, 0, 0, 0);
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    }

    .overlay--active {
        opacity: 1;
        visibility: visible;
    }

    .menu-btn {
        display: flex;
    }

    .menu-items::before {
        top: 0;
    }

    .navbar .menu-items {
        position: fixed;
        height: 100%;
        max-height: initial;
        overflow-y: auto;
        width: 100%;
        top: 50px;
        margin-top: 0;
        border-radius: 0;
        left: 0;
        display: block;
        transform: translateX(-100%);
        transition: 0.3s ease-out;
        padding-bottom: 100px;
        background: rgb(23 53 113 / 65%);
        backdrop-filter: blur(13px);
        -webkit-backdrop-filter: blur(13px);
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }

    .navbar ul li {
        width: 100%;
    }

    .navbar .mega-menu {
        border-radius: 0;
        backdrop-filter: blur(0px);
        -webkit-backdrop-filter: blur(0px);
    }

    .plm-header .nav-link {
        color: var(--white-color);
        padding: 0.7rem 1rem;
        display: block;
        font-size: 1rem;
    }

    .plmm-mr-content-wrapper {
        padding: 0.9rem 2.5rem;
        display: none !important;
    }

    .plmm-menu-right-img-wrap .plmm-menu-right-img {
        max-width: 230px;
    }

    .navbar .menu-items {
        padding: 0;
        padding-bottom: 8rem;
    }

    .mega-menu-wrapper ul {
        padding: 0;
    }

    .plmm-mr-content h5 {
        font-size: 1.2rem;
    }

    .plmm-header-action-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: auto;
        flex-direction: column;
        gap: 1.4rem;
    }

        .plmm-header-action-btn .plmm-header-login {
            border: 0.15rem solid var(--white-color);
            color: var(--white-color);
            padding: 0.68rem 0.75rem;
        }

    .header-btn {
        min-width: 11.2rem;
        padding: 0.66rem 0.75rem;
    }

    .menu-items.open {
        transform: translateY(0);
    }

    .mega-menu-wrapper ul li {
        padding: 0rem 2rem;
    }

    .menu-items > li:first-child {
        margin-top: 1.3rem;
    }

    .menu-items .dropdown-right .right-arrow {
        transform: rotate(90deg);
    }

    /* DROPDOWN, MEGA MENUS */
    .menu-items .dropdown-menu,
    .menu-items .menu-right,
    .menu-items .mega-menu {
        position: static;
        opacity: 0;
        height: 0; /* Ensures the menu is hidden initially */
        visibility: hidden;
        overflow: hidden;
        top: 4rem;
        transition: opacity 0.5s ease, height 0.4s ease; /* Transition effect */
    }

    .menu-items .dropdown-menu,
    .menu-items .menu-right {
        padding-left: 1rem;
        width: 102%;
        margin-left: -10px;
    }

    .menu-items .mega-menu .col {
        padding-left: 1rem;
    }

    .expand-btn.open + .mega-menu-wrapper {
        max-height: 100%;
        padding: 1rem 0;
        opacity: 1;
        height: auto; /* or set to a specific height if applicable */
        visibility: visible;
        display: block; /* Set display back to block */
        /* transition delay gives the 'display: block' some time to apply before the transition starts */
        transition-delay: 0.3s;
    }

    .expand-btn.open + .blog.mega-menu-wrapper {
        max-height: 100%;
    }

    .mega-menu-wrapper li {
        margin: 0;
    }

    .mega-menu .content {
        grid-template-columns: auto;
        padding: 1rem 1rem 0 1rem;
    }

        .mega-menu .content .col {
            width: 100%;
            padding-top: 1rem;
            margin-bottom: 0.5rem;
        }

    .col .mega-links li,
    .col .mega-links li a {
        padding: 0 0.5rem;
    }

    .content .col .mega-links {
        border-left: 0;
        padding-left: 0.5rem;
    }

    .col .mega-links li {
        margin: 0;
    }
}

@media(max-width: 767px) {
    .pricing-comparision {
        display: none;
    }
}

@media(max-width: 576px) {
    .hs-has-mega-menu .nav-link:focus, .hs-has-mega-menu .nav-link:hover {
        color: var(--background1);
    }
}
/*css for header ends here*/

/*css for banner starts here*/
.section-p-banner {
    background-color: var(--primary-color);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6.5rem !important;
    padding-top: 7rem !important;
    height: calc(100vh - 1.5rem);
    flex-direction: column;
    max-height: 900px;
}

    .section-p-banner::before {
        content: '';
        width: 100%;
        height: 85%;
        position: absolute;
        max-width: 70%;
        background: url(/Content/images/hey-plumm/plumm-bg-pattern.png);
        left: 0;
        -webkit-filter: blur(89.5px); /* Chrome 18+, Safari 6+, iOS 6+ */
        -moz-filter: blur(89.5px); /* Firefox 35- */
        -ms-filter: blur(89.5px); /* Internet Explorer */
        -o-filter: blur(89.5px); /* Opera */
        filter: blur(89.5px); /* Standard syntax */
    }


.p-bc {
    height: 100%;
    flex-grow: 1;
    border-radius: 46px;
    background: linear-gradient(116deg, rgba(255, 255, 255, 0.65) 24.76%, rgba(255, 255, 255, 0.81) 78.6%);
    -webkit-backdrop-filter: blur(53.5px); /* For Safari 9+ */
    backdrop-filter: blur(53.5px); /* Standard syntax */
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    align-items: center;
}

.p-bc-bc {
    display: grid;
    gap: 2.54rem;
}

.p-bc-tc h1 {
    font-size: 2.55rem;
    line-height: 1.3;
    font-weight: 700;
}

.p-bc-tc p {
    font-size: 1.1rem;
    margin-top: 1.1rem;
    margin-bottom: 0;
}

.p-rat h3 {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1;
}

.p-bc-inner {
    display: grid;
    gap: 2rem;
    padding-left: 5.37rem;
}

    .p-bc-inner .p-btn-hp {
        min-width: 14em;
    }

.p-b-inp-btn {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 1.25rem;
}

.p-input-hp {
    border-radius: 5.25rem;
    background: rgba(255, 255, 255, 0.65);
    box-shadow: 0px 12px 39.9px 0px rgba(23, 53, 113, 0.05);
    backdrop-filter: blur(12.949999809265137px);
    min-height: var(--p-btn-mh-hp);
    border: none;
    padding: 0.79rem 1.7rem;
    font-size: var(--base-font-size-h4);
    color: var(--on-primary-color);
}

.p-btn-hp {
    border-radius: 10rem;
    background: var(--primary-color);
    min-height: var(--p-btn-mh-hp);
    min-width: var(--p-btn-mw-hp);
    color: #ffffff;
    font-size: 1rem;
    border: 1px solid var(--primary-color);
    font-weight: 500;
    padding: 0.25rem 1.25rem;
    flex-shrink: 0;
}

.p-btn-hp-white {
    color: var(--primary-color);
    background-color: #ffffff;
    border-color: #ffffff;
}

.p-rat-sec {
    display: flex;
    align-items: center;
    gap: 2rem;
}

    .p-rat-sec hr {
        background-color: #c1acac;
        height: 3.8rem;
        width: 2px;
        margin: 0;
    }

.p-rat svg {
    width: 8rem;
    height: 1.25rem;
    flex-shrink: 0;
}

.p-rat p {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-block: 0;
    font-size: var(--base-font-size);
}

.hippSecurity svg {
    width: 6.8rem;
    height: 3.8rem;
    flex-shrink: 0;
}

.p-rat p span {
    font-size: var(--base-font-size-xxl);
    position: relative;
    top: 1px;
}

.p-b-frame img {
    filter: drop-shadow(0px 39.831px 46.86px rgba(205, 205, 205, 0.16));
    border-radius: 1.1rem;
    border: 12px solid rgba(255, 255, 255, 0.24);
    background: rgb(244 247 252 / 14%);
    position: relative;
    left: 0.9rem;
    width: 115%;
    height: 100%;
    min-height: 555px;
    max-width: initial;
    object-fit: cover;
    border-bottom-right-radius: 48px;
    object-position: left;
}

.p-b-img.p-b-frame {
    overflow: hidden;
}

.p-h-frame {
    border-radius: 15.868px;
    border: 12px solid rgba(255, 255, 255, 0.24);
    filter: drop-shadow(0px 39.831px 46.86px rgba(205, 205, 205, 0.16));
    box-shadow: 0px 0 0 12.5px rgb(231 231 233 / 30%);
}

.p-bbw {
    background: #F4F7FC;
    width: 10rem;
    height: 10rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.p-bbwc {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.p-b-bw {
    position: absolute;
    bottom: -5.8rem;
    left: 6.2rem;
}

.p-b-gauge {
    width: 4.4rem;
    height: 4.4rem;
    position: relative;
    top: 6px;
}

.p-b-pb {
    width: 7.5rem;
    height: 2.1rem;
    position: relative;
    bottom: -10px;
}

.p-b-tw {
    position: absolute;
    top: -0.7rem;
    right: -1.3rem;
}

.p-b-iu {
    width: 1.5rem;
    height: 1.6rem;
    flex-shrink: 0;
}

.p-b-lc {
    width: 8.1rem;
    height: 2.7rem;
    flex-shrink: 0;
    transform: scaleX(-1);
}

.p-bbwc h5 {
    font-size: 1.1rem;
    margin-bottom: 0;
    line-height: 1.3;
    font-weight: 700;
}

.p-b-bw h5 {
    font-size: 0.8rem;
    margin-bottom: 0.7rem;
}

.p-b-tw p {
    margin-bottom: 0.6rem;
    font-size: var(--base-font-size-xs);
}

.p-b-iu {
    width: 1.2rem;
    height: 1.2rem;
    flex-shrink: 0;
    margin-bottom: 0.2rem;
}

@media(max-width: 1800px) {
    .p-b-frame img {
        min-height: initial;
        width: 100%;
    }
}

@media(max-width: 1600px) {
    .section-p-banner {
        padding: 4rem !important;
        padding-top: 6.2rem !important;
        height: calc(100vh - 0rem);
    }
}

@media(max-width: 1600px) {
    .p-b-gauge {
        width: 3.6rem;
        height: 3.6rem;
    }

    .p-bbw {
        width: 9rem;
        height: 9rem;
    }

    .p-b-lc {
        width: 8.1rem;
        height: 2.5rem;
    }
}

@media screen and (min-width: 1025px) and (max-height: 700px) {
    .p-b-bw {
        bottom: -4.3rem;
    }
}

@media screen and (min-width: 1025px) and (max-height: 650px) {
    .section-p-banner {
        padding-left: 0 !important;
        padding-right: 0 !important;
        height: 700px;
    }

    .p-bc-tc h1 {
        font-size: 2.15rem;
    }

    .p-bc-inner {
        gap: 3.5rem;
        padding-left: 3.77rem;
    }
}

@media (min-width: 768px) and (max-width: 1200px) {
    .section-p-banner {
        padding-left: 0 !important;
        padding-right: 0 !important;
        height: 700px;
    }

    .p-bc-tc h1 {
        font-size: 2.15rem;
    }

    .p-bc-inner {
        gap: 3.5rem;
        padding-left: 3.77rem;
    }
}

@media(max-width: 768px) {

    .p-bc {
        border-radius: calc(var(--hp-br) * 0.25);
        grid-template-columns: 1fr;
        align-items: flex-start;
    }

    .p-bc-tc p {
        font-size: var(--base-font-size);
        margin-top: 1.1rem;
        margin-bottom: 0;
    }

    .p-rat-sec {
        display: flex;
        align-items: center;
        gap: 1.1rem;
    }

        .p-rat-sec hr {
            width: 1px;
        }

    .p-rat h3 {
        font-size: 1.6rem;
    }

    .hippSecurity svg {
        width: 5.8rem;
        height: 3.2rem;
        flex-shrink: 0;
    }

    .section-p-banner {
        padding: 0.1rem !important;
        padding-top: 4.7rem !important;
        padding-bottom: 4rem !important;
        height: initial;
    }

    .p-bc-tc h1 {
        font-size: 1.75rem;
        line-height: 1.3;
        font-weight: 700;
    }

    .p-bc-inner {
        gap: 2.7rem;
        padding-left: 1.5rem;
        padding: 1.5rem;
    }

    .p-bc-inner {
        gap: 2.3rem;
        padding-left: 1.2rem;
        padding: 1.2rem;
    }

    .p-bbw {
        width: 7rem;
        height: 7rem;
    }

    .p-b-gauge {
        width: 3.2rem;
        height: 2.9rem;
    }

    .p-b-lc {
        width: 5.1rem;
        height: 1.6rem;
    }

    .p-b-tw {
        position: absolute;
        top: -0.7rem;
        right: 0;
    }

    .p-b-bw {
        position: absolute;
        bottom: -2.3rem;
        left: 5.1rem;
    }
}

@media(max-width: 576px) {
    .p-rat svg {
        width: 5.2rem;
        height: 1.05rem;
        flex-shrink: 0;
    }

    .p-rat p span {
        font-size: var(--base-font-size-xs);
    }

    .p-h-frame {
        border: 10px solid rgba(255, 255, 255, 0.24);
    }

    .p-b-img.p-b-frame {
        border-radius: 21px;
        padding-bottom: 1rem;
    }
}
/*css for banner starts here*/
/*css for client logos starts here*/
@keyframes slides {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

.p-cl-logo {
    overflow: hidden;
    padding: 30px 0px;
    white-space: nowrap;
    position: relative;
}

    .p-cl-logo:before,
    .p-cl-logo:after {
        position: absolute;
        top: 0;
        content: '';
        width: 250px;
        height: 100%;
        z-index: 2;
    }

    .p-cl-logo:before {
        left: 0;
        background: linear-gradient(to left, rgba(255, 255, 255, 0), #f4f7fc);
    }

    .p-cl-logo:after {
        right: 0;
        background: linear-gradient(to right, rgba(255, 255, 255, 0), #f4f7fc);
    }

.logo_items {
    display: inline-block;
    animation: 25s slides infinite linear;
}

.p-cl-logo:hover .logo_items {
    animation-play-state: paused;
}

.logo_items svg {
    height: 1.9rem;
    width: 8rem;
    margin: 0 2.5rem;
}

    .logo_items svg.innocent {
        height: 2.1rem;
        width: 7rem;
    }

    .logo_items svg.farfetch {
        height: 1.2rem;
        width: 9.5rem;
    }

    .logo_items svg.aster {
        width: 5.8rem;
    }

    .logo_items svg.oyster {
    }

    .logo_items svg.itsu {
        width: 3.6rem;
        height: 2.4rem;
    }

    .logo_items svg.ubisoft {
        width: 6rem;
        height: 2.4rem;
    }

svg.gib {
    height: 2.1rem;
    width: 3.1rem;
}

.logo_items svg.crowdcube {
    height: 1.8rem;
    width: 6rem;
}

.logo_items svg.xe {
    height: 1.85rem;
    width: 2.5rem;
}

.logo_items svg.wonolo {
    height: 1.6rem;
    width: 7.5rem;
}

@media(max-width: 576px) {
    .logo_items svg {
        margin: 0 1.5rem;
    }


    .p-cl-logo:before,
    .p-cl-logo:after {
        width: 100px;
    }
}
/*css for client logos ends here*/

/*video play section*/
.p-brand-video-mw {
    border-radius: 4rem;
    background: var(--primary-color);
    backdrop-filter: blur(365.1499938964844px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 3.25rem;
    margin-top: 2.5rem;
    gap: 2.5rem;
    overflow: hidden;
}

    .p-brand-video-mw .p-h-frame {
        box-shadow: none;
    }

    .p-brand-video-mw .sec-h3-head {
        color: #fff;
        font-size: 2.225rem;
        line-height: 1.35;
    }

.p-vp-mw {
    width: 31em;
    height: 18em;
    overflow: hidden;
    border-radius: calc(var(--hp-br) * 0.55);
    opacity: 0.65;
}

    .p-vp-mw .emma-video-wrapper {
        pointer-events: none;
    }

.circle-pattern-tp {
    position: absolute;
    width: 800px;
    height: 800px;
    transform: rotate(-30deg);
    flex-shrink: 0;
    border-radius: 50%;
    opacity: 0.2;
    background: linear-gradient(153deg, #389CFF 17.11%, rgba(226, 236, 255, 0.00) 77.33%);
}

.p-cl-pattern-top {
    left: -518px;
    top: 0;
}

.p-cl-pattern-bottom {
    right: -30%;
    bottom: 0rem;
    transform: rotate(165deg);
}

@media(max-width: 1700px) {
    .circle-pattern-tp {
        width: 500px;
        height: 500px;
    }

    .p-cl-pattern-top {
        left: -478px;
        top: 0;
    }

    .p-cl-pattern-bottom {
        right: -27%;
    }
}

.p-brand-video-mw h2 {
    color: #fff;
    text-align: center;
    font-size: 2.7rem;
    line-height: 1.35;
    font-weight: 700;
    margin: -0.6rem 0;
}

.p-brand-video-mw .p-btn-hp {
    margin-bottom: 0.55rem;
}

.circle-pattern {
    position: absolute;
    z-index: 99;
    width: 600px;
    height: 600px;
}

.pbv-cpt {
    left: -330px;
    top: -270px;
}

.pbv-cpb {
    right: -420px;
    bottom: -120px;
    transform: rotate(-65deg);
}

.play-btn-icon {
    border: none;
    background-color: transparent;
}

    .play-btn-icon svg {
        border: none;
        background-color: transparent;
        width: 4.275rem;
        height: 4.275rem;
        flex-shrink: 0;
        opacity: 0.8;
    }

@media(max-width: 1400px) {
    .p-vp-mw {
        width: 26em;
        height: 15.2em;
    }

    .play-btn-icon svg {
        width: 3.575rem;
        height: 3.575rem;
    }

    .p-brand-video-mw .sec-h3-head {
        font-size: 2.025rem;
    }
}

@media(max-width: 991px) {
    .p-brand-video-mw {
        border-radius: calc(var(--hp-br) * 0.25);
        padding: 1.5rem;
        padding-top: 1.2rem;
        margin-top: 0.85rem;
        gap: 1.25rem;
    }
}

@media(max-width: 576px) {

    .p-brand-video-mw .sec-h3-head {
        font-size: 1.625rem;
        margin-top: 0.1rem;
    }

    .circle-pattern {
        display: none;
    }

    .p-vp-mw-mw {
        flex-grow: 1;
        width: 100%;
    }

    .p-vp-mw {
        width: 100%;
        height: 11.6em;
        max-width: 340px;
        margin: 0 auto;
    }

    .p-vp-mw {
        border-radius: calc(var(--hp-br) * 0.35);
    }
}

/*video play section*/

.p-tile-sec {
    background-color: var(--primary-color);
    overflow: hidden;
    height: 800px;
    position: relative;
}

.p-tile-cir {
    position: absolute;
    border-radius: 50%;
    opacity: 0.2;
}

.p-tile-cir-lt {
    width: 450.6px;
    height: 462.643px;
    transform: rotate(-74.94deg);
    background: linear-gradient(153deg, #389CFF 17.11%, rgba(226, 236, 255, 0.00) 77.33%);
    left: -123.79px;
    top: -201.54px;
}

.p-tile-cir-rt {
    width: 548.735px;
    height: 563.401px;
    background: linear-gradient(153deg, #389CFF 17.11%, rgba(226, 236, 255, 0.00) 77.33%);
    top: 5rem;
    left: -18rem;
    transform: rotate(130deg);
}

.p-tile-cir-br {
    width: 403.19px;
    height: 413.966px;
    background: linear-gradient(153deg, #389CFF 17.11%, rgba(226, 236, 255, 0.00) 77.33%);
    transform: rotate(185deg);
    bottom: 5rem;
    left: -18rem;
}

@media(min-width: 1800px) {
    .p-tile-cir-br {
        bottom: 9rem;
        left: -18rem;
    }
}

.p-tile-cont h3 {
    color: #fff;
}

.p-tile-cont p {
    color: var(--blue-bg-pt);
    font-size: 1rem;
    margin-top: -0.5rem;
}

.p-ex-sec {
    position: absolute;
    padding-right: 0;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.p-tile-cont {
    display: flex;
    gap: 2.6rem;
    align-items: flex-start;
    flex-direction: column;
    position: relative;
}

    .p-tile-cont > * {
        margin: 0;
    }

.sec-h3-head {
    font-size: 2.25rem;
    line-height: 1.35;
}

.sh-cen {
    margin-bottom: 4rem;
    text-align: center;
}

@media(max-width: 1600px) {
    .sec-h3-head {
        font-size: 1.725rem;
    }

    .sec-the-head p {
        font-size: .925rem;
    }
}

.p-tile-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.45rem;
    position: relative;
}

.p-tile-row {
    align-items: center;
    height: 100%;
}

.p-tile-grid-it {
    width: 307px;
    height: 430px;
    border-radius: calc(var(--hp-br) * 0.45);
    overflow: hidden;
}

.p-tile-text {
    font-size: 2.3rem;
    padding: 2rem;
    color: var(--primary-color);
    font-weight: 700;
    display: flex;
    justify-content: flex-end;
    align-items: end;
}

.p-tile-grid-item1 {
    grid-area: anxious;
    align-self: flex-end;
}

.p-tile-grid-item2 {
    grid-area: img-t1;
    align-self: flex-start;
}

.p-tile-grid-item3 {
    grid-area: policy;
}

.p-tile-grid-item4 {
    grid-area: leave-balance;
}

.p-tile-grid-item5 {
    grid-area: img-t2;
}

.p-tile-grid-item6 {
    grid-area: img-t3;
    align-self: flex-end;
}

.p-tile-grid-item7 {
    grid-area: help-partner;
    align-self: flex-start;
}

.p-tile-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.p-tile-grid {
    grid-template-areas:
        "anxious policy img-t3"
        "anxious leave-balance img-t3"
        "img-t1 leave-balance help-partner"
        "img-t1 img-t2 help-partner";
}

.p-tile-text > div {
    flex: 1;
}

.p-tile-slamon {
    background: #F3A7AC;
}

.p-tile-blue {
    background: #96CDFA;
}

.p-tile-yellow {
    background: #F9E791;
}

.p-tile-teal-green {
    background: #76F6DD;
}

/*tile responsive adjutment*/
@media(max-width: 1800px) {
    .p-tile-grid {
        gap: 1.15rem;
    }

    .p-tile-sec {
        height: 700px;
    }

    .p-tile-grid-it {
        width: 250px;
        height: 340px;
        border-radius: calc(var(--hp-br) * 0.25);
    }

    .p-tile-text {
        font-size: 1.8rem;
        padding: 1.3rem;
        line-height: 1.25;
    }
}

@media(max-width: 1600px) {
    .p-tile-sec {
        height: 680px;
    }

    .p-tile-grid-it {
        width: 260px;
    }

    .p-tile-text {
        font-size: 2.2rem;
        padding: 1rem;
    }
}

@media(max-width: 1400px) {
    .p-tile-sec {
        height: 530px;
    }

    .p-tile-grid-it {
        width: 220px;
        height: 300px;
    }

    .p-tile-text {
        font-size: 1.4rem;
        padding: 1rem;
    }
}

@media(max-width: 1250px) {
    .p-tile-grid-it {
        width: 198px;
        height: 280px;
    }

    .p-tile-grid {
        gap: 0.95rem;
    }
}

@media(max-width: 1050px) {
    .p-tile-grid-it {
        width: 168px;
        height: 240px;
    }

    .p-tile-grid {
        gap: 0.85rem;
    }

    .p-tile-sec {
        height: 460px;
    }
}

@media(max-width: 991px) {
    .p-tile-cir {
        display: none;
    }

    .p-tile-grid {
        max-width: 650px;
        margin: 0 auto;
    }

    .p-tile-cont {
        flex-direction: column;
        padding-top: 1.5rem;
        gap: 1.6rem;
        padding-bottom: 1rem;
    }

    .p-tile-row {
        align-items: center;
        height: 100%;
        gap: 3.5rem;
    }

    .sec-h3-head {
        font-size: 1.525rem;
    }

    .p-tile-grid-it {
        width: 100%;
        height: 280px;
    }

    .sec-h3-head {
        font-size: 1.525rem;
    }

    .p-ex-sec {
        position: initial;
        transform: initial;
        margin-bottom: -0.3rem;
    }

    .p-tile-sec {
        height: initial;
    }

    .p-tile-cont {
        align-items: center;
        text-align: center;
    }

        .p-tile-cont h3 br {
            display: none;
        }
}

@media(max-width: 576px) {
    .p-tile-grid {
        grid-template-columns: repeat(4, 1fr);
        grid-template-areas:
            "anxious anxious img-t1 img-t1"
            "img-t2 img-t2 policy policy"
            "leave-balance leave-balance img-t3 img-t3 "
            ". help-partner help-partner .";
    }

    .p-tile-row {
        align-items: center;
        height: 100%;
        gap: 3.5rem;
    }

    .p-ex-sec {
        margin-bottom: 0;
    }

    .p-ex-sec {
        padding-right: calc(var(--bs-gutter-x) * .25);
        padding-bottom: 1rem;
    }
}
/*tile css ends here*/

/*css for verital slider*/

.swiper-container.p-vert-thumb-slide .swiper-slide {
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.30);
    display: flex;
    align-items: center;
    padding: 1.6rem;
    cursor: pointer;
    opacity: 0.4;
    transition: opacity 0.3s ease;
}

    .swiper-container.p-vert-thumb-slide .swiper-slide.swiper-slide-thumb-active {
        background-color: #fff;
        box-shadow: 0px 54.479px 64.093px 0px rgba(205, 205, 205, 0.16);
        opacity: 1;
    }

.p-vs-content p {
    margin: 0;
    font-size: 0.98rem;
}

.p-thumb-vs {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.p-vs-circle {
    width: 50px;
    height: 50px;
    flex-shrink: 0;
    border-radius: 50%;
}

.p-vs-yelllow {
    background: #F9E791;
}

.p-vs-tg {
    background: #76F6DD;
}

.p-vs-pink {
    background: #F3A7AC;
}


.p-vert-slider .slider__flex {
    display: grid;
    grid-template-columns: 540px 1fr;
    gap: 3rem;
    margin: 0 auto;
    align-items: center;
}

.slider .swiper-container {
    width: 100%;
    height: 100%;
}


.slider__col {
    height: 100%
}

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

.slider__prev:focus,
.slider__next:focus {
    outline: none;
}

.swiper-container.p-vert-thumb-slide {
    width: 100%;
    padding: 0 2rem;
    height: calc(600px - 4rem);
}

.p-vert-content-slide {
    height: 600px;
}

.slider__images .slider__image img {
    transition: 3s;
    margin-top: -2.5rem;
}


.slider__image {
    width: 100%;
    height: 100%;
    border-radius: 30px;
    overflow: hidden;
}

.slider__images {
    border-radius: 30px;
    overflow: hidden;
}

.slider__image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (max-width: 1700px) {
    .swiper-container.p-vert-thumb-slide {
        height: calc(550px - 4rem);
    }

    .p-vert-content-slide {
        height: 550px;
    }
}

@media (max-width: 767.98px) {
    .slider__flex {
        flex-direction: column-reverse;
    }

    .slider__col {
        flex-direction: row;
        align-items: center;
        margin-right: 0;
        margin-top: 24px;
        width: 100%;
    }

    .slider__images {
        width: 100%;
    }

    .slider__thumbs {
        height: 100px;
        width: calc(100% - 96px);
    }

    .slider__prev,
    .slider__next {
        height: auto;
        width: 32px;
    }
}

.p-vs-ms-bg-yc {
    background-color: #F9E791;
}

.p-vs-ms-bg-tc {
    background-color: #76F6DD;
}

.p-vs-ms-bg-salmon {
    background-color: #F3A7AC;
}

.cp-vs {
    position: absolute;
    border-radius: 50%;
    opacity: 0.2;
}

section.p-veri-slid {
    position: relative;
}

.cp-vs-top {
    width: 629px;
    height: 629px;
    background: linear-gradient(153deg, #389CFF 17.11%, rgba(226, 236, 255, 0.00) 77.33%);
    left: -410px;
    bottom: -220px;
    transform: rotate(-30deg);
}

.cp-vs-bottom {
    width: 666px;
    height: 666px;
    transform: rotate(165deg);
    background: linear-gradient(153deg, #389CFF 17.11%, rgba(226, 236, 255, 0.00) 77.33%);
    right: -450px;
    bottom: 150px;
}

@media(max-width: 1700px) {
    .p-vs-content p {
        margin: 0;
        font-size: 0.9rem;
    }
}


@media(max-width: 1200px) {
    .swiper-container.nav-slider {
        width: 100%;
        padding: 0 0.4rem;
        max-height: initial;
        height: 460px;
    }

    .swiper-container {
        height: 550px;
    }
}

@media(max-width: 991px) {
    .p-vert-slider {
        grid-template-columns: auto;
    }

    .swiper-container.nav-slider {
        width: 100%;
        padding: 0 0.4rem;
        max-height: calc(100% - 9rem);
    }

        .swiper-container.nav-slider .swiper-slide {
            border-radius: calc(var(--hp-br) * 0.2);
            padding: 1rem;
        }

    .p-vs-circle {
        width: 40px;
        height: 40px;
    }

    .swiper-container.nav-slider {
        height: 460px;
    }

    .swiper-container {
        height: 700px;
    }

    .p-vs-content p {
        font-size: var(--base-font-size);
        line-height: 1.4;
    }

    .p-vs-content h5 {
        font-size: 1.1rem;
        line-height: 1;
    }

    .p-vert-slider {
        gap: 1.6rem;
    }

    .sec-h3-head {
        font-size: 1.525rem;
    }

    .sh-cen {
        margin-bottom: 3rem;
    }

    .p-veri-slid .sh-cen {
        margin-bottom: 2.5rem;
    }
}

@media(max-width: 576px) {
    .swiper-container {
        height: 350px;
    }

        .swiper-container.nav-slider {
            height: 570px;
        }

    .p-vert-slider {
        align-items: flex-start;
    }

    .swiper-container.main-slider {
        margin-top: -5rem;
    }
}
/*css for verital slider*/

/*section AI Tiles */
.sec-AI-tile {
    position: relative;
}

section.sec-AI-tile::after {
    content: '';
    opacity: 0.2;
    background: linear-gradient(163deg, rgba(56, 96, 255, 0.00) 22.16%, #389CFF 54.61%, rgba(56, 156, 255, 0.00) 77%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.sec-head-w-para {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.25rem;
    align-items: flex-start;
    margin-bottom: 3.5rem;
}

    .sec-head-w-para h3.sec-h3-head {
        margin-top: 0rem;
    }

.p-ai-tile-grid {
    display: grid;
    grid-template-columns: 0.85fr .25fr 0.85fr 0.85fr;
    grid-template-rows: 1fr 0.45fr 0.55fr 1fr;
    grid-template-areas:
        "return-investment return-investment onboarding freckles"
        "woman man man freckles"
        "woman man man therapists"
        "engagement man man therapists";
    gap: 1.25rem;
}

.p-ai-tile-items {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    text-align: left;
    border-radius: calc(var(--hp-br) *0.5);
    flex-direction: column;
    gap: 0.6rem;
}

    .p-ai-tile-items.statistic {
        color: var(--primary-color);
        padding: 1.8rem;
    }

        .p-ai-tile-items.statistic strong {
            display: flex;
        }

            .p-ai-tile-items.statistic strong span,
            .p-ai-tile-items.statistic strong small {
                color: var(--primary-color);
                font-size: 3.7rem;
                font-weight: 600;
                line-height: 1.15;
            }

            .p-ai-tile-items.statistic strong span {
                display: block;
                width: 100%;
            }

        .p-ai-tile-items.statistic span {
            font-size: 1.05rem;
            color: var(--primary-color);
        }

.p-ai-tile-grid span {
    margin-bottom: -0.5rem;
}

.p-ai-tile-items.photo {
    /* Apply common styles for photo tiles */
    background-size: cover;
    background-position: center;
}

.p-ai-tile-items::before {
    content: var(--area);
}

/* Assigning grid areas */
.p-ai-tile-items[style*="--area: return-investment;"] {
    grid-area: return-investment;
    background-color: #F5E598;
}

.p-ai-tile-items[style*="--area: onboarding;"] {
    grid-area: onboarding;
    background-color: #96CDFA;
}

.p-ai-tile-items[style*="--area: woman;"] {
    grid-area: woman;
    background-image: url('/Content/images/hey-plumm/ai-tile-1.png');
}

.p-ai-tile-items[style*="--area: man;"] {
    grid-area: man;
    background-image: url('/Content/images/hey-plumm/ai-tile-2.png');
}

.p-ai-tile-items[style*="--area: engagement;"] {
    grid-area: engagement;
    background-color: #76F6DD;
}

.p-ai-tile-items[style*="--area: therapists;"] {
    grid-area: therapists;
    background-color: #F3A7AC;
}

.p-ai-tile-items[style*="--area: freckles;"] {
    grid-area: freckles;
    background-image: url('/Content/images/hey-plumm/ai-tile-3.png');
}

.p-ai-tile-items[style*="--area: return-investment;"],
.p-ai-tile-items[style*="--area: woman;"],
.p-ai-tile-items[style*="--area: engagement;"] {
    min-height: 230px
}

@media(max-width: 1600px) {
    .p-ai-tile-items.statistic strong span,
    .p-ai-tile-items.statistic strong small {
        color: var(--primary-color);
        font-size: 2.75rem;
        font-weight: 600;
    }
}

/* Responsive adjustments as needed */
@media (max-width: 576px) {
    .p-ai-tile-grid {
        grid-template-columns: repeat(4, 1fr);
        grid-template-areas:
            "return-investment return-investment freckles freckles"
            "woman woman onboarding onboarding"
            "man man engagement engagement"
            ". therapists therapists .";
        grid-template-rows: repeat(4, auto);
    }

    .sec-head-w-para {
        grid-template-columns: auto;
        gap: 1.25rem;
        margin-bottom: 1rem;
    }

    .p-ai-tile-items {
        border-radius: calc(var(--hp-br) *0.25);
        gap: 0.6rem;
    }

    .p-ai-tile-items {
        min-height: 230px;
    }

        .p-ai-tile-items[style*="--area: return-investment;"],
        .p-ai-tile-items[style*="--area: engagement;"] {
            min-height: initial;
        }

        .p-ai-tile-items.statistic {
            color: var(--primary-color);
            padding: 1.1rem;
        }

            .p-ai-tile-items.statistic strong span, .p-ai-tile-items.statistic strong small {
                font-size: 2.35rem;
            }

            .p-ai-tile-items.statistic span {
                font-size: 0.95rem;
                line-height: 1.4;
            }
}

/*section AI Tiles */

/*full width section blue tile*/
.sec-fw-blue {
    background: #173571;
    backdrop-filter: blur(28.899999618530273px);
    min-height: 514px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    text-align: center;
}

    .sec-fw-blue .sec-h3-head {
        color: #fff;
        margin-bottom: -0.725rem;
    }

.fw-blue-content {
    display: flex;
    gap: 2.25rem;
    flex-direction: column;
    align-items: center;
}

    .fw-blue-content p {
        font-size: 1.05rem;
        color: var(--blue-bg-pt);
    }

.cp-fws {
    border-radius: 50%;
    opacity: 0.2;
    background: linear-gradient(153deg, #389CFF 17.11%, rgba(226, 236, 255, 0.00) 77.33%);
    flex-shrink: 0;
    position: absolute;
}

.cp-fws-top {
    width: 434.038px;
    height: 434.038px;
    left: -176px;
    bottom: 0;
    transform: rotate(-30deg);
}

.cp-fws-bottom {
    width: 523.082px;
    height: 523.082px;
    transform: rotate(165deg);
    flex-shrink: 0;
    right: -219px;
    top: 30px;
}

@media(max-width: 991px) {
    .cp-fws-top {
        width: 304.038px;
        height: 324.038px;
        left: -196px;
        bottom: 0;
        top: 10px;
    }

    .cp-fws-bottom {
        width: 353.082px;
        height: 353.082px;
        flex-shrink: 0;
        right: -280px;
        bottom: 0;
    }

    .fw-blue-content {
        padding: 1rem;
    }

    .sec-fw-blue {
        min-height: 424px;
    }
}

/*full width section blue tile*/
/*section for therapist starts here*/
.p-therap-li-card {
    position: relative;
}

.p-ther-img-w {
    width: 390px;
    height: 475px;
    border-radius: calc(var(--hp-br) * 0.4);
    overflow: hidden;
    position: relative;
}

.p-therap-list {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1.4rem;
    padding: 0 2.8rem;
}


.sec-therapists {
    overflow-x: hidden; /* Hide horizontal scrollbar */
}

/*.p-therap-list {
    width: calc(115%);
}*/

.p-ther-img-w::after {
    content: '';
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.44) 100%);
    width: 100%;
    height: 249px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.p-ther-img-w img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}

.p-ther-cont {
    position: absolute;
    display: flex;
    bottom: 0;
    padding: 1.6rem;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    text-align: left;
}

.sec-the-head {
    text-align: center;
    margin-bottom: 4.1rem;
    padding: 0 2rem;
}

    .sec-the-head p {
        font-size: 1.05rem;
    }

.p-ther-cont h6 {
    color: #fff;
    font-size: 1.45rem;
}

label.therap-tag {
    padding: 0.25rem;
    border-radius: 45px;
    border: 1px solid rgba(255, 255, 255, 0.40);
    background: rgba(40, 40, 40, 0.26);
    backdrop-filter: blur(5.400000095367432px);
    display: flex;
    height: 33px;
    padding: 15px 17px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    color: #fff;
    font-size: 0.75rem;
    white-space: nowrap;
}

@media(min-width: 2500px) {
    .p-therap-list {
        justify-content: center;
    }
}


@media(max-width: 1700px) {
    .p-ther-img-w {
        width: 295px;
        height: 397px;
    }
    /*
    .p-therap-list {
        width: calc(125%);
    }*/
}

@media(max-width: 1400px) {
    .p-ther-img-w {
        width: 286px;
        height: 392px;
    }
}

@media(max-width: 1100px) {
    .p-therap-list {
        justify-content: flex-start;
        gap: 1.1rem;
        flex-wrap: nowrap;
        overflow-y: auto;
        padding: 1.1rem;
    }

    .sec-the-head {
        padding: 0 1.2rem;
        margin-bottom: 2rem;
    }
}

@media(max-width: 1024px) {
    .p-therap-list {
        width: 100%;
    }
}

/*section for therapist ends here*/

/*css for full width grad section book demo*/
.fw-sec-bd {
    min-height: 210px;
    background-color: var(--primary-color);
    position: relative;
}

    .fw-sec-bd::before {
        content: '';
        height: 100%;
        position: absolute;
        width: 75%;
        background: url(/Content/images/hey-plumm/plumm-bg-pattern-2.png);
        -webkit-filter: blur(100px);
        -moz-filter: blur(100px);
        -ms-filter: blur(100px);
        -o-filter: blur(100px);
        filter: blur(100px);
        top: 50%;
        transform: translateY(-50%);
        min-height: 620px;
        left: -40px;
        background-position: center;
    }

.fw-book-demo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
}

@media(max-width: 1024px) {
    .fw-sec-bd::before {
        height: 80%;
        width: 90%;
        left: 40px;
        background-position: 70% 50%;
        background-repeat: no-repeat;
        -webkit-filter: blur(50px);
        -moz-filter: blur(50px);
        -ms-filter: blur(50px);
        -o-filter: blur(50px);
        filter: blur(50px);
    }
}

@media(max-width: 991px) {
    .fw-book-demo {
        justify-content: center;
        margin: 0 auto;
        flex-direction: column;
        gap: 1.3rem;
    }

    .sh-cen {
        text-align: center !important;
    }
}
/*css for full width grad section book demo*/

/*css for monthly usage count*/
section.mon-act-user-sec {
    position: relative;
    z-index: 1;
    overflow: visible !important;
}

.mon-act-user-mw {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    border-radius: calc(var(--hp-br) * 0.65);
    background: #FFF;
    box-shadow: 0px 91.379px 107.504px 0px rgba(205, 205, 205, 0.16);
    overflow: hidden;
}

.mau-left {
    display: flex;
    align-items: center;
    padding: 3rem;
    padding-left: 5rem;
}

.mau-right {
    background: #76F6DD;
    padding-left: 5rem;
    padding-top: 6.5rem;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

.mau-con-graph {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    text-align: center;
    margin: 1.8rem 0 4.2rem;
}

    .mau-con-graph .pos-cen h3 {
        color: var(--secondary-color);
        margin-bottom: 0.25rem;
        margin-top: 1rem;
    }

    .mau-con-graph .pos-cen {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .mau-con-graph svg {
        width: 223px;
        height: 223px;
    }

.mau-content {
    flex: 1;
    padding: 2.5rem;
    border-radius: 35px;
    background: #FFF;
    box-shadow: 0px 0px 43.592px 0px rgba(97, 174, 159, 0.62);
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
}

    .mau-content h5 {
        font-size: 1.4rem;
        line-height: 1.25;
    }

.mau-stats {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.mau-stats-in {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.mau-stats-dats h5 {
    font-size: 1.45rem;
    margin-bottom: 0;
}

    .mau-stats-dats h5 span,
    .mau-stats-dats h5 small {
        color: var(--primary-color);
        font-weight: 700;
    }

.mau-stats-dats p {
    margin-bottom: 0;
}

.mau-stats-icon {
    width: 4rem;
    height: 4rem;
    border-radius: 0.7rem;
    background: #E1F0FF;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .mau-stats-icon svg {
        width: 1.6rem;
        height: 1.6rem;
    }

.mon-act-user-mw .p-tile-cont h3 {
    color: var(--primary-color);
}

.mon-act-user-mw .p-tile-cont p {
    color: var(--on-primary-color);
}

.mon-act-user-mw .p-tile-cont .fw-normal {
    font-weight: 500 !important;
}

@media(max-width: 1024px) {
    .mau-content {
        padding: 1.5rem;
    }

    .mau-right {
        padding-left: 4.2rem;
        padding-top: 5rem;
    }

    .mau-left {
        padding: 3rem;
        padding-left: 3rem;
    }
}

@media(max-width: 991px) {
    .mon-act-user-mw {
        grid-template-columns: repeat(1, auto);
        border-radius: calc(var(--hp-br) * 0.25);
    }

    .mau-content {
        padding: 1.5rem;
        border-radius: calc(var(--hp-br) * 0.25);
        border-top-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .mau-stats {
        justify-content: flex-start;
        align-items: flex-end;
        gap: 1.4rem;
    }
}

@media(max-width: 576px) {
    .mau-left {
        padding: 1.5rem;
        padding-left: 1.5rem;
    }

    .mau-right {
        padding-left: 1.5rem;
        padding-top: 1.5rem;
    }

    .mau-stats-icon {
        width: 2.75rem;
        height: 2.75rem;
        border-radius: 0.4rem;
    }

    .mau-stats-in {
        gap: 0.5rem;
    }

    .mau-stats-icon svg {
        width: 1.4rem;
        height: 1.4rem;
    }

    .mau-content h5 {
        font-size: 1.35rem;
    }

    .mau-stats-dats p {
        margin-bottom: 0;
        font-size: var(--base-font-size);
    }
}
/*css for monthly usage count*/
/*css for testimonail sh*/
.testimonial-sec {
    position: relative;
    overflow: visible !important;
}

.p-hp-ic {
    max-width: 850px;
    margin: 0 auto;
}

.p-hp-testi-items {
}

    .p-hp-testi-items p {
    }

.p-hpt-pro {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    margin-top: 1.8rem;
}

    .p-hpt-pro hr {
        height: 52px;
        width: 2px;
        background: #389CFF;
        margin: 0;
        opacity: 1;
    }

.p-hpt-cont {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.p-hpt-pro .avatar img {
    border: 2px solid var(--primary-border-color)
}

.p-hpt-cont p {
    font-size: 0.85rem;
    color: var(--primary-color);
}

.cp-testi-pat {
    position: absolute;
    border-radius: 50%;
}

.cp-yellow-pat-left {
    width: 629px;
    height: 629px;
    opacity: 0.3;
    background: linear-gradient(153deg, #FFE484 17.11%, rgba(255, 228, 132, 0.00) 77.33%);
    left: -400px;
    top: -1%;
}

.cp-yellow-pat-right {
    width: 568.228px;
    height: 568.228px;
    transform: rotate(165deg);
    opacity: 0.3;
    background: linear-gradient(153deg, #F7C3C5 17.11%, rgba(247, 195, 197, 0.00) 77.33%);
    right: -320px;
    top: -90%;
}

/* Custom style for pagination bullets */
.swiper-pagination-bullet {
    width: 1.5rem !important;
    height: 0.23rem !important;
    background: var(--primary-color) !important;
    opacity: 0.5;
    border-radius: 0.45rem !important;
    margin: 0 0.55rem !important;
}

.swiper-pagination-bullet-active {
    background: #007bff;
    opacity: 1;
}

.swiper-wrapper.p-hp-testi {
    padding-bottom: 5rem;
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
    text-align: left;
}

.swiper.js-swiper-ini {
    position: relative;
    overflow: hidden;
}


@media(max-width: 1024px) {
    .cp-testi-pat {
        display: none;
    }
}

@media(max-width: 576px) {
    .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: 10px;
        left: 0;
        width: 100%;
        text-align: center;
    }

    .swiper-container.p-vert-thumb-slide {
        height: 450px;
        overflow: hidden;
    }


    .p-vert-slider .slider__flex {
        display: flex;
        flex-direction: column;
    }

    .slider__thumbs .swiper-wrapper {
        flex-direction: column;
    }

    .swiper-container.p-vert-thumb-slide {
        padding: 0;
    }

    .slider__thumbs {
        width: 100%;
    }

    .swiper-container.p-vert-thumb-slide .swiper-slide {
        width: 100% !important;
        height: 145px;
    }
}
/*css for testimonail eh*/
/*****css for Home page ends here*****/
/*****css footer starts here*****/
.plmm-footer {
    background-color: var(--icon-bg-color);
}

/*.plmm-footer::before {
    position: absolute;
    content: '';
    top: 0;
    width: 100%;
    left: 0;
    background: linear-gradient(to right, var(--plm-light-blue) 25%, var(--plm-light-yellow) 25%, var(--plm-light-yellow) 25%, var(--plm-light-yellow) 50%, var(--plm-light-salmon) 50%, var(--plm-light-salmon) 75%, var(--plm-light-green) 75%, var(--plm-light-green) 100%);
    height: 0.28rem;
    margin: 0px;
}
*/
.plmm-thumbnail {
    width: 9.5rem;
    height: 9.5rem;
    display: inline-block;
    margin-bottom: 1.8rem;
}

.plmm-footer-top-content p {
    font-weight: 400;
    color: #64748B;
    font-size: var(--base-font-size);
    margin-bottom: 1.5rem;
}

label.plmm-mail-to a {
    color: var(--secondary-color);
}

.footer-hr-line {
    color: #EBEBEB;
    opacity: 1;
}

.plmm-footer-bottom-content p {
    font-size: var(--base-font-size-lg);
    margin-bottom: 0;
    color: #64748B;
}

    .plmm-footer-bottom-content p a {
        color: #64748B;
        text-decoration: underline;
    }

.plmm-footer h5 {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 2rem;
}

.plmm-footer li.nav-item:not(:last-child) {
    margin-bottom: 1.25rem;
}

.plmm-footer li.nav-item a {
    color: #64748B;
    cursor: pointer;
    font-size: var(--base-font-size);
}

    .plmm-footer li.nav-item a:hover {
        color: var(--primary-color);
    }

.text-lg-right span {
    color: var(--primary-color);
    font-weight: 400;
}

.footer-social-icons {
    width: 1.8rem;
    height: 1.8rem;
    display: inline-block;
}

.fsi-youtube {
    width: 2.2rem;
    height: 1.7rem;
}

.plmm-footer-top-content a.plumm-logo-wrapper .plumm-logo-new-blue {
    width: 145px;
    height: 54px;
}

.plmm-footer-top-content a.plumm-logo-wrapper {
    margin-bottom: 2.2rem;
}


@media (max-width: 1400px) {
    .plmm-footer {
        font-size: 0.98rem;
    }
}


@media (max-width: 991.98px) {
    .plmm-footer-bottom-content br,
    .plmm-footer-top-content br {
        display: none;
    }

    .plmm-footer {
        text-align: center;
    }

    .plmm-footer-bottom-content p:last-child {
        margin-top: 0.6rem;
    }
}

@media (max-width: 575.98px) {

    .plmm-thumbnail {
        width: 7.5rem;
        height: 7.5rem;
    }


    .plmm-footer-bottom-content p:first-child {
        margin-bottom: 0.5rem;
    }

    .plmm-footer h5 {
        margin-bottom: 1.2rem;
    }

    .plmm-footer li.nav-item:not(:last-child) {
        margin-bottom: 0.95rem;
    }

    label.plmm-mail-to {
        margin-bottom: 0.5rem;
    }
}

/*css for footer ends here*/

/*css for without header customization*/

.section-no-head {
    min-height: 100vh;
    display: flex;
    align-items: center;
    padding: 2rem 0;
}

@media(max-width: 991px) {
    .section-no-head {
        padding: 2rem 1.25rem;
        padding-top: 3.2rem;
    }
}


/*css for book a demo page*/
.plmm-book-demo {
    padding-top: 4.4rem;
    min-height: calc(100vh - 2rem);
}

.hcb-request-demo-content-candely-inner {
    overflow: hidden;
    margin: 3rem 0 4rem;
    height: 786px;
}


/*dark mode fixes*/

html[color-mode="dark"] a.ph-default-link:hover {
    color: var(--primary-color);
}

html[color-mode="dark"] .form-control::placeholder {
    color: var(--placeholder-color);
    opacity: 1;
}

/*css for Book a demo starts here*/

.book-a-demo-main section {
    padding: 4rem 0;
}

section.book-demo-banner {
    background-color: var(--icon-bg-color);
    padding-top: 6rem;
}

.book-demo-list {
    margin-top: 1.5rem;
}

.book-demo-content-wrapper strong {
    font-size: 1.1rem;
}

.book-demo-content-wrapper {
    max-width: 500px;
}

    .book-demo-content-wrapper h1 {
        margin-bottom: 1.2rem;
        font-size: 2.1rem;
        line-height: 1;
    }

    .book-demo-content-wrapper > p {
        margin-bottom: 1.5rem;
    }

.book-demo-list p {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

    .book-demo-list p em.icon {
        color: var(--secondary-color);
        font-size: 1.25rem;
    }

.book-demo-pt {
    text-align: center;
    margin-top: 2.5rem;
}

    .book-demo-pt img {
        max-width: 370px;
    }

.calendly-inline-widget iframe {
    height: 1500px !important;
}

.tte-calender {
    max-width: 580px;
    margin-left: auto;
}

.request-demo-from-wrapper .field-validation-error {
    display: inline-block;
    margin-top: 0.3rem;
    font-size: 0.92rem;
}

.request-demo-from-wrapper label.control.control--checkbox {
    margin-bottom: 0;
}

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

.from-grid-top {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: flex-start;
    gap: 0.5rem 1.4rem;
}

.from-grid-2x {
    display: flex;
    align-items: center;
    gap: 1.4rem;
}

    .from-grid-2x > * {
        flex: 1;
    }

.request-demo-from-wrapper .ph-para-text {
    color: var(--secondary-color);
}

.ph-checkbox .ph-para-text {
    font-weight: 600;
}

.request-demo-from-wrapper {
    padding: 2rem;
}

.book-demo-partner {
    background-color: var(--blue-light-bg);
}

.request-demo-from-wrapper small.ph-para-text {
    font-size: 0.88rem;
    line-height: 1.5;
    margin-bottom: 1.2rem;
    display: inline-block;
}

    .request-demo-from-wrapper small.ph-para-text .ph-default-link {
        font-size: 0.88rem;
    }

.request-demo-from-wrapper .ph-para-text {
    font-size: 0.92rem;
}

@media(min-width: 1700px) {
    .book-demo-content-wrapper h1 {
        font-size: 2.5rem;
    }
}

@media(max-width: 1100px) {
    .from-grid-top {
        grid-template-columns: 1fr;
    }
}

@media(max-width: 991px) {
    section.book-demo-banner {
        padding-top: 5rem;
    }

    .book-demo-content-wrapper {
        max-width: 100%;
    }

    .tte-calender {
        margin-top: 3rem;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .book-demo-content-wrapper {
        text-align: center;
    }

    .book-demo-list p {
        text-align: left;
    }

    .book-demo-content-wrapper br {
        display: none;
    }
}

@media(max-width: 576px) {
    section.book-demo-banner {
        padding-top: 4.2rem;
    }

    .book-demo-content-wrapper h1 {
        margin-bottom: 1.2rem;
        font-size: 2rem;
        line-height: 1;
    }

    .request-demo-from-wrapper {
        padding: 1.2rem;
    }

    .tte-calender {
        margin-top: 2rem;
    }
}
/*css for talk to an expert page ends here*/

/*css related to light package starts here signup trial*/
section.ph-lite-cover {
    padding-bottom: 1.5rem;
}

.select-package-boxes, .box-default-onboard {
    overflow-y: auto;
    box-shadow: var(--default-shadow);
    border-radius: var(--bs-border-radius);
    padding: 20px;
    background-color: var(--card-bg-color);
    position: relative;
}

.leading-none .text-6xl {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--secondary-color);
    line-height: 1;
    position: relative;
    bottom: -2px;
}

    .leading-none .text-6xl span {
        color: var(--secondary-color);
    }

.leading-none {
    display: flex;
    align-items: flex-end;
    gap: 15px;
}

.select-package-boxes h4 {
    margin-bottom: 0.7rem;
    line-height: 16px;
    font-weight: 700;
    padding: 0 !important;
    font-size: 1.05rem;
    line-height: 1.2;
}

.packages-illust {
    max-width: 14rem;
    height: 9.5rem;
    margin-bottom: 1rem;
}

.onboard-packge-divivder {
    max-width: 75%;
    margin: 1.5rem auto;
}

.select-package-boxes p {
    font-size: 0.92rem;
    margin: 0;
    margin-bottom: 0.2rem;
}

.sp-list-inclded ul li {
    font-size: 0.95rem;
    margin: 0;
    margin-bottom: 0.7rem;
    color: var(--on-primary-color);
    font-weight: 400;
    display: flex;
    gap: 9px;
    align-items: flex-start;
}

.ph-form-group label {
    left: 2px;
}

.sp-list-inclded ul li em {
    font-size: 1.05rem;
}

.sp-list-inclded {
    margin-top: 1rem;
}

    .sp-list-inclded ul {
        padding: 0;
        margin-top: 1rem;
        margin-bottom: 0;
    }

.seelct-package-wrapper {
    margin-bottom: 2rem;
}

.package-note-text .para-text {
    text-align: left;
    font-size: 1rem;
    margin-top: 1.3rem;
    margin-bottom: 1.6rem;
    padding-left: 1.2rem;
    font-style: italic;
    letter-spacing: 0.21px;
    margin-bottom: 0.7rem;
}

.box-default-onboard {
    min-height: 500px;
    overflow: hidden;
    position: relative;
}

.view-proposal-content button {
    min-width: 11rem;
    padding: 0.5rem 0.85rem !important;
    font-size: 1rem;
}

.view-proposal-main-wrapper {
    position: relative;
    z-index: 9;
}

.continue-max-wid {
    max-width: 13rem;
    min-width: 13rem;
}

.ph-stripe-payment {
    max-width: 520px;
}

h4.secondary-sub-head {
    font-family: var(--secondary-font);
    font-size: 1.55rem;
    margin-bottom: 0.8rem;
}

.onboard-sub-heads.oh-mb-1,
.onboard-head {
    margin-bottom: 2rem;
    text-align: center;
}

.onboard-head {
    font-size: 1.35rem;
    font-weight: 600;
    font-family: var(--secondary-font);
    line-height: 1.3;
}

.opening-head-count {
    margin-top: 1rem;
}

.partner-tou-txt label {
    line-height: 1.35;
}

.seelct-package-wrapper h2.onboard-head.mb-2 {
    margin-bottom: 2.8rem !important;
}

@media(max-width: 768px) {
    .onboard-head {
        font-size: 1.4rem;
    }

    .onboard-sub-heads.oh-mb-1, .onboard-head {
        margin-bottom: 1.5rem;
    }
}
/*css related to light package starts here signup trial*/


/*stripe payment customization form*/
.ph-stripe-payment #card-element {
    border: none !important;
    width: 100% !important;
    border: 1px solid var(--chat-inbox-border-color) !important;
    font-size: var(--base-font-size);
    border-radius: var(--bs-border-radius);
}

.ph-form-group.ph-stripe-payment {
    max-width: 100%;
    margin-bottom: 0.6rem !important;
}

.ph-form-group.ph-stripe-payment::after {
    content: '';
    clear: both;
    display: table;
}

/*css for register as a plumm provider starts here */

.section-therapist-singup {
    color: var(--secondary-color);
}

.register-therapist-banner {
    text-align: center;
    padding: 4.5rem 0;
}

.register-form-wrapper {
    text-align: center;
    padding: 4rem 0;
}

.form-therapist-singup-main {
    max-width: 800px;
    margin: 1rem auto;
    text-align: left;
}

@media(max-width: 991px) {
    .register-therapist-banner {
        padding: 3.5rem 0;
    }

    .register-form-wrapper {
        padding: 2.5rem 0;
    }
}

.sa-confirm-button-container button.confirm {
    Padding: var(--p-btn-padding);
    font-size: var(--base-font-size-lg);
    border: var(--border-width-layout) solid var(--p-btn-bg);
    border-radius: var(--border-radius-default);
    cursor: pointer;
    text-transform: capitalize;
    letter-spacing: normal;
    min-width: var(--p-btn-min-width);
    min-height: var(--p-btn-min-height);
    color: var(--p-btn-txt);
    display: inline-block;
    background: var(--p-btn-bg) !important;
    text-align: center;
    box-shadow: none !important;
    font-weight: 600;
}

.gradient-img-border {
    display: inline-block;
    padding: 0.25em;
    border-radius: 50%;
    /*background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='70' height='69.996' viewBox='0 0 70 69.996'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Cpath id='Subtraction_1' data-name='Subtraction 1' d='M17254-4101a34.784,34.784,0,0,1-13.623-2.75,34.886,34.886,0,0,1-11.127-7.5,34.859,34.859,0,0,1-7.5-11.124A34.741,34.741,0,0,1,17219-4136a34.741,34.741,0,0,1,2.752-13.624,34.859,34.859,0,0,1,7.5-11.124,34.886,34.886,0,0,1,11.127-7.5A34.784,34.784,0,0,1,17254-4171a34.774,34.774,0,0,1,13.621,2.75,34.888,34.888,0,0,1,11.125,7.5,34.859,34.859,0,0,1,7.5,11.124A34.741,34.741,0,0,1,17289-4136a34.741,34.741,0,0,1-2.752,13.624,34.859,34.859,0,0,1-7.5,11.124,34.888,34.888,0,0,1-11.125,7.5A34.774,34.774,0,0,1,17254-4101Zm0-67a31.808,31.808,0,0,0-12.457,2.515,31.907,31.907,0,0,0-10.174,6.858,31.919,31.919,0,0,0-6.859,10.171A31.832,31.832,0,0,0,17222-4136a31.832,31.832,0,0,0,2.514,12.456,31.916,31.916,0,0,0,6.859,10.172,31.907,31.907,0,0,0,10.174,6.858A31.808,31.808,0,0,0,17254-4104a31.806,31.806,0,0,0,12.455-2.515,31.9,31.9,0,0,0,10.172-6.858,31.916,31.916,0,0,0,6.859-10.172A31.832,31.832,0,0,0,17286-4136a31.832,31.832,0,0,0-2.514-12.456,31.919,31.919,0,0,0-6.859-10.171,31.89,31.89,0,0,0-10.172-6.858A31.806,31.806,0,0,0,17254-4168Z' transform='translate(-15959 4191)' fill='%23359bec'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Mask_Group_6' data-name='Mask Group 6' transform='translate(-1260 -20.002)' clip-path='url(%23clip-path)'%3E%3Cg id='Blobs' transform='translate(1295 55) rotate(56)'%3E%3Cg id='Group_9033' data-name='Group 9033' transform='translate(-83.563 -78.108)'%3E%3Cpath id='Caminho_1655' data-name='Caminho 1655' d='M670.776,228.066c-10.415-2.851-10.6-19.4-8.723-30.5s5.611-25.628,1.833-47.549-3.346-34.594,2.268-45.383a25.6,25.6,0,0,1,25.419-13.877c8.975.982,22.252,10.073,25.755,31.7,3.962,24.447-.294,46.49-9.844,68.179C698.7,210.582,681.19,230.916,670.776,228.066Z' transform='translate(-585.217 -80.215)' fill='%23f9e791'/%3E%3Cpath id='Caminho_1657' data-name='Caminho 1657' d='M249.991,1.387c11.369,6.4,9.726,24.595,6.379,36.17S247.206,63.881,249,89.1s-.117,38.968-7.623,49.025c-7.612,10.2-20.373,11.01-30.081,7.21-9.963-3.9-23.847-18.042-25.36-42.85-1.712-28.042,5.529-50.863,18.673-71.628C216.691,11.761,238.622-5.014,249.991,1.387Z' transform='translate(-164.36 0)' fill='%2396cdfa'/%3E%3Cpath id='Caminho_1655-2' data-name='Caminho 1655-2' d='M32.5,191.85c-10.709-.023-14.467-16.073-15.051-27.368s-.108-26.419-8.513-46.75S-1.788,84.957,1.318,72.976A27.134,27.134,0,0,1,22.946,52.757c8.909-1.416,23.742,3.922,31.816,24.04,9.129,22.74,9.775,45.313,5.214,68.939C55.782,167.459,43.21,191.872,32.5,191.85Z' transform='translate(0 -46.509)' fill='%2376f6dd'/%3E%3Cpath id='Caminho_1658' data-name='Caminho 1658' d='M914.711,230.6c-9.78-5.545-8.362-23.533-5.481-35.126s7.889-26.473,6.355-51.139.11-38.306,6.57-48.685c6.551-10.522,17.529-12.16,25.88-9.063,8.57,3.179,20.51,16.166,21.807,40.448,1.466,27.447-4.768,50.351-16.08,71.623C943.36,218.219,924.49,236.146,914.711,230.6Z' transform='translate(-802.927 -75.407)' fill='%23f3a7ac'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");*/
    background-size: 100%;
    overflow: hidden;
}

.gradient-img-border-sm {
    padding: 0.1em;
}

.gradient-img-border img {
    border: none !important;
}

.avatar {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    flex-shrink: 0;
}

.avatar-sm {
    height: 2.25rem;
    width: 2.25rem;
}


.avatar-md {
    height: 2.75rem;
    width: 2.75rem;
}

.avatar-lg {
    height: 3.2rem;
    width: 3.2rem;
    max-width: 3.2rem;
}

.avatar-xl {
    height: 4rem;
    width: 4rem;
}

.avatar-xlh {
    height: 5rem;
    width: 5rem;
}

.avatar-xxl {
    height: 7rem;
    width: 7rem;
}

.avatar-2xl {
    height: 8.5rem;
    width: 8.5rem;
}

.avatar img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
    border: 1px solid var(--input-border-1);
}

@media(max-width: 1600px) {
    .avatar-2xl {
        height: 7rem;
        width: 7rem;
    }
}


@media(max-width: 576px) {
    .avatar-2xl {
        height: 5.8rem;
        width: 5.8rem;
    }
}

.plmm-tag {
    background-color: var(--yell-btn-darkbg-color);
    font-weight: 400;
    font-size: 0.95rem;
    margin-left: 0;
    padding: 0.4rem 1.4rem;
    justify-content: center;
    border-radius: 15rem;
    display: inline-flex;
    color: var(--secondary-color);
    position: absolute;
    bottom: 1rem;
    left: 1rem;
}

.yellow-plmm-tag {
    background-color: #f9e791;
}

.salmon-plmm-tag {
    background-color: var(--salmon-color);
}

.green-plmm-tag {
    background-color: var(--light-green);
}

.blue-plmm-tag {
    background-color: var(--light-blue);
}

.purple-plmm-tag {
    background-color: var(--pb-light-purple);
}

.pink-plmm-tag {
    background-color: var(--pb-light-pink);
}

.lr-time, .lr-date {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    line-height: 1;
}

.ra-rotate {
    transform: rotate(90deg)
}

.plmm-latest-resources-inner-item em.icon {
    color: var(--primary-color);
    font-size: 1.25rem;
    position: relative;
    top: -3px;
}

.right-arrow {
    stroke: #fff;
    width: 1.2rem;
    height: 1.2rem;
    display: inline-block;
}

.plmm-btn-link:hover {
    color: #fff;
}

    .plmm-btn-link:hover svg.right-arrow {
        stroke: #fff;
    }

.emma-video-modal {
    z-index: 2500;
}

    .emma-video-modal .modal-content {
        overflow: hidden;
        border-radius: calc(var(--hp-br) * 0.3);
    }

.modal-content {
    border-radius: calc(var(--bs-modal-border-radius) * 0.5);
}

#p-logo {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(23 53 113);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    height: 100vh;
}

    #p-logo::after {
        content: '';
        width: 100%;
        height: 79%;
        position: absolute;
        max-width: 100%;
        background: url(/Content/images/hey-plumm/plumm-bg-pattern.png);
        left: 0;
        -webkit-filter: blur(89.5px);
        -moz-filter: blur(89.5px);
        -ms-filter: blur(89.5px);
        -o-filter: blur(89.5px);
        filter: blur(89.5px);
        opacity: 0.25;
    }



.text-danger span,
.text-danger {
    color: var(--red-color) !important;
}


.p-therap-li-card {
    transform: translateX(0px);
}

.tte-logo-wrapper {
    padding: 0.9rem 1.775rem;
    max-width: 145px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
}

@media(max-width: 991px) {
    .tte-logo-wrapper {
        padding: 0.5rem 11.5px;
    }
}


.cust-form-ctrl .form-control {
    height: calc(1.5em + 0.75rem + 0.825em);
    color: var(--primary-color);
    font-size: var(--base-font-size);
}

.form-group label, .p-form-label {
    font-weight: 600;
    color: var(--p-color1);
    font-size: var(--base-font-size);
    display: inline-block;
    margin-bottom: 0.22rem;
    position: relative;
}

.p-login-upd-cont .continue-button {
    width: 100%;
}

.forgot-pass-wrapper .ph-default-box {
    padding: 20px 20px 30px;
    box-shadow: none;
    background-color: transparent;
}

.forgot-pass-wrapper span.text-danger {
    font-size: var(--base-font-size);
    display: inline-block;
    line-height: 1.35;
    margin-top: 0.35rem;
}

.logo-head-sepe-upd {
    margin-top: 4.5rem;
}

.reset-pass .form-group {
    margin-bottom: 1.35rem;
}

.ph-form-group input, .ph-form-group select, .ph-form-group textarea {
    min-height: calc(1.5em + .75rem + 9px);
}


.section-therapist-singup {
    position: relative;
    z-index: 1;
}

.p-reg-as-plumm {
    display: grid;
    grid-template-columns: repeat(2, 50%);
    gap: 2.5rem;
}

.p-reg-as-plumm h1.plmm-heading-3 {
    font-size: 4rem;
    font-style: normal;
    font-weight: 700;
    line-height: 4.15rem;
    margin-bottom: 2.2rem !important;
    letter-spacing: -1px;
}

.dark-bg label.p-head-lbl {
    color: #09090b !important;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 15px;
}

.p-reg-as-plumm-left p {
    margin-bottom: 5.3rem;
}

.p-reg-as-plumm-left p {
    color: #FFF;
    font-size: 1.25rem;
    font-weight: 500;
    text-align: left;
}

.reg-the-bottom-imgs {
    display: grid;
    align-items: center;
    gap: 1.4rem;
    grid-template-columns: repeat(5, 1fr);
    justify-content: space-between;
    margin-top: 0.5rem;
}

.reg-the-bottom-imgs img {
    max-width: 100%;
    display: inline-block;
    height: auto;
}

.reg-the-bottom-imgs img:nth-child(2) {
    max-width: 88px;
}

.reg-the-bottom-imgs img:nth-child(3) {
    max-width: 75px;
}

.register-therapist-form h3.ph-3 {
    text-align: left;
    color: #FFF;
    font-size: 30px;
}

.plmm-therapist-signup {
    min-height: 100vh;
}

.register-therapist-banner {
    text-align: center;
    padding: 6.5rem 0;
}

.checkbox-therapist-singup span.ph-para-1 {
    color: var(--p-color1);
    font-size: var(--base-font-size);
    line-height: 1.35;
}

.checkbox-therapist-singup b, .checkbox-therapist-singup strong {
    font-weight: 500;
}


.sweet-alert .sa-icon.sa-error .sa-line {
    background-color: var(--primary-color);
}

@media(max-width: 1800px) {
    .register-therapist-banner {
        text-align: center;
        padding: 4.5rem 0;
    }
}

@media(max-width: 991px) {
    .p-reg-as-plumm {
        grid-template-columns: auto;
    }

    .reg-the-bottom-imgs {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

        .reg-the-bottom-imgs img {
            max-width: 101px;
        }

    .register-therapist-form {
        padding: 1.3rem 1.5rem;
    }
}

.form-control:focus {
    box-shadow: 0 0 0 .25rem var(--sec-light-color4);
}

.p-fw-400 {
    font-weight: 400 !important;
}

.color-secondary {
    color: var(--on-secondary-color);
}

/*accordian*/


.pdf {
    display: flex !important;
    align-items: center;
}

.pdf-gap-md {
    gap: 1.15rem;
}

.pdf-gap-3xs {
    gap: 0.5rem;
}
/*accordian*/

.ph-lite-row h2.onboard-head {
    margin-bottom: 1rem;
}



.hc-default-btn.btn-salmon.btn-cancel {
    background-color: transparent !important;
    color: var(--primary-color) !important;
    font-weight: 600;
    Padding: var(--p-btn-padding);
    font-size: var(--base-font-size-lg);
    border: 1px solid var(--p-border-2);
    border-radius: var(--bs-border-radius);
    cursor: pointer;
    text-transform: capitalize;
    letter-spacing: normal;
    display: inline-block;
    background: var(--p-btn-bg);
    text-align: center;
    line-height: 1.75;
}

.hc-default-btn:hover {
    background-color: var(--p-btn-hover);
    border: 1px solid var(--p-btn-hover);
}

.hc-default-btn.btn-salmon.btn-cancel:hover {
    color: var(--p-btn-txt) !important;
    background: var(--p-btn-bg) !important;
}

.p-defautlt-navs .nav-pills .nav-link {
    color: var(--on-primary-color);
    font-weight: 500;
    padding: 0.1rem 0rem 0.1rem;
    font-size: var(--base-font-size-lg);
    border: none;
    cursor: pointer;
    background: transparent !important;
}

    .p-defautlt-navs .nav-pills .nav-link.active {
        color: var(--primary-color);
        font-weight: 600;
    }

.p-defautlt-navs .nav-link.active-saved-tab {
    border-bottom: 3px solid var(--secondary-color);
    border-radius: 0 !important;
    background-color: transparent;
    padding-bottom: 0.4rem;
}

.p-defautlt-navs .tabsNavActiveBg {
    border: none;
    background-color: var(--secondary-color);
    border-radius: calc(var(--border-radius-default) * 1);
    color: var(--primary-color);
}


.ph-card.p-defautlt-navs {
    border: none;
    padding: 0;
    position: relative;
    box-shadow: none;
    background-color: transparent;
    padding: calc(var(--box-padding) * 0.25);
}

    .ph-card.p-defautlt-navs::after,
    .ph-card.p-defautlt-navs::before {
        content: '';
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 0;
        height: 3px;
    }

.p-def-nav-wbg.ph-card.p-defautlt-navs::after {
    background-color: var(--chat-dark-bg-2);
}

.p-defautlt-navs .tabsNavActiveBg {
    height: 2px;
    bottom: 0;
    display: inline-block;
    position: absolute;
    z-index: 1;
    transition-duration: 0.4s;
}

.p-defautlt-navs .nav li {
    z-index: 2;
}

.p-defautlt-navs .nav {
    gap: 1.45rem;
}

.p-defautlt-navs.nav-pills .nav-item {
    margin-right: 0.5rem;
}

.ph-card.p-defautlt-navs {
    margin-left: -0.35rem;
}

.mb-1p8 {
    margin-bottom: var(--default-gap);
}



.p-add-btn {
    padding: 0.48rem 0.95rem;
    min-width: var(--p-btn-min-width);
    font-size: var(--base-font-size);
    border-radius: var(--bs-border-radius);
    background-color: var(--p-btn-bg);
    color: var(--p-btn-txt);
    min-height: var(--p-btn-min-height);
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--p-btn-bg);
    cursor: pointer;
    font-weight: 500;
}

.p-upload-btn-wrpper label.p-add-btn-icon:hover {
    color: #ffffff !important;
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

    .p-upload-btn-wrpper label.p-add-btn-icon:hover span.button-textNew {
        color: #ffffff !important;
    }

.p-upload-input {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 1.25rem;
    padding: var(--box-padding);
}

.img-uploder {
    display: flex;
    gap: 0.5rem 1rem;
    align-items: center;
    border: 0.1rem dashed var(--primary-border-color);
    padding: 0.5rem;
    border-radius: var(--bs-border-radius);
    min-height: 12.5rem;
    background-color: var(--grey-bg-1);
    position: relative;
}

.p-upload-btn-wrpper {
    position: relative;
}

.p-upload-btn-wrpper {
    min-width: 10.5em;
}

.p-upload-btn-wrpper .p-add-btn {
    border-color: var(--p-border-2) !important;
    background-color: transparent !important;
    color: var(--secondary-color) !important;
}

.p-upload-btn-wrpper .p-add-btn span.button-textNew,
.p-upload-btn-wrpper .p-add-btn .button-textNew-start {
    color: var(--primary-color);
}

.p-add-btn-icon.p-add-btn {
    border-width: 0.1em;
    font-weight: 500;
}

.p-upload-btn-wrpper label.p-add-btn-icon {
    color: var(--p-btn-txt);
}

.p-add-btn-icon {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
}

.p-upload-btn-wrpper .p-add-btn .p-icon, .p-upload-btn-wrapper .p-add-btn .p-icon, .ba-upload-dd .dashboard-hc-btn.pos-abs-upload-btn .p-icon {
    stroke: var(--secondary-color) !important;
}

.p-upload-btn-wrpper label.p-add-btn-icon:hover span.button-textNew .p-icon {
    fill: none;
    stroke: #fff !important;
}

.p-btn-sec .p-icon, .p-upload-btn-wrpper .p-add-btn .p-icon, .p-upload-btn-wrapper .p-add-btn .p-icon {
    border-color: var(--secondary-color);
    background-color: transparent;
    color: var(--secondary-color) !important;
}

span.button-textNew, .button-textNew-start {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    justify-content: center;
    color: #fff;
}

.p-icon {
    display: inline-block;
    stroke: var(--on-primary-color);
    line-height: 1.8;
    flex-shrink: 0;
}

.p-add-btn-icon svg {
    width: 1.25rem;
    height: 1.25rem;
    fill: #fff;
}


.dx-widget, .dx-toast-message {
    font-size: var(--primary-font) !important;
    color: #173571;
}

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: 300px;
    }

    .contract-cancelled-inner h1 {
        font-size: 1.7rem;
        margin-top: 1.3rem;
    }

.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;
    }
}

a.brand-logo-tl {
    position: absolute;
    left: 1.3rem;
    top: 1.3rem;
}

@media(max-width: 1600px) {
    a.brand-logo-tl {
        left: 1.3rem;
        top: 1.3rem;
    }
}

.bl-page {
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: center;
    align-items: center;
    position: relative;
    gap: 2.2rem;
    padding-bottom: 40px;
    max-width: 1210px;
    margin: 0 auto;
    height: 100%;
}

.bl-page-card {
    width: 100%;
    max-width: 700px;
    border: 1px solid var(--primary-border-color);
    background: var(--chat-dark-bg-2);
    border-radius: var(--bs-border-radius);
    padding: var(--default-gap);
    height: 100%;
}

.signature-wrapper {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 15px;
}

.signature-avatar {
    border-radius: 50%;
    object-fit: cover;
    width: 2.1rem;
    height: 2.1rem;
}

.signature-info {
    font-size: 14px;
    color: #555;
}

.status-tag {
    display: inline-block;
    padding: 5px 10px;
    background-color: #28a745;
    color: white;
    font-size: 12px;
    border-radius: 4px;
    margin-top: 5px;
}

.signature-status {
    font-weight: 600;
    margin-bottom: 0;
}

.bl-page-card-body .label-primary {
    color: var(--primary-color);
    font-weight: 600;
}

.bl-page-card-body .ph-4 {
    font-size: var(--base-font-size-h4);
    font-weight: 600;
    margin-bottom: 0.6rem;
}

.custom-content {
    margin-bottom: 1rem;
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.4rem 1.8rem;
}

.custom-content-2x {
    grid-template-columns: 1fr 1fr;
}

.bl-page-card-body .p-tag {
    min-width: initial;
    padding: 0.22rem .7rem;
    margin-left: 7px;
}

.bl-page-card-body .sign-content-mw {
    min-height: 300px;
}

.p-head-seperator-fw {
    font-size: var(--base-font-size-lg);
}

.sign-content-mw.sign-content-mw-sb,
.p-modal-sb .sign-content-mw {
    min-height: 220px;
}

.custom-content label.label-primary {
    margin-right: 0.25rem;
}


.bl-page-card-body .grid-profile-wrapper img {
    align-self: flex-start;
    margin-top: 0.3rem;
}

.grid-avatar {
    object-fit: cover;
    border-radius: 50%;
    border: 1px solid var(--primary-border-color);
}

.grid-avatar-md {
    object-fit: cover;
    border-radius: 50%;
}

.grid-avatar-md {
    width: 2.1rem;
    height: 2.1rem;
    object-fit: cover;
    border-radius: 50%;
    border: 1px solid var(--primary-border-color);
}

.grid-profile-wrapper {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    /* white-space: nowrap;*/
    text-align: left;
    align-self: center;
}

    .grid-profile-wrapper p {
        margin-bottom: 0;
    }

.gp-content h6 {
    cursor: pointer;
    font-size: 0.84rem;
    color: var(--primary-color);
    margin-bottom: 0.1rem;
    font-weight: 600;
}

.p-la-sepe-head {
    padding: 0 calc(var(--box-padding)* 0.7);
    position: relative;
}

.bl-page-card-body .p-head-seperator-fw {
    min-height: 2.5rem;
    padding-bottom: 0.3rem;
    margin-bottom: 0.55rem;
}


.mh-100p {
    min-height: 100vh !important;
}

.h-100 {
    height: 100%;
}

.cintent-w-img svg {
    display: inline-block;
    height: 300px;
}

.cintent-w-img {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    min-height: calc(100% - 5%);
}

    .cintent-w-img h4 {
        font-size: 1.25rem;
        font-weight: 600;
        margin-top: 1rem;
    }

@media(min-width: 1800px) {
    .cintent-w-img svg {
        height: 330px;
    }

    .cintent-w-img h4 {
        margin-top: 1.8rem;
        font-size: 1.3rem;
        font-weight: 500;
    }
}


.statusProgress,
.status-yellow {
    background: #fbf6db;
    color: #907700;
}

.statusCompleted,
.status-green {
    background-color: var(--tag-bg-work-color);
    color: var(--complete-tc);
}

.statusCancelled,
.status-red {
    background-color: var(--overdue-bg);
    color: var(--overdue-tc);
}

.p-icon-green-s {
    stroke: var(--green-color);
}

.p-icon {
    display: inline-block;
    stroke: var(--p-icon-color);
    line-height: 1.8;
    flex-shrink: 0;
}

.p-icon-xs {
    width: 0.95rem;
    height: 0.95rem;
}

.tso-mw-name {
    line-height: 1.35;
}

.p-icon-green-s {
    stroke: var(--green-color);
}


.dark-bg-cb.checkbox-therapist-singup span.ph-para-1,
.form-therapist-singup-main p.privacy-ploicy-text {
    color: #fff;
    line-height: 1.3;
    display: inline-block;
    padding-top: 0.4rem;
    font-size: 0.88rem;
}

.captcha-therapist-singup.cpta-la {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}

.dark-bg-cb .control__indicator,
.dark-bg-cb .control:hover input ~ .control__indicator{
    background: #080808;
    border: 1px solid #D9D9D9;
    border-radius: 0.25rem;
}

.dark-bg-cb .control:hover input ~ .control__indicator,
.dark-bg-cb .control input:focus ~ .control__indicator {
    background: #080808;
    border: 1px solid #ffffff;
}

.dark-bg-cb .control--checkbox .control__indicator:after {
    left: 6px;
    top: 1px;
}

.section_logos {
    white-space: nowrap;
    overflow: hidden;
    position: relative;
}

    .section_logos .slick-slide {
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
    }

.home-logos_slide .rows_slide .logo_item {
    width: 170px;
}

.home-logos_slide .rows_slide .section_logosa {
    animation: slides 110s linear infinite;
    display: inline-block;
}

.home-logos_slide .rows_slide .logo_item {
    display: inline-block;
}

.home-logos_slide .rows_slide .section_logos {
    display: flex;
    align-items: center;
}

@keyframes slides {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-100%)
    }
}


.dark-box-form .social-connect-button {
    border-radius: 20px;
    border: 1px solid #414243 !important;
    background: #181717;
}

.dark-box-form .social-connect-button span {
    color: #fff;
}

.dark-box-form .form-group label,
.dark-box-form .p-form-label {
    color: #fff;
}


.register-therapist-form,
.dark-box-form,
.white-box-form {
    padding: 1.5rem 1.5rem;
    border-radius: 1.875rem;
    border: 1px solid rgba(127, 132, 136, 0.37);
    background: #0A162F;
}

body {
    background: linear-gradient(0, #D8F0FF 0.86%, #FFF 56.09%);
    color: #fff;
}

.dark-box-form input,
.dark-box-form select,
.form-control[disabled] {
    border-radius: 1.25rem;
    border: 1px solid #EDEDED4A;
    background-color: #1B263F !important;
    color: #fff !important;
}

.dark-box-form .reasonbooksess .form-control,
.dark-box-form .verify-email-div .form-control {
    border: 1px solid #EDEDED4A !important;
}

.dark-box-form input:focus {
    background: rgba(37, 37, 37, 0.00);
}

.dark-box-form .form-control::placeholder {
    color: #656565;
    opacity: 1;
    visibility: visible;
}

    .dark-box-form .cca-dob input.date-picker {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23CCCCCC' 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-repeat: no-repeat;
        background-position: calc(100% - 0.6rem);
    }

.dark-bg select,
.dark-bg .btn-custom-dd,
.dark-bg .dx-tag-wi .p-dx-dd-tt .dx-selectbox-container,
.dark-bg .p-sc-w,
.dark-bg .p-input-append .dx-texteditor-buttons-container .dx-dropdowneditor-icon::before,
.dark-bg .p-add-di,
.dark-bg .p-dx-ul .dx-texteditor-buttons-container .dx-dropdowneditor-icon::before,
.dark-bg .p-select2-input .select2-selection__arrow {
    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='%23CCCCCC'/%3E%3C/svg%3E%0A");
}

.dark-bg .password-hint {
    color: #ffffff;
    background: #09090b;
    background-color: #09090b;
    border: 1px solid var(--chat-inbox-border-color) !important;
}

.dark-bg .tooltip-arrow {
    left: -18px;
    border-color: transparent #09090b transparent transparent;
}

.dark-bg .tooltip-arrow::after {
    border-color: transparent rgb(177 178 178 / 36%) transparent transparent;
}

.dark-bg a.focus-clsignup:hover,
.dark-bg a.focus-clsignup:focus,
.dark-bg .back-button.back-button-show.text-dec-modi a:hover {
    color: #e4e4e4 !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: #EF21AD;
    border-radius: 30px;
    padding: 12px 22px 16px;
    border: none;
    font-size: 1rem;
    min-width: 13.3rem;
    line-height: 1.25;
}

    .blue-cta.blue-cta-inpt {
        background-color: #EF21AD !important;
    }

    .blue-cta,
    .p-login-upd-cont .continue-button span {
        color: #fff;
    }

.line-heading:after,
.line-heading:before {
    background-color: rgba(127, 132, 136, 0.37);
}

.dark-bg .sign-infoTxt,
.dark-bg .login-forgot-password-txt a,
.dark-bg .login-head {
    color: #fff;
}

.dark-bg .loader-new {
    border-top: 1.1em solid rgb(255 255 255);
    border-right: 1.1em solid rgb(255 255 255);
    border-bottom: 1.1em solid rgb(98 98 98);
    border-left: 1.1em solid #000000;
}

@media (max-width: 991px)  {
    .p-reg-as-plumm h1.plmm-heading-3 {
        font-size: 2.7rem;
        line-height: 3.35rem;
    }

    .p-reg-as-plumm-left.text-left {
        margin-top: 2rem;
    }

    button.blue-cta.mb-5 {
        margin-bottom: 1.4rem !important;
    }

    .p-reg-as-plumm h1.plmm-heading-3 {
        margin-bottom: 1.6rem !important;
    }

    .p-reg-as-plumm-left p {
        margin-bottom: 2rem;
    }

    .p-reg-as-plumm {
        display: flex;
        flex-direction: column;
    }

    .register-therapist-form, .dark-box-form {
        padding: 1.2rem 1.6rem;
    }

    .register-therapist-form h3.ph-3 {
        text-align: left;
        color: #FFF;
        font-size: 1.85rem;
    }
}


.cirlce-icon-align-search.ci-bs {
    position: absolute;
    left: 258px;
    z-index: 9;
    top: 2px;
}

.dark-bg span.createPassword {
    /*    color: var(--primary-color) !important;*/
    color: #fff !important;
}

input:-webkit-autofill {
    /*    background-color: #181717 !important;*/
    background-color: var(--p-dark-blue) !important;
    color: #fff !important;
    box-shadow: 0 0 0px 1000px var(--p-dark-blue) inset !important;
    -webkit-text-fill-color: #fff !important;
    caret-color: #fff !important;
}

.p-link {
    text-decoration: underline;
}

@media(min-width: 991px) {
    .logo-awards {
        margin-left: -1.05rem;
    }
}


.p-sidenav-logo, .brand-logo, .p-tl-bl, .p-hi {
    background: transparent;
    fill: var(--p-navy-blue);
}

a.brand-logo-tl {
    max-width: 130px;
}

.brand-logo {
    width: 130px;
    height: 35px;
    padding: 0;
    border-radius: 0;
}

.ot-section .p-form-check.p-form-check-ml .p-form-check-label {
    color: var(--primary-color);
}


.er-hidden-svg {
    display: none;
}

.er-main-cont {
    padding-bottom: 80px;
    background: linear-gradient(180deg, #FFFFFF 0, #F1F4FF);
}

.er-svg-icon svg {
    width: 326px;
}

.er-cont-container {
    align-items: center;
    display: flex;
    justify-content: center;
    max-width: 1000px;
    position: relative;
    width: 100%;
    gap: 1.85rem;
    margin: 0 auto;
}

.error-content {
    background-color: #181A52;
    border-radius: 1.25rem;
    box-shadow: 0 4px 10px hsla(0, 0%, 100%, .2);
    max-width: 400px;
    padding: 30px 20px;
    text-align: center;
    flex-shrink: 0;
}

.error-content h1 {
    font-size: 2.7125rem;
    font-weight: bold;
    /*color: #FFFFFF;*/
    margin-bottom: 10px;
    position: relative;
    font-family: "Plus Jakarta Sans", sans-serif !important;
}

.error-content p {
    /*color: #FFFFFF;*/
    text-align: center;
    font-family: "Plus Jakarta Sans";
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    margin-top: 1.2rem;
}

.error-bg .content-wrapper {
    background: transparent;
    display: flex;
    min-height: calc(100vh - 2rem) !important;
    align-items: center;
}

/* Link Buttons */
.error-links {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.error-links a {
    background: #ffff;
    border-radius: 1.25rem;
    color: #332727;
    font-size: 14px;
    font-weight: 400;
    min-height: 5.5rem;
    padding: 12px 15px;
    text-align: left;
    text-decoration: none;
    transition: all .3s ease;
    align-items: flex-start;
    justify-content: center;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.error-links h4 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.6rem;
    width: 100%;
    /*color: #3EB5FF;*/
    font-size: 1.125rem;
    font-style: normal;
    line-height: 1.5rem;
    position: relative;
}

.error-links a span {
    color: #777;
    font-weight: normal;
}

    .error-links a h4::after {
        background-position: 50%;
        background-repeat: no-repeat;
        content: "";
        font-size: 16px;
        height: 13px;
        width: 12px;
        top: 50%;
        position: absolute;
        transform: translateY(-50%);
        right: 0.3rem;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='16' viewBox='0 0 10 16' fill='none'%3E%3Cpath d='M9.99999 7.99999L2.92832 15.0717L0.571655 12.7133L5.28665 7.99999L0.571655 3.28666L2.92832 0.928324L9.99999 7.99999Z' fill='%23a1a1a1'/%3E%3C/svg%3E");
    }

.er-svg-icon svg {
    width: 326px;
    height: 478px;
}

.er-cont-container{
    position: relative;
}

    .er-cont-container h2 {
        color: rgba(239, 33, 173, 0.20);
        font-family: 'Plus Jakarta Sans';
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        font-size: 27rem;
        line-height: 1;
    }

.ee-inn-mc {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 100%;
    flex-direction: column;
}

.blue-color-error .er-cont-container h2 {
    color: #7F4CFF;
}

.user-default-theme .blue-color-error .er-cont-container h2 {
    color:var(--theme-primary-color);
}

.user-default-theme .fill-btn-ft {
    background: var(--theme-primary-color);
}

.err-cont-mw {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
}

.err-cont-mw h5 {
    font-family: 'Plus Jakarta Sans';
    font-size: 2.15rem;
    margin-bottom: 0.9rem;
}

.err-cont-mw p {
    font-size: 1rem;
    font-weight: 500;
    color: #0A162F;
}

@media (max-width: 1100px) {
    .error-content h1 {
        font-size: 2.1rem;
    }

    .er-svg-icon svg {
        width: 285px;
        height: 418px;
    }

    .error-content p {
        margin-top: 0;
    }

    .error-links a {
        min-height: auto;
    }

    .error-content {
        max-width: 335px;
        padding: 20px 20px;
    }

    .error-links h4 {
        margin-bottom: 0.4rem;
    }
}

@media (max-width: 991px) {
    .er-cont-container {
        flex-direction: column;
    }

    .error-content {
        width: 100%;
    }

    .er-svg-icon {
        display: none;
    }
}




fieldset.pso-step {
    display: none;
}

    fieldset.pso-step.step-show {
        display: block;
    }

.pso-grid-wrapper {
    --pso-grid-gap: 1.4rem;
    --ps-grid-lc-wid: 170px;
    display: grid;
    grid-template-columns: var(--ps-grid-lc-wid) 1px calc(100% - var(--ps-grid-lc-wid) - var(--pso-grid-gap) - var(--box-padding));
    align-items: flex-start;
    gap: var(--pso-grid-gap);
    padding-bottom: 1rem;
}

.pso-form-wrapper {
    --minmax-height-pso: calc(100vh - 13rem);
    max-height: var(--minmax-height-pso);
    height: var(--minmax-height-pso);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1.5rem;
}

/*.pso-def-tab-mh {
    max-height: calc(100% - 4rem);
    overflow-y: auto;
    padding-right: 0.7rem;
    width: calc(100% + 1rem);
}*/

.pso-head-st-top {
    position: sticky;
    top: 0;
    background-color: var(--chat-dark-bg-2);
    z-index: 9999;
    padding-bottom: 1rem;
}

.pp-pc-mw-grid .p-ss-h100 {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto !important;
    padding-right: 1.55rem;
    width: calc(100% + 1.55rem);
}

@media(min-width: 1601px) {
    .pso-form-wrapper {
        height: 35rem;
        min-height: initial;
    }
}

@media(min-width: 1901px) {
    .pso-form-wrapper {
        height: 40rem;
    }
}

@media(max-width: 1600px) {
    .pso-form-wrapper {
        max-height: 750px;
    }
}

@media(max-width: 1400px) {
    .pso-form-wrapper {
        --minmax-height-pso: calc(100vh - 12rem);
    }
}

@media(max-width: 1350px) {
    .pso-grid-wrapper {
        grid-template-columns: var(--ps-grid-lc-wid) 1px calc(100% - var(--ps-grid-lc-wid) - var(--pso-grid-gap) - var(--box-padding) - 0.5rem);
    }
}


.pso-timeline-list {
    display: flex;
    flex-direction: column;
    gap: var(--timeline-ver-gap);
}

.pso-timeline-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.8rem;
    line-height: 1.2;
    max-width: calc(100% - 5px);
    color: var(--on-primary-color);
}

    .pso-timeline-item > * {
        flex: 0 0 auto;
    }

    .pso-timeline-item .one-line-clamp,
    .pso-timeline-item .two-line-clamp {
        max-width: 100%;
    }

div#SurveyParticipantsDiv {
    min-height: 25em;
    padding-bottom: 2rem;
}

.pso-add-question {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1.94rem;
}

    .pso-add-question .p-add-btn-icon {
        flex: 0 0 auto;
    }

.pso-circle {
    --pso-cw: 1.15rem;
    width: var(--pso-cw);
    height: var(--pso-cw);
    background-color: var(--input-border-1);
    display: inline-block;
    border-radius: 50%;
    position: relative;
}

    .pso-circle::after {
        content: '';
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: calc(var(--pso-cw) * 0.9);
        width: 0.085rem;
        background-color: var(--input-border-1);
        height: calc(var(--timeline-ver-gap) - calc(var(--pso-cw) * -0.1));
        border-radius: var(--bs-border-radius);
        z-index: 1;
    }

    .pso-circle:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: calc(100% - 0.45rem);
        height: calc(100% - 0.45rem);
        border-radius: 50%;
    }

.js-pso-timeline-item-completed .pso-circle:before {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.69918 4.66496L0.985743 3.1104L0.25 3.77792L2.69918 6L7.75 1.41752L7.01426 0.75L2.69918 4.66496Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center center;
    background-position-y: 1px;
    background-size: 100%;
}

.pso-timeline-item:not(.js-pso-timeline-item-completed):not(.js-pso-timeline-item-active) .pso-circle {
    background: rgb(23 35 59 / 32%);
    border: 1px solid var(--primary-color);
    opacity: 0.75;
}

.js-pso-timeline-item-active .pso-circle:before {

}

.pso-form-wrapper .form-group textarea {
    min-height: 300px !important;
}

.p-close-icon {
    width: 1.3rem;
    height: 1.3rem;
    display: inline-block;
    stroke: var(--on-primary-color);
    cursor: pointer;
}

.js-pso-timeline-item-active .pso-circle,
.js-pso-timeline-item-completed .pso-circle {
    background-color: var(--primary-color);
}

.js-pso-timeline-item-active.pso-timeline-item,
.js-pso-timeline-item-completed.pso-timeline-item {
    color: var(--primary-color);
}

.pso-timeline-item .pso-circle {
}

.js-pso-timeline-item-completed .pso-circle::after {
    background-color: var(--primary-color);
}

.js-pso-timeline-item-completed .pso-circle {
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
}


.js-pso-timeline-item-active .pso-circle {
    /* background-color: var(--background1);
    border: 1px solid var(--theme-primary-color);*/
}

.js-pso-timeline-item-completed .pso-circle:before {
    background-color: var(--primary-color);
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' 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.2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
    width: 12px;
    height: 14px;
    background-size: cover;
    background-position: center center;
}

.pso-vline-divider {
    margin: 0;
    height: 100%;
    width: 100%;
    background-color: var(--primary-border-color);
}

.pso-action-btns {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 1.9rem;
}

.pso-action-btns .js-pso-back.ph-default-link {
    color: var(--theme-primary-color);
    font-weight: 500;
    font-size: var(--base-font-size);
    Padding: 0;
    min-width: initial;
    border-color: transparent;
    background-color: transparent !important;
    text-decoration: underline;
}

.pso-timeline-list .pso-timeline-item:last-child .pso-circle::after {
    height: 0;
}

.pso-ss-details {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    margin-top: 0.3rem;
}

.pso-ss-details label {
    margin-bottom: 0;
    font-weight: 400;
    color: var(--on-primary-color);
}

.pso-vline-divider {
    display: none;
}

.pso-timeline-list-hroi.pso-timeline-list {
    --pso-tl-verti-mh: 80px;
    min-height: var(--pso-tl-verti-mh);
    flex-wrap: nowrap;
    gap: 1.3rem;
    justify-content: center;
    align-items: center;
    background: hsl(var(--primary-hue), var(--primary-saturation), calc(50% * 0.1 + 90%));
    z-index: 1600;
    border-radius: var(--bs-border-radius);
    width: 100%;
}


.pso-timeline-item {
    --timeline-width: 120px;
    text-align: center;
    flex-direction: column;
    min-width: var(--timeline-width);
    gap: 0.6rem;
}

.pso-timeline-list-hroi .pso-timeline-item:not(:last-child)::after {
    left: calc(var(--timeline-width) / 2);
    transform: none;
    top: 0.5rem;
    width: calc(var(--timeline-width) * 1.1);
    height: 1px;
    right: initial;
    background-color: rgb(10 22 47 / 19%);
}
.pso-cols:not(.pso-timeline-list) {
    height: 100%;
    flex: 1;
    width: 100%;
}

.pso-grid-wrapper {
    grid-template-columns: auto;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 0;
}

.pso-timeline-list-hroi.pso-timeline-list.pso-with-scroll {
    justify-content: flex-start;
}

.pso-with-scroll .pso-timeline-item {
    --timeline-width: 130px;
    flex-direction: column;
    min-width: var(--timeline-width);
    gap: 0.6rem;
    white-space: nowrap;
}

.p-cs-pl .pso-timeline-list-hroi.pso-timeline-list {
    justify-content: space-around;
    position: relative;
    right: 15px;
}

.p-cs-pl .pso-timeline-list-hroi .pso-timeline-item:not(:last-child)::after {
    width: calc(var(--timeline-width) * 1.88);
    left: calc(var(--timeline-width) / 1.8);
}

.pso-timeline-list-hroi .js-pso-timeline-item-completed.pso-timeline-item:not(:last-child)::after {
    background-color: var(--primary-color);
}

.p-def-table tr {
    border-radius: var(--bs-border-radius);
    overflow: hidden;
}

    .p-def-table tr td, .p-def-table tr th {
        border-top: none;
    }

td.p-acc-table:hover {
    background-color: initial !important;
}

.p-def-table tr th {
    background-color: var(--theme-white-bg-color);
    overflow: hidden;
    font-weight: 500;
    color: var(--primary-color) !important;
    border: none;
}

.p-def-table thead::after {
    content: "@";
    display: block;
    line-height: 10px;
    text-indent: -99999px;
}

.p-def-table tr th:first-child,
.p-def-table tr td:first-child,
.dx-datagrid-rowsview .dx-row.dx-state-hover td:first-child,
.dx-datagrid-rowsview .dx-row.dx-selection td:first-child {
    border-top-left-radius: var(--bs-border-radius);
    border-bottom-left-radius: var(--bs-border-radius);
}

.p-def-table tr th:last-child,
.p-def-table tr td:last-child,
.dx-datagrid-rowsview .dx-row.dx-state-hover td:last-child,
.dx-datagrid-rowsview .dx-row.dx-selection td:last-child {
    border-top-right-radius: var(--bs-border-radius);
    border-bottom-right-radius: var(--bs-border-radius);
}


.p-icon-3xs {
    width: 0.78rem;
    height: 0.78rem;
}

.p-icon-xxs {
    width: 0.85rem;
    height: 0.85rem;
}

.p-icon-xs {
    width: 0.95rem;
    height: 0.95rem;
}

.p-icon-sm {
    width: 1.15rem;
    height: 1.15rem;
}

.p-icon-sm1 {
    width: 1.02rem;
    height: 1.02rem;
}

.p-icon-sm2 {
    width: 1.12rem;
    height: 1.12rem;
}

.p-icon-md {
    width: 1.25rem;
    height: 1.25rem;
}

.p-icon-md1 {
    width: 1.29rem;
    height: 1.29rem;
}

.p-icon-lg {
    width: 1.35rem;
    height: 1.35rem;
}

.p-icon-xl {
    width: 1.45rem;
    height: 1.45rem;
}

.p-icon-xxl {
    width: 1.55rem;
    height: 1.55rem;
}

.p-icon-3xl {
    width: 1.65rem;
    height: 1.65rem;
}

.p-icon-4xl {
    width: 1.8rem;
    height: 1.8rem;
}

.p-icon-5xl {
    width: 2rem;
    height: 2rem;
}

.p-icon-link {
    stroke: var(--link-color)
}


.p-dark-table .p-def-table tr th {
    background-color: hsl(220.54deg 33.3% 25.01%);
    color: #fff !important;
}

.user-default-theme .p-dark-table .p-def-table tr th {
    background-color: var(--theme-primary-color);
}

.p-dark-table .table > :not(caption) > * > * {
    padding: 0.5rem 1rem;
}

.p-dark-table .table td,
.p-dark-table .table th {
    color: #e2e5ec;
}

.p-dark-table .p-icon {
    stroke: #e2e5ec;
}

.p-table-mh {
    height: 350px;
}

.ppl-mw .para-text {
    font-size: var(--base-font-size-sm);
}



/*footer */

.p-bg-box-acc.modify-space {
    font-size: var(--base-font-size);
    padding: 0;
}

.website_footer {
    background: var(--p-navy-blue);
    padding-top: 60px;
}

.website_footer_sec {
    position: relative;
    z-index: 1;
}

.website_footer_sec .footer-content-mw {
    background: #2D376C;
    border-radius: 30px;
    padding: 0.7rem;
}

.website_footer .row_column .column3 .app_logo {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    width: 100%;
    margin: 20px 0px;
    gap: 20px;
}

.website_footer .row_column .column3 .social_media ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0px;
    padding: 0px;
    gap: 15px;
}

@media (min-width: 575px) {
    .content-wrapper, .dnd-section > .row-fluid, .page-center {
        max-width: 100%
    }
}

@media (min-width: 576px) {
    .content-wrapper, .dnd-section > .row-fluid, .page-center {
        max-width: 557.33333304px;
        max-width: 539.9999999988px
    }
}

@media (min-width: 768px) {
    .content-wrapper, .dnd-section > .row-fluid, .page-center {
        max-width: 733.33333392px;
        max-width: 719.9999999940001px
    }
}

@media (min-width: 992px) {
    .content-wrapper, .dnd-section > .row-fluid, .page-center {
        max-width: 967.99999956px;
        max-width: 959.9999999964px
    }
}

@media (min-width: 1200px) {
    .content-wrapper, .dnd-section > .row-fluid, .page-center {
        max-width: 1144.00000044px;
        max-width: 1139.9999999916px
    }
}

@media (min-width: 1400px) {
    .content-wrapper, .dnd-section > .row-fluid, .page-center {
        max-width: 1280px;
    }
}

.content-wrapper--vertical-spacing, .dnd-section, .dnd_pad {
    padding: 80px 0
}

.website_footer .row_column .column3 .app_logo a img {
    max-width: 130px !important;
}

.website_footer .row_column {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -5px;
}

    .website_footer .row_column .column3 {
        width: 25%;
        padding: 20px;
    }

        .website_footer .row_column .column3 .columnsp3 {
            display: flex;
            flex-wrap: wrap;
            width: 100%;
            gap: 25px;
        }

            .website_footer .row_column .column3 .columnsp3 .menu_items {
                width: 100%;
            }

        .website_footer .row_column .column3 h4 {
            color: #A7DDFF;
            font-size: 14px;
            font-weight: 800 !important;
            margin-bottom: 15px;
            line-height: 30px;
        }

        .website_footer .row_column .column3 ul {
            list-style: none;
            margin: 0px;
            padding: 0px;
        }

            .website_footer .row_column .column3 ul li {
                margin: 0;
                margin-bottom: 7px;
            }

                .website_footer .row_column .column3 ul li a {
                    color: #fff;
                    font-size: 14px;
                    font-weight: 400;
                }

                    .website_footer .row_column .column3 ul li a:Hover {
                        color: #EF21AD !important;
                    }

#column3-9 .columnsp3 {
    position: relative;
}

@media (min-width: 1080px) {
    #column3-9 .columnsp3 .menu_items {
        bottom: 4rem;
        position: absolute;
    }
}

.footer-lg-logo {
    max-width: 75%;
    margin-left: auto;
    display: block;
    margin-top: -3.4rem;
    width: 100%;
    margin-bottom: -4.1rem;
}

.website_footer_sec .bottom_rowsec {
    margin-top: 100px;
}

.website_footer_sec .bottom_row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 20px 0px;
}

    .website_footer_sec .bottom_row .col6 {
        width: 50%;
    }

        .website_footer_sec .bottom_row .col6 p {
            margin: 0px;
            color: #fff;
            font-size: 14px;
            font-weight: 600;
            padding-left: 0.8rem;
        }

        .website_footer_sec .bottom_row .col6.image .col6sp {
            align-items: center;
        }


            .website_footer_sec .bottom_row .col6.image .col6sp .image {
                display: inline-block;
            }

                .website_footer_sec .bottom_row .col6.image .col6sp .image img {
                    max-width: 95px !important;
                    object-fit: contain;
                }

.website_footer .website_footer_sec .bottom_row .col6.image .col6sp .image:first-child img {
    max-width: 60px !important;
    height: auto;
    object-fit: contain;
}

.website_footer .row_column .column3 ul li a {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}

.website_footer .row_column .column3 .social_media ul li a svg {
    height: 20px;
    fill: #fff;
}

div#column3-9 {
    margin-left: auto;
}

#column3-9 .columnsp3 {
    position: relative
}

    #column3-9 .columnsp3 .menu_items {
        bottom: 4rem;
        position: relative
    }

.website_footer_sec .bottom_row .col6.image .col6sp {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 15px;
}

.website_footer .row_column .column3 .social_media ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    align-items: center;
}

@media(min-width: 1080px) {
    #column3-9 .columnsp3 .menu_items {
        bottom: 4rem;
        position: absolute
    }
}

.website_footer_sec .bottom_row .col6.image .col6sp .image:first-child img {
    max-width: 120px !important
}


@media only screen and (max-width: 767px) {
    .website_footer {
        padding-top: 0px;
    }

    .website_footer_sec {
        padding: 50px 10px 10px;
    }

        .website_footer_sec .page-center {
            padding: 0px 5px;
        }

    .website_footer .row_column .column3 {
        width: 50%;
        padding: 15px;
    }

    .website_footer .row_column .column3 {
        width: 50%;
        padding: 15px;
    }

    #column3-5 {
        order: 1;
        width: 100%;
    }

    .website_footer .row_column .column3#column3-5 .columnsp3 {
        display: grid;
        grid-template-columns: calc(50% - 15px) auto;
    }

    .website_footer .row_column .column3 .app_logo {
        gap: 15px;
    }

    .footer-lg-logo {
        max-width: 84%;
        margin: 0 auto;
        margin-top: 0;
        margin-bottom: -1.7rem;
    }

    .website_footer_sec .bottom_row .col6.image .col6sp {
        justify-content: center;
    }
}

.website_footer .page-center {
    overflow: inherit;
    position: relative;
    background: transparent;
    border-radius: 0;
    padding: 0;
    text-align: inherit;
    margin: 0 auto;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .website_footer .row_column .column3 h4 {
        font-size: 15px;
        margin-bottom: 10px;
    }

    .website_footer .row_column .column3 ul li a {
        font-size: 13px;
    }

    .footer-lg-logo {
        margin-top: -9.4rem;
        margin-bottom: -3.1rem;
    }


    .website_footer_sec .bottom_row .col6.image .col6sp .image img {
        max-width: 85px !important;
        object-fit: contain;
    }

    .website_footer .website_footer_sec .bottom_row .col6.image .col6sp .image:first-child img {
        max-width: 40px !important;
        position: relative;
        right: 10px;
    }
}

@media(min-width: 1025px) {
    .website_footer_sec .bottom_row .col6.image .col6sp .image:nth-child(4) {
        position: relative;
        left: -8px;
    }

    .website_footer_sec .bottom_row .col6.image .col6sp .image:nth-child(2) {
        position: relative;
        left: 0px;
    }
}

.website_footer_sec .bottom_row .col6.image .col6sp .image:nth-child(1) img {
    max-width: 60px !important;
}

.website_footer_sec .bottom_row .col6.image .col6sp .image:nth-child(2) img {
    max-width: 40px !important;
}

.website_footer_sec .bottom_row .col6.image .col6sp .image:nth-child(3) img {
    max-width: 60px !important;
}

.website_footer_sec .bottom_row .col6.image .col6sp .image img {
    max-width: 85px !important;
    object-fit: contain;
}

.website_footer .website_footer_sec .bottom_row .col6.image .col6sp .image:first-child img {
    max-width: 40px !important;
    position: relative;
    right: 10px;
}

.register-now-heading {
    font-size: 21px;
}

/*footer*/

/*slack landing page*/
.p-sl-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
}

/* Header */
.p-sl-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--sec-light-color7);
}

.p-sl-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
}

.p-sl-logo {
    display: flex;
    align-items: center;
    gap: 8px;
}

.p-sl-logo-icon {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

.p-sl-logo-text {
    font-size: 24px;
    font-weight: 700;
    background: linear-gradient(90deg, #8b5cf6 0%, #6366f1 50%, #ec4899 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.p-sl-nav-links {
    display: flex;
    align-items: center;
    gap: 32px;
}

.p-sl-nav-links a:not(.p-sl-btn) {
    text-decoration: none;
    color: var(--primary-color);
    font-size: var(--base-font-size);
    font-weight: 500;
    transition: color 0.3s;
}


.p-sl-btn {
    padding: 10px 20px;
    border: none;
    border-radius: var(--bs-border-radius-sm);
    font-size: var(--base-font-size);
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
}

.p-sl-btn-primary {
    background: var(--p-navy-blue);
    color: white;
}

.p-sl-btn-primary:hover {
    opacity: 0.9;
}

.p-sl-btn-large {
    padding: 0.75rem 1.5rem;
    font-size: 0.92rem;
    line-height: 1.25;
    border-radius: 0.7rem;
}


/* Hero Section */
.p-sl-hero {
    position: relative;
    padding: 96px 0;
    text-align: center;
    overflow: hidden;
}

.p-sl-hero-blob {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    opacity: 0.3;
    animation: p-sl-float 20s infinite ease-in-out;
}

.p-sl-hero-blob-1 {
    width: 1010px;
    height: 650px;
    background: linear-gradient(135deg, #88c9ff 0%, #88c9ff 100%);
    top: -200px;
    left: -100px;
}

.p-sl-hero-blob-2 {
    width: 400px;
    height: 400px;
    background: linear-gradient(135deg, #00ffce 0%, var(--plm-light-green) 100%);
    bottom: -150px;
    right: -100px;
    animation-delay: -10s;
}

@keyframes p-sl-float {
    0%, 100% {
        transform: translate(0, 0) scale(1);
    }

    25% {
        transform: translate(50px, 50px) scale(1.1);
    }

    50% {
        transform: translate(0, 100px) scale(1);
    }

    75% {
        transform: translate(-50px, 50px) scale(0.9);
    }
}

.p-sl-hero-content {
    position: relative;
    z-index: 10;
}

.p-sl-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #ffffff;
    border: 1px solid #bbe0ff;
    border-radius: 24px;
    padding: 5px 13px;
    font-size: 13px;
    font-weight: 500;
    color: var(--primary-color);
    margin-bottom: 24px;
}

.p-sl-h1 {
    font-size: 67px;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 24px;
    font-family: 'NT Wagner' !important;
    color: var(--p-navy-blue);
}

.p-sl-gradient-text {
    background: linear-gradient(90deg, #37a5ff 0%, #4694d1 50%, #53adf7 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: p-sl-gradient-shift 8s ease infinite;
    background-size: 200% 200%;
}

@keyframes p-sl-gradient-shift {
    0%, 100% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }
}

.p-sl-hero p {
    font-size: 1.05rem;
    color: var(--primary-color);
    max-width: 470px;
    margin: 0 auto 40px;
}

.p-sl-hero-buttons {
    display: flex;
    justify-content: center;
    gap: 16px;
    margin-bottom: 64px;
}

.p-sl-hero-illustration {
    max-width: 1000px;
    margin: 0 auto;
    padding: 48px;
    background: linear-gradient(135deg, rgba(139, 92, 246, 0.1) 0%, rgba(236, 72, 153, 0.1) 100%);
    border-radius: 24px;
    border: 1px solid rgba(139, 92, 246, 0.2);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);
}

.p-sl-emoji-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 48px;
}

.p-sl-emoji {
    font-size: 80px;
    animation: p-sl-bounce 3s infinite;
}

.p-sl-emoji:nth-child(1) {
    animation-delay: 0s;
}

.p-sl-emoji:nth-child(2) {
    animation-delay: 0.5s;
}

.p-sl-emoji:nth-child(3) {
    animation-delay: 1s;
}

@keyframes p-sl-bounce {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-20px);
    }
}

/* CSS Variables */
.add-slack-app-body {
    --phs-primary-color: #1a1a2e;
    --phs-primary-light: #16213e;
    --phs-accent-color: #EF21AD;
    --phs-text-primary: #0A162F;
    --phs-text-secondary: #666666;
    --phs-text-light: #999999;
    --phs-background: #ffffff;
    --phs-background-light: #f8f9fa;
    --phs-dropdown-bg: #D2EDFD;
    --phs-active-bg-color: #BDE3FC;
    --phs-border-light: #e9ecef;
    --phs-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
    --phs-shadow-lg: 0 1rem 2rem rgba(0, 0, 0, 0.15);
    --phs-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --phs-transition-fast: all 0.2s ease;
    --phs-nav-min-height: 4rem;
    --phs-border-radius: 0.5rem;
    --phs-border-radius-lg: 1.875rem;
    --phs-spacing-xs: 0.25rem;
    --phs-spacing-sm: 0.5rem;
    --phs-spacing-md: 1rem;
    --phs-spacing-lg: 1.5rem;
    --phs-spacing-xl: 2rem;
    --phs-spacing-xxl: 3rem;
    --phs-font-size-sm: 0.875rem;
    --phs-font-size-base: 0.92rem;
    --phs-font-size-lg: 1.125rem;
    --phs-font-size-xl: 1.25rem;
    --phs-font-size-xxl: 1.5rem;
    --phs-font-weight-normal: 400;
    --phs-font-weight-medium: 500;
    --phs-font-weight-semibold: 600;
    --phs-font-weight-bold: 700;
    --phs-dark-bg-text: #A7DDFF;
    --phs-indigo-bg-1: #22344e;
}

/* Tab Container */
.phs-tab-container {
    max-width: 80rem;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

section.p-sl-features {
    padding: 80px 0;
}

/* Tab Navigation */
.phs-tab-nav {
    display: inline-flex;
    gap: var(--phs-spacing-xs);
    margin-bottom: 2.6rem;
    padding: 0.55rem;
    border-radius: calc(var(--phs-border-radius-lg));
    overflow-x: auto;
    justify-content: center;
    align-items: center;
    border: 1px solid #EDEDEF;
    background: #FFF;
    position: relative;
    isolation: isolate;
}

.phs-tab-slider {
    position: absolute;
    background: var(--plm-light-blue);
    border-radius: var(--phs-border-radius-lg);
    height: calc(100% - 16px);
    top: 8px;
    left: 0;
    z-index: 0;
}

.phs-tab-btn.hovering {
    color: #fff;
}

.phs-tab-btn {
    transition: color 0.3s ease;
}

.phs-tab-btn {
    background: transparent;
    border: none;
    padding: 0.7rem 1.35rem;
    border-radius: var(--phs-border-radius-lg);
    font-size: var(--phs-font-size-base);
    font-weight: var(--phs-font-weight-medium);
    color: var(--phs-text-primary);
    cursor: pointer;
    transition: var(--phs-transition);
    white-space: nowrap;
    display: flex;
    align-items: center;
    min-width: 140px;
    text-align: center;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}


/* Tab Content Container */
.phs-tab-content-container {
    position: relative;
    padding: 3rem;
    background-color: var(--phs-background);
    border-radius: var(--phs-border-radius-lg);
    box-shadow: 0 2px 4px 3px rgba(0, 0, 0, .03);
    border: 1px solid hsla(0, 0%, 93%, .8);
}

@media (max-width: 768px) {
    .phs-tab-highlight {
        display: none;
    }

    .phs-tab-btn.active,
    .phs-tab-btn:hover {
        background: #FF3C0B;
        color: var(--phs-background);
        box-shadow: var(--phs-shadow);
    }
}

/* Individual Tab Content */
.phs-tab-content {
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

    .phs-tab-content.active {
        display: block;
        opacity: 1;
    }

/* Tab Layout */
.phs-tab-layout {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: var(--phs-spacing-xxl);
    align-items: start;
}

/* Main Content */
.phs-tab-main-content {
    max-width: 620px;
}

.phs-tab-title {
    font-size: var(--phs-font-size-xxl);
    font-weight: var(--phs-font-weight-bold);
    color: var(--phs-text-primary);
    margin-bottom: 0.7rem;
    line-height: 1.3;
}

.phs-tab-title-feature {
    color: var(--phs-text-primary);
    font-family: Plus Jakarta Sans, sans-serif !important;
    font-size: var(--phs-font-size-xxl);
    font-weight: var(--phs-font-weight-bold);
    line-height: 1.3;
    margin-bottom: .7rem;
}

.phs-tab-description {
    font-size: 0.96rem;
    color: var(--phs-text-primary);
    margin-bottom: var(--phs-spacing-xxl);
}

/* Testimonial */
.phs-tab-testimonial {
    background-color: var(--phs-background);
    border-radius: var(--phs-border-radius);
    margin-bottom: var(--phs-spacing-xl);
    display: flex;
    align-items: center;
    gap: 1.4rem;
}

.phs-tab-testimonial-avatar {
    display: flex;
    align-items: center;
    gap: var(--phs-spacing-md);
    margin-bottom: 0.5rem;
}

.phs-tab-avatar-placeholder img {
    width: 7.5rem;
    height: 7.5rem;
    border-radius: 50%;
}

.phs-tab-company-img img {
    max-width: 105px;
}

.phs-tab-rating-img img {
    max-width: 79px;
}

.phs-tab-company-img,
.phs-tab-rating-img {
    display: flex;
    align-items: center;
}

.phs-tab-company-info {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.phs-tab-company-img {
    font-weight: var(--phs-font-weight-bold);
    font-size: var(--phs-font-size-sm);
    color: var(--phs-text-primary);
    letter-spacing: 0.05em;
    margin-bottom: 0;
}

.phs-tab-rating {
    color: #ffd700;
    font-size: var(--phs-font-size-sm);
}

.phs-tab-quote {
    font-size: var(--phs-font-size-base);
    color: var(--phs-text-primary);
    margin-bottom: 0.25rem;
}

.phs-tab-cite {
    font-size: var(--phs-font-size-sm);
    color: var(--phs-text-primary);
    font-style: normal;
    font-weight: 600;
}

/* Learn More Link */
.phs-tab-learn-more {
    display: inline-flex;
    align-items: center;
    gap: var(--phs-spacing-sm);
    color: var(--phs-accent-color);
    font-weight: var(--phs-font-weight-semibold);
    text-decoration: none;
    transition: var(--phs-transition-fast);
    white-space: nowrap;
    font-weight: 600;
}

a.phs-tab-learn-more svg {
    width: 1rem;
    height: 1rem;
    fill: var(--phs-accent-color);
    display: inline-block;
}

/* Menu Items */
.phs-tab-menu {
    background-color: var(--phs-background);
    border: 1px solid var(--phs-border-light);
    border-radius: var(--phs-border-radius-lg);
    padding: var(--phs-spacing-lg);
    min-width: 24rem;
}

.phs-tab-menu-item {
    display: flex;
    align-items: center;
    gap: var(--phs-spacing-md);
    padding: var(--phs-spacing-md) 0;
    text-decoration: none;
    color: var(--phs-text-primary);
    transition: var(--phs-transition-fast);
    font-size: var(--phs-font-size-base);
    font-weight: var(--phs-font-weight-medium);
}

    .phs-tab-menu-item:last-child {
        border-bottom: none;
    }

    .phs-tab-menu-item:hover {
        color: var(--phs-accent-color);
    }

    .phs-tab-menu-item i {
        color: var(--phs-text-secondary);
        font-size: var(--phs-font-size-lg);
        width: 1.25rem;
        text-align: center;
    }

    .phs-tab-menu-item:hover i {
        color: var(--phs-accent-color);
    }

/* Responsive Design */
@media (max-width: 64rem) {
    .phs-tab-container {
        padding: var(--phs-spacing-lg);
    }

    .phs-tab-layout {
        grid-template-columns: 1fr;
        gap: var(--phs-spacing-xl);
    }

    .phs-tab-menu {
        min-width: auto;
    }

    .phs-tab-title {
        font-size: var(--phs-font-size-xl);
    }
}

@media (max-width: 48rem) {
    .phs-tab-container {
        padding: var(--phs-spacing-md);
    }

    .phs-tab-content-container {
        padding: 1rem;
    }


    .phs-tab-nav {
        flex-wrap: wrap;
        gap: var(--phs-spacing-xs);
        justify-content: space-around;
        margin-bottom: 1.2rem;
    }

    .phs-tab-btn {
        font-size: var(--phs-font-size-sm);
    }

    .phs-tab-testimonial-avatar {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--phs-spacing-sm);
    }

    .phs-tab-menu {
        padding: var(--phs-spacing-md);
    }

    .phs-tab-menu-item {
        padding: 0.75rem 0;
        font-size: var(--phs-font-size-sm);
    }
}

@media (max-width: 30rem) {

    .phs-tab-btn {
        justify-content: center;
    }

    .phs-tab-content-container {
        min-height: auto;
    }

    .phs-tab-main-content {
        max-width: 100%;
    }
}

/* Animation for smooth transitions */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(1rem);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.phs-tab-content.active {
    animation: fadeIn 0.4s ease-out;
}


/* Loading state */
.phs-tab-content.loading {
    opacity: 0.5;
    pointer-events: none;
}

/* CTA Section */
.p-sl-cta {
    padding: 96px 0;
}

.p-sl-cta-card {
    background: linear-gradient(135deg, #a6f7e8 0%, #d8edff 50%, #6fbeff 100%);
    border-radius: 24px;
    padding: 64px;
    text-align: center;
    color: var(--p-navy-blue);
    box-shadow: 0 20px 60px rgb(255 255 255);
    position: relative;
    overflow: hidden;
}

.p-sl-cta-card h2 {
    position: relative;
    z-index: 1;
    margin: 0 auto;
    font-weight: 700;
    line-height: 1.25;
}

.p-sl-cta-card p {
    font-size: 18px;
    margin: 24px auto 40px;
    max-width: 600px;
    position: relative;
    z-index: 1;
    color: var(--p-navy-blue);
}

.p-sl-btn span {
    position: relative;
    top: -1px;
    color: #fff;
}

.p-sl-btn-white {
    background: white;
    color: var(--p-navy-blue);
}

.p-sl-btn-white span {
    color: var(--p-navy-blue);
}

.p-sl-btn-white:hover {
    background: rgba(255, 255, 255, 0.9);
}

.p-sl-btn-outline {
    border: 2px solid var(--p-navy-blue);
    background: #fff;
    color: var(--p-navy-blue);
}

.p-sl-btn-outline span {
    color: var(--p-navy-blue);
}

.p-sl-btn-outline:hover {
    color: #fff !important;
    background: var(--p-navy-blue);
}

.p-sl-btn-outline:hover span{
    color: #fff !important;
}

.section-head-hr {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 24px;
    font-family: 'NT Wagner' !important;
    color: var(--p-navy-blue);
    text-align: center;
    margin-bottom: 3rem;
}
/*slack ladnig page*/

.white-box-form {
    border-radius: var(--bs-border-radius);
    border: 1px solid rgb(230 230 230 / 37%);
}

.white-box-form .login-head {
    color: #181A52;
}

.white-box-form .reasonbooksess .form-control,
.white-box-form .social-connect-button {
   border-radius: calc(var(--bs-border-radius) * 0.8);
/*   border: 1px solid rgb(219 219 219) !important;*/
   background-color: #FFFFFF !important;
   color:var(--p-navy-blue) !important;
    border: 1px solid #E5E0F9 !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%);
}

.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
}

body.user-default-theme {
/*    background: linear-gradient( 180deg, hsla(var(--primary-hue), var(--primary-saturation), 1) 28.37%, hsla(var(--primary-hue), var(--primary-saturation), 82%, 1) 68.75%, hsla(var(--primary-hue), var(--primary-saturation), 72%, 1) 100% ) !important;*/
    /*background:linear-gradient(180deg, #EDECFF 28.37%, #C6C1FF 68.75%, #AC85FF 100%)*/
    background: linear-gradient( 180deg, hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1) 0%, hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.4) 70%, hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.8) 130% );
}

    body.user-default-theme .white-box-form {
        /*      background: linear-gradient( to bottom, hsla(0, 0%, 100%, 0.85) -10%, hsla(0, 0%, 100%, 0.85) 34%, hsla(var(--primary-hue), var(--primary-saturation), 90%, 1) 40%, hsla(var(--primary-hue), var(--primary-saturation), 70%, 0) 80%, hsla(var(--primary-hue), var(--primary-saturation), 55%, 1) 110% );*/
        /*background: linear-gradient( to bottom, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.9) 30%, hsla(var(--primary-hue), var(--primary-saturation), 85%, 0.4) 65%, hsla(var(--primary-hue), var(--primary-saturation), 75%, 0.2) 70%, hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.6) 130% );*/
        background: linear-gradient( to bottom, rgba(255, 255, 255, 0.95) 30%, rgba(255, 255, 255, 0.9) 30%, hsla(var(--primary-hue), var(--primary-saturation), 85%, 0.4) 65%, hsla(var(--primary-hue), var(--primary-saturation), 115%, 0.2) 70%, hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.6) 130% );
        border: 1px solid #fff;
    }

.login-head{
    font-size:28px !important;
}

.error-svg {
    fill: rgba(127, 76, 255, 1);
}

.user-default-theme .error-svg {
    fill: var(--theme-primary-color);
}

.error-content {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.85) -10%, rgba(255, 255, 255, 0.85) 34%, #EDECFF 40%, rgba(255, 255, 255, 0) 80%, rgba(150, 110, 255, 1) 110%);
}

.user-default-theme .error-content {
    background: linear-gradient( to bottom, rgba(255, 255, 255, 0.95) 30%, rgba(255, 255, 255, 0.9) 30%, hsla(var(--primary-hue), var(--primary-saturation), 85%, 0.4) 65%, hsla(var(--primary-hue), var(--primary-saturation), 115%, 0.2) 70%, hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.6) 130% );
}

body.user-default-theme .white-box-form .continue-button,
body.user-default-theme .white-box-form .blue-cta {
    background: var(--theme-primary-color) !important;
    border: 1px solid var(--theme-primary-color) !important;
}

body.user-default-theme .dark-bg a{
    color: var(--theme-primary-color) !important;
}

body.user-default-theme .dark-bg .line-heading:after,
body.user-default-theme .dark-bg .line-heading:before {
    background-color: var(--theme-border-layout);
}

.white-box-form .form-control{
    border-radius: calc(var(--bs-border-radius) * 0.8);
}


.white-box-form input {
    background: #fff !important;
    border: 1px solid rgba(229, 224, 249, 1) !important;
    border-radius: calc(var(--bs-border-radius) * 0.8) !important;
    padding-bottom: 0.2rem;
} 

.white-box-form input:-webkit-autofill {
   box-shadow: 0 0 0px 1000px rgb(255 255 255)  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 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 a.focus-clsignup:hover,
.white-box-form span.createPassword,
.white-box-form p,
.white-box-form a,
.white-box-form .login-head,
.white-box-form button.p-link{
    color:var(--p-navy-blue) !important;
}



/*css for app not support*/
:root {
    --p-ans-bg: #ffffff;
    --p-ans-fg: #090909;
    --p-ans-muted: #5a5a5a;
    --p-ans-card: #ddd6f3;
    --p-ans-card-fg: #121212;
    --p-ans-ink: #121212;
}


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

    .brand-logo {
        width: 114px;
        height: 27px;
    }
}



.p-ans-main {
    max-width: 520px;
    margin: 0 auto;
    min-height: 100vh;
    padding: 64px 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.p-ans-title {
    font-weight: 700;
    font-size: clamp(28px, 5vw, 30px);
    line-height: 1.35;
    letter-spacing: -0.02em;
    color: var(--p-ans-fg);
    animation: p-ans-fadeUp .7s cubic-bezier(.22, 1, .36, 1) both;
}

.p-ans-title em {
    font-style: italic;
    color: var(--p-ans-fg);
}

.p-ans-sub {
    margin-top: 20px;
    max-width: 28rem;
    color: var(--on-primary-color-dark);
    font-size: clamp(15px, 2vw, 17px);
    animation: p-ans-fadeUp .6s ease-out .15s both;
}

.p-ans-card {
    margin-top: 20px;
    width: 100%;
    background: linear-gradient(0deg, rgb(150 110 255) -88%, transparent 59%);
    color: var(--p-ans-card-fg);
    border-radius: 24px;
    padding: 26px;
    animation: p-ans-springIn .7s cubic-bezier(.22, 1, .36, 1) .25s both;
    border: 1px solid #fff;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

@media (min-width: 640px) {
    .p-ans-card {
        padding: 32px;
        max-width: calc(100% - 25px);
        padding-bottom: 40px;
    }
}

.p-ans-label {
    display: inline-block;
    font-size: 0.8rem;
    font-weight: 500;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    color: var(--primary-color);
    margin-bottom: 0.9rem;
}

.p-ans-buttons {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: center;
}

@media (min-width: 640px) {
    .p-ans-buttons {
        flex-direction: row;
    }
}

.p-ans-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-width: 180px;
    padding: 14px 24px;
    border-radius: 999px;
    background: var(--p-ans-ink);
    color: #ffffff;
    text-decoration: none;
    transition: transform .2s ease, background .2s ease;
}

    .p-ans-btn:hover {
        transform: scale(1.02);
        background: #1f1f1f;
    }

    .p-ans-btn svg {
        width: 24px;
        height: 24px;
        flex-shrink: 0;
    }

.p-ans-btn-stack {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 1.1;
}

.p-ans-btn-small {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .04em;
    opacity: .7;
}

.p-ans-btn-big {
    font-size: 16px;
    font-weight: 500;
}

.p-ans-footer {
    margin-top: 40px;
    color: var(--on-primary-color-dark);
    font-size: var(--base-font-size-xl);
    animation: p-ans-fadeIn .6s ease-out .45s both;
}

.p-ans-footer a {
    color: var(--p-ans-fg);
    text-decoration: none;
    position: relative;
    display: inline-block;
}

.p-ans-footer a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    background: var(--p-ans-fg);
    transform: scaleX(0);
    transform-origin: bottom right;
    transition: transform .3s ease;
}

.p-ans-footer a:hover::after {
    transform: scaleX(1);
    transform-origin: bottom left;
}

.app-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.3rem;
}

.p-ans-card .app-buttons img {
    height: 48px;
    max-width: 100%;
}

@keyframes p-ans-fadeUp {
    from {
        opacity: 0;
        transform: translateY(16px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes p-ans-fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes p-ans-springIn {
    0% {
        opacity: 0;
        transform: translateY(24px) scale(.98);
    }

    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/*css for app not support*/

/*css for login page starts here*/
.pl-aut-panels {
    position: relative;
    overflow: hidden;
}

/* ── Login panel ── */
.pl-aut-login-panel {
    transition: opacity 0.38s cubic-bezier(.4,0,.2,1), transform 0.38s cubic-bezier(.4,0,.2,1);
    will-change: opacity, transform;
}

.pl-aut-login-panel.pl-aut-hidden {
    opacity: 0;
    transform: translateX(-36px) scale(0.98);
    pointer-events: none;
    position: absolute;
    inset: 0;
}

/* ── TFA panel ── */
.tfa-form-box {
    display: none;
    opacity: 0;
    transform: translateX(36px) scale(0.98);
    transition: opacity 0.38s cubic-bezier(.4,0,.2,1), transform 0.38s cubic-bezier(.4,0,.2,1);
    will-change: opacity, transform;
}

.tfa-form-box.pl-aut-visible {
    display: block;
}

.tfa-form-box.pl-aut-animate-in {
    opacity: 1;
    transform: translateX(0) scale(1);
}

.tfa-form-box.pl-aut-slide-out {
    opacity: 0;
    transform: translateX(36px) scale(0.98);
    position: absolute;
    inset: 0;
    pointer-events: none;
}

/* ── TFA inner layout ── */
.pl-aut-tfa-inner {
    padding: 8px 0 4px;
}

.pl-aut-tfa-head {
    margin-bottom: 28px;
}

    .pl-aut-tfa-head .login-head {
        margin-bottom: 10px;
    }

.pl-aut-tfa-subtext {
    font-size: 14px;
    line-height: 1.55;
    text-align: center;
}

/* ── 6-digit OTP inputs ── */
.pl-aut-otp-row {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin: 0 0 28px;
}

.pl-aut-otp-input {
    width: 48px;
    height: 56px;
    border: 1.5px solid #dde1ea;
    border-radius: 12px;
    background: #f7f8fb;
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    color: #1a1d2e;
    outline: none;
    transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease, transform 0.15s ease;
    -moz-appearance: textfield;
}

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

.pl-aut-otp-input:focus {
    border-color: #4f52e5;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(79,82,229,0.14);
}

.pl-aut-otp-input.pl-aut-filled {
    border-color: #4f52e5;
    background: #fff;
    transform: scale(1.04);
}

.pl-aut-otp-input.pl-aut-shake {
    animation: pl-aut-shake 0.4s ease;
}

@keyframes pl-aut-shake {
    0%,100% {
        transform: translateX(0);
    }

    20% {
        transform: translateX(-5px);
    }

    40% {
        transform: translateX(5px);
    }

    60% {
        transform: translateX(-4px);
    }

    80% {
        transform: translateX(4px);
    }
}

.pl-aut-verify-btn {
    width: 100%;
    display: block;
    border-radius: 50px;
    padding: 14px 0;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.01em;
    transition: opacity 0.2s ease, transform 0.15s ease;
}

    .pl-aut-verify-btn:disabled {
        opacity: 0.55;
        cursor: not-allowed;
        transform: none !important;
    }

    .pl-aut-verify-btn:not(:disabled):active {
        transform: scale(0.98);
    }

/* ── Back to login link ── */
.pl-aut-back-wrap {
    text-align: center;
    margin-top: 18px;
}

.pl-aut-back-link {
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    transition: gap 0.2s ease, opacity 0.2s ease;
}

    .pl-aut-back-link:hover {
        gap: 8px;
        opacity: 0.8;
    }

.pl-aut-back-arrow {
    display: inline-block;
    transition: transform 0.2s ease;
    font-style: normal;
}

.pl-aut-back-link:hover .pl-aut-back-arrow {
    transform: translateX(-3px);
}

/* ── Resend row ── */
.pl-aut-resend-row {
    text-align: center;
    margin-top: 14px;
    font-size: 13px;
    color: var(--p-navy-blue);
}

.pl-aut-resend-btn {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    font-size: 13px;
}

.account-other-continue {
    border: 1px solid var(--theme-border-3);
    padding: 0.35rem 0.65rem;
    border-radius: 4rem;
    cursor: pointer;
    align-items: center;
    min-height: 49px;
    padding-left: 0.45rem;
    background: rgb(255 255 255 / 66%);
}

.account-other-continue label{
    cursor: pointer;
}

.lgot-txt {
    font-size: var(--base-font-size-xxl);
}

button.button-icon-cls {
    background: transparent;
    border: none;
    padding: 0;
    width: 1.2rem;
    height: 1.2rem;
    display: flex;
    align-items: center;
}

.button-icon-cls svg {
    width: 1.1rem;
    height: 1.1rem;
    opacity: 0.6;
}

.account-other-continue .pdf-gap-sm {
    gap: 0.6rem;
}

.aco-user-name {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
    gap: 0.1rem;
}

.aco-user-name label {
    font-size: 0.92rem;
}

.aco-user-name span {
    font-size: 0.78rem;
    font-weight: 400;
}

.account-other-continue-mw {
    margin-top: -0.75rem;
}

.account-other-continue-mw .pl-aut-tfa-subtext {
    margin-bottom: 2.2rem;
}

.account-other-continue:hover, .account-other-continue:focus {
    border-color: var(--theme-primary-color);
}
/*css for login page start ends here*/


/* ── Wrapper ── */
.pl-aut-panels {
    position: relative;
    overflow: hidden;
}


/* ── OTP inputs pop in individually ── */
.tfa-form-box.pl-aut-animate-in .pl-aut-otp-input {
    opacity: 1;
    transform: scale(1) translateY(0);
}

.tfa-form-box.pl-aut-animate-in .pl-aut-otp-input:nth-child(1) {
    transition-delay: 0.30s;
}

.tfa-form-box.pl-aut-animate-in .pl-aut-otp-input:nth-child(2) {
    transition-delay: 0.36s;
}

.tfa-form-box.pl-aut-animate-in .pl-aut-otp-input:nth-child(3) {
    transition-delay: 0.42s;
}

.tfa-form-box.pl-aut-animate-in .pl-aut-otp-input:nth-child(4) {
    transition-delay: 0.48s;
}

.tfa-form-box.pl-aut-animate-in .pl-aut-otp-input:nth-child(5) {
    transition-delay: 0.54s;
}

.tfa-form-box.pl-aut-animate-in .pl-aut-otp-input:nth-child(6) {
    transition-delay: 0.60s;
}

.ss-icon-wrap {
    width: 64px;
    height: 64px;
    background: #fee2e2;
    border-radius: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px auto 20px;
}

.ss-icon-wrap svg {
    width: 35px;
    height: 35px;
    fill: #ef4343;
}

.btn-close-w-head {
    position: absolute;
    right: 1.05rem;
    top: 1.05rem;
    z-index: 99;
}

.modal-title-text {
    font-size: 1.125rem;
    font-weight: 700;
    color: #111827;
    margin-bottom: 12px;
}

.modal-desc {
    font-size: 0.875rem;
    color: var(--on-primary-color);
    line-height: 1.6;
    margin-bottom: 0;
}

.ss-method-dis .modal-footer {
    border: none;
    width: 100%;
}

.ss-method-dis .modal-footer button{
    width: 100%;
}

.ss-method-dis .modal-body {
    text-align: center;
}

.ss-method-dis .modal-footer button {
    width: 100%;
    background: var(--p-navy-blue);
    border-color: var(--p-navy-blue);
    border-radius: calc(var(--bs-border-radius) * 0.8) !important;
}

.ss-method-dis .modal-footer button:hover {
    background: var(--p-navy-blue);
    border-color: var(--p-navy-blue);
}

.popup-planned-maintenence {
    max-width: 100%;
}