body.no-scroll {
    position: fixed;
    width: 100%;
    overflow: hidden;
}

.shw {
    -webkit-box-shadow: 0 0 15px rgba(204, 204, 204, 0.3);
    box-shadow: 0 0 15px rgba(204, 204, 204, 0.3);
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

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

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
}

a:active,
a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: 700;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sup {
    color: #e3cf7d;
}

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

sub {
    bottom: -0.25em;
}

strong {
    font-weight: 600;
}

img {
    border: 0;
}

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

figure {
    margin: 1em 40px;
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

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

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
    pointer-events: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

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

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

input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

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

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: 700;
}

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

td,
th {
    padding: 0;
}

li,
ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

:after,
:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent;
    overflow-x: hidden;
}

body {
    font-family: Mulish, sans-serif !important;
    font-size: 62.5% !important;
    background: #fff;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
}

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

a {
    color: #282828;
    text-decoration: none;
}

a:focus,
a:hover {
    color: #282828;
    text-decoration: none;
}

a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

a:focus-visible {
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: 3px !important;
}

figure {
    margin: 0;
}

img {
    vertical-align: middle;
}

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

.img-rounded {
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.clearfix {
    clear: both;
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto;
}

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

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}

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

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}

[role="button"] {
    cursor: pointer;
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 5px;
    padding-right: 5px;
}

@media (min-width: 768px) {
    .container {
        width: 758px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 1014px;
    }
}
@media (min-width: 1180px) {
    .container {
        width: 1180px;
    }
}
@media (min-width: 1360px) {
    .container {
        width: 1330px;
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
}

.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    float: left;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-11 {
    width: 91.66666667%;
}

.col-xs-10 {
    width: 83.33333333%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-8 {
    width: 66.66666667%;
}

.col-xs-7 {
    width: 58.33333333%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-5 {
    width: 41.66666667%;
}

.col-xs-4 {
    width: 33.33333333%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-2 {
    width: 16.66666667%;
}

.col-xs-1 {
    width: 8.33333333%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-pull-11 {
    right: 91.66666667%;
}

.col-xs-pull-10 {
    right: 83.33333333%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-8 {
    right: 66.66666667%;
}

.col-xs-pull-7 {
    right: 58.33333333%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-5 {
    right: 41.66666667%;
}

.col-xs-pull-4 {
    right: 33.33333333%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-2 {
    right: 16.66666667%;
}

.col-xs-pull-1 {
    right: 8.33333333%;
}

.col-xs-pull-0 {
    right: auto;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-push-11 {
    left: 91.66666667%;
}

.col-xs-push-10 {
    left: 83.33333333%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-8 {
    left: 66.66666667%;
}

.col-xs-push-7 {
    left: 58.33333333%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-5 {
    left: 41.66666667%;
}

.col-xs-push-4 {
    left: 33.33333333%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-2 {
    left: 16.66666667%;
}

.col-xs-push-1 {
    left: 8.33333333%;
}

.col-xs-push-0 {
    left: auto;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

.col-xs-offset-11 {
    margin-left: 91.66666667%;
}

.col-xs-offset-10 {
    margin-left: 83.33333333%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-8 {
    margin-left: 66.66666667%;
}

.col-xs-offset-7 {
    margin-left: 58.33333333%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-5 {
    margin-left: 41.66666667%;
}

.col-xs-offset-4 {
    margin-left: 33.33333333%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-2 {
    margin-left: 16.66666667%;
}

.col-xs-offset-1 {
    margin-left: 8.33333333%;
}

.col-xs-offset-0 {
    margin-left: 0;
}

@media (min-width: 768px) {
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9 {
        float: left;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666667%;
    }

    .col-sm-10 {
        width: 83.33333333%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

    .col-sm-7 {
        width: 58.33333333%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666667%;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.66666667%;
    }

    .col-sm-1 {
        width: 8.33333333%;
    }

    .col-sm-pull-12 {
        right: 100%;
    }

    .col-sm-pull-11 {
        right: 91.66666667%;
    }

    .col-sm-pull-10 {
        right: 83.33333333%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-8 {
        right: 66.66666667%;
    }

    .col-sm-pull-7 {
        right: 58.33333333%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-5 {
        right: 41.66666667%;
    }

    .col-sm-pull-4 {
        right: 33.33333333%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-2 {
        right: 16.66666667%;
    }

    .col-sm-pull-1 {
        right: 8.33333333%;
    }

    .col-sm-pull-0 {
        right: auto;
    }

    .col-sm-push-12 {
        left: 100%;
    }

    .col-sm-push-11 {
        left: 91.66666667%;
    }

    .col-sm-push-10 {
        left: 83.33333333%;
    }

    .col-sm-push-9 {
        left: 75%;
    }

    .col-sm-push-8 {
        left: 66.66666667%;
    }

    .col-sm-push-7 {
        left: 58.33333333%;
    }

    .col-sm-push-6 {
        left: 50%;
    }

    .col-sm-push-5 {
        left: 41.66666667%;
    }

    .col-sm-push-4 {
        left: 33.33333333%;
    }

    .col-sm-push-3 {
        left: 25%;
    }

    .col-sm-push-2 {
        left: 16.66666667%;
    }

    .col-sm-push-1 {
        left: 8.33333333%;
    }

    .col-sm-push-0 {
        left: auto;
    }

    .col-sm-offset-12 {
        margin-left: 100%;
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }

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

    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }

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

    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }

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

    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }

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

@media (min-width: 992px) {
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9 {
        float: left;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.66666667%;
    }

    .col-md-10 {
        width: 83.33333333%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.66666667%;
    }

    .col-md-7 {
        width: 58.33333333%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.66666667%;
    }

    .col-md-4 {
        width: 33.33333333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.66666667%;
    }

    .col-md-1 {
        width: 8.33333333%;
    }

    .col-md-pull-12 {
        right: 100%;
    }

    .col-md-pull-11 {
        right: 91.66666667%;
    }

    .col-md-pull-10 {
        right: 83.33333333%;
    }

    .col-md-pull-9 {
        right: 75%;
    }

    .col-md-pull-8 {
        right: 66.66666667%;
    }

    .col-md-pull-7 {
        right: 58.33333333%;
    }

    .col-md-pull-6 {
        right: 50%;
    }

    .col-md-pull-5 {
        right: 41.66666667%;
    }

    .col-md-pull-4 {
        right: 33.33333333%;
    }

    .col-md-pull-3 {
        right: 25%;
    }

    .col-md-pull-2 {
        right: 16.66666667%;
    }

    .col-md-pull-1 {
        right: 8.33333333%;
    }

    .col-md-pull-0 {
        right: auto;
    }

    .col-md-push-12 {
        left: 100%;
    }

    .col-md-push-11 {
        left: 91.66666667%;
    }

    .col-md-push-10 {
        left: 83.33333333%;
    }

    .col-md-push-9 {
        left: 75%;
    }

    .col-md-push-8 {
        left: 66.66666667%;
    }

    .col-md-push-7 {
        left: 58.33333333%;
    }

    .col-md-push-6 {
        left: 50%;
    }

    .col-md-push-5 {
        left: 41.66666667%;
    }

    .col-md-push-4 {
        left: 33.33333333%;
    }

    .col-md-push-3 {
        left: 25%;
    }

    .col-md-push-2 {
        left: 16.66666667%;
    }

    .col-md-push-1 {
        left: 8.33333333%;
    }

    .col-md-push-0 {
        left: auto;
    }

    .col-md-offset-12 {
        margin-left: 100%;
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }

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

    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }

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

    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }

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

    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }

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

@media (min-width: 1200px) {
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9 {
        float: left;
    }

    .col-lg-12 {
        width: 100%;
    }

    .col-lg-11 {
        width: 91.66666667%;
    }

    .col-lg-10 {
        width: 83.33333333%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-8 {
        width: 66.66666667%;
    }

    .col-lg-7 {
        width: 58.33333333%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-5 {
        width: 41.66666667%;
    }

    .col-lg-4 {
        width: 33.33333333%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-2 {
        width: 16.66666667%;
    }

    .col-lg-1 {
        width: 8.33333333%;
    }

    .col-lg-pull-12 {
        right: 100%;
    }

    .col-lg-pull-11 {
        right: 91.66666667%;
    }

    .col-lg-pull-10 {
        right: 83.33333333%;
    }

    .col-lg-pull-9 {
        right: 75%;
    }

    .col-lg-pull-8 {
        right: 66.66666667%;
    }

    .col-lg-pull-7 {
        right: 58.33333333%;
    }

    .col-lg-pull-6 {
        right: 50%;
    }

    .col-lg-pull-5 {
        right: 41.66666667%;
    }

    .col-lg-pull-4 {
        right: 33.33333333%;
    }

    .col-lg-pull-3 {
        right: 25%;
    }

    .col-lg-pull-2 {
        right: 16.66666667%;
    }

    .col-lg-pull-1 {
        right: 8.33333333%;
    }

    .col-lg-pull-0 {
        right: auto;
    }

    .col-lg-push-12 {
        left: 100%;
    }

    .col-lg-push-11 {
        left: 91.66666667%;
    }

    .col-lg-push-10 {
        left: 83.33333333%;
    }

    .col-lg-push-9 {
        left: 75%;
    }

    .col-lg-push-8 {
        left: 66.66666667%;
    }

    .col-lg-push-7 {
        left: 58.33333333%;
    }

    .col-lg-push-6 {
        left: 50%;
    }

    .col-lg-push-5 {
        left: 41.66666667%;
    }

    .col-lg-push-4 {
        left: 33.33333333%;
    }

    .col-lg-push-3 {
        left: 25%;
    }

    .col-lg-push-2 {
        left: 16.66666667%;
    }

    .col-lg-push-1 {
        left: 8.33333333%;
    }

    .col-lg-push-0 {
        left: auto;
    }

    .col-lg-offset-12 {
        margin-left: 100%;
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }

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

    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }

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

    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }

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

    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }

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

.clearfix:after,
.clearfix:before,
.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.row:after,
.row:before {
    content: " ";
    display: table;
}

.clearfix:after,
.container-fluid:after,
.container:after,
.row:after {
    clear: both;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

.invisible {
    visibility: hidden;
}

.hidden {
    display: none !important;
}

.input-feild {
    position: relative;
    height: 68px;
}

.input-feild input {
    font-size: 2rem;
    color: #fff;
    margin-top: 0.5rem;
    padding-bottom: 10px;
    font-weight: 300;
    letter-spacing: 0.05rem;
    border-bottom: 1px solid #b6b4b4;
}

.input-feild select {
    font-size: 2rem;
    color: #282828;
    margin-top: 1rem;
    padding-bottom: 10px;
    font-weight: 400;
    -webkit-appearance: none;
    position: relative;
    border: none;
    border-bottom: 1px solid #b6b4b4;
}

.ripple-line select {
    cursor: pointer;
    z-index: 2;
    width: 100%;
    outline: 0;
    background: 0 0;
    background-image: linear-gradient(45deg, transparent 50%, #282828 50%), linear-gradient(135deg, #282828 50%, transparent 50%);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
}

.input-feild label {
    cursor: auto;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 2rem;
    color: #b6b4b4;
    font-weight: 400;
    position: absolute;
    top: 10px;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
}

.ripple-line input {
    cursor: auto;
    border: none;
    color: #282828;
    border-bottom: 1px solid #b6b4b4;
    font-size: 2rem;
    z-index: 2;
    width: 100%;
    height: 35px;
    margin-top: 1rem;
    outline: 0;
    background: 0 0;
}

.ripple-line:after {
    content: "";
    position: absolute;
    z-index: 0;
    height: 1px;
    bottom: 28px;
    left: 0;
    right: 0;
    background: #b6b4b4;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.input-feild.focus label {
    font-size: 1.6rem;
    top: -16px;
}

sup {
    color: #e71a1a;
    font-size: 1.3rem;
}

.bg-fadegray {
    background: #f8f6f6;
}

.bg-lightgray {
    background: #eaeaea;
}

.bg-darkgray {
    background: #ece9e9;
}

.bg-gray {
    background: #dddccb;
}

.bg-white {
    background: #fff;
}

.bg-blue {
    background: #00305b;
}

a.btn-m {
    color: #fff;
    background-color: #ec6608;
    font-size: 1.7rem;
    padding: 1.6rem 4rem;
    font-weight: 600;
    position: relative;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 50px;
    display: inline-block;
}

a.btn-m:hover {
    background-color: #d66a1e;
}

.text-center {
    text-align: center;
}

.owl-next.disabled,
.owl-prev.disabled {
    opacity: 0.4;
    cursor: default !important;
}

.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative;
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1;
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden;
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none;
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
    display: block;
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}

.owl-carousel.owl-hidden {
    opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
}

.owl-carousel.owl-rtl {
    direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
    float: right;
}

.owl-carousel .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
    z-index: 0;
}

.owl-carousel .owl-animated-out {
    z-index: 1;
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.owl-height {
    -webkit-transition: height 0.5s ease-in-out;
    transition: height 0.5s ease-in-out;
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
}

.owl-carousel .owl-item img.owl-lazy {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.1s ease;
    transition: transform 0.1s ease;
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    -webkit-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none;
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
}

.bg-lightGreen {
    background: #e2fce9;
}

.bg-blue {
    background: #00305b;
}

.secondary-btn {
    position: relative;
    cursor: pointer;
    padding: 1.3rem 2.4rem 1.3rem;
    font-size: 1.6rem;
    border-radius: 5px;
    text-decoration: none;
    outline: none;
    border: 1px solid #ec6625;
    font-weight: 700;
    text-align: center;
    background: #fff;
    color: #ec6625;
}

.secondary-btn:hover {
    position: relative;
    background: #fff2eb;
    border: 1px solid #ec6625;
    color: #ec6625;
}

.secondary-btn:focus-visible {
    position: relative;
    background: #fff9f6;
    border: 1px solid #ec6625;
    color: #ec6625;
}

.secondary-btn:active {
    position: relative;
    background: #fff9f6;
    border: 1px solid #bb5106;
    color: #bb5106;
}

.select-input-block {
    position: relative;
    /*margin-bottom: 4rem;*/
}

.select-input-block .dropdown-block {
    position: relative;
}

.select-input-block label {
    color: #838383;
    font-weight: 600;
    font-size: 1.7rem;
    line-height: 20px;
    position: absolute;
    top: 50%;
    left: 17px;
    transform: translate(0, -50%);
    background: #ffffff;
    z-index: 9;
    pointer-events: none;
    transition: 0.3s ease;
}

.select-input-block .dropdown {
    border: 1px solid #c9c9c9;
    height: 5.4rem;
    border-radius: 5px;
    width: 100%;
    position: relative;
}

.select-input-block .selected {
    height: 5.4rem;
    padding: 1.5rem 3rem 1.5rem 1.5rem;
    width: 100%;
    font-size: 1.6rem;
    line-height: 21px;
    font-weight: 600;
    display: block;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.select-input-block a.selected:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
    color: #282828;
}

.custom-dropdown-list {
    display: none;
    height: auto;
    overflow-y: auto;
    box-shadow: 0px 3px 8px rgb(0 0 0 / 25%);
    border-radius: 5px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    position: relative;
    z-index: 999;
    background: #fff;
    height: 150px;
}

.dropdown-block .dropdown:after {
    content: "";
    position: absolute;
    top: 1.8rem;
    right: 1.5rem;
    width: 1rem;
    height: 1rem;
    border: 2px solid #404040;
    border-right-width: 0;
    border-top-width: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    padding: 0;
}

.dropdown-block.active .dropdown {
    border: 2px solid #ec6625;
}

.dropdown-block.active .dropdown:after {
    top: 2rem;
    border: 2px solid #404040;
    border-left-width: 0;
    border-bottom-width: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}

.custom-dropdown-list li {
    font-size: 1.6rem;
    line-height: 2.8rem;
    font-weight: 600;
    color: #282828;
    background: #fff;
    width: 100%;
    height: auto;
    cursor: pointer;
    position: relative;
    text-align: left;
}

.custom-dropdown-list li a {
    display: block;
    padding: 1rem 1.5rem;
}

.custom-dropdown-list li:hover {
    background: #f7f6f6;
    color: #282828;
}

.custom-dropdown-list li.select-list:before {
    content: url(/docs/default-source/assets/kyc/images/selected-right-icon.svg);
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100%;
    top: 50%;
    left: 92%;
    right: 0;
    transform: translateY(-50%);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

.select-input-block.selectActive label {
    top: 0;
    left: 10px;
    font-size: 1.2rem;
    font-weight: 600;
    padding: 0 0.7rem;
}

.custom-dropdown-list li.select-list {
    background: #eaeaea;
}

.input-block.dropdown-block.active label {
    color: #ec6625;
}

.il-input-block {
    position: relative;
    display: inline-block;
    width: 100%;
    /*margin-bottom: 4rem;*/
}
#aadhar-card .il-input-block {
    margin-bottom: 4rem;
}
input {
    outline: none;
}

.il-input-block label {
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 600;
    color: #838383;
    position: absolute;
    left: 17px;
    top: 17px;
    background-color: #fff;
    transition: 0.3s all ease;
    pointer-events: none;
}

input.default-input {
    outline: 1px solid #c9c9c9;
    border-radius: 5px;
    background: #ffff;
    padding: 1.7rem;
    width: 100%;
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 600;
    color: #282828;
    border-width: 0;
}

input.default-input:hover {
    outline: 1px solid #282828;
}

.il-input-block.focus label {
    font-size: 1.2rem;
    line-height: 1.5rem;
    font-weight: 600;
    top: -7px;
    left: 11px;
    padding: 0 7px;
    z-index: 2;
    transition: 0.3s all ease;
}

.il-input-block.onFocused label {
    color: #ec6625;
}

.il-input-block.onFocused input {
    outline: 2px solid #ec6625;
}

.dob-form-block.il-input-block.onFocused input {
    outline: none;
}

.il-input-block textarea {
    font-size: 1.6rem;
    line-height: 2rem;
    color: #282828;
    border: none;
    outline: 1px solid #c9c9c9;
    border-radius: 5px;
    padding: 17px;
    width: 100%;
    resize: none;
    font-weight: 600;
}

.il-input-block textarea:hover {
    outline: 1px solid #282828;
}

.il-input-block.onFocused textarea {
    border: none;
    outline: none;
    outline: 2px solid #ec6625;
}

.accordion-sec {
    width: 100%;
    border-radius: 10px;
    margin-bottom: 1.5rem;
    border: 1px solid #eaeaea;
    background: #ffffff;
}

.accordion-sec.disable-accord {
    background: #004a80;
    opacity: 0.5;
    pointer-events: none;
}

.accordion-sec .accordion-head {
    position: relative;
    padding: 1.8rem 2.5rem;
    cursor: pointer;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    background: #fcfafa;
    border-radius: 10px;
}

.accordion-sec .accordion-head.active {
    background: #fcfafa;
    border-radius: 10px 10px 0 0;
    border-bottom: 1px solid #eaeaea;
}

.accordion-sec .accordion-head * {
    cursor: pointer;
}

.accordion-sec.active .accordion-head h4 {
    color: #ffffff;
}

.accordion-sec .accordion-head h4 {
    color: #282828;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 20px;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
}

.accordion-sec .accordion-head.active h4 {
    color: #282828;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 20px;
}

.accordion-sec .accordion-body {
    height: auto;
    display: none;
    border-top: 1px solid #eaeaea;
    position: relative;
    padding: 3rem 2.5rem;
    background: #ffffff;
    border-radius: 0 0 10px 10px;
}

.accordion-sec .accordion-body.active {
    display: block;
}

.accordion-head:after {
    content: "";
    background: url(../../../../../../docs/default-source/assets/kyc/images/accordian-arrow.png);
    width: 13px;
    height: 8px;
    position: absolute;
    top: 25px;
    right: 25px;
    transition: 0.3s linear;
}

.accordion-head.active:after,
.summery-block a.active img {
    transform: rotate(180deg);
}

.accordion-head.open {
    margin-bottom: 0;
}

.accordion-sec .accordion-body.borderNone {
    border-top: none;
}

.kyc-sucsess-block {
    padding: 0.7rem 2rem 0.7rem 1rem;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: fit-content;
    margin-bottom: 3rem;
    margin-top: 1rem;
    border-radius: 5px;
    display: none;
}

.kyc-sucsess-block p {
    margin: 0;
    color: #09751b;
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 15px;
    display: inline;
    vertical-align: middle;
}

.kyc-sucsess-block p span.verifyMode {
    margin-left: 0.5rem;
    font-weight: 600;
}

a.edit-text {
    color: #ec6625;
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 15px;
    text-decoration: underline !important;
}

a.edit-text:hover {
    color: #fd7b20;
}

.kyc-sucsess-block .verifyIcon {
    margin-right: 0.5rem;
}

.kyc-sucsess-block .reverifyLink {
    margin-left: 1.5rem;
}

.il-radio-group {
    margin: 0 3rem 0 0;
}

.il-radio-group:last-child {
    margin-right: 0;
}

.il-radio-group input {
    padding: 0;
    height: 0;
    width: 0;
    margin-bottom: 0;
    cursor: pointer;
    margin: 0 !important;
}

.il-radio-group label {
    position: relative;
    cursor: pointer;
    display: flex;
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 500;
    color: #282828;
    align-items: center;
    margin-bottom: 0;
}

.il-radio-group label:before {
    content: "";
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #838383;
    padding: 8px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 1rem;
    border-radius: 50%;
    height: fit-content;
    top: 1px;
}

.il-radio-group input:checked + label:after {
    content: "";
    display: block;
    position: absolute;
    top: 7px;
    left: 6px;
    border: solid #f26624;
    border-width: 4px;
    border-radius: 50%;
}

.il-radio-group input:checked + label:before {
    border-color: #f26624;
}

.il-radio-group input:focus-visible + label::before {
    border-color: #ffa05d;
}

.il-radio-group input:checked:focus-visible + label::after {
    border-color: #ec6608;
}

.il-radio-group input + label:hover::before {
    background-color: #eaeaea;
}

.il-radio-group input:checked + label:hover::before {
    background-color: transparent;
}

.cstm-radio-btn {
    display: flex;
    margin-top: 1.5rem;
    align-items: flex-end;
}

.cstm-chkbox-block .form-group {
    display: block;
    margin-bottom: 15px;
    text-align: left;
    position: relative;
}

.cstm-chkbox-block .form-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.cstm-chkbox-block .form-group label {
    position: relative;
    cursor: pointer;
    display: flex;
    font-size: 1.2rem;
    line-height: 15px;
    font-weight: 500;
    color: #282828;
}

.cstm-chkbox-block .form-group label:before {
    content: "";
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #838383;
    padding: 8px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 1rem;
    border-radius: 3px;
    height: fit-content;
    transition: 0.3s all ease;
}

.cstm-chkbox-block .form-group input:checked + label:before {
    background-color: #ec6625 !important;
    border: 2px solid #ec6625;
}

.cstm-chkbox-block .form-group input:checked + label:after {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 8px;
    width: 4px;
    height: 9px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    .transition: 0.3s all ease;
}

.cstm-chkbox-block .form-group input: hover + label:before {
    background-color: #eaeaea;
}

.cstm-chkbox-block .form-group input:focus-visible + label::before {
    border-color: #f58820;
}

.cstm-chkbox-block .form-group input:focus + label::before {
    border-color: #f58820;
    background-color: #cbcdce;
}

.cstm-chkbox-block .form-group input:checked:focus-visible + label:before {
    background: #ec6625;
    box-shadow: 0 0 0px 2px #ec6625;
    border: 2px solid #fff;
}

.dob-form-block {
    /* margin-bottom: 4rem;*/
    position: relative;
}

.dob-form-block .input-block,
.dob-form-block .input-block.active {
    position: relative;
    width: 100%;
    border-radius: 5px;
    outline: 1px solid #c9c9c9;
    background-color: #fff;
    color: #282828;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
}

.dob-form-block .input-block {
    position: relative;
}

.dob-form-block .input-block label,
.dob-form-block .input-block.error label {
    font-size: 1.2rem;
    margin-top: -1rem;
    margin-left: -5px;
    top: 0;
}

.dob-form-block .input-block label {
    cursor: auto;
    display: inline-flex;
    font-size: 1.2rem;
    color: #838383;
    font-weight: 600;
    position: absolute;
    transition: 0.3s ease;
    padding: 0 7px;
    background: #fff;
    font-family: Mulish;
    margin-top: -0.7rem;
    margin-left: 11px;
    max-width: 100%;
    margin-bottom: 5px;
    top: 0;
}

.dob-form-block .input-block input {
    width: 100%;
    height: 54px;
    margin: 0 0 39px;
    padding: 15px 100px 15px 15px;
    border-radius: 5px;
    border: 1px solid #c9c9c9;
    background-color: #fff;
    color: #282828;
    font-size: 16px;
    font-weight: 600;
}

.dob-form-block .input-block input {
    width: 25%;
    height: 54px;
    margin: 0;
    padding: 0;
    border-radius: 5px;
    border: none;
    background-color: #fff;
    color: #282828;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}

.dob-form-block .input-block input.day,
.dob-form-block .input-block input.months {
    width: 18%;
}

.dob-form-block .input-block span {
    color: #b2b2b2;
    font-size: 1.2rem;
    font-weight: 500;
    margin: 0 6px;
    left: -6px;
}

.dob-form-block .input-block:hover {
    outline: 1px solid #282828;
}

.dob-form-block.focus .input-block {
    outline: 2px solid #ec6625;
}

.dob-form-block.focus .input-block label {
    color: #ec6625;
}

::placeholder {
    color: #838383;
    opacity: 1;
    font-weight: 500;
}

:-ms-input-placeholder {
    color: #838383;
    font-weight: 500;
}

::-ms-input-placeholder {
    color: #838383;
    font-weight: 500;
}

.date-block span.jq-dte input.jq-dte-day {
    width: 32px !important;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #b2b2b2;
}

.date-block span.jq-dte input.jq-dte-month {
    width: 50px !important;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #b2b2b2;
}

.date-block span.jq-dte input.jq-dte-year {
    width: 60px !important;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #b2b2b2;
}

.date-block span.jq-dte input.Numeric.hint {
    color: #b2b2b2;
}

.date-block.disableInput span.jq-dte input.Numeric {
    color: #6c6c6c !important;
}

.date-block.disableLabel span.jq-dte input.Numeric.hint {
    color: #b2b2b2;
}

.date-block.disableLabel span.jq-dte input.Numeric,
.date-block.disableInput span.jq-dte input.Numeric {
    color: #6c6c6c !important;
}

.date-block span.jq-dte input.Numeric {
    color: #282828;
}

.date-block span.jq-dte-errorbox {
    top: auto !important;
    left: 0 !important;
    bottom: -30px !important;
    color: #e71a1a;
    margin: 0;
}

.dob-form-block.error .date-block span.jq-dte-errorbox {
    bottom: -30px !important;
}

.dob-form-block .input-block span.seperator {
    font-size: 1.6rem;
}

.primary-button {
    background: #ec6625;
    border-radius: 5px;
    color: #ffffff;
    display: inline-block;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 20px;
    text-align: center;
    padding: 1.3rem 2.4rem 1.5rem;
    transition: all linear 0.2s;
    text-decoration: none;
}

.primary-button:hover {
    color: #ffffff;
    background: #fd7b20;
}

.primary-button:focus {
    color: #ffffff;
}

.confirmky-btn .primary-button {
    display: block;
}

.insured-details-block {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}

.carinsured-details .save-btn-block {
    margin-top: 0;
}

.renewalkyc-details .insured-details-block {
    flex-direction: column;
}

.insured-details-block .left-details-block,
.insured-details-block .right-details-block {
    width: 100%;
}
.insured-details-block .right-details-block {
    margin-left: 15px;
}

.il-input-block .inputinfo-txt {
    margin: 0;
    color: #575757;
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 15px;
    position: absolute;
    bottom: -18px;
    left: 0;
}

span.tick-icon {
    line-height: 0;
    padding-right: 1.5rem;
    display: none;
}

.accordion-head.active span.tick-icon {
    display: block;
}

.tooltipTxt {
    visibility: hidden;
    color: #fff;
    background: #000;
    position: absolute;
    width: 272px;
    top: 27px;
    right: -25px;
    text-align: left;
    padding: 1rem;
    border-radius: 5px;
    z-index: 9999;
    font-size: 1.4rem;
    line-height: 18px;
    font-weight: 500;
}

.tooltip-icon {
    position: relative;
    padding-left: 0.7rem;
    padding-bottom: 0;
}

.tooltip-icon img {
    position: relative;
    top: 3px;
    left: 0;
}

.insaddress-sec .tooltip-icon img {
    width: 11px;
    height: 11px;
    top: 0;
}

.tooltip-icon:hover .tooltipTxt {
    visibility: visible;
}

.tooltipTxt:after {
    content: "";
    width: 0;
    height: 0;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-bottom: 8px solid #000;
    position: absolute;
    top: -8px;
    right: 25px;
}

.tooltip-heading {
    color: #6c6c6c;
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 15px;
    text-decoration: underline !important;
}

.tooltip-heading:hover {
    text-decoration: underline;
    color: #6c6c6c;
}

.error_message,
.chkbox_error {
    color: #e71a1a;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 15px;
    position: absolute;
    left: 0;
    display: none;
    bottom: -16px;
}

.kycotp-input .error_message {
    bottom: -20px;
}

.chkbox_error {
    left: 30px;
}

.ins-height-block {
    position: relative;
    outline: 1px solid #c9c9c9;
    border-radius: 5px;
    margin-bottom: 4rem;
}

.ins-height-block .selected {
    color: #b2b2b2;
    font-weight: 500;
    line-height: 20px;
}

.ins-height-block:hover {
    outline: 1px solid #282828;
}

.ins-height-block.active {
    outline: 2px solid #ec6625;
}

.ins-height-block label {
    font-size: 1.2rem;
    line-height: 2rem;
    font-weight: 600;
    color: #838383;
    position: absolute;
    left: 11px;
    top: -11px;
    background-color: #fff;
    transition: 0.3s all ease;
    pointer-events: none;
    z-index: 99;
    padding: 0 0.7rem;
}

.ins-height-block .dropdown {
    border: none;
    border-radius: 0;
}

.ins-height-input .select-input-block:first-child .dropdown {
    border-right: 1px solid #c9c9c9;
}

.ins-height-input .select-input-block {
    margin-bottom: 0;
}

.ins-height-input .dropdown-block.active .dropdown {
    border: none;
}

.confirmkyc-sec {
    background: linear-gradient(180deg, #fff3f3 0%, #fff9f6 100%);
    border: 1px solid #fff3f3;
    border-radius: 20px;
    padding: 2rem 2rem;
    width: 100%;
}

.confirmkyc-sec .cnfirmkyc-block {
    display: flex;
    flex-direction: column;
}

.confirmkyc-sec .kyc-details {
    width: 100%;
    height: 100%;
}

.confirmkyc-sec .kyc-steps-details {
    width: 100%;
    height: 100%;
}

.confirmkyc-sec .kyc-details h2 {
    font-weight: 800;
    font-size: 18px;
    line-height: 22px;
    background: linear-gradient(270deg, #f58820 0%, #b02a30 98.16%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    margin: 0;
    width: 100%;
    max-width: fit-content;
}

.confirmkyc-sec h6 {
    font-weight: 800;
    font-size: 14px;
    line-height: 18px;
    margin: 0;
    padding-bottom: 1rem;
    color: #282828;
}

.confirmkyc-sec .speedup-content {
    margin: 1.5rem 0;
}

.confirmkyc-sec .speedup-content p {
    color: #282828;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 21px;
    margin: 0;
    width: 100%;
    max-width: 447px;
}

.confirmkyc-sec a.edit-text {
    font-size: 1.4rem;
    line-height: 18px;
    display: inline-block;
    margin-top: 0.5rem;
}

.confirmkyc-sec .ssl-content {
    display: flex;
    align-items: flex-start;
    margin-bottom: 2rem;
}

.confirmkyc-sec .ssl-content p {
    margin: 0;
    font-weight: 500;
    font-size: 12px;
    line-height: 17px;
    color: #282828;
    margin-left: 1.5rem;
}

.confirmkyc-sec .cstm-chkbox-block .form-group label {
    line-height: 18px;
}

.kyc-steps-details {
    background: linear-gradient(297.31deg, #ece5f3 -0.64%, #f9e9ef 46.07%, #cddcfb 97.91%);
    border-radius: 20px 20px 20px 20px;
    padding: 2rem 2rem;
}

.confirmkyc-sec .kycsteps-heading h2 {
    background: linear-gradient(270deg, #0264ac 9.21%, #00305b 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 800;
    font-size: 1.8rem;
    line-height: 24px;
    margin: 0;
    padding-right: 0;
    margin-bottom: 1.5rem;
}

.confirmkyc-sec .kycsteps-heading {
    position: relative;
    margin-bottom: 2rem;
}

.confirmkyc-sec .kycsteps-heading:after {
    content: "";
    background: url(../images/clock-icon.svg);
    width: 49px;
    height: 55px;
    position: absolute;
    top: 0;
    right: 0;
}

.confirmkyc-sec .kyc-steps-details p {
    margin: 0;
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    color: #282828;
    width: 100%;
    max-width: 273px;
}

.confirmkyc-sec .kyc-steps-details .kyc-step-list p {
    font-size: 1rem;
    line-height: 13px;
    padding: 1rem 1.5rem 0 1.5rem;
    color: #282828;
}

.confirmkyc-sec .kyc-step-list {
    background: #ffffff;
    border-radius: 15px;
    padding: 2rem 0;
    margin: 1.5rem 0 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 100%;
}

.confirmkyc-sec .kyc-step-list .step-title {
    width: 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    border-right: 1px solid #eaeaea;
}

.confirmkyc-sec .kyc-step-list .step-title img {
    height: 28px;
}

.confirmkyc-sec .kyc-step-list .step-title:last-child {
    border-right: none;
}

.confirmkyc-sec .kyc-note-block p {
    background: linear-gradient(180deg, #b02a30 1.46%, #831b1d 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
}

.confirmkyc-sec .kyc-note-block {
    border: 1px solid #ffffff;
    border-radius: 15px;
    padding: 1.5rem 2rem;
}

.confirmkycWrapper {
    background: #ffffff;
    padding: 0;
    border-radius: 10px;
    margin: 0 0 1.5rem;
    position: relative;
}

.confirmky-btn {
    position: fixed;
    bottom: 0;
    background: #ffffff;
    box-shadow: 0px -3px 8px rgb(0 0 0 / 5%);
    border-radius: 0px 0px 10px 10px;
    width: 100%;
    right: 0;
    padding: 1rem 0;
    z-index: 9999;
}

.confirmky-btn-block {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    max-width: 1330px;
    padding: 0 15px;
    margin: 0 auto;
}

.confirmkyc-sec .kyc-details {
    padding: 0;
    background: linear-gradient(180deg, #fff3f3 0%, #fff9f6 100%);
}

.btn-tooltip-icon {
    position: relative;
}

.btn-tooltip-icon:hover .btn-tooltipTxt {
    visibility: visible;
}

.btn-tooltipTxt {
    visibility: hidden;
    color: #fff;
    background: #000;
    position: absolute;
    width: 272px;
    bottom: 63px;
    right: -10px;
    text-align: left;
    padding: 1rem;
    border-radius: 5px;
    z-index: 999;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 18px;
}

.btn-tooltipTxt:after {
    content: "";
    width: 0;
    height: 0;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-top: 10px solid #000;
    position: absolute;
    bottom: -15px;
    right: 30px;
    transform: translate(0%, -50%);
}

.kycinfo-popup-sec .kycpopup-content,
.noworry-popup-sec .kycpopup-content {
    padding: 3rem 3rem;
}

.kycinfo-popup-sec h3,
.noworry-popup-sec h3 {
    margin: 0;
    color: #282828;
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 23px;
    padding-right: 3rem;
}

.kycinfo-popup-sec .kyc-details-list li {
    color: #282828;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 1.5rem;
    list-style-type: decimal;
}

.kycinfo-popup-sec .kyc-details-list ul {
    padding-left: 1.5rem;
}

.kyc-popup-sec.kycinfo-popup-sec,
.kyc-popup-sec .noworry-popup-sec {
    position: relative;
    top: 0;
    left: 0;
    transform: translate(0%, 0%);
    margin: 5rem auto;
}

.kycinfo-popup-sec .kyc-details-list .kyc-sub-list li {
    position: relative;
    list-style-type: none;
    padding-left: 2rem;
    color: #575757;
    font-size: 1.4rem;
    line-height: 18px;
    margin-bottom: 0.5rem;
}

.kycinfo-popup-sec a.edit-text {
    font-size: 1.4rem;
    line-height: 18px;
    padding-left: 1.5rem;
}

.kycinfo-popup-sec .kyc-sub-list li:before {
    content: "";
    background: url("../images/list-arrow.svg");
    position: absolute;
    top: 8px;
    left: 0;
    width: 11px;
    height: 10px;
    background-repeat: no-repeat;
}

.kycinfo-popup-sec .kyc-details-list ul.kyc-sub-list {
    padding-left: 0;
    margin: 1.2rem 0 0.5rem;
}

.kycinfo-popup-sec .kyc-details-list {
    margin: 3rem 0 2.5rem;
}

.kycinfo-popup-sec .kyc-details-list p {
    margin: 0;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    padding-bottom: 2rem;
}

.kycinfo-popup-sec .kyc-ok-btn,
.noworry-popup-sec .kyc-ok-btn {
    text-align: right;
}

.noworry-popup-sec p {
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 24px;
    margin: 0;
    padding-bottom: 1rem;
}

.kyc-popup-sec.noworry-popup-sec {
    width: 100%;
    max-width: 424px;
}

.kyc-popup-sec .noworry-content {
    padding: 2rem 2.5rem 4rem 0;
}

.kycwarning-block {
    border-radius: 10px;
    padding: 1.2rem 2rem 1.4rem;
    margin-bottom: 3rem;
    /*display: none;*/
}

.kycwarning-details {
    display: flex;
    align-items: center;
}

.kycwarning-block p {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    margin: 0;
    padding-right: 1rem;
    color: #282828;
}

.kycwarning-block .edit-text {
    font-size: 1.4rem;
}

.bg-lightPink {
    background: #f8f6f6;
}

.kycpopup-content .kyc-error-block {
    padding: 2rem 3rem 4rem;
}

.kyc-popup-sec .kyc-error-block h3 {
    margin: 0;
    font-weight: 800;
    font-size: 20px;
    line-height: 25px;
    padding-bottom: 1rem;
}

.kyc-popup-sec .kyc-error-block p {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
}

.kyc-popup-sec .kyc-error-block p span {
    color: #e71a1a;
    font-weight: 700;
}

.kyc-popup-sec .kyc-error-block .continuebtn-block {
    margin: 5.6rem 0 0 auto;
    text-align: right;
}

.uploaddoc-popup-sec .kycpopup-content .kyc-heading-content p {
    padding-right: 2rem;
}

.upload-doc-block {
    padding: 4rem 3rem;
}

.upload-doc-block .bg-lightGray {
    background: #f8f6f6;
}

.id-list-block .id-list-details {
    border-radius: 5px;
    padding: 2rem 2rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 1rem;
}

.upload-doc-block .id-list-block h5 {
    margin: 0;
    color: #282828;
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 18px;
}

.upload-doc-block .id-list-block p {
    margin: 0;
    color: #575757;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 18px;
    padding-top: 0.5rem;
}

.upload-doc-block p.size-info {
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    padding-top: 0;
    color: #575757;
    margin: 0;
}

.selectfile-btn {
    width: 100%;
    max-width: 100px;
    height: 100%;
}

.id-list-details .secondary-btn {
    padding: 0.8rem 0rem;
    font-size: 1.4rem;
    line-height: 18px;
}

.upload-doc-block .select-input-block {
    position: relative;
    width: 100%;
    max-width: 280px;
    margin-bottom: 3.4rem;
}

.upload-doc-block .id-list-block {
    display: none;
}

.upload-doc-block .upload-btn-block {
    width: 100%;
    max-width: 184px;
    margin: 4rem 0 0 auto;
}

.kycpopup-content .kyc-otp-block {
    padding: 2rem 3rem 5rem;
}

.kycpopup-content .kyc-otp-block .back-btn {
    color: #282828;
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 15px;
}

.kyc-otp-block .back-btn span {
    padding-right: 0.5rem;
    position: relative;
    top: -1px;
}

.kyc-otp-block .enter-otp-block {
    margin: 3rem 0 0;
}

.kyc-otp-block .enter-otp-block h3 {
    color: #282828;
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 22px;
    margin: 0;
}

.kyc-otp-block .enter-otp-block p {
    margin: 0;
    color: #282828;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 21px;
    padding-top: 0.4rem;
}

.kyc-otp-block .enter-otp-block .kycotp-input {
    display: flex;
    margin: 3rem 0 2rem;
}

.kyc-otp-block .otp-input {
    width: 100%;
    max-width: 49px;
    margin-right: 1.2rem;
}

.kyc-otp-block .otp-input:last-child {
    margin-right: 0;
}

.kyc-otp-block .resendotp-btn a {
    color: #ec6625;
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 18px;
    text-decoration: underline;
}

.kyc-otp-block .otp-verify-btn {
    margin: 4.7rem 0 0 auto;
    text-align: right;
}

.disableBtn {
    background: #c9c9c9 !important;
    pointer-events: none;
}

.kyc-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
    z-index: 9999;
    overflow: auto;
    height: 100%;
}

.kyc-overlay.activeOverlay {
    visibility: visible;
    opacity: 1;
}

.kyc-popup-sec {
    background: #ffffff;
    border-radius: 15px;
    position: relative;
    width: 100%;
    max-width: 654px;
    margin: 7.5rem auto;
}

.kyc-popup-sec .close {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 32px;
    height: 32px;
    background: #ffffff;
    display: flex;
    align-items: center;
    border: 1px solid #f0efee;
    border-radius: 5px;
    opacity: inherit;
}

.kyc-popup-sec .close:before,
.kyc-popup-sec .close:after {
    position: absolute;
    left: 15px;
    content: " ";
    height: 10px;
    width: 2px;
    background-color: #575757;
}

.kyc-popup-sec .close:before {
    transform: rotate(45deg);
}

.kyc-popup-sec .close:after {
    transform: rotate(-45deg);
}

.kyc-popup-sec .close:hover {
    opacity: inherit;
}

.kycpopup-content .kyc-heading-content h3 {
    margin: 0;
    color: #282828;
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 23px;
    padding-bottom: 0.5rem;
}

.kycpopup-content .kyc-heading-content p {
    margin: 0;
    color: #282828;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 20px;
}

.kyc-popup-sec .kycpopup-content .kyc-heading-block {
    display: flex;
    background: #fff2eb;
    padding: 1.6rem 0 0 3rem;
    align-items: flex-end;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.kyc-popup-sec .kyc-heading-img img {
    width: 100%;
}

.kycpopup-content .kyc-heading-content {
    width: 50%;
    padding: 1.4rem 0 2rem;
}

.kyc-popup-sec .tooltip-icon {
    position: absolute;
    top: 0;
    right: -23px;
}

.kycpopup-content .kyc-heading-img {
    width: 50%;
}

.kycpopup-content .kyc-option-block h5,
.kycpopup-content .user-type-block h5,
.kycpopup-content .kyc-corpcustomer-block h5 {
    margin: 0;
    color: #6c6c6c;
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 18px;
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
}

.kycpopup-content .kyc-optionlist-sec {
    margin: 0 0 4.9rem;
}

.kycpopup-content .kyc-option-input input.default-input {
    text-transform: uppercase;
}

.kycpopup-content .kyc-optionlist-sec .kyc-option-list {
    display: flex;
    margin-bottom: 1.7rem;
}

.kycpopup-content .kyc-option-input ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.kycpopup-content .kyc-option-input li {
    width: 48%;
}

#ckyc-no .il-input-block {
    margin-bottom: 0;
}

.kyc-popup-sec .kyc-option-list .il-radio-group {
    width: 25%;
    margin-right: 0;
    position: relative;
}

.kyc-popup-sec .kyc-option-list .il-radio-group:last-child {
    margin: 0;
}

.kyc-popup-sec .kyc-optionlist-sec .tooltip-icon {
    right: 24px;
}

.kycpopup-content .kyc-option-input {
    display: none;
    margin-bottom: 2rem;
}

.kycpopup-content .kyc-verify-btn {
    text-align: right;
    padding: 4rem 0;
}

.kyc-popup-sec .kyc-option-block #pan-card:after,
.kyc-popup-sec .kyc-option-block #aadhar-card:after,
.kyc-popup-sec .kyc-option-block #ckyc-number:after,
.kyc-popup-sec .kyc-option-block #passport:after,
.kyc-popup-sec .kyc-option-block #voter-id:after,
.kyc-popup-sec .kyc-option-block #driving-licence:after,
.kyc-popup-sec .kyc-corpcustomer-block #corporate-pan-card:after,
.kyc-popup-sec .kyc-corpcustomer-block #corporate-cin-no:after,
.kyc-popup-sec .kyc-corpcustomer-block #corporate-ckyc-number:after {
    content: "";
    background-repeat: no-repeat;
    width: 210px;
    position: absolute;
    bottom: 0;
    left: 30px;
}

.kyc-popup-sec .kyc-option-block #pan-card:after,
.kyc-popup-sec .kyc-corpcustomer-block #corporate-pan-card:after {
    background-image: url(/docs/default-source/assets/kyc/images/pan-card-new.svg);
    height: 88px;
}

.kyc-popup-sec .kyc-option-block #aadhar-card:after {
    background-image: url(/docs/default-source/assets/kyc/images/aadhar-card-new.svg);
    height: 91px;
}

.kyc-popup-sec .kyc-option-block #ckyc-number:after,
.kyc-popup-sec .kyc-corpcustomer-block #corporate-ckyc-number:after {
    background-image: url(/docs/default-source/assets/kyc/images/ckyc-no-new.svg);
    height: 91px;
}

.kyc-popup-sec .kyc-option-block #passport:after {
    background-image: url(/docs/default-source/assets/kyc/images/passport-img.svg);
    height: 103px;
}

.kyc-popup-sec .kyc-option-block #voter-id:after {
    background-image: url(/docs/default-source/assets/kyc/images/voterid-img.svg);
    height: 86px;
}

.kyc-popup-sec .kyc-option-block #driving-licence:after {
    background-image: url(/docs/default-source/assets/kyc/images/driving-licence-img.svg);
    height: 88px;
}

.kyc-popup-sec .kyc-option-list .il-radio-group:last-child {
    margin: 0;
}

.kyc-option-block .il-radio-block {
    display: flex;
    margin-top: 1rem;
}

.il-radio-block .il-radio-group label {
    font-size: 1.4rem;
    line-height: 1.8rem;
}

.il-radio-block .il-radio-group label:before {
    padding: 6px;
}

.il-radio-block .il-radio-group input:checked + label:after {
    left: 5px;
    top: 7px;
    border-width: 3px;
}

.kycpopup-content .kyc-option-input p {
    margin: 0;
    color: #575757;
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 18px;
    padding-top: 3rem;
}

.kyc-popup-sec .ckyc-failed-block h6 {
    color: #e71a1a;
    margin: 0;
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 15px;
}

.kyc-popup-sec .ckyc-failed-block p {
    margin: 0;
    color: #282828;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 18px;
    padding-top: 1rem;
}

.kyc-popup-sec .bg-lightPink {
    background: #fff3f3;
}

.kyc-popup-sec .ckyc-failed-block {
    border-radius: 5px;
    padding: 1.6rem 1.6rem;
    margin-bottom: 2.6rem;
}

.kyc-popup-sec .ckyc-failed-block h6 span {
    padding-right: 0.5rem;
    position: relative;
    top: -1px;
}

.kyc-popup-sec .ckyc-failed-block a {
    color: #ec6625;
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 18px;
    margin-left: 1rem;
    text-decoration: underline;
}

.insured-details-block .insname-details {
    display: flex;
}

.insname-details .select-input-block {
    width: 100%;
    max-width: 94px;
    margin-right: 1rem;
}

.insured-details-block .il-input-block a.edit-text {
    position: absolute;
    bottom: 2.3rem;
    right: 2.3rem;
}

.insured-details-block h5 {
    margin: 0;
    color: #6c6c6c;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 20px;
}

.insured-details-block .insgender-details {
    /*margin-bottom: 4rem;*/
    position: relative;
}

.insured-details-block .select-input-block.politics-details {
    margin: 3rem 0 0;
    display: none;
}

.insured-details-block .ins-height-input {
    display: flex;
}

.ins-height-block .select-input-block {
    width: 50%;
}

.proceed-btn-block {
    width: 100%;
    max-width: 110px;
}

.disableInput:after {
    background: url(/docs/default-source/assets/kyc/images/lock-input.svg);
    background-repeat: no-repeat;
    background-position: right 0 center;
    color: #6c6c6c !important;
    content: "";
    width: 14px;
    height: 19px;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 9999;
}

/*input:disabled {
    color: #6c6c6c !important;
}*/

.proceedpay-btn-block {
    width: 100%;
    max-width: 163px;
}

.confirmkycWrapper .cstm-chkbox-block {
    margin: 3rem 0;
}

.confirmkycWrapper .owl-next.disabled,
.confirmkycWrapper .owl-prev.disabled {
    opacity: 0.4;
    cursor: default !important;
}

.confirmkycWrapper .owl-carousel,
.confirmkycWrapper .owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative;
}

.confirmkycWrapper .owl-carousel {
    width: 100%;
    z-index: 1;
}

.confirmkycWrapper .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden;
}

.confirmkycWrapper .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.confirmkycWrapper .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
}

.confirmkycWrapper .owl-carousel .owl-item,
.confirmkycWrapper .owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

.confirmkycWrapper .owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none;
}

.confirmkycWrapper .owl-carousel .owl-item img {
    display: block;
    width: auto;
}

.confirmkycWrapper .owl-carousel .owl-dots.disabled,
.confirmkycWrapper .owl-carousel .owl-nav.disabled {
    display: none;
}

.confirmkycWrapper .no-js .owl-carousel,
.confirmkycWrapper .owl-carousel.owl-loaded {
    display: block;
}

.confirmkycWrapper .owl-carousel .owl-dot,
.confirmkycWrapper .owl-carousel .owl-nav .owl-next,
.confirmkycWrapper .owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.confirmkycWrapper .owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}

.confirmkycWrapper .owl-carousel.owl-hidden {
    opacity: 0;
}

.confirmkycWrapper .owl-carousel.owl-refresh .owl-item {
    visibility: hidden;
}

.confirmkycWrapper .owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.confirmkycWrapper .owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
}

.confirmkycWrapper .owl-carousel.owl-rtl {
    direction: rtl;
}

.confirmkycWrapper .owl-carousel.owl-rtl .owl-item {
    float: right;
}

.confirmkycWrapper .owl-carousel .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.confirmkycWrapper .owl-carousel .owl-animated-in {
    z-index: 0;
}

.confirmkycWrapper .owl-carousel .owl-animated-out {
    z-index: 1;
}

.confirmkycWrapper .owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.confirmkycWrapper .owl-height {
    -webkit-transition: height 0.5s ease-in-out;
    transition: height 0.5s ease-in-out;
}

.confirmkycWrapper .owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
}

.confirmkycWrapper .owl-carousel .owl-item img.owl-lazy {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.confirmkycWrapper .owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}

.confirmkycWrapper .owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.1s ease;
    transition: transform 0.1s ease;
}

.confirmkycWrapper .owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    -webkit-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
}

.confirmkycWrapper .owl-carousel .owl-video-playing .owl-video-play-icon,
.confirmkycWrapper .owl-carousel .owl-video-playing .owl-video-tn {
    display: none;
}

.confirmkycWrapper .owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
}

.confirmkycWrapper .owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
}

.confirmkycWrapper .owl-carousel .owl-dots .owl-dot span {
    height: 0.8rem;
    width: 0.8rem;
    border-radius: 100%;
    display: inline-block;
    background: #cbcdce;
    margin: 0.2rem;
}

.confirmkycWrapper .owl-carousel .owl-dots .owl-dot.active span {
    background: #f58220;
    width: 2.1rem;
    border-radius: 0.5rem;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.confirmkycWrapper .owl-carousel .owl-dots .owl-dot {
    display: inline-block;
    user-select: none;
    background: transparent;
    border: none;
    padding: 0;
}

.confirmkycWrapper .owl-carousel.update-slider .owl-dots .owl-dot {
    transition: all 0.2s ease-in;
}

.confirmkycWrapper .owl-carousel.update-slider .owl-dots .owl-dot.active span {
    width: 2rem;
    animation-name: reducetime;
    animation-duration: 4s;
    float: left;
}

.confirmkycWrapper .owl-nav {
    display: none;
}

.confirmkycWrapper .owl-dots {
    text-align: center;
    margin: 0 auto;
    display: inline-block;
    width: 100%;
    margin: 1.5rem 0 0;
}

.renewal-wrapper {
    width: 100%;
    max-width: 485px;
    padding-bottom: 10rem;
}

.editinput-block {
    text-align: right;
    margin-bottom: 1rem;
}

.insured-details-block .select-input-block {
    width: 100%;
}

.marginZero {
    margin: 0 !important;
}

.blockDisable {
    pointer-events: none;
}

.blockDisable input.default-input {
    outline: none;
    padding-left: 0;
    /*padding-bottom: 0;*/
}

.blockDisable .il-input-block textarea {
    outline: none;
    padding-left: 0;
}

.blockDisable .il-input-block.focus label {
    padding-left: 0;
    left: 0;
}

.blockDisable .select-input-block.selectActive label {
    padding: 0;
    left: 0;
}

.blockDisable .select-input-block .selected {
    padding-left: 0;
    padding-bottom: 0;
    height: auto;
}

.blockDisable .dob-form-block .input-block {
    outline: none;
}

.blockDisable .dob-form-block .input-block label {
    margin-left: 3px;
}

.blockDisable .select-input-block .dropdown {
    border: none;
    height: auto;
}

.blockDisable .custom-dropdown .vs__selected {
    left: 0;
}

.blockDisable .dropdown-block .dropdown:after {
    content: none;
}

.blockDisable .dob-form-block .input-block span {
    margin: 0 3px;
}

.save-btn-block {
    display: none;
    margin-top: 4rem;
}

.save-btn-block a:first-child {
    margin-right: 2rem;
}

.confirmky-btn .primary-button {
    margin-left: 2rem;
}

.blockDisable .select-vu {
    border: none;
}

.blockDisable .vs__selected-options:before {
    border: none;
}

.blockDisable .select-input-block .select-vu label {
    left: 0;
}

.blockDisable .il-input-block,
.blockDisable .select-input-block {
    /*margin-bottom: 3rem;*/
}

.blockDisable .dob-form-block {
    margin-bottom: 0;
}

/*.blockDisable.mgbottom0 .il-input-block,
.blockDisable.mgbottom0 .dob-form-block,
.blockDisable.mgbottom0 .select-input-block {
    margin-bottom: 0;
}
*/
/*.mgbottom0 {
    margin-bottom: 0;
}*/

.insaddress-sec {
    margin-bottom: 4rem;
}

.insaddress-sec .insaddress-details {
    background: #f5f6f6;
    border-radius: 10px;
    padding: 0 2rem 1.5rem;
    position: relative;
    margin-bottom: 1.5rem;
    outline: 2px solid #f5f6f6;
    cursor: pointer;
    min-height: 82px;
}

.insaddress-sec .insaddress-details.activeAddress {
    background: #fff9f6;
    outline: 2px solid #ec6625;
}

.insaddress-sec .activeAddress .address-heading span.policyHeading {
    background: #ffe8dc;
}

.insaddress-details a.edit-text {
    position: absolute;
    bottom: 17px;
    right: 20px;
    display: none;
}

.insaddress-details.activeAddress a.edit-text {
    display: block;
}

.insaddress-sec .insaddress-details:first-child,
.insaddress-sec .insaddressinput-block {
    margin-top: 1.5rem;
}

.insaddress-sec .insaddress-details:last-child {
    margin-bottom: 0;
}

.insaddress-sec .address-heading span.policyHeading {
    color: #282828;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 15px;
    background: #e7e7e7;
    border-radius: 0px 0px 5px 5px;
    padding: 0.2rem 0.5rem;
}

.insaddress-sec .address-heading {
    margin-bottom: 0.7rem;
}

.insaddress-sec .insaddress-details p {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    margin: 0;
    padding-right: 6rem;
}

.insaddress-sec .insaddress-details:after {
    content: "";
    width: 18px;
    height: 18px;
    border-radius: 100%;
    background: #ffffff;
    border: 2px solid #eaeaea;
    position: absolute;
    top: 17px;
    right: 20px;
}

.insaddress-sec .insaddress-details.activeAddress:after {
    background: #ec6625;
    border-color: #ec6625;
}

.insaddress-sec .insaddress-details.activeAddress:before {
    content: "";
    display: inline-block;
    transform: rotate(45deg);
    height: 9px;
    width: 6px;
    border-bottom: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    position: absolute;
    top: 20px;
    right: 26px;
    z-index: 99;
}

.insaddress-sec .editadd-heading {
    display: flex;
    justify-content: space-between;
    margin-bottom: 3rem;
    align-items: center;
}

.insaddress-sec .editadd-heading h6 {
    color: #6c6c6c;
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 18px;
    margin: 0;
}

.insaddress-sec .insaddressinput-block {
    border: 1px solid #eaeaea;
    border-radius: 10px;
    padding: 2.5rem 2.5rem 3rem;
    display: none;
}

.applicant-details .insaddress-sec .insaddressinput-block {
    display: block;
}

.insaddressinput-block .il-input-block:last-child {
    margin-bottom: 0;
}

.others-details .insured-details-block .il-input-block a.edit-text {
    bottom: 2rem;
}

.insured-details .custom-dropdown-list li {
    height: auto;
}

.vs__actions svg,
.vs__actions svg,
.vs__actions,
.vs__actions {
    display: none;
}

.vs__selected-options,
.vs__dropdown-toggle {
    height: 100%;
}

.v-select .vs__selected-options .vs__search {
    position: relative;
    padding: 0;
}

.v-select .vs__selected-options .vs__selected {
    float: none;
}

.dark-form .v-select .vs__selected-options .vs__selected {
    color: #282828;
}

.custom-dropdown ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    box-shadow: 1px 2px 5px #ddd;
    width: 100%;
    left: 0;
    position: absolute;
    max-height: 185px;
    overflow-y: auto;
    z-index: 9999;
    display: inline-block;
    background-color: #fff;
}

.custom-dropdown ul li {
    padding: 6px 10px;
    cursor: pointer;
    color: #282828;
    text-align: left;
}

.custom-dropdown ul li:hover {
    background: #f1f1f1;
}

.input.vs__search {
}

ul.custom-dropdown {
    padding: 0;
    box-shadow: 0px 0px 10px 6px rgba(0, 0, 0, 0.1);
    z-index: 99999;
    max-height: 240px;
    overflow: hidden;
    overflow-y: auto;
}

ul.custom-dropdown#healthin_nom {
    padding: 0;
    box-shadow: 0px 0px 10px 6px rgba(0, 0, 0, 0.1);
    z-index: 99999;
    max-height: 240px;
    overflow: hidden;
    overflow-y: auto;
}

ul.custom-dropdown#healthin_nom li {
    list-style-type: none;
    color: #063b6d;
    font-size: 14px;
    font-weight: 400;
    padding: 9px 15px;
    border-bottom: 1px solid #eaeff3;
    z-index: 99999;
}

.insureDetailsSectn .termC .errorN {
    color: #ff0000;
    font-size: 13px;
}

.dob-form-block .input-block .errorN {
    color: #e71a1a;
}

ul.custom-dropdown li {
    list-style-type: none;
}

.custom-dropdown {
    position: relative;
    height: 100%;
}

.custom-dropdown input.vs__search {
    width: 100%;
    background: none;
    border: 0;
    height: 100%;
}

.onlyDropDown label {
    pointer-events: none;
}

.custom-dropdown .vs__selected {
    display: block;
    padding: 0;
    position: absolute;
    top: 50%;
    font-size: 15px;
    width: 100%;
    text-align: left;
    font-size: 15px;
    transform: translateY(-50%);
    left: 20px;
}

.vs__selected-options:before {
    border-color: #797777;
    border-style: solid;
    border-width: 1px 1px 0 0;
    content: "";
    display: inline-block;
    height: 12px;
    width: 12px;
    vertical-align: text-top;
    transform: rotate(133deg);
    box-sizing: inherit;
    position: absolute;
    right: 17px;
    bottom: 25px;
    transition: all 0.15s cubic-bezier(1, -0.115, 0.975, 0.855);
    transition-timing-function: cubic-bezier(1, -0.115, 0.975, 0.855);
}

.dark-form .vs__selected-options:before {
    border-color: #282828;
}

.select-vu {
    width: 100%;
    height: 54px;
    border-radius: 5px;
    border: 1px solid #c9c9c9;
    background-color: #fff;
    color: #282828;
    font-size: 16px;
    font-weight: 500;
}

.select-input-block .select-vu label {
    top: 25px;
}

.select-input-block .select-vu.focus label {
    top: 0px;
}

.ins-height-block .select-vu {
    margin-bottom: 0;
}

span.errorN {
    color: #e71a1a;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 15px;
    position: absolute;
    left: 0;
    /*bottom: -16px;*/
    display: none;
}

span.errorN.spaceBt {
    bottom: -30px;
}

.disableBtn {
    pointer-events: none;
    background: #eaeaea;
}

.kycpopup-content .kyc-option-block .recomandedHead {
    color: #de740f;
    font-weight: 700;
    font-size: 1rem;
    line-height: 13px;
    background: #ffffff;
    border-radius: 5px;
    border: 1px solid #de740f;
    padding: 0.3rem 0.6rem;
    text-align: center;
    margin-left: 0.8rem;
}

.panValidation {
    text-transform: uppercase;
}

.twBasicprem a.premBrk.edit-text {
    color: #ec6625;
    font-weight: 700;
    font-size: 1.3rem;
    line-height: 15px;
    text-decoration: underline !important;
}

.twkycbasicPrem .prDet {
    margin-bottom: 0;
}

.twkycbasicPrem .prDet h2 {
    background: transparent;
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 18px;
}

.twRenewalpage .twkycbasicPrem .prDet p.textBlk {
    color: #282828;
    font-size: 1.3rem;
    font-weight: 500;
}

.twRenewalpage .twkycbasicPrem .prDet p span {
    font-size: 1.3rem;
    color: #6c6c6c;
    font-weight: 500;
    line-height: 15px;
}

.twRenewalpage .twkycbasicPrem .prDet p.textBs span {
    font-size: 1.3rem;
    color: #282828;
    font-weight: 600;
    line-height: 15px;
}

.twRenewalpage .twkycbasicPrem .prDet p.textBs {
    padding: 0;
    margin: 0;
    color: #282828;
    font-size: 1.2rem;
}

.twkycbasicPrem .summrDtl {
    padding: 0px 18px 0px;
}

.twkycbasicPrem .textBs strong {
    color: #282828;
    font-weight: 600;
}

.blockDisable .dob-form-block .input-block .jq-dte input {
    height: auto;
    padding: 1.7rem 0 0;
}

.blockDisable .dob-form-block .input-block label {
    margin-left: 0;
    padding-left: 0;
}

.blockDisable .dob-form-block .input-block span.errorN {
    left: 0;
}

.blockDisable .dob-form-block .input-block span.jq-dte-inner,
.blockDisable .dob-form-block .input-block span.jq-dte {
    margin: 0;
}

.blockDisable .dob-form-block .input-block input.jq-dte-day {
    text-align: left;
}

.nodetails-block {
    display: flex;
    align-items: center;
    display: none;
}

.nodetails-sec {
    display: flex;
    align-items: center;
}

.nodetails-block p {
    margin: 0;
    color: #282828;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 18px;
    margin-right: 1rem;
}

.nodetails-block a.edit-text {
    font-size: 1.4rem;
    line-height: 18px;
}

.insured-details-block #insuredState:disabled {
    border-bottom: none;
    padding: 1.7rem;
}

.insured-details-block.blockDisable #insuredState:disabled {
    padding-left: 0;
    padding-bottom: 0;
}

a#update_app_nm {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 47.92%);
    height: 100%;
    padding: 2rem 0 2rem 3.7rem;
    bottom: 0;
    right: 1.7rem;
}

.noworry-popup-sec h6 {
    margin: 0;
    color: #282828;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 20px;
    padding: 1rem 0 1.5rem;
}

.noworry-popup-sec .govid-list li:before {
    content: "";
    background: url(/docs/default-source/assets/kyc/images/list-arrow.svg);
    position: absolute;
    top: 6px;
    left: 0;
    width: 11px;
    height: 10px;
    background-repeat: no-repeat;
}

.noworry-popup-sec .govid-list li {
    color: #575757;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 21px;
    margin-bottom: 1rem;
    position: relative;
    padding-left: 2rem;
}

.noworry-popup-sec .govid-list li:last-child {
    margin-bottom: 0;
}

a#update_app_nm {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 47.92%);
    height: 100%;
    padding: 2rem;
    top: 5px;
    right: 5px;
    font-size: 0 !important;
    background-image: url(/docs/default-source/assets/kyc/images/edit-ico.svg);
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-position: center;
}

.fullwidthBlock {
    width: 100% !important;
}

@media screen and (max-width: 1199px) {
    .tooltip-icon {
        padding-left: 0;
    }

    .il-input-block .inputinfo-txt {
        bottom: -30px;
    }

    .confirmkyc-sec .kyc-step-list {
        flex-direction: column;
    }

    .confirmkyc-sec .kyc-step-list .step-title {
        flex-direction: row;
        width: 100%;
        margin-bottom: 2rem;
        border-right: none;
    }

    .confirmkyc-sec .kyc-step-list .step-title:last-child {
        margin-bottom: 0;
    }

    .confirmkyc-sec .kyc-steps-details .kyc-step-list p {
        padding: 0rem 0rem 0 1.5rem;
        text-align: left;
    }

    .confirmkyc-sec .kyc-step-list .step-title:nth-child(2) {
        border-left: none;
        border-right: none;
    }

    .insaddress-sec .insaddress-details p {
        padding-right: 2rem;
    }

    .confirmkyc-sec .kyc-step-list {
        padding: 2rem 2rem;
    }

    .kyc-sucsess-block p {
        padding-right: 0;
        margin-right: 0;
        margin-bottom: 0.5rem;
        display: inline-block;
    }

    .kyc-sucsess-block .reverifyLink {
        display: inline-block;
    }

    .kyc-sucsess-block .verifyIcon {
        position: relative;
        top: 3px;
    }

    .kyc-sucsess-block {
        flex-direction: row;
        align-items: flex-start;
    }

    .date-block span.jq-dte input.jq-dte-day {
        width: 25px !important;
    }

    .date-block span.jq-dte input.jq-dte-month {
        width: 25px !important;
    }

    .kyc-sucsess-block p span.verifyMode {
        margin-left: 0rem;
    }
}

@media screen and (max-width: 767px) {
    .insured-details-block .left-details-block,
    .insured-details-block .right-details-block {
        width: 100%;
    }

    .insured-details-block {
        flex-direction: column;
    }

    .accordion-sec .accordion-body {
        padding: 1rem 2rem 3rem;
    }

    .confirmkycWrapper {
        padding: 2rem 0 2rem;
    }

    .confirmkyc-sec {
        padding: 0 0;
        flex-direction: column;
        margin-bottom: 0;
        background: none;
        border-radius: 0;
        border: none;
    }

    .confirmkyc-sec .kyc-details,
    .confirmkyc-sec .kyc-steps-details {
        width: 100%;
    }

    .confirmkyc-sec .kyc-details h2 {
        font-size: 2rem;
        line-height: 24px;
    }

    .confirmkyc-sec .speedup-content p {
        font-size: 1.4rem;
        line-height: 21px;
        padding-right: 2rem;
    }

    .confirmkyc-sec .speedup-content {
        margin: 2rem 0 1.2rem;
    }

    .confirmkyc-sec .ssl-content p {
        font-size: 12px;
        line-height: 18px;
        margin-left: 0;
        margin-top: 1rem;
    }

    .confirmkyc-sec .kyc-details {
        padding: 2.6rem 2rem;
        border: 1px solid #fff3f3;
        border-radius: 20px;
    }

    .kyc-steps-details {
        padding: 2.3rem 2rem;
        border-radius: 20px;
    }

    .confirmkyc-sec .kyc-step-list {
        flex-direction: column;
    }

    .confirmkyc-sec .kyc-step-list .step-title {
        width: 100%;
        text-align: center;
        margin-bottom: 1.5rem;
    }

    .confirmkyc-sec .kyc-step-list .step-title:last-child {
        margin-bottom: 0;
    }

    .confirmkycWrapper .ssl-content img {
        height: 25px;
    }

    .confirmkycWrapper .cstm-chkbox-block {
        margin: 3rem 0 0;
    }

    .confirmkycWrapper .cstm-chkbox-block .form-group {
        margin: 0;
    }

    .kyc-popup-sec.kycinfo-popup-sec {
        margin: 0;
    }

    .kyc-popup-sec {
        border-radius: 0;
        width: 100%;
        max-width: 100%;
        min-height: 100%;
        position: relative;
        margin: 0 auto;
    }

    .kyc-popup-sec .il-radio-group {
        margin: 0 1rem 0 0;
        justify-content: space-between;
    }

    .kyc-popup-sec .kyc-option-list .il-radio-group:last-child {
        margin: 0;
    }

    .kyc-popup-sec .il-radio-group label {
        font-size: 1.4rem;
        line-height: 18px;
    }

    .kycpopup-content .kyc-option-input ul {
        flex-direction: column;
    }

    .kycpopup-content .kyc-option-input li {
        width: 100%;
    }

    #ckyc-no .il-input-block {
        margin-bottom: 4rem;
    }

    .kycpopup-content .kyc-option-input li:last-child {
        margin-bottom: 0 !important;
    }

    .kycpopup-content .kyc-option-block .kyc-option-list {
        margin: 1.5rem 0;
    }

    .kyc-popup-sec .kyc-option-block #pan-card:after,
    .kyc-popup-sec .kyc-option-block #aadhar-card:after,
    .kyc-popup-sec .kyc-option-block #ckyc-no:after,
    .kyc-popup-sec .kyc-corpcustomer-block #corporate-pan-card:after,
    .kyc-popup-sec .kyc-corpcustomer-block #corporate-cin-no:after,
    .kyc-popup-sec .kyc-corpcustomer-block #corporate-ckyc-number:after {
        content: none;
    }

    .kycpopup-content .kyc-verify-btn {
        position: fixed;
        max-width: 100%;
        bottom: 0;
        right: 0;
        padding: 0.5rem 2rem;
        background: #ffffff;
        box-shadow: 0px -1px 2px 2px rgb(0 0 0 / 5%);
        width: 100%;
    }

    .primary-button,
    .secondary-btn {
        display: block;
        width: 100%;
    }

    .kyc-popup-sec .kycpopup-content .kyc-heading-block {
        flex-direction: column;
        padding: 1.6rem 2rem 0 2rem;
        border-radius: 0px 0px 20px 20px;
    }

    .kycpopup-content .kyc-heading-content {
        width: 100%;
        padding: 2rem 2rem 1rem;
    }

    .kycpopup-content .kyc-heading-img {
        width: 100%;
        text-align: center;
    }

    .upload-doc-block {
        padding: 4rem 2rem;
    }

    .upload-doc-block .select-input-block {
        width: 100%;
        max-width: 100%;
        margin-bottom: 3rem;
    }

    .id-list-block .id-list-details {
        flex-direction: column;
    }

    .selectfile-btn {
        margin-top: 1.5rem;
    }

    .upload-doc-block .upload-btn-block {
        position: fixed;
        bottom: 0;
        max-width: 100%;
        left: 0;
        padding: 0.5rem 2rem;
        background: #ffffff;
        box-shadow: 0px -1px 2px 2px rgb(0 0 0 / 5%);
    }

    .upload-doc-block p.size-info {
        padding-bottom: 8rem;
    }

    .kycpopup-content .kyc-otp-block {
        padding: 2rem 2rem 5rem;
    }

    .kyc-otp-block .otp-verify-btn {
        margin: 3.3rem 0 4rem auto;
    }

    .resendotp-btn {
        text-align: center;
    }

    .kycpopup-content .kyc-otp-block .back-btn {
        position: absolute;
        top: 20px;
        left: 20px;
    }

    .kyc-otp-block .enter-otp-block {
        margin: 0;
    }

    .kyc-otp-block .enter-otp-block h3,
    .kycpopup-content .kyc-heading-content h3 {
        font-size: 1.6rem;
        line-height: 20px;
    }

    .kyc-popup-sec .ckyc-failed-block p {
        padding-left: 2rem;
    }

    .kyc-popup-sec .ckyc-failed-block a {
        margin-left: 0;
        line-height: 25px;
    }

    .proceed-btn-block {
        width: 100%;
        max-width: 100%;
    }

    .insured-details-block .insdisease-details {
        margin-bottom: 4rem;
    }

    .confirmkyc-sec .cnfirmkyc-block {
        display: flex;
        flex-direction: column;
    }

    .confirmky-btn {
        flex-direction: column-reverse;
        box-shadow: none;
    }

    .confirmky-btn a.skipBtn {
        margin-right: 0;
        margin-bottom: 2rem;
    }

    .insured-details-block h5 {
        font-size: 1.4rem;
    }

    .il-input-block .inputinfo-txt {
        position: relative;
        bottom: 0;
    }

    .kycwarning-details {
        flex-direction: column;
        align-items: flex-start;
    }

    .kycwarning-block p {
        font-weight: 400;
        font-size: 12px;
        line-height: 18px;
        padding-bottom: 1rem;
        padding-right: 0;
    }

    .insured-details-block .insname-details {
        flex-direction: column;
    }

    .insname-details .select-input-block {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
    }

    .kyc-option-block .il-radio-block {
        margin-bottom: 4rem;
    }

    .kycpopup-content .kyc-error-block {
        padding: 2rem 2rem 2rem;
    }

    .kyc-popup-sec.noworry-popup-sec {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        max-width: 94%;
        border-radius: 15px;
        min-height: auto;
    }

    .noworry-popup-sec p {
        font-size: 1.4rem;
        line-height: 21px;
    }

    .kyc-popup-sec .noworry-content {
        padding: 2rem 1.5rem 4rem 0;
    }

    .noworry-popup-sec .kycpopup-content {
        padding: 2rem 2rem 3rem;
    }

    .confirmkyc-sec .kycsteps-heading h2 {
        font-size: 2rem;
        line-height: 24px;
        padding-right: 6rem;
    }

    .proceedpay-btn-block {
        width: 100%;
        max-width: 100%;
    }

    .insaddress-sec .insaddress-details p {
        font-size: 12px;
        line-height: 18px;
    }

    .kyc-popup-sec .kyc-option-list .il-radio-group {
        width: auto;
        margin-right: 1rem;
    }

    .kyc-popup-sec .kyc-optionlist-sec .tooltip-icon {
        right: -23px;
    }

    .confirmky-btn .primary-button {
        margin-left: 0;
    }

    .confirmky-btn-block {
        flex-direction: column;
    }

    .confirmkyc-sec .ssl-content {
        flex-direction: column;
    }

    .date-block span.jq-dte input.jq-dte-day {
        width: 32px !important;
    }

    .date-block span.jq-dte input.jq-dte-month {
        width: 50px !important;
    }

    .save-btn-block a:first-child {
        margin: 0 0 1rem 0;
    }

    .opt_pa_ul li label span {
        font-size: 1.4rem;
    }

    .coversDetailsarea .personalDbasic #kyc-policy-renewal.twPersonald {
        margin-right: 0;
    }

    .kycpopupWrapper .kyc-popup-sec {
        min-height: 100%;
    }

    .disableInput:after {
        content: none;
    }
}

.kyc-popup-sec .ckyc-failed-block p {
    margin: 0;
    color: #282828;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 18px;
    padding-top: 1rem;
}

.kyc-popup-sec .ckyc-failed-block a {
    color: #ec6625;
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 18px;
    margin-left: 1rem;
    text-decoration: underline !important;
}

.kyc-uploaddoc-sec h6 {
    margin: 0;
    color: #6c6c6c;
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 20px;
    margin-bottom: 1.5rem;
}

.kyc-uploaddoc-sec .user-type-list {
    display: flex;
}

.kyc-uploaddoc-sec .uploaddoc-block .select-input-block {
    width: 100%;
    max-width: 286px;
}

.kyc-uploaddoc-sec .uploaddoc-block {
    margin: 1rem 0 4rem;
    position: relative;
}

.kyc-uploaddoc-sec .docheading h5 {
    margin: 0;
    color: #282828;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    padding-bottom: 1rem;
}

.kyc-uploaddoc-sec .docdetails-block {
    display: flex;
    align-items: center;
}

.kyc-uploaddoc-sec .addproofBlock .docdetails-block {
    align-items: flex-end;
}

.kyc-uploaddoc-sec .docheading p {
    margin: 0;
    color: #282828;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 21px;
    padding-right: 5rem;
}

.kyc-uploaddoc-sec .docheading {
    width: 65%;
}

.kyc-uploaddoc-sec .chooseBtn {
    text-align: right;
    width: 35%;
    position: relative;
}

.kyc-uploaddoc-sec .select-option-block {
    border: 1px solid #b2b2b2;
    border-radius: 10px;
    padding: 2rem 2rem;
    margin-bottom: 1rem;
    position: relative;
}

.kyc-uploaddoc-sec .documentList {
    display: none;
}

.kyc-uploaddoc-sec .sample-block {
    display: flex;
    margin-top: 1.3rem;
    align-items: center;
}

.kyc-uploaddoc-sec .sample-block p {
    margin: 0;
    color: #575757;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 18px;
}

.kyc-uploaddoc-sec .addproofBlock .sample-block p {
    width: 70%;
}

.kyc-uploaddoc-sec .addproofBlock .sample-block a {
    width: 30%;
    text-align: left;
    margin-left: 0;
}

.kyc-uploaddoc-sec .sample-block a {
    color: #ec6625;
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 15px;
    margin-left: 1rem;
    text-decoration: underline;
}

.kyc-uploaddoc-sec .docinfo-Text p {
    margin: 0;
    color: #575757;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 15px;
}

.kyc-uploaddoc-sec .uploaddoc-btn-block {
    text-align: right;
}

.kyc-uploaddoc-sec {
    padding: 3rem 3rem 4rem;
    display: none;
}

.kyc-uploaddoc-sec .documentList .select-input-block {
    width: 100%;
    max-width: 232px;
    margin: 1rem 0 0;
}

.documentList .select-input-block .selected,
.documentList .select-input-block .dropdown {
    height: 4.4rem;
}

.documentList .select-input-block .selected {
    padding: 1.2rem 1.5rem;
    font-size: 1.4rem;
    height: 4.4rem;
}

.documentList .dropdown-block .dropdown:after {
    top: 1.4rem;
}

.select-file {
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-weight: 700;
    color: #ec6625;
    width: 12rem;
    height: 3.4rem;
    border-radius: 5px;
    border: 1px solid #ec6625;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin-left: auto;
}

.select-file:hover {
    background: #fff2eb;
}

.select-sec .heading3 {
    padding: 0;
}

p.text {
    font-size: 1.4rem;
    line-height: 2.1rem;
    font-weight: 400;
    color: #575757;
}

.select-sec p {
    width: 80%;
}

#fileDetails {
    display: flex;
}

.files {
    width: 100%;
    padding: 2rem 0 0;
    background: #fff;
    border-radius: 5px;
    display: flex;
    position: relative;
    margin-top: 2rem;
    border-top: 1px solid #eaeaea;
}

.files img {
    width: auto;
    height: auto;
    border-radius: 0;
}

.files .removeFile,
.close {
    position: absolute;
    top: 10px;
    right: 0;
}

.file-details-block .preview,
.file-details-block .file-size {
    display: none;
}

.removeFile:before,
.removeFile:after,
.close:before,
.close:after {
    content: "";
    height: 14px;
    width: 2px;
    display: block;
    background: #282828;
    position: absolute;
    top: 10px;
    right: 20px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}

.removeFile:after,
.close:after {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

.img-upl-block {
    margin-right: 1rem;
    position: relative;
    top: 2px;
}

.file-name {
    font-size: 1.2rem;
    line-height: 1.5rem;
    font-weight: 600;
    color: #838383 !important;
    margin-bottom: 0.4rem;
    display: block;
}

.file-size {
    margin-bottom: 1rem;
    font-size: 1.2rem;
    line-height: 1.5rem;
    font-weight: 600;
    color: #b2b2b2;
    display: block;
}

.preview {
    font-size: 1.2rem;
    color: #ec6608;
    text-decoration: underline;
    display: block;
    position: relative;
    padding-left: 2rem;
}

.kyc-uploaddoc-sec .chooseBtn span.upload-error,
.upload-error-text span.upload-error {
    color: #e71a1a;
    font-size: 1.2rem;
    position: absolute;
    bottom: -20px;
    right: 0;
    font-weight: 400;
    line-height: 15px;
}

.upload-error-text span.upload-error {
    left: 0;
    display: none;
}

.preview:before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 13px;
    height: 9px;
    background: url("../images/preview.png") no-repeat;
}

.img-preview-popup {
    max-width: 86.4rem;
    width: 95%;
    max-height: 116rem;
    height: 95%;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border: 1px solid #d7d7d7;
    padding: 2rem;
    z-index: 99999;
    transition: 0.3s ease;
    display: none;
}

.img-wrap,
.img-wrap img {
    width: 100%;
    height: 100%;
}

.blue-wrap {
    background: #e1f4fd;
    padding: 1.6rem 2rem;
    border-radius: 10px;
    margin: 1rem 0 1.2rem;
    display: flex;
}

.blue-wrap .info {
    font-size: 1.4rem;
    line-height: 1.8rem;
    color: #282828;
    font-weight: 400;
    padding-left: 1.5rem;
}

.btn-disable {
    background: #c9c9c9 !important;
    color: #fff !important;
    user-select: none !important;
    cursor: default !important;
}

.pep-block {
    display: none;
}

.viewsample-popup-sec h3 {
    margin: 0;
    color: #282828;
    font-weight: 700;
    font-size: 2rem;
    line-height: 25px;
    padding-bottom: 2.8rem;
}

.kyc-popup-sec.viewsample-popup-sec {
    padding: 3rem 3rem;
    max-height: 606px;
    overflow-y: scroll;
}

.viewsample-popup-sec .docImg-block {
    border: 1px solid #eaeaea;
    border-radius: 10px;
    padding: 2.5rem 2.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.viewsample-popup-sec h2 {
    margin: 0;
    font-weight: 700;
    font-size: 18px;
    line-height: 23px;
    background: linear-gradient(270deg, #f58820 -23.38%, #b02a30 93.51%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    width: 100%;
    max-width: fit-content;
    padding-bottom: 1rem;
}

.otherdocImg-sec {
    display: flex;
    justify-content: space-between;
    margin-top: 3.4rem;
}

.docImg-block .leftimgBlock,
.docImg-block .rightimgBlock {
    width: 50%;
}

.otherdocImg-sec .voteridImg-block,
.otherdocImg-sec .licenseImg-block {
    width: 48%;
}

.kyc-uploaddoc-sec .select-input-block .selected {
    height: 5.4rem;
    padding: 1.5rem;
}

.kyc-uploaddoc-sec .custom-dropdown-list li {
    padding: 0;
}

.kyc-uploaddoc-sec .chooseBtn span {
    color: #ec6625;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
}

.kyc-uploaddoc-sec .select-input-block .dropdown:hover {
    outline: 1px solid #c9c9c9;
}

.kyc-uploaddoc-sec .sample-block .eye-icon {
    padding-right: 0.5rem;
}

.docImg-block .leftimgBlock .image-title h4,
.docImg-block .rightimgBlock .image-title h4 {
    width: 50%;
    margin-top: 0;
}

.docImg-block .leftimgBlock h4,
.docImg-block .rightimgBlock h4 {
    margin: 0;
    color: #282828;
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 18px;
    text-align: center;
    margin-top: 0.5rem;
}

.docImg-block .image-title {
    display: flex;
    justify-content: space-between;
}

.aadharImg-sec .docImg-block .leftimgBlock,
.aadharImg-sec .docImg-block .rightimgBlock {
    width: 48%;
}

.aadharImg-sec .docImg-block .leftimgBlock {
    border-right: 1px solid #eaeaea;
}

.kyc-popup-sec .ckyc-failed-upload-block {
    margin: 2rem 2rem 0;
}

.kyc-uploaddoc-sec .chooseDisable {
    opacity: 0.5;
    pointer-events: none;
}

.kyc-uploaddoc-sec .uploadLoader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
    width: 100%;
    text-align: center;
    height: 100%;
}

.kyc-uploaddoc-sec .uploadLoader img {
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.files-uploaded .svg-progress {
    display: none;
}

.files-uploaded .removeFile {
    display: block;
}

.removeFile {
    display: none;
}

.file-details-block,
.img-upl-block {
    display: none;
}

.files-uploaded .img-upl-block,
.files-uploaded .file-details-block {
    display: block;
}

.svg-progress {
    position: absolute;
    width: 100px;
    height: 5px;
    left: 0;
    border-radius: 100px;
    height: 4px;
}

.svg-progress .path.path1,
.svg-progress .path.path2 {
    border-radius: 100px;
}

.path2 {
    stroke-dasharray: 100;
    animation: draw1 3s linear alternate;
}

@keyframes draw1 {
    from {
        stroke-dashoffset: 100;
    }

    to {
        stroke-dashoffset: 0;
    }
}

.uploadingfileText {
    font-weight: 700;
    font-size: 1.2rem;
    position: absolute;
    top: 13px;
    left: 110px;
}

.files-uploaded .uploadingfileText {
    display: none;
}

@media screen and (max-width: 767px) {
    .kyc-popup-sec .ckyc-failed-block a {
        display: block;
    }

    .kyc-popup-sec .ckyc-failed-block p {
        padding-left: 0;
    }

    .kyc-uploaddoc-sec .uploaddoc-block .select-input-block {
        width: 100%;
        max-width: 100%;
        margin-bottom: 2rem;
    }

    .kyc-uploaddoc-sec .docdetails-block {
        align-items: flex-start;
        flex-direction: column;
    }

    .kyc-uploaddoc-sec .docheading {
        width: 100%;
    }

    .kyc-uploaddoc-sec .chooseBtn {
        text-align: left;
        width: 100%;
        margin-top: 2.5rem;
    }

    .select-file {
        width: 100%;
    }

    .kyc-uploaddoc-sec .sample-block {
        flex-direction: column;
        align-items: flex-start;
    }

    .kyc-uploaddoc-sec .sample-block a {
        margin-left: 0;
    }

    .kyc-uploaddoc-sec .uploaddoc-btn-block {
        text-align: left;
        position: fixed;
        width: 100%;
        bottom: 0;
        left: 0;
        padding: 0.5rem 2rem;
        background: #ffffff;
        box-shadow: 0px -1px 2px 2px rgb(0 0 0 / 5%);
    }

    .uploaddoc-btn-block .primary-button {
        display: block;
    }

    .upload-error-text span.upload-error {
        bottom: -36px;
    }

    .files {
        margin-top: 0.5rem;
    }

    .kyc-popup-sec.viewsample-popup-sec {
        padding: 2rem 2rem;
    }

    .viewsample-popup-sec .docImg-block {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .otherdocImg-sec {
        flex-direction: column;
    }

    .otherdocImg-sec .voteridImg-block,
    .otherdocImg-sec .licenseImg-block {
        width: 100%;
    }

    .otherdocImg-sec .voteridImg-block {
        margin-bottom: 3rem;
    }

    .viewsample-popup-sec h3 {
        font-size: 1.6rem;
        line-height: 20px;
    }

    .kyc-uploaddoc-sec {
        padding: 2rem 2rem 10rem;
    }

    .aadharImg-sec .docImg-block .leftimgBlock,
    .aadharImg-sec .docImg-block .rightimgBlock {
        width: 100%;
    }

    .aadharImg-sec .docImg-block .leftimgBlock {
        border-bottom: 1px solid #eaeaea;
        padding-bottom: 2rem;
        border-right: none;
        text-align: center;
    }

    .aadharImg-sec .docImg-block .rightimgBlock {
        padding-top: 2rem;
        text-align: center;
    }

    .kyc-uploaddoc-sec .addproofBlock .sample-block p {
        width: 100%;
    }

    .kyc-uploaddoc-sec .addproofBlock .sample-block a {
        width: 100%;
        text-align: left;
    }

    .kyc-popup-sec .ckyc-failed-block a {
        margin-left: 0;
    }
}

.kyc-popup-sec.attention-popup-sec {
    width: 100%;
    max-width: 426px;
}

.attention-popup-sec .popup-img-sec {
    background: #fff2eb;
    text-align: center;
    padding-top: 2.1rem;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.attention-popup-sec .kycpopup-content {
    padding: 3rem 3rem 4rem;
}

.attention-popup-sec h3 {
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    color: #282828;
    margin: 0;
}

.attention-popup-sec p {
    color: #282828;
    margin: 0;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 24px;
    padding: 2rem 0 3.3rem;
}

.attention-popup-sec p span {
    font-weight: 600;
}

.attention-popup-sec .kyc-ok-btn {
    text-align: right;
}

.attention-popup-sec .kyc-ok-btn .editdetailsBtn {
    margin-right: 2rem;
    display: none;
}

@media screen and (max-width: 767px) {
    .attention-popup-sec .kyc-ok-btn .editdetailsBtn {
        margin-right: 0;
        margin-bottom: 2rem;
        width: 100%;
    }

    .attention-popup-sec .popup-img-sec {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
}

.kycpopup-content .user-type-block h6 {
    margin: 0;
    color: #6c6c6c;
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 20px;
    margin-bottom: 1.5rem;
}

.kycpopup-content .user-type-list {
    display: flex;
}

.kycpopup-content .user-type-block {
    padding: 3rem 3rem 1.2rem;
}

.kycpopup-content .kyc-chooseopt-block {
    padding: 3rem 3rem 0;
}

.kyc-popup-sec .kyc-corpcustomer-block #corporate-cin-no:after {
    background-image: url(/docs/default-source/assets/kyc/images/cin-no.svg);
    height: 88px;
}

.kyc-popup-sec .kyc-corpcustomer-block .kyc-optionlist-sec .tooltip-icon {
    right: 72px;
}

.uploaddoc-block .custom-dropdown-list li a .dropdownSubtxt {
    color: #575757;
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 20px;
}

.kyc-popup-sec #kyc-corpcustomerBlock .kyc-option-list .il-radio-group {
    width: auto;
    margin-right: 2.6rem;
}

.kyc-popup-sec #kyc-corpcustomerBlock .kyc-option-list .il-radio-group:last-child {
    margin-right: 0;
}

.kyc-popup-sec #kyc-corpcustomerBlock .kyc-option-list .il-radio-group span {
    color: #838383;
    font-size: 1.6rem;
    font-weight: 600;
    padding-left: 0.5rem;
}

.kyc-popup-sec #corporateCust {
    display: none;
}

.kyc-popup-sec .user-type-list h3 {
    color: #575757;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: normal;
    margin: 0 2rem 0 0;
}

.kyc-popup-sec .user-type-list h3:last-child {
    margin-right: 0;
}

.disableDropdown {
    color: #6c6c6c !important;
    pointer-events: none !important;
}

.select-input-block .disableDropdown .selected {
    color: #6c6c6c !important;
}

@media screen and (max-width: 767px) {
    .kycpopup-content .user-type-block {
        padding: 2rem 2rem 1.2rem;
    }

    .kycpopup-content .kyc-chooseopt-block {
        padding: 2rem 2rem 0;
    }

    .kyc-popup-sec .kyc-corpcustomer-block .kyc-option-list .il-radio-group {
        width: 33.33%;
        margin-right: 0;
    }

    .kycpopup-content .kyc-corpcustomer-block .kyc-optionlist-sec .kyc-option-list {
        justify-content: space-between;
    }

    .kyc-popup-sec .kyc-corpcustomer-block .kyc-optionlist-sec .tooltip-icon {
        right: 25px;
    }

    .kyc-uploaddoc-sec .select-input-block .selected {
        padding: 1.5rem 3rem 1.5rem 1.5rem;
    }

    .kycpopup-content .kyc-corpcustomer-block#kyc-corpcustomerBlock .kyc-optionlist-sec .kyc-option-list {
        flex-direction: row;
        justify-content: flex-start;
    }

    .kyc-popup-sec #kyc-corpcustomerBlock .kyc-option-list .il-radio-group {
        width: auto;
        margin-bottom: 0;
    }
}

@font-face {
    font-family: IndianRupee;
    src: url(/includes_new/fonts/IndianRupee-Regular_gdi.eot);
    src: url(/includes_new/fonts/IndianRupee-Regular_gdi.eot?#iefix) format("embedded-opentype"), url(/includes_new/fonts/IndianRupee-Regular_gdi.woff) format("woff"), url(/includes_new/fonts/IndianRupee-Regular_gdi.ttf) format("truetype"),
        url(/includes_new/fonts/IndianRupee-Regular_gdi.svg#IndianRupee-Regular) format("svg");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-0060;
}

.loader,
.loader_tr {
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.9);
    z-index: 99999;
}

.loader .innerT {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.loader p {
    font-size: 15px;
    color: #053c6d;
}

.lightBoxHold,
.overLay {
    position: fixed;
    width: 100%;
    display: none;
    left: 0;
}

.overLay {
    height: 100%;
    top: 0;
    background: #282824;
    opacity: 0.8;
    z-index: 99999;
}

.lightBoxHold {
    top: 20%;
    z-index: 999991;
}

.lightBoxHold.lightBoxHoldmaps {
    position: absolute;
}

.lightBox {
    margin: 0 auto;
    background: #fff;
    padding: 30px;
    width: 600px;
    max-height: 550px;
    overflow: auto;
}

.closeBtn {
    float: right;
    margin-bottom: 30px;
    cursor: pointer;
}

.lightBox p {
    clear: both;
    margin: 30px 0;
    font-size: 22px;
    color: #053c6d;
}

.LbBtnHold input,
.LbBtnHold span {
    padding: 5px 20px;
    border-radius: 15px;
    display: inline-block;
    font-size: 20px;
    margin-right: 10px;
    cursor: pointer;
}

.LbBtnHold .yesBtn,
.LbBtnHold span.yesBtn {
    background: #053c8e;
    color: #f2f2ee;
}

.LbBtnHold span.noBtn a,
.LbBtnHold span.yesBtn a {
    color: #fff;
}

.LbBtnHold .noBtn,
.LbBtnHold span.noBtn {
    background: #bfbfbf;
    color: #474747;
}

.typing_loader {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    -webkit-animation: typing 1s linear infinite alternate;
    -moz-animation: Typing 1s linear infinite alternate;
    -ms-animation: typing 1s linear infinite alternate;
    animation: typing 1s linear infinite alternate;
    margin: auto;
    position: relative;
    right: 23px;
}

@-webkit-keyframes typing {
    0% {
        background-color: rgba(4, 60, 111, 1);
        box-shadow: 18px 0px 0px 0px rgba(4, 60, 111, 0.2), 36px 0px 0px 0px rgba(4, 60, 111, 0.2);
    }

    25% {
        background-color: rgba(4, 60, 111, 0.4);
        box-shadow: 18px 0px 0px 0px rgba(4, 60, 111, 2), 36px 0px 0px 0px rgba(4, 60, 111, 0.2);
    }

    75% {
        background-color: rgba(4, 60, 111, 0.4);
        box-shadow: 18px 0px 0px 0px rgba(4, 60, 111, 0.2), 36px 0px 0px 0px rgba(4, 60, 111, 1);
    }
}

@-moz-keyframes typing {
    0% {
        background-color: rgba(4, 60, 111, 1);
        box-shadow: 18px 0px 0px 0px rgba(4, 60, 111, 0.2), 36px 0px 0px 0px rgba(4, 60, 111, 0.2);
    }

    25% {
        background-color: rgba(4, 60, 111, 0.4);
        box-shadow: 18px 0px 0px 0px rgba(4, 60, 111, 2), 36px 0px 0px 0px rgba(4, 60, 111, 0.2);
    }

    75% {
        background-color: rgba(4, 60, 111, 0.4);
        box-shadow: 18px 0px 0px 0px rgba(4, 60, 111, 0.2), 36px 0px 0px 0px rgba(4, 60, 111, 1);
    }
}

@keyframes typing {
    0% {
        background-color: rgba(4, 60, 111, 1);
        box-shadow: 18px 0px 0px 0px rgba(4, 60, 111, 0.2), 36px 0px 0px 0px rgba(4, 60, 111, 0.2);
        -ms-box-shadow: 18px 0px 0px 0px rgba(4, 60, 111, 0.2), 36px 0px 0px 0px rgba(4, 60, 111, 0.2);
    }

    25% {
        background-color: rgba(4, 60, 111, 0.4);
        box-shadow: 18px 0px 0px 0px rgba(4, 60, 111, 2), 36px 0px 0px 0px rgba(4, 60, 111, 0.2);
        -ms-box-shadow: 18px 0px 0px 0px rgba(4, 60, 111, 2), 36px 0px 0px 0px rgba(4, 60, 111, 0.2);
    }

    75% {
        background-color: rgba(4, 60, 111, 0.4);
        box-shadow: 18px 0px 0px 0px rgba(4, 60, 111, 0.2), 36px 0px 0px 0px rgba(4, 60, 111, 1);
        -ms-box-shadow: 18px 0px 0px 0px rgba(4, 60, 111, 0.2), 36px 0px 0px 0px rgba(4, 60, 111, 1);
    }
}

@keyframes typing {
    from {
        background-color: rgba(4, 60, 111, 1);
        box-shadow: 18px 0px 0px 0px rgba(4, 60, 111, 0.2), 36px 0px 0px 0px rgba(4, 60, 111, 0.2);
        -ms-box-shadow: 18px 0px 0px 0px rgba(4, 60, 111, 0.2), 36px 0px 0px 0px rgba(4, 60, 111, 0.2);
    }

    25% {
        background-color: rgba(4, 60, 111, 0.4);
        box-shadow: 18px 0px 0px 0px rgba(4, 60, 111, 2), 36px 0px 0px 0px rgba(4, 60, 111, 0.2);
        -ms-box-shadow: 18px 0px 0px 0px rgba(4, 60, 111, 2), 36px 0px 0px 0px rgba(4, 60, 111, 0.2);
    }

    to {
        background-color: rgba(4, 60, 111, 0.4);
        box-shadow: 18px 0px 0px 0px rgba(4, 60, 111, 0.2), 36px 0px 0px 0px rgba(4, 60, 111, 1);
        -ms-box-shadow: 18px 0px 0px 0px rgba(4, 60, 111, 0.2), 36px 0px 0px 0px rgba(4, 60, 111, 1);
    }
}

/*html,
body {
    overflow-x: visible;
}*/

a {
    text-decoration: none !important;
}

.twRenewalpage .mainheadBg {
    background: #c13911 url(/images/default-source/HomeRevamp/main-nav-bg.jpg);
    background-repeat: repeat-x;
    width: 100%;
    margin: 0 auto;
    height: 60px;
}

.twRenewalpage .addcoversLefta {
    width: 95%;
    height: 100vh;
    background: #f8f6f6;
    border: 1px solid #eaeaea;
}

.renvLombardlogo {
    padding: 12px 0;
    display: inline-block;
}

.twRenewalpage .addcoversLefta .LombardLogcal {
    padding: 15px 20px;
    border-bottom: 1px solid #e0e3e8;
}

.twRenewalpage .addcoversLefta .LombardLogcal .lombardCaldt {
    display: inline-block;
    padding: 5px 0;
}

.twRenewalpage .addcoversLefta .LombardLogcal .lombardCaldt a {
    font-size: 15px;
    color: #2d3e50;
    font-weight: 600;
}

.twRenewalpage .calnewIco {
    background: url(/images/default-source/HomeRevamp/page-sprite-img.png) no-repeat;
    background-position: -885px -520px;
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: middle;
}

.renvCall {
    display: inline-block;
    padding: 18px 0;
}

.renvCall a {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
}

.twRenewalpage .addcoversLefta .additionalCov {
    padding: 18px 0;
}

.twRenewalpage .addcoversLefta .additionalCov h5 {
    color: #242d40;
    font-size: 14px;
    margin: 0;
    font-weight: 600;
    padding: 8px 20px;
}

.twIcon {
    display: inline-block;
    float: left;
    border-radius: 50px;
    background: #fff;
    padding: 10px 0;
    width: 50px;
    height: 50px;
    -webkit-box-shadow: 0 2px 1px 2px rgba(219, 219, 219, 1);
    -moz-box-shadow: 0 2px 1px 2px rgba(219, 219, 219, 1);
    box-shadow: 0 2px 1px 2px rgba(219, 219, 219, 1);
}

.lombardCaldt {
    display: inline-block;
}

.lombardCaldt h1 {
    font-size: 18px;
    margin: 0;
    padding: 3px 0;
    line-height: 20px;
    color: #282828;
    font-weight: 600;
}

.lombardCaldt span {
    display: block;
    font-size: 13px;
    font-weight: 500;
}

.twRenewalpage label.contCov {
    background: #eb8e15;
    padding: 5px 11px;
    border-radius: 50px;
    height: 30px;
    width: 30px;
    color: #063b6d;
    margin-right: 10px;
}

.twRenewalpage .addcoversLefta .additionalCov .addCoverslist ul.unstyled li label span {
    font-weight: normal;
    font-size: 13px;
    color: #242d40;
    display: inline-block;
    font-family: sans-serif;
}

.twRenewalpage .addcoversLefta .additionalCov .addCoverslist ul.unstyled li {
    padding: 4px 0 8px;
    margin: 0;
    position: relative;
    display: block;
}

.twRenewalpage .addcoversLefta .additionalCov .addCoverslist ul.unstyled li:hover {
    background: #e9ecf2;
}

.twRenewalpage .addcoversLefta .additionalCov .addCoverslist ul.sbOptions li:hover {
    background: #053c6d;
}

.twRenewalpage .addcoversLefta .additionalCov .addCoverslist ul.sbOptions li a:hover {
    color: #fff;
}

.twRenewalpage .addcoversLefta .additionalCov .addCoverslist ul.unstyled li.active {
    margin: 0;
    border-radius: 5px;
}

.twRenewalpage .addcoversLefta .additionalCov .addCoverslist ul.unstyled li.dfbg {
    background: transparent;
}

.twRenewalpage .addcoversLefta .additionalCov .addCoverslist ul.unstyled li.active .twRenewalpage .slideDetlall {
    background: #fff;
}

.unstyled {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: left;
}

.checkBox-line {
    display: inline-block;
}

.checkBox-line label {
    //position: relative;
    display: inline-block;
    min-height: 20px;
    margin: 0 0 0 20px;
    padding: 5px 0 0 25px;
}

.checkBox-line [type="checkbox"]:not(:checked),
.checkBox-line [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
    background: #white;
}

.checkBox-line [type="checkbox"]:not(:checked) + label::before,
.checkBox-line [type="checkbox"]:checked + label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #dfe2e7;
    border-radius: 5px;
}

.checkBox-line [type="checkbox"]:not(:checked) + label::after {
    opacity: 0;
    transform: scale(0);
}

.checkBox-line [type="checkbox"]:not(:checked) + label::after,
.checkBox-line [type="checkbox"]:checked + label::after {
    content: "\2713";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 5px;
    left: 0px;
    font-size: 15px;
    line-height: 18px;
    color: #fff;
    transition: all 0.2s;
    background: #242d40;
    padding: 1px 0 0 5px;
    border-radius: 5px;
}

.twRenewalpage .addcoversLefta .additionalCov .addCoverslist .styled-checkbox:checked + label:after {
    left: 0;
    top: auto;
    transition: unset;
    transform: none;
    box-shadow: none;
}

.tPre {
    width: 41.7%;
    text-align: center;
    min-height: 480px;
    background: #fff;
    border-radius: 0 10px 10px 0;
}

.checkB {
    display: inline-block;
}

.covList1,
.ppcovList1,
.covList {
    display: inline-block;
    width: 100%;
    cursor: pointer;
}

.covList1 .redLbltext,
.ppcovList1 .redLbltext,
.covList .redLbltext {
    font-size: 13px;
    font-weight: 500;
}

.twRenewalpage .addcoversLefta .additionalCov .addCoverslist ul.unstyled li .disVal,
.twRenewalpage .addcoversLefta .additionalCov .addCoverslist ul.unstyled li .disVal1 {
    display: none;
    font-size: 13px;
    position: relative;
    top: 5px;
    padding-right: 10px;
    font-weight: 500;
}

/*span.disVal1:before {
    content: "/";
    padding-right: 10px;
    font-size: 15px;
}*/

.twRenewalpage .addcoversLefta .additionalCov a.backBtn {
    color: #ec6625;
    font-size: 15px;
    padding: 25px 40px;
    display: inline-block;
    cursor: pointer;
    position: relative;
    margin: 0 10px;
    font-weight: 600;
}

.twRenewalpage .addcoversLefta .additionalCov a.backBtn:before {
    /*content: "";
        display: inline-block;
        vertical-align: top;
        background: url(/images/default-source/HomeRevamp/page-sprite-img.png) no-repeat;
        background-position: -953px -314px;
        width: 22px;
        height: 15px;
        padding: 0 12px;*/
    border: solid #ec6625;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 5px;
    vertical-align: middle;
    transform: rotate(45deg);
    -webkit-transform: rotate(136deg);
    content: "";
    position: absolute;
    left: 20px;
    top: 30px;
}

.twRenewalpage .styled-checkbox + label {
    width: 100%;
}

.twRenewalpage .slideDetlall {
    width: 100%;
    margin: 0;
    padding: 15px 10px 20px 31px;
    display: none;
    position: absolute;
    background: #fff;
    z-index: 999999;
    top: 32px;
    -webkit-box-shadow: 0px 5px 15px 5px rgba(219, 219, 219, 1);
    -moz-box-shadow: 0px 5px 15px 5px rgba(219, 219, 219, 1);
    box-shadow: 0px 10px 20px 0px rgba(219, 219, 219, 1);
    border-radius: 6px;
}

.twRenewalpage .slideDetlall label {
    font-size: 13px;
    color: #6c7884;
    display: block;
    font-weight: normal;
}

.twRenewalpage .slideDetlall span {
    font-size: 13px;
    color: #6c7884;
    display: block;
    padding: 5px 0;
}

.twRenewalpage .slideDetlall span.rpicon {
    display: inline-block;
    float: left;
    font-size: 16px;
    padding: 8px 0;
    position: absolute;
}

.twRenewalpage .addcoversLefta .additionalCov .slideDetlall span.glyphicon.glyphicon-menu-down {
    float: right;
    z-index: 1;
    font-size: 17px;
    padding: 7px 0;
    color: #616161;
}

.twRenewalpage .slideDetlall .sbHolder {
    background: transparent;
    border-bottom: 1px solid #ccd0d4;
}

.twRenewalpage .slideDetlall .sbSelector {
    text-align: left;
    font-size: 15px;
    padding-left: 10px;
    line-height: 35px;
    letter-spacing: normal;
}

.twRenewalpage .slideDetlall .block {
    width: 75%;
    display: inline-block;
    margin-right: 5px;
    position: relative;
    vertical-align: middle;
}

.twRenewalpage .slideDetlall .basic_dd {
    padding: 7px 0 0;
    position: relative;
}

.twPersonald .insureDetailsBox .inptBox label {
    float: left;
    padding: 8px 0 0;
}

.twPersonald .inptBox .basic_dd {
    width: 56%;
    display: inline-block;
    padding-bottom: 12px;
}

.twRenewalpage .slideDetlall .sbOptions li a {
    color: #6c7884;
    text-decoration: none;
    height: auto;
    text-align: left;
    font-size: 14px;
    text-align: left;
    padding: 6px 15px;
}

.twRenewalpage .addcoversLefta .additionalCov .addCoverslist ul.sbOptions {
    border: 1px solid #ccd0d4;
    border-top: none;
}

.twRenewalpage .addcoversLefta .additionalCov .addCoverslist ul.sbOptions li {
    padding: 0;
    border-bottom: 1px solid #ccd0d4;
    margin: 0;
}

.twRenewalpage .addcoversLefta .additionalCov .addCoverslist ul.sbOptions li:last-child {
    border-bottom: none;
}

.twRenewalpage .addcoversLefta .sbSelector:hover,
.twRenewalpage .addcoversLefta .sbSelector:link,
.twRenewalpage .addcoversLefta .sbSelector:visited {
    color: #6c7884;
    letter-spacing: normal;
}

.twRenewalpage .addcoversLefta .additionalCov .addCoverslist .block label:after {
    display: none;
}

.twRenewalpage .addcoversLefta .additionalCov .addCoverslist .block label:before {
    display: none;
}

.twRenewalpage .addcoversLefta .additionalCov .addCoverslist .slideDetlall .block label {
    position: inherit;
    padding: 0;
    pointer-events: none;
}

.twRenewalpage .addcoversLefta .additionalCov .addCoverslist .block input {
    background: transparent;
    border: none;
    border-bottom: 1px solid #d6d6d6;
    font-size: 14px;
    color: #6c7884;
    font-weight: 400;
    outline: none;
    padding: 8px 0 10px 15px;
    width: 100%;
}

.twRenewalpage .doneBtn {
    display: inline-block;
    padding: 5px 0 0 20px;
    vertical-align: bottom;
}

.twRenewalpage .doneBtn a {
    border-radius: 10px;
    background: #e6ebf0;
    padding: 8px 15px;
    color: #063b6d;
    font-weight: 500;
}

.twRenewalpage .addcoversLefta .additionalCov .addCoverslist .block span.errorN {
    color: #ff0000;
    font-size: 12px;
    position: absolute;
    top: -4px;
    background: #fff;
    width: 100%;
    padding: 0 0 5px;
    z-index: 100;
    display: none;
}
#lstPaidDriver span.errorN {
    display: block;
    top: auto;
    bottom: 0;
    background: none;
    position: relative;
}
#lstEmployee span.errorN {
    display: block;
    top: auto;
    bottom: 0;
    background: none;
    position: relative;
}
.twRenewalpage .addcoversLefta .box span:nth-child(2) {
    padding-right: 1rem;
}
.acceDetls {
    width: 100%;
    margin: auto;
    padding-bottom: 10px;
}

.acceDetls:last-child {
    padding-bottom: 0;
}

.twRenewalpage .addcoversLefta .additionalCov .addCoverslist .slideDetlall .block .acceDetls label {
    display: inline-block;
    width: 40%;
    margin-right: 15px;
}

.inpAcce {
    display: inline-block;
    width: 50%;
}

.slideDetlall .tickC {
    background: #053c6d;
}

.slideDetlall .btnClick {
    font-size: 14px;
    font-weight: 400;
    color: #2d3e50;
    border: 1px solid #dadde0;
    padding: 3px 8px;
    border-radius: 6px;
    display: inline-block;
    margin: 10px 6px 20px 0;
}

.slideDetlall .btnClick:hover {
    border: 1px solid #2d3e50;
}

.slideDetlall .btnClick.selected {
    background: #ec6625;
    color: #fff;
    border: 1px solid #ec6625;
}

.twRenewalpage .addcoversLefta .additionalCov .addCoverslist .block input.entrMeb {
    padding: 8px 0 10px 0;
}

.slideDetlall .volDtl .btnClick {
    margin: 0 3px 10px 0;
}

.addDisrel {
    position: relative;
    padding: 15px 0 0;
}

.twRenewalpage .tooltip {
    position: relative;
    display: inline-block;
    opacity: 1;
    font-size: 15px;
    z-index: inherit;
}

.twRenewalpage .tooltiptext {
    visibility: hidden;
    width: 365px;
    background-color: #f4f5f9;
    color: #6e6f71;
    border: 1px solid #d5dde4;
    text-align: left;
    padding: 20px 30px;
    position: absolute;
    z-index: 99;
    top: -49px;
    left: 98%;
    opacity: 0;
    transition: opacity 1s;
    font-size: 14px;
    margin-left: 8px;
    line-height: 25px;
    transition: transform 1s;
    transform: scale(0.5) translateX(1px);
    border-radius: 5px;
}

.twRenewalpage .tooltiptext h2 {
    font-size: 18px;
    margin: 0;
    padding: 0 0 12px;
    color: #063b6d;
}

.twRenewalpage .tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
    transform: scale(1) translateX(1px);
}

.twRenewalpage .choosePlanarea .yearsplanTooltip {
    top: 50px;
    left: 0;
    margin-left: 0;
    padding: 10px 0 5px;
    width: 315px;
}

.coversDetailsarea {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.coversDetailsarea .twoWdetails {
    width: 100%;
    margin: auto;
    display: inline-block;
    padding: 30px 0 3px;
    border-bottom: 1px solid #f4f4f4;
}

.coversDetailsarea .twoWdetails .bkConarea {
    display: inline-block;
    padding-left: 5px;
    float: left;
}

.coversDetailsarea .twoWdetails .bkConarea .bkNo {
    display: block;
    color: #47535e;
    font-size: 13px;
    padding: 5px 0;
    border: none;
}

.coversDetailsarea .twoWdetails .moreD {
    display: inline-block;
    padding: 2px 30px;
    position: relative;
    vertical-align: top;
}

.coversDetailsarea .twoWdetails .moreD a {
    font-size: 12px;
    color: #ec6625;
    display: inline-block;
}

.coversDetailsarea .twoWdetails .moreD a.addCvr1:before {
    border: solid #ec6625;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    vertical-align: middle;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    content: "";
    position: absolute;
    right: 15px;
    top: 5px;
}

.coversDetailsarea .twoWdetails .moreD a.activeSlide:before {
    transform: rotate(224deg);
    top: 9px;
}

.coversDetailsarea .twoWdetails .depAmt {
    display: inline-block;
    float: right;
    font-size: 15px;
    color: #2d3e50;
}

.coversDetailsarea .twoWdetails .bkConarea h3 {
    margin: 0;
    color: #242d40;
    font-size: 17px;
    font-weight: bold;
}

.coversDetailsarea .vehconDetails {
    background: #f6f6f6;
    width: 100%;
    padding: 20px 0 0 35px;
    display: none;
    position: relative;
    max-height: 193px;
    height: 100%;
    border-radius: 5px;
    border: 1px solid #f0f0f0;
}

.coversDetailsarea .vehconDetails .vehDtl {
    width: 32%;
    display: inline-block;
    padding-bottom: 20px;
}

.coversDetailsarea .vehconDetails .vehDtl .gryNm {
    color: #8e8e8e;
    font-size: 13px;
    display: block;
    font-weight: 500;
}

.coversDetailsarea .vehconDetails .vehDtl .blkNm {
    color: #282828;
    font-size: 14px;
    font-weight: 500;
}

a.closeVeh {
    position: absolute;
    right: 15px;
    top: 10px;
    background: url(/images/default-source/HomeRevamp/page-sprite-img.png) no-repeat;
    background-position: -876px -311px;
    width: 25px;
    height: 25px;
    display: block;
}

.coversDetailsarea .vehconDetails:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #aeaeae;
    position: absolute;
    top: -9px;
    left: 4%;
}

.coversDetailsarea .twoWdetails a.closeDtl {
    display: none;
    color: #242d40;
    border-radius: 50px;
    border: 1px solid #d3d8dd;
    padding: 7px 12px;
}

.coversDetailsarea .choosePlanarea {
    width: 100%;
    padding: 15px 0 0;
}

.coversDetailsarea .choosePlanarea .planDetails {
    box-shadow: none;
    top: 0;
    padding: 0;
}

.coversDetailsarea .choosePlanarea .Idealpln {
    padding-bottom: 10px;
}

.coversDetailsarea .choosePlanarea .Idealpln h3 {
    display: inline-block;
    font-size: 15px;
    color: #293549;
    /*margin: 0;*/
    font-weight: 700;
    vertical-align: top;
}

.coversDetailsarea .choosePlanarea .Idealpln h3 span {
    font-weight: normal;
    display: inline-block;
    color: #8e8e8e;
    font-size: 12px;
}

.whChoosebl {
    font-size: 13px;
    color: #0070c9;
    padding: 25px 0 5px;
}

.coversDetailsarea .choosePlanarea .planbox .premiumSect {
    display: inline-block;
    text-align: right;
    padding: 15px 0 0 20px;
    border: none;
}

.coversDetailsarea .choosePlanarea .planbox .premiumSect .tpVal {
    font-size: 24px;
    font-weight: bold;
    color: #282828;
}

.coversDetailsarea .choosePlanarea .planDetails .selected .tick {
    width: 30px;
    height: 30px;
    right: 0px;
    left: 92%;
    top: -10px;
    background: #00c689;
    border: none;
    padding: 7px 0;
}

.coversDetailsarea .choosePlanarea .planDetails .selected .tick.thumbsIco:before {
    content: "";
    background: url(/images/default-source/HomeRevamp/page-sprite-img.png) no-repeat;
    background-position: -501px -256px;
    height: 27px;
    width: 32px;
    display: block;
}

.selected h3,
.selected .rpicon,
.selected .premiumSect .tpVal {
    font-weight: 300;
}

.coversDetailsarea .choosePlanarea .planbox h3 {
    font-size: 11px;
    padding: 6px 16px;
    display: inline-block;
    float: left;
    color: #282828;
    background: #eaeaea;
    border-radius: 5px;
    margin: 5px 0 8px 0;
    text-transform: uppercase;
    font-weight: 600;
}

.planDetails .planbox.selected h3 {
    background: #f19012;
    color: #fff;
}

.coversDetailsarea .choosePlanarea .planbox .premiumSect h4 {
    text-align: left;
    color: #8e8e8e;
}

.coversDetailsarea .choosePlanarea .planbox .rpicon sup {
    top: -2px;
    color: #2d3e50;
}

.rpicon sup {
    font-size: 20px;
}

.coversDetailsarea .personalDbasic {
    width: 100%;
    margin: auto;
    padding: 10px 0;
    clear: both;
}

.coversDetailsarea .personalDbasic .twPersonald {
    width: 66%;
    display: inline-block;
    margin-right: 18px;
    border-radius: 6px;
}

.coversDetailsarea .personalDbasic .twPersonald .protAcc {
    width: 100%;
    min-height: auto;
}

.protAcc .glyphicon.glyphicon-menu-down,
.protAcc .glyphicon.glyphicon-menu-up {
    float: right;
    color: #707070;
    font-size: 16px;
}

.coversDetailsarea .personalDbasic .twPersonald .twoWrenwl {
    margin: 0 0 10px;
}

.coversDetailsarea .personalDbasic .twBasicprem {
    width: 31%;
    display: inline-block;
    vertical-align: top;
}

.twoWrenwl {
    margin: 0 30px 10px;
    border: 1px solid #efece0;
    border-radius: 8px;
}

.twoWrenwl h2 {
    font-size: 14px;
    font-weight: 400;
    color: #282828;
    text-align: left;
    margin: 0;
    padding: 16px 20px;
    border-radius: 8px 8px 0 0;
}

.twoWrenwl h2.proActive {
    background: #f1f1f1;
}

.twoWrenwl h2.proActive .glyphicon-remove {
    float: right;
}

.twoWrenwl.inpChanges h2.proActive {
    background: #c5c5c5;
}

.twoWrenwl .innerSect {
    padding: 0;
    display: none;
}

.twoWrenwl .innerSect label {
    font-size: 14px;
    font-weight: 400;
    color: #282828;
    display: inline-flex;
    width: 100%;
}

.twoWrenwl .innerSect input {
    background: transparent;
    border: none;
    border-bottom: 1px solid #d6d6d6;
    font-size: 14px;
    color: #282828;
    font-weight: 400;
    outline: none;
}

.twPersonald h4 {
    display: inline-block;
    font-size: 15px;
    color: #242d40;
    margin: 0;
    padding: 20px 0;
}

.twPersonald .editBtn {
    cursor: pointer;
    font-size: 12px;
    display: none;
    text-transform: uppercase;
    color: #0070c9;
    padding-left: 25px;
}

.saveAlignbtn {
    text-align: center;
}

.twPersonald .saveBtn,
.twPersonald .canBtn {
    cursor: pointer;
    font-size: 12px;
    display: inline-block;
    padding: 10px 20px;
    text-transform: uppercase;
    color: #fff;
    display: none;
    background: #063b6d;
    border-radius: 50px;
    margin: 15px 0 10px;
}

.twPersonald .updateBtn {
    cursor: pointer;
    font-size: 12px;
    float: right;
    display: inline-block;
    padding: 19px 10px 0;
    text-transform: uppercase;
    color: #0070c9;
}

.twPersonald .inptBox {
    display: inline-block;
    width: 100%;
    padding: 10px 25px;
    border-bottom: 1px solid #f0f0f0;
}

.twPersonald .inptBox label {
    width: 35%;
    display: inline-block;
    font-size: 12px;
    color: #989898;
    font-weight: 400;
}

.twPersonald .inptBox input {
    width: 60%;
    display: inline-block;
    background: none;
    border: none;
    font-size: 12px;
    color: #242d40;
    border-bottom: 1px solid #d6d6d6;
    outline: none;
}

.inptBox .errorN {
    color: #ff0000;
    font-size: 12px;
    position: relative;
    top: -10px;
    background: #fff;
    width: 100%;
    padding: 0 0 5px;
    z-index: 3;
    display: none;
}

.inptBox.err input {
    border-bottom: 1px solid #ff0000;
}

.twPersonald .inpChanges .inptBox {
    border-bottom: none;
    padding: 10px 20px 0;
}

.twPersonald .inpChanges .inptBox input,
.twPersonald .inpChanges .inptBox .basic_dd {
    width: 100%;
    display: inline-block;
    padding-bottom: 3px;
    margin: 0 0 10px;
}

.twPersonald .inpChanges .inptBox textarea {
    width: 100%;
    display: inline-block;
    padding-bottom: 3px;
    border-bottom: 1px solid #d6d6d6;
}

.twPersonald .inptBox input:disabled {
    border-bottom: none;
    padding: 10px 0 10px 8px;
}

.twPersonald .inptBox textarea {
    width: 70%;
    background: none;
    font-size: 12px;
    border: none;
    resize: none;
    //border-bottom: 1px solid #ebebed;
    outline: none;
    overflow: hidden;
}

.twPersonald .inptBox textarea:disabled {
    border-bottom: none;
}

.twPersonald .showHideDetails {
    font-size: 12px;
    color: #0070c9;
    position: relative;
    cursor: pointer;
    display: inline-block;
    padding: 0 20px 20px 20px;
}

.twPersonald .showHideDetails:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #0070c9;
    position: absolute;
    top: 6px;
    right: 0;
}

.twPersonald .showHideDetails.activeSlide:before {
    transform: rotate(180deg);
}

.twPersonald .js-moreDetialsBox {
    display: none;
}

.twPersonald .insureDetailsBox {
    border-top: 1px solid #ebebed;
}

.twPersonald .insureDetailsBox.nobg {
    border-top: none;
}

.twPersonald .update {
    display: inline-block;
    float: right;
    font-size: 12px;
    color: #0070c9;
}

.nodata {
    font-size: 12px;
    color: #6c7884;
    display: block;
    padding: 1.5rem 20px 0.5rem;
}

.twBasicprem ul {
    padding: 20px 15px 0;
    margin: 0;
}

.twBasicprem a.premBrk {
    font-size: 12px;
    color: #8e8e8e;
    padding: 10px 25px;
    display: inline-block;
}

.twBasicprem ul li {
    list-style-type: none;
    padding-bottom: 14.5px;
}

.twBasicprem ul li.totalPremium .premuinName {
    font-size: 13px;
    color: #000;
}

.twBasicprem ul li.totalPremium .premuinAmt {
    font-size: 15px;
    color: #000;
    float: right;
}

.twBasicprem ul li.totalPayable .premuinName {
    font-size: 14px;
    color: #000;
}

.twBasicprem ul li.totalPayable .premuinAmt {
    font-size: 18px;
    color: #000;
    float: right;
}

.twBasicprem ul li .premuinName {
    font-size: 13px;
    color: #6c7884;
}

.twBasicprem ul li .premuinAmt {
    font-size: 13px;
    color: #6c7884;
    float: right;
}

.twBasicprem ul li .premuinAmt strong {
    font-weight: normal;
    font-size: 12px;
}

.twBasicprem .proceedBtn {
    background: #063b6d;
    width: 100%;
    display: block;
    color: #fff;
    padding: 15px;
    border-radius: 0 0 5px 5px;
    text-transform: uppercase;
    font-size: 15px;
    margin: 0;
    text-align: left;
}

.twBasicprem a.proceedBtn:after {
    content: "";
    display: inline-block;
    vertical-align: top;
    background: url(/images/default-source/HomeRevamp/page-sprite-img.png) no-repeat;
    background-position: -956px -352px;
    width: 22px;
    height: 15px;
    text-align: right;
    float: right;
    margin: 7px 5px;
}

.twRenewalpage .tPre .btnSectn {
    padding-bottom: 10px;
}

.twBasicprem .proceedBtn:hover {
    color: #fff;
}

.twRenewalpage .tPre {
    width: 100%;
    min-height: auto;
    background: transparent;
}

.twRenewalpage .tPre .btnSectn a {
    padding: 10px 15px 0 20px;
    display: inline-block;
    border-radius: 50px;
    width: 200px;
    font-size: 12px;
    font-weight: bold;
}

.twRenewalpage .tPre .preDetails h4 {
    display: none;
}

.twRenewalpage .prDet p {
    color: #282828;
    font-size: 13px;
}

.twRenewalpage .prDet p span {
    color: #6c7884;
    font-weight: normal;
    font-size: 13px;
}

.twRenewalpage .prDet p.textBlk {
    color: #2d3e50;
}

.twRenewalpage .prDet p.textBs {
    padding-top: 15px;
    color: #2d3e50;
}

.twRenewalpage .prDet p.textBs span {
    font-size: 20px;
    color: #2d3e50;
}

.twRenewalpage .prDet p.textBs b {
    vertical-align: sub;
    font-weight: normal;
}

.addsCoversmob {
    display: none;
}

.twRenewalpage .box {
    display: inline-block;
    float: right;
    padding-bottom: 12px;
    /*border: 1px solid #eeeeee;*/
    /*border-radius: 6px;
        background: #f8f6f6;*/
}

.twRenewalpage .addcoversLefta .box {
    border: none;
}

.yerVal {
    display: inline-block;
    float: left;
    padding: 6px 0 0 15px;
}

.bestVl {
    clear: both;
    font-size: 11px;
    text-transform: uppercase;
    color: #282828;
    position: relative;
}

.bestVl:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 5px;
    height: 3px;
    width: 3px;
    border-radius: 50px;
    background: red;
    left: -5px;
}

.bestVl:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 5px;
    height: 3px;
    width: 3px;
    border-radius: 50px;
    background: red;
    right: -5px;
}

.closeIconw {
    position: relative;
    padding-right: 10px;
    float: right;
    cursor: pointer;
}

.closeIconw:before {
    content: "";
    height: 15px;
    border-left: 2px solid #282828;
    position: absolute;
    transform: rotate(-45deg);
}

.closeIconw:after {
    content: "";
    height: 15px;
    border-left: 2px solid #282828;
    position: absolute;
    transform: rotate(45deg);
}

.prDet h2 {
    margin: 0;
    font-size: 15px;
    text-align: left;
    background: #f1f1f1;
    padding: 15px 16px;
    font-weight: bold;
}

.summrDtl {
    padding: 15px 18px 10px;
}

.planDetails {
    box-shadow: 0px 0px 10px -2px rgb(84, 84, 84);
    -moz-box-shadow: 0px 0px 10px -2px rgb(84, 84, 84);
    -ms-box-shadow: 0px 0px 10px -2px rgb(84, 84, 84);
    width: 100%;
    background: #ffffff;
    border-radius: 10px;
    position: relative;
    top: -66px;
    padding: 30px 175px;
    text-align: center;
}

.planDetails .planbox {
    position: relative;
    cursor: pointer;
    width: 31.2%;
    height: 75px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: inline-block;
    background: #fff;
    margin: 0;
    padding-bottom: 5px;
    border: 1px solid #c5d9e2;
    border-radius: 10px;
    float: left;
    transition: transform 1s;
    transform: scale(0.9) translateX(1px);
}

.planDetails .selected {
    border: 3px solid #eb8e15 !important;
    background: #fffbf5;
    transform: scale(1) translateX(1px);
}

.planbox .premiumSect h4 {
    font-size: 13px;
    font-weight: 400;
    color: #666666;
    margin: 0;
    padding: 0;
}

.rpicon {
    font-family: indianrupee;
}

.planbox .premiumSect .tpVal {
    font-size: 40px;
    font-weight: 400;
    color: #063b6d;
}

.planDetails .selected .tick {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #eb8e15;
    display: block;
    position: absolute;
    top: -20px;
    right: 0;
    left: 0;
    margin: 0 auto;
    border: 2px solid #fff;
    color: #fff;
    font-size: 17px;
    padding: 9px 0 0 0;
}

.planDetails .mid {
    margin: 0 2.5%;
}

.tPre h3 {
    font-size: 20px;
    font-weight: 400;
    color: #053c6d;
    padding: 65px 0 0px;
}

.tPre span {
    /*font-size: 50px;*/
    font-weight: 600;
    color: #6e7882;
}

.tPre span sup {
    font-size: 30px;
    color: #053c6d;
    top: -13px;
    left: 5px;
}

.tPre .preDetails h4 {
    font-size: 18px;
    font-weight: 400;
    color: #282828;
    border-bottom: 1px solid #f1f4f6;
    margin: 0;
    padding: 30px 0 10px 0;
}

.tPre .btnSectn a {
    width: 180px;
}

.tPre .btnSectn {
    padding-bottom: 40px;
}

.prDet p {
    text-align: left;
}

.prDet p span {
    font-size: 15px;
    font-weight: 400;
    color: #282828;
    float: right;
}

.prDet p b span {
    font-weight: 600;
}

.planbox .premiumSect h4 {
    font-size: 12px;
    font-weight: 400;
    color: #666666;
    margin: 0;
    padding: 0;
}

.planDetails span {
    font-weight: 400;
    font-size: 20px;
}

.insureDetailsBox .basic_dd {
    position: relative;
}

.insureDetailsBox span.rpicon {
    display: inline-block;
    float: left;
    font-size: 16px;
    padding: 8px 0;
    position: absolute;
}

.insureDetailsBox span.glyphicon.glyphicon-menu-down {
    float: right;
    z-index: 1;
    font-size: 17px;
    color: #616161;
}

.sbToggle,
.sbToggleOpen {
    background: transparent;
}

.insureDetailsBox .sbHolder {
    background: transparent;
    border-bottom: 1px solid #ccd0d4;
}

.insureDetailsBox .sbSelector {
    text-align: left;
    font-size: 12px;
    line-height: 35px;
}

.insureDetailsBox .sbSelector:hover,
.insureDetailsBox .sbSelector:link,
.insureDetailsBox .sbSelector:visited {
    color: #242d40;
    letter-spacing: normal;
}

.insureDetailsBox ul.sbOptions {
    border: 1px solid #ccd0d4;
    border-top: none;
    max-height: 150px !important;
    overflow: hidden;
    overflow-y: auto;
}

.insureDetailsBox ul.sbOptions li {
    padding: 0;
    border-bottom: 1px solid #ccd0d4;
    margin: 0;
}

.insureDetailsBox .sbOptions li a {
    color: #6c7884;
    text-decoration: none;
    height: auto;
    text-align: left;
    font-size: 14px;
    text-align: left;
    padding: 6px 15px;
}

.insureDetailsBox ul.sbOptions li:hover {
    background: #053c6d;
}

.insureDetailsBox ul.sbOptions li a:hover {
    color: #fff;
}

.ui-autocomplete .ui-menu-item {
    color: #063b6d !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    padding: 9px 15px !important;
    border-bottom: 1px solid #eaeff3 !important;
}

.ui-autocomplete .ui-menu-item:hover {
    border: none !important;
    background: #063b6d !important;
    color: #fff !important;
}

.ui-autocomplete .ui-menu-item:hover .ui-menu-item-wrapper,
.ui-autocomplete .ui-menu-item-wrapper,
.ui-autocomplete .ui-menu-item-wrapper:hover {
    background: transparent !important;
}

.ui-autocomplete .ui-menu-item:hover .ui-corner-all {
    background: transparent !important;
    color: #fff !important;
    border: none !important;
}

.ui-autocomplete .ui-menu-item:hover .ui-menu-item-wrapper {
    color: #fff !important;
    border: none !important;
}

.ui-autocomplete .ui-menu-item-wrapper {
    border: none !important;
    text-transform: capitalize !important;
}

.ui-autocomplete.ui-menu {
    padding: 0 !important;
    margin-top: -1px !important;
}

.ui-autocomplete {
    border-radius: 5px !important;
    border: 1px solid #b2c3d2 !important;
    max-height: 290px !important;
    overflow: hidden !important;
    overflow-y: auto !important;
}

.ui-autocomplete .ui-menu-item:last-child {
    border: none !important;
}

.ui-widget-content {
    background: #fff !important;
}

.texttranslower {
    text-transform: lowercase;
}

.texttransupper {
    text-transform: uppercase;
}

.overlayN {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    transition: opacity 200ms;
    opacity: 1;
    z-index: 9999;
    display: none;
}

.overlayN .cancel {
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: default;
}

.overlayN:target,
.overlayN.showMsg {
    opacity: 1;
}

.popup {
    margin: 75px auto;
    padding: 20px;
    background: #fff;
    border: 1px solid #666;
    width: 90%;
    min-height: 150px;
    max-height: 500px;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
    position: relative;
    border-radius: 10px;
}

.popup.light {
    width: 600px;
}

.bTBor {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #eb8e15;
    height: 6px;
    left: 0;
    border-radius: 0 0 10px 10px;
}

.popup h2 {
    margin-top: 0;
    color: #282828;
    font-size: 16px;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    text-align: center;
}

.popup h3 {
    margin: 0;
    color: #282828;
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    text-align: left;
    padding-bottom: 5px;
}

.popup .close {
    position: absolute;
    width: 27px;
    height: 27px;
    top: -52px;
    right: 0;
    opacity: 1;
    transition: all 200ms;
    font-size: 48px;
    font-weight: 400;
    text-decoration: none;
    color: #fff;
}

.popup .close:hover {
    opacity: 1;
}

.popup .content {
    max-height: 400px;
    overflow: auto;
}

.hides {
    display: none;
}

.popup .mCSB_inside > .mCSB_container {
    margin-right: 0;
}

.popup .mCSB_scrollTools {
    width: 6px;
    opacity: 1;
}

.popup .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
}

.popup .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.popup .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #063b6d !important;
}

.blockTab {
    width: 33.33%;
    float: left;
}

.blockTab h3 {
    color: #282828;
    font-size: 15px;
    font-weight: 500;
    padding: 18px 70px 15px;
}

.sdInfo {
    padding: 0 40px;
    border-color: #e2ecf0;
    border-style: solid;
    border-width: 1px 1px 1px 0;
}

.sdInfo h3 {
    font-size: 15px;
    color: #282828;
    font-weight: 500;
    margin: 0;
    display: inline-block;
    padding: 10px 0;
}

.vbrk .sdInfo h3 {
    padding: 10px 0;
}

.sdInfo .tpreInfo {
    display: inline-block;
    text-align: center;
    float: right;
    padding: 18px 0 6px;
}

.sdInfo .tpreInfo h5 {
    font-size: 11px;
    color: #666666;
    font-weight: 400;
    margin: 0;
}

.sdInfo .tpreInfo .rpicon {
    font-size: 20px;
    position: relative;
    top: -5px;
    left: 5px;
}

.sdInfo .tpreInfo span {
    color: #053c6d;
    font-size: 28px;
}

.sdInfo .tpreInfo .astric {
    font-size: 17px;
    position: relative;
    top: -8px;
    left: 1px;
}

.contnt {
    border-color: #e2ecf0;
    border-style: solid;
    border-width: 0 1px 0 0;
}

.nbr {
    border-right: none;
}

.popup .innerWrap {
    max-height: 400px;
    overflow-y: auto;
}

.popup .blockTab ul {
    padding: 0 40px 30px;
    margin: 0;
}

.popup .blockTab ul li {
    text-align: left;
    display: inline-flex;
    width: 100%;
}

.blockTab ul {
    list-style: none;
}

.blockTab ul li {
    font-size: 13px;
    font-weight: 400;
    color: #666;
    padding-bottom: 10px;
}

.checkmark {
    display: inline-block;
    padding-right: 24px;
    padding-top: 3px;
}

.checkmark:after {
    content: "";
    display: block;
    width: 6px;
    height: 11px;
    border: solid #6dca9a;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.cancelmark {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 18px;
}

.cancelmark::before,
.cancelmark::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 43%;
    top: 42%;
    left: -4px;
    background: #ff0000;
}

.cancelmark::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.cancelmark::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.popup ul .lgtGray {
    color: #c5c5c5;
}

.popup p {
    margin: 0 0 10px;
    font-weight: 400;
    color: #333;
    font-size: 20px;
    text-align: center;
}

.popup ol {
    padding: 0 15px;
}

.popup ul {
    padding: 0 18px;
}

.popup ol li,
.popup ul li {
    font-weight: 400;
    color: #333;
    font-size: 13px;
    text-align: justify;
}

.popup p:last-child {
    margin: 0;
}

.popup .mCSB_inside > .mCSB_container {
    margin-right: 0;
}

.popup .mCSB_scrollTools {
    width: 6px;
    opacity: 1;
}

.popup .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
}

.popup .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.popup .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #063b6d !important;
}

.overlayN .popup .pageBrblock ul li {
    display: inline-block;
    width: 100%;
}

.overlayN .pageBrblock .checkmark {
    float: left;
}

.overlayN .pageBrblock .cancelmark {
    float: left;
}

.overlayN .pageBrblock .brList {
    float: left;
}

.overlayN .pageBrblock .blue .brList {
    padding: 10px 0 0 10px;
}

.overlayN .pageBrblock .rightBrlist {
    float: right;
    text-align: right;
}

.overlayN .pageBrblock .blue .rightBrlist {
    padding: 10px 10px 0 0px;
}

.overlayN .pageBrblock .contnt12 {
    height: 285px;
    overflow: auto;
}

.overlayN .pageBrblock .blue {
    color: #fff;
    border-color: #e2ecf0;
    border-style: solid;
    background-color: #03172a;
    border-width: 1px 0 0 0;
    text-align: center;
}

.byfFooter {
    width: 100%;
    padding: 40px 0 20px;
}

.byfFooter p {
    margin: 0;
    padding: 0 0 20px;
    font-size: 12px;
    color: #666666;
    font-weight: 400;
}

.byfFooter h4 {
    margin: 0;
    padding: 0 0 16px;
    font-size: 14px;
    color: #000;
    font-weight: 400;
}

.byfFooter .groupWebsites {
    padding-bottom: 20px;
}

.byfFooter .groupWebsites .select {
    cursor: pointer;
    display: inline-block;
    position: relative;
    color: #646565;
    border: 1px solid #c9d6e0;
    width: 100%;
    padding: 7px 0;
    border-radius: 6px;
    font-weight: normal;
}

.byfFooter .groupWebsites .styledSelect {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: white;
    padding: 8px 10px;
    border-radius: 6px;
}

.byfFooter .groupWebsites .styledSelect:after {
    content: "";
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-color: black transparent transparent transparent;
    position: absolute;
    top: 15px;
    right: 10px;
}

.byfFooter .groupWebsites .options {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 999;
    margin: 0 0;
    padding: 0 0;
    height: 81px;
    overflow-y: scroll;
    list-style: none;
    border: 1px solid #c9d6e0;
    background-color: white;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.byfFooter .groupWebsites .options li {
    margin: 0 0;
    padding: 6px 10px;
    transition: all 0.5s ease;
}

.byfFooter .groupWebsites .options li:hover {
    background-color: #063b6d;
    color: #fff;
}

.insureDetailsBox .pNone .sbHolder {
    border-bottom: none;
}

.insureDetailsBox .pNone span.glyphicon.glyphicon-menu-down {
    display: none;
}

.pNone {
    pointer-events: none;
}

.paddtop {
    padding-top: 10px;
}

.ui-widget,
.ui-widget select {
    font-family: "Roboto", sans-serif !important;
}

.ui-datepicker {
    width: 302px;
    padding: 3px;
}

.ui-widget.ui-widget-content {
    border: 1px solid #9bb1c5;
    border-radius: 6px;
    box-shadow: 0px 0px 10px 6px rgba(0, 0, 0, 0.1);
}

.ui-widget-header {
    background: #053c6d;
    border-radius: 6px;
}

.ui-datepicker th {
    color: #999;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 500;
}

.ui-datepicker td a {
    text-align: center;
}

.ui-datepicker .ui-state-default {
    background: transparent;
    text-align: center;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight {
    background: #fae3cc !important;
}

.ui-datepicker .ui-state-default,
.ui-datepicker .ui-datepicker-calendar .ui-state-hover {
    border: none;
    color: #333;
    font-weight: 600;
    font-size: 13px;
    border-radius: 50%;
    padding: 7px 0;
    width: 32px;
    height: 32px;
    margin: 3px;
}

.ui-state-active,
.ui-widget-content .ui-state-active {
    background: #043c6f !important;
    color: #fff !important;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover {
    background: #e1e7ed;
}

.ui-datepicker-prev,
.ui-datepicker-next {
    width: 32px;
    height: 32px;
    cursor: pointer;
}

.ui-datepicker-prev.ui-state-hover {
    left: 2px;
    top: 2px;
}

.ui-datepicker-next.ui-state-hover {
    right: 2px;
    top: 2px;
}

.ui-datepicker-prev.ui-state-hover,
.ui-datepicker-next.ui-state-hover {
    background: transparent;
    border: none;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    background: #1e507c;
    border: none;
    color: #fff;
    border-radius: 3px;
    padding: 3px 5px;
    margin: 5px 3px 6px;
    text-transform: uppercase;
    font-size: 12px;
    outline: none;
    width: 104px;
}

.ui-widget-header .ui-icon,
.ui-icon,
.ui-widget-content .ui-icon {
    background: url("/images/default-source/HomeRevamp/page-sprite-img.png");
}

.ui-icon.ui-icon-circle-triangle-w {
    background-position: -653px -258px;
    display: inline-block;
    width: 14px;
    height: 14px;
}

.ui-datepicker .ui-datepicker-prev span {
    margin-left: 0;
    margin-top: -3px;
}

.ui-datepicker .ui-datepicker-next span {
    margin-left: -12px;
    margin-top: -3px;
}

.ui-icon.ui-icon-circle-triangle-e {
    background-position: -692px -258px;
    display: inline-block;
    width: 14px;
    height: 14px;
}

.inptBox .ui-datepicker-trigger {
    width: 20px;
    right: 7px;
    display: none;
}

.inpChanges .inptBox .ui-datepicker-trigger {
    float: right;
    margin: 5px 0 0;
    cursor: pointer;
    position: relative;
    right: 0;
    bottom: 38px;
    display: inline-block;
}

.coversDetailsarea .twoWdetails .bkConarea .inputreg,
.coversDetailsarea .twoWdetails .bkConarea .bkNo,
.coversDetailsarea .vehconDetails .bkNo {
    border: none;
    border-bottom: 1px solid;
    width: 100%;
    display: inline-block;
    margin: 0 0 10px;
    background: none;
    border: none;
    font-size: 12px;
    color: #242d40;
    border-bottom: 1px solid #d6d6d6;
    outline: none;
    padding: 0 5px;
}

.coversDetailsarea .twoWdetails .bkConarea .pNone.bkNo,
.coversDetailsarea .vehconDetails .pNone.bkNo {
    border-bottom: none;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .byfFooter {
        padding: 20px 0 60px;
    }

    .covList1,
    .ppcovList1,
    .covList {
        width: 100%;
    }

    .twRenewalpage .addcoversLefta .LombardLogcal {
        padding: 18px 10px;
    }

    .twRenewalpage .doneBtn {
        padding: 5px 0 0 15px;
    }

    .coversDetailsarea .personalDbasic .twPersonald {
        margin-right: 14px;
    }

    .twRenewalpage .prDet p.textBs span {
        font-size: 16px;
    }

    .twPersonald .inptBox label {
        width: 38%;
    }

    .coversDetailsarea .choosePlanarea .planbox h3 {
        padding: 15px 15px;
        display: block;
        float: none;
    }

    .coversDetailsarea .choosePlanarea .planbox .premiumSect {
        text-align: center;
        padding: 10px 0;
        width: 100%;
    }

    .coversDetailsarea .choosePlanarea .planbox .premiumSect h4 {
        text-align: center;
    }
}

@media (max-width: 991px) {
    .popup.light {
        width: 90%;
    }

    .twRenewalpage .slideDetlall {
        z-index: 9999;
    }

    .twRenewalpage .tooltip {
        z-index: 999;
    }

    .twRenewalpage .col-xs-12 {
        padding: 0;
    }

    .ovrBlc {
        background: transparent;
        width: 100%;
        height: 100%;
        position: fixed;
        z-index: 99999;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        display: none;
    }

    .twRenewalpage .addcoversLefta .additionalCov h5 {
        color: #fff;
        padding: 15px 20px;
        background: #ec6625;
        text-align: center;
        margin-bottom: 18px;
        font-weight: normal;
        font-size: 16px;
    }

    .twRenewalpage .addcoversLefta .additionalCov {
        margin: 0;
        background: #f5f6fa;
        overflow-y: auto;
        overflow-x: hidden;
        padding: 0;
        height: 100%;
    }

    .twRenewalpage .addcoversLefta {
        height: auto;
    }

    .bkBackbtn {
        display: inline-block;
        vertical-align: super;
        padding-right: 15px;
        background: url(/images/default-source/HomeRevamp/page-sprite-img.png) no-repeat;
        background-position: -817px -319px;
        width: 26px;
        height: 18px;
    }

    .depAmt .valDep {
        display: block;
    }

    .coversDetailsarea {
        padding: 0;
    }

    .coversDetailsarea .twoWdetails {
        padding: 20px 10px 10px;
    }

    .coversDetailsarea .choosePlanarea {
        padding: 20px 20px;
    }

    .twRenewalpage .container {
        width: 100%;
    }

    .coversDetailsarea .choosePlanarea .Idealpln .whChoosebl {
        float: right;
    }

    .coversDetailsarea .personalDbasic {
        padding: 0 10px 10px;
    }

    .coversDetailsarea .personalDbasic .twPersonald {
        width: 100%;
        margin-bottom: 40px;
    }

    .coversDetailsarea .personalDbasic .twBasicprem {
        border: none;
    }

    .twRenewalpage .tPre {
        min-height: auto;
        display: none;
    }

    .twBasicprem a.premBrk {
        padding: 0;
    }

    .twRenewalpage .tPre .preDetails h4 {
        display: block;
    }

    .twRenewalpage .tPre .btnSectn a {
        width: 50%;
    }

    .twRenewalpage .tPre .preDetails {
        padding: 0;
    }

    .twBasicprem .proceedBtn {
        text-align: center;
    }

    .twRenewalpage .tPre .btnSectn {
        padding-bottom: 0;
    }

    .addsCoversmob {
        width: 100%;
        margin: 0;
        display: block;
    }

    .addsConarea {
        border: 1px solid #eeeeee;
        padding: 0 20px 10px;
        border-radius: 6px;
        margin: 0 10px 20px;
    }

    .addsConarea h2 {
        font-size: 16px;
        font-weight: 600;
        display: inline-block;
    }

    .addsConarea .addFrmob {
        text-align: right;
        margin: 0 auto;
        float: right;
        padding: 12px 10px;
    }

    .addsConarea .addFrmob a {
        font-family: inherit;
        color: #282828;
        text-transform: uppercase;
        font-weight: 600;
    }

    .twRenewalpage .tooltip .tooltiptext {
        width: 175px;
        z-index: 1;
        bottom: -42px;
        left: -190px;
        margin-left: 0;
    }

    .twRenewalpage .choosePlanarea .yearsplanTooltip {
        width: 315px;
        z-index: 1;
        bottom: auto;
        left: 0;
        margin-left: 0;
    }

    .twRenewalpage .tooltip .tooltiptext::after {
        border-top: 10px solid transparent;
        border-bottom: 10px solid #d41e1e00;
        border-left: 10px solid #063b6d4a;
        border-right: none;
        left: 100%;
    }

    .tPre {
        position: absolute;
        background: transparent;
    }

    .tPre .btnSectn {
        display: block;
        position: fixed;
        bottom: 0%;
        width: 100%;
        margin: 0 auto;
        background-color: #fff;
        left: 0%;
        padding: 0;
        z-index: 9999;
        box-shadow: 0px 0px 10px #e0dede;
    }

    .tPre .btnSectn a {
        width: 50%;
        margin: 0;
        float: left;
        border: none;
        border-radius: 0;
        padding: 9px 0;
        height: 68px;
    }

    .tPre .btnSectn .preD {
        font-size: 15px;
        display: block;
        font-weight: 400;
        margin: 0;
        padding: 0 0 0 20px;
        color: #063b6d;
        text-align: left;
    }

    .tPre .btnSectn span {
        display: inline-block;
        font-size: 24px;
    }

    .tPre .btnSectn .glyphicon-info-sign {
        position: absolute;
        right: 40px;
        top: 21px;
        left: 0;
    }

    .tPre .btnSectn span sup {
        font-size: 15px;
        top: -6px;
        left: 2px;
    }

    .tPre .btnSectn a.bg {
        padding: 22px 0;
    }

    .tPre .preDetails {
        padding: 0;
        position: fixed;
        bottom: 0;
        width: 100%;
        background: #fff;
        z-index: 99999;
        display: none;
        left: 0;
    }

    .tPre h3,
    .tPre span {
        display: none;
    }

    .tPre .preDetails h4 {
        background: #063b6d;
        color: #fff;
        font-size: 20px;
        padding: 15px 0;
    }

    .prDet span {
        display: inline-block;
    }

    .prDet {
        padding: 0;
    }

    .prDet p {
        font-size: 16px;
        font-weight: 400;
        margin: 0;
        padding: 8px 30px;
        border-bottom: 1px solid #f0f3f6;
    }

    .cls1 span {
        display: inline-block;
        color: #fff;
        font-size: 18px;
        position: absolute;
        right: 18px;
        top: 17px;
    }

    #twTotalPb13 {
        color: #063b6d;
        font-weight: normal;
    }

    .prmTotlamt {
        display: inline-block;
        float: left;
        padding-left: 20px;
    }

    .bkBackbtn {
        float: left;
    }

    .mobaddCancel {
        width: 100%;
        position: fixed;
        bottom: 0;
    }

    .mobaddCancel a:first-child {
        font-size: 14px;
        display: inline-block;
        padding: 15px 0;
        width: 50%;
        background: #ffffff;
        color: #ec6625;
        text-align: center;
        text-transform: uppercase;
    }

    .mobaddCancel a:nth-child(2) {
        font-size: 14px;
        display: inline-block;
        padding: 15px 0;
        width: 50%;
        background: #ec6625;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
    }

    .twRenewalpage .slideDetlall {
        z-index: 99999;
        margin-bottom: 30px;
    }

    .mobaddCancel {
        width: 100%;
        position: fixed;
        bottom: 0;
        z-index: 9999;
        box-shadow: 0 -3px 8px rgb(0 0 0 / 5%);
    }

    .twRenewalpage .planDetails .mid {
        vertical-align: top;
    }
}

@media (min-width: 992px) {
    .bkBackbtn {
        display: none;
    }
}

@media (max-width: 767px) {
    .popup .blockTab ul {
        padding: 0 5px 5px;
    }

    .sdInfo {
        padding: 0 20px;
    }

    .twRenewalpage .planDetails .planbox {
        width: 30%;
        margin: 6px 0 10px;
        float: left;
        margin-right: 25px;
        min-height: 135px;
    }

    .coversDetailsarea .choosePlanarea .planbox h3 {
        float: none;
        margin: 16px 0 8px 0;
    }

    .coversDetailsarea .choosePlanarea .planbox .premiumSect {
        text-align: center;
        padding: 0 15px;
        width: 100%;
        position: relative;
        top: -15px;
    }

    .coversDetailsarea .choosePlanarea .planbox .premiumSect h4 {
        text-align: center;
        font-size: 15px;
    }

    .twRenewalpage .planDetails .noMarg {
        margin-right: 0;
    }

    .coversDetailsarea .choosePlanarea .planDetails .selected .tick {
        left: auto;
        right: -8px;
    }

    .twRenewalpage .baseCv {
        height: auto;
    }

    .twRenewalpage .outCv {
        padding-bottom: 0;
        overflow-x: hidden;
        padding-top: 10px;
    }

    .coversDetailsarea .choosePlanarea .planbox .premiumSect .tpVal {
        font-size: 25px;
    }

    .sdInfo h3 {
        font-size: 8px;
    }

    .popup h2 {
        font-size: 12px;
    }

    .overlayN .pageBrblock .brList {
        font-size: 10px;
    }

    .overlayN .pageBrblock .rightBrlist {
        font-size: 12px;
    }

    .popup ol li,
    .popup ul li {
        font-size: 11px;
    }
}

@media (max-width: 600px) {
    .twRenewalpage .planDetails .planbox {
        margin-right: 17px;
        width: 45%;
        float: none;
    }

    .coversDetailsarea .vehconDetails .vehDtl .blkNm {
        font-size: 13px;
    }
}

@media (max-width: 480px) {
    .twRenewalpage .planDetails .planbox {
        width: 40%;
        float: none;
        margin-right: 25px;
        margin-bottom: 20px;
    }

    /*    .coversDetailsarea .choosePlanarea .planDetails .selected .tick {
        left: 86%;
    }
*/
    .twPersonald .inptBox label {
        width: 38%;
    }

    .coversDetailsarea .twoWdetails .bkConarea h3 {
        font-size: 13px;
    }

    .coversDetailsarea .twoWdetails .moreD {
        padding: 2px 30px 0 0;
        /*margin-top: 10px;*/
    }

    .coversDetailsarea .twoWdetails .depAmt {
        font-size: 13px;
        padding: 10px 10px;
    }

    .coversDetailsarea .vehconDetails {
        background: #f6f5f3;
        max-height: 100%;
    }

    a.closeVeh {
        right: 5px;
    }

    .coversDetailsarea .vehconDetails .vehDtl .blkNm {
        font-size: 12px;
    }

    .coversDetailsarea .vehconDetails .vehDtl {
        width: 45%;
    }

    .coversDetailsarea .choosePlanarea .Idealpln .whChoosebl {
        font-size: 12px;
    }

    /*        .coversDetailsarea .choosePlanarea .Idealpln h3 {
            font-size: 12px;
        }*/

    .bkBackbtn {
        display: inline-block;
        margin-bottom: 15px;
    }

    .twRenewalpage .doneBtn {
        padding: 5px 0 0 10px;
    }

    .coversDetailsarea .choosePlanarea {
        padding: 20px 10px;
    }

    .coversDetailsarea .twoWdetails .bkConarea {
        float: right;
    }

    .renwInfomob {
        width: 100%;
        display: inline-block;
    }
}

@media (max-width: 320px) {
    .covList1,
    .ppcovList1,
    .covList {
        width: 80%;
    }

    .addsConarea h2 {
        font-size: 14px;
    }

    .coversDetailsarea .twoWdetails .moreD {
        padding: 2px 30px 0 5px;
    }

    .coversDetailsarea .twoWdetails .depAmt {
        font-size: 12px;
    }

    .coversDetailsarea .twoWdetails .bkConarea .bkNo {
        font-size: 12px;
    }

    .coversDetailsarea .twoWdetails .bkConarea h3 {
        font-size: 12px;
    }

    .coversDetailsarea .twoWdetails .bkConarea {
        padding-left: 0;
    }
}

#ChassisNo {
    text-transform: uppercase;
}

a.premiumD {
    position: relative;
}

#policy-mob-error a.link-blue {
    display: block;
    padding: 2rem 0 0;
}

#policy-mob-error a.btn-primary.btn-orange {
    padding: 1rem 2rem;
    background: #fe6625;
    display: inline-block;
    border-radius: 30px;
    margin: 15px 0 0;
}

.twBasicprem a.premBrk {
    font-size: 12px;
    color: #8e8e8e;
    padding: 10px 25px;
    display: inline-block;
}

input#regNo {
    text-transform: uppercase;
}

.pacBlock {
    display: inline-block;
    padding: 15px 0 0;
    margin: 0 0 30px 0;
    border-radius: 8px;
    border: 1px solid #e7e7e7;
}

.pacBlock img,
.persProtectplan img {
    display: inline-block;
    float: left;
    margin-right: 30px;
    width: 40px;
}

.pacBlock p {
    display: inline-block;
    float: left;
    width: 90%;
    font-size: 12px;
    padding: 0;
    font-weight: 400;
    color: #333333;
    clear: unset;
    margin: 0 0 10px;
}

.pacBlock .rpicon sup {
    top: 0;
    font-size: 12px;
    font-weight: bold;
}

.pacBlock a {
    text-decoration: underline;
    color: #282828;
    font-weight: 500;
}

span#tw_pacamount {
    font-weight: 700;
}

.pacBlock.pacoverinfotw {
    padding: 15px 15px 5px 12px;
    position: relative;
}

body .pacoverinfotw img {
    float: none;
    width: 18px;
    position: absolute;
    left: 15px;
}

body .pacoverinfotw .pctwInfo p {
    float: none;
    width: 100%;
    line-height: inherit;
    font-family: "Roboto";
    color: #414141;
    font-size: 12px;
}

body .pctwInfo p:first-child {
    font-size: 13px;
    color: #000;
    margin-bottom: 6px;
}

body .pacoverinfotw a {
    color: #fe6625;
    font-family: "Roboto";
}

body .pctwInfo {
    padding-left: 30px;
}

.pctwInfo span#tw_payear {
    font-weight: 600;
    font-size: inherit;
}

.protA h3 {
    font-size: 14px;
    font-weight: 400;
    color: #282828;
    text-align: left;
    margin: 0;
    padding: 14px 0 5px;
    border-radius: 8px 8px 0 0;
    line-height: 1.4;
}

.myCustom-check label:before,
.myCustom-check label:after {
    display: none;
}

.myCustom-check label,
.inline-flexx {
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
}

body .sf_cols .additionalCov .protA .opt_pa_ul li.myCustom-check label span {
    font-size: 11px;
    color: #807f7f;
    line-height: 15px;
    line-height: 1.4;
}

.myCustom-check2 {
    display: inline-block;
}

.opt_pa_ul li label span {
    border-bottom: 1px solid #efefef;
}

.opt_pa_ul li:last-child label span {
    border-bottom: none;
}

.opt_pa_ul li:last-child,
.opt_pa_ul li:last-child label span,
.opt_pa_ul li:last-child label i {
    margin-bottom: 0;
    padding-bottom: 0;
}

.opt_pa_ul li {
    margin-bottom: 10px;
}

.opt_pa_ul li label span {
    padding-bottom: 15px;
}

.opt_pa_ul li label i {
    margin-bottom: 15px;
}

.myCustom-check .cusCheckSign {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 1px solid #999;
    border-radius: 100%;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    flex-shrink: 0;
    margin-right: 12px;
}

.inline-flexx,
.opt_pa_ul li label {
    -webkit-display: inline-flex;
    -moz-display: inline-flex;
    display: inline-flex;
}

.myCustom-check2 label .cusCheckSign {
    border-radius: 4px;
    width: 22px;
    height: 22px;
}

.myCustom-check .cusCheckSign:before {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 8px;
    height: 8px;
    background: #063562;
    border-radius: 100%;
    opacity: 0;
}

.myCustom-check.myCustom-check2 .cusCheckSign:before {
    width: 7px;
    height: 12px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(38deg);
    -ms-transform: rotate(38deg);
    transform: rotate(38deg);
    top: 2px;
    left: 6px;
    background: none;
    border-radius: 0;
}

.myCustom-check.myCustom-check2 input:checked + label .cusCheckSign {
    background: #da6a18;
    border-color: #da6a18;
}

.myCustom-check input:checked + label .cusCheckSign {
    border-color: #000;
}

.myCustom-check input:checked + label .cusCheckSign:before {
    opacity: 1;
}

.opt_cover_section {
    padding: 20px;
    margin-top: 15px;
    border-top: 1px solid #dbdfe4;
}

.opt_cover_section .protA {
    background: #fff;
    border: 1px solid #ede9db;
    border-radius: 10px;
    padding: 0 15px 10px;
}

.opt_cover_section ul li:hover {
    background: inherit !important;
}

.opt_pa_error {
    color: #ff0000;
    font-size: 13px;
}

@media (max-width: 991px) {
    .addCoverslist {
        min-height: 100%;
    }

    .tPre .btnSectn .glyphicon-info-sign {
        right: 10px;
        left: auto;
    }
}

.basic_dd .sbSelector:before {
    border: solid #616161;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    vertical-align: middle;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    content: "";
    position: absolute;
    right: 6px;
    top: 12px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .coversDetailsarea .choosePlanarea .planbox .premiumSect {
        width: 50%;
    }
}

#common-error p {
    font-size: 15px;
}

#common-error h3 {
    text-align: center;
}

#common-error p a {
    font-size: 13px;
    color: #282828;
    font-weight: 600;
}

sup.manda {
    color: #ff0000;
}

.twRenewalpage .addcoversLefta {
    height: 100%;
}

.coversDetailsarea .twoWdetails .bkConarea .inputreg,
.coversDetailsarea .twoWdetails .bkConarea .bkNo,
.coversDetailsarea .vehconDetails .bkNo {
    border: none;
    border-bottom: 1px solid;
    width: 100%;
    display: inline-block;
    margin: 0 0 10px;
    background: none;
    border: none;
    font-size: 12px;
    color: #242d40;
    border-bottom: 1px solid #d6d6d6;
    outline: none;
    padding: 0 5px;
}

.vehDtl.inputchassis {
    position: relative;
}

.inputchassis .errorChassis {
    color: red;
    font-size: 12px;
    position: absolute;
    left: 0;
    bottom: 10px;
}

.inputchassis sup {
    font-size: 100%;
}

#erChassisNo {
    color: #ff0000;
    font-size: 11px;
    position: absolute;
    left: 0;
    top: 35px;
}

.coversDetailsarea .vehconDetails {
    padding: 20px 0 0 25px;
}

.coversDetailsarea .choosePlanarea {
    padding: 0;
    width: 100%;
}

.Idealpln .basic_dd {
    width: 100%;
    display: inline-block;
    padding-bottom: 3px;
    margin: 0 0 10px;
}

.inptBox.drp {
    width: 30%;
    display: inline-block;
    position: relative;
    top: 5px;
    left: 15px;
}

.Idealpln span.glyphicon.glyphicon-menu-down {
    float: right;
    z-index: 1;
    font-size: 17px;
    color: #616161;
    top: 10px;
}

.Idealpln .sbHolder {
    background: transparent;
    border-bottom: 1px solid #ccd0d4;
}

.sbToggle,
.sbToggleOpen {
    background: transparent;
}

.inptBox.drp label {
    margin: 0;
    font-size: 13px;
}

.Idealpln .sbSelector {
    text-align: left;
    font-size: 13px;
    color: #282828;
    line-height: 35px;
    letter-spacing: 0;
    text-indent: 0;
}

.Idealpln ul.sbOptions {
    border: 1px solid #ccd0d4;
    border-top: none;
    max-height: 150px !important;
    overflow: hidden;
    overflow-y: auto;
}

.Idealpln ul.sbOptions li {
    padding: 0;
    border-bottom: 1px solid #ccd0d4;
    margin: 0;
}

.Idealpln .sbOptions li a {
    color: #6c7884;
    text-decoration: none;
    height: auto;
    text-align: left;
    font-size: 14px;
    text-align: left;
    padding: 6px 15px;
}

span.whChoosebl.tooltip {
    width: 100%;
}

#ascrail2000 {
    visibility: hidden;
}

div#ascrail2000-hr {
    display: none !important;
}

.sbSelector {
    text-indent: 0;
}

@media (max-width: 991px) {
    .tPre {
        right: 0;
        left: 0;
    }

    .coversDetailsarea .personalDbasic .twBasicprem {
        width: 100%;
    }

    .coversDetailsarea .personalDbasic .twPersonald {
        margin-bottom: 20px;
    }

    .twBasicprem a.premBrk {
        padding: 10px 0;
        text-align: center;
        margin: 0 auto;
        display: block;
        font-size: 14px;
    }

    .coversDetailsarea .choosePlanarea {
        padding: 0 20px;
    }

    /*        span.whChoosebl.tooltip {
            text-align: center;
        }*/

    .coversDetailsarea .choosePlanarea .Idealpln h3 {
        padding-top: 30px;
    }

    input#regNo {
        padding: 0;
    }

    .additionalCov .addCoverslist {
        padding: 10px 10px;
    }

    div#taxavailable .inptBox label {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .coversDetailsarea .choosePlanarea .Idealpln h3 {
        padding-left: 15px;
    }

    .inptBox.drp {
        width: 90%;
    }
}

@media (max-width: 400px) {
    #erChassisNo {
        line-height: 13px;
        font-size: 10px;
    }

    .coversDetailsarea .vehconDetails .vehDtl {
        width: 48%;
    }
}

.discount-banner {
    width: 60%;
    margin: 15px auto;
    padding: 11px 0;
    text-align: center;
    position: relative;
    background-image: url(https://www.icicilombard.com/docs/default-source/assets/freshlook/images/discount-banner-bg.png);
    background-repeat: no-repeat;
    height: 56px;
    display: inline-block;
    background-size: 100%;
}

.discount-banner p {
    margin: 0;
    font-size: 12px;
    font-weight: 600;
    color: #282828;
    display: inline-block;
    position: relative;
}

@media (max-width: 600px) {
    .discount-banner {
        background-image: url(https://www.icicilombard.com/docs/default-source/assets/freshlook/images/discount-banner-bgmob.png);
        background-repeat: no-repeat;
        height: 100px;
        display: inline-block;
        background-size: 100%;
    }
}

@media (max-width: 767px) {
    .coversDetailsarea .choosePlanarea {
        padding: 5px 15px;
        width: 100%;
        margin: 0 auto;
    }

    .inptBox.drp {
        left: 0;
        width: 100%;
    }

    .discount-banner {
        width: 100%;
        padding: 0 15px;
    }

    .additionalCov .addCoverslist {
        padding: 10px 10px;
    }
}

@media (max-width: 480px) {
    .discount-banner p {
        font-size: 12px;
        padding: 0 70px;
        top: 0;
        line-height: 15px;
    }
}

.inptBox .basic_dd .sbSelector {
    text-indent: initial;
}

#common-error {
    overflow: auto;
}

.overlayN {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.8);
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    z-index: 100000;
}

.content {
    width: 100%;
}

.overlayN .content-heightauto {
    width: 100%;
}

/*html {
    overflow-y: scroll;
}*/

.generic-popup-block {
    display: inline-block;
    width: 100%;
    margin: 0 auto;
}

.generic-popup-block figure {
    margin-bottom: 30px;
}

.generic-popup-block h2 {
    font-size: 20px;
    padding-bottom: 20px;
    text-align: left;
}

#common-error .generic-popup-block h3 {
    font-size: 20px;
    text-align: left;
}

.generic-popup-block p {
    font-size: 15px;
    padding-bottom: 2rem;
    text-align: left;
    margin: 0;
}

#common-error .generic-popup-block p a {
    color: #004a80;
}

.generic-popup-block ul {
    padding: 0;
}

.generic-popup-block a.btn-primary.btn-white {
    background: none;
    border: 1px solid #f26624;
    padding: 14px 50px;
    display: inline-block;
    border-radius: 50px;
    color: #f26624;
    font-size: 20px;
}

.generic-popup-block ul li {
    font-size: 15px;
    color: #004a80;
    position: relative;
    list-style: none;
    padding-left: 20px;
    padding-bottom: 10px;
}

.generic-popup-block ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    background-image: url(https://www.icicilombard.com/docs/default-source/assets/freshlook/images/error-list-arrow.png);
    background-repeat: no-repeat;
    width: 10px;
    height: 9px;
    display: inline-block;
}

.popup.light.js-popup-body.commonpop-pad {
    max-width: 650px;
    min-height: auto;
    max-height: max-content;
    padding: 40px 30px;
}

#common-error .closeBtn {
    float: none;
}

.renewal_vefiy_popup {
    width: 80%;
    margin: 0 10px 0 0;
    /*font-family: "Roboto", Helvetica, Arial, sans-serif;*/
    padding: 10px 20px 10px 20px;
    border-radius: 5px;
    background-color: #e1f4fd;
    z-index: 1;
    text-align: left;
    transition: 1s ease-in-out;
    -webkit-animation: MoveUpDown 1s linear infinite;
    animation: MoveUpDown 1s linear infinite;
    animation-delay: 30s;
    border-left: 5px solid #00305b;
    border-top: solid 1px #00305b;
    border-bottom: solid 1px #00305b;
    border-right: solid 1px #00305b;
}

@keyframes MoveUpDown {
    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-4px);
    }
}

.renewal_vefiy_popup_close {
    position: relative;
    top: 2px;
    width: 22px;
    vertical-align: text-top;
    float: right;
    cursor: pointer;
}

.renewal_vefiy_popup_close:before,
.renewal_vefiy_popup_close:after {
    position: absolute;
    left: 15px;
    content: " ";
    height: 17px;
    width: 1px;
    background-color: #333;
}

.renewal_vefiy_popup_close:before {
    transform: rotate(45deg);
}

.renewal_vefiy_popup_close:after {
    transform: rotate(-45deg);
}

.renewal_vefiy_popup_sec {
    padding: 1.5rem 0px 15px 0px;
    position: relative;
    overflow: hidden;
    width: 100%;
}

.renewal_vefiy_popup_sec p.subhead {
    font-weight: 500;
    font-size: 15px;
    width: 95%;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    margin-bottom: 2px;
}

.renewal_vefiy_popup_sec p.subtext {
    font-size: 14px;
    width: 90%;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
}
.twRenewalpage .addcoversLefta .additionalCov .addCoverslist .inpAcce {
    position: relative;
    padding-bottom: 10px;
}
.twRenewalpage .addcoversLefta .additionalCov .addCoverslist .inpAcce span.errorN {
    bottom: auto;
    font-size: 11px;
    background: none;
    top: -12px;
}
.loader:after,
.loader:before {
    display: none;
}

/************ new media screen **************/
@media (max-width: 768px) {
    .renewal_vefiy_popup {
        width: 100%;
        font-size: 14px;
    }

    .renewal_vefiy_popup_sec p.subhead {
        font-size: 14px;
    }

    .renewal_vefiy_popup_sec p.subtext {
        font-size: 13px;
    }

    .renewal_vefiy_popup {
        padding: 10px 5px 10px 5px;
    }

    .renewal_vefiy_popup_close:before,
    .renewal_vefiy_popup_close:after {
        position: relative;
        float: right;
        left: -20px;
    }

    .renewal_vefiy_popup_close {
        position: relative;
        top: 2px;
        width: 22px;
        vertical-align: text-top;
        float: right;
        cursor: pointer;
    }

    .renewal_vefiy_popup_close:before,
    .renewal_vefiy_popup_close:after {
        position: relative;
        float: right;
        left: -10px;
    }
}

.il-uppercase {
    text-transform: uppercase;
}

.disabled-link {
    pointer-events: none;
    opacity: 0.6;
}

.sBtnOk {
    background: #063b6d;
    display: inline-block;
    color: #fff;
    padding: 15px 40px;
    border-radius: 30px;
    text-transform: uppercase;
    font-size: 15px;
    margin: 0 auto;
    text-align: left;
    margin-top: 10px;
    text-decoration: none;
    cursor: pointer;
}

.sBtnOk:hover {
    color: #fff;
}

div#CPAPopUp p {
    font-size: 15px;
}

.coversDetailsarea .vehconDetails {
    max-height: 100%;
}

.error-details {
    font-size: 14px;
}

/* angular UI changes*/
.twRenewalpage .input-block {
    margin-bottom: 0;
    max-width: 100%;
    height: auto;
}
.kycpopupWrapper .input-block {
    max-width: 100%;
    height: auto;
}
.twRenewalpage .input-block input {
    font-size: 1.6rem;
    color: #282828;
    font-weight: 600;
}
.twRenewalpage a {
    cursor: pointer;
}
.twRenewalpage .select-input-block {
    /* margin-bottom: 2rem;*/
}
.twRenewalpage .select-input-block input {
    cursor: pointer;
    margin: 0;
    font-weight: 600;
}
.twRenewalpage label.contCov {
    font-size: 14px;
}
#tw_rn_view_breakup .popup .close:before,
#tw_rn_view_breakup .popup .close:after {
    display: none;
}
#tw_rn_view_breakup .popup {
    overflow: visible;
}
input#regNo {
    padding: 0;
}
.twRenewalpage .choosePlanarea .yearsplanTooltip {
    padding: 10px 20px 5px;
}
.twBasicprem a.premBrk {
    padding: 15px 5px;
}
span#idv {
    font-size: 14px;
    font-weight: 500;
    padding-right: 8px;
    font-weight: 800;
}
@media (max-width: 767px) {
    .accordion-sec .accordion-body {
        padding: 4rem 2rem 3rem;
    }
}
/* angular UI changes*/

/* new layout css*/
/*.twRenewalpage a{
        cursor: pointer;
    }
    .coversDetailsarea form {
        width: 33%;
        display: inline-block;
        float: right;
    }
    .coversDetailsarea .twoWdetails .bkConarea h3{
        font-size: 14px;
    }
    input#regNo {
        text-transform: uppercase;
        margin: 10px 0;
        padding: 0;
    }
    .coversDetailsarea .vehconDetails{
        background: #fff;
    }
    .coversDetailsarea .twoWdetails .bkConarea{
        position: relative;
    }
    .coversDetailsarea .twoWdetails .moreD{
        position: absolute;
        right: 0;
        top: 65px;
    }*/
app-plan-page-right-components > div {
    display: inline-block;
    width: 65%;
}
.right-vehicle-details {
    display: inline-block;
    width: 30%;
    vertical-align: top;
}
.coversDetailsarea .personalDbasic .twPersonald {
    width: 95%;
}
.discount-banner {
    width: 90%;
}
.planDetails .mid {
    margin: 0;
}
.coversDetailsarea .choosePlanarea .planbox .premiumSect .tpVal {
    font-size: 18px;
}
.coversDetailsarea .choosePlanarea .planbox h3 {
    font-size: 11px;
    padding: 6px 8px;
}
.discount-banner {
    margin: 15px 0 auto;
}
.coversDetailsarea .twoWdetails .bkConarea h3 {
    font-size: 14px;
    line-height: 20px;
}
.coversDetailsarea .twoWdetails .bkConarea .bkNo {
    padding: 0;
}
.coversDetailsarea .twoWdetails .depAmt {
    padding: 12px 0;
    font-size: 13px;
    font-weight: 700;
    float: left;
    display: block;
}
.coversDetailsarea .twoWdetails .depAmt span {
    font-weight: 700;
}
.coversDetailsarea .twoWdetails .bkConarea {
    padding-left: 0;
}
.coversDetailsarea .twoWdetails .moreD {
    /*top: -30px;*/
    float: right;
}
.twRenewalpage a {
    cursor: pointer;
}
.coversDetailsarea .vehconDetails:before {
    display: none;
}
.coversDetailsarea .twoWdetails {
    padding: 15px 0 3px;
    border-bottom: none;
}
.coversDetailsarea .vehconDetails {
    /*top: -20px;*/
    background: none;
    border: none;
    padding: 0;
}
.coversDetailsarea .vehconDetails .vehDtl {
    width: 100%;
    display: inline-block;
    padding-bottom: 10px;
}
a.closeVeh {
    display: none;
}
.coversDetailsarea .choosePlanarea .planbox .rpicon sup {
    top: 0;
    font-size: 18px;
}
.discount-banner p {
    font-size: 12px;
    font-weight: 700;
}
.discount-banner p br {
    display: none;
}
.coversDetailsarea .twoWdetails .moreD a {
    font-weight: 700;
}
.left-plans-customer-details {
    width: 65%;
    display: inline-block;
}

.right-vehicle-details {
    width: 35%;
    display: inline-block;
    vertical-align: top;
    padding-left: 25px;
}
.twRenewalpage {
    height: auto !important;
}
.renewal_vefiy_popup_sec p.subhead {
    font-size: 14px;
    width: 100%;
}
.planDetails .planbox {
    width: 45%;
}
.coversDetailsarea {
    padding: 20px 0 0;
}
/*.twRenewalpage .box{
        margin: 10px 0 0
    }*/
.discount-banner {
    width: 100%;
}
.renewal_vefiy_popup_sec p.subtext {
    font-size: 14px;
}
.inptBox.drp {
    width: 35%;
}
#ChassisNo {
    font-size: 14px;
    padding: 0;
    font-weight: 500;
}
/* new layout css*/

/* common popup with new layout*/

#tw_rn_view_breakup .popup {
    width: 100%;
    max-width: 898px;
    min-height: auto;
    max-height: none;
}

#tw_rn_view_breakup .popup .close {
    color: #282828;
    top: 5px;
    right: 15px;
    font-family: auto;
}

#tw_rn_view_breakup .popup h2 {
    text-align: left;
    padding: 15px 20px;
}
#tw_rn_view_breakup .popup .innerWrap {
    max-height: none;
    overflow: visible;
}

#tw_rn_view_breakup .popup .blockTab {
    width: 50%;
}
#tw_rn_view_breakup {
    overflow: auto;
}
#tw_rn_view_breakup .popup .sdInfo {
    padding: 0 20px;
}
#tw_rn_view_breakup .popup .blockTab ul {
    padding: 0 20px 10px;
    margin-right: 10px;
}
#tw_rn_view_breakup .popup .sdInfo {
    padding: 0 20px;
    border: none;
    margin-right: 30px;
}
#tw_rn_view_breakup.overlayN .pageBrblock .blue {
    background: none;
    color: #000;
    font-weight: 700;
}
#tw_rn_view_breakup .contnt {
    border: none;
}
#tw_rn_view_breakup.overlayN .pageBrblock .blue .brList {
    padding: 10px 0 0 0;
}
#tw_rn_view_breakup .sdInfo h3 {
    font-weight: 600;
    text-align: left;
    display: block;
}
.overlayN .pageBrblock .blue.orange-text .brList,
.overlayN .pageBrblock .blue.orange-text .rightBrlist {
    font-size: 18px;
    color: #ec6608;
}
#tw_rn_view_breakup .bTBor {
    display: none;
}
#tw_rn_view_breakup .popup .sdInfo.marRight {
    margin-right: 0;
}
ul.ui-discount-list li {
    color: #09751b;
}
#tw_rn_view_breakup.overlayN .pageBrblock .blue .rightBrlist {
    padding: 10px 0;
}
#tw_rn_view_breakup.overlayN .pageBrblock .brList {
    font-weight: 500;
}
#tw_rn_view_breakup .popup .blockTab:last-child {
    float: right;
}
.planDetails .planbox {
    min-height: 85px;
}
.twBasicprem.twkycbasicPrem {
    padding: 12px 0;
}
.tooltip {
    font-family: Mulish, sans-serif !important;
}
.twRenewalpage .box.tPre {
    border-radius: 6px;
    background: #f8f6f6;
}
.mob-policy-details {
    display: none;
}
.insured-details-block {
    margin-bottom: 3rem;
}
.insured-details-block.blockDisable:nth-child(2) {
    margin-bottom: 1rem;
}
#twnominee-details-body .insured-details-block:nth-child(1) {
    margin-bottom: 5rem;
}
#twnominee-details-body .insured-details-block.blockDisable:nth-child(2) {
    margin-bottom: 5rem;
}
.disclaimer a {
    font-size: 13px;
    font-weight: 700;
    color: #ec6608;
    line-height: 21px;
    text-decoration: underline;
}
a.bagi_link {
    text-decoration: underline !important;
}
/*.insured-details-block .select-input-block .errorN {
    bottom: 10px;
}*/
.blockDisable .il-input-block label {
    padding-left: 0;
    left: 0;
    top: 0;
}
/*.blockDisable .dob-form-block .input-block input::placeholder {
    opacity: 0;
}
.blockDisable .dob-form-block .input-block span.separator{
    display: none;
}*/
/*.blockDisable .dob-form-block .input-block input{
    height: auto;
}*/
.blockDisable .select-input-block label {
    padding: 0;
    left: 0;
}

.blockDisable .il-input-block.focus label {
    padding-left: 0;
    left: 0;
}
.blockDisable .select-input-block.selectActive label {
    padding: 0;
    left: 0;
}
span#VehicleInspectionReqA {
    padding: 10px 5px;
    display: block;
    font-weight: 500;
}
.tableWrapp td,
.tableWrapp th {
    border-bottom: 1px solid #ddd;
}
/*.blockDisable .dob-form-block .input-block span.jq-dte-inner input{
    display: none;
}
.blockDisable .dob-form-block .input-block span.separator{
    display: none;
}*/
@media (max-width: 1360px) {
    .planDetails .planbox {
        width: 55%;
    }
    .coversDetailsarea .twoWdetails .moreD {
        padding: 2px 30px 0 0;
    }
    .coversDetailsarea .twoWdetails .moreD a {
        font-size: 11px;
    }
    .coversDetailsarea .twoWdetails .bkConarea h3 {
        font-size: 13px;
    }
    .coversDetailsarea .choosePlanarea .Idealpln h3 {
        font-size: 13px;
    }
    .coversDetailsarea .choosePlanarea .Idealpln h3 span {
        font-size: 11px;
    }
    .discount-banner p {
        font-size: 13px;
    }
    .twRenewalpage .addcoversLefta .additionalCov .addCoverslist ul.unstyled li .disVal,
    .twRenewalpage .addcoversLefta .additionalCov .addCoverslist ul.unstyled li .disVal1 {
        font-size: 11px;
        top: 9px;
    }
    .twRenewalpage .addcoversLefta #lstGeoExt .box {
        float: none;
        padding: 0 10px 0 45px;
    }
    .twRenewalpage .addcoversLefta #lstAccessories .box {
        float: none;
        padding: 0 10px 0 45px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .twRenewalpage .slideDetlall .block {
        width: 100%;
    }
    .twRenewalpage .doneBtn {
        text-align: right;
        display: block;
        padding: 15px 0 0 15px;
    }
    .planDetails .planbox {
        width: 60%;
        margin: 12px 0 0;
    }
    .discount-banner p {
        font-size: 11px;
    }
    .coversDetailsarea .choosePlanarea .Idealpln h3 {
        font-size: 12px;
    }
    .coversDetailsarea .choosePlanarea .Idealpln h3 span {
        display: block;
        padding: 8px 0 0;
    }
    .inptBox.drp {
        width: 50%;
        float: right;
        padding-right: 15px;
    }
    .renewal_vefiy_popup {
        width: 100%;
    }
}
@media (min-width: 992px) and (max-width: 1024px) {
    .discount-banner p {
        font-size: 9px;
    }
    .planDetails .planbox {
        width: 60%;
    }
    .coversDetailsarea .choosePlanarea .Idealpln h3 {
        font-size: 12px;
    }
    .coversDetailsarea .choosePlanarea .Idealpln h3 span {
        display: block;
        padding: 8px 0 0;
    }
    .inptBox.drp {
        width: 50%;
        float: right;
        padding-right: 15px;
    }
    .renewal_vefiy_popup_sec p.subtext {
        font-size: 12px;
    }
    .renewal_vefiy_popup_sec p.subhead {
        font-size: 12px;
        width: 100%;
    }
}
@media (max-width: 991px) {
    .save-btn-block {
        margin-top: 2rem;
    }
    .insured-details-block {
        margin-bottom: 0;
    }
    .mob-policy-details {
        display: block;
        padding: 10px 10px;
    }
    .coversDetailsarea .mob-policy-details .twoWdetails {
        display: block;
    }
    .coversDetailsarea .twoWdetails {
        display: none;
    }
    .twRenewalpage .addcoversLefta #lstGeoExt .box {
        float: right;
        padding: 0;
    }
    .twRenewalpage .addcoversLefta #lstAccessories .box {
        float: right;
        padding: 0;
    }
    .twRenewalpage .addcoversLefta {
        width: 100%;
    }
    app-plan-page-right-components > div {
        width: 100%;
    }
    .right-vehicle-details {
        width: 100%;
    }
    .coversDetailsarea .choosePlanarea .Idealpln h3 {
        padding-top: 0;
    }
    .discount-banner {
        height: 60px;
    }
    .discount-banner {
        margin: 5px 0 auto;
    }
    .discount-banner {
        padding: 20px 0;
    }
    .coversDetailsarea .twoWdetails .bkConarea {
        float: none;
    }
    .bkBackbtn {
        display: none;
    }
    .coversDetailsarea .twoWdetails {
        padding: 0;
    }
    .renwInfomob {
        display: inline;
    }
    .twRenewalpage label.contCov {
        background: #f19012;
        color: #fff;
    }
    .whChoosebl {
        padding: 25px 0 20px;
    }
    .coversDetailsarea .personalDbasic .twPersonald {
        width: 100%;
    }
    .coversDetailsarea .vehconDetails .vehDtl .gryNm {
        font-size: 14px;
    }
    .right-vehicle-details {
        padding-left: 10px;
    }
    .coversDetailsarea .choosePlanarea .Idealpln {
        padding: 10px 0;
    }
    .inptBox.drp {
        width: 40%;
        float: right;
        padding-right: 10px;
    }
    .planDetails .planbox {
        width: 40%;
    }
    .twRenewalpage .addcoversLefta .additionalCov .addCoverslist ul.unstyled li .disVal,
    .twRenewalpage .addcoversLefta .additionalCov .addCoverslist ul.unstyled li .disVal1 {
        font-size: 12px;
    }
    .insgender-details {
        margin-bottom: 3rem;
    }
    .il-input-block,
    .select-input-block .dropdown-block {
        margin-bottom: 3rem;
    }
    .input-block.date-block {
        margin-bottom: 3rem;
    }
    .coversDetailsarea .twoWdetails .depAmt {
        float: none;
        position: relative;
    }
    .addsCoversmob {
        clear: both;
        padding: 30px 0 0;
    }
    .discount-banner {
        margin-bottom: 20px;
    }
    #networkGarage img {
        text-align: center;
        margin: 0 auto;
    }
    .twBasicprem a.premBrk {
        padding: 0 5px 25px;
    }
    .coversDetailsarea .choosePlanarea .Idealpln h3 {
        font-size: 15px;
    }
    .table_wrapper {
        padding-bottom: 35px;
    }
}
@media (max-width: 767px) {
    #twnominee-details-body .insured-details-block:nth-child(1) {
        margin-bottom: 0;
    }
    #twnominee-details-body .insured-details-block.blockDisable:nth-child(2) {
        margin-bottom: 0;
    }
    .insured-details-block.blockDisable:nth-child(2) {
        margin-bottom: 0;
    }
    .discount-banner p br {
        display: block;
    }
    .lombardCaldt h1 {
        font-size: 20px;
        line-height: normal;
    }
    .lombardCaldt span {
        font-size: 14px;
    }
    .inptBox.drp {
        width: 100%;
        float: none;
        padding-right: 0;
    }
    .inptBox.drp {
        width: 100%;
    }
    .kyc-sucsess-block .verifyIcon {
        margin-right: 0;
    }
    .renewal_vefiy_popup {
        padding: 10px 10px 10px 10px;
    }
    .kyc-sucsess-block p {
        display: inline;
    }
    .renewal_vefiy_popup_sec p.subhead {
        font-size: 13px;
    }
    .discount-banner {
        padding: 10px 0;
    }
    .coversDetailsarea .choosePlanarea .Idealpln h3 {
        padding: 10px 0 20px;
        text-align: center;
        margin: 0 auto;
        display: block;
        font-size: 16px;
    }
    .twRenewalpage .planDetails .planbox {
        width: 80%;
        margin-right: 0;
    }
    #tw_rn_view_breakup .popup {
        margin: 0 auto;
        border: none;
        border-radius: 0;
        max-width: 100%;
        padding: 0;
    }
    #tw_rn_view_breakup .popup h2 {
        font-size: 16px;
        padding: 30px 45px 15px 10px;
        line-height: 22px;
    }
    #tw_rn_view_breakup.overlayN .pageBrblock .brList {
        font-size: 12px;
    }
    #tw_rn_view_breakup .sdInfo h3 {
        font-size: 14px;
    }
    #tw_rn_view_breakup .popup .blockTab {
        width: 100%;
    }
    #tw_rn_view_breakup .popup .blockTab ul {
        padding: 10px 10px;
    }
    #tw_rn_view_breakup .popup .sdInfo {
        margin-right: 0;
        padding: 0 10px;
    }
    .whChoosebl {
        padding: 10px 0 20px;
    }
    .coversDetailsarea .choosePlanarea .planbox .premiumSect .tpVal {
        font-size: 24px;
    }
    .coversDetailsarea .choosePlanarea .planbox .rpicon sup {
        font-size: 25px;
    }
    span.whChoosebl.tooltip {
        text-align: center;
    }
    .insured-details-block .right-details-block {
        margin-left: 0;
    }
    .twRenewalpage .slideDetlall {
        padding: 15px 10px 20px 20px;
    }
    .twRenewalpage .outCv {
        overflow-x: visible;
    }
    /*    .il-input-block.focus label{
        font-size: 1.4rem;
    }
    input.default-input{
        font-size: 1.4rem;
    }
    .select-input-block label{
        font-size: 1.4rem;
    }
    .twRenewalpage .input-block input{
        font-size: 1.4rem;
    }*/
}
@media (max-width: 480px) {
    #tw_rn_view_breakup.overlayN .pageBrblock .brList {
        font-size: 11px;
    }
    .discount-banner p {
        font-size: 10px;
    }
    .coversDetailsarea .twoWdetails .bkConarea h3 {
        font-size: 11px;
    }
}
/************ new media screen **************/
div#tw_rn_view_breakup {
    overflow: auto;
}

/* common popup with new layout*/

/* common popup with new layout*/

.box .disVal ~ span {
    position: relative;
    top: 5px;
}

/* attention popup css*/
div#attention-reg .popup {
    padding: 0;
    border-radius: 13px;
    max-width: 426px;
}

div#attention-reg .popup .reg-img-block {
    background: #fff2eb;
    border-radius: 10px 10px 0 0;
    text-align: center;
    padding: 15px 0 0;
}

div#attention-reg {
}

div#attention-reg .content1 {
    padding: 20px 30px;
}

div#attention-reg .content1 p {
    text-align: left;
    font-size: 1.4rem;
    padding: 1rem 0;
}

a.primary-btn {
    background: #ec6625;
    color: #fff;
    padding: 15px 30px;
    border-radius: 5px;
    font-size: 16px;
}
#attention-reg.break-up-new .popup h2 {
    margin: 0;
    font-family: "Mulish";
    font-weight: 700;
    font-size: 18px;
    text-align: left;
}
.il-btn-block {
    text-align: right;
    clear: both;
    margin: 15px 0;
}
.il-uppercase {
    text-transform: uppercase;
}

.disabled-link {
    pointer-events: none;
    opacity: 0.6;
}
@media (max-width: 767px) {
    #attention-reg.break-up-new .popup h2 {
        padding: 20px 0 0;
    }
    div#attention-reg .popup,
    div#attention-reg .popup .reg-img-block {
        /* border-radius: 0; */
    }
}

div#attention-reg .content1 p span {
    font-size: 1.4rem;
    font-weight: 400;
}
/* attention popup css*/

/* car renewal css */
a.features_pp.apopup {
    color: #ec6625;
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 15px;
    text-decoration: underline !important;
    position: absolute;
    right: 155px;
    top: 10px;
}
#PersonalProtectCoverMore a.close {
    top: 5px;
    right: 15px;
    font-family: auto;
    font-size: 0;
}
.glyphicon-menu-down:before {
    display: none;
}
#fwTerms ul {
    overflow: auto;
}
#fwTerms {
    padding: 0;
}
#RSAserviceCar ul li {
    list-style-type: disc;
    padding-bottom: 10px;
}
#RSAserviceCar ul {
    padding: 15px 20px;
}
span#errorKit {
    color: #ff0000;
    font-size: 11px;
}
#RSAserviceCar a.close {
    top: 1px;
    right: 15px;
    font-family: auto;
    font-size: 0;
}
.garage-img-block img {
    width: 100%;
}
.price-match-ui .inptBox {
    width: 100%;
    margin: 0 auto;
    text-align: left;
    border: 1px solid #c9c9c9;
    /*border-bottom: none;
*/
    border-radius: 5px;
    margin-top: 15px;
    left: 0;
    top: 0;
    margin-bottom: 1rem;
    /*overflow: hidden;*/
}
#priceMatchblock {
    margin-bottom: 15px;
}
span#errorAAI {
    color: red;
}
#kpcovList1 span {
    font-weight: 500;
}
.price-match-ui .inptBox select {
    padding: 15px 12px;
    width: 100%;
    font-size: 14px;
    background: #fff;
    color: #282828;
    font-weight: 500;
}
.price-match-ui .edit-text {
    margin: 8px 0 10px;
}
.price-match-ui .btnSectn a.primary-button {
    border-radius: 5px;
    padding: 8px 10px;
}
.price-match-ui .inptBox label {
    top: 15px;
    position: absolute;
    left: 11px;
    color: #838383;
    /*display: none;*/
    padding: 0 7px;
    background: #fff;
    border-radius: 5px;
    font-weight: 500;
}
.price-match-ui .inptBox.focus label {
    top: -10px;
    font-size: 1.2rem;
}
.price-match-ui .inptBox option {
    font-size: 14px;
}
.price-error-block span {
    font-size: 12px;
    position: static;
    color: #b82f3e;
}
.price-match-ui .il-input-block {
    margin-bottom: 2rem;
}
.price-match-ui input.default-input {
    padding: 1.2rem;
    line-height: normal;
}

.price-match-ui .il-input-block label {
    line-height: normal;
    font-size: 1.4rem;
    top: 14px;
    border-radius: 5px;
}
.price-match-ui .inptBox .errorN {
    position: absolute;
    background: none;
    top: 52px;
    font-weight: 400;
    text-align: left;
}
.price-match-ui .il-input-block.focus label {
    top: -7px;
    font-size: 1.2rem;
}
.price-match-ui .il-input-block .errorN {
    font-size: 1.2rem;
    color: red;
    font-weight: 400;
}
.renewal_vefiy_popup_sec p.subhead {
    font-weight: 700;
}
.uindetailsWrapper .pro-code-wrap {
    width: 60%;
    margin: 2rem auto;
}
.uindetailsWrapper .table_wrapper {
    width: 80%;
    border-radius: 10px;
    overflow: hidden;
    border: solid 1px #ddd;
    padding: 0;
}
.table {
    display: table;
    border-collapse: separate;
    box-sizing: border-box;
    border-spacing: 2px;
    border-color: #dddccb;
}

.uindetailsWrapper .tableWrapp {
    border-collapse: collapse;
    text-align: center;
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
    margin: 0;
}

.uindetailsWrapper .tableWrapp.wid-100 th {
    width: 20%;
}

.uindetailsWrapper .tableWrapp th {
    text-align: left !important;
    background-color: #dddccb;
    padding: 1.5rem 2rem;
    border-right: 1px solid #ece9e9;
    font-size: 15px;
    font-weight: 600;
    color: #000000;
}
.uindetailsWrapper .tableWrapp th:last-child {
    border-right: none;
}

.uindetailsWrapper .tableWrapp td,
.uindetailsWrapper .tableWrapp th {
    font-size: 16px;
    text-align: left;
    width: 230px;
}

.uindetailsWrapper .tableWrapp td {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 17px;
    padding-bottom: 16px;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #000000;
    position: relative;
}

.uindetailsWrapper .border-top-grey {
    border-top: solid 1px #eaeaea !important;
}

.uindetailsWrapper .border-bottom-none {
    border-bottom: none !important;
}

.uindetailsWrapper .tableWrapp tr:first-child {
    border-radius: 10px;
    border-bottom: none;
}
.uindetailsWrapper .tableWrapp td:last-child {
    border-right: 0px;
}
.uindetailsWrapper .tableWrapp td {
    text-align: left;
    width: 290px;
    /*padding-left: 30px !important;*/
    border-right: 1px solid #ddd;
    border-bottom: none;
}

.uindetailsWrapper .tableWrapp tr.row-1 {
    background-color: #f5f6f6;
}

.uindetailsWrapper .tableWrapp tr.row-1 td {
    font-size: 15px;
    font-weight: bold;
    color: #282828;
    background-color: #f5f6f6;
    padding: 15px !important;
    padding-left: 30px;
}
.kyc-popup-sec .ckyc-failed-block h6 span.verificationError {
    color: #e71a1a;
    margin: 0;
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 15px;
    padding: 0;
    top: 0;
}
.left-details-block span.errorN {
    position: relative;
}
.inpAcce.gasKit.dis-add {
    vertical-align: middle;
}
.twRenewalpage #divaccessories.slideDetlall .block {
    width: 79%;
}
.twRenewalpage #divaccessories.slideDetlall .block .inpAcce {
    vertical-align: top;
    padding-bottom: 0;
}
.twRenewalpage #divaccessories.slideDetlall .block #errorNonElec,
.twRenewalpage #divaccessories.slideDetlall .block #errorElec {
    font-size: 11px;
    color: red;
    padding: 0;
}
input#fw_cd-valuetrm {
    padding: 10px 0;
}
.inpAcce.dis-add {
    float: right;
    margin-right: 13px;
}
.inpAcce.gasKit.dis-add {
    float: none;
}

/* car IDV UI*/
#idv-pop .popup {
    max-width: 450px;
    padding: 2rem 3rem 3.5rem;
    text-align: left;
}
#idv-pop .il-input-block.focus::before {
    content: "₹";
    position: absolute;
    top: 15px;
    left: 15px;
    font-size: 1.8rem;
}
#idv-pop .il-input-block input {
    padding-left: 3rem;
}
#idv-pop .popup h2 {
    font-size: 1.6rem;
    text-align: left;
    padding: 2rem 0 3rem;
    margin: 0;
    font-weight: 700;
    font-family: "Mulish";
}

.rec-idv {
    padding-bottom: 2rem;
}

.rec-idv span {
    font-size: 1.4rem;
}

.rec-idv span a {
    font-weight: 700;
    color: #282828;
    border-bottom: 1px solid;
}

span.check-idv {
    font-size: 1.2rem;
    padding: 1rem 0;
    display: block;
    color: #6c6c6c;
    font-weight: 500;
}
span.check-idv.error-idv,
span.check-idv.error-idv a {
    color: #ff0000;
    border-color: #ff0000;
}

span.check-idv a {
    border-bottom: 1px solid #c3c3c3;
    color: #6c6c6c;
}

.btn-wrap a {
    display: block;
}

#idv-pop .il-input-block {
    margin-bottom: 3rem;
}
#idv-pop a.close-pop {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzMiIHZpZXdCb3g9IjAgMCAzMiAzMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSIzMSIgaGVpZ2h0PSIzMS43MjMxIiByeD0iNC41IiBmaWxsPSJ3aGl0ZSIvPgo8cmVjdCB4PSIwLjUiIHk9IjAuNSIgd2lkdGg9IjMxIiBoZWlnaHQ9IjMxLjcyMzEiIHJ4PSI0LjUiIHN0cm9rZT0iI0YwRUZFRSIvPgo8cGF0aCBkPSJNMTkuOCAxMi4yMDc3TDEyLjIgMjAuNTE1NCIgc3Ryb2tlPSIjNTc1NzU3IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTIuMiAxMi4yMDc3TDE5LjggMjAuNTE1NCIgc3Ryb2tlPSIjNTc1NzU3IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K);
    width: 32px;
    height: 32px;
    position: absolute;
    right: 15px;
    top: 15px;
    border: none;
    transition: none;
    border-radius: 0;
    text-shadow: none;
    float: none;
}

#idv-pop a.close-pop:before {
    display: none;
}

#idv-pop a.close-pop:after {
    display: none;
}
.idv-range-slider {
    position: relative;
    padding: 0;
    width: 100%;
}

.coversDetailsarea .idv-range-slider span.MinIDV {
    position: absolute;
    left: 0;
    bottom: 25px;
    font-weight: 700;
    color: #ec6625;
    cursor: pointer;
    font-size: 1.1rem;
    z-index: 2;
}
.coversDetailsarea .twoWdetails .depAmt {
    font-weight: 500;
}

.coversDetailsarea .idv-range-slider span.MaxIDV {
    position: absolute;
    right: 0;
    bottom: 25px;
    font-weight: 700;
    color: #ec6625;
    cursor: pointer;
    font-size: 1.1rem;
    z-index: 2;
}

.coversDetailsarea .twoWdetails .depAmt {
    width: 100%;
}

.idv-range-slider p {
    font-size: 1rem;
    font-weight: 600;
    position: relative;
    top: -15px;
    text-align: center;
}

.coversDetailsarea .idv-range-slider span.MinIDV:before {
    content: "₹";
}
.coversDetailsarea .idv-range-slider span.MaxIDV:before {
    content: "₹";
}
/* car IDV UI*/
.premiumSect.premium-amount-load {
    position: relative;
}
.premium-amount-load:after {
    content: "";
    display: inline-flex;
    background-image: url(/docs/default-source/apps/fwfresh/plan-details/images/load-data-animate.gif);
    background-repeat: no-repeat;
    width: 100px;
    height: 38px;
    position: absolute;
    top: 14px;
    left: 20px;
}
/*.coversDetailsarea .choosePlanarea .planbox .premiumSect.premium-amount-load h4, .coversDetailsarea .choosePlanarea .planbox .premiumSect.premium-amount-load span, .coversDetailsarea .choosePlanarea .planbox .premiumSect.premium-amount-load sup {
    font-size: 0;
}*/
.planDetails .selected {
    background: #fff;
}
.splnote {
    font-size: 12px;
    font-weight: 400;
    display: block;
    padding: 10px;
    background: #f1f1f1;
    margin: 0 0 10px;
}
span.errorNom {
    color: #e71a1a;
    display: flex;
    align-self: center;
    font-weight: 600;
    font-size: 1.3rem;
}
.insured-details-block.il-pan-nm.blockDisable {
    margin-bottom: 1.5rem;
}

.insured-details-block.il-gstin.blockDisable {
    margin-bottom: 0.5rem;
}
span.price-match-errorNom {
    font-size: 1.2rem;
    display: block;
    color: #ff0000;
}
.recomIDV {
    cursor: pointer;
}
span#idv-error {
    font-size: 11px;
    font-weight: 500;
    color: #ff0000;
    display: block;
    text-align: right;
    clear: both;
}

input#sliderValue {
    border: 1px solid #c9c9c9;
    padding: 10px 10px 10px 20px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 700;
    width: 125px;
    /*float: right;*/
}
/*.depAmt .rpicon {
    position: relative;
    left: 20px;
    z-index: 9;
}*/

.idv-range-slider input[type="range"] {
    color: #ef233c;
    --thumb-height: 20px;
    --track-height: 6px;
    --track-color: rgba(0, 0, 0, 0.2);
    --brightness-hover: 180%;
    --brightness-down: 80%;
    --clip-edges: 0.125em;
}

.idv-range-slider input[type="range"].win10-thumb {
    color: #2b2d42;
    --thumb-height: 1.375em;
    --thumb-width: 0.5em;
    --clip-edges: 0.0125em;
}

.idv-range-slider input[type="range"] {
    color: #EC6625;
    --track-color: #EAEAEA;
    margin: 2rem 0;
}

.idv-range-slider input[type="range"].win10-thumb {
    color: #3a86ff;
}

.idv-range-slider input[type="range"] {
    position: relative;
    background: #fff0;
    overflow: hidden;
}

.idv-range-slider input[type="range"]:active {
    cursor: default;
}

input[type="range"],
input[type="range"]::-webkit-slider-runnable-track,
input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    transition: all ease 100ms;
    height: var(--thumb-height);
}

input[type="range"]::-webkit-slider-runnable-track,
input[type="range"]::-webkit-slider-thumb {
    position: relative;
}

input[type="range"]::-webkit-slider-thumb {
    --thumb-radius: calc((var(--thumb-height) * 0.5) - 1px);
    --clip-top: calc((var(--thumb-height) - var(--track-height)) * 0.5 - 0.5px);
    --clip-bottom: calc(var(--thumb-height) - var(--clip-top));
    --clip-further: calc(100% + 1px);
    --box-fill: calc(-100vmax - var(--thumb-width, var(--thumb-height))) 0 0 100vmax currentColor;

    width: var(--thumb-width, var(--thumb-height));
    background: linear-gradient(currentColor 0 0) scroll no-repeat left center / 5% calc(var(--track-height) + 1px);
    background-color: currentColor;
    box-shadow: var(--box-fill);
    border-radius: var(--thumb-width, var(--thumb-height));

    filter: brightness(100%);
    clip-path: polygon(100% -1px, var(--clip-edges) -1px, 0 var(--clip-top), -100vmax var(--clip-top), -100vmax var(--clip-bottom), 0 var(--clip-bottom), var(--clip-edges) 100%, var(--clip-further) var(--clip-further));
}


input[type="range"]::-webkit-slider-runnable-track {
    background: linear-gradient(var(--track-color) 0 0) scroll no-repeat center / 100% calc(var(--track-height) + 1px);
}

input[type="range"]::-webkit-slider-thumb {
   -webkit-appearance: none; /* Override default look */
   appearance: none;
   background-color: #fff;
    border:3px solid #EC6608;
    cursor: pointer;
}
input[type="range"]::-moz-slider-thumb {
   -webkit-appearance: none; /* Override default look */
   appearance: none;
   background-color: #fff;
    border:3px solid #EC6608;
    cursor: pointer;
}



/* === Firefox specific styles === */
input[type="range"],
input[type="range"]::-moz-range-track,
input[type="range"]::-moz-range-thumb {
    appearance: none;
    transition: all ease 100ms;
    height: var(--thumb-height);
}

input[type="range"]::-moz-range-track,
input[type="range"]::-moz-range-thumb,
input[type="range"]::-moz-range-progress {
    background: #fff0;
}

input[type="range"]::-moz-range-thumb {
    background: currentColor;
    border: 0;
    width: var(--thumb-width, var(--thumb-height));
    border-radius: var(--thumb-width, var(--thumb-height));
    cursor: grab;
}

input[type="range"]:active::-moz-range-thumb {
    cursor: grabbing;
}

input[type="range"]::-moz-range-track {
    width: 100%;
    background: var(--track-color);
}

input[type="range"]::-moz-range-progress {
    appearance: none;
    background: currentColor;
    transition-delay: 30ms;
}

input[type="range"]::-moz-range-track,
input[type="range"]::-moz-range-progress {
    height: calc(var(--track-height) + 1px);
    border-radius: var(--track-height);
}

input[type="range"]::-moz-range-thumb,
input[type="range"]::-moz-range-progress {
    filter: brightness(100%);
}


.idv-range-slider p span {
    display: block;
    font-size: 1.1rem;
}
.idv-range-slider p{
    color: #09751B;
}


@media (max-width: 1200px) {
    .il-input-block {
        margin-bottom: 2rem;
    }
}
@media (max-width: 991px) {
    .garage-img-block img {
        width: auto;
    }
    .twRenewalpage label.contCov {
        padding: 5px 6px;
        text-align: center;
    }
    .bkBackbtn {
        display: block;
        float: none;
        margin-top: 18px;
    }
    .planDetails .selected {
        background: #fff;
    }

    .coversDetailsarea .twoWdetails .depAmt p {
        position: relative;
    }
    a#idv-change {
        position: absolute;
        right: 0;
        top: 20px;
    }
    .premium-amount-load:after {
        left: 0;
    }
    .insured-details-block.il-pan-nm.blockDisable {
        margin-bottom: 0;
    }

    .insured-details-block.il-gstin.blockDisable {
        margin-bottom: 0;
    }
}
@media(max-width: 991px){
    input#sliderValue{
        display: inline-flex;
        text-align: left;
    }
    .coversDetailsarea .twoWdetails .depAmt {
    width: 100%;
    border: 1px solid #C9C9C9;
    border-radius: 10px;
    padding: 20px 15px 0;
}
}
@media (max-width: 767px) {
    .uindetailsWrapper .tableWrapp {
        width: 100%;
        overflow: auto;
        display: inline-block;
    }
    #idv-pop .popup {
        width: 100%;
        max-width: 100%;
        left: 0;
        right: 0;
        border: none;
        border-radius: 2rem 2rem 0 0;
        margin: 0 auto;
        position: absolute;
        bottom: 0;
        padding: 2rem 2rem 2.5rem;
    }
    .coversDetailsarea .twoWdetails .moreD a.addCvr1:before {
        right: 0;
    }
    .coversDetailsarea .twoWdetails .moreD {
        padding: 2px 25px 0 0;
    }
    
}
/* car renewal css */

/*********************** Cibil UI *******************************/
.popoverlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.8);
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    visibility: hidden;
    opacity: 0;
    z-index: 10;
}
.popoverlay.active {
    visibility: visible;
    opacity: 1;
    overflow: auto;
    z-index: 100000;
    height: 100%;
    width: 100%;
}
.additional-discount {
    background: #f5fff8;
    padding: 1.2rem 1rem;
    border: 2px dashed #09751b;
    border-radius: 10px;
    margin: 2rem 0;
    position: relative;
}
.get-discount,
.discount-applied {
    display: flex;
    flex-wrap: wrap;
}
.get-discount img,
.discount-applied img {
    width: 30px;
    height: 30px;
}
.discount-applied {
    /*display: none;*/
}
span.tag-note {
    display: block;
}
.additional-discount .link-btn {
    font-size: 1.2rem;
    position: relative;
    left: 35px;
    text-decoration: underline !important;
}
.discount-apply .il-input-block.focus.blockDisable label {
    padding: 0;
    left: 0;
}
/*.additional-discount .discount-applied .link-btn {
    top: 18px;
}*/
#additional-discount-pop .popup .close:after,
#additional-discount-pop .popup .close:before {
    top: 6px;
}
#additional-discount-pop .popup h2 {
    margin-bottom: 3rem;
    padding-right: 2rem;
    text-align: left;
}
.get-discount img {
    position: relative;
    top: 6px;
}
.additional-discount h2 {
    font-size: 1.2rem;
    font-weight: 400;
    padding-left: 6px;
    margin: 0;
}
.additional-discount h2 p {
    margin: 0;
    line-height: 22px;
}
#additional-discount-pop .popup {
    max-width: 550px;
    padding: 0;
}
.discount-not-apply {
    /* display: none;*/
}
.discount-not-apply h3 {
    background: linear-gradient(180deg, #f58820 0%, #b02a30 114.09%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-size: 2.9rem;
    font-weight: 800;
}
.discount-not-apply h3 img {
    vertical-align: bottom;
}
#additional-discount-pop .content-block {
    padding: 3rem 3rem;
    text-align: left;
}
.popoverlay .js-popup-close {
    padding: 7px 14px;
    background: #fff;
    border: 1px solid #f0efee;
    border-radius: 5px;
}
.popoverlay .js-popup-close:hover {
    background-color: #f8f6f6;
}
.popoverlay .js-popup-close {
    position: absolute;
    right: 2rem;
    top: 2rem;
    width: 3rem;
    height: 3rem;
    z-index: 2;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    cursor: pointer;
}
.popoverlay .js-popup-close:after,
.popoverlay .js-popup-close:before {
    position: absolute;
    content: " ";
    height: 1.5rem;
    width: 0.1rem;
    background-color: #333;
}
.popoverlay .js-popup-close:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
p.loader-msg {
    position: relative;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    font-size: 1.4rem;
    font-weight: 400;
}
.link-btn {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 18px;
    color: #ec6625;
    text-decoration: underline;
    position: relative;
    display: inline-block;
    outline: none;
    border: 1px solid transparent;
}
.link-btn:hover,
.link-btn:active,
.link-btn:focus {
    /* color: #ec6625;*/
    color: #fd7b20;
    text-decoration: underline;
}
.reg-img-block {
    padding: 2rem 0;
    background: #fff2eb;
}
.reg-img-block h3 {
    text-align: center;
}
.input-block-val {
    width: 48%;
    display: inline-table;
    margin-bottom: 2rem;
}
.discount-not-apply h2 {
    text-align: left;
    line-height: 22px;
    font-size: 2rem;
}
#additional-discount-pop .discount-not-apply .content-block {
    padding: 3rem 3rem;
}
.popup-btn-block {
    text-align: right;
    display: flex;
    justify-content: flex-end;
}
.input-block-val span:last-child {
    display: block;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 35px;
}
.discount-apply h2 {
    text-align: left;
    font-size: 2rem;
    line-height: 25px;
}
#additional-discount-pop .il-input-block {
    margin-bottom: 3rem;
}
.twBasicprem a.premBrk.edit-text:hover {
    color: #fd7b20;
}
.il-input-block.blockDisable input {
    caret-color: transparent !important;
    pointer-events: none !important;
}
.additional-discount.not-applied {
    border: 1px solid #ff5c5c;
    background: linear-gradient(270deg, #ffffff 0%, #fff3f3 31%, #fff3f3 100%);
}
.additional-discount.not-applied h2 {
    color: #e71a1a;
}
@media (max-width: 767px) {
    .additional-discount h2 {
        width: 90%;
    }
    #additional-discount-pop .popup h2 {
        padding-right: 3rem;
    }
}
/*********************** Cibil UI *******************************/


/*------------------CSS for PEP popup start here------------------*/

.kyc-popup-sec.pep-popup-sec{

    max-width: 426px;
    position: relative;
    top: 0;
    left: 0;
    transform: translate(0%, 0%);
    margin: 5rem auto;
    overflow: hidden;
    

}

.pep-popup-sec .peppopup-banner-block{
    text-align: center;
    position: relative;
    overflow: hidden;
    background: #FFE5DC;
}

.pep-popup-sec .peppopup-txt-block{
    padding: 3rem 3rem;
}

.pep-popup-sec .peppopup-txt-block p{
    margin: 0 0 3rem;
    color: #282828;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 24px;
    width: fit-content;
    padding-right: 4rem;

}

.pep-popup-sec .peppopup-btn-block{

    text-align: right;
}

.kyc-popup-sec.pep-popup-sec  .close{
    z-index: 9;
    display: none;
}

.il-radio-group input:checked:disabled+label:after{
  border-color: #EAEAEA;
}

.il-radio-group input:checked:disabled:focus-visible+label::after{
  border-color: #EAEAEA;
}

.il-radio-group input:disabled + label:before, .il-radio-group input:checked:disabled + label:before,
.il-radio-group input:checked:disabled:focus-visible + label:before, .il-radio-group input:disabled:focus-visible + label:before,
.il-radio-group input:checked:disabled:active+label::before
{
  border-color: #EAEAEA;
  cursor: not-allowed;
  background-color: #fff;
  pointer-events: none;
}


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

    .kyc-popup-sec.pep-popup-sec{

        position: fixed;
        bottom: 0;
        top: auto;
        height: auto;
        min-height: auto;
        margin: 0;
        border-radius: 20px 20px 0 0;
        max-width: 100%;
    }

    .kyc-popup-sec.pep-popup-sec  .close{
        display: block;
    }

    .pep-popup-sec .peppopup-txt-block {
        padding: 2rem 2rem 3rem;
    }

    .pep-popup-sec .peppopup-txt-block p{
        padding-right: 0;
    }
}

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

    .tooltipTxt{
        right: auto;
        left: -20px;
    }

    .tooltipTxt:after{
        right: auto;
        left: 18px;
        top:-9px;
    }
}


/*------------------CSS for PEP popup end here------------------*/
.checkbx input{
    width: auto !important;
    margin-right: 5px !important;
}
 
.checkbx input[type="checkbox"] {
  accent-color: #da6a18;
    margin-right: 5px !important;
}

/*-----------------------CSS for payd popup here------------------------*/
.payou-drive-slider {
    border: 1px solid #EAEAEA;
    background: #FFFFFF;
    margin-top: 2rem;
    border-radius: 10px;
    padding: 1rem 2rem 2rem;
}

.pay-youdrive-mob {
        display: none;
    }

.payou-drive-slider h2 {
    font-size: 1.7rem;
    position: relative;
    padding: 1rem 0rem 2rem 0rem;
    text-align: center;
    margin-top: 10px;
}

.payou-drive-slider h2:before{
    background-image: url("data:image/svg+xml,%0A%3Csvg width='30' height='33' viewBox='0 0 30 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_999_3244)'%3E%3Cpath d='M6.08801 12.4026L17.2044 28.1865C17.8689 29.1281 19.1709 29.3523 20.1138 28.6887L29.1111 22.3662C30.0539 21.7025 30.2784 20.4021 29.6139 19.4605L18.4975 3.67657C18.1652 3.21023 17.6534 2.89635 17.0877 2.81563L9.60792 1.74842C8.51244 1.59597 7.48879 2.31342 7.26431 3.38959L5.7468 10.7793C5.63006 11.3443 5.7468 11.9273 6.08801 12.4026ZM10.7483 5.84686C11.754 5.13838 13.1458 5.38052 13.8551 6.38495C14.5645 7.38938 14.3221 8.77944 13.3164 9.48793C12.3107 10.1964 10.9189 9.95427 10.2095 8.94984C9.50016 7.94541 9.74261 6.55535 10.7483 5.84686Z' fill='%23EA6625'/%3E%3Cpath d='M0.125812 2.25082C0.547841 0.780042 1.90372 -0.143677 3.42123 0.0177499C4.9118 0.170208 6.40237 0.582743 7.87499 1.21948C7.31827 1.53337 6.86032 2.00868 6.59094 2.60954C5.4775 2.17907 4.35508 1.90106 3.23267 1.78447C2.42452 1.70376 1.97556 2.24185 1.84087 2.7351C1.70618 3.21041 1.79597 3.83818 2.4784 4.17C3.61878 4.72602 4.81303 5.15649 5.92647 5.48832C6.53706 5.66768 7.11174 5.82014 7.6505 5.94569C9.43739 6.36719 10.7394 6.51068 10.7663 6.51068C11.2602 6.56449 11.6104 7.00393 11.5565 7.48821C11.5116 7.89178 11.2153 8.19669 10.8382 8.26844C10.7574 8.28638 10.6676 8.28638 10.5778 8.27741C10.479 8.26844 9.13209 8.11598 7.29133 7.68551C6.75257 7.55996 6.16891 7.4075 5.55832 7.2371C4.31917 6.86941 2.97226 6.3941 1.67924 5.75736C0.341316 5.11165 -0.287238 3.69469 0.125812 2.25082Z' fill='%2318325A'/%3E%3Cpath d='M18.0038 21.1198C17.4381 21.5234 16.8724 21.6579 16.2977 21.5144C15.723 21.371 15.2202 21.0033 14.7981 20.4114C14.3761 19.8195 14.1875 19.2276 14.2414 18.6446C14.3043 18.0617 14.6096 17.5774 15.1663 17.1739C15.723 16.7703 16.2977 16.6358 16.8634 16.7793C17.4381 16.9228 17.9319 17.2815 18.345 17.8554C18.758 18.4294 18.9556 19.0392 18.9107 19.6311C18.8658 20.223 18.5605 20.7163 17.9948 21.1198H18.0038ZM17.1866 19.9809C17.2854 19.9091 17.3124 19.8015 17.2764 19.6491C17.2405 19.4966 17.0968 19.2545 16.8634 18.9226C16.6299 18.5908 16.4414 18.3935 16.3156 18.3128C16.1899 18.2321 16.0822 18.2321 15.9834 18.2949C15.8846 18.3666 15.8487 18.4653 15.8757 18.6088C15.9026 18.7433 16.0463 18.9854 16.2887 19.3262C16.5311 19.667 16.7197 19.8822 16.8454 19.963C16.9711 20.0437 17.0879 20.0437 17.1866 19.9809ZM21.2902 22.7251L19.7098 23.8551L18.8299 14.7076L20.4102 13.5776L21.2902 22.7251ZM24.9538 20.2679C24.3881 20.6714 23.8224 20.797 23.2477 20.6625C22.673 20.519 22.1702 20.1513 21.7481 19.5594C21.3261 18.9675 21.1376 18.3756 21.1914 17.7927C21.2453 17.2097 21.5596 16.7255 22.1163 16.3219C22.673 15.9183 23.2477 15.7838 23.8224 15.9273C24.3971 16.0708 24.8909 16.4295 25.304 17.0035C25.717 17.5774 25.9146 18.1873 25.8697 18.7792C25.8248 19.3711 25.5195 19.8643 24.9538 20.2679ZM24.1367 19.1289C24.2354 19.0572 24.2624 18.9496 24.2264 18.7971C24.1905 18.6446 24.0469 18.4025 23.8134 18.0796C23.5799 17.7568 23.3914 17.5505 23.2657 17.4698C23.1399 17.3981 23.0322 17.3891 22.9334 17.4519C22.8347 17.5236 22.7987 17.6223 22.8346 17.7658C22.8706 17.9092 22.9963 18.1424 23.2477 18.4832C23.4991 18.824 23.6787 19.0392 23.8044 19.1199C23.9301 19.2007 24.0469 19.2007 24.1367 19.1379V19.1289Z' fill='white'/%3E%3Cpath d='M0.547759 11.9097L3.11585 7.97266L5.26192 8.61836L4.75009 11.542C4.63336 12.107 4.75009 12.6899 5.09131 13.1652L16.2077 28.9491C16.4143 29.2361 16.6747 29.4513 16.971 29.6038L6.92309 32.3211C6.28556 32.4915 5.63007 32.1149 5.45946 31.4781L0.413068 12.8424C0.323275 12.5285 0.377151 12.1877 0.547759 11.9097Z' fill='%2318325A'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_999_3244'%3E%3Crect width='30' height='32.357' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    content:"";
    background-repeat: no-repeat;
    position: absolute;
    height: 100%;
    width: 30px;
    left: 23rem;
    top: 0.5rem;
}

.payou-drive-slider h2 strong {
    font-weight:700;
}

.payou-drive-slider input[type="range"] {
   -webkit-appearance: none;
   appearance: none;
   width: 100%;
   cursor: pointer;
   outline: none;
   border-radius: inherit;
   height: 6px;
}

.payou-drive-slider input[type="range"] {
    color: #EC6625;
    --track-color: #EAEAEA;
    /* margin: 2rem 0; */
}

.payou-drive-slider input[type="range"].win10-thumb {
    color: #3a86ff;
}

.payou-drive-slider input[type="range"] {
    position: relative;
}


.payou-drive-slider input[type="range"]::-webkit-slider-runnable-track {
    background: #FFF2EB;
  height: 1rem;
}

.payou-drive-slider input[type="range"]::-moz-range-track {
 background: #FFF2EB;
  height: 1rem;
}
.payou-drive-slider input[type="range"]::-webkit-slider-thumb {
   -webkit-appearance: none; /* Override default look */
   appearance: none;
   margin-top: -2rem; /* Centers thumb on the track */
   background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTQiIGhlaWdodD0iNDUiIHZpZXdCb3g9IjAgMCA1NCA0NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF8xNzUzXzU3ODE3KSI+CjxyZWN0IHg9IjciIHk9IjYiIHdpZHRoPSI0MCIgaGVpZ2h0PSIzMC44NTcxIiByeD0iNSIgZmlsbD0id2hpdGUiLz4KPHJlY3QgeD0iOCIgeT0iNyIgd2lkdGg9IjM4IiBoZWlnaHQ9IjI4Ljg1NzEiIHJ4PSI0IiBzdHJva2U9IiNFQzY2MjUiIHN0cm9rZS13aWR0aD0iMiIvPgo8L2c+CjxwYXRoIGQ9Ik0yOS41NzgxIDI0Ljg0NTJMMzMuMDAwNCAyMS40MjNMMjkuNTc4MSAxOC4wMDA3IiBzdHJva2U9IiNFQzY2MjUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIi8+CjxwYXRoIGQ9Ik0yNC40MjE5IDI0Ljg0NDVMMjAuOTk5NiAyMS40MjIyTDI0LjQyMTkgMTgiIHN0cm9rZT0iI0VDNjYyNSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiLz4KPGRlZnM+CjxmaWx0ZXIgaWQ9ImZpbHRlcjBfZF8xNzUzXzU3ODE3IiB4PSIwIiB5PSIwIiB3aWR0aD0iNTQiIGhlaWdodD0iNDQuODU3MiIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz4KPGZlTW9ycGhvbG9neSByYWRpdXM9IjEiIG9wZXJhdG9yPSJlcm9kZSIgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvd18xNzUzXzU3ODE3Ii8+CjxmZU9mZnNldCBkeT0iMSIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSI0Ii8+CjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjMwOTY1OSAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93XzE3NTNfNTc4MTciLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3dfMTc1M181NzgxNyIgcmVzdWx0PSJzaGFwZSIvPgo8L2ZpbHRlcj4KPC9kZWZzPgo8L3N2Zz4K);
    background-repeat: no-repeat;
    border-radius:20px;
  height: 50px;
  width: 55px;
    left:0px;
  background-color: transparent; 
  background-size: cover;
  /* border-radius: 50%; */
    border:none;
  transition: .2s ease-in-out;
  transform: rotateZ(var(--thumb-rotate, 0deg));
    z-index:2;
}

.payou-drive-slider input[type="range"]::-moz-slider-thumb {
   -webkit-appearance: none; /* Override default look */
   appearance: none;
   margin-top: -2rem; /* Centers thumb on the track */
   background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTQiIGhlaWdodD0iNDUiIHZpZXdCb3g9IjAgMCA1NCA0NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF8xNzUzXzU3ODE3KSI+CjxyZWN0IHg9IjciIHk9IjYiIHdpZHRoPSI0MCIgaGVpZ2h0PSIzMC44NTcxIiByeD0iNSIgZmlsbD0id2hpdGUiLz4KPHJlY3QgeD0iOCIgeT0iNyIgd2lkdGg9IjM4IiBoZWlnaHQ9IjI4Ljg1NzEiIHJ4PSI0IiBzdHJva2U9IiNFQzY2MjUiIHN0cm9rZS13aWR0aD0iMiIvPgo8L2c+CjxwYXRoIGQ9Ik0yOS41NzgxIDI0Ljg0NTJMMzMuMDAwNCAyMS40MjNMMjkuNTc4MSAxOC4wMDA3IiBzdHJva2U9IiNFQzY2MjUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIi8+CjxwYXRoIGQ9Ik0yNC40MjE5IDI0Ljg0NDVMMjAuOTk5NiAyMS40MjIyTDI0LjQyMTkgMTgiIHN0cm9rZT0iI0VDNjYyNSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiLz4KPGRlZnM+CjxmaWx0ZXIgaWQ9ImZpbHRlcjBfZF8xNzUzXzU3ODE3IiB4PSIwIiB5PSIwIiB3aWR0aD0iNTQiIGhlaWdodD0iNDQuODU3MiIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz4KPGZlTW9ycGhvbG9neSByYWRpdXM9IjEiIG9wZXJhdG9yPSJlcm9kZSIgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvd18xNzUzXzU3ODE3Ii8+CjxmZU9mZnNldCBkeT0iMSIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSI0Ii8+CjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjMwOTY1OSAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93XzE3NTNfNTc4MTciLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3dfMTc1M181NzgxNyIgcmVzdWx0PSJzaGFwZSIvPgo8L2ZpbHRlcj4KPC9kZWZzPgo8L3N2Zz4K);
    background-repeat: no-repeat;
    border-radius:20px;
  height: 50px;
  width: 55px;
    left:0px;
  background-color: transparent; 
  background-size: cover;
  /* border-radius: 50%; */
    border:none;
  transition: .2s ease-in-out;
  transform: rotateZ(var(--thumb-rotate, 0deg));
}

.km-range{
    padding: 0 9rem;
}

.km-range ul {
    display: flex;
    width: 100%;
    justify-content: space-between;
    position: relative;
    right: 0;
    top: 2rem;
}

.km-range ul li {
    position: relative;
    padding: 0rem 0 2rem 0;
    text-align: center;
    margin: 0 auto;
    width: 100%;
}

.km-range ul li:first-child .range-dtl {
    position: relative;
    left: -40px;
}

.km-range ul li:nth-child(2) .range-dtl {
    position: relative;
    left: -20px;
}

.km-range ul li:nth-child(3) .range-dtl {
    position: relative;
}

.km-range ul li:nth-child(4) .range-dtl {
    position: relative;
    left: 20px;
}

.km-range ul li:nth-child(5) .range-dtl {
    position: relative;
    left: 40px;
}

.km-range ul li span {
    font-size: 1.4rem;
    font-weight: 700;
    display: block;
    line-height: 20px;
    text-decoration-color: #fff;
    /* text-decoration-line: underline; */
}

span.amt-dis.greenTxt {
    background: #e2fce9;
    border-radius: 5px;
    display: inline-flex;
    padding: 1px 5px;
    font-size: 0.8rem;
}

.payou-drive-slider input[type="range"]:active {
    cursor: default;
}

.payd-dots {
    display: none;
    flex-direction: row;
}

.payd-dots span {
    height: 1.5rem;
    width: 100%;
    display: block;
    position: relative;
    /* left: -8%; */
    top: 10px;
    border-radius: 3rem;
    /* z-index: 1; */
    cursor: pointer;
    background-repeat: repeat;
    background-size: 20% 15px;
}

.greenTxt {
    color: #0da526;
}

.km-range li .range-dtl::before {
  position: absolute;
  top: -44px;
  /* z-index: 1; */
  /* right: 0; */
  content: "";
  /* margin: 0 auto; */
  width: 13px;
  height: 13px;
  background: #FBC7AB;
  border-radius: 50%;
}

.km-range li .range-dtl::before {
  position: absolute;
  top: -30px;
  z-index: 0;
  cursor: pointer;
  /* right: 0; */
  content: "";
  /* margin: 0 auto; */
  width: 13px;
  height: 13px;
  background: #FBC7AB;
  border-radius: 50%;
}

.pay-as-drive {
    background: #fff;
    border-radius: 5px;
    margin-bottom: 0.5rem;
    margin-top: 2rem;
    display: inline-flex;
    flex-wrap: wrap;
    width: 100%;
    position: relative;
    border: 1px solid #EAEAEA;
    /* display: none; */
    padding: 1.2rem 1.5rem 1.2rem;
}

.pay-as-drive p {
    font-size: 1.4rem;
    font-weight: 400;
}

.pay-as-drive p strong {
    padding-right: 5px;
}

.pay-as-drive p:first-child span {
    color: #0da526;
    font-weight: 700;
}

.pay-as-drive p:last-child {
    border: none;
    padding: 0;
    margin: 0;
}

.odometer-body{
    border-top: none !important;
    border-radius: 10px !important;
    padding: 2rem 2.5rem !important;
}

.odometer-body .insured-details-block{
    margin-bottom: 0rem;
}

.od-meter-link{
    margin-top: 2rem;
    display: block;
}

.od-meter-link .tooltipTxt{
    right: -23rem;
}

.od-meter-link .tooltipTxt:after{
    right: 24rem;
}

@media (max-width: 767px) {
    .pay-youdrive-mob {
        border: 1px solid #c9c9c9;
        border-radius: 10px;
        padding: 5px 2rem 5px;
        display: flex;
        /*display: none;*/
        position: relative;
        margin: 2rem 0 0;
    }
    span.pay-mob-label {
        position: absolute;
        top: -9px;
        left: 0;
        right: 0;
        text-align: center;
        background: #fff;
        margin: 0 auto;
        display: inline-table;
        font-size: 1.2rem;
        font-weight: 400;
        padding: 0 1rem;
    }
    .payou-drive-slider {
        display: none;
    }
    .pay-left {
        width: 50%;
        position: relative;
        top: 8px;
    }

    .pay-youdrive-mob .select-input-block {
        width: 50%;
        margin-bottom: 0;
        top: -3px;
    }
    .pay-youdrive-mob .dropdown {
        border: none;
    }
    .pay-youdrive-mob .dropdown-block.active .dropdown {
        border: none;
    }
    .pay-left span {
        font-size: 1.4rem;
        font-weight: 500;
    }
    .pay-left:after {
        content: "";
        background: #c9c9c9;
        height: 40px;
        width: 1px;
        position: absolute;
        right: 15px;
        top: 0;
    }
    .pay-youdrive-mob .custom-dropdown-list {
        top: 5px;
        border-radius: 0.5rem;
    }
    .pay-youdrive-mob .dropdown-block .dropdown:after {
        right: 0;
    }
    .pay-youdrive-mob .selected {
        font-size: 1.4rem !important;
        font-weight: 700 !important;
        border: none;
        margin: 0.5rem !important;
    }
    .pay-youdrive-mob .dropdown > input:hover {
        border: none;
    }
    .pay-youdrive-mob .custom-dropdown-list li {
        padding: 0;
    }
    .pay-youdrive-mob .custom-dropdown-list li a {
        font-weight: 500;
    }

    .pay-youdrive-mob a span,
    .pay-youdrive-mob .selected span {
        display: block;
        color: #09751b;
        font-weight: 700;
        font-size: 1rem;
        line-height: 10px;
    }
    span.display-payd {
        position: absolute;
        top: 14px;
        font-weight: 700;
        font-size: 1.4rem;
    }
    span.payd-discount {
        display: block;
        color: #09751b;
        font-weight: 700;
        font-size: 1rem;
    }

    .pay-youdrive-mob .il-input-block, .select-input-block .dropdown-block {
        margin-bottom: 0rem;
    }
}

.odometer-text-why{
    color: #282828;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    text-decoration: underline;
}

span.odometer-previous {
    font-weight: 500;
    /* display: block; */
    /* margin-top: 10px; */
}

/*-----------------------CSS for payd popup here------------------------*/

/**** smart assist block and popup ****/
.il-smart-assist-wrap {
    border-radius: 1.6rem;
    border: 1px solid #E0E0E0;
    background: linear-gradient(82deg, #FFF2ED 0%, #FFF 100%);
    margin: 6rem 0 1rem;
    padding: 2.5rem;
    position: relative;
}

.smart-assist-top-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.smart-assist-top-block h3 {
    font-size: 2.4rem;
    font-weight: 800;
    display: inline-flex;
    gap: 0.8rem;
}

.il-sa-add-remove {
    position: absolute;
    top: -35px;
    right: 25px;
    border-radius: 0.8rem;
    padding: 1rem;

}

.il-sa-added {
    background: #F5FDEE;
    border-left: 1rem solid #01A252;
}

.il-sa-removed {
    background: #FFF3E3;
    border-left: 1rem solid #E49F04;
}

.il-sa-add-remove p {
    display: flex;
    align-items: center;
    font-size: 1.2rem;
    font-weight: 600;
    gap: 0.5rem;
}

p.il-smart-p {
    font-size: 1.6rem;
    font-weight: 700;
    padding: 1rem 0;
}

ul.smart-assist-addons {
    display: flex;
    border-radius: 1.2rem;
    border: 1px dashed #FFBC49;
    background: #FFF3E3;
    padding: 1.5rem 3rem;
    margin-bottom: 2rem;
    justify-content: space-between;
}

ul.smart-assist-addons li {
    display: flex;
    align-items: center;
    gap: 1rem;
    position: relative;
}

ul.smart-assist-addons li span {
    font-size: 1.2rem;
    font-weight: 600;
}

ul.smart-assist-addons li:after {
    content: '';
    background: #ADA8A8;
    width: 1px;
    height: 3rem;
    position: absolute;
    right: -40px;
}

ul.smart-assist-addons li:last-child:after {
    display: none;
}

.smart-assist-covers {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
}

.smart-assist-plan {
    border-radius: 12px;
    border: 1px solid #E0E0E0;
    background: #FFF;
    padding: 1.5rem;
    position: relative;
    width: 100%;
}

.sm-flex {
    display: flex;
    justify-content: space-between;
}

.sm-flex h4,
.sm-flex span {
    font-size: 1.6rem;
    font-weight: 800;
}

.smart-assist-plan p {
    padding: 1rem 0;
    font-size: 1.2rem;
    font-weight: 600;
}

.sm-flex>div {
    display: flex;
    gap: 1rem;
}

.smart-assist-plan .sa-check {
    height: 2rem;
    width: 2rem;
    border-width: 2px;
    border-style: solid;
    border-color: rgb(234, 234, 234);
    border-image: initial;
    border-radius: 3rem;
    display: inline-flex;
    position: relative;
}

.smart-assist-plan.sa-plan-active .sa-check:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjAwMDQ5IDQuMTQ5NjRMMy41Mjc3MSA2Ljk5OTAzTDguODg4OTQgMS4yMjIxNyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
    background-repeat: no-repeat;
    height: 2rem;
    width: 2rem;
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
}

.smart-assist-plan.sa-plan-active .sa-check {
    background: #ec6625;
    border: 2px solid #ec6625;
}

span.sa-recommended {
    position: absolute;
    top: -10px;
    background: #CDDDFE;
    text-align: center;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: max-content;
    padding: 0.3rem 0.8rem;
    border-radius: 4px;
    font-size: 1rem;
    font-weight: 700;
}
#smartEssentialbenefits h2 {
    text-align: left;
    padding: 1rem 0 2rem;
    font-size: 2rem;
}

.smart-assist-panel {
    /* position: fixed;
    top: 0;
    right: 0;
    width: 83rem; */
    background: 0 0;
    z-index: 1;
    height: 100%;
    z-index: 99999;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}

.smart-assist-panel.close {
    -webkit-transform: translate3d(105%, 0, 0);
    transform: translate3d(105%, 0, 0);
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    transition: -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}

.smart-assist-content.active {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    /* -webkit-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);*/
}

.smart-assist-content {
    padding: 2rem 3rem 0;
    padding-bottom: 5rem;
    background-color: #fff;
    max-width: 100%;
    width: 100%;
    height: 100%;
    z-index: 9;
    overflow-y: scroll;
    position: absolute;
    -webkit-transform: translate3d(-105%, 0, 0);
    transform: translate3d(-105%, 0, 0);
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    transition: -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}

.smart-assist-panel h2 {
    font-size: 2.4rem;
    font-weight: 700;
    padding-bottom: 2rem;
}

.smart-assist-panel .il-table-block {
    border: 1px solid #E4E3E3;
    border-radius: 10px;
    overflow: hidden;
}

.smart-assist-panel .table-default {
    border-collapse: collapse;
    width: 100%;
}

.smart-assist-panel .table-default td,
.smart-assist-panel .table-default th {
    padding: 1.6rem 1.5rem;
    font-size: 1.6rem;
    line-height: 1.7rem;
    border-right: 1px solid #ECE9E9;
}

.smart-assist-panel .table-default tr {
    border-bottom: 1px solid #ece9e9;
}

.smart-assist-panel .table-default th {
    padding: 1.6rem 3rem;
    text-align: center;
    background-color: #FFF2EB;
    color: #000000;
    font-weight: 600;
}

.smart-assist-panel .table-default th:last-of-type,
.smart-assist-panel .table-default td:last-of-type {
    border-right: none;
}
#smartEssentialbenefits .popup .close{
top: 5px;
    right: 20px;
}

.il-td-flex {
    display: flex;
    gap: 1rem;
    font-size: 1.4rem;
    font-weight: 700;
    text-align: left;
    align-items: center;
}

.smart-assist-panel .table-default td p {
    font-size: 1.4rem;
    font-weight: 500;
    text-align: left;
}

span.new-lbl {
    background: #EC6625;
    padding: 2px 1rem;
    border-radius: 5px;
    color: #fff;
    text-transform: uppercase;
    display: inline-flex;
    margin: 0 1rem;
    font-size: 1.1rem;
    vertical-align: super;
    font-weight: 700;
}

.smart-cov {
    display: flex;
    gap: 2rem;
    margin: 1rem 0 0;
    align-items: center;
}

.coverages-wrap.solid-gray.smart-assist .coverages-block p {
    padding: 2rem 0 0;
}

.coverages-wrap.solid-gray.smart-assist .select-input-block {
    margin: 0;
}

.coverages-wrap.solid-gray.smart-assist .coverages-block .smart-ben p {
    padding: 0;
    font-weight: 600;
}

.smart-ben {
    background: #F5F5F5;
    padding: 1rem;
    border-radius: 1rem;
    width: 100%;
    border: 1px solid #9E9E9E;
    margin-bottom: 5px;
}
.smart-cov .select-input-block.focus label{
        top: -7px;
            background: #fff;
}
.smart-ben .link-btn {
    display: flex;
    justify-content: flex-end;
    font-size: 1.2rem;
}

.smart-drop {
    width: 100%;
        padding: 1rem 0 1.5rem;
}
.twRenewalpage app-il-smart-assist .doneBtn{
    padding-left: 0;
}
.smart-ben p {
        font-size: 1.2rem;
    line-height: normal;
    font-weight: 600;
}
.addition-cover-wraper.il-tw-smart header {
    display: flex !important;
    background: none;
}
p.smart-n span {
    font-weight: 700;
}
.coverages-wrap.solid-gray.smart-assist .coverages-block p.smart-n {
    padding: 0;
    font-size: 1rem;
    font-weight: 500;
    line-height: normal;
}

.coverages-wrap.solid-gray.smart-assist .coverages-block p.smart-n span {
    font-size: 1rem !important;
    font-weight: 800;
    padding-right: 5px;
    line-height: normal;
}
.add-remove-btn button {
    padding: 10px 12px;
    background: #fff;
    border: 1px solid #c9c9c9;
    border-radius: 5px;
    width: 100px;
    box-shadow: 0 2px 3px 1px rgb(0 0 0 / 7%);
    position: relative;
    text-align: left;
}
.add-remove-btn span {
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 18px;
    color: #282828;
}
.min-plus-ico.minus:after {
    content: "";
    font-weight: 700;
    font-size: 1.4rem;
    color: #f58220;
    background-repeat: no-repeat;
    display: inline-block;
    width: 10px;
    margin-right: 0;
}

.min-plus-ico.plus:after {
    content: "";
    font-weight: 700;
    font-size: 1.4rem;
    color: #f58220;
    background-repeat: no-repeat;
    display: inline-block;
    width: 10px;
    margin-right: 0;
}
.min-plus-ico.minus:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDEwIDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjM5NjM3IDFIMS42NjIxMSIgc3Ryb2tlPSIjRUM2NjI1IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
    height: 7px;
    position: absolute;
    right: 10px;
    top: 18px;
}
.min-plus-ico.plus:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMCAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuMDAwMTYgMS43ODAzNlYxMC4yMTk5IiBzdHJva2U9IiNGNTgyMjAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0xIDYuMDAwMDlIOSIgc3Ryb2tlPSIjRjU4MjIwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K);
    height: 12px;
    position: absolute;
    right: 10px;
    top: 13px;
}
.add-remove-btn.added button {
    background: #fff2eb;
    border: 1px solid #ec6625;
    border-radius: 5px;
}
.add-remove-btn button:hover {
    background: #fff;
    border: 1px solid #b2b2b2;
    border-radius: 5px;
}
.add-remove-btn.added button:hover {
    background: #fff2eb;
    border: 1px solid #d14d0f;
    box-shadow: 0 2px 3px 1px #00000012;
}
span.cov-amt-val {
    position: absolute;
    right: 45px;
    top: 15px;
    color: #282828;
    font-weight: 600;
        font-size: 1.4rem;
}
.smart-drop .custom-dropdown-list li {
    display: flex;
    justify-content: space-between;
        align-items: center;
        padding:0 !important;
}
.smart-drop .custom-dropdown-list li .cov-list-val {
    color: #282828;
    font-weight: 600;
        font-size: 1.4rem;
}
.twRenewalpage  app-il-smart-assist .slideDetlall {
    z-index: 99999;
}
span.redLbltext>img {
    max-width: 150px;
}
.smart-drop .custom-dropdown-list li a{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.smart-drop .custom-dropdown-list li a span{
    color: #282828;
    font-size: 1.4rem;
    font-weight: 600;
}
.smart-drop .select-input-block .dropdown span {
    position: absolute;
    right: 40px;
    top: 10px;
    font-size: 1.6rem;
    font-weight: 600;
    color: #282828;
}
.smart-drop .select-input-block .drop-single-val.dropdown span{
    right:15px;
}
.drop-single-val.dropdown:after {
    display: none;
}

@media(max-width:767px) {
    .smart-cov {
        flex-wrap: wrap;
    }

    .smart-drop,
    .smart-ben {
        width: 100%;
        ;
    }

    .coverages-wrap.solid-gray.smart-assist .coverages-block p.smart-n {
        padding: 1rem 0 0;
    }
    #smartEssentialbenefits .popup{
           margin: 0;
    width: 100%;
    max-width: 100%;
    border: none;
    border-radius: 0;
    max-height: 100%;
    min-height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    }
    .il-td-flex, .smart-assist-panel .table-default td p{
        font-size: 1.2rem;
    }
    #smartEssentialbenefits .popup .innerWrap{
            max-height: max-content;
    }
    app-il-smart-assist .tooltiptext{
        display: none;
    }
    /* .smart-assist-panel .il-table-block{
        overflow: scroll;
    } */
}

/**** smart assist block and popup ****/