.float-left {
    float: left
}

.text-uppercase {
    text-transform: uppercase
}

.clearfix::before,
.clearfix::after {
    content: '';
    display: table;
    clear: both
}

.show {
    display: block
}

.hidden {
    display: none
}

.invisible {
    opacity: 0;
    pointer-events: none
}

.showable {
    position: absolute;
    display: none;
    opacity: 0;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    -webkit-backface-visibility: none;
    backface-visibility: none;
    width: 100%
}

.showable.drishy {
    opacity: 1;
    display: block;
    position: relative
}

#form-common .pad {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

#form-common .legend {
    -webkit-transition: .8s;
    -o-transition: .8s;
    transition: .8s
}

#form-common.not-first .pad {
    -webkit-animation: .8s spring;
    animation: .8s spring
}

.tab-content.drishy {
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s
}

.tab-content.drishy .item-inner {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

#body[tab] #user {
    display: block
}

#body[tab] #form-common .pad {
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.item-inner {
    position: relative;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.l-#1 {
    -webkit-transition-delay: .25s;
    -o-transition-delay: .25s;
    transition-delay: .25s
}

.l-#2 {
    -webkit-transition-delay: .30000000000000004s;
    -o-transition-delay: .30000000000000004s;
    transition-delay: .30000000000000004s
}

.l-#3 {
    -webkit-transition-delay: .35000000000000003s;
    -o-transition-delay: .35000000000000003s;
    transition-delay: .35000000000000003s
}

.l-#4 {
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s
}

.shake {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-animation-name: shake;
    animation-name: shake;
    -webkit-animation-duration: 400ms;
    animation-duration: 400ms;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes spring {
    0% {
        -webkit-transform: translateY(-70px);
        transform: translateY(-70px)
    }

    7.61% {
        -webkit-transform: translateY(-32.462px);
        transform: translateY(-32.462px)
    }

    11.41% {
        -webkit-transform: translateY(-18.366px);
        transform: translateY(-18.366px)
    }

    15.12% {
        -webkit-transform: translateY(-8.307px);
        transform: translateY(-8.307px)
    }

    18.92% {
        -webkit-transform: translateY(-1.41px);
        transform: translateY(-1.41px)
    }

    22.72% {
        -webkit-transform: translateY(2.642px);
        transform: translateY(2.642px)
    }

    30.23% {
        -webkit-transform: translateY(5.064px);
        transform: translateY(5.064px)
    }

    50.25% {
        -webkit-transform: translateY(1.065px);
        transform: translateY(1.065px)
    }

    70.27% {
        -webkit-transform: translateY(-.242px);
        transform: translateY(-.242px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes spring {
    0% {
        -webkit-transform: translateY(-70px);
        transform: translateY(-70px)
    }

    7.61% {
        -webkit-transform: translateY(-32.462px);
        transform: translateY(-32.462px)
    }

    11.41% {
        -webkit-transform: translateY(-18.366px);
        transform: translateY(-18.366px)
    }

    15.12% {
        -webkit-transform: translateY(-8.307px);
        transform: translateY(-8.307px)
    }

    18.92% {
        -webkit-transform: translateY(-1.41px);
        transform: translateY(-1.41px)
    }

    22.72% {
        -webkit-transform: translateY(2.642px);
        transform: translateY(2.642px)
    }

    30.23% {
        -webkit-transform: translateY(5.064px);
        transform: translateY(5.064px)
    }

    50.25% {
        -webkit-transform: translateY(1.065px);
        transform: translateY(1.065px)
    }

    70.27% {
        -webkit-transform: translateY(-.242px);
        transform: translateY(-.242px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes shake {
    0% {
        -webkit-transform: none;
        transform: none
    }

    12.5% {
        -webkit-transform: translateX(-6px) rotateY(-5deg);
        transform: translateX(-6px) rotateY(-5deg)
    }

    37.5% {
        -webkit-transform: translateX(5px) rotateY(4deg);
        transform: translateX(5px) rotateY(4deg)
    }

    62.5% {
        -webkit-transform: translateX(-3px) rotateY(-3deg);
        transform: translateX(-3px) rotateY(-3deg)
    }

    87.5% {
        -webkit-transform: translateX(2px) rotateY(2deg);
        transform: translateX(2px) rotateY(2deg)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes shake {
    0% {
        -webkit-transform: none;
        transform: none
    }

    12.5% {
        -webkit-transform: translateX(-6px) rotateY(-5deg);
        transform: translateX(-6px) rotateY(-5deg)
    }

    37.5% {
        -webkit-transform: translateX(5px) rotateY(4deg);
        transform: translateX(5px) rotateY(4deg)
    }

    62.5% {
        -webkit-transform: translateX(-3px) rotateY(-3deg);
        transform: translateX(-3px) rotateY(-3deg)
    }

    87.5% {
        -webkit-transform: translateX(2px) rotateY(2deg);
        transform: translateX(2px) rotateY(2deg)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes instrument-skeleton {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

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

@keyframes instrument-skeleton {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

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

.float-left {
    float: left
}

.text-uppercase {
    text-transform: uppercase
}

.clearfix::before,
.clearfix::after {
    content: '';
    display: table;
    clear: both
}

.show {
    display: block
}

.hidden {
    display: none
}

.invisible {
    opacity: 0;
    pointer-events: none
}

.actionlink {
    display: inline-block;
    vertical-align: top;
    cursor: pointer
}

.actionlink-container .actionlink:not(:first-child) {
    margin-left: 4px;
    padding-left: 8px;
    border-left: 1px solid #c7c7c7
}

#curtain #curtain-overlay {
    z-index: -1;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    -webkit-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

#curtain #curtain-container-parent {
    position: absolute;
    width: 100%;
    bottom: 0;
    opacity: 0;
    z-index: -1;
    pointer-events: none;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: bottom .3s;
    -o-transition: bottom .3s;
    transition: bottom .3s;
    background: #fff;
    text-align: left
}

#curtain #curtain-container-parent .curtain-container {
    padding: 20px;
    padding-left: 24px
}

#curtain #curtain-container-parent .curtain-container .curtain-header-container {
    padding-right: 24px;
    position: relative
}

#curtain #curtain-container-parent .curtain-container .curtain-header-container .curtain-header {
    text-transform: none;
    color: #333;
    margin: 0;
    font-size: 14px;
    line-height: 20px
}

#curtain #curtain-container-parent .curtain-container .curtain-header-container .curtain-close {
    cursor: pointer;
    position: absolute;
    font-size: 14px;
    line-height: 1em;
    top: 0;
    right: 4px
}

#curtain #curtain-container-parent .curtain-container .curtain-content-container .curtain-content {
    font-size: 13px;
    line-height: 18px;
    color: #757575
}

#curtain #curtain-container-parent.curtain-hideclose .curtain-close {
    display: none
}

#curtain #curtain-container-parent.visible {
    z-index: 5;
    pointer-events: auto;
    -webkit-animation-name: curtain-appear;
    animation-name: curtain-appear;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

#curtain #curtain-container-parent.visible+#curtain-overlay {
    background-color: rgba(0, 0, 0, .3);
    z-index: 4
}

#curtain #curtain-container-parent.invisible {
    -webkit-animation-name: curtain-disappear;
    animation-name: curtain-disappear;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes curtain-appear {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 0
    }

    50% {
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1
    }
}

@keyframes curtain-appear {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 0
    }

    50% {
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1
    }
}

@-webkit-keyframes curtain-disappear {
    0% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1
    }

    10% {
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 0
    }
}

@keyframes curtain-disappear {
    0% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1
    }

    10% {
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 0
    }
}

.expandable-card {
    border: 1px solid #e6e7e8;
    padding: 12px 16px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    cursor: pointer;
    position: relative
}

.expandable-card .expandable-card-title {
    color: #333;
    font-size: 14px;
    line-height: 16px
}

.expandable-card .expandable-card-detail {
    color: #757575;
    font-size: 13px;
    line-height: 16px;
    max-height: 0;
    -webkit-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    overflow: hidden
}

.expandable-card .expandable-card-detail [slot=detail]:not(:empty) {
    border-top: 1px solid #e6e7e8;
    padding-top: 8px;
    margin-top: 8px
}

.expandable-card .expandable-card-detail [slot=detail]:not(:empty):first-child {
    border-top: 1px solid transparent
}

.expandable-card .expandable-card-detail ul {
    padding-left: 18px;
    margin: 0
}

.expandable-card .expandable-card-detail ul li>div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.expandable-card .expandable-card-detail ul.cardless-emi-plan-details li {
    line-height: 1.4em
}

.expandable-card--expanded .expandable-card-detail [slot=detail]:not(:empty) {
    border-top-color: #e6e7e8;
    padding-top: 8px;
    margin-top: 8px
}

.expandable-card-list .expandable-card:not(:first-child):not(.expandable-card--expanded) {
    border-top-color: transparent
}

.input-radio {
    position: relative
}

.input-radio input[type=radio] {
    position: absolute;
    opacity: 0;
    display: unset
}

.input-radio input[type=radio]:checked+label {
    background: 0 0 !important
}

.input-radio input[type=radio]:checked+label .radio-display::after {
    border-color: #fff
}

.input-radio label {
    display: block;
    position: relative;
    cursor: pointer
}

.input-radio label .radio-display {
    content: '';
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    width: 16px;
    height: 16px;
    cursor: pointer;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #ccc;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.input-radio label .radio-display::after {
    content: "";
    position: absolute;
    width: 4px;
    height: 9px;
    top: 2px;
    left: 6px;
    border: 1px solid #ccc;
    border-top: none;
    border-left: none;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    -webkit-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg)
}

.input-radio label .label-content {
    line-height: 16px
}

.input-radio label .label-content:not(:empty) {
    padding: 4px 0 4px 24px
}

.input-radio.centered label .radio-display {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.input-radio:not(.centered) label .radio-display {
    top: 3px
}

.instrument i[slot=icon] {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.instrument i[slot=icon] img {
    max-height: 22px
}

.instrument i[slot=icon]+div {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.instrument div[slot=subtitle] {
    line-height: 1rem;
    color: #828282;
    margin-top: 2px
}

.options {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    max-height: 320px;
    overflow: hidden;
    overflow-y: auto;
    background: #fff
}

.options:not(.options-no-margin) {
    margin-left: -12px;
    margin-right: -12px
}

.options .option {
    border: 1px solid #e6e7e8;
    border-bottom: none;
    -webkit-transition: .2s background;
    -o-transition: .2s background;
    transition: .2s background;
    background: #fff;
    padding: 12px 10px;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    cursor: pointer;
    text-align: left;
    position: relative;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.options .option .option-icon {
    position: absolute;
    left: 16px;
    text-align: center;
    top: 48%;
    margin-top: -10px
}

.options .option .option-icon i {
    font-size: 18px
}

.options .option .option-icon svg {
    width: 100%;
    height: 20px;
    max-width: 20px;
    display: inline-block;
    vertical-align: middle
}

.options .option .option-icon img {
    height: 20px;
    width: auto
}

.options .option:first-child {
    -webkit-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    border-top-right-radius: 2px
}

.options .option:last-child {
    border-bottom: 1px solid #e6e7e8;
    -webkit-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.options .option.next-option {
    padding-left: 48px;
    padding-right: 32px
}

.options .option.next-option:after {
    content: '\e604';
    font-size: 10px;
    position: absolute;
    right: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
    margin-top: .2em
}

.options .option.next-option.up-arrow::after {
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
    margin-top: 0
}

.options .option.next-option.down-arrow::after {
    -webkit-transform: translateY(-50%) rotate(270deg);
    -ms-transform: translateY(-50%) rotate(270deg);
    transform: translateY(-50%) rotate(270deg);
    margin-top: 0
}

.options .option.next-option .option-title,
.options .option.next-option .option-arrow-text {
    display: inline-block;
    vertical-align: top
}

.options .option.next-option .option-arrow-text {
    float: right
}

.options .option.dark {
    background-color: #f7f7f7;
    padding-left: 48px
}

.options .option.radio-option,
.options .option.other-methods {
    padding-left: 48px;
    padding-right: 12px
}

.options .option.radio-option.selected+.option,
.options .option.other-methods.selected+.option {
    border-top: 0
}

.options .option.radio-option .option-title,
.options .option.other-methods .option-title,
.options .option.radio-option .input-radio,
.options .option.other-methods .input-radio {
    display: inline-block;
    vertical-align: top
}

.options .option.radio-option .input-radio,
.options .option.other-methods .input-radio {
    float: right;
    margin-top: -2px
}

.options .option.radio-option .cvv-input,
.options .option.other-methods .cvv-input {
    position: absolute;
    right: 24px;
    top: 8px;
    font-size: 12px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    padding: 5px;
    width: 26px;
    border-bottom: 1px solid #ccc
}

.options .option.radio-option.reverse {
    padding-left: 16px
}

.options .option.radio-option.reverse.has-icon {
    padding-right: 48px
}

.options .option.radio-option.reverse .option-icon {
    left: unset;
    right: 14px
}

.options .option.radio-option.reverse .input-radio {
    float: left;
    margin-top: -2px;
    margin-right: 4px
}

.slotted-radio,
.slotted-option {
    padding: 12px 16px;
    text-align: left;
    text-align: start
}

.slotted-radio .stack,
.slotted-option .stack {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.slotted-radio .stack>div:first-of-type,
.slotted-option .stack>div:first-of-type {
    margin-right: 8px;
    margin: 15px 0 3px
}

.slotted-radio.ellipsis .stack>div:first-of-type,
.slotted-option.ellipsis .stack>div:first-of-type {
    overflow: hidden
}

.slotted-radio.ellipsis .stack>div:first-of-type>*,
.slotted-option.ellipsis .stack>div:first-of-type>* {
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.slotted-radio i[slot=icon],
.slotted-option i[slot=icon] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 8px;
    width: 22px;
    text-align: center;
    font-size: 18px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.slotted-radio i svg,
.slotted-option i svg,
.slotted-radio i img,
.slotted-option i img {
    height: 22px;
    width: auto
}

.slotted-radio div[slot=title],
.slotted-option div[slot=title] {
    font-size: 1rem;
    line-height: 1.25rem;
    color: #363636
}

.strip {
    padding: 12px 0
}

.tnc-curtain {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    text-align: left;
    font-family: lato, ubuntu, helvetica, sans-serif
}

.tnc-curtain:not(.shown) {
    pointer-events: none;
    z-index: 0
}

.tnc-curtain.shown {
    z-index: 3
}

.tnc-curtain.shown .tnc-container-bg {
    background-color: rgba(0, 0, 0, .3)
}

.tnc-curtain.shown .tnc-container {
    opacity: 1
}

.tnc-curtain .tnc-container-bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    transition: .15s ease-in-out
}

.tnc-curtain .tnc-container {
    opacity: 0;
    overflow: hidden;
    height: 90%;
    max-height: 420px;
    width: 90%;
    max-width: 560px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-color: #fff;
    -webkit-box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, .04);
    box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, .04);
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.tnc-curtain .tnc-container>div {
    padding: 12px 24px
}

.tnc-curtain .tnc-container .tnc-header {
    padding-right: 32px;
    padding-top: 24px;
    padding-bottom: 24px;
    color: #535a78;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    text-transform: uppercase;
    white-space: normal;
    position: relative
}

.tnc-curtain .tnc-container .tnc-header span:not(.tnc-close) {
    vertical-align: middle;
    display: inline-block
}

.tnc-curtain .tnc-container .tnc-header .tnc-provider-image {
    margin-left: 8px;
    padding: 0 12px;
    border-left: 1px solid #d7e7fe
}

.tnc-curtain .tnc-container .tnc-header .tnc-provider-image img {
    max-height: 20px;
    width: auto;
    display: inline-block;
    vertical-align: top
}

.tnc-curtain .tnc-container .tnc-header .tnc-close {
    cursor: pointer;
    position: absolute;
    right: 24px;
    font-size: 18px
}

.tnc-curtain .tnc-container .separator {
    padding: 0;
    margin: 0 24px;
    background-color: #d7e7fe;
    height: 1px
}

.tnc-curtain .tnc-container .tnc-contents {
    white-space: pre-line;
    overflow: scroll;
    height: calc(100% - 70px);
    font-size: 14px;
    line-height: 18px;
    color: #646d8b
}

.tnc-curtain .tnc-container .tnc-contents div {
    padding-bottom: 70px
}

#container.mobile .tnc-container {
    height: 100%;
    width: 100%;
    max-height: unset;
    max-width: unset
}

.tooltip {
    opacity: 0;
    z-index: 1;
    -webkit-transition: opacity .15s ease-in;
    -o-transition: opacity .15s ease-in;
    transition: opacity .15s ease-in;
    display: block;
    position: absolute;
    background-color: rgba(0, 0, 0, .8);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    padding: 8px 12px;
    pointer-events: none
}

.tooltip::before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    border-right: 6px solid rgba(0, 0, 0, .8)
}

.tooltip.tooltip-right {
    margin: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    left: calc(100% + 8px)
}

.tooltip.tooltip-right::before {
    top: 50%;
    left: -6px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.tooltip.tooltip-left {
    margin: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    right: calc(100% + 8px)
}

.tooltip.tooltip-left::before {
    top: 50%;
    right: -6px;
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}

.tooltip.tooltip-top {
    margin: -8px 0 0;
    -webkit-transform: translateX(-50%) translateY(-100%);
    -ms-transform: translateX(-50%) translateY(-100%);
    transform: translateX(-50%) translateY(-100%);
    left: calc(50% - 8px)
}

.tooltip.tooltip-top::before {
    top: calc(100% + 3px);
    left: calc(50% + 5px);
    -webkit-transform: translateY(-50%) rotate(270deg);
    -ms-transform: translateY(-50%) rotate(270deg);
    transform: translateY(-50%) rotate(270deg)
}

.tooltip.tooltip-bottom {
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: calc(50% - 8px)
}

.tooltip.tooltip-bottom::before {
    top: -3px;
    left: calc(50% + 5px);
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg)
}

.tooltip.tooltip-bottom.tooltip-left {
    top: unset;
    bottom: unset;
    right: unset;
    left: 100%;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    margin: calc(100% + 8px) 0 0 calc(-50% + 8px + 5px)
}

.tooltip.tooltip-bottom.tooltip-left::before {
    left: calc(100% - 16px)
}

.tooltip.tooltip-bottom.tooltip-right {
    top: unset;
    bottom: unset;
    right: unset;
    left: unset;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    margin: calc(100% + 8px) 0 0 calc(50% - 8px - 3px)
}

.tooltip.tooltip-bottom.tooltip-right::before {
    left: 8px
}

.tooltip.tooltip-top.tooltip-left {
    top: unset;
    bottom: unset;
    right: unset;
    left: 100%;
    -webkit-transform: translateX(-100%) translateY(-100%);
    -ms-transform: translateX(-100%) translateY(-100%);
    transform: translateX(-100%) translateY(-100%);
    margin: -8px 0 0 calc(-50% + 8px + 5px)
}

.tooltip.tooltip-top.tooltip-left::before {
    left: calc(100% - 16px)
}

.tooltip.tooltip-top.tooltip-right {
    top: unset;
    bottom: unset;
    right: unset;
    left: unset;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    margin: -8px 0 0 calc(50% - 8px - 3px)
}

.tooltip.tooltip-top.tooltip-right::before {
    left: 8px
}

.has-tooltip {
    position: relative;
    cursor: pointer
}

.has-tooltip a {
    color: inherit
}

.has-tooltip:hover .tooltip,
.has-tooltip:active .tooltip {
    opacity: 1;
    pointer-events: all
}

.has-tooltip .tooltip.tooltip-shown {
    opacity: 1;
    pointer-events: all
}

.next-option[down=true],
.netb-bank.item[down=true] {
    background-color: #f7f7f7
}

.next-option[down=true] i:first-child,
.netb-bank.item[down=true] i:first-child {
    opacity: .3
}

.next-option[down=true] .title,
.netb-bank.item[down=true] .title {
    opacity: .3
}

.next-option[down=true] .desc,
.netb-bank.item[down=true] .desc {
    opacity: .3
}

.next-option[down=true] .downtime,
.netb-bank.item[down=true] .downtime {
    position: absolute;
    right: 8px;
    top: 8px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #ef6767;
    color: #fff;
    text-align: center;
    font-size: 8px;
    line-height: 10px;
    white-space: normal;
    width: 10px;
    height: 10px
}

.next-option[down=true] .downtime::after,
.netb-bank.item[down=true] .downtime::after {
    content: 'i'
}

.next-option[down=true] .downtime .downtime-tooltip,
.netb-bank.item[down=true] .downtime .downtime-tooltip {
    font-size: 12px;
    line-height: 16px;
    width: 200px;
    pointer-events: none;
    text-align: left
}

.next-option[down=true] svg,
.next-option[down=true]::after {
    opacity: .3
}

.next-option[down=true] .title {
    vertical-align: middle
}

.next-option[down=true] .downtime {
    vertical-align: middle;
    top: unset;
    right: unset;
    position: relative;
    display: inline-block;
    margin-left: 8px
}

.next-option[down=true] .downtime .downtime-tooltip {
    width: 180px;
    padding: 8px
}

.callout.downtime-callout {
    text-align: left;
    padding: 8px 16px
}

body.embedded #powered-by {
    visibility: hidden !important;
    z-index: -1;
    pointer-events: none
}

body.embedded #body {
    border: 1px solid #ebedf0;
    border-top: none
}

body.embedded .grid {
    background: #fff;
    margin-left: -1px
}

body.embedded #modal-close {
    display: none
}

body.embedded #modal {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

body.embedded #footer {
    border-left: 1px solid #ebedf0;
    border-right: 1px solid #ebedf0;
    -webkit-box-shadow: none;
    box-shadow: none
}

body.embedded #container::after {
    content: none
}

body.embedded #topbar {
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

#container.emi #elem-emi {
    display: block
}

#emi-inner {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    background: #fff;
    width: 100%;
    position: relative
}

#emi-wrap {
    position: absolute;
    top: 0;
    height: 113%;
    z-index: 100;
    display: none;
    width: 500px;
    margin-left: -250px;
    left: 50%;
    -webkit-transform: rotateX(-2deg) translateY(10px) scale(.98);
    transform: rotateX(-2deg) translateY(10px) scale(.98)
}

#emi-wrap::after {
    height: 100%
}

#emi-wrap.drishy {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important
}

#emi-wrap .em {
    line-height: 32px;
    font-size: 18px;
    text-align: left;
    position: relative;
    margin-left: 26px
}

#emi-wrap i {
    position: relative;
    top: -1px;
    left: -18px;
    font-size: 22px
}

#emi-wrap .row {
    padding: 16px 0
}

#emi-wrap .row:not(:first-child) {
    height: 16px;
    border-top: 1px solid #e9e9e9
}

#emi-wrap .col {
    width: 25%;
    float: left;
    white-space: nowrap
}

#emi-wrap strong {
    display: block
}

#emi-wrap select {
    padding: 6px 8px;
    float: left;
    width: 200px
}

#elem-emi {
    display: none;
    position: relative;
    margin-bottom: 14px
}

#elem-emi.hidden {
    display: none !important
}

#elem-emi .input {
    padding-right: 16px
}

#emi-select {
    padding-top: 0;
    background: #fff;
    position: absolute;
    line-height: 20px;
    bottom: 100%;
    z-index: 2;
    border: 1px solid #dedede;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    left: -16px;
    margin-bottom: 2px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .12);
    box-shadow: 0 0 10px rgba(0, 0, 0, .12);
    color: #333
}

#emi-select::after,
#emi-select::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: solid;
    border-color: #fff transparent transparent;
    bottom: 0;
    left: 25px;
    margin: 0 0 -10px -7px;
    margin-bottom: -12px
}

#emi-select::before {
    border-width: 7px;
    border-color: #ddd transparent transparent;
    margin-bottom: -14px;
    margin-left: -8px
}

.emi-plans-trigger {
    cursor: pointer
}

.emi-plans-info-container {
    position: relative;
    overflow: hidden
}

.emi-plans-info-container .emi-plans-text {
    color: #757575;
    font-size: 14px;
    line-height: 16px;
    padding-right: 110px
}

.emi-plans-info-container .emi-plans-text.no-action {
    padding-right: 12px
}

.emi-plans-info-container .emi-plans-action {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 14px;
    line-height: 16px;
    padding-right: 12px
}

.emi-plans-info-container .emi-plans-action:after {
    content: '\e604';
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    font-size: 8px;
    position: absolute;
    top: 1px;
    right: 0
}

.emi-plans-info-container .emi-plan-selected .emi-plans-text {
    padding-right: 48px
}

.emi-plans-info-container {
    background-color: transparent;
    overflow: visible;
    padding-left: 24px;
    padding-right: 24px
}

.emi-plans-info-container .emi-plans-action {
    top: 12px;
    right: 24px
}

.emi-plans-info-container .emi-plan-unavailable .help {
    opacity: 1;
    display: block;
    max-width: 200px
}

.emi-plans-info-container {
    margin-top: 8px
}

.saved-card-pay-without-emi {
    padding: 12px 24px;
    margin-top: 56px;
    margin-bottom: 32px
}

.saved-card-pay-without-emi .emi-plans-action {
    top: 12px;
    right: 24px
}

.emi-icon-single-card,
.emi-icon-multiple-cards {
    background-repeat: no-repeat;
    padding-left: 24px;
    background-position-y: 1px
}

.emi-icon-single-card {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTQiIHZlcnNpb249IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIyLjY4LDEyLjY4IEwyMi42OCwxMSBMOS4zMiwxMSBMOS4zMiwxMi42OCBMMjIuNjgsMTIuNjggWiBNMjIuNjgsMjEgTDIyLjY4LDE2IEw5LjMyLDE2IEw5LjMyLDIxIEwyMi42OCwyMSBaIE0yMi42OCw5LjMyIEMyMy4xNDY2NjksOS4zMiAyMy41MzY2NjUxLDkuNDgzMzMxNyAyMy44NSw5LjgxIEMyNC4xNjMzMzQ5LDEwLjEzNjY2ODMgMjQuMzIsMTAuNTMzMzMxIDI0LjMyLDExIEwyNC4zMiwyMSBDMjQuMzIsMjEuNDY2NjY5IDI0LjE2MzMzNDksMjEuODYzMzMxNyAyMy44NSwyMi4xOSBDMjMuNTM2NjY1MSwyMi41MTY2NjgzIDIzLjE0NjY2OSwyMi42OCAyMi42OCwyMi42OCBMOS4zMiwyMi42OCBDOC44NTMzMzEsMjIuNjggOC40NjMzMzQ5LDIyLjUxNjY2ODMgOC4xNSwyMi4xOSBDNy44MzY2NjUxLDIxLjg2MzMzMTcgNy42OCwyMS40NjY2NjkgNy42OCwyMSBMNy42OCwxMSBDNy42OCwxMC41MzMzMzEgNy44MzY2NjUxLDEwLjEzNjY2ODMgOC4xNSw5LjgxIEM4LjQ2MzMzNDksOS40ODMzMzE3IDguODUzMzMxLDkuMzIgOS4zMiw5LjMyIEwyMi42OCw5LjMyIFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03IC05KSIgZmlsbD0iIzA3MjY1NCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}

.emi-icon-multiple-cards {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTMiIHZlcnNpb249IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTMuOTA0LDEzLjU1MiBMMy45MDQsOS4zNDQgTDYuMjI0LDE0Ljg5NiBMNS4yNDgsMTQuODk2IEM0Ljg4NTMzMTUyLDE0Ljg5NiA0LjU3MDY2OCwxNC43NjI2NjggNC4zMDQsMTQuNDk2IEM0LjAzNzMzMiwxNC4yMjkzMzIgMy45MDQsMTMuOTE0NjY4NSAzLjkwNCwxMy41NTIgWiBNNS4yNDgsNi4yNCBDNS40NDAwMDA5Niw2LjI0IDUuNTk3MzMyNzIsNi4xNzMzMzQgNS43Miw2LjA0IEM1Ljg0MjY2NzI4LDUuOTA2NjY2IDUuOTA0LDUuNzQ0MDAwOTYgNS45MDQsNS41NTIgQzUuOTA0LDUuMzU5OTk5MDQgNS44NDI2NjcyOCw1LjIwMjY2NzI4IDUuNzIsNS4wOCBDNS41OTczMzI3Miw0Ljk1NzMzMjcyIDUuNDQwMDAwOTYsNC44OTYgNS4yNDgsNC44OTYgQzUuMDU1OTk5MDQsNC44OTYgNC44OTg2NjcyOCw0Ljk1OTk5OTM2IDQuNzc2LDUuMDg4IEM0LjY1MzMzMjcyLDUuMjE2MDAwNjQgNC41OTIsNS4zNzA2NjU3NiA0LjU5Miw1LjU1MiBDNC41OTIsNS43MzMzMzQyNCA0LjY1NTk5OTM2LDUuODkzMzMyNjQgNC43ODQsNi4wMzIgQzQuOTEyMDAwNjQsNi4xNzA2NjczNiA1LjA2NjY2NTc2LDYuMjQgNS4yNDgsNi4yNCBaIE0xNC42ODgsMTEuMDI0IEMxNC44MzczMzQxLDExLjM2NTMzNSAxNC44NDAwMDA3LDExLjcwNjY2NSAxNC42OTYsMTIuMDQ4IEMxNC41NTE5OTkzLDEyLjM4OTMzNSAxNC4zMDkzMzUsMTIuNjI5MzMyNiAxMy45NjgsMTIuNzY4IEw5LjA1NiwxNC44IEM4LjkxNzMzMjY0LDE0Ljg2NDAwMDMgOC43NDEzMzQ0LDE0Ljg5NiA4LjUyOCwxNC44OTYgQzguMjYxMzMyLDE0Ljg5NiA4LjAxODY2Nzc2LDE0LjgyNDAwMDcgNy44LDE0LjY4IEM3LjU4MTMzMjI0LDE0LjUzNTk5OTMgNy40MTg2NjcyLDE0LjM0MTMzNDYgNy4zMTIsMTQuMDk2IEw0LDYuMDggQzMuOTM1OTk5NjgsNS44OTg2NjU3NiAzLjkwNCw1LjcyMjY2NzUyIDMuOTA0LDUuNTUyIEMzLjkwNCw1LjMwNjY2NTQ0IDMuOTc4NjY1OTIsNS4wNzczMzQ0IDQuMTI4LDQuODY0IEM0LjI3NzMzNDA4LDQuNjUwNjY1NiA0LjQ3NDY2NTQ0LDQuNDg1MzMzOTIgNC43Miw0LjM2OCBMOS42NjQsMi4zMzYgQzkuODQ1MzM0MjQsMi4yNzE5OTk2OCAxMC4wMjEzMzI1LDIuMjQgMTAuMTkyLDIuMjQgQzEwLjQzNzMzNDYsMi4yNCAxMC42NjY2NjU2LDIuMzE0NjY1OTIgMTAuODgsMi40NjQgQzExLjA5MzMzNDQsMi42MTMzMzQwOCAxMS4yNTg2NjYxLDIuODEwNjY1NDQgMTEuMzc2LDMuMDU2IEwxNC42ODgsMTEuMDI0IFogTTEuNjk2LDEzLjQ4OCBDMS4zNTQ2NjQ5NiwxMy4zNDkzMzI2IDEuMTE0NjY3MzYsMTMuMTE0NjY4MyAwLjk3NiwxMi43ODQgQzAuODM3MzMyNjQsMTIuNDUzMzMxNyAwLjgzNzMzMjY0LDEyLjExNzMzNSAwLjk3NiwxMS43NzYgTDIuNTkyLDcuODcyIEwyLjU5MiwxMy44NzIgTDEuNjk2LDEzLjQ4OCBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC0yKSIgZmlsbD0iIzA3MjY1NCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}

.saved-card-pay-without-emi {
    background-position: 24px 12px;
    padding-left: 48px
}

.fieldset {
    padding: 0 24px
}

h3 {
    color: rgba(64, 70, 101, .54);
    font-size: 13px;
    line-height: 16px;
    text-transform: uppercase;
    font-weight: 400;
    margin-top: 18px
}

h3.text-btn {
    border-bottom: 0;
    font-size: 14px;
    line-height: 40px;
    font-weight: 700;
    margin: 0;
    padding: 0
}

label[for] {
    cursor: pointer
}

.elem-wrap {
    height: 72px
}

.elem-wrap.third {
    float: left;
    width: 33.33%
}

.elem-wrap.third .elem {
    margin-left: 20px
}

.elem-wrap.two-third {
    float: left;
    width: 66.66%
}

.elem {
    color: #424242;
    border-bottom: 1px solid #ebedf0;
    position: relative
}

.elem::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-bottom: 1px solid #ccc;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    pointer-events: none;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

.elem.readonly {
    border-bottom: 1px dashed #ccc
}

.elem.readonly .input {
    opacity: .7 !important;
    pointer-events: none
}

.elem.focused {
    color: #000
}

.elem.focused::after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.elem.invalid.mature:not(.focused) {
    color: #f46060
}

.elem input {
    opacity: 0
}

.elem i {
    position: absolute;
    font-size: 20px;
    bottom: 6px;
    right: 8px;
    color: #8f8f8f
}

.elem label {
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    color: #757575;
    position: absolute;
    top: 28px;
    left: 0;
    z-index: 1;
    pointer-events: none;
    white-space: nowrap
}

#elem-card.recurring .help {
    display: none
}

#elem-card.recurring.focused.invalid.mature .recurring-card-error {
    display: block
}

.font-loaded .elem label {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.filled:not(.input-radio) label,
.focused label {
    -webkit-transform: scale(.86) translateY(-20px);
    -ms-transform: scale(.86) translateY(-20px);
    transform: scale(.86) translateY(-20px)
}

.filled:not(.input-radio) input,
.focused input,
.filled:not(.input-radio) .input-prefix,
.focused .input-prefix {
    opacity: 1
}

.input {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    font-size: inherit;
    border: none;
    outline: none;
    background: 0 0;
    display: block;
    width: 100%;
    line-height: 19px;
    padding: 28px 0 7px;
    margin: 0;
    position: relative;
    color: inherit
}

.select {
    padding: 20px 0 0
}

.select select {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: 1px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    padding: 7px 0
}

select option {
    width: inherit
}

.select-arrow {
    pointer-events: none
}

input[type=checkbox] {
    display: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.list .checkbox,
.checkbox--square+.checkbox {
    width: 16px;
    height: 16px;
    position: relative;
    background: #fff;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.checkbox--square+.checkbox {
    background: #f9f9f9
}

.radio-label {
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.radio-label:hover .checkbox {
    background: #f9f9f9
}

.checked .checkbox::after,
:not(.checkbox--square):checked+.checkbox::after {
    content: "";
    width: 7px;
    height: 3px;
    position: absolute;
    top: 3px;
    left: 2px;
    border: 3px solid #fff;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.checkbox--square:checked+.checkbox::after {
    content: '';
    width: 4px;
    height: 9px;
    border: 1px solid #fff;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    border-left: 0;
    border-top: 0;
    position: absolute;
    -webkit-transform: rotate(40deg) translate(5px, -2px);
    -ms-transform: rotate(40deg) translate(5px, -2px);
    transform: rotate(40deg) translate(5px, -2px)
}

.checkbox {
    vertical-align: middle;
    display: inline-block;
    position: relative;
    top: -1px;
    width: 14px;
    height: 14px;
    margin-right: 5px;
    cursor: pointer;
    background: #fff;
    border: 1px solid #ccc;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

input[type=radio] {
    display: none
}

input[type=radio]:checked+label {
    background: #f0f0f0
}

input[type=radio]:checked+label .item-inner {
    top: 1px
}

input {
    background: 0 0;
    border: none;
    outline: none
}

button {
    cursor: pointer;
    background: 0 0;
    border: none;
    outline: none
}

button[type=submit] {
    display: none
}

@media screen and (min-width:0 0) {
    .help {
        display: none
    }

    .focused.invalid.mature .help {
        display: block
    }
}

#card_cvv:not(.amex)+.help {
    padding-left: 60px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDUiIGhlaWdodD0iMjkiIHZpZXdCb3g9IjAgMCA0NSAyOSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHRpdGxlPmNhcmQ8L3RpdGxlPjxkZWZzPjxyZWN0IGlkPSJjIiB3aWR0aD0iNDQiIGhlaWdodD0iMjgiIHJ4PSIxLjI1NyIvPjxwYXR0ZXJuIGlkPSJkIiB3aWR0aD0iNC44IiBoZWlnaHQ9IjQuOCIgeD0iLTQuOCIgeT0iLTQuOCIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHVzZSB4bGluazpocmVmPSIjYSIgdHJhbnNmb3JtPSJzY2FsZSguMSkiLz48L3BhdHRlcm4+PGltYWdlIGlkPSJhIiB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBREFBQUFBd0NBWUFBQUJYQXZtSEFBQUFBWE5TUjBJQXJzNGM2UUFBQVY5SlJFRlVhQVh0Mk8wTmdqQVFCbUJydDREb0RpYXdFSEVRQjFGM01LN0JIS3hSKzJvS1FmbnNlWENYMEIvU0VyM3p1Y1pJeitSNTduWitPT2Z1WlZtZU1jV2FPRXlXWlZkalRCSGljTVczYVpwZWtNUW5PeVZKY3FpcTZobVNVcTZJZzNpSXl4bmYraVJIN2lTYzhlMVNsZUpDV0d5dlpzUWJvQmxSQTdRaVdnQ05pQitBTmtRblFCT2lGNkFGTVFqUWdCZ0ZTRWRNQWtoR1RBWklSY3dDU0VUTUJraERSQUVrSWFJQlVoQWtnQVFFR2JBMkFnQ0RMMEVkYXgyS3JPOGUzSkNjQ3NEbjEwQ2dLL0hRMkkwSVordzlLdWNYQmZvNG1HSk5IQTc5SmZTQlFoek8rRnRmS0ZTNTY3ckViMkxyQzNWVi92c2U1MDdVZjJTY1NRRGlpbDhET0pPRUhlRkF0QUFhRVQ4QWJZaE9nQ1pFTDBBTFloQ2dBVEVLa0k2WUJKQ01tQXlRaXBnRmtJaVlEWkNHaUFKSVFrUURwQ0JJQUFrSU1tQnRCQUQvT01pelBlK2pRQmg5aitKYlgraFRuK2ExcjFLNDM3d3JmdllkL3dWK1VnYmxEL2JHRmdBQUFBQkpSVTVFcmtKZ2dnPT0iLz48cGF0aCBpZD0iYiIgZD0iTTE4LjIzIDExLjQ1NWgxMy44Mjh2MTAuMTgyaC0xMy44M3oiLz48bWFzayBpZD0iZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjEzLjgyOSIgaGVpZ2h0PSIxMC4xODIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iI2IiLz48L21hc2s+PC9kZWZzPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC42NjMgLjA5MikiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHVzZSBmaWxsPSIjRDlEOUQ5IiB4bGluazpocmVmPSIjYyIvPjx1c2UgZmlsbC1vcGFjaXR5PSIuMiIgZmlsbD0idXJsKCNkKSIgeGxpbms6aHJlZj0iI2MiLz48cGF0aCBmaWxsPSIjMDAwIiBkPSJNMCAyLjU0NWg0NHY1LjA5SDB6Ii8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTAgMTEuNDU1aDMxLjQzdjEwLjE4MkgweiIvPjx0ZXh0IGZvbnQtZmFtaWx5PSJMYXRvLUJvbGQsIExhdG8iIGZvbnQtc2l6ZT0iNS4wMjkiIGZvbnQtd2VpZ2h0PSJib2xkIiBsZXR0ZXItc3BhY2luZz0iLjYyOSIgZmlsbD0iIzAwMCI+PHRzcGFuIHg9IjUuNjU3IiB5PSIxNy43MjciPjQ1NiAxMjM8L3RzcGFuPjwvdGV4dD48dXNlIHN0cm9rZT0iI0M4NDA0MCIgbWFzaz0idXJsKCNlKSIgc3Ryb2tlLXdpZHRoPSIyLjUxNCIgeGxpbms6aHJlZj0iI2IiLz48L2c+PC9zdmc+);
    -webkit-background-size: 44px 28px;
    background-size: 44px 28px;
    background-position: 10px center;
    background-repeat: no-repeat
}

#card_cvv.maestro+.help {
    display: none
}

.dropdown,
.help {
    display: none;
    pointer-events: none;
    opacity: 0;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: .25s ease-in transform, .16s ease-in opacity;
    -o-transition: .25s ease-in transform, .16s ease-in opacity;
    transition: .25s ease-in transform, .16s ease-in opacity
}

#wallets.invalid .help,
.dropdown-parent:focus .dropdown,
.dropdown-parent.focus .dropdown,
.focused.invalid.mature .help,
.selector.mature.focused .help {
    pointer-events: auto;
    display: block;
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition: .2s cubic-bezier(.6, 1.6, .8, 1) transform, .2s ease-out opacity;
    -o-transition: .2s cubic-bezier(.6, 1.6, .8, 1) transform, .2s ease-out opacity;
    transition: .2s cubic-bezier(.6, 1.6, .8, 1) transform, .2s ease-out opacity
}

.titlebar {
    position: relative
}

.titlebar .link {
    position: absolute;
    right: 0;
    top: 0;
    text-transform: uppercase;
    border-bottom: 0;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 1px;
    border-bottom: 0;
    padding: 0
}

.loader {
    width: 100%;
    height: 3px;
    position: relative;
    margin-top: 16px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden
}

.loader::before,
.loader::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%
}

.loader::before {
    top: 1px;
    border-top: 1px solid #bcbcbc
}

.loader::after {
    width: 0%
}

.loader.load::after {
    width: 95%;
    -webkit-transition: 20s cubic-bezier(0, .1, 0, 1);
    -o-transition: 20s cubic-bezier(0, .1, 0, 1);
    transition: 20s cubic-bezier(0, .1, 0, 1)
}

.help {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    color: #fff;
    position: absolute;
    line-height: 16px;
    padding: 8px 12px;
    font-size: 13px;
    background: #555;
    -webkit-box-shadow: rgba(0, 0, 0, .05) 1px 1px 2px 0;
    box-shadow: rgba(0, 0, 0, .05) 1px 1px 2px 0;
    z-index: 3;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    top: 100%;
    margin-top: 10px;
    pointer-events: none !important
}

.help::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #555;
    bottom: 100%;
    left: 20px;
    margin: 0 0 -1px -10px
}

.help.up {
    top: auto;
    bottom: 100%;
    margin-bottom: -15px
}

.help.up::after {
    border-color: #555 transparent transparent;
    top: 100%
}

.btn {
    cursor: pointer;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #29b7d8;
    line-height: 40px;
    color: #fff;
    padding: 0 16px;
    font-weight: 700;
    letter-spacing: .25px;
    text-transform: uppercase
}

.btn:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(40%, rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.1)));
    background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));
    background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));
    background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1))
}

.btn:active {
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .15) inset, 0 0 6px rgba(0, 0, 0, .2) inset;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .15) inset, 0 0 6px rgba(0, 0, 0, .2) inset
}

.input-prefix {
    position: absolute;
    bottom: 8px;
    opacity: 0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.input-prefix+.input {
    padding-left: 10px
}

.customer-bank-details {
    font-size: 13px
}

.customer-bank-details .bank-name {
    margin-left: -24px;
    margin-right: -24px;
    padding: 15px 22px;
    background-color: #fafafa;
    border-bottom: 1px solid #f1f1f1;
    color: #555
}

.customer-bank-details .bank-name>img {
    width: 15px;
    height: 15px;
    float: right;
    margin-top: 3px
}

.customer-bank-details .account-details {
    margin-top: 12px
}

.customer-bank-details .account-details>div:first-child {
    float: left;
    min-width: 110px;
    margin-right: 5px
}

.customer-bank-details .account-details>div:last-child {
    text-align: right
}

#form-card.nocvv .elem-wrap.third {
    display: none
}

#form-card.nocvv .elem-wrap.two-third {
    width: 100%
}

#form-payouts {
    margin-top: 0
}

button.svelte-aqbldb {
    padding: 3px 1px;
    font-size: 12px;
    border-bottom: 1px solid
}

button.svelte-aqbldb:disabled {
    color: #ccc;
    cursor: default
}

.auth-overlay.svelte-yp70gn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    white-space: normal
}

b.svelte-yp70gn {
    margin-bottom: 12px
}

.desc.svelte-yp70gn {
    font-size: 12px;
    color: #555
}

.btn.svelte-yp70gn {
    font-size: 14px;
    margin-top: 16px
}

.backdrop.svelte-196ucwk {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: rgba(0, 0, 0, .3)
}

.backdrop.sub.svelte-196ucwk {
    bottom: -55px
}

#confirmation-dialog.svelte-p21diu.svelte-p21diu {
    top: 6px;
    position: absolute;
    width: 100%;
    z-index: 999
}

.confirm-position-top.svelte-p21diu .confirm-container.svelte-p21diu {
    top: 6px
}

.confirm-position-middle.svelte-p21diu .confirm-container.svelte-p21diu {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.confirm-container.svelte-p21diu.svelte-p21diu {
    background: #fff;
    position: absolute;
    right: 12px;
    left: 12px;
    z-index: 999;
    text-align: left;
    font-size: 14px;
    padding: 24px;
    padding-bottom: 12px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 15px 12px 0 rgba(0, 0, 0, .22), 0 19px 38px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 15px 12px 0 rgba(0, 0, 0, .22), 0 19px 38px 0 rgba(0, 0, 0, .3)
}

.confirm-heading.svelte-p21diu.svelte-p21diu {
    color: #717171;
    letter-spacing: 1px;
    line-height: 17px;
    text-transform: uppercase;
    border-bottom: 1px solid #f3f3f3;
    padding: 0 0 8px
}

.confirm-message.svelte-p21diu.svelte-p21diu {
    margin-top: 12px;
    color: rgba(0, 0, 0, .56);
    line-height: 20px
}

.confirm-buttons.svelte-p21diu.svelte-p21diu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-top: 8px
}

.confirm-buttons.reverse.svelte-p21diu.svelte-p21diu {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.text-btn.svelte-p21diu.svelte-p21diu {
    display: inline-block;
    margin-right: 12px;
    padding-right: 12px;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 40px
}

.fields-container.svelte-1nkmsnh {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    outline: red
}

.fields-container.svelte-1nkmsnh>div:first-child {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 25%;
    -webkit-flex-basis: 25%;
    flex-basis: 25%
}

.fields-container.svelte-1nkmsnh>div:first-child>i {
    -webkit-transform: rotate(-90deg) scale(.5);
    -ms-transform: rotate(-90deg) scale(.5);
    transform: rotate(-90deg) scale(.5)
}

.fields-container.svelte-1nkmsnh>div:last-child {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    margin-left: 16px
}

.transaction-details.svelte-1f9hjyn.svelte-1f9hjyn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: 12px
}

.detail.svelte-1f9hjyn.svelte-1f9hjyn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-flex-preferred-size: 33%;
    -webkit-flex-basis: 33%;
    flex-basis: 33%;
    text-align: center;
    padding: 6px 12px;
    border: 1px solid rgba(0, 0, 0, .08);
    background-color: #fcfcfc;
    min-width: 64px
}

.detail.svelte-1f9hjyn div.svelte-1f9hjyn:nth-of-type(1) {
    font-size: 11px;
    color: #757575;
    margin-bottom: 4px
}

.detail.svelte-1f9hjyn div.svelte-1f9hjyn:nth-of-type(2) {
    font-size: 13px;
    color: #363636
}

.label.svelte-woxefz {
    display: inline-block
}

.fee.svelte-woxefz {
    font-size: .6em
}

.fee-helper.svelte-woxefz {
    font-size: 11px;
    color: #528ff0;
    background: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    height: 16px;
    width: 16px;
    text-align: center;
    display: inline-block;
    margin-bottom: 1em
}

.fee-helper.svelte-woxefz:hover {
    cursor: pointer
}

.fee-tooltip.tooltip.tooltip-bottom {
    position: fixed;
    white-space: normal;
    text-align: left;
    margin: 0;
    -webkit-transform: translateX(-50%) translateY(10px);
    -ms-transform: translateX(-50%) translateY(10px);
    transform: translateX(-50%) translateY(10px);
    left: unset;
    right: unset
}

div.svelte-sa0awm:not(.help) input.svelte-sa0awm {
    opacity: 1;
    width: 100%
}

.with-prediction.svelte-sa0awm .prediction-input.svelte-sa0awm {
    opacity: .5 !important;
    background: 0 0;
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: text;
    pointer-events: none;
    color: #000;
    width: 100%
}

.with-prediction.svelte-sa0awm input.main.svelte-sa0awm {
    background: 0 0;
    color: #000;
    opacity: 1;
    width: 100%
}

.suggestion-dropdown.svelte-sa0awm.svelte-sa0awm {
    position: absolute;
    list-style: none;
    background: #fff;
    z-index: 1;
    padding: 0;
    margin: 0
}

.suggestion-dropdown.svelte-sa0awm li.svelte-sa0awm {
    padding: 9px 12px;
    font-size: 14px;
    border: 1px solid #e6e7e8;
    line-height: 16px
}

.suggestion-dropdown.svelte-sa0awm li.svelte-sa0awm:hover,
.suggestion-dropdown.svelte-sa0awm li.hover.svelte-sa0awm {
    background-color: #f2f3f5
}

#overlay-wrap.drishy.svelte-e25ym1 {
    display: block
}

.minimum-amount-selection.svelte-9ei8tq {
    margin: 12px 0 0
}

.subtitle.subtitle--help.svelte-9ei8tq {
    margin-left: 0 !important
}

.snackbar.svelte-lkjdv3 {
    z-index: 1;
    -webkit-transition: opacity .15s ease-in;
    -o-transition: opacity .15s ease-in;
    transition: opacity .15s ease-in;
    display: block;
    position: absolute;
    background-color: rgba(0, 0, 0, .8);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    padding: 8px 12px;
    right: 10px;
    pointer-events: none
}

.snackbar.svelte-lkjdv3::before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    border-right: 6px solid rgba(0, 0, 0, .8)
}

.snackbar-bottom::before {
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
    top: -3px;
    right: 26px
}

.agreement-text.svelte-1knm6t4 {
    font-size: 12px;
    padding-bottom: 16px
}

.agreement-checkbox.svelte-1knm6t4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-size: 13px;
    position: relative
}

.trusted-badge-wrapper.svelte-jtwrfw {
    padding: 8px 32px
}

.trusted-badge-header-section.svelte-jtwrfw {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    cursor: pointer
}

.trusted-badge-header-labels.svelte-jtwrfw {
    font-size: 16px;
    margin-top: 4px;
    margin-left: 12px;
    display: inline-block;
    line-height: 16px
}

.trusted-badge-list-text.svelte-jtwrfw {
    display: inline-block;
    font-size: 12px;
    line-height: 18px;
    color: #575757;
    margin: 10px 0 0 24px;
    width: 86%
}

.trusted-badge-list-item.svelte-jtwrfw {
    margin-left: 12px
}

.trusted-badge-arrow.svelte-jtwrfw {
    float: right;
    cursor: pointer
}

.trusted-badge-full-width.svelte-jtwrfw {
    width: 100%
}

.trusted-badge-border-top.svelte-jtwrfw {
    padding-top: 16px
}

.screen>.screen-main {
    padding-top: 0 !important
}

.arrow.svelte-jtwrfw {
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px
}

.arrow-up.svelte-jtwrfw {
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg)
}

.arrow-down.svelte-jtwrfw {
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.cancel_modal.svelte-1rll6fp.svelte-1rll6fp {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    -webkit-border-radius: inherit;
    border-radius: inherit
}

.cancel_modal.svelte-1rll6fp p.svelte-1rll6fp {
    margin: 20px;
    font-weight: 700;
    text-align: left
}

.cancel_modal.svelte-1rll6fp label.svelte-1rll6fp {
    text-align: left;
    padding: 7px 0 7px 50px;
    display: block;
    position: relative
}

.cancel_modal.svelte-1rll6fp input[type=radio].svelte-1rll6fp {
    display: inline;
    position: absolute;
    left: 20px
}

.cancel_modal.svelte-1rll6fp .buttons.svelte-1rll6fp {
    margin: 10px 20px 0;
    text-align: right
}

.cancel_modal.svelte-1rll6fp .back-btn.svelte-1rll6fp {
    margin-right: 20px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-weight: 700
}

div#error-message.cancel_netbanking {
    height: 260px;
    overflow: hidden
}

div#error-message.cancel_netbanking #cancel_netbanking {
    display: block
}

.dot.svelte-1vmk6sx {
    cursor: pointer;
    height: 10px;
    width: 10px;
    margin: 0 2px;
    background-color: #bbb;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    -webkit-transition: background-color .6s ease;
    -o-transition: background-color .6s ease;
    transition: background-color .6s ease
}

.active.svelte-1vmk6sx,
.dot.svelte-1vmk6sx:hover {
    background-color: #717171
}

.carousel-dots.svelte-1vmk6sx {
    text-align: center;
    margin-top: 10px;
    position: absolute;
    bottom: 0;
    left: 45%
}

.carousel-wrapper.svelte-1vmk6sx {
    position: relative;
    height: 230px;
    overflow-x: hidden
}

.carousel-track.svelte-1vmk6sx {
    height: 100%;
    width: 100%;
    -ms-overflow-style: none;
    scrollbar-width: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto
}

.carousel-track.svelte-1vmk6sx .carousel-slide {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.carousel-track.svelte-1vmk6sx::-webkit-scrollbar {
    display: none
}

.carousel-offset.svelte-1vmk6sx {
    width: 60px;
    display: inline-block;
    height: 100%;
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

td.svelte-qlsch6 {
    border: 1px solid #ccc;
    background: #fcfcfc;
    padding: 10px 4px;
    line-height: 1.4
}

td.svelte-qlsch6:last-child {
    background: #fafff5
}

td.svelte-qlsch6:nth-child(2) {
    background: #fffcfc
}

table.svelte-qlsch6 {
    width: 100%;
    border-collapse: collapse
}

span.svelte-qlsch6 {
    color: #70c692
}

b.svelte-qlsch6 {
    font-weight: 400;
    color: #333
}

#nocost-overlay {
    padding: 0 16px 16px;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .3);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    position: absolute;
    z-index: 101;
    background: #fff;
    top: 80px;
    left: 10px;
    right: 10px;
    font-size: 12px;
    color: #757575;
    width: auto
}

header.svelte-qlsch6 {
    padding: 16px 0;
    border-bottom: 1px solid #ddd;
    font-size: 16px;
    color: #333
}

.offer-item.svelte-17kxsj1 {
    margin: -1px 12px 0;
    background: #fff;
    border: 1px solid #e6e7e8;
    padding: 14px 16px;
    cursor: pointer;
    line-height: 18px
}

.checkbox.svelte-17kxsj1 {
    position: absolute;
    right: 16px;
    top: 12px
}

.checkbox.svelte-17kxsj1:after {
    border-color: #fff !important
}

.offer-item.selected.svelte-17kxsj1 {
    position: relative
}

.offer-detail.svelte-17kxsj1 {
    border-top: 1px solid #e6e7e8;
    color: #666;
    font-size: 13px;
    margin-top: 14px;
    padding-top: 14px
}

.remove-offer.svelte-17kxsj1 {
    margin-top: 12px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .5px;
    cursor: pointer
}

.badge.svelte-17kxsj1 {
    display: inline-block;
    margin: 0 8px;
    border: 1px solid #70be53;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: #f7fbf5;
    color: #70be53;
    font-size: 10px;
    padding: 0 3px;
    text-transform: uppercase;
    pointer-events: none
}

header.svelte-1aa09rd.svelte-1aa09rd {
    padding: 0 20px;
    cursor: pointer;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 44px;
    -webkit-flex: 0 0 44px;
    flex: 0 0 44px;
    height: 44px;
    line-height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px
}

header.applied.svelte-1aa09rd.svelte-1aa09rd {
    background: #effcf4
}

.offers-container[hidden].svelte-1aa09rd.svelte-1aa09rd {
    display: none
}

.offers-container.has-error.svelte-1aa09rd.svelte-1aa09rd:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .4);
    z-index: 1
}

header.svelte-1aa09rd span.svelte-1aa09rd {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

header.svelte-1aa09rd.svelte-1aa09rd:before {
    content: '\e717';
    font-size: 18px;
    margin: -1px 8px 0 0
}

header.svelte-1aa09rd.svelte-1aa09rd:after {
    content: '\e601';
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-left: auto;
    font-size: 20px
}

.offer-action.svelte-1aa09rd.svelte-1aa09rd {
    float: right;
    margin-right: 4px
}

main.svelte-1aa09rd.svelte-1aa09rd {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 3;
    background: #f7f7f7;
    margin-bottom: 0;
    overflow: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.offerlist-container.svelte-1aa09rd.svelte-1aa09rd {
    overflow: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    padding-bottom: 14px
}

.close-offerlist.svelte-1aa09rd.svelte-1aa09rd {
    line-height: 44px;
    padding: 0 20px;
    cursor: pointer;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.close-offerlist.svelte-1aa09rd span.svelte-1aa09rd {
    text-align: right;
    margin-right: 4px
}

.close-offerlist.svelte-1aa09rd.svelte-1aa09rd:before {
    content: '\e717';
    font-size: 18px;
    margin-right: 8px
}

.close-offerlist.svelte-1aa09rd.svelte-1aa09rd:after {
    margin-top: -2px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.error-container.svelte-1aa09rd.svelte-1aa09rd {
    position: absolute;
    z-index: 1;
    background: #fff;
    -webkit-box-shadow: 0 -2px 5px rgba(0, 0, 0, .2);
    box-shadow: 0 -2px 5px rgba(0, 0, 0, .2);
    bottom: 0;
    right: 0;
    left: 0
}

.error-desc.svelte-1aa09rd.svelte-1aa09rd {
    padding: 16px 24px;
    border-bottom: 1px solid #ddd;
    color: #414141
}

.error-btns.svelte-1aa09rd.svelte-1aa09rd {
    padding: 16px 0
}

.error-btns.svelte-1aa09rd span.svelte-1aa09rd {
    margin-left: 20px;
    padding: 0 4px;
    cursor: pointer
}

legend.svelte-1aa09rd.svelte-1aa09rd {
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: .25px;
    color: #666;
    padding: 12px 14px 6px
}

legend.svelte-1aa09rd small.svelte-1aa09rd {
    text-transform: none;
    font-size: inherit
}

legend.svelte-1aa09rd span.svelte-1aa09rd {
    cursor: pointer
}

.auth-overlay.svelte-1apx85g {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    white-space: normal
}

.desc.svelte-1apx85g {
    font-size: 12px;
    text-align: left;
    color: #757575;
    line-height: 16px
}

.btn.svelte-1apx85g {
    font-size: 14px;
    margin-top: 16px
}

#rewards-cta {
    width: 56px
}

i.rewards-icon.svelte-f5c9ie {
    width: 27px
}

.reward-card.svelte-12hnpgx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 116px;
    width: 72px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 10px;
    background: -webkit-linear-gradient(250.28deg, #fff 1.23%, #f8f8f8 99.45%);
    background: -o-linear-gradient(250.28deg, #fff 1.23%, #f8f8f8 99.45%);
    background: linear-gradient(199.72deg, #fff 1.23%, #f8f8f8 99.45%);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .18);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .18);
    border-radius: 5px;
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.mobile .reward-card.svelte-12hnpgx {
    height: 177px;
    width: 189px;
    margin-right: 20px
}

.full-width.svelte-12hnpgx {
    width: 100%
}

.reward-logo.svelte-12hnpgx {
    max-width: 50px
}

.mobile .reward-logo.svelte-12hnpgx {
    width: 100px;
    max-width: 100px
}

.mobile .reward-text.svelte-12hnpgx {
    font-size: 16px
}

.reward-text.svelte-12hnpgx {
    font-size: 12px
}

.flex-center.svelte-12hnpgx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.logo-container.svelte-12hnpgx {
    height: 80%
}

.reward-text.svelte-12hnpgx {
    height: 20%
}

.rewards-wrapper.svelte-rs9xxk {
    white-space: normal
}

.rewards-header.svelte-rs9xxk {
    line-height: 1.4;
    font-size: 17px;
    margin-bottom: 24px
}

.rewards-subtext.svelte-rs9xxk {
    font-size: 14px;
    color: rgba(81, 89, 120, .7);
    margin-top: 16px;
    margin-bottom: 24px
}

.rewards-list.svelte-rs9xxk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    position: relative
}

.mobile .rewards-list.svelte-rs9xxk {
    display: block
}

.rewards-divider.svelte-rs9xxk {
    border: 1px solid rgba(0, 0, 0, .04);
    width: 100%
}

.rewards-close.svelte-rs9xxk {
    color: #3f71d7;
    margin-top: 20px;
    cursor: pointer
}

.rewards-triangle.svelte-rs9xxk {
    border: 0 solid #fff;
    border-left-width: 12px;
    border-right-width: 12px;
    border-top-width: 12px;
    border-bottom-width: 12px;
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    width: 0;
    height: 0;
    position: absolute;
    right: 28px;
    top: -24px
}

.mobile .rewards-header.svelte-rs9xxk {
    margin-bottom: 24px
}

.mobile .rewards-subtext.svelte-rs9xxk {
    margin-top: 30px;
    margin-bottom: 30px
}

.mobile .rewards-wrapper.svelte-rs9xxk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around
}

.mobile .rewards-triangle.svelte-rs9xxk {
    display: none
}

.async-loading.svelte-1qdmvex .message.svelte-1qdmvex {
    white-space: normal;
    padding: 20px 30px;
    line-height: 22px;
    text-align: center
}

.attachment.svelte-ytmgg.svelte-ytmgg {
    border: 1px solid #528ff0;
    border-left-width: 3px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 8px;
    background-color: #f6faff
}

.attachment.svelte-ytmgg>.stack {
    position: relative;
    padding-right: 24px
}

.attachment-icon.svelte-ytmgg.svelte-ytmgg {
    margin-right: 8px
}

.attachment-icon.svelte-ytmgg svg.svelte-ytmgg {
    height: 16px;
    width: 22px
}

.attachment-item.svelte-ytmgg.svelte-ytmgg {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.attachment-remove.svelte-ytmgg.svelte-ytmgg {
    position: absolute;
    right: 0
}

.attachment-remove.svelte-ytmgg button.svelte-ytmgg {
    display: block;
    padding: 0;
    color: #fff;
    background-color: #a6c1ec;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid transparent;
    -webkit-transition: .15s linear;
    -o-transition: .15s linear;
    transition: .15s linear;
    line-height: 1em;
    text-align: center;
    font-size: 12px;
    width: 1.5em;
    height: 1.5em
}

.attachment-remove.svelte-ytmgg button.svelte-ytmgg:active,
.attachment-remove.svelte-ytmgg button.svelte-ytmgg:focus,
.attachment-remove.svelte-ytmgg button.svelte-ytmgg:hover {
    border-color: #528ff0
}

#deactivated-blocked.svelte-1yp1n26 {
    padding: 20px;
    font-size: 16px;
    line-height: 20px;
    pointer-events: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 100%
}

.screen-bottom .callout {
    position: static
}

div.svelte-1y0c7cw {
    display: block;
    background: #fcfcfc;
    border: 1px solid #ebedf0;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, .04);
    box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, .04);
    padding: 12px;
    position: relative
}

.flow-selection-container.svelte-3z78nt.svelte-3z78nt {
    margin: 16px 0 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.flow-selection-container.svelte-3z78nt>.svelte-3z78nt {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

.flow-selection-container.svelte-3z78nt>label.svelte-3z78nt {
    text-transform: uppercase;
    color: rgba(0, 0, 0, .64);
    font-size: 12px;
    letter-spacing: 1px;
    margin-bottom: 4px
}

.card-offer.svelte-3cqe5h {
    pointer-events: none;
    font-size: 12px;
    padding-bottom: 14px
}

label.svelte-10iltup {
    cursor: pointer;
    min-height: 24px;
    white-space: normal
}

input.svelte-10iltup {
    display: block;
    width: 16px;
    height: 16px;
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    position: relative;
    margin: 0;
    margin-right: 6px;
    z-index: 0
}

input.svelte-10iltup::before {
    content: '';
    background: #fff;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    z-index: 1
}

input.svelte-10iltup::after {
    content: '';
    width: 4px;
    height: 9px;
    border: 1px solid #fff;
    border-left: 0;
    border-top: 0;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    -webkit-transform: rotate(40deg) translate(5px, -2px);
    -ms-transform: rotate(40deg) translate(5px, -2px);
    transform: rotate(40deg) translate(5px, -2px);
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    z-index: 1
}

.arrow.svelte-1gzzoyz {
    display: inline-block;
    font-size: 8px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.dcc-view.svelte-1gzzoyz {
    display: none;
    border-top: 1px solid #ebedf0;
    padding: 10px 24px;
    font-size: 13px
}

.dcc-view.visible.svelte-1gzzoyz {
    display: block
}

.dcc-view.svelte-1gzzoyz>.stack {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.dcc-view.svelte-1gzzoyz .input-radio:not(:last-child) {
    margin-right: 16px
}

.small-text.svelte-1gzzoyz {
    font-size: 12px
}

.more-btn.svelte-1gzzoyz {
    text-transform: none;
    letter-spacing: normal;
    cursor: pointer
}

.default-currencies.svelte-1gzzoyz {
    margin-bottom: 6px
}

.expandable-card-title.svelte-17xxi06>.stack {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

.expandable-card-title.svelte-17xxi06>.stack>[slot=title] {
    line-height: 24px
}

.outer.svelte-1cac35y {
    margin: 0 -24px;
    padding: 6px 24px;
    height: 20px;
    background: rgba(0, 0, 0, .1);
    clear: both;
    background: #865b00
}

.selected.svelte-1cac35y {
    position: relative;
    width: 56px;
    padding-right: 14px;
    cursor: pointer
}

.selected.svelte-1cac35y::after {
    font-size: 16px;
    line-height: 16px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0
}

.dropdown-options.svelte-1cac35y {
    position: absolute;
    width: 128px;
    background-color: #fff;
    color: #000;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #ddd;
    padding-left: 0;
    left: 14px
}

li.svelte-1cac35y {
    list-style: none;
    padding: 10px;
    font-size: 14px;
    line-height: 19px;
    cursor: pointer
}

li.svelte-1cac35y:hover {
    background: #f5f5f5
}

li.svelte-1cac35y:first-child::before,
li.svelte-1cac35y:first-child::after {
    content: '';
    top: -10px;
    left: 65px;
    position: absolute;
    border-width: 0 10px 10px;
    border-color: transparent transparent #ddd;
    border-style: solid
}

li.svelte-1cac35y:first-child::after {
    margin-top: 1px;
    border-color: transparent transparent #fff
}

li.svelte-1cac35y:first-child:hover::after {
    border-color: transparent transparent #f5f5f5
}

div[slot=icon][higher-css-specificity].full-opacity.higher-spec.svelte-noglm8 {
    opacity: 1;
    margin-right: 0
}

div[slot=subtitle].svelte-noglm8 {
    color: rgba(81, 89, 120, .7)
}

div.svelte-6n2kkg {
    border: 1px solid #f6e1b3;
    border-left-width: 4px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 12px 18px;
    color: #8e8b80;
    background-color: #fffcf2;
    line-height: 20px;
    font-size: 14px;
    margin: 12px 0
}

div.svelte-6n2kkg ol {
    padding-left: 12px;
    margin: 0
}

.instrument-info {
    color: #999;
    font-size: 12px
}

label.svelte-1se51bd {
    min-width: 18px
}

span.svelte-thcrg1 {
    color: #000
}

.search-curtain.svelte-1l2wmbb.svelte-1l2wmbb {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    text-align: left;
    font-family: lato, ubuntu, helvetica, sans-serif
}

.search-curtain-bg.svelte-1l2wmbb.svelte-1l2wmbb {
    background-color: rgba(0, 0, 0, .5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.search-curtain.svelte-1l2wmbb.svelte-1l2wmbb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    z-index: 3
}

.search-box.svelte-1l2wmbb.svelte-1l2wmbb {
    position: relative;
    background-color: #fff;
    width: 100%;
    height: 100%;
    width: 90%;
    height: 90%
}

.search-box.svelte-1l2wmbb>.stack {
    height: 100%
}

.search-results.svelte-1l2wmbb.svelte-1l2wmbb {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    overflow: auto
}

.list-header.svelte-1l2wmbb.svelte-1l2wmbb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: .8rem;
    line-height: 13px;
    margin-top: 16px;
    margin-bottom: 4px;
    color: rgba(117, 117, 117, .58)
}

.has-query.svelte-1l2wmbb .list-header.svelte-1l2wmbb {
    margin-top: 4px
}

.list-header.svelte-1l2wmbb .text.svelte-1l2wmbb {
    margin-left: 14px;
    margin-right: 8px
}

.list-header.svelte-1l2wmbb .divider.svelte-1l2wmbb {
    background-color: #eee;
    height: 1px;
    -webkit-border-top-left-radius: 1px;
    border-top-left-radius: 1px;
    -webkit-border-bottom-left-radius: 1px;
    border-bottom-left-radius: 1px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    margin-top: 2px
}

.search-field.svelte-1l2wmbb.svelte-1l2wmbb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-shadow: 0 6px 4px rgba(196, 196, 196, .2);
    box-shadow: 0 6px 4px rgba(196, 196, 196, .2)
}

.search-field.svelte-1l2wmbb>.svelte-1l2wmbb {
    height: 48px
}

.search-field.svelte-1l2wmbb .icon.svelte-1l2wmbb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    line-height: 0;
    height: 48px;
    width: 56px
}

.search-field.svelte-1l2wmbb .icon.svelte-1l2wmbb svg {
    width: 20px;
    height: 20px
}

.search-field.svelte-1l2wmbb input.svelte-1l2wmbb {
    color: #888;
    width: 100%;
    font-size: 1rem
}

.search-field.svelte-1l2wmbb input.svelte-1l2wmbb::-webkit-input-placeholder {
    color: #888
}

.search-field.svelte-1l2wmbb input.svelte-1l2wmbb::-moz-placeholder {
    color: #888
}

.search-field.svelte-1l2wmbb input.svelte-1l2wmbb:-ms-input-placeholder {
    color: #888
}

.search-field.svelte-1l2wmbb input.svelte-1l2wmbb::placeholder {
    color: #888
}

.list.svelte-1l2wmbb.svelte-1l2wmbb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow-y: auto;
    margin: 0;
    padding: 0
}

.list-item.svelte-1l2wmbb.svelte-1l2wmbb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 14px;
    border-bottom: 1px solid #eee;
    color: #424242;
    cursor: pointer
}

.has-query.svelte-1l2wmbb .list.results .list-item.svelte-1l2wmbb:last-child {
    border-bottom: none
}

.list-item.svelte-1l2wmbb.svelte-1l2wmbb:hover {
    background-color: #efefef
}

.list-item.focused.svelte-1l2wmbb.svelte-1l2wmbb {
    background-color: #e4e4e4
}

.no-results.svelte-1l2wmbb.svelte-1l2wmbb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
    padding: 20px 24px;
    color: #888
}

.customer-bank-details.svelte-1m74gw8 {
    padding: 24px
}

div.wrap.svelte-1ykzwma {
    padding: 0 24px;
    margin-top: 24px
}

#elem-wrap-address.svelte-1ykzwma {
    height: 52px
}

textarea.svelte-1x4903z {
    width: 100%;
    resize: none;
    max-height: 45px;
    padding-top: 0
}

label.svelte-1x4903z {
    top: 0
}

#card_cvv {
    font-family: rzpcvv
}

.field-container.svelte-11ra9w6 {
    position: relative
}

.icon.svelte-11ra9w6 {
    position: absolute;
    right: 4px;
    top: 30px;
    bottom: 0;
    width: 24px
}

.account-number-field.svelte-y1ni1l.svelte-y1ni1l {
    position: relative
}

.bank-icon.svelte-y1ni1l.svelte-y1ni1l {
    position: absolute;
    right: 0;
    top: 24px;
    width: 18px;
    height: 18px
}

.bank-icon.svelte-y1ni1l img.svelte-y1ni1l {
    max-width: 100%;
    max-height: 100%
}

.selected-option.svelte-1lv4o7p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 24px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #333;
    padding: 12px;
    border: 1px solid #e6e7e8;
    background-color: #fcfcfc
}

.option-icon {
    width: 32px;
    margin-right: 16px
}

button.svelte-13rsokc {
    background: #fff;
    border: 1px solid #e6e7e8;
    display: block;
    width: 100%;
    text-align: left;
    text-align: start;
    -webkit-transition-duration: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-property: border, background;
    -o-transition-property: border, background;
    transition-property: border, background;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear
}

button.svelte-13rsokc:disabled {
    background-color: #f7f7f7;
    cursor: not-allowed
}

button.svelte-13rsokc:disabled>.stack>[slot=icon] {
    opacity: .3
}

div.svelte-13rsokc {
    overflow: hidden
}

button.svelte-65z2kb {
    background: #fff;
    border: 1px solid #e6e7e8;
    display: block;
    width: 100%;
    -webkit-transition-duration: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-property: border, background;
    -o-transition-property: border, background;
    transition-property: border, background;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear
}

div.svelte-65z2kb {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

button.svelte-65z2kb .input-radio.slotted .radio-display {
    position: static;
    top: 0;
    position: unset;
    top: unset
}

.radio.svelte-65z2kb {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0
}

.radio.top.svelte-65z2kb {
    -ms-flex-item-align: start;
    -webkit-align-self: start;
    align-self: start
}

.radio.reverse.svelte-65z2kb {
    margin-right: 12px
}

.overflow.svelte-65z2kb {
    overflow: visible
}

.middle.svelte-1sze0uw {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    padding-left: 12px
}

.left.svelte-1sze0uw,
.right.svelte-1sze0uw {
    min-width: 36px
}

.left.svelte-1sze0uw {
    border-right: 1px solid #888
}

.right.svelte-1sze0uw {
    text-align: right;
    border-left: 1px solid #888
}

.bottom[tab].svelte-1fkaw8s {
    display: none
}

#form-common.drishy~#bottom .bottom[tab=common],
#form-card.drishy~#bottom .bottom[tab=card],
#form-emiplans.drishy~#bottom .bottom[tab=emiplans],
#form-qr.drishy~#bottom .bottom[tab=qr] {
    display: block
}

.screen.svelte-zhrels.svelte-zhrels {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: 100%;
    overflow: auto;
    position: relative
}

.shadow.svelte-zhrels.svelte-zhrels {
    position: absolute;
    -webkit-transition: max-height .3s cubic-bezier(.14, 1.12, .44, .93);
    -o-transition: max-height .3s cubic-bezier(.14, 1.12, .44, .93);
    transition: max-height .3s cubic-bezier(.14, 1.12, .44, .93);
    height: 32px;
    max-height: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
    z-index: 1
}

.shadow-top.svelte-zhrels.svelte-zhrels {
    top: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(0%, rgba(255, 255, 255, 0)), color-stop(51%, rgba(255, 255, 255, 0.439)), color-stop(82%, rgba(255, 255, 255, 0.831)), to(rgba(255, 255, 255, 0.848)));
    background: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(0%, rgba(255, 255, 255, 0)), color-stop(51%, rgba(255, 255, 255, 0.439)), color-stop(82%, rgba(255, 255, 255, 0.831)), to(rgba(255, 255, 255, 0.848)));
    background: -webkit-linear-gradient(0, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.439) 51%, rgba(255, 255, 255, 0.831) 82%, rgba(255, 255, 255, 0.848) 100%);
    background: -o-linear-gradient(0, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.439) 51%, rgba(255, 255, 255, 0.831) 82%, rgba(255, 255, 255, 0.848) 100%);
    background: linear-gradient(0, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.439) 51%, rgba(255, 255, 255, 0.831) 82%, rgba(255, 255, 255, 0.848) 100%)
}

.shadow-bottom.svelte-zhrels.svelte-zhrels {
    bottom: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(0%, rgba(0, 0, 0, 0.2)), to(rgba(255, 255, 255, 0)));
    background: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(0%, rgba(0, 0, 0, 0.2)), to(rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(0, rgba(0, 0, 0, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(0, rgba(0, 0, 0, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(0, rgba(0, 0, 0, 0.2) 0%, rgba(255, 255, 255, 0) 100%)
}

.bottomShadow.svelte-zhrels~.shadow-bottom.svelte-zhrels {
    max-height: 24px
}

.stack.svelte-12i0eli {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.stack.inline.svelte-12i0eli {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex
}

.stack.horizontal.svelte-12i0eli {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row
}

.stack.vertical.svelte-12i0eli {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.stack.reverse.horizontal.svelte-12i0eli {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.stack.reverse.vertical.svelte-12i0eli {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse
}

div.svelte-1cjulgn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-line-pack: stretch;
    -webkit-align-content: stretch;
    align-content: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .04);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .04)
}

div.svelte-1ap4ad2.svelte-1ap4ad2:not(.ref-text) {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    -webkit-order: 0;
    order: 0;
    width: 33.33%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-item-align: auto;
    -webkit-align-self: auto;
    align-self: auto;
    display: inline-block;
    outline: 1px solid #ebedf0;
    padding: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    -webkit-transition: .3s background;
    -o-transition: .3s background;
    transition: .3s background;
    cursor: pointer;
    height: 68px;
    position: relative;
    background: #fcfcfc
}

div.svelte-1ap4ad2.svelte-1ap4ad2:not(.ref-text):hover {
    background: #efefef
}

div.svelte-1ap4ad2>.ref-text.svelte-1ap4ad2 {
    position: absolute;
    bottom: 12px;
    left: 0;
    right: 0;
    font-size: 12px;
    line-height: 15px
}

div.svelte-1ap4ad2 img,
div.svelte-1ap4ad2 svg {
    position: absolute;
    height: 24px;
    top: 12px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.bank_transfer-container.svelte-efvt27 {
    padding: 15px 0;
    font-size: 13px
}

.bank_transfer-message.svelte-efvt27 {
    line-height: 18px;
    color: rgba(81, 89, 120, .7);
    text-align: left
}

.neft-details.svelte-efvt27 {
    margin: 16px -12px 0;
    padding: 10px 5px;
    border: 1px solid rgba(0, 0, 0, .08);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, .01);
    box-shadow: 4px 4px 4px rgba(0, 0, 0, .01)
}

.ct-tr.svelte-efvt27 {
    padding: 5px 10px;
    text-align: left
}

.ct-th.svelte-efvt27 {
    width: 45%;
    display: inline-block;
    color: rgba(81, 89, 120, .7)
}

.ct-td.svelte-efvt27 {
    display: inline-block;
    width: 50%;
    vertical-align: text-top;
    text-align: left;
    color: #424242
}

.ct-note.svelte-efvt27 {
    font-size: 12px;
    line-height: 16px
}

.error.svelte-efvt27 {
    margin-top: 20px;
    text-align: center
}

.btn.svelte-efvt27 {
    display: inline-block;
    margin-top: 20px
}

.print.svelte-efvt27 {
    margin-top: 14px;
    text-align: left;
    color: #3964a8;
    cursor: pointer
}

.row.svelte-r52vi2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-top: 12px;
    margin-bottom: 12px
}

.row.card-fields.svelte-r52vi2 {
    margin-top: 0;
    margin-bottom: 0
}

.remember-check.svelte-r52vi2 {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: 20px
}

.two-third.svelte-r52vi2 {
    width: 66.66%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

.third.svelte-r52vi2 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 20px;
    width: 33.33%
}

.faded.svelte-r52vi2 {
    opacity: .5
}

#show-saved-cards.svelte-2jlqn {
    padding-top: 12px;
    padding-bottom: 12px;
    cursor: pointer;
    height: unset;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    -webkit-transition-delay: .15s;
    -o-transition-delay: .15s;
    transition-delay: .15s;
    z-index: 1;
    line-height: 24px;
    margin-bottom: -12px;
    position: relative
}

.instrument-subtext-description.svelte-2jlqn {
    margin: 12px 0
}

.legend.svelte-fe9hcn.svelte-fe9hcn {
    text-align: left;
    padding-left: 12px;
    margin-top: 10px
}

.desc.svelte-fe9hcn.svelte-fe9hcn {
    display: block;
    color: #777;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden
}

#emandate-bank.svelte-fe9hcn.svelte-fe9hcn {
    border: 1px solid #e6e7e8;
    padding: 14px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

#emandate-bank.svelte-fe9hcn .bank-icon.svelte-fe9hcn {
    top: 23px;
    left: 14px;
    margin: 0
}

#emandate-bank.svelte-fe9hcn .bank-name.svelte-fe9hcn {
    font-size: 14px
}

#emandate-bank.svelte-fe9hcn .btn-change-bank.svelte-fe9hcn {
    font-size: 12px;
    cursor: pointer;
    margin-top: -14px;
    margin-bottom: -14px;
    line-height: 40px;
    margin-left: auto
}

#emandate-bank.svelte-fe9hcn .btn-change-bank.svelte-fe9hcn:after {
    content: '\e601';
    font-size: 22px;
    position: relative;
    left: 4px;
    top: 1px
}

#emandate-options.svelte-fe9hcn.svelte-fe9hcn {
    border: 1px solid #eee;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #f9fafb
}

.auth-option.svelte-fe9hcn.svelte-fe9hcn {
    width: auto;
    float: none;
    position: relative;
    border: 0;
    padding: 14px 0;
    text-align: left;
    cursor: pointer
}

.auth-option.svelte-fe9hcn.svelte-fe9hcn:not(:first-child) {
    border-top: 1px solid #eee
}

.auth-option.svelte-fe9hcn i.svelte-fe9hcn {
    float: left;
    font-size: 32px;
    margin: 2px 16px;
    line-height: 30px;
    min-width: 27px;
    width: 27px;
    height: 27px
}

.auth-option.svelte-fe9hcn label.svelte-fe9hcn:after {
    content: '\e604';
    position: absolute;
    right: 16px;
    top: 20px;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    color: #777
}

#emandate-options.svelte-fe9hcn .auth-option.disabled .desc.svelte-fe9hcn {
    display: none
}

#emandate-options.svelte-fe9hcn .auth-option.disabled:hover label.svelte-fe9hcn {
    background: #efefef
}

#emandate-options.svelte-fe9hcn .auth-option.disabled .theme.svelte-fe9hcn {
    color: #80859b
}

.emandate-auth-selection.svelte-fe9hcn.svelte-fe9hcn {
    padding-top: 12px
}

#emandate-inner.svelte-fe9hcn.svelte-fe9hcn {
    padding: 0 12px
}

#emandate-inner.svelte-fe9hcn .bank-icon.svelte-fe9hcn {
    width: 18px;
    height: 18px;
    margin-right: 10px
}

.emandate-fields.svelte-fe9hcn.svelte-fe9hcn {
    padding: 0 12px
}

.bank-icon.svelte-fe9hcn img.svelte-fe9hcn {
    max-width: 100%;
    max-height: 100%
}

input[name=emi-contact] {
    padding-top: 12px;
    font-size: 14px
}

input:-webkit-autofill {
    background-color: transparent
}

.title.svelte-hihlmo:nth-of-type(1) {
    margin-top: 16px
}

.contact.svelte-hihlmo {
    color: rgba(51, 51, 51, .6);
    font-size: 13px;
    padding: 12px;
    border: 1px solid #e6e7e8;
    background-color: #fcfcfc
}

.contact.svelte-hihlmo i {
    z-index: 2
}

.emi-contact.svelte-hihlmo {
    margin-left: -12px;
    margin-right: -12px
}

span.inline-block.svelte-1nex4v9 {
    display: inline-block
}

.how-it-works.svelte-1nex4v9 {
    margin-top: 6px
}

.right.svelte-1nex4v9 {
    float: right
}

.nocost.svelte-1nex4v9 {
    line-height: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    margin: -10px 0 6px !important;
    padding-bottom: 6px
}

.processing-fee-disclaimer.svelte-1nex4v9 {
    padding-top: 8px;
    margin-top: 8px;
    border-top: 1px solid #e6e7e8
}

.citi-link.svelte-1nex4v9 {
    text-decoration: underline
}

.citi-link.svelte-1nex4v9:hover {
    font-weight: 700;
    color: #626a74
}

.citi-url.svelte-1nex4v9 {
    color: #528ff0;
    word-break: break-word
}

.citi-url.svelte-1nex4v9:hover {
    color: #0a47c1
}

.actionlink-container.svelte-1sp2zgj {
    margin: 12px 0
}

.emi-branding-callout {
    padding-left: 12px !important;
    background: #fff !important
}

.emi-branding-callout img.svelte-1sp2zgj {
    max-height: 24px
}

.new-method {
    padding: 16px
}

i.svelte-1adm44z {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-right: 16px;
    width: 24px;
    min-width: 24px;
    text-align: center
}

i.svelte-1adm44z .gpay-icon {
    margin-left: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0;
    -webkit-flex: 1 1 0;
    flex: 1 1 0
}

i.svelte-1adm44z svg {
    height: 24px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0;
    -webkit-flex: 1 1 0;
    flex: 1 1 0;
    width: auto
}

div[slot=title].svelte-1adm44z {
    margin: 0;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.1rem;
    color: #333;
    text-transform: none
}

div[slot=subtitle].svelte-1adm44z {
    margin: 4px 0 0;
    line-height: 1rem;
    color: rgb(57 100 168)
}

.border-list.svelte-mvkwd0.svelte-mvkwd0 {
    margin-bottom: 24px
}

.border-list.svelte-mvkwd0>.skeleton-instrument:nth-child(2n) span::after {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.border-list.svelte-mvkwd0>.skeleton-instrument:nth-child(3n) span::after {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.title.svelte-mvkwd0.svelte-mvkwd0 {
    margin-top: 0
}

.methods-block.svelte-mvkwd0+.methods-block.svelte-mvkwd0 {
    margin-top: 28px
}

.details-block.svelte-1kwgdpn {
    padding: 0 24px
}

.partial-payment-block.svelte-1kwgdpn {
    padding: 0 12px 12px
}

.multi-tpv-block.svelte-1kwgdpn {
    padding: 0 12px 12px
}

.contact-field.svelte-1kwgdpn>* {
    margin-bottom: 16px
}

.border-list.svelte-gnrme0 {
    margin-bottom: 24px
}

.screen-main.svelte-qxv6ic.svelte-qxv6ic {
    padding-top: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.secured-message.svelte-qxv6ic.svelte-qxv6ic {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 12px 0 12px 24px;
    font-size: 13px;
    color: rgba(51, 51, 51, .6)
}

.secured-message.svelte-qxv6ic i.svelte-qxv6ic {
    margin-right: 8px;
    position: relative;
    top: 2px
}

.home-methods.svelte-qxv6ic.svelte-qxv6ic {
    padding-left: 12px;
    padding-right: 12px;
    margin-top: 8px
}

.details-container.svelte-qxv6ic.svelte-qxv6ic {
    margin: 12px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.details-container.svelte-qxv6ic .stack>div:nth-of-type(1) {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

.details-container.svelte-qxv6ic div[slot=title].svelte-qxv6ic {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.details-container.svelte-qxv6ic div[slot=title] span.svelte-qxv6ic:first-child {
    font-size: .9rem;
    color: #363636
}

.details-container.svelte-qxv6ic div[slot=title] span.svelte-qxv6ic:nth-child(2) {
    font-size: .7rem;
    color: #757575;
    margin-left: 8px;
    padding-left: 8px;
    border-left: solid 1px #757575
}

.details-strip.svelte-qxv6ic.svelte-qxv6ic {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

#user-details {
    min-width: 0
}

.solidbg.svelte-qxv6ic.svelte-qxv6ic {
    background: #fff;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    -webkit-order: -1;
    order: -1
}

span.svelte-19f5mki {
    display: inline-block;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

span.svelte-19taeco {
    display: inline-block;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

div[slot=extra].svelte-19taeco .elem .input {
    padding: 0;
    width: 40px;
    letter-spacing: -3px;
    font-family: rzpcvv
}

div.svelte-1j4elzn {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding: 12px 16px;
    border: 1px solid #e6e7e8
}

span.svelte-1j4elzn {
    width: 100%;
    height: 22px;
    height: 22px;
    overflow: hidden;
    position: relative;
    display: block;
    background-color: #fafafa
}

span.svelte-1j4elzn::after {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    content: '';
    background: -webkit-gradient(linear, left top, right top, from(#fbfbfb), color-stop(33.33%, #e3e3e3), color-stop(66.66%, #fbfbfb), to(#fbfbfb));
    background: -webkit-gradient(linear, left top, right top, from(#fbfbfb), color-stop(33.33%, #e3e3e3), color-stop(66.66%, #fbfbfb), to(#fbfbfb));
    background: -webkit-linear-gradient(left, #fbfbfb 0%, #e3e3e3 33.33%, #fbfbfb 66.66%, #fbfbfb 100%);
    background: -o-linear-gradient(left, #fbfbfb 0%, #e3e3e3 33.33%, #fbfbfb 66.66%, #fbfbfb 100%);
    background: linear-gradient(90deg, #fbfbfb 0%, #e3e3e3 33.33%, #fbfbfb 66.66%, #fbfbfb 100%);
    -webkit-animation: instrument-skeleton 2s ease-in-out infinite;
    animation: instrument-skeleton 2s ease-in-out infinite;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

div[slot=subtitle].svelte-116p6oc:not(:empty) {
    padding-bottom: 16px
}

svg.svelte-1d3n2tn {
    max-height: 114px
}

.ref-illustration.svelte-8mgd3t {
    text-align: center
}

.netb-bank.svelte-xjs2xa.svelte-xjs2xa {
    overflow: visible
}

.netb-bank.disabled.svelte-xjs2xa.svelte-xjs2xa {
    cursor: default
}

.netb-bank.disabled.svelte-xjs2xa .item-inner.svelte-xjs2xa {
    opacity: .3
}

#netb-banks.svelte-17mx1bk {
    overflow: hidden
}

.ref-radiocontainer.svelte-17mx1bk {
    margin-top: -6px;
    margin-bottom: 18px
}

.input-radio.svelte-17mx1bk:first-of-type {
    margin-top: 4px
}

.dropdown-like.svelte-17mx1bk {
    width: 100%;
    text-align: left;
    text-align: start
}

#bank-select.svelte-17mx1bk {
    padding-top: 0;
    margin-top: 12px
}

.otp-title.svelte-zjhdk4.svelte-zjhdk4 {
    margin: 0 40px;
    line-height: 150%
}

.otp-screen-contents.svelte-zjhdk4.svelte-zjhdk4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.otp-controls.svelte-zjhdk4.svelte-zjhdk4 {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    padding-left: 24px;
    padding-right: 24px
}

.otp-screen-contents.svelte-zjhdk4 .otp-controls.svelte-zjhdk4:first-child {
    margin-top: 40px
}

.otp-screen-contents .card-box:first-child {
    margin-bottom: 12px;
    padding-left: 24px;
    padding-right: 24px
}

.otp-screen-contents.svelte-zjhdk4.svelte-zjhdk4:first-child {
    margin-top: 12px
}

#otp-elem.compact.svelte-zjhdk4 .help.svelte-zjhdk4 {
    display: none
}

.security-text.svelte-zjhdk4.svelte-zjhdk4 {
    background: #fafafa;
    color: #999;
    font-size: 12px;
    text-align: center;
    padding: 12px;
    padding-bottom: 24px
}

.fields-container.svelte-6j50om {
    padding: 16px
}

.instrument-group.svelte-habe5g.svelte-habe5g {
    font-size: 13px
}

.instrument-group.svelte-habe5g.svelte-habe5g {
    -webkit-box-shadow: 0 2px 4px rgba(61, 64, 72, .06);
    box-shadow: 0 2px 4px rgba(61, 64, 72, .06);
    margin: 12px
}

.instrument-header.svelte-habe5g.svelte-habe5g,
.instrument-add.svelte-habe5g.svelte-habe5g {
    padding: 14px 60px 16px 40px;
    position: relative
}

.instrument-header.svelte-habe5g.svelte-habe5g {
    border: 1px solid #e6e7e8;
    border-bottom: none;
    position: relative
}

.instrument-add.svelte-habe5g.svelte-habe5g {
    border: 1px solid #e6e7e8;
    padding: 12px 60px 14px 40px !important
}

.icon-left.svelte-habe5g.svelte-habe5g {
    position: absolute;
    left: 12px;
    top: 12px;
    width: 18px;
    height: auto
}

.ref-nbicon.svelte-habe5g.svelte-habe5g {
    left: 14px;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    top: 14px
}

.icon.icon-add.svelte-habe5g.svelte-habe5g {
    font-size: 20px;
    left: 18px;
    top: 10px
}

.instrument-header.svelte-habe5g .header-text.svelte-habe5g {
    text-transform: uppercase;
    color: #072654
}

.instrument-add.svelte-habe5g.svelte-habe5g {
    cursor: pointer;
    color: #072654
}

.instrument-info.svelte-habe5g.svelte-habe5g {
    color: #999;
    font-size: 12px
}

.instrument-add.svelte-habe5g.svelte-habe5g:after {
    content: '\e604';
    font-size: 10px;
    position: absolute;
    right: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
    margin-top: .2em
}

.title.svelte-habe5g.svelte-habe5g {
    padding: 14px 14px 0
}

h3.svelte-habe5g.svelte-habe5g {
    margin: 0;
    font-weight: 700;
    color: #000;
    font-size: 14px;
    line-height: 15px;
    text-transform: unset
}

p.svelte-habe5g.svelte-habe5g {
    font-size: 12px;
    margin-top: 8px;
    font-weight: 100;
    color: #999
}

.options.svelte-habe5g.svelte-habe5g {
    margin: 0;
    max-height: unset
}

.add-option.svelte-habe5g.svelte-habe5g {
    margin: 16px;
    -webkit-box-shadow: 0 2px 4px rgba(61, 64, 72, .06);
    box-shadow: 0 2px 4px rgba(61, 64, 72, .06)
}

.desc.svelte-habe5g.svelte-habe5g {
    font-size: 12px;
    color: #999
}

.instrument-group.svelte-habe5g .option-title {
    margin-left: 24px
}

#form-qr {
    text-align: center;
    padding-top: 12px
}

.message.svelte-11c5sd9.svelte-11c5sd9 {
    background: no-repeat center bottom;
    -webkit-background-size: 116px 116px;
    background-size: 116px;
    padding-bottom: 32px;
    line-height: 1.6
}

.message.svelte-11c5sd9+.qr-image.svelte-11c5sd9 {
    display: block
}

.qr-image.svelte-11c5sd9.svelte-11c5sd9 {
    display: none;
    position: relative;
    overflow: hidden;
    width: 160px;
    margin: 10px auto
}

.qr-image.svelte-11c5sd9.svelte-11c5sd9:after {
    position: absolute;
    width: 120%;
    height: 120%;
    left: -10%;
    top: -10%;
    -webkit-transform: rotateZ(45deg);
    -ms-transform: rotate(45deg);
    transform: rotateZ(45deg);
    content: '';
    background: #fff
}

.qr-image.svelte-11c5sd9.svelte-11c5sd9:before {
    position: absolute;
    left: 1px;
    right: 1px;
    top: 1px;
    bottom: 1px;
    border-width: 1px;
    border-style: solid;
    content: ''
}

img.svelte-11c5sd9.svelte-11c5sd9 {
    z-index: 1;
    width: 150px;
    height: 150px;
    margin: 5px;
    display: block;
    position: relative
}

.error.svelte-11c5sd9.svelte-11c5sd9 {
    margin-top: 20px
}

.btn.svelte-11c5sd9.svelte-11c5sd9 {
    display: inline-block;
    margin-top: 20px
}

.should-save-vpa-container.svelte-1pt3jbj {
    margin-top: 12px
}

[slot=icon].top.svelte-1pt3jbj {
    -ms-flex-item-align: start;
    -webkit-align-self: flex-start;
    align-self: flex-start
}

div[slot=body].svelte-1pt3jbj {
    margin-top: 5px
}

.less-focus-smaller.svelte-1pt3jbj {
    font-size: 12px;
    line-height: 16px;
    color: rgba(81, 89, 120, .7)
}

.legend.svelte-1lzkr5t {
    margin-top: 10px;
    padding: 12px 0 8px 12px
}

.recurring-supported-apps-note.svelte-1lzkr5t {
    padding: 10px;
    border: 1px solid #e6e7e8;
    background: #fcfcfc;
    font-size: 12px;
    line-height: 16px;
    margin-top: 14px
}

.ref-pspName.svelte-1ts8mj5 {
    color: #424242;
    position: absolute;
    top: 12px;
    right: 12px;
    line-height: 40px;
    z-index: 1
}

.upi-gpay.svelte-1hbydww {
    display: block
}

.legend.svelte-10lgb4j {
    margin-top: 10px;
    padding: 12px 0 8px 12px
}

.error.svelte-10lgb4j {
    font-size: 12px;
    margin-top: 18px;
    color: red
}

[slot=icon].top.svelte-10lgb4j {
    -ms-flex-item-align: start;
    -webkit-align-self: flex-start;
    align-self: flex-start
}

#upi-apps.svelte-1dz28tc .radio-option,
#upi-apps.svelte-1dz28tc .next-option {
    padding: 18px 40px 18px 60px
}

#upi-apps.svelte-1dz28tc .placeholder {
    margin: 0;
    width: 24px;
    height: 24px;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

#upi-apps.svelte-1dz28tc .options {
    overflow: initial;
    max-height: unset
}

#upi-apps.svelte-1dz28tc .options .option-icon {
    top: 16px;
    width: 24px;
    margin-top: 0
}

#upi-apps.svelte-1dz28tc .option-icon svg {
    width: 24px;
    height: 24px;
    top: 0
}

#upi-apps.svelte-1dz28tc .option-icon img {
    height: 24px
}

#upi-apps.svelte-1dz28tc .input-radio {
    position: absolute;
    float: clear;
    top: 18px;
    right: 12px;
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9)
}

#upi-apps.svelte-1dz28tc .option-title {
    width: 100%
}

#upi-apps.svelte-1dz28tc .next-option::after {
    top: 16px;
    right: 23px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.options.svelte-1dz28tc {
    -webkit-box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, .04);
    box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, .04)
}

em.svelte-1dz28tc {
    color: rgba(81, 89, 120, .54)
}

.ref-title.svelte-1dz28tc {
    color: #333;
    line-height: 17px;
    text-shadow: 0 1px 0 0 rgba(255, 255, 255, .75);
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.legend.svelte-1dz28tc {
    padding: 12px 0 8px 12px;
    margin-top: 10px
}

.legend.svelte-si7twr {
    margin-top: 10px;
    padding: 12px 0 8px 12px
}

div.svelte-si7twr .input {
    padding-top: 6px !important
}

span.svelte-si7twr {
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px
}

span.svelte-si7twr img {
    height: 20px;
    width: 20px
}

.upi-selected-bank [slot=extra] {
    margin-left: auto;
    font-size: 12px;
    color: #7b7f94
}

.upi-selected-bank [slot=extra]:hover {
    color: #528ff0
}

.border-list>*.upi-selected-bank:hover {
    border-color: #e6e7e8 !important;
    background-color: #fff !important;
    cursor: default !important
}

.border-list>*.upi-selected-bank:hover [slot=extra] {
    cursor: pointer !important
}

.upi-selected-bank .downward-arrow {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    font-size: 10px
}

.border-list.svelte-vuar15 {
    padding-top: 12px;
    padding-bottom: 12px;
    margin: 0 -12px
}

[slot=icon].top.svelte-vuar15 {
    -ms-flex-item-align: start;
    -webkit-align-self: flex-start;
    align-self: flex-start
}

#modal-inner {
    background: #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    height: 100%
}

#modal.iframe-active {
    min-width: 895px;
    min-height: 520px;
    width: 70vw !important;
    height: 80vh !important;
    max-width: 1440px;
    max-height: 1060px
}

#modal.iframe-active #content {
    display: none
}

#modal.iframe-active iframe,
#modal.iframe-active .payment-frame {
    opacity: 1
}

.payment-frame {
    overflow: hidden;
    background: #fff;
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 101;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    opacity: 0;
    display: none;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.payment-frame iframe {
    opacity: 0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s;
    height: calc(100% - 55px);
    border: 0;
    margin: 0;
    width: 100%
}

.iframe-title {
    line-height: 55px;
    padding: 0 16px;
    font-size: 16px;
    border-top: 6px solid;
    text-align: left;
    -webkit-box-shadow: 0 -1px 6px rgba(0, 0, 0, .05) inset;
    box-shadow: 0 -1px 6px rgba(0, 0, 0, .05) inset
}

.iframe-close {
    float: left;
    cursor: pointer;
    margin-left: -12px;
    padding: 0 16px
}

.iframe-amount {
    float: right
}

.iframe-amount:before {
    content: 'Pay ';
    font-weight: 400
}

#bottom {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin-top: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@font-face {
    font-family: rzpcvv;
    src: url(data:application/x-font-woff;base64,d09GRgABAAAAAAWEAA0AAAAACbwAAQBoAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAFaAAAABwAAAAcfyJSH09TLzIAAAGoAAAAWwAAAGDZurM6Y21hcAAAAhwAAABlAAABWh0IGSNjdnQgAAAChAAAAAQAAAAEAEIE82dhc3AAAAVgAAAACAAAAAj//wADZ2x5ZgAAAqgAAAERAAADgCcE3W1oZWFkAAABMAAAADYAAAA2CduKGWhoZWEAAAFoAAAAHQAAACQNMAYraG10eAAAAgQAAAAWAAAAJhtgDBJsb2NhAAACiAAAACAAAAAgBOwFvG1heHAAAAGIAAAAHQAAACAAUgAxbmFtZQAAA7wAAAFnAAACcEWNnwdwb3N0AAAFJAAAADkAAABIH9yg2AABAAAAARqfH/ls5l8PPPUACwfQAAAAAMqTXnAAAAAA2qjGpAAI//AFeAWpAAAACAACAAAAAAAAeJxjYGRgYN/2LwxIXmAAAtYKBkYGVMACAF0aA2wAAAB4nGNgZGBg4GfQYwDRDAxMQMwIZjuA+QwACGMAhAAAAHicY2Bmv8A4gYGVgYG1glWEgYFRAkIz72KoYPzCwczEz8rExMTCzMS8gIFhfQBDgjcDFJRUBvgAKV6GMDavf1WME9i3Ma5SYGCYDJJj/so6E0gpMDACALP0D3QAeJxjv8AAB+wXmCIwIUMUAwcAZqgFlQAAeJxjYGBgZoBgGQZGBhAIAfIYwXwWBgsgzcXAwcAEhLwMlgzODGH//wPFeBkMIOz/X/9f/n/q/w6oXihgZGOACzAyAQkmBlTAyIABmFlY2dg5OLm4eeBCvJiq+DCFBikAAOVgDlYAAAAAQgTzAAAAAAAAAAAAIgBEAGYAiACqAMwA7gEQATIBVAGaAcB4nGNgZIpguMRawfyJQZiBgcHEjtlIjlmEj1lJj4kpQsMruaqpKtlLA8ZgUkThghhATQyjZoyaQXMzGKL+f2DlZF3JoAvkGckz8jEqK+kxMgkImakYG4mJs4P4+ox6zMpKfEyiInJMxkZ2TOYsExR4fSJ+b5z9Z1NS5j5GzgXznkbaswsJ8vIpi5h5JTkU7+/y9W3dlumQFu6txqjBG5xWlH0QaLQLI9+h7KSQSC5eTgk+BRlh/0mXmtouTfThVzBUArmFg4GB1Z11JoMQA4MwyHZGOUZxO0ZzRjtGa0ZGZY7ZUgocjFP5xLk5RfkYJ7MrSc75u2M960wpkT+8SgHa2gFKzJ8FZX+lAz0CADc409oAAAB4nHWPy07CQBiFT6HgJQS3xI11pZFwKWFVtoSFIYEYI+uGTsqEplNnpgtIfB5d+RC+gK/kKZmgMdrJdL75zz9nzgBo4x0eqs+Dj3PHNZzgynEdd3hx7KOFD8cN3HrXjptoeYnjNi69V57y/DNWTg8OFdeoXDiu4xE3jn108Oa4gSU+HTfR8e4dtzH2njFHDAsFzGPL/wMEUpTIWNbcirTMYoLFjjbqUM+R8FiJLdlgjymn5LnksK4RITjaBr8cK22EIUIO2N1SZXGezMttbPbTvRTJXq6joIoSuKujYDQM2fufIX42A08UNVNJtuZsDtHnHGKMCXcrqoY2VU+OrnuRZG1DVaGgknOnaK/5EkFDoY1UeRD2w+F4EqyEsULnXQaXZhOoQuRGlXotvhP2/krYOybcsMnypggDDsNbNBMUrBlmrZJnXBWrKfUFZjTGxtoiGgzMWsvCmr6RWV/pdLCYzfEFXUVwKwB4nGNgYgCD5z0MFQzYAD8QMzIyMQgziDCIMogxiDNIMEgySDFIM8gwqDFYspfmZRoYGLgAAJ2iBXIAAAAAAAAB//8AAgAAAAEAAAAA2eYtCgAAAADKk15wAAAAANqoxqQ=)
}

.native-otp-bank {
    height: 20px;
    padding-top: 13px !important
}

.shift-footer-up {
    -webkit-transform: translateY(-144px) !important;
    -ms-transform: translateY(-144px) !important;
    transform: translateY(-144px) !important
}

.shift-ssc-up {
    -webkit-transform: translateY(-10px) !important;
    -ms-transform: translateY(-10px) !important;
    transform: translateY(-10px) !important
}

.shift-footer-down {
    -webkit-transform: translateY(0) !important;
    -ms-transform: translateY(0) !important;
    transform: translateY(0) !important
}

.shift-ssc-down {
    -webkit-transform: translateY(0) !important;
    -ms-transform: translateY(0) !important;
    transform: translateY(0) !important
}

h3.title {
    line-height: 1rem;
    text-transform: uppercase;
    color: rgba(51, 51, 51, .6);
    margin: 12px 12px 12px
}

#timeout i {
    margin: 0 5px 0 12px;
    font-size: 18px;
    vertical-align: middle
}

textarea {
    resize: none
}

.clear {
    clear: both;
    overflow: auto
}

[tabIndex] {
    outline: none
}

.mfix {
    white-space: nowrap
}

.mfix::after {
    content: '';
    height: 96%;
    display: inline-block;
    width: 0;
    vertical-align: middle
}

.mchild {
    vertical-align: middle;
    display: inline-block;
    white-space: normal
}

.double {
    width: 100%
}

.double .first,
.double .second {
    float: left;
    width: 50%
}

.double .second {
    float: right;
    text-align: right
}

div#form-wallets {
    margin: 0
}

.vertical-pad {
    padding-bottom: 12px
}

#wallets {
    position: relative;
    padding: 12px 0
}

#wallets .help {
    left: 12px
}

#wallets .list .item>label:hover,
#wallets .list .item input[type=radio]:checked+label {
    background-color: transparent
}

.list .title,
.options .title {
    color: #0c1753;
    font-size: 14px;
    line-height: 18px
}

.option-icon .placeholder,
.list .placeholder,
.option-icon .logo,
.list .logo {
    width: 30px;
    height: 30px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAllBMVEUAAADr6+vq6uru7u7r6+vr6+vu7u7r6+vq6urr6+vs7Ozr6+vq6urq6urr6+vv7+/t7e3y8vL////t7e38/Pzq6ur////r6+vr6+vr6+v////q6urr6+vr6+vr6+vr6+vr6+vs7Ozs7Ozt7e3u7u7v7+/w8PDr6+vr6+vr6+vs7Ozs7Ozs7Ozs7Ozs7Ozq6urr6+vq6ur78ugGAAAAMXRSTlMA+t4kjL888uzjNbyqlWYvKhIERQr3ApiHgAXSy8O4nHNhVzgtHhfXsaWQeWxOQj3NKkXCkwAAAh5JREFUSMftV9l2gjAQDTFKEEFREKx73atd8v8/V5poDMkMtIfX3oemZHJPcmbuLJJ/aHTiKKTc8zgNo7jzF+aQBaKCgA1/Se13BYBu/zfvHQgEg6bXj5knUHhsXMdNuqIW3QTnjqhoAB1h3IkvGuFPkHsbuHko2eDdCa1/8MeUq38SwM/1vnpLSf/hNdfnrI562pUnro8v5mijLr5FSkqE+ttWywDnzpUw0+ypNUvP+LWzl3sgjc2qzlFvLfaPI4WptEoOItTsOtVnFqZh2OzqpeGZRG0BDg/Aa2/qWvX3tVodjDgJCGtpeyl6cs2rxuebYpD8+mPanTLlbUu8sSZHIPlYxpYJsZJHDpYx0uQQ4n4R8kG9tdjII1vLGmoymE8szUtxvd+jcrGTTJM5mEfBj7giDh/hmuzh4jopHe8d1daSs81U+km5dYOTOSqurVDryrZz3GH+7W65UKUUp7xRNFSrg9atkllP2AgRkfjbZ0FVMiMzhxzB8jwficZNqI+lQ47BxFgRA+e5qkBuODpgSm4M7tRXefvucAO4GOyN7Z1QzeXN1S5YhjgxcPVSuc4d8hAsgJfK7lIuR7fVwqV3a2ym2cypQAp9uOgfzJYrdnJdOwMG3G6ouVf4Y7A8eh240eXm1uIMl0eGtNhZ74mJyD8/y7WwvTXGmnszaIKNFc3wR60GmvajVPshrv342H5wbT8y48N6i58J/3jgG0JMNqm3NQdPAAAAAElFTkSuQmCC);
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    vertical-align: middle;
    margin: 0 12px 0 5px
}

.list {
    margin-bottom: 12px
}

.list .checkbox:not(.inner-checkbox) {
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.list .checkbox:not(.inner-checkbox)::after {
    content: '';
    width: 4px;
    height: 9px;
    border: 1px solid #ccc;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    border-left: 0;
    border-top: 0;
    position: absolute;
    -webkit-transform: rotate(40deg) translate(5px, -2px);
    -ms-transform: rotate(40deg) translate(5px, -2px);
    transform: rotate(40deg) translate(5px, -2px)
}

.list :checked+label .checkbox:not(.inner-checkbox)::after {
    border-color: #fff
}

.list input[type=radio]:checked+label {
    background: #fcfcfc
}

.list .item {
    display: block;
    margin: 0 -12px;
    position: relative
}

.list .item:hover label {
    background: #fcfcfc
}

.list .item:first-child label {
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0
}

.list .item:last-child label {
    border-bottom-color: #ebedf0;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px
}

.list .item.active {
    border: 1px solid #ebedf0;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 12px 24px
}

.list label {
    display: block;
    padding: 12px 14px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    border: 1px solid #ebedf0;
    border-bottom-color: transparent;
    position: relative;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.list.collapsable label {
    max-height: 30px;
    overflow: hidden
}

.list.collapsable input[type=radio]:checked+label {
    max-height: 360px
}

#partial-list .collapsable-content {
    display: none
}

#partial-list #partial-radio label {
    overflow: initial
}

#partial-list input[type=radio]:checked+label,
#partial-list input[type=checkbox]:checked+label {
    max-height: 360px
}

#partial-list input[type=radio]:checked+label .collapsable-content,
#partial-list input[type=checkbox]:checked+label .collapsable-content {
    display: block
}

#partial-list .minimum-amount-select label {
    border: 0;
    padding: 0;
    background: 0 0 !important
}

#partial-list .subtitle {
    margin-top: 0
}

.subtitle {
    color: rgba(64, 70, 101, .7);
    font-size: 12px;
    margin-top: 4px;
    line-height: 18px
}

.grid {
    text-align: center
}

.grid.count-1 .item {
    width: 100%
}

.grid.count-2 .item,
.grid.count-4 .item {
    width: 50%
}

.grid.count-5 .item:nth-child(5),
.grid.count-7 .item:nth-child(7),
.grid.count-8 .item:nth-child(8) {
    border-right: 1px solid #ebedf0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.grid .item {
    cursor: pointer;
    width: 33.33%;
    float: left;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ebedf0
}

.grid label {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    cursor: inherit;
    height: 86px;
    display: block;
    font-size: 14px
}

.grid label:hover {
    background: #fcfbfa
}

.grid img {
    pointer-events: none;
    height: 24px;
    margin-bottom: 3px
}

.nb-selection-container {
    padding-bottom: 12px;
    -webkit-transition: .3s opacity;
    -o-transition: .3s opacity;
    transition: .3s opacity
}

.nb-selection-container.showable {
    height: 0;
    display: block;
    opacity: 0
}

.nb-selection-container.showable.drishy {
    height: auto;
    position: static;
    opacity: 1
}

.nb-selection-container>label {
    display: block;
    padding-bottom: 4px
}

.link {
    padding: 3px 1px;
    cursor: pointer;
    font-size: 12px;
    border-bottom: 1px solid
}

.text-btn {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .5px;
    cursor: pointer
}

a {
    outline: none;
    color: inherit;
    cursor: pointer;
    text-decoration: none
}

i {
    font-style: normal;
    opacity: 0
}

.spin {
    display: none;
    width: 60px;
    height: 60px;
    margin: 0 auto
}

.spin div {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    display: inline-block;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 4px solid #29b7d6;
    -webkit-animation: spin 1.3s linear infinite;
    animation: spin 1.3s linear infinite;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0
}

.spin2 {
    margin: -60px auto 20px
}

.spin2 div {
    -webkit-animation-delay: .65s;
    animation-delay: .65s
}

.loading .spin {
    display: block
}

#overlay-close {
    font-size: 30px;
    margin: 10px
}

.omnichannel {
    display: none
}

#options-wrap {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 12px;
    right: 12px;
    z-index: 100
}

.selector {
    padding-bottom: 6px;
    cursor: pointer;
    white-space: nowrap;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.selector:hover::after,
.selector.focused::after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.selector input {
    display: none
}

.selector .overflow-parent {
    width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.selector .help {
    white-space: normal
}

.selector .help.up {
    margin-bottom: 12px
}

.selector.disabled .text.theme-highlight {
    color: #858585
}

.selector.invalid.mature:not(.focused) .text {
    color: #f46060
}

.selector .text,
.selector i,
.selector .overflow-parent {
    pointer-events: none
}

.options-list {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, .04);
    box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, .04);
    max-height: 320px;
    overflow: hidden;
    overflow-y: auto;
    background: #fff
}

.options-list .badge {
    position: absolute;
    display: block;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-right: 8px;
    border: 1px solid #70be53;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: #f7fbf5;
    color: #70be53;
    font-size: 10px;
    padding: 0 3px;
    text-transform: uppercase;
    pointer-events: none
}

.options-list .option {
    border-top: 1px solid #e6e7e8;
    -webkit-transition: .2s background;
    -o-transition: .2s background;
    transition: .2s background;
    background: #fff;
    padding: 12px 10px;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    cursor: pointer;
    text-align: left;
    position: relative
}

.options-list .option:first-child {
    border-top: 0
}

#container {
    margin: 0 auto;
    height: 100%;
    text-align: center;
    -webkit-transition: .3s ease-out opacity;
    -o-transition: .3s ease-out opacity;
    transition: .3s ease-out opacity;
    z-index: 19999
}

#container.drishy {
    opacity: 1
}

#container.drishy #powered-by {
    opacity: 1
}

#container.drishy #modal {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition: .2s, .3s cubic-bezier(.3, 1.5, .7, 1) transform;
    -o-transition: .2s, .3s cubic-bezier(.3, 1.5, .7, 1) transform;
    transition: .2s, .3s cubic-bezier(.3, 1.5, .7, 1) transform
}

#container.notopbar #topbar {
    display: none !important
}

#container.notopbar .tab-content {
    margin-top: 0
}

#container.notopbar #form-card {
    padding-top: 24px
}

#container.emitab #tab-emi {
    display: block
}

#tab-emi {
    display: none
}

#backdrop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.font-loaded #modal,
.font-loaded #timeout,
.font-loaded button,
.font-loaded input,
.font-loaded textarea,
.font-loaded select {
    font-family: lato, ubuntu, helvetica, sans-serif;
    -webkit-font-feature-settings: 'liga' 0;
    font-feature-settings: 'liga' 0
}

.font-loaded #powered-by {
    visibility: visible;
    opacity: 1
}

.font-loaded i {
    opacity: 1
}

.font-loaded .iph {
    display: none
}

.font-loaded #amount i {
    position: static
}

#modal {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    -webkit-transition: .3s ease-in;
    -o-transition: .3s ease-in;
    transition: .3s ease-in;
    z-index: 1;
    -webkit-perspective: 300;
    perspective: 300;
    position: relative;
    opacity: 0;
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
    color: #333;
    font-size: 14px;
    width: 344px;
    font-family: ubuntu, helvetica, sans-serif
}

#content {
    text-align: left;
    white-space: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

#content.has-discount #header .discount {
    display: inline-block
}

#content.has-discount #header .original-amount {
    font-size: .6em;
    text-decoration: line-through
}

#content.has-fee .original-amount {
    font-size: .6em;
    text-decoration: line-through;
    position: absolute;
    margin-left: 64px;
    margin-top: 11px
}

#header {
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    color: #fff;
    background: #fff;
    padding: 24px;
    overflow: visible;
    max-height: 128px;
    position: relative;
    z-index: 3;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

#header::before,
#header::after {
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    position: absolute;
    background-image: -webkit-gradient(linear, left top, right bottom, from(rgba(255, 255, 255, 0.2)), to(rgba(0, 0, 0, 0.2)));
    background-image: -webkit-linear-gradient(top left, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
    background-image: -o-linear-gradient(top left, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
    background-image: linear-gradient(to bottom right, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
    z-index: -1
}

#header .discount {
    display: none
}

#header::after {
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    background: 0 0
}

#header.has-dropdown {
    padding-bottom: 0
}

#header.offer-fade::after {
    background: rgba(0, 0, 0, .4)
}

#header.offer-fade+#body #topbar {
    display: none !important
}

#header.offer-error::after {
    background: rgba(0, 0, 0, .4)
}

#header.offer-error+#body #topbar:after {
    content: '';
    left: 0;
    right: 0;
    bottom: -1px;
    top: 0;
    position: absolute;
    background: rgba(0, 0, 0, .4)
}

.close {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    font-size: 18px;
    opacity: .6;
    width: 24px;
    text-align: center;
    line-height: 26px;
    z-index: 1
}

.close:hover {
    opacity: 1
}

#logo {
    text-align: center;
    position: relative;
    padding: 8px;
    width: 64px;
    height: 64px;
    background: #3964a8;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    line-height: 62px;
    float: left;
    margin-right: 24px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1)
}

#logo img {
    vertical-align: middle;
    max-height: 100%;
    max-width: 100%;
    padding-top: 6px
}

#merchant {
    white-space: nowrap;
    position: relative;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .12)
}

#merchant-name {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 20px;
    color: #fff;
    font-weight: 600
}

#merchant-desc {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    opacity: 1;
    color: #fff;
    font-weight: 600
}

#amount {
    font-size: 24px;
    margin-top: 10px;
    color: #fff
}

#amount i {
    position: absolute
}

#powered-by {
    left: 0;
    visibility: hidden;
    opacity: 0;
    width: 100%;
    bottom: 60px;
    display: block;
    font-size: 34px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    position: absolute;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
    font-family: lato, ubuntu, helvetica, sans-serif;
    text-shadow: 0 0 1px rgba(0, 0, 0, .5)
}

#powered-by a {
    color: #bbb;
    line-height: 30px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    text-decoration: none
}

#powered-by a:hover {
    color: #ddd
}

#powered-by.branded {
    font-size: 14px;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .4);
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

#powered-by div.branding {
    background-color: #a5a5a5;
    color: #ddd;
    font-size: 12px;
    border: 1px solid #ddd;
    display: inline-block;
    padding: 12px
}

#powered-by div.branding img {
    padding: 0;
    margin-top: 0;
    margin-left: 12px
}

#powered-by div.branding img,
#powered-by div.branding span {
    vertical-align: middle
}

#powered-by img {
    max-width: 200px;
    max-height: 48px;
    margin-top: 8px;
    padding: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#body {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    height: 374px;
    -webkit-flex-basis: 374px;
    -ms-flex-preferred-size: 374px;
    flex-basis: 374px;
    background: #fff;
    -webkit-backface-visibility: none;
    backface-visibility: none;
    overflow: auto
}

#body.emi-focus {
    position: relative;
    z-index: 10
}

#body.emi-focus #form-fields {
    z-index: 2;
    background: 0 0
}

#language-dropdown:not(:empty) {
    padding-top: 16px;
    clear: both
}

#body.sub #footer {
    pointer-events: auto;
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

#body.sub #form-fields {
    -webkit-border-radius: 0;
    border-radius: 0
}

#form,
#form-fields {
    height: 100%
}

#form-fields {
    position: relative;
    z-index: 1;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    background: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden
}

#topbar {
    cursor: pointer;
    background: #fff;
    line-height: 46px;
    border-bottom: 1px solid #ebedf0;
    -webkit-transition: .3s transform ease-in 0s, .3s opacity ease-in 0s, .1s color;
    -o-transition: .3s transform ease-in 0s, .3s opacity ease-in 0s, .1s color;
    transition: .3s transform ease-in 0s, .3s opacity ease-in 0s, .1s color;
    color: #757575;
    position: absolute;
    left: 0;
    right: 0;
    height: 46px;
    z-index: 2
}

#topbar img {
    display: block;
    padding-top: 15px;
    width: auto;
    max-height: 20px;
    max-width: 40%
}

#topbar:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    z-index: -1
}

#top-right {
    height: 100%;
    float: right
}

#top-right,
#top-left {
    padding: 0 24px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

#top-right:hover,
#top-left:hover {
    color: #fff
}

#profile {
    position: absolute;
    background: #fff;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #ddd;
    top: 46px;
    right: 5px;
    margin-top: 10px;
    -webkit-transition: .25s ease-in transform, .16s ease-in opacity;
    -o-transition: .25s ease-in transform, .16s ease-in opacity;
    transition: .25s ease-in transform, .16s ease-in opacity;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px)
}

#profile li {
    list-style: none;
    padding: 10px;
    font-size: 14px;
    line-height: 19px
}

#profile li:hover {
    background: #f5f5f5
}

#profile li:first-child::before,
#profile li:first-child::after {
    content: '';
    top: -10px;
    right: 15px;
    position: absolute;
    border-width: 0 10px 10px;
    border-color: transparent transparent #ddd;
    border-style: solid
}

#profile li:first-child::after {
    margin-top: 1.5px;
    border-color: transparent transparent #fff
}

#profile li:first-child:hover::after {
    border-color: transparent transparent #f5f5f5
}

#top-right.logged.focus #profile {
    pointer-events: auto;
    display: block;
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition: .2s cubic-bezier(.6, 1.6, .8, 1) transform, .2s ease-out opacity;
    -o-transition: .2s cubic-bezier(.6, 1.6, .8, 1) transform, .2s ease-out opacity;
    transition: .2s cubic-bezier(.6, 1.6, .8, 1) transform, .2s ease-out opacity
}

#tab-title {
    font-size: 16px;
    line-height: 47px;
    height: 47px;
    float: right
}

.back {
    float: left;
    margin: 0 6px 0 0;
    font-size: 10px
}

.logged #user:after {
    content: '\e601'
}

#user {
    padding: 0 20px;
    margin: 0 -20px;
    display: none;
    float: right;
    font-size: 12px;
    white-space: nowrap;
    line-height: 46px;
    height: 46px
}

#user::before {
    content: '\e602';
    font-size: 20px;
    margin-right: 6px
}

#user::after {
    font-size: 20px;
    margin-left: 6px
}

.tab-content {
    margin-top: 47px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0
}

.offers-container {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    border-top: 1px solid #ebedf0
}

.offers-list-container,
.offers-error {
    z-index: 99
}

.offers-list-container {
    background-color: #f7f7f7;
    top: 128px;
    bottom: 0;
    left: 0;
    width: 100%;
    position: absolute;
    -webkit-transition: .3s transform ease-in 0s, .3s opacity ease-in 0s, .1s color;
    -o-transition: .3s transform ease-in 0s, .3s opacity ease-in 0s, .1s color;
    transition: .3s transform ease-in 0s, .3s opacity ease-in 0s, .1s color;
    padding-bottom: 8px;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    line-height: 46px;
    -webkit-box-shadow: 0 -6px 26px -17px rgba(0, 0, 0, .75);
    box-shadow: 0 -6px 26px -17px rgba(0, 0, 0, .75)
}

.offers-list-container .offers-list-title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 24px;
    color: rgba(51, 51, 51, .6);
    overflow: hidden;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.offers-list-container .offers-list-title:after {
    content: '\e601';
    display: block;
    float: right;
    font-size: 20px
}

#form-common.ios-paybtn-landscape-fix {
    padding: 0
}

#form-common {
    padding: 20px 0 0;
    margin-top: 0
}

#form-common .legend {
    margin: 9px 24px;
    text-align: left;
    position: relative;
    -webkit-transition: .3s margin;
    -o-transition: .3s margin;
    transition: .3s margin
}

#form-common.tab-content {
    padding: 0
}

#body[tab=wallet] input[type=radio]:checked+label .offer-info {
    opacity: 1
}

#body[tab=wallet] .offer {
    top: 16px;
    right: 12px;
    line-height: 20px;
    padding: 0 6px;
    font-size: 12px;
    color: #60b442;
    background: rgba(112, 190, 83, .06);
    border: 1px solid #70be53;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

#body[tab=wallet] .offer-info {
    margin-top: 6px;
    font-size: 13px;
    -webkit-transition: .3s opacity;
    -o-transition: .3s opacity;
    transition: .3s opacity;
    line-height: 19px
}

#body[tab=wallet] .offer-info.active {
    display: block
}

#body[tab=wallet] .offer-info ul {
    margin: 24px 0 0;
    padding: 0 0 0 32px
}

#body[tab=wallet] .offer-info li {
    margin-left: 10px
}

#body[tab=wallet] .offer-info li:first-child {
    list-style: none;
    margin-left: 8px;
    margin-bottom: 4px;
    font-weight: 700
}

#footer {
    pointer-events: none
}

#footer,
.submit-button {
    cursor: pointer;
    opacity: 0;
    position: absolute;
    left: 0;
    bottom: -54px;
    width: 100%;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    height: 55px;
    line-height: 56px;
    -webkit-transition: .3s transform, .3s opacity;
    -o-transition: .3s transform, .3s opacity;
    transition: .3s transform, .3s opacity;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    text-align: center;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 16px;
    -webkit-box-shadow: 0 4px 14px 0 rgba(0, 0, 0, .24);
    box-shadow: 0 4px 14px 0 rgba(0, 0, 0, .24)
}

#footer::after,
.submit-button::after {
    top: 0;
    content: '';
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    opacity: 1;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), to(rgba(0, 0, 0, 0.1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
    pointer-events: none
}

#footer:hover::after,
.submit-button:hover::after {
    opacity: 0
}

#footer>span,
.submit-button>span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    opacity: 0
}

#footer>span:last-child,
.submit-button>span:last-child {
    opacity: 1
}

.button {
    display: block;
    border: none;
    width: 100%;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    font-size: 18px;
    padding: 0;
    line-height: 54px;
    color: #fff;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    font-weight: 700;
    position: relative
}

.button:active {
    -webkit-box-shadow: 0 2px 10px -5px #000 inset;
    box-shadow: 0 2px 10px -5px #000 inset
}

#form-card i.info,
#form-emi i.info {
    display: initial;
    font-size: 16px
}

#container #body[tab=emandate] .nb-selection-container {
    display: none
}

#body[tab=emi] #elem-emi {
    display: block
}

#body[tab=emi] .saved-card:focus:not([emi]) .help {
    opacity: 1
}

.phone-print {
    white-space: nowrap
}

#nocvv {
    display: none
}

#view-emi-plans {
    cursor: pointer
}

.legend {
    text-transform: uppercase;
    font-size: 12px;
    color: #333;
    opacity: .6;
    text-align: center;
    padding: 10px 0
}

.legend.left {
    text-align: left;
    padding-left: 13px;
    padding: 5px 0
}

.stackable {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    background: #fff
}

.recurring-message,
.callout,
#timeout {
    padding: 12px;
    padding-left: 44px;
    background: #fff7e0;
    font-size: 13px;
    line-height: 20px;
    border-top: 1px solid #f3ebd3;
    color: #666;
    pointer-events: none
}

.recurring-message span,
.callout span,
#timeout span {
    position: absolute;
    left: 24px
}

.recurring-message.error,
.callout.error,
#timeout.error {
    background-color: #f3dbd5;
    border-color: #f3b6a0
}

div.callout span {
    position: static
}

#container.one-method #form-common #form-fields .legend {
    display: none
}

.elem-state {
    padding-top: 0
}

.elem-state select[disabled] {
    opacity: .75
}

.minimum-amount-select {
    margin: 12px 0 10px 26px;
    display: none
}

.partial-payment-block .subtitle {
    display: block
}

.partial-payment-block #elem-wrap-amount,
.partial-payment-block .subtitle {
    margin-left: 26px
}

.partial-payment-block #amount-value {
    padding-top: 7px;
    opacity: 1
}

.multi-tpv .legend {
    text-align: left
}

.multi-tpv :checked+label {
    z-index: 1
}

.multi-tpv label {
    display: block;
    border: 1px solid #eee;
    padding: 8px 12px;
    margin-top: -1px
}

.multi-tpv label .label-content {
    font-weight: 700;
    padding-bottom: 0
}

.multi-tpv svg,
.multi-tpv img {
    width: 22px;
    height: 22px;
    float: left;
    margin: 8px 14px 0 0
}

.multi-tpv .radio-display {
    right: 12px
}

.multi-tpv span {
    font-size: 12px;
    color: #666
}

.multi-tpv-header {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .25px;
    margin-bottom: 5px
}

#body-overlay {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .1);
    z-index: 3
}

#body-overlay.shown {
    display: block
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 0;
        border-width: 8px
    }

    20% {
        -webkit-transform: scale(.6);
        transform: scale(.6);
        opacity: .8;
        border-width: 4px
    }

    90% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@keyframes spin {
    0% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 0;
        border-width: 8px
    }

    20% {
        -webkit-transform: scale(.6);
        transform: scale(.6);
        opacity: .8;
        border-width: 4px
    }

    90% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

@keyframes rotate {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

@-webkit-keyframes methodsLoaderBox {
    0% {
        background-position: -34px 0%
    }

    100% {
        background-position: 310px 0%
    }
}

@keyframes methodsLoaderBox {
    0% {
        background-position: -34px 0%
    }

    100% {
        background-position: 310px 0%
    }
}

@-webkit-keyframes methodsLoaderLine {
    0% {
        background-position: 0 0%
    }

    100% {
        background-position: 344px 0%
    }
}

@keyframes methodsLoaderLine {
    0% {
        background-position: 0 0%
    }

    100% {
        background-position: 344px 0%
    }
}

@-webkit-keyframes methodsLoaderCircle {
    0% {
        background-position: 244px 0%
    }

    100% {
        background-position: 588px 0%
    }
}

@keyframes methodsLoaderCircle {
    0% {
        background-position: 244px 0%
    }

    100% {
        background-position: 588px 0%
    }
}

#otp-action {
    display: inline-block
}

#otp-prompt {
    text-align: center;
    margin-bottom: 20px
}

#otp-section {
    text-align: center
}

#otp-elem {
    margin: 0 auto;
    width: 151px;
    position: relative;
    border-bottom: 1px solid #ccc
}

#otp-elem input#otp {
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#otp-elem .help {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 120px
}

#otp-elem .help::after {
    left: calc(50% + 8px)
}

#otp {
    font-size: 18px;
    line-height: 24px;
    padding: 11px 8px;
    letter-spacing: 8px;
    border: none;
    outline: none
}

#otp-sec-outer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-top: 48px
}

#otp-sec-outer.compact {
    margin: 12px 0
}

#body[tab=wallet] #otp-sec {
    display: none
}

.incorrect-otp {
    color: #e46e6e
}

.add-funds {
    text-align: center
}

.add-funds .btn {
    display: inline-block
}

.add-funds+#otp-section {
    display: none
}

.add-funds~#otp-sec-outer {
    display: none
}

#error-message {
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    background: #fff;
    bottom: -55px;
    position: absolute;
    width: 100%;
    display: none;
    -webkit-box-shadow: 0 -2px 8px rgba(0, 0, 0, .16);
    box-shadow: 0 -2px 8px rgba(0, 0, 0, .16);
    height: 150px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    padding-top: 20px;
    z-index: 100
}

#error-message.drishy {
    height: 220px
}

#error-message .link {
    display: none
}

#error-message.loading .link {
    display: inline-block
}

#error-message.loading .spin {
    display: block
}

#error-message.loading #fd-hide {
    display: none
}

#fd-t {
    white-space: normal;
    padding: 20px 30px;
    padding-bottom: 10px;
    line-height: 22px
}

#fd-hide {
    margin-top: 10px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.left-card {
    padding: 0 20px 0 70px;
    height: 46px;
    left: 0;
    right: 0
}

#toggle-saved-cards {
    padding: 6px 0;
    cursor: pointer;
    margin: 0 0 2px;
    display: none
}

#savedcards-recurring-message {
    display: none
}

#form-card .saved-card {
    pointer-events: none;
    overflow: hidden;
    z-index: 2;
    pointer-events: all
}

#form-card .saved-card[maestro].checked .elem-savedcards-emi {
    display: block
}

#form-card .saved-card[pin].checked {
    overflow: hidden
}

#form-card .saved-card[pin].checked .flow-selection-container {
    display: block
}

#form-card .saved-card.checked {
    background: #eff0f1;
    border-color: #ebedf0
}

#form-card .saved-card.checked .saved-cvv {
    pointer-events: auto;
    opacity: 1
}

#form-card .saved-inner,
#form-card .saved-outer {
    opacity: 1
}

#form-card #elem-emi {
    display: none
}

#form-card .maestro-cvv {
    display: block;
    font-size: 13px;
    line-height: 32px
}

#form-card .cardtype {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

#form-card #add-card-container {
    z-index: 0
}

#form-card #show-add-card+.pad {
    pointer-events: none
}

#form-card #savedcards-recurring-message {
    display: block
}

#form-card #addcard-recurring-message {
    display: none
}

.saved-card:last-child:not(:first-child) .cardtype {
    -webkit-transform: translateX(-3px) translateY(-1px) rotateZ(-10deg);
    -ms-transform: translateX(-3px) translateY(-1px) rotate(-10deg);
    transform: translateX(-3px) translateY(-1px) rotateZ(-10deg)
}

#add-card-container {
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    z-index: 2;
    position: relative
}

.saved-card {
    cursor: pointer;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    position: relative
}

.saved-card .elem-wrap {
    height: auto
}

.saved-card .elem-savedcards-emi {
    padding: 0;
    display: none;
    line-height: 32px;
    border-bottom: 1px solid #ccc
}

.saved-card .elem-savedcards-emi .help.up {
    margin-bottom: 0
}

.saved-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.saved-number {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

#saved-cards-container {
    position: relative;
    line-height: 46px
}

#saved-cards-container.scroll {
    overflow-y: auto
}

#saved-cards-container .saved-cvv {
    font-size: 12px;
    padding: 5px;
    width: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

#saved-cards-container .saved-cvv .elem .input {
    padding: 0 0 4px;
    font-family: rzpcvv;
    letter-spacing: -3px
}

#saved-cards-container .cardtype {
    top: 0;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

#saved-cards-container .cardtype[cardtype=amex] {
    border-color: #0189cf;
    background: -webkit-gradient(linear, left top, left bottom, from(#53aef5), to(#0167a9));
    background: -webkit-linear-gradient(top, #53aef5, #0167a9);
    background: -o-linear-gradient(top, #53aef5, #0167a9);
    background: linear-gradient(to bottom, #53aef5, #0167a9)
}

#saved-cards-container .cardtype[cardtype=maestro] {
    background: -webkit-gradient(linear, left top, left bottom, from(#fbd51f), to(#efa010));
    background: -webkit-linear-gradient(top, #fbd51f, #efa010);
    background: -o-linear-gradient(top, #fbd51f, #efa010);
    background: linear-gradient(to bottom, #fbd51f, #efa010);
    border-color: #dab608
}

#saved-cards-container .cardtype,
#show-saved-cards .cardtype,
#show-add-card::before {
    position: absolute;
    z-index: 1;
    content: '';
    border: 1px solid #ccc;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    width: 32px;
    height: 21px;
    margin-top: 12px;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
    background: -webkit-linear-gradient(top, #fff, #eee);
    background: -o-linear-gradient(top, #fff, #eee);
    background: linear-gradient(to bottom, #fff, #eee);
    left: 24px;
    text-align: center;
    line-height: 20px;
    font-size: 20px;
    color: #777;
    font-weight: 700
}

#show-saved-cards .cardtype {
    margin-top: 0
}

#show-saved-cards .cardtype.multiple::after {
    content: '';
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
    z-index: -1;
    border: 1px solid #ccc;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
    background: -webkit-linear-gradient(top, #fff, #eee);
    background: -o-linear-gradient(top, #fff, #eee);
    background: linear-gradient(to bottom, #fff, #eee);
    -webkit-transform: translateX(-3px) translateY(-1px) rotateZ(-10deg);
    -ms-transform: translateX(-3px) translateY(-1px) rotate(-10deg);
    transform: translateX(-3px) translateY(-1px) rotateZ(-10deg)
}

#show-saved-cards .cardtype.multiple::before {
    -webkit-transform: translateX(-3px) translateY(-1px) rotateZ(-10deg);
    -ms-transform: translateX(-3px) translateY(-1px) rotate(-10deg);
    transform: translateX(-3px) translateY(-1px) rotateZ(-10deg)
}

#show-add-card {
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    cursor: pointer;
    position: relative;
    line-height: 46px;
    z-index: 1
}

#show-add-card::before {
    display: inline-block;
    content: '+'
}

.cardtype::before,
.networkicon {
    content: '';
    background: no-repeat url(data:image/png;base64,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);
    height: 11px;
    width: 35px;
    -webkit-background-size: 600% 600%;
    background-size: 600%;
    margin: 5px 0 0 -2px;
    background-position: -20%;
    display: block
}

[cardtype=bajaj]::before,
.networkicon.bajaj {
    background: no-repeat url(https://cdn.razorpay.com/cardless_emi-sq/bajaj.svg);
    background-position: 50%;
    -webkit-background-size: contain;
    background-size: contain
}

[cardtype=visa]::before,
.networkicon.visa {
    background-position: 0
}

[cardtype=amex]::before,
.networkicon.amex {
    background-position: 100%
}

[cardtype=diners]::before,
.networkicon.diners {
    background-position: 60%
}

[cardtype=maestro]::before,
.networkicon.maestro {
    background-position: 40%
}

[cardtype=mastercard]::before,
.networkicon.mastercard {
    background-position: 20%
}

[cardtype=rupay]::before,
.networkicon.rupay {
    background-position: 80%
}

.saved-cards,
.saved-card {
    padding: 0 12px 0 24px
}

.saved-cards .saved-inner,
.saved-card .saved-inner {
    padding-left: 48px
}

.saved-cards .saved-outer,
.saved-card .saved-outer {
    opacity: 0;
    border-top: 1px solid #e6e7e8
}

.saved-cards .saved-outer .emi-plans-info-container,
.saved-card .saved-outer .emi-plans-info-container {
    padding: 0;
    margin-top: 0
}

.saved-cards .saved-outer .emi-plans-info-container .emi-plans-action,
.saved-card .saved-outer .emi-plans-info-container .emi-plans-action {
    top: 0;
    right: 0
}

.saved-cards .saved-outer .emi-plan-unselected,
.saved-card .saved-outer .emi-plan-unselected,
.saved-cards .saved-outer .emi-plan-selected,
.saved-card .saved-outer .emi-plan-selected {
    margin: 12px 0
}

#add-emi-container .elem-card .cardtype {
    position: absolute;
    right: 0;
    top: 26px
}

#add-emi-container .emi-plans-info-container {
    padding: 12px 0
}

#add-emi-container .emi-plans-info-container .emi-plans-action {
    right: 0
}

.emi-plans-list {
    margin-left: -12px;
    margin-right: -12px
}

.emi-plans-list .expandable-card--expanded .expandable-card-detail {
    max-height: 500px
}

#form-emiplans .callout {
    position: fixed;
    cursor: pointer;
    pointer-events: all
}

#form-emiplans .callout span.theme-highlight {
    position: unset
}

@media(max-device-height:450px),
(max-device-width:450px) {
    * {
        -webkit-touch-callout: none;
        -webkit-text-size-adjust: none;
        -webkit-tap-highlight-color: transparent
    }

    #powered-by {
        visibility: hidden !important;
        z-index: -1;
        pointer-events: none
    }

    #header,
    #footer,
    .button,
    #emi-inner {
        -webkit-border-radius: 0;
        border-radius: 0
    }

    ::after {
        content: none
    }

    .shake {
        -webkit-animation: none;
        animation: none
    }

    .vertical-pad {
        padding-bottom: 56px
    }

    #body {
        height: 0
    }

    #body.sub {
        margin-bottom: 55px
    }

    #form,
    #body {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    #form,
    #form-fields {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    #body.sub #curtain-container-parent,
    #container.one-method #body:not([tab]) #curtain-container-parent {
        bottom: 55px
    }

    #container #modal #body.emi-focus #footer {
        position: fixed
    }

    #overlay,
    #error-message,
    #fee-wrap,
    #overlay-wrap {
        bottom: 0
    }

    #content {
        height: 100%
    }

    #emi-wrap {
        width: 100%;
        left: 0;
        margin-left: 0;
        position: absolute;
        bottom: 0;
        height: auto;
        top: auto;
        -webkit-transform: translateY(15px);
        -ms-transform: translateY(15px);
        transform: translateY(15px)
    }

    #emi-wrap::after {
        height: auto
    }

    #emi-wrap .col {
        white-space: normal
    }

    #emi-wrap .em {
        font-size: 14px;
        margin-left: 10px
    }

    #backdrop {
        display: none
    }

    #modal {
        background: #fff;
        width: 100%;
        height: 100%;
        max-width: 100%;
        margin: 0 auto;
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
        box-shadow: 0 0 10px rgba(0, 0, 0, .2);
        -webkit-transform: translateY(7%);
        -ms-transform: translateY(7%);
        transform: translateY(7%);
        overflow: hidden
    }

    #modal.iframe-active {
        min-width: 0;
        width: 100% !important;
        height: 100% !important
    }

    .drishy #modal {
        -webkit-transition: .3s ease-out all;
        -o-transition: .3s ease-out all;
        transition: .3s ease-out all
    }

    .item-inner {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 0
    }

    .tab-content.drishy .item-inner {
        opacity: 1
    }

    #footer {
        bottom: 0;
        z-index: 10;
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%)
    }

    #footer.shift-ios {
        bottom: 50px
    }

    .close {
        font-size: 28px;
        line-height: 28px;
        padding: 6px 12px 12px
    }

    .payment-frame {
        height: 100%;
        height: 100vh
    }
}

.mobile {
    max-width: 414px
}

.mobile * {
    -webkit-touch-callout: none;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: transparent
}

.mobile #powered-by {
    visibility: hidden !important;
    z-index: -1;
    pointer-events: none
}

.mobile #header,
.mobile #footer,
.mobile .button,
.mobile #emi-inner {
    -webkit-border-radius: 0;
    border-radius: 0
}

.mobile::after {
    content: none
}

.mobile .shake {
    -webkit-animation: none;
    animation: none
}

.mobile .vertical-pad {
    padding-bottom: 56px
}

.mobile #body {
    height: 0
}

.mobile #body.sub {
    margin-bottom: 55px
}

.mobile #form,
.mobile #body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.mobile #form,
.mobile #form-fields {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.mobile #body.sub #curtain-container-parent,
.mobile #container.one-method #body:not([tab]) #curtain-container-parent,
.mobile#container.one-method #body:not([tab]) #curtain-container-parent {
    bottom: 55px
}

.mobile #container #modal #body.emi-focus #footer,
.mobile#container #modal #body.emi-focus #footer {
    position: fixed
}

.mobile #overlay,
.mobile #error-message,
.mobile #fee-wrap,
.mobile #overlay-wrap {
    bottom: 0
}

.mobile #content {
    height: 100%
}

.mobile #emi-wrap {
    width: 100%;
    left: 0;
    margin-left: 0;
    position: absolute;
    bottom: 0;
    height: auto;
    top: auto;
    -webkit-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px)
}

.mobile #emi-wrap::after {
    height: auto
}

.mobile #emi-wrap .col {
    white-space: normal
}

.mobile #emi-wrap .em {
    font-size: 14px;
    margin-left: 10px
}

.mobile #backdrop {
    display: none
}

.mobile #modal {
    background: #fff;
    width: 100%;
    height: 100%;
    max-width: 100%;
    margin: 0 auto;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    -webkit-transform: translateY(7%);
    -ms-transform: translateY(7%);
    transform: translateY(7%);
    overflow: hidden
}

.mobile #modal.iframe-active {
    min-width: 0;
    width: 100% !important;
    height: 100% !important
}

.mobile.drishy #modal {
    -webkit-transition: .3s ease-out all;
    -o-transition: .3s ease-out all;
    transition: .3s ease-out all
}

.mobile .item-inner {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 0
}

.mobile .tab-content.drishy .item-inner {
    opacity: 1
}

.mobile #footer {
    bottom: 0;
    z-index: 10;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.mobile #footer.shift-ios {
    bottom: 50px
}

.mobile .close {
    font-size: 28px;
    line-height: 28px;
    padding: 6px 12px 12px
}

.mobile .payment-frame {
    height: 100%;
    height: 100vh
}

.noanim * {
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
    -webkit-animation: none !important;
    animation: none !important
}

@media(max-height:767px) {
    #powered-by {
        visibility: hidden !important;
        z-index: -1;
        pointer-events: none
    }
}

@media(max-device-height:568px) {
    .grid label {
        height: 73px
    }
}

#form-upi,
#form-upi_otm,
#form-cod {
    padding: 0 12px 12px;
    margin: 0
}

.reminder {
    line-height: 1.6
}

#form-upi .input,
#form-upi_otm .input {
    padding: 34px 0 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 1
}

#form-cod .input {
    padding: 15px 0 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 1
}

select#city {
    padding: 10px;
    width: 100%;
    border-radius: 9px;
    border: 2px solid #ddd;
    margin-top: 13px
}

#form-upi .elem-wrap,
#form-upi_otm .elem-wrap {
    height: auto
}

#form-upi p,
#form-upi_otm p {
    line-height: 1.75
}

#form-upi .upi-app,
#form-upi_otm .upi-app {
    width: 20px;
    height: 20px;
    background-image: url(data:image/png;base64,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);
    -webkit-background-size: 132px 132px;
    background-size: 132px;
    display: inline-block;
    margin: 8px 4px 4px
}

#form-upi .upi-app.bhim,
#form-upi_otm .upi-app.bhim {
    background-position: 0 0;
    margin-left: -4px
}

#form-upi .upi-app.phonepe,
#form-upi_otm .upi-app.phonepe {
    background-position: -28px 0;
    margin-left: -4px
}

#form-upi .upi-app.gpay,
#form-upi_otm .upi-app.gpay {
    background-position: 76px 0
}

#form-upi .upi-app.whatsapp,
#form-upi_otm .upi-app.whatsapp {
    background-position: 48px 0
}

#form-upi .upi-app.paytm,
#form-upi_otm .upi-app.paytm {
    background-position: 20px 0
}

#form-upi .list .checkbox,
#form-upi_otm .list .checkbox {
    position: absolute;
    top: 18px;
    right: 6px
}

#form-upi .list .only-when-checked,
#form-upi_otm .list .only-when-checked {
    color: rgba(81, 89, 120, .54);
    font-size: 12px;
    margin-top: 4px
}

#form-upi .list .title em,
#form-upi_otm .list .title em {
    color: rgba(81, 89, 120, .54)
}

#form-upi .list .radio-item input:not(:checked)+label .only-when-checked,
#form-upi_otm .list .radio-item input:not(:checked)+label .only-when-checked {
    display: none
}

#form-upi .list .radio-item input:checked+label .title,
#form-upi_otm .list .radio-item input:checked+label .title,
#form-upi .list .radio-item input:checked+label .placeholder,
#form-upi_otm .list .radio-item input:checked+label .placeholder {
    vertical-align: top
}

#form-upi .list .radio-item .title,
#form-upi_otm .list .radio-item .title,
#form-upi .list .radio-item .placeholder,
#form-upi_otm .list .radio-item .placeholder {
    display: inline-block
}

#form-upi .list i,
#form-upi_otm .list i {
    position: absolute;
    display: block;
    top: 18px;
    left: 18px;
    font-size: 18px
}

#form-upi .list i~div,
#form-upi_otm .list i~div {
    margin-left: 36px
}

#form-upi #upi-entry .list .item,
#form-upi_otm #upi-entry .list .item {
    position: relative;
    margin-bottom: 12px;
    -webkit-box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, .04);
    box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, .04)
}

#form-upi #upi-entry .list .item label,
#form-upi_otm #upi-entry .list .item label {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border-color: #ebedf0;
    background: 0 0
}

#form-upi #upi-apps .list #upi-directpay .elem.invalid.mature.focused,
#form-upi_otm #upi-apps .list #upi-directpay .elem.invalid.mature.focused {
    margin-bottom: 60px
}

#form-upi #upi-apps .list #upi-directpay input.input,
#form-upi_otm #upi-apps .list #upi-directpay input.input {
    padding-top: 0
}

#form-upi #upi-apps .list #upi-directpay .placeholder,
#form-upi_otm #upi-apps .list #upi-directpay .placeholder {
    font-size: 20px;
    text-align: center;
    background-image: none
}

#form-upi.collapsible .item .upi-gpay .title,
#form-upi_otm.collapsible .item .upi-gpay .title {
    line-height: 30px
}

#form-upi.collapsible .item .upi-gpay label>i,
#form-upi_otm.collapsible .item .upi-gpay label>i {
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

#form-upi.collapsible .item .collapsed-only,
#form-upi_otm.collapsible .item .collapsed-only {
    display: block
}

#form-upi.collapsible .item .collapsible-content,
#form-upi_otm.collapsible .item .collapsible-content {
    display: none
}

#form-upi.collapsible .item.expanded .upi-gpay .title,
#form-upi_otm.collapsible .item.expanded .upi-gpay .title {
    line-height: inherit
}

#form-upi.collapsible .item.expanded .upi-gpay label>i,
#form-upi_otm.collapsible .item.expanded .upi-gpay label>i {
    top: 18px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

#form-upi.collapsible .item.expanded .collapsed-only,
#form-upi_otm.collapsible .item.expanded .collapsed-only {
    display: none
}

#form-upi.collapsible .item.expanded .collapsible-content,
#form-upi_otm.collapsible .item.expanded .collapsible-content {
    display: block
}

#form-upi.show-gpay .hide-on-gpay,
#form-upi_otm.show-gpay .hide-on-gpay {
    display: none
}

#form-upi.show-gpay .upi-gpay,
#form-upi_otm.show-gpay .upi-gpay {
    display: block
}

#form-upi.show-gpay .checkbox,
#form-upi_otm.show-gpay .checkbox {
    display: inline-block
}

#form-upi .on-gpay,
#form-upi_otm .on-gpay {
    display: none
}

#form-upi .no-gpay,
#form-upi_otm .no-gpay {
    display: block
}

#form-upi .gpay-first .on-gpay,
#form-upi_otm .gpay-first .on-gpay {
    display: block
}

#form-upi .gpay-first .no-gpay,
#form-upi_otm .gpay-first .no-gpay {
    display: none
}

#form-upi .checkbox,
#form-upi_otm .checkbox {
    display: none
}

#form-upi .upi-apps-img,
#form-upi_otm .upi-apps-img {
    display: inline-block;
    vertical-align: middle;
    height: 20px;
    width: auto;
    margin-right: 4px
}

.gpay-icon {
    background-repeat: norepeat;
    -webkit-background-size: contain;
    background-size: contain;
    background-image: url(https://cdn.razorpay.com/checkout/gpay.png);
    width: 34px;
    height: 34px;
    margin-left: -9px
}

.upi-gpay {
    display: none
}

.upi-gpay.gpay-mweb .desktop-only,
.upi-gpay.gpay-desktop .mweb-only {
    display: none !important
}

.upi-gpay .collect-form {
    display: table;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.upi-gpay .collect-form div.elem {
    display: table-cell;
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.upi-gpay .collect-form div.elem.at-separator {
    width: 1px;
    padding: 0 8px;
    color: rgba(64, 70, 101, .7);
    border-bottom: none
}

#body.upi-noapp #upi-intent {
    display: none
}

#body.upi-noapp #upi-directpay .checkbox {
    display: none
}

#cancel_upi {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    -webkit-border-radius: inherit;
    border-radius: inherit
}

#cancel_upi p {
    margin: 20px;
    font-weight: 700;
    text-align: left
}

#cancel_upi label {
    text-align: left;
    padding: 7px 0 7px 50px;
    display: block;
    position: relative
}

#cancel_upi input[type=radio] {
    display: inline;
    position: absolute;
    left: 20px
}

#cancel_upi .buttons {
    margin: 10px 20px 0;
    text-align: right
}

#cancel_upi .back-btn {
    margin-right: 20px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-weight: 700
}

#error-message.cancel_upi {
    height: 260px;
    overflow: hidden
}

#error-message.cancel_upi #cancel_upi {
    display: block
}

#fee-wrap,
#overlay-wrap {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    background: #fff;
    bottom: -55px;
    position: absolute;
    width: 100%;
    display: none;
    -webkit-box-shadow: 0 -2px 8px rgba(0, 0, 0, .16);
    box-shadow: 0 -2px 8px rgba(0, 0, 0, .16);
    min-height: 150px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    padding: 20px;
    padding-bottom: 8px;
    z-index: 100
}

#fee-wrap .drishy,
#overlay-wrap .drishy {
    display: block
}

#fee-wrap .error .error-text,
#overlay-wrap .error .error-text {
    white-space: normal;
    padding: 20px 30px;
    line-height: 22px
}

#fee-wrap .error .btn,
#overlay-wrap .error .btn {
    bottom: 0
}

.fees-container {
    margin: 0 auto;
    margin-bottom: 16px
}

.fees-container .fee {
    padding: 8px 0;
    width: 100%
}

.fees-container .fee:last-of-type {
    border-top: 1px solid #ebedf0;
    font-weight: 700;
    margin-top: 12px;
    padding-top: 12px
}

.fees-container .fee .fee-title {
    display: inline-block;
    text-align: left;
    width: calc(50% - 2px)
}

.fees-container .fee .fee-amount {
    display: inline-block;
    text-align: right;
    width: calc(50% - 2px)
}

#showQr {
    margin: 0
}

#showQr .option {
    background-color: #fcfcfc
}

#showQr .option:hover,
#showQr .option:focus {
    background-color: #efefef
}

#showQr .option.next-option:after {
    color: #d6d6d6
}

#showQr .option .option-title {
    color: #0d2366;
    line-height: 16px
}

#showQr .option .option-title .desc {
    color: rgba(81, 89, 120, .7);
    font-size: 11px
}

.qr-action {
    color: #528ff0;
    border-bottom: 1px solid #528ff0;
    padding: 3px 1px;
    cursor: pointer
}

.button,
.btn,
.submit-button,
.loader::after {
    background: #3964a8 !important;
    color: #fff !important
}

.elem::after {
    border-bottom-color: #3964a8
}

.spin div,
.link,
.multi-tpv :checked+label {
    border-color: #3964a8 !important
}

.hc_border {
    border-color: #3964a8 !important
}

.hc_border:disabled {
    border-color: #ccc !important
}

#cancel_upi .back-btn,
.offer-info li:first-child,
.options-list .option:hover,
.options .option:hover,
.options .option:focus {
    background: rgba(98, 172, 255, .06)
}

.theme-highlight-color,
.options .next-option:after {
    color: #3964a8
}

.dcc-view {
    background-color: rgba(98, 172, 255, .06)
}

.options .next-option.secondary-color:after {
    color: #62acff
}

#header {
    background-image: radial-gradient(circle at 50%, #fde989, transparent), -webkit-gradient(linear, left top, right top, from(#fec545), to(#be8325));
    background-image: radial-gradient(circle at 50%, #fde989, transparent), linear-gradient(90deg, #fec545, #be8325);
    background-position: 50%, 50%;
    background: #528ff0
}

#header.ios-paybtn-landscape-fix {
    padding-top: 10px;
    padding-bottom: 10px
}

.brown {
    color: #865b00
}

.option.active,
:not(.saved-card).checked .checkbox,
input[type=checkbox]:checked+.checkbox {
    color: #fff;
    background: #3964a8;
    border-color: #3964a8
}

label.sv-checkbox.checked>.stack>input[type=checkbox]:checked::before {
    background: #3964a8;
    border-color: #3964a8
}

label.sv-checkbox>.stack>input:focus::before {
    border-color: #3964a8
}

.options .option.selected {
    color: #333;
    background: rgba(98, 172, 255, .06);
    border-color: #3964a8;
    border-bottom: 1px solid #3964a8 !important
}

.theme {
    color: #528ff0
}

#body .theme-border {
    border-color: #528ff0
}

.theme-highlight,
.offers-container header:before,
.close-offerlist:before,
.close-offerlist span,
.remove-offer {
    color: #3964a8
}

.iframe-title,
#topbar:before {
    background-color: rgba(98, 172, 255, .06) !important
}

.offers-container header {
    background-color: rgba(98, 172, 255, .06)
}

.iframe-title,
.grid label:hover,
.auth-option:hover {
    background-color: rgba(98, 172, 255, .06) !important
}

.grid :checked+label {
    background-color: rgba(98, 172, 255, .09) !important;
    border-bottom: 2px solid #3964a8
}

.list :checked+label,
.list .item.active {
    border-color: #3964a8 !important
}

.list :checked+label .checkbox:not(.inner-checkbox) {
    background: #3964a8;
    border-color: #3964a8
}

.input-radio input[type=radio]:focus:not(:checked)+label .radio-display {
    border-color: #3964a8
}

.input-radio input[type=radio]:checked+label .radio-display {
    background-color: #3964a8;
    border-color: #3964a8
}

.confirm-container {
    border-top: 2px solid #528ff0
}

.qr-image:before,
.iframe-title {
    border-color: #528ff0
}

.offer-item.selected,
.offer-item .checkbox {
    border-color: #3964a8 !important
}

.offer-item .checkbox {
    background-color: #3964a8
}

.expandable-card--expanded {
    border-color: #3964a8
}

.border-list>*:first-child {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.border-list>*:last-child {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px
}

.border-list:not(.touchfix)>*:not(.uninteractive):hover:not(:disabled),
.border-list>*:focus,
.border-list>*:focus-within,
.border-list>.selected {
    border-color: none;
    background-color: rgba(98, 172, 255, .06)
}

.border-list:not(.touchfix)>*:hover:not(:disabled):not(.uninteractive)+*,
.border-list>*:focus+*,
.border-list>*:focus-within+*,
.border-list>.selected+* {
    border-top-color: #3964a8
}

.trusted-badge-wrapper {
    background: rgba(98, 172, 255, .09)
}

.trusted-badge-border-top {
    border-top: 2px solid rgba(98, 172, 255, .09)
}

.arrow {
    border: solid #62acff
}

.border-list-horizontal>*:first-child {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.border-list-horizontal>*:last-child {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px
}

.border-list-horizontal:not(.touchfix)>*:not(.uninteractive):hover:not(:disabled),
.border-list-horizontal>*:focus,
.border-list-horizontal>*:focus-within,
.border-list-horizontal>.selected {
    border-color: #3964a8;
    background-color: rgba(98, 172, 255, .06)
}

.border-list-horizontal>*:not(:last-child) {
    border-right: none
}

.border-list-horizontal:not(.touchfix)>*:hover:not(:disabled):not(.uninteractive)+*,
.border-list-horizontal>*:focus+*,
.border-list-horizontal>*:focus-within+*,
.border-list-horizontal>.selected+* {
    border-left-color: #3964a8
}

.checkout-body.block-wallet-box h4 {
    font-size: 1.5rem;
    margin: 0
}

.checkout-body.block-wallet-box {
    padding: 20px;
    padding-bottom: 10%
}

select#banksselected {
    padding: 10px;
    width: 100%;
    border-radius: 5px;
    background-color: #fff
}

.screen.screen-comp.svelte-zhrels.pad {
    margin-top: 50px
}

span.backbtn {
    padding-top: 5%;
    float: left
}

.mrgn50 {
    margin-top: 50px;
    padding: 0 12px 12px
}

h4.marchand {
    text-transform: uppercase;
    font-size: 18px;
    margin: 0 0 18px
}

button#upi {
    border: 1px solid #e6e7e8 !important;
    background-color: rgba(98, 172, 255, .06);
}

ul:hover {
    border: none !important;
    background: none !important;
}

.border-list:not(.touchfix)>*:not(.uninteractive):hover:not(:disabled) {
    border: none;
}