:root {
    --theme: #00bfa5;
    --gt-white: #ffffff;

    --gt-font-Roboto: "Roboto Variable", sans-serif;
    --gt-font-Inter: "Inter Variable", sans-serif;
    --gt-font-lato: "Lato", sans-serif;

    --gt-text-theme: #00bfa5;
    --gt-text-263238: #263238;
    --gt-text-546E7A: #546e7a;
    --gt-text-78909C: #78909c;
    --gt-text-Primary-Charcoal: #171717;
    --gt-text-Text-input-fill: #6f6f6f;
    --gt-text-EC407A: #ec407a;
    --gt-text-ECEFF1: #eceff1;
    --gt-text-white: #ffffff;
    --gt-text-E0E0E0: #e0e0e0;
    --gt-text-FF9100: #ff9100;
    --gt-text-F44336: #f44336;
    --gt-text-8BC34A: #8bc34a;
    --gt-text-90A4AE: #90a4ae;
    --gt-text-C4C4C4: #c4c4c4;
    --gt-text-Secondary-Text-Input: #6f6f6f;
    --gt-text-FF6D00: #ff6d00;
    --gt-text-00BFA5: #00bfa5;
    --gt-text-6F6F6F: #6f6f6f;
    --gt-text-BDBDBD: #bdbdbd;
    --gt-text-607D8B: #607d8b;
    --gt-text-263238: #263238;
    --gt-text-546E7A: #546e7a;
    --gt-text-BDBDBD: #bdbdbd;
    --gt-text-ECF8F5: #ecf8f5;



    --gt-bg-theme: #00bfa5;
    --gt-bg-theme-50: rgba(0, 191, 166, 0.5);
    --gt-bg-FAFAFA: #fafafa;
    --gt-bg-Primary-Off-white: #faf9f6;
    --gt-bg-Primary-Charcoal: #171717;
    --gt-bg-white: #ffffff;
    --gt-bg-Accent-Indigo: #36008d;
    --gt-bg-263238: #263238;
    --gt-bg-ECF8F5: #ecf8f5;
    --gt-bg-FF9100: #ff9100;
    --gt-bg-ECEFF1: #eceff1;
    --gt-bg-CFD8DC: #cfd8dc;
    --gt-bg-37474F: #37474f;
    --gt-bg-BDBDBD: #bdbdbd;
    --gt-bg-FFAB00: #ffab00;
    --gt-bg-607D8B: #607d8b;
    --gt-bg-FF6D00: #ff6d00;
    --gt-bg-01bfa54f: #01bfa54f;
    --gt-bg-F7F9FC: #f7f9fc;
    --gt-bg-EC407A: #ec407a;
    --gt-bg-fff: #fff;
    --gt-bg-FFFFFF: #ffffff;
    --gt-bg-D9D9D9: #d9d9d9;
    --gt-bg-F5F5F5: #f5f5f5;
    --gt-bg-F443361A: #f443361a;
    --gt-bg-FFAB001A: #ffab001a;
    --gt-bg-8BC34A26: #8bc34a26;
    --gt-bg-F7F9FC: #f7f9fc;
    --gt-bg-FAF9F6: #faf9f6;
    --gt-bg-E0E0E0: #E0E0E0;
    --gt-bg-8BC34A: #8BC34A;
    --gt-bg-78909C: #78909C;


    --gt-text-hover-8cd2c8: #8cd2c8;

    --gt-border-theme: #00bfa5;
    --gt-border-ECEFF1: #eceff1;
    --gt-border-78909C: #78909c;
    --gt-border-Text-Outline: #f4f4f4;
    --gt-border-Primary-Charcoal: #171717;
    --gt-border-Accent-Indigo: #36008d;
    --gt-border-Text-Outline-New: #eaeaea;
    --gt-border-CFD8DC: #cfd8dc;
    --gt-border-FF9100: #ff9100;
    --gt-border-EAEAEA: #eaeaea;
    --gt-border-04C9B8: #04c9b8;
    --gt-border-Secondary-Input-Outline: #eaeaea;
    --gt-border-546E7A: #546e7a;
    --gt-border-E0E0E0: #e0e0e0;
    --gt-border-FF6D00: #ff6d00;
    --gt-border-EAEAEA: #eaeaea;
    --gt-border-BDBDBD: #bdbdbd;
    --gt-border-A5A5A5: #a5a5a5;
    --gt-border-E0E0E0: #E0E0E0;



    --gt-shadow-s1: 0px 4px 6px 0px #0000000d;
    --gt-shadow-s1-00000026: 0px 4px 14px 0px #00000026;
    --gt-shadow-navbar: 0px -2px 10px 0px #00000059;
    --gt-shadow-s2: 0px 4px 14px 0px #00000014;
    --gt-shadow-2: 0px 4px 6px 0px #0000000F;

    --gt-fw-thin: 100;
    --gt-fw-light: 300;
    --gt-fw-regular: 400;
    --gt-fw-medium: 500;
    --gt-fw-semi-bold: 600;
    --gt-fw-bold: 700;
    --gt-fw-black: 900;

    --gt-fs-xs: 12px;
    --gt-fs-sm: 14px;
    --gt-fs-md: 16px;
    --gt-fs-lg: 20px;
    --gt-fs-xl: 24px;
    --gt-fs-2xl: 32px;
    --gt-fs-3xl: 40px;

    --gt-fs-md-28px: 16px;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}

:focus-visible {
    outline: unset;
}

body {
    color: var(--gt-text-263238);
    font-family: var(--gt-font-Roboto);
    background: var(--gt-bg-F7F9FC);
    font-size: var(--gt-fs-md);
    height: 100vh;
}

.italic {
    font-style: italic;
}

/* Start Font Familly */
.gt-font-Roboto {
    font-family: var(--gt-font-Roboto);
}
.gt-font-Inter {
    font-family: var(--gt-font-Inter);
}
.gt-font-lato {
    font-family: var(--gt-font-lato);
}

/* Start box box-shadow */
.gt-shadow-navbar {
    box-shadow: var(--gt-shadow-navbar);
}
.gt-shadow-s2 {
    box-shadow: var(--gt-shadow-s2);
}
.gt-shadow-2{
    box-shadow: var(--gt-shadow-2);
}
/* End box box-shadow */

/* Start padding and margin  */
.px-32px{
    padding-left: 32px;
    padding-right: 32px;
}
.py-12px {
    padding-top: 12px;
    padding-bottom: 12px;
}
.py-14px {
    padding-top: 14px;
    padding-bottom: 14px;
}
.py-20px {
    padding-top: 20px;
    padding-bottom: 20px;
}
.py-32px{
   padding-top: 32px;
   padding-bottom: 32px;
}
.change-py-32px-24px{
    padding-top: 32px;
    padding-bottom: 32px;
}
.px-32{
    padding-left: 32px;
    padding-right: 32px;
}
.change-px-32px-24px{
    padding-left: 32px;
    padding-right: 32px;
}
.section-padding {
    padding: 60px 0;
}
.section-s2padding {
    padding: 90px 0;
}
.section-toppadding {
    padding-top: 135px;
}
.ms-xl-80px {
    margin-left: 80px;
}
.mb-32px{
    margin-bottom: 32px;
}
/* End padding and margin  */

/* Start Letter spacing */
.letter-spacing-00-75px {
    letter-spacing: -0.75px;
}
.letter-spacing-00-1px {
    letter-spacing: -1px;
}
.letter-spacing-0-2px {
    letter-spacing: 0.2px;
}
.letter-spacing-0-15px {
    letter-spacing: 0.15px;
}
.letter-spacing-2px {
    letter-spacing: 2px;
}
.letter-spacing-11px {
    letter-spacing: 11px;
}
/* End Letter spacing */

/* Start Color */
.gt-text-theme {
    color: var(--gt-text-theme) !important;
}
.gt-text-263238 {
    color: var(--gt-text-263238) !important;
}
.change-text-263238-white {
    color: var(--gt-text-263238) !important;
}
.gt-text-546E7A {
    color: var(--gt-text-546E7A);
}
.gt-text-Primary-Charcoal {
    color: var(--gt-text-Primary-Charcoal) !important;
}
.gt-text-EC407A {
    color: var(--gt-text-EC407A);
}
.gt-text-78909C {
    color: var(--gt-text-78909C);
}
.gt-text-white {
    color: var(--gt-text-white);
}
.gt-text-E0E0E0 {
    color: var(--gt-text-E0E0E0);
}
.gt-text-F44336 {
    color: var(--gt-text-F44336);
}
.gt-text-8BC34A {
    color: var(--gt-text-8BC34A);
}
.gt-text-C4C4C4 {
    color: var(--gt-text-C4C4C4);
}
.gt-text-Secondary-Text-Input {
    color: var(--gt-text-Secondary-Text-Input);
}
.gt-text-FF6D00 {
    color: var(--gt-text-FF6D00);
}
.gt-text-00BFA5 {
    color: var(--gt-text-00BFA5);
}
.gt-text-6F6F6 {
    color: var(--gt-text-6F6F6F);
}
.gt-text-FF9100 {
    color: var(--gt-text-FF9100);
}
.gt-text-607D8B {
    color: var(--gt-text-607D8B);
}
.gt-text-546E7A {
    color: var(--gt-text-546E7A);
}
.gt-text-BDBDBD {
    color: var(--gt-text-BDBDBD);
}
.gt-text-ECF8F5 {
    color: var(--gt-text-ECF8F5);
}
/* End Color */

/* Start background */
.gt-bg-theme {
    background: var(--gt-bg-theme);
}
.gt-bg-Primary-Off-white {
    background: var(--gt-bg-Primary-Off-white);
}
.gt-bg-FAFAFA {
    background: var(--gt-bg-FAFAFA);
}
.gt-bg-Primary-Charcoal {
    background: var(--gt-bg-Primary-Charcoal) !important;
}
.gt-bg-white {
    background: var(--gt-bg-white) !important;
}
.gt-bg-white-xl-transparent {
    background: var(--gt-bg-white) !important;
}
.gt-bg-263238 {
    background: var(--gt-bg-263238) !important;
}
.gt-bg-ECF8F5 {
    background: var(--gt-bg-ECF8F5) !important;
}
.gt-bg-CFD8DC {
    background: var(--gt-bg-CFD8DC);
}
.gt-bg-ECEFF1 {
    background: var(--gt-bg-ECEFF1);
}
.gt-bg-BDBDBD {
    background: var(--gt-bg-BDBDBD);
}
.gt-bg-FFAB00 {
    background: var(--gt-bg-FFAB00);
}
.gt-bg-FF9100 {
    background: var(--gt-bg-FF9100);
}
.gt-bg-F7F9FC {
    background: var(--gt-bg-F7F9FC);
}
.gt-bg-F7F9FC-xl-FFFFFF {
    background: var(--gt-bg-F7F9FC);
}
.bg-color-transparent {
    background-color: transparent !important;
}
.gt-bg-EC407A {
    background: var(--gt-bg-EC407A);
}
.gt-bg-D9D9D9 {
    background: var(--gt-bg-D9D9D9);
}
.gt-bg-F443361A {
    background: var(--gt-bg-F443361A);
}
.gt-bg-FFAB001A {
    background: var(--gt-bg-FFAB001A);
}
.gt-bg-8BC34A26 {
    background: var(--gt-bg-8BC34A26);
}
.gt-bg-FFFFFF {
    background: var(--gt-bg-FFFFFF);
}
.gt-bg-8BC34A {
    background: var(--gt-bg-8BC34A);
}
.gt-bg-78909C {
    background: var(--gt-bg-78909C);
}
/* End background */
/* Start linear-gradient */
.gt-bg-linear-gradient-01bfa54f-78909C {
    background: linear-gradient(270.1deg, rgba(1, 191, 165, 0.05) 0%, rgba(120, 144, 156, 0.05) 100%);
}


/* End linear-gradient */

/* Start Border */
.gt-border-theme {
    border-color: var(--gt-border-theme) !important;
}
.gt-border-ECEFF1 {
    border-color: var(--gt-border-ECEFF1) !important;
}
.gt-border-Primary-Charcoal {
    border-color: var(--gt-border-Primary-Charcoal) !important;
}
.gt-border-CFD8DC {
    border-color: var(--gt-border-CFD8DC);
}
.gt-border-bottom-1px-E0E0E0 {
    border-bottom: 1px solid var(--gt-border-E0E0E0) !important;
}
.gt-border-2pxCFD8DC {
    border: 2px dashed var(--gt-border-CFD8DC) !important;
}
.gt-border-2pxtheme {
    border: 2px dashed var(--gt-border-theme);
}
.gt-border-FF9100{
    border-color: var(--gt-border-FF9100) !important;
}
.gt-border-dashed-2px-FF9100{
    border: 2px dashed var(--gt-border-FF9100);
}
.gt-border-2pxE0E0E0 {
    border: 2px dashed var(--gt-border-E0E0E0) !important;
}
.gt-border-EAEAEA {
    border-color: var(--gt-border-EAEAEA) !important;
}
.gt-border-Secondary-Input-Outline {
    border-color: var(--gt-border-Secondary-Input-Outline) !important;
}
.gt-border-E0E0E0 {
    border-color: var(--gt-border-E0E0E0);
}

.border-bottom-last .border-bottom:last-child{
    border: 0 !important;
}
/* End Border */

/* Start Box Shadow */
.gt-shadow-s1 {
    box-shadow: var(--gt-shadow-s1);
}
.gt-shadow-s1-00000026{
    box-shadow: var(--gt-shadow-s1-00000026);
}
/* End Box Shadow */

/* Start object fit */
.object-fit-contain {
    object-fit: contain;
}
.object-fit-cover {
    object-fit: cover;
}
/* End object fit */

/* Start Link */
a {
    color: initial;
    text-decoration: unset;
}
a:hover {
    color: initial;
}
a:focus-visible {
    outline: unset;
}
.link-theme {
    color: var(--gt-text-theme) !important;
}
.link-theme:hover {
    color: var(--gt-text-theme);
    opacity: 0.8;
}
.link-78909C-theme {
    color: var(--gt-text-78909C);
}
.link-78909C-theme:hover {
    color: var(--gt-text-theme);
}
.change-link-78909C-FF9100 {
    color: var(--gt-text-78909C);
}
.change-link-78909C-FF9100:hover {
    color: var(--gt-text-FF9100);
}
.link-FF9100 {
    color: var(--gt-text-FF9100);
}
.link-FF9100:hover {
    color: var(--gt-text-FF9100);
    opacity: 0.8;
}
.link-FF9100-them {
    color: var(--gt-text-FF9100);
}
.link-FF9100-them:hover {
    color: var(--gt-text-FF9100);
    opacity: 0.8;
}
.link-263238-theme {
    color: var(--gt-text-263238) !important;
}
.link-263238-theme:hover {
    color: var(--gt-text-theme) !important;
    opacity: 0.8;
}
.gt-link-263238 {
    color: var(--gt-text-263238);
}
.gt-link-263238:hover {
    color: var(--gt-text-263238);
    opacity: 0.8;
}
/* End Link */

/* Start Height */
.min-h-100{
    min-height: 100%;
}
.h-100-md-auto{
    height: 100%;
}
.min-h-auto {
    min-height: auto;
}
.min-h-100vh{
    min-height: 100vh;
}
.min-h-45 {
    min-height: 45px !important;
}
.min-h-50 {
    min-height: 50px !important;
}
.max-h-210px {
    max-height: 210px;
}
/* End Height */

/* Start Width */
.max-w-100 {
    max-width: 100%;
}
.max-w-90px-60px{
    max-width: 90px;
}
.change-max-w-135px-55px{
    max-width: 135px;
}
.max-w-356px {
    max-width: 356px;
}
.max-w-500px {
    max-width: 500px;
}
.max-w-600px {
    max-width: 600px;
}
.max-w-680px{
    max-width: 680px;
}
.h-max-90px{
    height: 90px;
    max-height: 90px;
}
/* End Width */

/* Start Height Width */
.hw-12px {
    width: 12px;
    height: 12px;
    min-width: 12px;
    min-height: 12px;
}
.hw-16px {
    height: 16px;
    width: 16px;
}
.hw-20px {
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
}
.hw-22px {
    width: 22px;
    height: 22px;
    min-width: 22px;
    min-height: 22px;
}
.hw-30px {
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px;
}
.hw-34px {
    width: 34px;
    height: 34px;
    min-width: 34px;
    min-height: 34px;
}
.hw-48px {
    width: 48px;
    height: 48px;
    min-width: 48px;
    min-height: 48px;
}
.w-xl-auto-100 {
    width: auto;
}
.w-lg-auto-100{
    width: auto;
}
.w-md-auto-100{
    width: auto;
}
.hw-fs-50px {
    width: 50px;
    height: 50px;
}
.hw-fs-51px {
    width: 51px;
    height: 51px;
}
.hw-fs-56px {
    width: 56px;
    height: 56px;
}
.hw-fs-92px {
    width: 92px;
    height: 92px;
}
.hw-100px-84px {
    width: 84px;
    min-width: 84px;
    height: 100px;
    min-height: 100px;
}
.px-12px {
    padding: 0 12px;
}
.min-height-470px-415px{
    min-height: 470px;
}
/* End Height Width */

/* Start Word And White Space */
.word-break-all {
    word-break: break-all;
}

.white-space-nowrap {
    white-space: nowrap;
}
.white-space-break-spaces {
    white-space: break-spaces !important;
}
.white-space-pre-line {
    white-space: pre-line;
}
/* End Word And White Space */

/* Start Font Weight */
.fw-thin {
    font-weight: var(--gt-fw-thin);
}
.fw-light {
    font-weight: var(--gt-fw-light);
}
.fw-regular {
    font-weight: var(--gt-fw-regular) !important;
}
.fw-medium {
    font-weight: var(--gt-fw-medium);
}
.fw-semi-bold {
    font-weight: var(--gt-fw-semi-bold);
}
.fw-bold {
    font-weight: var(--gt-fw-bold) !important;
}
.fw-black {
    font-weight: var(--gt-fw-black);
}
.fw-100 {
    font-weight: 100;
}
.fw-200 {
    font-weight: 200;
}
.fw-300 {
    font-weight: 300;
}
.fw-400 {
    font-weight: 400 !important;
}
.fw-500 {
    font-weight: 500 !important;
}
.fw-600 {
    font-weight: 600 !important;
}
.fw-700 {
    font-weight: 700 !important;
}
.fw-900 {
    font-weight: 900 !important;
}
/* End Font Weight */

/* Start Font Size */
.fs-xs {
    font-size: var(--gt-fs-xs);
}
.fs-sm {
    font-size: var(--gt-fs-sm);
}
.fs-md {
    font-size: var(--gt-fs-md);
}
.change-fs-md-28px {
    font-size: var(--gt-fs-md-28px);
}
.change-fs-md-xs {
    font-size: var(--gt-fs-md);
}
.change-fs-md-sm {
    font-size: var(--gt-fs-md);
}
.fs-lg {
    font-size: var(--gt-fs-lg);
}
.change-fs-lg-md {
    font-size: var(--gt-fs-lg);
}
.fs-xl {
    font-size: var(--gt-fs-xl);
}
.fs-2xl {
    font-size: var(--gt-fs-2xl);
}
.fs-3xl {
    font-size: var(--gt-fs-3xl);
}
.fs-10px {
    font-size: 10px;
}
.fs-12px {
    font-size: 12px;
}
.fs-14px {
    font-size: 14px;
}
.fs-16px {
    font-size: 16px !important;
}
.change-fs-16px-14px{
    font-size: 16px;
}
.fs-18px {
    font-size: 18px;
}
.change-fs-18px-16px {
    font-size: 18px;
}
.fs-20px {
    font-size: 20px !important;
}
.change-fs-20px-16px {
    font-size: 20px;
}
.fs-24px {
    font-size: 24px !important;
}
.change-fs-24px-18px {
    font-size: 24px;
}
.change-fs-24px-20px {
    font-size: 24px;
}
.fs-28px {
    font-size: 28px;
}
.change-fs-28px-18px {
    font-size: 28px;
}
.fs-32px {
    font-size: 32px;
}
.change-fs-32px-24px{
    font-size: 32px;
}
.change-fs-32px-28px {
    font-size: 32px;
}
.fs-40px {
    font-size: 40px;
}
.fs-change-fs-40px-32px {
    font-size: 40px;
}
.fs-52px {
    font-size: 52px;
}
.fs-change-fs-52px-32px {
    font-size: 52px;
}
.fs-48px {
    font-size: 48px;
}
.fs-44px {
    font-size: 44px;
}
.fs-change-fs-44px-24px {
    font-size: 44px;
}
.fs-change-fs-48px-36px {
    font-size: 48px;
}
.change-fs-60px-40px {
    font-size: 60px;
}
.change-fs-62px-42px {
    font-size: 62px;
}
.fs-64px {
    font-size: 64px;
}
.change-fs-64px-40px {
    font-size: 64px;
}
.fs-72px {
    font-size: 72px;
}
.change-fs-72px-48px {
    font-size: 72px;
}
.fs-76px {
    font-size: 76px;
}
.change-fs-76px-48px {
    font-size: 76px;
}
/* End Font Size */

/* Start Line Height */
.lh-normal {
    line-height: normal !important;
}
.line-height-16px {
    line-height: 16px !important;
}
.line-height-20px{
    line-height: 20px;
}
.line-height-29px {
    line-height: 29px;
}
.line-height-50px-29px {
    line-height: 50px;
}
/* End Line Height */

/* Start Rounded */
.rounded-4 {
    border-radius: 4px !important;
}
.rounded-6 {
    border-radius: 6px !important;
}
.rounded-8 {
    border-radius: 8px !important;
}
.rounded-12 {
    border-radius: 12px !important;
}
.rounded-15 {
    border-radius: 15px;
}
.rounded-16 {
    border-radius: 16px;
}
.rounded-20 {
    border-radius: 20px;
}
.rounded-24 {
    border-radius: 24px;
}
.rounded-30 {
    border-radius: 30px;
}
/* End Rounded */

/* Start Cursor */
.cursor-auto {
    cursor: auto !important;
}
.cursor-pointer {
    cursor: pointer;
}
/* End Cursor */

/* Start Margin Start padding */
.mt-2px {
    margin-top: 2px;
}
/* End Margin End padding */

/* Start Line Clamp */
.line-clamp-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/* End Line Clamp */

/* Start Scrollbar */
.sm-scroll::-webkit-scrollbar {
    width: 5px;
}
.sm-scroll::-webkit-scrollbar-track {
    background-color: #ebebeb;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.sm-scroll::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: var(--gt-bg-263238);
}
/* End Scrollbar */

/* Start Mix Blend Mode */
.mix-blend-multiply {
    mix-blend-mode: multiply;
}
/* End Mix Blend Mode */

/* Start Tooltip */
.tooltip-37474F {
    --bs-tooltip-bg: #37474f;
    --bs-tooltip-opacity: 1;
    --bs-tooltip-font-size: var(--gt-fs-xs);
}

/* .tooltip-s1:hover .tooltip {
    opacity: var(--bs-tooltip-opacity);
} */
/* End Tooltip */

/* Start Icon */
.s1-icon {
    /* font-weight: 600;
    font-size: 20px; */
    line-height: normal;
}
.s2-icon {
    font-weight: 600;
    font-size: 20px;
}
.link-78909C-theme.s1-icon:hover svg path {
    fill: var(--gt-text-theme);
}

.change-link-78909C-FF9100.s1-icon:hover svg path {
    fill: var(--gt-text-FF9100);
}
/* End Icon */

/* Start Toster */
#toast-container {
    padding: 0px 15px;
    z-index: 999999999;
}
#toast-container > .toast-success,
#toast-container > .toast-error,
#toast-container > .toast-warning,
#toast-container > .toast-gray {
    background-image: unset !important;
}
.toast-top-center {
    top: 15px !important;
    display: flex !important;
    flex-direction: column;
}
.toast {
    padding: 20px 30px !important;
    overflow: hidden !important;
    border-radius: 6px !important;
    border: 0px !important;
    max-width: 348px;
    width: 100% !important;
}
#toast-container > div {
    /* width: auto !important; */
    opacity: 1;
    box-shadow: unset !important;
}
.toast-message {
    text-align: center !important;
}
.toast-error {
    background-color: red !important;
}
.toast-error .toast-message {
    color: white !important;
}
.toast-success {
    background-color: #546e7a !important;
}
.toast-success .toast-message {
    color: white !important;
}
.toast-warning {
    background-color: yellow !important;
}
.toast-warning .toast-message {
    color: black !important;
}
.toast-gray {
    background-color: var(--gt-bg-607D8B) !important;
}
.toast-gray .toast-message {
    color: var(--gt-text-white) !important;
}
/* End Toster */

/* Start Select 2 CSS */
.gt-1select2 + .select2 {
    width: 100% !important;
}
.gt-1select2 + .select2-container .select2-selection--single {
    height: 50px;
    border: 1px solid var(--gt-border-ECEFF1);
}
.select2-dropdown {
    border: 1px solid var(--gt-border-ECEFF1);
    overflow: hidden;
}
.gt-1select2 + .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--gt-text-263238);
    line-height: 50px;
}
.gt-1select2 + .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--gt-text-263238);
    line-height: 50px;
    padding: 0px 40px 0px 1rem;
}
.gt-1select2 + .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 50px;
    width: 40px;
}
.gt-1select2 + .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-width: 7px 5px 0 5px;
}
.gt-1select2 + .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-width: 0 5px 7px 5px;
}
.gt-1select2 + .select2-container--default .select2-selection--single .select2-selection__arrow b {
    background-image: url(../image/select-2arrow.svg);
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: contain;
    border: none !important;
    height: 10px !important;
    width: 13px !important;
    margin: auto !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
}
.gt-1select2 + .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
    rotate: 180deg;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--gt-bg-FF9100);
}
/* .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable .dj-text-Primary-Charcoal,
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable .dj-text-Accent-Indigo {
    color: white !important;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable .dj-text-Secondary-Text-Input {
    color: white;
    opacity: 0.8;
} */
.gt-1select2-addnew .select2-results__options [title="Add a new role"] {
    background: #00bfa51a !important;
}
.gt-1select2-addnew .select2-results__options [title="Add a new role"] .gt-text-theme {
    color: var(--gt-text-theme) !important;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    white-space: pre-wrap;
}
.select2-results__option {
    padding: 10px;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: var(--gt-text-546E7A);
}
.gt-1select2 + .select2-container--default .select2-selection--single .select2-selection__rendered {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border-radius: 4px;
}

.gt-4select2 + .select2 {
    /* width: 100% !important; */
    min-width: 34px;
}
.gt-4select2 + .select2-container .select2-selection--single {
    height: 25px;
}
.gt-4select2 + .select2-container--default .select2-selection--single {
    background-color: transparent;
    border: 0px;
    /* border-bottom: 1px solid var(--gt-border-ECEFF1); */
    border-radius: 0px;
}
.gt-4select2 + .select2-container--default .select2-selection--single .select2-selection__placeholder {
    /* color: var(--dj-text-Primary-Offwhite-50); */
}
.gt-4select2 + .select2-container--default .select2-selection--single .select2-selection__rendered {
    /* color: var(--dj-text-Primary-Offwhite); */
    line-height: 44px;
}
.gt-4select2 + .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0px;
    padding-right: 25px;
}
.gt-4select2 + .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 25px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    font-size: 14px;
}
.gt-4select2 + .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 22px;
    width: 22px;
}

.gt-4select2 + .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: var(--gt-border-546E7A) transparent transparent transparent;
    border-width: 7px 6px 0 6px;
}
.gt-4select2 + .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent var(--gt-border-546E7A) transparent;
    border-width: 0 6px 7px 6px;
}
.gt-4select2 + .select2-container--default.select2-container--open .select2-selection--single {
    /* border-color: var(--dj-text-Primary-Offwhite-50); */
}
.gt-4select2-dropdown {
    min-width: 185px;
}
.gt-4select2-dropdown .select2-results__option {
    font-size: 14px;
    padding: 6px 10px;
}

/* Sart All Rounder */
.section-s1padding {
    padding-top: 55px;
    padding-bottom: 55px;
}

.main-s1title {
    font-weight: 600;
    font-size: 32px;
    line-height: 111.00000000000001%;
}
.main-s2sectitle h3 {
    font-size: var(--gt-fs-xl);
    font-weight: var(--gt-fw-medium);
}
.main-s2sectitle p {
    font-size: var(--gt-fs-md);
}

.main-s3sectitle h3 {
    font-size: var(--gt-fs-xl);
    font-weight: var(--gt-fw-semi-bold);
}

.modal-s1title {
    font-size: var(--gt-fs-md);
    font-weight: var(--gt-fw-medium);
}

.btn {
    font-size: var(--gt-fs-sm);
    border-radius: 4px;
    line-height: 21px;
    font-weight: var(--gt-fw-medium);
    min-height: 36px;
    align-content: center;
}
.btn:focus-visible{
    box-shadow: none;
}

.btn-S1 {
    font-size: var(--gt-fs-lg);
    border-radius: 8px;
    line-height: 21px;
    font-weight: 700;
    padding: 16px 32px;
}

.btn-theme {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--gt-bg-theme);
    --bs-btn-border-color: var(--gt-border-theme);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #03a993;
    --bs-btn-hover-border-color: #03a993;
    --bs-btn-focus-shadow-rgb: 0, 191, 166;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #039783;
    --bs-btn-active-border-color: #039783;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 191, 166, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--gt-bg-theme);
    --bs-btn-disabled-border-color: var(--gt-bg-theme);
}
.btn-S1theme {
    --bs-btn-color: #000000;
    --bs-btn-bg: #00bfa5;
    --bs-btn-border-color: #00bfa5;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #84bbb4;
    --bs-btn-hover-border-color: #84bbb4;
    --bs-btn-focus-shadow-rgb: 0, 191, 166;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #84bbb4;
    --bs-btn-active-border-color: #84bbb4;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 191, 166, 0.125);
    --bs-btn-disabled-color: 000000;
    --bs-btn-disabled-bg: var(--gt-bg-theme);
    --bs-btn-disabled-border-color: var(--gt-bg-theme);
}
.btn-theme-nav {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--gt-bg-theme);
    --bs-btn-border-color: var(--gt-border-theme);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #03a993;
    --bs-btn-hover-border-color: #03a993;
    --bs-btn-focus-shadow-rgb: 0, 191, 166;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #039783;
    --bs-btn-active-border-color: #039783;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 191, 166, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--gt-bg-theme);
    --bs-btn-disabled-border-color: var(--gt-bg-theme);
    font-size: var(--gt-fs-md);
    border-radius: 4px;
    line-height: 21px;
    font-weight: var(--gt-fw-medium);
    min-height: 36px;
    padding: 7px 16px;
    white-space: nowrap;
}
.btn-theme-nav-xl-orange {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--gt-bg-theme);
    --bs-btn-border-color: var(--gt-border-theme);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #03a993;
    --bs-btn-hover-border-color: #03a993;
    --bs-btn-focus-shadow-rgb: 0, 191, 166;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #039783;
    --bs-btn-active-border-color: #039783;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 191, 166, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--gt-bg-theme);
    --bs-btn-disabled-border-color: var(--gt-bg-theme);
    font-size: var(--gt-fs-md);
    border-radius: 4px;
    line-height: 21px;
    font-weight: var(--gt-fw-medium);
    min-height: 36px;
    padding: 7px 16px;
    white-space: nowrap;
}
.btn-outline-theme {
    --bs-btn-color: var(--gt-bg-theme);
    --bs-btn-border-color: var(--gt-bg-theme);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--gt-bg-theme);
    --bs-btn-hover-border-color: var(--gt-bg-theme);
    --bs-btn-focus-shadow-rgb: 0, 191, 166;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--gt-bg-theme);
    --bs-btn-active-border-color: var(--gt-bg-theme);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 191, 166, 0.125);
    --bs-btn-disabled-color: var(--gt-bg-theme);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--gt-bg-theme);
    --bs-gradient: none;
}
.btn-Accent-Indigo {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--gt-bg-Accent-Indigo);
    --bs-btn-border-color: var(--gt-border-Accent-Indigo);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #4505ac;
    --bs-btn-hover-border-color: #4505ac;
    --bs-btn-focus-shadow-rgb: 69, 5, 172;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4505ac;
    --bs-btn-active-border-color: #4505ac;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(69, 5, 172, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--gt-bg-Accent-Indigo);
    --bs-btn-disabled-border-color: var(--gt-bg-Accent-Indigo);
}
.btn-Accent-orang {
    --bs-btn-color: #ff6d00;
    --bs-btn-bg: transparent;
    --bs-btn-border-color: var(--gt-border-FF6D00);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #ff6d00;
    --bs-btn-hover-border-color: #ff6d00;
    --bs-btn-focus-shadow-rgb: 69, 5, 172;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #ff6d00;
    --bs-btn-active-border-color: #ff6d00;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(69, 5, 172, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--gt-bg-FF6D00);
    --bs-btn-disabled-border-color: var(--gt-border-FF6D00);
}

.btn-theme-Accent-orang {
    --bs-btn-color: #ffff;
    --bs-btn-bg: #ff9100;
    --bs-btn-border-color: #ff9100;
    --bs-btn-hover-color: #ffff;
    --bs-btn-hover-bg: #ff910094;
    --bs-btn-hover-border-color: #ffc07d;
    --bs-btn-focus-shadow-rgb: 69, 5, 172;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #ff910094;
    --bs-btn-active-border-color: #ffc07d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(69, 5, 172, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--gt-bg-FF6D00);
    --bs-btn-disabled-border-color: var(--gt-border-FF6D00);
}

.btn-outline-FF9100 {
    --bs-btn-color: var(--gt-bg-FF9100);
    --bs-btn-border-color: var(--gt-border-FF9100);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--gt-bg-FF9100);
    --bs-btn-hover-border-color: var(--gt-border-FF9100);
    --bs-btn-focus-shadow-rgb: 0, 191, 166;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--gt-bg-FF9100);
    --bs-btn-active-border-color: var(--gt-border-FF9100);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 191, 166, 0.125);
    --bs-btn-disabled-color: var(--gt-bg-FF9100);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--gt-border-FF9100);
    --bs-gradient: none;
}


.disabled,
:disabled,
[disabled] {
    opacity: 0.65;
    pointer-events: none;
}
.gt-s1disabled {
    opacity: 1;
    color: var(--gt-text-BDBDBD) !important;
}
.gt-disabled-E0E0E0 {
    opacity: 1;
    color: var(--gt-text-BDBDBD) !important;
    background: var(--gt-bg-E0E0E0) !important;
    border-color: var(--gt-border-E0E0E0) !important;
}

.form-label {
    font-weight: 600;
    font-size: 12px;
    line-height: normal;
}
.form-control {
    height: 50px;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    border-color: var(--gt-border-ECEFF1);
    color: var(--gt-text-263238);
}
.form-control:focus {
    box-shadow: none;
    border-color: var(--gt-border-FF9100);
}
.form-control::placeholder {
    color: var(--gt-text-78909C);
}
.form-control:disabled {
    color: #a4a4a4;
    background-color: #f4f4f4;
}
textarea.form-control {
    height: auto;
    min-height: auto;
    padding: 0.75rem 1rem;
}

.form-s1control {
    border-color: var(--gt-border-Text-Outline-New);
    color: var(--gt-text-Primary-Charcoal);
}
.form-s1control:focus {
    border-color: var(--gt-border-Accent-Indigo);
}
.form-s1control::placeholder {
    color: var(--gt-text-Text-input-fill);
}
/*Start gap using css  */

.row-y-gap {
    gap: 24px 0;
}
.row-g-12px {
    gap: 12px 0px;
    padding-right: calc(var(--bs-gutter-x) * 0.5 + -6px);
    padding-left: calc(var(--bs-gutter-x) * 0.5 + -6px);
}
.row-g-12px > * {
    padding-left: 6px;
    padding-right: 6px;
}
.row-g-32px {
    --bs-gutter-y: 32px;
    --bs-gutter-x: 32px;
}
.gap-10px {
    gap: 10px;
}
.gap-12px {
    gap: 12px;
}
.gap-row-16px {
    row-gap: 16px;
}
.gap-20px {
    gap: 20px;
}
.gap-32px {
    gap: 32px;
}
.change-gap-row-44px-24px{
    row-gap: 44px;
}

/*End gap using css  */

.gt-spinner {
    display: inline-block;
    animation: gtspinner 2s linear infinite;
}
@keyframes gtspinner {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.input-s1rightbtn input {
    padding-right: 90px;
}
.input-s1rightbtn .btn {
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0px;
}

.s1-dropdown .dropdown-toggle::after {
    content: unset;
}
.s1-dropdown .dropdown-menu {
    border: 0px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 12px 0px;
}
.s1-dropdown .dropdown-item {
    color: var(--gt-text-546E7A);
}
.s1-dropdown .dropdown-item.active,
.s1-dropdown .dropdown-item:active {
    color: var(--gt-text-white);
    background-color: var(--gt-bg-263238);
}

.generating-s1loader {
    display: inline-block;
    width: 115px;
    height: 115px;
    border: 16px solid var(--gt-border-EAEAEA);
    border-radius: 50%;
    border-top-color: var(--gt-border-FF9100);
    border-bottom-color: var(--gt-border-FF9100);
    border-right-color: var(--gt-border-FF9100);
    animation: generating-s1loader 1s linear infinite;
    -webkit-animation: generating-s1loader 1s linear infinite;
}

.generating-s2loader {
    display: inline-block;
    width: 110px;
    height: 110px;
    border: 14px solid var(--gt-border-EAEAEA);
    border-radius: 50%;
    border-top-color: var(--gt-border-FF9100);
    border-bottom-color: var(--gt-border-FF9100);
    border-right-color: var(--gt-border-FF9100);
    animation: generating-s1loader 1s linear infinite;
    -webkit-animation: generating-s1loader 1s linear infinite;
}

@keyframes generating-s1loader {
    to {
        -webkit-transform: rotate(360deg);
    }
}
@-webkit-keyframes generating-s1loader {
    to {
        -webkit-transform: rotate(360deg);
    }
}

.input-s2absolute-btn {
    position: absolute;
    left: 2px;
    top: 50%;
    transform: translateY(-50%);
}

.skill-s1badge {
    background: var(--gt-bg-37474F);
    color: var(--gt-text-ECEFF1);
    display: inline-block;
    padding: 6px 12px;
    border-radius: 50rem;
}
/* End All Rounder */

/* Start Table CSS */
.table-s1 {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0px;
}
.table-s1 th {
    font-size: 10px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.10000000149011612px;
    padding: 12px 16px;
    background: var(--gt-bg-F5F5F5);
}
.table-s1 tr td {
    padding: 18px 16px;
    border-bottom: 1px solid var(--gt-border-Secondary-Input-Outline);
    border-left: 1px solid var(--gt-border-Secondary-Input-Outline);
}
.table-s1 tr td:last-child {
    border-right: 1px solid var(--gt-border-Secondary-Input-Outline);
}
.table-s1 tr th {
    border-top: 1px solid var(--gt-border-Secondary-Input-Outline);
    border-bottom: 1px solid var(--gt-border-Secondary-Input-Outline);
    border-left: 1px solid var(--gt-border-Secondary-Input-Outline);
}
.table-s1 tr th:last-child {
    border-right: 1px solid var(--gt-border-Secondary-Input-Outline);
}
.table-s1 tr th:first-child {
    border-top-left-radius: 8px;
}
.table-s1 tr th:last-child {
    border-top-right-radius: 8px;
}
.table-s1 tr:last-child td:first-child {
    border-bottom-left-radius: 8px;
}
.table-s1 tr:last-child td:last-child {
    border-bottom-right-radius: 8px;
}
@media (min-width: 768px) {
    .d-md-inline-table {
        display: inline-table !important;
    }
}
/* End Table CSS */

/* Start Auth Pages */
.auth-s1body {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.auth-s1body main {
    width: 100%;
}
.auth-s2body {
    min-height: 100vh;
}
.auth-s2body main {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.auth-s1card-logo {
    max-height: 74px;
}
.auth-s2card {
    border: 1px solid var(--gt-border-Text-Outline);
    box-shadow: 0px 4px 6px 0px #0000000d;
    border-radius: 8px;
}
.auth-s2card-logo {
    max-height: 80px;
}


.auth-s3body{
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.user-login-line{
    height: 1px;
    width: 100%;
    display: block;
    background: var(--gt-border-CFD8DC);
}
.user-login-line .user-login-line-text{
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 14px;
    line-height: 20px;
    background-color: var(--gt-bg-FFFFFF);
}

.password-input {
    padding-right: 40px;
}
.password-addon {
    color: #6f6f6f;
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translatey(-50%);
}
.auth-pass-inputgroup input[type="text"] + .password-addon .ri-eye-fill:before {
    content: "\ecb6";
}

.auth-or-line span {
    height: 1px;
    width: 100%;
    display: block;
    background: var(--gt-border-78909C);
}
.auth-or-line p {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--gt-text-78909C);
    background: var(--gt-bg-FAFAFA);
}

.otp-fild {
    /* width: 70px; */
    width: 100%;
    height: 70px;
    font-size: var(--gt-fs-2xl);
    font-weight: var(--gt-fw-medium);
    text-align: center;
}
/* End Auth Pages */

/* Start Layout */
.main-content-cover .cs-content-main {
    padding: 42px 68px;
}
/* End Layout */

/* Start Header */
.main-s1header {
    position: fixed;
    top: 0px;
    right: 0px;
    left: 0px;
    background: var(--gt-bg-FAFAFA);
    min-height: 70px;
    padding: 0px 55px;
    z-index: 1040;
}
.main-s1header-1logo {
    width: 114px;
}
/* End Header */

/* Start lvlup Page */
.report-card.report-card-new {
    color: var(--gt-text-263238);
    border: 2px dashed var(--gt-border-CFD8DC);
    transition: background 0.3s;
}
.report-card.report-card-new:hover {
    color: var(--gt-text-white);
    border: 2px dashed var(--gt-border-FF9100);
    background: var(--gt-bg-FF9100);
}
.report-card.report-card-new:hover svg path {
    fill: var(--gt-text-white);
}
.report-card {
    border: 1px solid var(--gt-border-Secondary-Input-Outline);
    box-shadow: 0px 4px 12px 0px #0000000d;
}
.report-card .report-card-img {
    aspect-ratio: 224 / 218;
    background: rgba(255, 170, 0, 0.1);
}
/* End lvlup Page */

/* Start Career (Resume Builder , Career Pathway) */

.ai-s1assistant-card {
    width: 380px;
    position: sticky;
    top: 42px;
}
.ai-s1assistant-card .card-body {
    height: calc(100vh - 232px);
    overflow: auto;
    display: flex;
    flex-direction: column;
    justify-content: end;
    min-height: 200px;
}
.freemium-editpreview-section .ai-s1assistant-card .card-body {
    height: calc(100vh - 345px);
}
@media (max-width: 1199px) {
    .freemium-editpreview-section .ai-s1assistant-card .card-body {
        height: calc(100vh - 270px);
    }
}
.ai-s1assistant-card .ai-s1assistant-chatbody {
    max-height: 100%;
}
.ai-s1assistant-chat .left-chat .chat-content {
    background: var(--gt-bg-263238);
    color: var(--gt-text-white);
    font-size: var(--gt-fs-md);
    /* line-height: normal; */
    padding: 8px 15px;
    border-radius: 0px 16px 16px 16px;
    width: 100%;
}
.ai-s1assistant-chat .right-chat .chat-content {
    background: var(--gt-white);
    font-size: var(--gt-fs-md);
    /* line-height: normal; */
    padding: 8px 15px;
    border-radius: 16px 0px 16px 16px;
    width: 100%;
}
.AIChatModal .ai-s1assistant-card .card-body {
    height: calc(100vh - 142px);
}
.ai-s1assistant-input {
    position: relative;
}
.ai-s1assistant-input .btn {
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
}
.ai-s1assistant-input input {
    padding-right: 55px;
    min-height: 62px;
}
/* End Career (Resume Builder , Career Pathway) */

.form-check-input:checked {
    background-color: var(--gt-bg-FF9100);
    border-color: var(--gt-border-FF9100);
}
.form-check-input:focus {
    box-shadow: unset;
    border-color: var(--gt-border-FF9100);
}

.form-switch .form-check-input:focus {
    box-shadow: unset;
    border-color: rgba(0, 0, 0, 0.25);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e") !important;
}
.form-switch .form-check-input:checked:focus {
    box-shadow: unset;
    border-color: rgba(0, 0, 0, 0.25);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") !important;
}
.form-s1switch .form-check-input {
    position: relative;
    background-image: none;
    margin-top: 6px;
    height: 12px;
    cursor: pointer;
    background: var(--gt-bg-CFD8DC);
    border-color: var(--gt-bg-CFD8DC);
}
.form-s1switch.form-switch .form-check-input:focus {
    background-image: unset !important;
}
.form-s1switch.form-switch .form-check-input:checked:focus {
    background-image: unset !important;
}
.form-s1switch .form-check-input::before {
    content: "\f3c1";
    font-family: "remixicon" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    top: -9.3px;
    position: absolute;
    font-size: 20px;
    left: -3px;
    color: var(--gt-text-90A4AE);
    -webkit-transition: background-position 0.15s ease-in-out;
    transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .form-s1switch .form-check-input::before {
        -webkit-transition: none;
        transition: none;
    }
}
.form-s1switch .form-check-input:checked {
    background-image: none;
    background-color: transparent !important;
    -webkit-transition: background-position 0.15s ease-in-out;
    transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .form-s1switch .form-check-input:checked {
        -webkit-transition: none;
        transition: none;
    }
}
.form-s1switch .form-check-input:checked::before {
    right: -3px;
    left: auto;
}
.form-s1switch .form-check-input:focus {
    background-image: none;
}
.form-switch-theme .form-check-input:checked {
    background-color: #ff91008c !important;
    border-color: #fcc084;
}
.form-s1switch.form-switch-theme .form-check-input:checked::before {
    color: var(--gt-text-FF9100);
}

.form-s1switch-theme .form-check-input:checked {
    background-color: var(--gt-bg-FF9100) !important;
    border-color: #ff9100 !important;
}

.nav-pills.cs-nav-black .nav-link {
    color: var(--gt-text-263238);
    background-color: var(--gt-bg-ECEFF1);
    font-weight: var(--gt-fw-medium);
    border-radius: 8px;
    width: 100%;
    white-space: nowrap;
    padding: 7px 12px;
    font-size: var(--gt-fs-sm);
}

.nav-pills.cs-nav-black .nav-link.active,
.nav-pills.cs-nav-black .show > .nav-link {
    color: var(--gt-white);
    background-color: var(--gt-bg-263238);
}

.delete-btn {
    border: unset;
}
.delete-btn-input-cover {
    display: flex;
    align-items: center;
    gap: 6px;
}
.delete-btn-input-cover .btn i {
    color: var(--gt-text-78909C);
}
.delete-btn-input-cover .btn:hover i {
    color: var(--gt-text-FF9100);
}

.resume-from-top-title {
    color: var(--gt-text-546E7A);
    background-color: var(--gt-bg-FAFAFA);
    position: absolute;
    top: -12px;
    left: 10px;
    border-radius: 50rem;
    padding: 3px 8px;
    z-index: 1;
}

.resume-builder-detail-card {
    border: 1px solid var(--gt-bg-ECEFF1);
    background: var(--gt-bg-FFFFFF);
}

.shimmer-nl badge,
.shimmer-nl h2,
.shimmer-nl h3,
.shimmer-nl h4,
.shimmer-nl h5,
.shimmer-nl h6,
.shimmer-nl button,
.shimmer-nl input,
.shimmer-nl label,
.shimmer-nl i,
.shimmer-nl del,
.shimmer-nl p,
.shimmer-nl pre,
.shimmer-nl span {
    opacity: 0.3;
    border-radius: 5px;
    /* min-height: 1em; */
    vertical-align: middle;
    cursor: wait;
    background: currentColor !important;
    -webkit-animation: placeholder-glow 2s ease-in-out infinite;
    animation: placeholder-glow 2s ease-in-out infinite;
    /*filter: var(--cs-filter-shimmer);*/
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.shimmer-nl img {
    opacity: 0.3;
    border-radius: 0;
    min-height: 1em;
    vertical-align: middle;
    cursor: wait;
    background-color: darkgray !important;
    -webkit-animation: placeholder-glow 2s ease-in-out infinite;
    animation: placeholder-glow 2s ease-in-out infinite;
    filter: invert(1);
}

.placeholder-glow .placeholder {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.chat-typing {
    position: relative;
}
.chat-typing span {
    content: "";
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    height: 9px;
    width: 9px;
    background: var(--gt-bg-Primary-Charcoal);
    position: absolute;
    left: 0;
    top: 10px;
    border-radius: 50%;
}
.chat-typing span:nth-child(2) {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
    margin-left: 15px;
}
.chat-typing span:nth-child(3) {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
    margin-left: 30px;
}
@-webkit-keyframes blink {
    0% {
        opacity: 0.1;
    }
    20% {
        opacity: 1;
    }
    100% {
        opacity: 0.1;
    }
}
@keyframes blink {
    0% {
        opacity: 0.1;
    }
    20% {
        opacity: 1;
    }
    100% {
        opacity: 0.1;
    }
}

.select-s1skill-ul {
    border: 1px solid var(--gt-border-Secondary-Input-Outline);
    max-height: 350px;
    overflow: auto;
}
.select-s1skill-ul li {
    padding: 8px 16px;
    border-bottom: 1px solid var(--gt-border-Secondary-Input-Outline);
    cursor: pointer;
}
.select-s1skill-ul li:last-child {
    border-bottom: unset;
}
.light-shadow-hover-div:hover {
    background: #ededed;
}
.light-shadow-hover-div {
    transition: 0.3s;
}
.select-s1skill-ul li.disabled {
    background: var(--gt-bg-37474F);
    color: var(--gt-text-ECEFF1);
}

.ai-s1dropdown .dropdown-menu {
    width: 600px;
    max-width: calc(100% - 10px);
    border: 0px;
    box-shadow: 0px 11px 15px -7px #00000033;
    box-shadow: 0px 24px 38px 3px #00000024;
    box-shadow: 0px 9px 46px 8px #0000001f;
}
.ai-s1dropdown.dropstart .dropdown-toggle::before {
    content: unset;
}
.ai-s1dropdown-card.active {
    position: relative;
}
.ai-s1dropdown-card.active::before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #0000001a;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 8px;
}

.AddSkills-s1Modal .modal-content,
.AddSkillsCompetency-s1Modal .modal-content {
    min-height: 550px;
}
.skills-competencylist-table {
    width: 100%;
    border-collapse: collapse;
}
.skills-competencylist-table tbody {
    background: var(--gt-bg-white);
    border: 1px solid var(--gt-border-ECEFF1);
}
.skills-competencylist-table tbody td {
    padding: 8px 15px;
    border-bottom: 1px solid var(--gt-border-ECEFF1);
}
.skills-competencylist-table thead th {
    padding: 8px 15px;
    position: sticky;
    top: 0;
    z-index: 1;
    background: transparent;
}

.cv-wrapper {
    width: 100%; /* Full width */
    max-width: 785px; /* Max width */
    margin: 0 auto; /* Center the wrapper */
    overflow: hidden; /* Ensure content stays inside the wrapper */
    box-shadow: 0px 5.76px 29.46px 5.12px #0000001f;
}
.cv-content {
    width: 785px;
    transform-origin: left top;
    transform: scale(1);
}

/*Start model css  */
.modal-w-600px {
    --bs-modal-width: 600px !important;
}
/*End model css  */

/* Start lvlup report */
.select-s1resume-list {
    border: 1px solid var(--gt-border-Secondary-Input-Outline);
    border-radius: 8px;
    overflow: hidden;
}
.select-s1resume-list .select-s1resume-listdiv {
    border-bottom: 1px solid var(--gt-border-Secondary-Input-Outline);
}
.select-s1resume-list .select-s1resume-listdiv:last-child {
    border-bottom: unset;
}
/* End lvlup report */

/* Start Feedback Page */
/* .s1-rating{
    display: inline-flex;
    flex-direction: column;
} */
.s1-rating label {
    background: var(--gt-bg-ECEFF1);
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    cursor: pointer;
}
.s1-rating label img:last-child {
    display: none;
}
.s1-rating label + p {
    color: var(--gt-text-546E7A);
}
.s1-rating [type="radio"] + label:hover {
    background: var(--gt-bg-FF9100);
}
.s1-rating [type="radio"] + label:hover img {
    filter: contrast(100);
}
.s1-rating [type="radio"]:checked + label {
    background: var(--gt-bg-FF9100);
}
.s1-rating [type="radio"]:checked + label img:first-child {
    display: none;
}
.s1-rating [type="radio"]:checked + label img:last-child {
    display: block;
}
.s1-rating [type="radio"]:checked + label + p {
    font-weight: 700;
    color: var(--gt-text-FF9100);
}

.s1-upload-maincard {
    background: var(--gt-bg-white);
    border: 2px dashed var(--gt-border-CFD8DC);
    padding: 8px;
}
.s1-upload-subcard.s1-upload-subcard-new {
    color: var(--gt-text-263238);
    border: 2px dashed var(--gt-border-CFD8DC);
    transition: background 0.3s;
}
.s1-upload-subcard.s1-upload-subcard-new:hover {
    color: var(--gt-text-white);
    border: 2px dashed var(--gt-border-FF9100);
    background: var(--gt-bg-FF9100);
}
.s1-upload-subcard.s1-upload-subcard-new:hover svg path {
    fill: var(--gt-text-white);
}
.s1-upload-subcard {
    border: 1px solid var(--gt-border-Secondary-Input-Outline);
    box-shadow: 0px 4px 12px 0px #0000000d;
}
.s1-upload-subcard .s1-upload-subcard-img {
    aspect-ratio: 200 / 200;
    background: rgba(255, 170, 0, 0.1);
}
.s1-upload-subcard .s1-upload-subcard-img img {
    height: 100%;
    object-fit: cover;
}
/* End Feedback Page */

/* Start Account details page  */

.tab-S1card .nav-item .nav-link {
    border: 0;
    background: transparent;
    padding: 10px 20px;
    font-size: var(--gt-fs-sm);
    font-weight: var(--gt-fw-medium);
    position: relative;
    transition: color 0.3s;
    cursor: pointer;
    color: var(--gt-text-263238);
}
.tab-S1card .nav-item .nav-link.active {
    color: var(--gt-text-FF6D00);
}

.tab-S1card .nav-item .nav-link::after {
    content: "";
    background: var(--gt-border-FF6D00);
    height: 1px;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    transition: all 250ms ease 0s;
}
.tab-S1card .nav-item .nav-link.active::after {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.cv-profile-div .profile-img-show,
.profile-S1img {
    width: 90px;
    height: 90px;
    min-width: 90px;
    min-height: 90px;
    border-radius: 50rem;
    object-fit: cover;
}
/* End Account details page  */

/*Start nav bar css  */
.dropdown-toggle::after {
    display: none;
}
.dropdown-item:focus,
.dropdown-item:hover {
    background-color: #f691054a;
}

.navbar-expand-xl .dropdown-menu .dropdown-item {
    padding: 7px 20px;
}

.navbar-expand-xl .dropdown-menu {
    box-shadow: 0 4px 14px 0 #00000026;
    border: 0;
    border-radius: 8px;
}

.navbar-expand-xl .navbar-toggler {
    border: 0;
}
.navbar-expand-xl .navbar-toggler:focus {
    box-shadow: none;
}
.navbar-expand-xl .nav-bar-collapse {
    display: flex;
}
.nav-bar-user-details-section .dropdown-menu[data-bs-popper] {
    right: 0;
    left: auto;
    top: 45px;
}
.nav-bar-user-details-section .dropdown-menu {
    min-width: 300px;
}
.nav-bar-user-details-section .user-item {
    list-style: none;
}
.nav-bar-user-details-section .user-item a {
    cursor: pointer;
    padding: 7px 16px !important;
    display: flex;
}

.nav-bar-user-details-section .user-item a:hover {
    background-color: #ff910070;
}
.overlay {
    display: none;
}
.navbar-expand-xl {
    z-index: 99;
}
/*End nav bar css  */

/* Start scolling css in header*/

.navbar-expand-xl ::-webkit-scrollbar {
    width: 4px;
}

.navbar-expand-xl ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

/* Handle */
.navbar-expand-xl ::-webkit-scrollbar-thumb {
    background: #ff9100;
    border-radius: 50px;
}

/* Handle on hover */
.navbar-expand-xl ::-webkit-scrollbar-thumb:hover {
    background: #ff9100;
}

/* Start Jayen (web-app Home page) CSS */
.about-s1cardcover {
    border: 1px dashed var(--gt-border-BDBDBD);
}
.about-s1cardcover .col-12 {
    border-right: 1px dashed var(--gt-border-BDBDBD);
}
.about-s1cardcover .col-12:last-child {
    border-right: unset;
}
.career-intelligence-s1card:before {
    content: "";
    background: #ec407a;
    height: 100%;
    width: 3px;
    position: absolute;
    left: 0px;
    border-radius: 50rem;
}
.career-intelligence-s1card img {
    max-width: 140px;
    max-height: 230px;
    min-width: 140px;
    min-height: 230px;
}

.works-s1card {
    padding-bottom: 72px;
}
.works-s1card:last-child {
    padding-bottom: 0;
}
.works-s1card::before {
    content: "";
    position: absolute;
    border-left: 1px dashed var(--gt-border-A5A5A5);
    height: calc(100% - 5px);
    top: 3px;
    left: 24.5px;
}
.works-s1card:last-child:before {
    content: unset;
}
.supportersSwiper .swiper-slide {
    width: auto;
    display: inline-block;
}
.supporters-s1card {
    min-height: 104px;
    height: 104px;
}
.supporters-s1card .card-body {
    padding: 12px 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    max-height: 100%;
}
.supporters-s1card .card-body img {
    max-height: 100%;
}
/* .swiper-free-mode > .swiper-wrapper {
    transition-timing-function: linear;
    margin: 0 auto;
  } */
/* Start Jayen (web-app Home page) CSS */

/* Start New Freemium */
.main-s1padding {
    --bs-gutter-x: 1.5rem;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
}
.main-s2header .main-s2header-logo {
    width: 168px;
}
.upload-s1card {
    border: 2px dashed #cfd8dc;
    border-radius: 16px;
}

.slide-up-out {
    animation: slideUpOut 0.5s forwards;
}
.slide-up-in {
    animation: slideUpIn 0.5s forwards;
}
@keyframes slideUpOut {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(-100%);
    }
}
@keyframes slideUpIn {
    from {
        opacity: 0;
        transform: translateY(100%);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* End New Freemium */

/* Start ForgotPasswordController  */
.auth-title {
    font-size: 43px;
    font-weight: 400;
    line-height: 53.42px;
}

/* End ForgotPasswordController  */

/* Start Purchasing a Plan */

.container-830px {
    max-width: 830px;
}
.container-644px {
    max-width: 644px;
}
.purchasing-Swiper .swiper-pagination-bullet {
    background: #ffab00;
    transition: opacity 0.3s ease;
}

.purchasing-Swiper .swiper-pagination-bullet-active {
    width: 33px;
    border-radius: 12px;
    background: #ff9100;
    transition: opacity 0.3s ease;
}
.overflow-x-hidden {
    overflow-x: hidden;
}
.side-white-background {
    width: calc(100% - 45%);
    height: 100%;
    position: absolute;
    background: white;
    z-index: -1;
}
.side-white-s1background::before {
    content: '';
    width: calc(100% + 100dvh);
    height: calc(100% + 100dvh);
    position: absolute;
    background: white;
    z-index: -1;
    right: 0;
}
/* End Purchasing a Plan */

/* Start : css for the input tel */
.iti.iti--allow-dropdown {
    width: 100%;
}
.iti--inline-dropdown .iti__dropdown-content {
    box-shadow: unset;
    border-color: #EAEAEA;
}
.iti__search-input{
    padding: 12px;
    border-color: #EAEAEA;
}
.iti__search-input:focus-visible{
    border-color: #36008d;
}
/* End : css for the input tel */

/* START : this is handling the stripe rendering screen's minimum height : stripe payment render screen */
.payment-min-height{
    min-height: 280px !important;
}
/* END : this is handling the stripe rendering screen's minimum height : stripe payment render screen */

/* Start Personalize Your LvLUP Report */
.goalSpecificDIV input:checked + label{
    color: white !important;
    background-color: #00BFA5 !important;
    border-color: #00BFA5 !important;
}
.goalSpecificDIV input:checked + label .goal-select{
    display: block !important;
}

.goalSpecificDIV input:checked + label .goal-add{
    display: none !important;
}

.character-limit-disabled{
    border-color: #F44336 !important;
}

.character-limit-disabled .disabled-bg-goals{
    background-color: #F5F5F5 !important;
    cursor: not-allowed !important;
    opacity: 0.9;
    pointer-events: none;
}

.character-limit-disabled .goalSpecificDIV input + label{
    border-color: #BDBDBD !important;
    color: #607D8B !important;
    filter: grayscale(1);
}
/* End Personalize Your LvLUP Report */


/* Start new Resume Builder */
.search-icon-absolute{
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
}
/* End new Resume Builder */

/* Start gift design */

.gift-absolute{
    position: absolute;
    top: -32px;
    right: 0;
    z-index: -1;
}
/* End gift design */