@charset 'UTF-8';
html {
    box-sizing: border-box;
    -ms-overflow-style: scrollbar
}
*,::after,::before {
    box-sizing: inherit
}
.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}
@media (min-width: 576px) {
    .container {
        max-width:540px
    }
}
@media (min-width: 768px) {
    .container {
        max-width:720px
    }
}
@media (min-width: 992px) {
    .container {
        max-width:960px
    }
}
@media (min-width: 1200px) {
    .container {
        max-width:1170px
    }
}
.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}
.no-gutters {
    margin-right: 0;
    margin-left: 0
}
.no-gutters>.col,.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    -ms-flex-order: -1;
    order: -1
}

.order-last {
    -ms-flex-order: 13;
    order: 13
}

.order-0 {
    -ms-flex-order: 0;
    order: 0
}

.order-1 {
    -ms-flex-order: 1;
    order: 1
}

.order-2 {
    -ms-flex-order: 2;
    order: 2
}

.order-3 {
    -ms-flex-order: 3;
    order: 3
}

.order-4 {
    -ms-flex-order: 4;
    order: 4
}

.order-5 {
    -ms-flex-order: 5;
    order: 5
}

.order-6 {
    -ms-flex-order: 6;
    order: 6
}

.order-7 {
    -ms-flex-order: 7;
    order: 7
}

.order-8 {
    -ms-flex-order: 8;
    order: 8
}

.order-9 {
    -ms-flex-order: 9;
    order: 9
}

.order-10 {
    -ms-flex-order: 10;
    order: 10
}

.order-11 {
    -ms-flex-order: 11;
    order: 11
}

.order-12 {
    -ms-flex-order: 12;
    order: 12
}

.offset-1 {
    margin-left: 8.333333%
}

.offset-2 {
    margin-left: 16.666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.333333%
}

.offset-5 {
    margin-left: 41.666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.333333%
}

.offset-8 {
    margin-left: 66.666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.333333%
}

.offset-11 {
    margin-left: 91.666667%
}

@media (min-width: 576px) {
    .col-sm {
        -ms-flex-preferred-size:0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-sm-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-sm-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-sm-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-sm-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-sm-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-sm-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-sm-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-sm-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-sm-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-sm-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-sm-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-sm-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-sm-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-sm-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-sm-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-sm-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-sm-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-sm-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.333333%
    }

    .offset-sm-2 {
        margin-left: 16.666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.333333%
    }

    .offset-sm-5 {
        margin-left: 41.666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.333333%
    }

    .offset-sm-8 {
        margin-left: 66.666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.333333%
    }

    .offset-sm-11 {
        margin-left: 91.666667%
    }
}

@media (min-width: 768px) {
    .col-md {
        -ms-flex-preferred-size:0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-md-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-md-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-md-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-md-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-md-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-md-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-md-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-md-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-md-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-md-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-md-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-md-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-md-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-md-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-md-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-md-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-md-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.333333%
    }

    .offset-md-2 {
        margin-left: 16.666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.333333%
    }

    .offset-md-5 {
        margin-left: 41.666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.333333%
    }

    .offset-md-8 {
        margin-left: 66.666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.333333%
    }

    .offset-md-11 {
        margin-left: 91.666667%
    }
}

@media (min-width: 992px) {
    .col-lg {
        -ms-flex-preferred-size:0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-lg-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-lg-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-lg-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-lg-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-lg-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-lg-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-lg-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-lg-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-lg-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-lg-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-lg-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-lg-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-lg-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-lg-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-lg-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-lg-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-lg-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-lg-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-lg-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-lg-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-lg-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.333333%
    }

    .offset-lg-2 {
        margin-left: 16.666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.333333%
    }

    .offset-lg-5 {
        margin-left: 41.666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.333333%
    }

    .offset-lg-8 {
        margin-left: 66.666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.333333%
    }

    .offset-lg-11 {
        margin-left: 91.666667%
    }
}

@media (min-width: 1200px) {
    .col-xl {
        -ms-flex-preferred-size:0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-xl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-xl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-xl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-xl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-xl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-xl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-xl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-xl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-xl-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-xl-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-xl-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-xl-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-xl-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-xl-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-xl-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-xl-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-xl-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-xl-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-xl-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-xl-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-xl-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-xl-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.333333%
    }

    .offset-xl-2 {
        margin-left: 16.666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.333333%
    }

    .offset-xl-5 {
        margin-left: 41.666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.333333%
    }

    .offset-xl-8 {
        margin-left: 66.666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.333333%
    }

    .offset-xl-11 {
        margin-left: 91.666667%
    }
}

@media print {
    .d-print-none {
        display: none!important
    }

    .d-print-inline {
        display: inline!important
    }

    .d-print-inline-block {
        display: inline-block!important
    }

    .d-print-block {
        display: block!important
    }

    .d-print-table {
        display: table!important
    }

    .d-print-table-row {
        display: table-row!important
    }

    .d-print-table-cell {
        display: table-cell!important
    }

    .d-print-flex {
        display: -ms-flexbox!important;
        display: flex!important
    }

    .d-print-inline-flex {
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

.flex-row {
    -ms-flex-direction: row!important;
    flex-direction: row!important
}

.flex-column {
    -ms-flex-direction: column!important;
    flex-direction: column!important
}

.flex-row-reverse {
    -ms-flex-direction: row-reverse!important;
    flex-direction: row-reverse!important
}

.flex-column-reverse {
    -ms-flex-direction: column-reverse!important;
    flex-direction: column-reverse!important
}

.flex-wrap {
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important
}

.flex-nowrap {
    -ms-flex-wrap: nowrap!important;
    flex-wrap: nowrap!important
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse!important;
    flex-wrap: wrap-reverse!important
}

.flex-fill {
    -ms-flex: 1 1 auto!important;
    flex: 1 1 auto!important
}

.flex-grow-0 {
    -ms-flex-positive: 0!important;
    flex-grow: 0!important
}

.flex-grow-1 {
    -ms-flex-positive: 1!important;
    flex-grow: 1!important
}

.flex-shrink-0 {
    -ms-flex-negative: 0!important;
    flex-shrink: 0!important
}

.flex-shrink-1 {
    -ms-flex-negative: 1!important;
    flex-shrink: 1!important
}

.justify-content-start {
    -ms-flex-pack: start!important;
    justify-content: flex-start!important
}

.justify-content-end {
    -ms-flex-pack: end!important;
    justify-content: flex-end!important
}

.justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center!important
}

.justify-content-between {
    -ms-flex-pack: justify!important;
    justify-content: space-between!important
}

.justify-content-around {
    -ms-flex-pack: distribute!important;
    justify-content: space-around!important
}

.align-items-start {
    -ms-flex-align: start!important;
    align-items: flex-start!important
}

.align-items-end {
    -ms-flex-align: end!important;
    align-items: flex-end!important
}

.align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important
}

.align-items-baseline {
    -ms-flex-align: baseline!important;
    align-items: baseline!important
}

.align-items-stretch {
    -ms-flex-align: stretch!important;
    align-items: stretch!important
}

.align-content-start {
    -ms-flex-line-pack: start!important;
    align-content: flex-start!important
}

.align-content-end {
    -ms-flex-line-pack: end!important;
    align-content: flex-end!important
}

.align-content-center {
    -ms-flex-line-pack: center!important;
    align-content: center!important
}

.align-content-between {
    -ms-flex-line-pack: justify!important;
    align-content: space-between!important
}

.align-content-around {
    -ms-flex-line-pack: distribute!important;
    align-content: space-around!important
}

.align-content-stretch {
    -ms-flex-line-pack: stretch!important;
    align-content: stretch!important
}

.align-self-auto {
    -ms-flex-item-align: auto!important;
    align-self: auto!important
}

.align-self-start {
    -ms-flex-item-align: start!important;
    align-self: flex-start!important
}

.align-self-end {
    -ms-flex-item-align: end!important;
    align-self: flex-end!important
}

.align-self-center {
    -ms-flex-item-align: center!important;
    align-self: center!important
}

.align-self-baseline {
    -ms-flex-item-align: baseline!important;
    align-self: baseline!important
}

.align-self-stretch {
    -ms-flex-item-align: stretch!important;
    align-self: stretch!important
}

@media (min-width: 768px) {
    .flex-md-row {
        -ms-flex-direction:row!important;
        flex-direction: row!important
    }

    .flex-md-column {
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }

    .flex-md-row-reverse {
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }

    .flex-md-column-reverse {
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }

    .flex-md-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }

    .flex-md-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }

    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }

    .flex-md-fill {
        -ms-flex: 1 1 auto!important;
        flex: 1 1 auto!important
    }

    .flex-md-grow-0 {
        -ms-flex-positive: 0!important;
        flex-grow: 0!important
    }

    .flex-md-grow-1 {
        -ms-flex-positive: 1!important;
        flex-grow: 1!important
    }

    .flex-md-shrink-0 {
        -ms-flex-negative: 0!important;
        flex-shrink: 0!important
    }

    .flex-md-shrink-1 {
        -ms-flex-negative: 1!important;
        flex-shrink: 1!important
    }

    .justify-content-md-start {
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }

    .justify-content-md-end {
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }

    .justify-content-md-center {
        -ms-flex-pack: center!important;
        justify-content: center!important
    }

    .justify-content-md-between {
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }

    .justify-content-md-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }

    .align-items-md-start {
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }

    .align-items-md-end {
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }

    .align-items-md-center {
        -ms-flex-align: center!important;
        align-items: center!important
    }

    .align-items-md-baseline {
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }

    .align-items-md-stretch {
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }

    .align-content-md-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }

    .align-content-md-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }

    .align-content-md-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }

    .align-content-md-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }

    .align-content-md-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }

    .align-content-md-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }

    .align-self-md-auto {
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }

    .align-self-md-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }

    .align-self-md-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }

    .align-self-md-center {
        -ms-flex-item-align: center!important;
        align-self: center!important
    }

    .align-self-md-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }

    .align-self-md-stretch {
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,.slick-slider .slick-track {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,.slick-track:before {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-next,.slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: 0;
    background: 0 0
}

.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover {
    color: transparent;
    outline: 0;
    background: 0 0
}

.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before,.slick-prev:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    right: -25px;
    left: auto
}

.slick-prev:before {
    content: '←'
}

[dir=rtl] .slick-prev:before {
    content: '→'
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    right: auto;
    left: -25px
}

.slick-next:before {
    content: '→'
}

[dir=rtl] .slick-next:before {
    content: '←'
}

.slick-dots {
    position: absolute;
    bottom: -40px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: 0 0
}

.slick-dots li button:focus,.slick-dots li button:hover {
    outline: 0
}

.slick-dots li button:focus:before,.slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #000
}

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

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

body {
    line-height: 1
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

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

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

img {
    border: 0;
    outline: 0
}

body {
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #052f5f;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility
}

a {
    color: #052f5f;
    text-decoration: none!important;
    outline: 0;
    cursor: pointer;
    display: contents
}

h1,h2,h3,h4,h5 {
    font-weight: 700
}

.pb-container {
    overflow: hidden
}

.img-responsive {
    max-width: 100%;
    height: auto
}

.img-circle {
    border-radius: 50%
}

.btn {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 0;
    vertical-align: middle;
    cursor: pointer;
    outline: 0
}

.transition {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.ta-l {
    text-align: left
}

.ta-r {
    text-align: right
}

.ta-c {
    text-align: center
}

.mb8 {
    margin-bottom: 8px
}

.mb16 {
    margin-bottom: 16px
}

.mb24 {
    margin-bottom: 24px
}

.mb32 {
    margin-bottom: 32px
}

.mb60 {
    margin-bottom: 60px
}

.header {
    position: relative;
    z-index: 9
}

.header-hover {
    background: #fff;
    z-index: 10
}

.header-inner {
    display: flex;
    padding: 18px 0 0
}

.site-logo {
    margin: 3px 70px 0 0;
    margin-right: 54px
}

.site-logo a {
    display: block;
    padding: 3px 0 3px 0;
    float: left;
    margin-right: 0
}

.site-logo img.hashtaghp {
    display: inline;
    float: left;
    margin: 3px 0 0 0;
    width: 85px
}

.site-logo img {
    display: block
}

.nav-toggle-btn {
    display: none;
    padding: 8px 8px 8px 0;
    margin-right: 4px
}

.nav-toggle-btn img {
    display: block
}

#userNavigation .user-nav {
    display: none
}

#userNavigation.logged-in .user-nav {
    display: block
}

#userNavigation.logged-in .signin-nav {
    display: none
}

.main-nav>ul {
    display: flex
}

.main-nav>ul>li {
    margin-right: 0
}

.main-nav>ul>li>a {
    font-size: 14px;
    line-height: 22px;
    color: #052f5f;
    font-weight: 600;
    padding: 9px 16px 30px 16px;
    display: block;
    border-bottom: 3px solid transparent
}

.product-icon span.covid-tag {
    background: #19b24d;
    float: left;
    font-size: 10px;
    position: static;
    padding: 3px 8px;
    border-radius: 4px;
    color: #fff;
    margin: 4px 0 0 -28px;
    font-weight: 600
}

.desktop-banner-credit-report {
    width: 1122px;
    overflow: hidden;
    display: block;
    margin: 0 auto;
    height: 324px
}

.display-desktop {
    display: inline-block!important
}

.display-mobile {
    display: none!important
}

.madeInIndia .place {
    margin: 0 auto
}

.madeInIndia .indiaSection {
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
    margin: 0 10px 0 auto;
    width: 365px;
    float: left;
    border: 1px solid rgba(5,47,95,.1);
    display: block
}

.madeInIndia .indiaSection .icon {
    background: url(../images/indiaIconBg.svg) no-repeat;
    background-position: 0 0;
    padding: 6px 25px 6px 0;
    overflow: hidden;
    float: left
}

.madeInIndia .indiaSection .icon img {
    float: left;
    margin: 0 0 0 5px
}

.madeInIndia .indiaSection .text {
    padding: 25px 20px 25px 135px;
    background: url(../images/blueDots.svg) no-repeat;
    background-position: right 82px;
    text-align: left;
    color: #052f5f;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 24px;
    min-height: 110px
}

.madeInIndia .bewareSection {
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
    border: 1px solid rgba(5,47,95,.1);
    display: block;
    width: 370px;
    float: left
}

.madeInIndia .bewareSection.mr15 {
    margin-right: 10px
}

.madeInIndia .bewareSection .icon {
    background: url(../images/bewareIconBg.svg) no-repeat;
    background-position: left center;
    padding: 6px 25px 6px 0;
    overflow: hidden;
    float: left
}

.madeInIndia .bewareSection .icon-add {
    background: url(../images/second-banner-bg.svg) no-repeat;
    padding: 0;
    float: left
}

.madeInIndia .bewareSection .icon img {
    float: left;
    margin: 0 0 0 8px
}

.madeInIndia .bewareSection .icon-add img {
    float: left;
    margin: 15px 0 15px 20px;
    width: 69%
}

.madeInIndia .bewareSection .text {
    padding: 25px 20px 25px 135px;
    background: url(../images/orangeDots.svg) no-repeat;
    background-position: right -19px;
    text-align: left;
    color: #052f5f;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px
}

.madeInIndia .bewareSection .text e {
    color: #1b1dc7;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 17px;
    border-bottom: 1px solid #1b1dc7;
    padding: 0 0 2px 0;
    text-decoration: none
}

.madeInIndia .bewareSection .text-add e.hash {
    color: #1b1dc7;
    font-size: 11x;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 17px;
    border: none;
    padding: 0 0 2px 0;
    text-decoration: none;
    float: left
}

.madeInIndia .bewareSection .text-add e {
    color: #1b1dc7;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 17px;
    border-bottom: 1px solid #1b1dc7;
    padding: 0 0 2px 0;
    text-decoration: none;
    float: right
}

.banner {
    width: calc(100% * 5)
}

.madeInIndia .bewareSection .text-add {
    padding: 25px 20px 25px 145px;
    background: url(../images/purple-dots.svg) no-repeat;
    background-position: 303px -5px;
    text-align: left;
    color: #052f5f;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 31px;
    height: 99px
}

strong {
    font-weight: 700
}

header.header {
    position: fixed;
    display: block;
    width: -webkit-fill-available;
    background: #fff;
    z-index: 10;
    width: 100%
}

header.header.change {
    -webkit-box-shadow: 0 8px 24px 0 rgba(23,50,101,.3);
    -moz-box-shadow: 0 8px 24px 0 rgba(23,50,101,.3);
    box-shadow: 0 8px 24px 0 rgba(23,50,101,.3)
}

.products-section {
    margin-bottom: 60px
}

.main-banner {
    padding: 96px 0 0 0
}

.for-desktop {
    display: block!important
}

.for-mobile {
    display: none!important
}

.home-page-banner-main {
    background: linear-gradient(180deg,#fff 0,#f9fbff 100%);
    display: block;
    width: 100%;
    float: left;
    margin-top: 90px;
    height: 353px;
    border-bottom: 3px solid #e8eef8;
    margin-bottom: 20px
}

a.hp-banner .home-page-banner {
    display: block;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    height: 353px
}

a.hp-banner .home-page-banner .left-part {
    float: left;
    width: 50%
}

a.hp-banner .home-page-banner .left-part img {
    margin-bottom: -18px;
    margin-top: 10px
}

a.hp-banner .home-page-banner .right-part {
    float: right;
    width: 49%;
    padding: 40px 0;
    margin: 0 25px 0 0
}

a.hp-banner .home-page-banner .right-part h1 {
    color: #3a3ee5;
    font-size: 28px;
    letter-spacing: 0;
    line-height: 44px;
    font-weight: 700;
    margin-bottom: 15px
}

a.hp-banner .home-page-banner .right-part h1 span {
    text-decoration: line-through
}

a.hp-banner .home-page-banner .right-part h1 e {
    color: #d90368
}

a.hp-banner .home-page-banner .right-part p {
    opacity: .6;
    color: #052f5f;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 28px;
    margin-bottom: 25px
}

a.hp-banner .home-page-banner .right-part span.btn {
    border-radius: 8px;
    background: #1b1dc7;
    padding: 18px 32px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 18px;
    text-align: center;
    float: left
}

a.hp-banner .home-page-banner .right-part span.btn img {
    margin: 0 0 0 6px;
    vertical-align: bottom
}

a.hp-banner .home-page-banner-mobile {
    border-top: 2px solid #e6e9ef;
    border-bottom: 2px solid #e6e9ef;
    margin-bottom: 10px;
    padding: 12px 12px;
    overflow: hidden
}

.hide {
    display: none!important
}

a.hp-banner .home-page-banner-mobile .left-part {
    float: left;
    width: 40%;
    text-align: center
}

a.hp-banner .home-page-banner-mobile .right-part {
    float: left;
    width: 60%
}

a.hp-banner .home-page-banner-mobile .right-part p {
    color: #1b1dc7;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 20px;
    margin: 0 0 4px 0
}

a.hp-banner .home-page-banner-mobile .right-part p span {
    color: #d90368
}

a.hp-banner .home-page-banner-mobile .right-part ul {
    float: left;
    width: 100%;
    margin: 0 0 4px 0
}

a.hp-banner .home-page-banner-mobile .right-part ul li {
    width: 100%;
    display: flex;
    color: #052f5f;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 16px;
    margin: 0 0 2px 0
}

a.hp-banner .home-page-banner-mobile .right-part ul li span {
    height: 1px;
    width: 12px;
    background-color: #d90368;
    float: left;
    margin: 8px 8px 0 0
}

a.hp-banner .home-page-banner .right-part span.btn {
    border-radius: 8px;
    background: #1b1dc7;
    padding: 18px 50px 18px 32px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 18px;
    text-align: center;
    float: left;
    position: relative
}

a.hp-banner .home-page-banner .right-part span.btn:after {
    content: "";
    border: solid #fff;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    top: 24px;
    right: 32px;
    position: absolute
}

a.hp-banner .home-page-banner-mobile .right-part span.btn-mobile {
    border-radius: 6px;
    background: linear-gradient(90deg,#3a3ee5 0,#1b1dc7 100%);
    padding: 7px 24px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 18px;
    text-align: center;
    float: left;
    position: relative
}

.home-page-banner-main .carousel {
    justify-content: flex-start;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100vw;
    margin: 0
}

.home-page-banner-main .carousel>.container {
    flex-direction: row;
    height: 100%;
    transform: translate3d(0,0,0);
    transition: transform .6s;
    width: 100%!important;
    float: left;
    margin: 0 0 0 -15px
}

.home-page-banner-main .carousel>nav {
    bottom: 0;
    left: 0;
    background: #fff;
    position: absolute;
    text-align: center;
    width: 100vw;
    z-index: 1
}

.home-page-banner-main .carousel>nav a {
    color: #000;
    font-size: 20px;
    opacity: .2;
    text-decoration: none;
    font-weight: 700
}

.home-page-banner-main .carousel>nav a:hover {
    opacity: .5
}

.home-page-banner-main .carousel>nav a.current {
    opacity: 1
}

.home-page-banner-main .carousel .slide {
    flex-shrink: 0;
    line-height: 1.4;
    width: 100vw;
    height: 324px
}

.wfix {
    width: 1140px;
    margin: 0 auto
}

/* .products-section {
    padding: 40px 0 0 0
} */

.home-page-banner-main .carousel>.container .slide-box {
    width: 100vw;
    display: inline-table
}

.hashline {
    background: #052f5f;
    float: left;
    width: 1px;
    height: 31px;
    margin: 0 12px;
    opacity: 20%
}

.madeInIndia .indiaSection.award-bnr .icon {
    background: url(../images/award-bg.svg) no-repeat;
    background-position: 0 0
}

.madeInIndia .indiaSection.award-bnr .text {
    font-size: 14px;
    line-height: 22px;
    background: url(../images/yellowDots.svg) no-repeat;
    background-position: 95% -7px;
    padding-top: 24px;
    padding-bottom: 20px
}

.madeInIndia .indiaSection.creditfit-bnr .icon {
    background: url(../images/credit-fit-bg.svg) no-repeat;
    background-position: 0 0
}

.madeInIndia .indiaSection.creditfit-bnr .text {
    font-size: 14px;
    line-height: 22px;
    background: url(../images/purpleDots.svg) no-repeat;
    background-position: 95% 0;
    padding-top: 24px;
    padding-bottom: 20px
}

.madeInIndia .indiaSection.creditfit-bnr .text e {
    color: #1b1dc7;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 16px;
    border-bottom: 1px solid #1b1dc7;
    padding: 0 0 2px 0;
    text-decoration: none
}

.madeInIndia .indiaSection.rewardCalc-bnr .icon {
    background: url(../images/reward-calculator-bg.svg) no-repeat;
    background-position: 0 0
}

.madeInIndia .indiaSection.rewardCalc-bnr .text {
    font-size: 14px;
    line-height: 22px;
    background: url(../images/violetDots.svg) no-repeat;
    background-position: 95% 95px;
    padding-top: 24px;
    padding-bottom: 20px
}

.madeInIndia .indiaSection.rewardCalc-bnr .text e {
    color: #1b1dc7;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 16px;
    border-bottom: 1px solid #1b1dc7;
    padding: 0 0 2px 0;
    text-decoration: none
}

.madeInIndia .slick-next,.madeInIndia .slick-prev {
    width: 44px;
    height: 44px;
    background: #fff;
    border: 1px solid rgba(27,29,199,.6);
    border-radius: 50px;
    z-index: 1
}

.madeInIndia .slick-next {
    right: 0
}

.madeInIndia .slick-next:before {
    color: transparent;
    background: url(../images/hm-right-arrow.svg) no-repeat center
}

.madeInIndia .slick-prev:before {
    color: transparent;
    background: url(../images/hm-left-arrow.svg) no-repeat center
}

.bg_gredi {
    background-image: linear-gradient(to right bottom,#f3d6ff,#f2deff,#f2e6ff,#f3edff,#f6f4ff,#f6f6ff,#f7f8ff,#f8faff,#f3f9ff,#ecf9ff,#e6f9fe,#e0f9fa)
}

.product_pad {
    padding: 100px 0 50px
}

.product_pad1 {
    padding: 50px 0
}

.product_mar {
    margin: 0 0 70px
}

.product_customer .pb-feature h3 {
    font-size: 28px
}

.product_customer ul li {
    background: url("../images/check_icon.svg") no-repeat 0 10px;
    list-style: none;
    color: #052f5f;
    font-size: 16px;
    line-height: 18px;
    padding: 8px 0 8px 30px
}

.mob_app_div {
    background: url("../images/bg_shape.png") no-repeat 0 -70px;
    animation: animatezoom .6s;
    width: 500px;
    height: 418px;
    background-size: 100%
}

.error_msg,.success_msg {
    font-size: 12px;
    font-weight: 600;
    display: block;
    margin-top: 5px
}

.success_msg {
    color: #04a829
}

.error_msg {
    color: #d01414
}

.product_customer .ani_box {
    width: 480px;
    height: 345px;
    position: relative;
    margin: 0 auto
}

.product_pad .pb-feature h3 {
    max-width: initial
}

.product_customer .animation_card_box {
    position: relative;
    max-width: 400px
}

.cardAnimate {
    transform: perspective(500px) rotateX(0) rotateY(16deg) translate3d(0,0,10px);
    -webkit-transition-duration: 4s;
    -moz-transition-duration: 4s;
    -o-transition-duration: 4s;
    transition-duration: 4s
}

.product_customer .animation_card_box>* {
    position: absolute;
    cursor: auto;
    transition: all 1s cubic-bezier(.2, .8, .2, 1) 0s
}

.product_customer .card_img {
    width: 480px;
    height: 345px;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.product_customer .animation_card_box .card1 {
    top: 60px;
    left: 60px
}

.product_customer .animation_card_box .card2 {
    top: 0;
    left: 0
}

.product_customer .animation_card_box .card1:hover {
    transform: translate(-10px,-30px) scaleX(1)
}

.product_customer .animation_card_box .card2:hover {
    transform: translate(-10px,-30px) scaleX(1)
}

.product_customer .img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

.product_customer .link_box {
    margin-top: 20px;
    color: #052f5f
}

.product_customer .link_box h2 {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 15px
}

.product_customer .link_box .input_box {
    height: 72px;
    width: 555px;
    border: 1px solid rgba(5,47,95,.2);
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 4px 12px 0 rgba(15,16,64,.08)
}

.product_customer .link_box .input_box .flagBox {
    width: 106px;
    border-radius: 8px 0 0 8px;
    background-color: rgba(5,47,95,.09);
    height: 100%
}

.product_customer .link_box .input_box .flagBox span {
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    vertical-align: bottom;
    margin-left: 8px
}

.product_customer .link_box .input_box .btn_box {
    padding: 10px
}

.product_customer .link_box .input_box .btn {
    height: 48px;
    width: 110px;
    border-radius: 8px;
    background-color: #1b1dc7;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase
}

.product_customer .link_box .input_box .inputdiv {
    width: 308px
}

.product_customer .link_box .input_box .inputdiv input {
    height: 100%;
    padding: 10px;
    font-size: 16px;
    line-height: 30px;
    opacity: .4;
    outline: 0;
    border: none
}

.product_customer .center {
    display: flex;
    justify-content: center;
    align-items: center
}

.product-flex {
    align-items: center;
    justify-content: space-between;
    display: flex
}

.product_customer .google {
    height: 32px;
    width: 32px;
    border-radius: 8px;
    background-color: #161819;
    margin: 0 5px
}

.product_customer .max_con {
    width: max-content;
    margin-top: 20px
}

.product_customer .fs-24 {
    font-size: 24px;
    vertical-align: middle;
    line-height: 8px;
    margin-right: 5px
}

.popbox1,.popbox2,.popbox3,.popbox4 {
    border: 1px solid #fff;
    font-size: 14px;
    border-radius: 12px;
    color: #052f5f;
    box-shadow: 0 4px 12px 0 rgba(23,33,77,.16);
    font-weight: 600;
    display: inline-block;
    position: absolute;
    padding: 10px
}

.popbox1 {
    left: 24px;
    top: 60px;
    background: #fff;
    animation: animatezoom .6s
}

.popbox2 {
    font-size: 12px;
    height: 75px;
    width: 125px;
    left: 40px;
    bottom: 97px;
    text-align: center;
    animation: animatezoom .6s;
    background-color: rgba(251,249,238,.02)
}

.popbox3 {
    font-size: 12px;
    height: 80px;
    text-align: center;
    width: 153px;
    right: 80px;
    top: 85px;
    animation: animatezoom .6s;
    background-color: rgba(251,249,238,.02)
}

.popbox4 {
    right: 80px;
    bottom: 86px;
    background: #fff;
    animation: animatezoom .6s
}

@keyframes animatezoom {
    from {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

#bounce_1_Div,#bounce_2_Div,#bounce_3_Div,#bounce_4_Div {
    visibility: hidden
}

.popbox1 .meter_icon {
    background: url("../images/meter_icon.svg") no-repeat 0 0;
    height: 26px;
    width: 52px
}

.popbox2 .star_icon {
    width: 25px;
    height: 26px;
    margin-bottom: 5px;
    display: inline-block;
    background: url("../images/star_icon.svg") no-repeat 0 0;
    vertical-align: middle
}

.popbox3 .benefit_icon {
    display: block;
    height: 28px;
    margin-bottom: 10px;
    background: url("../images/premium benefits_icon.svg") no-repeat center center
}

.popbox1 .meter_icon,.popbox4 .offer_icon {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle
}

.popbox4 .offer_icon {
    background: url("../images/offers_icon.svg") no-repeat 0 0;
    height: 48px;
    width: 38px
}

.app_tag {
    border-radius: 2px;
    background-color: #dff1ee;
    padding: 2px 3px;
    color: #41776e;
    font-size: 8px;
    font-weight: 600
}

.product_customer .dIB {
    display: inline-block;
    vertical-align: middle
}

.product_customer .btnbox {
    display: inline-block;
    width: 100%;
    text-align: center
}

.product_customer .btnbox .btn {
    height: 52px;
    width: 328px;
    border-radius: 8px;
    background: #1b1dc7;
    border: none;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    display: none
}

.product_customer .spinner {
    margin: 0 auto 0;
    width: 70px;
    text-align: center
}

.product_customer .spinner>div {
    width: 15px;
    height: 15px;
    background-color: #fff;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both
}

.product_customer .spinner .bounce1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

.product_customer .spinner .bounce2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

@-webkit-keyframes sk-bouncedelay {
    0%,100%,80% {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1)
    }
}

@keyframes sk-bouncedelay {
    0%,100%,80% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.home-page-banner-main .carousel.cardSahi>.container .slide-box.pre-approved-bnr .wfix {
    padding-bottom: 0!important
}

.home-page-banner-main .carousel.cardSahi {
    overflow: inherit
}

.cardSahi .infographic {
    width: 43%
}

.cardSahi .infographic img {
    width: 43%;
    margin: 11px 0 0 0;
    position: absolute
}

.cardSahi .bnr-content {
    width: 57%
}

.home-page-banner-main .carousel>.container.cardSahi {
    margin: 0 0 -5px -15px
}

.cardSahi .slide-box.pre-approved-bnr .bnr-content ul li {
    width: 23%;
    float: left
}

.cardSahi .slide-box.pre-approved-bnr .bnr-content h1 {
    margin-top: 65px
}

.cardSahi .slide-box.pre-approved-bnr.cardival-bnr .bnr-content h1 span {
    font-weight: 600
}

.display-d {
    display: block!important
}

.display-m {
    display: none!important
}

a.hp-banner .home-page-banner .left-part img {
    width: 96%;
    margin: 20px 0 0 15px
}

.home-page-banner-main .carousel>.container .slide-box.pre-approved-bnr.pco-form-bnr .wfix .infographic img {
    margin: 4px 0 0 0
}

.slick-list {
    overflow: inherit
}

.slide-box.pre-approved-bnr.meta-banner .infographic .meter-holder {
    background-size: 90%!important;
    padding: 20px 0!important
}

.product-icon span.covid-tag {
    margin: 18px 0 0 -28px
}

.slide-box.pre-approved-bnr .bnr-content ul.stepup {
    max-width: 700px
}

.slide-box.pre-approved-bnr .bnr-content.stepup h1 span.p-img-holder {
    width: 78px;
    margin-top: 10px
}

@media screen and (max-width: 767px) {
    .madeInIndia .indiaSection.award-bnr .text {
        padding-top:26px;
        font-size: 12px;
        line-height: 18px
    }

    .madeInIndia .slick-next,.madeInIndia .slick-prev {
        display: none!important
    }
}

@media (min-width: 1920px) and (max-width:1920px) {
    .wfix {
        width:60%
    }
}

@media (max-width: 1025px) and (max-width:1025px) {
    a.hp-banner .home-page-banner .left-part img {
        margin-bottom:-18px;
        margin-top: 10px;
        width: 100%
    }

    a.hp-banner .home-page-banner .right-part {
        padding: 10px 0
    }

    a.hp-banner .home-page-banner .right-part h1 {
        line-height: 35px
    }

    a.hp-banner .home-page-banner .right-part p {
        line-height: 25px;
        margin-bottom: 15px
    }

    a.hp-banner .home-page-banner {
        padding: 0 0 10px 0
    }

    .gl-container .gl-banner-box .banner-gl .image {
        margin: 55px 0 0 0;
        text-align: center;
        width: 41%
    }

    .gl-container .gl-banner-box .banner-gl .image img {
        width: 65%
    }

    .gl-container .gl-banner-box .banner-gl .content .title {
        font-size: 20px;
        line-height: 35px
    }

    .gl-container .gl-banner-box .banner-gl .content .list .item.w240 {
        width: auto;
        padding: 0 15px 0 0
    }

    .gl-container .gl-banner-box .banner-gl .content .list .item {
        font-size: 14px
    }

    .gl-container .gl-banner-box .banner-gl .content {
        float: left
    }
}

@media (max-width: 1024px) {
    a.hp-banner .home-page-banner {
        padding:0 50px
    }

    a.hp-banner .home-page-banner .left-part {
        width: 40%;
        margin-right: 50px
    }

    a.hp-banner .home-page-banner .left-part img {
        width: 100%
    }

    a.hp-banner .home-page-banner .right-part {
        padding: 5px 0
    }

    a.hp-banner .home-page-banner .right-part h1 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 5px
    }

    a.hp-banner .home-page-banner .right-part p {
        font-size: 13px;
        line-height: 22px
    }

    .product_customer .link_box .input_box {
        width: 436px
    }
}

@media (max-width: 768px) {
    .product_customer .ani_box {
        width:350px
    }

    .popbox2 {
        bottom: 168px
    }

    .popbox3 {
        right: 20px
    }

    a.hp-banner .home-page-banner {
        padding: 0 40px
    }

    a.hp-banner .home-page-banner .left-part {
        float: left;
        width: 40%;
        padding: 33px 0 0 0;
        margin: 0 40px 0 0
    }

    a.hp-banner .home-page-banner .right-part {
        float: right;
        width: 52%;
        padding: 20px 0
    }

    a.hp-banner .home-page-banner .left-part img {
        width: 100%
    }

    a.hp-banner .home-page-banner .right-part h1 {
        font-size: 22px;
        line-height: 35px;
        margin-bottom: 8px
    }

    a.hp-banner .home-page-banner .right-part p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 15px
    }

    a.hp-banner .home-page-banner .right-part span.btn {
        padding: 12px 20px;
        font-size: 16px
    }

    .madeInIndia .bewareSection,.madeInIndia .indiaSection {
        width: 350px;
        margin: 0 0 20px 0
    }

    .madeInIndia .indiaSection {
        width: 335px;
        margin: 0 0 20px 0
    }

    .madeInIndia .indiaSection .text {
        padding: 14px 20px 13px 145px;
        font-size: 14px
    }

    .madeInIndia .bewareSection .text {
        padding: 14px 20px 13px 145px;
        font-size: 14px
    }

    .main-nav>ul>li.active>a,.main-nav>ul>li>a:hover {
        color: #1b1dc7;
        border-color: #1b1dc7
    }

    .dropdown-link>a:hover:after {
        border-color: #1b1dc7;
        margin-top: 10px;
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg)
    }
}

.main-nav>ul>li.dropdown-link>a {
    padding-right: 32px
}

.dropdown-link>a:after {
    content: "";
    position: absolute;
    border: solid #052f5f;
    border-width: 0 2px 2px 0;
    padding: 2px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: 8px;
    margin-left: 9px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.dropdown-link.active>a:after {
    border-color: #1b1dc7;
    margin-top: 10px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0,.4);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    z-index: 8
}

.mega-dropdown-menu {
    position: fixed;
    top: 82px;
    width: 100%;
    left: 0;
    right: 0;
    background: #fff;
    padding: 40px 0 0;
    min-height: 140px;
    z-index: 10;
    border-top: 1px solid #e6ebef;
    box-shadow: 0 24px 32px rgba(5,47,95,.1);
    display: none
}

.mega-dropdown-menu .menu-title {
    font-weight: 700;
    color: #1b1dc7;
    text-transform: uppercase;
    margin-bottom: 12px
}

.mega-dropdown-menu ul {
    margin-bottom: 40px
}

.mega-dropdown-menu li a {
    font-size: 12px;
    font-weight: 600;
    color: #37597f;
    display: inline-block;
    padding: 0 0 2px;
    border-bottom: 1px solid transparent;
    transition: all .3s;
    margin-bottom: 6px;
    position: relative
}

.mega-dropdown-menu li a:hover {
    color: #1b1dc7
}

.mega-dropdown-menu li a:after {
    content: "";
    width: 0;
    height: 1px;
    position: absolute;
    background: #1b1dc7;
    left: 0;
    bottom: 0;
    transition: all .3s ease;
    opacity: 0
}

.mega-dropdown-menu li a:hover:after {
    width: 100%;
    opacity: 1
}

.mega-dropdown-menu .badge {
    font-size: 10px;
    color: #fff;
    font-weight: 600;
    letter-spacing: .3px;
    padding: 2px 6px;
    display: inline-block;
    border-radius: 4px;
    margin-left: 6px;
    text-transform: uppercase
}

.mega-dropdown-menu .badge-green {
    background-color: #66bb6a
}

.mega-dropdown-menu .badge-red {
    background-color: #d32e30
}

.pb-newarrivals {
    position: relative;
    background-color: #fff;
    padding: 32px 24px 64px 24px;
    border-radius: 4px;
    margin-bottom: 64px;
    box-shadow: 0 2px 4px 0 rgba(5,47,95,.04),0 12px 16px 0 rgba(52,105,203,.12)
}

.pb-newarrivals h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.8;
    color: #d90368;
    text-align: center;
    margin-bottom: 15px
}

.pb-newarrivals ul {
    margin: 0
}

.pb-newarrivals ul li {
    font-size: 12px;
    color: #052f5f;
    margin-bottom: 16px;
    padding-left: 24px;
    position: relative
}

.pb-newarrivals ul li:last-child {
    margin-bottom: 0
}

.pb-newarrivals ul li:after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    background: #1b1dc7;
    border: 5px solid #d1d2f4;
    border-radius: 50%;
    left: 0;
    top: 1px
}

.pb-newarrivals img {
    max-width: 100%;
    height: auto
}

.pb-newarrivals .btn-secondry {
    position: absolute;
    bottom: -24px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    background-color: #1b1dc7;
    text-transform: uppercase;
    left: 50%;
    transform: translateX(-50%);
    min-width: 170px
}

.pb-newarrivals .btn-secondry:after {
    border-color: #fff
}

.nav-right {
    margin-left: auto
}

.signin-nav {
    background: rgb(231 234 241);
    border-radius: 4px;
    text-align: center;
    margin-bottom: 24px;
    transition: all .4s
}

.signin-nav a {
    padding: 8px 24px;
    height: 40px;
    color: #1b1dc7;
    font-weight: 600;
    line-height: 1;
    display: flex;
    align-items: center
}

.signin-nav:hover {
    background: rgb(231 234 241);
    cursor: pointer
}

.signin-nav:hover a {
    color: #1b1dc7
}

.signin-nav:hover a:first-child {
    border-color: rgb(231 234 241)
}

.user-dropdown-link {
    position: relative
}

.user-dropdown-link>a {
    display: block;
    padding: 10px 20px 18px;
    border-bottom: 3px solid transparent
}

.user-dropdown-link:hover>a {
    border-color: #1b1dc7
}

.user-dropdown-menu {
    position: absolute;
    top: 60px;
    right: 0;
    background: #fff;
    width: 180px;
    padding: 4px 16px;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 0 4px 0 rgba(5,47,95,.04),0 4px 16px 0 rgba(52,105,203,.12);
    display: none
}

.user-dropdown-menu li+li {
    border-top: 1px solid #e6ebef
}

.user-dropdown-menu a {
    font-weight: 600;
    display: block;
    padding: 12px 0
}

.user-dropdown-menu a:hover {
    color: #1b1dc7
}

.user-dropdown-link:hover .user-dropdown-menu {
    display: block
}

.nav-footer-row {
    padding: 12px 16px;
    border-bottom: 1px solid rgba(5,47,95,.04)
}

.mobile-nav-footer h4 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 12px
}

.mobile-nav-footer p {
    font-size: 12px;
    max-width: 230px;
    margin-bottom: 12px
}

.download-app-links a {
    display: inline-block;
    padding: 8px 10px;
    background: #222;
    border-radius: 4px;
    margin-right: 6px;
    height: 40px
}

.download-app-links a img {
    display: block
}

.mobile-nav-footer .toll-free-no {
    font-size: 14px;
    font-weight: 600
}

.home-page-banner {
    color: #fff;
    margin-top: 80px
}

.banner-content {
    color: #fff;
    padding-top: 40px;
    padding-bottom: 40px
}

.banner-content h2 {
    font-size: 36px;
    font-weight: 700;
    max-width: 460px;
    margin-bottom: 16px
}

.banner-content p {
    font-size: 18px;
    line-height: 1.7;
    margin-bottom: 32px
}

.banner-content ul.for-mobile {
    font-size: 12px;
    display: none
}

.banner-content ul.for-mobile li {
    margin-bottom: 8px
}

.btn-secondry {
    color: #1a1dc7;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.8;
    padding: 12px 52px 12px 16px;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(5,47,95,.04),0 12px 16px 0 rgba(52,105,203,.12);
    border-radius: 4px;
    display: inline-block;
    position: relative
}

.btn-secondry:after {
    content: "";
    position: absolute;
    border: solid #1a1dc7;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    top: 22px;
    right: 16px
}

.banner-mobile img {
    position: absolute;
    top: -30px;
    right: 20px;
    max-width: 100%;
    width: 364px;
    height: auto
}

.section-title h3 {
    color: #1b1dc7;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    padding-right: 128px;
    position: relative;
    display: inline-block;
    overflow: hidden
}

.section-title h3:after {
    content: "";
    width: 120px;
    height: 1px;
    position: absolute;
    background: #1b1dc7;
    border-radius: 4px;
    top: 10px;
    right: 0
}

.section-title p {
    font-size: 16px;
    line-height: 1.8;
    color: #69829f
}

.section-title h3+p {
    margin-top: 8px
}

.pb-product {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 160px;
    padding: 16px 14px 0;
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid rgba(235,239,247,.8);
    box-shadow: 0 2px 4px 0 rgba(5,47,95,.04),0 12px 16px 0 rgba(52,105,203,.12);
    margin-bottom: 32px;
    cursor: pointer;
    transition: .3s;
    position: relative
}

.pb-product .product-name {
    font-size: 20px;
    color: #052f5f;
    font-weight: 700;
    margin-bottom: 8px;
    /* text-transform: uppercase; */
    transition: all .3s;
    width: 80%
}

.pb-product .product-desc {
    font-size: 12px;
    font-weight: 600;
    color: #69829f;
    margin-bottom: 12px;
    width: 81%
}

.pb-product .product-icon {
    text-align: right;
    height: 60px;
    margin-top: auto;
    transition: all .3s;
    position: absolute;
    right: 5px;
    top: 14px
}

.pb-insight {
    font-size: 26px;
    font-weight: 600
}

.legal-terms {
    font-weight: 600;
    display: block;
    margin-bottom: 16px
}

a.hp-banner .home-page-banner .right-part span.btn.pb-insight-download.remove-icon:after {
    display: none
}

.pb-product .pre-approved-tag {
    font-size: 10px;
    font-weight: 600;
    line-height: 14px;
    color: #fff;
    border-radius: 4px;
    background: #19b24d;
    position: absolute;
    padding: 2px 10px;
    left: 12px;
    top: -9px
}

.pb-product .product-icon-tag {
    margin-bottom: 4px
}

.pb-product .product-icon-tag img {
    display: block;
    width: 60px
}

.partners-product-section {
    margin-bottom: 68px
}

.partners-product {
    display: flex;
    width: 100%;
    padding: 16px 40px 15px 16px;
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid rgba(235,239,247,.8);
    box-shadow: 0 2px 4px 0 rgba(5,47,95,.04),0 12px 16px 0 rgba(52,105,203,.12);
    margin-bottom: 32px;
    cursor: pointer;
    position: relative;
    transition: all .3s!important
}

.partners-product:after {
    content: "";
    position: absolute;
    border: solid #052f5f;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    top: 46px;
    right: 15px
}

.partners-product .product-icon {
    width: 60px;
    margin-right: 16px;
    transition: all .3s
}

.partners-product .product-icon img {
    width: 92px
}

.partners-product .product-name {
    color: #052f5f;
    font-weight: 700;
    margin-bottom: 1px;
    text-transform: uppercase
}

.partners-product .product-desc {
    font-size: 12px;
    font-weight: 600;
    color: #69829f;
    margin-bottom: 8px
}

.partners-product img {
    transition: all .3s
}

.group-companies-section {
    margin-bottom: 68px
}

.pb-group-company {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    padding: 10px 16px;
    background-color: #fff;
    border: 1px solid rgba(5,47,95,.1);
    border-radius: 8px;
    margin-bottom: 32px
}

.pb-group-company img {
    max-width: 100%;
    height: auto
}

.pb-feature-section {
    margin-bottom: 40px
}

.pb-sorry-section {
    margin: 50px 180px
}

img.sorry {
    margin: 0 auto
}

.pb-feature-section .pb-feature {
    margin-bottom: 60px
}

.pb-feature img {
    margin-bottom: 16px
}

.pb-feature h3 {
    font-size: 24px;
    font-weight: 700;
    color: #1b1dc7;
    max-width: 100%;
    margin-bottom: 16px
}

.pb-feature p {
    font-size: 16px;
    line-height: 1.8;
    color: #69829f;
    margin-bottom: 16px
}

.pb-feature .top-line,.top-line {
    height: 2px;
    width: 40px;
    background-color: #1b1dc7;
    display: block;
    margin-bottom: 16px
}

.pb-feature .top-line-pink {
    background-color: #e00067
}

.read-more-btn {
    font-size: 12px;
    font-weight: 700;
    color: #1b1dc7;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 24px;
    background-color: #e6eaef;
    border-radius: 4px;
    display: inline-block;
    transition: all .4s
}

.read-more-btn:active,.read-more-btn:hover {
    color: #fff;
    background-color: #1b1dc7
}

.pb-feature .read-more-btn {
    margin-top: 16px
}

.pb-feature .know-more-btn {
    margin-top: 8px
}

.about-pb-section {
    position: relative
}

.about-pb-section:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 60%;
    left: 0;
    bottom: 0;
    background-color: #f3f9ff;
    z-index: -1
}

.about-us-block {
    text-align: center;
    padding: 32px 24px 84px;
    border-radius: 8px;
    position: relative;
    margin-bottom: 124px
}

.about-us-img-wrap {
    max-width: 80%;
    min-height: 240px;
    margin: 0 auto 32px;
    display: flex;
    align-items: center;
    justify-content: center
}

.about-us-block img {
    max-width: 100%;
    height: auto
}

.about-us-block h3 {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 16px
}

.about-us-block p {
    font-size: 16px;
    line-height: 1.8;
    color: #052f5f;
    max-width: 361px;
    margin: 0 auto
}

.know-more-btn {
    color: #1a1dc7;
    font-size: 16px;
    font-weight: 600;
    padding: 24px 54px 24px 24px;
    line-height: 1.8;
    text-align: left;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(5,47,95,.04),0 12px 16px 0 rgba(52,105,203,.12);
    border-radius: 4px;
    display: inline-block;
    text-transform: uppercase;
    position: relative;
    transition: all .3s;
    cursor: pointer;
    min-width: 180px
}

.know-more-btn:after {
    content: "";
    position: absolute;
    border: solid #1a1dc7;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    top: 35px;
    right: 22px
}

.know-more-btn:not(.hover-bg):hover {
    box-shadow: none
}

.know-more-btn.hover-bg:hover {
    color: #fff;
    background: #1a1dc7
}

.know-more-btn.hover-bg:hover:after {
    border-color: #fff
}

.about-pb-section .know-more-btn {
    position: absolute;
    right: 24px;
    bottom: -24px
}

.about-us-bg {
    background: linear-gradient(135deg,#bfe9fd 0,#3cc2ff 100%)
}

.work-with-us-bg {
    background: linear-gradient(135deg,#9effdc 0,#00ef87 100%)
}

.footer-main {
    color: #fff;
    background-color: #0e0f20
}

.footer-sprite,.pb-investors-list li span {
    background-image: url("../images/footer-sprite.png");
    background-repeat: no-repeat;
    background-size: 80px
}

.searched-links-toggle {
    text-align: center;
    padding: 24px 0;
    display: block;
    position: relative
}

.searched-links-toggle span {
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    cursor: pointer
}

label.searched-links-toggle i {
    height: 10px;
    width: 10px;
    margin-left: 2px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer
}

label.searched-links-toggle i.more {
    background: url(../images/More.svg) 0 center no-repeat;
    background-size: 100%
}

label.searched-links-toggle i.less {
    background: url(../images/Less.svg) 0 center no-repeat;
    background-size: 100%
}

.searched-links-toggle input[type=checkbox] {
    display: none
}

.most-searched-links {
    border-color: #0e0f20;
    opacity: 0;
    height: 0;
    overflow: hidden;
    transition: all .3s
}

.most-searched-links ul {
    margin-bottom: 16px
}

.searched-links-toggle-checkbox {
    display: none
}

input[type=checkbox]:checked~label~.most-searched-links {
    opacity: 1;
    height: auto;
    padding: 40px 0 32px;
    border-top: 1px solid #2a2b3c
}

input[type=checkbox]:checked~label span:after {
    top: 7px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.our-investors-section {
    background-color: #1c1d2e;
    padding: 12px 0
}

.our-investors-label {
    font-size: 12px;
    font-weight: 700;
    padding: 18px 0;
    text-transform: uppercase
}

.pb-investors-list {
    margin: 0 -8px;
    display: flex;
    flex-wrap: wrap
}

.pb-investors-list li {
    padding: 8px
}

.pb-investors-list li span {
    display: block;
    width: 100px;
    height: 40px
}

.pb-investors-list li img {
    display: block;
    width: 80px;
    height: auto
}

.tiger-global {
    background-position: 0 0
}

.infoedge {
    background-position: 0 -60px
}

.truenorth {
    background-position: 0 -120px
}

.steadview {
    background-position: 0 -180px
}

.inventus-capital {
    background-position: 0 -240px
}

.soft-bank {
    background-position: 0 -300px
}

.chiratae-ventures {
    background-position: 0 -360px
}

.premji-invest {
    background-position: 0 -420px
}

.temasek {
    background-position: 0 -480px
}

.ribbit-capital {
    background-position: 0 -540px
}

.visa-card {
    background-position: 0 -600px
}

.amexpayment-card {
    background-position: 0 -650px
}

.mastercard-card {
    background-position: 0 -700px
}

.dinersclub-card {
    background-position: 0 -750px
}

.rupay-card {
    background-position: 0 -800px
}

.maestro-card {
    background-position: 0 -850px
}

.trendmicro-card {
    background-position: 0 -900px
}

.bit-card {
    background-position: 0 -950px
}

.footer-links-section {
    padding: 40px 0 12px
}

.footer-logo img {
    max-width: 100%;
    height: auto;
    margin-bottom: 16px
}

.footer-links ul {
    margin-bottom: 16px
}

.footer-links p {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 12px
}

.footer-links a {
    font-size: 12px;
    color: #9f9fa6;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 12px;
    cursor: pointer
}

.footer-links a:hover {
    color: #fff
}

.appstore-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 6px
}

.appstore-links a+a {
    margin-left: 40px
}

.terms-policy-links {
    background-color: #1c1d2e;
    padding: 8px 0
}

.terms-policy-links a {
    font-size: 12px;
    color: #9f9fa6;
    display: inline-block
}

.pb-legal-links a {
    margin-right: 20px
}

.pb-social-links a {
    margin-left: 20px
}

.terms-policy-links a:hover {
    color: #fff
}

.pb-social-links {
    display: flex;
    justify-content: flex-end
}

.pb-social-links img {
    width: 24px;
    height: 24px;
    display: block
}

.pb-social-links a:last-child {
    padding-right: 0
}

.payment-methods-section {
    padding: 24px 0
}

.payment-methods-section p {
    font-size: 10px;
    color: #9f9fa6;
    font-weight: 600
}

.payment-methods-type ul {
    display: flex;
    flex-wrap: wrap;
    margin-right: 8px
}

span.pcidds {
    background-position: 0 -992px;
    display: block;
    width: 60px;
    height: 38px
}

.payment-methods-type ul li {
    width: 60px;
    margin-top: 8px;
    margin-right: 8px
}

.payment-methods-type ul li:last-child {
    margin-right: 0
}

.payment-methods-type li img {
    display: block;
    width: 100%;
    height: auto
}

.payment-methods-type li span {
    display: block;
    width: 60px;
    height: 30px
}

.pb-secured-by {
    display: flex;
    justify-content: flex-end
}

.certified-by img {
    display: block;
    margin-top: 8px
}

.copyright-info {
    font-weight: 600;
    padding: 24px 0;
    font-size: 10px;
    color: #9f9fa6;
    border-top: 1px solid #2a2b3c
}

.build-with {
    display: flex;
    font-weight: 600;
    justify-content: flex-end
}

.build-with span+span {
    margin-left: 8px
}

.footer-container {
    width: 100%;
    margin: 0 auto
}

.footer-container .f-container {
    max-width: 1170px;
    width: 100%;
    margin: 0 auto
}

.footer-container .tabs-row {
    margin: 0 -20px 8px
}

.footer-container ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 32px;
    width: 100%;
    margin-bottom: 6px
}

.footer-container ul.tabs li {
    float: left;
    margin: 0;
    cursor: pointer;
    width: 20%;
    padding: 10px 20px 10px;
    background-color: transparent;
    color: #9f9fa6;
    overflow: hidden;
    position: relative;
    font-size: 12px;
    font-weight: 600
}

.footer-container ul.tabs li:hover {
    color: #fff
}

.footer-container .tab_drawer_heading i,.footer-container ul.tabs li i {
    display: inline-block;
    border: solid #9f9fa6;
    border-width: 0 2px 2px 0;
    padding: 2px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0;
    margin-left: 8px;
    -webkit-transition: all .3s;
    transition: all .3s;
    margin-bottom: 2px;
    position: relative
}

.footer-container ul.tabs li.active i {
    border-color: #fff;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    top: 4px
}

.footer-container ul.tabs li:hover i {
    border-color: #fff
}

.footer-container .tab_container {
    clear: both;
    width: 100%;
    background: #1c1d2e;
    overflow: auto
}

.footer-container .tab_drawer_heading {
    display: none
}

.footer-container .tab_content {
    padding: 20px 0 0;
    display: none
}

.footer-container .tab_content ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 0
}

.footer-container .tab_content ul li {
    flex: 0 0 20%;
    padding: 0 0 0 20px
}

.footer-container .tab_content ul li a {
    text-align: left;
    font-size: 12px;
    margin-bottom: 20px;
    display: block;
    color: #9f9fa6;
    text-decoration: none;
    font-weight: 600
}

.footer-container .tab_content ul li a:hover {
    color: #fff
}

.footer-container .tab_drawer_heading.d_active+.tab_content {
    display: flex
}

a.sMtoggle {
    display: none
}

.footer-container ul.tabs li.active {
    background-color: #1c1d2e;
    color: #fff;
    display: block;
    font-weight: 600
}

.scroll-top {
    position: fixed;
    right: 16px;
    bottom: 16px;
    width: 50px;
    height: 50px;
    padding: 12px;
    text-align: center;
    background: rgba(224,0,103,.6);
    border-radius: 50px;
    display: none;
    cursor: pointer;
    transition: background .3s
}

.scroll-top img {
    max-width: 100%
}

.scroll-top:hover {
    background: #e00067
}

.about-top-section {
    padding: 100px 0 48px
}

.about-top-section h1 {
    color: #1b1dc7;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 12px;
    max-width: 600px
}

.about-top-section p {
    color: #69829f;
    font-size: 18px;
    line-height: 36px
}

.about-tabs-links-section {
    padding: 12px 0;
    margin-bottom: 28px;
    top: 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

.about-tabs-links-section.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9;
    background: rgba(255,255,255,.85);
    box-shadow: 0 6px 12px rgba(52,105,203,.12);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px)
}

.about-tabs-links-section.footer-fix {
    top: -70px!important
}

.about-tabs-links-section.fixed+section {
    padding-top: 84px
}

.about-tabs-links {
    display: inline-flex;
    position: relative;
    left: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all .3s;
    transition: all .3s
}

.about-tabs-links li a {
    font-size: 16px;
    line-height: 1.7;
    color: #69829f;
    text-align: center;
    padding: 8px 32px;
    display: inline-block;
    text-transform: uppercase;
    border-radius: 50px;
    margin-right: 10px;
    cursor: pointer;
    transition: all .4s
}

.about-tabs-links li a.active,.about-tabs-links li a:hover {
    color: #fff;
    background-color: #e00067
}

.about-pb-box-section {
    padding: 0 40px
}

.about-pb-banner-bg {
    height: 460px;
    background: url("../images/about-pb/about-us-cover-img.png") no-repeat center center;
    background-size: cover;
    border-radius: 40px
}

.about-pb-box-container {
    position: relative;
    top: -160px;
    margin-bottom: -60px
}

.about-pb-box {
    padding: 40px;
    height: 100%;
    min-height: 335px;
    border-radius: 16px;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(5,47,95,.04),0 12px 16px 0 rgba(52,105,203,.12);
    position: relative;
    top: 0;
    transition: all .3s
}

.box-hover:hover .about-pb-box {
    top: -24px
}

.about-pb-box-icon {
    width: 44px;
    height: 44px;
    margin-bottom: 32px
}

.about-pb-box-icon img {
    max-width: 100%
}

.about-pb-box .top-line {
    width: 50px;
    background-color: #e00067
}

.about-pb-box h3 {
    font-size: 18px;
    line-height: 1.7;
    color: #1b1dc7;
    word-break: break-word;
    margin-bottom: 15px
}

.about-pb-box p {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.8;
    color: #69829f
}

.about-pb-box a {
    color: #1b1dc7
}

.our-story-section {
    margin-bottom: 100px
}

.story-timeline-container {
    padding-left: 100px
}

.story-timeline {
    position: relative
}

.story-timeline:after {
    content: '';
    position: absolute;
    width: 1px;
    background-color: #e6ebef;
    top: 70px;
    bottom: 160px;
    left: 20px;
    opacity: .6;
    z-index: -1
}

.timeline-container {
    display: flex;
    align-items: flex-start;
    margin-bottom: 60px;
    padding-left: 80px;
    position: relative;
    transition: all .5s
}

.timeline-year {
    font-size: 24px;
    font-weight: 700;
    margin-top: 26px;
    margin-right: 43px;
    position: absolute;
    left: 0;
    transition: all .5s ease
}

.timeline-container>div {
    transition: all .5s ease
}

.timeline-month {
    font-weight: 600;
    color: #9bacbf;
    text-transform: uppercase;
    margin-bottom: 8px
}

.timeline-des {
    font-size: 18px;
    line-height: 1.7;
    color: #052f5f
}

.timeline-btn {
    color: #1a1dc7;
    font-size: 12px;
    font-weight: 700;
    padding-right: 15px;
    display: inline-block;
    text-transform: uppercase;
    position: relative;
    margin-top: 16px
}

.timeline-btn:after {
    content: "";
    position: absolute;
    border: solid #1a1dc7;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    top: 5px;
    right: 0
}

.timeline-full {
    margin-top: 26px;
    padding: 5px;
    margin-right: -80px;
    overflow: hidden;
    display: none
}

.timeline-full li {
    display: flex;
    position: relative
}

.timeline-full li+li {
    margin-top: 40px
}

.timeline-circle {
    padding: 5px
}

.timeline-circle span {
    display: block;
    height: 20px;
    width: 20px;
    background-color: #1996ff;
    border: 5px solid #53b0ff;
    box-shadow: 0 0 0 5px #8ccbff;
    border-radius: 50%
}

.timeline-full-month {
    font-weight: 600;
    color: #9bacbf;
    padding: 4px 4px 4px 16px;
    text-transform: uppercase;
    min-width: 63px
}

.timeline-full-des {
    line-height: 1.7;
    color: #052f5f;
    padding-top: 4px
}

.timeline-full-des p {
    position: relative;
    padding-left: 20px
}

.timeline-full-des p+p {
    margin-top: 24px
}

.timeline-full-des p:after {
    content: "";
    position: absolute;
    border: solid #052f5f;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    top: 8px;
    left: -3px
}

.timeline-full .timeline-btn {
    margin-left: 80px
}

.timeline-container.active {
    padding-left: 0
}

.timeline-container.active .timeline-year {
    left: -80px
}

.timeline-container.active .timeline-full {
    margin-right: 0;
    opacity: 1
}

.timeline-container.hide,.timeline-hidden {
    opacity: 0;
    height: 0;
    margin: 0;
    overflow: hidden
}

.timeline-hidden.show {
    opacity: 1;
    height: auto;
    max-height: initial;
    margin-bottom: 60px;
    overflow: visible
}

.timeline-year:after,.timeline-year:before {
    content: "";
    width: 40px;
    height: 2px;
    position: absolute;
    bottom: -8px;
    left: 0
}

.year-one:after,.year-one:before {
    background: #0b2da3
}

.year-two:after,.year-two:before {
    background: #3452b3
}

.year-three:after,.year-three:before {
    background: #674ed5
}

.year-four:after,.year-four:before {
    background: #4a319e
}

.year-five:after,.year-five:before {
    background: #7b1fab
}

.year-six:after,.year-six:before {
    background: #9e3e86
}

.year-seven:after,.year-seven:before {
    background: #cd519a
}

.year-eight:after,.year-eight:before {
    background: #cd519a
}

.year-nine:after,.year-nine:before {
    background: #cd519a
}

.year-ten:after,.year-ten:before {
    background: #cd519a
}

.pulse-css {
    width: 10px;
    height: 10px;
    border-radius: 5px;
    position: relative;
    margin: 4px 0 0 6px
}

.green-pulse,.green-pulse:after,.green-pulse:before {
    background-color: #21d9ab
}

.yellow-pulse,.yellow-pulse:after,.yellow-pulse:before {
    background-color: #ffc10f
}

.orange-pulse,.orange-pulse:after,.orange-pulse:before {
    background-color: #ec843b
}

.blue-pulse,.blue-pulse:after,.blue-pulse:before {
    background-color: #2b9ff6
}

.lt-green-pulse,.lt-green-pulse:after,.lt-green-pulse:before {
    background-color: #a9f876
}

.pulse-css:after,.pulse-css:before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 4px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    transform: scale(.5);
    transform-origin: center center;
    animation: pulse-me 3s linear infinite
}

.pulse-css:after {
    animation-delay: 2s
}

@keyframes pulse-me {
    0% {
        transform: scale(.4);
        opacity: 1
    }

    100% {
        transform: scale(4);
        opacity: 0
    }
}

.life-at-pb-section {
    background-color: #f3f9ff;
    padding: 60px 0;
    margin-bottom: 100px
}

.life-at-pb-section .col .row {
    margin-right: -8px;
    margin-left: -8px
}

.life-at-pb-section .row .col {
    padding-right: 8px;
    padding-left: 8px
}

.life-at-pb-section img {
    width: 100%;
    display: block
}

.life-at-pb-section img.btm-mar-fix {
    margin-bottom: 16px
}

.life-at-pb-section img.top-mar-fix {
    margin-top: 138px
}

.life-at-pb-section img.top-mar-fix1 {
    margin-top: 291px
}

.life-at-pb-section .pb-feature p {
    max-width: 486px;
    margin-bottom: 80px
}

.pb-vision-section {
    margin-bottom: 100px
}

.pb-vision-media {
    max-height: 370px;
    border-radius: 8px
}

.pb-vision-media iframe {
    width: 100%;
    height: 100%
}

.pb-vision-section img {
    display: block;
    max-width: 100%;
    height: auto
}

.pb-vision-box .top-line {
    background-color: #e00067
}

.pb-vision-box h3 {
    font-size: 24px;
    color: #1b1dc7;
    margin-bottom: 16px
}

.pb-vision-box p {
    font-size: 18px;
    line-height: 1.7;
    color: #052f5f;
    margin-bottom: 24px
}

.pb-vision-section .know-more-btn,.pb-work-with-us-section .know-more-btn {
    min-width: 200px
}

.pb-visionvideo {
    height: 100%;
    border-radius: 8px;
    position: relative;
    overflow: hidden
}

.pb-visionvideo video {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.pb-vision-media .watch-video {
    display: block;
    left: 50%;
    top: 50%;
    margin-top: -40px;
    margin-left: -40px;
    z-index: 2
}

.vision-image {
    background: url('../images/about-pb/paisa-visionaries-image.png') center center;
    background-size: cover;
    height: 370px
}

.pb-work-with-us-section {
    margin-bottom: 100px
}

.video-container {
    overflow: hidden;
    position: relative;
    width: 100%
}

.video-container::after {
    padding-top: 56.25%;
    display: block;
    content: ''
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.pb-info-section {
    margin-bottom: 60px
}

.video-section {
    position: relative;
    margin-bottom: 100px
}

.video-section img {
    max-width: 100%;
    height: auto
}

.watch-video {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -40px;
    margin-left: -40px;
    cursor: pointer
}

.watch-video>div {
    display: flex;
    align-items: center
}

.watch-video p {
    font-size: 24px;
    font-weight: 600;
    color: #fff
}

.video-wrapper {
    width: 100%;
    height: 640px;
    position: relative;
    overflow: hidden
}

.video-container,.video-container video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.color-overlay:after,.pb-visionvideo:after,.video-wrapper:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: .5;
    background: linear-gradient(134.79deg,#8400fc 0,#4a70f8 55.74%,#11def4 100%)
}

.overlay-hidden:after {
    background: rgba(255,255,255,0)
}

.color-overlay {
    position: relative;
    overflow: hidden
}

.play-btn {
    display: block;
    width: 80px;
    height: 80px;
    background: #1b1dc7;
    border-radius: 50%;
    position: relative;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    z-index: 1
}

.play-btn:before {
    content: "";
    position: absolute;
    top: 22px;
    left: 32px;
    width: 0;
    height: 0;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 22px solid #fff;
    border-radius: 3px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s
}

.play-btn:after {
    content: "";
    opacity: 0;
    width: 24px;
    height: 30px;
    background: #1b1dc7;
    position: absolute;
    top: 25px;
    left: 28px;
    border-left: 8px solid #fff;
    border-right: 8px solid #fff;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s
}

.play-btn:focus:after,.play-btn:focus:before,.play-btn:hover:after,.play-btn:hover:before {
    -webkit-animation: playbtnhover 1s;
    animation: playbtnhover 1s
}

.overlay-hidden .play-btn:before,.play-btn.active:before {
    opacity: 0
}

.overlay-hidden .play-btn:after,.play-btn.active:after {
    opacity: 1
}

.overlay-hidden .watch-video {
    opacity: 0
}

@-webkit-keyframes playbtnhover {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.1)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes playbtnhover {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.1)
    }

    100% {
        transform: scale(1)
    }
}

.video-responsive {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0
}

.video-responsive iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute
}

.our-leadership-section {
    margin-bottom: 0
}

.our-leadership-team {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 24px;
    margin-bottom: 40px
}

.our-leadership-team li {
    flex: 0 0 20%;
    text-align: center;
    position: relative;
    padding: 0 8px;
    margin-bottom: 60px
}

.our-leadership-team li:last-child {
    margin-right: auto
}

.our-leadership-team li>div {
    width: 150px;
    margin: 0 auto;
    background: #fff
}

.our-leadership-team .team-img-wrap {
    display: inline-block;
    position: relative;
    width: 126px;
    height: 126px;
    overflow: hidden;
    margin-bottom: 20px
}

.our-leadership-team .team-img-wrap img {
    display: block;
    width: 100%;
    border-radius: 50%
}

.our-leadership-team .team-img-wrap a {
    position: absolute;
    bottom: 3px;
    right: 3px;
    width: 28px;
    height: 28px;
    background: #fff;
    border: 2px solid #fff;
    border-radius: 50%;
    transition: all .2s
}

.team-member-list:hover .team-img-wrap a {
    -webkit-transform: scale(1.4);
    transform: scale(1.4)
}

.our-leadership-team h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.8;
    margin-bottom: 8px
}

.our-leadership-team p {
    color: #69829f
}

.our-leadership-team .team-more-info {
    color: #fff;
    margin-top: 24px;
    display: none
}

.join-pb-team-section {
    padding-top: 70px;
    padding-bottom: 124px;
    position: relative
}

.join-pb-team-section:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 60%;
    left: 0;
    bottom: 0;
    background-color: #f3f9ff;
    z-index: -1
}

.join-pb-team-section .row {
    justify-content: center;
    height: 350px;
    background: linear-gradient(134.12deg,#9effdc 0,#00ef87 100%);
    border-radius: 16px
}

.join-pb-team-section img {
    position: relative;
    margin-top: -68px;
    max-width: 100%;
    height: auto
}

.join-pb-team {
    margin-top: 80px;
    max-width: 384px
}

.join-pb-team h2 {
    font-size: 32px;
    margin-bottom: 16px
}

.join-pb-team p {
    color: #052f5f;
    font-weight: 400
}

.join-pb-team .know-more-btn {
    position: absolute;
    bottom: -32px
}

[data-aos=fade-right] {
    transform: translate3d(-20px,0,0)!important
}

[data-aos^=fade][data-aos^=fade].aos-animate {
    transform: translateZ(0)!important
}

.help-section .pb-feature {
    max-width: 100%;
    margin-bottom: 40px
}

.contact-block {
    margin-bottom: 60px
}

.contact-block h4 {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.8;
    color: #1b1dc7;
    word-break: break-word;
    margin-bottom: 8px
}

.contact-block h4 a {
    color: #1b1dc7
}

.contact-block p {
    font-size: 14px;
    line-height: 1.8;
    color: #69829f
}

.help-section .pb-feature img {
    margin-bottom: 0
}

.mapouter {
    position: relative;
    text-align: right;
    height: 600px;
    width: 100%
}

.gmap_canvas {
    overflow: hidden;
    background: 0 0!important;
    height: 600px;
    width: 100%
}

.regulatory {
    margin: 0 0 120px 0;
    width: 100%
}

.regulatory .col-lg-12 {
    margin: 0 0 35px 0
}

.regulatory label {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    color: #052f5f;
    opacity: .6;
    width: 120px;
    float: left;
    text-align: left;
    height: 38px
}

.regulatory span {
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    color: #052f5f;
    text-align: left
}

.regulatory span a {
    color: #1b1dc7;
    text-decoration: none
}

.legal-page-container {
    padding-top: 82px;
    border-top: 1px solid #e6ebef;
    margin-bottom: 60px
}

.legal-page-links {
    margin: 0;
    padding: 0
}

.legal-page-links-toggle {
    display: none;
    font-weight: 600;
    padding: 15px;
    padding-right: 30px;
    position: relative
}

.legal-page-links-toggle:after {
    content: "";
    position: absolute;
    border: solid #052f5f;
    border-width: 0 2px 2px 0;
    padding: 3px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 22px;
    right: 20px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.legal-page-links-toggle.active:after {
    margin-top: 4px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.legal-page-links li {
    border-bottom: 1px solid #e6ebef;
    margin-bottom: 20px
}

.legal-page-links a {
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    padding: 0 28px 20px 0;
    position: relative
}

.legal-page-links a:after {
    content: "";
    position: absolute;
    border: solid #052f5f;
    border-width: 0 1px 1px 0;
    display: block;
    padding: 2px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    top: 8px;
    right: 4px;
    width: 6px;
    height: 6px
}

.legal-page-links a:hover {
    color: #1b1dc7
}

.legal-page-links a.active,.legal-page-links a.active:hover {
    color: #052f5f;
    opacity: .6;
    cursor: default
}

.legal-page-links a.active:after,.legal-page-links a:hover:after {
    border-color: #1b1dc7
}

.legal-content-section {
    margin-bottom: 40px
}

.main-title {
    position: relative;
    display: inline-block;
    margin: 5px 0 0 0
}

.main-title h2 {
    font-size: 24px;
    color: #1b1dc7;
    margin-bottom: 16px;
    display: inline;
    float: left
}

.main-title .top-line {
    background-color: #e00067
}

.legal-content-section h3,.legal-page-container h3 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 12px
}

.legal-content-section p,.legal-page-container p {
    color: #69829f;
    line-height: 1.8;
    margin-bottom: 24px
}

.legal-content-section b,.legal-page-container b {
    font-weight: 600
}

.legal-content-section ol,.legal-page-container ol {
    list-style: lower-alpha;
    padding-left: 20px
}

ol.decimal-list {
    list-style: decimal
}

.legal-content-section ul,.privacy-policy-content ul {
    list-style: disc;
    padding-left: 20px;
    list-style-position: inside
}

.legal-content-section ol li,.legal-content-section ul li,.legal-page-container ol li {
    color: #69829f;
    line-height: 1.8;
    padding: 0
}

.legal-page-container ul li {
    color: #69829f;
    line-height: 1.8;
    padding: 0;
    list-style-position: initial
}

ul.legal-page-links li {
    list-style-type: none
}

.expandable-box {
    margin-bottom: 24px;
    transition: all .3s
}

.expandable-header {
    display: flex;
    font-size: 16px;
    justify-content: space-between;
    border-bottom: 1px solid rgba(5,47,95,.2);
    margin-bottom: 8px;
    cursor: pointer
}

.expandable-header span {
    font-size: 18px;
    font-weight: 700;
    color: #1b1dc7;
    text-align: center;
    width: 16px;
    height: 24px;
    margin-bottom: 8px;
    margin-left: 12px
}

.expandable-content {
    display: none
}

.expandable-box.active {
    padding-bottom: 16px
}

.expandable-box.active .expandable-content {
    display: block
}

.expandable-content .sub-content {
    margin-left: 16px
}

.expandable-content p:last-child {
    margin-bottom: 0
}

.contact-detail p {
    color: #052f5f
}

.contact-detail a {
    color: #1b1dc7;
    font-weight: 600;
    display: contents
}

.legal-page-container .invester-page-title {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.5;
    color: #052f5f;
    margin: 30px 0 5px 0
}

.investor-relations-content .main-title {
    margin: 25px 0 0 0
}

.investor-relations-content .top-line {
    margin-bottom: 12px
}

.investor-relations-content .main-title h2 {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5
}

.investor-relations-content .content-ul-title {
    font-family: 'Open Sans';
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    color: #052f5f;
    padding-right: 70px;
    position: relative;
    display: inline-block;
    overflow: hidden
}

.investor-relations-content .content-ul-title:after {
    content: "";
    width: 60px;
    height: 1px;
    position: absolute;
    background: #e00067;
    top: 10px;
    right: 0
}

.investor-relations-content .invester-content-ul {
    margin-bottom: 24px
}

.investor-relations-content .invester-content-ul li {
    font-size: 14px;
    line-height: 1.5;
    color: #052f5f;
    padding: 5px 0;
    border-bottom: 1px dashed rgba(5,47,95,.1)
}

.investor-relations-content .invester-content-ul li:last-child {
    border-bottom: 0
}

.invester-content-ul li div {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.invester-content-ul li span span {
    font-weight: 600
}

.invester-content-ul li a {
    color: #1b1dc7;
    display: inline-block;
    text-decoration: underline!important
}

.invester-content-ul .download-icon {
    display: inline-block;
    margin-left: auto;
    width: 32px;
    height: 32px;
    border-radius: 3px;
    background: rgba(27,29,199,.06) url(../images/download-icon.svg) no-repeat center center;
    cursor: pointer;
    position: relative
}

.investor-relations-content .board-members-col {
    margin-bottom: 30px
}

.investor-relations-content .board-members {
    padding: 16px;
    border: 1px solid rgba(5,47,95,.1);
    border-radius: 8px
}

.board-members img {
    width: 100%;
    height: auto;
    border-radius: 6px;
    margin-bottom: 16px;
    display: block
}

.board-members h3 {
    font-weight: 700;
    font-size: 18px;
    line-height: 27px;
    color: #052f5f;
    margin-bottom: 4px
}

.board-members p {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: rgba(5,47,95,.6);
    margin: 0
}

.investor-relations-content .get-in-touch span {
    font-weight: 600;
    color: #052f5f
}

.investor-relations-content .get-in-touch a {
    color: #1b1dc7
}

.recentMainBox .recentBox .recentRow {
    position: relative!important
}

.notification-dialog-box {
    position: fixed;
    right: 40px;
    bottom: 40px;
    width: 370px;
    background: #fff;
    padding: 16px;
    border: 1px solid rgba(5,47,95,.1);
    border-radius: 8px;
    box-shadow: 0 2px 4px 0 rgba(5,47,95,.04),0 11px 80px 0 rgba(40,40,40,.28);
    z-index: 10
}

.dialog-icon {
    margin-right: 12px
}

.dialog-container {
    display: flex
}

.dialog-container h3 {
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 8px
}

.dialog-container p {
    font-size: 12px;
    margin-bottom: 16px
}

.dialog-container a {
    color: #1b1dc7;
    font-weight: 600;
    text-decoration: underline
}

.btn-default {
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    padding: 10px 24px;
    background-color: #1b1dc7;
    border-radius: 4px;
    display: inline-block;
    border: 0;
    cursor: pointer;
    line-height: 1.5
}

.career-box {
    margin-bottom: 70px!important
}

.career-box .about-pb-box {
    box-shadow: 0 6px 24px 0 rgba(0,0,0,.14);
    min-height: 518px
}

.career-box .about-pb-box span {
    color: #052f5f;
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    margin: 20px 0 10px 0;
    display: block
}

.career-box .about-pb-box a {
    color: #2c3bd9;
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    display: inline-block
}

.career-box .about-pb-box a.q-code img {
    width: 130px;
    margin-left: -10px
}

.cover-img-section {
    padding: 0 40px;
    margin-bottom: 60px
}

.careers-banner-bg {
    height: 460px;
    background: url(../images/career/career-cover-img.png) no-repeat center center;
    background-size: cover;
    border-radius: 40px
}

.sitemap-section {
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: #f3f9ff;
    border-top: 1px solid #e6ebef
}

.sitemap-section .main-title {
    margin-bottom: 40px
}

.sitemap-links-col {
    margin-bottom: 30px
}

.sitemap-links {
    height: 100%;
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid rgba(235,239,247,.8);
    padding: 16px;
    box-shadow: 0 2px 4px 0 rgba(5,47,95,.04),0 12px 16px 0 rgba(52,105,203,.12)
}

.sitemap-links .menu-title {
    font-weight: 700;
    color: #1b1dc7;
    text-transform: uppercase;
    margin-bottom: 12px
}

.sitemap-links ul {
    margin-bottom: 40px
}

.sitemap-links li a {
    font-size: 12px;
    font-weight: 600;
    color: #37597f;
    display: inline-block;
    padding: 0 0 2px;
    border-bottom: 1px solid transparent;
    transition: all .3s;
    margin-bottom: 6px;
    position: relative
}

.sitemap-links li a:hover {
    color: #1b1dc7
}

.sitemap-links li a:after {
    content: "";
    width: 0;
    height: 1px;
    position: absolute;
    background: #1b1dc7;
    left: 0;
    bottom: 0;
    transition: all .3s ease;
    opacity: 0
}

.sitemap-links li a:hover:after {
    width: 100%;
    opacity: 1
}

.co-created-products {
    padding: 0;
    margin: 72px 0 0 0;
    background-image: url(../images/ccp-left.svg),url(../images/ccp-right.svg),url(../images/ccp-left.svg);
    background-position: 0 160px,100% 50%,0 75%;
    background-repeat: no-repeat,no-repeat,no-repeat;
    background-size: 50%;
    overflow: hidden
}

.co-created-products .container {
    background-image: url(../images/ccp-left-dots.svg),url(../images/ccp-right-dots.svg),url(../images/ccp-left-dots.svg);
    background-position: 50px 170px,923px 678px,20px 982px;
    background-repeat: no-repeat,no-repeat,no-repeat;
    overflow: hidden
}

.co-created-products .container .title {
    color: #1b1dc7;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 40px;
    text-align: center;
    margin: 0 0 32px 0;
    display: grid
}

.co-created-products .container .title span {
    height: 2px;
    width: 60px;
    background-color: #d90368;
    display: inline-block;
    margin: 10px auto 0 auto
}

.co-created-products .container .suc-section {
    float: right;
    display: block;
    margin: -50px 0 0 0
}

.co-created-products .container .suc-section img.suc-img {
    float: right;
    margin: -80px 80px 0 0
}

.co-created-products .container .suc-section .suc-features {
    float: left;
    text-align: left;
    padding: 34px 50px 0 0;
    margin: 0 0 0 -23px
}

.co-created-products .container .suc-section .suc-features .heading {
    color: #052f5f;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 22px;
    margin: 0 0 24px 0
}

.co-created-products .container .suc-section .suc-features ul {
    margin: 0;
    padding: 0
}

.co-created-products .container .suc-section .suc-features ul li {
    background: url(../images/ccptick.svg) left center no-repeat;
    margin: 0 0 15px 0;
    padding: 2px 0 2px 36px;
    color: #052f5f;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 24px
}

.co-created-products .container .suc-section .suc-features a {
    color: #1b1dc7;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 24px;
    background: url(../images/ccp-arrow.svg) right center no-repeat;
    padding: 0 25px 0 0
}

.co-created-products .container .pod-section {
    float: left;
    display: block;
    margin: -20px 0 0 0
}

.co-created-products .container .pod-section img.pod-img {
    float: left;
    margin: -100px 10px 0 40px
}

.co-created-products .container .pod-section .pod-features {
    float: left;
    text-align: left;
    padding: 34px 50px 0 0;
    margin: 0
}

.co-created-products .container .pod-section .pod-features .heading {
    color: #052f5f;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 22px;
    margin: 0 0 24px 0
}

.co-created-products .container .pod-section .pod-features ul {
    margin: 0;
    padding: 0
}

.co-created-products .container .pod-section .pod-features ul li {
    background: url(../images/ccptick.svg) left center no-repeat;
    margin: 0 0 15px 0;
    padding: 2px 0 2px 36px;
    color: #052f5f;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 24px
}

.co-created-products .container .pod-section .pod-features a {
    color: #1b1dc7;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 24px;
    background: url(../images/ccp-arrow.svg) right center no-repeat;
    padding: 0 25px 0 0
}

.co-created-products .container .pod-section .pod-features a:hover,.co-created-products .container .suc-section .suc-features a:hover {
    padding: 0 30px 0 0;
    transition: .2s
}

.co-created-products .container .psc-section {
    float: left;
    display: block;
    margin: 50px 0 0 0
}

.co-created-products .container .psc-section img.psc-img {
    float: left;
    margin: -60px 10px 0 110px
}

.co-created-products .container .psc-section .psc-features {
    float: left;
    text-align: left;
    padding: 34px 0 0 0;
    margin: 0
}

.co-created-products .container .psc-section .psc-features .heading {
    color: #052f5f;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 22px;
    margin: 0 0 24px 0
}

.co-created-products .container .psc-section .psc-features ul {
    margin: 0;
    padding: 0
}

.co-created-products .container .psc-section .psc-features ul li {
    background: url(../images/ccptick.svg) left center no-repeat;
    margin: 0 0 15px 0;
    padding: 2px 0 2px 36px;
    color: #052f5f;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 24px
}

.co-created-products .container .psc-section .psc-features a {
    color: #1b1dc7;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 24px;
    background: url(../images/ccp-arrow.svg) right center no-repeat;
    padding: 0 25px 0 0
}

@media (min-width: 1441px) {
    #circularProgressBar {
        right:120px
    }

    .about-pb-box-section {
        padding: 0 100px
    }

    .video-wrapper {
        height: 860px
    }
}

@media (max-width: 1366px) {
    #circularProgressBar {
        right:40px
    }
}

@media (min-width: 768px) and (max-width:1280px) {
    .banner-bg {
        border-radius:0
    }

    #circularProgressBar {
        right: 20px
    }
}

@media (min-width: 992px) {
    .main-nav {
        display:flex!important;
        flex-direction: column
    }

    .overlay-hidden:hover .watch-video {
        opacity: .8
    }
}

@media (min-width: 768px) {
    .products-section {
        margin-bottom:50px;
        clear: both
    }

    .pb-feature-section .pb-feature p {
        max-width: 262px
    }

    .partners-product.active .product-icon,.partners-product.active img,.pb-product.active .pre-approved-tag,.pb-product.active .product-icon,.pb-product.active .product-icon-tag {
        filter: grayscale(1);
        opacity: .6
    }

    .partners-product.active .product-name,.pb-product.active .product-name {
        opacity: .8
    }

    .partners-product.active,.pb-product.active {
        box-shadow: none;
        transition: .3s!important
    }

    .partners-product.active:active,.partners-product.active:hover,.pb-product.active:active,.pb-product.active:hover {
        box-shadow: 0 2px 4px 0 rgba(5,47,95,.04),0 12px 16px 0 rgba(52,105,203,.12)
    }

    .partners-product.active:hover .product-icon,.partners-product.active:hover img,.pb-product.active:hover .pre-approved-tag,.pb-product.active:hover .product-icon,.pb-product.active:hover .product-icon-tag {
        filter: grayscale(0);
        opacity: 1
    }

    .partners-product.active:hover .product-name,.pb-product.active:hover .product-name {
        opacity: 1
    }

    .pb-product.inactive {
        box-shadow: 0 2px 4px 0 rgba(5,47,95,.04),0 12px 16px 0 rgba(52,105,203,.12);
        transition: .3s!important
    }

    .partners-product {
        height: calc(100% - 32px)
    }

    .m-shown {
        display: none
    }

    .life-at-pb-section .left-p-fix {
        padding-left: 22px
    }

    .life-at-pb-section .right-p-fix {
        padding-right: 22px
    }

    .appstore-links a {
        margin-bottom: 16px
    }

    .about-tabs-links-section.fixed .about-tabs-links {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .legal-page-links {
        display: block!important
    }

    .video-section .video-responsive {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        transform: translate(-50%,-50%)
    }

    .mobile-nav-footer {
        display: none
    }

    .madeInIndia .slick-list {
        overflow: hidden
    }
}

@media (max-width: 1024px) {
    .header {
        background:#fff;
        z-index: 10
    }

    .site-logo {
        margin-right: 10px
    }

    .banner-content h2 {
        font-size: 32px;
        margin-bottom: 16px
    }

    .banner-content p {
        font-size: 16px;
        line-height: 1.8;
        margin-bottom: 24px
    }

    .banner-bg {
        min-height: 360px
    }

    .banner-mobile img {
        width: 340px;
        top: -34px
    }

    .life-at-pb-section .pb-feature p {
        margin-bottom: 64px
    }
}

@media (max-width: 991px) {
    body.nav-open,html.nav-open {
        overflow:hidden;
        height: 100%
    }

    .nav-toggle-btn,.site-logo {
        display: inline-block;
        vertical-align: middle
    }

    .main-nav {
        display: none;
        position: absolute;
        width: 100%;
        top: 42px;
        left: 0;
        background: #fff;
        box-shadow: 0 24px 24px rgba(30,31,33,.4);
        max-height: -webkit-calc(100vh - 124px);
        max-height: calc(100vh - 124px);
        overflow: auto
    }

    .main-nav>ul>li>a {
        padding: 12px 16px 12px 16px;
        border-bottom: 1px solid rgba(5,47,95,.04)
    }

    .main-nav>ul>li.active>a {
        color: #1b1dc7;
        border-bottom: 2px solid #1b1dc7
    }

    .main-nav .dropdown-link {
        position: relative;
        overflow: hidden
    }

    .main-nav .dropdown-link>a:after {
        right: 20px
    }

    .main-nav .dropdown-link.active {
        border-bottom: 1px solid rgba(5,47,95,.04)
    }

    .signin-nav {
        position: absolute;
        top: 20px;
        right: 20px
    }

    .user-nav {
        position: absolute;
        top: 20px;
        right: 40px
    }

    .life-at-pb-section img.top-mar-fix {
        margin-top: 222px
    }

    .header-inner {
        display: block;
        padding: 12px 0 0
    }

    .main-nav ul {
        display: block;
        max-width: 720px;
        margin: 0 auto
    }

    .mega-dropdown-menu {
        position: relative;
        top: 0;
        padding: 20px 0 0;
        min-height: auto;
        box-shadow: none
    }

    .mega-dropdown-menu ul {
        margin-bottom: 20px
    }

    .signin-nav {
        top: 20px;
        right: 40px
    }

    .banner-content h2 {
        font-size: 24px
    }

    .banner-content p {
        font-size: 14px
    }

    .about-pb-box-section {
        padding: 0 20px
    }

    .about-pb-box-container {
        top: -80px;
        margin-bottom: -52px
    }

    .about-pb-banner-bg {
        height: 240px;
        border-radius: 24px
    }

    .about-pb-box {
        height: auto;
        min-height: auto;
        padding: 24px;
        margin-bottom: 32px
    }

    .about-pb-box h3 {
        font-size: 16px;
        line-height: inherit;
        margin-bottom: 12px
    }

    .about-pb-box p {
        font-size: 12px;
        margin-bottom: 16px
    }

    .md-hidden {
        display: none
    }

    .join-pb-team,.join-pb-team-section img {
        margin-top: 50px
    }

    .video-wrapper {
        height: 430px
    }

    .box-hover:hover .about-pb-box {
        top: 0
    }
}

.covid.active {
    border: 1px solid rgba(235,239,247,.8)
}

.pb-sorry-section .sorry-header {
    margin: 0 0 90px 0;
    text-align: left;
    padding: 0 8px
}

.pb-sorry-section .container {
    width: 100%
}

section.pb-sorry-section+footer.footer-main {
    position: fixed;
    bottom: 0;
    width: -webkit-fill-available
}

.clear {
    clear: both
}

@media (max-width: 767px) {
    .pb-investors-list li span {
        width:auto
    }

    .pb-product .product-name.hl {
        width: 100%!important
    }

    .slide-box.pre-approved-bnr .bnr-content ul.stepup li {
        width: 60%
    }

    .home-page-banner-main .carousel .slide {
        position: relative
    }

    a.add-link {
        position: absolute;
        display: block;
        top: 0;
        width: 100%;
        height: -webkit-fill-available;
        z-index: 0;
        background: 0 0
    }

    .for-mobile .gl-container .gl-banner-box .banner-gl .image {
        margin: 0 20px 0 0;
        width: 30%
    }

    .home-page-banner-main .second-container {
        margin: 0;
        padding: 0;
        display: block;
        width: 100%
    }

    .home-page-banner-main .second-container .second-banner-box {
        margin: 0;
        padding: 0;
        background: url(../images/second-banner-bg.svg) center left no-repeat;
        height: 145px;
        background-color: #f2f4f9
    }

    .home-page-banner-main .second-container .second-banner-box .img-add {
        margin: 25px 0 0 20px;
        float: left
    }

    .home-page-banner-main .second-container .second-banner-box .add-content {
        float: left;
        text-align: left;
        margin: 25px 0 0 20px
    }

    .home-page-banner-main .second-container .second-banner-box .add-content .title {
        color: #1b1dc7;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 0;
        line-height: 20px;
        margin: 0 0 5px 0
    }

    .home-page-banner-main .second-container .second-banner-box .add-content .hashtag {
        color: #052f5f;
        font-size: 10px;
        font-weight: 600;
        letter-spacing: 0;
        line-height: 20px;
        margin: 0 0 15px 0
    }

    .home-page-banner-main .second-container .second-banner-box .add-content .hashtag span {
        height: 1px;
        width: 12px;
        background-color: #d90368;
        float: left;
        display: inline;
        margin: 11px 8px 0 0
    }

    .home-page-banner-main .second-container .second-banner-box .add-content .button {
        border-radius: 4px;
        background-color: #1b1dc7;
        color: #fff;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: 0;
        line-height: 16px;
        padding: 8px 23px 10px
    }

    .home-page-banner-main .second-container .second-banner-box .add-content .button e {
        font-size: 20px
    }

    .home-page-banner-main .carousel .slide {
        height: 174px
    }

    .home-page-banner-main {
        margin-bottom: 0;
        margin-top: 52px;
        background: linear-gradient(180deg,#fff 0,#f9fbff 100%);
        border-bottom: 2px solid #e8eef8
    }

    a.hp-banner {
        width: -webkit-fill-available;
        width: -moz-available
    }

    .mobile-banner-credit-report {
        width: 314px;
        margin: 0 auto;
        overflow: hidden;
        display: block
    }

    .btn-secondry-mobile {
        border-radius: 6px;
        background-color: #fff;
        color: #2e1f77;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0;
        line-height: 18px;
        text-align: center;
        padding: 6px 20px
    }

    .padd0 {
        padding: 0!important
    }

    .for-desktop {
        display: none!important
    }

    .for-mobile {
        display: inline-block!important
    }

    .banner-bg {
        position: relative;
        z-index: 9;
        border-radius: 16px;
        background: linear-gradient(113.48deg,#5040ca 0,#6137af 100%);
        box-shadow: 0 2px 4px 0 rgba(5,47,95,.04),0 12px 16px 0 rgba(52,105,203,.12);
        overflow: hidden;
        width: -webkit-fill-available;
        min-height: fit-content!important
    }

    .mobile-banner-img {
        position: absolute;
        right: -26px;
        bottom: 0
    }

    .banner-content h2 e {
        text-decoration: line-through
    }

    .banner-content h2 span {
        color: #f9cf39;
        text-transform: uppercase;
        font-weight: 600
    }

    .pb-sorry-section {
        margin: 20px 15px
    }

    .pb-sorry-section .sorry-header {
        padding: 0;
        margin: 0 0 30px 0
    }

    .pb-sorry-section .container {
        padding: 0;
        width: 100%
    }

    .pb-sorry-section .pb-feature {
        margin-bottom: 40px
    }

    img.sorry {
        margin: 0 auto;
        width: 96%
    }

    .products-section {
        margin-bottom: 20px
    }

    .covid.inactive,.covid:hover {
        border: none
    }

    .product-icon span.covid-tag {
        background: #19b24d;
        float: left;
        font-size: 8px;
        position: absolute;
        padding: 2px 4px;
        left: 19%;
        width: 92%;
        border-radius: 16px;
        color: #fff;
        margin: 0 auto 0 -12px;
        top: 87px;
        font-weight: 700
    }

    .container {
        max-width: 100%
    }

    .row {
        margin-right: -8px;
        margin-left: -8px
    }

    .col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto {
        padding-right: 8px;
        padding-left: 8px
    }

    .header {
        background: #0000fe;
        z-index: 10;
        padding: 10px 0 10px 0
    }

    .header-inner {
        display: block;
        padding: 0
    }

    .site-logo a {
        padding: 3px 0 3px 0;
        margin-right: 0
    }

    .site-logo img {
        width: 123px
    }

    .site-logo img.hashtaghp {
        margin: 3px 0 0 0;
        width: 69px
    }

    .main-nav ul {
        display: block
    }

    .signin-nav {
        border-radius: 4px;
        top: 1px;
        right: 15px;
        margin-bottom: 0;
        background: rgb(231 234 241)
    }

    .signin-nav a {
        font-size: 12px;
        height: 28px;
        padding: 2px 16px;
        color: #1b1dc7
    }

    .user-nav {
        top: 6px;
        right: 15px
    }

    .user-dropdown-link>a {
        padding: 8px 20px 8px
    }

    .user-dropdown-menu {
        top: 48px
    }

    .mega-dropdown-menu {
        position: relative;
        top: 0;
        padding: 20px 0 0;
        min-height: auto;
        box-shadow: none
    }

    .mega-dropdown-menu ul {
        margin-bottom: 20px
    }

    .banner-content {
        padding: 16px 0 20px 10px
    }

    .banner-content h2 {
        font-size: 14px;
        margin-bottom: 15px;
        font-weight: 500;
        color: #fff
    }

    .banner-content .for-desktop {
        display: none
    }

    .banner-content ul.for-mobile {
        display: block
    }

    .banner-mobile img {
        max-width: initial;
        width: 154px;
        top: -15px;
        right: -8px
    }

    #circularProgressBar {
        width: 12px;
        height: 12px;
        right: 24px;
        top: initial;
        bottom: 40px
    }

    .section-title {
        margin-top: 12px;
        margin-bottom: 12px
    }

    .section-title h3 {
        font-size: 10px;
        padding-right: 48px
    }

    .section-title h3:after {
        width: 40px;
        top: 8px
    }

    .our-products .col-3 {
        padding: 0 4px
    }

    .pb-product {
        flex-direction: column-reverse;
        justify-content: flex-end;
        padding: 0 0 24px;
        height: auto;
        min-height: 98px;
        text-align: center;
        border: 0;
        box-shadow: none;
        margin-bottom: 0
    }

    .pb-product .product-name {
        font-size: 14px;
        text-transform: capitalize;
        font-weight: 400;
        line-height: 16px;
        width: 100%
    }

    .pb-product .product-desc {
        display: none
    }

    .pb-product .product-icon {
        text-align: center;
        height: 50px;
        margin-top: 0;
        position: inherit;
        right: 0;
        top: 0
    }

    .pb-product .product-icon svg {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    .pb-product .pre-approved-tag {
        font-size: 8px;
        line-height: 12px;
        position: static;
        align-self: center;
        margin-top: -4px;
        border-radius: 20px
    }

    .pb-product .product-icon-tag {
        width: 100%
    }

    .pb-product .product-icon-tag img {
        width: 42px;
        margin: 0 auto
    }

    .product-icon img {
        width: 48px;
        height: auto
    }

    .our-products .ord-1 {
        order: 1
    }

    .our-products .ord-2 {
        order: 2
    }

    .our-products .ord-3 {
        order: 3
    }

    .our-products .ord-4 {
        order: 4
    }

    .our-products .ord-5 {
        order: 5
    }

    .our-products .ord-6 {
        order: 6
    }

    .our-products .ord-7 {
        order: 7
    }

    .our-products .ord-8 {
        order: 8
    }

    .our-products .ord-9 {
        order: 9
    }

    .our-products .ord-10 {
        order: 10
    }

    .our-products .ord-11 {
        order: 11
    }

    .our-products .ord-12 {
        order: 12
    }

    .our-products .ord-13 {
        order: 13
    }

    .our-products .ord-14 {
        order: 14
    }

    .our-products .ord-15 {
        order: 15
    }

    .our-products .ord-16 {
        order: 16
    }

    .our-products .ord-17 {
        order: 17
    }

    .our-products .ord-18 {
        order: 18
    }

    .our-products .ord-19 {
        order: 19
    }

    .our-products .ord-20 {
        order: 20
    }

    .partners-product-section {
        margin-bottom: 44px
    }

    .partners-product {
        border: 0;
        margin-bottom: 16px
    }

    .partners-product .product-name {
        font-size: 12px;
        text-transform: capitalize
    }

    .group-companies-section {
        margin-bottom: 44px
    }

    .group-companies-section .pb-feature {
        margin-bottom: 16px
    }

    .pb-group-company {
        height: 80px;
        margin-bottom: 16px
    }

    .pb-feature-section {
        margin-bottom: 20px
    }

    .pb-feature-section .pb-feature {
        width: 84%;
        margin-bottom: 40px
    }

    .pb-feature h3 {
        font-size: 18px;
        margin-bottom: 8px
    }

    .pb-feature img {
        margin-bottom: 8px
    }

    .pb-feature p {
        font-size: 14px
    }

    .about-pb-section {
        padding-bottom: 20px
    }

    .about-pb-section:after {
        height: 80%
    }

    .about-us-block {
        padding: 40px 20px 54px;
        margin-bottom: 64px
    }

    .about-us-img-wrap {
        max-width: 70%;
        min-height: auto;
        margin-bottom: 24px
    }

    .about-us-block h3 {
        font-size: 20px;
        line-height: 1.6;
        margin-bottom: 8px
    }

    .about-us-block p {
        font-size: 14px;
        line-height: 1.6
    }

    .about-pb-section .know-more-btn {
        right: 50%;
        bottom: -24px;
        transform: translateX(50%);
        white-space: nowrap
    }

    .know-more-btn {
        font-size: 14px;
        padding: 16px 32px 16px 16px;
        box-shadow: 0 2px 4px 0 rgba(5,46,94,.04),0 6px 8px 0 rgba(52,105,203,.06);
        min-width: 140px
    }

    .know-more-btn:after {
        top: 23px;
        right: 16px
    }

    .our-partners-section {
        padding-bottom: 40px
    }

    .partner-logo {
        width: 82px;
        height: 82px;
        padding: 10px;
        border-radius: 8px;
        margin: 8px;
        box-shadow: 0 2px 4px 0 rgba(5,46,94,.04),0 6px 8px 0 rgba(52,105,203,.06)
    }

    .partners-logo-row {
        width: calc(98px * 16);
        animation: scroll 20s linear infinite
    }

    @keyframes scroll {
        0% {
            transform: translateX(0)
        }

        100% {
            transform: translateX(calc(-98px * 8))
        }
    }

    

    input[type=checkbox]:checked~label~.most-searched-links {
        padding: 24px 0 4px
    }

    .our-investors-label {
        padding: 12px 0
    }

    .pb-investors-list {
        justify-content: space-between
    }

    .footer-links-section {
        padding: 24px 0
    }

    .footer-logo img {
        width: 140px
    }

    .terms-policy-links {
        padding: 24px 0
    }

    .terms-policy-links a {
        padding: 0
    }

    .appstore-links,.pb-social-links {
        justify-content: flex-start
    }

    .appstore-links a {
        padding: 12px 16px;
        border: 1px solid #444242;
        background: #0e0f20;
        border-radius: 4px
    }

    .appstore-links a img {
        display: block
    }

    .appstore-links a+a {
        margin-left: 16px
    }

    .pb-legal-links {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 16px
    }

    .pb-legal-links a {
        width: 50%;
        margin-bottom: 12px;
        margin-right: 0
    }

    .pb-social-links a {
        margin-left: 0;
        margin-right: 20px
    }

    .pb-secured-by {
        justify-content: flex-start;
        margin-top: 16px
    }

    .build-with {
        justify-content: flex-start;
        margin-top: 12px
    }

    .scroll-top {
        display: none!important
    }

    .about-top-section {
        padding: 60px 0 48px 0
    }

    .about-top-section h1 {
        font-size: 18px;
        line-height: 1.6;
        margin-bottom: 8px
    }

    .about-top-section p {
        font-size: 14px;
        line-height: 1.8
    }

    .about-tabs-links-section {
        padding: 8px 0;
        margin-bottom: 32px
    }

    .about-tabs-links {
        display: flex
    }

    .about-tabs-links li {
        flex: 1;
        margin-right: 10px
    }

    .about-tabs-links li:last-child {
        margin: 0
    }

    .about-tabs-links li a {
        font-size: 12px;
        padding: 8px 16px;
        width: 100%;
        margin: 0
    }

    .our-leadership-section,.our-management-section {
        margin-bottom: 20px
    }

    .our-leadership-team {
        margin-bottom: 0
    }

    .our-leadership-team li {
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 40px
    }

    .our-leadership-team .team-img-wrap {
        width: 98px;
        height: 98px;
        margin-bottom: 8px
    }

    .our-leadership-team h3 {
        font-size: 14px;
        margin-bottom: 4px
    }

    .our-leadership-team p {
        font-size: 12px
    }

    .join-pb-team-section {
        padding: 0 8px;
        padding-bottom: 84px
    }

    .join-pb-team-section .row {
        flex-direction: column-reverse;
        height: auto;
        padding-top: 20px;
        text-align: center;
        border-radius: 8px
    }

    .join-pb-team {
        max-width: 312px;
        margin: 0 auto;
        padding-bottom: 54px
    }

    .join-pb-team .top-line {
        display: none
    }

    .join-pb-team h2 {
        font-size: 20px;
        line-height: 1.6;
        margin-bottom: 8px
    }

    .join-pb-team-section img {
        margin-top: 0;
        max-width: 60%;
        margin-bottom: 12px
    }

    .join-pb-team .know-more-btn {
        right: 50%;
        bottom: -24px;
        transform: translateX(50%);
        white-space: nowrap
    }

    .video-section {
        margin-bottom: 60px
    }

    .video-wrapper {
        height: auto;
        max-height: 340px
    }

    .video-container,.video-container video {
        height: 100%
    }

    .watch-video {
        bottom: 10px
    }

    .watch-video p {
        font-size: 16px;
        margin-left: -20px
    }

    .pb-vision-section,.pb-work-with-us-section {
        margin-bottom: 60px
    }

    .pb-vision-media {
        height: auto;
        max-height: 300px;
        margin-bottom: 24px
    }

    .vision-image {
        height: 200px
    }

    .about-pb-box-section {
        padding: 0
    }

    .about-pb-banner-bg {
        height: 240px;
        background-size: cover;
        background-position: center;
        border-radius: 0
    }

    .about-pb-box {
        min-height: auto;
        padding: 24px;
        margin-bottom: 32px;
        border-radius: 12px;
        box-shadow: 0 2px 4px 0 rgba(5,46,94,.04),0 6px 8px 0 rgba(52,105,203,.06);
        border: 1px solid rgba(235,239,247,.8)
    }

    .about-pb-box-icon {
        height: 36px;
        margin-bottom: 24px
    }

    .about-pb-box-icon img {
        height: 36px
    }

    .about-pb-box h3 {
        font-size: 16px;
        line-height: inherit;
        margin-bottom: 12px
    }

    .about-pb-box p {
        font-size: 12px;
        margin-bottom: 16px
    }

    .life-at-pb-section {
        margin-bottom: 60px
    }

    .life-at-pb-section .pb-feature p {
        margin-bottom: 16px
    }

    .life-at-pb-section img.btm-mar-fix {
        margin-bottom: 16px
    }

    .life-at-pb-section img.top-mar-fix {
        margin-top: -46px
    }

    .life-at-pb-section img.top-mar-fix1 {
        margin-top: 15px
    }

    .our-story-section {
        margin-bottom: 60px
    }

    .story-timeline-container {
        padding-left: 0;
        margin-top: 40px
    }

    .story-timeline:after {
        top: 32px;
        bottom: 190px
    }

    .awards-timeline {
        position: relative
    }

    .awards-timeline:after {
        top: 32px!important;
        bottom: 32px!important
    }

    .timeline-container {
        padding-left: 90px
    }

    .timeline-year {
        font-size: 18px;
        margin-top: 0;
        top: 0
    }

    .timeline-des {
        font-size: 14px;
        line-height: 1.5
    }

    .timeline-full-month {
        font-size: 12px;
        min-width: 52px
    }

    .timeline-full-des {
        font-size: 12px;
        line-height: 1.5
    }

    .timeline-full-des p:after {
        top: 5px
    }

    .timeline-full .timeline-btn {
        margin-left: 85px
    }

    .timeline-container.active .timeline-year {
        left: 0;
        top: -24px;
        transition: all .5s ease;
        position: absolute
    }

    .timeline-container.active {
        transition: all .5s ease
    }

    .about-pb-box-container {
        top: -80px;
        margin-bottom: -52px
    }

    .help-section {
        margin-bottom: 20px
    }

    .contact-block {
        display: flex;
        margin-bottom: 40px
    }

    .contact-icon {
        width: 48px;
        min-width: 48px;
        margin-right: 12px
    }

    .contact-icon img {
        width: 100%
    }

    .contact-icon svg {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        margin-top: -20px
    }

    .contact-block p {
        line-height: 1.7
    }

    .legal-page-container {
        padding-top: 80px;
        margin-bottom: 40px;
        border-color: #fff
    }

    .legal-page-links-section {
        position: absolute;
        background: #fff;
        top: -65px;
        z-index: 6;
        left: -8px;
        right: -8px;
        box-shadow: 0 7px 10px 0 rgba(4,4,4,.08)
    }

    .legal-page-links-toggle {
        display: block
    }

    .legal-page-links {
        display: none;
        padding: 15px 15px 8px;
        border-top: 1px solid #e6ebef
    }

    .legal-page-links li {
        margin-bottom: 8px;
        border-bottom: 0
    }

    .legal-page-links a {
        font-size: 12px;
        display: inline-block;
        padding: 0 24px 8px 0
    }

    .main-title h2 {
        font-size: 18px
    }

    .legal-content-section h3 {
        font-size: 14px
    }

    .notification-dialog-box {
        width: auto;
        right: 16px;
        left: 16px;
        bottom: 24px
    }

    .footer-container .tabs {
        display: none
    }

    .footer-container .tab_container,.footer-container.light-theme .tab_container {
        background-color: transparent
    }

    .footer-container h3.tab_drawer_heading.d_active,.tab_drawer_heading.d_active+.tab_content {
        font-weight: 600
    }

    .footer-container .tab_drawer_heading {
        font-size: 12px;
        font-weight: 600;
        background-color: transparent;
        color: #9f9fa6;
        margin: 0;
        padding: 10px 10px 0;
        display: block;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .footer-container.light-theme .tab_drawer_heading,.footer-container.white-theme .tab_drawer_heading {
        color: #1d1f25
    }

    .footer-container .tab_drawer_heading:after {
        content: '';
        width: 100%;
        background: #2a2b3c;
        height: 1px;
        margin: 10px auto 0;
        display: block
    }

    .footer-container.light-theme .tab_drawer_heading:after,.footer-container.white-theme .tab_drawer_heading:after {
        background: rgba(29,31,37,.1)
    }

    .footer-container .d_active {
        background-color: transparent;
        color: #fff
    }

    .footer-container.light-theme .d_active,.footer-container.white-theme .d_active {
        background-color: transparent;
        color: #1d1f25
    }

    .footer-container .tabs-row {
        margin: 0 -10px
    }

    .footer-container .f-container {
        padding: 0
    }

    .footer-container h3[rel=tab1] {
        border-top: 0
    }

    .footer-container .tab_content ul {
        margin-top: 16px
    }

    .footer-container .tab_content ul li {
        flex: 0 0 100%
    }

    .footer-container .tab_drawer_heading.d_active+.tab_content {
        padding: 0
    }

    .footer-container .tab_content ul li {
        margin-bottom: 16px
    }

    .footer-container .tab_content ul li a {
        margin: 0
    }

    .footer-container .tab_drawer_heading i {
        float: right;
        margin-top: 4px;
        transition: all .2s;
        -moz-transition: all .2s;
        -webkit-transition: all .2s
    }

    .footer-container.light-theme .tab_drawer_heading i,.footer-container.white-theme .tab_drawer_heading i {
        background: url(../images/footer/arrow-down-blue.svg)
    }

    .tab_drawer_heading.d_active i {
        transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
        transition: all .2s;
        -moz-transition: all .2s;
        -webkit-transition: all .2s
    }

    .footer-container.dark-theme a.sMtoggle {
        color: #fff;
        margin: 0
    }

    .footer-container a.sMtoggle {
        display: block;
        font-size: 12px;
        font-weight: 600;
        color: #333;
        text-decoration: none;
        float: right;
        padding: 20px 0 20px 16px;
        outline: 0;
        border: 0
    }

    .footer-container.dark-theme a.sMtoggle.more {
        background: url(../images/More.svg) 0 center no-repeat
    }

    .footer-container a.sMtoggle.more {
        background: url(../images/footer/More-black.svg) 0 center no-repeat
    }

    .footer-container.dark-theme a.sMtoggle.less {
        background: url(../images/Less.svg) 0 center no-repeat
    }

    .footer-container a.sMtoggle.less {
        background: url(../images/footer/Less-black.svg) 0 center no-repeat
    }

    .footer-container .tabs-row {
        display: none
    }

    .most-searched>div>div:first-child {
        display: block
    }

    .tabs-row.block-all {
        display: block
    }

    .footer-container .most-searched {
        padding-bottom: 60px
    }

    .footer-container .tab_content ul li {
        padding-left: 10px
    }

    .career-box .about-pb-box {
        min-height: auto
    }

    .career-box {
        margin: 0!important
    }

    .cover-img-section {
        padding: 0
    }

    .careers-banner-bg {
        height: 240px;
        background-size: cover;
        background-position: center;
        border-radius: 0
    }

    .madeInIndia {
        padding: 0;
        margin: 0 auto
    }

    a.tdn {
        margin: 0 auto
    }

    .madeInIndia .indiaSection {
        width: 97%;
        margin: 0 0 0 5px;
        float: left
    }

    .madeInIndia .bewareSection {
        width: 97%;
        margin: 0 0 0 5px;
        float: left
    }

    .madeInIndia .bewareSection .text,.madeInIndia .indiaSection .text {
        padding: 20px 20px 35px 120px;
        font-size: 14px;
        line-height: 22px
    }

    .products-section {
        margin-bottom: 38px
    }

    .display-desktop {
        display: none!important
    }

    .display-mobile {
        display: inline-block!important;
        width: -webkit-fill-available
    }

    .banner-content ul.for-mobile li {
        margin-bottom: 0
    }

    .btn-secondry {
        padding: 6px 30px 6px 12px;
        margin: 8px 0 0 0;
        font-size: 12px;
        width: auto
    }

    .btn-secondry:after {
        top: 13px
    }

    .home-page-banner {
        margin-top: 55px
    }

    .carousel-indicators {
        z-index: 0
    }

    .slide2mobile {
        width: 100%;
        margin: 0 0 15px 0
    }

    .slide2mobile .carousel-indicators {
        margin-bottom: -20px!important
    }

    .slide2mobile .carousel-indicators li {
        position: relative;
        top: 0;
        display: inline-block;
        width: 6px!important;
        height: 6px!important;
        border-radius: 100%;
        margin-left: 3px;
        opacity: .6;
        background: #1b1dc7!important;
        margin: 2px 4px 3px 4px;
        border: 0
    }

    .slide2mobile .carousel-indicators li.active {
        background: #fff!important;
        width: 6px!important;
        height: 6px!important;
        border: 2px solid #3c05bd;
        opacity: 1;
        cursor: auto;
        margin: 0 0 -1px 0
    }

    .co-created-products {
        width: 100%;
        background-position: 0 140px,0 540px,0 1140px;
        background-size: 100%;
        margin: 40px 0 60px 0
    }

    .co-created-products .container {
        background-position: 90px 180px,216px 707px,35px 1125px;
        background-size: 35%
    }

    .co-created-products .container .title {
        font-size: 18px;
        line-height: 30px
    }

    .co-created-products .container .suc-section {
        margin: 50px 0 0 0
    }

    .co-created-products .container .suc-section img.suc-img {
        margin: -40px 0 0 0;
        width: 100%
    }

    .co-created-products .container .suc-section .suc-features {
        padding: 0;
        margin: -55px 0 0 0
    }

    .co-created-products .container .pod-section .pod-features .heading,.co-created-products .container .psc-section .psc-features .heading,.co-created-products .container .suc-section .suc-features .heading {
        line-height: 19px;
        font-size: 14px;
        font-weight: 700;
        margin: 0 0 15px 0
    }

    .co-created-products .container .pod-section .pod-features ul li,.co-created-products .container .psc-section .psc-features ul li,.co-created-products .container .suc-section .suc-features ul li {
        line-height: 24px;
        font-size: 12px;
        margin: 0 0 6px 0;
        background-size: 8%
    }

    .co-created-products .container .pod-section {
        float: left;
        margin: 0
    }

    .co-created-products .container .pod-section img.pod-img {
        float: left;
        margin: 45px 0 0 45px;
        width: 65%
    }

    .co-created-products .container .pod-section .pod-features a,.co-created-products .container .psc-section .psc-features a,.co-created-products .container .suc-section .suc-features a {
        line-height: 24px;
        font-size: 14px
    }

    .co-created-products .container .pod-section .pod-features {
        padding: 0;
        margin: -15px 0 0 0
    }

    .co-created-products .container .psc-section .psc-features {
        padding: 6px 0 0 0
    }

    .co-created-products .container .psc-section img.psc-img {
        margin: -30px 0 0 50px
    }

    .footer-main {
        padding-bottom: 20px
    }
}

@media (max-width: 495px) {
    .pb-investors-list li {
        flex:0 0 25%
    }

    .pb-investors-list li:last-child {
        margin-right: auto
    }
}

@media (max-width: 375px) {
    .banner-content h2,.banner-content h2 span {
        font-size:13px
    }
}

* {
    padding: 0;
    margin: 0
}

.homeStrip {
    background: #f9fbfc;
    border: 1px solid rgba(5,47,95,.2);
    padding: 10px 0;
    margin-top: 70px;
    border-radius: 8px
}

.container {
    margin: 0 auto;
    position: relative;
    max-width: 1200px
}

.homeStrip .container>p {
    font-size: 16px;
    color: #052f5f;
    font-weight: 600
}

.homeStrip .container>p span {
    display: none
}

.homeStrip .container>div {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap
}

.homeStrip .container>div>div {
    box-sizing: border-box
}

.homeStrip .container>div>div:last-child {
    padding-left: 28px
}

.homeStrip .container>div ul {
    list-style: none;
    margin-top: 16px
}

.homeStrip .container>div ul li {
    display: flex;
    align-items: center;
    margin-top: 10px
}

.homeStrip .container>div ul li img {
    margin-right: 4px;
    display: block;
    width: 16px
}

.homeStrip .container>div ul li p {
    font-size: 14px;
    font-size: 14px;
    color: #052f5f;
    font-weight: 400;
    line-height: 19px
}

.homeStrip .container>div ul li p a {
    color: #1b1dc7;
    text-decoration: none;
    font-weight: 600
}

.homeStrip .container>div ul li p b {
    font-weight: 600
}

.homeStrip .container>div ul li p a:hover {
    text-decoration: underline
}

a.close-homeStrip {
    position: absolute;
    top: 5px;
    right: 18px
}

.pb-product.sponsorTag .product-icon span.sponsor-icon {
    position: absolute;
    bottom: 12px;
    left: -24px;
    width: 100px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fafcfe;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid rgba(5,47,95,.1);
    flex-direction: column
}

.pb-product.sponsorTag .product-icon span.sponsor-icon span {
    font-size: 8px;
    color: rgba(5,47,95,.6);
    font-weight: 600
}

.pb-product.sponsorTag .product-icon span.sponsor-icon img {
    width: 80px;
    display: block;
    height: auto
}

@media screen and (max-width: 767px) {
    .user-dropdown-link>a {
        padding:0 20px 0;
        margin: -3px 0 0 0
    }

    .user-dropdown-menu {
        top: 32px
    }

    .covid.active {
        border: none
    }

    .homeStrip {
        margin-top: 30px
    }

    .homeStrip .container>div>div:last-child {
        padding-left: 0
    }

    .homeStrip .container>p {
        padding-right: 30px
    }

    .homeStrip .container>p span {
        display: inline-block
    }

    .homeStrip .container>p span a {
        text-decoration: none;
        color: #1996ff
    }

    .homeStrip .container>div ul li p,.homeStrip .container>p {
        font-size: 12px;
        line-height: 17px
    }

    .homeStrip .container>p br {
        display: none
    }

    .homeStrip .container>div ul {
        margin-top: 8px
    }

    a.close-homeStrip {
        width: 14px;
        top: 0;
        right: 16px
    }

    a.close-homeStrip img {
        width: 100%
    }

    .homeStrip .container .do-dont {
        display: none
    }

    .homeStrip .container>div ul li {
        align-items: flex-start
    }

    .homeStrip .container>div ul li img {
        margin-top: 2px
    }

    .pb-product.sponsorTag .product-icon span.sponsor-icon {
        width: 100%;
        left: 0;
        border: 0;
        bottom: -65px;
        background-color: transparent
    }

    .pb-product.sponsorTag .product-icon span.sponsor-icon img {
        width: 64px
    }

    .hashline {
        height: 20px;
        margin: 3px 8px
    }
}

@media (min-width: 768px) {
    .desktop-hidden {
        display:none
    }
}

@media (max-width: 320px) {
    .site-logo img {
        width:100px;
        margin: -2px 0 0 0
    }

    .nav-toggle-btn {
        padding: 8px 0 8px 0
    }

    .site-logo a {
        padding: 3px 0 3px 0;
        margin-right: 0
    }

    .site-logo img.hashtaghp {
        margin: 1px 0 0 0;
        width: 60px
    }

    a.hp-banner .home-page-banner-mobile .right-part p {
        font-size: 13px;
        margin: 0
    }

    a.hp-banner .home-page-banner-mobile .right-part ul li {
        margin: 0
    }

    a.hp-banner .home-page-banner-mobile .right-part span.btn-mobile {
        padding: 7px 10px;
        font-size: 10px
    }

    .highlight-app-text-banner {
        font-size: 13px
    }

    .home-page-banner-main .carousel-item .second-container .second-banner-box .add-content {
        margin: 25px 0 0 5px
    }

    .home-page-banner-main .carousel-item .second-container .second-banner-box .img-add img {
        width: 125px;
        margin: 0 15px 0 0
    }

    .pb-product.sponsorTag .product-icon span.sponsor-icon {
        bottom: -82px
    }
}

.slick-initialized .slick-slide {
    outline: 0;
    padding: 0
}

.slick-dots li {
    width: auto;
    height: auto;
    margin: 0;
    background-color: rgba(5,47,95,.06);
    padding: 4px
}

.slick-dots li button {
    background-color: rgba(27,29,199,.2);
    padding: 0;
    width: 6px;
    height: 6px;
    border-radius: 100;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px
}

.slick-dots li:first-child {
    border-radius: 6px 0 0 6px
}

.slick-dots li:last-child {
    border-radius: 0 6px 6px 0
}

.slick-dots li button:before {
    display: none
}

.slick-dots li.slick-active button {
    background-color: #1b1dc7
}

.home-page-banner-main .carousel>.container .slide-box.pre-approved-bnr .wfix {
    display: flex;
    padding-bottom: 15px
}

.home-page-banner-main .pl-pre-offer {
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}

.home-page-banner-main .pl-pre-offer img.pl-icon {
    width: 112px
}

.home-page-banner-main .pl-pre-offer img.offer-img {
    width: 125px
}

.slide-box.pre-approved-bnr .bnr-content {
    padding-left: 58px;
    flex: 1
}

.slide-box.pre-approved-bnr .bnr-content h1 {
    font-size: 28px;
    color: #1b1dc7;
    font-weight: 700;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 30px
}

.slide-box.pre-approved-bnr.meta-banner .bnr-content h1 {
    display: block
}

.slide-box.pre-approved-bnr .bnr-content h1 span.pink-txt {
    color: #d90368
}

.slide-box.pre-approved-bnr .bnr-content ul {
    display: flex;
    max-width: 660px;
    width: 100%;
    flex-wrap: wrap
}

.slide-box.pre-approved-bnr .bnr-content ul li {
    max-width: 50%;
    display: flex;
    align-items: flex-start;
    font-size: 16px;
    color: rgba(5,47,95,.8);
    font-weight: 600;
    margin-top: 12px;
    margin-right: 32px
}

.slide-box.pre-approved-bnr.pco-form-bnr.metainfo .bnr-content ul li {
    width: 100%
}

.slide-box.pre-approved-bnr.pco-form-bnr.metainfo .bnr-content ul li b,.slide-box.pre-approved-bnr.pco-form-bnr.metainfo .bnr-content ul li strong {
    font-weight: 600;
    color: #052f5f;
    margin-left: 3px
}

.slide-box.pre-approved-bnr .bnr-content ul li:before {
    content: "";
    width: 24px;
    height: 1px;
    background-color: #d90368;
    display: block;
    margin-right: 8px;
    margin-top: 12px
}

.slide-box.pre-approved-bnr .bnr-content h1 span.p-img-holder {
    width: 200px
}

.slide-box.pre-approved-bnr .bnr-content h1 span.p-img-holder img {
    width: 60%;
    height: auto;
    margin: 6px 0 0 10px
}

.slide-box.pre-approved-bnr .bnr-content a.apply-now {
    width: 208px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #1b1dc7;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    margin-top: 18px
}

.home-page-banner-main .carousel>.container .slide-box.pre-approved-bnr.pco-form-bnr.metainfo .bnr-content div.apply-now {
    width: 208px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #1b1dc7;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    margin-top: 24px;
    cursor: pointer
}

.home-page-banner-main .product-name {
    display: flex;
    align-items: center
}

.home-page-banner-main .product-name img {
    margin-right: 8px
}

.home-page-banner-main .product-name p {
    font-size: 10px;
    color: rgba(5,47,95,.6);
    font-weight: 700;
    text-transform: uppercase
}

.home-page-banner-main .product-offer {
    display: flex;
    align-items: center;
    background: linear-gradient(45deg,#6927c1 0,#2575f2 100%);
    background: -moz-linear-gradient(45deg,#6927c1 0,#2575f2 100%);
    background: -webkit-linear-gradient(45deg,#6927c1 0,#2575f2 100%);
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    padding: 0 6px;
    height: 20px
}

.home-page-banner-main .product-offer img {
    margin-right: 5px
}

.home-page-banner-main .product-offer p {
    font-size: 10px;
    color: #fff;
    font-weight: 600
}

.slide-box.pre-approved-bnr.meta-banner .infographic .cibil-date {
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}

.slide-box.pre-approved-bnr.meta-banner .infographic .cibil-date img {
    width: auto;
    height: 24px
}

.slide-box.pre-approved-bnr.meta-banner .infographic .cibil-date span {
    font-size: 18px;
    font-weight: 600;
    color: #052f5f
}

.slide-box.pre-approved-bnr.meta-banner .infographic .meter-holder {
    width: 324px;
    background: url(../images/meter-bg.png) no-repeat center;
    background-size: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 0
}

.slide-box.pre-approved-bnr.meta-banner .infographic .meter-holder img {
    width: 189px;
    height: auto
}

.slide-box.pre-approved-bnr.meta-banner .infographic p {
    font-size: 18px;
    font-weight: 600;
    color: rgba(5,47,95,.6);
    display: flex;
    align-items: center;
    flex-direction: column
}

.slide-box.pre-approved-bnr.meta-banner .infographic p:before {
    content: "";
    width: 198px;
    height: 2px;
    background-color: rgba(5,47,95,.1);
    margin: 6px 0
}

.slide-box.pre-approved-bnr.meta-banner .bnr-content {
    margin-top: 54px
}

.slide-box.pre-approved-bnr.meta-banner .bnr-content a.apply-now {
    width: 208px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(90deg,#3a3ee5 0,#1b1dc7 100%);
    background: -webkit-linear-gradient(90deg,#3a3ee5 0,#1b1dc7 100%);
    background: -moz-linear-gradient(90deg,#3a3ee5 0,#1b1dc7 100%);
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    margin-top: 24px
}

.slide-box.pre-approved-bnr.meta-banner .bnr-content {
    padding-left: 158px
}

.slide-box.pre-approved-bnr.meta-banner.actual-data-banner .infographic .meter-holder[class*=score_band] .meter-icon {
    width: 170px;
    height: 172px;
    display: flex;
    justify-content: center
}

.slide-box.pre-approved-bnr.meta-banner.actual-data-banner .infographic .meter-holder.score_band_verylow .meter-icon {
    background: url(../images/meter-poor.png) no-repeat 0 0;
    background-size: 100%
}

.slide-box.pre-approved-bnr.meta-banner.actual-data-banner .infographic .meter-holder.score_band_low .meter-icon {
    background: url(../images/meter-low.png) no-repeat 0 0;
    background-size: 100%
}

.slide-box.pre-approved-bnr.meta-banner.actual-data-banner .infographic .meter-holder.score_band_fair .meter-icon {
    background: url(../images/meter-fair.png) no-repeat 0 0;
    background-size: 100%
}

.slide-box.pre-approved-bnr.meta-banner.actual-data-banner .infographic .meter-holder.score_band_good .meter-icon {
    background: url(../images/meter-good.png) no-repeat 0 0;
    background-size: 100%
}

.slide-box.pre-approved-bnr.meta-banner.actual-data-banner .infographic .meter-holder.score_band_excellent .meter-icon {
    background: url(../images/meter-excellent.png) no-repeat 0 0;
    background-size: 100%
}

.slide-box.pre-approved-bnr.meta-banner.actual-data-banner .infographic .meter-holder {
    flex-direction: column;
    background-size: 93%;
    position: relative;
    background-position: center 0
}

.slide-box.pre-approved-bnr.meta-banner.actual-data-banner .infographic .meter-holder:after {
    position: absolute;
    bottom: 0;
    font-size: 20px;
    font-weight: 700;
    color: #d72716
}

.slide-box.pre-approved-bnr.meta-banner.actual-data-banner .infographic .meter-holder .meter-icon .meter-info {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    background: #fff;
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    width: 92px;
    height: 92px;
    margin-top: 42px;
    position: relative
}

.slide-box.pre-approved-bnr.meta-banner.actual-data-banner .infographic .meter-holder .meter-icon .meter-info span {
    display: flex
}

.slide-box.pre-approved-bnr.meta-banner.actual-data-banner .infographic .meter-holder .meter-icon .meter-info.no-change {
    margin-top: 32px
}

.slide-box.pre-approved-bnr.meta-banner.actual-data-banner .infographic .meter-holder .meter-icon .meter-info span.c-diff {
    position: absolute;
    top: 8px;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center
}

.slide-box.pre-approved-bnr.meta-banner.actual-data-banner .infographic .meter-holder .meter-icon .meter-info span.c-diff:before {
    content: "";
    display: block;
    width: 11px;
    height: 15px;
    background: url(../images/down-icon-red.png) no-repeat 0 0;
    margin-top: 5px;
    margin-right: 3px
}

.slide-box.pre-approved-bnr.meta-banner.actual-data-banner .infographic .meter-holder .meter-icon .meter-info span.c-score {
    font-size: 32px;
    color: #052f5f;
    font-weight: 600
}

.slide-box.pre-approved-bnr.meta-banner.actual-data-banner .infographic p {
    font-size: 14px
}

.slide-box.pre-approved-bnr.meta-banner.actual-data-banner .infographic .meter-holder .meter-icon .meter-info span.c-diff.up {
    color: #08a42a
}

.slide-box.pre-approved-bnr.meta-banner.actual-data-banner .infographic .meter-holder .meter-icon .meter-info span.c-diff.down {
    color: #d72716
}

.slide-box.pre-approved-bnr.meta-banner.actual-data-banner .infographic .meter-holder .meter-icon .meter-info span.c-diff.down:before {
    background: url(../images/down-icon-red.png) no-repeat 0 0;
    background-size: 100%
}

.slide-box.pre-approved-bnr.meta-banner.actual-data-banner .infographic .meter-holder .meter-icon .meter-info span.c-diff.up:before {
    background: url(../images/up-icon-green.png) no-repeat 0 0;
    background-size: 100%
}

.slide-box.pre-approved-bnr.meta-banner.actual-data-banner .infographic .meter-holder.score_band_verylow:after {
    content: "Very Low";
    color: #d72716
}

.slide-box.pre-approved-bnr.meta-banner.actual-data-banner .infographic .meter-holder.score_band_low:after {
    content: "Low";
    color: #d72716
}

.slide-box.pre-approved-bnr.meta-banner.actual-data-banner .infographic .meter-holder.score_band_fair:after {
    content: "Fair";
    color: #ffaf00
}

.slide-box.pre-approved-bnr.meta-banner.actual-data-banner .infographic .meter-holder.score_band_good:after {
    content: "Good";
    color: #52da1f
}

.slide-box.pre-approved-bnr.meta-banner.actual-data-banner .infographic .meter-holder.score_band_excellent:after {
    content: "Excellent";
    color: #08a42a
}

.slide-box.pre-approved-bnr.cardival-bnr {
    cursor: pointer
}

.slide-box.pre-approved-bnr.cardival-bnr .bnr-content h1 {
    font-size: 28px;
    color: #d90368;
    display: block;
    line-height: 45px
}

.slide-box.pre-approved-bnr.cardival-bnr .bnr-content h1 span {
    display: block;
    color: #1b1dc7;
    text-transform: initial
}

.slide-box.pre-approved-bnr.cardival-bnr .bnr-content p {
    font-size: 20px;
    color: rgba(5,47,95,.8);
    font-weight: 600;
    margin-top: 6px;
    line-height: 32px
}

.slide-box.pre-approved-bnr.cardival-bnr .bnr-content p span {
    font-weight: 400
}

.slide-box.pre-approved-bnr.cardival-bnr .bnr-content .display-m {
    display: none
}

.slide-box.pre-approved-bnr.cardival-bnr .bnr-content .apply-now {
    width: 208px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(90deg,#3a3ee5 0,#1b1dc7 100%);
    background: -webkit-linear-gradient(90deg,#3a3ee5 0,#1b1dc7 100%);
    background: -moz-linear-gradient(90deg,#3a3ee5 0,#1b1dc7 100%);
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    margin-top: 24px;
    cursor: pointer
}

.slide-box.pre-approved-bnr.cardival-bnr .bnr-content .action-box {
    display: flex;
    align-items: flex-end;
    justify-content: space-between
}

.slide-box.pre-approved-bnr.cardival-bnr .bnr-content .tnc-txt {
    font-size: 10px;
    color: rgba(5,47,95,.6);
    font-weight: 600;
    position: relative;
    z-index: 9999
}

.product-icon span.covid-tag.purple {
    text-align: left;
    font-weight: 700;
    background: linear-gradient(0deg,#906bf1 0,#5739df 100%);
    background: -moz-linear-gradient(0deg,#906bf1 0,#5739df 100%);
    background: -webkit-linear-gradient(0deg,#906bf1 0,#5739df 100%);
    padding: 4px 24px 3px 12px
}

@media (max-width: 1023px) {
    .home-page-banner-main .carousel>.container .slide-box.pre-approved-bnr.cardival-bnr .infographic img {
        display:block;
        margin: 20px 0 0 12px
    }
}

span.stepUpText {
    color: #052f5f;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 17px;
    text-align: center;
    position: absolute;
    bottom: -12px;
    width: 100%;
    display: block;
    margin: 0 0 -18px 0
}

.display-d.mt52 {
    margin-top: 52px!important
}

.cardSahi .infographic img.holiD {
    width: 90%;
    margin: 20px 0 0 15px
}

.cardSahi .infographic img.holiM {
    width: 80%!important;
    margin: -22px 0 0 0!important
}

@media (max-width: 767px) {
    .slide-box.pre-approved-bnr.cardival-bnr .bnr-content .display-m {
        display:block
    }

    .slide-box.pre-approved-bnr.cardival-bnr .bnr-content .display-d {
        display: none
    }

    .home-page-banner-main .carousel>.container .slide-box.pre-approved-bnr.cardival-bnr .infographic img {
        display: block;
        margin: 20px 0 0 12px
    }

    .home-page-banner-main .carousel>.container .slide-box.pre-approved-bnr.cardival-bnr .wfix {
        flex-direction: row
    }

    .slide-box.pre-approved-bnr.cardival-bnr .bnr-content h1 {
        font-size: 14px;
        color: #1b1dc7;
        margin-top: 20px;
        font-weight: 700;
        text-transform: initial;
        line-height: 22px
    }

    .slide-box.pre-approved-bnr.cardival-bnr .bnr-content h1 span {
        width: 100%;
        color: #d90368
    }

    .slide-box.pre-approved-bnr.cardival-bnr .bnr-content p {
        font-size: 14px;
        color: #1b1dc7;
        margin-top: 0;
        font-weight: 400;
        line-height: 22px
    }

    .slide-box.pre-approved-bnr.cardival-bnr .bnr-content .action-box {
        flex-direction: row-reverse;
        margin-top: 8px
    }

    .slide-box.pre-approved-bnr.cardival-bnr .bnr-content .apply-now {
        width: 109px;
        height: 30px;
        font-size: 12px;
        margin-top: 0;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px
    }

    .product-icon span.covid-tag.purple {
        text-align: center;
        font-weight: 700;
        top: 82px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        padding: 4px 4px 3px 4px;
        line-height: 10px
    }

    .covid.purple,.covid.purple.inactive,.covid.purple:hover {
        border: 0
    }

    .slide-box.pre-approved-bnr.cardival-bnr .bnr-content .tnc-txt {
        font-size: 8px;
        font-weight: 700;
        margin-top: 8px
    }

    .slick-initialized .slick-slide {
        padding: 0
    }

    span.stepUpText {
        width: 100%;
        font-size: 8px;
        line-height: 14px;
        margin: 5px 0 0 0
    }

    .cardSahi .infographic img.holiM {
        width: 75%!important;
        margin: -15px 0 0 2px!important
    }

    .cardSahi .slide-box.pre-approved-bnr .bnr-content h1.holi {
        margin-top: 0
    }

    .sub-ul-wm {
        max-width: 100%!important;
        margin: 0 0 10px 0
    }

    .sub-ul-wm {
        max-width: 100%!important;
        margin: 0 0 10px 0!important
    }

    .marginFix {
        margin: 0 0 0 15px
    }

    .ml10 {
        margin: 0 0 0 10px!important
    }

    .mt8 {
        margin: 8px 0 0 0
    }

    .pt15 {
        padding: 15px 0 0 0!important
    }

    .mt15 {
        margin: 15px 0 0 0!important
    }

    .btnFix {
        position: absolute;
        bottom: -40px;
        right: 18px
    }
}

@media (max-width: 320px) {
    .slide-box.pre-approved-bnr.cardival-bnr .bnr-content h1,.slide-box.pre-approved-bnr.cardival-bnr .bnr-content p {
        font-size:12px
    }

    .product-icon span.covid-tag.purple {
        top: 85px
    }
}

.mobile {
    display: none!important
}

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

    .desktop {
        display: none!important
    }

    .mb70 {
        margin: 0 0 12px 0!important
    }

    .story-timeline-container-awards {
        margin-top: 15px
    }

    .timeline-container-mob {
        padding-left: 65px;
        margin-bottom: 35px
    }

    .timeline-des-awards {
        font-size: 14px!important;
        line-height: 22px!important
    }

    .bannersSliderTop .slick-dots {
        bottom: -30px
    }

    .bannersSlider .slick-dots {
        bottom: -14px
    }

    .madeInIndia .bewareSection .icon-add {
        padding: 7px 0 0 4px
    }

    .madeInIndia .bewareSection .icon-add img {
        margin-left: 0;
        width: 72%
    }

    .madeInIndia .bewareSection .text-add {
        padding-left: 0;
        padding-right: 10px
    }

    .home-page-banner-main.bannersSliderTop .carousel>.contai.home-page-banner-main .infographic>img.m-hidden {
        display: none
    }

    .slick-dotted.slick-slider {
        margin-bottom: 0
    }

    .home-page-banner-main .carousel>.container .slide-box.pre-approved-bnr .infographic>img {
        display: none
    }

    .home-page-banner-main .carousel>.container.m-hidden {
        display: none
    }

    .home-page-banner-main .carousel>.container .slide-box.pre-approved-bnr .wfix {
        flex-direction: column
    }

    .slide-box.pre-approved-bnr .bnr-content {
        padding: 0 16px
    }

    .home-page-banner-main .pl-pre-offer {
        background-color: #e9eef7;
        padding: 4px 16px
    }

    .home-page-banner-main .pl-pre-offer img.pl-icon {
        width: 90px
    }

    .home-page-banner-main .pl-pre-offer img.offer-img {
        width: 102px
    }

    .home-page-banner-main .carousel>.container .slide-box.pre-approved-bnr .wfix {
        width: 100%;
        padding-bottom: 15px
    }

    .slide-box.pre-approved-bnr .bnr-content h1 {
        margin-top: 8px;
        font-size: 14px;
        line-height: 22px;
        font-weight: 600;
        color: #1b1dc7
    }

    .slide-box.pre-approved-bnr.meta-banner .bnr-content h1 {
        color: #052f5f
    }

    .slide-box.pre-approved-bnr .bnr-content h1 span.blue-txt-m,.slide-box.pre-approved-bnr .bnr-content h1 span.pink-txt {
        font-weight: 700;
        color: #1b1dc7
    }

    .slide-box.pre-approved-bnr.meta-banner .bnr-content h1 span.blue-txt-m,.slide-box.pre-approved-bnr.meta-banner .bnr-content h1 span.pink-txt {
        font-weight: 700;
        color: #052f5f
    }

    .slide-box.pre-approved-bnr .bnr-content h1>span {
        width: 60%
    }

    .slide-box.pre-approved-bnr .bnr-content h1 br {
        display: none
    }

    .slide-box.pre-approved-bnr .bnr-content h1 img {
        width: 84px
    }

    .slide-box.pre-approved-bnr .bnr-content ul {
        flex-direction: column;
        min-height: 38px
    }

    .slide-box.pre-approved-bnr .bnr-content ul li {
        font-size: 10px;
        margin-top: 2px;
        color: rgba(5,47,95,.6);
        max-width: 60%;
        margin-right: 0
    }

    .slide-box.pre-approved-bnr .bnr-content ul li:before {
        width: 12px
    }

    .home-page-banner-main .carousel>.container .slide-box.pre-approved-bnr.pco-form-bnr.metainfo .bnr-content div.apply-now,.slide-box.pre-approved-bnr .bnr-content a.apply-now {
        width: 112px;
        height: 30px;
        margin: 0;
        font-size: 12px;
        font-weight: 600;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        position: absolute;
        right: 0;
        bottom: 12px;
        z-index: 1
    }

    .home-page-banner-main {
        border-bottom: 2px solid #e8eef8
    }

    .home-page-banner-main .pl-pre-offer {
        align-items: center
    }

    .home-page-banner-main .product-offer {
        height: 16px
    }

    .home-page-banner-main .product-offer img {
        height: 10px;
        width: auto
    }

    .home-page-banner-main .product-name p,.home-page-banner-main .product-offer p {
        font-size: 8px
    }

    .home-page-banner-main .product-name img {
        height: 16px;
        width: auto
    }

    .slide-box.pre-approved-bnr .bnr-content h1 span.p-img-holder {
        width: 84px
    }

    .pb-product .product-name span.offer {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        position: absolute;
        bottom: 10px;
        left: 0
    }

    .pb-product .product-name span>span {
        display: block;
        font-size: 8px;
        font-weight: 700;
        color: #fff;
        background-color: #19b24d;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        padding: 2px 6px;
        line-height: 12px
    }

    .pb-product .product-name span.offer br {
        display: none
    }

    .our-products .ord-15 {
        order: 21
    }

    .our-products .ord-16 {
        order: 22
    }

    .our-products .ord-17 {
        order: 23
    }

    .our-products .ord-18 {
        order: 24
    }

    .our-products .ord-19+div {
        order: 25
    }

    .home-page-banner-main .carousel>.container .slide-box.pre-approved-bnr.meta-banner .wfix {
        flex-direction: row;
        padding-bottom: 0
    }

    .home-page-banner-main .carousel>.container .slide-box.pre-approved-bnr.meta-banner .infographic {
        background: #f4f8ff
    }

    .slide-box.pre-approved-bnr.meta-banner .infographic .meter-holder {
        width: 93px;
        padding-bottom: 13px;
        margin-left: 12px;
        background: 0 0
    }

    .slide-box.pre-approved-bnr.meta-banner .bnr-content {
        margin: 0;
        padding: 40px 16px 0 16px
    }

    .slide-box.pre-approved-bnr.meta-banner .infographic .meter-holder img {
        width: 100%
    }

    .slide-box.pre-approved-bnr.meta-banner .infographic p {
        display: none
    }

    .slide-box.pre-approved-bnr.meta-banner .infographic .cibil-date {
        position: absolute;
        width: 100%;
        padding: 8px 16px 0;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box
    }

    .slide-box.pre-approved-bnr.meta-banner .infographic .cibil-date img {
        width: auto;
        height: 16px
    }

    .slide-box.pre-approved-bnr.meta-banner .infographic .cibil-date span {
        font-size: 10px;
        color: rgba(5,47,95,.6)
    }

    .slide-box.pre-approved-bnr.meta-banner .bnr-content h1 {
        font-size: 13px;
        margin-top: 0;
        line-height: 20px;
        font-weight: 400
    }

    .slide-box.pre-approved-bnr.meta-banner .bnr-content a.apply-now {
        width: 109px;
        height: 30px;
        font-size: 12px;
        margin-top: 0;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px
    }

    a.hp-banner .home-page-banner-mobile {
        border-bottom: 0
    }

    .slide-box.pre-approved-bnr.meta-banner.actual-data-banner .infographic .meter-holder[class*=score_band] .meter-icon {
        width: 88px;
        height: 88px
    }

    .slide-box.pre-approved-bnr.meta-banner.actual-data-banner .infographic .meter-holder .meter-icon .meter-info {
        width: 38px;
        height: 38px;
        margin-top: 28px
    }

    .slide-box.pre-approved-bnr.meta-banner.actual-data-banner .infographic .meter-holder .meter-icon .meter-info span.c-diff {
        font-size: 8px;
        top: 0
    }

    .slide-box.pre-approved-bnr.meta-banner.actual-data-banner .infographic .meter-holder .meter-icon .meter-info span.c-diff:before {
        width: 6px;
        height: 6px;
        margin-top: 0
    }

    .slide-box.pre-approved-bnr.meta-banner.actual-data-banner .infographic .meter-holder .meter-icon .meter-info span.c-score {
        font-size: 20px
    }

    .slide-box.pre-approved-bnr.meta-banner.actual-data-banner .infographic .meter-holder:after {
        font-size: 10px;
        bottom: -2px;
        display: block;
        width: 66px;
        text-align: center;
        border-bottom: 3px solid #ddd
    }

    .slide-box.pre-approved-bnr.meta-banner.actual-data-banner .bnr-content a.apply-now {
        bottom: 0
    }

    .home-page-banner-main .carousel>.container .slide-box.pre-approved-bnr.pco-form-bnr.metainfo .bnr-content h1 span {
        color: #1b1dc7;
        font-weight: 600
    }

    .home-page-banner-main .carousel>.container .slide-box.pre-approved-bnr.pco-form-bnr.metainfo .bnr-content h1 span.pink-txt {
        color: #d90368;
        font-weight: 700;
        white-space: nowrap
    }

    .home-page-banner-main .carousel>.container .slide-box.pre-approved-bnr.pco-form-bnr.metainfo .bnr-content div.apply-now {
        bottom: 5px
    }

    .slide-box.pre-approved-bnr.meta-banner.actual-data-banner .infographic .meter-holder .meter-icon .meter-info.no-change {
        margin-top: 22px
    }

    .slide-box.pre-approved-bnr .bnr-content ul li:before {
        margin-top: 7px
    }

    .product_customer ul li {
        font-size: 14px
    }

    .product_customer .pb-feature h3 {
        font-size: 20px
    }

    .product_customer .ani_box {
        width: 300px;
        height: 275px
    }

    .product_customer .animation_card_box {
        max-width: 340px
    }

    .product_customer .animation_card_box {
        margin: 0 6px
    }

    .product_pad {
        padding: 40px 0
    }

    .product_customer .animation_card_box .card1 {
        top: 30px;
        left: 30px
    }

    .product_mar {
        margin: 0 0 50px
    }

    .mob_app_div {
        background-size: 109%;
        width: auto;
        background-position: center center;
        height: 385px
    }

    .link_box {
        display: none
    }

    .popbox1,.popbox2,.popbox3,.popbox4 {
        font-size: 8px
    }

    .app_tag {
        font-size: 7px;
        margin-bottom: 4px;
        display: inline-block
    }

    .popbox1 {
        top: 86px;
        left: 9px
    }

    .popbox1 .meter_icon {
        height: 16px;
        width: 30px;
        background-size: 100%
    }

    .popbox2 {
        bottom: 147px;
        left: 12px;
        width: 89px;
        height: 58px
    }

    .popbox2 .star_icon {
        width: 19px;
        height: 17px;
        background-size: 87%;
        margin-bottom: 2px
    }

    .popbox4 {
        right: 5px;
        bottom: 120px
    }

    .popbox2 p {
        margin-top: 5px
    }

    .popbox4 .offer_icon {
        height: 31px;
        width: 26px;
        background-size: 96%
    }

    .popbox3 {
        right: 1px;
        top: 121px;
        width: 100px;
        height: 60px;
        padding: 10px 4px
    }

    .popbox3 .benefit_icon {
        background-size: 30%;
        height: 21px;
        margin-bottom: 5px
    }

    .product_customer .btnbox .btn {
        display: inline-block
    }

    .product_customer .fs-24 {
        font-size: 14px
    }

    .display-d {
        display: none!important
    }

    .display-m {
        display: block!important
    }

    .cardSahi .slide-box.pre-approved-bnr .bnr-content h1 {
        margin-top: 12px;
        color: #d90368;
        font-weight: 700;
        line-height: 19px
    }

    .cardSahi .infographic img {
        bottom: -12px
    }

    .cardSahi .slide-box.pre-approved-bnr.cardival-bnr .bnr-content h1 span {
        color: #1b1dc7
    }

    .cardSahi .slide-box.pre-approved-bnr .bnr-content ul {
        flex-direction: unset
    }

    .cardSahi .slide-box.pre-approved-bnr .bnr-content ul li {
        width: 31%;
        margin: 8px 0 0 0;
        font-size: 10px;
        color: #052f5f;
        float: left
    }

    .cardSahi .slide-box.pre-approved-bnr .bnr-content {
        padding: 0 16px 0 0;
        margin: 0 0 0 -15px
    }

    .cardSahi .slide-box.pre-approved-bnr .bnr-content ul li:before {
        margin-right: 5px
    }

    .cardSahi .slide-box.pre-approved-bnr.cardival-bnr .bnr-content .action-box {
        margin-top: 0
    }

    .home-page-banner-main .carousel.cardSahi {
        background: 0 0
    }

    .home-page-banner-main {
        height: auto
    }

    a.hp-banner .home-page-banner-mobile {
        border-top: none
    }

    .slide-box.pre-approved-bnr.meta-banner.actual-data-banner .infographic .meter-holder[class*=score_band] .meter-icon {
        margin: 10px 0 0 0
    }

    .product-icon span.covid-tag {
        top: 70px;
        margin: 0 0 0 -12px
    }

    .slide-box.pre-approved-bnr.meta-banner .infographic .meter-holder img {
        margin: 12px 0 0 0
    }
}

@media (max-width: 375px) {
    .madeInIndia .bewareSection .icon-add {
        height:100px;
        background-size: cover;
        margin-right: 5px;
        padding-right: 0
    }

    .madeInIndia .bewareSection .icon-add img {
        width: 78%
    }

    .madeInIndia .bewareSection .text-add {
        font-size: 12px;
        padding-right: 0
    }

    .madeInIndia .bewareSection .text,.madeInIndia .indiaSection .text {
        padding-bottom: 12px
    }

    .madeInIndia .bewareSection[data-ga-label=fraudstersBanner] .text {
        padding-right: 0
    }

    .madeInIndia .bewareSection .text-add e {
        float: left
    }

    .pb-product .product-name span.offer {
        bottom: 20px
    }

    .product_customer .ani_box {
        width: 300px
    }

    .product_customer .animation_card_box {
        max-width: 300px
    }

    span.stepUpText {
        width: 57%;
        font-size: 8px;
        line-height: 14px;
        margin: 0 0 10px 33px
    }
}

@media (max-width: 375px) {
    .product_customer .animation_card_box {
        max-width:300px
    }
}

@media (max-width: 320px) {
    .slide-box.pre-approved-bnr .bnr-content h1 {
        font-size:12px
    }

    .slide-box.pre-approved-bnr .bnr-content h1 {
        line-height: 16px
    }

    .slide-box.pre-approved-bnr .bnr-content ul li {
        font-size: 9px
    }

    .home-page-banner-main .carousel>.container .slide-box.pre-approved-bnr .wfix {
        padding-bottom: 24px
    }

    span.stepUpText {
        width: 63%;
        margin: 0 0 25px 24px
    }
}

.mt10 {
    margin: 10px 0 15px 0
}

.mtIcon {
    margin: -10px 0 0 0
}

.mtIconRight {
    margin: 0 10px 0 0
}

.mtIconRight2 {
    margin: 4px 10px 0 0
}

.mtIconRightTop {
    margin: -3px 0 0 0
}

.bestTag {
    position: absolute;
    bottom: 15px;
    font-size: 12px;
    color: #1b1dc7;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    width: 80%;
}

.bestTag img {
    transition: .2s;
    margin: 0
}

.bestTag img {
    margin: 0 0 -2px 3px;
}

.pb-product:hover .bestTag img {
    margin: 0 0 0 5px;
    transition: .3s;
    opacity: 1
}

.pb-product .product-name.hl {
    width: 68%
}

.pb-product:hover .bestTag {
    color: #1b1dc7
}

.pb-product.inactive .bestTag {
    filter: grayscale(0)
}

.pb-product.active .bestTag {
    opacity: .6
}

.pb-product.active:hover .bestTag {
    opacity: 1;
    filter: grayscale(0)
}

.mb70 {
    margin: 0 0 70px 0
}

.mt0 {
    margin-top: 0
}

.awards-pb-banner-bg {
    height: 320px;
    background: url(../images/awards/awards-cover-img.png) no-repeat top center;
    background-size: contain;
    border-radius: 40px
}

.timeline-des-awards {
    font-size: 17px;
    line-height: 24px;
    color: #052f5f;
    margin: 5px 0 15px 0;
    background: url(../images/awards/star.svg) no-repeat top left;
    padding: 0 0 0 25px;
    background-position: 0 5px
}

.awards-pb-banner-bg-mob {
    height: 320px;
    background: url(../images/awards/awards-banner-mob.png) no-repeat top center;
    border-radius: 0;
    background-size: contain
}

.awards-timeline:after {
    content: '';
    position: absolute;
    width: 1px;
    background-color: #e6ebef;
    top: 45px;
    bottom: 0;
    left: 20px;
    opacity: .6;
    z-index: -1
}

.sub-ul-w {
    max-width: 100%!important
}

.sub-ul-w li {
    width: 48%!important
}

.sub-ul-w li:last-child {
    width: 46%!important;
    margin: 12px 0 0 35px
}

.sub-mob-img {
    top: 15px;
    left: 18px;
    margin: 0!important;
    width: 34%!important
}

.fs12 {
    font-size: 12px!important
}

.sub-ul-wm {
    max-width: 100%!important;
    margin: 0 0 20px 0
}

.sub-ul-wm li {
    width: 100%!important
}

.scanBox {
    overflow: hidden
}

.scanBox .scan {
    float: left;
    margin: 0 25px 0 -5px;
    width: 100px;
    height: 100px
}

.scanBox .scan img {
    width: 100%
}

.scanBox .orBox {
    float: left;
    margin: 10px 30px 0 0;
    text-align: center
}

.scanBox .orBox .dash {
    height: 24px;
    width: 2px;
    opacity: .2;
    background-color: #052f5f;
    margin: 0 auto
}

.scanBox .orBox .or {
    color: #052f5f;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 18px;
    margin: 7px 0
}

.scanBox .appBox {
    float: left;
    margin: 6px 0 0 0
}

.scanBox .appBox a.app {
    border-radius: 8px;
    background-color: #161819;
    padding: 7px 14px 3px 14px;
    cursor: pointer;
    margin: 0 0 6px 0;
    display: block
}

ul#storeList {
    margin: 0 0 25px 0
}

@media (max-width: 360px) {
    .fs12 {
        font-size:10px!important
    }
}

.importantLinks {
    padding: 100px 0 48px
}

.importantLinks h1 {
    color: #1b1dc7;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 40px;
    max-width: 600px
}

.impLinks {
    display: block;
    margin: 0 0 48px 0
}

.impLinks label {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    color: #052f5f;
    margin: 0 0 16px 0;
    display: block
}

.impLinks ul li {
    list-style-type: disc;
    list-style-position: inside
}

.impLinks ul li a {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 27px;
    color: #1b1dc7
}

.otherAddresses {
    font-size: 16px;
    color: #1b1dc7;
    line-height: 45px
}

@media screen and (max-width: 767px) {
    .help-section .pb-feature {
        max-width:270px!important
    }

    .regulatory label,.regulatory span {
        font-size: 12px;
        line-height: 30px
    }

    .regulatory .col-lg-12 {
        margin: 0
    }

    .regulatory label {
        width: 95px
    }

    .impLinks {
        display: block;
        margin: 0 0 25px 0
    }

    .importantLinks h1 {
        font-size: 18px;
        margin-bottom: 20px
    }

    .impLinks label {
        font-size: 16px;
        margin: 0
    }

    .impLinks ul li a {
        font-size: 14px
    }

    .legal-content-section p,.legal-page-container p {
        margin-bottom: 0
    }

    .legal-content-section {
        margin-top: 35px
    }

    .otherAddresses {
        font-size: 11px;
        line-height: normal
    }
}

.legal-page-links-section {
    margin: 25px 0 0 0
}

a.linkColor {
    color: #006fed
}

.pb-legal-links {
    font-weight: 400
}

.contact-detail p {
    font-weight: 400
}

.health-motor-section {
    background: #f5f9ff;
    padding: 40px 35px 60px 35px;
    margin: 45px 0 85px 0
}

.health-motor-section .title {
    font-weight: 700;
    font-size: 24px;
    line-height: 36px;
    text-align: left;
    color: #1b1dc7;
    margin: 0 auto 16px auto;
    width: 87%
}

.health-motor-section .title span {
    width: 64px;
    height: 2px;
    background: #c72b68;
    border-radius: 3px;
    display: block
}

#blogSlider {
    position: relative
}

#blogSlider .MS-content {
    white-space: nowrap;
    overflow: hidden;
    padding: 0 70px
}

#blogSlider .MS-content .item {
    background: #fff;
    display: inline-block;
    height: 310px;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    width: 33%;
    margin: 5px 12px 5px 12px;
    border-radius: 8px;
    padding: 15px
}

#blogSlider .MS-content .item .product-logo-row {
    width: 100%;
    margin: 0 0 15px 0
}

#blogSlider .MS-content .item .product-logo-row span {
    width: 100px;
    height: 42px;
    display: inline-flex
}

#blogSlider .MS-content .item .product-logo-row span img {
    background-size: auto
}

#blogSlider .MS-content .item .product-logo-row .product-name {
    background: rgba(0,102,255,.09);
    border-radius: 4px;
    padding: 4px 8px;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: #1b1dc7;
    display: inline;
    float: right
}

#blogSlider .MS-content .item .heading {
    font-style: normal;
    font-weight: 700;
    font-size: 17px;
    line-height: 25px;
    color: #052f5f;
    margin: 0 0 5px 0;
    white-space: normal
}

#blogSlider .MS-content .item .heading span {
    color: #d90368
}

#blogSlider .MS-content .item ul.features {
    list-style-position: outside;
    padding: 0;
    list-style-type: none;
    margin: 0 0 24px 0
}

#blogSlider .MS-content .item ul.features li {
    background: url(../images/check-tick.svg) left center no-repeat;
    padding: 0 0 0 20px;
    margin: 0 0 4px 0;
    font-weight: 600;
    font-size: 12px;
    line-height: 24px;
    color: #052f5f;
    opacity: .8
}

#blogSlider .MS-content .item .cta-section {
    width: 93%;
    position: absolute;
    bottom: 7px
}

#blogSlider .MS-content .item .cta-section a {
    float: left;
    background: #1b1dc7;
    border-radius: 8px;
    padding: 8px 12px;
    font-style: normal;
    bottom: 20px;
    font-weight: 700;
    text-decoration: none;
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    display: block;
    margin: 60px 0 0 0
}

#blogSlider .MS-content .item .cta-section span.product-icon-plb {
    float: right;
    width: 115px;
    height: 110px;
    margin: 0
}

#blogSlider .MS-content .item .cta-section em {
    font-style: normal;
    font-weight: 600;
    font-size: 8px;
    line-height: 12px;
    color: #052f5f;
    text-align: right;
    float: right;
    text-decoration: none;
    opacity: .6;
    position: absolute;
    bottom: 4px;
    right: 0
}

#blogSlider .MS-content .item .cta-section span.product-icon-plb img {
    width: 100%
}

.health-motor-section {
    padding: 40px 35px 40px 35px
}

#blogSlider .MS-content .item .slick-slide {
    float: none
}

#blogSlider .MS-content .item {
    height: 310px;
    width: 100%!important;
    padding: 30px
}

#blogSlider .MS-content .item .heading {
    margin: 0 0 16px 0
}

#blogSlider .MS-content .item ul.features {
    width: 75%;
    overflow: hidden
}

#blogSlider .MS-content .item ul.features li {
    float: left;
    margin-right: 16px
}

.health-motor-section .container {
    display: flex
}

.health-motor-section .title {
    font-size: 28px;
    line-height: 45px;
    width: 30%;
    padding-top: 20px
}

#blogSlider {
    width: 70%;
    margin: 0 auto
}

#blogSlider .MS-content {
    padding: 0
}

#blogSlider .MS-content .item .product-logo-row span img {
    margin-left: -10px
}

@media (max-width: 767px) {
    .health-motor-section .container {
        flex-direction:column;
        padding: 0
    }

    .health-motor-section .title {
        width: 87%;
        font-size: 24px;
        line-height: 36px;
        padding: 0
    }

    #blogSlider {
        width: 100%
    }

    #blogSlider .MS-content .item {
        padding: 15px
    }

    #blogSlider .MS-content .item .heading {
        margin: 0 0 6px 0
    }
}

@media (max-width: 991px) {
    #blogSlider .MS-content .item {
        width:50%
    }
}

@media (max-width: 767px) {
    #blogSlider .MS-content .item {
        width:93%!important
    }
}

#blogSlider .MS-controls button {
    position: absolute;
    outline: 0;
    font-size: 50px;
    top: 135px;
    color: rgba(27,29,199,.6);
    transition: .15s linear;
    font-size: 22px;
    background: #fff;
    border: 1px solid rgba(27,29,199,.6);
    border-radius: 50px;
    width: 45px;
    height: 45px;
    cursor: pointer;
    opacity: .6;
    z-index: 9
}

#blogSlider .MS-controls button:hover {
    color: #1b1dc7;
    opacity: 1
}

@media (max-width: 992px) {
    #blogSlider .MS-controls button {
        font-size:30px
    }
}

@media (max-width: 767px) {
    #blogSlider .MS-controls button {
        font-size:20px
    }
}

#blogSlider .MS-controls .MS-left {
    left: 46px
}

@media (max-width: 767px) {
    #blogSlider .MS-controls .MS-left {
        left:3px
    }
}

#blogSlider .MS-controls .MS-right {
    right: 51px
}

@media (max-width: 767px) {
    #blogSlider .MS-controls .MS-right {
        right:3px
    }
}

li.dropdown:last-child {
    right: 0;
    padding-left: 7px;
    padding-right: 7px;
    left: auto;
    background: #cf1717
}

li.dropdown:last-child .dropdown-menu {
    right: 0;
    left: auto
}

li.dropdown:last-child .dropdown-menu li a {
    color: #333;
    text-align: left
}

.health-motor-section .MS-controls {
    transition-duration: 2s;
    transition-delay: 1s
}

.health-motor-section:hover .MS-controls {
    display: inline;
    transition-duration: 2s;
    transition-delay: 1s
}

@media screen and (max-width: 767px) {
    .health-motor-section {
        padding:20px 0 30px 0;
        margin: 0 0 45px 0
    }

    #blogSlider .MS-controls button {
        width: 35px;
        height: 35px
    }

    #blogSlider .MS-content .item {
        margin: 0 10px 0 15px
    }

    #blogSlider .MS-content .item .product-logo-row span {
        width: 90px;
        height: 32px;
        display: inline-flex
    }

    #blogSlider .MS-content .item .heading {
        font-size: 16px
    }

    #blogSlider .MS-content .item ul.features li {
        font-size: 12px;
        margin: 0
    }

    .MS-left i,.MS-right i {
        margin: 1px 0 0 0;
        display: inline-block
    }

    #blogSlider .MS-content .item {
        height: 285px
    }

    #blogSlider .MS-content {
        margin: 0;
        padding: 0
    }
}

.skeleton-box {
    display: inline-block;
    height: 1em;
    position: relative;
    overflow: hidden;
    background-color: #dddbdd
}

.skeleton-box::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateX(-100%);
    background-image: linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 20%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0));
    animation: shimmer 5s infinite;
    content: ''
}

@keyframes shimmer {
    100% {
        transform: translateX(100%)
    }
}

.blog-post__headline {
    font-size: 1.25em;
    font-weight: 700
}

.blog-post__meta {
    font-size: .85em;
    color: #6b6b6b
}

.o-media {
    display: flex
}

.o-media__body {
    flex-grow: 1;
    margin-left: 1em
}

.o-vertical-spacing>*+* {
    margin-top: .75em
}

.o-vertical-spacing--l>*+* {
    margin-top: 2em
}

* {
    box-sizing: border-box
}

.skeleton-box {
    display: inline-block;
    height: 1em;
    position: relative;
    overflow: hidden;
    background-color: #dddbdd
}

.skeleton-box::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateX(-100%);
    background-image: linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 20%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0));
    animation: shimmer 2s infinite;
    content: ''
}

@keyframes shimmer {
    100% {
        transform: translateX(100%)
    }
}

.blog-post__headline {
    font-size: 1.25em;
    font-weight: 700
}

.blog-post__meta {
    font-size: .85em;
    color: #6b6b6b
}

.o-media {
    display: flex
}

.o-media__body {
    flex-grow: 1;
    margin-left: 1em
}

.o-vertical-spacing>*+* {
    margin-top: 9px
}

.o-vertical-spacing--l>*+* {
    margin-top: 2em
}

* {
    box-sizing: border-box
}

.o-media__figure .skeleton-box {
    height: 100%;
    width: 80px
}

.o-vertical-spacing p .skeleton-box {
    width: 100%
}

.o-vertical-spacing p .skeleton-box:nth-child(2) {
    width: 90%
}

.o-vertical-spacing p .skeleton-box:nth-child(3) {
    width: 85%
}

.o-vertical-spacing p .skeleton-box:nth-child(4) {
    width: 85%
}

.o-vertical-spacing p .skeleton-box:nth-child(5) {
    width: 70%
}

.o-vertical-spacing p .skeleton-box:nth-child(6) {
    width: 70%
}

.o-vertical-spacing p .skeleton-box:nth-child(7) {
    width: 60%
}

.o-vertical-spacing p .skeleton-box:nth-child(8) {
    width: 90%
}

.o-vertical-spacing p .skeleton-box:nth-child(9) {
    width: 80%
}

.o-vertical-spacing p .skeleton-box:nth-child(10) {
    width: 75%
}

.o-vertical-spacing p .skeleton-box:nth-child(11) {
    width: 70%
}

#blogSlider .MS-content .shimmer-box {
    background: #fff;
    display: inline-block;
    height: 310px;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    width: 32.2%;
    margin: 5px 12px 5px 5px;
    border-radius: 8px;
    padding: 15px
}

.fixesIcon {
    margin: 15px 0 0 15px
}

#blogSlider .MS-content .item .cta-section span.product-icon-plb img.imgPolicyFix {
    margin: 15px 0 0 15px
}

#blogSlider .MS-content .item ul.features li.bgFixes {
    background-position: 0 4px
}

.gridBox {
    display: grid!important;
    grid-template-columns: repeat(12,1fr);
    margin: 25px auto 0 auto
}

.gridLeft {
    grid-column: span 7;
    width: auto!important
}

.gridRight {
    grid-column: span 5;
    width: auto!important
}

.slide-box.pre-approved-bnr.cardival-bnr .bnr-content.gridRight p {
    font-weight: 600;
    width: 100%;
    font-size: 16px;
    line-height: 22px;
    color: #052f5f;
    opacity: .8;
    margin: 35px 0 15px 0;
    float: left
}

.unspokenMainBox {
    width: 672px!important;
    height: 278px;
    display: inherit;
    overflow: hidden;
    border-radius: 16px
}

.unspokenBox {
    background: url(../images/unspokenBanner.png) no-repeat;
    background-size: contain;
    border-radius: 16px;
    position: relative;
    transition: transform .2s;
    overflow: hidden;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1)
}

.unspokenBox .playBtn {
    position: absolute;
    left: 44%;
    right: 50%;
    top: 40%;
    opacity: 0;
    transition: transform .2s
}

.unspokenBox .youtubeIcon {
    position: absolute;
    right: 88px;
    bottom: 0;
    opacity: 0;
    transition: transform .2s
}

.unspokenBox .bottomShadow {
    position: absolute;
    bottom: 0;
    opacity: 0;
    transition: transform .2s
}

.unspokenBox:hover {
    -ms-transform: scale(2);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    width: 672px;
    height: 278px
}

.unspokenBox:hover .playBtn {
    opacity: 1;
    transition: transform .2s;
    z-index: 1
}

.unspokenBox:hover .youtubeIcon {
    opacity: 1;
    transition: transform .2s;
    right: 115px;
    bottom: 50px;
    z-index: 1
}

.unspokenBox:hover .bottomShadow {
    opacity: 1;
    transition: transform .2s;
    bottom: 0;
    z-index: 0;
    position: absolute;
    width: 100%;
    display: contents
}

.unspokenMainBox.infographic {
    width: auto;
    grid-column: span 7
}

.unspokenMainBox.infographic img {
    width: auto
}

.slide-box.pre-approved-bnr.cardival-bnr .bnr-content.gridRight h1 span {
    font-size: 24px;
    opacity: .8;
    color: #052f5f
}

.p10x54 {
    padding: 10px 54px!important;
    width: auto!important
}

.fs36 {
    font-size: 36px!important
}

@media screen and (max-width: 767px) {
    .unspokenMainBox {
        width:100%!important;
        height: 98%;
        display: inherit;
        overflow: hidden;
        border-radius: 4px;
        margin: 0 0 0 15px
    }

    .unspokenBox.mob {
        background: url(../images/unspokenMob.png) no-repeat;
        background-size: 100%;
        border-radius: 4px;
        position: relative;
        transition: transform .2s;
        overflow: hidden;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }

    .unspokenBox.mob:hover {
        height: 125px;
        width: 100%
    }

    .gridLeft {
        grid-column: span 6!important;
        width: auto!important;
        margin: -19px 0 0 15px
    }

    .gridRight {
        grid-column: span 6!important;
        width: auto!important;
        margin: -19px 0 0 15px!important
    }

    .slide-box.pre-approved-bnr.cardival-bnr .bnr-content.gridRight h1 {
        margin: 0 0 10px 0;
        line-height: 38px;
        line-height: normal;
        font-size: 16px!important
    }

    .slide-box.pre-approved-bnr.cardival-bnr .bnr-content.gridRight h1 span {
        font-size: 12px;
        line-height: normal
    }

    .gridBox {
        height: 100px;
        margin: 40px auto 0 auto!important;
        padding-top: 10px
    }

    .gridRight .action-box {
        float: left;
        margin: 10px 0 0 0!important
    }

    .home-page-banner-main .carousel>.container .slide-box.pre-approved-bnr.meta-banner .infographic {
        background: 0 0
    }

    .home-page-banner-main .carousel>.container .slide-box.pre-approved-bnr.pco-form-bnr {
        background: 0 0
    }
}

.sub-ul-w li.stepup {
    width: 40%!important
}

.sub-ul-w li.stepup:last-child {
    width: 50%!important;
    margin: 12px 0 0 35px
}

.languageBox {
    float: left;
    display: inline-block;
    margin: 0 0 0 20px;
    position: relative;
    z-index: 9
}

.langBtn {
    border: 1px solid rgba(5,47,95,.2);
    overflow: hidden;
    border-radius: 4px;
    padding: 8px 12px;
    cursor: pointer;
    max-width: 115px
}

.langBtn img.langImg {
    vertical-align: bottom
}

.langBtn span {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #052f5f;
    padding: 0 5px
}

.langBtn img.langArrow {
    vertical-align: middle
}

.langDropdownShow {
    display: block!important
}

#langDropdownHide {
    display: none
}

.langDropdown {
    background: #fff;
    z-index: 10;
    border: 1px solid #e6ebef;
    left: 0;
    right: 0;
    box-shadow: 0 10px 48px rgba(23,23,25,.24);
    border-radius: 12px;
    width: 180px;
    overflow: hidden;
    margin: 7px auto 0 auto;
    position: absolute
}

.langDropdown .langRow {
    max-height: 265px;
    width: 100%;
    border-bottom: 1px solid #e6ebef;
    float: left;
    overflow-y: scroll;
    overflow-x: hidden
}

.langDropdown .langRow::-webkit-scrollbar {
    width: 5Phompx
}

.langDropdown .langRow::-webkit-scrollbar-track {
    background-color: rgba(5,47,95,.1);
    -webkit-border-radius: 10px;
    border-radius: 10px
}

.langDropdown .langRow::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(5,47,95,.4)
}

::-webkit-scrollbar {
    width: 8px
}

::-webkit-scrollbar-track {
    background-color: rgba(5,47,95,.1);
    -webkit-border-radius: 10px;
    border-radius: 10px
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(5,47,95,.4)
}

.langDropdown .langRow .langCell {
    display: block;
    width: 100%;
    border-bottom: 1px solid #e6ebef;
    padding: 8px 16px;
    float: left;
    cursor: pointer
}

.langDropdown .langRow .langCell:last-child {
    border-right: none
}

.langDropdown .langRow:last-child {
    border-bottom: none
}

.langDropdown .langRow .langCell img {
    float: right;
    margin: 10px 0 0 0
}

.langDropdown .langRow .langCell .langTxt {
    float: left;
    width: 85%
}

.langDropdown .langRow .langCell p.eng {
    line-height: 35px!important;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    color: #1b1dc7
}

.langDropdown .langRow .langCell p {
    margin: 0;
    padding: 0;
    line-height: normal;
    float: left;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #052f5f
}

.langDropdown .langRow .langCell span {
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 14px;
    color: #052f5f;
    opacity: .4;
    width: 100%;
    float: left
}

.langDropdown .langRow .langCell img {
    display: none
}

.langDropdown .langRow .langCell.first img {
    display: block
}

.langDropdown .langRow .langCell:hover img {
    display: block
}

.madeInIndia .indiaSection.award-bnr .text.awardsTxt {
    padding-top: 24px;
    padding-right: 10px;
    font-size: 13.5px;
    padding-left: 142px
}

.infographic img.rblDuet {
    width: 81%;
    float: right;
    position: relative;
    margin: 0 auto
}

.sub-ul-w li.rbl {
    width: 30%!important
}

.bnr-content p.rblTnc {
    font-style: normal;
    font-weight: 400!important;
    font-size: 12px!important;
    line-height: 18px;
    text-align: right;
    color: #052f5f!important;
    opacity: .6;
    margin-top: 50px!important
}

.slide-box.pre-approved-bnr.cardival-bnr .bnr-content .apply-now a {
    color: #fff
}

.slide-box.pre-approved-bnr.cardival-bnr .bnr-content .apply-now {
    background-color: #1b1dc7!important
}

img.gInsuranceImg {
    width: 60%!important;
    float: right;
    margin: -27px 6px 0 0
}

.regulatory span e {
    font-size: 12px
}

.langDropdown .langRow .langCell img.db {
    display: block!important;
    margin-top: 3px;
    margin-bottom: 3px
}

.linesOpen {
    color: #69829f;
    font-size: 12px
}

@media screen and (max-width: 767px) {
    .cardSahi .slide-box.pre-approved-bnr .bnr-content ul li.stepup {
        margin:5px 0 0 0
    }

    .slide-box.pre-approved-bnr.cardival-bnr .bnr-content .action-box.stepup {
        flex-direction: unset;
        margin-top: 6px!important
    }

    .langDropdown {
        left: -62px
    }

    .languageBox {
        margin: -6px 0 0 20px
    }

    .madeInIndia .indiaSection .icon {
        padding: 6px 18px 6px 0
    }

    .madeInIndia .indiaSection.award-bnr .text.awardsTxt {
        padding-top: 28px;
        padding-left: 124px;
        font-size: 12px
    }

    .madeInIndia .indiaSection.creditfit-bnr .text,.madeInIndia .indiaSection.rewardCalc-bnr .text {
        font-size: 12px
    }

    .cardSahi .slide-box.pre-approved-bnr .bnr-content h1.rblTitle {
        font-size: 14px
    }

    .slide-box.pre-approved-bnr.cardival-bnr .bnr-content h1 span.rblSpan {
        font-size: 12px
    }

    .bnr-content p.rblTnc {
        font-size: 8px!important;
        margin-top: 0!important
    }

    .cardSahi .infographic img.rblDuet {
        width: 68%!important;
        margin: -15px 0 0 2px!important
    }

    .linesOpen {
        font-size: 10px;
        margin: 0 0 14px 0;
        float: left
    }

    .languageBox {
        z-index: 5
    }

    .legal-page-container .invester-page-title {
        font-size: 20px;
        line-height: 1.8;
        margin: 35px 0 0 0
    }

    .investor-relations-content .top-line {
        margin-bottom: 8px
    }

    .investor-relations-content .main-title h2 {
        font-size: 16px;
        margin-bottom: 12px
    }

    .investor-relations-content .content-ul-title {
        margin-bottom: 8px
    }

    .investor-relations-content .invester-content-ul li {
        font-size: 12px
    }

    .invester-content-ul .download-icon {
        width: 24px;
        height: 24px;
        background-size: 16px
    }

    .investor-relations-content .board-members-col {
        margin-bottom: 12px
    }

    .investor-relations-content .board-members {
        display: flex;
        align-items: center;
        padding: 5px
    }

    .board-members-col .board-members img {
        width: 96px;
        height: 96px;
        margin-bottom: 0;
        margin-right: 12px
    }

    .board-members-col .board-members div {
        min-width: 108px
    }

    .investor-relations-content .legal-content-section {
        margin-top: 0
    }
}

.pco-btn-loader {
    border: 2px solid #fff;
    border-radius: 50%;
    border-top: 2px solid #1b1dc7;
    width: 20px;
    height: 20px;
    -webkit-animation: loader-spin 1s linear infinite;
    animation: loader-spin 1s linear infinite
}

@-webkit-keyframes loader-spin {
    0% {
        -webkit-transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes loader-spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.home-page-banner-main .search-banner {
    cursor: pointer
}

.home-page-banner-main .search-banner .wfix {
    display: flex;
    align-items: center
}

.home-page-banner-main .search-banner .left-part {
    width: 40%;
    text-align: center
}

.home-page-banner-main .search-banner .left-part img {
    max-width: 100%;
    height: auto
}

.home-page-banner-main .search-banner .right-part {
    width: 60%
}

.home-page-banner-main .search-banner .right-part h1 {
    color: #1b1dc7;
    font-size: 28px;
    line-height: 44px;
    font-weight: 700;
    margin-bottom: 8px
}

.home-page-banner-main .search-banner .right-part h1 strong {
    color: #d90368
}

.home-page-banner-main .search-banner .right-part ul {
    display: flex;
    flex-wrap: wrap;
    column-gap: 32px;
    width: 100%;
    margin-bottom: 24px
}

.home-page-banner-main .search-banner .right-part ul li {
    display: flex;
    align-items: flex-start;
    font-size: 16px;
    font-weight: 600;
    color: rgba(5,47,95,.8)
}

.home-page-banner-main .search-banner .right-part ul li:before {
    content: "";
    width: 24px;
    height: 1px;
    background-color: #d90368;
    display: block;
    margin-right: 8px;
    margin-top: 12px
}

.home-page-banner-main .search-banner .right-part .btn {
    display: inline-block;
    border-radius: 8px;
    background: #1b1dc7;
    padding: 18px 48px 18px 32px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 18px;
    text-align: center;
    position: relative
}

.home-page-banner-main .search-banner .right-part .btn:after {
    content: "";
    border: solid #fff;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    top: 24px;
    right: 30px
}

.pb-search-section {
    margin: 32px 0
}

.pb-search-section .pb-search-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
    width: 90%;
    max-width: 770px;
    height: 56px;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    color: rgba(5,47,95,.4);
    background: #fff;
    border-radius: 8px;
    border: 1px solid rgba(5,47,95,.16);
    margin: 0 auto;
    cursor: pointer
}

.pb-search-section .pb-search-bar .search-icon {
    display: block;
    width: 18px;
    height: 18px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE4OV8xODE5KSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMy43MDAwMiAxMS40NjA4QzEuNTEzMDggOS4yNzM4NCAxLjUxMzA4IDUuNzI4MTEgMy43MDAwMiAzLjU0MTE4QzUuODg2OTUgMS4zNTQyNCA5LjQzMjY4IDEuMzU0MjQgMTEuNjE5NiAzLjU0MTE4QzEzLjgwNjUgNS43MjgxMSAxMy44MDY1IDkuMjczODQgMTEuNjE5NiAxMS40NjA4QzkuNDMyNjggMTMuNjQ3NyA1Ljg4Njk1IDEzLjY0NzcgMy43MDAwMiAxMS40NjA4Wk0yLjU2ODY1IDIuNDA5ODFDLTAuMjQzMTI4IDUuMjIxNTggLTAuMjQzMTI4IDkuNzgwMzcgMi41Njg2NSAxMi41OTIxQzUuMjcyNjkgMTUuMjk2MiA5LjU5MjQ0IDE1LjM5OTggMTIuNDIwMyAxMi45MDNMMTYuMTU3NSAxNi42NDAxQzE2LjQ2OTkgMTYuOTUyNSAxNi45NzY0IDE2Ljk1MjUgMTcuMjg4OCAxNi42NDAxQzE3LjYwMTIgMTYuMzI3NyAxNy42MDEyIDE1LjgyMTIgMTcuMjg4OCAxNS41MDg3TDEzLjQ5NzQgMTEuNzE3M0MxNS41MzU3IDguOTAyNiAxNS4yODY5IDQuOTQ1NyAxMi43NTEgMi40MDk4MUM5LjkzOTIxIC0wLjQwMTk2OCA1LjM4MDQyIC0wLjQwMTk2NyAyLjU2ODY1IDIuNDA5ODFaIiBmaWxsPSIjMDUyRjVGIiBmaWxsLW9wYWNpdHk9IjAuNCIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzE4OV8xODE5Ij4KPHJlY3Qgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=) no-repeat 0 0;
    background-size: 18px;
    margin: 0 0 0 12px
}

.pb-search-section .pb-search-bar .search-placeholder {
    display: flex
}

.pb-search-section .pb-search-bar .search-by-text {
    font-weight: 600;
    color: #1b1dc7;
    width: 70px;
    height: 22px;
    margin-right: auto;
    margin-left: 4px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    overflow: hidden
}

.pb-search-section .pb-search-bar .search-animate-text {
    font-size: 14px;
    font-weight: 600;
    color: #1b1dc7;
    animation: animateWords 6s infinite
}

@-webkit-keyframes animateWords {
    0% {
        transform: translateY(0)
    }

    20% {
        transform: translateY(0)
    }

    40% {
        transform: translateY(-100%)
    }

    50% {
        transform: translateY(-100%)
    }

    70% {
        transform: translateY(-200%)
    }

    90% {
        transform: translateY(-200%)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes animateWords {
    0% {
        transform: translateY(0)
    }

    20% {
        transform: translateY(0)
    }

    40% {
        transform: translateY(-100%)
    }

    50% {
        transform: translateY(-100%)
    }

    70% {
        transform: translateY(-200%)
    }

    90% {
        transform: translateY(-200%)
    }

    100% {
        transform: translateY(0)
    }
}

@media screen and (max-width: 767px) {
    .pb-search-section .pb-search-bar {
        width:95%;
        height: 48px
    }
}

.congratulations-modal {
    position: fixed;
    z-index: 99;
    display: none;
    align-items: center;
    justify-content: center;
    height: 100vh;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    background-color: rgba(0,0,0,.8)
}

.congratulations-modal.show-modal {
    display: flex
}

.congratulations-modal.show-modal div.modal-holder {
    padding: 40px 53px;
    max-width: 450px;
    width: 100%;
    background: #fff;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    text-align: center;
    position: relative
}

.congratulations-modal.show-modal div.modal-holder a.modal-close {
    position: absolute;
    top: 0;
    right: 12px;
    color: #666;
    font-size: 26px
}

.congratulations-modal.show-modal div.modal-holder p.cong-txt {
    font-size: 24px;
    color: #1b1dc7;
    font-weight: 700;
    margin: 16px 0 0
}

.congratulations-modal.show-modal div.modal-holder p {
    font-size: 16px;
    color: #052f5f;
    line-height: 24px;
    font-weight: 400
}

.congratulations-modal.show-modal div.modal-holder p.ref-number {
    width: 240px;
    margin: 8px auto 20px;
    padding: 4px 0;
    font-size: 14px;
    color: #052f5f;
    line-height: 24px;
    font-weight: 600;
    background-color: #eaebfb;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px
}

.modal-wrapper {
    display: none;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    align-items: center;
    justify-content: center;
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    background-color: rgba(0,0,0,.8)
}

.modal-wrapper.show-modal {
    display: flex
}

.modal-wrapper .fetching-details {
    width: 100%;
    max-width: 320px;
    background: #fff;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    padding: 32px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.modal-wrapper .fetching-details>div {
    display: flex;
    align-items: center;
    position: relative
}

.modal-wrapper .fetching-details>div.divider {
    display: block;
    width: 4px;
    height: 44px;
    background: #e6ebef;
    margin-left: 10px
}

.modal-wrapper .fetching-details>div p {
    margin-left: 16px;
    font-size: 12px;
    color: #052f5f;
    font-weight: 400
}

.modal-wrapper .pa-offers {
    display: flex;
    flex-direction: column;
    max-width: 360px;
    width: 100%;
    background: #fff;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 32px 0;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    text-align: center;
    position: relative
}

.modal-wrapper .pa-offers.hide {
    display: none
}

.modal-wrapper .pa-offers a.modal-close {
    position: absolute;
    top: 0;
    right: 12px;
    color: #666;
    font-size: 26px;
    display: flex
}

.modal-wrapper .pa-offers>div {
    width: 80%
}

.modal-wrapper .pa-offers>div.hide {
    display: none
}

.modal-wrapper .pa-offers .otp-input-group {
    width: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 16px auto 0
}

.modal-wrapper .pa-offers .otp-input-group input {
    width: 100%;
    border: 0;
    border-bottom: 2px solid rgba(5,47,95,.1);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 32px;
    color: #052f5f;
    background: 0 0;
    outline: 0;
    box-shadow: none;
    text-align: center;
    border-radius: 0;
    padding-bottom: 10px;
    letter-spacing: 16px;
    text-indent: 16px
}

.modal-wrapper .pa-offers .otp-input-group input::placeholder {
    font-weight: 400;
    color: rgba(5,47,95,.3)
}

.modal-wrapper .pa-offers span.otp-heading {
    font-size: 16px;
    color: #1b1dc7;
    font-weight: 700;
    margin-bottom: 8px
}

.modal-wrapper .pa-offers p {
    font-size: 14px;
    color: #052f5f;
    font-weight: 400;
    text-align: center;
    line-height: 22px;
    margin-bottom: 10px
}

.modal-wrapper .pa-offers p.check-txt {
    font-size: 12px;
    color: #052f5f;
    font-weight: 400;
    line-height: 18px
}

.modal-wrapper .pa-offers p.check-txt>span:first-child {
    font-weight: 400
}

.modal-wrapper .pa-offers p.check-txt span {
    font-weight: 600;
    display: inline-flex;
    align-items: center
}

.modal-wrapper .pa-offers p.check-txt span i.pencil-icon {
    display: block;
    width: 12px;
    height: 12px;
    background: url(../images/pencil-icon.png) no-repeat center;
    background-size: 100%;
    cursor: pointer;
    margin-left: 6px
}

.modal-wrapper .pa-offers p b {
    font-weight: 600
}

.modal-wrapper .pa-offers.has-error .otp-input-group input {
    border-color: #d72716
}

.modal-wrapper .pa-offers p.otp-error-msg {
    display: none
}

.modal-wrapper .pa-offers.has-error p.otp-error-msg {
    display: block;
    color: #d72716;
    font-size: 12px;
    font-weight: 600;
    margin-top: 12px;
    margin-bottom: 0
}

.modal-wrapper .pa-offers .btn-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-top: 16px
}

.modal-wrapper .pa-offers .btn-actions button {
    width: 140px;
    height: 44px;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    cursor: pointer
}

.modal-wrapper .pa-offers .btn-actions button:active,.modal-wrapper .pa-offers .btn-actions button:focus,.modal-wrapper .pa-offers .btn-actions button:hover {
    outline: 0;
    box-shadow: none
}

.modal-wrapper .pa-offers .btn-actions .submit-btn {
    border: 0;
    background: #1b1dc7;
    color: #fff;
    font-size: 14px;
    font-weight: 600
}

.modal-wrapper .pa-offers .btn-actions .counter-btn.hide,.modal-wrapper .pa-offers .btn-actions .resend-btn.hide {
    display: none
}

.modal-wrapper .pa-offers .btn-actions .resend-btn {
    background-color: #fff;
    border: 1px solid #1b1dc7;
    font-size: 14px;
    color: #1b1dc7;
    font-weight: 600
}

.modal-wrapper .pa-offers .btn-actions .counter-btn {
    border: 1px solid rgba(5,47,95,.2);
    border-radius: 8px;
    background-color: rgba(5,47,95,.1);
    font-size: 14px;
    color: #052f5f;
    font-weight: 600;
    cursor: default
}

.modal-wrapper .pa-offers .update-box .get-btn {
    border: 0;
    background: #1b1dc7;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    width: 280px;
    height: 44px;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    cursor: pointer;
    margin: 24px auto 0
}

.modal-wrapper .pa-offers .update-box .otp-input-group input {
    font-size: 22px;
    letter-spacing: 0
}

.modal-wrapper .no-offers {
    display: flex;
    flex-direction: column;
    max-width: 550px;
    width: 100%;
    background: #fff;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 32px 0;
    background-size: contain;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    text-align: center;
    position: relative
}

.modal-wrapper .no-offers a.modal-close {
    position: absolute;
    top: 0;
    right: 12px;
    color: #666;
    font-size: 26px
}

.modal-wrapper .no-offers .cs-bnr>img {
    margin-right: 16px
}

.modal-wrapper .no-offers div>p {
    font-size: 14px;
    color: #052f5f;
    margin-bottom: 20px;
    font-weight: 600;
    background-color: rgba(5,47,95,.06);
    padding: 12px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px
}

.modal-wrapper .no-offers .cs-bnr {
    display: flex;
    align-items: flex-start;
    text-align: left
}

.modal-wrapper .no-offers .cs-bnr p {
    color: #1b1dc7;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 24px
}

.modal-wrapper .no-offers .cs-bnr ul li {
    display: flex;
    align-items: center;
    font-size: 10px;
    color: #052f5f;
    font-weight: 600
}

.modal-wrapper .no-offers .cs-bnr ul li:before {
    content: "";
    width: 12px;
    height: 1px;
    background-color: #d90368;
    display: block;
    margin-right: 6px
}

.modal-wrapper .no-offers .cs-bnr .apply-btn {
    width: 204px;
    height: 44px;
    margin-top: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    background: #1b1dc7;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    cursor: pointer;
    border: 0;
    outline: 0
}

.modal-wrapper .no-offers .cs-bnr .apply-btn:focus {
    outline: 0
}

.loader-circle,.loader-circle:after {
    border-radius: 50%;
    width: 24px;
    height: 24px
}

.loader-circle {
    display: inline-block;
    font-size: 10px;
    position: relative;
    text-indent: -99999em;
    border-top: 2px solid #e6ebef;
    border-right: 2px solid #0bae85;
    border-bottom: 2px solid #0bae85;
    border-left: 2px solid #0bae85;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: animateLoader 1.1s infinite linear;
    animation: animateLoader 1.1s infinite linear
}

@-webkit-keyframes animateLoader {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes animateLoader {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@media (max-width: 767px) {
    .congratulations-modal {
        background-color:rgba(0,0,0,.2);
        top: inherit;
        bottom: 0
    }

    .congratulations-modal.show-modal div.modal-holder {
        width: 90%;
        padding: 24px 15px
    }

    .congratulations-modal.show-modal div.modal-holder p.cong-txt {
        font-size: 16px;
        margin: 6px 0
    }

    .congratulations-modal.show-modal div.modal-holder p {
        font-size: 14px;
        line-height: 22px
    }

    .congratulations-modal.show-modal div.modal-holder p br {
        display: none
    }

    .congratulations-modal.show-modal div.modal-holder p.ref-number {
        margin-bottom: 16px
    }

    .align-modal-bottom {
        align-items: flex-end
    }

    .align-modal-bottom div.pa-offers {
        border-radius: 24px 24px 0 0;
        -moz-border-radius: 24px 24px 0 0;
        -webkit-border-radius: 24px 24px 0 0
    }

    .align-modal-bottom div.pa-offers a.modal-close {
        width: 40px;
        height: 4px;
        background-color: rgba(5,47,95,.2);
        text-indent: 66px;
        position: inherit;
        margin: -24px auto 16px;
        right: 0;
        overflow: hidden;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px
    }

    .modal-wrapper .no-offers {
        width: 90%;
        padding: 32px 10px 24px
    }

    .modal-wrapper .no-offers .cs-bnr {
        flex-direction: column;
        align-items: center
    }

    .modal-wrapper .no-offers .cs-bnr>img {
        width: 141px;
        margin: 0 0 16px
    }

    .modal-wrapper .no-offers .cs-bnr p {
        font-size: 14px;
        text-align: center;
        line-height: 24px
    }

    .modal-wrapper .no-offers .cs-bnr ul {
        width: 150px;
        margin: 0 auto
    }

    .modal-wrapper .no-offers .cs-bnr .apply-btn,.modal-wrapper .pa-offers .update-box .get-btn {
        width: 100%
    }

    .modal-wrapper {
        top: inherit;
        bottom: 0
    }

    .modal-wrapper.js-offers-otp-popup .pa-offers {
        max-width: 100%
    }
}

@media (max-width: 359px) {
    .modal-wrapper .fetching-details {
        width:90%;
        padding: 24px 18px
    }
}

.pl-modal {
    display: none;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    align-items: center;
    justify-content: center;
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    background-color: rgba(0,0,0,.8)
}

.pl-modal.show-modal {
    display: flex
}

.pl-modal>div {
    width: 100%;
    padding: 0 16px;
    max-width: 360px;
    background-color: #fff;
    position: relative;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px
}

.pl-modal>div a.modal-close {
    position: absolute;
    top: 0;
    right: 12px;
    color: rgba(5,47,95,.8);
    font-size: 26px
}

.pl-modal>div p.pao-heading {
    font-size: 14px;
    height: 44px;
    color: #052f5f;
    font-weight: 600;
    background-color: rgba(5,47,95,.06);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: -16px;
    margin-right: -16px
}

.pl-modal>div div.bank-img {
    width: 76px;
    height: auto;
    margin: 20px auto
}

.pl-modal>div div.bank-img img {
    width: 100%;
    height: auto
}

.pl-modal>div p {
    font-size: 14px;
    font-weight: 600;
    color: #052f5f;
    text-align: center
}

.pl-modal>div p span {
    font-weight: 400;
    display: block
}

.pl-modal>div a.apply-offer {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    background-color: #2c3bd9;
    display: flex;
    height: 44px;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-top: 24px
}

.pl-modal>div a.request-callback {
    font-size: 14px;
    font-weight: 600;
    background-color: #fff;
    text-align: center;
    color: #2c3bd9;
    border: 1px solid #2c3bd9;
    display: flex;
    height: 44px;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-top: 16px
}

.pl-modal>div p.hint-txt {
    font-size: 10px;
    color: rgba(5,47,95,.6);
    font-weight: 600;
    margin: 8px 0 16px
}

.common-modal {
    display: none;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    align-items: center;
    justify-content: center;
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    background-color: rgba(0,0,0,.8)
}

.common-modal.show-modal {
    display: flex
}

.common-modal>div {
    position: relative;
    width: 100%;
    max-width: 450px;
    padding: 36px 24px 24px;
    background-color: #fff;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px
}

.common-modal>div a.modal-close {
    position: absolute;
    top: 4px;
    right: 12px;
    color: rgba(5,47,95,.6);
    font-size: 26px
}

.common-modal .img-holder {
    width: 220px;
    margin: 0 auto
}

.common-modal>div img {
    margin: 0 auto;
    display: block;
    width: 100%
}

.common-modal>div p.common-modal-heading {
    font-size: 24px;
    color: #1b1dc7;
    font-weight: 700;
    text-align: center;
    margin: 24px 0 4px
}

.common-modal>div p {
    font-size: 16px;
    color: #052f5f;
    font-weight: 400;
    text-align: center
}

@media (max-width: 767px) {
    .pl-modal>div {
        max-width:100%;
        border-radius: 16px 16px 0 0;
        -moz-border-radius: 16px 16px 0 0;
        -webkit-border-radius: 16px 16px 0 0
    }

    .pl-modal {
        align-items: flex-end;
        top: inherit;
        bottom: 0
    }

    .common-modal {
        background-color: rgba(0,0,0,.2);
        top: inherit;
        bottom: 0
    }

    .common-modal>div {
        width: 90%
    }

    .common-modal>div p.common-modal-heading {
        font-size: 16px
    }

    .common-modal>div p {
        font-size: 12px
    }
}

.home-page-banner-main .carousel>.container .slide-box.pre-approved-bnr.pco-form-bnr .wfix {
    padding-bottom: 0
}

.home-page-banner-main .carousel>.container .slide-box.pre-approved-bnr.pco-form-bnr .form-pco {
    display: flex;
    align-items: flex-end;
    margin-top: 36px
}

.home-page-banner-main .carousel>.container .slide-box.pre-approved-bnr.pco-form-bnr .form-pco .input-group {
    display: flex;
    flex-direction: column
}

.home-page-banner-main .carousel>.container .slide-box.pre-approved-bnr.pco-form-bnr .form-pco .input-group label {
    font-size: 16px;
    color: #052f5f;
    margin-bottom: 10px
}

.home-page-banner-main .carousel>.container .slide-box.pre-approved-bnr.pco-form-bnr .form-pco .input-group input {
    font-size: 18px;
    font-weight: 600;
    color: #052f5f;
    border: 1px solid rgba(5,47,95,.6);
    height: 55px;
    display: flex;
    align-items: center;
    width: 359px;
    padding-left: 16px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.home-page-banner-main .carousel>.container .slide-box.pre-approved-bnr.pco-form-bnr .form-pco .input-group.has-error input {
    border-color: #d72716
}

.home-page-banner-main .carousel>.container .slide-box.pre-approved-bnr.pco-form-bnr .form-pco .input-group.has-error label {
    color: #d72716
}

.home-page-banner-main .carousel>.container .slide-box.pre-approved-bnr.pco-form-bnr .form-pco .input-group input:focus {
    outline: 0
}

.home-page-banner-main .carousel>.container .slide-box.pre-approved-bnr.pco-form-bnr .form-pco .input-group input::placeholder {
    color: rgba(5,47,95,.4);
    font-weight: 400
}

.home-page-banner-main .carousel>.container .slide-box.pre-approved-bnr.pco-form-bnr .form-pco .check-offers-btn {
    margin-left: 15px;
    background: linear-gradient(90deg,#3a3ee5 0,#1b1dc7 100%);
    background: -moz-linear-gradient(90deg,#3a3ee5 0,#1b1dc7 100%);
    background: -webkit-linear-gradient(90deg,#3a3ee5 0,#1b1dc7 100%);
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    height: 54px;
    width: 208px;
    outline: 0;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    cursor: pointer
}

.slide-box.pre-approved-bnr.pco-form-bnr .bnr-content h1 img {
    display: none
}

@media (max-width: 767px) {
    .home-page-banner-main .carousel>.container .slide-box.pre-approved-bnr.pco-form-bnr .bnr-content h1 {
        font-size:14px;
        color: #1b1dc7;
        font-weight: 400
    }

    .home-page-banner-main .carousel>.container .slide-box.pre-approved-bnr.pco-form-bnr .bnr-content h1 span.pink-txt {
        color: #1b1dc7;
        font-weight: 600
    }

    .slide-box.pre-approved-bnr.pco-form-bnr .bnr-content h1 {
        justify-content: space-between
    }

    .slide-box.pre-approved-bnr.pco-form-bnr .bnr-content h1 img {
        display: inline-flex;
        width: 115px;
        height: auto
    }

    .home-page-banner-main .carousel>.container .slide-box.pre-approved-bnr.pco-form-bnr .bnr-content h1>span {
        width: 60%
    }

    .home-page-banner-main .carousel>.container .slide-box.pre-approved-bnr.pco-form-bnr .form-pco .input-group {
        flex: 1
    }

    .home-page-banner-main .carousel>.container .slide-box.pre-approved-bnr.pco-form-bnr .form-pco .input-group input {
        width: 100%;
        flex: auto;
        height: 38px;
        border-radius: 4px 0 0 4px;
        -moz-border-radius: 4px 0 0 4px;
        -webkit-border-radius: 4px 0 0 4px;
        font-size: 12px
    }

    .home-page-banner-main .carousel>.container .slide-box.pre-approved-bnr.pco-form-bnr .form-pco .check-offers-btn {
        width: 107px;
        height: 38px;
        margin-left: 0;
        border-radius: 0 4px 4px 0;
        -moz-border-radius: 0 4px 4px 0;
        -webkit-border-radius: 0 4px 4px 0;
        font-size: 12px
    }

    .home-page-banner-main .carousel>.container .slide-box.pre-approved-bnr.pco-form-bnr .form-pco {
        margin-top: -10px;
        padding-bottom: 15px
    }

    .home-page-banner-main .carousel>.container .slide-box.pre-approved-bnr.pco-form-bnr .form-pco .input-group label {
        font-size: 12px;
        margin-bottom: 2px
    }

    .home-page-banner-main .carousel>.container .slide-box.pre-approved-bnr.pco-form-bnr {
        background: #f4f8ff
    }
}

@media (max-width: 320px) {
    .slide-box.pre-approved-bnr.pco-form-bnr .bnr-content h1 img {
        width:102px
    }

    .home-page-banner-main .carousel>.container .slide-box.pre-approved-bnr.pco-form-bnr .bnr-content h1>span {
        width: 65%
    }
}

.f-page-loader {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100vh;
    display: none;
    align-items: center;
    justify-content: center;
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    background-color: rgba(0,0,0,.7)
}

.f-page-loader.show-modal {
    display: flex
}

.f-page-loader>div {
    display: flex;
    flex-direction: column;
    align-items: center
}

.f-page-loader>div p {
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    line-height: 28px;
    text-align: center;
    margin-top: 10px
}

.dot-carousel {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background: linear-gradient(135deg,#2258e0 0,#35b3f5 100%);
    display: flex;
    align-items: center;
    justify-content: center
}

.dot-carousel img {
    width: 35px;
    height: auto;
    display: block
}

#toast-container {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    height: 100vh;
    visibility: hidden
}

#snackbar {
    min-width: 250px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 16px 16px 16px 10px;
    font-size: 17px;
    display: flex;
    align-items: center;
    height: 48px;
    border-radius: 28px;
    -moz-border-radius: 28px;
    -webkit-border-radius: 28px;
    box-shadow: 0 12px 17px 0 rgba(27,40,121,.22);
    -moz-box-shadow: 0 12px 17px 0 rgba(27,40,121,.22);
    -webkit-box-shadow: 0 12px 17px 0 rgba(27,40,121,.22)
}

#snackbar #img-holder {
    margin-right: 10px;
    background-color: rgba(242,162,77,.2);
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 32px;
    -moz-border-radius: 32px;
    -webkit-border-radius: 32px
}

#snackbar #img-holder img {
    width: 18px;
    height: auto
}

#snackbar #desc-box {
    font-size: 14px;
    font-weight: 600
}

#toast-container.show {
    visibility: visible;
    -webkit-animation: fadein .5s,fadeout .5s 5s;
    animation: fadein .5s,fadeout .5s 5s
}

@-webkit-keyframes fadein {
    from {
        bottom: 0;
        opacity: 0
    }

    to {
        bottom: 30px;
        opacity: 1
    }
}

@keyframes fadein {
    from {
        bottom: 0;
        opacity: 0
    }

    to {
        bottom: 30px;
        opacity: 1
    }
}

@-webkit-keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1
    }

    to {
        bottom: 0;
        opacity: 0
    }
}

@keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1
    }

    to {
        bottom: 0;
        opacity: 0
    }
}

.offers-modal {
    display: none;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    align-items: center;
    justify-content: center;
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    background-color: rgba(0,0,0,.8)
}

.offers-modal.show-modal {
    display: flex
}

.offers-modal>div {
    position: relative;
    min-width: auto;
    padding: 24px;
    background-color: #fff;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px
}

.offers-modal>div a.modal-close {
    position: absolute;
    top: -14px;
    right: 12px;
    color: rgba(5,47,95,.6);
    font-size: 26px
}

.offers-modal>div h4 {
    font-size: 18px;
    color: #1b1dc7;
    font-weight: 400
}

.offers-modal>div h4:after {
    display: block;
    width: 40px;
    height: 2px;
    background-color: #d90368;
    content: "";
    margin: 8px 0 16px
}

.offers-modal>div h4 span {
    font-weight: 700
}

.offers-modal>div .offer-cards {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center
}

.offers-modal>div .offer-card {
    border: 1px solid rgba(5,47,95,.24);
    width: 266px;
    margin-left: 24px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    overflow: hidden
}

.offers-modal>div .offer-card:first-child {
    margin-left: 0
}

.offers-modal>div .offer-card .offer-strip {
    background-color: #f4f8ff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 7px 15px
}

.offers-modal>div .offer-card .offer-strip div {
    display: flex;
    align-items: center
}

.offers-modal>div .offer-card .offer-strip div:first-child img {
    width: 16px;
    height: auto;
    margin-right: 6px
}

.offers-modal>div .offer-card .offer-strip div:first-child span {
    font-size: 10px;
    color: rgba(5,47,95,.6);
    font-weight: 600;
    text-transform: uppercase
}

.offers-modal>div .offer-card .offer-strip div:last-child img {
    width: 10px;
    height: auto;
    margin-right: 6px
}

.offers-modal>div .offer-card .offer-strip div:last-child span {
    font-size: 8px;
    font-weight: 600;
    background: linear-gradient(180deg,#7354c5 0,#2f75ef 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.offers-modal>div .offer-card .offer-description {
    padding: 8px 16px 16px
}

.offers-modal>div .offer-card .offer-description img {
    width: 84px
}

.offers-modal>div .offer-card .offer-description h3 {
    font-size: 16px;
    font-weight: 700;
    color: #1b1dc7
}

.offers-modal>div .offer-card .offer-description h3 span.pink-txt {
    color: #d90368;
    font-weight: 700
}

.offers-modal>div .offer-card .offer-description h3 br {
    display: none
}

.offers-modal>div .offer-card .offer-description h3 span.blue-b {
    color: #1b1dc7;
    font-weight: 700
}

.offers-modal>div .offer-card .offer-description ul {
    margin-top: 12px
}

.offers-modal>div .offer-card .offer-description ul li {
    width: 100%;
    display: flex;
    align-items: center;
    font-size: 12px;
    color: rgba(5,47,95,.8);
    font-weight: 400;
    margin-top: 4px
}

.offers-modal>div .offer-card .offer-description ul li strong,.offers-modal>div .offer-card .offer-description ul li12 b {
    font-weight: 600;
    color: #052f5f;
    margin-left: 3px
}

.offers-modal>div .offer-card .offer-description ul li:before {
    content: "";
    width: 12px;
    height: 1px;
    background-color: #d90368;
    display: block;
    margin-right: 8px
}

.offers-modal>div .offer-card .offer-description .apply-now-btn {
    width: 112px;
    height: 36px;
    background-color: #1b1dc7;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #fff;
    margin-top: 24px;
    cursor: pointer;
    font-weight: 600
}

.offers-modal>div a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
    color: #1b1dc7;
    margin-top: 16px
}

.offers-modal>div a i {
    display: block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #1b1dc7;
    border-left: 2px solid #1b1dc7;
    transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    margin: 2px 0 0 3px
}

@media screen and (max-width: 767px) {
    .offers-modal>div .offer-cards {
        flex-direction:column
    }

    .offers-modal>div .offer-card {
        margin-left: 0;
        width: 100%;
        margin-top: 12px
    }

    .offers-modal>div .offer-card:first-child {
        margin-top: 0
    }

    .offers-modal>div .offer-card .offer-description ul {
        display: none
    }

    .offers-modal>div {
        min-width: inherit;
        width: 90%
    }

    .offers-modal>div .offer-card .offer-description {
        position: relative;
        min-height: 100px
    }

    .offers-modal>div .offer-card .offer-description h3 {
        width: 55%;
        font-size: 14px;
        font-weight: 600;
        min-height: 48px
    }

    .offers-modal>div .offer-card .offer-description img {
        position: absolute;
        right: 12px;
        height: auto;
        width: 113px;
        top: 8px
    }

    .offers-modal>div .offer-card .offer-description .apply-now-btn {
        width: 96px;
        height: 32px;
        position: absolute;
        right: 12px;
        bottom: 5px;
        font-size: 12px
    }

    .offers-modal>div h4 {
        font-size: 18px
    }

    .offers-modal>div {
        padding: 12px
    }

    .offers-modal>div h4 span {
        display: block
    }

    .offers-modal>div .offer-card .offer-description h3 br {
        display: block
    }
}
.products-section{
   margin:40px 0 0 0;
}