/* OVERALL CSS */
body {overflow-x: hidden}
.team-slide.save-team-slider .slick-track {display: flex; align-items: center;}
.our-bg-card-para.text-right::before {content: "\2022"; margin-right: 8px;}
/* #performance .recharts-curve.recharts-tooltip-cursor {stroke: #98A2B3; stroke-width: 1px;} */
#performance .recharts-default-tooltip {padding: 12px !important; border-radius: 6px; border: 1px solid #EAECF0 !important; background: #FFF;  box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);}
#performance .recharts-default-tooltip, #performance .recharts-tooltip-item-list {display: flex; flex-direction: column; gap: 8px}
img:focus-visible {outline: none}
.recharts-layer:focus {outline: none}
.tippy-tooltip {padding: 4px 8px !important}
.duration.selected {background-color: #F5F8FF; color: #2960EC;}
#performance .recharts-layer :is(text, tspan) { fill: #6B6F80; color: #6B6F80; text-align: center; font-feature-settings: 'clig' off, 'liga' off; font-family: 'Poppins'; font-size: 14px; font-style: normal; font-weight: 400; line-height: 143%; letter-spacing: 0.17px; }
.recharts-tooltip-label {color: #313131;}
.recharts-tooltip-item, .recharts-tooltip-label {font-family: 'Inter'; font-weight: 500; font-size: 14px; padding: 0 !important;     margin: 0 !important;}
.micf-section {isolation: isolate;}
.tab-link.w--current .tab-link-text {color: var(--primary-500);}
.tooltip-content {font-family: poppins; font-size: 12px; font-weight: 500px; line-height: 14px; color: var(--white);}
.tippy-tooltip {background-color: #616161 !important;}
.tippy-arrow {border-right-color: #616161 !important;}
ul.legends-list {padding-left: 0; display: flex; flex-wrap: wrap; justify-content: center; list-style: none;column-gap: 20px; row-gap: 10px;}
.legends-list li {display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.pie-legend {font-family:'Poppins'; font-weight: 400; font-size: 13px; line-height: 20px; color: #747474; padding-left: 4px}
.creditQualityPie .recharts-legend-wrapper {bottom: 0 !important;width: 100% !important; display: flex;justify-content: center;}
.creditQualityPie ul li:nth-child(2) {padding-right: 0 !important;}
.MuiPagination-ul {justify-content: center; gap: 6px;}
.MuiPagination-ul li:first-child button, .MuiPagination-ul li:last-child button { padding: 0; margin: 0; min-width: auto; }
.MuiPaginationItem-root {line-height: 143% !important; letter-spacing: 0.17px !important; text-align: center !important; font-size: 14px !important; font-family: poppins !important; font-weight: 500 !important; color: rgba(0, 0, 0, 0.87) !important;}
.recharts-wrapper, .recharts-surface {width: 100% !important}
.tabs-menu { transition: top 0.3s ease; transition: height 0.3s ease }
.tabs-menu.fixed { position: sticky; top: 60px; left: 0; height: 65px;}
.menu-button.w-nav-button.w--open .menu-wrap { background-color: #f2f4f7; }
.w-icon-arrow-down::before, .w-icon-dropdown-toggle::before { content: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 20 20" fill="none"><path d="M5 7.5L10 12.5L15 7.5" stroke="%23432F87" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/></svg>'); font-family: "Font Awesome 6 Free"; font-weight: 900; position: absolute; top: -2px; right: -3px; }
.dropdown-toggle.w--open .w-icon-arrow-down::before, .dropdown-toggle.w--open .w-icon-dropdown-toggle::before { content: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 20 20" fill="none"><path d="M5 12.5L10 7.5L15 12.5" stroke="%23432F87" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/></svg>'); font-family: "Font Awesome 6 Free"; font-weight: 900; position: absolute; top: -2px; right: -3px;}
.tab-item:is(.w--current:first-child, .active) { border-bottom: 2px solid #6941C6; }
.tab-item:is(.w--current:first-child, .active) .tab-link-text { color: var(--primary-500); font-feature-settings: 'clig' off, 'liga' off; }  
.get-in-touch-text-field.textarea { resize: vertical; }
.save-content-wrapper .join-waitlist:hover { background-color: white !important; border: 1px solid white; }
.text-navlink.primary-button-text:hover { font-weight: 500 }
.input-wrapper:has(input:focus) { border: 1px solid #43BED8; box-shadow: 0px 0px 0px 4px #CBF6FF, 0px 1px 2px 0px rgba(16, 24, 40, 0.05);}
input[type=range] { outline: 0; border: 0; border-radius: 24px;  width: 100%; max-width: 100%; transition: box-shadow 0.2s ease-in-out; border-radius: 20px; }
.relative {	position: relative; }
.range { position: absolute; top: 7px; height: 8px; width: 0%; background-color: #43BED8; border-top-left-radius: 20px; border-bottom-left-radius: 20px; }
.tooltip-container { width: 100%; max-width: 100%; box-sizing: border-box; position: relative; }
.tooltip-container span { position: absolute; top: 0; padding-top: 15px; font-weight: 500; color: var(--gray-950); line-height: 24px; font-size: 16px; font-family: Inter; transform-origin: center -10px; transform: translateX(70%); }
.imagewrapper img { animation: fadeIn; animation-duration: 0.5s; }
.overflowHidden { overflow-y: hidden; }
.wod-break { word-break: break-word; }
.nav-button:hover .nav-button-link,
.nav-button:hover svg path,
.b2c-navlink { position: relative; padding: 0 }
.sst-list-item.selected path { fill: var(--white); }
.sst-list-item.selected { background-color: var(--white); }
.sst-list-item:nth-child(1).selected { border: 1px solid #00338D; }
.sst-list-item:nth-child(1).selected rect { fill: #00338D; }
.sst-list-item:nth-child(2).selected { border: 1px solid #D1B000; }
.sst-list-item:nth-child(2).selected rect { fill: #D1B000; }
.sst-list-item:nth-child(3).selected { border: 1px solid #85BB65; }
.sst-list-item:nth-child(3).selected rect { fill: #85BB65; }
.sst-list-item:nth-child(4).selected { border: 1px solid #43BED8; }
.sst-list-item:nth-child(4).selected rect { fill: #43BED8; }
::-webkit-scrollbar-thumb { background: #4012a0; border-radius: 20px; }
::-webkit-scrollbar-thumb:hover { background: #240466; }
::-webkit-scrollbar { width: 6px; height: 5px; }
.active-link-rectangle { transition: transform 0.3s ease, width 0.3s ease; transform: translateX(-100%) } 
.b2c-navlink.w--current ~ .active-link-rectangle { width: 24px; transform: translateX(0); }
.b2c-navlink.w--current:nth-child(3) ~ .active-link-rectangle { transform: translateX(102px); }
.b2c-navlink.w--current:nth-child(4) ~ .active-link-rectangle { transform: translateX(272px); }
.b2c-navlink.w--current:nth-child(5) ~ .active-link-rectangle { transform: translateX(363px); }
.b2c-navlink.w--current:nth-child(6) ~ .active-link-rectangle { transform: translateX(492px); }

.b2b-navlink.w--current ~ .active-link-rectangle { width: 24px; transform: translateX(0px); }
.b2b-navlink.w--current:nth-child(2) ~ .active-link-rectangle { transform: translateX(103px); }
.b2b-navlink.w--current:nth-child(3) ~ .active-link-rectangle { transform: translateX(318px) }
.page-rich-text p { margin: 0; }
.page-rich-text img { border-radius: 20px; }
.page-rich-text figure { display: flex !important; flex-direction: column; gap: 16px; margin: 0;}
.page-rich-text figure > div { padding: 0 !important; }
.page-rich-text figcaption { margin: 0; font-size: 14px; line-height: 20px; text-align: left; }
.page-rich-text ol { margin: 0; padding-left: 30px; }
.w-nav-button.w--open body { overflow: hidden }
.w-nav-button.w--open img.close { display: inline; }  
.w-nav-button.w--open img.menu-bar { display: none; }
.w-nav-button img.menu-bar { display: inline; }
.acc-iconwrap img { transition: transform 0.3s ease; }
.faqs-paragraph { overflow: hidden; transition: height 0.3s ease; }
.whiteBoxShadow { box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.04); }
.boxShadow { box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);}
.w-nav-overlay .text-navlink.w--current {font-size: 16px; font-weight: 400; padding-left: 15px; padding-right: 15px;}
.w-nav-overlay { background-color: rgba(0, 0, 0, 0.50);}
.corporate-dropdown-in-drawer {display: none;}
.choose-type-wrap.selected {background-color: #F2F4F7;}
.choose-type-wrap.selected div {font-weight: 500; color: #1D2939;}
.choose-type-wrap.selected img {display: inline;}
.choose-type-container {display: none}
.corporate-dropdown {margin-left: 0;}
.menu-bar {margin: 10px;}
.w-nav-button .w-icon-nav-menu:before {content: "";}
.w-nav-button.w--open .w-icon-nav-menu:before {content: '';}
.w-nav-button.w--open {background-color: transparent;}
.w-dropdown {margin-left: 0;}
:where(.primary-button, .join-waitlist, .white-waitlist-button), 
:where(.primary-button, .join-waitlist, .white-waitlist-button) svg path { transition: all 0s linear !important; }
.primary-button:hover .primary-button-text {color: #432F86;}
:where(.primary-button, .join-waitlist):hover svg path { color: #432F86; stroke: #432F86; }
.white-waitlist-button:hover svg path { color: var(--white); stroke: var(--white); }
.slick-dots {bottom: -40px;}
.team-slider .slick-dots li.slick-active button:before,
.team-slider .slick-dots li button:before{color: var(--white);}
:is(.load-more, .b2c-home-arrow, .b2c-slick-arrow) {transition: all 0.3s ease; }
.load-more:hover { background-color: #6941c6; }
.load-more:hover :is(div, svg path) { color: #f9f5ff; stroke: var(--white);}
.input-error, input:focus.input-error {border: 1px solid #FDA29B; box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05)}
.sst-essentials1 .sst-inputscontainer { flex-direction: column; gap: 80px }
.slider-item:nth-child(4) .image-7 { width: 100%; height: 240px; object-fit: contain; }
.slider-item:nth-child(4) .div-block-7 { padding: 0; }
.slick-arrow.disabled, .slick-arrow.disabled:hover { background-color: #eaeaea !important; border-color: #c0c0c0 !important; cursor: auto; }
.slick-arrow.disabled path, .slick-arrow.disabled:hover path { stroke: #c0c0c0 !important; }
.text-navlink:hover { color: var(--primary-700) }
#performance-area-chart .recharts-cartesian-axis-line { stroke: #F2F4F7; }
.table-item:nth-child(2n) { background-color: #F9FAFB; }
#performance .recharts-tooltip-label, #performance .recharts-tooltip-item, #performance .recharts-tooltip-item ~ p { font-feature-settings: 'clig' off, 'liga' off; font-family: 'Poppins'; font-size: 12px; font-weight: 400; }
#performance .recharts-tooltip-label { color: var(--gray-700); line-height: 130%; letter-spacing: 0.17px;}
#performance .recharts-tooltip-item { color: var(--gray-500); line-height: 166%; text-transform: uppercase; }
#performance .recharts-tooltip-item ~ p { color: #1D2939; font-size: 14px; line-height: 137%; letter-spacing: 0.1px; margin-bottom: 0;}
.bar-graph-tooltip {display: flex; gap: 6px;}
.bar-graph-tooltip-dot {width: 6px; height: 6px; border-radius: 50%; margin-top: 6px;}
.bar-graph-tooltip p {margin: 0;}
.bar-graph-tooltip-wrapper {display: flex; flex-direction: column; padding: 12px; gap: 8px; border-radius: 6px; border: 1px solid #EAECF0; background-color: #FFF;}
.bar-graph-tooltip p:first-child { color: var(--gray-500); font-feature-settings: 'clig' off, 'liga' off; font-family: 'Poppins'; font-size: 12px; font-weight: 400; line-height: 166%; text-transform: uppercase; }
.bar-graph-tooltip p:last-child { color: #1D2939; font-feature-settings: 'clig' off, 'liga' off; font-family: 'Poppins'; font-size: 14px; font-weight: 400; line-height: 137%; letter-spacing: 0.1px; }
.legend-wrapper {display: flex; gap: 6px; align-items: center; justify-content: center;}
.legend-wrapper .bar-graph-tooltip-dot, .legend-wrapper p  {margin: 0;}
.legend-wrapper p {color:var(--gray-500); font-feature-settings: 'clig' off, 'liga' off; font-family: 'Poppins'; font-size: 14px; font-weight: 500; line-height: 130%;}
.bar-graph-x-axis, .bar-graph-y-axis text tspan {color: #6B6F80; fill: #6B6F80; text-align: center; font-feature-settings: 'clig' off, 'liga' off; font-family: 'Poppins'; font-size: 14px; font-weight: 400; line-height: 143%; letter-spacing: 0.17px;}
#portfolio-bar-chart .legend-container {display: flex; justify-content: center; gap: 8px; align-items: center;}
#portfolio-bar-chart .recharts-legend-wrapper {bottom: -10px !important;}
/* #portfolio-bar-chart .recharts-legend-wrapper {bottom: -25px !important;} */

@media screen and (-webkit-min-device-pixel-ratio: 0) {
input[type=range] { height: 8px; border: none; -webkit-appearance: none; background-color: #EAECF0; border-radius: 20px; }
input[type=range]::-webkit-slider-runnable-track { height: 8px; -webkit-appearance: none; -webkit-transition: box-shadow 0.2s ease-in-out; transition: box-shadow 0.2s ease-in-out; }
input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; width: 24px; height: 24px; cursor: ew-resize; border-radius: 50%; -webkit-transition: box-shadow 0.2s ease-in-out; transition: box-shadow 0.2s ease-in-out; position: relative; background-color: var(--white); top: -8px; box-shadow: inset 0 0 0 1.5px #43BED8; z-index: 9999;};
}
@media screen and (min-width: 1280px) {
.responsive-container, .slider-container {max-width: 1280px;}
.imagewrapper { min-width: calc(1000px - 400px) }
}
@media screen and (min-width: 786px) {
body :is(.b2c-home-arrow, .b2c-slick-arrow):hover { border-color: var(--primary-500) !important; background-color: #f2f4f7; }
body :is(.b2c-home-arrow, .b2c-slick-arrow):hover path { stroke: var(--primary-500); }
}
@media screen and (max-width: 1279px) {
.b2c-navlink.w--current:nth-child(3) ~ .active-link-rectangle { transform: translateX(94px); }
.b2c-navlink.w--current:nth-child(4) ~ .active-link-rectangle { transform: translateX(165px); }
.b2c-navlink.w--current:nth-child(5) ~ .active-link-rectangle { transform: translateX(228px); }
.b2b-navlink.w--current:nth-child(2) ~ .active-link-rectangle { transform: translateX(93px); }
.b2b-navlink.w--current:nth-child(3) ~ .active-link-rectangle { transform: translateX(296px); }
}
@media screen and (max-width: 1112px) {
.div-block-72 { min-width: auto; max-width: calc(110vw - 10rem) }
}
@media screen and (min-width: 991px) and (max-width: 1098px) {
#b2c-header :is(.text-navlink, .boxshadow.login-button) {font-size: 14px}
#b2c-header .navigation-actions {align-items: center}
#b2c-header :is(.primary-button.nav-button.drawer-button.join-waitlist-button,.boxshadow.login-button)  {height: 44px}
#b2c-header .image {width: 162px}
}
@media screen and (max-width: 991px) {
.text-navlink.w--current { color: var(--primary-700) !important; font-weight: 500 !important }
.flex-vertical .div-block-72 { min-width: 100%; max-width: 200px;}
}
@media screen and (max-width: 739px) {
.w-tab-pane {display: inline}
.w-tab-menu {display: none}
.w-tab-content {padding-top: 0; display: flex; flex-direction: column; gap: 32px;}
}  
@media screen and (max-width: 767px) {
.w-nav-brand {padding-left: 0;}
}
@media screen and (max-width: 756px) {
.who-we-are-image img {display: none;}
.mew-media-slider {max-width: 1000px;}
}
@media screen and (max-width: 672px) {
.html-embed-28 { flex-direction: column; }
.html-embed-28 .div-block-73 { padding: 40px }
} 
@media screen and (max-width: 425px) {
.download-doc img {width: 11px}
.corporate-dropdown, .corporate-dropdown-in-drawer {display: none;}
.choose-type-container {flex-direction: column; align-items: stretch;}
}
@media screen and (max-width: 380px) {
.MuiPagination-ul li button { margin: 0; }
.sst-list_1 .sst-list-item { width: 100%; }
}
@media screen and (max-width: 350px) {
.b2c-sponsers .partner-frame.sponsers-frame { width: 100%; flex: none; }
}
@media screen and (max-width: 320px) {
.b2c-sponsers .partner-frame.sponsers-frame { width: 100%; flex: none; }
}

/* HOME PAGE CSS */
.sst-item-head { text-wrap: nowrap; }
.calculatorWrapper svg.recharts-surface .recharts-rectangle.recharts-tooltip-cursor { fill: transparent; }
input:focus-visible { outline: none; }
.sst-input-content { position: relative; }
#initial-error, #monthly-error { font-size: 12px; font-family: 'Poppins'; color: red; }

/* ABOUT PAGE CSS */
:is(.read-more, .read-less) a { color: var(--primary-500); font-size: 16px; font-family: Poppins; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; }

/* SAVE+ */
.overflowhidden {overflow-x: hidden;}
.wod-break {word-break: break-word;}
.main-heading {word-break: break-word;}

/* CONTACT US PAGE CSS */
textarea::placeholder { color: var(--gray-500); }
.input-error, input:focus.input-error { border: 1px solid #FDA29B !important; box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05); }

@media screen and (min-width: 1281px) { .location-wrapper { width: 1220px; } }
@media screen and (min-width: 1166px) and (max-width: 1280px) { .location-wrapper { width: 1060px; } }
@media screen and (min-width: 1020px) and (max-width: 1165px) { .location-wrapper {max-width: 980px;} }

@media screen and (max-width: 1225px) { .portfolio-grid .quick-stack { grid-template-columns: 1fr !important; } }

/* SCREEN LOADER */
.loader-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.7); text-align: center; z-index: 9999; justify-content: center; align-items: center; }
.loader { position: relative; display: inline; border: 10px solid #f3f3f3; border-top: 10px solid rgb(67, 47, 134); border-radius: 100%; width: 120px; height: 120px; animation: spin 2s linear infinite; }
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* MEDIA BLOG PAGE CSS */
.copied div, .copied path { color: #007bff; stroke: #007bff; }
.div-block-58 { transition: 0.2s ease-in-out }

.linkedin:hover { background-color: rgb(0, 114, 177); border-color: rgb(0, 114, 177); }
.facebook:hover { background-color: rgb(59, 89, 152); border-color: rgb(59, 89, 152); }
.twitter:hover { background-color: rgb(0, 172, 238); border-color: rgb(0, 172, 238); }

.linkedin:hover path { fill: var(--white); }
.facebook:hover path { fill: var(--white); }
.facebook:hover path ~ path { fill: rgb(59, 89, 152); }
.twitter:hover path { fill: var(--white); }

/* JOB OPENING TEMPLATE PAGE CSS */
.job-content :is(p, ol, ul), .how-to-apply p { margin: 0 }
.job-content :is(ol, ul) { padding-left: 25px }
.job-content ol { display: flex; flex-direction: column; gap: 12px; }
.how-to-apply a { color: #475467 }


/* CMS SLIDER */
.secondary-slider .w-slider-dot { width: 65px; height: 8px; border-radius: 4px !important; background-color: #F2F4F7; mix-blend-mode: multiply; margin-left: 6px !important; margin-right: 6px !important; margin-bottom: 0;}
.secondary-slider .w-slider-dot.w-active { background-color: var(--primary-700); }

.primary-slider .w-slider-dot { width: 65px; height: 8px; border-radius: 4px !important; background-color: rgba(255, 255, 255, 0.20); margin-left: 6px !important; margin-right: 6px !important; margin-bottom: 0;}
.primary-slider .w-slider-dot.w-active { background-color: var(--white); }

.w-slider-dot:focus { box-shadow: none; }

/* HOME GRAPH */
#contribution-chart .recharts-cartesian-grid line { stroke: #F2F4F7; }
.yAxis .recharts-cartesian-axis-tick-value tspan { line-height: 15px; text-align: right; }
#contribution-chart .recharts-cartesian-axis-tick-value tspan, .recharts-cartesian-axis-tick text { font-family: 'Poppins'; font-weight: 400; font-size: 14px; line-height: 20.02px; text-align: center; color: var(--neutral-neutral-60); }
#contribution-chart .recharts-legend-wrapper ul {flex-wrap: wrap;}
#contribution-chart .recharts-legend-wrapper ul, .recharts-legend-wrapper ul div { display: flex; align-items: center; justify-content: center; margin: 0; }
#contribution-chart :is( .recharts-legend-wrapper p, .recharts-tooltip-wrapper .year, #contribution-chart .tooltip-wrapper div:last-child p:first-child ) { color: var(--gray-700); text-align: center; font-feature-settings: 'clig' off, 'liga' off; font-family: 'Poppins'; font-size: 12px; font-weight: 400; line-height: 166%; text-transform: uppercase; margin: 0; }
#contribution-chart .recharts-legend-wrapper p:last-child { padding-left: 2px; color: var(--gray-500); text-transform: capitalize;}
#contribution-chart .recharts-legend-wrapper { bottom: 0 !important; }
#contribution-chart .recharts-legend-wrapper ul div { margin: 5px }
#contribution-chart .recharts-legend-wrapper ul div div { width: 8px; height: 8px; margin-right: 8px; border-radius: 100%; }
#contribution-chart .recharts-tooltip-wrapper { border-radius: 8px; padding: 12px; border: 1px solid #EAECF0; background: var(--white);}
#contribution-chart .recharts-tooltip-wrapper > div { display: flex; flex-direction: column; align-items: flex-start; gap: 8px;}
#contribution-chart .recharts-tooltip-wrapper .year { line-height: 130%; letter-spacing: 0.17px; text-transform: capitalize; }
#contribution-chart .tooltip-wrapper { display: flex; gap: 6px; align-items: flex-start; }
#contribution-chart .tooltip-wrapper div:first-child { width: 6px; height: 6px; margin-top: 6px; border-radius: 100%;}
#contribution-chart .tooltip-wrapper div:last-child p { text-align: start !important; color: var(--gray-500);}
#contribution-chart .tooltip-wrapper div:last-child p:last-child {color: var(--gray-800); font-feature-settings: 'clig' off, 'liga' off; font-family: 'Poppins'; font-size: 14px; font-weight: 400; line-height: 137%; letter-spacing: 0.1px; margin-bottom: 0;}
#contribution-chart .tooltip-container { display: grid; grid-template-columns: auto auto; column-gap: 16px; row-gap: 8px;}


.link-block-17:hover .sponsors-logo:first-child { display: none; }
.link-block-17:hover .sponsors-logo.colored-logo { display: flex; }

.performace-new-table.holding-list, .performace-new-table.credit-list {flex: 1}