.displayPlansummary {
  display: none;
}

#accordion h3 {
  position: relative;
}

#accordion h3.active {
  background-image: none;
}

#accordion h3.active:before {
  background: #37474f url(../images/icon-blue.png) 96% -130px no-repeat;
  width: 20px;
  height: 20px;
  position: absolute;
  content: "";
  right: 20px;
  top: 20px;
}

.summary-right .insurer-detail {
  margin-bottom: 10px;
  display: table;
}

.header-mobile-container{
  display: flex;
  align-items: center;
  justify-content: space-around;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .main-container {
    width: 100%;
  }
  .bike-box {
    width: 138px;
  }
  .bike {
    background: url(../images/bike.png) no-repeat 0 0 / 100%;
    width: 280px;
  }
  .main-container h1 {
    font-size: 44px;
  }
  .registeration {
    width: 60%;
    float: right;
    margin-right: 20px;
  }
  .twBg {
    height: 40px;
  }
  .registeration .new-Bike {
    display: none;
  }
  .w400 {
    width: 100%;
  }
  .insureTxt {
    font-size: 15px;
  }
  .rto-list li span {
    vertical-align: top;
    margin: 0 3px 7px 5px;
    font-size: 12px;
  }
  .overlay-popup {
    width: 70%;
  }
  .manufact-list li span b {
    width: 100%;
  }
  .manufact-list li span.honda {
    background-position: -140px -115px;
  }
  .manufact-list li span.bajaj {
    background-position: 0 -15px;
  }
  .manufact-list li span.hero-honda {
    background-position: -5px -115px;
  }
  .manufact-list li span.tvs {
    background-position: -144px -317px;
  }
  .manufact-list li span.yamaha {
    background-position: -282px -317px;
  }
  .manufact-list li span.hero-motocorp {
    background-position: -284px -15px;
  }
  .manufact-list li span.royal-enfield {
    background-position: -283px -220px;
  }
  .manufact-list li span.suzuki {
    background-position: -4px -317px;
  }
  .manufact-list li span.mahindra {
    background-position: -142px -220px;
  }
  .manufact-list li span.ktm {
    background-position: -281px -115px;
  }
  .manufact-list li span.lml {
    background-position: 1% -220px;
  }
  .model-list li span b {
    font-weight: 500;
    font-size: 11px;
  }
  #searchOthers {
    font-size: 12px;
  }
  .textinput input[type="text"].filled,
  .textinput input[type="email"].filled:valid {
    font-size: 14px;
  }
  .quote-title-quote,
  .thiredpartycoverge {
    width: 100%;
    border-bottom: solid #d1d6da 1px;
    display: table;
    margin: -30px auto 8px;
    height: 34px;
    text-align: center;
    font-size: 11px;
    padding: 8px 0 6px;
    background: none;
  }
  .sticky-tile + #dvQuoteList {
    margin: 0;
  }
  .idv-ncb li:last-child {
    border-right: solid #e4e8ea 1px !important;
  }
  /* .quote-title-quote + #dvQuoteList */
}

@media screen and (max-width: 670px) {
  .summary-page ul li span {
    padding-left: 10px;
    padding-right: 10px;
    font-weight: 600;
    display: block;
    color: #37474f;
  }
  .proposal-form ul.list-group li select {
    background-position: right -87px !important;
    border-radius: 0px;
  }
  .title_1 {
    position: absolute;
    top: 15px;
  }
  .pincode_1 {
    margin-top: 16px;
    margin-bottom: 10px !important;
  }
  .proposal_top {
    padding-top: 25px;
  }
  .overlay {
    top: 50px;
  }
  .overlay-popup {
    margin-top: 50px;
  }
  .desktop {
    display: none;
  }
  .mobile {
    display: block;
  }
  .summary-page ul li {
    background: #fff;
    border: 0px solid #e9e9e9;
    text-align: left;
  }
  .insurer-detail .col-xs-5 {
    float: right;
    text-align: right;
    padding: 0px;
  }
  .insurer-detail {
    margin-bottom: 10px;
    display: table;
    background: rgba(79, 79, 79, 0.07);
    width: 100%;
    border-radius: 8px 8px 0 0;
    border-bottom: #efefef;
    padding: 18px 12px 10px;
  }
  .summary-page ul li:nth-child(even) {
    /* background:#fff.. */
  }
  .quote-tile .img_logo {
    height: 70px;
    padding: 5px 0 0;
    font-size: 12px;
    color: #4f4f4f;
    padding-top: 6px;
    font-size: 12px;
  }
  .summary-page ul li label {
    font-weight: 600;
  }
  .holder {
    width: 200px;
    margin-top: 10px;
  }
  .holder p {
    font-size: 10px;
    color: #8b8b8b;
  }
  .progress {
    width: 210px;
    height: 4px;
    border-radius: 10px;
  }
  .progress-wrap {
    background: #e6e6e6;
    margin: 0;
    overflow: hidden;
    position: relative;
  }
  .progress-wrap .progress-bar1 {
    border-radius: 0 0 10px;
    background: #68c67b;
    left: 0;
    position: absolute;
    top: 0;
    width: 20%;
  }
  .progress-wrap .progress-bar2 {
    border-radius: 0 0 10px;
    background: #68c67b;
    left: 0;
    position: absolute;
    top: 0;
    width: 40%;
  }
  .progress-wrap .progress-bar31 {
    border-radius: 0 0 10px;
    background: #68c67b;
    left: 0;
    position: absolute;
    top: 0;
    width: 60%;
  }
  .progress-wrap .progress-bar32 {
    border-radius: 0 0 10px;
    background: #68c67b;
    left: 0;
    position: absolute;
    top: 0;
    width: 65%;
  }
  .progress-wrap .progress-bar33 {
    border-radius: 0 0 10px;
    background: #68c67b;
    left: 0;
    position: absolute;
    top: 0;
    width: 70%;
  }
  .progress-wrap .progress-bar4 {
    border-radius: 0 0 10px;
    background: #68c67b;
    left: 0;
    position: absolute;
    top: 0;
    width: 80%;
  }
  .progress-wrap .progress-bar5 {
    border-radius: 0 0 10px;
    background: #68c67b;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
  .proposal_label {
    padding: 5px 0;
    margin-bottom: 28px !important;
    font-size: 12px !important;
    padding-left: 7px !important;
  }
  .proposal_lbl {
    margin-bottom: 0 !important;
  }
  .nomini_name {
    margin-top: 15px;
  }
  .quote-tile small.multi-y2 ul li em {
    color: #8d8d8d;
  }
  body {
    background: #fff;
    overflow-y: initial;
  }
  .BajajRSA {
    position: absolute;
    bottom: 1px;
    background: #f2f3fb;
    height: 16px;
    z-index: 9;
    left: 1%;
    padding: 0;
    line-height: 16px;
    letter-spacing: -0.4px;
    width: 98%;
    text-align: center;
    font-size: 9px;
    font-weight: 400;
    color: #8d8d8d;
  }
  .life-accordion .content h4 {
    font-weight: 700;
    margin: 20px 0 0;
    font-size: 14px;
    color: #b0b3bb;
    font-weight: 400;
    display: none;
  }
  ul.idv-ncb li a {
    color: #1596fe;
  }
  ul.idv-ncb li:nth-child(2) a {
    /* background:url(../images/icon-blue.png) no-repeat right -115px;  */
    background: url(../images/icon-blue.png) no-repeat right -90px;
    padding: 0 20px 0 0px;
  }
  .shadow-4 {
    box-shadow: none;
  }
  .rto-list li span {
    font-size: 14px;
    font-weight: 500;
    border: solid #e9e9e9 1px;
    cursor: pointer;
    display: inline-block;
    margin: 0 5px 7px;
    width: 48%;
    position: relative;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
    padding: 10px;
    text-align: center;
    color: #31424b;
  }
  .cl {
    clear: both;
  }
  .upload_policy {
    width: 88%;
    border-top: 1px solid #e9e9e9;
    margin: 100px auto 0px;
    padding: 15px 5px;
    border-bottom: 1px solid #e9e9e9;
    position: fixed;
    text-align: center;
    left: 6%;
    bottom: 10px;
    background: #fff;
  }
  .upload_policy_left {
    font-size: 11px;
    color: #6b6b6b;
    float: left;
  }
  .upload_policy_right {
    float: right;
    color: #1596fe;
    font-size: 11px;
    margin: 0 !important;
  }
  .container-fluid {
    padding: 0;
    margin: 0;
  }
  .main-container {
    display: table;
    width: 100%;
    /* height:auto; */
    margin: 0;
    border-top: solid #e4e4e4 1px;
    background: #f2f3fb;
  }
  .container {
    width: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
  }
  .main-container h1 {
    margin: 10px auto;
    font-size: 14px;
    width: 280px;
    font-weight: 500;
    text-transform: none;
  }
  .main-container h1 span {
    font-size: 14px;
    padding: 2px 0;
  }
  .mdl-textfield {
    width: 100%;
  }
  .col-xs-12 {
    padding: 0;
  }
  .btn-orange {
    min-width: inherit;
    width: 90%;
    font-size: 16px;
    padding: 10px 5px;
    background: #1dce6c !important;
    text-transform: none;
    font-weight: 400;
  }
  h2 {
    padding: 7px 0;
    margin: 0 0 10px;
    font-size: 15px;
  }
  input:-webkit-autofill {
    background-color: #fff !important;
  }
  .shadow-12 {
    box-shadow: none;
  }
  input[type="text"],
  input[type="button"],
  input[type="submit"] {
    -webkit-appearance: none;
    border-radius: 0;
  }
  .breadcrum {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    float: left;
    padding: 4px 0 7px;
    position: absolute;
    left: 0;
    top: 2px;
    width: 100%;
    color: #54bdf2;
    border: none;
  }
  .summary-right {
    float: none;
    background: #fff;
    width: 95%;
    margin: 10px auto 0;
    padding-bottom: 20px;
    border-radius: 8px;
  }
  .shadow_z1 {
    box-shadow: 1px 1px 7px #e6e6e6;
    position: relative;
    z-index: 2;
    background: #fff;
  }
  .summary-right ul.amount li em {
    padding: 0 0 0 2px;
    font-style: normal;
    font-size: 13px;
    color: #828282;
  }
  .edit-btn {
    float: inherit;
    color: #fff;
    font-size: 12px;
    margin: 0 20px;
    border-radius: 4px;
    border: solid #fff 1px;
    padding: 2px 0;
    transition: all 0.3s ease-in-out;
    background: url(../images/edit_button.png) no-repeat 0 5px;
  }
  .bike-box {
    display: none;
  }
  .registeration {
    width: 100%;
  }
  #heading {
    margin: 0;
  }
  #heading p {
    font-size: 12px;
    line-height: 18px;
  }
  #heading p span {
    display: block;
    font-size: 11px;
    color: #6b6b6b;
    padding: 1px 0;
  }
  .pb-logo {
    margin: 7px 0 10px;
    text-align: left;
    width: 100%;
  }
  .header-link {
    float: none;
    width: auto;
    margin: 0 auto 10px;
    display: table;
    right: 0;
    top: -41px;
  }
  .share {
    margin: 12px 5px 0 0;
    width: 32px;
    overflow: hidden;
    /* display: none; */
    z-index: 37;
    float: left;
    width: 82px;
    text-indent: 30px;
    height: 30px;
    margin: 8px 2px 0 0;
    line-height: 24px;
    border: solid rgba(55, 71, 79, 0.6) 1px;
    border-radius: 4px;
    transition: all 0.3s ease-in-out;
    opacity: 0.7;
    position: relative;
    z-index: 1;
    background: #fff;
  }
  .tooltip-box {
    right: -325%;
    top: 52px;
    width: 300px;
  }
  .tooltip-box:after {
    right: 43%;
  }
  .toll-free {
    margin: 10px 0;
    font-size: 12px;
  }
  .toll-free span {
    font-size: 10px;
  }
  .registeration a {
    font-size: 12px;
    margin: 20px 0 15px;
    color: #1596fe;
    display: block;
    width: 100%;
    text-align: center;
  }
  .registeration .textinput {
    margin: 30px auto 20px;
  }
  #innerregno {
    padding: 0 0 15px;
  }
  .line {
    margin: 20px auto;
  }
  .mh600 {
    min-height: 560px;
  }
  .twBanner {
    height: 90px;
    width: 100%;
    display: table;
    background: url(../images/twBanner-mob1.jpg) no-repeat 0 0 / 100%;
    margin: 0 auto;
    display: none;
  }
  .twBgmob {
    height: 75px;
    display: block;
    margin: 0 auto;
    width: 100%;
    background: #153d60;
    text-align: center;
    visibility: hidden;
  }
  .twBg img {
    width: 360px;
    height: 75px;
  }
  .w400 {
    width: inherit;
  }
  .textinput {
    height: 42px;
    margin: 10px 0;
  }
  .preqoute-field div.textinput:nth-child(5) {
    margin-bottom: 13px;
  }
  .textinput label {
    padding: 14px 1%;
  }
  .view-quote {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 0;
    z-index: 2;
  }
  .insureTxt {
    display: none;
  }
  .registeration .textinput input {
    padding: 22px 1% 14px;
    border: solid #cccccc 1px;
    border-radius: 4px;
    height: 48px;
  }
  .registeration .textinput input::-webkit-input-placeholder {
    color: #c5c6cb;
  }
  .newBike-links {
    width: 90%;
    margin: 35px auto 0;
  }
  .dont-know {
    width: 63%;
    text-align: left;
  }
  .got-bike {
    width: 37%;
    text-align: right;
  }
  _:-webkit-full-screen,
  :root .registeration .textinput input {
    padding: 14px 1%;
    box-shadow: 0px 2px 1px 0px #dedede;
  }
  .Policy-expire,
  .Policy-type {
    margin: 0 auto;
    width: 92%;
    padding: 0;
  }
  .Policy-expire select,
  .Policy-type select {
    padding: 21px 13px 2px;
    width: 100%;
    text-align: center;
    display: block;
    border-radius: 0;
    margin-bottom: 4px;
    border: solid #e9e9e9 1px;
    font-size: 16px;
    font-weight: 500;
    color: #37474f;
    background: url(../images/icon-blue.png) no-repeat right -30px;
    -webkit-appearance: none;
    text-align: -khtml-center;
    text-align-last: center;
  }
  .select-box,
  .Policy-type .select-box {
    width: 100%;
  }
  .preqoute-field .select-box .Select-control {
    height: 45px;
  }
  .Select {
    margin: 0 0 6px;
  }
  .view-quote button {
    width: 100%;
    border-radius: 0;
    height: 54px;
  }
  .registeration .textinput input::-webkit-input-placeholder {
    font-size: 11px;
    letter-spacing: -0.6px;
  }
  .registeration .textinput input::-moz-placeholder {
    font-size: 11px;
    letter-spacing: -0.6px;
  }
  .preqoute-field .textinput input {
    padding: 15px 1%;
  }
  .Policy-expire .Select-menu-outer {
    width: 100%;
  }
  .mh600 {
    min-height: 575px;
  }
  .selectVal {
    width: 99%;
    height: 96%;
    display: block;
    position: absolute;
    text-align: center;
    top: 1px;
    left: 1px;
    padding: 18px;
    font-size: 16px;
    font-weight: 500;
    color: #37474f;
    background: #fff url(../images/icon-blue.png) no-repeat right -30px;
    border-radius: 2px;
    display: none;
  }
  .select-box label {
    z-index: 1;
    top: 8px;
  }
  .overlay-popup {
    width: 100%;
    padding-bottom: 50px;
  }
  .autocomplete {
    width: 94%;
    margin-top: 0;
    margin-bottom: 15px;
  }
  .autocomplete.search {
    margin: 6px auto;
  }
  .autocomplete.search:before {
    width: 39px;
    height: 39px;
  }
  .react-autosuggest__input {
    font-size: 12px;
    padding-left: 40px;
    text-align: center;
  }
  .react-autosuggest__container:after {
    right: 0;
  }
  .rto-list {
    width: 94%;
  }
  .rto-list li span:before {
    top: 24%;
    right: 4px;
  }
  .rto-list li span {
    width: 100%;
    margin: 5px 0;
  }
  .overlay-popup ul li ul li {
    width: 33%;
  }
  .rto-list li div ul li span {
    border: solid #becbd4 1px;
    min-width: 85px;
    font-weight: 400;
    font-size: 11px;
  }
  .autocomplete h4 span {
    height: auto;
    display: table;
    border: none;
    border-radius: 0;
    padding: 4px 0;
  }
  a.close:before,
  .close:after {
    right: 5px;
    top: -6px;
    height: 18px;
  }
  .overlay-popup h3 {
    margin: 0;
    border-bottom: solid 1px #ccc;
    font-size: 14px;
  }
  .overlay-popup a.back-btn {
    padding: 1px 4px;
  }
  a.close {
    width: 30px;
    height: 30px;
    background: url(../images/icon.png) no-repeat 0 -333px;
    top: 0;
    opacity: 0.7;
    top: 0;
    -ms-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
  }
  a.close:before,
  a.close:after {
    display: none;
  }
  .autocomplete h4 {
    border: none;
  }
  .manufact-list {
    width: 96%;
  }
  .manufact-list li {
    padding: 0 5px;
  }
  .manufact-list li span {
    background: none;
    min-height: inherit;
    height: auto;
    padding: 10px 0;
    margin: 5px 0;
  }
  .manufact-list li:hover span,
  .manufact-list li span.active {
    background-image: none;
  }
  .manufact-list li:hover span {
    background: none;
  }
  .manufact-list li span b {
    margin: 0;
    vertical-align: inherit;
  }
  .varient-list li span {
    min-width: inherit;
    width: 100%;
  }
  .dont-insure .dont-bg {
    width: 45px;
    height: 46px;
  }
  .dont-insure input[type="checkbox"]:not(old) + label > span,
  .dont-insure input[type="radio"]:not(old) + label > span {
    margin-right: 0;
  }
  .dont-insure input[type="checkbox"]:not(old) + label,
  .dont-insure input[type="radio"]:not(old) + label {
    margin: 11px 0 0 -68px;
    vertical-align: top;
    line-height: 12px;
    width: 83%;
  }
  .dont-insure em {
    font-size: 11px;
  }
  .model-list {
    width: 95%;
  }
  .textinput input[type="text"].filled,
  .textinput input[type="email"].filled:valid {
    padding: 25px 1% 5px;
    font-size: 14px;
    border: solid #e5e9ec 1px;
  }
  .textinput input.filled ~ label {
    top: -6px;
  }
  .overlay-popup .dont-insure {
    width: 92%;
    overflow: hidden;
  }
  .help-tip {
    display: none;
  }
  #searchOthers {
    width: 100%;
    margin: 5px auto;
  }
  .quote-tab {
    width: 33.33%;
    font-size: 12px;
    padding: 0 4px;
    border: none;
    border: none;
    height: 38px;
    position: inherit;
    top: 0;
    padding: 0;
  }
  .quote-tab ul {
    width: 100%;
    display: table;
  }
  .quote-tab li {
    width: 33.33%;
    font-size: 9px;
    padding: 0 4px;
    height: 38px;
    background: #37474f;
    border: none;
    color: #c9c9cb;
    text-transform: uppercase;
    font-weight: 400;
  }
  .quote-tab li:nth-child(2) {
    width: 28%;
  }
  .quote-tab li.active {
    color: #fff;
    border: none;
    border-bottom: solid 4px #1dce6c;
    background: #37474f;
  }
  .buy-plan {
    min-width: 100px;
    margin: 16px auto 0;
    display: table;
    float: none;
    height: auto;
    font-size: 18px;
  }
  .buy-plan-green {
    min-width: 105px;
    margin: 8px auto 0;
    display: table;
    float: none;
    height: 39px;
    font-size: 18px;
  }
  .buy-plan a {
    min-width: inherit;
    padding: 5px 10px;
    font-size: 14px;
    float: none;
    width: 100%;
    position: relative;
    background: #1dce6c;
    border: solid #159e52 1px;
    color: #fff;
    font-weight: 400;
    border-radius: 3px;
    text-indent: -15px;
  }
  .buy-plan a b {
    right: 5px;
    top: 7px;
  }
  .img_logo img {
    width: 90%;
  }
  .quote-section {
    overflow: hidden;
  }
  .quote-tile small ul li div.left_block {
    font-weight: 300;
    width: 100%;
    display: block;
    color: #8d8d8d;
  }
  .quote-tile small ul li div.right_block {
    font-weight: 500;
  }
  .quote-tile small {
    padding: 5px;
  }
  ul.idv-ncb li {
    width: 50%;
    font-size: 11px;
    padding: 12px 2px 10px 0;
    text-align: center;
    color: #4f4f4f;
    height: 34px;
    padding: 2px 0 0 0;
    border: solid #d1d5dd 1px;
    border-radius: 0 4px 4px 0;
    margin: 10px 0 0;
    color: #31424b;
  }
  ul.idv-ncb li:nth-child(2) {
    width: 50%;
    font-size: 11px;
    text-align: center;
    color: #4f4f4f;
    height: 34px;
    padding: 0px 0 0 0;
    border: solid #d1d5dd 1px !important;
    border-radius: 4px 0 0 4px;
    margin: 10px 0 0;
    line-height: 15px;
  }
  .idv-ncb li b {
    font-size: 12px;
    width: 100%;
  }
  ul.idv-ncb li:nth-child(2) a {
    color: #4f4f4f;
    font-size: 12px;
    float: right;
    padding: 13px 0 0 0;
    background: none;
    color: #459bf0;
    font-size: 10px;
    margin: 3px -5px 0 0;
  }
  ul.idv-ncb {
    margin: 0;
    background: #f2f3fb;
    text-align: center;
    height: 53px;
  }
  ul.idv-ncb li a {
    padding: 14px 11px 0 0;
    display: block;
    float: right;
    font-size: 11px;
  }
  ul.idv-ncb li span {
    width: 100%;
    font-size: 9px;
    float: left;
    text-align: left;
    padding: 0 0 0 5px;
  }
  .prev-ncb {
    width: 98%;
    left: 1%;
    z-index: 999;
    position: absolute;
    top: 90px;
    margin: 0;
  }
  .ui-slider-horizontal {
    width: 55%;
  }
  .idv-popup ul.radio-btn li {
    width: 100%;
  }
  .best-prices span {
    float: initial;
    margin-left: inherit;
  }
  .idv-popup .inputField {
    width: 50%;
  }
  .own-idv em {
    left: 33%;
  }
  .idv-popup ul.radio-btn {
    display: table;
    margin: 0;
  }
  .idv-popup ul.radio-btn li .check {
    left: 50px;
  }
  .autocomplete h4 span.graybg {
    background: none;
  }
  #tryAgainQuoteList .quote-tile small {
    padding: 15px;
  }
  #idv.reveal {
    height: auto;
    margin-top: 10px;
    width: 96%;
    left: 2%;
    margin: 0 auto;
  }
  ul.idv-ncb ul.radio-btn li:nth-child(2) {
    padding: 7px 2px 10px 30px !important;
    width: 25%;
  }
  .prev-ncb li.active {
    padding-left: 17px;
    background: #3a474e;
    color: #fff;
  }
  .prev-ncb li {
    padding: 5px 6px;
  }
  .idv-ncb ul.radio-btn li {
    padding: 6px 0 0 30px;
  }
  .quote-section .prev-ncb .radio-btn-mobile li {
    width: 24%;
    display: inline-block;
  }
  .quote-section .prev-ncb .radio-btn-mobile li input {
    position: relative;
    top: 2px;
    margin-right: 4px;
  }
  .confirm-detail {
    padding: 5px 7px;
  }
  .premium-date select {
    width: 100%;
  }
  .premium-date li select {
    position: relative;
    color: #309fd7;
    font-family: "Gotham SSm A", "Gotham SSm B", Arial;
    font-size: 14px;
    font-weight: 400;
    padding: 4px 20px 5px 5px;
    border: none;
    border-bottom: solid #dce1e5 1px;
    width: 98%;
    -webkit-appearance: none;
    background: url(../images/icon-blue.png) 100% -80px no-repeat no-repeat;
  }
  .multiyear-plan a.planLink {
    font-size: 11px;
  }
  .buy-plan a em {
    line-height: 0;
    font-size: 8px;
    font-weight: 400;
  }
  .multi-YearPlans {
    padding: 5px 5px 0;
    margin: 0;
  }
  .multi-YearPlans .quote-tile {
    margin-bottom: 5px;
  }
  .multi-YearPlans .buy-plan,
  .multi-YearPlans .buy-plan-green {
    min-width: 100px;
  }
  .buy-plan-green + em {
    padding: 1px;
    font-size: 10px;
    font-weight: 400;
  }
  .multi-YearPlans .buy-plan a {
    padding: 8px 5px;
    min-width: 100%;
  }
  .quote-tile small ul li.forCover {
    width: 100%;
    font-weight: 400;
    left: 1px;
  }
  .quote-tile .img_logo.multi-logo {
    display: block;
    width: 100%;
    margin: 15px 0 20px;
  }
  .quote-tile small.multi-y2 ul li:nth-child(2),
  .quote-tile small.multi-y2 ul li:nth-child(3) {
    line-height: 12px;
  }
  .quote-tile small.multi-y2 ul li:nth-child(1) {
    margin-bottom: 28px;
  }
  .quote-tile small ul li em {
    font-size: 10px;
  }
  .quote-tile small.multi-y2 ul li em {
    font-size: 8px;
  }
  .quote-tile small.multi-y1 ul li {
    margin-bottom: 8px;
    line-height: 10px;
  }
  .quote-tile .multi-y3 .buy-plan {
    height: auto;
    margin: 0 auto;
    display: table;
    min-width: 104px;
  }
  .quote-tile small.multi-y1 ul li div.left_block,
  .quote-tile small.multi-y1 ul li div.right_block {
    width: 100%;
    display: table;
    text-align: center;
  }
  .quote-tile small.multi-y1 ul li:nth-child(2) div.left_block,
  .quote-tile small.multi-y1 ul li:nth-child(2) div.right_block {
    width: 50%;
    display: inline-block;
  }
  .quote-tile small.multi-y1 ul {
    padding: 20px 0 0 15px;
  }
  .msg-error {
    margin-top: 5px;
  }
  .proposal-section {
    top: -21px;
  }
  .proposal-section .buy-plan-green + em {
    bottom: 18px;
    background: none;
  }
  .proposal-section .quote-tile {
    box-shadow: none;
  }
  .quote-tile .policy-word li {
    font-size: 11px;
    padding: 6px 4px !important;
    text-align: center;
    height: 41px;
  }
  .quote-tile .policy-word li span {
    font-size: 10px;
    display: block;
    padding-right: 0;
  }
  .policy-word li a {
    display: block;
  }
  .proposal-form a.prev-btn,
  .summary-page a.prev-btn {
    padding: 0;
    right: 15px;
    left: inherit;
    display: none;
  }
  .main-container .proposal-form h1 {
    margin: 0 auto;
    font-size: 14px;
    width: 100%;
    padding: 10px 0px 10px 10px;
    margin-bottom: 20px;
    text-align: left;
  }
  .proposal-section .react-autosuggest__container:after {
    background: none;
  }
  .btn-prop {
    position: fixed;
    bottom: 0;
    z-index: 0;
  }
  .btn-prop .btn-orange {
    margin: 0;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    border-radius: 0;
    padding: 18px 10px;
    font-size: 18px;
  }
  .proposal-section .quote-tile small {
    padding: 4px 7px 5px;
    height: auto;
  }
  .proposal-section .quote-tile small ul {
    padding: 5px 0;
  }
  .proposal-section .quote-tile .img_logo {
    width: auto;
    height: 47px;
  }
  .list-group {
    margin: 0 0 10px;
  }
  .proposal-section .list-group {
    width: 95%;
    margin: 0 auto;
    padding-bottom: 20px;
  }
  .group12 {
    margin-bottom: 10px !important;
  }
  .summary-header .header-link {
    top: -69px;
    left: 16px;
  }
  .tooltip-box .btn-orange {
    width: 100%;
  }
  .proposal-form {
    box-shadow: none;
    min-height: 500px;
  }
  .checkbox-address {
    display: table;
    clear: both;
    position: relative;
    top: -9px;
    left: -10px;
  }
  .header .back-btn {
    background-position: 50% center;
    width: 30px;
    top: 12px;
    position: inherit;
    float: left;
    font-size: 0;
    padding: 0;
    height: 30px;
    left: -4px;
    background-color: #37474f;
  }
  .header .pb-logo {
    margin: 20px 0 10px;
    width: 110px;
  }
  .header .toll-free {
    margin: 12px 0 0;
    font-size: 12px;
  }
  .share-success p {
    margin: 20px 0;
    font-size: 12px;
  }
  .share-success {
    padding: 0 10px;
    width: 98%;
  }
  .update-pemium {
    margin-bottom: 90px;
  }
  .t_c {
    padding: 20px 30px;
    margin-bottom: 0;
  }
  .summary-right .btn-orange {
    width: 100%;
    bottom: 0;
    border-radius: 0;
    z-index: 999;
    position: fixed;
    font-size: 10px;
  }
  .summary-page {
    box-shadow: none;
    width: 100%;
  }
  .proposal-form ul.list-group li select {
    width: 100%;
    color: #37474f;
    font-weight: 500;
    padding: 0 18px 7px 0;
    margin-bottom: 20px;
    font-size: 12px;
    background-position: 100% -79px;
    border-bottom: solid #dce1e5 1px;
    vertical-align: top;
    font-weight: 600;
    margin-bottom: 10px;
    padding-left: 0 !important;
  }
  .proposal-form ul.list-group li select[name="state"] {
    background: #f1eaea;
  }
  .summary-right .quote-tile small ul li div.left_block {
    top: -2px;
  }
  .payment-box {
    padding: 0 23px;
  }
  .summary-right ul.amount li {
    font-size: 14px;
    margin: 6px 0 0;
    line-height: 11px;
  }
  #accordion h3 {
    padding: 20px 10px;
  }
  .edit-btn {
    margin: 0 20px 0 0;
  }
  .otp-box input[type="tel"] {
    width: 80%;
    margin: 0 auto 10px;
  }
  .summary-page #accordion {
    margin: 0 0 45px;
  }
  .summary-right .insurer-detail img {
    margin: 0 3px 0 8px;
    display: none;
  }
  .summary-right .insurer-detail ul {
    width: 44%;
    text-align: right;
  }
  .summary-right .insurer-detail ul li {
    margin: 0 0 3px;
    font-size: 11px;
  }
  .pa-cover li a {
    font-size: 10px;
    width: 100%;
  }
  .pa-cover li span.GetPA {
    font-size: 10px;
    width: 72%;
    display: inline-block;
    color: #949494;
    line-height: 14px;
  }
  .pa-cover li .GetPA span {
    font-size: 8px;
  }
  .summary-right .additional {
    padding: 0 0 10px;
    border-top: 1px solid #d8d8d8;
    border-bottom: 0;
    padding-top: 10px;
    width: 95%;
    margin: 0 auto;
  }
  .pay-now {
    font-size: 16px;
    width: 100%;
    margin: 0 auto;
  }
  .pay-now b {
    font-size: 16px;
    color: #1dce6c;
  }
  .congrats {
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#fff),
        to(#ebeff2)
      )
      fixed;
  }
  .congrats h2 {
    font-size: 18px;
    padding: 5px 0 10px;
  }
  .congrats .insurer-detail ul {
    width: 68%;
  }
  .congrats .insurer-detail ul li {
    margin: 0 0 3px;
    font-size: 10px;
  }
  .congrats h4 {
    font-size: 9px;
    text-align: center;
    display: table;
    margin: 0 auto 10px;
    width: 100%;
    line-height: 26px;
  }
  .congrats ul.premium-paid {
    width: 90%;
    margin: 0 auto;
    display: table;
    padding: 10px 10px 5px;
    border: solid 1px #dfe1e2;
  }
  .congrats .critical-detail label {
    margin: 0 0 7px 5px;
    color: #b3b7b9;
    font-weight: 300;
    line-height: 10px;
    margin-top: 20px;
  }
  .second-policy p {
    margin: 0;
    line-height: 18px;
  }
  .congrats ul.premium-paid li {
    text-align: left;
  }
  .congrats ul.premium-paid li em,
  .congrats ul.premium-paid li b,
  .congrats ul.premium-paid li a {
    float: right;
    font-size: 12px;
  }
  .second-policy p span {
    float: right;
    font-size: 12px;
  }
  .second-policy {
    margin: 0 auto;
    width: 95%;
    padding: 5px 10px 10px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14),
      0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.084);
    background: #fff;
  }
  .congrats .critical-detail h5 {
    text-align: center;
    width: 100%;
    padding: 0;
    margin: 0;
    padding-bottom: 5px solid 1px #e9e9e9;
    font-weight: 500;
  }
  .congrats .critical-detail select {
    height: 35px;
    border: none;
    border-bottom: solid #dce1e5 1px;
    width: 100%;
  }
  .congrats .critical-detail {
    padding: 10px;
    width: 95%;
    margin: 15px auto;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14),
      0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.084);
  }
  .congrats .btn-orange {
    font-weight: 400;
    position: fixed;
    font-size: 11px;
    width: 100%;
    border-radius: 0;
    bottom: 0;
  }
  .congrats .t_c {
    margin: 20px 0 40px;
    padding: 20px 0;
  }
  .congrats .heading {
    font-weight: 700;
    margin: 20px 0 0;
    border-top: dashed 1px #ccc;
    width: 90%;
    margin: 18px auto 0;
    padding: 5px 0;
  }
  .congrats ul.premium-paid li:last-child {
    border-top: solid 0 #d0d8dc;
  }
  .congrats ul.premium-paid li:last-child a {
    float: inherit;
    margin: 0 auto;
    font-size: 12px;
    padding: 8px 0;
    display: block;
    text-align: center;
  }
  .congrats .insurer-detail img {
    width: 25%;
    margin-left: 10px;
  }
  .congrats h2 span {
    font-size: 14px;
  }
  .congrats .thanks-content .insurer-detail ul {
    margin: 0 0 20px 5px;
    border: none;
    padding: 0;
  }
  .congrats ul.premium-paid {
    width: 100%;
    border: none;
    border-top: solid 1px #dfe1e2;
  }
  .congrats .thanks-content ul.premium-paid li:last-child {
    border: none;
  }
  .congrats .support-team {
    font-size: 10px;
    padding: 5px 10px;
    line-height: 16px;
    width: 95%;
    float: initial;
    margin: 0 auto -1px;
    background: none;
    text-align: center;
  }
  .congrats .insurer-detail ul li {
    font-size: 11px;
  }
  .congrats .contact-support {
    margin: 0;
  }
  .congrats h4 .pre-paid {
    float: initial;
  }
  .btn-sum {
    position: fixed;
    bottom: 0;
    width: 100%;
    border-radius: 0;
    z-index: 9;
    display: block;
    left: 0;
    text-transform: uppercase;
    font-size: 14px;
  }
  .credit-report {
    background: #fa774d;
    padding: 8px;
    clear: both;
    margin: 5px auto 20px;
    display: table;
    width: 95%;
  }
  .credit-report p {
    margin: 50px 0 5px;
    font-weight: 700;
    font-size: 12px;
    display: table;
    width: auto;
    float: inherit;
    letter-spacing: -0.3px;
    line-height: 14px;
    text-align: center;
    width: 100%;
  }
  .credit-report p span {
    color: #fff;
    display: block;
    font-weight: 300;
    font-size: 11px;
    text-transform: none;
  }
  .credit-report a {
    padding: 7px 29px;
    text-align: center;
    font-weight: 700;
    float: inherit;
    vertical-align: top;
    font-size: 12px;
    margin: 0 auto;
    display: table;
  }
  .credit-report a img {
    width: 100%;
  }
  span:nth-child(2) {
    height: 21px;
  }
  #btnPG1 {
    display: none;
  }
  .life-accordion {
    width: 98%;
  }
  .life-accordion h2 {
    font-size: 12px;
    color: #b0b3bb;
    display: none;
  }
  .life-accordion .content p {
    color: #b0b3bb;
  }
  .newQuote .quote-tab {
    width: 100%;
    margin: 0;
    left: 0;
  }
  /*.newQuote .quote-tile{height:70px;position:relative;border-top:1px solid #e3e3eb;border-bottom:1px solid #e3e3eb;margin-bottom:7px;box-shadow: 1px 1px 9px #dddee8;
}*/
  .newQuote .quote-tile li:nth-child(3) {
    /* position:absolute; */
    /* bottom:0; */
    /* width:100%; */
    border: none;
    /* height:35px; */
  }
  .newQuote .single_yrs {
    background: #ebeff2;
    height: 40px;
    border-top: solid 1px #ebeff2;
    padding: 10px 0;
  }
  .newQuote .quote-tile small.multi-y2 {
    height: 32px;
    padding: 0 5px 10px;
    border-top: solid 1px #ededed;
    background: #fff;
  }
  .newQuote .single_yrs {
    display: none;
  }
  .quote-tile .img_logo {
    height: 62px;
    padding: 5px 0 0;
    font-size: 12px;
    font-weight: 600;
    text-align: left;
    padding-left: 15px;
  }
  .newQuote .quote-tile li {
    width: 30%;
    float: left;
  }
  .quote-tile small ul li:nth-child(2) {
    display: none;
  }
  .newQuote .quote-tile small.multi-y2 ul li:nth-child(2),
  .quote-tile small.multi-y2 ul li:nth-child(3) {
    line-height: 24px;
    display: inline-block;
  }
  .newQuote li.radio .check {
    top: 5px;
  }
  .newQuote .quote-tile small.multi-y2 ul {
    margin: 0;
  }
  .newQuote .quote-tile ul li b.cover {
    display: none;
  }
  .newQuote .quote-tile li.radio:nth-child(3) {
    position: relative;
    width: 33%;
  }
  .newQuote .quote-tile small.multi-y2 ul li em {
    font-size: 10px;
    letter-spacing: 0;
    text-align: left;
    padding-left: 30px;
    font-weight: 400;
  }
  .newQuote .quote-tile small ul li em span {
    top: 15px;
    left: 29px;
    font-weight: 300;
    color: #1dce6c;
    font-size: 8px;
  }
  .newQuote .quote-tile small.multi-y1 ul li {
    width: 100%;
    margin-bottom: 18px;
  }
  .newQuote .quote-tile small.multi-y1 ul li div.left_block {
    display: inline-block;
    text-align: left;
    width: 34%;
  }
  .newQuote .quote-tile small.multi-y1 ul li div.right_block {
    width: 64%;
    display: inline-block;
    text-align: right;
    font-weight: 700;
  }
  .newQuote .quote-tile small ul li {
    width: 100%;
  }
  .newQuote .quote-tile small ul li.radio {
    width: 33%;
  }
  .newQuote .quote-tile small ul li div.right_block {
    line-height: normal;
    display: block;
    width: 100%;
    text-align: center;
    color: #4f4f4f;
    font-size: 11px;
    padding: 0;
    margin-top: 0;
    font-weight: 400 !important;
  }
  .newQuote .quote-tile small {
    background: none;
    height: 78px;
  }
  .quote-tile small ul {
    padding: 12px 0 0 0px;
  }
  .newQuote .quote-tile small.multi-y1 {
    background: none;
  }
  .FYC {
    margin: 0;
    height: 24px;
    line-height: 0;
    padding: 14px 0 0;
    position: absolute;
    left: 7px;
    bottom: 1px;
    border: none;
  }
  .quote-tile ul li span.saveTo {
    color: #ff8484;
    display: block;
    font-size: 10px;
    text-align: center;
    height: 16px;
    line-height: 8px;
    position: absolute;
    left: 120px;
    bottom: -1px;
    border: none;
  }
  .newQuote .quote-tile li small.multi-y1 ul li:nth-child(1) div.left_block {
    width: 100%;
    text-align: left;
    margin-bottom: 7px;
  }
  .newQuote .quote-tile li small.multi-y1 ul li:nth-child(1) div.right_block {
    width: 100%;
    text-align: left;
  }
  .idv-first {
    display: none;
  }
  .idv-mob {
    display: block;
  }
  .idv-mob b {
    display: inline-block;
    font-weight: 400;
    color: #9a9fa2;
  }
  .toast {
    top: 11px;
    position: relative;
    left: 0;
    opacity: 1;
    width: 98%;
    font-size: 11px;
    text-align: left;
    color: #fff;
    border-radius: 4px;
    font-weight: 300;
    padding: 5px 10px;
  }
  .privacy {
    font-size: 8px;
    padding: 0 5px;
    position: relative;
    top: 28px;
    width: 100%;
    letter-spacing: -0.2px;
  }
  .btn-prop {
    bottom: -5px;
    z-index: 1;
  }
  .view-quote button {
    height: 46px;
  }
  .savings {
    margin: 50px 0 0 0;
    font-size: 10px;
  }
  .search-other.autocomplete .react-autosuggest__input {
    border: solid #e9e9e9 1px;
  }
  .newQuote .quote-tile.rsa-bajaj {
    min-height: 125px;
    margin-bottom: 8px;
  }
  .newQuote .quote-tile.rsa-bajaj small.multi-y2 ul {
    margin-top: 0;
  }
  .BajajRSA {
    width: 100%;
    left: 0;
    bottom: -11px;
    border-bottom: 1px solid #c5c6ce;
    background: #dfffed;
  }
  .registeration .new-Bike {
    display: none;
  }
  .toastbreakingmsg {
    font-weight: 400;
    margin: 0px auto 19px;
    letter-spacing: -0.3px;
  }
  ul.idv-ncb.NewBikeIDVEdit li span {
    float: left;
    display: inline-block;
    width: auto;
  }
  .idv-ncb.NewBikeIDVEdit li {
    padding: 3px 0px 0 38px;
    text-align: left;
    width: 60%;
    border-radius: 4px;
    float: inherit;
  }
  .proposal-section .quote-tile small {
    height: 47px;
  }
  .newQuote .single_yrs {
    background: #ebeff2;
    height: 14px;
    border-top: solid 1px #ebeff2;
    padding: 1px 0;
    margin: 13px 0 0;
    display: block;
    bottom: 0;
    width: 100%;
    margin: 0;
    left: 0;
    font-size: 9px;
  }
  .overlay-popup h3 {
    border: none;
    margin: 0;
  }
  .AddressCitymsg {
    margin: 0 0 10px;
    padding: 10px 0;
    font-size: 9px;
  }
  .proposal-form ul.list-group li {
    padding: 0;
  }
  .proposal-form ul.list-group li:nth-child(even) {
    background: #fff;
  }
  .proposal-form ul.list-group ul.radio-btn li {
    padding: 5px 0;
  }
  ul.idv-ncb li span .help-tip p {
    width: 260px;
    right: 0;
    left: inherit;
  }
  ul.idv-ncb li span .help-tip p:before {
    right: 2px;
  }
  .proposal-form ul.list-group li label .help-tip p {
    left: -156px;
    right: 0;
    width: 260px;
  }
  .proposal-form ul.list-group li label .help-tip p:before {
    left: 157px;
  }
  .track-book {
    padding: 8px;
    z-index: 1;
    position: relative;
    text-align: center;
  }
  .track-book p {
    text-align: center;
    width: 100%;
    font-size: 11px;
    text-align: center;
    margin: 0 0 10px;
  }
  .track-book a {
    padding: 9px 5px;
    text-align: center;
    color: #fff;
    display: inline-block;
    background: #f07651;
    border-radius: 4px;
    margin: 0 5px;
    cursor: pointer;
    font-size: 10px;
  }
  .fullAddress {
    border: 1px solid #dce1e5;
    margin-bottom: 5px;
    color: #31424b;
    font-size: 12px;
    font-weight: 600;
    width: 100%;
  }
  .quote-tab li {
    line-height: 40px;
  }
  .track-book b {
    color: #b7b7b7;
    font-size: 10px;
  }
  .pb-app {
    text-align: center;
    padding: 8px;
    position: relative;
    z-index: 1;
    margin-bottom: 50px;
  }
  .pb-app p {
    width: 100%;
    font-size: 10px;
    line-height: 16px;
  }
  .app-icon {
    width: 100%;
  }
  .app-icon img {
    width: 30%;
  }
  ul.idv-ncb li span .help-tip,
  .proposal-form ul.list-group li label .help-tip {
    display: none;
  }
  .congrats .btn-orange {
    z-index: 999;
  }
  .proposal-form ul li input[type="text"],
  .proposal-form ul li input[type="tel"],
  .input-disable {
    font-size: 12px;
  }
  .proposal-form ul.list-group ul.radio-btn li label {
    font-size: 12px;
    top: 0;
  }
  .update-pemium h4 {
    font-size: 14px;
    font-weight: 500;
    margin: 5px 0 10px;
  }
  .update-pemium p {
    line-height: 16px;
    font-size: 12px;
  }
  .btn-prop .btn-orange.btn-gray {
    font-size: 12px;
    font-weight: 400;
  }
  .buy-plan-WithoutDiscount {
    font-size: 12px;
    font-weight: 500;
  }
  .toastbreakingmsg ul li {
    padding: 0 0 0 10px;
    width: 100%;
    font-size: 11px;
    text-align: left;
    line-height: 12px;
    font-weight: 300;
  }
  .proposal-form ul li input[type="text"],
  .proposal-form ul li input[type="tel"],
  .input-disable {
    margin: 0;
    color: #31424b;
    font-weight: 600;
    border-radius: 0;
  }
  a.tollFree {
    display: none;
  }
  .overlay-toll {
    width: 100%;
    position: fixed;
    display: block;
    background: #ccc;
    left: 0;
    height: 100%;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9;
  }
  .tollFree-mob ul {
    display: block;
  }
  a.tollFree-mob {
    color: gray;
  }
  a:hover.tollFree-mob {
    color: gray;
  }
  .tollFree-mob {
    position: relative;
    font-size: 14px;
    color: #8b8b8b;
    height: 35px;
    float: right;
    padding: 0 22px 0 0;
    margin: 26px 0 0 20px;
    position: absolute;
    right: 0;
    display: block;
  }
  .tollFree-mob:hover ul {
    display: block;
  }
  .tollFree-mob ul {
    position: fixed;
    background: #fff;
    z-index: 9;
    width: 80%;
    height: 185px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15), 0 3px 6px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15),
      0 3px 6px rgba(0, 0, 0, 0.1);
    left: 50%;
    padding: 18px;
    top: 50%;
    margin: -90px 0 0 -40%;
    border-radius: 4px;
  }
  .tollFree-mob ul li {
    border-bottom: dashed 1px #b8b8b8;
    padding: 0 0 9px;
    margin: 0 0 14px;
  }
  .tollFree-mob ul li b {
    font-size: 12px;
    color: gray;
  }
  .tollFree-mob ul li span {
    color: #fa774d;
    font-size: 14px;
    padding: 8px 10px 5px 14px;
    display: table;
    font-weight: 700;
  }
  .tollFree-mob ul li span img {
    position: relative;
    left: -16px;
  }
  .tollFree-mob ul li span a {
    color: #fa774d;
  }
  .tollFree-mob ul li em {
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    display: block;
    color: #a9a9a9;
  }
  .tollFree-mob ul li:last-child {
    border: none;
  }
  .tollFree-mob .closeIcon {
    float: right;
    margin: -5px 0 0;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
  }
  .callIcon {
    margin: 10px 0px 10px 0;
    font-size: 11px;
    color: #1596fe;
    border: solid #1596fe 1px;
    border-radius: 4px;
    padding: 0 5px;
    background: #1596fe;
    height: 28px;
    float: right;
    display: block;
    visibility: hidden;
  }
  .callIcon img {
    margin: 5px 0 0;
    vertical-align: inherit;
  }
  .header-link {
    width: 53%;
  }
  .overlay-toll {
    display: none;
  }
  .tollFree-mob {
    display: none;
  }
  .form-group {
    margin-bottom: 0;
    margin-top: 7px;
  }
  .proposal-form ul li input[type="text"],
  .proposal-form ul li input[type="tel"],
  .input-disable {
    padding: 7px 0 8px;
  }
  .proposer-detail .container {
    position: relative;
    padding: 0;
  }
  .container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14),
      0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
    -webkit-transition: -webkit-transform 0.28s ease-in-out;
    transition: -webkit-transform 0.28s ease-in-out;
    transition: transform 0.28s ease-in-out;
    transition: transform 0.28s ease-in-out, -webkit-transform 0.28s ease-in-out;
    z-index: -1;
  }
  .container:hover::before {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  .group {
    position: relative;
    margin-bottom: 20px;
  }
  .proposal-form ul.list-group li label {
    color: #979797 !important;
  }
  .group input {
    font-size: 18px;
    padding: 10px 10px 10px 5px;
    display: block;
    width: 300px;
    border: none;
    border-bottom: 1px solid #757575;
  }
  .group input:focus {
    outline: none;
  }
  .group label {
    color: #999;
    font-size: 18px;
    font-weight: 400;
    position: absolute;
    pointer-events: none;
    left: 0;
    top: 10px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
  }
  .proposal-form ul.list-group li label {
    margin: 0;
    padding: 0 0 5px;
  }
  .group input:focus ~ label,
  input:valid ~ label {
    top: -10px;
    font-size: 13px;
    /*color: #979797;*/
    color: #212121;
  }
  .proposal-form ul.list-group ul.radio-btn {
    margin: 5px 0 20px -8px;
    z-index: 0;
    position: relative;
    display: flex;
  }
  .group .bar {
    position: relative;
    display: block;
    width: auto;
  }
  .group .bar:before,
  .bar:after {
    content: "";
    height: 2px;
    width: 0;
    bottom: 1px;
    position: absolute;
    background: #67c67a;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
  }
  #accordion div.axpand {
    padding: 0 0;
    background: #fff;
  }
  .proposal_top14 {
    position: relative;
    margin-bottom: 10px !important;
    margin-top: 25px !important;
  }
  .previ1 {
    margin-top: 10px;
  }
  .p12 {
    padding-bottom: 5px !important;
  }
  .group .bar:before {
    left: 50%;
  }
  .group .bar:after {
    right: 50%;
  }
  .smr_heading p {
    font-size: 11px;
    color: #666;
    margin: 10px 0 5px;
  }
  .summary-page ul li span b {
    font-weight: 400;
  }
  #accordion h3 {
    padding: 15px 10px;
    font-size: 12px;
    color: #4f4f4f;
    background: #fff url(../images/icon-blue.png) 98% -161px no-repeat;
  }
  .group input:focus ~ .bar:before,
  input:focus ~ .bar:after {
    width: 50%;
  }
  .summary-page ul li {
    margin: 5px 0;
    padding: 7px 0;
  }
  .group .highlight {
    position: absolute;
    height: 60%;
    width: 100px;
    top: 25%;
    left: 0;
    pointer-events: none;
    opacity: 0.5;
  }
  .group input:focus ~ .highlight {
    -webkit-animation: inputHighlighter 0.3s ease;
    -moz-animation: inputHighlighter 0.3s ease;
    animation: inputHighlighter 0.3s ease;
  }
  ul.idv-ncb li span b {
    font-weight: 300;
    color: #fff;
    display: block;
    font-size: 10px;
    position: absolute;
    width: 65%;
    left: 4px;
    top: 16px;
    color: #000;
  }
  /********15march**********/
  .summary-right ul.amount li b {
    font-weight: 500;
    font-size: 14px;
    color: #4f4f4f;
  }
  .summary-right p {
    color: #4f4f4f;
    font-size: 12px;
  }
  .summary-right ul.amount li em {
    color: #4f4f4f;
    font-weight: 500;
    font-size: 14px;
  }
  .pa-cover li b {
    font-weight: 500;
    font-size: 14px;
    color: #4f4f4f;
    position: relative;
    left: 10px;
  }
  .summary-page ul li span {
    font-size: 12px;
  }
  .pa-cover li a {
    padding: 4px 0 7px 40px;
  }
  .summary_container {
    background: #fff;
    width: 95%;
    margin: 0 auto;
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    padding: 25px 5px 0 10px;
    margin-top: 10px;
  }
  .summary {
    font-size: 12px;
    text-transform: uppercase;
    color: #666;
    padding: 10px 0 0;
  }
  #breakup {
    display: table;
    clear: both;
    width: 100%;
  }
  .t_c {
    padding: 10px 12px 0;
  }
  .t_c span {
    margin: 0 0 0 10px;
    display: inline-block;
    font-size: 11px;
  }
  .summary {
    margin: 10px 0 10px 8px;
  }
  #accordion h3.active {
    background: #37474f url(../images/icon-blue.png) 98% -111px no-repeat;
  }
  #accordion h3 {
    background: #fff url(../images/arrow.png) no-repeat 95% 23px;
    border-bottom: solid #cecece 1px;
    font-weight: 700;
  }
  #accordion h3.active {
    background: #fff url(../images/icon-blue.png) 95% -225px no-repeat;
    font-weight: 700;
  }
  .registeration .btn-blue {
    display: none;
  }
  .newQuote li.radio {
    line-height: 26px;
  }
  .newQuote .quote-tile.rsa-bajaj small.multi-y2 {
    top: -20px;
    position: relative;
  }
  .newQuote .quote-tile.rsa-bajaj span:nth-child(2) {
    bottom: -21px;
    line-height: 22px;
  }
  .loader span {
    height: 6px;
  }
  .cityLoan {
    margin-bottom: 20px;
  }
  .prevIns .group {
    margin: 10px 0 0 0;
  }
  .proposal-form ul.list-group li .prevIns label {
    top: -20px;
  }
  .summary-right .insurer-detail ul li.NewBikeIDVShow {
    margin: 0 0 0 10px;
  }
  .summary-page .edit-btn {
    float: inherit;
    color: #fff;
    font-size: 12px;
    margin: 0;
    border-radius: 4px;
    border: solid #fff 1px;
    padding: 0px 5px;
    transition: all 0.3s ease-in-out;
    background: url(../images/edit_button.png) no-repeat 5px 3px;
    font-size: 0;
    height: 18px;
    /* border: solid red 1px; */
    width: 14px;
    display: inline-block;
    vertical-align: top;
    padding-left: 10px;
  }
  .displayPlansummary {
    display: inline-block;
  }
  .msg-summary {
    background: #e8ebed;
    /* padding: 10px; */
    border: solid #d6d8da 1px;
    width: 100%;
    position: absolute;
    top: -17px;
    background: none;
    border: none;
    font-size: 11px;
    padding: 0;
  }
  fieldset {
    margin: 0 0 3rem;
    padding: 0;
    border: none;
  }
  .form-group-text {
    position: relative;
    margin-top: 12px;
    margin-bottom: 10px;
  }
  .form-group-text textarea {
    resize: none;
  }
  .form-group-text .control-label {
    position: absolute;
    top: 0.25rem;
    pointer-events: none;
    padding-left: 0.125rem;
    z-index: 1;
    color: #b3b3b3;
    font-size: 1rem;
    font-weight: normal;
    -webkit-transition: all 0.28s ease;
    transition: all 0.28s ease;
  }
  .form-group-text .bar {
    position: relative;
    border-bottom: solid #dce1e5 1px;
    display: block;
    margin-top: -6px;
  }
  .form-group-text .bar::before {
    content: "";
    height: 0.125rem;
    width: 0;
    left: 50%;
    bottom: -0.0625rem;
    position: absolute;
    background: #337ab7;
    -webkit-transition: left 0.28s ease, width 0.28s ease;
    transition: left 0.28s ease, width 0.28s ease;
    z-index: 2;
  }
  .form-group-text textarea {
    display: block;
    background: none;
    padding: 0.125rem 0.125rem 0.0625rem;
    font-size: 12px;
    border-width: 0;
    border-color: transparent;
    line-height: 1.9;
    width: 100%;
    color: transparent;
    -webkit-transition: all 0.28s ease;
    transition: all 0.28s ease;
    box-shadow: none;
  }
  .form-group-text textarea:focus,
  .form-group-text textarea:valid,
  .form-group-text textarea.form-file,
  .form-group-text textarea.has-value {
    color: #333;
  }
  .form-group-text textarea:focus ~ .control-label,
  .form-group-text textarea:valid ~ .control-label,
  .form-group-text textarea.form-file ~ .control-label,
  .form-group-text textarea.has-value ~ .control-label {
    font-size: 11px;
    color: gray;
    top: -13px;
    left: 0;
  }
  .form-group-text textarea:focus {
    outline: none;
  }
  .form-group-text textarea:focus ~ .control-label {
    color: #337ab7;
  }
  .form-group-text textarea:focus ~ .bar::before {
    width: 100%;
    left: 0;
  }
  .has-error .bar::before {
    background: #d9534f;
    left: 0;
    width: 100%;
  }
  .insurer-detail .col-xs-5 {
    text-align: right;
  }
  .summary-right .insurer-detail ul {
    float: right !important;
  }
  .pa-cover {
    font-size: 11px;
    color: #828282;
  }
  .pa-cover input[type="checkbox"] {
    position: relative;
    left: -5px;
  }
  #accordion h3.active:before {
    background: #fff url(../images/arrow-up.png) no-repeat 0 0;
    width: 20px;
    height: 20px;
    position: absolute;
    content: "";
    right: 6px;
    top: 20px;
    border-radius: 4px;
  }
  .summary-page #accordion h3.active:before {
    right: 10px;
    background-position: 0 0;
  }
  .quote-section .prev-ncb ul li:nth-child(2) {
    border: none;
    text-align: left;
    float: left;
    width: 100%;
    border-bottom: solid #e1e2e2 1px;
  }
  .quote-section .prev-ncb .radio-btn-mobile li {
    border: none;
    margin: 0;
    float: left;
    width: 50% !important;
    border: none !important;
  }
  .quote-section .prev-ncb .radio-btn-mobile {
    width: 100%;
    /* border: solid red 1px; */
    margin: 0 auto;
    display: table;
  }
  #regNo::-webkit-input-placeholder {
    color: #8c8d8e;
  }
  #regNo::-moz-placeholder {
    color: #8c8d8e;
  }
  /* firefox 19+ */
  #regNo:-ms-input-placeholder {
    color: #8c8d8e;
  }
  /* ie */
  .loaderOverLay span {
    height: 6px !important;
  }
  .proposal-form ul.list-group li label.pincode_mobile {
    top: -18px;
  }
  .form-group-text .control-label {
    top: 30px;
  }
  #RegistrationForm {
    background: #fff;
  }
  .registeration a:hover {
    border: none;
  }
  .main-container {
    height: 100%;
    height: 100%;
    width: 100%;
    display: inherit;
  }
  .mh600 {
    min-height: fit-content;
    padding-bottom: 30px;
  }
  .summary-header + .row {
    background: #fff;
  }
  .Ticket-support {
    margin: 0;
    width: 100%;
  }
  .congrats .thanks-content .support-team {
    box-shadow: none;
    background: #fff;
    width: 100%;
  }
  .LvgiArea {
    display: block;
    clear: both;
  }
  .proposal-form ul li input[type="text"]:focus,
  .proposal-form ul li input[type="tel"]:focus {
    border-bottom: solid #68c67b 1px;
  }
  .proposal-form ul.list-group li select#prevInsurer {
    margin-bottom: 3px;
  }
  .proposal-form ul.list-group ul.radio-btn.p12 {
    margin-bottom: 7px;
  }
  #btnPG1 {
    display: none;
    position: inherit;
    width: 90%;
    margin: 10px auto 25px;
    border-radius: 8px;
    font-size: 14px;
  }
  .overlay-popup .ShowContactDetails h3 {
    margin: 15px 0;
    font-size: 12px;
    width: 35%;
  }
  .loginbutton {
    width: 50%;
  }
  .privacy {
    top: -22px;
  }
  .proposal-form .form-group-text textarea {
    border: none;
  }
  .proposal-form ul.list-group ul.radio-btn li label {
    padding: 0;
  }
  .group .highlight {
    height: auto;
  }
  .form-group-text .bar {
    margin-top: -2px;
  }
  .view-quote {
    bottom: 5px;
  }
  .view-quote .privacy {
    top: 6px;
    background: #f1f5f7;
    width: 100%;
    display: block;
    padding-bottom: 5px;
  }
  /***********NEW CSS Akshay Banner*************/
  #innerregno {
    background: none;
  }
  .twBgmob {
    display: none;
  }
  .registeration {
    padding: 0;
    margin: 0 auto;
  }
  .twBanner {
    display: none;
  }
  #heading {
    background: #eef2f7 url(../images/akshay-mob.png) no-repeat 0px 10px;
    padding: 13px 0 13px;
    border-bottom: solid #e4e4e4 1px;
  }
  #heading p {
    text-align: left;
    padding: 0 0 0 90px;
  }
  .main-container#RegistrationForm h1 {
    padding: 0;
    text-align: left;
    padding-left: 90px;
    margin: 0;
    width: 100%;
    font-size: 13px;
  }
  .registeration .btn-orange {
    margin-top: 30px;
  }
  /***********New CSS Multi Language banner**************/
  .multi_lang {
    display: table;
    margin: 175px auto 0;
    width: 96%;
    text-align: center;
    clear: both;
  }
  .registeration .multi_lang a {
    display: inline-block;
    padding: 6px 8px;
    border-right: solid 1px;
    height: 10px;
    line-height: 2px;
    border-bottom: none;
    font-weight: 300;
    width: auto;
    float: inherit;
    font-size: 10px;
    margin: 10px 0;
  }
  .registeration .multi_lang a:last-child {
    border: none;
  }
  .upload_policy {
    z-index: 1;
  }
  .commonMullange {
    position: relative;
    top: 13px;
    display: inline-block;
    left: 35px;
    left: 0;
    float: right;
  }
  .hi-IN .newQuote .quote-tab {
    width: 100%;
    margin: 0 auto;
    background: #37474f;
  }
  .hi-IN .quote-tab li {
    border-right: none;
    padding: 0;
  }
  .ml-IN .quote-tab li {
    line-height: 14px;
  }
  .newQuote .edit_quote {
    display: block;
    left: 20px;
    z-index: 999;
    background: #61a3e3 url(../images/bike-icon.png) no-repeat center 5px;
    border-radius: 50%;
    width: 54px;
    height: 54px;
    text-align: center;
    padding: 32px 12px 0;
    color: #fff;
    font-size: 9px;
    bottom: 30px;
    position: fixed;
    top: inherit;
    box-shadow: 0px 2px 30px -7px #000;
    -webkit-box-shadow: 0px 2px 30px -7px #000;
    border: solid 1px #61a3e3;
  }
  /*.newQuote .quote-tile{height:80px;}*/
  .newQuote .quote-tile li.Bunduled {
    height: 22px;
  }
  .newQuote .Bunduled .single_yrs {
    height: 19px;
    padding: 2px 0 0 15px;
    margin: 3px 0 0;
    font-size: 10px;
    font-weight: 300;
    text-align: left;
    display: block;
  }
  .newQuote .Bunduled .single_yrs span {
    display: inline-block;
    color: #37474f;
    font-weight: 500;
    letter-spacing: -0.4px;
    font-size: 10px;
    padding-left: 5px;
  }
  .OwnerRCMessage {
    width: 100%;
    left: 0;
    margin: 0 0 1px 0;
  }
  .newQuote .quote-tile li:nth-child(3) {
    height: 41px;
  }
  .OwnerRCMessage {
    width: 100%;
    left: 0;
    margin: 0 0 1px 0;
    font-size: 8px;
    bottom: -5px;
    z-index: 2;
  }
  .newQuote .quote-tile small ul li em span {
    top: 11px;
  }
  .quote-tile .img_logo img {
    /* width: 80%; */
  }
  .summary-right .insurer-detail img {
    display: block;
  }
  .summary-right .quote-tile li {
    width: 50%;
  }
  .summary-right .insurer-detail {
    background: none;
    padding: 0;
  }
  .summary-right #breakup .additional {
    padding: 0;
  }
  .summary-right .additional .pa-cover {
    width: 100%;
    margin: 0 auto 5px;
  }
  .quote-tile small.multi-y1 ul li {
    width: 100%;
  }
  .quote-tile small.multi-y1 ul {
    padding: 0;
  }
  .quote-tile small.multi-y1 ul li div.left_block,
  .quote-tile small.multi-y1 ul li div.right_block {
    width: 49%;
    display: inline-block;
  }
  .msg-summary {
    top: 3px;
    text-align: left;
  }
  .summary-right .additional {
    border: none;
    padding-top: 20px;
  }
  .summary-right {
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2),
      0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
  }
  .sel-cover p {
    width: 40%;
  }
  .sel-cover ul {
    width: 60%;
  }
  .displayPlansummary {
    display: none;
  }
  .pa-cover li b {
    position: absolute;
    right: 0;
    left: inherit;
  }
  .sel-cover p {
    margin: 32px 0 0 0;
  }
  .pa-cover {
    margin-top: -32px;
  }
  .pay-now {
    width: 95%;
  }
  .t_c {
    padding: 10px 0 0 0;
    width: 98%;
  }
  .sel-cover li span em {
    font-size: 8px;
  }
  .quote-tile small.multi-y1 ul li div.right_block {
    float: right;
    text-align: right;
    line-height: 6px;
  }
  .quote-tile small.multi-y1 {
    padding: 5px 0 0 0;
  }
  .container-inner-quote {
    width: 100%;
  }
  .newQuote .quote-tab {
    top: 0;
    z-index: 99;
    background: #3a474e;
  }
  ul.idv-ncb {
    top: 0;
    z-index: 9;
  }
  .newQuote .idvbox {
    padding: 25px 10px 3px;
    font-size: 12px;
    height: 78px;
    border: none;
  }
  .quote-tile .img_logo {
    height: 90px;
    vertical-align: top;
    padding: 20px 0 0 20px;
    border: none;
  }
  .quote-title-quote li:nth-child(3) {
    display: none;
  }
  .quote-title-quote li {
    width: 33%;
  }
  .sticky3 {
    position: inherit;
  }
  .newQuote .quote-tab.sticky {
    position: inherit;
    width: 100%;
    margin: 0;
    left: 0;
  }
  .headerbottom {
    display: none;
  }
  ul.idv-ncb.sticky2 {
    position: inherit;
    top: 0;
    width: auto;
  }
  .headerTop {
    padding: 0px 0 0px;
    height: auto;
    background: #fff;
  }
  a.tollFreequote {
    display: none;
  }
  .commonMullangequote {
    position: relative;
    top: 9px;
    display: inline-block;
    left: 0;
    background: none;
    border: solid 1px #e4e4e4;
    float: right;
  }
  .commonMullangequote select {
    width: 88px;
  }
  .quote-tab li {
    width: 33% !important;
    margin: 0;
    border-radius: 0;
  }
  ul.idv-ncb li:nth-child(1) {
    display: none;
  }
  ul.idv-ncb {
    position: inherit;
  }
  #dvQuoteList .cd-popup-container {
    width: 96%;
    margin: 20px auto;
  }
  .midsection li,
  .secondsection li {
    padding: 10px 0px;
    width: 46%;
  }
  #dvQuoteList .midsection {
    width: 100%;
  }
  .secondsection {
    width: 100%;
  }
  .expirybox input:focus ~ label,
  .expirybox input:valid ~ label {
    font-size: 12px;
    color: #494e5a !important;
  }
  ul.idv-ncb li:nth-child(3) span {
    font-size: 11px;
    font-weight: 500;
    padding: 0 0 0 10px;
  }
  .currentncb {
    text-align: left;
  }
  .currentncb label {
    padding: 0 0 0 10px;
    margin: 0;
  }
  ul.idv-ncb li .currentncb span {
    width: auto;
    font-size: 10px;
    padding: 0 13px 0 0;
  }
  ul.idv-ncb li a#prevNCB {
    position: absolute;
    top: 0;
    padding: 0 14px 0 0;
  }
  .quote-title-quote.sticky-tile,
  .thiredpartycoverge {
    width: 100%;
    border-bottom: solid #d1d6da 1px;
    display: table;
    margin: -30px auto 8px;
    height: 34px;
    text-align: center;
    font-size: 11px;
    padding: 8px 0 6px;
    background: none;
    box-shadow: none;
    top: 0;
    position: inherit;
    border-top: none;
  }
  .sticky-tile + #dvQuoteList {
    margin: 0;
  }
  .addonmax {
    position: absolute;
    right: 0;
    top: 48px;
    width: 100%;
    font-size: 10px;
    background: #fff;
    border-top: solid 1px #e8e8e8;
    height: 30px;
    font-weight: 500;
    z-index: 1;
    padding: 4px 0 0 65%;
  }
  ul.idv-ncb li small {
    margin: 0 13px 0 0;
    font-size: 10px;
  }
  .addonmax .right_block {
    width: 70px;
    display: inline-block;
    float: right;
    padding-right: 13px;
    text-align: right;
  }
  .newQuote .quote-tile small ul li .addonmax div.right_block {
    min-height: auto;
    float: right;
    width: auto;
    margin: -10px 10px 0 0;
  }
  .quote-title-quote .zero-dep-quotehide {
    display: none;
  }
  /*19-12-2018*/
  ul.idv-ncb li a#prevNCB {
    top: 0;
    padding: 0 14px 0 0;
    font-size: 12px;
  }
  .currentncb {
    width: 100%;
  }
  ul.idv-ncb li .currentncb label {
    font-size: 11px;
    float: left;
    padding-left: 10px;
  }
  ul.idv-ncb li .currentncb label span {
    font-size: 11px;
    float: right;
  }
  div .prev-ncb.reveal {
    z-index: 999;
    position: absolute;
    top: 90px;
  }
  .idv-popup ul.radio-btn li .check {
    left: 9px !important;
  }
  .idv-popup ul.radio-btn li:nth-child(1) {
    width: 45.5%;
    display: inline-block;
    margin-right: 5px;
    top: 5px;
    height: 45px;
    padding: 11px 0;
  }
  .idv-popup ul.radio-btn li:nth-child(2) {
    width: 45.5%;
    display: inline-block;
    margin: 0;
    margin-left: 22px;
    height: 45px;
    top: 5px;
  }
  .idv-popup ul.radio-btn li:nth-child(3) {
    display: table;
    font-size: 10px;
    top: 25px;
    width: 100%;
  }
  .idv-popup ul.radio-btn input[type="submit"] {
    padding: 10px 27px;
    float: inherit;
  }
  .idvmessage {
    font-size: 10px;
    margin: 30px 0 0;
    padding: 0 5px 0 5px;
  }
  #idv.reveal {
    height: auto;
    border-radius: 4px;
    padding: 20px 10px;
    position: absolute;
    top: 90px;
  }
  .idv-popup {
    margin: 0;
  }
  .t_c div {
    position: inherit;
    text-align: left;
    padding-left: 28px;
  }
  #idv:after {
    left: 25%;
  }
  .best-prices span {
    width: 100%;
    margin-left: 10%;
    font-size: 10px;
  }
  .quote-title-quote.sticky-tile,
  .thiredpartycoverge {
    margin: 0px auto 8px;
  }
  input[type="text"],
  input[type="button"],
  input[type="submit"] {
    -webkit-appearance: none;
    border-radius: 0;
  }
  .own-idv em {
    left: 18%;
  }
  .best-prices b {
    font-size: 14px;
    position: absolute;
    right: -20px;
  }
  .best-prices span {
    width: 77%;
    margin-left: 21%;
    font-size: 10px;
    font-weight: 400;
  }
  .idv-popup a {
    box-shadow: 0px 2px 2px 0px #b5b5b5;
  }
  .quote-tile small ul li:nth-child(2) {
    display: block;
  }
  .prev-ncb ul li {
    display: block;
    padding-left: 17px;
    border-bottom: solid 1px #e1e2e2;
  }
  .prev-ncb ul li:last-child {
    border: none;
    border-radius: 0 0 8px 8px;
  }
  .idv-slider {
    width: 99%;
  }
  .idv-popup .min-idv {
    width: 19%;
  }
  .quote-tile .multi-y3 {
    padding: 17px 0 0 0 !important;
  }
  .addonmax {
    display: none;
  }
  .newQuote .quote-tile small .addonmax {
    display: block;
  }
  .cd-popup-container {
    width: 95%;
  }
  .newQuote .quote-tile li.Bunduled {
    display: block;
    height: 20px;
    bottom: 13px;
  }
  .newQuote .quote-tile li.Bunduled small {
    height: 20px;
    padding: 2px 0;
    line-height: 10px;
  }
  .newQuote .quote-tile li.Bunduled small .addonmax {
    top: 0;
    height: 18px;
  }
  .newQuote .quote-tile li.mergesection-TP small {
    border: none;
    padding-top: 12px;
  }
  .newcpachangemobile {
    display: block;
    z-index: 999;
    background: #559fe9;
    border-radius: 50%;
    width: 54px;
    height: 54px;
    text-align: center;
    padding: 28px 2px 0;
    color: #fff;
    font-size: 9px;
    bottom: 30px;
    position: fixed;
    top: inherit;
    box-shadow: 0px 2px 30px -7px #000;
    -webkit-box-shadow: 0px 2px 30px -7px #000;
    border: solid 1px #559fe9;
    left: 20px;
  }
  .newcpachangemobile:before {
    width: 24px;
    height: 24px;
    content: "";
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkY0QTEzQjJGNTdBMTExRTlBNzkxOUU4NTFBNDg4MkJCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkY0QTEzQjMwNTdBMTExRTlBNzkxOUU4NTFBNDg4MkJCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjRBMTNCMkQ1N0ExMTFFOUE3OTE5RTg1MUE0ODgyQkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjRBMTNCMkU1N0ExMTFFOUE3OTE5RTg1MUE0ODgyQkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6GkhdgAAABt0lEQVR42qyVS0rEQBCG+zFPn3gABTeCuhfUe3gMDyFuvYjiNRwX4kLcuHChIrhQEBcyD5P2L6meacvqTBgs+KYz6eSvP9Wdig0hNIwxB2AFOOBB4GOrjCkdvr7F/0nL8HhiIH4cJlGG/4tzi59FZOmBLc5asvPoYpb4ArvknOiAK3beZ0YzOh6CbeBImNw3QRdcgE/wMUV8KEo44PEZrJEw6ZK4p0VlWuCyRu1pvhDrdMsGYzVMFI8JKGMbXNcsQcn02JiR4o6F0wly8FAzwbVy/x/nlomTC+BpivANr5fRIDEvtqDlkWIJPIJlZbvdg00wym5ILotLXKfu6fgo4/ow5zjSSFzK0SRPokVz2pvUEGIm6RtlUi4t2hW68ybzigcloRY+c56M9Q13Os21F8m0yC0kXV+YpI2mE06UoqgQya3HHK2JSxyniZx4Gi36FU/1U1ptQQsh/pIRGFTUnDSCE+6sskNOwVvNPv7rfq3mMt7BjpKgW7HTrLZbPE80xbeSWsA+eK2xoONzTjgukg+0Fy/UHdiLexixnnnSyZsu+khsvzbpN1Z0zA1wBlYzPWV87bcAAwBUQyBXl66INAAAAABJRU5ErkJggg==)
      no-repeat;
    position: absolute;
    top: 5px;
    left: 27%;
    font-weight: 300;
  }
  .newcpachanges {
    display: none;
    z-index: 100;
    margin: 0 auto;
    left: 5%;
    width: 90%;
    box-shadow: 0px 4px 15px 3px #404040;
    border-radius: 4px;
    padding: 10px 10px 20px 10px;
  }
  .newcpachanges a {
    font-size: 11px;
    margin: 6px 0 0 14px;
    float: left;
  }
  .Readtxt {
    float: left;
  }
  .closebutton a {
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: -7px;
    padding: 0px 7px;
    transform: translate(0%, -50%);
    color: #bf360c;
    font-size: 16px;
    border: 1px solid #ffffff;
    border-radius: 50%;
    background: #fff;
    font-weight: 300;
    display: block;
  }
  #newcpachangesmob.reveal {
    display: block;
  }
  .overlay2 {
    height: 120%;
  }
  .renewal.cd-popup-container {
    width: 94%;
    top: 20%;
  }
  .renewal.cd-popup-container .modal-body p {
    font-size: 14px !important;
    margin: 20px auto 0;
    font-weight: 300;
    padding: 0;
  }
  .renewalmidsection ul.radio-btn li label {
    line-height: 39px;
    left: 4px;
  }
  .whatsapp .switch {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 12px;
    float: right;
    top: 5px;
  }
  .whatsapp .switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }
  .whatsapp .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #dcd8d8;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    height: 11px;
  }
  .whatsapp .slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 0px;
    bottom: -3px;
    background-color: #b3b3b3;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    box-shadow: 1px 2px 2px -1px #252525;
  }
  .whatsapp input:checked + .slider {
    background-color: #8ec3f7;
  }
  .whatsapp input:focus + .slider {
  }
  .whatsapp input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
  }
  /* Rounded sliders */
  .whatsapp .slider.round {
    border-radius: 34px;
  }
  .whatsapp .slider.round:before {
    border-radius: 50%;
  }
  .whatsapp input:checked + .slider.round:before {
    left: -12px;
  }
  .whatsapp input:checked + .slider:before {
    background: #459bf0;
    box-shadow: 0px 2px 2px -1px #000;
  }
  .whatsapp {
    width: 98%;
    margin: 13px auto 10px;
    font-size: 14px;
    color: #3c474d;
  }
  .summary-right .whatsapp p {
    color: #99a8b0;
    font-size: 10px;
    padding: 0;
    line-height: 14px;
  }
  .LimitedTPMessage .help-tip:hover p {
    left: -150px;
    width: 289px;
    padding: 1px 10px;
    font-size: 9px;
  }
  .LimitedTPMessage .help-tip p:before {
    right: 43%;
  }
  .toastbreakingmsg {
    display: block;
  }
  .TPHeaderquotes {
    display: none;
  }
  .TPHeaderquotesMobile {
    display: table;
    background: rgb(50, 131, 255);
    font-size: 14px;
    margin: 0 auto;
    text-align: center;
    padding: 6px 0;
    color: #fff;
    font-weight: 400;
    position: relative;
    z-index: 9;
    width: 100%;
  }
  .TPHeaderquotesMobile {
    display: none;
  }
  .congratsTile {
    padding: 10px 5px;
    width: 100%;
    margin: 8px auto;
  }
  .myAccount h4,
  .myAccount .list-item {
    display: none;
  }
  .bannerPart-mob {
    display: block;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 2px #b3b3b3;
  }
  .headerInner {
    width: 100%;
  }
  .bannerPart-mob img {
    width: 100%;
    padding: 10px;
  }
  .renewal {
    width: 100%;
    margin: 10px auto 30px;
  }
  section {
    width: 96%;
  }
  .congratsTile h3 {
    text-align: center;
    font-size: 12px;
  }
  .congratsTile p {
    text-align: center;
    font-size: 12px;
  }
  .congratsTile img {
    width: 25%;
  }
  .congratsTile ul {
    width: 70%;
  }
  .congratsTile ul li {
    font-size: 9px;
    line-height: 20px;
    text-transform: uppercase;
  }
  .congratsTile .policy-premium ul li span {
    font-size: 12px;
    font-weight: 400;
  }
  .congratsTile img {
    margin: 0 10px 0 0;
  }
  .myAccount {
    padding: 15px 0 0 0;
    background: #fff;
    margin: 0;
  }
  .myAccount h1 {
    width: 80%;
    font-size: 14px;
  }
  .myAccount a {
    width: 80%;
    margin: 15px auto 10px;
  }
  .downloadApp {
    text-align: center;
    padding: 20px 4px;
  }
  .downloadApp h2 {
    font-size: 14px;
    font-weight: 700;
    text-align: center;
  }
  .downloadApp p {
    font-size: 10px;
  }
  .bannerPart {
  }
  .bannerPart img {
    width: 100%;
    padding: 0;
  }
  .tollFree {
    font-size: 11px;
  }
  .congratsTile .policy-premium {
    margin: 10px 0 0;
    padding: 10px 0;
  }
  .myAccount h1 span {
    font-size: 18px;
  }
  .contentBox {
    box-shadow: 0 0px 5px 0 #b1b1b1;
    margin: 10px auto;
  }
  .footer {
    width: 96%;
    font-size: 9px;
    background: #fff;
    padding: 10px;
    border-radius: 4px;
    color: #8a8a8a;
  }
  .footer p {
    font-size: 8px;
  }
  .footer a {
    font-size: 8px;
  }
  .term-policy {
    padding: 30px 10px;
  }
  .term-policy .termPolicybox {
    width: 100%;
  }
  .term-policy .termPolicybox ul {
    width: 63%;
  }
  .term-policy ul li b {
    font-size: 11px;
  }
  .term-policy .termPolicybox ul {
    width: 66%;
  }
  .term-policy .termPolicybox {
    padding: 5px;
  }
  .term-policy ul li {
    font-size: 10px;
  }
  .term-policy ul li:nth-child(2) {
    font-size: 10px;
    line-height: 14px;
  }
  .congratsTile .policy-premium ul li:nth-child(2) span {
    font-size: 10px;
  }
  .apologytext {
    font-size: 11px;
  }
  .term-policy {
    padding: 30px 10px;
  }
  .term-policy .termPolicybox {
    width: 100%;
  }
  .term-policy .termPolicybox ul {
    width: 63%;
  }
  .term-policy ul li b {
    font-size: 11px;
  }
  .term-policy .termPolicybox ul {
    width: 66%;
  }
  .term-policy .termPolicybox {
    padding: 5px;
  }
  .term-policy ul li {
    font-size: 10px;
  }
  .term-policy ul li:nth-child(2) {
    font-size: 10px;
    line-height: 14px;
  }
  .bannerPartkotak {
    width: 95%;
    margin: 0 auto 20px;
  }
  .bannerPartkotak a {
    display: block;
  }
  .bannerPartkotak img {
    width: 100%;
  }
  .thankyou .renewal {
    width: 100%;
  }
  .Affilatehidetol {
    visibility: hidden;
  }
  /*thankyounew css*/
  .bannerBox {
    margin: 0px 0 6px 0;
  }
  .bannerBox .trmBanner,
  .bannerBox .hlthBanner {
    width: 94%;
    margin: 0 auto;
    padding: 0 10px;
  }
  .bannerBox .trmBanner h4,
  .bannerBox .hlthBanner h4 {
    font-size: 13px;
  }
  .bannerBox ul li {
    font-size: 11px;
    padding: 3px 0 0 20px;
  }
  .bannerBox button {
    margin-right: 0;
  }
  .bannerBox em {
    font-size: 9px;
  }
  .bannerBox .trmBanner:before {
    left: -40px;
  }
  .bannerBox .hlthBanner:before {
    left: -119px;
    top: -30px;
  }
  .bannerBox .hlthBanner span {
    font-size: 11px;
  }
  .bannerBox .hlthBanner {
    margin-top: 20px;
  }
  .summary-page ul li span {
    display: table;
    width: 100%;
    padding: 0;
    color: #313131;
  }
  .toastbreakingmsg ul li {
    width: auto !important;
  }
  .toastbreakingmsg ul li:nth-child(3) {
  }
  .Muityearfirst ul li label {
    color: #505b68 !important;
    top: 0;
  }
  .summary-page ul li label {
    font-weight: 700;
    color: #000;
  }
  .summary-page .Vehicledetail ul li {
    width: 100%;
  }
  .summary-right .insurer-detail img {
    width: 60%;
  }
  .premiumsec {
    width: 100%;
    padding: 12px 10px 0;
  }
  .sel-cover li {
    width: 29%;
  }
  .sel-cover p {
    margin: 17px 0 0 0;
    width: 40%;
  }
  .pa-cover li span.GetPA {
    color: #505050;
    font-size: 11px;
  }
  .pa-cover li em.goodhealth-declared a {
    width: auto;
  }
  .summary-right {
    background: none;
    box-shadow: none;
  }
  .summary-right {
    width: 100%;
  }
  .msg-summary {
    position: absolute;
    top: 0;
    left: 0;
    padding: 3px 5px;
    width: 101.7%;
    font-size: 11px;
    color: #ffffff;
    background: rgb(45, 90, 146);
    background: linear-gradient(
      90deg,
      rgba(45, 90, 146, 1) 0%,
      rgba(114, 149, 192, 1) 1%,
      rgba(142, 173, 211, 1) 2%,
      rgba(45, 90, 146, 1) 9%
    );
    text-align: center;
    border: none;
    box-shadow: 0px 11px 3px -8px #bdbdbd;
  }
  .msg-summary:before {
    position: absolute;
    left: 0px;
    top: 19px;
    width: 9px;
    height: 4px;
    background: #000000;
    border-radius: 2px;
    content: "";
    z-index: 0;
  }
  .summary-right p {
    width: 55%;
  }
  .personaldetail .list-group {
    width: 100%;
  }
  .summary-page {
    box-shadow: none;
    width: 96%;
    margin: 0 auto 50px;
    border: none;
    box-shadow: 0px 1px 3px 0;
    border-radius: 4px;
    padding-bottom: 60px;
  }
  .idv-first,
  .ncb-first {
    text-align: left;
  }
  .ncb-first span {
    display: none;
  }
  .summary-right .sel-cover p {
    width: 40%;
  }
  .summary {
    font-size: 14px;
    color: #000;
    font-weight: 700;
    margin-top: 0;
    padding-top: 0;
  }
  .summary-page .Vehicledetail ul li:nth-child(even) {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .personaldetail .list-group {
    margin: 0;
  }
  #accordion h3.active {
    font-weight: 500;
  }
  .summary-right .additional .pa-cover {
    margin: 0 auto 10px;
  }
  .summary-page .edit-btn {
    float: right;
    position: relative;
    z-index: 99;
    width: auto;
    background: none;
    color: #1596fe;
    border: solid #1596fe 1px;
    border-radius: 4px;
    padding: 1px 11px;
    font-weight: 400;
    font-size: 11px;
    margin: 7px 0 0 0;
  }
  .btn-sum.btn-orange em {
    width: 20px;
    height: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAVCAYAAABPPm7SAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU3MUJGQjYwNTcwOTExRTlBNzkxOUU4NTFBNDg4MkJCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkY0QTEzQjJDNTdBMTExRTlBNzkxOUU4NTFBNDg4MkJCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTcxQkZCNUU1NzA5MTFFOUE3OTE5RTg1MUE0ODgyQkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTcxQkZCNUY1NzA5MTFFOUE3OTE5RTg1MUE0ODgyQkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7mkH4VAAABVklEQVR42qSUsUoDQRCG786IUVQiabQUQZHYBROCVnYiaCFY2fhAduITiAqCIrHWwsZCG7GxkIhIApKQRlCD5vwGxjCetweJAx87zP7zL7s3nB+GoReJCdiENZgEHypQhj14/qUWA0MRbkJ33MKi7bHNM1Ax4jqcQRleTP0JclGDAA6N6ASmIa1MwZHZP9aejsG8nihxCdnI1YQxuFBNE0pSD/Qp5iCr+QE0vL/RhH1oQ0Z7OgYjun7Ao+eOB3jTPGMNfoptNXGF6L7MYV4KCrCuxX7YgjwMRJqlYdbUV+Ha5yHuSHJeb3EvBnXzgN1GQ67QcmzKe1zpWoK+GE1Lvm/VMbY7MAxDsO3QVJMMFswQ5V0GQcL9Vky+7BIlGRRMXuzFwA7Uu0uUSjCQgUnLLwMGXSKZgxrreMzeK5zrZ1yC0RhN7d+DJAa7JBvw2WWzXP/0W4ABALL1lFZSDre5AAAAAElFTkSuQmCC)
      no-repeat 0 0;
    position: absolute;
    left: 98px;
    top: 22%;
    transition: all 0.3s ease-in-out;
  }
  .btn-sum {
    font-weight: 700;
  }
  .imgBanner {
    margin: 0 auto 7px;
  }
  .newQuote .quote-tile small ul li span.zeromob {
    display: block;
  }
  .pay-now {
    padding: 11px 0 10px;
  }
  .youpaysummary {
    line-height: 22px;
  }
  .t_c input {
    left: 7px;
  }
  .proposalZeroDepcheckbox {
    padding: 0;
  }
  .proposalZeroDepcheckbox input {
    margin: 0;
  }
  .proposalZeroDepcheckbox span {
    font-size: 10px;
    letter-spacing: -0.4px;
  }
  .Policy-expire select.iPhoneDropdown1 {
    padding-left: 106px;
  }
  .Policy-type select.iPhoneDropdown2 {
    padding-left: 120px;
    margin-bottom: 60px;
  }
  .idv-na {
    float: right;
    width: 50%;
    font-size: 9px;
  }
  button[disabled].btn-sum {
    cursor: not-allowed !important;
    background: gray !important;
    color: #fff;
  }
  ul.idv-ncb li:nth-child(2) label {
    display: block;
    float: left;
    width: 100%;
    clear: left;
    color: #0d2f55 !important;
    margin-left: -25px;
  }
  ul.idv-ncb li:nth-child(2) label .idv-na {
    display: block;
    float: right !important;
    width: auto;
    padding-right: 10px;
    /* #0d2f55!important */
  }
  .proposalZeroDepcheckbox span {
    padding-left: 8px;
  }
  .summary-page .edit-btn {
    z-index: 8 !important;
  }
  .errorbutton {
    margin: 0 15px;
    width: 38%;
    font-size: 12px;
    padding: 10px 4px;
  }
  .thankyou .commonMullange {
    float: right;
    left: 0;
    position: inherit;
  }
  .newheader {
    overflow: hidden;
  }
  .check-zeroDep {
    display: none;
  }
  .check-text-newcpachanges-mob {
    display: inline-block;
    line-height: 17px;
  }
  .quote-tile small.multi-y1 ul li div.right_block {
    line-height: 14px;
    padding-right: 18px;
    font-size: 12px;
  }
  .check-text-newcpachanges-mob .help-tip {
    width: 14px;
    height: 14px;
    top: 3px;
    line-height: 14px;
    display: inline-block;
    right: -10px;
  }
  .check-text-newcpachanges-mob .help-tip p {
    width: 250px;
    font-size: 11px;
    text-transform: none;
    color: #fff;
    font-weight: 300;
    padding: 10px;
    position: absolute;
    bottom: -50px;
    left: -250px;
    background: rgba(66, 66, 66, 1);
    z-index: 9999;
    line-height: 14px;
    font-size: 10px;
    font-weight: 400;
  }
  .check-text-newcpachanges-mob .help-tip p:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 0, 0, 0);
    border-left-color: rgba(66, 66, 66, 1);
    border-width: 6px;
    margin-top: -6px;
  }
  .check-text-newcpachanges-mob .help-tip p b {
    font-weight: 300;
    color: #d8a7a7;
  }
  .summary-right .quote-tile small ul li div.left_block {
    top: 3px;
    text-align: left;
  }
  .quote-tile small ul li #ZroDepAmnt {
    top: 5px;
    position: relative;
  }
  .idv-mob,
  .ncb-first {
    margin-left: 0px;
    float: left;
  }
  .proposal-form .AddressCitymsg {
    margin: 0 0 20px 0;
    position: relative;
    top: -15px;
  }
  .proposal-form ul.list-group ul.radio-btn + em {
    margin-bottom: 10px;
  }
  .proposal-form ul.list-group li .PreviousTPPolicyExpiryDate select[disabled] {
    background: #efefef;
  }
  .proposal-form ul.list-group li select#prevInsurer[disabled] {
    background: #efefef;
  }
  .odsection {
    width: 95%;
    margin: 0 auto;
  }
  .newQuote .quote-tile small ul li .addonmax div.right_block a {
    position: relative;
    top: -4px;
  }
  .quote-section {
    min-height: 550px;
  }
  .soft-copy {
    font-size: 12px !important;
  }
  .doc-mail {
    width: 95% !important;
    padding: 9px 6px !important;
  }
  .Paynowsection {
    padding-bottom: 20px;
  }
  .t_c {
    padding: 5px 0 0 0;
  }
  .quote-tile .img_logo {
    padding: 15px 0 0 20px;
  }
  .quote-tile .img_logo img {
    width: auto;
    max-width: 100%;
  }
  .dob {
    margin: 0;
  }
  .quote-title-quote li:nth-child(4) {
    padding: 4px 6px 4px 10px;
    border-radius: 3px;
    color: #49575e !important;
    position: relative;
  }
  .quote-title-quote li:nth-child(4):after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: url(../images/sorting.png) 0 2px no-repeat;
    position: absolute;
    top: 3px;
    transition: transform 0.5s;
    right: 7px;
    opacity: 0.6;
  }
  .quote-title-quote li {
    width: 32%;
    margin: 0 1px;
  }
  #myprmeium:after {
    content: "";
    display: block;
    width: 26px;
    height: 18px;
    background: none;
    position: absolute;
    top: 3px;
    transition: transform 0.5s;
    right: 7px;
    opacity: 0.6;
  }
  #myprmeium.active:after {
    content: "";
    display: block;
    width: 26px;
    height: 18px;
    background: url(../images/sorting2.png) 0 2px no-repeat;
    position: absolute;
    top: 3px;
    transition: transform 0.5s;
    right: 7px;
    opacity: 0.6;
  }
  .thiredpartycoverge #myprmeium:after,
  .thiredpartycoverg #myprmeium.active:after {
    top: 6px;
    right: 7px;
  }
  .owner-cover-banner {
    width: 98%;
    font-size: 11px;
    line-height: 15px;
    padding: 7px;
    border-color: #2dcc70;
    background-color: #fff;
    line-height: 15px;
  }
  .owner-cover-banner p {
    line-height: 20px;
  }
  .owner-cover-banner a {
    padding: 0 3px;
  }
  .contentBox .pb-app {
    padding: 8px;
  }
  .contentBox .pb-app .facebook-share-box {
    width: 100%;
    padding: 15px;
  }
  .contentBox .pb-app .facebook-share-box.twitter-share-box {
    width: 100%;
    margin: 10px 0;
  }
  .contentBox .pb-app .facebook-share-box .title-sharefb {
    text-align: left;
  }
  .term-policy .termPolicybox img {
    width: 27%;
  }
  .term-policy .termPolicybox a img {
    width: 56%;
  }
  .existing-popup {
    width: 96%;
    margin: -140px 0 0 -48%;
  }
  .chat-mob-btn {
    border: none;
    width: 54px;
    height: 54px;
    border-radius: 31px;
    position: fixed;
    min-width: auto;
    z-index: 10;
    background: #0065ff
      url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAZJJREFUOBGllDlLA1EURjOJSkqLFAoxglgpWIqVRSpF7AXtbALW0UoQRNB/IIi2doKIjaAgBpdGBREUKzdsBEVwSzDxfMkkTB4zkxm9cHKXd+/33mSWSMTHSqWSBeOwDufwAc9wDHPQ7jNev0TzIJyCn2mDbP2kS0bTMBT8lIy1NReZSonGAXg3BoKks66iTB4FmXbp+abWFXOqUugjX3DWQsTSKkSNgTEjD5sO1QQ5XYLpZFgFoz9VFkRskYVuqG1gNAZNi1HE+umehjw8Bp306LvWiabAAj31e/Afy0U44S3IlqAZbpT8wfTYJCX4ZQ/f4eMwAkW7Fsat6tJ0yU/2NXbgs5ZlbeNn7FoYd19u5gibjmP8EI9qAT8Bb461RuFOVTBtdObJM7ZogngeLkCbyfRfXcEyTII+bZ+gzStvHsEZmHZAQf9n3BaPEWuDutfVXmulnoG26in3SbxM37xLyMEJ9JaHvH5o0Ff5FWQvoOObpru+ASkvnWq9iaATDmEFtkC1NPRAC+jt2eXuP+Ab2i9GtcMiesabKgAAAABJRU5ErkJggg==)
      no-repeat center;
    text-indent: -100px;
    background-color: #559fe9;
    bottom: 30px;
    right: 20px;
    box-shadow: 0px 2px 30px -7px #000;
    -webkit-box-shadow: 0px 2px 30px -7px #000;
    overflow: hidden;
  }
  .chat-mob-btn {
    display: block;
  }
  .rocketchat-widget {
    height: 0 !important;
  }
  .rocketchat-widget[data-state="opened"] {
    width: 100% !important;
    height: 100% !important;
    background: #fff;
    right: -6px !important;
    box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.15);
  }
  .headerTop .container-inner-quote button {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 700;
    position: absolute;
    left: 5px;
    padding: 2px 10px;
    cursor: pointer;
    color: #1596fe;
    top: 14px;
  }
  .headerTop .container-inner-quote button:before {
    background: url(../images/icon-blue.png) no-repeat -5px 4px;
    transform: rotate(270deg);
    content: "";
    position: absolute;
    top: -6px;
    left: -5px;
    z-index: 999;
    width: 20px;
    height: 20px;
  }
  /********PF summary CSS start here*********/
  .pf-summary .summary-right {
    width: 95%;
    box-shadow: 0px 0px 38px 0px rgba(181, 193, 202, 0.66);
    background: #fff;
    margin-top: 10px;
  }
  .pf-summary .msg-summary {
    padding: 3px;
    font-size: 11px;
  }
  .pf-summary .msg-summary:before {
  }
  .pf-summary .summary-right .additional {
    padding-top: 0;
  }
  .pf-summary .premiumsec {
    padding: 2px 10px 0;
  }
  .pf-summary .sel-cover p {
    margin: 6px 0 0 0;
  }
  .form-detail {
    margin-top: 20px;
    width: 96%;
    margin: 15px auto;
    display: table;
    float: inherit;
  }
  .select-DOB.pf-name {
    width: 100%;
  }
  .form-detail .floating-label-wrap {
    width: 100%;
  }
  .form-detail .floating-label-wrap.pf-dropdown {
    width: 100%;
  }
  .floating-label-wrap select {
    padding: 20px 24px 4px 10px;
    width: 100%;
  }
  .floating-label-field--s1:focus + .floating-label,
  .floating-label-field--s1:not(:placeholder-shown) + .floating-label {
    padding-top: 40px;
  }
  .floating-label-field--s1 + .floating-label {
    padding-top: 25px;
  }
  .select-DOB.pf-name select {
    padding: 7px 7px 4px 10px;
    width: 100%;
    -webkit-appearance: none;
    height: 48px;
    font-size: 15px;
    background: url(../images/icon.png) no-repeat 98% -30px;
    border: solid 1px #d8d8d8;
    font-weight: 400;
    font-family: inherit;
    color: rgba(0, 0, 0, 1);
    border-radius: 4px;
  }
  .select-DOB.pf-name .floating-label-wrap {
    width: 77%;
  }
  .floating-label-field--s1,
  .floating-label-field--s1 + .floating-label {
    border-radius: 4px !important;
  }
  .form-detail .floating-label-wrap.pre-ncb .floating-label-wrap {
    width: 100%;
  }
  .pf-summary .summary-right h2 {
    padding: 25px 30px 0;
  }
  .select-DOB.pf-name .dd {
    width: 20%;
  }
  .pf-summary .form-detail .pay-now b {
    font-size: 22px;
    color: #1dce6c;
  }
  .floating-label-field--s1:focus + .floating-label,
  .floating-label-field--s1:not(:placeholder-shown) + .floating-label {
    font-size: 14px;
    opacity: 0.45;
    padding-top: 0 !important;
    top: 12px !important;
  }
  .form-detail .floating-label-wrap.date-birth select {
    padding-top: 7px;
  }
  .pb-logo img {
    width: 180px;
    height: 29px;
  }
  .select-DOB.pf-name .floating-label-wrap .floating-label-field--s1 {
    width: 100%;
  }
  .pf-summary .floating-label-wrap select {
    padding-top: 5px;
  }
  #form1 .form-group ul li label {
    padding-top: 10px;
  }
  .form-detail #form2 .select-DOB {
    width: 101%;
  }
  .form-detail #form2 .form-group {
    width: 100%;
  }
  .pf-summary .quote-tile .firstsectionsummary small ul li div.right_block {
    padding-right: 18px;
  }
  .pf-summary #breakup {
    margin-bottom: 10px;
  }
  .pf-summary .t_c {
    width: 100%;
  }
  .pf-summary .summary {
    font-size: 16px;
    left: 0;
    top: 0;
    position: inherit;
    text-transform: none;
    float: left;
  }
  .pf-summary .btn-sum {
    z-index: 9999;
  }
  .pf-summary .whatsapp {
    margin-bottom: 0;
  }
  .life-accordion {
    padding: 0;
    margin-top: 0;
  }
  .w400 {
    box-shadow: 0px 4px 2px 0 #fff;
  }
  .proposer-detail #personalInfoForm {
    background: #fff;
  }
  .pf-summary .youpaysummary {
    line-height: 32px;
    font-size: 20px;
  }
  .pf-summary .pay-now b {
    font-size: 20px;
  }
  .pf-summary .group input:focus ~ label,
  .pf-summary input:valid ~ label {
    top: 0;
  }
  .pf-summary .summary-right .quote-tile {
    margin: 0 auto;
  }
  .pf-summary .pa-cover li b {
    margin-right: 6px;
  }
  #form1 .floating-label-field--s1#field-6 + .floating-label {
    top: -10px;
  }
  .pf-summary .vehicle-section {
    margin: -2px 0 0 0;
    padding: 6px 12px;
  }
  .pf-summary .previousbtn {
    top: 0;
  }
  .pf-summary .summary-right .firstsectionsummary li {
    width: 74%;
  }
  .pf-summary .summary-right .firstsectionsummary li:nth-child(1) {
    width: 25%;
  }
  .pf-summary .summary-right .firstsectionsummary li:nth-child(1) img {
    width: 90%;
    margin: 0;
  }
  .pf-summary
    .summary-right
    .quote-tile
    .firstsectionsummary
    small
    ul
    li
    div.left_block {
    width: 48%;
  }
  .pf-summary .summary-right .firstsectionsummary li small ul li:nth-child(1) {
    width: 100%;
  }
  .od-cover {
    width: 100%;
  }
  .od-cover h3 {
    font-size: 12px;
  }
  .od-cover img {
    width: 25%;
  }
  .od-cover {
    padding: 10px;
    margin-top: 15px;
    z-index: 10;
    left: 0;
    width: 96%;
    background: #f8f9fa;
  }
  .myAccount .od-cover a {
    width: 36%;
    vertical-align: top;
    float: right;
    margin-top: -10px;
  }
  .od-tooltip {
    width: 90%;
    left: 5%;
  }
  .od-overlay {
    z-index: 9;
  }
  .od-cover b {
    width: 31%;
  }
  .pf-summary .vehicle-section {
    margin: 0;
    padding: 6px 12px;
    box-shadow: 0px 1px 3px -1px #000;
    width: 96%;
    margin: 4px auto;
    border: none;
    border-radius: 4px;
    line-height: 18px;
    height: 49px;
  }
  .pf-summary .vehical-name {
    color: #000;
    font-size: 12px;
  }
  .pf-summary .summary-right h2 {
    font-size: 13px;
  }
  .pf-summary .other-vehical-details span {
    font-size: 11px;
  }
  .pf-summary .summary-right {
    width: 96%;
    box-shadow: 0px 1px 3px -1px #000;
    background: #fff;
    margin-top: 2px;
  }
  .pf-summary .summary-right h2 {
    padding: 5px 10px 10px;
  }
  .pf-summary
    .summary-right
    .firstsectionsummary
    li
    small.multi-y1
    li:nth-child(2) {
    width: 100%;
  }
  .pf-summary .premiumsec {
    padding: 0;
  }
  .pf-summary .sel-cover {
    border: none;
    width: 100%;
    padding: 0;
  }
  .pf-summary .premiumsec .col-xs-8 {
    padding: 0;
  }
  .pf-summary .summary-right .additional .pa-cover {
    width: 104%;
    margin-left: -2%;
    padding: 10px 0px;
    background: #e9f0fb;
    border-radius: 0;
    box-shadow: none;
  }
  .pa-cover li span.GetPA {
    width: 82%;
    letter-spacing: -0.2px;
  }
  premiumsec .col-xs-4 {
    padding: 0;
  }
  .pa-cover li a {
    display: none;
  }
  .pf-summary
    .summary-right
    .quote-tile
    .firstsectionsummary
    small
    ul
    li
    div.right_block {
    padding-right: 0;
  }
  .pf-summary .summary-right .additional {
    padding: 0;
  }
  .pf-summary .pay-now {
    padding: 0px 0 5px;
    width: 100%;
    margin: 0;
  }
  .pf-summary .whatsapp {
    width: 100%;
    padding: 0;
  }
  .pf-summary .t_c input {
    left: 1px;
  }
  .pf-summary .payMSG {
    width: 96%;
    margin: 0 auto 10px;
    height: auto;
  }
  .pf-summary .premiumsec .col-xs-4 {
    padding: 0;
  }
  .pf-summary .summary-right .payMSG {
    width: 96%;
    margin: 0 auto;
  }
  .pf-summary .youpaysummary {
    padding: 0;
  }
  .pf-summary .pay-now .col-xs-5 {
    padding: 0;
  }
  .form-detail .inner-container {
    padding: 15px;
  }
  .payfirst-summary-contents {
    box-shadow: 0 1px 2px #b3b3b3;
    background: #fff;
    width: 96%;
    border-radius: 4px;
    display: table;
    margin: 0 auto 70px;
    padding: 10px;
  }
  #tick-mark {
    right: 10px;
  }
  .pf-summary .payMSG {
    width: 100%;
    margin: 25px auto 5px;
  }
  .pf-summary .summary-right {
    padding-bottom: 0;
    border-radius: 4px;
  }
  .od-cover .btn-orange {
    margin: -10px 0 0 0;
    width: 115px;
  }
  .myAccount .term-policy {
    width: 100%;
    padding: 10px 20px;
  }
  .myAccount .term-policy ul li a {
    top: -30px;
    right: inherit;
    left: -32px;
  }
  .pf-summary .summary-right .quote-tile {
    height: auto;
    padding-bottom: 10px;
  }
  /*summaarychanges */
  .CPA {
    width: 100%;
  }
  .CPA .CPA-cover {
    width: 33%;
  }
  .buy-plan .buy-plan-WithoutDiscount + a {
    margin-top: 4px;
  }
  .buy-plan .buy-plan-DayWisepremium {
    top: 95%;
  }
  .newQuote .quote-tile small ul li .addonmax div.right_block {
    line-height: 6px;
  }
  .newQuote .idvbox {
    line-height: 6px;
  }
  .newQuote .quote-tile small ul li .addonmax div.right_block a {
    top: 0;
  }
  .CPA .CPA-txt {
    margin: 24px 7px 0 9px;
  }
  .pa-cover li {
    height: 25px;
  }
  .referral_msg_card {
    width: 100%;
    max-width: 337px;
    min-height: 80px;
    background: #ffffff 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 9px #0000005c;
    border-radius: 8px;
    padding: 10px;
    position: fixed;
    bottom: 30px;
    left: 50%;
    box-sizing: border-box;
    z-index: 1000;
    display: flex;
    align-items: center;
    transition: all 1.5s ease-in-out;
    -webkit-transition: all 1.5s ease-in-out;
    -ms-transition: all 1.5s ease-in-out;
    -moz-transition: all 1.5s ease-in-out;
    margin: 0 0 0 -168px;
    /* left: 50%; */
  }
  .referral_msg_slideIn {
    /* left: 0; */
    bottom: 30px;
  }
  .referral_msg_slideOut {
    left: 50%;
    bottom: -150px;
  }
  .pf-summary .CPA .CPA-box {
    padding: 10px 1px;
  }
  .pf-summary .CPA .CPA-txt ul li b {
    right: -6px;
  }
  /*newchanges*/
  /*.pa-cover input[type="checkbox"]{top:10px;}
.pa-cover li span.GetPA{margin-top:8px;}

.pa-cover li{height:25px;}
.pa-cover li b{top:8px;}*/
  .pa-cover li a {
    display: block;
  }
  .pa-cover li b {
    right: 8px;
  }
  .pa-cover li .PAfadeOut {
    margin-right: 13px !important;
  }
  .summary-right ul.amount li em.DayWisePremium {
    font-size: 12px;
    color: #4f4f4f;
  }
  .pf-summary .premiumsec .col-xs-7,
  .pf-summary .premiumsec .col-xs-5 {
    padding: 0;
  }
  .premiumsec .col-xs-5 {
    padding-left: 0;
  }
  .summary-right #breakup .additional .pa-cover li a {
    padding-top: 14px;
    background-position: 0 12px;
  }
  .floating-label-wrap.emailidhide {
    display: none;
  }
  .bannerBox .trmBanner img {
    width: 100%;
  }
  .corona-kavach {
    margin: 0 auto 10px;
    padding: 15px;
    display: table;
  }
  .corona-kavach ul li {
    margin-right: 18px;
  }
  .corona-kavach h3 {
    font-size: 13px;
    letter-spacing: -0.7px;
  }
  .corona-kavach .popup {
    top: -100px;
  }
  .corona-kavach .popup a.close:before,
  .corona-kavach .popup .close:after {
    position: absolute;
    right: 10px;
    top: 3px;
    content: " ";
    height: 14px;
    width: 1px;
    background-color: #333;
    display: block;
  }
  .bannerBox .hlthBanner {
    margin-top: 20px;
    padding: 0px;
    margin-left: 0;
    border: none;
  }
  .bannerBox .hlthBanner img {
    margin-left: 0;
    width: 100%;
  }
  .corona-kavach .popup a {
    float: right;
  }
  .term-policy .termPolicybox a img {
    width: 30%;
  }
  .doc-mail {
    width: 98% !important;
    padding: 9px 4px !important;
    letter-spacing: -0.4px;
  }
  .term-policy p {
    font-size: 12px;
    margin-top: 20px;
  }
  .term-policy ul li a {
    width: 47px;
    position: absolute;
    left: 80px;
    top: -2px;
  }
  /*{
         .myAccount .apologytext{position:relative;} 
    }*/
  .term-policy {
    padding: 0 10px 30px;
  }
  .term-policy ul li b {
    margin: 0 30px 0 0;
  }
  .corona-kavach ul li b {
    font-size: 12px;
    float: left;
    text-align: left;
  }
  .corona-kavach ul li b span {
    font-size: 12px;
    padding-left: 0;
  }
  .corona-kavach #popup2 {
    padding: 0 0 30px 0;
    top: 5%;
    position: fixed;
    height: auto;
    width: 90%;
    left: 5%;
  }
  .corona-kavach #popup2 .Select {
    width: 46%;
  }
  .height-weight ul li label {
    width: 30%;
  }
  .corona-kavach #popup2.popup-content {
    top: 30px;
    height: 540px;
  }
  .term-policy ul li a {
    left: 100% !important;
  }
  .corona-kavach div a {
    text-align: right;
    width: auto;
    float: right;
    padding: 10px 0;
  }
  .corona-kavach .popup#popup1 a.close,
  .corona-kavach .popup#popup2 a.close {
    width: 23px !important;
  }
  .corona-kavach .popup#popup1 a,
  .corona-kavach .popup#popup2 a {
    width: auto;
  }
  /*.corona-kavach div a {width: 33%!important;margin-left: 201px;}*/
  .corona-kavach {
    width: 100%;
  }
  .corona-kavach span.wrapper .tooltip {
    width: 210px;
    left: -70px;
  }
  .corona-kavach ul li {
    margin-right: 0;
    width: 33%;
  }
  .corona-kavach ul li input[type="checkbox"] {
    float: left;
    margin-right: 6px;
  }
  .corona-kavach h3 {
    letter-spacing: 0;
  }
  .myAccount .add_com_text {
    margin: 35px auto 0;
  }
  .myAccount #btnPG1 {
    display: block;
    width: 80%;
    border-radius: 26px;
    background-position: 65px 13px !important;
  }
  .thankyoucpa {
    width: 100%;
    margin: 35px auto;
    /* float: inherit; */
    padding: 0;
    clear: both;
    border-radius: 0;
    border: none;
    padding: 0 0 20px 0;
  }
  .myAccount .add_com_text {
    margin: 20px auto 0;
    text-align: center;
  }
  .myAccount .add_com_text + ul {
    width: 94%;
  }
  .myAccount .add_com_text + ul li {
    display: inline-block;
    margin: 0;
  }
  .myAccount .add_com_text + ul li:nth-child(1) {
    width: 50%;
  }
  .myAccount .add_com_text + ul li:nth-child(2),
  .myAccount .add_com_text + ul li:nth-child(3) {
    width: 25%;
  }
  .myAccount .add_com_text + ul li b {
    font-weight: 400;
    font-size: 12px;
    letter-spacing: -0.2px;
  }
  .Renewaloader {
    width: 90%;
  }
  .Renewaloader img {
    height: 193px;
    margin: 0 auto;
    text-align: center;
    margin-top: 85px;
    border-radius: 5px;
    background: white;
  }
  /*****CSS for TP Tab*******/
  .buttontoggled .quote-tile .img_logo {
    height: 60px;
  }
  .newQuote .buttontoggled .quote-tile small {
    height: 55px;
  }
  .newQuote .buttontoggled .quote-tile {
    height: 65px;
  }
  .buttontoggled .quote-tile small ul {
    padding: 6px 0 0 0px;
  }
  .newQuote .buttontoggled .quote-tile small ul li div.right_block {
    line-height: 14px;
  }
  .buttontoggled .quote-tile .multi-y3 .buy-plan {
    margin-top: 8px;
  }
  .buttontoggled .quote-tile:hover {
    transform: inherit;
  }
  .odsection li span:nth-child(2) {
    height: auto;
  }
  .BajajRSA {
    width: auto;
    left: 4px;
    bottom: 3px;
    background: #f1f1f1;
    color: #253858;
    padding: 0px 6px;
    display: inline-block;
    margin-right: 3px;
    border-radius: 5px;
    margin-bottom: 3px;
    font-size: 11px;
    border: none;
  }
  .footer {
    margin-bottom: 75px;
  }
  .btn-prop.mobbuttonscroll {
    position: inherit;
    margin-top: 0;
  }
  .btn-prop.mobbuttonscroll + .privacy {
    top: -88px;
  }
  .btn-sum.mobbuttonscroll {
    /* position: inherit;
    top: 1207px; */
    position: absolute;
    bottom: 0;
  }
  /*thankyoupafepoopup*/
  .age-popup {
    z-index: 9 !important;
    width: 90%;
    left: 20%;
  }
  .corona-kavach h3 strong {
    text-decoration: underline;
  }
  .age-popup .errormsg {
    color: red;
    font-size: 9px;
  }
  .Compulsory {
    font-weight: bold !important;
    font-size: 14px;
    display: block !important;
  }
  .myAccount .thankyoucpa .add_com_text h4 {
    background: none !important;
    text-align: center;
  }
  /*  .myAccount .apologytext {
    position: absolute;
    top: 0;
} */
  .userage {
    width: 100% !important;
    padding: 5px !important;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    bottom: 0;
  }
  .idv-quote-hide:after,
  .Premiumbtn:after {
    height: 4px;
  }
  /* .quote-title-quote, .thiredpartycove{padding:0;    margin: -6px auto 8px;
    height: 31px;} */
  #age {
    width: 80% !important;
  }
  .otp-popup {
    width: 90%;
    left: 47%;
  }
  /* quote mobile new design**/
  .pb-logo-mob + span {
    height: 0px !important;
  }
  .fLeft {
    float: left;
  }
  .fRight {
    float: right;
  }
  .tLight {
    text-align: left !important;
  }
  .or {
    clear: both;
    width: 100%;
    overflow: hidden;
  }
  .containerInner {
    width: 100%;
  }
  .quote-tile-actual {
    width: 100%;
    margin: 0 auto 0px;
  }
  .bundled-styles{
    display:flex;
    justify-content: space-evenly;
  }
  .commonMullange {
    display: inline-block;
    margin: 10px 0 0;
    float: right;
    top: 0;
  }
  .commonMullange select {
    border: solid 1px #fff;
    border-radius: 0px;
    font-size: 12px;
    width: 101px;
    -webkit-appearance: none;
    background: transparent url(../images/dropdown-icon2.svg) 92% 11px no-repeat;
    padding: 6px 12px;
    border-radius: 4px;
    color: #ffffff;
    margin: -3px 0 0 0px;
    font-weight: 300;
  }
  .commonMullange select option {
    color: #333;
  }
  .quote-tile-actual .quote-tile-inner,
  .quote-tile-dummy {
    border-radius: 5px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    /* border:solid 1px #fff;*/
    background-color: #ffffff;
    margin: 0 0 12px 0;
    display: table;
    width: 100%;
    position: relative;
    height: 80px;
  }
  .logo-image {
    width: 30%;
    border: none;
    padding: 22px 10px 12px 10px;
    min-height: 0;
    display: flex;
    vertical-align: top;
    float: left;
    text-align: center;
  }
  .logo-image img {
    max-width: 120%;
    font-size: 10px;
    max-height: 42px;
    image-rendering: auto;
    image-rendering: crisp-edges;
    image-rendering: -webkit-optimize-contrast;
  }
  .show-idv-section,
  .tpquotelisttext {
    text-align: center;
    display: inline-block;
    vertical-align: top;
    width: 33%;
    margin-bottom: 0;
    padding: 22px 5px 0 20px;
  }
  .show-idv-section span {
    display: inline-block;
    line-height: 18px;
    font-size: 13px;
    color: #5e6c84;
    font-weight: 500;
  }
  .tpquotelisttext {
    line-height: 18px;
    font-size: 11px;
    color: #5e6c84;
  }
  .show-idv-section span label {
    color: #b0b0b0;
    font-size: 12px;
  }
  .buy-now-section,
  .buy-plan {
    width: 37%;
    margin-bottom: 0;
    display: inline-block;
    text-align: center;
    position: relative;
    padding: 0px 5px;
  }
  .buy-now-section .discount-price {
    position: absolute;
    font-size: 13px;
    text-align: center;
    width: 100%;
    top: 5px;
    text-decoration: line-through;
    color: #97a0af;
    left: 55%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
  }
  .buy-now-section .discount-price.iphoneuser {
    left: 55%;
  }
  .buy-now-btn {
    height: 31px;
    font-size: 14px;
    margin: 24px 3px 10px;
    background-size: 12px;
    background-position: 90%;
    float: right;
    border-radius: 4px;
    /*#00875a */
    background: #1dce6c
      url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAALCAYAAACZIGYHAAAAAXNSR0IArs4c6QAAAKpJREFUKBVjYCAB/P//X4YE5ZhKgQa0AzEIRGLKEikC1OwCxM+A+AMQRxCpDVMZULMe1JB/QDoYpoIRyJEHcl7DBIigtYFqDgAxBxAHMjIybgIZ8h/I+QzEpABuqOJ/QDqEBUhsA2JSDZEC6rEF4ttAfIwB6BA2IINoAFRfA8QfgfgaEIMMIw0ANZVBDbgJpElPM0BNRUAMAqAoBkUG6QCoUQJkAhCIoesGAEzFcugHApaCAAAAAElFTkSuQmCC)
      no-repeat 90% 10px;
    color: #fff;
    border: none;
    text-align: center;
    padding-left: 13px;
    width: 100px;
    padding-right: 30px;
  }
  .od-banner {
    border: solid #36b37e 1px;
    background: #fff;
    margin: 0 auto 12px;
    display: table;
    width: 92%;
    border-radius: 4px;
    padding: 10px;
  }
  .od-banner h6 {
    font-size: 12px;
    color: #172b4d;
    font-weight: 500;
  }
  .od-banner p {
    font-size: 10px;
    color: #97a0af;
    line-height: 1.6;
  }
  .od-banner a {
    font-size: 12px;
    color: #0064ff;
    text-decoration: underline;
  }
  .GST-txt {
    color: #172b4d;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
  }
  .zd-banner {
    border: solid #36b37e 1px;
    background: #fff;
    margin: 0 auto 12px;
    display: table;
    width: 92%;
    border-radius: 4px;
    padding: 10px;
    color: #6b778c;
    font-size: 12px;
    line-height: 1.17;
  }
  .modal-box {
    background: #fff;
    margin: 0 auto;
    position: fixed;
    top: 50%;
    left: 50%;
    padding-bottom: 50px;
    transform: translate(-50%, -50%);
    width: 94%;
    z-index: 101;
    border-radius: 8px;
    /* border-radius:12px;*/
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    color: #505f79;
  }
  .modal-box h2 {
    color: #505f79;
    font-size: 14px;
    line-height: 16px;
    margin: 30px 20px 20px 20px;
    background: none;
    text-align: left;
    font-weight: 400;
  }
  .modal-box h3 {
    color: #505f79;
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    margin: 20px 22px;
    text-align: center;
  }
  .modal-box .button {
    text-align: center;
    width: 100%;
    margin: 0 auto;
  }
  .modal-box .button a {
    color: #172b4d;
    border: solid #7a869a 1px;
    border-radius: 4px;
    display: inline-block;
    padding: 10px;
    margin: 0 3px 25px;
    width: 88%;
    font-size: 14px;
  }
  .modal-box .button a.active {
    background: #5ecd72;
    color: #fff;
    border: solid #5ecd72 1px;
  }
  .line {
    width: 100%;
    height: 1px;
    background: #deebff;
    display: table;
    margin-top: 15px;
  }
  .modal-box h6 {
    font-size: 10px;
    color: #505f79;
    line-height: 12px;
    margin: 20px 20px 20px;
  }
  .overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 8;
    cursor: pointer;
  }
  .scooter-bg {
    background: #fff url(../images/scooter@2x.png) no-repeat 0 102% / 100%;
    padding-bottom: 100px;
  }
  .expire-policy-list {
    border-top: solid #36b37e 1px;
    border-bottom: solid #36b37e 1px;
    padding: 10px 20px;
    margin: 20px 0;
  }
  .expire-policy-list li {
    background: rgb(227 252 239 / 0.6);
    border-radius: 5px;
    margin: 4px 0;
    color: #172b4d;
    font-size: 14px;
    padding: 10px 24px;
    position: relative;
  }
  .expire-policy-list li input {
    height: 20px;
    position: absolute;
    opacity: 0;
    cursor: pointer;
    right: 9px;
    z-index: 9;
    width: 100%;
  }
  /* Create a custom radio button */
  .expire-policy-list .checkmark {
    position: absolute;
    top: 10px;
    right: 12px;
    height: 16px;
    width: 16px;
    background-color: #fff;
    border-radius: 50%;
    border: solid #94d7be 1px;
  }
  /* On mouse-over, add a grey background color */
  .expire-policy-list li:hover input ~ .checkmark {
    background-color: #fff;
  }
  /* When the radio button is checked, add a blue background */
  .expire-policy-list li input:checked ~ .checkmark {
    background-color: #fff;
  }
  /* Create the indicator (the dot/circle - hidden when not checked) */
  .expire-policy-list .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  /* Show the indicator (dot/circle) when checked */
  .expire-policy-list li input:checked ~ .checkmark:after {
    display: block;
  }
  /* Style the indicator (dot/circle) */
  .expire-policy-list li .checkmark:after {
    top: 4px;
    left: 4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #94d7be;
  }
  .plan-policy-list {
    padding: 0px 20px;
    margin: 20px 0;
  }
  .plan-policy-list li {
    background: rgb(227 252 239 / 0.6);
    border-radius: 5px;
    margin: 4px 0 10px;
    color: #172b4d;
    font-size: 14px;
    padding: 10px 10px;
    position: relative;
    font-weight: 600;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
    height: 34px;
  }
  .plan-policy-list li.active {
    background: #3b885b;
    color: #fff;
  }
  .plan-policy-list li.active span {
    color: #fff;
    line-height: 18px;
  }
  .plan-policy-list li:nth-child(2),
  .plan-policy-list li:nth-child(4) {
    padding-top: 18px;
    height: 23px;
  }
  .plan-policy-list li span {
    font-size: 12px;
    display: block;
    color: #505f79;
    font-weight: 400;
    letter-spacing: -0.3px;
  }
  .try-again {
    text-align: center;
    padding: 50px 0;
    display: table;
    margin: 0 30px;
  }
  .try-again img {
    display: block;
    margin: 0 auto;
  }
  .try-again p {
    font-size: 12px;
    color: #172b4d;
    line-height: 14px;
    font-weight: 500;
    padding: 25px 0;
  }
  .try-again .button {
    text-align: center;
    width: 94%;
    margin: 0 auto;
  }
  .try-again .button a {
    color: #36b37e;
    border: solid #36b37e 1px;
    border-radius: 4px;
    display: inline-block;
    padding: 10px;
    margin: 0 3px;
    width: 40%;
    font-size: 12px;
    background: #fff;
    border: solid 1px #3b885b;
  }
  .try-again .button a.active {
    background: #3b885b;
    color: #fff;
  }
  .edit-idv {
    width: 84%;
    padding: 20px 20px;
  }
  .edit-idv {
    width: 94%;
    padding: 30px 20px;
  }
  .edit-idv .heading span {
    display: block;
    padding: 20px 0 0px 0;
    color: #757575;
    font-size: 14px;
    font-weight: 400;
  }
  .idv-values {
    position: relative;
  }
  .idv-values::after {
    content: "";
    display: block;
    clear: both;
  }
  .idv-values input[type="number"] {
    position: absolute;
    right: 0;
    bottom: -8px;
    border: none;
    border-bottom: solid #0064ff 1px;
    text-align: center;
    color: #212121;
    z-index: 99;
    font-size: 18px;
    width: 125px;
    padding: 4px;
    /* font-weight: 500; */
  }
  .idv-values li {
    margin: 10px 0;
    color: #172b4d;
    font-size: 14px;
    padding: 0px 25px 0px;
    position: relative;
    line-height: 15px;
  }
  .idv-values li {
    color: #aaaaaa;
    display: block;
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    /* border-bottom:1px solid #333;*/
  }
  .idv-values li input[type="radio"] {
    position: absolute;
    left: 0;
    z-index: 9;
    width: 100%;
    opacity: 0;
  }
  .idv-values li label {
    top: 0;
    display: block;
    position: relative;
    font-weight: 400;
    font-size: 14px;
    padding: 0;
    height: auto;
    z-index: 9;
    cursor: pointer;
    color: #212121;
    -webkit-transition: all 0.25s linear;
  }
  .idv-values li:hover label {
    color: #ffffff;
  }
  .idv-values li .check {
    display: block;
    position: absolute;
    border: 1px solid #0662f6;
    border-radius: 100%;
    height: 16px;
    width: 16px;
    top: 6px;
    left: 0;
    z-index: 5;
    transition: border 0.25s linear;
    -webkit-transition: border 0.25s linear;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  }
  .idv-values #message {
    position: absolute;
    right: 0;
    top: 25px;
  }
  .idv-values li .check::before {
    display: block;
    position: absolute;
    content: "";
    border-radius: 100%;
    height: 8px;
    width: 8px;
    /* top: 3px; */
    /* left: 3px; */
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .idv-values input[type="radio"]:checked ~ .check {
    border: 1px solid #0064ff;
  }
  .idv-values input[type="radio"]:checked ~ .check::before {
    background: #0064ff;
  }
  .idv-values input[type="radio"]:checked ~ label {
    color: #0064ff;
  }
  .slidecontainer {
    width: 100%;
    margin: 20px 0;
  }
  .slider {
    -webkit-appearance: none;
    width: 100%;
    height: 10px;
    background: rgba(215, 215, 215, 0.59);
    outline: none;
    -webkit-transition: 0.2s;
    transition: opacity 0.2s;
    border-radius: 8px;
  }
  .slider:hover {
    opacity: 1;
  }
  .slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    background: #0064ff;
    cursor: pointer;
    border-radius: 50%;
  }
  .slider::-moz-range-thumb {
    width: 20px;
    height: 20px;
    background: #0064ff;
    cursor: pointer;
  }
  .min-idv {
    color: rgba(0, 0, 0, 0.4);
    font-size: 12px;
    font-weight: 400;
    text-align: right;
    margin-bottom: 6px;
    margin-top: 6px;
  }
  .min-idv b {
    float: left;
    font-weight: 400;
    text-align: right;
  }
  .min_max-idv {
    color: #8a8a8a;
  }
  .confirm-ncb {
    text-align: center;
    color: #212121;
    padding: 0 0 65px 0;
  }
  .confirm-ncb h4 {
    margin: 30px 0 20px 2px;
    font-size: 16px;
    font-weight: 400;
    color: #212121;
    text-align: center;
  }
  .confirm-ncb img {
    max-width: 100px;
  }
  .confirm-ncb p {
    font-size: 12px;
    margin: 0px 0 30px 0;
    font-weight: normal;
    line-height: normal;
    color: rgb(33 33 33 / 0.7);
  }
  .confirm-ncb p span {
    color: #505f79;
    font-size: 14px;
  }
  .pre-insurer h4 {
    text-align: center;
    color: #505f79;
    font-weight: 500;
    margin: 50px 0 0;
    font-size: 14px;
  }
  .pre-insurer h4 img {
    display: block;
    margin: 20px auto;
  }
  .pre-insurer h4 span {
    color: #2584ff;
  }
  .pre-insurer p {
    color: #212121;
    font-size: 12px;
    line-height: 17px;
    padding: 10px 20px;
  }
  .pre-insurer h5 {
    color: #212121;
    font-size: 14px;
    font-weight: 500;
    padding: 0 20px;
    text-align: center;
  }
  .modal-box .pre-insurer .btn-green {
    color: #fff !important;
    font-weight: 300;
    padding: 10px 20px;
    margin: 35px auto 80px;
    width: auto;
  }
  .modal-box .confirm-ncb a {
    width: auto;
    width: 47%;
    /* padding: 9px; */
    margin: 0 1.5% 30px;
    border: 1px solid rgb(23 43 77 / 0.6);
    outline: none !important;
    padding: 8px 8px;
    color: #172b4d;
    /* border-width: 1px!important; */
  }
  .tabs.od-zeroDep nav ul li {
    width: calc(45% + 1px);
  }
  .modal-box.plan-list h3 {
    text-align: left;
  }
  .modal-box.plan-list {
    padding-bottom: 60px;
  }
  .modal-box.tp .button a {
    font-size: 15px;
    font-weight: 300;
    padding: 11px;
    /*text-align: left;*/
  }
  .modal-box .cover .button a {
    color: #172b4d;
    border: solid #7a869a 1px;
    border-radius: 4px;
    display: inline-block;
    padding: 10px;
    margin: 0 3px 15px;
    width: 88%;
    font-size: 14px;
    /* background: rgba(227, 252, 239, 0.5); */
    /* box-shadow: 0px 1px 5px #dad7d7; */
    /* border: none; */
    font-weight: 400;
    text-align: center;
  }
  .modal-box .cover .button a span {
    font-weight: 300;
    font-size: 11px;
    display: block;
  }
  #idv {
    background: none;
  }
  .tabs {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: 8px 0 0;
    font-weight: 300;
  }
  /* Nav */
  .tabs nav {
    text-align: center;
    background: #dfe1e6;
    width: 94%;
    margin: 0 auto 5px;
    border-radius: 4px;
    height: 35px;
  }
  .tabs nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline-block;
  }
  .tabs nav ul li {
    border: 1px solid #dfe1e6;
    border-bottom: none;
    /* margin: 0 0.25em; */
    display: block;
    float: left;
    position: relative;
  }
  .tabs nav ul.two_list li {
    width: 50%;
  }
  .tabs nav li.tab-current {
    background: #fff;
    border-radius: 4px;
    z-index: 1;
  }
  .tabs nav li.tab-current:after {
    right: auto;
    left: 100%;
    width: 4000px;
  }
  .tabs nav a {
    color: #becbd2;
    display: block;
    font-size: 12px;
    line-height: 24px;
    padding: 0 1.25em;
    white-space: nowrap;
  }
  .tabs nav a:hover {
    color: #768e9d;
  }
  .tabs nav li.tab-current a {
    color: #505f79;
  }
  /* Icons */
  .tabs nav a:before {
    display: inline-block;
    vertical-align: middle;
    text-transform: none;
    font-weight: normal;
    font-variant: normal;
    font-family: "icomoon";
    line-height: 1;
    speak: none;
    -webkit-font-smoothing: antialiased;
    margin: -0.25em 0.4em 0 0;
  }
  /* Content */
  .content section {
    font-size: 1.25em;
    padding: 5px;
    display: none;
    max-width: 1230px;
    margin: 0 auto;
  }
  .content section:before,
  .content section:after {
    content: "";
    display: table;
  }
  .content section:after {
    clear: both;
  }
  /* Fallback example */
  .no-js .content section {
    display: block;
    padding-bottom: 2em;
    border-bottom: 1px solid #47a3da;
  }
  .content section.content-current {
    display: block;
  }
  .mediabox {
    float: left;
    width: 33%;
    padding: 0 25px;
  }
  .mediabox img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
  }
  .mediabox h3 {
    margin: 0.75em 0 0.5em;
  }
  .mediabox p {
    padding: 0 0 1em 0;
    margin: 0;
    line-height: 1.3;
  }
  /*mobile quote new css*/
  .fLeft {
    float: left;
  }
  .fRight {
    float: right;
  }
  .tLight {
    text-align: left !important;
  }
  .or {
    clear: both;
    width: 100%;
    overflow: hidden;
  }
  .containerInner {
    width: 1024px;
    margin: 0 auto;
  }
  .toll-free {
  }
  a.tollFree {
    color: #808080;
  }
  a:hover.tollFree {
    color: #808080;
  }
  .btn-green {
    color: #36b37e;
    border: solid #3b885b 1px;
    border-radius: 4px;
    display: inline-block;
    padding: 10px;
    margin: 0 3px;
    width: 40%;
    font-size: 14px;
    background: #3b885b;
    color: #fff;
    text-align: center;
  }
  .quotes-section .quotes-header {
    background: #0065ff;
  }
  .container-inner {
    width: 100%;
  }
  .mob-header {
    display: table;
    margin: 0;
    width: 100%;
    padding: 10px 0;
  }
  .pb-logo-mob {
    float: left;
    margin: 3px 0;
  }
  .pb-logo-mob + span {
    display: inline-block;
    width: 50%;
    text-align: center;
    vertical-align: top;
    padding: 10px 0;
    font-weight: 300;
    color: #fff;
    height: 0 !important;
  }
  .pb-logo-mob img {
    width: 50%;
  }
  .plan-type-dropdown,
  .idv-dropdown,
  .ncb-edit-section {
    min-width: auto;
    background: none;
    height: 25px;
    line-height: 7px;
    margin: 0;
    padding: 0;
    border: none;
    margin: 0 6px;
    width: 29%;
    float: inherit;
    display: inline-block;
    vertical-align: top;
    background: #fff;
    border-radius: 4px;
    font-size: 11px;
  }
  .plan-type-dropdown h5,
  .idv-dropdown h5,
  .ncb-edit-section h5 {
    position: relative;
    top: -13px;
    font-size: 11px;
    color: #fff;
  }
  .plan-type-dropdown div.menu-header,
  .idv-dropdown div.menu-header,
  .ncb-edit-section div.menu-header,
  .ncb-edit-section .menu-header {
    padding: 1px 1px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 96px;
    display: inline-block;
  }
  .plan-type-dropdown b,
  .idv-dropdown b,
  .ncb-edit-section b {
    color: #212121;
    font-weight: 500;
    line-height: 10px;
  }
  .plan-type-dropdown.disabled {
    background: #d8d8d8;
  }
  .ncb-edit-section small {
    color: #212121;
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
  }
  .dropdown {
    border: solid #717171;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2.5px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    float: right;
    margin-right: 4px;
    border-radius: 2px;
  }
  .tab-box {
    background: #0662f6;
    padding: 20px 0 10px;
    text-align: center;
  }
  /* Example media queries */
  @-webkit-keyframes inputHighlighter {
    from {
      background: #5264ae;
    }
    to {
      width: 0;
      background: transparent;
    }
  }
  @-moz-keyframes inputHighlighter {
    from {
      background: #5264ae;
    }
    to {
      width: 0;
      background: transparent;
    }
  }
  @keyframes inputHighlighter {
    from {
      background: #5264ae;
    }
    to {
      width: 0;
      background: transparent;
    }
  }
  #breakup {
    display: table;
    clear: both;
    width: 100%;
  }
  /*quote page new css starts here*/
  @media only screen and (max-width: 670px) and (min-width: 320px) {
    .quote .overlay {
      z-index: 100;
    }
    #Quotes .dropdown {
      height: auto;
      position: absolute;
      right: 5px;
    }
    .plan-type-dropdown div.menu-header,
    .idv-dropdown div.menu-header,
    .ncb-edit-section div.menu-header,
    .ncb-edit-section .menu-header {
      position: relative;
      padding-right: 25px;
      padding-left: 24px;
    }
    .quotes-section .callIcon {
      display: none;
    }
    .quotes-section + div .main-container {
      border-top: none;
    }
    .quotes-section .mob-header {
      padding-left: 8px;
      padding-right: 8px;
    }
    .quotes-section .commonMullange {
      margin-top: 0px;
    }
    .quotes-section .pb-logo-mob + span {
      font-size: 16px;
      font-weight: 500;
      padding-top: 0px;
      width: 46%;
    }
    .quote-section .tabs nav ul {
      display: block;
    }
    .quote-section .tabs nav {
      padding: 5px;
    }
    .quote-section .tabs nav a {
      padding: 0px 5px;
      color: #505f79;
    }
    .quote-section .tabs nav li.tab-current a {
      color: #505f79;
    }
    .quote-section .toastbreakingmsg {
      width: 96%;
    }
    .quote-section .quote-tile .img_logo {
      float: left;
      width: 33.33%;
    }
    .quote-tile .multi-y3 .buy-plan {
      min-width: 85px;
    }
    .quote-section .edit-idv .heading {
      color: #000;
      margin: 15px 0 0;
      text-align: left;
      line-height: normal;
      padding: 0;
      font-size: 16px;
      font-weight: bold;
    }
    .quote .modal-box .plan-policy-list li,
    .quote .modal-box .plan-policy-list li span {
      height: auto;
    }
    .quote .modal-box .ncb_list li {
      margin-bottom: 10px;
    }
    .quote .modal-box .ncb_list {
      margin-top: 10px;
    }
    .quote .modal-box .heading {
      font-size: 16px;
      font-weight: 400;
      margin-bottom: 10px;
    }
    /*custom radio*/
    .custom_radio {
      text-align: left;
    }
    .custom_radio input {
      display: none;
      position: absolute;
    }
    .custom_radio label {
      position: relative;
      top: 0px !important;
      padding-left: 25px;
      font-size: 14px;
      font-weight: 500;
    }
    .custom_radio .check {
      width: 16px;
      height: 16px;
      background: #ffffff;
      border: 1px solid #0888ef;
      border-radius: 50%;
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      /* bottom: 20px; */
      top: 50%;
      transform: translateY(-50%);
    }
    .custom_radio .check::after {
      content: "";
      width: 8px;
      height: 8px;
      border-radius: 50%;
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    .custom_radio input:checked + label .check:after {
      background: #2d8df0;
    }
    /*custom radio ends*/
    /*close icon*/
    .close-icon {
      width: 28px;
      height: 19px;
      display: block;
      position: absolute;
      top: 12px;
      right: 7px;
      cursor: pointer;
      z-index: 9;
    }
    .close-icon:before,
    .close-icon:after {
      position: absolute;
      left: 12px;
      top: 5px;
      content: " ";
      height: 15px;
      width: 2px;
      background-color: #000;
      border-radius: 8px;
    }
    .close-icon:before {
      transform: rotate(45deg);
    }
    .close-icon:after {
      transform: rotate(-45deg);
    }
    .quote .slidecontainer:after,
    .idv-values::after {
      content: "";
      display: block;
      clear: both;
    }
    .edit-idv .btn-green {
      /* background: #00875A !important; */
      margin-top: 5px;
      width: auto;
      padding: 10px 55px;
      border: none;
    }
    .modal-box.plan_type .plan_list li {
      padding: 12px 14px;
      border-bottom: solid #b7b7b7 1px;
      text-align: left;
      font-size: 14px;
      font-weight: 500;
      margin-top: 7px;
    }
    .modal-box.plan_type .plan_list li.active {
      background-color: #2ecc71;
      color: #ebeff2;
      border-radius: 5px;
    }
    .quote-title-headingtext h4 {
      font-size: 13px;
      margin-bottom: -7px;
      color: #37474f;
      top: -10px;
      margin-top: -15px;
      font-weight: 600;
      text-align: center;
    }
    .modal-box.plan_type .plan_list li:last-child {
      border-bottom: none;
    }
    .modal-box.carousel.slide,
    .renewal.carousel.slide {
      text-align: center;
    }
    .modal-box .carousel.slide h4,
    .modal-box .carousel-indicators,
    .renewal .carousel.slide h4,
    .renewal .carousel-indicators {
      display: inline-block;
      vertical-align: middle;
      margin: 0;
      position: static;
      width: auto;
    }
    .modal-box .carousel.slide h4,
    .renewal .carousel.slide h4 {
      color: #00875a;
      font-size: 12px;
      line-height: 14px;
      margin-right: 6px;
    }
    .modal-box .carousel-indicators li,
    .renewal .carousel-indicators li {
      width: 20px;
      height: 20px;
      text-indent: 0;
      font-size: 12px;
      color: #fff;
      background: #dfe1e6;
      border: none;
      line-height: 21px;
      text-align: center;
      margin: 0px 3px;
      position: relative;
      z-index: 10;
    }
    .modal-box .carousel-indicators li::after,
    .renewal .carousel-indicators li::after {
      content: "";
      display: block;
      position: absolute;
      top: 50%;
      left: 100%;
      width: 20px;
      transform: translateY(-50%);
      background: #dfe1e6;
      height: 1px;
      z-index: 0;
    }
    .modal-box .carousel-indicators li:last-child::after,
    .renewal .carousel-indicators li:last-child::after {
      display: none;
    }
    .modal-box .carousel-indicators .activecarousel,
    .renewal .carousel-indicators .activecarousel {
      background: #5ecd72 !important;
    }
    /*for skeleton screen*/
    .quote-tile-dummy {
      border-radius: 5px;
      box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
      /* border: solid 1px #fff; */
      background-color: #ffffff;
      margin: 0 0 12px 0;
      display: flex;
      align-items: center;
      width: 100%;
      position: relative;
      height: 80px;
      padding: 10px 5px;
    }
    .col_in_3 {
      flex: 0 0 33.33%;
      max-width: 33.33%;
      padding: 0px 10px;
    }
    .loading_div {
      background: rgba(239, 240, 241, 0.8);
      min-height: 58px;
      position: relative;
      overflow: hidden;
    }
    .loading_div.stripe {
      min-height: 12px;
      margin-bottom: 6px;
    }
    .loading_div.stripe:last-child {
      margin-bottom: 0px;
    }
    .loading_div::after {
      content: "";
      width: 40%;
      height: 250%;
      display: block;
      position: absolute;
      color: grey;
      /* top: 0; */
      bottom: -37px;
      background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0.2),
        rgba(255, 255, 255, 0.3)
      );
      transform: rotate(45deg);
      left: -8%;
      animation: loading_screen ease 0.8s infinite;
      box-shadow: 0px 0px 80px rgba(204, 204, 204, 0.3);
    }
    .renewal.cd-popup-container {
      padding: 20px 0 20px 0;
    }
    #Renewalpopup .carousel ol {
      position: static;
      bottom: 0;
      left: 0;
      z-index: 15;
      width: auto;
      padding-left: 0;
      margin-left: 0;
      text-align: center;
      list-style: none;
    }
    .prevclaim {
      height: 100px;
    }
    #Renewalpopup .carousel ol li {
      display: inline-block;
      text-indent: 0;
      cursor: pointer;
      background-color: #dfe1e6;
      width: 20px;
      height: 20px;
      border: none;
      border-radius: 10px;
    }
    .odplantext p {
      text-align: left;
    }
    .renewalmidsection ul.radio-btn {
      margin: 25px 20px 50px 20px;
    }
    .prevclaim ul.radio-btn li {
      width: 42%;
      border: solid #7a869a 1px;
      border-radius: 5px;
      color: #172b4d;
    }
    .renewalmidsection ul.radio-btn li {
      border: #00875a 1px solid;
      border-radius: 5px;
      width: 46%;
    }
    .renewal.cd-popup-container .line {
      width: 100%;
      border-bottom: 1px solid #00875a;
      top: 20px;
    }
    #Renewalpopup .carousel {
      top: 0;
    }
    .carousel {
      top: 0;
      left: 38%;
    }
    @keyframes loading_screen {
      0% {
        left: -8%;
        background: rgba(246, 247, 248, 0.5);
      }
      100% {
        left: 200%;
        background: rgba(246, 247, 248, 100);
      }
    }
    .header-heading small {
      font-size: 11px;
    }
    /*for skeleton screen ends*/
    .quote-tile:hover {
      box-shadow: none;
      transform: none;
    }
    #dvRegYear h3 {
      padding-left: 15px;
      padding-right: 15px;
    }
    #dvRegYear .col-sm-12 {
      padding: 0px 15px;
    }
    .odplantext b {
      font-weight: bold;
      margin-bottom: 2px;
      display: block;
      color: #000;
      text-align: left;
      font-size: 11px;
    }
    .odplantext p {
      text-align: left;
      font-size: 11px;
      font-weight: 400;
    }
    .paplantext p {
      font-size: 11px;
      line-height: normal;
      font-weight: 400;
      padding: 0px 5px;
      text-align: center;
    }
    .referral_msg_card .column .ref_msg_text p {
      display: block;
    }
    .show {
      display: block !important;
    }
    .quote-title-headingtext {
      width: 98%;
      margin: 10px auto;
    }
    .brand-new {
      width: 93%;
    }
    .LimitedTPMessage.gray_btn {
      width: 100%;
      position: absolute;
      bottom: 0;
      text-align: center;
    }
    .LimitedTPMessage.gray_btn .help-tip:hover p {
      left: auto;
      right: -10px;
      width: 261px !important;
    }
    #idvrefmobile {
      left: 50%;
      position: absolute;
      top: 25px;
    }
    .quotes-section .pb-logo-mob + span {
      text-align: right;
      width: 53%;
    }
    .main_container .search label.lblText {
      color: #7a869a;
      font-size: 12px;
    }
    .main_container .search i.fa.fa-search:before {
      background: url(../images/magnifying-glass.svg) no-repeat 0 0;
      width: 60px;
      height: 60px;
      content: "";
      position: absolute;
    }
    .main_container .search i.fa.fa-search {
      right: 43px;
      bottom: 43px;
    }
    .main_container .search .react-autosuggest__container input {
      text-align: left;
      opacity: 0.8;
      padding-left: 14px;
      width: 100%;
    }
    .renewalmidsection {
      width: 100%;
      height: auto;
      padding: 0;
      font-weight: 300;
      color: #657585;
      margin: 10px 0 20px 0;
    }
    .renewal.cd-popup-container .modal-body p {
      font-weight: 400;
      padding: 0 20px;
      text-align: left;
    }
    .renewalmidsection ul.radio-btn li {
      color: #172b4d;
      border: solid #7a869a 1px;
      border-radius: 4px;
      display: inline-block;
      padding: 10px;
      margin: 0 3px 25px;
      width: 47%;
      font-size: 14px;
      line-height: 12px;
    }
    .line {
      border: none !important;
    }
    .renewal.cd-popup-container .prevclaim p {
      text-align: left;
      font-size: 14px !important;
      padding: 20px 20px 0;
    }
    .prevclaim {
      height: auto;
      display: table;
      margin: 0 0 82px 0;
    }
    .renewalmidsection ul.radio-btn li.active {
      border: solid #0aa759 1px;
    }
    .newQuote .single_yrs {
      border-radius: 4px;
      font-size: 11px;
      position: initial;
      height: 21px;
      margin: 0 auto 3px;
      width: 90%;
      border: none;
      background: #fff;
      border: solid 1px #627680;
      color: #37474f;
      font-size: 11px;
      font-weight: 600;
    }
    .quote-tile {
      background: none;
    }
    .react-autosuggest__suggestions-container {
      display: block;
    }
    .react-autosuggest__suggestions-container li {
      display: table;
      width: 100% !important;
    }
    .tabs nav ul li {
      display: inline-block;
      float: inherit;
    }
    .thanks-banner-header p {
      position: relative;
      text-align: center;
      background: #edf5ff;
    }
    .thanks-banner-header p a {
      text-decoration: none;
      color: #172b4d;
      display: inline-flex;
      text-align: left;
      align-items: center;
      margin: 8px 0 0 0;
      width: 55%;
    }
    .thanks-banner-header p i {
      width: 40px;
      height: 48px;
      vertical-align: middle;
      background: url(../images/user-interface-new.png) no-repeat;
      background-size: cover;
      display: inline-block;
      margin-right: 10px;
    }
    .thanks-banner-header p a span {
      font-weight: 500;
      line-height: 20px;
      margin-right: 7px;
      position: relative;
      top: -10px;
    }
    .thanks-banner-header p span.play-store {
      width: 108px;
      height: 32px;
      display: inline-block;
      margin: 16px 12px 0px 0;
      background: url(../images/playstore_logo.png) no-repeat;
      background-size: 100%;
      vertical-align: top;
    }
    .thanks-banner-header p span.ios-store {
      width: 108px;
      height: 32px;
      display: inline-block;
      margin-left: 8px;
      background: url(../images/app_store.png) no-repeat;
      background-size: 100%;
      vertical-align: top;
      position: relative;
      top: 16px;
      right: 12px;
    }
    .thanks-banner-header p .arrow {
      cursor: pointer;
      color: #333;
      border: 1px solid #333;
      border-radius: 30px;
      background: none;
      font-size: 18px;
      display: inline-block;
      line-height: 0;
      width: 22px;
      height: 22px;
      text-decoration: none;
      text-align: center;
      margin: 20px 7px 0 3px;
      font-weight: 400;
      vertical-align: top;
    }
    .thanks-banner-header p .arrow:before {
      content: "×";
      display: inline-block;
      margin: 7px 0 0 1px;
      padding-top: 3px;
    }
    .myAccount a.DownloadProposalSummary {
      margin: 30px auto 15px;
    }
    .paybestprice {
      right: 0;
    }
    .summary-right.summarybestprice {
      margin-top: 45px;
    }
    .summary-right.summarybestprice .pay-now {
      padding-top: 20px;
    }
    .paybestprice {
      top: -15px;
      right: -3px;
    }
    .bestpricetext {
      width: 95%;
      left: 2%;
    }
  }
  /* Personal Accident Cover Css */
  .chat-mob-btn {
    display: none !important;
  }

  .plansTypeList{
    padding: 10px;
  }

  .plansTypeList h5{
    font-weight: 900;
  }

  .plansTypeList ul{
    padding-top: 5px;
  }

  .plansTypeList li {
    display: flex;
    align-items: center;
  }

  .plansTypeList li input{
    margin-right: 5px;
  }

  .personalAccidentCover {
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    bottom: -170px;
    background-color: #fff;
    z-index: 10;
    transition: all 0.3s;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 50%);
  }

  .personalAccidentCoverCorporate {
    bottom: -140px;
  }

  .addOnFilter{
    bottom: -92px !important;
  }

  .addOnFilterNewBuissness{
    bottom: -145px !important;
  }


  .addOnFilter.show{
    bottom: 0 !important;
  }

  .personalAccidentCover .hd {
    background: #559fe9;
    z-index: 9;
    color: #fff;
    font-size: 14px;
    padding: 5px;
    position: relative;
  }
  .personalAccidentCover .hd .text {
    display: block;
  }
  .close-addons {
    display: none;
    right: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  .close-addons svg {
    width: 8px;
  }
  .personalAccidentCover.show {
    bottom: 0;
  }
  .personalAccidentCover.show .close-addons {
    display: block;
    height: 14px;
  }
  .personalAccidentCover .checkbox-newcpachanges {
    padding: 10px;
  }
  .personalAccidentCover .checkbox-newcpachanges li {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
  }
  .personalAccidentCover .checkbox-newcpachanges li:last-child {
    margin-bottom: 0;
  }
  .personalAccidentCover .checkbox-newcpachanges li .check-box {
    top: 0;
  }
  .personalAccidentCover .checkbox-newcpachanges .check-text-newcpachanges {
    display: inline-block;
    padding: 0;
    height: auto;
  }
}

.disablebutton-kyc {
  background-color: rgb(148 151 153) !important;
}
@media screen and (max-width: 670px) {
  .disablebutton-kyc {
    background-color: rgb(148 151 153) !important;
  }
}

/* Vikas Goswami */
@media (max-width: 767px) {
  .prequote_new {
    margin-bottom: 10px;
    padding: 10px;
    border-bottom: 1px solid #efefef;
  }
  .search .lblText {
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    padding: 0;
    text-align: center;
    font-size: 16px !important;
    font-weight: 500 !important;
  }
  .vehicle-details-data .overlay-popup .subHeader {
    background: transparent !important;
  }
  .col-4 {
    width: 25%;
    display: inline-block !important;
  }
  .col-6 {
    width: 49%;
    display: inline-block !important;
  }
  .mw85 {
    width: 85px;
    display: inline-block !important;
  }
  .custom {
    display: block;
  }
  /* .form-check{
        text-align: center;
    } */
  .form-group input[type="radio"]:checked ~ label {
    border-color: #2196f3;
    background-color: #2196f3;
    color: #fff;
  }
  .form-check-label {
    font-size: 14px;
    font-weight: 500;
    border: solid #becbd4 1px;
    cursor: pointer;
    display: inline-block;
    margin: 0 5px 7px 5px;
    width: 100%;
    position: relative;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
    padding: 7px;
    text-align: center;
  }

  .custom input.form-check-input {
    display: none;
  }
  .group input:focus ~ label,
  input:valid ~ label {
    top: 0;
    margin-left: 0;
  }

  .bikeIcon {
    display: none;
  }

  .search {
    width: 94%;
    margin: 0 auto;
    position: relative;
  }

  .search i.fa.fa-search {
    background: #cccccc;
    position: absolute;
    left: 0;
    right: inherit !important;
    bottom: 0px !important;
    width: 40px;
    height: 40px;
    color: #fff;
    padding: 8px;
  }

  .search i.fa.fa-search::before {
    width: 30px !important;
    height: 30px !important;
    background-size: 24px 24px !important;
    color: #fff !important;
  }

  .react-autosuggest__container input.react-autosuggest__input {
    padding-left: 50px !important;
  }
  .subHeader a {
    color: #2196f3;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 700;
    position: absolute;
    left: 0;
    padding: 2px 10px;
    cursor: pointer;
  }
  .subHeader a .back-icon {
    width: 10px;
    margin-right: 5px;
  }
  .search input.react-autosuggest__input {
    text-align: center !important;
  }
  .manufacturerBox,
  .space {
    width: 94%;
    margin: 7px auto 0 auto;
  }
  .manufacturerBox .col-6:nth-child(2n),
  .space .col-6:nth-child(2n) {
    margin-left: 2%;
  }
  .manufacturerBox label.form-check-label,
  .space label.form-check-label {
    color: #888;
    font-size: 12px;
    padding: 10px 0px;
  }
  .manufacturerBox .form-check.autocomplete,
  .space .form-check.autocomplete {
    width: 100%;
  }

  /* Data View */
  .vehicle-details-data .p-0 {
    padding: 0;
  }
  .vehicle-details-data .subHeader {
    padding: 7px 0;
    margin: 0 0 10px;
    font-size: 15px;
    background: #f1f5f7;
    color: #37474f;
    display: block;
    font-weight: 500;
    text-align: center;
  }

  .vehicle-details-data .form-label-group {
    margin: 0 0 5px 0;
    position: relative;
    /* clear: both; */
    /* float: left; */
    /* width: 100%; */
  }

  .vehicle-details-data .form-label-group input {
    padding: 25px 1% 5px;
    font-size: 14px;
    border: solid #e5e9ec 1px;
    text-transform: capitalize;
    font-weight: 500;
    cursor: pointer;
    background: #fff;
    width: 100%;
    text-align: center;
    float: left;
  }

  .vehicle-details-data .form-label-group label {
    color: rgba(55, 71, 79, 0.6);
    font-size: 10px;
    font-weight: 500;
    position: absolute;
    text-transform: uppercase;
    left: 50%;
    transform: translateX(-50%);
    top: 6px;
  }
  .vehicle-details-data .select-box select {
    width: 100%;
    height: 60px;
    text-align: center;
    padding-top: 10px;
    border-color: #2ecc71;
    width: 100%;
    line-height: 60px;
    font-size: 16px;
    font-weight: 500;
  }

  .view-quote {
    left: 0;
  }

  .view-quote .btn-primary {
    font-size: 16px;
    padding: 10px 5px;
    background: #1dce6c !important;
    text-transform: none;
    font-weight: 400;
    color: #fff;
    border: 0;
  }

  .feedbackBtn {
    position: fixed;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
    writing-mode: vertical-lr;
    right: 0;
    background: #007bff;
    color: #fff;
    padding: 10px 6px;
    border-radius: 0px 8px 8px 0px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px;
    cursor: pointer;
}
}
