html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
/*a,*/
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    /*font-size: 100%;*/
    /*font: inherit;*/
    vertical-align: baseline
}

article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

button {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

html,
body {
    width: 100%;
    text-rendering: optimizeLegibility;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: #fff0
}

* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-tap-highlight-color: #fff0
}

*:focus {
    border: none;
    outline: none
}

/*a,*/
/*a:active,*/
/*a:focus,*/
/*a:hover,*/
/*a:visited {*/
/*    text-decoration: none*/
/*}*/

input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    background-color: #fff0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: inherit;
    font-size: inherit
}

img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.disable-pointer-events,
.disable-pointer-events * {
    pointer-events: none !important
}

.c-staticModal__content.-howToOnboard .c-staticModal__itemIndex,
.c-multiselect__tag,
.c-multiselect__selectAllText,
.c-multiselect__checkboxText,
.c-multiselect__trigger,
.c-stepsToPartner__itemIndex,
.c-hamburgerMenu_rhs__navList:last-child li,
.c-pageMenu__links li a,
.c-pageMenu__activeLink span,
.c-tertiaryLink {
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -.6px
}

.c-managementDetail__subheading,
.c-paymentModes__itemName,
.c-subscribeForm__emailInput,
.c-hamburgerMenu_rhs__navList li,
.c-relatedQuestions__heading,
.c-benefits__itemHeading,
.c-getStartedForm__telInput,
.c-header__navItem a {
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -.68px
}

.c-staticModal__itemHeading,
.c-staticModal__trigger,
.c-dynamicModal__trigger,
.c-subscribeForm__title,
.c-nudge__heading,
.c-stepsToPartner__itemText,
.c-getStartedForm__title {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -.8px
}

.c-managementDetail__heading,
.c-stepsToPartner__itsThatSimple,
.c-cardLink__link a,
.c-cardLink__heading {
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -1.5px
}

.c-staticModal__heading,
.c-stepsToPartner__heading,
.c-benefits__heading {
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -2px
}

.c-paymentModes__heading {
    font-size: 60px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -3.6px
}

.c-subscribeForm__emailInputError,
.c-subscribeForm__emailInputUnexpectedError,
.c-subscribeForm__emailInputSuccess,
.c-subscribeForm__emailInputSame,
.c-getStartedForm__telInputError,
.c-footer__legal,
.c-header__logoutBtn .c-btn__text {
    font-size: 13px;
    line-height: 110%;
    font-weight: 400;
    letter-spacing: -.52px
}

.c-uploadInput__error .c-uploadInput__emptyErrorMessage,
.c-uploadInput__error .c-uploadInput__invalidErrorMessage,
.c-uploadInput__labelTitle,
.c-uploadInput__note,
.c-tooltip__content,
.c-select__selectedOption,
.c-selectCustom__option,
.c-form__info,
.c-form__rupeesInputText,
.c-form__serverError,
.c-form__error,
.c-form__emptyErrorMessage,
.c-form__invalidErrorMessage,
.c-logoutNudge p,
.c-loginNudge p,
.c-benefits__itemSubheading,
.c-benefits__subheading,
.c-footer__titleTextHead,
.c-footer__titleText,
.c-footer__navLinks .c-footer__navLink,
.c-breadcrumbs {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -.6px
}

.c-managementDetail__copy,
.c-staticModal__itemCopy,
.c-uploadInput__heading,
.c-selectNative,
.c-selectCustom__trigger,
.c-selectLabel,
.c-checkbox__labelText,
.c-form__emailInputClone,
.c-form__emailPlaceholder,
.c-form__inputPrefix,
.c-form__textarea[type="password"],
.c-form__textarea[type="date"],
.c-form__textarea[type="text"],
.c-form__textarea[type="tel"],
.c-form__textarea[type="email"],
.c-form__uploadedFileName,
.c-form__input[type="password"],
.c-form__input[type="date"],
.c-form__input[type="text"],
.c-form__input[type="tel"],
.c-form__input[type="email"],
.c-form__label,
.c-cardLink__copy {
    font-weight: 400;
    font-size: 17px;
    line-height: 120%;
    letter-spacing: -.68px
}

.c-staticModal__content.-prerequisites .c-staticModal__itemText,
.c-staticModal__content.-howToOnboard .c-staticModal__itemText,
.c-staticModal__copy {
    font-size: 20px;
    line-height: 120%;
    letter-spacing: -.8px
}

.c-btn__text {
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -.6px
}

:root {
    --w-1col: calc(var(--containerWidth) / 4 - 20px * (4 - 1) / 4)
}

:root {
    --h-header: 80px;
    --h-pageMenu: 45px;
    --h-breadcrumbs: 48px;
    --maxWidth: 1600px;
    --viewportWidth: calc(100 * var(--dvw, 1vw));
    --viewportHeight: calc(100 * var(--dvh, 1vh));
    --containerWidth: calc(var(--viewportWidth) - 20px * 2);
    --scrollbarWidth: 0;
    --leftMargin: calc((var(--viewportWidth) - var(--containerWidth)) / 2);
    --leftMarginWithoutPadding: 0
}

@supports (width:10dvw) {
    :root {
        --dvw: 1dvw;
        --fullDW: 100dvw
    }
}

@supports (height:10dvh) {
    :root {
        --dvh: 1dvh;
        --fullDH: 100dvh
    }
}

@media (max-width:480px) {
    .isBelow480 {
        display: block !important
    }
}

@media (min-width:480px) {
    .isAbove480 {
        display: none !important
    }
}

@media (max-width:767px) {
    .isAbove767 {
        display: none !important
    }
}

@media (min-width:768px) {
    .isBelow768 {
        display: none !important
    }
}

@media (min-width:1024px) {
    .isBelow1024 {
        display: none !important
    }
}

@media (max-width:1023px) {
    .isAbove1023 {
        display: none !important
    }
}

main {
    max-width: var(--maxWidth);
    margin: 0 auto;
    padding: var(--h-header) 20px 0;
    position: relative;
    z-index: 20
}

section[data-image],
div[data-image] {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.ofit-contain {
    -o-object-fit: contain;
    object-fit: contain
}

.-justifyCenter {
    justify-content: center
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.-noWrap {
    white-space: nowrap
}

.d-none {
    display: none !important
}

.d-block {
    display: block !important
}

.-invertClr {
    filter: invert(1)
}

.-zIndex2 {
    z-index: 2
}

.c-cardLink__link a img {
    position: relative;
    top: 5px
}

[name="TS_Injection"] {
    display: none
}

@media (max-width:1023px) {

    .c-staticModal__trigger img,
    .c-dynamicModal__trigger img {
        height: 20px;
        width: auto
    }

    .c-categories__tabPaneText img {
        height: 21px;
        width: auto;
        margin-bottom: 0
    }

    html[data-page="current-openings"] .currentOpenings_card_arrow img {
        height: 20px;
        width: auto
    }
}

.-maxWidthUnset {
    max-width: unset !important
}

.-preline {
    white-space: pre-line
}

@media (max-width:767px) {
    .-mobilePreline {
        white-space: pre-line
    }
}

@media (min-width:768px) {
    .-desktopPreline {
        white-space: pre-line
    }
}

::-moz-selection {
    background-color: #1c74e9;
    color: #fff
}

::selection {
    background-color: #1c74e9;
    color: #fff
}

.a11y-visuallyHidden {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(0 0 99.9% 99.9%);
    clip-path: inset(0 0 99.9% 99.9%);
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0
}

html,
body,
input,
textarea {
    font-family: "Inter", sans-serif;
    color: #1e1e1c
}

a {
    color: currentColor
}

[observer-animation].anim-stagger-1,
[observer-animation] [class*="anim-stagger-"] {
    opacity: 0;
    transform: translate3d(0, 30px, 0)
}

[observer-animation].animateIn .anim-stagger-1 {
    transition-delay: 50ms
}

[observer-animation].animateIn .anim-stagger-2 {
    transition-delay: 100ms
}

[observer-animation].animateIn .anim-stagger-3 {
    transition-delay: 150ms
}

[observer-animation].animateIn .anim-stagger-4 {
    transition-delay: 200ms
}

[observer-animation].animateIn .anim-stagger-5 {
    transition-delay: 250ms
}

[observer-animation].animateIn .anim-stagger-6 {
    transition-delay: 300ms
}

[observer-animation].animateIn .anim-stagger-7 {
    transition-delay: 350ms
}

[observer-animation].animateIn .anim-stagger-8 {
    transition-delay: 400ms
}

[observer-animation].animateIn .anim-stagger-9 {
    transition-delay: 450ms
}

[observer-animation].animateIn .anim-stagger-10 {
    transition-delay: 500ms
}

[observer-animation].animateIn .anim-stagger-11 {
    transition-delay: 550ms
}

[observer-animation].animateIn .anim-stagger-12 {
    transition-delay: 600ms
}

[observer-animation].animateIn.anim-stagger-1,
[observer-animation].animateIn [class*="anim-stagger-"] {
    opacity: 1;
    transform: translateZ(0);
    transition-property: opacity, transform;
    transition-duration: 0.5s, 1.2s;
    transition-timing-function: linear, cubic-bezier(.19, 1, .22, 1)
}

@media (prefers-reduced-motion) {

    [observer-animation].animateIn.anim-stagger-1,
    [observer-animation].animateIn [class*="anim-stagger-"] {
        transition-duration: 0ms
    }
}

[observer-animation="lottie"] {
    opacity: 0
}

.anim-pathContainer .anim-path {
    stroke-dasharray: 3000;
    stroke-dashoffset: 3000;
    animation-duration: 3s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(.39, .575, .565, 1)
}

@media (max-width:1023px) {
    .anim-pathContainer .anim-path {
        animation-duration: 4s
    }
}

[observer-animation].animatePathIn .anim-path {
    animation-name: bbpsPath
}

@keyframes bbpsPath {
    to {
        stroke-dashoffset: 0
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeInUp30 {
    from {
        opacity: 0;
        transform: translateY(30px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeInUp10 {
    from {
        opacity: 0;
        transform: translateY(10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes animateArrowOnMouseover {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    50% {
        opacity: 0;
        transform: translate3d(8px, 0, 0)
    }

    51% {
        opacity: 0;
        transform: translate3d(-8px, 0, 0)
    }

    100% {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes animateLeftArrowOnMouseover {
    0% {
        opacity: 1;
        transform: rotate(180deg) translateX(0)
    }

    50% {
        opacity: 0;
        transform: rotate(180deg) translate3d(-8px, 0, 0)
    }

    51% {
        opacity: 0;
        transform: rotate(180deg) translate3d(8px, 0, 0)
    }

    100% {
        opacity: 1;
        transform: rotate(180deg) translateX(0)
    }
}

.anim-hoverArrow {
    will-change: transform
}

@media (hover:hover) {
    .anim-hoverArrowContainer:hover .anim-hoverArrow {
        animation-name: animateArrowOnMouseover;
        animation-fill-mode: forwards;
        animation-timing-function: cubic-bezier(.19, 1, .22, 1);
        animation-duration: 0.8s
    }
}

@keyframes keyframes__ticker {
    from {
        transform: translateX(0)
    }

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

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #1e1e1c !important;
    opacity: 1 !important
}

.c-btn {
    outline: unset;
    padding: 15px 20px;
    border-radius: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px
}

.c-btn.-plainText {
    padding: 0;
    border: none;
    gap: 5px
}

.c-btn.-fill {
    background-color: #1e1e1c
}

.c-btn.-fill.-withArrow {
    padding: 15px 20px
}

.c-btn.-fillWhite {
    padding: 15px 20px;
    background-color: #fff
}

.c-btn.-outline {
    background-color: #fff;
    gap: 10px;
    border: 1px solid #1e1e1c
}

.c-btn__text {
    white-space: nowrap
}

.c-btn.-fill .c-btn__text {
    color: #fff
}

.c-btn.-plainText .c-btn__text,
.c-btn.-fillWhite .c-btn__text,
.c-btn.-outline .c-btn__text {
    color: #1e1e1c
}

.c-btn.-fill[disabled],
.c-btn.-fill:disabled {
    background-color: #d2d2d2
}

.c-btn.-plainText:disabled,
.c-btn.-fillWhite[disabled],
.c-btn.-fillWhite:disabled,
.c-btn.-outline[disabled],
.c-btn.-outline:disabled {
    border-color: #d2d2d2
}

.c-btn.-plainText:disabled path,
.c-btn.-fillWhite[disabled] path,
.c-btn.-fillWhite:disabled path,
.c-btn.-outline[disabled] path,
.c-btn.-outline:disabled path {
    fill: #d2d2d2
}

.c-btn.-plainText:disabled .c-btn__text,
.c-btn.-fillWhite[disabled] .c-btn__text,
.c-btn.-fillWhite:disabled .c-btn__text,
.c-btn.-outline[disabled] .c-btn__text,
.c-btn.-outline:disabled .c-btn__text {
    color: #d2d2d2
}

@media (hover:hover) {
    .c-btn.-fill:hover {
        background-color: #3f3f3f
    }

    .c-btn.-plainText:hover,
    .c-btn.-fillWhite:hover,
    .c-btn.-outline:hover {
        border-color: #3f3f3f
    }

    .c-btn.-plainText:hover .c-btn__text,
    .c-btn.-fillWhite:hover .c-btn__text,
    .c-btn.-outline:hover .c-btn__text {
        color: #3f3f3f
    }
}

.c-btn:focus {
    outline: 1px solid #0094ff;
    outline-offset: 5px
}

body.usingMouse .c-btn:focus {
    outline: none
}

.-underlineText {
    border-radius: 0 !important;
    padding-bottom: 4px !important
}

@keyframes twoUnderlineOut {
    to {
        background-size: 0 1px, 100% 1px
    }
}

@keyframes twoUnderlineIn {

    from,
    to {
        background-position: 0 100%, 100% 100%
    }

    to {
        background-size: 100% 1px, 0 1px
    }
}

.-underlineText {
    background: linear-gradient(#1e1e1c, #1e1e1c);
    background-size: 100% 1px, 0 1px;
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat
}

.-underlineText:hover {
    animation: twoUnderlineOut 0.4s cubic-bezier(.45, 0, .85, 2) forwards, twoUnderlineIn 0.4s 0.4s cubic-bezier(.2, .85, .45, 1) forwards
}

.c-tertiaryLink {
    display: inline-block;
    position: relative;
    padding-bottom: 5px
}

.c-tertiaryLink::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #000
}

.c-header {
    opacity: 0;
    transform: translateY(-30px)
}

html[data-page="home"] .c-header {
    position: sticky;
    left: 0;
    width: var(--viewportWidth);
    z-index: 23;
    background-color: #fff
}

.c-header.animateIn {
    opacity: 1;
    transform: translateZ(0);
    transition-property: opacity, transform;
    transition-duration: 0.5s, 1.2s;
    transition-timing-function: linear, cubic-bezier(.19, 1, .22, 1)
}

.c-header {
    position: fixed;
    top: 0;
    left: 0;
    width: var(--viewportWidth);
    z-index: 23;
    background-color: #fff
}

.c-header a:focus {
    outline: 1px solid #0094ff;
    outline-offset: 5px
}

body.usingMouse .c-header a:focus {
    outline: none
}

.c-header__nav {
    padding: 0 20px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ebebeb
}

html[data-page=home] .c-header__nav {
    padding: 0 20px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-block: 1px solid #ebebeb
}

.c-header__lhs,
.c-header__rhs {
    flex-basis: var(--w-1col)
}

.c-header__lhs {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-right: 20px
}

@media (max-width:1023px) {
    .c-header__lhs {
        gap: 20px
    }
}

.c-header__logo {
    height: 40px;
    width: 100px
}

.c-header__harPaymentLogo {
    width: 55px;
    height: 55px;
    -o-object-fit: contain;
    object-fit: contain;
    position: relative;
    top: 0
}

@media (max-width:1023px) {
    .c-header__harPaymentLogo {
        width: 45px;
        height: 45px;
        -o-object-fit: cover;
        object-fit: cover;
        top: -.5px
    }
}

.c-header__lhs [aria-label="Home"]:last-child {
    pointer-events: none
}

.c-header__rhs {
    display: flex;
    justify-content: flex-end;
    gap: 20px
}

.c-header__rhs .c-btn {
    display: none
}

.c-header__logoutBtn {
    padding: 8px 12px
}

.c-header__navList {
    height: 100%;
    display: flex;
    align-items: stretch;
    gap: 40px
}

@media (min-width:1024px) {
    .c-header__navList {
        justify-content: center;
        width: 100%;
        max-width: calc(100% - var(--w-1col) * 2);
        flex-shrink: 0
    }
}

@media (min-width:1025px) {
    .c-header__navList {
        max-width: calc(calc(100% - var(--w-1col) * 2) + 100px)
    }
}

@media (max-width:1023px) {
    .c-header__navList {
        display: none
    }
}

.c-header__navItem a {
    height: 100%;
    display: flex;
    align-items: center;
    white-space: nowrap
}

.c-header__navItem a[aria-selected="true"] {
    color: #f87260
}

[data-page=what-is-bharat-connect] .c-header__navItem a[aria-selected=true] {
    color: #40d0cb
}

[data-page="products"] .c-header__navItem a[aria-selected="true"],
[data-page="solutions"] .c-header__navItem a[aria-selected="true"] {
    color: #61c0f5
}

[data-page="tsp"] .c-header__navItem a[aria-selected="true"] {
    color: #6981d3
}

[data-page="operating-units"] .c-header__navItem a[aria-selected="true"] {
    color: #ff894f
}

[data-page="agent-locator-search"] .c-header__navItem a[aria-selected="true"] {
    color: #ffe278
}

[data-page="agent-locator-search"] .c-header__navItem a[aria-selected="true"] {
    color: #ffe278
}

[data-page="customers"] .c-header__navItem a[aria-selected="true"] {
    color: #40d0cb
}

[data-page="tsp"] .c-header__rhs .c-btn.-fill,
[data-page="tsp-join"] .c-header__rhs .c-btn.-fill {
    background-color: #6981d3
}

[data-page="operating-units"] .c-header__rhs .c-btn.-fill,
[data-page="ou-join"] .c-header__rhs .c-btn.-fill {
    background-color: #ff894f
}

[data-page="customers"] .c-header__rhs .c-btn.-fill,
[data-page="customers-join"] .c-header__rhs .c-btn.-fill {
    background-color: #f87260
}

[data-page="biller"] .c-header__rhs .c-btn.-fill,
[data-page="biller-join"] .c-header__rhs .c-btn.-fill {
    background-color: #f87260
}

[data-page="tsp-join"] .c-header__rhs,
[data-page="ou-join"] .c-header__rhs,
[data-page="customers-join"] .c-header__rhs,
[data-page="biller-join"] .c-header__rhs,
[data-page="raise-complaint"] .c-header__rhs,
[data-page="join-bbps"] .c-header__rhs {
    gap: 20px
}

[data-page="tsp-join"] .c-header__rhs .c-btn,
[data-page="ou-join"] .c-header__rhs .c-btn,
[data-page="customers-join"] .c-header__rhs .c-btn,
[data-page="biller-join"] .c-header__rhs .c-btn,
[data-page="raise-complaint"] .c-header__rhs .c-btn,
[data-page="join-bbps"] .c-header__rhs .c-btn {
    display: inline-flex
}

@media (hover:hover) {
    .c-header__navItem a:hover {
        color: #f87260
    }

    [data-page="agent-locator-search"] .c-header__navItem a:hover {
        color: #ffe278
    }

    [data-page="products"] .c-header__navItem a:hover,
    [data-page="solutions"] .c-header__navItem a:hover {
        color: #61c0f5
    }

    [data-page="tsp"] .c-header__navItem a:hover {
        color: #6981d3
    }

    [data-page="operating-units"] .c-header__navItem a:hover {
        color: #ff894f
    }

    [data-page=what-is-bharat-connect] .c-header__navItem a:hover {
        color: #40d0cb
    }

    [data-page="customers"] .c-header__navItem a:hover {
        color: #40d0cb
    }

    .c-hamburgerMenu_lhs__navItem [data-item="billers"]:hover {
        color: #f87260
    }

    .c-hamburgerMenu_lhs__navItem [data-item="operating units"]:hover {
        color: #ff894f
    }

    .c-hamburgerMenu_lhs__navItem [data-item="customers"]:hover {
        color: #40d0cb
    }

    .c-hamburgerMenu_lhs__navItem [data-item="developers"]:hover {
        color: #6981d3
    }
}

[data-page="home"] .c-header__navItem:first-child a[aria-selected="true"],
[data-page="home"] .c-header__navItem:first-child a:hover {
    color: #40d0cb
}

[data-page="home"] .c-header__navItem:nth-child(2) a[aria-selected="true"],
[data-page="home"] .c-header__navItem:nth-child(2) a:hover {
    color: #f87260
}

[data-page="home"] .c-header__navItem:nth-child(3) a[aria-selected="true"],
[data-page="home"] .c-header__navItem:nth-child(3) a:hover {
    color: #ff894f
}

[data-page="home"] .c-header__navItem:nth-child(4) a[aria-selected="true"],
[data-page="home"] .c-header__navItem:nth-child(4) a:hover {
    color: #6981d3
}

[data-page="home"] .c-header__navItem:nth-child(5) a[aria-selected="true"],
[data-page="home"] .c-header__navItem:nth-child(5) a:hover {
    color: #40d0cb
}

.c-header__menuBtn {
    line-height: 0
}

.c-header__menuBtn svg {
    width: 24px;
    height: 24px
}

@media (max-width:1023px) {
    .c-header__menuBtn svg {
        width: 30px;
        height: 30px
    }
}

.-moreNavs {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    white-space: nowrap;
    cursor: pointer
}

.-moreNavs .c-selectCustom__trigger {
    padding: 0;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -.68px
}

.-moreNavs .c-selectCustom__trigger::after {
    margin-left: 2px;
    margin-top: 2px
}

.-moreNavs .c-selectCustom:not([aria-hidden="true"]) .c-selectCustom__options {
    z-index: 999;
    display: unset;
    opacity: 1
}

.-moreNavs .c-selectCustom:not([aria-hidden="true"]) .c-selectCustom__trigger::after {
    transform: rotate(180deg)
}

.-moreNavs .c-selectCustom__option {
    color: #1e1e1c
}

@media (hover:hover) {
    .-moreNavs .c-selectCustom__trigger:hover {
        color: #f87260
    }

    [data-page="products"] .-moreNavs .c-selectCustom__trigger:hover,
    [data-page="solutions"] .-moreNavs .c-selectCustom__trigger:hover {
        color: #61c0f5
    }

    [data-page="tsp"] .-moreNavs .c-selectCustom__trigger:hover {
        color: #6981d3
    }

    [data-page="operating-units"] .-moreNavs .c-selectCustom__trigger:hover {
        color: #ff894f
    }

    [data-page="customers"] .-moreNavs .c-selectCustom__trigger:hover {
        color: #40d0cb
    }

    [data-page=what-is-bharat-connect] .-moreNavs .c-selectCustom__trigger:hover {
        color: #40d0cb
    }
}

.c-scrollProgress {
    position: fixed;
    z-index: 22;
    top: var(--h-header);
    background: linear-gradient(270deg, #fec355 2%, #ff8b66);
    width: var(--viewportWidth);
    height: 5px;
    transform-origin: top left;
    transform: scaleX(0);
    will-change: transform
}

@media (max-width:1023px) {
    .c-scrollProgress {
        height: 2px
    }
}

html[data-page="home"] .c-scrollProgress {
    position: sticky;
    z-index: 23;
    background: linear-gradient(270deg, #fec355 2%, #ff8b66);
    width: var(--viewportWidth);
    height: 5px;
    transform-origin: top left;
    transform: scaleX(0);
    will-change: transform
}

@media (max-width:1023px) {
    html[data-page="home"] .c-scrollProgress {
        height: 2px
    }
}

[data-page="transaction-overview"] .c-scrollProgress {
    background: linear-gradient(to left, #49d0ca 0%, #2958ed 100%)
}

[data-page=what-is-bharat-connect] .c-scrollProgress {
    background: #40d0cb
}

[data-page="statistics"] .c-scrollProgress {
    background: linear-gradient(to left, #fec355 2%, #ff8b66)
}

[data-page="central-unit-statistics"] .c-scrollProgress {
    background: linear-gradient(to right, #4773ff 2%, #fbfcff)
}

[data-page="agent-institutions-statistics"] .c-scrollProgress {
    background: linear-gradient(to right, #fec355 2%, #fffdf8)
}

[data-page="customer-operating-units-statistics"] .c-scrollProgress {
    background: linear-gradient(to right, #40d0cb 2%, #eefffe)
}

[data-page="biller-operating-units-statistics"] .c-scrollProgress {
    background: linear-gradient(to left, #fffcfb 2%, #ff894f)
}

[data-page="biller-statistics"] .c-scrollProgress {
    background: linear-gradient(to right, #ff6d59 2%, #ff8b66)
}

[data-page="products"] .c-scrollProgress,
[data-page="solutions"] .c-scrollProgress {
    background: #61c0f5
}

[data-page="tsp"] .c-scrollProgress,
[data-page="business-opportunities-for-developers"] .c-scrollProgress {
    background: #6981d3
}

[data-page="operating-units"] .c-scrollProgress {
    background: #ff894f
}

[data-page="customers"] .c-scrollProgress {
    background: #40d0cb
}

.c-scrollIndicator__container {
    position: relative
}

.c-scrollIndicator {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 180px;
    height: 10px;
    border-radius: 5px;
    overflow: hidden;
    cursor: grab
}

.c-scrollIndicator:before {
    position: absolute;
    content: "";
    top: 5px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #d0d3dd
}

.c-scrollIndicator.isActive {
    cursor: grabbing
}

.c-scrollIndicator.isHidden {
    display: none
}

.c-scrollIndicator__thumb {
    display: block;
    position: relative;
    top: 5px;
    width: 60px;
    height: 2px;
    transform-origin: top left;
    transform: translateX(0);
    background-color: #1e1e1c;
    will-change: transform
}

@media (min-width:1024px) {
    .c-scrollIndicator__thumb {
        width: 80px
    }
}

.c-verticalScrollbar__container {
    position: relative
}

@media (max-width:1023px) {
    .c-verticalScrollbar__scroller {
        scrollbar-width: none;
        -ms-overflow-style: none
    }

    .c-verticalScrollbar__scroller::-webkit-scrollbar {
        display: none
    }
}

.c-verticalScrollbar__track {
    position: absolute;
    top: 0;
    right: 8px;
    height: 100%;
    width: 4px;
    transform: scaleY(80%)
}

@media (min-width:1024px) {
    .c-verticalScrollbar__track {
        display: none !important
    }
}

.c-verticalScrollbar__thumb {
    position: absolute;
    width: 4px;
    background: #cfcfcf;
    border-radius: 10px;
    top: 0;
    right: 0;
    height: 0
}

.c-breadcrumbs {
    opacity: 0;
    transform: translateY(-30px)
}

.c-breadcrumbs.animateIn {
    opacity: 1;
    transform: translateZ(0);
    transition-property: opacity, transform;
    transition-duration: 0.5s, 1.2s;
    transition-timing-function: linear, cubic-bezier(.19, 1, .22, 1)
}

.c-breadcrumbs {
    margin-left: calc(0px - var(--leftMargin));
    width: var(--viewportWidth);
    padding: 15px 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    color: #b5b5b5
}

@media (hover:hover) {
    .c-breadcrumbs>a:hover {
        color: #1e1e1c
    }
}

.c-breadcrumbs>:last-child {
    color: #1e1e1c
}

.c-breadcrumbs a {
    white-space: nowrap
}

body.usingMouse .c-footer a:focus {
    outline: none
}

.c-footer a:focus {
    outline: 1px solid #0094ff;
    outline-offset: 5px
}

@media (min-width:1024px) {
    .c-footer {
        position: relative
    }

    .c-footer::before {
        content: "";
        position: absolute;
        top: 0;
        left: calc(20px - var(--leftMargin));
        width: calc(var(--viewportWidth) - 40px);
        border-bottom: 1px solid #dadada
    }
}

.c-footer__content {
    padding: 40px 0 20px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 30px 20px
}

@media (max-width:1023px) {
    .c-footer__content {
        padding: 0 0 16px;
        gap: 0;
        border-top: 0
    }
}

.c-footer__nav {
    width: 100%
}

@media (max-width:1023px) {
    .c-footer__nav {
        width: 100%
    }
}

.c-footer__columns {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    color: #777
}

@media (max-width:1023px) {
    .c-footer__columns {
        border-top: 1px solid #dadada;
        flex-direction: column;
        align-items: stretch;
        width: 100%;
        gap: 0
    }
}

@media (max-width:1023px) {
    .c-footer__column .c-footer__titleTextHead {
        display: none
    }
}

@media (max-width:1023px) {
    .c-footer__columnList {
        border-bottom: 1px solid #dadada
    }
}

@media (max-width:1023px) {
    .c-footer__column:last-child .c-footer__columnList {
        border-bottom: 0
    }
}

.c-footer__column,
.c-footer__column>.-mobileAccordion {
    display: flex;
    flex-direction: column;
    gap: 40px
}

@media (max-width:1023px) {

    .c-footer__column,
    .c-footer__column>.-mobileAccordion {
        align-items: stretch;
        gap: 0
    }
}

@media (min-width:1024px) {
    .-mobileAccordion+.c-footer__navLink {
        margin-top: 10px
    }
}

.c-footer__navLinks {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 15px
}

.c-footer__navLinks .c-footer__navLink {
    color: #828282
}

.c-footer__navLinks .c-footer__navLink:hover {
    opacity: .8
}

@media (max-width:1023px) {
    .c-footer__navLinks {
        align-items: stretch;
        gap: 0;
        margin-top: 0
    }
}

@media (max-width:1023px) {
    .-mobileAccordion .c-footer__navLinks {
        gap: 20px
    }
}

.c-footer__titleText {
    display: block;
    width: 100%;
    color: #1e1e1c;
    text-align: left
}

@media (max-width:1023px) {
    .c-footer__titleText {
        padding: 16px 0;
        border-bottom: 1px solid #dadada
    }
}

.c-footer__titleTextHead {
    display: block;
    width: 100%;
    color: #1e1e1c;
    text-align: left;
    font-weight: 500
}

@media (max-width:1023px) {
    .c-footer__titleTextHead {
        padding: 16px 0;
        border-bottom: 1px solid #dadada
    }
}

@media (max-width:1023px) {
    .-mobileAccordion .c-footer__titleText {
        border-bottom: none
    }

    .-mobileAccordion .c-footer__navLinks {
        height: 0;
        overflow: hidden;
        transition: height 1.2s cubic-bezier(.19, 1, .22, 1);
        transition-duration: 0.7s;
        gap: 0
    }

    .-mobileAccordion .c-footer__navLinks::after {
        content: "";
        padding-bottom: 16px
    }

    .-mobileAccordion .c-footer__navLink {
        padding: 10px 0 10px 0
    }
}

@media (max-width:1023px) {
    .-mobileAccordion>.c-footer__titleText {
        display: none
    }
}

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

.c-footer__navBtn svg {
    width: 25px;
    height: auto;
    transition: transform 400ms cubic-bezier(.19, 1, .22, 1)
}

.c-footer__navBtn[aria-expanded="true"] svg>:nth-child(2) {
    display: none
}

@media (min-width:1024px) {
    .c-footer__navBtn {
        display: none
    }
}

.js-subscribe {
    display: none !important;
    opacity: 0;
    visibility: hidden
}

.c-footer__mdlRow {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding: 30px 0;
    position: relative
}

.c-footer__mdlRow::before {
    content: "";
    position: absolute;
    top: 0;
    left: calc(20px - var(--leftMargin));
    width: calc(var(--viewportWidth) - 40px);
    border-top: 1px solid #dadada
}

.c-footer__mdlRow::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: calc(20px - var(--leftMargin));
    width: calc(var(--viewportWidth) - 40px);
    border-top: 1px solid #dadada
}

@media (max-width:1023px) {
    .c-footer__mdlRow {
        flex-direction: column;
        padding-top: 35px;
        padding-bottom: 35px;
        border-top: 0;
        border-bottom: 0
    }
}

.c-footer__mdlRow .c-footer__mdlCols {
    flex-basis: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width:1023px) {
    .c-footer__mdlRow .c-footer__mdlCols {
        flex-basis: 100%;
        width: 100%
    }
}

.c-footer__socialMediaLinks {
    display: flex;
    gap: 16px
}

@media (min-width:1024px) {
    .c-footer__socialMediaLinks {
        justify-content: flex-end
    }
}

.c-footer__socialMediaLinks a,
.c-footer__socialMediaLinks img {
    display: block
}

.c-footer__legal {
    position: relative;
    width: 100%;
    display: flex;
    color: #737373;
    gap: 24px;
    top: -5px
}

@media (max-width:1023px) {
    .c-footer__legal {
        margin-top: 30px;
        color: #5f5f5f;
        flex-direction: column;
        gap: 0;
        top: 0
    }

    .c-footer__legal .c-footer__copyright {
        margin-top: 20px;
        text-align: left !important;
        line-height: 20px
    }
}

@media (min-width:1024px) {
    .c-footer__legal {
        justify-content: space-between
    }
}

.c-footer__legal .c-footer__copyright {
    text-align: right
}

.c-footer__legalCol {
    flex-basis: 50%
}

.c-footer__legalColList {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap
}

.c-footer__legalColListItem:not(:last-child) {
    padding-right: 20px;
    margin-right: 20px;
    border-right: 2px solid #f1f1f1
}

@media (max-width:1023px) {
    .c-footer__legalColListItem:not(:last-child) {
        padding-right: 10px;
        margin-right: 10px
    }
}

.c-getStartedForm+.c-footer {
    margin-top: 0 !important
}

.c-getStartedForm {
    padding: 30px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    position: relative
}

.c-getStartedForm::before {
    content: "";
    position: absolute;
    top: 0;
    left: calc(20px - var(--leftMargin));
    width: calc(var(--viewportWidth) - 40px);
    border-bottom: 1px solid #dadada
}

@media (max-width:1023px) {
    .c-getStartedForm {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px
    }
}

.c-getStartedForm__title {
    color: #1e1e1c;
    max-width: 180px
}

@media (max-width:1023px) {
    .c-getStartedForm__title {
        font-size: 17px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        letter-spacing: -.68px;
        max-width: -moz-max-content;
        max-width: max-content
    }
}

.c-getStartedForm__telInputWrapper {
    position: relative;
    width: 368px;
    height: 60px;
    display: flex;
    align-items: center;
    background-color: #f1f1f1;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 10px;
    gap: 15px
}

@media (max-width:1023px) {
    .c-getStartedForm__telInputWrapper {
        height: 50px;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (max-width:1023px) {
    .c-getStartedForm__telInputWrapper {
        width: 100%
    }
}

.c-getStartedForm__telInputWrapper button[type="submit"] {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.c-getStartedForm__telInputWrapper button[type="submit"]:focus {
    outline: 1px solid #0094ff;
    outline-offset: 5px
}

.c-getStartedForm__telInputWrapper button[type="submit"] .c-getStartedForm__btnTxt {
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -.6px;
    padding-bottom: 1px;
    border-bottom: 2px solid #1e1e1c
}

.c-getStartedForm__telInputWrapper button[type="submit"] .c-getStartedForm__btnTxt:hover {
    opacity: .8
}

.c-getStartedForm__telInput {
    flex: 1;
    color: #1e1e1c
}

@media (max-width:1023px) {
    .c-getStartedForm__telInput {
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: 100%;
        letter-spacing: -.6px
    }
}

.c-getStartedForm__telInput::-moz-placeholder {
    color: #828282;
    font-weight: 400;
    opacity: 1
}

.c-getStartedForm__telInput::placeholder {
    color: #828282;
    font-weight: 400;
    opacity: 1
}

.c-getStartedForm__telInput:focus {
    outline: 1px solid #0094ff;
    outline-offset: 5px
}

.c-getStartedForm__telInput.isInvalid~.c-getStartedForm__telInputError {
    display: block
}

.c-getStartedForm input:-webkit-autofill,
.c-getStartedForm input:-webkit-autofill:hover,
.c-getStartedForm input:-webkit-autofill:focus,
.c-getStartedForm input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #f1f1f1 inset !important
}

.c-getStartedForm__telInputError {
    position: absolute;
    left: 0;
    top: calc(100% + 8px);
    color: #ff2727;
    display: none
}

body.usingMouse button[type="submit"]:focus,
body.usingMouse .c-getStartedForm__telInput:focus {
    outline: none
}

.c-benefits__heading {
    text-align: center
}

@media (max-width:1023px) {
    .c-benefits__heading {
        font-size: 30px;
        font-style: normal;
        font-weight: 500;
        line-height: 100%;
        letter-spacing: -1.5px
    }
}

.c-benefits__subheading {
    margin-top: 15px;
    color: #5f5f5f;
    text-align: center
}

@media (max-width:1023px) {
    .c-benefits__subheading {
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
        letter-spacing: -.6px
    }
}

.c-benefits__list {
    margin: 50px auto 0;
    display: flex;
    gap: 80px;
    max-width: 1040px;
    overflow-x: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.c-benefits__list::-webkit-scrollbar {
    display: none
}

@media (max-width:1023px) {
    .c-benefits__list {
        margin: 30px 0 0 calc(0px - 20px);
        padding: 0 20px;
        width: var(--viewportWidth);
        gap: 40px;
        flex-direction: column
    }
}

@media screen and (min-width:1024px) and (max-width:1280px) {
    .c-benefits__list {
        gap: 60px !important
    }
}

.c-benefits__item {
    width: 200px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center
}

@media (max-width:1023px) {
    .c-benefits__item {
        width: 100%;
        flex-direction: row;
        gap: 15px;
        align-items: flex-start
    }
}

@media screen and (min-width:1024px) and (max-width:1280px) {
    .c-benefits__item {
        width: calc(100% / 5 - 60px * 4 / 5) !important
    }
}

@media (max-width:1023px) {
    .c-benefits__itemWrap {
        max-width: 100%
    }
}

@media (max-width:1023px) {
    .c-benefits__itemWrap .c-benefits__itemHeading {
        text-align: left;
        margin-top: 0
    }
}

@media (max-width:1023px) {
    .c-benefits__itemWrap .c-benefits__itemSubheading {
        text-align: left
    }
}

.c-benefits__itemIcon {
    width: auto;
    height: 30px
}

@media (max-width:1023px) {
    .c-benefits__itemIcon {
        height: 25px
    }
}

.c-benefits__itemHeading {
    margin-top: 20px;
    text-align: center
}

@media (max-width:1023px) {
    .c-benefits__itemHeading {
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        letter-spacing: -.8px
    }
}

.c-benefits__itemSubheading {
    margin-top: 5px;
    color: #5f5f5f;
    text-align: center
}

@media (max-width:1023px) {
    .c-benefits__itemSubheading {
        margin-top: 10px
    }
}

.c-benefits__itemLink {
    margin-top: 5px
}

.c-benefits__mblBtnWrap {
    display: none;
    margin-top: 40px;
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -.6px
}

.c-benefits__mblBtnWrap .c-benefits__mblBtnTxt {
    display: inline-flex;
    gap: 5px;
    align-items: center;
    justify-content: center
}

@media (max-width:1023px) {
    .c-benefits__mblBtnWrap {
        display: block
    }
}

@media (max-width:1023px) {
    .c-benefits__item:nth-child(n+4) {
        display: none
    }

    .c-benefits.-showAllList .c-benefits__item:nth-child(n+4) {
        display: flex
    }

    .c-benefits.-showAllList .c-benefits__mblBtnWrap {
        display: none
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1) {
    .c-benefits__itemHeading br {
        display: none
    }
}

@media (min-width:1024px) {
    .c-relatedQuestions {
        display: flex;
        flex-direction: column;
        gap: 20px;
        max-width: 610px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 70px !important
    }
}

@media (max-width:1023px) {
    .c-relatedQuestions {
        margin-top: 40px !important
    }
}

.c-relatedQuestions__heading {
    color: #5f5f5f;
    min-width: 295px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    display: flex;
    padding-top: 0
}

@media (max-width:1023px) {
    .c-relatedQuestions__heading {
        font-size: 13px;
        line-height: 110%;
        font-weight: 400;
        letter-spacing: -.52px;
        padding-top: 0;
        justify-content: flex-start
    }
}

.c-relatedQuestions__listWrap {
    width: 100%
}

@media (max-width:1023px) {
    .c-relatedQuestions__listWrap button {
        padding: 20px 0;
        align-items: flex-start
    }
}

.c-relatedQuestions__listWrap button span {
    max-width: unset
}

@media (max-width:1023px) {
    .c-relatedQuestions__listWrap button span {
        max-width: 260px
    }
}

.c-relatedQuestions__listWrap button svg {
    flex-shrink: 0
}

.c-relatedQuestions .c-dynamicModal__trigger,
.c-relatedQuestions .c-staticModal__trigger {
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -.68px;
    color: #1e1e1c;
    padding: 20px 0
}

.c-cardLink {
    margin-left: auto;
    margin-right: auto;
    width: 610px;
    height: 236px;
    display: flex;
    gap: 25px;
    border-radius: 20px;
    border: 1px solid #dadada;
    overflow: hidden
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .c-cardLink {
        width: 610px !important;
        height: 236px !important;
        flex-direction: row !important;
        gap: 25px !important
    }
}

@media (max-width:1023px) {
    .c-cardLink {
        width: 100%;
        height: auto;
        flex-direction: column;
        gap: 30px
    }
}

@media (min-width:1024px) {
    .c-cardLink {
        align-items: stretch
    }
}

.c-cardLink__imgWrapper {
    width: 295px;
    height: 100%;
    position: relative
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .c-cardLink__imgWrapper {
        width: 295px !important;
        height: 100% !important;
        padding-top: unset !important
    }
}

@media (max-width:1023px) {
    .c-cardLink__imgWrapper {
        width: 100%;
        height: auto;
        padding-top: calc(36300% / 320)
    }
}

.c-cardLink__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center
}

.c-cardLink__content {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 25px
}

@media (max-width:1023px) {
    .c-cardLink__content {
        padding: 0 25px 30px
    }
}

@media (min-width:1024px) {
    .c-cardLink__content {
        flex: 1
    }
}

@media (max-width:1023px) {
    .c-cardLink__content .c-cardLink__link {
        padding-bottom: 0
    }
}

@media (min-width:1024px) {
    .c-cardLink__content .c-cardLink__link {
        flex: none
    }
}

.c-cardLink__heading {
    display: flex;
    align-items: center
}

@media (max-width:1023px) {
    .c-cardLink__heading {
        justify-content: flex-start
    }
}

@media (max-width:1023px) {
    .c-cardLink__heading {
        font-size: 25px;
        font-style: normal;
        font-weight: 500;
        line-height: 100%;
        letter-spacing: -1px
    }
}

.c-cardLink__heading svg {
    position: relative;
    top: 3px
}

@media (max-width:1023px) {
    .c-cardLink__heading svg {
        top: 2px;
        width: auto;
        height: 20px
    }
}

.c-cardLink__link {
    display: flex;
    align-items: center
}

@media (max-width:1023px) {
    .c-cardLink__link {
        padding-bottom: 30px;
        justify-content: flex-start
    }
}

@media (min-width:1024px) {
    .c-cardLink__link {
        flex: 1
    }
}

@media (max-width:1023px) {
    .c-cardLink__link a {
        font-size: 25px;
        font-style: normal;
        font-weight: 500;
        line-height: 100%;
        letter-spacing: -1px
    }
}

.c-cardLink__link a svg {
    position: relative;
    top: 3px
}

@media (max-width:1023px) {
    .c-cardLink__link a svg {
        top: 2px;
        width: auto;
        height: 20px
    }
}

.c-pageMenu {
    opacity: 0;
    transform: translateY(-30px);
    transition-property: opacity, transform, height;
    transition-duration: 0;
    transition-timing-function: linear, cubic-bezier(.39, .575, .565, 1), linear
}

.c-pageMenu.-applyTransitionDuration {
    transition-duration: 0.3s, 0.3s, 0.15s
}

.c-pageMenu.animateIn {
    opacity: 1;
    transform: translateZ(0)
}

[data-page="tsp"] .c-pageMenu .c-pageMenu__link[aria-selected="true"] {
    color: #6981d3
}

[data-page="tsp"] .c-pageMenu .c-pageMenu__activeLink path {
    fill: #6981d3
}

[data-page="solutions"] .c-pageMenu .c-pageMenu__link[aria-selected="true"] {
    color: #61c0f5
}

[data-page="solutions"] .c-pageMenu .c-pageMenu__activeLink path {
    fill: #61c0f5
}

[data-page="operating-units"] .c-pageMenu .c-pageMenu__link[aria-selected="true"] {
    color: #ff894f
}

[data-page="operating-units"] .c-pageMenu .c-pageMenu__activeLink path {
    fill: #ff894f
}

[data-page="biller"] .c-pageMenu .c-pageMenu__link[aria-selected="true"] {
    color: #f87260
}

[data-page="biller"] .c-pageMenu .c-pageMenu__activeLink path {
    fill: #f87260
}

[data-page="customers"] .c-pageMenu .c-pageMenu__link[aria-selected="true"] {
    color: #40d0cb
}

[data-page="customers"] .c-pageMenu .c-pageMenu__activeLink path {
    fill: #40d0cb
}

[data-page="categories"] .c-pageMenu .c-pageMenu__link[aria-selected="true"] {
    color: #ff6d59
}

[data-page="categories"] .c-pageMenu .c-pageMenu__activeLink path {
    fill: #ff6d59
}

[data-page="home"] .c-pageMenu[data-active-link="Customers"] .c-pageMenu__link[aria-selected="true"] {
    color: #40d0cb
}

[data-page="home"] .c-pageMenu[data-active-link="Customers"] .c-pageMenu__activeLink path {
    fill: #40d0cb
}

[data-page="home"] .c-pageMenu[data-active-link="Billers"] .c-pageMenu__link[aria-selected="true"] {
    color: #f87260
}

[data-page="home"] .c-pageMenu[data-active-link="Billers"] .c-pageMenu__activeLink path {
    fill: #f87260
}

[data-page="home"] .c-pageMenu[data-active-link="Biller Operating Units"] .c-pageMenu__link[aria-selected="true"] {
    color: #ff894f
}

[data-page="home"] .c-pageMenu[data-active-link="Biller Operating Units"] .c-pageMenu__activeLink path {
    fill: #ff894f
}

[data-page="home"] .c-pageMenu[data-active-link="Developers"] .c-pageMenu__link[aria-selected="true"] {
    color: #6981d3
}

[data-page="home"] .c-pageMenu[data-active-link="Developers"] .c-pageMenu__activeLink path {
    fill: #6981d3
}

[data-page="home"] .c-pageMenu[data-active-link="Customer Operating Units"] .c-pageMenu__link[aria-selected="true"] {
    color: #40d0cb
}

[data-page="home"] .c-pageMenu[data-active-link="Customer Operating Units"] .c-pageMenu__activeLink path {
    fill: #40d0cb
}

.c-pageMenu {
    position: fixed;
    z-index: 22;
    top: calc(var(--h-header) - 2px);
    left: 0;
    width: var(--viewportWidth);
    box-shadow: 0 2px 6px 0 rgb(95 164 193 / .09);
    background-color: #fff;
    height: var(--h-pageMenu);
    overflow: hidden
}

.c-pageMenu__activeLink {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: var(--h-pageMenu);
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.c-pageMenu__activeLink span {
    height: 24px;
    display: flex;
    align-items: center;
    display: none
}

.c-pageMenu__activeLink[aria-expanded="true"] svg {
    transform: rotate(180deg)
}

.c-pageMenu__links {
    pointer-events: none;
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    transition-property: transform;
    transition-timing-function: ease-out;
    transition-duration: 0.15s
}

.c-pageMenu__links li {
    display: flex;
    align-items: flex-start
}

.c-pageMenu__links li a {
    pointer-events: auto;
    height: var(--h-pageMenu);
    display: flex;
    align-items: center
}

.c-pageMenu__links::after {
    content: "";
    display: block;
    padding-bottom: 15px
}

.c-hamburgerMenu {
    position: fixed;
    height: var(--viewportHeight);
    width: var(--viewportWidth);
    display: none;
    z-index: 25;
    background-color: #fff;
    overflow: hidden;
    animation-name: fadeIn;
    animation-duration: 0.3s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(.39, .575, .565, 1)
}

.c-hamburgerMenu_container {
    height: 100%
}

@media (max-width:1023px) {
    .c-hamburgerMenu_container {
        padding-top: 75px;
        position: relative;
        overflow-y: auto;
        scrollbar-width: none;
        -ms-overflow-style: none
    }

    .c-hamburgerMenu_container::-webkit-scrollbar {
        display: none
    }

    .c-hamburgerMenu_container.setFlex {
        display: flex;
        flex-direction: column
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .c-hamburgerMenu_container {
        flex-direction: row !important
    }
}

@media (min-width:1024px) {
    .c-hamburgerMenu_container {
        display: flex
    }
}

.c-hamburgerMenu_Mob {
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    height: 80px;
    background-color: #fff
}

.c-hamburgerMenu_Mob .c-hamburgerMenu_lhs__logo {
    gap: 20px
}

.c-hamburgerMenu_Mob .mobMenu {
    cursor: pointer;
    position: relative;
    top: 2px;
    right: 0;
    padding: 0
}

.c-hamburgerMenu_Mob .mobMenu svg {
    width: 20px;
    height: auto
}

.c-hamburgerMenu_lhs {
    background-color: #fff;
    height: 100%;
    display: flex;
    flex-direction: column;
    width: 50%;
    padding-top: 11px;
    padding-left: 20px;
    gap: 50px
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .c-hamburgerMenu_lhs {
        width: 50% !important
    }
}

@media (max-width:1023px) {
    .c-hamburgerMenu_lhs {
        width: 100%;
        height: auto;
        justify-content: unset;
        padding-top: 25px;
        padding-bottom: 30px;
        flex-shrink: 0
    }
}

.c-hamburgerMenu_lhs__logo {
    display: flex;
    gap: 30px;
    align-items: center;
    -o-object-fit: contain;
    object-fit: contain
}

.c-hamburgerMenu_lhs__navList {
    display: flex;
    flex-direction: column;
    gap: 40px
}

.c-hamburgerMenu_lhs__navList li {
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -2px
}

@media (max-width:1023px) {
    .c-hamburgerMenu_lhs__navList li {
        font-size: 25px;
        font-style: normal;
        font-weight: 500;
        line-height: 100%;
        letter-spacing: -1px
    }
}

@media (max-width:1023px) {
    .c-hamburgerMenu_lhs__navList {
        gap: 30px
    }
}

.c-hamburgerMenu_rhs {
    height: 100%;
    width: 50%;
    background-color: #ff8c36;
    position: relative
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .c-hamburgerMenu_rhs {
        width: 50% !important
    }
}

@media (max-width:1023px) {
    .c-hamburgerMenu_rhs {
        width: 100%;
        height: auto;
        position: relative;
        overflow: hidden;
        flex-shrink: 0
    }
}

@media (min-width:1024px) {
    .c-hamburgerMenu_rhs {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: space-between
    }
}

.c-hamburgerMenu_rhs__closeIcon {
    position: absolute;
    display: inline-block;
    top: 28px;
    right: 30px;
    cursor: pointer;
    z-index: 99
}

@media (min-width:1024px) {
    .c-hamburgerMenu_rhs__closeIcon {
        top: 29px;
        right: 21px
    }
}

.c-hamburgerMenu_rhs__bg {
    text-align: end;
    position: absolute;
    right: -240px;
    display: none
}

.c-hamburgerMenu_rhs__bg svg path {
    stroke-dasharray: 2000;
    stroke-dashoffset: 2000
}

@media (max-width:1023px) {
    .c-hamburgerMenu_rhs__bg svg {
        width: 467px;
        height: auto
    }
}

@media (max-width:1023px) {
    .c-hamburgerMenu_rhs__bg {
        order: 2;
        left: 150px
    }
}

.c-hamburgerMenu_rhs__list {
    display: flex
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .c-hamburgerMenu_rhs__list {
        flex-direction: row !important
    }
}

@media (max-width:1023px) {
    .c-hamburgerMenu_rhs__list {
        padding: 29.87px 20px 20px 20px;
        flex-direction: column;
        gap: 0
    }
}

@media (min-width:1024px) {
    .c-hamburgerMenu_rhs__list {
        gap: 20px;
        padding: 0 20px 0;
        position: absolute;
        top: 118px
    }
}

.c-hamburgerMenu_rhs__navList {
    display: flex;
    flex-direction: column;
    gap: 20px;
    color: #fff;
    width: 295px
}

@media (max-width:1023px) {
    .c-hamburgerMenu_rhs__navList {
        gap: 25px;
        width: auto
    }
}

@media (max-width:1023px) {
    .c-hamburgerMenu_rhs__navList li {
        font-size: 17px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        letter-spacing: -.68px
    }
}

@media (min-width:1024px) {
    .c-hamburgerMenu_rhs__navList:first-child li {
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        letter-spacing: -.8px
    }
}

@media (max-width:1023px) {
    .c-hamburgerMenu_rhs__navList:last-child {
        flex-direction: row;
        justify-content: space-between;
        border-top: 1px solid rgb(255 255 255 / .5);
        padding-top: 30px;
        margin-top: 30px;
        gap: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .c-hamburgerMenu_rhs__navList:last-child {
        flex-direction: column !important;
        gap: 25px !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
        justify-content: unset !important;
        border: 0 !important
    }
}

.c-hamburgerMenu_rhs__navList:last-child li {
    line-height: 20px
}

@media (max-width:1023px) {
    .c-hamburgerMenu_rhs__navList:last-child li {
        font-size: 13px
    }
}

.c-hamburgerMenu .anim-stagger-1 {
    animation-delay: 0.03s
}

.c-hamburgerMenu .anim-stagger-2 {
    animation-delay: 0.06s
}

.c-hamburgerMenu .anim-stagger-3 {
    animation-delay: 0.09s
}

.c-hamburgerMenu .anim-stagger-4 {
    animation-delay: 0.12s
}

.c-hamburgerMenu .anim-stagger-5 {
    animation-delay: 0.15s
}

.c-hamburgerMenu .anim-stagger-6 {
    animation-delay: 0.18s
}

.c-hamburgerMenu .anim-stagger-7 {
    animation-delay: 0.21s
}

.c-hamburgerMenu .anim-stagger-8 {
    animation-delay: 0.24s
}

.c-hamburgerMenu .anim-stagger-9 {
    animation-delay: 0.27s
}

.c-hamburgerMenu .anim-stagger-10 {
    animation-delay: 0.3s
}

.c-hamburgerMenu .anim-stagger-11 {
    animation-delay: 0.33s
}

.c-hamburgerMenu .anim-stagger-12 {
    animation-delay: 0.36s
}

.c-hamburgerMenu .anim-stagger-13 {
    animation-delay: 0.39s
}

.c-hamburgerMenu .anim-stagger-14 {
    animation-delay: 0.42s
}

.c-hamburgerMenu .anim-stagger-15 {
    animation-delay: 0.45s
}

.c-hamburgerMenu .anim-stagger-16 {
    animation-delay: 0.48s
}

.c-hamburgerMenu .anim-stagger-17 {
    animation-delay: 0.51s
}

.c-hamburgerMenu .anim-stagger-18 {
    animation-delay: 0.54s
}

.c-hamburgerMenu .anim-stagger-19 {
    animation-delay: 0.57s
}

.c-hamburgerMenu .anim-stagger-20 {
    animation-delay: 0.6s
}

.c-hamburgerMenu [class*="anim-stagger-"] {
    opacity: 0;
    animation-name: fadeInUp30;
    animation-fill-mode: forwards;
    animation-duration: 0.3s;
    animation-timing-function: cubic-bezier(.39, .575, .565, 1)
}

@media (prefers-reduced-motion) {
    .c-hamburgerMenu [class*="anim-stagger-"] {
        animation: none
    }
}

.c-hamburgerMenu.showMenu {
    display: block
}

.c-hamburgerMenu.showMenu .c-hamburgerMenu_rhs__bg svg path {
    animation-name: bbpsPath;
    animation-duration: 2s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out
}

html.isHamburgerMenuOpen {
    overflow: hidden
}

.c-externalLinkArrow {
    position: relative;
    top: 2px
}

@media (max-width:1023px) {
    .c-externalLinkArrow {
        top: 3px
    }
}

.c-btn.-fill .c-externalLinkArrow {
    top: 0
}

@keyframes animateExternalLinkArrowOnMouseover {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    50% {
        opacity: 0;
        transform: translate3d(6px, -6px, 0)
    }

    51% {
        opacity: 0;
        transform: translate3d(-6px, 6px, 0)
    }

    100% {
        opacity: 1;
        transform: translateZ(0)
    }
}

.c-externalLinkArrow__container:hover .c-externalLinkArrow {
    animation-name: animateExternalLinkArrowOnMouseover;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(.19, 1, .22, 1);
    animation-duration: 0.8s
}

@media (min-width:1024px) {
    .c-stepsToPartner {
        display: flex;
        gap: 20px
    }

    .c-stepsToPartner__lhs {
        flex: 1
    }

    .c-stepsToPartner__rhs {
        flex: 1
    }
}

@media (max-width:1023px) {
    .c-stepsToPartner__heading {
        font-size: 30px;
        font-style: normal;
        font-weight: 500;
        line-height: 100%;
        letter-spacing: -1.5px;
        padding-right: 30px
    }
}

.c-stepsToPartner__list {
    margin-top: -40px
}

@media (max-width:1023px) {
    .c-stepsToPartner__list {
        margin-top: 15px
    }
}

.c-stepsToPartner__item {
    padding: 40px 0;
    border-bottom: 1px solid #dadada;
    display: flex;
    align-items: flex-start;
    gap: 20px
}

@media (max-width:1023px) {
    .c-stepsToPartner__item {
        flex-direction: column;
        gap: 10px;
        padding: 25px 0
    }
}

.c-stepsToPartner__itemIndex {
    flex-shrink: 0;
    border-radius: 25px;
    position: relative;
    top: -3px;
    padding: 0 10px;
    height: 30px;
    display: flex;
    align-items: center;
    color: #fff;
    background-color: #f87260;
    line-height: 1
}

@media (max-width:1023px) {
    .c-stepsToPartner__itemIndex {
        font-size: 13px;
        line-height: 110%;
        font-weight: 400;
        letter-spacing: -.52px
    }
}

.c-stepsToPartner[data-theme="developers"] .c-stepsToPartner__itemIndex {
    background-color: #6981d3
}

.c-stepsToPartner[data-theme="solutions"] .c-stepsToPartner__itemIndex {
    background-color: #61c0f5
}

.c-stepsToPartner__itemText {
    display: flex;
    align-items: center
}

@media (max-width:1023px) {
    .c-stepsToPartner__itemText {
        font-size: 17px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        letter-spacing: -.68px;
        padding-right: 20px
    }
}

.c-stepsToPartner__itemText.-insetBtn {
    display: inline-block
}

.c-stepsToPartner__itemText.-insetBtn .-underLine {
    display: inline-block;
    text-decoration: underline;
    text-underline-position: from-font;
    text-decoration-thickness: from-font;
    padding: 0
}

.c-stepsToPartner__itsThatSimple {
    margin-top: 40px
}

@media (max-width:1023px) {
    .c-stepsToPartner__itsThatSimple {
        font-size: 25px;
        font-style: normal;
        font-weight: 500;
        line-height: 100%;
        letter-spacing: -1px
    }
}

.c-stepsToPartner__rhs__itemTextWithArrow {
    cursor: pointer
}

.c-pageGradient {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: var(--viewportWidth);
    height: 560px;
    background: linear-gradient(180deg, rgb(255 183 147 / .41) 0%, #fff0 83.85%);
    background-size: 100%;
    background-repeat: no-repeat;
    overflow: hidden;
    pointer-events: none
}

main .c-pageGradient {
    margin-left: calc(0px - var(--leftMarginWithoutPadding))
}

[data-page="circulars"] .c-pageGradient,
[data-page="support"] .c-pageGradient,
[data-page="join-bbps"] .c-pageGradient,
[data-page="raise-complaint"] .c-pageGradient {
    background: linear-gradient(180deg, rgb(164 184 255 / .15) 0%, #fff0 38.02%), #fff
}

[data-page="operating-units"] .c-pageGradient {
    background: linear-gradient(180deg, rgb(252 217 176 / .3) 0%, #fff0 82%)
}

[data-page=what-is-bharat-connect] .c-pageGradient {
    background: linear-gradient(180deg, rgb(185 238 236 / .3) 0%, #fff0 83.85%)
}

[data-modal][data-theme="operating-unit"],
.c-staticModal[data-theme="operating-unit"],
.c-dynamicModal[data-theme="operating-unit"] {
    background: linear-gradient(180deg, #fef4e7 0%, #fff0 83.85%);
    background-size: 100%;
    background-repeat: no-repeat
}

[data-modal][data-theme="operating-unit"] .c-staticModal__close svg>path:first-child,
[data-modal][data-theme="operating-unit"] .c-dynamicModal__close svg>path:first-child,
.c-staticModal[data-theme="operating-unit"] .c-staticModal__close svg>path:first-child,
.c-staticModal[data-theme="operating-unit"] .c-dynamicModal__close svg>path:first-child,
.c-dynamicModal[data-theme="operating-unit"] .c-staticModal__close svg>path:first-child,
.c-dynamicModal[data-theme="operating-unit"] .c-dynamicModal__close svg>path:first-child {
    fill: #ff894f
}

[data-page="tsp"] .c-pageGradient,
[data-page="tsp-join"] .c-pageGradient {
    background: linear-gradient(180deg, #edf1ff 0%, #fff0 99.48%)
}

[data-modal][data-theme="developers"],
.c-staticModal[data-theme="developers"],
.c-dynamicModal[data-theme="developers"] {
    background: linear-gradient(180deg, #edf1ff 0%, #fff0 99.48%);
    background-size: 100%;
    background-repeat: no-repeat
}

[data-modal][data-theme="developers"] .c-staticModal__close svg>path:first-child,
[data-modal][data-theme="developers"] .c-dynamicModal__close svg>path:first-child,
.c-staticModal[data-theme="developers"] .c-staticModal__close svg>path:first-child,
.c-staticModal[data-theme="developers"] .c-dynamicModal__close svg>path:first-child,
.c-dynamicModal[data-theme="developers"] .c-staticModal__close svg>path:first-child,
.c-dynamicModal[data-theme="developers"] .c-dynamicModal__close svg>path:first-child {
    fill: #6981d3
}

[data-page="biller"] .c-pageGradient,
[data-page="partner-with-bbps"] .c-pageGradient {
    background: linear-gradient(180deg, rgb(255 183 147 / .2) 0%, #fff0 82%)
}

[data-modal][data-theme="billers"]::before,
.c-staticModal[data-theme="billers"]::before,
.c-dynamicModal[data-theme="billers"]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgb(255 183 147 / .1) 0%, #fff0 82%);
    background-size: 100%;
    background-repeat: no-repeat;
    overflow: hidden;
    z-index: -1
}

[data-modal][data-theme="billers"] .c-staticModal__close svg>path:first-child,
[data-modal][data-theme="billers"] .c-dynamicModal__close svg>path:first-child,
.c-staticModal[data-theme="billers"] .c-staticModal__close svg>path:first-child,
.c-staticModal[data-theme="billers"] .c-dynamicModal__close svg>path:first-child,
.c-dynamicModal[data-theme="billers"] .c-staticModal__close svg>path:first-child,
.c-dynamicModal[data-theme="billers"] .c-dynamicModal__close svg>path:first-child {
    fill: #f87260
}

[data-page="solutions"] .c-pageGradient,
[data-page="products"] .c-pageGradient {
    background-image: linear-gradient(180deg, #cef6ff, white 100%)
}

[data-page="customers"] .c-pageGradient {
    background: linear-gradient(180deg, rgb(185 238 236 / .3) 0%, #fff0 83.85%)
}

.c-pageGradientStroke {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    width: 600px;
    height: 300px;
    overflow: hidden;
    pointer-events: none;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end
}

@media (max-width:1023px) {
    .c-pageGradientStroke {
        width: 250px;
        height: 250px
    }
}

.c-pageGradientStroke svg.anim-pathContainer {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.c-pageGradientStroke path.anim-path {
    stroke-dasharray: 2000;
    stroke-dashoffset: 2000;
    animation-delay: 0.5s;
    animation-duration: 3.5s;
    animation-timing-function: cubic-bezier(.19, 1, .22, 1)
}

@media (max-width:1023px) {
    .c-pageGradientStroke path.anim-path {
        stroke-dasharray: 400;
        stroke-dashoffset: 400
    }
}

[data-page="corporate-governance"] .c-pageGradientStroke path.anim-path {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation-delay: 0.5s;
    animation-duration: 3s;
    animation-timing-function: cubic-bezier(.19, 1, .22, 1)
}

@media (max-width:1023px) {
    [data-page="corporate-governance"] .c-pageGradientStroke path.anim-path {
        animation-duration: 2s;
        stroke-dasharray: 400;
        stroke-dashoffset: 400
    }
}

@media (max-width:1023px) {
    [data-page="circulars"] .c-pageGradientStroke path.anim-path {
        stroke-dasharray: 1500;
        stroke-dashoffset: 1500
    }
}

@media (max-width:1023px) {
    [data-page="privacy-security-policy"] .c-pageGradientStroke svg {
        top: -20px
    }
}

@media (min-width:1024px) {
    [data-page="privacy-security-policy"] .c-pageGradientStroke svg {
        top: 0;
        right: -200px
    }
}

[data-page="privacy-security-policy"] .c-pageGradientStroke path.anim-path {
    animation-duration: 2s;
    animation-delay: 0;
    animation-timing-function: ease-in-out
}

@media (max-width:1023px) {
    [data-page="privacy-security-policy"] .c-pageGradientStroke path.anim-path {
        animation-duration: 1s
    }
}

[data-modal="paymentOutlets"] .c-pageGradientStroke,
[data-modal="paymentModes"] .c-pageGradientStroke {
    z-index: -1
}

[data-modal="paymentOutlets"] .c-pageGradientStroke svg,
[data-modal="paymentModes"] .c-pageGradientStroke svg {
    top: -20px;
    right: -20px
}

[data-modal="paymentOutlets"] .c-pageGradientStroke path.anim-path,
[data-modal="paymentModes"] .c-pageGradientStroke path.anim-path {
    animation-duration: 2s;
    animation-delay: 0;
    animation-timing-function: ease-in-out
}

[data-modal="paymentOutlets"].animateIn path.anim-path,
[data-modal="paymentModes"].animateIn path.anim-path {
    animation-name: bbpsPath
}

@media (min-width:1024px) {
    [data-page="disclaimer"] .c-pageGradientStroke {
        top: 40px
    }
}

@media (min-width:1024px) {
    [data-page="disclaimer"] .c-pageGradientStroke svg.anim-pathContainer {
        width: 500px;
        right: -150px
    }
}

[data-page="disclaimer"] .c-pageGradientStroke path.anim-path {
    animation-duration: 3s;
    animation-timing-function: ease-in-out
}

@media (max-width:1023px) {
    [data-page="disclaimer"] .c-pageGradientStroke path.anim-path {
        animation-duration: 2s
    }
}

@media (min-width:1024px) {
    [data-page="sitemap"] .c-pageGradientStroke svg.anim-pathContainer {
        right: -30px
    }
}

[data-page="sitemap"] .c-pageGradientStroke path.anim-path {
    animation-duration: 5s
}

@media (max-width:1023px) {
    [data-page="sitemap"] .c-pageGradientStroke path.anim-path {
        animation-duration: 4s;
        stroke-dasharray: 900;
        stroke-dashoffset: 900
    }
}

[data-page="support"] .c-pageGradientStroke,
[data-page="join-bbps"] .c-pageGradientStroke,
[data-page="raise-complaint"] .c-pageGradientStroke {
    top: -10px
}

@media (max-width:1023px) {

    [data-page="support"] .c-pageGradientStroke,
    [data-page="join-bbps"] .c-pageGradientStroke,
    [data-page="raise-complaint"] .c-pageGradientStroke {
        top: -30px;
        width: 232px;
        height: 390px
    }
}

@media (min-width:1024px) {

    [data-page="support"] .c-pageGradientStroke svg.anim-pathContainer,
    [data-page="join-bbps"] .c-pageGradientStroke svg.anim-pathContainer,
    [data-page="raise-complaint"] .c-pageGradientStroke svg.anim-pathContainer {
        right: -50px
    }
}

[data-page="support"] .c-pageGradientStroke path.anim-path,
[data-page="join-bbps"] .c-pageGradientStroke path.anim-path,
[data-page="raise-complaint"] .c-pageGradientStroke path.anim-path {
    stroke-dasharray: 1500;
    stroke-dashoffset: 1500;
    animation-duration: 2s;
    animation-delay: 0;
    animation-timing-function: ease-in-out
}

@media (max-width:1023px) {

    [data-page="support"] .c-pageGradientStroke path.anim-path,
    [data-page="join-bbps"] .c-pageGradientStroke path.anim-path,
    [data-page="raise-complaint"] .c-pageGradientStroke path.anim-path {
        stroke-dasharray: 900;
        stroke-dashoffset: 900
    }
}

.c-nudge {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px
}

@media (max-width:1023px) {
    .c-nudge {
        flex-direction: column;
        gap: 10px
    }
}

@media (max-width:1023px) {
    .c-nudge__heading {
        font-size: 17px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        letter-spacing: -.68px
    }
}

.c-logoutNudge,
.c-loginNudge {
    position: fixed;
    width: 200px;
    padding: 15px 30px;
    border-radius: 10px;
    background: #ecf8dd;
    display: flex;
    align-items: center;
    gap: 10px;
    z-index: 27;
    left: calc(50% - 100px)
}

@media (max-width:1023px) {

    .c-logoutNudge,
    .c-loginNudge {
        bottom: 40px
    }
}

@media (min-width:1024px) {

    .c-logoutNudge,
    .c-loginNudge {
        top: 115px
    }
}

.c-logoutNudge svg,
.c-loginNudge svg {
    flex-shrink: 0
}

.c-logoutNudge {
    width: 210px;
    background-color: #f5f5f5
}

@media (min-width:1024px) {
    .c-logoutNudge {
        left: calc(50% - 105px)
    }
}

.c-subscribeForm {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 15px
}

@media (max-width:1023px) {
    .c-subscribeForm {
        padding: 0;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px
    }
}

.c-subscribeForm__title {
    color: #1e1e1c;
    max-width: 180px
}

@media (max-width:1023px) {
    .c-subscribeForm__title {
        font-size: 17px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        letter-spacing: -.68px;
        max-width: -moz-max-content;
        max-width: max-content
    }
}

.c-subscribeForm__emailInputWrapper {
    position: relative;
    width: 368px;
    height: 60px;
    display: flex;
    align-items: center;
    background-color: #f1f1f1;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 10px;
    gap: 15px
}

@media (max-width:1023px) {
    .c-subscribeForm__emailInputWrapper {
        height: 50px;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px
    }
}

.c-subscribeForm__emailInputWrapper button[type="submit"] {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.c-subscribeForm__emailInputWrapper button[type="submit"]:focus {
    outline: 1px solid #0094ff;
    outline-offset: 5px
}

.c-subscribeForm__emailInputWrapper button[type="submit"] .c-subscribeForm__btnTxt {
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -.6px;
    padding-bottom: 1px;
    border-bottom: 2px solid #1e1e1c
}

.c-subscribeForm__emailInputWrapper button[type="submit"] .c-subscribeForm__btnTxt:hover {
    opacity: .8
}

.c-subscribeForm__emailInput {
    flex: 1;
    color: #1e1e1c
}

@media (max-width:1023px) {
    .c-subscribeForm__emailInput {
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: 100%;
        letter-spacing: -.6px
    }
}

.c-subscribeForm__emailInput::-moz-placeholder {
    color: #828282;
    font-weight: 400;
    opacity: 1
}

.c-subscribeForm__emailInput::placeholder {
    color: #828282;
    font-weight: 400;
    opacity: 1
}

.c-subscribeForm__emailInput:focus {
    outline: 1px solid #0094ff;
    outline-offset: 5px
}

.c-subscribeForm__emailInput.isInvalid~.c-subscribeForm__emailInputError {
    display: block
}

.c-subscribeForm__emailInput.isEmpty~.c-subscribeForm__emailInputError {
    display: block
}

.c-subscribeForm .isUnexpectedError~.c-subscribeForm__emailInputUnexpectedError {
    display: block
}

.c-subscribeForm .isSuccess .c-subscribeForm__emailInputSuccess {
    display: block
}

.c-subscribeForm .isSame .c-subscribeForm__emailInputSame {
    display: block
}

.c-subscribeForm input:-webkit-autofill,
.c-subscribeForm input:-webkit-autofill:hover,
.c-subscribeForm input:-webkit-autofill:focus,
.c-subscribeForm input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #f1f1f1 inset !important
}

.c-subscribeForm__emailInputError,
.c-subscribeForm__emailInputUnexpectedError,
.c-subscribeForm__emailInputSuccess,
.c-subscribeForm__emailInputSame {
    position: absolute;
    left: 0;
    top: calc(100% + 8px);
    color: #ff2727;
    display: none
}

.c-subscribeForm__emailInputSuccess {
    color: #1ace66
}

body.usingMouse button[type="submit"]:focus,
body.usingMouse .c-subscribeForm__emailInput:focus {
    outline: none
}

.c-form {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 30px
}

.c-form__label {
    line-height: 1;
    color: #5f5f5f;
    display: flex;
    align-items: center;
    gap: 10px
}

.c-form__label+* {
    margin-top: 10px
}

.c-form__error,
.c-form__emptyErrorMessage,
.c-form__invalidErrorMessage {
    margin-top: 10px;
    color: #ff2727;
    display: none
}

.c-form__serverError {
    margin-top: 10px;
    color: #ff2727
}

.c-form__inputWrapper {
    width: 100%
}

html[data-page="biller-join"] .c-form__inputWrapper {
    width: 100%;
    max-width: 530px
}

@media (max-width:1023px) {
    html[data-page="biller-join"] .c-form__inputWrapper {
        max-width: 1024px
    }
}

.c-form__uploadedFileName,
.c-form__input[type="password"],
.c-form__input[type="date"],
.c-form__input[type="text"],
.c-form__input[type="tel"],
.c-form__input[type="email"] {
    height: 60px;
    width: 100%;
    padding: 0 20px;
    display: flex;
    align-items: center;
    border-radius: 10px;
    border: 1px solid #dadada;
    background-color: #fff
}

.c-form__textarea[type="password"],
.c-form__textarea[type="date"],
.c-form__textarea[type="text"],
.c-form__textarea[type="tel"],
.c-form__textarea[type="email"] {
    width: 100%;
    padding: 20px;
    resize: none;
    height: 140px;
    border-radius: 10px;
    background-color: #fff;
    border: 1px solid #dadada
}

.c-form__uploadWrapper:focus .c-form__uploadedFileName {
    border-color: #1e1e1c
}

.c-form__input[type="password"]:focus,
.c-form__input[type="date"]:focus,
.c-form__input[type="text"]:focus,
.c-form__input[type="tel"]:focus,
.c-form__input[type="email"]:focus {
    border-color: #1e1e1c
}

.c-form__input[type="password"]::-moz-placeholder,
.c-form__input[type="date"]::-moz-placeholder,
.c-form__input[type="text"]::-moz-placeholder,
.c-form__input[type="tel"]::-moz-placeholder,
.c-form__input[type="email"]::-moz-placeholder {
    color: #b5b5b5
}

.c-form__input[type="password"]::placeholder,
.c-form__input[type="date"]::placeholder,
.c-form__input[type="text"]::placeholder,
.c-form__input[type="tel"]::placeholder,
.c-form__input[type="email"]::placeholder {
    color: #b5b5b5
}

.c-form__textarea[type="password"]:focus,
.c-form__textarea[type="date"]:focus,
.c-form__textarea[type="text"]:focus,
.c-form__textarea[type="tel"]:focus,
.c-form__textarea[type="email"]:focus {
    border-color: #1e1e1c
}

.c-form__textarea[type="password"]::-moz-placeholder,
.c-form__textarea[type="date"]::-moz-placeholder,
.c-form__textarea[type="text"]::-moz-placeholder,
.c-form__textarea[type="tel"]::-moz-placeholder,
.c-form__textarea[type="email"]::-moz-placeholder {
    color: #b5b5b5
}

.c-form__textarea[type="password"]::placeholder,
.c-form__textarea[type="date"]::placeholder,
.c-form__textarea[type="text"]::placeholder,
.c-form__textarea[type="tel"]::placeholder,
.c-form__textarea[type="email"]::placeholder {
    color: #b5b5b5
}

.c-form__input[type="password"].isInvalid~.c-form__invalidErrorMessage,
.c-form__input[type="date"].isInvalid~.c-form__invalidErrorMessage,
.c-form__input[type="text"].isInvalid~.c-form__invalidErrorMessage,
.c-form__input[type="tel"].isInvalid~.c-form__invalidErrorMessage,
.c-form__input[type="email"].isInvalid~.c-form__invalidErrorMessage,
.c-form__input[type="file"].isInvalid~.c-form__invalidErrorMessage,
.c-selectWrapper.isInvalid~.c-form__invalidErrorMessage {
    display: block
}

.c-form__input[type="password"].isEmpty~.c-form__emptyErrorMessage,
.c-form__input[type="date"].isEmpty~.c-form__emptyErrorMessage,
.c-form__input[type="text"].isEmpty~.c-form__emptyErrorMessage,
.c-form__input[type="tel"].isEmpty~.c-form__emptyErrorMessage,
.c-form__input[type="email"].isEmpty~.c-form__emptyErrorMessage,
.c-form__input[type="file"].isEmpty~.c-form__emptyErrorMessage,
.c-selectWrapper.isEmpty~.c-form__emptyErrorMessage {
    display: block
}

.c-form__input[type="password"].isInvalid~.c-form__error,
.c-form__input[type="password"].isEmpty~.c-form__error,
.c-form__input[type="date"].isInvalid~.c-form__error,
.c-form__input[type="date"].isEmpty~.c-form__error,
.c-form__input[type="text"].isInvalid~.c-form__error,
.c-form__input[type="text"].isEmpty~.c-form__error,
.c-form__input[type="tel"].isInvalid~.c-form__error,
.c-form__input[type="tel"].isEmpty~.c-form__error,
.c-form__input[type="email"].isInvalid~.c-form__error,
.c-form__input[type="email"].isEmpty~.c-form__error,
.c-form__input[type="file"].isInvalid~.c-form__error,
.c-form__input[type="file"].isEmpty~.c-form__error,
.c-selectWrapper.isInvalid~.c-form__error,
.c-selectWrapper.isEmpty~.c-form__error {
    display: block
}

.c-form__input[type="password"].isExist~.c-form__info,
.c-form__input[type="password"].isInfo~.c-form__info,
.c-form__input[type="date"].isExist~.c-form__info,
.c-form__input[type="date"].isInfo~.c-form__info,
.c-form__input[type="text"].isExist~.c-form__info,
.c-form__input[type="text"].isInfo~.c-form__info,
.c-form__input[type="tel"].isExist~.c-form__info,
.c-form__input[type="tel"].isInfo~.c-form__info,
.c-form__input[type="email"].isExist~.c-form__info,
.c-form__input[type="email"].isInfo~.c-form__info,
.c-form__input[type="file"].isExist~.c-form__info,
.c-form__input[type="file"].isInfo~.c-form__info,
.c-selectWrapper.isExist~.c-form__info,
.c-selectWrapper.isInfo~.c-form__info {
    display: block
}

.c-form__textarea[type="password"].isInvalid~.c-form__invalidErrorMessage,
.c-form__textarea[type="date"].isInvalid~.c-form__invalidErrorMessage,
.c-form__textarea[type="text"].isInvalid~.c-form__invalidErrorMessage,
.c-form__textarea[type="tel"].isInvalid~.c-form__invalidErrorMessage,
.c-form__textarea[type="email"].isInvalid~.c-form__invalidErrorMessage,
.c-form__textarea[type="file"] .c-selectWrapper.isInvalid~.c-form__invalidErrorMessage {
    display: block
}

.c-form__textarea[type="password"].isEmpty~.c-form__emptyErrorMessage,
.c-form__textarea[type="date"].isEmpty~.c-form__emptyErrorMessage,
.c-form__textarea[type="text"].isEmpty~.c-form__emptyErrorMessage,
.c-form__textarea[type="tel"].isEmpty~.c-form__emptyErrorMessage,
.c-form__textarea[type="email"].isEmpty~.c-form__emptyErrorMessage,
.c-form__textarea[type="file"] .c-selectWrapper.isEmpty~.c-form__emptyErrorMessage {
    display: block
}

.c-form__textarea[type="password"].isInvalid~.c-form__error,
.c-form__textarea[type="password"].isEmpty~.c-form__error,
.c-form__textarea[type="date"].isInvalid~.c-form__error,
.c-form__textarea[type="date"].isEmpty~.c-form__error,
.c-form__textarea[type="text"].isInvalid~.c-form__error,
.c-form__textarea[type="text"].isEmpty~.c-form__error,
.c-form__textarea[type="tel"].isInvalid~.c-form__error,
.c-form__textarea[type="tel"].isEmpty~.c-form__error,
.c-form__textarea[type="email"].isInvalid~.c-form__error,
.c-form__textarea[type="email"].isEmpty~.c-form__error,
.c-form__textarea[type="file"] .c-selectWrapper.isInvalid~.c-form__error,
.c-form__textarea[type="file"] .c-selectWrapper.isEmpty~.c-form__error {
    display: block
}

.c-form__textarea[type="password"].isExist~.c-form__info,
.c-form__textarea[type="password"].isInfo~.c-form__info,
.c-form__textarea[type="date"].isExist~.c-form__info,
.c-form__textarea[type="date"].isInfo~.c-form__info,
.c-form__textarea[type="text"].isExist~.c-form__info,
.c-form__textarea[type="text"].isInfo~.c-form__info,
.c-form__textarea[type="tel"].isExist~.c-form__info,
.c-form__textarea[type="tel"].isInfo~.c-form__info,
.c-form__textarea[type="email"].isExist~.c-form__info,
.c-form__textarea[type="email"].isInfo~.c-form__info,
.c-form__textarea[type="file"] .c-selectWrapper.isExist~.c-form__info,
.c-form__textarea[type="file"] .c-selectWrapper.isInfo~.c-form__info {
    display: block
}

.c-form__inputPrefix {
    position: absolute;
    top: 20px;
    left: 0;
    height: 60px;
    padding-left: 20px
}

.c-form__rupeeWrapper {
    position: relative
}

.c-form__rupeeWrapper .c-form__input {
    padding-left: 35px
}

.c-form__rupeesInputText {
    margin-top: 10px;
    color: #5f5f5f;
    display: none
}

.c-form__inputWrapper.isFilled .c-form__rupeesInputText {
    display: block
}

.c-form__mobileNumberWrapper {
    position: relative
}

.c-form__mobileNumberWrapper .c-form__input {
    padding-left: 50px
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #fff inset !important
}

.c-select {
    position: relative;
    z-index: 1
}

.c-form__fileWrapper {
    cursor: pointer;
    background-image: url(../assets/images/vectors/icon_file.svg);
    background-size: 20px 20px;
    background-position: calc(100% - 20px) 20px;
    background-repeat: no-repeat;
    background-color: #fff
}

.c-form__fileWrapper .c-form__uploadedFileName {
    background-color: #fff0
}

.c-form__dateWrapper {
    position: relative;
    background-image: url(../assets/images/vectors/icon_date.svg);
    background-size: 17px 19px;
    background-position: calc(100% - 20px) 20px;
    background-repeat: no-repeat;
    background-color: #fff
}

.c-form__dateWrapper::after {
    content: "";
    position: absolute;
    top: 5px;
    right: 5px;
    width: 57px;
    height: calc(100% - 10px);
    background-image: url(../assets/images/vectors/icon_date.svg);
    background-size: 17px 19px;
    background-position: calc(100% - 20px) 15px;
    background-repeat: no-repeat;
    background-color: #fff;
    border-radius: 10px;
    pointer-events: none
}

.c-form__dateWrapper input[type="date"] {
    background-color: #fff0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: relative;
    cursor: pointer
}

[type="date"]::-webkit-date-and-time-value {
    text-align: left !important
}

[type="date"]::-webkit-calendar-picker-indicator {
    cursor: pointer;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: auto;
    height: auto;
    background: #fff0;
    color: #fff0
}

input[type="date"]::-moz-calendar-picker-indicator {
    cursor: pointer;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: auto;
    height: auto;
    background: #fff0;
    color: #fff0
}

[type="date"]::-ms-calendar {
    opacity: 0
}

[data-server-validation-id]:not(.hasServerError) .c-form__serverError {
    display: none !important
}

.c-form__passwordWrapper {
    position: relative
}

.c-form__passwordWrapper .c-form__input {
    padding-right: 40px
}

.c-form__passwordWrapper .c-form__input[type="password"]~.c-form__togglePassword .c-form__togglePasswordIcon:first-child {
    display: block
}

.c-form__passwordWrapper .c-form__input[type="password"]~.c-form__togglePassword .c-form__togglePasswordIcon:last-child {
    display: none
}

.c-form__passwordWrapper .c-form__input[type="text"]~.c-form__togglePassword .c-form__togglePasswordIcon:first-child {
    display: none
}

.c-form__passwordWrapper .c-form__input[type="text"]~.c-form__togglePassword .c-form__togglePasswordIcon:last-child {
    display: block
}

.c-form__passwordWrapper .c-form__togglePassword {
    position: absolute;
    right: 20px;
    top: 20px
}

.c-form__passwordWrapper .c-form__togglePassword .c-form__togglePasswordIcon {
    width: 20px;
    height: 20px
}

.c-form__info {
    margin-top: 10px;
    color: #828282;
    display: none
}

.c-form__inputWrapper {
    position: relative
}

.c-form__emailPlaceholder {
    position: absolute;
    padding-left: 1px;
    top: 27px;
    left: 0;
    width: -moz-fit-content;
    width: fit-content;
    height: 60px;
    margin-top: 0;
    display: flex;
    align-items: center;
    pointer-events: none;
    color: #5f5f5f
}

.c-form__emailInputClone {
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 20px;
    width: auto;
    height: 100%;
    pointer-events: none;
    visibility: hidden
}

.c-checkbox {
    position: relative
}

.c-checkbox__input {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.c-checkbox input:checked+.c-checkbox__label>.c-checkbox__labelBox,
.c-checkbox input:checked+.c-checkbox__label:before {
    background: #fff;
    border-color: #1e1e1c
}

.c-checkbox input:checked+.c-checkbox__label .path {
    stroke-dashoffset: 0
}

.c-checkbox__label {
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer
}

.c-checkbox__labelBox {
    position: relative;
    width: 20px;
    height: 20px;
    border-radius: 6px;
    border: 1px solid #1e1e1c;
    transition: all 0.2s cubic-bezier(.165, .84, .44, 1)
}

.c-checkbox__labelText {
    color: #1e1e1c
}

@media (max-width:1023px) {
    .c-checkbox__labelText {
        font-weight: 400;
        font-size: 17px;
        line-height: 120%;
        letter-spacing: -.68px
    }
}

.c-checkbox__label svg {
    position: absolute;
    left: 3px;
    top: 3px;
    width: 12px;
    height: 12px;
    pointer-events: none
}

.c-checkbox__label .path {
    stroke-dashoffset: 111.46px;
    stroke-dasharray: 111.46px;
    stroke: #1e1e1c;
    transition: all 0.35s ease-out
}

.c-checkbox:focus-within .c-checkbox__labelBox {
    border-color: #1e1e1c
}

@media (prefers-reduced-motion:reduce) {
    .c-checkbox__label .path {
        transition: none
    }
}

.c-selectNative,
.c-selectCustom {
    position: relative;
    width: 100%;
    height: 60px
}

.c-selectCustom {
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

.-moreNavs .c-selectCustom {
    position: relative;
    border: none;
    outline: none
}

@media (hover:hover) {
    .c-selectCustom {
        display: block
    }

    .c-selectNative {
        opacity: 0
    }

    .c-selectNative:focus {
        opacity: 1
    }

    .c-selectNative:focus+.c-selectCustom {
        display: none
    }
}

body.isPhone .c-selectCustom,
body.usingTouch .c-selectCustom {
    display: block
}

.c-selectNative:focus,
.c-selectCustom.isActive .c-selectCustom__trigger {
    border-color: #1e1e1c
}

.c-staticModal__content__text {
    width: 100%;
    max-width: 494px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 15px
}

@media (max-width:480px) {
    .c-staticModal__content__text {
        padding-inline: 15px
    }
}

.c-staticModal__content__text__heading {
    font-weight: 500;
    font-size: 30px;
    line-height: 30px;
    text-align: center;
    letter-spacing: -.75px
}

@media (max-width:480px) {
    .c-staticModal__content__text__heading {
        font-size: 25px;
        line-height: 25px
    }
}

.c-staticModal__content__text__copy__wrap {
    width: 100%;
    max-width: 400px
}

.c-staticModal__content__text__copy {
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -.75px;
    text-align: center;
    color: #5f5f5f
}

@media (max-width:480px) {
    .c-staticModal__content__text__copy {
        font-size: 15px;
        line-height: 18px;
        letter-spacing: -.8px
    }
}

html[data-page="agent-locator"] .c-btn {
    outline: unset;
    padding: 15px 20px;
    border-radius: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    cursor: pointer
}

[data-page="agent-locator"] .c-pageGradient {
    background: linear-gradient(180deg, rgb(254 238 184 / .3) 0%, #fff0 82%)
}

[data-page="agent-locator-search"] .c-pageGradient {
    display: none;
    background: linear-gradient(180deg, rgb(254 238 184 / .3) 0%, #fff0 82%)
}

@media (max-width:1023px) {
    [data-page="agent-locator-search"] .c-pageGradient {
        display: none;
        background: linear-gradient(180deg, rgb(254 238 184 / .3) 0%, #fff0 82%)
    }
}

[data-modal][data-theme="agent-locator"],
.c-staticModal[data-theme="agent-locator"],
.c-dynamicModal[data-theme="agent-locator"] {
    background: linear-gradient(180deg, rgb(254 238 184 / .3) 0%, #fff0 82%);
    background-size: 100%;
    background-repeat: no-repeat
}

[data-modal][data-theme="agent-locator"] .c-staticModal__close svg>path:first-child,
[data-modal][data-theme="agent-locator"] .c-dynamicModal__close svg>path:first-child,
.c-staticModal[data-theme="agent-locator"] .c-staticModal__close svg>path:first-child,
.c-staticModal[data-theme="agent-locator"] .c-dynamicModal__close svg>path:first-child,
.c-dynamicModal[data-theme="agent-locator"] .c-staticModal__close svg>path:first-child,
.c-dynamicModal[data-theme="agent-locator"] .c-dynamicModal__close svg>path:first-child,
html[data-page="agent-locator-search"] .c-staticModal__close svg>path:first-child {
    fill: #ffe27a
}

html[data-page="agent-locator"] .c-staticModal__content {
    padding: 100px 0
}

@media (max-width:1023px) {
    html[data-page="agent-locator"] .c-staticModal__content {
        padding-left: calc((var(--viewportWidth) - 610px) / 2);
        padding-right: calc((var(--viewportWidth) - 610px) / 2);
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-direction: column;
        gap: 30px
    }
}

@media screen and (min-width:610px) {
    html[data-page="agent-locator"] .c-staticModal__content {
        padding-left: calc((var(--viewportWidth) - 610px) / 2);
        padding-right: calc((var(--viewportWidth) - 610px) / 2);
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 30px
    }
}

html[data-page="agent-locator"] .c-staticModal__content__icon {
    width: 60px;
    height: 60px
}

@media (max-width:480px) {
    html[data-page="agent-locator"] .c-staticModal__content__icon {
        width: 50px;
        height: 50px
    }
}

html[data-page="agent-locator"] .c-staticModal__content__btn_wrap {
    width: 100%;
    max-width: 189px;
    display: flex;
    gap: 5px
}

.c-select {
    width: 100%;
    position: relative
}

.c-selectLabel {
    color: #5f5f5f
}

.c-selectWrapper {
    margin-top: 10px;
    position: relative
}

.c-selectNative {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(../assets/images/vectors/icon_select.svg);
    background-size: 20px 20px;
    background-position: calc(100% - 20px) 20px;
    background-repeat: no-repeat
}

.c-selectNative,
.c-selectCustom__trigger {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    border: 1px solid #dadada;
    padding: 0 20px;
    height: 60px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.-moreNavs .c-selectNative,
.-moreNavs .c-selectCustom__trigger {
    position: relative;
    width: 100%;
    height: 100%;
    border: none;
    padding: 0 20px;
    height: 60px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.c-header .c-selectCustom__options {
    top: 50px;
    width: -moz-max-content;
    width: max-content
}

.c-selectCustom__trigger {
    background-color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.c-selectCustom__trigger::after {
    content: "";
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    background-image: url(../assets/images/vectors/icon_select.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.c-selectCustom__options {
    position: absolute;
    top: 65px;
    left: 0;
    width: 100%;
    border: 1px solid #dadada;
    border-radius: 10px;
    background-color: #fff;
    z-index: 1;
    display: none;
    padding: 0
}

.c-selectCustom__optionsInner {
    padding: 10px 0;
    max-height: 180px;
    overflow-y: auto
}

.c-selectCustom__optionsInner::-webkit-scrollbar {
    width: 4px
}

.c-selectCustom__optionsInner::-webkit-scrollbar-track {
    margin-top: 20px;
    margin-bottom: 20px;
    background: #fff0
}

.c-selectCustom__optionsInner::-webkit-scrollbar-thumb {
    background: #cfcfcf;
    border-radius: 10px
}

html[data-page="biller-join"] .c-selectCustom__options {
    width: 100%;
    max-width: 530px;
    position: absolute;
    top: 65px;
    left: 0;
    width: 100%;
    border: 1px solid #dadada;
    border-radius: 10px;
    background-color: #fff;
    z-index: 1;
    display: none;
    padding: 0
}

@media (max-width:1024px) {
    html[data-page="biller-join"] .c-selectCustom__options {
        max-width: 1024px
    }
}

.c-selectCustom.isActive .c-selectCustom__trigger::after {
    transform: rotate(180deg)
}

.c-selectCustom.isActive .c-selectCustom__options {
    display: block
}

.c-selectCustom__option {
    position: relative;
    padding: 10px 18px;
    color: #828282
}

.c-selectCustom__option.isHover {
    cursor: pointer
}

@media (hover:hover) {
    .c-selectCustom__option:hover {
        background-color: #f9f9f9;
        color: #1e1e1c;
        cursor: pointer
    }
}

.c-selectCustom__option:not(:last-of-type)::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.c-selectCustom__option.isActive {
    font-weight: 500
}

.c-select__selectedOptions {
    display: flex;
    flex-wrap: wrap;
    gap: 5px
}

.c-select__selectedOption {
    margin-top: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 15px;
    border-radius: 10px;
    border: 1px solid #dbdbdb;
    background: #fff;
    line-height: 1
}

.c-selectNative,
.c-selectCustom__trigger {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    border: 1px solid #dadada;
    padding: 0 20px;
    height: 60px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: none
}

html[data-page="biller-join"] .c-selectNative,
html[data-page="biller-join"] .c-selectCustom__trigger {
    max-width: 530px
}

@media (max-width:1023px) {

    html[data-page="biller-join"] .c-selectNative,
    html[data-page="biller-join"] .c-selectCustom__trigger {
        max-width: 1024px
    }
}

.c-select__selectedOption svg {
    display: block
}

.c-select__selectedOption button:focus {
    outline: 1px solid #0094ff;
    outline-offset: 5px
}

.c-multiselect {
    position: relative;
    height: 45px
}

@media (hover:hover) {
    .c-multiselect:hover .c-multiselect__trigger {
        border-color: #1e1e1c
    }
}

.c-multiselect.isActive .c-multiselect__trigger {
    border-color: #1e1e1c
}

.c-multiselect.isOpen .c-multiselect__trigger {
    border-color: #1e1e1c
}

.c-multiselect.isOpen .c-multiselect__trigger::after {
    transform: rotate(180deg)
}

.c-multiselect.isOpen .c-multiselect__options {
    display: block
}

.c-multiselect__trigger {
    position: relative;
    padding: 0 20px;
    height: 45px;
    border-radius: 40px;
    border: 1px solid #b5b5b5;
    cursor: pointer;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.c-multiselect__trigger::after {
    content: "";
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    background-image: url(../assets/images/vectors/icon_select.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.c-multiselect__options {
    position: absolute;
    z-index: 100;
    top: calc(100% + 10px);
    left: 0;
    min-width: 270px;
    border: 1px solid #dadada;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / .04);
    z-index: 1;
    display: none
}

.c-multiselect__optionsInner {
    padding: 10px 0;
    max-height: 270px;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.c-multiselect__optionsInner::-webkit-scrollbar {
    display: none
}

.c-multiselect__checkbox {
    position: relative
}

.c-multiselect__checkbox input[type="checkbox"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    opacity: 0
}

.c-multiselect__checkbox input[type="checkbox"]:checked+.c-multiselect__checkboxLabel {
    color: #1e1e1c
}

.c-multiselect__checkbox input[type="checkbox"]:checked+.c-multiselect__checkboxLabel .c-multiselect__checkboxBox {
    border-color: #1e1e1c;
    color: #828282
}

.c-multiselect__checkbox input[type="checkbox"]:checked+.c-multiselect__checkboxLabel path {
    stroke-dashoffset: 0
}

.c-multiselect__checkbox:hover {
    background-color: #f9f9f9
}

.c-multiselect__checkbox .c-multiselect__checkboxLabel {
    color: #828282
}

.c-multiselect__selectAll {
    width: 100%
}

.c-multiselect__selectAll.isChecked .c-multiselect__selectAllBox {
    border-color: #1e1e1c
}

.c-multiselect__selectAll.isChecked .c-multiselect__selectAllBox path {
    stroke-dashoffset: 0
}

.c-multiselect__selectAll:hover {
    background-color: #f9f9f9
}

.c-multiselect__selectAll,
.c-multiselect__checkboxLabel {
    cursor: pointer;
    padding: 10px 20px;
    display: flex;
    gap: 25px;
    align-items: center;
    justify-content: space-between
}

.c-multiselect__selectAllText,
.c-multiselect__checkboxText {
    white-space: nowrap
}

.c-multiselect__selectAllBox,
.c-multiselect__checkboxBox {
    flex-shrink: 0;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    border-radius: 6px;
    border: 1px solid #b5b5b5;
    transition: all 0.2s cubic-bezier(.165, .84, .44, 1);
    display: flex;
    align-items: center;
    justify-content: center
}

.c-multiselect__selectAllBox svg,
.c-multiselect__checkboxBox svg {
    width: 12px;
    height: auto
}

.c-multiselect__selectAllBox path,
.c-multiselect__checkboxBox path {
    stroke-dashoffset: 111.46px;
    stroke-dasharray: 111.46px;
    stroke: #1e1e1c;
    transition: all 0.35s ease-out
}

.c-multiselect__tags {
    margin-top: 20px;
    padding: 20px 0;
    border-top: 1px solid #dadada;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    display: none
}

.c-multiselect__tags.hasTags {
    display: flex
}

.c-multiselect__tag {
    position: relative;
    padding: 0 20px;
    padding-right: 45px;
    height: 40px;
    display: flex;
    gap: 10px;
    align-items: center;
    border-radius: 40px;
    background: rgb(234 234 234 / .7)
}

.c-multiselect__deleteBtn {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 40px;
    height: 40px;
    padding-right: 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

.c-tooltip__container {
    position: relative;
    display: inline-flex
}

.c-tooltip {
    display: inline-block
}

.c-tooltip__trigger {
    cursor: pointer
}

.c-tooltip__trigger svg {
    position: relative;
    top: 1px
}

.c-tooltip__content {
    position: absolute;
    top: calc(100% + 20px);
    right: -12px;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
    width: 171px;
    padding: 12px;
    background-color: #f1f1f1;
    color: #1e1e1c;
    border-radius: 5px
}

.c-tooltip__content:before {
    content: "";
    position: absolute;
    top: -26px;
    right: 6px;
    border-style: solid;
    border-width: 15px;
    border-color: #fff0 #fff0 #f1f1f1 #fff0
}

.c-tooltip__trigger:hover+.c-tooltip__content,
.c-tooltip__trigger:focus+.c-tooltip__content {
    visibility: visible;
    opacity: 1
}

.c-tooltip__content:hover {
    visibility: visible;
    opacity: 1
}

.c-tooltip__action {
    margin-top: 8px
}

.c-uploadInput__container {
    width: 100%
}

.c-uploadInput__heading {
    color: #5f5f5f
}

.c-uploadInput__note {
    margin-top: 5px;
    color: #828282
}

.c-uploadInput__file {
    display: none;
    margin-top: 10px;
    align-items: center;
    flex-direction: row;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #dadada;
    gap: 10px
}

.c-uploadInput__fileName {
    flex: 1;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.c-uploadInput__fileClose {
    margin-left: 10px;
    width: 20px;
    height: 20px
}

.c-uploadInput__fileUploadedState {
    flex-shrink: 0;
    width: 16px;
    height: 16px
}

.c-uploadInput__fileUploadedState .progress-circle {
    transition: all 0.4s linear
}

.c-uploadInput__wrapper:not([data-status]).hover {
    background-color: #f0f0f0
}

.c-uploadInput__wrapper[data-status="uploading"] .c-uploadInput__fileUploadedState:not(.progress) {
    display: none
}

.c-uploadInput__wrapper[data-status="uploading"] .c-uploadInput__label,
.c-uploadInput__wrapper[data-status="uploaded"] .c-uploadInput__label {
    display: none
}

.c-uploadInput__wrapper[data-status="uploading"] .c-uploadInput__file,
.c-uploadInput__wrapper[data-status="uploaded"] .c-uploadInput__file {
    display: flex;
    padding: 20px
}

.c-uploadInput__wrapper[data-status="uploaded"] .c-uploadInput__fileUploadedState {
    display: block
}

.c-uploadInput__wrapper[data-status="uploaded"] .c-uploadInput__fileUploadedState.progress {
    display: none
}

.c-uploadInput__wrapper.isEmpty .c-uploadInput__error,
.c-uploadInput__wrapper.isInvalid .c-uploadInput__error {
    display: flex
}

.c-uploadInput__wrapper.isEmpty .c-uploadInput__emptyErrorMessage {
    display: block
}

.c-uploadInput__wrapper.isInvalid .c-uploadInput__invalidErrorMessage {
    display: block
}

.c-uploadInput__label {
    margin-top: 10px;
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
    cursor: pointer
}

.c-uploadInput__labelIcon {
    width: 18px;
    height: 18px;
    flex-shrink: 0
}

.c-uploadInput__labelTitle {
    color: #5f5f5f
}

.c-uploadInput__error {
    margin-top: 10px;
    max-width: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 5px;
    display: none;
    animation-name: fadeIn, slideInUp10;
    animation-duration: 0.3s, 0.6s;
    animation-timing-function: linear, cubic-bezier(.19, 1, .22, 1);
    animation-fill-mode: backwards
}

.c-uploadInput__errorIcon {
    flex-shrink: 0;
    margin-top: -.5px
}

.c-uploadInput__error .c-uploadInput__emptyErrorMessage,
.c-uploadInput__error .c-uploadInput__invalidErrorMessage {
    color: #ff2727;
    display: none
}

body.usingMouse .c-staticModal__close:focus,
body.usingMouse .c-staticModal__trigger:focus,
body.usingMouse .c-dynamicModal__close:focus,
body.usingMouse .c-dynamicModal__trigger:focus {
    outline: none
}

.c-staticModal__trigger,
.c-dynamicModal__trigger {
    width: 100%;
    padding: 25px 0;
    display: flex;
    gap: 20px;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #dadada;
    text-align: left;
    outline: none
}

@media (max-width:1023px) {

    .c-staticModal__trigger,
    .c-dynamicModal__trigger {
        padding: 15px 0;
        max-width: unset;
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: 100%;
        letter-spacing: -.6px
    }

    .c-staticModal__trigger svg,
    .c-dynamicModal__trigger svg {
        height: 20px;
        width: auto
    }
}

.c-staticModal__trigger span,
.c-dynamicModal__trigger span {
    max-width: 500px
}

@media (max-width:1023px) {

    .c-staticModal__trigger span,
    .c-dynamicModal__trigger span {
        max-width: 245px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {

    .c-staticModal__trigger span,
    .c-dynamicModal__trigger span {
        max-width: unset !important
    }
}

.c-staticModal__trigger:focus,
.c-dynamicModal__trigger:focus {
    outline: 1px solid #0094ff;
    outline-offset: 5px
}

.c-staticModal,
.c-dynamicModal {
    position: fixed;
    top: var(--h-header);
    left: 0;
    width: var(--viewportWidth);
    height: calc(var(--viewportHeight) - var(--h-header));
    overflow: hidden;
    z-index: 24;
    background-color: #fff;
    transform: translate3d(var(--viewportWidth), 0, 0)
}

.c-staticModal__content,
.c-dynamicModal__content {
    overflow-y: auto;
    height: 100%
}

html[data-page="agent-locator-search"] .c-close__btn__wrap {
    display: none;
    z-index: 99999;
    position: fixed;
    top: 105px;
    right: calc(30px + var(--scrollbarWidth))
}

@media screen and (max-width:1023px) {
    html[data-page="agent-locator-search"] .c-close__btn__wrap {
        width: 100vw;
        top: unset;
        left: unset;
        right: 0;
        position: fixed;
        bottom: 10px
    }
}

@media screen and (min-width:1024px) {

    .isStaticModalOpen .js-staticModal__close,
    .isDynamicModalOpen .js-dynamicModal__close {
        position: fixed;
        top: -100px;
        left: -19px;
        right: auto;
        transition: transform 0.3s ease-out
    }

    .js-staticModal__close:hover,
    .js-dynamicModal__close:hover {
        cursor: pointer !important
    }
}

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

    .isStaticModalOpen .js-staticModal__close,
    .isDynamicModalOpen .js-dynamicModal__close {
        position: fixed;
        bottom: 40px
    }
}

@media (max-width:1023px) {

    .c-staticModal__close,
    .c-dynamicModal__close {
        top: unset;
        bottom: 40px;
        left: 0;
        right: 0;
        margin: 0 auto;
        transform: translate3d(0, 0, 0)
    }
}

.c-staticModal__close:focus,
.c-dynamicModal__close:focus {
    outline: 1px solid #0094ff;
    outline-offset: 5px
}

.c-staticModal__close:active,
.c-dynamicModal__close:active {
    outline: none
}

html.isDynamicModalPage[data-page="payment-outlets"] [data-modal] {
    min-height: calc(100vh - var(--h-header))
}

html.isDynamicModalPage [data-modal] {
    width: var(--viewportWidth);
    margin-left: calc(0px - var(--leftMargin))
}

html.isDynamicModalPage .c-breadcrumbs {
    position: absolute;
    top: var(--h-header);
    z-index: 1
}

html.isDynamicModalPage .c-paymentOutlets__content,
html.isDynamicModalPage .c-paymentModes__content {
    padding-bottom: 0
}

html.isDynamicModalPage .c-footer {
    margin-top: 100px
}

@media (max-width:1023px) {
    html.isDynamicModalPage .c-footer {
        margin-top: 40px
    }
}

.c-staticModal.-addTransition,
.c-dynamicModal.-addTransition,
main {
    transition: transform 0.2s cubic-bezier(.39, .575, .565, 1)
}

@media (max-width:1023px) {

    .c-staticModal.-addTransition,
    .c-dynamicModal.-addTransition,
    main {
        transition-duration: 0.15s
    }
}

main {
    transform: translateZ(0)
}

html.isDynamicModalOpen {
    overflow: hidden;
    --viewportWidth: 100vw !important
}

html.isDynamicModalOpen main {
    transform: translate3d(calc(0px - var(--viewportWidth)), 0, 0)
}

html.isDynamicModalOpen .c-dynamicModal {
    transform: translateZ(0)
}

html.isStaticModalOpen {
    overflow: hidden;
    --viewportWidth: 100vw !important
}

html.isStaticModalOpen main {
    transform: translate3d(calc(0px - var(--viewportWidth)), 0, 0)
}

.isDynamicModalOpen .c-header__navList,
.isStaticModalOpen .c-header__navList {
    display: none
}

.isDynamicModalOpen .c-header__rhs,
.isStaticModalOpen .c-header__rhs {
    gap: 28px
}

.isDynamicModalOpen .c-header__rhs .c-btn,
.isStaticModalOpen .c-header__rhs .c-btn {
    display: none
}

.c-staticModal.isOpen {
    transform: translateZ(0)
}

.c-staticModal__content {
    padding: 100px 0
}

@media (max-width:1023px) {
    .c-staticModal__content {
        padding: 60px 20px 120px
    }
}

@media screen and (min-width:610px) {
    .c-staticModal__content {
        padding-left: calc((var(--viewportWidth) - 610px) / 2);
        padding-right: calc((var(--viewportWidth) - 610px) / 2);
        margin: 0 auto
    }
}

@media (max-width:1023px) {
    .c-staticModal__heading {
        font-size: 30px;
        font-style: normal;
        font-weight: 500;
        line-height: 100%;
        letter-spacing: -1.5px
    }
}

.c-staticModal__copy {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #dadada
}

@media (max-width:1023px) {
    .c-staticModal__copy {
        margin-top: 20px;
        padding-top: 20px;
        font-weight: 400;
        font-size: 17px;
        line-height: 120%;
        letter-spacing: -.68px
    }
}

.c-staticModal__list {
    margin-top: 30px;
    padding-top: 10px;
    border-top: 1px solid #dadada
}

@media (max-width:1023px) {
    .c-staticModal__list {
        margin-top: 20px;
        padding-top: 0
    }
}

.c-staticModal__list>:not(:last-child) {
    border-bottom: 1px solid #dadada
}

.c-staticModal__item {
    padding: 20px 0
}

.c-staticModal__itemHeading+.c-staticModal__itemCopy {
    margin-top: 8px
}

@media (max-width:1023px) {
    .c-staticModal__itemHeading {
        font-size: 17px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        letter-spacing: -.68px
    }
}

.c-staticModal__itemCopy {
    color: #5f5f5f
}

.c-staticModal__content.-howToOnboard .c-staticModal__item {
    display: flex;
    align-items: flex-start;
    gap: 10px
}

.c-staticModal__content.-howToOnboard .c-staticModal__itemIndex {
    flex-shrink: 0;
    border-radius: 25px;
    position: relative;
    top: -3px;
    padding: 0 10px;
    min-width: 40px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: #ff894f;
    line-height: 1
}

@media (max-width:1023px) {
    .c-staticModal__content.-howToOnboard .c-staticModal__itemIndex {
        font-size: 13px;
        line-height: 110%;
        font-weight: 400;
        letter-spacing: -.52px
    }
}

@media (max-width:1023px) {
    .c-staticModal__content.-howToOnboard .c-staticModal__itemText {
        font-weight: 400;
        font-size: 17px;
        line-height: 120%;
        letter-spacing: -.68px;
        padding-right: 20px
    }
}

.c-staticModal__content.-howToOnboard .-mmt {
    position: relative;
    top: -2px
}

@media (max-width:1023px) {
    .c-staticModal__content.-prerequisites .c-staticModal__itemText {
        font-weight: 400;
        font-size: 17px;
        line-height: 120%;
        letter-spacing: -.68px;
        padding-right: 20px
    }
}

.c-paymentModes {
    position: relative
}

@media (min-width:1024px) {
    .c-paymentModes {
        min-height: calc(var(--viewportHeight) - var(--h-header))
    }
}

.c-paymentModes__content {
    padding: 100px 0
}

@media (max-width:1023px) {
    .c-paymentModes__content {
        padding: 60px 20px 120px
    }
}

@media screen and (min-width:610px) {
    .c-paymentModes__content {
        padding-left: calc((var(--viewportWidth) - 610px) / 2);
        padding-right: calc((var(--viewportWidth) - 610px) / 2);
        margin: 0 auto
    }
}

.c-paymentModes__heading {
    text-align: center
}

@media (max-width:1023px) {
    .c-paymentModes__heading {
        font-size: 30px;
        font-style: normal;
        font-weight: 500;
        line-height: 100%;
        letter-spacing: -1.5px;
        text-align: left
    }
}

.c-paymentModes__list {
    max-width: 610px;
    margin: 35px auto 0
}

@media (max-width:1023px) {
    .c-paymentModes__list {
        margin-top: 30px
    }
}

.c-paymentModes__list>:first-child {
    border-top: none
}

.c-paymentModes__item {
    padding: 25px 0;
    display: flex;
    align-items: center;
    gap: 22px;
    border-top: 1px solid #dadada
}

@media (max-width:1023px) {
    .c-paymentModes__item {
        padding: 20px 0;
        gap: 28px
    }
}

@media (max-width:1023px) {
    .c-paymentModes__itemName {
        font-size: 16px;
        font-weight: 400;
        line-height: normal
    }
}

.c-paymentModes__itemIcon {
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

.c-paymentOutlets {
    position: relative
}

.c-paymentOutlets .c-digitalForm .c-digitalFormNote {
    white-space: nowrap
}

@media (max-width:1023px) {
    .c-paymentOutlets .c-digitalForm .c-digitalFormNote {
        white-space: unset
    }
}

.c-paymentOutlets__content {
    padding: 100px 0
}

@media (max-width:1023px) {
    .c-paymentOutlets__content {
        padding: 60px 20px 120px
    }
}

@media screen and (min-width:610px) {
    .c-paymentOutlets__content {
        padding-left: calc((var(--viewportWidth) - 610px) / 2);
        padding-right: calc((var(--viewportWidth) - 610px) / 2);
        margin: 0 auto
    }
}

.c-paymentOutlets__heading {
    font-size: 60px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -3.6px;
    text-align: center;
    color: #1e1e1c
}

@media (max-width:1023px) {
    .c-paymentOutlets__heading {
        font-size: 30px;
        font-style: normal;
        font-weight: 500;
        line-height: 100%;
        letter-spacing: -1.5px;
        text-align: left
    }
}

.c-paymentOutlets__tab {
    position: relative;
    margin-top: 40px
}

@media (max-width:1023px) {
    .c-paymentOutlets__tab {
        margin-top: 50px
    }
}

.c-paymentOutlets__tabList {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #b5b5b5;
    padding-bottom: 15px;
    margin-bottom: 40px
}

@media (max-width:1023px) {
    .c-paymentOutlets__tabList {
        justify-content: flex-start;
        margin-bottom: 30px
    }
}

.c-paymentOutlets__tabLink {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -.8px;
    color: #b5b5b5;
    padding-bottom: 15px
}

.c-paymentOutlets__tabLink[aria-selected="true"] {
    color: #1e1e1c;
    border-bottom: 1px solid #1e1e1c
}

.c-paymentOutlets .c-physicalForm,
.c-paymentOutlets .c-digitalForm {
    gap: 25px;
    align-items: center
}

@media (max-width:1023px) {

    .c-paymentOutlets .c-physicalForm,
    .c-paymentOutlets .c-digitalForm {
        gap: 30px;
        align-items: flex-start
    }
}

.c-paymentOutlets .c-physicalForm .c-form__pincodeLocalityWrapper,
.c-paymentOutlets .c-digitalForm .c-form__pincodeLocalityWrapper {
    position: relative
}

.c-paymentOutlets .c-physicalForm .c-form__inputPrefix,
.c-paymentOutlets .c-digitalForm .c-form__inputPrefix {
    height: auto;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width:1023px) {

    .c-paymentOutlets .c-physicalForm .c-form__inputPrefix svg,
    .c-paymentOutlets .c-physicalForm .c-form__inputPrefix .c-form__searchIcon,
    .c-paymentOutlets .c-digitalForm .c-form__inputPrefix svg,
    .c-paymentOutlets .c-digitalForm .c-form__inputPrefix .c-form__searchIcon {
        height: 16px;
        width: 16px
    }
}

@media (max-width:1023px) {

    .c-paymentOutlets .c-physicalForm .c-form__inputPrefix,
    .c-paymentOutlets .c-digitalForm .c-form__inputPrefix {
        left: 0
    }
}

.c-paymentOutlets .c-physicalForm .c-form__inputPrefix.-showCloseBtn,
.c-paymentOutlets .c-digitalForm .c-form__inputPrefix.-showCloseBtn {
    right: 30px;
    left: auto
}

@media (max-width:1023px) {

    .c-paymentOutlets .c-physicalForm .c-form__inputPrefix.-showCloseBtn svg,
    .c-paymentOutlets .c-digitalForm .c-form__inputPrefix.-showCloseBtn svg {
        height: 10px;
        width: 10px
    }
}

.c-paymentOutlets .c-physicalForm .-pincodeLocality,
.c-paymentOutlets .c-digitalForm .-pincodeLocality {
    padding: 0 55px 0 65px;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: -.8px;
    color: #1e1e1c
}

.c-paymentOutlets .c-physicalForm .-pincodeLocality::-moz-placeholder,
.c-paymentOutlets .c-digitalForm .-pincodeLocality::-moz-placeholder {
    color: #1e1e1c
}

.c-paymentOutlets .c-physicalForm .-pincodeLocality::placeholder,
.c-paymentOutlets .c-digitalForm .-pincodeLocality::placeholder {
    color: #1e1e1c
}

@media (max-width:1023px) {

    .c-paymentOutlets .c-physicalForm .-pincodeLocality::-moz-placeholder,
    .c-paymentOutlets .c-digitalForm .-pincodeLocality::-moz-placeholder {
        color: #1e1e1c
    }

    .c-paymentOutlets .c-physicalForm .-pincodeLocality::placeholder,
    .c-paymentOutlets .c-digitalForm .-pincodeLocality::placeholder {
        color: #1e1e1c
    }
}

@media (max-width:1023px) {

    .c-paymentOutlets .c-physicalForm .-pincodeLocality,
    .c-paymentOutlets .c-digitalForm .-pincodeLocality {
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
        letter-spacing: -.6px;
        padding: 0 20px 0 44px;
        height: 50px
    }
}

.c-paymentOutlets .c-physicalForm .-pincodeLocality:focus,
.c-paymentOutlets .c-digitalForm .-pincodeLocality:focus {
    border-color: #dadada
}

.c-paymentOutlets .c-physicalFormNote,
.c-paymentOutlets .c-digitalFormNote {
    text-align: center;
    font-weight: 400;
    font-size: 17px;
    line-height: 120%;
    letter-spacing: -.68px;
    margin-top: 25px
}

@media (max-width:1023px) {

    .c-paymentOutlets .c-physicalFormNote,
    .c-paymentOutlets .c-digitalFormNote {
        text-align: left;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
        letter-spacing: -.6px;
        margin-top: 20px
    }
}

.c-paymentOutlets .c-physicalForm .-showList .-pincodeLocality,
.c-paymentOutlets .c-digitalForm .-showList .-pincodeLocality {
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.c-paymentOutlets .c-physicalForm .-showList .c-physicalForm__list,
.c-paymentOutlets .c-physicalForm .-showList .c-digitalForm__list,
.c-paymentOutlets .c-digitalForm .-showList .c-physicalForm__list,
.c-paymentOutlets .c-digitalForm .-showList .c-digitalForm__list {
    max-height: 275px;
    border-color: #dadada;
    padding: 0 25px 25px 20px;
    border-top: 0;
    padding-bottom: 0;
    opacity: 1
}

.c-paymentOutlets .c-physicalForm .-showList .c-physicalForm__listInner,
.c-paymentOutlets .c-physicalForm .-showList .c-digitalForm__listInner,
.c-paymentOutlets .c-digitalForm .-showList .c-physicalForm__listInner,
.c-paymentOutlets .c-digitalForm .-showList .c-digitalForm__listInner {
    max-height: 275px;
    opacity: 1
}

.c-paymentOutlets .c-physicalForm__list,
.c-paymentOutlets .c-digitalForm__list {
    position: relative;
    width: 100%;
    background: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    transition: max-height 0.2s ease-out;
    opacity: 0;
    border: 1px solid #fff0;
    max-height: 0;
    overflow: hidden;
    padding-top: 0 !important
}

.c-paymentOutlets .c-physicalForm__listSuggestion,
.c-paymentOutlets .c-digitalForm__listSuggestion {
    font-size: 13px;
    line-height: 110%;
    font-weight: 400;
    letter-spacing: -.52px;
    color: #878686
}

.c-paymentOutlets .c-physicalForm__listInner,
.c-paymentOutlets .c-digitalForm__listInner {
    max-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 10px;
    opacity: 0
}

.c-paymentOutlets .c-physicalForm__listInner::-webkit-scrollbar,
.c-paymentOutlets .c-digitalForm__listInner::-webkit-scrollbar {
    width: 4px
}

.c-paymentOutlets .c-physicalForm__listInner::-webkit-scrollbar-track,
.c-paymentOutlets .c-digitalForm__listInner::-webkit-scrollbar-track {
    margin-top: 20px;
    margin-bottom: 20px;
    background: #fff0
}

.c-paymentOutlets .c-physicalForm__listInner::-webkit-scrollbar-thumb,
.c-paymentOutlets .c-digitalForm__listInner::-webkit-scrollbar-thumb {
    background: #cfcfcf;
    border-radius: 10px
}

.c-paymentOutlets .c-physicalForm__listInner::before,
.c-paymentOutlets .c-digitalForm__listInner::before {
    border-top: 1px solid #dadada
}

.c-paymentOutlets .c-physicalForm__listInner::before,
.c-paymentOutlets .c-physicalForm__listInner::after,
.c-paymentOutlets .c-digitalForm__listInner::before,
.c-paymentOutlets .c-digitalForm__listInner::after {
    content: "";
    display: block;
    padding-bottom: 20px
}

.c-paymentOutlets .c-physicalForm__listItem:not(:last-of-type),
.c-paymentOutlets .c-digitalForm__listItem:not(:last-of-type) {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgb(0 0 0 / .1)
}

.c-paymentOutlets .c-physicalForm__listItem:not(:last-child),
.c-paymentOutlets .c-digitalForm__listItem:not(:last-child) {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgb(0 0 0 / .1)
}

.c-paymentOutlets .c-physicalForm__listItem.-pl_suggest,
.c-paymentOutlets .c-digitalForm__listItem.-pl_suggest {
    margin-bottom: 15px;
    padding-bottom: 0;
    border: 0
}

.c-paymentOutlets .c-physicalForm__listItemLink:hover,
.c-paymentOutlets .c-digitalForm__listItemLink:hover {
    opacity: .8
}

.c-paymentOutlets .c-physicalForm__area,
.c-paymentOutlets .c-digitalForm__area {
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -.6px;
    color: #1e1e1c
}

.c-paymentOutlets .c-physicalForm__cityState,
.c-paymentOutlets .c-digitalForm__cityState {
    font-size: 13px;
    line-height: 110%;
    font-weight: 400;
    letter-spacing: -.52px;
    color: #878686;
    margin-top: 8px
}

.c-paymentOutlets .c-physicalForm .-showCloseBtn,
.c-paymentOutlets .c-digitalForm .-showCloseBtn {
    display: none
}

.c-paymentOutlets .c-physicalForm .c-physicalForm__notFound,
.c-paymentOutlets .c-physicalForm .c-digitalForm__notFound,
.c-paymentOutlets .c-digitalForm .c-physicalForm__notFound,
.c-paymentOutlets .c-digitalForm .c-digitalForm__notFound {
    display: none
}

.c-paymentOutlets .c-physicalForm .c-physicalForm__resultFound,
.c-paymentOutlets .c-physicalForm .c-digitalForm__resultFound,
.c-paymentOutlets .c-digitalForm .c-physicalForm__resultFound,
.c-paymentOutlets .c-digitalForm .c-digitalForm__resultFound {
    margin-top: 25px
}

@media (max-width:1023px) {

    .c-paymentOutlets .c-physicalForm .c-physicalForm__resultFound,
    .c-paymentOutlets .c-physicalForm .c-digitalForm__resultFound,
    .c-paymentOutlets .c-digitalForm .c-physicalForm__resultFound,
    .c-paymentOutlets .c-digitalForm .c-digitalForm__resultFound {
        margin-top: 30px
    }
}

.c-paymentOutlets .c-physicalForm .c-physicalForm__resultFound.js-pfResultFound,
.c-paymentOutlets .c-physicalForm .c-physicalForm__resultFound.js-digitalResultFound,
.c-paymentOutlets .c-physicalForm .c-digitalForm__resultFound.js-pfResultFound,
.c-paymentOutlets .c-physicalForm .c-digitalForm__resultFound.js-digitalResultFound,
.c-paymentOutlets .c-digitalForm .c-physicalForm__resultFound.js-pfResultFound,
.c-paymentOutlets .c-digitalForm .c-physicalForm__resultFound.js-digitalResultFound,
.c-paymentOutlets .c-digitalForm .c-digitalForm__resultFound.js-pfResultFound,
.c-paymentOutlets .c-digitalForm .c-digitalForm__resultFound.js-digitalResultFound {
    display: none
}

.c-paymentOutlets .c-physicalForm .c-physicalForm__resultFound.js-pfResultFound.-showResult,
.c-paymentOutlets .c-physicalForm .c-physicalForm__resultFound.js-digitalResultFound.-showResult,
.c-paymentOutlets .c-physicalForm .c-digitalForm__resultFound.js-pfResultFound.-showResult,
.c-paymentOutlets .c-physicalForm .c-digitalForm__resultFound.js-digitalResultFound.-showResult,
.c-paymentOutlets .c-digitalForm .c-physicalForm__resultFound.js-pfResultFound.-showResult,
.c-paymentOutlets .c-digitalForm .c-physicalForm__resultFound.js-digitalResultFound.-showResult,
.c-paymentOutlets .c-digitalForm .c-digitalForm__resultFound.js-pfResultFound.-showResult,
.c-paymentOutlets .c-digitalForm .c-digitalForm__resultFound.js-digitalResultFound.-showResult {
    display: block
}

.c-paymentOutlets .c-physicalForm .c-physicalForm__resultFound.js-pfResultFound,
.c-paymentOutlets .c-physicalForm .c-physicalForm__resultFound.js-digitalResultFound,
.c-paymentOutlets .c-physicalForm .c-digitalForm__resultFound.js-pfResultFound,
.c-paymentOutlets .c-physicalForm .c-digitalForm__resultFound.js-digitalResultFound,
.c-paymentOutlets .c-digitalForm .c-physicalForm__resultFound.js-pfResultFound,
.c-paymentOutlets .c-digitalForm .c-physicalForm__resultFound.js-digitalResultFound,
.c-paymentOutlets .c-digitalForm .c-digitalForm__resultFound.js-pfResultFound,
.c-paymentOutlets .c-digitalForm .c-digitalForm__resultFound.js-digitalResultFound {
    display: none
}

.c-paymentOutlets .c-physicalForm .c-physicalForm__resultFound.js-pfResultFound.-showResult,
.c-paymentOutlets .c-physicalForm .c-physicalForm__resultFound.js-digitalResultFound.-showResult,
.c-paymentOutlets .c-physicalForm .c-digitalForm__resultFound.js-pfResultFound.-showResult,
.c-paymentOutlets .c-physicalForm .c-digitalForm__resultFound.js-digitalResultFound.-showResult,
.c-paymentOutlets .c-digitalForm .c-physicalForm__resultFound.js-pfResultFound.-showResult,
.c-paymentOutlets .c-digitalForm .c-physicalForm__resultFound.js-digitalResultFound.-showResult,
.c-paymentOutlets .c-digitalForm .c-digitalForm__resultFound.js-pfResultFound.-showResult,
.c-paymentOutlets .c-digitalForm .c-digitalForm__resultFound.js-digitalResultFound.-showResult {
    display: block
}

.c-paymentOutlets .c-physicalForm .c-physicalForm__resultFoundWrap,
.c-paymentOutlets .c-physicalForm .c-digitalForm__resultFoundWrap,
.c-paymentOutlets .c-digitalForm .c-physicalForm__resultFoundWrap,
.c-paymentOutlets .c-digitalForm .c-digitalForm__resultFoundWrap {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.c-paymentOutlets .c-physicalForm .c-physicalForm__resultFoundCount,
.c-paymentOutlets .c-physicalForm .c-digitalForm__resultFoundCount,
.c-paymentOutlets .c-digitalForm .c-physicalForm__resultFoundCount,
.c-paymentOutlets .c-digitalForm .c-digitalForm__resultFoundCount {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -.6px;
    color: #737373
}

.c-paymentOutlets .c-physicalForm .c-physicalForm__resultFoundList,
.c-paymentOutlets .c-physicalForm .c-digitalForm__resultFoundList,
.c-paymentOutlets .c-digitalForm .c-physicalForm__resultFoundList,
.c-paymentOutlets .c-digitalForm .c-digitalForm__resultFoundList {
    padding: 20px;
    background: #f9f9f9;
    border-radius: 5px
}

.c-paymentOutlets .c-physicalForm .c-physicalForm__resultFoundList:first-child,
.c-paymentOutlets .c-physicalForm .c-digitalForm__resultFoundList:first-child,
.c-paymentOutlets .c-digitalForm .c-physicalForm__resultFoundList:first-child,
.c-paymentOutlets .c-digitalForm .c-digitalForm__resultFoundList:first-child {
    margin-top: 20px
}

@media (max-width:1023px) {

    .c-paymentOutlets .c-physicalForm .c-physicalForm__resultFoundList:first-child,
    .c-paymentOutlets .c-physicalForm .c-digitalForm__resultFoundList:first-child,
    .c-paymentOutlets .c-digitalForm .c-physicalForm__resultFoundList:first-child,
    .c-paymentOutlets .c-digitalForm .c-digitalForm__resultFoundList:first-child {
        margin-top: 10px
    }
}

.c-paymentOutlets .c-physicalForm .c-physicalForm__resultFoundListItem:not(:last-child),
.c-paymentOutlets .c-physicalForm .c-digitalForm__resultFoundListItem:not(:last-child),
.c-paymentOutlets .c-digitalForm .c-physicalForm__resultFoundListItem:not(:last-child),
.c-paymentOutlets .c-digitalForm .c-digitalForm__resultFoundListItem:not(:last-child) {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgb(0 0 0 / .1)
}

.c-paymentOutlets .c-physicalForm__rfSubtitle,
.c-paymentOutlets .c-digitalForm__rfSubtitle {
    font-size: 13px;
    line-height: 110%;
    font-weight: 400;
    letter-spacing: -.52px;
    display: block
}

.c-paymentOutlets .c-physicalForm__rfTitle,
.c-paymentOutlets .c-digitalForm__rfTitle {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -.6px;
    color: #000;
    margin-top: 5px;
    display: inline-block
}

.c-paymentOutlets .c-physicalForm__rfTitle:hover,
.c-paymentOutlets .c-digitalForm__rfTitle:hover {
    opacity: .8
}

.c-paymentOutlets .c-physicalForm__rfTitle span,
.c-paymentOutlets .c-digitalForm__rfTitle span {
    display: inline-flex
}

.c-paymentOutlets .c-physicalForm .-noRecord .c-physicalForm__noDataFound,
.c-paymentOutlets .c-digitalForm .-noRecord .c-physicalForm__noDataFound {
    display: flex
}

.c-paymentOutlets .c-physicalForm .-noRecord .c-physicalForm__listInner,
.c-paymentOutlets .c-digitalForm .-noRecord .c-physicalForm__listInner {
    border-top: 0;
    padding: 0
}

.c-paymentOutlets .c-physicalForm .-noRecord .-pl_suggest,
.c-paymentOutlets .c-digitalForm .-noRecord .-pl_suggest {
    display: none
}

.c-paymentOutlets .c-physicalForm .-noRecord .-pincodeLocality,
.c-paymentOutlets .c-digitalForm .-noRecord .-pincodeLocality {
    border-radius: 10px;
    border: 1px solid #dadada
}

.c-paymentOutlets .c-physicalForm .-noRecord .c-physicalForm__list,
.c-paymentOutlets .c-digitalForm .-noRecord .c-physicalForm__list {
    border: 0
}

.c-paymentOutlets .c-physicalForm__noDataFound,
.c-paymentOutlets .c-digitalForm__noDataFound {
    margin: 80px 0;
    display: none;
    text-align: center;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

@media (max-width:1023px) {

    .c-paymentOutlets .c-physicalForm__noDataFound,
    .c-paymentOutlets .c-digitalForm__noDataFound {
        margin: 60px 0
    }
}

.c-paymentOutlets .c-physicalForm__noDataFoundTitle,
.c-paymentOutlets .c-digitalForm__noDataFoundTitle {
    margin-top: 20px;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -1.5px
}

.c-paymentOutlets .c-physicalForm__noDataFoundDesc,
.c-paymentOutlets .c-digitalForm__noDataFoundDesc {
    margin-top: 10px;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -.6px;
    color: #5f5f5f
}

.c-paymentOutlets .c-digitalForm__resultFoundList {
    background: transparent !important;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0 !important
}

.c-paymentOutlets .c-digitalForm__resultFoundList .c-digitalForm__listItem {
    margin: 0 !important;
    border: none !important;
    background: #f9f9f9;
    padding: 20px !important;
    border-radius: 10px
}

.c-paymentOutlets .c-digitalForm__resultFoundList .c-digitalForm__bankName {
    display: inline-block;
    position: relative
}

.c-paymentOutlets .c-digitalForm__resultFoundList .c-digitalForm__bankName::after {
    content: "";
    position: absolute;
    right: -20px;
    bottom: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="15" viewBox="0 0 16 15" fill="none"><path d="M6.39121 3.74355L11.7564 3.74355L11.7564 9.10872M4.24338 11.2566L11.6813 3.81868" stroke="%231E1E1C" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path></svg>');
    background-repeat: no-repeat;
    height: 16px;
    width: 16px
}

.c-paymentOutlets .c-digitalForm__rfTitle {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-top: 0
}

.c-paymentOutlets .c-digitalForm__rfTitle:hover {
    opacity: .8
}

.c-paymentOutlets .c-digitalForm__rfTitle span {
    display: inline-flex
}

.c-paymentOutlets .c-digitalForm .-noRecord .c-digitalForm__noDataFound {
    display: flex
}

.c-paymentOutlets .c-digitalForm .-noRecord .c-digitalForm__listInner {
    border-top: 0;
    padding: 0
}

.c-paymentOutlets .c-digitalForm .-noRecord .-pl_suggest {
    display: none !important
}

.c-paymentOutlets .c-digitalForm .-noRecord .-pincodeLocality {
    border-radius: 10px;
    border: 1px solid #dadada
}

.c-paymentOutlets .c-digitalForm .-noRecord .c-digitalForm__list {
    border: 0
}

.c-paymentOutlets .c-digitalForm__noDataFound {
    margin: 80px 0;
    display: none;
    text-align: center;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

@media (max-width:1023px) {
    .c-paymentOutlets .c-digitalForm__noDataFound {
        margin: 60px 0
    }
}

.c-paymentOutlets .c-digitalForm__noDataFoundTitle {
    margin-top: 20px;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -1.5px
}

.c-paymentOutlets .c-digitalForm__noDataFoundDesc {
    margin-top: 10px;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -.6px;
    color: #5f5f5f
}

.c-paymentOutlets .c-digitalForm__bankName {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -.6px;
    color: #5f5f5f
}

.c-paymentOutlets .-lastChild {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: 0 !important
}

.c-paymentOutlets .c-pageGradientStroke {
    display: none
}

.c-managementDetail__content {
    padding: 100px 0
}

@media (max-width:1023px) {
    .c-managementDetail__content {
        padding: 60px 20px 100px
    }
}

@media screen and (min-width:610px) {
    .c-managementDetail__content {
        padding-left: calc((var(--viewportWidth) - 610px) / 2);
        padding-right: calc((var(--viewportWidth) - 610px) / 2);
        margin: 0 auto
    }
}

.c-managementDetail__imgWrapper {
    display: flex;
    justify-content: center;
    border-bottom: 1px solid rgb(0 0 0 / .1)
}

@media (max-width:1023px) {
    .c-managementDetail__imgWrapper {
        width: var(--viewportWidth);
        margin-left: calc(0px - var(--leftMargin))
    }
}

.c-managementDetail__img {
    height: 340px
}

@media (max-width:1023px) {
    .c-managementDetail__img {
        width: 100%;
        height: 86vw
    }
}

.c-managementDetail__heading {
    margin-top: 30px;
    text-align: center
}

@media (max-width:1023px) {
    .c-managementDetail__heading {
        text-align: left;
        letter-spacing: -.3px
    }
}

.c-managementDetail__subheading {
    margin-top: 10px;
    text-align: center;
    color: #5f5f5f
}

@media (max-width:1023px) {
    .c-managementDetail__subheading {
        margin-top: 10px;
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: 100%;
        letter-spacing: -.6px;
        text-align: left;
        line-height: 20px
    }
}

.c-managementDetail__copy {
    margin-top: 30px;
    color: #828282;
    line-height: 150%
}

[data-page="find-a-partner"] .c-pageGradient {
    overflow: visible;
    overflow-x: clip;
    opacity: .7
}

[data-page="find-a-partner"] .c-pageGradient__blob {
    max-width: var(--maxWidth);
    margin: 0 auto;
    padding: var(--h-header) 20px 0;
    display: block;
    position: relative
}

[data-page="find-a-partner"] .c-pageGradient__blob::before {
    content: "";
    display: block;
    position: absolute;
    top: -301%;
    right: -590px;
    width: 1470px;
    height: 830px;
    border-radius: 100%;
    opacity: .9;
    background: radial-gradient(50% 50% at 50% 50%, #5678ed 0%, #fff0 100%)
}

@media (max-width:1024px) {
    [data-page="find-a-partner"] .c-pageGradient__blob::before {
        width: 1240px;
        height: 830px;
        top: -308%;
        right: -690px
    }
}

@media (max-width:767px) {
    [data-page="find-a-partner"] .c-pageGradient__blob::before {
        width: 600px;
        right: -8%;
        transform: translateX(25%)
    }
}

@media (max-width:479px) {
    [data-page="find-a-partner"] .c-pageGradient__blob::before {
        right: -50%;
        height: 720px
    }
}

[data-page="find-a-partner"] .c-pageGradient__blob::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0%;
    width: 1015px;
    height: 1015px;
    border-radius: 100%;
    opacity: .9;
    background: radial-gradient(50% 50% at 50% 50%, #f6a466 0%, #fff0 100%);
    mix-blend-mode: darken
}

@media (max-width:766px) {
    [data-page="find-a-partner"] .c-pageGradient__blob::after {
        width: 600px;
        height: 600px;
        top: 50%;
        right: 100px;
        transform: translateX(-25%);
        left: unset
    }
}

[data-page="express-your-interest"] .c-pageGradient {
    background: linear-gradient(180deg, rgb(255 183 147 / .41) 0%, #fff0 38.02%)
}