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

    --gt-font-Roboto: "Roboto Variable", sans-serif;

    --gt-text-theme: #00bfa5;
    --gt-text-263238: #263238;
    --gt-text-1E1E1E: #1e1e1e;
    --gt-text-546E7A: #546e7a;
    --gt-text-607D8B: #607d8b;
    --gt-text-FF9100: #ff9100;
    --gt-text-455A64: #455a64;
    --gt-text-F44336: #f44336;
    --gt-text-8BC34A: #8bc34a;
    --gt-text-00BFA5: #00bfa5;
    --gt-text-EC407A: #ec407a;
    --gt-text-FFFFFF: #ffffff;
    --gt-text-ECEFF1: #eceff1;
    --gt-text-BDBDBD: #bdbdbd;
    --gt-text-CFD8DC: #cfd8dc;
    --gt-text-FAFAFA: #fafafa;
    --gt-text-E0E0E0: #e0e0e0;
    --gt-text-FF6D00: #ff6d00;
    --gt-text-1976D2: #1976d2;


    --gt-bg-theme: #00bfa5;
    --gt-bg-white: #ffffff;
    --gt-bg-ECEFF1: #eceff1;
    --gt-bg-D9D9D9: #d9d9d9;
    --gt-bg-607D8B: #607d8b;
    --gt-bg-FF6D00: #ff6d00;
    --gt-bg-8BC34A: #8bc34a;
    --gt-bg-EC407A: #ec407a;
    --gt-bg-FAFAFA: #fafafa;
    --gt-bg-EAEAEA: #eaeaea;
    --gt-bg-F5F5F5: #f5f5f5;
    --gt-bg-1976D2: #1976d2;
    --gt-bg-FF9100: #ff9100;
    --gt-bg-ECF8F5: #ecf8f5;
    --gt-bg-FFAB001A: #ffab001a;
    --gt-bg-F7F9FC:#F7F9FC;
    --gt-bg-CFD8DC:#CFD8DC;
    --gt-bg-F443361A: #f443361a;
    --gt-bg-F44336: #f44336;
    --gt-bg-FFAB00: #ffab00;
    --gt-bg-37474F: #37474f;
    --gt-bg-263238: #263238;
    --gt-bg-E0E0E0: #e0e0e0;
    --gt-bg-EEF6E4: #eef6e4;
    --gt-bg-FEF8E7: #fef8e7;
    --gt-bg-EC407A1F: #EC407A1F;
    --gt-bg-1976D226: #1976D226;
    --gt-bg-F84E411A: #F84E411A;
    --gt-bg-f0f0f0: #f0f0f0;
    --gt-bg-FFAB001A: #FFAB001A;






    --gt-border-theme: #00bfa5;
    --gt-border-E0E0E0: #e0e0e0;
    --gt-border-546E7A:#546E7A;
    --gt-border-1976D2:#1976D2;
    --gt-border-EAEAEA: #eaeaea;
    --gt-border-607D8B: #607d8b;
    --gt-border-F5F5F5: #f5f5f5;
    --gt-border-ECEFF1: #eceff1;
    --gt-border-D9D9D9: #d9d9d9;
    --gt-border-FF9100: #ff9100;
    --gt-border-F44336: #f44336;
    --gt-border-F9B712: #f9b712;
    --gt-border-FF6D00: #ff6d00;
    --gt-border-FFAB00: #ffab00;
    --gt-border-EC407A: #EC407A;
    --gt-border-E0E0E0: #E0E0E0;




    --gt-shadow-1: 0px 4px 6px 0px #0000000f;
    --gt-shadow-2: 0px 9px 46px 8px #0000001f;
    --gt-shadow-3: 0px 3px 14px 2px #0000001f;

    --gt-fw-thin: 100;
    --gt-fw-light: 300;
    --gt-fw-regular: 400;
    --gt-fw-medium: 500;
    --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-lh-md: 24px;
    --gt-lh-xl: 40px;
    --gt-lh-2xl: 48px;
}

.report-s1body {
    background: var(--gt-bg-white);
    font-size: var(--gt-fs-sm);
    font-family: var(--gt-font-Roboto);
    color: var(--gt-text-263238);
}
.italic {
    font-style: italic;
}

.container {
    max-width: 746px;
}

.opacity-30 {
    opacity: 30%;
}

/* Start Gap */
.gap-12px {
    gap: 12px;
}
.gap-20px {
    gap: 20px;
}
.gap-36px {
    gap: 36px;
}
.gap-40px {
    gap: 40px;
}
.gap-52px {
    gap: 52px;
}
.gap-row-6px {
    row-gap: 6px;
}
.gap-row-16px {
    row-gap: 16px;
}
/* End Gap */

/* Start Height Width */
.h-260px{
    height: 260px;
}
.hw-8px {
    width: 8px;
    min-width: 8px;
    height: 8px;
    min-height: 8px;
}
.hw-16px {
    width: 16px;
    min-width: 16px;
    height: 16px;
    min-height: 16px;
}
.hw-20px {
    width: 20px;
    min-width: 20px;
    height: 20px;
    min-height: 20px;
}
.hw-24px {
    width: 24px;
    min-width: 24px;
    height: 24px;
    min-height: 24px;
}
.hw-33px {
    width: 33px;
    min-width: 33px;
    height: 33px;
    min-height: 33px;
}
.hw-60px {
    width: 60px;
    min-width: 60px;
    height: 60px;
    min-height: 60px;
}
.hw-100px-84px {
    width: 84px;
    min-width: 84px;
    height: 100px;
    min-height: 100px;
}

.max-w-100 {
    max-width: 100% !important;
}
.max-w-36px{
    max-width: 36px;
}
.max-w-600px{
    max-width :600px
}
.max-w-928px{
    max-width: 928px;
}
.h-8px {
    height: 8px;
}
.h-12px {
    height: 12px;
}
.h-max-90px{
    height: 90px;
    max-height: 90px;
}
/* End Height Width */

/* Start Color */
.gt-text-263238 {
    color: var(--gt-text-263238);
}
.gt-text-theme {
    color: var(--gt-text-theme);
}
.gt-text-1E1E1E {
    color: var(--gt-text-1E1E1E);
}
.gt-text-546E7A {
    color: var(--gt-text-546E7A);
}
.gt-text-607D8B {
    color: var(--gt-text-607D8B);
}
.gt-text-FF9100 {
    color: var(--gt-text-FF9100);
}
.gt-text-455A64 {
    color: var(--gt-text-455A64);
}
.gt-text-F44336 {
    color: var(--gt-text-F44336);
}
.gt-text-8BC34A {
    color: var(--gt-text-8BC34A);
}
.gt-text-00BFA5 {
    color: var(--gt-text-00BFA5) !important;
}
.gt-text-EC407A {
    color: var(--gt-text-EC407A);
}
.gt-text-FFFFFF {
    color: var(--gt-text-FFFFFF);
}
.gt-text-ECEFF1 {
    color: var(--gt-text-ECEFF1);
}
.gt-text-CFD8DC {
    color: var(--gt-text-CFD8DC);
}
.gt-text-FAFAFA {
    color: var(--gt-text-FAFAFA);
}
.gt-text-E0E0E0 {
    color: var(--gt-text-E0E0E0);
}
.gt-text-FF6D00 {
    color: var(--gt-text-FF6D00);
}
.gt-text-1976D2 {
    color: var(--gt-text-1976D2);
}
.gt-text-EC407A {
    color: var(--gt-text-EC407A);
}
/* End Color */

/* Start Background */
.gt-bg-ECEFF1 {
    background: var(--gt-bg-ECEFF1);
}
.gt-bg-607D8B {
    background: var(--gt-bg-607D8B);
}
.gt-bg-FF6D00 {
    background: var(--gt-bg-FF6D00);
}
.gt-bg-EC407A {
    background: var(--gt-bg-EC407A);
}
.gt-bg-8BC34A {
    background: var(--gt-bg-8BC34A);
}
.gt-bg-FAFAFA {
    background: var(--gt-bg-FAFAFA);
}
.gt-bg-EAEAEA {
    background: var(--gt-bg-EAEAEA);
}
.gt-bg-F5F5F5 {
    background: var(--gt-bg-F5F5F5);
}
.gt-bg-1976D2 {
    background: var(--gt-bg-1976D2);
}
.gt-bg-FF9100 {
    background: var(--gt-bg-FF9100);
}
.gt-bg-ECF8F5 {
    background: var(--gt-bg-ECF8F5);
}
.gt-bg-FFAB001A {
    background: var(--gt-bg-FFAB001A);
}
.gt-bg-F443361A {
    background: var(--gt-bg-F443361A);
}
.gt-bg-F44336 {
    background: var(--gt-bg-F44336);
}
.gt-bg-FFAB00 {
    background: var(--gt-bg-FFAB00);
}
.gt-bg-37474F {
    background: var(--gt-bg-37474F);
}
.gt-bg-263238 {
    background: var(--gt-bg-263238);
}

.gt-bg-EEF6E4 {
    background-color: var(--gt-bg-EEF6E4);
}

.gt-bg-FEF8E7 {
    background-color: var(--gt-bg-FEF8E7);
}
.gt-bg-EC407A {
    background-color: var(--gt-bg-EC407A);
}
.gt-bg-EC407A1F {
    background-color: var(--gt-bg-EC407A1F);
}
.gt-bg-1976D226 {
    background-color: var(--gt-bg-1976D226);
}
.gt-bg-00BFA5 {
    background-color: var(--gt-bg-theme);
}
.gt-bg-F84E411A {
    background-color: var(--gt-bg-F84E411A);
}
.gt-bg-f0f0f0 {
    background-color: var(--gt-bg-f0f0f0);
}
.gt-bg-FFAB001A{
    background-color: var(--gt-bg-FFAB001A);
}
.gt-bg-F7F9FC{
    background-color:var(--gt-bg-F7F9FC);
}
.gt-bg-white{
    background-color: var(--gt-bg-white);
}
/* End Background */

/* Start Border */
.gt-border-color-E0E0E0 {
    border-color: var(--gt-border-E0E0E0) !important;
}
.gt-border-color-EAEAEA {
    border-color: var(--gt-border-EAEAEA) !important;
}
.gt-border-color-F5F5F5 {
    border-color: var(--gt-border-F5F5F5) !important;
}
.gt-border-color-ECEFF1 {
    border-color: var(--gt-border-ECEFF1) !important;
}
.gt-border-color-D9D9D9 {
    border-color: var(--gt-border-D9D9D9) !important;
}
.gt-border-color-FF9100 {
    border-color: var(--gt-border-FF9100) !important;
}

.gt-border-color-00BFA5 {
    border-color: var(--gt-border-theme) !important;
}

.gt-border-color-F44336 {
    border-color: var(--gt-border-F44336) !important;
}
.gt-border-color-FF6D00 {
    border-color: var(--gt-border-FF6D00) !important;
}
.gt-border-color-FFAB00 {
    border-color: var(--gt-border-FFAB00) !important;
}
.gt-border-color-EC407A {
    border-color: var(--gt-border-EC407A) !important;
}
.gt-border-color-E0E0E0{
    border-color: var(--gt-border-E0E0E0) !important;
}
.gt-border-546E7A{
    border-color:var(--gt-border-546E7A) !important;
}
.gt-border-color-1976D2{
    border-color:var(--gt-border-1976D2) !important;
}
/* Start Border */

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

/* Start Margin Padding  */
.p-12px {
    padding: 12px;
}
.p-20px{
    padding: 20px;
}
.pt-40px {
    padding-top: 40px;
}
.py-12px{
    padding-top: 12px;
    padding-bottom: 12px;
}
.change-py-16px-12px{
    padding-top: 16px;
    padding-bottom: 16px;
}
.change-py-20px-12px {
    padding-top: 20px;
    padding-bottom: 20px;
}
.py-26px {
    padding-top: 26px;
    padding-bottom: 26px;
}
.px-6px {
    padding-left: 6px;
    padding-right: 6px;
}
.px-12px {
    padding-left: 12px;
    padding-right: 12px;
}
.px-16px{
    padding-left: 16px;
    padding-right: 16px;
}
.px-20px {
    padding-left: 20px;
    padding-right: 20px;
}
.change-px-20px-8px {
    padding-left: 20px;
    padding-right: 20px;
}
.change-px-20px-16px{
    padding-left: 20px;
    padding-right: 20px;
}
.section-padding {
    padding: 80px 0;
}
.change-py-26px-12px {
    padding-top: 26px;
    padding-bottom: 26px;
}
.change-py-26px-16px {
    padding-top: 26px;
    padding-bottom: 26px;
}

.mb-12px{
    margin-bottom: 12px;
}



/* End Margin Padding  */

/* Start Link */
.link-theme {
    color: var(--gt-text-theme) !important;
}
.link-theme:hover {
    color: var(--gt-text-theme);
    opacity: 0.8;
}
/* End Link */

/* 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-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;
}
.fw-700 {
    font-weight: 700 !important;
}
.fw-800 {
    font-weight: 800 !important;
}
.fw-900 {
    font-weight: 900 !important;
}
/* End Font Weight */

/* Start Font Size */
.fs-xs {
    font-size: var(--gt-fs-xs);
}
.change-fs-xs-8px {
    font-size: var(--gt-fs-xs);
}
.fs-sm {
    font-size: var(--gt-fs-sm);
}
.change-fs-sm-xs {
    font-size: var(--gt-fs-sm);
}
.fs-md {
    font-size: var(--gt-fs-md);
}
.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);
}
.change-fs-xl-xs {
    font-size: var(--gt-fs-xl);
}
.change-fs-xl-md {
    font-size: var(--gt-fs-xl);
}
.change-fs-xl-lg {
    font-size: var(--gt-fs-xl);
}
.fs-2xl {
    font-size: var(--gt-fs-2xl);
}
.change-fs-2xl-lg {
    font-size: var(--gt-fs-2xl);
}
.change-fs-2xl-xl {
    font-size: var(--gt-fs-2xl);
}
.fs-3xl {
    font-size: var(--gt-fs-3xl);
}
.change-fs-3xl-2xl {
    font-size: var(--gt-fs-3xl);
}
.change-fs-3xl-xl {
    font-size: var(--gt-fs-3xl);
}

.fs-10px {
    font-size: 10px;
}
.fs-11px {
    font-size: 11px;
}
.fs-12px {
    font-size: 12px;
}
.fs-14px {
    font-size: 14px;
}
.fs-16px {
    font-size: 16px;
}
.fs-18px {
    font-size: 18px;
}
.fs-20px {
    font-size: 20px;
}
.fs-24px {
    font-size: 24px;
}
.fs-28px {
    font-size: 28px;
}
.fs-38px {
    font-size: 38px;
}
.fs-52px{
    font-size: 52px;
}
.change-fs-52px-xl {
    font-size: 52px;
}

.main-s1title {
    font-size: var(--gt-fs-3xl);
    line-height: var(--gt-lh-2xl);
}
/* End Font Size */

/* model */
.modal-600px {
    max-width: 600px;
}


/* Start Line Height */
.line-normal{
    line-height: normal;
}
.lh-md {
    line-height: var(--gt-lh-md);
}
.line-height-16px {
    line-height: 16px;
}
.line-height-20px {
    line-height: 20px;
}
.line-height-24px {
    line-height: 24px;
}
.line-height-32px {
    line-height: 32px;
}
.change-line-height-32px-26px{
    line-height: 32px
}
/* End Line Height */

/* Start Letter Spacing */
.letter-00-2px {
    letter-spacing: 0.2px;
}
.letter-15px {
    letter-spacing: 0.15px;
}
.letter-1-2px {
    letter-spacing: 1.2px;
}
.letter-2px{
    letter-spacing: 2px;
}
.letter-2-2px {
    letter-spacing: 2.2px;
}
.lt-space-0_2px {
    letter-spacing: 0.2px;
}
.lt-space-0_4px {
    letter-spacing: 0.4px;
}
/* End Letter Spacing */

/* Start white space */
.white-space-nowrap {
    white-space: nowrap;
}
.white-space-nowrap-wrap {
    white-space: nowrap;
}
/* End white space */

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

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

/* Start Line Clamp */
.line-clamp-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.line-preclamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: pre-wrap;
    font-family: var(--gt-font-Roboto);
}
.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/* End Line Clamp */

/* Start All Rounder */
.btn {
    font-size: var(--gt-fs-sm);
    border-radius: 4px;
    line-height: 21px;
    font-weight: var(--gt-fw-medium);
    min-height: 36px;
}

.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-theme-transparent {
    --bs-btn-color: #00bfa5;
    --bs-btn-bg: transparent;
    --bs-btn-border-color: var(--gt-border-theme);
    --bs-btn-hover-color: #00bfa5;
    --bs-btn-hover-bg: #4d827b;
    --bs-btn-hover-border-color: #4d827b;
    --bs-btn-focus-shadow-rgb: 0, 191, 166;
    --bs-btn-active-color: #00bfa5;
    --bs-btn-active-bg: #49978c;
    --bs-btn-active-border-color: #4d827b;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 191, 166, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #00bfa578;
    --bs-btn-disabled-border-color: var(--gt-bg-theme);
}

.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:#FF6D00;
    --bs-btn-disabled-border-color:#FF6D00;
}

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

.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 span {
    opacity: 0.3;
    border-radius: 4px;
    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);*/
    user-select: none;
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-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);
}
.word-break-all {
    word-break: break-all;
}
/* End All Rounder */

/* Start Table of Contents */
.PGlvlup-table-contents-section.report-table-contents .round-32,
.rounded-right-32px {
    border-radius: 0 32px 32px 0;
}
.PGlvlup-table-contents-section {
    min-height: 600px;
}
.report-s1ul {
    border: 1px solid var(--gt-border-E0E0E0);
    border-radius: 8px;
    overflow: hidden;
}
.report-s1ul li {
    border-bottom: 1px solid var(--gt-border-E0E0E0);
}
.report-s1ul li:last-child {
    border-bottom: 0px;
}

.report-s1card {
    padding: 16px 12px;
    cursor: pointer;
    border: 0px;
}
.PGlvlup-table-contents-section .contents-top-line {
    height: 2px;
    border-radius: 8px;
    background-color: var(--gt-bg-ECEFF1);
    max-width: 100%;
    min-width: 80px;
    flex-grow: 1;
}
.report-table-content-s1 .contents-top-line{
    height: 2px;
    border-radius: 8px;
    background-color:var(--gt-bg-ECEFF1);
    max-width: 100%;
    min-width: 80px;
    flex-grow: 1;
}
.report-table-content-s1 .report-cards1{
    box-shadow:var(--gt-shadow-1);
    background-color: var(--gt-bg-white);
    overflow: hidden;
}

.last-mb-0 .mb-3:last-child,
.last-mb-0 .mb-5:last-child{
    margin-bottom: 0px !important;
}
.report-cards1 {
position: relative;
transition: all 0.3s ease;
z-index: 0;
}
.report-cards1::before {
content: "";
position: absolute;
inset: 0;
border-radius: 8px;
padding: 1px;
background: linear-gradient(90deg, #CEE4A6, #80D3D2);
-webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
opacity: 0;
transition: all 0.3s ease;
z-index: -1;
visibility: hidden;
}
.report-cards1:hover::before {
opacity: 1;
visibility: visible;
}
.report-cards1::after{
    content: "";
    position: absolute;
    border-left: 8px solid #D2E6A7;
    visibility: hidden;
    opacity: 0;
    inset: 0;
    z-index: -1;
    width: 8px;
    height: 100%;
    border-radius: 8px 0px 0px 8px;
    transition: all 0.3s ease;
}
.report-cards1:hover::after{
    visibility: visible;
    opacity: 1;
}
.reportcards1-line{
    height:12px;
    width: 2px;
    display: block;
    background-color: var(--gt-bg-E0E0E0);
}
/* End Table of Contents */

/*Start Personalized Report section */
.report-s2card {
    border-radius: 24px;
    box-shadow: var(--gt-shadow-2);
}
/*End Personalized Report section */

/* Start Progression Analysis section */
.report-s3card {
    border: 1px solid var(--gt-border-E0E0E0);
    box-shadow: var(--gt-shadow-1);
    border-radius: 12px;
}
.report-s3card-line {
    height: 100%;
    display: block;
    border-left: 4px dashed var(--gt-border-E0E0E0);
    border-top: 4px dashed var(--gt-border-E0E0E0);
}
.bottom-secdashed-line {
    border-top: 4px dashed var(--gt-border-607D8B);
}
/* End Progression Analysis section */

/* Start skills assessment section */
.chart-container {
    width: 100%;
    height: 100%;
    position: relative;
}
.chart-color-dotes {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    padding: 10px;
}
.risk-chart {
    height: 270px !important;
}
.risk-chart-critical {
    background-color: #f44336;
}
.risk-chart-moderate {
    background-color: #ff9100;
}
.risk-chart-low {
    background-color: #8bc34a;
}
 /*Start Skills Distribution v2.0   */
 .riskChart-width-height{
    width: 100%;
    height: 100%;
}
/*End Skills Distribution v2.0   */
.skills-chart-conten .skills-chart {
    width: 100% !important;
    max-width: 660px;
    height: 500px !important;
}

.report-s5card {
    border-color: var(--gt-border-F5F5F5);
    box-shadow: var(--gt-shadow-1);
}

.report-s2ul {
    border: 1px solid var(--gt-border-ECEFF1);
    border-radius: 8px;
    overflow: hidden;
}
.report-s2ul li {
    border-bottom: 1px solid var(--gt-border-ECEFF1);
}
.report-s2ul li:last-child {
    border-bottom: 0px;
}
/* End skills assessment section */

/* Start global market value section */
.report-s4card {
    border: 1px solid var(--gt-border-F5F5F5);
    box-shadow: var(--gt-shadow-1);
}
.report-s4card .border-bottom,
.report-s4card .border {
    border-color: var(--gt-border-E0E0E0);
}
.border-bottom-last-0 .border-bottom:last-child {
    border-bottom: none !important;
}
.mt-3-first-0 .mt-3:first-child {
    margin-top: 0px !important;
}
.pt-first-0 .pt-findfirst-0:first-child {
    margin-top: 0px !important;
}
/* End global market value section */

/* Start technical leadership track section */
.before-left-line::before {
    content: "";
    position: absolute;
    border-style: dashed;
    border-width: 1px;
    height: 100%;
    border-color: var(--gt-border-607D8B);
    left: 60px;
    z-index: -1;
}
.PGlvlup-technical-leadership-section .salary-bonus-table table th {
    padding: 4px 16px;
    white-space: nowrap;
}
.PGlvlup-technical-leadership-section .salary-bonus-table table th:first-child {
    padding-left: 0px;
}
.PGlvlup-technical-leadership-section .salary-bonus-table table th:last-child {
    padding-right: 0px;
}
.PGlvlup-technical-leadership-section .salary-bonus-table table td {
    border-bottom: 1px solid var(--gt-bg-D9D9D9);
    padding: 16px;
    /* white-space: nowrap; */
}
.PGlvlup-technical-leadership-section .salary-bonus-table table td:first-child {
    padding-left: 0px;
}
.PGlvlup-technical-leadership-section .salary-bonus-table table td:last-child {
    padding-right: 0px;
}
.skill-name-conten-chart .skillChart,
.work-life-balance-chart-content .work-life-chart {
    width: auto !important;
    height: 620px !important;
}
.chart-inactive-legend {
    opacity: 0.45;
}
.img-128-72 {
    aspect-ratio: 128 / 72;
    width: 128px;
    height: 72px;
    object-fit: cover;
}
.img-662-441 {
    aspect-ratio: 662 / 441;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.img-1-1 {
    aspect-ratio: 1 / 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* End technical leadership track section */

.print-d-block-786px {
    display: none;
}
.page-break-print {
    page-break-after: always;
    break-after: page;
}
.page-break-print-before {
    page-break-before: always;
    break-before: page;
}
.page-break-print-avoid{
    break-inside: avoid;
    page-break-inside: avoid;
}

.print-time-modal {
    display: none;
}

/* chart css print  */
.print-chart,
.print-chart-two {
    display: none;
}
.reportSectionDisplay{
    display: block !important;
}
.reportSectionPrint{
    display: none !important;
}
.chart-js-container , .chart-growth-container{
    min-height: 500px !important;
    margin: auto !important;
}
@media print {
    :root {
        --gt-shadow-1: none;
        --gt-shadow-2: none;
    }
    body {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }
    .cs-pdfdownload {
        display: none !important;
    }
    .section-padding {
        padding: 30px 0;
    }
    .print-chart {
        display: block;
        position: unset !important;
        width: 400px !important;
        height: 640px !important;
        margin: 0;
        padding: 60px !important;
        padding-bottom: 100px !important;
        overflow: visible !important;
        text-align: center;
        transform: scaleX(0.95);
    }
    .print-chart-two {
        display: block !important;
        position: unset !important;
        width: 600px !important;
        margin: 0;
        padding-top: 40px !important;
        padding-left: 80px !important;
        padding-bottom: 100px !important;
        overflow: visible !important;
        text-align: center;
        transform: scaleX(0.95);
    }
    .apexcharts-canvas,
    .apexcharts-svg,
    .print-chart svg,
    .print-chart-two svg {
        width: 100% !important;
        height: auto !important;
        overflow: visible !important;
    }
    .print-chart .apexcharts-legend,
    .print-chart-two .apexcharts-legend {
        top: -40px !important;
        overflow: hidden;
    }
    .desing-chart {
        display: none;
    }
    .print-time-modal {
        display: block;
    }
    .line-print-none{
        display: none;
    }
    .skillSection .skillCard{
        break-inside: avoid;
        page-break-inside: avoid;
    }
    #skills-assessment .aiImpactSkillCard{
        break-inside: avoid;
        page-break-inside: avoid;
    }
    .skillsTransferabilityAnalysis .skillsTransferabilityAnalysisFirstDiv{
        break-inside: avoid;
        page-break-inside: avoid;
    }
    .skillsTransferabilityAnalysis .mt-4{
        margin-top: 0 !important;
    }
    .skillsTransferabilityAnalysis .skillsTransferabilityAnalysisSecondDiv .skillsTransferabilityAnalysisSecondInnerDiv{
        break-inside: avoid;
        page-break-inside: avoid;
    }
    .skillsTransferabilityAnalysis .skillsTransferabilityAnalysisThirdDiv{
        break-inside: avoid;
        page-break-inside: avoid;
    }
    .futureCareerMappingGrowthFactorDiv .futureCareerMappingGrowthFactorInnerDiv{
        break-inside: avoid;
        page-break-inside: avoid;
    }
    .futureCareerMappingChallengeDiv .futureCareerMappingChallengeInnerDiv{
        break-inside: avoid;
        page-break-inside: avoid;
    }
    .futureCareerMappingSkillDevelopmentPriorityDiv .futureCareerMappingSkillDevelopmentPriorityInnerDiv{
        break-inside: avoid;
        page-break-inside: avoid;
    }
    .futureCareerMappingCvOptimizationTipDiv .futureCareerMappingCvOptimizationTipInnerDiv{
        break-inside: avoid;
        page-break-inside: avoid;
    }
    .futureCareerMappingJobDiv .futureCareerMappingJobInnerDiv{
        break-inside: avoid;
        page-break-inside: avoid;
    }
    .futureCareerMappingCourseDiv .futureCareerMappingCourseInnerDiv{
        break-inside: avoid;
        page-break-inside: avoid;
    }
    .developmentPlanDIV{
        break-inside: avoid;
        page-break-inside: avoid;
    }
    .roleProgressionAnalysisPhaseDiv{
        break-inside: avoid;
        page-break-inside: avoid;
    }
    .roleProgressionAnalysisFuturePhaseDiv{
        break-inside: avoid;
        page-break-inside: avoid;
    }
    .skillAssessmentStandDiv{
        break-inside: avoid;
        page-break-inside: avoid;
    }
    .skillAssessmentNextStepDiv{
        break-inside: avoid;
        page-break-inside: avoid;
    }
    .emptyStateDiv{
        break-inside: avoid;
        page-break-inside: avoid;
    }
    .introductionSectionSummaryDiv{
        break-inside: avoid;
        page-break-inside: avoid;
    }
    .futureCareerMappingBannerFooterTextDiv{
        break-inside: avoid;
        page-break-inside: avoid;
    }
    .differentiatorDiv .differentiatorInnerDiv{
        break-inside: avoid;
        page-break-inside: avoid;
    }
    .futureCareerMappingRoleDiv .futureCareerMappingRoleInnerDiv{
        break-inside: avoid;
        page-break-inside: avoid;
    }
    .skillDistributionAnalysisSection{
        break-inside: avoid;
        page-break-inside: avoid;
    }
    .reportChartBreakAvoid{
        break-inside: avoid;
        page-break-inside: avoid;
    }
    .reportSectionDisplay{
        display: none !important;
    }
    .reportSectionPrint{
        display: block !important;
    }
    .reportSectionImagePrint{
        width: 250px;
    }
    .reportIntroBannerSection{
        height: 80vh !important;
        display: flex !important;
        justify-content: center;
        align-items: center;
    }
    .reportBannerSection{
        height: 95vh !important;
        display: flex !important;
        justify-content: center;
        align-items: center;
    }
    .change-fs-3xl-2xl{
        font-size: 36px !important;
    }
    .print-pb-0{
        padding-bottom: 0 !important;
    }
    .print-pt-0{
        padding-top: 0 !important;
    }
    .print-h-250px{
        height: 250px;
    }
}

.safari-print-new-desing .max-w-100 {
    max-width: 250px !important;
}
.safari-print-new-desing .main-s1title {
    font-size: 36px !important;
    line-height: 44px !important;
}
.safari-print-new-desing .change-fs-xl-md {
    font-size: 20px !important;
}
.safari-print-new-desing .change-fs-3xl-xl {
    font-size: 32px !important;
}
.safari-print-new-desing .change-fs-sm-xs {
    font-size: 13px !important;
}
.safari-print-new-desing .gap-33px {
    gap: 25px !important;
}

/* Start Freemium design   */
.blur-12px {
    filter: blur(12px);
}
.gt-shadow-3 {
    box-shadow: var(--gt-shadow-3);
}
.card-S1bottom {
    position: absolute;
    bottom: 50px;
}
.card-S2bottom {
    position: absolute;
    bottom: 10px;
}
.card-S3bottom {
    position: absolute;
    top: 40%;
}
.card-S4bottom {
    position: absolute;
    top: 120px;
}
.card-S5bottom {
    position: absolute;
    top: 200px;
    z-index: 9;
}
.w-100-sm {
    width: auto;
}
/* End Freemium design  */

.lvlup-S3card {
    border: 0;
    border-radius: 24px;
    /* box-shadow: 0px 5px 5px -3px #00000033; */
    box-shadow: 0px 3px 15px 6px #00000024;
    /* box-shadow: 0px 3px 14px 2px #0000001F; */
}

.btn-full-pink {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--gt-bg-EC407A);
    --bs-btn-border-color: var(--gt-bg-EC407A);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #ec407abf;
    --bs-btn-hover-border-color: #ec407abf;
    --bs-btn-focus-shadow-rgb: none;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #ec407abf;
    --bs-btn-active-border-color: #ec407abf;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 191, 166, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #ec407abf;
    --bs-btn-disabled-border-color: #ec407abf;
}
.btn-full-1976D2 {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--gt-bg-1976D2);
    --bs-btn-border-color: var(--gt-bg-1976D2);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1976d2b0;
    --bs-btn-hover-border-color: #1976d2b0;
    --bs-btn-focus-shadow-rgb: none;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #1976d2b0;
    --bs-btn-active-border-color: #1976d2b0;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 191, 166, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #1976d2b0;
    --bs-btn-disabled-border-color: #1976d2b0;
}
.btn-full-FF9100 {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--gt-bg-FF9100);
    --bs-btn-border-color: var(--gt-bg-FF9100);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #ff9100b5;
    --bs-btn-hover-border-color: #ff9100b5;
    --bs-btn-focus-shadow-rgb: none;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #ff9100b5;
    --bs-btn-active-border-color: #ff9100b5;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 191, 166, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #ff9100b5;
    --bs-btn-disabled-border-color: #ff9100b5;
}
.btn-full-8BC34A {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--gt-bg-8BC34A);
    --bs-btn-border-color: var(--gt-bg-8BC34A);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #8bc34ab5;
    --bs-btn-hover-border-color: #8bc34ab5;
    --bs-btn-focus-shadow-rgb: none;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #8bc34ab5;
    --bs-btn-active-border-color: #8bc34ab5;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 191, 166, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #8bc34ab5;
    --bs-btn-disabled-border-color: #8bc34ab5;
}
.btn-S1pink {
    font-size: var(--gt-fs-md);
    border-radius: 0 0 20px 20px;
    line-height: 21px;
    font-weight: var(--gt-fw-medium);
    min-height: 36px;
    padding: 20px 32px;
    border: 0;
}
.btn-S1 {
    font-size: 16px;
    border-radius: 8px;
    line-height: 16px;
    font-weight: 700;
    padding: 16px 32px;
}
/* Start Summary Page for Freemium  */

.container-w-report .container {
    max-width: 1320px;
}
.lvlup-S1card {
    padding: 32px 40px;
    border-radius: 20px;
    max-width: 360px;
    width: 100%;
}

.lvlup-S2card {
    padding: 32px 40px;
    border-radius: 20px;
}
/* End Summary Page for Freemium  */

/* start summary fremium report */
.gt-shadow-4 {
    box-shadow: 0px 8px 10px 1px #00000024;
}
.card-S1freemium {
    position: absolute;
    bottom: 30px;
}
.card-S2freemium {
    position: absolute;
    bottom: 0;
}
.card-S3freemium {
    position: absolute;
    bottom: 20%;
    z-index: 99;
}
.card-S4freemium {
    position: absolute;
    bottom: 35%;
}
.card-S5freemium {
    position: absolute;
    bottom: -15%;
    z-index: 99;
}
.card-S6freemium {
    position: absolute;
    bottom: -30%;
    z-index: 99;
}
.card-S8freemium {
    position: absolute;
    bottom: -50%;
    z-index: 99;
}
.card-S9freemium {
    position: absolute;
    bottom: -10%;
    z-index: 99;
}
.card-S10freemium {
    position: absolute;
    top: 10%;
    z-index: 99;
}
.card-S11freemium {
    position: absolute;
    bottom: 52%;
    z-index: 99;
}
/* end summary fremium report */

/* freemium report : modal css  */
.modal-open{
    padding-right: 0px !important;
}
/* freemium report : modal css  */

/* start  Role Progression Analysis */
.progression-line{
    position: absolute;
    border-top: 2px dashed ;
    width: 100%;
    top: 0;
    height: 100%;
    transform: translateY(50%);
}
.z-3{
    z-index: 3;
}
.progression-accordion .accordion-button:not(.collapsed){
    background: var(--gt-bg-F5F5F5);
    color: #263238;
    border-radius: 0;
    box-shadow: none;
}
.progression-accordion .accordion-body{
    background: var(--gt-bg-F5F5F5);

}
.progression-accordion .accordion-button:focus {
    box-shadow: none;
}
.progression-accordion  .accordion-button::after{
    background-image: url(../image/lvlup-report/role-progression/arrow-up.svg);
}
.progression-accordion .accordion-button:not(.collapsed)::after{
    background-image: url(../image/lvlup-report/role-progression/arrow-up.svg);
}
.after-line{
    position: relative
}
.after-line:last-child:after{
    content: "";
    display: none;
}
.after-line:after{
    content: "";
    border: 2px dashed #B0BEC5;
    display: block;
    max-height: 48px;
    height: 48px;
    bottom: -48px;
    position: absolute;
    left: 50%;
    z-index: 99;
}
.top-pt-0 .pt-5:first-child{
padding-top: 0px !important;
}
/* End  Role Progression Analysis */

/* Start Toaster */
#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: #607D8B !important;
}
.toast-gray .toast-message {
    color: white !important;
}
/* End Toaster */

/* Start Learning Opportunities  */
.last-two-card-mb-0 .mb-4:last-child {
    margin-bottom: 0px !important;
}

/* End Learning Opportunities  */

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