.gstRevisionBanner {
    border-radius: 0;
    margin-bottom: 0;
    display: flex;
    grid-gap: 10px;
    gap: 10px;
    align-items: center;
    justify-content: center;
    background: #ffeee9;
    border: #ffeee9
}

.gstRevisionBanner .crossBtn {
    transform: scale(.6) translateY(-50%);
    top: 11px;
    right: 5px !important;
    border: 1px solid #000;
    border-radius: 50%;
    font-weight: 400
}

.gstRevisionBanner .inner {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 10px;
    gap: 10px;
    padding: 5px;
    font-weight: 500
}

@media only screen and (max-width:767px) {
    .gstRevisionBanner .inner {
        grid-gap: 5px;
        gap: 5px;
        padding: 4px
    }
}

.gstRevisionBanner .inner p {
    font-weight: 400;
    color: #651b1b;
    grid-gap: 10px;
    gap: 10px
}

.gstRevisionBanner .inner p b {
    margin-right: 0
}

header {
    background-color: #fff;
    padding: 5px 0;
    border-bottom: 1px solid rgba(37, 56, 88, .2)
}

header .container-inner {
    padding: 0 16px !important;
    position: relative
}

header .headerRightSection {
    display: flex;
    align-items: center;
    grid-gap: 10px;
    gap: 10px
}

header .languageSelector {
    position: absolute;
    right: 220px;
    border-radius: 5px;
    top: 5px;
    padding: 2px 0 2px 3px;
    z-index: 10;
    font-size: 13px
}

@media only screen and (max-width:767px) {
    header .languageSelector {
        right: 16px;
        top: 48px
    }
}

header .tollFreeText {
    display: flex;
    grid-gap: 3px;
    gap: 3px;
    align-items: center;
    border: 1px solid rgba(0, 101, 255, .7);
    font-size: 14px;
    border-radius: 8px;
    background: #fff;
    color: #0065ff;
    cursor: pointer;
    transition: background-color .2s ease-in;
    -webkit-transition: background-color .2s;
    padding: 6px 10px 6px 7px;
    font-size: .8rem;
    white-space: nowrap;
    position: absolute;
    right: 46px;
    top: 0
}

@media only screen and (max-width:767px) {
    header .tollFreeText {
        right: 16px
    }
}

header .overLay {
    position: absolute;
    z-index: 100;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

header .needHelpDropdown {
    position: absolute;
    z-index: 1000;
    top: 40px;
    width: 309px;
    left: auto;
    right: 0;
    background-color: #fff;
    border-radius: 4px
}

header .needHelpDropdown .inner {
    display: flex;
    grid-gap: 20px;
    gap: 20px;
    flex-direction: column;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    padding: 22px 20px 16px;
    border-radius: 2px 2px 8px 8px;
    background-color: #fff;
    box-shadow: 0 0 16px rgba(52, 105, 203, .161);
    border-top: 1px solid #0065ff
}

header .needHelpDropdown .inner .headingV4 {
    font-size: 14px;
    color: #253858
}

header .needHelpDropdown .inner ul {
    display: flex;
    grid-gap: 7px;
    grid-gap: 10px;
    gap: 10px;
    flex-direction: column
}

header .needHelpDropdown .inner ul li {
    position: relative
}

header .needHelpDropdown .inner ul li a {
    display: block;
    font-size: 1.02rem;
    color: rgba(37, 56, 88, .8);
    padding: 5px 0 5px 35px
}

header .needHelpDropdown .inner ul li a span {
    color: #0065ff
}

header .needHelpDropdown .inner ul li a img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    left: 0
}

header .needHelpDropdown .note {
    display: flex;
    grid-gap: 5px;
    gap: 5px;
    padding: 0 4px;
    align-items: center
}

header .needHelpDropdown .note div {
    word-wrap: break-word;
    white-space: normal;
    overflow: hidden
}

header .needHelpDropdown .note .text .smallestFont {
    font-size: 11px;
    color: #c67300
}

@media only screen and (max-width:767px) {
    header .needHelpDropdown .note .text .smallestFont {
        font-size: 10px
    }
}

.commonHeader {
    background-color: #fff;
    padding: 6px 0;
    border-bottom: 1px solid rgba(37, 56, 88, .2);
    height: 55px;
    position: relative;
    z-index: 10;
    font-weight: 400;
    font-family: Roboto, sans-serif
}

@media only screen and (max-width:767px) {
    .commonHeader {
        height: auto
    }
}

@media screen and (min-width:320px)and (max-width:940px)and (orientation:landscape) {
    .commonHeader {
        height: auto
    }
}

.commonHeader .needHelpWrap {
    position: relative
}

.commonHeader .needHelpWrap .needHelpDropdown {
    position: absolute;
    z-index: 10;
    top: 100%;
    width: 291px;
    right: 0;
    padding-top: 4px
}

.commonHeader .needHelpWrap .needHelpDropdown .inner {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    padding: 22px 20px 16px;
    border-radius: 2px 2px 8px 8px;
    background-color: #fff;
    box-shadow: 0 0 16px rgba(52, 105, 203, .1607843137);
    border-top: 1px solid #0065ff
}

.commonHeader .needHelpWrap .needHelpDropdown .inner:before {
    content: "";
    display: block;
    height: 6px;
    width: 6px;
    border-top: 1px solid #0065ff;
    border-left: 1px solid #0065ff;
    transform: rotate(45deg);
    background: #fff;
    position: absolute;
    top: 1px;
    right: 20px
}

.commonHeader .needHelpWrap .needHelpDropdown .inner ul {
    list-style: none
}

.commonHeader .needHelpWrap .needHelpDropdown .inner ul li {
    margin-bottom: 16px
}

.commonHeader .needHelpWrap .needHelpDropdown .inner ul li:last-of-type {
    margin-bottom: 0
}

.commonHeader .needHelpWrap .needHelpDropdown .inner ul a {
    display: block;
    font-size: 14px;
    color: rgba(37, 56, 88, .8);
    position: relative;
    padding: 5px 0 5px 45px
}

.commonHeader .needHelpWrap .needHelpDropdown .inner ul a img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0
}

.commonHeader .needHelpWrap .needHelpDropdown .inner ul .goToMyAcc a {
    font-weight: 500;
    color: #253858
}

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

.commonHeader .headerInner .logo.logo-mob {
    display: none
}

@media only screen and (max-width:767px) {
    .commonHeader .headerInner .logo.logo-mob {
        display: block
    }
}

@media screen and (min-width:320px)and (max-width:940px)and (orientation:landscape) {
    .commonHeader .headerInner .logo.logo-mob {
        display: block
    }
}

@media only screen and (max-width:767px) {
    .commonHeader .headerInner .logo {
        display: none
    }
}

@media screen and (min-width:320px)and (max-width:940px)and (orientation:landscape) {
    .commonHeader .headerInner .logo {
        display: none
    }
}

.commonHeader .headerInner .logo .logoImg {
    outline: none;
    display: block
}

.commonHeader .headerInner .logo img {
    max-width: 100%;
    max-height: 42px
}

@media only screen and (max-width:767px) {
    .commonHeader .headerInner .logo img {
        max-height: -webkit-max-content;
        max-height: -moz-max-content;
        max-height: max-content
    }
}

@media screen and (min-width:320px)and (max-width:940px)and (orientation:landscape) {
    .commonHeader .headerInner .logo img {
        max-height: -webkit-max-content;
        max-height: -moz-max-content;
        max-height: max-content
    }
}

.commonHeader .headerInner .btnGroup {
    display: inline-flex;
    align-items: center
}

.commonHeader .headerInner .btnGroup .langBtn {
    position: relative;
    margin-right: 12px
}

.commonHeader .headerInner .btnGroup .langBtn .icn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px
}

.commonHeader .headerInner .btnGroup .langBtn select {
    cursor: pointer;
    color: inherit;
    padding: 1px 20px 1px 35px;
    height: 32px;
    line-height: 28px;
    font-weight: 500;
    border: 1px solid rgba(37, 56, 88, .7);
    border-radius: 8px;
    width: 120px;
    background: #fff;
    font-size: 12px;
    color: rgba(37, 56, 88, .7);
    -moz-appearance: none;
    background: url(https://static.pbcdn.in/car-cdn/car2.0/angle-down.svg) no-repeat 90%/10px auto;
    appearance: none;
    -webkit-appearance: none;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media only screen and (max-width:767px) {
    .commonHeader .headerInner .btnGroup .langBtn select {
        width: 100px
    }
}

.commonHeader .headerInner .needHelpWrap {
    display: inline-flex;
    align-items: center
}

.commonHeader .headerInner .needHelpWrap .primaryBtnV1 {
    padding: 8px;
    min-width: 100px;
    font-size: 12px
}

.commonHeader .headerInner .needHelpWrap .primaryBtnV1 img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 2px
}

.commonHeader .headerInner .needHelpWrap .headingType2 {
    color: #253858
}

.commonHeader .headerInner .needHelpWrap .headingType2:after {
    content: "";
    width: 24px;
    border-top: 1px solid rgba(37, 56, 88, .6);
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle;
    position: static
}

.commonHeader .headerInner .needHelpWrap .note {
    display: flex;
    align-items: center;
    padding: 3px 6px;
    border-radius: 2px;
    margin: 12px -6px 0;
    background-color: #fff7ec
}

.commonHeader .headerInner .needHelpWrap .note p {
    line-height: normal
}

.commonHeader .headerInner .needHelpWrap .note img {
    margin-right: 5px
}

.prequoteWrap {
    font-family: Roboto, sans-serif;
    min-height: calc(100svh - 55px);
    padding: 48px 0 100px;
    background: #e5efff;
    position: relative
}

@media only screen and (max-width:767px) {
    .prequoteWrap {
        min-height: calc(100svh - 46px)
    }
}

@media screen and (min-width:320px)and (max-width:940px)and (orientation:landscape) {
    .prequoteWrap {
        min-height: calc(100svh - 46px)
    }
}

.prequoteWrap .regDetails {
    max-width: 624px;
    padding-top: 40px;
    margin: 0 auto
}

.prequoteWrap .regDetails .bestPrice {
    padding: 5px 10px;
    border-radius: 30px;
    border: 2px solid #b1cfff;
    font-weight: 400;
    background: linear-gradient(91deg, #516587 4.99%, #5c759e 58.05%, #516587 141.83%);
    color: #fff;
    font-size: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.prequoteWrap .regDetails .bestPrice:before {
    margin-right: 5px
}

.prequoteWrap .regDetails .bestPrice:after,
.prequoteWrap .regDetails .bestPrice:before {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    border: 1px solid #b1cfff;
    display: inline-block;
    vertical-align: middle;
    background: #fff
}

.prequoteWrap .regDetails .bestPrice:after {
    margin-left: 5px
}

.prequoteWrap .regDetails .saveText {
    margin-bottom: 4px;
    line-height: 42px;
    max-width: 100%;
    font-size: 28px;
    font-weight: 700
}

@media only screen and (max-width:767px) {
    .prequoteWrap .regDetails .saveText {
        font-size: 17px;
        line-height: 26px;
        max-width: 272px;
        font-weight: 600
    }
}

.prequoteWrap .regDetails .saveText .saveUpto {
    position: relative;
    padding-right: 11px;
    display: inline-block;
    color: #fc4803;
    margin: 0 5px
}

.prequoteWrap .regDetails .saveText .saveUpto sup {
    position: absolute;
    top: 7px;
    right: 0
}

.prequoteWrap .regDetails .top {
    padding-right: 138px;
    position: relative;
    padding-bottom: 30px
}

@media only screen and (max-width:767px) {
    .prequoteWrap .regDetails .top {
        padding-right: 70px;
        padding-bottom: 20px
    }
}

@media screen and (min-width:320px)and (max-width:940px)and (orientation:landscape) {
    .prequoteWrap .regDetails .top {
        padding-right: 70px;
        padding-bottom: 20px
    }
}

.prequoteWrap .regDetails .top .brandAmbassador {
    padding: 0;
    position: absolute;
    right: 27px;
    bottom: -1px
}

@media only screen and (max-width:767px) {
    .prequoteWrap .regDetails .top .brandAmbassador {
        right: 10px
    }
}

@media screen and (min-width:320px)and (max-width:940px)and (orientation:landscape) {
    .prequoteWrap .regDetails .top .brandAmbassador {
        right: 10px
    }
}

.prequoteWrap .regDetails .top .brandAmbassador img {
    width: 180px;
    height: auto;
    z-index: 1
}

@media only screen and (max-width:767px) {
    .prequoteWrap .regDetails .top .brandAmbassador img {
        width: 100px
    }
}

@media screen and (min-width:320px)and (max-width:940px)and (orientation:landscape) {
    .prequoteWrap .regDetails .top .brandAmbassador img {
        width: 100px
    }
}

.prequoteWrap .carRegform {
    border-radius: 16px;
    border: 1.5px solid #d2e3fc;
    background: #fff;
    box-shadow: 0 4px 8px 1px #cee2ff;
    padding: 12px 16px;
    display: grid;
    grid-template-columns: auto 210px;
    margin-bottom: 0
}

@media only screen and (max-width:767px) {
    .prequoteWrap .carRegform {
        display: block;
        background: none;
        border: none;
        border-radius: 0;
        padding: 0;
        box-shadow: none
    }
}

@media screen and (min-width:320px)and (max-width:940px)and (orientation:landscape) {
    .prequoteWrap .carRegform {
        display: block;
        background: none;
        border: none;
        border-radius: 0;
        padding: 0;
        box-shadow: none
    }
}

.prequoteWrap .carRegform .inputField {
    position: relative
}

@media only screen and (max-width:767px) {
    .prequoteWrap .carRegform .inputField {
        margin-bottom: 16px
    }
}

@media screen and (min-width:320px)and (max-width:940px)and (orientation:landscape) {
    .prequoteWrap .carRegform .inputField {
        margin-bottom: 16px
    }
}

.prequoteWrap .carRegform .inputField .vehicleLabel {
    left: 0;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 10px;
    color: rgba(84, 110, 122, .6);
    font-weight: 500;
    top: -4px;
    opacity: 0;
    transition: opacity .15s ease-in-out;
    -webkit-transition: opacity .15s ease-in-out;
    -ms-transition: opacity ease-in-out .15s;
    position: absolute
}

@media only screen and (max-width:767px) {
    .prequoteWrap .carRegform .inputField .vehicleLabel {
        top: 6px
    }
}

@media screen and (min-width:320px)and (max-width:940px)and (orientation:landscape) {
    .prequoteWrap .carRegform .inputField .vehicleLabel {
        top: 6px
    }
}

.prequoteWrap .carRegform .inputField input {
    height: 46px;
    border: none;
    box-shadow: none;
    padding: 0 5px;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase
}

.prequoteWrap .carRegform .inputField input::-webkit-input-placeholder {
    font-size: 16px;
    font-weight: 400
}

.prequoteWrap .carRegform .inputField input::-ms-input-placeholder {
    font-size: 16px;
    font-weight: 400
}

.prequoteWrap .carRegform .inputField input::placeholder {
    font-size: 16px;
    font-weight: 400
}

@media only screen and (max-width:767px) {
    .prequoteWrap .carRegform .inputField input::-webkit-input-placeholder {
        font-size: 14px
    }

    .prequoteWrap .carRegform .inputField input::-ms-input-placeholder {
        font-size: 14px
    }

    .prequoteWrap .carRegform .inputField input::placeholder {
        font-size: 14px
    }
}

@media screen and (min-width:320px)and (max-width:940px)and (orientation:landscape) {
    .prequoteWrap .carRegform .inputField input::-webkit-input-placeholder {
        font-size: 14px
    }

    .prequoteWrap .carRegform .inputField input::-ms-input-placeholder {
        font-size: 14px
    }

    .prequoteWrap .carRegform .inputField input::placeholder {
        font-size: 14px
    }
}

@media only screen and (max-width:767px) {
    .prequoteWrap .carRegform .inputField input {
        height: 72px;
        border-radius: 16px;
        border: 1.5px solid #d2e3fc;
        background: #fff;
        padding: 24px 20px;
        box-shadow: 0 6px 16px #b9d1ff;
        font-size: 16px
    }
}

@media screen and (min-width:320px)and (max-width:940px)and (orientation:landscape) {
    .prequoteWrap .carRegform .inputField input {
        height: 72px;
        border-radius: 16px;
        border: 1.5px solid #d2e3fc;
        background: #fff;
        padding: 24px 20px;
        box-shadow: 0 6px 16px #b9d1ff;
        font-size: 16px
    }
}

.prequoteWrap .carRegform .inputField input:not(:placeholder-shown) {
    text-align: center
}

.prequoteWrap .carRegform .inputField input:not(:placeholder-shown)~.vehicleLabel {
    opacity: 1
}

.prequoteWrap .carRegform .viewPrice {
    margin: 0;
    border-radius: 12px;
    background: #0065ff;
    min-height: 48px;
    padding: 12px;
    font-size: 16px
}

.prequoteWrap .carRegform .viewPrice .arrowRight {
    border-color: #fff;
    width: 7px;
    height: 7px;
    border-width: 2px;
    vertical-align: middle;
    margin-left: 6px;
    margin-bottom: 1px
}

.prequoteWrap .otherOptions {
    margin-top: 16px
}

.prequoteWrap .otherOptions .headingV3 {
    color: #0c2c61
}

@media only screen and (max-width:767px) {
    .prequoteWrap .otherOptions .headingV3 {
        text-align: center
    }
}

@media screen and (min-width:320px)and (max-width:940px)and (orientation:landscape) {
    .prequoteWrap .otherOptions .headingV3 {
        text-align: center
    }
}

.prequoteWrap .bottomBanner {
    height: 80px;
    background: #d9e9fc url(https://static.pbcdn.in/car-cdn/cv/home/roadShadow.svg) no-repeat right 59px;
    border-radius: 23px 32px 0 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

@media only screen and (max-width:767px) {
    .prequoteWrap .bottomBanner {
        height: auto;
        padding: 16px 0;
        text-align: center;
        background-position: 100% 100%
    }
}

@media screen and (min-width:320px)and (max-width:940px)and (orientation:landscape) {
    .prequoteWrap .bottomBanner {
        height: auto;
        padding: 16px 0;
        text-align: center;
        background-position: 100% 100%
    }
}

.prequoteWrap .bottomBanner .container-fluid {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 100%
}

@media only screen and (max-width:767px) {
    .prequoteWrap .bottomBanner .container-fluid {
        padding: 0
    }
}

@media screen and (min-width:320px)and (max-width:940px)and (orientation:landscape) {
    .prequoteWrap .bottomBanner .container-fluid {
        padding: 0
    }
}

.prequoteWrap .bottomBanner .container-fluid .text {
    flex: 0 0 30%;
    max-width: 30%
}

@media only screen and (max-width:767px) {
    .prequoteWrap .bottomBanner .container-fluid .text {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media screen and (min-width:320px)and (max-width:940px)and (orientation:landscape) {
    .prequoteWrap .bottomBanner .container-fluid .text {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.prequoteWrap .bottomBanner .container-fluid .text .headingV3 {
    font-weight: 400;
    max-width: 300px;
    font-family: "Roboto Condensed", sans-serif;
    line-height: 24px
}

@media only screen and (max-width:767px) {
    .prequoteWrap .bottomBanner .container-fluid .text .headingV3 {
        max-width: 100%
    }
}

@media screen and (min-width:320px)and (max-width:940px)and (orientation:landscape) {
    .prequoteWrap .bottomBanner .container-fluid .text .headingV3 {
        max-width: 100%
    }
}

.prequoteWrap .bottomBanner .container-fluid .text .headingV3 i {
    display: block
}

.prequoteWrap .bottomBanner .container-fluid .slider {
    list-style: none;
    flex: 0 0 70%;
    max-width: 70%;
    margin-top: 26px;
    text-align: right;
    overflow: hidden
}

@media only screen and (max-width:767px) {
    .prequoteWrap .bottomBanner .container-fluid .slider .vehicleIcnList {
        white-space: nowrap;
        position: relative;
        top: 10px;
        margin: 0 -16px;
        padding: 0 12px;
        -webkit-animation: sliderAnim 20s linear infinite;
        animation: sliderAnim 20s linear infinite
    }
}

@media screen and (min-width:320px)and (max-width:940px)and (orientation:landscape) {
    .prequoteWrap .bottomBanner .container-fluid .slider .vehicleIcnList {
        white-space: nowrap;
        position: relative;
        top: 10px;
        margin: 0 -16px;
        padding: 0 12px
    }
}

@keyframes sliderAnim {
    0% {
        transform: translateX(-200%)
    }

    to {
        transform: translateX(100%)
    }
}

@-webkit-keyframes sliderAnim {
    0% {
        transform: translateX(-200%)
    }

    to {
        transform: translateX(100%)
    }
}

@media only screen and (max-width:767px) {
    .prequoteWrap .bottomBanner .container-fluid .slider {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media screen and (min-width:320px)and (max-width:940px)and (orientation:landscape) {
    .prequoteWrap .bottomBanner .container-fluid .slider {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.prequoteWrap .bottomBanner .container-fluid .slider li {
    display: inline-block;
    margin-right: 60px;
    position: relative;
    vertical-align: top
}

.prequoteWrap .bottomBanner .container-fluid .slider li:after {
    content: "";
    width: 34px;
    height: 34px;
    background: url(https://static.pbcdn.in/car-cdn/cv/home/polygon.svg) no-repeat;
    display: block;
    position: absolute;
    top: -28px;
    left: 100%
}

@media only screen and (max-width:767px) {
    .prequoteWrap .bottomBanner .container-fluid .slider li:after {
        display: none
    }
}

@media screen and (min-width:320px)and (max-width:940px)and (orientation:landscape) {
    .prequoteWrap .bottomBanner .container-fluid .slider li:after {
        display: none
    }
}

.prequoteWrap .bottomBanner .container-fluid .slider li:last-of-type {
    margin-right: 0
}

.prequoteWrap .bottomBanner .container-fluid .slider li:last-of-type:after {
    display: none
}

.prequoteWrap .bottomBanner.threeWheeler {
    background: none;
    height: auto;
    padding: 0
}

.prequoteWrap .bottomBanner.threeWheeler img {
    max-width: 100%;
    width: 100%
}

@media only screen and (max-width:767px) {
    .prequoteWrap .bottomBanner.threeWheeler img.desk {
        display: none
    }
}

@media screen and (min-width:320px)and (max-width:940px)and (orientation:landscape) {
    .prequoteWrap .bottomBanner.threeWheeler img.desk {
        display: none
    }
}

.prequoteWrap .bottomBanner.threeWheeler img.mobImg {
    display: none
}

@media only screen and (max-width:767px) {
    .prequoteWrap .bottomBanner.threeWheeler img.mobImg {
        display: block;
        position: relative;
        top: 3px
    }
}

@media screen and (min-width:320px)and (max-width:940px)and (orientation:landscape) {
    .prequoteWrap .bottomBanner.threeWheeler img.mobImg {
        display: none
    }
}

.prequoteWrap .bottomBanner.pickupVan {
    background: none;
    height: auto;
    min-height: 100px;
    padding: 0
}

.prequoteWrap .bottomBanner.pickupVan img {
    max-width: 100%;
    width: 100%
}

@media only screen and (max-width:767px) {
    .prequoteWrap .bottomBanner.pickupVan img.desk {
        display: none
    }
}

@media screen and (min-width:320px)and (max-width:940px)and (orientation:landscape) {
    .prequoteWrap .bottomBanner.pickupVan img.desk {
        display: none
    }
}

.prequoteWrap .bottomBanner.pickupVan img.mobImg {
    display: none
}

@media only screen and (max-width:767px) {
    .prequoteWrap .bottomBanner.pickupVan img.mobImg {
        display: block;
        position: relative;
        top: 3px
    }
}

@media screen and (min-width:320px)and (max-width:940px)and (orientation:landscape) {
    .prequoteWrap .bottomBanner.pickupVan img.mobImg {
        display: none
    }
}

body:has(.landing) .commonHeader {
    background: #e5efff;
    border-color: #e5efff
}

.container-inner {
    display: block;
    padding: 25px
}

.left-part {
    width: 75%;
    min-height: 650px;
    margin-right: 3%
}

.thankyou .left-part {
    width: 100%
}

.thanks-msg {
    background: #fff;
    text-align: left;
    display: table;
    width: 100%;
    background-size: 77px;
    background-position: 13px 17px;
    margin: 0;
    padding: 15px 0 24px;
    box-shadow: 0 6px 16px rgba(52, 105, 203, .16)
}

.thanks-msg b {
    padding: 0 0 0 79px;
    color: #253858;
    font-size: 20px;
    line-height: 36px;
    display: block;
    font-weight: 600
}

.thanks-msg em {
    font-style: normal;
    font-size: 12px;
    margin: 21px 0 0;
    padding-left: 80px;
    font-weight: 500
}

.thanks-msg span {
    padding: 0 0 0 80px;
    line-height: 12px;
    color: #253858;
    display: block;
    font-weight: 300;
    font-size: 14px
}

.thanks-msg span em {
    display: block;
    font-size: 12px;
    color: #253858;
    margin: 0;
    font-weight: 500;
    padding: 0
}

.right-part img.happy {
    display: none
}

.right-part {
    width: 100%;
    min-height: auto;
    box-shadow: 0 6px 16px rgba(52, 105, 203, .16);
    margin: 20px 0 0
}

.right-part,
.right-part .rating-box {
    border-radius: 12px
}

.thanks-msg span b {
    display: inline-block;
    font-size: 14px;
    position: relative
}

.thanks-msg span b:after {
    content: "";
    width: 86px;
    height: 13px;
    border: 2px solid transparent;
    border-top-color: #f08f2b;
    border-radius: 50%;
    position: absolute;
    top: 28px;
    left: 0;
    transform: rotate(-4deg)
}

.thanks-msg em b {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    padding: 0
}

.thanks-msg span em b:after {
    display: none
}

.thanks-msg.pad0 {
    padding-top: 0 !important
}

.thanks-msg .kyc-pending {
    background: #fff7f2 url(/assets/img/Doc-upload.4900b31b.svg) no-repeat 15px 26px;
    padding: 15px 0;
    background-size: 48px
}

.irda-text {
    background: #ffebd8 url(/assets/img/kyc-incomplete.be673551.svg) no-repeat 21px 8px/18px;
    padding: 7px 0 9px 52px;
    font-size: 12px
}

.kyc-container {
    margin: 0
}

.kyc-container h2 {
    background: #fee no-repeat 15px 19px;
    padding: 7px 0 9px 50px;
    font-size: 14px;
    line-height: 26px;
    font-weight: 500;
    width: 100%;
    margin: 0 auto;
    text-align: left;
    border-radius: 0
}

.kyc-container h2 span {
    font-size: 12px;
    padding: 0;
    color: #253858
}

.kyc-container .kycLeft {
    float: left;
    width: 38%;
    margin: 20px 0 0 20px
}

.kyc-container .kycLeft h3 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 2px
}

.kyc-container .kycLeft p {
    font-weight: 400;
    color: #787f8b;
    font-size: 12px;
    margin-bottom: 10px;
    line-height: 20px
}

.kyc-container .kycRight {
    float: right;
    width: 55%;
    margin: 8px 10px 0 0
}

.kyc-container .kycRight select {
    padding: 12px 10px;
    width: 100%;
    border: 1px solid #a8afbc;
    -webkit-appearance: none;
    border-radius: 8px;
    background: no-repeat 97% 13px/14px
}

.kyc-container .kycRight .information {
    background: none;
    border: none;
    padding: 0;
    font-size: 10px;
    width: 92%;
    margin: 8px 0 12px 17px;
    color: rgb(0 0 0/60%);
    font-style: italic;
    line-height: 12px;
    text-align: justify
}

.kyc-container .kycRight .information span {
    padding: 0 3px 0 0;
    display: inline-block;
    line-height: 10px;
    text-transform: capitalize;
    font-size: 10px;
    color: rgb(0 0 0/60%);
    font-weight: 400
}

.kyc-container .kycRight .formField {
    position: relative
}

.kyc-container .kycRight .orField {
    position: absolute;
    top: 30px;
    left: 211px;
    font-size: 12px
}

.kyc-container .id-proof {
    width: 56%;
    padding: 10px;
    border-radius: 8px;
    margin: 0 auto;
    font-size: 12px;
    clear: both;
    color: #0563f6;
    font-weight: 500;
    text-align: center;
    float: right
}

.kyc-container .id-proof a {
    font-weight: 500;
    text-decoration: underline
}

.kyc-container .kycLeft p a {
    text-decoration: underline
}

.kyc-container .id-proof p {
    font-size: 12px;
    display: inline-block;
    color: #0563f6;
    font-weight: 500;
    border-bottom: 1px solid;
    cursor: pointer;
    line-height: 16px
}

.kyc-container .btn-update {
    background: #0065ff !important;
    border: none;
    color: #fff;
    width: 92%;
    margin: 0 0 0 17px;
    display: table;
    height: 48px;
    border-radius: 8px;
    background-size: 12px !important;
    position: relative;
    font-size: 16px;
    text-align: center
}

.kyc-container .id-proof p.went-wrong {
    width: 176px;
    color: red;
    border: none;
    font-weight: 400;
    font-size: 10px;
    text-align: center
}

.formField .field {
    position: relative;
    display: inline-block;
    width: 46%;
    margin: 15px 0 14px 12px;
    vertical-align: top
}

.formField .field.selBox {
    width: 95%
}

.formField .field select+label {
    position: absolute;
    top: -9px;
    background: #fff;
    left: 8px;
    padding: 0 4px;
    color: rgba(37, 56, 88, .6);
    font-size: 12px;
    font-weight: 400
}

.formField input,
.formField label {
    transition: all .2s;
    touch-action: manipulation;
    box-shadow: none
}

.formField input[type=tel],
.formField input[type=text] {
    font-size: 16px;
    border: 0;
    border: 1px solid rgba(37, 56, 88, .4);
    font-family: inherit;
    -webkit-appearance: none;
    border-radius: 8px;
    padding: 10px;
    cursor: text;
    color: #253858;
    width: 100%;
    display: table;
    text-align: left;
    z-index: 9;
    background: transparent;
    position: relative;
    box-shadow: none
}

.formField input:focus {
    outline: 0;
    border-bottom: 1px solid #666;
    box-shadow: none
}

.formField label {
    text-transform: normal;
    display: table;
    font-size: 14px;
    color: #253858;
    margin-bottom: 8px;
    font-weight: 500
}

.formField input:placeholder-shown+label,
.formField select:placeholder-shown+label {
    cursor: text;
    position: absolute;
    top: -8px;
    left: 8px;
    color: rgba(37, 56, 88, .6);
    font-size: 12px;
    font-weight: 400;
    background: #fff;
    display: block;
    z-index: 9;
    padding: 0 3px
}

.formField::-webkit-input-placeholder {
    opacity: .7;
    -webkit-transition: inherit;
    transition: inherit
}

.formField input::-webkit-input-placeholder,
.formField select::-webkit-input-placeholder {
    opacity: .7;
    -webkit-transition: inherit;
    transition: inherit
}

.formField input:focus::-webkit-input-placeholder,
.formField select:focus::-webkit-input-placeholder {
    opacity: .7
}

.formField::-moz-placeholder,
.formField input::-moz-placeholder {
    opacity: .7;
    -moz-transition: inherit;
    transition: inherit
}

.formField input:focus::-moz-placeholder {
    opacity: .7
}

.formField input:focus+label,
.formField input:not(:placeholder-shown)+label,
.formField select:focus+label {
    cursor: pointer;
    position: absolute;
    top: 13px;
    left: 9px;
    padding: 0 3px;
    font-size: 12px;
    background: #fff;
    display: table;
    width: auto;
    z-index: 10;
    color: rgba(37, 56, 88, .6);
    font-weight: 400;
    top: -8px;
    left: 8px
}

.formField input[type=button] {
    background: #0065ff !important;
    border: none;
    color: #fff;
    width: 96%;
    margin: 14px 0 0 11px;
    display: table;
    height: 48px;
    border-radius: 8px;
    background-size: 12px !important;
    position: relative;
    font-size: 16px;
    text-align: center
}

.formField input:autofill-selected {
    background: #fff !important
}

.formField .field p {
    text-align: left
}

.formField .field p,
.formField p.went-wrong {
    font-size: 10px;
    color: #ed3833;
    font-weight: 400
}

.formField p.went-wrong {
    text-align: center;
    padding: 10px 0 0
}

.kyc-container button.btn-update[disabled] {
    background: #ccc !important;
    cursor: no-drop
}

.kyc-container .btn-update[disabled] .loader {
    font-size: 10px;
    margin: 0 auto;
    text-indent: -9999em;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #fff;
    background: linear-gradient(90deg, #fff 10%, hsla(0, 0%, 100%, 0) 42%);
    position: relative;
    -webkit-animation: load3 1.4s linear infinite;
    animation: load3 1.4s linear infinite;
    transform: translateZ(0)
}

.kyc-container .btn-update[disabled] .loader:before {
    width: 55%;
    height: 55%;
    background: #fff;
    border-radius: 100% 0 0 0
}

.kyc-container .btn-update[disabled] .loader:after {
    background: #ccc;
    width: 75%;
    height: 75%;
    border-radius: 50%;
    margin: auto;
    bottom: 0;
    right: 0
}

.formField .field.radBox {
    width: 94%;
    display: table;
    text-align: left;
    margin: 10px auto 0
}

.formField .field.radBox .ckyc-text {
    color: #7c879b;
    width: 100%;
    display: block;
    font-size: 12px;
    clear: both;
    text-align: left
}

.formField .field.radBox input[type=radio] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: inline-block;
    margin: 10px 0 15px;
    left: 0
}

.formField .field.radBox label {
    position: relative;
    top: -1px;
    padding: 0;
    display: inline-block;
    margin: 0 20px 0 0;
    width: 100px;
    font-size: 14px;
    color: #384966;
    text-align: left
}

.retry-ckyc {
    display: inline-block;
    border-bottom: 1px solid;
    cursor: pointer;
    line-height: 16px
}

.retry,
.retry-ckyc {
    color: #0563f6;
    font-weight: 500
}

.retry {
    width: 56%;
    padding: 10px;
    border-radius: 8px;
    margin: 0 auto;
    font-size: 12px;
    clear: both;
    text-align: center
}

.policy-detail {
    padding: 0 0 20px;
    margin: -3px 0 0;
    display: table;
    box-shadow: 0 13px 16px rgba(52, 105, 203, .16);
    z-index: 1
}

.policy-detail,
.vehicleDet {
    background: #fff;
    width: 100%;
    position: relative
}

.vehicleDet {
    border-radius: 0;
    height: auto;
    display: inline-block;
    padding: 0 0 2px
}

.policy-detail h4 {
    background: #f7f7f7 url(/assets/img/carLoader.eccf9a3e.gif) no-repeat 7px 12px;
    background-size: 54px;
    border-radius: 8px;
    color: #253858;
    font-size: 16px;
    padding: 10px 16px 10px 74px;
    font-weight: 500;
    border-bottom: none;
    margin: 0 14px
}

.policy-detail ul {
    float: left;
    margin: 10px 0 0 15px;
    width: 43%
}

.policy-detail ul li {
    display: block;
    font-size: 12px;
    color: #97a3b9;
    margin: 0 0 7px;
    clear: both
}

.policy-detail ul li span {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    color: #363535
}

.policy-detail ul li b {
    display: inline-block;
    color: #000;
    padding: 0 0 0 7px;
    font-size: 14px;
    font-weight: 500
}

.policy-detail ul li .policytext {
    color: #f08f2b;
    font-weight: 400;
    width: 67%
}

.policy-detail img {
    float: left;
    width: 130px;
    margin: 0 0 10px
}

body {
    background: #f2f7ff;
    font-family: "Roboto", sans-serif
}

.thankyou .container-inner.kyc {
    max-width: 800px;
    width: 100%;
    border-radius: 24px;
    margin: 22px auto 25px;
    min-height: 650px
}

.thankyou .container-inner {
    max-width: 800px;
    width: 100%;
    border-radius: 24px;
    margin: 16px auto 0
}

@media(min-width:320px) and (max-width:767px) {
    .kyc-container .kycLeft {
        width: 100%;
        float: none;
        margin: 0;
        padding: 16px
    }

    .kyc-container .kycRight {
        width: 100%;
        float: none;
        margin: 0;
        padding: 0 16px
    }

    .formField .field {
        display: block;
        padding: 0
    }

    .formField .field,
    .kyc-container .btn-update {
        width: 100%;
        margin: 0 0 16px
    }

    .kyc-container .kycRight .information {
        width: 100%;
        margin: 0
    }

    .kyc-container .id-proof,
    .policy-detail ul {
        width: 100%;
        float: none
    }

    .policy-detail ul {
        margin: 0;
        padding: 10px 16px 0
    }

    .kyc-container .kycRight .orField {
        width: 100%;
        display: block;
        position: static;
        padding: 5px;
        margin: -13px 0 5px;
        text-align: center
    }
}

.otp-wrapper {
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 25px 50px;
    background-color: #fff;
    bottom: 0;
    width: 475px;
    height: auto;
    position: fixed;
    margin: 0;
    z-index: 9992;
    border-radius: 12px;
    display: table
}

.otp-wrapper h1 {
    font-size: 20px;
    font-weight: 600;
    margin: 10px 0 0
}

.otp-wrapper p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding: 10px 20px 0
}

.otp-wrapper .change-mobile span {
    padding-left: 5px;
    margin: -7px 0;
    font-weight: 400;
    font-size: 14px
}

.otp-input-container {
    display: flex;
    grid-gap: 10px;
    gap: 10px;
    justify-content: center;
    margin: 15px 0 15px -15px
}

.otp-input {
    width: 50px;
    height: 50px;
    font-size: 24px;
    text-align: center;
    border: 1px solid #dfe1e6;
    border-radius: 8px;
    outline: none;
    transition: border-color .3s;
    background: #f4f5f7;
    margin: 2px
}

.otp-input:focus {
    border-color: #007bff
}

.otp-error-msg {
    color: red
}

.loading-msg {
    color: #007bff;
    font-size: 14px
}

.resend-container {
    margin-top: 10px
}

.resend-container button.submit {
    background: #0065ff;
    border: none;
    width: 100%;
    color: #fff;
    height: 48px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500
}

.resend-container .resend-btn {
    color: rgb(37 56 88/50%);
    background: none;
    padding: 5px 0 0
}

.resend-container .resend-btn .resend-timer {
    float: right;
    font-size: 12px;
    padding: 0 2px 0 0;
    line-height: 20px
}

.resend-container p {
    text-align: left;
    font-size: 12px
}

.resend-container p span {
    display: inline-block;
    padding: 0;
    font-size: 12px;
    font-weight: 500;
    color: rgb(37 56 88/50%);
    cursor: no-drop
}

.countdown-msg {
    font-size: 14px;
    color: #555
}

.otp-wrapper .line {
    background: none;
    border-bottom: 1px solid rgb(37 56 88/20%);
    width: 40%;
    margin: 12px auto 30px
}

.otp-wrapper .line b {
    background: #fff;
    display: table;
    margin: 0 auto;
    padding: 0 5px;
    position: relative;
    top: 9px;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px
}

.otp-wrapper .line+p {
    width: 100%;
    border-radius: 8px;
    font-size: 12px;
    clear: both;
    color: #0563f6;
    font-weight: 500;
    text-align: center;
    padding: 0;
    display: table;
    margin: 0 auto 20px;
    border: 1px solid #0563f6;
    height: 48px;
    font-size: 14px;
    line-height: 46px
}

.resend-container .resend-btn.active span {
    color: #0165ff;
    cursor: pointer
}

.crossBtn {
    position: absolute;
    top: 10px;
    size: 15px;
    right: 10px;
    font-size: 20px;
    color: #000;
    cursor: pointer
}

.change-mobile {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 20px;
    grid-gap: 10px;
    gap: 10px
}

.mobileChange-input {
    width: 100%;
    max-width: 400px;
    margin: 16px auto 0;
    display: block;
    box-sizing: border-box;
    height: 48px;
    border: 1px solid #c1c1c1;
    border-radius: 8px;
    font-size: 18px;
    padding: 0 16px;
    outline: none;
    transition: border-color .2s;
    background: #fff;
    color: #222
}

.mobileChange-input:focus {
    border-color: #006aff;
    box-shadow: 0 0 0 2px #e5f0ff
}

.mobileChange-input::-webkit-input-placeholder {
    color: #bbb;
    font-size: 17px
}

.mobileChange-input::-ms-input-placeholder {
    color: #bbb;
    font-size: 17px
}

.mobileChange-input::placeholder {
    color: #bbb;
    font-size: 17px
}

@media only screen and (min-width:320px) and (max-width:670px) {
    .otp-wrapper {
        text-align: center;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: #fff;
        bottom: 0;
        width: 80%;
        height: auto;
        position: fixed;
        margin: 0;
        z-index: 9992;
        border-radius: 9px;
        display: table;
        padding: 10%
    }

    .otp-wrapper p {
        font-size: 11px;
        font-weight: 400;
        line-height: 16px;
        padding: 6px 15px 0
    }

    .otp-input {
        width: 30px;
        height: 30px;
        font-size: 15px;
        text-align: center;
        border: 1px solid #dfe1e6;
        border-radius: 4px;
        outline: none;
        transition: border-color .3s;
        background: #f4f5f7;
        margin: 2px
    }

    .otp-wrapper .line+p {
        width: 100%;
        border-radius: 8px;
        font-size: 12px;
        clear: both;
        color: #0563f6;
        font-weight: 500;
        text-align: center;
        padding-top: 3px;
        display: table;
        margin: 0 auto 20px;
        border: 1px solid #0563f6;
        font-size: 13px;
        line-height: 20px
    }

    .mobileChange-input {
        width: 100%;
        max-width: 400px;
        margin: 16px auto 0;
        display: block;
        box-sizing: border-box;
        height: 26px;
        border: 1px solid #c1c1c1;
        border-radius: 4px;
        font-size: 15px;
        padding: 0 9px;
        outline: none;
        transition: border-color .2s;
        background: #fff;
        color: #222
    }

    .resend-container button.submit {
        background: #0065ff;
        border: none;
        width: 100%;
        color: #fff;
        height: 30px;
        border-radius: 4px;
        font-size: 15px;
        font-weight: 400
    }

    .otp-wrapper .change-mobile span {
        padding-left: 5px;
        margin: -8px 0;
        font-weight: 200;
        font-size: 12px
    }

    .otp-wrapper .line {
        background: none;
        border-bottom: 1px solid rgb(37 56 88/20%);
        width: 40%;
        margin: 9px auto 26px
    }
}

.nominee-container {
    min-height: 100vh;
    background-color: #f2f7ff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem
}

.nominee-card {
    width: 100%;
    max-width: 28rem;
    background-color: #fff;
    border-radius: 1.5rem;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);
    margin-top: -104px
}

.card-header {
    text-align: center;
    padding: 1.5rem 1.5rem 1rem;
    border-top-left-radius: 1.5rem !important;
    border-top-right-radius: 1.5rem !important
}

.card-header .card-title {
    font-size: 1.25rem;
    font-weight: 600;
    color: #1e293b;
    margin: 0 0 .5rem
}

.card-header .card-divider {
    color: #64748b;
    font-size: 1.125rem
}

.card-content {
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    grid-gap: 1.5rem;
    gap: 1.5rem
}

.form-group .form-input,
.form-group .form-select {
    width: 100%;
    height: 3rem;
    padding: 0 1rem;
    border: 1px solid #cbd5e1;
    border-radius: .25rem;
    font-size: 1rem;
    color: grey;
    background-color: #fff;
    outline: none;
    transition: border-color .2s ease
}

.form-group .form-input:focus,
.form-group .form-select:focus {
    border-color: #ccc;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, .1)
}

.form-group .form-input::-webkit-input-placeholder,
.form-group .form-select::-webkit-input-placeholder {
    color: #333
}

.form-group .form-input::-ms-input-placeholder,
.form-group .form-select::-ms-input-placeholder {
    color: #333
}

.form-group .form-input::placeholder,
.form-group .form-select::placeholder {
    color: #333
}

.form-group .form-select {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");
    background-position: right .75rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem
}

.form-group .form-select option[value=""] {
    color: #94a3b8
}

.radio-section .radio-title {
    color: #374151;
    font-weight: 500;
    margin: 0 0 1rem;
    font-size: 1rem
}

.radio-section .radio-group {
    display: flex;
    grid-gap: 2rem;
    gap: 2rem
}

.radio-section .radio-option {
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative
}

.radio-section .radio-option input[type=radio] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0
}

.radio-section .radio-option .radio-custom {
    width: 1.25rem;
    height: 1.25rem;
    border: 2px solid #9ca3af;
    border-radius: 50%;
    margin-right: .5rem;
    position: relative;
    transition: all .2s ease
}

.radio-section .radio-option .radio-custom:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background-color: #3b82f6;
    opacity: 0;
    transition: opacity .2s ease
}

.radio-section .radio-option input[type=radio]:checked+.radio-custom {
    border-color: #3b82f6
}

.radio-section .radio-option input[type=radio]:checked+.radio-custom:after {
    opacity: 1
}

.radio-section .radio-option .radio-label {
    color: #64748b;
    font-size: 1rem
}

.promo-banner {
    background-color: #ecfeff;
    border: 1px solid #a7f3d0;
    border-radius: .75rem;
    padding: 1rem
}

.promo-banner .promo-content {
    display: flex;
    align-items: flex-start;
    grid-gap: .5rem;
    gap: .5rem
}

.promo-banner .promo-content .promo-emoji {
    font-size: 1.125rem;
    flex-shrink: 0
}

.promo-banner .promo-content .promo-text {
    color: #0891b2;
    font-size: .875rem;
    line-height: 1.5;
    margin: 0
}

.promo-banner .promo-content .promo-text .promo-highlight {
    font-weight: 500
}

.bottom-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 1rem
}

.bottom-section .pricing-info .pricing-label {
    color: #64748b;
    font-size: .875rem;
    margin: 0 0 .25rem
}

.bottom-section .pricing-info .pricing-amount {
    display: flex;
    align-items: baseline;
    grid-gap: .25rem;
    gap: .25rem
}

.bottom-section .pricing-info .pricing-amount .amount {
    color: #1e293b;
    font-size: 1.25rem;
    font-weight: 600
}

.bottom-section .pricing-info .pricing-amount .gst-text {
    color: #9ca3af;
    font-size: .75rem
}

.bottom-section .proceed-btn {
    background-color: #2563eb;
    color: #fff;
    border: none;
    padding: .75rem 1.5rem;
    border-radius: .75rem;
    font-size: 1rem;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    grid-gap: .5rem;
    gap: .5rem;
    transition: background-color .2s ease
}

.bottom-section .proceed-btn:hover {
    background-color: #1d4ed8
}

.bottom-section .proceed-btn .arrow-icon {
    font-size: 1rem
}

@media(max-width:640px) {
    .nominee-container {
        padding: .5rem
    }

    .nominee-card {
        border-radius: 1rem
    }

    .card-content {
        grid-gap: 1.25rem;
        gap: 1.25rem
    }

    .bottom-section {
        flex-direction: column;
        grid-gap: 1rem;
        gap: 1rem;
        align-items: stretch
    }

    .bottom-section .proceed-btn {
        justify-content: center;
        width: 100%
    }

    .radio-group {
        grid-gap: 1.5rem;
        gap: 1.5rem
    }
}

/*!
 * Bootstrap v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 
 */
:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

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

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

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

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

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

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

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

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

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

address {
    font-style: normal;
    line-height: inherit
}

address,
dl,
ol,
ul {
    margin-bottom: 1rem
}

dl,
ol,
ul {
    margin-top: 0
}

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

dt {
    font-weight: 700
}

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

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #007bff;
    background-color: initial
}

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

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

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

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

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

figure {
    margin: 0 0 1rem
}

img {
    border-style: none
}

img,
svg {
    vertical-align: middle
}

svg {
    overflow: hidden
}

table {
    border-collapse: collapse
}

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

th {
    text-align: inherit
}

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

button {
    border-radius: 0
}

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

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

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

select {
    word-wrap: normal
}

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

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
    cursor: pointer
}

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

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

textarea {
    overflow: auto;
    resize: vertical
}

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

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

progress {
    vertical-align: initial
}

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

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

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

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

output {
    display: inline-block
}

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

template {
    display: none
}

[hidden] {
    display: none !important
}

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

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

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

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

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

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

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

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

.display-1 {
    font-size: 6rem
}

.display-1,
.display-2 {
    font-weight: 300;
    line-height: 1.2
}

.display-2 {
    font-size: 5.5rem
}

.display-3 {
    font-size: 4.5rem
}

.display-3,
.display-4 {
    font-weight: 300;
    line-height: 1.2
}

.display-4 {
    font-size: 3.5rem
}

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

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

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

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

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

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

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

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

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

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

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

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem
}

.figure {
    display: inline-block
}

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

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

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

a>code {
    color: inherit
}

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

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

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

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

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

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

@media (min-width:576px) {
    .container {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .container {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .container {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .container {
        max-width: 1140px
    }
}

.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .order-sm-first {
        order: -1
    }

    .order-sm-last {
        order: 13
    }

    .order-sm-0 {
        order: 0
    }

    .order-sm-1 {
        order: 1
    }

    .order-sm-2 {
        order: 2
    }

    .order-sm-3 {
        order: 3
    }

    .order-sm-4 {
        order: 4
    }

    .order-sm-5 {
        order: 5
    }

    .order-sm-6 {
        order: 6
    }

    .order-sm-7 {
        order: 7
    }

    .order-sm-8 {
        order: 8
    }

    .order-sm-9 {
        order: 9
    }

    .order-sm-10 {
        order: 10
    }

    .order-sm-11 {
        order: 11
    }

    .order-sm-12 {
        order: 12
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .order-md-first {
        order: -1
    }

    .order-md-last {
        order: 13
    }

    .order-md-0 {
        order: 0
    }

    .order-md-1 {
        order: 1
    }

    .order-md-2 {
        order: 2
    }

    .order-md-3 {
        order: 3
    }

    .order-md-4 {
        order: 4
    }

    .order-md-5 {
        order: 5
    }

    .order-md-6 {
        order: 6
    }

    .order-md-7 {
        order: 7
    }

    .order-md-8 {
        order: 8
    }

    .order-md-9 {
        order: 9
    }

    .order-md-10 {
        order: 10
    }

    .order-md-11 {
        order: 11
    }

    .order-md-12 {
        order: 12
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .order-lg-first {
        order: -1
    }

    .order-lg-last {
        order: 13
    }

    .order-lg-0 {
        order: 0
    }

    .order-lg-1 {
        order: 1
    }

    .order-lg-2 {
        order: 2
    }

    .order-lg-3 {
        order: 3
    }

    .order-lg-4 {
        order: 4
    }

    .order-lg-5 {
        order: 5
    }

    .order-lg-6 {
        order: 6
    }

    .order-lg-7 {
        order: 7
    }

    .order-lg-8 {
        order: 8
    }

    .order-lg-9 {
        order: 9
    }

    .order-lg-10 {
        order: 10
    }

    .order-lg-11 {
        order: 11
    }

    .order-lg-12 {
        order: 12
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .order-xl-first {
        order: -1
    }

    .order-xl-last {
        order: 13
    }

    .order-xl-0 {
        order: 0
    }

    .order-xl-1 {
        order: 1
    }

    .order-xl-2 {
        order: 2
    }

    .order-xl-3 {
        order: 3
    }

    .order-xl-4 {
        order: 4
    }

    .order-xl-5 {
        order: 5
    }

    .order-xl-6 {
        order: 6
    }

    .order-xl-7 {
        order: 7
    }

    .order-xl-8 {
        order: 8
    }

    .order-xl-9 {
        order: 9
    }

    .order-xl-10 {
        order: 10
    }

    .order-xl-11 {
        order: 11
    }

    .order-xl-12 {
        order: 12
    }

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

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

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

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

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

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

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

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

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

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

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

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

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529
}

.table td,
.table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6
}

.table tbody+tbody {
    border-top: 2px solid #dee2e6
}

.table-sm td,
.table-sm th {
    padding: .3rem
}

.table-bordered,
.table-bordered td,
.table-bordered th {
    border: 1px solid #dee2e6
}

.table-bordered thead td,
.table-bordered thead th {
    border-bottom-width: 2px
}

.table-borderless tbody+tbody,
.table-borderless td,
.table-borderless th,
.table-borderless thead th {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05)
}

.table-hover tbody tr:hover {
    color: #212529;
    background-color: rgba(0, 0, 0, .075)
}

.table-primary,
.table-primary>td,
.table-primary>th {
    background-color: #b8daff
}

.table-primary tbody+tbody,
.table-primary td,
.table-primary th,
.table-primary thead th {
    border-color: #7abaff
}

.table-hover .table-primary:hover,
.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
    background-color: #9fcdff
}

.table-secondary,
.table-secondary>td,
.table-secondary>th {
    background-color: #d6d8db
}

.table-secondary tbody+tbody,
.table-secondary td,
.table-secondary th,
.table-secondary thead th {
    border-color: #b3b7bb
}

.table-hover .table-secondary:hover,
.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
    background-color: #c8cbcf
}

.table-success,
.table-success>td,
.table-success>th {
    background-color: #c3e6cb
}

.table-success tbody+tbody,
.table-success td,
.table-success th,
.table-success thead th {
    border-color: #8fd19e
}

.table-hover .table-success:hover,
.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
    background-color: #b1dfbb
}

.table-info,
.table-info>td,
.table-info>th {
    background-color: #bee5eb
}

.table-info tbody+tbody,
.table-info td,
.table-info th,
.table-info thead th {
    border-color: #86cfda
}

.table-hover .table-info:hover,
.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
    background-color: #abdde5
}

.table-warning,
.table-warning>td,
.table-warning>th {
    background-color: #ffeeba
}

.table-warning tbody+tbody,
.table-warning td,
.table-warning th,
.table-warning thead th {
    border-color: #ffdf7e
}

.table-hover .table-warning:hover,
.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
    background-color: #ffe8a1
}

.table-danger,
.table-danger>td,
.table-danger>th {
    background-color: #f5c6cb
}

.table-danger tbody+tbody,
.table-danger td,
.table-danger th,
.table-danger thead th {
    border-color: #ed969e
}

.table-hover .table-danger:hover,
.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
    background-color: #f1b0b7
}

.table-light,
.table-light>td,
.table-light>th {
    background-color: #fdfdfe
}

.table-light tbody+tbody,
.table-light td,
.table-light th,
.table-light thead th {
    border-color: #fbfcfc
}

.table-hover .table-light:hover,
.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
    background-color: #ececf6
}

.table-dark,
.table-dark>td,
.table-dark>th {
    background-color: #c6c8ca
}

.table-dark tbody+tbody,
.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #95999c
}

.table-hover .table-dark:hover,
.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
    background-color: #b9bbbe
}

.table-active,
.table-active>td,
.table-active>th,
.table-hover .table-active:hover,
.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
    background-color: rgba(0, 0, 0, .075)
}

.table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6
}

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

.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #454d55
}

.table-dark.table-bordered {
    border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: hsla(0, 0%, 100%, .05)
}

.table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: hsla(0, 0%, 100%, .075)
}

@media (max-width:575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-sm>.table-bordered {
        border: 0
    }
}

@media (max-width:767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-md>.table-bordered {
        border: 0
    }
}

@media (max-width:991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-lg>.table-bordered {
        border: 0
    }
}

@media (max-width:1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-xl>.table-bordered {
        border: 0
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.table-responsive>.table-bordered {
    border: 0
}

.form-control {
    display: block;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

.form-control::-ms-expand {
    background-color: initial;
    border: 0
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.form-control::-webkit-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::-ms-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.form-control-file,
.form-control-range {
    display: block;
    width: 100%
}

.col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem;
    line-height: 1.5
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding-top: .375rem;
    padding-bottom: .375rem;
    margin-bottom: 0;
    line-height: 1.5;
    color: #212529;
    background-color: initial;
    border: solid transparent;
    border-width: 1px 0
}

.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

select.form-control[multiple],
select.form-control[size],
textarea.form-control {
    height: auto
}

.form-group {
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

.form-row>.col,
.form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px
}

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem
}

.form-check-input:disabled~.form-check-label {
    color: #6c757d
}

.form-check-label {
    margin-bottom: 0
}

.form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}

.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: .3125rem;
    margin-left: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #28a745
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(40, 167, 69, .9);
    border-radius: .25rem
}

.form-control.is-valid,
.was-validated .form-control:valid {
    border-color: #28a745;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 100% calc(.375em + .1875rem);
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.form-control.is-valid~.valid-feedback,
.form-control.is-valid~.valid-tooltip,
.was-validated .form-control:valid~.valid-feedback,
.was-validated .form-control:valid~.valid-tooltip {
    display: block
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-valid,
.was-validated .custom-select:valid {
    border-color: #28a745;
    padding-right: calc((3em + 2.25rem)/4 + 1.75rem);
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center/8px 10px, url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)
}

.custom-select.is-valid:focus,
.was-validated .custom-select:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.custom-select.is-valid~.valid-feedback,
.custom-select.is-valid~.valid-tooltip,
.form-control-file.is-valid~.valid-feedback,
.form-control-file.is-valid~.valid-tooltip,
.was-validated .custom-select:valid~.valid-feedback,
.was-validated .custom-select:valid~.valid-tooltip,
.was-validated .form-control-file:valid~.valid-feedback,
.was-validated .form-control-file:valid~.valid-tooltip {
    display: block
}

.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
    color: #28a745
}

.form-check-input.is-valid~.valid-feedback,
.form-check-input.is-valid~.valid-tooltip,
.was-validated .form-check-input:valid~.valid-feedback,
.was-validated .form-check-input:valid~.valid-tooltip {
    display: block
}

.custom-control-input.is-valid~.custom-control-label,
.was-validated .custom-control-input:valid~.custom-control-label {
    color: #28a745
}

.custom-control-input.is-valid~.custom-control-label:before,
.was-validated .custom-control-input:valid~.custom-control-label:before {
    border-color: #28a745
}

.custom-control-input.is-valid~.valid-feedback,
.custom-control-input.is-valid~.valid-tooltip,
.was-validated .custom-control-input:valid~.valid-feedback,
.was-validated .custom-control-input:valid~.valid-tooltip {
    display: block
}

.custom-control-input.is-valid:checked~.custom-control-label:before,
.was-validated .custom-control-input:valid:checked~.custom-control-label:before {
    border-color: #34ce57;
    background-color: #34ce57
}

.custom-control-input.is-valid:focus~.custom-control-label:before,
.was-validated .custom-control-input:valid:focus~.custom-control-label:before {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label:before,
.custom-file-input.is-valid~.custom-file-label,
.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label:before,
.was-validated .custom-file-input:valid~.custom-file-label {
    border-color: #28a745
}

.custom-file-input.is-valid~.valid-feedback,
.custom-file-input.is-valid~.valid-tooltip,
.was-validated .custom-file-input:valid~.valid-feedback,
.was-validated .custom-file-input:valid~.valid-tooltip {
    display: block
}

.custom-file-input.is-valid:focus~.custom-file-label,
.was-validated .custom-file-input:valid:focus~.custom-file-label {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(220, 53, 69, .9);
    border-radius: .25rem
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 100% calc(.375em + .1875rem);
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.form-control.is-invalid~.invalid-feedback,
.form-control.is-invalid~.invalid-tooltip,
.was-validated .form-control:invalid~.invalid-feedback,
.was-validated .form-control:invalid~.invalid-tooltip {
    display: block
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-invalid,
.was-validated .custom-select:invalid {
    border-color: #dc3545;
    padding-right: calc((3em + 2.25rem)/4 + 1.75rem);
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center/8px 10px, url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)
}

.custom-select.is-invalid:focus,
.was-validated .custom-select:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.custom-select.is-invalid~.invalid-feedback,
.custom-select.is-invalid~.invalid-tooltip,
.form-control-file.is-invalid~.invalid-feedback,
.form-control-file.is-invalid~.invalid-tooltip,
.was-validated .custom-select:invalid~.invalid-feedback,
.was-validated .custom-select:invalid~.invalid-tooltip,
.was-validated .form-control-file:invalid~.invalid-feedback,
.was-validated .form-control-file:invalid~.invalid-tooltip {
    display: block
}

.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
    color: #dc3545
}

.form-check-input.is-invalid~.invalid-feedback,
.form-check-input.is-invalid~.invalid-tooltip,
.was-validated .form-check-input:invalid~.invalid-feedback,
.was-validated .form-check-input:invalid~.invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid~.custom-control-label,
.was-validated .custom-control-input:invalid~.custom-control-label {
    color: #dc3545
}

.custom-control-input.is-invalid~.custom-control-label:before,
.was-validated .custom-control-input:invalid~.custom-control-label:before {
    border-color: #dc3545
}

.custom-control-input.is-invalid~.invalid-feedback,
.custom-control-input.is-invalid~.invalid-tooltip,
.was-validated .custom-control-input:invalid~.invalid-feedback,
.was-validated .custom-control-input:invalid~.invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid:checked~.custom-control-label:before,
.was-validated .custom-control-input:invalid:checked~.custom-control-label:before {
    border-color: #e4606d;
    background-color: #e4606d
}

.custom-control-input.is-invalid:focus~.custom-control-label:before,
.was-validated .custom-control-input:invalid:focus~.custom-control-label:before {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label:before,
.custom-file-input.is-invalid~.custom-file-label,
.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label:before,
.was-validated .custom-file-input:invalid~.custom-file-label {
    border-color: #dc3545
}

.custom-file-input.is-invalid~.invalid-feedback,
.custom-file-input.is-invalid~.invalid-tooltip,
.was-validated .custom-file-input:invalid~.invalid-feedback,
.was-validated .custom-file-input:invalid~.invalid-tooltip {
    display: block
}

.custom-file-input.is-invalid:focus~.custom-file-label,
.was-validated .custom-file-input:invalid:focus~.custom-file-label {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

.form-inline .form-check {
    width: 100%
}

@media (min-width:576px) {
    .form-inline label {
        justify-content: center
    }

    .form-inline .form-group,
    .form-inline label {
        display: flex;
        align-items: center;
        margin-bottom: 0
    }

    .form-inline .form-group {
        flex: 0 0 auto;
        flex-flow: row wrap
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-plaintext {
        display: inline-block
    }

    .form-inline .custom-select,
    .form-inline .input-group {
        width: auto
    }

    .form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }

    .form-inline .form-check-input {
        position: relative;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }

    .form-inline .custom-control {
        align-items: center;
        justify-content: center
    }

    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: initial;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: #212529;
    text-decoration: none
}

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

.btn.disabled,
.btn:disabled {
    opacity: .65
}

a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none
}

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

.btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc
}

.btn-primary.focus,
.btn-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}

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

.btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62
}

.btn-secondary.focus,
.btn-secondary:focus {
    box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}

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

.btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34
}

.btn-success.focus,
.btn-success:focus {
    box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}

.btn-success.disabled,
.btn-success:disabled {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430
}

.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}

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

.btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b
}

.btn-info.focus,
.btn-info:focus {
    box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-info.disabled,
.btn-info:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f
}

.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

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

.btn-warning:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00
}

.btn-warning.focus,
.btn-warning:focus {
    box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}

.btn-warning.disabled,
.btn-warning:disabled {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show>.btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #d39e00;
    border-color: #c69500
}

.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}

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

.btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130
}

.btn-danger.focus,
.btn-danger:focus {
    box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}

.btn-danger.disabled,
.btn-danger:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d
}

.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}

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

.btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5
}

.btn-light.focus,
.btn-light:focus {
    box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}

.btn-light.disabled,
.btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df
}

.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}

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

.btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124
}

.btn-dark.focus,
.btn-dark:focus {
    box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}

.btn-dark.disabled,
.btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d
}

.btn-dark:not(:disabled):not(.disabled).active:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}

.btn-outline-primary {
    color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary.focus,
.btn-outline-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #007bff;
    background-color: initial
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: initial
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-outline-success {
    color: #28a745;
    border-color: #28a745
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success.focus,
.btn-outline-success:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
    color: #28a745;
    background-color: initial
}

.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show>.btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-info {
    color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info.focus,
.btn-outline-info:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
    color: #17a2b8;
    background-color: initial
}

.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.show>.btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:hover {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning.focus,
.btn-outline-warning:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    color: #ffc107;
    background-color: initial
}

.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.show>.btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger.focus,
.btn-outline-danger:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    color: #dc3545;
    background-color: initial
}

.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show>.btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light.focus,
.btn-outline-light:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: initial
}

.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active,
.show>.btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-dark {
    color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark.focus,
.btn-outline-dark:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
    color: #343a40;
    background-color: initial
}

.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active,
.show>.btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-link {
    font-weight: 400;
    color: #007bff;
    text-decoration: none
}

.btn-link:hover {
    color: #0056b3;
    text-decoration: underline
}

.btn-link.focus,
.btn-link:focus {
    text-decoration: underline;
    box-shadow: none
}

.btn-link.disabled,
.btn-link:disabled {
    color: #6c757d;
    pointer-events: none
}

.btn-group-lg>.btn,
.btn-lg {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.btn-group-sm>.btn,
.btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: .5rem
}

input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
    width: 100%
}

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.dropdown,
.dropleft,
.dropright,
.dropup {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty:after {
    margin-left: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

@media (min-width:576px) {
    .dropdown-menu-sm-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-sm-right {
        right: 0;
        left: auto
    }
}

@media (min-width:768px) {
    .dropdown-menu-md-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-md-right {
        right: 0;
        left: auto
    }
}

@media (min-width:992px) {
    .dropdown-menu-lg-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-lg-right {
        right: 0;
        left: auto
    }
}

@media (min-width:1200px) {
    .dropdown-menu-xl-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-xl-right {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

.dropright .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropright .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropright .dropdown-toggle:after {
    vertical-align: 0
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.dropleft .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    display: none
}

.dropleft .dropdown-toggle:before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropleft .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropleft .dropdown-toggle:before {
    vertical-align: 0
}

.dropdown-menu[x-placement^=bottom],
.dropdown-menu[x-placement^=left],
.dropdown-menu[x-placement^=right],
.dropdown-menu[x-placement^=top] {
    right: auto;
    bottom: auto
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: initial;
    border: 0
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: initial
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #6c757d;
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: .25rem 1.5rem;
    color: #212529
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

.btn-group-vertical>.btn,
.btn-group>.btn {
    position: relative;
    flex: 1 1 auto
}

.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: 1
}

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

.btn-toolbar .input-group {
    width: auto
}

.btn-group>.btn-group:not(:first-child),
.btn-group>.btn:not(:first-child) {
    margin-left: -1px
}

.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

.dropdown-toggle-split:after,
.dropright .dropdown-toggle-split:after,
.dropup .dropdown-toggle-split:after {
    margin-left: 0
}

.dropleft .dropdown-toggle-split:before {
    margin-right: 0
}

.btn-group-sm>.btn+.dropdown-toggle-split,
.btn-sm+.dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-group-lg>.btn+.dropdown-toggle-split,
.btn-lg+.dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {
    width: 100%
}

.btn-group-vertical>.btn-group:not(:first-child),
.btn-group-vertical>.btn:not(:first-child) {
    margin-top: -1px
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.btn-group-vertical>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group-toggle>.btn,
.btn-group-toggle>.btn-group>.btn {
    margin-bottom: 0
}

.btn-group-toggle>.btn-group>.btn input[type=checkbox],
.btn-group-toggle>.btn-group>.btn input[type=radio],
.btn-group-toggle>.btn input[type=checkbox],
.btn-group-toggle>.btn input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

.input-group>.custom-file,
.input-group>.custom-select,
.input-group>.form-control,
.input-group>.form-control-plaintext {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0
}

.input-group>.custom-file+.custom-file,
.input-group>.custom-file+.custom-select,
.input-group>.custom-file+.form-control,
.input-group>.custom-select+.custom-file,
.input-group>.custom-select+.custom-select,
.input-group>.custom-select+.form-control,
.input-group>.form-control+.custom-file,
.input-group>.form-control+.custom-select,
.input-group>.form-control+.form-control,
.input-group>.form-control-plaintext+.custom-file,
.input-group>.form-control-plaintext+.custom-select,
.input-group>.form-control-plaintext+.form-control {
    margin-left: -1px
}

.input-group>.custom-file .custom-file-input:focus~.custom-file-label,
.input-group>.custom-select:focus,
.input-group>.form-control:focus {
    z-index: 3
}

.input-group>.custom-file .custom-file-input:focus {
    z-index: 4
}

.input-group>.custom-select:not(:last-child),
.input-group>.form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.custom-select:not(:first-child),
.input-group>.form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group>.custom-file {
    display: flex;
    align-items: center
}

.input-group>.custom-file:not(:last-child) .custom-file-label,
.input-group>.custom-file:not(:last-child) .custom-file-label:after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.custom-file:not(:first-child) .custom-file-label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group-append,
.input-group-prepend {
    display: flex
}

.input-group-append .btn,
.input-group-prepend .btn {
    position: relative;
    z-index: 2
}

.input-group-append .btn:focus,
.input-group-prepend .btn:focus {
    z-index: 3
}

.input-group-append .btn+.btn,
.input-group-append .btn+.input-group-text,
.input-group-append .input-group-text+.btn,
.input-group-append .input-group-text+.input-group-text,
.input-group-prepend .btn+.btn,
.input-group-prepend .btn+.input-group-text,
.input-group-prepend .input-group-text+.btn,
.input-group-prepend .input-group-text+.input-group-text {
    margin-left: -1px
}

.input-group-prepend {
    margin-right: -1px
}

.input-group-append {
    margin-left: -1px
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.input-group-text input[type=checkbox],
.input-group-text input[type=radio] {
    margin-top: 0
}

.input-group-lg>.custom-select,
.input-group-lg>.form-control:not(textarea) {
    height: calc(1.5em + 1rem + 2px)
}

.input-group-lg>.custom-select,
.input-group-lg>.form-control,
.input-group-lg>.input-group-append>.btn,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.input-group-prepend>.btn,
.input-group-lg>.input-group-prepend>.input-group-text {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control:not(textarea) {
    height: calc(1.5em + .5rem + 2px)
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control,
.input-group-sm>.input-group-append>.btn,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-prepend>.input-group-text {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.input-group-lg>.custom-select,
.input-group-sm>.custom-select {
    padding-right: 1.75rem
}

.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
.input-group>.input-group-append:not(:last-child)>.btn,
.input-group>.input-group-append:not(:last-child)>.input-group-text,
.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.input-group-append>.btn,
.input-group>.input-group-append>.input-group-text,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
.input-group>.input-group-prepend:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem
}

.custom-control-inline {
    display: inline-flex;
    margin-right: 1rem
}

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.custom-control-input:checked~.custom-control-label:before {
    color: #fff;
    border-color: #007bff;
    background-color: #007bff
}

.custom-control-input:focus~.custom-control-label:before {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-control-input:focus:not(:checked)~.custom-control-label:before {
    border-color: #80bdff
}

.custom-control-input:not(:disabled):active~.custom-control-label:before {
    color: #fff;
    background-color: #b3d7ff;
    border-color: #b3d7ff
}

.custom-control-input:disabled~.custom-control-label {
    color: #6c757d
}

.custom-control-input:disabled~.custom-control-label:before {
    background-color: #e9ecef
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top
}

.custom-control-label:before {
    pointer-events: none;
    background-color: #fff;
    border: 1px solid #adb5bd
}

.custom-control-label:after,
.custom-control-label:before {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: ""
}

.custom-control-label:after {
    background: no-repeat 50%/50% 50%
}

.custom-checkbox .custom-control-label:before {
    border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked~.custom-control-label:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:before {
    border-color: #007bff;
    background-color: #007bff
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label:before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label:before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-radio .custom-control-label:before {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked~.custom-control-label:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label:before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-switch {
    padding-left: 2.25rem
}

.custom-switch .custom-control-label:before {
    left: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: .5rem
}

.custom-switch .custom-control-label:after {
    top: calc(.25rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: .5rem;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .custom-switch .custom-control-label:after {
        transition: none
    }
}

.custom-switch .custom-control-input:checked~.custom-control-label:after {
    background-color: #fff;
    transform: translateX(.75rem)
}

.custom-switch .custom-control-input:disabled:checked~.custom-control-label:before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center/8px 10px;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.custom-select:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-select:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: .75rem;
    background-image: none
}

.custom-select:disabled {
    color: #6c757d;
    background-color: #e9ecef
}

.custom-select::-ms-expand {
    display: none
}

.custom-select-sm {
    height: calc(1.5em + .5rem + 2px);
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem
}

.custom-select-lg {
    height: calc(1.5em + 1rem + 2px);
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem
}

.custom-file {
    display: inline-block;
    margin-bottom: 0
}

.custom-file,
.custom-file-input {
    position: relative;
    width: 100%;
    height: calc(1.5em + .75rem + 2px)
}

.custom-file-input {
    z-index: 2;
    margin: 0;
    opacity: 0
}

.custom-file-input:focus~.custom-file-label {
    border-color: #80bdff;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-file-input:disabled~.custom-file-label {
    background-color: #e9ecef
}

.custom-file-input:lang(en)~.custom-file-label:after {
    content: "Browse"
}

.custom-file-input~.custom-file-label[data-browse]:after {
    content: attr(data-browse)
}

.custom-file-label {
    left: 0;
    z-index: 1;
    height: calc(1.5em + .75rem + 2px);
    font-weight: 400;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.custom-file-label,
.custom-file-label:after {
    position: absolute;
    top: 0;
    right: 0;
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057
}

.custom-file-label:after {
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + .75rem);
    content: "Browse";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 .25rem .25rem 0
}

.custom-range {
    width: 100%;
    height: 1.4rem;
    padding: 0;
    background-color: initial;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.custom-range:focus {
    outline: 0
}

.custom-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range::-moz-focus-outer {
    border: 0
}

.custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none
    }
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -moz-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none
    }
}

.custom-range::-moz-range-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: .2rem;
    margin-left: .2rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -ms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-ms-thumb {
        -ms-transition: none;
        transition: none
    }
}

.custom-range::-ms-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-ms-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: initial;
    border-color: transparent;
    border-width: .5rem
}

.custom-range::-ms-fill-lower,
.custom-range::-ms-fill-upper {
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range::-ms-fill-upper {
    margin-right: 15px
}

.custom-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default
}

.custom-range:disabled::-moz-range-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-moz-range-track {
    cursor: default
}

.custom-range:disabled::-ms-thumb {
    background-color: #adb5bd
}

.custom-control-label:before,
.custom-file-label,
.custom-select {
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {

    .custom-control-label:before,
    .custom-file-label,
    .custom-select {
        transition: none
    }
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5rem 1rem
}

.nav-link:focus,
.nav-link:hover {
    text-decoration: none
}

.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6
}

.nav-tabs .nav-item {
    margin-bottom: -1px
}

.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: #e9ecef #e9ecef #dee2e6
}

.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: initial;
    border-color: transparent
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills .nav-link {
    border-radius: .25rem
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #007bff
}

.nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

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

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

.navbar {
    position: relative;
    padding: .5rem 1rem
}

.navbar,
.navbar>.container,
.navbar>.container-fluid {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap
}

.navbar-brand:focus,
.navbar-brand:hover {
    text-decoration: none
}

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none
}

.navbar-text {
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: initial;
    border: 1px solid transparent;
    border-radius: .25rem
}

.navbar-toggler:focus,
.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat 50%;
    background-size: 100% 100%
}

@media (max-width:575.98px) {

    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:576px) {
    .navbar-expand-sm {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

    .navbar-expand-sm .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid {
        flex-wrap: nowrap
    }

    .navbar-expand-sm .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-sm .navbar-toggler {
        display: none
    }
}

@media (max-width:767.98px) {

    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:768px) {
    .navbar-expand-md {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

    .navbar-expand-md .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid {
        flex-wrap: nowrap
    }

    .navbar-expand-md .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-md .navbar-toggler {
        display: none
    }
}

@media (max-width:991.98px) {

    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:992px) {
    .navbar-expand-lg {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

    .navbar-expand-lg .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid {
        flex-wrap: nowrap
    }

    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-lg .navbar-toggler {
        display: none
    }
}

@media (max-width:1199.98px) {

    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:1200px) {
    .navbar-expand-xl {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

    .navbar-expand-xl .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid {
        flex-wrap: nowrap
    }

    .navbar-expand-xl .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-xl .navbar-toggler {
        display: none
    }
}

.navbar-expand {
    flex-flow: row nowrap;
    justify-content: flex-start
}

.navbar-expand>.container,
.navbar-expand>.container-fluid {
    padding-right: 0;
    padding-left: 0
}

.navbar-expand .navbar-nav {
    flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
}

.navbar-expand>.container,
.navbar-expand>.container-fluid {
    flex-wrap: nowrap
}

.navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto
}

.navbar-expand .navbar-toggler {
    display: none
}

.navbar-light .navbar-brand,
.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0, 0, 0, .7)
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, .3)
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, .5);
    border-color: rgba(0, 0, 0, .1)
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-text a,
.navbar-light .navbar-text a:focus,
.navbar-light .navbar-text a:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-dark .navbar-brand,
.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
    color: #fff
}

.navbar-dark .navbar-nav .nav-link {
    color: hsla(0, 0%, 100%, .5)
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: hsla(0, 0%, 100%, .75)
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: hsla(0, 0%, 100%, .25)
}

.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show>.nav-link {
    color: #fff
}

.navbar-dark .navbar-toggler {
    color: hsla(0, 0%, 100%, .5);
    border-color: hsla(0, 0%, 100%, .1)
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.navbar-dark .navbar-text {
    color: hsla(0, 0%, 100%, .5)
}

.navbar-dark .navbar-text a,
.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-text a:hover {
    color: #fff
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: initial;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem
}

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

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

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

.card-body {
    flex: 1 1 auto;
    padding: 1.25rem
}

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

.card-subtitle {
    margin-top: -.375rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.card-deck {
    display: flex;
    flex-direction: column
}

.card-deck .card {
    margin-bottom: 15px
}

@media (min-width:576px) {
    .card-deck {
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px
    }

    .card-deck .card {
        display: flex;
        flex: 1 0;
        flex-direction: column;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px
    }
}

.card-group {
    display: flex;
    flex-direction: column
}

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

@media (min-width:576px) {
    .card-group {
        flex-flow: row wrap
    }

    .card-group>.card {
        flex: 1 0;
        margin-bottom: 0
    }

    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }

    .card-group>.card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .card-group>.card:not(:last-child) .card-header,
    .card-group>.card:not(:last-child) .card-img-top {
        border-top-right-radius: 0
    }

    .card-group>.card:not(:last-child) .card-footer,
    .card-group>.card:not(:last-child) .card-img-bottom {
        border-bottom-right-radius: 0
    }

    .card-group>.card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .card-group>.card:not(:first-child) .card-header,
    .card-group>.card:not(:first-child) .card-img-top {
        border-top-left-radius: 0
    }

    .card-group>.card:not(:first-child) .card-footer,
    .card-group>.card:not(:first-child) .card-img-bottom {
        border-bottom-left-radius: 0
    }
}

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

@media (min-width:576px) {
    .card-columns {
        -webkit-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        grid-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
    }

    .card-columns .card {
        display: inline-block;
        width: 100%
    }
}

.accordion>.card {
    overflow: hidden
}

.accordion>.card:not(:first-of-type) .card-header:first-child {
    border-radius: 0
}

.accordion>.card:not(:first-of-type):not(:last-of-type) {
    border-bottom: 0;
    border-radius: 0
}

.accordion>.card:first-of-type {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.accordion>.card:last-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.accordion>.card .card-header {
    margin-bottom: -1px
}

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

.breadcrumb-item+.breadcrumb-item {
    padding-left: .5rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.badge {
    padding: .25em .4em;
    font-size: 75%;
    line-height: 1;
    vertical-align: initial;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .badge {
        transition: none
    }
}

a.badge:focus,
a.badge:hover {
    text-decoration: none
}

.badge:empty {
    display: none
}

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

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

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

a.badge-primary:focus,
a.badge-primary:hover {
    color: #fff;
    background-color: #0062cc
}

a.badge-primary.focus,
a.badge-primary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

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

a.badge-secondary:focus,
a.badge-secondary:hover {
    color: #fff;
    background-color: #545b62
}

a.badge-secondary.focus,
a.badge-secondary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

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

a.badge-success:focus,
a.badge-success:hover {
    color: #fff;
    background-color: #1e7e34
}

a.badge-success.focus,
a.badge-success:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

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

a.badge-info:focus,
a.badge-info:hover {
    color: #fff;
    background-color: #117a8b
}

a.badge-info.focus,
a.badge-info:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

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

a.badge-warning:focus,
a.badge-warning:hover {
    color: #212529;
    background-color: #d39e00
}

a.badge-warning.focus,
a.badge-warning:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

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

a.badge-danger:focus,
a.badge-danger:hover {
    color: #fff;
    background-color: #bd2130
}

a.badge-danger.focus,
a.badge-danger:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

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

a.badge-light:focus,
a.badge-light:hover {
    color: #212529;
    background-color: #dae0e5
}

a.badge-light.focus,
a.badge-light:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

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

a.badge-dark:focus,
a.badge-dark:hover {
    color: #fff;
    background-color: #1d2124
}

a.badge-dark.focus,
a.badge-dark:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

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

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

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

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

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    to {
        background-position: 0 0
    }
}

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

    to {
        background-position: 0 0
    }
}

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

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #007bff;
    transition: width .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar {
        transition: none
    }
}

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

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

@media (prefers-reduced-motion:reduce) {
    .progress-bar-animated {
        -webkit-animation: none;
        animation: none
    }
}

.media {
    display: flex;
    align-items: flex-start
}

.media-body {
    flex: 1 1
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0
}

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

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

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

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

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

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

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

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

.list-group-horizontal {
    flex-direction: row
}

.list-group-horizontal .list-group-item {
    margin-right: -1px;
    margin-bottom: 0
}

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

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

@media (min-width:576px) {
    .list-group-horizontal-sm {
        flex-direction: row
    }

    .list-group-horizontal-sm .list-group-item {
        margin-right: -1px;
        margin-bottom: 0
    }

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

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

@media (min-width:768px) {
    .list-group-horizontal-md {
        flex-direction: row
    }

    .list-group-horizontal-md .list-group-item {
        margin-right: -1px;
        margin-bottom: 0
    }

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

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

@media (min-width:992px) {
    .list-group-horizontal-lg {
        flex-direction: row
    }

    .list-group-horizontal-lg .list-group-item {
        margin-right: -1px;
        margin-bottom: 0
    }

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

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

@media (min-width:1200px) {
    .list-group-horizontal-xl {
        flex-direction: row
    }

    .list-group-horizontal-xl .list-group-item {
        margin-right: -1px;
        margin-bottom: 0
    }

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

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

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

.list-group-flush .list-group-item:last-child {
    margin-bottom: -1px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.close:hover {
    color: #000;
    text-decoration: none
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
    opacity: .75
}

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

a.close.disabled {
    pointer-events: none
}

.toast {
    max-width: 350px;
    overflow: hidden;
    font-size: .875rem;
    background-color: hsla(0, 0%, 100%, .85);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    opacity: 0;
    border-radius: .25rem
}

.toast:not(:last-child) {
    margin-bottom: .75rem
}

.toast.showing {
    opacity: 1
}

.toast.show {
    display: block;
    opacity: 1
}

.toast.hide {
    display: none
}

.toast-header {
    display: flex;
    align-items: center;
    padding: .25rem .75rem;
    color: #6c757d;
    background-color: hsla(0, 0%, 100%, .85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, .05)
}

.toast-body {
    padding: .75rem
}

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal {
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translateY(-50px)
}

@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal-dialog-scrollable {
    display: flex;
    max-height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden
}

.modal-dialog-scrollable .modal-footer,
.modal-dialog-scrollable .modal-header {
    flex-shrink: 0
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-dialog-centered:before {
    display: block;
    height: calc(100vh - 1rem);
    content: ""
}

.modal-dialog-centered.modal-dialog-scrollable {
    flex-direction: column;
    justify-content: center;
    height: 100%
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none
}

.modal-dialog-centered.modal-dialog-scrollable:before {
    content: none
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem
}

.modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.modal-footer>:not(:first-child) {
    margin-left: .25rem
}

.modal-footer>:not(:last-child) {
    margin-right: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width:576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }

    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem)
    }

    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem)
    }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }

    .modal-dialog-centered:before {
        height: calc(100vh - 3.5rem)
    }

    .modal-sm {
        max-width: 300px
    }
}

@media (min-width:992px) {

    .modal-lg,
    .modal-xl {
        max-width: 800px
    }
}

@media (min-width:1200px) {
    .modal-xl {
        max-width: 1140px
    }
}

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

.tooltip.show {
    opacity: .9
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.popover,
.popover .arrow {
    position: absolute;
    display: block
}

.popover .arrow {
    width: 1rem;
    height: .5rem;
    margin: 0 .3rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.popover-header:empty {
    display: none
}

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

.carousel {
    position: relative
}

.carousel.pointer-event {
    touch-action: pan-y
}

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

.carousel-inner:after {
    display: block;
    clear: both;
    content: ""
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .carousel-item {
        transition: none
    }
}

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

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

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

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none
}

.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
    z-index: 1;
    opacity: 1
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s .6s
}

@media (prefers-reduced-motion:reduce) {

    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
        transition: none
    }
}

.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: .5;
    transition: opacity .15s ease
}

@media (prefers-reduced-motion:reduce) {

    .carousel-control-next,
    .carousel-control-prev {
        transition: none
    }
}

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

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

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

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3E%3C/svg%3E")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3E%3C/svg%3E")
}

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

.carousel-indicators li {
    box-sizing: initial;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-indicators li {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

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

@-webkit-keyframes spinner-border {
    to {
        transform: rotate(1turn)
    }
}

@keyframes spinner-border {
    to {
        transform: rotate(1turn)
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: .25em solid;
    border-right: .25em solid transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: .2em
}

@-webkit-keyframes spinner-grow {
    0% {
        transform: scale(0)
    }

    50% {
        opacity: 1
    }
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }

    50% {
        opacity: 1
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: spinner-grow .75s linear infinite;
    animation: spinner-grow .75s linear infinite
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem
}

.align-baseline {
    vertical-align: initial !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

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

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

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

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

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

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

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

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

.bg-warning {
    background-color: #ffc107 !important
}

a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
    background-color: #d39e00 !important
}

.bg-danger {
    background-color: #dc3545 !important
}

a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
    background-color: #bd2130 !important
}

.bg-light {
    background-color: #f8f9fa !important
}

a.bg-light:focus,
a.bg-light:hover,
button.bg-light:focus,
button.bg-light:hover {
    background-color: #dae0e5 !important
}

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

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

.bg-white {
    background-color: #fff !important
}

.bg-transparent {
    background-color: initial !important
}

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

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

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

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

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

.border-0 {
    border: 0 !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.rounded-sm {
    border-radius: .2rem !important
}

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

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

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

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

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

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

.rounded-lg {
    border-radius: .3rem !important
}

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

.rounded-pill {
    border-radius: 50rem !important
}

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

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

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

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

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

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

.d-flex {
    display: flex !important
}

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

@media (min-width:576px) {
    .d-sm-none {
        display: none !important
    }

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

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

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

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

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

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

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:768px) {
    .d-md-none {
        display: none !important
    }

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

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

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

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

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

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

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:992px) {
    .d-lg-none {
        display: none !important
    }

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

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

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

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

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

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

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:1200px) {
    .d-xl-none {
        display: none !important
    }

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

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

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

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

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

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

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }
}

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

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

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

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

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

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

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

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

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

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive:before {
    display: block;
    content: ""
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-21by9:before {
    padding-top: 42.857143%
}

.embed-responsive-16by9:before {
    padding-top: 56.25%
}

.embed-responsive-4by3:before {
    padding-top: 75%
}

.embed-responsive-1by1:before {
    padding-top: 100%
}

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

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

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

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

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

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

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

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

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

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

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

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

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

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

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

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

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

@media (min-width:576px) {
    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-sm-fill {
        flex: 1 1 auto !important
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        justify-content: space-around !important
    }

    .align-items-sm-start {
        align-items: flex-start !important
    }

    .align-items-sm-end {
        align-items: flex-end !important
    }

    .align-items-sm-center {
        align-items: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        align-items: stretch !important
    }

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-between {
        align-content: space-between !important
    }

    .align-content-sm-around {
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        align-content: stretch !important
    }

    .align-self-sm-auto {
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        align-self: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        align-self: stretch !important
    }
}

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

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

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

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

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

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

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

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

    .flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

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

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

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

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

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

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-between {
        align-content: space-between !important
    }

    .align-content-md-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

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

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

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }
}

@media (min-width:992px) {
    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-lg-fill {
        flex: 1 1 auto !important
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }
}

@media (min-width:1200px) {
    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-xl-fill {
        flex: 1 1 auto !important
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-xl-start {
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        justify-content: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important
    }

    .align-items-xl-start {
        align-items: flex-start !important
    }

    .align-items-xl-end {
        align-items: flex-end !important
    }

    .align-items-xl-center {
        align-items: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important
    }

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-between {
        align-content: space-between !important
    }

    .align-content-xl-around {
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        align-self: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

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

    .float-sm-right {
        float: right !important
    }

    .float-sm-none {
        float: none !important
    }
}

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

    .float-md-right {
        float: right !important
    }

    .float-md-none {
        float: none !important
    }
}

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

    .float-lg-right {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }
}

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

    .float-xl-right {
        float: right !important
    }

    .float-xl-none {
        float: none !important
    }
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

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

.fixed-top {
    top: 0
}

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

.fixed-bottom {
    bottom: 0
}

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

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

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

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

.shadow-none {
    box-shadow: none !important
}

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

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

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

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

.w-auto {
    width: auto !important
}

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

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

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

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

.h-auto {
    height: auto !important
}

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

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

.min-vw-100 {
    min-width: 100vw !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.vw-100 {
    width: 100vw !important
}

.vh-100 {
    height: 100vh !important
}

.stretched-link:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: transparent
}

.m-0 {
    margin: 0 !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.p-0 {
    padding: 0 !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.m-auto {
    margin: auto !important
}

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

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

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

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

@media (min-width:576px) {
    .m-sm-0 {
        margin: 0 !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .m-sm-n1 {
        margin: -.25rem !important
    }

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

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

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

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

    .m-sm-n2 {
        margin: -.5rem !important
    }

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

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

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

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

    .m-sm-n3 {
        margin: -1rem !important
    }

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

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

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

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

    .m-sm-n4 {
        margin: -1.5rem !important
    }

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

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

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

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

    .m-sm-n5 {
        margin: -3rem !important
    }

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

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

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

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

    .m-sm-auto {
        margin: auto !important
    }

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

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

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

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

@media (min-width:768px) {
    .m-md-0 {
        margin: 0 !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .m-md-n1 {
        margin: -.25rem !important
    }

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

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

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

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

    .m-md-n2 {
        margin: -.5rem !important
    }

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

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

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

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

    .m-md-n3 {
        margin: -1rem !important
    }

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

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

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

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

    .m-md-n4 {
        margin: -1.5rem !important
    }

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

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

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

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

    .m-md-n5 {
        margin: -3rem !important
    }

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

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

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

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

    .m-md-auto {
        margin: auto !important
    }

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

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

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

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

@media (min-width:992px) {
    .m-lg-0 {
        margin: 0 !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important
    }

    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important
    }

    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important
    }

    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important
    }

    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important
    }

    .m-lg-n1 {
        margin: -.25rem !important
    }

    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -.25rem !important
    }

    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -.25rem !important
    }

    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -.25rem !important
    }

    .m-lg-n2 {
        margin: -.5rem !important
    }

    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -.5rem !important
    }

    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -.5rem !important
    }

    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -.5rem !important
    }

    .m-lg-n3 {
        margin: -1rem !important
    }

    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -1rem !important
    }

    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem !important
    }

    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -1rem !important
    }

    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem !important
    }

    .m-lg-n4 {
        margin: -1.5rem !important
    }

    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -1.5rem !important
    }

    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.5rem !important
    }

    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.5rem !important
    }

    .m-lg-n5 {
        margin: -3rem !important
    }

    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -3rem !important
    }

    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -3rem !important
    }

    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -3rem !important
    }

    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important
    }

    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important
    }

    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important
    }
}

@media (min-width:1200px) {
    .m-xl-0 {
        margin: 0 !important
    }

    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important
    }

    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important
    }

    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important
    }

    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .mt-xl-1,
    .my-xl-1 {
        margin-top: .25rem !important
    }

    .mr-xl-1,
    .mx-xl-1 {
        margin-right: .25rem !important
    }

    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: .25rem !important
    }

    .ml-xl-1,
    .mx-xl-1 {
        margin-left: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .mt-xl-2,
    .my-xl-2 {
        margin-top: .5rem !important
    }

    .mr-xl-2,
    .mx-xl-2 {
        margin-right: .5rem !important
    }

    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: .5rem !important
    }

    .ml-xl-2,
    .mx-xl-2 {
        margin-left: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important
    }

    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important
    }

    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important
    }

    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important
    }

    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important
    }

    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important
    }

    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important
    }

    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important
    }

    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important
    }

    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important
    }

    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important
    }

    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .pt-xl-1,
    .py-xl-1 {
        padding-top: .25rem !important
    }

    .pr-xl-1,
    .px-xl-1 {
        padding-right: .25rem !important
    }

    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: .25rem !important
    }

    .pl-xl-1,
    .px-xl-1 {
        padding-left: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .pt-xl-2,
    .py-xl-2 {
        padding-top: .5rem !important
    }

    .pr-xl-2,
    .px-xl-2 {
        padding-right: .5rem !important
    }

    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: .5rem !important
    }

    .pl-xl-2,
    .px-xl-2 {
        padding-left: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important
    }

    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important
    }

    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important
    }

    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important
    }

    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important
    }

    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important
    }

    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important
    }

    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important
    }

    .m-xl-n1 {
        margin: -.25rem !important
    }

    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -.25rem !important
    }

    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -.25rem !important
    }

    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -.25rem !important
    }

    .m-xl-n2 {
        margin: -.5rem !important
    }

    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -.5rem !important
    }

    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -.5rem !important
    }

    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -.5rem !important
    }

    .m-xl-n3 {
        margin: -1rem !important
    }

    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -1rem !important
    }

    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -1rem !important
    }

    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -1rem !important
    }

    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -1rem !important
    }

    .m-xl-n4 {
        margin: -1.5rem !important
    }

    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -1.5rem !important
    }

    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -1.5rem !important
    }

    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -1.5rem !important
    }

    .m-xl-n5 {
        margin: -3rem !important
    }

    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -3rem !important
    }

    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -3rem !important
    }

    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -3rem !important
    }

    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important
    }

    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important
    }

    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important
    }
}

.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important
}

.text-justify {
    text-align: justify !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

@media (min-width:576px) {
    .text-sm-left {
        text-align: left !important
    }

    .text-sm-right {
        text-align: right !important
    }

    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width:768px) {
    .text-md-left {
        text-align: left !important
    }

    .text-md-right {
        text-align: right !important
    }

    .text-md-center {
        text-align: center !important
    }
}

@media (min-width:992px) {
    .text-lg-left {
        text-align: left !important
    }

    .text-lg-right {
        text-align: right !important
    }

    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width:1200px) {
    .text-xl-left {
        text-align: left !important
    }

    .text-xl-right {
        text-align: right !important
    }

    .text-xl-center {
        text-align: center !important
    }
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.font-weight-light {
    font-weight: 300 !important
}

.font-weight-lighter {
    font-weight: lighter !important
}

.font-weight-normal {
    font-weight: 400 !important
}

.font-weight-bold {
    font-weight: 700 !important
}

.font-weight-bolder {
    font-weight: bolder !important
}

.font-italic {
    font-style: italic !important
}

.text-white {
    color: #fff !important
}

.text-primary {
    color: #007bff !important
}

a.text-primary:focus,
a.text-primary:hover {
    color: #0056b3 !important
}

.text-secondary {
    color: #6c757d !important
}

a.text-secondary:focus,
a.text-secondary:hover {
    color: #494f54 !important
}

.text-success {
    color: #28a745 !important
}

a.text-success:focus,
a.text-success:hover {
    color: #19692c !important
}

.text-info {
    color: #17a2b8 !important
}

a.text-info:focus,
a.text-info:hover {
    color: #0f6674 !important
}

.text-warning {
    color: #ffc107 !important
}

a.text-warning:focus,
a.text-warning:hover {
    color: #ba8b00 !important
}

a.text-danger:focus,
a.text-danger:hover {
    color: #a71d2a !important
}

.text-light {
    color: #f8f9fa !important
}

a.text-light:focus,
a.text-light:hover {
    color: #cbd3da !important
}

.text-dark {
    color: #343a40 !important
}

a.text-dark:focus,
a.text-dark:hover {
    color: #121416 !important
}

.text-body {
    color: #212529 !important
}

.text-muted {
    color: #6c757d !important
}

.text-black-50 {
    color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
    color: hsla(0, 0%, 100%, .5) !important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: initial;
    border: 0
}

.text-decoration-none {
    text-decoration: none !important
}

.text-break {
    word-break: break-word !important;
    overflow-wrap: break-word !important
}

.text-reset {
    color: inherit !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media print {

    *,
    :after,
    :before {
        text-shadow: none !important;
        box-shadow: none !important
    }

    a:not(.btn) {
        text-decoration: underline
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    pre {
        white-space: pre-wrap !important
    }

    blockquote,
    pre {
        border: 1px solid #adb5bd;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,
    tr {
        page-break-inside: avoid
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }

    @page {
        size: a3
    }

    .container,
    body {
        min-width: 992px !important
    }

    .navbar {
        display: none
    }

    .badge {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

    .table td,
    .table th {
        background-color: #fff !important
    }

    .table-bordered td,
    .table-bordered th {
        border: 1px solid #dee2e6 !important
    }

    .table-dark {
        color: inherit
    }

    .table-dark tbody+tbody,
    .table-dark td,
    .table-dark th,
    .table-dark thead th {
        border-color: #dee2e6
    }

    .table .thead-dark th {
        color: inherit;
        border-color: #dee2e6
    }
}

.container {
    max-width: 1200px
}

header {
    padding: 10px 0 5px
}

header .navigation {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: flex-end
}

header .navigation button {
    font-size: 10px;
    display: block;
    padding: 6px 12px
}

header .navigation button span {
    display: block;
    font-size: 15px
}

.main_wrap {
    background: #f7f7f7;
    padding: 32px 0
}

.main_wrap .inner {
    max-width: 1100px;
    border-radius: 8px;
    box-shadow: 0 2px 13px 0 hsla(0, 0%, 62.7%, .5);
    margin: 0 auto;
    position: relative
}

.main_wrap .proposal {
    display: flex
}

.main_wrap .left-panel {
    background-color: #fff;
    border-right: 1px solid #eceff1;
    color: #000;
    width: 35%;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    padding: 47px 30px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0
}

.main_wrap .left-new {
    background: #fff;
    color: #000;
    border-right: 1px solid #d6d6d6
}

.main_wrap .left-panel h2 {
    font-size: 23px;
    font-weight: 600
}

.main_wrap .left-panel h2:after,
.quote_page.main_wrap .left_cont h2:after {
    content: "";
    display: block;
    background: #000;
    height: 2px;
    width: 40px;
    border-radius: 3px;
    margin: 10px 0 20px
}

ul.features {
    list-style: none;
    padding: 0;
    color: #000
}

ul.features li {
    font-size: 15px;
    padding-bottom: 8px
}

ul.features li:last-child {
    padding-bottom: 0
}

ul.features li span {
    font-size: 20px;
    font-weight: 700
}

.main_wrap .left-panel:before {
    content: "";
    display: block;
    width: 137px;
    height: 327px;
    position: absolute;
    top: 16px
}

.main_wrap .left-panel .image img {
    margin: 0 auto
}

.main_wrap .right-panel {
    width: 65%;
    margin-left: 35%;
    min-height: 520px;
    padding: 30px 35px;
    background: #fff
}

.main_wrap .right-panel .title {
    padding: 0 0 0 50px
}

.main_wrap .right-panel h1,
.main_wrap .right-panel h2 {
    font-size: 24px;
    color: #212121
}

.main_wrap .right-panel h2 {
    font-weight: 600
}

.main_wrap .right-panel h2:after {
    content: "";
    display: block;
    width: 55px;
    height: 5px;
    background: #246fa6;
    margin: 10px 0
}

.main_wrap .right-panel .form_wrap {
    max-width: 470px;
    margin: 0 auto
}

.main_wrap .form_wrap label {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 5px
}

.main_wrap .custom-radio label {
    font-size: 14px;
    font-weight: 400;
    color: #bbb;
    margin-bottom: 7px
}

.main_wrap.quote_page .dropdown_amount .input-box,
.main_wrap .right-panel .form_wrap .input-box {
    position: relative
}

.input-box.reg_date input {
    background-image: url(/assets/img/calendar.e2c50aae.svg);
    background-repeat: no-repeat;
    background-position: 90%
}

.checkmark:after {
    right: 16px;
    top: 21px;
    background: url(/assets/img/check-green-big.edcc4d81.svg) no-repeat;
    width: 18px;
    height: 15px
}

.form-control {
    color: #505050;
    min-height: 46px;
    border: 1px solid #d6d6d6;
    border-radius: 8px;
    -ms-appearance: none
}

.name-cover .form-control {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: none;
    padding: 10px 5px
}

.name-cover .form-control:focus {
    border: 1px solid #d6d6d6;
    border-left: none
}

.name-cover .name {
    width: 100%
}

.name-cover .validation-error {
    position: absolute;
    left: 17px
}

.form-control:focus {
    border-color: #2570a9
}

.form-control.v_no {
    color: #000;
    min-height: 60px;
    font-weight: 600;
    font-size: 16px
}

.form-control.v_no::-moz-placeholder {
    font-size: 16px
}

.form-control.v_no::-webkit-input-placeholder {
    font-size: 16px
}

.form-control:focus {
    color: #000;
    color: initial
}

.form-control::-webkit-input-placeholder {
    color: #505050
}

.form-control::-moz-placeholder {
    color: #505050
}

.main_wrap .right-panel .form_wrap .btn,
.quote_page.main_wrap .edit_dropdown .form_wrap .btn {
    border-radius: 4px;
    background-color: #fc4804;
    color: #fff;
    display: block;
    padding: 12px 0;
    font-size: 14px;
    font-weight: 900;
    text-align: center;
    width: 100%;
    background-image: url(/assets/img/right-arrow.b6801dbd.svg);
    background-repeat: no-repeat;
    background-position: 78% 55%
}

.main_wrap .right-panel .form_wrap .button {
    position: relative;
    width: 70%;
    margin: 4px auto 0
}

.form-group .form-group {
    margin-bottom: 0
}

.main_wrap .right-panel .form_wrap .button:hover:after {
    right: 25%
}

.main_wrap .right-panel p.tc {
    font-size: 12px;
    color: #979797;
    text-align: center;
    margin: 4px 0 0;
    width: 100%
}

.main_wrap .right-panel p.tc a {
    color: #1f84f8
}

.main_wrap .right-panel .other-links {
    text-align: center
}

.main_wrap .right-panel .other-links p {
    margin: 0;
    padding-bottom: 5px
}

.main_wrap .right-panel .other-links p:last-child {
    padding: 0
}

.main_wrap .right-panel .other-links a {
    font-size: 15px;
    font-weight: 500;
    color: #4097f7;
    display: inline-block
}

.main_wrap .right-panel .separator {
    width: 63%;
    position: relative;
    margin: 17px auto
}

.outer_circle:after,
.outer_circle:before {
    content: "";
    display: block;
    position: absolute;
    width: 42%;
    background: hsla(0, 0%, 62.7%, .5);
    height: 1px;
    top: 19px
}

.outer_circle:before {
    left: 0
}

.outer_circle:after {
    right: 0
}

.outer_circle {
    width: 34px;
    height: 34px;
    margin: 0 auto;
    border-radius: 50%;
    border: 1px solid #d8d8d8;
    padding-top: 2px;
    background: #fff
}

.main_wrap .right-panel .separator span {
    display: block;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    color: #000;
    text-transform: uppercase;
    margin: 0 auto;
    background: #d8d8d8;
    text-align: center;
    line-height: 28px;
    font-size: 13px
}

.main_wrap .right-panel .steps {
    margin: 0 auto;
    max-width: 600px;
    padding: 5px 0 15px
}

.main_wrap .right-panel .steps li {
    float: left;
    width: 20%;
    list-style: none;
    position: relative
}

.main_wrap .right-panel .steps li span.step_text {
    display: block;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    color: #9b9b9b;
    background: #d8d8d8;
    text-align: center;
    line-height: 28px;
    font-size: 13.8px;
    font-weight: 600;
    margin: 0 auto
}

.main_wrap .right-panel .steps li.active span.step_text {
    background: #2570a9;
    color: #fff;
    position: relative;
    z-index: 100;
    box-shadow: 0 0 7px 0 rgba(37, 112, 168, .5)
}

.main_wrap .right-panel .steps li .step {
    max-width: 80px;
    text-align: center;
    margin: 0 auto;
    position: relative
}

.main_wrap .right-panel .steps li .step_label {
    line-height: 16px;
    font-size: 13px;
    color: #c0c1c2;
    font-weight: 500;
    margin: 5px 0
}

.main_wrap .right-panel .steps li.active .step_label {
    color: #2571aa
}

.main_wrap .right-panel .steps li .step ul.dots {
    margin: 0;
    padding: 0;
    position: absolute;
    right: -56%;
    top: 7px
}

.main_wrap .right-panel .steps li .step ul.dots li {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    float: left;
    background: #d8d8d8;
    margin: 0 4px
}

.main_wrap .right-panel .steps li .step ul.dots li.dot-active {
    background: #2570a9
}

.main_wrap .right-panel .steps li:first-child:before,
.main_wrap .right-panel .steps li:last-child .step ul.dots,
.main_wrap .right-panel .steps li:last-child:after {
    display: none
}

footer {
    text-align: center;
    padding: 18px 0 0;
    line-height: 10px;
    width: 100%;
    color: rgba(85, 111, 123, .8);
    clear: both;
    font-size: 10px
}

footer p {
    font-size: 11px
}

footer p a {
    color: #f68630
}

footer p a,
footer p a:hover {
    text-decoration: none;
    cursor: pointer
}

footer p a:hover {
    color: #1596fe
}

.pp_detail .right-panel .form_wrap,
.vehicle_detail .right-panel .form_wrap {
    max-width: 100%
}

.main_wrap .custom-radio ul {
    padding: 0;
    list-style: none;
    margin: 0 -2px
}

.main_wrap .custom-radio ul li {
    float: left;
    width: 22%;
    padding: 0 2px
}

.main_wrap .custom-radio ul li .label {
    display: block;
    margin: 0;
    cursor: pointer
}

.main_wrap .custom-radio ul li .label span {
    padding: 10px;
    border-radius: 8px;
    border: 1px solid #c5c5c5;
    font-size: 13px;
    font-weight: 400;
    display: block;
    text-align: center;
    cursor: pointer;
    transition: border-color .5s ease, color .5s ease;
    -webkit-transition: border-color .5s ease, color .5s ease;
    -ms-transition: border-color ease .5s, color ease .5s;
    -moz-transition: border-color ease .5s, color ease .5s
}

.main_wrap .custom-radio ul li input[type=radio] {
    visibility: hidden;
    position: absolute
}

.main_wrap .custom-radio ul li .label:hover span,
.main_wrap .custom-radio ul li input[type=radio]:checked+span {
    border-color: #61bd16;
    color: #505050
}

.main_wrap .custom-radio ul li input[type=radio]:checked+span {
    font-weight: 600
}

.main_wrap select.form-control {
    padding-right: 34px
}

.main_wrap select.form-control,
.select7_arrow {
    background: url(/assets/img/select-arrow.3bec6b4f.svg) #fff no-repeat 95%
}

.select7_arrow {
    width: 15px;
    height: 15px;
    padding-right: 0
}

.title_mob_only {
    display: none
}

.select7_select,
.select7_select>option {
    background: #fff;
    color: #505050;
    font-family: inherit;
    font-size: 14px
}

.select7_select>option {
    padding: 10px 12px
}

.select7_container {
    background: transparent;
    padding-top: 10px;
    overflow: auto;
    padding-right: 43px;
    border: 1px solid #d6d6d6;
    min-height: 46px;
    background: #fff
}

.select7_placeholder {
    color: #505050;
    left: 12px
}

.select7_item,
.select7_placeholder {
    font-weight: 400;
    font-family: inherit
}

.select7_item {
    color: #fff;
    padding: 3px 8px 3px 7px;
    border-radius: 30px;
    font-size: 13px
}

.select7_item,
.select7_item:hover {
    background-color: #246fa6
}

.select7_del {
    width: 15px;
    height: 15px;
    line-height: 12px;
    text-align: center;
    border-radius: 50%;
    background: #fff;
    overflow: hidden;
    top: 6px;
    right: 5px;
    font-size: 14px;
    color: #246fa6
}

.custom-radio2 ul {
    padding: 0;
    margin: 0
}

.custom-radio2 ul li {
    width: 50%;
    float: left
}

.custom-radio2 ul li .label {
    cursor: pointer
}

.custom-radio2 ul li .label input[type=radio] {
    visibility: hidden;
    position: absolute
}

.custom-radio2 ul li .label span {
    position: relative;
    display: block;
    padding-left: 27px;
    font-weight: 400
}

.custom-radio2 ul li .label span .dot {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 2px solid #61bd16;
    position: absolute;
    left: 0;
    top: 2px
}

.custom-radio2 ul li .label span .dot:after {
    content: "";
    background: #61bd16;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: block;
    margin: 3px auto;
    display: none
}

.custom-radio2 ul li .label input:checked+span .dot:after {
    display: block
}

.custom-radio2 ul li .label input:checked+span {
    font-weight: 500
}

.pp_detail .right-panel .form_wrap .button,
.vehicle_detail .right-panel .form_wrap .button {
    max-width: 282px;
    width: 100%
}

.main_wrap.quote_page .dropdown_amount .body_price:before,
.midbar .body_price:before,
.vehicle_detail .right-panel .body_price:before {
    content: "";
    background-image: url(/assets/img/rupee-indian.51ecac35.svg);
    background-size: contain;
    width: 13px;
    position: absolute;
    top: 1px;
    bottom: 1px;
    left: 17px;
    font-size: 14px;
    color: #505050;
    display: flex;
    align-items: center;
    background-repeat: no-repeat;
    background-position: 50%
}

.main_wrap.quote_page .dropdown_amount .body_price .form-control,
.vehicle_detail .right-panel .body_price .form-control {
    padding-left: 41px
}

.main_wrap .date_picker:after {
    content: "";
    background: url(/assets/img/edit.59624fc8.svg) no-repeat;
    position: absolute;
    width: 15px;
    height: 15px;
    right: 18px;
    top: 15px;
    background-size: contain
}

.accordian {
    margin-top: 30px
}

.accordian .acc-cont:first-child .dd {
    display: block
}

.accordian .dd ul {
    padding: 0;
    border-right: 1px solid hsla(0, 0%, 59.2%, .2)
}

.accordian .dd .col:last-child ul {
    border: none
}

.accordian .dd ul:after {
    content: "";
    display: block;
    clear: both
}

.accordian .dd li {
    list-style: none;
    font-size: 14px;
    color: rgba(0, 0, 0, .6);
    float: left;
    width: 50%;
    overflow-wrap: break-word;
    padding: 0 2px 10px
}

.accordian .dd li.value {
    font-size: 14px;
    font-weight: 500;
    color: #000
}

.accordian .acc-cont {
    border-radius: 8px;
    border: 1px solid #d6d6d6;
    box-shadow: 0 2px 10px 0 hsla(0, 0%, 62.7%, .2);
    margin-bottom: 15px;
    background: #fff
}

.accordian .dt {
    font-size: 20px;
    font-weight: 500;
    padding: 15px 20px;
    color: #000;
    cursor: pointer;
    position: relative
}

.accordian .dt a.edit {
    display: inline-block
}

.accordian .dt a.edit:before {
    content: "";
    background: url(/assets/img/edit.59624fc8.svg) no-repeat;
    width: 18px;
    height: 18px;
    display: block;
    position: relative;
    top: 3px;
    right: -11px
}

.accordian .dt:after {
    content: "";
    width: 15px;
    height: 10px;
    background: url(/assets/img/select-arrow.3bec6b4f.svg) no-repeat;
    position: absolute;
    top: 27px;
    right: 21px
}

.accordian .dt.active:after {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg)
}

.accordian .dd {
    border-top: 2px solid #246fa6;
    min-height: 158px;
    padding: 10px;
    background: #f7f7f7;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.summary_page.main_wrap .right-panel .title {
    padding-left: 0
}

.summary_page.main_wrap .right-panel .title h2 {
    font-size: 24px;
    font-weight: 400
}

.summary_page.main_wrap .right-panel {
    padding: 30px 45px
}

.quote_page.main_wrap .left_cont {
    background: #fff;
    position: relative;
    z-index: 1;
    padding: 14px;
    border-radius: 8px;
    box-shadow: 0 2px 13px 0 hsla(0, 0%, 62.7%, .5)
}

.quote_page.main_wrap .left_cont h2 {
    font-size: 18px;
    font-weight: 600;
    color: rgba(0, 0, 0, .7);
    margin: 0
}

.quote_page.main_wrap .left_cont label.for_radio {
    font-size: 14px;
    margin-top: .5rem
}

.quote_page.main_wrap .left_cont h2:after {
    background: rgba(0, 0, 0, .7);
    margin: 10px 0 13px
}

.quote_page.main_wrap ul.list .custom_checkbox span {
    color: #000;
    font-size: 14px
}

.quote_page.main_wrap ul.list .custom_checkbox span:before {
    top: 0
}

.quote_page.main_wrap .left_cont ul label {
    margin: 0;
    padding-bottom: 5px
}

.quote_page.main_wrap ul {
    padding: 0;
    list-style: none
}

.quote_page.main_wrap .left_cont ul.list {
    padding-bottom: 5px
}

.custom_checkbox span {
    color: rgba(0, 0, 0, .7)
}

.custom_checkbox span:before {
    width: 18px;
    height: 18px;
    border: 1px solid #9a9a9a
}

.custom_checkbox input:checked+span:before {
    background-color: #61bd16;
    border-color: transparent
}

.quote_page.main_wrap .custom-radio ul li input[type=radio]:checked+span {
    color: #fff;
    background: #246fa6;
    border: 1px solid #246fa6
}

.quote_page.main_wrap .slimScrollDiv {
    border-radius: 8px;
    box-shadow: 0 2px 13px 0 hsla(0, 0%, 62.7%, .5)
}

.quote_page.main_wrap .quote_right .slimScrollDiv {
    box-shadow: none
}

.quote_page.main_wrap .right-inner {
    background: transparent;
    min-height: 520px
}

.quote_page.main_wrap .right-inner h2 {
    font-size: 18px;
    font-weight: 500;
    color: #212121;
    margin: 0;
    padding: 12px 0
}

.quote_page.main_wrap .right-inner h2 span {
    font-size: 14px
}

.quote_page.main_wrap .right-inner .one_row {
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .14);
    background-color: #fff;
    overflow: hidden;
    min-height: 84px;
    align-items: center;
    cursor: pointer;
    margin: 0 auto 10px;
    border: 1px solid #e6efff;
    border-radius: 4px;
    padding: 8px 0
}

.quote_page.main_wrap .right-inner .one_row .border {
    border: none !important
}

.quote_page.main_wrap .right-inner .one_row .border:after {
    content: "";
    width: 1px;
    height: 75px;
    background: #e6efff;
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.quote_page.main_wrap .right-inner .one_row label {
    display: block;
    font-size: 13px;
    font-weight: 500;
    color: #696969;
    margin-bottom: 5px
}

.quote_page.main_wrap .right-inner .one_row img {
    margin: 0 auto;
    display: block
}

.quote_page.main_wrap .right-inner .one_row.header {
    background: #215e82;
    font-size: 14px;
    text-align: center;
    color: hsla(0, 0%, 100%, .8);
    min-height: 40px
}

.quote_page.main_wrap .right-inner .one_row .price {
    color: rgba(0, 0, 0, .8);
    font-weight: 600;
    font-size: 15px
}

.quote_page.main_wrap .right-inner .one_row ul {
    padding: 0;
    margin: 0
}

.quote_page.main_wrap .right-inner .one_row ul li {
    position: relative;
    font-size: 12px;
    color: rgba(0, 0, 0, .6);
    padding-bottom: 5px
}

.quote_page.main_wrap .right-inner .one_row ul li:last-child {
    padding-bottom: 0
}

.quote_page.main_wrap .right-inner .one_row ul li.selected-addons:before {
    content: "";
    left: 0;
    background: url(/assets/img/check-green.c6043d22.svg);
    width: 12px;
    height: 9px;
    top: 7px;
    left: 2px;
    display: inline-block;
    margin-right: 6px
}

.quote_page.main_wrap .right-inner .one_row ul li.not-selected-addons:before {
    content: "";
    left: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjU4OTExNURGNzUyNTExRTk4OUY3ODRFMkY3QzA0QUZCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjU4OTExNUUwNzUyNTExRTk4OUY3ODRFMkY3QzA0QUZCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTg5MTE1REQ3NTI1MTFFOTg5Rjc4NEUyRjdDMDRBRkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTg5MTE1REU3NTI1MTFFOTg5Rjc4NEUyRjdDMDRBRkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5pj124AAAAg0lEQVR42mL87+5+hYGB4RQQJzFgB/OA2IwJqigRiJuwKGqCyp1igZr0BIhroZJ1SIpAYs0gMRY0SZDEVSR2M0yOBcmaOqiiFVB+BBCvhEkyMRAJWNAcXgs1iQFqsja61cgOh1mnjexBFmg4JSI7HIsHZUAKzYB4PpoiZMUyIDUAAQYAVlIdm0vu0vEAAAAASUVORK5CYII=) no-repeat;
    width: 12px;
    height: 9px;
    top: 7px;
    left: 2px;
    display: inline-block;
    margin-right: 6px
}

.quote_page.main_wrap .right-inner .one_row .button {
    text-align: center
}

.quote_page.main_wrap .right-inner .one_row .button .price {
    border-radius: 4px;
    padding: 5px;
    background-color: #fc4804;
    display: block;
    max-width: 178px;
    margin: 0 auto;
    width: 178px;
    color: #fff
}

.quote_page.main_wrap .right-inner .one_row .button a.premium_backup {
    font-size: 12px;
    font-weight: 400;
    color: #6185d8;
    text-decoration: none;
    margin-top: 5px;
    display: inline-block
}

.quote_page.main_wrap .right-inner .one_row .button a.premium_backup:after {
    content: "";
    width: 8px;
    height: 8px;
    margin-left: 5px;
    display: inline-block
}

.quote_page.main_wrap .right-inner .one_row.active a.premium_backup:after {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg)
}

.main_wrap.quote_page .additional-cover-dropdown,
.main_wrap.quote_page .dropdown_amount {
    padding-left: 27px;
    padding-top: 5px;
    padding-bottom: 5px
}

.main_wrap.quote_page .dropdown_amount .form-control {
    border-radius: 4px
}

.main_wrap.quote_page .dropdown_amount .btn {
    background-color: #fc4804;
    border: none;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    color: #fff;
    background-repeat: no-repeat;
    background-position: 50%;
    overflow: hidden;
    width: 80px;
    font-weight: 600
}

.main_wrap.quote_page .dropdown_amount .amount {
    font-size: 11px;
    font-weight: 400;
    margin: 0;
    padding-top: 2px
}

.main_wrap.quote_page .dropdown_amount .amount span {
    color: rgba(80, 80, 80, .36)
}

.quote_page.main_wrap .right-inner .one_row .button a.price span {
    display: block;
    text-align: center;
    line-height: 27px
}

.quote_page.main_wrap .right-inner .one_row .button a.price span.old {
    font-size: 12px;
    font-weight: 500;
    color: hsla(0, 0%, 100%, .8);
    text-decoration: line-through
}

.quote_page.main_wrap .right-inner .one_row .button a.price span.new {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    position: relative
}

.quote_page.main_wrap .right-inner .one_row .button a.price span.new:after {
    top: 8px
}

.quote_page.main_wrap .right-inner .one_row .button .price span.new:after,
.quote_page.main_wrap .right-inner .one_row .button a.price span.new:after {
    content: "";
    background: url(/assets/img/right-arrow.b6801dbd.svg);
    width: 14px;
    height: 10px;
    margin-left: 5px;
    font-size: 15px;
    position: absolute;
    right: 4px;
    display: block
}

.quote_page.main_wrap .right-inner .one_row .button .price span.new:after {
    top: 15px
}

.quote_page.main_wrap .right-inner .desc {
    background: #e7e7e7;
    padding: 10px 20px;
    display: none
}

.quote_page.main_wrap .right-inner .desc h4 {
    font-size: 14px;
    font-weight: 500;
    padding-bottom: 10px;
    padding-left: 15px;
    margin: 0
}

.quote_page.main_wrap .right-inner .desc ul {
    padding: 0 15px;
    border-right: 1px solid hsla(0, 0%, 59.2%, .2)
}

.quote_page.main_wrap .right-inner .desc ul:after {
    content: "";
    display: block;
    clear: both
}

.quote_page.main_wrap .right-inner .desc ul li {
    float: left;
    font-size: 12px;
    color: rgba(0, 0, 0, .5);
    width: 80%;
    padding-bottom: 5px
}

.quote_page.main_wrap .right-inner .desc ul li.value {
    font-size: 12px;
    font-weight: 500;
    color: rgba(0, 0, 0, .8);
    float: right;
    width: 20%;
    text-align: right
}

.quote_page.main_wrap .right-inner .desc ul li.value.bold {
    color: #000;
    font-weight: 700
}

.quote_page.main_wrap .right-inner .desc.open {
    display: flex
}

.quote_page.main_wrap .inner {
    max-width: 100%;
    box-shadow: none
}

.quote_page.main_wrap .midbar .box {
    border-radius: 8px;
    box-shadow: 0 2px 9px 0 hsla(0, 0%, 87.1%, .3);
    background-color: #fff;
    border: 1px solid #e6efff;
    padding: 0 15px;
    position: relative
}

.quote_page.main_wrap .midbar .body_price:before {
    left: -17px
}

.quote_page.main_wrap .midbar .set_idv .custom_select_box .select-box {
    position: relative
}

.quote_page.main_wrap .topbar .policy-exp-date .select-box {
    max-width: 96px;
    position: relative;
    left: 25%
}

.quote_page.main_wrap .midbar .set_idv .custom_select_box .select-box select,
.quote_page.main_wrap .topbar .policy-exp-date .select-box select {
    pointer-events: none
}

.quote_page.main_wrap .midbar .vehicle_owned .select-box {
    position: relative
}

.quote_page.main_wrap .topbar {
    border-bottom: 1px solid #e6efff;
    background-color: #fff;
    border-top: 1px solid #e6efff;
    border-radius: 0
}

.quote_page.main_wrap .topbar .box {
    position: relative;
    padding: 5px 0
}

.quote_page.main_wrap .topbar .box:after {
    content: "";
    width: 1px;
    height: 32px;
    background: #e6efff;
    display: block;
    position: absolute;
    right: -12px;
    top: 50%;
    transform: translateY(-50%)
}

.quote_page.main_wrap .topbar .no-border:after {
    display: none
}

.quote_page.main_wrap .set_idv .input-box {
    position: relative
}

.quote_page.main_wrap .topbar .v_no {
    font-size: 14px;
    font-weight: 500;
    color: rgba(0, 0, 0, .9);
    line-height: 18px
}

.quote_page.main_wrap .topbar .v_no-left {
    flex: 0 0 87%;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content
}

.quote_page.main_wrap .edit {
    cursor: pointer
}

.quote_page.main_wrap a.edit {
    border-radius: 3px;
    border: 1px solid #4097f7;
    font-size: 12px;
    padding: 1px 11px;
    text-decoration: none;
    color: #4097f7;
    position: absolute;
    top: 7px;
    right: 0;
    line-height: 17px
}

.quote_page.main_wrap .edit_dropdown {
    position: absolute;
    background: #fff;
    z-index: 100;
    left: 0;
    width: 100%;
    padding: 16px;
    border: 1px solid #bbd0f8;
    box-shadow: 0 6px 14px 0 rgba(188, 207, 239, .8);
    border-radius: 8px;
    display: none;
    top: 100%
}

.quote_page.main_wrap .midbar .edit_dropdown label {
    margin: 0 0 5px
}

.quote_page.main_wrap .midbar .edit_dropdown .form-group {
    margin-bottom: 8px
}

.quote_page.main_wrap .edit_dropdown .custom-radio span,
.quote_page.main_wrap .midbar .edit_dropdown .custom-radio span {
    border-radius: 8px;
    padding: 8px 24px
}

.quote_page.main_wrap .edit_dropdown .row {
    min-height: 0 !important
}

.quote_page.main_wrap .edit_dropdown .button {
    padding-top: 10px
}

.quote_page.main_wrap .midbar .edit_dropdown .custom-radio span:after {
    display: none
}

.quote_page.main_wrap .edit_dropdown .custom-radio ul li {
    width: auto
}

.quote_page.main_wrap .edit_dropdown:after {
    content: "";
    display: block;
    width: 0;
    position: absolute;
    top: -11px;
    right: 8px;
    width: 20px;
    height: 20px;
    border-right: 1px solid #bbd0f8;
    border-top: 1px solid #bbd0f8;
    z-index: 0;
    background: #fff;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg)
}

.quote_page.main_wrap .edit_dropdown .custom-radio ul li .label:hover span,
.quote_page.main_wrap .edit_dropdown .custom-radio ul li input[type=radio]:checked+span {
    border-color: #61bd16 !important
}

.main_wrap .edit_dropdown select.form-control {
    background-position: 95%
}

.quote_page.main_wrap .edit_dropdown .form_wrap .update {
    position: relative
}

.quote_page.main_wrap .edit_dropdown .form-group {
    margin-bottom: 8px
}

.quote_page.main_wrap .edit_dropdown .form_wrap {
    margin: 0
}

.quote_page.main_wrap .edit_dropdown .form_wrap .update:after {
    right: 22%
}

.quote_page.main_wrap .edit_dropdown .form_wrap .update:hover:after {
    right: 18%
}

.quote_page.main_wrap .edit_dropdown .form_wrap .btn.close-btn {
    border: 1px solid #d7d7d7;
    background: #fff;
    color: #d7d7d7;
    font-weight: 400
}

.quote_page.main_wrap .edit_dropdown .form_wrap .btn.close-btn:hover {
    border-color: #505050;
    color: #505050
}

.quote_page.main_wrap .edit_dropdown [class*=col-] {
    padding: 0 5px !important
}

.quote_page.main_wrap .edit_dropdown .row {
    margin: 0 -5px
}

.quote_page.main_wrap .topbar .ncb_assumed span,
.quote_page.main_wrap .topbar .v_no span {
    display: block;
    color: #686868;
    font-size: 12px;
    font-weight: 400;
    margin-top: 2px
}

.quote_page.main_wrap .topbar .ncb_assumed .ncb_prev {
    display: inline-block;
    padding-right: 13px;
    position: relative;
    font-size: 14px;
    font-weight: 400
}

.quote_page.main_wrap .topbar .ncb_assumed span span {
    display: inline;
    color: rgba(0, 0, 0, .8);
    font-weight: 600
}

.quote_page.main_wrap .topbar .ncb_assumed {
    font-size: 14px;
    font-weight: 600;
    color: rgba(0, 0, 0, .7)
}

.quote_page.main_wrap .topbar .ncb_assumed select.form-control {
    font-weight: 500;
    border: none;
    padding: 0 !important;
    pointer-events: none;
    background-color: initial;
    background-size: 11px auto
}

.quote_page.main_wrap .custom_select_box select.form-control {
    font-weight: 500;
    border: none;
    padding: 0 !important;
    background-color: initial;
    cursor: pointer;
    background-size: 11px auto
}

.quote_page.main_wrap .topbar .ncb_assumed .select-box {
    position: relative;
    max-width: 48px;
    left: 51%
}

.custom_select_box .select-box {
    position: relative
}

.custom_select_box .select-box:after,
.quote_page.main_wrap .topbar .ncb_assumed .select-box:after {
    height: 1px;
    background: #6286d8;
    display: block;
    position: absolute;
    left: 0;
    width: 29px;
    bottom: 5px
}

.custom_select_box .select-box:after {
    width: 60px
}

.quote_page.main_wrap .box .row {
    align-items: center;
    min-height: 70px
}

.pice-slider label,
.set_idv label {
    font-size: 12px;
    color: rgba(0, 0, 0, .5);
    font-weight: 500
}

.pice-slider,
.pice-slider p {
    margin: 0
}

.pice-slider #amount {
    visibility: hidden;
    position: absolute
}

.pice-slider .max-price,
.pice-slider .min-price {
    font-size: 12px;
    font-weight: 400;
    color: #000;
    margin-top: 5px
}

.ui-slider .ui-slider-handle {
    border: none;
    border-radius: 50%;
    background: #246fa6;
    width: 10px;
    height: 10px
}

.ui-slider-handle:focus {
    outline: none !important
}

.ui-slider .ui-slider-range {
    background: #246fa6
}

.ui-slider-horizontal {
    height: 6px
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    top: -3px;
    margin-left: -2px
}

.pice-slider .set_lowest_price {
    position: absolute;
    right: 8px
}

.pice-slider .set_lowest_price .custom_checkbox span {
    font-size: 12px;
    padding-top: 2px;
    padding-left: 20px
}

.pice-slider .set_lowest_price .custom_checkbox span:before {
    width: 15px;
    height: 15px;
    background-size: 12px auto;
    top: 4px
}

.set_idv label {
    margin: 0;
    font-size: 12px;
    position: relative
}

.set_idv .inner {
    border-left: 1px solid #c3d5f8;
    border-radius: 0;
    width: 86%
}

.set_idv .input-box.body_price {
    position: relative;
    max-width: 109px;
    border: 1px solid #0d93fe;
    border-radius: 4px;
    margin: 0 auto 0 16px
}

.set_idv_val {
    padding: 15px 0
}

.set_idv .input-box .form-control {
    border: none;
    border-radius: 0;
    padding: 0;
    background: none;
    font-weight: 500;
    text-align: center;
    min-height: 20px
}

.set_idv .input-box .form-control.disabled {
    pointer-events: none
}

.midbar .box .input-box.date_picker .form-control::-moz-placeholder,
.set_idv .input-box .form-control::-moz-placeholder {
    font-size: 14px;
    font-weight: 500
}

.midbar .box .input-box.date_picker .form-control::-webkit-input-placeholder,
.set_idv .input-box .form-control::-webkit-input-placeholder {
    font-size: 14px;
    font-weight: 500
}

.set_idv .edit_dropdown .input-box.body_price:before {
    left: 9px;
    top: 2px
}

.midbar {
    padding-top: 10px;
    padding-bottom: 10px
}

.midbar .clearfix,
.topbar .clearfix {
    display: flex;
    align-items: center;
    min-height: 63px;
    flex-wrap: wrap
}

.midbar .clearfix {
    min-height: 53px
}

.edit_dropdown .clearfix {
    min-height: 0
}

.midbar .clearfix .left,
.topbar .clearfix .left {
    flex: 0 0 60%;
    max-width: 60%
}

.midbar .clearfix .right,
.topbar .clearfix .right {
    flex: 0 0 40%;
    max-width: 40%
}

.midbar label,
.topbar label {
    margin: 8px;
    font-size: 13px;
    font-weight: 400;
    color: rgba(0, 0, 0, .7)
}

.midbar .existing_policy_type label {
    padding-right: 10px
}

.midbar .box {
    padding: 0 20px;
    position: relative
}

.midbar .box .input-box.date_picker {
    max-width: 76px;
    border-bottom: 1px solid #658bd2
}

.midbar .date_picker:after {
    right: 0;
    top: 12px
}

.midbar .box .input-box.date_picker .form-control {
    border: none;
    background: none;
    padding: 0;
    min-height: 0;
    border-radius: 0;
    font-size: 14px;
    color: #658bd2;
    pointer-events: none
}

.midbar .box .input-box.date_picker .form-control::-moz-placeholder {
    font-size: 14px
}

.midbar .box .input-box.date_picker .form-control::-webkit-input-placeholder {
    font-size: 14px
}

.quote_page.main_wrap .midbar .custom-radio span {
    font-weight: 400;
    position: relative;
    background: #fff;
    border-radius: 30px;
    font-size: 12px
}

.quote_page.main_wrap .midbar .custom-radio ul li .label:hover span,
.quote_page.main_wrap .midbar .custom-radio ul li input[type=radio]:checked+span {
    color: #61bd16;
    border-color: #61bd16
}

.quote_page.main_wrap .midbar .custom-radio ul li input[type=radio]:checked+span:after {
    content: "";
    position: absolute;
    right: 15px;
    background: url(/assets/img/check-green-big.edcc4d81.svg);
    width: 18px;
    height: 15px;
    top: 11px
}

#ui-datepicker-div {
    z-index: 200 !important
}

.no_quoter_inner {
    flex: 0 0 100%
}

.quote_page.main_wrap {
    padding-top: 0
}

.quote_page.main_wrap .no_quote h3 {
    font-size: 16px;
    font-weight: 600;
    color: #505050;
    margin-bottom: 10px;
    text-transform: uppercase
}

.main_wrap .proposal_page .left-panel h2 {
    font-size: 18px;
    font-weight: 600
}

ul.features li {
    font-size: 12px
}

ul.features li .img-fluid {
    margin-right: 10px;
    max-width: 89%
}

.main_wrap .proposal_page .left-panel .page_salespoint_logo:after {
    display: block;
    content: "";
    clear: both
}

.main_wrap .proposal_page .left-panel .page_salespoint_logo>div {
    float: left
}

.main_wrap .proposal_page .left-panel .page_salespoint_logo .left_logo {
    background-color: #fff;
    border-radius: 8px;
    margin-right: 15px;
    padding: 10px 20px 10px 0
}

.main_wrap .proposal_page .left-panel .page_salespoint_logo .idv {
    font-size: 20px;
    color: #000
}

.main_wrap .proposal_page .left-panel .page_salespoint_logo .idv span {
    display: block;
    font-size: 12px;
    opacity: .7
}

.main_wrap .proposal_page .left-panel .page_salespoint_logo {
    margin-bottom: 15px
}

.main_wrap .proposal_page .left-panel .page_salespoint_logo .price {
    border-radius: 8px;
    background-color: #265c80;
    float: left;
    padding: 10px 55px;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    color: #fff
}

.main_wrap .proposal_page .left-panel .page_salespoint_logo .price span {
    opacity: .3;
    text-decoration: line-through;
    display: block;
    font-size: 14px
}

.main_wrap .proposal_page .left-panel .page_salespoint_logo .download_policy {
    float: left;
    text-align: center;
    font-size: 12px;
    margin: 17px 0 0 15px
}

.main_wrap .proposal_page .right-panel .form_wrap {
    padding: 0 12px
}

.main_wrap .proposal_page .right-panel .steps li {
    width: 33.33%
}

.main_wrap .proposal_page .right-panel .steps {
    max-width: 360px
}

.pp_detail .proposal_page .right-panel .form_wrap .button {
    margin-top: 10px
}

.main_wrap .proposal_page .right-panel {
    padding-bottom: 75px
}

.main_wrap .proposal_page .right-panel .form-group .edit_icon {
    background-image: url(/assets/img/edit.59624fc8.svg);
    width: 16px;
    height: 16px;
    background-size: contain;
    display: inline-block;
    position: absolute;
    right: 30px;
    top: 42px
}

.main_wrap .proposal_step2 .right-panel .form_wrap {
    max-width: 65%;
    margin-bottom: 155px
}

.main_wrap .proposal_step2 .right-panel .form_wrap .form-group label {
    margin-bottom: 5px;
    font-size: 16px
}

.main_wrap .proposal_step3 .custom-radio ul li {
    width: auto
}

.main_wrap .proposal_step3 .right-panel .form_wrap .button:hover:after {
    right: 14%
}

.main_wrap .proposal_step3 .right-panel .form_wrap .button:after {
    right: 17%
}

.main_wrap .proposal_step3 .right-panel {
    min-height: 640px
}

.main_wrap .proposal_step3 .slimScrollDiv {
    height: auto !important
}

::-webkit-input-placeholder {
    color: #c0c1c2;
    font-size: 14px;
    opacity: .5
}

::-moz-placeholder {
    color: #c0c1c2;
    font-size: 14px;
    opacity: .5
}

:-ms-input-placeholder {
    color: #c0c1c2;
    font-size: 14px;
    opacity: .5
}

:-moz-placeholder {
    color: #c0c1c2;
    font-size: 14px;
    opacity: .5
}

.quote_page.main_wrap .left_cont ul label.addons_button {
    padding-left: 30px;
    display: block;
    margin-top: 8px
}

.addons_button a {
    background-color: #215e82;
    padding: 7px 15px 7px 30px;
    color: #fff;
    font-size: 14px;
    border-radius: 4px;
    position: relative
}

.addons_button a:hover {
    cursor: pointer;
    text-decoration: none
}

.addons_button a:before {
    content: "";
    background-image: url(/assets/img/plus.b779fe6c.svg);
    position: absolute;
    width: 16px;
    height: 16px;
    left: 10px;
    background-repeat: no-repeat;
    top: 8px
}

.more_addon_dropdown {
    display: none
}

.addons_button a.active:before {
    background-image: url(/assets/img/minus.3813dd82.svg);
    width: 14px;
    height: 2px;
    top: 15px
}

.post_summary .summary_inner:after {
    content: "";
    display: block;
    clear: both
}

.post_summary .summary_inner .custom_checkbox span {
    color: #000;
    font-size: 12px;
    padding-left: 0;
    padding-top: 4px
}

.post_summary .summary_inner .custom_checkbox span span:before {
    display: none
}

span.question_mark {
    background-image: url(/assets/img/question.f0e151a4.svg);
    background-size: contain;
    width: 13px;
    height: 13px;
    display: inline-block;
    background-repeat: no-repeat
}

.post_summary .summary_inner .custom_checkbox span span.question_mark {
    padding: 0
}

.post_summary .summary_inner .custom_checkbox span:before {
    border-color: #000;
    width: 15px;
    height: 15px;
    background-size: contain;
    top: 5px;
    left: -25px
}

.puc-declare {
    color: #000
}

.puc-declare,
.puc-declare .button-link {
    font-size: 12px
}

.post_summary .summary_inner .custom_checkbox input:checked+span:before {
    background-color: #fff;
    background-image: url(/assets/img/check-blue.632ec334.svg)
}

.post_summary .summary_inner .custom_checkbox input:checked+span::b .post_summary .summary_inner {
    max-width: 1100px;
    margin: 0 auto
}

.post_summary .summary_inner .left-summary-panel,
.post_summary .summary_inner .right-summary-panel {
    width: 47%;
    float: left
}

.post_summary .summary_inner .left-summary-panel {
    margin-right: 1.5%
}

.post_summary .summary_inner .right-summary-panel {
    padding: 24px 41px;
    box-sizing: border-box;
    margin-left: 1%
}

.upper_banner {
    z-index: 10;
    padding-top: 44px !important;
    position: relative
}

.summary_page.main_wrap .left-summary-panel .title h2 {
    font-size: 24px;
    font-weight: 400
}

.summary_page.main_wrap .left-summary-panel .title h2:after {
    content: "";
    display: block;
    width: 55px;
    height: 4px;
    background: #205a79;
    margin: 10px 0
}

.post_summary .summary_inner .left-summary-panel {
    padding: 24px 20px;
    box-sizing: border-box;
    overflow: hidden
}

.post_summary .summary_inner .left-summary-panel,
.post_summary .summary_inner .right-summary-panel {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 13px 0 hsla(0, 0%, 62.7%, .5)
}

.summary_page.main_wrap .left-summary-panel .accordian .dt a.edit:before {
    content: "";
    background: url(/assets/img/edit.59624fc8.svg);
    width: 16px;
    height: 16px;
    position: absolute;
    top: -15px;
    margin-left: 10px;
    right: -24px
}

.summary_page.main_wrap .post_summary .left-summary-panel .accordian ul {
    border-right: 0
}

.summary_page.main_wrap .post_summary .left-summary-panel .accordian ul li {
    width: 100%
}

.summary_page.main_wrap .post_summary .left-summary-panel .accordian ul li:after {
    clear: both;
    content: "";
    display: block
}

.summary_page.main_wrap .left-summary-panel .accordian .dt a.edit {
    position: relative
}

.summary_page.main_wrap .left-summary-panel .accordian .accordian_value {
    color: #000;
    font-weight: 500;
    width: 60%;
    float: left
}

.summary_page.main_wrap .post_summary .left-summary-panel .accordian ul li>div {
    display: inline-block
}

.summary_page.main_wrap .post_summary .left-summary-panel .accordian .dd {
    padding: 15px
}

.summary_page.main_wrap .post_summary .right-summary-panel h2 {
    color: #000;
    font-size: 24px;
    position: relative;
    margin-bottom: 35px
}

.summary_page.main_wrap .post_summary .right-summary-panel h2:after {
    content: "";
    display: block;
    position: absolute;
    width: 55px;
    height: 4px;
    background-color: #000;
    border-radius: 25px;
    bottom: -15px
}

.summary_page.main_wrap .post_summary .right-summary-panel .left_col {
    font-size: 12px;
    color: #000;
    line-height: 30px;
    padding: 0
}

.summary_page.main_wrap .post_summary .right-summary-panel .left_col img {
    background-color: #fff;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 10px 20px 10px 0
}

.summary_page.main_wrap .post_summary .right-summary-panel .right_col {
    text-align: right;
    padding: 0
}

.summary_page.main_wrap .post_summary .right-summary-panel .right_col span {
    opacity: .7;
    font-size: 12px;
    color: #000;
    display: block
}

.summary_page.main_wrap .post_summary .right-summary-panel .right_col {
    font-size: 20px;
    color: #000
}

.summary_page.main_wrap .post_summary .right-summary-panel .row {
    margin: 15px 0
}

.summary_page.main_wrap .post_summary .left-summary-panel .accordian ul li .accordian_head {
    width: 40%;
    float: left
}

.summary_page.main_wrap .post_summary .right-summary-panel .row.summary_border {
    border-top: 1px solid #bcd3e2;
    border-bottom: 1px solid #bcd3e2
}

.summary_page.main_wrap .post_summary .right-summary-panel .get_insurance:after {
    content: "";
    clear: both;
    display: block
}

.summary_page.main_wrap .post_summary .right-summary-panel .get_insurance>p {
    font-size: 12px;
    color: #fff9b0;
    float: left;
    margin-bottom: 0
}

.summary_page.main_wrap .post_summary .right-summary-panel .get_insurance {
    padding: 15px 0;
    box-sizing: border-box
}

.summary_page.main_wrap .post_summary .right-summary-panel .get_insurance_left {
    color: #fff;
    font-size: 12px;
    width: 55%;
    display: inline-block;
    position: relative;
    float: left
}

.summary_page.main_wrap .post_summary .right-summary-panel .get_insurance_left input {
    vertical-align: middle;
    position: absolute;
    top: 10px
}

.summary_page.main_wrap .post_summary .right-summary-panel .get_insurance_left p {
    padding-left: 30px
}

.summary_page.main_wrap .post_summary .right-summary-panel .get_insurance_left p i {
    font-size: 24px
}

.summary_page.main_wrap .post_summary .right-summary-panel .get_insurance_right {
    width: 45%;
    display: inline-block;
    float: right;
    text-align: right;
    font-size: 20px;
    color: #fff
}

.summary_page.main_wrap .post_summary .right-summary-panel .get_insurance_right span {
    display: block;
    opacity: .7;
    font-size: 12px;
    color: #fff
}

.summary_page.main_wrap .post_summary .right-summary-panel .total_amounts {
    border-bottom: 1px solid #bcd3e2;
    margin: 0;
    padding: 0 0 15px
}

.summary_page.main_wrap .post_summary .right-summary-panel .total_amounts>div {
    padding: 0
}

.summary_page.main_wrap .post_summary .right-summary-panel .total_amounts h3 {
    font-size: 14px;
    color: #000;
    margin-bottom: 0;
    margin-top: 20px
}

.summary_page.main_wrap .post_summary .right-summary-panel .payable_amount {
    text-align: right
}

.summary_page.main_wrap .post_summary .right-summary-panel .payable_amount span {
    color: #fff;
    font-size: 20px;
    background-color: #fc4804;
    text-align: center;
    padding: 12px 45px;
    display: inline-block;
    border-radius: 8px
}

.post_summary .right-summary-panel .terms_condiction {
    font-size: 12px
}

.post_summary .right-summary-panel .terms_condiction input {
    position: absolute;
    top: 4px
}

.post_summary .right-summary-panel .terms_condiction span a {
    color: #17a2b8
}

.post_summary .right-summary-panel .button input[type=submit] {
    border-radius: 4px;
    background-color: #fc4804;
    color: #fff;
    display: block;
    padding: 12px 0;
    font-size: 14px;
    font-weight: 900;
    text-align: center;
    width: 100%
}

.post_summary .right-summary-panel .button {
    max-width: 295px;
    width: 100%;
    margin: auto;
    position: relative
}

.post_summary .right-summary-panel .button:after {
    content: "";
    background: url(/assets/img/right-arrow.b6801dbd.svg);
    width: 14px;
    height: 10px;
    position: absolute;
    color: #fff;
    right: 20%;
    top: 20px;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all ease .5s;
    -moz-transition: all ease .5s
}

.post_summary .right-summary-panel .button:hover:after {
    right: 15%
}

.post_summary .right-summary-panel .send_email {
    font-size: 12px;
    color: #fff;
    margin: 5px 0 60px;
    text-align: center
}

.post_summary .left-summary-panel .accordian .dt {
    padding: 20px
}

.post_summary .right-summary-panel .terms_condiction .container,
.summary_page.main_wrap .post_summary .right-summary-panel .get_insurance_left .container {
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    float: left;
    width: 20px
}

.post_summary .right-summary-panel .terms_condiction .container input,
.summary_page.main_wrap .post_summary .right-summary-panel .get_insurance_left .container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.post_summary .right-summary-panel .terms_condiction .checkmark,
.summary_page.main_wrap .post_summary .right-summary-panel .get_insurance_left .checkmark {
    position: absolute;
    top: 11px;
    left: 0;
    height: 19px;
    width: 19px;
    border-radius: 3px;
    border: 2px solid #fff
}

.post_summary .right-summary-panel .terms_condiction .container input:checked~.checkmark,
.summary_page.main_wrap .post_summary .right-summary-panel .get_insurance_left .container input:checked~.checkmark {
    background-color: #fff
}

.post_summary .right-summary-panel .terms_condiction .checkmark:after,
.summary_page.main_wrap .post_summary .right-summary-panel .get_insurance_left .checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.post_summary .right-summary-panel .terms_condiction .container input:checked~.checkmark:after,
.summary_page.main_wrap .post_summary .right-summary-panel .get_insurance_left .container input:checked~.checkmark:after {
    display: block
}

.post_summary .right-summary-panel .terms_condiction .container .checkmark:after,
.summary_page.main_wrap .post_summary .right-summary-panel .get_insurance_left .container .checkmark:after {
    left: 5px;
    top: 2px;
    width: 6px;
    height: 10px;
    border: solid #216188;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg)
}

.thankyou_icon {
    text-align: center;
    margin-bottom: 10px
}

.thankyou_msg h3 {
    font-size: 30px;
    font-weight: 600;
    color: #246fa6;
    text-align: center;
    margin-bottom: 30px
}

.thankyou_msg h4 {
    color: #505050
}

.thankyou_msg a,
.thankyou_msg h4 {
    text-align: center;
    font-size: 16px;
    font-weight: 400
}

.thankyou_msg h4 span {
    color: #0d93fe
}

.thankyou_msg .app-link-cover,
.thankyou_msg p {
    text-align: center
}

.thankyou_msg p {
    color: rgba(0, 0, 0, .5);
    font-size: 14px;
    margin-bottom: 40px;
    line-height: 18px
}

.thankyou_msg p.no_gap {
    margin-bottom: 0
}

.thankyou_msg .container_info {
    text-align: center
}

.call-expoert-nq {
    margin-top: 20px
}

.thankyou_msg .container_info>.email {
    margin: 0 25px;
    font-size: 16px;
    font-weight: 600;
    color: rgba(0, 0, 0, .6);
    position: relative;
    padding: 6px 6px 0;
    text-decoration: none
}

.thankyou_msg .container_info>a.email:before {
    top: 14px;
    background-size: contain
}

.thankyou_msg .container_info>a.email:before,
.thankyou_msg .container_info>a.number:before {
    content: "";
    background-repeat: no-repeat;
    position: absolute;
    font-family: fontawesome;
    color: #010002;
    left: 0;
    width: 15px;
    height: 15px;
    vertical-align: middle
}

.thankyou_msg .container_info>a.number:before {
    background-image: url(/assets/img/phone-receiver.6fe03053.svg);
    margin-right: 5px;
    font-size: 18px;
    font-weight: 500;
    top: 11px
}

.skeleton_screen .loaded_data {
    display: none
}

.line_skeleton {
    background: #e2e0e0;
    display: none;
    width: 100%;
    margin: 10px auto;
    position: relative;
    overflow: hidden
}

.line_skeleton:before {
    width: 60px;
    left: 0;
    opacity: .5;
    -webkit-animation: before 1s ease-in-out infinite;
    animation: before 1s ease-in-out infinite
}

.line_skeleton:after,
.line_skeleton:before {
    content: "";
    display: block;
    position: absolute;
    background: hsla(0, 0%, 100%, .3);
    height: 100%;
    top: 0
}

.line_skeleton:after {
    width: 30px;
    left: 30px;
    opacity: 0;
    animation: after 1s ease-in-out infinite;
    -webkit-animation: after 1s ease-in-out infinite;
    -moz-animation: after 1s infinite ease-in-out;
    -ms-animation: after 1s infinite ease-in-out
}

@keyframes before {
    0% {
        -webkit-filter: blur(30px);
        -moz-filter: blur(30px);
        -ms-filter: blur(30px);
        filter: blur(30px);
        transform: translateX(-100px) skewX(-45deg)
    }

    to {
        transform: translateX(300px) skewX(-35deg);
        opacity: .6;
        transition: .7s
    }
}

@-webkit-keyframes before {
    0% {
        -webkit-filter: blur(30px);
        -moz-filter: blur(30px);
        -ms-filter: blur(30px);
        filter: blur(30px);
        transform: translateX(-100px) skewX(-45deg)
    }

    to {
        transform: translateX(300px) skewX(-35deg);
        opacity: .6;
        transition: .7s
    }
}

@keyframes after {
    0% {
        -webkit-filter: blur(5px);
        -moz: blur(5px);
        -ms: blur(5px);
        filter: blur(5px);
        transform: translateX(-100px) skewX(-35deg)
    }

    to {
        transform: translateX(300px) skewX(-35deg);
        opacity: 1;
        transition: .7s
    }
}

@-webkit-keyframes after {
    0% {
        -webkit-filter: blur(5px);
        -moz: blur(5px);
        -ms: blur(5px);
        filter: blur(5px);
        transform: translateX(-100px) skewX(-35deg)
    }

    to {
        transform: translateX(300px) skewX(-35deg);
        opacity: 1;
        transition: .7s
    }
}

.line_skeleton.sm {
    height: 20px
}

.line_skeleton.md {
    height: 40px
}

.line_skeleton.lg {
    height: 50px
}

.skeleton_screen .line_skeleton {
    display: block
}

.full_name {
    border-radius: 8px;
    font-size: 14px;
    overflow: hidden;
    position: relative;
    background: #fff;
    width: 25%;
    height: 100%;
    border: 1px solid #d6d6d6;
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.full_name:after {
    content: "";
    display: block;
    clear: both
}

.name.required {
    width: 80%
}

.name-cover {
    display: flex
}

.full_name .gender {
    width: 55px;
    background-image: url(/assets/img/select-arrow.3bec6b4f.svg);
    background-repeat: no-repeat;
    background-position: 85%;
    left: 0;
    background-size: 11px auto
}

.full_name select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: none;
    border: none;
    min-height: 44px;
    padding: 10px
}

.full_name .name {
    width: 100%;
    padding-left: 62px
}

.full_name .form-control {
    border: none
}

.y {
    pointer-events: none
}

.x {
    pointer-events: auto
}

.finance-list-cover {
    height: 200px;
    overflow-y: scroll;
    margin-top: 20px;
    width: 100%;
    color: #505050;
    font-weight: 400;
    min-height: 46px;
    border: 1px solid #d6d6d6;
    border-radius: 8px;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    font-size: 14px;
    position: absolute;
    width: 300px;
    background: #fff;
    z-index: 1000
}

.finance-ul {
    list-style-type: none;
    padding-left: 0
}

.finance_list_item {
    cursor: pointer
}

.finance_list_item,
.finance_list_item:hover {
    color: #505050;
    text-decoration: none
}

.finance_list {
    padding: 5px 10px;
    background: transparent
}

.finance_list:hover {
    background: #deebff
}

.lds-ring {
    width: 5px;
    height: 5px;
    position: absolute;
    right: 70px;
    top: 50px
}

.lds-ring div {
    width: 25px;
    height: 25px;
    border: 6px solid transparent;
    border-top-color: #0d93fe
}

.Select-placeholder {
    position: absolute;
    padding: 10px
}

.Select-clear-zone {
    display: none
}

.Select-value-label {
    position: absolute;
    padding: 10px;
    width: 90%;
    overflow-wrap: break-word;
    overflow: hidden;
    height: 40px
}

.Select-menu-outer {
    position: absolute;
    background: #fff;
    border: 1px solid #ccc;
    z-index: 1000;
    width: 100%;
    display: block;
    overflow-x: scroll;
    margin-top: 10px;
    border-radius: 6px;
    box-shadow: 10px 10px 10px #ccc
}

.vertualizedSelectoption {
    padding: 20px;
    margin-bottom: 10px;
    margin-top: 40px
}

.vertualizedSelectoption .vertualizedSelectSelectedoption {
    padding: 20px
}

.VirtualizedSelectOption {
    white-space: nowrap
}

.Select-multi-value-wrapper .Select-input {
    width: 100%
}

.Select-multi-value-wrapper .Select-input input {
    box-sizing: initial;
    padding: 10px;
    width: 95% !important;
    color: #505050;
    font-weight: 400;
    min-height: 25px;
    border: 1px solid #d6d6d6;
    border-radius: 8px;
    font-size: 14px;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none
}

.lds-rings-load {
    display: block;
    width: 5px;
    height: 5px;
    text-align: center;
    margin: auto;
    position: absolute;
    right: 50px;
    top: 10px
}

.lds-rings-load div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 25px;
    height: 25px;
    margin: 6px;
    border-radius: 50%;
    -webkit-animation: lds-rings-load 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
    animation: lds-rings-load 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
    border: 6px solid transparent;
    border-top-color: #fff
}

.lds-rings-load div:first-child {
    -webkit-animation-delay: -.45s;
    animation-delay: -.45s
}

.lds-rings-load div:nth-child(2) {
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s
}

.lds-rings-load div:nth-child(3) {
    -webkit-animation-delay: -.15s;
    animation-delay: -.15s
}

@-webkit-keyframes lds-rings-load {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes lds-rings-load {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.back-btn-cover {
    font-weight: 600;
    font-size: 12px;
    text-align: right;
    margin-bottom: 5px;
    float: right
}

.back-btn {
    margin-bottom: 0;
    background: #878a8c;
    padding: 4px 9px;
    border-radius: 3px
}

.back-btn,
.quote_link {
    color: #fff;
    cursor: pointer;
    display: inline-block
}

.quote_link {
    background: #747d87;
    border: 1px solid #747d87;
    border-left-width: 0;
    border-radius: 0 5px 5px 0;
    height: 29px;
    line-height: 25px;
    margin-left: 20px;
    margin-right: 2px;
    position: relative;
    text-decoration: none;
    text-align: center;
    transition: all .3s ease;
    width: 107px;
    line-height: 27px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase
}

.quote_link:before {
    background: #747d87;
    border: solid #747d87;
    border-width: 0 0 1px 1px;
    border-radius: 2px 0 2px 2px;
    content: "";
    display: block;
    height: 21px;
    left: -11px;
    position: absolute;
    top: 3px;
    transform: rotate(45deg);
    width: 20px
}

.quote_page_link_cover {
    float: right;
    position: relative;
    z-index: 99
}

.edit-cover {
    position: absolute;
    right: 23px;
    top: 12px;
    cursor: pointer
}

.email_address {
    top: 24px
}

.email {
    display: block
}

.edit_phone {
    right: -5px;
    top: 36px
}

.btn-right,
.btn-right:hover {
    background: #2570a9;
    height: 40px;
    text-align: center;
    margin-bottom: 0;
    padding: 8px;
    border-radius: 4px;
    font-weight: 600;
    color: #fff
}

.back-btn,
.back-btn:hover {
    color: #fff !important;
    font-weight: 600;
    text-decoration: none
}

.margin-btm {
    margin-bottom: 0
}

.gvw-text {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 5px
}

.alert p {
    margin-bottom: 0
}

.ncb-image,
.ncb-text {
    display: inline !important
}

.ncb-image {
    cursor: pointer;
    padding-left: 10px
}

.column-cover {
    display: flex;
    justify-content: center
}

.column-left {
    align-items: flex-start
}

.column-left,
.column-right {
    padding: 5px 15px;
    border: 1px solid #bbd0f8;
    width: 120px;
    border-bottom: .5px;
    text-align: center
}

.column-right {
    align-items: flex-end;
    align-items: flex-start
}

.display_none {
    display: none
}

.ncb-table {
    right: 0;
    top: 100%;
    z-index: 1000;
    background-color: #fff;
    box-shadow: 0 6px 14px 0 rgba(188, 207, 239, .8)
}

.ncb-table,
.ncb-table :after {
    display: block;
    position: absolute
}

.ncb-table :after {
    content: "";
    width: 0;
    top: -11px;
    left: 30px;
    width: 20px;
    height: 20px;
    border-right: 1px solid #bbd0f8;
    border-top: 1px solid #bbd0f8;
    z-index: 0;
    background: #fff;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.summary_page.main_wrap .post_summary .right-summary-panel .close {
    display: none
}

.proposal.premium_backup {
    color: #000;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    margin-top: 5px;
    display: inline-block;
    margin-bottom: 0;
    padding-right: 30px
}

.proposal.premium_backup:after {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg)
}

.active .proposal.premium_backup:after,
.proposal.premium_backup:after {
    content: "";
    background: url(/assets/img/arrow-top.14e54576.svg);
    width: 14px;
    height: 10px;
    position: absolute;
    color: #fff;
    right: 0;
    top: 12px;
    transition: all .5s ease;
    -webkit-transition: all .5s ease
}

.active .proposal.premium_backup:after {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg)
}

.mar_left_auto {
    margin-left: auto
}

.desc.open {
    display: flex;
    border-radius: 4px
}

.desc ul {
    padding: 0 15px;
    border-right: 1px solid hsla(0, 0%, 59.2%, .2)
}

.desc ul:after {
    content: "";
    display: block;
    clear: both
}

.border-none {
    border-right: none !important
}

.padding-none {
    padding: 0
}

.desc ul li {
    float: left;
    font-size: 12px;
    color: rgba(0, 0, 0, .5);
    width: 100%;
    padding-bottom: 5px
}

.desc ul li.value {
    font-size: 12px;
    font-weight: 500;
    color: rgba(0, 0, 0, .8);
    float: right;
    width: 20%;
    text-align: right
}

.desc ul li {
    padding: 0 0 5px;
    display: flex;
    list-style: none
}

.desc .no-border {
    border-right: none;
    padding-left: 0;
    margin-bottom: 0
}

.desc {
    background: #e7e7e7;
    padding: 10px;
    display: none
}

.margin-btm_10 {
    margin-bottom: 10px
}

.quote_page.main_wrap .topbar .ncb_assumed select.form-control {
    height: auto !important;
    min-height: auto
}

span.ncb-text.text-info {
    line-height: 1.2
}

#newCarIRDABannerSlider.owner-cover-banner {
    margin: 15px auto;
    border: 1px solid #ff887b;
    background: #fbf5f5;
    height: auto;
    padding: 7px 20px 10px;
    box-shadow: 0 1px 5px 4px #ececec;
    border-radius: 4px
}

#newCarIRDABannerSlider span {
    color: rgba(42, 42, 42, .7);
    width: 85%;
    margin: 0 auto;
    display: block;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400
}

.reg-no-cover {
    display: flex
}

.reg-no-cover .form-control {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    text-align: center
}

.reg-no-cover .reg-cover .form-control {
    border-left: none;
    border-radius: 8px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    text-align: center;
    border-right: 1px solid #d6d6d6;
    text-align: left
}

.reg-no-cover .reg-cover .form-control:focus {
    border: 1px solid #d6d6d6 !important
}

.details-accordion .accordian .dd {
    padding: 10px 20px;
    border-right: none
}

.details-accordion .accordian .dd ul {
    border-right: none
}

.details-accordion .accordian .dt {
    padding: 10px
}

.details-accordion .accordian .dt,
h6 {
    margin-bottom: 0
}

.details-accordion .accordian .dt:after {
    top: 20px
}

.main_wrap .proposal .left-panel h6 {
    color: #000
}

.main_wrap .proposal .left-panel {
    position: relative;
    flex-basis: 100%;
    background-color: #fff
}

.main_wrap .proposal .right-panel {
    position: relative;
    flex-basis: 175%;
    margin-left: 0
}

.text-danger {
    color: #dc3545 !important;
    line-height: 1.1 !important;
    font-size: 14px;
    text-transform: none
}

.digit-info {
    font-size: 12px;
    margin-bottom: 0;
    color: #17a2b8
}

.premium-field-cover {
    display: flex;
    justify-content: space-between
}

.v_no .right-inner {
    min-height: 0 !important
}

.quote_page.main_wrap .topbar .box .v_no .right-inner .one_row {
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
    min-height: 63px !important
}

.v_no .line_skeleton.lg {
    height: 50px;
    margin: 0 auto
}

.v_no .line_skeleton.sm {
    height: 10px
}

.quote_page.main_wrap .topbar .v_no .box:after {
    background: none
}

.v_no .right-inner .box {
    padding: 0 !important
}

.inspection-select-cover .custom-radio ul {
    padding: 0;
    list-style: none;
    margin: 0 -2px;
    display: flex;
    justify-content: center
}

.inspection-select-cover .custom-radio ul li {
    width: 50%;
    padding: 0 2px
}

.inspection-select-cover .custom-radio ul li .label {
    display: block;
    margin: 0;
    cursor: pointer
}

.inspection-select-cover .custom-radio label {
    font-size: 14px;
    font-weight: 400;
    color: #bbb;
    margin-bottom: 7px
}

.inspection-select-cover .custom-radio ul li input[type=radio] {
    visibility: hidden;
    position: absolute
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

.inspection-select-cover .custom-radio ul li .label:hover span,
.inspection-select-cover .custom-radio ul li input[type=radio]:checked+span {
    border-color: #61bd16;
    color: #505050
}

.inspection-select-cover .custom-radio ul li .label span {
    padding: 10px;
    border-radius: 8px;
    border: 1px solid #c5c5c5;
    font-size: 14px;
    font-weight: 400;
    display: block;
    text-align: center;
    cursor: pointer;
    transition: border-color .5s ease, color .5s ease;
    -webkit-transition: border-color .5s ease, color .5s ease;
    -ms-transition: border-color ease .5s, color ease .5s;
    -moz-transition: border-color ease .5s, color ease .5s
}

.prem-break-cover {
    width: 100%
}

.lists-cover {
    display: flex;
    justify-content: space-between
}

.accordian .dd .lists-cover li {
    width: auto
}

.lists-cover p {
    font-size: 14px;
    color: rgba(0, 0, 0, .6);
    float: left;
    width: 50%;
    overflow-wrap: break-word;
    padding: 0 2px 10px;
    margin-bottom: 0
}

.lists-cover .value {
    font-size: 14px;
    font-weight: 500;
    color: #000
}

.desc .lists-cover p {
    width: 77%;
    padding: 0 0 5px
}

.desc .lists-cover .value {
    width: 20%;
    font-size: 12px;
    font-weight: 500
}

.quote_page.main_wrap .midbar .policy-type-handle .custom-radio ul li input[type=radio]:checked+span:after {
    background: none
}

.quote_page.main_wrap .policy-type-handle .custom-radio ul li input[type=radio]:checked+span {
    color: #246fa6;
    border-color: #61bd16;
    background: #fff
}

.policy-type-handle .form-group {
    margin-bottom: 0
}

.policy-type-handle {
    display: flex;
    min-height: 53px;
    justify-content: space-between;
    align-items: center
}

.policy-type-text {
    font-size: 14px;
    font-weight: 400;
    color: rgba(0, 0, 0, .7)
}

.policy-type-handle input {
    margin-right: 10px
}

.containers {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.containers input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #eee;
    border-radius: 50%
}

.containers:hover input~.checkmark {
    background-color: #ccc
}

.containers input:checked {
    font-weight: 600
}

label input[type=radio]:checked span {
    color: #78a025
}

.containers input:checked~.checkmark {
    background-color: #2196f3
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.containers input:checked~.checkmark:after {
    display: block
}

.containers .checkmark:after {
    top: 5px;
    left: 5px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #fff
}

.font_weight_600 {
    font-weight: 600 !important
}

.tool-tip {
    display: none;
    position: absolute;
    right: -2px;
    top: 45px;
    width: 120px;
    background: #fff;
    border: 1px solid #d6d6d6;
    padding: 5px;
    font-size: 12px;
    border-radius: 4px
}

.edit-cover:hover .tool-tip {
    display: block
}

.edit-cover .tool-tip-text {
    margin-bottom: 0
}

.tool-tip-email {
    display: none;
    position: absolute;
    left: 20px;
    top: 12px;
    width: 84px;
    background: #fff;
    border: 1px solid #d6d6d6;
    padding: 5px;
    font-size: 12px;
    border-radius: 4px
}

.edit-cover:hover .tool-tip-email {
    display: block
}

label {
    text-transform: capitalize
}

::-webkit-input-placeholder {
    text-transform: none
}

::-ms-input-placeholder {
    text-transform: none
}

::placeholder {
    text-transform: none
}

.form-control[readonly] {
    background-color: #fff;
    opacity: 1
}

.upper {
    text-transform: uppercase
}

.reg-cover {
    display: flex
}

.rto_code_cover {
    border: 1px solid #d6d6d6;
    border-radius: 8px;
    font-size: 14px;
    overflow: hidden;
    position: relative;
    background: #e9ecef;
    padding: 10px
}

.reg-cover .form-control {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-left: none
}

.reg-cover .form-control:focus {
    border: 1px solid #d6d6d6;
    border-left: 0
}

.reg-cover .reg_no_cover {
    width: 75%
}

.survay,
.survay:hover {
    border-radius: 4px;
    background-color: #fc4804;
    color: #fff;
    display: block;
    padding: 12px 0;
    font-size: 14px;
    font-weight: 900;
    text-align: center;
    width: 50%;
    margin: auto
}

.inspection_header {
    font-size: 18px;
    font-weight: 500;
    color: #000
}

.track .right-panel {
    margin: auto;
    min-height: auto;
    width: 85%
}

.track .right-panel .form_wrap {
    max-width: 470px
}

.history {
    display: flex;
    border: 1px solid #ececec;
    border-bottom: 0
}

.history-cover {
    margin-top: 20px
}

.field-cover {
    width: 33.33%;
    text-align: center;
    border-right: 1px solid #ececec
}

.field-cover:last-child {
    border-right: none
}

.history:last-child {
    border-bottom: 1px solid #ececec
}

.field,
.field-heading {
    margin-bottom: 0;
    padding: 5px;
    font-size: 14px
}

.tracker-cover {
    width: 80%;
    margin: auto;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .14)
}

.field-heading {
    font-size: 16px;
    font-weight: 600
}

.main_wrap .right-panel .track-header {
    text-align: center;
    margin-bottom: 20px;
    color: #007bff
}

.button {
    position: relative
}

.inspection_load {
    right: 40%;
    top: 7px
}

.modal {
    z-index: 200000
}

.__react_component_tooltip.type-dark {
    color: #fff;
    background-color: #808b8b;
    font-size: 11px;
    line-height: 17px;
    border-radius: 6px;
    width: 400px;
    padding: 10px;
    letter-spacing: .3px;
    font-weight: 300;
    opacity: 1
}

.wrapper-addons {
    border: 1px solid #696969;
    border-radius: 50%;
    padding: 0 4px;
    text-align: center;
    -webkit-transform: translateZ(0);
    position: relative;
    left: 5px;
    font-size: 8px;
    font-weight: 700;
    cursor: pointer;
    top: -1px;
    z-index: 2;
    display: inline-block;
    line-height: 12px;
    width: 13px;
    height: 13px;
    text-align: left;
    display: inline-table;
    margin-right: 10px
}

.wrapper-addons em {
    font-style: normal;
    font-weight: 700;
    color: #696969;
    font-size: 9px;
    line-height: 10px
}

.__react_component_tooltip.type-dark.place-bottom:after {
    border-bottom-color: #808b8b
}

.pol-type .__react_component_tooltip.type-dark {
    width: 220px
}

.sel-lang-text {
    padding-right: 10px;
    font-size: 15px;
    padding-top: 4px
}

.header-cover {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.main_wrap .custom-radio ul .subclass_radio {
    width: 33.33%
}

.main_wrap .custom-radio .color_000 {
    color: #000
}

.alert-cover,
.expiry-alert {
    background: #9f9999;
    text-align: center;
    color: #fff;
    font-weight: 600
}

.expiry_msg {
    background: #c35454;
    min-height: 36px;
    line-height: 36px;
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    position: relative;
    animation: slidefromTop .2s linear;
    -webkit-animation: slidefromTop .2s linear;
    top: 0;
    left: 0;
    right: 0;
    z-index: 8;
    position: fixed
}

.expiry_msg .container {
    max-width: 1170px;
    margin: 0 auto;
    position: relative;
    padding: 0 30px
}

.expiry_msg .icon {
    width: 20px;
    background: url(/assets/img/expiry-icn.c63f4399.svg) no-repeat 0 0/contain;
    left: 0
}

.expiry_msg .close-icon,
.expiry_msg .icon {
    position: absolute;
    height: 18px;
    display: block;
    top: 50%;
    transform: translateY(-50%)
}

.expiry_msg .close-icon {
    background: #ad3f3f;
    width: 18px;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    right: 7px;
    cursor: pointer;
    z-index: 8
}

.expiry_msg .close-icon:after,
.expiry_msg .close-icon:before {
    background: #fff;
    height: 10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 4px
}

.quote_page.expiry {
    padding-top: 36px
}

.pol_expiry_banner {
    border-radius: 8px;
    box-shadow: 0 6px 16px 0 rgb(52 105 203/16%);
    border: 1px solid rgba(204, 68, 37, .4);
    background: linear-gradient(352deg, #fff 63%, #ffe7e3);
    margin: 0 0 16px;
    min-height: 94px;
    position: relative;
    padding: 12px 200px 12px 122px
}

.pol_expiry_banner .img {
    width: 95px;
    height: 79px;
    background: url(https://static.pbcdn.in/car-cdn/rct/images/emrg-clock.svg) no-repeat 0 0/contain;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    left: 12px
}

.pol_expiry_banner h2,
.quotes-left-section .pol_expiry_banner h2 {
    color: #cc4425;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 4px;
    padding: 0;
    line-height: 21px
}

.pol_expiry_banner p {
    color: #172b4d;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px
}

.pol_expiry_banner .talk-to-expert {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 25px;
    font-weight: 500;
    font-size: 12px;
    width: 144px;
    height: 36px;
    margin: 0
}

.quotes-section .talk-to-expert {
    color: #0065ff;
    border: 1px solid #0065ff;
    display: block;
    line-height: 32px;
    border-radius: 4px;
    float: right;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggTWFjaW50b3NoIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2ODlCREU0NzY2NTExRTk4OUY3ODRFMkY3QzA0QUZCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2ODlCREU1NzY2NTExRTk4OUY3ODRFMkY3QzA0QUZCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTY4OUJERTI3NjY1MTFFOTg5Rjc4NEUyRjdDMDRBRkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTY4OUJERTM3NjY1MTFFOTg5Rjc4NEUyRjdDMDRBRkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7vD/1BAAABzElEQVR42mIJm/f9/8WnDChAUYiBodOflZGFiYFkwHTlKabg/XcMDEXrfmsxkAGYOFmxS/BxM8iSZaAgN3YJdmZGE7IMlOJnxCrBysgQR5aBf/8xrMIm8fc/gxpZBn759X8GuiA3MFy//2dwIcvANh/W/ZJ8qIbJCDK4tLiz7CXLQBAhI8S4DiagJMoQ2u7LSpZhcAP33PyXwAVNPpysjMUMFACwgXuz2D5rSTCuAbHPPvxvUbnltzVFBoJAmTNLqKwAMHaB7E/fGI64TvklTJGBLMwMDBzsDJZsQPr5ZwYGMwXGN9rxP0nOzYxXn/1BEWje+af0wpP/Xf+BbE1xBoZTD/6L7M5he4uspmrLb0cOFsZ9QMtv/f7PsOjn3/9nPn1leNwXxHoNw0AQaN31p+/c4/+FIEMleYH5movBpt2H9ShIrnLzb+cn7xn2fP2N6TpQKYXVQJhLrz7/3/ULGKjAUGAwlmc88f33/957rxlWYzMMp5eRQfmW3xY/fjIcf/yBgjBEB3+ALuza+2f1tRf/Q779JiGWcQFQ7Fe5sYQ+//Kfz1SBcR1yNiXLhdgAKJZ52BgzmJkYwp59/M/w/iuwMAG6XkeagQEgwAAym6JXifCYbgAAAABJRU5ErkJggg==) no-repeat 25px/12px;
    padding-left: 45px
}

.margin_top_10 {
    margin-top: 10px
}

.carrier-cover {
    justify-content: space-between
}

.breakin-premium-header {
    background-color: #fff;
    padding: 0 10px;
    font-size: 13px;
    color: #fc4804;
    border-bottom: 1px solid #eceff1;
    margin-bottom: 10px
}

.red-dot {
    width: 5px;
    height: 5px;
    background-color: #fc4804;
    margin: 0 5px;
    border-radius: 50%
}

.premium-header-text {
    display: flex;
    align-items: center;
    float: left
}

.col-2.mob_col-2.extend {
    width: 70%;
    max-width: 100%
}

.proposal_pyp .custom-radio ul li {
    width: 50%
}

.proposal_pyp .col-sm-12 {
    padding: 0
}

.inspection-text {
    font-size: 14px;
    color: red
}

.pferrorline {
    margin-top: 3px;
    font-size: 11px;
    font-weight: 400
}

.premium-download_policy {
    float: right;
    margin-right: 11%
}

.sticky_top {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000
}

.truck {
    position: absolute;
    left: 4px;
    bottom: 17px;
    background-size: 100% 100%;
    height: 255px;
    background-repeat: no-repeat;
    margin: 0 auto;
    width: 100%;
    background-position: 5px 4px
}

.no-btn {
    margin-left: 20px;
    display: inline
}

.button .btn-submit,
.no-btn {
    padding: 12px 0;
    font-size: 14px;
    font-weight: 900;
    text-align: center;
    width: 20%
}

.button .btn-submit {
    border-radius: 4px;
    background-color: #fc4804;
    border: #fc4804;
    color: #fff;
    display: block;
    display: inline
}

.order {
    display: inline-block;
    float: right;
    margin: 5px .5% 0 0;
    text-transform: uppercase
}

.order strong {
    font-size: 14px;
    color: #899194;
    font-weight: 700
}

.order span {
    font-weight: 700;
    color: #39484f
}

.box-cover h5 {
    color: #9b9b9b;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 1.1
}

.box-cover {
    background: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    width: 99%;
    margin: 0 auto;
    clear: both;
    overflow: hidden;
    padding: 15px 20px 20px
}

.box-cover ul.list,
.box-cover ul.list-btm {
    display: table;
    float: inherit;
    clear: both;
    border: none;
    width: 100%;
    margin: 0;
    padding: 0 0 20px;
    list-style-type: none
}

.box-cover ul.list li {
    line-height: 32px
}

.box-cover ul.list li strong {
    font-weight: 300;
    font-size: 14px;
    color: #babec1;
    width: auto
}

.box-cover ul.list li span {
    font-size: 15px;
    font-weight: 700;
    color: #37474f
}

.box-cover .download-policy {
    float: left;
    position: relative
}

.box-cover ul.list a.btn-download {
    background: #53c68c;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    padding: 10px 10px 10px 40px;
    line-height: 12px;
    border: 1px solid #ececec;
    border-radius: 4px;
    vertical-align: top;
    display: table;
    transition: all .3s ease 0s;
    margin: 0 auto;
    text-decoration: none;
    text-align: left;
    text-transform: uppercase
}

.thankyou_msg .guide-text {
    text-align: left;
    color: #000;
    font-size: 14px
}

.thankyou_msg h1 {
    color: #37474f;
    font-size: 24px;
    font-weight: 300;
    letter-spacing: 1px;
    margin: 10px 0 0;
    text-align: center
}

.thanks-container .inner {
    box-shadow: none
}

.thanks-container .inner div .right-panel {
    width: 100%;
    margin-left: 0;
    background-color: initial
}

.track-book {
    margin: 20px auto
}

.track-book a {
    background: #f07651
}

.contact-us {
    border-top: 1px solid #e5e5e5;
    padding: 10px 0;
    display: table;
    width: 99%;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    background: #fff;
    clear: both;
    margin: 20px auto 0
}

.contact-us p {
    color: #878b8c;
    font-weight: 300;
    font-size: 14px;
    padding: 3px 10px 0;
    line-height: 20px
}

.support {
    margin: 0
}

.support b {
    color: #fa774d;
    font-size: 16px;
    font-weight: 700
}

.support a {
    color: #00aae9;
    font-weight: 700
}

.box-head {
    float: left
}

.ins-logo {
    float: right
}

.fa-download {
    position: absolute;
    left: 10px;
    top: 10px;
    color: #fff
}

.error-box {
    margin-top: 20px
}

.check {
    height: 100px;
    text-align: center;
    margin: auto auto 20px
}

.check path {
    fill: green
}

.thanks-container .inner div .others_thanks {
    background: #fff
}

.others-cover {
    height: 520px
}

.others_msg {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.others_msg h1 {
    margin-bottom: 10px
}

.others_msg .support {
    padding-top: 30px
}

.others_msg .back-btn {
    border-radius: 4px;
    padding: 5px 10px;
    background-color: #fc4804;
    display: block;
    margin: 0 auto;
    color: #fff;
    border: 1px solid transparent;
    position: relative;
    width: 170px
}

.others_msg .back-btn:before {
    content: "";
    background: url(/assets/img/right-arrow.b6801dbd.svg);
    width: 14px;
    height: 10px;
    margin-left: 1px;
    font-size: 15px;
    position: absolute;
    top: 13px;
    left: 7px;
    display: block;
    transform: rotate(180deg)
}

.indicat-price {
    color: #007bff;
    font-size: 9px;
    margin-bottom: 0;
    cursor: pointer
}

.vertical-center {
    position: relative;
    border: 1px solid #e6efff;
    border-radius: 4px;
    background: #fff !important;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .14)
}

.middle {
    margin: 0;
    position: absolute;
    top: 20%;
    transform: translateY(0);
    border: none !important;
    box-shadow: none !important;
    width: 100%
}

.cross {
    width: 100px !important;
    height: 100px;
    text-align: center;
    display: block;
    margin: auto auto 20px
}

.cross path {
    fill: red
}

.no_quote {
    color: rgba(0, 0, 0, .5);
    font-size: 14px;
    margin-top: 140px;
    margin-bottom: 40px;
    line-height: 18px;
    text-align: center;
    min-height: 100vh
}

.accordian .dd .premium-field-cover li {
    width: auto
}

.show .text-info {
    padding-left: 5px
}

.brekin-text-policy {
    color: red;
    font-size: 12px;
    margin-bottom: 0
}

.app-icons {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 350px;
    margin: 20px auto auto
}

.thankyou_msg .success-msg {
    margin: 10px
}

.thankyou_msg .logo-cover {
    display: block;
    text-align: center
}

.seo-text-cover div ol li,
.seo-text-cover div ul li,
.seo-text-cover h3,
.seo-text-cover h5,
.seo-text-cover p {
    color: #666;
    font-size: 12px
}

.seo-text-cover {
    padding: 20px;
    display: block
}

.know-text {
    font-size: 12px;
    cursor: pointer;
    color: #9797a3;
    margin-bottom: 0;
    padding: 20px
}

.usgi-info {
    border: 1px dashed #ff7e7e !important;
    margin: 20px 0 !important;
    background: #fff4f4 !important;
    padding: 10px !important
}

.mb_0 {
    margin-bottom: 0 !important
}

.bottom-call-btn {
    width: 240px;
    height: 36px;
    background-color: #fff;
    border: none;
    border-radius: 22px;
    box-shadow: 0 0 12px -2px #b7b6b6;
    line-height: 34px;
    font-size: 13px;
    padding-left: 46px;
    position: fixed;
    bottom: 20px;
    z-index: 1;
    right: 150px;
    color: #2783f6;
    background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggTWFjaW50b3NoIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2ODlCREU0NzY2NTExRTk4OUY3ODRFMkY3QzA0QUZCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2ODlCREU1NzY2NTExRTk4OUY3ODRFMkY3QzA0QUZCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTY4OUJERTI3NjY1MTFFOTg5Rjc4NEUyRjdDMDRBRkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTY4OUJERTM3NjY1MTFFOTg5Rjc4NEUyRjdDMDRBRkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7vD/1BAAABzElEQVR42mIJm/f9/8WnDChAUYiBodOflZGFiYFkwHTlKabg/XcMDEXrfmsxkAGYOFmxS/BxM8iSZaAgN3YJdmZGE7IMlOJnxCrBysgQR5aBf/8xrMIm8fc/gxpZBn759X8GuiA3MFy//2dwIcvANh/W/ZJ8qIbJCDK4tLiz7CXLQBAhI8S4DiagJMoQ2u7LSpZhcAP33PyXwAVNPpysjMUMFACwgXuz2D5rSTCuAbHPPvxvUbnltzVFBoJAmTNLqKwAMHaB7E/fGI64TvklTJGBLMwMDBzsDJZsQPr5ZwYGMwXGN9rxP0nOzYxXn/1BEWje+af0wpP/Xf+BbE1xBoZTD/6L7M5he4uspmrLb0cOFsZ9QMtv/f7PsOjn3/9nPn1leNwXxHoNw0AQaN31p+/c4/+FIEMleYH5movBpt2H9ShIrnLzb+cn7xn2fP2N6TpQKYXVQJhLrz7/3/ULGKjAUGAwlmc88f33/957rxlWYzMMp5eRQfmW3xY/fjIcf/yBgjBEB3+ALuza+2f1tRf/Q779JiGWcQFQ7Fe5sYQ+//Kfz1SBcR1yNiXLhdgAKJZ52BgzmJkYwp59/M/w/iuwMAG6XkeagQEgwAAym6JXifCYbgAAAABJRU5ErkJggg==") no-repeat 19px 10px/17px;
    -webkit-animation-name: example;
    -webkit-animation-duration: .7s;
    -webkit-animation-iteration-count: 1;
    animation-name: example;
    animation-duration: .7s;
    animation-iteration-count: 1;
    margin: 0;
    visibility: hidden;
    cursor: pointer
}

.talk-text {
    color: #4097f7;
    margin-bottom: 0;
    padding-left: 10px;
    margin-top: 5px
}

.req-callback {
    width: 240px;
    height: 36px;
    background-color: #fff;
    border: none;
    border-radius: 22px;
    box-shadow: 0 0 12px -2px #b7b6b6;
    line-height: 34px;
    font-size: 13px;
    padding-left: 46px;
    position: fixed;
    bottom: 20px;
    z-index: 8;
    right: 150px;
    color: #0463f6;
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjU4ODlFMjY2RTY5MTFFQUJDQ0E5RTY2NzU1QzlERDciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjU4ODlFMjU2RTY5MTFFQUJDQ0E5RTY2NzU1QzlERDciIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTA2MzM2MDM2MDc1MTFFQUJENTlDRkVENDIyRDk4NjQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTA2MzM2MDQ2MDc1MTFFQUJENTlDRkVENDIyRDk4NjQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6ERFYqAAAAz0lEQVR42mJkSf72nwE7YGQgAzDhkdOitoGy1DbQhNoGxpFr4CoccmrkGjgDh5wLuQbux2HYXkrCcB2SWCi5hiEbmIAkVsxAAYAZ+BmI10DZFkBsTa6BjMCsh8xHzoYiQPyW0nRoicR+QyCdEmXgCSAuQ+L/BWJhLPocob65CcTVQOwOy/voXoaBPiAuROLbAPFRKNsZiPeQmvWK0Fx6BIiPA3EIPsPwuZABKcaPU6twgIUpI1KSothA5NzDh5ajKDIQlviDoS52wlVKAQQYAPIBJDc3BROlAAAAAElFTkSuQmCC) no-repeat 19px 10px/17px;
    -webkit-animation-name: example;
    -webkit-animation-duration: .7s;
    -webkit-animation-iteration-count: 1;
    animation-name: example;
    animation-duration: .7s;
    animation-iteration-count: 1;
    margin: 0;
    z-index: 0
}

@-webkit-keyframes example {
    0% {
        right: 150px;
        bottom: 0
    }

    50% {
        right: 150px;
        bottom: 30px
    }

    to {
        right: 150px;
        bottom: 20px
    }
}

@keyframes example {
    0% {
        right: 150px;
        bottom: 0
    }

    50% {
        right: 150px;
        bottom: 40px
    }

    to {
        right: 150px;
        bottom: 20px
    }
}

@media only screen and (min-width:320px) and (max-width:670px) {
    .req-callback {
        left: 50%;
        -webkit-animation-name: example;
        -webkit-animation-duration: .7s;
        -webkit-animation-iteration-count: 1;
        animation-name: example;
        animation-duration: .7s;
        animation-iteration-count: 1;
        bottom: 20px;
        font-size: 11px;
        width: 210px;
        padding-left: 38px;
        align-items: center;
        line-height: 36px;
        margin: 0 0 0 -105px;
        background-position: 15px 11px;
        color: #fff !important;
        background: #0463f6 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTA2MzM2MDQ2MDc1MTFFQUJENTlDRkVENDIyRDk4NjQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTA2MzM2MDM2MDc1MTFFQUJENTlDRkVENDIyRDk4NjQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTY4OUJERTQ3NjY1MTFFOTg5Rjc4NEUyRjdDMDRBRkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTY4OUJERTU3NjY1MTFFOTg5Rjc4NEUyRjdDMDRBRkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6FFkC0AAAAyElEQVR42mL8DwQM2AEjAxmACY+cFrUNlKW2gSbkGMiIJwxvAbE6OS5chUNOjVwvz8Ah50KOgQwgH//HBM5QcZIxjLEWybAQcg1DNpAXycDj1DAQhFcjGWpNroGMaKkGmSMCxG8pTdiWSOw3BBI+UQaeAOIyJP5fIBbGos8R6pubQFwNxO7wvI8jLPrQkhFymDr/xwPwBXApmtrj0CSFFzDizspgYAHEx6lV2sDCFFTQriE16xGDedFyFMlhiA87AvFKbAYCBBgA/08tbg9Jj3MAAAAASUVORK5CYII=) no-repeat 15px 11px;
        background-size: 14px;
        z-index: 1
    }
}

.call-me-fixed-quote {
    position: fixed;
    top: 40%;
    right: -109px;
    transition: all .3s ease-in-out 0s;
    height: 70px;
    z-index: 9;
    box-shadow: 0 3px 1px -2px rgb(0 0 0/14%), 0 2px 2px 0 rgb(0 0 0/10%), 0 1px 5px 0 rgb(0 0 0/8%)
}

.call-me-fixed-quote button {
    border-radius: 4px 0 0 4px;
    background: #005387;
    height: 70px;
    border: none;
    cursor: pointer;
    text-shadow: 1px 1px #0e3249
}

.call-me-fixed-quote button em.callback-icon {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAtCAYAAAA5reyyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjU0RTA2MzRGMzk2OTExRTdCNEFBQzBCQTQ5M0Y0MDk2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjU0RTA2MzUwMzk2OTExRTdCNEFBQzBCQTQ5M0Y0MDk2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTRFMDYzNEQzOTY5MTFFN0I0QUFDMEJBNDkzRjQwOTYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTRFMDYzNEUzOTY5MTFFN0I0QUFDMEJBNDkzRjQwOTYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4U6lglAAADJklEQVR42mL8//8/wyggHzCNBsFoAI4G4GgAjgbgKBgNwAECLLgkdB394WzOog2yej+uh4HYz5gEDz6eknGGFo65vH/j8AlAGHjvXhUVx3rZ+4ioWhSIzwrEKrnTLO9Mzjoxmv4IZGFQyjN20F96RAASeDDwT0r4uGzODJPR4MMTgKDAC2W93IFLnlVa8PRoIOIJQKf/V/PRUx46cOR+XQjK4szMzKMBiA6ui6kUE9IMCuB8A05vtvy1sqMBSCYABaLshxt+owFIAbi7sHrqaACSCc4euBg9WolgAeov7nQSbETevp8jsqdz2d+/f0d7IhjZ8jPzYwYJ/ClPcGfbstFmDA7wWEBjEz6Neqpyt0ab0XgC8HtfwGNQFsUlb8X5JhXU2B4NQDzgO5fASVxyp4VU00DNl5HciCYYgM+mZ5/Blwr/qCpOeeNSHjUagDgAqHYlVBaCeiIjuU9MsB0IKguZnr21xNcTAZWHd40yEgiZBcruwy3LM+KaF0YeUAUB86z24teySj24DLL5cGvZsW/Ck3GNE4JSqdS/9/ZCrP9Er/wVXoNtUHYoDqgS3ROZu+Pcc81Xd3rxpUTQOKFaUkc2eioDpU7QyA0oAm5KqJQPp6EwogNQ597qZZd+C68gpA5UsSjHt2Yjp7xGV2lX9KExUCAOh2YQ0VkYBkCelhT9+YiQwaAsfeI16zFQgOJT9/vpe1NYdh6KWZjkAIRVBvIty6i2qAZUSYHKzmFdBqI3b56/ZpczfXd7FjUcYcX1Nneo1s5kD2eBmjdte58cx1exEAtA5eNQHdWmaDxQ+dyMBfsYtSeKPr5XQqlDQBEyFAOQhRoeB3aYe9+7Vz2P0eI2ImYuBcMReLqLwzoFIgPQwOqkg4+vgAIDVAOTEni35lUM2SkBFmoZBKpYQFn61jkGhnVKoe+DHFiPWYj+tsI3NTrUA4/sZgyx4IpSaFSAt+M9Vab3AXxs/wVBQ2Cg1Pn2F9PzJde+nkMf0R4x7UCSA5LHMYzh2s2nOnLPjoLYpmn5x7FVGsMqAEcBnSuR0QAcBaMBOBqAowE4GoCjYDQA6QsAAgwARYFIbSDos68AAAAASUVORK5CYII=) no-repeat scroll 8px 14px;
    border-right: 1px solid #172431;
    box-shadow: 1px 0 0 #455a6d;
    float: left;
    height: 69px;
    width: 55px;
    font-size: 18px
}

.call-me-fixed-quote button span {
    float: left;
    width: 100px;
    color: #5cc8f3;
    height: 70px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    font-style: normal;
    line-height: 22px;
    padding-top: 1em
}

.call-me-fixed-quote button em {
    font-style: normal
}

.call-me-fixed-quote button em.now {
    font-size: 18px;
    display: block
}

.call-me-fixed-quote:hover {
    right: 0 !important
}

.show-btn {
    visibility: visible
}

.need_help_mob {
    top: 50% !important;
    left: 50% !important
}

.call-back-banner {
    border: 1px solid #c8cedb;
    border-radius: 4px;
    box-shadow: 0 2px 5px 0 #e0e0e0;
    background-image: linear-gradient(90deg, #e5efff, #fff);
    height: 31px;
    cursor: pointer;
    display: flex;
    width: 480px;
    float: left;
    justify-content: space-between;
    margin-left: 138px
}

.call-back-banner p {
    float: left;
    margin: 4px auto 0 10px;
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #000
}

.call-back-btn {
    border-radius: 2px;
    width: 116px;
    height: 21px;
    display: block;
    float: right;
    margin: 4px 10px 0 0;
    border: none;
    font-size: 12px;
    cursor: pointer;
    color: #2f96f7;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggTWFjaW50b3NoIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2ODlCREU0NzY2NTExRTk4OUY3ODRFMkY3QzA0QUZCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2ODlCREU1NzY2NTExRTk4OUY3ODRFMkY3QzA0QUZCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTY4OUJERTI3NjY1MTFFOTg5Rjc4NEUyRjdDMDRBRkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTY4OUJERTM3NjY1MTFFOTg5Rjc4NEUyRjdDMDRBRkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7vD/1BAAABzElEQVR42mIJm/f9/8WnDChAUYiBodOflZGFiYFkwHTlKabg/XcMDEXrfmsxkAGYOFmxS/BxM8iSZaAgN3YJdmZGE7IMlOJnxCrBysgQR5aBf/8xrMIm8fc/gxpZBn759X8GuiA3MFy//2dwIcvANh/W/ZJ8qIbJCDK4tLiz7CXLQBAhI8S4DiagJMoQ2u7LSpZhcAP33PyXwAVNPpysjMUMFACwgXuz2D5rSTCuAbHPPvxvUbnltzVFBoJAmTNLqKwAMHaB7E/fGI64TvklTJGBLMwMDBzsDJZsQPr5ZwYGMwXGN9rxP0nOzYxXn/1BEWje+af0wpP/Xf+BbE1xBoZTD/6L7M5he4uspmrLb0cOFsZ9QMtv/f7PsOjn3/9nPn1leNwXxHoNw0AQaN31p+/c4/+FIEMleYH5movBpt2H9ShIrnLzb+cn7xn2fP2N6TpQKYXVQJhLrz7/3/ULGKjAUGAwlmc88f33/957rxlWYzMMp5eRQfmW3xY/fjIcf/yBgjBEB3+ALuza+2f1tRf/Q779JiGWcQFQ7Fe5sYQ+//Kfz1SBcR1yNiXLhdgAKJZ52BgzmJkYwp59/M/w/iuwMAG6XkeagQEgwAAym6JXifCYbgAAAABJRU5ErkJggg==") no-repeat 4px 7px/12px;
    padding-left: 15px
}

.call-back-banner p span {
    display: block;
    font-weight: 400;
    font-size: 13px;
    color: #212121
}

.bottom-call-btn span img path {
    fill: #00f
}

.popup.expert,
.popup.tracking-popup {
    width: 540px;
    position: fixed;
    left: 70%;
    top: 80%;
    height: auto;
    margin: -200px 0 0 -260px;
    padding: 25px 45px 30px
}

.popup.expert .lower-section p {
    padding: 5px 0;
    text-align: center
}

.item {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggTWFjaW50b3NoIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2ODlCREU0NzY2NTExRTk4OUY3ODRFMkY3QzA0QUZCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2ODlCREU1NzY2NTExRTk4OUY3ODRFMkY3QzA0QUZCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTY4OUJERTI3NjY1MTFFOTg5Rjc4NEUyRjdDMDRBRkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTY4OUJERTM3NjY1MTFFOTg5Rjc4NEUyRjdDMDRBRkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7vD/1BAAABzElEQVR42mIJm/f9/8WnDChAUYiBodOflZGFiYFkwHTlKabg/XcMDEXrfmsxkAGYOFmxS/BxM8iSZaAgN3YJdmZGE7IMlOJnxCrBysgQR5aBf/8xrMIm8fc/gxpZBn759X8GuiA3MFy//2dwIcvANh/W/ZJ8qIbJCDK4tLiz7CXLQBAhI8S4DiagJMoQ2u7LSpZhcAP33PyXwAVNPpysjMUMFACwgXuz2D5rSTCuAbHPPvxvUbnltzVFBoJAmTNLqKwAMHaB7E/fGI64TvklTJGBLMwMDBzsDJZsQPr5ZwYGMwXGN9rxP0nOzYxXn/1BEWje+af0wpP/Xf+BbE1xBoZTD/6L7M5he4uspmrLb0cOFsZ9QMtv/f7PsOjn3/9nPn1leNwXxHoNw0AQaN31p+/c4/+FIEMleYH5movBpt2H9ShIrnLzb+cn7xn2fP2N6TpQKYXVQJhLrz7/3/ULGKjAUGAwlmc88f33/957rxlWYzMMp5eRQfmW3xY/fjIcf/yBgjBEB3+ALuza+2f1tRf/Q779JiGWcQFQ7Fe5sYQ+//Kfz1SBcR1yNiXLhdgAKJZ52BgzmJkYwp59/M/w/iuwMAG6XkeagQEgwAAym6JXifCYbgAAAABJRU5ErkJggg==") no-repeat 15px 16px
}

.popup.expert .call {
    font-size: 14px;
    font-weight: 500;
    color: #212121;
    color: #2684ff;
    font-size: 16px;
    margin: 4px 0 0;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggTWFjaW50b3NoIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2ODlCREU0NzY2NTExRTk4OUY3ODRFMkY3QzA0QUZCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2ODlCREU1NzY2NTExRTk4OUY3ODRFMkY3QzA0QUZCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTY4OUJERTI3NjY1MTFFOTg5Rjc4NEUyRjdDMDRBRkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTY4OUJERTM3NjY1MTFFOTg5Rjc4NEUyRjdDMDRBRkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7vD/1BAAABzElEQVR42mIJm/f9/8WnDChAUYiBodOflZGFiYFkwHTlKabg/XcMDEXrfmsxkAGYOFmxS/BxM8iSZaAgN3YJdmZGE7IMlOJnxCrBysgQR5aBf/8xrMIm8fc/gxpZBn759X8GuiA3MFy//2dwIcvANh/W/ZJ8qIbJCDK4tLiz7CXLQBAhI8S4DiagJMoQ2u7LSpZhcAP33PyXwAVNPpysjMUMFACwgXuz2D5rSTCuAbHPPvxvUbnltzVFBoJAmTNLqKwAMHaB7E/fGI64TvklTJGBLMwMDBzsDJZsQPr5ZwYGMwXGN9rxP0nOzYxXn/1BEWje+af0wpP/Xf+BbE1xBoZTD/6L7M5he4uspmrLb0cOFsZ9QMtv/f7PsOjn3/9nPn1leNwXxHoNw0AQaN31p+/c4/+FIEMleYH5movBpt2H9ShIrnLzb+cn7xn2fP2N6TpQKYXVQJhLrz7/3/ULGKjAUGAwlmc88f33/957rxlWYzMMp5eRQfmW3xY/fjIcf/yBgjBEB3+ALuza+2f1tRf/Q779JiGWcQFQ7Fe5sYQ+//Kfz1SBcR1yNiXLhdgAKJZ52BgzmJkYwp59/M/w/iuwMAG6XkeagQEgwAAym6JXifCYbgAAAABJRU5ErkJggg==") no-repeat 0 5px/14px;
    padding-left: 20px;
    padding-top: 0
}

.or-text {
    text-align: center;
    margin-bottom: 0
}

.pop-close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #000;
    font-weight: 700;
    font-size: 16px;
    border-radius: 100%;
    padding: 5px 10px
}

.pop-close-btn,
.talk-to-expert {
    text-decoration: none;
    display: block;
    cursor: pointer
}

.talk-to-expert {
    width: 150px;
    height: 31px;
    border: 1px solid #2f96f7;
    line-height: 31px;
    border-radius: 4px;
    float: right;
    margin: 0;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggTWFjaW50b3NoIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2ODlCREU0NzY2NTExRTk4OUY3ODRFMkY3QzA0QUZCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2ODlCREU1NzY2NTExRTk4OUY3ODRFMkY3QzA0QUZCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTY4OUJERTI3NjY1MTFFOTg5Rjc4NEUyRjdDMDRBRkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTY4OUJERTM3NjY1MTFFOTg5Rjc4NEUyRjdDMDRBRkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7vD/1BAAABzElEQVR42mIJm/f9/8WnDChAUYiBodOflZGFiYFkwHTlKabg/XcMDEXrfmsxkAGYOFmxS/BxM8iSZaAgN3YJdmZGE7IMlOJnxCrBysgQR5aBf/8xrMIm8fc/gxpZBn759X8GuiA3MFy//2dwIcvANh/W/ZJ8qIbJCDK4tLiz7CXLQBAhI8S4DiagJMoQ2u7LSpZhcAP33PyXwAVNPpysjMUMFACwgXuz2D5rSTCuAbHPPvxvUbnltzVFBoJAmTNLqKwAMHaB7E/fGI64TvklTJGBLMwMDBzsDJZsQPr5ZwYGMwXGN9rxP0nOzYxXn/1BEWje+af0wpP/Xf+BbE1xBoZTD/6L7M5he4uspmrLb0cOFsZ9QMtv/f7PsOjn3/9nPn1leNwXxHoNw0AQaN31p+/c4/+FIEMleYH5movBpt2H9ShIrnLzb+cn7xn2fP2N6TpQKYXVQJhLrz7/3/ULGKjAUGAwlmc88f33/957rxlWYzMMp5eRQfmW3xY/fjIcf/yBgjBEB3+ALuza+2f1tRf/Q779JiGWcQFQ7Fe5sYQ+//Kfz1SBcR1yNiXLhdgAKJZ52BgzmJkYwp59/M/w/iuwMAG6XkeagQEgwAAym6JXifCYbgAAAABJRU5ErkJggg==") no-repeat 10px 10px/12px;
    padding-left: 30px;
    color: #1596fe !important
}

.newpopup_wrapper .popup_box.exit-intent {
    max-width: 500px !important;
    display: table;
    width: 500px;
    border-radius: 0;
    text-align: center;
    padding-top: 40px
}

.newpopup_wrapper .popup_box.exit-intent .pop-close-btn {
    font-weight: 100
}

.newpopup_wrapper .popup_box.exit-intent p {
    display: block;
    width: 81%;
    clear: both;
    margin: 15px auto 19px;
    text-align: center;
    color: #253858;
    font-size: 14px;
    line-height: 20px
}

.newpopup_wrapper .popup_box.exit-intent input[type=text] {
    width: 80%;
    display: inline-block;
    padding: 11px 0;
    font-size: 18px;
    border-radius: 8px;
    text-align: center;
    letter-spacing: 0;
    font-weight: 500;
    line-height: 31px;
    color: #253858;
    vertical-align: top;
    border: 1px solid #5e6c84
}

.newpopup_wrapper .popup_box.exit-intent input[type=submit] {
    display: inline-block;
    background: #ed4634;
    border: none;
    padding: 6px 0;
    width: 80%;
    color: #fff;
    height: 50px;
    border-radius: 8px;
    font-size: 18px;
    margin: 15px 0
}

.newpopup_wrapper .popup_box.exit-intent .btn {
    position: relative;
    display: table;
    left: 0 !important;
    margin: 0 auto 30px !important;
    top: 0;
    clear: both;
    color: #0065ff !important;
    background: #fff !important;
    border: 1px solid #0065ff !important;
    padding: 10px 35px 12px 70px !important;
    text-align: center;
    width: auto !important;
    border-radius: 8px !important;
    background: #fff url(/assets/img/call_exit.2b6ec9d7.svg) no-repeat 39px 11px !important;
    background-position: 10px 6px;
    font-size: 16px !important;
    height: 46px !important;
    font-weight: 400
}

.newpopup_wrapper .popup_box.exit-intent p b {
    font-size: 18px;
    font-weight: 600
}

.newpopup_wrapper .popup_box.exit-intent .or-text {
    border-top: 1px solid #e2dddd;
    width: 81%;
    display: table;
    margin: 34px auto 24px
}

.newpopup_wrapper .popup_box.exit-intent .or-text span {
    display: block;
    margin: 0 auto;
    background: #fff;
    position: relative;
    top: -10px;
    width: 10%;
    color: #253858;
    font-size: 14px;
    font-style: italic
}

.min-hight-46 {
    min-height: 46px
}

.modal-cross {
    position: absolute;
    right: 10px;
    color: #000;
    background: rgba(0, 0, 0, .2);
    padding: 4px 7px;
    border-radius: 100%;
    font-size: 10px;
    top: 5%;
    font-weight: 600;
    cursor: pointer
}

.taxi-btn,
button.taxi-btn:hover {
    background: #fc4804;
    border: 1px solid #fc4804;
    margin: 20px auto 0;
    display: block;
    width: 150px;
    color: #fff;
    padding: 5px;
    border-radius: 5px;
    font-weight: 600
}

.form-group-modal .custom-radio ul {
    padding: 0;
    list-style: none;
    margin: 0 -2px
}

.form-group-modal .custom-radio ul li {
    float: left;
    width: 50%;
    padding: 0 2px
}

.form-group-modal .custom-radio label {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    margin-bottom: 7px
}

.form-group-modal {
    margin-top: 30px
}

.react-datepicker__header {
    background-color: #fff !important
}

.react-datepicker__day--outside-month,
.react-datepicker__day--selected+.react-datepicker__day--outside-month {
    color: #fff !important;
    visibility: hidden
}

.msg-summary {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 5px;
    width: 100%;
    font-size: 12px;
    color: #fff;
    background: #9f9999;
    text-align: center;
    border: none;
    box-shadow: 0 8px 3px -8px #bdbdbd
}

.radio-cover {
    margin-bottom: 20px
}

.price-offer {
    background: #2570a9;
    text-align: center;
    font-size: 12px;
    z-index: 9;
    position: relative;
    display: block;
    color: #fff;
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 600;
    padding: 3px
}

.puc-declare {
    text-transform: none
}

.margin-none {
    margin: 0 !important
}

.prev-policy-section {
    height: 415px
}

.prev-policy-step {
    font-weight: 300;
    color: #212121
}

.prev-policy-step,
.question {
    font-size: 14px;
    text-align: center
}

.question {
    font-weight: 400;
    color: #2684ff;
    margin: 15px 0 0;
    cursor: pointer
}

.top_0 {
    margin-top: 0
}

input.btn.ncb-option {
    width: auto;
    display: block;
    margin: 20px auto 0;
    border: 1px solid #212121;
    border-radius: 30px;
    padding: 8px 0;
    clear: both;
    transition: all .3s ease-in-out;
    font-weight: 500;
    font-size: 14px;
    background: #fff;
    color: #212121;
    min-width: 150px
}

.btn.ncb-option:hover {
    background: #fff;
    border: 1px solid #2684ff;
    color: #2684ff
}

.ui-widget-content {
    border: 0 solid #ddd;
    background: #fff;
    color: #222;
    border-radius: 4px;
    padding: 0;
    width: 94% !important;
    box-shadow: 0 1px 3px 0 #9c9c9c;
    -webkit-box-shadow: 0 1px 3px 0 #9c9c9c;
    border-radius: 2.2px;
    box-shadow: 0 3px 24px 0 hsla(0, 0%, 80%, .3) !important;
    background-color: #fff;
    margin: 20px auto 0
}

.reg_date_modal .react-datepicker {
    border: none
}

.reg_date_modal .react-datepicker__day {
    width: 1.5rem;
    line-height: 1.5rem;
    border: none
}

.reg_date_modal .react-datepicker__header {
    border-radius: 0
}

.prev-policy-section .back-icon {
    top: 7px;
    position: absolute;
    font-size: 12px;
    left: 30px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAKCAYAAACXDi8zAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkVDRTQxQkY5NTQ1MDExRTlBNzkxOUU4NTFBNDg4MkJCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkVDRTQxQkZBNTQ1MDExRTlBNzkxOUU4NTFBNDg4MkJCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RUNFNDFCRjc1NDUwMTFFOUE3OTE5RTg1MUE0ODgyQkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RUNFNDFCRjg1NDUwMTFFOUE3OTE5RTg1MUE0ODgyQkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7zpLMIAAAAWUlEQVR42myMiwmAQAxD2+NWcNv7qjO4qwhiCikUuUAI5DXV7XrlpwN+0qIscIpgZ2k5HEy4ctGtMDDgBp9McbBU5kLDdXUg/KteWuawboQlLiS+ge5PgAEAkbwPq8l3UKkAAAAASUVORK5CYII=) no-repeat 0 4px;
    padding-left: 10px;
    transition: all .3s ease-in-out;
    color: #1596fe !important;
    cursor: pointer
}

.renewal-not-allowed-popup .loaderImg {
    border: 1px solid #e2e2e2;
    padding: 5px;
    display: table;
    margin: 30px 100px 20px
}

.renewal-not-allowed-popup b {
    color: #3b4c7c;
    padding-left: 100px
}

.renewal-not-allowed-popup .loaderTxt {
    color: #3b4c7c;
    font-weight: 300;
    font-size: 14px;
    margin: 20px 0;
    text-align: left;
    padding: 0 100px
}

.renewal-not-allowed-popup .popup-text {
    color: #3b4c7c;
    padding-left: 100px;
    font-weight: 300
}

.renewal-not-allowed-popup .back-to-quotes {
    background: #3ea2ff;
    border: 1px solid #3ea2ff;
    border-radius: 21px;
    color: #fff;
    display: table;
    margin: 25px 100px 20px;
    padding: 5px 18px;
    font-size: 11px;
    float: left
}

.previous-insurer-select .supplier-image {
    display: table;
    margin: 0 auto 20px;
    border: 1px solid #ccc;
    padding: 4px
}

.previous-insurer-select span {
    display: table;
    margin: 0 auto 20px;
    color: #2684ff;
    font-size: 14px
}

.css-3esr4u-allyText,
.css-bg1rzq-control {
    min-height: 46px !important
}

.css-3esr4u-allyText {
    display: block !important
}

.css-1szy77t-control {
    min-height: 46px !important
}

.selected-btn {
    background-color: #1596fe !important;
    color: #fff !important;
    border: none !important
}

.right-panel::-webkit-scrollbar {
    display: none
}

.full-width-100 {
    width: 100%
}

.guidliens-header {
    font-weight: 600;
    font-size: 14px
}

.pointer {
    cursor: pointer;
    font-size: 16px
}

.policy-expired-option {
    opacity: 1 !important;
    position: relative;
    visibility: visible
}

.ncb-option {
    opacity: 1 !important;
    position: relative !important;
    visibility: visible !important
}

.progress {
    height: 5px
}

header {
    margin-bottom: 0 !important;
    box-shadow: none !important
}

.floating_level_wrap .floating-label {
    font-size: 14px;
    color: rgba(0, 0, 0, .6);
    left: 12px;
    top: 31%;
    -ms-transition: all ease .2s;
    z-index: 1;
    display: block
}

.date_picker.form-control {
    background-position: 96%;
    background-repeat: no-repeat
}

.floating_level_wrap textarea.form-control {
    height: 79px;
    resize: none
}

textarea.form-control+.floating-label {
    top: 35%
}

.floating_level_wrap .form-control:not(:placeholder-shown)+.floating-label,
.form-control:focus+.floating-label {
    font-size: 12px;
    color: #0065ff;
    top: 14%
}

.floating_level_wrap textarea.form-control:not(:placeholder-shown)+.floating-label,
textarea.form-control:focus+.floating-label {
    top: 16%;
    background: #fff;
    display: block;
    width: 94%;
    left: 3px;
    padding-left: 11px;
    padding-top: 4px;
    padding-bottom: 4px
}

.accordian .ac_header span {
    margin-top: 15px
}

.quote-tile-actual {
    border-radius: 6px;
    box-shadow: 0 1px 6px 0 hsla(0, 0%, 85.9%, .5);
    background-color: #fff;
    margin-bottom: 12px
}

.container,
.container-inner {
    max-width: 1170px;
    padding: 0 10px;
    margin: 0 auto
}

.overlay-popup-action,
.overlay-popup-action-tracking {
    opacity: .4;
    background-color: #000;
    z-index: 100
}

.tooltip-text {
    text-decoration: underline;
    margin-right: 4px;
    position: relative
}

.popup .popup-header {
    padding: 40px 16px 12px
}

.popup .popup-body {
    max-height: 60vh;
    overflow: auto
}

.popup .popup-footer .close-btn {
    background: none;
    color: #ed4634;
    border: 1px solid #ed4634;
    width: 134px;
    height: 36px;
    border-radius: 3px;
    margin: 0 10px 0 0;
    float: left;
    font-size: 12px;
    line-height: 12px
}

.custom-radio input {
    position: absolute;
    visibility: hidden;
    opacity: 0
}

.custom-radio label {
    cursor: pointer;
    line-height: 18px
}

.custom-radio label,
button.options {
    display: inline-block;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    margin-right: 8px;
    margin-bottom: 12px;
    background: #fff;
    cursor: pointer
}

.custom-radio input:checked+label {
    border-color: #0065ff;
    color: #0065ff
}

.custom_checkbox span {
    color: #212121
}

.idv-dropdown .popup-body div {
    color: #757575;
    font-size: 14px;
    font-weight: 500;
    margin: 12px 0 0
}

.popup-body .option input[type=text] {
    float: right;
    color: rgba(33, 33, 33, .9);
    font-size: 24px;
    border: none;
    border-bottom: 1px solid #ccc;
    text-align: center;
    margin: -7px 0 0
}

.popup-body .option .idv_show {
    width: 127px;
    float: right;
    vertical-align: top;
    font-size: 24px;
    text-align: center;
    border: none;
    border-bottom: 1px solid #2684ff;
    margin: -7px 0 0;
    color: #c1c1c1
}

.idv-dropdown .popup .idv_footer_text {
    padding: 0 20px 15px
}

.idv-dropdown .popup .idv_footer_text p.gray_text {
    color: #949494;
    font-weight: 400;
    line-height: normal;
    font-size: 12px;
    text-align: left;
    padding: 0
}

.idv-dropdown .range-slider-section .idv-values {
    margin-top: 12px;
    margin-bottom: 0
}

.popup .popup-footer .close-btn,
.popup .popup-footer .update-btn,
.save-btn {
    width: 130px
}

.vehicle-update-btn {
    width: 100% !important
}

.idv-dropdown .popup .popup-header {
    padding: 5px 16px;
    cursor: pointer
}

.idv-dropdown .popup-body .option input[type=radio] {
    margin: 0 15px 0 0
}

.popup-body .option label {
    color: #212121;
    font-weight: 400;
    font-size: 14px
}

.popup-body .option .idv_show.highlight {
    color: #212121;
    font-weight: 500
}

.ncb_popup .ncb-options button.ncb-option {
    height: 24px
}

.accordian .ac_header .subtext {
    line-height: normal
}

.accordian .list li .custom-radio {
    padding-left: 27px;
    padding-top: 5px
}

.add_list li {
    margin-bottom: 0 !important
}

.accordian .custom-radio .main-text {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #212121;
    margin-top: 0;
    margin-bottom: 10px
}

.view_less,
.view_more {
    line-height: normal
}

.accessories-input {
    max-width: 207px
}

.accessories-input .max-section div,
.accessories-input .min-section div {
    line-height: normal
}

.wrapper {
    border: 1px solid #696969;
    border-radius: 50%;
    padding: 0 4px;
    text-align: center;
    -webkit-transform: translateZ(0);
    position: relative;
    left: 2px;
    font-size: 8px;
    font-weight: 700;
    cursor: pointer;
    top: -1px;
    z-index: 2;
    display: inline-block;
    line-height: 12px;
    width: 13px;
    height: 13px;
    text-align: left;
    margin-left: 2px;
    margin-right: 5px
}

.wrapper em {
    font-style: normal;
    font-weight: 700;
    color: #696969;
    font-size: 9px;
    line-height: 10px;
    display: block;
    text-align: center
}

.wrapper .tooltip {
    background: #808b8b;
    top: 100%;
    display: block;
    left: -115px;
    margin-bottom: 10px;
    opacity: 0;
    padding: 8px;
    pointer-events: none;
    position: absolute;
    width: 300px;
    transform: translateY(10px);
    transition: all .25s ease-out;
    -ms-box-shadow: 0 2px 9px 0 hsla(0, 0%, 64.7%, .36);
    -o-box-shadow: 0 2px 9px 0 hsla(0, 0%, 64.7%, .36);
    box-shadow: 0 2px 9px 0 hsla(0, 0%, 64.7%, .36);
    font-size: 11px;
    line-height: 17px;
    z-index: 999;
    letter-spacing: .3px;
    text-align: left;
    color: #fff;
    border-radius: 6px;
    color: #fff !important;
    font-weight: 300
}

.wrapper .tooltip:after {
    top: -7px;
    left: 40%;
    top: -12px;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border: 6px solid rgba(136, 183, 213, 0);
    border-bottom-color: #818c8c;
    margin-left: -6px
}

.wrapper:hover .tooltip {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0)
}

.quotes-edit-section-desk {
    width: 100%;
    height: 59px;
    border-radius: 3px;
    box-shadow: 0 2px 9px 0 hsla(0, 0%, 87.1%, .3);
    border: 1px solid #e6efff;
    background-color: #fff;
    font-size: 13.5px
}

.row-15 {
    margin: 0 -15px
}

.row-6 {
    margin: 0 -6px
}

.vehical-details-edit-section {
    float: left;
    width: 39%;
    margin: 8px 0;
    position: relative;
    padding: 0 15px
}

.vehical-details-section {
    width: calc(100% - 59px)
}

.vehical-name {
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000
}

.other-vehical-details {
    margin: 4px 0 0
}

.other-vehical-details span:first-child:before {
    background: #fff;
    height: 0
}

.other-vehical-details span:first-child {
    padding: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 150px;
    white-space: nowrap
}

.edit-vehical-details-button {
    width: 47px;
    height: 24px;
    border-radius: 3px;
    border: 1px solid #0065ff;
    margin: 5px 0 0;
    font-size: 12px;
    font-weight: 400;
    color: #0065ff;
    background: #fff;
    cursor: pointer
}

.edit-vehical-details-button.fleet-button {
    width: 227px;
    height: 34px;
    margin: 0 70px 0 0;
    background-color: #0065ff;
    color: #fff;
    font-size: 14px
}

.ncb-edit-section-desk {
    float: left;
    width: 29%;
    margin: 14px 0;
    border-left: 2px solid #e6efff;
    padding: 5px 20px;
    position: relative;
    font-weight: 400;
    color: #8a8a8a
}

.edit-ncb-button {
    border-bottom: 1px solid #172b4d;
    position: relative
}

.edit-ncb-button,
.owned-by p {
    color: #000;
    padding: 2px 20px 2px 10px;
    cursor: pointer;
    font-weight: 400;
    display: inline
}

.owned-by p:after {
    content: "";
    height: 6px;
    width: 6px;
    pointer-events: none;
    border: solid #172b4d;
    border-width: 0 1.5px 1.5px 0;
    display: block;
    transform: translateY(-50%) rotate(45deg);
    position: absolute;
    right: 10px;
    top: 50%
}

.ncb_popup_desktop .popup.desk.small_pop {
    width: 227px;
    left: 0;
    top: 0;
    right: auto
}

.overlay-popup-action,
.overlay-popup-action-tracking {
    background: rgba(0, 0, 0, .5);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    opacity: 1
}

.policy-expiry-edit-section .overlay-popup-action {
    background: transparent
}

.policy-expiry-popup .popup {
    left: 0;
    width: 433px !important
}

.policy-expiry-edit-section .popup-body #exisiting_insurer,
.policy-expiry-edit-section .popup-body #existing_policy {
    position: relative
}

.policy-expiry-edit-section .popup-body #existing_policy label+div {
    display: inline-block
}

.policy-expiry-edit-section .popup-body label {
    color: #696969;
    font-size: 13.5px;
    margin: 10px 0;
    float: left;
    font-weight: 300
}

.policy-expiry-edit-section .round-btn {
    border-radius: 12px;
    border: 1px solid #212121;
    color: #212121;
    font-size: 14px;
    padding: 1px 10px;
    margin: 0 10px 0 0;
    background: #fff
}

.no_padding {
    padding: 0
}

.policy-expiry-edit-section .round-btn.selected {
    color: #fff;
    border: 1px solid #1596fe;
    background: #1596fe
}

.edit-expiry-button:before,
.edit-ncb-button:before {
    width: 10px;
    height: 4px;
    background: #fff;
    content: "";
    position: absolute;
    right: 0;
    bottom: -1px
}

.addon-accessories_desk label.text_only:after,
.edit-expiry-button:after,
.edit-ncb-button:after,
.owned-idv-addons-edit .idv-edit-desk:after {
    content: "";
    height: 6px;
    width: 6px;
    pointer-events: none;
    border: solid #172b4d;
    border-width: 0 1.5px 1.5px 0;
    display: block;
    transform: translateY(-50%) rotate(45deg);
    position: absolute;
    right: 0;
    top: 50%
}

.policy-expiry-edit-section {
    float: left;
    width: 30%;
    margin: 15px 0;
    padding: 4px 15px;
    color: #8a8a8a;
    position: relative;
    font-size: 14px;
    border-left: 2px solid #e6efff
}

.edit-expiry-button {
    color: #000;
    border-bottom: 1px solid #172b4d;
    padding: 1px 15px 2px 4px;
    position: relative;
    font-size: 14px;
    cursor: pointer;
    font-weight: 400
}

.edit-expiry-button:hover,
.edit-ncb-button:hover,
.idv-edit-desk:hover {
    color: #0065ff !important
}

.add-on {
    float: left;
    width: 32%;
    padding: 0 3px;
    position: relative
}

.addon-desk {
    top: 0;
    transform: none;
    -webkit-transform: none;
    left: 0;
    right: 0;
    width: auto;
    position: absolute
}

.addon-desk .popup.addon_popup {
    position: static
}

.addon-footer {
    position: absolute;
    bottom: 0;
    background-color: #fff;
    border-top: 1px solid #e4e4e4;
    width: 103% !important
}

.owned-idv-addons-edit .boxes {
    float: left;
    height: 42px;
    margin-right: 1.33%;
    cursor: pointer;
    box-shadow: 0 2px 9px 0 rgb(222 222 222/30%);
    border: 1px solid #dde2e2;
    background-color: #fff;
    width: 100%;
    text-align: left;
    position: relative;
    padding: 8px 15px
}

.owned-idv-addons-edit .box3 {
    width: 26%;
    padding: 0 6px;
    float: left
}

.owned-idv-addons-edit {
    width: 100%;
    background: #fff;
    padding: 10px 0;
    box-shadow: 0 2px 9px 0 rgb(222 222 222/30%)
}

.owned-idv-addons-edit .boxes label.text_only {
    font-size: 14px;
    color: #696969;
    cursor: pointer;
    margin-bottom: 0;
    font-weight: 300
}

.owned-idv-addons-edit .boxes .custom-radio_type2 {
    padding-left: 20px
}

.owned-idv-addons-edit .boxes .custom-radio_type2 label {
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 20px;
    letter-spacing: normal;
    text-align: left;
    color: #212121;
    width: 100px;
    display: block;
    float: left;
    cursor: pointer;
    line-height: 50px
}

.owned-idv-addons-edit .boxes .custom-radio_type2 input {
    margin-right: 10px;
    margin-top: 0;
    margin-left: 0;
    position: relative;
    top: 2px
}

.owned-idv-addons-edit .boxes .custom-radio_type2 input:checked+label {
    color: #2684ff
}

.owned-idv-addons-edit .idv-text-desk {
    width: 53%
}

.owned-idv-addons-edit .idv-edit-desk {
    display: block;
    font-size: 14px;
    font-weight: 400;
    position: relative;
    cursor: pointer
}

.addon-accessories_desk label.text_only:after {
    right: 10px
}

.quotes-ui-section {
    margin-top: 12px
}

.quotes-ui-section .container-inner:after {
    content: "";
    display: block;
    clear: both
}

.quotes-left-section {
    float: left;
    width: 68%;
    position: relative;
    padding-right: 68px
}

.quotes-left-section .heading {
    color: #253858;
    font-weight: 500;
    font-size: 18px;
    margin: 0;
    display: inline-block;
    padding: 0 0 7px;
    background: none
}

.quotes-left-section h2+span {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    color: #253858
}

.inspection-tags {
    width: 100%;
    display: table;
    padding: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    position: relative;
    z-index: 0;
    background: #fff
}

.inspection-tags li {
    display: inline-block;
    list-style: none;
    margin-right: 2px
}

.inspection-tags li.dot {
    padding-left: 15px;
    position: relative;
    margin-left: 10px
}

.inspection-tags li.dot:before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 20px;
    background: #36b37e;
    left: 2px;
    top: 10px;
    position: absolute
}

.inspection-tags li span {
    list-style: none;
    display: inline-block;
    font-size: 13px;
    line-height: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #f5a623;
    vertical-align: middle
}

.inspection-tags li img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px
}

.quote-tile-desk .tile_inner-desk {
    display: table;
    width: 100%
}

.quote-tile-desk .tile_inner-desk .logo-image {
    display: inline-block;
    width: 23%;
    vertical-align: top;
    position: relative;
    min-height: 100px;
    padding: 14px 8px
}

.tp-tile .logo-image {
    padding-top: 27px !important
}

.quote-tile-desk .tile_inner-desk .logo-image .custom_checkbox {
    display: inline-block;
    vertical-align: middle
}

.quote-tile-desk .tile_inner-desk .logo-image img {
    margin: 0 auto;
    display: block;
    max-width: 150px;
    max-height: 70px
}

.quote-tile-desk .tile_inner-desk .show-idv-section {
    display: inline-block;
    width: 23%;
    vertical-align: top;
    padding-left: 20px;
    padding-top: 14px
}

.quote-tile-desk .tile_inner-desk .addons-section-desk label,
.quote-tile-desk .tile_inner-desk .show-idv-section label {
    color: #7a869a;
    font-size: 12px;
    display: block;
    padding: 0 7px 0 0;
    vertical-align: middle;
    margin-bottom: 0
}

.quote-tile-desk .tile_inner-desk .addons-section-desk span {
    display: inline-block;
    margin: 0 0 5px;
    font-size: 14px;
    color: #212121
}

.mb-24 {
    margin-bottom: 20px !important
}

.headingV3 {
    font-size: 1.6rem;
    margin-bottom: 16px;
    font-weight: 700;
    font-size: 18px
}

.noaddons-section .heading {
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    text-align: left;
    color: #515151;
    margin-bottom: 3px;
    cursor: help
}

.noaddons-section {
    display: inline-block;
    width: 53%;
    vertical-align: top;
    padding: 10px;
    min-height: 102px;
    text-align: center
}

.noaddons-section label {
    padding-top: 30px;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    text-align: left;
    color: #515151;
    margin-bottom: 3px;
    cursor: help
}

.noaddons-section .quotes-zerodep-section>div {
    width: 225px;
    margin: 0 auto;
    padding-top: 30px
}

.quote-tile-desk .tile_inner-desk .show-idv-section span {
    color: #212121;
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    padding: 0 19px 0 0;
    position: relative
}

.quote-tile-desk .tile_inner-desk .show-idv-section span.rupee {
    padding-right: 0
}

.quote-tile-desk .tile_inner-desk .addons-section-desk {
    display: inline-block;
    width: 30%;
    vertical-align: top;
    padding-left: 20px;
    padding-top: 14px;
    color: #212121;
    font-size: 12px
}

.quote-tile-desk .tile_inner-desk .buy-now-section {
    display: inline-block;
    width: 23%;
    text-align: center;
    position: relative
}

.buy-now-btn {
    width: 147px;
    height: 42px;
    border-radius: 4px;
    font-size: 18px;
    font-weight: 400;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAALCAYAAACZIGYHAAAAAXNSR0IArs4c6QAAAKpJREFUKBVjYCAB/P//X4YE5ZhKgQa0AzEIRGLKEikC1OwCxM+A+AMQRxCpDVMZULMe1JB/QDoYpoIRyJEHcl7DBIigtYFqDgAxBxAHMjIybgIZ8h/I+QzEpABuqOJ/QDqEBUhsA2JSDZEC6rEF4ttAfIwB6BA2IINoAFRfA8QfgfgaEIMMIw0ANZVBDbgJpElPM0BNRUAMAqAoBkUG6QCoUQJkAhCIoesGAEzFcugHApaCAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-position: 90%;
    border: none;
    box-shadow: none;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    background-color: #fc4804;
    padding-right: 13px;
    margin: 30px auto;
    transition: all .5s ease
}

.noaddons-section .not-selected-addons:before,
.quote-tile-desk .tile_inner-desk .addons-section-desk .not-selected-addons:before {
    content: "";
    left: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjU4OTExNURGNzUyNTExRTk4OUY3ODRFMkY3QzA0QUZCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjU4OTExNUUwNzUyNTExRTk4OUY3ODRFMkY3QzA0QUZCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTg5MTE1REQ3NTI1MTFFOTg5Rjc4NEUyRjdDMDRBRkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTg5MTE1REU3NTI1MTFFOTg5Rjc4NEUyRjdDMDRBRkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5pj124AAAAg0lEQVR42mL87+5+hYGB4RQQJzFgB/OA2IwJqigRiJuwKGqCyp1igZr0BIhroZJ1SIpAYs0gMRY0SZDEVSR2M0yOBcmaOqiiFVB+BBCvhEkyMRAJWNAcXgs1iQFqsja61cgOh1mnjexBFmg4JSI7HIsHZUAKzYB4PpoiZMUyIDUAAQYAVlIdm0vu0vEAAAAASUVORK5CYII=) no-repeat;
    width: 12px;
    height: 9px;
    top: 7px;
    left: 2px;
    display: inline-block;
    margin-right: 6px
}

.noaddons-section p,
.quote-tile-desk .tile_inner-desk .addons-section-desk .not-selected-addons {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 0
}

.noaddons-section .selected-addons:before,
.quote-tile-desk .tile_inner-desk .addons-section-desk .selected-addons:before {
    content: "";
    left: 0;
    background: url(/assets/img/check-green.c6043d22.svg);
    width: 12px;
    height: 9px;
    top: 7px;
    left: 2px;
    display: inline-block;
    margin-right: 6px
}

.quote-tile-desk .tile_inner-desk .addons-section-desk .selected-addons {
    font-size: 12px;
    line-height: normal;
    color: #696969;
    min-height: 26px
}

.buy-now-section .premium-breakup {
    position: absolute;
    bottom: 7px;
    width: 100%;
    text-align: center;
    right: 0;
    font-size: 12px;
    color: #0065ff;
    cursor: pointer
}

.featured-lower {
    border-top: 1px solid #e6efff
}

.featured-lower ul {
    padding: 5px 8px 8px
}

.featured-lower ul li {
    display: inline-block;
    font-size: 11px;
    font-weight: 500;
    text-align: left;
    color: #696969;
    margin-right: 10px;
    position: relative;
    padding-left: 12px
}

.featured-lower ul li:before {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 20px;
    background: #696969;
    left: 0;
    top: 6px;
    position: absolute
}

.download_policy {
    font-size: 12px;
    font-weight: 500;
    margin-top: 5px;
    color: #0065ff;
    text-decoration: none
}

.logo-image .download_policy {
    display: inline-block;
    vertical-align: top
}

.footer {
    padding: 20px 0
}

.footer a {
    text-decoration: none
}

.orange-text {
    color: #f68630
}

.need_help_banner {
    box-shadow: 0 1px 6px 0 hsla(0, 0%, 85.9%, .5);
    border: 1px solid #cdd1d8;
    background-image: linear-gradient(270deg, #fefefe, #e5efff 70%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 24px;
    border-radius: 4px;
    flex-wrap: wrap;
    margin-bottom: 12px
}

.need_help_banner .text {
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.22;
    letter-spacing: normal;
    text-align: left;
    color: #172b4d;
    flex: 0 0 80%;
    max-width: 80%
}

.need_help_banner .btn-right {
    text-align: right;
    flex: 0 0 20%;
    max-width: 20%
}

.need_help_banner .btn-rightt span {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: normal;
    text-align: left;
    color: #0065ff;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggTWFjaW50b3NoIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2ODlCREU0NzY2NTExRTk4OUY3ODRFMkY3QzA0QUZCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2ODlCREU1NzY2NTExRTk4OUY3ODRFMkY3QzA0QUZCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTY4OUJERTI3NjY1MTFFOTg5Rjc4NEUyRjdDMDRBRkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTY4OUJERTM3NjY1MTFFOTg5Rjc4NEUyRjdDMDRBRkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7vD/1BAAABzElEQVR42mIJm/f9/8WnDChAUYiBodOflZGFiYFkwHTlKabg/XcMDEXrfmsxkAGYOFmxS/BxM8iSZaAgN3YJdmZGE7IMlOJnxCrBysgQR5aBf/8xrMIm8fc/gxpZBn759X8GuiA3MFy//2dwIcvANh/W/ZJ8qIbJCDK4tLiz7CXLQBAhI8S4DiagJMoQ2u7LSpZhcAP33PyXwAVNPpysjMUMFACwgXuz2D5rSTCuAbHPPvxvUbnltzVFBoJAmTNLqKwAMHaB7E/fGI64TvklTJGBLMwMDBzsDJZsQPr5ZwYGMwXGN9rxP0nOzYxXn/1BEWje+af0wpP/Xf+BbE1xBoZTD/6L7M5he4uspmrLb0cOFsZ9QMtv/f7PsOjn3/9nPn1leNwXxHoNw0AQaN31p+/c4/+FIEMleYH5movBpt2H9ShIrnLzb+cn7xn2fP2N6TpQKYXVQJhLrz7/3/ULGKjAUGAwlmc88f33/957rxlWYzMMp5eRQfmW3xY/fjIcf/yBgjBEB3+ALuza+2f1tRf/Q779JiGWcQFQ7Fe5sYQ+//Kfz1SBcR1yNiXLhdgAKJZ52BgzmJkYwp59/M/w/iuwMAG6XkeagQEgwAAym6JXifCYbgAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-size: 18px auto;
    background-position: 0;
    padding-left: 25px;
    text-transform: uppercase;
    cursor: pointer;
    display: inline-block
}

.need_help_banner {
    padding: 14px 17px;
    margin-bottom: 20px
}

.need_help_banner .text {
    font-size: 14px;
    flex: 0 0 60%;
    max-width: 60%;
    line-height: 20px
}

.need_help_banner .btn-rightt {
    flex: 0 0 40%;
    max-width: 40%
}

.need_help_banner .btn-rightt span {
    background-size: 16px auto;
    padding-left: 21px
}

.quote-right-section {
    float: left;
    width: 360px;
    padding-left: 9px
}

.assuredDeliveryProgramBanner.wallOfFrame {
    font-family: "Roboto", sans-serif;
    position: relative;
    margin-top: 15px;
    background: linear-gradient(170deg, #fff 73.58%, #ae9ff7 132.02%);
    border-color: #bfc9d8;
    padding: 24px 16px 12px
}

.assuredDeliveryProgramBanner {
    padding: 24px 20px;
    border-radius: 16px;
    background-color: #fff;
    border: 1px solid #ccc;
    position: relative;
    margin: 0 0 16px
}

.assuredDeliveryProgramBanner .ribbonTag {
    position: absolute;
    font-size: 12px;
    padding: 3px 10px 3px 28px;
    font-style: italic;
    line-height: 18px;
    margin: 0;
    top: -11px;
    left: -1px;
    border-radius: 16px 16px 16px 0;
    font-family: "Roboto", serif !important;
    background-color: #7f68f2;
    color: #fff
}

.assuredDeliveryProgramBanner .ribbonTag img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 8px
}

.wallOfFrame .title {
    font-size: 17px;
    font-family: "Roboto Slab", serif;
    font-weight: 700;
    margin-bottom: 16px;
    position: relative;
    padding-right: 70px;
    line-height: 26px
}

.wallOfFrame .title .shieldIcon {
    position: absolute;
    transform: translateY(-50%);
    top: 53%;
    right: 5px
}

.assuredDeliveryProgramBanner .includedList,
.excludedList {
    list-style: none
}

.wallOfFrame .includedList li {
    padding-left: 24px;
    padding-right: 38px
}

.assuredDeliveryProgramBanner .includedList li {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 12px;
    margin-right: 30px;
    position: relative;
    color: #253838
}

.wallOfFrame .includedList li:before {
    background-image: url(https://static.pbcdn.in/car-cdn/car2.0/checmarkCircleGreen.svg);
    width: 16px;
    height: 16px;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    content: "";
    display: inline-block;
    left: 0
}

.message-box {
    box-shadow: 0 1px 6px 0 hsla(0, 0%, 85.9%, .5);
    border: 1px solid #ffab00;
    background-color: #fff9e0;
    font-size: 14px;
    font-weight: 400;
    color: #212121;
    padding: 15px;
    border-radius: 4px;
    margin: 35px 0 20px
}

.message-box strong {
    font-weight: 600
}

.anotherVeh.disclaimerStrip {
    margin-top: 5px;
    background: #fffae0;
    position: relative;
    border-radius: 8px;
    padding: 8px 8px 8px 32px;
    border: 1px solid transparent
}

.anotherVeh.disclaimerStrip .icon {
    position: absolute;
    left: 7px
}

.anotherVeh.disclaimerStrip p {
    color: #8d5012;
    font-weight: 400;
    font-size: 12px
}

.owner-cover-banner {
    overflow: hidden;
    width: 645px;
    margin: 5px auto 15px;
    border: 1px solid #ff887b;
    background: #fbf5f5;
    height: auto;
    padding: 7px 20px 10px;
    box-shadow: 0 1px 5px 4px #ececec;
    border-radius: 4px
}

.owner-cover-banner span {
    color: rgba(42, 42, 42, .7);
    width: 85%;
    margin: 0 auto;
    display: block;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400
}

.referral_msg_card {
    width: 337px;
    min-height: 80px;
    background: #fff 0 0 no-repeat padding-box;
    box-shadow: 0 0 9px rgba(0, 0, 0, .36);
    border-radius: 8px;
    padding: 10px;
    bottom: 30px;
    box-sizing: border-box;
    z-index: 1000;
    float: right;
    margin-bottom: 20px
}

.referral_msg_card .column {
    position: relative
}

.referral_msg_card .column .close,
.referral_msg_card .column .icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%)
}

.referral_msg_card .column .icon {
    left: 0
}

.referral_msg_card .column .close {
    right: 0;
    cursor: pointer;
    opacity: .7;
    transition: all .2s ease;
    -ms-transition: all ease .2s;
    -webkit-transition: all .2s ease
}

.referral_msg_card .column .close:hover {
    opacity: 1
}

.referral_msg_card .column .ref_msg_text {
    padding-left: 50px;
    padding-right: 27px
}

.referral_msg_card .column .ref_msg_text p {
    text-align: left;
    font-size: 14px;
    letter-spacing: .2px;
    color: #253858
}

.referral_msg_card .column .ref_msg_text strong {
    display: block
}

.slideUp_animation {
    animation: SlideUp .5s ease;
    -webkit-animation: SlideUp .5s ease;
    -moz-animation: SlideUp ease .5s;
    -ms-animation: SlideUp ease .5s
}

@keyframes SlideUp {
    0% {
        bottom: -100%
    }

    to {
        bottom: 30px
    }
}

@-webkit-keyframes SlideUp {
    0% {
        bottom: -100%
    }

    to {
        bottom: 30px
    }
}

.quotes-section header {
    border-bottom: none
}

@media (max-width:360px) {
    .referral_msg_card {
        left: 0;
        right: 0;
        width: 92%;
        margin: 0 auto
    }
}

.addon-accessories_desk .accordian .ac_header:after {
    display: none
}

.addon-accessories_desk .scroll {
    padding-top: 10px
}

.addon-accessories_desk .popup .popup-header {
    padding: 15px 23px;
    border-bottom: 1px solid #e4e4e4;
    color: #4f4f4f;
    line-height: normal
}

.addon-accessories_desk .popup label.text_only:after {
    display: none
}

.addon-accessories_desk .popup {
    transform: none;
    -webkit-transform: none;
    left: 882px;
    width: 372px;
    right: 102px;
    top: 160px
}

.addon-accessories_desk .view_less,
.addon-accessories_desk .view_more {
    font-size: 14px;
    margin-top: 10px;
    text-decoration: underline
}

.addon-accessories_desk * {
    line-height: normal
}

.reset_all {
    font-size: 13px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.15;
    letter-spacing: normal;
    text-align: left;
    color: #2684ff;
    float: none;
    position: absolute;
    right: 25px
}

.more-filters img {
    position: absolute;
    left: 0
}

.custom_padding {
    padding: 10px 6px 20px !important
}

.ownedBy-options input {
    position: absolute;
    visibility: hidden;
    opacity: 0
}

.ownedBy-options input:checked+label,
button.options.selected {
    color: #0065ff
}

.ownedBy-options label {
    cursor: pointer
}

.filter-labels,
.ownedBy-options label,
button.options {
    display: block;
    border-radius: 12px;
    border: none;
    font-size: 14px;
    text-align: left;
    margin-right: 8px;
    margin-bottom: 12px;
    cursor: pointer;
    font-weight: 500
}

.box1 {
    width: 21%;
    padding: 0 5px
}

.box1,
.custom-radios-list.inline .vehicle-detail .manufaturer {
    float: left
}

.custom-radios-list.inline .vehicle-detail .manufaturer label {
    padding: 0;
    display: block;
    width: 130px;
    height: 90px
}

.custom-radios-list.inline .vehicle-detail .manufaturer label>div {
    width: 100%;
    height: 100%
}

.custom-radios-list.inline .vehicle-detail .manufaturer label img {
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 100%;
    display: block
}

.trailer_cover {
    padding-bottom: 30px
}

.trailer_cover .form-control {
    height: auto
}

.form-group .max-section {
    float: right;
    padding-right: 10px
}

.form-group .min-section {
    float: left;
    padding-left: 10px
}

.form-group .max-section div,
.form-group .min-section div {
    font-size: 10px;
    margin: 0;
    text-align: center;
    color: #696969
}

.trailer_cover .ac-cont .form-group {
    margin-bottom: 35px
}

@media (max-width:840px) {
    .mob {
        float: left;
        margin-left: 0;
        position: absolute;
        right: 118px
    }

    .quotes-left-section {
        width: 100%;
        float: none
    }

    .quote-tile-actual {
        position: relative
    }

    .quotes-header {
        min-height: 44px;
        box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .06);
        background-color: #fff;
        left: 0;
        width: 100%;
        padding: 8px 0
    }

    .full_name {
        width: 68px;
        text-overflow: ellipsis;
        overflow: hidden;
        display: block;
        white-space: nowrap
    }

    #stickyHeader,
    .quotes-header {
        background: #fff;
        padding-top: 10px
    }

    .mob-header {
        float: left
    }

    .back-btn {
        padding-left: 25px;
        background-image: url(/assets/img/arrow.3f0ef0dd.svg);
        background-position: 0;
        background-size: 18px auto;
        background-repeat: no-repeat;
        display: block;
        margin: 0
    }

    .mob-header span {
        font-size: 16px;
        line-height: 26px;
        letter-spacing: normal;
        color: #172b4d
    }

    .mob-header span,
    .talk-to-expert {
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        text-align: left
    }

    .talk-to-expert {
        float: right;
        width: 104px;
        height: 28px;
        border-radius: 4px;
        border: 1px solid #0065ff;
        font-size: 10px;
        line-height: 25px;
        letter-spacing: -.17px;
        color: #0065ff;
        display: block;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggTWFjaW50b3NoIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2ODlCREU0NzY2NTExRTk4OUY3ODRFMkY3QzA0QUZCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2ODlCREU1NzY2NTExRTk4OUY3ODRFMkY3QzA0QUZCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTY4OUJERTI3NjY1MTFFOTg5Rjc4NEUyRjdDMDRBRkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTY4OUJERTM3NjY1MTFFOTg5Rjc4NEUyRjdDMDRBRkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7vD/1BAAABzElEQVR42mIJm/f9/8WnDChAUYiBodOflZGFiYFkwHTlKabg/XcMDEXrfmsxkAGYOFmxS/BxM8iSZaAgN3YJdmZGE7IMlOJnxCrBysgQR5aBf/8xrMIm8fc/gxpZBn759X8GuiA3MFy//2dwIcvANh/W/ZJ8qIbJCDK4tLiz7CXLQBAhI8S4DiagJMoQ2u7LSpZhcAP33PyXwAVNPpysjMUMFACwgXuz2D5rSTCuAbHPPvxvUbnltzVFBoJAmTNLqKwAMHaB7E/fGI64TvklTJGBLMwMDBzsDJZsQPr5ZwYGMwXGN9rxP0nOzYxXn/1BEWje+af0wpP/Xf+BbE1xBoZTD/6L7M5he4uspmrLb0cOFsZ9QMtv/f7PsOjn3/9nPn1leNwXxHoNw0AQaN31p+/c4/+FIEMleYH5movBpt2H9ShIrnLzb+cn7xn2fP2N6TpQKYXVQJhLrz7/3/ULGKjAUGAwlmc88f33/957rxlWYzMMp5eRQfmW3xY/fjIcf/yBgjBEB3+ALuza+2f1tRf/Q779JiGWcQFQ7Fe5sYQ+//Kfz1SBcR1yNiXLhdgAKJZ52BgzmJkYwp59/M/w/iuwMAG6XkeagQEgwAAym6JXifCYbgAAAABJRU5ErkJggg==);
        background-repeat: no-repeat;
        background-size: 10px auto;
        background-position: 10px;
        padding-left: 25px
    }

    .quotes-edit-details-section .container-inner {
        margin: 0 -10px
    }

    .quotes-edit-details-section h5.header-heading {
        font-size: 11px;
        font-weight: 400;
        letter-spacing: normal;
        padding-left: 2px;
        color: #172b4d
    }

    .quotes-edit-details-section button.dropdown:after {
        content: "";
        display: block;
        width: 4px;
        height: 4px;
        border-top: 1px solid #000;
        border-right: 1px solid #000;
        position: absolute;
        right: 5px;
        transform: translateY(-50%) rotate(130deg);
        top: 46%
    }

    .inspection-tags li span {
        font-size: 10px;
        line-height: 1.2;
        font-weight: 500
    }

    .vehicleDetailsFetched {
        display: grid;
        grid-template-columns: 48px auto 36px;
        background-color: initial;
        margin: 30px auto 20px;
        border-radius: 40px;
        padding: 10px 15px;
        background: #fff;
        border: 1px solid #c3f4df;
        max-width: 400px
    }

    .vehicleDetailsFetched .checkIcon {
        width: 32px;
        background: url(/assets/img/greenIconCheck.c2f1a941.svg) no-repeat 50%/contain
    }

    .vehicleDetailsFetched .foundCarTitle {
        font-size: 12px;
        font-weight: 500;
        margin-bottom: 2px;
        color: rgba(37, 56, 88, .6);
        line-height: normal
    }

    .vehicleDetailsFetched .MakeModel {
        font-weight: 500;
        font-size: 14px;
        display: inline-block;
        position: relative;
        padding-right: 8px
    }

    .vehicleDetailsFetched .subclass {
        font-size: 11px;
        display: block;
        margin-top: 3px
    }

    .vehicleDetailsFetched .editAction {
        align-self: center;
        font-size: 14px
    }

    .vehicleDetailsFetched .editAction span {
        color: #6e6e6e;
        font-weight: 500;
        font-size: 14px
    }

    .addons-section {
        padding: 0 8px 8px
    }

    .plan-feature-link {
        float: left;
        font-size: 12px;
        padding: 0 14px 0 0;
        position: relative;
        font-size: 11px;
        font-weight: 500;
        color: #0065ff;
        display: block
    }

    .plan-feature-link:after {
        box-sizing: border-box;
        height: 7px;
        width: 7px;
        border-color: #0065ff;
        border-style: solid;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transition: border-width .15s ease-in-out;
        -webkit-transition: border-width .15s ease-in-out;
        content: "";
        position: absolute;
        right: 0;
        top: 4px;
        border-radius: 2px
    }

    .plan-feature-link.open:after {
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
        top: 7px
    }

    .download_policy {
        float: right;
        font-size: 11px;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.18;
        letter-spacing: normal;
        text-decoration: none;
        width: 100px;
        text-align: center;
        margin: 0
    }

    .download_policy:hover {
        text-decoration: underline
    }

    .plan_feature_dropdown {
        border-top: 1px solid #f0f4f5;
        padding: 12px 10px 0;
        margin: 13px -10px 0
    }

    .plan_feature_dropdown li {
        font-size: 10px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        margin-right: 10px;
        letter-spacing: normal;
        text-align: left;
        color: #212121;
        display: block;
        padding-left: 12px;
        position: relative;
        list-style: none;
        width: 50%;
        float: left;
        margin-bottom: 3px
    }

    .plan_feature_dropdown li:before {
        content: "";
        width: 4px;
        height: 4px;
        border-radius: 20px;
        background: #212121;
        left: 2px;
        top: 5px;
        position: absolute
    }

    .plan_feature_dropdown ul {
        margin: 0 0 10px;
        padding: 0
    }

    .plan_feature_dropdown h4 {
        font-size: 11px;
        font-weight: 500;
        text-align: left;
        color: #212121;
        padding-bottom: 3px
    }

    .plan_feature_dropdown h4,
    .special-price {
        font-stretch: normal;
        font-style: normal;
        letter-spacing: normal
    }

    .special-price {
        width: 79px;
        height: 20px;
        box-shadow: 0 2px 9px 0 hsla(0, 0%, 87.1%, .3);
        background-color: #61bb41;
        position: absolute;
        right: -6px;
        font-size: 9px;
        font-weight: 700;
        line-height: 20px;
        text-align: center;
        color: #fff;
        text-transform: uppercase;
        top: 2px
    }

    .special-price:after {
        content: "";
        border-left: 0 solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid #3f7a2a;
        position: absolute;
        bottom: -6px;
        width: 0;
        height: 0;
        right: 0
    }

    .heading {
        font-size: 14px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 20px;
        letter-spacing: normal;
        color: #212121;
        margin: 0 0 15px
    }

    .addons-btn,
    .filter-mob-btn {
        background-color: #0065ff;
        border: none;
        width: 48px;
        height: 48px;
        border-radius: 31px;
        position: fixed;
        min-width: auto;
        z-index: 10
    }

    .addons-btn {
        left: 15px;
        bottom: 20px
    }

    .addons-btn .addon-mob-btn {
        width: 48px;
        height: 48px;
        border-radius: 31px;
        border: none;
        background: none;
        font-size: 31px;
        font-weight: 700;
        color: #fff;
        line-height: 31px;
        padding: 0
    }

    .addons-btn .addon-mob-btn .text,
    .filter-mob-btn .text {
        font-size: 9px;
        font-weight: 600;
        display: block;
        line-height: 12px;
        position: relative;
        top: -6px
    }

    .filter-mob-btn {
        bottom: 20px;
        right: 15px;
        box-shadow: 0 2px 5px 0 #797979;
        background-image: url(/assets/img/filter.2640c981.svg);
        background-repeat: no-repeat;
        background-position: center 10px;
        background-size: 16px auto
    }

    .notification {
        background: red;
        border-radius: 10px;
        width: 18px;
        height: 18px;
        display: block;
        color: #fff;
        line-height: 16px;
        font-size: 10px;
        position: absolute;
        right: 0;
        top: -4px;
        box-shadow: 0 1px 1px 0 #000;
        border: 1px solid #de3530
    }

    .filter-mob-btn .text {
        color: #fff;
        bottom: -10px;
        top: auto
    }

    .quotes-section {
        overflow: hidden
    }

    .msg-card {
        padding: 8px 38px 8px 17px;
        font-size: 12px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: normal;
        text-align: left
    }

    .msg-card.alert {
        background-color: #ffebe6;
        color: #de350b;
        position: relative
    }

    .popup {
        width: 85%
    }

    .close {
        width: 24px;
        height: 24px;
        background-color: #ffc4b5;
        position: absolute;
        right: 14px;
        top: 10px;
        border-radius: 50%;
        padding-top: 8px;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        cursor: pointer
    }

    .close img {
        width: 8px;
        margin: 0 auto;
        display: block
    }

    .popup .popup-header {
        padding: 34px 15px 10px
    }

    .popup.expert {
        width: 85%
    }

    .popup.expert .phone-icon {
        font-size: 16px;
        padding-top: 15px;
        padding-bottom: 15px;
        max-width: 160px;
        margin: 0 auto
    }

    .popup.expert .lower-section p,
    .popup.expert .numbers li {
        font-size: 10px;
        text-align: center
    }

    .popup.expert .numbers li {
        float: none;
        width: 100%
    }

    .popup.expert .numbers li .call {
        font-size: 14px
    }

    .popup.expert {
        padding: 20px 15px 26px
    }

    .popup.expert .registered {
        font-size: 8px;
        margin-top: 0
    }

    .add_filter_popup .reset_all,
    .vehcile_detail_addons_popup .reset_all {
        font-size: 12px;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: normal;
        text-align: center;
        color: #212121;
        cursor: pointer;
        text-transform: uppercase;
        position: static;
        float: right
    }

    .add_filter_popup .popup .popup-header,
    .vehcile_detail_addons_popup .popup .popup-header {
        padding: 15px 39px 10px 15px;
        font-weight: 600
    }

    .add_filter_popup .popup,
    .vehcile_detail_addons_popup .popup {
        width: 100%;
        top: 0;
        transform: translate(0);
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        left: 0;
        bottom: 0
    }

    .add_filter_popup .popup-body,
    .vehcile_detail_addons_popup .popup-body {
        height: 76vh;
        overflow: auto;
        padding-bottom: 89px;
        max-height: unset
    }

    .add_filter_popup .note {
        text-align: center;
        position: absolute;
        bottom: 50px;
        left: 0;
        right: 0;
        background: #fff;
        padding: 5px
    }

    .vehcile_detail_addons_popup .tab-list {
        margin: 5px 0 15px;
        padding: 0;
        list-style: none;
        box-shadow: 0 2px 4px 0 hsla(0, 0%, 82.4%, .5);
        background-color: #fff
    }

    .vehcile_detail_addons_popup .tab-list li {
        float: left;
        width: 50%;
        font-size: 14px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.14;
        letter-spacing: normal;
        text-align: center;
        color: #212121;
        line-height: 48px;
        position: relative
    }

    .vehcile_detail_addons_popup .tab-list li:after {
        content: "";
        display: block;
        width: 1px;
        height: 22px;
        background: hsla(0, 0%, 59.2%, .26);
        position: absolute;
        top: 50%;
        right: -1px;
        transform: translateY(-50%);
        -webkit-transform: -translateY(-50%);
        -ms-transform: -translateY(-50%)
    }

    .vehcile_detail_addons_popup .tab-list li:last-child:after {
        display: none
    }

    .add_filter_popup .popup .popup-footer .update-btn,
    .vehcile_detail_addons_popup .popup .popup-footer .update-btn {
        height: 50px;
        font-size: 16px;
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 0
    }

    .vehcile_detail_addons_popup .tab-list li.active {
        color: #0065ff
    }

    .vehcile_detail_addons_popup .tab-list li.active:before {
        content: "";
        display: block;
        width: 25px;
        height: 3px;
        position: absolute;
        background: #2684ff;
        bottom: -2px;
        left: 0;
        right: 0;
        margin: 0 auto
    }
}

@media (max-width:480px) {
    .custom-radios-list.inline .vehicle-detail .manufaturer label {
        width: 98px;
        height: 80px
    }
}

.wrapper em {
    text-transform: none
}

.addstickyHeader {
    background: #fff;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 7;
    width: 100%;
    box-shadow: 0 0 2px #ccc;
    transition: all .3s ease-in-out
}

.stickyAlert {
    top: 35px
}

.bottom-call-btn {
    right: 16%
}

.inspection-tags ul {
    padding: 0
}

.wa_padding {
    padding-top: 10px
}

.user-selected {
    border: 1px solid #2684ff !important;
    border-radius: 3px !important
}

.user-selected .text_only {
    color: #2684ff !important
}

.popup-body .css-kj6f9i-menu div {
    max-height: 200px
}

.renewal-tag {
    position: absolute;
    top: -14px;
    left: 8px;
    background: #fff;
    display: inline-block;
    text-align: center;
    border: 1px solid #017fff;
    border-radius: 16px;
    padding: 1px 10px;
    color: #0052cc;
    font-size: 14px;
    min-width: 164px
}

.quote-tile-inner {
    border-radius: 8px;
    box-shadow: 0 6px 16px 0 rgb(52 105 203/16%);
    background-color: #fff;
    margin: 0 0 16px;
    display: table;
    width: 100%;
    position: relative
}

.currentInsTag,
.quote-tile-inner.currentIns {
    border: 1px solid #0065ff
}

.currentInsTag {
    border-radius: 30px;
    display: inline-block;
    font-size: 12px;
    padding: 2px 10px;
    font-weight: 500;
    color: #0065ff;
    position: absolute;
    top: -10px;
    left: 12px;
    z-index: 1;
    background: #fff
}

.quote-tile-inner:has(.currentInsTag) {
    padding-top: 10px;
    margin-top: 10px
}

.border {
    margin-top: 25px;
    border: 1px solid #0065ff !important;
    border-radius: 6px
}

.newpopup_wrapper {
    background: rgba(0, 0, 0, .54)
}

.choose_diff_insurer_banner {
    background: #fdf4e6;
    border-radius: 8px;
    min-height: 150px;
    position: relative;
    padding: 12px 142px 12px 12px;
    margin-bottom: 30px;
    margin-top: 20px
}

.newpopup_wrapper .popup_box .image {
    margin: 30px 0
}

.choose_diff_insurer_banner .image {
    width: 141px;
    height: 164px;
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(https://static.pbcdn.in/car-cdn/rct/images/man_yellow.svg) no-repeat;
    background-size: contain
}

.choose_diff_insurer_banner .heading {
    letter-spacing: 0;
    color: #252733;
    font-size: 16px;
    padding-bottom: 5px;
    font-weight: 700
}

.choose_diff_insurer_banner .text p {
    font-weight: 400;
    color: rgba(28, 29, 42, .6);
    line-height: 21px;
    font-size: 14px;
    margin-bottom: 0
}

.great_news {
    position: relative;
    padding-left: 70px;
    margin-bottom: 25px;
    min-height: 60px
}

.great_news .text_icon {
    width: 60px;
    height: 60px;
    background: url(https://static.pbcdn.in/car-cdn/rct/images/text_icon.svg) no-repeat;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    background-size: contain
}

.great_news p {
    letter-spacing: 0;
    color: #252733;
    font-size: 16px;
    font-weight: 500 !important
}

.newpopup_wrapper .popup_box .btn-orange {
    background: #ff5630
}

.newpopup_wrapper .custom_radio input {
    position: absolute !important;
    visibility: hidden !important;
    width: 100%;
    opacity: 0 !important;
    border: none;
    background: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none
}

.custom_radio label .radio_circle:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #005ffe;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) scale(0);
    -webkit-transform: translateY(-50%) scale(0);
    -ms-transform: translateY(-50%) scale(0);
    transition: all .1s ease;
    -webkit-transition: all .1s ease;
    -ms-transition: all ease .1s;
    left: 0;
    right: 0;
    margin: 0 auto
}

.newpopup_wrapper .popup_box .ins_logo {
    display: block;
    margin: 10px auto 20px;
    max-width: 175px
}

.top_52 {
    top: -52px
}

.newpopup_wrapper .back {
    background: url(https://static.pbcdn.in/car-cdn/rct/images/back-arrow.svg) no-repeat;
    width: 32px;
    height: 15px;
    display: block;
    text-indent: -100px;
    overflow: hidden;
    position: absolute;
    left: 20px;
    top: 15px;
    cursor: pointer
}

.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: 620px;
    overflow: auto;
    position: absolute;
    top: 50%;
    left: 10px;
    right: 10px;
    margin: 0 auto;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    height: 335px
}

.newpopup_wrapper .popup_box.calendar,
.newpopup_wrapper .popup_box.revised_premium {
    min-height: 440px;
    max-width: 540px
}

.newpopup_wrapper .small_pop {
    max-width: 480px !important;
    padding: 0 !important
}

.newpopup_wrapper .popup_box .policy_exp .dont_knw,
.newpopup_wrapper .popup_box .policy_exp .ques,
.newpopup_wrapper .popup_box .policy_exp p.gray_text {
    text-align: center
}

.gray_text:after {
    border: none !important
}

.newpopup_wrapper .popup_box p.gray_text {
    letter-spacing: 0;
    color: #6b778c;
    font-size: 14px;
    font-weight: 400;
    margin: 21px 0 15px
}

.newpopup_wrapper .popup_box .policy_exp .ques {
    text-align: center
}

.overlay {
    background-color: rgba(0, 0, 0, .4);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9
}

.dont_know,
.know_expiry {
    font-size: 12px;
    letter-spacing: 0;
    color: #4c9aff;
    font-weight: 400;
    text-decoration: underline;
    text-align: center;
    margin-top: 30px
}

.dont_know b,
.know_expiry b {
    font-weight: 400;
    text-align: center;
    cursor: pointer
}

.know_expiry {
    text-align: left
}

.newpopup_wrapper .popup_box .radio_option_list {
    list-style: none;
    padding: 0;
    max-width: 380px
}

.newpopup_wrapper .popup_box .radio_option_list li {
    margin-bottom: 12px
}

.newpopup_wrapper .popup_box .radio_option_list li label {
    padding: 0
}

.newpopup_wrapper .popup_box .radio_option_list li .radio_text {
    transition: all .3s ease;
    border: 1px solid #e1e1ec;
    border-radius: 8px;
    padding: 12px 10px 12px 40px;
    color: #252733;
    font-weight: 700;
    font-size: 14px
}

.newpopup_wrapper .popup_box .custom_radio label .radio_circle {
    left: 15px
}

.custom_radio label .radio_circle {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #2593ff;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.newpopup_wrapper .popup_box.ncb_selection .msg_box,
.newpopup_wrapper .popup_box.ncb_step1 .msg_box {
    padding: 12px 0;
    position: relative;
    margin-bottom: 15px;
    min-height: 42px;
    border: none;
    background-color: initial;
    font-size: 14px;
    color: #252733
}

.newpopup_wrapper .popup_box .choose_diff_insurer_banner .image {
    margin: 0
}

.confirmation .ncb_step1 {
    min-height: 280px;
    max-width: 430px
}

.confirmation .msg_box {
    margin-top: 0
}

.detail-info {
    margin: 0 0 15px
}

.update-pemium {
    text-align: center;
    font-size: 14px
}

.update-pemium h4 {
    font-weight: 500;
    font-size: 14px
}

.change-prem {
    border: 1px dashed #999;
    padding: 15px 25px;
    width: 90%;
    margin: 0 auto
}

.change-prem img {
    float: left;
    width: 26%
}

.premium-block {
    width: 100%;
    margin: 0 auto;
    display: block;
    clear: both;
    padding-top: 20px
}

.premium-block li {
    width: 100%;
    text-align: left;
    display: block;
    margin: 0 0 10px;
    color: #696969
}

.premium-block li span {
    float: right;
    position: relative
}

.premium-block li.updatedPrem {
    color: #000;
    font-weight: 400
}

.premium-block li.updatedPrem span {
    color: #fc4804;
    font-weight: 500
}

.plan-btn {
    color: #fc4804;
    width: 150px;
    float: left;
    font-size: 13px;
    background: #fff
}

.payment-btn,
.plan-btn {
    border: 1px solid #fc4804;
    padding: 8px 14px;
    border-radius: 4px;
    height: 36px;
    margin: 15px;
    cursor: pointer
}

.payment-btn {
    width: 145px;
    display: inline-block;
    background: #fc4804;
    color: #fff;
    float: right;
    font-size: 14px;
    position: relative
}

.payment-btn:before {
    left: 10px;
    top: 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAVCAYAAABPPm7SAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjBEODU2RDIzRDAzMzExRTk4MjI3RDBFRkVCNkExMkVBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjBEODU2RDI0RDAzMzExRTk4MjI3RDBFRkVCNkExMkVBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MEQ4NTZEMjFEMDMzMTFFOTgyMjdEMEVGRUI2QTEyRUEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MEQ4NTZEMjJEMDMzMTFFOTgyMjdEMEVGRUI2QTEyRUEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4JZ3ipAAABSUlEQVR42pzTTytEURjH8TPXDKOo0VhQdoo0djLTFGtJ2Sh7L0J5G1begb9FYm+BsmAjGwuRYiGajfyZmOv75DE9XXNOzX3q0z2d85zfnXvvmSiOY5cwiGWc4AGPOMUKhpL9yc0VXMT+usSUL2AUt6b5GYc4wJOZv0cpGRBh0zTtYQR5NYwds76re5oBk3pHqWMUW7ybPhxpTw1VmY/cb42jqOMNvLj/VcM6GijonmZAr14/cef8dYN3HRdswN9kQ0N8JX3f5mYuizIWdDKHJUygK7FZNoyZ+XmcZ3gRVwxKLl1dyyMMuPTVL49Q9yzK+zjTaxUdLXrqUSB9DTNq1dcUCpDz8Io3/f5tB8yZ8WyagLIZV9IE2AP14WvKBgLkwOTBX851hwIynjX52Vv6GadDATnPWo8e11B1SsA2FvHV5imUvfs/AgwA1yA74Y5HwfsAAAAASUVORK5CYII=) no-repeat 0 0/50%
}

.payment-btn:after,
.payment-btn:before {
    width: 22px;
    height: 22px;
    content: "";
    position: absolute
}

.payment-btn:after {
    right: -4px;
    top: 14px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAYAAABr5z2BAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjBEODU2RDI3RDAzMzExRTk4MjI3RDBFRkVCNkExMkVBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjBEODU2RDI4RDAzMzExRTk4MjI3RDBFRkVCNkExMkVBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MEQ4NTZEMjVEMDMzMTFFOTgyMjdEMEVGRUI2QTEyRUEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MEQ4NTZEMjZEMDMzMTFFOTgyMjdEMEVGRUI2QTEyRUEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7mU56sAAAAqElEQVR42mL6//8/AxG4EIj3A3EGuhwTA3HgFRArAHE3EGehyBDpAnEgbgDiZ0D8GYhzYXLEGgAzpA6In0MNyQKJswAdwQ/EfER6ZSsQCwFxAhB3AvEvRqApt6EGMBJpCMhSXij9HkT8gWJiAdDjDP9IDUT0cHgFxJ+AOI1UzaCYeAENxAxSYgGkuQkpGrNIjcY4IH6ArpmUlCgMxPeBuBSIpyFLAAQYABTEcOgjv6FBAAAAAElFTkSuQmCC) no-repeat 0 0/50%
}

.oldPrem span:before {
    position: absolute;
    width: 100%;
    height: 1px;
    content: "";
    left: 0;
    top: 50%;
    transform: rotate(-4deg);
    background: #ed4634
}

.overlay5 {
    top: 0;
    bottom: 0;
    left: 0
}

.proposal-alert {
    box-shadow: 0 8px 10px -5px rgb(0 0 0/14%), 0 16px 24px 2px rgb(0 0 0/10%), 0 6px 30px 5px rgb(0 0 0/8%);
    width: 490px;
    height: 350px
}

.update-pemium p {
    margin: 10px 0;
    font-weight: 300;
    line-height: 22px;
    font-size: 13px
}

.proposal-alert.error-alert {
    width: 350px;
    height: 180px
}

.error-alert .plan-btn {
    margin-left: 25%
}

@media (max-width:480px) {
    .newpopup_wrapper .back {
        width: auto;
        height: auto;
        display: inline-block;
        text-indent: 0;
        background: #e1e1ec;
        border-radius: 8px;
        color: rgba(37, 39, 51, .6);
        font-size: 14px;
        font-weight: 500;
        padding: 4px 12px 4px 10px;
        cursor: pointer;
        top: 20px
    }

    .newpopup_wrapper .back:before {
        content: "";
        width: 7px;
        height: 7px;
        border-left: 1px solid rgba(37, 39, 51, .6);
        border-top: 1px solid rgba(37, 39, 51, .6);
        display: inline-block;
        vertical-align: middle;
        transform: rotate(-45deg);
        position: relative;
        top: -2px;
        margin-right: 2px
    }
}

.popup1 {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: fixed;
    z-index: 9991;
    background: #fff;
    width: 410px;
    min-height: 260px;
    border-radius: 8px;
    color: #253858
}

.carrier_confm_cover {
    padding: 35px;
    width: 480px
}

.popup1 .backArrow {
    width: 30px;
    height: 30px;
    background: url(https://static.pbcdn.in/car-cdn/rct/images/back-arrow.svg) no-repeat 0 0;
    display: block
}

.popup1 h5 {
    color: rgb(37 56 88/50%);
    padding: 0 0 15px;
    font-size: .83em;
    font-weight: 400
}

.popup1 h2 {
    color: #253858;
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 20px
}

.popup1 li {
    border: 1px solid rgb(37 56 88/30%);
    border-radius: 8px;
    padding: 19px;
    margin: 0 0 20px;
    cursor: pointer
}

.popup1 li b {
    display: block
}

.popup1 li span {
    font-size: 14px;
    color: rgb(37 56 88/60%)
}

.popup1 .icon-close {
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    right: 24px;
    top: 24px
}

.popup1 h1 {
    font-size: 18px;
    font-weight: 600
}

.popup1 .importantBox {
    background: #def8ff;
    border-radius: 8px;
    padding: 15px;
    margin: 20px 0
}

.popup1 .importantBox h4 {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAtCAYAAADoSujCAAAABHNCSVQICAgIfAhkiAAACxNJREFUaEPVWQl0VNUZ/u57M9kJSdhcQEBQlBBAEEWKVaw9pRwgGo+xqaAingIWa6BWyiHWUdyKWHYJIR4UOA0SWaxCpUgBobXFECAUFUgCyCZbIPs2826//zGTTFaSEGu95/xkZt5dvu/f70PhBz7UDxw/vhcCWmu1bh5+VKmt+0vyS5PHucK+bakivxcCW5fpoAv5Os0w1QPwYNSDidigoHRLSHwvBNbP16MMBz4sr9BbzUCVEDdJnW0JeFnzPyew+k862HDoPdC4Vmn1q/2XkO5yKev/joALLuN4j9i7TKjbLK08WhVvfidnSHbGEu08UoZBhsJdwT2xcMQIVd5S8N+hBaja7vum0r5v8BBq12Dc6goLnvWmspIuDhx48umnoYYNU+6rAf+dEVgxOWn0jo0Pv8sDIv0BGsqhLe3eHRQa+ErU/l4fudA811ntOhsW7+pY5L9nq8eA+zBGb109ftmaZc9EWVbd7ZVYA7oIhjE9JbvPoqZaYNXs8jiHM+CRUk/5jLFTg7J961qNAFEp914McYRjVdrcFzpv3/gQmO4bwacveZTn9wUDBqSmpytPQxPXzNE3egz3PAPmUMNQbd2V7pnxU50vtj6BA7gNDnxC6fiXpVOwMf3xKxAgOa0vBLRxxC/Miv67PwGXSxu9Q4o7WqZzvOlwTuczp2HgjFXhTsoLc6ZNmKAqW5WA3o2eCMU2Bu31MIFPVk601q+YSF+paQHFWhUcWoTS4jbweKhTU5GD9UUZSscsz73z0GVQWq1ZgATLwrQAJ6IrK/QxrfT7WhvvxSeqw5eTQvW4ahcqz8ItAQ6kwMBQu65wx0OZ0XrOCyuVZRlVJwUGlmHYyHT0HrQDhfkR2LZ+jOfr/wwwHaZF78NaRJYnpOy+vVLajLUL+V3r0UrrxQL8oUSV6QVep1pfFQG9FJ3RHctxHe4hgSq07mKF3yRkwON2VBEwDAv3j07FA+PehuFQOJHbC8tmv4YTR3uAlimCacxIORwzXxasnK87B3rcPYNCHLtGTVClYpaGYqTFBAi+E5xYhI6IQ1fqna5TNbjrghmpOivjTiXAfSOsbT5GxL2Be0b/FWYAsCV9DNatfBZut1OmZJTC8dCK3OhvbEt6/amRLGA/ahEBvQQ3IAjzqfNRCOG/N3EnAvIfu7cMtxa9PtdwBlQXWokJtzsATyY+h6GxH6P4fCTmJKXgeO7NBCIhY027rkvfOa5tTS9wzSZQchidgzPxNkoxgoBNBPLfWyjBNQkUXGiHlyevQ8GlCHGRGg8jos5ixrzRCO9Uin3b7sTi15PpJKb4yRFDhQxOzunZ5OauWQT0PjpMAJJxCLG4WO3zNoGImgTclSY2rHgCH6+ewppVM80rutWQ+z7CY8/+gTlHYdmsWfh823A4TFO7jbJHUw8PSGvIdba6tONcOJyl5xDijCrq12QC+iDaM4EtpsbjcJDgRUeiWJHOXqm127FD0Uh+dTbyzl1XB094RJ5+6rfTdK+Bu4yCs5F4OXGdLrzYTjwpa0l2TH9Vy2wC/Ns2lTFO07yfGrkblr7d6VBc0IShZxP8IMzFtUggYAPnuCiX4otPSTb9KdVJx97Vciv8eVESdm6Og/ZLqfJMcmffQVvx+NQXERRSgrWpz1ibPxxvGKZbB7VxDF6wL3qXPzQpbn0isCUwAEPLK3UlUWRpt7XrigR0KqI4eQ5dJAG9mXdkSA+5j+Krh2KF7pRrvRbxnczdL55qizenp+HC2etrqEoC+vobjmLyy5MQ0e40Nq36BdYuT4LpqKSK1LyU7L5Tauv2gwV6osVRUeLZExbu/Da4BHmNEji+GsGdLTxLoK/w6mdiALeUbCOrpCae9ztCgjmmrhWkGO+hf6cy53s8/rmW2xgaz818Ah26nkTyS/ORc7APf7OIX21Pzul7b20CGRnaOXCghI3dxdoO3CABvZHeHolEHMVMlHs135VLxJ1laZnXCr4EIzt1oYiia5UdSxtImz8dn216pMZDqdS9+uxF+07H8Y9PR8Ewq2rGkcKyyjvSTt3ur6LafOzv9RKQzhIH8Dxd50WcYII86Z0Zyr+9KT5FHuXn0367SCrtSZF5tUbB+VDGw3Rk/iuWadWvnfFXQNUa67SlHcNTj8Rk1Yva78c6BHQGtX0Yk9CL4EPo/xc5+6B3hTQL3SidvIos4d+vKRV+O3bgZ7FUrYAWq3xz6FakvjkLZ07dcAVc6jQ8emTKsX7SAzU6ahDQq+nhGmPoHvOY20PRlpaQQir+7rsHRXm1LGREe8cpp2qpREh2pNRSj+T8I/v74523XsX5MzWD2h8ltz1RqoqHreQduskEtIsOE4uJ2I8/MmDD7IwimhQQAvAERSwvwMVNhIgMISiNcLHfUaJ9ISHWqBUPWhk4eiAGmz74JTI/l2JOf637SigzJbfvIB5+xbcVVTrSWZhM53HRJdrhEvcVEH0o4teSLr+k+PpCqbo3UyQWZIdCiriS/xVdslUvSlg9JBjURXmh2L5hLDatG4fSkmDWJjv7kI4u9Cgd/05Ov0/8VNLgx2oCX+N9znoYZwhJipQMcVWxtM8Kx7y/y3d5JlaSIZ1CPsV7Jak6TYK5ByWknvNpmYqKIOSfDvXs3RVbuWNzXMnpE92yTdN6LTk7Rt7UNemNRTWBQ5hFIFPoEg47aEXbouFbKW282hUrSCzIKhFfDyRuIsYWN5O3nP6GF0veSAmn+GqIm7soOz0ctzQOaMvcUNIlZGd4eKGkBUkJDd6Ra6uimsBX+Bk3XUMbhtIKTBleIO29WpSZ4ueiZV+HLO4l4ISgDDlWUq6kVn/fl/odxdTQDXv5KYNxlMGzjtBls1R3W1Wi7SaD9idRTUAyUF98yo3vtn1efFq0LYcLSN8bHiF31A+gxIO4yeUm4zIMmSMkBJYQUSigG41kTJwk7HMqtiqaWgS6XgLyo96JwWzbPuOBTuTxB0licoRoWoJW/op7CAFp6C6Dk0DVzEwVrN1Sn89yzqeEuJFK6EYSb/Ep3zAiUT3OG1wj10N/YE39XLMOaNv/X+Vhz9vgxI3EJWSIBcQS0vPIkIA+Rc0a9HxNqgYy2QttuaY/9tAAonu3Xs6MppFGuY/Pv1CP4Y6mAmvqvLqVeB+7+wAspc6G266UQ7ng1XR7QrmJYeqmL3toqSzSFV/ugVw12I6M2r6sSOINWmQK553KL8NPIibYO7baqK8XUnorvfUaXl4Ufmx7azY/Fcu1lbDb4D2+wkpikbvItC2AxakaLDj6PTzF53NJvZiz4tWT2N5q6L16rW8/Q/+TWb4tHqQVdlHTXQlgMaUdJ39F6ySosfaN4IqDBKZx3UsUKY8Pq3HYccVFzZjQ2H1AnkluES0b+l1qUeHXtrZNLPwyAL+Ljq/RxtV7LF1oIVdM4sNjzERDVLxdKVptNEagxiEE0pFa3MkfbyKRIn4ex6zyQWNILi1F97YBdm25jWu2cP5POb9F/xfW0DlNJiDuxm5VYuJv/Cxd6xkG5ciIiSxK9Yy8JWgbGYw3Oe9JgteMnrF0n1WtpnrvRs0hAL2Mr7MkxSq8YOd23hTyC5FkOrAj7BYU7OY72xtzEeI+hw4dwph5TAawh2Qd1P6j+DnnV71Vbi0izSIgh9qvFB28ZiqCM0jDsoPz34yWHPv24OFzD/oRvPSiYqltbCPGq5FVLWJrYbf3aTYB25WWs9P3MLuYeILfI20HkZotu8lrF2kDL6fYdGaymWwd6rwWby0WLSEg73QUoQUxswdSx/XvIe11F1pkN8qUq+E6cbVE/gsDO+0Uht+5uQAAAABJRU5ErkJggg==) no-repeat 0 0/24px;
    padding: 0 0 7px 30px;
    line-height: 24px;
    font-size: 16px;
    font-weight: 500
}

.popup1 .importantBox p {
    color: #5e6c84
}

.popup1 a.btnBlue {
    border-radius: 8px;
    padding: 14px 0;
    margin: 20px 0 0;
    background-color: #0065ff;
    border: 1px solid #0065ff;
    color: #fff !important;
    width: 100%;
    display: block;
    text-align: center
}

.popup1 a.btnWhite {
    background-color: #fff;
    border: 1px solid #0065ff;
    color: #0065ff !important
}

.popup_box .popup1 li:hover {
    background-color: rgba(222, 235, 255, .6);
    border: 1px solid #0065ff
}

@media screen and (max-width:670px) {
    .popup1 {
        width: 100%;
        top: inherit;
        transform: translate(0);
        bottom: 0;
        left: 0;
        padding: 26px 16px 20px;
        border-radius: 32px 32px 0 0;
        height: auto;
        position: relative
    }

    .popup1 li {
        padding: 18px 11px
    }

    .popup1 li span {
        font-size: 12px
    }

    .popup1 li b {
        margin-bottom: 5px
    }

    .overlay {
        position: fixed
    }

    .popup1 h1 {
        padding-right: 55px
    }

    .carrier_confm_cover {
        position: fixed
    }
}

.termscondition {
    border: "1px solid #f3f4ff";
    width: 1000px;
    margin-left: 20px;
    margin-top: 10px
}

.termscondition h2 {
    margin: 0;
    padding: 4px 6px;
    background: #5a5da5;
    color: #fff
}

.termscondition tr td {
    font: 15px arial;
    color: #5b5a5a
}

.termscondition td {
    padding: 6px
}

.termscondition tr {
    display: table-row;
    vertical-align: inherit;
    unicode-bidi: -webkit-isolate;
    unicode-bidi: isolate;
    border-color: inherit
}

.rcMismatchBox {
    margin-bottom: 15px;
    background-color: #ffeaef;
    color: red;
    padding: 6px;
    border-radius: 8px;
    border: 1px solid red;
    font-size: 14px
}

.loader-cover {
    margin: auto
}

.lds-spinner {
    position: relative;
    width: 80px;
    height: 80px;
    margin: 20px auto auto
}

.lds-spinner div {
    transform-origin: 40px 40px;
    -webkit-animation: lds-spinner 1.2s linear infinite;
    animation: lds-spinner 1.2s linear infinite
}

.lds-spinner div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 37px;
    width: 6px;
    height: 18px;
    border-radius: 20%;
    background: #000
}

.lds-spinner div:first-child {
    transform: rotate(0deg);
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.lds-spinner div:nth-child(2) {
    transform: rotate(30deg);
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.lds-spinner div:nth-child(3) {
    transform: rotate(60deg);
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

.lds-spinner div:nth-child(4) {
    transform: rotate(90deg);
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}

.lds-spinner div:nth-child(5) {
    transform: rotate(120deg);
    -webkit-animation-delay: -.7s;
    animation-delay: -.7s
}

.lds-spinner div:nth-child(6) {
    transform: rotate(150deg);
    -webkit-animation-delay: -.6s;
    animation-delay: -.6s
}

.lds-spinner div:nth-child(7) {
    transform: rotate(180deg);
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.lds-spinner div:nth-child(8) {
    transform: rotate(210deg);
    -webkit-animation-delay: -.4s;
    animation-delay: -.4s
}

.lds-spinner div:nth-child(9) {
    transform: rotate(240deg);
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s
}

.lds-spinner div:nth-child(10) {
    transform: rotate(270deg);
    -webkit-animation-delay: -.2s;
    animation-delay: -.2s
}

.lds-spinner div:nth-child(11) {
    transform: rotate(300deg);
    -webkit-animation-delay: -.1s;
    animation-delay: -.1s
}

.lds-spinner div:nth-child(12) {
    transform: rotate(330deg);
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

@-webkit-keyframes lds-spinner {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes lds-spinner {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

body {
    background-color: #fff !important
}

:focus {
    outline: none !important
}

.css-2o5izw,
.css-vj8t7z {
    border-width: 1px !important;
    box-shadow: none !important
}

select::-ms-expand {
    display: none
}

.btn:focus,
a:focus,
input:focus,
select:focus {
    outline: none;
    box-shadow: none
}

a,
a:hover {
    color: #0065ff
}

.container {
    max-width: 1170px;
    width: 100%
}

.header_mob {
    display: none
}

.TP_strip {
    height: 40px;
    box-shadow: 0 2px 0 0 #199f47;
    background-color: #19b24d;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .2px;
    color: #fff;
    line-height: 40px;
    margin-bottom: 2px
}

.close {
    background: url(/assets/img/icn_close.25b449b8.svg);
    width: 24px;
    height: 24px;
    position: absolute;
    right: 16px;
    top: 8px;
    cursor: pointer
}

header {
    padding: 14px 0;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16);
    margin-bottom: 10px
}

header .logo {
    width: 170px;
    float: left;
    margin-top: -6px
}

header .right-list {
    margin: 0;
    padding: 0;
    list-style: none;
    vertical-align: middle;
    text-align: right
}

header .right-list li {
    display: inline-block;
    vertical-align: middle
}

.language_convertor .btn {
    width: 90px;
    height: 30px;
    background-color: #deebff;
    font-weight: 500;
    letter-spacing: .22px;
    text-align: center;
    text-decoration: none;
    display: block;
    line-height: 17px
}

.call_me,
.language_convertor .btn {
    border-radius: 4px;
    border: 1px solid #0065ff;
    font-size: 14px;
    color: #0065ff
}

.call_me {
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 13px;
    letter-spacing: .7px;
    text-align: left;
    padding: 6px;
    cursor: pointer
}

.call_me img {
    position: relative;
    top: -2px
}

.pre_quotewrap {
    background-color: #fff
}

.lead_page {
    background-color: #fff !important
}

.lead_page .inner {
    box-shadow: none !important
}

.pre_quotewrap .inner {
    border-radius: 8px;
    background-color: #fff;
    margin: 0 auto;
    position: relative;
    min-height: 400px
}

.pre_quotewrap .left-panel {
    padding: 20px 32px 47px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: #f2f7fa;
    border-radius: 16px;
    width: 460px
}

.pre_quotewrap .left-panel h4 {
    font-size: 20px;
    font-weight: 500;
    padding: 15px 0;
    color: #253858;
    margin-bottom: 0
}

.pre_quotewrap .left-panel h2:after,
.quote_page.pre_quotewrap .left_cont h2:after {
    content: "";
    display: block;
    background: #fff;
    height: 2px;
    width: 40px;
    border-radius: 3px;
    margin: 10px 0 20px
}

.pre_quotewrap .left-panel ul.features {
    list-style: none;
    padding: 10px 0 0
}

.pre_quotewrap .left-panel ul.features b {
    font-weight: 500;
    display: block;
    font-size: 14px;
    letter-spacing: .25px;
    color: #172b4d;
    margin-bottom: 2px
}

.features {
    margin-left: 20px !important
}

.pre_quotewrap .left-panel ul.features li {
    font-weight: 400;
    letter-spacing: .2px;
    position: relative;
    font-size: 12px;
    line-height: normal;
    padding-bottom: 12px;
    padding-right: 10px
}

.pre_quotewrap .left-panel ul.features li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 700;
    line-height: 20px;
    width: 40px;
    height: 40px
}

.features li {
    list-style: disc outside none !important;
    list-style: initial !important
}

.pre_quotewrap .left-panel ul.features li:last-child {
    padding-bottom: 0
}

.pre_quotewrap .left-panel ul.features li span {
    font-size: 20px;
    font-weight: 700
}

.pre_quotewrap .left-panel .image {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.pre_quotewrap .left-panel .image img {
    border-bottom-left-radius: 8px;
    width: 100%
}

.pre_quotewrap .right-panel {
    width: 100%;
    min-height: 550px;
    padding: 26px 30px 20px 500px
}

.step {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71;
    letter-spacing: normal;
    color: #0065ff;
    text-align: right;
    position: absolute;
    right: 16px;
    top: 12px
}

.pre_quotewrap .right-panel .title {
    font-size: 30px;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #253858;
    margin: 20px 0
}

.title_line span {
    color: #253858;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 20px
}

.title_line span,
.title_line span:after {
    display: inline-block;
    vertical-align: middle
}

.title_line span:after {
    content: "";
    width: 24px;
    height: 2px;
    background: #b3bac5;
    margin-left: 10px
}

.pre_quotewrap .form-control {
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    color: #253858;
    font-size: 14px;
    letter-spacing: .22px;
    min-height: 56px;
    border-radius: 8px;
    border: 1px solid #7a869a;
    background-color: #fff;
    padding: 18px 16px
}

.pre_quotewrap .form-control:focus {
    box-shadow: none;
    border-color: #fa774d
}

.floating_level_wrap {
    position: relative
}

.floating_level_wrap .floating-label {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .26px;
    color: #7a869a;
    display: inline-block;
    background: transparent;
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    transition: all .2s ease;
    -webkit-transition: all .2s ease
}

.floating_level_wrap .form-control:focus+.floating-label,
.floating_level_wrap .form-control:not(:placeholder-shown)+.floating-label {
    font-size: 12px;
    color: #0065ff;
    top: 26%
}

.floating_level_wrap .form-control::-webkit-input-placeholder {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .26px
}

.floating_level_wrap .form-control::-ms-input-placeholder {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .26px
}

.floating_level_wrap .form-control::placeholder {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .26px
}

.form-group {
    margin-bottom: 16px
}

.error-info {
    font-size: 12px;
    margin-top: 5px;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    color: #7a869a
}

.pre_quotewrap .right-panel .button {
    position: relative;
    max-width: 320px;
    margin: 10px auto auto
}

.lead-form .button {
    margin: 0 0 10px !important;
    max-width: 100% !important
}

.lead-form .btn {
    background-color: #0065ff !important;
    border-radius: 8px !important
}

.pre_quotewrap .right-panel .btn {
    border-radius: 4px;
    background-color: #fc4804;
    color: #fff;
    display: block;
    padding: 12px 0;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    width: 100%;
    background-image: url("data:image/svg+xml;base64 ,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxMCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTS4wMyA1LjQ5OGEuNS41IDAgMCAwIC40OTguNDk5aDEwLjI0N0w4LjY0IDguMTM3YS40OTguNDk4IDAgMCAwLS4xNDYuMzUydi45OTdhLjQ5OC40OTggMCAwIDAgLjg1LjM1Mmw0LjQ4LTQuNDg2YS40OTkuNDk5IDAgMCAwIDAtLjcwNEw5LjM0My4xNjJhLjQ5Ny40OTcgMCAwIDAtLjg1LjM1MnYuOTk3YS41LjUgMCAwIDAgLjE0Ni4zNTJsMi4xMzcgMi4xNEguNTNhLjQ5OC40OTggMCAwIDAtLjQ5OC40OTl2Ljk5NnoiLz48L3N2Zz4=");
    background-repeat: no-repeat;
    background-position: 78% 55%
}

.pre_quotewrap .right-panel .button.inactive .btn {
    background-color: #dfe1e6;
    color: #b3bac5;
    cursor: not-allowed
}

.pre_quotewrap .right-panel p.tc {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #253858
}

.subheading {
    font-size: 16px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: .26px;
    text-align: left;
    color: #253858;
    margin-bottom: 10px
}

.vehicle_class_list {
    min-height: 300px
}

.vehicle_class_list ul {
    margin: 0 -8px;
    padding: 0
}

.custom-radios-list ul li {
    float: left;
    width: 25%;
    position: relative;
    overflow: hidden;
    padding: 0 8px 16px;
    display: inline-block
}

.custom-radios-list ul li input {
    position: absolute;
    visibility: hidden;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    height: 100%
}

.custom-radios-list ul li label {
    border-radius: 8px;
    border: 1px solid #7a869a;
    background-color: #fff;
    background: #fff;
    display: block;
    height: 90px;
    text-align: center;
    font-weight: 400;
    position: relative;
    cursor: pointer;
    width: 100%;
    margin: 0
}

.vehicle_class_list ul li label img {
    margin: 20px auto 0;
    position: absolute;
    left: 0;
    right: 0
}

.vehicle_class_list ul li label img.active {
    opacity: 0
}

.vehicle_class_list ul li.Buses label img {
    margin-top: 26px
}

.vehicle_class_list ul li.Miscellaneous label img {
    margin-top: 15px
}

.custom-radios-list ul li label span {
    font-size: 14px;
    line-height: 1.57;
    text-align: left;
    color: #7a869a;
    display: block;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 14px
}

.vehicle_class_list .subclass {
    padding-top: 10px
}

.vehicle_class_list .subclass li label {
    height: 40px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0
}

.vehicle_class_list .subclass li label span {
    position: static;
    display: block;
    margin-bottom: 2px;
    padding: 0 20px;
    line-height: 16px;
    flex: 0 0 100%;
    max-width: 100%
}

.custom-radios-list ul li input:checked+label,
.vehicle_details .selected-field {
    border: 1px solid #0065ff;
    background-color: rgba(222, 235, 255, .6)
}

.custom-radios-list ul li input:checked+label span {
    color: #172b4d;
    font-weight: 500
}

.custom-radios-list ul li input:checked+label img.active {
    opacity: 1
}

.custom-radios-list ul li input:checked+label:after {
    content: "";
    width: 16px;
    height: 16px;
    display: block;
    background: url(/assets/img/tick.1cb9600c.svg);
    background-size: contain;
    position: absolute;
    right: 16px;
    top: 10px
}

.custom-radios-list.inline ul li input:checked+label:after,
.custom-radios-list .subclass ul li input:checked+label:after,
label.selected-field .edit_btn {
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.custom-radios-list.inline ul li label {
    text-align: left;
    padding-left: 71px;
    height: 58px;
    border-radius: 4px
}

.custom-radios-list.inline ul li label.selected-field,
label.selected-field {
    padding-left: 16px
}

.custom-radios-list.inline ul li label.selected-field span,
label.selected-field span {
    position: static;
    transform: none;
    color: #0065ff;
    font-size: 12px;
    padding-top: 6px
}

.other-list ul li input:checked+label:after {
    right: 6px
}

label.selected-field p.value {
    margin: 0;
    color: #172b4d;
    font-size: 14px;
    font-weight: 500
}

.edit_btn {
    width: 80px;
    height: 30px;
    border-radius: 4px;
    background-color: #fff;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .22px;
    display: block;
    line-height: 27px;
    text-transform: uppercase;
    text-decoration: none !important
}

label.selected-field .edit_btn {
    position: absolute;
    right: 16px
}

.subclass-icon {
    display: block;
    text-align: center;
    margin: 0 auto -23px
}

select {
    background-position: 96%
}

.floating_level_wrap.select-wid-floating select.form-control {
    padding-top: 12px;
    font-size: 16px;
    color: #7a869a
}

.select-wid-floating select+label {
    opacity: 0
}

.select-wid-floating select.filled+label {
    opacity: 1
}

.floating_level_wrap.select-wid-floating select.form-control.filled {
    padding-top: 22px;
    color: #253858;
    font-size: 14px;
    border-color: #0065ff
}

.strip {
    height: 55px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .12px;
    text-align: left;
    color: #253858;
    padding: 3px 7px
}

.strip.info {
    border: 1px solid #9fd7e0;
    background-color: #e6fcff
}

.rto-wrap .city-list.custom-radios-list ul li label {
    height: 56px;
    border-radius: 4px;
    display: flex;
    align-items: center
}

.rto-wrap .city-list.custom-radios-list ul li label span {
    position: static;
    transform: none;
    -webkit-transform: none;
    flex: 0 0 100%;
    max-width: 100%;
    line-height: 16px
}

.rto-wrap .city-list.custom-radios-list .select-rto label {
    height: 40px
}

.rto-wrap .city-list.custom-radios-list .select-rto label span {
    padding: 0 24px
}

.custom-radios-list label.selected {
    padding-left: 16px
}

.custom-radios-list label.selected span {
    text-align: left !important
}

.custom-radios-list label.selected:after {
    top: 50% !important;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.vehicle_class_list .subclass li {
    width: 177px;
    float: none;
    padding: 0 6px 12px
}

.select-rto ul li {
    float: none;
    width: 141px
}

.select-rto ul li label {
    width: 100%
}

.select-rto ul,
.vehicle_class_list .subclass ul {
    margin: 0 -6px
}

.tabs_wrapper {
    background: #fff;
    padding: 15px;
    max-width: 1200px;
    box-shadow: 0 2px 26px 0 rgba(0, 0, 0, .11);
    margin: 0 auto
}

.tabs_wrapper ul.tab-list {
    margin: 0;
    padding: 0
}

.tabs_wrapper ul.tab-list li {
    height: 40px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: normal;
    text-align: center;
    color: #162b4d;
    list-style: none;
    display: inline-block;
    line-height: 38px;
    padding: 0 58px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    margin-right: 10px;
    cursor: pointer;
    margin-bottom: -2px;
    opacity: .6
}

.tabs_wrapper .tab-content {
    padding: 10px 15px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 0;
    border-top: none
}

.tabs_wrapper ul.tab-list li.active_li {
    background-color: #fff;
    border-bottom: 1px solid #fff
}

.tabs_wrapper .tab-content h3,
.tabs_wrapper .tab-content h5 {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 5px;
    line-height: 15px
}

.tabs_wrapper .tab-content li,
.tabs_wrapper .tab-content p {
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: .24px;
    text-align: left;
    color: #253858;
    position: relative
}

.tabs_wrapper .tab-content ol,
.tabs_wrapper .tab-content ul,
.tabs_wrapper .tab-content ul li {
    padding-left: 10px
}

.tabs_wrapper .tab-content ul li:before {
    content: "-";
    position: absolute;
    top: 0;
    left: 0
}

.tabs_wrapper .tab-content ul li {
    list-style: none
}

.tabs_wrapper .tab-content h3 b {
    font-weight: 700
}

.semibold {
    font-weight: 500
}

footer {
    padding: 0 0 10px
}

footer p {
    max-width: 1000px
}

footer p span {
    color: #0065ff
}

.custom-row {
    margin: 0 -8px !important
}

.col50 {
    width: 50% !important
}

.col25,
.col50 {
    float: left;
    padding: 0 8px
}

.col25 {
    width: 25% !important
}

.col20 {
    width: 20% !important
}

.col20,
.col100 {
    float: left;
    padding: 0 8px
}

.col100 {
    width: 100% !important
}

.lead-form {
    max-width: 400px
}

.lead-form .form-control {
    color: #253858;
    min-height: 60px
}

.padTop10 {
    padding-top: 10px
}

.btn_eng {
    width: 130px !important
}

.mb_300 {
    margin-bottom: 300px
}

.form-group-modal .custom-radio label {
    word-wrap: break-word
}

.custom-radios-list.inline ul li input:checked+label:after,
.subclass ul li input:checked+label:after,
label.selected-field .edit_btn {
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.cross-btn {
    color: #fff;
    background: rgba(0, 0, 0, .7);
    border-radius: 50%;
    padding: 2px 5px;
    font-size: 8px;
    position: absolute;
    right: 24px;
    cursor: pointer
}

.custom-radios-list.inline ul li label img {
    margin: 0;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.custom-radios-list.inline ul li label span {
    display: block;
    text-align: left;
    left: 72px;
    transform: translateY(-50%);
    top: 46%;
    bottom: auto
}

.pre_quotewrap .right-panel .t1 {
    font-size: 30px;
    max-width: 536px;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    color: #253858;
    margin: 0 0 20px
}

.prequoteRegNo {
    margin-bottom: 20px;
    text-align: center
}

.vehicle-detail h3 {
    margin: 10px 8px;
    padding: 5px 0
}

.vehicle-detail h4 {
    font-size: 16px;
    margin: 10px 0;
    font-weight: 600
}

.vehicle-detail .vehicle-box {
    position: relative;
    font-size: 12px;
    padding: 5px
}

.customerDetailsHead {
    margin-bottom: 25px !important;
    font-size: medium;
    padding-left: 9px
}

.vehicle-detail .vehicle-box .form-control {
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    color: #253858;
    font-size: 14px;
    letter-spacing: .22px;
    min-height: 48px;
    border-radius: 4px;
    border: 1px solid #7a869a;
    background-color: #fff;
    padding: 0 16px;
    line-height: 20px
}

.vehicle_class_list .vehicle-box label img.active {
    opacity: 0
}

.vehicle_class_list .vehicle-box input:checked+label img.active {
    opacity: 1
}

.custom-radios-list .vehicle-box input:checked+label,
.vehicle_details .selected-field {
    border: 1px solid #0065ff;
    background-color: rgba(222, 235, 255, .6)
}

.custom-radios-list .vehicle-box input:checked+label span {
    color: #172b4d;
    font-weight: 500;
    font-size: 12px
}

.custom-radios-list .vehicle-box input:checked+label img.active {
    opacity: 1
}

.custom-radios-list .vehicle-box input:checked+label:after {
    content: "";
    width: 13px;
    height: 13px;
    display: block;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PGNpcmNsZSBjeD0iOCIgY3k9IjgiIHI9IjYiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMTYgOEE4IDggMCAxMTAgOGE4IDggMCAxMTE2IDB6bS04LjkyNiA0LjIzN0wxMyA2LjMwM2EuNTE5LjUxOSAwIDAwMC0uNzNsLS43My0uNzNhLjUxOS41MTkgMCAwMC0uNzMgMEw2LjcgOS42ODJsLTIuMjYtMi4yNmEuNTE5LjUxOSAwIDAwLS43MyAwbC0uNzMuNzNhLjUxOS41MTkgMCAwMDAgLjczbDMuMzU1IDMuMzU2YS41MTkuNTE5IDAgMDAuNzMgMHoiIGZpbGw9IiMzNmIzN2UiLz48L3N2Zz4=");
    background-size: contain;
    position: absolute;
    right: 10px;
    top: 18px;
    z-index: 100
}

.custom-radios-list .vehicle-box input:checked+label.selected-field:after {
    top: 40%
}

.custom-radios-list.inline .vehicle-box input:checked+label:after,
.custom-radios-list .subclass .vehicle-box input:checked+label:after,
label.selected-field .edit_btn {
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.custom-radios-list.inline .vehicle-box label {
    text-align: left;
    padding-left: 71px;
    height: 48px;
    line-height: 30px;
    border-radius: 4px
}

.custom-radios-list.inline .vehicle-box label span {
    display: block;
    text-align: left;
    left: 72px;
    transform: translateY(25%);
    top: 25px;
    bottom: auto
}

.custom-radios-list.inline .vehicle-box label img {
    margin: 0;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.custom-radios-list.inline .vehicle-box label.selected-field,
label.selected-field {
    padding-left: 16px;
    background: rgba(222, 235, 255, .6);
    border: 1px solid #0065ff
}

.custom-radios-list.inline .vehicle-box label.selected-field span,
label.selected-field span {
    position: static;
    transform: none;
    color: #0065ff;
    font-size: 12px;
    padding-top: 6px
}

.custom-radios-list .vehicle-box input {
    position: absolute;
    visibility: hidden;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    height: 100%
}

.custom-radios-list label {
    border-radius: 5px;
    border: 1px solid #7a869a;
    background-color: #fff;
    background: #fff;
    display: block;
    min-height: 48px;
    line-height: 48px;
    text-align: center;
    font-weight: 400;
    position: relative;
    cursor: pointer;
    width: 100%;
    margin: 0;
    padding: 0 8px
}

.make-box label {
    padding-left: 0 !important
}

.make-box label span,
.other-make-box label {
    text-align: center !important
}

.other-make-box label {
    line-height: 48px !important
}

.min-height {
    min-height: 110px !important
}

.custom-radios-list .vehicle-box label div[class*=a] {
    margin-top: 13px;
    margin-bottom: 5px
}

.custom-radios-list .vehicle-box .subclass-label {
    display: block;
    line-height: normal
}

.custom-radios-list input#others+label .subclass-label {
    display: inline
}

.custom-radios-list .vehicle-box label.min-height {
    min-height: 104px !important
}

.vehicle-box label div[class*=a] {
    margin-top: 31px
}

.other-vehicle-box.vehicle-box label {
    min-height: 0 !important
}

span.subclass-label {
    color: #0065ff !important
}

.custom-radios-list.withsubclass label {
    height: auto;
    left: 0;
    bottom: 0
}

.custom-radios-list.withsubclass label:before {
    content: "";
    display: block;
    width: 48px;
    height: 48px;
    background-size: contain;
    margin: 0 auto;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -ms-filter: grayscale(100%)
}

#others+label:before {
    display: none
}

.custom-radios-list.withsubclass .vehicle-box input:checked+label,
.custom-radios-list.withsubclass label:hover {
    border-color: #0065ff;
    background-color: rgba(222, 235, 255, .6)
}

.custom-radios-list.withsubclass label .subclass-label {
    min-height: 0;
    line-height: normal
}

.custom-radios-list.withsubclass label .subclass-eg {
    line-height: normal;
    margin-top: 0
}

.custom-radios-list.withsubclass #others+label .subclass-label {
    line-height: 48px
}

.min-height {
    min-height: 110px
}

.a1,
.a10,
.a12,
.a13,
.a48 {
    height: 30px;
    background-repeat: no-repeat;
    background-position: 50%
}

.a48 {
    mix-blend-mode: multiply
}

.a6,
.a14,
.a16,
.a45 {
    height: 30px;
    background-repeat: no-repeat;
    background-position: 50%
}

.a14 {
    background-size: 82px !important
}

.a7,
.a15,
.a28 {
    height: 30px;
    background-repeat: no-repeat;
    background-position: 50%
}

.a28 {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCI+PHBhdGggZD0iTTM5LjMgMjIuNWgtNS4zNzhsLTQuMzYzLTZhLjU3LjU3IDAgMDAtLjQ2LS4yMzJoLTEuODI1bC0uNDYtMS44MzZhLjU2Ny41NjcgMCAwMC0uNTUtLjQzSDIwLjZhLjU2OC41NjggMCAwMC0uNTUuNDNsLS40NiAxLjgzNmgtMy41MjRhLjU2LjU2IDAgMDAtLjQ3Ni4yNjFsLTMuODAzIDUuOTdIOC43YTEuNzA1IDEuNzA1IDAgMDAtMS43IDEuN3Y1LjY2N2EuNTcuNTcgMCAwMC41NjYuNTY2aDMuNDVhMy40IDMuNCAwIDAwNi43IDBoMTIuNTY2YTMuNCAzLjQgMCAwMDYuNyAwaDMuNDVhLjU2Ny41NjcgMCAwMC41NjUtLjU2N1YyNC4yYTEuNzA1IDEuNzA1IDAgMDAtMS43LTEuN3ptLTYuNzc3IDBoLTcuOTU2di0yLjgzM2g1Ljg5M3ptLTExLjQ4LTcuMzY3aDQuNzgzbC4yODMgMS4xMzNoLTUuMzV6bS02LjY3NSAxN2EyLjI3IDIuMjcgMCAwMS0yLjI2Ny0yLjI2NyAyLjI3IDIuMjcgMCAwMTIuMjY3LTIuMjY3IDIuMjcgMi4yNyAwIDAxMi4yNjcgMi4yNjcgMi4yNyAyLjI3IDAgMDEtMi4yNjcgMi4yNjd6bTkuMDY2LTIuODMzaC01LjcxN2EzLjQgMy40IDAgMDAtNi43IDBIOC4xMzN2LTUuMWEuNTY1LjU2NSAwIDAxLjU2Ni0uNTY2aDMuNGEuNTYuNTYgMCAwMC40NzYtLjI2MWwzLjgtNS45NzNIMjguODFsLjgyNyAxLjEzM0gxNy4yYS41NjguNTY4IDAgMDAtLjQ5My4yODNsLTIuMjY3IDMuOTY4Yy0uMDk3LjE3Ny0uMDk1LjM5Mi4wMDYuNTY3cy4yODUuMjg1LjQ4Ny4yODNoOC41em0wLTYuOGgtNy41MjVsMS42Mi0yLjgzM2g1Ljl6bTEwLjIgOS42MzNhMi4yNjcgMi4yNjcgMCAxMTIuMjY3LTIuMjY1IDIuMjcgMi4yNyAwIDAxLTIuMjY3IDIuMjY2em02LjIzMy01LjFIMzkuM2EuNTY3LjU2NyAwIDAxMC0xLjEzMmguNTY3em0wLTIuMjY3SDM5LjNhMS43IDEuNyAwIDAwMCAzLjRoLjU2N1YyOS4zaC0yLjg4NWEzLjQgMy40IDAgMDAtNi43IDBoLTUuNzE1di01LjY2N0gzOS4zYS41NjUuNTY1IDAgMDEuNTY2LjU2NnoiIGZpbGw9IiMwMDY1ZmYiLz48L3N2Zz4=")
}

.a3,
.a41 {
    height: 30px;
    background-repeat: no-repeat;
    background-position: 50%
}

.a41 {
    background-size: 100px !important
}

.a55 {
    height: 30px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 82px !important;
    margin-top: 18px !important;
    margin-bottom: -2px !important
}

.vehicle_class_list .vehicle-box label img {
    margin: 20px auto 0;
    position: absolute;
    left: 0;
    right: 0
}

.vehicle_class_list .vehicle-box.withIcon label span {
    line-height: 1.57;
    text-align: left;
    display: block;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 12px
}

.vehicle-detail .continue-btn {
    background-color: #dfe1e6;
    color: #b3bac5;
    cursor: not-allowed;
    color: #fff;
    display: block;
    padding: 12px 0;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    width: 280px;
    text-transform: uppercase;
    border-radius: 5px;
    border: none;
    margin: 1em auto
}

.vehicle-box .selected-field {
    position: relative;
    text-align: left;
    padding: 8px;
    min-height: 38px;
    line-height: 30px
}

.vehicle-box .selected-field .edit-btn {
    position: absolute;
    right: 10px;
    top: 10px
}

.vehicle-box .info {
    border: 1px solid #9fd7e0;
    background-color: #e6fcff;
    height: 48px;
    line-height: 18px;
    display: block;
    border-radius: 5px;
    padding: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vehicle-class label {
    min-height: 90px
}

.vehicle-box .selected-field .edit-btn i {
    font-size: 16px;
    color: #007bff
}

.strip-info {
    border: 1px solid #9fd7e0;
    background-color: #e6fcff;
    line-height: 18px;
    display: block;
    border-radius: 5px;
    padding: 10px 15px;
    overflow: hidden;
    font-size: 12px;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    color: #7a869a;
    font-weight: 400;
    width: 98%;
    margin: 10px auto;
    text-align: center
}

.vehicle-box .selected-field .edit-btn .pencil-icon {
    font-size: 16px;
    color: #007bff
}

.vehicle-detail .form_wrap {
    width: 100%
}

.custom-radios-list label .subclass-label {
    font-weight: 600;
    line-height: 12px
}

.custom-radios-list label .subclass-eg {
    font-weight: 400;
    margin-top: -10px;
    font-size: 10px;
    line-height: 12px;
    color: #7a869a
}

.regYear label {
    min-height: auto;
    padding: 0
}

.ncb_popup_desktop .popup.desk {
    width: 346px;
    position: absolute;
    right: 0;
    left: auto;
    top: 0;
    transform: none
}

.popup.desk .popup-header {
    font-size: 14px;
    padding: 15px 23px;
    border-bottom: 1px solid #e4e4e4;
    color: #4f4f4f;
    position: relative;
    line-height: normal;
    font-weight: 400
}

.popup.desk .popup-header:after {
    content: " ";
    height: 0;
    width: 0;
    pointer-events: none;
    border: 4px solid transparent;
    margin: 5px 0 0;
    float: right
}

.popup.desk .popup-body {
    padding: 0 23px;
    position: relative;
    overflow: visible;
    line-height: normal;
    max-height: none
}

.popup.desk .popup-body b {
    color: #212121;
    font-weight: 500;
    font-size: 14px;
    margin: 0 0 14px;
    display: table;
    width: 100%
}

.popup.desk button {
    cursor: pointer
}

.popup.desk .clam-yes-no .claim-yes-button {
    background: none;
    border: 1px solid #212121;
    border-radius: 20px;
    padding: 0 15px;
    color: #212121;
    margin: 0 12px 10px 0;
    width: 52px;
    line-height: 22px;
    cursor: pointer;
    float: left
}

.popup.desk .clam-yes-no .claim-yes-button.active,
.popup.desk .ncb-options .ncb-option.selected-ncb {
    color: #fff;
    border: 1px solid #1596fe;
    background: #1596fe
}

.popup.desk .claim-content {
    margin: 20px 0 0
}

.popup.desk .ncb-options .ncb-option {
    background: none;
    border: 1px solid #212121;
    border-radius: 20px;
    padding: 0 15px;
    color: #212121;
    margin: 0 12px 10px 0;
    width: 52px;
    line-height: 22px;
    cursor: pointer
}

.popup.desk .ncb-options .selected {
    color: #fff;
    border: 1px solid #1596fe;
    background: #1596fe
}

.popup.desk .popup-footer {
    padding: 10px 20px 20px;
    text-align: center;
    width: 100%;
    display: table
}

.popup.desk.popup-footer .close-btn {
    background: none;
    color: #ed4634;
    border: 1px solid #ed4634;
    width: 134px;
    height: 36px;
    border-radius: 3px;
    margin: 0 10px 0 0;
    float: left;
    font-size: 12px;
    line-height: 12px
}

.popup.desk .save-btn,
.popup.desk .update-btn {
    background: #fc4804;
    color: #fff;
    border: 1px solid #fc4804;
    width: 134px;
    height: 36px;
    border-radius: 3px;
    font-size: 12px;
    line-height: 12px
}

.add_list .update-btn {
    margin: 10px 0
}

.popup.desk {
    width: auto;
    position: absolute
}

.idv-popup-desk .popup.desk {
    top: 0;
    transform: none;
    left: 0;
    right: 0;
    width: 360px
}

.overflow_hidden {
    overflow: hidden !important
}

.add_filter_popup.desk .popup.desk {
    width: 346px;
    position: absolute;
    right: -20px;
    left: auto;
    top: -50px;
    transform: none
}

.add_filter_popup.desk .popup.desk .subtext {
    margin-top: 15px
}

.add_filter_popup.desk .popup.desk .popup-footer {
    text-align: center
}

.add_filter_popup.desk .popup.desk .popup-footer button {
    float: none;
    display: inline-block
}

.add_filter_popup.desk {
    color: #212121;
    text-transform: none;
    font-weight: 400;
    position: relative
}

.loading-ring :after {
    content: "";
    display: block;
    background: hsla(0, 0%, 100%, .02);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000
}

.loading-ring .lds-ring {
    top: 225px;
    position: absolute
}

.policy-expiry-popup .popup.desk {
    left: 0;
    right: 0;
    transform: none;
    top: 0
}

.vehicle-popup-desk .popup {
    top: 0;
    left: 15px;
    transform: none;
    right: 4px;
    width: auto
}

.vehical-details-edit-section .popup.desk .change-detail-btn {
    width: 150px;
    height: 30px;
    border-radius: 3px;
    border: 1px solid #0065ff;
    color: #0065ff;
    font-size: 12px;
    float: right;
    margin: -5px 0 0;
    background: #fff
}

.vehicle_popup_header:after {
    border: none !important
}

.addon_popup {
    overflow: scroll;
    overflow-x: hidden;
    height: 450px
}

.addon_acc {
    margin-top: 0
}

.addon_subtext:first-child {
    padding-top: 0 !important
}

.inspection-tags ul {
    margin-bottom: 0
}

.make-min-height {
    width: 130px !important;
    height: 90px !important
}

.quote-tile-desk .tile_inner-desk .addons-section-desk.addons-full {
    width: 52%;
    text-align: center;
    vertical-align: middle
}

.addons-section-desk div {
    color: #7a869a;
    font-size: 12px
}

.ncb_moal_popup {
    box-shadow: none !important;
    background-color: initial;
    width: 100% !important
}

.react-datepicker__month {
    margin: 0
}

.table-header {
    letter-spacing: 0;
    color: #172b4d;
    text-transform: uppercase;
    font-size: 14px;
    padding: 5px;
    background: #dfe1e6;
    text-align: center;
    margin: 15px 0 10px
}

.table-heading {
    color: #ff5630;
    font-size: 36px;
    margin: 0 0 10px;
    font-family: Arial Black
}

.ins-text {
    margin: 0;
    line-height: 24px
}

.guidliens table {
    width: 100%;
    padding: 0 50px;
    margin: 20px 0 0;
    text-align: center;
    cellpadding: 0;
    cellspacing: 0;
    border: 0
}

table td {
    padding-left: 20px;
    width: 337px;
    text-align: left;
    vertical-align: top
}

table td img {
    max-width: 100%
}

.email_cover {
    height: 30px;
    display: block
}

.email_plan {
    background-repeat: no-repeat;
    color: #5194f7;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAYAAAAmL5yKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhDMEY2QjFBQTAxQTExRTk5MUEyRDc4RUU2OEFERDRDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhDMEY2QjFCQTAxQTExRTk5MUEyRDc4RUU2OEFERDRDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OEMwRjZCMThBMDFBMTFFOTkxQTJENzhFRTY4QURENEMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OEMwRjZCMTlBMDFBMTFFOTkxQTJENzhFRTY4QURENEMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4+eYKHAAABBElEQVR42qTSwUoCQRzH8XFa8KaFEHjtIoR68Za3woTeIC8+hU8QiKigBzGikyelF+igKd6CTkGP4EkDNw9Ch7LvH/7C0KF29Q+f2WVnfn92ZzYSq6xjxpgcDky4+sKLx/CIM7NbPVuGtNm9UtKgtUeDtjSooYpNiOBGc3Vp8IRbXGIWICxriuhgZHUD33CCLPp/hAe65hCvyFudiOMOTZRwDd8J+s7zBh6QkAnrLFrhHqd4RwZdJfcLnZPPXW5DnhMu6nWMY/SU1A3KmOMcBQxxFOFP/NCwdJ0g+c8mSpMLRKWJDRk2+nZycp+4srpB04Bht8lIsp6ea+nXhgapb8n+CDAAWmI4/iOUfEsAAAAASUVORK5CYII=);
    padding-left: 22px;
    background-position: 0;
    margin-left: 15px;
    font-size: 14px;
    float: left;
    cursor: pointer;
    margin-top: 4px
}

.email_plan,
.succes-email {
    display: block;
    margin-bottom: 0
}

.succes-email {
    color: #43a047;
    font-size: 11px
}

.carrier-info-text {
    background-color: rgba(230, 211, 64, .28);
    color: #172b4d;
    font-size: 12px;
    text-align: center;
    width: 300px;
    display: block;
    margin: 12px auto
}

.view_all_btn {
    color: #0065ff;
    font-size: 14px;
    box-shadow: 0 6px 16px rgba(52, 105, 203, .16);
    border: 1px solid #fff;
    border-radius: 17px;
    background-color: #fff;
    min-width: 226px;
    min-height: 37px;
    margin: 20px auto;
    display: block;
    padding: 7px 10px;
    font-weight: 500;
    vertical-align: middle
}

.view_all_btn:after {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    border-top: 1px solid #0065ff;
    border-right: 1px solid #0065ff;
    transform: rotate(135deg);
    vertical-align: middle;
    bottom: 3px;
    margin-left: 8px;
    position: relative
}

.view_all_btn.active:after {
    transform: rotate(-45deg);
    bottom: 0
}

.irda-amount {
    padding: 0;
    vertical-align: top;
    margin: 8px 10px 0 0;
    font-size: 14px;
    font-weight: 400;
    position: absolute;
    height: 18px;
    display: block;
    text-align: center;
    width: 100%;
    text-decoration: line-through;
    color: #7a869a
}

.plan-feature-lower {
    background: #fff;
    display: table;
    width: 100%;
    position: relative;
    z-index: 1;
    padding: 0 0 6px 12px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.plan-feature-lower ul {
    padding: 0;
    margin: 0
}

.plan-feature-lower ul li {
    float: left;
    display: list-item;
    width: auto;
    list-style-position: outside;
    margin: 0 5px 5px 0;
    font-size: 12px;
    color: #696969;
    letter-spacing: -.2px;
    position: relative;
    cursor: help;
    border: 1px solid #dfe1e6;
    padding: 2px 8px;
    border-radius: 4px
}

.garages {
    color: #0065ff
}

.call-expoert-nq .or-text {
    margin-bottom: 10px !important;
    margin-top: 20px;
    font-size: 18px;
    font-weight: 700;
    color: #212121
}

.call-expoert-nq .talk-text-link {
    margin-bottom: 10px !important;
    margin-top: 20px;
    color: #2684ff !important;
    cursor: pointer
}

.select-rto ul li {
    width: 33.3%
}

.custom-radios-list ul li {
    padding: 0 5px 3px
}

.rto-wrap .city-list.custom-radios-list .select-rto label {
    height: 36px;
    background: url(https://static.pbcdn.in/car-cdn/rct/images/icon.png) no-repeat 100% -209px
}

.rto-wrap .city-list.custom-radios-list .select-rto label span {
    font-weight: 500;
    font-size: 15px;
    color: #253858
}

.pre_quotewrap .container {
    width: 1024px
}

.vehicle-detail .vehicle-box label {
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

.vehicle-detail .vehicle-box input:checked+label,
.vehicle-detail .vehicle-box label.selected-field,
.vehicle-detail .vehicle-box label:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.custom-radios-list ul li.regYear label {
    border: 1px solid #becbd4
}

.rto-wrap .city-list.custom-radios-list .select-rto label:hover span {
    color: #1596fe
}

.rto-wrap .city-list.custom-radios-list .select-rto label:hover {
    border: 1px solid #1596fe
}

.rto-wrap .city-list.custom-radios-list .select-rto label.active:hover span,
.rto-wrap .city-list.custom-radios-list .select-rto label.active span {
    color: #fff
}

.custom-radios-list ul li.regYear input:checked+label:after {
    display: none
}

.custom-radios-list ul li.regYear input:checked+label,
.custom-radios-list ul li.regYear input label:hover {
    border: 1px solid #1596fe;
    background-color: #1596fe;
    color: #fff
}

@media only screen and (min-width:320px) and (max-width:670px) {
    .pre_quotewrap .inner {
        box-shadow: none
    }

    .pre_quotewrap.vehicle_details {
        margin-top: 0
    }

    .pre_quotewrap .right-panel {
        padding: 0 10px
    }

    .manufact-listcb {
        width: 100%
    }

    .manufact-listcb li span {
        min-height: 45px
    }

    .regYear {
        width: 33.3% !important
    }

    .rto-wrap .city-list.custom-radios-list .select-rto label span {
        font-weight: 400;
        font-size: 14px;
        color: #253858;
        letter-spacing: -.3px;
        padding: 0 10px
    }

    .pre_quotewrap .right-panel .button {
        max-width: 100%
    }

    .edit-vehical-details-button.fleet-button {
        float: right;
        background-color: #fff;
        color: #0065ff;
        border-radius: 9px;
        margin: 0;
        font-size: 12px
    }
}

.button-link {
    background: none !important;
    border: none;
    padding: 0 !important;
    cursor: pointer;
    font-size: 15px;
    font-weight: 500;
    color: #4097f7;
    display: inline-block;
    outline: 0
}

.not-applicable-text {
    text-align: center;
    font-size: 12px
}

.header_mob h1 {
    color: #fff;
    font-size: 14px;
    margin: 0;
    padding-left: 10px;
    flex: 0 0 70%;
    font-weight: 600
}

.logo_mob {
    width: 50px
}

.hide {
    display: none
}

ul.left-features {
    padding: 0;
    color: #161718
}

ul.left-features li {
    font-size: 13px;
    padding-bottom: 4px
}

@media only screen and (max-width:600px) {
    .quote_page .loader-60devs {
        top: 90px !important
    }
}

.quote_page.main_wrap a.back-button {
    border-radius: 3px;
    border: 1px solid #4097f7;
    font-size: 11px;
    padding: 1px 3px;
    text-decoration: none;
    color: #4097f7;
    position: absolute;
    top: 5px;
    right: 7px;
    line-height: 17px
}

.react-datepicker-popper {
    z-index: 1000 !important
}

.main_wrap .right-panel .steps_proposal {
    margin: 0 auto;
    max-width: 500px;
    padding: 5px 0 15px
}

.main_wrap .right-panel .steps_proposal li {
    float: left;
    width: 33.33%;
    list-style: none;
    position: relative
}

.main_wrap .right-panel .steps_proposal li span.step_text {
    display: block;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    color: #9b9b9b;
    background: #d8d8d8;
    text-align: center;
    line-height: 28px;
    font-size: 13.8px;
    font-weight: 600;
    margin: 0 auto
}

.main_wrap .right-panel .steps_proposal li.active span.step_text {
    background: #2570a9;
    color: #fff;
    position: relative;
    z-index: 100;
    box-shadow: 0 0 7px 0 rgba(37, 112, 168, .5)
}

.main_wrap .right-panel .steps_proposal li .step {
    max-width: 84px;
    text-align: center;
    margin: 0 auto
}

.main_wrap .right-panel .steps_proposal li .step_label {
    line-height: 16px;
    font-size: 13px;
    color: #c0c1c2;
    font-weight: 500;
    margin: 5px 0
}

.main_wrap .right-panel .steps_proposal li.active .step_label {
    color: #2571aa
}

.main_wrap .right-panel .steps_proposal li:before {
    content: "";
    border-top: 8px dotted #d8d8d8;
    position: absolute;
    width: 35%;
    left: -6px;
    top: 11px;
    display: block
}

.main_wrap .right-panel .steps_proposal li:after {
    content: "";
    border-top: 8px dotted #d8d8d8;
    position: absolute;
    width: 35%;
    right: -2px;
    top: 11px;
    display: block
}

.main_wrap .right-panel .steps_proposal li.active+li:before,
.main_wrap .right-panel .steps_proposal li.active:after {
    border-color: #2570a9
}

.main_wrap .right-panel .steps_proposal li:first-child:before,
.main_wrap .right-panel .steps_proposal li:last-child:after {
    display: none
}

body {
    padding: 0;
    color: #546e7a;
    overflow-x: hidden;
    position: relative;
    overflow-y: scroll;
    background: #f4f5f7
}

.policy-wording-file {
    width: 30px !important;
    height: 30px;
    text-align: center;
    display: block;
    margin: auto auto 20px;
    color: red
}

.quote_page.main_wrap .topbar .ncb_assumed span,
.quote_page.main_wrap .topbar .v_no span {
    font-size: 11px !important
}

.download_policy a {
    color: #000
}

.grey-out {
    opacity: .2
}

.quote_page.main_wrap .topbar .v_no span span {
    display: inline;
    margin-left: 10px;
    position: relative
}

.quote_page.main_wrap .topbar .v_no span span:before {
    content: "";
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #5d5d5d;
    display: block;
    position: absolute;
    left: -7px;
    top: 7px
}

.quote_page.main_wrap .right-inner .desc {
    margin: 0 0 10px
}

.pice-slider .max-price {
    text-align: right
}

.summary_page.main_wrap .post_summary .right-summary-panel .row.summary_border {
    padding-bottom: 7px;
    padding-top: 7px
}

.accordian .accordion__item {
    background: #fff
}

.na-addons {
    font-size: 12px;
    color: rgba(0, 0, 0, .6);
    padding-left: 20px
}

.quote_page.main_wrap .topbar .box .row {
    min-height: 76px !important
}

.input-error {
    border-color: red
}

.css-2o5izw,
.css-vj8t7z {
    min-height: 48px !important
}

.css-19bqh2r {
    color: #7f7f7f
}

.css-15k3avv {
    z-index: 55555555
}

.hidden {
    display: none
}

.accordian .accordion__item {
    margin-bottom: 15px;
    outline: none;
    border-radius: 8px;
    border: 1px solid #d6d6d6;
    box-shadow: 0 2px 10px 0 hsla(0, 0%, 62.7%, .2)
}

.accordion__body--hidden {
    display: none;
    opacity: 0;
    -webkit-animation: fadein .35s ease-in;
    animation: fadein .35s ease-in
}

.react-datepicker-wrapper,
.react-datepicker__input-container {
    display: block
}

.form-control::-webkit-input-placeholder {
    color: #161718;
    font-size: 14px;
    opacity: .5
}

.form-control::-ms-input-placeholder {
    color: #161718;
    font-size: 14px;
    opacity: .5
}

.form-control::placeholder {
    color: #161718;
    font-size: 14px;
    opacity: .5
}

.react-inputs-validation__error___2aXSp {
    color: red
}

.quote_page.main_wrap .right-inner .desc ul {
    padding: 0 18px !important
}

.validation-error {
    color: red;
    margin: 3px 0
}

.form-group.error input[type=email],
.form-group.error input[type=number],
.form-group.error input[type=password],
.form-group.error input[type=text],
.form-group.error select,
.form-group.error textarea[type=text] {
    border-color: red;
    color: red
}

input.btn.policy-expired-option {
    width: 250px;
    display: block;
    margin: 20px auto 0;
    border: 1px solid #212121;
    border-radius: 30px;
    padding: 8px 0;
    clear: both;
    transition: all .3s ease-in-out;
    font-weight: 500;
    font-size: 14px;
    background: #fff;
    color: #212121;
    min-width: 150px;
    visibility: visible;
    position: relative
}

.pre_quotewrap .right-panel .btn.disabled {
    background-color: grey
}

.post_summary .summary_inner .private-text {
    padding-left: 0 !important
}

.post_summary .summary_inner .private-text label {
    text-transform: none !important
}

.quotes-overlay {
    z-index: 1000
}

.lds-ring {
    z-index: 1001
}

@media (max-width:1100px) {
    .main_wrap .left-panel {
        padding: 47px 25px;
        width: 37%
    }

    .main_wrap .right-panel {
        width: 63%;
        margin-left: 37%
    }

    .quote_page.main_wrap .topbar .ncb_assumed .ncb_prev,
    .quote_page.main_wrap .topbar .v_no {
        font-size: 13px
    }

    .midbar .clearfix .left,
    .midbar .clearfix .right,
    .quote_page.main_wrap .midbar .set_idv .custom_select_box .select-box,
    .quote_page.main_wrap .topbar .ncb_assumed .select-box,
    .topbar .clearfix .left,
    .topbar .clearfix .right {
        width: 100%;
        flex: 0 0 100%;
        position: static;
        max-width: 100%
    }

    .max-price {
        text-align: left
    }

    .quote_page.main_wrap .midbar .vehicle_owned .select-box,
    .quote_page.main_wrap .topbar .policy-exp-date .select-box,
    .quote_page.main_wrap a.edit {
        position: static
    }

    .quote_page.main_wrap a.edit {
        margin-top: 5px;
        display: inline-block
    }

    .quote_page.main_wrap .midbar .body_price:before {
        left: 20px;
        top: 24px
    }

    .quote_page.main_wrap .midbar .edit_dropdown .body_price:before {
        left: 9px;
        top: 2px
    }

    .set_idv .custom_select_box .select-box select {
        max-width: 149px
    }
}

@media (max-width:991px) {
    .main_wrap .left-panel h2 {
        font-size: 21px
    }

    .main_wrap .right-panel,
    .summary_page.main_wrap .right-panel {
        padding: 30px
    }
}

@media (max-width:840px) {
    .main_wrap .left-panel {
        padding: 47px 15px
    }

    .main_wrap .left-panel ul.features li {
        font-size: 13px
    }

    .main_wrap .left-panel ul.features li span {
        font-size: 15px
    }

    .main_wrap .left-panel h2 {
        font-size: 18px
    }

    .main_wrap .right-panel h1 {
        font-size: 22px
    }

    .main_wrap .right-panel h2 {
        font-size: 20px
    }

    .main_wrap .right-panel h2:after,
    .summary_page.main_wrap .left-summary-panel .title h2:after,
    .summary_page.main_wrap .post_summary .right-summary-panel h2:after {
        width: 50px;
        height: 3px;
        margin: 5px 0
    }

    .main_wrap .right-panel .form_wrap label {
        font-size: 14px;
        font-weight: 400
    }

    .main_wrap .right-panel .steps li .step_label {
        line-height: 13px;
        font-size: 11px
    }

    .main_wrap .right-panel .other-links a {
        font-size: 14px
    }

    .accordian .acc-cont {
        border-radius: 0;
        border: none;
        border-bottom: 1px solid #ececec;
        margin: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .accordian .acc-cont:first-child {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px
    }

    .accordian .acc-cont:last-child {
        border: none;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px
    }

    .accordian .dd {
        border-radius: 0
    }

    .accordian .dt {
        font-size: 14px
    }

    .accordian .dt:after {
        top: 27px
    }

    .accordian {
        margin-top: 0
    }

    .summary_page.main_wrap .left-summary-panel .title h2,
    .summary_page.main_wrap .post_summary .right-summary-panel h2,
    .summary_page.main_wrap .right-panel .title h2 {
        font-size: 15px
    }

    .quote_page.main_wrap .midbar .custom-radio ul li input[type=radio]:checked+span:after {
        display: none
    }

    .quote_page.main_wrap .box.existing_policy_type [class*=col-] {
        flex: 0 0 100%;
        max-width: 100%
    }

    .quote_page.main_wrap .midbar .date_picker:after {
        right: -16px;
        top: 12px
    }

    .quote_page.main_wrap .midbar .box .input-box.date_picker {
        position: relative
    }

    .post_summary .summary_inner .right-summary-panel {
        padding: 24px 15px
    }

    .summary_page.main_wrap .post_summary .right-summary-panel .right_col {
        font-size: 14px
    }

    .summary_page.main_wrap .post_summary .right-summary-panel .payable_amount span {
        font-size: 14px;
        padding: 12px 32px
    }

    .quote_page.main_wrap .right-inner .one_row [class*=col-] {
        max-width: 50%;
        flex: 0 0 50%;
        padding: 10px
    }

    .quote_page.main_wrap .right-inner .one_row .border:after {
        width: 1px;
        height: 92px;
        right: 0;
        top: 0;
        transform: translateY(0);
        bottom: 0
    }

    .quote_page.main_wrap .edit_dropdown .form_wrap .update:after {
        right: 9%
    }

    .quote_page.main_wrap .edit_dropdown .custom-radio span,
    .quote_page.main_wrap .midbar .edit_dropdown .custom-radio span {
        border-radius: 4px;
        padding: 3px 8px
    }
}

@media (max-width:768px) {
    .quote_page.main_wrap .edit_dropdown .button {
        padding-top: 0
    }

    .quote_page.main_wrap .box.existing_policy_type .edit_dropdown select.form-control,
    .quote_page.main_wrap .edit_dropdown .form-group,
    .quote_page.main_wrap .edit_dropdown .form_wrap .btn.close-btn {
        margin-bottom: 5px
    }

    .main_wrap .right-panel .title {
        padding: 0
    }

    .main_wrap .right-panel .steps li .step ul.dots {
        right: -40%
    }

    .container {
        max-width: 768px
    }

    .sel-lang-text {
        padding-right: 10px;
        color: #fff;
        font-size: 10px
    }

    .header-cover {
        justify-content: space-between
    }
}

@media (max-width:767px) {
    .header_mob {
        display: flex;
        align-items: center
    }

    header .navigation button {
        color: #fff
    }

    .header_mob a.logo_mob {
        display: block;
        flex: 0 0 32px
    }

    .header_mob h2 {
        color: #fff;
        font-size: 14px;
        margin: 0;
        padding-left: 10px;
        flex: 0 0 70%;
        font-weight: 600
    }

    .logo_desktop,
    .main_wrap .left-panel,
    .main_wrap .proposal_page .left-panel .image,
    .main_wrap .proposal_page .right-panel h1,
    .main_wrap .proposal_page .right-panel h2 {
        display: none
    }

    .main_wrap .proposal_page .left-panel ul.features:after {
        content: "";
        display: block;
        clear: both
    }

    .main_wrap .proposal_page .left-panel ul.features li:first-child {
        width: 100%
    }

    .main_wrap .proposal_page .left-panel ul.features li {
        float: left;
        width: 50%
    }

    .main_wrap .proposal_page .left-panel {
        width: 100%;
        display: block;
        position: static;
        margin-bottom: 10px;
        border-radius: 0;
        padding: 15px
    }

    .main_wrap .inner {
        box-shadow: none
    }

    .main_wrap .right-panel,
    .post_summary .summary_inner .left-summary-panel {
        margin: 0;
        width: 100%;
        background: none;
        padding: 0 20px;
        min-height: 0
    }

    .post_summary .summary_inner .left-summary-panel {
        padding: 0;
        box-shadow: none;
        margin-left: 0
    }

    .main_wrap .proposal_page .right-panel {
        margin: 0;
        width: 100%
    }

    .main_wrap .right-panel .title {
        padding: 0
    }

    .form-control.v_no {
        border-color: transparent;
        box-shadow: 0 2px 4px 0 hsla(0, 0%, 87.8%, .5)
    }

    .full_box_mob .title_mob_only {
        display: block;
        color: #7f8185;
        font-size: 14px;
        padding-bottom: 10px;
        margin: 0
    }

    .full_box_mob .right-panel .form_wrap {
        padding: 6px 16px
    }

    .main_wrap .proposal_step2 .right-panel .form_wrap {
        max-width: 100%
    }

    .full_box_mob .right-panel .form_wrap .form-group {
        border-bottom: 1px solid #ececec;
        margin: 0 -15px;
        padding: 10px 15px
    }

    .full_box_mob .right-panel .form_wrap label {
        line-height: 20px
    }

    .full_box_mob .right-panel .form_wrap .row {
        background: #fff
    }

    .full_box_mob .right-panel .form_wrap .form-group.border_none {
        border: none
    }

    .full_box_mob .right-panel .form_wrap .form-group.hide-label label {
        display: none
    }

    .full_box_mob .right-panel .form-control,
    .full_name {
        border-radius: 0;
        border: none;
        padding: 0
    }

    .main_wrap.full_box_mob .proposal_page .right-panel .form-control.v_no {
        padding: 6px 12px
    }

    .full_box_mob .right-panel .select7_container {
        padding-top: 10px;
        border: none
    }

    .css-vj8t7z {
        border: none !important
    }

    .full_box_mob select.form-control {
        background: url(/assets/img/select-arrow.3bec6b4f.svg) #fff no-repeat 100%
    }

    .quote_page.main_wrap .topbar .box:after {
        display: none
    }

    .quote_page.main_wrap.full_box_mob .left_cont select.form-control {
        background: url(/assets/img/select-arrow.3bec6b4f.svg) #fff no-repeat 98%
    }

    .quote_page.main_wrap .left_cont ul.list {
        margin-bottom: 5px
    }

    .full_box_mob .date_picker:after {
        right: 0;
        top: 19px
    }

    .full_box_mob .right-panel .form_wrap .button {
        margin-top: 25px
    }

    .full_box_mob .right-panel .form_wrap .form-group.hide-label {
        padding-top: 0;
        padding-bottom: 0
    }

    .full_box_mob .right-panel .body_price:before {
        left: 0
    }

    .full_box_mob .right-panel .body_price .form-control {
        padding-left: 20px
    }

    .main_wrap .custom-radio ul li .label span {
        border-radius: 30px;
        padding: 8px 4px
    }

    .main_wrap .custom-radio ul li .label:hover span .main_wrap .custom-radio ul li,
    .main_wrap .custom-radio ul li input[type=radio]:checked+span {
        color: #fff;
        background: #246fa6;
        border: 1px solid #246fa6
    }

    .quote_page.main_wrap .midbar .custom-radio ul li .label:hover span,
    .quote_page.main_wrap .midbar .custom-radio ul li input[type=radio]:checked+span {
        background: #fff
    }

    .main_wrap .custom-radio ul li input[type=radio]:checked+span {
        font-weight: 400
    }

    .accordian .dd .col {
        flex: 0 0 100%;
        max-width: 100%
    }

    .accordian .dd ul {
        border: none;
        margin: 0
    }

    .summary_page.main_wrap .right-panel {
        padding: 0
    }

    .select7_arrow {
        right: 0
    }

    .select7_placeholder {
        left: 0
    }

    .post_summary .summary_inner {
        display: flex;
        flex-wrap: wrap
    }

    .post_summary .summary_inner .left-summary-panel,
    .post_summary .summary_inner .right-summary-panel {
        width: 100%;
        float: none;
        margin-bottom: 20px;
        flex: 0 0 100%;
        margin-left: 0;
        margin-right: 0
    }

    .post_summary .summary_inner .right-summary-panel {
        order: 1;
        border-radius: 0;
        padding: 15px
    }

    .post_summary .right-summary-panel .send_email {
        margin-bottom: 0
    }

    .post_summary .summary_inner .left-summary-panel {
        order: 2
    }

    .quote_page.main_wrap .right-inner {
        min-height: 0
    }

    .quote_page.main_wrap .right-inner .desc {
        margin: 0;
        padding: 10px
    }

    .breakin-premium-header {
        padding: 10px !important
    }

    .premium-header-text {
        text-align: left;
        align-items: baseline
    }

    .vertical-center {
        margin: 50% 0 5%;
        min-height: 400px !important
    }

    .middle {
        top: 5%
    }

    .call-back-banner {
        border: 1px solid #c8cedb;
        border-radius: 4px;
        box-shadow: 0 2px 5px 0 #e0e0e0;
        margin: 0 auto 15px;
        background-image: linear-gradient(90deg, #e5efff, #fff);
        height: 76px;
        cursor: pointer;
        width: 52%;
        position: relative;
        letter-spacing: -.2px;
        width: 94%
    }

    .call-back-image {
        margin-left: 10px;
        display: none
    }

    .call-back-banner p {
        float: left;
        margin: 7px auto 0 10px;
        display: block;
        font-size: 13px;
        font-weight: 500;
        color: #000;
        width: 94%;
        line-height: 13px
    }

    .call-back-btn {
        background-position: 5px;
        position: absolute;
        right: 10px;
        top: 28px;
        width: 105px;
        height: 28px;
        margin: 0;
        font-size: 11px
    }

    .call-back-banner p span {
        display: block;
        font-weight: 400;
        font-size: 11px;
        color: #212121;
        width: 64%;
        padding: 10px 0
    }

    .popup.expert,
    .popup.tracking-popup {
        width: 340px;
        left: 17px;
        top: 20%;
        padding: 25px 45px 30px;
        margin: auto
    }

    .talk-to-expert {
        text-decoration: none;
        color: #fff !important;
        border: 1px solid #fff
    }

    .exit-intent-mob {
        background-image: url(/assets/img/popup-graphics-Mobile.ab0b3981.svg) !important;
        height: 600px;
        top: 4% !important;
        background-repeat: no-repeat !important;
        background-color: #708090 !important;
        position: absolute !important;
        width: 102% !important;
        right: 1% !important;
        padding: 20px
    }

    .pop-close-btn {
        background-color: #fff
    }

    .left-text-mob {
        position: absolute;
        bottom: 20%;
        left: 10%;
        color: #fff;
        text-align: center
    }

    .exit-intent-mob p {
        color: #fff;
        text-align: center;
        font-size: 22px;
        font-weight: 500;
        margin-top: 350px
    }

    .exit-intent-mob .btn {
        border-radius: 4px;
        background-color: #fc4804;
        color: #fff;
        display: block;
        padding: 12px 0;
        font-size: 14px;
        font-weight: 900;
        text-align: center;
        width: 80%;
        background-image: url(/assets/img/right-arrow.b6801dbd.svg);
        background-repeat: no-repeat;
        background-position: 78% 55%;
        margin: auto;
        border-radius: 5px;
        bottom: 15%;
        left: 10%;
        position: absolute
    }

    .exit-intent-mob h5 {
        color: #fff;
        font-size: 26px;
        text-align: left
    }

    .bottom-call-btn {
        display: none
    }

    .quote_page.main_wrap .edit_dropdown:after {
        left: 9px;
        right: auto;
        width: 20px
    }

    .main_wrap .right-panel .steps li .step ul.dots {
        right: -48%
    }

    .main_wrap .custom-radio ul .subclass_radio {
        width: 50%
    }

    .rto_code_cover {
        border: none
    }

    .main_wrap .proposal_page .right-panel .steps li {
        width: 25%
    }

    .reg-cover .reg_no_cover {
        padding-left: 10px
    }

    .premium-download_policy {
        float: left;
        text-align: left;
        margin-right: 0
    }

    .premium-download_policy a {
        padding-left: 10px
    }

    .quote_page.main_wrap .right-inner .one_row .button a.premium_backup:after {
        background: url(/assets/img/arrow-down.3dce4a0c.svg) no-repeat
    }

    .sticky_top {
        position: relative !important
    }

    .full_box_mob .right-panel .form_wrap .form-group .name-cover .name {
        padding: 0 15px
    }

    .ins-logo {
        display: none
    }

    .track-book p {
        width: 100%;
        margin-right: 0
    }

    .track-book a {
        padding: 10px;
        text-align: center;
        color: #fff;
        display: inline-block;
        background: #f07651;
        border-radius: 4px;
        margin: 5px 10px;
        cursor: pointer
    }

    .track-book a,
    .track-book b {
        font-size: 10px
    }

    .box-cover ul.list {
        padding: 0
    }

    .button .btn-submit,
    .no-btn {
        width: 25%
    }

    .app-icons {
        width: 300px
    }

    .main_wrap .left-panel {
        color: #000
    }

    .digit-info {
        padding: 0 18px
    }

    .no-padding {
        padding: 0
    }

    .custom-radio-width ul li {
        width: 50% !important;
        margin: 5px 0
    }

    .talk-to-expert {
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggTWFjaW50b3NoIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2ODlCREU0NzY2NTExRTk4OUY3ODRFMkY3QzA0QUZCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2ODlCREU1NzY2NTExRTk4OUY3ODRFMkY3QzA0QUZCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTY4OUJERTI3NjY1MTFFOTg5Rjc4NEUyRjdDMDRBRkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTY4OUJERTM3NjY1MTFFOTg5Rjc4NEUyRjdDMDRBRkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7vD/1BAAABzElEQVR42mIJm/f9/8WnDChAUYiBodOflZGFiYFkwHTlKabg/XcMDEXrfmsxkAGYOFmxS/BxM8iSZaAgN3YJdmZGE7IMlOJnxCrBysgQR5aBf/8xrMIm8fc/gxpZBn759X8GuiA3MFy//2dwIcvANh/W/ZJ8qIbJCDK4tLiz7CXLQBAhI8S4DiagJMoQ2u7LSpZhcAP33PyXwAVNPpysjMUMFACwgXuz2D5rSTCuAbHPPvxvUbnltzVFBoJAmTNLqKwAMHaB7E/fGI64TvklTJGBLMwMDBzsDJZsQPr5ZwYGMwXGN9rxP0nOzYxXn/1BEWje+af0wpP/Xf+BbE1xBoZTD/6L7M5he4uspmrLb0cOFsZ9QMtv/f7PsOjn3/9nPn1leNwXxHoNw0AQaN31p+/c4/+FIEMleYH5movBpt2H9ShIrnLzb+cn7xn2fP2N6TpQKYXVQJhLrz7/3/ULGKjAUGAwlmc88f33/957rxlWYzMMp5eRQfmW3xY/fjIcf/yBgjBEB3+ALuza+2f1tRf/Q779JiGWcQFQ7Fe5sYQ+//Kfz1SBcR1yNiXLhdgAKJZ52BgzmJkYwp59/M/w/iuwMAG6XkeagQEgwAAym6JXifCYbgAAAABJRU5ErkJggg==") no-repeat 10px 10px/12px;
        padding-left: 30px;
        font-size: 14px
    }

    .price-offer {
        background: #fffae9;
        color: #000
    }

    .ui-widget-content {
        width: 70% !important
    }

    .reg_date_modal {
        width: auto
    }

    .prev-policy-section .back-icon {
        top: 6px
    }

    .prev-policy-section {
        padding: 30px;
        height: 430px
    }

    .prev-policy-section .back-icon {
        top: 5px
    }

    .height_auto {
        height: auto
    }

    .renewal-not-allowed-popup b {
        display: table;
        margin: 0 auto;
        padding: 0
    }

    .renewal-not-allowed-popup .loaderTxt {
        padding: 0 20px
    }

    .renewal-not-allowed-popup .popup-text {
        padding: 0;
        margin: 0 auto;
        display: table
    }

    .renewal-not-allowed-popup .back-to-quotes {
        width: 151px;
        margin: 25px auto;
        display: table;
        float: inherit
    }

    .desk {
        display: none
    }

    .cross-btn {
        right: 35px
    }

    .post_summary .summary_inner .custom_checkbox span {
        padding-left: 5px
    }

    .post_summary .summary_inner .custom_checkbox span:before {
        left: -13px
    }

    .manufact-listcb {
        width: 92%;
        margin: auto !important
    }

    .manufact-listcb li {
        padding: 0 5px !important
    }

    .manufact-listcb li span {
        padding: 0;
        border: 1px solid #becbd4;
        cursor: pointer;
        border-radius: 5px;
        display: block;
        margin: 5px 0;
        min-height: 55px;
        transition: all .3s cubic-bezier(.175, .885, .42, 1.31)
    }

    .manufact-listcb li span b {
        margin: 0;
        vertical-align: middle;
        font-size: 14px;
        font-weight: 400;
        display: inline-block;
        width: 100%;
        height: 0;
        text-align: center;
        letter-spacing: .5px
    }

    .manufact-listcb li span.active {
        color: #0065ff;
        border: 1px solid #0065ff;
        background-color: rgba(222, 235, 255, .6)
    }

    .manufact-listcb li span.active:after {
        content: "";
        width: 13px;
        height: 13px;
        display: block;
        background: url(/assets/img/tick.96913d18.svg);
        background-size: contain;
        position: absolute;
        right: 10px;
        top: 35px;
        z-index: 100
    }

    .other-make-box label {
        padding-left: 0 !important
    }
}

@media (min-width:568px) and (max-width:840px) and (orientation:landscape) {
    .header_mob {
        display: flex;
        align-items: center
    }

    .header_mob a.logo_mob {
        display: block;
        flex: 0 0 32px
    }

    .header_mob h2 {
        color: #fff;
        font-size: 14px;
        margin: 0;
        padding-left: 10px;
        flex: 0 0 70%;
        font-weight: 600
    }

    header .full-width {
        flex: 0 0 100% !important;
        max-width: 100% !important
    }

    .logo_desktop,
    .main_wrap .left-panel,
    .main_wrap .proposal_page .left-panel .image {
        display: none
    }

    .main_wrap .proposal_page .left-panel ul.features li {
        float: left;
        width: 50%
    }

    .main_wrap .proposal_page .left-panel ul.features li:first-child {
        width: 100%
    }

    .main_wrap .proposal_page .left-panel ul.features:after {
        content: "";
        display: block;
        clear: both
    }

    .main_wrap .proposal_page .left-panel {
        display: block;
        position: static;
        width: 100%;
        border-radius: 0;
        margin-bottom: 10px
    }

    .main_wrap .inner {
        box-shadow: none
    }

    .main_wrap .proposal_page .right-panel,
    .main_wrap .right-panel {
        margin: 0;
        width: 100%;
        background: none;
        padding: 0 20px;
        min-height: 0
    }

    .form-control.v_no {
        border-color: transparent;
        box-shadow: 0 2px 4px 0 hsla(0, 0%, 87.8%, .5);
        font-weight: 400
    }

    .full_box_mob .title_mob_only {
        display: block;
        color: #7f8185;
        font-size: 14px;
        padding-bottom: 10px;
        margin: 0
    }

    .full_box_mob .right-panel .form_wrap {
        padding: 6px 16px
    }

    .full_box_mob .right-panel .form_wrap .row:first-of-type {
        padding-top: 10px
    }

    .full_box_mob .right-panel .form_wrap .button {
        margin-top: 25px
    }

    .full_box_mob .right-panel .form_wrap label {
        line-height: 20px
    }

    .full_box_mob .right-panel .form_wrap .row {
        background: #fff;
        padding-bottom: 10px;
        margin-bottom: 0
    }

    .proposal_page .right-panel .form_wrap .row {
        padding-bottom: 10px;
        margin-bottom: 0
    }

    .quote_page.main_wrap .topbar .box:after {
        display: none
    }

    .main_wrap .custom-radio ul li .label span {
        border-radius: 30px;
        padding: 8px 10px
    }

    .main_wrap .custom-radio ul li .label:hover span .main_wrap .custom-radio ul li,
    .main_wrap .custom-radio ul li input[type=radio]:checked+span {
        color: #fff;
        background: #246fa6;
        border: 1px solid #246fa6
    }

    .main_wrap .custom-radio ul li input[type=radio]:checked+span {
        font-weight: 400
    }
}

.display_web_none {
    display: none
}

@media (max-width:575px) {

    .quote_page.main_wrap .midbar .box .input-box.date_picker,
    .quote_page.main_wrap .slimScrollDiv {
        margin-bottom: 10px
    }

    #newCarIRDABannerSlider.owner-cover-banner {
        width: 320px
    }

    .display_web_none,
    .main_wrap .proposal {
        display: block
    }

    .display_none_mob {
        display: none
    }
}

@media (max-width:480px) {
    .header_mob h2 {
        flex: 0 0 76%
    }

    .main_wrap {
        padding: 16px 0
    }

    .main_wrap .right-panel {
        padding: 0
    }

    #newCarIRDABannerSlider.owner-cover-banner {
        width: 320px
    }

    .main_wrap .right-panel .steps {
        padding-bottom: 20px;
        max-width: 280px
    }

    .main_wrap .right-panel .steps li .step ul.dots {
        right: -18%
    }

    .main_wrap .right-panel .steps li .step ul.dots li {
        width: 5px;
        height: 5px;
        margin: 0 2px
    }

    .main_wrap .right-panel .steps li .step_label {
        font-size: 10px
    }

    .main_wrap .right-panel .steps li span.step_text {
        width: 20px;
        height: 20px;
        line-height: 20px;
        font-size: 11px
    }

    .main_wrap .right-panel h1,
    .main_wrap .right-panel h2 {
        font-size: 15px;
        color: #212121
    }

    .main_wrap .right-panel h2:after,
    .summary_page.main_wrap .left-summary-panel .title h2:after,
    .summary_page.main_wrap .post_summary .right-summary-panel h2:after {
        width: 36px;
        height: 3px
    }

    .form-control.v_no {
        background: #fff
    }

    .form-control {
        border-radius: 4px;
        font-size: 14px;
        font-weight: 400;
        color: #212121
    }

    .checkmark:after {
        top: 16px
    }

    .main_wrap .right-panel .form_wrap .button {
        width: 100%
    }

    .main_wrap .right-panel .form_wrap .button:after {
        right: 25px
    }

    .main_wrap .right-panel .form_wrap .button:hover:after {
        right: 20px
    }

    .main_wrap .right-panel p.tc {
        color: #979797;
        padding: 0 30px;
        font-size: 10px
    }

    .main_wrap .right-panel .separator span {
        background-color: #d8d8d8;
        color: #212121;
        font-size: 10px
    }

    .main_wrap .right-panel .other-links a {
        font-weight: 400
    }

    .main_wrap .right-panel .other-links p {
        padding-bottom: 5px
    }

    .main_wrap .right-panel .separator {
        margin: 10px auto;
        width: 90%
    }

    footer p {
        font-size: 10px;
        line-height: 15px
    }

    .quote_page.main_wrap .custom-radio ul li {
        float: none;
        width: 100%;
        margin-bottom: 5px
    }

    .quote_page.main_wrap .custom-radio ul li:last-child {
        margin-bottom: 0
    }

    .quote_page.main_wrap .midbar .box,
    .quote_page.main_wrap .topbar .box {
        padding: 10px 15px
    }

    .quote_page.main_wrap .right-inner .desc ul {
        border: none
    }

    .quote_page.main_wrap .edit_dropdown {
        width: 100%
    }

    .custom-radio2 label {
        padding-bottom: 5px
    }

    .custom-radio2 ul {
        padding-top: 15px
    }

    .custom-radio2 ul li {
        width: 100%
    }

    .custom-radio2 ul li label.label {
        padding-bottom: 0
    }

    .custom-radio2 ul li .label span {
        padding-left: 20px
    }

    .custom-radio2 ul li .label span .dot {
        width: 16px;
        height: 16px
    }

    .custom-radio2 ul li .label span .dot:after {
        width: 6px;
        height: 6px
    }

    .main_wrap .proposal_page .left-panel .page_salespoint_logo .price {
        padding: 6px 30px
    }

    .main_wrap .proposal_page .left-panel ul.features li {
        float: none;
        width: 100%
    }

    .quote_page.main_wrap .right-inner .one_row [class*=col-] {
        max-width: 100%;
        flex: 0 0 100%;
        padding: 10px 0;
        text-align: center
    }

    .quote_page.main_wrap .right-inner .one_row ul {
        max-width: 169px;
        text-align: left;
        margin: 0 auto
    }

    .quote_page.main_wrap .right-inner .one_row .border:after {
        content: "";
        width: 100px;
        height: 1px;
        background: #e6efff;
        display: block;
        position: absolute;
        right: 0;
        bottom: 0;
        transform: translate(0);
        left: 0;
        margin: 0 auto;
        top: auto
    }

    .main_wrap .edit_dropdown select.form-control {
        margin: 3px 0
    }

    li small {
        padding: 5px
    }

    .desc .no-border {
        padding: 0
    }
}

@media (max-width:320px) {
    .main_wrap .right-panel p.tc {
        padding: 0
    }

    .main_wrap .right-panel .other-links a {
        font-size: 13px
    }

    footer {
        padding: 5px 0
    }

    #newCarIRDABannerSlider.owner-cover-banner {
        width: 320px
    }

    .display_none {
        display: none
    }
}

@media (max-width:360px) {
    .custom-radios-list .vehicle-box label.min-height {
        min-height: 104px !important
    }

    .language_convertor .btn {
        margin-right: 0 !important
    }

    header .right-list {
        float: right
    }

    .email_plan {
        margin-left: 5px
    }
}

@media(max-width:991px) {
    .pre_quotewrap .left-panel {
        width: 330px
    }

    .pre_quotewrap .right-panel {
        padding-left: 343px
    }

    .col50 {
        width: 100% !important
    }

    .col25 {
        width: 50% !important
    }

    .pre_quotewrap .right-panel .title {
        font-size: 25px
    }

    .custom-radios-list ul li {
        width: 50%
    }

    .select-rto ul li {
        width: 129px;
        float: left
    }

    .strip {
        max-width: 708px;
        width: 100%;
        height: auto;
        line-height: 22px;
        padding: 10px;
        font-size: 13px
    }

    .custom-radios-list label.selected {
        padding-right: 100px
    }

    .vehicle_class_list {
        min-height: 0
    }
}

@media(max-width:767px) and (min-width:320px) {
    .pre_quotewrap {
        padding-top: 0
    }

    .pre_quotewrap .inner {
        display: flex;
        flex-wrap: wrap;
        border-radius: 0;
        box-shadow: none
    }

    .pre_quotewrap .left-panel {
        position: static;
        order: 2;
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        border-radius: 0;
        padding: 16px
    }

    .pre_quotewrap .left-panel .image {
        display: none
    }

    .pre_quotewrap .right-panel {
        order: 1;
        flex: 0 0 100%;
        max-width: 100%;
        min-height: 0;
        padding: 0 10px
    }

    .pre_quotewrap .right-panel .title {
        font-size: 30px;
        text-align: left
    }

    .pre_quotewrap>.container {
        padding: 0
    }

    .pre_quotewrap .step {
        position: static;
        text-align: left
    }

    .pre_quotewrap .left-panel ul.features li {
        font-size: 12px
    }

    .tabs_wrapper {
        margin: 0 auto;
        box-shadow: none
    }

    .tabs_wrapper ul.tab-list:after {
        content: "";
        clear: both;
        display: block
    }

    .tabs_wrapper ul.tab-list li {
        width: 48%;
        display: block;
        float: left;
        margin-right: 0;
        overflow: hidden;
        padding: 0
    }

    .tabs_wrapper ul.tab-list li:first-child {
        margin-right: 2%
    }

    .tabs_wrapper ul.tab-list li:nth-child(2) {
        margin-left: 2%
    }

    .tabs_wrapper .tab-content {
        border-top-right-radius: 0
    }

    .pre_quotewrap,
    body {
        background-color: initial
    }

    footer p {
        font-size: 10px
    }

    header {
        padding: 10px 0
    }

    header li.call_me span.mob {
        display: block
    }

    header li.call_me span.desk {
        display: none
    }

    header .logo {
        padding-right: 16px;
        margin-left: 10px
    }

    .language_convertor .btn {
        width: 64px;
        font-size: 12px;
        padding-left: 0;
        padding-right: 0;
        height: 28px;
        margin-right: 6px
    }

    .TP_strip {
        font-size: 11px;
        padding: 8px 21px 8px 8px;
        height: auto;
        line-height: normal;
        text-align: left
    }

    .TP_strip .close {
        width: 16px;
        height: 16px;
        right: 4px;
        top: 8px;
        background-size: contain
    }

    .custom-row {
        margin: 0 -5px !important
    }

    .custom-radios-list ul li {
        padding: 0 5px 10px
    }

    .vehicle_class_list .subclass li {
        padding: 0 5px 10px;
        float: left
    }

    .vehicle_class_list .other-list li label span,
    .vehicle_class_list .subclass li label span {
        font-size: 12px
    }

    .floating_level_wrap.select-wid-floating select.form-control {
        padding-right: 27px
    }

    .regYear {
        width: 110px !important
    }

    .accessories-input {
        max-width: none
    }

    .post_summary .summary_inner .private-text {
        padding-left: 10px !important
    }

    .call_me {
        border: none
    }
}

@media (min-width:576px) {
    .taxi_modal .modal-dialog {
        max-width: 700px;
        margin: 1.75rem auto
    }
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__year-read-view--down-arrow {
    margin-left: -8px;
    position: absolute
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow:before,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow:before,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view--down-arrow:before {
    box-sizing: initial;
    position: absolute;
    border: 8px solid transparent;
    height: 0;
    width: 1px
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,
.react-datepicker__month-read-view--down-arrow:before,
.react-datepicker__month-year-read-view--down-arrow:before,
.react-datepicker__year-read-view--down-arrow:before {
    content: "";
    z-index: -1;
    border-width: 8px;
    left: -8px;
    border-bottom-color: #aeaeae
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
    top: 0;
    margin-top: -8px
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before {
    border-top: none;
    border-bottom-color: #f0f0f0
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before {
    top: -1px;
    border-bottom-color: #aeaeae
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__year-read-view--down-arrow {
    bottom: 0;
    margin-bottom: -8px
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow:before,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow:before,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view--down-arrow:before {
    border-bottom: none;
    border-top-color: #fff
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,
.react-datepicker__month-read-view--down-arrow:before,
.react-datepicker__month-year-read-view--down-arrow:before,
.react-datepicker__year-read-view--down-arrow:before {
    bottom: -1px;
    border-top-color: #aeaeae
}

.react-datepicker-wrapper {
    display: block
}

.react-datepicker {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: .8rem;
    background-color: #fff;
    color: #000;
    border: 1px solid #aeaeae;
    border-radius: .3rem;
    display: inline-block;
    position: relative
}

.react-datepicker--time-only .react-datepicker__triangle {
    left: 35px
}

.react-datepicker--time-only .react-datepicker__time-container {
    border-left: 0
}

.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
    border-radius: .3rem
}

.react-datepicker__triangle {
    position: absolute;
    left: 50px
}

.react-datepicker-popper {
    z-index: 1
}

.react-datepicker-popper[data-placement^=bottom] {
    margin-top: 10px
}

.react-datepicker-popper[data-placement^=top] {
    margin-bottom: 10px
}

.react-datepicker-popper[data-placement^=right] {
    margin-left: 8px
}

.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
    left: auto;
    right: 42px
}

.react-datepicker-popper[data-placement^=left] {
    margin-right: 8px
}

.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
    left: 42px;
    right: auto
}

.react-datepicker__header {
    text-align: center;
    background-color: #f0f0f0;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
    padding-top: 8px;
    position: relative
}

.react-datepicker__header--time {
    padding-bottom: 8px;
    padding-left: 5px;
    padding-right: 5px
}

.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__year-dropdown-container--select {
    display: inline-block;
    margin: 0 5px
}

.react-datepicker-time__header,
.react-datepicker__current-month {
    margin-top: 0;
    color: #000;
    font-weight: 700;
    font-size: .944rem
}

.react-datepicker-time__header {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.react-datepicker__navigation {
    background: 0 0;
    line-height: 1.7rem;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 10px;
    width: 0;
    padding: 0;
    border: .45rem solid transparent;
    z-index: 1;
    height: 10px;
    width: 10px;
    text-indent: -999em;
    overflow: hidden
}

.react-datepicker__navigation--previous {
    left: 10px;
    border-right-color: #ccc
}

.react-datepicker__navigation--previous:hover {
    border-right-color: #b3b3b3
}

.react-datepicker__navigation--previous--disabled,
.react-datepicker__navigation--previous--disabled:hover {
    border-right-color: #e6e6e6;
    cursor: default
}

.react-datepicker__navigation--next {
    right: 10px;
    border-left-color: #ccc
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
    right: 80px
}

.react-datepicker__navigation--next:hover {
    border-left-color: #b3b3b3
}

.react-datepicker__navigation--next--disabled,
.react-datepicker__navigation--next--disabled:hover {
    border-left-color: #e6e6e6;
    cursor: default
}

.react-datepicker__navigation--years {
    position: relative;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.react-datepicker__navigation--years-previous {
    top: 4px;
    border-top-color: #ccc
}

.react-datepicker__navigation--years-previous:hover {
    border-top-color: #b3b3b3
}

.react-datepicker__navigation--years-upcoming {
    top: -4px;
    border-bottom-color: #ccc
}

.react-datepicker__navigation--years-upcoming:hover {
    border-bottom-color: #b3b3b3
}

.react-datepicker__month-container {
    float: left;
    margin-right: 10px
}

.react-datepicker__month {
    margin: .4rem;
    text-align: center
}

.react-datepicker__time-container {
    float: right;
    border-left: 1px solid #aeaeae;
    width: 70px
}

.react-datepicker__time-container--with-today-button {
    display: inline;
    border: 1px solid #aeaeae;
    border-radius: .3rem;
    position: absolute;
    right: -72px;
    top: 0
}

.react-datepicker__time-container .react-datepicker__time {
    position: relative;
    background: #fff
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
    width: 70px;
    overflow-x: hidden;
    margin: 0 auto;
    text-align: center
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
    list-style: none;
    margin: 0;
    height: calc(195px + .85rem);
    overflow-y: scroll;
    padding-right: 0;
    padding-left: 0;
    width: 100%;
    box-sizing: initial
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
    height: 30px;
    padding: 5px 10px
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
    cursor: pointer;
    background-color: #f0f0f0
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
    background-color: #216ba5;
    color: #fff;
    font-weight: 700
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
    background-color: #216ba5
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
    color: #ccc
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
    cursor: default;
    background-color: initial
}

.react-datepicker__week-number {
    color: #ccc;
    display: inline-block;
    width: 1.7rem;
    line-height: 1.7rem;
    text-align: center;
    margin: .166rem
}

.react-datepicker__week-number.react-datepicker__week-number--clickable {
    cursor: pointer
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
    border-radius: .3rem;
    background-color: #f0f0f0
}

.react-datepicker__day,
.react-datepicker__day-name,
.react-datepicker__time-name {
    color: #9fa0a4;
    display: inline-block;
    width: 1.9rem;
    font-weight: 300;
    font-size: 9px;
    text-transform: uppercase;
    line-height: 1.7rem;
    text-align: center;
    margin: .166rem
}

.react-datepicker__day {
    cursor: pointer
}

.react-datepicker__day:hover {
    border-radius: .3rem;
    background-color: #f0f0f0
}

.react-datepicker__day--today {
    font-weight: 700
}

.react-datepicker__day--highlighted {
    border-radius: .3rem;
    background-color: #3dcc4a;
    color: #fff
}

.react-datepicker__day--highlighted:hover {
    background-color: #32be3f
}

.react-datepicker__day--highlighted-custom-1 {
    color: #f0f
}

.react-datepicker__day--highlighted-custom-2 {
    color: green
}

.react-datepicker__day--in-range,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--selected {
    border-radius: .3rem;
    background-color: #216ba5;
    color: #fff
}

.react-datepicker__day--in-range:hover,
.react-datepicker__day--in-selecting-range:hover,
.react-datepicker__day--selected:hover {
    background-color: #1d5d90
}

.react-datepicker__day--keyboard-selected {
    border-radius: .3rem;
    background-color: #2a87d0;
    color: #fff
}

.react-datepicker__day--keyboard-selected:hover {
    background-color: #1d5d90
}

.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range) {
    background-color: rgba(33, 107, 165, .5)
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range) {
    background-color: #f0f0f0;
    color: #000
}

.react-datepicker__day--disabled {
    cursor: default;
    color: #ccc
}

.react-datepicker__day--disabled:hover {
    background-color: initial
}

.react-datepicker__input-container {
    position: relative;
    display: block
}

.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view,
.react-datepicker__year-read-view {
    border: 1px solid transparent;
    border-radius: .3rem
}

.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover,
.react-datepicker__year-read-view:hover {
    cursor: pointer
}

.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow {
    border-top-color: #b3b3b3
}

.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__year-read-view--down-arrow {
    border-top-color: #ccc;
    float: right;
    margin-left: 20px;
    top: 8px;
    position: relative;
    border-width: .45rem
}

.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown,
.react-datepicker__year-dropdown {
    background-color: #f0f0f0;
    position: absolute;
    width: 50%;
    left: 25%;
    top: 30px;
    z-index: 1;
    text-align: center;
    border-radius: .3rem;
    border: 1px solid #aeaeae
}

.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover,
.react-datepicker__year-dropdown:hover {
    cursor: pointer
}

.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable,
.react-datepicker__year-dropdown--scrollable {
    height: 150px;
    overflow-y: scroll
}

.react-datepicker__month-option,
.react-datepicker__month-year-option,
.react-datepicker__year-option {
    line-height: 20px;
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type,
.react-datepicker__year-option:first-of-type {
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem
}

.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type,
.react-datepicker__year-option:last-of-type {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-bottom-left-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover,
.react-datepicker__year-option:hover {
    background-color: #ccc
}

.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming {
    border-bottom-color: #b3b3b3
}

.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous {
    border-top-color: #b3b3b3
}

.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected,
.react-datepicker__year-option--selected {
    position: absolute;
    left: 15px
}

.react-datepicker__close-icon {
    background-color: initial;
    border: 0;
    cursor: pointer;
    outline: 0;
    padding: 0;
    vertical-align: middle;
    position: absolute;
    height: 16px;
    width: 16px;
    top: 25%;
    right: 7px
}

.react-datepicker__close-icon:after {
    background-color: #216ba5;
    border-radius: 50%;
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    content: "\00d7";
    cursor: pointer;
    font-size: 12px;
    height: 16px;
    width: 16px;
    line-height: 1;
    margin: -8px auto 0;
    padding: 2px;
    position: absolute;
    right: 0;
    text-align: center
}

.react-datepicker__today-button {
    background: #f0f0f0;
    border-top: 1px solid #aeaeae;
    cursor: pointer;
    text-align: center;
    font-weight: 700;
    padding: 5px 0;
    clear: left
}

.react-datepicker__portal {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, .8);
    left: 0;
    top: 0;
    justify-content: center;
    align-items: center;
    display: flex;
    z-index: 2147483647
}

.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__time-name {
    width: 3rem;
    line-height: 3rem
}

@media (max-height:550px),
(max-width:400px) {

    .react-datepicker__portal .react-datepicker__day,
    .react-datepicker__portal .react-datepicker__day-name,
    .react-datepicker__portal .react-datepicker__time-name {
        width: 2rem;
        line-height: 2rem
    }
}

.react-datepicker__portal .react-datepicker-time__header,
.react-datepicker__portal .react-datepicker__current-month {
    font-size: 1.44rem
}

.react-datepicker__portal .react-datepicker__navigation {
    border: .81rem solid transparent
}

.react-datepicker__portal .react-datepicker__navigation--previous {
    border-right-color: #ccc
}

.react-datepicker__portal .react-datepicker__navigation--previous:hover {
    border-right-color: #b3b3b3
}

.react-datepicker__portal .react-datepicker__navigation--previous--disabled,
.react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover {
    border-right-color: #e6e6e6;
    cursor: default
}

.react-datepicker__portal .react-datepicker__navigation--next {
    border-left-color: #ccc
}

.react-datepicker__portal .react-datepicker__navigation--next:hover {
    border-left-color: #b3b3b3
}

.react-datepicker__portal .react-datepicker__navigation--next--disabled,
.react-datepicker__portal .react-datepicker__navigation--next--disabled:hover {
    border-left-color: #e6e6e6;
    cursor: default
}

.react-datepicker__day,
.reg_date_modal .react-datepicker__day {
    width: 1.9rem;
    display: table-cell !important;
    color: #212121;
    padding: 3px 0;
    font-size: 10.5px;
    font-weight: 400
}

.react-datepicker__day:hover {
    background: #1596fe !important;
    color: #fff !important;
    border-radius: 0 !important
}

.react-datepicker__day,
.react-datepicker__day-name,
.react-datepicker__time-name {
    margin: 0 !important
}

.react-datepicker__day--outside-month {
    pointer-events: none;
    visibility: visible
}

.react-datepicker__day-names,
.react-datepicker__week {
    white-space: nowrap;
    display: table-row
}

.react-datepicker__month {
    display: table;
    border-collapse: collapse
}

.react-datepicker__day--in-range,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--selected {
    background: #1596fe !important;
    color: #fff !important;
    border-radius: 0
}

.react-datepicker-time__header,
.react-datepicker__current-month {
    font-weight: 500;
    color: #2684ff !important;
    font-size: 12px !important;
    line-height: 20px !important;
    text-transform: uppercase
}

.react-datepicker__current-month {
    line-height: 25px !important
}

.react-datepicker__navigation {
    width: 40px !important;
    height: 40px !important;
    top: 0 !important;
    border: none
}

.react-datepicker__navigation--previous {
    left: 0 !important;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2ODlCREU4NzY2NTExRTk4OUY3ODRFMkY3QzA0QUZCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2ODlCREU5NzY2NTExRTk4OUY3ODRFMkY3QzA0QUZCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTY4OUJERTY3NjY1MTFFOTg5Rjc4NEUyRjdDMDRBRkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTY4OUJERTc3NjY1MTFFOTg5Rjc4NEUyRjdDMDRBRkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz46fIJ1AAAAh0lEQVR42mLZu3cvAxJwA2JWIN7KgAaYkNi2QLwFiDkZsACYQnMgXgrE0UC8BptCFiDWAuL1QLwfiI9D+YxIapiB+DVIYT0QSwIxPxCvxGK1ABDPASlshLrvIxBnADEfLhOvAXEgEK8GYksojdWNIHAS6hFQWP3H5iEWJPZhIPaBhiMGAAgwAEycFhxylDzBAAAAAElFTkSuQmCC) no-repeat 50% !important;
    border-right-color: transparent !important
}

.react-datepicker__navigation--next {
    right: 0 !important;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhBRjExMDQ1NzY4QzExRTk4OUY3ODRFMkY3QzA0QUZCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhBRjExMDQ2NzY4QzExRTk4OUY3ODRFMkY3QzA0QUZCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTY4OUJERUE3NjY1MTFFOTg5Rjc4NEUyRjdDMDRBRkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OEFGMTEwNDQ3NjhDMTFFOTg5Rjc4NEUyRjdDMDRBRkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4zrSVrAAAAi0lEQVR42mLcu3cvAxbgDcS/gXgXTICJATvgBOItQGwLE2DBoXANEDMC8VIgDgXikyCFkkAsCsR/kRT+B+LjQHwYiNcDsQtIYSIQpwDxBzRTvwPxe6hB9SCF86HuQTfxExB3AvFzIG5kgTKeY3FnKNQzgUB8DZdnQqAecQZ5BF/wgNznA/UMGAAEGADTQh5dB9uQSgAAAABJRU5ErkJggg==) no-repeat 50% !important;
    border-left-color: transparent !important
}

.react-datepicker__day--outside-month {
    background-color: #fff !important;
    visibility: visible !important
}

.react-datepicker {
    border: none !important;
    box-shadow: 0 3px 24px 0 hsla(0, 0%, 80%, .3) !important
}

select.react-datepicker__month-select,
select.react-datepicker__year-select {
    border: none;
    color: #2684ff !important;
    font-size: 12px;
    padding: 0 20px 0 0;
    height: auto;
    background-size: 10px auto
}

select.react-datepicker__year-select {
    min-width: 80px
}

.react-datepicker__day--today {
    font-weight: 600 !important
}

.rangeslider {
    margin: 0;
    position: relative;
    background: rgba(38, 132, 255, .59);
    touch-action: none
}

.rangeslider,
.rangeslider .rangeslider__fill {
    display: block
}

.rangeslider .rangeslider__handle {
    background: #fff;
    cursor: pointer;
    display: inline-block;
    position: absolute
}

.rangeslider .rangeslider__handle .rangeslider__active {
    opacity: 1
}

.rangeslider .rangeslider__handle-tooltip {
    width: 100px;
    height: 40px;
    text-align: center;
    position: absolute;
    background-color: rgba(0, 0, 0, .8);
    font-weight: 400;
    font-size: 14px;
    transition: all .1s ease-in;
    border-radius: 4px;
    display: none;
    color: #fff;
    left: 50%;
    transform: translate3d(-50%, 0, 0)
}

.rangeslider .rangeslider__handle-tooltip span {
    margin-top: 12px;
    display: inline-block;
    line-height: 100%
}

.rangeslider .rangeslider__handle-tooltip:after {
    content: " ";
    position: absolute;
    width: 0;
    height: 0
}

.rangeslider-horizontal {
    height: 3px;
    border-radius: 10px
}

.rangeslider-horizontal .rangeslider__fill {
    height: 100%;
    background-color: #2684ff;
    border-radius: 10px;
    top: 0
}

.rangeslider-horizontal .rangeslider__handle {
    width: 20px;
    height: 20px;
    background: #2684ff;
    border-radius: 50%;
    top: -6px;
    transform: translate3d(-50%, -70%, 0);
    outline: 0 !important
}

.rangeslider-horizontal .rangeslider__handle:after {
    content: " ";
    position: absolute;
    width: 16px;
    height: 16px;
    top: 6px;
    left: 6px;
    border-radius: 50%;
    background-color: #dadada;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .4), inset 0 -1px 3px rgba(0, 0, 0, .4);
    display: none
}

.rangeslider-horizontal .rangeslider__handle-tooltip {
    top: -55px
}

.rangeslider-horizontal .rangeslider__handle-tooltip:after {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid rgba(0, 0, 0, .8);
    left: 50%;
    bottom: -8px;
    transform: translate3d(-50%, 0, 0)
}

.rangeslider-vertical {
    margin: 20px auto;
    height: 150px;
    max-width: 10px;
    background-color: initial
}

.rangeslider-vertical .rangeslider__fill,
.rangeslider-vertical .rangeslider__handle {
    position: absolute
}

.rangeslider-vertical .rangeslider__fill {
    width: 100%;
    background-color: #7cb342;
    box-shadow: none;
    bottom: 0
}

.rangeslider-vertical .rangeslider__handle {
    width: 30px;
    height: 10px;
    left: -10px;
    box-shadow: none
}

.rangeslider-vertical .rangeslider__handle-tooltip {
    left: -100%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0)
}

.rangeslider-vertical .rangeslider__handle-tooltip:after {
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid rgba(0, 0, 0, .8);
    left: 100%;
    top: 12px
}

.rangeslider-reverse.rangeslider-horizontal .rangeslider__fill {
    right: 0
}

.rangeslider-reverse.rangeslider-vertical .rangeslider__fill {
    top: 0;
    bottom: inherit
}

.rangeslider__labels {
    position: relative;
    margin: 0
}

.rangeslider-vertical .rangeslider__labels {
    position: relative;
    list-style-type: none;
    margin: 0 0 0 24px;
    padding: 0;
    text-align: left;
    width: 250px;
    height: 100%;
    left: 10px
}

.rangeslider-vertical .rangeslider__labels .rangeslider__label-item {
    position: absolute;
    transform: translate3d(0, -50%, 0)
}

.rangeslider-vertical .rangeslider__labels .rangeslider__label-item:before {
    content: "";
    width: 10px;
    height: 2px;
    background: #000;
    position: absolute;
    left: -14px;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1
}

.rangeslider__labels .rangeslider__label-item {
    position: absolute;
    font-size: 14px;
    cursor: pointer;
    display: inline-block;
    top: 10px;
    transform: translate3d(-50%, 0, 0)
}

.loader-60devs {
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    width: 100%;
    z-index: 0;
    opacity: 1;
    transition: opacity .25s .25s
}

.loader-60devs .loader-60devs-progress {
    height: 2px;
    width: 100%;
    background-color: #039be5;
    transition-property: transform, opacity;
    transition-duration: 12s;
    transition-timing-function: cubic-bezier(.04, .9, .11, .9);
    transform: translateX(-100%)
}

.loader-60devs[data-state=hidden] {
    display: none;
    transition: none
}

.loader-60devs[data-state=hidden] .loader-60devs-progress {
    transition: none
}

.loader-60devs[data-state=running]:before {
    content: "";
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.loader-60devs[data-state=running] .loader-60devs-progress {
    transform: translateX(0)
}

.loader-60devs[data-state=finishing] {
    opacity: 0
}

.loader-60devs[data-state=finishing] .loader-60devs-progress {
    transform: scaleX(100) translateX(0)
}

.loader {
    font-size: 10px;
    margin: 0 auto;
    text-indent: -9999em;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #fff;
    background: linear-gradient(90deg, #2196f3 10%, hsla(0, 0%, 100%, 0) 42%);
    position: relative;
    -webkit-animation: load3 1.4s linear infinite;
    animation: load3 1.4s linear infinite;
    transform: translateZ(0)
}

.loader:after,
.loader:before {
    position: absolute;
    top: 0;
    left: 0;
    content: ""
}

.loader:before {
    width: 55%;
    height: 55%;
    background: #2196f3;
    border-radius: 100% 0 0 0
}

.loader:after {
    background: #fff;
    width: 75%;
    height: 75%;
    border-radius: 50%;
    margin: auto;
    bottom: 0;
    right: 0
}

@-webkit-keyframes load3 {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes load3 {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.popup.breakup {
    width: 50%;
    right: 0;
    height: 100%;
    border-radius: 0;
    position: fixed;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transform: none;
    top: 0;
    z-index: 100
}

.popup.breakup .close-icon {
    left: -32px;
    top: 0
}

.popup.breakup .close-icon:after,
.popup.breakup .close-icon:before {
    position: absolute;
    left: 12px;
    top: 0;
    content: " ";
    height: 28px;
    width: 3px;
    background-color: #fff;
    border-radius: 8px
}

.popup.breakup .breakup-header {
    border-bottom: 1px solid #e6efff;
    margin: 0 auto;
    width: 100%;
    display: table;
    padding-right: 0
}

.popup.breakup .insurer-logo {
    padding: 18px 0 0 12px
}

.popup.breakup .idv {
    width: 38%;
    display: inline-block;
    color: #b0b0b0;
    font-size: 16px;
    padding: 10px 12px;
    vertical-align: top
}

.popup.breakup .idv-amt {
    display: block;
    color: #212121;
    font-size: 20px
}

.popup.breakup .premium-display {
    display: inline-block;
    width: 26%;
    vertical-align: top;
    text-align: center;
    position: relative
}

.popup.breakup .premium-display small {
    font-size: 10px;
    line-height: 10px;
    font-weight: 400
}

.popup.breakup .vehical-details-section {
    width: 95%;
    border-bottom: 1px solid #e6efff;
    padding: 15px;
    margin: 0 auto;
    display: table;
    float: inherit
}

.popup.breakup .vehical-name {
    color: #000;
    font-size: 16px;
    margin: 0 0 7px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal
}

.popup.breakup .other-vehical-details {
    margin: 0
}

.popup.breakup .other-vehical-details span {
    margin-right: 5px;
    padding-left: 15px;
    position: relative;
    color: #8a8a8a;
    font-size: 12px;
    font-weight: 400
}

.popup.breakup .other-vehical-details span:first-child {
    padding: 0
}

.popup.breakup .other-vehical-details span:first-child:before {
    display: none
}

.popup.breakup .premium-breakup {
    width: 95%;
    padding: 5px 20px;
    margin: 15px;
    max-height: 430px;
    overflow: auto
}

.popup.breakup .premium-breakup span.title {
    display: block;
    margin: 0 0 10px;
    text-align: center;
    font-size: 18px;
    color: #2684ff
}

.popup.breakup .heading {
    margin: 0 0 25px;
    display: block;
    padding: 0;
    font-weight: 400
}

.popup.breakup .heading h5 {
    color: #212121;
    font-size: 16px;
    margin-bottom: 10px;
    display: block;
    font-weight: 400
}

.popup.breakup .premium-breakup ul li:after {
    content: "";
    display: block;
    clear: both
}

.popup.breakup .premium-breakup ul li {
    list-style: none;
    margin-bottom: 10px
}

.popup.breakup .premium-breakup ul li span {
    float: left;
    color: #696969;
    font-size: 14px;
    font-weight: 300
}

.popup.breakup .premium-breakup ul li b {
    float: right;
    font-size: 14px;
    color: #212121;
    font-weight: 400
}

.popup.breakup .heading.final span {
    font-size: 18px
}

.popup.breakup .heading.final span em {
    font-size: 14px;
    font-style: normal;
    color: #a2a2a2;
    margin-left: 5px;
    font-weight: 400
}

.popup.breakup .heading.final b {
    float: right;
    color: #fc4804;
    font-size: 20px;
    font-weight: 400
}

.popup.breakup .heading ul {
    padding-left: 0
}

.slideInRightanimated {
    -webkit-animation: slide-left .5s cubic-bezier(.25, .46, .45, .94) both;
    animation: slide-left .5s cubic-bezier(.25, .46, .45, .94) both
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInRight {
    0% {
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes slideInRight {
    0% {
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@-webkit-keyframes slide-left {
    0% {
        transform: translateX(50px)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes slide-left {
    0% {
        transform: translateX(50px)
    }

    to {
        transform: translateX(0)
    }
}

.hide_anim {
    right: -100% !important;
    left: auto !important
}

.popup.breakup .insurer-logo {
    display: inline-block;
    width: 33%;
    padding: 10px 0 12px 10px;
    vertical-align: top
}

.popup.breakup .insurer-logo img {
    max-width: 180px;
    max-height: 50px
}

.popup.breakup .premium-display span {
    background: #ff5630 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAALCAYAAACZIGYHAAAAAXNSR0IArs4c6QAAAKpJREFUKBVjYCAB/P//X4YE5ZhKgQa0AzEIRGLKEikC1OwCxM+A+AMQRxCpDVMZULMe1JB/QDoYpoIRyJEHcl7DBIigtYFqDgAxBxAHMjIybgIZ8h/I+QzEpABuqOJ/QDqEBUhsA2JSDZEC6rEF4ttAfIwB6BA2IINoAFRfA8QfgfgaEIMMIw0ANZVBDbgJpElPM0BNRUAMAqAoBkUG6QCoUQJkAhCIoesGAEzFcugHApaCAAAAAElFTkSuQmCC) no-repeat 90% 15px;
    cursor: pointer;
    display: inline-block;
    width: auto;
    border-radius: 4px;
    padding: 2px 25px;
    margin: 15px 0;
    font-size: 14px;
    font-weight: 300;
    text-align: center;
    width: 147px;
    height: 42px;
    line-height: 36px;
    font-size: 20px;
    color: #fff;
    font-weight: 500;
    transition: all .2s ease;
    -webkit-transition: all .2s ease
}

.margins-top {
    margin-top: 15px
}

.fixed-btn {
    width: 100% !important;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0
}

select {
    background-position: 95%;
    background-repeat: no-repeat
}

.form-group {
    margin-bottom: 15px
}

.form-control {
    border-radius: 5px;
    padding: 10px 12px;
    font-size: 14px;
    font-weight: 400;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    color: #253858;
    background-color: #fff;
    font-family: inherit
}

select.form-control {
    padding-right: 30px
}

.subtext {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 500;
    color: #212121
}

.rupee {
    font-weight: 400 !important;
    display: inline !important;
    margin-right: 3px !important
}

:focus {
    outline: none
}

.container-inner {
    max-width: 1150px;
    padding: 0 10px
}

.float-left {
    float: left
}

.float-right {
    float: right
}

.react-datepicker-popper[data-placement^=bottom] {
    top: -30px !important
}

.popup {
    width: 360px;
    position: fixed;
    top: 50%;
    left: 50%;
    border-radius: 10px;
    z-index: 100;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    box-shadow: 0 1px 4px 0 #6f6f6f;
    border-radius: 3px;
    background: #fff;
    padding: 0
}

.close-icon {
    height: 28px;
    z-index: 99
}

.addontab {
    top: 2px
}

.close-icon:after,
.close-icon:before {
    width: 1px
}

.close-icon:after {
    transform: rotate(-45deg)
}

.popup .popup-header {
    font-size: 16px;
    padding: 30px 16px 15px;
    font-weight: 500;
    color: #212121;
    border: none
}

.popup .popup-body {
    padding: 0 16px
}

.popup .popup-footer {
    padding: 15px 16px 20px
}

.custom-padding {
    padding: 15px 0 20px !important
}

.popup .popup-footer .update-btn,
.save-btn {
    background: #fc4804;
    color: #fff;
    border: 1px solid #fc4804;
    width: 134px;
    height: 36px;
    border-radius: 3px;
    font-size: 12px
}

.popup .popup-footer .update-btn {
    float: right
}

.save-btn {
    width: 130px
}

.custom-radios input {
    position: absolute;
    visibility: hidden;
    opacity: 0
}

.custom-radios input:checked+label,
button.options.selected {
    border-color: #0065ff;
    color: #0065ff
}

.custom_checkbox input {
    visibility: hidden;
    position: absolute
}

.custom_checkbox span {
    position: relative;
    padding-left: 27px;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
    display: block;
    line-height: 20px
}

.custom_checkbox span:before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 2px;
    border: 1px solid #212121;
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 14px;
    text-align: center;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all ease .5s;
    -moz-transition: all ease .5s;
    color: #fff;
    line-height: 18px;
    background-repeat: no-repeat;
    background-position: 50%
}

.custom_checkbox input:checked+span:before {
    background-color: #2684ff;
    border-color: #2684ff;
    background-image: url(/assets/img/check.2a63b032.svg);
    background-size: 10px auto
}

.idv-dropdown .popup-body .subtext {
    color: #696969
}

.popup-body .option input[type=radio]:checked+label {
    color: #2684ff
}

.idv-dropdown .range-slider-section .max-idv-text,
.idv-dropdown .range-slider-section .min-idv-text {
    display: block;
    font-size: 11px;
    color: rgba(33, 33, 33, .33)
}

.idv-dropdown .range-slider-section .idv-labels {
    margin-bottom: 8px
}

.idv-dropdown .range-slider-section .min-idv-text {
    float: left
}

.idv-dropdown .range-slider-section .max-idv-text {
    float: right
}

.idv-dropdown .range-slider-section #idv_range_slider {
    background: rgba(38, 132, 255, .59);
    -webkit-appearance: none;
    height: 5px;
    width: 100%;
    border-radius: 6.5px
}

.idv-dropdown .range-slider-section .min-idv-value {
    color: #696969;
    font-size: 12px;
    font-weight: 300;
    float: left
}

.idv-dropdown .range-slider-section .max-idv-value {
    color: #696969;
    font-size: 12px;
    font-weight: 300;
    float: right
}

.idv-dropdown .close-icon {
    top: 12px
}

.idv-dropdown .popup-body .option {
    margin-top: 10px
}

.idv-dropdown .popup-body .range-slider-section {
    margin-top: 15px
}

.popup-body .option label+div {
    float: right;
    vertical-align: top;
    margin: -7px 0 0;
    text-align: center
}

.popup.expert {
    width: 490px;
    border-radius: 10px;
    padding: 25px 15px 30px
}

#ringer {
    line-height: 28px
}

.item {
    width: 50px;
    height: 50px
}

.popup.expert .phone-icon {
    padding: 16px 0 30px;
    border-bottom: 1px solid #e2e2e2
}

.popup.expert .lower-section {
    max-width: 400px;
    margin: 0 auto
}

.popup.expert .lower-section p {
    padding: 14px 0
}

.popup.expert .numbers li {
    list-style: none
}

.popup.expert .numbers li .call {
    margin: 4px 0
}

.ncb_popup .subtext {
    margin-top: 0;
    font-size: 14px;
    font-weight: 500;
    color: #212121
}

.ncb_popup .ncb-options button.ncb-option {
    width: 52px;
    height: 27px;
    margin-top: 10px;
    margin-bottom: 0
}

.clam-yes-no .claim-yes-button {
    background: none;
    border: 1px solid #212121;
    border-radius: 20px;
    padding: 0 15px;
    color: #212121;
    margin: 10px 12px 10px 0;
    width: 52px;
    line-height: 22px;
    cursor: pointer;
    float: left
}

.clam-yes-no .claim-yes-button.active {
    color: #fff;
    border: 1px solid #1596fe;
    background: #1596fe
}

.note {
    font-size: 10px;
    font-weight: 400;
    line-height: 1.4;
    color: #696969
}

.accordian .ac_header {
    position: relative;
    cursor: pointer
}

.accordian .ac-cont {
    padding-bottom: 10px
}

.accordian .ac_header.open:after {
    transform: translateY(-50%) rotate(-180deg)
}

.accordian .ac_header .subtext {
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    color: #696969;
    margin: 0;
    padding: 15px 0
}

.accordian .list {
    margin: 0;
    padding: 0;
    list-style: none
}

.accordian .list li {
    margin-bottom: 8px
}

.accordian .list li .custom-radios {
    padding-left: 27px;
    padding-top: 5px
}

.accordian .custom-radios .main-text {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #212121;
    margin-top: 0;
    margin-bottom: 10px
}

.accordian {
    border-bottom: 1px solid hsla(0, 0%, 59.2%, .26)
}

.view_less,
.view_more {
    font-size: 12px;
    font-weight: 500;
    color: #0065ff;
    display: inline-block;
    text-decoration: none
}

.accessories-input .user-input-section input {
    border: none;
    border-bottom: 1px solid #0065ff;
    display: table;
    margin: 0 0 5px;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #212121;
    line-height: 32px;
    position: inherit;
    opacity: 1
}

.accessories-input {
    height: 82px;
    padding-left: 27px
}

.accessories-input .min-section {
    float: left
}

.accessories-input .max-section {
    float: right
}

.accessories-input .max-section div,
.accessories-input .min-section div {
    font-size: 10px;
    margin: 0;
    text-align: center;
    color: #696969
}

.custom-radios label,
.filter-labels,
button.options {
    display: inline-block;
    border-radius: 12px;
    border: 1px solid #212121;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    margin-right: 8px;
    margin-bottom: 12px;
    background: #fff;
    cursor: pointer
}

.custom-radios label {
    padding: 2px 16px;
    cursor: pointer;
    line-height: 18px
}

.option,
.options {
    color: #212121;
    font-size: 14px;
    font-weight: 500
}

.option {
    margin-top: 10px
}

.range-slider-section {
    margin-top: 15px;
    color: #212121;
    font-size: 14px;
    font-weight: 500
}

.idv-labels {
    display: table;
    width: 100%
}

.min-idv-text {
    float: left
}

.max-idv-text,
.min-idv-text {
    display: block;
    font-size: 11px;
    color: rgba(33, 33, 33, .33)
}

.max-idv-text {
    float: right
}

.range-slider-section .idv-values {
    margin-top: 8px;
    margin-bottom: 0
}

.min-idv-value {
    float: left
}

.max-idv-value,
.min-idv-value {
    color: #696969;
    font-size: 12px;
    font-weight: 300
}

.max-idv-value {
    float: right
}

.option input[type=radio] {
    margin-top: 0;
    margin-right: 10px;
    position: relative;
    top: 2px
}

.vehicle-popup-desk .details-section {
    margin: 25px 0;
    display: table;
    width: 100%;
    min-height: 34px
}

.details-section label {
    float: left;
    width: 120px;
    font-size: 14px;
    color: #696969;
    font-weight: 300;
    margin-bottom: 0 !important;
    padding-top: 4px
}

.details-section .detail {
    width: 65%;
    float: right
}

.vehicle-popup-desk .details-section .detail .css-bg1rzq-control {
    border-radius: 0;
    border: none;
    border-bottom: 1px solid;
    color: #212121;
    height: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    min-height: auto !important
}

.vehicle-popup-desk .details-section .detail .css-dvua67-singleValue {
    padding-bottom: 10px
}

.vehicle-popup-desk .details-section .detail .css-1hwfws3 {
    padding: none
}

.vehicle-popup-desk .details-section .detail input {
    position: absolute;
    top: 0 !important;
    text-transform: uppercase;
    width: 100% !important;
    padding-bottom: 10px !important
}

.vehicle-popup-desk .details-section .detail .css-1szy77t-control {
    border-radius: 0;
    border: none !important;
    border-bottom: 1px solid !important;
    min-height: 30px !important;
    box-shadow: none
}

.vehicle-popup-desk .details-section .detail .form-group {
    margin-bottom: 0
}

.policy-expiry-popup .form-group .prev-insurer {
    margin-top: 20px;
    width: 100%;
    display: flex;
    justify-content: space-between
}

#exisiting_insurer #prev-insurer {
    width: 50%
}

#exisiting_insurer .css-bg1rzq-control {
    border-radius: 0;
    color: #212121;
    border: none;
    border-bottom: 1px solid #bdbdbd;
    font-weight: 500;
    letter-spacing: -.2px;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 13.5px;
    min-height: 46px !important;
    width: 100%
}

#prev-insurer div {
    width: 100%
}

#exisiting_insurer .css-1hwfws3 {
    width: 80%;
    display: inline-block
}

#exisiting_insurer .css-1wy0on6 {
    width: 20%
}

#exisiting_insurer .css-151xaom-placeholder,
#exisiting_insurer .css-dvua67-singleValue {
    font-size: 13.5px;
    color: #212121 !important;
    font-weight: 500
}

#exisiting_insurer label {
    width: 50%
}

#exisiting_insurer .css-1szy77t-control {
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #bdbdbd;
    border-radius: 0
}

#expiry_date label {
    display: inline-block;
    width: 50%;
    color: #696969;
    font-size: 13.5px;
    margin: 10px 0 15px;
    font-weight: 300
}

#expiry_date .expiryDt,
#expiry_date .reg_date {
    display: inline-block;
    width: 100%;
    margin: 7px 0 9px;
    height: 17px
}

#expiry_date .expiryDt input,
#expiry_date .reg_date input {
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #000;
    min-height: 20px !important;
    height: 25px;
    color: #212121;
    padding: 0 0 0 10px;
    background-position: 95%;
    background-repeat: no-repeat;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjMyREQ3NUFFNzUwQjExRTk4OUY3ODRFMkY3QzA0QUZCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjMyREQ3NUFGNzUwQjExRTk4OUY3ODRFMkY3QzA0QUZCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzJERDc1QUM3NTBCMTFFOTg5Rjc4NEUyRjdDMDRBRkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzJERDc1QUQ3NTBCMTFFOTg5Rjc4NEUyRjdDMDRBRkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7RQW3IAAABFElEQVR42mKxsbFhgAImIF4HxL5AfBqIXYD4C1SOB4j3ALEpEG8G4iAg/gfTBANyQOwPxLpALAPEFkhyFlAxXagaOZgECxCLAfFEJMFrQPwNiLuA+C1UTBgqdg3KXwrED4E4H2RAMBBHMGACQzT+bSS2FRQfBnmBFU3hASBWwGKgAlQOGbCyQBkgp56HstWB+CCS0xmQvKIODUy4C2EGnAJiLygbFB75ULYnlN6ORW4beiyQBWAu0AHimUgBBGPLQukALHIgPTtgBlwB4vQB9YIINOnCUiSMbQClf2ORE6GqC94gxa8vEhuWyLDJFcEM+A/EXECsBJXgR2JLQGlsciA9/xmB2dkQaqoQia5/B8TOAAEGAISTNIMiiuQTAAAAAElFTkSuQmCC")
}

#expiry_date .expiryDt .react-datepicker-popper {
    left: -30px !important
}

#expiry_date .react-datepicker {
    padding: 10px
}

#expiry_date .reg_date_modal .react-datepicker__day,
.react-datepicker__day {
    border: 1px solid #e5e5e5 !important;
    display: table-cell !important;
    border-collapse: collapse;
    border-radius: 0 !important
}

#expiry_date .react-datepicker__triangle {
    display: none
}

#expiry_date .expiryDt {
    width: 50%
}

.manf_date {
    border-bottom: 1px solid #000;
    color: #212121;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjMyREQ3NUFFNzUwQjExRTk4OUY3ODRFMkY3QzA0QUZCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjMyREQ3NUFGNzUwQjExRTk4OUY3ODRFMkY3QzA0QUZCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzJERDc1QUM3NTBCMTFFOTg5Rjc4NEUyRjdDMDRBRkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzJERDc1QUQ3NTBCMTFFOTg5Rjc4NEUyRjdDMDRBRkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7RQW3IAAABFElEQVR42mKxsbFhgAImIF4HxL5AfBqIXYD4C1SOB4j3ALEpEG8G4iAg/gfTBANyQOwPxLpALAPEFkhyFlAxXagaOZgECxCLAfFEJMFrQPwNiLuA+C1UTBgqdg3KXwrED4E4H2RAMBBHMGACQzT+bSS2FRQfBnmBFU3hASBWwGKgAlQOGbCyQBkgp56HstWB+CCS0xmQvKIODUy4C2EGnAJiLygbFB75ULYnlN6ORW4beiyQBWAu0AHimUgBBGPLQukALHIgPTtgBlwB4vQB9YIINOnCUiSMbQClf2ORE6GqC94gxa8vEhuWyLDJFcEM+A/EXECsBJXgR2JLQGlsciA9/xmB2dkQaqoQia5/B8TOAAEGAISTNIMiiuQTAAAAAElFTkSuQmCC) no-repeat right 0;
    background-position: 95%;
    padding-left: 10px;
    padding-bottom: 7px
}

.details-section .calender-ui,
.policy-expiry-edit-section .calender-ui {
    z-index: 9;
    border: 0 solid #ddd;
    background: #fff;
    color: #222;
    border-radius: 4px;
    width: 245px !important;
    box-shadow: 0 1px 3px 0 #9c9c9c;
    -webkit-box-shadow: 0 1px 3px 0 #9c9c9c;
    border-radius: 2px;
    box-shadow: 0 3px 24px 0 rgb(204 204 204/30%) !important;
    background-color: #fff;
    display: block;
    position: absolute;
    right: 20px;
    top: 100%
}

.details-section .calender-ui-header,
.policy-expiry-edit-section .calender-ui-header {
    position: relative;
    border: 1px solid #aaa;
    background: none;
    color: #222;
    -webkit-appearance: none;
    font-weight: 700;
    border-radius: 0;
    padding: 7px;
    width: 98%;
    margin: 0 auto;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    display: table
}

.details-section .month-list,
.policy-expiry-edit-section .month-list {
    padding: 0;
    text-align: center
}

.details-section .month-list li,
.policy-expiry-edit-section .month-list li {
    margin: 1%;
    border: 1px solid #d1d1d1;
    padding: 5px;
    width: 31%;
    color: #5b5b5b;
    margin: 2% 1%;
    border-radius: 4px;
    display: inline-block;
    text-align: center;
    font-size: 13px
}

.details-section .month-list li.active,
.policy-expiry-edit-section .month-list li.active,
.policy-expiry-edit-section .month-list li:hover {
    background: #1596fe;
    color: #fff;
    border: 1px solid #1596fe
}

.details-section .calender-dropdown,
.policy-expiry-edit-section .calender-dropdown {
    border: 1px solid #f5f4f4;
    margin: 0;
    width: 100%;
    float: right;
    position: absolute;
    background: #fff;
    z-index: 1;
    left: 0;
    box-shadow: 0 3px 24px 0 rgb(204 204 204/30%);
    padding: 0;
    height: 150px;
    overflow-y: scroll;
    display: block
}

.details-section .calender-dropdown li,
.policy-expiry-edit-section .calender-dropdown li {
    float: left;
    width: 100%;
    color: #6f6f6f;
    font-size: 12px;
    font-weight: 300;
    margin: 0;
    border-bottom: 1px solid #ececec;
    padding: 7px 10px
}

.details-section .calender-dropdown li.active,
.details-section .calender-dropdown li:hover,
.policy-expiry-edit-section .calender-dropdown li.active,
.policy-expiry-edit-section .calender-dropdown li:hover {
    background-color: hsla(0, 0%, 43.5%, .17)
}

.error-msg {
    display: block;
    clear: both;
    font-size: 11px;
    color: red;
    text-align: center;
    line-height: normal;
    border: 1px solid #fa774d;
    background: #fdede8
}

.need_help.banner {
    border-radius: 8px;
    background: linear-gradient(97deg, #b12bf8, #8d4fe5 50%, #6c40d0) 0 0 no-repeat;
    padding: 16px;
    position: relative;
    width: 94%;
    margin: 0 auto 16px
}

.need_help.banner img {
    position: absolute;
    left: 24px;
    top: 16px
}

.need_help.banner .inner {
    padding-left: 72px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.need_help.banner .text {
    flex: 0 0 50%;
    max-width: 50%
}

.need_help.banner h2 {
    text-align: left;
    background: none;
    margin: 0 0 5px;
    padding: 0;
    font-size: 18px;
    font-weight: 700;
    color: #fff
}

.need_help.banner p {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px
}

.need_help.banner .btn-groups {
    display: flex;
    margin: 0 -10px;
    flex: 0 0 50%;
    max-width: 50%;
    justify-content: flex-end
}

.need_help .btn-groups li {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 10px
}

.need_help button.talk-expert {
    background: #fff;
    color: #253858
}

.need_help .btn-groups button {
    border: 1px solid transparent;
    border-radius: 4px;
    width: 100%;
    font-size: 14px;
    padding: 8px 9px 9px;
    cursor: pointer;
    font-family: inherit;
    font-weight: 500
}

.need_help button.talk-expert:before {
    background: url(https://static.pbcdn.in/car-cdn/rct/images/need-help/banner/call-white.svg) no-repeat 0/contain
}

.need_help button:before {
    content: "";
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    margin-bottom: 2px
}

.popup .popup-footer button[disabled] {
    cursor: default;
    background: #f4f5f7;
    border: none
}

.policy-expiry-edit-section .popup .popup-footer .close-btn {
    float: inherit
}

.policy-expiry-edit-section .popup .popup-footer .update-btn {
    float: none
}

.container_max {
    max-width: 1170px;
    margin: auto
}

.newpopup_wrapper .popup_box.ncb_step1 {
    padding: 22px 60px
}

#stickyHeader {
    margin-bottom: 10px
}

.feature-addons-section {
    clear: both;
    font-size: 10px;
    color: #212121;
    margin: 0 auto;
    display: table;
    width: 100%;
    padding: 0 10px 8px
}

.feature-addons-section h2,
.feature-section h2 {
    position: relative;
    margin-left: 14px;
    padding: 0;
    font-size: 11px;
    font-weight: 600;
    display: block;
    text-align: left;
    color: #253858
}

.feature-addons-section h2:after,
.feature-section h2:after {
    content: "";
    background: hsla(0, 0%, 43.9%, .18);
    height: 1px;
    display: block;
    position: absolute;
    left: 50px;
    right: 0;
    top: 58%;
    width: 91%
}

.feature-addons-section .addons-section {
    width: 100%;
    padding-left: 0;
    border: none;
    padding-top: 5px;
    margin-bottom: 0;
    padding-bottom: 0;
    color: #212121;
    font-size: 12px;
    display: inline-block
}

.feature-addons-section .included-addons {
    display: flex;
    flex-wrap: wrap
}

.feature-addons-section .included-addons p {
    color: #696969;
    background: none;
    position: relative;
    font-size: 11px;
    font-weight: 400;
    line-height: normal;
    min-height: 0;
    padding: 2px 0 2px 15px;
    max-width: 25%;
    flex: 0 0 50%;
    margin-left: 0
}

.feature-addons-section .included-addons .selected-addons :before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background: url(/assets/img/check-green.c6043d22.svg);
    position: absolute;
    top: 5px;
    left: 0
}

.feature-addons-section .included-addons .not-selected-addons :before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjU4OTExNURGNzUyNTExRTk4OUY3ODRFMkY3QzA0QUZCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjU4OTExNUUwNzUyNTExRTk4OUY3ODRFMkY3QzA0QUZCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTg5MTE1REQ3NTI1MTFFOTg5Rjc4NEUyRjdDMDRBRkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTg5MTE1REU3NTI1MTFFOTg5Rjc4NEUyRjdDMDRBRkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5pj124AAAAg0lEQVR42mL87+5+hYGB4RQQJzFgB/OA2IwJqigRiJuwKGqCyp1igZr0BIhroZJ1SIpAYs0gMRY0SZDEVSR2M0yOBcmaOqiiFVB+BBCvhEkyMRAJWNAcXgs1iQFqsja61cgOh1mnjexBFmg4JSI7HIsHZUAKzYB4PpoiZMUyIDUAAQYAVlIdm0vu0vEAAAAASUVORK5CYII=) no-repeat;
    position: absolute;
    top: 5px;
    left: 0
}

@media (max-width:840px) {
    .quotes-section .container-inner {
        min-width: auto
    }

    .edit-cover {
        right: 32px;
        top: 10px
    }

    .progress {
        top: 9%;
        width: 100%;
        z-index: 10000
    }

    .newpopup_wrapper .popup_box,
    .newpopup_wrapper .popup_box.ncb_selection,
    .newpopup_wrapper .popup_box.ncb_step1,
    .newpopup_wrapper .popup_box.policy-expiry {
        width: 100%;
        left: 0;
        right: 0;
        padding-left: 12px;
        padding-right: 12px;
        padding-top: 50px;
        min-height: 440px
    }

    .newpopup_wrapper .popup_box {
        border-radius: 36px 36px 0 0;
        padding-left: 16px;
        padding-right: 16px;
        transform: none;
        -webkit-transform: none;
        top: auto;
        bottom: 0;
        padding-top: 30px
    }

    .slideTop_animation {
        animation: slideTOtop .3s ease;
        -webkit-animation: slideTOtop .3s ease
    }

    .newpopup_wrapper .small_pop {
        max-width: 100%
    }

    .container {
        width: 100% !important
    }

    .overlay-popup-action,
    .overlay-popup-action-tracking {
        opacity: .4;
        background-color: #000;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 100
    }

    .custom-radios label {
        padding: 2px 16px;
        cursor: pointer;
        line-height: 18px
    }

    .indicat-price {
        font-size: 11px
    }

    .custom-radios label,
    .filter-labels,
    button.options {
        display: inline-block;
        border-radius: 12px;
        border: 1px solid #212121;
        font-size: 14px;
        font-weight: 400;
        text-align: center;
        margin-right: 8px;
        margin-bottom: 12px;
        background: #fff;
        cursor: pointer
    }

    .quotes-header {
        min-height: 44px;
        box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .06);
        background-color: #e1edff;
        left: 0;
        padding: 8px 0
    }

    .padding_top_0 {
        padding-top: 0 !important
    }

    .full_name {
        width: 68px;
        text-overflow: ellipsis;
        overflow: hidden;
        display: block;
        white-space: nowrap
    }

    .quotes-header {
        width: 100%;
        z-index: 9
    }

    .header_top {
        top: 0
    }

    #stickyHeader,
    .quotes-header {
        background: #fff;
        border-bottom: 1px solid #d3d3d3;
        padding-bottom: 7px;
        overflow-y: scroll
    }

    .quotes-header .mob-header .vehicleDetails {
        margin-left: 0
    }

    .quotes-header .mob-header .vehicleDetails .mmv {
        font-weight: 700
    }

    .quotes-header .mob-header .vehicleDetails .others {
        margin-top: 5px;
        font-size: 12px
    }

    .loader-60devs[data-state=finishing],
    .loader-60devs[data-state=running] {
        top: 16%;
        width: 100%;
        z-index: 3
    }

    #noAlert .loader-60devs[data-state=running],
    .loader-60devs[data-state=finishing] {
        top: 13%
    }

    #stickyHeader {
        width: 100%;
        z-index: 1
    }

    .stickyHeaderTop {
        top: 5% !important
    }

    .margin-top-set {
        margin-top: 10%
    }

    .mob-header {
        float: left
    }

    .back-btnn {
        padding-left: 25px;
        background-image: url(/assets/img/arrow.3f0ef0dd.svg);
        background-position: 0;
        background-size: 18px auto;
        background-repeat: no-repeat;
        display: block;
        margin-bottom: 0
    }

    .mob-header span {
        font-size: 18px;
        position: relative;
        top: 3px;
        font-weight: 300;
        color: #fff;
        left: 10px
    }

    .talk-to-experts {
        float: right;
        width: 104px;
        height: 28px;
        border-radius: 4px;
        border: 1px solid #fff;
        font-size: 10px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 25px;
        letter-spacing: -.17px;
        text-align: left;
        color: #0065ff !important;
        display: block;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggTWFjaW50b3NoIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2ODlCREU0NzY2NTExRTk4OUY3ODRFMkY3QzA0QUZCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2ODlCREU1NzY2NTExRTk4OUY3ODRFMkY3QzA0QUZCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTY4OUJERTI3NjY1MTFFOTg5Rjc4NEUyRjdDMDRBRkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTY4OUJERTM3NjY1MTFFOTg5Rjc4NEUyRjdDMDRBRkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7vD/1BAAABzElEQVR42mIJm/f9/8WnDChAUYiBodOflZGFiYFkwHTlKabg/XcMDEXrfmsxkAGYOFmxS/BxM8iSZaAgN3YJdmZGE7IMlOJnxCrBysgQR5aBf/8xrMIm8fc/gxpZBn759X8GuiA3MFy//2dwIcvANh/W/ZJ8qIbJCDK4tLiz7CXLQBAhI8S4DiagJMoQ2u7LSpZhcAP33PyXwAVNPpysjMUMFACwgXuz2D5rSTCuAbHPPvxvUbnltzVFBoJAmTNLqKwAMHaB7E/fGI64TvklTJGBLMwMDBzsDJZsQPr5ZwYGMwXGN9rxP0nOzYxXn/1BEWje+af0wpP/Xf+BbE1xBoZTD/6L7M5he4uspmrLb0cOFsZ9QMtv/f7PsOjn3/9nPn1leNwXxHoNw0AQaN31p+/c4/+FIEMleYH5movBpt2H9ShIrnLzb+cn7xn2fP2N6TpQKYXVQJhLrz7/3/ULGKjAUGAwlmc88f33/957rxlWYzMMp5eRQfmW3xY/fjIcf/yBgjBEB3+ALuza+2f1tRf/Q779JiGWcQFQ7Fe5sYQ+//Kfz1SBcR1yNiXLhdgAKJZ52BgzmJkYwp59/M/w/iuwMAG6XkeagQEgwAAym6JXifCYbgAAAABJRU5ErkJggg==);
        background-repeat: no-repeat;
        background-size: 10px auto;
        background-position: 10px;
        padding-left: 25px;
        margin-bottom: 0
    }

    .loader-60devs .loader-60devs-progress,
    .talk-to-experts {
        background-color: #fff
    }

    .quotes-edit-details-section .container-inner {
        margin: 0 -10px;
        overflow-x: auto;
        display: flex
    }

    .quotes-edit-details-section .container-inner::-webkit-scrollbar {
        display: none
    }

    .quotes-edit-details-section .idv-dropdown,
    .quotes-edit-details-section .ncb-edit-section,
    .quotes-edit-details-section .ownedby-dropdown,
    .quotes-edit-details-section .vehicle-detail-dropdown {
        float: left;
        min-width: 28%;
        padding-left: 15px
    }

    .quotes-edit-details-section .idv-dropdown {
        padding-left: 10px
    }

    .quotes-edit-details-section h5.header-heading {
        font-size: 10px;
        font-weight: 400;
        letter-spacing: normal;
        color: #555
    }

    .quotes-edit-details-section span.dropdown {
        font-size: 12px;
        font-weight: 600;
        color: #212121;
        padding: 2px;
        display: block;
        width: 100%;
        position: relative;
        font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif
    }

    .quotes-edit-details-section span.dropdown:after {
        content: "";
        display: block;
        width: 5px;
        height: 5px;
        border-top: 1px solid #000;
        border-right: 1px solid #000;
        position: absolute;
        left: 60px;
        transform: translateY(-50%) rotate(130deg);
        top: 46%
    }

    .quotes-edit-details-section .idv-dropdown span.dropdown:after {
        left: 75px
    }

    .quotes-edit-details-section .ncb-edit-section span.dropdown:after {
        left: 35px
    }

    .quotes-edit-details-section .vehicle-detail-dropdown span.dropdown:after {
        left: 68px
    }

    .quotes-edit-details-section .ownedby-dropdown span.dropdown:after {
        left: 70px
    }

    .quotes-edit-details-section div.separator {
        border-right: 1px solid #d1d1d1
    }

    .quotes-header .editVehicleDetails {
        border: 1px solid #00f;
        display: flex;
        float: right;
        background: none;
        border-radius: 5px;
        padding: 3px 8px;
        font-size: 10px;
        color: #00f
    }

    .plan-feature-upper {
        border: none;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        width: 100%;
        display: table;
        position: relative;
        background: #fff
    }

    .inspection-tags li.dot:before {
        top: 7px
    }

    .plan-feature-upper ul li {
        font-size: 11px;
        margin-right: 3px;
        letter-spacing: -.3px;
        position: relative;
        float: left;
        color: #36b37e
    }

    .plan-feature-upper ul li img {
        padding-right: 5px;
        margin-bottom: 4px
    }

    .plan-feature-upper ul li.phone-icon {
        color: #f5a623
    }

    .quote-tile-inner .tile_inner .logo-image {
        width: 28%;
        border: none;
        margin-bottom: 0;
        min-height: 0;
        vertical-align: middle;
        display: inline-block;
        padding: 0 8px;
        position: relative
    }

    .logo-image img {
        max-width: 100%;
        max-height: 31px;
        margin: 0 auto;
        display: block
    }

    .buy-now-section {
        padding-left: 4%;
        padding-top: 10px;
        padding-bottom: 10px;
        display: inline-block;
        text-align: center;
        position: relative
    }

    .buy-now-section,
    .show-idv-section {
        width: 34%;
        margin-bottom: 0;
        vertical-align: middle
    }

    .buy-now-btn {
        width: 100px;
        height: 31px;
        border-radius: 4px;
        font-size: 14px;
        font-weight: 500;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAALCAYAAACZIGYHAAAAAXNSR0IArs4c6QAAAKpJREFUKBVjYCAB/P//X4YE5ZhKgQa0AzEIRGLKEikC1OwCxM+A+AMQRxCpDVMZULMe1JB/QDoYpoIRyJEHcl7DBIigtYFqDgAxBxAHMjIybgIZ8h/I+QzEpABuqOJ/QDqEBUhsA2JSDZEC6rEF4ttAfIwB6BA2IINoAFRfA8QfgfgaEIMMIw0ANZVBDbgJpElPM0BNRUAMAqAoBkUG6QCoUQJkAhCIoesGAEzFcugHApaCAAAAAElFTkSuQmCC);
        background-repeat: no-repeat;
        background-position: 90%;
        border: none;
        box-shadow: none;
        letter-spacing: normal;
        text-align: center;
        color: #fff;
        background-color: #fc4804;
        background-size: 11px auto;
        padding-right: 13px;
        font-size: 16px;
        margin: 3px 0;
        transition: all .5s ease
    }

    .not-applicable-text {
        text-align: center;
        font-size: 12px
    }

    .show-idv-section {
        padding: 10px 3px 10px 3vw;
        width: 36%;
        vertical-align: middle;
        display: inline-block;
        margin-bottom: 0
    }

    .show-idv-section span {
        line-height: 18px;
        font-size: 14px;
        color: #696969;
        padding: 0 19px 0 0
    }

    .show-idv-section label,
    .show-idv-section span {
        display: inline-block;
        vertical-align: middle;
        position: relative
    }

    .show-idv-section label {
        font-size: 12px;
        top: -2px;
        padding: 0 7px 0 0;
        color: #7a869a;
        margin-bottom: 0
    }

    .show-idv-section .third-party {
        color: #757575;
        font-size: 11px;
        padding-right: 0;
        display: block
    }

    .feature-addons-section-mob {
        clear: both;
        font-size: 10px;
        color: #212121;
        margin: 0 auto;
        display: table;
        width: 100%;
        padding: 0 10px 8px
    }

    .feature-addons-section-mob h2,
    .feature-section h2 {
        position: relative;
        padding: 0;
        margin: 0 0 0 10px;
        font-size: 15px;
        font-weight: 600;
        display: block;
        text-align: left;
        color: #253858
    }

    .feature-addons-section-mob span {
        display: inline-block;
        padding: 0 0 5px
    }

    .feature-addons-section-mob h2:after,
    .feature-section h2:after {
        content: "";
        background: hsla(0, 0%, 43.9%, .18);
        height: 1px;
        display: block;
        position: absolute;
        left: 50px;
        right: 0;
        top: 60%;
        width: 15%
    }

    .feature-addons-section-mob .addons-section {
        width: 100%;
        padding-left: 0;
        border: none;
        padding-top: 5px;
        margin-bottom: 0;
        padding-bottom: 0;
        color: #212121;
        font-size: 12px;
        display: inline-block
    }

    .selected-addons {
        margin-top: 0
    }

    .feature-addons-section-mob .included-addons {
        display: flex;
        flex-wrap: wrap
    }

    .feature-addons-section-mob .included-addons li {
        color: #696969;
        background: none;
        position: relative;
        font-size: 11px;
        line-height: normal;
        min-height: 0;
        padding: 0 6px 0 15px;
        max-width: 50%;
        flex: 0 0 50%;
        margin-left: 0
    }

    .feature-addons-section-mob .included-addons .selected-addons :before {
        content: "";
        display: block;
        width: 10px;
        height: 10px;
        background: url(/assets/img/check-green.c6043d22.svg);
        position: absolute;
        top: 5px;
        left: 0
    }

    .feature-addons-section-mob .included-addons .not-selected-addons :before {
        content: "";
        display: block;
        width: 10px;
        height: 10px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjU4OTExNURGNzUyNTExRTk4OUY3ODRFMkY3QzA0QUZCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjU4OTExNUUwNzUyNTExRTk4OUY3ODRFMkY3QzA0QUZCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTg5MTE1REQ3NTI1MTFFOTg5Rjc4NEUyRjdDMDRBRkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTg5MTE1REU3NTI1MTFFOTg5Rjc4NEUyRjdDMDRBRkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5pj124AAAAg0lEQVR42mL87+5+hYGB4RQQJzFgB/OA2IwJqigRiJuwKGqCyp1igZr0BIhroZJ1SIpAYs0gMRY0SZDEVSR2M0yOBcmaOqiiFVB+BBCvhEkyMRAJWNAcXgs1iQFqsja61cgOh1mnjexBFmg4JSI7HIsHZUAKzYB4PpoiZMUyIDUAAQYAVlIdm0vu0vEAAAAASUVORK5CYII=) no-repeat;
        position: absolute;
        top: 5px;
        left: 0
    }

    .garages {
        padding-left: 9px;
        color: #253858;
        padding-bottom: 8px;
        font-size: 12px;
        font-weight: 400;
        text-decoration: none;
        position: relative;
        padding-right: 8px
    }

    .garages,
    .garages:after {
        display: inline-block;
        vertical-align: middle
    }

    .garages:after {
        content: "";
        width: 4px;
        height: 4px;
        border-top: 1px solid #253858;
        border-left: 1px solid #253858;
        transform: rotate(135deg);
        margin-left: 3px
    }

    .feature-section h2 {
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 8px
    }

    .feature-addons-section-mob h2 span,
    .feature-section h2 span {
        background: #fff;
        font-size: 12px;
        line-height: normal;
        position: relative;
        padding-bottom: 0;
        padding-right: 5px;
        font-weight: 400;
        color: #253858
    }

    .plan_list_tags {
        padding: 0 8px 8px;
        list-style: none
    }

    .plan_list_tags li {
        background: #f1f1f1;
        color: #253858;
        padding: 2px 6px;
        display: inline-block;
        margin-right: 3px;
        border-radius: 5px;
        margin-bottom: 3px;
        font-size: 11px;
        vertical-align: top
    }

    .buy-now-section .irda-amount {
        display: inline-block;
        margin: 0;
        font-size: 12px;
        font-weight: 400;
        height: auto;
        width: auto;
        transform: translate(0);
        white-space: nowrap;
        position: static;
        vertical-align: middle;
        text-decoration: line-through;
        color: #7a869a;
        padding: 0;
        text-align: center
    }

    .addons-section-mob {
        position: relative
    }

    .download_policy {
        float: right;
        font-size: 11px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.18;
        letter-spacing: normal;
        color: #0065ff;
        text-decoration: none;
        width: 100px;
        text-align: center
    }

    .download_policy:hover {
        text-decoration: underline
    }

    .plan_feature_dropdown {
        border-top: 1px solid #f0f4f5;
        padding: 12px 10px 0;
        margin: 13px -10px 0
    }

    .plan_feature_dropdown li {
        font-size: 10px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        margin-right: 10px;
        letter-spacing: normal;
        text-align: left;
        color: #212121;
        display: block;
        padding-left: 12px;
        position: relative;
        list-style: none;
        width: 50%;
        float: left;
        margin-bottom: 3px
    }

    .plan_feature_dropdown li:before {
        content: "";
        width: 4px;
        height: 4px;
        border-radius: 20px;
        background: #212121;
        left: 2px;
        top: 5px;
        position: absolute
    }

    .plan_feature_dropdown ul {
        margin: 0 0 10px;
        padding: 0
    }

    .plan_feature_dropdown h4 {
        font-size: 11px;
        font-weight: 500;
        text-align: left;
        color: #212121;
        padding-bottom: 3px
    }

    .plan_feature_dropdown h4,
    .special-price {
        font-stretch: normal;
        font-style: normal;
        letter-spacing: normal
    }

    .special-price {
        width: 79px;
        height: 20px;
        box-shadow: 0 2px 9px 0 hsla(0, 0%, 87.1%, .3);
        background-color: #61bb41;
        position: absolute;
        right: -6px;
        font-size: 9px;
        font-weight: 700;
        line-height: 20px;
        text-align: center;
        color: #fff;
        text-transform: uppercase;
        top: 6px
    }

    .special-price:after {
        content: "";
        border-left: 0 solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid #3f7a2a;
        position: absolute;
        bottom: -6px;
        width: 0;
        height: 0;
        right: 0
    }

    .quotes-left-section .heading {
        padding: 0;
        font-size: 15px;
        font-weight: 600;
        display: block;
        text-align: left
    }

    .quotes-left-section h2+span {
        font-size: 12px;
        margin-left: 0;
        display: block;
        margin-bottom: 6px;
        font-weight: 400;
        color: #253858
    }

    .quotes-left-section {
        width: 100%;
        float: none;
        padding-right: 0
    }

    .addons-btn,
    .filter-mob-btn {
        background-color: #0065ff;
        border: none;
        width: 48px;
        height: 48px;
        border-radius: 31px;
        position: fixed;
        min-width: auto;
        z-index: 8
    }

    .addons-btn {
        left: 15px;
        bottom: 20px
    }

    .addons-btn .addon-mob-btn {
        width: 48px;
        height: 48px;
        border-radius: 31px;
        border: none;
        background: none;
        font-size: 31px;
        font-weight: 700;
        color: #fff;
        line-height: 31px;
        padding: 0
    }

    .addons-btn .addon-mob-btn .text,
    .filter-mob-btn .text {
        font-size: 9px;
        font-weight: 600;
        display: block;
        line-height: 12px;
        position: relative;
        top: -6px
    }

    .filter-mob-btn {
        bottom: 20px;
        right: 15px;
        box-shadow: 0 2px 5px 0 #797979;
        background-image: url(/assets/img/filter.2640c981.svg);
        background-repeat: no-repeat;
        background-position: center 10px;
        background-size: 16px auto
    }

    .notification {
        background: red;
        border-radius: 10px;
        width: 18px;
        height: 18px;
        display: block;
        color: #fff;
        line-height: 16px;
        font-size: 10px;
        position: absolute;
        right: 0;
        top: -4px;
        box-shadow: 0 1px 1px 0 #000;
        border: 1px solid #de3530
    }

    .filter-mob-btn .text {
        color: #fff;
        bottom: -10px;
        top: auto
    }

    .quotes-section {
        overflow: hidden
    }

    .msg-card {
        padding: 8px 38px 8px 17px;
        font-size: 12px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: normal;
        text-align: left
    }

    .msg-card.alert {
        background-color: #ffebe6;
        color: #de350b;
        position: relative;
        margin-top: 135px
    }

    .popup {
        width: 85%
    }

    .close-red {
        width: 24px;
        height: 24px;
        background-color: #ffc4b5;
        position: absolute;
        right: 14px;
        top: 10px;
        border-radius: 50%;
        padding-top: 8px;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        cursor: pointer
    }

    .close-red img {
        width: 8px;
        margin: 0 auto;
        display: block
    }

    .popup .popup-header {
        padding: 34px 15px 10px
    }

    .popup.expert {
        width: 85%
    }

    .popup.expert .phone-icon {
        font-size: 16px;
        padding-top: 15px;
        padding-bottom: 15px;
        max-width: 160px;
        margin: 0 auto
    }

    .popup.expert .lower-section p,
    .popup.expert .numbers li {
        font-size: 10px;
        text-align: center
    }

    .popup.expert .numbers li {
        float: none;
        width: 100%
    }

    .popup.expert .numbers li .call {
        font-size: 14px
    }

    .popup.expert {
        padding: 20px 15px 26px
    }

    .popup.expert .registered {
        font-size: 8px;
        margin-top: 0
    }

    .add_filter_popup .reset_all,
    .vehcile_detail_addons_popup .reset_all {
        font-size: 12px;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: normal;
        text-align: center;
        color: #212121;
        cursor: pointer;
        text-transform: uppercase
    }

    .add_filter_popup .popup .popup-header,
    .vehcile_detail_addons_popup .popup .popup-header {
        padding: 15px 39px 10px 15px;
        font-weight: 600
    }

    .add_filter_popup .popup,
    .vehcile_detail_addons_popup .popup {
        width: 100%;
        top: 0;
        transform: translate(0);
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        left: 0;
        bottom: 0
    }

    .add_filter_popup .popup-body,
    .vehcile_detail_addons_popup .popup-body {
        height: 76vh;
        overflow: auto;
        padding-bottom: 89px
    }

    .add_filter_popup .note {
        text-align: center;
        position: absolute;
        bottom: 50px;
        left: 0;
        right: 0;
        background: #fff;
        padding: 5px
    }

    .vehcile_detail_addons_popup .tab-list {
        margin: 5px 0 15px;
        padding: 0;
        list-style: none;
        box-shadow: 0 2px 4px 0 hsla(0, 0%, 82.4%, .5);
        background-color: #fff
    }

    .vehcile_detail_addons_popup .tab-list li {
        float: left;
        width: 50%;
        font-size: 14px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.14;
        letter-spacing: normal;
        text-align: center;
        color: #212121;
        line-height: 48px;
        position: relative
    }

    .vehcile_detail_addons_popup .tab-list li:after {
        content: "";
        display: block;
        width: 1px;
        height: 22px;
        background: hsla(0, 0%, 59.2%, .26);
        position: absolute;
        top: 50%;
        right: -1px;
        transform: translateY(-50%);
        -webkit-transform: -translateY(-50%);
        -ms-transform: -translateY(-50%)
    }

    .vehcile_detail_addons_popup .tab-list li:last-child:after {
        display: none
    }

    .add_filter_popup .popup .popup-footer .update-btn,
    .vehcile_detail_addons_popup .popup .popup-footer .update-btn {
        height: 50px;
        font-size: 16px;
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 0
    }

    .vehcile_detail_addons_popup .tab-list li.active {
        color: #0065ff
    }

    .vehcile_detail_addons_popup .tab-list li.active:before {
        content: "";
        display: block;
        width: 25px;
        height: 3px;
        position: absolute;
        background: #2684ff;
        bottom: -2px;
        left: 0;
        right: 0;
        margin: 0 auto
    }

    .quote_page.main_wrap .edit_dropdown {
        display: block;
        position: static;
        padding: 0
    }

    .mob {
        float: left;
        margin-left: 20%
    }

    .quote_pop {
        left: 50% !important;
        top: 50% !important
    }

    .vehicle_full_name {
        width: 68px;
        text-overflow: ellipsis;
        overflow: hidden;
        display: block;
        white-space: nowrap
    }

    .filter_field {
        padding: 0;
        margin-bottom: 10px
    }

    .filter_field select {
        border-color: #ccc;
        padding: 12px 10px;
        border-radius: 2px;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        background: url(/assets/img/angle_down.6db96c1b.svg) no-repeat 96%;
        background-size: 12px auto;
        text-overflow: ellipsis;
        cursor: pointer
    }

    .pol_expiry_banner {
        padding-right: 10px;
        padding-left: 80px
    }

    .pol_expiry_banner .img {
        width: 68px;
        left: 4px;
        transform: none;
        top: auto
    }

    .pol_expiry_banner h2,
    .quotes-left-section .pol_expiry_banner h2 {
        margin-left: 0;
        font-size: 14px;
        font-weight: 700;
        line-height: normal
    }

    .pol_expiry_banner p {
        font-size: 12px;
        line-height: normal;
        margin-bottom: 12px
    }

    .pol_expiry_banner .talk-to-expert,
    .quotes-section .pol_expiry_banner .talk-to-expert {
        position: static;
        transform: none;
        float: none;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggTWFjaW50b3NoIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2ODlCREU0NzY2NTExRTk4OUY3ODRFMkY3QzA0QUZCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2ODlCREU1NzY2NTExRTk4OUY3ODRFMkY3QzA0QUZCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTY4OUJERTI3NjY1MTFFOTg5Rjc4NEUyRjdDMDRBRkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTY4OUJERTM3NjY1MTFFOTg5Rjc4NEUyRjdDMDRBRkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7vD/1BAAABzElEQVR42mIJm/f9/8WnDChAUYiBodOflZGFiYFkwHTlKabg/XcMDEXrfmsxkAGYOFmxS/BxM8iSZaAgN3YJdmZGE7IMlOJnxCrBysgQR5aBf/8xrMIm8fc/gxpZBn759X8GuiA3MFy//2dwIcvANh/W/ZJ8qIbJCDK4tLiz7CXLQBAhI8S4DiagJMoQ2u7LSpZhcAP33PyXwAVNPpysjMUMFACwgXuz2D5rSTCuAbHPPvxvUbnltzVFBoJAmTNLqKwAMHaB7E/fGI64TvklTJGBLMwMDBzsDJZsQPr5ZwYGMwXGN9rxP0nOzYxXn/1BEWje+af0wpP/Xf+BbE1xBoZTD/6L7M5he4uspmrLb0cOFsZ9QMtv/f7PsOjn3/9nPn1leNwXxHoNw0AQaN31p+/c4/+FIEMleYH5movBpt2H9ShIrnLzb+cn7xn2fP2N6TpQKYXVQJhLrz7/3/ULGKjAUGAwlmc88f33/957rxlWYzMMp5eRQfmW3xY/fjIcf/yBgjBEB3+ALuza+2f1tRf/Q779JiGWcQFQ7Fe5sYQ+//Kfz1SBcR1yNiXLhdgAKJZ52BgzmJkYwp59/M/w/iuwMAG6XkeagQEgwAAym6JXifCYbgAAAABJRU5ErkJggg==) no-repeat 16px 7px/12px;
        color: #2f96f7 !important;
        border: 1px solid #2f96f7;
        line-height: 24px;
        width: 144px;
        box-sizing: border-box;
        font-size: 12px;
        padding: 0 10px 0 40px;
        height: 28px
    }

    .need_help.banner {
        border-radius: 8px;
        background: linear-gradient(97deg, #b12bf8, #8d4fe5 50%, #6c40d0) 0 0 no-repeat;
        padding: 16px;
        position: relative;
        width: 94%;
        margin: 0 auto 16px
    }

    .need_help.banner img {
        height: 38px;
        left: 16px
    }

    .need_help.banner .inner {
        display: block;
        padding-left: 40px
    }

    .need_help.banner .btn-groups,
    .need_help.banner .text {
        max-width: 100%
    }

    .need_help.banner h2 {
        font-size: 16px;
        margin-bottom: 3px
    }

    .need_help.banner p {
        font-size: 12px
    }

    .need_help.banner .btn-groups {
        margin: 12px -6px 0;
        max-width: 100%
    }

    .need_help .btn-groups li {
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0 10px
    }

    .need_help button.talk-expert {
        background: #fff;
        color: #253858;
        padding: 7px 5px 8px
    }

    .quotes-header .language_convertor .btn {
        color: #000;
        background-color: #fff
    }

    .quotes-section .pb-logo-mob {
        float: left;
        margin: 3px 0;
        display: inline-block
    }

    .pb-logo-mob img {
        width: 28px;
        height: 28px
    }
}

@media (max-width:320px) {

    .idv-dropdown .popup,
    .popup,
    .popup.expert {
        width: 95%
    }
}

@media (max-width:360px) {

    .loader-60devs[data-state=finishing],
    .loader-60devs[data-state=running] {
        top: 16%
    }

    #noAlert .loader-60devs[data-state=running],
    .loader-60devs[data-state=finishing] {
        top: 13%
    }
}

.vehicle-detail .manufaturer label>div {
    overflow: hidden;
    background-repeat: no-repeat
}

label[for=make-52]>div {
    background-position: 24px 6px
}

label[for=make-48]>div,
label[for=make-727]>div {
    background-position: 23px -828px
}

label[for=make-10]>div {
    background-position: -120px -1199px
}

label[for=make-28]>div {
    background-position: -364px -814px
}

label[for=make-106]>div {
    background-position: -361px -223px
}

label[for=make-84]>div {
    background-position: 15px -79px
}

label[for=make-451]>div {
    background-position: -230px -231px
}

label[for=make-12]>div {
    background-position: 33px -1199px
}

label[for=make-137]>div {
    background-position: -107px -313px
}

label[for=make-119]>div {
    background-position: 18px -327px
}

label[for=make-472]>div {
    background-position: -228px -506px
}

label[for=make-483]>div {
    background-position: -230px -314px
}

label[for=make-487]>div {
    background-position: 18px -408px
}

label[for=make-503]>div {
    background-position: -240px -399px
}

label[for=make-945]>div {
    background-position: -253px -609px
}

label[for=make-682]>div {
    background-position: -235px -808px
}

label[for=make-679]>div {
    background-position: 31px -922px
}

label[for=make-636]>div {
    background-position: -114px -930px
}

label[for=make-7]>div {
    background-position: -367px -923px
}

label[for=make-546]>div {
    background-position: -104px -1018px
}

label[for=make-21]>div {
    background-position: -230px -1113px
}

label[for=make-750]>div {
    background-position: 11px -717px
}

label[for=make-73]>div {
    background-position: -238px -5px
}

label[for=make-169]>div {
    background-position: -231px -150px
}

label[for=make-352]>div {
    background-position: 21px -240px
}

label[for=make-68]>div {
    background-position: -104px 3px
}

label[for=make-82]>div {
    background-position: -358px 6px
}

label[for=make-85]>div {
    background-position: -109px -70px
}

label[for=make-44]>div {
    background-position: -236px -70px
}

label[for=make-93]>div {
    background-position: -361px -67px
}

label[for=make-51]>div {
    background-position: 26px -151px
}

label[for=make-148]>div {
    background-position: -124px -152px
}

label[for=make-234]>div {
    background-position: -378px -148px
}

label[for=make-395]>div {
    background-position: -103px -239px
}

label[for=make-486]>div {
    background-position: -368px -310px
}

label[for=make-495]>div {
    background-position: -117px -402px
}

label[for=make-629]>div {
    background-position: -361px -397px
}

label[for=make-523]>div {
    background-position: 27px -509px
}

label[for=make-477]>div {
    background-position: -97px -510px
}

label[for=make-468]>div {
    background-position: -360px -510px
}

label[for=make-454]>div {
    background-position: 20px -609px
}

label[for=make-526]>div {
    background-position: -127px -615px
}

label[for=make-777]>div {
    background-position: -368px -603px
}

label[for=make-749]>div {
    background-position: -113px -715px
}

label[for=make-746]>div {
    background-position: -255px -715px
}

label[for=make-615]>div {
    background-position: -377px -712px
}

label[for=make-719]>div {
    background-position: -116px -831px
}

label[for=make-26]>div {
    background-position: -218px -927px
}

label[for=make-571]>div {
    background-position: 16px -1012px
}

label[for=make-540]>div {
    background-position: -227px -1016px
}

label[for=make-18]>div {
    background-position: -367px -1014px
}

label[for=make-530]>div {
    background-position: 7px -1109px
}

label[for=API]>div {
    background-position: -115px -1109px
}

label[for=make-31]>div {
    background-position: -370px -1106px
}

label[for=make-505]>div {
    background-position: -369px -394px
}

label[for=make-4]>div {
    background-position: 26px -151px
}

label[for=make-2]>div {
    background-position: -117px -1109px
}

label[for=make-507]>div {
    background-position: -237px -1192px
}

label[for=make-9]>div {
    background-position: -369px -1192px
}

.custom-radios-list.inline .vehicle-detail .manufaturer label>div {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.custom-radios-list.inline .vehicle-detail .manufaturer label>div:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.custom-radios-list.inline .vehicle-detail .manufaturer label {
    width: 123px;
    height: 86px
}

@media(max-width:480px) {
    label[for=make-52]>div {
        background-position: 11px 1px
    }

    label[for=make-48]>div,
    label[for=make-727]>div {
        background-position: 7px -832px !important
    }

    label[for=make-10]>div {
        background-position: -139px -1202px
    }

    label[for=make-28]>div {
        background-position: -381px -819px
    }

    label[for=make-106]>div {
        background-position: -374px -223px
    }

    label[for=make-84]>div {
        background-position: 1px -79px
    }

    label[for=make-451]>div {
        background-position: -244px -237px
    }

    label[for=make-12]>div {
        background-position: 17px -1204px
    }

    label[for=make-137]>div {
        background-position: -123px -320px
    }

    label[for=make-119]>div {
        background-position: 3px -327px
    }

    label[for=make-682]>div {
        background-position: -247px -814px
    }

    label[for=make-679]>div {
        background-position: 13px -928px
    }

    label[for=make-636]>div {
        background-position: -129px -934px
    }

    label[for=make-472]>div {
        background-position: -243px -509px
    }

    label[for=make-73]>div {
        background-position: -253px -5px
    }

    label[for=make-169]>div {
        background-position: -248px -150px
    }

    label[for=make-352]>div {
        background-position: 9px -244px
    }

    label[for=make-21]>div {
        background-position: -249px -1116px
    }

    label[for=make-546]>div {
        background-position: -119px -1023px
    }

    label[for=make-7]>div {
        background-position: -381px -923px
    }

    label[for=make-750]>div {
        background-position: -8px -722px
    }

    label[for=make-945]>div {
        background-position: -270px -615px
    }

    label[for=make-503]>div {
        background-position: -258px -403px
    }

    label[for=make-487]>div {
        background-position: 5px -414px
    }

    label[for=make-483]>div {
        background-position: -244px -314px
    }

    label[for=make-68]>div {
        background-position: -118px 3px
    }

    label[for=make-82]>div {
        background-position: -373px 2px
    }

    label[for=make-85]>div {
        background-position: -124px -70px
    }

    label[for=make-44]>div {
        background-position: -249px -70px
    }

    label[for=make-93]>div {
        background-position: -371px -67px
    }

    label[for=make-51]>div {
        background-position: 16px -153px
    }

    label[for=make-148]>div {
        background-position: -136px -152px
    }

    label[for=make-234]>div {
        background-position: -390px -153px
    }

    label[for=make-395]>div {
        background-position: -123px -239px
    }

    label[for=JCB]>div {
        background-position: -381px -312px
    }

    label[for=LARSEN_TOURBO]>div {
        background-position: -132px -405px
    }

    label[for=MAN]>div {
        background-position: -377px -403px
    }

    label[for=make-523]>div {
        background-position: 14px -512px
    }

    label[for=hmt_TRACTORS]>div {
        background-position: -113px -512px
    }

    label[for=make-468]>div {
        background-position: -376px -512px
    }

    label[for=BULL]>div {
        background-position: 4px -614px
    }

    label[for=TATA_HITACHI]>div {
        background-position: -127px -615px
    }

    label[for=MANITOU]>div {
        background-position: -384px -609px
    }

    label[for=LEYLAND_DEERE]>div {
        background-position: -130px -715px
    }

    label[for=make-746]>div {
        background-position: -266px -715px
    }

    label[for=KUBOTA]>div {
        background-position: -393px -712px
    }

    label[for=INDO_FARM]>div {
        background-position: -131px -831px
    }

    label[for=CAT]>div {
        background-position: -233px -930px
    }

    label[for=DEMAG]>div {
        background-position: 0 -1012px
    }

    label[for=VOLVO]>div {
        background-position: -240px -1016px
    }

    label[for=make-18]>div {
        background-position: -382px -1016px
    }

    label[for=TRACTORS_INDIA]>div {
        background-position: -12px -1109px
    }

    label[for=API]>div {
        background-position: -131px -1109px
    }

    label[for=FARGO]>div {
        background-position: -386px -1111px
    }
}

.quote-tile-dummy {
    border-radius: 5px;
    box-shadow: 0 1px 4px -1px #565656;
    background-color: #fff;
    margin: 0 0 16px;
    display: table;
    width: 104%;
    position: relative
}

.quote-tile-dummy .button,
.quote-tile-dummy .line,
.quote-tile-dummy .logo-image {
    display: table;
    width: 20%;
    background: #f6f7f8;
    background-image: linear-gradient(90deg, #f6f7f8 0, #edeef1 20%, #f6f7f8 40%, #f6f7f8);
    background-repeat: no-repeat;
    background-size: 800px 104px;
    display: inline-block;
    position: relative;
    min-height: auto;
    height: 90px;
    padding: 0;
    margin: 20px 35px 20px 20px;
    border: none
}

.quote-tile-dummy .mid-section {
    display: inline-block;
    width: 46%;
    min-height: 95px;
    margin: 20px 0 0
}

.quote-tile-dummy .line {
    height: 12px;
    width: 100%;
    margin: 14px 0 0;
    vertical-align: top
}

.quote-tile-dummy .last-section {
    display: inline-block;
    vertical-align: top;
    float: right;
    margin: 20px 0 0
}

.quote-tile-dummy .button {
    width: 147px;
    height: 42px;
    border-radius: 4px;
    margin: 22px
}

.logo-image {
    vertical-align: top
}

@media only screen and (max-width:670px) and (min-width:320px) {
    .quote-tile-dummy {
        width: 94%;
        margin: 10px auto 16px
    }

    .quote-tile-dummy .logo-image {
        width: 20%;
        height: 70px
    }

    .quote-tile-dummy .mid-section {
        width: 30%;
        padding: 0;
        margin: 10px 0 0
    }

    .quote-tile-dummy .line {
        height: 12px;
        width: 100%;
        margin: 14px 0 0;
        vertical-align: top
    }

    .quote-tile-dummy .last-section {
        width: 30%
    }

    .quote-tile-dummy .button {
        width: 70px
    }
}

.newpopup_wrapper .popup_box .close-icon {
    opacity: .5;
    right: 10px;
    top: 10px
}

.close-icon {
    width: 28px;
    height: 19px;
    display: block;
    position: absolute;
    top: 12px;
    right: 7px;
    cursor: pointer;
    z-index: 8
}

.close-icon:after,
.close-icon:before {
    position: absolute;
    left: 12px;
    top: 5px;
    content: " ";
    height: 15px;
    width: 2px;
    background-color: #000;
    border-radius: 8px
}

.close-icon:before {
    transform: rotate(45deg)
}

.ncb_step1 .banner,
.newpopup_wrapper .popup_box.ncb_selection .banner {
    background: #f4f4f1;
    padding: 8px 14px;
    text-align: center;
    margin-bottom: 15px;
    border-radius: 8px;
    border: 1px solid #a9a9a9
}

.ncb_step1 .banner p,
.newpopup_wrapper .popup_box.ncb_selection .banner p {
    position: relative;
    display: inline-block
}

.ncb_step1 .banner p a,
.newpopup_wrapper .popup_box.ncb_selection .banner p a {
    position: absolute;
    right: 0;
    top: 0;
    color: #0065ff
}

.pencil_icn {
    display: inline-block;
    background: url(https://static.pbcdn.in/car-cdn/rct/images/edit.svg) no-repeat 0 0/contain;
    width: 10px;
    height: 10px;
    margin-left: 1px
}

.claimSelBtn {
    display: inline-block;
    padding-right: 8px;
    padding-bottom: 6px;
    margin-left: 15px;
    font-size: 13px;
    font-weight: 600;
    color: #000;
    cursor: pointer;
    position: relative;
    top: 4px
}

.claimSelBtn span {
    position: relative;
    top: -2px;
    padding-left: 4px
}

.newpopup_wrapper .popup_box .ques {
    letter-spacing: 0;
    color: #252733;
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center
}

.newpopup_wrapper .popup_box.calendar .ques {
    font-size: 16px
}

.newpopup_wrapper .popup_box .ques small {
    display: block;
    color: #505f79;
    font-size: 11px;
    font-weight: 400
}

.newpopup_wrapper .ncb_option_wrap {
    margin: 0 auto 10px;
    padding-left: 20px;
    padding-right: 20px
}

.newpopup_wrapper .ncb-options {
    text-align: center;
    margin-bottom: 10px
}

.newpopup_wrapper .ncb-options button.ncb-option {
    display: inline-block;
    width: 66px;
    height: 31px;
    border: 1px solid #e1e1ec;
    background: #fff;
    color: #252733;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    margin: 0 10px 10px 0;
    border-radius: 25px;
    cursor: pointer
}

.newpopup_wrapper .ncb_option_wrap:after {
    content: "";
    display: block;
    clear: both
}

.newpopup_wrapper .popup_box.ncb_step1 .more_ncb {
    margin-bottom: 20px
}

.newpopup_wrapper .popup_box.ncb_step1 span.clickable_link {
    margin-bottom: 10px
}

.css_dropdown span.clickable_link {
    color: #0065ff;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    margin: 2px 0 8px;
    cursor: pointer
}

.css_dropdown.active .dropdown_item {
    max-height: 600px;
    animation: dropdown_anim .8s ease-in;
    -webkit-animation: dropdown_anim .8s ease-in
}

.dropdown_item {
    overflow: hidden
}

.more_ncb p {
    color: #253858;
    margin-bottom: 15px
}

.css_dropdown.active span.clickable_link:after {
    transform: rotate(-135deg);
    margin-bottom: 0
}

.css_dropdown span.clickable_link:after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-bottom: 1px solid #0065ff;
    border-right: 1px solid #0065ff;
    transform: rotate(45deg);
    margin-left: 6px;
    vertical-align: middle
}

.newpopup_wrapper .popup_box.ncb_selection button[disabled],
.newpopup_wrapper .popup_box.ncb_step1 button[disabled] {
    background: #f1f1f1;
    opacity: .8;
    cursor: not-allowed
}

.newpopup_wrapper .popup_box.ncb_step1 .btn-orange {
    min-width: 100%
}

.newpopup_wrapper .popup_box.ncb_step1 p.noted {
    text-align: center
}

.newpopup_wrapper .popup_box.ncb_selection p.noted,
.newpopup_wrapper .popup_box.ncb_step1 p.noted {
    font-size: 12px;
    font-weight: 500;
    color: #d67915;
    text-align: center
}

.newpopup_wrapper p.noted {
    font-size: 7px;
    font-weight: 200
}

.newpopup_wrapper .popup_box.ncb_selection p.noted:before,
.newpopup_wrapper .popup_box.ncb_step1 p.noted: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 a.dont_know.bigger {
    font-size: 12px;
    font-weight: 400
}

.newpopup_wrapper .popup_box.ncb_selection .msg_box_ncb,
.newpopup_wrapper .popup_box.ncb_step1 .msg_box_ncb {
    padding: 12px 80px 12px 20px;
    position: relative;
    margin-bottom: 15px;
    min-height: 42px
}

.ncb_step1 .msg_box_ncb p:last-of-type,
.newpopup_wrapper .popup_box.ncb_selection .msg_box_ncb p:last-of-type {
    margin-bottom: 0
}

.ncb_step1 .banner p,
.ncb_step1 .msg_box_ncb p,
.newpopup_wrapper .popup_box.ncb_selection .banner p,
.newpopup_wrapper .popup_box.ncb_selection .msg_box_ncb p {
    font-size: 14px;
    color: #252733;
    font-weight: 500;
    vertical-align: middle
}

.ncb_step1 .msg_box_ncb p,
.newpopup_wrapper .popup_box.ncb_selection .msg_box_ncb p {
    font-weight: 400;
    margin-bottom: 10px
}

.msg_box_ncb .icon {
    background: url(https://static.pbcdn.in/car-cdn/rct/images/girlicon.svg) no-repeat 0 6px/contain;
    width: 59px;
    height: 70px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.card-list {
    list-style: none;
    margin: 30px -10px 0;
    box-sizing: border-box;
    padding: 0 14px
}

.clearfix:after,
.clearfix:before,
.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.panel-body:after,
.panel-body:before,
.row:after,
.row:before {
    content: " ";
    display: table
}

.card-list li {
    padding: 0 10px;
    float: left;
    width: 50%
}

.newpopup_wrapper .popup_box.ncb_step1 .cards {
    border-radius: 8px;
    background: #fff;
    border: 1px solid #0065ff;
    color: #0065ff;
    text-align: center;
    padding: 15px;
    cursor: pointer;
    margin-bottom: 16px;
    font-size: 17px;
    font-weight: 500;
    position: relative
}

.msg_box_ncb .icon.boy {
    background-image: url(https://static.pbcdn.in/car-cdn/rct/images/boyicon.svg);
    width: 80px;
    height: 83px;
    vertical-align: middle;
    background-position: center -5px
}

.newpopup_wrapper .popup_box .btn-orange {
    border: none;
    transition: all .2s ease-in-out;
    background: #ff5630 url(https://static.pbcdn.in/car-cdn/rct/images/right-arrow.svg) no-repeat 94% 12px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    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;
    min-height: 40px
}

.newpopup_wrapper .popup_box p.noted {
    font-size: 14px;
    color: #505f79;
    margin-bottom: 15px
}

.newpopup_wrapper .popup_box a.dont_know {
    font-size: 12px;
    letter-spacing: 0;
    color: #4c9aff;
    font-weight: 400;
    display: inline-block;
    text-decoration: underline;
    margin-top: 0
}

.newpopup_wrapper .ncb_msg {
    height: 30px;
    margin-bottom: 10px;
    align-content: center;
    border-radius: 8px
}

.newpopup_wrapper .ncb_msg p {
    text-align: center;
    color: #172b4d;
    line-height: normal;
    font-size: 13px;
    font-weight: 400
}

.newpopup_wrapper .ncb-options button.ncb-option.selected-ncb {
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    border: 1px solid #0065ff;
    background: #0065ff;
    color: #fff
}

.newpopup_wrapper .premium_detail .ques,
.newpopup_wrapper .revised_premium .ques {
    margin-top: 30px;
    font-size: 16px
}

.newpopup_wrapper .revised_premium .insurer_box {
    border: 1px solid #979797;
    border-radius: 8px;
    padding: 15px 22px;
    max-width: 359px;
    margin: 20px auto
}

.newpopup_wrapper .revised_premium .insurer_box .ins_img {
    margin: 0;
    padding: 0;
    border: none;
    width: auto
}

.newpopup_wrapper .revised_premium .insurer_box .ins_img .ins_logo {
    margin: 0 auto
}

.listing {
    margin: 10px auto;
    padding: 0
}

.listing li {
    display: block;
    list-style: none;
    font-size: 14px;
    font-weight: 400;
    padding-bottom: 5px
}

.listing li.old_premium span {
    color: #696969
}

.listing li.old_premium b.old_price {
    font-weight: 400;
    position: relative;
    display: inline-block;
    color: #696969
}

.listing li.old_premium b.old_price:after {
    content: "";
    left: 0;
    right: 0;
    background: #fc4804;
    height: 1px;
    transform: translateY(-50%) rotate(-10deg);
    display: block;
    position: absolute;
    top: 50%
}

.listing li b.current_premium {
    color: #fc4804;
    font-weight: 500
}

.saving_msg {
    background: #e3fcef;
    border: 1px solid #e3fcef;
    border-radius: 4px;
    padding: 6px 30px;
    position: relative;
    text-align: center;
    margin-bottom: 0
}

.saving_msg .icon {
    position: absolute;
    left: -10px;
    background: url(https://static.pbcdn.in/car-cdn/rct/images/still_saving.svg) no-repeat;
    width: 40px;
    height: 45px;
    background-size: contain;
    bottom: -4px
}

.saving_msg p {
    color: #172b4d;
    font-weight: 400
}

.newpopup_wrapper .popup_box .btn-orange {
    box-shadow: 0 0 3px #e8e8e8;
    border-radius: 8px;
    font-size: 14px;
    text-transform: none;
    font-weight: 400;
    background-image: none;
    cursor: pointer;
    width: auto;
    min-width: 312px;
    margin-bottom: 10px
}

.compare_btn {
    background: #fff;
    border: 1px solid #e1e1ec;
    border-radius: 8px;
    width: 312px;
    height: 48px;
    letter-spacing: 0;
    color: #252733;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    padding: 12px;
    cursor: pointer;
    margin-top: 15px
}

@-webkit-keyframes dropdown_anim {
    0% {
        max-height: 0
    }

    to {
        max-height: 600px
    }
}

@keyframes dropdown_anim {
    0% {
        max-height: 0
    }

    to {
        max-height: 600px
    }
}

img {
    max-width: 100%
}

.text-center {
    text-align: center
}

.cust_row select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(/assets/img/angle_down.6db96c1b.svg) no-repeat 96%;
    background-size: 10px auto;
    text-overflow: ellipsis;
    cursor: pointer
}

.form_fields {
    margin-bottom: 20px
}

.field {
    position: relative
}

.field label {
    letter-spacing: .24px;
    color: #5e6c84;
    text-transform: capitalize;
    font-size: 12px;
    font-weight: 400
}

.back_btn {
    color: #2b90f7;
    font-size: 14px;
    font-weight: 400;
    border-bottom: 1px solid;
    padding-bottom: 3px;
    cursor: pointer
}

.back_btn span {
    left: 0;
    position: absolute;
    font-size: 20px;
    font-weight: 700;
    line-height: 15px
}

label {
    font-size: 12px;
    font-weight: 400;
    color: #5e6c84
}

.form_control {
    width: 100%;
    padding: 16px 12px;
    border: 1px solid #5e6c84;
    border-radius: 8px;
    height: auto;
    font-size: 16px;
    color: #253858;
    outline: none
}

.form_fields .field {
    position: relative
}

.post_payment .field {
    padding: 0
}

.form_fields .field label {
    position: absolute;
    top: -8px;
    z-index: 100;
    left: 12px;
    background: #fff;
    display: inline-block;
    padding: 0 2px
}

.form_fields label.heading {
    margin-bottom: 15px;
    display: block;
    position: relative;
    padding-left: 25px;
    font-weight: 400;
    color: #5e6c84;
    font-size: 12px
}

label.heading:before {
    content: "";
    display: block;
    height: 1px;
    background: #333;
    position: absolute;
    width: 20px;
    left: 0;
    top: 40%;
    transform: translateY(-50%)
}

::moz-placeholder {
    color: #253858
}

.date_field {
    margin: 0 -5px
}

.date_field select {
    background-position: 90%
}

.date_field .day {
    width: 24%;
    float: left;
    padding: 0 5px
}

.date_field .day select {
    background-position: 85%
}

.date_field .mon {
    width: 44%;
    float: left;
    padding: 0 5px
}

.date_field .mon select {
    background-position: 92%
}

.date_field .year {
    width: 32%;
    float: left;
    padding: 0 5px
}

.date_field .year select {
    background-position: 90%
}

.cust_row {
    margin: 0 -10px
}

.col-12 {
    width: 100%;
    padding: 0 10px
}

.col-2 {
    width: 50%
}

.col-2,
.col-3 {
    float: left;
    padding: 0 10px
}

.col-3 {
    width: 33.33%
}

.title_type {
    color: #172b4d;
    font-size: 20px;
    line-height: 22px;
    margin: 0 0 10px;
    font-weight: 400
}

.radios_btns label.label_text,
.radios_btns ul {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    margin-bottom: 0
}

.radios_btns label {
    margin-bottom: 0
}

.radios_btns ul li {
    list-style: none;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px
}

.radios_btns label.label_text {
    font-weight: 500;
    font-size: 16px;
    color: #172b4d
}

.custom_radio label {
    cursor: pointer;
    position: relative;
    font-size: 16px;
    font-weight: 500;
    padding-left: 24px;
    display: block;
    line-height: 22px;
    color: #505f79
}

.pr_container .custom_radio label,
.pr_container .radios_btns label.label_text {
    margin-bottom: 0
}

.custom_radio label .circles {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #2593ff;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.custom_radio label .circles:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #005ffe;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) scale(0);
    -webkit-transform: translateY(-50%) scale(0);
    -ms-transform: translateY(-50%) scale(0);
    transition: all .1s ease;
    -webkit-transition: all .1s ease;
    -ms-transition: all ease .1s;
    left: 0;
    right: 0;
    margin: 0 auto
}

.custom_radio input {
    position: absolute;
    visibility: hidden;
    width: 100%;
    opacity: 0;
    border: none;
    background: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none
}

.custom_radio input:checked+.circles:before {
    transform: translateY(-50%) scale(1);
    -webkit-transform: translateY(-50%) scale(1);
    -ms-transform: translateY(-50%) scale(1)
}

.reg_num .city_code {
    background: #f0f3f9;
    padding: 5px 10px;
    text-align: center;
    border-radius: 4px;
    width: 70px;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%)
}

.reg_num input {
    padding-left: 80px
}

.pr_container {
    max-width: 1160px;
    margin: 0 auto;
    padding: 1px 10px 0
}

.display_flex {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.display_flex li {
    width: auto !important
}

.details-edit-section .expiry_policy,
.details-edit-section .ncb,
.details-edit-section .vehicle_detail {
    float: left;
    height: 100%
}

.details-edit-section .vehicle_detail {
    width: 38%;
    position: relative;
    border-right: 1px solid #e6efff
}

.details-edit-section .ncb {
    width: 30%;
    border-right: 1px solid #ccc;
    height: 100%;
    padding-top: 15px
}

.details-edit-section .expiry_policy input,
.details-edit-section .ncb select {
    border: none;
    color: #253858;
    outline: none
}

.details-edit-section .right {
    float: right;
    position: relative
}

.details-edit-section .ncb .right:after {
    right: 20px
}

.details-edit-section .right select {
    padding-right: 20px;
    border: none
}

.details-edit-section .expiry_policy {
    width: 32%;
    padding-top: 8px;
    font-weight: 400;
    color: #8a8a8a;
    font-size: 14px
}

.details-edit-section .expiry_policy input {
    width: 100%
}

.details-edit-section .expiry_policy .right {
    width: 102px
}

.details-edit-section .vname {
    margin-bottom: 2px;
    font-weight: 500;
    font-size: 14px;
    color: #000
}

.details-edit-section label {
    font-size: 14px;
    color: #6b778c
}

.details-edit-section {
    padding: 4px 0;
    height: auto;
    box-shadow: 0 2px 9px 0 rgb(222 222 222/30%);
    border: 1px solid #e6efff;
    background: #fff
}

.other_detail span {
    color: #8a8a8a;
    font-size: 12px;
    display: inline-block;
    padding-right: 8px;
    position: relative;
    padding-left: 10px;
    vertical-align: top;
    font-weight: 400
}

.other_detail span:before {
    content: ".";
    position: absolute;
    left: 0;
    top: 34%;
    transform: translateY(-50%);
    line-height: 12px
}

.other_detail span:first-child {
    padding-left: 0
}

.other_detail span:first-child:before {
    display: none
}

.edit_btn {
    width: 47px;
    height: 24px;
    border-radius: 3px;
    border: 1px solid #0065ff;
    margin: 0;
    font-size: 12px;
    font-weight: 400;
    color: #0065ff;
    line-height: 22px;
    background: #fff;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    cursor: pointer
}

.vehicle_detail .edit_btn {
    right: 15px
}

.details_wrapper {
    background: #f0f4f5 !important;
    padding-bottom: 30px;
    padding-top: 10px
}

.details_wrapper .right_section,
.details_wrapper .white_bg {
    background: #fff;
    box-shadow: 0 0 6px rgba(0, 0, 0, .16);
    border: 1px solid #dfe1e6;
    border-radius: 8px
}

.details_wrapper .left_section .blue_title {
    background: #e6fcff;
    font-size: 22px;
    font-weight: 500;
    padding: 15px 20px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.details_wrapper .form_wrapper {
    padding: 20px 20px 5px
}

.details_wrapper .form_wrapper .email-field {
    margin-top: 30px
}

.details_wrapper .left_section {
    width: 60%;
    float: left
}

.details_wrapper .right_section {
    float: right;
    width: calc(40% - 40px);
    padding: 10px 20px 20px
}

.payment_detail .idv {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-bottom: 1px solid #dde1e2;
    margin: 0 -25px 5px
}

.pf_proposal .payment_detail h2 {
    font-size: 16px;
    font-weight: 600;
    margin: 5px 0 15px;
    color: #000
}

.pf_proposal .payment_detail .quote-tile {
    padding-bottom: 15px;
    border-bottom: 1px solid #dde1e2;
    margin: 0 -20px;
    padding-left: 20px;
    padding-right: 20px
}

.pf_proposal .payment_detail .quote-tile img {
    float: left;
    margin: 10px 0 0;
    max-width: 127px
}

.pf_proposal .payment_detail .quote-tile .plan-sum {
    float: right;
    width: calc(100% - 140px);
    margin: 10px 0 0;
    padding: 0
}

.pf_proposal .payment_detail .quote-tile:after {
    content: "";
    display: block;
    clear: both
}

.pf_proposal .payment_detail .quote-tile .plan-sum li {
    width: 100%;
    display: flex;
    margin: 0 0 5px;
    justify-content: space-between;
    align-items: center
}

.pf_proposal .payment_detail .quote-tile .plan-sum b {
    color: #616161;
    font-weight: 300;
    font-size: 13px;
    white-space: nowrap
}

.pf_proposal .payment_detail .quote-tile .plan-sum span {
    float: right;
    font-size: 14px;
    font-weight: 600;
    color: #000
}

.right_section_alert {
    position: relative;
    padding-top: 30px !important
}

.payment_detail .desc {
    background: #f9f9f9
}

.padding {
    padding: 10px 15px
}

.payment_detail .idv .insurer_logo {
    max-width: 30%;
    flex: 0 0 30%
}

.payment_detail .idv .right_value {
    max-width: 70%;
    flex: 0 0 70%
}

.payment_detail .idv .right_value span {
    color: #6b778c;
    font-size: 14px
}

.payment_detail .idv .right_value span b {
    font-weight: 500;
    color: #253858;
    float: right;
    font-size: 17px
}

.payment_detail .you_pay {
    border-top: 1px solid rgba(252, 72, 4, .3);
    border-bottom: 1px solid rgba(252, 72, 4, .3);
    padding: 10px 5px
}

.payment_detail .you_pay .pay {
    color: #253858;
    font-size: 16px;
    font-weight: 500;
    float: left
}

.payment_detail .total-amount {
    color: #253858;
    font-weight: 600;
    font-size: 16px;
    float: right
}

.payment_detail .premium_breakup {
    margin-top: 15px;
    margin-bottom: 15px
}

.payment_detail .premium_breakup .dropdown_title {
    font-size: 16px;
    color: #172b4d;
    font-weight: 500;
    padding: 10px 0;
    background: url(/assets/img/angle_down.6db96c1b.svg) no-repeat 100%;
    cursor: pointer
}

.payment_detail .premium_breakup .dropdown_title.open {
    background-image: url(/assets/img/angle_up.e76f070c.svg)
}

.payment_detail .premium_breakup b.br_title {
    font-size: 12px;
    color: #000;
    font-weight: 700;
    margin-bottom: 10px;
    display: block;
    margin-top: 10px
}

.payment_detail .premium_breakup .dropdown_title+b.br_title {
    margin-top: 0
}

.payment_detail .premium_breakup .breakup-list {
    list-style: none;
    padding: 0;
    margin: 0
}

.payment_detail .premium_breakup .breakup-list li {
    font-size: 14px;
    font-weight: 400;
    color: #6b778c;
    padding-bottom: 10px
}

.payment_detail .premium_breakup .breakup-list li span.val {
    float: right;
    font-weight: 500;
    color: #000
}

.orange_btn,
.payment_detail .pay_now_btn {
    border-radius: 8px;
    background-color: #fc4804;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    width: 100%;
    padding: 12px;
    outline: none;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    border: 1px solid #fc4804;
    font-family: inherit;
    font-weight: 500;
    cursor: pointer;
    position: relative
}

.btn_disable {
    background-color: #fd895d;
    border: 1px solid #fd895d
}

.orange_btn {
    display: block;
    width: auto;
    min-width: 250px;
    margin: 20px auto;
    position: relative;
    background-image: url(/assets/img/right-arrow.b6801dbd.svg);
    background-repeat: no-repeat;
    background-position: 78% 55%
}

.payment_detail .tnc {
    margin-bottom: 15px
}

.tnc .tnc_text {
    font-size: 12px;
    line-height: 18px;
    color: #6b778c;
    padding-left: 25px;
    position: relative;
    display: block;
    text-transform: none;
    margin-top: 20px
}

.tnc_text input[type=checkbox] {
    position: absolute;
    left: 40%;
    top: 2px
}

.tnc_text input[type=checkbox].align_left {
    left: 0
}

.tncMob {
    padding: 7px 10px 3px;
    width: 100%;
    margin: 10px auto;
    box-shadow: 0 1px 3px -1px #000;
    border: none;
    height: auto;
    box-sizing: border-box;
    border-radius: 4px;
    background: #fff
}

.tncMob .tnc_text {
    font-size: 12px;
    line-height: 18px;
    color: #6b778c;
    padding-left: 25px;
    position: relative;
    display: block;
    text-transform: none
}

.details_wrapper .button-link {
    font-size: 14px
}

.msg_box {
    border-radius: 8px;
    padding: 25px;
    background: #fbebe8;
    border: 1px dashed #ff7452;
    margin-top: 15px;
    margin-bottom: 15px;
    color: #192451;
    position: relative
}

.msg_box.submit_additional {
    padding-left: 100px
}

.msg_box p {
    margin: 0
}

.msg_box.blue {
    background: #6e5ca8;
    box-shadow: 0 1px 6px hsla(0, 0%, 85.9%, .5);
    border: 1px dashed #505f79;
    border-radius: 6px;
    color: #fff;
    line-height: 24px;
    padding: 13px 25px 13px 100px;
    font-size: 16px;
    position: relative
}

.msg_box .icon {
    width: 57px;
    height: 57px;
    position: absolute;
    top: 50%;
    left: 25px;
    transform: translateY(-50%);
    background-size: contain;
    background-repeat: no-repeat
}

.icon.receipt {
    background-image: url(/assets/img/recipt.45cd1e08.svg)
}

.pay_summary h2 {
    color: #000;
    font-size: 18px;
    line-height: 20px
}

.payment_detail.pay_summary .idv {
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    border: none
}

.pay_summary .idv .insurer_logo label,
.pay_summary .right_value label {
    display: block;
    margin-bottom: 10px
}

.pay_summary .right_value {
    text-align: right
}

.payment_detail.pay_summary .total-amount,
.payment_detail.pay_summary .you_pay .pay {
    color: #000
}

.right_value b {
    font-weight: 500;
    font-size: 18px;
    color: #253858
}

footer {
    margin-top: 50px;
    padding: 20px 0
}

footer p {
    max-width: 1030px;
    margin: 0 auto;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #97a0af
}

.right select {
    background: none
}

.input_group {
    position: relative
}

.input_group select {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 60px;
    border: none;
    padding: 16px 12px;
    font-size: 16px
}

.get-Policy {
    display: block !important
}

.details_wrapper .left_section .title h1 {
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 10px;
    color: #000
}

.details_wrapper .left_section .title .back_btn {
    padding: 0
}

.term_accept {
    margin-bottom: 10px
}

.term_accept input[type=checkbox],
.term_accept label b {
    vertical-align: middle;
    display: inline-block
}

.padd_left_5 {
    padding-left: 5px
}

.pr_container .form-field label {
    font-size: 13px;
    font-weight: 600;
    color: #000;
    margin-bottom: 6px
}

.pr_container .policy-type-handle {
    min-height: 0
}

.pf_proposal .pr_container .form_fields label {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #000
}

.pf_proposal .pr_container .policy-type-handle label {
    margin-bottom: 0;
    font-weight: 400;
    color: #4e4d4d
}

.pf_proposal .checkmark {
    top: 50%;
    transform: translateY(-50%)
}

.floating_label_wrap {
    position: relative
}

.pf_proposal .pr_container .form_fields .floating_label {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 18px;
    z-index: 0;
    transition: all .25s ease-in-out;
    color: #7a869a;
    font-size: 14px;
    font-weight: 300
}

.floating_label_wrap.filled .floating_label,
.floating_label_wrap .floating_input:focus+.floating_label,
.floating_label_wrap .floating_input:not(:placeholder-shown)+.floating_label {
    color: #5e6c84;
    font-size: 12px;
    background: #fff;
    left: 18px;
    top: 0;
    margin: 0;
    z-index: 1
}

.pf_proposal select {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAHCAYAAADebrddAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE1RkYyODU2Q0ZCNDExRTk4MjI3RDBFRkVCNkExMkVBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE1RkYyODU3Q0ZCNDExRTk4MjI3RDBFRkVCNkExMkVBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTVGRjI4NTRDRkI0MTFFOTgyMjdEMEVGRUI2QTEyRUEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTVGRjI4NTVDRkI0MTFFOTgyMjdEMEVGRUI2QTEyRUEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7OR52jAAAAsklEQVR42mIMDQ1VFBUVvXfz5k0JBgaGlywsLAyysrIMc+bMYYACtry8vJ///v2zYdLU1Ny1fft2BjY2thdACXEGVMARFRX1c/PmzQzc3NxHmIACqhEREQw3btyAaZCEKYyMjPx+/PhxBmdnZxCfkQkqwQjTwMTE9AzI1wMpPHHiBFwhiGBBshKk4f+KFSsY7t69e/H3798oCkGACc2NYBuwKcSmGKwgJiZmM7pCEAAIMAC/Ljx3sJXBjAAAAABJRU5ErkJggg==) no-repeat 97%;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none
}

.form-control:focus {
    border-color: #5e6c84
}

.form-control::-webkit-input-placeholder {
    color: #7a869a;
    font-weight: 300
}

.form-control::-ms-input-placeholder {
    color: #7a869a;
    font-weight: 300
}

.form-control::placeholder {
    color: #7a869a;
    font-weight: 300
}

.pf_proposal .floating_label_wrap .form-control::-webkit-input-placeholder {
    opacity: 0
}

.pf_proposal .floating_label_wrap .form-control::-ms-input-placeholder {
    opacity: 0
}

.pf_proposal .floating_label_wrap .form-control::placeholder {
    opacity: 0
}

.floating_label_wrap .form-control {
    background-color: initial;
    position: relative;
    z-index: 1
}

.pf_proposal.details_wrapper .left_section .white_bg {
    min-height: 457px
}

.pf_proposal .premium_breakup .desc ul li {
    display: block
}

.pf_proposal .premium_breakup .desc .no-border {
    padding-right: 0
}

.pf_proposal .premium_breakup .desc {
    padding: 10px 15px;
    margin-bottom: 5px
}

.prem-break-cover h6 {
    margin-bottom: 10px
}

.min_height_750 {
    min-height: 750px !important
}

@media (max-width:991px) {

    .blue_btn,
    .white_btn {
        width: auto
    }

    .details_wrapper .right_section {
        width: calc(40% - 20px)
    }

    .play_store_list .app_store,
    .play_store_list .ggl_play {
        width: 180px
    }
}

@media (max-width:840px) {
    .cust_row .row {
        margin-right: 0
    }

    .cust_row .cus_pddn {
        padding-right: 0
    }

    .details-edit-section {
        height: auto;
        box-shadow: none;
        border: none;
        padding: 0
    }

    .details-edit-section .expiry_policy,
    .details-edit-section .ncb,
    .details-edit-section .vehicle_detail {
        width: 100%;
        height: auto;
        border: none;
        padding: 0
    }

    .details-edit-section .vname {
        color: #000;
        font-size: 12px
    }

    .other_detail span {
        font-size: 12px;
        font-weight: 400;
        color: #8a8a8a;
        padding-right: 3px;
        padding-left: 6px
    }

    .details_wrapper .left_section,
    .details_wrapper .right_section {
        float: none;
        width: 100%
    }

    .details_wrapper .left_section {
        margin-bottom: 20px
    }

    .details_wrapper .left_section .blue_title {
        color: #172b4d;
        font-size: 18px;
        padding: 15px 0 0;
        background: none
    }

    .details_wrapper.post_payment .left_section .blue_title {
        padding-left: 20px;
        padding-right: 20px
    }

    .details_wrapper .form_wrapper .email-field {
        margin-top: 0
    }

    .details_wrapper .right_section {
        padding-left: 15px;
        padding-right: 15px
    }

    .pf_proposal.details_wrapper .left_section .white_bg {
        box-shadow: 0 1px 3px -1px #000;
        border: none;
        background: #fff;
        padding-left: 10px;
        padding-right: 10px;
        min-height: 0
    }

    .payment_detail .idv {
        margin: 0 -15px 15px
    }

    .pf_proposal.details_wrapper .form_wrapper {
        padding: 15px 0 10px
    }

    .orange_btn,
    .payment_detail .pay_now_btn {
        position: fixed;
        width: 100%;
        left: 0;
        bottom: 0;
        border-radius: 0;
        font-weight: 400;
        z-index: 1000
    }

    .get-Policy {
        position: relative
    }

    .details-edit-section .pr_container {
        padding: 5px 10px 0;
        width: 100%;
        margin: 0 auto 8px;
        box-shadow: 0 1px 3px -1px #000;
        border: none;
        height: auto;
        box-sizing: border-box;
        border-radius: 4px;
        background: #fff
    }

    .details-edit-section .pr_container .row {
        margin: 0
    }

    .payment_detail .pay_now_btn:before {
        content: "";
        width: 25px;
        height: 30px;
        background: url(/assets/img/shield.553f0c71.svg);
        display: inline-block;
        vertical-align: middle;
        margin-right: 20px
    }

    .pr_container .payment_detail .pay_now_btn:before {
        display: none
    }

    .pay_summary_mob h2 {
        font-size: 18px;
        font-weight: 500;
        color: #000;
        margin-top: 0
    }

    .pay_summary_mob .white_box {
        box-shadow: 0 1px 3px -1px #000;
        border-radius: 8px;
        padding: 17px 8px;
        margin-bottom: 8px
    }

    .pay_summary_mob .insurer_logo {
        width: 20%
    }

    .pay_summary_mob .idv .right_value,
    .pay_summary_mob .idv_value,
    .pay_summary_mob .insurer_logo,
    .pay_summary_mob .you_pay {
        display: inline-block;
        vertical-align: middle
    }

    .pay_summary_mob .idv_value b,
    .pay_summary_mob .you_pay .total-amount {
        font-size: 14px;
        color: #000;
        font-weight: 500
    }

    .pay_summary_mob .idv_value,
    .pay_summary_mob .you_pay {
        width: 40%
    }

    .you_pay .pay {
        font-size: 12px;
        font-weight: 400;
        color: #5e6c84
    }

    .vehical-details-section.summary_header {
        margin-left: 20px
    }
}

@media (max-width:360px) {
    .right_section_alert {
        padding-top: 50px !important
    }
}

@media (max-width:640px) {
    .cust_row .col-2 {
        width: 100% !important;
        max-width: 100% !important;
        float: none
    }

    .title_type {
        text-transform: uppercase;
        font-weight: 500;
        color: #7a869a;
        margin-bottom: 5px
    }

    .custom_radio label,
    .form_control,
    .radios_btns label.label_text,
    .title_type {
        font-size: 14px
    }

    .msg_box {
        padding: 15px;
        font-size: 12px
    }

    .msg_box p {
        font-size: 11px;
        line-height: normal;
        text-align: center
    }

    .msg_box .icon {
        transform: none;
        -webkit-transform: none;
        position: static;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 15px
    }

    .msg_box.submit_additional .icon {
        position: absolute;
        transform: translateY(-50%);
        left: 15px
    }

    .msg_box.submit_additional {
        padding-left: 85px
    }

    .msg_box.blue {
        padding-left: 25px
    }

    header .logo {
        width: 140px
    }

    .toll_free {
        margin-top: 0
    }

    .vehicle_detail .edit_btn {
        right: 0
    }

    .inline_list li {
        padding-right: 5px
    }

    .btn_mob {
        z-index: 0 !important
    }

    .padd_left_10 {
        padding-left: 10px
    }

    .you_pay {
        float: right
    }
}

.cust_row .col-2 {
    max-width: 50%
}

.cust_row .col-3 {
    max-width: 33.33%
}

.pay-now {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 10px auto 0;
    border-top: 1px solid #e5efff;
    border-bottom: 1px solid #e5efff;
    padding: 12px 0
}

.pay {
    font-size: 20px;
    font-weight: 500;
    color: #000
}

.total-ammount {
    float: right;
    font-size: 20px;
    color: #fc4804;
    position: relative
}

.total-ammount b {
    font-weight: 600;
    position: relative
}

.pay_now_btn:after {
    width: 22px;
    height: 22px;
    content: "";
    position: absolute;
    right: 70px;
    top: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAYAAABr5z2BAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjBEODU2RDI3RDAzMzExRTk4MjI3RDBFRkVCNkExMkVBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjBEODU2RDI4RDAzMzExRTk4MjI3RDBFRkVCNkExMkVBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MEQ4NTZEMjVEMDMzMTFFOTgyMjdEMEVGRUI2QTEyRUEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MEQ4NTZEMjZEMDMzMTFFOTgyMjdEMEVGRUI2QTEyRUEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7mU56sAAAAqElEQVR42mL6//8/AxG4EIj3A3EGuhwTA3HgFRArAHE3EGehyBDpAnEgbgDiZ0D8GYhzYXLEGgAzpA6In0MNyQKJswAdwQ/EfER6ZSsQCwFxAhB3AvEvRqApt6EGMBJpCMhSXij9HkT8gWJiAdDjDP9IDUT0cHgFxJ+AOI1UzaCYeAENxAxSYgGkuQkpGrNIjcY4IH6ArpmUlCgMxPeBuBSIpyFLAAQYABTEcOgjv6FBAAAAAElFTkSuQmCC) no-repeat 0 0
}

.payment_detail .premium_breakup .dropdown_title .closed {
    background: url(/assets/img/angle_down.6db96c1b.svg)
}

.cus_pddn {
    padding-left: 20px;
    padding-right: 20px
}

.small_lg {
    height: 40px !important
}

.small_sm {
    height: 10px !important
}

.btn_load .lds-rings-load {
    right: 37%
}

.wa_icn {
    width: 18px;
    margin: 0 5px
}

.wa_text {
    font-weight: 400;
    font-size: 12px
}

.left_section .containers {
    font-size: 14px
}

.left_section .policy-type-handle {
    justify-content: flex-start
}

.left_section .policy-type-handle label.containers {
    margin-right: 10px;
    margin-bottom: 0;
    min-width: 120px
}

.left_section .custom_select_box {
    padding: 5px
}

.left_section .custom_select_box label {
    margin-bottom: 0;
    margin-left: 10px
}

.policy-type-handle .mb_0 {
    margin-left: 10px
}

.payMSG {
    display: table;
    font-size: 12px;
    color: #454545;
    line-height: 18px;
    border: 2px solid #ffa900;
    border-radius: 4px;
    padding: 16px 10px 10px;
    position: relative;
    margin-top: 20px
}

.payMSG b {
    position: absolute;
    top: -10px;
    background: #ffa900;
    border-radius: 20px;
    padding: 0 14px 2px;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    left: 8px;
    line-height: 16px
}

.msg-box.orange {
    border: 1px solid #835212;
    color: #253858
}

.msg-box {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 10px 60px 10px 25px;
    margin-bottom: 12px;
    position: relative;
    box-shadow: 0 1px 1px -1px rgb(0 0 0/70%)
}

.msg-box.green p {
    margin: 0;
    list-style: none;
    position: relative;
    padding: 0 0 0 20px;
    color: #37a21d
}

.msg-box p {
    margin-bottom: 0
}

.icon.thums_up {
    background-image: url(https://static.pbcdn.in/car-cdn/ang/assets/car/images/thumb.svg);
    width: 28px;
    height: 30px;
    right: 15px
}

.icon.exclaimation {
    background-image: url(https://static.pbcdn.in/car-cdn/car2.0/error_icon_orange.svg);
    width: 20px;
    height: 20px;
    right: 15px
}

.msg-box.green p:before {
    width: 13px;
    height: 13px;
    content: "";
    display: block;
    position: absolute;
    background: url(https://static.pbcdn.in/car-cdn/ang/assets/car/images/circle-right.svg) no-repeat;
    top: 3px;
    left: 0
}

.pf-proposal select {
    padding: 12px 8px;
    width: 55px;
    background: url(/assets/img/angle_down.6db96c1b.svg) no-repeat 90%;
    background-size: 10px auto
}

.pf-proposal .full_name {
    height: 46px;
    width: 27%
}

.pf_proposal .pr_container .edit_email {
    top: 36px
}

@media only screen and (min-width:320px) and (max-width:670px) {
    .msg-box.full_width {
        padding-right: 10px;
        margin: 0 0 10px
    }

    .msg-box {
        margin-top: 8px
    }

    .payMSG {
        padding: 10px 10px 10px 33px;
        width: 100%;
        margin: 11px auto;
        box-shadow: 0 1px 3px -1px #000;
        border: none;
        height: auto;
        box-sizing: border-box;
        border-radius: 4px;
        background: #fff;
        color: #616161;
        font-size: 12px;
        display: block;
        line-height: 18px;
        position: relative
    }

    .payMSG b {
        position: absolute;
        top: 33%;
        background: #04c369;
        border-radius: 50%;
        color: #fff;
        font-size: 13px;
        font-weight: 500;
        left: 8px;
        line-height: 16px;
        text-indent: -100px;
        height: 18px;
        overflow: hidden;
        transform: rotate(45deg);
        padding: 0;
        width: 18px
    }

    .payMSG b:before {
        width: 2px;
        height: 8px;
        left: 9px;
        top: 4px
    }

    .payMSG b:after,
    .payMSG b:before {
        position: absolute;
        background-color: #fff;
        content: ""
    }

    .payMSG b:after {
        width: 5px;
        height: 2px;
        left: 6px;
        top: 11px
    }

    .pf-proposal .full_name {
        border-radius: 8px;
        border: 1px solid #d6d6d6;
        border-right: none;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .form_fields {
        margin-bottom: 15px
    }

    .post_payment .left_section .white_bg {
        box-shadow: none;
        border: none
    }

    .pf_proposal .payment_detail .quote-tile .plan-sum span {
        float: none;
        display: block;
        font-size: 3.6vw
    }

    .pf_proposal .payment_detail .quote-tile {
        padding-bottom: 5px
    }

    .pf_proposal .payment_detail .quote-tile img {
        max-width: 122px
    }

    .pf_proposal .details_wrapper .right_section.payment_detail {
        padding-top: 0
    }

    .pf_proposal .badge {
        margin-right: 0
    }

    .pf_proposal .details_wrapper .right_section {
        padding-left: 10px;
        padding-right: 10px
    }

    .pf_proposal .payment_detail h2 {
        display: none
    }

    .pf_proposal .payment_detail .quote-tile .plan-sum,
    .pf_proposal .payment_detail .quote-tile img {
        margin-top: 0
    }

    header {
        margin-bottom: 0 !important
    }

    footer {
        padding-bottom: 130px !important
    }

    .msg-box {
        padding: 6px 60px 5px 10px;
        margin-bottom: 8px
    }

    .msg-box ul.listing li p {
        font-size: 3.33vw;
        line-height: 16px
    }

    .msg-box ul li:before {
        top: 2px;
        background-size: contain;
        width: 9px;
        height: 9px
    }

    .msg-box ul.listing li {
        padding-left: 13px
    }

    .msg-box ul.listing li:last-child {
        padding-bottom: 3px
    }

    .pf_proposal .pr_container .edit_email {
        right: 20px;
        top: 36px
    }
}

@media (max-width:480px) {
    .baxa_tip span {
        left: -20%
    }
}

.md-dialog-is-showing {
    max-width: auto
}

li .info {
    font-size: 12px;
    font-weight: 400;
    color: #f5a941;
    text-align: left;
    line-height: 13px;
    position: absolute;
    margin-top: 0
}

.info b {
    line-height: normal !important;
    font-size: 11px !important
}

article,
aside,
canvas,
details,
figcaption,
figure,
hgroup,
menu,
nav,
summary {
    display: block;
    margin: 0;
    padding: 0
}

.md-dialog-container {
    top: 0 !important
}

.landing-modal.email_plan_model .close-btn {
    width: 28px;
    height: 28px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer
}

.landing-modal.email_plan_model .close-btn:after,
.landing-modal.email_plan_model .close-btn:before {
    position: absolute;
    left: 8px;
    top: 10px;
    content: " ";
    height: 17px;
    width: 1px;
    background-color: #000;
    border-radius: 8px
}

.landing-modal.email_plan_model .close-btn:before {
    transform: rotate(45deg)
}

.landing-modal.email_plan_model .close-btn:after {
    transform: rotate(-45deg)
}

.quotes-edit-details-section.proposal {
    box-sizing: border-box;
    width: 100%;
    height: 59px;
    border-radius: 3px;
    box-shadow: 0 2px 9px 0 hsla(0, 0%, 87.1%, .3);
    border: 1px solid #e6efff;
    background-color: #fff;
    margin: 0
}

.quotes-edit-details-section.proposal .container-inner {
    display: flex;
    align-items: center;
    height: 100%;
    flex-wrap: wrap;
    max-width: 100%;
    padding: 0
}

.quotes-edit-details-section .vehical-details-edit-section {
    flex: 0 0 31%;
    max-width: 31%;
    margin: 3px 0 0;
    position: relative;
    float: none;
    width: 100%;
    padding: 0
}

.vehical-details-edit-section .vehical-name {
    color: #000
}

.other-vehical-details-summary span {
    font-size: small;
    margin-right: 5px;
    padding-left: 15px;
    position: relative
}

.other-vehical-details-summary span:first-child {
    padding: 0
}

.other-vehical-details-summary span:first-child:before {
    display: none
}

.other-vehical-details-summary span:before {
    content: "";
    width: 3px;
    height: 3px;
    border-radius: 20px;
    background: #000;
    left: 5px;
    top: 6px;
    position: absolute
}

.quotes-edit-details-section .policy-expiry-edit-section {
    border-left: none
}

.policy-expiry-edit-section span {
    color: #000
}

.proposal-form h2 .right_links li a {
    color: #2b90f7 !important;
    padding-bottom: 3px !important
}

.proposal-form h2 .right_links li a.back-btn {
    background: none;
    padding: 0
}

.form-group {
    margin-bottom: 30px
}

.form-group h3 {
    margin: 0 0 7px
}

.form-group ul li {
    width: 35%
}

.form-group ul li label {
    font-size: 12px;
    margin: 10px auto 0;
    z-index: 9
}

.form-group ul li:hover label {
    color: #4e4e4e
}

.form-group ul li .check {
    border: 1px solid #4e4e4e;
    top: 10px
}

.form-group ul li .check:before {
    top: 3px;
    left: 3px
}

.form-group input[type=radio]:checked~.check {
    border: 1px solid #2196f3
}

.form-group input[type=radio]:checked~label {
    color: #2196f3
}

.form-group ul.title li {
    margin-right: 20px;
    width: 29%;
    vertical-align: top
}

.form-group ul.title li:nth-child(2) label {
    background: url(https://static.pbcdn.in/car-cdn/ang/assets/car/images/title-icon.png) no-repeat 20px -96px/23px;
    font-size: 14px;
    line-height: 18px;
    color: #464646
}

.form-group ul.title li .check {
    display: block;
    position: absolute;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    height: 38px;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 0
}

.form-group ul.title li input[type=radio]:checked~label {
    color: #2196f3;
    background-position: 20px -44px
}

.form-group ul.title li:nth-child(2) input[type=radio]:checked~label {
    color: #2196f3;
    background-position: 20px -150px
}

.form-group p {
    font-size: 11px;
    font-weight: 300;
    line-height: 13px;
    margin: 10px 0 0
}

.floating-label {
    top: 0;
    left: 0;
    z-index: 1500
}

.form-group ul.car-own li input[type=radio]:checked~label {
    background-position: 20px -269px
}

.form-group ul.car-own li label {
    background-position: 20px -210px
}

.form-group ul.car-own li:nth-child(2) label {
    background-position: 20px -324px
}

.form-group ul.car-own li:nth-child(2) input[type=radio]:checked~label {
    background-position: 20px -379px
}

.floating-label-field {
    z-index: 2000
}

.floating-label,
.floating-label-field {
    color: #909090;
    font-size: 12px
}

.floating-label {
    font-weight: 300
}

.floating-label-wrap {
    margin-bottom: 22px
}

.floating-label-wrap.email {
    width: 45%
}

.floating-label-wrap.nominee {
    width: 47%;
    margin: 0
}

.floating-label-field--s1:focus+.floating-label,
.floating-label-field--s1:not(:placeholder-shown)+.floating-label {
    transform: translate(.25em, -30%) scale(.8);
    opacity: .45;
    padding: 20px 10px 0
}

.floating-label-field--s1:valid:not(:placeholder-shown) {
    border-color: rgba(46, 213, 115, .7)
}

.floating-label-field--s1:invalid {
    border-color: rgba(255, 71, 87, .3)
}

.floating-label-field--s1,
.floating-label-field--s1+.floating-label,
.floating-label-field--s2,
.floating-label-field--s2+.floating-label {
    padding: 22px 10px 4px;
    width: 96%;
    font-size: 15px
}

.floating-label-field--s1+.floating-label,
.floating-label-field--s2+.floating-label {
    z-index: 1500;
    padding: 14px 10px
}

.floating-label-field--s1::-webkit-input-placeholder,
.floating-label-field--s3::-webkit-input-placeholder {
    color: transparent
}

.floating-label-field--s1::-ms-input-placeholder,
.floating-label-field--s3::-ms-input-placeholder {
    color: transparent
}

.floating-label-field--s1::placeholder,
.floating-label-field--s3::placeholder {
    color: transparent
}

.floating-label-wrap.dob {
    width: 50%
}

.floating-label-wrap.dob .dd {
    width: 20%
}

.floating-label-wrap.dob .mm {
    width: 45%;
    background-position: 100px 18px
}

.floating-label-wrap.dob .yy {
    width: 30%;
    background-position: 60px 18px
}

.rtoTxt {
    position: absolute;
    left: 0;
    width: 45px;
    background: #f1f1f1;
    height: 96%;
    border-radius: 4px 0 0 4px;
    line-height: 48px;
    padding-left: 10px;
    font-size: 14px;
    left: 1px;
    bottom: 1px;
    height: 66%;
    font-weight: 600;
    color: #000
}

.floating-label-wrap.reg-no {
    width: 45%
}

.floating-label-wrap.reg-no .labelTxt {
    color: #909090;
    font-size: 12px;
    font-weight: 300;
    line-height: 22px
}

.floating-label-wrap.reg-no input {
    border: 1px solid #d9d9d9;
    text-indent: 58px;
    height: 34px
}

.floating-label-wrap.financier select {
    background-position: 98%
}

.edit {
    z-index: 99
}

.proposalRight {
    padding: 0;
    box-sizing: border-box;
    background: #fff;
    border-radius: 4px;
    margin-top: 12px;
    box-shadow: 0 1px 3px -1px #000
}

.policy-type ul.policyDetail li {
    font-size: 13px
}

.feature.expand {
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAHCAYAAADebrddAAAAGXRFW…jUx2fAfyQsCRXjQBMHg9tIAuJohmBoUMShEAbYoPLWAAEGAEz+E2tSJmS5AAAAAElFTkSuQmCC) no-repeat 94% 22px
}

.feature h4 {
    margin-bottom: 10px;
    padding: 0 25px
}

.policy-type .premium-amount {
    padding-top: 10px;
    padding-left: 25px;
    padding-right: 25px
}

.policy-type .premium-amount li {
    display: block;
    margin: 0 0 13px;
    line-height: 15px
}

.policy-type .premium-amount b {
    color: #616161;
    font-weight: 300;
    font-size: 13px
}

.policy-type .premium-amount span {
    float: right;
    font-size: 14px;
    font-weight: 600;
    color: #000
}

.policy-type .pa-cover {
    margin: 15px auto;
    position: relative
}

.policy-type .pa-cover .GetPA input[type=checkbox] {
    vertical-align: top;
    margin: 2px 6px 0 0
}

.policy-type .pa-cover .GetPA div {
    display: inline-block;
    width: 78%;
    color: #616161;
    font-size: 11px;
    font-weight: 300
}

.policy-type .pa-cover .GetPA span.wrapper {
    border: 1px solid #696969;
    border-radius: 50%;
    padding: 0;
    -webkit-transform: translateZ(0);
    left: 2px;
    font-size: 8px;
    font-weight: 700;
    cursor: pointer;
    top: -1px;
    z-index: 1000;
    line-height: 12px;
    width: 14px;
    height: 14px;
    text-align: center;
    display: inline-block;
    position: relative
}

.policy-type .pa-cover .GetPA span.wrapper:hover .tooltip {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0)
}

.policy-type .pa-cover .GetPA span.wrapper em {
    font-style: normal;
    font-weight: 700;
    color: #696969;
    font-size: 9px;
    line-height: 10px
}

.policy-type .pa-cover .GetPA span.wrapper .tooltip {
    background: #808b8b;
    left: -105px;
    margin-bottom: 10px;
    opacity: 0;
    padding: 10px;
    pointer-events: none;
    width: 285px;
    transform: translateY(10px);
    transition: all .25s ease-out;
    -ms-box-shadow: 0 2px 9px 0 hsla(0, 0%, 64.7%, .36);
    -o-box-shadow: 0 2px 9px 0 hsla(0, 0%, 64.7%, .36);
    box-shadow: 0 2px 9px 0 hsla(0, 0%, 64.7%, .36);
    font-size: 11px;
    line-height: 17px;
    z-index: 999;
    display: block;
    letter-spacing: .3px;
    text-align: left;
    color: #fff;
    border-radius: 6px;
    color: #fff !important;
    font-weight: 300;
    position: absolute;
    top: 144%
}

.policy-type .pa-cover .GetPA span.wrapper .tooltip:after {
    content: "";
    display: block;
    border: 10px solid transparent;
    border-bottom-color: #7f8c8d;
    position: absolute;
    margin: 0 auto;
    top: -16px;
    width: 0;
    left: 103px
}

.policy-type .pa-cover .GetPA b {
    float: right;
    position: absolute;
    right: 0;
    top: -2px;
    font-size: 14px;
    color: #000;
    opacity: .5
}

.policy-type .pa-cover .GetPA a {
    display: inline-block;
    padding: 5px 2px 5px 23px;
    text-decoration: none;
    color: #2b90f7;
    font-size: 11px
}

.policy-type .pay_now {
    border-top: 1px solid #e5efff;
    border-bottom: 1px solid #e5efff;
    padding: 12px 0
}

.pay_now.pay_mob {
    border-bottom: none;
    padding-bottom: 0
}

.policy-type .pay_now:after {
    content: "";
    display: block;
    clear: both
}

.policy-type .pay_now .pay {
    float: left;
    font-size: 20px;
    font-weight: 500;
    color: #000;
    line-height: 22px
}

.policy-type .pay_now .total-ammount {
    float: right;
    font-size: 20px;
    color: #fc4804
}

.policy-type .pay_now .total-ammount b {
    font-weight: 600;
    position: relative
}

.btn-nxt {
    border-radius: 4px;
    background-color: #ff5630 !important;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    width: 100%;
    display: inline-block;
    position: relative;
    text-align: center;
    line-height: normal;
    background-image: url(https://static.pbcdn.in/car-cdn/ang/assets/car/images/btn-arrow-right.png);
    background-repeat: no-repeat;
    background-position: 75%;
    padding: 12px;
    letter-spacing: 0 !important;
    border: none;
    text-transform: uppercase
}

.btn-nxt.btn-fixed {
    width: 100%;
    margin: 10px auto;
    position: fixed;
    bottom: -10px;
    left: 0;
    z-index: 9;
    display: block;
    animation: fadein .5s ease;
    -webkit-animation: fadein .5s ease;
    -ms-animation: fadein ease .5s
}

@keyframes fadein {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.btn-nxt:before {
    width: 22px;
    height: 22px;
    content: "";
    position: absolute;
    left: 23%;
    top: 13px;
    background: url(https://static.pbcdn.in/car-cdn/ang/assets/car/images/lock-icn.png) no-repeat 0 0;
    display: none
}

.btn-nxt.loading {
    background-image: none
}

.pg-submit {
    margin: 20px 0 auto
}

.inspection .inner_cont {
    padding: 5px 15px 7px
}

.inspection.info_icn .inner_cont {
    position: relative;
    padding-left: 30px
}

.inspection.info_icn .inner_cont:before {
    content: "i";
    width: 16px;
    height: 16px;
    font-family: auto;
    background: #2b90f7;
    color: #fff;
    border-radius: 50%;
    position: absolute;
    left: 7px;
    top: 9px;
    text-align: center;
    font-size: 13px;
    display: block
}

.custom-checkbox label {
    font-size: 11px;
    line-height: 18px
}

.summaryLeft {
    float: left;
    width: 61%;
    color: #000
}

.summaryLeft #accordion.tp_renewal section {
    min-height: 390px
}

.tp_renewal_msg {
    background: #f1fef2;
    color: #333;
    border: 1px solid rgba(151, 229, 156, .44);
    border-radius: 5px;
    width: 100%;
    font-weight: 400;
    font-size: 14px;
    padding: 5px 10px;
    margin-top: 10px;
    display: inline-block;
    line-height: normal
}

.summaryLeft #accordion .pointer,
.summaryLeft #accordion h1,
.summaryLeft #accordion p,
.summaryLeft #accordion section {
    transition: all .3s ease-in-out
}

.summaryLeft #accordion {
    margin-bottom: 30px
}

.summaryLeft #accordion h1 {
    line-height: 1.2;
    font-size: 16px;
    margin: 0;
    position: relative;
    border-bottom: 1px solid #fff
}

.summaryLeft #accordion h1 a {
    display: block;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    padding: 16px 10px 14px 30px;
    position: relative;
    z-index: 1
}

.summaryLeft #accordion section {
    border: 0 solid #333;
    display: inline-block;
    width: 100%;
    background: #fff;
    padding: 0;
    box-shadow: 0 5px 26px -5px hsla(0, 0%, 81.6%, .9);
    margin: 7px 0 0;
    border-radius: 4px;
    position: relative;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    height: auto
}

.summaryLeft #accordion p {
    padding: 0 10px;
    color: #000
}

.summaryLeft #accordion section.ac_hidden p:not(.pointer) {
    color: #fff
}

.summaryLeft #accordion section.ac_hidden {
    height: 50px;
    overflow: hidden
}

.summaryLeft #accordion .pointer {
    padding: 0;
    cursor: pointer;
    line-height: 20px;
    width: 13px;
    position: absolute;
    background-image: url(https://static.pbcdn.in/car-cdn/ang/assets/car/images/arrow-downn.png);
    background-repeat: no-repeat;
    background-position: 50%;
    z-index: 2;
    text-indent: -100px;
    overflow: hidden;
    left: 10px;
    top: 17px
}

.summaryLeft #accordion section:not(.ac_hidden) h1 {
    border-bottom: 1px solid #e6e6e6
}

.summaryLeft #accordion section:not(.ac_hidden) .pointer {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg)
}

.summaryLeft #accordion section:not(.ac_hidden) .pointer.close {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg)
}

.summaryLeft #accordion section .detailLsit {
    width: 92%;
    display: block;
    margin: 15px auto 0
}

.summaryLeft #accordion section .detailLsit li {
    position: relative;
    width: 49%;
    display: inline-block;
    margin-bottom: 29px;
    vertical-align: top
}

.summaryLeft #accordion section .detailLsit li b {
    font-size: 13px;
    font-weight: 600;
    line-height: 22px
}

.summaryLeft #accordion section .detailLsit li span {
    font-size: 14px;
    font-weight: 400;
    display: block;
    overflow-wrap: break-word;
    max-width: 80%
}

.summaryLeft #accordion section .detailLsit li span em {
    font-style: normal;
    font-size: 13px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKBAMAAAB/HNKOAAAAJ1BMVEUAAACQ21iR3VuR2liR3ViQ3VmQ21mQ3FiS3FiR3VmQ3VWJ102Q3Fr1s2WSAAAADHRSTlMAomDJhXa+qIxSOhiZhdfDAAAAMElEQVQI12MAAW4wqQgiWI+BSB8BhgUMTCcYGA4yzClgYNAxPQgUZDljAJJTZoABAML8BtA8oAZ6AAAAAElFTkSuQmCC) no-repeat 1px 4px;
    padding-left: 15px;
    margin: 7px 5px 1px 0;
    display: inline-block
}

.summaryLeft #accordion a.edit_btn {
    z-index: 2;
    color: #1596fe;
    font-size: 12px;
    font-weight: 400;
    position: absolute;
    right: 15px;
    top: 19px
}

.whatsapp {
    width: 100%;
    margin: 20px auto;
    font-size: 12px;
    font-weight: 400
}

.whatsapp .switch {
    float: left;
    margin: 3px 0 0
}

.whatsapp input[type=checkbox] {
    margin-right: 7px
}

.whatsapp span img {
    position: relative;
    top: 0;
    margin: 0 3px;
    float: none;
    width: 20px
}

.whatsapp p {
    padding-left: 23px;
    font-size: 11px;
    color: #ccc;
    line-height: normal;
    font-weight: 400
}

.policy-type .pa-cover .GetPA {
    background-color: #e9f0fb;
    padding: 10px;
    width: 100%;
    line-height: 20px
}

.policy-type .pa-cover .GetPA div {
    color: #74787e;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: -.2px;
    margin-left: -2px
}

.policy-type .pa-cover .GetPA b {
    top: 9px;
    right: 11px;
    font-weight: 600
}

.policy-type .pa-cover .GetPA.red-bg {
    border: 1px solid rgba(239, 229, 207, .75);
    background-color: rgba(255, 252, 245, .75);
    box-sizing: border-box;
    padding: 8px 25px;
    border-radius: 4px;
    margin: 0 -13px;
    width: 107%
}

.policy-type .pa-cover .GetPA.red-bg.active {
    border: 1px solid #d9aa90;
    background-color: #fffcf5;
    border-radius: 4px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 31px
}

.policy-type .pa-cover .GetPA.red-bg label {
    font-size: 12px;
    font-weight: 700;
    line-height: 11px;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    display: block;
    margin-bottom: 5px
}

.policy-type .pa-cover .GetPA.red-bg.active label {
    color: #dc6733
}

.policy-type .pa-cover .GetPA.red-bg .add_com_text {
    font-size: 11px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 14px;
    letter-spacing: normal;
    text-align: left;
    width: 100%
}

.policy-type .pa-cover .GetPA.red-bg.active .add_com_text {
    color: #bd9284
}

.policy-type .pa-cover .GetPA.red-bg div {
    width: 85%;
    margin: 0
}

.policy-type .pa-cover .GetPA.red-bg.active span.wrapper {
    border: 1px solid #bd9284
}

.policy-type .pa-cover .GetPA.red-bg.active span.wrapper em {
    color: #bd9284
}

.policy-type .pa-cover .GetPA.red-bg .add_com_text strong {
    font-weight: 400
}

.policy-type .pa-cover .GetPA.red-bg a {
    padding-left: 0;
    padding-bottom: 0
}

.policy-type .custom-checkbox.GetPA.red-bg .custom-checkbox {
    position: relative
}

.policy-type .custom-checkbox.GetPA.red-bg input {
    position: absolute;
    width: 74%;
    left: 0;
    z-index: 1000;
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    height: 27%;
    top: 0;
    border: none !important;
    box-shadow: none !important;
    opacity: 0;
    background: none !important
}

.policy-type .custom-checkbox.GetPA.red-bg span.ractangle {
    width: 13px;
    height: 13px;
    border: 1px solid #616161;
    background: #fff;
    position: absolute;
    left: 0;
    border-radius: 2px
}

.policy-type .custom-checkbox.GetPA.red-bg.active span.ractangle {
    border-color: #d9aa90;
    left: 8px
}

.policy-type .custom-checkbox.GetPA.red-bg span.ractangle:after {
    content: "";
    width: 3px;
    height: 7px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    display: block;
    transform: rotate(35deg);
    -webkit-transform: rotate(38deg);
    -ms-transform: rotate(38deg);
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -.5px;
    opacity: 0
}

.policy-type .custom-checkbox.GetPA.red-bg input:checked+div span.ractangle {
    background: #0075ff;
    border-color: #0075ff
}

.policy-type .custom-checkbox.GetPA.red-bg.active input:checked+div span.ractangle {
    background: #d9aa90;
    border-color: #d9aa90
}

.policy-type .custom-checkbox.GetPA.red-bg input:checked+div span.ractangle:after {
    opacity: 1
}

.policy-type .pa-cover .GetPA.red-bg b {
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: normal;
    text-align: left;
    top: 10%;
    right: 0;
    opacity: 1
}

.policy-type .pa-cover .GetPA.red-bg.active b {
    color: #bd9284;
    right: 8px
}

.policy-type .pa-cover .GetPA.red-bg.insurer.active {
    padding: 8px 13px;
    border-color: #c0d9ff;
    background: #deebff;
    margin: 0 -13px;
    width: 107%
}

.policy-type .pa-cover .GetPA.red-bg.insurer .three-boxes {
    margin-top: 5px;
    width: 100%
}

.policy-type .pa-cover .GetPA.red-bg.insurer .three-boxes .box3 {
    float: left;
    width: 33.33%
}

.policy-type .pa-cover .GetPA.red-bg.insurer div.cpa_cont {
    width: 100%
}

.policy-type .pa-cover .GetPA.red-bg.insurer .add_com_text {
    font-size: 12px;
    line-height: 17px;
    color: #253858
}

.policy-type .pa-cover .GetPA.red-bg.insurer.active .add_com_text {
    font-size: 13px
}

.policy-type .pa-cover .GetPA.red-bg.insurer .add_com_text strong {
    font-weight: 700;
    text-decoration: underline
}

.policy-type .pa-cover .GetPA.red-bg.insurer .three-boxes .custom-checkbox_red label {
    margin-bottom: 0
}

.policy-type .pa-cover .GetPA.red-bg.insurer .add_com_text span.wrapper {
    margin-right: 3px
}

.policy-type .pa-cover .GetPA.red-bg.active.insurer span.wrapper {
    border-color: #8191ad
}

.policy-type .pa-cover .GetPA.red-bg.active.insurer span.wrapper em {
    color: #8191ad
}

.policy-type .pa-cover .GetPA.red-bg.insurer label.head {
    display: none
}

.custom-checkbox_red input {
    opacity: 0;
    position: absolute
}

.custom-checkbox_red label {
    position: relative;
    padding-left: 23px
}

.custom-checkbox_red label p {
    margin: 0;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    color: #253858;
    line-height: 12px
}

.custom-checkbox_red label p .value {
    display: block;
    font-weight: 500;
    margin-top: 5px;
    color: #253858
}

.policy-type .pa-cover .GetPA.red-bg.insurer.active .custom-checkbox_red label p .value {
    font-size: 13px
}

.custom-checkbox_red span.ractangle {
    width: 13px;
    height: 13px;
    border: 1px solid #253858;
    background: #fff;
    position: absolute;
    left: 0;
    border-radius: 2px;
    display: block;
    top: 2px
}

.custom-checkbox_red input:checked+span.ractangle {
    background: #8191ad;
    border-color: #8191ad
}

.custom-checkbox_red span.ractangle:after {
    content: "";
    width: 3px;
    height: 7px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    display: block;
    transform: rotate(35deg);
    -webkit-transform: rotate(38deg);
    -ms-transform: rotate(38deg);
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -.5px;
    opacity: 0
}

.custom-checkbox_red input:checked+span.ractangle:after {
    opacity: 1
}

.tooltip_wrapper .tooltip {
    background: #808b8b;
    display: block;
    right: -49px;
    margin-bottom: 10px;
    opacity: 0;
    padding: 10px;
    pointer-events: none;
    position: absolute;
    width: 300px;
    transform: translateY(10px);
    transition: all .25s ease-out;
    -ms-box-shadow: 0 2px 9px 0 hsla(0, 0%, 64.7%, .36);
    -o-box-shadow: 0 2px 9px 0 hsla(0, 0%, 64.7%, .36);
    box-shadow: 0 2px 9px 0 hsla(0, 0%, 64.7%, .36);
    font-size: 11px;
    line-height: 17px;
    z-index: 999;
    letter-spacing: .3px;
    color: #fff;
    border-radius: 6px;
    color: #fff !important;
    font-weight: 300;
    left: auto
}

.summaryLeft #accordion section .detailLsit li span.zeroDep-tooltip .tooltip_wrapper {
    display: inline-block;
    line-height: 8px
}

.summaryLeft #accordion section .detailLsit li span.tooltip_wrapper em {
    font-style: normal !important;
    font-weight: 700;
    color: #696969;
    font-size: 9px !important;
    line-height: 0;
    background: none !important;
    margin: 0 !important;
    padding: 0 !important
}

.zeroDep-tooltip {
    position: relative;
    margin-top: 10px
}

.summaryLeft #accordion section .detailLsit li .zeroDep-tooltip b {
    line-height: normal
}

.zeroDep-tooltip .tooltip_wrapper .tooltip {
    top: 133%;
    left: -114px;
    right: auto
}

.zeroDep-tooltip .tooltip_wrapper .tooltip:after {
    right: auto;
    left: 119px
}

.msg-box p {
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: normal;
    color: #172b4d
}

.msg-box p a,
.msg-box p b {
    font-weight: 700
}

.msg-box p a {
    color: #0286ff;
    text-decoration: none
}

.icon {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    background-repeat: no-repeat;
    background-size: contain
}

.icon.car {
    background-image: url(https://static.pbcdn.in/car-cdn/ang/assets/car/images/car.svg);
    width: 48px;
    height: 28px;
    right: 55px;
    top: 54%
}

.icon.clock {
    background-image: url(https://static.pbcdn.in/car-cdn/ang/assets/car/images/clock.svg)
}

.icon.clock,
.icon.msg-icn {
    width: 54px;
    height: 37px;
    right: 55px;
    top: 54%
}

.icon.msg-icn {
    background-image: url(https://static.pbcdn.in/car-cdn/ang/assets/car/images/msg-icn.svg)
}

.icon.info {
    background-image: url(https://static.pbcdn.in/car-cdn/ang/assets/car/images/info.svg);
    width: 20px;
    height: 20px;
    left: 13px;
    top: 15px;
    transform: none;
    -webkit-transform: none
}

.msg-box.orange {
    border: 1px solid #ff991f;
    background-color: rgba(255, 247, 227, .6)
}

.msg-box.green {
    border: 1px solid #37a21d;
    background-color: rgba(227, 252, 239, .4)
}

.msg-box.red {
    border: 1px solid #ff5630;
    background-color: #ffebe6
}

.msg-box.blue {
    border: 1px solid #5243aa;
    background-color: rgba(234, 230, 255, .6)
}

.msg-box.pendingPay {
    padding: 10px 25px 10px 45px
}

.msg-box p {
    margin-left: -5px
}

.msg-box p li {
    position: relative;
    padding-left: 20px;
    padding-bottom: 5px
}

.msg-box p:last-child {
    padding-bottom: 0
}

.msg-box.orange ul li:before {
    width: 6px;
    height: 6px;
    background: #505f79;
    content: "";
    display: block;
    position: absolute;
    border-radius: 50%;
    top: 5px;
    left: 0
}

.msg-box.orange ul li {
    padding-left: 14px
}

.msg-box.green ul li p {
    color: #37a21d
}

.badge {
    background: #07ca07;
    width: auto;
    height: 20px;
    text-align: center;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    display: inline-block;
    padding: 0;
    position: absolute;
    right: -12px;
    bottom: 29px;
    z-index: 0;
    white-space: nowrap;
    line-height: 19px;
    min-width: 90.6px;
    margin-right: 11px
}

.newpopup_wrapper,
.newpopup_wrapper * {
    box-sizing: border-box
}

.newpopup_wrapper p {
    font-weight: 400;
    line-height: normal
}

.popup_box.insurer_sel {
    padding: 40px 24px 10px;
    background: #fff;
    border-radius: 8px;
    max-width: 911px;
    width: 100%;
    min-height: 380px;
    overflow: auto;
    position: absolute;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    box-sizing: border-box;
    left: 10px;
    right: 10px;
    margin: 0 auto;
    max-height: 568px
}

.popup_box.insurer_sel h2 {
    font-size: 24px;
    font-weight: 500;
    color: #252733;
    padding-bottom: 10px
}

.popup_box.insurer_sel h2+p {
    font-size: 16px;
    color: #1c1d2a
}

.popup_box.insurer_sel h2 span {
    color: #2d3cd9
}

.popup_box.insurer_sel .insurer_sel_list {
    text-align: left;
    border-bottom: 1px solid #79e2f2;
    margin: 20px -8px 85px;
    max-height: 292px;
    overflow: auto;
    padding: 10px 0 0
}

.popup_box.insurer_sel .insurer_sel_list .image_box {
    margin-bottom: 15px
}

.popup_box.insurer_sel .insurer_sel_list .image_box img {
    max-height: 35px;
    max-width: 100%
}

.popup_box.insurer_sel .insurer_sel_list li {
    float: left;
    width: 20%;
    padding: 0 8px 16px
}

.popup_box.insurer_sel .insurer_sel_list li label {
    display: block;
    cursor: pointer;
    position: relative
}

.popup_box.insurer_sel .insurer_sel_list .insurer_box {
    width: 100%;
    height: 127px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    border: 1px solid transparent;
    border-radius: 8px;
    background: #fff;
    text-align: center;
    display: block;
    padding: 35px 20px
}

.popup_box.insurer_sel .insurer_sel_list input {
    opacity: 0;
    position: absolute
}

.popup_box.insurer_sel .insurer_sel_list .insurer_box .radio_circle {
    width: 18px;
    height: 18px;
    background: #fff;
    border: 1px solid rgba(37, 56, 88, .5);
    border-radius: 50%;
    display: block;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px
}

.popup_box.insurer_sel .insurer_sel_list .insurer_box .radio_circle:after {
    content: "";
    display: block;
    border-left: 2px solid #fff;
    border-top: 2px solid #fff;
    width: 3px;
    height: 7px;
    position: absolute;
    left: 5px;
    top: 49%;
    opacity: 0;
    transform: translateY(-50%) rotate(-135deg)
}

.popup_box.insurer_sel .insurer_sel_list input:checked+.insurer_box {
    border: 1px solid #0052cc
}

.popup_box.insurer_sel .insurer_sel_list input:checked+.insurer_box .radio_circle {
    background: #0065ff;
    border-color: #0065ff
}

.popup_box.insurer_sel .insurer_sel_list input:checked+.insurer_box .radio_circle:after {
    opacity: 1
}

.not_sure_banner {
    padding-left: 85px;
    padding-top: 15px;
    padding-bottom: 15px;
    position: fixed;
    bottom: 0;
    left: 24px;
    right: 24px;
    background: #fff
}

.not_sure_banner .image {
    width: 73px;
    height: 66px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    background: url(https://static.pbcdn.in/car-cdn/ang/assets/car/images/girl_thinking.svg) no-repeat;
    background-size: contain
}

.not_sure_banner .text {
    display: inline-block;
    vertical-align: middle;
    padding-right: 20px
}

.not_sure_banner .text p {
    color: #172b4d;
    font-size: 16px;
    font-weight: 400
}

.not_sure_banner .show_all {
    background: #deebff;
    border-radius: 4px;
    color: #0065ff;
    font-size: 16px;
    min-width: 141px;
    padding: 10px;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    margin: 10px 0
}

.newpopup_wrapper .close-btn {
    width: 28px;
    height: 28px;
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #dfe1e6
}

.newpopup_wrapper .close-btn:after,
.newpopup_wrapper .close-btn:before {
    position: absolute;
    left: 17px;
    top: 10px;
    content: " ";
    height: 17px;
    width: 1px;
    background-color: #000;
    border-radius: 8px
}

.newpopup_wrapper .close-btn:before {
    transform: rotate(45deg)
}

.newpopup_wrapper .close-btn:after {
    transform: rotate(-45deg)
}

.slideTOtop {
    animation: slideTOtop .3s ease;
    -webkit-animation: slideTOtop .3s ease
}

@keyframes slideTOtop {
    0% {
        bottom: -100px
    }

    to {
        bottom: 0
    }
}

@-webkit-keyframes slideTOtop {
    0% {
        bottom: -100px
    }

    to {
        bottom: 0
    }
}

.fadein {
    -webkit-animation: fadein .4s ease;
    animation: fadein .4s ease
}

@-webkit-keyframes fadein {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeout {
    -webkit-animation: fadeout .8s ease;
    animation: fadeout .8s ease
}

@-webkit-keyframes fadeout {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@media only screen and (min-width:320px) and (max-width:670px) {
    .summaryLeft {
        width: 100%
    }

    .summaryLeft #accordion section .detailLsit li {
        width: 100%;
        margin-bottom: 25px
    }

    .summaryLeft #accordion section .detailLsit li b {
        font-size: 11px
    }

    .summaryLeft #accordion section .detailLsit li span {
        font-size: 12px
    }

    .form-group ul.title li {
        width: 40%
    }

    .form-group ul.title li .check {
        height: 36px
    }

    .form-group ul.title li label {
        font-size: 12px;
        background-size: 20px;
        padding-top: 10px;
        height: 30px;
        padding-left: 48px
    }

    .form-group ul.title li:nth-child(2) label {
        font-size: 12px;
        background-size: 20px;
        background-position: 20px -85px
    }

    .form-group ul.title li input[type=radio]:checked~label {
        background-position: 20px -38px
    }

    .form-group ul.title li:nth-child(2) input[type=radio]:checked~label {
        color: #2196f3;
        background-position: 20px -132px
    }

    .floating-label-field--s1,
    .floating-label-field--s1+.floating-label,
    .floating-label-field--s2,
    .floating-label-field--s2+.floating-label {
        font-size: 11px;
        width: 93%
    }

    .floating-label-wrap.email,
    .floating-label-wrap.phone {
        width: 100%
    }

    .edit {
        right: 5px
    }

    .floating-label-wrap.dob {
        width: 100%
    }

    .floating-label-wrap.dob .mm {
        background-position: 94% 18px
    }

    .floating-label-wrap.dob .yy {
        width: 32%;
        background-position: 92% 18px
    }

    .form-group h3 {
        font-size: 12px;
        margin: 0
    }

    .floating-label-wrap,
    .form-group {
        margin-bottom: 15px
    }

    .floating-label-wrap select {
        height: 42px;
        font-size: 12px
    }

    .policy-type img {
        width: 60px
    }

    .policy-type ul.policyDetail {
        width: 68%
    }

    .proposal-section .proposal-header {
        background: #164cff;
        height: auto
    }

    .proposal-section .pb-logo {
        display: none
    }

    .proposal-section .pb-logo-mob {
        display: block;
        margin: 11px 0 0 11px;
        float: left;
        width: 115px
    }

    .proposal-section .pb-logo-mob img {
        width: 28px;
        height: 28px;
        float: left
    }

    .proposal-section .pb-logo-mob span {
        color: #fff;
        line-height: 27px;
        font-size: 16px;
        float: left;
        padding-left: 8px;
        display: block
    }

    .proposal-section .proposal-header .email {
        width: 73px;
        font-size: 12px;
        color: #fff;
        font-size: 10px;
        background-size: 13px auto;
        padding-left: 18px;
        margin-right: 0;
        background-image: url(https://static.pbcdn.in/car-cdn/ang/assets/car/images/mail.png)
    }

    .proposal-section .proposal-header .talk-to-expert {
        width: 96.3px;
        color: #fff;
        margin-right: 10px;
        padding-left: 25px;
        font-size: 10px;
        background-position: 10px 8px;
        height: 30px;
        border: 1px solid #fff;
        margin-left: 1px;
        background-image: url(https://static.pbcdn.in/car-cdn/ang/assets/car/images/call-icon.png);
        background-size: 10px auto;
        line-height: 26px
    }

    .container-inner {
        width: 100%
    }

    .vehical-details-edit-section {
        max-width: 100%;
        flex: 0 0 100%;
        margin-top: 0
    }

    .vehical-details-edit-section .vehical-name {
        font-size: 12px;
        width: 269px
    }

    .other-vehical-details-summary {
        width: 269px;
        margin-top: 0
    }

    .landing-modal md-dialog {
        padding: 12px 25px;
        box-sizing: initial;
        left: 0;
        right: 0;
        width: auto;
        margin: 0 auto;
        top: 50%;
        transform: translateY(-50%);
        display: block;
        overflow: auto
    }

    .landing-modal.email_plan_model md-dialog {
        width: 232px;
        padding: 10px 15px;
        right: 4%;
        left: auto
    }

    .landing-modal.email_plan_model md-dialog:after {
        right: 124px
    }

    .landing-modal.email_plan_model .email-content input {
        width: calc(100% - 96px)
    }

    .landing-modal.email_plan_model .email-content .msg_info {
        font-size: 11px
    }

    .landing-modal.email_plan_model .email-content button {
        width: 96px
    }

    .landing-modal.email_plan_model h2 {
        font-size: 14px
    }

    .popup.expert .lower-section p,
    .popup.expert .numbers li {
        font-size: 10px;
        font-weight: 400;
        text-align: center
    }

    .popup.expert .numbers li {
        color: #212121;
        width: 100%;
        margin-bottom: 10px
    }

    .popup.expert .numbers li .call {
        font-size: 14px;
        width: 115px;
        line-height: 24px;
        margin: 0 auto
    }

    .addon-close {
        right: 0
    }

    .addon-close:after,
    .addon-close:before {
        left: 10px;
        top: 8px;
        height: 20px;
        width: 2px;
        background-color: #696868
    }

    .right_sidebar {
        width: 96%;
        float: none;
        margin: 8px auto
    }

    .proposalRight {
        margin-top: 8px;
        box-shadow: 0 1px 3px -1px #000
    }

    .proposal-form h2 {
        margin-top: 20px
    }

    .proposal-form h2 .left_text {
        font-size: 15px;
        margin: 0
    }

    .proposal-form h2 .right_links li {
        line-height: 15px
    }

    .proposal-form h2 .right_links li a {
        font-size: 12px
    }

    .proposal-form h2 .right_links li a.back-btn:after {
        right: -7px
    }

    .proposal-form .proposalRight h2 {
        padding: 10px;
        font-size: 13px;
        margin: 0
    }

    .policy-type img {
        width: 80px;
        margin: 0 0 0 10px
    }

    .policy-type ul.policyDetail {
        width: calc(100% - 110px);
        margin: 0 10px
    }

    .feature {
        max-height: 36px
    }

    .feature h3 {
        padding: 7px 10px 8px;
        font-size: 13px;
        line-height: 18px;
        background-position: 94% 14px
    }

    .feature.expand h3 {
        background-position: 94% 11px
    }

    .feature h4,
    .feature ul.planfeatures,
    .pad_leftright,
    .policy-type .premium-amount {
        padding-left: 10px;
        padding-right: 10px
    }

    .feature ul.addons {
        padding-left: 10px
    }

    .feature h4 {
        margin-bottom: 5px;
        padding-top: 5px;
        padding-bottom: 5px
    }

    .feature ul.planfeatures {
        margin: 0
    }

    .policy-type .pa-cover .GetPA span.wrapper .tooltip {
        width: 200px;
        left: -102px
    }

    .policy-type .pa-cover .GetPA span.wrapper .tooltip:after {
        left: 98px
    }

    .policy-type .pay_now .pay,
    .policy-type .pay_now .total-ammount {
        font-size: 18px
    }

    .btn-nxt:before {
        left: 16%
    }

    .btn-nxt {
        width: 100%;
        background-position: 82%
    }

    .summaryLeft {
        width: 96%;
        margin: 0 auto;
        float: none
    }

    .inspection .inner_cont {
        font-size: 12px;
        padding: 5px 7px
    }

    .info {
        font-size: 11px !important;
        line-height: 12px !important
    }

    .summaryLeft #accordion.tp_renewal section {
        min-height: 0
    }

    .summaryLeft #accordion.tp_renewal section h1 a {
        padding: 16px 10px 14px 13px
    }

    .footer {
        padding-bottom: 55px
    }

    .floating-label-wrap.reg-no {
        width: 96%
    }

    .tollFree {
        margin: 10px 0 0;
        position: relative
    }

    .tollFree ul {
        position: fixed;
        background: #fff;
        z-index: 9;
        width: 80%;
        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);
        left: 50%;
        padding: 18px;
        top: 50%;
        margin: -90px 0 0 -40%;
        border-radius: 4px
    }

    .tollFree:before {
        width: 28px;
        height: 28px;
        background: #469cf0 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjVDQTc3REQ1MTRCMzExRTlBRTgyRjRDNzI0RDQ0NDJBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjVDQTc3REQ2MTRCMzExRTlBRTgyRjRDNzI0RDQ0NDJBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NUNBNzdERDMxNEIzMTFFOUFFODJGNEM3MjRENDQ0MkEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NUNBNzdERDQxNEIzMTFFOUFFODJGNEM3MjRENDQ0MkEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6gbhKmAAABD0lEQVR42mL8//8/Ay0BEwONAd0tOAXE/5HwbyD2p6YFJmh8FixiFFnwCYsaMWpa8AiLGl1qWnAJixpTIOallgWHsKi5CsQ/yPYCKKMhYUkg/vcfAS4BsQiaGpIwNsFtUMPvALEoJYaDMLaM1gOlRYCYkeKchsVWRiDeCfXFciifqkEEwipA/BVqSTotLADhOKgFf4A4EIcaDiAWINcCEG5GsgTdJ+JAfBWI/wLxKSCeA8StQOxPigWg8G9CSrbLoCkLZPi1/9jBb1IsgOFYpDj5AMT3/uMHJFsAwspAvOM/cYAsC2DYAYi3QMOeoAWMFNTJEkDsA8R20BJXHoj5gfgkEFvBFDGOVvqEAECAAQBg3iCFOtZ1hAAAAABJRU5ErkJggg==) no-repeat 2px 2px;
        border-radius: 4px;
        padding: 5px;
        position: absolute;
        content: "";
        left: -34px;
        top: -3px
    }

    .pb-logo {
        display: none
    }

    .pb-logo-mob {
        display: block;
        margin: 5px 0 0
    }

    .contact-edit-section,
    .policy-expiry-edit-section {
        display: none
    }

    .floating-label-wrap.nominee {
        margin-bottom: 20px
    }

    span.zeroDep-tooltip {
        max-width: 300px
    }

    .zeroDep-tooltip .tooltip_wrapper .tooltip {
        top: 133%;
        left: -23px;
        right: auto;
        width: 190px
    }

    .zeroDep-tooltip .tooltip_wrapper .tooltip:after {
        left: 28px;
        right: auto
    }

    .policy-type .pa-cover .GetPA div {
        width: 77%;
        color: #000;
        letter-spacing: -.4px
    }

    .inspection {
        padding: 0 10px
    }

    .policy-type .pa-cover .GetPA.red-bg .add_com_text {
        font-size: 11px
    }

    .custom-checkbox_red label {
        padding-left: 22px
    }

    .policy-type .pa-cover .GetPA.red-bg.insurer .three-boxes .box3 {
        box-sizing: border-box;
        padding-right: 5px
    }

    .policy-type .pa-cover .GetPA.red-bg.insurer .three-boxes .box3:last-of-type {
        padding-right: 0
    }

    .policy-type .pa-cover .GetPA.red-bg.insurer .three-boxes .custom-checkbox_red label {
        padding: 5px 5px 5px 20px
    }

    .policy-type .pa-cover .GetPA.red-bg.insurer .custom-checkbox_red span.ractangle {
        top: 6px
    }

    .policy-type .pa-cover .GetPA.red-bg.insurer .three-boxes {
        width: 100%;
        box-sizing: border-box
    }

    .policy-type .pa-cover .GetPA.red-bg.insurer.active {
        padding: 8px 10px 1px;
        border: none;
        width: 100%;
        border-radius: 2px;
        float: none;
        margin: 0 auto 20px
    }

    .policy-type .pa-cover .GetPA.red-bg.insurer span.wrapper .tooltip {
        width: 200px;
        left: -66px
    }

    .policy-type .pa-cover .GetPA.red-bg.insurer span.wrapper .tooltip:after {
        left: 62px
    }

    .proposal-section .right-list {
        width: 185px
    }

    .policy-type .pa-cover .GetPA.red-bg.insurer .three-boxes .box3:last-of-type .baxa_tip span {
        left: auto;
        right: -32px
    }

    .tp_renewal_msg {
        margin-top: 0
    }

    .policy-type .pa-cover .GetPA.red-bg {
        width: 100%;
        margin: 0;
        padding: 8px 10px 1px;
        border-radius: 2px
    }

    .msg-box p {
        font-size: 12px;
        line-height: normal
    }

    .msg-box {
        padding: 6px 60px 5px 10px;
        margin-top: 8px
    }

    .msg-box .icon.car {
        width: 42px;
        height: 28px;
        right: 20px
    }

    .msg-box .icon.thums_up {
        width: 30px;
        height: 30px;
        right: 15px
    }

    .msg-box .icon.info {
        width: 18px;
        height: 18px;
        left: 6px;
        top: 8px
    }

    .msg-box.pendingPay {
        padding: 3px 10px 4px 31px
    }

    .msg-box ul.listing li p {
        font-size: 3.33vw;
        line-height: 16px
    }

    .icon.msg-icn {
        right: 27px;
        width: 21px;
        height: 30px;
        background-size: contain
    }

    .msg-box ul.listing li {
        padding-left: 13px;
        padding-bottom: 3px
    }

    .msg-box ul.listing:last-of-type li {
        padding-bottom: 0
    }

    .msg-box ul li:before {
        top: 2px;
        background-size: contain;
        width: 9px;
        height: 9px
    }

    .msg-box.full_width {
        padding-right: 10px
    }

    .msg-box.full_width .icon {
        display: none
    }

    .msg-box.orange ul li:before {
        top: 5px;
        background: #a55e0a
    }

    .msg-box.orange ul li {
        padding-left: 12px
    }

    .msg-box.orange ul li p {
        color: #a55e0a
    }

    .policy-type .pa-cover .GetPA.red-bg.insurer.active .custom-checkbox_red label p {
        font-size: 13px
    }

    .policy-type .premium-amount b,
    .policy-type ul.policyDetail li {
        font-size: 12px
    }

    .policy-type .premium-amount span,
    .policy-type ul.policyDetail li b {
        font-size: 13px
    }

    .policy-type .premium-amount span {
        font-weight: 400
    }

    .policy-type .GetPA.red-bg.insurer .three-boxes .box3:nth-child(2) .baxa_tip span {
        left: -100%
    }

    .msg-box ul.listing li:last-child {
        padding-bottom: 3px
    }

    .badge {
        font-size: 3.33vw;
        right: 0;
        bottom: 28px;
        padding: 0 10px;
        min-width: 0
    }

    .popup_box.insurer_sel h2 {
        font-size: 18px;
        position: relative
    }

    .popup_box.insurer_sel h2+p {
        font-size: 14px
    }

    .popup_box.insurer_sel .insurer_sel_list {
        display: flex;
        overflow: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
        margin: 5px 0 10px
    }

    .popup_box.insurer_sel .insurer_sel_list::-webkit-scrollbar {
        display: none
    }

    .popup_box.insurer_sel .insurer_sel_list li {
        float: none;
        width: 100%;
        flex: 0 0 121px;
        max-width: 121px;
        padding-top: 15px;
        padding-left: 5px
    }

    .popup_box.insurer_sel .insurer_sel_list .insurer_box {
        height: 86px;
        padding: 15px;
        display: flex;
        align-items: center;
        vertical-align: middle;
        justify-content: center
    }

    .popup_box.insurer_sel .insurer_sel_list .image_box {
        margin-bottom: 0
    }

    .popup_box.insurer_sel .insurer_sel_list .insurer_box .radio_circle {
        display: none
    }

    .not_sure_banner .show_all,
    .popup_box.insurer_sel .close-btn {
        background: none
    }

    .not_sure_banner {
        padding-left: 75px;
        position: relative;
        left: 0;
        right: 0
    }

    .not_sure_banner .image {
        width: 60px;
        height: 55px
    }

    .not_sure_banner .show_all,
    .not_sure_banner .text p {
        font-size: 12px
    }

    .not_sure_banner .text {
        display: block;
        padding-right: 0
    }

    .not_sure_banner .show_all {
        min-width: 0;
        padding: 0;
        text-decoration: underline;
        margin: 5px 0 0
    }

    .newpopup_wrapper .popup_box {
        padding: 35px 15px 10px
    }

    .newpopup_wrapper .close-btn {
        top: 0;
        right: 0
    }

    .newpopup_wrapper .popup_box {
        border-radius: 36px 36px 0 0;
        padding-left: 16px;
        padding-right: 16px;
        transform: none;
        -webkit-transform: none;
        top: auto;
        bottom: 0;
        padding-top: 44px;
        width: 100%;
        left: 0;
        min-height: 0
    }

    .newpopup_wrapper .popup_box .close-btn {
        top: 10px;
        right: 10px
    }
}

@media (max-width:320px) {
    .tooltip_wrapper .tooltip {
        right: -21px;
        width: 280px
    }

    .tooltip_wrapper .tooltip:after {
        right: 20px
    }
}

b.red {
    color: #e20606;
    font-weight: 500
}

.tc-Txt {
    display: inline-block !important;
    width: 92%;
    font-size: 11px !important;
    line-height: 18px !important;
    color: #616161 !important;
    text-transform: none
}

.modal {
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background: rgb(23 43 77/60%);
    z-index: 9
}

.masked-popUp {
    width: 400px;
    position: fixed;
    z-index: 10;
    background: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: auto;
    padding: 25px 20px 0;
    border-radius: 24px
}

.masked-popUp img {
    margin: 0 auto;
    display: block
}

.masked-popUp p {
    font-size: 18px;
    font-weight: 500;
    margin: 20px 65px 35px;
    padding: 0;
    text-align: center;
    display: block;
    color: #0e2734
}

.masked-popUp p span {
    display: block;
    font-size: 14px;
    font-weight: 400;
    padding-top: 5px
}

.masked-popUp .otpField {
    display: block;
    width: 84%;
    margin: 20px auto;
    text-align: center
}

.masked-popUp input {
    border: 1px solid #c5c5c5;
    border-radius: 6px;
    width: 95%;
    height: 54px;
    text-align: center;
    font-size: 30px;
    margin: 0 auto;
    color: #0e2734
}

.masked-popUp .btndisabled {
    background: #ccc;
    color: #fff
}

.masked-popUp .btnblue,
.masked-popUp .btndisabled {
    display: block;
    width: 80%;
    margin: 0 auto;
    height: 48px;
    border-radius: 8px;
    text-align: center;
    line-height: 46px;
    text-decoration: none
}

.masked-popUp .btnblue {
    background: #0663f6;
    color: #fff !important
}

.masked-popUp .btnresend {
    text-align: center;
    font-size: 12px;
    display: block;
    margin: 20px;
    text-decoration: none
}

.masked-popUp .btnresend a {
    color: #0563f6 !important
}

.masked-popUp .close-otp {
    font-size: 18px;
    width: 23px;
    height: 23px;
    overflow: hidden;
    text-indent: -100px;
    display: block;
    position: absolute;
    right: 20px;
    top: 20px;
    border: 1px solid #7b7b7b;
    border-radius: 50%;
    margin: 10px
}

.masked-popUp .close-otp:after,
.masked-popUp .close-otp:before {
    position: absolute;
    left: 10px;
    content: " ";
    height: 14px;
    width: 1px;
    background-color: #333;
    top: 4px
}

.masked-popUp .close-otp:before {
    transform: rotate(45deg)
}

.masked-popUp .close-otp:after {
    transform: rotate(-45deg)
}

.masked-popUp .msg-error {
    color: red
}

.masked-popUp .msg-error,
.masked-popUp .msg-error-success {
    text-align: center;
    margin: 0 auto;
    padding-top: 7px;
    font-size: 12px
}

.masked-popUp .msg-error-success {
    color: #009688
}

.clearfix:after {
    content: "";
    display: block;
    clear: both
}

.hide {
    display: none !important
}

body * {
    outline: none !important
}

article,
aside,
canvas,
details,
figcaption,
figure,
hgroup,
menu,
nav,
section,
summary {
    display: block;
    margin: 0;
    padding: 0
}

p {
    line-height: 24px
}

.container-inner {
    width: 1170px;
    margin: 0 auto;
    display: table
}

.proposal-section {
    min-height: 650px
}

.proposal-section .proposal-header {
    background: #fff;
    width: 100%;
    height: 59px;
    box-shadow: 0 2px 9px 0 hsla(0, 0%, 87.1%, .3)
}

.proposal-section .pb-logo {
    margin: 15px 0 11px;
    float: left;
    display: block
}

.proposal-section .pb-logo img {
    width: 180px;
    height: auto
}

.proposal-section .pb-logo-mob {
    display: none
}

.vehical-details-section {
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vehical-details-edit-section .vehical-name {
    text-overflow: ellipsis;
    width: 320px;
    overflow: hidden;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    color: #253858
}

.other-vehical-details {
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: normal;
    width: 354px;
    color: #8a8a8a;
    margin: 3px 0 0;
    text-overflow: ellipsis;
    width: 375px;
    overflow: hidden
}

.other-vehical-details span {
    margin-right: 5px;
    padding-left: 15px;
    position: relative
}

.other-vehical-details span:before {
    content: "";
    width: 3px;
    height: 3px;
    border-radius: 20px;
    background: #000;
    left: 5px;
    top: 6px;
    position: absolute
}

.policy-expiry-edit-section b {
    color: #8a8a8a;
    width: auto;
    display: inline-block
}

.policy-expiry-edit-section b,
.policy-expiry-edit-section span {
    font-weight: 400;
    font-size: 14px
}

.policy-expiry-edit-section em {
    font-weight: 300;
    font-style: normal;
    color: #8a8a8a
}

.contact-edit_wrap {
    max-width: 33.8%;
    flex: 0 0 33.8%;
    position: relative
}

.contact-edit_wrap:after,
.contact-edit_wrap:before {
    content: "";
    display: block;
    width: 2px;
    height: 32px;
    background: #e6efff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.contact-edit_wrap:before {
    left: 0
}

.contact-edit_wrap:after {
    right: 0
}

.contact-edit-section {
    padding: 0 22px;
    position: relative;
    font-weight: 400;
    font-size: 13px
}

.contact-detail {
    float: left;
    width: calc(100% - 57px);
    padding-top: 10px
}

.contact-detail.editable div,
.contact-detail.editableMob div {
    font-weight: 700;
    color: #000;
    display: inline-block;
    width: 100%;
    position: relative
}

.contact-detail.editable div b+div,
.contact-detail.editableMob div b+div {
    width: 76%;
    float: left
}

.contact-detail.editable div input[type=text] {
    font-weight: 400;
    border: none;
    border-bottom: 1px solid #fff;
    font-size: 14px;
    color: #000;
    background: #fff;
    width: 94%;
    font-family: inherit
}

.contact-detail.editableMob div input[type=text] {
    font-family: inherit;
    width: 96%;
    font-weight: 400;
    color: #494646;
    border: none;
    border-bottom: 1px solid #d8d8d8;
    background: #fff;
    font-size: 14px
}

.contact-detail div b {
    width: 68px;
    float: left;
    font-size: 14px;
    font-weight: 400;
    color: #8a8a8a
}

.contact-detail div em {
    font-weight: 300;
    font-style: normal;
    color: #8a8a8a
}

.contact-detail div:first-child {
    margin: 0 0 2px
}

.contact-detail span {
    font-weight: 400;
    color: #494646
}

.contact-edit-section .contact-detail .error-messaqe {
    position: absolute;
    color: red;
    width: auto;
    border-radius: 3px;
    padding: 2px 7px 0;
    right: 0;
    line-height: 10px
}

.contact-edit-section .error-messaqe div,
.error-tc {
    color: red;
    font-size: 10px;
    font-weight: 400
}

.error-tc,
.pg-submit .error-messaqe {
    padding: 0 0 0 22px
}

.proposal-form {
    max-width: 1170px;
    width: 100%;
    margin: 0 auto
}

.proposal-form:after {
    content: "";
    display: block;
    clear: both
}

.proposal-form h2 {
    font-size: 18px;
    color: #000;
    font-weight: 500;
    margin: 12px 0 0
}

.proposal-form h2 span {
    font-size: 14px;
    font-weight: 400
}

.proposalLeft {
    float: left;
    width: 61%
}

.proposalLeft .left_side {
    width: calc(100% - 250px);
    float: left
}

.proposalLeft .right_side {
    width: 250px;
    float: left;
    padding-left: 21px
}

.timer {
    display: block;
    width: 222px;
    background: #eef6ff;
    border: 1px solid #c0d0e0;
    border-radius: 4px;
    padding: 10px 20px;
    box-shadow: 0 2px 3px -2px #b3b3b3;
    clear: both;
    float: right;
    margin-bottom: 10px
}

.timer,
.timer h2 {
    font-size: 13px;
    color: #616161
}

.timer h2 {
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    margin-bottom: 5px;
    font-weight: 600;
    text-align: center;
    margin-top: 0
}

.timer ul {
    width: 100%;
    display: table;
    text-align: center
}

.timer ul li {
    display: inline-block;
    color: red;
    font-size: 20px;
    margin-right: 7px;
    font-weight: 600
}

.timer ul li span {
    display: block;
    font-size: 12px;
    color: grey;
    text-align: left;
    font-weight: 400
}

.msg-expire {
    float: right;
    width: 173px;
    background: #fff6f6 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjYyMDE0MkE2RDBBMDExRTk4MjI3RDBFRkVCNkExMkVBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjYyMDE0MkE3RDBBMDExRTk4MjI3RDBFRkVCNkExMkVBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjIwMTQyQTREMEEwMTFFOTgyMjdEMEVGRUI2QTEyRUEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjIwMTQyQTVEMEEwMTFFOTgyMjdEMEVGRUI2QTEyRUEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7VRxrKAAADwElEQVR42rSWeYhPURTHz7m/nyViLH8YFDGGpEmI7EshS4r8ISXZimxjGZJ1NNkSfyiEKEpRFIbQz5KlSJQoiUmym8RYS/ze8bnv934zhjHzk3HrvHfuveec7znnnvPu0zvd88RM6iYtWCMi41S0aSD2Bf5WTHSRc/pMqhlBYK1NZKuJ9WTaQEXeiughp7pBVb7l3bojLhlYAwCK2eyL0BynkutEH0MjTLRxuTGzVsh2h7phuFU5ikp9dIfCleBgRxbmeluAHvHOexGH1yvZrBdzbkjcuYsYW4IQRjQHTzQw2Qs9YX6X+RHoKF7etsAeAbYX2e+s5cZUc5xIQczpBaIfKSZZZlYQgkATRGyFnySDYDPGJhHNTBXbiGACgSSGprCdg/FcqAPedxQvo+r1r0GboGmkbTKGPQ8rK6Hx3m4cA01w+DZeFQIwDoBCJHazd0VTxj5pmJVwZKMeMCkFIME8IabNmG9hfaeorSJFqwH6gDPbyEqzEAT6SMqOcwYtAChCeC1nsco5OfjbIZvMR87SkUdnwkHL1DASkzXqnTQpAGAwa59DEDRuEPNwNoexeQAPlwN2qKpKwrvmYSRVDZV9PrU4sgxbpE18pKdSkZjMxXCcxXWk7bL+ASAaSYzZH3dV9wPUn8qagaN5QepsxNWJuVK4RvCjACiQ6odFVN2gOnUMEdUn8pfp6vJ6C3kU4+VHqXm4andVyniehuaVK5AmItPe8McyANAMIkHATpKVAWmHXGBBWxZj8A8zAEmCk8xArsR3O6XcMuoTzfLV6X5NlWkbnuvxPWoR+RY2l1qiplhQ+YTjtJ40Zfo8nirNMCz7LWqVNynvwz0Ptge6mEG6wv51kXsepJTQ+PTQAyIvK9yxpzwXVFlfNR9clvketLAIhG+ZvuKQvsJ3ktobnYniK8ZfpMpR/ddCLvm7pLYQsDcWOu/POp0uH+AOFq9ze2WTtlf/hmC+YAZBAys1Ful6wO4JqmJ3LUSxizOhT7Skqu7NT5p14es5+x+iyAegHUBLf16OV3zb9L2aTUfoHE3EVLf/nX1bzGsj+kPQLatUbf5HIvohaIgH5xAPqIY6FMQTf7uhcL8G4115FWG8PfplUT+NTgOFPxLRT0I2F9dNdt9w1/eji/qQ3NesJ7ggiqFZONELi22hdvB9uePz4c/SC2egx9jugeEB6H1mfhWZlpUi+R4ERfC9+ZEY/nO7ced3or4nUhi+Wtr4JtPwZpR30DPmV/D7MMbvVUQWfrPOsH6ZHiz0kXAMJv97/BBgAPVEkTAMLXOcAAAAAElFTkSuQmCC) no-repeat 8px 9px;
    margin: 0 30px 10px 0
}

.msg-comm {
    float: right;
    clear: both;
    margin: 0 0 10px;
    width: 185px;
    background: #fff4d6;
    border: 1px solid #ffc107;
    color: #795548;
    border-radius: 4px;
    padding: 10px 20px 10px 24px;
    box-shadow: 0 2px 3px -2px #b3b3b3;
    font-size: 12px
}

.msg-comm,
.msg-expire {
    width: 221px;
    float: none;
    margin: 14px 0 10px;
    display: block;
    box-sizing: border-box
}

.msg-expire {
    clear: both;
    margin: 14px 0 10px;
    width: 221px;
    background: #fff6f6 url(https://static.pbcdn.in/car-cdn/ang/assets/car/images/clock.png) no-repeat 8px 9px;
    border: 1px solid #fd9999;
    color: #e20606;
    border-radius: 4px;
    padding: 14px 6px 14px 40px;
    box-shadow: 0 2px 3px -2px #b3b3b3;
    font-size: 12px
}

.msg-expire.valign-center {
    background-position: 8px !important
}

.msg-expire p {
    font-size: inherit;
    line-height: normal;
    font-weight: 400
}

.tooltip_wrapper {
    border: 1px solid #696969;
    border-radius: 50%;
    -webkit-transform: translateZ(0);
    position: relative;
    left: 5px;
    font-size: 8px;
    font-weight: 700;
    cursor: pointer;
    top: -1px;
    z-index: 2;
    display: inline-block;
    line-height: 12px;
    width: 14px;
    height: 14px;
    text-align: center
}

.tooltip_wrapper em {
    font-style: normal;
    font-weight: 700;
    color: #696969;
    font-size: 9px;
    line-height: 10px
}

.tooltip_wrapper .tooltip {
    top: 100%;
    display: table;
    text-align: left
}

.tooltip_wrapper:hover .tooltip {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0)
}

.btn_tooltip,
.tooltip_wrapper .tooltip {
    background: #808b8b;
    top: 100%;
    display: block;
    right: -49px;
    margin-bottom: 10px;
    opacity: 0;
    padding: 10px;
    pointer-events: none;
    position: absolute;
    width: 300px;
    transform: translateY(10px);
    transition: all .25s ease-out;
    -ms-box-shadow: 0 2px 9px 0 hsla(0, 0%, 64.7%, .36);
    -o-box-shadow: 0 2px 9px 0 hsla(0, 0%, 64.7%, .36);
    box-shadow: 0 2px 9px 0 hsla(0, 0%, 64.7%, .36);
    font-size: 11px;
    line-height: 17px;
    z-index: 999;
    letter-spacing: .3px;
    text-align: left;
    color: #fff;
    border-radius: 6px;
    color: #fff !important;
    font-weight: 300;
    left: auto
}

.btn_inner {
    position: relative
}

.btn_tooltip {
    left: 50%;
    font-size: 14px;
    width: auto;
    right: auto
}

.btn_inner .btn-nxt:hover+.btn_tooltip {
    opacity: 1
}

.tooltip_wrapper .tooltip:before {
    bottom: -20px;
    content: " ";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%
}

.tooltip_wrapper .tooltip:after {
    top: -7px;
    left: auto;
    top: -12px;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border: 6px solid rgba(136, 183, 213, 0);
    border-bottom-color: #818c8c;
    margin-left: -6px;
    right: 48px
}

.zeroDep-tooltip {
    box-sizing: border-box;
    width: 221px;
    padding: 10px 16px
}

.zeroDep-tooltip .tooltip_wrapper {
    display: inline-block
}

.proposalLeft .inner-division {
    background: #fff;
    box-shadow: 0 0 38px 0 rgba(181, 193, 202, .66);
    margin: 10px 0 0;
    border-radius: 12px;
    position: relative;
    padding: 20px 30px 110px
}

.proposalLeft textarea {
    resize: none
}

.form-group {
    margin-bottom: 18px
}

.form-group h3 {
    font-size: 13px;
    font-weight: 600;
    color: #000;
    margin: 0 0 8px
}

.form-group ul {
    line-height: 10px
}

.form-group ul li {
    display: inline-block;
    width: 120px;
    font-size: 12px;
    color: #000;
    position: relative
}

.form-group ul li input[type=radio] {
    position: absolute;
    visibility: hidden
}

.form-group ul li label {
    display: block;
    position: relative;
    font-weight: 400;
    font-size: 13px;
    padding: 0 0 0 25px;
    margin: 0 auto;
    height: auto;
    z-index: 2;
    cursor: pointer;
    line-height: 14px;
    color: #4e4d4d
}

.form-group ul li .check {
    display: block;
    position: absolute;
    border: 1px solid silver;
    border-radius: 100%;
    height: 14px;
    width: 14px;
    top: 0;
    left: 0;
    z-index: 0
}

.form-group ul li .check:before {
    display: block;
    position: absolute;
    content: "";
    border-radius: 100%;
    height: 8px;
    width: 8px;
    top: 2px;
    left: 0;
    right: 0;
    margin: auto;
    transition: background .25s linear;
    -webkit-transition: background .25s linear
}

.form-group input[type=radio]:checked~.check {
    border: 1px solid #2b90f7
}

.form-group input[type=radio]:checked~.check:before {
    background: #2196f3
}

.form-group input[type=radio]:checked~label {
    color: #2291ff
}

.form-group ul.title li input[type=radio] {
    position: absolute;
    visibility: hidden
}

.form-group ul.title li:hover label {
    color: #4e4e4e
}

.form-group ul.title li .check:before {
    display: block;
    position: absolute;
    content: "";
    border-radius: 100%;
    height: 8px;
    width: 8px;
    top: 3px;
    left: 3px;
    margin: auto;
    transition: background .25s linear;
    -webkit-transition: background .25s linear
}

.form-group ul.title li input[type=radio]:checked~.check {
    border: 1px solid #2196f3
}

.form-group ul.title li input[type=radio]:checked~.check:before {
    background: #2196f3;
    display: none
}

.floating-label {
    position: absolute;
    top: 1px;
    left: 1px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1
}

.floating-label-field {
    color: rgba(44, 62, 80, .75);
    border-width: 0
}

.floating-label-field:focus {
    outline: 0;
    box-shadow: 0
}

.floating-label-field::-webkit-input-placeholder {
    color: rgba(44, 62, 80, .5)
}

.floating-label-field::-ms-input-placeholder {
    color: rgba(44, 62, 80, .5)
}

.floating-label-field::placeholder {
    color: rgba(44, 62, 80, .5)
}

.floating-label,
.floating-label-field {
    font: inherit;
    display: block;
    width: 100%;
    font-size: 13px;
    color: rgba(0, 0, 0, .45)
}

.floating-label-wrap {
    position: relative;
    margin-bottom: 18px
}

.floating-label-wrap.phone {
    width: 47%;
    display: inline-block;
    margin-right: 5%;
    vertical-align: top
}

.floating-label-wrap.email {
    width: 44%;
    display: inline-block;
    vertical-align: top
}

.floating-label-wrap.email input {
    height: 62px
}

.floating-label-wrap.nominee {
    width: 46%;
    vertical-align: top;
    margin-right: 0
}

.floating-label-field--s1 {
    transition: border-color .25s ease-in-out;
    border-radius: 4px;
    color: #000;
    border: 1px solid #d8d8d8;
    background-color: initial
}

.floating-label-field--s1+.floating-label {
    transition: transform .25s, opacity .25s ease-in-out;
    transform-origin: 0 0;
    opacity: .5
}

.floating-label-field--s1:focus,
.floating-label-field--s1:not(:placeholder-shown) {
    border-color: #1e8fff
}

.floating-label-field--s1:focus+.floating-label,
.floating-label-field--s1:not(:placeholder-shown)+.floating-label {
    transform: translate(.25em, -47%);
    opacity: 1;
    font-size: 13px;
    top: 0;
    margin: 14px 0 0 -1px;
    color: rgba(0, 0, 0, .5);
    width: auto;
    padding: 3px 8px 6px
}

.floating-label-field--s1:valid:not(:placeholder-shown),
.renewal_proposal .floating-label-field--s1:valid:not(:placeholder-shown) {
    border-color: rgba(46, 213, 115, .7)
}

#contactAddress:not(.focusField)+.floating-label {
    background: #fff;
    width: 95%
}

#contactAddress.withError+.floating-label {
    background: transparent
}

.floating-label-field--s2 {
    transition: background-color .25s ease-in-out;
    border: 2px solid #fff;
    border-radius: 5px;
    background-color: #fff
}

.floating-label-field--s2+.floating-label {
    visibility: hidden;
    transition: transform .25s, visibility .5s, opacity .5s ease-in-out;
    opacity: 0
}

.floating-label-field--s2:focus+.floating-label,
.floating-label-field--s2:not(:placeholder-shown)+.floating-label {
    visibility: visible;
    transform: translateY(-80%);
    opacity: .5
}

.floating-label-field--s2:valid:not(:placeholder-shown) {
    border-color: #adefc8;
    background-color: #adefc8
}

.floating-label-field--s2:invalid {
    border-color: #ffe0e3;
    background-color: #ffe0e3
}

.floating-label-field--s3 {
    padding: 1.5em;
    transition: border-color .25s ease-in-out;
    color: hsla(0, 0%, 100%, .75);
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 5px;
    background-color: initial
}

.floating-label-field--s3+.floating-label {
    position: absolute;
    top: .75em;
    left: .75em;
    display: inline-block;
    width: auto;
    margin: 0;
    padding: .75em;
    transition: transform .25s, opacity .25s, padding .25s ease-in-out;
    transform-origin: 0 0;
    color: hsla(0, 0%, 100%, .5)
}

.floating-label-field--s3:focus,
.floating-label-field--s3:not(:placeholder-shown) {
    border-color: hsla(0, 0%, 100%, .1)
}

.floating-label-field--s3:focus+.floating-label,
.floating-label-field--s3:not(:placeholder-shown)+.floating-label {
    z-index: 2500;
    padding: .75em;
    transform: translateY(-2em) scale(.9);
    color: hsla(0, 0%, 100%, .25);
    background-color: #2c3e50
}

.floating-label-field--s1,
.floating-label-field--s1+.floating-label,
.floating-label-field--s2,
.floating-label-field--s2+.floating-label,
.floating-label-wrap.city md-autocomplete-wrap input {
    padding: 22px 10px 4px 15px;
    font-size: 15px;
    width: 100%
}

.floating-label-field--s1+.floating-label,
.floating-label-field--s2+.floating-label {
    z-index: 1;
    padding: 10px 10px 10px 5px;
    color: #000;
    font-weight: 400
}

.floating-label-field--s1::-webkit-input-placeholder,
.floating-label-field--s3::-webkit-input-placeholder,
.floating-label-wrap.city input::-webkit-input-placeholder {
    color: transparent
}

.floating-label-field--s1::-ms-input-placeholder,
.floating-label-field--s3::-ms-input-placeholder,
.floating-label-wrap.city input::-ms-input-placeholder {
    color: transparent
}

.floating-label-field--s1::placeholder,
.floating-label-field--s3::placeholder,
.floating-label-wrap.city input::placeholder {
    color: transparent
}

.floating-label-field.error {
    background: #fef2f4;
    border: 1px solid #fc4804
}

.floating-label-wrap.dob {
    max-width: 290px
}

.floating-label-wrap select {
    padding: 10px 20px 10px 10px;
    -webkit-appearance: none;
    height: 48px;
    font-size: 15px;
    background: url(https://static.pbcdn.in/car-cdn/ang/assets/car/images/arrow-downn.png) no-repeat 35px 18px;
    border: 1px solid #d8d8d8;
    font-weight: 400;
    font-family: inherit;
    color: #000;
    border-radius: 4px
}

.floating-label-wrap select.selected,
.renewal_proposal .floating-label-wrap select.selected {
    color: #000;
    border-color: rgba(46, 213, 115, .7)
}

.floating-label-wrap .react-datepicker__month-select,
.floating-label-wrap .react-datepicker__year-select {
    padding: 0;
    -webkit-appearance: none;
    height: auto;
    font-size: 15px;
    background: none;
    border: none
}

.floating-label-wrap.dob .dd {
    background-position: 83%;
    width: 100%
}

.floating-label-wrap.dob .mm {
    background-position: 92%;
    width: 100%
}

.floating-label-wrap.dob .yy {
    background-position: 88%;
    width: 100%
}

.floating-label-wrap.dob select {
    height: 39px;
    font-size: 13px
}

.floating-label-wrap.dob .day {
    width: 54px;
    display: inline-block;
    vertical-align: top;
    margin-right: 5px
}

.floating-label-wrap.dob .month {
    width: 124px;
    display: inline-block;
    vertical-align: top;
    margin-right: 5px
}

.floating-label-wrap.dob .year {
    width: 68px;
    display: inline-block;
    vertical-align: top;
    margin-right: 5px
}

.floating-label-wrap.reg-no .input_box {
    position: relative
}

.floating-label-wrap.reg-no .rtoTxt {
    position: absolute;
    left: 0;
    top: 1px;
    width: 68px;
    background: #f1f1f1;
    height: 96%;
    border-radius: 4px 0 0 4px;
    line-height: 48px;
    padding-left: 8px;
    font-size: 14px;
    left: 1px;
    bottom: 1px;
    font-weight: 600;
    color: #000;
    padding-right: 8px
}

.floating-label-wrap.regDate {
    width: 60%
}

.floating-label-wrap.reg-no {
    width: 60%;
    display: inline-block
}

.floating-label-wrap.reg-no input.floating-label-field--s1::-ms-input-placeholder {
    opacity: 1;
    color: rgba(0, 0, 0, .5)
}

.floating-label-wrap.reg-no input.floating-label-field--s1::placeholder {
    opacity: 1;
    color: rgba(0, 0, 0, .5)
}

.floating-label-wrap.reg-no input.floating-label-field--s1::-webkit-input-placeholder {
    opacity: 1;
    color: rgba(0, 0, 0, .5)
}

.floating-label-wrap.reg-no input.floating-label-field--s1::-moz-placeholder {
    opacity: 1;
    color: rgba(0, 0, 0, .5)
}

.floating-label-wrap.reg-no .floating-label {
    padding-left: 70px
}

.floating-label-wrap .labelTxt {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #000;
    margin: 0 0 8px
}

.floating-label-wrap.reg-no input {
    padding: 6px 5px;
    border-radius: 4px;
    border: 1px solid #d8d8d8;
    width: 100%;
    text-indent: 68px;
    height: 48px;
    font-size: 14px
}

.floating-label-wrap.nominee select,
.floating-label-wrap select {
    width: 100%;
    background-position: 96%
}

.edit {
    position: absolute;
    right: -3px;
    top: 5px;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 500;
    z-index: 10;
    display: block;
    cursor: pointer
}

.right_sidebar {
    float: right;
    vertical-align: top;
    width: 35%
}

.proposalRight h2 {
    font-size: 16px;
    font-weight: 600;
    padding: 15px 20px 10px
}

.policy-type:after {
    content: "";
    display: block;
    clear: both
}

.floating-label-wrap.registryDate {
    width: 100%
}

.quote-tile {
    border-bottom: 1px solid #dde1e2;
    padding-bottom: 15px
}

.policy-type img {
    float: left;
    height: auto;
    margin: 16px 10px 0 20px;
    max-width: 127px
}

.policy-type ul.policyDetail {
    float: right;
    font-size: 12px;
    width: 58%;
    color: #000;
    margin: 16px 10px 0 0
}

.policy-type ul.policyDetail li {
    width: 100%;
    font-size: 11px;
    margin-bottom: 9px;
    color: #616161;
    text-transform: capitalize;
    font-weight: 300
}

.policy-type ul.policyDetail li b {
    float: right;
    font-size: 14px;
    color: #000;
    font-weight: 600;
    line-height: 17px
}

.policy-type ul.policyDetail li b.premium {
    font-size: 18px;
    color: #fc4804;
    font-weight: 500
}

.feature {
    width: 100%;
    border-top: 1px solid #dde1e2;
    clear: both;
    color: #000;
    margin-top: -1px;
    border-bottom: 1px solid #dde1e2
}

.feature,
.feature h3 {
    font-size: 14px;
    font-weight: 500
}

.feature h3 {
    padding: 14px 25px;
    background: #fff url(https://static.pbcdn.in/car-cdn/ang/assets/car/images/arrow-downn.png) no-repeat 94% 18px;
    line-height: 16px;
    transition: .4s
}

.feature.expand h3 {
    background: #fff url(https://static.pbcdn.in/car-cdn/ang/assets/car/images/arrow-upp.png) no-repeat 94% 18px
}

.feature h4 {
    font-size: 12px;
    font-weight: 500;
    padding: 5px 25px;
    margin-bottom: 5px
}

.feature ul li {
    font-size: 12px;
    color: #737373;
    position: relative;
    display: inline-block;
    margin-right: 10px
}

.feature ul.planfeatures {
    padding: 0 25px
}

.feature ul.planfeatures li:before {
    content: "";
    width: 3px;
    height: 3px;
    border-radius: 20px;
    background: #000;
    left: 2px;
    top: 6px;
    position: absolute
}

.feature ul.planfeatures li {
    padding-left: 10px;
    margin-bottom: 10px
}

.feature ul.addons {
    padding-left: 25px
}

.feature ul.addons li {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKBAMAAAB/HNKOAAAAJ1BMVEUAAACQ21iR3VuR2liR3ViQ3VmQ21mQ3FiS3FiR3VmQ3VWJ102Q3Fr1s2WSAAAADHRSTlMAomDJhXa+qIxSOhiZhdfDAAAAMElEQVQI12MAAW4wqQgiWI+BSB8BhgUMTCcYGA4yzClgYNAxPQgUZDljAJJTZoABAML8BtA8oAZ6AAAAAElFTkSuQmCC) no-repeat 1px 4px;
    padding-left: 18px;
    margin-bottom: 10px
}

.inspection,
.pad_leftright {
    padding: 0 25px
}

.inspection {
    margin: 10px auto
}

.pad_leftright .inspection {
    padding: 0 !important
}

.inspection .inner_cont {
    font-size: 12px;
    border: 1px dashed #c0d0e0;
    background: #eef6ff;
    text-align: left;
    color: #616161;
    padding: 10px 15px 7px
}

.kycDisclaimer {
    margin: 0 auto 20px
}

.kycDisclaimer .inner_cont {
    font-size: 12px;
    border: 1px dashed #c0d0e0;
    background: #eef6ff;
    text-align: left;
    color: #616161;
    padding: 10px 15px 7px
}

.kycDisclaimer .nextstep {
    display: inline-block;
    background: #f7ffd6;
    border-radius: 30px 90px 90px 0;
    padding: 3px 10px;
    font-size: .7rem;
    font-weight: 500;
    position: relative;
    top: 7px;
    left: 6px
}

.inspection.lltp .inner_cont {
    background: none;
    border-color: #ccc
}

.selfInspMsg {
    font-size: 11px;
    font-weight: 400;
    color: #f5a941;
    width: auto;
    margin: 8px 0 0;
    border-radius: 4px
}

.left_side .button_wrap,
.proposalLeft .button_wrap {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 20px
}

#btnProposalFirstNext,
.proposalLeft .btn-nxt {
    border-radius: 4px;
    background-color: #ff5630 !important;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    display: inline-block;
    margin: 10px auto 0;
    text-align: center;
    box-shadow: 0 7px 15px -3px #cacaca !important;
    min-height: 0;
    line-height: normal;
    position: relative;
    background-image: url(https://static.pbcdn.in/car-cdn/ang/assets/car/images/btn-arrow-right.png);
    background-repeat: no-repeat;
    background-position: 85%;
    padding: 13px 37px;
    background-position: 93%;
    width: 285px;
    text-transform: uppercase;
    border: none;
    font-style: inherit;
    cursor: pointer
}

#btnProposalFirstNext.blue-payment-button,
#btnProposalSecondNext.blue-payment-button,
#btnProposalSummaryNext.blue-payment-button,
#btnProposalThirdNext.blue-payment-button {
    background-color: #0065ff !important
}

.btn-nxt.loading {
    cursor: not-allowed;
    pointer-events: none
}

.btn-nxt.loading:after {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    background-image: url(https://static.pbcdn.in/commercialvehicle-cdn/images/loader.gif);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.btn-nxt.loading {
    background-image: none !important
}

.btn-nxt:hover {
    color: #fff
}

.btnLink {
    font-size: 12px;
    text-decoration: underline;
    display: table;
    margin: 15px auto 0;
    color: #174cff
}

.custom-checkbox {
    position: relative;
    padding-left: 22px
}

.custom-checkbox input[type=checkbox] {
    position: absolute;
    left: 0;
    top: 6px
}

.custom-checkbox label {
    font-size: 13px;
    line-height: 20px;
    color: #616161;
    display: block;
    margin-bottom: 5px
}

.footer {
    border-top: 1px solid #dfe5ea;
    width: 100%;
    margin: 100px auto 0;
    padding: 20px 0 15px
}

.footer a {
    margin-bottom: 3px
}

.footer .orange-text {
    color: #f68630
}

.md-dialog-container {
    position: fixed;
    z-index: 10000
}

md-dialog.transition-in {
    opacity: 1;
    transition: all .4s cubic-bezier(.25, .8, .25, 1);
    transform: translateZ(0) scale(1)
}

.landing-modal md-dialog {
    max-height: 100%
}

md-dialog {
    opacity: 0;
    position: relative;
    box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .14), 0 16px 24px 2px rgba(0, 0, 0, .098), 0 6px 30px 5px rgba(0, 0, 0, .084);
    width: 490px;
    position: fixed;
    left: 50%;
    top: 50%;
    height: auto;
    margin: -200px 0 0 -200px;
    padding: 25px 45px;
    overflow: visible;
    display: block
}

md-dialog md-dialog-content {
    padding: 0
}

md-backdrop.md-opaque.md-default-theme {
    background-color: rgba(0, 0, 0, .4)
}

md-backdrop.md-dialog-backdrop {
    z-index: 79
}

md-backdrop {
    z-index: 50;
    background-color: initial;
    position: absolute;
    height: 100%;
    left: 0;
    right: 0
}

.popup.tracking-popup {
    z-index: 100
}

.popup.tracking-popup p {
    color: #212121;
    text-align: center;
    padding: 20px 0
}

.popup.tracking-popup .ok-btn {
    display: table;
    width: 147px;
    height: 42px;
    background: #ff5630;
    color: #fff;
    border: none;
    border-radius: 4px;
    font-size: 18px;
    margin: 30px auto 20px
}

.upper-section {
    text-align: center;
    height: 50%
}

.popup.expert .phone-icon {
    font-size: 18px;
    color: #2684ff;
    padding: 0 0 30px;
    position: relative;
    line-height: 22px
}

.popup.expert .phone-icon span {
    display: block;
    font-size: 11px;
    color: #616161
}

#ringer {
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    margin: 0 auto
}

.circle {
    background-color: #00bfff;
    width: 60px;
    height: 60px
}

.item {
    z-index: 100;
    padding: 5px;
    width: 48px;
    height: 48px;
    border-radius: 30px;
    background: #e8f1fe url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggTWFjaW50b3NoIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2ODlCREU0NzY2NTExRTk4OUY3ODRFMkY3QzA0QUZCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2ODlCREU1NzY2NTExRTk4OUY3ODRFMkY3QzA0QUZCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTY4OUJERTI3NjY1MTFFOTg5Rjc4NEUyRjdDMDRBRkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTY4OUJERTM3NjY1MTFFOTg5Rjc4NEUyRjdDMDRBRkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7vD/1BAAABzElEQVR42mIJm/f9/8WnDChAUYiBodOflZGFiYFkwHTlKabg/XcMDEXrfmsxkAGYOFmxS/BxM8iSZaAgN3YJdmZGE7IMlOJnxCrBysgQR5aBf/8xrMIm8fc/gxpZBn759X8GuiA3MFy//2dwIcvANh/W/ZJ8qIbJCDK4tLiz7CXLQBAhI8S4DiagJMoQ2u7LSpZhcAP33PyXwAVNPpysjMUMFACwgXuz2D5rSTCuAbHPPvxvUbnltzVFBoJAmTNLqKwAMHaB7E/fGI64TvklTJGBLMwMDBzsDJZsQPr5ZwYGMwXGN9rxP0nOzYxXn/1BEWje+af0wpP/Xf+BbE1xBoZTD/6L7M5he4uspmrLb0cOFsZ9QMtv/f7PsOjn3/9nPn1leNwXxHoNw0AQaN31p+/c4/+FIEMleYH5movBpt2H9ShIrnLzb+cn7xn2fP2N6TpQKYXVQJhLrz7/3/ULGKjAUGAwlmc88f33/957rxlWYzMMp5eRQfmW3xY/fjIcf/yBgjBEB3+ALuza+2f1tRf/Q779JiGWcQFQ7Fe5sYQ+//Kfz1SBcR1yNiXLhdgAKJZ52BgzmJkYwp59/M/w/iuwMAG6XkeagQEgwAAym6JXifCYbgAAAABJRU5ErkJggg==) no-repeat 15px 16px
}

.circle {
    border-radius: 50%;
    background-color: rgba(38, 132, 255, .6);
    width: 70px;
    height: 70px;
    position: absolute;
    opacity: 0;
    -webkit-animation: scaleIn 4s cubic-bezier(.36, .11, .89, .32) infinite;
    animation: scaleIn 4s cubic-bezier(.36, .11, .89, .32) infinite
}

@-webkit-keyframes scaleIn {
    0% {
        transform: scale(.5);
        opacity: .5
    }

    to {
        transform: scale(1.5);
        opacity: 0
    }
}

@keyframes scaleIn {
    0% {
        transform: scale(.5);
        opacity: .5
    }

    to {
        transform: scale(1.5);
        opacity: 0
    }
}

.popup.expert .lower-section {
    width: 100%;
    display: table;
    border-top: 1px solid #e2e2e2
}

.popup.expert .lower-section p {
    color: #212121;
    font-size: 15px;
    font-weight: 500;
    padding: 12px 0;
    margin: 0
}

.popup.expert .numbers li {
    float: left;
    width: 50%;
    font-size: 14px;
    font-weight: 500;
    color: #212121
}

.popup.expert .numbers li .call {
    color: #2684ff;
    font-size: 16px;
    display: block;
    margin: 4px 0 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggTWFjaW50b3NoIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2ODlCREU0NzY2NTExRTk4OUY3ODRFMkY3QzA0QUZCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2ODlCREU1NzY2NTExRTk4OUY3ODRFMkY3QzA0QUZCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTY4OUJERTI3NjY1MTFFOTg5Rjc4NEUyRjdDMDRBRkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTY4OUJERTM3NjY1MTFFOTg5Rjc4NEUyRjdDMDRBRkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7vD/1BAAABzElEQVR42mIJm/f9/8WnDChAUYiBodOflZGFiYFkwHTlKabg/XcMDEXrfmsxkAGYOFmxS/BxM8iSZaAgN3YJdmZGE7IMlOJnxCrBysgQR5aBf/8xrMIm8fc/gxpZBn759X8GuiA3MFy//2dwIcvANh/W/ZJ8qIbJCDK4tLiz7CXLQBAhI8S4DiagJMoQ2u7LSpZhcAP33PyXwAVNPpysjMUMFACwgXuz2D5rSTCuAbHPPvxvUbnltzVFBoJAmTNLqKwAMHaB7E/fGI64TvklTJGBLMwMDBzsDJZsQPr5ZwYGMwXGN9rxP0nOzYxXn/1BEWje+af0wpP/Xf+BbE1xBoZTD/6L7M5he4uspmrLb0cOFsZ9QMtv/f7PsOjn3/9nPn1leNwXxHoNw0AQaN31p+/c4/+FIEMleYH5movBpt2H9ShIrnLzb+cn7xn2fP2N6TpQKYXVQJhLrz7/3/ULGKjAUGAwlmc88f33/957rxlWYzMMp5eRQfmW3xY/fjIcf/yBgjBEB3+ALuza+2f1tRf/Q779JiGWcQFQ7Fe5sYQ+//Kfz1SBcR1yNiXLhdgAKJZ52BgzmJkYwp59/M/w/iuwMAG6XkeagQEgwAAym6JXifCYbgAAAABJRU5ErkJggg==) no-repeat 0 5px/14px;
    padding-left: 20px
}

.popup.expert .registered {
    display: table;
    clear: both;
    margin: 35px auto 0;
    width: 100%;
    text-align: center;
    color: #696969;
    font-size: 12px
}

.addon-close {
    width: 28px;
    height: 28px;
    display: block;
    position: absolute;
    top: 0;
    right: -32px;
    cursor: pointer
}

.addon-close span {
    display: none
}

.addon-close:after,
.addon-close:before {
    position: absolute;
    left: 12px;
    top: 0;
    content: " ";
    height: 28px;
    width: 3px;
    background-color: #fff;
    border-radius: 8px
}

.addon-close:before {
    transform: rotate(45deg)
}

.addon-close:after {
    transform: rotate(-45deg)
}

.floating-label-wrap.city {
    width: 53%;
    display: inline-block;
    margin-right: 3%;
    vertical-align: top
}

.floating-label-wrap.city input,
.floating-label-wrap.city md-autocomplete-wrap input {
    padding-left: 10px;
    padding-right: 36px;
    box-shadow: none !important;
    transition: border-color .25s ease-in-out;
    border-radius: 4px;
    color: #000;
    border: 1px solid #d8d8d8;
    background-color: initial;
    line-height: normal;
    height: 48px;
    font-weight: 400;
    font-family: inherit;
    font-size: 15px;
    position: relative;
    z-index: 4
}

.floating-label-wrap.city md-autocomplete-wrap input:disabled {
    z-index: 3
}

.floating-label-wrap.city md-autocomplete {
    background: transparent;
    height: auto
}

.floating-label-wrap.city md-autocomplete-wrap {
    box-shadow: none;
    height: auto
}

.floating-label-wrap.city md-autocomplete button {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-family: inherit;
    apperance: none;
    -webkit-apperance: none;
    border: none;
    background: transparent;
    font-size: 10px;
    height: 46px;
    text-transform: uppercase;
    z-index: 4;
    cursor: pointer
}

.floating-label-wrap.city md-autocomplete-wrap input:focus,
.floating-label-wrap.city md-autocomplete-wrap input:not(:placeholder-shown) {
    border-color: #1e8fff
}

.floating-label-wrap.city md-autocomplete-wrap input:not(:placeholder-shown),
.renewal_proposal .floating-label-wrap.city md-autocomplete-wrap input:not(:placeholder-shown) {
    border-color: rgba(46, 213, 115, .7)
}

.floating-label-wrap.city md-autocomplete button .md-visually-hidden,
.floating-label-wrap.city md-autocomplete button md-icon {
    display: none
}

.floating-label-wrap.city button.ng-scope:after {
    content: "Edit";
    display: block;
    color: #1596fe;
    font-weight: 400;
    background: none;
    position: static;
    width: auto;
    height: auto;
    opacity: 1;
    transform: none;
    -webkit-transform: none
}

.msg_info {
    font-size: 11px;
    line-height: 14px;
    font-style: italic;
    color: #757575;
    display: block;
    margin-top: 5px;
    font-weight: 400
}

.error {
    font-size: 11px;
    color: red
}

.floating-label-wrap.city .withError md-autocomplete-wrap input,
.withError,
.withError .css-bg1rzq-control,
input.withError,
select.withError,
textarea.withError {
    background-color: rgba(255, 71, 87, .06) !important;
    border-color: rgba(255, 71, 87, .3) !important
}

.biFuelForm:after {
    content: "";
    display: block;
    clear: both
}

.floating-label-wrap.autocomplete_type2 {
    width: 100%;
    margin-bottom: 0;
    margin-right: 0
}

.floating-label-wrap.autocomplete_type2 md-autocomplete button md-icon {
    display: block
}

.floating-label-wrap.autocomplete_type2 button.ng-scope:after {
    display: none
}

.md-autocomplete-suggestions {
    z-index: 2000
}

.loading-spinner {
    width: 71px;
    height: 71px;
    margin: 75px auto;
    display: table;
    background: url(https://static.pbcdn.in/car-cdn/ang/assets/car/images/loader_ani.gif) no-repeat 0 0
}

.loading-spinner.carloader {
    background-image: url(https://static.pbcdn.in/car-cdn/ang/assets/car/images/Carloader.gif);
    background-size: contain;
    width: 162px;
    height: 162px;
    margin: 50px auto;
    background-size: 120% auto;
    border-radius: 50%;
    background-position: 1px 16%;
    background-color: #eff7fc
}

.quotes-overlay {
    width: 100%;
    position: fixed;
    display: block;
    background: #ccc;
    left: 0;
    height: 100%;
    top: 0;
    background: #fff;
    z-index: 9
}

.quotes-loading-spinner {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    -webkit-animation: loading-spinner-spin 1.4s linear infinite;
    animation: loading-spinner-spin 1.4s linear infinite;
    border: 2px solid rgba(56, 187, 124, .9);
    border-top-color: transparent;
    border: 2px solid var(--loading-spinner-outer-color, rgba(56, 187, 124, .9));
    border-top-color: var(--loading-spinner-inner-color, transparent);
    z-index: 100;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -23px 0 0 -23px
}

.lds-ring {
    display: inline-block;
    position: fixed;
    width: 64px;
    height: 64px;
    z-index: 10;
    left: 50%;
    top: 45%;
    margin: -32px 0 0 -32px
}

.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 51px;
    height: 51px;
    margin: 6px;
    border-radius: 50%;
    -webkit-animation: lds-ring 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
    animation: lds-ring 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
    border: 3px solid transparent;
    border-top-color: #5ac188
}

.lds-ring div:first-child {
    -webkit-animation-delay: -.45s;
    animation-delay: -.45s
}

.lds-ring div:nth-child(2) {
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s
}

.lds-ring div:nth-child(3) {
    -webkit-animation-delay: -.15s;
    animation-delay: -.15s
}

@-webkit-keyframes lds-ring {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes lds-ring {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.loader_wrap {
    display: none
}

.loader-box {
    box-sizing: initial;
    box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .14), 0 16px 24px 2px rgba(0, 0, 0, .098), 0 6px 30px 5px rgba(0, 0, 0, .084);
    width: 400px;
    position: fixed;
    left: 50%;
    top: 50%;
    height: auto;
    margin: -150px 0 0 -200px;
    padding: 25px 45px 30px;
    height: 300px;
    z-index: 9999;
    background: #fff;
    border-radius: 4px;
    font-size: 14px;
    text-align: center
}

.loader-box .loading_text p {
    font-weight: 400;
    font-size: 14px;
    color: #696969;
    line-height: normal
}

.loader_wrap.show {
    display: block
}

.name_tagging {
    background: #f2fbf5;
    font-size: 13px;
    font-weight: 400;
    padding: 12px 0 12px 10px;
    border: none;
    border-radius: 0;
    color: #6d6d6d
}

.feature {
    overflow: hidden;
    transition: .4s;
    cursor: pointer;
    max-height: 47px;
    margin-left: -20px;
    width: 110.8%
}

.feature.npfsummary {
    margin-left: 0;
    width: 100%
}

.feature.expand {
    overflow: inherit;
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAHCAYAAADebrddAAAAGXRFW…jUx2fAfyQsCRXjQBMHg9tIAuJohmBoUMShEAbYoPLWAAEGAEz+E2tSJmS5AAAAAElFTkSuQmCC) no-repeat 94% 22px;
    height: auto;
    max-height: 500px;
    transition: .4s
}

.msgProposal {
    display: none
}

.overlay5 {
    background: rgba(0, 0, 0, .4);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 79
}

.proposal-alert {
    box-sizing: initial;
    box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .14), 0 16px 24px 2px rgba(0, 0, 0, .098), 0 6px 30px 5px rgba(0, 0, 0, .084);
    width: 400px;
    position: fixed;
    left: 50%;
    top: 50%;
    height: auto;
    margin: -150px 0 0 -200px;
    padding: 25px 45px 30px;
    height: 300px;
    z-index: 9999;
    background: #fff;
    border-radius: 4px;
    font-size: 14px;
    text-align: center
}

.proposal-alert h4 {
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #000
}

.proposal-alert p {
    font-weight: 400;
    font-size: 14px;
    color: #696969;
    line-height: normal
}

.proposal-alert .noresponse {
    font-weight: 400;
    font-size: 14px;
    color: #696969;
    margin: 15px 7px 45px;
    line-height: 24px
}

.proposal-alert .tryAgain-btn {
    width: 92%;
    display: table;
    color: #2291ff;
    padding: 15px;
    border: none;
    border-top: 1px solid #ececec;
    margin: 35px auto;
    clear: both;
    position: relative;
    top: 8px;
    background: none
}

.proposal-alert .tryAgain-btn,
.proposal-alert .update-pemium {
    text-align: center;
    font-size: 14px
}

.proposal-alert .update-pemium h4 {
    font-weight: 500;
    color: #000;
    font-size: 14px
}

.proposal-alert .update-pemium p {
    margin: 10px 0;
    font-weight: 300;
    line-height: 22px;
    font-size: 13px;
    color: #696969
}

.proposal-alert .premium-block {
    width: 100%;
    margin: 0 auto;
    display: block;
    clear: both;
    padding-top: 20px
}

.proposal-alert .change-prem {
    border: 1px dashed #999;
    padding: 15px 25px;
    width: 92%;
    margin: 0 auto
}

.proposal-alert .change-prem img {
    float: left;
    width: 26%
}

.proposal-alert .change-prem img+ul {
    float: right;
    width: 60%
}

.proposal-alert .change-prem ul li.oldIdv {
    width: 100%;
    text-align: left;
    display: block;
    margin: 0 0 10px;
    color: #696969
}

.proposal-alert .change-prem ul li.oldIdv b {
    float: right;
    font-weight: 400
}

.proposal-alert .change-prem ul li.newIdv {
    font-weight: 400;
    text-align: left
}

.proposal-alert .change-prem ul li.newIdv b {
    float: right;
    font-weight: 500
}

.proposal-alert .premium-block li {
    width: 100%;
    text-align: left;
    display: block;
    margin: 0 0 10px;
    color: #696969
}

.proposal-alert .premium-block li.updatedPrem {
    color: #000;
    font-weight: 400
}

.proposal-alert .premium-block li.updatedPrem span {
    color: #fc4804;
    font-weight: 500
}

.proposal-alert .premium-block li span {
    float: right;
    position: relative
}

.proposal-alert .premium-block li span:before {
    position: absolute;
    width: 100%;
    height: 1px;
    content: "";
    left: 0;
    top: 50%;
    transform: rotate(-4deg);
    background: #ed4634
}

.proposal-alert .premium-block li.updatedPrem span:before {
    display: none
}

.proposal-alert .premium-block li:nth-child(2) span {
    color: #fc4804
}

.proposal-alert .premium-block im {
    margin: 0 auto 20px
}

.proposal-alert .plan-btn {
    color: #fc4804;
    border: 1px solid #fc4804;
    border-radius: 4px;
    width: 150px;
    float: left;
    font-size: 13px;
    background: #fff
}

.proposal-alert .payment-btn,
.proposal-alert .plan-btn {
    padding: 8px 14px;
    height: 36px;
    margin: 15px;
    cursor: pointer
}

.proposal-alert .payment-btn {
    border: 1px solid #ff5630;
    border-radius: 4px;
    width: 184px;
    display: inline-block;
    background: #ff5630;
    color: #fff;
    float: right;
    font-size: 14px;
    position: relative
}

.proposal-alert .changePlan {
    width: 145px !important
}

.proposal-alert .payment-btn:after {
    width: 22px;
    height: 22px;
    content: "";
    position: absolute;
    right: -4px;
    top: 14px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAYAAABr5z2BAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjBEODU2RDI3RDAzMzExRTk4MjI3RDBFRkVCNkExMkVBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjBEODU2RDI4RDAzMzExRTk4MjI3RDBFRkVCNkExMkVBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MEQ4NTZEMjVEMDMzMTFFOTgyMjdEMEVGRUI2QTEyRUEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MEQ4NTZEMjZEMDMzMTFFOTgyMjdEMEVGRUI2QTEyRUEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7mU56sAAAAqElEQVR42mL6//8/AxG4EIj3A3EGuhwTA3HgFRArAHE3EGehyBDpAnEgbgDiZ0D8GYhzYXLEGgAzpA6In0MNyQKJswAdwQ/EfER6ZSsQCwFxAhB3AvEvRqApt6EGMBJpCMhSXij9HkT8gWJiAdDjDP9IDUT0cHgFxJ+AOI1UzaCYeAENxAxSYgGkuQkpGrNIjcY4IH6ArpmUlCgMxPeBuBSIpyFLAAQYABTEcOgjv6FBAAAAAElFTkSuQmCC) no-repeat 0 0/50%
}

.proposal-alert.tryAgain-btn {
    width: 92%;
    display: table;
    color: #2291ff;
    padding: 15px;
    text-align: center;
    font-size: 14px;
    border: none;
    border-top: 1px solid #ececec
}

.proposal-form h2 .left_text {
    float: left;
    font-size: 18px;
    color: #000;
    font-weight: 500
}

.proposal-form h2 .right_links {
    float: right;
    margin-bottom: 5px
}

.proposal-form h2 .right_links li {
    display: block;
    list-style: none;
    position: relative;
    float: left;
    line-height: 16px
}

.proposal-form h2 .right_links li a.back-btn:after {
    content: "";
    display: block;
    background: #ccc;
    width: 1px;
    height: 16px;
    position: absolute;
    right: -8px;
    top: 50%;
    transform: translateY(-50%)
}

.proposal-form h2 .right_links li a {
    color: #2b90f7;
    font-size: 14px;
    font-weight: 400;
    border-bottom: 1px solid;
    padding-bottom: 3px;
    cursor: pointer;
    position: relative
}

.proposal-form h2 .right_links li a.back-btn {
    margin-right: 15px;
    position: relative
}

.proposal-form h2 .right_links li a.back-btn span {
    left: -18px;
    line-height: 20px;
    position: absolute
}

.black_overlay {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 1001;
    -moz-opacity: .8;
    opacity: .8;
    filter: alpha(opacity=80)
}

.black_overlay,
.white_content {
    display: none;
    position: fixed;
    transition: all .3s ease-in-out
}

.white_content {
    top: 50%;
    left: 50%;
    width: 500px;
    height: auto;
    text-align: left;
    background-color: #fff;
    z-index: 1002;
    margin: -85px 0 0 -250px;
    box-shadow: 0 0 19px 15px #2b2a2a;
    -webkit-box-shadow: 0 0 19px 15px #2b2a2a;
    padding: 15px 30px
}

.white_content h2 {
    font-size: 22px;
    margin: 0;
    padding: 10px 0 20px 2px
}

.white_content ul li {
    font-family: Lato;
    list-style-type: disc;
    display: list-item;
    font-size: 12px;
    color: #939393;
    line-height: 18px;
    margin: 0 0 10px;
    list-style-position: inside;
    padding: 0 0 0 18px;
    text-indent: -16px
}

.white_content .close {
    position: absolute;
    right: 10px;
    top: 15px;
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: 1
}

.proposal-section .right-list {
    width: 26%;
    float: right
}

.proposal-section .right-list li {
    list-style: none;
    display: inline-block;
    float: left
}

.proposal-section .proposal-header .talk-to-expert {
    width: 170px;
    height: 34px;
    font-size: 14px;
    border: 1px solid #2f96f7;
    display: block;
    line-height: 32px;
    border-radius: 4px;
    margin: 12px 0;
    background: url(https://static.pbcdn.in/car-cdn/ang/assets/car/images/call-icon1.png) no-repeat 25px/12px;
    padding-left: 45px;
    float: right
}

.proposal-section .proposal-header .email {
    background-repeat: no-repeat;
    color: #5194f7;
    width: 100px;
    background-image: url(https://static.pbcdn.in/car-cdn/ang/assets/car/images/email-icn.png);
    padding-left: 22px;
    background-position: 0;
    font-size: 14px;
    display: block;
    margin: 20px 32px 20px 0;
    text-align: left;
    float: left
}

.landing-modal.email_plan_model form {
    position: relative
}

.landing-modal.email_plan_model form .error-messaqe {
    font-size: 11px;
    color: red;
    position: absolute;
    top: 100%;
    left: 0
}

.landing-modal.email_plan_model form:after {
    content: "";
    display: block;
    clear: both
}

.landing-modal.email_plan_model md-dialog {
    top: 48px;
    transform: none;
    -webkit-transform: none;
    margin: 0;
    width: 430px;
    padding: 20px;
    overflow: visible;
    left: 46%
}

.landing-modal.email_plan_model md-dialog:after {
    content: "";
    display: block;
    border: 6px solid transparent;
    border-bottom-color: #fff;
    position: absolute;
    width: 0;
    right: 8%;
    top: -12px
}

.landing-modal.email_plan_model h2 {
    font-size: 16px;
    color: #000;
    margin: 10px 0
}

.landing-modal.email_plan_model .email-content input {
    background: #fafafa;
    padding: 13px;
    border: 1px solid #ececec;
    width: calc(100% - 125px);
    border-radius: 4px 0 0 4px;
    color: #616161;
    font-size: 14px
}

.landing-modal.email_plan_model .email-content button {
    width: 125px;
    background: #ff5630 !important;
    border: none;
    color: #fff;
    padding: 0 14px;
    border-radius: 0 4px 4px 0;
    font-size: 15px;
    position: absolute;
    top: 0;
    margin: 0;
    right: 0;
    height: 47px;
    box-shadow: none;
    text-transform: none
}

.landing-modal.email_plan_model .email-content .msg_info {
    font-size: 12px;
    color: #929292;
    font-style: normal;
    line-height: normal;
    margin-top: 5px
}

.landing-modal.email_plan_model .email-content .succes-email {
    margin-top: 5px;
    color: #43a047;
    display: block;
    font-size: 11px
}

.landing-modal.email_plan_model .close-btn span {
    display: none
}

.floating-label {
    left: 5px;
    top: 4px;
    z-index: 2
}

.select_with_floating select {
    padding: 22px 24px 4px 10px;
    position: relative;
    z-index: 2
}

.chat_wrapper {
    border-radius: 8px;
    box-shadow: 0 0 29px 0 rgba(0, 0, 0, .15);
    background-color: #fefefe;
    margin-top: 16px;
    height: 453px;
    overflow: hidden
}

.chat_wrapper iframe {
    height: 450px;
    width: 100%;
    border: none
}

.renewal-wrapper #accordion h1 {
    display: block;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    padding: 0 0 15px;
    line-height: 16px
}

.renewal-wrapper .inspection {
    padding: 0
}

.renewal-wrapper .inspection .inner_cont {
    padding: 0 0 0 25px;
    background: none;
    border: none;
    color: #fc4804;
    position: relative
}

.renewal-wrapper .inspection .inner_cont:before {
    content: "";
    width: 17px;
    height: 20px;
    background: url(https://static.pbcdn.in/car-cdn/ang/assets/car/images/error.png);
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    left: 0;
    top: 6px;
    background-size: contain
}

.renewal-wrapper .inspection .inner_cont p {
    font-weight: 400
}

.renewal-wrapper form #accordion {
    position: relative;
    padding-bottom: 25px
}

.renewal-wrapper form #accordion:before {
    content: "";
    display: block;
    width: 40%;
    background: #b6c7d8;
    height: 2px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: -16px
}

.renewal-wrapper form #accordion:first-child:before {
    display: none
}

.renewal-wrapper form #accordion:last-child section {
    background: #000
}

.back-renewal-btn {
    border-radius: 4px;
    background-color: #ff5630 !important;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    display: inline-block;
    margin: 10px auto 0;
    text-align: center;
    box-shadow: 0 7px 15px -3px #cacaca !important;
    min-height: 0;
    line-height: normal;
    position: relative;
    background-repeat: no-repeat;
    background-position: 85%;
    padding: 13px 65px 13px 50px
}

.back-renewal-btn:before {
    width: 20px;
    height: 14px;
    background-image: url(https://static.pbcdn.in/car-cdn/ang/assets/car/images/btn-arrow-right.png);
    content: "";
    display: block;
    background-repeat: no-repeat;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    display: inline-block;
    margin-right: 5px
}

.renewal_proposal .floating-label-field--s1,
.renewal_proposal .floating-label-wrap.city md-autocomplete-wrap input,
.renewal_proposal .floating-label-wrap.reg-no input,
.renewal_proposal .floating-label-wrap select {
    border-color: #1e8fff
}

.floating-label-wrap textarea:disabled+label {
    background: transparent !important
}

a.gst_text {
    font-size: 12px;
    margin-left: 4px;
    text-decoration: underline;
    position: relative
}

a.gst_text:after {
    content: ">";
    position: absolute;
    top: 2px;
    left: 102%
}

.floating-label-wrap.city.truncate md-autocomplete-wrap input {
    overflow: auto;
    text-overflow: ellipsis
}

.floating-label-wrap.city.edit_hide button {
    display: none !important
}

.focusField {
    -webkit-animation-name: focus;
    animation-name: focus;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    transition: all 1s ease-in-out;
    border: 1px solid #e69740 !important;
    background-color: rgba(252, 247, 226, .5) !important
}

@-webkit-keyframes focus {
    0% {
        box-shadow: 0 0 2px 0 #e69740;
        border: 1px solid #e69740 !important
    }

    50% {
        box-shadow: 0 0 2px 0 #e69740;
        border: 1px solid #e69740 !important
    }

    to {
        box-shadow: 0 0 2px 0 #e69740;
        border: 1px solid #e69740 !important
    }
}

@keyframes focus {
    0% {
        box-shadow: 0 0 2px 0 #e69740;
        border: 1px solid #e69740 !important
    }

    50% {
        box-shadow: 0 0 2px 0 #e69740;
        border: 1px solid #e69740 !important
    }

    to {
        box-shadow: 0 0 2px 0 #e69740;
        border: 1px solid #e69740 !important
    }
}

@-webkit-keyframes tooltip_from_top {
    0% {
        bottom: 120%
    }

    to {
        bottom: 108%
    }
}

@keyframes tooltip_from_top {
    0% {
        bottom: 120%
    }

    to {
        bottom: 108%
    }
}

.tooltip_from_top {
    -webkit-animation: tooltip_from_top .4s ease;
    animation: tooltip_from_top .4s ease
}

.mandatory_text {
    font-size: 12px;
    color: rgba(37, 56, 88, .8);
    font-weight: 400;
    position: relative;
    padding-left: 12px;
    line-height: normal;
    margin-top: 2px
}

.mandatory_text:before {
    content: "*";
    color: #ffc107;
    margin-right: 10px;
    font-size: 20px;
    position: absolute;
    top: 65%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    left: 0;
    line-height: 10px
}

span.field_tooltip {
    background: #808b8b;
    color: #fff;
    padding: 8px;
    min-width: 195px;
    position: absolute;
    bottom: 108%;
    font-size: 14px;
    text-align: center;
    border-radius: 6px;
    font-weight: 300;
    left: 50%;
    transform: translateX(-50%)
}

span.field_tooltip:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #808b8b;
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    margin: 0 auto
}

span.field_tooltip.right {
    background: #808b8b;
    color: #fff;
    padding: 8px 15px;
    min-width: 190px;
    position: absolute;
    font-size: 14px;
    border-radius: 6px;
    font-weight: 400;
    top: 50%;
    transform: translateY(-50%);
    left: 103%;
    bottom: auto;
    -webkit-animation: right_tooltip_anim .4s ease;
    animation: right_tooltip_anim .4s ease;
    text-align: left
}

span.field_tooltip.right:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid #808b8b;
    position: absolute;
    left: -12px;
    right: auto;
    top: 50%;
    transform: translateY(-50%)
}

@-webkit-keyframes right_tooltip_anim {
    0% {
        top: 100%
    }

    to {
        top: 50%
    }
}

@keyframes right_tooltip_anim {
    0% {
        top: 100%
    }

    to {
        top: 50%
    }
}

.warning_msg {
    font-size: 12px;
    margin-top: 5px;
    font-weight: 400;
    position: relative;
    padding-left: 18px;
    line-height: normal;
    color: #fea501
}

.warning_msg .icon {
    width: 14px;
    height: 14px;
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: url(https://static.pbcdn.in/car-cdn/ang/images/Car-AC/Logo/warning-sign.svg) no-repeat 0 0/contain;
    left: 0
}

.newpopup_wrapper,
.overlay {
    position: fixed;
    background: rgba(0, 0, 0, .54);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10
}

.popup_box.vehicle_redirecion {
    padding: 16px;
    min-height: 278px;
    max-width: 420px;
    bottom: auto
}

.popup_box.vehicle_redirecion .head_title {
    padding: 12px 14px 12px 60px
}

.popup_box.vehicle_redirecion .head_title,
.popup_box.vehicle_redirecion.rcmismatch .head_title {
    letter-spacing: 0;
    color: #4f5f79;
    font-size: 20px;
    line-height: 21px;
    font-weight: 100;
    position: relative;
    text-align: left
}

.popup_box.vehicle_redirecion.rcmismatch .head_title {
    padding: 25px 14px 25px 35px
}

.popup_box.vehicle_redirecion .head_title h4 {
    font-size: inherit
}

.popup_box.vehicle_redirecion .slotChange {
    color: #41b2d7;
    padding-left: 9px;
    font-size: 10px
}

.popup_box.vehicle_redirecion .slotLabel {
    letter-spacing: 0;
    color: #4f5f79;
    font-size: 18px;
    font-weight: 100;
    line-height: 21px;
    position: relative;
    margin-top: 4px;
    margin-left: 34px;
    margin-right: 34px;
    text-align: left
}

.popup_box.vehicle_redirecion .slotLabel .slotValue {
    font-size: 20px;
    font-weight: 500
}

.popup_box.vehicle_redirecion .head_title span.emoji {
    position: absolute;
    left: 24px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 31px
}

.popup_box.vehicle_redirecion .head_title span.emoji img {
    max-width: 100%;
    display: block;
    margin: 0
}

.newpopup_wrapper .popup_box.vehicle_redirecion img {
    float: none
}

.popup_box.vehicle_redirecion .white_curve {
    margin-top: 20px;
    padding: 10px 25px 24px;
    width: 100%;
    border-bottom: 1px solid #f1f1f1
}

.col-xs-6 {
    width: 50%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
}

.popup_box.vehicle_redirecion p.ques {
    color: #4f5f79;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 24px;
    text-align: left
}

.blue_bg_btn {
    background: #0065ff;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    padding: 13px 20px;
    display: block;
    text-align: left;
    color: #fff !important;
    max-width: 340px;
    margin: 0 auto 24px
}

.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: all .4s ease
}

.popup_box.vehicle_redirecion .blue_btn:hover {
    background: #0065ff;
    color: #fff !important
}

.popup_box.vehicle_redirecion .blue_btn.width-100 {
    width: 100%;
    max-width: 100%;
    margin: 0
}

div.info {
    font-size: 13px;
    font-weight: 500;
    color: #e69740;
    text-align: center
}

span div.info {
    font-size: 12px;
    text-align: left
}

span div.info:before {
    content: none
}

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
}

.popup_box.vehicle_redirecion div.info {
    margin-top: 24px;
    padding-left: 6px;
    padding-right: 6px
}

.text_center {
    text-align: center
}

.enter_vehicle_again a {
    color: #0065ff;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    margin-top: 25px;
    margin-bottom: 20px;
    cursor: pointer
}

.popup_box.vehicle_redirecion.step2 p.ques {
    font-size: 18px
}

.newpopup_wrapper .popup_box .loader_gif {
    margin: 30px auto
}

.newpopup_wrapper .popup_box .loader_gif img {
    max-width: 70px
}

.newpopup_wrapper .popup_box .ques .text_center,
.text_center {
    text-align: center !important
}

@-webkit-keyframes slideInUp {
    0% {
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes slideInUp {
    0% {
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.popup_box.reg_confirmation.financer .btn-list li {
    display: inline-block;
    width: 49%;
    margin-bottom: 0
}

.reg_confirmation h2 {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 15px
}

.popup_box.reg_confirmation p {
    font-size: 14px
}

.popup_box.reg_confirmation {
    padding: 30px 30px 24px;
    max-width: 420px;
    min-height: 0
}

.popup_box.reg_confirmation .head_title {
    margin-bottom: 25px;
    padding: 0 0 0 48px;
    font-size: 15px
}

.popup_box.reg_confirmation .head_title span.emoji {
    left: 0
}

.popup_box.reg_confirmation .btn-list {
    margin: 20px -15px 10px;
    padding: 0;
    list-style: none
}

.popup_box.reg_confirmation .btn-list li {
    padding: 0 15px;
    margin-bottom: 15px
}

.popup_box.reg_confirmation .btn-list li:last-child {
    margin-bottom: 0
}

.popup_box.reg_confirmation button.border {
    border: 1px solid #2a63f6 !important;
    color: #0065ff;
    font-size: 16px;
    font-weight: 400;
    line-height: 35px;
    border-radius: 8px;
    width: 100%;
    background: #fff;
    transition: all .5s ease;
    -webkit-transition: all .5s ease
}

.popup_box.reg_confirmation button.border:hover {
    background: #0065ff;
    color: #fff
}

.font-500 {
    font-weight: 500
}

@media only screen and (min-width:320px) and (max-width:670px) {
    header {
        border-bottom: 1px solid #e8e8e8
    }

    .container-inner {
        width: 100%
    }

    .right_sidebar {
        width: 96%;
        float: none;
        margin: 8px auto
    }

    .proposalLeft .left_side {
        width: 100%
    }

    .proposalLeft .inner-division {
        padding: 10px
    }

    #btnProposalFirstNext,
    #btnProposalSecondNext,
    #btnProposalThirdNext,
    .back-renewal-btn,
    .btn-nxt {
        width: 100%;
        margin: 10px auto;
        position: fixed;
        bottom: -10px;
        left: 0;
        z-index: 9;
        display: block;
        animation: fadein .5s ease;
        -webkit-animation: fadein .5s ease;
        -ms-animation: fadein ease .5s;
        text-transform: uppercase;
        border: none
    }

    .contact-edit_wrap:after,
    .contact-edit_wrap:before {
        background: none
    }

    .proposal-form h2 {
        margin-top: 20px
    }

    .proposalLeft {
        width: 96%;
        margin-top: 12px;
        box-sizing: border-box;
        display: block;
        margin-left: auto;
        margin-right: auto;
        float: none
    }

    div.info:before {
        background: none;
        margin-right: 0;
        content: none
    }

    div.info {
        text-align: left
    }

    .proposalLeft form {
        padding: 10px;
        box-shadow: 0 6px 16px 0 rgba(52, 105, 203, .16);
        background: #fff;
        border-radius: 8px;
        margin-top: 16px
    }

    .renewal-wrapper .button_wrap {
        position: static
    }

    .form-group ul.title li {
        width: 47%;
        margin-right: 10px
    }

    .form-group ul.title li:last-child {
        margin-right: 0
    }

    .pad_leftright {
        padding-left: 10px;
        padding-right: 10px
    }

    .form-group ul.title li:first-child input[type=radio]:checked~label {
        background-position: 20px -37px
    }

    .form-group ul.title.car-own li:first-child label {
        background-position: 18px -181px
    }

    .form-group ul.title.car-own li:first-child input[type=radio]:checked~label {
        background-position: 18px -233px
    }

    .floating-label-field--s1,
    .floating-label-field--s1+.floating-label,
    .floating-label-field--s2,
    .floating-label-field--s2+.floating-label,
    .floating-label-wrap.city md-autocomplete-wrap input {
        font-size: 13px;
        width: 100%;
        box-sizing: border-box
    }

    .floating-label-field--s1+.floating-label,
    .floating-label-field--s2+.floating-label {
        font-size: 11px !important;
        padding: 15px 8px
    }

    .select_with_floating .floating-label {
        font-size: 11px !important
    }

    .floating-label-wrap.phone {
        width: 100%
    }

    .floating-label-wrap.city {
        width: 60%
    }

    .floating-label-wrap.autocomplete_type2 {
        width: 100%
    }

    .floating-label-wrap.email {
        width: 35%
    }

    .floating-label-wrap.city md-autocomplete {
        min-width: 100%
    }

    .floating-label-wrap.city md-autocomplete button {
        height: 42px
    }

    .edit {
        right: 7px;
        top: 0;
        bottom: 0;
        line-height: 40px
    }

    .floating-label-wrap.dob {
        width: 100%
    }

    .floating-label-wrap.dob .mm {
        background-position: 94% 18px
    }

    .floating-label-wrap .labelTxt,
    .form-group h3 {
        font-size: 12px;
        margin: 0 0 5px
    }

    .floating-label-wrap,
    .form-group {
        margin-bottom: 15px
    }

    .floating-label-wrap.reg-no input,
    .floating-label-wrap select {
        height: 45px;
        font-size: 13px
    }

    .floating-label-wrap.reg-no .rtoTxt {
        line-height: 40px;
        font-size: 13px
    }

    .policy-type img {
        width: 80px;
        margin: 0 0 0 10px
    }

    .policy-type ul.policyDetail li b {
        font-size: 12px
    }

    .policy-type ul.policyDetail li b.premium {
        font-size: 17px
    }

    .policy-type ul.policyDetail {
        width: calc(100% - 110px);
        margin: 0 10px
    }

    .feature {
        max-height: 36px;
        margin-left: -15px;
        padding-left: 5px;
        width: 108%
    }

    .feature h3 {
        padding: 7px 10px 8px;
        font-size: 13px;
        line-height: 18px;
        background-position: 94% 14px
    }

    .feature h4,
    .feature ul.planfeatures {
        padding-left: 10px;
        padding-right: 10px
    }

    .feature h4 {
        margin-bottom: 5px
    }

    .feature ul.planfeatures {
        margin: 0
    }

    .feature ul.addons {
        padding-left: 10px
    }

    .feature.expand h3 {
        background-position: 94% 11px
    }

    .proposal-section .proposal-header {
        background: #164cff;
        height: auto
    }

    .proposal-section .pb-logo {
        display: none
    }

    .proposal-section .pb-logo-mob {
        display: block;
        margin: 11px 0 15px 11px;
        float: left;
        width: 115px
    }

    .proposal-section .pb-logo-mob span {
        color: #fff;
        line-height: 27px;
        font-size: 16px;
        float: left;
        padding-left: 8px;
        display: block
    }

    .proposal-section .pb-logo-mob img {
        width: 28px;
        height: 28px;
        float: left
    }

    .proposal-section .right-list {
        width: 185px
    }

    .proposal-section .proposal-header .talk-to-expert {
        width: 96.3px;
        color: #fff;
        margin-right: 10px;
        padding-left: 25px;
        font-size: 10px;
        background-position: 10px 8px;
        height: 30px;
        border: 1px solid #fff;
        margin-left: 1px;
        background-image: url(https://static.pbcdn.in/car-cdn/ang/assets/car/images/call-icon.png);
        background-size: 10px auto;
        line-height: 26px
    }

    .proposal-section .proposal-header .email {
        width: 73px;
        font-size: 12px;
        color: #fff;
        font-size: 10px;
        background-size: 13px auto;
        padding-left: 18px;
        margin-right: 0;
        background-image: url(https://static.pbcdn.in/car-cdn/ang/assets/car/images/mail.png);
        margin-top: 19px;
        margin-bottom: 21px
    }

    .proposal-form .proposalRight h2 {
        padding: 10px;
        font-size: 13px;
        margin: 0
    }

    .proposal-form .proposalLeft h2 .left_text {
        font-size: 15px;
        margin: 0
    }

    .proposal-form h2 span {
        font-size: 12px
    }

    .proposal-form h2 .right_links li {
        line-height: 15px
    }

    .proposal-form h2 .right_links li a {
        font-size: 12px
    }

    .proposal-form h2 .right_links li a.back-btn:after {
        right: -7px
    }

    .proposal-form h2 .right_links li a.back-btn {
        margin-right: 3px
    }

    .inspection .inner_cont {
        font-size: 12px;
        padding: 5px 7px
    }

    .renewal-wrapper .inspection .inner_cont a {
        display: block
    }

    .proposal-form h2 .right_links li:nth-child(2) {
        padding-left: 4px;
        margin-left: 4px
    }

    .proposal-form h2 .right_links li:first-child a {
        padding-top: 3px;
        padding-bottom: 2px
    }

    .back-btn {
        font-size: 12px
    }

    .floating-label-wrap.reg-no {
        width: 100%
    }

    .tollFree {
        margin: 10px 0 0;
        position: relative
    }

    .tollFree ul {
        position: fixed;
        background: #fff;
        z-index: 9;
        width: 80%;
        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);
        left: 50%;
        padding: 18px;
        top: 50%;
        margin: -90px 0 0 -40%;
        border-radius: 4px
    }

    .tollFree:before {
        width: 28px;
        height: 28px;
        background: #469cf0 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjVDQTc3REQ1MTRCMzExRTlBRTgyRjRDNzI0RDQ0NDJBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjVDQTc3REQ2MTRCMzExRTlBRTgyRjRDNzI0RDQ0NDJBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NUNBNzdERDMxNEIzMTFFOUFFODJGNEM3MjRENDQ0MkEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NUNBNzdERDQxNEIzMTFFOUFFODJGNEM3MjRENDQ0MkEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6gbhKmAAABD0lEQVR42mL8//8/Ay0BEwONAd0tOAXE/5HwbyD2p6YFJmh8FixiFFnwCYsaMWpa8AiLGl1qWnAJixpTIOallgWHsKi5CsQ/yPYCKKMhYUkg/vcfAS4BsQiaGpIwNsFtUMPvALEoJYaDMLaM1gOlRYCYkeKchsVWRiDeCfXFciifqkEEwipA/BVqSTotLADhOKgFf4A4EIcaDiAWINcCEG5GsgTdJ+JAfBWI/wLxKSCeA8StQOxPigWg8G9CSrbLoCkLZPi1/9jBb1IsgOFYpDj5AMT3/uMHJFsAwspAvOM/cYAsC2DYAYi3QMOeoAWMFNTJEkDsA8R20BJXHoj5gfgkEFvBFDGOVvqEAECAAQBg3iCFOtZ1hAAAAABJRU5ErkJggg==) no-repeat 2px 2px;
        border-radius: 4px;
        padding: 5px;
        position: absolute;
        content: "";
        left: -34px;
        top: -3px
    }

    .pb-logo {
        display: none
    }

    .pb-logo-mob {
        display: block;
        margin: 5px 0 0
    }

    .vehical-details-edit-section {
        max-width: 100%;
        flex: 0 0 100%;
        margin-top: 0
    }

    .vehical-details-edit-section .vehical-name {
        font-size: 12px;
        width: 269px
    }

    .contact-edit-section,
    .policy-expiry-edit-section {
        display: none
    }

    .other-vehical-details {
        width: 269px;
        margin-top: 0
    }

    .landing-modal md-dialog {
        padding: 12px 25px;
        box-sizing: initial;
        left: 0;
        right: 0;
        width: auto;
        margin: 0 auto;
        top: 50%;
        transform: translateY(-50%);
        display: block;
        overflow: auto
    }

    .popup.expert .lower-section p {
        font-size: 10px;
        font-weight: 400;
        text-align: center
    }

    .popup.expert .numbers li {
        font-size: 12px;
        font-size: 10px;
        font-weight: 400;
        color: #212121;
        width: 100%;
        text-align: center;
        margin-bottom: 10px
    }

    .popup.expert .numbers li .call {
        font-size: 14px;
        width: 115px;
        line-height: 24px;
        margin: 0 auto
    }

    .addon-close:after,
    .addon-close:before {
        left: 10px;
        top: 8px;
        height: 20px;
        width: 2px;
        background-color: #696868
    }

    .addon-close {
        right: 0
    }

    .white_content {
        width: 300px;
        top: 50%;
        left: 0;
        right: 0;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        margin: 0 auto;
        padding: 15px
    }

    .landing-modal.email_plan_model md-dialog {
        width: 258px;
        padding: 10px;
        right: 4%;
        left: auto
    }

    .landing-modal.email_plan_model h2 {
        font-size: 14px;
        margin: 5px 0 10px
    }

    .landing-modal.email_plan_model md-dialog:after {
        right: 124px
    }

    .landing-modal.email_plan_model .email-content button {
        width: 66px;
        font-size: 12px;
        height: 38px;
        padding: 0
    }

    .landing-modal.email_plan_model .email-content input {
        width: calc(100% - 87px);
        padding: 10px 12px;
        font-size: 12px
    }

    .landing-modal.email_plan_model .email-content .msg_info {
        font-size: 10px;
        line-height: 12px
    }

    .btn-nxt {
        width: 100%;
        background-position: 94%
    }

    .back-renewal-btn.btn-fixed,
    .btn-nxt.btn-fixed {
        width: 100%;
        margin: 10px auto;
        position: fixed;
        bottom: -10px;
        left: 0;
        z-index: 9;
        display: block;
        animation: fadein .5s ease;
        -webkit-animation: fadein .5s ease;
        -ms-animation: fadein ease .5s
    }

    @keyframes fadein {
        0% {
            opacity: 0
        }

        to {
            opacity: 1
        }
    }

    @-webkit-keyframes fadein {
        0% {
            opacity: 0
        }

        to {
            opacity: 1
        }
    }

    .btnLink {
        margin-bottom: 5px;
        margin-top: 10px
    }

    .contact-edit-wrapper {
        font-weight: 600;
        color: #494646;
        font-size: 12px;
        line-height: 19px;
        width: 100%;
        padding: 13px 10px 15px;
        background: #f4f7f9;
        margin-bottom: 5px;
        border-radius: 4px
    }

    .contact-edit-wrapper h3 {
        font-size: 15px;
        padding-bottom: 10px
    }

    .contact-edit-wrapper h3 span a {
        display: inline-block;
        text-decoration: none;
        font-size: 12px;
        color: #0065ff;
        line-height: 22px;
        text-decoration: underline
    }

    .contact-edit-wrapper h3 span a:hover {
        text-decoration: none
    }

    .contact-edit-wrapper label {
        display: block
    }

    .contact-edit-wrapper .input-box {
        margin-bottom: 20px;
        position: relative
    }

    .contact-edit-wrapper .input-box:last-child {
        margin-bottom: 0
    }

    .contact-edit-wrapper input {
        background: none !important;
        border: none;
        border-bottom: 1px solid transparent;
        width: 100%
    }

    .contact-edit-wrapper.editable input {
        border: none;
        border-bottom: 1px solid #d8d8d8
    }

    .contact-edit-wrapper.editable input[disabled=disabled] {
        border-bottom-color: transparent !important
    }

    .contact-edit-wrapper .error {
        font-size: 10px;
        position: absolute;
        right: 0;
        bottom: 3px
    }

    .select_with_floating select {
        padding-top: 18px
    }

    .proposal-alert .plan-btn {
        padding: 8px 11px;
        width: 135px;
        height: 36px;
        margin: 15px 5px;
        float: left;
        font-size: 13px
    }

    .proposal-alert .payment-btn {
        padding: 8px 18px 8px 8px;
        width: 156px;
        display: inline-block;
        height: 36px;
        margin: 15px 4px;
        float: right;
        font-size: 13px
    }

    .proposal-alert .change-prem {
        width: 96%
    }

    .proposal-alert .noresponse {
        margin: 10px
    }

    .inspection {
        padding: 0 10px
    }

    .name_tagging {
        background: none;
        padding: 0;
        color: #3a3a3a;
        font-size: 12px;
        font-weight: 400;
        line-height: 14px
    }

    .chat_wrapper iframe {
        height: 95.7%;
        width: 100%
    }

    .renewal-wrapper form #accordion.contact_wrap:before {
        top: -20px
    }

    md-tooltip .md-background {
        background-color: initial !important
    }

    md-tooltip .md-content {
        background: rgba(0, 0, 0, .54);
        left: 69px;
        border-radius: 4px;
        padding-left: 9px;
        padding-right: 18px;
        white-space: nowrap;
        width: auto;
        font-size: 12px;
        width: 349px
    }

    span.field_tooltip {
        min-width: 150px;
        padding: 5px;
        font-size: 12px
    }

    .warning_msg {
        font-size: 12px;
        margin-top: 5px;
        font-weight: 400;
        position: relative;
        padding-left: 18px;
        line-height: normal;
        color: #fea501
    }

    .newpopup_wrapper .popup_box.vehicle_redirecion {
        bottom: 0;
        top: auto;
        transform: translate(0);
        left: 0;
        right: 0;
        border-radius: 32px 32px 0 0;
        min-height: 0;
        max-width: 100%;
        animation: slideInUp .4s ease;
        -webkit-animation: slideInUp .4s ease
    }

    .popup_box.vehicle_redirecion .head_title {
        font-size: 14px;
        padding: 15px 10px 15px 48px
    }

    .popup_box.vehicle_redirecion .head_title span.emoji {
        left: 10px
    }

    .popup_box.vehicle_redirecion .white_curve {
        padding-bottom: 14px;
        padding-left: 10px;
        padding-right: 10px
    }

    .newpopup_wrapper .popup_box.vehicle_redirecion .image {
        margin: 30px 0
    }

    .newpopup_wrapper .popup_box.vehicle_redirecion .image img {
        max-width: 110px
    }

    .newpopup_wrapper .popup_box.vehicle_redirecion .loader_gif img {
        max-width: 50px
    }
}

@media (max-width:480px) {

    .loader-box,
    .proposal-alert {
        left: 10px;
        right: 10px;
        padding: 15px;
        box-sizing: border-box;
        margin: 0 auto;
        top: 50%;
        transform: translateY(-50%);
        height: auto;
        width: auto
    }

    .footer {
        padding-bottom: 55px
    }

    .popup_box.reg_confirmation button.border,
    .reg_confirmation h2 {
        font-size: 14px
    }

    .newpopup_wrapper .popup_box {
        bottom: 0;
        top: auto;
        transform: translate(0);
        left: 0;
        right: 0;
        border-radius: 32px 32px 0 0;
        min-height: 0;
        max-width: 100%;
        animation: slideInUp .4s ease;
        -webkit-animation: slideInUp .4s ease
    }

    .newpopup_wrapper .popup_box.calendar,
    .newpopup_wrapper .popup_box.revised_premium {
        min-height: 430px
    }

    .newpopup_wrapper .popup_box .close-btn {
        top: 14px;
        right: 9px
    }

    .popup_box.reg_confirmation {
        padding: 30px 22px 22px
    }
}

@media (max-width:320px) {

    .loader-box,
    .proposal-alert {
        padding: 10px
    }

    .proposal-alert .plan-btn {
        width: 104px
    }

    .tooltip_wrapper .tooltip {
        right: -21px;
        width: 280px
    }

    .tooltip_wrapper .tooltip:after {
        right: 20px
    }
}

.selected .css-bg1rzq-control {
    border-color: rgba(46, 213, 115, .7)
}

.select_with_floating input {
    height: 48px
}

.address-field {
    height: 68px
}

.css-kj6f9i-menu {
    z-index: 3 !important
}

.popup_box.editCarDetails {
    max-width: 450px;
    min-height: 0;
    background: #fff
}

.popup_box.editCarDetails .title {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 10px
}

.popup_box.editCarDetails .subText {
    font-size: 12px;
    color: rgba(37, 56, 56, .6);
    margin-bottom: 24px
}

.popup_box.editCarDetails .submit {
    width: 100%;
    border: none;
    text-align: center;
    padding: 12px 16px;
    color: #fff;
    font-size: 16px;
    border-radius: 8px;
    background-color: #0065ff;
    font-weight: 500
}

.formGroup {
    margin-bottom: 16px
}

.floatingLabelWrap {
    position: relative
}

.floatingLabelWrap label {
    font-size: 14px;
    left: 16px;
    margin-bottom: 0;
    display: inline-block;
    background-color: #fff;
    transition: all .2s ease-in;
    z-index: 0
}

.floatingLabelWrap .action,
.floatingLabelWrap label {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.floatingLabelWrap .action {
    right: 16px;
    font-size: 11px;
    font-weight: 500;
    color: #0065ff;
    cursor: pointer;
    z-index: 1
}

.floatingLabelWrap .floatingInput::-webkit-input-placeholder {
    opacity: 0
}

.floatingLabelWrap .floatingInput::-ms-input-placeholder {
    opacity: 0
}

.floatingLabelWrap .floatingInput::placeholder {
    opacity: 0
}

.floatingLabelWrap .floatingInput {
    position: relative;
    background-color: initial;
    width: 100%;
    padding: 12px 16px;
    border: 1px solid rgb(37 56 56/20%);
    border-radius: 8px;
    color: #253838;
    z-index: 1;
    font-weight: 500;
    font-size: 16px
}

.floatingLabelWrap.filled .floatingInput {
    cursor: text;
    pointer-events: none;
    z-index: auto
}

.floatingLabelWrap.filled label,
.floatingLabelWrap .floatingInput:focus~label,
.floatingLabelWrap .floatingInput:not(:placeholder-shown)~label {
    transform: none;
    top: -9px;
    z-index: 2;
    font-size: 12px;
    padding: 0 2px;
    font-weight: 500;
    color: rgba(37, 56, 56, .6)
}

.congrats-container {
    overflow: hidden;
    padding: 20px 15px
}

.congrats-container,
.congrats-header {
    width: 100%;
    margin: 0 auto;
    display: table;
    box-shadow: none;
    background: none;
    max-width: 800px
}

.congrats-header {
    padding: 0 15px;
    text-align: center
}

.congrats-header .header {
    display: table;
    width: 100%
}

.congrats-header .header .toll-free {
    margin-right: 0;
    font-size: 16px
}

.toll-free {
    color: #fa774d;
    float: right;
    font-size: 18px;
    font-weight: 400;
    margin: 20px -100px 0 0;
    text-align: center
}

.tollFree {
    background: url(https://static.pbcdn.in/car-cdn/ang/assets/car/images/icon-toll.png) no-repeat right 7px;
    cursor: pointer
}

.tollFree ul {
    position: absolute;
    background: #fff;
    z-index: 99;
    width: 222px;
    box-shadow: 0 1px 5px rgb(0 0 0/15%), 0 3px 6px rgb(0 0 0/10%);
    -webkit-box-shadow: 0 1px 5px rgb(0 0 0/15%), 0 3px 6px rgb(0 0 0/10%);
    right: -6px;
    padding: 18px 16px !important;
    top: 30px
}

.tollFree ul li em {
    font-style: normal;
    font-weight: 300;
    font-size: 13px;
    display: block;
    color: #a9a9a9;
    margin-top: 6px
}

.congrats-bg footer {
    margin-bottom: 0
}

.tollFree ul li {
    border-bottom: 1px dashed #b8b8b8;
    padding: 0 0 9px;
    margin: 0 0 14px
}

.tollFree ul li span {
    color: #fa774d;
    font-size: 14px;
    padding: 12px 10px 8px 22px;
    display: block;
    background: url(https://static.pbcdn.in/car-cdn/ang/assets/car/images/icon-toll.png) no-repeat left -36px;
    font-weight: 500;
    clear: both;
    text-align: left;
    line-height: 14px
}

.congrats-header h1 {
    color: #37474f;
    font-size: 24px;
    font-weight: 300;
    letter-spacing: 1px;
    margin: 10px 0 0
}

.congrats-header .pb-logo {
    margin: 15px 0 11px;
    float: left;
    display: block;
    position: relative
}

.congrats-header .pb-logo img {
    width: 178px;
    height: auto;
    vertical-align: middle
}

.congrats-header h1 b {
    font-weight: 500
}

.congrats-header ul {
    border: 0 solid #375675;
    padding: 5px 100px;
    display: table;
    margin: 0 auto;
    line-height: 25px
}

.congrats-header ul li {
    color: #37474f;
    font-size: 14px;
    font-weight: 300
}

.tollFree ul li b {
    font-size: 12px;
    color: grey;
    font-weight: 500;
    float: left;
    line-height: 16px
}

.tollFree ul li:last-child {
    border: none
}

.congrats-container .insurance-detail {
    background: #fff;
    width: 100%;
    margin: 16px auto;
    overflow: hidden;
    box-shadow: 0 6px 16px rgba(52, 105, 203, .16);
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.congrats-container .insurance-detail .ins-left {
    padding: 15px 20px 20px;
    vertical-align: top;
    flex: 0 0 50%;
    max-width: 50%
}

.congrats-container .insurance-detail .ins-left.single-case {
    width: 100%
}

.congrats-container ul.list li.policyTxt {
    background: #fbf7f7;
    clear: both;
    border: 1px dashed #eab4b4;
    font-size: 12px;
    line-height: 20px;
    margin: 15px 0 10px;
    padding: 5px 12px 10px;
    box-shadow: inset 0 0 0 3px #fff
}

.congrats-container ul.list li.policyTxt em {
    font-size: 11px;
    color: #6b6b6b
}

.noteTxt {
    width: 100%;
    font-size: 11px;
    margin: 10px auto;
    color: #6d6d6d
}

.insurance-detail .ins-left.single-case .heading {
    display: table;
    float: left
}

.congrats-container .ins-left.single-case ul.list {
    display: table;
    clear: inherit;
    width: auto;
    padding: 1px 0 5px 26px;
    float: left;
    border-left: 1px solid #efefef;
    margin: 0 0 0 25px
}

.insurance-detail .ins-left .heading {
    display: table
}

.ins-left .download-policy a.btn-download {
    color: #00aae9;
    display: inline-block;
    font-size: 11px;
    font-weight: 500;
    transition: all .3s ease 0s;
    text-decoration: none;
    text-align: left;
    text-transform: uppercase;
    border-radius: 0;
    background: transparent url(https://static.pbcdn.in/car-cdn/ang/assets/car/images/plus-minus.png) no-repeat 0 -237px;
    padding: 2px 0 2px 26px;
    text-decoration: underline;
    margin: 0 auto 15px
}

.uploadDocBtn {
    margin-top: 10px;
    background: #00aae9;
    color: #fff;
    border: none;
    padding: 7px 11px;
    border-radius: 5px;
    font-size: 12px
}

.congrats-container .insurance-detail .ins-right {
    display: inline-block;
    border-left: 1px solid #f0f2f4;
    padding: 15px 10px 15px 20px;
    vertical-align: top;
    flex: 0 0 50%;
    max-width: 50%
}

.congrats-container img {
    vertical-align: middle;
    float: left;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    padding: 0;
    max-width: 85%;
    float: none;
    margin: 10px auto 0;
    display: block
}

.congrats-container ul.list {
    float: inherit;
    border: none;
    width: 100%;
    margin: 0
}

.congrats-container ul.list li {
    margin-bottom: 5px;
    line-height: normal;
    text-transform: none
}

.congrats-container ul.list li:last-child {
    margin-bottom: 10px
}

.congrats-container ul.list li strong {
    font-weight: 400;
    font-size: 11px;
    color: rgba(37, 56, 88, .75);
    width: auto
}

.congrats-container ul.list li span {
    font-size: 14px;
    font-weight: 600
}

.congrats-container .booking-detail {
    width: 95%;
    margin: 0 auto 10px;
    display: table
}

.congrats-container .booking-detail h2 {
    color: #7b7b7b;
    font-size: 11px;
    border-bottom: 1px solid #ccc;
    padding: 0 0 10px;
    text-transform: uppercase;
    margin: 30px 0 20px;
    font-weight: 400;
    text-align: left
}

.congrats-container .booking-detail ul {
    border: none;
    margin: 0;
    padding: 0;
    width: 100%
}

.congrats-container .booking-detail ul li {
    width: 32.5%;
    display: inline-block;
    line-height: 18px;
    margin: 0 0 20px
}

.congrats-container .booking-detail ul li span {
    display: block;
    color: #37474f;
    font-weight: 500
}

.congrats-container .booking-detail ul li strong {
    width: 100%;
    color: #818a8e;
    font-size: 11px;
    text-transform: uppercase
}

.congrats-container .contact-us {
    padding: 10px 0;
    display: table;
    width: 100%;
    background: #fff;
    clear: both;
    margin: 0 auto;
    box-shadow: 0 6px 16px rgba(52, 105, 203, .16);
    border-radius: 8px
}

.congrats-container .contact-us p {
    color: #878b8c;
    font-weight: 300;
    font-size: 14px;
    text-align: center;
    padding: 3px 10px 0;
    line-height: 20px
}

.congrats-container .support {
    margin: 10px 0 0;
    text-align: left;
    padding: 10px 40px;
    line-height: 24px
}

.congrats-container .support b {
    color: #fa774d;
    font-size: 16px;
    font-weight: 700
}

.congrats-container .support a {
    color: #00aae9;
    font-weight: 700
}

.congrats-bg {
    background: -webkit-gradient(linear, left top, left bottom, from(#feffff), to(#ebeff2)) fixed !important
}

.congrats-bg .footer {
    margin-top: 20px
}

.congrats-bg .congrats-container ul.booking-data {
    width: 100%;
    background: none;
    padding: 0;
    border: none
}

.congrats-bg .congrats-container ul.booking-data li {
    line-height: 18px;
    font-size: 12px;
    font-weight: 300;
    text-align: center;
    color: #aeb4bb
}

.contact-us p {
    text-align: center
}

.congrats-container h1 {
    font-weight: 300;
    font-size: 27px;
    margin: 0 0 20px 1%;
    display: inline-block;
    letter-spacing: 1px
}

.congrats-container h1 b {
    font-weight: 500
}

.congrats-container .order {
    display: inline-block;
    float: right;
    margin: 5px .5% 5px 0;
    text-transform: uppercase
}

.congrats-container .order strong {
    font-size: 14px;
    color: #899194
}

.congrats-container .order span {
    font-weight: 700;
    color: #39484f
}

.congrats-container .insurance-detail h5 {
    color: #253858;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0 0 10px
}

.congrats-container ul.list a.btn-download {
    font-size: 10px;
    color: #2b8df4;
    background: #fcfcfc url(https://static.pbcdn.in/car-cdn/ang/assets/car/images/download_pdf.png) no-repeat 7px 4px;
    padding: 7px 10px 7px 34px;
    line-height: 12px;
    border: 1px solid #ececec;
    border-radius: 4px;
    vertical-align: top;
    text-decoration: none
}

.congrats-container .insurance-detail .ins-right .md-button {
    padding: 0;
    margin: 0;
    min-height: 28px;
    line-height: 18px;
    text-transform: inherit;
    color: #fa774d;
    font-weight: 700
}

.congrats-container .pb-app {
    display: table;
    width: 100%;
    background: #fff;
    clear: both;
    margin: 16px auto;
    padding: 18px 25px;
    height: 85px;
    box-shadow: 0 6px 16px rgba(52, 105, 203, .16);
    border-radius: 8px
}

.pb-app p {
    float: left;
    color: #4f4f4f;
    margin: 0;
    padding: 0;
    line-height: 24px
}

.pb-app p b {
    display: block
}

.app-icon {
    float: right;
    margin: 3px 0 0
}

.app-icon img {
    border: none;
    margin: 0 15px
}

.congrats-container .ins-left.single-case ul.list {
    float: none;
    margin: 0 0 15px;
    clear: both;
    border: none;
    padding: 0
}

.congrats-container ul.list li:last-child {
    margin-bottom: 5px
}

.congrats-container .uploadRC {
    border: 1px dashed #656565;
    border-radius: 8px;
    margin: 25px auto 0;
    width: 95%;
    display: table;
    padding: 15px;
    background: #fdfded;
    box-shadow: inset 0 0 0 3px #f1f4f6;
    height: 85px
}

.congrats-container .uploadRC a {
    background: #fa774d;
    float: left;
    padding: 5px;
    color: #fff;
    border-radius: 4px;
    font-size: 15px
}

.congrats-container .uploadRC p {
    float: left;
    margin: 2px 0 0 15px;
    width: 85%;
    font-size: 15px;
    line-height: 24px
}

.track-book {
    width: 99%;
    margin: 15px auto 0;
    border: 1px dashed #e0dfdf;
    padding: 22px 0 15px 20px;
    display: table
}

.track-book p {
    float: left;
    width: 42%;
    line-height: 24px;
    margin-right: 25px
}

.track-book a {
    padding: 14px;
    text-align: center;
    color: #fff;
    display: inline-block;
    background: #ff5630;
    border-radius: 4px;
    margin: 0 13px;
    cursor: pointer;
    transition: all .3s ease-in-out
}

.track-book a:hover {
    color: #fff;
    text-decoration: none;
    background: #f59679
}

.track-book b {
    color: #b7b7b7
}

.congrats-container .insurance-detail .ins-right .confirm-dob {
    padding: 0;
    margin: 0;
    font-size: 14px
}

.confirm-dob h4 {
    padding: 18px 0 5px 20px;
    margin: 0;
    background: #fbfcfd;
    font-size: 16px;
    font-weight: 600
}

.confirm-dob p {
    padding: 0 0 20px 22px
}

.confirm-dob .Txt,
.confirm-dob p {
    background: #fbfcfd;
    border-bottom: 1px solid #ccc
}

.confirm-dob .Txt {
    padding: 0 0 0 22px;
    font-size: 15px;
    color: #e37c5a
}

.confirm-dob .Txt span {
    display: block;
    padding-bottom: 10px;
    color: #000;
    line-height: 26px
}

.congrats-container .confirm-dob ul.tooltip {
    position: absolute;
    background: #fff;
    z-index: 99;
    width: 100%;
    height: auto;
    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: 10px;
    opacity: 1;
    left: -10px;
    top: 60px
}

.congrats-container ul.list a.btn-download {
    background: #53c68c url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAYCAYAAAD+vg1LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggTWFjaW50b3NoIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjMwRjM5OTJEMTcyQjExRTlBRTgyRjRDNzI0RDQ0NDJBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjMwRjM5OTJFMTcyQjExRTlBRTgyRjRDNzI0RDQ0NDJBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzBGMzk5MkIxNzJCMTFFOUFFODJGNEM3MjRENDQ0MkEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzBGMzk5MkMxNzJCMTFFOUFFODJGNEM3MjRENDQ0MkEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7oVULVAAABC0lEQVR42uyVvQrCMBSFG3Wou6D4s7STuOio7yLuPkOfw71TX8ZVnHRS0UU34yLxpFwhLbmxijr1wEdD7rmnaWkaoZTyHArAiqkNwJZrrHluCeA7aqwq3o9UBpfBfwwWL3ZeExyZWguc3glugwUIQRX0md41uIMNmINDpqqDc1TAVBXXlHoyObbgJ1GB0IjrdwXXQOIITcjDBvsGImdogqUldEk10yvMLD1xBpIILHefgIsRqv1jiy8wcs4eDZ4KmUebGZ4Z4wkNj9Q/elXge4/BkLxxAX/6Xq4Y1GmiC/YfbrYO2NFY5o+mEWgwjXe6Vpl6L7/zzBV/S1IHS8eB+aluIv00frDihwADANda7FzCCiwWAAAAAElFTkSuQmCC) no-repeat 7px 6px/18px;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    padding: 10px 10px 10px 40px;
    border: 1px solid #53ab7c;
    margin-bottom: 10px;
    margin-top: 10px;
    display: inline-block
}

.bp-payment ul.confirm-detail li:last-child {
    width: auto
}

.proposer-detail .step3 .detail-info.preInsVis {
    padding: 0;
    margin: 0 0 10px
}

.congrats-container p.msg {
    line-height: normal;
    border: 1px dashed #f1dea3;
    padding: 5px 15px 7px;
    margin: 0 0 20px;
    background: #fffbee;
    border-radius: 4px;
    font-size: 13px
}

.congrats-container p.msg.disclaimer {
    background: #fff5f5;
    margin: 0 auto 10px;
    font-size: 14px;
    color: #d94747
}

.pb-app.download_app {
    margin-top: 40px;
    padding: 0
}

.pb-app .download_banner {
    margin-top: 0;
    width: 100%;
    border: none
}

.pb-app .download_banner .left_img {
    top: -34px
}

.download_banner.inspection {
    min-height: 220px;
    padding: 0;
    display: flex;
    align-items: center
}

.download_banner.inspection .left_img {
    right: auto;
    left: -40px;
    background-image: url(https://static.pbcdn.in/car-cdn/ang/assets/car/images/tp_download_app.png);
    background-repeat: no-repeat;
    height: 257px;
    width: 360px;
    background-size: contain;
    bottom: -23px;
    top: auto
}

.download_banner.inspection .download-app_btn span.ggl_play {
    background-position: -16px -12px
}

.download_banner.inspection .right_content {
    padding-left: 320px
}

.download_banner.inspection .right_content p {
    font-size: 16px;
    color: #2b2b2b;
    font-weight: 400;
    margin-bottom: 20px;
    line-height: normal;
    max-width: 342px;
    text-align: left
}

.tp_msgs {
    background: #f7f5ff;
    border: 1px dashed #7760db;
    min-height: 100px;
    border-radius: 8px;
    padding: 10px 10px 10px 200px;
    position: relative;
    text-align: left;
    margin-bottom: 16px;
    display: flex;
    flex-wrap: wrap;
    align-content: center
}

.tp_msgs h2 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 5px;
    margin-top: 0;
    line-height: normal;
    max-width: 100%
}

.tp_msgs h2,
.tp_msgs p {
    color: #172b4d;
    flex: 0 0 100%
}

.tp_msgs p {
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 0;
    padding-right: 30px;
    font-weight: 400
}

.tp_msgs:before {
    content: "";
    display: block;
    width: 150px;
    height: 100px;
    background: url(https://static.pbcdn.in/car-cdn/ang/assets/car/images/payment_success.svg) no-repeat 0 -6px;
    background-size: contain;
    position: absolute;
    left: 22px;
    top: 50%;
    transform: translateY(-50%)
}

.tp_msgs.inspection:before {
    background: url(https://static.pbcdn.in/car-cdn/ang/assets/car/images/inspection.svg)
}

.tp_msgs.inspection p a {
    color: #091ae4
}

.policy-progress {
    position: relative
}

.sub-container {
    max-width: 793px;
    width: 100%;
    margin: 0 auto;
    padding: 0 10px
}

.custom_row {
    display: flex;
    flex-wrap: wrap
}

.width_100 {
    flex: 0 0 100%;
    max-width: 100%
}

.sub-progress {
    margin: 16px 0;
    position: relative;
    padding: 10px 18px 10px 0;
    border: 1px dashed #fdb46b;
    border-radius: 8px;
    background: #fff;
    min-height: 100px;
    display: flex;
    align-items: center
}

.progress-img {
    position: absolute;
    left: 55px;
    top: 45%;
    transform: translateY(-50%)
}

.progress-img img {
    max-width: 100%;
    border: none;
    margin: 0;
    width: 85px;
    height: auto
}

.progress-text {
    padding-left: 200px
}

.progress-text h3 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
    margin-top: 0;
    line-height: normal
}

.progress-text p {
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 0
}

.login-sub {
    position: relative;
    background: linear-gradient(99deg, #b028f8, #835ae0) 0 0 no-repeat;
    height: 124px;
    margin: 0 0 50px;
    border-radius: 8px;
    color: #fff;
    padding: 0 25px
}

.login-account .login-sub img {
    position: absolute;
    bottom: 0;
    left: 23px;
    margin: 0;
    border: none
}

.login-sub .text {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    padding: 0 0 0 120px
}

.thanks-kyc-pending {
    padding-left: 200px
}

.thanks-kyc-pending h3 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 3px;
    margin-top: 7px;
    line-height: normal
}

.thanks-kyc-pending button {
    background-color: #099bcb;
    color: #fff;
    border: none;
    border-radius: 5px;
    padding: 6px 15px;
    font-size: 14px;
    margin-bottom: 8px
}

.thanks-kyc-pending p {
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0;
    letter-spacing: .22px
}

.thanks-kyc-img img {
    position: absolute;
    border: none;
    top: 18%;
    left: 45px;
    margin: 0;
    width: 100px;
    height: auto
}

.thanks-kyc-pending ul {
    margin-left: 15px;
    font-size: 11px;
    margin-top: 10px;
    margin-bottom: 14px
}

.thanks-kyc-pending li {
    font-weight: 400;
    list-style: auto;
    list-style-type: disc
}

.login-sub .text p {
    font-size: 20px;
    font-weight: 700;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(100% - 192px);
    max-width: calc(100% - 192px);
    padding-right: 24px
}

.login-sub .text a {
    display: block;
    flex: 0 0 192px;
    max-width: 192px;
    background: #fff;
    border-radius: 8px;
    color: #172b4d;
    text-transform: capitalize;
    height: 48px;
    line-height: 48px;
    text-decoration: none;
    text-align: center;
    font-size: 16px;
    font-weight: 500
}

.policy-progress .insurer-arrow {
    position: absolute;
    top: 0;
    left: -5px;
    border: none !important;
    margin: 0
}

.download_text {
    color: #253858;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px
}

@media (max-width:820px) {
    .congrats-bg {
        background: -webkit-gradient(linear, left top, left bottom, from(#feffff), to(#ebeff2)) fixed !important
    }

    .congrats-bg .head-callnum {
        background: none;
        margin: 0;
        padding: 0;
        width: 100%;
        display: table
    }

    .congrats-bg .ac-logo {
        padding: 4px 0 0 6px;
        width: auto;
        float: left;
        display: table
    }

    .ac-logo a {
        cursor: pointer;
        margin-top: 4px;
        display: inline-block
    }

    .congrats-bg .top-btn {
        width: 37%;
        float: right
    }

    .congrats-bg .head-callnum h5 {
        margin: 10px 10px 10px 0;
        font-size: 11px;
        display: block;
        color: #1596fe;
        border: 1px solid #1596fe;
        border-radius: 4px;
        padding: 0 5px;
        background: #1596fe;
        height: 28px;
        text-align: center;
        float: right;
        font-weight: 700;
        line-height: 25px
    }

    .callNoProposal {
        display: none
    }

    .overlay-toll {
        width: 100%;
        position: fixed;
        left: 0;
        height: 100%;
        top: 0;
        background: rgba(0, 0, 0, .5);
        z-index: 9
    }

    .tollFree-mob {
        font-size: 14px;
        color: #8b8b8b;
        height: 35px;
        float: right;
        padding: 0 22px 0 0;
        margin: 26px 0 0 20px;
        position: absolute;
        right: 0
    }

    .tollFree-mob ul {
        position: fixed;
        background: #fff;
        z-index: 9;
        width: 80%;
        box-shadow: 0 1px 5px rgb(0 0 0/15%), 0 3px 6px rgb(0 0 0/10%);
        -webkit-box-shadow: 0 1px 5px rgb(0 0 0/15%), 0 3px 6px rgb(0 0 0/10%);
        left: 50%;
        padding: 18px;
        top: 50%;
        margin: -90px 0 0 -40%;
        border-radius: 4px;
        display: block
    }

    .tollFree-mob .closeIcon {
        float: right;
        margin: -5px 0 0;
        font-size: 14px;
        font-weight: 700;
        cursor: pointer
    }

    .tollFree-mob ul li:last-child {
        border: none;
        padding: 0 0 9px;
        margin: 0 0 14px
    }

    .tollFree-mob ul li span {
        color: #fa774d;
        font-size: 14px;
        padding: 8px 10px 10px 14px;
        display: block;
        font-weight: 700
    }

    .tollFree-mob ul li span a {
        color: #fa774d
    }

    .tollFree-mob ul li span img {
        position: relative;
        left: -16px
    }

    .tollFree-mob ul li em {
        font-style: normal;
        font-weight: 300;
        font-size: 14px;
        display: block;
        color: #a9a9a9
    }

    .head-callnum:after {
        content: "";
        display: block;
        clear: both
    }

    .congrats-container {
        width: 100%;
        margin: 0 auto;
        display: table;
        box-shadow: none;
        background: none;
        overflow: hidden;
        padding: 0
    }

    .tp_msgs {
        background: #f7f5ff;
        border: 1px dashed #7760db;
        min-height: 80px;
        border-radius: 8px;
        padding: 10px 10px 10px 90px;
        position: relative;
        text-align: left;
        margin-bottom: 12px;
        width: 96%;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        align-content: center;
        margin-top: 10px
    }

    .tp_msgs:before {
        content: "";
        display: block;
        width: 98px;
        height: 68px;
        background-image: url(https://static.pbcdn.in/car-cdn/ang/assets/car/images/payment_success.svg);
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        left: -10px;
        top: 50%;
        transform: translateY(-50%)
    }

    .tp_msgs h2 {
        font-size: 15px;
        font-weight: 500;
        margin-bottom: 3px;
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 0
    }

    .tp_msgs h2,
    .tp_msgs p {
        flex: 0 0 100%;
        max-width: 100%;
        line-height: normal
    }

    .tp_msgs p {
        font-size: 12px;
        margin-bottom: 0
    }

    .tollFree ul {
        position: fixed;
        background: #fff;
        z-index: 9;
        width: 80%;
        height: 185px;
        box-shadow: 0 1px 5px rgb(0 0 0/15%), 0 3px 6px rgb(0 0 0/10%);
        -webkit-box-shadow: 0 1px 5px rgb(0 0 0/15%), 0 3px 6px rgb(0 0 0/10%);
        left: 50%;
        padding: 18px;
        top: 50%;
        margin: -90px 0 0 -40%;
        border-radius: 4px
    }

    .policy-progress {
        position: relative;
        width: 96%;
        margin: 0 auto
    }

    .sub-progress {
        margin: 16px 0;
        position: relative;
        padding: 10px 10px 10px 0;
        border: 1px dashed #fdb46b;
        border-radius: 8px;
        background: #fff;
        min-height: 80px;
        display: flex;
        flex-wrap: wrap;
        align-items: center
    }

    .thanks-kyc-pending {
        padding-left: 20px
    }

    .thanks-kyc-img img {
        width: 0
    }

    .progress-img {
        position: absolute;
        top: 43%;
        left: 5px;
        transform: translateY(-50%)
    }

    .progress-img img {
        max-width: 100%;
        border: none;
        margin: 0;
        width: 63px;
        height: auto
    }

    .progress-text {
        padding-left: 90px
    }

    .progress-text h3 {
        font-size: 15px;
        margin-bottom: 3px;
        margin-top: 0;
        line-height: normal
    }

    .progress-text p {
        font-size: 12px;
        line-height: normal;
        margin-bottom: 0;
        letter-spacing: .22px
    }

    .congrats-container .insurance-detail {
        background: none;
        width: 96%;
        margin: 0 auto;
        clear: both;
        overflow: inherit;
        box-shadow: none;
        display: block
    }

    .congrats-container .insurance-detail .ins-left {
        width: 100%;
        box-shadow: 0 6px 16px rgba(52, 105, 203, .16);
        display: table;
        clear: both;
        overflow: hidden;
        padding: 0 10px;
        margin: 0 0 16px;
        background: #fff;
        border-radius: 8px;
        max-width: 100%
    }

    .congrats-container .insurance-detail h5 {
        color: #253858;
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 600;
        position: inherit;
        width: 100%;
        margin-bottom: 0;
        margin-top: 10px
    }

    .congrats-container .order {
        display: inline-block;
        float: right;
        margin: 0 2% 0 0;
        font-size: 9px;
        position: absolute;
        right: 10px;
        padding-top: 5px
    }

    .congrats-container .order strong {
        font-size: 12px;
        font-weight: 600;
        color: #253858
    }

    .congrats-container .order span {
        font-size: 12px;
        font-weight: 700
    }

    .clr {
        width: 100%;
        overflow: hidden;
        padding: 0;
        margin: 0;
        height: 0
    }

    .congrats-container ul.list {
        display: table;
        float: left;
        border: none;
        width: 100%;
        margin: 0
    }

    .congrats-container ul.list li {
        line-height: normal;
        margin-top: 10px
    }

    .congrats-container ul.list li strong {
        font-weight: 400;
        font-size: 11px;
        color: rgba(37, 56, 88, .75);
        width: auto;
        display: inline-block
    }

    .congrats-container ul.list li span {
        font-size: 14px;
        font-weight: 600;
        padding-left: 4px
    }

    .login-account {
        width: 96%;
        margin: 16px auto;
        display: block
    }

    .login-sub {
        position: relative;
        background: linear-gradient(99deg, #b028f8, #835ae0) 0 0 no-repeat;
        height: auto;
        margin: auto;
        box-shadow: none;
        border-radius: 8px;
        color: #fff;
        padding: 16px
    }

    .login-account .login-sub img {
        position: absolute;
        bottom: 0;
        right: 15px;
        margin: 0;
        border: none;
        left: auto
    }

    .login-sub .text {
        padding: 0 70px 0 0;
        display: block
    }

    .login-sub .text p {
        font-size: 14px;
        font-weight: 700;
        margin-bottom: 12px;
        max-width: 100%;
        padding-right: 0
    }

    .login-sub .text a {
        display: block;
        flex: 0 0 192px;
        max-width: 192px;
        background: #fff;
        border-radius: 8px;
        color: #172b4d;
        text-transform: capitalize;
        height: 36px;
        line-height: 35px;
        text-decoration: none;
        text-align: center;
        font-size: 14px;
        font-weight: 500
    }

    .congrats-container .contact-us {
        padding: 10px 0;
        display: table;
        width: 96%;
        background: #fff;
        clear: both;
        margin: 0 auto 16px;
        box-shadow: 0 6px 16px rgba(52, 105, 203, .16);
        border-radius: 8px
    }

    .congrats-container .support {
        margin-top: 0
    }
}

.garage-locator {
    margin-top: 20px;
    min-height: 100vh
}

.garage-locator .autocomplete.search {
    width: 90%;
    margin: 0
}

.autocomplete {
    width: 80%;
    margin: 5px auto;
    position: relative;
    display: table
}

.garage-locator h5 {
    font-size: 12px;
    text-align: left;
    padding: 13px 0;
    color: #37474f
}

.right-container .show {
    display: table !important
}

.pad-right {
    padding-right: 0
}

.pad-left {
    padding-left: 0
}

.garage-locator .right-container h3 {
    width: 100%;
    margin: 0 0 25px
}

.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 ul.garage-city {
    margin: 0 0 30px;
    padding-left: 0
}

.garage-locator ul.garage-city li {
    box-shadow: 0 3px 6px rgb(0 0 0/16%), 0 1px 6px rgb(0 0 0/23%);
    -webkit-box-shadow: 0 3px 6px rgb(0 0 0/16%), 0 1px 6px rgb(0 0 0/23%);
    display: table;
    margin: 0 0 7px;
    width: 100%;
    background: #fff;
    padding: 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: 18px;
    text-align: right;
    font-weight: 300;
    background: url(/assets/img/phone.5bbaf7ad.svg) no-repeat 0 7px
}

.garage-locator ul.garage-city li .contact span {
    display: block
}

span:first-child {
    animation-delay: 0s;
    -moz-animation-delay: 0s;
    -webkit-animation-delay: 0s
}

.gareges-link {
    color: #1796ff;
    width: 100%;
    text-align: center;
    font-size: 12px;
    position: absolute;
    bottom: 0;
    left: 0
}

.gareges-link a {
    text-decoration: none
}

@media only screen and (min-width:320px) and (max-width:670px) {
    .garage-locator h5 {
        padding: 0;
        color: #abb3b7;
        font-weight: 300;
        font-size: 11px;
        margin-bottom: 4px
    }

    .garage-locator .select-box {
        margin: 0 0 15px
    }

    .garage-locator .autocomplete.search {
        width: 100%;
        border: none
    }

    .garage-locator .nopadding {
        padding: 0 10px
    }

    .garage-locator .show h3 {
        margin-top: 10px
    }

    .autocomplete.search {
        background: none
    }

    .garage-locator ul.garage-city li {
        padding: 10px;
        position: relative
    }

    .garage-locator ul.garage-city li .contact {
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
        text-align: left;
        font-size: 12px;
        padding: 3px 0 3px 24px;
        background: #eff3f5 url(/assets/img/phone.5bbaf7ad.svg) no-repeat 6px;
        background-size: 16px auto
    }
}

@media (max-width:840px) {
    .gareges-link label {
        display: block
    }

    .gareges-link {
        float: left;
        text-align: left;
        position: relative;
        top: auto
    }

    .garage-locator ul.garage-city li .contact {
        background: #eff3f5;
        padding-left: 10px
    }

    .garage-locator ul.garage-city li .contact a {
        background: url(/assets/img/phone.5bbaf7ad.svg) no-repeat 0 2px;
        padding-left: 20px;
        padding-right: 10px
    }
}

a {
    color: #1596fe
}

div,
dl,
form,
h1,
h2,
h3,
h4,
h5,
h6,
img,
input,
li,
ol,
p,
select,
ul {
    margin: 0;
    padding: 0;
    font-weight: 400
}

article,
aside,
canvas,
details,
figcaption,
figure,
footer,
hgroup,
menu,
nav,
section,
summary {
    display: block;
    margin: 0;
    padding: 0
}

li,
ul {
    list-style: none
}

img {
    border: 0;
    margin: 0;
    padding: 0
}

p {
    font-weight: 300
}

a,
a:focus,
a:hover {
    color: #1596fe;
    text-decoration: none;
    cursor: pointer
}

.container-fluid {
    padding: 0
}

.row {
    margin: 0
}

.or {
    clear: both;
    width: 99%;
    overflow: hidden;
    margin: 0 auto
}

.containerInner {
    width: 1200px;
    display: table;
    position: absolute;
    left: 50%;
    margin: 0 auto 0 -600px
}

::-webkit-input-placeholder {
    color: #253858;
    font-weight: 400
}

::-ms-input-placeholder {
    color: #253858;
    font-weight: 400
}

::placeholder {
    color: #253858;
    font-weight: 400
}

.pb-logo {
    display: block;
    margin: 25px 0 25px 70px;
    float: left;
    position: absolute
}

.tollFree {
    position: relative;
    font-size: 14px;
    color: #8b8b8b;
    height: 35px;
    float: right;
    padding: 0 22px 0 0;
    margin: 26px 0 0 20px;
    font-weight: 500;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAHCAYAAADTcMcaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU5QTU2NUI0MTQ5ODExRTlBRTgyRjRDNzI0RDQ0NDJBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU5QTU2NUI1MTQ5ODExRTlBRTgyRjRDNzI0RDQ0NDJBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDc4MUUzMTcxNDQxMTFFOUFFODJGNEM3MjRENDQ0MkEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDc4MUUzMTgxNDQxMTFFOUFFODJGNEM3MjRENDQ0MkEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6Ux1FjAAAAqElEQVR42mJsbW3VYGVl1SgrK9vAQAB0dXUF/P79+wYTUMN1IH99d3f3ZHwaoPLrQeqZ2NjYikCC////z8GlESQOkgexQeoZQYzOzs56RkbGBqias0CnmiA56QyQMoYa3FBeXt7IiOxeoMZ5QAlBqFAgyDkgBlD8PVA8CeZvRmRnAG00Aio4i+48oAZjoA3nYHwmZEmQBFCBJFDjQ6gND0F8ZA0gABBgADKiS/DUhj/oAAAAAElFTkSuQmCC) no-repeat right 8px
}

.tollFree ul {
    display: none
}

.tollFree:hover ul {
    display: block
}

ul#tollfree {
    position: absolute;
    z-index: 9;
    padding: 5px;
    top: 18px;
    height: 36px;
    right: 10px
}

ul#tollfree,
ul#tollfree li {
    width: auto;
    border-radius: 8px
}

ul#tollfree li {
    background: #f2f7ff;
    display: inline-block;
    vertical-align: top;
    margin: 0 10px 0 0;
    cursor: pointer
}

ul#tollfree li b {
    font-size: 12px;
    color: grey;
    font-weight: 500
}

ul#tollfree li div {
    color: #0b4aac;
    font-size: 14px;
    padding: 8px 10px
}

ul#tollfree li span {
    color: #0b4aac;
    font-size: 14px;
    padding: 8px 10px 8px 28px;
    display: block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAALCAYAAACksgdhAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjA4N0Q5OEZFNkY5MjExRUNCRDlFOUJGMjgzQUJEMDRCIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjA4N0Q5OEZENkY5MjExRUNCRDlFOUJGMjgzQUJEMDRCIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkU5QTU2NUI4MTQ5ODExRTlBRTgyRjRDNzI0RDQ0NDJBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkU5QTU2NUI5MTQ5ODExRTlBRTgyRjRDNzI0RDQ0NDJBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+B6NU+wAAAJRJREFUeNpi/P//PwOP99ovDAwMXAwQ0A3E5Qw4wJetwQxMUDYXkjgfAwHAhEVMkVhNJ5DE7hOraTWS5kxiNfUD8Tcg/sRABED2UwoQuwFxJyFNLEjsFUAsAMTToHxYsE+HBs59qEvKWdAMmQGlQRptoWwLNDUYmmAaPwBxBxDLERtPMKcqAHExEM9EEgcFFgNAgAEAww0bViKbEwsAAAAASUVORK5CYII=) no-repeat 10px 13px;
    font-weight: 500
}

ul#tollfree li em {
    font-style: normal;
    font-weight: 300;
    font-size: 13px;
    display: block;
    color: #a9a9a9
}

ul#tollfree li:last-child {
    border: none
}

.tollfreedesk {
    cursor: default
}

.akshay-banner {
    width: 100%;
    height: 490px;
    margin-top: 145px
}

.mainContain .containerInner {
    border-radius: 4px;
    background: #fff;
    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)
}

.mainContain .registeration {
    width: 88%;
    margin: 70px 0 0 5%;
    border: 1px solid #efefef;
    padding: 26px 26px 32px;
    background: #f6f7f9;
    border-radius: 6px;
    text-align: center
}

.registeration h2 {
    font-size: 18px;
    font-weight: 400;
    color: #414141;
    text-align: center;
    margin: 52px 0 20px
}

.registeration h2 b {
    font-weight: 700;
    font-size: 26px
}

.registeration h2 span {
    margin: 13px 0 0;
    font-size: 26px;
    color: #f7774e;
    font-weight: 500
}

.registeration h2 span em {
    font-style: normal;
    border-bottom: 2px solid #b6c7d8;
    padding: 0 0 4px
}

.footer {
    text-align: center;
    line-height: 10px;
    width: 1200px;
    margin: 0 auto;
    color: rgba(85, 111, 123, .8);
    clear: both;
    -webkit-animation: fadein 2s;
    animation: fadein 2s;
    font-size: 10px;
    background: #f2f7ff;
    border: 1px solid #ccc;
    border-top: none;
    padding-bottom: 40px
}

.footer p {
    font-size: 10px;
    font-weight: 400;
    line-height: 14px;
    padding: 0
}

.footer a {
    font-size: 10px;
    margin-bottom: 0;
    display: inline-block;
    color: rgba(85, 111, 123, .8)
}

.footer div {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    padding: 15px 25px 0
}

.mainContain .registeration h1 {
    font-size: 14px;
    margin: 0 0 10px
}

.mainContain .registeration h1 span {
    font-weight: 700;
    color: #f9805a
}

.mainContain .containerInner {
    position: relative
}

.aapkeside,
.registeration h2 br {
    display: none
}

.mainContain .registeration {
    width: 92%;
    margin: 70px 0 0 2%
}

header {
    background: transparent
}

.containerBox {
    border: 1px solid #ccc;
    background: #f2f7ff;
    display: table;
    margin: 35px auto 0;
    width: 1024px
}

.registeration {
    width: 52%;
    padding: 24px 25px 22px 40px;
    background: #fff;
    border-radius: 0;
    text-align: left;
    box-shadow: 0 6px 16px rgba(37, 56, 88, .07);
    margin: 82px 38px 80px 0;
    border-radius: 32px;
    height: 440px;
    position: relative
}

.innerLeft,
.registeration {
    display: inline-block;
    vertical-align: top
}

.innerLeft {
    width: 36%;
    background: none
}

.other-option ul.heading {
    clear: both;
    display: table;
    width: 100%;
    text-align: center
}

.registeration h1 {
    font-size: 30px;
    font-weight: 300;
    color: #414141;
    margin: 0 6px 30px;
    width: 90%
}

.registeration h1 span {
    margin: 13px 0 0;
    font-weight: 300;
    font-size: 18px;
    color: #73777b;
    display: block
}

.registeration h1 b {
    font-weight: 700;
    font-size: 1em;
    display: block;
    margin-top: 8px
}

.registeration h1 span em {
    font-style: normal;
    border-bottom: 2px solid #b6c7d8;
    padding: 0 0 4px
}

.registeration h4 {
    color: #253858;
    font-size: 16px
}

.registeration .heading {
    text-align: center;
    display: table;
    margin: 0
}

.arrow {
    display: none
}

.customerDetailsBox {
    margin: 51px 69px
}

.customerDetailsBox .form-group .text-danger {
    margin-top: 5px
}

.containerBoxOuter {
    display: table;
    margin: 0 auto;
    width: 1024px;
    position: relative
}

.provider {
    font-size: 10px;
    color: #818894;
    text-align: right;
    position: inherit;
    margin-top: 15px;
    display: none
}

.registeration .heading li em {
    font-style: normal
}

.registeration .heading li::marker {
    display: none
}

.landing-page ul.heading.list {
    margin: 10px 0 30px;
    width: 100%;
    text-align: left
}

.landing-page ul.heading.list li {
    width: 32%
}

.landing-page ul.heading.list li em {
    display: inline-block;
    width: 65%;
    font-style: normal;
    text-align: left;
    font-size: 14px;
    line-height: 18px;
    vertical-align: top
}

.landing-page ul.heading.list li {
    width: 36%;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    color: #172b4d;
    vertical-align: top
}

.landing-page ul.heading.list li:nth-child(2) {
    margin: 0;
    width: 27%
}

.landing-page ul.heading.list li:first-child b {
    background: #06a857;
    top: 4px;
    vertical-align: top;
    top: 0;
    top: 3px !important
}

.landing-page ul.heading.list li:first-child b,
.landing-page ul.heading.list li:nth-child(2) b {
    width: 3px;
    height: 34px;
    border-radius: 6px;
    display: inline-block;
    position: relative;
    margin-right: 10px
}

.landing-page ul.heading.list li:nth-child(2) b {
    background: #f4bc00;
    top: 4px
}

.landing-page ul.heading.list li:nth-child(3) b {
    width: 3px;
    height: 34px;
    border-radius: 6px;
    display: inline-block;
    background: #2fcdeb;
    position: relative;
    top: 4px;
    margin-right: 10px
}

.other-option {
    margin: 0
}

.tc {
    font-size: 11px;
    letter-spacing: -.2px
}

.tc a {
    color: #1596fe
}

.other-option h4 {
    font-size: 12px;
    position: relative;
    background: #fff;
    float: left;
    padding: 7px 10px 13px 0;
    color: #253858;
    display: inline-block
}

.other-option h4:after {
    position: absolute;
    left: 130px;
    top: 16px;
    content: "";
    width: 24px;
    height: 1px;
    background: #304261
}

.multi_lang {
    display: none
}

.landing-page .textinput {
    width: 100%;
    position: relative;
    margin: 50px 0 0
}

.landing-page .textinput input {
    padding: 13px 0 15px;
    font-size: 22px;
    border-radius: 8px;
    border: 1px solid #5e6c84;
    width: 100%;
    text-align: center;
    letter-spacing: 0;
    font-weight: 600;
    line-height: 31px;
    color: #546e7a
}

.landing-page .floating-label,
.prequote-page .floating-label {
    position: relative;
    margin: 20px 0 0;
    width: 92%
}

.landing-page .floating-input,
.prequote-page .floating-input {
    box-shadow: none;
    padding: 15px 0 13px 10px;
    font-size: 18px;
    border-radius: 8px;
    border: 1px solid #5e6c84;
    width: 100%;
    text-align: left;
    letter-spacing: 0;
    font-weight: 500;
    line-height: 31px;
    color: #253858;
    clear: both
}

.landing-page label {
    top: 22px;
    text-align: left
}

.landing-page label,
.prequote-page label {
    color: #5e6c84;
    font-size: 14px;
    font-weight: 400;
    position: absolute;
    pointer-events: none;
    left: 15px;
    transition: all .2s ease;
    -moz-transition: .2s ease all;
    -webkit-transition: all .2s ease
}

.prequote-page label {
    top: 20px
}

.landing-page .floating-input:focus~label,
.landing-page .floating-input:not(:placeholder-shown)~label,
.prequote-page .floating-input:focus~label,
.prequote-page .floating-input:not(:placeholder-shown)~label {
    top: -10px;
    font-size: 14px;
    color: #5264ae;
    background: #fff;
    color: #0763f6;
    left: 10px
}

.btn-price {
    width: 100%;
    border-radius: 8px;
    margin: 20px 0 0;
    background-position: 94%;
    background-color: #0065ff;
    border: 1px solid #0065ff;
    font-size: 14px;
    font-weight: 400;
    padding: 14px;
    color: #fff;
    background-image: none;
    height: auto;
    cursor: pointer
}

.akshay-banner {
    background: none
}

.landingBg {
    background: url(/assets/img/landingBg.975f508b.png) no-repeat 0 0/100%;
    width: 246px;
    height: 419px;
    margin: 118px 0 0 60px
}

.mrPB {
    width: 122px;
    height: 153px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPQAAACMCAYAAABLXoRSAAAABHNCSVQICAgIfAhkiAAAIABJREFUeF7tXQmYXUWVPrdDzEYgahwFhDRjEpCRyaJiwjCQIIjIKJtKQAJB0s0iSPhEw4gIUdEE8UtYB0mARBACMxJRwY0lIELEhSB+oEkcO2zBL8gEsnVI0nfO/7qru7pe1a2699373r3vVn1ff530q+XUOeevc+rUqXoBlbm0ha/x9N9aZhY09dwH0tF0Q/Czpp6jMrmgTJPtN9eZ4W0U0KmlnX8ZJh7Qi3RTsHcZpirmWE5AnxvuTdupg5nQUiZhl3SuV9HC4ItlmXs5Ad0erqSQxpVFyKWeZ0Db2EoPLgsPygfo9vAsBvONZRGwn2eFAw+zlT68DLwoH6ANgbCLjiIaObwMIm/eOUKZ5/+C6JU3NHPs4gDZzc0fICsXoA2BsOmTiK75DLHhzmeJoqtcArTL52fPEJ1yk6ZeyAGyRc0fICuPPlwY7kWb6Hk1EDZiKNHTc4iG53SXZQJzeQRnB7FcA3z5xDVEv1qtaRfQt3k//aV4PRardnn0whAIu/KTRDMPy6fQPJiTyeUlzi448DItoJs+QFYOQBsCYePeTfTIbKKuZHqTeSvXLUA5hBiP3VdxOsk379O2aeoAWTl0wRAIu38W0aT3xFOUetX2YK6N0xs7iQ6dS7T2H1pLfRS73hw+a77S/IBuC7/HYpuuii7PgTAXMDe/4GoHWxkDZM2tF6dxIGxQfgJhLkB1UeM8Ci2P+/3IAFnIAbJFzRcgy6NuuOi0W502zgij6oywRgTC0gKzOvGsBGijF+Pa6oDWrOhzUwAiY4CMOINsYfNlkDWa365yiV/v7LCNdlLViWQjAmEuii8m6AoUuX585thb2Gh2pTMPClamAFke+G3XriQ12sN/sAl5m9r0/gs4EDY6SYfJ2tiAoQLTtX6W1s+FBhdA50W5yhQgywvPk6HF1CongTAXYKjAdG3TSEALpbHRmifl+jlnkJ2syyAL6AWOeO+TrgI2rrc88TwdLrSHe7BlfpE763c1slEZYTalTzrpLAVno7mIgC5LgCxLvUiqq7W1awuf4g7Gq500IhAGGmzgUOlstCsbl14XYeVFycoQIMsLr130wl4nR4GwuGB2tXq6BcDOGPcazQxocCEiQPYQR70/7M6pfNZsLkDP5EBY0PhAWFIw19IubfVKE9h5UrJmD5Dlide16WRbuIQ7OE3tpFEZYS6AUJnv0kbML0vBudDhsjXIMnBXi7I0c4AsS72ohefx2uYsEAbiH+Pre7jGJ8rufE3zfXv1n9YhmuOzA/nCyG5cVy3/JtXNWmhRgH6Gw41vcJ60Cuhfr6qm+ZmXuO7Wvr8/z3nVz+Od1Z4y+2NEs4+OJ+o0akcGyIjmset9cRrjNKKPrHWjPnPKWSBMB+j6MIKvDfKCsPuQeKO9zqADUOtdGgVozLNZA2TFB/SZ4Uw+oFqoKmMjMsJkGlQLXW+wFGG8RgIa/DEGyEJ6iPO8CxkgKz6gUwyEpfXUD/r5teJyFwFg9aax0YCODJC10Efou8Ev682TWscrNqBTDIS5BILiMNsD2s6tRgMaFEYEyJ7nDLJR9lnkq0ZxAX1B+E7aSi9z5kYqGWEe0PVXzDwAutkCZMUFdMqBMA/ocgK62QJkxQR0yoGwtMEMJanF5b7s49XgwlM6ix93A90FHM5B7rpc1PZT9iM6bKy9v+V/4VdROQK+YYu9btwaebDQguaIANmDHCA7Iu7cGlW/mIBu44wwSi8jLAtA3/gw0SX3JBNrqLkVBEDt+2U7sMbzV7M9dWn1uI/wOfGUq/r+fjkvGrqFw0QxFpML77aPH2fGZ0/hh/xOjNMiu7rNEiArHqBnckZYUJ+MsFqAPu+nRFfen0wBdYBGT2cstlvpBScRwUKrpVZAoz8sKlO/Q7TyhWTzUlshWebHfD89L6UZAmTFAjQCYVs4EJaTq5FRijg3A0Dfyw8qHXdDtPr/7VtErW/PBtDotYN9o33/Mx0I5g3QkQGygOZy1DulmafDP10vxQJ0e/gHjmpPUCfSqKuRJrHAsmdhoTHeW/npYdN+1uRuo53NQqufow0WBlj8Y5XLqMfzovJDvNZWY8kboDGdiAyyTk4JjZmDVyODEjQvDqBTDoQl4JVzkywBHeV2y+420jnlFNAkgMaEEVxbyXvyUZLVv/pBoll3ObPDWDGPgAaxRQ6QFQfQKQfCaldHfQ9i352mhUaUGamsKNi/Tvi6fuz/W9AX3YZ7LlvWpIDGSIvPIDp9ct+YOmuehJ95BXRkgKyLjuBvseQlLZ+lGICeGS7mQNjpKgsbdTUySpRZABrR5fmf7hsVe1jsZeVyHLvFy87t+wusqBwcSxPQS54gmnFr7QqdV0BjZsYAGV8YY9c7txlk+Qd0RCDsj3OIds3Rt0bKUfE0LTQAjGCXKAD4ggf6A0q2ojhznrGYv+X8C2arqh5bmawuXG4cg8mBtjk/Jrqcf2oteQZ0JUB2LX+LpeZaKBuX3AbI8g/oggTCoNxZATpo5yAUW1/hQuvcbtndhnVG0KpWQAPE8zkoBusvF52HkATceQY05lPEAFm+Ad0Wfpb5erOqLI2+GqlTXvXMOm0LjcyuW2f0jYx9tDgPnnFw9WewrHEA7QrItAJiGC/vgAaNEW+QPcCu95GufKtXvXwDuj18lc1e1alqvR/LdxFGloAWyRwd7HaLyLUMLNl6w91uZRcdC0DagE4TzEUBdNECZPkFdEQg7OrP2CH28auJXuDnbvbh5WAf/v6Mvflnn5HSv6u+U8PeZ1SNrAGNnGp5nywSPGCJ4W6LIvbXqtW2BcVss8eiAhrSLPWw0K9zdtufOBUJv8XzSfgtXml5jffJtlKkAFk+AT09/CcaTOuY0VVXI10DYQD0r9dEiwpAB+Bh9cR7X4f0XFh43578d83bXq6gTtPlFmBSI9n4O/a5sisu9re2oJf6uXp5YxZfR5DPsdOKbMv8SwPQQsYVkDJosYjj3TLXZ5X+Ns8u58gA2U4OkN2SnwyyfAK6Lfw9C36iCp44GWH7zu4WcK0FoD6w53E/YenRZ+Xtrh7AA/zqw35ZABrjbuCFSgANIBvFixLcaxTZCscFtGrBAWj5qAz9pxUMEzIxAVpeiB/riTLjYULx7pn62GAtMv7R54kOGWPvwRggC6mTb2PlJoMsf4BOKRD2tvPtQsqiRgX0bDVfUF64jDOWejlDdnflbDCkgMrXJOUssloBDXqxZ5czxNK20vJiiTfYGlFcAQ3aihAgyx+gUwiEwTLDQhe1RAE6Kl9bzvNOA9DqPjwLK91oGV1xAtE5U92oKEKALF+Abg9v4ag2Jxr2L8gIcwmEiVa6Fzfhlna8Wp1h5SbK+taKArTOcuJvqvVMA9C6sRAYg8cgFxn4us/ryz3zaNABHPXJl1viPrKQ9wCZE6BHf+ikZUEQHEdhuJKjuR0UBCvx72DAgLWrH78jhXs3LITuQBiuRg6QRQKX0jUQZgI0AkdyphUixMh2cn0BpN4KaQO0bn+r3oBKC9A6K61GvFV6Xe5t14On8GYQMMRvUdQsu5MPIrp+ujs1AMyxHBl/VJdB1kXf4jxvfoaitjJ68smHBV1d4xlnSOmZwj+t1NIywQVrVkCPnXzycWEYLoskMQ2gpxAIEzQiIDVPelwAAl1+Uf+orSl9UZzfAvSw6ChzfpL+kU0UP22AVhcoRHRHKA8FpAVoFyut0qtLTa1Nxftai+y1ERyGwmIP2ZpkqdueqItNkkh7WhlkrVNmjNhl27ZxbBynMBBb+bcAcTW7GGOrf3NX1dVhtWIkoDHgwK1b/8YrxYhEApGA3kJBR1dAHTsGDXq6Y/niDf36Oys8g7roFnUMZIQt571w3JdDVEDL/ULIUAST+60mZKCtSUF14IfrW6vltwEaNGGBEm+C6RI+0gS0zUrLY+FmGJ46ivMGGeSB5JiQBW0DqXruXllwI3LLxQmA6Qw9CaAxZtwA2ZiDTxkf7tw5ClaXQddtdbt/nAu3m7NqxdLLoxpEAnrM5JMXMJezeiRmOVv+DXDf1+/VftGbg96167Yho6irpe/w9z4eebLm+59sHPjcbUR3PmmrZf5cgB5WAP8GQNXbTWitA39al/+TU9+YlrCclbvTCZ8nUhexqIg6FpAN7JWIsWpNeHFJLlG5agqQDdn8HO322kOXDt/w2ABY3Irl7Xad0ykW19sI6NGTpsEN4Kfu6l+2DjuA9hw5lE6c2kp77vEO2uNd/PPOkZXfLsUlqcSlH5c6wgJUAM5JKSbwu/RV5joAaSVg1fPldvUMYMYF9Ko1a2nT5i1098+fpWW/2UyDOtfSLtvX08A312cvQovrrQV0xdXu7HyKqWvNnsJ4IwzfdSiNHd1Ku/LvMfwb5f0TDqj8njjuvZXf9QR0POp97TxyYCVfw0X+gCgbN22h1X9dSxs3biaAd/Om7t8vv7Ke1vFPo0sYBBeueeJOKeG3jyItoDN2tTPnxy4jWmlr11Da/JZRtHPAMNox8B20/S3d1n3bYHbrB8TM6cycYj9APTkAi9qyc0vFov7z8PV0cOtmem0dA7gHuPWkJdFYvFUdEAQT/rxiaYfavgrQ2LxTVxesc1OXkIHeyeBGAdj7A35YBfQAvy/F4YAAasvObjcYZa/B66lry/pKuuz6558tzmTslC5fvWJpVUpMNaA/dNJTqW7i7YQVogb29aLICwCCeNuGtPZ+5j2AdMQpwCl6G7K5D4yDtnbQIH7Pedggoh0b1lLX9s3pDFq8Xs5gUC+Wye4H6LGTpl3OJweXFW9e+aUY4IfLLxd5QRB/714IhmknsmPgyF4PIq8zVQEo6IRbi4CRWgDKAez2ijKos6PiBvsSgwPsem8fMmRf+Ri4F9D7T5rWujMMYZ2TnTnHoMNXzYYDUYtCLSPK1rGWfnzbTDiwhK30DNFzL6DHTJqGI6opmQzpO/Uc8BzIjAPsVU9ds2LpcgxQAbRTemdm5PiOPQc8B2rkQAdb6X0rgM7zmXONk/TNPQdKwwGRFhr4QFhpZO4n2swc4ADZyJauPQPeO8e9+9DMbPFz8xwoLAd2hi1jPaALKz5PuOdAfw54QHuN8BxoIg54QDeRMP1UPAc8oL0OeA40EQc8oJtImH4qngMe0F4HPAeaiAMe0E0kTD8VzwEPaK8DngNNxAEP6CYSpp+K54AHtNcBz4Em4kBqgL7t+ksj2fLSuvWEn+dWr6UHHv1dLBbuxa9+nn7S0fTeMaPovWNbaTd+HPA3f3iW33/aQkvu+mnl37ai0jf9c1+3Nen3Ocb+8qzTev/2Z57HFQu+Z+3j+I8dSkce9kHCHNAHCngAmpfd90jl37pyw7wvEB5DFOVB5tlinqupzGD+fPjQD/R+DN6cO7vv+2ouYdr37xnf1MeTTNOLLCOM9Qa3j1tUmi/+xo0VmduKTXdM7V1loMoONIG2pAX6dz3LRxSV11H9nnDMYQSdiCoyTlz4J/eVGqBXPXGnM3+gLBd//b+cgA0QQVmjCkAB5Y2avEofXxd1phcVPzTxAJIV78mnnqNTz/2asQ8oERQcQI4qWNzACxVA58/8JJ1/5om9TfH54cefbwTaw/dc02+sa2/+AV276H96299+w1fpoAndL6LaCsZasvR+Qh+uBfO993tz+1X/Ji94UYuQqBxHd+QBbDIQdbGYwSDIZeoJn3dabHTzByjnfuXsfh9B/1wMlSpXG39N+mFq1xBAC2JsAgcgjpCsTtTkoYTTGWAmi1dPQEO5b2MAYSV3KaAZtKugfnjZtbTXu0b2dgGrcg9bdbWoCgaLMVUBfxxAi/7h/bh4Iag/79JzqiwPFlgAx1ayBvTvfnlzlSzUBc9Go/w5Fi7hbYm/L7v/UZrNC7OtxAU0+jPph26szACtru6wcGCC7EaCILi+OpdZN3GsyKLuu9nyAexyf5j4saddrOVpvQANEEPgsmUGwABEKPjw4cMqfFAXKp2CqUA1AcRmncEQFdAqL0GvzoKDn6ZFUma0DjT43KU9ZG0rOp659A0+wzCoxXWxUduBT+C3rnzgyDOtWxVVr2U5oE/gBGPICzn+7rq4ZgZonUsLQqFYMrG6lU3HNJ11gpDRnwxq08pbL0CrAsM+D665an11bptOIWxWWlVYnXXWAVrHJ/D9R7wYufBTVmjdXOJarihA6xZJVwsb5eWZjEkULTr3XdQ3eVByf6p+6OaB+c5lj0de9KE/0A9bqSugQYxuxVTBrzItaq/kasXqBWjVWkYpDcAjB6p0CqHOT/VCsK/Hqm5TKtVCmwCh8t4FOCposIiJebkqYhwQof9PGDwxuR8AA56DKDJd+Jurmyz3Kcv3pVderbjyYgGM8hBFHy6ARl2VdvzNZd9fd0CDMBVcqmVS9yi2gMPvWWiyVdG5YvUAtBoYgsCxlzUVV/CoVlosEmqgLmo8V0C7KpyYk+pNIYiDaLl8IuBiuUw80hkAF1cb/SGYqtKBv8mLTVSgUaVJpQVu8G68hZKj1jbQxeGvqrMuHkXdAa1beVQLbQO8ymhVWXXBtnoAWrWmrlFYmxul9os4AoSrWsYo4LgAWufa2pRIBxrQJ+8zAXL5CM02X/E56HmIA4NycNEWSJX7Vg0DDAd4mXSxUQN/WFiwoMl7dNtetxZAu5zM1B3Q6oSw53u/tDfQHX/YJuLCpHoAWqXDJlxXxUY9nZWWj9Fs3oAKaIAOllQUBOuO5ACSHMxzcUnVLYbwttTthM1y6XihLlhxFkhVj8SionoUYnG0yUJdXGR+yx6iLdjmoqugBcdiWHxEsclX1MsM0LozWhAoEwkiVKVR3UjUiQtoHZAaAWiX/adNkcTnUYEn1LG5tXGOrbDI4vxYPsfW0WkCjc7djWNZ0V53FId9s2uihbqdkfmTZLFR6ZF1TLXcUVtEFdDqwoq5H8GJSOqxmE2+mQPaRVF1Edk0AK1z8YoOaPDTBEqX1TsOoDEWFA0gjDqyigKNagltlkvWF7SFuyy72q4KLfpRj9HkOI26TXBZeNXgo7yPV/fWUZ5NknNoF0+p4YBGxBEH8arCpAFonYCaAdA63rhYZ91ioJ5/og5cbjnqbkvWiQIN+lMtoWswSwVP3D24CjC1fdzFpqq+JtipBmZNZ9JxAA2DB4y4ZKA1DNBQJCRZ6DKeQJRL0Ey1/qrLkxdAx1VEF69GtbQu1lkHaJNVUhXONAcVNFiYr5i/pN8U1C2Wi6XRxVjUrDcbn1R9wPbhgUd+268Z6sjxgqjFRseTxZwaKxfUcTk+VPuC/MQ2ArqvLqhxovCgJ7M9tHz54Y2Nm52yjQSDXI6hZGa6HHPVw0KrSm4L4kAB5OwsndVUldc1qKK2c4lyo40uqUcXw4iTlitosZ1J6wKitiNLdZ46g2BbAPB51GKjBv5c+jOdSdvkpwY/XbYDMj2ZAdoWyIpiirrCRkWLdQqoc3fqAWidMkWlA6qgcBGeTSFMfHUFtIuHlBQ0oC1qL6wuzC4WXZ2vLXho4o9psTFtc1xArYvs2+SnGy/OCUEuAa1auqi9nAoKk4tYD0DHcW11gR+XPaZNIWoFtBowUo8V0b9ax0W5RR2TfNQAG1zRY6fPtuZGq2PrLk640qdbbHSXTlz70xkiF/mpi2+chS2XgNYBQ71yCfcMzFEvOZhWMxXQUVcfMT4UWQ7YuV6f1K2wOP65h2/jiL0SaIYCy3s413RGF4XQKZyqJLo4Bmg/fdrH+kWXdQBUQRNldXUelCojE89c7rljmyKKq7cm6qsLkzpXXWJL1KKrGiJdZN9FfrVY6dwCWndRwLYyRrmsca/oqftfV0CDxqgEft0csHhggXG51eSiEC6AtvFSfK5miun2ubZbRmq0Wz2TTrJHFfTJWzuV77agpG2xqbonYEnlBU1q/EeNAbjKL6mVzi2gwZzKIwFXXlR1lUynjLbEhXoCGvS5umoAM+4cm6L+6lxdFUJtF/cc2kRXXNDoXHTVcsWVjTw3GdDqwuBydh212KjbOZfMP1XuqrvsKj+dlbal4YIvuQY0CITbAzcQ7pF6lxqfYxV2eYYortLUYqGFwmGFly8DqCCDsK9hd9w1+wntXRUiKaDh+sPVxVGPji717NkFNDpLKLuucWWjA7TuEofNc4habGw0mzwcGx1x5KdL17U9nZUaoF1duFrqiXM+ALuyx13VETtoUsv4SdtCOfAgg6Ab/bjsD5OO59uVlwOFAnR5xeRn7jngxgEPaDc++VqeA4XggAd0IcTkifQccOOAB7Qbn3wtz4FCcMADuhBi8kR6DrhxwAPajU++ludAITjgAV0IMXkiPQfcOCAAvYGr7+7WxNfyHPAcyCsHKoAeO2na5SHRZXkl0tPlOeA54MSB13fbvts7AlRlUHcwqLu/HtEXzwHPgcJxIAyCC9c8ceeCCqBHT5o2hf/xcOFm4Qn2HPAcAAceWb1i6RT8owJolDGTpi3mX6d7/ngOeA4UjAMtLRNWP37Hyn6Abp0yY8TAzs4O/qMPkDVYnhPHmb/LeeKEvu+y6ifAFGnm7Vel4BLM6tVQieqy7pX1tO7vr6Y4qu8qCQfYIs9ZtWLp5aJtr4XusdIz+PetSToueZvXef6VFVKUN946ZfcdA98+Xvx/25BW2jmg7zujL5nWSud9ZCh1OTJOgEyt3k+Ajn1FVTONgzZiLF0dmQ6A/WX+ef4f/I4Yf+/8to3raeCb63uHbenaQoO2dlAQbt8yeMsaPMk5gn/GpUB+qbpgnq99c/Dg8R3LF+OkqlKq9IFd7+X8977v4SgVi3on+zT/SzCpg5nUgU9YkRE8rPx7F/795xVLK/82lrZwDn/2VdPn0ycRXfsZMoI6ClxGAdYoL9vCYQOzUKq7nmQw/4CZuMVAUEiP0qJAq2djDj5lfNjVBZCzhgbjW8Kw5980Pgwr4EfBYllqb5JlMXXNiqXAa2+pAvT+k6a17uy2Nk3HLKxoAGQQMFjDHosaBCu7wnCDE0CTgGVmeAYvmzd1rwHVBaD+5olEwwZHd24DWhLSTG2ixpI/03kH+NvdDOazbougKKS7GcwnpUWzWAB47Fb8cMR3BIWh8I6aFfhLOBA2Q+Wh1mMbPfnkWUEYzk+L4fXoR4CVx6pYVNmaqqtYPejpN0ZbeDD//+f8s6tu7HHvJrrvAqKhOQF1Us8AynTpPUTXRZ2XhPQdBvNF9ZYBDNUOBjvGbSGaUhk/6LX4RQP969sHD26VXW3BT+MWjF1vWOnc7GtMgM3MsqatcReGb6NNhK98fKcW1HsT3TCd31LbwzxwPax00jGgSJ//PtFtKwz0B7yzCGgWfTe4Nm3WptWfsPQC8MyLbuDnbAsaBMHx/HTTD3XzNgOa9zHU1fVUWsxy7Keyd2WilncFAbvF4crCANZxgtQW/oWrjtVVH8Exs/tndYNaB6ykYHMlLWn/G7cSffwaoj++aBypkyd0Ilvm/t8h40pYTuohXwOkAPDMq1b+J37qat15u3jvqieWHmdiSWSQNIu00F5Ly3tXdus3cJR3edOB1qaAM8PH2VpNNoH6xtOIjvqXalAnBZyNHPVzl8CXaLOpB8xPm8H8Gr1JB9GS4K9x6ShSfYC9Rezd+1z5tIPLRldb8Mp66lGD6/0ID1LZzwK0QUvLBnH4XSRBZUZrW7iM+zautDcxqD/9wf4R8HoAOs4Yz71EdMzV7FIxqA2lgxYG+2bGwwJ0jPyOXTo7x/cG7Ni6VwJ3yVKtz+BA2OKoadsBbXe9+wG3dNa2FqVqD69jV/Rzpi4uOYboix+1g9oqREca44B5xRqiUxZGHEsR/YHB/H7HoUtZrSflujsybwd6b3pnTYBG4x7X+zj23zsqxz3sLvPZ4ErrOWwpxRRz0u3hl5inc7mVFpc41rqOz6r5KLFS4rjDMSnR9o0+VMJwLHV21LEUIvoLA16KfEnCARXo3MeIAezNueAtrcU9Cd2+jeDAWeEJjKY7+GeQjimHcgjt+23dZ9VxrGhSBqtjyEqyiP2xL3H2l7EEnGl4U/DZpGP7drVxwAO6Nv6l1/rM8H0cPv0VVmNdp5Wzao6AD2XI19tKCyXBsdTtpmOpbqK/xpb5svSY4nuKywEP6Lgcy7R+2EIzaS37uAzf6jLq7UR3nkW0v+ZYKw1Bmqw/Itlf4YQR4xkz0Q5eZdr5WOrWTNnjO7dyIA09sA7iK8TkQHv4RwbIgbpWOKv+KVvq/RRQpyFIHaAB5k/wGbPxWCqkzexZfJTd7MdiztJXz4ADaehBBmT5LjkB5SHmwlQTqK/8JNGnpGOtNASpAvpZPpY67/YIMBP9nZNZD6D5wWteYvngQBp6kI+ZNCMVbSHDiTjGrS84qxagTkuQAtTPvUz0Hwsiz5hX8X55v2Zke5HnlJYeFJkH+aa9LcSR1mwTkTjWuoYh73KhwjZR0ccvniE6h5eSiKuPT/B+GRdOfMkZBzygcyYQLTlt4dn89+v4h48jq8t0TiKtnFWngGqHM+YfsmU+vghsKyONHtBFkfpZ4ZFshu/lnyE6knGs9RO+gmm7Vx01XVx9vD7q6mNA13Pw67yisKyMdHpAF0nq54Z703ZOqSQaqQU1X8G8o51oTz7JjmOsoQSRVx/RXUAXM5ivLBK7ykirB3QRpd4ermGIvUdHuu0KptoGVx+nLyJ6dJWBEQFtYzCfwveY2X77kncOeEDnXUIm+tpCzqgmPriqLgD1UrbUkxjyUY8Qburke8x8Wyri6uMG7uDf6ebgT0VlU9no9oAussTbwp8w+XwnS19u4hdQPn2QHtQ4ljqFXzpbyy9zaktIL9IifJtK4PowaZE52TS0e0AXXZTt4UJ2v2eapvHtTxG1HdoHagj82XW8CuCM2fQiZ0DP8H75X4vOmjLS7wHdDFJvDy9lUM/hqURewYSpxfO6lquPD/Ox1OHNwJYyzsEDulmkPjM8leF8C09noG5Kh3FO18R9iOb/MnLC32cwn9osLCnjPDygm0nqbSGCZA+VQCpXAAAAyklEQVTyz/AE05rHYL44QTvfJEcc8IDOkTBSIeVT4a58oxqHUBEPAvcbCY+hnMdgvjGV8X0nDeWAB3RD2Z/h4G0h3gA3f+sdhg5oK/8cy2fM0Y54hmT6rtPlgAd0uvzMV29tIV5AOcRA1Ku8255INwQv5ItoT00tHPCAroV7RWjbFv43k8m3p6US0v/ybSltplkRpuRpNHPAA7oM2nFmuIBfFeGrG5XyW94vc7qJL83IAQ/oZpSqbk7nhMfwW8DjOWHkirJMuYzz/H/RgSLtdWlFPwAAAABJRU5ErkJggg==) no-repeat 0 0/100%;
    margin: 22px 0 0 60px
}

.mrPB,
.superHero {
    display: inline-block
}

.superHero {
    font-size: 24px;
    width: 194px;
    height: 100px;
    vertical-align: top;
    color: #3862aa;
    font-weight: 200;
    margin: 18px 0 0 23px
}

.superHero b {
    display: block
}

.container-tab {
    background: #fff;
    width: 100%;
    margin: 0 auto;
    padding: 10px 15px 50px;
    border: 1px solid #ccc;
    border-top: none
}

.container-tab .tab-content p {
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: .24px;
    text-align: left;
    color: #253858;
    position: relative;
    margin-bottom: 20px
}

.container-tab input,
.container-tab section {
    clear: both;
    padding-top: 10px;
    display: none
}

.container-tab label {
    font-weight: 700;
    font-size: 14px;
    display: block;
    float: left;
    padding: 10px 3px;
    font-weight: 400;
    color: rgb(22 43 77/60%);
    margin-right: 25px;
    cursor: pointer
}

.container-tab #tab1:checked~#content1,
.container-tab #tab2:checked~#content2,
.container-tab #tab3:checked~#content3 {
    display: block;
    border-top: 1px solid #e8e8e8
}

.container-tab input:checked+label {
    text-decoration: none;
    border-bottom: 2px solid #0065ff;
    font-weight: 400;
    color: rgb(22 43 77/100%)
}

.container-tab .tab-content h3 {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 5px;
    line-height: 15px;
    margin-top: 20px
}

.container-tab .tab-content b {
    font-weight: 700
}

.container-tab .tab-content li {
    padding-left: 10px;
    position: relative;
    font-size: 12px;
    line-height: 20px;
    color: #253858
}

.container-tab .tab-content li:before {
    content: "-";
    position: absolute;
    top: 0;
    left: 0
}

.container-tab .tab-content h5 {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 5px;
    line-height: 15px
}

.container-tab .arrow {
    border: solid #0563f6;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2px;
    margin-left: 10px;
    border-radius: 1px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.tc {
    font-size: 12px;
    padding: 13px 0 10px;
    text-align: center;
    color: #546e7a;
    font-weight: 400
}

.tc a {
    font-weight: 600;
    font-size: 14px;
    color: #0065ff
}

.ring-home {
    top: 30px
}

body {
    background: #f4f5f7 !important
}

.containerBox {
    box-shadow: 0 10px 14px -6px rgb(0 0 0/10%), 0 22px 35px 3px rgb(0 0 0/10%), 0 8px 42px 7px rgb(0 0 0/12%);
    border-radius: 6px;
    border: none;
    background: #fff;
    margin: 0 auto
}

.registeration {
    background: #f0f2f5;
    box-shadow: none;
    border-radius: 6px;
    width: 60%
}

.footer {
    border: none
}

.footer,
.other-option h4 {
    background: none
}

.pre_quotewrap .left-panel .image,
.pre_quotewrap .left-panel h4,
.pre_quotewrap .left-panel ul.features {
    display: none
}

.pre_quotewrap {
    background: none
}

.pre_quotewrap.containerBoxOuter {
    margin-top: 0
}

.pre_quotewrap .inner {
    box-shadow: 0 10px 14px -6px rgb(0 0 0/10%), 0 22px 35px 3px rgb(0 0 0/10%), 0 8px 42px 7px rgb(0 0 0/12%);
    border-radius: 6px;
    border: none;
    background: #fff
}

.pre_quotewrap .left-panel {
    width: 265px;
    height: 419px;
    background: url(/assets/img/car.jpg) no-repeat 0/100%;
    background-color: #fff;
    margin: 64px 0 0 60px;
    border-radius: 0
}

.footer,
footer {
    width: 100%;
    border-top: 1px solid #dfe5ea;
    margin: 100px auto;
    padding: 10px
}

footer p {
    font-size: 10px;
    font-weight: 400;
    color: rgba(85, 111, 123, .8);
    line-height: 14px
}

.pre_quotewrap {
    margin-top: 20px
}

.innerLeft .pb-logo,
.registeration ul#tollfree {
    display: none
}

header {
    background: #fff;
    border-bottom: 1px solid #ccc
}

.container {
    width: 1050px
}

.lead-form {
    max-width: 450px
}

.btn-price {
    margin: 5px 0 0
}

.ring-home {
    top: 10px
}

.pre_quotewrap.vehicle_details {
    margin-top: 20px
}

.pre_quotewrap .right-panel {
    padding: 26px 30px 20px 360px
}

.pre_quotewrap .right-panel .row {
    margin: 0 -5px
}

.custom-radios-list .vehicle-box label .subclass-eg {
    margin: 5px 0;
    line-height: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.custom-radios-list label {
    padding: 0 3px
}

.vehicle-detail .vehicle-box {
    margin-top: 1px !important
}

.btn-price {
    background-color: #ff5630;
    border: 1px solid #ff5630
}

header {
    height: 65px
}

header .logo {
    display: block
}

.custom-radios-list ul li.regYear label.active {
    background-color: #1596fe !important
}

.l_arrowicon {
    border-left: 5px solid #fff;
    border-top: 5px solid #fff;
    left: 18px
}

.l_arrowicon,
.r_arrowicon {
    width: 15px;
    height: 15px;
    text-indent: -100px;
    overflow: hidden;
    display: block;
    position: absolute;
    transform: translateY(-50%) rotate(-48deg);
    -webkit-transform: translateY(-50%) rotate(-48deg);
    -ms-transform: translateY(-50%) rotate(-48deg);
    top: 50%;
    cursor: pointer
}

.r_arrowicon {
    border-right: 5px solid #fff;
    border-bottom: 5px solid #fff;
    right: 18px
}

.vehicle-detail h3 {
    font-weight: 600;
    padding: 10px 0;
    background-color: #fa774d;
    color: #fff;
    width: 100%;
    margin: 15px 0;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .5px;
    position: relative;
    text-align: center
}

.autocomplete.search {
    position: relative;
    background: #f5f5f5;
    padding: 7px;
    border-radius: 6px;
    border: 1px solid #ccc;
    margin: 5px auto;
    width: 100%
}

.react-autosuggest__container {
    position: relative;
    z-index: 99
}

.react-autosuggest__container:before {
    display: block;
    position: absolute;
    content: "";
    background: url(https://static.pbcdn.in/car-cdn/rct/images/searchIcon.svg) no-repeat 0 0;
    width: 34px;
    height: 34px;
    top: 4px;
    left: 7px
}

.react-autosuggest__input {
    font-size: 15px;
    letter-spacing: .5px;
    box-shadow: 0 1px 3px rgb(0 0 0/12%), 0 1px 2px rgb(0 0 0/24%);
    background: #fff;
    border: 1px solid #fff;
    border-radius: 4px;
    text-align: left;
    padding: 10px 10px 10px 45px;
    width: 100%
}

.custom-radios-list li.react-autosuggest__suggestion {
    padding: 10px 20px !important;
    cursor: pointer;
    font-size: 14px;
    width: 100%
}

.model-list li {
    padding: 3px 5px
}

.model-list li span {
    border: 1px solid #becbd4;
    cursor: pointer;
    border-radius: 5px;
    display: block;
    margin: 0;
    transition: all .3s ease-in-out;
    padding: 7px 20px 7px 10px;
    text-align: center;
    position: relative
}

.model-list li span:before {
    width: 20px;
    height: 20px;
    background: url(https://static.pbcdn.in/car-cdn/rct/images/icon.png) no-repeat 0 -216px;
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%)
}

.model-list li span b {
    font-weight: 500;
    font-size: 15px;
    color: #253858;
    flex: 0 0 100%;
    max-width: 100%;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.model-list li span.active {
    background: #1596fe;
    border: 1px solid #1596fe
}

.model-list li span.active:before {
    background: url(https://static.pbcdn.in/car-cdn/rct/images/icon.png) no-repeat 100% -703px !important
}

.model-list li span.active b,
.model-list li span.active small {
    color: #fff !important
}

.cant-find p {
    border: 1px solid #becbd4;
    cursor: pointer;
    border-radius: 5px;
    display: block;
    transition: all .3s ease-in-out;
    padding: 9px 20px 9px 10px;
    text-align: center;
    width: 100%;
    margin: 5px auto;
    font-weight: 500;
    font-size: 15px;
    color: #253858 !important
}

.vehicle-detail .vehicle-box label {
    padding-left: 0 !important
}

.custom-radios-list .vehicle-box input:checked+label:after {
    display: none
}

.custom-radios-list ul li.regYear label.active {
    background: #1596fe url(https://static.pbcdn.in/car-cdn/rct/images/icon.png) no-repeat 100% -698px !important;
    color: #fff !important
}

.custom-radios-list ul li.regYear label.active span {
    color: #fff !important
}

.a10 {
    background-image: url(/assets/img/pickup.56011c78.svg)
}

.a13 {
    background-image: url(/assets/img/auto.96dfbee4.svg)
}

.a1 {
    background-image: url(/assets/img/truck.374b4ffe.svg)
}

.a16 {
    background-image: url(/assets/img/agriculture.21eacc4b.svg)
}

.a6 {
    background-image: url(/assets/img/goods-carrying.79718bc1.svg)
}

.a45 {
    background-image: url(/assets/img/tempo.28f62963.svg)
}

.a3 {
    background-image: url(/assets/img/tipper.30c0c4ac.svg)
}

.a15 {
    background-image: url(/assets/img/school-bus.ade3fd9f.svg)
}

.a12 {
    background-image: url(/assets/img/electric-ricksaw.6e751772.svg)
}

.a48 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAYAAAA6GuKaAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAABYktHRMlqvWdcAAAE7ElEQVRoQ+2Ye1BUZRjGnz277LLc7yJ3b4gJlROigvlHRKNAkw2Tlyw1L5M1Uf4j2mDh1BpkKdrkqJUMlyC0ckDCFNPGayoMl0FBYFASRBbkuriwsPB1ztnPHNgLzsAeZIbfzJl9n/d8M/vse97zXVZEWDDBYOjnhGLStFBMmhaKSdNC8UyY7lQ9giI5DfPCN+BE/gWaNc64m849fRnRa+Jgb2cDxY5NOJJ+kt4xjllWRK5yI9HX149vDmahqKwKSTu3YPZMH5BBgoi3tiLj4GeY6u7Cj7OQiGElt+Tjx5jFtP+i1fBgv1QsNv4ge3v70NahgruTFbTaQSjbH2GKqxOkUgkdocPNxRG/HN5FFYUzPdbMWriKPGzrpMowldV1JCDsbXL3ZwW5l7WbvBy5iRxJz6V3TTNuPT1rhjdkUilqmnsgYURYOc8Zqdn50LBtMxJjbvpxP5ferMGl62V8bAgxwyAwYBoqH2p5HRlgiwGtFnkFV3htCrNV+oO4b7FxaxKKy6tpRp8X5s7EbWra0oJBTLAHUrLyuZblc8Ywe3uUV9TSSB/O9K3GLqqA5f4yNDa14O8rJTRjGLObvv+ghUb6TPf1gLJVhf6BQV7bWooRFeyLzN/O8NoYZjfdYMK0t+cUEIigVOlahCNymhhXCsvxQNlKM/qMa6VlUgu4OjtA2SumGbb6ThaY4+uG/L+u0ow+AlS6mUaG8fZ0Q0u/jCodC7wscaO4gip9RL2aPpJz6iIKS2/j5JnLNK3j04/f0VtCR6JH04ev9qdTpaPo7FHY2VhRNZRtu77H3YqbCPKyBSOxgIiRoL5djaI7bVj9ZgQ/Zt2KZXB1ceBjDlF7h4qELN1MpXnISUvEc/5+VA0lLuEAcgquUWWY6IhQ7PsilioB2oPDVF+r1WoaGef85WJ2fzJAlUCVnuHnyW+GDFFRVYuOrpGNX//zBzg62PKxIKZHC7fkF59LgdxS98IK0h6jxc5WDmX9v1Q9RaXl1lKsWRGBVxeFgBGJcKGoBOnHTkPV0UNHCINELMLezz/EstcWmzbt4GyNEz8mwmuqK83oYPfKWL55B5obO2hGGGTsKeb0r/vB3K55Uvbh7N7+vp5hDhcneyQnfEKVcGjYGeTg4Qwwa2MVNDUUG2tLhIcFU6XP/OcD4O5ueEYwFzIJg0F2z230RXR2dADDnihM4e7iTCPzwb5GmO2je9q/pyYhSbENjL2tNYZf3NLd1NyKnl4NP9gQA4ODqKt/ALlc9v9UZA7Wr4pC5tEkPu5UdfOfTGHBTxh+FRzfx5s6nnueH2SIPHaf0sUerfIyvkZ+5h54ebjRO6MjKnwBYjfGsCd5Mayt5HidXcJrauv5ez7sVpZHd77VZ++hbBK45F1y9kIhzTzhamE5efGV94giOY1mCNFqtaShsZnca1DqXfebWkhHV7fJS9nSRkKjt5DtXx4i2oEBws1qqm41Uat7ScyGeLL2IwX9JkKM/u/BpRP2HEV2zjksDJ6L0OBAtscZ3CipxKVrZXhj6WIk7tzCr1ZjxcV/ShEbvx/TfTwQvuQlaDT97BNlD7psX6d+Fw8/b3d+3Ih/1nAmU7L+wK2qOv6HzPH3xfqVkQgLCaIjxpaaOw1IPXYKldV1fJFC5wdh3cpl7MRgR0c8helnkQmx9xjOpGmhmDQtFJOmhQH4D+Naz6kOBbeiAAAAAElFTkSuQmCC)
}

.a14 {
    background-image: url(/assets/img/passanger-bus.c5097482.svg)
}

.a41 {
    background-image: url(/assets/img/Backhoe.6d3ad425.svg)
}

.a7 {
    background-image: url(/assets/img/tanker.1630791a.svg)
}

.a55 {
    background-image: url(/assets/img/3W_Loader.0fe97ad1.png)
}

.model-list li span {
    padding: 8px 15px;
    font-size: 14px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    height: 100%
}

.model-list li span small {
    flex: 0 0 100%;
    max-width: 100%;
    display: block;
    padding: 5px 0 0
}

.custom-radios-list .vehicle-box input:checked+label {
    background-color: rgba(222, 235, 255, .6);
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.custom-radios-list .vehicle-box input:checked+label span {
    color: #0065ff !important
}

.custom-radios-list .vehicle-box input:checked+label div {
    -webkit-filter: grayscale(0) !important;
    filter: grayscale(0) !important
}

.model-list li span.active:hover b,
.model-list li span.active:hover small {
    color: #fff !important
}

.varient-list li span b {
    font-size: 12px
}

.make_cover {
    text-align: center;
    width: 90%;
    margin: 0 40px
}

.custom-radios-list .vehicle-box label div[class*=a] {
    height: 52px;
    background-size: 62px
}

.vehicle-detail .manufaturer label>div {
    background-image: url(/assets/img/manufacturer-logo.96a547df.png)
}

.model-list li span:hover b,
.model-list li span:hover small {
    color: #1596fe !important
}

@media only screen and (min-width:320px) and (max-width:670px) {
    body {
        background: #fff
    }

    .containerBox {
        width: 100%;
        box-shadow: none;
        border: none;
        margin-top: 0
    }

    .containerBoxOuter,
    .footer {
        width: 100%
    }

    .akshay-banner,
    .innerLeft {
        display: none
    }

    .footer p {
        padding: 0
    }

    .registeration {
        margin: 0 auto;
        width: 94%;
        padding: 47px 15px;
        display: table;
        height: auto;
        background: #fff
    }

    .innerLeft {
        width: 100%
    }

    header .containerInner {
        z-index: 9;
        width: 100%;
        position: inherit;
        margin: 0
    }

    .pb-logo {
        margin: 15px;
        position: inherit
    }

    .registeration h1 {
        font-size: 16px;
        margin: 45px 0 5px;
        width: 100%
    }

    .landing-page ul.heading.list li:nth-child(2) {
        margin: 0;
        width: 30%
    }

    .landing-page ul.heading.list li:nth-child(3) {
        width: 30%
    }

    .landing-page ul.heading.list li em {
        font-size: 11px;
        width: 83%
    }

    .landing-page .floating-label,
    .prequote-page .floating-label,
    .registeration button[type=button] {
        width: 100%
    }

    .other-option h4 {
        margin: 0
    }

    .footer div,
    .footer p {
        font-size: 10px
    }

    .footer a {
        margin: 20px 0 0
    }

    .footer div {
        padding: 15px 10px
    }

    .container-tab {
        width: 100%
    }

    .home-mob-header {
        background: transparent
    }

    .pre_quotewrap .right-panel {
        padding: 26px 30px 20px 25px
    }

    header {
        height: 52px
    }

    body {
        background: #fff !important
    }

    .registeration h1 {
        margin: 0 0 5px;
        font-size: 18px;
        font-weight: 700;
        color: #555e69
    }

    .registeration h1 b {
        font-weight: 700;
        color: #e37d5a
    }

    .pre_quotewrap .inner {
        box-shadow: none
    }

    .pre_quotewrap.vehicle_details {
        margin-top: 0
    }

    .pre_quotewrap .right-panel {
        padding: 0 10px
    }

    .manufact-listcb {
        width: 100%
    }

    .manufact-listcb li span {
        min-height: 45px
    }

    .regYear {
        width: 33.3% !important
    }

    .rto-wrap .city-list.custom-radios-list .select-rto label span {
        font-weight: 400;
        font-size: 14px;
        color: #253858;
        letter-spacing: -.3px;
        padding: 0 10px
    }

    .pre_quotewrap .right-panel .button {
        max-width: 100%
    }

    .rto-wrap .city-list.custom-radios-list .select-rto ul li.regYear label {
        background: none
    }

    .quotes-section {
        background: #f7fbff
    }

    .registeration h1 span {
        font-size: 14px;
        color: #555e69;
        margin: 13px 0 25px
    }

    .custom-radios-list ul li.regYear label.active {
        background: #1596fe url(https://static.pbcdn.in/car-cdn/rct/images/icon.png) no-repeat 100% -698px !important;
        color: #fff !important
    }

    .custom-radios-list ul li.regYear label.active span {
        color: #fff !important
    }

    .vehicle-detail h3 {
        font-size: 16px
    }
}

.Vehicle_number {
    position: relative;
    margin: 50px auto 0;
    width: 526px
}

.Vehicle_number #Vehicle_number_label {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 10px;
    color: rgba(84, 110, 122, .6);
    font-weight: 500;
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease;
    width: calc(100% - 173px)
}

#Vehicle_number_label,
.Vehicle_number input:focus+#Vehicle_number_label,
.Vehicle_number input:not(:placeholder-shown) {
    opacity: 1;
    visibility: visible
}

.Vehicle_number .form-control {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    width: calc(100% - 173px);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    text-align: center
}

.Vehicle_number .form-control::-webkit-input-placeholder {
    font-weight: 400;
    text-transform: none;
    font-size: 16px;
    text-align: left
}

.Vehicle_number .form-control::-ms-input-placeholder {
    font-weight: 400;
    text-transform: none;
    font-size: 16px;
    text-align: left
}

.Vehicle_number .form-control::placeholder {
    font-weight: 400;
    text-transform: none;
    font-size: 16px;
    text-align: left
}

.Vehicle_number .form-control:focus::-webkit-input-placeholder {
    opacity: 0
}

.Vehicle_number .form-control:focus::-ms-input-placeholder {
    opacity: 0
}

.Vehicle_number .form-control:focus::placeholder {
    opacity: 0
}

.pre_quotewrap .Vehicle_number .button {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0
}

.pre_quotewrap .Vehicle_number .button input {
    background: #fa774d url(https://static.pbcdn.in/car-cdn/rct/images/white_small_arrow.png) no-repeat 94%;
    padding: 12px 0;
    font-size: 14px;
    font-weight: 500;
    text-align: center
}

.orangeBgSpinner,
.pre_quotewrap .Vehicle_number .button input {
    height: 100%;
    width: 173px;
    border-radius: 0 4px 4px 0;
    color: #fff;
    display: block
}

.orangeBgSpinner {
    left: -173px;
    top: 0;
    background: #fa774d;
    padding: 10px 60px
}

.registeration_box .or {
    height: 30px;
    background: none;
    border-bottom: 1px solid #e8e5e5;
    position: relative;
    overflow: inherit;
    top: 6px
}

.registeration_box .or span {
    margin: 0 auto;
    position: relative;
    top: 15px;
    color: #c3c3c3;
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #f1f1f1;
    text-align: center;
    line-height: 30px
}

.dont-know-number {
    margin: 40px auto;
    text-align: center
}

.registeration_box .btn-proceed {
    color: #575f6f;
    border: 2px solid #dae1e7;
    border-radius: 4px;
    width: 300px;
    background: #e3e6ea url(https://static.pbcdn.in/car-cdn/rct/images/btn-proceed.png) no-repeat 94% 18px;
    font-size: 14px;
    text-decoration: none;
    display: inline-block;
    line-height: 24px;
    padding: 10px;
    cursor: pointer
}

.registeration_box .btn-newVehicle {
    color: #1596fe;
    margin: 15px 0 0;
    font-size: 14px;
    cursor: pointer
}

.react-autosuggest__suggestions-container {
    position: absolute;
    top: 41px;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
    border: 1px solid #e8e8e8;
    background-color: #fff;
    font-weight: 300;
    font-size: 16px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    z-index: 2;
    text-align: left;
    max-height: 200px;
    overflow-y: scroll;
    box-shadow: 0 2px 25px 0 rgb(0 0 0/12%)
}

.react-autosuggest__suggestion {
    cursor: pointer;
    padding: 10px 20px;
    font-size: 14px
}

.pre_quotewrap .inner .chosenDetails {
    padding: 20px 32px 47px;
    position: absolute;
    left: 0;
    top: 60px;
    bottom: 0;
    width: 356px
}

.chosenDetails .headingV2 {
    font-size: 20px;
    font-weight: 700
}

.chosenDetails .listedDetails {
    background: #fff;
    border: 1px solid #e5edfc;
    padding: 0 16px;
    border-radius: 8px;
    list-style: none
}

.chosenDetails .listedDetails li {
    border-bottom: 1px solid rgba(0, 101, 255, .2)
}

.chosenDetails .listedDetails li:last-of-type {
    border-bottom: none
}

.chosenDetails .listedDetails li>div {
    position: relative;
    font-weight: 500;
    padding: 14px 20px 14px 32px
}

.chosenDetails .listedDetails li .icon {
    left: 4px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%)
}

.chosenDetails .listedDetails li p {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    margin: 0;
    font-weight: 600 !important
}

.chosenDetails .listedDetails li .edit {
    right: 0;
    left: auto;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    cursor: pointer
}

@media (max-width:767px) {
    .Vehicle_number .form-control {
        width: 100%;
        border-radius: 8px;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .pre_quotewrap .Vehicle_number .button {
        position: static;
        margin: 20px auto 0;
        max-width: 100%
    }

    .pre_quotewrap .Vehicle_number .button input {
        width: 100%;
        border-radius: 8px
    }

    .Vehicle_number .form-control::-webkit-input-placeholder {
        text-align: center
    }

    .Vehicle_number .form-control::-ms-input-placeholder {
        text-align: center
    }

    .Vehicle_number .form-control::placeholder {
        text-align: center
    }
}

@media(max-width:767px) {
    .Vehicle_number #Vehicle_number_label {
        width: 100%
    }

    .registeration h1 {
        text-align: center
    }

    .Vehicle_number {
        width: 100%;
        margin-top: 35px
    }

    .logo img {
        margin: 0 !important
    }

    .orangeBgSpinner {
        position: relative;
        width: 100%;
        height: 47px;
        text-align: center;
        border-radius: 8px;
        left: 0
    }

    .orangeBgSpinner div {
        left: 50%;
        transform: translate(-50%, -50%);
        right: auto;
        top: 26%;
        margin: 0;
        border-width: 4px
    }

    .customerDetailsBox {
        margin: 0
    }
}

* {
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box
}

::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    position: absolute
}

::-webkit-scrollbar-track {
    background: #f1f1f1
}

* {
    scrollbar-color: #f1f1f1;
    scrollbar-width: 4px
}

input[type=number] {
    -webkit-appearance: textfield;
    appearance: textfield;
    -moz-appearance: textfield
}

body {
    margin: 0;
    line-height: normal;
    color: #253858;
    font-weight: 400
}

.downArrow {
    width: 5px;
    height: 5px;
    border-right: 1px solid #0065ff;
    border-bottom: 1px solid #0065ff;
    transform: rotate(45deg);
    display: inline-block !important;
    vertical-align: middle !important
}

.row {
    margin: 0 -8px
}

.row.no-gutters {
    margin-right: 0;
    margin-left: 0
}

div[class*=col] {
    padding: 0 8px
}

a,
a:hover {
    text-decoration: none;
    color: #0065ff
}

.textDarkGray {
    color: rgba(37, 56, 88, .8)
}

.textBlue {
    color: #0065ff
}

.form-control:focus,
.form-control a,
.form-control button:focus,
.form-control button:focus-visible {
    box-shadow: none;
    outline: none
}

h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
ul {
    padding: 0;
    margin: 0;
    line-height: normal
}

p {
    font-size: 14px;
    line-height: 18px
}

.img_fluid {
    max-width: 100%
}

.container-fluid {
    max-width: 1160px;
    padding: 0 10px;
    margin: 0 auto
}

.subContainer {
    max-width: 830px;
    margin: 0 auto;
    padding: 0 10px
}

.borderRadius4,
.primaryBtnV1.sm,
.primaryBtnV1.xs,
.primaryBtnV2.sm {
    border-radius: 4px !important
}

.displayInlineBlock,
.includedList li,
.quotesBanner .text,
.quotesBanner img,
.tabListType2 li {
    display: inline-block !important
}

.accordianV2 .accList .accHead,
.cursorPointer,
.tabListType2 li {
    cursor: pointer
}

.tabListType2 li {
    margin-right: 8px;
    padding: 8px 16px;
    border: 1px solid #253858;
    border-radius: 100px;
    font-size: 14px
}

@media only screen and (max-width:767px) {
    .tabListType2 li {
        padding: 6px 20px
    }
}

.tabListType2 li.active {
    border-color: #0065ff;
    color: #0065ff;
    background: #f9fbff
}

.blueTextButton {
    color: #0065ff !important;
    cursor: pointer
}

.primaryBtnV1 {
    border: 1px solid rgba(0, 101, 255, .7);
    border-radius: 8px;
    background: #fff;
    color: #0065ff;
    font-size: 16px;
    padding: 13px 12px;
    min-width: 114px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    transition: background-color .2s ease-in;
    -webkit-transition: background-color .2s ease-in;
    -ms-transition: background-color ease-in .2s
}

.primaryBtnV1 img {
    margin-right: 6px
}

.primaryBtnV1.sm {
    padding: 8px 12px;
    font-size: 14px
}

.primaryBtnV1.xs {
    padding: 4px 12px;
    font-size: 14px;
    min-width: 0
}

.primaryBtnV2 {
    position: relative;
    background-color: #0065ff;
    color: #fff;
    font-weight: 500;
    display: inline-block;
    border-radius: 8px;
    width: 100%;
    max-width: 180px;
    min-height: 47px;
    padding: 14px 12px;
    font-size: 16px;
    text-align: center;
    border: none;
    cursor: pointer;
    transition: all .4s ease-in-out
}

.primaryBtnV2 img {
    margin-left: 12px
}

.primaryBtnV2:hover {
    color: #fff;
    background-color: #0052cc
}

.primaryBtnV2.sm {
    padding: 8px 12px;
    font-size: 14px;
    min-height: 32px
}

.primaryBtnV2.fillingEffect {
    position: relative;
    overflow: hidden
}

.primaryBtnV2.fillingEffect:after {
    content: "";
    display: block;
    background-color: #0052cc;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
    width: 0;
    transition: width .4s ease-in-out;
    -webkit-transition: width .4s ease-in-out;
    -ms-transition: width ease-in-out .4s
}

.primaryBtnV2.fillingEffect .btnContent {
    z-index: 1;
    position: relative
}

.primaryBtnV2.fillingEffect:hover {
    background-color: #0065ff;
    color: #fff
}

.primaryBtnV2.fillingEffect:hover:after {
    width: 100%
}

.orangeBtn {
    background-color: #fc4804;
    color: #fff;
    border-radius: 4px;
    display: flex;
    align-items: center;
    font-size: 16px;
    padding: 13px 12px;
    min-width: 114px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    width: 100%;
    border: none;
    font-family: inherit;
    border-radius: 8px
}

.orangeBtn img {
    margin-left: 3px
}

.fontMedium,
.quotesBanner .button,
.tabListType2 li.active {
    font-weight: 500 !important
}

.fontSemiBold {
    font-weight: 600 !important
}

.fontBold {
    font-weight: 700 !important
}

.announcementBannerV1 .headingV2,
.announcementBannerV2 .speakerBg,
.includedList.v3 .icon,
.includedList li:before,
.posAbsolute,
.primaryBtnV2.fillingEffect:after,
.tooltipV1:after,
.tooltipV1:before,
.tooltipV2 .icon,
.tooltipV2:before {
    position: absolute
}

.removeScroll {
    white-space: nowrap !important;
    overflow: auto !important;
    -ms-overflow-style: none !important;
    scrollbar-width: none !important
}

.removeScroll::-webkit-scrollbar {
    display: none !important
}

.m0 {
    margin: 0 !important
}

.mt-0 {
    margin-top: 0 !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-4 {
    margin-bottom: 4px !important
}

.mb-6 {
    margin-bottom: 6px !important
}

.mb-24 {
    margin-bottom: 24px !important
}

.mt-2 {
    margin-top: 2px !important
}

.mt-4 {
    margin-top: 4px !important
}

.mt-24 {
    margin-top: 24px !important
}

.mt-10 {
    margin-top: 10px !important
}

.mt-12 {
    margin-top: 12px !important
}

.mt-16 {
    margin-top: 16px !important
}

.mb-10 {
    margin-bottom: 10px !important
}

.mb-12 {
    margin-bottom: 12px !important
}

.mt-8 {
    margin-top: 8px !important
}

.ml-5 {
    margin-left: 5px !important
}

.ml-8 {
    margin-left: 8px !important
}

.mr-3 {
    margin-right: 3px !important
}

.mr-5 {
    margin-right: 5px !important
}

.mr-10 {
    margin-right: 10px !important
}

.mr-16 {
    margin-right: 16px !important
}

.mb-8 {
    margin-bottom: 8px !important
}

.mb-32 {
    margin-bottom: 32px !important
}

.width-100 {
    width: 100% !important;
    max-width: 100% !important
}

.infoMsg.thin {
    padding: 5px 12px !important;
    margin-left: 16px;
    margin-right: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f5f7f6;
    color: #3aa678;
    border-radius: 4px !important
}

.infoMsg * {
    color: inherit
}

.quotesBanner {
    padding: 16px;
    background: #f2f7ff;
    border-radius: 8px;
    color: #000
}

.quotesBanner .text {
    width: calc(100% - 41px);
    padding-left: 12px
}

.quotesBanner img {
    vertical-align: top
}

.quotesBanner .button {
    border-radius: 4px
}

@media only screen and (max-width:1024px) {
    .quotesBanner .button {
        min-width: 0;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media only screen and (max-width:1024px) {
    .quotesBanner p span {
        display: block
    }
}

.underline {
    text-decoration: underline
}

.announcementBannerV1 {
    max-width: 450px;
    position: relative;
    margin: 16px auto
}

.announcementBannerV1 img {
    width: 100%
}

.announcementBannerV1 .headingV2 {
    left: 80px
}

@media only screen and (max-width:767px) {
    .announcementBannerV1 .headingV2 {
        font-size: 15px;
        left: 60px;
        padding-right: 10px
    }
}

@media screen and (min-width:320px) and (max-width:940px) and (orientation:landscape) {
    .announcementBannerV1 .headingV2 {
        font-size: 18px;
        left: 80px;
        padding-right: 10px
    }
}

.announcementBannerV2 {
    background: #fff;
    border: 1px solid transparent;
    overflow: hidden;
    position: relative;
    padding: 11px 11px 11px 73px
}

.announcementBannerV2 .speakerBg {
    width: 64px;
    height: 40px;
    border-radius: 8px 0 70px 8px;
    background: #f6f1ff;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.announcementBannerV2 .speakerBg img {
    position: relative;
    bottom: 2px;
    left: -4px
}

.accordianV2 .accList .accHead .caretIcon,
.accordianV2 .accList .accHead img,
.announcementBannerV1 .headingV2,
.verticleCenter {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%)
}

.announcementBannerV2,
.borderRadius8 {
    border-radius: 8px !important
}

.accordianV2 .accList {
    border: 1px solid rgba(37, 56, 88, .1);
    border-radius: 12px;
    background: #fff;
    margin-bottom: 10px
}

.accordianV2 .accList .accHead {
    position: relative;
    padding: 16px 50px;
    font-size: 14px;
    font-weight: 700
}

@media only screen and (max-width:767px) {
    .accordianV2 .accList .accHead {
        font-size: 14px
    }
}

@media screen and (min-width:320px) and (max-width:940px) and (orientation:landscape) {
    .accordianV2 .accList .accHead {
        font-size: 14px
    }
}

.accordianV2 .accList .accHead img {
    left: 16px
}

.accordianV2 .accList .accHead .headingV3 {
    margin-bottom: 0
}

.accordianV2 .accList .accHead .caretIcon {
    display: block;
    border-top: 5px solid #253858;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    right: 16px;
    left: auto
}

.accordianV2 .accList .accBody {
    padding: 0 50px 16px
}

@media only screen and (max-width:767px) {
    .accordianV2 .accList .accBody {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width:320px) and (max-width:940px) and (orientation:landscape) {
    .accordianV2 .accList .accBody {
        padding-left: 16px;
        padding-right: 16px
    }
}

.accordianV2 .accList.active {
    background: #f9fffe
}

.accordianV2 .accList.active .accHead .caretIcon {
    border: 5px solid transparent;
    border-top: none;
    border-bottom: 5px solid #253858
}

.headingV2 {
    font-size: 18px;
    font-weight: 700
}

.headingV3 {
    font-size: 16px
}

.headingV4 {
    font-size: 14px
}

.headingType2 {
    font-size: 12px;
    font-weight: 500;
    color: rgba(37, 56, 88, .6);
    position: relative
}

.headingType2:after {
    content: "";
    width: 24px;
    border-top: 1px solid rgba(37, 56, 88, .1);
    position: absolute;
    left: 0;
    right: 0;
    top: 10px;
    display: block;
    width: 100%
}

.headingType2 span {
    position: relative;
    z-index: 1;
    background: #fff;
    display: inline-block;
    padding-right: 5px
}

@media only screen and (max-width:767px) {
    .headingV2 {
        line-height: normal
    }
}

.tooltipV1 {
    position: relative
}

.tooltipV1:after {
    opacity: 0;
    content: attr(data-tooltipV1);
    display: block;
    background: rgba(37, 56, 88, .9);
    color: #fff;
    padding: 8px;
    width: 200px;
    font-size: 11px;
    border-radius: 4px;
    z-index: 10;
    line-height: normal;
    top: calc(100% + 5px);
    left: 0;
    transition: opacity .2s ease;
    -webkit-transition: opacity .2s ease;
    -ms-transition: opacity ease .2s;
    pointer-events: none
}

@media only screen and (max-width:767px) {
    .tooltipV1:after {
        width: 135px;
        font-size: 10px
    }
}

.tooltipV1:before {
    opacity: 0;
    content: "";
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid rgba(37, 56, 88, .9);
    bottom: -5px;
    left: 10px;
    transition: opacity .2s ease;
    -webkit-transition: opacity .2s ease;
    -ms-transition: opacity ease .2s;
    pointer-events: none
}

.tooltipV1:hover:after {
    opacity: 1
}

.tooltipV1:hover:before {
    opacity: 1;
    pointer-events: auto
}

.tooltipV2 {
    background: #fffae0;
    position: relative;
    margin-top: 10px;
    margin-bottom: 13px;
    border-radius: 8px;
    padding: 8px 8px 8px 35px
}

.tooltipV2:before {
    content: "";
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 12px solid #fffae0;
    width: 0;
    height: 0;
    top: -10px;
    left: 12px
}

.tooltipV2 p {
    color: #8d5012;
    font-size: 12px
}

.tooltipV2 .icon {
    left: 10px;
    top: auto
}

.tooltipV2 .icon img {
    margin-top: 3px
}

.tooltipV2.withoutTip:before {
    display: none
}

.info {
    position: relative;
    display: inline-block
}

.info.active:after {
    content: "";
    display: block;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
    position: absolute;
    top: -8px;
    z-index: 1;
    left: 60%;
    transform: translateX(-50%)
}

.info .infoIcn {
    color: #ccc;
    font-size: 7px;
    display: inline-block;
    opacity: .8;
    width: 11px;
    height: 11px;
    border: 1px solid #ccc;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    margin-left: 3px;
    cursor: pointer
}

.info .tooltipBox {
    background: #fff;
    box-shadow: 0 6px 16px 0 rgba(37, 56, 88, .1607843137);
    border-radius: 12px;
    padding: 16px 40px 16px 16px;
    position: absolute;
    bottom: 130%;
    width: 350px;
    right: 50%;
    transform: translateX(50%);
    z-index: 1
}

@media only screen and (max-width:767px) {
    .info .tooltipBox {
        width: 330px
    }
}

.info .tooltipBox .crossBtn {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    transform: scale(.8)
}

.info .tooltipBox p {
    line-height: 21px !important
}

.blackOverLay {
    background: rgba(37, 56, 88, .25);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10
}

.mb-16,
.mb-24 {
    margin-bottom: 16px !important
}

.includedList {
    list-style: none
}

.includedList li {
    font-size: 11px;
    margin-bottom: 16px;
    margin-right: 30px;
    position: relative;
    padding-left: 20px
}

@media only screen and (max-width:767px) {
    .includedList li {
        margin-bottom: 12px
    }
}

.includedList li:before {
    content: "";
    width: 9.7px;
    height: 7.2px;
    display: inline-block;
    top: 3px;
    left: 0;
    background: url(https://static.pbcdn.in/car-cdn/car2.0/checkIcon.svg) no-repeat 50%/contain
}

.includedList li .tags {
    margin-left: 5px;
    margin-bottom: 0
}

.includedList.v2 li {
    padding-left: 30px;
    margin-right: 0
}

.includedList.v2 li:before {
    width: 16px;
    height: 16px;
    top: auto;
    background-image: url(https://static.pbcdn.in/car-cdn/car2.0/checmarkCircleBlack.svg)
}

.includedList.v3 li {
    padding-left: 22px;
    margin-bottom: 14px
}

.includedList.v3 li:before {
    display: none
}

.includedList.v3 .icon {
    left: 0
}

.includedList.checkmark li {
    display: grid !important;
    grid-template-columns: 17px auto;
    width: 100% !important;
    padding-left: 0 !important;
    align-items: center
}

.includedList.checkmark li p {
    line-height: normal
}

.includedList.checkmark li p .tags {
    background: transparent;
    line-height: 14px;
    font-size: 10px;
    border: 1px solid rgba(37, 56, 88, .6);
    color: rgba(37, 56, 88, .6);
    padding: 0 6px;
    vertical-align: middle !important;
    margin-left: 5px !important
}

.includedList.checkmark li p .truncate {
    max-width: 72%;
    display: inline-block;
    vertical-align: middle !important
}

.includedList.checkmark li:before {
    display: none
}

.circularGraph {
    position: relative;
    width: 50px;
    display: block;
    height: 25px;
    text-align: left
}

.circularGraph .circularGraphBefore {
    width: 50px;
    height: 25px;
    position: absolute;
    border-radius: 300px 300px 0 0;
    border: 4px solid #c4cad2;
    border-bottom: none
}

.circularGraph .progressVal {
    width: 80px;
    height: 30px;
    text-align: center;
    font-size: 11px;
    line-height: 30px;
    font-weight: 200;
    color: #1f8195;
    position: absolute;
    left: -13px;
    bottom: -9px
}

.circularGraph .graph {
    width: 50px;
    height: 25px;
    position: absolute;
    overflow: hidden;
    padding-top: 2px
}

.circularGraph .graph .graphBefore {
    transform-origin: center top
}

.circularGraph .graph .graphAfter,
.circularGraph .graph .graphBefore {
    width: 50px;
    height: 25px;
    position: absolute;
    top: 101%;
    border-radius: 0 0 300px 300px;
    border: 4px solid #1f8195;
    border-top: none;
    -webkit-animation: halfCircleAnim 3s;
    animation: halfCircleAnim 3s
}

.circularGraph .graph .graphAfter {
    transform-origin: center top;
    transform: rotate(150deg)
}

@-webkit-keyframes halfCircleAnim {
    0% {
        transform: rotate(0deg)
    }

    50% {
        transform: rotate(180deg)
    }
}

@keyframes halfCircleAnim {
    0% {
        transform: rotate(0deg)
    }

    50% {
        transform: rotate(180deg)
    }
}

.disclaimerBox {
    background: rgba(37, 56, 88, .05);
    padding: 4px 11px;
    border-radius: 4px;
    border: 1px solid transparent
}

.disclaimerBox img {
    vertical-align: top;
    display: inline-block;
    margin-right: 5px;
    margin-top: 1px
}

.disclaimerBox .text {
    font-size: 12px;
    vertical-align: top;
    display: inline-block;
    width: calc(100% - 50px)
}

.disclaimerBox.padding0 {
    padding: 0
}

.disclaimerBox.noBg,
.disclaimerBox.padding0 {
    border: none !important;
    background: none !important
}

.disclaimerBox.noBg {
    padding: 0 8px !important
}

@media only screen and (max-width:767px) {
    .disclaimerBox.noBg {
        padding: 0 !important
    }
}

.fadeIn {
    animation: fadeIn .4s ease-in-out;
    -webkit-animation: fadeIn .4s ease-in-out
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    70% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    70% {
        opacity: 1
    }
}

.slideToTop {
    animation: slideToTop .8s ease-in-out;
    -webkit-animation: slideToTop .8s ease-in-out
}

@-webkit-keyframes slideToTop {
    0% {
        transform: translateY(100%)
    }

    20% {
        transform: translateY(100%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes slideToTop {
    0% {
        transform: translateY(100%)
    }

    20% {
        transform: translateY(100%)
    }

    to {
        transform: translateY(0)
    }
}

.slideToBottom {
    animation: slidetoBtm .8s ease-in-out !important;
    -webkit-animation: slidetoBtm .8s ease-in-out !important
}

@-webkit-keyframes slidetoBtm {
    0% {
        transform: translateY(-50px);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        transform: translateY(0)
    }
}

@keyframes slidetoBtm {
    0% {
        transform: translateY(-50px);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        transform: translateY(0)
    }
}

@-webkit-keyframes pulse {
    0% {
        transform: scaleX(1)
    }

    50% {
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        transform: scaleX(1)
    }
}

@keyframes pulse {
    0% {
        transform: scaleX(1)
    }

    50% {
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        transform: scaleX(1)
    }
}

.animate__pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    animation-duration: .4s;
    -webkit-animation-duration: .4s
}

.slideToLeft {
    -webkit-animation: slideToLeft .4s ease-in-out;
    animation: slideToLeft .4s ease-in-out
}

@-webkit-keyframes slideToLeft {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes slideToLeft {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translate(0)
    }
}

.anim {
    animation: anim 1.2s ease-in-out;
    -webkit-animation: anim 1.2s ease-in-out
}

@-webkit-keyframes anim {
    0% {
        transform: translateX(100%);
        -webkit-transform: translateX(100%)
    }

    50% {
        transform: translateX(100%);
        -webkit-transform: translateX(100%)
    }

    to {
        transform: translateX(0);
        -webkit-transform: translateX(0)
    }
}

@keyframes anim {
    0% {
        transform: translateX(100%);
        -webkit-transform: translateX(100%)
    }

    50% {
        transform: translateX(100%);
        -webkit-transform: translateX(100%)
    }

    to {
        transform: translateX(0);
        -webkit-transform: translateX(0)
    }
}

.animMob {
    animation: animMob 1s ease-in-out;
    -webkit-animation: animMob 1s ease-in-out
}

@-webkit-keyframes animMob {
    0% {
        transform: translateY(100%);
        -webkit-transform: translateY(100%)
    }

    30% {
        transform: translateY(100%);
        -webkit-transform: translateY(100%)
    }

    to {
        transform: translateY(0);
        -webkit-transform: translateY(0)
    }
}

@keyframes animMob {
    0% {
        transform: translateY(100%);
        -webkit-transform: translateY(100%)
    }

    30% {
        transform: translateY(100%);
        -webkit-transform: translateY(100%)
    }

    to {
        transform: translateY(0);
        -webkit-transform: translateY(0)
    }
}

.oldVal {
    color: rgba(37, 56, 88, .3);
    font-size: 1.8rem;
    position: relative
}

.oldVal:after {
    content: "";
    height: 2px;
    background: #253858, .3
}

.ribbons {
    background: #7f68f2;
    min-width: 20px;
    height: 22px;
    color: #fff;
    position: relative;
    padding: 4px 4px 4px 8px;
    font-size: 12px;
    font-weight: 500;
    border-top-left-radius: 4px
}

.ribbons,
.ribbons span {
    display: inline-flex !important;
    align-items: center
}

.ribbons .leftBottom {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 0 solid transparent;
    border-top: 6px solid #4c20c7;
    position: absolute;
    bottom: -6px;
    left: 0
}

.ribbons.type2 {
    right: -6px;
    left: auto !important;
    border-radius: 0 12px 0 12px;
    top: 0 !important;
    display: inline-flex;
    align-items: center;
    height: 20px;
    padding: 3px 20px 3px 8px
}

.ribbons.type2 .rightBottom {
    width: 0;
    height: 0;
    border-left: 0 solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #4c20c7;
    position: absolute;
    bottom: -6px;
    right: 0
}

.ribbons .up {
    border-top: 14px solid #7f68f2;
    top: 0
}

.ribbons .down,
.ribbons .up {
    width: 0;
    height: 0;
    border-left: 0 solid transparent;
    border-right: 11px solid transparent;
    position: absolute;
    right: -9px
}

.ribbons .down {
    border-bottom: 13px solid #7f68f2;
    bottom: 0
}

.ribbonsType2 {
    padding: 3px 8px;
    display: inline-grid;
    grid-template-columns: 16px auto;
    border-radius: 0 8px 0 8px;
    background: linear-gradient(89deg, rgba(37, 56, 88, .2), rgba(37, 56, 88, .01))
}

.ribbonsType2 img {
    width: 12px;
    height: auto
}

.ribbonsType2 .text {
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: -.22px
}

.ribbonsType3 {
    border-radius: 0 20px 20px 0;
    background: #ec6316;
    padding: 3px 5px 3px 14px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0
}

.ribbonsType3 .text {
    color: #fff;
    margin: 0;
    display: flex;
    align-items: center
}

.ribbonsType3 img {
    vertical-align: middle
}

.text-right {
    text-align: right
}

.smallerFont {
    font-size: 12px
}

.smallestFont {
    font-size: 10px
}

.truncate {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.downArrowType2 {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid rgba(37, 56, 88, .6);
    position: relative;
    margin-bottom: 1px;
    display: inline-block !important;
    vertical-align: middle !important
}

.downArrowType2:before {
    content: "";
    width: 4px;
    height: 4px;
    border-right: 1px solid rgba(37, 56, 88, .6);
    border-bottom: 1px solid rgba(37, 56, 88, .6);
    transform: rotate(45deg);
    display: inline-block;
    position: absolute;
    left: 4px;
    top: 3px
}

.downArrowType2.up {
    transform: rotate(180deg)
}

.arrowRight {
    width: 5px;
    height: 5px;
    border-top: 1px solid #0065ff;
    border-right: 1px solid #0065ff;
    transform: rotate(45deg);
    display: inline-block
}

.dashedBtmBorderDark {
    border-bottom: 1px dashed rgba(37, 56, 88, .6)
}

.boxWdBorder {
    background: #fff;
    border: 1px solid rgba(37, 56, 88, .12);
    border-radius: 16px;
    padding: 16px
}

.tooltipType2 {
    position: relative
}

.tooltipType2:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid rgba(37, 56, 88, .9);
    bottom: -5px;
    left: 10px
}

.tooltipType2:after,
.tooltipType2:before {
    opacity: 0;
    transition: opacity .2s ease;
    -webkit-transition: opacity .2s ease;
    -ms-transition: opacity ease .2s;
    pointer-events: none;
    position: absolute
}

.tooltipType2:after {
    content: attr(data-tooltip);
    display: block;
    background: rgba(37, 56, 88, .9);
    color: #fff;
    padding: 8px;
    width: 216px;
    font-size: 1.1rem;
    border-radius: 4px;
    z-index: 10;
    line-height: normal;
    top: calc(100% + 5px);
    left: 0
}

.tooltipType2:hover:after {
    opacity: 1
}

.tooltipType2:hover:before {
    opacity: 1;
    pointer-events: auto
}

.displayBlock {
    display: block
}

.valignMiddle {
    display: inline-block;
    vertical-align: middle
}

.msgType2 {
    position: relative;
    border: 1px solid transparent;
    border-radius: 8px !important;
    padding: 12px 12px 12px 40px
}

.msgType2 img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    left: 12px
}

.ribbonsType4 {
    transform: skew(-10deg, 0);
    display: inline-block;
    position: absolute;
    right: 16px;
    top: -10px;
    border-radius: 2px;
    background: #e25d28;
    color: #fff
}

.ribbonsType4 .ribbonAfter {
    position: absolute;
    border-right: 10px solid transparent;
    border-bottom: 9px solid #7a3423;
    right: -10px;
    top: 1px
}

.ribbonsType4 .inner {
    transform: skew(10deg, 0);
    padding: 1px 6px;
    display: inline-flex
}

.ribbonsType4 .inner img {
    margin-right: 3px;
    margin-top: 1px;
    margin-left: 0;
    width: auto
}

.ribbonsType4 span {
    font-size: 12px;
    font-weight: 600
}

.loaderOverLay {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto
}

.loaderOverLay span {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 3px;
    background: hsla(0, 0%, 100%, .4);
    border-radius: 50%;
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    animation: waveOverlay 2s ease-in-out infinite;
    -moz-animation: waveOverlay 2s infinite ease-in-out;
    -webkit-animation: waveOverlay 2s ease-in-out infinite
}

@-webkit-keyframes waveOverlay {

    0%,
    60%,
    to {
        background: hsla(0, 0%, 100%, .4);
        transform: translateY(0);
        -moz-transform: translateY(0)
    }

    20% {
        background: hsla(0, 0%, 100%, .95);
        transform: translateY(4px);
        -moz-transform: translateY(4px)
    }

    40% {
        background: hsla(0, 0%, 100%, .95);
        transform: translateY(-4px);
        -moz-transform: translateY(-4px)
    }
}

@keyframes waveOverlay {

    0%,
    60%,
    to {
        background: hsla(0, 0%, 100%, .4);
        transform: translateY(0);
        -moz-transform: translateY(0)
    }

    20% {
        background: hsla(0, 0%, 100%, .95);
        transform: translateY(4px);
        -moz-transform: translateY(4px)
    }

    40% {
        background: hsla(0, 0%, 100%, .95);
        transform: translateY(-4px);
        -moz-transform: translateY(-4px)
    }
}

.loaderOverLay span:first-child {
    animation-delay: 0s;
    -moz-animation-delay: 0s;
    -webkit-animation-delay: 0s
}

.loaderOverLay span:nth-child(2) {
    animation-delay: .1s;
    -moz-animation-delay: .1s;
    -webkit-animation-delay: .1s
}

.loaderOverLay span:nth-child(3) {
    animation-delay: .2s;
    -moz-animation-delay: .2s;
    -webkit-animation-delay: .2s
}

@-webkit-keyframes sticky {
    0% {
        opacity: 0;
        transform: translateY(5px)
    }

    80% {
        opacity: 1
    }

    to {
        transform: translateY(0)
    }
}

@keyframes sticky {
    0% {
        opacity: 0;
        transform: translateY(5px)
    }

    80% {
        opacity: 1
    }

    to {
        transform: translateY(0)
    }
}

.blinkingCircle {
    width: 10px;
    height: 10px;
    background: #fb5454;
    border-radius: 50%;
    display: inline-block;
    -webkit-animation: blinkingCircle 2s ease infinite both;
    animation: blinkingCircle 2s ease infinite both
}

@keyframes blinkingCircle {

    0%,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@-webkit-keyframes blinkingCircle {

    0%,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

.shimmerWrap .para {
    height: 8px;
    margin: 5px 0;
    border-radius: 4px;
    width: 70%
}

.shimmerWrap .shimmerLogo {
    width: 126px;
    height: 40px;
    margin: 5px 0;
    border-radius: 4px
}

.shimmerWrap .shimmerHeading {
    height: 16px;
    margin: 5px 0;
    display: block;
    width: 50%;
    position: relative;
    border-radius: 4px
}

.shimmerWrap .shimmerIcon {
    width: 22px;
    height: 22px;
    border-radius: 50%
}

.shimmerWrap .shimmerIcon.big {
    width: 44px;
    height: 44px;
    border-radius: 50%
}

.shimmerWrap .shimmerBtn {
    width: 100%;
    max-width: 150px;
    height: 40px;
    margin-bottom: 5px;
    border-radius: 4px
}

.shimmerWrap .shimmerBtn.sm {
    height: 25px
}

.shimmerWrap .shimmerBtn.cta {
    height: 8px;
    max-width: 100px
}

.shimmerWrap .shimmerBtn.width-100 {
    width: 100%
}

.shimmerWrap .shimmerBox {
    width: 100%;
    max-width: 100px;
    height: 70px;
    border-radius: 4px;
    margin: 5px auto
}

.shimmerWrap .formFields {
    width: 100%;
    height: 55px;
    border-radius: 8px
}

.shimmerWrap .shimmerTag {
    border-radius: 80px;
    margin-bottom: 8px;
    height: 17px;
    display: block;
    max-width: 80px
}

.shimmerWrap .shimmerList {
    list-style: none
}

.shimmerWrap .shimmerList li {
    display: inline-block;
    width: 100px;
    margin-right: 10px
}

.shimmerWrap .shimmerList li * {
    width: 100%
}

.shimmerWrap .width-100 {
    width: 100%;
    max-width: 100%
}

.shimmerWrap.planSummary .planDetail .text {
    width: calc(100% - 134px);
    vertical-align: top;
    display: inline-block;
    padding-left: 16px
}

.shimmerWrap.planSummary .planDetail .text .shimmer {
    width: 100%
}

.shimmer {
    background: #f6f7f8;
    display: inline-block;
    position: relative;
    overflow: hidden
}

.shimmer:after {
    content: "";
    display: block;
    height: 250px;
    position: absolute;
    top: -77px;
    left: 0;
    transform: translate(-100%) rotate(45deg);
    right: 0;
    background: linear-gradient(90deg, rgba(244, 243, 243, 0), hsla(0, 0%, 94.5%, .6392156863) 80%, rgba(244, 243, 243, 0), hsla(0, 0%, 94.5%, .6392156863));
    animation: ShimmerEffect .8s linear infinite forwards;
    -webkit-animation: ShimmerEffect .8s linear infinite forwards
}

.shimmer.shineEffect:after {
    height: 116px;
    top: -42px;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, .02), hsla(0, 0%, 100%, .4));
    animation: ShimmerEffect 1.2s linear 1.5s infinite forwards;
    -webkit-animation: ShimmerEffect 1.2s linear 1.5s infinite forwards
}

.shimmerWrap.template1 .shimmerHeading {
    margin-left: 16px;
    display: inline-block
}

.shimmerWrap.template1 .shimmerHeading+.para {
    margin-left: 38px
}

@-webkit-keyframes ShimmerEffect {
    0% {
        transform: translate(-110%) rotate(45deg);
        opacity: 0
    }

    20% {
        opacity: 1
    }

    to {
        transform: translate(110%) rotate(45deg)
    }
}

@keyframes ShimmerEffect {
    0% {
        transform: translate(-110%) rotate(45deg);
        opacity: 0
    }

    20% {
        opacity: 1
    }

    to {
        transform: translate(110%) rotate(45deg)
    }
}

.shine {
    position: relative;
    overflow: hidden
}

.shine:after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 60px;
    top: -55px;
    bottom: -550px;
    left: -250px;
    background: linear-gradient(87deg, hsla(0, 0%, 100%, .8196078431), transparent);
    transform: skew(-18deg, 0deg);
    -webkit-animation: shine 2s linear infinite forwards;
    animation: shine 2s linear infinite forwards
}

@-webkit-keyframes shine {
    0% {
        left: -300px
    }

    to {
        left: 300px
    }
}

@keyframes shine {
    0% {
        left: -300px
    }

    to {
        left: 300px
    }
}