body {
    letter-spacing: .2px;
    margin: 0;
    padding: 0;
    font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #253858;
    overflow-x: hidden;
    position: relative;
    overflow-y: scroll;
    background: #eaeff2;
}
body * {
    outline: 0!important;
}
b, strong {
    font-weight: 700;
}

.text-center{
    text-align: center;
}
.headingV1 {
    font-size: 2.2rem;
}
.headingV2 {
    font-size: 1.8rem;
}
.headingV3 {
    font-size: 1.6rem;
}
.borderRadius8 {
    border-radius: 8px;
}
.smallerFont {
    font-size: 1.2rem;
}
.btn-Undo, .btn-orange {
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.mb-4 {
    margin-bottom: 4px;
}
.mb-16 {
    margin-bottom: 16px!important;
}
.mb-24 {
    margin-bottom: 24px!important;
}
.mb-12 {
    margin-bottom: 12px!important;
}
.font500 {
    font-weight: 500!important;
}
.font400 {
    font-weight: 400!important;
}
.font600 {
    font-weight: 600!important;
}
.fontBold {
    font-weight: 700!important;
}
.rightArrow {
    content: "";
    width: 8px;
    height: 8px;
    border-top: 2px solid #253838;
    border-right: 2px solid #253838;
    display: inline-block;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
.clr, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
    display: block;
    padding: 0;
    margin: 0;
}
.model-list li span:hover::before, .rightArrow.blue {
    border-color: #0065ff;
}
div, dl, form, h1, h2, h3, h4, h5, h6, img, input, li, ol, p, select, ul {
    margin: 0;
    padding: 0;
    font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
}
li, ul {
    list-style: none;
}
img {
    border: 0;
    margin: 0;
    padding: 0;
}
p {
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
}
a, a:focus, a:hover {
    color: #0065ff;
    text-decoration: none;
    cursor: pointer;
}
.car-box, .clr {
    overflow: hidden;
}
#action .clr span, .call-me-fixed button em.now, .dont-insure em, .tollFree ul li em {
    font-style: normal;
}
.chatbot-box h3 .l_arrowicon, .chatbot-box h3 .r_arrowicon {
    text-indent: -100px;
    height: 15px;
    top: 50%;
    width: 15px;
    position: absolute;
}


.mdl-textfield.is-focused input[type=text] {
    border: 1px solid #37474f;
    transition: .5s ease-in-out;
}
.container-fluid, .your_quotes .col-sm-12 {
    padding: 0;
}
.row {
    margin: 0;
}
.mdl-textfield__input::-webkit-input-placeholder {
    font-weight: 700;
    font-size: 16px;
    font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: rgba(84, 110, 122, .6);
}
.mdl-textfield__input:-moz-placeholder {
    font-weight: 700;
    font-size: 16px;
    font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: rgba(84, 110, 122, .6);
}
.mdl-textfield__input::-moz-placeholder {
    font-weight: 700;
    font-size: 16px;
    font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: rgba(84, 110, 122, .6);
}
.mdl-textfield__input:-ms-input-placeholder {
    font-weight: 700;
    font-size: 16px;
    font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: rgba(84, 110, 122, .6);
}
input:-webkit-autofill, select:-webkit-autofilltextarea:-webkit-autofill {
    background-color: #fff!important;
}
.clr {
    clear: both;
    width: 100%;
    height: 0;
}
#btnLeadDetails, .btn-Undo, .btn-orange {
    padding: 11px 30px 9px;
}
.btn-Undo, .btn-orange, .preqoute-field .discount-overlay .select-box .Select-control {
    height: auto;
}
.txtCenter {
    text-align: center;
    display: none;
}
.btn-orange {
    border: none;
    transition: .2s ease-in-out;
    background: url(https://static.pbcdn.in/car-cdn/rct/images/right-arrow.svg) 94% 12px no-repeat #ff5630;
    color: #fff;
    font-weight: 700;
    box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 4px;
    display: block;
    margin: 0 auto;
    min-width: 140px;
    min-height: 40px;
}
.breadcrum, .breadcrum span, .btn-Undo, .btn-orange em {
    transition: .3s ease-in-out;
}
.btn-Undo, .btn-Undo:hover {
    color: #546e7a;
}
.btn-Undo {
    font-weight: 500;
    box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 4px;
    display: block;
    margin: 10px auto;
    border: 1px solid #546e7a;
    width: 220px;
}
.btn-orange em {
    width: 20px;
    height: 20px;
    background: url(https://static.pbcdn.in/car-cdn/rct/images/icon.png) 0 -140px no-repeat;
    position: absolute;
    right: 5px;
    top: 30%}
.btn-orange em.back-arrow {
    -ms-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    transform: rotate(180deg);
    left: 0;
}
.btn-orange:hover em {
    right: 4px;
}
.btn-gray {
    font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    background: #bdc2c5!important;
    cursor: default;
}
.registeration .btn-blue {
    background: #597089!important;
    font-weight: 400;
    display: block;
    margin: 40px auto 0!important;
    max-width: 460px!important;
    text-transform: none;
    width: 60%!important;
    padding: 10px!important;
    font-size: 12px!important;
}
.registeration .btn-blue:hover {
    background: #758ba2!important;
}
.error-msg {
    border: 1px solid #fa774d;
    background: #fdede8;
}
.registeration .textinput input.error-msg {
    border: 1px solid #ff1b1b;
    background: #fdede8;
}
.shadow-12 {
    /* box-shadow: 0 10px 14px -6px rgba(0, 0, 0, .1), 0 22px 35px 3px rgba(0, 0, 0, .1), 0 8px 42px 7px rgba(0, 0, 0, .12); */
    /* -webkit-box-shadow: 0 10px 14px -6px rgba(0, 0, 0, .1), 0 22px 35px 3px rgba(0, 0, 0, .1), 0 8px 42px 7px rgba(0, 0, 0, .12); */
    box-shadow: 0 1px 28px -3px #d4d4d4;
}
.shadow-4 {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .14), 0 2px 2px 0 rgba(0, 0, 0, .098), 0 1px 5px 0 rgba(0, 0, 0, .084);
    -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .14), 0 2px 2px 0 rgba(0, 0, 0, .098), 0 1px 5px 0 rgba(0, 0, 0, .084);
}
.txtUppercase input {
    text-transform: uppercase;
}
.txtUppercase input::-webkit-input-placeholder {
    text-transform: none;
}
.capitalize, .preqoute-field.margin100 .textinput input#name, .txtCapitalize input {
    text-transform: capitalize;
}
.pad-left {
    padding-left: 0;
}
.pad-right {
    padding-right: 0;
}
.breadcrum {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 700;
    float: left;
    padding: 4px 10px 7px 1px;
    position: absolute;
    left: 10px;
    top: -7px;
    border: 1px solid #0065ff;
    width: auto;
    border-radius: 4px;
    color: #54bdf2;
    cursor: pointer;
}
.breadcrum span {
    display: inline-block;
    background: url(https://static.pbcdn.in/car-cdn/rct/images/icon-blue.png) -5px 5px no-repeat;
    width: 15px;
    height: 15px;
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}
.breadcrum:hover span {
    background-position: -5px 2px;
}
.header {
    background: rgba(255, 255, 255, .5);
    height: 56px;
    border-bottom: 1px solid #d7dadc;
}
.need-help, .share {
    text-indent: 30px;
    height: 25px;
    line-height: 24px;
    transition: .3s ease-in-out;
}
.need-help {
    width: auto;
    margin: 25px 0 0 10px;
    opacity: .7;
    position: relative;
    z-index: 1;
    padding: 0 10px 0 0;
    border-right: 1px solid #ccc;
    float: right;
}
.claim:hover, .example-leave, .main-leave, .need-help:hover, .share:hover, a.close:hover {
    opacity: 1;
}
.need-help p {
    font-size: 18px;
    font-weight: 500;
    text-align: center;
}
.need-help .call-back {
    border-radius: 4px;
    background: #0065ff;
    font-size: 12px;
    color: #fff;
    padding: 3px 5px;
    text-align: center;
    position: relative;
    float: left;
}
.need-help span {
    width: 28px;
    height: 28px;
    display: block;
    background: url(https://static.pbcdn.in/car-cdn/rct/images/phone.png) no-repeat;
    float: right;
}
.need-help .call-back:after {
    left: 100%;
    top: 50%;
    border: 5px solid rgba(21, 150, 254, 0);
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-left-color: #0065ff;
    margin-top: -5px;
}
.call-msg {
    position: relative;
    max-width: 1024px;
    margin: 0 auto;
}
.callbackMsg {
    position: absolute;
    right: -100px;
    font-size: 11px;
    background: #2ecc71;
    padding: 7px 10px;
    color: #fff;
    top: 23px;
    border-radius: 4px;
    width: 230px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .14), 0 2px 2px 0 rgba(0, 0, 0, .098), 0 1px 5px 0 rgba(0, 0, 0, .084);
    -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .14), 0 2px 2px 0 rgba(0, 0, 0, .098), 0 1px 5px 0 rgba(0, 0, 0, .084);
    z-index: 9;
}
.header .pb-logo {
    margin: 13px 0 10px 15px;
    float: left;
    display: block;
    width: 170px;
}
.back-btn {
    font-size: 0;
}
.header .back-btn {
    background: url(https://static.pbcdn.in/car-cdn/rct/images/back-btn.png) 6px center no-repeat #ebeff2;
    border: 1px solid #e0e0e0;
    display: block;
    position: absolute;
    top: 67px;
    left: 30px;
    clear: both;
    padding: 5px 17px;
    border-radius: 4px;
    font-size: 12px;
    text-transform: uppercase;
    width: 70px;
    font-weight: 500;
    transition: .3s ease-in-out;
}
.registeration .customer-detail .textinput input#name, .registeration .inputField {
    text-transform: capitalize!important;
}
.header-link {
    float: right;
    margin: 0;
}
.toll-free {
    float: right;
    margin: 15px 0 0;
    color: #fa774d;
    font-size: 14px;
    text-align: center;
    font-weight: 500;
}
.fleft, .registeration #divRegNo.textinput, .share {
    float: left;
}
.header .toll-free {
    margin: 5px 0 0;
}
.toll-free span {
    display: block;
    color: #5d767a;
    font-size: 12px;
}
.need-help a, .share a {
    color: #0065ff;
    padding: 0;
    font-weight: 500;
    display: block;
    cursor: pointer;
}
.share {
    width: auto;
    margin: 25px 0 0;
    border-radius: 0;
    opacity: .7;
    position: relative;
    z-index: 1;
    padding: 0 10px 0 0;
}
.share a {
    background: url(https://static.pbcdn.in/car-cdn/rct/images/email.png) 7px 6px/14% no-repeat;
}
.need-help a {
    background: url(https://static.pbcdn.in/car-cdn/rct/images/phone.png) 7px -17px/16% no-repeat;
}
.autocomplete .react-autosuggest__container, .share.zindex {
    z-index: 99;
}
.share-success {
    background: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9;
    text-align: center;
}
.share-success p {
    margin: 20px 0;
}
.share-success b {
    font-size: 16px;
    display: block;
    font-weight: 500;
}
.btn-green {
    background: #2ecc71!important;
}
.main-container {
    max-width: 1024px;
    margin: 0 auto 20px;
    position: relative;
}
#heading {
    margin: 0 0 10px;
}
.main-container h1 {
    font-weight: 300;
    font-size: 44px;
    font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
    text-transform: none;
    width: 95%;
    color: #37474f;
    margin: 5px auto 30px;
}
.main-container h1 span {
    font-size: 28px;
    font-weight: 200;
    border-top: 1px solid #37474f;
    border-bottom: 1px solid #37474f;
    text-transform: uppercase;
    display: block;
}
.registeration .inputField {
    border: 1px solid #42a5f5;
    padding: 14px;
    font-size: 16px;
    font-weight: 700;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}
input[type=button], input[type=submit] {
    padding: 12px 20px;
    display: table;
    clear: both;
    border: none;
    margin: 0 auto;
    min-width: 140px;
}
.registeration a {
    display: inline-block;
    margin: 40px 0 0;
    transition: .3s ease-in-out;
    font-size: 14px;
    float: left;
}
.finalPre b, .idv-popup .max-idv, .registeration .new-car+a {
    float: right;
}
.registeration .new-car {
    border-left: 1px solid #caced2;
    width: 1px;
    height: 28px;
    margin: 20px 15px -15px;
    padding: 27px 0 0;
}
.car-box {
    width: 346px;
    background: 0 0;
    position: absolute;
    bottom: 0;
    top: 0;
}
#action .clr, .insureTxt, .line span, .preqoute-field, .registeration .new-car, .registeration .textinput, .select-box, .textinput {
    position: relative;
}
.ci-car {
    background: url(https://static.pbcdn.in/car-cdn/rct/images/car.png) -25px 0/100% no-repeat;
    width: 346px;
    height: 566px;
}
.mdl-textfield {
    width: 80%;
    padding-bottom: 0;
}
.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
    opacity: 1;
    left: auto;
    right: auto;
    text-align: center;
}
.registeration .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label, .registeration .mdl-textfield__label {
    top: 34px;
    text-transform: uppercase;
    opacity: 0;
    font-size: 10px;
    color: rgba(55, 71, 79, .8);
}
.registeration .mdl-textfield--floating-label.is-dirty .mdl-textfield__label, .registeration .mdl-textfield--floating-label.is-focused .mdl-textfield__label {
    top: 24px;
    opacity: 1;
}
.mdl-textfield--floating-label.is-focused .mdl-textfield__label {
    text-align: center;
    opacity: 1;
    position: absolute;
    transition: .5s cubic-bezier(.175,  .885,  .42,  1.31);
    transform: translate3d(0, 0, 0);
}
.mdl-textfield__label:after {
    display: none;
}
.mdl-textfield__label {
    text-align: center;
    top: 30px;
    color: #9c9d9e;
    font-weight: 700;
    font-size: 16px;
    font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.registeration .btn-orange {
    width: 208px;
    margin: 50px 0 0;
    border-radius: 0;
    padding: 12px 0;
    box-shadow: 0 2px 1px 0 #bfbfbf;
    text-transform: none;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: .5px;
}
.registeration {
    display: block;
    /* width: 98%; */
    padding: 30px 30px 30px 0;
}
.slideRegNo {
    width: 279px!important;
    margin-top: 53px!important;
}
.registeration .textinput {
    width: 65%;
    margin: 40px auto 5px;
}
.registeration .textinput label, .registeration.textinput input {
    cursor: text;
    padding: 13px 1%;
    position: absolute;
    transition: .4s;
    width: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    text-align: center;
    font-size: 14px;
}
.registeration .textinput input {
    border: 1px solid #c6c8ca;
    line-height: 15px;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    color: #546e7a;
    left: 0;
}
.registeration .textinput input:focus {
    border: 1px solid #0065ff;
}
.registeration .textinput input::-webkit-input-placeholder {
    text-align: center;
    color: silver;
    font-weight: 400;
    font-size: 14px;
}
.registeration .textinput label {
    color: #bcb9b8;
    padding: 0;

}
.registeration .textinput input.filled~label, .registeration .textinput input:focus~label {
    opacity: 1;
    top: 2px;
    text-transform: uppercase;
    font-size: 10px;
    color: rgba(84, 110, 122, .6);
    font-weight: 500;
}
#action .clr {
    height: 30px;
    background: 0 0;
    border-bottom: 1px solid #e8e5e5;
    overflow: inherit;
}
#action .clr span {
    color: #bdbdbd;
    background: #f1f1f1;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 28px;
    position: absolute;
    z-index: 9;
    top: 40%;
    left: 47%;
    text-align: center;
}
.registeration .textinput input.filled~label {
    color: rgba(55, 71, 79, .6);
    font-size: 11px;
    font-weight: 500;
    position: absolute;
    text-transform: uppercase;
    top: 4px;
    padding: 0;
    width: 100%;
    letter-spacing: .3px;
}
.registeration .textinput input[type=email].filled:valid, .registeration .textinput input[type=tel].filled, .registeration .textinput input[type=tel].filled:valid, .registeration .textinput input[type=text].filled {
    background: #fff;
    padding: 21px 1% 11px;
    font-size: 17px;
    font-weight: 700;
    border: 1px solid #2ecc71;
}
.registeration .textinput input[type=email].filled:valid~label:after, .registeration .textinput input[type=tel].filled:valid~label:after, .registeration .textinput input[type=text].filled~label:after {
    color: #007932;
    content: "\f058";
    font: 3em/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: .3em;
    right: .3em;
    transform: translate(0, 0);
    display: none;
}
.tw-iframe {
    width: 100%;
    height: 100%;
    border: none;
    min-height: 470px;
    overflow: scroll;
}
.line {
    width: 25%;
    height: 1px;
    border-bottom: 1px solid #ccc;
    margin: 26px auto;
}
.line span {
    background: #fff;
    padding: 3px;
    margin: 0 auto;
    width: auto;
    display: table;
    top: -14px;
    font-weight: 500;
    font-size: 16px;
    color: #adadad;
}
.carBg {
    background: #153d61;
    width: 100%;
    height: 78px;
    margin-left: 105px;
    text-align: center;
    visibility: visible;
}
.varification {
    font-weight: 500;
    margin: 0 0 5px;
    text-align: center;
}
.varification span {
    display: inline-block;
    font-size: 11px;
    color: #37474f;
    font-weight: 700;
}
.varification input[type=text] {
    border: 1px solid #d2d2d2;
    padding: 5px;
    font-weight: 700;
    width: 91px;
    height: 23px;
    vertical-align: top;
    text-align: center;
    margin: 0 0 0 5px;
    font-size: 14px;
    line-height: 14px;
}
#captchaError {
    color: red;
    font-size: 11px;
    padding-bottom: 5px;
    text-align: center;
}
.registeration .new-car {
    margin-top: 8px;
    top: -6px;
    display: none;
}
.detail-txt {
    width: 75%;
    float: right;
    margin: 0 auto;
}
.w400 {
    width: 400px;
}
.mh600 {
    min-height: 600px;
}
.mh532 {
    min-height: 532px;
}
h2 a.btn-back {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 700;
    position: absolute;
    left: 0;
    padding: 2px 10px;
    cursor: pointer;
}
.chat-head a.back-btn span, .overlay-popup a.back-btn span, h2 a.btn-back span {
    display: inline-block;
    background: url(https://static.pbcdn.in/car-cdn/rct/images/icon-blue.png) -5px 4px no-repeat;
    width: 15px;
    height: 15px;
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}
.view-quote {
    background: #f1f5f7;
    padding: 10px 0;
}
.view-quote button {
    min-width: 200px;
}
.preqoute-field {
    width: 100%;
    background: #fff;
    z-index: 1;
    min-height: 388px;
}
.field-input {
    height: 50px;
    width: 100%;
    margin: 0 auto;
    border: 1px solid #d2d2d2;
}
.overlay, .overlay2, .overlay3, .overlay4 {
    background: rgba(0, 0, 0, .5);
    height: 100%;
    top: 0;
    left: 0;
}
.preqoute-field .mdl-textfield.is-focused .mdl-textfield__input {
    border: 1px solid #2ecc71;
    line-height: 10px;
}
.overlay-mob, .preqoute-field .mdl-textfield__label:after {
    display: none;
}
.preqoute-field .mdl-textfield {
    width: 90%;
    margin: 0 auto 10px;
    display: table;
    padding: 0;
}
.preqoute-field .mdl-textfield__label {
    top: 15px;
}
.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label, .mdl-textfield--floating-label.is-dirty .mdl-textfield__label, .preqoute-field .mdl-textfield--floating-label.is-focused .mdl-textfield__label {
    top: 5px;
    text-transform: uppercase;
    font-size: 10px;
    color: rgba(55, 71, 79, .6);
}
.mdl-textfield--floating-label.is-focused .mdl-textfield__label {
    top: 10px;
}
.mdl-icon-toggle__label.material-icons {
    position: absolute;
    right: 1px;
    top: 10px;
    background: url(https://static.pbcdn.in/car-cdn/rct/images/icon.png) 5px -38px no-repeat #fff;
}
.preqoute-field .mdl-textfield__input, .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    height: 50px;
}
.textinput {
    margin: 5px 0;
    width: 100%}
.textinput input, .textinput label {
    cursor: text;
    padding: 19px 1% 15px;
    position: absolute;
    transition: .15s;
    width: 92%;
    left: 4%;
    text-align: center;
    font-size: 14px;
}
.textinput input {
    border: 1px solid #d2d2d2;
    line-height: 10px;
    color: #37474f;
}
.textinput label {
    color: #bcb9b8;
    padding: 17px 1%;
    cursor: pointer;
}
.textinput input.filled~label {
    color: rgba(55, 71, 79, .6);
    font-size: 10px;
    font-weight: 500;
    position: absolute;
    text-transform: uppercase;
    top: -10px;
    z-index: 2;
}
.textinput input[type=email].filled:valid, .textinput input[type=tel].filled, .textinput input[type=text].filled {
    cursor: pointer;
    background: 0 0;
    padding: 24px 1% 10px;
    font-size: 16px;
    font-weight: 500;
    border: 1px solid #2ecc71;
    text-transform: capitalize;
    z-index: 1;
}
.textinput input[type=email].filled:valid~label:after, .textinput input[type=text].filled~label:after {
    color: #007932;
    content: "\f058";
    font: 3em/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: .3em;
    right: .3em;
    transform: translate(0, 0);
    display: none;
}
.select-box {
    width: 96%}
.preqoute-field .select-box .Select-control {
    text-align: center;
    border: 1px solid #2ecc71;
    height: 50px;
}
.preqoute-field .select-box .is-focused:not(.is-open)>.Select-control {
    border-color: #2ecc71;
    position: relative;
    z-index: 9;
}
.preqoute-field .select-box .Select-placeholder {
    width: 100%;
    line-height: 60px;
    font-size: 16px;
    font-weight: 500;
}
.preqoute-field .discount-overlay .select-box .Select-placeholder {
    line-height: 36px;
}
#dvseo, .Policy-expire .textinput, .Policy-type .textinput, .chat-model-list, .chatbot-box .registeration .textinput, .customer-detail .radio-btn, .garage-locator .select-box, .preqoute-field .discount-overlay ul li span, .preqoute-field .radio-btn, .variant_wrapper .varient-list, .width100 {
    width: 100%}
.preqoute-field .discount-overlay p {
    padding: 10px;
}
.preqoute-field .select-box .Select-arrow-zone {
    padding-right: 5px;
}
.select-box label {
    width: 100%;
    display: block;
    transition: .3s;
    position: absolute;
    text-align: center;
    font-size: 10px;
    text-transform: uppercase;
    top: 5px;
    font-weight: 500;
    color: rgba(55, 71, 79, .6);
}
.select-box .ui-selectmenu-button {
    width: 100%!important;
    border: 1px solid #d2d2d2;
    border-radius: 0;
    margin: 0 auto;
    float: none;
    display: block;
    min-height: 52px;
}
#btnLeadDetails, .registeration .donthavepolicy {
    font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    min-height: 40px;
}
.customer-detail .radio-btn ul input[type=radio]:checked~.check, .preqoute-field .radio-btn ul input[type=radio]:checked~.check, .select-box .ui-selectmenu-button.ui-state-focus {
    border: 1px solid #2ecc71;
}
.select-box .ui-selectmenu-button.ui-state-focus~label {
    color: rgba(55, 71, 79, .6);
    font-size: 10px;
    font-weight: 600;
    position: absolute;
    text-transform: uppercase;
    top: -10px;
}
.select-box.filled .ui-selectmenu-button~label {
    top: -10px;
}
.select-box .ui-selectmenu-button span.ui-selectmenu-text {
    text-align: center;
    padding: 20px 10px 5px;
    font-size: 16px;
    font-weight: 500;
    color: #37474f;
}
.select-box .ui-state-default .ui-icon {
    background: url(https://static.pbcdn.in/car-cdn/rct/images/icon.png) 5px -46px no-repeat;
}
#left.stick {
    position: fixed;
    top: 0;
    margin: 0;
}
.Policy-expire {
    padding-right: 0;
    margin-right: 0;
    margin-left: 6px;
}
.Policy-expire .textinput input[type=email].filled:valid, .Policy-expire .textinput input[type=text].filled {
    width: 100%;
    font-size: 16px;
}
.Policy-type .textinput input[type=email].filled:valid, .Policy-type .textinput input[type=text].filled {
    font-size: 16px;
}
.Policy-type .select-box {
    width: 98%;
    margin: 0 0 20px;
}
.Policy-type {
    padding-left: 0;
    margin-left: -9px;
}
.inputField, .insureTxt {
    padding: 10px;
    text-align: center;
}
.insureTxt {
    border: 1px dashed #caced2;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    margin: 45% 0 0;
    z-index: 0;
}
.Policy-expire .Select-option.is-focused, .Policy-type .Select-option.is-focused {
    background-color: #f1f1f1;
    color: #37474f;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
}
.Policy-expire .Select-menu-outer {
    text-align: left;
    font-size: 14px;
    color: #37474f;
    line-height: 14px;
    font-weight: 500;
    width: 125%}
.Policy-expire .Select-option.is-selected, .Policy-type .Select-option.is-selected {
    font-size: 14px;
    background-color: #37474f;
    color: #fff;
    line-height: 16px;
    font-weight: 500;
}
.Policy-expire .Select-option, .Policy-type .Select-option {
    font-size: 14px;
    color: #37474f;
    line-height: 16px;
    font-weight: 500;
}
.Policy-type .Select-menu-outer {
    text-align: left;
    font-size: 14px;
    color: #37474f;
    line-height: 14px;
    font-weight: 500;
    width: 100%}
.overlay {
    width: 100%;
    position: fixed;
    display: block;
    z-index: 9;
}
.overlay2, .overlay3, .overlay4 {
    width: 100%;
    position: fixed;
    display: block;
    z-index: 99;
}
.overlay-left, .overlay-popup {
    width: 50%;
    height: 100%;
    z-index: 10;
    right: 0;
}
.overlay-left {
    background: traparent;
}
.overlay-popup {
    position: fixed;
    top: 0;
    background: #fff;
    overflow-x: hidden;
    overflow-y: scroll;
}
.overlay-popup h3 {
    padding: 8px 0;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    margin: 12px 0 20px;
}
.overlay-popup .dont-insure {
    border: 1px solid #0065ff;
    border-radius: 5px;
    display: block;
    margin: 15px auto 20px;
    transition: .3s ease-in-out;
    padding: 0;
    text-align: left;
    width: 78%;
    color: #0065ff;
    height: 45px;
    cursor: pointer;
}
.overlay-popup .dont-insure span {
    font-size: 11px;
    display: block;
    line-height: 14px;
    color: #93a5ad;
}
.overlay-popup .dont-insure span.txt {
    position: relative;
    left: 40px;
    width: 90%;
    display: none;
}
.autocomplete {
    width: 95%;
    text-align: center;
    margin: 5px auto;
    position: relative;
    display: table;
}
.autocomplete.search {
    position: relative;
    background: #f5f5f5;
    padding: 7px;
    border-radius: 6px;
    border: 1px solid #ccc;
}
.autocomplete.search:before {
    width: 44px;
    height: 41px;
    content: "";
    position: absolute;
    background: #0065ff;
    z-index: 9;
    left: 0;
    display: none;
}
.autocomplete .react-autosuggest__input {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    background: #fff;
    border: 1px solid #fff;
    border-radius: 4px;
    text-align: left;
    padding-left: 45px;
}
.autocomplete .react-autosuggest__input::placeholder {
    color: #a9abac;
    text-align: left;
    padding-left: 0;
    font-weight: 400;
}
.react-autosuggest__container:before {
    display: block;
    position: absolute;
    content: "";
    background: url(https://static.pbcdn.in/car-cdn/rct/images/searchIcon.svg) no-repeat;
    width: 34px;
    height: 34px;
    top: 4px;
    left: 7px;
}
.auto-list:after, .auto-list:before {
    width: 20px;
    top: 13px;
    content: "";
    height: 20px;
}
.inputField {
    border: 1px solid #0065ff;
    width: 100%}
.inputField::-webkit-input-placeholder {
    color: rgba(84, 110, 122, .6);
}
.auto-list {
    position: relative;
}
.auto-list:before {
    background: url(https://static.pbcdn.in/car-cdn/rct/images/icon.png) no-repeat;
    position: absolute;
    left: 13px;
}
.auto-list:after {
    background: url(https://static.pbcdn.in/car-cdn/rct/images/icon.png) 0 -43px no-repeat;
    position: absolute;
    right: 13px;
}
.autocomplete h4 {
    border-bottom: 1px solid #becbd4;
    margin-bottom: 10px;
}
.autocomplete h4 span {
    width: auto;
    margin: 0 auto;
    padding: 4px 20px;
    border-radius: 25px;
    position: relative;
    font-size: 14px;
    border: 1px solid #becbd4;
    top: 10px;
    background: #fff;
}
.manufact-list li span, .model-list li span {
    border: 1px solid #becbd4;
    display: block;
    cursor: pointer;
}
.autocomplete h4 span.graybg {
    background: #f1f3f6;
}
.manufact-list, .manufact-listcb {
    width: 95%;
    margin: 0 auto;
    display: block;
}
.manufact-list li span b {
    display: inline-block;
    vertical-align: bottom;
    width: 100%;
    height: 0;
    text-align: center;
    margin: 35% 0 0;
    font-size: 11px;
    font-weight: 500;
}
.manufact-list li span {
    border-radius: 5px;
    margin: 10px 0;
    min-height: 80px;
    transition: .3s cubic-bezier(.175,  .885,  .42,  1.31);
    background: url(https://static.pbcdn.in/car-cdn/rct/images/logo-gray.png) 17px -15px no-repeat;
}
.manufact-list li span.fiat {
    background-position: -262px -315px;
}
.manufact-list li span.ford {
    background-position: 13px -214px;
}
.manufact-list li span.honda {
    background-position: -127px -15px;
}
.manufact-list li span.hyundai {
    background-position: -266px -15px;
}
.manufact-list li span.mahindra {
    background-position: -266px -115px;
}
.manufact-list li span.maruti {
    background-position: 12px -115px;
}
.manufact-list li span.renault {
    background-position: -128px -314px;
}
.manufact-list li span.skoda {
    background-position: -265px -207px;
}
.manufact-list li span.tata {
    background-position: -126px -115px;
}
.manufact-list li span.toyota {
    background-position: -128px -212px;
}
.manufact-list li span.volkswagen {
    background-position: 17px -315px;
}
.manufact-list li span.active, .manufact-list li:hover span {
    background-image: url(https://static.pbcdn.in/car-cdn/rct/images/logo-color.png);
    border: 1px solid #309fd7;
    color: #309fd7;
}
.auto-list ul {
    max-height: 0;
    -webkit-box-shadow: 0 2px 25px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 2px 25px 0 rgba(0, 0, 0, .12);
    -webkit-transition: .4s cubic-bezier(.25,  .8,  .25,  1);
    transition: .4s cubic-bezier(.25,  .8,  .25,  1);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    opacity: 0;
    -webkit-transform-origin: 1% 1%;
    transform-origin: 1% 1%}
.auto-list ul.height {
    overflow-y: scroll;
    position: absolute;
    background: #fff;
    width: 100%;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    z-index: 1;
    opacity: 1;
    max-height: 150px;
}
.auto-list li {
    text-align: left;
    padding: 3px 15px;
    cursor: pointer;
}
.auto-list li:nth-child(odd) {
    background: #f9f9f9;
}
.auto-list li span {
    display: block;
    width: 100%}
#dvFuelType .model-list, #dvRegYear .model-list, .rto-list, .shimmerForm {
    width: 95%;
    margin: 0 auto;
}
.model-list li {
    padding: 5px;
    text-align: center;
}
.model-list li span.active, .model-list li.active span, .rto-list li span.active, .rto-list li span.active:hover, .model-list li span.active:hover{
    background: #0065ff;
    color: #fff;
    border: 1px solid #0065ff;
}
.model-list li.active span:hover {
    background: #0065ff;
    color: #fff;
}
.model-list li span.active:before, .model-list li.active span::before, .varient-list li span.active:hover::before {
    border-color: #fff;
}
.model-list li span {
    border-radius: 5px;
    margin: 0;
    transition: .3s ease-in-out;
    padding: 7px 20px 7px 10px;
    text-align: center;
}
.varient-list li span {
    width: 100%;
    max-width: 285px;
    display: inline-block;
    position: relative;
    font-size: 13px;
    letter-spacing: -.5px;
}
.model-list li span:before {
    transition: .3s ease-in-out;
    width: 6px;
    height: 6px;
    content: "";
    position: absolute;
    top: 50%;
    right: 14px;
    border-right: 2px solid #253858;
    border-bottom: 2px solid #253858;
    transform: translateY(-50%) rotate(-45deg);
}
#searchOthers:after, .rto-list li span:before {
    width: 20px;
    top: 25%;
    right: 5px;
    transition: .3s ease-in-out;
}
#searchOthers:focus, #searchOthers:hover, .chatbot-box .registeration .brandNew div a:hover, .model-list li span:hover, .rto-list li div ul li span:focus, .rto-list li div ul li span:hover, .rto-list li span:focus, .rto-list li span:hover, .selected-rto {
    color: #0065ff;
    border: 1px solid #0065ff;
}
.model-list li span b {
    font-weight: 500;
    font-size: 15px;
}
.varient-list li span b {
    font-size: 14px;
}
.model-list li.active span:before {
    background-position: 0 -703px;
}
.varient-list li span:before {
    background-position: 0 -216px;
}
.varient-list li span.active:before {
    background-position: 0 -705px;
}
.rto-list li span:before, .rto-list li span:hover:before {
    background: url(https://static.pbcdn.in/car-cdn/rct/images/icon.png) 1px -217px no-repeat;
}
.rto-list li {
    transition: .6s ease-in-out;
}
.rto-list li span {
    font-size: 15px;
    font-weight: 500;
    border: 1px solid #becbd4;
    cursor: pointer;
    display: inline-block;
    margin: 0 5px 7px;
    width: 48%;
    position: relative;
    border-radius: 5px;
    transition: .3s ease-in-out;
    padding: 7px;
    text-align: center;
}
.help-tip p, .idv-popup .min-idv, .registeration.landing-page .textinput input:focus, .rto-list li ul {
    text-align: left;
}
.rto-list li span:before {
    height: 16px;
    content: "";
    position: absolute;
}
.rto-list li div {
    border: 0 solid #eff1f4;
}
.rto-list li div ul li span {
    width: auto;
    display: inline-block;
    border: 1px solid;
    padding: 6px 23px;
    font-weight: 700;
    cursor: pointer;
    margin: 0 3px 5px;
    min-width: 94px;
}
.rto-list li span:after {
    top: 83%;
    left: 50%;
    border: 7px solid rgba(136, 183, 213, 0);
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: #d8e3f1;
    margin-left: -7px;
    display: none;
}
.IsMobile, .TPHeaderquotes-mob, .TPRates-prequote, .chat-box, .chatbot-box h3 img, .chatbot-box h4 .back-btn, .garage, .garage-locator .autocomplete:before, .garage-locator .react-autosuggest__container:before, .hide, .month-popup li span:before, .ncb-mob, .need-help a.call-back-mob, .overlay-toll, .pb-logo-mob, .pb-logo>img, .price-mob, .qt-need-msg.qt-need:before, .react-autosuggest__container:after, .rto-list li div ul li span:after, .rto-list li div ul li span:before, .switch input, .toll-free, .tollFree-mob, .tollFree-mob ul, .verify-otp .close:after {
    display: none;
}
.overlay-popup ul li ul li, .rto-list li div ul li {
    display: inline-block;
}
.overlay-popup a.back-btn, .overlay-popup a.next-btn {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 700;
    position: absolute;
    left: 0;
    padding: 2px 10px;
    cursor: pointer;
    top: 6px;
}
.overlay-popup a.next-btn {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 700;
    position: absolute;
    left: inherit;
    right: 8%;
    padding: 2px 10px;
    cursor: pointer;
    top: 12px;
}
.overlay-popup a.next-btn span {
    display: inline-block;
    background: url(https://static.pbcdn.in/car-cdn/rct/images/icon-blue.png) -5px 4px no-repeat;
    width: 15px;
    height: 15px;
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(90deg);
    right: -5px;
    top: 5px;
    position: absolute;
}
a.close {
    right: 0;
    top: 6px;
    width: 32px;
    height: 32px;
    opacity: .3;
    margin: 10px;
    position: absolute;
    z-index: 9999;
}
.close:after, a.close:before {
    position: absolute;
    right: 15px;
    top: 0;
    content: ' ';
    height: 33px;
    width: 2px;
    background-color: #333;
}
.close-icon:before, a.close:before {
    transform: rotate(45deg);
}
.close-icon:after, a.close:after {
    transform: rotate(-45deg);
}
.close-icon {
    width: 28px;
    height: 19px;
    display: block;
    position: absolute;
    top: 3px;
    right: 1px;
    cursor: pointer;
    z-index: 9;
}
.close-icon:after, .close-icon:before {
    position: absolute;
    left: 12px;
    top: 5px;
    content: ' ';
    height: 15px;
    width: 2px;
    background-color: #000;
    border-radius: 8px;
}
.dont-insure .dont-bg {
    background: #0065ff;
    width: 60px;
    height: 43px;
    display: inline-block;
}
.dont-insure input[type=checkbox]:not(old), .dont-insure input[type=radio]:not(old) {
    width: 2em;
    margin: 0;
    padding: 0;
    font-size: 1em;
    opacity: 0;
}
.dont-insure input[type=checkbox]:not(old)+label, .dont-insure input[type=radio]:not(old)+label {
    display: inline-block;
    margin: 11px 0 0 -69px;
    vertical-align: top;
    width: 93%;
    text-align: center;
    cursor: pointer;
}
.dont-insure input[type=checkbox]:not(old)+label>span, .dont-insure input[type=radio]:not(old)+label>span {
    width: 22px;
    height: 22px;
    margin: 0 18px 0 0;
    border: 1px solid #4c94cd;
    border-radius: 4px;
    background: #fff;
    vertical-align: bottom;
    display: inline-block;
    float: left;
}
.dont-insure input[type=checkbox]:not(old):checked+label>span:before {
    content: '✓';
    display: block;
    width: 18px;
    color: #0065ff;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    text-shadow: 0 0 .0714em #1d5f94;
    font-weight: 700;
}
.dont-insure em {
    position: relative;
    top: -1px;
    left: 10px;
}
.rto-list li span.active:before {
    background: url(https://static.pbcdn.in/car-cdn/rct/images/icon.png) 0 -99px no-repeat;
}
.help-tip {
    position: absolute;
    top: 0;
    right: -25px;
    text-align: center;
    background-color: #3da9ff;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    font-size: 12px;
    line-height: 19px;
    cursor: default;
    z-index: 99;
}
.help-tip:before {
    content: '?';
    font-weight: 700;
    color: #fff;
}
.help-tip:hover p {
    display: block;
    transform-origin: 100% 0%;
    -webkit-animation: .3s ease-in-out fadeIn;
    animation: .3s ease-in-out fadeIn;
}
.help-tip p {
    display: none;
    background-color: #1e2021;
    padding: 7px;
    width: 350px;
    position: absolute;
    border-radius: 2px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    right: -4px;
    color: #fff;
    font-size: 10px;
    line-height: 1.4;
}
.help-tip p:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-bottom-color: #1e2021;
    right: 10px;
    top: -12px;
}
.help-tip p:after {
    width: 100%;
    height: 40px;
    content: '';
    position: absolute;
    top: -40px;
    left: 0;
}
@-webkit-keyframes fadeIn {
    0% {
    opacity: 0;
    transform: scale(.6);
}
100% {
    opacity: 100%;
    transform: scale(1);
}
}@keyframes fadeIn {
    0% {
    opacity: 0;
}
100% {
    opacity: 100%}
}#searchOthers {
    font-size: 15px;
    width: 100%;
    padding: 8px 0;
    border: 1px solid #becbd4;
    border-radius: 4px;
    margin: 0 auto;
    font-weight: 500;
    position: relative;
    cursor: pointer;
}
#searchOthers:after {
    background: url(https://static.pbcdn.in/car-cdn/rct/images/icon.png) 1px -43px no-repeat;
    height: 20px;
    position: absolute;
    content: "";
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    display: none;
}
.search-other.autocomplete.search:before {
    background: #ccc;
    display: none;
}
.search-other.autocomplete .react-autosuggest__input {
    font-size: 15px;
    letter-spacing: .5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    background: #fff;
    border: 1px solid #fff;
    border-radius: 4px;
    text-align: left;
    padding-left: 45px;
}
.search-other.autocomplete .react-autosuggest__input::placeholder {
    color: #a9abac;
    text-align: left;
    padding-left: 0;
    font-weight: 400;
    font-size: 15px;
}
.registeration .customer-detail {
    width: 75%;
    margin: 0 auto;
}
.registeration .customer-detail .textinput {
    margin: 0 auto 16px;
}
.registeration .customer-detail .textinput:nth-child(3) {
    margin-bottom: 2px;
}
.registeration .customer-detail .textinput input {
    position: inherit;
    left: 0;
    width: 100%;
    padding-top: 24px;
    padding-bottom: 10px;
    font-weight: 500;
    font-size: 17px;
    text-transform: lowercase!important;
    cursor: text;
    box-shadow: none;
    border: 1px solid #42a5f5;
    border-radius: 4px;
}
#btnLeadDetails {
    border: none;
    transition: .3s ease-in-out;
    background: url(https://static.pbcdn.in/car-cdn/rct/images/arrow-long-white.png) 94% 17px no-repeat #fa774d;
    color: #fff;
    font-weight: 700;
    font-size: 17px;
    box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 4px;
    line-height: 24px;
    height: auto;
    display: block;
    margin: 20px auto 0;
    width: 210px;
}
#btnLeadDetails:hover, .btn-orange:hover {
    background-color: #f94306;
}
.registeration .customer-detail .textinput label {
    left: 0;
    width: 100%;
    cursor: text;
}
.customer-detail .textinput input[type=email].filled:valid, .customer-detail .textinput input[type=tel].filled, .registeration .customer-detail .textinput input[type=text].filled {
    cursor: text;
}
.registeration .customer-detail .msg-error {
    margin: 0 auto;
    color: red;
    font-size: 12px;
}
.margin100 {
    margin-top: 100px;
}
.preqoute-field.margin100 .textinput {
    display: table;
}
.preqoute-field.margin100 .textinput input {
    text-transform: lowercase;
    font-size: 16px;
    font-weight: 700;
    position: inherit;
    cursor: text;
    z-index: 9;
    background: 0 0;
}
.preqoute-field.margin100 .textinput input[type=tel] {
    padding: 24px 1% 6px;
}
.preqoute-field.margin100 .msg-error {
    margin: 0 auto;
    text-align: center;
}
.preqoute-field.margin100 .textinput label {
    cursor: text;
    z-index: 0;
}
.idv-popup .min-idv {
    width: 100%;
    display: inline-block;
    font-size: 10px;
    float: left;
    padding-left: 10px;
}
#idvEditSection {
    display: table;
    width: 100%;
    float: right;
    margin: 0 0 10px;
}
.enterIdv {
    float: right;
    width: 58%}
.idv-popup .min-idv b {
    font-size: 10px;
    font-weight: 300;
}
.ui-slider-horizontal {
    height: 4px;
    width: 60%;
    margin: 0 10px;
    display: inline-block;
    top: 0;
    position: relative;
}
.ui-slider-horizontal .ui-slider-range {
    top: -1px;
    height: 4px;
    transition: .1s;
}
.ui-selectmenu-button {
    display: inline-block;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    cursor: pointer;
    background: 0 0;
    border: none;
}
.ui-slider-horizontal .ui-slider-handle {
    top: -9px;
    width: 20px;
    height: 20px;
    background: #7edca7;
    transition: .1s;
}
.ui-slider-horizontal .ui-slider-handle.ui-state-focus {
    top: -10px;
    width: 22px;
    height: 22px;
    background: #2ecc71;
    border-radius: 50%}
.idv-inputBox {
    background: 0 0;
    border: 0 solid #37474f;
    padding: 0;
    margin: 5px 0 10px;
}
.idv-inputBox label {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 500;
    color: rgba(55, 71, 79, .6);
    display: block;
    text-align: center;
    width: 100%}
.errorMsg {
    display: block;
    color: red;
    font-size: smaller;
}
.example-appear, .example-enter, .main-appear, .main-enter {
    opacity: .01;
}
.example-appear.example-appear-active, .example-enter.example-enter-active, .main-appear.main-appear-active, .main-enter.main-enter-active {
    opacity: 1;
    transition: opacity .5s ease-in;
}
.example-leave.example-leave-active, .main-leave.main-leave-active {
    opacity: .01;
    transition: opacity .2s ease-in;
}
.left-appear {
    -webkit-animation: 5s infinite mymove;
    animation: 5s infinite mymove;
}
.left-appear.left-appear-active {
    -webkit-animation: 2s infinite mymove;
    animation: 2s infinite mymove;
}
@-webkit-keyframes mymove {
    from {
    left: 600px;
}
to {
    left: 0;
}
}@keyframes mymove {
    from {
    left: 600px;
}
to {
    left: 0;
}
}.hideelem, .visiblefalse {
    height: 0!important;
}
.show {
    display: table!important;
}
.opacity3 {
    opacity: .3;
}
div.loader {
    margin: 0;
    text-align: center;
}
.loader span, .loaderOverLay span {
    width: 6px;
    height: 6px;
    margin: 0 3px;
    border-radius: 50%;
    display: inline-block;
}
.loader span {
    background: rgba(255, 255, 255, .4);
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    animation: 2s ease-in-out infinite wave;
    -moz-animation: 2s ease-in-out infinite wave;
    -webkit-animation: 2s ease-in-out infinite wave;
}
@keyframes wave {
    0%, 100%, 60% {
    background: rgba(255, 255, 255, .4);
    transform: translateY(0);
    -moz-transform: translateY(0);
}
20% {
    background: rgba(255, 255, 255, .95);
    transform: translateY(4px);
    -moz-transform: translateY(4px);
}
40% {
    background: rgba(255, 255, 255, .95);
    transform: translateY(-4px);
    -moz-transform: translateY(-4px);
}
}@-webkit-keyframes wave {
    0%, 100%, 60% {
    background: rgba(255, 255, 255, .4);
    transform: translateY(0);
    -webkit-transform: translateY(0);
}
20% {
    background: rgba(255, 255, 255, .95);
    transform: translateY(4px);
    -webkit-transform: translateY(4px);
}
40% {
    background: rgba(255, 255, 255, .95);
    transform: translateY(-4px);
    -webkit-transform: translateY(-4px);
}
}.loaderOverLay {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
}
.loaderOverLay span {
    background: rgba(0, 0, 0, .4);
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    animation: 2s ease-in-out infinite waveOverlay;
    -moz-animation: 2s ease-in-out infinite waveOverlay;
    -webkit-animation: 2s ease-in-out infinite waveOverlay;
}
@keyframes waveOverlay {
    0%, 100%, 60% {
    background: rgba(0, 0, 0, .4);
    transform: translateY(0);
    -moz-transform: translateY(0);
}
20% {
    background: rgba(0, 0, 0, .95);
    transform: translateY(4px);
    -moz-transform: translateY(4px);
}
40% {
    background: rgba(0, 0, 0, .95);
    transform: translateY(-4px);
    -moz-transform: translateY(-4px);
}
}@-webkit-keyframes waveOverlay {
    0%, 100%, 60% {
    background: rgba(0, 0, 0, .4);
    transform: translateY(0);
    -webkit-transform: translateY(0);
}
20% {
    background: rgba(0, 0, 0, .95);
    transform: translateY(4px);
    -webkit-transform: translateY(4px);
}
40% {
    background: rgba(0, 0, 0, .95);
    transform: translateY(-4px);
    -webkit-transform: translateY(-4px);
}
}span:first-child {
    animation-delay: 0s;
    -moz-animation-delay: 0s;
    -webkit-animation-delay: 0s;
}
span:nth-child(2) {
    animation-delay: .1s;
    -moz-animation-delay: .1s;
    -webkit-animation-delay: .1s;
}
span:nth-child(3) {
    animation-delay: .2s;
    -moz-animation-delay: .2s;
    -webkit-animation-delay: .2s;
}
.summary-header {
    width: 100%;
    display: inline-block;
    height: 0;
}
.proposal-form-QuotePosition {
    left: 0!important;
    position: absolute!important;
}
.tile-visible div b, .tile-visible div span, .tile-visible small {
    opacity: 0;
}
.list-group .abc {
    -webkit-transition: .4s cubic-bezier(.25,  .8,  .25,  1);
    transition: .7s cubic-bezier(.25,  .8,  .25,  1);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    opacity: 0;
    -webkit-transform-origin: 1% 1%;
    transform-origin: 1% 1%;
    top: 60px;
}
.list-group .reveal {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1;
}
.call-me-fixed {
    right: -154px;
    transition: .3s ease-in-out;
    height: 46px;
    z-index: 9;
    width: 66%;
    margin: 15px 0 0 -28px;
}
.call-me-fixed button {
    background: #0065ff;
    height: 46px;
    border: none;
    cursor: pointer;
    width: 100%;
    border-radius: 4px;
}
.call-me-fixed button em.callback-icon {
    background: url(https://static.pbcdn.in/car-cdn/rct/images/callback.png) 0 5px no-repeat;
    border-right: 2px solid #1073c3;
    float: left;
    height: 45px;
    width: 42px;
    font-size: 18px;
}
.call-me-fixed button span {
    padding: 13px 0;
    float: left;
    width: 91%;
    color: #fff;
    height: 37px;
    letter-spacing: -.2px;
    font-style: normal;
    font-size: 12px;
    font-weight: 500;
}
.garage-locator {
    width: 100%;
    margin: 0 auto;
}
.qt-need, .qt-need-msg {
    margin: 20px auto;
    padding: 10px;
    position: relative;
}
.garage-locator .container {
    width: 980px;
}
.garage-locator .right-container h3 {
    width: 100%;
    margin: 0 0 25px;
}
.garage-locator .autocomplete.search {
    width: 90%;
    margin: 0;
}
.garage-locator .autocomplete.search .react-autosuggest__suggestions-container {
    border: none;
    top: 103%;
    box-shadow: 0 0 2px #ccc;
}
.garage-locator h3 {
    padding-bottom: 5px;
    font-size: 14px;
    border-bottom: 1px solid #e0e0e0;
    margin: 0 0 11px;
    width: 90%;
    color: rgba(84, 110, 122, .7);
}
.garage-locator h5 {
    font-size: 12px;
    text-align: left;
    padding: 13px 0;
    color: #37474f;
}
.garage-locator .Select-placeholder {
    text-align: left;
    line-height: 46px;
    font-size: 12px;
    padding: 0;
    font-weight: 700;
    color: #37474f;
}
.garage-locator .select-box select {
    background-color: #fff;
    width: 100%;
    background-position: 100% -37px;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 8px 5px;
    font-size: 12px;
    color: #000;
    font-weight: 500;
    height: 36px;
}
.garage-locator .select-box .Select-control {
    border-bottom: 1px dashed #d2e0e7;
}
.garage-locator .select-box .Select-control:hover {
    border-bottom: 1px dashed #cad5da;
    box-shadow: none;
}
.garage-locator ul.garage-city {
    margin: 0 0 30px;
}
.garage-locator ul.garage-city li {
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 1px 6px rgba(0, 0, 0, .23);
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 1px 6px rgba(0, 0, 0, .23);
    display: table;
    margin: 0 0 7px;
    width: 100%;
    background: #fff;
    padding: 30px 20px 20px;
}
.garage-locator ul.garage-city li .workshopName {
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 10px;
}
.garage-locator ul.garage-city li .address {
    font-size: 12px;
    width: 70%;
    text-transform: uppercase;
}
.garage-locator ul.garage-city li .contact {
    float: right;
    font-size: 16px;
    padding-left: 25px;
    text-align: right;
    font-weight: 300;
    background: url(https://static.pbcdn.in/car-cdn/rct/images/phone.png) 0 -170px no-repeat;
}
.claim-box, .garage-locator ul.garage-city li .contact span, .insIdv, .tollFree:hover ul {
    display: block;
}
.claim, .footer a, .instaClaim {
    display: inline-block;
}
.garage-locator .Select-arrow-zone {
    top: 7px;
}
.garage-locator .search-other.autocomplete .react-autosuggest__input {
    border: 1px solid #ccc;
    padding: 8px 5px;
    text-align: left;
    color: #37474f;
    font-weight: 700;
    font-size: 12px;
    box-shadow: none;
    background: #fff;
    height: 36px;
}
.garage-locator .search-other.autocomplete .react-autosuggest__input::placeholder {
    font-size: 12px;
}
.garage-locator .search-other.autocomplete .react-autosuggest__input::-webkit-input-placeholder {
    font-size: 12px;
}
.garage-locator .react-autosuggest__container:after {
    right: 0;
    width: 14px;
    background-image: none;
}
.garage-locator .react-autosuggest__suggestions-container {
    width: 120%;
    right: 0;
}
.garage-locator .react-autosuggest__suggestion {
    font-size: 12px;
    padding: 7px;
}
.preqoute-field .radio-btn p.call-pre {
    padding: 3px 0 0 18px;
}
.customer-detail .radio-btn p, .preqoute-field .radio-btn p {
    padding: 4px 0 0;
}
.customer-detail .radio-btn ul, .preqoute-field .radio-btn ul {
    position: relative;
    width: 100%;
    margin: 0 0 20px;
    background: 0 0;
    display: table;
    padding: 0;
}
.customer-detail .radio-btn ul li, .preqoute-field .radio-btn ul li {
    display: inline-block;
    width: 100%;
    border: none;
    background: 0 0;
    position: relative;
    text-align: left;
    margin: 0;
}
.customer-detail .radio-btn ul li:first-child, .preqoute-field .radio-btn ul li:first-child {
    width: 54%}
.customer-detail .radio-btn ul li:nth-child(2), .preqoute-field .radio-btn ul li:nth-child(2) {
    width: 42%}
.customer-detail .radio-btn ul li span, .preqoute-field .radio-btn ul li span {
    margin: 0 0 0 10px;
    font-size: 11px;
    letter-spacing: -.3px;
    position: relative;
    top: 0;
}
.customer-detail .radio-btn ul li input[type=radio], .preqoute-field .radio-btn ul li input[type=radio] {
    position: absolute;
    opacity: 0;
    left: -17px;
    width: 90%;
    height: 20px;
    z-index: 999;
}
.customer-detail .radio-btn ul li.own-idv input[type=radio] {
    top: 2px;
}
.customer-detail .radio-btn ul li .check, .preqoute-field .radio-btn ul li .check {
    display: block;
    position: absolute;
    border: 1px solid #37474f;
    border-radius: 100%;
    height: 14px;
    width: 14px;
    top: -7px;
    left: 0;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
}
.customer-detail .radio-btn ul li.own-idv .check {
    top: 4px;
}
.customer-detail .radio-btn ul li:hover .check {
    border: 1px solid #37474f;
}
.customer-detail .radio-btn ul li .check::before, .preqoute-field .radio-btn ul li .check::before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 8px;
    width: 8px;
    top: 2px;
    left: 2px;
    margin: auto;
    transition: background .25s linear;
    -webkit-transition: background .25s linear;
}
.customer-detail .radio-btn ul input[type=radio]:checked~.check::before, .preqoute-field .radio-btn ul input[type=radio]:checked~.check::before {
    background: #2ecc71;
}
.customer-detail .radio-btn ul input[type=radio]:checked~label, .preqoute-field .radio-btn ul input[type=radio]:checked~label {
    color: #2ecc71;
}
.customer-detail .radio-btn label, .preqoute-field .radio-btn label {
    position: absolute;
    left: 17px;
    top: -10px;
}
.preqoute-field .radio-btn ul .msg-error {
    margin: 7px 0 0;
}
.qt-need {
    width: 77%;
    background: #fff;
    border: 1px dashed #0065ff;
    height: 68px;
    overflow: hidden;
    transition: .3s ease-in-out;
    cursor: pointer;
}
.fadeoutcallback, .qt-need-msg {
    width: 60%;
    transition: .3s ease-in-out;
    text-align: center;
}
.qt-need-msg, .qt-need:hover {
    border: 1px dashed #2ecc71;
    line-height: 12px;
}
.qt-need:hover {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .14), 0 2px 2px 0 rgba(0, 0, 0, .098), 0 1px 5px 0 rgba(0, 0, 0, .084);
}
.qt-need:before {
    position: absolute;
    left: 25px;
    top: 12px;
    content: "";
    width: 40px;
    height: 45px;
    background: url(https://static.pbcdn.in/car-cdn/rct/images/need-help.png) no-repeat;
}
.qt-need p {
    font-size: 18px;
    font-weight: 500;
    padding: 0 0 0 105px;
    color: #0093ff;
    transition: .3s ease-in-out;
}
.qt-need p span {
    display: block;
    font-size: 12px;
    font-weight: 300;
    line-height: 24px;
}
.qt-need b {
    opacity: 0;
    height: 0;
    overflow: hidden;
}
.qt-need-msg {
    background: #2ecc71;
    height: 35px;
}
.qt-need-msg b {
    color: #fff;
    font-weight: 400;
    opacity: 1;
}
.qt-need.qt-need-msg p {
    opacity: 0;
    height: 0;
    transition: .3s ease-in-out;
}
.fadeoutcallback {
    height: 0;
    opacity: 0;
    padding: 0;
    margin: 0 auto;
}
.fadeoutcallback b, .fadeoutcallback p {
    opacity: 0;
    height: 0;
    transition: .3s ease-in-out;
    text-align: center;
}
.privacy {
    font-size: 11px;
    padding: 13px 0 10px;
    text-align: center;
    color: #546e7a;
    font-weight: 400;
}
.privacy a {
    font-weight: 600;
}
.disc-price {
    position: absolute;
    width: 100%;
    padding: 5px;
    text-decoration: line-through;
    font-size: 16px;
    height: 28px;
    text-align: center;
}
.footer, .footer a, .footer p, .instaClaim {
    font-size: 10px;
}
.footer {
    text-align: center;
    padding: 20px 0;
    line-height: 10px;
    border-top: 1px solid #dfe5ea;
    width: 100%;
    margin: 100px auto 15px;
    color: rgba(85, 111, 123, .8);
    clear: both;
    animation: 2s fadein;
}
.instaClaim, .instaClaim:hover {
    color: #fa774d;
}
.footerquote {
    width: 100%;
    margin-top: 100px;
}
@keyframes fadein {
    from {
    opacity: 0;
}
to {
    opacity: 1;
}
}@-webkit-keyframes fadein {
    from {
    opacity: 0;
}
to {
    opacity: 1;
}
}.footer p {
    font-weight: 400;
    line-height: 14px;
}

.claim {
    float: right;
    margin: 25px 0 0;
    border-right: 1px solid #ccc;
    padding: 2px 10px 2px 32px;
    font-weight: 500;
    background: url(https://static.pbcdn.in/car-cdn/rct/images/claim.png) 0 4px no-repeat;
    opacity: .7;
}
.claimPrequote {
    margin-left: 65%;
    border: none;
}
.btn-group>.btn:first-child, .need-help {
    margin-left: 0;
}
.instaClaim {
    text-align: center;
    margin: 0;
    background: url(https://static.pbcdn.in/car-cdn/rct/images/instaClaim.png) 0 4px no-repeat;
    padding: 2px 0 2px 27px;
}
.finalPre {
    border-top: 1px solid #efefef;
    padding: 10px;
    margin: 20px 0;
    font-weight: 400;
    font-size: 16px;
}
a.tollFree {
    color: grey;
}
a:hover.tollFree {
    color: grey;
}
.tollFree {
    position: relative;
    font-size: 14px;
    color: #8b8b8b;
    height: 35px;
    float: right;
    background: url(https://static.pbcdn.in/car-cdn/rct/images/icon-toll.png) right 8px no-repeat;
    padding: 0 22px 0 0;
    margin: 26px 0 0 20px;
    font-weight: 500;
}
.tollFree ul {
    display: none;
    position: absolute;
    background: #fff;
    z-index: 9;
    width: 222px;
    height: 185px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .15), 0 3px 6px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .15), 0 3px 6px rgba(0, 0, 0, .1);
    right: -6px;
    padding: 18px 16px;
    top: 30px;
}
.tollFree ul li {
    border-bottom: 1px dashed #b8b8b8;
    padding: 0 0 9px;
    margin: 0 0 14px;
}
.tollFree ul li b {
    font-size: 12px;
    color: grey;
    font-weight: 500;
}
.tollFree ul li span {
    color: #fa774d;
    font-size: 14px;
    padding: 4px 10px 8px 22px;
    display: block;
    background: url(https://static.pbcdn.in/car-cdn/rct/images/icon-toll.png) left -41px no-repeat;
    font-weight: 700;
}
.tollFree ul li em {
    font-weight: 300;
    font-size: 13px;
    display: block;
    color: #a9a9a9;
}
.tollFree ul li:last-child {
    border: none;
}
.prefrenceHide, .visibilty-hidden {
    visibility: hidden;
}
.life-accordion {
    width: 75%;
    display: block;
    clear: both;
    margin: 0 auto;
    padding: 150px 0 0;
    cursor: pointer;
}
.car, .pbee {
    width: 346px;
}
.life-accordion h2 {
    background: #fff;
    border: 1px solid #eff0f2;
    margin: 0;
    padding: 15px 20px;
    text-align: left;
}
.life-accordion .content {
    background: #fff;
    padding: 0 20px 20px;
    border: 1px solid #eff0f2;
    display: none;
}
.life-accordion .content h4 {
    font-weight: 700;
    margin: 20px 0 0;
    font-size: 12px;
}
.app-header.row, .life-accordion .content ul {
    margin: 0 0 20px;
}
.life-accordion .content ul li {
    list-style-type: disc;
    display: list-item;
    margin: 0 0 10px 20px;
    font-size: 11px;
}
.life-accordion .content p {
    font-size: 11px;
    margin: 0 0 10px;
    line-height: 20px;
}
.car {
    background: url(https://static.pbcdn.in/car-cdn/rct/images/pbee-left-img.png) 0 bottom/100% no-repeat;
    height: 565px;
    position: absolute;
    bottom: 0;
}
.pbee {
    background: url(https://static.pbcdn.in/car-cdn/rct/images/pbee.png) 0 0/346px 566px no-repeat;
    height: 566px;
    margin-left: 0;
    margin-top: 50px;
}
.chatwindow {
    width: 100%;
    position: fixed;
    display: block;
    left: 0;
    height: 88%;
    top: 78px;
    z-index: 9;
    background-color: #fff;
}
.btn-showMe em, .chat-head, .chatbot-box h3, .switch {
    position: relative;
}
.btn-showMe, .btn-showMe em, .switch {
    display: inline-block;
}
.chatwindow iframe {
    width: 100%;
    height: 100%;
    border: 0;
}
.chatbot-box .model-list li {
    padding: 3px 5px;
}
.chat-head {
    width: 100%;
    margin: 0;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: -1px;
}
.btn-showMe, .prequote_page .btn {
    font-weight: 400;
    cursor: pointer;
    text-align: center;
}
.chat-head a.back-btn {
    position: absolute;
    left: -165px;
    top: 0;
}
.chatbot-box .chat-pre-insure {
    margin: 0 0 10px;
    padding: 20px 0 0;
}
.chatbot-box .ui-datepicker.ui-datepicker-multi {
    margin: 25px 0 0 20px;
    border-radius: 6px;
    box-shadow: 0 1px 3px 0 #c1c1c1;
    border: none;
    width: 96%!important;
}
.chatbot-box .registeration a {
    border: none;
    margin: 0;
    float: inherit;
}
.chatbot-box h3 {
    padding: 10px 0;
    background-color: #fa774d;
    color: #fff;
    width: 100%;
    margin:0px auto 15px;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .5px;
}
.chatbot-box .customer-detail {
    width: 80%}
.chatbot-box .model-list.chat-support li span {
    text-align: left;
    padding: 14px 20px 20px 57px;
    background: 0 0;
    color: #ccc;
    height: 120px;
}
.chatbot-box .model-list.chat-support li span:before, .chatbot-box .model-list.chat-support li span:hover {
    background: 0 0;
}
.chatbot-box .model-list.chat-support li span b {
    font-size: 18px;
    font-weight: 500;
    color: #546e7a;
    height: 42px;
    display: inline-block;
    padding: 4px 0 0 44px;
}
.chatbot-box .model-list.chat-support label {
    width: 22px;
    height: 22px;
    border: 2px solid #546e7a;
    position: absolute;
    left: 22px;
    top: 46px;
    border-radius: 50%}
.chatbot-box .model-list.chat-support li.active label:before {
    width: 12px;
    height: 12px;
    background: #546e7a;
    content: "";
    position: absolute;
    left: 3px;
    top: 3px;
    border-radius: 50%}
.chatbot-box .model-list.chat-support p {
    line-height: 16px;
    color: #546e7a;
}
.chat-support li:first-child b {
    background: url(https://static.pbcdn.in/car-cdn/rct/images/chat-icon.png) -10px 0 no-repeat;
}
.chat-support li:nth-child(2) b {
    background: url(https://static.pbcdn.in/car-cdn/rct/images/chat-icon.png) -6px -105px no-repeat;
}
.btn-showMe {
    background: #fa774d;
    border-radius: 4px;
    color: #fff;
    font-size: 18px;
    margin: 15px auto 0;
    transition: .3s 0;
    min-width: 290px;
    min-height: 50px;
    text-transform: none;
    letter-spacing: 0;
    border: none;
}
.btn-showMe em {
    width: 20px;
    height: 20px;
    background: url(https://static.pbcdn.in/car-cdn/rct/images/chat-arrow-btn.png) no-repeat;
    top: 8px;
    left: 15px;
}
.chatbot-box .customer-detail .textinput label {
    opacity: 1;
    padding: 17px 1% 16px;
    font-size: 15px;
}
.chatbot-box .registeration .textinput input[type=tel], .chatbot-box .registeration .textinput input[type=tel].filled, .chatbot-box .registeration .textinput input[type=text], .chatbot-box .registeration .textinput input[type=text].filled {
    height: 55px;
}
.chatbot-box .registeration .textinput input[type=email].filled:valid {
    height: 55px;
}
.switch {
    width: 40px;
    height: 15px;
    vertical-align: middle;
}
.form-whatsapp .slider, .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}
.slider:before {
    position: absolute;
    content: "";
    height: 10px;
    width: 15px;
    left: 4px;
    bottom: 3px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s;
}
#otheroption li, .dont-know, .registeration .donthavepolicy, .verify-otp .close, .verify-otp input[type=text] {
    transition: .3s ease-in-out;
}
input:checked+.slider {
    background-color: #2196f3;
}
input:focus+.slider {
    box-shadow: 0 0 1px #2196f3;
}
input:checked+.slider:before {
    -webkit-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px);
}
.slider.round {
    border-radius: 10px;
}
.form-whatsapp .slider.round:before, .slider.round:before {
    border-radius: 50%}
.swith-quote {
    display: table;
    margin: 0;
    padding: 0;
}
.swith-quote p {
    margin: 0;
    padding: 0 4px;
    display: table-cell;
    font-size: 12px;
}
.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 20px 0 0;
    float: right;
}
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group {
    margin-left: -1px;
}
.btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:hover, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus, .btn-group>.btn:hover {
    z-index: 2;
}
.btn-group-vertical>.btn, .btn-group>.btn {
    position: relative;
    float: left;
}
.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary {
    background-image: none;
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}
.prequote_page .btn.active, .prequote_page .btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.prequote_page .btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1.42857143;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.brand-new, .manufact-listcb li span {
    border: 1px solid #becbd4;
    cursor: pointer;
}
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.switch_active {
    color: #fff;
    background-color: #2d9add;
    border-color: #3891c7;
}
.switch_active i {
    background: url(https://static.pbcdn.in/car-cdn/rct/images/2way.png) no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    top: 3px;
}
.cb-container {
    border-left: 1px solid #e0e0e0;
}
.prefrenceShow {
    visibility: visible;
}
.manufact-listcb li span b {
    display: inline-block;
    vertical-align: bottom;
    width: 100%;
    height: 0;
    text-align: center;
    margin: 48% 0 0;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .5px;
}
.manufact-listcb li span {
    border-radius: 5px;
    display: block;
    margin: 8px 0;
    min-height: 80px;
    transition: .3s cubic-bezier(.175,  .885,  .42,  1.31);
    background: url(https://static.pbcdn.in/car-cdn/rct/images/logo-gray.png) no-repeat;
}
.manufact-listcb li span.chevrolet {
    background-position: -12px -15px;
}
.manufact-listcb li span.fiat {
    background-position: -288px -315px;
}
.manufact-listcb li span.ford {
    background-position: -14px -214px;
}
.manufact-listcb li span.honda {
    background-position: -154px -15px;
}
.manufact-listcb li span.hyundai {
    background-position: -290px -15px;
}
.manufact-listcb li span.mahindra {
    background-position: -290px -115px;
}
.manufact-listcb li span.maruti {
    background-position: -12px -115px;
}
.manufact-listcb li span.renault {
    background-position: -152px -314px;
}
.manufact-listcb li span.skoda {
    background-position: -292px -207px;
}
.manufact-listcb li span.tata {
    background-position: -153px -115px;
}
.manufact-listcb li span.toyota {
    background-position: -155px -212px;
}
.manufact-listcb li span.volkswagen {
    background-position: -12px -315px;
}
.manufact-listcb li span.jeep {
    background-position: -417px -315px;
}
.manufact-listcb li span.mg {
    background-position: -419px -209px;
}
.manufact-listcb li span.nissan {
    background-position: -417px -116px;
}
.manufact-listcb li span.kia {
    background-position: -417px -16px;
}
.manufact-listcb li span.active, .manufact-listcb li:hover span {
    background-image: url(https://static.pbcdn.in/car-cdn/rct/images/logo-color.png);
    border: 1px solid #309fd7;
    color: #fff;
    background-color: #0065ff;
}
.nw_cars .autocomplete.search {
    margin-bottom: 8px;
    margin-top: 0;
}
.nw_cars .chat-head {
    margin: 20px 0 -20px;
}
.your_quotes {
    background: 0 0;
    border-radius: 5px;
    margin: 5px auto;
    width: 100%}
.your_quotes .pbimg {
    width: 80px;
}
.h_quote {
    color: #414141;
    text-align: left;
    margin: 0;
    font-weight: 300;
    font-size: 22px;
    padding: 0;
}
.h_quote div {
    margin: 24px 0 0;
    font-weight: 300;
}
.h_quote div span {
    border-bottom: 2px solid #b6c7d8;
    padding: 0 0 4px;
}
.h_quote img {
    float: right;
    margin-right: 15px;
}
.h_assist {
    color: #fff;
    font-size: 12px;
    text-align: left;
    margin-left: 10px;
    margin-bottom: 20px;
    display: none;
}
.chatbot-box h3 .l_arrowicon {
    border-left: 5px solid #fff;
    border-top: 5px solid #fff;
    overflow: hidden;
    display: block;
    transform: translateY(-50%) rotate(-48deg);
    -webkit-transform: translateY(-50%) rotate(-48deg);
    -ms-transform: translateY(-50%) rotate(-48deg);
    left: 18px;
    cursor: pointer;
}
.chatbot-box h3 .r_arrowicon {
    border-right: 5px solid #fff;
    border-bottom: 5px solid #fff;
    overflow: hidden;
    display: block;
    transform: translateY(-50%) rotate(-48deg);
    -webkit-transform: translateY(-50%) rotate(-48deg);
    -ms-transform: translateY(-50%) rotate(-48deg);
    right: 18px;
    cursor: pointer;
}
#cal {
    width: 98%}
.prequote_page .ui-datepicker select.ui-datepicker-month, .prequote_page .ui-datepicker select.ui-datepicker-year {
    padding-left: 15px;
}
.registeration .donthavepolicy {
    width: 345px;
    border: none;
    background: #fa774d!important;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 4px;
    padding: 11px 30px 9px;
    line-height: 24px;
    height: auto;
    display: block;
    margin: 0 auto;
    min-width: 140px;
    cursor: pointer;
}
.brand-new:hover, .dont-know {
    color: #0065ff;
}
.stamp {
    background-image: url(https://static.pbcdn.in/car-cdn/rct/images/stamp.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 125px;
    height: 90px;
    position: absolute;
    z-index: 99;
    margin-left: 30px;
}
.garage-locator .overlay {
    width: 100%;
    position: fixed;
    display: block;
    background: rgba(0, 0, 0, .7);
    left: 0;
    height: 100%;
    top: 0;
    z-index: 999;
}
.garage-locator .preloader {
    width: 86px;
    height: 86px;
    border-radius: 10px;
    background: url(https://static.pbcdn.in/car-cdn/rct/images/loading.gif) center 10px no-repeat #333;
    margin: 25% 50%}
.autocomplete .img_loader {
    position: absolute;
    z-index: 99;
    top: 2px;
    right: 4px;
}
.pb-logo {
    display: block;
    margin: 20px 0 25px;
    float: left;
    background: url(https://static.pbcdn.in/car-cdn/rct/images/PB-new-logo.svg) left 3px/162px auto no-repeat;
    height: 50px;
    width: 196px;
}
.newpopup_wrapper .popup_box .ques .text_center, .registeration.landing-page .textinput input.text-center, .text_center {
    text-align: center!important;
}
.vairant-height {
    height: 52px;
    padding-top: 17px!important;
}
.vairant-height::before {
    top: 30%!important;
}
.varient-list li span.vairant-height {
    height: 52px!important;
    padding: 0 20px 0 10px!important;
    line-height: 52px!important;
}
.model-list li span.vairant-height b {
    line-height: 1.5;
    display: inline-block;
    vertical-align: middle;
}
@media only screen and (min-width:1024px) {
    .single-model {
    margin-left: 25%}
}.customer-detail .textinput .edit-contact {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 5;
}
.brand-new {
    width: 98%;
    display: table;
    text-align: center;
    padding: 8px;
    clear: both;
    margin: 0 auto 10px;
    border-radius: 4px;
    position: relative;
    top: 5px;
}
.brand-new:before {
    width: 20px;
    height: 20px;
    background: url(https://static.pbcdn.in/car-cdn/rct/images/icon.png) 4px -216px no-repeat;
    content: "";
    position: absolute;
    top: 24%;
    right: 5px;
}
.verify-otp .error, .verify-otp .success {
    padding: 5px;
    width: 99.5%;
    left: 1px;
    bottom: 1px;
    text-align: center;
}
.brand-new.active {
    background: #0065ff;
    color: #fff;
    border: 1px solid #0065ff;
    font-weight: 500;
}
.brand-new.active:before {
    background: url(https://static.pbcdn.in/car-cdn/rct/images/icon.png) 4px -705px no-repeat;
}
#variantScroll::-webkit-scrollbar, #variant_wrapper::-webkit-scrollbar {
    width: 14px;
}
#variantScroll::-webkit-scrollbar-track, #variant_wrapper::-webkit-scrollbar-track {
    background: #fff;
    border-left: 6px solid #fff;
    border-right: 6px solid #fff;
}
#variantScroll::-webkit-scrollbar-thumb, #variant_wrapper::-webkit-scrollbar-thumb {
    background: #ccc;
    border-left: 4px solid #fff;
    border-right: 4px solid #fff;
}
#modelScroll {
    overflow: auto;
}
#modelScroll::-webkit-scrollbar {
    width: 14px;
}
#modelScroll::-webkit-scrollbar-track {
    background: #fff;
    border-left: 6px solid #fff;
    border-right: 6px solid #fff;
}
#modelScroll::-webkit-scrollbar-thumb {
    background: #ccc;
    border-left: 4px solid #fff;
    border-right: 4px solid #fff;
}
.registeration .textinput input {
    position: inherit;
    padding: 14px 0 13px;
    box-shadow: 0 2px 1px 0 #dedede;
}
.dont-know {
    cursor: pointer;
    display: table;
    margin: 20px auto;
    padding: 7px 0 0;
    text-align: center;
    width: auto;
    font-size: 12px;
}
.dont-know:hover {
    border-color: #fff;
    border-bottom: 2px solid;
}
#otheroption {
    margin: 0 auto;
    width: 100%}
#otheroption li {
    border: 1px solid #becbd4;
    cursor: pointer;
    border-radius: 5px;
    display: block;
    margin: 10px auto 0;
    padding: 7px 20px;
    text-align: center;
    background: url(https://static.pbcdn.in/car-cdn/rct/images/icon.png) right -209px no-repeat;
    width: 90%}
.other-manufact {
    border-bottom: 1px dashed #becbd4;
    clear: both;
    text-align: center;
    height: 11px;
    margin: 10px 0 20px;
    display: table;
    width: 100%}
.other-manufact span {
    background: #fff;
    padding: 3px 6px;
    position: relative;
    top: 9px;
}
.verify-otp {
    width: 400px;
    background: #fff;
    margin: -130px 0 0 -175px;
    display: table;
    padding: 50px 35px;
    box-shadow: 0 19px 38px rgba(0, 0, 0, .3), 0 15px 12px rgba(0, 0, 0, .22);
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 999;
}
.verify-otp .close {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 16px;
    cursor: pointer;
    opacity: .7;
    color: #999;
}
.verify-otp .close:hover {
    color: #000;
}
.chatbot-box .verify-otp h3 {
    font-size: 16px;
    color: #000;
    font-weight: 500;
    text-align: center;
    margin: 0;
}
.verify-otp input[type=text] {
    padding: 10px;
    font-size: 18px;
    text-align: center;
    display: table;
    width: 100%;
    margin: 0 0 10px;
    border: 1px solid #dedcdc;
    color: #929292;
    font-weight: 500;
}
.verify-otp a.editMob, .verify-otp a.resendOtp {
    color: #0892ff;
    font-size: 11px;
    display: block;
    font-weight: 500;
}
.verify-otp input:focus {
    outline: 0;
    border: 1px solid #98aab3;
}
.verify-otp a.editMob {
    float: left;
}
.verify-otp a.resendOtp {
    float: right;
}
.registeration .verify-otp .btn-orange {
    padding: 10px;
    margin: 50px auto 0;
    background: #ff6d33;
    font-size: 16px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    transition: .3s ease-in-out;
    text-transform: uppercase;
    font-weight: 500;
    display: block;
    clear: both;
    min-width: 100%;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    border: 1px solid #ef3939;
}
.registeration .verify-otp .btn-orange:hover {
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
}
.verify-otp .error {
    font-size: 11px;
    color: red;
    display: block;
    border: 1px dashed #fba3a3;
    background: #fde5e5;
    position: absolute;
}
.verify-otp .success {
    font-size: 11px;
    color: #1ba957;
    display: block;
    border: 1px dashed #1ba957;
    background: #e5fdef;
    position: absolute;
}
#dvVariant .slideInRightanimated {
    -webkit-animation-fill-mode: none;
    animation-fill-mode: none;
}
#dvVariant .model-list{
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}
#OTPOverlay {
    background: #2a424e;
}
.verify-otp::placeholder {
    color: #ccc;
    opacity: 1;
    font-size: 14px;
    font-weight: 400;
}
.verify-otp:-ms-input-placeholder {
    color: #ccc;
    font-size: 14px;
    font-weight: 400;
}
.verify-otp::-ms-input-placeholder {
    color: #ccc;
    font-size: 14px;
    font-weight: 400;
}
.quote-tile .kotak-banner ul li {
    padding: 0 3px 3px 24px!important;
    letter-spacing: -.2px;
    font-size: 9.5px;
}
.terms-text-saving {
    font-size: 10px;
    position: absolute;
    bottom: 0;
    right: 4px;
}
.orange-text {
    color: #f68630;
}
.registeration.landing-page {
    width: 56%;
    margin: 13px 0 0 385px;
    border: 1px solid #ebeef1;
    padding: 26px;
    background: #f9fafb;
    border-radius: 4px;
}
.registeration.landing-page .textinput input {
    height: 58px;
    padding: 17px 35px 18px;
    box-shadow: 0 1px 28px -3px #d4d4d4;
    border-radius: 4px 0 0 4px;
    border: 1px solid #9a9b9c;
    border-right: none;
}
.registeration.landing-page .btn-orange {
    width: 173px;
    border-radius: 0 4px 4px 0;
    padding: 17px 0;
    box-shadow: 0 1px 28px -3px #d4d4d4;
    background-position: 96% 17px!important;
    font-weight: 400;
    font-size: 18px;
}
.registeration.landing-page #action button[type=submit] {
    height: 58px;
}
.registeration.landing-page .btn-blue {
    color: #575f6f;
    box-shadow: none!important;
    border: 2px solid #dae1e7;
    border-radius: 4px!important;
    width: 300px!important;
    background: url(https://static.pbcdn.in/car-cdn/rct/images/right-arrow2.svg) 96% 11px no-repeat #eff2f5!important;
    max-width: 99%!important;
    font-size: 13px!important;
}
.registeration a {
    color: #0065ff;
    float: inherit;
}
.registeration.landing-page .h_quote {
    font-size: 22px;
    font-weight: 300;
    color: #414141;
    text-align: center;
}
.registeration.landing-page .h_quote div {
    margin: 13px 0 0;
    font-weight: 300;
    font-size: 18px;
    color: #73777b;
}
#innerregno {
    background: #fff;
    border-radius: 8px;
}
.registeration .textinput input[type=email].filled:valid, 
.registeration.landing-page .textinput input[type=text].filled {
    padding: 25px 1% 12px;
}
.fla-data-found {
    font-size: 12px;
    text-align: left;
    position: absolute;
    top: -77px;
    left: 25%;
    width: 310px;
    background: url(https://static.pbcdn.in/car-cdn/rct/images/checkmarkCircle.png) 8px 9px no-repeat;
    box-shadow: 0 2px 4px 0 #ccc;
    border-radius: 4px;
    padding: 4px 10px 4px 38px;
    animation: 2s pulse;
    white-space: nowrap;
}

.fla-data-found.recon_varient {
    top: -22px;
    left: 150%;
    z-index: 100;
    background-color: #fff;
    background-image: url(https://static.pbcdn.in/car-cdn/rct/images/thinking-emoji.png);
    background-size: 22px auto;
    transition: .3s;
}
.fla-data-found.recon_varient.animation {
    left: 36%}
.fla-data-found.recon_varient .close-icon {
    top: 2px;
    right: 0;
}
.fla-data-found.recon_varient .close-icon::after, .fla-data-found.recon_varient .close-icon::before {
    height: 12px;
}
.fla-data-found b {
    text-overflow: ellipsis;
    width: 225px;
    overflow: hidden;
    display: inline-block;
}
@-webkit-keyframes pulse {
    0%, 100% {
    background-color: #cbf2c4;
}
70% {
    background-color: #fff;
}
}@keyframes pulse {
    0%, 100% {
    background-color: #fff;
}
70% {
    background-color: #cbf2c4;
}
}.chatbot-box .registeration .fla-data-found a {
    float: right;
    font-size: 10px;
}
.app-header {
    background: #fff;
    border-bottom: 1px solid #ccc;
    margin: 0 0 24px;
}
.app-header .pb-logo {
    margin: 7px 0 9px;
}
.app-header .tollFree {
    margin: 22px 0 0 20px;
}
.TPHeaderquotes {
    display: block;
    background: #ffeebf;
    font-size: 14px;
    text-align: center;
    padding: 6px 0;
    color: #000;
    font-weight: 500;
}
.TPHeaderquotes b {
    color: #f76a3d;
}
.slideInRightanimated {
    -webkit-animation: .5s cubic-bezier(.25, .46, .45, .94) both slide-left;
    animation: .5s cubic-bezier(.25, .46, .45, .94) both slide-left;
}
@-webkit-keyframes slide-left {
    0% {
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
}
100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
}@keyframes slide-left {
    0% {
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
}
100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
}.preqoute-field {
    overflow: hidden;
}
.brandNew {
    text-align: left;
    padding: 0 8px;
}
.brandNew .model_popup {
    padding-left: calc(33.33% + 5px);
}
.brandNew b {
    font-weight: 700;
    margin: 10px 0;
    text-align: left;
    display: block;
}
.brandNew div, .welcome-msg h2 {
    margin: 0 0 10px;
    text-align: left;
}
.chatbot-box .registeration .brandNew div a {
    margin: 0 10px 0 0;
    border: 1px solid #becbd4;
    border-radius: 4px;
    padding: 6px 22px;
    color: #546e7a;
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
}
.provider {
    font-size: 10px;
    position: absolute;
    right: 10px;
    bottom: -30px;
}
.price-offer {
    background: #0065ff;
    text-align: center;
    color: #fff;
    font-size: 14px;
    padding: 7px 0;
    box-shadow: #9e9a89 0 2px 3px -2px;
    z-index: 9;
    position: relative;
    display: block;
}
.welcome-msg {
    width: 495px;
    background: #f9fafb;
    display: table;
    margin: 50px 0 20px;
}
.welcome-msg .icon {
    float: left;
    margin: 0 15px 0 0;
    width: 112px;
}
.form-whatsapp .switch, .form-whatsapp i.icon {
    margin-bottom: 10px;
    display: inline-block;
    vertical-align: middle;
}
.welcome-msg h2 {
    font-size: 18px;
    color: #172b4d;
    font-weight: 600;
    padding: 0;
    background: 0 0;
    letter-spacing: -.1px;
}
.welcome-msg p {
    font-size: 13px;
    font-weight: 400;
    color: #8993a5;
    line-height: 26px;
}
.welcome-msg .msg-txt {
    float: left;
    width: 73%;
    text-align: left;
}
.form-whatsapp {
    font-size: 12px;
    text-align: center;
    color: #546e7a;
    margin-top: 10px;
}
.form-whatsapp i.icon {
    background: url(https://static.pbcdn.in/car-cdn/rct/images/whatsapp.svg) 0 0/cover no-repeat;
    margin-right: 3px;
    width: 21px;
    height: 21px;
    margin-top: 10px;
}
.form-whatsapp .switch {
    position: relative;
    width: 32px;
    height: 14px;
    margin-left: 5px;
    margin-top: 10px;
}
.form-whatsapp .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
.form-whatsapp .slider.round {
    border-radius: 34px;
}
.form-whatsapp input:checked+.slider {
    background-color: #0065ff;
}
.form-whatsapp .slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 0;
    bottom: -3px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s;
    box-shadow: 0 2px 6px rgb(29 60 110 / 36%);
}
.newpopup_wrapper .popup_box.vehicle_redirecion .head_title span.emoj img, img {
    max-width: 100%}
.newpopup_wrapper .blue_bg_btn, .newpopup_wrapper .popup_box.vehicle_redirecion .blue_btn:hover {
    background: #0065ff;
    color: #fff!important;
}
.form-whatsapp input:checked+.slider:before {
    -webkit-transform: translateX(13px);
    transform: translateX(13px);
}
.popup_box.vehicle_redirecion {
    padding: 0;
    min-height: 368px;
}
.newpopup_wrapper .popup_box.vehicle_redirecion, .newpopup_wrapper .popup_box.vehicle_redirecion *, .popup_box.vehicle_redirecion, .popup_box.vehicle_redirecion * {
    box-sizing: border-box;
}
#dvModel .title, #dvVariant .title {
    font-size: 18px;
    font-weight: 500;
    color: #253858;
    text-align: left;
    margin: 10px 5px;
}
.model_wrapper, .variant_wrapper {
    margin-top: 15px;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}
.mobile_tab, .varient_tab {
    margin: 15px auto 0;
    text-align: left;
    width: 80%}
.mobile_tab li, .varient_tab li {
    background: #e0e0E04D;
    color: #253858;
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    display: inline-block;
    margin: 0 5px;
    cursor: pointer;
}
.mobile_tab li {
    margin: 0 1px;
}
.mobile_tab li.active, .varient_tab li.active {
    background: #253858;
    color: #fff;
}
#variantScroll {
    max-height: 500px;
    overflow: auto;
}
.variant_wrapper .varient-list:nth-of-type(2) #variantScroll {
    overflow: auto;
    max-height: 254px;
}
.newpopup_wrapper .popup_box.vehicle_redirecion {
    padding: 0;
    min-height:0px;
    max-width: 376px;
    bottom: auto;
}

#bhseries_popup .popup_box {
    min-height: 0;
}
.newpopup_wrapper .popup_box.vehicle_redirecion .head_title {
    letter-spacing: 0;
    color: #4f5f79;
    font-size: 16px;
    line-height: 21px;
    font-weight: 700;
    position: relative;
    padding: 25px 14px 25px 65px;
    text-align: left;
}
.newpopup_wrapper .popup_box.vehicle_redirecion .head_title span.emoji {
    position: absolute;
    left: 24px;
    width: 30px;
    height: 31px;
}
.newpopup_wrapper .popup_box.vehicle_redirecion .white_curve {
    padding: 0 25px 24px;
    width: 100%;
    border-bottom: 1px solid #f1f1f1;
}
.newpopup_wrapper .popup_box.vehicle_redirecion p.ques {
    color: #4f5f79;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 24px;
    text-align: left;
}
.newpopup_wrapper .blue_bg_btn {
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    padding: 13px 20px;
    display: block;
    text-align: left;
    max-width: 340px;
    margin: 0 auto 24px;
}
.newpopup_wrapper .popup_box.vehicle_redirecion .blue_btn {
    border: 1px solid #0065ff;
    font-size: 14px;
    font-weight: 500;
    padding: 11px 20px;
    border-radius: 8px;
    display: block;
    text-align: center;
    margin: 0 2%;
    float: left;
    width: 46%;
    transition: .4s;
}
.chatbot-box .enter_vehicle_again a, .enter_vehicle_again a {
    color: #0065ff;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    margin-top: 14px;
    margin-bottom: 14px;
    cursor: pointer;
}
.newpopup_wrapper .popup_box.vehicle_redirecion.step2 p.ques {
    font-size: 18px;
}
div.info {
    font-size: 13px;
    font-weight: 500;
    color: #e69740;
    text-align: center;
}
div.info::before {
    content: "";
    display: inline-block;
    background: url(https://static.pbcdn.in/car-cdn/rct/images/information-fill.svg);
    width: 14px;
    height: 14px;
    vertical-align: middle;
    margin-right: 5px;
    margin-bottom: 2px;
}
.newpopup_wrapper .popup_box.vehicle_redirecion div.info {
    margin-top: 24px;
}
.popup_box.vehicle_redirecion .blue_btn.width-100 {
    width: 100%;
    max-width: 100%;
    margin: 0;
}
.newpopup_wrapper .popup_box .image {
    margin: 30px 0;
}
.newpopup_wrapper .popup_box .loader_gif {
    margin: 30px auto;
}
.newpopup_wrapper .popup_box .loader_gif img {
    max-width: 70px;
}
.month-popup {
    margin: 10px 0;
}
.month-popup b {
    display: block;
    margin: 0 0 10px;
}
.month-popup .month_list span {
    padding-right: 10px;
}
.month-popup .month_list {
    max-width: 400px;
    margin: 0 auto;
}
.newpopup_wrapper.car_confirmation .blue_btn {
    background: #0065ff;
    display: block;
    text-decoration: none;
    box-shadow: 0 6px 16px #3469CB29;
    border-radius: 8px;
    color: #fff!important;
    font-size: 16px;
    font-weight: 500;
    line-height: 48px;
    text-align: center;
    padding: 0 12px;
}
.newpopup_wrapper.car_confirmation .blue_btn::after {
    content: "";
    display: inline-block;
    width: 14px;
    height: 12px;
    background: url(https://static.pbcdn.in/car-cdn/rct/images/icon-arrow-right.svg) 0 0/contain no-repeat;
    margin-left: 10px;
}
.newpopup_wrapper.car_confirmation {
    background: rgba(37, 56, 88, .6);
    color: #253858;
}
.newpopup_wrapper.car_confirmation .popup_box {
    border-radius: 32px;
    min-height: 0;
    max-width: 415px;
    text-align: center;
}
.car_details .left {
    position: relative;
    text-align: center;
}
.car_confirmation .popup_box .link {
    color: #0065ff;
    font-size: 16px;
    font-weight: 500;
    display: block;
    margin: 16px 0 0;
    text-decoration: underline;
}
.car_confirmation .popup_box.blue {
    background: linear-gradient(204deg, #e7f9fd 0, #ebf9f7 100%) no-repeat;
}
.car_confirmation .popup_box h2 {
    font-size: 20px;
    font-weight: 700;
    margin: 15px 0;
}
.boxborder {
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 32px;
    margin: 8px 0;
}
.car_confirmation .popup_box img, .variantPopup .popup_box .variantOptions li p:first-of-type {
    margin-bottom: 5px;
}
.car_confirmation .reg_num {
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    display: inline-block;
    padding: 0 6px;
    line-height: 26px;
    margin-bottom: 15px;
    background: #f2f7ff;
    margin-top: 5px;
    color: #69768c;
}
.car_confirmation .popup_box.orange .reg_num {
    background: #f6e2c1;
    color: #e09141;
}
.car_confirmation .popup_box.blue .reg_num {
    background: #cae6e2;
    color: #578982;
}
.car_confirmation .popup_box .right p {
    margin-bottom: 16px;
}
.car_confirmation .popup_box span.heading {
    color: #253858;
    opacity: .5;
    font-size: 12px;
    font-weight: 500;
    display: block;
    margin-bottom: 4px;
}
.car_confirmation .popup_box strong.value {
    display: block;
    font-size: 16px;
    font-weight: 500;
}
.car_confirmation .popup_box .blue_btn {
    margin-top: 16px;
    max-width: 230px;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: .26px;
}
.car_confirmation .popup_box .brand, .car_confirmation .popup_box .reg_year {
    font-size: 16px;
    font-weight: 500;
    color: #7c889b;
    margin-bottom: 8px;
    display: block;
}
.car_confirmation .popup_box .reg_year, .shimmerFormFields:last-of-type {
    margin-bottom: 0;
}
.car_confirmation .popup_box .varient {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 8px;
    display: block;
}
.newpopup_wrapper {
    position: fixed;
    background: rgba(0, 0, 0, .7);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
}
.newpopup_wrapper .popup_box {
    padding: 22px;
    background: #fff;
    border-radius: 8px;
    max-width: 520px;
    min-height: 380px;
    overflow: auto;
    position: absolute;
    top: 50%;
    left: 10px;
    right: 10px;
    margin: 0 auto;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    max-height: 574px;
}
/*brand ambassador*/


/*brand ambassador*/

.brandAmbassador{
    padding-top: 78px;
    /* padding-left: 30px; */
    margin-left: -10px;
}
.brandAmbassador img{
max-width: 237px;
margin: 0 auto;
display: block;
}
#section1, #section2, #section3, #section4, #section5, #section6 {
    padding: 0 3px;
}
.skeletonWrap {
    text-align: center;
    margin-top: 28px;
}
.shimmer {
    background: #f6f7f8;
    display: inline-block;
    position: relative;
    overflow: hidden;
}
.shimmer::after {
    content: "";
    display: block;
    height: 257px;
    position: absolute;
    top: -80px;
    left: 0;
    transform: translate(-100%, 0) rotate(45deg);
    right: 0;
    background: linear-gradient(to right, #f4f3f300, #f1f1f1a3 80%, #f4f3f300, #f1f1f1a3);
    animation: .8s linear infinite forwards ShimmerEffect;
    -webkit-animation: .8s linear infinite forwards ShimmerEffect;
}
@keyframes ShimmerEffect {
    0% {
    transform: translate(-100%, 0) rotate(45deg);
}
100% {
    transform: translate(100%, 0) rotate(45deg);
}
}@-webkit-keyframes ShimmerEffect {
    0% {
    transform: translate(-100%, 0) rotate(45deg);
}
100% {
    transform: translate(100%, 0) rotate(45deg);
}
}.shimmerHead {
    height: 45px;
    width: 84%;
    margin-bottom: 20px;
    border-radius: 4px;
}
.shimmerFormFields {
    height: 55px;
    margin-bottom: 16px;
    width: 100%;
    border-radius: 4px;
}
.shimmerViewPriceBtn {
    margin: 20px auto 0;
    width: 210px;
    height: 44px;
    border-radius: 4px;
}
.shimmerTnc {
    height: 20px;
    margin: 13px 0;
    width: 70%}
.variantPopup .popup_box {
    max-width: 406px;
    text-align: left;
    padding: 22px 30px;
}
.variantPopup .popup_box .headingV3 img {
    display: block;
    margin: 0 auto 10px;
}
.variantPopup .popup_box .line {
    width: 80%;
    margin: 20px auto;
    border-bottom: 1px solid rgba(35, 56, 88, .1);
}
.variantPopup .popup_box .variantOptions li {
    background: #f8faff;
    border: 1px solid #c2d1f9;
    border-radius: 8px;
    padding: 6px 15px;
    margin-bottom: 16px;
    cursor: pointer;
    position: relative;
    transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
}
.variantPopup .popup_box .variantOptions li:hover {
    background: #d1deff;
}
.variantPopup .popup_box .variantOptions li p {
    line-height: normal;
}
.variantPopup .popup_box .variantOptions li .rightArrow {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    -webkit-transform: translateY(-50%) rotate(45deg);
}
.variantPopup .popup_box .variantNotListed {
    font-size: 1.4rem;
    font-weight: 500;
    display: inline-block;
    border-bottom: 1px solid #0065ff;
    margin: 5px auto 10px;
}