*, ::after, ::before {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent
}

@-ms-viewport {
    width: device-width
}

article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block
}

main {
    background-color: #ecf6ff !important;
}

body,ion-content {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff
}

app-header{
    position: fixed;
    width: 100%;
    z-index: 9999;
}

[tabindex="-1"]:focus {
    outline: 0 !important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[data-original-title], abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

dl, ol, ul {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol, ol ul, ul ol, ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

dfn {
    font-style: italic
}

b, strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub, sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:hover {
    color: #0056b3;
    text-decoration: underline
}

a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):focus {
    outline: 0
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none;
    height: auto;
}

svg:not(:root) {
    overflow: hidden
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto-webkit-focus-ring-color
}

button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=reset], [type=submit], button, html[type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=date], input[type=datetime-local], input[type=month], input[type=time] {
    -webkit-appearance: listbox
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none !important
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit
}

.h1, h1 {
    font-size: 2.5rem
}

.h2, h2 {
    font-size: 2rem
}

.h3, h3 {
    font-size: 1.75rem
}

.h4, h4 {
    font-size: 1.5rem
}

.h5, h5 {
    font-size: 1.25rem
}

.h6, h6 {
    font-size: 1rem
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.small, small {
    font-size: 80%;
    font-weight: 400
}

.mark, mark {
    padding: .2em;
    background-color: #fcf8e3
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #6c757d
}

.blockquote-footer::before {
    content: "\2014 \00A0"
}

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

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #6c757d
}

code, kbd, pre, samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

code {
    font-size: 87.5%;
    color: #e83e8c;
    word-break: break-word
}

a>code {
    color: inherit
}

kbd {
    padding: .2rem.4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: .2rem
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700
}

pre {
    display: block;
    font-size: 87.5%;
    color: #212529
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem !important;
    padding: 0 !important;
}

.card>hr {
    margin-right: 0;
    margin-left: 0
}

.card>.list-group:first-child.list-group-item:first-child {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.card>.list-group:last-child.list-group-item:last-child {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem !important
}

.card-title {
    margin-bottom: .75rem
}

.card-subtitle {
    margin-top: -.375rem;
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link+.card-link {
    margin-left: 1.25rem
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.card-header:first-child {
    border-radius: calc(.25rem-1px) calc(.25rem-1px) 0 0
}

.card-header+.list-group.list-group-item:first-child {
    border-top: 0
}

.card-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(0, 0, 0, .03);
    border-top: 1px solid rgba(0, 0, 0, .125)
}

.card-footer:last-child {
    border-radius: 0 0 calc(.25rem-1px) calc(.25rem-1px)
}

.card-header-tabs {
    margin-right: -.625rem;
    margin-bottom: -.75rem;
    margin-left: -.625rem;
    border-bottom: 0
}

.card-header-pills {
    margin-right: -.625rem;
    margin-left: -.625rem
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem
}

.card-img {
    width: 100%;
    border-radius: calc(.25rem-1px)
}

.card-img-top {
    width: 100%;
    border-top-left-radius: calc(.25rem-1px);
    border-top-right-radius: calc(.25rem-1px)
}

.card-img-bottom {
    width: 100%;
    border-bottom-right-radius: calc(.25rem-1px);
    border-bottom-left-radius: calc(.25rem-1px)
}

.card-deck {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.card-deck.card {
    margin-bottom: 15px
}
.p-inputtext:enabled:focus {
    color: #495057 !important;
}
@media(min-width:576px) {
    .card-deck {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px
    }
    .card-deck.card {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0;
        flex: 1 0 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px
    }
}

.card-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.card-group>.card {
    margin-bottom: 15px
}

@media(min-width:576px) {
    .card-group {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }
    .card-group>.card {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0;
        flex: 1 0 0;
        margin-bottom: 0
    }
    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }
    .card-group>.card:first-child {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }
    .card-group>.card:first-child.card-header, .card-group>.card:first-child.card-img-top {
        border-top-right-radius: 0
    }
    .card-group>.card:first-child.card-footer, .card-group>.card:first-child.card-img-bottom {
        border-bottom-right-radius: 0
    }
    .card-group>.card:last-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }
    .card-group>.card:last-child.card-header, .card-group>.card:last-child.card-img-top {
        border-top-left-radius: 0
    }
    .card-group>.card:last-child.card-footer, .card-group>.card:last-child.card-img-bottom {
        border-bottom-left-radius: 0
    }
    .card-group>.card:only-child {
        border-radius: .25rem
    }
    .card-group>.card:only-child.card-header, .card-group>.card:only-child.card-img-top {
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
    }
    .card-group>.card:only-child.card-footer, .card-group>.card:only-child.card-img-bottom {
        border-bottom-right-radius: .25rem;
        border-bottom-left-radius: .25rem
    }
    .card-group>.card:not(:first-child):not(:last-child):not(:only-child) {
        border-radius: 0
    }
    .card-group>.card:not(:first-child):not(:last-child):not(:only-child).card-footer, .card-group>.card:not(:first-child):not(:last-child):not(:only-child).card-header, .card-group>.card:not(:first-child):not(:last-child):not(:only-child).card-img-bottom, .card-group>.card:not(:first-child):not(:last-child):not(:only-child).card-img-top {
        border-radius: 0
    }
}

.card-columns.card {
    margin-bottom: .75rem
}

@media(min-width:576px) {
    .card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem
    }
    .card-columns.card {
        display: inline-block;
        width: 100%
    }
}

.breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem
}

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    padding-left: .5rem;
    color: #6c757d;
    content: "/"
}

.breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: underline
}

.breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: none
}

.breadcrumb-item.active {
    color: #6c757d
}

.pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6
}

.page-link:hover {
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.page-link:focus {
    z-index: 2;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.page-link:not(:disabled):not(.disabled) {
    cursor: pointer
}

.page-item:first-child.page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child.page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.page-item.active.page-link {
    z-index: 1;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.page-item.disabled.page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-lg.page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5
}

.pagination-lg.page-item:first-child.page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg.page-item:last-child.page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm.page-link {
    padding: .25rem.5rem;
    font-size: .875rem;
    line-height: 1.5
}

.pagination-sm.page-item:first-child.page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm.page-item:last-child.page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

.badge {
    display: inline-block;
    padding: .25em.4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem
}

.badge:empty {
    display: none
}

.btn.badge {
    position: relative;
    top: -1px
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}

.badge-primary {
    color: #fff;
    background-color: #007bff
}

.badge-primary[href]:focus, .badge-primary[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #0062cc
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d
}

.badge-secondary[href]:focus, .badge-secondary[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #545b62
}

.badge-success {
    color: #fff;
    background-color: #28a745
}

.badge-success[href]:focus, .badge-success[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #1e7e34
}

.badge-info {
    color: #fff;
    background-color: #17a2b8
}

.badge-info[href]:focus, .badge-info[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #117a8b
}

.badge-warning {
    color: #212529;
    background-color: #ffc107
}

.badge-warning[href]:focus, .badge-warning[href]:hover {
    color: #212529;
    text-decoration: none;
    background-color: #d39e00
}

.badge-danger {
    color: #fff;
    background-color: #dc3545
}

.badge-danger[href]:focus, .badge-danger[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #bd2130
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa
}

.badge-light[href]:focus, .badge-light[href]:hover {
    color: #212529;
    text-decoration: none;
    background-color: #dae0e5
}

.badge-dark {
    color: #fff;
    background-color: #343a40
}

.badge-dark[href]:focus, .badge-dark[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #1d2124
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: .3rem
}

@media(min-width:576px) {
    .jumbotron {
        padding: 4rem 2rem
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 4rem
}

.alert-dismissible.close {
    position: absolute;
    top: 0;
    right: 0;
    padding: .75rem 1.25rem;
    color: inherit
}

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff
}

.alert-primary hr {
    border-top-color: #9fcdff
}

.alert-primary.alert-link {
    color: #002752
}

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db
}

.alert-secondary hr {
    border-top-color: #c8cbcf
}

.alert-secondary.alert-link {
    color: #202326
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb
}

.alert-success hr {
    border-top-color: #b1dfbb
}

.alert-success.alert-link {
    color: #0b2e13
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb
}

.alert-info hr {
    border-top-color: #abdde5
}

.alert-info.alert-link {
    color: #062c33
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba
}

.alert-warning hr {
    border-top-color: #ffe8a1
}

.alert-warning.alert-link {
    color: #533f03
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb
}

.alert-danger hr {
    border-top-color: #f1b0b7
}

.alert-danger.alert-link {
    color: #491217
}

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe
}

.alert-light hr {
    border-top-color: #ececf6
}

.alert-light.alert-link {
    color: #686868
}

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca
}

.alert-dark hr {
    border-top-color: #b9bbbe
}

.alert-dark.alert-link {
    color: #040505
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}

.progress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

.progress-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    background-color: #007bff;
    transition: width.6s ease
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15)25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15)50%, rgba(255, 255, 255, .15)75%, transparent 75%, transparent);
    background-size: 1rem 1rem
}

.progress-bar-animated {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite
}

.media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.media-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.list-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}

.list-group-item-action:focus, .list-group-item-action:hover {
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa
}

.list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef
}

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125)
}

.list-group-item:first-child {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.list-group-item:focus, .list-group-item:hover {
    z-index: 1;
    text-decoration: none
}

.list-group-item.disabled, .list-group-item:disabled {
    color: #6c757d;
    background-color: #fff
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.list-group-flush.list-group-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

.list-group-flush:first-child.list-group-item:first-child {
    border-top: 0
}

.list-group-flush:last-child.list-group-item:last-child {
    border-bottom: 0
}

.list-group-item-primary {
    color: #004085;
    background-color: #b8daff
}

.list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover {
    color: #004085;
    background-color: #9fcdff
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #004085;
    border-color: #004085
}

.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db
}

.list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover {
    color: #383d41;
    background-color: #c8cbcf
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #383d41;
    border-color: #383d41
}

.list-group-item-success {
    color: #155724;
    background-color: #c3e6cb
}

.list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover {
    color: #155724;
    background-color: #b1dfbb
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #155724;
    border-color: #155724
}

.list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb
}

.list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover {
    color: #0c5460;
    background-color: #abdde5
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #0c5460;
    border-color: #0c5460
}

.list-group-item-warning {
    color: #856404;
    background-color: #ffeeba
}

.list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover {
    color: #856404;
    background-color: #ffe8a1
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #856404;
    border-color: #856404
}

.list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb
}

.list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover {
    color: #721c24;
    background-color: #f1b0b7
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #721c24;
    border-color: #721c24
}

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe
}

.list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover {
    color: #818182;
    background-color: #ececf6
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #818182;
    border-color: #818182
}

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca
}

.list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover {
    color: #1b1e21;
    background-color: #b9bbbe
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

.close:focus, .close:hover {
    color: #000;
    text-decoration: none;
    opacity: .75
}

.close:not(:disabled):not(.disabled) {
    cursor: pointer
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip.arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem
}

.tooltip.arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-auto[x-placement^=top], .bs-tooltip-top {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=top].arrow, .bs-tooltip-top.arrow {
    bottom: 0
}

.bs-tooltip-auto[x-placement^=top].arrow::before, .bs-tooltip-top.arrow::before {
    top: 0;
    border-width: .4rem.4rem 0;
    border-top-color: #000
}

.bs-tooltip-auto[x-placement^=right], .bs-tooltip-right {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=right].arrow, .bs-tooltip-right.arrow {
    left: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=right].arrow::before, .bs-tooltip-right.arrow::before {
    right: 0;
    border-width: .4rem.4rem.4rem 0;
    border-right-color: #000
}

.bs-tooltip-auto[x-placement^=bottom], .bs-tooltip-bottom {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=bottom].arrow, .bs-tooltip-bottom.arrow {
    top: 0
}

.bs-tooltip-auto[x-placement^=bottom].arrow::before, .bs-tooltip-bottom.arrow::before {
    bottom: 0;
    border-width: 0 .4rem.4rem;
    border-bottom-color: #000
}

.bs-tooltip-auto[x-placement^=left], .bs-tooltip-left {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=left].arrow, .bs-tooltip-left.arrow {
    right: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=left].arrow::before, .bs-tooltip-left.arrow::before {
    left: 0;
    border-width: .4rem 0 .4rem.4rem;
    border-left-color: #000
}

.tooltip-inner {
    max-width: 200px;
    padding: .25rem.5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem
}

.popover.arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: .5rem;
    margin: 0 .3rem
}

.popover.arrow::after, .popover.arrow::before {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-popover-auto[x-placement^=top], .bs-popover-top {
    margin-bottom: .5rem
}

.bs-popover-auto[x-placement^=top].arrow, .bs-popover-top.arrow {
    bottom: calc((.5rem+1px)*-1)
}

.bs-popover-auto[x-placement^=top].arrow::after, .bs-popover-auto[x-placement^=top].arrow::before, .bs-popover-top.arrow::after, .bs-popover-top.arrow::before {
    border-width: .5rem.5rem 0
}

.bs-popover-auto[x-placement^=top].arrow::before, .bs-popover-top.arrow::before {
    bottom: 0;
    border-top-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=top].arrow::after, .bs-popover-top.arrow::after {
    bottom: 1px;
    border-top-color: #fff
}

.bs-popover-auto[x-placement^=right], .bs-popover-right {
    margin-left: .5rem
}

.bs-popover-auto[x-placement^=right].arrow, .bs-popover-right.arrow {
    left: calc((.5rem+1px)*-1);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-auto[x-placement^=right].arrow::after, .bs-popover-auto[x-placement^=right].arrow::before, .bs-popover-right.arrow::after, .bs-popover-right.arrow::before {
    border-width: .5rem.5rem.5rem 0
}

.bs-popover-auto[x-placement^=right].arrow::before, .bs-popover-right.arrow::before {
    left: 0;
    border-right-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=right].arrow::after, .bs-popover-right.arrow::after {
    left: 1px;
    border-right-color: #fff
}

.bs-popover-auto[x-placement^=bottom], .bs-popover-bottom {
    margin-top: .5rem
}

.bs-popover-auto[x-placement^=bottom].arrow, .bs-popover-bottom.arrow {
    top: calc((.5rem+1px)*-1)
}

.bs-popover-auto[x-placement^=bottom].arrow::after, .bs-popover-auto[x-placement^=bottom].arrow::before, .bs-popover-bottom.arrow::after, .bs-popover-bottom.arrow::before {
    border-width: 0 .5rem.5rem.5rem
}

.bs-popover-auto[x-placement^=bottom].arrow::before, .bs-popover-bottom.arrow::before {
    top: 0;
    border-bottom-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=bottom].arrow::after, .bs-popover-bottom.arrow::after {
    top: 1px;
    border-bottom-color: #fff
}

.bs-popover-auto[x-placement^=bottom].popover-header::before, .bs-popover-bottom.popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7
}

.bs-popover-auto[x-placement^=left], .bs-popover-left {
    margin-right: .5rem
}

.bs-popover-auto[x-placement^=left].arrow, .bs-popover-left.arrow {
    right: calc((.5rem+1px)*-1);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-auto[x-placement^=left].arrow::after, .bs-popover-auto[x-placement^=left].arrow::before, .bs-popover-left.arrow::after, .bs-popover-left.arrow::before {
    border-width: .5rem 0 .5rem.5rem
}

.bs-popover-auto[x-placement^=left].arrow::before, .bs-popover-left.arrow::before {
    right: 0;
    border-left-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=left].arrow::after, .bs-popover-left.arrow::after {
    right: 1px;
    border-left-color: #fff
}

.popover-header {
    padding: .5rem.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    color: inherit;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(.3rem-1px);
    border-top-right-radius: calc(.3rem-1px)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: .5rem.75rem;
    color: #212529
}

.carousel {
    position: relative
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-item {
    position: relative;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    transition: -webkit-transform.6s ease;
    transition: transform.6s ease;
    transition: transform.6s ease, -webkit-transform.6s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px
}

.carousel-item-next, .carousel-item-prev, .carousel-item.active {
    display: block
}

.carousel-item-next, .carousel-item-prev {
    position: absolute;
    top: 0
}

.carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

@supports((-webkit-transform-style:preserve-3d)or(transform-style:preserve-3d)) {
    .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.active.carousel-item-right, .carousel-item-next {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

@supports((-webkit-transform-style:preserve-3d)or(transform-style:preserve-3d)) {
    .active.carousel-item-right, .carousel-item-next {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.active.carousel-item-left, .carousel-item-prev {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

@supports((-webkit-transform-style:preserve-3d)or(transform-style:preserve-3d)) {
    .active.carousel-item-left, .carousel-item-prev {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.carousel-control-next, .carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: .5
}

.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: transparent no-repeat center center;
    background-size: 100%100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvgxmlns='http://www.w3.org/2000/svg'fill='%23fff'viewBox='0088'%3E%3Cpathd='M5.250l-44441.5-1.5-2.5-2.52.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvgxmlns='http://www.w3.org/2000/svg'fill='%23fff'viewBox='0088'%3E%3Cpathd='M2.750l-1.51.52.52.5-2.52.51.51.54-4-4-4z'/%3E%3C/svg%3E")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    z-index: 15;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators li {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    background-color: rgba(255, 255, 255, .5)
}

.carousel-indicators li::before {
    position: absolute;
    top: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: ""
}

.carousel-indicators li::after {
    position: absolute;
    bottom: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: ""
}

.carousel-indicators.active {
    background-color: #fff
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

.border {
    border: 1px solid #dee2e6 !important
}

.border-top {
    border-top: 1px solid #dee2e6 !important
}

.border-right {
    border-right: 1px solid #dee2e6 !important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important
}

.border-left {
    border-left: 1px solid #dee2e6 !important
}

.border-0 {
    border: 0 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-right-0 {
    border-right: 0 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-left-0 {
    border-left: 0 !important
}

.border-primary {
    border-color: #007bff !important
}

.border-secondary {
    border-color: #6c757d !important
}

.border-success {
    border-color: #28a745 !important
}

.border-info {
    border-color: #17a2b8 !important
}

.border-warning {
    border-color: #ffc107 !important
}

.border-danger {
    border-color: #dc3545 !important
}

.border-light {
    border-color: #f8f9fa !important
}

.border-dark {
    border-color: #343a40 !important
}

.border-white {
    border-color: #fff !important
}

.rounded {
    border-radius: .25rem !important
}

.rounded-top {
    border-top-left-radius: .25rem !important;
    border-top-right-radius: .25rem !important
}

.rounded-right {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important
}

.rounded-bottom {
    border-bottom-right-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-left {
    border-top-left-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-0 {
    border-radius: 0 !important
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

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

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

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

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

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

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

@media(min-width:576px) {
    .d-sm-none {
        display: none !important
    }
    .d-sm-inline {
        display: inline !important
    }
    .d-sm-inline-block {
        display: inline-block !important
    }
    .d-sm-block {
        display: block !important
    }
    .d-sm-table {
        display: table !important
    }
    .d-sm-table-row {
        display: table-row !important
    }
    .d-sm-table-cell {
        display: table-cell !important
    }
    .d-sm-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
    .d-sm-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media(min-width:768px) {
    .d-md-none {
        display: none !important
    }
    .d-md-inline {
        display: inline !important
    }
    .d-md-inline-block {
        display: inline-block !important
    }
    .d-md-block {
        display: block !important
    }
    .d-md-table {
        display: table !important
    }
    .d-md-table-row {
        display: table-row !important
    }
    .d-md-table-cell {
        display: table-cell !important
    }
    .d-md-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
    .d-md-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media(min-width:992px) {
    .d-lg-none {
        display: none !important
    }
    .d-lg-inline {
        display: inline !important
    }
    .d-lg-inline-block {
        display: inline-block !important
    }
    .d-lg-block {
        display: block !important
    }
    .d-lg-table {
        display: table !important
    }
    .d-lg-table-row {
        display: table-row !important
    }
    .d-lg-table-cell {
        display: table-cell !important
    }
    .d-lg-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
    .d-lg-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media(min-width:1200px) {
    .d-xl-none {
        display: none !important
    }
    .d-xl-inline {
        display: inline !important
    }
    .d-xl-inline-block {
        display: inline-block !important
    }
    .d-xl-block {
        display: block !important
    }
    .d-xl-table {
        display: table !important
    }
    .d-xl-table-row {
        display: table-row !important
    }
    .d-xl-table-cell {
        display: table-cell !important
    }
    .d-xl-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
    .d-xl-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

@media(min-width:576px) {
    .float-sm-left {
        float: left !important
    }
    .float-sm-right {
        float: right !important
    }
    .float-sm-none {
        float: none !important
    }
}

@media(min-width:768px) {
    .float-md-left {
        float: left !important
    }
    .float-md-right {
        float: right !important
    }
    .float-md-none {
        float: none !important
    }
}

@media(min-width:992px) {
    .float-lg-left {
        float: left !important
    }
    .float-lg-right {
        float: right !important
    }
    .float-lg-none {
        float: none !important
    }
}

@media(min-width:1200px) {
    .float-xl-left {
        float: left !important
    }
    .float-xl-right {
        float: right !important
    }
    .float-xl-none {
        float: none !important
    }
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

@supports((position:-webkit-sticky)or(position:sticky)) {
    .sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
    -webkit-clip-path: none;
    clip-path: none
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.m-0 {
    margin: 0 !important
}

.mt-0, .my-0 {
    margin-top: 0 !important
}

.mr-0, .mx-0 {
    margin-right: 0 !important
}

.mb-0, .my-0 {
    margin-bottom: 0 !important
}

.ml-0, .mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1, .my-1 {
    margin-top: .25rem !important
}

.mr-1, .mx-1 {
    margin-right: .25rem !important
}

.mb-1, .my-1 {
    margin-bottom: .25rem !important
}

.ml-1, .mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2, .my-2 {
    margin-top: .5rem !important
}

.mr-2, .mx-2 {
    margin-right: .5rem !important
}

.mb-2, .my-2 {
    margin-bottom: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3, .my-3 {
    margin-top: 1rem !important
}

.mr-3, .mx-3 {
    margin-right: 1rem !important
}

.mb-3, .my-3 {
    margin-bottom: 1rem !important
}

.ml-3, .mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4, .my-4 {
    margin-top: 1.5rem !important
}

.mr-4, .mx-4 {
    margin-right: 1.5rem !important
}

.mb-4, .my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4, .mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5, .my-5 {
    margin-top: 3rem !important
}

.mr-5, .mx-5 {
    margin-right: 3rem !important
}

.mb-5, .my-5 {
    margin-bottom: 3rem !important
}

.ml-5, .mx-5 {
    margin-left: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0, .py-0 {
    padding-top: 0 !important
}

.pr-0, .px-0 {
    padding-right: 0 !important
}

.pb-0, .py-0 {
    padding-bottom: 0 !important
}

.pl-0, .px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1, .py-1 {
    padding-top: .25rem !important
}

.pr-1, .px-1 {
    padding-right: .25rem !important
}

.pb-1, .py-1 {
    padding-bottom: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2, .py-2 {
    padding-top: .5rem !important
}

.pr-2, .px-2 {
    padding-right: .5rem !important
}

.pb-2, .py-2 {
    padding-bottom: .5rem !important
}

.pl-2, .px-2 {
    padding-left: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3, .py-3 {
    padding-top: 1rem !important
}

.pr-3, .px-3 {
    padding-right: 1rem !important
}

.pb-3, .py-3 {
    padding-bottom: 1rem !important
}

.pl-3, .px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4, .py-4 {
    padding-top: 1.5rem !important
}

.pr-4, .px-4 {
    padding-right: 1.5rem !important
}

.pb-4, .py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4, .px-4 {
    padding-left: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5, .py-5 {
    padding-top: 3rem !important
}

.pb-5, .py-5 {
    padding-bottom: 3rem !important
}

.pb-5, .py-5 {
    padding-bottom: 3rem !important
}

.pl-5, .px-5 {
    padding-left: 3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto, .my-auto {
    margin-top: auto !important
}

.mr-auto, .mx-auto {
    margin-right: auto !important
}

.mb-auto, .my-auto {
    margin-bottom: auto !important
}

.ml-auto, .mx-auto {
    margin-left: auto !important
}

.text-justify {
    text-align: justify !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

@media(min-width:576px) {
    .text-sm-left {
        text-align: left !important
    }
    .text-sm-right {
        text-align: right !important
    }
    .text-sm-center {
        text-align: center !important
    }
}

@media(min-width:768px) {
    .text-md-left {
        text-align: left !important
    }
    .text-md-right {
        text-align: right !important
    }
    .text-md-center {
        text-align: center !important
    }
}

@media(min-width:992px) {
    .text-lg-left {
        text-align: left !important
    }
    .text-lg-right {
        text-align: right !important
    }
    .text-lg-center {
        text-align: center !important
    }
}

@media(min-width:1200px) {
    .text-xl-left {
        text-align: left !important
    }
    .text-xl-right {
        text-align: right !important
    }
    .text-xl-center {
        text-align: center !important
    }
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.font-weight-light {
    font-weight: 300 !important
}

.font-weight-normal {
    font-weight: 400 !important
}

.font-weight-bold {
    font-weight: 700 !important
}

.font-italic {
    font-style: italic !important
}

.text-white {
    color: #fff !important
}

.text-primary {
    color: #007bff !important
}

a.text-primary:focus, a.text-primary:hover {
    color: #0062cc !important
}

.text-secondary {
    color: #6c757d !important
}

a.text-secondary:focus, a.text-secondary:hover {
    color: #545b62 !important
}

.text-success {
    color: #28a745 !important
}

a.text-success:focus, a.text-success:hover {
    color: #1e7e34 !important
}

.text-info {
    color: #17a2b8 !important
}

a.text-info:focus, a.text-info:hover {
    color: #117a8b !important
}

.text-warning {
    color: #ffc107 !important
}

a.text-warning:focus, a.text-warning:hover {
    color: #d39e00 !important
}

.text-danger {
    color: #dc3545 !important
}

a.text-danger:focus, a.text-danger:hover {
    color: #bd2130 !important
}

.text-light {
    color: #f8f9fa !important
}

a.text-light:focus, a.text-light:hover {
    color: #dae0e5 !important
}

.text-dark {
    color: #343a40 !important
}

a.text-dark:focus, a.text-dark:hover {
    color: #1d2124 !important
}

.text-muted {
    color: #6c757d !important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

body, ion-content {
    /*background: #def0ff;*/
    background: #f1fff0;
}

button:focus {
    outline: 0
}

.intro-wrapper h1 {
    font-family: 'Montserrat-ExtraBold', 'Poppins-Bold';
    font-size: 32px;
    color: #014991;
    letter-spacing: -.56px;
    margin-bottom: 5px
}

.intro-wrapper p {
    font-family: Poppins-Regular;
    font-size: 18px;
    color: #333;
    letter-spacing: .71px
}

.intro-wrapper h2 {
    font-family: Poppins-Regular;
    font-size: 18px;
    color: #333;
    letter-spacing: .71px;
    margin-bottom: 20px
}

.form-wrapper h2 {
    font-family: Poppins-SemiBold;
    font-size: 24px;
    color: #ff4e00
}

.form-wrapper h2.grid_title {
    font-size: 19px;
}

.form-wrapper h3 {
    font-family: Poppins-SemiBold;
    font-size: 24px;
    color: #ff4e00
}

.form-wrapper h2 span a {
    font-family: Poppins-SemiBold;
    font-size: 16px;
    color: #033378;
    text-decoration: none
}

.border-top {
    border-top: 1px solid #979797 !important;
    padding-top: 20px;
    margin-top: 20px
}

@media screen and (max-width:768px) {
    .intro-wrapper h1 {
        font-size: 28px;
        letter-spacing: -.44px;
        margin-bottom: 0
    }
    .intro-wrapper p {
        font-size: 14px;
        letter-spacing: .5px
    }
    .form-wrapper h2 {
        font-size: 18px
    }
    .form-wrapper h2 span a {
        font-size: 14px
    }
}

.termscheck input {
    width: 25px !important;
}

.termscheck a {
    color: #033378;
    font-family: poppins-Bold;
    text-decoration: underline
}

.main-wrapper {
    background-image: url(src/assets/Images/bg-shape-desktop.png);
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 40%;
    min-height: 700px
}

@media screen and (max-width:768px) {
    .main-wrapper {
        background-image: url(../Images/bg-shape-mobile.png);
        background-position: right top;
        background-repeat: no-repeat;
        background-size: 35%
    }
}

.policy-need {
    display: flex;
    margin-bottom: 15px;
    border-radius: 5px;
    overflow: hidden;
    -webkit-box-shadow: 2px 4px 10px -9px rgba(0, 0, 0, .75);
    -moz-box-shadow: 2px 4px 10px -9px rgba(0, 0, 0, .75);
    box-shadow: 2px 4px 10px -9px rgba(0, 0, 0, .75)
}

.policy-add-label {
    font-family: Poppins-Regular;
    font-size: 16px;
    color: #727272;
    background: #fff;
    padding: .75rem 1.25rem;
    flex: 1 auto
}

.policy-add-label label {
    font-size: 16px;
    margin-bottom: 0
}

.policy-add {
    position: relative;
    background-color: #ff4e00;
    width: 60px
}

.rs-icon {
    background: url(../Images/Sprite.png) no-repeat;
    position: absolute
}

.icon-plus {
    background-position: -255px -19px;
    width: 19px;
    height: 18px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.icon-close {
    background-position: -153px -21px;
    width: 13px;
    height: 13px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.final-amt-box {
    font-family: Poppins-SemiBold;
    background-color: #014991;
    color: #fff;
    width: 226px;
    height: 100px;
    border-radius: 4px;
    padding: 20px 10px;
    text-align: center
}

.final-amt-box.amt-text {
    font-size: 30px
}

.final-amt-box.amt-sub-text {
    font-size: 16px;
    text-transform: uppercase
}

.benefts-heading {
    font-family: Poppins-SemiBold;
    font-size: 20px;
    color: #ff4e00
}

.benefts-wrapper {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 20px
}

.benefts-item {
    font-family: Poppins-Medium;
    font-size: 18px;
    color: #033378;
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #014991;
    margin-left: 50px;
    margin-right: 20px;
    width: 41%;
    float: left;
    position: relative
}

.benefts-item:last-child {
    border-bottom: 0
}

.icon-bonus {
    background-position: -151px -202px;
    width: 35px;
    height: 36px;
    left: -45px
}

.icon-ratio {
    background-position: -212px -206px;
    width: 33px;
    height: 35px;
    left: -45px
}

.icon-period {
    background-position: -93px -204px;
    width: 31px;
    height: 35px;
    left: -45px
}

.icon-solve {
    background-position: -272px -206px;
    width: 33px;
    height: 35px;
    left: -45px
}

.icon-claim {
    background-position: -31px -204px;
    width: 35px;
    height: 36px;
    left: -45px
}

.quote-wrapper {
    display: flex
}

.quote-content {
    font-family: Poppins-Bold;
    background-color: #014991;
    color: #fff;
    width: 320px;
    height: 60px;
    border-radius: 4px;
    padding: 5px 0;
    text-align: left;
    border-radius: 4px 0 0 4px
}

.quote-content table {
    width: 100%
}

.quote-content .amt-text {
    font-size: 21px
}

.quote-content .amt-sub-text {
    font-family: Poppins-Medium;
    font-size: 13px;
    text-transform: uppercase;
    margin-bottom: 0
}

.quote-content table a {
    font-size: 12px;
    color: #FFF;
    font-weight: normal;
    font-family: Poppins-Regular;
    text-decoration: underline;
    white-space: normal;
    /* white-space: nowrap; */
}

.amt-text {
    font-size: 24px
}

.amt-sub-text {
    font-family: Poppins-Medium;
    font-size: 13px;
    text-transform: uppercase;
    margin-bottom: 0
}

.quote-button-wrapper {
    /* width: 40% !important;  */
    width: 226px;
    display: flex;
    justify-content: center;
    border-radius: 0 4px 4px 0;
    overflow: hidden
}

.quote-button {
    font-family: Poppins-Bold;
    font-size: 20px;
    background-color: #ff4e00;
    color: #fff;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none
}

.quote-button:hover {
    text-decoration: none;
    color: #fff
}

@media screen and (max-width:768px) {
    .quote-wrapper {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0
    }
    .quote-content {
        width: 50%;
        border-radius: 0
    }
    .quote-button-wrapper {
        width: 50% !important;
        border-radius: 0;
        text-align: center;
    }
    .quote-content {
        height: auto;
        padding: 10px 10px;
        text-align: left
    }
    .quote-content .amt-sub-text {
        margin-bottom: 0
    }
    .icon-bonus, .icon-claim, .icon-period, .icon-ratio, .icon-solve {
        top: -5px
    }
    .quote-content .amt-sub-text {
        font-size: 10px
    }
    .quote-content .amt-text {
        font-size: 15px
    }
}

.add-premium-wrapper {
    background-color: #014991;
    padding: 15px;
    display: flex;
    align-items: center;
    border-radius: 5px
}

.add-premium-icon-wrapper {
    position: relative;
    width: 64px;
    height: 64px;
    flex: 0 0 auto
}

.icon-add-premium {
    background-position: -327px -184px;
    width: 64px;
    height: 64px
}

.add-premium-text {
    font-family: Poppins-SemiBold;
    font-size: 18px;
    color: #feb727;
    padding: 10px
}

.add-premium-text span {
    color: #fff
}

.ipadBreak {
    display: none;
}

@media screen and (max-width:991px) {
    .benefts-item {
        width: 100%
    }
    .ipadBreak {
        display: block;
    }
}

@media screen and (max-width:768px) {
    .add-premium-wrapper {
        border-radius: 0;
        margin-left: -15px;
        margin-right: -15px
    }
    .add-premium-text {
        font-size: 16px;
        line-height: 18px
    }
    .radiobutton-wrapper label {
        font-size: 14px;
        margin-right: 20px;
        min-width: 120px;
        line-height: 1.8
    }
    .label-sum {
        font-size: 18px
    }
    .benefts-heading {
        font-size: 18px;
        margin-bottom: 2rem
    }
    .benefts-wrapper {
        margin-bottom: 70px
    }
    .benefts-item {
        font-size: 14px;
        padding-bottom: 20px;
        margin-bottom: 20px
    }
    .quote-wrapper {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0
    }
    .quote-content {
        height: auto;
        padding: 10px 5px;
        text-align: center
    }
    .quote-content.amt-sub-text {
        margin-bottom: 0
    }
    .icon-bonus, .icon-claim, .icon-period, .icon-ratio, .icon-solve {
        top: -5px
    }
}

@media screen and (max-width:574px) {
    .bg-orange {
        padding-top: 100px;
        background-image: url(../Images/bg-shape-mobile-2.png);
        background-size: 100%;
        background-position: top center;
        background-repeat: no-repeat
    }
}

@media screen and (max-width:500px) {
    .ipadBreak {
        display: none;
    }
}

.pb-100 {
    padding-bottom: 100px
}

.pb-200 {
    padding-bottom: 200px
}

.medical-q-wrapper {
    border-bottom: 2px solid #97979757;
    padding-bottom: 10px;
    margin-bottom: 1.5rem
}

.medical-q-wrapper label {
    font-family: Poppins-Medium;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: .57px
}

.medical-q-wrapper.checkbox-wrapper {
    display: inline-block;
    margin-right: 15px;
    color: #333;
    font-size: 16px
}

@media screen and (max-width:768px) {
    .medical-q-wrapper label {
        font-family: Poppins-Medium;
        font-size: 14px;
        line-height: 21px
    }
    .medical-q-wrapper.checkbox-wrapper {
        display: block
    }
}

#option-btn {
    position: relative
}

.options-wrapper {
    position: absolute;
    background-color: #014991;
    width: 300px;
    top: 42px;
    right: -30px;
    border-radius: 5px;
    z-index: 1;
    padding: 20px;
    display: none
}

.options-wrapper ul {
    margin: 0;
    padding: 0
}

.options-wrapper ul li {
    list-style: none;
    border-bottom: 1px solid #d3d6DB54;
    margin-bottom: 5px;
    padding-bottom: 10px
}

.options-wrapper ul li a {
    font-family: Poppins-SemiBold;
    font-size: 18px;
    color: #fff;
    text-decoration: none
}

.options-wrapper ul li a:hover {
    color: #fff
}

.options-wrapper ul li:last-child {
    border-bottom: 0
}

.options-wrapper:before {
    content: '';
    width: 0;
    height: 0;
    display: block;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #014991;
    right: 40px;
    top: -10px;
    position: absolute
}

.lbl-message {
    font-family: Poppins-Medium;
    font-size: 14px;
    color: red
}

@media screen and (max-width:768px) {
    .options-wrapper:before {
        right: 85px
    }
    .options-wrapper {
        top: 35px;
        right: -80px
    }
}

@media screen and (max-width:574px) {
    .proposal-bg {
        margin-left: -15px;
        margin-right: -15px;
        background-image: url(/Images/shape-up.png), url(/Images/shape-down.png);
        background-size: 100%, 100%;
        background-position: top center, bottom center;
        background-repeat: no-repeat, no-repeat;
        /* margin-top: 50px; */
        padding: 0px 15px
    }
    .proposal-bg.border-top {
        border-top: none !important
    }
    .proposal-bg-secondary {
        background: linear-gradient(0deg, #f3ba46, #ffb74210);
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 15px;
        padding-right: 15px
    }
}

.otp-wrapper {
    min-height: 520px
}

.otp-label {
    font-family: Poppins-SemiBold;
    font-size: 22px;
    color: #000;
    line-height: 24px
}

.pay-label {
    font-family: Poppins-SemiBold;
    font-size: 16px;
    color: #000;
    line-height: 24px
}

.font18 {
    font-size: 18px;
}

.digit-group input {
    font-family: Poppins-Regular;
    font-size: 24px;
    width: 90px;
    height: 90px;
    background-color: #fff;
    border: 0;
    line-height: 90px;
    text-align: center;
    margin: 0 10px;
    border-radius: 5px
}

.prompt {
    margin-bottom: 20px;
    font-size: 20px;
    color: #fff
}

.msg-otp {
    font-family: Poppins-Regular;
    font-size: 18px;
    color: #595959
}


.remainingTime {
    color: #014991;
}

@media screen and (max-width:991px) {
    .digit-group input {
        font-size: 20px;
        width: 60px;
        height: 60px;
    }
}

@media screen and (max-width:768px) {
    .digit-group input {
        font-size: 18px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        margin: 0 1px
    }
}

@media screen and (max-width:350px) {
    .digit-group input {
        font-size: 15px;
        width: 35px;
        height: 35px;
    }
}

.coverage-wrapper h3 {
    font-family: Poppins-SemiBold;
    font-size: 24px;
    color: #033378
}

.coverage-wrapper h1 {
    font-family: Poppins-Bold;
    font-size: 36px;
    color: #033378
}

.coverage-wrapper p {
    font-family: Poppins-Medium;
    font-size: 18px;
    color: #033378
}

.coverage-wrapper ul.members-list {
    margin: 0;
    padding: 0
}

.coverage-wrapper ul.members-list li {
    list-style: none;
    display: inline;
    font-family: Poppins-SemiBold;
    font-size: 20px;
    color: #033378
}

.coverage-wrapper ul.members-list li span {
    font-size: 14px;
    position: relative;
    margin-left: 5px
}

.coverage-wrapper ul.members-list li:after {
    border-right: 2px solid #979797;
    height: 15px;
    display: inline-block;
    content: '';
    padding-right: 20px;
    margin-right: 15px
}

.coverage-wrapper ul.members-list li:last-child:after {
    border-right: 0
}

.table-borderless td, .table-borderless th {
    border-top: 0;
    padding: .25rem
}

.premium-table {
    max-width: 400px
}

.premium-table td:first-child {
    font-family: Poppins-SemiBold;
    font-size: 14px;
    color: #033378;
    vertical-align: middle;
    padding-left: 0
}

.premium-table td:last-child {
    font-family: Poppins-SemiBold;
    font-size: 24px;
    color: #033378;
    text-align: right
}

@media screen and (max-width:768px) {
    .coverage-wrapper {
        background-image: none
    }
    .coverage-wrapper ul.members-list li {
        display: block;
        border-bottom: 1px solid #979797;
        padding-bottom: 10px;
        margin-bottom: 10px
    }
    .coverage-wrapper ul.members-list li:after {
        border-right: 0
    }
    .coverage-wrapper ul.members-list li span {
        float: right;
        padding-top: 5px
    }
    .coverage-wrapper ul.members-list li span::before {
        top: 10px
    }
    .coverage-wrapper h3 {
        font-size: 15px
    }
    .coverage-wrapper h1 {
        font-size: 28px
    }
    .coverage-wrapper p {
        font-size: 16px
    }
    .no-border-mob {
        border-top: none !important
    }
}

@media screen and (max-width:574px) {
    .coverage-wrapper-top {
        padding-bottom: 70px;
        background-image: url(../Images/shape-down.png);
        background-size: 100%;
        background-position: bottom center;
        background-repeat: no-repeat;
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 15px;
        padding-right: 15px
    }
}

.icon-download {
    background-position: -81px -77px;
    width: 21px;
    height: 26px
}

.icon-print {
    background-position: -128px -74px;
    width: 25px;
    height: 26px
}

.icon-whatspp {
    background-position: -35px -139px;
    width: 27px;
    height: 27px
}

.quick-links {
    min-width: 120px;
    height: 30px
}

.transaction-id-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

ul.policy-details {
    margin: 0;
    padding: 0
}

ul.policy-details li {
    list-style: none;
    font-family: Poppins-SemiBold;
    color: #033378;
    font-size: 14px;
    border-bottom: 1px solid #979797;
    padding-bottom: 10px;
    margin-bottom: 10px
}

ul.policy-details li span {
    font-size: 24px
}

.social-whatsapp-link {
    position: relative;
    height: 27px;
    width: 27px;
    display: inline-block;
    margin-right: 15px
}

.icon-social-whatspp {
    background-position: -35px -139px;
    width: 27px;
    height: 27px
}

.icon-whatspp-small {
    background-position: -237px -148px;
    width: 18px;
    height: 18px
}

.social-fb-link {
    position: relative;
    height: 27px;
    width: 27px;
    display: inline-block;
    margin-right: 15px
}

.icon-social-fb {
    background-position: -85px -139px;
    width: 27px;
    height: 27px
}

.social-twitter-link {
    position: relative;
    height: 27px;
    width: 27px;
    display: inline-block;
    margin-right: 15px
}

.icon-social-twitter {
    background-position: -136px -142px;
    width: 27px;
    height: 27px
}

.social-linkedin-link {
    position: relative;
    height: 27px;
    width: 27px;
    display: inline-block;
    margin-right: 15px
}

.icon-social-linkedin {
    background-position: -187px -139px;
    width: 27px;
    height: 27px
}

.cashless-p a {
    font-family: Poppins-SemiBold;
    font-size: 14px;
    color: #354efc;
    text-transform: uppercase;
    text-decoration: underline
}

.family-img {
    max-width: 300px
}

@media screen and (max-width:991px) {
    .family-img {
        display: none
    }
}

@media screen and (max-width:768px) {
    h3 .transaction-id {
        font-size: 14px
    }
    ul.policy-details li span {
        font-size: 20px
    }
    .mob-no-pb {
        padding-bottom: 0
    }
}

@media screen and (max-width:574px) {
    .transaction-wrapper-top {
        padding-bottom: 100px;
        background-image: url(../Images/shape-down-family.png);
        background-size: 100%;
        background-position: bottom center;
        background-repeat: no-repeat;
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 15px;
        padding-right: 15px
    }
}

p.lbl-message-error {
    color: red;
    font-size: 14px
}

.transaction-print-link {
    position: relative;
    height: 38px;
    width: 40px;
    display: inline-block;
    margin-right: 15px
}

.print-wrapper {
    display: flex;
    max-width: 200px;
    align-items: center
}

.icon-print-big {
    background-position: -179px -66px;
    height: 38px;
    width: 40px
}

a.try-again {
    font-family: Poppins-SemiBold;
    font-size: 14px;
    color: #354efc;
    text-decoration: underline
}

.alert-error {
    max-width: 480px;
    height: 80px;
    background-color: #d7443e;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center
}

.alert-error label {
    font-family: Poppins-Regular;
    font-size: 24px;
    color: #fff;
    margin-bottom: 0;
}

.transaction-fail-wrapper {
    min-height: 600px
}

.number {
    width: 100px
}

.number span {
    cursor: pointer
}

.number.minus, .number.plus {
    width: 20px;
    height: 50px;
    background-color: transparent;
    display: inline-block;
    text-align: center;
    font-size: 24px;
    color: #ff4e00;
}

.number input {
    height: 40px;
    width: 45px;
    text-align: center;
    display: inline-block
}

.number a {
    color: #595959 !important;
}

.sticky-wrapper {
    background: #014991;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px;
    border-top: 1px solid #ddd;
    z-index: 3
}

.sticky-wrapper.container {
    display: flex;
    justify-content: flex-start
}

.form-control::placeholder {
    font-size: 14px;
    color: #a4a4a4
}

#infoTextMob {
    color: red;
    font-family: Poppins-Medium;
    font-size: 13px;
    line-height: 15px;
    margin-top: 5px;
    display: none
}

.family-annual {
    max-width: 280px;
    margin-top: 150px
}

.quick-info {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid #033378;
    position: relative;
    text-decoration: none;
    cursor: pointer;
    position: relative;
    top: 3px;
}

.quick-info span {
    font-family: Poppins-SemiBold;
    font-size: 11px;
    color: #033378;
    position: absolute;
    top: 1px;
    line-height: 1;
    left: 3.5px
}

@media screen and (max-width:574px) {
    .bg-orange-up {
        /* padding-top: 100px; */
        background-image: url(../Images/bg-shape-mobile-2.png);
        background-size: 100%;
        background-position: top center;
        background-repeat: no-repeat;
        padding-bottom: 100px
    }
    .bg-orange-up.pb-100 {
        padding-bottom: 0
    }
}

.fixed-wrapper {
    position: fixed;
    bottom: 5%;
    right: 5%
}

.chatonwhatsapp-btn, .getacall-btn {
    margin-bottom: 15px;
    text-align: right
}

.chatonwhatsapp-btn a, .getacall-btn a {
    display: block;
    background-color: #fff;
    border-radius: 25px;
    text-decoration: none;
    color: #014991;
    -webkit-box-shadow: 1px 1px 10px -4px rgba(0, 0, 0, .45);
    -moz-box-shadow: 1px 1px 10px -4px rgba(0, 0, 0, .45);
    box-shadow: 1px 1px 10px -4px rgba(0, 0, 0, .45)
}

.chatonwhatsapp-btn a span, .getacall-btn a span {
    padding: 8px 12px 8px 20px;
    font-family: poppins-bold;
    font-size: 16px;
    line-height: 16px
}

.chatonwhatsapp-btn a span br, .getacall-btn a span br {
    display: none
}

.landing-thankyou-wrapper {
    background-image: url(../Images/shape-down.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    padding-top: 80px;
    padding-bottom: 80px;
    margin-bottom: 30px
}

.landing-thankyou-wrapper.intro-header {
    color: #033378
}

.landing-thankyou-wrapper.intro-para {
    color: #033378;
    font-size: 20px
}

.landing-thankyou-wrapper a {
    color: #033378;
    text-decoration: underline;
    font-family: Poppins-SemiBold;
    margin-bottom: 20px;
    display: inline-block
}

.nav-tabs.nav-item.show.nav-link, .nav-tabs.nav-link.active {
    font-family: Poppins-SemiBold;
    font-size: 16px;
    color: #014991
}

.tab-content>.tab-pane {
    border: 1px solid #dee2e6;
    margin-top: -1px;
    padding: 20px;
    background: #fff
}

.tab-pane ul {
    margin: 0;
    padding-left: 20px
}

.tab-pane ul li {
    font-family: Poppins-Regular;
    font-size: 14px;
    line-height: 18px;
    color: #014991;
    margin-bottom: 10px
}

@media(max-width:1200px) {
    .thankyou-family img {
        max-width: 200px
    }
}

@media(max-width:1024px) {
    .mob-hidden {
        display: none
    }
}

@media(max-width:768px) {
    .protect-wrapper {
        padding: 0;
        border: 0;
        border-radius: 0
    }
    .protect-item {
        margin-bottom: 25px
    }
    .protect-header {
        font-size: 21px;
        line-height: 25px
    }
    .protect-content {
        font-size: 16px;
        line-height: 25px
    }
    .family-3 {
        display: none
    }
    .policy-intro-text {
        font-size: 16px;
        line-height: 25px
    }
    .fixed-wrapper {
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0
    }
    .chatonwhatsapp-btn, .getacall-btn {
        margin-bottom: 0;
        text-align: initial;
        width: 50%;
        float: left
    }
    .getacall-btn a {
        border-right: 1px solid #fff
    }
    .chatonwhatsapp-btn a span, .getacall-btn a span {
        float: left
    }
    .chatonwhatsapp-btn a span br, .getacall-btn a span br {
        display: block
    }
    .landing-thankyou-wrapper {
        background-size: cover;
        padding-top: 40px
    }
    .intro-header-sub {
        font-size: 22px !important;
        line-height: 30px !important;
        margin-bottom: 10px !important;
    }
}

@media(max-width:480px) {
    .policy-protect-wrapper.intro-header {
        margin-bottom: 30px
    }
}

@media(max-width:400px) {
    .col-6-l {
        -ms-flex: 0 0 65%;
        flex: 0 0 65%;
        max-width: 65%
    }
    .col-6-r {
        -ms-flex: 0 0 35%;
        flex: 0 0 35%;
        max-width: 35%
    }
    .intro-white {
        font-size: 14px
    }
}

@media(max-width:375px) {
    .chatonwhatsapp-btn a span, .getacall-btn a span {
        font-size: 14px
    }
}

.protect-item {
    margin-bottom: 30px
}

.protect-header {
    font-family: Poppins-Bold;
    font-size: 20px;
    line-height: 21px;
    color: #014991;
    display: table;
    margin-bottom: .5rem;
}

.protect-header img {
    margin-right: 10px;
    display: table-cell;
    vertical-align: middle
}

.protect-header span {
    display: table-cell;
    vertical-align: middle
}

.protect-content {
    font-family: Poppins-Regular;
    font-size: 18px;
    line-height: 24px;
    color: #595959
}

.logo-new {
    width: 152px;
    height: 47px;
    display: inline-block;
    background-image: url(/../images/Logo_RS.png)
}

.brand-select-group {
    position: relative;
    max-width: 600px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto
}

.brand-select-label {
    justify-content: flex-start;
    max-width: 570px
}

.brand-select {
    display: flex;
    width: 180px;
    height: 80px;
    border-radius: 5px;
    background-color: #fff;
    border: 2px solid transparent;
    cursor: pointer;
    margin: 10px;
    justify-content: center;
    align-items: center;
    float: left;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    font-family: Poppins-Medium;
    padding: 0 10px
}

.brand-select.selected {
    border-color: #ff4e00
}

.form-b-b {
    border-bottom: 1px solid #979797;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem
}

.form-b-t {
    border-top: 1px solid #d3d6db;
    padding-top: 1rem;
    margin-top: 1rem
}

.package-wrapper {
    display: flex;
    padding: 20px 0px !important;
}

.package-item {
    width: 380px;
    /*min-height: 200px;*/
    border: 1px solid #fff;
    border-radius: 6px;
    padding: 20px;
    color: #fff;
    cursor: pointer;
    background-color: #71a9d8;
    position: relative;
    margin-bottom: 25px;
}

.package-item-cust {
    display: flex;
    justify-content: space-between;
    width: 380px;
}

#packageItem1 {
    /* margin-right: 10px */
}

.package-header {
    font-family: Poppins-Medium;
    font-size: 14px;
    margin-bottom: 5px
}

.package-year {
    font-family: Poppins-SemiBold;
    font-size: 30px
}

.package-amt {
    width: 215px;
    /* height: 50px; */
    font-family: Poppins-SemiBold;
    font-size: 19px;
    border: 1px solid #fff;
    border-radius: 30px;
    display: flex;
    align-items: baseline;
    justify-content: center;
    padding: 0px 10px;
    padding-left: 0px;
    /* margin-bottom: 15px */
}

.package-amt1 {
    display: unset;
    text-align: center;
}

.package-amt span {
    font-size: 16px
}

.package-amt-subtext {
    font-family: Poppins-Regular;
    font-size: 14px;
    line-height: 17px;
}

.cus_whatsappicon {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 15px;
}

.cus_whatsappicon img {
    width: 15px;
    height: 15px;
    margin-right: 5px;
    object-position: center;
}

.package-item.active {
    background-color: #014991;
    color: #fff;
    border: 1px solid #014991
}

.packageCardFlex {
    display: flex;
}

.package-item.active .package-amt {
    border: 1px solid #fff
}

.car-note {
    font-family: Poppins-SemiBold;
    font-size: 18px;
    color: #595959;
    margin-bottom: 0
}

.car-flow-radio {
    padding-left: 5px;
    position: relative;
    padding-bottom: 20px
}

.car-flow-radio:after {
    content: '';
    border-bottom: 1px solid #979797;
    position: absolute;
    width: 400px;
    bottom: 0;
    left: -35px
}

.cf-radio {
    overflow: hidden
}

.cf-radio table td {
    vertical-align: top
}

.cf-radio-header {
    font-family: Poppins-SemiBold;
    font-size: 14px;
    color: #595959
}

.cf-radio-para, .cf-radio-para-d {
    font-family: Poppins-Regular;
    font-size: 14px;
    color: #595959;
    margin-bottom: 5px
}

.car-flow-radio a {
    font-family: Poppins-SemiBold;
    font-size: 12px;
    color: #033378;
    text-decoration: underline
}

.modify-idv-link {
    font-family: Poppins-Regular;
    font-size: 12px;
    text-decoration: underline;
    padding-top: 10px;
    display: inline-block;
    color: #033378
}

.coverpremium p {
    font-family: Poppins-SemiBold;
    color: #595959;
    font-size: 20px;
    line-height: 18px;
    margin-bottom: 0
}

.coverpremium {
    /*border-left: 1px solid #595959;*/
    padding-left: 30px;
    margin-top: 3px
}

.coverpremium span {
    font-family: Poppins-Medium;
    color: #595959;
    font-size: 12px;
    line-height: 10px;
    margin-bottom: 0
}

.add-on-wrapper {
    display: flex;
    justify-content: space-between
}

.add-on-text {
    font-family: Poppins-SemiBold;
    color: #033378 !important;
    font-size: 20px
}

.add-on-amt {
    font-family: Poppins-SemiBold;
    color: #595959;
    font-size: 20px
}

a.amt-sub-text {
    color: #fff;
    text-transform: capitalize !important
}

.modal-polution .modal-content {
    background: #f3ba46
}

.modal-polution .modal-title {
    font-family: Poppins-SemiBold;
    font-size: 24px;
    color: #ff4e00
}

.modal-polution .modal-header {
    border-bottom: none;
    padding: 1rem 1rem 1rem 3rem
}

.modal-polution .close {
    background-color: #ff4e00;
    padding: 1rem;
    margin: 0 0 0 auto;
    position: relative;
    border-radius: 5px;
    opacity: 1
}

.modal-polution .modal-body {
    padding: 0 2rem 2rem
}

.modal-polution p {
    font-family: Poppins-Medium;
    font-size: 20px;
    line-height: 30px;
    color: #033378;
    text-align: center
}

#modalAddOns .modal-content {
    background: #ffbd49
}

#modalPremiumBreakup .modal-content, #modalPremiumUpdate .modal-content, #modalNoClaimBonus .modal-content {
    /*  background: #ffbd49 */
    background: #def0ff
}

#modalPremiumBreakup .close {
    background-color: #014991;
}

#modalPremiumBreakup .btn-custom {
    background-color: #014991;
}

.acc-label {
    font-family: Poppins-SemiBold;
    font-size: 18px;
    color: #ff4e00
}

#modalPremiumBreakup .acc-label {
    font-family: Poppins-SemiBold;
    font-size: 18px;
    color: #014991
}

ul.add-on-list {
    padding: 0;
    margin: 0
}

textarea {
    resize: none;
}

ul.add-on-list li {
    padding: 5px 0 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center
}

ul.add-on-list li .checkbox-wrapper {
    font-family: Poppins-SemiBold;
    font-size: 14px;
    line-height: 1.2;
    color: #595959
}

ul.add-on-list .number {
    text-align: right
}

ul.add-on-list .form-group {
    width: 100%
}

ul.premium-breakup-list {
    padding: 0;
    margin: 0;
    /* border-bottom: 1px solid red */
    border-bottom: 1px solid #014991
}

ul.premium-breakup-list li {
    padding: 5px 0 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center
}

ul.premium-breakup-list li label {
    font-family: Poppins-Medium;
    font-size: 14px;
    color: #595959
}

ul.premium-breakup-list li .price {
    font-family: Poppins-Bold;
    font-size: 14px;
    color: #595959
}

.prod-wrapper {
    margin-bottom: 15px
}

h2.btn-product {
    font-family: Poppins-SemiBold;
    font-size: 14px;
    background-color: #ff4e00;
    border-radius: 5px;
    color: #fff !important;
    display: block;
    padding: 14px;
    margin-bottom: 5px;
    text-decoration: none;
    cursor: pointer
}

h2.btn-product {
    display: flex;
    justify-content: space-between;
}

h2.btn-product a {
    text-decoration: none;
    color: #ff4e00;
    background-color: #FFF;
    width: 16px;
    display: inline-block;
    text-align: center;
    border-radius: 3px;
    margin-right: 5px;
}

.transaction-content h2.btn-product {
    position: relative;
}

.transaction-content h2.btn-product:after {
    content: '+';
    position: absolute;
    top: 15px;
    right: 15px
}

.transaction-content h2.btn-product[aria-expanded=true]:after {
    content: '-'
}

.transaction-content .btn-product[aria-expanded=false]:after {
    content: '+'
}

a.add-cover-link {
    font-family: Poppins-SemiBold;
    color: #033378;
    font-size: 12px;
    text-decoration: underline
}

.proposer-label {
    font-family: Poppins-SemiBold;
    color: #ff4e00;
    font-size: 18px
}

.order-summary-box {
    background: #014991;
    border-radius: 6px;
    padding: 25px
}

.order-summary-box .order-summary {
    font-family: Poppins-SemiBold;
    color: #fff;
    font-size: 22px;
    display: block
}

.order-summary-box .package {
    font-family: Montserrat-Bold;
    color: #fff;
    font-size: 40px;
    display: block
}

.order-summary-box .car-model {
    font-family: Poppins-Medium;
    color: #fff;
    font-size: 16px;
    display: block
}

.order-summary-box .policy-term {
    font-family: Poppins-Light;
    color: #fff;
    font-size: 16px;
    display: block
}

.datepicker-days {
    padding: 0 20px
}

.coverage-my-details {
    margin-bottom: 50px
}

.coverage-my-details .list-header {
    font-family: Poppins-SemiBold;
    font-size: 24px;
    color: #ff4e00;
    line-height: 1.2;
    margin-bottom: 5px;
    display: block
}

ul.coverage-details-list {
    padding: 0;
    margin: 0;
    list-style-type: none
}

ul.coverage-details-list li {
    border-bottom: 1px solid #979797;
    padding-top: 15px;
    padding-bottom: 15px
}

ul.coverage-details-list li span {
    font-family: Poppins-SemiBold;
    color: #033378;
    font-size: 14px;
    display: block;
    margin-bottom: 5px;
    display: block;
    margin-bottom: 5px
}

ul.coverage-details-list li h3 {
    font-family: Poppins-SemiBold;
    color: #033378;
    font-size: 28px;
    margin-bottom: 0
}

.coverage-summary-box {
    background-color: #f3ba46;
    margin-bottom: 130px
}

.coverage-summary-item {
    padding: 20px
}

.coverage-summary-item i {
    color: #7b7b7b;
    font-style: normal;
}

.coverage-summary-box span {
    font-family: Poppins-SemiBold;
    color: #033378;
    font-size: 14px;
    display: block;
    margin-bottom: 5px;
    display: block;
    margin-bottom: 5px
}

.coverage-summary-box h3 {
    font-family: Poppins-SemiBold;
    color: #033378;
    font-size: 26px;
    margin-bottom: 0
}

.lblRegNo {
    font-size: 14px;
    color: #595959
}

.policy-no-date {
    display: flex;
    font-family: Poppins-SemiBold;
    color: #033378;
    font-size: 14px;
    justify-content: space-between;
    border-top: 1px solid #033378;
    border-bottom: 1px solid #033378;
    padding-top: 15px;
    padding-bottom: 15px
}

.transaction-content {
    margin-top: 20px
}

.transaction-content h1 {
    font-family: Poppins-SemiBold;
    font-size: 24px;
    color: #ff4e00
}

.transaction-content .btn-product {
    margin-bottom: 10px;
    font-size: 16px
}

label a {
    color: #033378;
    text-decoration: underline
}

.transaction-label {
    font-size: 28px;
    display: block;
    line-height: 1
}

.vir-wrapper {
    padding-top: 20px;
    text-align: center
}

.vir-wrapper a {
    font-family: Poppins-SemiBold;
    color: #354efc;
    font-size: 18px;
    text-decoration: underline;
    text-transform: uppercase;
    margin-top: 10px;
    display: block
}

.vir-wrapper p {
    font-family: Poppins-Medium;
    color: #033378;
    font-size: 18px;
    border-bottom: 1px solid #979797;
    padding-bottom: 30px
}

.vir-wrapper span {
    font-family: Poppins-Medium;
    color: #737373;
    font-size: 12px;
    line-height: 1.2;
    display: block
}

/* new-style */

.cus_title {
    /* color: #014991;
    font-family: 'Montserrat-ExtraBold';
    font-size: 28px;
    font-weight: 800;
    letter-spacing: -0.44px;
    line-height: 33px;
    margin: 30px 0 0; */
    color: #e44829;
    font-weight: 600;
    font-size: 38px;
    font-family: Poppins-Bold;
    letter-spacing: 0.5px;
    line-height: 1;
    margin: 30px 0 0;
}

.cus_sub_title {
    /* color: #333333;
    font-family: Poppins-Regular;
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 21px;
    padding: 0 0 22px; */
    color: #184991;
    font-family: 'Poppins-Bold';
    font-size: 22px;
    letter-spacing: 0.5px;
    line-height: 21px;
    padding: 15px 0 22px;
    font-weight: 600;
    margin-bottom: 0;
}

.m-0 {
    margin: 0 !important;
}

.p-0 {
    padding: 0 !important;
}

h2.cus_red_title {
    color: #FF4E00;
    font-family: Poppins-Bold;
    font-size: 24px !important;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 35px;
}

.quote-button {
    padding: 10px 5px;
    width: 100%;
    border-radius: 5px;
}
h2.cus_red_title a {
    font-family: Poppins-SemiBold;
    font-size: 16px;
    font-weight: 500;
    color: #033378;
    text-decoration: none;
    margin-left: 10px;
}
.quote-button-wrapper.cus_pay_btn {
    width: 100% !important;
    margin: 0;
}

.cus_quote_no {
    color: #CBCBCB;
    font-family: Poppins-Regular;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.42px;
    line-height: 16px;
}

.cus_name_area .package-year {
    color: #FFFFFF;
    font-family: Poppins-Bold;
    font-size: 26px !important;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 18px;
    text-align: center;
}

.cus_name_area {
    text-align: center;
}

.cus_bdr {
    border-bottom: 1px solid rgba(277, 277, 277, 0.3);
    padding-bottom: 1.5rem;
}

.cus_grid_container {
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
}

.cus_grid_container>div:first-child {
    width: 58%;
    padding-right: 5px !important;
}

.cus_grid_container>div:last-child {
    width: 42%;
    padding-right: 5px !important;
}

.py-20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.package-year {
    font-size: 20px !important;
}

.more_drop {
    color: #FFFFFF;
    font-family: Poppins-Regular;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.5px;
    line-height: 18px;
    margin: 5px 0;
    width: 50%;
    text-decoration: underline;
}

.more_drop:focus, .more_drop:hover {
    color: #fff;
}

.cus_drop_title {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

h2.cus_tab_tile {
    color: #033378;
    font-family: Poppins-Bold;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0;
}

p.cus_tab_tile {
    color: #033378;
    font-family: Poppins-Bold;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 18px;
    margin-top: 10px;
}

.cus_tab_sub_tile {
    color: #FF4E00;
    font-family: Poppins-Bold;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 29px;
    margin: 10px 0 20px;
}

.cus_tab_sub_tile~div>p, .cus_tab_sub_tile~div>h4 {
    color: #033378;
}

.packageMoreDetails p.package-header, .packageMoreDetails h4.package-year {
    color: #033378;
}

.packageMoreDetails{
    padding: 0 5% !important;
}

.cus_tile_color {
    color: #033378 !important;
}

.cus_tab_sub_tile~div {
    margin-top: 15px;
}

.bdr_clr {
    border-color: #979797 !important;
    margin: 0 !important;
}

.cus_bdr_clr {
    border-color: #979797 !important;
    margin: 0 !important;
}

h5.amt-sub-text {
    color: #CBCBCB;
    font-weight: normal;
    font-family: Poppins-Regular;
}

body, ion-content {
    background: #ECF6FF !important;
}

.package-year>span {
    font-weight: normal;
    font-family: 'Poppins-Regular';
    color: rgb(255 255 255 / 90%);
    font-size: 16px;
}

.u_plan .checkbox-wrapper {
    color: #000;
}

.u_plan .car-note {
    font-size: 16px;
    margin-top: 5px;
}

.u_plan .checkmark {
    position: absolute;
    top: 7px;
}

.u_plan .cus_tab_sub_tile~div {
    margin-top: 10px;
    font-size: 16px;
}

.font_w_medium {
    font-family: Poppins-Medium !important;
    font-weight: 500;
    color: #033378;
}

.new_style .transaction-content .btn-product[aria-expanded=false]:after {
    content: '>';
    transform: scaleX(2.8) scaleY(2) rotate(90deg) translateY(3px);
    transition: 0.3s;
    font-family: Poppins-Regular;
    font-weight: 200;
}

.new_style .transaction-content h2.btn-product[aria-expanded=true]:after {
    content: '>';
    transform: scaleX(2.8) scaleY(2) rotate(270deg) translateY(-3px);
    transition: 0.3s;
    font-family: Poppins-Regular;
    font-weight: 200;
}

.new_style .package-amt span {
    font-size: 16px;
    padding-left: 2px;
}

.new_style .radiobutton-wrapper label {
    color: #595959;
}

.new_style .checkbox-wrapper {
    color: #595959;
}

.w-100 {
    width: 100%;
}

.pb-0 {
    padding-bottom: 0px !important;
}

.new_style .package-amt {
    border: 0px solid #fff;
}

.new_style .package-item.active .package-amt {
    border: 1px solid #fff;
}

.new_style .package-item .package-amt {
    border: 1px solid #fff;
}

.addon_btn {
    border-radius: 5px !important;
    border: none !important;
    color: #fff !important;
    background-color: #FF4E00 !important;
    font-family: Poppins-Bold;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 21px;
}

.checkbox-wrapper>label {
    font-size: 14px;
    color: #595959;
}

.checkbox-wrapper:hover input~.checkmark {
    background-color: #fff !important;
}

.checkbox-wrapper input:checked~.checkmark {
    background-color: #ff4e00 !important;
}

.u_plan .cus_tab_sub_tile~div label {
    /* margin-top: 10px; */
    font-size: 14px;
    color: #595959 !important;
}

.addon_btn:focus, .addon_btn:active {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
}

.new_style .transaction-content .btn-product {
    margin-bottom: 15px;
}

.cus_sceond_card .package-item {
    padding: 15px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.cus_sceond_card .package-item1 {
    padding: 14px 15px 4px 15px;
}

.cus_sceond_card1 .package-item1 {
    /* padding: 14px 15px 4px 15px; */
    display: block;
    flex-wrap: wrap;
    align-items: center;
}

.new_style .tag-recommended {
    left: 15px;
}

.cus_yellow_container {
    padding: 15px;
}

.cus_yellow_container {
    background-color: #FEB727;
}

.disc {
    font-family: Poppins-SemiBold !important;
}

.disc .checkmark {
    top: 4px;
}

.back_btn {
    color: #FF4E00;
    font-family: Poppins-Bold;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 25px;
    text-align: right;
    text-decoration: underline;
}

div#packageItem1 {
    margin-bottom: 0;
}

.cus_content_title {
    font-family: Poppins-Bold;
    font-size: 14px;
    color: #595959;
}

#modalPackage ol.package-text {
    padding-left: 20px;
    line-height: 24px;
}

#modalPackage .modal-content, #modalAddOns .modal-content {
    background-color: #def0ff !important;
    background-image: url(/Images/pop-bg.png) !important;
    background-size: cover !important;
    background-position: top !important;
    background-repeat: no-repeat;
}

#modalOTP .modal-content.modalOTPbg {
    background-color: #def0ff !important;
    background-image: url(/Images/pop-bg.png) !important;
    background-size: cover !important;
    background-position: top !important;
    background-repeat: no-repeat;
}

#modalOTP .package-item.package-item-cust.cus_mfg_card {
    padding-top: 20px;
    padding-bottom: 8px;
}

.cus_name_area h4.package-year {
    margin-bottom: 8px;
}

.cus_main_card {
    padding: 35px 15px 15px !important;
}

.cus_idv {
    color: #FFFFFF;
    font-family: Poppins-SemiBold;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 25px;
    margin-bottom: 5px;
    /* text-align: right; */
    /* text-align: left; */
}

.cus_idv span {
    text-transform: capitalize;
    padding-right: 5px;
}

.cus_btn_filed p {
    color: #033378 !important;
    margin-bottom: 0;
}

.cus_sub_desc {
    color: #014991;
    font-family: 'Montserrat-ExtraBold';
    font-size: 16px;
    font-weight: 800;
    letter-spacing: -0.25px;
    line-height: 24px;
    margin-bottom: 0;
    margin-top: 30px;
}

#modalOTP .btn-custom {
    width: auto !important;
}

.package-item.active {
    background-color: #014991 !important;
    color: #fff;
}

.cus_mfg_card.package-item.active .package-header, .cus_mfg_card.package-item.active .package-year {
    color: #fff;
}

.cus_grid_menu a {
    text-decoration: none;
}

.cus_btn_filed button, .cus_btn_filed p {
    color: #FFFFFF;
    font-family: Poppins-Bold;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 27px;
}

.cus_btn_filed button {
    background: #033378;
    padding: 10px 15px;
    box-shadow: 0 2px 38px 0 rgba(0, 0, 0, 0.07);
    border-radius: 5px;
    border: none;
}

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

.cus_total h4 {
    font-size: 30px !important;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 24px;
}

.mob-show {
    display: none;
}

.cus_mfg_card {
    background: transparent !important;
    border-color: #014991;
    padding: 20px 20px 10px !important;
}

.cus_mfg_card .package-header, .cus_mfg_card .package-year {
    color: #014991;
}

.cus_left {
    padding-left: 35px;
}

.flex-wrap {
    flex-wrap: wrap;
}

.primary_color_bdr {
    border-color: #033378 !important;
    margin: 0;
}

.card_list>div:last-child, .card_list {
    margin-bottom: 0;
    padding-bottom: 0;
}

.renew_status input, .renew_status label {
    color: #033378;
    font-family: Poppins-Bold;
    font-size: 14px !important;
    font-weight: 600;
    letter-spacing: 0.5px;
    line-height: 16.8px;
}

.radiobutton-wrapper.renew_status input[type="radio"]+label span {
    background: #fff;
    /* border: 1px solid #9B9B9B; */
}

.cus_mfg_card .checkbox-wrapper:hover input~.checkmark, .cus_mfg_card .checkmark {
    background-color: #fff;
    border: 1px solid #ff4e00;
}

.cus_mfg_card .checkbox-wrapper input:checked~.checkmark {
    background-color: #ff4e00;
}

ul.cus_mfg_check li>div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

ul.cus_mfg_check li {
    display: block;
}

ul.cus_mfg_check {
    padding-left: 0;
}

.cus_mfg_check .cus_q {
    border: 1px solid #014991;
    border-radius: 50px;
    height: 13px;
    width: 13px;
    text-align: center;
    line-height: 1.2;
    font-size: 10px;
    margin-left: 3px;
    display: block;
}

.cus_mfg_check .checkbox-wrapper {
    color: #595959;
    font-family: Poppins-SemiBold;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.5px;
    line-height: 16.8px;
    text-align: left;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.cus_mfg_check .checkbox-wrapper~p {
    color: #595959;
    font-family: Poppins-Bold;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 21px;
    text-align: right;
    margin-bottom: 9px;
}

#mfg.modal-custom .modal-body {
    padding: 0 1rem 1rem;
}

.cus_sub_desc~.cus_title {
    padding: 2px 0;
}

.quote-button {
    border: none;
}

h2.cus_home_title {
    color: #014991;
    font-family: Poppins-bold!important;
    line-height: 21px !important;
    font-size: 16px !important;
    margin-top: 20px;
}

.mfg_card_container .cus_mfg_card.active {
    background: transparent !important;
}

.mfg_card_container .cus_mfg_card.active .package-header, .mfg_card_container .cus_mfg_card.active .package-year {
    color: #014991 !important;
}

.normal_cur {
    cursor: auto !important;
}

/* grid menu */

.cus_grid_menu {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    width: 75%;
}

.cus_grid_menu>div {
    width: 110px;
    border-radius: 8px;
    background-color: #033378;
    padding: 6px;
    text-align: center;
    height: 110px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    transition: 0.3s;
    margin: 0 20px 20px 0;
    border: none !important;
}

.cus_grid_menu .cus_caption {
    color: #FFFFFF;
    font-family: Poppins-SemiBold;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.22px;
    line-height: 15px;
    text-align: center;
    margin: 10px 0 0;
}

.cus_grid_menu>div.active, .cus_grid_menu>div:hover {
    background-color: #FF4E00 !important;
    border: none !important;
}

.cus_home_ph {
    color: #FF0000;
    font-family: Poppins-Medium;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 21px;
}

body.thank_page {
    background: #f1fff0 !important;
}

.grid_title {
    color: #033378 !important;
    font-family: Poppins-SemiBold;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 30px;
    margin: 20px 0;
}

.grid_title>span {
    font-family: Poppins-Bold;
}

.card_list.health_card_list>div:last-child, .card_list.health_card_list {
    margin-bottom: 0;
    padding-bottom: 15px;
}

.package-amt {
    /* justify-content: flex-end; */
}

.cus_border_bottom {
    display: none;
}

.selectedItems {
    cursor: pointer;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .cus_grid_menu .cus_caption {
        width: 99%;
    }
}

/*  */

html {
    scroll-behavior: smooth;
}

span.gst {
    font-weight: normal;
    font-family: Poppins-Regular;
    color: #fff;
    font-size: 16px;
    padding-left: 5px;
}

@media screen and (max-width: 1200px) {
    .cus_grid_menu {
        width: 85%;
    }
}

@media screen and (min-width: 992px) {
    .cus_quote .quote-button-wrapper {
        justify-content: flex-start;
    }
    .mfg_card_container {
        justify-content: space-between;
    }
    .cus_mfg_card {
        width: 48%;
    }
    .cus_quote .quote-button {
        padding: 10px 20px;
        width: 250px;
        text-align: center;
    }
}

@media screen and (min-width: 768px) {
    .modal-dialog {
        /* max-width: 650px !important; */
        max-width: 650px;
    }
    .mfg_card_container {
        justify-content: space-between;
    }
    .cus_mfg_card {
        width: 48% !important;
    }
    .cus_mfg_card1 {
        width: 60% !important;
    }
}

@media screen and (max-width: 768px) {
    .mt_5 {
        margin-top: 5px;
    }
    .cus_grid_menu {
        width: 85%;
    }
    .cus_sub_title {
        padding: 10px 0 22px;
        /* border-bottom: 1px solid #979797; */
    }
    .cus_border_bottom {
        display: block;
        border: 0;
        border-top: 1px solid #979797;
        margin: 0;
        margin-bottom: 1rem;
        width: 75%;
    }
    .new_style .transaction-content h1 {
        font-family: Poppins-SemiBold;
        font-size: 18px;
        margin: 15px 0;
        color: #ff4e00;
    }
    .pb-100 {
        padding-bottom: 70px;
    }
    .new_style .radiobutton-wrapper label {
        font-size: 12px;
    }
    .new_style .checkbox-wrapper {
        font-size: 14px;
    }
    .medical-q-wrapper label {
        font-family: Poppins-Bold;
        font-size: 12px;
    }
}

@media screen and (max-width: 767px) {
    .mt_5 {
        margin-top: 0px;
    }
    .grid_title span {
        font-size: 18px !important;
    }
    .cus_grid_menu {
        width: 100%;
    }
    .cus_grid_menu>div {
        margin: 0 10px 20px 0;
        width: 30% !important;
        padding: 6px 6px 10px !important;
    }
    .form-wrapper {
        width: 100%;
    }
}



@media (min-width: 576px) {
    .container {
        max-width: 90vw;
    }
}

@media (max-width: 576px) {
    label.chkPersonalAccCover {
        width: 200px;
    }
}

@media (max-width: 340px) {
    .more_drop {
        width: 100%;
    }
    .pb-100 {
        padding-bottom: 100px;
    }
    .cus_mfg_check .checkbox-wrapper {
        font-size: 11px;
    }
    #mfg.modal-custom .modal-body {
        padding: 0 5px 1rem;
    }
    .cus_grid_menu .cus_caption {
        word-break: break-all;
    }
    .cus_mfg_card {
        /* padding: 1px !important; */
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .cus_mfg_card .radiobutton-wrapper label {
        font-size: 12px !important;
    }
    #modalAddOns .modal-body .add-on-list .checkbox-wrapper>label {
        width: 135px;
    }
    label.chkPersonalAccCover {
        width: 175px !important;
    }
    .new_style .radiobutton-wrapper label {
        font-size: 11px;
    }
}

/* end */

@media(max-width:768px) {
    .quote-button {
        border-radius: 0px;
        /* border-left: solid 0.5px #014991; */
        margin: 0px !important;
        width: 100% !important;
    }
    .coverage-summary-box {
        flex-direction: column;
        margin-left: -15px;
        margin-right: -15px;
        margin-bottom: 58px
    }
    .form-b-b {
        border-bottom: none;
        margin-bottom: 0
    }
    .package-item {
        /*width: 50%*/
        width: 100%
    }
    .coverage-summary-item:first-child {
        padding-bottom: 0
    }
    .thankYouBtn {
        position: fixed;
    }
    .mobileSpace {
        padding-bottom: 25px;
    }
}

@media (max-width:580px) {
    .package-item {
        padding: 15px
    }
    .package-amt {
        width: 100%;
        font-size: 20px;
        height: auto
    }
    .package-year {
        font-size: 24px
    }
}

@media (max-width:480px) {
    .brand-select {
        width: 115px;
        font-size: 12px;
        line-height: 14px;
        padding: 0 5px
    }
    .brand-select-label {
        justify-content: flex-start;
        max-width: 260px
    }
    .cus_grid_menu .cus_caption {
        font-size: 12px;
    }
}

@media(max-width:460px) {
    .acc-label-summary {
        max-width: 240px
    }
}

/*.btn-qoute {
    background-color: #19357a !important;
}*/

.vehicle-summary-wrapper {
    background: #FFF;
    padding: 12px 16px;
}

.vehicle-summary-header {
    font-family: Poppins-SemiBold;
    font-size: 24px;
    color: #7E848C
}

.vehicle-summary-header a, .vehicle-summary-text a {
    font-size: 18px;
    color: #777777;
    text-decoration: underline;
}

.vehicle-summary-text, .vehicle-summary-text label {
    font-family: Poppins-SemiBold;
    font-size: 18px;
    color: #595959;
    margin-bottom: 0
}

@media(max-width:767px) {
    .vehicle-summary-wrapper {
        margin-left: -15px;
        margin-right: -15px;
    }
}

@media(max-width:400px) {
    .vehicle-summary-header {
        font-family: Poppins-SemiBold;
        font-size: 21px;
    }
    .vehicle-summary-text, .vehicle-summary-text label {
        font-size: 14px;
    }
}

.vehicle-nav a.nav-link {
    background: #FFF;
    border: 1px solid #9B9B9B;
    color: #595959;
    font-family: Poppins-SemiBold;
    font-size: 12px;
    padding: 15px 25px;
    margin-right: 5px;
}

.vehicle-nav a.nav-link.active {
    background-color: #014991
}

.car-note a {
    text-decoration: underline;
    color: #014991;
}

.align-items-center {
    align-items: center;
}

.package-year1 {
    font-size: 16px !important;
}

.tag-recommended {
    background-color: #000;
    color: #FFF;
    display: inline-block;
    position: absolute;
    left: 20px;
    top: -12px;
    border-radius: 15px;
    padding: 5px 10px;
    font-family: Poppins-Medium;
    font-size: 11px;
}

#modalPackage .modal-content {
    background: #ffbd49
}

.package-text {
    font-family: Poppins-Medium;
    font-size: 14px;
    color: #595959;
}

#modalPackage ul.package-text {
    padding-left: 20px;
}

.vehicle-note {
    font-family: Poppins-Regular;
    font-size: 14px;
    color: #595959;
    margin-bottom: 0;
}

.tw-wrapper .quote-content a.amt-text {
    font-size: 24px;
    font-family: 'Poppins-SemiBold';
    text-decoration: underline;
    padding: 0px 10px;
}

.tw-wrapper .quote-content table {
    height: 100%
}

@media screen and (max-width:768px) {
    .tw-wrapper .quote-content {
        width: 50%
    }
    .tw-wrapper .quote-button-wrapper {
        width: 50%
    }
    .tw-wrapper .quote-content a.amt-text {
        font-size: 18px;
        padding: 10px;
        display: inline-block;
    }
}

.tab-content>.tab-pane {
    display: none;
}

.tab-content>.active {
    display: block;
}

.fade {
    opacity: 0;
}

.fade.in {
    opacity: 1;
}

.tab-package>.tab-pane {
    background: transparent;
    border: none;
}

.premium-breakup-blue-header {
    background: #014991;
    padding: 10px 20px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.premium-breakup-blue-header p {
    color: #FFF;
    font-family: 'Poppins-Bold';
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 0px;
}

@media(max-width:768px) {
    .mob-pad-top {
        padding-top: 100px;
    }
}

.coverage-my-details .list-header a {
    color: #014991;
    font-family: 'Poppins-SemiBold';
    font-size: 16px;
}

.logo-new {
    width: 152px;
    height: 47px;
    display: inline-block;
    background-image: url(/../images/Logo_RS.png)
}

.intro-banner label {
    color: #fff;
    margin-top: .5rem;
}

.intro-banner .checkbox-wrapper {
    color: #000000;
    margin-top: 25px;
}

.intro-banner .checkbox-wrapper a {
    font-size: 14px;
    color: #000 !important;
    text-decoration: underline;
}

.intro-banner .checkbox-wrapper label {
    margin: 0;
}

.intro-banner .checkbox-wrapper a {
    color: #fff;
    text-decoration: underline;
}

.intro-banner .checkbox-wrapper a:hover {
    text-decoration: none;
}

.label-invisible {
    color: transparent !important;
    visibility: hidden;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #fff;
    border-radius: 3px;
}

/*#enquiry-form .intro-header {
    color: #fff !important;
}

#enquiry-form .enquiry-form-para {
    color: #fff !important;
}

#enquiry-form label {
    color: #fff !important;
}

#enquiry-form .checkbox-wrapper {
    color: #fff !important;
}
*/

.label-invisible {
    color: transparent !important;
    visibility: hidden;
}

#enquiry-form .label-invisible {
    color: transparent !important;
    visibility: hidden;
}

ul.policy-cover {
    margin: 0;
    padding-left: 1.5rem;
}

ul.policy-cover li {
    color: #595959;
    font-family: Poppins-Regular;
    font-size: 24px;
    letter-spacing: 0.86px;
    line-height: 41px;
}

.protectionTabs.nav-tabs {
    border: 0;
    text-align: center;
    gap: 5px;
    align-items: center;
    justify-content: center;
}

.protectionTabs.nav-tabs .nav-item .nav-link.active {
    border: 1px solid #FFFFFF;
}

.protectionTabs.nav-tabs .nav-item .nav-link {
    color: #014991;
    font-family: Poppins-SemiBold;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.78px;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 5px;
    padding: .2rem 0rem;
    border: 1px solid #014991;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 45px;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
}

.fixed-wrapper {
    position: fixed;
    bottom: 5%;
    right: 5%;
}

.chatonwhatsapp-btn, .getacall-btn {
    margin-bottom: 15px;
    text-align: right;
}

.chatonwhatsapp-btn a, .getacall-btn a {
    display: block;
    /* background-color: #fff; */
    border-radius: 40px;
    text-decoration: none;
    color: #014991;
    -webkit-box-shadow: 1px 1px 10px-4px rgba(0, 0, 0, .45);
    -moz-box-shadow: 1px 1px 10px -4px rgba(0, 0, 0, .45);
    box-shadow: 1px 1px 10px -4px rgb(0 0 0 / 45%);
}

.chatonwhatsapp-btn a img, .getacall-btn a img {
    border-radius: 35px;
    -webkit-box-shadow: -3px 2px 18px -8px rgb(0 0 0 / 75%);
    -moz-box-shadow: -3px 2px 18px -8px rgba(0, 0, 0, .75);
    box-shadow: -3px 2px 18px -8px rgb(0 0 0 / 75%);
}

.mobile-view {
    display: none;
}

.chatonwhatsapp-btn a span, .getacall-btn a span {
    padding: 8px 12px 8px 20px;
    font-family: poppins-bold;
    font-size: 16px;
    line-height: 16px;
}

.no-shadow {
    box-shadow: none !important;
}

.footerChat {
    position: absolute;
    right: 1%;
    top: -90px;
}

.footerCall {
    position: absolute;
    right: 1%;
    top: -32px;
}

@media (max-width: 768px) {
    .chatonwhatsapp-btn, .getacall-btn {
        margin-bottom: 0;
        text-align: initial;
        width: 50%;
        float: left;
    }
    .chatonwhatsapp-btn a, .getacall-btn a {
        display: block;
        background-color: #ff4e00;
        border-radius: 0;
        color: #fff;
        width: 100%;
        box-shadow: none;
        padding: 18px 10px;
        min-height: 80px;
    }
    .chatonwhatsapp-btn div, .getacall-btn div {
        margin: 0 auto;
        max-width: 170px;
    }
    .desktop-view {
        display: none;
    }
    .fixed-wrapper {
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;
        display: none;
    }
    .chatonwhatsapp-btn a span, .getacall-btn a span {
        float: left;
        font-size: 16px;
        line-height: 30px;
    }
    .intro-header {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 10px;
    }
    .mobile-view {
        display: block;
    }
}

@media (max-width: 991px) {
    .footerChat {
        position: unset;
        text-align: center;
        box-shadow: none !important;
    }
    .footerChat img {
        width: 227px;
    }
    .footerCall img {
        width: 206px;
    }
    .disclaimerRow {
        flex-direction: column;
        align-items: start;
        display: block;
    }
    .disclaimerRow .form-group {
        margin-top: 0;
        margin-bottom: 0;
    }
    .intro-banner .checkbox-wrapper {
        margin-top: 0;
    }
}

.flipster {
    display: block!important;
    overflow-x: hidden;
    overflow-y: visible;
    position: relative
}

.flipster:focus {
    outline: 0
}

.flipster__container, .flipster__item {
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: relative
}

.flipster__container {
    display: block;
    white-space: nowrap;
    word-spacing: -.25em;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.flipster__item {
    display: inline-block;
    white-space: normal;
    word-spacing: normal;
    vertical-align: bottom
}

.flipster--click .flipster__item--past, .flipster--click .flipster__item--future {
    cursor: pointer
}

.flipster__item img {
    max-width: 100%
}

.flipster__button {
    position: absolute;
    top: 50%;
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0;
    border: 0;
    padding: 0;
    z-index: 999;
    cursor: pointer;
    font-size: 15px;
    opacity: .5;
    -webkit-transition: opacity 500ms ease;
    -o-transition: opacity 500ms ease;
    transition: opacity 500ms ease;
    margin: -1em 2em
}

.flipster__button svg {
    width: 2em;
    stroke: currentColor;
    fill: transparent;
    stroke-width: 3;
    stroke-linecap: round
}

.flipster__button:hover, .flipster__button:focus {
    opacity: 1
}

.flipster__button--prev {
    left: 0
}

.flipster__button--next {
    right: 0
}

.flipster__nav, .flipster__nav__item {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.flipster__nav {
    display: block;
    margin: 0 0 4em;
    text-align: center;
    position: relative
}

.flipster__nav__item {
    display: inline-block;
    margin: 0 .25em
}

.flipster__nav__link {
    display: block;
    color: inherit;
    padding: .5em 1em;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
    -webkit-transition-timing-function: cubic-bezier(0.56, 0.12, 0.12, 0.98);
    -o-transition-timing-function: cubic-bezier(0.56, 0.12, 0.12, 0.98);
    transition-timing-function: cubic-bezier(0.56, 0.12, 0.12, 0.98)
}

.flipster__nav__link::after {
    content: '';
    display: block;
    background: #232221;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    -webkit-transform: translateY(100%) translateY(-0.25em);
    -ms-transform: translateY(100%) translateY(-0.25em);
    transform: translateY(100%) translateY(-0.25em);
    -webkit-transition: inherit;
    -o-transition: inherit;
    transition: inherit
}

.flipster__nav__item--current>.flipster__nav__link, .flipster__nav__link:hover, .flipster__nav__link:focus {
    color: #FFF
}

.flipster__nav__item--current>.flipster__nav__link::after, .flipster__nav__link:hover::after, .flipster__nav__link:focus::after {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.flipster__nav__child {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: -1px;
    padding: .5em;
    background: #4e4441;
    z-index: 1
}

.flipster__nav__child .flipster__nav__link {
    color: #FFF
}

.flipster__nav__child .flipster__nav__link::after {
    background: #FFF
}

.flipster__nav__child .flipster__nav__item--current>.flipster__nav__link, .flipster__nav__child .flipster__nav__link:hover, .flipster__nav__child .flipster__nav__link:focus {
    color: #232221
}

.flipster__nav__item--current .flipster__nav__child {
    display: block
}

.flipster--carousel .flipster__container, .flipster--carousel .flipster__item, .flipster--carousel .flipster__item__content {
    -webkit-transition: all 350ms ease-in-out;
    -o-transition: all 350ms ease-in-out;
    transition: all 350ms ease-in-out;
    -webkit-transition-timing-function: cubic-bezier(0.56, 0.12, 0.12, 0.98);
    -o-transition-timing-function: cubic-bezier(0.56, 0.12, 0.12, 0.98);
    transition-timing-function: cubic-bezier(0.56, 0.12, 0.12, 0.98)
}

.flipster--carousel .flipster__item {
    -webkit-perspective: 800px;
    perspective: 800px
}

.flipster--carousel .flipster__item--past, .flipster--carousel .flipster__item--future {
    opacity: 0;
    -webkit-transition-delay: 115ms;
    -o-transition-delay: 115ms;
    transition-delay: 115ms
}

.flipster--carousel .flipster__item--past-2, .flipster--carousel .flipster__item--future-2 {
    opacity: .6;
    -webkit-transition-delay: 90ms;
    -o-transition-delay: 90ms;
    transition-delay: 90ms
}

.flipster--carousel .flipster__item--past-1, .flipster--carousel .flipster__item--future-1 {
    opacity: .8;
    -webkit-transition-delay: 60ms;
    -o-transition-delay: 60ms;
    transition-delay: 60ms
}

.flipster--carousel .flipster__item--past .flipster__item__content {
    -webkit-transform: translateX(100%) rotateY(-20deg) scale(0.5);
    transform: translateX(100%) rotateY(-20deg) scale(0.5)
}

.flipster--carousel .flipster__item--past-2 .flipster__item__content {
    -webkit-transform: translateX(25%) rotateY(40deg) scale(0.65);
    transform: translateX(25%) rotateY(40deg) scale(0.65)
}

.flipster--carousel .flipster__item--past-1 .flipster__item__content {
    -webkit-transform: rotateY(45deg) scale(0.8);
    transform: rotateY(45deg) scale(0.8)
}

.flipster--carousel .flipster__item--future .flipster__item__content {
    -webkit-transform: translateX(-100%) rotateY(20deg) scale(0.5);
    transform: translateX(-100%) rotateY(20deg) scale(0.5)
}

.flipster--carousel .flipster__item--future-2 .flipster__item__content {
    -webkit-transform: translateX(-25%) rotateY(-40deg) scale(0.65);
    transform: translateX(-25%) rotateY(-40deg) scale(0.65)
}

.flipster--carousel .flipster__item--future-1 .flipster__item__content {
    -webkit-transform: rotateY(-45deg) scale(0.8);
    transform: rotateY(-45deg) scale(0.8)
}

.flipster--carousel.no-rotate .flipster__item--past .flipster__item__content {
    -webkit-transform: translateX(175%) scale(0.5);
    -ms-transform: translateX(175%) scale(0.5);
    transform: translateX(175%) scale(0.5)
}

.flipster--carousel.no-rotate .flipster__item--past-2 .flipster__item__content {
    -webkit-transform: translateX(25%) scale(0.65);
    -ms-transform: translateX(25%) scale(0.65);
    transform: translateX(25%) scale(0.65)
}

.flipster--carousel.no-rotate .flipster__item--past-1 .flipster__item__content {
    -webkit-transform: translateX(0%) scale(0.8);
    -ms-transform: translateX(0%) scale(0.8);
    transform: translateX(0%) scale(0.8)
}

.flipster--carousel.no-rotate .flipster__item--future .flipster__item__content {
    -webkit-transform: translateX(-175%) scale(0.5);
    -ms-transform: translateX(-175%) scale(0.5);
    transform: translateX(-175%) scale(0.5)
}

.flipster--carousel.no-rotate .flipster__item--future-2 .flipster__item__content {
    -webkit-transform: translateX(-25%) scale(0.65);
    -ms-transform: translateX(-25%) scale(0.65);
    transform: translateX(-25%) scale(0.65)
}

.flipster--carousel.no-rotate .flipster__item--future-1 .flipster__item__content {
    -webkit-transform: translateX(0%) scale(0.8);
    -ms-transform: translateX(0%) scale(0.8);
    transform: translateX(0%) scale(0.8)
}

.flipster--carousel .flipster__item--current .flipster__item__content {
    -webkit-transform: translateX(0) rotateY(0deg) scale(1);
    transform: translateX(0) rotateY(0deg) scale(1);
    -webkit-transition-delay: 60ms;
    -o-transition-delay: 60ms;
    transition-delay: 60ms
}

.flipster--coverflow .flipster__container, .flipster--coverflow .flipster__item, .flipster--coverflow .flipster__item__content {
    -webkit-transition: all 350ms ease-in-out;
    -o-transition: all 350ms ease-in-out;
    transition: all 350ms ease-in-out;
    -webkit-transition-timing-function: cubic-bezier(0.56, 0.12, 0.12, 0.98);
    -o-transition-timing-function: cubic-bezier(0.56, 0.12, 0.12, 0.98);
    transition-timing-function: cubic-bezier(0.56, 0.12, 0.12, 0.98)
}

.flipster--coverflow .flipster__item {
    -webkit-perspective: 800px;
    perspective: 800px
}

.flipster--coverflow .flipster__container {
    padding-bottom: 5%
}

.flipster--coverflow .flipster__item__content {
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    box-reflect: below 0 -webkit-gradient(linear, left bottom, left top, color-stop(0.05, rgba(255, 255, 255, 0.12)), color-stop(0.2, transparent));
    -webkit-box-reflect: below 0 -webkit-gradient(linear, left bottom, left top, color-stop(0.05, rgba(255, 255, 255, 0.12)), color-stop(0.2, transparent))
}

.flipster--coverflow .flipster__item__content img:only-child {
    display: block
}

.flipster--coverflow .flipster__item--past .flipster__item__content {
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transform: scale(0.75) rotateY(55deg);
    transform: scale(0.75) rotateY(55deg)
}

.flipster--coverflow .flipster__item--future .flipster__item__content {
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: scale(0.75) rotateY(-55deg);
    transform: scale(0.75) rotateY(-55deg)
}

.flipster--coverflow .flip-current .flipster__item__content {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg)
}

.flipster--flat .flipster__container, .flipster--flat .flipster__item, .flipster--flat .flipster__item__content {
    -webkit-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out
}

.flipster--flat .flipster__item--past, .flipster--flat .flipster__item--future {
    opacity: .5
}

.flipster--flat .flipster__item--past .flipster__item__content {
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75)
}

.flipster--flat .flipster__item--future .flipster__item__content {
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75)
}

.flipster--wheel {
    overflow: hidden
}

.flipster--wheel .flipster__container, .flipster--wheel .flipster__item__content {
    -webkit-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
    -webkit-transition-timing-function: cubic-bezier(0.56, 0.12, 0.12, 0.98);
    -o-transition-timing-function: cubic-bezier(0.56, 0.12, 0.12, 0.98);
    transition-timing-function: cubic-bezier(0.56, 0.12, 0.12, 0.98)
}

.flipster--wheel .flipster__container {
    padding-bottom: 20%
}

.flipster--wheel .flipster__item__content {
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.flipster--wheel .flipster__item--past .flipster__item__content {
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

.flipster--wheel .flipster__item--future .flipster__item__content {
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.flipster--wheel .flipster__item__content img:only-child {
    display: block
}

.flipster--wheel .flipster__item--past .flipster__item__content {
    opacity: 0;
    -webkit-transform: rotateZ(-80deg) translate(-170%, 110%);
    -ms-transform: rotate(-80deg) translate(-170%, 110%);
    transform: rotateZ(-80deg) translate(-170%, 110%)
}

.flipster--wheel .flipster__item--future .flipster__item__content {
    opacity: 0;
    -webkit-transform: rotateZ(80deg) translate(170%, 110%);
    -ms-transform: rotate(80deg) translate(170%, 110%);
    transform: rotateZ(80deg) translate(170%, 110%)
}

.flipster--wheel .flipster__item--past-3 .flipster__item__content {
    opacity: 1;
    -webkit-transform: rotateZ(-60deg) translate(-70%, 75%);
    -ms-transform: rotate(-60deg) translate(-70%, 75%);
    transform: rotateZ(-60deg) translate(-70%, 75%)
}

.flipster--wheel .flipster__item--future-3 .flipster__item__content {
    opacity: 1;
    -webkit-transform: rotateZ(60deg) translate(70%, 75%);
    -ms-transform: rotate(60deg) translate(70%, 75%);
    transform: rotateZ(60deg) translate(70%, 75%)
}

.flipster--wheel .flipster__item--past-2 .flipster__item__content {
    opacity: 1;
    -webkit-transform: rotateZ(-40deg) translate(-17%, 30%);
    -ms-transform: rotate(-40deg) translate(-17%, 30%);
    transform: rotateZ(-40deg) translate(-17%, 30%)
}

.flipster--wheel .flipster__item--future-2 .flipster__item__content {
    opacity: 1;
    -webkit-transform: rotateZ(40deg) translate(17%, 30%);
    -ms-transform: rotate(40deg) translate(17%, 30%);
    transform: rotateZ(40deg) translate(17%, 30%)
}

.flipster--wheel .flipster__item--past-1 .flipster__item__content {
    opacity: 1;
    -webkit-transform: rotateZ(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotateZ(-20deg)
}

.flipster--wheel .flipster__item--future-1 .flipster__item__content {
    opacity: 1;
    -webkit-transform: rotateZ(20deg);
    -ms-transform: rotate(20deg);
    transform: rotateZ(20deg)
}

.flipster--wheel .flip-current .flipster__item__content {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg)
}
.fa-angle-down:before {
    display: none;
}
@media(max-width:768px) {
    .flipster__button {
        display: none
    }
}
.city-list .dropdown {
    width: 91% !important;
    position: absolute !important;
    top: -17px !important;
}
.city-list-1 .dropdown {
    width: 95% !important;
    position: absolute !important;
    top: -17px !important;
}

.btn-custom{
    font-family:Poppins-Bold;
    font-size:14px;
    color:#fff;
    background-color:#ff4e00;
    text-transform:uppercase;
    text-decoration:none;
    min-width:100px
}
.btn-edit{
    background-color:#ff4e00;
    color:#fff;
    padding:2px 8px 2px 8px;
    font-size:10px;
    font-family:Poppins-SemiBold
}

.tag-recommended {
    background-color: #ff4e00;
    color: #FFF;
    display: inline-block;
    position: absolute;
    left: 20px;
    top: -12px;
    border-radius: 15px;
    padding: 5px 10px;
    font-family: Poppins-Medium;
    font-size: 11px;
}
.lifelineSupremeBlock {
    display: flex;
    background-color: #014991;
    color: #ffffff;
    position: relative;
    gap: 12px;
    border-radius: 12px;
    padding: 18px;
    justify-content: center;
    width: 360px;
}
.lifelineSupremeBlock1 {
    border-radius: 0px 0px 0 0;
    gap: 0px;
}
.lifelineSupremeBlock2 {
    border-radius: 0 0 12px 12px;
    gap: 0px;
}
.lifelineSupremeBlock1::before {
    content: '';
    background-color: #ffffff;
    width: 90%;
    position: absolute;
    height: 1px;
    top: 0;
    margin: auto;
}
.lifelineSupremeBlock2::before {
    content: '';
    background-color: #ffffff;
    width: 90%;
    position: absolute;
    height: 1px;
    top: 0;
    margin: auto;
}
.lifelineSupremeBlock .blockTitle {
    font-family: Poppins-Regular;
    font-size: 12px;
    line-height: 18px;
}
.lifelineSupremeBlock .blockDesc {
    font-family: Poppins-SemiBold;
    font-size: 18px;
    line-height: 27px;
}
.lifelineSupremeBlock .blockPrice {
    font-family: Poppins-SemiBold;
    font-size: 22px;
    line-height: 35px;
}
.lifelineSupremeBlock .part.vr {
    background-color: #ffffff;
    width: 1px;
}
.lifelineSupremeBlock .part.add {
    background: url(../Images/Sprite.png) no-repeat;
    background-position: -255px -20px;
    width: 19px !important;
    height: 16px;
    /* top: 50%; */
    /* left: 50%; */
    /* transform: translate(-50%,-50%); */
    margin-top: 30px;
    text-align: center;
    margin: auto;
    margin-left: auto;
}
.lifelineSupremeBlock .part.add1 {
    width: 19px !important;
    height: 16px;
    margin-top: 30px;
    text-align: center;
    margin: auto;
    margin-left: auto;
}

.mtop-2 {
    margin-top: 2rem;
}
.mtop-2-5 {
    margin-top: 2.5rem;
}

.bg-Dark-blue-section {
    border: 1px solid #014991;
    border-radius: 14px;
    width: 362px;
    position: relative;
}

@media(max-width:434px) {
    .bg-Dark-blue-section {
        width: 100%;
    }
    .lifelineSupremeBlock {
        width: 100%;
    }
    .bg-white {
        width: 100%;
    }
    .cus_sceond_card .package-item {
        width: 100%;
    }
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.m-0 {
    margin: 0 !important
}

.mt-0, .my-0 {
    margin-top: 0 !important
}

.mr-0, .mx-0 {
    margin-right: 0 !important
}

.mb-0, .my-0 {
    margin-bottom: 0 !important
}

.ml-0, .mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1, .my-1 {
    margin-top: .25rem !important
}

.mr-1, .mx-1 {
    margin-right: .25rem !important
}

.mb-1, .my-1 {
    margin-bottom: .25rem !important
}

.ml-1, .mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2, .my-2 {
    margin-top: .5rem !important
}

.mr-2, .mx-2 {
    margin-right: .5rem !important
}

.mb-2, .my-2 {
    margin-bottom: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3, .my-3 {
    margin-top: 1rem !important
}

.mr-3, .mx-3 {
    margin-right: 1rem !important
}

.mb-3, .my-3 {
    margin-bottom: 1rem !important
}

.ml-3, .mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4, .my-4 {
    margin-top: 1.5rem !important
}

.mr-4, .mx-4 {
    margin-right: 1.5rem !important
}

.mb-4, .my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4, .mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5, .my-5 {
    margin-top: 3rem !important
}

.mr-5, .mx-5 {
    margin-right: 3rem !important
}

.mb-5, .my-5 {
    margin-bottom: 3rem !important
}

.ml-5, .mx-5 {
    margin-left: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0, .py-0 {
    padding-top: 0 !important
}

.pr-0, .px-0 {
    padding-right: 0 !important
}

.pb-0, .py-0 {
    padding-bottom: 0 !important
}

.pl-0, .px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1, .py-1 {
    padding-top: .25rem !important
}

.pr-1, .px-1 {
    padding-right: .25rem !important
}

.pb-1, .py-1 {
    padding-bottom: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2, .py-2 {
    padding-top: .5rem !important
}

.pr-2, .px-2 {
    padding-right: .5rem !important
}

.pb-2, .py-2 {
    padding-bottom: .5rem !important
}

.pl-2, .px-2 {
    padding-left: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3, .py-3 {
    padding-top: 1rem !important
}

.pr-3, .px-3 {
    padding-right: 1rem !important
}

.pb-3, .py-3 {
    padding-bottom: 1rem !important
}

.pl-3, .px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4, .py-4 {
    padding-top: 1.5rem !important
}

.pr-4, .px-4 {
    padding-right: 1.5rem !important
}

.pb-4, .py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4, .px-4 {
    padding-left: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5, .py-5 {
    padding-top: 3rem !important
}

.pb-5, .py-5 {
    padding-bottom: 3rem !important
}

.pb-5, .py-5 {
    padding-bottom: 3rem !important
}

.pl-5, .px-5 {
    padding-left: 3rem !important
}
.bg-white {
    background-color: #ffffff;
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 4px;
    width: 362px;
}
@media(max-width:434px) {
    .bg-Dark-blue-section {
        width: 100%;
    }
    .lifelineSupremeBlock {
        width: 100%;
    }
    .bg-white {
        width: 100%;
    }
    .cus_sceond_card .package-item {
        width: 100%;
    }
}

.modalOreredList{
    padding-bottom:2rem
}
.modalOreredList ol li{
    font-family:Poppins-Regular;
    font-size:13px;
    line-height:18px;
    color:#000;
    letter-spacing:.3px
}
.btnSticky{
    width:50%;
    text-align:center;
    margin:auto;
    padding-bottom:15px;
    padding-top:15px
}
.addCoverBtn{
    font-family:Poppins-Medium;
    font-size:16px;
    line-height:16.8px;
    color:#fff;
    background-color:#ff4e00;
    border-radius:12px;
    border:0;
    padding:15px 25px 15px 25px;
    white-space: normal !important;
}
.addCoverBtn:hover,:focus{
    color:#fff;
    outline:0;
    box-shadow:none
}
.selfRadioFlex .part1 {
    width: 33%;
}
.selfRadioFlex .part2 {
    width: 33%;
}
.selfRadioFlex .part3 {
    width: 34%;
}
.selfRadioFlex .part4 {
    width: 33%;
}
.selfRadioFlex {
    display: flex;
    align-items: center;
}
.selfRadioFlex label{
    font-size: 13px;
    font-family: Poppins-Regular;
}
.selfRadioFlex .part1 {
    width: 33%;
}
.selfRadioFlex .part2 {
    width: 33%;
}
.selfRadioFlex .part3 {
    width: 34%;
}
.selfRadioFlex .part4 {
    width: 33%;
}
.chk-know-more {
    text-decoration: underline;
    font-family: 'Poppins-SemiBold';
    color: #ff4e00;
    width: 85px;
    margin-left: 20px;
}
.pb-30 {
    padding-bottom: 30px;
}
.pb-30 {
    padding-bottom: 30px;
}

.insuredListDropDown {
    max-height: 150px;
    overflow-y: scroll;
    border: 1px solid grey;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212924;
    text-align: left;
}

.insurersList {
    background: #fff;
    width: inherit;
    height: 30px;
    padding: 10px;
    line-height: 11px;
    font-size: 12px;
    border-bottom: 1px;
}

.insurersList:hover {
    background-color: #0056b3;
    color: #fff;
    cursor: pointer;
}