body {
  margin: 0;
  padding: 0;
  font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  /*-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif*/
  color: #546e7a;
  overflow-x: hidden;
  position: relative;
  overflow-y: scroll;
  background: #F4F5F7;
}

body * {
  outline: none !important
}

a {
  color: #1596fe
}

a:hover {
  text-decoration: none
}

p,
img,
form,
input,
select,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
ol,
div,
dl {
  margin: 0;
  padding: 0;
  font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal
}

article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
  display: block;
  margin: 0;
  padding: 0
}

button {
  background: #fff;
}

ul,
li {
  list-style: none
}

img {
  border: 0;
  margin: 0;
  padding: 0
}

p {
  font-size: 14px;
  font-weight: 300;
  line-height: 24px
}

.quote_page button[disabled],
html .quote_page input[disabled] {
  cursor: default;
  background: #ccc !important;
  border: none !important;
}

button[disabled].menu-header {
  background: #fff !important;
}

a,
a:focus,
a:hover {
  color: #1596fe;
  text-decoration: none;
  cursor: pointer
}

.container-fluid {
  padding: 0
}

.container-inner {
  max-width: 1170px;
  margin: 0 auto;
  /*display:table;*/
}

.container-inner::after {
  content: "";
  display: block;
  clear: both;
}

.row {
  margin: 0
}

.error-msg {
  display: block;
  clear: both;
  font-size: 11px;
  color: red;
  text-align: center;
}

/*********header CSS start here*********/
.quotes-section .quotes-header {
  background: #fff;
  display: table;
  width: 100%;
  height: 59px;
}

.quotes-section .pb-logo {
  margin: 11px 0;
  float: left;
}

.quotes-section .talk-to-expert {
  display: none !important;
  width: 170px;
  height: 34px;
  border: solid #2f96f7 1px;
  display: block;
  line-height: 32px;
  border-radius: 4px;
  float: right;
  margin: 12px 0;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggTWFjaW50b3NoIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2ODlCREU0NzY2NTExRTk4OUY3ODRFMkY3QzA0QUZCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2ODlCREU1NzY2NTExRTk4OUY3ODRFMkY3QzA0QUZCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTY4OUJERTI3NjY1MTFFOTg5Rjc4NEUyRjdDMDRBRkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTY4OUJERTM3NjY1MTFFOTg5Rjc4NEUyRjdDMDRBRkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7vD/1BAAABzElEQVR42mIJm/f9/8WnDChAUYiBodOflZGFiYFkwHTlKabg/XcMDEXrfmsxkAGYOFmxS/BxM8iSZaAgN3YJdmZGE7IMlOJnxCrBysgQR5aBf/8xrMIm8fc/gxpZBn759X8GuiA3MFy//2dwIcvANh/W/ZJ8qIbJCDK4tLiz7CXLQBAhI8S4DiagJMoQ2u7LSpZhcAP33PyXwAVNPpysjMUMFACwgXuz2D5rSTCuAbHPPvxvUbnltzVFBoJAmTNLqKwAMHaB7E/fGI64TvklTJGBLMwMDBzsDJZsQPr5ZwYGMwXGN9rxP0nOzYxXn/1BEWje+af0wpP/Xf+BbE1xBoZTD/6L7M5he4uspmrLb0cOFsZ9QMtv/f7PsOjn3/9nPn1leNwXxHoNw0AQaN31p+/c4/+FIEMleYH5movBpt2H9ShIrnLzb+cn7xn2fP2N6TpQKYXVQJhLrz7/3/ULGKjAUGAwlmc88f33/957rxlWYzMMp5eRQfmW3xY/fjIcf/yBgjBEB3+ALuza+2f1tRf/Q779JiGWcQFQ7Fe5sYQ+//Kfz1SBcR1yNiXLhdgAKJZ52BgzmJkYwp59/M/w/iuwMAG6XkeagQEgwAAym6JXifCYbgAAAABJRU5ErkJggg==) no-repeat 25px 10px / 12px;
  padding-left: 45px;
}

#stickyHeader {
  color: #f0f4f5;
}

#stickyHeader.sticky-header-quotes {
  top: 0;
  position: fixed;
  width: 100%;
  z-index: 9;
  background: #fff;
  box-shadow: 0 2px 9px 0 rgba(222, 222, 222, 0.3);
  border-bottom: solid 1px #e6efff;
  transition: all 0.3s ease-in-out;
}

#stickyHeader.sticky-header-quotes .quotes-upper-section {
  background: #ffffff;
  transition: all 0.3s ease-in-out;
}

#stickyHeader.sticky-header-quotes+.quotes-ui-section {
  margin-top: 123px;
}

.popup.expert,
.popup.tracking-popup {
  width: 490px;
  position: fixed;
  left: 50%;
  top: 50%;
  height: auto;
  margin: -200px 0 0 -260px;
  padding: 25px 45px 30px 45px;
}

.popup.tracking-popup {
  z-index: 100;
}

.popup.tracking-popup p {
  color: #212121;
  text-align: center;
  padding: 20px 0;
}

.popup.tracking-popup h3 {
  color: #212121;
  text-align: center;
  padding: 10px 0;
  font-weight: 500;
}

.popup.tracking-popup .ok-btn {
  display: table;
  width: 147px;
  height: 42px;
  background: #ff5630;
  color: #fff;
  border: none;
  border-radius: 4px;
  font-size: 18px;
  margin: 30px auto 20px;
}

.upper-section {
  text-align: center;
  height: 50%;
}

.popup.expert .phone-icon {
  font-size: 18px;
  color: #2684ff;
  padding: 0px 0 30px;
  position: relative;
}

#ringer {
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
  line-height: 28px;
}

.popup.expert .phone-icon span {
  display: block;
  font-size: 11px;
  color: #616161;
}

.circle {
  border-radius: 50%;
  background-color: deepskyblue;
  width: 60px;
  height: 60px;
  position: absolute;
  opacity: 0;
}

.item {
  z-index: 100;
  padding: 5px;
  width: 50px;
  height: 50px;
  border-radius: 30px;
  background: #e8f1fe url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggTWFjaW50b3NoIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2ODlCREU0NzY2NTExRTk4OUY3ODRFMkY3QzA0QUZCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2ODlCREU1NzY2NTExRTk4OUY3ODRFMkY3QzA0QUZCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTY4OUJERTI3NjY1MTFFOTg5Rjc4NEUyRjdDMDRBRkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTY4OUJERTM3NjY1MTFFOTg5Rjc4NEUyRjdDMDRBRkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7vD/1BAAABzElEQVR42mIJm/f9/8WnDChAUYiBodOflZGFiYFkwHTlKabg/XcMDEXrfmsxkAGYOFmxS/BxM8iSZaAgN3YJdmZGE7IMlOJnxCrBysgQR5aBf/8xrMIm8fc/gxpZBn759X8GuiA3MFy//2dwIcvANh/W/ZJ8qIbJCDK4tLiz7CXLQBAhI8S4DiagJMoQ2u7LSpZhcAP33PyXwAVNPpysjMUMFACwgXuz2D5rSTCuAbHPPvxvUbnltzVFBoJAmTNLqKwAMHaB7E/fGI64TvklTJGBLMwMDBzsDJZsQPr5ZwYGMwXGN9rxP0nOzYxXn/1BEWje+af0wpP/Xf+BbE1xBoZTD/6L7M5he4uspmrLb0cOFsZ9QMtv/f7PsOjn3/9nPn1leNwXxHoNw0AQaN31p+/c4/+FIEMleYH5movBpt2H9ShIrnLzb+cn7xn2fP2N6TpQKYXVQJhLrz7/3/ULGKjAUGAwlmc88f33/957rxlWYzMMp5eRQfmW3xY/fjIcf/yBgjBEB3+ALuza+2f1tRf/Q779JiGWcQFQ7Fe5sYQ+//Kfz1SBcR1yNiXLhdgAKJZ52BgzmJkYwp59/M/w/iuwMAG6XkeagQEgwAAym6JXifCYbgAAAABJRU5ErkJggg==) no-repeat 15px 16px;
}

.circle {
  border-radius: 50%;
  background-color: rgba(38, 132, 255, 0.6);
  width: 70px;
  height: 70px;
  position: absolute;
  opacity: 0;
  animation: scaleIn 4s infinite cubic-bezier(.36, .11, .89, .32);
}

@keyframes scaleIn {
  from {
    transform: scale(.5, .5);
    opacity: .5;
  }

  to {
    transform: scale(1.5, 1.5);
    opacity: 0;
  }
}

.popup.expert .lower-section {
  width: 100%;
  display: table;
  border-top: solid #e2e2e2 1px;
}

.popup.expert .lower-section p {
  color: #212121;
  font-size: 15px;
  font-weight: 500;
  padding: 14px 0;
  margin: 0;
}

.popup.expert .numbers li {
  float: left;
  width: 50%;
  font-size: 14px;
  font-weight: 500;
  color: #212121;
}

.popup.expert .numbers li .call {
  color: #2684ff;
  font-size: 16px;
  display: block;
  margin: 4px 0 0 0;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggTWFjaW50b3NoIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2ODlCREU0NzY2NTExRTk4OUY3ODRFMkY3QzA0QUZCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2ODlCREU1NzY2NTExRTk4OUY3ODRFMkY3QzA0QUZCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTY4OUJERTI3NjY1MTFFOTg5Rjc4NEUyRjdDMDRBRkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTY4OUJERTM3NjY1MTFFOTg5Rjc4NEUyRjdDMDRBRkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7vD/1BAAABzElEQVR42mIJm/f9/8WnDChAUYiBodOflZGFiYFkwHTlKabg/XcMDEXrfmsxkAGYOFmxS/BxM8iSZaAgN3YJdmZGE7IMlOJnxCrBysgQR5aBf/8xrMIm8fc/gxpZBn759X8GuiA3MFy//2dwIcvANh/W/ZJ8qIbJCDK4tLiz7CXLQBAhI8S4DiagJMoQ2u7LSpZhcAP33PyXwAVNPpysjMUMFACwgXuz2D5rSTCuAbHPPvxvUbnltzVFBoJAmTNLqKwAMHaB7E/fGI64TvklTJGBLMwMDBzsDJZsQPr5ZwYGMwXGN9rxP0nOzYxXn/1BEWje+af0wpP/Xf+BbE1xBoZTD/6L7M5he4uspmrLb0cOFsZ9QMtv/f7PsOjn3/9nPn1leNwXxHoNw0AQaN31p+/c4/+FIEMleYH5movBpt2H9ShIrnLzb+cn7xn2fP2N6TpQKYXVQJhLrz7/3/ULGKjAUGAwlmc88f33/957rxlWYzMMp5eRQfmW3xY/fjIcf/yBgjBEB3+ALuza+2f1tRf/Q779JiGWcQFQ7Fe5sYQ+//Kfz1SBcR1yNiXLhdgAKJZ52BgzmJkYwp59/M/w/iuwMAG6XkeagQEgwAAym6JXifCYbgAAAABJRU5ErkJggg==) no-repeat 0 5px / 14px;
  padding-left: 20px;
}

.popup.expert .registered {
  display: table;
  clear: both;
  margin: 35px auto 0;
  width: 100%;
  text-align: center;
  color: #696969;
  font-size: 12px;
}

.quotes-edit-details-section {
  width: 100%;
  height: 59px;
  border-radius: 3px;
  box-shadow: 0 2px 9px 0 rgba(222, 222, 222, 0.3);
  border: solid 1px #e6efff;
  background-color: #ffffff;
}

.vehical-details-edit-section {
  float: left;
  width: 39%;
  margin: 11px 0;
  position: relative;
}

.ncb-edit-section {
  float: left;
  width: 29%;
  margin: 14px 0px;
  border-right: solid #e6efff 2px;
  border-left: solid #e6efff 2px;
  padding: 5px 20px;
  position: relative;
  font-weight: 400;
  color: #8a8a8a
}

.ncb-edit-section span.wrapper {
  left: 4px;
}

.edit-ncb-button {
  color: #000;
  border-bottom: solid #000 1px;
  padding: 2px 20px 2px 10px;
  position: relative;
}

.edit-ncb-button:after
{
  border: solid transparent;
  height: 0;
  width: 0;
  pointer-events: none;
  border-color: rgba(0, 0, 0, 0);
  border-top-color: #000000;
  border-width: 4px;
  margin-left: -4px;
  float: right;
  margin-top: 10px;
  position: absolute;
  content: "";
  right: -1px;
  top: -1px;
}

.edit-ncb-button:before
{
  width: 10px;
  height: 4px;
  background: #fff;
  content: "";
  position: absolute;
  right: 0px;
  bottom: -1px;
}

.policy-expiry-edit-section {
  float: left;
  width: 30%;
  margin: 19px 0;
  padding: 0 20px;
  color: #8a8a8a;
  position: relative;
}

.policy-expiry-edit-section .overlay-popup-action {
  z-index: 1;
  background: rgba(0, 0, 0, 0);
}

.edit-expiry-button {
  position: relative;
  top: -8px;
  float: right;
  width: 47px;
  height: 24px;
  border-radius: 3px;
  border: solid 1px #0065ff;
  margin: 5px 20px 0 0;
  font-size: 12px;
  font-weight: 400;
  color: #0065ff;
  line-height: 22px;
  background: #fff;
}

.policy-expiry-edit-section .popup {
  left: 0;
  width: 107%;
}

.policy-expiry-edit-section .round-btn {
  border-radius: 12px;
  border: solid 1px #212121;
  color: #212121;
  font-size: 14px;
  padding: 1px 10px;
  margin: 0 10px 7px 0;
}

.policy-expiry-edit-section .round-btn.selected {
  color: #fff;
  border: solid 1px #1596fe;
  background: #1596fe;
}

.quotes-upper-section label {
  font-weight: 300;
  color: #696969;
  cursor: pointer;
}

.plan-type-dropdown b,
.idv-dropdown b {
  color: #212121;
  font-weight: 400;
}

.vehical-details-section {
  float: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vehical-details-edit-section .popup .popup-footer {
  width: 70%;
  margin: 0 auto;
}

.edit-vehical-details-button {
  float: right;
  width: 47px;
  height: 24px;
  border-radius: 3px;
  border: solid 1px #0065ff;
  margin: 5px 20px 0 0;
  font-size: 12px;
  font-weight: 400;
  color: #0065ff;
  line-height: 22px;
  background: #fff;
}

.vehical-name {
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
}

.car-details span {
  color: #686868;
  font-size: 12px;
  position: relative;
  margin: 0 10px 0 0;
  padding-left: 15px;
}

.car-details {
  float: left;
}

.change-detail-btn {
  width: 66px;
  height: 24px;
  border-radius: 3px;
  border: solid 1px #0065ff;
  color: #0065ff;
  font-size: 12px;
  float: right;
  margin: 7px 0 0 0;
}

.vehical-details-edit-section .popup .popup-header {
  display: table;
  width: 100%;
  padding: 10px 23px 8px
}

.vehical-details-edit-section .popup .popup-header:after {
  display: none;
}

.vehical-details-edit-section .car-details {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.vehical-details-edit-section .car-details span:before {
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 20px;
  background: #000;
  left: 5px;
  top: 6px;
  position: absolute;
}

.vehical-details-edit-section .vehical-name {
  text-overflow: ellipsis;
  width: 320px;
  overflow: hidden;
  display: inline-block;
}

.details-section {
  margin: 25px 0;
  display: table;
  width: 100%;
  min-height: 34px;
}

.details-section label {
  float: left;
  width: 120px;
  font-size: 14px;
  color: #696969;
  font-weight: 300;
}

.details-section .detail {
  float: left;
  width: 69%;
  float: right;
}

.details-section .detail .react-datepicker__input-container {
  width: 100%;
}

.react-datepicker__day.react-datepicker__day--outside-month {
  color: #ccc;
}

.react-datepicker__day.react-datepicker__day--outside-month:hover {
  background: #fff;
  cursor: default;
}

.details-section .detail input {
  width: 100%;
}

.details-section .default-detail-view {
  border-bottom: solid 1px;
  color: #212121;
  padding-bottom: 7px;
  height: 30px;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
}

.details-section .default-detail-view .edit-icon {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggTWFjaW50b3NoIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhBRjExMDQ5NzY4QzExRTk4OUY3ODRFMkY3QzA0QUZCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhBRjExMDRBNzY4QzExRTk4OUY3ODRFMkY3QzA0QUZCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OEFGMTEwNDc3NjhDMTFFOTg5Rjc4NEUyRjdDMDRBRkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OEFGMTEwNDg3NjhDMTFFOTg5Rjc4NEUyRjdDMDRBRkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz45f2PeAAAA+ElEQVR42mL4//8/AyHs7u4umZmZaQHjMzEQAKmpqXq6urrPGBkZj1dUVOSCxBhBOnGBxMREDSkpqZQPHz4Ug9QBNTK8ePFCAadNSUlJWqKioteBCos9PT3BGkRERN6vXLnyIVabUlJSdISEhC5/+fIFzAeyGf7+/VvT0dHRC1T/A0MTugYQANr4sqmpSQ6o9heIz0SEhtfIGlA0gTQICgpi0yCDrAGuCRSsIA1fv35F1vAWmwawJmCoMElKSvYQqwGsqbS0NAGoEahO9AKahh+4ooOJg4Mj7PXr1wbQoJ1HSAPMT0xA/7Q/f/48sbm5OZmQBhAACDAAj5SrO+V415oAAAAASUVORK5CYII=) no-repeat 98% 5px;
  width: 20px;
  height: 20px;
  display: inline-block;
  position: absolute;
  right: 0;
  cursor: pointer;
}

.details-section .default-detail-view .detail-view {
  font-weight: 500;
  text-overflow: ellipsis;
  width: 260px;
  overflow: hidden;
}

.details-section .detail button {
  width: auto;
  height: 21px;
  border-radius: 10.5px;
  border: solid 1px #212121;
  color: #212121;
  font-size: 14px;
  line-height: 12px;
  margin-right: 20px;
  padding: 0 12px;
  background: #fff;
}

.details-section .detail button.selected {
  color: #fff;
  border: solid #1596fe 1px;
  background: #1596fe;
}

.multiselect-section {
  position: relative;
}

.multiselect-section span {
  border: solid 1px #4faaf8;
  border-radius: 20px;
  color: #2d86f7;
  width: auto;
  padding: 1px 20px 1px 10px;
  display: inline-block;
  margin: 0 6px 0 0;
  text-overflow: ellipsis;
  max-width: 186px;
  overflow: hidden;
  display: inline-block;
  position: relative;
}

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

.multiselect-section .close-icon {
  text-indent: 200px;
  overflow: hidden;
  width: 18px;
  height: 20px;
  display: inline-block;
  position: absolute;
  background: none;
  right: 0;
}

.multiselect-section .close-icon:before,
.multiselect-section .close-icon:after {
  position: absolute;
  right: 8px;
  top: 6px;
  content: ' ';
  height: 9px;
  width: 1px;
  background-color: #2d86f7;
}

.multiselect-section .close-icon:before {
  transform: rotate(45deg);
}

.multiselect-section .close-icon:after {
  transform: rotate(-45deg);
}

.multiselect-section ul.fuel-dropdown {
  position: absolute;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 rgba(224, 224, 224, 0.5);
  background-color: #ffffff;
  width: 254px;
  padding: 10px 20px;
  height: 181px;
  overflow-y: scroll;
  border-top: solid #2d86f7;
  z-index: 1;
  top: 26px;
}

.multiselect-section ul.fuel-dropdown a {
  color: #212121;
  font-size: 14px;
  margin: 5px 0 12px 0;
  display: block;
}

.details-section .detail input {
  border: none;
  border-bottom: solid 1px;
  color: #212121;
  padding-bottom: 7px;
  font-weight: 500;
  font-size: 14px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjMyREQ3NUFFNzUwQjExRTk4OUY3ODRFMkY3QzA0QUZCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjMyREQ3NUFGNzUwQjExRTk4OUY3ODRFMkY3QzA0QUZCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzJERDc1QUM3NTBCMTFFOTg5Rjc4NEUyRjdDMDRBRkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzJERDc1QUQ3NTBCMTFFOTg5Rjc4NEUyRjdDMDRBRkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7RQW3IAAABFElEQVR42mKxsbFhgAImIF4HxL5AfBqIXYD4C1SOB4j3ALEpEG8G4iAg/gfTBANyQOwPxLpALAPEFkhyFlAxXagaOZgECxCLAfFEJMFrQPwNiLuA+C1UTBgqdg3KXwrED4E4H2RAMBBHMGACQzT+bSS2FRQfBnmBFU3hASBWwGKgAlQOGbCyQBkgp56HstWB+CCS0xmQvKIODUy4C2EGnAJiLygbFB75ULYnlN6ORW4beiyQBWAu0AHimUgBBGPLQukALHIgPTtgBlwB4vQB9YIINOnCUiSMbQClf2ORE6GqC94gxa8vEhuWyLDJFcEM+A/EXECsBJXgR2JLQGlsciA9/xmB2dkQaqoQia5/B8TOAAEGAISTNIMiiuQTAAAAAElFTkSuQmCC) no-repeat 98% 0px;
}

.vehical-details-edit-section .popup {
  top: -8px;
}

.other-vehical-details {
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
  width: 354px;
  color: #8a8a8a;
  margin: 1px 0 0 0;
  text-overflow: ellipsis;
  width: 375px;
  overflow: hidden;
}

.other-vehical-details span {
  margin-right: 5px;
  padding-left: 15px;
  position: relative;
}

.other-vehical-details span:before {
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 20px;
  background: #000;
  left: 5px;
  top: 6px;
  position: absolute;
}

.other-vehical-details span:nth-child(1):before {
  display: none;
}

.other-vehical-details span:nth-child(1) {
  padding: 0;
}

.quotes-upper-section {
  width: 100%;
  /*display:table;*/
  padding: 10px 0;
}

.quotes-filter-section {
  float: left;
  width: 44%;
}

.insurer-dropdown,
.plan-type-dropdown,
.idv-dropdown,
.addons-btn {
  float: left;
  padding: 0;
  height: 45px;
  border-radius: 3px;
  box-shadow: 0 2px 9px 0 rgba(222, 222, 222, 0.3);
  border: solid 1px #dde2e2;
  background-color: #ffffff;
  margin-right: 15px;
  min-width: 153px;
  position: relative;
  cursor: pointer;
}

.tp-view .insurer-dropdown {
  min-width: 130px;
}

.insurer-dropdown,
.addons-btn {}

.quotes-upper-section .menu-header.user-selected {
  border: solid #2684ff 1px;
  padding: 11px 12px;
  border-radius: 3px;
}

.plan-type-dropdown.user-selected {
  border: solid #2684ff 1px;
  border-radius: 3px;
}

.plan-type-dropdown.user-selected b {
  color: #2684ff;
}

.quotes-upper-section .user-selected label,
.quotes-upper-section .user-selected span,
.quotes-upper-section .user-selected span.wrapper em {
  color: #2684ff;
}

.user-selected .wrapper {
  border: solid #2684ff 1px;
}

.quotes-upper-section .user-selected .popup-header span.wrapper {
  border: solid #696969 1px;
}

.quotes-upper-section .user-selected .popup-header span.wrapper em {
  color: #696969;
}

.insurer-dropdown .menu-header,
.idv-dropdown .menu-header,
.plan-type-dropdown .menu-header,
.addons-btn .menu-header {
  padding: 12px 12px;
}

.plan-type-dropdown div.menu-header,
.idv-dropdown div.menu-header {
  padding: 12px 12px;
  z-index: 1;
  position: relative;
}

.insurer-dropdown label {
  float: left;
}

.dropdown {
  border: solid transparent;
  height: 0;
  width: 0;
  pointer-events: none;
  border-color: rgba(0, 0, 0, 0);
  border-top-color: #000000;
  border-width: 4px;
  margin-left: -4px;
  float: right;
  margin-top: 10px;
}

.insurer-dropdown {
  width: 13%;
}

.plan-type-dropdown {
  width: 26%;
}

.plan-type-dropdown {
  float: left;
  position: relative;
}

.plan-type-dropdown .options {
  position: relative;
}

.plan-type-dropdown .options:nth-child(2) .filter-options,
.plan-type-dropdown .options:nth-child(3) .filter-options {
  padding-top: 10px;
  padding-bottom: 28px;
}

.plan-type-dropdown .options span {
  font-size: 12px;
  width: 100%;
  position: absolute;
  bottom: 12px;
  letter-spacing: -0.3px;
  color: #b9b9b9;
  text-align: center;
  z-index: -1;
}

.idv-dropdown {
  float: left;
  width: 26%;
  position: relative;
}

.idv-dropdown .menu-header {
  background: none;
  border: none;
  height: 100%;
  width: 100%;
  text-align: left;
  padding: 12px 12px;
}

.idv-dropdown button[disabled].menu-header {
  cursor: no-drop;
}

.addons-btn {
  float: left;
  width: 31%;
  position: relative;
  margin: 0;
  transition: all ease 1s 0.2s
}

.chat-mob-btn {
  transition: all ease 1s 0.2s
}

;

.addons-btn .overlay-popup-action {
  background: none;
}

.quotes-left-section {
  float: left;
  width: 67%;
  position: relative;
  clear: both;
}

.quotes-sidebar-section {
  float: right;
  width: 31%;
  position: relative;
}

.quote-tile-actual .quote-tile-inner,
.quote-tile-dummy {
  border-radius: 8px;
  box-shadow: 0 6px 16px 0 rgb(52 105 203 / 16%);
  /* border:solid 1px #fff; */
  background-color: #ffffff;
  margin: 0 0 16px 0;
  display: table;
  width: 100%;
  position: relative;
}

.quote-tile-actual.heading-show {
  /* position:relative; */
  /* margin: 0px 0 16px 0; */
}

.quotes-heading-attached {
  /* position:absolute; */
  /* top:-30px; */
}

.quote-tile-dummy .mid-section {
  display: inline-block;
  width: 46%;
  min-height: 95px;
  margin: 20px 0 0 0
}

.quote-tile-dummy .logo-image,
.quote-tile-dummy .line,
.quote-tile-dummy .button {
  margin: 0 0 16px 0;
  display: table;
  width: 20%;
  position: relative;
  background: #f6f7f8;
  background-image: linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
  background-repeat: no-repeat;
  background-size: 800px 104px;
  display: inline-block;
  position: relative;
  min-height: auto;
  height: 90px;
  padding: 0;
  margin: 20px 35px 20px 20px;
  border: none;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-name: placeholderShimmer;
  -webkit-animation-timing-function: linear;
}

@-webkit-keyframes placeholderShimmer {
  0% {
    background-position: -1068px 0;
  }

  100% {
    background-position: 1068px 0;
  }
}

.quote-tile-dummy .line {
  height: 12px;
  width: 100%;
  margin: 14px 0 0 0;
  vertical-align: top;
}

.quote-tile-dummy .button {
  width: 147px;
  height: 42px;
  border-radius: 4px;
  margin: 22px;
}

.quote-tile-dummy .last-section {
  display: inline-block;
  vertical-align: top;
  float: right;
  margin: 20px 0 0 0;
}

/*.quote-tile-inner{overflow:hidden;}*/
.quotes-ui-section #newCarIRDABannerSlider.owner-cover-banner {
  overflow: hidden;
  width: 645px;
  margin: 5px auto 15px;
  border: solid 1px #ff887b;
  background: rgb(251, 245, 245);
  height: auto;
  padding: 7px 20px 10px;
  box-shadow: 0px 1px 5px 4px #ececec;
  border-radius: 4px;
}

.quotes-ui-section #newCarIRDABannerSlider.owner-cover-banner li {
  width: 100%;
  height: auto;
  text-align: center;
  line-height: 22px;
  background: none;
  color: #212121;
  font-size: 12px;
  font-weight: 400;
}

.quotes-ui-section #newCarIRDABannerSlider {
  position: relative;
  overflow: hidden;
  width: 85%;
  margin: 0 auto 15px;
  border: dashed 1px #2196F3;
  background: #edf1f4;
  height: 100px;
  box-shadow: 0 1px 6px 0 rgba(219, 219, 219, 0.9);
  border: solid 1px #5893f7;
  border-radius: 4px;
}

.quotes-ui-section .control_next,
.quotes-ui-section .control_prev {
  position: absolute;
  top: 35%;
  z-index: 1;
  display: block;
  padding: 1px 10px;
  width: 30px;
  height: 30px;
  background: #edf1f4;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
  opacity: 1;
  cursor: pointer;
  right: 10px;
  border-radius: 4px;
}

.quotes-ui-section .control_prev {
  left: 10px;
}

.quotes-ui-section #newCarIRDABannerSlider ul li {
  position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100px;
  background: rgba(224, 236, 255, 0.2);
  text-align: center;
  line-height: 24px;
}

.quotes-ui-section #newCarIRDABannerSlider ul li div {
  color: #000;
  font-size: 14px;
  font-weight: 500;
  padding: 0;
  width: 85%;
  margin: 10px auto 0;
}

.quotes-ui-section #newCarIRDABannerSlider ul li b {
  font-size: 12px;
  color: #212121;
}

.quotes-ui-section #newCarIRDABannerSlider ul li span {
  color: rgba(42, 42, 42, 0.7);
  width: 85%;
  margin: 0px auto 0;
  display: block;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}

.plan-feature-upper ul li {
  float: left;
  color: #0065FF;
  font-size: 13px;
  position: relative;
  margin-right: 15px;
  padding-left: 15px;
  font-weight: 500;
}
.plan-feature-upper .tp-inspection{
  color: #FF5630;
  padding-left: 25px;
}
.plan-feature-upper ul li:before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 20px;
  background: #0065FF;
  left: 2px;
  top: 6px;
  position: absolute;
}

.plan-feature-upper ul li.trophy-icon,
.plan-feature-upper ul li.phone-icon {
  padding-left: 20px;
}

.plan-feature-upper ul li.trophy-icon:before {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAABmJLR0QA/wD/AP+gvaeTAAABVElEQVQokW2PPS+DYRSGr/O8fRrRYhAkNtompiYGH5v/gIUOEiFhovFjKpIOSDQhJP6BkHRgwEZ8bUiwNFrat+9zDG3jJb2Wk/vkPvc5RwDKe8k86CItxGtUDfjtaT4297hkmqJCCJvOYtNZ/qBSAZDS9kivsf6hwJTpGyMyNI3pHgbAlR6pPx3h3i4QOKn7dtZ4UT9nRI4bKXW8gUmqxSzVYhavfxxcrbmBQ8/WNo0qWq9FdgDfvV8SvJ4RSc0TSc0TvJziPq4Bql8qO4gYI+iDZ/0V4B5Aoj2IjSO2C2ys9cFth3HrwI0AlAvJUWAZ1VXaIZJTJ1vxzN2VAYjN3V8KlER1HdCQ1YmwJlCKZ+6uAOR/WKWQmlB1B4CIupnOzNN5261hPvcShXIhsd/2urD43k0kA8M1Qmez9Rz4Nt29cPPR8pjwgPNYDpkBBj1b2wh7fgAxznnayy/SogAAAABJRU5ErkJggg==) no-repeat 0 0;
  width: 15px;
  height: 15px;
  border-radius: 0;
  top: 3px;
  left: 0;
}

.plan-feature-upper ul li.phone-icon:before {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAFVBMVEUAAAAAZP8AZv8AZv8AZf8AZf////+KHrbVAAAABXRSTlMAQEuA+K1V3sgAAAABYktHRAZhZrh9AAAAJUlEQVQI12NgwApUQkNDncAsYyimPssUaEcwVEwQLgtjIVyAAQDs2QjWZ+2/CgAAAABJRU5ErkJggg==) no-repeat 0 0;
  width: 15px;
  height: 19px;
  border-radius: 0;
  top: 0px;
  left: 0;
}

.plan-feature-upper ul li.tp-inspection:before {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAQCAYAAAD0xERiAAAABmJLR0QA/wD/AP+gvaeTAAAB/UlEQVQ4jaWTzWsTQRiHn3eym/pRBalYEaWHVrSiZhfFv0ArIooK2dSbPSseJGhBkVIvouBR0JO3ps1B8CIFLYieAk2aEqElKSLiQbEHP0m7ybweVvqhcSs4x/f345l5ZhjhH5cOYXh9sAuR+8B36vUBeTL7dWVHYgFp7ySwD/iMoMBD4AvQDtRRewpMT9S2L5zY4xjdJqPluwAapI6DTKK4GNqj3FYlNz0R5V42HmZFlxTGyuPAeFw9HgboOb8LgITtlHy58F8wkqFF3atYM6yBf7T1jk4FwmWYZlJ9WLML4S1iN6MaoiC5yjuFy5zoScrT2rO/GgRe9JqaTieQ6rCMTV1fVUh7FzBmBts8jJgZRLe0JIVSwNG0o5lUH1r1EDvSsthbLDDjb5Rc6XncbWjg4WDlHsJWMG804/UupVYbAAyhUJrQzKFuGZ2ciwOK9vs7sPoeWADaVmTzKFkwrxB7A5UHGN0Zq8lCs4FraujuvTRmO0jKRVRuAnUAyRdren7/NRmpfFhL07DOCrAdqoO4MoDKAZQScAlAT+/ZBG1N7U/5cbBI8+yRDtzFT7/NF4E5lDuYxEu0eQV1b0HjGEbrf3SlUcQ6GVEQAi/6vKHtZL2GAPxIKC5nJD/1aK0T/dLMOgKqMIiyQR5Pf1xd8Ls18G8vT+w3IGztyPxPg/nIXa0I0LMAAAAASUVORK5CYII=) 0 0 no-repeat;
  width: 19px;
  height: 19px;
  border-radius: 0;
  margin-right: 3px;
  top: 0px;
  left: 0;
}

.tp-inspection {
  list-style: none !important;
}

.tp-inspection:hover .custom-tooltip{
  display: block;
}
/* .tp-inspection:before {
  display: none;
} */

.custom-tooltip {
    display: none;
    position: absolute;
    transition: all .3s;
    left: 0;
    top: 30px;
    width: 100%;
    min-width: 400px;
    background: rgba(0,0,0,.8);
    padding: 10px;
    border-radius: 8px;
}

.custom-tooltip ul {
    margin: 0;
    padding: 0;
}

.custom-tooltip ul li {
    color: #fff;
}

.custom-tooltip:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid rgba(0,0,0,.8);
    top: -10px;
    left: 40%;
    position: absolute;
}

.custom-tooltip ul li:before {
    background: #fff;
}

.show-idv-section.match span .check{
  z-index: 1 !important;
}


.badge {
  position: absolute;
  top: -6px;
  right: -30px;
  background: #FF5630;
  padding: 1px 6px 2px 6px;
  color: #fff;
  border-radius: 100px;
  line-height: 1;
  /* font-weight: 500; */
  font-size: 10px;
}

.tp-inspection .info-icon{
  margin-left: 3px;
}

/* .plan-feature-lower ul li{float:left;list-style-type:disc;display:list-item;width:auto;list-style-position:outside;margin:0 10px 0 20px;padding:0 0px 0 0;font-size:12px;color:#696969;letter-spacing:-0.2px;position:relative;cursor:help;} */
.plan-feature-lower ul li {
  float: left;
  display: list-item;
  width: auto;
  list-style-position: outside;
  margin: 0 5px 5px 0;
  font-size: 12px;
  color: rgb(37 56 88 / 80%);
  letter-spacing: -.2px;
  position: relative;
  cursor: help;
  border: 1px solid #dfe1e6;
  padding: 2px 8px;
  border-radius: 4px;
}

.plan-feature-upper {
  width: 100%;
  display: table;
  border-bottom: solid 1px #e6efff;
  padding: 8px;
  border-radius: 6px;
  position: relative;
  z-index: 2;
  background: #fff;
}

.plan-feature-lower {
  background: #f7f7f7;
  display: table;
  width: 100%;
  position: relative;
  z-index: 1;
  border-top: solid 1px #e6effd;
  padding: 8px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

/*for cashless garages*/
.plan-feature-lower.Special-Claim-Benefits {
  background-color: #f4f5f7;
  padding-left: 87px;
  position: relative;
  z-index: 1;
}

.plan-feature-lower.Special-Claim-Benefits-hide {
  background-color: transparent;
  border: 0;
  position: relative;
  z-index: 1;
}

.plan-feature-lower.Special-Claim-Benefits ul li {
  color: #172b4d;
}

.plan-feature-lower li.claim-tags {
  list-style: none;
  margin-left: 0px;
  position: absolute;
  left: -3px;
  margin-right: 0;
  top: 6px;
  z-index: 0;
  cursor: text;
}

.plan-feature-lower li.claim-tags span {
  width: 88px;
  height: 17px;
  line-height: 17px;
  color: #ffffff;
}

/*for cashless garages ends*/

/*new addons section for tp and lltp*/
.newaddons-section {
  display: inline-block;
  width: 53%;
  vertical-align: top;
  padding: 10px;
  min-height: 102px;
}

.newaddons-section .heading {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.19;
  letter-spacing: normal;
  text-align: left;
  color: #515151;
  margin-bottom: 3px;
  cursor: help;
}

.tp-tile .logo-image {
  padding-top: 30px;
}

.newaddons-section .quotes-zerodep-section {
  margin: 0;
}

.newaddons-section .quotes-zerodep-section>div {
  width: 190px;
  margin: 0 auto;
  padding-top: 30px;
}

.selected-addons .included-addons li.lltp_addon {
  background-image: none;
}

/*new addons section for tp and lltp ends*/
.quote-tile-inner {
  position: relative;
}

.logo-image {
  display: inline-block;
  width: 23%;
  vertical-align: top;
  /* padding-bottom:200px; */
  /* margin-bottom:-200px; */
  position: relative;
  /* min-height:190px; */
  padding-top: 14px;
  padding-left: 8px;
  padding-right: 8px;
}

.show-idv-section::before,
.show-idv-section::after,
.addons-section::after,
.newaddons-section::before,
.newaddons-section::after {
  content: "";
  display: block;
  width: 1px;
  background: #e6effd;
  position: absolute;

  top: 0;
  bottom: 0;
  display: none;
}

.show-idv-section::before,
.newaddons-section::before {
  left: 23%;
}

.show-idv-section::after {
  left: 46%;
}

.addons-section::after,
.newaddons-section::after {
  left: 76%;
}

/* .logo-image input[type="checkbox"]{display:none;} */
.logo-image img {
  margin: 0 auto;
  display: block;
  max-width: 150px;
  max-height: 70px
}

.show-idv-section.match span .check {
  width: 16px;
  height: 16px;
  background-color: #36b37ead;
  border-radius: 50%;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background-image: url(https://static.pbcdn.in/car-cdn/rct/images/white-tick.svg);
  background-repeat: no-repeat;
  background-size: 11px auto;
  background-position: 2px 4px;
  z-index: 2;
}

/*idv tooltip*/
.show-idv-section.match span .check .edit_tooltip {
  position: absolute;
  left: -86px;
  top: 152%;
  right: auto;
}

.show-idv-section.match span .check .edit_tooltip .tooltip {
  width: auto;
  right: auto;
  left: 0;
  top: 0;
  background: #36b37ead;
}

.show-idv-section.match span .check .edit_tooltip .tooltip:before {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 10px solid #36b37ead;
  border-top: none;
  top: -10px;
  left: 86px;
}

.show-idv-section {
  display: inline-block;
  width: 23%;
  vertical-align: top;
  /* padding-bottom: 250px; */
  /* margin-bottom: -250px; */
  padding-left: 20px;
  padding-top: 14px;
}

.show-idv-section label {
  color: #b0b0b0;
  display: block;
  padding: 0px 7px 0px 0;
  vertical-align: middle;
  color: rgb(37 56 88 / 70%);
  font-size: 12px;
}

.show-idv-section span {
  color: #212121;
  display: inline-block;
  vertical-align: middle;
  padding: 0px;
  font-size: 18px;
  padding: 0px 19px 0 0;
  position: relative;
}

.show-idv-section span.not-applicable {
  font-size: 12px;
  line-height: 32px;
}

.addons-section {
  display: inline-block;
  width: 30%;
  vertical-align: top;
  /*border-left:solid 1px #e6effd;border-right:solid 1px #e6effd;*/
  /* padding-bottom:250px; */
  /* margin-bottom:-250px; */
  padding-left: 20px;
  padding-top: 12px;
  color: #212121;
  font-size: 12px;
}

.addons-section .zeroDep div div {
  color: rgb(37 56 88 / 70%);
  font-size: 12px;
}

.addons-section .zeroDep div span {
  display: inline-block;
  margin: 3px 0 1px;
}

.quotes-zerodep-section {
  margin: 0 0 7px;
}

/*for clearfix issue*/
.quotes-zerodep-section:after {
  content: "";
  display: block;
  clear: both;
}

.addons-section .zeroDep div.included {
  width: 70px;
  height: 18px;
  border-radius: 12px;
  background-color: #e1e1e1;
  font-size: 10px;
  float: right;
  margin: 5px 20px 0 0;
  padding: 1px 6px 0 7px;
  color: #696969;
  font-weight: 500;
}

.addons-section .zeroDep div.included .wrapper {
  font-size: 7px;
  padding: 0;
  background: #696969;
  width: 12px;
  height: 12px;
  display: inline-block;
  top: 0px;
  color: #fff;
  text-align: center;
}

.addons-section .zeroDep div.included .wrapper.newinfo {
  background: #fff;
  margin-top: 0;
}

.addons-section .zeroDep div.included .wrapper .tooltip {
  font-size: 11px;
  top: 100%;
  left: -115px;
}

.addons-section .zeroDep div.included .wrapper .tooltip::after {
  border-left: solid transparent 10px;
  border-right: solid transparent 10px;
  border-top: solid #7f8c8d 10px;
  top: -7px;
  content: " ";
  height: 0;
  left: 49%;
  margin-left: -13px;
  position: absolute;
  width: 0;
  top: -12px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #818c8c;
  border-width: 6px;
  margin-left: -5px;
}

.quotes-zerodep-section .not-applicable span {
  color: #b0b0b0;
  margin: 0 0 11px;
  font-size: 14px;
  display: block;
}

.quotes-zerodep-section .not-applicable span+span {
  color: #212121;
  font-size: 12px;
}

.addons-section .zeroDep div.included .wrapper em {
  color: #fff;
}

.addons-section .zeroDep a {
  color: #0d93fe;
  text-transform: uppercase;
  float: right;
  font-size: 11px;
  margin: 7px 15px 0 0;
}

.addons-section .zeroDep a.remove {
  color: #e44736;
}

.buy-now-section {
  display: inline-block;
  width: 23%;
  text-align: center;
  position: relative;
}

.buy-now-section .irda-amount {
  display: inline-block;
  padding: 0;
  vertical-align: top;
  margin: 6px 10px 0 0;
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  height: 18px;
  display: block;
  text-align: center;
  width: 100%;
}

.buy-now-section .special-price .irda-amount {
  width: 50%;
}

.buy-now-section .irda-amount:before {
  position: absolute;
  width: 34%;
  height: 1px;
  content: "";
  left: 48%;
  top: 61%;
  /*transform:rotate(-4deg);*/
  background: #546e7a;
  margin: 0 0 0 -15%;
}

.buy-now-section .irda-amount.save_amount:before {
  display: none;
}

.buy-now-section .save_extra {
  font-size: 12px;
  font-weight: 500;
  color: #4FCE5D;
  margin-top: 5px;
}

.buy-now-section .special-price-btn {
  background: #61bb41;
  width: auto;
  display: inline-block;
  color: #fff;
  font-size: 9px;
  text-transform: uppercase;
  padding: 2px 5px;
  vertical-align: top;
  margin: 8px 0 0 0;
  position: absolute;
}

.buy-now-btn {
  width: 147px;
  height: 42px;
  background: #ff5630 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAALCAYAAACZIGYHAAAAAXNSR0IArs4c6QAAAKpJREFUKBVjYCAB/P//X4YE5ZhKgQa0AzEIRGLKEikC1OwCxM+A+AMQRxCpDVMZULMe1JB/QDoYpoIRyJEHcl7DBIigtYFqDgAxBxAHMjIybgIZ8h/I+QzEpABuqOJ/QDqEBUhsA2JSDZEC6rEF4ttAfIwB6BA2IINoAFRfA8QfgfgaEIMMIw0ANZVBDbgJpElPM0BNRUAMAqAoBkUG6QCoUQJkAhCIoesGAEzFcugHApaCAAAAAElFTkSuQmCC) no-repeat 90% 15px;
  color: #fff;
  border: none;
  border-radius: 4px;
  font-size: 18px;
  margin: 20px auto 30px auto;
  transition: all ease 0.5s;
}

.breakup-link {
  position: absolute;
  bottom: 7px;
  width: 100%;
  text-align: center;
  right: 0;
  font-size: 12px;
  color: #0d93fe;
}

.gareges-link {
  color: #1796ff;
  width: 100%;
  text-align: center;
  font-size: 12px;
  position: absolute;
  top: 70px;
}

.text-underline {
  text-decoration: underline !important;
}

.overlay-popup-action,
.overlay-popup-action-tracking {
  opacity: 0.4;
  background-color: #000000;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
}

.overlay-popup-action-tracking {
  z-index: 99;
}

.popup {
  background: #fff;
  padding: 0;
  position: absolute;
  box-shadow: 0px 1px 4px 0 #6f6f6f;
  border-radius: 3px;
  z-index: 9;
  width: 100%;
  top: 0;
}

.popup div {
  padding: 0;
}

.popup .popup-header {
  font-size: 14px;
  padding: 15px 23px;
  border-bottom: solid #e4e4e4 1px;
  color: #4f4f4f;
  position: relative;
}

.popup .btn.clear {
  color: #2684ff;
  margin: 2px 0 0 0;
  background: #fff;
  border: none;
  text-transform: uppercase;
  position: absolute;
  right: 40px;
  top: 13px;
  z-index: 2;
}

.popup .popup-header:after {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  pointer-events: none;
  border-color: rgba(0, 0, 0, 0);
  border-bottom-color: #000000;
  border-width: 4px;
  margin-left: -4px;
  margin: 5px 0 0 0;
  float: right;
}

.popup .popup-body {
  padding: 0px 23px 0;
  position: relative;
}

.popup .popup-body b {
  color: #212121;
  font-weight: 500;
  font-size: 14px;
  margin: 15px 0 14px 0;
  display: table;
  width: 100%;
}

.popup .popup-body b small {
  font-size: 12px;
  font-weight: normal;
  line-height: normal;
}

.popup .popup-body b small.imp {
  color: red
}

.popup .clam-yes-no .claim-yes-button {
  background: none;
  border: solid 1px #212121;
  border-radius: 20px;
  padding: 0 15px;
  color: #212121;
  margin: 0 12px 0 0;
  width: 52px;
}

.popup .clam-yes-no .claim-yes-button.active,
.popup .ncb-options .ncb-option.selected-ncb {
  color: #fff;
  border: solid #1596fe 1px;
  background: #1596fe;
}

.popup .claim-content {
  margin: 20px 0 0 0;
}

.popup .claim-content b {
  color: #212121;
  font-weight: 500;
  font-size: 14px;
  margin: 0 0 14px 0;
  display: table;
  width: 100%;
}

.popup .ncb-options .ncb-option {
  background: none;
  border: solid 1px #212121;
  border-radius: 20px;
  padding: 0 15px;
  color: #212121;
  margin: 0 12px 10px 0;
  width: 52px;
}

.popup .popup-footer {
  padding: 10px 20px 20px;
  text-align: center;
  width: 100%;
  display: table;
}

.popup .popup-footer .close-btn {
  background: none;
  color: #ed4634;
  border: solid #ed4634 1px;
  width: 134px;
  height: 36px;
  border-radius: 3px;
  margin: 0 10px 0 0;
  float: left;
  font-size: 12px;
}

.popup .popup-footer .close-btn:hover {
  color: #fc4804;
  border: solid #fc4804 1px;
}

.popup .popup-footer .update-btn {
  float: right;
}

.popup .popup-footer .update-btn,
.save-btn {
  background: #ff5630;
  color: #fff;
  border: solid #ff5630 1px;
  width: 134px;
  height: 36px;
  border-radius: 3px;
  font-size: 12px;
}

.retry-btn {
  width: 200px;
  height: 42px;
  border-radius: 3px;
  background-color: #fc4804;
  border: none;
  color: #fff;
  margin: 0 auto;
  display: table;
}

.discount-section .action-btn {
  border-top: solid 1px #dadada;
  padding: 15px 0 0 25px;
  margin: 10px 0 0 0;
  width: 114%;
  margin: 15px -7% 0;
}

.action-btn .submit-btn {
  background: #ff5630;
  color: #fff;
  border: solid #ff5630 1px;
  width: 134px;
  height: 36px;
  border-radius: 3px;
}

.policy-expiry-edit-section .popup-body div {
  margin: 0;
  width: 100%;
}

.policy-expiry-edit-section .popup-body #existing_policy,
.policy-expiry-edit-section .popup-body #exisiting_insurer {
  position: relative;
}

.policy-expiry-edit-section .popup-body label {
  color: #696969;
  font-size: 14px;
  float: left;
  margin: 12px 0 10px 0;
  ;
  float: left;
  font-weight: 300;
}

.policy-expiry-edit-section .popup-body label+div {
  display: inline-block;
}

.policy-expiry-edit-section .popup-body div.clam-yes-no {
  width: 50%;
  padding: 25px 13px 10px;
  display: inline-block;
}

.policy-expiry-edit-section .popup-body div+div label {
  width: 41%;
}

.policy-expiry-edit-section .popup-body div.react-datepicker__input-container {
  float: right;
  margin: 0;
  width: 55%;
  margin: 20px 0 5px 0;
}

.policy-expiry-edit-section .popup-body div.react-datepicker__input-container input {
  width: 100%;
  border: none;
  border-bottom: solid #bdbdbd 1px;
  color: #212121;
  padding-bottom: 7px;
  font-weight: 500;
  font-size: 14px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjMyREQ3NUFFNzUwQjExRTk4OUY3ODRFMkY3QzA0QUZCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjMyREQ3NUFGNzUwQjExRTk4OUY3ODRFMkY3QzA0QUZCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzJERDc1QUM3NTBCMTFFOTg5Rjc4NEUyRjdDMDRBRkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzJERDc1QUQ3NTBCMTFFOTg5Rjc4NEUyRjdDMDRBRkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7RQW3IAAABFElEQVR42mKxsbFhgAImIF4HxL5AfBqIXYD4C1SOB4j3ALEpEG8G4iAg/gfTBANyQOwPxLpALAPEFkhyFlAxXagaOZgECxCLAfFEJMFrQPwNiLuA+C1UTBgqdg3KXwrED4E4H2RAMBBHMGACQzT+bSS2FRQfBnmBFU3hASBWwGKgAlQOGbCyQBkgp56HstWB+CCS0xmQvKIODUy4C2EGnAJiLygbFB75ULYnlN6ORW4beiyQBWAu0AHimUgBBGPLQukALHIgPTtgBlwB4vQB9YIINOnCUiSMbQClf2ORE6GqC94gxa8vEhuWyLDJFcEM+A/EXECsBJXgR2JLQGlsciA9/xmB2dkQaqoQia5/B8TOAAEGAISTNIMiiuQTAAAAAElFTkSuQmCC) no-repeat right 0;
}

.policy-expiry-edit-section .popup-body label+a,
.policy-expiry-edit-section .popup-body span a {
  float: right;
  color: #212121;
  border-bottom: solid #bdbdbd 1px;
  font-weight: 500;
  width: 54.4%;
  position: relative;
  padding-bottom: 7px;
  margin: 12px 0 5px 0;
  letter-spacing: -0.2px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  padding-right: 10px;
}

.policy-expiry-edit-section .popup-body div span {
  white-space: nowrap;
  text-overflow: ellipsis;
}

.policy-expiry-edit-section .popup-body div span.wrapper {
  white-space: inherit;
}

.policy-expiry-edit-section .popup-body div span.wrapper .tooltip {
  width: 300px;
}

.policy-expiry-edit-section .popup .popup-footer .close-btn {
  float: inherit;
  margin: 12px 10px 7px 0
}

.policy-expiry-edit-section .popup-body a:focus {
  border-bottom: solid #d9e3fc 1px
}

.policy-expiry-edit-section .popup-body label+a:after,
.policy-expiry-edit-section .popup-body span a:after {
  box-sizing: border-box;
  height: 8px;
  width: 8px;
  border-style: solid;
  border-color: #696969;
  border-width: 0px 2px 2px 0px;
  transform: rotate(45deg);
  transition: border-width 150ms ease-in-out;
  content: "";
  position: absolute;
  right: 1px;
  top: 5px;
}

.policy-expiry-edit-section .popup-body a.prev-insurer-select-item:after {
  display: none;
}

.policy-expiry-edit-section .popup-body div.prev-insurer-select {
  /*	border:solid 1px #f5f4f4;*/

  border: solid 1px #e0dfdf;
  margin: 0;
  width: 54%;
  float: right;
  position: absolute;
  background: #fff;
  z-index: 1;
  right: 0;
  top: 91%;
  box-shadow: 0 3px 24px 0 rgba(204, 204, 204, 0.3);
  padding: 0px;
  max-height: 215px;
  overflow: auto;
  /* overflow: hidden; */


}

#existing_policy::after,
#existing_policy~div::after {
  content: "";
  display: block;
  clear: both;
}

.policy-expiry-edit-section .popup-body a.prev-insurer-select-item {
  float: left;
  width: 100%;
  color: #6f6f6f;
  font-size: 12px;
  font-weight: 300;
  margin: 0 0 10px 0;
  border-bottom: solid 1px #ececec;
  padding: 7px 10px;
}

/**********Calender CSS here**********/
.react-datepicker {
  border-radius: 2.3px;
  box-shadow: 0 3px 24px 0 rgba(204, 204, 204, 0.3);
  background-color: #ffffff;
  border: none;
  left: -60px;
  top: -9px;
  padding: 10px;
}

.react-datepicker__tether-element-attached-top .react-datepicker__triangle,
.react-datepicker__tether-element-attached-top .react-datepicker__triangle::before {
  display: none;
}

.react-datepicker__tether-element-attached-bottom .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before {
  display: none;
}

.react-datepicker__header {
  background-color: #ffffff;
  border: none;
}

.react-datepicker__current-month {
  margin-top: 0;
  color: #03A9F4;
  font-weight: 700;
  font-size: 12px;
  font-weight: 300;
}

.react-datepicker__day-name {
  color: #9fa0a4;
  width: 28px;
  line-height: 32px;
  font-size: 9px;
}

.react-datepicker__day {
  color: #212121;
  width: 32px;
  line-height: 32px;
  margin: 0;
  float: left;
  border-radius: 0;
}

.react-datepicker__month {
  border: solid 1px #e5e5e5;
  margin: 0;
  border-right: none;
  border-bottom: none;
  display: table;
  margin: 0 auto;
}

.react-datepicker__day {
  border-right: solid 1px #e5e5e5;
  border-bottom: solid 1px #e5e5e5;
}

.react-datepicker__day--selected,
.react-datepicker__day--in-range,
.react-datepicker__day--selected:hover,
.react-datepicker__day--in-range:hover {
  background-color: #e5e5e5;
  border-radius: 0;
}

.react-datepicker__navigation--previous {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjMyREQ3NUIyNzUwQjExRTk4OUY3ODRFMkY3QzA0QUZCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjMyREQ3NUIzNzUwQjExRTk4OUY3ODRFMkY3QzA0QUZCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzJERDc1QjA3NTBCMTFFOTg5Rjc4NEUyRjdDMDRBRkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzJERDc1QjE3NTBCMTFFOTg5Rjc4NEUyRjdDMDRBRkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6x91mZAAAAyElEQVR42mLcv38/AxpIAuK/QLwGiL+iSzKh8aWA2BuIbYCYhwELQNYgC8RzgTgIiEWA+B8+DaJAPBOIPYB4HRBnAvFrbBpYoM6YAcSeQHwPiBcBMSsQqwMxI5JaEPsjSMNEIPaFCoIUNkBpdP9xAvF1dEGQu/8jmYgO/oNsyAdidqgtP4G4FogvATEXLic9A+JkqNtBnk4A4mwgfowvlEAhkgbEO4A4BBoIooTi4THUJlCwvsPiaXiwIgOQ87ZCPf8FmwaAAAMAJFglZ2gYEj8AAAAASUVORK5CYII=) no-repeat 0 0;
  border: none;
  width: 14px;
  height: 14px;
}

.react-datepicker__navigation--next {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA0dpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTg5MTE1REM3NTI1MTFFOTg5Rjc4NEUyRjdDMDRBRkIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTg5MTE1REI3NTI1MTFFOTg5Rjc4NEUyRjdDMDRBRkIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDphN2NhNDg0Mi02NGRhLTJmNGYtODAzNi03N2MyZWNjODU1YzgiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDphN2NhNDg0Mi02NGRhLTJmNGYtODAzNi03N2MyZWNjODU1YzgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5gUGvSAAAAxklEQVR42mLcv38/AxbADcQhQMwMxPOQJZgYsAMeILYBYm8gliJGwz8gFgHiICCeC8SyhDS8BuJMIF4HxB5APBOIRUESLFAr+YH4P5IGEPsbEC8CYgMg9oTalAHSMAeINYH4OxZn/QZiVijfF4h/MqGZDAOMSDb9Q5YA2ZCKx0l6QNwHFdsMxPkgDc+gGB2IAXECEKsB8Q4gTgYFBguOUAKFyAwgDoQqToOGHM5gBYm/gwYryOTHyH7ABr4A8RGoRhTnAgQYAMV7KJ0YdzjKAAAAAElFTkSuQmCC) no-repeat 0 0;
  border: none;
  width: 14px;
  height: 14px;
}

.idv-dropdown .popup {
  width: 360px;
}

.popup-body .filter-options {
  display: block;
  text-align: center;
  padding: 14px 0;
  border-bottom: solid rgba(220, 220, 220, 0.5) 1px;
  color: #212121;
}

.popup-body .filter-options.selected {
  color: #1596fe;
}

.popup-body .option {
  margin: 10px 0;
}

.popup-body .option input[type="radio"] {
  margin: 0 15px 0 0;
}

.popup-body .option input[type="radio"]:checked+label {
  color: #2684ff;
}

.popup-body .option label+div {
  float: right;
  vertical-align: top;
  width: 150px;
  margin: -7px 0 0 0;
  text-align: center;
}

.popup-body .option .idv_show {
  width: 150px;
  float: right;
  vertical-align: top;
  margin: 0;
  font-size: 24px;
  text-align: center;
  border-bottom: solid #2684ff 1px;
  margin-top: -7px;
  color: #c1c1c1
}

.popup-body .option .idv_show.highlight {
  color: #212121;
  font-weight: 500;
}

.idv-dropdown .popup .popup-footer {
  padding-top: 15px;
}

.idv-dropdown .popup .idv_footer_text {
  padding: 0px 20px 15px;
}

.idv-dropdown .popup .idv_footer_text p.gray_text {
  color: #949494;
  font-weight: 400;
  line-height: normal;
  font-size: 12px;
  text-align: left;

}

.popup-body .option input[type="radio"]:checked~label+input[type="text"] {
  color: #212121;
}

.popup-body .option input[type="text"] {
  margin: 0 0px 0 0;
  float: right;
  color: rgba(33, 33, 33, 0.9);
  font-size: 24px;
  border: none;
  border-bottom: solid #ccc 1px;
  text-align: center;
  width: 100%;
  margin-top: -7px;
}

.popup-body .option label {
  color: #212121;
  font-weight: 400;
}

.idv-dropdown .popup-body div {
  color: #757575;
  font-size: 14px;
  font-weight: 500;
  margin: 15px 0 0 0;
}

.quotes-left-section h2 {
  color: #212121;
  font-weight: 500;
  font-size: 18px;
  display: inline-block;
  padding: 0 0 7px 0;
  background: none;
}

.quotes-left-section h2+span {
  display: inline-block;
  font-size: 14px;
  /*text-transform:uppercase;*/
  font-weight: 500;
  color: #212121;
}

.selected-addons .included-addons li {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKBAMAAAB/HNKOAAAAJ1BMVEUAAACQ21iR3VuR2liR3ViQ3VmQ21mQ3FiS3FiR3VmQ3VWJ102Q3Fr1s2WSAAAADHRSTlMAomDJhXa+qIxSOhiZhdfDAAAAMElEQVQI12MAAW4wqQgiWI+BSB8BhgUMTCcYGA4yzClgYNAxPQgUZDljAJJTZoABAML8BtA8oAZ6AAAAAElFTkSuQmCC) no-repeat 0 6px;
  padding-left: 18px;
  font-size: 12px;
  line-height: 24px;
  color: #696969;
}

.selected-addons .not-included-addons li {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjU4OTExNURGNzUyNTExRTk4OUY3ODRFMkY3QzA0QUZCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjU4OTExNUUwNzUyNTExRTk4OUY3ODRFMkY3QzA0QUZCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTg5MTE1REQ3NTI1MTFFOTg5Rjc4NEUyRjdDMDRBRkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTg5MTE1REU3NTI1MTFFOTg5Rjc4NEUyRjdDMDRBRkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5pj124AAAAg0lEQVR42mL87+5+hYGB4RQQJzFgB/OA2IwJqigRiJuwKGqCyp1igZr0BIhroZJ1SIpAYs0gMRY0SZDEVSR2M0yOBcmaOqiiFVB+BBCvhEkyMRAJWNAcXgs1iQFqsja61cgOh1mnjexBFmg4JSI7HIsHZUAKzYB4PpoiZMUyIDUAAQYAVlIdm0vu0vEAAAAASUVORK5CYII=) no-repeat 0 7px;
  padding: 0 0 0 18px;
  font-size: 12px;
  line-height: 24px;
  color: #696969;
  background-size: 8px;
}

.selected-addons .included-addons li span.wrapper {
  left: 1px;
  padding: 0;
}

.selected-addons .included-addons li span.wrapper em {
  position: relative;
  left: 0.4px;
}

.popup .claim-made-yes-alert {
  background: #deebfd;
  border-radius: 2px;
  color: #2684ff;
  font-size: 11px;
  padding: 4px;
  text-align: center;
}

.popup-addons-section span,
.popup-additional-cover-section span,
.popup-accessories-section span {
  color: #4f4f4f;
  font-size: 16px;
  margin: 15px 0 0 0;
  display: block;
}

.popup-addons-section ul li input[type="checkbox"],
.additional-cover input[type="checkbox"],
.popup-accessories-section ul li input[type="checkbox"] {
  margin-right: 10px;
}

.popup-discount-section span {
  color: #4f4f4f;
  font-size: 16px;
  margin: 15px 0 0 0;
  display: block;
}

.discount-section .discount-text {
  color: #212121;
  font-size: 14px;
  margin: 10px 0 10px 0;
  width: calc(100% - 95px);
  line-height: normal;
}

.discount-options .discount-option,
.round-btn {
  font-size: 14px;
  border: solid 1px #212121;
  border-radius: 20px;
  color: #212121;
  margin: 2px 10px 8px 0;
  padding: 0px 10px;
}

.discount-options .discount-option.selected,
.round-btn.selected {
  color: #fff;
  border: solid #1596fe 1px;
  background: #1596fe;
}

.popup-addons-section ul li,
.additional-cover,
.popup-accessories-section ul li {
  margin: 8px 0;
}

.popup-accessories-section ul li label {
  font-weight: 400;
  color: #212121;
}

.popup-addons-section ul li label,
.additional-cover label {
  font-weight: 400;
  color: #212121;
}

.addons-popup-section .popup {
  left: 0;
  width: 105%;
}

/*popup on loading*/
.addons-popup-section .popup.loading {
  overflow: hidden;
}

.addons-popup-section .popup.loading::after {
  content: "";
  display: block;
  background: rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
}

.addons-popup-section .popup.loading .lds-ring {
  position: absolute;
  z-index: 1001;
}

/*popup on loading ends*/
.addons-popup-section .popup .popup-body {
  padding: 0 16px 20px;
  height: 410px;
  overflow-y: scroll;
}

.addons-popup-section .popup .popup-header:after {
  display: none;
}

.addons-popup-section .popup a {
  float: right;
  color: #2684ff;
  margin: 3px 0 0 0;
  font-size: 12px;
}

.popup-accessories-section .user-input-section input {
  border: none;
  border-bottom: solid 1px rgba(38, 132, 255, 0.34);
  display: table;
  /* margin:0 0 0 24px;*/
  width: 100%;
  text-align: center;
  font-size: 14px;
  color: #212121;
  line-height: 32px;
  position: inherit;
  opacity: 1;
}

.popup-accessories-section,
.popup-additional-cover-section,
.popup-discount-section {
  border-top: solid #e8e7e7 2px;
  margin: 20px 0 0 0;
}

.user-action-section button {
  background: #fc4804;
  color: #fff;
  border: solid #fc4804 1px;
  width: 134px;
  height: 36px;
  border-radius: 3px;
  font-size: 12px;
  margin: 15px 0 5px 0;
}

.accessories-input {
  width: 70%;
  display: table;
  margin: 20px 0 15px 25px;
  text-align: center;
}

.popup-accessories-section .min-max-section {
  float: left;
  text-align: center;
}

.popup-accessories-section .min-max-section span {
  font-size: 10px;
  margin: 0;
}

.popup-accessories-section .min-section {
  float: left;
}

.popup-accessories-section .max-section {
  float: right;
}

.popup-accessories-section .min-section span,
.popup-accessories-section .max-section span {
  font-size: 10px;
  margin: 0;
  text-align: center;
}

.insurer-dropdown .popup {
  width: 345px;
  left: 0;
}

.insurer-dropdown .popup-body {
  height: 280px;
  overflow-y: scroll;
}

.insurer-dropdown .insurer {
  display: table;
  width: 100%;
  margin: 18px 0;
}

.insurer-dropdown .insurer input {
  margin: 4px 10px 0 0;
  float: left;
}

.insurer-dropdown .insurer label {
  color: #212121;
  float: left;
  font-weight: 400;
}

.insurer-dropdown .insurer label[for="select-all"] {
  font-weight: 500;
  color: #afaeae;
}

.idv-dropdown .range-slider-section .idv-labels {
  display: table;
  width: 100%;
}

.idv-dropdown .range-slider-section .min-idv-text,
.idv-dropdown .range-slider-section .max-idv-text {
  float: left;
  display: block;
  font-size: 11px;
  color: rgba(33, 33, 33, 0.33);
}

.idv-dropdown .range-slider-section .max-idv-text {
  float: right;
}

.idv-dropdown .range-slider-section #idv_range_slider {
  background: rgba(38, 132, 255, .59);
  -webkit-appearance: none;
  height: 3px;
  width: 100%;
}

.idv-dropdown .range-slider-section .min-idv-value {
  color: #696969;
  font-size: 12px;
  font-weight: 300;
  float: left;
}

.idv-dropdown .range-slider-section .max-idv-value {
  color: #696969;
  font-size: 12px;
  font-weight: 300;
  float: right;
}

.idv-dropdown #idv_range_slider:hover {
  opacity: 1;
}

.idv-dropdown #idv_range_slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  background: #2684ff;
  cursor: pointer;
  border-radius: 20px;
  box-shadow: 0 2px 4px 0 rgba(182, 182, 182, 0.5);
}

.idv-dropdown #idv_range_slider:focus::-webkit-slider-runnable-track {}

.idv-dropdown #idv_range_slider::-webkit-range-thumb {
  box-shadow: 1px 1px 1px #000000;
  border: 5px solid #000000;
  height: 16px;
  width: 6px;
  border-radius: 3px;
  background: #FFFFFF;
  cursor: pointer;
}

.idv-dropdown #idv_range_slider::-moz-range-thumb {
  width: 6px;
  height: 16px;
  background: #2684ff;
  cursor: pointer;
}

/**********NEW CSS here**********/
.overlay {
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
}

.blur-bg{
  backdrop-filter: blur(5px);
  overscroll-behavior: contain;
}

.Previous-policy-details-section,
.previous-insurer-select,
.renewal-not-allowed-popup {
  position: fixed;
  height: 415px;
  left: 25%;
  padding: 25px 10px;
  z-index: 99999;
  background: white;
  width: 520px;
  box-shadow: 0px 1px 9px 0 #6f6f6f;
  border-radius: 4px;
  margin: -200px 0 0 -300px;
  top: 50%;
  left: 50%;
}

.Previous-policy-details-section .ui-datepicker td {
  border: solid 1px #e5e5e5;
  padding: 0;
  height: 26px;
}

.popup .renewal-not-allowed-popup {
  padding: 0px 80px;
}

.renewal-not-allowed-popup b {
  color: #3b4c7c;
  /* padding-left:100px; */
}

.renewal-not-allowed-popup .loaderTxt {
  color: #3b4c7c;
  font-weight: 300;
  font-size: 14px;
  margin: 20px 0;
  text-align: left;
  /* padding:0 100px; */
}

.renewal-not-allowed-popup .back-to-quotes {
  background: #ff5630;
  border: solid #ff5630 1px;
  border-radius: 21px;
  color: #fff;
  display: table;
  margin: 25px 0px 20px;
  padding: 10px 20px;
  font-size: 13px;
  float: left;
}

/**.renewal-not-allowed-popup .loaderTxt span{color:#ff9d00;display:block;}
    **/
.renewal-not-allowed-popup .popup-text {
  color: #3b4c7c;
  padding-left: 100px;
  font-weight: 300;
}

.previous-insurer-select {
  font-size: 18px;
  text-align: center;
  font-weight: 700;
  color: #3b4c7c;
}

.previous-insurer-select .supplier-image {
  display: table;
  margin: 0 auto 20px;
  border: solid #ccc 1px;
  padding: 4px;
}

.previous-insurer-select a {
  width: 28px;
  height: 28px;
  position: absolute;
  right: -36px;
  border: none;
  top: -1px;
  border: solid #e20000 0;
  cursor: pointer;
  -webkit-transition: all .4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all .4s cubic-bezier(0.25, 0.8, 0.25, 1);
  text-indent: -100px;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  opacity: 0.5
}

.previous-insurer-select span {
  display: table;
  margin: 0 auto 20px;
  color: #2684ff;
  font-size: 14px;
}

.previous-insurer-select a:hover {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  opacity: 0.8
}

.previous-insurer-select a:before,
.previous-insurer-select a:after {
  content: '';
  position: absolute;
  height: 3px;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -1px;
  background: #353535;
}

.previous-insurer-select a:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.previous-insurer-select a:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  transition: all 0.3s ease-in-out;
}

.Previous-policy-details-section h3 {
  font-size: 14px;
  font-weight: 300;
  text-align: center;
  color: #212121;
}

.Previous-policy-details-section .question {
  text-align: center;
  font-weight: 400;
  font-size: 14px;
  color: #2684ff;
  margin: 15px 0 20px;
}

.Previous-policy-details-section button,
.previous-insurer-select button {
  width: auto;
  display: block;
  margin: 20px auto 0;
  border: solid #212121 1px;
  border-radius: 30px;
  padding: 8px 0;
  clear: both;
  transition: all 0.3s ease-in-out;
  font-weight: 500;
  font-size: 14px;
  background: #fff;
  color: #212121;
  min-width: 150px;
}

.Previous-policy-details-section button:hover,
.previous-insurer-select button:hover {
  background: #fff;
  border: solid #2684ff 1px;
  color: #2684ff;
}

.renewal-not-allowed-popup .loaderImg {
  border: solid #e2e2e2 1px;
  padding: 5px;
  display: table;
  margin: 30px 0px 20px;
}

.Previous-policy-details-section .back-icon {
  top: 26px;
  position: absolute;
  font-size: 12px;
  left: 30px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAKCAYAAACXDi8zAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkVDRTQxQkY5NTQ1MDExRTlBNzkxOUU4NTFBNDg4MkJCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkVDRTQxQkZBNTQ1MDExRTlBNzkxOUU4NTFBNDg4MkJCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RUNFNDFCRjc1NDUwMTFFOUE3OTE5RTg1MUE0ODgyQkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RUNFNDFCRjg1NDUwMTFFOUE3OTE5RTg1MUE0ODgyQkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7zpLMIAAAAWUlEQVR42myMiwmAQAxD2+NWcNv7qjO4qwhiCikUuUAI5DXV7XrlpwN+0qIscIpgZ2k5HEy4ctGtMDDgBp9McbBU5kLDdXUg/KteWuawboQlLiS+ge5PgAEAkbwPq8l3UKkAAAAASUVORK5CYII=) no-repeat 0 4px;
  padding-left: 10px;
  transition: all 0.3s ease-in-out;
}

.Previous-policy-details-section .back-icon:hover {
  background-position: 5px 4px;
  padding-left: 15px;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  background: #fff;
  font-weight: normal;
  color: #555555;
  border-radius: 0;
  text-align: center;
  font-size: 12px;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #555555;
  text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  background: #1596fe;
  font-weight: normal;
  color: #fff;
}

.ui-widget-header {
  border: 0px solid #aaaaaa;
  background: #e7ebf0 !important;
  color: #222222;
  font-weight: bold;
  border-radius: 0;
  height: 50px;
}

.ui-datepicker-group-first .ui-widget-header {
  border-radius: 4px 0 0 0;
  background: #fff !important;
}

.ui-datepicker-group-last .ui-widget-header {
  border-radius: 0 4px 0 0;
  background: #fff !important;
}

.ui-datepicker .ui-datepicker-title {
  font-weight: 500;
  color: #2684ff;
  font-size: 12px;
  line-height: 20px;
  text-transform: uppercase;
}

.ui-datepicker-year {
  font-size: 10px;
}

.ui-datepicker th {
  padding: 0px 0 5px;
  color: #9fa0a4;
  font-weight: 300;
  font-size: 9px;
  text-transform: uppercase;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 90%;
}

.ui-datepicker-group-first {
  border-right: solid #e7ebf0 0px;
  padding: 0 0 6px 0
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  color: #212121;
  padding: 5px 0;
  font-size: 10.5px;
  border: none !important;
}

.ui-state-default:hover {
  color: #fff;
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-next-hover {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhBRjExMDQ1NzY4QzExRTk4OUY3ODRFMkY3QzA0QUZCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhBRjExMDQ2NzY4QzExRTk4OUY3ODRFMkY3QzA0QUZCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTY4OUJERUE3NjY1MTFFOTg5Rjc4NEUyRjdDMDRBRkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OEFGMTEwNDQ3NjhDMTFFOTg5Rjc4NEUyRjdDMDRBRkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4zrSVrAAAAi0lEQVR42mLcu3cvAxbgDcS/gXgXTICJATvgBOItQGwLE2DBoXANEDMC8VIgDgXikyCFkkAsCsR/kRT+B+LjQHwYiNcDsQtIYSIQpwDxBzRTvwPxe6hB9SCF86HuQTfxExB3AvFzIG5kgTKeY3FnKNQzgUB8DZdnQqAecQZ5BF/wgNznA/UMGAAEGADTQh5dB9uQSgAAAABJRU5ErkJggg==) no-repeat 0px 7px !important;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-prev-hover {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2ODlCREU4NzY2NTExRTk4OUY3ODRFMkY3QzA0QUZCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2ODlCREU5NzY2NTExRTk4OUY3ODRFMkY3QzA0QUZCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTY4OUJERTY3NjY1MTFFOTg5Rjc4NEUyRjdDMDRBRkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTY4OUJERTc3NjY1MTFFOTg5Rjc4NEUyRjdDMDRBRkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz46fIJ1AAAAh0lEQVR42mLZu3cvAxJwA2JWIN7KgAaYkNi2QLwFiDkZsACYQnMgXgrE0UC8BptCFiDWAuL1QLwfiI9D+YxIapiB+DVIYT0QSwIxPxCvxGK1ABDPASlshLrvIxBnADEfLhOvAXEgEK8GYksojdWNIHAS6hFQWP3H5iEWJPZhIPaBhiMGAAgwAEycFhxylDzBAAAAAElFTkSuQmCC) no-repeat 15px 10px !important;
}

.ui-widget-content {
  border: 0px solid #dddddd;
  background: #fff;
  color: #222222;
  border-radius: 4px;
  padding: 0;
  width: 94% !important;
  box-shadow: 0px 1px 3px 0 #9c9c9c;
  -webkit-box-shadow: 0px 1px 3px 0 #9c9c9c;
  border-radius: 2.2px;
  box-shadow: 0 3px 24px 0 rgba(204, 204, 204, 0.3) !important;
  background-color: #ffffff;
}

.hasDatepicker+a {
  display: table;
  margin: 20px auto 0;
  font-size: 12px;
}

.expiry-dont-know-section button {
  width: 55%;
}

.expiry-dont-know-section a {
  display: table;
  margin: 30px auto 0;
}

.expiry-dont-know-section h3 {
  margin-bottom: 25px;
}

.why-policy-banner {
  width: 100%;
  height: 138px;
  object-fit: contain;
  border-radius: 4px;
  box-shadow: 0 1px 6px 0 rgba(219, 219, 219, 0.5);
  background: #fefefe url(https://static.pbcdn.in/car-cdn/rct/images/CAR_Banner.png) no-repeat right -25px;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}

.why-policy-banner .banner-div {
  cursor: pointer;
  background: #fff;
  opacity: 0;
  transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1);
  width: 80%;
  height: 80%;
  position: absolute;
  left: 10%;
  top: 10%;
}

.why-policy-banner:hover .banner-div {
  background: rgba(0, 0, 0, 0.66);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  opacity: 1;
}

.why-policy-banner .click-here-btn {
  opacity: 0;
}

.why-policy-banner:hover .click-here-btn {
  width: 200px;
  height: 42px;
  border-radius: 4px;
  background-color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -21px 0 0 -100px;
  font-size: 14px;
  color: #212121;
  overflow: hidden;
  opacity: 1;
  text-align: center;
  line-height: 42px;
}

.why-policy-banner ul.points li {
  position: relative;
  color: #212121;
  padding: 0 0 0 35px;
  font-size: 13px;
  line-height: 20px;
}

.why-policy-banner h2 {
  color: #212121;
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  display: table;
  padding: 10px 0 15px 20px;
  width: 100%;
  position: relative;
  background: none;
  text-align: left;
}

.why-policy-banner ul.points li:before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 20px;
  background: #000;
  left: 20px;
  top: 10px;
  position: absolute;
}

.why-policy-banner .popup.why-policy {
  position: fixed;
  width: 800px;
  height: auto;
  border-radius: 6px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
  background-color: #ffffff;
  left: 50%;
  top: 50%;
  margin: -232px 0 0 -400px;
  padding: 15px 40px;
}

.why-policy-banner .popup.why-policy {
  color: #212121;
}

.why-policy-banner .popup.why-policy .popup-content {
  width: 94%;
  margin: 0 auto;
}

.why-policy-banner .popup.why-policy h2 {
  color: #212121;
  font-size: 22px;
  font-weight: 500;
  margin: 0;
  display: table;
  padding: 10px 0 50px 20px;
  width: 100%;
  position: relative;
  font-weight: 500;
}

.why-policy-banner .popup.why-policy h2:after {
  width: 62px;
  height: 6px;
  background: #0065ff;
  bottom: 30px;
  border-radius: 6px;
}

.why-policy-banner .popup.why-policy ul {
  float: inherit;
}

.why-policy-banner .popup.why-policy li {
  /* width:95%; */
  /* color:#6d6d6d; */
  /* font-size:12px; */
  /* font-weight:300; */
  /* padding-left:65px; */
  /* background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAABmJLR0QA/wD/AP+gvaeTAAAFyklEQVRYw81ZCWxUVRT9ROKCWBQkAgEikWAjQowCGiHiimgBQUAxBG3hz7SsUhSk1cq+i4AlEsMuKkFJKwiiqSxSEUViNYIhAWQLWtyiQQnL/Hc89/7XdmD+UFpmzLzk5L95/y3nv7u8++44TiKLi35OCEuJlcQAx0EdJ6XKSFxFYkUEiO8tpL7W6Y8r/18yYdxCjOPi04m+TiaujyK5gThHZEb1f46/I8SHlWRljIx1MYHvxxPpiSUpYgzhNPEvccLulhArJb4gzhB9Aj6uP9vPEtttv3N27Enbfpqkn0kMycG4jhP+wQnXa13KENxOErls30j8RjwWd/wQ9OTY33XXXYzWsVXzrtO5RyItEQbyhO5CGO2SoE7t7A73SoTY55PsL8mxYM4ZQjkJz7vcSdoQe4kPkmak4hlC2KNrXfJmDMK13L2xHLSV+NuKBWwbnkRvMqJyHX/Nrar/w1A/eMBQ3GC/7CyJbeJzCp9POjm4OemuT9aQtVxMtWuLRyhTTgEieJX4JylGU3MDbq+u0EV+ENHV6utiB33O9sPELNaf5vOI/nbRis8S/R3GND7z1P2I2MSZi+6F0cXOLT54N/Ew2/YRR9V/yg7KeBefBfApZb9VQUTn6qDY9l/p+1rz+YlaZwgD+Vym/lHeyYkVwppqiJbbZ1tiG9sziIlalzYX31zgexvqjoZREE+pPT0SzydaHtVnnt2Jxer7QviTbQ1svzxLNj+A6AnVN3H2IXznTERd276F/e8P4DJepZCFxkFEM6zltbko0RDeI3YpUfliX3T9lKSINIRjcUUfRkv2XcH6j0RHPXZFjWR3K4p8hD/nu/GOus72BOpSzY4utmd8L9vWxf6uXvRVej+cbYU2qElj/a+o9bpaHr3j+bOX2eGUk4trYnR0MJqpu4oV/RK+u9UGHNUTddGc9UnEU3y30EZRLXWN6JBRTkLZ+TgnRKn6sGCrL9fwLpboZtW/eFYfwnGr+2f4POhkozvrB3S+Kqs/obp6/qYVqC/NQgsnwMoi7DAqJQJxn89J8pkdFDdC3VCqFBcL9Eit8CqMvq9Qi3Q1KC5JGbjUexdGY17hyMqYOmHgwbkG3eenFoSTcBOOQrS4wzRj9pVHkIq4a6qRXS0Woh/fN9sgVYkKN+EYl2jHaQbNxwEDlxhMWO9hxGqDOZ96yFxuMOkjD83GAi1eAnYciCBtFNAqD+i50GDttx6avgjF8i89dJ1j8HqJh/QCg8kc13iM/65gnYf6I4C2EwwWbPbQYJRfrzFRGbjzpwjaT4ol2vtNg7e2e3iEerTqaw+NRgNlRyNo8gIwZaOH8NsG44s85K7xiUp/IVq6P6LzyHzFZR46z/LXXbbDQ49CU7sdlcUr6kFEF5d6qvCrvvKJ/nDcJzp5g4ecdwzyiz2MtkRFMm1eiSV693SDXYd8oo9yrt1Hakl05U5PFw4i2neR0cWFaNpIKKFOXFj6C4EHXjOVRLuRRN0cxBAV0d8zwyhRkaBIqFZEV1DHRPeCiA5aalSnhGhD9hUx5xX5HybkHn+jiujMTZ7eiZIievnCXYcjSlSMR8QpC2atCBa9GFFGoQkUvbwT40sKUfovtU4hWsSFbswFGhGLtnlxdbR1PuISDTKmq4f6nmM+rb7ecL9eY6Kp6Ed5MsFL4ZPJ05SmxJA8T41Y370zUwvCSbiR6PN+9OQHuu/Hhcug1+Wd/2J9agfJjByqpk+eHz1dWmyYpfHqMDRJcHAsu5WTyPxQur2hDghIifeozHkGlWzcphe1MOpdcPXpY+e8I9ERt9ydfuaC2aw/q9fZikSaXMYkERE7ppWO8Qmd0mSw7KCkzf2r9Y5kZN2a2mtxReZtLxeeYfMBx/TyJn2qSN7E9v32gpdhc/97osZvib28JfYfkLSqe0yUeP309x6+u9Mmuco07X2hWohuJlLXa1yy0cEm0GATCAdJqpOTkkUSwWF0I+mHYhIZl1n+A6ENmngPIZHAAAAAAElFTkSuQmCC) no-repeat 0 3px; */
}

.why-policy-banner .popup.why-policy li:nth-child(2) {
  /* background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAjCAYAAADWtVmPAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAcRSURBVFiF1dh7jFXVFQbw374zCFYkGHxCrVob20qwgMGo9YXGQmqLjwpVGymPey4CoQlVqGgbJ9pItdTSVArcGUREY5VKA62JRi2K2sSqIEqj1WoFgahVQYPIY+5d/eMOjMPcOwzUUPslJyfZ69t7re/ss/dae9MRsrhNFv8wJr7cIe9zgFTTksUI3Icy3lY2xLy0en8FtrfIVW3Nx3FoxJuSQZKSnCfk49T9Gt1eoL2QhshJ5qMHvqSsh2an4i3Jo7IYsr+D7AzaC1nvOpyN6VguWairT9QbjBVYqhDD92+Ye0ZbIYUYiJ9hhU0ahCtxkGYzzU4bdXM+lgr3yiL7H8RbE62LvRBfwArhaMnJiukVkI+RkgXCcE3pD4ZHnZ5mI4+pGtOMffaej6Vy+nbICW/pZpjfpo86orXOSNkM4auYsksENKW78ADmGBO9LUoljamAm/BLWdy8byoiSb6LLcLzNR9Os83Mzo1ZiIGyKMviQaL9ljwxesligyweamMvxHhZNMtitoaovgN2JCSLkI/rOqTlY4osQhbDOqJVnJf0QZJzGynasWal9zEa31IwcVd7Mc0WRmCU9e5RiC57J6YGJkR3WVysEFMl9fgIRaPjsI6F7EQo1xy8MT0s+Z1wi0J8bVd7U1osZwiGCkta1tq+Ix9f12wVFgu34GaVVHCELuZ0TsieMRVrhbvbfP25abnkLHxDeNio6Ln3ClpQ2Vh6De1n1j358j8fGF/2wPiy8ecE4ZITfhqTawtJSiAc1KGTYtoi50qcpOyG3WwvKTsdh+pimXwcsdciJsSRGDSsv6dmjihNPPmY+Erf3qFv7zDp3LJBx4QNH5oxckEMqC6k5Fl8gIXGxjc7dDY3PYcbJdfK4vQ2tnlpjQOcga2SJ10Vx+6VkO36wAUnlc9vF2jilkvLErlVaz22bFnUtxVSiKt10Uuz/tgk56Y9OtxkOp7BXSZE9za2Wel9yXl4VcmTxsWJnRZSpxkSB1Qz9+7J9d8uW7XWIbe/7L62QsIUZdfq7l2VWem1R4eLUkkyEkfYUWWPL6Yt+rgIjyp7QhaDOiUkvIbmVW+pmfwuGhCG9g1LXzRMFie0CknmSH5oq00YiAWdclpMr0smY6x8XNjO3pCaNRqjUkU/phCDOzHmFhRnP547YP7TaduqdcnfN7R/hvbzYnPZDiwwPOogVRKT7wunSZ7WmO7vlJCdyGIJThP6aUrvVOUU4kfCdOEKTWlJpTGSTFm4XlNqrQ5GRTdd/CJV0uWet/KW/rUPVp3FVXG4khfxrEbDqiZUdh7U5ksmKKYFNYXsxPCo08vRtneQIuoUMFnJSf+1DjAuhsqiLB+FDnmFGCyLjQpxdadLlI6Qj1NbypcR9e2MY6K3nCGSwzs9YKUeWCO5TT4O3ZWXdkdlrh4SZijor/rc7RPaCsliGm5AV2zGjr0cb7vkmk7wNgoX4D3JZ3IP0CokHxNV6pr7lUxzR3rjs3Cwv1BZSJOiq+QmYbk+Lv9/E8FOIdsNxCG4U0OqXQF/jlH5tUq6S0g1MmoWF2My+uFDPIUbNaZX23FHx2HqTcN3cCReE+6QU1RMe15zk+NAH5skXIHjsQ5/tMOt7kybdmNX8kxo3lk0vqKyp7Qr1uRjhsrZ4EAsxF9bglwhi7N34x6n3nMYj9VowoeS24UlJkXXDkVMih42+4swHRtUqoI38BNdPKMQR+3W40xQ5/XWpiwelEVJFj/4VNswWcSufX8nRsfRslgti3fbFI1ZPCWLdbJoe6GQj0tk0awQDR0KKcTtstgsH2e2aR8XZ8niY1n8+VNjnimLzbJYSaTW4MZEb3WWq0znS1gpOUN4TWMa2s7p2DhFzjN4RPIv4WBcLhmhmBa142cxG1dIfl9TSBgpuUEx3VpF5LXCdMndwnEqZdFGOYMV00ttS5TxcYgdpkouxFHoKfmxYvp1Fa9J5j0crJJzuuJA3fSsenVTWWeL1c5PXdBdTn9z06p21rExQM4KfIJ3VD7gzxXTWnZPiLPTRkzDtJb7q22i+tlAg2S9eslixXSZQuSFRttq8EM3CeESTemRdvZxcZ6yR5Vr9E+6trwnK6a5u5trF2SLUgmrMKzqVc8656GHsudBqeVd1r6krwRwEUpKXqhqr/cCmlt4tfoTVlQz7+nyYSZOt8GvDI/WLzU2BkiaVE6U88G8tBKPS2bIx7m7uA2Rk48pGCG51/z076qeKifLhcIUWVzWxlbZgK7G0xrTs9V17glZzMIErMffcDhOwXZ8T2N6eBc3H1+ULFPZMJ7DGgzA8ZKVtju3Si5oxaToYatHcIpktfAyTkRfrFHnHHPSm/smpBLgpZIJLYNuxTJMr5oQR0VP9a5p+RWOkqwRFkl+03IC7Bijopt6kySX4Vi8jT8pu9W89EGtbv8BWbjEnZi5CDwAAAAASUVORK5CYII=') no-repeat 0 3px; */
}

.why-policy-banner .popup.why-policy li:nth-child(3) {
  /* background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAABmJLR0QA/wD/AP+gvaeTAAAGpElEQVRYw81ZCWwUVRger3qiXKJgRFExKIcxEUXxippoqkREURIEC7szIAgWATVIoQYEIyrIZQS8ypGiJAIGQQgpBm9RCbWUBpWggW4liOEQ6u7s5/+/9+/um9nZq0XkJX9m+96b/33zv/+uZTV32OhJtCUH9bT+9xHGXQQE9PyOnhs8pOeg9pw0QIfh9rQ1njthQB20J3rBsnDKfwI0jJFWCK2PB8gd6jAHcz1g++M0OuROoqU5gdp4m37fbJXjVJ9+T5P1H4l/26aBHIoOAvIQPRcLwznWIJxLf48lgPUy9zfRJ/R3pwCgnWntK6KY7N1L7462RuFM2j9VpL1aeGyzhqNdU0EepOet8vUvy2GH5bmSgNxnjcHZOfmNRBvaP4Bok7y7X0DOV7ek1Yf51lgjcHHhIEPo7bsqBruZ6JZmqNP9RNXEY55HlbSaHFRnD8cluUHaqAsEmf3wK5VR2JhBtESIf48gnlek7Ve6GmCcLAAbfxHttIbg0myuZjBtihNtJGMpygquHKcTwLBIB0JHiXYLHTXmtxENVQaYi2cYa0UtnFzSeUrArsoIlvU24Q3YqbOBOOiYti+Ey2i9VKITA65V1p8JpI0PhOf4fMPiKAWWLdLBGT6ph2itkehnWuub0b96Bu2x8TDRr0THiEo8yyzpgkHyYEu20UD0rQeIgydEMuusJ9GqYENix25jvfAY6BPOZuUN2P0VkGiME2Z3GJLsJdLYoK7JGNsjjd12RKIz6yLuTzsisX2a3OraSPT1nfW4NuCKN4oO9zQ+orec+Vx+IDWjP9S1e6+GDWKXGe5qalBU2xCbS8BiRMhAtBZ9YwsMFdJ+dbeKSGa0Yrvgs32CCB6p+NzPkOYQCaP9TZB1kdj6LAC9VB9bx+8YoAbIOYMN1eor4fjuIL3po1xBgjji2PiHwtz5BtPvFRn6SiDfMoFU74lhwMI42o4B2o0F7Io4ttf7wDbE5vkMbKu2AxkjcJ6oxBoPJsZIk1WGv0vQJuMrO4oHSFpjbaSxOx3smiBKl7toQyCnr3UxcaWLouHA1DVumhp4dNbB84q3GYkSftRLVQmgnysrTpCDcwxplsgVXWNIc47/akvejeO19SlgxbPj6PdmPEANorMM3l0FyCCPxzGxMDYDaFWWAFBG667pT+mw7dn0kdWgS1kc41e4AetutWGkRUqiKt/N6IGq8gPKyQNbojHowENBAL/ZFUPXyXF0GA/0mRvHtj2BH3LQx3+fSh+bDTSMV1VO6gV6OAjo1t9jeOZDFwMXxdFilNbXPIAeIYm+0nygnCSzHhleINfVM42ja28/DmnzHBSSvEvQUvS/ND+gDn5RESFF9xoSfdAfpTji+AF0oytfsDklwUmrXbQcjQB/Gp2RVm/ZeMAAdo8Hi8ZWFeyeHPyQfJFjL5cKDmYmnX19Y1d/NHpovtbNcgJYtspF61LgsQVpVh+t24suBqjZcvWml/k62D0NRQufO5iS5ttsfKSSFN6buv5ZJogtu7XDb/U00IZAsrtinc0oTQcXiCGtSM4NwYXKw7BdmJiMc02d7J6WuA7DDeL0pyamOHbT4Z8WEELXVsGI4WFMV6BCuN4QyCA5u1e+2VONSnLLPYyXqjzUKFGanJSEcZsK0zYqPOUJJymcs/rL6ixAHxXdsJNzWi3qVJkcwlVBaR4ZWQ0BO8rE1h2Y5ukSukEJgq3eWwZB5bwFJs4H6KXfPHWOQ4ag9Wq/ss5CB5fXNv5UAcTG1Z4ERVv3IZWY5A1SJwYxej4eEAA6SW7qKnXgCjQ3wM60r1Jqsa1kqJdnuMWoSqpzZvnsJnQnLpZWKnjL6hZiDEcUYC4jODBwOubgJkX8W1cKX8iewzT/UlaJcb6rwW7KLlkHz4puLs+7N2VjkuSrCKC4qkA5scm3A8IGpnW1LPMmXXJUyCET09b5SsK4KPBd7huFcKOKZEz8O1MviRtiQb6Rc14NsjJ3OaK7dO+JP5vsu+7PpEc0rUlVqI7tU1QnhptnptXrJJoFtCy/minh0xy8Iy++qKJIGF+K7/tYdO4A0SKaf8RzoH9wMsM1fRgLxeJd4XFMNS+4WAxjgpy1JGc3JRAs9zU1gz3K2fOVpqLXMuVO9HpUXXW6tV8nHwcxpkri0UOuuVjqo71y3YsLB2mC1ZI45slwUld5VjINDGrkMnitQhMC25Ocpene6PtNB2k6Y5ZMU3r4KaDFWd7vkX/IPB7/bOC+p5nxMHF9ngvoCf+vSDY6KYBy89dsFgRR1qZsfuNfXlcAcusA7qEAAAAASUVORK5CYII=) no-repeat 0 3px; */
}

.why-policy-banner .popup.why-policy li:last-child {
  /* background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAqCAYAAABC8iBdAAAABmJLR0QA/wD/AP+gvaeTAAACDUlEQVRYhe3YsWtVVxwH8M/vvieJgrWmoqKZOijqIIqlW6lT7eBoUAIGSqIiLh2D/4OK1oDGQgdjByk4ODoURNxaEBVU3FIICWJcNOblvZ9Dmia+vPie6XPyfbd7zvndz+Fwh/s7YSEn8ztVPwm7UNKOpCnhT90uuBRvAwzlUYxhCo9RbQvGJuzFPdO+X8AmpCfWO+R8vGlYdiKPSF+DMKswpmK7wkFr3DASEw3rhrIf13GsbDB7sQVnV4SOZEm6go0gUTWp8CP6zXqFXxvWjrphyAi+KYR1oNAYgptRVbFNWY+yHuFLozFm2oCKja5FY2j+GFJ6jXXllRfV5beYwcyyTTDd6iuWYZkZTyarv0j92NDyZhZTzYwHGXPHd2/terh0oqhf+XSickA6vUoIShG5r1Aarp9YhtWK6Fkl8n7SV02xT5kO1sE6WAfrYB2sg3Wwzw8rtauDKdSaYtVK+W/h5f+1QtypH1v2+72rN148nsxvS2qHs2bN6qh8vmNL8UdTDHZvjmc4tzpo5bTexYAMQy6iD+M4bjQetVr9cV/joD6cwWbst1ID2BYs7KwbqX9ugs13hdSsbQG7jbklI7eaExn/drevC9diHP8IA37OD4NX4y/pB+GyMKzbqabWoH58Id1fuC3ow+/mrybGm++2xYQuaY90V6+D8d/E4qXL9rZhzAj3dDnvUrx9B2s/kmlMZjg4AAAAAElFTkSuQmCC) no-repeat 9px 3px; */
}

.why-policy-banner .popup.why-policy li b {
  width: 100%;
  color: #060606;
  font-size: 14px;
  font-weight: 500;
  display: block;
}

.why-policy-banner .popup.why-policy li:last-child span {
  border: none;
}

.why-policy-banner .popup.why-policy li span {
  color: #696969;
  line-height: 18px;
  border-bottom: solid 1px #d8e8fc;
  margin: 0 0 15px 0;
  padding: 0 0 15px 0;
  display: table;
  width: 100%;
}

.quotes-chatwindow {
  width: 100%;
  height: 250px;
  border-radius: 4px;
  box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.15);
  background-color: #fefefe;
  /*position:absolute;*/
  position: static;
  top: 138px;
  transition: all .4s cubic-bezier(0.25, 0.8, 0.25, 1);
  display: inline-flex;
  flex-direction: column;
  height: 453px;
  overflow: inherit;
  top: 0;
  margin: 0px 0 20px 0;
  flex-basis: 100%;
  flex-grow: 1;
  flex-shrink: 0;
}

.quotes-chatwindow.chat-closed {
  height: 453px;
  overflow: inherit;
  top: 0;
  margin: 0px 0 0 0;
  flex-basis: 100%;
  flex-grow: 1;
  flex-shrink: 0;
}

.quotes-chatwindow .cb-chat iframe {
  height: 450px;
  width: 100%;
  border: none;
  transition: all .4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/*.quotes-chatwindow.chat-closed .cb-chat iframe{height:410px;}*/
.quotes-chatwindow .chat-header {
  display: table;
  width: 100%;
  margin: 0 auto;
  border-bottom: solid 0px #e6effd;
  padding: 6px 10px 0px;
  position: relative;
  box-shadow: 0px 2px 2px -2px #c7c7c7;
}

.quotes-chatwindow .agent-icon {
  width: 30px;
  height: 30px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAdCAYAAAC5UQwxAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY0RDI2MjU4OUMyMzExRTk5MUEyRDc4RUU2OEFERDRDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjY0RDI2MjU5OUMyMzExRTk5MUEyRDc4RUU2OEFERDRDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjREMjYyNTY5QzIzMTFFOTkxQTJENzhFRTY4QURENEMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjREMjYyNTc5QzIzMTFFOTkxQTJENzhFRTY4QURENEMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5x387QAAAFGklEQVR42qyWe0zVZRjHn3OHc4CDBMEUyAuKuBRxMSBg8zbTWgbmLLOtywhz2rrYH23RbZauuVqjMSd0m+aliyt1pas5Hc4WOgGFBEQuEWgKIQSKcDzn9H3e3/PDX2dcjtm7ffa7vu/3fZ/neZ/3MdFzfgqyWYAV2OXKzSMM+UspqIFM4wjywEkgCzwL7gMhAf/0gu/B1+AchFv/q+Bi8DbIBl5wCFSDbtAPzCAM3ANywVzpVwrehfAfwQrawMdmE631+akK92+BOnAF3AXigVP+vQougutiiaUmE73j96vnPIj+PJ4gm/Arq4VW3PTSK7j/XAZ/AywCEWJSow+vyWS2g8/AFFACFoKHIHp4LMHNgIXWgP3gRbDF5SCbAxKYPTr8u3FvWIIGhohueKgFj0+CU2CnxUyPeX00xehXo+BMm4XqPF4qwv17YGt4CL0agfVYLcGF8bVBoq5+FUSPg1/Ar8DNbtCjWBfkADgCEiQSV0U6aXssDGg20W21vhtE7VepGbcLQBr4FmRC8LQuxM2N5c/HtUyet0zEvMIdRC67ZjeYi0Jt2vNYxGGS8ZE0lV0DEXZLG/hEn5AumOS0q2s5WAsiY8IR8w7NP3V/UkVLF+2obKMB/o/fj8XkaDXW06ZCFbk/seVwbzIKZsMUDbhe5mjMmEpm+I/CgMervleC5zkKyxuxXnQNtWvfGb4PMTzDHRTnVr6bLcHHo4QaBTmEmyTsE6JdmjmZmg7lbBYcAC+Al441UMuhWrreizfYc8T3h2up/8rfGNmr9YsJU+OyD9mfPuDS9x0v9W4QBV4HiRwsVkylSssV3/DeNOyCYvApeOR4I63i6BYfNZ9spWW4ps9NoNTkWDXZPIlSXt0E0MlRmhs/gcqXzMJTH3Yt7N/RQ3T+surA+XEjaB8jMN0Ijt7hfVZIkbisAxueyqKJbd3aLGGVHzn7sGDPo/PIfe8krUM1VrW/WmUHDue9YFAGSJEM8luAICeJTPAlhCsMwmUPp1LBvETteR+cUttBq9mHLgQJcZAwlW3q+5tiNk5bC2fEUnF+mhJdJ7lWb8mcJPBtA64fQMQScIoMjys+TWQfepw2strkV4tJMtCt1g7z1oAUWd1Nw7dOcOG7KpokWcVn+GbnfckBpKJTG3FIHahu562MEoWZtP5FcYaO59j2vDdBjQSO3vioWi0J+0zAIRwTHaZtE25OTdjBJm08cEYLb/49RZNKD/BTs2wNT2DEQKQTnASDBv/xiqdxAhiCPbrhGN4yaPUcNLwddoIM/ndNBkXtqlDpaAU4PV7u9JeOcMgWKovslrKkCyDD0odgm1nMshxMZyC295n7KVEitEgSurHlg03gCT17BIixEfNS49W3xRLdszGxEuAb6cTnTHjh4HpyHziLbH5cmZP34SXxY9b6+RRRckyd6l+A1zBQn0EwR/LnbrwvCBzcPIKV2ASb9pxSYidkNVzDZE6LoQeKHqQI7FvaulJVAmlS1+hiCWJKq1QJQRdRJonOGVIBbOOQFvNsFiE+3YuwihMGsX2LZlL6kXpajvcHRxrYPFosgDng94Ic+oirMPFlnfhwshywuhgn/6MIOBZ7eTSxYOpSdvyuBcmUf7RB7cFiKR2a5BtXB0uzk2jjJeSV5k4qhFjZnRTCuhWWcKE7J57Cz7arerOeBXOnU04Tcs3FHtrDNSzEzt9p5R242lmST1dKTfo++AF0cMj/H6X+aAFlHq4QS2+v8z8CDAAxbJ3W8bpbpwAAAABJRU5ErkJggg==) no-repeat 0 0;
  display: inline-block;
}

.agent-info-section {
  width: 85%;
  margin: 0 auto;
  display: inline-block;
  text-align: left;
  vertical-align: top;
  padding: 5px 0 0 0;
}

.quotes-chatwindow .chat-header .chat-toggle-section {
  width: 20px;
  height: 20px;
  /* border:solid 1px;*/
  position: absolute;
  right: 6px;
  top: 14px;
  cursor: pointer;
}

.quotes-chatwindow.chat-closed .chat-toggle-section {
  top: 9px;
}

.quotes-chatwindow .chat-header .chat-toggle-section .open,
.quotes-chatwindow .chat-header .chat-toggle-section .closed {
  box-sizing: border-box;
  height: 8px;
  width: 8px;
  border-style: solid;
  border-color: #3c3c3c;
  border-width: 0px 2px 2px 0px;
  transform: rotate(-135deg);
  transition: border-width 150ms ease-in-out;
  content: "";
  position: absolute;
  left: 6px;
  top: 5px;
  display: none;
}

.quotes-chatwindow .chat-header .chat-toggle-section .closed {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  top: 8px;
}

.quotes-chatwindow .chat-header .agent-name {
  font-size: 14px;
  color: #212121;
  width: auto;
  display: inline-block;
  text-align: center;
}

.quotes-chatwindow .chat-header .rating {
  display: inline-block;
}

.quotes-chatwindow .chat-header .agent-design {
  color: #000;
  font-size: 14px;
  display: inline-block;
  text-align: center;
  padding-left: 4px;
  font-weight: 600;
}

/********Progress bar CSS srart here**********/
.progress {
  height: 5px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}

.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
  -webkit-transition: width .6s ease;
  -o-transition: width .6s ease;
  transition: width .6s ease
}

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

.progress-bar.active,
.progress.active .progress-bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite
}

/********Progress bar CSS End here**********/
.ncb-confirm {
  width: 490px;
  position: fixed;
  left: 50%;
  top: 50%;
  height: 390px;
  margin: -200px 0 0 -260px;
  padding: 28px;
}

.ncb-confirm .popup .popup-header {
  display: none;
}

.ncb-confirm .dont-know-ncb-link {
  margin: 0px 0 20px;
  display: block;
  text-decoration: underline;
}

.ncb-confirm .popup .popup-footer .update-btn {
  margin: 0 auto;
  display: table;
  float: inherit;
}

.ncb-confirm .popup .confirm-footer-section {
  text-align: center;
  font-size: 12px;
  color: #696969;
}

.ncb-confirm.popup .popup-footer .update-btn {
  float: inherit;
}

.ncb-confirm .confirm-footer-section {
  text-align: center;
  font-size: 12px;
  color: #696969;
}

.ncb-confirm .popup .popup-header {
  display: none;
}

.ncb-confirm .popup-header {
  display: none;
}

.ncb-confirm .close-icon,
.why-policy-banner .popup.why-policy .close-icon {
  width: 28px;
  height: 28px;
  display: block;
  position: absolute;
  top: 0;
  right: -32px;
  cursor: pointer;
}

.ncb-confirm .close-icon:before,
.ncb-confirm .close-icon:after,
.why-policy-banner .popup.why-policy .close-icon:before,
.why-policy-banner .popup.why-policy .close-icon:after {
  position: absolute;
  left: 12px;
  top: 0;
  content: ' ';
  height: 28px;
  width: 3px;
  background-color: #ffffff;
  border-radius: 8px;
}

.ncb-confirm .close-icon:before,
.why-policy-banner .popup.why-policy .close-icon:before {
  transform: rotate(45deg);
}

.ncb-confirm .close-icon:after,
.why-policy-banner .popup.why-policy .close-icon:after {
  transform: rotate(-45deg);
}

.claim-box {
  background: #fff;
  padding: 0;
  position: fixed;
  box-shadow: 0px 1px 9px 0 #6f6f6f;
  border-radius: 3px;
  z-index: 9;
  width: 480px;
  top: 50%;
  height: 300px;
  margin: -150px 0 0 -240px;
  left: 50%;
  padding: 40px;
}

.claim-box .loaderImg {
  margin: 30px auto;
  display: table;
}

.claim-box .plan-not-found {
  padding: 0 20px 20px;
  color: #212121;
  font-weight: 300;
  text-align: left;
  font-size: 13px;
}

.claim-box .revised-plan {
  color: #212121;
  text-align: left;
  padding: 0 20px 20px;
  font-size: 14px;
  font-weight: 500;
}

.ncb-box {
  width: 490px;
  position: fixed;
  left: 50%;
  top: 50%;
  height: 360px;
  margin: -200px 0 0 -260px;
  padding: 25px 45px 30px 45px;
  background: #fff;
  z-index: 9;
  border-radius: 4px;
  text-align: center;
}

.ncb-box .cross {
  position: absolute;
  right: -20px;
  top: 0;
}

.ncb-box p {
  text-align: center;
  color: #212121;
}

.ncb-box .ncb-tile {
  border: dashed #979797 1px;
  width: 290px;
  /*height:168px;*/
  height: auto;
  margin: 16px auto 12px;
  text-align: center;
}

.ncb-box .blue-box-msg {
  width: 90%;
  margin: 12px auto;
}

.ncb-box .ncb-tile img {
  /*margin:27px 0 30px;*/
  margin: 15px auto 25px
}

.ncb-box .ncb-tile ul {
  width: 90%;
  margin: 0 auto;
}

.ncb-box .ncb-tile ul li {
  text-align: left;
  margin: 0 0 12px 0;
  color: #696969;
  font-weight: 300;
}

.ncb-box .ncb-tile ul li span {
  float: right;
  position: relative;
}

.ncb-box .ncb-tile ul li span:before {
  position: absolute;
  width: 100%;
  height: 1px;
  content: "";
  left: 0;
  top: 50%;
  transform: rotate(-4deg);
  background: #ed4634;
}

.ncb-box .ncb-tile ul li:nth-child(2) {
  text-align: left;
  color: #212121;
  font-weight: 400;
}

.ncb-box .ncb-tile ul li:nth-child(2) span {
  float: right;
  color: #fc4804;
  text-decoration: none;
}

.ncb-box .ncb-tile ul li:nth-child(2) span:before {
  display: none;
}

.ncb-box .compareAgain {
  color: #fc4804;
  /*border:solid 1px #fc4804;*/
  padding: 8px 0px;
  /*border-radius:4px;width:134px;*/
  height: 36px;
  margin: 15px 10px;
  display: inline-block;
}

.ncb-box .proceed {
  border: solid 1px #fc4804;
  padding: 8px 14px;
  border-radius: 4px;
  width: 134px;
  display: inline-block;
  height: 36px;
  background: #fc4804;
  color: #fff;
  margin: 15px 10px;
  display: inline-block;
}

.ncb-box .close-icon:before,
.ncb-box .close-icon:after {
  position: absolute;
  left: 12px;
  top: 0;
  content: ' ';
  height: 28px;
  width: 3px;
  background-color: #ffffff;
  border-radius: 8px;
}

.ncb-box .close-icon:before {
  transform: rotate(45deg);
}

.ncb-box .close-icon:after {
  transform: rotate(-45deg);
}

.popup.breakup {
  width: 50%;
  right: 0;
  height: 100%;
  border-radius: 0;
  position: fixed;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
}

.hide_anim {
  right: -100% !important;
}

.popup.breakup .breakup-header {
  border-bottom: solid #e6efff 1px;
  margin: 0 auto;
  width: 95%;
  display: table;
}

.popup.breakup .insurer-logo {
  display: inline-block;
  width: 33%;
  padding: 18px 0 0 12px;
  vertical-align: top;
}

.popup.breakup .insurer-logo img {
  max-width: 180px;
}

.popup.breakup .idv {
  width: 38%;
  display: inline-block;
  color: #b0b0b0;
  font-size: 16px;
  padding: 18px 12px 0 12px;
  vertical-align: top;
}

.popup.breakup .idv-amt {
  display: block;
  color: #212121;
  font-size: 20px;
}

.popup.breakup .premium-display {
  display: inline-block;
  text-align: right;
  width: 26%;
  vertical-align: top;
  text-align: center;
  position: relative;
}

div.badge {
  background: #00CA00;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  display: inline-block;
  padding: 0px 8px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 5px;
  box-shadow: 0px 3px 6px #00000029;
  border: 1px solid #00CA00;
}

.popup.breakup .premium-display span {
  background: #ff5630 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAALCAYAAACZIGYHAAAAAXNSR0IArs4c6QAAAKpJREFUKBVjYCAB/P//X4YE5ZhKgQa0AzEIRGLKEikC1OwCxM+A+AMQRxCpDVMZULMe1JB/QDoYpoIRyJEHcl7DBIigtYFqDgAxBxAHMjIybgIZ8h/I+QzEpABuqOJ/QDqEBUhsA2JSDZEC6rEF4ttAfIwB6BA2IINoAFRfA8QfgfgaEIMMIw0ANZVBDbgJpElPM0BNRUAMAqAoBkUG6QCoUQJkAhCIoesGAEzFcugHApaCAAAAAElFTkSuQmCC) no-repeat 90% 15px;
  cursor: pointer;
  display: inline-block;
  width: auto;
  border-radius: 4px;
  padding: 2px 25px;
  margin: 15px 0px;
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  text-align: center;
  width: 147px;
  height: 42px;
  line-height: 36px;
  font-size: 20px;
  color: #fff;
  font-weight: 500;
  transition: all ease 0.2s;
  -webkit-transition: all ease 0.2s;
}

/* .popup.breakup .premium-display span:hover{background-color:rgba(252, 72, 4, 0.8)} */

.popup.breakup .premium-display div.badge+span {
  margin-top: 25px;
}

.popup.breakup .premium-breakup {
  width: 95%;
  margin: 0 auto;
  padding: 5px 20px;
  margin: 15px;
  height: 350px;
  overflow-y: scroll;
}

.popup.breakup .premium-breakup span {
  display: table;
  margin: 0 auto;
  font-size: 18px;
  color: #2684ff;
}

.popup.breakup .vehical-details-section {
  width: 95%;
  border-bottom: solid #e6efff 1px;
  padding: 15px 15px 15px 100px;
  margin: 0 auto;
  display: table;
  float: inherit;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAAmCAMAAABXj/NKAAACtVBMVEUAAAAAAP8AgP8AVf8AgP8AZv8AVf8Abf8AYP8Acf8AYv8Abf8Aaf8Aa/8AaP8AZP8Aav8AYv8AZv8AY/8AYv9xpf8AZv8AY/9xqv8AZ/8AYv8AZv8AZP8AZf8AY/8AZv8AZ/8AY/8AZv8AZP8AZ/8AZf8AZv8AZf8AY/8AZf8AZP8AZv8AZ/9+s/8AZP98r/8AZf8AZf8AZv8AZf8AY/8AZP8AZf8AZf8AZv8AZf8AZP8AZf8AZv8AZP8AZf8AZf8AZP8AZv8AZf8AZf8AZv8AZf8AZP8AZv8AZf8AZf8AZv8AZv8AZv8AZf8AZP8AZf8AZf8AZf8AZf8AZv8AZf8AZf8AZv8AZP8AZf8AZf8AZP8AZf8AZP8AZf8AZf8AZf8AZv8AZf8AZf8AZf8AZf8AZf9Cj/9AjP8AZf8AZP8AZf8AZf8AZf8AZP8BZv8BZv8AZf/F3v8AZf8AZf8BZf8AZP8BZv8AZf8AZf8AZf8AZf8AZf8AZf8AZf8AZv8AZf8iev8AZf8hef8AZv8AZf8AZv8CZ/8AZf8AZf8CZ/88iv8AZf8AZf87if8AZf/V6P8AZf8Tcf8AZf8AZf/U5//V6f8AZf/E3/8AZf8AZf9sp/9tqP8AZf8AZf8BZv8AZf9Djv9Ajf8BZv8AZP8AZf8BZf8Qbv8AZf8FaP8Gaf8Nbf8Obv8Rb/8ScP8Tcf8AZf8CZv8Qbv8Qb/8Rb/8rgP8sgP8ugf87if88iv8AZf8FaP8GaP8TcP8Ucf8ief8off8pfv8rf/8tgP8wgv85h/88iv9Kkf9dnf9env9fnv9yq/90q/91rP+Etf+IuP+Ovf+bxP+py/+qzP+vzv+v0P+x0P+y0P+z0/+01P/F3//G3//J4f/N5P/O5P/S5P/U5f/V6P/b6f/e6//x9//y9//7/f////+hGXZiAAAAuXRSTlMAAQIDBAUGBwgJDQ4RExYXGBoeHyIiIyQkJScoKSssLS8xMjM0NTc6Oz9AQUNDRUZHSUtMTU9TVlpbXF1fYWJlZmdvcnN0dXZ3eXuAgoOEhomSk5SVmJmbnJ2en6ChoqSoqqusrq+xsrW3uLm7vL7AwsLFx8fLy9XW19na29zd3t/g4eLk5OTl5ufn6Onp6urr7O3u7u7v7/H29vb3+Pj5+fr7/Pz8/P39/f39/f39/v7+/v7+/v7+/rcRspwAAAABYktHRObBbFoFAAACq0lEQVQYGZXBh0NMAQAG8O8oHU+SFZmJ7MwuI5SSI5uyd1a2ZOYyQmZKJ7PsbNl9IUIRSsgZGdfR+zvcuzs0rt7d74d/FIExqaxOqmaIApWNobxRqMQ1Na2/EtVRDkhLdUVFAVwKOcvoj4rmMxByghiOChyPsBXktOZhB5TXkbsUkKOIYweUF8LpkDeDIfhrYJTG6AT7QV5/ntAYRfkBDc/RzAXyXGh2riFUfKbT6bIYC1vsYJZOp3tKH6iYYzCUZHIKbDGVmSUGw3P6QMUcg+ED6Q1b9CA/GgzP6YOefJSb+5hnlX27QkbtIc2VZ/kkN/chveG0j5J17mm7PGUM5SJsoCTWEXCeELEyjiPb0QbjMJpxKyPG1QWESEo8ELJeI2dWA7SlZHUdhHLvWLU6WAHb1AhWq8fu40Rspxfs1YFbQQowcp8cObc3zBz81GX5OcDMZ17kpGYwEkiQAgCvlEv3LnA4THxZni9MRvDqvYsp7QEIJEgBwNorP8Vf98/Uh6Te+LCyxteDxPV8xm/xx+U1AAQSpAA4ns8TRfEde6FqffheFMUXZxwAgQQpANh9t1QUX7MNqubBN6JYemcnAIEEKQAYxoz8l+nLawBQhYZVFKoCUHNFel7+fQYBEEiQq+K12qRjmeSpZK3RTVZ2S2uUfJp8cDxJq41fRYIs1ku+FX3VmxS+qqxQb/Kl6LteUkyCLNbbq5jETX7W2+sTb2M/swve2qcgm3vQ/Rrtd70b0HThNpaRsMWaBJaxbUFjSNyY6GkRwQBYE8AIT4tEusGsCQ/AYjYHw5rBnA2Lg2wEs1onb7SAiTKGnWBNF2qUMGl546gjLGYyMXyOJJqblLCm9mZGz5GEH+I0/OW8hBYb28I6z2haLK6L/zwG+Us6O6Eqyi7+kkEeMPkDBLOMrhLb1XgAAAAASUVORK5CYII=) no-repeat 13px 17px;
}

.popup.breakup .heading {
  margin: 0 0 25px 0;
}

.popup.breakup .heading h5 {
  color: #212121;
  font-size: 16px;
  margin-bottom: 10px;
}

.popup.breakup .heading span {
  float: left;
  font-size: 18px;
  font-weight: 400;
  color: #212121;
}

.popup.breakup .heading span em {
  font-size: 14px;
  font-style: normal;
  color: #a2a2a2;
}

.popup.breakup .heading b {
  float: right;
  color: #fc4804;
  font-size: 20px;
  font-weight: 400;
}

.popup.breakup ul {
  width: 100%;
  display: table;
}

.popup.breakup .premium-breakup ul li {
  line-height: 30px;
  display: block;
  width: 100%;
  clear: both;
}

.popup.breakup .premium-breakup ul li span {
  float: left;
  color: #696969;
  font-size: 14px;
  font-weight: 300;
}

.popup.breakup .premium-breakup ul li b {
  float: right;
  font-size: 14px;
  color: #212121;
  font-weight: 400;
}

.popup.breakup .vehical-name {
  color: #000;
  font-size: 16px;
  margin: 0 0 7px;
}

.popup.breakup .close-icon,
.popup.cant-buy .cross-icon {
  width: 28px;
  height: 28px;
  display: block;
  position: absolute;
  top: 0;
  right: -32px;
  cursor: pointer;
}

.popup.breakup .close-icon {
  left: -32px;
}

.popup.breakup .close-icon:before,
.popup.breakup .close-icon:after,
.popup.cant-buy .cross-icon:before,
.popup.cant-buy .cross-icon:after {
  position: absolute;
  left: 12px;
  top: 0;
  content: ' ';
  height: 28px;
  width: 3px;
  background-color: #ffffff;
  border-radius: 8px;
}

.popup.breakup .close-icon:before,
.popup.cant-buy .cross-icon:before {
  transform: rotate(45deg);
}

.popup.breakup .close-icon:after,
.popup.cant-buy .cross-icon:after {
  transform: rotate(-45deg);
}

.popup.cant-buy {
  position: fixed;
  width: 520px;
  height: 390px;
  left: 50%;
  top: 50%;
  margin: -195px 0 0 -260px;
}

.popup.cant-buy p {
  color: #0065ff;
  text-align: center;
  width: 100%;
  margin: 26px auto;
  display: table;
  padding: 0 15px;
}

.popup.cant-buy span.car-icon {
  width: 228px;
  height: 122px;
  display: table;
  margin: 75px auto;
  background: url(https://static.pbcdn.in/car-cdn/rct/images/car_popup.png) no-repeat 0 0;
}

/* Styling Checkbox Starts */
.insurer-dropdown .insurer {
  position: relative;
  height: 16px;
}

.popup .plans-not-received-insurers {
  border-top: solid #e8e7e7 2px;
  padding: 15px 0 0 0;
  color: #202020;
  font-size: 12px;
  line-height: 20px;
}

.popup-addons-section li,
.popup-accessories-section li,
.popup-additional-cover-section li {
  position: relative;
  height: 16px;
  margin: 12px 0 !important;
}

.popup-additional-cover-section li:nth-child(3).checked {
  height: 50px;
}

.popup-additional-cover-section li .passenger-cover-options {
  padding: 30px 0 0 28px;
}

.insurer input,
.popup-addons-section li input,
.popup-accessories-section li input,
.popup-additional-cover-section li input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.popup-accessories-section ul li.checked {
  height: auto;
}

.popup-accessories-section ul li.checked .accessories-input {
  padding: 20px 0 0 0 !important;
  margin: 0px 0 15px 25px;
}

.insurer label,
.popup-addons-section label,
.popup-accessories-section label,
.popup-additional-cover-section label {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 15px;
  width: 15px;
  background-color: transparent;
  border-radius: 3px;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  border: 1px solid #696969;
  text-indent: 25px;
  white-space: pre;
  line-height: 14px;
}

.insurer input:checked~label,
.popup-addons-section input:checked~label,
.popup-accessories-section input:checked~label,
.popup-additional-cover-section input:checked~label {
  background-color: #2684ff;
  border-radius: 3px;
  -webkit-transform: rotate(0deg) scale(1);
  -ms-transform: rotate(0deg) scale(1);
  transform: rotate(0deg) scale(1);
  opacity: 1;
  border: 1px solid #2684ff;
}

.insurer label::after,
.popup-addons-section label::after,
.popup-accessories-section label::after,
.popup-additional-cover-section label::after {
  position: absolute;
  content: "";
  left: 4px;
  top: 4px;
  height: 0px;
  width: 0px;
  border-radius: 3px;
  border: solid #009BFF;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(0deg) scale(0);
  -ms-transform: rotate(0deg) scale(0);
  transform: rotate(0deg) scale(0);
  opacity: 1;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}

.insurer input:checked~label::after,
.popup-addons-section input:checked~label::after,
.popup-accessories-section input:checked~label::after,
.popup-additional-cover-section input:checked~label::after {
  -webkit-transform: rotate(45deg) scale(1);
  -ms-transform: rotate(45deg) scale(1);
  transform: rotate(45deg) scale(1);
  opacity: 1;
  left: 4px;
  top: 0px;
  width: 5px;
  height: 10px;
  border: solid #ffffff;
  border-width: 0px 2px 2px 0px;
  background-color: transparent;
  border-radius: 0;
}

/* For Ripple Effect */
.insurer label::before,
.popup-addons-section label::before,
.popup-accessories-section label::before,
.popup-additional-cover-section label::before {
  position: absolute;
  content: "";
  left: 10px;
  top: 10px;
  width: 0px;
  height: 0px;
  border-radius: 3px;
  border: 2px solid #2684ff;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}

.insurer input:checked~label::before,
.popup-addons-section input:checked~label::before,
.popup-accessories-section input:checked~label::before,
.popup-additional-cover-section input:checked~label::before {
  left: -3px;
  top: -3px;
  width: 14px;
  height: 14px;
  border-radius: 3px;
  -webkit-transform: scale(3);
  -ms-transform: scale(3);
  transform: scale(3);
  opacity: 0;
  z-index: 999;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}

/*************Tooltip CSS start here**************/

.wrapper {
  border: solid 1px #696969;
  border-radius: 50%;
  padding: 0 4px;
  text-align: center;
  font-weight: bold;
  /*	-webkit-transform:translateZ(0);*/
  position: relative;
  left: 5px;
  font-size: 8px;
  font-weight: 700;
  cursor: pointer;
  top: 0px;
  /*z-index:2;*/
  z-index: auto;
  display: inline-block;
  line-height: 12px;
  width: 13px;
  height: 13px;
  text-align: left;
}

.wrapper em {
  font-style: normal;
  font-weight: bold;
  color: #696969;
  font-size: 9px;
  line-height: 10px;
  display: block;
  text-align: center;
}


.wrapper .tooltip {
  top: 100%;
  display: table;
  text-align: left;
}

.wrapper:hover .tooltip {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}

.wrapper .tooltip {
  background: #808b8b;
  top: 100%;
  color: #fff;
  display: block;
  left: -115px;
  margin-bottom: 10px;
  opacity: 0;
  padding: 8px;
  pointer-events: none;
  position: absolute;
  width: 300px;
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-transition: all .25s ease-out;
  -moz-transition: all .25s ease-out;
  -ms-transition: all .25s ease-out;
  -o-transition: all .25s ease-out;
  transition: all .25s ease-out;
  -webkit-box-shadow: 0 2px 9px 0 rgba(165, 165, 165, 0.36);
  -moz-box-shadow: 0 2px 9px 0 rgba(165, 165, 165, 0.36);
  -ms-box-shadow: 0 2px 9px 0 rgba(165, 165, 165, 0.36);
  -o-box-shadow: 0 2px 9px 0 rgba(165, 165, 165, 0.36);
  box-shadow: 0 2px 9px 0 rgba(165, 165, 165, 0.36);
  font-size: 11px;
  line-height: 17px;
  z-index: 999;
  letter-spacing: 0.3px;
  text-align: left;
  color: #ffffff;
  border-radius: 6px;
  color: #fff !important;
  font-weight: 300;
}

.wrapper .tooltip:before {
  bottom: -20px;
  content: " ";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  width: 100%;
}

.wrapper .tooltip:after {
  border-left: solid transparent 10px;
  border-right: solid transparent 10px;
  border-top: solid #7f8c8d 10px;
  top: -7px;
  content: " ";
  height: 0;
  left: 40%;
  margin-left: -13px;
  position: absolute;
  width: 0;
  top: -12px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #818c8c;
  border-width: 6px;
  margin-left: -6px;
}

.try-again img {
  margin: 40px auto;
  display: block;
}

.try-again p {
  text-align: center;
  display: block;
  margin: 50px auto;
  color: #0065ff;
  font-size: 16px;
  font-weight: 500;
}


/*new info icon image css*/
.wrapper.newinfo {
  border: none;
  padding: 0px;
  top: -2px;
}

.wrapper.newinfo img {
  width: auto;
  position: relative;
  top: -1px;
}

.wrapper.newinfo .tooltip:after {
  margin-left: -4px;
}

.tp_carousel_wrap .newinfo img {
  width: 12px;
}

/*new infor icon image css ends*/


/*************Timer CSS start here**************/
.timer-section {
  border: solid #fc4804 2px;
  position: absolute;
  border-radius: 24px;
  width: 157px;
  height: 32px;
  right: 16px;
  top: -18px;
  background: #fff;
  padding: 4px;
  text-align: center;
  letter-spacing: -0.2px;
}

.timer-section b {
  color: #989898;
  font-weight: 400;
  font-size: 13px;
  display: inline-block;
}

.timer-section b div {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  color: #212121;
  width: 75px;
  letter-spacing: -0.7px;
}

.timer-added {
  border: solid #fc4804 2px;
  margin-top: 20px;
}

.timer-added .buy-now-section {
  padding: 10px 0 0 0;
}

.quotes-fetching-popup {
  width: 500px;
  height: 370px;
  border-radius: 3px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
  background-color: #ffffff;
  z-index: 9;
  position: fixed;
  left: 50%;
  top: 50%;
  margin: -185px 0 0 -250px;
  z-index: 999;
}

.quotes-fetching-popup .loaderTxt {
  color: #212121;
  font-weight: 400;
  text-align: center;
  padding: 30px 60px;
}

.quotes-fetching-popup .loaderImg {
  border: dashed 2px #cecece;
  margin: 20px auto;
  display: table;
  padding: 10px;
}

.quotes-fetching-popup .loading-spinner {
  width: 71px;
  height: 71px;
  margin: 0 auto;
  display: table;
  background: url(https://static.pbcdn.in/car-cdn/rct/images/loader_ani.gif) no-repeat 0 0;
}

.footer {
  text-align: center;
  padding: 20px 0;
  line-height: 10px;
  border-top: solid #dfe5ea 1px;
  width: 100%;
  margin: 100px auto 0;
  color: rgba(85, 111, 123, 0.8);
  clear: both;
  animation: fadein 2s;
  font-size: 10px;
}

.footer p {
  font-size: 10px;
  font-weight: 400;
  line-height: 14px;
}

.orange-text {
  color: #f68630;
}

.footer a {
  font-size: 10px;
  margin-bottom: 3px;
  display: inline-block;
}

.gst-statement {
  text-align: center;
  width: 100%;
  margin: 10px auto 0;
  font-size: 12px;
  display: table;
}

.show-more-btn {
  background: none;
  border: none;
  color: #fff;
  border-radius: 4px;
  margin: 30px auto 0;
  display: block;
  padding: 8px 20px;
  border: solid 1px #ed4634;
  color: #ed4634;
  /* position:absolute; */
  /* left:50%; */
  width: 150px;
  /* margin-left:-75px; */
}

.gstTxt {
  margin: 10px 0 0;
}

.plan-feature-upper ul li {
  position: relative;
  cursor: help;
}

.plan-feature-upper ul li .tip-content {
  top: 100%;
  display: table;
  text-align: left;
}

.plan-feature-upper ul li:hover .tip-content {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}

.plan-feature-upper ul li .tip-content {
  background: #808b8b;
  bottom: 100%;
  color: #fff;
  display: block;
  left: 0;
  margin-bottom: 10px;
  opacity: 0;
  padding: 10px;
  pointer-events: none;
  position: absolute;
  width: 300px;
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-transition: all .25s ease-out;
  -moz-transition: all .25s ease-out;
  -ms-transition: all .25s ease-out;
  -o-transition: all .25s ease-out;
  transition: all .25s ease-out;
  -webkit-box-shadow: 0 2px 9px 0 rgba(165, 165, 165, 0.36);
  -moz-box-shadow: 0 2px 9px 0 rgba(165, 165, 165, 0.36);
  -ms-box-shadow: 0 2px 9px 0 rgba(165, 165, 165, 0.36);
  -o-box-shadow: 0 2px 9px 0 rgba(165, 165, 165, 0.36);
  box-shadow: 0 2px 9px 0 rgba(165, 165, 165, 0.36);
  font-size: 11px;
  line-height: 17px;
  z-index: 999;
  display: table;
  letter-spacing: 0.2px;
  text-align: center;
  color: #ffffff;
  border-radius: 6px;
  color: #fff !important;
  top: 24px;
  font-weight: 300;
  text-align: left;
}

.plan-feature-upper ul li .tip-content:before {
  bottom: -20px;
  content: " ";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  width: 100%;
}

.plan-feature-upper ul li .tip-content:after {
  border-left: solid transparent 10px;
  border-right: solid transparent 10px;
  border-top: solid #7f8c8d 10px;
  top: -7px;
  content: " ";
  height: 0;
  left: 10%;
  margin-left: -13px;
  position: absolute;
  width: 0;
  top: -12px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #818c8c;
  border-width: 6px;
  margin-left: -6px;
}

.plan-feature-lower ul li .tip-content {
  top: 100%;
  display: table;
  text-align: left;
}

.plan-feature-lower ul li:hover .tip-content {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}

.plan-feature-lower ul li .tip-content {
  background: #808b8b;
  bottom: 100%;
  color: #fff;
  display: block;
  left: 0;
  margin-bottom: 10px;
  opacity: 0;
  padding: 10px;
  pointer-events: none;
  position: absolute;
  width: 300px;
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-transition: all .25s ease-out;
  -moz-transition: all .25s ease-out;
  -ms-transition: all .25s ease-out;
  -o-transition: all .25s ease-out;
  transition: all .25s ease-out;
  -webkit-box-shadow: 0 2px 9px 0 rgba(165, 165, 165, 0.36);
  -moz-box-shadow: 0 2px 9px 0 rgba(165, 165, 165, 0.36);
  -ms-box-shadow: 0 2px 9px 0 rgba(165, 165, 165, 0.36);
  -o-box-shadow: 0 2px 9px 0 rgba(165, 165, 165, 0.36);
  box-shadow: 0 2px 9px 0 rgba(165, 165, 165, 0.36);
  font-size: 11px;
  line-height: 17px;
  z-index: 999;
  display: table;
  letter-spacing: 0.2px;
  text-align: center;
  color: #ffffff;
  border-radius: 6px;
  color: #fff !important;
  top: -300%;
  font-weight: 300;
  text-align: left;
  bottom: 23px;
  top: inherit;
}

.plan-feature-lower ul li .tip-content:before {
  bottom: -20px;
  content: " ";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  width: 100%;
}

.plan-feature-lower ul li .tip-content:after {
  top: 100%;
  left: 10%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-top-color: #808b8b;
  border-width: 6px;
  margin-left: -6px;
}

.popup-addons-section ul li .tip-content {
  top: 100%;
  display: table;
  text-align: left;
}

.popup-addons-section ul li:hover .tip-content {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}

.popup-addons-section ul li .tip-content {
  background: #808b8b;
  bottom: 100%;
  color: #fff;
  display: block;
  left: 0;
  margin-bottom: 10px;
  opacity: 0;
  padding: 10px;
  pointer-events: none;
  position: absolute;
  width: 300px;
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-transition: all .25s ease-out;
  -moz-transition: all .25s ease-out;
  -ms-transition: all .25s ease-out;
  -o-transition: all .25s ease-out;
  transition: all .25s ease-out;
  -webkit-box-shadow: 0 2px 9px 0 rgba(165, 165, 165, 0.36);
  -moz-box-shadow: 0 2px 9px 0 rgba(165, 165, 165, 0.36);
  -ms-box-shadow: 0 2px 9px 0 rgba(165, 165, 165, 0.36);
  -o-box-shadow: 0 2px 9px 0 rgba(165, 165, 165, 0.36);
  box-shadow: 0 2px 9px 0 rgba(165, 165, 165, 0.36);
  font-size: 11px;
  line-height: 17px;
  z-index: 999;
  display: table;
  letter-spacing: 0.2px;
  text-align: center;
  color: #ffffff;
  border-radius: 6px;
  color: #fff !important;
  top: -300%;
  font-weight: 300;
  text-align: left;
  top: -113px;
}

.popup-addons-section ul li .tip-content:before {
  bottom: -20px;
  content: " ";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  width: 100%;
}

.popup-addons-section ul li .tip-content:after {
  top: 100%;
  left: 10%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-top-color: #808b8b;
  border-width: 6px;
  margin-left: -6px;
}

.popup-addons-section ul li {
  width: auto;
  display: table;
}

.__react_component_tooltip.type-dark {
  color: #fff;
  background-color: #808b8b;
  font-size: 11px;
  line-height: 17px;
  border-radius: 6px;
  width: 400px;
  padding: 10px;
  letter-spacing: 0.3px;
  font-weight: 300;
  /*box-shadow:0 0 1px 46px #000;*/
}

.__react_component_tooltip.type-dark.place-left:after {
  border-left-color: #808b8b;
}

.__react_component_tooltip.type-dark.place-bottom:after {
  border-bottom-color: #808b8b;
}

.__react_component_tooltip.type-dark.place-top:after {
  border-top-color: #808b8b;
}

.popup-discount-section span.wrapper {
  display: inline-block;
  line-height: 6px;
  margin: 0;
  position: relative;
  left: 3px;
  top: 0
}

.popup-discount-section span.wrapper em {
  position: relative;
  left: 0.3px;
}

.__react_component_tooltip.show {
  opacity: 1 !important;
}

.why-policy-banner.new-banner {
  width: 100%;
  height: 103px;
  margin: 20px 0;
  object-fit: contain;
  border-radius: 4px;
  box-shadow: none;
  background: #fefefe url(https://static.pbcdn.in/car-cdn/rct/images/car-banner.png) no-repeat right -5px;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  border: solid 1px #c7dae4;
}

.why-policy-banner.new-banner .banner-div {
  cursor: pointer;
  background: #fff;
  opacity: 0;
  transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1);
  width: 80%;
  height: 80%;
  position: absolute;
  left: 10%;
  top: 10%;
  display: none;
}

.why-policy-banner.new-banner:hover .banner-div {
  background: rgba(0, 0, 0, 0.66);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  opacity: 1;
}

.why-policy-banner.new-banner .click-here-btn {
  opacity: 0;
}

.why-policy-banner.new-banner:hover .click-here-btn {
  width: 200px;
  height: 42px;
  border-radius: 4px;
  background-color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -21px 0 0 -100px;
  font-size: 14px;
  color: #212121;
  overflow: hidden;
  opacity: 1;
  text-align: center;
  line-height: 42px;
}

.why-policy-banner.new-banner ul.points li {
  position: relative;
  color: #212121;
  padding: 0 0 0 30px;
  font-size: 13px;
  line-height: 26px;
  float: left;
  width: 42%;
  font-weight: 500;
  letter-spacing: -0.2px;
}

.why-policy-banner.new-banner .click-more {
  position: absolute;
  left: 25px;
  bottom: 25px;
  font-size: 12px;
  font-weight: 500;
  color: #2783f6;
  background: #fff;
  border-radius: 12px;
  padding: 3px 15px;
  border: solid #2783f6 1px;
}

.why-policy-banner.new-banner h2 {
  font-size: 14px;
  font-weight: 300;
  display: table;
  position: relative;
  text-align: left;
  float: left;
  width: 35%;
  background: #cce6f5;
  border-radius: 0px 0px 120px 0;
  margin: -30px 0 0 -30px;
  padding: 50px 0 94px 50px;
  color: #000;
  line-height: 28px;
}

.why-policy-banner.new-banner h2:after {
  width: 50px;
  height: 3px;
  background: #9188a9;
  position: absolute;
  left: 20px;
  bottom: 7px;
  content: "";
  border-radius: 2px;
  display: none;
}

.why-policy-banner .popup.why-policy h2:after {
  display: block;
}

.why-policy-banner.new-banner ul {
  width: 59%;
  float: left;
  margin: 25px 0;
}

.why-policy-banner.new-banner ul.points li:before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 20px;
  background: #000;
  left: 20px;
  top: 11px;
  position: absolute;
}

.popup.why-policy {
  position: fixed;
  width: 800px;
  height: 464px;
  border-radius: 6px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
  background-color: #ffffff;
  left: 50%;
  top: 50%;
  margin: -232px 0 0 -400px;
  padding: 25px 40px;
}

.popup.why-policy {
  color: #212121;
}

.popup.why-policy .popup-content {
  width: 94%;
  margin: 0 auto;
}

.popup.why-policy .popup-content::after {
  content: "";
  display: block;
  clear: both;
}

.popup.why-policy h2 {
  background: none;
  color: #212121;
  font-size: 22px;
  font-weight: 500;
  margin: 0;
  display: table;
  padding: 10px 0 55px 20px;
  width: 100%;
  position: relative;
  font-weight: 500;
}

.popup.why-policy h2:after {
  width: 62px;
  height: 6px;
  background: #0065ff;
  bottom: 30px;
  border-radius: 6px;
}

.popup.why-policy li {
  float: left;
  width: 95%;
  color: #6d6d6d;
  font-size: 12px;
  font-weight: 300;
  padding-left: 65px;
}

/*why pb popup sepearte icon */
.popup.why-policy li {
  position: relative;
  background: none;
}

.popup.why-policy li div.CashlessAssurance,
.popup.why-policy li div.PickupDrop,
.popup.why-policy li div.RepairAssurance,
.popup.why-policy li div.VideoClaims,
.popup.why-policy li div.Windshield {
  position: absolute;
  width: 60px;
  height: 60px;
  left: 0;
  top: 3px;
}

.popup.why-policy li div.CashlessAssurance {
  background: url(https://static.pbcdn.in/car-cdn/rct/images/cashless.svg) no-repeat;
  background-size: contain;
  height: 42px;
  width: 96px;
  top: 3px;
}

.popup.why-policy .PickupDrop {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAjCAYAAADWtVmPAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAcRSURBVFiF1dh7jFXVFQbw374zCFYkGHxCrVob20qwgMGo9YXGQmqLjwpVGymPey4CoQlVqGgbJ9pItdTSVArcGUREY5VKA62JRi2K2sSqIEqj1WoFgahVQYPIY+5d/eMOjMPcOwzUUPslJyfZ69t7re/ss/dae9MRsrhNFv8wJr7cIe9zgFTTksUI3Icy3lY2xLy0en8FtrfIVW3Nx3FoxJuSQZKSnCfk49T9Gt1eoL2QhshJ5qMHvqSsh2an4i3Jo7IYsr+D7AzaC1nvOpyN6VguWairT9QbjBVYqhDD92+Ye0ZbIYUYiJ9hhU0ahCtxkGYzzU4bdXM+lgr3yiL7H8RbE62LvRBfwArhaMnJiukVkI+RkgXCcE3pD4ZHnZ5mI4+pGtOMffaej6Vy+nbICW/pZpjfpo86orXOSNkM4auYsksENKW78ADmGBO9LUoljamAm/BLWdy8byoiSb6LLcLzNR9Os83Mzo1ZiIGyKMviQaL9ljwxesligyweamMvxHhZNMtitoaovgN2JCSLkI/rOqTlY4osQhbDOqJVnJf0QZJzGynasWal9zEa31IwcVd7Mc0WRmCU9e5RiC57J6YGJkR3WVysEFMl9fgIRaPjsI6F7EQo1xy8MT0s+Z1wi0J8bVd7U1osZwiGCkta1tq+Ix9f12wVFgu34GaVVHCELuZ0TsieMRVrhbvbfP25abnkLHxDeNio6Ln3ClpQ2Vh6De1n1j358j8fGF/2wPiy8ecE4ZITfhqTawtJSiAc1KGTYtoi50qcpOyG3WwvKTsdh+pimXwcsdciJsSRGDSsv6dmjihNPPmY+Erf3qFv7zDp3LJBx4QNH5oxckEMqC6k5Fl8gIXGxjc7dDY3PYcbJdfK4vQ2tnlpjQOcga2SJ10Vx+6VkO36wAUnlc9vF2jilkvLErlVaz22bFnUtxVSiKt10Uuz/tgk56Y9OtxkOp7BXSZE9za2Wel9yXl4VcmTxsWJnRZSpxkSB1Qz9+7J9d8uW7XWIbe/7L62QsIUZdfq7l2VWem1R4eLUkkyEkfYUWWPL6Yt+rgIjyp7QhaDOiUkvIbmVW+pmfwuGhCG9g1LXzRMFie0CknmSH5oq00YiAWdclpMr0smY6x8XNjO3pCaNRqjUkU/phCDOzHmFhRnP547YP7TaduqdcnfN7R/hvbzYnPZDiwwPOogVRKT7wunSZ7WmO7vlJCdyGIJThP6aUrvVOUU4kfCdOEKTWlJpTGSTFm4XlNqrQ5GRTdd/CJV0uWet/KW/rUPVp3FVXG4khfxrEbDqiZUdh7U5ksmKKYFNYXsxPCo08vRtneQIuoUMFnJSf+1DjAuhsqiLB+FDnmFGCyLjQpxdadLlI6Qj1NbypcR9e2MY6K3nCGSwzs9YKUeWCO5TT4O3ZWXdkdlrh4SZijor/rc7RPaCsliGm5AV2zGjr0cb7vkmk7wNgoX4D3JZ3IP0CokHxNV6pr7lUxzR3rjs3Cwv1BZSJOiq+QmYbk+Lv9/E8FOIdsNxCG4U0OqXQF/jlH5tUq6S0g1MmoWF2My+uFDPIUbNaZX23FHx2HqTcN3cCReE+6QU1RMe15zk+NAH5skXIHjsQ5/tMOt7kybdmNX8kxo3lk0vqKyp7Qr1uRjhsrZ4EAsxF9bglwhi7N34x6n3nMYj9VowoeS24UlJkXXDkVMih42+4swHRtUqoI38BNdPKMQR+3W40xQ5/XWpiwelEVJFj/4VNswWcSufX8nRsfRslgti3fbFI1ZPCWLdbJoe6GQj0tk0awQDR0KKcTtstgsH2e2aR8XZ8niY1n8+VNjnimLzbJYSaTW4MZEb3WWq0znS1gpOUN4TWMa2s7p2DhFzjN4RPIv4WBcLhmhmBa142cxG1dIfl9TSBgpuUEx3VpF5LXCdMndwnEqZdFGOYMV00ttS5TxcYgdpkouxFHoKfmxYvp1Fa9J5j0crJJzuuJA3fSsenVTWWeL1c5PXdBdTn9z06p21rExQM4KfIJ3VD7gzxXTWnZPiLPTRkzDtJb7q22i+tlAg2S9eslixXSZQuSFRttq8EM3CeESTemRdvZxcZ6yR5Vr9E+6trwnK6a5u5trF2SLUgmrMKzqVc8656GHsudBqeVd1r6krwRwEUpKXqhqr/cCmlt4tfoTVlQz7+nyYSZOt8GvDI/WLzU2BkiaVE6U88G8tBKPS2bIx7m7uA2Rk48pGCG51/z076qeKifLhcIUWVzWxlbZgK7G0xrTs9V17glZzMIErMffcDhOwXZ8T2N6eBc3H1+ULFPZMJ7DGgzA8ZKVtju3Si5oxaToYatHcIpktfAyTkRfrFHnHHPSm/smpBLgpZIJLYNuxTJMr5oQR0VP9a5p+RWOkqwRFkl+03IC7Bijopt6kySX4Vi8jT8pu9W89EGtbv8BWbjEnZi5CDwAAAAASUVORK5CYII=) no-repeat 0 0px;
}

.popup.why-policy .RepairAssurance {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAABmJLR0QA/wD/AP+gvaeTAAAGpElEQVRYw81ZCWwUVRger3qiXKJgRFExKIcxEUXxippoqkREURIEC7szIAgWATVIoQYEIyrIZQS8ypGiJAIGQQgpBm9RCbWUBpWggW4liOEQ6u7s5/+/9+/um9nZq0XkJX9m+96b/33zv/+uZTV32OhJtCUH9bT+9xHGXQQE9PyOnhs8pOeg9pw0QIfh9rQ1njthQB20J3rBsnDKfwI0jJFWCK2PB8gd6jAHcz1g++M0OuROoqU5gdp4m37fbJXjVJ9+T5P1H4l/26aBHIoOAvIQPRcLwznWIJxLf48lgPUy9zfRJ/R3pwCgnWntK6KY7N1L7462RuFM2j9VpL1aeGyzhqNdU0EepOet8vUvy2GH5bmSgNxnjcHZOfmNRBvaP4Bok7y7X0DOV7ek1Yf51lgjcHHhIEPo7bsqBruZ6JZmqNP9RNXEY55HlbSaHFRnD8cluUHaqAsEmf3wK5VR2JhBtESIf48gnlek7Ve6GmCcLAAbfxHttIbg0myuZjBtihNtJGMpygquHKcTwLBIB0JHiXYLHTXmtxENVQaYi2cYa0UtnFzSeUrArsoIlvU24Q3YqbOBOOiYti+Ey2i9VKITA65V1p8JpI0PhOf4fMPiKAWWLdLBGT6ph2itkehnWuub0b96Bu2x8TDRr0THiEo8yyzpgkHyYEu20UD0rQeIgydEMuusJ9GqYENix25jvfAY6BPOZuUN2P0VkGiME2Z3GJLsJdLYoK7JGNsjjd12RKIz6yLuTzsisX2a3OraSPT1nfW4NuCKN4oO9zQ+orec+Vx+IDWjP9S1e6+GDWKXGe5qalBU2xCbS8BiRMhAtBZ9YwsMFdJ+dbeKSGa0Yrvgs32CCB6p+NzPkOYQCaP9TZB1kdj6LAC9VB9bx+8YoAbIOYMN1eor4fjuIL3po1xBgjji2PiHwtz5BtPvFRn6SiDfMoFU74lhwMI42o4B2o0F7Io4ttf7wDbE5vkMbKu2AxkjcJ6oxBoPJsZIk1WGv0vQJuMrO4oHSFpjbaSxOx3smiBKl7toQyCnr3UxcaWLouHA1DVumhp4dNbB84q3GYkSftRLVQmgnysrTpCDcwxplsgVXWNIc47/akvejeO19SlgxbPj6PdmPEANorMM3l0FyCCPxzGxMDYDaFWWAFBG667pT+mw7dn0kdWgS1kc41e4AetutWGkRUqiKt/N6IGq8gPKyQNbojHowENBAL/ZFUPXyXF0GA/0mRvHtj2BH3LQx3+fSh+bDTSMV1VO6gV6OAjo1t9jeOZDFwMXxdFilNbXPIAeIYm+0nygnCSzHhleINfVM42ja28/DmnzHBSSvEvQUvS/ND+gDn5RESFF9xoSfdAfpTji+AF0oytfsDklwUmrXbQcjQB/Gp2RVm/ZeMAAdo8Hi8ZWFeyeHPyQfJFjL5cKDmYmnX19Y1d/NHpovtbNcgJYtspF61LgsQVpVh+t24suBqjZcvWml/k62D0NRQufO5iS5ttsfKSSFN6buv5ZJogtu7XDb/U00IZAsrtinc0oTQcXiCGtSM4NwYXKw7BdmJiMc02d7J6WuA7DDeL0pyamOHbT4Z8WEELXVsGI4WFMV6BCuN4QyCA5u1e+2VONSnLLPYyXqjzUKFGanJSEcZsK0zYqPOUJJymcs/rL6ixAHxXdsJNzWi3qVJkcwlVBaR4ZWQ0BO8rE1h2Y5ukSukEJgq3eWwZB5bwFJs4H6KXfPHWOQ4ag9Wq/ss5CB5fXNv5UAcTG1Z4ERVv3IZWY5A1SJwYxej4eEAA6SW7qKnXgCjQ3wM60r1Jqsa1kqJdnuMWoSqpzZvnsJnQnLpZWKnjL6hZiDEcUYC4jODBwOubgJkX8W1cKX8iewzT/UlaJcb6rwW7KLlkHz4puLs+7N2VjkuSrCKC4qkA5scm3A8IGpnW1LPMmXXJUyCET09b5SsK4KPBd7huFcKOKZEz8O1MviRtiQb6Rc14NsjJ3OaK7dO+JP5vsu+7PpEc0rUlVqI7tU1QnhptnptXrJJoFtCy/minh0xy8Iy++qKJIGF+K7/tYdO4A0SKaf8RzoH9wMsM1fRgLxeJd4XFMNS+4WAxjgpy1JGc3JRAs9zU1gz3K2fOVpqLXMuVO9HpUXXW6tV8nHwcxpkri0UOuuVjqo71y3YsLB2mC1ZI45slwUld5VjINDGrkMnitQhMC25Ocpene6PtNB2k6Y5ZMU3r4KaDFWd7vkX/IPB7/bOC+p5nxMHF9ngvoCf+vSDY6KYBy89dsFgRR1qZsfuNfXlcAcusA7qEAAAAASUVORK5CYII=) no-repeat 0 0px;
}

.popup.why-policy .VideoClaims {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAqCAYAAABC8iBdAAAABmJLR0QA/wD/AP+gvaeTAAACDUlEQVRYhe3YsWtVVxwH8M/vvieJgrWmoqKZOijqIIqlW6lT7eBoUAIGSqIiLh2D/4OK1oDGQgdjByk4ODoURNxaEBVU3FIICWJcNOblvZ9Dmia+vPie6XPyfbd7zvndz+Fwh/s7YSEn8ztVPwm7UNKOpCnhT90uuBRvAwzlUYxhCo9RbQvGJuzFPdO+X8AmpCfWO+R8vGlYdiKPSF+DMKswpmK7wkFr3DASEw3rhrIf13GsbDB7sQVnV4SOZEm6go0gUTWp8CP6zXqFXxvWjrphyAi+KYR1oNAYgptRVbFNWY+yHuFLozFm2oCKja5FY2j+GFJ6jXXllRfV5beYwcyyTTDd6iuWYZkZTyarv0j92NDyZhZTzYwHGXPHd2/terh0oqhf+XSickA6vUoIShG5r1Aarp9YhtWK6Fkl8n7SV02xT5kO1sE6WAfrYB2sg3Wwzw8rtauDKdSaYtVK+W/h5f+1QtypH1v2+72rN148nsxvS2qHs2bN6qh8vmNL8UdTDHZvjmc4tzpo5bTexYAMQy6iD+M4bjQetVr9cV/joD6cwWbst1ID2BYs7KwbqX9ugs13hdSsbQG7jbklI7eaExn/drevC9diHP8IA37OD4NX4y/pB+GyMKzbqabWoH58Id1fuC3ow+/mrybGm++2xYQuaY90V6+D8d/E4qXL9rZhzAj3dDnvUrx9B2s/kmlMZjg4AAAAAElFTkSuQmCC) no-repeat 12px 0px;
}

.popup.why-policy li div.Windshield {
  background: url(https://static.pbcdn.in/car-cdn/rct/images/windsheild.svg) no-repeat;
  background-size: contain;
  height: 34px;
  width: 50px;
}

/*why pb popup sepearte icon ends */
.popup.why-policy li b {
  width: 100%;
  color: #060606;
  font-size: 14px;
  font-weight: 500;
  display: block;
}

.popup.why-policy li:last-child span {
  border: none;
}

.popup.why-policy li span {
  color: #696969;
  line-height: 18px;
  border-bottom: solid 1px #d8e8fc;
  margin: 0 0 18px 0;
  padding: 0 0 18px 0;
  display: table;
  width: 100%;
}

.policy-type-details-section {
  position: fixed;
  height: 390px;
  left: 25%;
  padding: 0;
  z-index: 99999;
  background: #e8eff1;
  width: 520px;
  box-shadow: 0px 1px 9px 0 #6f6f6f;
  border-radius: 4px;
  margin: -200px 0 0 -300px;
  top: 50%;
  left: 50%;
}

.policy-type-details-section .popup-header {
  text-align: center;
  font-size: 16px;
  color: #0e75f6;
  padding: 20px;
  background: #fff;
  border-radius: 4px 4px 0 0;
}

.policy-type-details-section .popup-header span {
  display: block;
  color: #212121;
  font-size: 13px;
}

.policy-type-details-section .popup-content ul {
  margin: 20px auto;
  width: 72%;
}

.policy-type-details-section .popup-content li {
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 0px 2px 4px 0px #e0e0e0;
  padding: 10px;
  font-size: 14px;
  color: #000000;
  margin: 0 0 14px 0;
  height: 54px;
  line-height: 18px;
  position: relative;
  border: solid #fff 1px;
  transition: border .25s linear;
  -webkit-transition: border .25s linear;
}

.policy-type-details-section.wid_od_cover .popup-content li {
  height: auto;
  padding: 8px 10px;
}

.policy-type-details-section.wid_od_cover {
  min-height: 390px;
  height: auto;
}

.policy-type-details-section .popup-content li:hover {
  border: solid #0f75f6 1px;
}

.policy-type-details-section .popup-content li input[type="radio"] {
  display: inline-block;
  vertical-align: top;
}

.policy-type-details-section .popup-content li:hover label,
.policy-type-details-section .popup-content li:hover label span {
  color: #0f75f6;
}

.policy-type-details-section .popup-content li label {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  padding: 0 0 0 35px;
  z-index: 9;
  position: relative;
}

.policy-type-details-section .popup-content li:nth-child(2) label,
.policy-type-details-section .popup-content li:nth-child(4) label {
  padding-top: 0px;
}

.policy-type-details-section .popup-content li label span {
  display: block;
  font-size: 12px;
  color: #7a7a7a;
  font-weight: 400;
}

.policy-type-details-section ul li input[type=radio] {
  position: absolute;
  visibility: hidden;
  width: 20px;
  height: 20px;
  top: 18px;
  left: 15px;
}

.policy-type-details-section ul li .check {
  display: block;
  position: absolute;
  border: 1px solid #AAAAAA;
  border-radius: 100%;
  height: 18px;
  width: 18px;
  top: 19px;
  left: 15px;
  z-index: 5;
  transition: border .25s linear;
  -webkit-transition: border .25s linear;
}

.policy-type-details-section ul li:hover .check {
  border: 1px solid #0f75f6;
}

.policy-type-details-section ul li .check::before {
  display: block;
  position: absolute;
  content: '';
  border-radius: 100%;
  height: 10px;
  width: 10px;
  top: 3px;
  left: 3px;
  margin: auto;
  transition: background 0.25s linear;
  -webkit-transition: background 0.25s linear;
}

.policy-type-details-section input[type=radio]:checked~.check {
  border: 1px solid #0f75f6;
}

.policy-type-details-section input[type=radio]:checked~.check::before {
  background: #0f75f6;
}

.policy-type-details-section h3 {
  font-size: 14px;
  font-weight: 300;
  text-align: center;
  color: #212121;
}

.policy-type-details-section .question {
  text-align: center;
  font-weight: 400;
  font-size: 14px;
  color: #2684ff;
  margin: 15px 0 20px;
}

.popup-content.expiry-section {
  background: #fff;
  padding: 25px 0 43px 0;
  border-radius: 4px;
}

.popup-content.claim-made,
.expiry-dont-know-section {
  padding: 25px 0 43px 0;
  height: 390px;
  background: #fff;
  border-radius: 4px;
}

.policy-type-details-section .claim-made button,
.expiry-dont-know-section button {
  width: auto;
  display: block;
  margin: 20px auto 0;
  border: solid #212121 1px;
  border-radius: 30px;
  padding: 8px 0;
  clear: both;
  transition: all 0.3s ease-in-out;
  font-weight: 500;
  font-size: 14px;
  background: #fff;
  color: #212121;
  min-width: 150px;
}

.expiry-dont-know-section button {
  width: 55%;
}

.policy-type-details-section .expiry-section .back-btn,
.policy-type-details-section .claim-made .back-btn {
  top: 26px;
  position: absolute;
  font-size: 12px;
  left: 30px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAKCAYAAACXDi8zAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkVDRTQxQkY5NTQ1MDExRTlBNzkxOUU4NTFBNDg4MkJCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkVDRTQxQkZBNTQ1MDExRTlBNzkxOUU4NTFBNDg4MkJCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RUNFNDFCRjc1NDUwMTFFOUE3OTE5RTg1MUE0ODgyQkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RUNFNDFCRjg1NDUwMTFFOUE3OTE5RTg1MUE0ODgyQkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7zpLMIAAAAWUlEQVR42myMiwmAQAxD2+NWcNv7qjO4qwhiCikUuUAI5DXV7XrlpwN+0qIscIpgZ2k5HEy4ctGtMDDgBp9McbBU5kLDdXUg/KteWuawboQlLiS+ge5PgAEAkbwPq8l3UKkAAAAASUVORK5CYII=) no-repeat 0 5px;
  padding-left: 10px;
  transition: all 0.3s ease-in-out;
  border: none;
  color: #2f96f7;
  padding: 1px 10px;
  min-width: auto;
  margin: 0;
}

.policy-type-details-section .expiry-section .back-btn:hover,
.policy-type-details-section .claim-made .back-btn:hover {
  background-position: 5px 5px;
  padding-left: 15px;
}

.policy-type-details-section .ui-datepicker td {
  border: solid 1px #e5e5e5;
  padding: 0;
  height: 26px;
}

.edit-ncb-button.disabled:after {
  display: none;
}

.edit-ncb-button.disabled:hover {
  color: #000;
}

.ncb-box p.plan-not-found {
  margin: 30px auto;
}

.ncb-box button.close-btn {
  background: #fc4804;
  border: none;
  color: #fff;
  width: 100px;
  padding: 7px;
  border-radius: 4px;
  margin: 50px auto;
}

.quotes-section {
  min-height: 650px;
}

.edit-ncb-button .wrapper {
  padding: 0 3px;
}

.Previous-policy-details-section {
  padding: 25px 10px;
}

.call-back-banner {
  border: solid 1px #c8cedb;
  border-radius: 4px;
  box-shadow: 0px 2px 5px 0 #e0e0e0;
  margin: 0 auto 15px;
  background-image: linear-gradient(to right, #e5efff, #fff);
  height: 76px;
  cursor: pointer;
}

.call-back-image {
  width: 60px;
  height: 60px;
  float: left;
  background: url(https://static.pbcdn.in/car-cdn/rct/images/needhelp.png) no-repeat;
  margin: 11px 5px 0 36px;
}

.call-back-banner p {
  float: left;
  margin: 12px auto 0 20px;
  display: block;
  font-size: 16px;
  font-weight: 500;
  color: #000;
}

.call-back-banner p span {
  display: block;
  font-weight: 400;
  font-size: 13px;
  color: #212121;
}

.call-back-btn {
  width: 140px;
  height: 28px;
  border: solid #2f96f7 1px;
  display: block;
  line-height: 26px;
  border-radius: 4px;
  float: right;
  margin: 23px 20px 0 0;
  font-size: 12px;
  cursor: pointer;
  color: #2f96f7;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggTWFjaW50b3NoIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2ODlCREU0NzY2NTExRTk4OUY3ODRFMkY3QzA0QUZCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2ODlCREU1NzY2NTExRTk4OUY3ODRFMkY3QzA0QUZCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTY4OUJERTI3NjY1MTFFOTg5Rjc4NEUyRjdDMDRBRkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTY4OUJERTM3NjY1MTFFOTg5Rjc4NEUyRjdDMDRBRkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7vD/1BAAABzElEQVR42mIJm/f9/8WnDChAUYiBodOflZGFiYFkwHTlKabg/XcMDEXrfmsxkAGYOFmxS/BxM8iSZaAgN3YJdmZGE7IMlOJnxCrBysgQR5aBf/8xrMIm8fc/gxpZBn759X8GuiA3MFy//2dwIcvANh/W/ZJ8qIbJCDK4tLiz7CXLQBAhI8S4DiagJMoQ2u7LSpZhcAP33PyXwAVNPpysjMUMFACwgXuz2D5rSTCuAbHPPvxvUbnltzVFBoJAmTNLqKwAMHaB7E/fGI64TvklTJGBLMwMDBzsDJZsQPr5ZwYGMwXGN9rxP0nOzYxXn/1BEWje+af0wpP/Xf+BbE1xBoZTD/6L7M5he4uspmrLb0cOFsZ9QMtv/f7PsOjn3/9nPn1leNwXxHoNw0AQaN31p+/c4/+FIEMleYH5movBpt2H9ShIrnLzb+cn7xn2fP2N6TpQKYXVQJhLrz7/3/ULGKjAUGAwlmc88f33/957rxlWYzMMp5eRQfmW3xY/fjIcf/yBgjBEB3+ALuza+2f1tRf/Q779JiGWcQFQ7Fe5sYQ+//Kfz1SBcR1yNiXLhdgAKJZ52BgzmJkYwp59/M/w/iuwMAG6XkeagQEgwAAym6JXifCYbgAAAABJRU5ErkJggg==) no-repeat 14px 7px / 12px;
  padding-left: 15px;
  transition: all ease 0.3s;
}

.call-back-btn:hover {
  background-color: #E7F3FF;
}

.email-plans {
  float: right;
  position: relative;
  color: #5194f7;
  margin: 20px 40px 0;
}

.email-plans-popup {
  border: none;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAYAAAAmL5yKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhDMEY2QjFBQTAxQTExRTk5MUEyRDc4RUU2OEFERDRDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhDMEY2QjFCQTAxQTExRTk5MUEyRDc4RUU2OEFERDRDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OEMwRjZCMThBMDFBMTFFOTkxQTJENzhFRTY4QURENEMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OEMwRjZCMTlBMDFBMTFFOTkxQTJENzhFRTY4QURENEMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4+eYKHAAABBElEQVR42qTSwUoCQRzH8XFa8KaFEHjtIoR68Za3woTeIC8+hU8QiKigBzGikyelF+igKd6CTkGP4EkDNw9Ch7LvH/7C0KF29Q+f2WVnfn92ZzYSq6xjxpgcDky4+sKLx/CIM7NbPVuGtNm9UtKgtUeDtjSooYpNiOBGc3Vp8IRbXGIWICxriuhgZHUD33CCLPp/hAe65hCvyFudiOMOTZRwDd8J+s7zBh6QkAnrLFrhHqd4RwZdJfcLnZPPXW5DnhMu6nWMY/SU1A3KmOMcBQxxFOFP/NCwdJ0g+c8mSpMLRKWJDRk2+nZycp+4srpB04Bht8lIsp6ea+nXhgapb8n+CDAAWmI4/iOUfEsAAAAASUVORK5CYII=) no-repeat 0 4px;
  padding-left: 22px;
}

.email-plans-popup-pb {
  border: none;
  padding-left: 25px;
  position: relative;
  padding-right: 45px;
  display: none;
}

.email-plans-popup-pb:before {
  content: "";
  display: block;
  display: block;
  position: absolute;
  left: 0;
  width: 19px;
  height: 19px;
  background: url(https://static.pbcdn.in/car-cdn/rct/images/whybuy_icon.svg) no-repeat;
  background-size: contain;
}

.email-plans .popup {
  width: 430px;
  padding: 20px;
  right: 0;
  top: 30px;
}

.email-plans .success-msg {
  text-align: center;
  background: #e9f9f0;
  padding: 10px;
  border-radius: 4px;
  border: solid 1px #e2f1e9;
  color: #43A047;
}

.email-plans .popup .email-text {
  font-size: 16px;
  color: #000;
  margin: 10px 0;
}

.email-plans .popup .email-input {
  background: #fafafa;
  padding: 13px;
  border: solid 1px #ececec;
  width: 260px;
  border-radius: 4px 0 0 4px;
  color: #616161;
}

.email-plans .popup .email-input::placeholder {
  color: #b7b7b7;
}

.email-plans .popup .email-btn {
  width: 125px;
  background: #ff5630;
  border: none;
  color: #fff;
  padding: 14px;
  border-radius: 0 4px 4px 0;
  font-size: 15px;
}

.email-plans .popup .info-text {
  font-size: 12px;
  color: #929292;
  line-height: 34px;
}

.email-plans .popup .error-msg {
  text-align: left;
}

.email-plans .popup:after {
  border-left: solid transparent 10px;
  border-right: solid transparent 10px;
  border-top: solid #7f8c8d 10px;
  top: -7px;
  content: " ";
  height: 0;
  left: 90%;
  margin-left: -13px;
  position: absolute;
  width: 0;
  top: -12px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #fff;
  border-width: 6px;
  margin-left: -6px;
}

.email-plans .popup.why-policy::after {
  display: none;
}

.email-plans .popup .close-btn {
  width: 28px;
  height: 28px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}

.email-plans .popup .close-btn:before,
.email-plans .popup .close-btn:after {
  position: absolute;
  left: 8px;
  top: 10px;
  content: ' ';
  height: 17px;
  width: 1px;
  background-color: #000000;
  border-radius: 8px;
}

.email-plans .popup .close-btn:before {
  transform: rotate(45deg);
}

.email-plans .popup .close-btn:after {
  transform: rotate(-45deg);
}

.vehical-details-edit-section .popup-header .car-details span:nth-child(1) {
  padding-left: 0;
}

.vehical-details-edit-section .popup-header .car-details span:before {
  display: none;
}


.policy-expiry-edit-section .popup-body .ui-datepicker a {}

.policy-expiry-edit-section .popup-body .hasDatepicker {
  width: 75%;
  float: right;
  position: absolute;
  right: 5%;
}

.policy-expiry-edit-section .ui-datepicker table {
  border: solid 0px #e5e5e5;
}

.policy-expiry-edit-section .ui-datepicker table thead {
  border-bottom: solid 1px #e5e5e5;
}

.policy-expiry-edit-section .ui-datepicker td {
  border-right: solid 1px #e5e5e5;
  border-bottom: solid 1px #e5e5e5;
}

.policy-expiry-edit-section .ui-datepicker td:nth-child(1) {
  border-left: solid 1px #e5e5e5;
}

.policy-expiry-edit-section .ui-datepicker .ui-datepicker-header {
  background: #fff !important;
}

.policy-expiry-edit-section .ui-datepicker select.ui-datepicker-month,
.policy-expiry-edit-section .ui-datepicker select.ui-datepicker-year {
  background: url("https://static.pbcdn.in/car-cdn/rct/images/email-call.png") no-repeat 105% -125px / 30%;
  width: 20%;
  border-radius: 0;
  -webkit-appearance: none;
  border: none;
  position: relative;
}

.policy-expiry-edit-section .ui-datepicker select.ui-datepicker-month {
  width: 32%;
  background-position: 105% -119px;
  background-size: 18%;
}

.policy-expiry-edit-section .ui-datepicker select.ui-datepicker-year {
  width: 20%;
  background-position: 105% -125px;
}

.policy-expiry-edit-section .ui-datepicker .ui-datepicker-next {
  background-position: 5px 7px !important;
}

.policy-expiry-edit-section .ui-datepicker .ui-datepicker-prev {
  background-position: 10px 7px !important;
}

.policy-expiry-edit-section .ui-widget-content {
  padding: 10px;
  float: right;
}

.policy-expiry-edit-section .ui-widget-content.ui-datepicker-buttonpane {
  display: none;
}

.policy-expiry-edit-section .overlay-popup-action {
  z-index: 0;
}

.policy-expiry-edit-section .ui-datepicker td {
  padding: 0;
}

.policy-expiry-edit-section .ui-datepicker select.ui-datepicker-month:before,
.policy-expiry-edit-section .ui-datepicker select.ui-datepicker-year:before {
  top: 50%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(0, 0, 0, 0);
  border-top-color: #000000;
  border-width: 4px;
  margin-left: -4px;
  z-index: 99999;
}

.policy-expiry-edit-section .popup-body div label+label {
  width: 54%;
  border-bottom: solid #bdbdbd 1px;
  color: #212121;
  font-weight: 500;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjMyREQ3NUFFNzUwQjExRTk4OUY3ODRFMkY3QzA0QUZCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjMyREQ3NUFGNzUwQjExRTk4OUY3ODRFMkY3QzA0QUZCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzJERDc1QUM3NTBCMTFFOTg5Rjc4NEUyRjdDMDRBRkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzJERDc1QUQ3NTBCMTFFOTg5Rjc4NEUyRjdDMDRBRkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7RQW3IAAABFElEQVR42mKxsbFhgAImIF4HxL5AfBqIXYD4C1SOB4j3ALEpEG8G4iAg/gfTBANyQOwPxLpALAPEFkhyFlAxXagaOZgECxCLAfFEJMFrQPwNiLuA+C1UTBgqdg3KXwrED4E4H2RAMBBHMGACQzT+bSS2FRQfBnmBFU3hASBWwGKgAlQOGbCyQBkgp56HstWB+CCS0xmQvKIODUy4C2EGnAJiLygbFB75ULYnlN6ORW4beiyQBWAu0AHimUgBBGPLQukALHIgPTtgBlwB4vQB9YIINOnCUiSMbQClf2ORE6GqC94gxa8vEhuWyLDJFcEM+A/EXECsBJXgR2JLQGlsciA9/xmB2dkQaqoQia5/B8TOAAEGAISTNIMiiuQTAAAAAElFTkSuQmCC) no-repeat right 0;
  float: right;
}





.vehical-details-edit-section .popup-body .hasDatepicker {
  width: 67%;
  right: 5%;
  z-index: 9;
  position: absolute;
}

.vehical-details-edit-section .ui-datepicker table {
  border: solid 0px #e5e5e5;
}

.vehical-details-edit-section .ui-datepicker table thead {
  border-bottom: solid 1px #e5e5e5;
}

.vehical-details-edit-section .ui-datepicker td {
  border-right: solid 1px #e5e5e5;
  border-bottom: solid 1px #e5e5e5;
}

.vehical-details-edit-section .ui-datepicker td:nth-child(1) {
  border-left: solid 1px #e5e5e5;
}

.vehical-details-edit-section .ui-datepicker .ui-datepicker-header {
  background: #fff !important;
}

.vehical-details-edit-section .ui-datepicker select.ui-datepicker-month,
.vehical-details-edit-section .ui-datepicker select.ui-datepicker-year {
  background: url("https://static.pbcdn.in/car-cdn/rct/images/email-call.png") no-repeat 105% -125px / 30%;
  width: 20%;
  border-radius: 0;
  -webkit-appearance: none;
  border: none;
  position: relative;
}

.vehical-details-edit-section .ui-datepicker select.ui-datepicker-month {
  padding-left: 0;
  width: 37%;
  background-position: 105% -112px;
  background-size: 17%;
}

.vehical-details-edit-section .ui-datepicker select.ui-datepicker-year {
  width: 23%;
  background-position: 105% -125px;
  padding-left: 0;
}

.vehical-details-edit-section .ui-datepicker .ui-datepicker-next {
  background-position: 5px 7px !important;
}

.vehical-details-edit-section .ui-datepicker .ui-datepicker-prev {
  background-position: 10px 7px !important;
}

.vehical-details-edit-section .ui-widget-content {
  padding: 10px;
  float: right;
}

.vehical-details-edit-section .ui-widget-content.ui-datepicker-buttonpane {
  display: none;
}

.vehical-details-edit-section .ui-datepicker td {
  padding: 0;
}

.vehical-details-edit-section .popup-body div label+.detail label {
  width: 100%;
  border-bottom: solid #bdbdbd 1px;
  color: #212121;
  font-weight: 500;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjMyREQ3NUFFNzUwQjExRTk4OUY3ODRFMkY3QzA0QUZCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjMyREQ3NUFGNzUwQjExRTk4OUY3ODRFMkY3QzA0QUZCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzJERDc1QUM3NTBCMTFFOTg5Rjc4NEUyRjdDMDRBRkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzJERDc1QUQ3NTBCMTFFOTg5Rjc4NEUyRjdDMDRBRkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7RQW3IAAABFElEQVR42mKxsbFhgAImIF4HxL5AfBqIXYD4C1SOB4j3ALEpEG8G4iAg/gfTBANyQOwPxLpALAPEFkhyFlAxXagaOZgECxCLAfFEJMFrQPwNiLuA+C1UTBgqdg3KXwrED4E4H2RAMBBHMGACQzT+bSS2FRQfBnmBFU3hASBWwGKgAlQOGbCyQBkgp56HstWB+CCS0xmQvKIODUy4C2EGnAJiLygbFB75ULYnlN6ORW4beiyQBWAu0AHimUgBBGPLQukALHIgPTtgBlwB4vQB9YIINOnCUiSMbQClf2ORE6GqC94gxa8vEhuWyLDJFcEM+A/EXECsBJXgR2JLQGlsciA9/xmB2dkQaqoQia5/B8TOAAEGAISTNIMiiuQTAAAAAElFTkSuQmCC) no-repeat right 0;
  float: right;
}

.expiry-dont-know-section button.back-btn {
  top: 26px;
  position: absolute;
  font-size: 12px;
  left: 30px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAKCAYAAACXDi8zAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkVDRTQxQkY5NTQ1MDExRTlBNzkxOUU4NTFBNDg4MkJCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkVDRTQxQkZBNTQ1MDExRTlBNzkxOUU4NTFBNDg4MkJCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RUNFNDFCRjc1NDUwMTFFOUE3OTE5RTg1MUE0ODgyQkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RUNFNDFCRjg1NDUwMTFFOUE3OTE5RTg1MUE0ODgyQkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7zpLMIAAAAWUlEQVR42myMiwmAQAxD2+NWcNv7qjO4qwhiCikUuUAI5DXV7XrlpwN+0qIscIpgZ2k5HEy4ctGtMDDgBp9McbBU5kLDdXUg/KteWuawboQlLiS+ge5PgAEAkbwPq8l3UKkAAAAASUVORK5CYII=) no-repeat 0 4px;
  padding-left: 10px;
  transition: all 0.3s ease-in-out;
  width: auto;
  border: none;
  display: table;
  padding: 0 0 0 11px;
  margin: 0;
  min-width: auto;
  color: #1596fe;
}

.req-callback {
  width: 240px;
  height: 36px;
  background-color: #fff;
  border: none;
  border-radius: 22px;
  box-shadow: 0px 0px 12px -2px #b7b6b6;
  line-height: 34px;
  font-size: 13px;
  padding-left: 46px;
  position: fixed;
  bottom: 20px;
  z-index: 8;
  right: 150px;
  color: #0463f6;
  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjU4ODlFMjY2RTY5MTFFQUJDQ0E5RTY2NzU1QzlERDciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjU4ODlFMjU2RTY5MTFFQUJDQ0E5RTY2NzU1QzlERDciIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTA2MzM2MDM2MDc1MTFFQUJENTlDRkVENDIyRDk4NjQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTA2MzM2MDQ2MDc1MTFFQUJENTlDRkVENDIyRDk4NjQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6ERFYqAAAAz0lEQVR42mJkSf72nwE7YGQgAzDhkdOitoGy1DbQhNoGxpFr4CoccmrkGjgDh5wLuQbux2HYXkrCcB2SWCi5hiEbmIAkVsxAAYAZ+BmI10DZFkBsTa6BjMCsh8xHzoYiQPyW0nRoicR+QyCdEmXgCSAuQ+L/BWJhLPocob65CcTVQOwOy/voXoaBPiAuROLbAPFRKNsZiPeQmvWK0Fx6BIiPA3EIPsPwuZABKcaPU6twgIUpI1KSothA5NzDh5ajKDIQlviDoS52wlVKAQQYAPIBJDc3BROlAAAAAElFTkSuQmCC) no-repeat 19px 10px / 17px;
  -webkit-animation-name: example;
  -webkit-animation-duration: 0.7s;
  -webkit-animation-iteration-count: 1;
  animation-name: example;
  animation-duration: 0.7s;
  animation-iteration-count: 1;
  margin: 0;
  display: none;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
  0% {
    right: 150px;
    bottom: 0px;
  }

  50% {
    right: 150px;
    bottom: 30px;
  }

  100% {
    right: 150px;
    bottom: 20px;
  }
}

/* Standard syntax */
@keyframes example {
  0% {
    right: 150px;
    bottom: 0px;
  }

  50% {
    right: 150px;
    bottom: 40px;
  }

  100% {
    right: 150px;
    bottom: 20px;
  }
}

.quotes-header .popup.expert .close-btn,
.quotes-sidebar-section .popup.expert .close-btn {
  width: 28px;
  height: 28px;
  display: block;
  position: absolute;
  top: 10px;
  right: 7px;
  cursor: pointer;
  z-index: 99;
}

.quotes-header .popup.expert .close-btn:before,
.quotes-header .popup.expert .close-btn:after,
.quotes-sidebar-section .popup.expert .close-btn:before,
.quotes-sidebar-section .popup.expert .close-btn:after {
  position: absolute;
  left: 12px;
  top: 5px;
  content: ' ';
  height: 15px;
  width: 2px;
  background-color: #000;
  border-radius: 8px;
}

.quotes-header .popup.expert .close-btn:before,
.quotes-sidebar-section .popup.expert .close-btn:before {
  transform: rotate(45deg);
}

.quotes-header .popup.expert .close-btn:after,
.quotes-sidebar-section .popup.expert .close-btn:after {
  transform: rotate(-45deg);
}

.tp-planShow {
  border-bottom: solid #cce6f4 1px;
  position: relative;
  margin: 15px 0 20px 0;
  top: 4px;
}

.tp-planShow a {
  position: absolute;
  left: 50%;
  top: -14px;
  font-size: 13px;
  font-weight: 500;
  color: #1596fe;
  border-radius: 12px;
  padding: 3px 25px;
  border: solid #cce6f4 1px;
  transform: translate(-50%, 0);
  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEVDRDgwNDUxNTk1MTFFQTg4NzA5NzhENjYxREJDMEIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEVDRDgwNDYxNTk1MTFFQTg4NzA5NzhENjYxREJDMEIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBNjFBNUYyNDE1M0QxMUVBODg3MDk3OEQ2NjFEQkMwQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowRUNEODA0NDE1OTUxMUVBODg3MDk3OEQ2NjFEQkMwQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrFbXqUAAAB1SURBVHjaYuQr/baOgYFhNRAvZ8AOooA4hAlI3AHiNiC2x6LIGYhbgfgWSGEZEG8B4rlAbIqkCMSeCZWrYIIK5gLxCSBeAsSSQCwNZR+DyjGwIJmQBHXnTiBmBOIrUDEwYEJS+AuIo4H4MRA/hLL/wCQBAgwA71EWu4mmVuwAAAAASUVORK5CYII=) no-repeat 96% 10px;
}

.t_c {
  display: block;
  clear: both;
  position: absolute;
  right: 15px;
  bottom: 4px;
  font-size: 11px;
}


/*Exit Intent*/
.exit-intent {
  background: rgba(0, 0, 0, 0.9);
  color: #fff;
  width: 100%;
  height: 100%;
  position: fixed;
  text-align: center;
  z-index: 9999;
}

.car-img {
  margin: 10% 0 5%;
  transition: all 0.3s ease-in-out;
}

.exit-intent p {
  font-size: 24px;
  font-weight: 300;
}

.exit-intent p span {
  display: block;
  font-size: 16px;
  line-height: 44px;
}

img {
  border: none;
}

a.thanks {
  font-size: 18px;
  color: #0065FF;
  background: #fff;
  border-radius: 4px;
  padding: 7px 50px;
  text-decoration: none;
  font-weight: 300;
  margin: 0 20px;
  display: inline-flex;
}

a.callme {
  font-size: 18px;
  color: #fff;
  background: #0065FF;
  border-radius: 4px;
  padding: 7px 50px;
  text-decoration: none;
  font-weight: 300;
  margin: 0 20px;
  display: inline-flex;
}

.car-img {
  width: 100%;
}

.car-img img {
  width: 20%;
}

.learnMore {
  margin: 20px 0;
  font-weight: 300;
  font-size: 14px;
  text-decoration: underline;
  cursor: pointer;
}

.close-box {
  position: absolute;
  right: 0;
  background: #fff;
  width: 40px;
  height: 40px;
  text-indent: -999999px;
  cursor: pointer;
}

.close-box:before,
.cross-box:before {
  transform: rotate(45deg);
}

.close-box:after,
.cross-box:after {
  transform: rotate(-45deg);
}

.close-box:before,
.close-box:after {
  position: absolute;
  left: 20px;
  top: 6px;
  content: ' ';
  height: 28px;
  width: 1px;
  background-color: #333;
  border-radius: 8px;
}

/* .popup .claim-content .ncb-options+div, */
div.blue-box-msg {
  background: #deebfd;
  border-radius: 2px;
  color: #2684ff;
  font-size: 13px;
  padding: 4px;
  text-align: center;
  line-height: normal !important;
}
.ncbDeclaration {
  background: #deebfd;
  border-radius: 2px;
  color: #2684ff;
  font-size: 13px;
  padding: 5px !important;
  text-align: center;
  margin-bottom: 10px;
  line-height: normal !important;
}

.ncbWarning {
  display: flex;
  align-items: center;
  color: #C26006 !important;
  font-size: 12px;
  font-weight: 500;
  border-radius: 4px;
  background: #FEE0C5 !important;
  padding:1px 5px !important;
  margin-bottom: 10px;
}

.additional-cover .applied-text {
  position: absolute;
  right: 0;
  color: #525651;
}

/*breakup start*/
.whats-covered {
  width: 100%;
  margin: 20px auto;
  background: none;
}

.whats-covered h2 {
  font-size: 20px;
  font-weight: 600;
  color: #212121;
  background: no-repeat;
}

.whats-covered .claim-coverage h2 {
  margin: 20px 0 0px;
}

.whats-covered .claim-coverage h3 {
  margin: 20px 0;
}

.whats-covered {
  height: 72%;
  overflow: hidden;
  overflow-y: scroll;
}

.whats-covered::-webkit-scrollbar {
  width: 8px;
}

/* Track */
.whats-covered::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #ccc;
  border-radius: 10px;
  width: 5px;
}

/* Handle */
.whats-covered::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 10px;
  width: 20px;
}

/* Handle on hover */
.whats-covered::-webkit-scrollbar-thumb:hover {
  background: #999;
}

.repairs {
  margin: 20px 0 5px 30px;
  color: #000;
}

.repairs h4 {
  font-weight: 500;
  position: relative;
  padding-left: 15px;
}

.repairs h4:after {
  position: absolute;
  content: "";
  width: 4px;
  height: 4px;
  background: #000;
  left: 0;
  top: 8px;
  border-radius: 10px;
}

.whats-covered ul {
  padding: 0;
}

.policy-inclusion {
  border-bottom: solid #e6efff 1px;
  padding: 0 0 50px 0;
  padding: 0 3% !important;
}

.claim-coverage {
  padding: 0px 4% !important;
}

.inclusion-list li {
  transition: all .3s ease-in-out;
  width: 17.5%;
  height: 114px;
  box-shadow: 0px 0px 5px 0px #cddae4;
  display: inline-block;
  border-radius: 4px;
  text-align: center;
  margin: 0 4px 20px 10px;
  position: relative;
}

.inclusion-list li:hover {
  box-shadow: 0px 0px 28px -1px #cddae4;
  z-index: 1;
}

.inclusion-list li div {
  width: 48px;
  height: 48px;
  background: #f2f7ff;
  border-radius: 50%;
  text-align: center;
  font-size: 12px;
  margin: 14px auto 10px;
  overflow: hidden;
  text-indent: -200px;
}

.inclusion-list li span {
  font-size: 12px;
  color: #6e7073;
  display: table;
  line-height: 14px;
  width: 90%;
  text-align: center;
  margin: 0 auto;
}

.inclusion-list li span b {
  border: solid 1px #0463f6;
  border-radius: 12px;
  font-size: 10px;
  padding: 1px 4px;
  width: 74px;
  position: absolute;
  left: 18%;
  bottom: -8px;
  background: #fff;
  color: #0463f6;
  font-weight: normal;
}

.inclusion-list li em {
  position: absolute;
  width: auto;
  background: #f2f7fe;
  border-radius: 12px;
  font-size: 10px;
  padding: 2px 5px;
  transform: translate(7%, 50%);
  left: 3px;
  top: -14px;
  min-width: 92px;
  font-style: normal;
  line-height: 10px;
  padding: 2px;
}

.view-all {
  font-size: 14px;
  border: solid #0065ff 1px;
  border-radius: 16px;
  padding: 4px 10px;
  margin: 5px auto 20px;
  display: table;
  text-decoration: none;
  color: #0065ff;
  min-width: 110px;
  text-align: center;
}

.claim-list li {
  font-size: 13px;
  color: #212121;
  padding-left: 10px;
  margin: 0 5px 3px 0;
}

.claim-list li a {
  color: #0065ff;
  text-decoration: underline;
}

.checkmark {
  display: inline-block;
  position: relative;
  left: -5px;
  margin-right: 4px;
}

.checkmark:after {
  content: "";
  display: block;
  width: 8px;
  height: 16px;
  border: solid #71b963;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
  border-radius: 2px;
  top: 3px;
  position: relative;
}

.whats-covered h3 {
  font-size: 17px;
  color: #212121;
  font-weight: 600;
}

.whats-covered h3 em {
  font-size: 11px;
  display: block;
  font-weight: normal;
  color: #676a6f;
}

.repairs ul li {
  font-size: 12px;
  margin: 15px 0 0 0;
}

.repairs ul li .circle-wrap {
  margin-left: 17px;
}

.repairs.replaced {
  height: auto;
}

.repairs.replaced ul li.zeroDep-text {
  width: 96%;
  height: auto;
  margin-left: 17px;
}

.repairs.replaced ul li.zeroDep-text a {
  cursor: inherit;
}

.repairs.replaced ul li.zeroDep-text .CircularProgressbar {
  float: left;
}

.repairs.replaced ul li.zeroDep-text .circle-wrap .CircularProgressbar+div {
  width: 82%;
  float: left;
  text-align: left;
  margin: 10px 0 0 10px;
  font-size: 12px;
}

.repairs.replaced ul li {
  font-size: 12px;
  width: 15%;
  display: inline-block;
  text-align: center;
  vertical-align: top;
  margin-right: 25px;
  height: 140px;
}

.repairs.replaced ul li .circle-wrap {
  margin: 0;
}

.repairs.replaced ul li .circle-wrap .CircularProgressbar+div {
  font-size: 11px;
  letter-spacing: -0.2px;
}

.repairs.replaced ul li .circle-wrap {
  float: inherit;
  width: 100%;
}

.add-zeroDep {
  display: inline-block;
  font-size: 12px;
  width: 65%;
  float: left;
  color: #000;
  margin: 0 0 0 30px;
  font-weight: 400;
}

.remove-zeroDep {
  font-size: 13px;
  color: #000;
  float: left;
  margin: 10px 10px 0 3px;
}

.zeroDep-btn {
  background: #0065ff;
  display: table;
  float: left;
  color: #fff;
  font-size: 13px;
  padding: 10px;
  text-decoration: none;
  border-radius: 22px;
  box-shadow: 0px 2px 3px 2px #ccc;
  margin: 0px 2px 20px;
  transition: all ease 0.3s;
}

.zeroDep-btn:hover {
  background: #0052cc;
  color: #fff
}

.remove-zeroDep+.zeroDep-btn {
  background: #fff;
  display: table;
  float: left;
  color: #fc4804;
  font-size: 13px;
  padding: 10px;
  text-decoration: none;
  border-radius: 22px;
  box-shadow: 0px 2px 3px 2px #ccc;
  margin: 0px 2px 20px;
  border: solid #fc4804 1px;
  transition: all ease 0.3s;
}

.remove-zeroDep+.zeroDep-btn:hover {
  background: #ffece6;
}

.circle-wrap {
  margin: 0;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  float: left;
  vertical-align: top;
  float: left;
}

.repairs ul li .descTxt {
  width: 82%;
  float: left;
  margin: 10px 0 0 15px;
}

.repairs ul li a {
  color: #0065ff;
}

.circle-wrap .circle1 .mask,
.circle-wrap .circle1 .fill {
  width: 60px;
  height: 60px;
  position: absolute;
  border-radius: 50%;
}

.circle-wrap .circle1 .mask {
  clip: rect(0px, 80px, 80px, 40px)
}

.circle-wrap .circle1 .mask .fill {
  clip: rect(0px, 40px, 80px, 0px);
  background-color: #0065ff;
}

.circle-wrap .circle1 .mask.full,
.circle-wrap .circle1 .fill {
  animation: fill ease-in-out 3s;
  transform: rotate(210deg);
}

.popup.breakup ul.breakup-tab {
  box-shadow: 0px 2px 3px -1px #b3b3b3;
}

.popup.breakup ul.breakup-tab li {
  float: left;
  width: 33%;
  text-align: center;
  position: relative;
}

.popup.breakup ul.breakup-tab li button {
  background: none;
  border: none;
  color: #a6a6a6;
  font-size: 17px;
  font-weight: 400;
  padding: 20px 0;
}

.popup.breakup ul.breakup-tab li.tab-active button {
  color: #0065ff;
}

.popup.breakup ul.breakup-tab li.tab-active:after {
  width: 70px;
  height: 4px;
  border-radius: 4px;
  content: "";
  position: absolute;
  left: 37%;
  bottom: 0;
  background: #0065ff;
}

.popup .cover-footer {
  clear: both;
  font-size: 12px;
  color: #000;
  margin: 0 0 5px 0;
  border-top: solid 1px #e6effd;
  width: 100%;
  padding-top: 10px;
}

.popup .cover-footer+.cover-footer {
  border: none;
}

.repairs ul li .descTxt a {
  cursor: inherit;
}

.inclusion-list li div.own_damage_coverage_card {
  background: #f2f7ff url("https://static.pbcdn.in/car-cdn/rct/images/addon-icon.png") no-repeat -6px -121px;
  text-indent: -200px;
}

.inclusion-list li div.third_damage_coverage_card {
  background: #f2f7ff url("https://static.pbcdn.in/car-cdn/rct/images/addon-icon.png") no-repeat -5px -51px;
  text-indent: -200px
}

.inclusion-list li div.natural_calamites_card {
  background: #f2f7ff url("https://static.pbcdn.in/car-cdn/rct/images/addon-icon.png") no-repeat -5px -630px;
  text-indent: -200px
}

.inclusion-list li div.man_hazard_card {
  background: #f2f7ff url(https://static.pbcdn.in/car-cdn/rct/images/addon-icon.png) no-repeat -9px -1358px;
  text-indent: -200px;
}

.inclusion-list li div.fire_explosion_card {
  background: #f2f7ff url("https://static.pbcdn.in/car-cdn/rct/images/addon-icon.png") no-repeat -5px -697px;
  text-indent: -200px;
}

.inclusion-list li div.damage_during_transit_card {
  background: #f2f7ff url("https://static.pbcdn.in/car-cdn/rct/images/addon-icon.png") no-repeat -13px -761px;
  text-indent: -200px
}

.inclusion-list li div.theft_damage_card {
  background: #f2f7ff url("https://static.pbcdn.in/car-cdn/rct/images/addon-icon.png") no-repeat -7px -563px;
  text-indent: -200px
}

.inclusion-list li div.engine_protector_card {
  background: #f2f7ff url("https://static.pbcdn.in/car-cdn/rct/images/addon-icon.png") no-repeat -11px -898px;
  text-indent: -200px
}

.inclusion-list li div.invoice_price_card {
  background: #f2f7ff url("https://static.pbcdn.in/car-cdn/rct/images/addon-icon.png") no-repeat -5px -258px;
  text-indent: -200px
}

.inclusion-list li div.key_lock_card {
  background: #f2f7ff url("https://static.pbcdn.in/car-cdn/rct/images/addon-icon.png") no-repeat -5px -190px;
  text-indent: -200px
}

.inclusion-list li div.consumable_vard {
  background: #f2f7ff url("https://static.pbcdn.in/car-cdn/rct/images/addon-icon.png") no-repeat -6px -401px;
  text-indent: -200px
}

.inclusion-list li div.daily_allowance_card {
  background: #f2f7ff url("https://static.pbcdn.in/car-cdn/rct/images/addon-icon.png") no-repeat -5px -258px;
  text-indent: -200px
}

.inclusion-list li div.electrical_accessories_card {
  background: #f2f7ff url("https://static.pbcdn.in/car-cdn/rct/images/addon-icon.png") no-repeat -10px -1050px;
  text-indent: -200px
}

.inclusion-list li div.non_electrical_accessories_card {
  background: #f2f7ff url("https://static.pbcdn.in/car-cdn/rct/images/addon-icon.png") no-repeat -10px -1050px;
  text-indent: -200px
}

.inclusion-list li div.non_electrical_accessories_card {
  background: #f2f7ff url("https://static.pbcdn.in/car-cdn/rct/images/addon-icon.png") no-repeat -11px -1205px;
  text-indent: -200px
}

.inclusion-list li div.paid_driver_card {
  background: #f2f7ff url("https://static.pbcdn.in/car-cdn/rct/images/addon-icon.png") no-repeat -11px -1124px;
  text-indent: -200px
}

.inclusion-list li div.external_bi_fuel_card {
  background: #f2f7ff url("https://static.pbcdn.in/car-cdn/rct/images/addon-icon.png") no-repeat -6px 12px;
  text-indent: -200px
}



.inclusion-list li div.zero_deprication_card {
  background: #f2f7ff url("https://static.pbcdn.in/car-cdn/rct/images/addon-icon.png") no-repeat -9px -830px;
  text-indent: -200px
}

.inclusion-list li div.roadside_assitance_card {
  background: #f2f7ff url("https://static.pbcdn.in/car-cdn/rct/images/addon-icon.png") no-repeat -5px -120px;
  text-indent: -200px
}

.inclusion-list li div.ncb_protector_card {
  background: #f2f7ff url("https://static.pbcdn.in/car-cdn/rct/images/addon-icon.png") no-repeat -5px -324px;
  text-indent: -200px
}

.inclusion-list li div.damage_to_card {
  background: #f2f7ff url("https://static.pbcdn.in/car-cdn/rct/images/addon-icon.png") no-repeat -5px -51px;
  text-indent: -200px
}

.inclusion-list li div.personal_belonging_card {
  background: #f2f7ff url("https://static.pbcdn.in/car-cdn/rct/images/addon-icon.png") no-repeat -6px -1944px;
  text-indent: -200px
}

.inclusion-list li div.tyre_protector_card {
  background: #f2f7ff url("https://static.pbcdn.in/car-cdn/rct/images/addon-icon.png") no-repeat -6px -480px;
  text-indent: -200px
}

.inclusion-list li div.rim_damage_card {
  background: #f2f7ff url("https://static.pbcdn.in/car-cdn/rct/images/addon-icon.png") no-repeat -6px -480px;
  text-indent: -200px
}

.inclusion-list li div.voluntary_deductible_card {
  background: #f2f7ff url("https://static.pbcdn.in/car-cdn/rct/images/addon-icon.png") no-repeat -5px 10px;
  text-indent: -200px;
}

.inclusion-list li div.owner_driver_pa_card {
  background: #f2f7ff url("https://static.pbcdn.in/car-cdn/rct/images/addon-icon.png") no-repeat -9px -1802px;
  text-indent: -200px
}

.inclusion-list li div.unnamed_passanger_card {
  background: #f2f7ff url("https://static.pbcdn.in/car-cdn/rct/images/addon-icon.png") no-repeat -10px -1870px;
  text-indent: -200px
}

.inclusion-list li div.discount_on_renewal_card {
  background: #f2f7ff url("https://static.pbcdn.in/car-cdn/rct/images/addon-icon.png") no-repeat -5px 10px;
  text-indent: -200px
}

.inclusion-list li div.general_wear_tear_card {
  background: #f2f7ff url(https://static.pbcdn.in/car-cdn/rct/images/addon-icon.png) no-repeat -9px -1284px;
  text-indent: -200px;
}

.inclusion-list li div.mechanical_failure_card {
  background: #f2f7ff url("https://static.pbcdn.in/car-cdn/rct/images/addon-icon.png") no-repeat -10px -1500px;
  text-indent: -200px
}

.inclusion-list li div.driving_under_influence_card {
  background: #f2f7ff url("https://static.pbcdn.in/car-cdn/rct/images/addon-icon.png") no-repeat -12px -1575px;
  text-indent: -200px
}

.inclusion-list li div.tyre_and_tube_card {
  background: #f2f7ff url("https://static.pbcdn.in/car-cdn/rct/images/addon-icon.png") no-repeat -11px -1658px;
  text-indent: -200px
}

.inclusion-list li div.consequential_damage_card {
  background: #f2f7ff url("https://static.pbcdn.in/car-cdn/rct/images/addon-icon.png") no-repeat -10px -1734px;
  text-indent: -200px
}

.inclusion-list li div.driving_without_licence_card {
  background: #f2f7ff url("https://static.pbcdn.in/car-cdn/rct/images/addon-icon.png") no-repeat -9px -970px;
  text-indent: -200px
}

.inclusion-list li div.driving_without_licence_card {
  background: #f2f7ff url("https://static.pbcdn.in/car-cdn/rct/images/addon-icon.png") no-repeat -9px -1285px;
  text-indent: -200px
}

.inclusion-list li div.driving_without_licence_card {
  background: #f2f7ff url(https://static.pbcdn.in/car-cdn/rct/images/addon-icon.png) no-repeat -12px -973px;
  text-indent: -200px;
}

.inclusion-list li div.commercial_usage_card {
  background: #f2f7ff url(https://static.pbcdn.in/car-cdn/rct/images/addon-icon.png) no-repeat -12px -2016px;
  text-indent: -200px;
}

.inclusion-list li div.deliberate_damage_card {
  background: #f2f7ff url(https://static.pbcdn.in/car-cdn/rct/images/addon-icon.png) no-repeat -12px -2152px;
  text-indent: -200px;
}

.inclusion-list li div.involvement_in_card {
  background: #f2f7ff url(https://static.pbcdn.in/car-cdn/rct/images/addon-icon.png) no-repeat -12px -2221px;
  text-indent: -200px;
}

.inclusion-list li div.damage_due_to_war_invasion_card {
  background: #f2f7ff url(https://static.pbcdn.in/car-cdn/rct/images/addon-icon.png) no-repeat -15px -2284px;
  text-indent: -200px;
}

.inclusion-list li div.cost_of_consumables_card {
  background: #f2f7ff url(https://static.pbcdn.in/car-cdn/rct/images/addon-icon.png) no-repeat -13px -2357px;
  text-indent: -200px;
}

.inclusion-list li div.damage_due_to_card {
  background: #f2f7ff url(https://static.pbcdn.in/car-cdn/rct/images/addon-icon.png) no-repeat -12px -2083px;
  text-indent: -200px;
}

.inclusion-list li div.damage_to_engine_card {
  background: #f2f7ff url(https://static.pbcdn.in/car-cdn/rct/images/addon-icon.png) no-repeat -11px -2426px;
  text-indent: -200px;
}

.inclusion-list li div.wear_tear_card {
  background: #f2f7ff url(https://static.pbcdn.in/car-cdn/rct/images/addon-icon.png) no-repeat -10px -2500px;
  text-indent: -200px;
}

.inclusion-list li div.travel_hotel_card {
  background: #f2f7ff url(https://static.pbcdn.in/car-cdn/rct/images/addon-icon.png) no-repeat -13px -2575px;
  text-indent: -200px;
}

.whats-covered .__react_component_tooltip.type-dark {
  height: auto;
  text-indent: 0;
  width: 170px;
  padding: 6px;
  margin-left: 20px;
  letter-spacing: -0.1px;
  overflow: inherit;
}

.whats-covered .__react_component_tooltip.place-bottom:after,
.whats-covered .__react_component_tooltip.place-bottom:before {
  left: 15%;
}

/*referral msg css*/
.referral_msg_card {
  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: -500px;
  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;
}

.referral_msg_card .column {
  position: relative;
  flex: 0 0 100%;
}

.referral_msg_card .column .icon,
.referral_msg_card .column .close {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}

.referral_msg_card .column .icon {
  left: 0;
}

.referral_msg_card .column .close {
  right: 0px;
  cursor: pointer;
  opacity: 0.7;
  transition: all ease 0.2s;
  -webkit-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
}

.referral_msg_card .column .close::after {
  display: none;
}

.referral_msg_card .column .close:hover {
  opacity: 1;
}

.referral_msg_card .column .ref_msg_text {
  padding-left: 50px;
  padding-right: 32px;
}

.referral_msg_card .column .ref_msg_text p {
  text-align: left;
  font-size: 14px;
  letter-spacing: 0.2px;
  color: #253858;
  line-height: normal;
}

.referral_msg_card .column .ref_msg_text p b {
  font-weight: 600;
}

/* why_policy_banner*/
.banner_wrap {
  width: 100%;
  margin: 0 auto;
  background: #fff;
  padding-left: 270px;
  box-sizing: border-box;
  position: relative;
  padding-top: 19px;
  padding-bottom: 19px;
  border-radius: 5px;
  border: solid 1px #fff;
  margin: 0 auto;
  padding-right: 173px;
}

.banner_wrap::before {
  content: "";
  display: block;
  background-image: url('/images/new_car.png');
  background-repeat: no-repeat;
  background-size: contain;
  width: 164px;
  height: 93px;
  position: absolute;
  left: 80px;
  top: 6px;
}

.banner_wrap .heading {
  font-weight: 800;
  color: #000;
  font-size: 22px;
  margin-bottom: 5px;
  position: relative;
  z-index: 1;
}

.banner_wrap .feature_list {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0px;
  flex-wrap: wrap;
  position: relative;
  z-index: 1;
}

.banner_wrap .feature_list li {
  line-height: 1.2;
  flex: 0 0 50%;
  max-width: 50%;
  font-size: 12.5px;
  color: #616161;
  font-weight: 400;
  padding-right: 3px;
  box-sizing: border-box;
  padding-bottom: 2px;
}

.button_wrap {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  right: 25px;
}

.banner_wrap .knowMore_btn {
  text-transform: uppercase;
  font-size: 12px;
  color: #2e80ff;
  border: 1px solid #2e80ff;
  display: inline-block;
  padding: 10px 28px;
  line-height: normal;
  text-decoration: none;
  font-weight: 600;
  border-radius: 5px;
  position: relative;
  z-index: 1;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  width: 147px;
  height: 38px;
  text-align: center;
}

.banner_wrap .knowMore_btn:hover {
  /* background: rgb(231 243 255); */
}

/*sidebar view*/
.banner_wrap.sidebar_view {
  padding-left: 87px;
  overflow: hidden;
  margin-bottom: 0;
  padding-right: 0px;
  padding-top: 8px;
}

.why-policy-banner.why_pb {
  background: none;
  height: auto;
  box-shadow: none;
  box-shadow: 0 1px 4px -1px rgb(86, 86, 86);
  margin-bottom: 16px;
}

.banner_wrap.sidebar_view .heading {
  font-size: 15px;
  font-weight: 900;
  margin-bottom: 4px;
}

.banner_wrap.sidebar_view .feature_list {
  /* max-width: 249px; */
  margin-bottom: 8px;
}

.banner_wrap.sidebar_view .feature_list li {
  font-size: 10px;
  flex: 0 0 50%;
  max-width: 50%;
  line-height: 1.2;
  padding-bottom: 2px;
  padding-left: 0;
  padding-right: 3px;
  font-weight: normal;
}

.banner_wrap.sidebar_view .button_wrap {
  text-align: right;
  max-width: 243px;
  position: static;
  transform: none;
  -webkit-transform: none;
}

.banner_wrap.sidebar_view .knowMore_btn {
  font-size: 12px;
  margin-top: 0;
  min-height: 30px;
  padding: 6px 15px;
}

.banner_wrap.sidebar_view::before {
  content: "";
  display: block;
  width: 119px;
  left: 0px;
  top: 18px;
  z-index: 0;
  bottom: 0;
  background-image: url('/images/car_mob.png');
}

.addons-btn.addon_pos,
.chat-mob-btn.addon_pos {
  bottom: 125px;
}

/*for transition*/
.fadeIn_transition {
  animation: fadeIn ease 1.5s
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-moz-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-ms-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeOut_transition {
  animation: fadeOut ease 0.5s
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@-moz-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@-ms-keyframes fadeOut {
  from {
    opacity: 1;
  }


  to {
    opacity: 0;
  }
}

/*commercial popup*/

.comm_popup .question {
  margin-bottom: 0px;
}

.comm_popup .comm_sub_heading {
  text-align: center;
  color: #333;

  font-size: 12px;
  font-weight: 300;
}


/*for included tooltip*/

.slideUp_animation {
  animation: SlideUp ease 1s;
  -webkit-animation: SlideUp ease 1s;
  -moz-animation: SlideUp ease 1s;
  -ms-animation: SlideUp ease 1s;
}

.SlideDown_animation {
  animation: SlideDown ease 1.5s;
  -webkit-animation: SlideDown ease 1.5s;
  -moz-animation: SlideDown ease 1.5s;
  -ms-animation: SlideDown ease 1.5s;
}

@keyframes SlideDown {
  0% {
    bottom: 30px;
  }

  100% {
    bottom: -50%;
  }


}

@-webkit-keyframes SlideDown {
  0% {
    bottom: 30px;
  }

  100% {
    bottom: -50%;
  }


}

@-moz-keyframes SlideDown {
  0% {
    bottom: 30px;
  }

  100% {
    bottom: -50%;
  }


}

@-ms-keyframes SlideDown {
  0% {
    bottom: 30px;
  }

  100% {
    bottom: -50%;
  }


}

@keyframes SlideUp {
  0% {
    bottom: -50%;
  }

  100% {
    bottom: 30px;
  }
}

@-webkit-keyframes SlideUp {
  0% {
    bottom: -50%;
  }

  100% {
    bottom: 30px;
  }
}

@-moz-keyframes SlideUp {
  0% {
    bottom: -50%;
  }

  100% {
    bottom: 30px;
  }
}

@-ms-keyframes SlideUp {
  0% {
    bottom: -50%;
  }

  100% {
    bottom: 30px;
  }
}

.quotes-ui-section {
  padding-top: 10px;
}

.progress_wrapper {
  position: absolute;
  background: transparent;
  left: 0;
  right: 0;
  top: -18px;
  cursor: pointer;
}

.edit_tooltip {
  position: relative;
}

.edit_tooltip .tooltip {
  background: #808b8b;
  padding: 6px;
  pointer-events: none;
  width: 181px;
  font-size: 12px;
  line-height: 17px;
  letter-spacing: 0.3px;
  text-align: center;
  color: #fff;
  border-radius: 6px;
  font-weight: 300;
  position: absolute;
  top: -33px;
  left: auto;
  right: 19px;
  white-space: nowrap;
  margin: 0 auto;
  font-weight: 400;
  animation: tooltip_down ease 1.0s;
  -webkit-animation: tooltip_down ease 1.0s;
  -moz-animation: tooltip_down ease 1.0s;
  -ms-animation: tooltip_down ease 1.0s;

}

.opacity0 {
  transition: all 0.8s ease-in-out;
  opacity: 0;
  ;
}

@keyframes tooltip_down {
  0% {
    transform: translateY(-10px);
  }

  100% {
    transform: translateY(0px);
  }
}

@-webkit-keyframes tooltip_down {
  0% {
    transform: translateY(-10px);
  }

  100% {
    transform: translateY(0px);
  }
}

@-moz-keyframes tooltip_down {
  0% {
    transform: translateY(-10px);
  }

  100% {
    transform: translateY(0px);
  }
}

@-ms-keyframes tooltip_down {
  0% {
    transform: translateY(-10px);
  }

  100% {
    transform: translateY(0px);
  }
}

.edit_tooltip .tooltip:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 10px solid #808b8b;
  position: absolute;
  top: 84%;
  right: 14px;
}

/********* Quotes Call Scheduling ********/
.callScheduling_main_wrap {
  border-radius: 4px;
  box-shadow: 0 1px 4px -1px rgb(86, 86, 86);
  background-color: #ffffff;
}

.callScheduling_main_wrap .schedule-container {
  margin: 0px auto 16px;
  padding: 8px 30px 11px 20px;
  display: flex;
  align-items: center;
  height: 106px;
  overflow: hidden;
  max-width: 660px;
}

.callScheduling_main_wrap .icon.hide_desktop {
  display: none;
}

.callScheduling_main_wrap .call-head1 {
  font-size: 17px;
  font-weight: 600;
  color: #253858;
  margin-bottom: 3px;
}

.callScheduling_main_wrap .call-head2 {
  font-size: 14px;
  color: #253858;
  line-height: 24px;
}

.callScheduling_main_wrap .box-call1 {
  flex: 1 1 19%;
}

.callScheduling_main_wrap .box-call2 {
  flex: 1 1 80%;
}

.callScheduling_main_wrap .img-call {
  margin-right: 30px;
  width: 110px;
}

.callScheduling_main_wrap .date-slot-schedule {
  width: 100%;
  padding-bottom: 10px;
  margin-top: 5px;
  height: 22px;
}

.callScheduling_main_wrap .date-box-call {
  display: inline-block;
  margin-right: 60px;
}

.callScheduling_main_wrap .valign-center {
  display: inline-block;
}

.callScheduling_main_wrap .date-box-call input[type=radio] {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  z-index: 1;
}

.callScheduling_main_wrap .date-box-call span {
  text-transform: uppercase;
  display: inline-block;
  font-style: normal;
  font-size: 12px;
  color: rgba(37, 56, 88, 0.6);
  cursor: pointer;
  line-height: 20px;
}

.callScheduling_main_wrap .date-box-call.active span {
  color: #0065ff;
  border-bottom: 2px solid #0065ff;
}

.callScheduling_main_wrap .time-pick-schedule {
  display: none;
  margin: 10px 0 0 0;
}

.callScheduling_main_wrap .time-box-call {
  margin-right: 5px;
  position: relative;
}

.callScheduling_main_wrap .time-box-call.showin_mobile {
  display: none;
}

.callScheduling_main_wrap .time-box-call input[type=radio] {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  z-index: 1;
}

.callScheduling_main_wrap .time-box-call input[type=radio]+div.valign-center,
.callScheduling_main_wrap .time-box-call input[type=radio]:disabled+div.valign-center {
  text-transform: uppercase;
  display: inline-block;
  font-style: normal;
  font-size: 12px;
  color: rgba(37, 56, 88, 0.6);
  cursor: pointer;
  width: 90px;
  text-align: center;
  border-radius: 4px;
  border: 1px solid rgba(37, 56, 88, 0.6);
  padding: 5px 0;
  transition: background ease-in 0.3s;
  -webkit-transition: background ease-in 0.3s;
  -moz-transition: background ease-in 0.3s;
}

.callScheduling_main_wrap .time-box-call input[type=radio]+div.valign-center:hover {
  color: #0065ff;
  border: 1px solid #0065ff !important;
}

.callScheduling_main_wrap .time-box-call span b {
  font-weight: normal;
}

.callScheduling_main_wrap .time-box-call input[type=radio]:checked+div.valign-center {
  color: #0065ff;

  background: #0065ff;
  text-indent: -9999px;
  position: relative;
  border: 1px solid #0065ff !important;
}


.callScheduling_main_wrap .time-box-call input[type=radio]:checked+div.valign-center::after {
  content: '';
  display: block;
  width: 6px;
  height: 14px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  left: 0;
  top: 9px;
  text-indent: -999999px;
  position: absolute;
  right: 0;
  margin: 0 auto;
  top: 47%;
  transform: translateY(-50%) rotate(45deg);
}

.callScheduling_main_wrap input[type=radio]:disabled+div.valign-center {
  pointer-events: none !important;
}

.callScheduling_main_wrap .time-box-call:last-child {
  margin-right: 0px;
}

.callScheduling_main_wrap .slot-pick-box {
  color: #253858;
  font-size: 14px;
  margin: 20px 0 0 0;
}

.callScheduling_main_wrap .slot-pick-box p {
  font-size: 12px;
}

.callScheduling_main_wrap ul.slot-details {
  list-style-type: none;
  margin: 6px 0 0 0;
}

.callScheduling_main_wrap ul.slot-details li {
  list-style-type: none;
  padding: 0 0 0 25px;
  background: url(https://static.pbcdn.in/car-cdn/rct/images/call-sprite.svg) no-repeat -4px 0px;
  width: auto;
  display: inline-block;
  margin-right: 65px;
  line-height: 22px;
}

.callScheduling_main_wrap ul.slot-details li:last-child {
  margin-right: 0px;
  background-position: -4px -26px;
}

.callScheduling_main_wrap .hide-web {
  display: none;
}

.callScheduling_main_wrap .call-box-wrap {
  width: 100%;
}

/*call scheduler for sidebar*/

.callScheduling_main_wrap.sidebar_view .box-call1.hide-mobile {
  display: none;
}

.callScheduling_main_wrap.sidebar_view .icon.hide_desktop {

  display: block;

  position: absolute;


  z-index: 2;
  left: 0;
  top: 0;


}

.callScheduling_main_wrap.sidebar_view .second_screen .icon.hide_desktop {
  top: 5px;
  left: 14px;
}

.callScheduling_main_wrap.sidebar_view .second_screen .schedule-container.animation .icon.hide_desktop {
  animation: icon_animation ease 0.3s;
  -webkit-animation: icon_animation ease 0.3s;
}

.callScheduling_main_wrap.sidebar_view .icon.hide_desktop img {
  width: 60px;
}

.callScheduling_main_wrap.sidebar_view .schedule-container {
  padding: 3px 10px;
  position: relative;
  height: 103px;
  max-width: 100%;
}

.callScheduling_main_wrap.sidebar_view .second_screen .schedule-container::after {
  content: "";
  display: block;
  width: 100%;
  top: 0;
  height: 100%;
  right: 0px;
  bottom: 0px;
  z-index: 1;
  background: #d9eff5;
  position: absolute;
  transform: scale(1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform-origin: left top;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  /*	transition:all ease 0.3s;
        -webkit-transition:all ease 0.3s;
        -ms-transition:all ease 0.3s;*/



}

.callScheduling_main_wrap.sidebar_view .second_screen .schedule-container.animation::after {
  animation: bg_animation ease 0.3s;

}

@keyframes bg_animation {
  0% {
    transform: scale(0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform-origin: left top;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
  }

  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
  }
}

@keyframes icon_animation {
  0% {
    top: 0;
    left: 0;
  }

  100% {
    top: 5px;
    left: 14px;
  }
}

.callScheduling_main_wrap.sidebar_view .call-box-wrap {
  padding-left: 65px;
  padding-right: 22px;
  position: relative;
  z-index: 2;
}

.callScheduling_main_wrap.sidebar_view .call-box-wrap .call-head1 {
  font-size: 16px;
}

.callScheduling_main_wrap.sidebar_view .date-slot-schedule {
  height: auto;
  border: none;
  text-align: center;
  max-width: 500px;
  margin: 0px auto 8px;
  padding-bottom: 0;
}

.callScheduling_main_wrap.sidebar_view .time-pick-schedule {
  max-width: 360px;
  margin: 0px auto 0;
}

.callScheduling_main_wrap.sidebar_view .time-pick-schedule::after {
  display: block;
  clear: both;
  content: "";
}

.callScheduling_main_wrap.sidebar_view .date-box-call span {
  font-size: 10px;
  line-height: normal;
  padding-bottom: 1px;
}

.callScheduling_main_wrap.sidebar_view .time-box-call {
  float: left;
  width: 20%;
  padding: 0px 5px;
  margin: 0;
}

.callScheduling_main_wrap.sidebar_view .date-box-call {
  margin: 0px 15px;
}

.callScheduling_main_wrap.sidebar_view .time-box-call input[type=radio]+div.valign-center {
  width: 61px;
  /* height: 67px; */
  margin: 0 auto;
  line-height: normal;
  display: block;
  font-weight: 500;
}

.callScheduling_main_wrap.sidebar_view .time-box-call input[type=radio]+div.valign-center span {
  list-style: none;
}

.callScheduling_main_wrap.sidebar_view .time-box-call span small.show_more {
  font-size: 9px;
  font-weight: 300;
  font-style: italic;
  letter-spacing: 0.18px;
  text-align: center;
  color: rgba(37, 56, 88, 0.6);
  display: block;
  text-transform: none;
}

.callScheduling_main_wrap.sidebar_view .time-box-call .valign-center {
  width: 61px;
  margin: 0 auto;
  text-align: center;
  display: block;
  position: relative;
  border: 1px solid rgba(37, 56, 88, 0.6);
  border-radius: 4px;
}

.callScheduling_main_wrap.sidebar_view .time-box-call span b {
  display: block;
  font-weight: 500;
}

.callScheduling_main_wrap.sidebar_view .time-box-call.showin_mobile {
  display: block;
}

.callScheduling_main_wrap.sidebar_view .call-box-wrap .call-head1 {
  font-size: 14px;
  font-weight: 600;
  color: #253858;
  /* padding-bottom: 3px; */
  line-height: 14px;
}

.callScheduling_main_wrap.sidebar_view .call-box-wrap .call-head2 {
  font-size: 11px;
  color: #253858;
  line-height: normal;
}

.callScheduling_main_wrap.sidebar_view .slot-pick-box {
  margin: 30px 0 0 0;
}

.callScheduling_main_wrap.sidebar_view .call-box-wrap {
  padding-left: 60px;
  padding-right: 0px;
}

.callScheduling_main_wrap.sidebar_view .time-box-call {
  padding: 0px 2px;
}

.callScheduling_main_wrap.sidebar_view .icon.hide_desktop img {
  width: 44px;
}

.callScheduling_main_wrap.sidebar_view .call-box-wrap {
  padding-left: 46px;
}

.callScheduling_main_wrap.sidebar_view .time-box-call input[type=radio]+div.valign-center {
  width: 100%;
  font-size: 11px;
}

/*call scheduler for sidebar ends*/
/*media queries*/

/*******************Start TP tray******************/
.tp_carousel_wrap {
  margin: 0px auto 16px;
  max-width: 783px;
  width: 100%;
  display: inline-block;
}

.tp_carousel_wrap .quotes-heading h2 {
  color: #212121;
  font-weight: 500;
  font-size: 18px;
  display: inline-block;
  padding: 0 0 7px 0;
}

.tp_carousel_wrap .plans_carousel {
  position: relative;
  border-radius: 5px;
}

.tp_carousel_wrap .plans_carousel::before {
  content: "";
  display: block;
  background: transparent;
  position: absolute;
  width: 2px;
  /* height: 100%; */
  top: 5px;
  bottom: 6px;
  left: 0;
  box-shadow: -1px 0 4px 0 rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}

.tp_carousel_wrap .plans_carousel::after {
  content: "";
  display: block;
  background: transparent;
  position: absolute;
  width: 2px;
  /* height: 100%; */
  top: 3px;
  bottom: 6px;
  right: 0px;
  box-shadow: 2px 0 2px 0 rgba(0, 0, 0, 0.2);
  border-radius: 25px;
}

.tp_carousel_wrap .item {
  padding: 5px 9px 8px 0;
  width: auto;
  height: auto;
  border-radius: 0;
  background: none;
}

.tp_carousel_wrap .plan_box {
  background: #fff;
  border-radius: 5px;
  box-shadow: 0px 1px 7px -2px rgb(111, 130, 148);
  /*  height: 176px;*/
  height: 156px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
  padding: 10px;
}

.tp_carousel_wrap .plan_box .inner {
  flex: 0 0 100%;
  max-width: 100%;
  text-align: center;

}

.tp_carousel_wrap .plan_box .tp_image img {
  width: auto;
  display: block;
  margin: 0 auto;
  max-width: 75%;
}

.tp_carousel_wrap .quotes-heading span.price {
  font-size: 20px;
  font-weight: bold;
  color: #fc4804;
  display: inline-block;
}

.tp_carousel_wrap .button {
  text-align: center;

}

.tp_carousel_wrap .plan_box .price_value {
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: normal;
  color: #0074F5;
  text-align: center;
  margin: 0px;
  position: absolute;
  bottom: 12px;
  left: 0;
  right: 0;
  background: #E7F4FF;
  width: 128px;
  padding: 7px 5px;
  margin: 0px auto;
  border-radius: 4px;
  padding-left: 15px;
  transition: all ease 0.3s;
}

.tp_carousel_wrap .plan_box .price_value:hover {
  background: #cce8ff;

}

.tp_carousel_wrap .plan_box .price_value::after {
  content: "";
  display: inline-block;
  margin-left: 10px;
  width: 14px;
  height: 10px;
  background: url(https://static.pbcdn.in/car-cdn/rct/images/arrow-long.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

/*.tp_carousel_wrap .overlay {
      background: rgba(0, 0, 0, 0.05);
      border-radius: 5px;
      box-shadow: 0px 1px 7px -3px rgb(111, 130, 148);
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      transform: scale(0);
      -webkit-transform: scale(0);
      transition: all ease 0.3s;
      z-index: 10;
      opacity: 1;
    }
    .tp_carousel_wrap .policy_coverage_overlay{
        font-size: 13px;
    }
    .tp_carousel_wrap .select_btn{
        position: absolute;
        top: 35%;
        z-index: 10;
        text-transform: uppercase;
        left: 0;
        right: 0px;
        display: block;
        line-height: 35px;
        font-size: 12px;
        font-weight: bold;
        color: #fff;
        width: 117px;
        text-align: center;
        padding-left: 5px;
        padding-right: 5px;
        height: 35px;
        border-radius: 3px;
        background-color: #ec4534;
        margin: 0 auto;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAALCAYAAACZIGYHAAAAAXNSR0IArs4c6QAAAKpJREFUKBVjYCAB/P//X4YE5ZhKgQa0AzEIRGLKEikC1OwCxM+A+AMQRxCpDVMZULMe1JB/QDoYpoIRyJEHcl7DBIigtYFqDgAxBxAHMjIybgIZ8h/I+QzEpABuqOJ/QDqEBUhsA2JSDZEC6rEF4ttAfIwB6BA2IINoAFRfA8QfgfgaEIMMIw0ANZVBDbgJpElPM0BNRUAMAqAoBkUG6QCoUQJkAhCIoesGAEzFcugHApaCAAAAAElFTkSuQmCC) no-repeat 90% 12px;
        background-color: #ec4534;
        font-size: 16px;
        text-align: left;
        padding-left: 22px;
    
     }
     .policy_coverage_overlay {
      position: absolute;
      top: 70%;
      text-align: center;
      width: 100%;
      font-size: 12px;
    }
    .tp_carousel_wrap .plan_box:hover > .inner .overlay{
     transform:scale(1);-webkit-transform:scale(1);
    }
    
    .tp_carousel_wrap .plan_box:hover > .inner .tp_image,.tp_carousel_wrap .plan_box:hover > .inner .price_value{
      opacity: 0.1;
    }*/
.tp_carousel_wrap ul.added_addons {
  margin: 5px 0px 0px;
  padding: 0px;
  position: relative;
  padding: 0px 3px;
}

.tp_carousel_wrap .plan_box .inner .tp_image {
  margin-top: 0px;
  transition: all 0.6s ease-in-out;
  /* margin-bottom: 42px;*/
  margin-bottom: 28px;
}

/*.tp_carousel_wrap .plan_box:hover > .inner .tp_image {
      margin-top: -48px;
    }*/

.tp_carousel_wrap .policy_coverage {
  color: #1496FE;
  font-size: 12px;
  font-weight: 400;
  display: inline-block;
  text-align: center;
  position: absolute;
  bottom: 60px;
  left: 0;
  right: 0;
}

.tp_carousel_wrap ul.added_addons::after {
  content: "";
  display: block;
  clear: both;
}

.tp_carousel_wrap .quotes-heading span {
  color: #000;
}

.tp_carousel_wrap ul.added_addons li {
  list-style: none;
  font-size: 14px;
  font-weight: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #7d7e7f;
  padding-right: 15px;
  position: relative;
  background: #f4f5f7;
  z-index: 2;
  display: block;
  float: left;
}

.tp_carousel_wrap ul.added_addons li::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 10px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKBAMAAAB/HNKOAAAAJ1BMVEUAAACQ21iR3VuR2liR3ViQ3VmQ21mQ3FiS3FiR3VmQ3VWJ102Q3Fr1s2WSAAAADHRSTlMAomDJhXa+qIxSOhiZhdfDAAAAMElEQVQI12MAAW4wqQgiWI+BSB8BhgUMTCcYGA4yzClgYNAxPQgUZDljAJJTZoABAML8BtA8oAZ6AAAAAElFTkSuQmCC);
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 5px;
}

.tp_carousel_wrap ul.added_addons li:last-child {
  padding-right: 5px;
}

.tp_carousel_wrap ul.added_addons::before {
  content: "";
  background: rgba(127, 128, 129, 0.5);
  height: 2px;
  display: block;
  position: absolute;
  left: 3px;
  right: 3px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}

.tp_carousel_wrap .featured-list {
  margin: 0 0 5px;
  padding: 0px;
  list-style: none;
  float: left;
}

.tp_carousel_wrap .featured-list li {
  display: inline-block;


}

.tp_carousel_wrap .featured-list .tags::before {
  content: "";
  width: 6px;
  height: 6px;
  background-color: #fa9f08;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 8px;
}

.tp_carousel_wrap .featured-list .tags.trophy-icon::before {
  background: url('https://static.pbcdn.in/car-cdn/rct/images/trophy.svg');
  width: 12px;
  background-size: contain;
  height: 12px;
}

.tp_carousel_wrap .featured-list .tags {
  border-radius: 12px;
  background-color: #ffffff;
  font-size: 14px;
  text-align: center;
  color: #fa9f08;
  padding: 2.5px 10px 2.5px 20px;
  line-height: normal;
  font-weight: normal;
  position: relative;
  margin-right: 5px;
}

.tp_carousel_wrap .featured-list .tags.trophy-icon {
  padding-left: 25px;
}

.tp_carousel_wrap .owl-carousel .owl-nav {
  padding: 0px 2px;
}

.tp_carousel_wrap .owl-carousel .owl-nav button {
  width: 21px;
  height: 50px;
  border-radius: 4px;
  transition: all ease 0.3s;
  position: absolute;
  top: 46%;
  transform: translateY(-50%);
  box-shadow: 0 2px 4px 0 #ccc2c2;
  background-color: #fff !important;
  z-index: 11;
}

.tp_carousel_wrap .owl-carousel .owl-nav button:hover {
  background-color: #f2f2f2 !important;
}

.tp_carousel_wrap .owl-carousel .owl-nav button:focus {
  outline: none;
}

.tp_carousel_wrap .owl-carousel .owl-nav button span {
  background: url('https://static.pbcdn.in/car-cdn/rct/images/arrow_right.svg');
  background-size: contain;
  width: 11px;
  height: 19px;
  display: block;
  text-indent: -100px;
  overflow: hidden;
  margin: 0 auto;

}

.tp_carousel_wrap .owl-nav button.owl-prev {
  left: 0px;
}

.tp_carousel_wrap .owl-nav button.owl-next {
  right: 0px;
}

.tp_carousel_wrap .owl-nav button.owl-prev span {
  transform: rotate(-180deg);
}

/*.plans_carousel.owl-carousel.owl-loaded.owl-drag{
      padding-right: 100px;
    }*/
.owl-prev.hidden {
  display: none !important;
}

.tp_carousel_wrap .plan_box b {
  background: #fff;
  border-radius: 4px 4px 0 0;
}

.tp_carousel_wrap .plan_box b {
  position: absolute;
  top: 0;
  font-weight: 400;
  font-size: 12px;
  text-align: center;
  width: 100%;
  padding: 2px 9px;
  /* border-bottom: solid #f0f4f5 2px; */
  color: rgba(15, 23, 21, 0.6);
  z-index: 100;
  background: #E7F4FF;
}

.tp_carousel_wrap .plan_box+a {
  position: absolute;
  bottom: 14px;
  font-size: 10px;
  color: #007aff;
  width: 100%;
  text-align: center;
}

.tp_carousel_wrap .plan_box b {
  transition: all 0.3s ease-in-out;
}

.tp_carousel_wrap .plan_box b .wrapper.newinfo {
  left: 2px;
  top: 3px;
}

.tp_carousel_wrap .plan_box b .wrapper .tooltip:after {
  left: 52%;
}

.tp_carousel_wrap .plan_box b .wrapper .tooltip {
  width: 216px;
  left: -107px;
  line-height: 15px;
}

/*.tp_carousel_wrap .plan_box:hover > b{opacity:0;}*/
.tp_carousel_wrap .quotes-heading span {
  font-size: 14px;
  font-weight: 500;
  color: #212121;
}

.tp_carousel_wrap .quotes-heading {
  float: left;
  margin-right: 15px;
}

.tp_carousel_wrap .featured-list .tags {
  font-size: 13px;
  line-height: 17px;
}

.tp_carousel_wrap .featured-list {
  margin-top: 3px;
}

.tp_carousel_wrap {
  margin: 0px auto 5px;
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
  -webkit-transform: none;
}

.quotes-heading-attached {
  /* position: absolute; */
  /* top: -34px; */
}

.quote-tile-actual {
/*  z-index: 0;*/
position: relative;
}

/* .quote-tile-actual.heading-show{margin: 30px 0 16px 0;} */
/*tp tray ends here*/
.quotes-section .pb-logo {
  display: block;
  margin: 1px 0 4px;
  float: left;

  background: url(/images/pb_logo.svg);
  height: 44px;
  background-repeat: no-repeat;
  width: 194px;
  background-size: 178px auto;
  background-position: left 4px;
}

.quotes-section .pb-logo>img {
  display: none;
}

.details-section .wrapper .tooltip {
  left: -90px;
}

.details-section .wrapper .tooltip:after {
  left: 32%;
}

.tooltip-text-tooltip {
  background: #808b8b;
  top: 100%;
  color: #fff;
  display: block;
  left: 0;
  margin-bottom: 10px;
  opacity: 1;
  padding: 10px !important;
  pointer-events: none;
  position: absolute;
  width: 270px;
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-transition: all .25s ease-out;
  -moz-transition: all .25s ease-out;
  -ms-transition: all .25s ease-out;
  -o-transition: all .25s ease-out;
  transition: all .25s ease-out;
  -webkit-box-shadow: 0 2px 9px 0 rgba(165, 165, 165, 0.36);
  -moz-box-shadow: 0 2px 9px 0 rgba(165, 165, 165, 0.36);
  -ms-box-shadow: 0 2px 9px 0 rgba(165, 165, 165, 0.36);
  -o-box-shadow: 0 2px 9px 0 rgba(165, 165, 165, 0.36);
  box-shadow: 0 2px 9px 0 rgba(165, 165, 165, 0.36);
  font-size: 11px;
  line-height: 17px;
  z-index: 999;
  letter-spacing: 0.3px;
  text-align: left;
  color: #ffffff;
  border-radius: 6px;
  color: #fff !important;
  font-weight: 300;
}

.tooltip-text-tooltip:after {
  border-left: solid transparent 10px;
  border-right: solid transparent 10px;
  border-top: solid #7f8c8d 10px;
  top: -7px;
  content: " ";
  height: 0;
  left: 10%;
  margin-left: -13px;
  position: absolute;
  width: 0;
  top: -12px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #818c8c;
  border-width: 6px;
  margin-left: -6px;
}

.tooltip-text {
  text-decoration: underline;
  margin-right: 4px;
  position: relative;
}

/****************************Start IDV Match**************************/
.match_text {
  width: 57px;
  box-shadow: 0 2px 9px 0 rgba(222, 222, 222, 0.3);
  background-color: rgba(54, 179, 126, 0.68);
  text-transform: uppercase;
  font-size: 9px;
  font-weight: bold;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
  padding: 1px 1px 1px 15px;
  background-image: url(https://static.pbcdn.in/car-cdn/rct/images/white-tick.svg);
  background-repeat: no-repeat;
}

.show-idv-section .match_text {
  display: inline-block;
  margin: 3px 0px 0px 2px;
  vertical-align: top;
  background-position: 4px 3.5px;
  background-size: 9.5px auto;
}

.addons-section .zeroDep .tooltip {
  font-size: 11px;
  left: 160%;
  top: -53px;
  width: 244px;
  line-height: normal;
}

.addons-section .zeroDep .tooltip:after {
  border-top: solid transparent 6px;
  border-bottom: solid transparent 6px;
  border-right: solid #7f8c8d 6px;
  top: -7px;
  left: -11px;
  top: 68%;
  margin: 0;

}

/*expiry-dont-know-section when there are five boxes*/

.expiry-dont-know-section.FiveBoxes h3 {
  margin-bottom: 15px;
}

.expiry-dont-know-section.FiveBoxes .question {
  margin: 15px 0 20px
}

.expiry-dont-know-section.FiveBoxes button {
  margin: 11px auto 0;
}

.expiry-dont-know-section.FiveBoxes button.back-btn {
  margin: 0;
}

.expiry-dont-know-section.FiveBoxes a {
  margin-top: 20px;
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
  -webkit-transform: none !important;
  transform: unset !important;
}

/*sriram insurer popup*/
.ncb-box.insurer-box {
  padding-left: 35px;
  padding-right: 35px;
}

.ncb-box.insurer-box .supplier-image {
  margin-top: 25px;
  margin-bottom: 20px;
}

.ncb-box.insurer-box .supplier-image+h3 {
  margin-bottom: 10px;
  font-weight: 500;
  color: #000;
  font-size: 14px;
}

.ncb-box.insurer-box h3+span {

  color: #696969;
  margin: 10px 0;
  font-weight: 300;
  line-height: 22px;
  font-size: 13px;
  color: #696969;
}

.ncb-box.insurer-box .addon-cta {
  margin-top: 28px;
}

.ncb-box.insurer-box .addon-cta::after {
  content: "";
  display: block;
  clear: both;
}

.ncb-box.insurer-box .proceed {
  width: 192px;
  margin: 0 9px 15px;
  padding: 8px 2px;
}

.ncb-box.insurer-box .proceed.remove {
  color: #fc4804;
  border: solid 1px #fc4804;
  background: #fff;
}

/*********************************Plan feature ***************************/


/*hover effects on buttons*/
.buy-now-btn:hover,
.popup.breakup .premium-display span:hover {
  background-color: #f94306;
}

.edit-vehical-details-button,
.edit-expiry-button,
.quotes-section .talk-to-expert,
.why_pb_banner_right a.Know_mr,
.view-all,
.why_pb_banner_wrap .blue_btn {
  transition: background-color ease 0.2s;
}

.edit-vehical-details-button:hover,
.edit-expiry-button:hover,
.quotes-section .talk-to-expert:hover,
.why_pb_banner_right a.Know_mr:hover,
.view-all:hover,
.why_pb_banner_wrap .blue_btn:hover,
.popular-addons_list .button:hover {
  background-color: #f4f5f7;
}

.owl-carousel .animated {
  animation-duration: 0.1s !important;
  animation-fill-mode: both
}

/*cliam msg Ui starts*/

a.know_more {
  color: #0052CC;
  font-size: 10px;
  font-weight: bold;
}

a.know_more::after {
  content: "";
  width: 4px;
  height: 4px;
  border-top: 1px solid #0052CC;
  border-left: 1px solid #0052CC;
  transform: rotate(135deg);
  display: inline-block;
  margin-left: 2px;
  vertical-align: middle;
}

div.claim_msgs {
  background: rgba(230, 252, 255, 0.31);
  border-radius: 4px;
  padding: 8px 8px 8px 8px;
  margin-bottom: 10px;
}

div.claim_msgs:first-of-type {
  margin-top: 5px;
}

.claim_msgs p {
  font-size: 14px;
  line-height: normal;
  font-weight: normal;
  letter-spacing: 0px;
  color: #1B2B4B;
}

.claim_msgs span.offered_by {
  font-weight: 500;
  font-style: italic;
  font-size: 10px;
  color: #FF991F;
  float: left;
  margin-top: 4px;
  padding-left: 19px;
  display: block;
  position: relative;
}

.claim_msgs span.offered_by::before {
  content: "";
  width: 13px;
  height: 13px;
  background: url('https://static.pbcdn.in/car-cdn/rct/images/offer_bulb.svg');
  background-size: contain;
  position: absolute;
  display: block;
  left: 0;
  top: 55%;
  transform: translateY(-50%);
}

.claim_msgs .icon {
  position: absolute;
  width: 19px;
  height: 19px;
  background: url('https://static.pbcdn.in/car-cdn/rct/images/blue_crown.svg');
  background-size: contain;
  display: block;
  left: 0;
  top: 2px;

}

.claim_msgs .content {
  padding: 0px 70px 0px 28px;
  position: relative;
}

.claim_msgs .content .wrapper.newinfo {
  width: 70px;
  height: auto;
  /* float: right; */
  /* margin-top: 5px; */
  /* position: absolute;
        right: 0;
        bottom: 0;
        left: auto;
        top: auto;*/
  top: auto;
  right: 0;
  position: absolute;
  bottom: 2px;
  left: auto;
}

.claim_msgs .content .wrapper.newinfo .tooltip:after {
  left: 60%;
}

.claim_msgs .content .wrapper.newinfo .tooltip {
  width: 183px;
  left: -93px;
  top: 121%;
}


/*popular addons list*/


.popular-addons_list {
  padding: 0;
  margin: 0px 0 15px;
  list-style: none;
  display: flex;
  align-items: center;
  -ms-overflow-style: none;
  scrollbar-width: none;
  flex-wrap: wrap;
}

.popular-addons_list li {
  margin-right: 9px;
  color: #212121;

}

.popular-addons_list li.text_only {
  font-size: 15px;
  font-weight: normal;
  min-width: 120px;
  margin-right: 0;
}

.popular-addons_list .button {
  border-radius: 20px;
  background: #fff;
  padding: 7px 18px;
  font-size: 13px;
  font-weight: normal;
  letter-spacing: 0;
  text-align: center;
  color: #0065ff;
  border: solid 1px #D2D2D1;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  transition: all ease 0.2s;
}

.popular-addons_list .button.active {
  background: #0065ff;
  color: #fff;
  position: relative;
  padding-right: 30px;
}

.popular-addons_list .button.active .close-icon {
  top: 44%;
  transform: translateY(-50%);
  right: 0;
}

.popular-addons_list .button.active .close-icon:before,
.popular-addons_list .button.active .close-icon:after {
  background-color: #fff;
}

/*popular addons list ends*/


.claim_tag.guarantee {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  border-radius: 4px;
  background: #0065ff;
  text-transform: uppercase;
  width: auto;
  padding: 1px 6px 1px 17px;
  text-align: left;
  margin-bottom: 1px;
  top: 0;
  left: 0;
  height: auto;
  line-height: normal;
  font-size: 10px;
  letter-spacing: 0;
}

.claim_tag.guarantee::before {
  width: 12px;
  height: 12px;
  background: url('https://static.pbcdn.in/car-cdn/rct/images/blue_check.svg');
  position: absolute;
  left: 3px;
  top: 2px;
  background-color: transparent;
  border: none;
}

.claim_tag.guarantee::after {
  display: none;
}

@media(max-width: 640px)and (min-width:320px) {

  /*popular addons list*/
  .popular-addons_list li,
  .popular-addons_list .scrollable {
    display: inline-block;
    vertical-align: middle;
    overflow: visible;
  }

  .popular-addons_list li,
  .popular-addons_list li.text_only {
    margin-right: 5px;
  }

  .popular-addons_list li:last-child {
    margin-right: 0px;
  }

  .popular-addons_list li.text_only {
    font-size: 12px;
    min-width: auto;
    padding-left: 3%;
    box-sizing: border-box;
  }

  .popular-addons_list {

    display: block;

    -ms-overflow-style: none;

    scrollbar-width: none;
    white-space: nowrap;
    overflow: auto;

  }

  .popular-addons_list .button.active {
    padding-right: 26px;
  }

  .popular-addons_list .button.active .close-icon:before,
  .popular-addons_list .button.active .close-icon:after {
    height: 12px;
  }

  .popular-addons_list::-webkit-scrollbar {
    /*to hide scrollbar*/
    display: none;
    /* Safari and Chrome */
  }

  .popular-addons_list .button {
    font-size: 12px;
    padding: 5px 10px;
    box-sizing: border-box;
  }

  .claim_msgs p {
    font-size: 12px;
    padding: 6px 10px;
    min-width: auto;
    flex: 0 0 72%;
    max-width: 72%;
  }

  .claim_msgs .icon {
    width: 15px;
    height: 15px;
    top: 1px;
  }

  div.claim_msgs {

    padding: 5px 5px 5px 5px;
  }

  .claim_msgs .content {
    padding: 0px 66px 0px 18px;
  }

  .claim_msgs .content .wrapper.newinfo .tooltip {
    width: 165px;
    left: -93px;

  }

  .claim_msgs .content .wrapper.newinfo {
    bottom: 0;
    right: -7px;
  }

  .claim_msgs .content .wrapper.newinfo .tooltip:after {
    left: 70%;
  }
}

@media(max-width: 320px) {

  /*	.popular-addons_list {
            width: 320px;
        }*/
  .claim_msgs p {
    font-size: 11px;
  }
}

/*cliam msg Ui ends*/


@media only screen and (max-width: 670px) and (min-width: 320px) {

  /*irda amount*/

  .buy-now-section .irda-amount {
    display: inline-block;
    /* vertical-align: top; */
    margin: 3px 0px 0 0;
    font-size: 12px;
    font-weight: 400;
    /* position: relative; */
    height: 18px;
    width: auto;
    left: 50%;
    transform: translate(-50%, 0);
  }

  .buy-now-section .irda-amount:before {
    position: absolute;
    width: auto;
    height: 1px;
    content: "";
    left: -2px;
    top: 47%;
    transform: rotate(5deg);
    background: #546e7a;
    margin: 0;
    right: -2px;
    display: block;
  }

  a.title_only {
    font-size: 12px;
    padding: 0px 10px 0px;
    color: #253858;
    display: inline-block;
    float: none;
    text-decoration: none;
    position: relative;
    top: -2px;
  }

  a.title_only:after {
    display: none;
  }

  .plan_list_tags {
    margin: 10px 0px 8px;
    padding: 0 8px;
    list-style: none;
  }

  .plan_list_tags li {
    background: #f1f1f1;
    color: #253858;
    padding: 2px 6px;
    display: inline-block;
    margin-right: 3px;
    border-radius: 5px;
    margin-bottom: 3px;
    font-size: 11px;
  }

  .plan_list_tags .add_plans {
    cursor: pointer;
  }

}

/*********************************Plan feature ***************************/



@media only screen and (max-width: 670px) and (min-width: 320px) {

  .expiry-dont-know-section.FiveBoxes h3 {
    padding-bottom: 0;
    margin-bottom: 10px;
  }

  .expiry-dont-know-section.FiveBoxes .question {
    margin: 10px 0 10px;
  }

  .expiry-dont-know-section.FiveBoxes a {
    margin-top: 15px;
  }

  .quote-tile-inner {
    overflow: visible;
  }

  .feature-addons-section-mob .addons-section .tooltip {
    z-index: 100;
    width: 220px;
    line-height: normal;
  }

  .feature-addons-section-mob .addons-section .tooltip:after {
    left: 55%;
  }

  .show-idv-section .match_text {
    display: none;
  }

  .show-idv-section span {
    position: relative;
    padding-right: 14px;
  }

  .show-idv-section.match span .check {
    width: 10px;
    height: 10px;
    background-color: rgba(54, 179, 126, 0.68);
    border-radius: 50%;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(https://static.pbcdn.in/car-cdn/rct/images/white-tick.svg);
    background-repeat: no-repeat;
    background-size: 8px auto;
    background-position: 1px 2px;
    /* z-index: 0; */
    /* bottom: 1px; */
  }

  .show-idv-section.match span .check .edit_tooltip {
    /* position: absolute; */
    right: 76px;
    top: 167%;
    left: auto;
    /* bottom: 47px; */
  }

  .show-idv-section.match span .check .edit_tooltip .tooltip {
    /* width: auto; */
    /* top: 0; */
    font-size: 10px;
    line-height: 12px;
  }

  .show-idv-section.match span .check .edit_tooltip .tooltip:before {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid #36b37ead;
    /* border-bottom: none; */
    top: -8px;
    left: 65px;
  }
}

/***************************End Idv Match*******************************/

/*disc****************************disount banner starts**************************/
.discount_banner_wrap {
  height: 104px;
  background: #f7fcff;
  box-shadow: 0 6px 16px 0 rgb(52 105 203 / 16%);
  margin-bottom: 16px;
  border-radius: 5px;
  /* overflow: hidden; */
  box-sizing: border-box;
}

.discount_banner_wrap * {
  box-sizing: border-box;
}

.discount_banner_wrap .inner-cont {
  max-width: 755px;
  margin: 0 auto;
  height: 100%;
  padding-left: 20px;
  position: relative;
  text-align: center;
  padding-top: 17px;
  vertical-align: middle;
  padding-bottom: 0px;
}

.discount_banner_wrap .text {
  padding-right: 10px;
  width: 75%;
  display: inline-block;
  vertical-align: middle;
}

.discount_banner_wrap .switch_tp_btn {
  width: 25%;
  display: inline-block;
  vertical-align: middle;
}

.discount_banner_wrap .text .heading {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: normal;
  text-align: left;
  color: #172b4d;
  padding-bottom: 2px;
  line-height: 26px;
}

.discount_banner_wrap .text p {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #58647e;
  margin: 0;
}

.discount_banner_wrap .switch_tp_btn .button {
  text-decoration: none;
  display: block;
  outline: none;
  width: 147px;
  height: 42px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 4px;
  border: solid 1px #0064ff;
  color: #fff;
  text-align: center;
  background: #0064ff;
  /* box-shadow: 0 0 2px #ececec; */
  margin-right: 10px;
  float: right;
  line-height: 40px;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
}

.discount_banner_wrap .switch_tp_btn .button:hover {
  color: #fff;
}

.discount_banner_wrap .switch_tp_btn .button span {
  display: block;
  font-size: 10px;
  font-weight: 300;

  line-height: 1.2;
  letter-spacing: normal;

  color: #0052cc;
}

/*when discount is opted*/

.discount_banner_wrap.lltp_opted {
  background: #fff;
}

.discount_banner_wrap .text .heading.green_text {
  color: #419b19;
}

.discount_banner_wrap.lltp_opted .switch_tp_btn .button {
  line-height: 40px;
  border: none;
  background: #E7F3FF;
  border-color: #d0dfff;
  color: #0463F6;
  font-size: 14px;
}

.discount_banner_wrap.lltp_opted .switch_tp_btn .button:hover {
  background: #c4dff9;
}

@media only screen and (max-width: 670px) and (min-width: 320px) {
  .discount_banner_wrap {
    width: 94%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    height: auto;
    padding-right: 0;
  }

  .discount_banner_wrap .inner-cont {
    height: auto;
    display: block;
    padding: 10px 0 10px 20px;
    position: relative;
  }

  .discount_banner_wrap .inner-cont::after {
    content: "";
    display: block;
    clear: both;
  }

  .discount_banner_wrap .image {
    float: left;
    max-width: 100%;
    width: 71px;
    position: absolute;
    top: 12%;
  }

  .discount_banner_wrap .text {
    max-width: 100%;
    display: block;
    float: left;
    width: 100%;
    font-weight: bold;
  }

  .discount_banner_wrap .text .heading {
    font-size: 14px;
    /* padding-bottom:6px; */
    line-height: 16px;
  }

  .discount_banner_wrap .text p {
    font-size: 10px;
    line-height: 13px;
  }

  .discount_banner_wrap .switch_tp_btn {
    max-width: 100%;
    /* float: left; */
    width: 100%;
    margin-top: 10px;
    text-align: center;
  }

  .discount_banner_wrap .switch_tp_btn .button {
    /*margin: 0 auto;
    */
    font-size: 13px;
    width: 108px;
    height: 31px;
    line-height: 28px;
    /* margin-right: 10px; */
    /* margin-left: 10px; */
    display: block;
    /*float: none;*/
  }

  .discount_banner_wrap.lltp_opted .switch_tp_btn .button {
    line-height: 30px;
    font-size: 12px;
  }

  .discount_banner_wrap.lltp_opted .text .heading {
    font-size: 14px;
    line-height: 14px;
    padding-bottom: 4px;
  }

  .discount_banner_wrap .switch_tp_btn .button span {
    font-size: 8px;
  }

}

/*****************************discount banner ends***********************************/
/***************************emergency banner starts*********************/
.assistance_banner {
  height: 104px;
  background: #fff;
  box-shadow: 0 1px 4px -1px rgb(86, 86, 86);
  margin-bottom: 16px;
  border-radius: 5px;
  overflow: hidden;
  padding: 0px 32px;
  box-sizing: border-box;
}

.assistance_banner * {
  box-sizing: border-box;
}

.assistance_banner .inner-cont {
  margin: 0 auto;
  position: relative;
  padding-left: 135px;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

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

.assistance_banner .image {
  position: absolute;
  bottom: 0px;
  max-width: 120px;
  left: 0;
}

.assistance_banner .image img {
  max-width: 100%;
}

.assistance_banner .text {
  flex: 0 0 100%;
  max-width: 100%;
  position: relative;
  z-index: 1;
  padding-right: 150px;
}

.assistance_banner .text .heading {
  color: #000;
  font-weight: bold;
  font-size: 22px;
  letter-spacing: 0px;
  padding-bottom: 10px;
  line-height: 20px;
}

.assistance_banner .text p {
  letter-spacing: 0px;
  font-size: 12px;
  font-weight: 500;
  margin: 0;
}

.assistance_banner .ast_button {
  background: #FFFFFF;
  border: 1px solid #2E80FF;
  border-radius: 5px;
  width: 150px;
  height: 35px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0px;
  color: #2E80FF;
  line-height: 33px;
  position: absolute;
  padding-left: 44px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  right: 0;
  z-index: 9;
  text-decoration: none;
}

.assistance_banner .ast_button img {
  width: 15px;
  height: auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  left: 21px;
}

@media only screen and (max-width: 670px) and (min-width: 320px) {
  .assistance_banner {
    width: 94%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 10px;
    padding-top: 5px;
  }

  .assistance_banner .inner-cont {
    padding-bottom: 5px;
    padding-left: 73px;
  }

  .assistance_banner .ast_button {
    position: relative;
    width: 138px;
    height: 30px;
    line-height: 27px;
    transform: none;
    top: 0;
    margin: 0px 0px 0px 55px;
    padding-left: 38px;
    font-size: 12px;
  }

  .assistance_banner .ast_button img {
    left: 20px;
    width: 12px;
  }

  .assistance_banner .text {
    padding-right: 0px;
    position: static;
  }

  .assistance_banner .text .heading {
    font-size: 15px;
    line-height: 13px;
    padding-bottom: 5px;
  }

  .assistance_banner .text p {
    font-weight: normal;
    color: #616161;
    position: relative;
    left: 19px;
    padding-right: 13px;
    max-width: 235px;
    line-height: normal;
  }

  .assistance_banner .image {
    max-width: 94px;
  }
}

@media(max-width: 320px) {
  .assistance_banner .ast_button {
    margin: 0px 0px 0px 30px;
    /* width: 132px; */
  }

  .assistance_banner .text .heading {
    font-size: 13px;
  }

  .assistance_banner .text p {
    font-size: 11px;
    max-width: 200px;
  }
}

/***************************emergency banner ends************************/

/*************************tp banner starts*******************************/
.tp_banner_wrap {
  height: 104px;
  background: #fff;
  box-shadow: 0 1px 4px -1px rgb(86, 86, 86);
  margin-bottom: 16px;
  border-radius: 5px;
  overflow: hidden;
  box-sizing: border-box;
}

.tp_banner_wrap * {
  box-sizing: border-box;
}

.tp_banner_wrap .inner-cont {
  /* max-width: 715px; */
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  height: 100%;
  padding-left: 50px;
  padding-right: 24px;
}

.tp_banner_wrap .image {
  flex: 0 0 13%;
  max-width: 13%;
}

.tp_banner_wrap .image img {
  max-width: 100%;
}

.tp_banner_wrap .text {
  flex: 0 0 63%;
  max-width: 63%;
  padding: 0px 0px 0px 15px;
}

.tp_banner_wrap .switch_tp_btn {
  flex: 0 0 24%;
  max-width: 24%;
}

.tp_banner_wrap .text .heading {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: normal;
  text-align: left;
  color: #463E3D;
  /* padding-bottom: 5px; */
  line-height: 26px;
}

.tp_banner_wrap .text .heading.green_text {
  color: #419b19;
}

.tp_banner_wrap .text p {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #7a869a;
  margin: 0;
}

.tp_banner_wrap .switch_tp_btn .button {
  text-decoration: none;
  display: block;
  outline: none;
  width: 147px;
  height: 42px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  border-radius: 4px;
  border: solid 1px #d0dfff;
  padding-top: 2px;
  float: right;
  background: #007fff;
  box-shadow: 0 0 2px #ececec;
  line-height: 36px;
}

.tp_banner_wrap.lltp_opted .switch_tp_btn .button {
  line-height: 36px;
  border: none;
  background: #E7F3FF;
  border-color: #d0dfff;
  color: #0463F6;
  font-size: 14px;
}

.tp_banner_wrap .switch_tp_btn .button span {
  display: block;
  font-size: 10px;
  font-weight: 350;
  line-height: 1.2;
  letter-spacing: normal;
  color: #0463F6;
}

@media only screen and (max-width: 670px) and (min-width: 320px) {
  .tp_banner_wrap {
    width: 94%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    height: auto;
    padding-right: 0;
  }

  .tp_banner_wrap .inner-cont {
    height: auto;
    display: block;
    padding: 10px 0;
    position: relative;
  }

  .tp_banner_wrap .inner-cont::after {
    content: "";
    display: block;
    clear: both;
  }

  .tp_banner_wrap .image {
    float: left;
    max-width: 100%;
    width: 71px;
    position: absolute;
    top: 12%;
    left: 5px;
  }

  .tp_banner_wrap .text {
    max-width: 100%;
    padding-left: 85px;
    display: block;
    float: left;
    width: 100%;
    font-weight: bold;
    /* padding-top: unset; */
  }

  .tp_banner_wrap .text .heading {
    font-size: 16px;
    /* padding-bottom: 5px; */
    line-height: 18px;
  }

  .tp_banner_wrap.lltp_opted .text .heading {
    font-size: 14px;
  }

  .tp_banner_wrap .text p {
    font-size: 10px;
    line-height: 12px;
  }

  .tp_banner_wrap .switch_tp_btn {
    max-width: 100%;
    float: left;
    width: 100%;
    margin-top: 10px;
  }

  .tp_banner_wrap .switch_tp_btn .button {

    font-size: 13px;
    width: 108px;
    height: 31px;
    margin-left: 85px;
    margin-right: 10px;
    padding-top: 0px;
    line-height: 30px;
  }

  .tp_banner_wrap.lltp_opted .switch_tp_btn .button {
    line-height: 30px;
    font-size: 12px;
  }

  .tp_banner_wrap .switch_tp_btn .button span {
    font-size: 8px;
    display: none;
  }
}

/************************tp banner ends*********************************/

/**************************assistance banner starts**********************/
.emrg_banner {
  height: 104px;
  background: #fff;
  box-shadow: 0 1px 4px -1px rgb(86, 86, 86);
  margin-bottom: 16px;
  border-radius: 5px;
  overflow: hidden;
  padding: 0px 32px;
  box-sizing: border-box;
}

.emrg_banner * {
  box-sizing: border-box;
}

.emrg_banner .inner-cont {
  padding-left: 145px;
  display: flex;
  align-items: center;
  position: relative;
  height: 100%;
  /* text-align: center; */
}

.emrg_banner .image {
  float: left;
  max-width: 128px;
  left: 0;
  position: absolute;
  bottom: 0;
}

.emrg_banner .image img {
  max-width: 100%;
}

.emrg_banner .text .heading {
  font-size: 25px;
  font-weight: bold;
  padding-bottom: 11px;
  letter-spacing: 0px;
  color: #DE350B;
  line-height: 22px;
  padding-left: 20px;
}

.emrg_banner .text {
  flex: 0 0 100%;
  max-width: 100%;
}

.emrg_banner .text p {
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  margin: 0px;
}

@media only screen and (max-width: 670px) and (min-width: 320px) {
  .emrg_banner {
    width: 94%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 10px;
  }

  .emrg_banner .image {
    max-width: 97px;
    bottom: auto;
  }

  .emrg_banner .text .heading {
    font-size: 18px;
    padding-left: 0;
    padding-bottom: 5px;
    line-height: 19px;

  }

  .emrg_banner .text p {
    font-size: 12px;
    font-weight: 400;
    color: #616161;
    line-height: normal;

  }

  .emrg_banner .inner-cont {
    padding-left: 105px;
  }
}

@media(max-width: 320px) {
  .emrg_banner .inner-cont {
    padding-left: 102px;
  }

  .emrg_banner .image {
    max-width: 97px;
  }

  .emrg_banner .text .heading {
    font-size: 16px;
    line-height: 20px;
  }
}

/***************************assistance banner ends***********************/


/**************************inspection banner starts*******************/
.inspection_banner {
  height: 104px;
  background: #fff;
  box-shadow: 0 1px 4px -1px rgb(86, 86, 86);
  margin-bottom: 16px;
  border-radius: 5px;
  overflow: hidden;
  padding: 0px 32px;
  box-sizing: border-box;
}

.inspection_banner * {
  box-sizing: border-box;
}

.inspection_banner .inner-cont {
  padding-left: 145px;
  display: flex;
  align-items: center;
  position: relative;
  height: 100%;
  /* text-align: center; */
}

.inspection_banner .image {
  float: left;
  max-width: 128px;
  left: 0;
  position: absolute;
  bottom: 6px;
}

.inspection_banner .image img {
  max-width: 100%;
  position: relative;
  z-index: 1;
}

.inspection_banner .image img.for_mob {
  display: none;
}

.inspection_banner .image::before {
  background: url('https://static.pbcdn.in/car-cdn/rct/images/ins-clock-bg.svg');
  content: "";
  width: 247px;
  height: 279px;
  display: block;
  position: absolute;
  top: -52px;
  left: -39px;
  background-size: contain;
  z-index: 0;
}

.inspection_banner .text .heading {
  font-size: 25px;
  font-weight: bold;
  padding-bottom: 10px;
  letter-spacing: 0px;
  color: #172B4D;
  line-height: 22px;
  /* padding-left: 20px; */
}

.inspection_banner .text {
  flex: 0 0 100%;
  max-width: 100%;
  text-align: center;
}

.inspection_banner .text p {
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  margin: 0px;
}

.banner_wrap.sidebar_view .knowMore_btn {
  height: 31px;
  width: 120px;
}

@media only screen and (max-width: 670px) and (min-width: 320px) {
  .inspection_banner {
    width: 94%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 10px;
  }

  .inspection_banner .image {
    max-width: 184px;
    bottom: 0;
    left: -20px;
  }

  .inspection_banner .text {
    text-align: left;
  }

  .inspection_banner .text .heading {
    font-size: 14px;
    padding-left: 0;
    padding-bottom: 5px;
    line-height: 16px;
  }

  .inspection_banner .text .heading span {
    display: block;
  }

  .inspection_banner .text p {
    font-size: 12px;
    font-weight: 400;
    color: #616161;
    line-height: normal;

  }

  .inspection_banner .inner-cont {
    padding-left: 148px;
  }

  .inspection_banner .image img.for_mob {
    display: block;
  }

  .inspection_banner .image img.for_desk,
  .inspection_banner .image:before {
    display: none;
  }
}

@media(max-width: 320px) {
  .inspection_banner .inner-cont {
    padding-left: 130px;
  }

  .inspection_banner .image {
    max-width: 185px;
    bottom: 1px;
    left: -27px;
  }

  .inspection_banner .text .heading {
    font-size: 14px;
    /* line-height: 20px; */
  }
}

/****************************inspection banner ends**********************/

/****************************assistance banner starts********************/
.claim_video_wrap {
  height: 104px;
  background: #fff;
  box-shadow: 0 1px 4px -1px rgb(86, 86, 86);
  margin-bottom: 16px;
  border-radius: 5px;
  overflow: hidden;
  padding: 0px 32px 0 0;
  box-sizing: border-box;
}

.claim_video_wrap * {
  box-sizing: border-box;
}

.claim_video_wrap .inner-cont {
  padding-left: 220px;
  display: flex;
  align-items: center;
  position: relative;
  height: 100%;
  max-width: 677px;
  margin: 0 auto;
}

.claim_video_wrap .image {
  float: left;
  left: 8px;
  position: absolute;
  bottom: -35px;
}

.claim_video_wrap .image .mob_on {
  display: none;
}

.claim_video_wrap .image img {
  /* max-width: 100%; */
  width: 185px;
}

.claim_video_wrap .text .heading {
  font-size: 22px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 22px;
  letter-spacing: normal;
  text-align: left;
  color: #172b4d;
  padding-bottom: 5px;
  /* text-align: center; */
}

.claim_video_wrap .text {
  flex: 0 0 100%;
  max-width: 100%;
}

.claim_video_wrap .text p {
  font-size: 12px;
  font-weight: 350;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #6c6c6c;
  margin: 0;
}

@media only screen and (max-width: 670px) and (min-width: 320px) {
  .claim_video_wrap {
    width: 94%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 10px;
  }

  .claim_video_wrap .image {
    bottom: -3px;
  }

  .claim_video_wrap .image img {
    width: 100px;
  }

  .claim_video_wrap .image .mob_on {
    display: block;
  }

  .claim_video_wrap .image .desk_on {
    display: none;
  }

  .claim_video_wrap .text .heading {
    padding-bottom: 5px;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 14px;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
  }

  .claim_video_wrap .text .heading span {
    display: block;
  }

  .claim_video_wrap .text p {
    font-size: 11px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #616161;
    line-height: 14px;
  }

  .claim_video_wrap .inner-cont {
    padding-left: 96px;
  }
}

@media(max-width: 320px) {
  .claim_video_wrap .inner-cont {
    padding-left: 96px;
  }

}

/**************************assistance banner ends*************************/

/**************************assistance banner starts**********************/
.claim_banner_wrap1 {
  height: 104px;
  background: #fff;
  box-shadow: 0 1px 4px -1px rgb(86, 86, 86);
  margin-bottom: 16px;
  border-radius: 5px;
  overflow: hidden;
  padding: 0px 32px;
  box-sizing: border-box;
}

.claim_banner_wrap1 * {
  box-sizing: border-box;
}

.claim_banner_wrap1 .inner-cont {
  padding-left: 105px;
  display: flex;
  align-items: center;
  position: relative;
  height: 100%;
  max-width: 600px;
  margin: 0 auto;
}

.claim_banner_wrap1 .image {
  float: left;
  max-width: 90px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.claim_banner_wrap1 .t_c {
  position: absolute;
  right: -10%;
}

.claim_banner_wrap1 .image img {
  max-width: 95%;
}

.claim_banner_wrap1 .text .heading {
  font-size: 22px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 22px;
  letter-spacing: normal;
  text-align: left;
  color: #172b4d;
  padding-bottom: 5px;
}

.claim_banner_wrap1 .text {
  flex: 0 0 100%;
  max-width: 100%;
}

.claim_banner_wrap1 .text p {
  font-size: 13px;
  font-weight: 350;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #6c6c6c;
  margin: 0;
}

@media only screen and (max-width: 670px) and (min-width: 320px) {
  .claim_banner_wrap1 {
    width: 94%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 10px;
  }

  .claim_banner_wrap1 .image {
    max-width: 80px;

    left: 10px;
  }

  .claim_banner_wrap1 .text .heading {
    padding-bottom: 5px;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 14px;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
  }

  .claim_banner_wrap1 .text .heading span {
    display: block;
  }

  .claim_banner_wrap1 .text p {
    font-size: 11px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #616161;
    line-height: 14px;
  }

  .claim_banner_wrap1 .inner-cont {
    padding-left: 105px;
  }
}

@media(max-width: 320px) {
  .claim_banner_wrap1 .inner-cont {
    padding-left: 102px;
  }

}

/*claim banner with superman image*/
.claim_banner_wrap1.wid_superman .inner-cont {
  padding-left: 157px;
  max-width: 632px;
}

.claim_banner_wrap1.wid_superman .image {
  max-width: 100%;
  top: auto;
  transform: none;
  bottom: -10px;
}

.claim_banner_wrap1.wid_superman .image img {
  max-width: 95%;
  width: 216px;
  position: relative;
  right: 60px;
}

/**************************assistance banner ends************************/

/**************************start Pay as you drive************************/
.quote_tile {
  border-radius: 5px;
  box-shadow: 0 1px 4px -1px rgb(86, 86, 86);
  border: solid 1px #fff;
  background-color: #ffffff;
  margin: 20px auto 16px;
  display: table;
  width: 100%;
  max-width: 784px;

}

.bottom {
  height: 115px;
}

@media only screen and (max-width: 670px) and (min-width: 320px) {
  .quote_tile {
    width: 94%;
    margin: 0 auto 16px;
  }

}

/*PAYDrive_wrap*/
.quote_tile.pay_as_drive {
  position: relative;
  border: none;
  padding-top: 16px;
  box-shadow: none;
  background: none;
  margin-bottom: 0;
  margin-top: 36px;
}

.quote_tile.pay_as_drive .quote-tile-actual {
  box-shadow: none;
  margin-bottom: 0;
  width: 100%;
}

.PAYDrive_wrap {
  max-width: 784px;
  margin: 0 auto;
  position: absolute;
  top: -26px;
  left: -1px;
  right: 0;
  z-index: 1;
}

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

.PAYDrive_wrap .blue_strip {
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: normal;
  color: #212121;
  background-color: rgba(33, 123, 255, 0.21);
  padding: 8px 317px 9px 28px;
  height: 36px;
  border-radius: 5px;
  /* box-shadow: 0 -3px 4px -2px rgba(0, 0, 0, 0.15); */
  position: absolute;
  bottom: 0px;
  left: 1px;
  right: 0px;
  z-index: 0;
  border-bottom-left-radius: 0;
  width: 99%;
}

.PAYDrive_wrap .rate_list {
  background: #fff;
  border-radius: 6px;
  background-color: #ffffff;
  width: 324px;
  padding: 2px 0px;
  float: right;
  position: relative;
  z-index: 9;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.PAYDrive_wrap .rate_list ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}

.PAYDrive_wrap .rate_list ul li {
  display: inline-block;
  width: 95px;
  cursor: pointer;
  height: 34px;
  margin: 2px 5px;
  font-size: 11px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  border-radius: 5px;
  border: solid 1px #007aff;
  background-color: #ffffff;
  letter-spacing: normal;
  vertical-align: top;
  text-align: center;
  color: #007aff;
  padding: 4px 3px;
  line-height: 12px;
  /* text-transform: uppercase; */
  font-weight: 400;
}

.PAYDrive_wrap .rate_list ul li span {
  font-size: 10px;
  display: block;
  text-transform: none;
}

.PAYDrive_wrap .rate_list ul li.active {
  background-color: #0179ff;
  color: #fff;
}

.quote_tile.pay_as_drive .quote-tile-inner {
  border-radius: 5px 0 5px 5px;
  background: #fff;
}

.special-pay-plan {
  /* box-shadow: none; */
  background: none;
  border: none;
}

@media(max-width: 767px) {

  .PAYDrive_wrap .blue_strip,
  .PAYDrive_wrap {
    position: static;
  }

  .quote_tile.pay_as_drive {
    padding: 8px 0px 8px 8px;
    border: solid 1px #0065ff;
    box-shadow: none;
    width: 100%;
    padding: 0;
    background: #fff;
    margin-top: 0;
    margin-bottom: 16px;
  }

  .PAYDrive_wrap .blue_strip {
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    width: auto;
    height: auto;
    padding: 8px 0;
    font-size: 12px;
    font-weight: normal;
    max-width: 100%;
    line-height: 15px;
    padding-left: 10px;
    letter-spacing: -0.1px;
  }

  .PAYDrive_wrap .rate_list {
    float: none;
    padding: 0px 0 10px 0;
    width: 98%;
    margin: 0 auto;
  }

  .PAYDrive_wrap .rate_list ul {
    text-align: left;
  }

  .PAYDrive_wrap .rate_list ul li {
    width: 99px;
    line-height: 25px;
    margin-left: 0px;
    margin-right: 8px;
    margin: 0 5px;
    line-height: 14px;
    padding: 2px;
  }

  .PAYDrive_wrap .rate_list ul li span {
    display: none;
  }
}

.popup .details-section .wrapper {
  left: 0;
}

@media(max-width: 320px) {
  .PAYDrive_wrap .rate_list ul li {
    width: 86px;
    margin-right: 6px;
  }
}

/*******************end pay as you drive*******************************/

.wrapper .tooltip.show {
  opacity: 1;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
}

.wrapper.autowidth {
  border: none;
  background: none;
}

.wrapper.autowidth .tooltip.show {
  width: auto;
  left: auto;
  right: -20px;
  white-space: nowrap;
  top: 155%;
}

.wrapper.autowidth .tooltip.show::after {
  left: 52%;
}

@media(max-width: 480px) {

  .tp_carousel_wrap .plan_box b {
    padding: 0px 2px;
    font-size: 10px;
  }

  .tp_carousel_wrap .policy_coverage {
    bottom: 52px;
  }

  .tp_carousel_wrap .policy_coverage::after {
    content: "";
    width: 4px;
    height: 4px;
    border-top: 1px solid #1496FE;
    border-left: 1px solid #1496FE;
    transform: translateY(-50%) rotate(135deg);
    display: inline-block;
    position: relative;
    right: 0;
    /* top: 50%; */
    /* margin-top: 1px; */
    top: 1px;
    margin-left: 3px;
  }

  .tp_carousel_wrap .item {
    padding: 5px 1px 8px;
  }

  .tp_carousel_wrap .plan_box {
    /* height: 147px;*/
    height: 127px;
    box-shadow: 0px 1px 7px -2px rgb(111, 130, 148);
    border-radius: 8px;
  }

  .tp_carousel_wrap .plan_box .inner .tp_image {
    margin-bottom: 20px;
  }

  .tp_carousel_wrap .plan_box .price_value {
    font-size: 13px;
    bottom: 17px;
    font-weight: 500;
    padding: 6px 5px;
    width: 90px;
    bottom: 8px;
    padding-left: 8px;
  }

  .tp_carousel_wrap .plan_box .price_value::after {
    margin-left: 6px;
    width: 12px;
    height: 8px;
  }

  .tp_carousel_wrap .select_btn {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: auto;
    height: auto;
    background: none;
    opacity: 0;
  }

  .tp_carousel_wrap .overlay {
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.5);
  }

  .tp_carousel_wrap .plan_box:hover>.inner .tp_image,
  .tp_carousel_wrap .plan_box:hover>.inner .price_value {
    opacity: 1;
  }

  .tp_carousel_wrap .overlay {
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
    background: transparent;
    transform: scale(1);
    opacity: 0;
    display: none;
  }

  .tp_carousel_wrap .plan_box b {
    transition: all 0.3s ease-in-out;
  }

  .tp_carousel_wrap .plan_box:hover>.tp_carousel_wrap .plan_box b {
    opacity: 0;
  }

  .tp_carousel_wrap .plan_box {
    transition: all ease 0.3s;
  }

  .tp_carousel_wrap .plan_box:hover {
    box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.5);
  }

  .tp_carousel_wrap .item {
    padding: 10px 2px 11px 0;
  }


  .tp_carousel_wrap ul.added_addons li {
    font-size: 10px;
    padding-right: 5px;
  }

  .tp_carousel_wrap ul.added_addons li::before {
    width: 3px;
    height: 3px;
    background: #a0d386;
    border-radius: 50%;
    margin-right: 2px;
    position: relative;
    top: -2px;
  }

  .tp_carousel_wrap .plans_carousel::before,
  .tp_carousel_wrap .plans_carousel::after {
    top: 22px;
    bottom: 22px;
  }

  .tp_carousel_wrap .plans_carousel::after {
    right: 0px;
  }

  .tp_carousel_wrap ul.added_addons::before {
    /* top: 59%;    height: 1px;*/
    display: none;
  }

  .tp_carousel_wrap .quotes-heading h2 {
    font-size: 14px;
    padding-bottom: 5px;
  }

  .tp_carousel_wrap .quotes-heading span.price {
    font-size: 16px;
  }

  .tp_carousel_wrap .quotes-heading span {
    font-size: 11px;
    display: block;
    line-height: 10px;
  }

  .tp_carousel_wrap ul.added_addons {
    margin-top: 0px;
  }

  .tp_carousel_wrap ul.added_addons::before {
    content: "";
    background: rgba(127, 128, 129, 0.5);
    height: 2px;
    display: block;
    position: absolute;
    left: 3px;
    right: 3px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
  }

  .tp_carousel_wrap ul.added_addons {
    line-height: 12px;
  }

  .tp_carousel_wrap .plan_box.kotak .tp_image img {
    height: auto;
    max-width: 100%;
    max-height: 35px
  }

  .tp_carousel_wrap .plan_box.hdfc .tp_image img {
    width: 42px;
    height: auto;
    max-width: 58%
  }


  .tp_carousel_wrap .quotes-heading {
    margin: 0 0 0 12px;
  }

  .tp_carousel_wrap .quotes-heading h2 {
    font-size: 15px;
  }

  .tp_carousel_wrap .quotes-heading span {
    /* display: none; */
    font-size: 12px;
    color: #696969;
    margin-bottom: 5px;
  }

  .tp_carousel_wrap .featured-list {
    margin-left: 12px !important;
  }

  .tp_carousel_wrap .featured-list .tags {
    font-size: 10px;
    line-height: 17px;
  }

  /*.tp_carousel_wrap .plan_box .tp_image.img_9 img{max-width: 35%;}*/
  .tp_carousel_wrap .item {
    padding: 10px 5px 2px 0;
  }

  .tp_carousel_wrap {
    margin: 0px auto 10px;
    max-width: 783px;
    width: 100%;
    display: inline-block;
  }

  .quote-tile-actual.heading-show {
    /* margin: 46px auto 16px auto!important; */
  }

  .quote_tile.pay_as_drive .quote-tile-inner {
    border-radius: 5px 0 5px 5px;
    background: none;
    margin-bottom: 0;
  }
}

@media(max-width: 320px) {
  .tp_carousel_wrap ul.added_addons li {
    font-size: 9px;
  }

  .tp_carousel_wrap .plan_box .price_value {
    width: 75px;
  }

  .tp_carousel_wrap .item {
    padding-right: 3px;
  }
}

@media only screen and (max-width: 670px) and (min-width: 320px) {

  .tp_carousel_wrap .owl-carousel .owl-stage-outer {
    width: 100vw;
  }

  .quotes-heading,
  .tp_carousel_wrap .featured-list {
    width: 94%;
    margin: 0 auto;
  }

  .tp_carousel_wrap .featured-list {
    margin-bottom: 5px;
  }
}

.tp_carousel_wrap .plans_carousel::after {
  display: none;
}

.tp_carousel_wrap .plans_carousel {
  box-shadow: 7px 0px 2px -6px rgba(0, 0, 0, 0.2);
  clear: both;
}

.tp_carousel_wrap .plans_carousel.hide-tp {
  box-shadow: none;
}

/*******************End Tp tray**********************/

@media(max-width:767px) {

  /*insuer logo css*/
  .logo-image img {
    max-width: 120px;
    margin-left: 0;
    margin-bottom: 5px;
  }

  /*insurer logo css*/
  .callScheduling_main_wrap .box-call1.hide-mobile {
    display: none;
  }

  .callScheduling_main_wrap .icon.hide_desktop {

    display: block;

    position: absolute;


    z-index: 2;

    top: 0;
    left: 0;

  }

  .callScheduling_main_wrap .second_screen .icon.hide_desktop {
    top: 5px;
    left: 14px;
  }

  .callScheduling_main_wrap .second_screen .schedule-container.animation .icon.hide_desktop {
    animation: icon_animation ease 0.3s;
    -webkit-animation: icon_animation ease 0.3s;
  }

  .callScheduling_main_wrap .icon.hide_desktop img {
    width: 60px;
  }

  .callScheduling_main_wrap .schedule-container {
    padding: 3px 10px;
    position: relative;
    height: 103px;
  }

  .callScheduling_main_wrap .second_screen .schedule-container::after {
    content: "";
    display: block;
    width: 100%;
    top: 0;
    height: 100%;
    right: 0px;
    bottom: 0px;
    z-index: 1;
    background: #d9eff5;
    position: absolute;
    transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform-origin: left top;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    /*	transition:all ease 0.3s;
        -webkit-transition:all ease 0.3s;
        -ms-transition:all ease 0.3s;*/



  }

  .callScheduling_main_wrap .second_screen .schedule-container.animation::after {
    animation: bg_animation ease 0.3s;

  }

  @keyframes bg_animation {
    0% {
      transform: scale(0);
      -webkit-transform: scale(0);
      -ms-transform: scale(0);
      transform-origin: left top;
      -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
    }

    100% {
      transform: scale(1);
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
    }
  }

  @keyframes icon_animation {
    0% {
      top: 0;
      left: 0;
    }

    100% {
      top: 5px;
      left: 14px;
    }
  }

  .callScheduling_main_wrap .call-box-wrap {
    padding-left: 65px;
    padding-right: 22px;
    position: relative;
    z-index: 2;
  }

  .callScheduling_main_wrap .call-box-wrap .call-head1 {
    font-size: 16px;
  }

  .callScheduling_main_wrap .date-slot-schedule {
    height: auto;
    border: none;
    text-align: center;
    max-width: 500px;
    margin: 0px auto 8px;
    padding-bottom: 0;
  }

  .callScheduling_main_wrap .time-pick-schedule {
    max-width: 360px;
    margin: 0px auto 0;
    text-align: center;
  }

  .callScheduling_main_wrap .time-pick-schedule::after {
    display: block;
    clear: both;
    content: "";
  }

  .callScheduling_main_wrap .date-box-call span {
    font-size: 10px;
    line-height: normal;
    padding-bottom: 1px;
  }

  .callScheduling_main_wrap .time-box-call {

    width: 20%;
    padding: 0px 5px;
    margin: 0;
    display: inline-block;
  }

  .callScheduling_main_wrap .date-box-call {
    margin: 0px 15px;
  }

  .callScheduling_main_wrap .time-box-call input[type=radio]+div.valign-center {
    width: 61px;
    /* height: 67px; */
    margin: 0 auto;
    line-height: normal;
    display: block;
    font-weight: 500;
  }

  .callScheduling_main_wrap .time-box-call input[type=radio]+div.valign-center span {
    list-style: none;
  }

  .callScheduling_main_wrap .time-box-call span small.show_more {
    font-size: 9px;
    font-weight: 300;
    font-style: italic;
    letter-spacing: 0.18px;
    text-align: center;
    color: rgba(37, 56, 88, 0.6);
    display: block;
    text-transform: none;
  }

  .callScheduling_main_wrap .time-box-call .valign-center {
    width: 61px;
    margin: 0 auto;
    text-align: center;
    display: block;
    position: relative;
    border: 1px solid rgba(37, 56, 88, 0.6);
    border-radius: 4px;
  }

  .callScheduling_main_wrap .time-box-call span b {
    display: block;
    font-weight: 500;
  }

  .callScheduling_main_wrap .time-box-call.showin_mobile {
    display: block;
  }
}

/********** Quotes call Scheduling End*******/

#webklipper-publisher-widget-container {
  display: none !important;
}





/********** start month year calender **********/
.policy-expiry-edit-section .calender-ui,
.details-section .calender-ui {
  z-index: 9;
  border: 0px solid #dddddd;
  background: #fff;
  color: #222222;
  border-radius: 4px;
  padding: 10px 10px 10px 10px;
  width: 245px !important;
  box-shadow: 0px 1px 3px 0 #9c9c9c;
  -webkit-box-shadow: 0px 1px 3px 0 #9c9c9c;
  border-radius: 2px;
  box-shadow: 0 3px 24px 0 rgba(204, 204, 204, 0.3) !important;
  background-color: #ffffff;
  display: table;
  position: absolute;
  right: 20px;
}

.policy-expiry-edit-section .calender-ui-header,
.details-section .calender-ui-header {
  position: relative;
  border: 1px solid #aaaaaa;
  background: none;
  color: #222222;
  -webkit-appearance: none;
  font-weight: bold;
  border-radius: 0;
  padding: 7px;
  width: 98%;
  margin: 0 auto;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  display: table;
}

.policy-expiry-edit-section .calender-ui-header:after,
.details-section .calender-ui-header:after {
  box-sizing: border-box;
  height: 8px;
  width: 8px;
  border-style: solid;
  border-color: #696969;
  border-width: 0px 2px 2px 0px;
  transform: rotate(45deg);
  transition: border-width 150ms ease-in-out;
  content: "";
  position: absolute;
  right: 10px;
  top: 12px;
}

.policy-expiry-edit-section .month-list,
.details-section .month-list {
  padding: 0;
  text-align: center;
}

.policy-expiry-edit-section .month-list li,
.details-section .month-list li {
  border: solid #d1d1d1 1px;
  padding: 5px;
  width: 31%;
  color: #5b5b5b;
  margin: 2% 1%;
  border-radius: 4px;
  display: inline-block;
  text-align: center;
  font-size: 13px;
}

.policy-expiry-edit-section .month-list li:hover,
.policy-expiry-edit-section .month-list li.active,
.details-section .month-list li.active {
  background: #1596fe;
  color: #fff;
  border: solid #1596fe 1px;
}

.policy-expiry-edit-section .calender-dropdown,
.details-section .calender-dropdown {
  border: solid 1px #f5f4f4;
  margin: 0;
  width: 90%;
  float: right;
  position: absolute;
  background: #fff;
  z-index: 1;
  left: 5%;
  top: 48px;
  box-shadow: 0 3px 24px 0 rgba(204, 204, 204, 0.3);
  padding: 0px;
  height: 150px;
  overflow-y: scroll;
  /* overflow: hidden; */
  display: block;
}

.policy-expiry-edit-section .calender-dropdown li,
.details-section .calender-dropdown li {
  float: left;
  width: 100%;
  color: #6f6f6f;
  font-size: 12px;
  font-weight: 300;
  margin: 0 0 0 0;
  border-bottom: solid 1px #ececec;
  padding: 7px 10px;
}

.policy-expiry-edit-section .calender-dropdown li:hover,
.policy-expiry-edit-section .calender-dropdown li.active,
.details-section .calender-dropdown li:hover,
.details-section .calender-dropdown li.active {
  background-color: #6f6f6f2b;
}

.policy-expiry-edit-section .month-list li,
.details-section .month-list li {
  margin: 1% 1%;
}

/********** end month year calender ************/

/**********************Start New Css for experiment*****************/

/* .featured-list .tags.trophy-icon::before {background: url(https://static.pbcdn.in/car-cdn/rct/images/Trophy1.png);width: 12px;background-size: contain;height: 12px;}
    .plan-feature-upper ul li.phone-icon:before {background: url(https://static.pbcdn.in/car-cdn/rct/images/phone1.png) no-repeat 0 0;width: 12px;height: 19px;border-radius: 0;top: 0px;left: 0;}
    .plan-feature-upper ul li{    color: #253858;}
    .tp_carousel_wrap .featured-list .tags::before{color: #253858;}
    .plan-feature-upper ul li:before{background: #253858;}
    .tp_carousel_wrap .quotes-heading span {color: #000;font-weight: 500;color: #212121;}
    .featured-list .tags{color: #253858;}
    .featured-list .tags::before{    background-color: #253858;}
    
    .tp_carousel_wrap .featured-list li {
      color: #253858 !important;
      }
    .tp_carousel_wrap .featured-list .tags.trophy-icon::before {background: url(https://static.pbcdn.in/car-cdn/rct/images/Trophy1.png);}
    .tp_carousel_wrap .featured-list .tags::before{background-color: #253858;}
    .plan-feature-upper ul li.trophy-icon:before {
      background: url(https://static.pbcdn.in/car-cdn/rct/images/Trophy1.png) no-repeat;
      } */

/**********************End New Css for experiment*****************/



/*******Mobile Css start here*********/


/******* Quotes Call scheduling For Mobile*****/
@media(max-width: 480px) {
  .callScheduling_main_wrap .call-box-wrap .call-head1 {
    font-size: 14px;
    font-weight: 600;
    color: #253858;
    /* padding-bottom: 3px; */
    line-height: 14px;
  }

  .callScheduling_main_wrap .call-box-wrap .call-head2 {
    font-size: 11px;
    color: #253858;
    line-height: normal;
  }

  .callScheduling_main_wrap .slot-pick-box {
    margin: 30px 0 0 0;
  }

  .callScheduling_main_wrap .call-box-wrap {
    padding-left: 60px;
    padding-right: 0px;
  }
}

@media(max-width: 360px) {
  .callScheduling_main_wrap .time-box-call {
    padding: 0px 2px;
  }

  .callScheduling_main_wrap .icon.hide_desktop img {
    width: 44px;
  }

  .callScheduling_main_wrap .call-box-wrap {
    padding-left: 46px;
  }

  .callScheduling_main_wrap .time-box-call input[type=radio]+div.valign-center {
    width: 100%;
    font-size: 11px;
  }
}

/********End Quotes call scheduling*/

@media(max-width: 767px) {
  .included .wrapper .tooltip {
    top: -42px;
    left: auto;
    right: 0px;
    width: 235px;
    white-space: nowrap;

  }

  .included .wrapper .tooltip:after {
    left: auto;
    right: 0;
    top: 89%;
    border-bottom: 10px solid transparent;
    border-top: solid #7f8c8d 10px;

  }


  .refral_msg_mob {
    bottom: -50%;
  }
}

@media(max-width:480px) {
  .referral_msg_card {
    left: 0;
    right: 0;
    width: 88%;
    margin: 0 auto;
    padding: 10px 13px 10px;
    min-height: 60px;
  }

  .referral_msg_card .column .close {
    right: 2px;
    cursor: pointer;
    opacity: 1;
    top: 7px;
  }

  .referral_msg_card .column {
    position: initial;
    flex: 0 0 100%;
  }

  .referral_msg_card .column .close img {
    width: 16px;
    height: 16px;
  }

  .referral_msg_card .column .icon img {
    width: 80%;
  }

  .referral_msg_card .column .ref_msg_text {
    padding-left: 37px;
    padding-right: 6px;
  }

  .referral_msg_card .column .ref_msg_text p {
    font-size: 12px;
    letter-spacing: -0.2px;
    font-weight: 400;
  }

  .referral_msg_card .column .icon {
    left: 8px;
  }
}

/*why_policy_banner_mobile*/
@media(max-width:767px) {
  .banner_wrap {
    margin-bottom: 16px;
    box-shadow: 0 1px 4px -1px rgb(86, 86, 86);
    padding-left: 161px;
  }

  .banner_wrap .feature_list li {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .banner_wrap::before {
    width: 148px;
    height: 76px;
    left: 18px;
  }

  .banner_wrap .heading {
    font-size: 18px;
    font-weight: 800;
  }
}

@media(max-width:480px) {
  .banner_wrap {
    padding-left: 50px;
    overflow: hidden;
    padding-right: 0px;
  }

  .banner_wrap .heading {
    font-size: 14px;
    text-align: center;
    padding-bottom: 2px;
    margin-bottom: 0px;
  }

  .banner_wrap .feature_list {
    max-width: 250px;
    margin: 0 auto 4px;
    position: relative;
    left: 18px;
  }

  .banner_wrap .feature_list li {
    font-size: 9px;
    flex: 0 0 50%;
    max-width: 50%;
    line-height: 1.3;
    font-weight: 400;
    padding-right: 5px;
    padding-bottom: 1px;
  }

  .banner_wrap .button_wrap {
    text-align: right;
  }

  .banner_wrap .knowMore_btn {
    font-size: 12px;
    margin-top: 5px;
    width: 100px;
    height: 25px;
    padding: 0;
    text-align: center;
    margin-right: 10px;
    line-height: 22px;
  }

  .banner_wrap::before {
    content: "";
    display: block;
    top: auto;
    z-index: 0;
    bottom: -5px;
    background-image: url(/images/car_mob.png);
    left: 0;
    width: 109px;
  }
}

@media only screen and (max-width:670px) and (min-width:320px) {

  .banner_wrap,
  .callScheduling_main_wrap {
    width: 94%;
    margin-left: auto;
    margin-right: auto;
  }

  .banner_wrap {
    padding-top: 3px;
    padding-bottom: 7px;

  }

  .banner_wrap .button_wrap {
    position: static;
    transform: none;
    -webkit-transform: none;
  }
}

/***************Ashish*****************/

.referral_msg_slideIn {
  left: 30px;
}

.referral_msg_slideOut {
  left: -500px;
}





.price-offer {
  background: rgb(0, 101, 255);
  text-align: center;
  color: #fff;
  font-size: 14px;
  padding: 7px 0px;
  box-shadow: rgb(158, 154, 137) 0px 2px 3px -2px;
  z-index: 9;
  position: relative;
  display: block;
}

.price-mob {
  display: none;
}

/***************Ashish*****************/
.segment_text_desk {
  font-size: 13px;
  color: #696e75;
  margin: 0 0 10px 0;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
}

@media only screen and (min-width:320px) and (max-width:670px) {
  .segment_text {
    font-size: 13px;
    color: #696e75;
    margin: 0 0 10px 0;
    font-weight: 700;
    text-align: center;
  }

  .price-offer {
    display: none;
  }

  .price-mob {
    background: rgb(25, 178, 77);
    text-align: center;
    color: rgb(255, 255, 255);
    font-size: 13px;
    padding: 2px 0px;
    box-shadow: rgb(158, 154, 137) 0px 2px 3px -2px;
    z-index: 9;
    position: relative;
    font-weight: normal;
    display: block;
    line-height: 24px;
  }

  /*.quotes-section .pb-logo, .vehical-details-edit-section, .quotes-sidebar-section, .addons-section, .buy-now-section .irda-amount, .ncb-confirm .close-icon, .breakup-link{display:none;}
    */
  .popup.expert .close-btn,
  .popup.expert .close-btn {
    width: 28px;
    height: 28px;
    display: block;
    position: absolute;
    top: 10px;
    right: 7px;
    cursor: pointer;
    z-index: 99;
    background: none;
    padding: 0;
  }

  .popup.expert .close-btn:before,
  .popup.expert .close-btn:after {
    position: absolute;
    left: 12px;
    top: 5px;
    content: ' ';
    height: 15px;
    width: 2px;
    background-color: #000;
    border-radius: 8px;
  }

  .popup.expert .close-btn:before {
    transform: rotate(45deg);
  }

  .popup.expert .close-btn:after {
    transform: rotate(-45deg);
  }

  .popup,
  .overlay {
    z-index: 999;
  }

  .react-datepicker {
    left: 0;
  }

  .plan-type-dropdown b,
  .idv-dropdown b {
    letter-spacing: -0.2px;
  }

  #webklipper-publisher-widget-container {
    display: none;
  }

  .close-icon {
    width: 28px;
    height: 28px;
    display: block;
    position: absolute;
    top: 12px;
    right: 7px;
    cursor: pointer;
    z-index: 99;
  }

  .popup .popup-body {
    padding: 0px 16px 0;
  }

  .popup.cant-buy {
    width: 90%;
    margin: -195px 0 0 -45%;
    border-radius: 12px;
  }

  .popup.cant-buy .cross-icon {
    width: 28px;
    height: 28px;
    display: block;
    position: absolute;
    top: 20px;
    right: 7px;
    cursor: pointer;
    z-index: 99;
  }

  .close-icon:before,
  .close-icon:after,
  .popup.cant-buy .cross-icon:before,
  .popup.cant-buy .cross-icon:after {
    position: absolute;
    left: 12px;
    top: 5px;
    content: ' ';
    height: 15px;
    width: 2px;
    background-color: #000;
    border-radius: 8px;
  }

  .popup.cant-buy p {
    margin: 45px auto;
  }

  .close-icon:before,
  .popup.cant-buy .cross-icon:before {
    transform: rotate(45deg);
  }

  .close-icon:after,
  .popup.cant-buy .cross-icon:after {
    transform: rotate(-45deg);
  }

  .quotes-header .popup.expert .close-btn {
    width: 28px;
    height: 28px;
    display: block;
    position: absolute;
    top: 10px;
    right: 7px;
    cursor: pointer;
    z-index: 99;
  }

  .quotes-header .popup.expert .close-btn:before,
  .quotes-header .popup.expert .close-btn:after {
    position: absolute;
    left: 12px;
    top: 5px;
    content: ' ';
    height: 15px;
    width: 2px;
    background-color: #000;
    border-radius: 8px;
  }

  .quotes-header .popup.expert .close-btn:before {
    transform: rotate(45deg);
  }

  .quotes-header .popup.expert .close-btn:after {
    transform: rotate(-45deg);
  }

  .mob-header {
    display: inline-block;
    margin: 11px 0 0 0;
  }

  .mob-header.flex {
    display: flex;
    align-items: center;
    width: 100%;
  }

  .mob-header.flex .back-icon {
    margin-right: 10px;
  }

  .mob-header.flex .back-icon img {
    width: 20px;
  }

  .mob-header.flex .pb-logo-mob img {
    width: auto;
    height: auto;
  }

  .mob-header.flex .banner-quote-title {
    margin-left: 25%;
    display: inline-block;
    font-weight: 600;
    font-size: 15px;
    margin-top: -5px;
  }

  .popup.expert,
  .popup.tracking-popup {
    width: 90%;
    margin: -200px 0 0 -45%;
    border-radius: 10px;
    padding: 25px 15px 30px 15px;
  }

  .popup.expert .lower-section p {
    font-size: 10px;
  }

  .popup.expert .numbers li {
    width: 48%;
    text-align: center;
    margin: 0 auto;
    clear: both;
    float: inherit;
    font-size: 10px;
    margin-bottom: 20px;
  }

  .popup.expert .registered {
    font-size: 10px;
    margin: 5px auto 0;
  }

  .popup.expert .numbers li .call {
    font-size: 14px;
    background-size: 12px;
    padding-left: 15px;
    width: 125px;
    display: block;
    margin: 0 auto;
  }

  .quotes-edit-details-section {
    border-radius: 0px;
    box-shadow: none;
    text-align: center;
    border: none;
    background-color: #0463f6;
    height: 44px;
    padding: 10px 0 0 0;
  }

  .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;
  }

  .ncb-edit-section .popup .popup-footer {
    padding: 10px 16px 15px;
    position: fixed;
    bottom: 0;
    background: #ffffff;
  }

  .prev-insurer-select {
    background: #fff;
    position: relative;
    z-index: 9;
    box-shadow: 0px 2px 3px 4px #eaeaea;
    border: solid 1px #ccc;
    height: 200px;
    overflow-y: scroll;
    width: 100%;
    z-index: 99;
  }

  .expiry-edit-ncb-popup-mob a.prev-insurer-select-item {
    padding: 12px;
    color: #616161;
    font-size: 12px;
  }

  .expiry-edit-ncb-popup-mob a.prev-insurer-select-item:after {
    display: none;
  }

  .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.user-selected .dropdown {
    position: relative;
    top: 0px;
    right: -4px;
  }

  .idv-dropdown .menu-header {
    vertical-align: top;
    margin: 0;
    height: auto;
    padding: 0;
  }

  .idv-dropdown button[disabled].menu-header {
    background: none !important;
  }

  .plan-type-dropdown h5,
  .idv-dropdown h5,
  .ncb-edit-section h5 {
    position: relative;
    top: -13px;
    font-size: 11px;
    color: #fff;
  }

  .dropdown {
    margin-top: 3px;
    margin-right: 5px;
  }

  .edit-ncb-button {
    width: 95%;
    display: table;
    margin: 0 auto;
    color: #212121;
    border: none;
  }

  .edit-ncb-button em {
    border: solid #f5a741 1px;
    height: 10px;
    width: 10px;
    /* position:absolute;*/
    /* content:"!";*/
    border-radius: 10px;
    /* left:64%;*/
    color: #f5a741;
    font-size: 9px;
    top: 1px;
    font-style: normal;
    display: inline-block;
    line-height: 10px;
  }

  .edit-ncb-button:after
  {
    right: 3px;
    top: -5px;
  }

  .plan-type-dropdown.user-selected b {
    color: #2684ff;
    display: inline-block;
    width: 80px;
    overflow: hidden;
    line-height: 8px;
    text-overflow: ellipsis;
  }

  .idv-dropdown .menu-header {
    text-align: center;
    padding: 2px 1px;
  }

  .plan-type-dropdown div.menu-header label {
    display: none;
  }

  .pb-logo-mob img {
    width: 28px;
    height: 28px;
  }

  .quote_page .pb-logo-mob {
    float: left;
    margin: 3px 0;
  }

  .quote_page .pb-logo-mob:after {
    display: none;
  }

  .quote_page .pb-logo-mob+span {
    float: left;

  }

  .pb-logo-mob+span {
    font-size: 18px;
    position: relative;
    top: 3px;
    font-weight: 300;
    color: #fff;
    left: 10px;
  }

  .container-inner {
    width: 100%;
  }

  .quotes-section .quotes-header {
    background: #0065ff;
    padding: 0 13px;
  }

  .quotes-section .talk-to-expert {
    border-color: #fff;
    width: auto;
    color: #ffffff;
    font-size: 10px;
    padding: 0 10px 0 25px;
    height: 28px;
    line-height: 26px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0MyM0M1Rjk4QjQ2MTFFOUFGNDQ4MkZCNjdFMkI1Q0MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0MyM0M1Rjg4QjQ2MTFFOUFGNDQ4MkZCNjdFMkI1Q0MiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTY4OUJERTQ3NjY1MTFFOTg5Rjc4NEUyRjdDMDRBRkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTY4OUJERTU3NjY1MTFFOTg5Rjc4NEUyRjdDMDRBRkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4SjFmcAAAAyElEQVR42mL8DwQM2AEjAxmACY+cFrUNlKW2gSbkGMiIJwxvAbE6OS5chUNOjVwvz8Ah50KOgQwgH//HBM5QcZIxjLEWybAQcg1DNpAXycDj1DAQhFcjGWpNroGMaKkGmSMCxG8pTdiWSOw3BBI+UQaeAOIyJP5fIBbGos8R6pubQFwNxO7wvI8jLPrQkhFymDr/xwPwBXApmtrj0CSFFzDizspgYAHEx6lV2sDCFFTQriE16xGDedFyFMlhiA87AvFKbAYCBBgA/08tbg9Jj3MAAAAASUVORK5CYII=) no-repeat 10px 8px / 10px;
  }

  .quotes-left-section {
    width: 100%;
  }

  .quote-tile-actual {
    width: 94%;
    margin: 0 auto 0px;
  }

  .quote-tile-dummy {
    width: 94%;
    margin: 0 auto 16px;
  }

  .show-idv-section::before,
  .show-idv-section::after,
  .addons-section::after {
    display: none;
  }

  .logo-image {
    width: 42%;
    border: none;
    padding-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    min-height: 0;
    vertical-align: middle;
  }

  .quotes-ui-section #newCarIRDABannerSlider.owner-cover-banner {
    width: 92%;
    padding: 7px 10px 10px;
  }

  .quotes-ui-section #newCarIRDABannerSlider ul li span {
    width: 100%;
    font-size: 11px;
  }

  .plan-type-dropdown,
  .idv-dropdown {
    min-width: auto;
  }


  .popup-body .filter-options {
    font-size: 14px;
    text-align: left;
    font-weight: 400;
  }

  .popup .popup-header {
    font-size: 16px;
    padding: 30px 16px 15px;
    font-weight: 500;
    color: #212121;
    border: none;
  }

  .quote-tile-dummy .logo-image {
    width: 20%;
    height: 70px;
  }

  .quote-tile-dummy .mid-section {
    width: 30%;
    padding: 0;
    margin: 10px 0 0 0;
  }

  .quote-tile-dummy .last-section {
    width: 30%;
  }

  .quote-tile-dummy .button {
    width: 70px;
  }

  .show-idv-section,
  .buy-now-section {
    width: 34%;
    margin-bottom: 0;
    vertical-align: middle;
  }

  .timer-added .buy-now-section {
    padding: 0px 0 0 0;
  }

  .show-idv-section {
    padding: 0px 3px 0 3vw;
    width: 36%;
    vertical-align: middle;
    float: right;
  }

  .show-idv-section .third-party {
    color: #757575;
    font-size: 11px;
    padding-right: 0;
    display: block;
  }

  .show-idv-section label {
    font-size: 12px;
    display: inline-block;
    padding-right: 2px;
    position: relative;
    top: -2px;
  }

  .buy-now-btn {
    width: 108px;
    height: 31px;
    font-size: 16px;
    margin: 0px 3px;
    background-size: 12px;
    background-position: 94%;
    float: right;
  }

  .show-idv-section span {
    display: inline-block;
    line-height: 18px;
    font-size: 14px;
    color: #696969;
    vertical-align: middle;
  }

  .show-idv-section span+.policy_cov,
  .show-idv-section span+* {
    margin-top: -5px;
  }

  .show-idv-section span.not-applicable {
    line-height: 25px;
  }

  .gareges-link {
    top: 54px;
    line-height: 12px;
    width: 130px;
  }

  .plan-feature-lower ul li {
    margin: 0 5px 0 20px;
  }

  .quotes-heading {
    width: 93%;
    margin: 0 auto 12px;
  }

  .quotes-left-section h2+span {
    font-size: 12px;
    color: #696969;
    margin-left: 15px;
    display: block;
    margin-bottom: 6px;
  }

  .quotes-left-section h2 {
    padding: 0;
    margin: 0 0 0 10px;
    font-size: 15px;
    font-weight: 600;
    display: block;
    text-align: left;
  }

  .quotes-left-section .quotes-heading-attached h2,
  .quotes-left-section .quotes-heading h2 {
    margin: 0 0 0 0px;
  }

  .quotes-left-section .quotes-heading-attached h2+span,
  .quotes-left-section .quotes-heading h2+span {
    margin-left: 0px;
  }

  .show-idv-section span.not-applicable {
    line-height: 24px;
    padding-left: 10px;
  }

  .quote-tile-actual.heading-show {
    /* margin:56px auto 16px auto; */
  }

  .Previous-policy-details-section,
  .previous-insurer-select,
  .renewal-not-allowed-popup {
    border-radius: 12px;
    width: 90%;
    margin: -200px 0 0 -45%;
  }

  .ui-widget-content {
    display: block;
    margin: 0 auto;
    float: inherit;
    width: 85% !important;
  }

  .ui-datepicker .ui-datepicker-buttonpane {
    display: none;
  }

  .hasDatepicker+a {
    margin: 10px auto 0;
  }

  .ui-datepicker .ui-datepicker-header {
    background: #fff !important;
    height: 45px;
    padding: 11px 0;
  }

  .Previous-policy-details-section h3 {
    padding: 0 10px;
  }

  .Previous-policy-details-section .back-icon {
    top: 13px;
    left: 21px;
  }

  .ncb-confirm {
    width: 92%;
    margin: -200px 0 0 -46%;
    padding: 0;
    border-radius: 12px;
    height: auto;
    padding-bottom: 5px;
  }

  .ncb-confirm .confirm-footer-section div {
    font-size: 10px;
    text-align: left;
    width: 86%;
    margin: 0 auto;
  }

  .ncb-box {
    width: 92%;
    margin: -200px 0 0 -46%;
    padding: 30px 0 0;
    z-index: 999;
  }

  .ncb-box.insurer-box {
    padding-left: 15px;
    padding-right: 15px;
  }

  .ncb-box .cross {
    right: 15px;
    top: 8px;
  }

  .plan-type-dropdown .popup {
    width: 84%;
    position: fixed;
    border-radius: 12px;
    top: 38%;
    z-index: 99;
    margin-left: -42%;
    left: 50%;
    z-index: 99;
  }

  .plan-type-dropdown.popup-body {
    text-align: left;
  }

  .plan-type-dropdown .popup-body .filter-options {
    border: none;
    padding: 0px !important;
  }

  .plan-type-dropdown .options {
    padding: 15px 0px;
    border-bottom: solid rgba(220, 220, 220, 0.5) 1px;
  }



  .plan-type-dropdown .options span {
    display: block;
    text-align: left;
    position: static;
    margin-top: 3px;
    font-size: 11px;

  }


  .ncb-edit-section .popup {
    width: 100%;
    position: fixed;
    height: 100%;
    left: 0;
    border-radius: 0;
    text-align: left;
  }

  .popup .clam-yes-no .claim-yes-button,
  .popup .ncb-options .ncb-option {
    height: 24px;
    font-size: 14px;
    line-height: 10px;
  }

  .insurer-dropdown .popup {
    left: 50%;
    margin-left: -162px;
    position: fixed;
    top: 20%;
  }

  .idv-dropdown .popup {
    width: 94%;
    position: fixed;
    top: 25%;
    left: 50%;
    margin-left: -47%;
    border-radius: 10px;
    z-index: 99;
  }

  .idv-dropdown .popup-body div {
    margin-top: 20px;
    text-align: left;
  }

  .popup-body .option .idv_show {
    width: 120px;
    margin-top: 10px;
    display: table;
    padding-bottom: 8px;
    font-size: 18px;
  }

  .popup-body .option label+div {
    margin-top: -10px;
  }

  #idv-edit-text {
    padding-bottom: 4px;
    width: 120px;
    margin-top: -7px;
    font-size: 18px;
    font-weight: 500;
  }

  .idv-dropdown .popup-body .range-slider-section {
    margin-top: 22px;
    display: table;
    width: 100%;
  }

  .idv-dropdown .range-slider-section .idv-labels {
    margin: 0;
    line-height: 36px;
  }

  .idv-dropdown .range-slider-section .idv-values {
    margin-bottom: 10px;
    display: table;
    width: 100%;
  }

  .addons-popup-section .popup {
    left: 0;
    width: 100%;
    top: 0;
    position: fixed;
    height: 100%;
    border-radius: 0;
    overflow: auto;
  }

  .popup .popup-header:after {
    display: none;
  }

  .addons-popup-section .popup a {
    float: right;
    width: auto;
    color: #696969;
    display: table;
    height: 30px;
    position: relative;
    font-size: 12px;
    font-weight: 300;
  }

  .addons-popup-section .popup a.accordian-header {
    float: left;
    width: 100%;
    color: #696969;
    display: table;
    height: 23px;
    position: relative;
    font-size: 16px;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 12px;
    line-height: 20px;
  }

  .addons-popup-section .popup a.accordian-header:after {
    box-sizing: border-box;
    height: 11px;
    width: 11px;
    border-style: solid;
    border-color: #696969;
    border-width: 0px 2px 2px 0px;
    transform: rotate(45deg);
    transition: border-width 150ms ease-in-out;
    content: "";
    position: absolute;
    right: 0;
    top: 5px;
  }

  .addons-popup-section .popup a.accordian-header.open:after {
    box-sizing: border-box;
    transform: rotate(-135deg);
  }

  .addons-popup-section .popup a.view-more {
    font-size: 12px;
    color: #0065ff;
    float: left;
    position: relative;
  }

  .addons-popup-section .popup a.view-more:after {
    width: 85%;
    height: 1px;
    position: absolute;
    left: 10px;
    top: 17px;
    content: "";
    background: #0065ff;
  }

  #addon-popup ul {
    clear: both;
  }

  .popup-accessories-section,
  .popup-additional-cover-section,
  .popup-discount-section {
    border-bottom: solid #e8e7e7 1px;
    margin: 0;
    display: table;
    width: 100%;
    padding: 14px 0 0 0 !important;
    border-top: none;
  }

  /*.popup-discount-section .accordian-header{border-bottom:solid #e8e7e7 1px}*/
  .popup-discount-section .accordian-header.open {
    border-bottom: solid #fff 1px
  }

  .popup-discount-section {
    height: 100%;
  }

  .popup .popup-footer {
    padding: 15px 16px 20px;
  }

  .popup .popup-footer .close-btn,
  .popup .popup-footer .update-btn,
  .save-btn {
    width: 130px;
  }

  .popup .popup-accessories-section {
    display: table;
    width: 100%;
  }

  #addons-popup .popup-accessories-section {
    border-top: solid #e8e7e7 1px;
  }

  .addons-popup-section .popup .popup-body {
    height: 100%;
  }

  .addons-section-mob {
    position: relative;
    /* z-index:1; */
  }

  .zeroDep {
    float: right;
    font-size: 12px;
    margin: 0 10px 0 0;
  }

  .zeroDep div {
    color: #9e9e9e;
  }

  .zeroDep div.included {
    float: right;
    width: 46px;
    background: #e1e1e1;
    color: #696969;
    font-size: 10px;
    border-radius: 10px;
    height: 18px;
    line-height: 18px;
    font-weight: 500;
    padding: 0 6px;
    margin-left: 6px;
  }

  .zeroDep span.wrapper {
    float: right;
    top: 3px;
    left: 3px;
    position: relative;
    background: #696969;
    color: #fff;
    width: 12px;
    height: 12px;
    line-height: 10px;
  }

  .zeroDep span.wrapper.newinfo {
    background: #fff;
    top: 4px;
  }

  .zeroDep span.wrapper em {
    color: #fff;
  }

  .zeroDep span span {
    color: #212121;
    font-size: 12px;
    font-weight: 500;
  }

  .zeroDep span {
    color: #253858;
  }

  .plan-feature-link {
    float: left;
    font-size: 12px;
    padding: 0px 10px 10px;
    color: #0065ff;
    position: relative;
  }

  .plan-feature-link:after {
    box-sizing: border-box;
    height: 7px;
    width: 7px;
    border-style: solid;
    border-color: #0065ff;
    border-width: 0px 2px 2px 0px;
    transform: rotate(45deg);
    transition: border-width 150ms ease-in-out;
    content: "";
    position: absolute;
    right: -6px;
    top: 5px;
    border-radius: 2px;
  }

  .discount-options .discount-option,
  .round-btn {
    line-height: 24px;
  }

  .plan-feature-link.open:after {
    transform: rotate(-135deg);
    top: 7px;
  }

  .plan-feature-upper ul li {
    font-size: 11px;
    margin-right: 5px;
    letter-spacing: -0.3px;
    padding-left: 12px;
  }

  .plan-feature-upper ul li.trophy-icon,
  .plan-feature-upper ul li.phone-icon {
    padding-left: 15px;
  }

  .plan-feature-upper {
    padding: 5px 3px;
    border: none;
    /* border-radius: 0; */
  }

  .plan-feature-upper ul li.trophy-icon:before {
    top: 1px;
  }

  .plan-feature-upper ul li.phone-icon:before {
    background-size: 10px;
  }

  .plan-feature-upper ul li:before {
    top: 5px;
  }

  .feature-addons-section-mob {
    clear: both;
    font-size: 10px;
    color: #212121;
    margin: 0 auto;
    display: table;
    width: 100%;
    padding: 6px 10px 10px;
    border-top: solid 1px #e6efff;
  }

  .feature-addons-section-mob span {
    font-size: 11px;
    font-weight: 500;
    display: inline-block;
    padding: 0 0 5px 0;
  }

  .feature-addons-section-mob .addons-section {
    width: 100%;
    padding-left: 0;
    border: none;
    padding-top: 7px;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .feature-addons-section-mob .selected-addons .included-addons li {
    color: #696969;
    background: none;
    position: relative;
    font-size: 10px;
    line-height: 13px;
    float: left;
    padding: 0px 6px 0 15px;
    width: 50%;
    /* text-overflow: ellipsis; */
    /* overflow: hidden; */
    /* white-space: nowrap; */
    /* display: block; */
  }

  .feature-addons-section-mob .selected-addons .included-addons:after {
    content: "";
    display: block;
    clear: both;
  }

  .feature-addons-section-mob .selected-addons .included-addons li::before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background: url(https://static.pbcdn.in/car-cdn/rct/images/check-slick.png);
    position: absolute;
    top: 2px;
    left: 0;
    /* background-size: 10px auto; */
    /* background-repeat: no-repeat; */
  }

  .feature-addons-section-mob .selected-addons .included-addons li span.truncate {
    width: 90%;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    font-size: inherit;
    padding: 0;
    font-weight: inherit;
    white-space: nowrap;
  }

  /*feature addon tooltip on mobile*/
  .feature-addons-section-mob .selected-addons .included-addons li .tooltip {
    background: #808b8b;
    top: 120%;
    color: #fff;
    display: block;
    left: 0;
    margin-bottom: 10px;
    opacity: 0;
    padding: 8px;
    pointer-events: none;
    position: absolute;
    /* width: 300px; */
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-box-shadow: 0 2px 9px 0 rgba(165, 165, 165, 0.36);
    -moz-box-shadow: 0 2px 9px 0 rgba(165, 165, 165, 0.36);
    -ms-box-shadow: 0 2px 9px 0 rgba(165, 165, 165, 0.36);
    -o-box-shadow: 0 2px 9px 0 rgba(165, 165, 165, 0.36);
    box-shadow: 0 2px 9px 0 rgba(165, 165, 165, 0.36);
    font-size: 10px;
    line-height: 13px;
    z-index: 999;
    letter-spacing: 0.3px;
    text-align: left;
    border-radius: 6px;
    color: #fff !important;
    font-weight: 300;
    right: 0;
    width: 100%;
  }

  .feature-addons-section-mob .selected-addons .included-addons li .tooltip::after {
    content: "";
    border-left: solid transparent 6px;
    border-right: solid transparent 6px;
    border-bottom: solid #7f8c8d 6px;
    width: 0;
    height: 0;
    display: block;
    top: -6px;
    position: absolute;
    left: 20px !important;
    right: auto;
  }

  .feature-addons-section-mob .selected-addons .included-addons li:hover .tooltip {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }

  /*feature addon tooltip on mobile*/

  .mob-section li {
    position: relative;
    display: inline-block;
    padding-left: 12px;
    color: #696969
  }

  .mob-section li:before,
  .feature-addons-section-mob .selected-addons .included-addons li:before {
    /* content:""; */
    /* width:4px; */
    /* height:4px; */
    /* border-radius:20px; */
    /* background:#696969; */
    /* left:2px; */
    /* top:5px; */
    /* position:absolute; */
  }

  .overlay-popup-action,
  .overlay-popup-action-tracking {
    z-index: 99;
  }

  .expiry-edit-ncb-popup-mob {
    margin: 10px 0 0 0;
  }

  .expiry-edit-ncb-popup-mob li {
    width: 100%;
    float: left;
    margin: 0 12px 15px 0;
    height: 45px;
  }

  .expiry-edit-ncb-popup-mob li:nth-child(3),
  .expiry-edit-ncb-popup-mob li:nth-child(4) {
    margin-right: 0;
    float: right;
  }

  .expiry-edit-ncb-popup-mob li:nth-child(1) {
    width: 100%;
  }

  .expiry-edit-ncb-popup-mob label {
    font-size: 14px;
    color: #212121;
    line-height: 20px;
  }

  .expiry-edit-ncb-popup-mob a {
    display: table;
    height: auto;
    padding: 10px 0;
    border-bottom: solid 1px #ccc;
    width: 100%;
    color: #212121;
    font-size: 13px;
    font-weight: 500;
    position: relative;
    letter-spacing: -0.4px;
  }

  .expiry-edit-ncb-popup-mob a:after {
    box-sizing: border-box;
    height: 8px;
    width: 8px;
    border-style: solid;
    border-color: #696969;
    border-width: 0px 2px 2px 0px;
    transform: rotate(45deg);
    transition: border-width 150ms ease-in-out;
    content: "";
    position: absolute;
    right: 0;
    top: 5px;
  }

  .expiry-dont-know-section button {
    width: 86%;
    margin: 15px auto 0;
  }

  .expiry-dont-know-section a {
    margin: 18px auto 0;
  }

  .expiry-edit-ncb-popup-mob .react-datepicker__input-container {
    width: 100%;
    display: table;
  }

  .expiry-edit-ncb-popup-mob .react-datepicker__input-container input {
    color: #212121;
    font-size: 13px;
    font-weight: 500;
    border: none;
    border-bottom: solid 1px rgba(79, 79, 79, 0.5);
    padding: 7px 0;
    display: table;
    width: 100%;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjMyREQ3NUFFNzUwQjExRTk4OUY3ODRFMkY3QzA0QUZCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjMyREQ3NUFGNzUwQjExRTk4OUY3ODRFMkY3QzA0QUZCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzJERDc1QUM3NTBCMTFFOTg5Rjc4NEUyRjdDMDRBRkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzJERDc1QUQ3NTBCMTFFOTg5Rjc4NEUyRjdDMDRBRkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7RQW3IAAABFElEQVR42mKxsbFhgAImIF4HxL5AfBqIXYD4C1SOB4j3ALEpEG8G4iAg/gfTBANyQOwPxLpALAPEFkhyFlAxXagaOZgECxCLAfFEJMFrQPwNiLuA+C1UTBgqdg3KXwrED4E4H2RAMBBHMGACQzT+bSS2FRQfBnmBFU3hASBWwGKgAlQOGbCyQBkgp56HstWB+CCS0xmQvKIODUy4C2EGnAJiLygbFB75ULYnlN6ORW4beiyQBWAu0AHimUgBBGPLQukALHIgPTtgBlwB4vQB9YIINOnCUiSMbQClf2ORE6GqC94gxa8vEhuWyLDJFcEM+A/EXECsBJXgR2JLQGlsciA9/xmB2dkQaqoQia5/B8TOAAEGAISTNIMiiuQTAAAAAElFTkSuQmCC) no-repeat right 8px;
  }

  .zeroDep .zero-dep-slider {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 20px;
    float: right;
    top: -2px;
    margin-left: 10px;
  }

  .zeroDep .zero-dep-slider input {
    opacity: 0;
    width: 30px;
    height: 30px;
    z-index: 1;
    position: absolute;
    top: -2px;
  }

  .zeroDep .zero-dep-slider .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #e1e1e1;
    -webkit-transition: .4s;
    transition: .4s;
    height: 20px;
  }

  .zeroDep .zero-dep-slider .slider:before {
    position: absolute;
    content: "";
    height: 17px;
    width: 17px;
    left: 1px;
    bottom: 2px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s;
  }

  .zeroDep .zero-dep-slider input:checked+.slider {
    background-color: #0463f6;
  }

  .zeroDep .zero-dep-slider input:focus+.slider {}

  .zeroDep .zero-dep-slider input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
  }

  /* Rounded sliders */
  .zeroDep .slider.round {
    border-radius: 34px;
  }

  .zeroDep .slider.round:before {
    border-radius: 50%;
  }

  .zeroDep input:checked+.slider.round:before {
    left: -12px;
  }

  .zeroDep input:checked+.slider:before {
    background: #fff;
  }

  .zeroDep {
    color: #3c474d;
    padding: 0px 0px 7px;
  }

  .quotes-ui-section {
    margin-top: 5px;
  }

  .timer-section b,
  .timer-section b div {
    font-size: 11px;
  }

  .timer-section b div {
    width: 60px;
  }

  .timer-section {
    width: 130px;
    height: 25px;
    right: 5px;
    top: -14px;
    padding: 0;
  }

  .progress {
    width: 94%;
    margin: 0 auto 15px;
  }

  .chat-mob-btn,
  .addons-btn {
    background: #0065ff;
    border: none;
    width: 48px;
    height: 48px;
    border-radius: 31px;
    position: fixed;
    min-width: auto;
    z-index: 10;
  }

  .chat-mob-btn {
    bottom: 20px;
    left: 15px;
    box-shadow: 0px 2px 5px 0px #797979;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAZJJREFUOBGllDlLA1EURjOJSkqLFAoxglgpWIqVRSpF7AXtbALW0UoQRNB/IIi2doKIjaAgBpdGBREUKzdsBEVwSzDxfMkkTB4zkxm9cHKXd+/33mSWSMTHSqWSBeOwDufwAc9wDHPQ7jNev0TzIJyCn2mDbP2kS0bTMBT8lIy1NReZSonGAXg3BoKks66iTB4FmXbp+abWFXOqUugjX3DWQsTSKkSNgTEjD5sO1QQ5XYLpZFgFoz9VFkRskYVuqG1gNAZNi1HE+umehjw8Bp306LvWiabAAj31e/Afy0U44S3IlqAZbpT8wfTYJCX4ZQ/f4eMwAkW7Fsat6tJ0yU/2NXbgs5ZlbeNn7FoYd19u5gibjmP8EI9qAT8Bb461RuFOVTBtdObJM7ZogngeLkCbyfRfXcEyTII+bZ+gzStvHsEZmHZAQf9n3BaPEWuDutfVXmulnoG26in3SbxM37xLyMEJ9JaHvH5o0Ff5FWQvoOObpru+ASkvnWq9iaATDmEFtkC1NPRAC+jt2eXuP+Ab2i9GtcMiesabKgAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-position: center;
  }

  .addons-btn {
    bottom: 20px;
    right: 15px;
    box-shadow: 0px 2px 5px 0px #797979;
  }

  .addons-popup-section .popup-header {
    padding: 20px 16px 14px;
    box-shadow: 0 2px 4px 0 rgba(210, 210, 210, 0.5);
    font-size: 15px;
    margin: 0 0 20px 0;
  }

  .addons-popup-section .popup-header a {
    margin: 4px 23px 0 0;
  }

  .addons-btn .addon-mob-btn {
    width: 48px;
    height: 48px;
    border-radius: 31px;
    border: none;
    background: none;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    line-height: 31px;
    padding: 0;
  }

  .addons-btn .addon-mob-btn span {
    font-size: 10px;
    font-weight: 300;
    display: block;
    line-height: 12px;
    position: relative;
    top: -8px;
  }

  .quotes-chatwindow {
    position: fixed;
    z-index: 99;
    height: 100%;
    top: 0;
    margin: 0;
    border-radius: 0;
  }

  .quotes-chatwindow .cb-chat {
    height: 100%;
  }

  .quotes-chatwindow .cb-chat iframe {
    height: 96%;
  }

  .chat-mob-header {
    height: 42px;
    background: #0065ff;
    color: #fff;
    padding: 10px;
  }

  .chat-mob-header .back-btn {
    width: 34px;
    height: 26px;
    display: inline-block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggTWFjaW50b3NoIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkNDMjNDNUZDOEI0NjExRTlBRjQ0ODJGQjY3RTJCNUNDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkNDMjNDNUZEOEI0NjExRTlBRjQ0ODJGQjY3RTJCNUNDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Q0MyM0M1RkE4QjQ2MTFFOUFGNDQ4MkZCNjdFMkI1Q0MiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Q0MyM0M1RkI4QjQ2MTFFOUFGNDQ4MkZCNjdFMkI1Q0MiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4MmN9zAAABHElEQVR42mJkSf7GgA44WBgYVuew/n/2+f/LjLl/JP4zYAImXJo8dFgYhNkZxFmYGLACJlyaNp77zRA18w/j738ENGLT9OsvA07ARI4mEGDkSf8G13T49h+G1bz/tZm5Gb/j1cTJ8INh/dlf/0kFZx/++c9ym50h78fv/5M4WBkZzj74y3Dhyb9fDAQACy/DXkZQPLYVsuTmqrFM+gsMwYn3/8TW9/xZQkgzM5NRNcPeE/9O8aoxvLMQYfI0FWAK4tZiuL3/2L/LBDWCAEyzJVCzCT9TMJcWw80Dx/5dIagRRbMoWHMIhxbD9YPH/l1lICbJVfX/mTz51p88VmYGhlAB5pUsjDgCCJsgSDNjMcPPl1wMl/78x64RIMAAJ5ivjvfAcE4AAAAASUVORK5CYII=) no-repeat 0 5px;
  }

  .quotes-chatwindow .chat-header .chat-toggle-section .open,
  .quotes-chatwindow .chat-header .chat-toggle-section .closed {
    display: none;
  }

  .quotes-chatwindow.chat-closed .cb-chat iframe {
    height: 92%;
  }

  .quotes-chatwindow.chat-closed {
    height: 100%;
  }

  .chat-mob-header span {
    display: inline-block;
    vertical-align: top;
  }

  .notification {
    background: red;
    border-radius: 10px;
    width: 18px;
    height: 18px;
    display: block;
    color: #fff;
    line-height: 16px;
    font-size: 10px;
    position: absolute;
    right: 0;
    top: -4px;
    box-shadow: 0px 1px 1px 0px #000;
    border: solid 1px #de3530;
  }

  #claimBanner {
    width: 325px;
    background: #fff;
    display: table;
    box-shadow: 0 2px 2px 0 #d4d4d4;
    margin: 10px auto 15px;
    height: 51px;
  }

  #claimBanner h4 {
    float: left;
    width: 31%;
    font-size: 12px;
    font-weight: 300;
    color: #fff;
    background: #0463f6;
    height: 52px;
    padding: 10px 0 10px 10px;
    position: relative;
    line-height: 16px;
  }

  #claimBanner h4:after {
    left: 100%;
    content: "";
    position: absolute;
    right: -10px;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 10px solid #0463f6;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
  }

  #claimBanner ul {
    float: left;
    margin: 6px 0 0 19px;
    width: 33%;
  }

  #claimBanner ul li {
    font-size: 10px;
    color: #2b82cc;
    position: relative;
    padding-left: 10px;
    text-align: right;
  }

  #claimBanner ul li:after {
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(32, 32, 213, 0);
    border-left-color: #3b86c7;
    border-width: 4px;
    margin-top: -4px;
    left: 0;
  }

  #claimBanner ul li:last-child:after {
    display: none;
  }

  #claimBanner span {
    float: right;
    width: 24%;
    font-size: 11px;
    text-align: center;
    background: #ed4634;
    color: #fff;
    border-radius: 4px;
    padding: 4px;
    margin: 7px 8px 0 0;
  }

  .popup.why-policy {
    position: fixed;
    width: 320px;
    height: 480px;
    border-radius: 6px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
    background-color: #ffffff;
    left: 50%;
    top: 50%;
    margin: -240px 0 0 -160px;
    padding: 5px 10px;
  }

  .popup.why-policy {
    color: #212121;
  }

  .popup.why-policy {
    height: 528px;
    margin: -264px 0 0 -160px;
  }

  .popup.why-policy .popup-content {
    width: 100%;
    margin: 0 auto;
    height: 448px;
    overflow: auto;
  }

  .popup.why-policy h2 {
    color: #212121;
    font-size: 18px;
    font-weight: 500;
    margin: 0;
    display: table;
    padding: 14px 0 15px 4px;
    width: 100%;
    position: relative;
    font-weight: 500;
    background: #fff;
  }

  .popup .claim-made-yes-alert {
    line-height: 16px;
  }

  .popup.why-policy h2:after {
    width: 62px;
    height: 6px;
    background: #0065ff;
    bottom: 30px;
    border-radius: 6px;
  }

  .popup.why-policy li div.CashlessAssurance,
  .popup.why-policy li div.PickupDrop,
  .popup.why-policy li div.RepairAssurance,
  .popup.why-policy li div.VideoClaims,
  .popup.why-policy li div.Windshield {
    left: 4px;
    width: 34px;
    height: 40px;
    top: 3px;
  }

  .popup.why-policy .t_c {
    padding: 0px 10px;
  }

  .popup.why-policy li div.Windshield {
    width: 36px;
  }

  .popup.why-policy li {
    padding-left: 50px;
  }

  .popup.why-policy .CashlessAssurance,
  .popup.why-policy .RepairAssurance {
    background-size: 32px auto;
  }

  .popup.why-policy .PickupDrop {
    background-size: 33px auto;
  }

  .popup.why-policy .VideoClaims {
    background-size: 20px auto;
    background-position: 6px 0;
  }

  .popup.why-policy li b {
    width: 100%;
    color: #060606;
    font-size: 12px;
    font-weight: 500;
    display: block;
    margin: 0 0 4px 0
  }

  .popup.why-policy li:last-child span {
    border: none;
  }

  .popup.why-policy li span {
    color: #696969;
    line-height: 16px;
    font-size: 11px;
    border-bottom: solid 1px #d8e8fc;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    display: table;
    width: 100%;
  }


  .gst-statement {
    text-align: center;
    font-size: 11px;
    width: auto;
  }

  .ncb-confirm .close-icon {
    top: 10px;
    right: 10px;
  }

  .ncb-confirm .close-icon {
    top: 10px;
    right: 10px;
  }

  .ncb-confirm .close-icon:before,
  .ncb-confirm .close-icon:after {
    height: 18px;
    background-color: #212121;
    width: 2px;
  }

  .popup.ncb-confirm .popup-body {
    padding: 15px 16px 0;
  }

  .quotes-fetching-popup {
    width: 90%;
    margin: -185px 0 0 -45%;
    border-radius: 10px;
  }

  .quotes-fetching-popup .loaderTxt {
    padding: 30px 20px;
  }

  .popup .renewal-not-allowed-popup {
    padding: 0px 35px;
  }

  .renewal-not-allowed-popup .loaderTxt {
    font-size: 12px;
    padding: 10px;
    margin: 10px;
  }

  .renewal-not-allowed-popup .loaderImg {
    margin: 35px auto 20px
  }

  .renewal-not-allowed-popup b {
    display: block;
    margin: 0 auto;
    padding: 0;
    text-align: center;
  }

  .renewal-not-allowed-popup .loaderTxt {
    padding: 0;
  }

  .renewal-not-allowed-popup .popup-text {
    padding: 0;
    margin: 0 auto;
    display: table;
  }

  .renewal-not-allowed-popup .back-to-quotes {
    margin: 25px auto;
    display: table;
    float: inherit;
    padding: 8px 18px;
  }

  .applied-text {
    position: absolute;
    right: 0px;
    font-size: 9px;
    background: #f1ffea;
    padding: 1px 5px !important;
    border-radius: 19px;
    color: #fff;
    line-height: 14px;
    color: #525651;
    border: solid #aee496 1px;
  }

  .previous-insurer-select a {
    width: 18px;
    height: 26px;
    right: 10px;
    top: 10px;
    opacity: 0.8;
  }

  .previous-insurer-select a:before,
  .previous-insurer-select a:after {
    height: 2px;
  }

  .show-more-btn {
    background: none;
    border: none;
    color: #fff;
    border-radius: 4px;
    margin: 40px auto 0;
    display: table;
    padding: 5px 10px;
    border: solid 2px #0463f6;
    color: #0463f6;
    font-size: 13px;
  }

  .buy-now-section .special-price-btn {
    width: 108px;
    right: 3px;
    padding: 1px;
    font-size: 8px;
    border-radius: 4px 4px 0 0;
    top: -3px;
    padding: 0 0 0 0px;
  }

  .policy-type-details-section .popup-content li {
    padding: 10px 5px 10px 5px;
  }

  .popup-addons-section ul li {
    width: auto;
    display: inherit;
  }

  .policy-type-details-section {
    width: 320px;
    margin: -200px 0 0 -160px;
  }

  .policy-type-details-section .popup-content ul {
    width: 92%;
  }

  .policy-type-details-section .popup-header {
    font-size: 14px;
    padding: 20px 10px;
  }

  .policy-type-details-section .popup-header span {
    font-size: 11px;
  }

  .policy-type-details-section ul li .check {
    left: 8px;
    height: 14px;
    width: 14px;
  }

  .policy-type-details-section ul li .check::before {
    height: 8px;
    width: 8px;
    top: 2px;
    left: 2px;
  }

  .policy-type-details-section .popup-content li label {
    font-size: 12px;
    font-weight: 600;
    padding: 0 0 0 26px;
  }

  .policy-type-details-section .popup-content li label span {
    font-size: 11px;
    letter-spacing: -0.5px;
  }

  .policy-type-details-section .popup-content li:nth-child(2) label,
  .policy-type-details-section .popup-content li:nth-child(4) label {
    padding-top: 0;
  }

  .policy-type-details-section h3 {
    padding: 7px 20px;
  }

  .policy-type-details-section .expiry-section .back-btn,
  .policy-type-details-section .claim-made .back-btn {
    top: 13px;
    left: 21px;
  }

  .policy-type-details-section .question {
    font-size: 13px;
  }

  .popup div {
    line-height: 14px;
  }

  .popup-additional-cover-section li .passenger-cover-options {
    padding: 15px 0 0 28px;
  }

  .email-plans {
    display: none;
  }

  .call-back-banner {
    border: solid 1px #c8cedb;
    border-radius: 4px;
    box-shadow: 0px 2px 5px 0 #e0e0e0;
    margin: 0 auto 15px;
    background-image: linear-gradient(to right, #e5efff, #fff);
    height: 76px;
    cursor: pointer;
    width: 52%;
    position: relative;
    letter-spacing: -0.2px;
    width: 94%;
  }

  .call-back-image {
    margin-left: 10px;
    display: none;
  }

  .call-back-banner p {
    float: left;
    margin: 7px auto 0 10px;
    display: block;
    font-size: 13px;
    font-weight: 500;
    color: #000;
    width: 94%;
    line-height: 13px;
  }

  .call-back-banner p span {
    display: block;
    font-weight: 400;
    font-size: 11px;
    color: #212121;
    width: 64%;
    padding: 10px 0;
  }

  .call-back-btn {
    background-position: 5px;
    position: absolute;
    right: 10px;
    top: 28px;
    width: 105px;
    height: 28px;
    margin: 0;
    font-size: 11px;
  }

  .popup.expert .numbers li .call {
    line-height: 22px;
  }

  .plan-type-dropdown b a {
    color: #212121;
    display: block;
    line-height: 10px;
  }

  .popup.od-only {
    font-size: 12px;
    color: #212121;
    line-height: 24px;
    padding: 50px 20px;
    top: 24%;
    text-align: left;
  }

  .popup.od-only p {
    font-size: 12px;
    color: #212121;
    line-height: 24px;
    font-weight: 400;
    margin-top: 20px;
  }

  .cta-btn {
    background: #fc4804;
    border-radius: 4px;
    color: #fff;
    border: none;
    padding: 5px 20px;
    margin: 20px auto;
    display: table;
  }

  .footer {
    padding: 20px 10px;
  }

  .footer p {
    text-align: left;
  }

  .popup-addons-section span,
  .popup-additional-cover-section span,
  .popup-accessories-section span {
    color: #4f4f4f;
    font-size: 16px;
    margin: 0px 0 0 0;
    display: block;
    width: auto;
    display: table;
    position: absolute;
    /* width: 80%; */
    top: 0px;
  }

  .addons-popup-section .popup span a {
    padding: 0 0 0 1px;
    display: block;
    margin: -2px 2px;
    font-size: 12px;
    color: #0065ff;
    border-bottom: solid 1px;
    height: 18px;
    position: absolute;
    top: 0;
    width: 51px;
    left: 71px;
    z-index: 999;
  }

  .addons-popup-section .popup span a.clear {
    width: auto;
  }

  #claimBanner {
    width: 93%;
    background: #fff;
    display: table;
    box-shadow: 0 2px 2px 0 #d4d4d4;
    margin: 10px auto 15px;
    height: 75px;
    position: relative;
    overflow: hidden;
  }

  #claimBanner ul li {
    color: #000;
  }

  #claimBanner h4:after {
    display: none;
  }

  #claimBanner h4 {
    font-size: 12px;
    font-weight: 300;
    display: table;
    position: relative;
    text-align: left;
    float: left;
    width: 62%;
    background: #cce6f5;
    border-radius: 0px 0px 70px 0;
    margin: -5px 0 0 -5px;
    padding: 20px 20px 43px;
    color: #000;
    line-height: 17px;
  }

  #claimBanner ul {
    float: left;
    margin: 15px 0 0 5px;
    width: 35%;
  }

  #claimBanner ul li {
    font-size: 11px;
  }

  #claimBanner span {
    float: right;
    width: 40%;
    font-size: 11px;
    text-align: center;
    background: #fff;
    color: #2783f6;
    border-radius: 25px;
    padding: 2px;
    position: absolute;
    margin: -2px 8px 0 14px;
    border: solid 1px #2783f6;
    left: 0;
    top: 55%;
  }

  .expiry-edit-ncb-popup-mob .ui-datepicker a:after {
    display: none;
  }

  /*.expiry-edit-ncb-popup-mob .hasDatepicker{width:324px; float:right; position:absolute; right:5%; z-index:9;}*/
  .expiry-edit-ncb-popup-mob .hasDatepicker {
    width: 324px;
    position: fixed;
    right: inherit;
    z-index: 9;
    top: 50%;
    left: 50%;
    height: 240px;
    margin: -180px 0 0 -184px;
  }

  .expiry-edit-ncb-popup-mob .ui-datepicker table {
    border: solid 0px #e5e5e5;
  }

  .expiry-edit-ncb-popup-mob .ui-datepicker table thead {
    border-bottom: solid 1px #e5e5e5;
  }

  .expiry-edit-ncb-popup-mob .ui-datepicker td {
    border-right: solid 1px #e5e5e5;
    border-bottom: solid 1px #e5e5e5;
  }

  .expiry-edit-ncb-popup-mob .ui-datepicker td:nth-child(1) {
    border-left: solid 1px #e5e5e5;
  }

  .expiry-edit-ncb-popup-mob .ui-datepicker .ui-datepicker-header {
    background: #fff !important;
  }

  .expiry-edit-ncb-popup-mob .ui-datepicker select.ui-datepicker-month,
  .expiry-edit-ncb-popup-mob .ui-datepicker select.ui-datepicker-year {
    padding-left: 0;
    background: url("https://static.pbcdn.in/car-cdn/rct/images/email-call.png") no-repeat 105% -125px / 30%;
    width: 20%;
    border-radius: 0;
    -webkit-appearance: none;
    border: none;
    position: relative;
  }

  .expiry-edit-ncb-popup-mob .ui-datepicker select.ui-datepicker-month {
    width: 39%;
    background-position: 105% -118px;
    background-size: 18%;
  }

  .expiry-edit-ncb-popup-mob .ui-datepicker select.ui-datepicker-year {
    width: 24%;
    background-position: 105% -123px;
  }

  .expiry-edit-ncb-popup-mob .ui-datepicker .ui-datepicker-next {
    background-position: 5px 7px !important;
    border: none;
  }

  .expiry-edit-ncb-popup-mob .ui-datepicker .ui-datepicker-prev {
    background-position: 10px 7px !important;
    border: none;
  }

  .expiry-edit-ncb-popup-mob .ui-widget-content {
    padding: 10px;
    float: right;
  }

  .expiry-edit-ncb-popup-mob .ui-widget-content.ui-datepicker-buttonpane {
    display: none;
  }

  .expiry-edit-ncb-popup-mob .overlay-popup-action {
    z-index: 0;
  }

  .expiry-edit-ncb-popup-mob .ui-datepicker td {
    padding: 0;
  }

  .expiry-edit-ncb-popup-mob .ui-datepicker select.ui-datepicker-month:before,
  .expiry-edit-ncb-popup-mob .ui-datepicker select.ui-datepicker-year:before {
    top: 50%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 0, 0, 0);
    border-top-color: #000000;
    border-width: 4px;
    margin-left: -4px;
    z-index: 99999;
  }

  .expiry-edit-ncb-popup-mob li label+label {
    width: 100%;
    border-bottom: solid #bdbdbd 1px;
    color: #212121;
    font-weight: 500;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjMyREQ3NUFFNzUwQjExRTk4OUY3ODRFMkY3QzA0QUZCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjMyREQ3NUFGNzUwQjExRTk4OUY3ODRFMkY3QzA0QUZCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzJERDc1QUM3NTBCMTFFOTg5Rjc4NEUyRjdDMDRBRkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzJERDc1QUQ3NTBCMTFFOTg5Rjc4NEUyRjdDMDRBRkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7RQW3IAAABFElEQVR42mKxsbFhgAImIF4HxL5AfBqIXYD4C1SOB4j3ALEpEG8G4iAg/gfTBANyQOwPxLpALAPEFkhyFlAxXagaOZgECxCLAfFEJMFrQPwNiLuA+C1UTBgqdg3KXwrED4E4H2RAMBBHMGACQzT+bSS2FRQfBnmBFU3hASBWwGKgAlQOGbCyQBkgp56HstWB+CCS0xmQvKIODUy4C2EGnAJiLygbFB75ULYnlN6ORW4beiyQBWAu0AHimUgBBGPLQukALHIgPTtgBlwB4vQB9YIINOnCUiSMbQClf2ORE6GqC94gxa8vEhuWyLDJFcEM+A/EXECsBJXgR2JLQGlsciA9/xmB2dkQaqoQia5/B8TOAAEGAISTNIMiiuQTAAAAAElFTkSuQmCC) no-repeat right 0;
    float: right;
    margin: 5px 0 0 0;
  }

  .expiry-edit-ncb-popup-mob li:nth-child(3),
  .expiry-edit-ncb-popup-mob li:nth-child(4) {
    margin-bottom: 10px;
  }

  .expiry-dont-know-section button.back-btn {
    top: 12px;
    left: 23px;
  }

  .popup-accessories-section .min-section span,
  .popup-accessories-section .max-section span {
    position: inherit;
  }

  .req-callback {
    left: 50%;
    -webkit-animation-name: example;
    /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 0.7s;
    /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: 1;
    /* Safari 4.0 - 8.0 */
    animation-name: example;
    animation-duration: 0.7s;
    animation-iteration-count: 1;
    bottom: 20px;
    font-size: 11px;
    width: 210px;
    padding-left: 38px;
    align-items: center;
    line-height: 36px;
    margin: 0 0 0 -105px;
    background-position: 15px 11px;
    color: #fff;

    background: #0463f6 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTA2MzM2MDQ2MDc1MTFFQUJENTlDRkVENDIyRDk4NjQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTA2MzM2MDM2MDc1MTFFQUJENTlDRkVENDIyRDk4NjQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTY4OUJERTQ3NjY1MTFFOTg5Rjc4NEUyRjdDMDRBRkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTY4OUJERTU3NjY1MTFFOTg5Rjc4NEUyRjdDMDRBRkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6FFkC0AAAAyElEQVR42mL8DwQM2AEjAxmACY+cFrUNlKW2gSbkGMiIJwxvAbE6OS5chUNOjVwvz8Ah50KOgQwgH//HBM5QcZIxjLEWybAQcg1DNpAXycDj1DAQhFcjGWpNroGMaKkGmSMCxG8pTdiWSOw3BBI+UQaeAOIyJP5fIBbGos8R6pubQFwNxO7wvI8jLPrQkhFymDr/xwPwBXApmtrj0CSFFzDizspgYAHEx6lV2sDCFFTQriE16xGDedFyFMlhiA87AvFKbAYCBBgA/08tbg9Jj3MAAAAASUVORK5CYII=) no-repeat 15px 11px;
    background-size: 14px;
  }

  /* Safari 4.0 - 8.0 */
  @-webkit-keyframes example {
    0% {
      right: 20%;
      bottom: 0px;
    }

    50% {
      right: 20%;
      bottom: 30px;
    }

    100% {
      right: 20%;
      bottom: 20px;
    }
  }

  /* Standard syntax */
  @keyframes example {
    0% {
      right: 20%;
      bottom: 0px;
    }

    50% {
      right: 20%;
      bottom: 30px;
    }

    100% {
      right: 20%;
      bottom: 20px;
    }
  }

  .idv-dropdown .popup .popup-header {
    padding: 18px 16px 0;
  }

  .idv-dropdown .popup-body div {
    margin-top: 10px;
  }

  .idv-dropdown .popup-body div.option {}

  .idv-dropdown .popup-body .option input[type="radio"] {
    position: relative;
    top: 1px;
  }

  .idv-dropdown .popup-body .range-slider-section {
    margin-top: 18px;
  }

  .idv-dropdown .range-slider-section .idv-labels {
    line-height: 10px;
  }

  .idv-dropdown .range-slider-section .idv-values {
    margin-top: 8px;
    margin-bottom: 0;
  }

  .idv-dropdown .popup .popup-footer {}

  .idv-dropdown .close-icon {
    top: 12px;
  }

  .popup .claim-content .ncb-options+div {
    background: #deebfd;
    border-radius: 2px;
    color: #2684ff;
    font-size: 11px;
    padding: 4px;
    text-align: center;
  }

  .tp-planShow a {
    top: -12px;
    font-size: 11px;
    width: 195px;
    text-align: center;
    background-position: 96% 8px;
    line-height: 14px;
  }

  .popup.expert .phone-icon {
    line-height: 24px;
  }

  .popup-accessories-section .user-input-section input {
    border-radius: 4px;
    border: solid 1px #d0d0d0;
    height: 32px;
  }

  .user-input-section p {
    text-align: left;
    font-size: 11px;
    color: #8a8888;
  }

  .accessories-input {
    width: 63%;
    display: inline-block;
  }

  .user-action-section {
    width: 28%;
    display: inline-block;
    float: right;
    margin: 9px 0 0 0;
  }

  .user-action-section button {
    width: 95px;
    height: 32px;
  }

  .popup-accessories-section .min-section span,
  .popup-accessories-section .max-section span {
    display: inline-block;
    padding-left: 3px;
    color: #8a8888;
    font-size: 11px;
  }

  .popup-accessories-section ul li .applied-text {
    top: 20px;
  }

  .popup .addon-close-btn {
    position: fixed;
    bottom: 0px;
    text-align: center;
    width: 98%;
    border-top: solid 1px #cccc;
    padding: 10px 0 5px 0;
    left: 1%;
    background: #fff;
    z-index: 100;
  }

  .popup .close-btn {
    background: #fc4804;
    color: #fff;
    border: none;
    padding: 12px 30px;
    border-radius: 4px;
  }

  .popup-accessories-section ul li.checked .accessories-input {
    margin-bottom: 5px;
    padding: 0 !important;
  }

  .discount-options .discount-option {
    font-size: 13px;
    width: 70px;
    padding: 0 5px;
    margin: 2px 8px 15px 0;
  }

  .discount-options .discount-option:nth-child(3) {
    margin-right: 80px;
  }

  .discount-section {
    position: relative;
    clear: both;
  }

  .discount-section .applied-text {
    top: 38px;
  }

  .discount-section .action-btn {
    position: absolute;
    top: 0;
    right: 20px;
    width: auto;
    border: none;
    margin: 8px -7% 0;
  }

  .action-btn .submit-btn {
    width: 95px;
    height: 32px;
    font-size: 12px;
  }

  .discount-section .discount {
    position: relative
  }

  .discount-section .discount .action-btn {
    top: 0px;
  }

  .discount-section .discount .applied-text {
    top: 0px;
  }

  /*toottip for idv insurer */
  .idv-dropdown .menu-header {
    position: relative;
  }

  .menu-header .wrapper.autowidth {
    position: absolute;
    left: 0;
    width: 100%;
  }

  /*.wrapper.autowidth .tooltip.show::after {
        left: 65%;
    }*/
  .wrapper.autowidth .tooltip.show {
    left: auto;
    right: 0;
    top: 160%;
    font-size: 10px;
    line-height: 12px;
    padding: 6px 6px;
  }

  /*tooltip for idv insurer ends*/

  /********** start month year calender **********/
  .popup .calender-ui {
    border: 0px solid #dddddd;
    background: #fff;
    color: #222222;
    border-radius: 4px;
    padding: 10px 10px 10px 10px;
    width: 245px !important;
    box-shadow: 0px 1px 3px 0 #9c9c9c;
    -webkit-box-shadow: 0px 1px 3px 0 #9c9c9c;
    border-radius: 2px;
    box-shadow: 0 3px 24px 0 rgba(204, 204, 204, 0.3) !important;
    background-color: #ffffff;
    display: table;
    position: fixed;
    top: 20%;
    left: 50%;
    margin: 0 0 0 -125px;
  }

  .popup .calender-ui-header {
    position: relative;
    border: 1px solid #aaaaaa;
    background: none;
    color: #222222;
    -webkit-appearance: none;
    font-weight: bold;
    border-radius: 0;
    padding: 10px;
    width: 99%;
    margin: 0 auto;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    display: table;
  }

  .popup .calender-ui-header:after {
    box-sizing: border-box;
    height: 8px;
    width: 8px;
    border-style: solid;
    border-color: #696969;
    border-width: 0px 2px 2px 0px;
    transform: rotate(45deg);
    transition: border-width 150ms ease-in-out;
    content: "";
    position: absolute;
    right: 10px;
    top: 12px;
  }

  .popup .month-list {
    padding: 0;
    text-align: center;
  }

  .popup .month-list li {
    border: solid #d1d1d1 1px;
    padding: 12px 5px;
    width: 31%;
    color: #5b5b5b;
    float: inherit;
    margin: 2% 1%;
    border-radius: 4px;
    display: inline-block;
    text-align: center;
    font-size: 13px;
    height: auto;
  }

  .popup .month-list li:hover,
  .popup .month-list li.active {
    background: #1596fe;
    color: #fff;
    border: solid #1596fe 1px;
  }

  .popup .calender-dropdown {
    border: solid 1px #f5f4f4;
    margin: 0;
    width: 90%;
    float: right;
    position: absolute;
    background: #fff;
    z-index: 1;
    left: 5%;
    top: 48px;
    box-shadow: 0 3px 24px 0 rgba(204, 204, 204, 0.3);
    padding: 0px;
    height: 195px;
    overflow-y: scroll;
    /* overflow: hidden; */
    display: block;
  }

  .popup .calender-dropdown li {
    float: left;
    width: 100%;
    color: #6f6f6f;
    font-size: 12px;
    font-weight: 300;
    margin: 0 0 0px 0;
    border-bottom: solid 1px #ececec;
    padding: 9px 10px;
    height: auto;
  }

  .popup .calender-dropdown li:hover,
  .popup .calender-dropdown li.active {
    background-color: #6f6f6f2b;
  }

  .discount-section .discount-text .__react_component_tooltip.type-dark {
    width: 174px;
  }

  .discount-section .discount-text .__react_component_tooltip.type-dark.place-right:after {
    border-right-color: #808b8b !important;
  }
}

@media(max-width: 480px) {
  .logo-image img {
    /* width:62px; */
    margin-left: 0;
    max-width: 100%;
    margin-bottom: 5px;
    max-height: 31px;
    margin-top: 5px;
  }

  .logo-image img.hdfc {
    /* width:40px; */
  }
}

@media(max-width: 320px) {
  .buy-now-btn {
    font-size: 14px;
    margin: 20px 3px 20px;
    width: 100px;
  }

  /*show idv between quotes*/
  .show-idv-section label {
    padding-right: 2px;
  }

  .show-idv-section span {
    font-size: 13px;
  }

  /*for idv popup */
  .popup .popup-footer .close-btn,
  .popup .popup-footer .update-btn,
  .save-btn {
    width: 112px;
  }

  .popup-body .option label+div {
    width: 100px;
  }

  .popup-body .option .idv_show {
    width: 100%;
  }

  /*for idv popup ends*/
}

/*********************************plan feature popup**********************/
@media(max-width: 640px) and (min-width: 320px) {
  .plan_benefits_popup .popup_box {
    box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .14), 0 16px 24px 2px rgba(0, 0, 0, .098), 0 6px 30px 5px rgba(0, 0, 0, .084);
    width: 100%;
    position: fixed;
    left: 0;
    right: 0;
    height: auto;
    padding: 6px 10px 5px 10px;
    z-index: 9999;
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    max-height: 528px;
    min-height: 300px;
    overflow: auto;
    bottom: 0;
    border-radius: 36px 36px 0px 0px;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transition: all ease 0.3s;
  }

  .plan_benefits_popup .popup_box.animation {
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
  }

  .plan_benefits_popup .overlay5 {
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 79;
  }

  .plan_benefits_popup .popup_close {
    width: 28px;
    height: 28px;
    display: block;
    position: absolute;
    top: 20px;
    right: 7px;
    cursor: pointer;
    z-index: 99;
  }

  .plan_benefits_popup .popup_close:before,
  .plan_benefits_popup .popup_close:after {
    position: absolute;
    left: 12px;
    top: 5px;
    content: ' ';
    height: 15px;
    width: 2px;
    background-color: #000;
    border-radius: 8px;
  }

  .plan_benefits_popup .popup_close:before {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }

  .plan_benefits_popup .popup_close:after {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }

  .plan_benefits_popup .popup-content {
    margin: 0;
    padding: 0;
    /* padding-right: 15px; */
  }

  .plan_benefits_popup .popup-content li {
    color: #6d6d6d;
    font-size: 11px;
    font-weight: 300;
    line-height: 10px;
    list-style: none;
    position: relative;
    padding-left: 45px;
  }

  .plan_benefits_popup .popup-content li:before {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    background: #f2f7ff url(https://static.pbcdn.in/car-cdn/rct/images/addon-icon.png) no-repeat -9px 4px;
    /* background: url(https://static.pbcdn.in/car-cdn/rct/images/addon-icon.png) no-repeat -5px 10px; */
    text-indent: -200px;
    border-radius: 50%;
    text-align: center;
    overflow: hidden;
    position: absolute;
    left: -27px;
    left: 6px;
    background-size: 55px auto;
  }


  .plan_benefits_popup .popup-content li b {
    color: #060606;
    font-size: 12px;
    font-weight: 500;
    display: block;
    margin: 0 0 4px 0;
    line-height: 13px;
  }

  .plan_benefits_popup .popup-content li span {
    color: #696969;
    line-height: 18px;
    border-bottom: solid 1px #d8e8fc;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    display: block;
    width: 100%;
  }

  .plan_benefits_popup .popup-content li:last-child span {
    border-bottom: none;
    margin-bottom: 0;
  }

  .plan_benefits_popup .popup-content li:last-child p {
    margin-bottom: 0px;
  }

  .plan_benefits_popup h2 {
    color: #212121;
    font-size: 18px;
    margin: 0;
    padding: 15px 48px 11px 48px;
    position: relative;
    font-weight: 500;
    background: #fff;
    text-align: center;
    display: block;
  }

  .plan_benefits_popup .btn-wrap {
    text-align: center;
    position: fixed;
    bottom: 0px;
    width: 100%;
    left: 0;
    right: 0;
    border-top: solid 1px #ccc;
    padding: 10px 0 8px 0;
    background: #fff;
  }

  .plan_benefits_popup .btn_done {
    background: #fc4804;
    color: #fff;
    border: none;
    padding: 9px 16px 9px;
    border-radius: 4px;
    display: inline-block;
    min-width: 92px;
    outline: none;
  }
}

/*****************************plan feature popup************************/


/****************************** new addons design mobile ****************************/

@media only screen and (max-width: 670px) and (min-width: 320px) {
  #addons-popup ul li.sec_ac_header {
    padding-top: 18px;
    height: auto;
  }

  #addons-popup ul li.sec_ac_header .applied-text {
    top: 0;
    right: 18px
  }

  #addon-popup label {
    z-index: 11;
  }

  #addons-popup ul li.sec_ac_header .arr-wrap {
    position: absolute;
    right: 0;
    top: 0px;
    left: 0;
    height: 19px;
    z-index: 10;
  }

  #addons-popup ul li.sec_ac_header .arw {
    box-sizing: border-box;
    height: 8px;
    width: 8px;
    border-style: solid;
    border-color: #696969;
    border-width: 0px 2px 2px 0px;
    transform: rotate(45deg);
    transition: border-width 150ms ease-in-out;
    position: absolute;
    right: 0;
    top: 3px;
  }

  #addons-popup ul li.sec_ac_header .sec-ac_cont {
    position: static;
    line-height: normal;
    padding: 5px 0px 5px 28px;
    font-size: inherit;
    color: #212121;
    font-size: 12px;
  }

  #addons-popup a.accordian-header.has_child:before {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 1px solid #696969;
    content: "";
    display: block;
    right: -7px;
    top: 0px;
    position: absolute;
  }

  #addons-popup a.accordian-header.has_child:after {
    width: 8px;
    height: 8px;
    top: 6px;
  }

  #addons-popup a.accordian-header.has_child.open:after {
    top: 9px;
  }

  #addons-popup ul li.sec_ac_header.open .arw {
    box-sizing: border-box;
    transform: rotate(-135deg);
    top: 7px;
  }
}

/*********************************new addons design mobile*****************************/
/**********************************why pb banner on right side*************************/

.why_pb_banner_right {
  border-radius: 8px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
  background-color: #ffffff;
  min-height: 289px;
  padding: 15px 20px 15px 20px;
  box-sizing: border-box;
  position: relative;
}

.why_pb_banner_right h2 {
  font-size: 20px;
  font-weight: bold;
  color: #172b4d;
  letter-spacing: normal;
  background: none;
  text-align: left;
  padding: 0px;
}

.why_pb_banner_right h2:after {
  display: none;
}

.why_pb_banner_right ul {
  padding: 16px 0 14px;
  list-style: none;
}

.why_pb_banner_right ul li {
  font-size: 16px;
  color: #505f79;
  line-height: 1.31;
  padding-bottom: 13px;
}

.why_pb_banner_right a.Know_mr {
  border: solid 1px #017fff;
  background-color: #fff;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.22px;
  color: #0065ff;
  width: 154px;
  height: 40px;
  border-radius: 4px;
  display: block;
  text-align: center;
  line-height: 37px;
}

.why_pb_banner_right .left_img {
  width: 188px;
  height: 276px;
  position: absolute;
  right: -4px;
  background: url('https://static.pbcdn.in/car-cdn/rct/images/whybuybanner.svg');
  top: 12px;
}

/**********************************why pb banner on right side ends**********************************/

/********************************quote tile with current insurer and od banner***********************************/
.quote-tile-actual.current_insurer .quote-tile-inner,
.quote-tile-actual.wid_od .quote-tile-inner {
  border: solid 1px #017fff;

}


.quote-tile-actual.current_insurer .title,
.quote-tile-actual.wid_od .title {
  background: #fff;
  display: inline-block;
  text-align: center;
  border: solid 1px #017fff;
  border-radius: 16px;
  padding: 1px 10px;
  position: absolute;
  top: -10px;
  left: 9px;
  color: #0052cc;
  font-size: 14px;
  min-width: 164px;
}

.quote-tile-actual.current_insurer .quotes-heading-attached {
  top: -45px;
}

.quote-tile-actual.current_insurer .quote-tile-inner,
.quote-tile-actual.wid_od .quote-tile-inner {
  padding-top: 14px;
}

.quote-tile-actual.wid_od .quote-tile-inner {
  padding-top: 47px;
}

.quote-tile-actual.wid_od .quote-tile-inner,
.quote-tile-actual.wid_od .title {
  border-color: #19b24d;
}

.quote-tile-actual.wid_od .title {
  color: #19b24d;
  z-index: 2;
}

.quote-tile-actual.wid_od .green_msg {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
  top: 0;
  padding-top: 17px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding-left: 10px;
  padding-right: 10px;

}

@media only screen and (max-width: 670px) and (min-width: 320px) {

  .quote-tile-actual.current_insurer .title,
  .quote-tile-actual.wid_od .title {
    font-size: 11px;
    min-width: 131px;
    padding: 1px 10px;
    top: -9px;
  }

  .quote-tile-actual.current_insurer .quotes-heading-attached {
    top: -54px;
  }

  .quote-tile-actual.current_insurer .quote-tile-inner {
    padding-top: 10px;
  }

  .quote-tile-actual.wid_od .green_msg {
    font-size: 10px;
    padding-top: 14px;
  }

  .quote-tile-actual.current_insurer .title,
  .quote-tile-actual.wid_od .title {
    z-index: 2;
  }
}

.email-plans-popup-pb span.badge {
  position: absolute;
  font-size: 10px;
  background: #19b24d;
  color: #fff;
  display: inline-block;
  padding: 0px 3px;
  border-radius: 2px;
  font-weight: 400;
  left: 25px;
  top: -12px;
}

/***************************************quote tile with current insurer and od banner***************************************/


/*------------animation class------------*/

.fade {
  animation: fade ease 0.5s;
}

@keyframes fade {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeout {
  animation: fadeout ease 0.3s;
}

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

  100% {
    opacity: 0;
  }
}

.green_msg {
  background: #d0eeec;
  color: #02122c;
  padding: 8px;
  position: relative;
  z-index: 1;
  font-size: 12px;
}

.claim_tag {
  background: #36b37ead;
  width: 95px;
  height: 15px;
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  text-align: center;
  position: absolute;
  top: 3px;
  left: -4px;
  line-height: 14px;
}

.claim_tag::before {
  content: "";
  display: block;
  border-top: 6px solid transparent;
  border-left: 6px solid transparent;
  border-bottom: 4px solid #36b37ead;
  width: 0;
  height: 0;
  position: absolute;
  top: -10px;
}

.claim_tag::after {
  content: "";
  display: block;
  border-right: 9px solid transparent;
  border-left: 0px solid transparent;
  border-top: 16px solid #36b37ead;
  width: 0;
  height: 0;
  position: absolute;
  top: 0px;
  right: -9px;
  z-index: 0;
}


/********************************WHy Pb Strip*******************************/
@media only screen and (max-width: 640px) and (min-width: 320px) {

  .Whypb_strip {
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    border: solid 1px #2814a0;
    background-color: #2814a0;
    min-height: 36px;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0px;
    z-index: 2;
  }

  .Whypb_strip .image {
    background: url('https://static.pbcdn.in/car-cdn/rct/images/sheild.svg');
    width: 20px;
    height: 23px;
    background-repeat: no-repeat;
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }

  .Whypb_strip p {
    color: #ffffff;
    font-size: 14px;
    font-weight: 300;
    padding-left: 65px;
    padding-right: 20px;
    line-height: 36px;
  }

  .Whypb_strip p b {
    font-weight: bold;
  }

  .Whypb_strip a.knw-more {
    font-size: 12px;
    color: #ffb100;
    float: right;
  }

  .Whypb_strip .closeit {
    position: absolute;
    top: 2px;
    left: 5px;
    cursor: pointer;
    width: 12px;
    height: 13px;
  }

  .Whypb_strip .closeit::before,
  .Whypb_strip .closeit::after {
    content: "";
    display: block;
    width: 6px;
    height: 1px;
    background: #fff;
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    left: 2px;
  }

  .Whypb_strip .closeit::before {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
  }

  .Whypb_strip .closeit::after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
  }

  div.blue-box-msg {
    font-size: 12px;
  }

  .ncb-edit-section div.blue-box-msg {
    padding-left: 30px;
    padding-right: 30px;
  }

}

@media(max-width: 320px) {
  .Whypb_strip p {
    padding-left: 55px;
    padding-right: 15px;
  }

  .Whypb_strip .image {
    left: 25px;
  }
}

.slideInLeft {
  animation: slidefromleft ease 1s;
}

@keyframes slidefromleft {
  0% {
    transform: translate(-100%, 0);
  }

  100% {
    transform: translate(0, 0);
  }
}

.slideToright {
  animation: slideright ease 1s;
}

@keyframes slideright {
  0% {
    transform: translate(0%, 0);
  }

  100% {
    transform: translate(-100%, 0);
  }
}

.slideToUp {
  animation: slideUp ease 1s;
}

@keyframes slideUp {
  0% {
    transform: translate(0%, 100%);
  }

  100% {
    transform: translate(0%, 0);
  }
}


.slideDown {
  animation: slideDown ease 1s;
}

@keyframes slideDown {
  0% {
    transform: translate(0%, 0%);
  }

  100% {
    transform: translate(0%, 100%);
  }
}

.bottom50 {
  bottom: 125px;
  /*bottom:50px;*/
  top: auto;
  transition: bottom ease 1s !important;
}

/******************************************Why Pb Strip******************************/
/*******************************New chat Css *****************************/
/*use this css */
.chat_box_wrapper {
  border-radius: 4px;
  box-shadow: 0 1px 6px 0 rgba(219, 219, 219, 0.5);
  background-color: #fefefe;
  padding: 12px 10px 20px;
  color: #696969;
  margin-bottom: 16px;
}

.chat_box_wrapper p {
  margin: 0px;
  font-size: 14px;
  line-height: normal;


}

.chat_box_wrapper p span {
  color: #000;
  font-weight: 500;
  display: block;
  max-width: 282px;
  margin: 0 auto;
}

.car_agent {
  text-align: center;
  margin-bottom: 10px;
}

.car_agent .image {
  width: 84px;
  height: 84px;
  background: url(https://static.pbcdn.in/car-cdn/rct/images/Meghna.jpg) no-repeat;
  margin: 0 auto 4px;
  background-size: 100% auto;
  border-radius: 50%;
}

.car_agent .name {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.24px;
  color: #212121;
}

.car_agent p {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.21px;
  color: #696969;
}

.car_agent .rating span {
  display: inline-block;
  color: #fbb547;
}

.chat_box_wrapper p {
  text-align: center;
}

.chat_box_wrapper .btn-list {
  text-align: center;
  margin-top: 15px;
}

.btn-list a {
  display: inline-block;
  border-radius: 4px;
  box-shadow: 0 1px 6px 0 rgba(177, 177, 177, 0.5);
  color: #0065ff;
  width: 135px;
  height: 37px;
  line-height: 20px;
  text-decoration: none;
  margin-bottom: 10px;
  font-size: 13px;
  padding: 8px 1px;
  box-sizing: border-box;
  margin: 0px 3px;
  border: solid 1px #0065ff;
  background-color: #ffffff;
  transition: all ease 0.2s;
  box-shadow: none;
  text-align: center;
}

.btn-list li span {
  font-size: 13px;
  display: block;
  margin: 5px auto;
  font-weight: 500;
  color: #000;
  width: 81%;
}

.btn-list li {
  display: inline-block;
  list-style: none;
  width: 48%;
}

@media(max-width: 640px) and (min-width:320px) {
  .chat_box_wrapper {
    margin: 0;
    width: 100%;
    padding: 12vh 5px 10px;
    max-width: 100%;
    box-shadow: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
    border-radius: 0;

  }

  .chat_box_wrapper .btn-list a {
    font-size: 12px;
  }
}

/**************************End New chat css***************************/
/**************************Start New Car Banner**********************/
.irdai_banner {
  background-color: rgba(222, 235, 255, 0.55);
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 4px;
  padding: 10px;
  position: relative;
  margin-bottom: 16px;
  margin-top: 22px;

}

.irdai_banner *,
.irdai_banner {
  box-sizing: border-box;
}

.irdai_banner h2 {
  color: #172B4D;
  font-size: 21px;
  font-weight: bold;
  padding-bottom: 7px;
  margin: 0;
}

.irdai_banner ul li {
  font-size: 14px;
  line-height: 21px;
  color: #172B4D;
  margin-bottom: 5px;
  position: relative;
  padding-left: 17px;
}

.irdai_banner ul li span {
  color: #ff5630;
  font-weight: 500;
}

.irdai_banner ul li:before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #172B4D;
  position: absolute;
  display: block;
  top: 9px;
  left: 3px;
}

.content {
  padding-left: 25px;
  padding-right: 175px;
  padding-top: 10px;
}

.irdai_banner .note {
  color: #5E6C84;
  font-weight: normal;
  font-size: 12px;
  margin-top: 10px;
  line-height: normal;
  padding-left: 17px;
}

.irdai_banner .image {
  background: url(https://static.pbcdn.in/car-cdn/rct/images/idrai-icn.svg) 0 -33px no-repeat;
  width: 189px;
  height: 200px;
  position: absolute;
  right: 0;
  bottom: 0;
}

@media(max-width: 640px) and (min-width: 320px) {


  .irdai_banner h2 {
    font-size: 12px;
  }

  .irdai_banner ul li {
    font-size: 11px;
    line-height: 16px;
    padding-left: 2px;
  }

  .irdai_banner ul li:before {
    left: -8px;
    top: 6px;
  }

  .irdai_banner .note {
    font-size: 10px;
    padding-left: 0;
  }

  .irdai_banner {
    width: 94%;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 0px
  }

  .irdai_banner .content {
    padding-right: 15vw;
    padding-left: 12px;
    padding-top: 0;
  }

  .irdai_banner .image {
    background-image: url(https://static.pbcdn.in/car-cdn/rct/images/idrai-icn-mob.svg);
    width: 98px;
    height: 117px;
    background-size: contain;
    background-position: 13px 0px;
  }

  /*infor icon tooltip in mob*/
  .wrapper .tooltip {
    width: 194px;
  }

  .wrapper .tooltip:after {
    left: 61%;
  }
}



/************************************End New Car Banner****************************/

/************************************Start New popup design*********************************/
.text_center {
  text-align: center;
}

.newpopup_wrapper .popup_box .close-btn {
  width: 28px;
  height: 28px;
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #DFE1E6;
}

.split-background{
  background: linear-gradient(
    to bottom,
    #f9f9f9 0%,
    #f9f9f9 20%,
    #FFFFFF 20%,
    #FFFFFF 100%
  ) !important;
}

.newpopup_wrapper .popup_box .close-btn:before,
.newpopup_wrapper .popup_box .close-btn:after {
  position: absolute;
  left: 17px;
  top: 10px;
  content: ' ';
  height: 17px;
  width: 1px;
  background-color: #000000;
  border-radius: 8px;
}

.newpopup_wrapper .popup_box .radio_option_list li .radio_text span {
  letter-spacing: 0px;
  color: #505F79;
  font-size: 12px;
  font-weight: normal;
  display: block;
  line-height: normal;
}

.newpopup_wrapper .popup_box .close-btn:before {
  transform: rotate(45deg);
}

.newpopup_wrapper .popup_box .close-btn:after {
  transform: rotate(-45deg);
}

.newpopup_wrapper {
  position: fixed;
  background: rgba(0, 0, 0, 0.54);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
}

.newpopup_wrapper p {
  font-weight: normal;
  line-height: normal;
}

.newpopup_wrapper .popup_box {
  padding: 22px;
  background: #fff;
  border-radius: 8px;
  max-width: 520px;
  min-height: 380px;
  overflow: auto;
  position: absolute;
  top: 50%;
  left: 10px;
  right: 10px;
  margin: 0 auto;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  max-height: 550px;
}

.newpopup_wrapper .popup_box.min-height{
  min-height: auto !important;
  width: max-content;
} 

.newpopup_wrapper a.back {
  background: url(https://static.pbcdn.in/car-cdn/rct/images/back-arrow.svg) no-repeat;
  width: 32px;
  height: 15px;
  display: block;
  text-indent: -100px;
  overflow: hidden;
  /* margin-bottom: 30px; */
  position: absolute;
  left: 20px;
  top: 15px;
}

.newpopup_wrapper .popup_box.policy-expiry {
  padding-left: 50px;
  padding-right: 50px;
}

.newpopup_wrapper .popup_box p.gray_text {
  letter-spacing: 0px;
  color: #6B778C;
  font-size: 14px;
  font-weight: 400;
  margin: 21px 0 15px;
}

.newpopup_wrapper .popup_box .calenderUI {
  margin-bottom: 30px;
}

.newpopup_wrapper .popup_box .ques {
  letter-spacing: 0px;
  color: #252733;
  font-size: 18px;
  font-weight: 500;
  margin: 0px 0 15px;
}


.newpopup_wrapper .popup_box .ques .gray_text {
  margin-top: 6px;
}

.newpopup_wrapper .popup_box .ques small {
  letter-spacing: 0px;
  color: #505F79;
  font-size: 12px;
  font-weight: normal;
}

.newpopup_wrapper .popup_box .ques small.imp {
  color: red;
}

.newpopup_wrapper .popup_box a.dont_know {
  font-size: 12px;
  letter-spacing: 0px;
  color: #4C9AFF;
  font-weight: normal;
  display: inline-block;
  text-decoration: underline;
}

.newpopup_wrapper .popup_box a.dont_know b {
  font-weight: 400;
}

.newpopup_wrapper .popup_box img {
  max-width: 100%;
}

.newpopup_wrapper .popup_box .ins_logo {
  display: block;
  margin: 10px auto 20px;
  max-width: 175px;
}

.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);
}

.close-icon {
  width: 28px;
  height: 19px;
  display: block;
  position: absolute;
  top: 12px;
  right: 7px;
  cursor: pointer;
  z-index: 9;


}

.ncb-edit-section .close-icon {
  background: #fff;
}

.newpopup_wrapper .popup_box .close-icon {
  opacity: 0.5;
}

.newpopup_wrapper .popup_box .close-icon:hover {
  opacity: 1;
}

.choose_diff_insurer_banner {
  background: #FDF4E6;
  padding: 12px;
  border-radius: 8px;
  min-height: 150px;
  position: relative;
  padding-right: 142px;
  margin-bottom: 30px;
  margin-top: 20px;
}

.choose_diff_insurer_banner .image {
  width: 141px;
  height: 164px;
  position: absolute;
  right: 0;
  bottom: 0;
  background: url('https://static.pbcdn.in/car-cdn/rct/images/man_yellow.svg') no-repeat;
  background-size: contain;
}

.choose_diff_insurer_banner .heading {
  letter-spacing: 0px;
  color: #252733;
  font-size: 16px;
  padding-bottom: 5px;
  font-weight: bold;

}

.choose_diff_insurer_banner .text p {
  font-weight: normal;
  color: rgba(28, 29, 42, 0.6);
  line-height: 21px;
}

.great_news {
  position: relative;
  padding-left: 70px;
  margin-bottom: 25px;
  min-height: 60px;
}

.great_news .text_icon {
  width: 60px;
  height: 60px;
  background: url('https://static.pbcdn.in/car-cdn/rct/images/text_icon.svg') no-repeat;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  background-size: contain;
}

.great_news p {
  letter-spacing: 0px;
  color: #252733;
  font-size: 16px;
  font-weight: 500;
}

.newpopup_wrapper .popup_box .btn-orange {
  box-shadow: 0px 0px 3px #E8E8E8;
  border-radius: 8px;
  font-size: 16px;
  text-transform: none;
  font-weight: normal;
  background-image: none;
  cursor: pointer;
  width: auto;
  min-width: 312px;
  margin-bottom: 10px;
}

.newpopup_wrapper .popup_box .btn-orange.proceed_btn {
  margin-bottom: 0px;
}

.newpopup_wrapper .popup_box a.dont_know.bigger {
  font-size: 12px;
  font-weight: 400;
}

/*grid css*/
.custom_row {
  margin: 0px -5px;
}

.col-2 {
  width: 50%;
  float: left;
  padding: 0px 5px;
}

/*grid css ends*/

.newpopup_wrapper .ncb_option_wrap {
  max-width: 348px;
  margin: 0 auto 10px;
}

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

.newpopup_wrapper .popup_box .ncb_option_wrap .btn-orange {
  width: 100%;
  min-width: 0;
}

.newpopup_wrapper .ncb-options {
  text-align: center;
  margin-bottom: 10px;
}

.newpopup_wrapper .ncb-options button.ncb-option {
  display: inline-block;
  width: 100px;
  height: 40px;
  border: 1px solid #E1E1EC;
  background: #fff;
  color: #252733;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  margin: 0px 8px 10px;
  border-radius: 25px;
  cursor: pointer;
}

.newpopup_wrapper .ncb-options button.ncb-option.selected-ncb {
  box-shadow: 0px 3px 6px #00000029;
  border: 1px solid #0065FF;
  background: #0065FF;
  color: #fff;
}

.newpopup_wrapper .wow_msg,
.newpopup_wrapper .ncb_msg {
  background: #E6FCFF;
  font-size: 12px;
  color: #172B4D;
  border-radius: 8px;
  position: relative;
  padding-left: 77px;
  min-height: 53px;
  line-height: 20px;
  padding-top: 6px;
  padding-right: 6px;
  padding-bottom: 6px;
  margin-bottom: 15px;
  margin-top: 10px;
  text-align: left;
}

.newpopup_wrapper .wow_msg .image,
.newpopup_wrapper .ncb_msg .image {
  position: absolute;
  width: 69px;
  height: 78px;
  left: 0;
  bottom: 0;
  background: url('https://static.pbcdn.in/car-cdn/rct/images/wow_girl.svg') no-repeat;
  background-size: contain;
  top: 50%;
  transform: translateY(-103%);
}

.newpopup_wrapper p.noted {
  font-size: 11px;
  font-weight: 400;
  line-height: 15px;
  margin-bottom: 10px;

}

.newpopup_wrapper p.noted span {
  color: #767FDD;
}

.newpopup_wrapper .ncb_msg {
  background: #EAE6FF;
  line-height: normal;
  padding-left: 52px;
  display: flex;
  align-items: center;
  max-width: 363px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
}

.newpopup_wrapper .ncb_msg p {
  color: #172B4D;
  line-height: normal;
  font-size: 12px;
}

.newpopup_wrapper .ncb_msg .image {
  background-image: url(https://static.pbcdn.in/car-cdn/rct/images/man_blue.svg);
  width: 93px;
  height: 83px;
  left: -28px;
}

/*custom radio css starts*/

.custom_radio label {
  cursor: pointer;
  position: relative;
  font-size: 16px;
  font-weight: 500;
  padding-left: 24px;
  display: block;
  line-height: 22px;
  color: #505F79;
}

.custom_radio label .radio_circle {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #2593ff;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.custom_radio label .radio_circle:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #005ffe;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(0);
  -webkit-transform: translateY(-50%) scale(0);
  -ms-transform: translateY(-50%) scale(0);
  transition: all ease 0.1s;
  -webkit-transition: all ease 0.1s;
  -ms-transition: all ease 0.1s;
  left: 0;
  right: 0;
  margin: 0 auto;

}

.custom_radio input {
  position: absolute;
  visibility: hidden;
  width: 100%;
  opacity: 0;
  border: none;
  background: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;

}

.custom_radio input:checked+.radio_text .radio_circle:before {
  transform: translateY(-50%) scale(1);
  -webkit-transform: translateY(-50%) scale(1);
  -ms-transform: translateY(-50%) scale(1);
}


/*custom_radio ends*/
.newpopup_wrapper .popup_box .radio_option_list {
  list-style: none;
  padding: 0px;
  max-width: 380px;
}

.newpopup_wrapper .popup_box .radio_option_list li label {
  padding: 0px;
}

.newpopup_wrapper .popup_box .custom_radio label .radio_circle {
  left: 15px;
}

.newpopup_wrapper .popup_box .radio_option_list li {
  margin-bottom: 12px;
}

.newpopup_wrapper .popup_box .radio_option_list li .radio_text {
  transition: all ease 0.3s;
  border: 1px solid #E1E1EC;
  border-radius: 8px;
  padding: 12px 10px 12px 40px;
  color: #252733;
  font-weight: bold;
  font-size: 14px;
}

.newpopup_wrapper .popup_box .radio_option_list li.custom_radio input:checked+.radio_text {
  border-color: #0065FF;
  color: #005ffe;
}

.insurer_box .ins_img {
  border: 1px dashed #979797;
  width: 190px;
  margin: 0px auto 20px;
  padding: 15px;
  text-align: center;
}

.newpopup_wrapper .popup_box .insurer_box {
  margin: 30px 0px;
}

.newpopup_wrapper .popup_box .insurer_box .ins_img .ins_logo {
  max-width: 100%;
  margin: 0;
  margin-left: auto;
  margin-right: auto;
}

.newpopup_wrapper .popup_box .loader_ring {
  margin: 40px auto 0;
  width: 46px;
}

.newpopup_wrapper .premium_detail .ques {
  font-size: 16px;
  font-weight: 500;

}

.newpopup_wrapper .revised_premium .insurer_box {
  border: 1px solid #979797;
  border-radius: 8px;
  padding: 15px 22px;
  max-width: 359px;
  margin: 20px auto 20px;
}

.newpopup_wrapper .revised_premium .insurer_box .ins_img {
  margin: 0;
  padding: 0;
  border: none;
  width: auto;
}

.newpopup_wrapper .revised_premium .insurer_box .ins_img .ins_logo {
  margin: 0 auto;
}

.newpopup_wrapper .premium_detail .ques,
.newpopup_wrapper .revised_premium .ques {
  margin-top: 30px;
  font-size: 16px;
}

.listing {
  margin: 10px auto;
  padding: 0px;
  max-width: 230px;
}

.listing li {
  display: block;
  list-style: none;
  font-size: 14px;
  font-weight: 400;
  padding-bottom: 5px;
}

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

.listing li.old_premium span {
  color: #696969;
}

.listing li.old_premium b.old_price {
  font-weight: 400;
  position: relative;
  display: inline-block;
  color: #696969;
}

.listing li.old_premium b.old_price::after {
  content: "";
  left: 0;
  right: 0;
  background: #FC4804;
  height: 1px;
  transform: translateY(-50%) rotate(-10deg);
  display: block;
  position: absolute;
  top: 50%;
}

.listing li span {
  float: left;
}

.listing li span {
  color: #212121;
}

.listing li b.current_premium {
  color: #FC4804;
  font-weight: 500;
}

.listing li b {
  float: right;
}

.saving_msg {
  background: #E3FCEF;
  border: 1px solid #E3FCEF;
  border-radius: 4px;
  padding: 6px 30px 6px 30px;
  position: relative;
  text-align: center;
  margin-bottom: 0;
}

.saving_msg p {
  color: #172B4D;
  font-weight: normal;
}

.saving_msg .icon {
  position: absolute;
  /* top:50%; */
  /* transform:translateY(-50%); */
  left: -10px;
  background: url(https://static.pbcdn.in/car-cdn/rct/images/still_saving.svg) no-repeat;
  width: 40px;
  height: 45px;
  background-size: contain;
  bottom: -4px;
}

.compare_btn {
  background: #FFFFFF;
  border: 1px solid #E1E1EC;
  border-radius: 8px;
  width: 312px;
  height: 48px;
  letter-spacing: 0px;
  color: #252733;
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
  padding: 12px;
  cursor: pointer;
  margin-top: 15px;

}

.newpopup_wrapper .popup_box .ques1 {
  color: #252733;
  font-size: 16px;
  font-weight: 500;
  margin: 30px 0 15px;
  /* padding-top: 40px; */
}

.popup_box.buy_within_45day .car-icon {
  background: url('https://static.pbcdn.in/car-cdn/rct/images/car_popup.png') no-repeat;
  width: 240px;
  height: 128px;
  background-size: contain;
  margin: 50px auto 0;
}

.slideTop_animation {
  animation: slideTOtop ease 0.3s;
  -webkit-animation: slideTOtop ease 0.3s;
}

@keyframes slideTOtop {
  0% {
    bottom: -100px;
  }

  100% {
    bottom: 0;
  }
}

@-webkit-keyframes slideTOtop {
  0% {
    bottom: -100px;
  }

  100% {
    bottom: 0;
  }
}


/*insurer-popup starts*/



.newpopup_wrapper .popup_box.insurer_sel {
  padding: 40px 24px 10px 24px;

  max-width: 911px;
  min-height: 380px;
  overflow: auto;

  max-height: 568px;
}

.popup_box.insurer_sel h2 {
  font-size: 24px;
  font-weight: 500;
  color: #252733;
  padding-bottom: 10px;

}

.popup_box.insurer_sel h2+p {
  font-size: 16px;
  color: #1C1D2A;
}

.popup_box.insurer_sel h2 span {
  color: #2D3CD9;

}

.popup_box.insurer_sel .insurer_sel_list {
  margin: 30px -8px 0;
  padding: 0px;
  text-align: left;
  border-bottom: 1px solid #79E2F2;
  padding-bottom: 10px;
}

.popup_box.insurer_sel .insurer_sel_list .image_box {
  margin-bottom: 15px;
}

.popup_box.insurer_sel .insurer_sel_list .image_box img {
  max-height: 35px;
  max-width: 100%;
}

.popup_box.insurer_sel .insurer_sel_list li {
  padding: 0px 5px;
  float: left;
  padding: 0px 8px;
  width: 20%;
  padding-bottom: 16px;
}

.popup_box.insurer_sel .insurer_sel_list li label {
  display: block;
  cursor: pointer;
  position: relative;

}

.popup_box.insurer_sel .insurer_sel_list .insurer_box {
  width: 100%;
  height: 127px;
  box-shadow: 0px 3px 6px #00000029;
  border: 1px solid transparent;
  border-radius: 8px;
  background: #fff;
  text-align: center;
  display: block;
  padding: 35px 20px 35px;
  margin: 0px;
}

.popup_box.insurer_sel .insurer_sel_list input {
  opacity: 0;
  position: absolute;

}

.popup_box.insurer_sel .insurer_sel_list .insurer_box .radio_circle {
  width: 18px;
  height: 18px;
  background: #FFFFFF;
  border: 1px solid #25385880;
  border-radius: 50%;
  display: block;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
}

.popup_box.insurer_sel .insurer_sel_list .insurer_box .radio_circle::after {
  content: "";
  display: block;
  border-left: 2px solid #fff;
  border-top: 2px solid #fff;
  width: 3px;
  height: 7px;
  position: absolute;
  left: 5px;
  top: 49%;
  opacity: 0;
  transform: translateY(-50%) rotate(-135deg);
}

.popup_box.insurer_sel .insurer_sel_list input:checked+.insurer_box {
  border: 1px solid #0052CC;
}

.popup_box.insurer_sel .insurer_sel_list input:checked+.insurer_box .radio_circle {
  background: #0065FF;
  border-color: #0065FF;
}

.popup_box.insurer_sel .insurer_sel_list input:checked+.insurer_box .radio_circle::after {
  opacity: 1;
}

/*not_sure_banner*/

.not_sure_banner {
  position: relative;
  background: #fff;
  padding-left: 85px;
  /* min-height: 67px; */
  padding-top: 15px;
  padding-bottom: 15px;
}

.not_sure_banner .image {
  width: 73px;
  height: 66px;
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  background: url('https://static.pbcdn.in/car-cdn/rct/images/girl_thinking.svg') no-repeat;
  background-size: contain;
}

.not_sure_banner .text {
  display: inline-block;
  vertical-align: middle;
  padding-right: 20px;

}

.not_sure_banner .text p {
  color: #172B4D;
  font-size: 16px;
  font-weight: normal;
}

.not_sure_banner .show_all {
  background: #DEEBFF;
  border-radius: 4px;
  color: #0065FF;
  font-size: 16px;
  min-width: 141px;
  padding: 10px;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  margin: 10px 0px;
}

/*not_sure_banner ends*/
.newpopup_wrapper .popup_box .wrapper .tooltip {
  width: 185px;
}

.newpopup_wrapper .popup_box .wrapper.newinfo .tooltip:after {
  margin-left: -3px;
}

.newpopup_wrapper .popup_box .wrapper.newinfo .tooltip:after {
  left: 64%
}

.newpopup_wrapper .popup_box.ncb_selection {
  padding: 22px 78px;
}

.newpopup_wrapper .popup_box.ncb_selection .radio_option_list {
  max-width: 348px;
  margin: 0 auto;
}

.newpopup_wrapper .popup_box.ncb_selection .radio_option_list li {
  width: 100px;
  margin: 0px 8px 10px;
  padding: 0px;
  display: inline-block;
  float: none;
}

.newpopup_wrapper .popup_box.ncb_selection .ques {
  font-size: 16px;
  max-width: 330px;
  margin-left: auto;
  margin-right: auto;
}

.newpopup_wrapper .popup_box.ncb_selection p.noted {
  max-width: 312px;
  margin-left: auto;
  margin-right: auto;
}

.newpopup_wrapper .popup_box.ncb_selection .ques.ncb br {
  display: none;
}

.newpopup_wrapper .popup_box.ncb_selection .ques.ncb small {
  display: block;
}

/*insurer-popup ends*/

/*feedbacks */
.newpopup_wrapper .popup_box.policy_exp .ques,
.newpopup_wrapper .popup_box.policy_exp p.gray_text,
.newpopup_wrapper .popup_box.policy_exp .dont_knw {
  text-align: center;
}

@media(max-width: 640px) {
  .newpopup_wrapper .popup_box {
    border-radius: 36px 36px 0px 0px;
    padding-left: 16px;
    padding-right: 16px;
    transform: none;
    -webkit-transform: none;
    top: auto;
    bottom: 0;
    padding-top: 30px;
  }

  .newpopup_wrapper .popup_box .dontknw {
    text-align: center;
  }

  .popup_box.insurer_sel h2 {
    font-size: 18px;
    padding-left: 47px;
    position: relative;
  }

  .popup_box.insurer_sel h2::before {
    content: "";
    width: 40px;
    height: 42px;
    display: block;
    position: absolute;
    top: 0;
    left: 3px;
    background: url('https://static.pbcdn.in/car-cdn/rct/images/sheild-icn.svg') no-repeat;
    background-size: contain;
  }

  .popup_box.insurer_sel h2+p {
    font-size: 12px
  }

  .popup_box.insurer_sel .insurer_sel_list {
    display: flex;
    overflow: auto;
    margin-left: 0;
    margin-right: 0;
    margin-top: 5px;
  }

  .popup_box.insurer_sel .insurer_sel_list li {
    float: none;
    width: 100%;
    flex: 0 0 121px;
    max-width: 121px;
    padding-top: 15px;
  }

  .popup_box.insurer_sel .insurer_sel_list .insurer_box {
    height: 86px;
    padding: 15px;
    display: flex;
    align-items: center;
    vertical-align: middle;
    justify-content: center;
  }

  .popup_box.insurer_sel .insurer_sel_list .image_box {
    margin-bottom: 0px;

  }

  .popup_box.insurer_sel .insurer_sel_list .insurer_box .radio_circle {
    display: none;
  }

  .popup_box.insurer_sel .close-btn,
  .not_sure_banner .show_all {
    background: none;

  }

  .not_sure_banner {
    padding-left: 75px;
  }

  .not_sure_banner .image {
    width: 60px;
    height: 55px;
  }

  .not_sure_banner .text p,
  .not_sure_banner .show_all {
    font-size: 12px;
  }

  .not_sure_banner .text {
    padding-right: 0px;
  }

  .not_sure_banner .show_all {
    min-width: 0;
    padding: 0;
    text-decoration: underline;
    margin: 5px 0 0;
  }

  .newpopup_wrapper .popup_box.insurer_sel {
    padding: 35px 15px 10px 15px;
    min-height: 0;
  }

  .newpopup_wrapper .popup_box a.dont_know,
  .newpopup_wrapper .popup_box a.dont_know.bigger {
    font-size: 14px;

  }
}

@media(max-width: 480px) {

  /*back btn in mob*/
  .newpopup_wrapper a.back {
    width: auto;
    height: auto;
    display: inline-block;
    text-indent: 0;
    background: #E1E1EC;
    border-radius: 8px;
    color: rgba(37, 39, 51, 0.6);
    font-size: 14px;
    font-weight: 500;
    padding: 4px 12px 4px 10px;
    cursor: pointer;
    top: 20px;
  }

  .newpopup_wrapper a.back::before {
    content: "";
    width: 7px;
    height: 7px;
    border-left: 1px solid rgba(37, 39, 51, 0.6);
    border-top: 1px solid rgba(37, 39, 51, 0.6);
    display: inline-block;
    vertical-align: middle;
    transform: rotate(-45deg);
    position: relative;
    top: -2px;
    margin-right: 2px;
  }

  .newpopup_wrapper .popup_box,
  .newpopup_wrapper .popup_box.policy-expiry,
  .newpopup_wrapper .popup_box.ncb_selection {
    width: 100%;
    left: 0;
    right: 0;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 50px;
    min-height: 0;
  }

  .newpopup_wrapper .popup_box.ncb_selection .radio_option_list,
  .newpopup_wrapper .ncb_option_wrap,
  .newpopup_wrapper .ncb_msg {
    max-width: 294px;
  }

  .choose_diff_insurer_banner {
    min-height: 0;
    padding: 10px 82px 10px 10px;
  }

  .choose_diff_insurer_banner .heading {
    font-size: 14px;
    padding-bottom: 2px;
  }

  .choose_diff_insurer_banner .text p {
    font-size: 12px;
    line-height: normal;
  }

  .choose_diff_insurer_banner .image {
    width: 89px;
    height: 144px;
    background-image: url('https://static.pbcdn.in/car-cdn/rct/images/man_yellow_mob.svg');
  }

  .great_news {
    min-height: 46px;
    padding-left: 55px;
  }

  .great_news .text_icon {
    width: 46px;
    height: 46px;
  }

  .great_news p {
    font-size: 12px;
  }

  .great_news p span {
    font-size: 14px;
  }

  .newpopup_wrapper .popup_box .btn-orange,
  .compare_btn {
    width: 100%;
    min-width: 0;
  }

  /*new ncb popup*/
  .newpopup_wrapper .popup_box .ques.ncb {
    font-size: 14px;
    font-weight: 500;
  }

  .newpopup_wrapper .popup_box .ques small {
    display: block;
  }

  .newpopup_wrapper .ncb-options button.ncb-option,
  .newpopup_wrapper .popup_box.ncb_selection .radio_option_list li {
    width: 94px;
    margin: 0px 2px 8px;
  }

  .newpopup_wrapper .popup_box.ncb_selection .btn-orange,
  .newpopup_wrapper .popup_box.ncb_selection p.noted {
    max-width: 294px;
  }

  .newpopup_wrapper .popup_box.ncb_selection .ques {
    max-width: 290px;
    margin-left: auto;
    margin-right: auto;
  }


  .newpopup_wrapper .wow_msg {
    margin-top: 16px;
  }

  .newpopup_wrapper .ncb_msg {
    margin-top: 20px;
    padding-left: 65px;
  }

  .newpopup_wrapper .ncb_msg .image {
    left: -14px;
    width: 83px;
    height: 73px;
  }

  .newpopup_wrapper .popup_box .ques {
    font-size: 15px;

  }

  .newpopup_wrapper .popup_box.ncb_selection .ques {
    font-size: 14px;
  }

  .newpopup_wrapper .premium_detail .ques,
  .newpopup_wrapper .revised_premium .ques,
  .newpopup_wrapper .popup_box .ques1 {
    margin-top: 15px;
  }

  .popup_box.buy_within_45day .car-icon {
    margin-top: 25px;
  }

  .newpopup_wrapper .revised_premium .insurer_box {
    padding-left: 13px;
    padding-right: 13px;
  }

  .saving_msg {
    padding: 6px 5px 6px 34px;
  }

  .tooltip-text-tooltip {
    width: 220px;
  }
}

/************************************End New popup design***********************************/


/*********************************Start TnC css**********************************************/
.main_wrap.tnc_new {
  min-height: 500px;
}

.main_wrap.tnc_new .left {
  width: 36%;
  float: left;
}

.main_wrap.tnc_new .right {
  width: 57%;
  float: right;
}

.main_wrap.tnc_new .container {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  padding: 0px 15px;
}

.tnc_new .form_wrap {
  position: relative;
  background: #f5f5f5;
  padding: 12px 20px;
  border-radius: 6px;
  border: solid 1px #ccc;

}

.tnc_new h3 {
  padding-bottom: 5px;
  font-size: 14px;
  border-bottom: solid #e0e0e0 1px;
  margin: 0 0 11px 0;
  color: rgba(84, 110, 122, 0.7);

}

.tnc_new .form_wrap .frm_grp {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.tnc_new .form_wrap .frm_grp:last-child {
  margin-bottom: 0px;
}

.tnc_new .form_wrap .frm_grp label {
  max-width: 40%;
  flex: 0 0 40%;
  font-size: 12px;
  text-align: left;
  color: #37474f;
}

.tnc_new .form_wrap .frm_grp .field_box {
  max-width: 60%;
  flex: 0 0 60%;
}

.tnc_new ul.garage-city li {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0px 1px 6px rgba(0, 0, 0, 0.23);
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0px 1px 6px rgba(0, 0, 0, 0.23);
  display: table;
  margin: 0 0 7px 0;
  width: 100%;
  background: #fff;
  padding: 30px 20px 20px;

}

.tnc_new ul.garage-city li .workshopName {
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 10px 0;
}

.tnc_new ul.garage-city li .address {
  font-size: 12px;
  width: 70%;
  text-transform: uppercase;
}

.tnc_new .react-autosuggest__input,
.tnc_new .field_box select {
  border: 1px solid #ccc;
  padding: 8px 5px 8px;
  text-align: left;
  color: #37474f;
  font-weight: 700;
  font-size: 12px;
  border-radius: 4px;
  letter-spacing: 0.5px;
  box-shadow: none;
  background-color: #fff;
  height: 36px;
  width: 100%;
}

.tnc_new .field_box .select-box {
  width: 100%;
}

.tnc_new .react-autosuggest__suggestion {
  font-size: 12px;
  padding: 7px;
}

.tnc_new .react-autosuggest__suggestions-container {
  border: none;
  top: 103%;
  box-shadow: 0px 0px 2px #ccc;
  overflow: auto;
}

.tnc_new .react-autosuggest__container:before {
  display: none;
}

.tnc_new input::placeholder {
  color: rgba(84, 110, 122, 0.7);
  font-weight: 400;
}

@media(max-width: 767px) {

  .main_wrap.tnc_new .left,
  .main_wrap.tnc_new .right {
    width: 100%;
    float: none;
  }

  .tnc_new h3 {
    margin-top: 10px;
  }

  .tnc_new .form_wrap {
    border: none;
    padding: 0px;
  }

  .tnc_new .form_wrap .frm_grp {
    display: block;
  }

  .tnc_new .form_wrap .frm_grp label {
    flex: 0 0 100%;
    max-width: 100%;
    color: #abb3b7;
    font-weight: 300;
    font-size: 11px;
    margin-bottom: 4px;
  }

  .tnc_new .form_wrap .frm_grp .field_box {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .tnc_new .field_box select {
    background-position: 100% -38px;
  }

  .main_wrap.tnc_new .right {
    margin-top: 15px;
  }

  .tnc_new ul.garage-city li {
    padding: 10px;
    position: relative;
  }

  .tnc_new ul.garage-city li .workshopName {
    font-size: 12px;
    margin: 0 0 4px 0;
  }

  .tnc_new ul.garage-city li .address {
    font-size: 11px;
    padding: 0 0 30px 0;
    width: 100%;
  }
}

/****************************************End TnC Css*************************************/
/****************************************Mobile Policy Coverage**************************/
.pol_cov_link {
  color: #0d93fe;
  font-size: 12px;
  font-weight: 400;
  text-decoration: none;
  position: relative;
  padding-right: 8px;
  display: inline-block;
  vertical-align: middle;
}

.pol_cov_link::after {
  content: "";
  width: 4px;
  height: 4px;
  border-top: 1px solid #0d93fe;
  border-left: 1px solid #0d93fe;
  transform: rotate(135deg);
  display: inline-block;
  margin-left: 3px;
  vertical-align: middle;
}


@media only screen and (max-width: 670px) and (min-width: 320px) {
  .popup.breakup * {
    box-sizing: border-box;
    /* word-break: break-all; */
  }

  .popup.breakup .premium-breakup>span {
    text-align: center;
    display: block;
    margin-bottom: 10px;
  }

  .CircularProgressbar {
    width: 50px;
  }

  .repairs ul li .circle-wrap,
  .repairs ul li .descTxt {
    margin-left: 0px;
    width: 33.33%;
    text-align: center;
  }

  .repairs ul li .descTxt,
  .repairs.replaced ul li.zeroDep-text .circle-wrap .CircularProgressbar+div {
    width: 66.33%;
    padding-left: 0px;
    margin-top: 0;
    text-align: left;
    font-size: 11px;
    letter-spacing: -0.2px;
  }

  .repairs.replaced ul li {
    width: 33.33%;
    height: 95px;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 20px;
  }

  .repairs.replaced ul li.zeroDep-text {
    margin-left: 0px;
  }

  .repairs.replaced ul li .circle-wrap .CircularProgressbar+div {
    margin-top: 5px;
  }

  .CircularProgressbar .CircularProgressbar-trail,
  .CircularProgressbar .CircularProgressbar-path {
    stroke-width: 8px;
  }

  .popup.breakup {
    width: 100%;
    right: 0;
    height: 490px;
    border-radius: 0;
    position: fixed;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    left: 0;
    padding-top: 56px;
    top: auto;
    bottom: -100%;
    border-radius: 36px 36px 0px 0px;
  }


  .popup.breakup .vehical-details-section {
    padding: 15px 35px 15px 10px;
    width: 100%;
    background: none;
    box-sizing: border-box;
    display: block;
    /* white-space: nowrap; */
    /* text-overflow: initial; */
  }

  .popup.breakup .close-icon,
  .popup.cant-buy .cross-icon {
    left: auto;
    right: 10px;
    background: #dfe1e6;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    top: 21px;
  }

  .popup.breakup .vehical-name {
    color: #000;
    font-size: 12px;
    margin: 0 0 5px;
    width: 259px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    /* font-weight: normal; */
  }

  .popup.breakup .close-icon:before,
  .popup.breakup .close-icon:after {
    width: 2px;
    height: 12px;
    background: #172b4d;
    top: 5px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }

  .popup.breakup .breakup-footer {
    display: block;
    position: absolute;
    /*	position: fixed;*/
    box-shadow: 0 2px 12px 0 rgba(219, 219, 219, 0.5);
    background-color: #fdfdfd;
    bottom: 0;
    left: 0;
    z-index: 100;
    display: flex;
    align-items: center;
    padding: 7px 8px;
    flex-wrap: wrap;
    right: 0;
    width: 100%;
    border-top: 1px solid rgba(219, 219, 219, 0.5);
  }


  /*.popup.breakup.slideTop_animation .breakup-footer,.popup.breakup.slideTop_animation .breakup-header{
        position: fixed;
    }*/
  .popup.breakup.slideTo_top {
    bottom: 0% !important;
  }

  .popup.breakup .breakup-footer .Final_Premium {
    flex: 0 0 40%;
    max-width: 40%;
    color: rgba(94, 108, 132, 0.81);
    font-size: 10px;
    text-align: center;
    position: relative;

  }

  .popup.breakup .breakup-footer .Final_Premium div.badge {
    padding: 0px 3px;
    top: -22px;
    width: 80px;
    text-align: center;
  }

  .popup.breakup .breakup-footer .Final_Premium .final_amt {
    letter-spacing: 0px;
    color: #253858;
    font-size: 16px;
    font-weight: bold;
    display: block;
    margin-top: 2px;
  }

  .popup.breakup .breakup-footer .proceed_buy {
    flex: 0 0 60%;
    max-width: 60%;
  }

  .popup.breakup .breakup-footer .proceed_buy button {
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    text-transform: none;
    border-radius: 4px;
    padding-top: 11px;
    padding-bottom: 11px;
    padding-right: 26px;
    background: #fc4804 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAALCAYAAACZIGYHAAAAAXNSR0IArs4c6QAAAKpJREFUKBVjYCAB/P//X4YE5ZhKgQa0AzEIRGLKEikC1OwCxM+A+AMQRxCpDVMZULMe1JB/QDoYpoIRyJEHcl7DBIigtYFqDgAxBxAHMjIybgIZ8h/I+QzEpABuqOJ/QDqEBUhsA2JSDZEC6rEF4ttAfIwB6BA2IINoAFRfA8QfgfgaEIMMIw0ANZVBDbgJpElPM0BNRUAMAqAoBkUG6QCoUQJkAhCIoesGAEzFcugHApaCAAAAAElFTkSuQmCC) no-repeat 90% center;
    background-size: 14px auto;
    /* height: auto; */
  }

  .popup.breakup .premium-display {
    margin: 0px;
    max-width: 34%;
    padding: 0px;
    background: none;
    padding: 0px 5px;
    display: flex;
    align-items: center;
    flex: 0 0 34%;
    justify-content: flex-end;
  }

  .popup.breakup .premium-display span {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    color: #ffffff;
    display: block;
    line-height: 30px;
    background: #fc4804 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAALCAYAAACZIGYHAAAAAXNSR0IArs4c6QAAAKpJREFUKBVjYCAB/P//X4YE5ZhKgQa0AzEIRGLKEikC1OwCxM+A+AMQRxCpDVMZULMe1JB/QDoYpoIRyJEHcl7DBIigtYFqDgAxBxAHMjIybgIZ8h/I+QzEpABuqOJ/QDqEBUhsA2JSDZEC6rEF4ttAfIwB6BA2IINoAFRfA8QfgfgaEIMMIw0ANZVBDbgJpElPM0BNRUAMAqAoBkUG6QCoUQJkAhCIoesGAEzFcugHApaCAAAAAElFTkSuQmCC) no-repeat 90% center;
    border-radius: 4px;
    max-width: 100px;
    background-size: 11px auto;
    /* float: right; */
    /* width: 100%; */
    height: 35px;
    flex: 0 0 100px;
    padding-right: 19px;
    margin: 0;
    padding-left: 12px;
  }


  .popup.breakup .breakup-header {
    display: flex;
    padding: 18px 32px 12px 2px;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
    position: absolute;
    /*position: fixed;*/
    width: 100%;
    top: 0;
    left: 0;
  }

  .popup.breakup .breakup-header .insurer-logo {
    padding: 0px 10px;
    flex: 0 0 30%;
    max-width: 30%;
  }

  .popup.breakup .insurer-logo img {
    max-width: 100%;
    max-height: 30px;
  }

  .popup.breakup .breakup-header .idv {
    font-size: 10px;
    flex: 0 0 35%;
    max-width: 35%;
    padding: 0px 5px 0px 20px;
    color: rgba(94, 108, 132, 0.81);
  }

  .popup.breakup .breakup-header .idv .idv-amt {
    font-size: 14px;
    font-weight: 500;
    color: #5E6C84;
    display: block;
    margin-top: 2px;
  }

  .popup.breakup .breakup-header .Final_Premium {
    font-size: 10px;
    flex: 0 0 35%;
    max-width: 35%;
    padding: 0px 10px;
    color: rgba(94, 108, 132, 0.81);
  }

  .popup.breakup .breakup-header .Final_Premium .final_amt {
    display: block;
    margin-top: 2px;
    color: #253858;
    font-weight: 600;
    font-size: 16px;
  }



  .popup.breakup ul.breakup-tab {
    display: flex;
    box-shadow: none;
    background-color: #ffffff;
    overflow: auto;
    box-shadow: 0px 3px 6px #00000029;
    /*border-bottom: 1px solid rgba(80, 95, 121,0.8);*/
    /*to hide scrollbar*/
    -ms-overflow-style: none;
    /* Internet Explorer 10+ */
    scrollbar-width: none;
    /* Firefox */
    margin-top: 5px;

  }

  .popup.breakup ul.breakup-tab::-webkit-scrollbar {
    /*to hide scrollbar*/
    display: none;
    /* Safari and Chrome */
  }

  .popup.breakup ul.breakup-tab li {
    float: none;
    max-width: 40%;
    flex: 0 0 40%;
  }

  .popup.breakup ul.breakup-tab li.tab-active:after {
    display: none;
  }

  .popup.breakup ul.breakup-tab li button {
    font-size: 14px;
    width: auto;
    font-weight: 400;
    color: #505F79;
    padding: 8px 0;
  }

  .popup.breakup ul.breakup-tab li.tab-active button {
    position: relative;

    font-weight: 600;

  }


  .popup.breakup ul.breakup-tab li.tab-active button:after {
    width: 100%;
    height: 3px;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #0065FF;
  }

  .popup.breakup div.policy-inclusion {
    padding: 0px 1% !important;
  }

  .popup.breakup div.policy-inclusion::after {
    content: "";
    display: block;
    clear: both;
  }

  .popup.breakup .whats-covered h2 {
    font-size: 16px;
    font-weight: 600;
    color: #212121;
    margin-bottom: 15px;
    margin-top: 15px;
  }

  .popup.breakup ul {
    display: block;
  }

  .popup.breakup ul::after {
    content: "";
    display: block;
    clear: both;
  }

  .popup.breakup .inclusion-list::after {
    content: "";
    display: block;
    clear: both;
  }

  .popup.breakup .inclusion-list li {
    transition: all .3s ease-in-out;
    width: 26.33%;
    height: 95px;
    box-shadow: 0px 0px 5px 0px #cddae4;
    display: inline-block;
    border-radius: 4px;
    text-align: center;
    margin: 0 3% 20px;
    position: relative;
    /* padding: 0px 10px; */
    float: left;
    max-width: 88px;
  }

  .__react_component_tooltip.type-dark.place-right:after {
    border-right-color: #808b8b !important;
  }

  .whats-covered .__react_component_tooltip.place-bottom:after,
  .whats-covered .__react_component_tooltip.place-bottom:before {
    left: 50%;
  }

  .__react_component_tooltip.place-bottom:after {
    border-left: 6px solid transparent !important;
    border-right: 6px solid transparent !important;
  }

  .popup.breakup .inclusion-list li div {
    margin: 5px auto;
  }

  .popup.breakup .inclusion-list li span {
    font-size: 10px;
    font-weight: 500;
    line-height: 1.2;
  }

  .popup.breakup .view-all {
    border: none;
    padding: 0px;
    border-radius: 0;
    float: right;
    display: inline-block;
    min-width: auto;
  }

  .popup.breakup .claim-list li {
    font-size: 12px;
    padding-left: 15px;
    position: relative;
    padding-right: 30px;
    margin-right: 0;
  }

  .popup.breakup .checkmark:after {
    width: 6px;
    height: 11px;
    transform: rotate(45deg);
    border-radius: 2px;
    top: 2px;
  }

  .popup.breakup .checkmark {

    position: absolute;
    left: 0;
    top: 0;
  }

  .popup.breakup .wrapper .tooltip:after {
    left: 57%;
    margin-left: -9px;
  }

  .popup.breakup .wrapper .tooltip {
    width: 126px;
    right: -50px;
    left: auto;
    line-height: normal;
  }

  .popup.breakup .whats-covered .claim-coverage h3 {
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #030c1d;
    margin: 15px 0;
  }

  .popup.breakup .whats-covered .claim-coverage h3 em {
    font-size: 10px;
    font-weight: 300;
    font-stretch: normal;
    font-style: italic;
    /* line-height: 1.2; */
    letter-spacing: normal;
    text-align: left;
    color: #707070;
    margin-top: 2px;
  }

  .popup.breakup .repairs {
    margin-top: 0;
    margin-left: 0px;
  }

  .popup.breakup .repairs h4 {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.17;
    letter-spacing: normal;
    text-align: left;
    color: #212121;
  }

  .popup.breakup .repairs ul {
    margin: 15px 0;
  }

  .popup.breakup div.whats-covered {
    padding-bottom: 200px !important;
    height: 100%;
    overflow: auto;
  }

  .popup.breakup .add-zeroDep {
    margin-bottom: 10px;
    margin-left: 0px;
    display: block;
    width: 100%;
    font-weight: 500;
    line-height: normal;
  }

  .popup.breakup .zeroDep-btn {
    float: right;
    border-radius: 5px;
    box-shadow: none;
    font-weight: 500;
    margin: 0 0 14px;
    height: 40px;
    line-height: 20px;
    font-size: 12px;
  }

  .remove-zeroDep {
    font-size: 12px;

    margin: 10px 0px 10px 0px;
    font-weight: 600;


  }

  .popup.breakup .premium-breakup {
    width: 100%;
    margin: 0 auto;
    /* padding: 30px 4% 189px 4%;
    height: 100%; */
    padding: 30px 4% 10px 4%;
    height: 320px;
  }

  .popup.breakup .heading h5 {
    /* font-size: 14px; */
    margin-bottom: 15px;
    font-weight: 600;
  }

  .popup.breakup .premium-breakup ul li span,
  .popup.breakup .premium-breakup ul li b {
    /*  font-weight: 500;*/
    font-weight: 400;
    font-size: 12px;
  }

  .popup.breakup .premium-breakup ul li {
    margin-bottom: 10px;
    line-height: normal;
  }

  .popup.breakup .premium-breakup ul li:last-child {
    margin-bottom: 0px;
  }

  .popup.breakup .heading span,
  .popup.breakup .heading b {
    font-size: 16px;
    font-weight: 600
  }

  .popup.breakup .premium-breakup ul li::after {
    content: "";
    display: block;
    clear: both;
  }
}

/******************************************Mobile Policy Coverage***************************/


/*****************************************WHy pb mobile banner******************************/
@media(max-width: 640px) and (min-width: 320px) {
  .why_pb_on_mobile {
    margin: 0 auto 16px;
    padding-top: 10px;
    padding-bottom: 10px;
    white-space: nowrap;
    overflow: auto;
    -ms-overflow-style: none;
    /* Internet Explorer 10+ */
    scrollbar-width: none;
    /* Firefox */
  }

  .why_pb_on_mobile::-webkit-scrollbar {
    /*to hide scrollbar*/
    display: none;
    /* Safari and Chrome */
  }

  .why_pb_on_mobile,
  .why_pb_on_mobile * {
    box-sizing: border-box;
    line-height: normal;
  }

  .why_pb_on_mobile::after {

    content: "";
    display: block;
    clear: both;
  }

  .why_pb_on_mobile h2 {
    white-space: normal;
    padding-left: 3%;
    margin: 0;
    width: 40%;
    display: inline-block;
    vertical-align: top;
    padding-right: 5px;
    color: #253858;
    font-size: 18px;
    font-weight: 300;
    text-align: left;
    line-height: 26px;
    padding-top: 20px;
  }

  .why_pb_on_mobile h2 span {
    font-weight: 500;
  }

  .why_pb_on_mobile ul.listing {

    width: 60%;
    display: inline-block;
    vertical-align: top;
    margin: 0px;
    white-space: nowrap;
    margin: 0px;
    padding: 8px;
  }


  .why_pb_on_mobile ul.listing li {
    white-space: normal;
    display: inline-block;
    background: #fff;
    vertical-align: top;
    border-radius: 8px;
    padding: 16px;
    margin-right: 10px;
    width: 88%;
    min-height: 180px;
    padding-top: 20px;
    position: relative;
    overflow: hidden;
    box-shadow: 0px 0px 8px #ccc;
  }

  .why_pb_on_mobile ul.listing li:last-child {
    margin-right: 0px;
  }

  .why_pb_on_mobile ul.listing li h4 {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 5px;
    font-weight: bold;
  }

  .why_pb_on_mobile ul.listing li p {
    color: rgba(37, 56, 88, 0.6);
    font-size: 12px;
    font-weight: 400;
  }

  .why_pb_on_mobile ul.listing li::before {
    content: "";
    width: 2px;
    bottom: 0;
    top: 0;
    position: absolute;
    background: #ccc;
    left: 0;

  }

  .why_pb_on_mobile ul.listing li a.know_more {
    position: absolute;
    right: 10px;
    bottom: 10px;
    font-size: 12px;
  }

  .why_pb_on_mobile ul.listing li a.know_more::after {
    content: "";
    width: 4px;
    height: 4px;
    border-top: 1px solid #0d93fe;
    border-left: 1px solid #0d93fe;
    transform: rotate(135deg);
    display: inline-block;
    margin-left: 3px;
    vertical-align: middle;
  }

  .why_pb_on_mobile ul.listing li:nth-child(1)::before {
    background: #2D3CD9;
  }

  .why_pb_on_mobile ul.listing li:nth-child(1) h4,
  .why_pb_on_mobile ul.listing li:nth-child(1) a.know_more {
    color: #2D3CD9;

  }

  .why_pb_on_mobile ul.listing li:nth-child(1) a.know_more::after {
    border-top-color: #2D3CD9;
    border-left-color: #2D3CD9;
  }

  .why_pb_on_mobile ul.listing li:nth-child(2)::before {
    background: #0BBDF2;
  }

  .why_pb_on_mobile ul.listing li:nth-child(2) h4,
  .why_pb_on_mobile ul.listing li:nth-child(2) a.know_more {
    color: #0BBDF2;
  }

  .why_pb_on_mobile ul.listing li:nth-child(2) a.know_more::after {
    border-top-color: #0BBDF2;
    border-left-color: #0BBDF2;
  }

  .why_pb_on_mobile ul.listing li:nth-child(3)::before {
    background: #47D990;
  }

  .why_pb_on_mobile ul.listing li:nth-child(3) h4,
  .why_pb_on_mobile ul.listing li:nth-child(3) a.know_more {
    color: #47D990;
  }

  .why_pb_on_mobile ul.listing li:nth-child(3) a.know_more::after {
    border-top-color: #47D990;
    border-left-color: #47D990;
  }

  .why_pb_on_mobile ul.listing li:nth-child(4)::before {
    background: #00A3BF;
  }

  .why_pb_on_mobile ul.listing li:nth-child(4) h4,
  .why_pb_on_mobile ul.listing li:nth-child(4) a.know_more {
    color: #00A3BF;
  }

  .why_pb_on_mobile ul.listing li:nth-child(4) a.know_more::after {
    border-top-color: #00A3BF;
    border-left-color: #00A3BF;
  }

  .why_pb_on_mobile ul.listing li:nth-child(5)::before {
    background: #FFAB00;
  }

  .why_pb_on_mobile ul.listing li:nth-child(5) h4,
  .why_pb_on_mobile ul.listing li:nth-child(5) a.know_more {
    color: #FFAB00;
  }

  .why_pb_on_mobile ul.listing li:nth-child(5) a.know_more::after {
    border-top-color: #FFAB00;
    border-left-color: #FFAB00;
  }


}

@media(max-width: 320px) {
  .why_pb_on_mobile {
    width: 320px;
  }

  .why_pb_on_mobile ul.listing li h4 {
    font-size: 16px;
    line-height: 20px
  }
}

/*****************************************WHy pb mobile banner******************************/


/***************************************WHy pb strip***************************************/


@media only screen and (max-width: 670px) and (min-width: 320px) {

  .why_pb_strip .remove {
    width: 20px;
    height: 18px;
    background: url('https://static.pbcdn.in/car-cdn/rct/images/remove.svg') no-repeat;
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 2px;
    z-index: 100;
  }

  .why_pb_strip,
  .why_pb_strip * {
    box-sizing: border-box;
  }

  .why_pb_strip {
    width: 96%;
    margin: 0 auto;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 12px;
    box-shadow: 0px 0px 2px #ccc;
    padding: 8px 0px 7px;
    overflow: auto;
    background: #fff;
    border-radius: 10px;
    color: #253858;
    z-index: 10;
    /* overflow: hidden; */
  }

  .why_pb_strip .owl-carousel .owl-item img {
    width: auto;
    margin: 0 auto;
    max-width: 100%;
  }

  .why_pb_strip::before {
    content: "";
    background: #FF5630;
    height: 2px;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
  }

  .why_pb_strip .item {
    width: auto;
    background: none;
    height: auto;
    padding: 0;
  }

  .pb_strip {
    /* padding-top: 20px; */
    padding: 20px 12px 0;
    position: relative;
    right: 2px;
    max-width: 90%;
    margin: 0 auto;
  }

  .pb_strip .content_text {
    float: left;
    width: 80%;
    /* padding-left: 2px; */
  }

  .why_pb_strip h2 {
    font-size: 14px;
    font-weight: 600;
    padding-bottom: 3px;
    background: none;
    text-align: left;
    position: absolute;
    padding-left: 10px;
    max-width: 90%;
    left: 0;
    right: 0;
    margin: 0 auto;
    color: #000;
  }

  .pb_strip .content_text p {
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
  }

  .blue_btn {
    border: 1px solid #0065FF;
    border-radius: 4px;
    background: #fff;
    color: #0065FF;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    display: inline-block;
    padding: 4px 23px;
    margin-top: 9px;
    position: relative;
    z-index: 10;
  }

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

  .pb_strip .content_image {
    float: left;
    width: 20%;
    /* padding-top: 5px; */
    position: absolute;
    right: 0;
    top: 9px;
  }

  .why_pb_strip .owl-dots {
    text-align: center;
    /* position: absolute; */
    /* bottom: 0px; */
    /* left: 80%; */
    /* z-index: 9; */
    line-height: 0px;
  }

  .why_pb_strip .owl-carousel button.owl-dot {
    width: 4px;
    height: 4px;
    background: #FF8F73;
    border-radius: 50%;
    display: inline-block;
    margin: 0px 1px;
  }

  .why_pb_strip .owl-carousel button.owl-dot.active {
    background: #FF5630;
  }

  .claim_tag::after {
    display: none;
  }


}

@media(max-width: 320px) {
  .pb_strip .content_text p {
    font-size: 10px;
  }
}

/***************************************WHy pb strip***************************************/

/***************************************New why pb banner**********************************/
.why_pb_banner_wrap {
  height: 108px;
  background: #f7fcff;
  border-radius: 5px;
  overflow: hidden;
  padding-top: 10px;
  padding-bottom: 10px;
  max-width: 783px;
}

.why_pb_banner_wrap .owl-carousel .owl-stage-outer {
  overflow: visible;
}

.why_pb_banner {
  padding-left: 135px;
  position: relative;
  white-space: normal;
}

.why_pb_banner_wrap *,
.why_pb_banner_wrap {
  box-sizing: border-box;
}

.why_pb_banner_wrap h2 {
  font-size: 18px;
  font-weight: bold;
  color: #000;
  padding-left: 135px;
  padding-bottom: 2px;
  padding-top: 0px;
}

.why_pb_banner_wrap .item {
  width: auto;
  background: none;
  height: auto;
  padding: 0;
  z-index: auto;
}

.why_pb_banner_wrap .content_text p {
  font-size: 15px;
  font-weight: 400;
  line-height: normal;
  color: #000;
}

.why_pb_banner_wrap .content_text p span {
  font-weight: 500;
}

.why_pb_banner_wrap .content_image {
  position: absolute;
  left: 25px;
  bottom: -27px;
}

.owl-carousel .owl-item .why_pb_banner img {
  width: auto;
  max-width: 100%;
}

.why_pb_banner_wrap .content_image.img1 {
  width: 80px;
}

.why_pb_banner_wrap .content_image.img2 {
  width: 80px;
  bottom: -23px;
}

.why_pb_banner_wrap .content_image.img3 {
  width: 83px;
  bottom: -17px;
}

.why_pb_banner_wrap .content_image.img4 {
  width: 125px;
  left: 0px;
  bottom: -19px;
}

.why_pb_banner_wrap .content_image.img5 {
  width: 80px;
  bottom: -14px;
}

.why_pb_banner_wrap .blue_btn {
  border: 1px solid rgba(27, 85, 197, 0.64);
  border-radius: 4px;
  background: #fff;
  font-size: 18px;
  letter-spacing: 0.29px;
  color: #1B55C5;
  font-weight: 500;
  text-align: center;
  display: inline-block;
  padding: 10px 0px;
  width: 147px;
}

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

.why_pb_banner_wrap .content_text,
.why_pb_banner_wrap .blue_btn {
  display: inline-block;
  vertical-align: middle;

}

.why_pb_banner_wrap .content_text {
  padding-right: 20px;
  width: calc(100% - 173px);
}

.why_pb_banner_wrap .owl-dots {
  text-align: center;
  position: absolute;
  bottom: -17px;
  left: 50%;
}

.why_pb_banner_wrap .owl-carousel button.owl-dot {
  width: 8px;
  height: 8px;
  background: #B9D4FB;
  border-radius: 50%;
  display: inline-block;
  margin: 0px 1px;
}

.why_pb_banner_wrap .owl-carousel button.owl-dot.active {
  background: #0065FF;
}

.green_tag {
  position: relative;
  padding-bottom: 15px;

}

@media(max-width: 640px) and (min-width:320px) {
  .claim_tag {
    left: -6px;
    background: #73caa6;
  }

}

/***************************************New why pb banner**********************************/

/**************************************policy coverage claims****************************/
div.gray_box {
  background: #f7fefe;
  border: 1px solid rgb(178 228 230);
  border-radius: 8px;
  padding: 16px 13px 16px 36px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 10px 0px 15px;
}

.gray_box p {
  color: #253858;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;

}

.find_link {
  color: #0052CC;
  font-size: 12px;
  font-weight: bold;
  padding-right: 22px;
  position: relative;
}

.find_link::after {
  content: "";
  display: block;
  background: url('https://static.pbcdn.in/car-cdn/rct/images/dropdown.svg');
  width: 19px;
  height: 19px;
  background-size: contain;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

@media(max-width: 640px) and (min-width: 320px) {
  div.gray_box {
    padding: 10px 10px 10px 10px;
  }

  .gray_box .left {
    flex: 0 0 70%;
    max-width: 70%;
  }

  .gray_box .right {
    flex: 0 0 30%;
    max-width: 30%;
    text-align: right;
  }

  .gray_box p {
    font-size: 14px;
  }

  .find_link::after {
    width: 16px;
    height: 16px;
  }
}

/**************************************policy coverage claims****************************/

.rto_banner,
.rto_banner * {
  box-sizing: border-box;
}

.rto_banner {
  background-color: #fff;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 4px;
  min-height: 289px;
  padding: 50px 75px 50px 20px;
  position: relative;
  background-repeat: no-repeat;
  background-position: right 101%;
  background-size: 100% auto;
  margin-bottom: 20px;
}

.rto_banner::before {
  content: "";
  display: block;
  width: 246px;
  height: 175px;
  background: url('https://static.pbcdn.in/car-cdn/rct/images/shape.svg') no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;

}

.rto_banner p {
  font-size: 15px;
  text-align: left;
  color: #000;
  font-weight: normal;
  max-width: 403px;
  line-height: 20px;
  position: relative;
  z-index: 1;
}

.rto_banner p b {
  font-weight: bold;
}

.rto_banner.delhi {
  background-image: url(https://static.pbcdn.in/car-cdn/rct/images/delhi.svg);
}

.rto_banner.bengaluru {
  background-image: url(https://static.pbcdn.in/car-cdn/rct/images/bangalore.svg);
}

.rto_banner.kolkata {
  background-image: url(https://static.pbcdn.in/car-cdn/rct/images/kolkata.svg);
}

.rto_banner.mumbai {
  background-image: url(https://static.pbcdn.in/car-cdn/rct/images/mumbai.svg);
}


.rto_banner.chennai {
  background-image: url(https://static.pbcdn.in/car-cdn/rct/images/chennai.svg);
}

.redalert {
  color: red
}

.gst_price_tag {
  margin-top: -30px;
  padding: 5px;
  font-size: 12px;
}

.gst_price_tag a.breakup-link {
  text-align: center;
  right: 0;
  font-size: 12px;
  color: #0d93fe;
  position: relative;
  bottom: inherit;
}

@media(max-width: 768px) {
  .gst_price_tag {
    margin-top: -20px;
    float: left;
    width: 100%;
  }

  .pol_cov_link {
    padding-left: 10px;
  }
}

/* money-saver-strip */
.money-saver-strip {
  position: relative;
  z-index: 1;
  display: block;
}

.money-saver-strip .strip {
  display: flex;
  align-items: center;
  background: #d4ffe9;
  color: #253858;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 10px 14px 10px 36px;
}

.money-saver-strip img {
  left: 8px;
  top: 50%;
  position: absolute;
  width: 22px;
  transform: translateY(-50%);
}

.money-saver-strip h2 {
  font-size: 14px;
  padding-bottom: 2px;
  color: #36b37e;
  font-weight: 700;
  margin: 0;
  display: inline;
}

.money-saver-strip p {
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  display: inline;
  margin: 0 0 0 3px;
}

.money-saver-strip a {
  color: #0065ff;
  right: 26px;
  font-size: 12px;
  font-weight: 500;
  margin-left: 10px;
  display: inline-block;
}

.money-saver-strip a.know_more::after {
  margin-left: 5px;
  width: 6px;
  height: 6px;
  margin-bottom: 2px;
}

/*************************** Posp PopUp ******************************/

.idv_warning_modal .popup_box {
    max-width: 400px;
    min-height: auto;
}

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

.idv_warning_modal .custome_content .heading {
    font-size: 18px;
    font-weight: 500;
    margin-top: 0px;
    margin-bottom: 20px;
    text-align: center;
}

.idv_warning_modal .custome_content .text {
    margin: 10px 0;
    font-size: 12px;
}

.action_btn {
  margin-top: 30px;
  display: flex;
  justify-content: center;
}

.action_btn .btn {
    border: 0;
    padding: 8px 16px;
    border-radius: 5px;
    font-size: 12px;
}

.redirect_btn.btn {
  background: #f00;
  color: #fff;
}

/* 05-01-2023 Block non certified partners modal */
.overlay-container {
  position: fixed;
  z-index: 9;
  max-width: 500px;
  width: 100%;
  background-color: #fff;
  border-radius: 5px;
  padding: 20px;
  box-sizing: border-box;
  left: 50%;
  top: 100px;
  transform: translateX(-50%);
}

.overlay-container .msg {
  font-size: 16px;
  margin: 10px 0px 10px 0px;
  font-weight: 500;
  text-align: left;
}

.overlay-container .btns {
  background: #EFEFEF;
  padding: 20px;
  color: #333;
  text-decoration: none;
  font-weight: 600;
  display: block;
  text-align: center;
  margin-bottom: 20px;
}

.overlay-container .btns .links {
  color: #005EF6;
}

.share_quote {
  width: 147px;
  height: 42px;
  background: #ff5630;
  color: #fff;
  border: none;
  border-radius: 4px;
  font-size: 18px;
  margin: 5px auto 5px auto;
  transition: all ease 0.5s;
  font-size: 100%;
}

.share_quote_btn_right {
  position: relative;
  margin-left: auto;
}

/* Style the tab */
.tab-wrap {
  z-index: 9;
  position: absolute;
  right: 0%;
  top: 70px;
  width: 100%;
  max-width: 300px;
  background: #fff;
  padding: 10px;
  border-radius: 5px;
  box-shadow: 0px 0px 20px 0px rgb(181 193 202 / 66%);
}

.tab-wrap:before {
  content: '';
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #fff;
  top: -13px;
  position: absolute;
  left: 60px;
}

.tab-wrap .tab {
  overflow: hidden;
  display: flex;
  justify-content: space-between;
}

/* Style the buttons inside the tab */
.tab-wrap .tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 5px 15px;
  transition: 0.3s;
  font-size: 17px;
  border-bottom: 2px solid transparent;
  transition: all 0.3s;
  font-size: 14px;
}

/* Change background color of buttons on hover */
.tab-wrap .tab button:hover {
  border-color: #08C;
  color: #08C;
}

/* Create an active/current tablink class */
.tab-wrap .tab button.active {
  border-color: #08C;
  color: #08C;
}

/* Style the tab content */
.showTabDiv {
  display: block;
}

.tab-wrap .tabcontent {
  padding: 15px 0 5px 0px;
  border-top: none;
}

.tab-wrap .tabcontent .form-control {
  width: 100%;
  height: 40px;
  border: 1px solid #efefef;
  padding: 10px;
  border-radius: 4px;
  box-sizing: border-box;
}

.tab-wrap .tabcontent .btn-submit {
  width: 160px;
  height: 40px;
  margin: 10px auto 0 auto;
  display: inherit;
  background: #1796ff;
  border: 0;
  border-radius: 4px;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 0.5px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s;
}

.tab-wrap .tabcontent .btn-submit:hover {
  transform: translateY(-5px);
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.3);
}

.compare-share-popup {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  min-height: 160px;
}

.compare-share-popup::before {
  display: none;
}

.thanks-sharing {
  text-align: center;
  padding: 15px 0px !important;
}

.thanks-sharing .title {
  font-size: 16px;
  margin-bottom: 0;
}

.thanks-sharing .message {
  margin: 10px 0;
  font-size: 14px;
}

.thanks-sharing .close-btn {
  background: #666;
  padding: 10px 20px;
  border: 0;
  color: #fff;
  font-size: 16px;
  letter-spacing: .3px;
  border-radius: 5px;
}

/*  */
.select_quotes_stripe {
  padding: 5px 10px;
  border-radius: 8px;
  box-shadow: 0 6px 16px 0 rgb(52 105 203 / 16%);
  background-color: #ffffff;
  margin: 0 0 16px 0;
  display: flex;
  width: 100%;
  position: relative;
  align-items: center;
}

.select_quotes_stripe .share_btn {
  background: #ff5630;
  color: #fff;
  border: none;
  border-radius: 4px;
  font-size: 18px;
  margin: 5px 5px 5px auto;
  transition: all ease 0.5s;
  font-size: 100%;
  padding: 5px 10px;
}

.select_quotes_stripe .activity-point-btn {
  background: #0064ff;
  color: #fff;
  border: none;
  border-radius: 4px;
  font-size: 18px;
  margin: 5px 5px 5px auto;
  transition: all ease 0.5s;
  font-size: 100%;
  padding: 5px 10px;
}

.select_quotes_stripe .activity-point-btn[disabled] {
  background-color: #ccc !important;
  cursor: not-allowed;
}

.select_quotes_stripe .select_all_checkbox {
  position: relative;
  padding-left: 25px;
}

.select_quotes_stripe .select_all_checkbox input[type="checkbox"] {
  left: 0;
  height: 100%;
  width: 16px;
  position: absolute;
}

.select_quotes_stripe .select_all_checkbox label {
  font-weight: 500;
}

.selected_checkbox {
  position: absolute;
  top: 0;
  left: 10px;
  height: 100%;
  width: 16px;
}

.active_quotes {
  border: 1px solid #1796ff;
}

.share_quote_tab_wrap {
  padding: 10px !important;
}

.tp_crausel {
  margin-bottom: 10px;
}

.tp_crausel .tp_image {
  margin-bottom: 10px !important;
  position: relative;
}

.tp_crausel .tp_selected_checkbox {
  z-index: 9;
  position: absolute;
  top: 0;
  left: -5px;
  height: 100%;
  width: 16px;
}

/* 16-12-2022 */
.logo-image img {
  width: 100%;
}

.quote-tile-inner .logo-image {
  padding-left: 40px;
}

.quote-tile-inner .gareges-link {
  position: relative;
  top: 10px;
}

.Share-PopUP-form .msg-error {
  color: red;
}

@media screen and (max-width:767px) {
  .select_quotes_stripe {
    width: calc(100% - 20px);
    margin: 0px 10px 16px;
    padding: 5px 10px;
  }

  .select_quotes_stripe .share_btn {
    padding: 5px 10px;
    font-size: 12px;
    margin-right: 5px;
  }

  .select_quotes_stripe .select_all_checkbox {
    display: flex;
  }

  .select_quotes_stripe .activity-point-btn {
    font-size: 12px;
    margin-right: 0;
  }

  .select_quotes_stripe .select_all_checkbox label {
    font-size: 12px;
  }
}

/*****************Activity CSS*****************************/
.buy-now-section .gst_price_tag {
  display: flex;
}

.gst_price_tag h4 {
  width: 50%;
}

.gst_price_tag a.breakup-link {
  width: 50%;
}

@media (max-width:767px) {
  .activity-point {
    margin-top: 0;
    justify-content: center;
    padding: 7px 10px !important;
  }
  .buy-now-section {
      display: flex;
      justify-content: space-between;
      width: 100%;
      padding: 0 10px;
    }
    .mobile-view-buynow {
      float: left;
      text-align: left;
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
    }
    .mobile-view-buynow .gst_price_tag{
      margin-top: 0;
    }
    .buy-now-section>div:empty {
      display: none;
    }
}

.activity-point {
  background: #EFEFEF;
  padding: 4px 16px;
  border-radius: 6px;
  font-size: 12px;
  margin-bottom: 10px;
  display: inline-flex;
  justify-content: center;
  height: 30px;
}

.activity-point .icon {
  margin-right: 5px;
  line-height: 1;
}

.plan-feature-lower.Special-Claim-Benefits-hide {
  width: 77%;
  float: left;
}

.error-failed {
  color: #c30808;
  background: transparent;
  text-align: center;
}

.pointer-event-none {
  pointer-events: none;
  cursor: not-allowed;
}

/********************* Toaster ******************************/

.toaster {
  position: fixed;
  right: 10px;
  bottom: 85px;
  /* top: 10px; */
  z-index: 20;
  padding: 15px;
  border: 1px solid;
  border-radius: 5px;
}
.toaster-headline {
  padding-left: 15px;
  position: relative;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
}
.toaster-error {
  background-color: #FF5630;
  color: #fff;
  display: flex;
  border-color: #D93611;
  background-image: url(../images/alerts-icon.svg);
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: 10px 17px;
}
.toaster-pending {
  background-color: #FFCA30;
  color: #fff;
  display: flex;
  border-color: #EBB413;
  background-image: url(../images/pending-icon.svg);
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: 10px 17px;
}
.toaster-success {
  background-color: #4CAF50;
  color: #fff;
  display: flex;
  border-color: #359139;
  background-image: url(../images/success-icon.svg);
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: 10px 17px;
}
.toaseter-close {
  padding-left: 20px;
  line-height: 14px;
  font-size: 20px;
  font-weight: 500;
  color: #fff;
}
.toaster-headline span {
  display: block;
  font-size: 13px;
  opacity: 0.9;
}

.toaster-location-top{
  bottom: inherit;
  top: 10px;
  padding-left: 20px;
  background-image: url(../images/alerts-icon.svg);
}



/********************* Quotes Compare **********************************/

.share-compare-wrap {
  position: fixed;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  border-radius: 100px;
  /* min-width: 600px; */
  z-index: 9;
  padding: 10px 50px;
  box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
}

.share-compare-wrap .share-compare-insurerlist {
  display: flex;
  align-items: center;
}

.share-compare-wrap .share-compare-insurerlist ul {
  display: flex;
}

.share-compare-wrap .share-compare-insurerlist ul li {
  list-style: none;
  width: 110px;
  position: relative;
  border: 1px solid #efefef;
  padding: 10px;
  margin-right: 15px;
  border-radius: 3px;
}

.share-compare-wrap .share-compare-insurerlist ul li img {
  max-width: 100%;
  max-height: 100%;
}

.share-compare-wrap .share-compare-insurerlist ul li .remove-insurer {
  position: absolute;
  top: -10px;
  right: -5px;
}

.share-compare-wrap .share-compare-insurerlist .sharebtn-wrap .compare-btn{
  display: flex;
  align-items: center;
  min-width: 160px;
  margin-right: 10px;
  background: #FF5630;
  padding: 6px 15px;
  border: 0;
  color: #fff;
  font-size: 14px;
  border-radius: 5px;

}
.share-compare-wrap .share-compare-insurerlist .sharebtn-wrap .compare-btn .compare-txt{
  margin-left: 8px;
  display:inline-block;
}
.share-compare-wrap .share-compare-insurerlist .sharebtn-wrap {
  margin-left: 30px;
  display: flex;
  align-items: center;
}

.share-compare-wrap .share-compare-insurerlist .sharebtn-wrap  .clear-btn {
  font-size: 14px;
  color: #999;
  font-weight: 500;
  background: transparent;
  min-width: auto;
  margin:0;
  border: 0;
}

/************ TP/COMP POPUP  ************/
.mb-7 {
  margin-bottom: 1.75rem;
}

.options-wrapper {
  height: 180px;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
.option-labelgroup {
  border: 1px solid #c7c7c7;
  height: 50px;
  border-radius: 5px;
  display: flex;
  align-items: center;
}

.option-labelgroup:hover{
  border: 1px solid #0065FF;
  background-color: #edeff2
}
.option-labelgroup:hover > label{
    color: #0065FF;
}
.option-labelgroup.active{
  border: 1px solid #0065FF;
  background-color: #edeff2
}
.option-checbox {
  width: 20px;
  height: 20px;
  margin: 10px;
}
.options-footer{
  text-align: center;
  margin-top: 20px;
}
.options-footer > .submit-btn{
  width: 80px;
  border-radius: 5px;
  background: #ff5630;
  color: white;
  border: none;
  height: 40px;
}

.ml-27{
  margin-left: 27px !important;
}


/*********************** tp view new look quotes page ****************/

.tp-view .quotes-upper-section {
  position: absolute;
  top: 0;
  left: 50%;
  max-width: 610px;
  display: flex;
  background: transparent !important;
}

.tp-view {
  position: relative;
  background: transparent !important;
  box-shadow: none !important;
  border-bottom: 0 !important;
  margin-bottom: 20px;
}

.tp-view  .vehical-name,.tp-view .other-vehical-details  {
  width: 250px;
}


.tp-view  .vehical-details-edit-section {
  width: 28%;
}

.tp-view  .policy-expiry-edit-section {
  width: 22%;
}

.tp-view .policy-expiry-edit-section .edit-expiry-button {
    margin-right: 0;
}


.tp-view .vehical-details-edit-section .popup {
    width: 140%;
}

.tp-view .addons-btn .popup {
    width: 140%;
}

.tp-view .quotes-upper-section .container-inner {
  display: flex;
  margin: 0;
  width: 100%;
}

.tp-view .quotes-upper-section .plan-type-dropdown.user-selected {
  order: 3;
}

.tp-view .quotes-upper-section .insurer-dropdown,
.tp-view .quotes-upper-section .plan-type-dropdown.user-selected,
.tp-view .quotes-upper-section .addons-btn{
  border: 0;
  box-shadow: none;
}

.tp-view .quotes-upper-section .plan-type-dropdown.user-selected {
  width: 28%;
  margin-right: 0;
  background: #f7f7f7;
  color: #333;
  height: 34px;
  padding: 6px;
  margin-top: 6px;
  cursor: not-allowed;
  border-radius: 4px;
}

.quotes-upper-section .addons-btn {}

.tp-view .quotes-upper-section .addons-btn {
  margin-right: 15px;
  width: 41%;
}

.tp-view .quotes-upper-section .plan-type-dropdown.user-selected .menu-header span {
  display: none;
}

.tp-view .quotes-upper-section .plan-type-dropdown.user-selected label, .tp-view .quotes-upper-section .plan-type-dropdown.user-selected b {
  color: #333;
}

.tp-view .quotes-upper-section .plan-type-dropdown.user-selected .menu-header {
  padding: 0 5px;
}

.tp-view .policy-expiry-edit-section {
  border-right: solid #e6efff 2px !important;
  border-left: solid #e6efff 2px !important;
}

.tp-view .quotes-upper-section .addons-btn .menu-header {
  height: 28px;
  border-right: solid #e6efff 2px !important;
  border-left: solid #e6efff 2px !important;
  margin: 9px 0;
  line-height: 1;
  padding: 8px 12px;
  /* display: inline-flex; */
  align-items: center;
  width: 100%;
  justify-content: space-between;
}

.tp-view .quotes-upper-section .addons-btn .menu-header .wrapper.newinfo {
  /* top: 2px; */
}

.tp-view .addons-popup-section .popup .popup-body {
  height: auto;
}

.tp-view .policy-expiry-edit-section .popup {
    width: 140%;
}

.quotes-upper-section .addons-btn .dropdown {
  margin-top: 5px;
}


/*********************** tp view new look quotes page ****************/

.tp-view .quotes-upper-section {
  position: absolute;
  top: 0;
  left: 50%;
  max-width: 610px;
  display: flex;
  background: transparent !important;
}

.tp-view {
  position: relative;
  background: transparent !important;
  box-shadow: none !important;
  border-bottom: 0 !important;
  margin-bottom: 20px;
}

.tp-view  .vehical-name,.tp-view .other-vehical-details  {
  width: 250px;
}


.tp-view  .vehical-details-edit-section {
  width: 28%;
}

.tp-view  .policy-expiry-edit-section {
  width: 22%;
}

.tp-view .policy-expiry-edit-section .edit-expiry-button {
    margin-right: 0;
}


.tp-view .vehical-details-edit-section .popup {
    width: 140%;
}

.tp-view .addons-btn .popup {
    width: 140%;
}

.tp-view .quotes-upper-section .container-inner {
  display: flex;
  margin: 0;
  width: 100%;
}

.tp-view .quotes-upper-section .plan-type-dropdown.user-selected {
  order: 3;
}

.tp-view .quotes-upper-section .insurer-dropdown,
.tp-view .quotes-upper-section .plan-type-dropdown.user-selected,
.tp-view .quotes-upper-section .addons-btn{
  border: 0;
  box-shadow: none;
}

.tp-view .quotes-upper-section .plan-type-dropdown.user-selected {
  width: 28%;
  margin-right: 0;
  background: #f7f7f7;
  color: #333;
  height: 34px;
  padding: 6px;
  margin-top: 6px;
  cursor: not-allowed;
  border-radius: 4px;
}

.quotes-upper-section .addons-btn {}

.tp-view .quotes-upper-section .addons-btn {
  margin-right: 15px;
  width: 41%;
}

.tp-view .quotes-upper-section .plan-type-dropdown.user-selected .menu-header span {
  display: none;
}

.tp-view .quotes-upper-section .plan-type-dropdown.user-selected label, .tp-view .quotes-upper-section .plan-type-dropdown.user-selected b {
  color: #333;
}

.tp-view .quotes-upper-section .plan-type-dropdown.user-selected .menu-header {
  padding: 0 5px;
}

.tp-view .policy-expiry-edit-section {
  border-right: solid #e6efff 2px !important;
  border-left: solid #e6efff 2px !important;
}

.tp-view .quotes-upper-section .addons-btn .menu-header {
  height: 28px;
  border-right: solid #e6efff 2px !important;
  border-left: solid #e6efff 2px !important;
  margin: 9px 0;
  line-height: 1;
  padding: 8px 12px;
  /* display: inline-flex; */
  align-items: center;
  width: 100%;
  justify-content: space-between;
}

.tp-view .quotes-upper-section .addons-btn .menu-header .wrapper.newinfo {
  /* top: 2px; */
}

.tp-view .addons-popup-section .popup .popup-body {
  height: auto;
}

.tp-view .policy-expiry-edit-section .popup {
    width: 140%;
}

.quotes-upper-section .addons-btn .dropdown {
  margin-top: 5px;
}


/*********************** tp view new look quotes page ****************/

.tp-view .quotes-upper-section {
  position: absolute;
  top: 0;
  left: 50%;
  max-width: 610px;
  display: flex;
  background: transparent !important;
}

.tp-view {
  position: relative;
  background: transparent !important;
  box-shadow: none !important;
  border-bottom: 0 !important;
  margin-bottom: 20px;
}

.tp-view  .vehical-name,.tp-view .other-vehical-details  {
  width: 250px;
}


.tp-view  .vehical-details-edit-section {
  width: 28%;
}

.tp-view  .policy-expiry-edit-section {
  width: 22%;
}

.tp-view .policy-expiry-edit-section .edit-expiry-button {
    margin-right: 0;
}


.tp-view .vehical-details-edit-section .popup {
    width: 140%;
}

.tp-view .addons-btn .popup {
    width: 140%;
}

.tp-view .quotes-upper-section .container-inner {
  display: flex;
  margin: 0;
  width: 100%;
}

.tp-view .quotes-upper-section .plan-type-dropdown.user-selected {
  order: 3;
}

.tp-view .quotes-upper-section .insurer-dropdown,
.tp-view .quotes-upper-section .plan-type-dropdown.user-selected,
.tp-view .quotes-upper-section .addons-btn{
  border: 0;
  box-shadow: none;
}

.tp-view .quotes-upper-section .plan-type-dropdown.user-selected {
  width: 28%;
  margin-right: 0;
  background: #f7f7f7;
  color: #333;
  height: 34px;
  padding: 6px;
  margin-top: 6px;
  cursor: not-allowed;
  border-radius: 4px;
}

.quotes-upper-section .addons-btn {}

.tp-view .quotes-upper-section .addons-btn {
  margin-right: 15px;
  width: 41%;
}

.tp-view .quotes-upper-section .plan-type-dropdown.user-selected .menu-header span {
  display: none;
}

.tp-view .quotes-upper-section .plan-type-dropdown.user-selected label, .tp-view .quotes-upper-section .plan-type-dropdown.user-selected b {
  color: #333;
}

.tp-view .quotes-upper-section .plan-type-dropdown.user-selected .menu-header {
  padding: 0 5px;
}

.tp-view .policy-expiry-edit-section {
  border-right: solid #e6efff 2px !important;
  border-left: solid #e6efff 2px !important;
}

.tp-view .quotes-upper-section .addons-btn .menu-header {
  height: 28px;
  border-right: solid #e6efff 2px !important;
  border-left: solid #e6efff 2px !important;
  margin: 9px 0;
  line-height: 1;
  padding: 8px 12px;
  /* display: inline-flex; */
  align-items: center;
  width: 100%;
  justify-content: space-between;
}

.tp-view .quotes-upper-section .addons-btn .menu-header .wrapper.newinfo {
  /* top: 2px; */
}

.tp-view .addons-popup-section .popup .popup-body {
  height: auto;
}

.tp-view .policy-expiry-edit-section .popup {
    width: 140%;
}

.quotes-upper-section .addons-btn .dropdown {
  margin-top: 5px;
}

/********************* toast list******************************/
.custom_toaster_wraper {
  position: absolute;
  top: 20px;
  right: 20px;
  display: inline-flex;
  justify-content: flex-end;
  flex-direction: column;
  align-items: flex-end;
  z-index: 9;
}
.custom_toaster {
  animation: toaster 1s ;
  background: #fff;
  box-shadow: 0px 0px 4px rgba(0,0,0,.1);
  border-radius: 4px;
  display: inline-flex;
  padding: 5px 5px 5px 10px;
  position: relative;
  margin-bottom: 10px;
  min-width: 180px;
  justify-content: space-between;
}
.custom_toaster .custom_toaster_border {
  position: absolute;
  left: 0;
  width: 4px;
  height: 100%;
  border-radius: 4px 0 0 4px;
  top: 0;
}
.custom_toaster_content {
  display: flex;
  margin-right: 10px;
}
.custom_toaster_content p{
    font-weight: 500;
    font-size: 12px;
    margin-left: 4px;
}
.custom_toaster_close img{
  max-width: 8px;
  margin-right: 5px;
}

.custom_toaster .toasterImg {
    max-width: 18px;
    margin-right: 5px;
}

.toast-error .custom_toaster_border {
  background: #EB3741;
}
.toast-warning .custom_toaster_border {
  background: #FF5630;
}
.toast-info .custom_toaster_border {
  background: #2D76E3;
}
.toast-success .custom_toaster_border {
  background: #14DD59;
}

.toast-error .custom_toaster_content p {
  color: #EB3741;
}
.toast-warning .custom_toaster_content p {
  color: #FF5630;
}
.toast-info .custom_toaster_content p {
  color: #2D76E3;
}
.toast-success .custom_toaster_content p {
  color: #14DD59;
}


@keyframes toaster {
  from {
    opacity: 0;
    transform:translateY(50px)
       }
  to {
    opacity: 1;
    transform:translateY(0)
  }
}

@media (max-width:767px){
  .custom_toaster_wraper {
      position:fixed;
      top:10px;
  }
}
.payDrive {
    padding: 14px 10px 4px 10px;
    background: #FAFAFA;
    margin: 15px 0px 10px 0px;
    position: relative;
}

.payDrive .headline {
    position: relative;
    background: #11BA4A;
    display: inline-block;
    padding: 5px 20px 5px 10px;
    position: absolute;
    top: -12px;
    left: 0;
    color: #fff;
    font-size: 11px;
    font-weight: 500;
}

.payDrive .headline:before {
    content: "";
    border-bottom: 0px solid transparent;
    border-top: 14px solid transparent;
    border-right: 10px solid #fff;
    position: absolute;
    right: -1px;
    top: -2px;
}

.payDrive .headline:after {
    content: "";
    border-top: 0px solid transparent;
    border-bottom: 16px solid transparent;
    border-right: 10px solid #fafafa;
    position: absolute;
    right: -1px;
    bottom: -1.5px;
}

.payDrive p {
    padding-top: 6px;
    font-size: 11px;
    color: #646464;
    font-weight: 500;
    line-height: 16px;
}

.payDrive p .green {
    color: #0D8B38;
    font-weight: 700;
}

.payDrive p a {
    color: #0065FF;
    font-size: 9px;
    text-decoration: underline;
    cursor: pointer;
}

.paydHeadline {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 8px;
}

.paydContent {
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 15px;
}

.paydHowWork {
    padding: 15px !important;
    background: #eefff4;
    border-radius: 8px;
    font-weight: 400;
    margin-bottom: 15px;
}

    .paydHowWork .ttl {
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 5px;
    }

.importantMessage {
    background: #FFF0E2;
    border: 1px solid #FC8517;
    font-weight: 500;
    font-size: 14px;
    margin: 30px 50px 30px 50px;
    padding: 20px 10px 20px 120px !important;
    border-radius: 8px;
    position: relative;
    color: #e07715;
}

.importantMessage .notificationImage {
    position: absolute;
    left: -40px;
    top: -20px;
    transform: rotate(-15deg);
    max-width: 140px;
}

.aboutPlan {
    padding: 20px !important;
    height: 100vh;
    overflow: scroll;
}

@media only screen and (max-width: 767px) {
    .paydHowWork {
        padding: 12px !important;
        margin-bottom: 50px;
    }

        .paydHowWork .ttl {
            font-size: 14px;
            font-weight: 500;
            margin-bottom: 5px;
        }

        .paydHowWork .cntnt {
            font-size: 12px;
            line-height: 20px;
        }

    .aboutPlan {
        height: calc(100% - 100px);
        overflow: scroll;
    }

    .importantMessage .notificationImage {
        left: -16px;
        top: -55px;
        transform: rotate(25deg);
        max-width: 110px;
    }

    .importantMessage {
        font-size: 12px;
        margin: 30px 0px 30px 0px;
        padding: 20px 10px 20px 10px !important;
    }
}