/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
	font-size: 1.5rem;
	color: #0073bd;
}

.ui-menu:hover .ui-menu-item-wrapper:hover {
	background: transparent;
	color: #0073bd;
}

.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	/* Support: IE <= 11 */
	overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {

	/* Support: IE8 only, Android < 4.4 only */
	width: 75%;
	width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}
.ui-checkboxradio-disabled {
	pointer-events: none;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
	display: inline-block;
	border: 1px solid #dddddd;
	background: #fff;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
	border: 1px solid transparent !important;
	background: transparent !important;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0;
}
.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	filter: alpha(opacity=25); /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}
.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}
.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}
body .ui-tooltip {
	border-width: 2px;
}
/* Component containers
----------------------------------*/
.ui-widget {
	font-size: 1.6rem;
}
.ui-widget .ui-widget {
	font-size: 1.6rem;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	/* border: 1px solid #c5c5c5; */
	z-index: 10!important;
}
.ui-widget-content {
	-webkit-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	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,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	/* color: #ffffff; */
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("clientlibs/images/worksite/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("clientlibs/images/worksite/ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("clientlibs/images/worksite/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("clientlibs/images/worksite/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("clientlibs/images/worksite/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("clientlibs/images/worksite/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("clientlibs/images/worksite/ui-icons_777777_256x240.png");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}

/* BLUE SHADES */

/* GRAY SHADES */

/* BLACK/WHITE SHADES */

/* Other Colors */

/* Font Family's */

/* MOUSE Varibles */
@font-face {
    font-family: 'Rubik-Bold';
    src: url("../../../../../../../content/dam/revampbagic/fonts/Rubik-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0-10FFFF;
}

@font-face {
    font-family: 'Rubik-Regular';
    src: url("../../../../../../../content/dam/revampbagic/fonts/Rubik-Regular.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-2084;
}

@font-face {
    font-family: 'Rubik-Light';
    src: url("../../../../../../../content/dam/revampbagic/fonts/Rubik-Light.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-2084;
}

@font-face {
    font-family: 'IndianRupee';
    src: url('../../../../../../../content/dam/bagicextension/fonts/IndianRupee.ttf') format('ttf'), url('../../../../../../../content/dam/bagicextension/fonts/IndianRupee.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.indian-rupee {
    font-family: 'IndianRupee';
    width: auto !important;
}

/* Assign Font Properties - START */

/* line 38, ../sass/_base/_reset.scss */
body,
p,
input,
button,
textarea {
    font-family: "Rubik-Regular";
}

/* line 39, ../sass/_base/_reset.scss */
h1,
h2,
h3,
h4,
h5,
h6,
strong {
    font-family: "Rubik-Regular";
}

/* line 40, ../sass/_base/_reset.scss */
a {
    color: white;
}

/* line 41, ../sass/_base/_reset.scss */
p,
input,
textarea,
button,
a,
li,
label {
    font-size: 1.8rem;
    line-height: 1.4;
}

/* Assign Font Properties - END */

/* line 45, ../sass/_base/_reset.scss */
html {
    font-size: 62.5%;
}

/* line 46, ../sass/_base/_reset.scss */
body {
    font-family: "Rubik-Regular";
    color: #005596;
    overflow-y: hidden;
}

.grp-items-all {
    flex-wrap: wrap;
    justify-content: center;
    display: flex;
    max-height: 185px;
    overflow-y: scroll;
}

.grp-items-all::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.grp-items-all::-webkit-scrollbar {
    width: 8px;
    background-color: #F5F5F5;
}

.grp-items-all::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #555;
}

.summaryNew {
    max-height: 250px;
    overflow-y: scroll;
}

.summaryNew::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.summaryNew::-webkit-scrollbar {
    width: 8px;
    background-color: #F5F5F5;
}

.summaryNew::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #555;
}

.butto-grp.first .grp-items-all {
    overflow: auto !important;
}

.grp-items-all.date {
    max-height: 264px;
}

.grp-items-all.date .button-grp-items {
    width: 10%;
    margin: 0 5px 9px 0px;
}

.boxtwo .declare-radio ul li label {
    width: 300px !important;
}

/* Devendra start 21June2021 */
.quebox {
    display: flex;
    width: 100%;
    margin-top: 10%;
}

.boxchi {
    position: relative;
    width: 400px;
    box-shadow: 0px 1px 50px 0 #959595;
    border-radius: 4px;
    background: #f7f8fb;
    font-size: 14px;
    margin: 10px 12px;
}

.boxchi .heading {
    position: absolute;
    top: 0;
    left: -6px;
    padding: 7px 5px;
    width: 102.7%;
    font-size: 18px;
    color: #ffffff;
    background: #ff9b41;
    text-align: center;
    border: none;
    box-shadow: 0px 11px 3px -8px #bdbdbd;
}

.content {
    position: static;
    margin-top: 17%;
    margin-bottom: 17px;
}

/* Devendra end 21June2021 */

/*devendra start whatsapp css 23June 2020 */
.whatsappno span img {
    width: 27px;
    height: 27px;
}

.quest1.steps .sendQuote {
    top: -13px;
}

.quest1 .button-grp-items {
    min-width: 220px;
}

.sendQuote .whatsappno {
    position: relative;
    padding-left: 20px;
    top: 8px;
}

.sendQuote .whatsappno.active:before {
    border-radius: 4px;
    width: 22px;
    height: 20px;
    top: 0px;
    background: #0071bb url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
    background-color: #0071bb;
    background-position: -367px -467px;
    content: '';
    position: absolute;
    z-index: 1;
    cursor: pointer;
    margin-left: -32px;
}

.sendQuote .whatsappno:before {
    border-radius: 4px;
    width: 22px;
    height: 20px;
    top: 0px;
    background: none;
    background-color: #b2b2b2;
    background-position: -367px -467px;
    content: '';
    position: absolute;
    z-index: 1;
    cursor: pointer;
    margin-left: -32px;
}

/*devendra end whatsapp css 23June 2020 */

/*15May-2020 poonam changes start*/
.display_mobile {
    display: none;
}

.summary_edit {
    margin-left: 17px;
    color: #898989;
    font-size: 12px;
    cursor: pointer;
}

.convey_benefit {
    display: none;
}

/*devendra start corona css 23June 2020 */
.coronacheckbox {
    position: relative;
    padding-left: 12px;
    top: 8px;
    width: 65% !important;
    left: 89px;
    text-align: left;
}

.coronacheckbox.active:before {
    border-radius: 4px;
    width: 24px;
    height: 22px;
    top: 8px;
    background: #0071bb url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
    background-color: #0071bb;
    background-position: -367px -467px;
    content: '';
    left: -26px;
    position: absolute;
    z-index: 1;
    cursor: pointer;
}

.coronacheckbox:before {
    border-radius: 4px;
    width: 24px;
    height: 22px;
    top: 8px;
    background: none;
    background-color: #b2b2b2;
    background-position: -367px -467px;
    content: '';
    left: -26px;
    position: absolute;
    z-index: 1;
    cursor: pointer;
}

/*devendra end corona css 23June 2020 */

/*15May-2020 poonam changes end*/

/* flipkart-poonam-start 5may-2020 */

/*     .stepsWrapper .myCar .stepCircle .btn.nextBtn.getQuote {left: 118px;} */

/*     .span12.drpWrapper.regDate.current_po.policyExpireFir{display:none !important} */
.span8.customSelect.centered {
    width: 100%
}

.stepsWrapper .myCar .stepCircle #bikeMake {
    max-width: 384px;
    width: 100% !important;
    font-size: 2.0rem;
}

.popupSec.disclaimerContentWrap {
    display: none;
}

.popupSec.callbackthankyou {
    display: none;
    position: absolute;
    background: rgb(255, 255, 255);
    top: 31%;
    left: 24%;
    padding: 10px;
}

.flipkart-new .callBack p {
    display: none;
}

.communicationSec.visible.flipkart-new {
    position: static !important;
}

.callBack {
    display: none;
}

.flipkart-new .callBack {
    position: absolute;
    right: 134px;
    top: 13px;
    width: 9%;
    display: block;
}

/*.callBack{position: absolute; right: 76px;top: 21px;width: 13%;display: block;}*/
.popupSec.callbackthankyou {
    display: none;
    position: absolute;
    background: rgb(255, 255, 255);
    top: 31%;
    left: 24%;
    padding: 10px;
    z-index: 999;
    width: 54%;
}

.popupSec.callbackthankyou .closePop {
    right: 2px;
    top: 11px;
}

.popupSec.disclaimerContentWrap {
    display: none;
    position: absolute;
    background: rgb(255, 255, 255);
    top: 31%;
    left: 24%;
    padding: 10px;
}

/* flipkart-poonam-start 5may-2020 */

/****** added by poonam 17sep19 start****/

/* Devendra start 09-09-2019 */

/*.tp-od{box-shadow: 0 0px 10px 1px rgba(0, 0, 0, 0.2) !important; border-radius: 20px !important;}*/
#current_tp {
    background: #fff;
}

.tp-od .premiumBreakCol {
    max-width: 217px !important;
}

.span12 .policy_que {
    float: none !important;
    position: relative !important;
    display: inline-block !important;
    left: 0 !important;
}

.radioWrapper.anyClaim ul {
    float: none !important;
    position: relative !important;
    display: inline-block !important;
    left: 0 !important;
}

.policy_que ul {
    padding: 15px;
}

.tp-od .colTitle {
    font-size: 1.5rem !important;
}

.tp-od .preWrap p {
    color: #0080c9 !important;
    font-family: "Rubik-Regular";
    font-size: 1.4rem !important;
    margin-right: 10px;
}

.tp-od .premiumSection .premiumBreakCol .preWrap {
    border-right: 1px solid #ff9b41ba;
}

.tp-od {
    padding: 8px;
    margin: 17px 0px !important;
    position: static !important;
    box-shadow: 0 0px 10px 1px rgba(0, 0, 0, 0.2) !important;
    border-radius: 20px !important;
    border: none !important;
    width: 42% !important;
    padding-left: 11px !important;
}

.tp-od .tickIcon {
    top: 7px !important;
}

.vertical-space {
    display: block;
    width: 100%;
    margin: 0;
    clear: both;
    border: 0 none;
}

.tp-od .premiumSection .premiumBreakCol {
    width: 100%
}

/* Devendra end 09-09-2019 */
.vertical-space {
    display: block;
    width: 100%;
    margin: 0;
    clear: both;
    border: 0 none;
    height: 15px;
}

.pay_theft_div {
    display: flex;
    padding: 18px 15px;
}

.pay_go_change,
.theft_cover {
    border-radius: 10px;
    background: #fff;
    display: inline-block;
    box-shadow: 0 0px 1px 1px rgb(0 0 0 / 20%) !important;
    padding: 18px 15px;
    width: 50%;
    margin-right: 10px;
}

.pay_go_change h4,
.theft_cover h4 {
    margin-bottom: 13px !important;
}

.theft_cover .rowline {
    width: 50% !important;
    display: inline-block;
    margin-bottom: 0px;
}

.pay_go_change .car-owner,
.theft_cover .car-owner {
    margin-top: 0;
    align-items: center;
}

.pay_go_change .second-row {
    width: 27% !important;
    padding-bottom: 0px !important;
}

.pay_go_change .first-row {
    width: 46% !important;
    padding-bottom: 0px !important;
}

.theft_cover .declare-radio {
    margin-bottom: 13px;
    border-bottom: 1px solid #c5c5c5;
}

.carincpanel .leftpanel .declare-radio ul li {
    border-bottom: 1px solid #e4e4e4;
    padding: 12px 0 13px;
    position: relative;
}

.theft_cover .declare-radio label {
    font-size: 15px !important;
    display: inline-block !important;
    width: auto !important;
}

.theft_cover .rowline .inputWrap input {
    display: inline-block;
    border-bottom: 1px solid #0071bb;
    margin-left: 7px;
    color: #ff9b41;
    font-size: 1.8rem;
}

.premiumSpan {
    margin-left: 17px;
    font-size: 2.8rem;
}

.coverSpanpremium {
    width: 100%;
}

/* Devendra end 09-09-2019 */
.vertical-space {
    display: block;
    width: 100%;
    margin: 0;
    clear: both;
    border: 0 none;
    height: 15px;
}

/****** added by poonam 17sep19 end****/

/* line 48, ../sass/_base/_reset.scss */
* {
    margin: 0;
    padding: 0;
    outline: none;
    list-style: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
}

/* line 58, ../sass/_base/_reset.scss */

/****Added by Poonam 09th sep 2019 Start****/
.nextBtn.disabled {
    cursor: not-allowed;
    background: #d8d8d7;
    border-color: #a9a6a3;
    pointer-events: none;
    opacity: 0.5;
}

/****Added by Poonam 09th sep 2019 end****/
.backdiv {
    position: relative;
    top: -95px;
    float: left;
}

.backdiv.payscr {
    position: relative;
    top: -64px;
    float: left;
}

.backdiv .backBtn {
    width: 52px;
    height: 52px;
    background-color: #eaeaea;
    border-radius: 50%;
    position: absolute;
    display: block;
    margin: 0 auto;
}

.backdiv .backBtn span {
    height: 24px;
    width: 24px;
    display: block;
    position: relative;
    overflow: hidden;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.backdiv .backBtn span:before {
    content: '';
    height: 12px;
    width: 12px;
    display: block;
    border: 3px solid #ff9b41;
    border-left-width: 0;
    border-top-width: 0;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    position: absolute;
    top: 5px;
    left: 7px;
}

.tabmake {
    margin-top: 3%;
}

.tabmake span {
    width: 22%;
    height: 43px;
    border: 1px solid hsl(0deg 0% 39% / 27%);
    padding: 5px 14px;
    margin: 10px 11px;
    background: #b4b7b7;
}

.tabmake span.active {
    background: #0071bb;
    color: #fff;
    border: 1px solid #005892;
}

.backdiv .backBtn:hover {
    background: #ff9b41;
    border: 1px solid #fff;
}

.backdiv .backBtn:hover span:before {
    border: 3px solid #fff;
    border-left-width: 0;
    border-top-width: 0;
}

/* Devendra start 09-09-2019 */
.span12 .policy_que {
    float: none;
    position: relative;
    display: inline-block;
}

.policy_que label {
    float: none !important;
}

.policy_que ul {
    margin-left: 15px;
}

/* Devendra end 09-09-2019 */

/* Devendra start 09-09-2019 */
.makePayemnt.disable,
.proceed.disable,
.button-grp-items-larg.disable {
    opacity: 0.4;
    position: relative;
    cursor: default;
}

/* Devendra end 09-09-2019 */
a {
    text-decoration: none;
    outline: none;
    color: #005596;
}

/* line 59, ../sass/_base/_reset.scss */
a:hover {
    text-decoration: none;
}

/* line 60, ../sass/_base/_reset.scss */
img {
    border: none;
    max-width: 100%;
    vertical-align: top;
    border: none;
}

/* line 61, ../sass/_base/_reset.scss */
html {
    width: 100%;/* overflow-x: hidden; */
    -webkit-text-size-adjust: 100%;
}

/* line 63, ../sass/_base/_reset.scss */
p,
.ul,
h1,
h2,
h3,
h4,
h5,
h6 {
    padding-bottom: 5px;
}

/* line 65, ../sass/_base/_reset.scss */
h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1;
}

/* line 66, ../sass/_base/_reset.scss */
h1 {
    font-size: 5rem;
}

/* line 67, ../sass/_base/_reset.scss */
h2 {
    font-size: 3.3rem;
}

/* line 68, ../sass/_base/_reset.scss */
h3 {
    font-size: 3rem;
    font-family: "Rubik-Bold";
}

/* line 69, ../sass/_base/_reset.scss */
h4 {
    font-size: 2.2rem;
    font-family: "Rubik-Bold";
}

/* line 70, ../sass/_base/_reset.scss */
h5 {
    font-size: 2rem;
}

/* line 71, ../sass/_base/_reset.scss */
h6 {
    font-size: 1.6rem;
}

/* line 72, ../sass/_base/_reset.scss */
h3 a,
h4 a,
h5 a,
h6 a {
    font-size: inherit;
    text-decoration: underline;
}

/* line 73, ../sass/_base/_reset.scss */
table,
table tr td,
table tr th {
    border: none;
}

/* line 74, ../sass/_base/_reset.scss */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* line 76, ../sass/_base/_reset.scss */
input,
textarea {
    outline: none;
}

/* line 78, ../sass/_base/_reset.scss */
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
section,
summary,
mark {
    float: left;
    width: 100%;
}

/* line 79, ../sass/_base/_reset.scss */
.fl {
    float: left !important;
}

/* line 80, ../sass/_base/_reset.scss */
.fr {
    float: right !important;
}

/* line 82, ../sass/_base/_reset.scss */
input[type=submit],
input[type=button],
button[type=submit] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    outline: none;
}

/* line 1, ../sass/_base/_common.scss */
::selection {
    background: #fc8f3d;
    color: #fff;
}

/* line 2, ../sass/_base/_common.scss */
input::-webkit-input-placeholder {
    color: #b6b6b6;
}

::-moz-placeholder {
    color: #b6b6b6;
}

input:-moz-placeholder {
    color: #b6b6b6;
}

/* Grid CSS - START */

/* line 6, ../sass/_base/_common.scss */
.span2 {
    width: 50%;
    padding: 0 15px;
    float: left;
}

/* line 11, ../sass/_base/_common.scss */
.span3 {
    width: 33.3%;
    padding: 0 15px;
    float: left;
    position: relative;
}

/* line 17, ../sass/_base/_common.scss */
.span4 {
    width: 25%;
    padding: 0 15px;
    float: left;
}

/* line 22, ../sass/_base/_common.scss */
.span5 {
    width: 20%;
    padding: 0 15px;
    float: left;
}

/* line 27, ../sass/_base/_common.scss */
.span40 {
    width: 40%;
    padding: 0 15px;
    float: left;
}

/* line 32, ../sass/_base/_common.scss */
.span60 {
    width: 60%;
    padding: 0 15px;
    float: left;
}

/* line 37, ../sass/_base/_common.scss */
.span6 {
    width: 66.6%;
    padding: 0 15px;
    float: left;
}

/* line 42, ../sass/_base/_common.scss */
.span8 {
    width: 75%;
    padding: 0 15px;
    float: left;
}

/* line 47, ../sass/_base/_common.scss */
.span9 {
    width: 80%;
    padding: 0 15px;
    float: left;
}

/* line 52, ../sass/_base/_common.scss */
.span10 {
    width: 90%;
    padding: 0 15px;
    float: left;
}

/* line 57, ../sass/_base/_common.scss */
.span12 {
    width: 100%;
    padding: 0 5px;
    float: left;
    padding-top: 2%;
}

/* line 63, ../sass/_base/_common.scss */
.centered {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    z-index: 1;
}

/* Grid CSS - END */

/* line 71, ../sass/_base/_common.scss */
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

select::-ms-expand {
    display: none;
}

.top-space {
    margin-top: 12px;
}

/* line 78, ../sass/_base/_common.scss */
.container {
    width: 100%;
    margin: 0 auto;
    padding: 0 40px;
    max-width: 1440px;
    position: relative;
}

/* line 86, ../sass/_base/_common.scss */
.mainHeader {
    background: #0071bb;
    padding: 0 0 22px;
    position: relative;
}

/* line 158, ../sass/_base/_mixins.scss */
.mainHeader .container:after {
    content: "";
    clear: both;
    display: block;
}

/* line 93, ../sass/_base/_common.scss */

/*******Added on 18th March 2019 Start**********/
.mainHeader .logoSec {
    float: left;
    width: 25%;
    margin: 10px 0px 0px 10px;
}

/*******Added on 18th March 2019 End**********/

/* line 97, ../sass/_base/_common.scss */
.mainHeader .logoSec a {
    display: inline-block;
}

/* line 103, ../sass/_base/_common.scss */
.carInsurance {
    width: 100%;
    float: left;
    position: relative;
}

/* line 108, ../sass/_base/_common.scss */
.carInsurance.blueBg {
    background-image: linear-gradient(#ffffff, #e4faff);
}

/* line 111, ../sass/_base/_common.scss */
.carInsurance .topFixStep {
    padding: 8px 0;
    padding-top: 30px;
}

/* line 114, ../sass/_base/_common.scss */
.carInsurance .topFixStep.fixStep {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 13;
    padding-top: 5px;
    -webkit-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
    left: 0;
    background: #fff;
    padding: 15px 0;
}

/* line 124, ../sass/_base/_common.scss */
.carInsurance .titleSec h1 {
    font-size: 3rem;
    color: #4f4f4f;
    font-family: "Rubik-Regular";
    font-weight: normal;
    line-height: 30px;
    text-align: center;
    padding-bottom: 20px;
}

/* line 134, ../sass/_base/_common.scss */
.carInsurance .summaryWrapper {
    width: 100%;
    max-width: 380px;
    height: 343px;
    position: absolute;
    left: 50px;
    top: 200px;
    background-color: #fff;
    padding: 20px 23px;
    border: 1px solid #67dddf;
    border-right: 4px solid #67dddf;
    z-index: 2;
    display: none;
}

/* line 150, ../sass/_base/_common.scss */
.carInsurance .summaryWrapper:before {
    content: '';
    height: 0;
    width: 0;
    display: block;
    border: 10px transparent solid;
    border-right-width: 0;
    border-left-color: #67dddf;
    position: absolute;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    top: 50%;
    right: -12px;
}

/* line 163, ../sass/_base/_common.scss */
.carInsurance .summaryWrapper .span12 {
    padding: 5px 0;
}

/* line 167, ../sass/_base/_common.scss */
.carInsurance .summaryWrapper h2 {
    font-size: 2rem;
    color: #000;
    font-weight: normal;
}

/* line 174, ../sass/_base/_common.scss */
.carInsurance .summaryWrapper label {
    float: left;
    color: #838383;
    font-size: 1.4rem;
    width: 35%;
}

/* line 181, ../sass/_base/_common.scss */
.carInsurance .summaryWrapper p {
    float: right;
    color: #0071bb;
    font-size: 1.3rem;/******Added by Samina on 26th Sep 2018*********/
    padding: 0 20px 0 0;
    position: relative;
    width: 65%;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* line 192, ../sass/_base/_common.scss */
.carInsurance .summaryWrapper p span.icon {
    background: url("../../../../../../../content/dam/bagicextension/motor-insurance/sprite-img.png") 0 -304px no-repeat;
    width: 17px;
    height: 12px;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    cursor: pointer;
}

/* line 204, ../sass/_base/_common.scss */
.carInsurance .stepsNumber {
    width: 790px;
    margin: 30px auto 38px;
}

/* line 158, ../sass/_base/_mixins.scss */
.carInsurance .stepsNumber:after {
    content: "";
    clear: both;
    display: block;
}

/* line 208, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar {
    counter-reset: step;
}

/* line 210, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li {
    width: calc(33.4% - 2px);
    float: left;
    position: relative;
    height: 9px;
}

/* line 215, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li:after {
    content: "";
    width: 2px;
    height: 5px;
    background: #a1a1a1;
    position: absolute;
    left: 8px;
    top: 15px;
}

/* line 225, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li.active .proText {
    color: #4f4f4f;/* bottom: -35px; */
}

/* line 231, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li.active>span span:after {
    display: block;
}

.renewPolicy {
    font-size: 1.5rem;
    text-decoration: underline;
}

/* line 237, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li>span {
    width: 100%;
    height: 15px;
    float: left;
    background: url(../../../../../../../content/dam/bagicextension/motor-insurance/progress-bar-bg-1.png) repeat-x 0 0;
    right: 0;
    position: absolute;
}

/* line 244, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li>span span {
    width: 0px;
    height: 16px;
    background: url(../../../../../../../content/dam/bagicextension/motor-insurance/progress-bar.png) no-repeat 0 0;
    display: block;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
    margin: 0 0 0 -1px;
    position: relative;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    overflow: visible !important;/* Added by Bhavesh on 17-09-2018 */
}

/* line 253, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li>span span:after {
    content: "";
    width: 40px;
    height: 40px;
    background: url(../../../../../../../content/dam/bagicextension/motor-insurance/tyre-progress-bar.png) no-repeat 0 0;
    position: absolute;
    right: -16px;
    bottom: 16px;
    display: none;
}

.carInsurance .stepsNumber .step-progressbar li>span span.active:after {

    /* Added by Bhavesh on 17-09-2018 */

    /* transform: rotate(359deg);
    transition: all 0.5s ease-in infinite; */
    animation: tyreAnim 2s infinite linear;
    -webkit-animation: tyreAnim 2s infinite linear;
}

@keyframes tyreAnim {

    /* line 951, ../sass/_base/_common.scss */
    from {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transition: all 10s ease-in;
    }

    /* line 956, ../sass/_base/_common.scss */
    to {
        transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transition: all 10s ease-in;
    }

}

@keyframes tyreAnim {

    /* line 951, ../sass/_base/_common.scss */
    from {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transition: all 10s ease-in;
    }

    /* line 956, ../sass/_base/_common.scss */
    to {
        transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transition: all 10s ease-in;
    }

}

/* line 263, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li>span span em {
    font-size: 1.8rem;
    color: #6b6b6b;
    border: 1px solid #aeaeae;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    position: absolute;
    background: #fff;
    font-style: normal;
    text-align: center;
    padding: 2px 10px;
    min-width: 51px;
    height: 38px;
    right: -76px;
    top: -12px;
    display: none;
    line-height: 32px;
    z-index: 1;
}

.carInsurance .stepsNumber .step-progressbar li.active>span span em {
    display: block;
}

/* line 281, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li>span span em:after,
.carInsurance .stepsNumber .step-progressbar li>span span em:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

/* line 291, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li>span span em:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 8px;
    margin-top: -8px;
}

/* line 297, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li>span span em:before {
    border-color: rgba(0, 0, 0, 0);
    border-right-color: #6d6c6c;
    border-width: 9px;
    margin-top: -9px;
}

/* line 306, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li .proText {
    color: #4f4f4f;
    font-weight: normal;
    font-family: "Rubik-Regular";
    position: absolute;
    bottom: -40px;
    left: -10px;
    white-space: nowrap;
    font-size: 1.6rem;
}

/* line 317, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li:nth-child(1)>span {
    -webkit-border-radius: 10px 0 0 10px;
    -moz-border-radius: 10px 0 0 10px;
    -ms-border-radius: 10px 0 0 10px;
    border-radius: 10px 0 0 10px;
}

/* line 320, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li:nth-child(1) .proText {
    left: -35px;
}

/* line 325, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li:nth-child(2):after {
    left: -2px;
}

/* line 328, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li:nth-child(2) .proText {
    left: -53px;
}

/* line 331, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li:nth-child(2)>span {

    /*@include border-radius(0 10px 10px 0);*/
}

/* line 333, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li:nth-child(2)>span span {
    background-position: -261px 0;
    -webkit-border-radius: 0 10px 10px 0;
    -moz-border-radius: 0 10px 10px 0;
    -ms-border-radius: 0 10px 10px 0;
    border-radius: 0 10px 10px 0;
}

/* line 340, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li:nth-child(2).filled>span span {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
}

/* line 342, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li:nth-child(2).filled>span span em {
    display: none !important;
}

/* line 350, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li:nth-child(3):after {
    left: -2px;
}

/* line 353, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li:nth-child(3) .proText {

    /* left: -28px; */
}

/* line 356, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li:nth-child(3)>span {
    -webkit-border-radius: 0 10px 10px 0;
    -moz-border-radius: 0 10px 10px 0;
    -ms-border-radius: 0 10px 10px 0;
    border-radius: 0 10px 10px 0;
}

/* line 358, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li:nth-child(3)>span span {
    background-position: -522px 0;
    -webkit-border-radius: 0 10px 10px 0;
    -moz-border-radius: 0 10px 10px 0;
    -ms-border-radius: 0 10px 10px 0;
    border-radius: 0 10px 10px 0;
}

/* line 364, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li:last-child {
    width: 3px;
}

/* line 366, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li:last-child:after {
    left: -8px;
}

/* line 369, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li:last-child .proText {
    left: -50px;
}

/* line 372, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li:last-child>span {
    width: 0;
}

/* line 378, ../sass/_base/_common.scss */
.carInsurance .stepsNumber .step-progressbar li.filled>span span {
    -webkit-border-radius: 10px 0 0 10px;
    -moz-border-radius: 10px 0 0 10px;
    -ms-border-radius: 10px 0 0 10px;
    border-radius: 10px 0 0 10px;
}

.rowline .rangeBar {
    width: 50% !important;
}

/* line 388, ../sass/_base/_common.scss */
.stepsWrapper {
    width: 100%;
    float: left;/* Devendra start 21June2021 */
    display: flex;
    justify-content: center;/* Devendra end 21June2021 */
}

.stepsWrapper.carincpanel {
    margin-top: 30px;
}

/* line 391, ../sass/_base/_common.scss */
.stepsWrapper .myCar {
    width: 100%;
    float: left;
}

/* line 395, ../sass/_base/_common.scss */
.stepsWrapper .myCar .stepCircle {
    width: 50%;
    height: 500px;
    background-color: #fff;
    box-shadow: 0px 0px 50px #e6eaeb;
    position: relative;
    z-index: 1;
    margin: 0 auto;
    zoom: 85%;
    border-radius: 10px !important;
    padding: 1%;
}

/* line 408, ../sass/_base/_common.scss */
.stepsWrapper .myCar .stepCircle .quest1 {
    width: 100%;
    height: 100%;
    padding: 1%;
    zoom: 100%;
}

.quest2 {
    width: 100%;
    height: 100%;
    padding: 1%;
    zoom: 100%;
}

/* line 413, ../sass/_base/_common.scss */
.stepsWrapper .myCar .stepCircle label {
    width: 100%;
    float: left;
    font-size: 2.2rem;
    color: #000;
    margin-top: 11px;/* Added by Bhavesh on 17-09-2018 */
}

/* line 418, ../sass/_base/_common.scss */
.stepsWrapper .myCar .stepCircle input {
    float: left;
    border-bottom: 1px solid #ccc;
    background: none;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    position: relative;
    text-align: center;
    font-size: 2.2rem;/* line-height: 2.5; */
    color: rgb(65, 74, 83);
    padding-bottom: 3px;/* text-transform: capitalize; */
    width: 100%;
    max-width: 315px;
}

.stepsWrapper .myCar .stepCircle input#myDob {
    text-transform: none;
}

/* line 431, ../sass/_base/_common.scss */
.stepsWrapper .myCar .stepCircle .iconSec {
    width: 83px;
    height: 50px;
    border-bottom: 1px solid #cecece;
    position: relative;
    margin: 0 auto;
}

/* line 441, ../sass/_base/_common.scss */
.stepsWrapper .myCar .stepCircle .iconSec:before {
    width: 62px;
    height: 62px;
    background-color: #ffffff;
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}

/* line 453, ../sass/_base/_common.scss */
.stepsWrapper .myCar .stepCircle .iconSec span {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

/* line 463, ../sass/_base/_common.scss */
.stepsWrapper .myCar .stepCircle .quest1 .iconSec span,
.stepsWrapper .myCar .stepCircle .quest6 .iconSec span {
    background: url("../../../../../../../content/dam/bagicextension/motor-insurance/sprite-img.png") 0 0 no-repeat;
    width: 53px;
    height: 45px;
}

/* line 474, ../sass/_base/_common.scss */
.stepsWrapper .myCar .stepCircle .quest2 .iconSec span {
    background: url("../../../../../../../content/dam/bagicextension/motor-insurance/sprite-img.png") 7px -332px no-repeat;
    width: 53px;
    height: 45px;
}

/* line 481, ../sass/_base/_common.scss */
.stepsWrapper .myCar .stepCircle .quest2 .radioWrapper {
    position: relative;
    width: 100%;
    margin-bottom: 30px;
    margin: 0 auto;
}

/* line 491, ../sass/_base/_common.scss */
.stepsWrapper .myCar .stepCircle .quest3 .iconSec span {
    background: url("../../../../../../../content/dam/bagicextension/motor-insurance/sprite-img.png") 0 -54px no-repeat;
    width: 53px;
    height: 45px;
}

/* line 502, ../sass/_base/_common.scss */
.stepsWrapper .myCar .stepCircle .quest44 .iconSec span {
    background: url("../../../../../../../content/dam/bagicextension/motor-insurance/sprite-img.png") 0 -114px no-repeat;
    width: 53px;
    height: 45px;
}

.stepsWrapper .myCar .stepCircle .quest4 .iconSec span {
    background: url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite-img.png) 0 -55px no-repeat;
    width: 53px;
    height: 45px;
}

/* line 514, ../sass/_base/_common.scss */
.stepsWrapper .myCar .stepCircle .quest4 .regDate {
    margin-top: 30px;
}

.planDetails {
    display: flex;
    margin: 12px;
}

.planDetails .rowline {
    width: 26% !important;
    border-radius: 12px;
    border: solid 2px;
    padding: 17px !important;
    margin: 10px !important;
}

.premiumDetails .rowline {
    width: 14% !important;
    border-radius: 12px;
    border: solid 2px;
    padding: 17px !important;
    margin: 10px !important;
    box-shadow: 16px 11px 6px -6px #bdbdbd;
}

.rangeBar input {
    width: 100%;
}

.premiumDetails {
    margin: 14px;
    margin-left: 17px;
}

.premiumyr {
    font-size: 1.6rem;
    font-weight: bold;
    color: #4f4f4f !important;
}

.premiumamt {
    font-size: 2.3rem;
}

.planDetails .rowline span {
    font-size: 2.2rem;
}

.planDetails .coverDetails h4 {
    color: #4f4f4f !important;
    font-size: 1.8rem !important;
}

.rowline.coverDetails:hover {
    cursor: pointer;
    color: #f89c30;
    box-shadow: 0px 0px 10px 5px #bdbdbd;
}

.boxthree .declare-radio.checkboxStyle {
    padding-left: 24px;
    overflow-y: auto;
    height: 235px;
}

.boxthree .declare-radio.checkboxStyle::-webkit-scrollbar {
    width: 8px;
    background-color: #F5F5F5;
}

.boxthree .declare-radio.checkboxStyle::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    background-color: #555;
}

.rowline.coverDetails.active {
    cursor: pointer;
    color: #f89c30;
    box-shadow: 0px 0px 10px 5px #bdbdbd;
}

.planDetails .coverDetails span {
    position: inherit;
    bottom: 0px;
    top: 200px;
    height: 22px;
}

.planDetails .rowline p {
    font-size: 1.3rem;
    color: #4f4f4f !important;
}

.ncbDiv .radioWrapper {
    float: left;
    width: 100%;
}

.ncbDiv {
    margin-top: 10px;
}

.claimOnlast .radioWrapper ul li label {
    padding: 3px 9px 3px 9px !important;
    font-size: 1.5rem;
}

.claimOnlast label,
.reducePrem label {
    float: left;
    font-size: 1.6rem;
}

.ncbDiv label {
    font-size: 1.6rem;
}

.reducePrem .radioWrapper ul li label {
    padding: 3px 9px 3px 9px !important;
    font-size: 1.5rem;
}

.planDetails .rowline .selectedText {
    font-size: 2.2rem;
}

.ncbDiv .button-grp-items span {
    top: 2% !important;
    font-size: 1.4rem !important;
}

.ncbDiv .button-grp-items {
    width: 10% !important;
    height: 28px !important;
    margin: 0 0px 4px 5px !important;
    min-width: 40px !important;
}

.claimOnlast,
.reducePrem {
    padding-bottom: 35px;
}

#TP_NetPremium,
#TP_GST,
#TP_SCPA {
    font-weight: bold;
}

.premiumfinalBreak {
    border: solid 1px;
    position: sticky;
    bottom: 0;
    z-index: 9;
    padding-right: 4px;
    border-radius: 6px;
    background-color: white;
}

#makeModel {
    padding: 8px;
    line-height: 1.0;
}

.finalEVprem {
}

/* line 521, ../sass/_base/_common.scss */
.stepsWrapper .myCar .stepCircle .quest5 .iconSec span {
    background: url("../../../../../../../content/dam/bagicextension/motor-insurance/sprite-img.png") 0 -171px no-repeat;
    width: 53px;
    height: 45px;
}

/* line 532, ../sass/_base/_common.scss */
.stepsWrapper .myCar .stepCircle .quest55 .iconSec span {
    background: url("../../../../../../../content/dam/bagicextension/motor-insurance/sprite-img.png") 0 -225px no-repeat;
    width: 53px;
    height: 50px;
}

/* line 541, ../sass/_base/_common.scss */
.stepsWrapper .myCar .stepCircle .questionsCont {
    position: relative;
    width: 100%;
    float: left;
    text-align: center;
    padding-top: 0%;
}

/* line 550, ../sass/_base/_common.scss */
.stepsWrapper .myCar .stepCircle .nextBtn,
.shadow .wheelWrap .nextBtn {
    width: 50px;
    height: 50px;
    background-color: #ff9b41;
    border-radius: 50%;
    left: 20%;
    display: block;
    margin: 0 auto;
}

.stepsWrapper .myCar .stepCircle .backBtn,
.shadow .wheelWrap .backBtn {
    width: 40px;
    height: 40px;
    background-color: #eaeaea;
    border-radius: 50%;
    position: absolute;
    display: block;
    margin: 0 auto;
}

/* line 560, ../sass/_base/_common.scss */
.stepsWrapper .myCar .stepCircle .nextBtn span,
.shadow .wheelWrap .nextBtn span {
    height: 24px;
    width: 24px;
    display: block;
    position: relative;
    overflow: hidden;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.stepsWrapper .myCar .stepCircle .backBtn span {
    height: 24px;
    width: 24px;
    display: block;
    position: relative;
    overflow: hidden;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/* line 561, ../sass/_base/_common.scss */
.stepsWrapper .myCar .stepCircle .nextBtn span:before,
.shadow .wheelWrap .nextBtn span:before {
    content: '';
    height: 10px;
    width: 10px;
    display: block;
    border: 2px solid #fff;
    border-left-width: 0;
    border-top-width: 0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    position: absolute;
    top: 7px;
    left: 9px;
}

.stepsWrapper .myCar .stepCircle .backBtn span:before,
.shadow .wheelWrap .backBtn span:before {
    content: '';
    height: 12px;
    width: 12px;
    display: block;
    border: 3px solid #ff9b41;
    border-left-width: 0;
    border-top-width: 0;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    position: absolute;
    top: 5px;
    left: 7px;
}

.shadow .wheelWrap .backBtn span:before {
    top: 12px !important;
    left: 16px !important;
}

.stepsWrapper .myCar .stepCircle .backBtn:hover span:before {
    border: 3px solid #fff;
    border-left-width: 0;
    border-top-width: 0;
}

/* line 562, ../sass/_base/_common.scss */
.stepsWrapper .myCar .stepCircle .nextBtn span:after,
.shadow .wheelWrap .nextBtn span:after {
    content: '';
    height: 2px;
    width: 20px;
    display: block;
    background: #fff;
    position: absolute;
    top: 12px;
    left: 0px;
}

.stepsWrapper .myCar .stepCircle .nextBtn.getQuote {
    max-width: 181px;
    min-width: 181px;
    font-family: 'Rubik-Bold';
    color: #fff;
    width: 181px;
    line-height: 45px;
    border-radius: 100px;
    text-align: center;
    bottom: 40px;/* Added by Bhavesh on 17-09-2018 */
    padding: 5px 0;
}

/* line 567, ../sass/_base/_common.scss */
.stepsWrapper .buildInsPlan {
    position: absolute;
    width: 30%;
    top: 300px;
    font-size: 3rem;
    color: #3a3a3a;
    font-family: 'Rubik-Bold';
    left: 80px;
    z-index: 1;
}

/* line 578, ../sass/_base/_common.scss */
.stepsWrapper .almostDone {
    position: absolute;
    width: 30%;
    top: 300px;
    font-size: 3rem;
    color: #3a3a3a;
    font-family: 'Rubik-Bold';
    right: 0;
    line-height: 35px;
    display: none;
}

/* line 590, ../sass/_base/_common.scss */
.stepsWrapper .almostDone span {
    color: #ff9b41;
}

/* line 596, ../sass/_base/_common.scss */
.carImg {
    position: absolute;
    bottom: 25px;
    right: 80px;
}

/* line 602, ../sass/_base/_common.scss */
.natureBg {
    width: 100%;
    position: absolute;
    bottom: 0;
}

.natureBg.position {
    position: relative;
}

/* line 610, ../sass/_base/_common.scss */
.radioWrapper {
    float: left;
}

/* line 613, ../sass/_base/_common.scss */
.radioWrapper ul li {
    display: inline;
    float: left;
    margin-left: 5px;
}

/* line 615, ../sass/_base/_common.scss */
.radioWrapper ul li label {
    padding: 10px 35px 10px 35px;
    background-color: #eaeaea;
    color: #858585 !important;/* Added by Bhavesh on 17-09-2018 */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    border: 1px solid #ccc;
}

/* line 623, ../sass/_base/_common.scss */
.radioWrapper ul li input {
    opacity: 0;
}

/* line 626, ../sass/_base/_common.scss */

/* line 631, ../sass/_base/_common.scss */
.radioWrapper ul li.active label {
    background-color: #fc8f3d;/* Added by Bhavesh on 17-09-2018 */
    color: #fff;
    z-index: 1;
    color: #fff !important;
    border: 1px solid #fc8f3d;/* Added by Bhavesh on 17-09-2018 */
}

/* line 642, ../sass/_base/_common.scss */
.selectMulty {
    position: absolute;
    left: 0;
    min-width: 140px;
    width: auto;
    display: none;
    z-index: 18;/* Added by Bhavesh on 17-09-2018 */
    margin: 0;
}

/* line 663, ../sass/_base/_common.scss */

/*----------Added by Indigo on 2nd May 2019 Start-------*/
.selectMulty .innerWrap {
    width: 70%;
    z-index: 2;
    background: #fff;
    -webkit-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
    max-height: 300px;
    overflow-y: auto;
}

/*----------Added by Indigo on 2nd May 2019 End-------*/

/* line 672, ../sass/_base/_common.scss */
.selectMulty ul li {
    border-bottom: 1px solid #e4e4e4;
    padding: 9px 12px 8px;
    cursor: pointer;
}

/* line 676, ../sass/_base/_common.scss */
.selectMulty ul li:last-child {
    border-bottom: 0;
    padding-bottom: 8px;
}

/* line 682, ../sass/_base/_common.scss */
.selectMulty label {
    font-size: 1.8rem;
    color: #4f4f4f;
    cursor: pointer;
    position: relative;
    padding-left: 38px;
    display: block;
}

/* line 689, ../sass/_base/_common.scss */
.selectMulty label:before {
    content: '';
    background: #c1c1c1;
    left: 8px;
    position: absolute;
    top: 2px;
    width: 20px;
    height: 20px;
    z-index: 1;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    cursor: pointer;
}

/* line 705, ../sass/_base/_common.scss */
.selectMulty input:checked+label:before {
    background: #0072bc;
    background-color: #0072bc;
    background-position: -369px -468px;
}

/* line 710, ../sass/_base/_common.scss */
.selectMulty input {
    width: auto;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    z-index: -1;
    top: 0;
}

/* line 719, ../sass/_base/_common.scss */
.selectMulty .close {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 20px;
    color: #000;
    width: 30px;
    height: 30px;
    text-align: center;
    background: url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
    background-position: -315px -83px;
    z-index: 1;
}

/* line 734, ../sass/_base/_common.scss */
.margBtm25 {
    margin-bottom: 25px;
}

/* code added by poonam 26-aug-2020 */
.margBtm15 {
    margin-bottom: 15px;
}

.margBtm10 {
    margin-bottom: 10px;
}

/* line 735, ../sass/_base/_common.scss */
.margTop25 {
    margin-top: 25px;
}

/* line 737, ../sass/_base/_common.scss */
.policyExpWrapper {
    margin-top: 25px;
}

/* line 740, ../sass/_base/_common.scss */
.customSelect {
    position: relative;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
    float: left;
    margin-top: 1%;
}

/* line 745, ../sass/_base/_common.scss */
.customSelect select {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    font-size: 1.8rem;
    color: #4f4f4f;
    background: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* line 759, ../sass/_base/_common.scss */
.customSelect select option {
    background: #fff;
    color: #4f4f4f;
    font-size: 1.8rem;
}

/* line 765, ../sass/_base/_common.scss */
.customSelect .selectedText,
.stepsWrapper .myCar .stepCircle .customSelect .vehicleMakeStyle {
    position: relative;
    z-index: 2;
    color: #ff9b41;
    font-size: 2rem;
    float: left;
    padding: 0 12px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.customSelect .ui-widget {
    position: relative;
    width: 100%;
}

/* line 774, ../sass/_base/_common.scss */
.customSelect .selectedText:after,
.customSelect .ui-widget:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);/* flipkart-poonam-start 5may-2020 */
    display: none !important;/* flipkart-poonam-end 5may-2020 */
    top: 8px;
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border: 1px solid #cacaca;
    border-color: transparent transparent #cacaca #cacaca;
    right: 0px;
    background: none;
}

/* .customSelect .ui-widget:after {
right: 21px;
} */
.stepsWrapper .myCar .stepCircle .customSelect .vehicleMakeStyle,
.stepsWrapper .myCar .stepCircle .customSelect .carModel,
.stepsWrapper .myCar .stepCircle .customSelect .carVariant {
    border: none;
    line-height: initial;
    width: 64px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.stepsWrapper .myCar .stepCircle::-webkit-input-placeholder {
    font-size: 1.5rem;
}

.stepsWrapper .myCar .stepCircle::-moz-placeholder {
    font-size: 1.5rem;
}

.stepsWrapper .myCar .stepCircle:-ms-input-placeholder {
    font-size: 1.5rem;
}

.stepsWrapper .myCar .stepCircle .customSelect::-webkit-input-placeholder {

    /* Chrome/Opera/Safari */
    color: #b6b6b6;
    font-size: 1.5rem;
    opacity: 1;
}

.stepsWrapper .myCar .stepCircle .customSelect::-moz-placeholder {

    /* Firefox 19+ */
    color: #000;
    font-size: 1.6rem;
    opacity: 1;
}

.stepsWrapper .myCar .stepCircle .customSelect:-ms-input-placeholder {

    /* IE 10+ */
    color: #000;
    font-size: 1.6rem;
    opacity: 1;
}

.stepsWrapper .myCar .stepCircle .customSelect:-moz-placeholder {

    /* Firefox 18- */
    color: #000;
    font-size: 1.6rem;
    opacity: 1;
}

.stepsWrapper .myCar .stepCircle .customSelect #bikeMake {
    width: 90%;
}

.stepsWrapper .myCar .stepCircle .customSelect #carModel,
.stepsWrapper .myCar .stepCircle .customSelect .carVariant {
    width: 105px;
}

/* line 793, ../sass/_base/_common.scss */
.errorMsg,
.validEntry {
    color: #fa2a2a;
    font-size: 1.5rem !important;
    display: none;
    width: 100%;
    float: left;/* padding: 5px 0 15px; */
    padding: 2px 0 0px;/* Done by bhavesh on 20-09-2018 */
}

/* line 803, ../sass/_base/_common.scss */
.ui-datepicker {
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    margin-top: 7px;
}

/* line 808, ../sass/_base/_common.scss */
.ui-datepicker .ui-datepicker-header {
    background: #0171bb;
}

/* line 810, ../sass/_base/_common.scss */
.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
    line-height: 3;
    margin: 0 45px;
}

/* line 816, ../sass/_base/_common.scss */
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    background: url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite-img.png) 40px -278px no-repeat;
    border: 0;
    width: auto;
    text-align: center;
    color: white;
    margin: 0 10px;
    text-transform: uppercase;
    font-size: 1.8rem;
    padding-right: 20px;
    min-width: 60px;
    position: relative;
    height: 21px;
}

/* line 829, ../sass/_base/_common.scss */
.ui-datepicker select.ui-datepicker-month option,
.ui-datepicker select.ui-datepicker-year option {
    font-size: 1.3rem;
    color: black;
    outline: none;
    padding: 5px;
}

.addon1 ul li {
    width: 30% !important;
}

.addon2 ul li {
    width: 19% !important;
}

.addon3 ul li {
    width: 49% !important;
}

/* line 837, ../sass/_base/_common.scss */
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    background: #005797;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    cursor: pointer;
    top: 26px;
}

/* line 846, ../sass/_base/_common.scss */
.ui-datepicker .ui-datepicker-prev {
    left: 10px;
}

/* line 849, ../sass/_base/_common.scss */
.ui-datepicker .ui-datepicker-next {
    right: 10px;
}

/* line 857, ../sass/_base/_common.scss */
.ui-datepicker .ui-state-default,
.ui-datepicker .ui-widget-content .ui-state-default,
.ui-datepicker .ui-widget-header .ui-state-default,
.ui-datepicker .ui-button,
.ui-datepicker html .ui-button.ui-state-disabled:hover,
.ui-datepicker html .ui-button.ui-state-disabled:active {
    border: 0;
    background: white;
    color: #0171bb;
}

/* line 863, ../sass/_base/_common.scss */
.ui-datepicker .ui-widget-header .ui-icon {
    border: 2px solid #fff;
    border-color: transparent transparent #fff #fff;
    width: 12px;
    height: 12px;
    top: 17px;
    left: 19px;
}

/* line 872, ../sass/_base/_common.scss */
.ui-datepicker .ui-widget-header .ui-datepicker-prev .ui-icon {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* line 881, ../sass/_base/_common.scss */
.ui-datepicker .ui-widget-header .ui-datepicker-next .ui-icon {
    -webkit-transform: rotate(-134deg);
    -moz-transform: rotate(-134deg);
    -ms-transform: rotate(-134deg);
    -o-transform: rotate(-134deg);
    transform: rotate(-134deg);
    left: 14px;
}

/* line 891, ../sass/_base/_common.scss */
.ui-datepicker .ui-state-active {
    background: #fe9542;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    color: white;
    width: 30px;
    height: 30px;
}

/* line 900, ../sass/_base/_common.scss */
.ui-datepicker table td span,
.ui-datepicker table td a {
    text-align: center;
    color: #267dc0;
    font-size: 2rem;
}

/* line 908, ../sass/_base/_common.scss */
.ui-widget.ui-widget-content {
    z-index: 12 !important;/* max-height: 400px;
    overflow-y: auto; */
}

.dropdownAutocomplete {
    max-height: 300px;
    overflow-y: auto;
}

/* line 913, ../sass/_base/_common.scss */
.ui-datepicker select.ui-datepicker-month option,
.ui-datepicker select.ui-datepicker-year option {
    padding: 0;
    height: auto;
}

/* line 919, ../sass/_base/_common.scss */
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    max-height: 100px;
}

/* line 925, ../sass/_base/_common.scss */
#Car_2 {
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    opacity: 0;
}

/* line 928, ../sass/_base/_common.scss */
#Car_2.active {
    animation: carAnim2 10s infinite linear;
    -webkit-animation: carAnim2 10s infinite linear;
    opacity: 1;
}

/* line 934, ../sass/_base/_common.scss */
#Car_3 {
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    opacity: 0;
}

/* line 937, ../sass/_base/_common.scss */
#Car_3.active {
    animation: carAnim3 10s infinite linear 5s;
    -webkit-animation: carAnim3 10s infinite linear 5s;
    opacity: 1;
}

/* line 943, ../sass/_base/_common.scss */
#c1_T2aaa {
    position: relative;
}

/* line 944, ../sass/_base/_common.scss */
#c1_T2aaa>g {
    animation: rotation 2s infinite linear;
    -webkit-animation: rotation 2s infinite linear;
}

@keyframes carAnim2 {

    /* line 951, ../sass/_base/_common.scss */
    from {
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        transition: all 10s ease-in;
    }

    /* line 956, ../sass/_base/_common.scss */
    to {
        transform: translateX(100%);
        -webkit-transform: translateX(100%);
        transition: all 10s ease-in;
    }

}

@-webkit-keyframes carAnim2 {

    /* line 964, ../sass/_base/_common.scss */
    from {
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        transition: all 10s ease-in;
    }

    /* line 969, ../sass/_base/_common.scss */
    to {
        transform: translateX(100%);
        -webkit-transform: translateX(100%);
        transition: all 10s ease-in;
    }

}

@keyframes carAnim3 {

    /* line 977, ../sass/_base/_common.scss */
    from {
        transform: translateX(100%);
        -webkit-transform: translateX(100%);
        transition: all 10s ease-in 5s;
    }

    /* line 982, ../sass/_base/_common.scss */
    to {
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        transition: all 10s ease-in 5s;
    }

}

@-webkit-keyframes carAnim3 {

    /* line 990, ../sass/_base/_common.scss */
    from {
        transform: translateX(100%);
        -webkit-transform: translateX(100%);
        transition: all 10s ease-in;
    }

    /* line 995, ../sass/_base/_common.scss */
    to {
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        transition: all 10s ease-in;
    }

}

@keyframes rotation {

    /* line 1003, ../sass/_base/_common.scss */
    from {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform-origin: left;
    }

    /* line 1008, ../sass/_base/_common.scss */
    to {
        transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform-origin: left;
    }

}

@-webkit-keyframes rotation {

    /* line 1016, ../sass/_base/_common.scss */
    from {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform-origin: left;
    }

    /* line 1021, ../sass/_base/_common.scss */
    to {
        transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform-origin: left;
    }

}

.editName {
    width: 45%;
    border: solid 2px;
    border-radius: 5px;
    display: flex;
    margin-left: 20px;
}

.rangeBar {
    width: 48% !important;
    margin-left: 20px;
}

/* line 1029, ../sass/_base/_common.scss */
.idv-sum-range {
    width: 100%;
    height: 8px;/*******Added by Samina on 18th Sep 2018*********/
    float: left;
    position: relative;
}

/* line 1034, ../sass/_base/_common.scss */
.idv-sum-range>span {
    position: absolute;
    border-right: 3px solid #0071bb;
    top: 6px;/*******Added by Samina on 18th Sep 2018*********/
    z-index: 99;
    width: 3px;
    height: 13px;
}

/*******Added by Samina on 18th Sep 2018*********/

/* .idv-sum-range > span:nth-child(3), .idv-sum-range span:last-child {
height: 21px;
top: -8px;
} */

/* line 2, ../sass/_base/_car-insurance.scss */
.tooltip {
    position: relative;
    background: url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
    background-position: -342px -472px;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin: 0 5px;
    cursor: pointer;
    top: 3px;
}

/* line 14, ../sass/_base/_car-insurance.scss */
.toolContent {
    width: 200px;
    height: auto;
    position: absolute;
    left: 0;
    background: white;
    border: 1px solid #ebebeb;
    -webkit-transform: rotateX(-50%);
    -moz-transform: rotateX(-50%);
    -ms-transform: rotateX(-50%);
    -o-transform: rotateX(-50%);
    transform: rotateX(-50%);
    top: -75px;
    padding: 10px;
    display: none;
    font-size: 1.3rem;
    line-height: 16px;
    z-index: 12;
}

/*-----Custom Tooltip starts-----*/

/* line 31, ../sass/_base/_car-insurance.scss */
label span.tooltip,
p span.tooltip,
div span.tooltip,
span span.tooltip {
    position: relative;
    background: url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
    background-position: -342px -472px;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin: 0 5px;
    cursor: pointer;
    top: 3px;
}

/* line 41, ../sass/_base/_car-insurance.scss */
label span.tooltip label span.toolContent,
label span.tooltip p span.toolContent,
label span.tooltip div span.toolContent,
label span.tooltip span span.toolContent,
p span.tooltip label span.toolContent,
p span.tooltip p span.toolContent,
p span.tooltip div span.toolContent,
p span.tooltip span span.toolContent,
div span.tooltip label span.toolContent,
div span.tooltip p span.toolContent,
div span.tooltip div span.toolContent,
div span.tooltip span span.toolContent,
span span.tooltip label span.toolContent,
span span.tooltip p span.toolContent,
span span.tooltip div span.toolContent,
span span.tooltip span span.toolContent {
    width: 200px;
    height: auto;
    position: absolute;
    left: 8px;
    background: #fff;
    border: 1px solid #ebebeb;
    -webkit-transform: rotateX(-50%);
    -moz-transform: rotateX(-50%);
    -ms-transform: rotateX(-50%);
    -o-transform: rotateX(-50%);
    transform: rotateX(-50%);
    top: -37px;
    padding: 10px;
    display: none;
    color: #909090;
    font-size: 1.3rem;
    line-height: 16px;
    z-index: 12;
}

/*-----Custom Tooltip ends-----*/

/* line 63, ../sass/_base/_car-insurance.scss */
.clearit {
    clear: both;
}

/* line 64, ../sass/_base/_car-insurance.scss */
.bredcrumbs {
    padding-top: 18px;
    clear: both;
}

.yes-odtp .declare-radio.checkboxStyle {
    margin-left: -117px;
}

/* line 68, ../sass/_base/_car-insurance.scss */
.bredcrumbs ul li {
    font-size: 1.4rem;
    font-family: "Rubik-Light";
    color: black;
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
    position: relative;
}

/* line 76, ../sass/_base/_car-insurance.scss */
.bredcrumbs ul li a {
    font-size: 1.4rem;
    font-family: "Rubik-Light";
    color: black;
}

/* line 80, ../sass/_base/_car-insurance.scss */
.bredcrumbs ul li a:hover {
    text-decoration: underline;
}

/* line 85, ../sass/_base/_car-insurance.scss */
.bredcrumbs ul li:before {
    content: '';
    position: absolute;
    right: -12px;
    top: 6px;
    border: solid black;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    display: inline-block;
    width: 6px;
    height: 6px;
}

/* line 98, ../sass/_base/_car-insurance.scss */
.bredcrumbs ul li:last-child:before {
    display: none;
}

/* line 105, ../sass/_base/_car-insurance.scss */
.summarySec.carsumm {
    max-width: 380px;
    width: 100%;
    background: #67dddf;
    padding: 20px 34px 70px;
    border-radius: 20px;
}

.summarySec.carsumm.fixed {
    position: fixed;
    top: 200px;
    z-index: 10;/*******Added by Samina on 20th Sep 2018**********/
}

/* line 112, ../sass/_base/_car-insurance.scss */
.summarySec.carsumm .headingsec .iconSec {
    width: 65px;
    height: 65px;
    background: white url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat -447px 12px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
}

/* line 120, ../sass/_base/_car-insurance.scss */
.summarySec.carsumm .headingsec .summaryHead {
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
    width: 70%;
}

/* line 125, ../sass/_base/_car-insurance.scss */
.summarySec.carsumm .headingsec .summaryHead p {
    font-size: 1.5rem;
    margin-top: 5px;
    float: left;
}

/* line 129, ../sass/_base/_car-insurance.scss */
.summarySec.carsumm .headingsec .summaryHead p strong {
    font-weight: normal;
    font-family: "Rubik-Bold";
}

/* line 135, ../sass/_base/_car-insurance.scss */
.summarySec.carsumm .headingsec h3 {
    padding-bottom: 0;
    font-size: 2.4rem;
    font-family: "Rubik-Bold";
    color: #000;
}

/* line 142, ../sass/_base/_car-insurance.scss */
.summarySec.carsumm .innerContent {
    background: #fff;
    margin-top: 20px;
    position: relative;
    padding: 10px 0;
    border-radius: 15px;
    box-shadow: 0px 0px 40px rgba(153, 153, 153, 0.54118);
}

/* line 149, ../sass/_base/_car-insurance.scss */
.summarySec.carsumm .innerContent:before {
    top: -30px;
    left: 50px;
    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: 15px;
    margin-left: -15px;
}

/* line 163, ../sass/_base/_car-insurance.scss */
.summarySec.carsumm .innerContent:after {
    bottom: -62px;
    content: " ";
    background: url(../../../../../../../content/dam/bagicextension/motor-insurance/summary-after.png) no-repeat -33px 0;
    width: 100%;
    height: 75px;
    position: absolute;
    background-size: auto 88.7px;
}

/* line 172, ../sass/_base/_car-insurance.scss */
.summarySec.carsumm .innerContent .content {
    padding: 20px;
}

/* line 174, ../sass/_base/_car-insurance.scss */
.summarySec.carsumm .innerContent .content h2 {
    font-family: 'Rubik-Regular';
    font-size: 1.8rem;
    color: #4f4f4f;
    font-weight: normal;
    margin-bottom: 10px;
}

/* line 180, ../sass/_base/_car-insurance.scss */
.summarySec.carsumm .innerContent .content .bluecolor {
    color: #0073bd;
}

/* line 182, ../sass/_base/_car-insurance.scss */
.summarySec.carsumm .innerContent .content .bluecolor span {
    color: #757575;
}

/* line 186, ../sass/_base/_car-insurance.scss */
.summarySec.carsumm .innerContent .content p {
    color: #9e9e9e;
    font-family: 'Rubik-Regular';
    font-size: 1.3rem;
}

/* line 191, ../sass/_base/_car-insurance.scss */
.summarySec.carsumm .innerContent .content nav {

    /* display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    flex-wrap: wrap;
    justify-content: space-between; */
    display: block;
    width: 100%;
}

/* line 195, ../sass/_base/_car-insurance.scss */
.summarySec.carsumm .innerContent .content nav a {
    color: #fe9542;
    border-bottom: 1px solid #fe9542;
    position: relative;
    margin-right: 26px; /* 15May-2020 Poonam Changes */
    font-size: 1.6rem;/* 15May-2020 Poonam Changes */
}

.summarySec.carsumm .innerContent .content nav a:first-child:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 15px;
    background: #fe9542;
    right: -21px; /* 15May-2020 Poonam Changes */

    /******Added by Samina on 24th Sep 2018******/
    top: 4px;
}

/* line 199, ../sass/_base/_car-insurance.scss */
.summarySec.carsumm .innerContent .content .dynamiccars {
    max-width: 275px;
    width: 100%;
    height: 160px;
    position: relative;
    overflow: hidden;
    margin: 20px 0;
}

/* line 205, ../sass/_base/_car-insurance.scss */
.summarySec.carsumm .innerContent .content .dynamiccars img {
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    position: absolute;
    width: 100%;
}

/* line 216, ../sass/_base/_car-insurance.scss */
.fleft {
    float: left;
}

/* line 219, ../sass/_base/_car-insurance.scss */
.setnature {
    position: relative;
    bottom: auto;
    overflow: hidden;
}

/* line 223, ../sass/_base/_car-insurance.scss */

/* line 225, ../sass/_base/_car-insurance.scss */
.carincpanel label span.tooltip,
.carincpanel p span.tooltip,
.carincpanel div span.tooltip,
.carincpanel span span.tooltip {
    background-position: -349px -443px;
}

/* line 228, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel {
    float: left;
    width: 90% !important;
    position: relative;
}

/* line 231, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel h2 {
    font-family: 'Rubik-Regular';
    font-size: 2.2rem;
    color: #ffffff;
    font-weight: normal;
}

/* line 238, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .idv-val-sec .idv-sum {
    position: relative;
    margin: 6px 0;
}

/* line 242, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-widget-header {
    background: #0071bb;
}

/* line 245, ../sass/_base/_car-insurance.scss */
.idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle {
    background: url("../../../../../../../content/dam/bagicextension/motor-insurance/ui-handle.png") no-repeat center center !important;
    width: 23px;
    height: 52px;
    border: none;
    margin-top: -8px;
    box-shadow: 0px 0px 10px 5px #bdbdbd;
    position: absolute;
}

/* line 251, ../sass/_base/_car-insurance.scss */
.idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount {
    position: absolute;
    top: -35px;
    text-align: center;
    width: initial;
    height: 30px;
    line-height: 30px;/********Added by Samina on 18th Sep 2018**********/
    left: -13px;/********Added by Samina on 18th Sep 2018**********/
    border: 1px solid #999;
    border-radius: 5px;
    color: #ff9b41;/********Added by Samina on 18th Sep 2018**********/
    padding: 0px 5px;
}

/* line 261, ../sass/_base/_car-insurance.scss */
.idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount:before {
    right: 44px;
    bottom: -16px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    border-color: transparent;
    border-right-color: #6d6c6c;
    border-width: 8px;
    margin-top: -9px;
}

/* line 276, ../sass/_base/_car-insurance.scss */
.idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount:after {
    right: 45px;
    bottom: -16px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 7px;
    bottom: -14px;
}

/* line 295, ../sass/_base/_car-insurance.scss */
.idv-val-sec .idv-sum .idv-sum-range .ui-state-active #idvamount {
    position: absolute;
    top: -37px;
    text-align: center;
    width: initial;
    height: 30px;
    left: -13px;
    border: 1px solid #999;
    border-radius: 5px;
    color: #0071bb;
    padding: 0px 5px;
}

.idv-val-sec .idv-sum .idv-sum-range .ui-state-active #idvamount:before {
    right: 44px;
}

.idv-val-sec .idv-sum .idv-sum-range .ui-state-active #idvamount:after {
    right: 45px;
}

.bodyScroll {
    overflow-y: scroll;
    height: 100px;
}

/* line 309, ../sass/_base/_car-insurance.scss */
.idv-val-sec .idv-sum span.min-range {
    color: #ff9b41;
    font-size: 1.7rem;
    display: inline-block;
    position: absolute;
    left: -3px;
    bottom: -60px;
    font-family: "Rubik-Bold";
    text-align: left;/******Added by Samina on 18th Sep 2018*******/
}

/* line 318, ../sass/_base/_car-insurance.scss */
.idv-val-sec .idv-sum span.max-range {
    color: #ff9b41;
    font-size: 1.7rem;
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: -62px;
    font-family: "Rubik-Bold";
    text-align: right;/******Added by Samina on 18th Sep 2018*******/
}

/* line 327, ../sass/_base/_car-insurance.scss */
.idv-val-sec .idv-sum input {
    color: #0071bb;
    position: absolute;
    right: 0;
    text-align: right;
    bottom: -32px;
}

/* line 334, ../sass/_base/_car-insurance.scss */
.idv-val-sec .idv-sum .minval,
.idv-val-sec .idv-sum .maxval {
    color: #989898;
    font-size: 1.4rem;
}

/* line 340, ../sass/_base/_car-insurance.scss */
.car-owner {

    /* display: flex; */
    align-items: center;
    margin-top: 50px;
}

.siPerPerson {
    display: flex;
    align-items: center;
    margin: 20px 0 0 32px;
    display: none;
}

/* line 345, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .car-owner h4.headdefine,
.carincpanel .leftpanel .siPerPerson h4.headdefine {
    margin-right: 25px;
    padding-bottom: 0;/******Added by Samina on 18th Sep 2018*******/
    float: left;
}

/* line 349, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .additional-fitments,
.carincpanel .leftpanel .paCoverWrapper {
    clear: both;
    display: flex;
    align-items: center;
    display: -ms-flex;
    -ms-align-items: center;/******Added by Samina on 18th Sep 2018*******/
}

.carincpanel .leftpanel .paCoverWrapper {
    margin-top: 10px;
}

/* line 354, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .additional-fitments h4.headdefine,
.carincpanel .leftpanel .paCoverWrapper h4.headdefine {
    margin-right: 25px;/* display: inline-block; */
    float: left;
    position: relative;/******Added by Samina on 18th Sep 2018*******/
}

/* line 357, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .additional-fitments ul,
.carincpanel .leftpanel .paCoverWrapper ul {
    width: 123px;
    border: 1px solid #ccc;
    overflow: hidden;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
}

/* line 363, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .additional-fitments ul li,
.carincpanel .leftpanel .paCoverWrapper ul li {
    list-style: none;
    width: 50%;
    height: 34px;
    float: left;
    position: relative;
}

/* line 369, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .additional-fitments ul li input[type='radio'],
.carincpanel .leftpanel .paCoverWrapper ul li input[type='radio'] {
    display: none;
}

/* line 372, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .additional-fitments ul li label,
.carincpanel .leftpanel .paCoverWrapper ul li label {
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 3;
    cursor: pointer;
    line-height: 35px;
}

/* line 388, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .telematics h4.headdefine {
    width: 74%;
}

/* line 393, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .telematics-service .telematics-service-content {
    position: relative;
}

/* line 396, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li {
    float: left;
    margin-top: 30px;
    margin-right: 35px;/******Added by Samina on 18th Sep 2018*******/
    position: relative;/* Added by Bhavesh on 18-09-2018 */
    cursor: pointer;/* Added by Bhavesh on 18-09-2018 */
    width: 228px;/* Added by Samina on 20-09-2018 */
    background-color: #fff;
}

/* line 400, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li:last-child {
    margin-right: 0;
}

/* line 403, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li input {
    opacity: 0;
    z-index: 999;
    position: absolute;
    top: 0;
}

/* line 410, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li label a {
    display: block;
    text-align: center;
    color: #fe9542;
    background-color: transparent;
    font-size: 1.6rem;
    font-family: 'Rubik-Bold';
    padding: 10px 35px;/******Added by Samina on 18th Sep 2018*******/
    border-radius: 10px;/* -webkit-box-shadow: 5px 5px 30px 1px #e0e0e0;
    -moz-box-shadow: 5px 5px 30px 1px #e0e0e0;
    box-shadow: 5px 5px 30px 1px #e0e0e0; */
    -webkit-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
    position: relative;
}

/* line 423, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li label a:before {
    content: '';
    position: absolute;
    left: -10px;
    top: -10px;
    width: 22px;
    height: 22px;
    border: 1px #dddddd solid;
    background-color: #ffffff;
    border-radius: 50%;
}

/* line 434, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li label a span {
    display: block;
    text-align: center;
    color: #0071bb;
    font-size: 3rem;
    font-family: 'Rubik-Regular';
    margin-top: 10px;
}

/* line 445, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li.active {
    background-color: #0e8dfa;/******Added by Samina on 18th Sep 2018*******/
    color: #ffffff;
    border-radius: 10px;/******Added by Samina on 18th Sep 2018*******/
}

/* line 448, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li.active a {
    color: #ffffff;
}

/* line 450, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li.active a span {
    color: #ffffff;
}

/* line 458, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .telematics-service .telematics-service-detail {
    background-color: #ffffff;
    border: 1px #dddddd solid;
    padding: 0px 20px;/*****Added by Samina on 20th Sep 2018*****/
    border-radius: 10px;
    padding-bottom: 25px;
    margin-top: 40px;
    position: relative;
    float: left;
}

/* line 467, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .telematics-service .telematics-service-detail:before {
    content: "";
    border: 2px solid #fff;
    border-color: transparent transparent #dddddd #dddddd;
    width: 20px;
    height: 20px;
    top: -12px;
    left: 98px;
    margin: auto;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    background-color: #ffffff;
}

/* line 481, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .telematics-service .telematics-service-detail ul {
    width: 100%;/*******Added by Samina on 20th Sep 2018*********/
}

/* line 483, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .telematics-service .telematics-service-detail ul li {
    margin-top: 17px;
    width: 33%;
    font-size: 1.6rem;
    color: #818181;
    position: relative;
    padding-left: 20px;
    float: left;
}

/* line 491, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .telematics-service .telematics-service-detail ul li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    width: 7px;/******Added by Samina on 18th Sep 2018*******/
    height: 7px;/******Added by Samina on 18th Sep 2018*******/
    background-color: #fe9542;
    border-radius: 50%;
}

.carincpanel .leftpanel .telematics-service .telematics-service-content ul li.active input+label a:before {
    background: #ff9b41 url('../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png') no-repeat;
    background-position: -367px -467px;
    border: 1px solid #fff;
}

/* line 503, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .telematics-service .telematics-service-detail a {
    display: inline-block;
    color: #0080c9;
    font-size: 1.6rem;
    border-bottom: 1px #0080c9 solid;
    padding-bottom: 0px;
    position: absolute;
    right: 25px;
    bottom: 26px;
}

/* line 518, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .declare-radio ul li {
    border-bottom: 1px solid #e4e4e4;
    padding: 7px 0 7px;
    position: relative;/******Added by Samina on 18th Sep 2018*******/
}

/* line 521, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .declare-radio ul li label {
    font-size: 1.4rem;/******Added by Samina on 18th Sep 2018*******/
    cursor: pointer;
    position: relative;
    padding-left: 32px;
    display: block;
    line-height: 20px;
}

/* line 529, ../sass/_base/_car-insurance.scss */

/* code change by poonam 22-jul-2020*/
.no-reg {
    width: 520px !important;
}

/*.no-reg .declareCont {width: 50% !important;}*/
.carincpanel .leftpanel .declare-radio ul li label:before {
    content: '';
    background: #fff;
    border: 1px solid #c1c1c1;
    left: 0px;
    position: absolute;/*Devendra start 27-Nov-2019 */
    top: 0px;/*Devendra end 27-Nov-2019 */
    width: 22px;/******Added by Samina on 18th Sep 2018*******/
    height: 22px;/******Added by Samina on 18th Sep 2018*******/
    z-index: 1;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    cursor: pointer;
}

/* line 542, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .declare-radio ul li input:checked+label:before {
    background: #0071bb url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
    background-color: #0071bb;
    background-position: -367px -467px;
}

.carincpanel .leftpanel .check-reg ul li label:before {
    content: '';
    background: #fff !important;
    border: 1px solid #c1c1c1;
    left: 0px;
    position: absolute;/*Devendra start 27-Nov-2019 */
    top: 0px;/*Devendra end 27-Nov-2019 */
    width: 22px;/******Added by Samina on 18th Sep 2018*******/
    height: 22px;/******Added by Samina on 18th Sep 2018*******/
    z-index: 1;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    cursor: pointer;
}

.carincpanel .leftpanel .noreg-dec ul li label:before {
    background: #0071bb url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
    background-color: #0071bb;
    background-position: -367px -467px;
}

/* .carincpanel .leftpanel .declare-radio ul li.active input + label:before {
background: #0071bb url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
background-color: #0071bb;
background-position: -368px -468px;
} */

/* line 547, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .declare-radio ul li input {
    width: auto;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    z-index: -1;
    top: 0;
}

/* line 556, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .declare-radio ul li:last-child {
    border-bottom: 0;
    padding-bottom: 8px;
}

/* line 564, ../sass/_base/_car-insurance.scss */

/*Devendra start 27-Nov-2019 */
.mak-pay .btn {
    min-width: 200px !important;
}

.declareCont {

    /*margin-top: 14px !important; Commented by poonam 30-jul-2020*/

    /* width:55% !important; */
    padding: 0px 0 !important;
    margin-left: 125px;
}

.mak-pay {
    width: 0% !important;
    padding: 3px 0px 0px !important;/*         margin-top: 12px; */
}

/*code added by poonam 30-jul-2020*/
.brand_new_mak-pay {
    width: 36% !important;
    padding: 12px 0px 0px !important;
}

.no-reg .declareCont {
    width: 55% !important;
}

.mak-pay .makePayemnt {
    font-size: 1.8rem !important;
}

.no-odtp {
    width: 34% !important;
}

.yes-odtp {
    width: 55% !important;
}

/*Devendra end 27-Nov-2019 */
.carincpanel .leftpanel .rowline {
    padding: 7px 0;
    float: left;
    width: 100%;
    z-index: 17;
}

/* line 574, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .enhance-topup .declare-radio ul {
    display: flex;
    align-items: center;
    margin-top: 7px;
}

/* line 578, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .enhance-topup .declare-radio ul li {
    border-bottom: none;
    margin-right: 20px;
    float: left;
}

/* line 581, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .enhance-topup .declare-radio ul li label {
    color: #4f4f4f;
    font-size: 1.8rem;/***Add by Samina on 24th Sep 2018***/
    font-family: 'Rubik-Regular';
}

/* line 585, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .enhance-topup .declare-radio ul li label:before {
    top: -3px;
    background-color: transparent;
    border: 1px solid #c1c1c1;
}

/* line 591, ../sass/_base/_car-insurance.scss */

/* .carincpanel .leftpanel .enhance-topup .declare-radio ul li input:checked + label:before {
background-color: transparent;
background-position: -394px -465px;
} */

/* line 607, ../sass/_base/_car-insurance.scss */
.carincpanel .rightpanel {
    float: right;
    width: 28%;
}

/* line 694, ../sass/_base/_car-insurance.scss */
.btn {
    background: #f89c30;
    padding: 9px 0px 9px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    color: white;
    font-size: 2.4rem;
    display: inline-block;
    clear: both;
    position: relative;
    overflow: hidden;
    z-index: 1;
    text-align: center;
    border: 1px solid #f89c30;
    font-family: 'Rubik-Bold';
    letter-spacing: 1px;
    max-width: 235px;
    min-width: 235px;
    width: 90%;
}

/* line 712, ../sass/_base/_car-insurance.scss */
.btn:before {
    content: '';
    z-index: -1;
    background: white;
    position: absolute;
    top: 50%;
    right: 100%;
    margin: -15px 0 0 1px;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transform: scale3d(1, 2, 1);
    -moz-transform: scale3d(1, 2, 1);
    -ms-transform: scale3d(1, 2, 1);
    -o-transform: scale3d(1, 2, 1);
    transform: scale3d(1, 2, 1);
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
}

/* line 727, ../sass/_base/_car-insurance.scss */
.btn:hover {
    color: #f89c30;
}

/* line 729, ../sass/_base/_car-insurance.scss */
.btn:hover:before {
    -webkit-transform: scale3d(9, 9, 1);
    -moz-transform: scale3d(9, 9, 1);
    -ms-transform: scale3d(9, 9, 1);
    -o-transform: scale3d(9, 9, 1);
    transform: scale3d(9, 9, 1);
}

.button-grp-items {
    width: 40%;
    height: 41px;
    border: 1px solid hsla(0, 0%, 59%, .27);
    padding: 5px 8px;
    margin: 0 5px 9px 5px;
    color: #314451;
    border-radius: 3px;
    cursor: pointer;
    min-width: 90px;
    vertical-align: top;
    font-size: 1.8rem;
    line-height: 1em;
    text-align: center;
    float: left;
}

.button-grp-items-larg {
    width: 37%;
    margin: 0.7% 1%;
}

.third .button-grp-items-larg {
    width: 31%;
    margin: 1% 1%;
}

.ncbDrpdwn .button-grp-items-small {
    width: 18%;
}

.ncbDrpdwn .button-grp-items-larg {
    width: 46%;
    margin: 0% 0%;
}

.button-grp-items span {
    display: inline-block;
    position: relative;
    font-size: medium;
    top: 20%;
}

.boxone .button-grp-items span {
    top: inherit;
}

.button-grp-items.selected {
    background: #fc8f3d !important;
    color: #fff;
    border: 1px solid #fc8f3d;
}

.button-grp-items.selected:hover {
    background: #fc8f3d !important;
    color: #fff;
    border: 1px solid #fc8f3d;
}

.summeryDiv {
    margin-left: 30px;
    width: 100%;
}

.butto-grp {
    margin: 4px auto auto;
    padding-left: 3%;
    padding-right: 3%;
    text-align: justify;
    float: left;
    width: 100%;
}

.butto-grp.first .button-grp-items {
    width: 40% !important;
    background: #0071bb;
}

.button-grp-items {
    background: #0071bb;
    color: white;
}

.list-heading span {

    /*  background: #fff; */
    padding: 5px 10px;
    position: relative;
    color: #ff9b41;
}

.list-heading {
    font-size: 1.8rem;
    text-transform: uppercase;
    margin-top: 2px;
    margin-bottom: 7px;
    text-align: center;
    padding: 0 20px;
    letter-spacing: 1px;
    line-height: 1.4em;
    position: relative;
}

/* .premiumBreakCont {
width: auto;
background: #fff;
float: left;
-webkit-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
border-radius: 15px;
position: relative;
}
.premiumWrapper.fixed{
position: fixed;
bottom: 0;
z-index: 13;
padding-bottom: 0px !important;
}
.premiumWrapper {
position: relative;
}
.premiumWrapper.active:before {
content:'';
position: absolute;
width: 100%;
height: 100%;
background: #fff;
opacity: 0.7;
}
.premiumBreakCont .premiumBreakContL {
float: left;
padding: 30px;
width: 100%;
}
.premiumBreakCont .premiumBreakContL {
position: relative;
}
.premiumBreakCont .premiumBreakContL:before {
position: absolute;
content: '';
right: 0;
top: 30px;
width: 2px;
height: 145px;
background: #ebebeb;
}
.premiumBreakCont .premiumBreakContL p {
font-family: "Rubik-Regular";
font-size: 1.8rem;
padding: 0 0 30px 0;
position: relative;
}
.premiumBreakCont .premiumBreakContL p span.preAmtWrap {
font-size: 2.2rem;
}
.premiumBreakCont .premiumBreakContL p:last-child {
padding: 0;
}
.premiumBreakCont .premiumBreakContR {
text-align: center;
float: left;
padding: 20px;
}
.premiumBreakCont .premiumBreakContR p {
font-family: "Rubik-Regular";
font-size: 1.8rem;
padding: 0 0 0 120px;
position: relative;
float: left;
text-align: left;
width: auto;
}
.premiumBreakCont .premiumBreakContR p span.preAmtWrap {
font-size: 4rem;
display: flex;
align-items: center;
}
.premiumBreakCont .premiumBreakContR p span.preAmtWrap .rsWrap {
float: none;
}
.premiumBreakCont .premiumBreakContR p span.preAmtWrap .gsttext {
color: #757575;
font-size: 2rem;
text-transform: uppercase;
margin-left: 0px;
}
.premiumBreakCont .premiumBreakContR p:before {
background: url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
background-position: -353px 0px;
width: 89px;
height: 57px;
position: absolute;
content: '';
top: 10px;
left: 50px;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
}
.premiumBreakCont .premiumBreakContR p a.textLink {
display: block;
width: auto;
color: #9e9f9f;
font-size: 1.6rem;
clear: both;
position: relative;
}
.premiumBreakCont .premiumBreakContR p a.textLink:before {
content: "";
position: absolute;
opacity: 1;
filter: alpha(opacity=100);
width: 100%;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
bottom: -1px;
height: 1px;
background: #9e9f9f;
}
.premiumBreakCont a.btn {
margin: 30px 0;
font-size: 2.4rem;
} */

/* line 859, ../sass/_base/_car-insurance.scss */
.customSelect select {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    font-size: 1.8rem;
    color: #4f4f4f;
    background: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* line 873, ../sass/_base/_car-insurance.scss */
.customSelect select option {
    background: #fff;
    color: #4f4f4f;
    font-size: 1.8rem;
}

/* line 879, ../sass/_base/_car-insurance.scss */
.customSelect .selectedText {

    /* flipkart-poonam-start 5may-2020 */
    width: 100%;/* flipkart-poonam-end 5may-2020 */
    position: relative;
    z-index: 2;
    color: #ff9b41;
    float: left;
    padding: 0 12px 0 0;/******Added by Samina on 18th Sep 2018*******/
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    font-size: 1.9rem;
}

/* line 888, ../sass/_base/_car-insurance.scss */
.customSelect .selectedText:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 6px;
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border: 1px solid #cacaca;
    border-color: transparent transparent #cacaca #cacaca;
    right: -5px;
    background: none;
}

.policyType1:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 6px;
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border: 1px solid #cacaca;
    border-color: transparent transparent #cacaca #cacaca;
    right: -5px;
    background: none;
}

/* line 903, ../sass/_base/_car-insurance.scss */
h4.headdefine {
    font-size: 1.8rem;/***Add by Samina on 24th Sep 2018***/
    font-family: "Rubik-Bold";
}

/* line 908, ../sass/_base/_car-insurance.scss */
.add-disc {
    display: flex;
    display: -ms-flex;
    align-items: center;
    -ms-align-items: center;
}

.radioBtn label {
    color: #000;
}

.add-disc h4 {
    float: left;
}

/* line 912, ../sass/_base/_car-insurance.scss */
.premiupPopup {
    display: none;
}

/* line 914, ../sass/_base/_car-insurance.scss */
.premiupPopup,
.offlinePopup,
.popup {
    max-width: 700px;
    width: 100%;
    position: fixed;
    background: #fff;
    padding: 20px;
    border-radius: 5px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    z-index: 99913;
    display: none;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px;
}

/* line 927, ../sass/_base/_car-insurance.scss */
.premiupPopup .close,
.offlinePopup .close,
.popup .close {
    position: absolute;
    right: 20px;
    top: 10px;
    background: url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
    background-position: -321px -89px;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

/* line 938, ../sass/_base/_car-insurance.scss */
.premiupPopup h3,
.offlinePopup h3 {
    color: #ff9b41;
    font-size: 2.4rem;
    font-family: "Rubik-Bold";
    width: 90%;
}

/* line 944, ../sass/_base/_car-insurance.scss */
.premiupPopup .rowPop,
.offlinePopup .rowPop {
    width: 100%;
    float: left;
    padding: 15px 0;
}

/* line 948, ../sass/_base/_car-insurance.scss */
.premiupPopup .rowPop .colPop,
.offlinePopup .rowPop .colPop {
    float: left;
    color: #4f4f4f;
    font-family: "Rubik-Regular";
    font-size: 2.0rem;
}

/* line 954, ../sass/_base/_car-insurance.scss */
.premiupPopup .rowPop .colPop:first-child,
.offlinePopup .rowPop .colPop:first-child {
    width: 70%;
    position: relative;
}

/* line 957, ../sass/_base/_car-insurance.scss */
.premiupPopup .rowPop .colPop:first-child:before,
.offlinePopup .rowPop .colPop:first-child:before {
    position: absolute;
    content: ':';
    right: 0;
}

/* line 963, ../sass/_base/_car-insurance.scss */
.premiupPopup .rowPop .colPop:last-child,
.offlinePopup .rowPop .colPop:last-child {
    width: 30%;
    text-align: right;
}

/* line 968, ../sass/_base/_car-insurance.scss */
.premiupPopup .rowPop:last-child,
.offlinePopup .rowPop:last-child {
    border-top: 1px solid #d2d2d2;
}

/* line 971, ../sass/_base/_car-insurance.scss */
.premiupPopup .rowPop:last-child .colPop,
.offlinePopup .rowPop:last-child .colPop {
    color: #0071bb;
}

/* line 978, ../sass/_base/_car-insurance.scss */
.bodyOverlay {
    position: fixed;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99;
    display: none;
}

.breakPremium {
    width: 186px;
    font-size: 1.2rem;
    text-align: center;
}

.breakPremium a {
    text-decoration: underline;
    font-size: 1.3rem;
}

/* line 990, ../sass/_base/_car-insurance.scss */
.radioBtn input:checked+label {
    background: #ff9b41;
    color: #fff;
}

.boxchi .radioBtn li label {
    color: #4f4f4f;
}

/* line 994, ../sass/_base/_car-insurance.scss */
label {
    font-family: "Rubik-Regular";
    font-size: 1.8rem;
    color: #4f4f4f;
    font-weight: normal;
}

.clear {
    clear: both;
}

.centered,
.paymentWrapper form .prefieldWrap,
.paymentWrapper form .inputRow,
.carousel_wrap #carousel .shadow,
.carousel_wrap .roundAboutArrow .roundAboutNumbers p,
.congWrapper .congWrap,
.congWrapper .carDetails,
.congWrapper .digiLock {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    z-index: 1
}

.common-style,
.paymentWrapper form .prefieldWrap,
.paymentWrapper form .inputRow,
.congWrapper .congWrap,
.congWrapper .carDetails,
.congWrapper .digiLock {
    float: left;
    width: 100%
}

.paymentWrapper h1 {
    font-family: "Rubik-Bold";
    font-size: 3rem;
    color: #fd9442
}

.paymentWrapper h2 {
    font-family: "Rubik-Bold";
    font-size: 3rem;
    color: #555555;
    margin-bottom: 32px
}

/*********Added on 27th Feb 2019 Start**********/
.paymentWrapper .allDetailWrap {
    width: 50%;
    height: 500px;
    background-color: #49607eb8;
    box-shadow: 0px 0px 50px 5px #000000;
    position: relative;
    z-index: 1;
    margin: 0 auto;
    zoom: 85%;
    border-radius: 10px !important;
    padding: 2%;/******Added by Samina on 18th Sep 2018*******/
}

/*********Added on 27th Feb 2019 End**********/
.paymentWrapper .allDetailWrap .allDetailTabs ul {
    display: inline-block
}

/*********Added on 27th Feb 2019 Start**********/
.paymentWrapper .allDetailWrap .allDetailTabs ul li {
    font-family: "Rubik-Regular";
    font-size: 1.8rem;
    color: #000;
    text-align: center;
    padding: 6px 25px;
    float: left;
    border: 1px solid #0E8DFA;
    border-radius: 100px;
    margin-right: 20px;
    box-sizing: border-box;
    cursor: pointer
}

/*********Added on 27th Feb 2019 End**********/
.paymentWrapper .allDetailWrap .allDetailTabs ul li:last-child {
    margin-right: 0
}

/*********Added on 27th Feb 2019 Start**********/
.paymentWrapper .allDetailWrap .allDetailTabs ul li.active {
    color: #fff;
    background-color: #0E8DFA
}

/*********Added on 27th Feb 2019 End**********/
.paymentWrapper .allDetailWrap .allDetailTabs ul li.prefield {
    background-color: #ffc400;
    border: 1px solid #ffc400;
    color: #000;
    position: relative
}

.paymentWrapper .allDetailWrap .allDetailTabs ul li.prefield:before {
    content: '';
    position: absolute;
    top: 39%;
    left: 5px;
    width: 14px;
    height: 11px;
    background: url("../../../../../../../content/dam/bagicextension/motor-insurance/tick.png") no-repeat
}

.paymentWrapper form {
    margin: 0 auto;
    max-width: 745px;
    width: 90%
}

.paymentWrapper form input {
    display: inline-block;
    width: 100%;/* border-bottom: 1px solid #0071bb; */
    padding-bottom: 0;/* margin-bottom:15px; */
    background: none;
}

.paymentWrapper form label {
    font-size: 1.9rem;
    color: #000;
    margin-bottom: 5px;
    display: block
}

.paymentWrapper form .btn {
    display: block;
    margin: 0 auto
}

.paymentWrapper form .prefieldWrap {
    margin-bottom: 12px
}

.paymentWrapper form .prefieldWrap label {
    display: inline-block;
    font-family: "Rubik-Regular";
    font-size: 1.6rem;
    color: #4f4f4f
}

.paymentWrapper form .prefieldWrap label.right-space {
    padding-right: 20px
}

.paymentWrapper form .inputRow {
    max-width: 610px;
    margin-bottom: 0px;
    position: relative;
}

.paymentWrapper form .prefieldWrap {
    max-width: 610px;
}

.paymentWrapper form .inputRow input {
    margin-bottom: 0
}

.paymentWrapper form .inputRow label {
    float: left
}

.paymentWrapper form .inputRow label {
    width: 100%
}

.paymentWrapper form .inputRow label.centered,
.paymentWrapper form .inputRow label.prefieldWrap,
.paymentWrapper form .inputRow label.inputRow,
.paymentWrapper form .inputRow .carousel_wrap #carousel label.shadow,
.carousel_wrap #carousel .paymentWrapper form .inputRow label.shadow,
.paymentWrapper form .inputRow .congWrapper label.congWrap,
.congWrapper .paymentWrapper form .inputRow label.congWrap,
.paymentWrapper form .inputRow .congWrapper label.carDetails,
.congWrapper .paymentWrapper form .inputRow label.carDetails,
.paymentWrapper form .inputRow .congWrapper label.digiLock,
.congWrapper .paymentWrapper form .inputRow label.digiLock {
    width: 100%
}

.paymentWrapper form .inputRow .inputWrap {
    width: 65%;
    position: relative;
    margin: 0 auto;
}

.paymentWrapper form .inputRow .inputWrap {
    width: 65%;
    position: relative;
    margin: 0 auto;
}

.paymentWrapper form .inputRow .inputWrap.centered,
.paymentWrapper form .inputRow .inputWrap.prefieldWrap,
.paymentWrapper form .inputRow .inputWrap.inputRow,
.paymentWrapper form .inputRow .carousel_wrap #carousel .inputWrap.shadow,
.carousel_wrap #carousel .paymentWrapper form .inputRow .inputWrap.shadow,
.paymentWrapper form .inputRow .carousel_wrap .roundAboutArrow .roundAboutNumbers p.inputWrap,
.carousel_wrap .roundAboutArrow .roundAboutNumbers .paymentWrapper form .inputRow p.inputWrap,
.paymentWrapper form .inputRow .congWrapper .inputWrap.congWrap,
.congWrapper .paymentWrapper form .inputRow .inputWrap.congWrap,
.paymentWrapper form .inputRow .congWrapper .inputWrap.carDetails,
.congWrapper .paymentWrapper form .inputRow .inputWrap.carDetails,
.paymentWrapper form .inputRow .congWrapper .inputWrap.digiLock,
.congWrapper .paymentWrapper form .inputRow .inputWrap.digiLock {
    width: 25%
}

.paymentWrapper form .inputRow.bottom-space {
    margin-bottom: 0
}

.tooltipIcon {
    display: inline-block;
    position: relative;
}

.tooltipIcon:after {
    content: '';
    position: absolute;
    right: -20px;
    top: 12px;
    width: 16px;
    height: 15px;
    background: url("../../../../../../../content/dam/bagicextension/motor-insurance/tooltip-icon.png") no-repeat
}

.carousel_wrap #carousel {
    margin: 0 auto;
}

.shadow {
    margin-top: 10px;
}

.carousel_wrap #carousel .shadow.policyDetails,
.carousel_wrap #carousel .shadow.Vehicle1,
.carousel_wrap #carousel .shadow.loanDiv,
.carousel_wrap #carousel .shadow.nomineeDiv {
    left: 50% !important;
    top: 2px !important;
    visibility: visible !important;
    position: relative !important;
    z-index: 3 !important;
    opacity: 1 !important;
    transform: inherit !important;
}

.carousel_wrap #carousel .shadow.Vehicle1,
.carousel_wrap #carousel .shadow.loanDiv,
.carousel_wrap #carousel .shadow.nomineeDiv {
    display: none !important;
}

.shadow label {
    width: 100%;
    float: left;
    font-size: 1.9rem;
    color: #000;
}

.shadow p.shadowheading {
    margin-bottom: 15px;
}

/*********Added on 27th Feb 2019 Start**********/
.carousel_wrap #carousel .shadow {
    margin-top: 0px;
}

/*********Added on 27th Feb 2019 End**********/
.carousel_wrap #carousel .shadow h3 {
    font-family: "Rubik-Bold";
    font-size: 2.2rem;
    color: #888888;
    text-align: center;
    margin-bottom: 0;
}

.carousel_wrap #carousel .shadow .inputRow {
    margin-bottom: 20px
}

.carousel_wrap #carousel .shadow .inputRow:first-child {
    margin-top: 1px
}

.carousel_wrap #carousel .shadow .inputRow:last-child {
    margin-bottom: 0px
}

.carousel_wrap #carousel .shadow .inputRow label,
.carousel_wrap #carousel .shadow .wheelWrap label {
    font-family: "Rubik-Regular";
    font-size: 2.0rem;
    font-weight: normal;
}

.paymentWrapper .carousel_wrap #carousel .shadow .inputRow input {
    font-family: "Rubik-Regular";
    font-size: 1.6rem;
    color: #ff9b41;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 5px;
    text-align: center;
    margin: 5px auto 0;
    display: block;
    width: 60%;
    background: none;
}

.carousel_wrap #carousel .shadow .inputRow .inputWrap {
    position: relative
}

/* .carousel_wrap #carousel .shadow .inputRow .inputWrap .tooltipIcon:after{
right:65px
} */
.carousel_wrap #carousel .shadow .inputRow .inputWrap .tooltipIcon:after {
    right: -17px;
    top: 6px;
}

/*********Added on 27th Feb 2019 Start**********/
.carousel_wrap .roundAboutArrow {
    max-width: 165px;
    width: 100%;
    margin: 0 auto;
    display: block;
    position: relative;
    margin: 0px 0px 0 0;
    float: right;
    top: -45px;
    right: 100px;
    z-index: 3;
}

.carousel_wrap .roundAboutArrow a {
    width: 50px;
    height: 50px;
    font-size: 0;
    position: relative;/* display:inline-block; */
    vertical-align: top;
    cursor: pointer;
    float: left;
}

.carousel_wrap .roundAboutArrow a:before {
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    position: absolute;
    content: '';
    left: 0;
    background: #005596;
}

.carousel_wrap .roundAboutArrow a.prev:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    left: 16px;
    top: 13px;
    border: 2px solid #fff;
    border-color: transparent transparent #fff #fff;
}

.carousel_wrap .roundAboutArrow a.next:after {
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    left: 10px;
    top: 13px;
    border: 2px solid #fff;
    border-color: transparent transparent #fff #fff;
}

.carousel_wrap .roundAboutArrow .roundAboutNumbers {
    text-align: center;
    width: 65px;
    padding-left: 0;/* display:inline-block; */
    text-align: center;
    float: left;
}

.carousel_wrap .roundAboutArrow .roundAboutNumbers p {
    color: #0E8DFA;
    line-height: 40px;
    font-size: 1.8rem;/* display:inline-block; */
    margin-left: -6px;
    text-align: center;
    float: left;
}

.carousel_wrap .roundAboutArrow .roundAboutNumbers p.activeRoundabout,
.carousel_wrap .roundAboutArrow .roundAboutNumbers p.totalRoundabout {
    width: auto;
    color: #fff;
    font-size: 1.8rem;
    float: left
}

/*********Added on 27th Feb 2019 End**********/
.paymentWrapper,
.congWrapper {
    margin: 0 auto;
    padding: 0;
    text-align: center;
    position: relative;
}

.paymentWrapper .natureBg,
.congWrapper .natureBg {
    position: relative;
}

.paymentWrapper p,
.congWrapper p {
    font-family: "Rubik-Regular";
    font-size: 2.2rem;
}

.paymentWrapper input,
.congWrapper input {
    font-family: "Rubik-Regular";
    font-size: initial;
    color: #ff9b41;
    border-bottom: 1px solid #d1e3e7
}

@-webkit-keyframes fadeInUpThumb {
    0% {
        width: 0;
        height: 0
    }

    100% {
        width: 126px;
        width: 126px
    }

}

@keyframes fadeInUpThumb {
    0% {
        width: 0;
        height: 0
    }

    100% {
        width: 126px;
        width: 126px
    }

}

@-webkit-keyframes fadeInUpThumbSvg {
    0% {
        -webkit-transform: scale(.1);
        -moz-transform: scale(.1);
        -ms-transform: scale(.1);
        -o-transform: scale(.1);
        transform: scale(.1)
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

}

@keyframes fadeInUpThumbSvg {
    0% {
        -webkit-transform: scale(.1);
        -moz-transform: scale(.1);
        -ms-transform: scale(.1);
        -o-transform: scale(.1);
        transform: scale(.1)
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

}

@-webkit-keyframes fadeInUpDecorate {
    0% {
        -ms-transform: rotate(0deg) scale(0.1);
        -webkit-transform: rotate(0deg) scale(0.1);
        transform: rotate(0deg) scale(0.1)
    }

    80% {
        -ms-transform: rotate(360deg) scale(1);
        -webkit-transform: rotate(360deg) scale(1);
        transform: rotate(360deg) scale(1)
    }

    100% {
        -ms-transform: rotate(360deg) scale(0);
        -webkit-transform: rotate(360deg) scale(0);
        transform: rotate(360deg) scale(0)
    }

}

@keyframes fadeInUpDecorate {
    0% {
        -ms-transform: rotate(0deg) scale(0.1);
        -webkit-transform: rotate(0deg) scale(0.1);
        transform: rotate(0deg) scale(0.1)
    }

    80% {
        -ms-transform: rotate(360deg) scale(1);
        -webkit-transform: rotate(360deg) scale(1);
        transform: rotate(360deg) scale(1)
    }

    100% {
        -ms-transform: rotate(360deg) scale(0);
        -webkit-transform: rotate(360deg) scale(0);
        transform: rotate(360deg) scale(0)
    }

}

.congWrapper .congWrap {
    max-width: 1140px;
    width: 90%;
    margin: 0 auto;
    border-bottom: 1px solid #d1e3e7;
    padding: 35px 0px
}

.congWrapper .congWrap.footerWrap {
    border: none
}

.congWrapper .congWrap .innerWrap {
    max-width: 740px;
    width: 100%;
    margin: 0 auto
}

.congWrapper .congWrap .innerWrap .align-left p {
    font-family: "Rubik-Bold";
    font-size: 1.8rem;
    color: #555555
}

.congWrapper .congWrap .innerWrap .align-left p.email {
    font-family: "Rubik-Regular";
    font-size: 1.6rem;
    color: #434343;
    margin-top: 26px
}

.congWrapper .congWrap .innerWrap .align-right .eiaNumber p {
    font-family: "Rubik-Regular";
    font-size: 1.8rem;
    color: #0073bd;
    position: relative;
    text-align: left;
    display: inline-block;
    float: left
}

.congWrapper .congWrap .innerWrap .align-right .eiaNumber p span:after {
    top: 6px;
    right: -19px
}

.congWrapper .congWrap .innerWrap .align-right .eiaNumber input,
.congWrapper .congWrap .innerWrap .align-right .eiaNumber .btn {
    display: inline-block
}

.congWrapper .congWrap .innerWrap .align-right .eiaNumber .eiaRow {
    margin-top: 10px
}

.congWrapper .congWrap .innerWrap .align-right .eiaReg p {
    font-family: "Rubik-Regular";
    font-size: 1.4rem;
    color: #757575;
    text-align: left;
    margin-top: 6px
}

.congWrapper .congWrap .column {
    width: 33.3%;
    float: left;
    padding: 0px 20px
}

.congWrapper .congWrap .column h2 {
    font-family: "Rubik-Bold";
    font-size: 2.8rem;
    color: #5f6364;
    text-align: left
}

.congWrapper .congWrap .column .voucher {
    margin-right: 22px
}

.congWrapper .congWrap .column .socialMedia {
    position: relative;
    float: left;
    margin-top: 10px
}

.congWrapper .congWrap .column .socialMedia span {
    display: inline-block;
    position: relative;
    margin-right: 35px;
    cursor: pointer
}

.congWrapper .congWrap .column .socialMedia span:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 33px;
    height: 33px;
    background: url("../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png") no-repeat
}

.congWrapper .congWrap .column .socialMedia span:last-child {
    margin-right: 0
}

.congWrapper .congWrap .column .socialMedia span.fb:after {
    background-position: -544px -458px
}

.congWrapper .congWrap .column .socialMedia span.twitter:after {
    background-position: -587px -458px
}

.congWrapper .congWrap .column .socialMedia span.linkdin:after {
    background-position: -630px -458px
}

.congWrapper .congWrap .column .socialMedia span.blog:after {
    background-position: -674px -458px
}

.congWrapper .congWrap .column .socialMedia span.insta:after {
    background-position: -717px -458px
}

.congWrapper .congWrap .column .socialMedia span.youtube:after {
    background-position: -760px -458px
}

/*******Added by Indigo Dated 9th July 2019 Start*****/
.socialInner p {
    color: #5F6364;
    font-size: 1.8rem;
    font-family: "Rubik-Regular";
}

.socialInner h4 {
    color: #5f6364;
    font-size: 2.8rem;
    font-family: "Rubik-Bold";
}

.socialInner ul {
    padding: 15px 0;
}

.socialInner ul li {
    float: left;
}

.socialInner .socialBtn {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    font-family: "Rubik-Regular";
    color: #fff;
    position: relative;
    z-index: 1;
    margin-right: 15px;
    display: inline-block;
    width: 30px;
    height: 30px;
}

.socialInner .socialBtn:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    background: rgba(0, 0, 0, 0.2);
    z-index: -1;
    -webkit-border-radius: inherit;
    -moz-border-radius: inherit;
    -ms-border-radius: inherit;
    border-radius: inherit;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.socialInner .socialBtn:hover {
    color: #fff;
}

.socialInner .socialBtn:hover:after {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
}

.socialInner .socialBtn.facebookShare {
    background: #3559a0;
    width: 30px;
    height: 30px;
    background: url(clientlibs/images/sprite.png) no-repeat;
    background-position: -544px -458px;
}

.socialInner .socialBtn.tweeterShare {
    width: 30px;
    height: 30px;
    background: url(clientlibs/images/sprite.png) no-repeat;
    background-position: -587px -458px;
}

.socialInner .socialBtn.linkInShare {
    width: 30px;
    height: 30px;
    background: url(clientlibs/images/sprite.png) no-repeat;
    background-position: -630px -458px;
}

.socialInner .socialBtn.blogShare {
    width: 30px;
    height: 30px;
    background: url(clientlibs/images/sprite.png) no-repeat;
    background-position: -674px -458px;
}

.socialInner .socialBtn.instaShare {
    width: 30px;
    height: 30px;
    background: url(clientlibs/images/sprite.png) no-repeat;
    background-position: -717px -458px;
}

.socialInner .socialBtn.youtubeShare {
    width: 30px;
    height: 30px;
    background: url(clientlibs/images/sprite.png) no-repeat;
    background-position: -760px -458px;
}

/*******Added by Indigo Dated 9th July 2019 End*****/
.congWrapper .congWrap .column p {
    font-family: "Rubik-Regular";
    font-size: 1.6rem;
    color: #4f4f4f;
    text-align: left
}

.congWrapper .congWrap .column .btn {
    max-width: 142px;
    min-width: 142px;
    height: 30px;
    font-family: "Rubik-Regular";
    font-size: 1.6rem;
    color: #fff;
    float: left;
    padding: 4px 0;
}

.congWrapper .congWrap .column .btn:hover {
    color: #f89c30;
}

.congWrapper .congWrap .column:first-child p {
    font-family: "Rubik-Regular";
    font-size: 2.2rem;
    color: #5f6364
}

.congWrapper .congWrap .column:first-child p span {
    font-family: "Rubik-Bold";
    font-size: 2.8rem
}

.congWrapper .congWrap .column:first-child .btn {
    margin-top: 18px
}

.congWrapper h1 {
    font-family: Arial;
    font-weight: bold;
    font-size: 3.5rem;
    color: #fd9442
}

.congWrapper .carDetails {
    max-width: 596px;
    width: 100%;
    border: 1px solid #1793fe;
    border-radius: 10px;
    margin-top: 29px;
    overflow: hidden
}

.congWrapper .carDetails .detailsHeader {
    background-color: #1793fe;
    padding: 18px;
    display: block;
    width: 100%;
}

.congWrapper .carDetails .detailsHeader h2 {
    font-family: "Rubik-Bold";
    font-size: 2.5rem;
    color: #fff;
    float: left
}

/*********Added on 18th March 2019 Start******************/
.congWrapper .carDetails .detailsHeader .align-right {
    margin-top: 10px;
    width: 150px;
}

/*********Added on 18th March 2019 End******************/
.congWrapper .carDetails .detailsHeader h2 {
    margin: 20px 0px 0px 15px
}

.congWrapper .carDetails .detailsHeader .userImg {
    background-color: #fff;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    display: inline-block;
    overflow: hidden;
    float: left
}

.congWrapper .carDetails .detailsHeader .userImg img {
    padding-top: 10px
}

.congWrapper .carDetails .detailsCont {
    padding: 28px 18px
}

.congWrapper .carDetails .detailsCont .userCarDetails {
    border-left: 1px solid #e4e4e4;
    width: 48%;
    float: left;
    padding-left: 30px;
}

.congWrapper .carDetails .detailsCont .userCarDetails .carName {
    font-family: "Rubik-Regular";
    font-size: 1.8rem;
    color: #4f4f4f;
    text-align: left;
}

.congWrapper .carDetails .detailsCont .userCarDetails:first-child {
    border: none;
    padding: 0;
}

.congWrapper .carDetails .detailsCont .userCarDetails .carCont {
    margin-bottom: 20px
}

.congWrapper .carDetails .detailsCont .userCarDetails .carCont img {
    float: left;
    margin-top: 3px
}

.congWrapper .carDetails .detailsCont .userCarDetails .carCont span {
    font-family: "Rubik-Regular";
    color: #757575;
    font-size: 1.6rem;
    display: inline-block;
    margin-left: 10px;
    float: left
}

.congWrapper .carDetails .detailsCont .userCarDetails .carCont p {
    font-family: "Rubik-Bold";
    color: #035b95;
    font-size: 1.8rem;
    margin-top: 10px;
    text-align: left;
    clear: both
}

.congWrapper .carDetails .detailsCont .userCarDetails p a {
    font-family: "Rubik-Bold";
    display: inline-block;
    font-size: 1.6rem;
    color: #fd9442;
    position: relative;
    padding-left: 25px;
    float: left
}

.congWrapper .carDetails .detailsCont .userCarDetails p a:before {
    content: '';
    position: absolute;
    width: 17px;
    height: 17px;
    background: url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-position: -655px -128px;
    left: 0px;
    top: 4px
}

.congWrapper .carDetails .detailsCont .userCarDetails p a:after {
    content: '';
    position: absolute;
    width: 90%;
    height: 1px;
    background-color: #fd9442;
    left: 25px;
    bottom: 0px
}

.congWrapper .carDetails .detailsCont .userCarImg {
    float: right;
    width: 50%;
    padding: 0px 16px
}

.congWrapper .carDetails .detailsCont .userCarImg p {
    font-family: "Rubik-Regular";
    font-size: 1.8rem;
    color: #4f4f4f;
    text-align: left
}

.congWrapper .carDetails .detailsCont .userCarImg img {
    float: left
}

.congWrapper .congratsSvg {
    width: 250px;
    height: 250px;
    display: inline-block;
    vertical-align: top;
    position: relative
}

.congWrapper .congratsSvg #congratsDecoration {
    width: 100%;
    height: 100%;
    float: left
}

.congWrapper .congratsSvg #congratsDecoration.activeDecoration {
    -webkit-animation: fadeInUpDecorate 2s ease-in 0s 1;
    -moz-animation: fadeInUpDecorate 2s ease-in 0s 1;
    -ms-animation: fadeInUpDecorate 2s ease-in 0s 1;
    -o-animation: fadeInUpDecorate 2s ease-in 0s 1;
    animation: fadeInUpDecorate 2s ease-in 0s 1;
    opacity: 1
}

.congWrapper .congratsSvg .congratsThumb {
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-animation: fadeInUpThumb 1s ease-in 0s 1;
    -moz-animation: fadeInUpThumb 1s ease-in 0s 1;
    -ms-animation: fadeInUpThumb 1s ease-in 0s 1;
    -o-animation: fadeInUpThumb 1s ease-in 0s 1;
    animation: fadeInUpThumb 1s ease-in 0s 1;
    background: #fff;/* -webkit-box-shadow:0 5px 20px 5px #eaeaea;
    -moz-box-shadow:0 5px 20px 5px #eaeaea;
    -ms-box-shadow:0 5px 20px 5px #eaeaea;
    -o-box-shadow:0 5px 20px 5px #eaeaea;
    box-shadow:0 5px 20px 5px #eaeaea; */
    -webkit-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    height: 126px;
    width: 126px;
    position: absolute;
    left: 50%;
    top: 50%
}

.congWrapper .congratsSvg .congratsThumb #congratsThumbsvg {
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 50%
}

.congWrapper .digiLock {
    position: relative;
    margin-top: 18px
}

.congWrapper .digiLock p {
    font-family: "Rubik-Regular";
    font-size: 1.4rem;
    color: #4f4f4f
}

.congWrapper .digiLock p a {
    font-size: 1.4rem;
    color: #4f4f4f;
    border-bottom: 1px solid #4f4f4f;
    position: relative
}

/* .congWrapper .digiLock p a:after{
content:'';
position:absolute;
right:-22px;
top:0;
width:16px;
height:15px;
background:url("../../../../../../../content/dam/bagicextension/motor-insurance/tooltip-icon.png") no-repeat
} */
.congWrapper .align-left {
    float: left
}

.congWrapper .align-right {
    float: right
}

.congWrapper .starRating {
    margin-bottom: 10px
}

.congWrapper .starRating .startWrap {
    width: 100%;
    margin-top: 8px
}

.congWrapper .starRating .startWrap ul {
    margin: 0 auto;
    display: inline-block;
    position: relative
}

.congWrapper .starRating .startWrap ul li {
    margin-right: 7px;
    opacity: 1;
    filter: alpha(opacity=0);
    width: 27px;
    height: 25px;
    position: relative;
    float: left;
    left: 0;
    z-index: 2;
    cursor: pointer;
    background: url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
    background-position: -389px -72px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.congWrapper .starRating .startWrap ul li.active {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background: url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
    background-position: -353px -72px
}

.congWrapper .starRating .startWrap ul li:last-child {
    margin-right: 0
}

.congWrapper .starRating .startWrap ul li input {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    opacity: 0;
}

.congWrapper .link {
    font-family: "Rubik-Regular";
    font-size: 1.4rem;
    color: #0071bb;
    border-bottom: 1px solid #0071bb
}

.congWrapper .getInTouch {
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    position: fixed;
    top: 50%;
    right: 28px;
    z-index: 1;
    cursor: pointer
}

.congWrapper .getInTouch p {
    font-family: "Rubik-Regular";
    font-size: 1.4rem;
    color: #000;
    margin-top: 5px
}

.paymentWrapper .btn,
.congWrapper .btn {
    background: #f89c30;
    padding: 9px 0px 9px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    color: white;
    font-size: 2.4rem;
    display: inline-block;
    clear: both;
    position: relative;
    overflow: hidden;
    z-index: 1;
    text-align: center;
    border: 1px solid #f89c30;
    font-family: 'Rubik-Bold';
    letter-spacing: 1px;
    max-width: 235px;
    min-width: 235px;
    width: 90%;
}

.paymentWrapper .btn:before,
.congWrapper .btn:before {
    content: '';
    z-index: -1;
    background: white;
    position: absolute;
    top: 50%;
    right: 100%;
    margin: -15px 0 0 1px;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transform: scale3d(1, 2, 1);
    -moz-transform: scale3d(1, 2, 1);
    -ms-transform: scale3d(1, 2, 1);
    -o-transform: scale3d(1, 2, 1);
    transform: scale3d(1, 2, 1);
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
}

.paymentWrapper .btn:hover,
.congWrapper .btn:hover {
    color: #f89c30;
}

.paymentWrapper .btn:hover:before,
.congWrapper .btn:hover:before {
    -webkit-transform: scale3d(9, 9, 1);
    -moz-transform: scale3d(9, 9, 1);
    -ms-transform: scale3d(9, 9, 1);
    -o-transform: scale3d(9, 9, 1);
    transform: scale3d(9, 9, 1);
}

.paymentWrapper .btn.btn-small,
.congWrapper .btn.btn-small {
    max-width: 110px;
    min-width: 110px;
    padding: 3px 0;
    font-family: "Rubik-Regular";
    font-size: 1.6rem
}

.congWrapper .congWrap .column .btn.btn-share {
    position: relative;
    padding-left: 13px;
    margin-top: 10px
}

.congWrapper .congWrap .column .btn.btn-share:after {
    content: '';
    position: absolute;
    left: 31px;
    top: 5px;
    width: 17px;
    height: 20px;
    background: url("../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png") no-repeat;
    background-position: -175px -440px;
    margin: 0;
    transform: none;
}

.congWrapper .congWrap .column .btn.btn-share:hover:after {
    background-position: -199px -440px;
}

/*******Style Added by Samina on 14th Sep 2018 Start**********/
.healthBenefits {
    -webkit-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    -ms-transition: 0.5s ease all;
    -o-transition: 0.5s ease all;
    transition: 0.5s ease all;
}

.healthBenefits ul {
    border: 1px solid #e1e1e1;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-shadow: 10px 7px 20px 1px rgba(234, 234, 234, 0.4);
    -moz-box-shadow: 10px 7px 20px 1px rgba(234, 234, 234, 0.4);
    -ms-box-shadow: 10px 7px 20px 1px rgba(234, 234, 234, 0.4);
    -o-box-shadow: 10px 7px 20px 1px rgba(234, 234, 234, 0.4);
    box-shadow: 10px 7px 20px 1px rgba(234, 234, 234, 0.4);
    padding: 35px 10px;
}

.healthBenefits ul li {
    display: inline-block;
    vertical-align: top;
    width: 33%;
    text-align: center;
    padding: 0 20px;
    position: relative;
    margin-bottom: 40px;
}

.healthBenefits ul li .imgSec {
    height: 57px;
    width: 57px;
    margin: 0 auto;
    margin-bottom: 20px;
}

.healthBenefits ul li .imgSec svg {
    height: 57px;
    width: 57px;
}

.healthBenefits ul li h4 {
    font-size: 2rem;
    color: #005596;
    font-family: "Rubik-Regular";
    font-weight: normal;
}

.healthBenefits ul li p {
    margin-top: 15px;
    font-size: 1.6rem;
    color: #58585a;
    line-height: 26px;
}

.healthBenefits ul li:after {
    content: "";
    width: 1px;
    height: 80%;
    background: #ebebeb;
    position: absolute;
    right: 0;
    top: 10%;
}

.healthBenefits ul li:last-child:after {
    display: none;
}

.healthBenefits ul li:nth-child(3n + 3):after {
    display: none;
}

/*******Style Added by Samina on 14th Sep 2018 End**********/

/** Added by Bhavesh on 17-09-2018 START **/
.summaryContainer {
    height: 260px;
    overflow: auto;
    padding: 0 5px 0 0;
}

.claimYear,
.ncbDrpdwn {
    position: relative;
}

/* code added by poonam Policy expiry date change 25-aug-2020 */
.ncbDrpdwn {
    display: none;
    width: 90%;
    margin-left: 20px;
}

.ncbDrpdwn select {
    width: 100%;
}

.claimYear.disabled:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0.7;
    z-index: 1;
}

.ui-slider .ui-slider-handle {
    z-index: 100;
}

.summaryLightbox {
    width: 600px;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    z-index: 17;
    padding: 45px 40px 30px 40px;
}

.summaryLightbox h2 {
    font-size: 2.5rem;
    color: #8b8b8b;
    padding-bottom: 35px;
}

.summaryLightbox .span12 {
    padding: 10px 0;
}

.editSummaryLightbox .inputDiv {
    position: relative;
}

.summaryLightboxContainer .span12 input {
    color: #ff9b41;
    border-bottom: 1px solid #ccc;
}

.summaryLightboxContainer .span12>label {
    float: left;
    width: 37%;
    font-size: 1.8rem;
    color: #0071bb;
}

/****Added by Samina on 21st Sep 2018*****/
.personalLightbox .span12>label {
    width: 31%;
}

.summaryLightboxContainer .radioWrapper ul li label {
    padding: 5px 25px 5px 25px;
}

.summaryLightboxContainer .radioWrapper ul li {
    position: relative
}

.summaryLightboxContainer .radioWrapper ul li input[type=radio] {
    position: absolute;
    left: 0;
    top: 0;
}

.summaryLightbox .close {
    position: absolute;
    right: 20px;
    top: 20px;
    background: url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
    background-position: -321px -89px;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.summaryLightbox {
    max-width: 790px;
    width: 100%;
    position: fixed;
    background: #fff;
    padding: 20px;
    border-radius: 5px;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    z-index: 17;
    display: none;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px;
}

.overlay {
    position: fixed;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 16;
    display: none;
}

.reCalculate {
    max-width: none;
    width: auto;
    padding: 10px 30px;
}

.summaryLightbox .note {
    color: #818181;
    font-size: 1.6rem;
}

/* .carInsurance .stepsNumber .step-progressbar li > span span em:before {
border-color: transparent;
border-right-color: #6d6c6c;
border-width: 9px;
margin-top: -9px;
}
.carInsurance .stepsNumber .step-progressbar li > span span em:after {
border-color: rgba(255, 255, 255, 0);
border-right-color: #fff;
border-width: 8px;
margin-top: -8px;
}
.carInsurance .stepsNumber .step-progressbar li > span span em:after, .carInsurance .stepsNumber .step-progressbar li > span span em:before {
right: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
} */
#Cloud_1 {
    animation: cloudAnim 50s infinite linear;
}

#Cloud_2 {
    animation: cloudAnim1 50s infinite linear;
}

@keyframes cloudAnim {
    0% {
        transform: translateX(10%);
        -moz-transform: translateX(10%);
        -webkit-transform: translateX(10%);
    }

    25% {
        transform: translateX(-10%);
        -moz-transform: translateX(-10%);
        -webkit-transform: translateX(-10%);
    }

    50% {
        transform: translateX(10%);
        -moz-transform: translateX(10%);
        -webkit-transform: translateX(10%);
    }

    75% {
        transform: translateX(-10%);
        -moz-transform: translateX(-10%);
        -webkit-transform: translateX(-10%);
    }

    100% {
        transform: translateX(10%);
        -moz-transform: translateX(10%);
        -webkit-transform: translateX(10%);
    }

}

@-webkit-keyframes cloudAnim {
    0% {
        transform: translateX(10%);
        -moz-transform: translateX(10%);
        -webkit-transform: translateX(10%);
    }

    25% {
        transform: translateX(-10%);
        -moz-transform: translateX(-10%);
        -webkit-transform: translateX(-10%);
    }

    50% {
        transform: translateX(10%);
        -moz-transform: translateX(10%);
        -webkit-transform: translateX(10%);
    }

    75% {
        transform: translateX(-10%);
        -moz-transform: translateX(-10%);
        -webkit-transform: translateX(-10%);
    }

    100% {
        transform: translateX(10%);
        -moz-transform: translateX(10%);
        -webkit-transform: translateX(10%);
    }

}

@keyframes cloudAnim1 {
    0% {
        transform: translateX(-5%);
        -moz-transform: translateX(-5%);
        -webkit-transform: translateX(-5%);
    }

    25% {
        transform: translateX(5%);
        -moz-transform: translateX(5%);
        -webkit-transform: translateX(5%);
    }

    50% {
        transform: translateX(-5%);
        -moz-transform: translateX(-5%);
        -webkit-transform: translateX(-5%);
    }

    75% {
        transform: translateX(5%);
        -moz-transform: translateX(5%);
        -webkit-transform: translateX(5%);
    }

    100% {
        transform: translateX(-5%);
        -moz-transform: translateX(-5%);
        -webkit-transform: translateX(-5%);
    }

}

@-webkit-keyframes cloudAnim1 {
    0% {
        transform: translateX(-5%);
        -moz-transform: translateX(-5%);
        -webkit-transform: translateX(-5%);
    }

    25% {
        transform: translateX(5%);
        -moz-transform: translateX(5%);
        -webkit-transform: translateX(5%);
    }

    50% {
        transform: translateX(-5%);
        -moz-transform: translateX(-5%);
        -webkit-transform: translateX(-5%);
    }

    75% {
        transform: translateX(5%);
        -moz-transform: translateX(5%);
        -webkit-transform: translateX(5%);
    }

    100% {
        transform: translateX(-5%);
        -moz-transform: translateX(-5%);
        -webkit-transform: translateX(-5%);
    }

}

#ui-datepicker-div.ui-datepicker {
    z-index: 17 !important;
    zoom: 85%;
}

/** Added by Bhavesh on 17-09-2018 END **/

/******PlanReviewSec Added by Samina on 17th Sep 2018 Start*********/
.planReviewSec ul {
    margin: 18px 0;
    border: 1px solid #e1e1e1;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-shadow: 10px 7px 20px 1px rgba(234, 234, 234, 0.4);
    -moz-box-shadow: 10px 7px 20px 1px rgba(234, 234, 234, 0.4);
    -ms-box-shadow: 10px 7px 20px 1px rgba(234, 234, 234, 0.4);
    -o-box-shadow: 10px 7px 20px 1px rgba(234, 234, 234, 0.4);
    box-shadow: 10px 7px 20px 1px rgba(234, 234, 234, 0.4);
    padding: 35px 10px;
    background-color: #fff;
}

.planReviewSec ul li {
    display: inline-block;
    vertical-align: top;
    width: 19%;
    text-align: center;
    padding: 0 20px;
    position: relative;
    margin-bottom: 0px;
}

.planReviewSec ul li:after {
    content: "";
    width: 1px;
    height: 80%;
    background: #ebebeb;
    position: absolute;
    right: 0;
    top: 10%;
}

.planReviewSec ul li:nth-child(3):after,
.planReviewSec ul li:nth-child(6):after {
    width: 0;
}

.planReviewSec ul li .imgSec {
    height: 57px;
    width: 57px;
    margin: 0 auto;
    margin-bottom: 20px;
}

.planReviewSec ul li h4 {
    font-size: 2rem;
    color: #005596;
    font-family: "Rubik-Regular";
    font-weight: normal;
}

.planReviewSec ul li p {
    margin-top: 15px;
    font-size: 1.4rem;
    color: #58585a;
    line-height: 21px;
}

/******PlanReviewSec Added by Samina on 17th Sep 2018 End*********/

/******Car Insurance Section Style Added by Samina on 17th Sep 2018 Start**********/
#compName,
#bankFinance {

    /***Added by Samina on 18th Sep 2018***/
    border-bottom: 1px solid #0071bb;
    margin-left: 27px;
    color: #ff9b41;
    font-size: 1.8rem;
    display: none;
}

.FinanceRow {
    display: none;
}

#bankFinance {
    margin-top: 15px;
    margin-left: 0;
    display: block;
    text-align: center;
}

.planReviewSec {
    display: none;
}

.carincpanel .leftpanel .telematics-service .telematics-service-detail-content h4 {
    color: #fe9542;
    font-size: 1.6rem;
    font-family: 'Rubik-Bold';
    margin-top: 17px;
}

.fitmentCont {
    display: none;
}

.carincpanel .leftpanel .fitmentCont .declare-radio ul li label:before {
    top: 3px;
    background: transparent;
    border: 1px solid #c1c1c1;
    width: 20px;
    height: 20px;
}

.carincpanel .leftpanel .fitmentCont .declare-radio ul li label {
    font-size: 2rem;
    line-height: 1.4;
}

.carincpanel .leftpanel .fitmentCont .declare-radio ul li input:checked+label:before {
    background-position: -368px -468px;
}

.fitmentCont .elect .electCont {
    float: left;
    width: 100%;
    margin: 0 0 10px 32px;/******Added by Samina on 18th Sep 2018*******/
}

.fitmentCont .elect .electCont div {
    float: left;
    width: 48%;
    position: relative;
}

.carincpanel .leftpanel .fitmentCont .elect .electCont div input {
    border-bottom: 1px solid #0071bb;
    background: transparent;
    padding-left: 6px;
    color: #fe9542;
    width: 100px;
    padding-left: 13px;
    opacity: 1;
    z-index: 12;
}

.fitmentCont .elect .electCont div .inputRow {
    position: relative;
    float: left;
    width: 30%;
    margin-left: 6px;
    clear: both;
}

.carincpanel .leftpanel .fitmentCont .elect .electCont div label {
    float: left;
    padding-left: 0;
    margin-left: 22px;
}

.carincpanel .leftpanel .fitmentCont .elect .electCont div label:before {
    width: 0;
    height: 0;
    border: none;
}

.fitmentCont .elect .electCont div .indian-rupee {
    position: absolute;
    left: 0;
    color: #fe9542;
    font-size: 2rem;
}

.carincpanel .leftpanel .fitmentCont .declare-radio.elect ul li.listPos {
    position: relative;
    padding-bottom: 55px;/*****Added by Samina on 18th Sep 2018*******/
}

.fitmentCont .elect .electCont.nonElectRow,
.fitmentCont .elect .electCont.nonElect {
    display: none;
}

.carincpanel .leftpanel .rowline.driveSmartYes {
    display: none;
}

.carincpanel .leftpanel .rowline.driveSmartOptNo {
    display: none;
}

.stepsWrapper.carincpanel .leftpanel .rowline.driveSmartOpt .additional-fitments h4.headdefine .tooltipIcon:after {
    right: -18px;
}

.congWrapper input {
    background: none;
}

/******Car Insurance Section Style Added by Samina on 17th Sep 2018 End**********/
.sendQuote,
.mobNumber {
    position: relative;
}

.mobNumber input {
    padding-left: 36px;
}

.sendQuote input {
    padding-left: 32px;
    width: 100%
}

.captcha input {
    width: 100%
}

.captcha .tooltipIcon {
    top: -9px;
    position: absolute
}

.preFixed {
    font-size: 2.2rem;
    line-height: 2.5;
    color: #ff9b41;
    position: absolute;
    top: 22px;
    left: 36%;
    float: left;
}

.mobNumber .preFixed {
    left: 251px;
    top: 12px;
    font-size: 1.8rem;
    line-height: inherit;
}

/* Code added by Bajaj General TEAM 26-11-2019 */

/* Code end by Bajaj General TEAM 26-11-2019 */

/***Add by Samina on 24th Sep 2018***/
.policyExpireStatus .span9 {
    padding: 0;
}

/* Feddback Popup added by Bhavesh 18-09-2018 - START */
.referNowPopup,
.ratingFbPopup {
    max-width: 600px;
    width: 100%;
    position: fixed;
    background: #fff;
    padding: 20px;
    border-radius: 5px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    z-index: 99913;
    display: none;/* box-shadow: 0 0 40px 1px #b9b6b6; */
}

.referNowPopup .close,
.ratingFbPopup .close {
    position: absolute;
    right: 20px;
    top: 20px;
    background: url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
    background-position: -321px -89px;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.referNowPopup .innerContainer,
.ratingFbPopup .innerContainer {
    padding: 10px;
}

.referNowPopup .innerContainer ul li,
.ratingFbPopup .innerContainer ul li {
    width: 100%;
    margin-bottom: 18px;
    padding-bottom: 15px;
    float: left;
    position: relative;
}

.referNowPopup .innerContainer ul li label,
.ratingFbPopup .innerContainer ul li label {
    display: block;
    color: #005596;
}

.referNowPopup .innerContainer ul li label sub,
.ratingFbPopup .innerContainer ul li label sub {
    vertical-align: top;
}

.referNowPopup .innerContainer ul li input,
.ratingFbPopup .innerContainer ul li input {
    width: 100%;
    border-bottom: 1px solid #d7d7d7;
}

.referNowPopup .innerContainer ul li .customSelect .selectedText,
.ratingFbPopup .innerContainer ul li .customSelect .selectedText {
    border-bottom: 1px solid #d7d7d7;
    color: #4f4f4f;
}

.referNowPopup .innerContainer ul li .customSelect .selectedText:after,
.ratingFbPopup .innerContainer ul li .customSelect .selectedText:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 0;
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border: 1px solid #9c9a9a;
    border-color: transparent transparent #9c9a9a #9c9a9a;
    right: 5px;
    background: none;
}

.referNowPopup .innerContainer ul li:nth-child(2n + 2),
.ratingFbPopup .innerContainer ul li:nth-child(2n + 2) {
    float: right;
}

.referNowPopup .innerContainer .error,
.ratingFbPopup .innerContainer .error {
    padding: 0;
    display: none;
    width: 100%;
    padding-top: 2px;
    color: red;
    font-size: 1.4rem;
    bottom: -4px;
    position: absolute;
}

.zIndex {
    z-index: 444444;
}

.congratulationMain .referNowPopup .innerContainer .btn {
    padding: 8px 30px 10px;
    font-size: 1.8rem;
}

.ratingFbPopup .innerContainer ul li {
    width: 100%;
    text-align: left;
}

.ratingFbPopup .innerContainer ul li textarea {
    border-bottom: 1px solid #d7d7d7;
    color: #4f4f4f;
    width: 100%;
    resize: none;
}

.ratingFbPopup .innerContainer ul li p {
    font-weight: normal;
}

.ratingFbPopup .customSelect {
    width: 100%;
}

.ratingFbPopup .selectedText {
    left: 0;
    float: none;
    padding: 0;
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
}

.ratingFbPopup .btn,
.referNowPopup .btn,
.reCalculate,
.personalLightbox .btn {
    width: auto;
    padding: 9px 30px 9px;
    max-width: none;
    min-width: 1px !important;
    font-size: 1.8rem;
}

/* Feddback Popup added by Bhavesh 18-09-2018 - END */

/*********Style Added by Samina on 18th Sep 2018**********/
#compName {
    background: none;
}

.makePayment {
    opacity: 1;
    z-index: 1;
}

.makePayemnt.disable,
.proceedBtn.disable {
    opacity: 0.4;
    position: relative;
    cursor: default;
}

.makePayemnt.disable:hover,
.proceedBtn.disable:hover {
    color: #fff;
}

.makePayemnt.disable:before,
.proceedBtn.disable:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    background: none;
}

.fitmentCont ul li {
    position: relative;
    display: inline-block;
    width: 100%;
}

.stepsWrapper.carincpanel .tooltipIcon:after {
    top: -14px;
}

/* .selectnominee .nomineeRelation
{
width: 320px;
}  */
.stepsWrapper.carincpanel .leftpanel .additional-fitments h4.headdefine .tooltipIcon {
    position: relative;
}

.stepsWrapper.carincpanel .leftpanel .additional-fitments h4.headdefine .tooltipIcon:after {
    top: -13px;
    right: 13px;
}

/*----------Added by Indigo on 2nd May 2019 Start-------*/
.paymentWrapper input {
    color: #ff9b41;
    text-align: center;
}

.margBtm10 .tooltipIcon {
    display: inline-block;
    position: absolute;
    right: 36%;
    top: 12%;
}

/*----------Added by Indigo on 2nd May 2019 End-------*/

/* .loanDiv label, .loanDiv input{
display: inline-block;
float: left;
} */

/* .loanSelect {
float: left;
} */

/* .loanSelect .customSelect {
margin: 0 15px;
} */
.loanSelect .customSelect .selectedText:after {
    right: -1px;
}

.loanSelect .tooltipIcon:after {
    top: 4px;
    right: -24px;
}

.loanDiv input {
    color: #ff9b41;
    font-family: "Rubik-Regular";
    font-size: 2rem;
}

.loanDiv label {
    float: left;
}

.loanDiv .customSelect {
    margin-left: 10px;
}

.nomineeDiv .loanSelect {
    max-width: 200px;
    text-align: center;
}

.nomineeDiv label {
    text-align: center;
    display: block;
}

.nomineeDiv .customeSelect,
.policyDetails .customeSelect {
    width: 100%;
    display: block;
}

/* .nomineeDiv .wheelWrap .tooltipIcon {
position: relative;
} */
.nomineeDiv .wheelWrap .tooltipIcon:after,
.policyDetails .wheelWrap .tooltipIcon:after {
    top: -62px;
    right: -105px;
}

.wheelWrap .customSelect .selectedText {
    font-size: 1.5rem;
}

.add-disc .drpWrapper {
    margin-left: 15px;
    position: relative;
    top: -8px;
}

.car-owner .drpWrapper {
    position: relative;
    top: -7px;
    z-index: 0;
    float: left;
}

.carincpanel .leftpanel .telematics-service .telematics-service-detail.classicArrow:before {
    left: 98px !important;
}

.carincpanel .leftpanel .telematics-service .telematics-service-detail.premiumArrow:before {
    left: 395px !important;
}

.carincpanel .leftpanel .telematics-service .telematics-service-detail.prestigeArrow:before {
    left: 660px !important;
}

.carincpanel .leftpanel .telematics-service .telematics-service-detail.economyArrow:before {
    left: 260px !important;
}

.carincpanel .leftpanel .telematics-service .telematics-service-detail.economyPlusArrow:before {
    left: 530px !important;
}

.carincpanel .leftpanel .telematics-service .telematics-service-content ul li label p {
    display: block;
    text-align: center;
    color: #fe9542;
    background-color: transparent;
    font-size: 1.6rem;
    font-family: 'Rubik-Bold';
    padding: 10px 35px;/******Added by Samina on 18th Sep 2018*******/
    border-radius: 10px;
    -webkit-box-shadow: 5px 5px 30px 1px #e0e0e0;
    -moz-box-shadow: 5px 5px 30px 1px #e0e0e0;
    box-shadow: 5px 5px 30px 1px #e0e0e0;
    position: relative;
}

/* line 423, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li label p:before {
    content: '';
    position: absolute;
    left: -10px;
    top: -10px;
    width: 22px;
    height: 22px;
    border: 1px #dddddd solid;
    background-color: #ffffff;
    border-radius: 50%;
}

/* line 434, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .telematics-service .telematics-service-content ul li label p span:last-child {
    display: block;
    text-align: center;
    color: #0071bb;
    font-size: 2.7rem;/***Add by Samina on 24th Sep 2018***/
    font-family: 'Rubik-Regular';
    margin-top: 10px;
}

.carincpanel .leftpanel .telematics-service .telematics-service-content ul li.active input+label p:before {
    background: #ff9b41 url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
    background-position: -367px -467px;
    border: 1px solid #fff;
}

.carincpanel .leftpanel .telematics-service .telematics-service-content ul li.active p {
    color: #ffffff;
}

.carincpanel .leftpanel .telematics-service .telematics-service-content ul li.active p span:last-child {
    color: #ffffff;
}

/* .carincpanel .leftpanel .rowline .premiumBreakCol {
margin-right: 50px;
position: relative;
float: left;
max-width: 295px;
width: 100%;
}
.carincpanel .leftpanel .rowline.premiumBreak .premiumBreakCont {
position: relative;
}
.carincpanel .leftpanel .rowline.premiumBreak .premiumBreakCol .preText,  .carincpanel .leftpanel .rowline.premiumBreak .premiumBreakCol .preTextShow{
color: #0080c9;
font-size: 1.6rem;
font-family: "Rubik-Bold";
text-align: center;
margin-bottom: 3px;
}
.carincpanel .leftpanel .rowline.premiumBreak .premiumBreakCol .preText {
display: none;
}
.carincpanel .leftpanel .rowline.premiumBreak .premiumBreakCont .tickIcon {
position: relative;
left: 0;
float: left;
}
.carincpanel .leftpanel .rowline.premiumBreak .premiumBreakCont .tickIcon:before {
content: '';
position: absolute;
left: -10px;
top: -16px;
width: 22px;
height: 22px;
border: 1px #dddddd solid;
background-color: #ffffff;
border-radius: 50%;
}
.carincpanel .leftpanel .rowline.premiumBreak .premiumBreakCont .tickIcon.active:before {
background: #ff9b41 url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
background-position: -367px -467px;
border: 1px solid #fff;
}
.carincpanel .leftpanel .rowline.premiumBreak .premiumBreakCont input {
opacity: 0;
z-index: 999;
position: absolute;
top: 0;
} */
.tooltipIcon .tooltipCont {
    width: 260px;
    height: auto;
    position: absolute;
    right: 0;
    background: #fff;
    border: 1px solid #ebebeb;
    -webkit-transform: rotateX(-50%);
    -moz-transform: rotateX(-50%);
    -ms-transform: rotateX(-50%);
    -o-transform: rotateX(-50%);
    transform: rotateX(-50%);
    font-family: 'Rubik-Regular';
    top: -40px;
    padding: 10px;
    text-align: left;
    display: none;
    color: #909090;
    font-size: 1.3rem;
    line-height: 16px;
    z-index: 999;
    font-weight: lighter;
}

/*********Style Added by Samina on 18th Sep 2018 END**********/

/**********Style Added by Samina on 19th Sep 2018*************/
.backTop {
    margin-top: 20px;
    float: right;
    display: none;
    position: absolute;
    right: -90px;
    bottom: 30px;
    display: none;
}

.backTop:before {
    background: none;
    content: "";
    border: 2px solid #757575;
    border-color: transparent transparent #ff9b41 #ff9b41;
    -webkit-transform: rotate(134deg);
    -moz-transform: rotate(134deg);
    -ms-transform: rotate(134deg);
    -o-transform: rotate(134deg);
    transform: rotate(134deg);
    width: 8px;
    height: 8px;
    margin: 10px 0 0 10px;
    vertical-align: top;
    display: block;
    margin: 0 auto;
}

.bluecolor input {
    color: #ff9b41;/* border-bottom: 1px solid #0071bb; */
    width: 12%;
    margin-bottom: 10px;
    text-align: center;
}

.align-middle {
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
}

.rowline.hideCont .tooltipIcon:after {
    top: -13px;
}

.wheelWrap .tooltipIcon,
.formWrapper .tooltipIcon,
.eiaNumber .tooltipIcon {
    position: static;
}

.wheelWrap .loanSelect {
    position: relative;
    display: inline-block;
    margin: 2% 0;
}

.digiLock .tooltipIcon:after {
    top: 0px;
}

.inputDiv {
    float: left;
}

.eiaRow .inputDiv .errorMsg {
    float: none;/* display: none; */
}

/***********Added by Samina on 20h Sep 2018*****************/
.paymentWrapper {
    margin: 0 auto 0;
}

.paymentWrapper #address {
    text-align: center;
}

.driveSmart ul,
.driveSmartYes ul {
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: relative;
    left: 50%;
    display: inline-block;
}

.carincpanel .leftpanel .driveSmart .telematics-service .telematics-service-content ul li label p,
.carincpanel .leftpanel .driveSmartYes .telematics-service .telematics-service-content ul li label p {
    padding: 10px 25px;
}

/* .premiumWrapper .premiumBreakCont {
width: 100%;
}
.premiumWrapper .premiumBreakCont .premiumBreakContR p:before{
transform: translateX(-50%) scale(0.7);
-webkit-transform: translateX(-50%) scale(0.7);
-moz-transform: translateX(-50%) scale(0.7);
-ms-transform: translateX(-50%) scale(0.7);
-o-transform: translateX(-50%) scale(0.7);
top: 5px;
left: 50px;
}
.premiumWrapper .premiumBreakCont .premiumBreakContR {
padding: 10px 20px;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
position: relative;
left: 50%;
}
.premiumWrapper .premiumBreakCont .premiumBreakContR p a.textLink{
font-size: 1.4rem;
border-bottom: 1px solid #9e9f9f;
display: block;
}
.premiumWrapper .premiumBreakCont .premiumBreakContR p a.textLink:before{
width: 0;
height: 0;
}
.premiumWrapper .premiumBreakCont .premiumBreakContR p span.preAmtWrap {
font-size: 2.7rem;
}
.premiumWrapper .premiumBreakCont .premiumBreakContR p .preWrap {
padding-left: 100px;
float: left;
}
.premiumWrapper .premiumBreakCont .premiumBreakContR p {
padding-left: 100px;
color: #0e8dfa;
} */
.carincpanel .leftpanel .declare-radio.checkboxStyle ul li label:before {
    border-radius: 4px;/*Devendra start 27-Nov-2019 */
    width: 15px;
    height: 15px;/*Devendra end 27-Nov-2019 */
}

.carincpanel .leftpanel .declare-radio.checkboxStyle ul li input:checked+label:before {
    background-position: -370px -470px;
}

.theft_cover .declare-radio.checkboxStyle ul li label:before {
    border-radius: 4px;/*Devendra start 27-Nov-2019 */
    width: 15px;
    height: 15px;/*Devendra end 27-Nov-2019 */
}

.theft_cover .declare-radio.checkboxStyle ul li input:checked+label:before {
    background-position: -370px -470px;
}

.summaryLightboxContainer {
    height: 575px;
    overflow: auto;
}

/* .rowline.premiumWrapper.fixed {
width: 920px;
}
.rowline.premiumWrapper.fixed .premiumBreakCont {
max-width: 100%;
}
.rowline.premiumWrapper.fixed .premiumBreakCont .premiumBreakContR {
transform: none;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
position: static;
}
.rowline.premiumWrapper.fixed .premiumBreakCont .premiumBreakContR p {
float: left;
width: 100%;
display: block;
padding: 0 0 0 91px;
}
.rowline.premiumWrapper.fixed .premiumBreakCont .premiumBreakContR p:before {
top: -8px;
-webkit-transform: translateX(-50%) scale(0.6);
-moz-transform: translateX(-50%) scale(0.6);
-ms-transform: translateX(-50%) scale(0.6);
-o-transform: translateX(-50%) scale(0.6);
transform: translateX(-50%) scale(0.6);
}
.rowline.premiumWrapper.fixed .premiumBreakCont .premiumBreakContR p a.textLink {
margin-left: 0;
} */

/* .rowline.premiumWrapper.fixed .premiumBreakCont .premiumBreakContR {
padding: 5px 0 10px 0;
}
.rowline.premiumWrapper.fixed .premiumBreakCont .premiumBreakContR p span.preAmtWrap{
display: initial;
}
.carincpanel .leftpanel .rowline.premiumWrapper.fixed .premiumBreakCol{
margin-right: 0;
position: relative;
width: 50%;
float: left;
padding-right: 15px;
}
.carincpanel .leftpanel .rowline.premiumWrapper.fixed .premiumBreakCol .premiumBreakCont {
border-radius: 0;
}
.carincpanel .leftpanel .rowline.premiumWrapper.fixed .premiumBreakContR:first-child{
border-right: 1px solid #e8e8e8;
}
.rowline.premiumWrapper.fixed .premiumBreakCont .premiumBreakContR p {
padding-left: 122px;
}
.carincpanel .leftpanel .rowline.premiumBreak.fixed .premiumBreakCol .preText {
margin-bottom: 0;
display: block;
}
.carincpanel .leftpanel .rowline.premiumBreak.fixed .premiumBreakCol .preTextShow {
margin-bottom: 0;
display: none;
}
.carincpanel .leftpanel .rowline.premiumBreak.fixed .premiumBreakCont .tickIcon {
position: relative;
left: 102px;
top: 28px;
float: left;
display: inline-block;
z-index: 1;
}
.rowline.premiumWrapper.fixed {
border-radius: 10px;
padding: 10px 5px 0 5px;
-webkit-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
background: #fff;
z-index: 13;
}
.rowline.premiumWrapper.fixed .premiumBreakCol .premiumBreakCont {
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
box-shadow: none;
position: relative;
}
.rowline.premiumWrapper.fixed .premiumBreakCol:after {
content: '';
position: absolute;
width: 2px;
height: 50px;
top: 50%;
left: 0;
background: #e8e8e8;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
}
.rowline.premiumWrapper.fixed .premiumBreakCol:first-child:after{
display:none;
} */
.summaryLightboxContainer.personalLightbox {
    height: auto;
}

/* .premiumWrapper.fixed .premiumBreakCont .premiumBreakContR p span.preAmtWrap {
font-size: 2.7rem;
} */
.formWrapper .errorMsg,
.eiaRow .errorMsg {
    text-align: center;
}

.stepsWrapper .myCar .stepCircle input.regNum {
    text-transform: uppercase !important;
}

/* .carincpanel .leftpanel .rowline.premiumWrapper.fixed .premiumBreakCol:last-child .premiumBreakContR p {
padding-left: 15px;
} */

/* .carincpanel .leftpanel .rowline.premiumWrapper.fixed .premiumBreakCol:last-child .premiumBreakContR p:before {
width: 0;
height: 0;
} */

/* .carincpanel .leftpanel .rowline.premiumBreak .premiumBreakCol .preText.preCont, .carincpanel .leftpanel .rowline.premiumBreak .premiumBreakCol .preTextShow.preCont {
font-size: 1.1rem;
font-family: 'Rubik-Regular';
color: #4f4f4f;
text-align: center;
padding: 0px 5px;
margin-bottom: 8px;
} */

/* .carincpanel .leftpanel .rowline.premiumWrapper.fixed .premiumBreakCol:last-child .premiumBreakContR p{
padding-left: 43px;
} */

/* .rowline.premiumWrapper .premiumBreakCont {
max-width: 295px;
}
.rowline.premiumWrapper.fixed .premiumBreakCont {
max-width: 100%;
} */

/* .carincpanel .leftpanel .rowline.premiumBreak.fixed .premiumBreakCol:last-child .premiumBreakCont .tickIcon {
left: 23px;
} */

/* .carincpanel .leftpanel .rowline.premiumWrapper.fixed .premiumBreakCont .premiumBreakContR p a.textLink {
display: block;
} */

/* .carincpanel .leftpanel .rowline.premiumWrapper.fixed .premiumBreakCol {
max-width: 450px;
}
.carincpanel .leftpanel .rowline.premiumWrapper .premiumBreakCol {
position: relative;
} */
.carincpanel .leftpanel .rowline.premiumWrapper .premiumBreakCol.disabled {
    opacity: 0.5;
}

/* .carincpanel .leftpanel .rowline.premiumWrapper .premiumBreakCol.disabled:before{
width:100%;
height:100%;
position: absolute;
left:0;
top:0;
background: #fff;
opacity:0.5;
content:"";
z-index: 2;
} */
.personalLightbox .preFixed {
    left: 171px;
}

/* Added by Bhavesh on 25-09-2018 - START */
.vehicleRegNo .nameVal,
.summaryCarRegNo input {
    text-transform: uppercase;
}

.stepCircle select {
    width: 0;
}

/* Added by Bhavesh on 25-09-2018 - END */
.wheelWrap .loanSelect .customSelect .selectedText:after {
    width: 5px;
    height: 5px;
    top: 6px;
}

.stepsWrapper .myCar .stepCircle .ui-widget {
    font-size: 1.5rem;
    color: #0171bb;/* width: 130px; */
}

.stepsWrapper .myCar .stepCircle .ui-widget .ui-widget {
    font-size: 1.5rem;
}

.stepsWrapper .myCar .stepCircle .ui-widget.ui-widget-content {

    /* border: 1px solid #c5c5c5; */
    z-index: 10 !important;
}

.stepsWrapper .myCar .stepCircle .ui-widget.ui-widget-content:hover {

    /* border: 1px solid #c5c5c5; */
    z-index: 10 !important;
    outline: none;
}

.stepsWrapper .myCar .stepCircle .ui-widget-content {
    -webkit-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
    background: #ffffff;
    color: #333333;
    outline: none;
}

.nomineeDiv .wheelWrap .nomineeSelect,
.policyDetails .wheelWrap .nomineeSelect {
    float: left;
}

.nomineeDiv .wheelWrap .nomineeSelect .tooltipIcon,
.policyDetails .wheelWrap .nomineeSelect .tooltipIcon {
    position: relative;
    float: right;
    bottom: 0;
    left: 0;
    right: 0;
}

.nomineeDiv .wheelWrap .nomineeSelect .tooltipIcon:after,
.policyDetails .wheelWrap .nomineeSelect .tooltipIcon:after {
    top: 6px;
    right: -21px;
}

.grayImgWrapper {
    width: 100%;
    height: 100px;
    background-color: #ebebeb;
}

.congWrapper .carDetails .detailsCont .userCarDetails .carCont.bikeCont img {
    margin-top: -4px;
}

.stepsWrapper .myCar .stepCircle .quest2 .iconSec span,
.stepsWrapper .myCar .stepCircle .quest3 .iconSec span {
    background: url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite-img.png) 7px -332px no-repeat;
}

.carincpanel .leftpanel .fitmentCont .declare-radio.elect.twoWheel ul li.listPos {
    padding-bottom: 25px;
}

.nomineeDiv .wheelWrap .nomineeSelect,
.policyDetails .wheelWrap .nomineeSelect {
    float: left;
}

.nomineeDiv .wheelWrap .nomineeSelect .tooltipIcon,
.policyDetails .wheelWrap .nomineeSelect .tooltipIcon {
    position: relative;
    float: right;
    bottom: 0;
    left: 0;
    right: 0;
}

.nomineeDiv .wheelWrap .nomineeSelect .tooltipIcon:after,
.policyDetails .wheelWrap .nomineeSelect .tooltipIcon:after {
    top: 6px;
    right: -21px;
}

.showFeatures {
    position: relative;
    margin-top: 5px;
}

.showFeatures span {
    color: #0e8dfa;
    font-family: 'Rubik-Regular';
    font-size: 1.3rem;
    cursor: pointer;
}

.showFeatures span:hover {
    border-bottom: 1px solid #0e8dfa;
}

.carincpanel .leftpanel .enhance-topup .declare-radio ul li .tooltipCont {
    display: none;
    width: 260px;
    height: auto;
    position: absolute;
    background: #fff;
    border: 1px solid #ebebeb;
    -webkit-transform: rotateX(-50%);
    -moz-transform: rotateX(-50%);
    -ms-transform: rotateX(-50%);
    -o-transform: rotateX(-50%);
    transform: rotateX(-50%);
    top: 25px;
    right: -37px;
    z-index: 999;
}

.carincpanel .leftpanel .enhance-topup .declare-radio ul li .tooltipCont ul {
    display: block;
    list-style: disc !important;
}

.carincpanel .leftpanel .enhance-topup .declare-radio ul li .tooltipCont ul li {
    color: #909090;
    font-size: 1.3rem;
    line-height: 13px;
    font-weight: lighter;
    font-family: 'Rubik-Regular';
    display: block;
    float: none;
    width: 100%;
    padding: 8px 10px 10px 10px;
}

/*****Add by Samina on 3rd October 2018 Start******/
.paymentWrapper .carousel_wrap #carousel .shadow .inputRow:-ms-input-placeholder,
.paymentWrapper form .inputRow:-ms-input-placeholder,
.stepsWrapper .myCar .stepCircle:-ms-input-placeholder {
    color: #b5b5bc !important;
}

.ui-menu .ui-menu-item-wrapper {
    font-size: 1.6rem;
    padding: 9px 12px 8px;
}

.ui-menu .ui-menu-item {
    border-bottom: 1px solid #e4e4e4;
}

.ui-menu .ui-menu-item:last-child {
    border-bottom: none;
}

.stepsWrapper .myCar .stepCircle .customSelect .vehicleMakeStyle {
    border: none;
    line-height: initial;
    width: 130px;
}

/* .customSelect .ui-widget:after {
top: 5px;
right: 20px;
} */
.ui-datepicker .ui-state-default.ui-state-active {
    width: auto !important;
    height: auto !important;
    color: #0171bb !important;
}

.stepsWrapper .myCar .stepCircle .ui-widget:-ms-input-placeholder {
    color: #ff9b41 !important;
}

.personalLightbox input {
    padding-bottom: 3px;
}

.stepsWrapper .myCar .stepCircle .nextBtn.btn {
    max-width: 52px;
    min-width: 52px;
    height: 52px;
}

.stepsWrapper .myCar .stepCircle .nextBtn.btn:hover {
    color: #f89c30;
}

.stepsWrapper .myCar .stepCircle .nextBtn.btn span:before:hover,
.stepsWrapper .myCar .stepCircle .nextBtn.btn span:after:hover {
    border: 2px solid #f89c30;
}

.stepsWrapper .myCar .stepCircle .nextBtn.btn:before {
    content: '';
    z-index: -1;
    background: white;
    position: absolute;
    top: 50%;
    right: 100%;
    margin: -15px 0 0 1px;
    width: 52px;
    height: 52px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transform: scale3d(1, 2, 1);
    -moz-transform: scale3d(1, 2, 1);
    -ms-transform: scale3d(1, 2, 1);
    -o-transform: scale3d(1, 2, 1);
    transform: scale3d(1, 2, 1);
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
}

/*****Add by Samina on 4th October 2018 End******/

/*****Add by Samina on 3rd October 2018 End******/
.customSelect input {
    border: none !important;
}

.customSelect .ui-widget input {
    font-size: 1.8rem;
}

.planReviewSec ul li .imgSec img {
    width: 100%
}

.stepsWrapper .myCar .stepCircle .ui-widget:-ms-input-placeholder {
    color: #ff9b41 !important;
}

input::-ms-clear {
    display: none;
}

/*****Add by Samina on 8th October 2018 Start*****/
.btn,
.stepsWrapper .myCar .stepCircle .btn.nextBtn.getQuote {
    background: #f89c30;
    padding: 9px 0px 9px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    color: white;
    font-size: 2.4rem;
    display: inline-block;
    clear: both;
    position: relative;
    overflow: hidden;
    z-index: 1;
    text-align: center;
    border: 1px solid #f89c30;
    font-family: 'Rubik-Bold';
    letter-spacing: 1px;
    max-width: 235px;
    min-width: 235px;
    width: 100%;
    margin: 0 20% !important;
}

/* line 712, ../sass/_base/_car-insurance.scss */
.btn:before,
.stepsWrapper .myCar .stepCircle .btn.nextBtn.getQuote:before {
    content: '';
    z-index: -1;
    background: white;
    position: absolute;
    top: 50%;
    right: 100%;
    margin: -15px 0 0 1px;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transform: scale3d(1, 2, 1);
    -moz-transform: scale3d(1, 2, 1);
    -ms-transform: scale3d(1, 2, 1);
    -o-transform: scale3d(1, 2, 1);
    transform: scale3d(1, 2, 1);
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
}

/* line 727, ../sass/_base/_car-insurance.scss */
.btn:hover,
.stepsWrapper .myCar .stepCircle .btn.nextBtn.getQuote:hover {
    color: #f89c30;
}

/* line 729, ../sass/_base/_car-insurance.scss */
.btn:hover:before,
.stepsWrapper .myCar .stepCircle .btn.nextBtn.getQuote:hover:before {
    -webkit-transform: scale3d(9, 9, 1);
    -moz-transform: scale3d(9, 9, 1);
    -ms-transform: scale3d(9, 9, 1);
    -o-transform: scale3d(9, 9, 1);
    transform: scale3d(9, 9, 1);
}

.stepsWrapper .myCar .stepCircle .btn.nextBtn.getQuote {
    position: absolute;
    max-width: 181px !important;
    min-width: 181px !important;
    line-height: 35px !important;
}

.btn.reCalculate {
    max-width: 275px;
    min-width: 275px;
}

.btn.reCalculate:before {
    width: 50px;
}

.stepsWrapper .myCar .stepCircle .nextBtn:hover {
    background: #fff;
    border: 1px solid #f89c30;
}

.stepsWrapper .myCar .stepCircle .backBtn:hover {
    background: #ff9b41;
    border: 1px solid #fff;
}

.stepsWrapper .myCar .stepCircle .nextBtn:hover span:before {
    border: 2px solid #f89c30;
    border-left-width: 0;
    border-top-width: 0;
}

.stepsWrapper .myCar .stepCircle .nextBtn:hover span:after {
    background: #f89c30;
}

#trees_front {
    max-width: 100%;
    width: 100%;
}

/*****Add by Samina on 8th October 2018 End*****/

/****Add by Samina on 10th October 2018 Start*******/
.carincpanel .enhance-topup,
.declare-radio.checkboxStyle {
    float: left;
    width: 100%;
    margin-top: 10px;
}

.disabled label {
    cursor: not-allowed !important;
    opacity: 0.2;
}

.boxthree .declare-radio.checkboxStyle {
    margin-top: 10px;
    padding-left: 20px !important;
}

.carincpanel .leftpanel .enhance-topup .declare-radio ul {
    display: block;
    float: left;
    width: 100%;
}

.carincpanel .leftpanel .enhance-topup .declare-radio ul li {
    width: 30%;
    position: relative;
}

.carincpanel .leftpanel .enhance-topup .declare-radio ul li.disable {
    opacity: 0.5;
}

.carincpanel .leftpanel .enhance-topup .declare-radio ul li.disable:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 10;
}

.stepsWrapper.carincpanel {
    min-height: 855px;
}

.congWrapper .carDetails .detailsHeader .align-left,
.congWrapper .carDetails .detailsHeader .align-left .personName {
    width: 70%;
}

.congWrapper .carDetails .detailsHeader .align-left .personName {
    float: left;
    text-align: left;
}

.stepsWrapper .myCar .stepCircle .regDate input::-moz-placeholder,
.stepsWrapper .myCar .stepCircle .expiryDate input::-moz-placeholder {
    color: #b5b5bc !important;
}

.paymentWrapper .carousel_wrap #carousel .shadow .inputRow input::-moz-placeholder,
.paymentWrapper .formWrapper .inputRow input::-moz-placeholder {
    color: #b5b5bc !important;
}

.paymentWrapper .formWrapper .tooltipIcon:after {
    right: -12px;
    top: 6px;
}

.carousel_wrap #carousel .shadow:before {
    display: none;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 4;
    opacity: 0;
}

.carousel_wrap #carousel .shadow.carousel-center:before {
    display: none;
}

.dropdownAutocomplete {
    max-height: 300px;
    overflow-x: hidden;
}

.ui-widget.ui-widget-content.dropdownAutocomplete {
    z-index: 21 !important;
}

.idv-sum  .ui-widget.ui-widget-content.dropdownAutocomplete {
    z-index: 15 !important;
    margin-top: 12px;
}

#idvamount {
    border: solid 1px;
    padding: 7px;
    border-radius: 5px;
}

/*   #idvamount:before
{
right: 44px;
bottom: -16px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
border-color: transparent;
border-right-color: #6d6c6c;
border-width: 8px;
margin-top: -9px;
} */
#idvamount:after {
    right: 45px;
    bottom: -16px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 7px;
    bottom: -14px;
}

.paymentWrapper h1 .personName {
    width: 60%;
}

/*  .stepTwoCarousel .shadow select {
width: 10%;
} */
.quest5 .button-grp-items span {
    top: 16%;
}

.carincpanel .leftpanel .declare-radio ul li label.declareMob,
.carincpanel .leftpanel .declare-radio ul li input.declareMobCheck {
    display: none;
}

/****Add by Samina on 10th October 2018 End*******/

/*******Edit Details Start********/
.editWrapper {
    padding-bottom: 25px;
    margin-top: 0px;
    margin-right: 35px;
    float: right;
    display: none;
}

.editDetails {
    float: right;
    margin-bottom: 10px;
    display: none;
}

.editDetails span {

    /* flipkart-poonam-start 5may-2020 */
    font-size: 1.7rem !important;/* flipkart-poonam-end 5may-2020 */
    color: #4f4f4f;
    font-family: 'Rubik-Regular';
    border-bottom: 1px solid #4f4f4f;
    position: relative;
}

.editDetails span:before {
    content: '';
    position: absolute;
    top: -2px;
    left: -16px;
    width: 13px;
    height: 15px;
    background: url('../../../../../../../content/dam/bagicextension/motor-insurance/sprite-img.png') no-repeat;
    background-position: -37px -302px;
}

.editCategoryDetails ul {
    float: left;
}

.editCategoryDetails {
    -webkit-box-shadow: 0 0 5px 2px #f7efef;
    -moz-box-shadow: 0 0 5px 2px #f7efef;
    -ms-box-shadow: 0 0 5px 2px #f7efef;
    box-shadow: 0 0 5px 2px #f7efef;
    float: right;
    display: none;
}

.editCategoryDetails ul li {
    font-size: 1.2rem;
    color: #4f4f4f;
    font-family: 'Rubik-Regular';
    float: left;
    border-right: 1px solid #d8d8d8;
    position: relative;
    padding: 11px 20px 11px 40px;
}

.editCategoryDetails ul li a {
    font-size: 1.7rem !important; /* flipkart-poonam-start 5may-2020 */
    color: #4f4f4f;
    border-bottom: 1px solid #4f4f4f;
}

.editCategoryDetails ul li:before {
    content: '';
    position: absolute;
    top: 11px;
    left: 22px;
    width: 13px;
    height: 17px;
    background: url('../../../../../../../content/dam/bagicextension/motor-insurance/sprite-img.png') no-repeat;
    background-position: -37px -302px;
}

.editWrapper .close {
    float: right;
    position: relative;
    top: 10px;
    left: 0px;/* flipkart-poonam-start 5may-2020 */
    padding: 11px 20px 11px 20px;
}

.close span {
    position: relative;
}

.close span:before,
.close span:after {
    content: '';
    height: 3px;
    width: 16px;
    display: block;
    background: #4f4f4f;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    position: absolute;
    top: 7px;
    left: -8px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}

.close span:after {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

.viewDetailsBtn,
.carNameWrap {
    display: none;
}

/*******Edit Details End********/

/*
.premiumError{ padding:15px 0 5px 0px;display: none;}
.fixed .premiumError{ padding:5px 0 5px 0px;display: none;} */
.premiumError {
    padding: 5px 0 5px 0px;
    display: none;
    float: left;
    clear: both;
}

.drivingLicense .drpWrapper {
    margin: -5px 14px 0 7px;
    float: left;
}

.summaryLightboxContainer .customSelect .selectedText {
    font-size: 1.8rem;
}

.anyClaimWrapper .radioWrapper {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.area {
    width: auto !important;
}

.areaDrpCont {
    width: 200px !important;
    float: left;
}

.genderCont .drpWrapper {
    float: left;
    margin-left: 5px;
}

#otherArea {
    width: 160px;
    float: left;
    display: none;
}

.bikeOwnedTooltip {
    margin: 0 0 0 10px;
}

/*******Added on 18th March 2019 Start**********/
.summaryLightboxContainer span.icon {
    background: url("../../../../../../../content/dam/bagicextension/motor-insurance/sprite-img.png") 0 -304px no-repeat;
    width: 17px;
    height: 12px;
    position: absolute;
    right: -16px;
    top: 48%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    z-index: 1;
    cursor: pointer;
}

/*15May-2020 Poonam changes start*/
.summarySec span.icon {
    background: url("../../../../../../../content/dam/bagicextension/motor-insurance/sprite-img.png") 0 -304px no-repeat;
    width: 17px;
    height: 12px;
    position: absolute;
    right: -15px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    z-index: 1;
    cursor: pointer;
}

.summarySec nav a:nth-child(2) span.icon {
    right: -20px;
}

/*15May-2020 Poonam changes end*/

/*******Added on 18th March 2019 End**********/
.refIdCont {
    margin-top: 20px;
    font-size: 1.5rem;
}

.refIdCont span {
    text-transform: uppercase;
}

.nameVal {
    text-transform: capitalize
}

.companyName .errorMsg {
    margin-left: 27px;
}

.carousel_wrap .tooltipIcon {
    position: absolute;
    right: 0;
    top: 0
}

.policyExpireStatus .customSelect {
    position: relative
}

.policyExpireTooltip .tooltipIcon {
    position: absolute;
    right: 26%;
    top: 2%;
}

/********Added by Samina on 7th Dec 2018 Start*********/
.nomineeSelect label {
    float: none !important;
    text-align: center;
}

.otherAreaRow {
    float: left;
}

.otherAreaRow span {
    float: none;
}

.companyName {
    position: relative;
    float: left;/* top: -4px;
    left: 20px; */
}

/* .companyName .errorMsg {
position: absolute;
} */

/* .carincpanel .leftpanel .rowline .premiumBreakCol {
max-width: 285px;
margin-right: 35px;
} */

/********Added by Samina on 7th Dec 2018 End*********/
.otherAreaRow input {
    font-size: 1.9rem;
}

.otherAreaRow span {
    float: left;
}

/*****Added by Indigo on 25th April 2019 Start*******/
.wheelWrap .nomineeSelect.existSelect .customSelect .selectedText {
    display: block;
    font-size: 2.2rem;
}

.wheelWrap .nomineeSelect.existSelect label {
    width: 100%;
    display: block;
}

/*****Added by Indigo on 25th April 2019 End*******/
.wheelWrap .nomineeSelect.existSelect .customSelect .selectedText:after {
    right: 2px;
}

.fitmentCont {
    margin-top: 15px;
}

.carincpanel .leftpanel .siPerPerson h4 {
    font-size: 2rem;
    color: #4f4f4f;
    font-family: "Rubik-Regular";
    font-weight: normal;
}

.carincpanel .leftpanel .siPerPerson .drpWrapper {
    position: relative;
    top: -4px;
    left: -10px;
}

.carincpanel .leftpanel .siPerPerson .customSelect {
    border-bottom: 1px solid #0071bb;
}

.paymentWrapper .carousel_wrap #carousel .shadow .inputRow input,
.stepsWrapper .myCar .stepCircle .quest1 input {
    padding: 1% 2% 0%;
    font-size: 1.6rem;
}

.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount .rsWrap {
    position: absolute;
    left: 7px;
}

.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount,
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-state-active #idvamount {
    left: -7px;
    padding-left: 16px;
}

.webRupeeSupprt .rsWrap {
    margin-right: 3px;
}

.webRupeeSupprt .rsWrap:before {
    content: 'Rs.';
}

.webRupeeSupprt .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount .rsWrap:before {
    content: 'Rs.';
    width: 10px;
    height: 10px;
    position: absolute;
    left: 1px;
    top: 0px;
}

.webRupeeSupprt .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount,
.carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-state-active #idvamount {
    padding-left: 22px;
}

.webRupeeSupprt .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount:before,
.webRupeeSupprt .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-state-active #idvamount:before {
    right: 51px;
}

.webRupeeSupprt .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount:after,
.webRupeeSupprt .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-state-active #idvamount:after {
    right: 52px;
}

.showError {
    display: block;
}

.selectMulty .innerWrap {
    max-height: 200px;
    width: 70%;
}

.companyNote {
    color: #818181;
    font-size: 1.2rem;
    display: none;
    padding: 6px 0 0 27px;
    float: left;
    width: 100%;
}

.individualNote {
    color: #818181;
    font-size: 1.2rem;
    padding: 6px 0 0 0;
    float: left;
    clear: both;
    width: auto;
}

.policyLink,
.policyLink:hover {
    font-size: 1.4rem;
    padding: 10px 0 0 0;
    float: left;
    width: 100%;
    text-align: center;
    text-decoration: underline
}

/******Add by Samina on 13th Dec 2018 Start***********/
.premiumWrapper {

    /* -webkit-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.2); */
    border: 1px solid #0080c9;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px;
    position: absolute;
    background-color: #fff;
    width: auto;/* height: 120px; */
    padding: 15px;
}

/**********Added on 12th March 2019 Start*************/
.carincpanel .leftpanel .rowline.premiumWrapper.forNewCar {
    padding: 8px 3px 3px 15px;
    width: auto;/* height: 120px; */
    margin: 8px 0px;
}

.carincpanel .leftpanel .rowline.premiumWrapper.forRegCar {

    /*Devendra start 27-Nov-2019 */

    /* box-shadow: 3px 4px 52px #b5b3b3; */
    padding: 3px 11px;/*Devendra end 27-Nov-2019 */
    width: 900px;/* height: 120px; */
    margin: 15px 25px 2px 0px;
}

/**********Added on 12th March 2019 End*************/
.carincpanel .leftpanel .rowline.premiumWrapper.fixed {
    position: fixed;
    z-index: 15;
    bottom: 2px
}

.premiumSection {

    /* float: left; */

    /* transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%); */
    position: relative;/* top: 50%; */
}

.premiumWrapper .premiumBreakCol {
    margin-right: 20px;
    float: left;
    max-width: 270px;
    width: 100%;
    position: relative;
    padding: 30px 18px;
    background-color: white;
    border-radius: 14px;
}

/********Added on 12th March 2019 Start************/
.premiumWrapper.forNewCar .premiumBreakCol:nth-child(2):after,
.premiumWrapper.forNewCar .premiumBreakCol:nth-child(3):after {
    display: none;
}

.premiumWrapper.forRegCar .premiumBreakCol:nth-child(2):after,
.premiumWrapper.forRegCar .premiumBreakCol:nth-child(3):after {
    content: '';
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: -30px;
    width: 1px;
    height: 70%;
    background: #0080c9;
}

/********Added on 12th March 2019 End************/
.premiumWrapper .premiumBreakCol:last-child {
    margin-right: 0px;
}

/* .premiumWrapper .premiumBreakCol:last-child:after {
display: none;
} */
.premiumWrapper .premiumBreakCont,
.premiumWrapper .premiumBreakContR {
    width: 100%;
    float: left;
}

.carincpanel .leftpanel .rowline.premiumBreak .premiumBreakCol .preText,
.premiumWrapper .colTitle {
    color: #fd9b4b;/*Devendra start 27-Nov-2019 */
    font-size: 1.4rem;/*Devendra end 27-Nov-2019 */
    font-family: "Rubik-Bold";
    text-align: left;
    margin-bottom: 3px;
    padding-left: 35px;
}

.premiumBreakCont .premiumBreakContR p {
    font-family: "Rubik-Regular";
    font-size: 1.8rem;
    padding: 0;
    position: relative;
    float: left;
    text-align: left;
}

.premiumWrapper .preCont {
    font-family: "Rubik-Regular";
    font-size: 1.1rem;
    color: #484848;
    float: left;
    width: 85%;
    margin-top: 5px;
}

.premiumWrapper .preWrap {
    float: left;
    position: relative;
    padding-right: 10px;
}

.premiumWrapper .premiumBreakCont .premiumBreakContR p span.preAmtWrap {

    /*Devendra start 27-Nov-2019 */
    font-size: 3.4rem;/*Devendra end 27-Nov-2019 */
}

.premiumBreakCont .premiumBreakContR p span.preAmtWrap .gsttext {
    color: #757575;
    font-size: 1.4rem;
    text-transform: uppercase;
    margin-left: 0px;
}

.premiumBreakCont .premiumBreakContR p a.textLink {
    color: #9e9f9f;
    font-size: 1rem;
    border-bottom: 1px solid #9e9f9f;
    margin-left: 5px;
}

.premiumWrapper .tickIcon {
    position: absolute;
    top: 0px;
    left: 0;
    width: 22px;
    height: 22px;
}

.premiumWrapper .tickIcon:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0;/*Devendra start 27-Nov-2019 */
    width: 15px;
    height: 15px;/*Devendra end 27-Nov-2019 */
    border: 1px #dddddd solid;
    background-color: #ffffff;
    border-radius: 50%;
}

.premiumWrapper .tickIcon.active:before {
    background: #ff9b41 url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
    background-position: -371px -470px;
    border: 1px solid #fff;
}

.premiumWrapper input {
    opacity: 0;
    z-index: 0;
    position: absolute;
    top: 0;
}

.widthAuto {
    width: auto !important;
}

.quest3 .customSelect,
.quest4 .customSelect,
.summaryLightboxContainer .carMakeWrapper .customSelect,
.summaryLightboxContainer .carModelWrapper .customSelect,
.summaryLightboxContainer .carVariantWrapper .customSelect,
.summaryLightboxContainer .cityWrapper .customSelect {
    cursor: default !important;
}

.summaryLightboxContainer .customSelect .ui-widget input {
    width: 90%;
}

.summaryCarRegNo .errorMsg {
    float: none;
    clear: both;
}

.stepsWrapper.carincpanel .personName {
    text-transform: capitalize;
}

.consExpense .tooltipIcon {
    position: absolute;
    left: 197px;
    top: -5px;
    cursor: default;
}

.consExpense:before {
    display: none;
}

.expiryNote {
    margin-top: 10px;
    color: #f60202 !important;
    font-size: 1.3rem !important;
    padding: 0;
    display: none;
}

.quest5 .questionsCont.topMarg {
    margin-top: 9px;/*code changed by poonam 26-aug-2020*/
}

.subTitle {
    font-size: 1.3rem;
    color: #000;
}

.fueltypeWrapper .customSelect .selectedText:after {
    display: none;
}

.policyExpDetail {
    font-size: 1.8rem !important;
}

/* Popup message - START */
.popupErrorMessage1 {
    border: 1px solid black;
}

.popupMessage,
.popupErrorMessage1,
.popupErrorMessage,
.popupFuelMessage {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 90%;
    max-width: 400px;
    background: #fff;
    border-radius: 10px;
    z-index: 999;
    padding: 15px;
    text-align: center;
    display: none;
}

.popupMessage p,
.popupErrorMessage1 p,
.popupErrorMessage p,
.popupFuelMessage p {
    padding-bottom: 10px;
}

.popupMessage .btnWrapper,
.popupErrorMessage1,
.popupErrorMessage .btnWrapper,
.popupFuelMessage .btnWrapper {
    float: left;
}

.popupMessage .btn,
.popupErrorMessage1 .btn,
.popupErrorMessage .btn,
.popupFuelMessage .btn {
    max-width: 95px;
    min-width: 95px;
    float: left;
    margin: 0 10px;
    clear: none;
    font-size: 1.8rem;
}

/* Popup message - END */

/* .premiumTitle {
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
float: left;
background-color: #0080c9;
max-width: 135px;
height: 110px;
} */

/* .premiumTitle div {
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
position: relative;
left: 50%;
top: 50%;
height: 70px;
width: 60%;
margin: 0 auto;
}
.premiumTitle div img, .premiumTitle div p {
float: left;
} */

/* .premiumTitle div img {
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
position: relative;
top: 50%;
}
.premiumTitle div p {
color: #fff;
font-family: "Rubik-Regular";
font-size: 1.6rem;
} */

/***********Added by Samina on 11th Feb 2019 Start**************/
.confirmPopup p {
    text-align: center;
    margin-top: 20px;
}

/* Popup message - START */
.popupMessage,
.popupErrorMessage1,
.popupErrorMessage {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 90%;
    max-width: 400px;
    background: #fff;
    border-radius: 10px;
    z-index: 999;
    padding: 15px;
    text-align: center;
    display: none;
}

.popupMessage p,
.popupErrorMessage1 p,
.popupErrorMessage p {
    padding-bottom: 10px;
}

.popupMessage .btnWrapper,
.popupErrorMessage1 .btnWrapper,
.popupErrorMessage .btnWrapper {
    float: left;
}

.popupMessage .btn,
.popupErrorMessage1 .btn,
.popupErrorMessage .btn {
    max-width: 95px;
    min-width: 95px;
    float: left;
    margin: 0 10px;
    clear: none;
    font-size: 1.8rem;
}

.btnWrap {
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: relative;
    left: 50%;
    display: inline-block;
}

.existSelect .span12 {
    width: 100%;
    padding: 0 15px;
    float: left;
    margin: 0 auto;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: relative;
    left: 50%;
}

.nomineeDiv .customSelect {
    width: auto;
}

.policyDetails .wheelWrap .nomineeSelect .tooltipIcon {
    position: absolute;
}

.shadow .align-middle {
    width: 90%;
}

.nomineeDiv .loanSelect {
    max-width: 100%;
    width: 100%;
}

.carousel_wrap #carousel .shadow .inputRow {
    width: 100%;
    margin: 1px auto;
}

/* Popup message - END */
.shadow .existingUser {
    border: none;
    line-height: initial;/* width: 64px; */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.existSelect .customSelect .ui-widget:after {
    right: -10px;
}

/***********Added by Samina on 11th Feb 2019 End**************/

/******Add by Samina on 13th Dec 2018 End***********/

/********Added by Indigo on 17th June 2019 Start*********/
.carincpanel .leftpanel .rowline h4.headdefine.fixedWrap {
    width: 100%;
}

/********Added by Indigo on 17th June 2019 Start*********/
.separateCompulsoryCover {
    margin: 15px 0 0 0;
    width: 100%;
    float: left;
}

.separateCompulsoryCoverWrapper .userCarDetails {
    margin: 20px 0;
}

.separateCompulsoryCoverWrapper .downloadPolicy {
    position: relative;
    bottom: 0;
}

.congWrapper .carDetails .detailsCont .userCarDetails .separateCompulsoryCover .carCont img {
    width: 5%;
    float: left;
}

.congWrapper .carDetails .detailsCont .userCarDetails .separateCompulsoryCover .carCont span {
    text-align: left;
    width: 80%;
    margin-bottom: 0px;
}

.congWrapper .carDetails .detailsCont .userCarDetails .carCont p.downloadPolicy {
    margin-top: 0;
}

/********Added by Samina on 27th Feb 2019 End*********/

/********Added on 12th March 2019 Start************/
.summaryClaimYear {
    display: none;
}

.damageCoverWrapper .drpWrapper,
.damageCoverRegWrapper .drpWrapper {
    float: left;
}

.carincpanel .leftpanel .car-owner h4.headdefine,
.ownDamageCover h4.headdefine {
    margin-right: 25px;
    padding-bottom: 0;
    float: left;
}

.car-owner .drpWrapper,
.ownDamageCover .drpWrapper {
    position: relative;
    top: -7px;
    z-index: 0;
    float: left;
}

/********Added on 12th March 2019 End************/

/********Added on 18th March 2019 Start**********/
.carincpanel .leftpanel .siPerPerson .rsWrap {
    float: left;
    font-size: 1.9rem;
    color: #ff9b41;
    position: relative;
    top: 2px;
}

/********Added on 18th March 2019 End**********/

/*********Added on 26th March 2019 Start************/
.carincpanel .enhance-topup.prestigeCont.disabled {
    opacity: 0.5;
}

/*********Added on 26th March 2019 End************/

/*********Added on 8th April 2019 Start**********/
.thankCont {
    display: none;
}

/*********Added on 8th April 2019 End**********/

/********Added by Indigo Start***********/
.sepCoverYesNote {
    position: relative;
    top: -13px;
    float: left;
}

.sepCoverYesNote p {
    color: #000;
    font-size: 1.3rem;
}

/*******Share Btn Section Start*******/
.congWrapper .congWrap .column {
    position: relative;
}

.shareBtnWrapper {
    position: relative;
}

.shareBtnSec {
    display: none;
    position: absolute;
    bottom: -50px;
    left: 25px;
}

.shareBtnSec a {
    display: inline-block;
    width: 36px;
    height: 36px;
    margin-right: 8px;
    vertical-align: top;
    background-size: 100% !important;
}

.shareBtnSec a.fb {
    background: url(https://www.indusind.com/content/dam/indusind/duo-cards/images/facebook-icon.png) no-repeat 0 0;
}

.shareBtnSec a.twitter {
    background: url(https://www.indusind.com/content/dam/indusind/duo-cards/images/twitter-icon.png) no-repeat 0 0;
}

.shareBtnSec a.whatsappli {
    background: url(https://www.indusind.com/content/dam/indusind/duo-cards/images/whatsapp-icon.png) no-repeat 0 0;
}

/*******Share Btn Section End*******/

/********Added by Indigo End***********/

/*********Added by Indigo on 21st May 2019 Start********/
.quest7 .centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.newBikeNote {
    display: none;
}

.newBikeNote.disclaimner-registartion {
    padding-top: 20px;
}

.stepsWrapper .myCar .stepCircle .quest2 .radioWrapper ul {
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width: 100%;
    text-align: center;
    position: relative;
    left: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/*********Added by Indigo on 21st May 2019 End********/

/********Added by Indigo on 3rd June 2019 Start*******/

/******code added by poonam 27-11-19*****/
.thankYouPopup p,
.disclaimer-popup p,
.disclaimer-makepay-popup p,
.disclaimer-makepay-popup1 p,
.vehiclecpopup p {
    text-align: center;
    padding-top: 20px;
}

.thankYouPopup .btnWrapper,
.disclaimer-popup .btnWrapper,
.disclaimer-makepay-popup .btnWrapper,
.disclaimer-makepay-popup1 .btnWrapper,
.vehiclecpopup .btnWrapper {
    width: 100%;
    display: inline-block;
    margin: 10px auto;
    text-align: center;
}

.thankYouPopup .btnWrapper .btn,
.disclaimer-popup .btnWrapper .btn,
.disclaimer-makepay-popup .btnWrapper .btn,
.disclaimer-makepay-popup1 .btnWrapper .btn,
.vehiclecpopup .btn {
    max-width: 100px;
    min-width: 100px;
    padding: 3px 0px;
    font-size: 2rem;
    margin: 0 auto;
    text-align: center;
}

.tandc {
    font-size: 12px;
    text-decoration: underline;
    padding: 3px 4px;
    position: relative;
    top: 38px;
}

/******code end by poonam 27-11-19*****/

/********Added by Indigo on 3rd June 2019 End*******/

/*******Added by Indigo on 18th June 2019 Start**********/
.summaryClaimYear.divHide {
    display: none !important;
}

.classMargin {
    margin-bottom: 216px !important;
}

/*******Added by Indigo on 18th June 2019 End**********/

/******Media Query*******/
@media only screen and (max-width:1440px) {

    /* .carincpanel .leftpanel .rowline.premiumWrapper.fixed .premiumBreakCol {
    max-width: 350px;
    }
    .premiumWrapper {
    width: 97% !important;
    } */
    .carincpanel .leftpanel {
        width: 65%;
    }

    /* .carincpanel .leftpanel .rowline .premiumBreakCol {
    max-width: 270px;
    margin-right: 15px;
    } */
}

@media only screen and (max-width:1366px) {
    #ui-datepicker-div.ui-widget.ui-widget-content.dropdownAutocomplete {
        max-height: 100% !important;/*     left: 25% !important; */
        zoom: 85%;
    }

    .selectMulty .innerWrap {
        max-height: 90px;
    }

    .summaryLightboxContainer {
        height: 397px;
    }

}

@media only screen and (max-width:1280px) {
    .carincpanel .leftpanel .rowline.premiumWrapper {
        width: 830px;
    }

    .premiumWrapper .premiumBreakCol {
        max-width: 250px;
    }

    .premiumWrapper .premiumBreakCol:after {
        right: 0;
    }

    /*****Step 2 Start******/
    .carincpanel .leftpanel .telematics-service .telematics-service-content ul li {
        width: 215px;
        margin-right: 13px;
    }

    .carincpanel .leftpanel .driveSmart .telematics-service .telematics-service-content ul li label p,
    .carincpanel .leftpanel .driveSmartYes .telematics-service .telematics-service-content ul li label p {
        padding: 10px 20px;
    }

    .carincpanel .leftpanel .telematics-service .telematics-service-detail.classicArrow:before {
        left: 132px !important;
    }

    .carincpanel .leftpanel .telematics-service .telematics-service-detail.premiumArrow:before {
        left: 369px !important;
    }

    .carincpanel .leftpanel .telematics-service .telematics-service-detail.prestigeArrow:before {
        left: 602px !important;
    }

    /*****Step 2 End******/
    .stepsWrapper .myCar .stepCircle {
        height: 470px;
    }

    .stepsWrapper .myCar .stepCircle label {
        margin-top: 0px;
    }

    .stepsWrapper .myCar .stepCircle .questionsCont {
        padding-top: 0px;
    }

    .button-grp-items {
        padding: 5px 1px;
    }

    .button-grp-items span {
        font-size: 1.4rem;
    }

}

@media only screen and (max-width:1185px) {
    .carincpanel .leftpanel .rowline.premiumWrapper {
        width: 802px;
    }

    .premiumWrapper .premiumBreakCol {
        max-width: 250px;
        margin-right: 10px;
        padding-bottom: 2px;
    }

}

@media only screen and (max-width:1140px) {
    .carincpanel .leftpanel .rowline.premiumWrapper {
        width: auto;
    }

    .premiumWrapper .premiumBreakCol:after {
        right: 15px;
    }

    .premiumWrapper .premiumBreakCol {
        max-width: 260px;
    }

    /*****Step 1 Start******/
    .carInsurance .titleSec h1 {
        font-size: 2.3rem;
    }

    .stepsWrapper .buildInsPlan {
        font-size: 2.3rem;
        padding-right: 20px;
    }

    /*****Step 1 End******/

    /*****Step 2 Start******/
    .carincpanel .leftpanel {
        width: 100%;
    }

    .carincpanel .rightpanel {
        display: none;
    }

    .backTop {
        right: 50%;
        bottom: -23px;
    }

    .carincpanel .leftpanel .telematics-service .telematics-service-detail:before,
    .carincpanel .leftpanel .telematics-service .telematics-service-detail.classicArrow:before {
        left: 279px !important;
    }

    .carincpanel .leftpanel .telematics-service .telematics-service-detail.premiumArrow:before {
        left: 506px !important;
    }

    .carincpanel .leftpanel .telematics-service .telematics-service-detail.prestigeArrow:before {
        left: 739px !important;
    }

    .carincpanel .leftpanel .telematics-service .telematics-service-detail.economyArrow:before {
        left: 388px !important;
    }

    .carincpanel .leftpanel .telematics-service .telematics-service-detail.economyPlusArrow:before {
        left: 617px !important;
    }

    .carincpanel .leftpanel .declare-radio ul li {
        width: 100%;
    }

    .viewDetailsBtn {
        float: right;
        width: 123px;
        height: 29px;
        line-height: 29px;
        background-color: #f1ce6e;
        text-align: center;
        color: #000;
        border-radius: 100px;
        margin: 32px 15px 0px 0px;
    }

    .viewDetailsBtn span {
        display: block;
        position: relative;
        padding-left: 22px;
        font-size: 1.3rem; /* 15May-2020 Poonam changes */
    }

    .viewDetailsBtn span:before {
        content: '';
        position: absolute;
        left: 15px; /* 15May-2020 Poonam changes */
        top: 7px;
        width: 15px;
        height: 15px;
        background: url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite-img.png) no-repeat;
        background-position: -6px -397px;
    }

    .carincpanel .leftpanel {
        width: 100%;
        padding: 0px 15px;
    }

    /* .carincpanel .rightpanel, .carincpanel .leftpanel h2 {
    display: none;
    } */
    .carincpanel .rightpanel {
        float: left;
        width: auto;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        position: absolute;
        left: 50%;
        top: 225px;
        z-index: 16;
    }

    /*****Step 2 End******/
}

@media only screen and (max-width:1024px) {

    /*****Step 1 Start******/

    /* .carInsurance .stepsNumber {
    width: 90%;
    }
    .stepsWrapper .buildInsPlan {
    padding-right: 50px;
    } */

    /*****Step 1 End******/

    /*****Step 1 Start******/
    .container,
    .stepsWrapper {
        padding: 0 0px;
    }

    .mainHeader .logoSec {
        width: 50%;
    }

    .carInsurance .summaryWrapper,
    .natureBg {
        display: none !important;
    }

    .editDetails {
        margin-bottom: 0px;
    }

    .editWrapper {
        display: block;
        margin-right: 73px;
        margin-top: 4px;
        padding-bottom: 10px;
    }

    .carInsurance .stepsNumber {
        width: 85%;
    }

    .carInsurance .stepsNumber .step-progressbar li .proText {
        font-size: 1.4rem;
    }

    .carInsurance .stepsNumber .step-progressbar li>span {
        height: 10px;
    }

    .carInsurance .stepsNumber .step-progressbar li:nth-child(1) .proText {
        left: -2px;
    }

    .carInsurance .topFixStep.fixStep .stepsNumber {
        padding: 0px 15px;
    }

    .stepsWrapper .myCar .stepCircle {
        background-color: transparent;
        border-radius: 0;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
    }

    .carInsurance.blueBg {
        background-image: linear-gradient(#ffffff, #ffffff);
    }

    .stepsWrapper .buildInsPlan {
        display: none;
    }

    .carInsurance .stepsNumber .step-progressbar li:nth-child(1) .proText,
    .carInsurance .stepsNumber .step-progressbar li:nth-child(2) .proText,
    .carInsurance .stepsNumber .step-progressbar li:nth-child(3) .proText,
    .carInsurance .stepsNumber .step-progressbar li:nth-child(4) .proText {
        text-indent: -999px;
    }

    .carInsurance .stepsNumber .step-progressbar li .proText.active {
        position: relative;
        text-indent: -999px;
    }

    .carInsurance .stepsNumber .step-progressbar li .proText.active:before,
    .carInsurance .stepsNumber .step-progressbar li.active .proText.active:before {
        content: '';
        position: absolute;
        left: 0;
        top: -22px;
        width: 22px;
        height: 22px;
        background: url('../../../../../../../content/dam/bagicextension/motor-insurance/sprite-img.png') no-repeat;
        background-position: -29px -394px;
    }

    .carInsurance .stepsNumber .step-progressbar li:nth-child(2) .proText.active:before {
        left: 27px;
    }

    .carInsurance .stepsNumber .step-progressbar li:nth-child(3) .proText.active:before {
        left: 15px;
    }

    /*****Step 1 End******/

    /*****Step 2 Start******/

    /********Added by Indigo on 17th June 2019 Start**********/

    /* .carincpanel .leftpanel .declare-radio ul li label.declareMob, .carincpanel .leftpanel .declare-radio ul li input.declareMobCheck {
    display: block;
    }
    .carincpanel .leftpanel .declare-radio ul li label.declare, .carincpanel .leftpanel .declare-radio ul li input.declareCheck {
    display: none;
    } */

    /********Added by Indigo on 17th June 2019 End**********/
    .carincpanel .leftpanel .rowline.declareCont a {
        font-size: 1.5rem;
        text-decoration: underline;
    }

    .carincpanel .leftpanel .declare-radio ul li label {
        font-size: 1.5rem;
    }

    .carincpanel .leftpanel .enhance-topup .declare-radio ul li label {
        font-size: 1.6rem;
    }

    .btn.makePayemnt {
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        position: relative;
        left: 50%;/* background: #0071bb;
        border: 1px solid #0071bb; */
        max-width: 162px;
        min-width: 162px;
        font-size: 1.8rem;
    }

    .carincpanel .leftpanel .declare-radio ul li label:before {
        top: 0px;
    }

    .carincpanel .leftpanel .declare-radio.countryList li {
        width: 50%;
    }

    .carincpanel .leftpanel .telematics-service .telematics-service-content ul li {
        width: 194px;
        margin-right: 13px;
    }

    .carincpanel .leftpanel .driveSmart .telematics-service .telematics-service-content ul li label p,
    .carincpanel .leftpanel .driveSmartYes .telematics-service .telematics-service-content ul li label p {
        padding: 10px;
    }

    .carincpanel .leftpanel .telematics-service .telematics-service-detail.prestigeArrow:before {
        left: 661px !important;
    }

    .carincpanel .leftpanel .telematics-service .telematics-service-detail.premiumArrow:before {
        left: 443px !important;
    }

    .carincpanel .leftpanel .telematics-service .telematics-service-detail.classicArrow:before {
        left: 238px !important;
    }

    .carincpanel .leftpanel .telematics-service .telematics-service-detail.economyArrow:before {
        left: 343px !important;
    }

    .carincpanel .leftpanel .telematics-service .telematics-service-detail.economyPlusArrow:before {
        left: 556px !important;
    }

    .carincpanel .leftpanel .telematics-service .telematics-service-detail ul li {
        width: 100%;
    }

    .carincpanel .leftpanel .rowline.rangeBar {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        z-index: 1;
        width: 88%;
    }

    .carInsurance .stepsNumber .step-progressbar li>span span em {
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        right: -28px;
        top: 0;
    }

    .carInsurance .stepsNumber .step-progressbar li>span span em {
        height: 33px;
        line-height: 28px;
        top: -5px;
    }

    .stepsWrapper.carincpanel {
        min-height: 920px;
    }

    .carincpanel .leftpanel h2 {
        font-size: 1.9rem;
    }

    /* .premiumWrapper {
    width: 97% !important;
    }
    .rowline.premiumWrapper.fixed {
    width: 97%;
    }
    .carincpanel .leftpanel .rowline.premiumWrapper.fixed .premiumBreakCol {
    margin-bottom: 20px;
    }
    .rowline.premiumWrapper.fixed .premiumBreakCol:last-child:after {
    width: 0;
    }
    .premiumWrapper.fixed {
    position: relative;
    } */

    /*****Step 2 End******/
    .carousel_wrap #carousel .shadow .inputRow .inputWrap .tooltipIcon:after {
        right: 2px;
        top: 3px;
    }

    .congWrapper .carDetails .detailsCont .userCarDetails.dateWrapper {
        margin: 10px 0px;
    }

    .congWrapper .carDetails .detailsCont .userCarDetails.dateWrapper .carCont {
        float: left;
        width: auto;
    }

    .congWrapper .carDetails .detailsCont .userCarDetails.dateWrapper .carCont.rightSpace {
        margin-right: 40px;
    }

}

@media only screen and (max-width:900px) {
    .companyNote {
        padding: 6px 0 0 0px;
    }

    /*****Step 2 Start******/
    .carincpanel .leftpanel .car-owner {
        display: block;
    }

    .tooltipIcon .tooltipCont {
        right: -62px;
    }

    .carincpanel .leftpanel .car-owner h4.headdefine,
    .carincpanel .leftpanel .siPerPerson h4.headdefine {
        margin-right: 0;/* color: #0071bb; */
        font-family: 'Rubik-Regular';
    }

    #compName {
        margin-left: 0;
        width: 100%;
        float: left;
    }

    .car-owner .drpWrapper,
    .siPerPerson .drpWrapper {
        top: -4px;
        right: 0;
        float: left;
        margin-left: 20px;
    }

    .carincpanel .leftpanel .customSelect .selectedText,
    .carincpanel .leftpanel h4.headdefine,
    #compName,
    #bankFinance,
    .carincpanel .leftpanel .fitmentCont .declare-radio ul li label {
        font-size: 1.6rem;
    }

    .carincpanel .leftpanel .additional-fitments,
    .carincpanel .leftpanel .additional-fitments h4.headdefine,
    .carincpanel .leftpanel .paCoverWrapper,
    .carincpanel .leftpanel .paCoverWrapper h4.headdefine {
        display: block;
    }

    .carincpanel .leftpanel .additional-fitments h4.headdefine,
    .carincpanel .leftpanel .paCoverWrapper h4.headdefine {
        font-family: 'Rubik-Regular';
        color: #4f4f4f;
    }

    .carincpanel .leftpanel .additional-fitments ul li,
    .carincpanel .leftpanel .paCoverWrapper ul li {
        height: 31px;
    }

    .carincpanel .leftpanel .declare-radio ul li {
        width: 100%;
    }

    .carincpanel .leftpanel .additional-fitments ul li label,
    .carincpanel .leftpanel .paCoverWrapper ul li label {
        line-height: 31px;
        font-size: 1.5rem;
    }

    .carincpanel .leftpanel .telematics h4.headdefine {
        width: 100%;
    }

    .add-disc .drpWrapper {
        top: -4px;
    }

    .carincpanel .leftpanel .enhance-topup .declare-radio ul li,
    .carincpanel .leftpanel .telematics-service .telematics-service-detail ul li,
    .fitmentCont .elect .electCont div,
    .fitmentCont .elect .electCont div .inputRow {
        width: 100%;
    }

    /* .carincpanel .leftpanel .declare-radio ul li label {
    color: #0071bb;
    } */
    .carincpanel .leftpanel .fitmentCont .elect .electCont div input {
        width: 80%;
    }

    .carincpanel .leftpanel .declare-radio ul li input {
        top: 3px;
    }

    .fitmentCont .elect .electCont .top-margin {
        margin-top: 55px;
    }

    .carincpanel .leftpanel .driveSmart .telematics-service .telematics-service-content ul li label p,
    .carincpanel .leftpanel .driveSmartYes .telematics-service .telematics-service-content ul li label p {
        padding: 10px 9px;
    }

    /* .rowline.premiumWrapper .premiumBreakCont {
    max-width: 155px;
    }
    .premiumWrapper .premiumBreakCont .premiumBreakContR {
    padding: 10px;
    }
    .premiumWrapper .premiumBreakCont .premiumBreakContR p{
    padding-left: 0;
    }
    .premiumWrapper .premiumBreakCont .premiumBreakContR p span.preAmtWrap {
    font-size: 2.4rem;
    }
    .premiumWrapper .premiumBreakCont .premiumBreakContR p a.textLink {
    font-size: 1.2rem;
    }
    .premiumBreakCont .premiumBreakContR p span.preAmtWrap .gsttext {
    font-size: 1.4rem;
    }
    .premiumBreakCont .premiumBreakContR p:before {
    display: none;
    }
    .carincpanel .leftpanel .rowline .premiumBreakCol {
    max-width: 152px;
    margin-right: 20px;
    }
    .carincpanel .leftpanel .rowline.premiumBreak .premiumBreakCol .preText, .carincpanel .leftpanel .rowline.premiumBreak .premiumBreakCol .preTextShow {
    margin-bottom: 10px;
    color: #4f4f4f;
    }
    .carincpanel .leftpanel .rowline.premiumBreak .premiumBreakCol .preText.preCont, .carincpanel .leftpanel .rowline.premiumBreak .premiumBreakCol .preTextShow.preCont {
    display: none;
    } */
    .carincpanel .leftpanel .declare-radio ul li label:before {
        top: 0px;
    }

    .planReviewSec ul {
        margin: 30px 0px 50px;
    }

    .planReviewSec ul li {
        width: 100%;
    }

    .planReviewSec ul li:after {
        display: none;
    }

    .backTop {
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        position: absolute;
        left: 50%;
        bottom: 0;
        text-align: center;
        width: 100%;
    }

    .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount {
        width: 65px;
        left: -15px;
        font-size: 1.2rem;
    }

    /* line 261, ../sass/_base/_car-insurance.scss */
    .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount:before {
        right: 21px;
    }

    /* line 276, ../sass/_base/_car-insurance.scss */
    .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount:after {
        right: 22px;
    }

    /* line 295, ../sass/_base/_car-insurance.scss */
    .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-state-active #idvamount {
        width: 63px;
        left: -13px;
    }

    .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-state-active #idvamount:before {
        right: 21px;
    }

    .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-state-active #idvamount:after {
        right: 22px;
    }

    .idv-sum-range>span:nth-child(3),.idv-sum-range span:last-child {
        top: 0;
    }

    .carincpanel .leftpanel .idv-val-sec .idv-sum span.max-range {
        right: -10px;
    }

    .carincpanel .leftpanel .telematics-service .telematics-service-content ul li {
        width: 200px;
        margin-right: 20px;
    }

    .carincpanel .leftpanel .telematics-service .telematics-service-detail.classicArrow:before {
        left: 180px !important;
    }

    .carincpanel .leftpanel .telematics-service .telematics-service-detail.premiumArrow:before {
        left: 396px !important;
    }

    .carincpanel .leftpanel .telematics-service .telematics-service-detail.prestigeArrow:before {
        left: 616px !important;
    }

    /*
    .rowline.premiumWrapper.fixed {
    width: 97%;
    }
    .carincpanel .leftpanel .rowline.premiumWrapper.fixed .premiumBreakCol {
    width: 100%;
    max-width: 50%;
    }
    .preBox {
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    float: left;
    position: relative;
    left: 50%;
    } */
    .carincpanel .leftpanel .rowline.rangeBar {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        z-index: 1;
        width: 90%;
    }

    .eiaNumber .tooltipIcon .tooltipCont {
        right: -82px;
        top: 29px;
    }

    .congWrapper .digiLock .tooltipIcon .tooltipCont {
        top: -140px;
    }

    .stepsWrapper.carincpanel .customSelect .selectedText:after {
        top: 3px;
    }

    .fitmentCont .elect .electCont.electRow div:first-child {
        margin-bottom: 50px;
    }

    .carincpanel .leftpanel .fitmentCont .declare-radio ul li label:before {
        top: 0px;
    }

    /* .carincpanel .leftpanel .rowline.premiumBreak.forNewCar.fixed .premiumBreakCont .tickIcon {
    left: -20px;
    }
    .rowline.premiumWrapper.forNewCar.fixed .premiumBreakCont .premiumBreakContR p {
    padding: 0;
    } */

    /* .rowline.premiumWrapper.fixed {
    display: none;
    } */

    /* .rowline.premiumWrapper.fixed .premiumBreakCont .premiumBreakContR p {
    padding: 0;
    }
    .carincpanel .leftpanel .rowline.premiumWrapper.fixed .premiumBreakCol {
    max-width: 250px;
    }
    .carincpanel .leftpanel .rowline.premiumBreak.fixed .premiumBreakCont .tickIcon {
    left: -20px;
    } */

    /*****Step 2 End******/

    /*****Step 3 Start******/
    .paymentWrapper {
        margin: 30px auto 30px;
    }

    .paymentWrapper h1,
    .paymentWrapper h2 {
        font-size: 2rem;
    }

    .paymentWrapper p {
        font-size: 1.9rem;
    }

    .paymentWrapper form {
        max-width: 100%;
        width: 100%;
    }

    .paymentWrapper form label {
        font-size: 1.5rem;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        position: static;
        left: 0;
    }

    .paymentWrapper #address {
        text-align: left;
    }

    .paymentWrapper input {
        font-size: 1.6rem;
    }

    .prefieldWrap,
    .paymentWrapper .formWrapper label {
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        position: static;
        left: 0;
        text-align: left;
    }

    .paymentWrapper form .inputRow,
    .paymentWrapper form label {
        margin-bottom: 0;
    }

    .paymentWrapper form .prefieldWrap label {
        font-size: 1.4rem;
    }

    .paymentWrapper form .inputRow label {
        width: initial;
    }

    .paymentWrapper form .inputRow .inputWrap.centered {
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        position: relative;
        left: 0;
        text-align: left;
        float: left;
        width: 100%;
    }

    .paymentWrapper form .inputRow {
        width: 100%;
    }

    .paymentWrapper .formWrapper {
        float: left;
        padding: 0px 20px;
    }

    .paymentWrapper .formWrapper .inputRow:nth-child(3) {
        margin-bottom: 25px;
    }

    .paymentWrapper form .inputRow .inputWrap,
    .paymentWrapper form .inputRow {
        width: 100%;
    }

    .paymentWrapper .formWrapper inputWrap.centered {
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        position: static;
        left: 0;
        text-align: left;
    }

    .paymentWrapper .btn {
        max-width: 252px;
        min-width: 252px;
        font-size: 1.8rem;
    }

    .paymentWrapper .allDetailWrap {
        width: 100%;
    }

    .paymentWrapper .allDetailWrap .allDetailTabs ul {
        margin-left: 21px;
    }

    .paymentWrapper .allDetailWrap .allDetailTabs ul li {
        width: 45%;
        margin-right: 5%;
        font-size: 1.5rem;
        padding: 6px 10px;
    }

    .paymentWrapper .allDetailWrap .allDetailTabs ul li:nth-child(2) {
        margin-right: 0;
    }

    .paymentWrapper .allDetailWrap .allDetailTabs ul li:nth-child(1),
    .paymentWrapper .allDetailWrap .allDetailTabs ul li:nth-child(2) {
        margin-bottom: 15px;
    }

    .paymentWrapper form .inputRow.area,
    .paymentWrapper form .inputRow.genderCont {
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        left: 0;
        width: 100% !important;
        margin-bottom: 20px;
    }

    .paymentWrapper form .inputRow.genderCont {
        margin-top: 15px;
    }

    .formWrapper .customSelect .selectedText {
        font-size: 1.6rem;
    }

    .areaDrpCont .customSelect {
        margin-left: 10px;
    }

    .paymentWrapper form .inputRow,
    .paymentWrapper form .prefieldWrap {
        max-width: 100%;
    }

    .otherAreaRow {
        float: left;
        width: 100%;
        margin-top: 10px;
    }

    #otherArea {
        width: 100%;
    }

    /*****Step 3 End******/

    /*****Step 4 Start******/
    .congWrapper .congWrap .innerWrap .align-left {
        border-bottom: 1px solid #e4e4e4;
        margin-bottom: 20px;
        padding-bottom: 35px;
        width: 100%;
    }

    .congWrapper .align-right {
        float: left;
        display: inline-block;
    }

    .congWrap.footerWrap .column {
        width: auto;
        margin-bottom: 20px;
        padding-bottom: 35px;
    }

    .congWrap.footerWrap .column:first-child .align-left:first-child {
        float: right;
    }

    .congWrap.footerWrap .column:last-child {
        border-bottom: none;
    }

    .congWrapper .congratsSvg .congratsThumb #congratsThumbsvg {
        transform: translate(-50%, -50%) scale(0.8);
        -webkit-transform: translate(-50%, -50%) scale(0.8);
        -moz-transform: translate(-50%, -50%) scale(0.8);
        -ms-transform: translate(-50%, -50%) scale(0.8);
    }

    .congWrapper .congratsSvg .congratsThumb {
        height: 100px;
        width: 100px;
    }

    .congWrapper .congratsSvg {
        width: 220px;
        height: 220px;
    }

    .congWrapper h1 {
        font-size: 3rem;
        margin-top: -15px;
    }

    .congWrapper p {
        font-size: 1.8rem;
    }

    .congWrapper .carDetails .detailsHeader .align-left {
        width: 100%;
    }

    .congWrapper .carDetails .detailsHeader .align-left .personName {
        width: 80%;
    }

    .congWrapper .carDetails .detailsHeader .align-right {
        display: none;
    }

    .congWrapper .carDetails .detailsCont .userCarImg {
        display: none;
    }

    .congWrapper .carDetails .detailsCont .userCarDetails {
        border-right: none;
        width: 100%;
    }

    .congWrapper .carDetails .detailsCont .userCarDetails .carCont {
        margin-bottom: 5px;
    }

    /* .congWrapper .carDetails .detailsCont .userCarDetails .carCont:nth-child(2), .carNameWrap {
    border-bottom: 1px solid #e4e4e4;
    } */
    .carNameWrap {
        display: block;
        float: left;
        width: 100%;
        padding-bottom: 5px;
    }

    .getInTouch {
        display: none;
    }

    .referNowPopup,
    .ratingFbPopup {
        width: 95%;
    }

    .referNowPopup .close,
    .ratingFbPopup .close {
        top: 12px;
    }

    .referNowPopup .innerContainer ul li label,
    .ratingFbPopup .innerContainer ul li label,
    .referNowPopup .customSelect .selectedText,
    .ratingFbPopup .customSelect .selectedText {
        font-size: 1.5rem;
    }

    .congWrapper .congratsSvg {
        margin-top: -30px;
    }

    .congWrapper .carDetails .detailsHeader h2 {
        margin: 15px 0px 0px 15px;
        font-size: 1.8rem;
    }

    .congWrapper .carDetails .detailsHeader .userImg {
        width: 45px;
        height: 45px;
    }

    .congWrapper .carDetails {
        margin-top: 15px;
    }

    .congWrapper .congWrap .column {
        padding: 0px;
    }

    /*****Step 4 End******/
    .webRupeeSupprt .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount .rsWrap:before,
    .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount .rsWrap:before {
        top: 0;
    }

    .webRupeeSupprt .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount:before,
    .webRupeeSupprt .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-state-active #idvamount:before {
        right: 28px;
    }

    .webRupeeSupprt .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount:after,
    .webRupeeSupprt .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-state-active #idvamount:after {
        right: 29px;
    }

    .webRupeeSupprt .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount,
    .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-state-active #idvamount {
        padding-left: 15px;
    }

    .congWrapper .carDetails .detailsCont .userCarDetails>.carName {
        display: none;
    }

    .congWrapper .carDetails .detailsCont .userCarDetails {
        border: none;
        padding: 0;
    }

    .congWrapper .carDetails .detailsCont .userCarDetails .carNameWrap span {
        margin-left: 0;
    }

    .congWrapper .carDetails .detailsCont {
        padding-bottom: 30px;
    }

    .downloadPolicy {
        position: relative;
        bottom: 5px;
    }

    .downloadPolicy a {
        font-family: "Rubik-Bold";
        display: inline-block;
        font-size: 1.6rem;
        color: #fd9442;
        position: relative;
        padding-left: 25px;
        float: left;
    }

    /*******Added on 27th Feb 2019 Start*********/
    .congWrapper .carDetails .detailsCont .userCarDetails .carNameWrap {
        border-top: 1px solid #e4e4e4;
        border-bottom: 1px solid #e4e4e4;
        margin: 10px 0px 10px 0px;
        padding-top: 5px;
    }

    /*******Added on 27th Feb 2019 End*********/

    /********Added on 12th March 2019 Start************/
    .drpWrapper.noLeftSpace {
        float: left;
        width: 100%;
    }

    /********Added on 12th March 2019 End************/

    /********Added on 18th March 2019 Start**********/
    .carincpanel .leftpanel .siPerPerson .rsWrap {
        font-size: 1.6rem;
    }

    /********Added on 18th March 2019 End**********/

    /**********Added on 12th March 2019 Start*************/
    .carincpanel .leftpanel .rowline.premiumWrapper.forRegCar {
        padding: 15px;
        width: 100%;/* height: 120px; */
        margin: 20px 0px;
    }

    /**********Added on 12th March 2019 End*************/
}

@media only screen and (max-width:870px) {

    /* code added by poonam Policy expiry date change 25-aug-2020 */
    .ncbDrpdwn {
        width: 100%;
    }

    .margBtm25 {
        margin-bottom: 10px;
    }

    .premiumWrapper .premiumBreakCol {
        max-width: 228px !important;
    }

    .no-odtp {
        width: 41% !important;
    }

    .yes-odtp {
        width: 58% !important;
        margin-right: 12px;
    }

    .tp-od {
        width: 54% !important;
    }

    .carincpanel .leftpanel .rowline.premiumWrapper {
        width: auto;
        padding: 25px 15px;
        height: 130px;
    }

    .premiumWrapper .premiumBreakCol {
        max-width: 254px !important;  /* flipkart-poonam-start 5may-2020 */
    }

    .premiumWrapper .premiumBreakCol:after {
        right: 5px;
    }

    /*******Added by Indigo on 18th JUne 2019 Start*********/
    .shareBtnSec {
        left: 10px;
    }

    .congWrapper .congWrap .column.socialWrap.marginTop {
        margin-top: 50px;
    }

    /*******Added by Indigo on 18th JUne 2019 End*********/
}

@media only screen and (max-width:800px) {

    /* code added by poonam Policy expiry date change 25-aug-2020 */
    .ncbDrpdwn {
        width: 100%;
    }

    .margBtm25 {
        margin-bottom: 10px;
    }

    .carincpanel .leftpanel .rowline.premiumWrapper,
    .premiumWrapper {
        height: initial
    }

    .premiumWrapper .premiumBreakCol {
        max-width: 100%;
        width: 100%;
    }

    .premiumSection {
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        top: 0;
    }

    .premiumWrapper .premiumBreakCol {
        margin-bottom: 35px;
    }

    .premiumWrapper .premiumBreakCol:last-child {
        margin-bottom: 0;
    }

    .premiumWrapper .premiumBreakCol:after {
        display: none;
    }

    .premiumWrapper .preCont {
        width: 100%;
    }

    .carincpanel .leftpanel .rowline.premiumWrapper.fixed {
        position: relative;
        bottom: initial;
    }

    .summaryLightboxContainer {
        height: 400px;
    }

}

@media only screen and (max-width:768px) {
    .planReviewSec ul {
        height: 200px;
        overflow-y: scroll;
        top: 33%;
    }

    /* code added by poonam Policy expiry date change 25-aug-2020 */
    .ncbDrpdwn {
        width: 100%;
    }

    .margBtm25 {
        margin-bottom: 10px;
    }

    .display_desktop {
        display: none;
    }

    .carousel_wrap #carousel {
        width: 455px;
    }

    .carincpanel .leftpanel .enhance-topup .declare-radio ul li .showFeatures .tooltipCont {
        top: 22px;
        left: 82px;
        width: 195px;
    }

    .rowline.declareCont .declare-radio.checkboxStyle {
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        left: 50%;
        position: relative;
        width: auto;
    }

    .stepsWrapper .myCar .stepCircle {
        width: 100%;
    }

    .stepsWrapper .myCar .stepCircle .quest1 {
        height: auto;
    }

    .sendQuote .whatsappno.active:before {
        left: auto;
    }

    .carInsurance .titleSec h1 {
        font-size: 2.8rem;
    }

    .stepsWrapper .myCar .stepCircle label {
        font-size: 1.8rem;
    }

    /* .premiumWrapper.fixed {
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    left: 50%;
    } */
}

@media only screen and (max-width:767px) {
    .addon1 ul li {
        width: 100% !important;
    }

    .addon2 ul li {
        width: 100% !important;
    }

    .addon3 ul li {
        width: 100% !important;
    }

    .planReviewSec ul {
        height: 200px;
        overflow-y: scroll;
        top: 33%;
    }

    .disclaimer-makepay-popup {
        top: 40%;
    }

    .labelScpa {
        float: left;
    }

    .quest1 .button-grp-items {
        min-width: 161px;
    }

    .tpDiv span {
        top: 410px;
    }

    .singlepremium span {
        top: 178px !important;
    }

    .quest1 .button-grp-items {
        min-width: 155px;
    }

    /* code added by poonam Policy expiry date change 25-aug-2020 */
    .ncbDrpdwn {
        width: 100%;
    }

    .margBtm25 {
        margin-bottom: 10px;
    }

    .display_desktop {
        display: none;
    }

    .tp-od .premiumBreakCol {
        max-width: 147px !important;
    }

    .carincpanel .leftpanel .rowline.premiumWrapper {
        padding: 14px 14px;
    }

    .stepsWrapper .myCar .stepCircle label {
        font-size: 2.4rem;
    }

    .stepsWrapper .myCar .stepCircle input {
        font-size: 1.5rem;
    }

    .ui-menu .ui-menu-item-wrapper {
        font-size: 1.4rem;
    }

    .preFixed {
        top: 10px;
        font-size: 2rem;
    }

    .carincpanel .leftpanel .rowline.declareCont a {
        font-size: 1.3rem;
        text-decoration: underline;
    }

    .carincpanel .leftpanel .declare-radio ul li label {

        /*     font-size: 1.3rem; */
    }

    .carincpanel .leftpanel .telematics-service .telematics-service-detail.economyArrow:before {
        left: 231px !important;
    }

    .carincpanel .leftpanel .telematics-service .telematics-service-detail.economyPlusArrow:before {
        left: 458px !important;
    }

    .carincpanel .leftpanel .telematics-service .telematics-service-content ul li {
        width: 178px;
        margin-right: 15px;
    }

    .carincpanel .leftpanel .driveSmart .telematics-service .telematics-service-content ul li label p,
    .carincpanel .leftpanel .driveSmartYes .telematics-service .telematics-service-content ul li label p {
        padding: 10px 5px;
    }

    .paymentWrapper .formWrapper .tooltipIcon .tooltipCont {
        right: -9px;
        top: -52px;
    }

    .carousel_wrap .tooltipIcon .tooltipCont {
        right: -7px;
    }

    .congWrapper .digiLock .tooltipIcon .tooltipCont {
        right: -2px;
    }

    .summaryLightbox {
        top: 425px;
        position: absolute;
    }

    .carincpanel .enhance-topup,
    .declare-radio.checkboxStyle ul li:first-child .tooltipIcon .tooltipCont {
        left: -139px;
        right: 0;
        top: 5px;
    }

    .carincpanel .enhance-topup,
    .declare-radio.checkboxStyle ul li:last-child .tooltipIcon .tooltipCont {
        left: -39px;
        right: 0;
        top: 5px;
    }

    .selectMulty .innerWrap {
        width: 70%;
    }

    /****Step 3 Start*****/
    .carousel_wrap #carousel .shadow {
        display: none !important;
    }

    /*  .carousel_wrap #carousel .shadow.carousel-center {
    display: block !important;
    } */
    .carousel_wrap #carousel.centered {
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        position: relative;
        left: 0;
        display: flex;
        justify-content: center;
    }

    .carousel_wrap #carousel {
        width: 176px;
    }

    /********Added by Samina on 27th Feb 2019 Start*********/
    .carousel_wrap .roundAboutArrow {
        left: 50%;
        top: 0;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        z-index: 1;
        float: none;
    }

    /********Added by Samina on 27th Feb 2019 End*********/

    /****Step 3 End******/
}

@media only screen and (max-width:640px) {

    /* code added by poonam Policy expiry date change 25-aug-2020 */
    .ncbDrpdwn {
        width: 100%;
    }

    .margBtm25 {
        margin-bottom: 10px;
    }

    .display_desktop {
        display: none;
    }

    .editWrapper {
        margin-right: 50px;
    }

    .carincpanel .leftpanel .telematics-service .telematics-service-detail.classicArrow:before {
        left: 96px !important;
    }

    .carincpanel .leftpanel .telematics-service .telematics-service-detail.premiumArrow:before {
        left: 289px !important;
    }

    .carincpanel .leftpanel .telematics-service .telematics-service-detail.prestigeArrow:before {
        left: 489px !important;
    }

    .carincpanel .leftpanel .telematics-service .telematics-service-detail.economyArrow:before {
        left: 197px !important;
    }

    .carincpanel .leftpanel .telematics-service .telematics-service-detail.economyPlusArrow:before {
        left: 391px !important;
    }

    .ui-menu .ui-menu-item-wrapper {
        font-size: 1.5rem;
        padding: 9px 0px 8px 5px;
    }

    /*****Added by Indigo on 17th June 2019 Start*******/
    .sepPaCoverWrapper .tooltipIcon .tooltipCont {
        right: -237px;
    }

    /*****Added by Indigo on 17th June 2019 End*******/

    /*Devendra start 27-Nov-2019 */
    .declareCont {
        width: 83% !important;
    }

    .no-reg .declareCont {
        width: 91% !important;
    }

    .mak-pay {
        width: 99% !important;
    }

    .no-reg {
        width: 100% !important;
    }

    .carincpanel .leftpanel .rowline.premiumWrapper.forRegCar {
        width: 92%;
    }

    .carincpanel .leftpanel .rowline.premiumWrapper.fixed {
        position: absolute;
        top: 163px;
        width: 92% !important;
    }

    /* flipkart-poonam-start 5may-2020 */
    .carincpanel .leftpanel .rowline.premiumWrapper.fixed-no {
        position: relative;
        width: 100% !important;
    }

    .premiumWrapper .tickIcon {
        top: 7px;
        left: 9px;
    }

    .premiumWrapper .premiumBreakCol {
        margin-bottom: 15px;
        box-shadow: 2px 0px 7px #d4d2d2;
        padding: 9px 22px;
    }

    /* flipkart-poonam-start 5may-2020 */
    .premiumWrapper .colTitle {
        padding-left: 25px;
    }

    /*Devendra end 27-Nov-2019 */
}

@media only screen and (max-width:600px) {

    /* code added by poonam Policy expiry date change 25-aug-2020 */
    .ncbDrpdwn {
        width: 100%;
    }

    .margBtm25 {
        margin-bottom: 10px;
    }

    .display_desktop {
        display: none;
    }

    .carincpanel .leftpanel .telematics-service .telematics-service-content ul li {
        width: 90px;
        height: 40px;
        margin-right: 10px;
        font-size: 1.4rem;
    }

    .carincpanel .leftpanel .telematics-service .telematics-service-content ul li.active label p span {
        font-family: 'Rubik-Bold';
    }

    .carincpanel .leftpanel .telematics-service .telematics-service-detail a {
        position: static;
        margin-top: 13px;
        color: #fe9542;
        border-bottom: 1px #fe9542 solid;
        font-size: 1.6rem;
    }

    .carincpanel .leftpanel .telematics-service .telematics-service-detail:before,
    .carincpanel .leftpanel .telematics-service .telematics-service-detail.classicArrow:before {
        left: 160px !important;
    }

    .carincpanel .leftpanel .telematics-service .telematics-service-detail.premiumArrow:before {
        left: 266px !important;
    }

    .carincpanel .leftpanel .telematics-service .telematics-service-detail.prestigeArrow:before {
        left: 368px !important;
    }

    .carincpanel .leftpanel .rowline.driveSmartYes .telematics-service .telematics-service-content ul li {
        width: 115px;
    }

    .carincpanel .leftpanel .telematics-service .telematics-service-detail.economyArrow:before {
        left: 200px !important;
    }

    .carincpanel .leftpanel .telematics-service .telematics-service-detail.economyPlusArrow:before {
        left: 329px !important;
    }

    .carincpanel .leftpanel .telematics-service .telematics-service-content ul li label p {
        font-size: 1.4rem;
    }

    .carincpanel .leftpanel .telematics-service .telematics-service-content ul li label p span {
        font-size: 1.4rem;
    }

    .carincpanel .leftpanel .telematics-service .telematics-service-content ul li label p .driveTitle {
        display: none;
    }

    .carincpanel .leftpanel .telematics-service .telematics-service-content ul li label p span:last-child {
        margin-top: 0px;
        font-size: 1.5rem;
    }

    /* .premiumWrapper .premiumBreakCont .premiumBreakContR p span.preAmtWrap {
    font-size: 2rem;
    }
    .premiumWrapper .premiumBreakCont .premiumBreakContR p a.textLink {
    font-size: 1.1rem;
    }
    .carincpanel .leftpanel .rowline.premiumBreak .premiumBreakCol .preText, .carincpanel .leftpanel .rowline.premiumBreak .premiumBreakCol .preTextShow {
    font-size: 1.4rem;
    }
    .carincpanel .leftpanel .rowline .premiumBreakCol {
    max-width: 140px;
    margin-right: 10px;
    }
    .carincpanel .leftpanel .rowline .premiumBreakCol:last-child {
    margin-right: 0px;
    }
    .rowline.premiumWrapper.fixed .premiumBreakCont .premiumBreakContR {
    padding: 5px 0 10px 10px;
    }
    .rowline.premiumWrapper.fixed {
    width: 95%;
    } */

    /* .carincpanel .leftpanel .rowline.premiumWrapper.fixed .premiumBreakCol {
    max-width: 180px;
    } */

    /* .carincpanel .leftpanel .rowline.premiumWrapper.fixed .premiumBreakCol {
    margin-right: 0;
    }
    .rowline.premiumWrapper.fixed .premiumBreakCont .premiumBreakContR p span.preAmtWrap {
    font-size: 2rem;
    } */

    /* .carincpanel .leftpanel .rowline.premiumBreak.premiumWrapper.fixed .premiumBreakCol:first-child :before {
    left: -118px;
    } */

    /* .rowline.premiumWrapper.fixed .premiumBreakCol:after {
    display: none;
    }
    .rowline.premiumWrapper.fixed .premiumBreakCont .premiumBreakContR p{
    padding-left: 0 !important;
    }
    .rowline.premiumWrapper.fixed .premiumBreakCol:last-child .premiumBreakContR {
    padding-left: 44px;
    } */
    .summaryLightbox {
        width: 90%;
    }

    .summaryLightboxContainer .span12>label,
    .summaryLightboxContainer .span12 input,
    .summaryLightboxContainer .customSelect .selectedText,
    .radioWrapper ul li label {
        font-size: 1.4rem;
    }

    .btn.reCalculate {
        max-width: 215px;
        min-width: 215px;
    }

    .summaryLightboxContainer .btn {
        font-size: 1.8rem;
    }

    .summaryLightbox .note {
        font-size: 1.3rem;
    }

    .summaryLightbox h2 {
        font-size: 2rem;
    }

    .personalLightbox .preFixed {
        left: 154px;
    }

    .mobNumber .preFixed {
        top: 12px;
        font-size: 1.4rem;
    }

    .carInsurance .stepsNumber .step-progressbar li>span span:after {
        transform: scale(0.7);
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
    }

    .carInsurance .stepsNumber .step-progressbar li>span span em {
        right: -35px;
        top: -7px;
        transform: scale(0.7);
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        font-size: 1.5rem;
    }

    .carInsurance .stepsNumber .step-progressbar li:last-child .proText {
        left: -58px;
    }

    .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount {
        left: -10px;
    }

    .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount:before {
        right: 24px;
    }

    .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount:after {
        right: 25px;
    }

    .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-state-active #idvamount {
        left: -10px;
    }

    .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-state-active #idvamount:before {
        right: 24px;
    }

    .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-state-active #idvamount:after {
        right: 25px;
    }

    /* .idv-sum-range > span:nth-child(3), .idv-sum-range span:last-child {
    right: 0 !important;
    } */
    .carincpanel .leftpanel .idv-val-sec .idv-sum span.max-range,
    .carincpanel .leftpanel .idv-val-sec .idv-sum span.min-range {
        bottom: -60px;
        font-size: 1.5rem;
    }

    .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle {
        transform: scale(0.7);
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
    }

    /* .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount {
    width: 59px;
    } */
    .carInsurance .titleSec h1 {
        font-size: 2rem;
    }

}

@media only screen and (max-width:550px) {
    .addon1 ul li {
        width: 100% !important;
    }

    .addon2 ul li {
        width: 100% !important;
    }

    .addon3 ul li {
        width: 100% !important;
    }

    /* code added by poonam Policy expiry date change 25-aug-2020 */
    .ncbDrpdwn {
        width: 100%;
    }

    .margBtm25 {
        margin-bottom: 10px;
    }

    .personalLightbox .preFixed {
        left: 126px;
    }

    .summaryLightboxContainer label {
        width: 40%;
    }

    .summaryLightboxContainer .inputDiv {
        width: 60%;
    }

    .display_desktop {
        display: none;
    }

    .ncbwrapDiv {
        margin: 55px 15px 15px !important;
    }

}

@media only screen and (max-width:1295px) {
    .quest1 .button-grp-items {
        width: 29% !important;
    }

    .stepsWrapper .myCar .stepCircle {
        height: 450px;
    }

    .planDetails .rowline {
        height: 180px;
    }

    .coverDetails .rowline {
        height: 125px;
    }

    .ncbDiv .radioWrapper {
        width: 60%;
    }

    .ncbDiv .radioWrapper {
        width: 60%;
    }

    .mak-pay .btn {
        min-width: 187px !important;
    }

    .boxtwo .declare-radio ul li label {
        width: 270px !important;
    }

    .third .button-grp-items-larg {
        margin: 3px 1%;
    }

    .button-grp-items {
        height: 41px !important;
    }

    .coverDetails h4 {
        font-size: 1.8rem;
    }

}

@media only screen and (max-width:480px) {
    .addon1 ul li {
        width: 100% !important;
    }

    .addon2 ul li {
        width: 100% !important;
    }

    .addon3 ul li {
        width: 100% !important;
    }

    .planReviewSec ul {
        height: 200px;
        overflow-y: scroll;
        top: 33%;
    }

    .disclaimer-makepay-popup {
        top: 40%;
    }

    .quest1 .button-grp-items {
        min-width: 155px;
    }

    .ncbDiv {
        margin-top: 28px !important;
    }

    .tpDiv span {
        top: 410px !important;
    }

    .odDiv span {
        top: 610px !important;
    }

    .singlepremium span {
        top: 178px !important;
    }

    .stepsWrapper .myCar .stepCircle .iconSec {
        margin: 11px auto;
    }

    .selectMulty {
        top: 366.618px !important;
        left: 0px !important;
    }

    .ncbwrapDiv {
        margin: 55px 15px 15px !important;
    }

    .odDiv span {
        top: 575px;
    }

    .tpDiv span {
        top: 375px;
    }

    .stepsWrapper .myCar .stepCircle {
        width: 95% !important;
        margin-left: 10px !important;
        zoom: 88% !important;
        height: 550px !important;
    }

    .section2 {
        display: none !important;
    }

    .quest1 .button-grp-items {
        margin: 4px 9px 4px 4px !important;
    }

    .stepsWrapper .myCar .stepCircle label {
        margin-top: 6px !important;
    }

    .planDetails {
        display: flow-root !important;
    }

    .planDetails .rowline {
        width: 90% !important;
    }

    .editName {
        width: 90%;
        border: solid 2px;
        border-radius: 5px;
        display: flex;
        margin-left: 20px;
    }

    .planDetails .rowline {
        width: 80% !important;
    }

    .premiumDetails .rowline {
        width: 37% !important;
    }

    .rangeBar {
        width: 80%;
        margin-left: 0px;
    }

    .carincpanel .leftpanel .rowline.rangeBar {
        width: 95% !important;
    }

    .premiumfinalBreak .declareCont {
        margin-left: 4px !important;
    }

    .policyDetailSec .allDetailWrap {
        width: 90% !important;
    }

    .carincpanel .leftpanel .rowline.rangeBar {
        width: 95% !important;
    }

    .quebox {
        margin-top: 66%;
    }

    .titleSec h1 {
        font-size: 2rem !important;
    }

    .backdiv .backBtn {
        margin-top: 24px !important;
    }

    .citybtn .grp-items-all {
        overflow-x: hidden;
    }

    .yes-odtp .declare-radio.checkboxStyle {
        margin-left: 10px !important;
    }

    /* code added by poonam Policy expiry date change 25-aug-2020 */
    .carousel_wrap #carousel .shadow.policyDetails,
    .carousel_wrap #carousel .shadow.Vehicle1,
    .carousel_wrap #carousel .shadow.loanDiv,
    .carousel_wrap #carousel .shadow.nomineeDiv {
        left: 0% !important;
    }

    .nomineeRelationship .button-grp-items {
        width: 40%;
    }

    .formWrapper .backBtn {
        top: 0px;
        left: 7px;
    }

    .quebox {
        display: flex;
        width: 100%;
        flex-direction: column;
    }

    .carincpanel .leftpanel {
        padding: 0px 0px !important;
    }

    .rowline.declareCont {
        flex-direction: column;
        align-items: center;
    }

    .ncbDrpdwn .button-grp-items-larg {
        width: 75%;
    }

    .boxchi {
        width: 305px !important;
    }

    .carousel_wrap #carousel {
        width: 88% !important;
    }

    .backdiv.prescr {
        position: relative;
        top: -83px;
        float: left;
        left: -18px;
    }

    .viewDetailsBtn {
        display: none !important;
    }

    .carInsurance.blueBg .topFixStep.fixStep .titleSec {
        margin-top: 22px;
    }

    .backdiv {
        position: relative;
        top: -67px;
        float: left;
        left: 2px;
    }

    .stepsWrapper .myCar .stepCircle .btn.nextBtn.getQuote {
        left: 37px;
        bottom: 1px;
    }

    .third .button-grp-items-larg {
        width: 47%;
        margin: 1% 1%;
    }

    .quest5.steps .butto-grp .button-grp-items {
        width: 54%;
    }

    .button-grp-items {
        width: 45%;
    }

    .ncbDrpdwn {
        width: 100%;
    }

    .margBtm25 {
        margin-bottom: 10px;
    }

    .preFixed {
        left: 16%;
    }

    .stepsWrapper .myCar .stepCircle label {
        font-size: 2.4rem;
    }

    /*15May-2020 Poonam changes start*/
    .sendQuote .whatsappno.active:before {
        top: 3px;
        left: 64px;
    }

    #carousel .shadow.policyDetails {
        left: -71.5px !important;
    }

    .car-owner .drpWrapper {
        top: 4px !important
    }

    .display_desktop {
        display: none;
    }

    .editSummaryLightbox .span12 {
        width: 89% !important
    }

    .car-owner.change {
        margin-top: 0px !important;
    }

    .display_mobile {
        display: block;
    }

    .sendQuote .whatsappno.active:before {
        left: auto;
    }

    .carInsurance .stepsNumber .step-progressbar li:nth-child(1) .proText {
        left: -10px;
        top: 28px;
    }

    .carInsurance .stepsNumber .step-progressbar li:nth-child(2) .proText {
        left: -9px;
        top: 28px;
    }

    .carInsurance .stepsNumber .step-progressbar li:nth-child(1) .proText,
    .carInsurance .stepsNumber .step-progressbar li:nth-child(2) .proText,
    .carInsurance .stepsNumber .step-progressbar li:nth-child(3) .proText,
    .carInsurance .stepsNumber .step-progressbar li:nth-child(4) .proText {
        text-indent: -3px !important;
    }

    /*15May-2020 Poonam changes end*/

    /* flipkart-poonam-start 5may-2020 */
    .popupSec.disclaimerContentWrap {
        display: none;
    }

    .popupSec.callbackthankyou {
        display: none;
    }

    .flipkart-new .callBack p {
        display: none;
    }

    .errorMsg,
    .validEntry {
        font-size: 1.5rem !important;
        padding: 0px 0 2px !important;
    }

    .communicationSec.visible.flipkart-new .callBack {
        position: absolute !important;
        right: 10px !important;
        top: 53px !important;
        width: 14% !important;
        display: block;
    }

    .mainHeader {
        height: 11rem;
    }

    .addressSec {
        margin-top: 5px !important;
    }

    .popupSec.callbackthankyou {
        display: none;
        left: 5%;
        width: 100%;
    }

    .popupSec.callbackthankyou .closePop {
        right: 0px;
        top: -20px;
    }

    .popupSec.disclaimerContentWrap {
        display: none;
        left: 5%;
    }

    .summaryLightbox .errorMsg {
        top: 20px;
        font-size: 1.1rem !important;
    }

    .viewDetailsBtn {
        margin: 5px 65px 0px 0px !important;
    }

    .premiumWrapper .premiumBreakCol {
        margin-bottom: 0px !important;
    }

    .carincpanel .leftpanel .idv-val-sec .idv-sum {
        position: relative;
        margin: 20px 0 !important;
    }

    .stepsWrapper.carincpanel {
        margin-top: 18px !important;
    }

    .errorMsg {
        font-size: 1.5rem !important;
    }

    .premiumWrapper .colTitle {
        padding-left: 10px !important;
    }

    .tp-od .premiumSection .premiumBreakCol .preWrap {
        border-right: none !important;
    }

    /* flipkart-poonam-end 5may-2020 */

    /******Step 1 Start*********/
    .carInsurance .titleSec h1 {
        padding-bottom: 0px;
        font-size: 3rem;
    }

    .carInsurance .titleSec h1
    .carInsurance .topFixStep {
        padding-top: 20px;
    }

    .ui-menu .ui-menu-item-wrapper {
        font-size: 1.4rem;
        padding: 9px 5px;
    }

    .mainHeader {
        height: auto;
    }

    /* .ui-menu .ui-menu-item {
    width: 100px;
    } */

    /* .preFixed {
    top: 16px;
    } */
    .stepsWrapper .myCar .stepCircle .questionsCont {
        top: 48%;
    }

    /******Step 1 End*********/

    /*****Step 2 Start******/
    .carincpanel .leftpanel h2 {
        font-size: 1.6rem;
    }

    .personalLightbox .preFixed {
        left: 110px;
    }

    .summaryLightbox h2 {
        font-size: 1.8rem;
    }

    .summaryLightbox .close {
        top: 11px;
    }

    .summaryLightbox {
        padding: 10px;
    }

    .personalLightbox .btn {
        font-size: 1.6rem;
        padding: 7px 30px 7px;
    }

    .editWrapper {
        margin-right: 44px;
    }

    .editCategoryDetails ul li {
        padding: 11px 10px 11px 20px;
    }

    .editCategoryDetails ul li:before {
        left: 5px;
    }

    .carincpanel .leftpanel .telematics-service .telematics-service-detail:before,
    .carincpanel .leftpanel .telematics-service .telematics-service-detail.classicArrow:before {
        left: 113px !important;
    }

    .carincpanel .leftpanel .telematics-service .telematics-service-detail.premiumArrow:before {
        left: 209px !important;
    }

    .carincpanel .leftpanel .telematics-service .telematics-service-detail.prestigeArrow:before {
        left: 311px !important;
    }

    .carincpanel .leftpanel .telematics-service .telematics-service-detail.economyArrow:before {
        left: 148px !important;
    }

    .carincpanel .leftpanel .telematics-service .telematics-service-detail.economyPlusArrow:before {
        left: 273px !important;
    }

    .viewDetailsBtn {
        margin: 0px 15px 0px 0px;
    }

    .planReviewSec ul {
        padding: 35px 0px;
    }

    .planReviewSec ul li h4,
    .premiupPopup h3,
    .offlinePopup h3 {
        font-size: 1.8rem;
    }

    .premiupPopup .rowPop .colPop,
    .offlinePopup .rowPop .colPop {
        font-size: 1.4rem;
    }

    .premiupPopup,
    .offlinePopup {
        width: 90%;
    }

    .additional-fitments.telematics .headdefine .tooltipIcon .tooltipCont {
        right: -261px;
        top: 8px;
    }

    .enhance-topup.prestigeCont .headdefine .tooltipIcon .tooltipCont {
        top: 8px;
        right: -19px;
    }

    .carousel_wrap #carousel {
        width: 155px;
    }

    .carousel_wrap #carousel .shadow {
        width: 380px;
        height: 300px;
    }

    .carousel_wrap #carousel .shadow h3 {
        font-size: 2rem;
    }

    .carousel_wrap #carousel .shadow .inputRow label,
    .carousel_wrap #carousel .shadow .wheelWrap label {
        font-size: 1.8rem;
        text-align: center;
    }

    .paymentWrapper .carousel_wrap #carousel .shadow .inputRow input {

        /*     font-size: 1.8rem; */
    }

    .carInsurance .stepsNumber {
        width: 85%;
    }

    /* .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount {
    width: 63px;
    } */
    .carincpanel .leftpanel .telematics-service .telematics-service-detail:before,
    .carincpanel .leftpanel .telematics-service .telematics-service-detail.classicArrow:before {
        left: 119px !important;
    }

    .carincpanel .leftpanel .telematics-service .telematics-service-detail.premiumArrow:before {
        left: 221px !important;
    }

    .carincpanel .leftpanel .telematics-service .telematics-service-detail.prestigeArrow:before {
        left: 320px !important;
    }

    .carincpanel .leftpanel .telematics-service .telematics-service-detail.economyArrow:before {
        left: 156px !important;
    }

    .carincpanel .leftpanel .telematics-service .telematics-service-detail.economyPlusArrow:before {
        left: 280px !important;
    }

    /* .rowline.premiumWrapper.fixed .premiumBreakCol:after {
    display: none;
    }
    .carincpanel .leftpanel .rowline .premiumBreakCol, .carincpanel .leftpanel .rowline.premiumWrapper.fixed .premiumBreakCol {
    margin-bottom: 30px;
    } */
    .enhance-topup.prestigeCont .headdefine .tooltipIcon .tooltipCont {
        left: 0;
    }

    .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount {
        left: -19px;
    }

    /*****Step 2 End******/

    /*****Step 4 Start******/
    .congWrapper h1 {
        font-size: 2.5rem;
    }

    .congWrapper p {
        font-size: 1.6rem;
    }

    .congWrapper .carDetails .detailsHeader {
        padding: 10px;
    }

    .congWrapper .carDetails .detailsHeader .align-left .personName {
        width: 65%;
    }

    .congWrapper .carDetails .detailsCont .userCarDetails .carCont span,
    .congWrapper .carDetails .detailsCont .userCarDetails .carCont p,
    .congWrapper .carDetails .detailsCont .userCarDetails p a,
    .congWrapper .congWrap .column p {
        font-size: 1.4rem;
    }

    .congWrapper .carDetails .detailsCont .userCarDetails .carCont img {
        margin-top: -2px;
    }

    .congWrapper .carDetails .detailsHeader .userImg img {
        padding-top: 2px;
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
    }

    .congWrapper .congWrap .innerWrap .align-right .eiaNumber p {
        font-size: 1.5rem;
    }

    .congWrapper input,
    .congWrapper .congWrap .column:first-child p,
    .congWrapper .congWrap .column h2 {
        font-size: 1.8rem;
    }

    .congWrapper .congWrap .column:first-child p span {
        font-size: 2rem;
    }

    .congWrapper .congWrap .column {
        padding: 0px 10px 20px 10px;
    }

    .congWrapper .congWrap .column .voucher {
        margin-right: 0px;
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        margin-top: -18px;
    }

    .congWrapper .congWrap .innerWrap .align-right .eiaNumber .btn {
        position: absolute;
        bottom: 0;
        left: 0;
        margin-bottom: 35px;
    }

    .congWrapper .innerWrap .align-right {
        padding-bottom: 55px;
    }

    .congWrapper .congWrap {
        padding: 20px 0px;
    }

    .congWrapper .carDetails .detailsHeader h2 {
        font-size: 1.5rem;
        margin: 12px 0px 0px 7px;
    }

    .congWrapper .carDetails .detailsHeader .align-left .personName {
        width: 75%;
    }

    /*****Step 4 End******/
    .popup {
        width: 90%;
    }

    /*****Added by Indigo on 17th June 2019 Start*******/
    .sepPaCoverWrapper .tooltipIcon .tooltipCont {
        right: -237px;
    }

    /*****Added by Indigo on 17th June 2019 End*******/
}

@media only screen and (min-height:844px) {
    .selectnominee .nomineeRelation {
        width: 126px;
    }

}

@media only screen and (max-width:414px) {
    .selectMulty {
        top: 366.618px !important;
        left: 0px !important;
    }

    .ncbwrapDiv {
        margin: 55px 15px 15px !important;
    }

    .odDiv span {
        top: 575px;
    }

    .tpDiv span {
        top: 375px;
    }

    .button-grp-items span {
        top: 22%;
    }

    /* code added by poonam Policy expiry date change 25-aug-2020 */
    .ncbDrpdwn {
        width: 100%;
    }

    .margBtm25 {
        margin-bottom: 10px;
    }

    .carincpanel .leftpanel .telematics-service .telematics-service-detail:before,
    .carincpanel .leftpanel .telematics-service .telematics-service-detail.classicArrow:before {
        left: 69px !important;
    }

    .carincpanel .leftpanel .telematics-service .telematics-service-detail.premiumArrow:before {
        left: 169px !important;
    }

    .carincpanel .leftpanel .telematics-service .telematics-service-detail.prestigeArrow:before {
        left: 269px !important;
    }

    .carincpanel .leftpanel .telematics-service .telematics-service-detail.economyArrow:before {
        left: 107px !important;
    }

    .carincpanel .leftpanel .telematics-service .telematics-service-detail.economyPlusArrow:before {
        left: 228px !important;
    }

    .mobNumber .preFixed {
        left: 100px;
    }

    .additional-fitments.telematics .headdefine .tooltipIcon .tooltipCont {
        right: -130px;
    }

    .carincpanel .enhance-topup,
    .declare-radio.checkboxStyle ul li:first-child .tooltipIcon .tooltipCont {
        left: -86px;
    }

    .carincpanel .enhance-topup,
    .declare-radio.checkboxStyle ul li:last-child .tooltipIcon .tooltipCont {
        left: -248px;
    }

    .carincpanel .leftpanel .rowline.driveSmartOpt h4.headdefine .tooltipIcon .tooltipCont {
        right: 0px;
        top: 2px;
    }

    .enhance-topup.prestigeCont .headdefine .tooltipIcon .tooltipCont {
        left: -100px;
    }

}

/********Added on 12th March 2019 Start************/
@media only screen and (max-width:393px) {
    .stepsWrapper .myCar .stepCircle .iconSec {
        margin: 11px auto;
    }

    .selectMulty {
        top: 366.618px !important;
        left: 0px !important;
    }

    .ncbwrapDiv {
        margin: 55px 15px 15px !important;
    }

    .odDiv span {
        top: 575px;
    }

    .tpDiv span {
        top: 375px;
    }

    .button-grp-items span {
        top: 22%;
    }

    /* code added by poonam Policy expiry date change 25-aug-2020 */
    .ncbDrpdwn {
        width: 100%;
    }

    .margBtm25 {
        margin-bottom: 10px;
    }

    .drpWrapper.noLeftSpace {
        margin-left: 0px;
        margin-top: 10px;
    }

    .selectMulty .innerWrap {
        position: relative;
        left: 40px;
    }

}

/********Added on 12th March 2019 End************/
@media only screen and (max-width:375px) {
    .additional-fitments.telematics .headdefine .tooltipIcon .tooltipCont {
        right: 0px;
    }

    /* .carincpanel .leftpanel .rowline.forNewCar .premiumBreakCol  {
    max-width: 135px;
    } */
    .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount {
        left: -7px;
    }

    .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount .rsWrap {
        left: 3px;
    }

    /*****Added by Indigo on 17th June 2019 Start*******/
    .sepPaCoverWrapper .tooltipIcon .tooltipCont {
        right: -237px;
    }

    /*****Added by Indigo on 17th June 2019 End*******/
}

@media only screen and (max-width:360px) {
    .editWrapper {
        margin-right: 33px;
    }

    .mobNumber .preFixed {
        left: 100px;
        font-size: 1.4rem;
    }

    /* .carincpanel .leftpanel .rowline.premiumWrapper.fixed .premiumBreakCol {
    padding-right: 0px;
    }
    .rowline.premiumWrapper.fixed .premiumBreakCont .premiumBreakContR p span.preAmtWrap {
    font-size: 1.8rem;
    }
    .premiumWrapper .premiumBreakCont .premiumBreakContR p a.textLink {
    font-size: 1rem;
    } */
    .carincpanel .leftpanel .telematics-service .telematics-service-detail:before,
    .carincpanel .leftpanel .telematics-service .telematics-service-detail.classicArrow:before {
        left: 46px !important;
    }

    .carincpanel .leftpanel .telematics-service .telematics-service-detail.premiumArrow:before {
        left: 147px !important;
    }

    .carincpanel .leftpanel .telematics-service .telematics-service-detail.prestigeArrow:before {
        left: 249px !important;
    }

    .carincpanel .leftpanel .telematics-service .telematics-service-detail.economyArrow:before {
        left: 71px !important;
    }

    .carincpanel .leftpanel .telematics-service .telematics-service-detail.economyPlusArrow:before {
        left: 228px !important;
    }

    .carInsurance .stepsNumber .step-progressbar li>span span em {
        right: -27px;
    }

    .carInsurance .stepsNumber .step-progressbar li:last-child .proText {
        left: -65px;
    }

    .additional-fitments.telematics .headdefine .tooltipIcon .tooltipCont {
        right: 0;
        top: 8px;
    }

    .carincpanel .enhance-topup,
    .declare-radio.checkboxStyle ul li:last-child .tooltipIcon .tooltipCont {
        left: -45px;
    }

    .rowline.declareCont .declare-radio.checkboxStyle {
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        left: 50%;
        position: relative;
        width: auto;
    }

    .enhance-topup.prestigeCont .headdefine .tooltipIcon .tooltipCont {
        left: -200px;
    }

    .congWrapper .carDetails .detailsCont .userCarDetails .carCont p {
        font-size: 1.5rem;
    }

}

@media only screen and (max-width:320px) {
    .odDiv span {
        top: 575px;
    }

    .tpDiv span {
        top: 375px;
    }

    .paymentWrapper .allDetailWrap .allDetailTabs ul li {
        font-size: 1.4rem;
    }

    .additional-fitments.telematics .headdefine .tooltipIcon .tooltipCont {
        right: -130px;
    }

    .mobNumber .preFixed {
        left: 92px;
        top: 11px;
    }

    .carincpanel .enhance-topup,
    .declare-radio.checkboxStyle ul li:first-child .tooltipIcon .tooltipCont {
        left: -185px;
    }

    .carincpanel .enhance-topup,
    .declare-radio.checkboxStyle ul li:last-child .tooltipIcon .tooltipCont {
        left: -150px;
    }

}

.svgBox {
    width: 100%;
    float: left;
}

/*----------Added by Indigo on 2nd May 2019 Start-------*/
.innerWrap {
    margin-left: 27px;
    margin: 0 30px;
}

/*----------Added by Indigo on 2nd May 2019 End-------*/

/*----------Added by Indigo on 2nd May 2019 Start-------*/
.summaryLightbox .errorMsg {
    position: absolute;
    left: 0;
    bottom: -17px;
}

/*----------Added by Indigo on 2nd May 2019 End-------*/

/*----------Added by Indigo on 3rd May 2019 Start-------*/
.paymentWrapper form .inputRow .inputWrap.centered.gst-InputWrap {
    width: 50%;
    margin: 0;
}

/*----------Added by Indigo on 3rd May 2019 End-------*/

/*----------Added by Indigo on 15th May 2019 Start-------*/
.disclaimner-registartion {
    font-size: 1.4rem;
    clear: both;
    padding-top: 5px;
    text-align: center;
    color: #000;
    font-weight: 600;
}

.planReviewSec.onlyone-box ul li:after {
    display: none;
}

/*----------Added by Indigo on 15th May 2019 End-------*/

/******Added by Suraj Dataed 23rd May 2019 Start****/
.electricAccesories .errorMsg {
    position: inherit;
    bottom: -25px;
    left: 40px;
}

/******Added by Suraj Dataed 23rd May 2019 End****/

/*---Added by Indigo on 12th June 2019 Start--*/
.damageCoverWrapper {
    display: none;
}

/*---Added by Indigo on 12th June 2019 End--*/

/*---Added by Sameer on 18th Aug starts---*/
.addressSec {
    float: right;
    margin-top: 20px;
}

.addressSec p {
    color: #ffffff;
    font-size: 1.6rem;
    background: url("../../../../../../../content/dam/bagicextension/motor-insurance/addressIcon.png") no-repeat top 3px left;
    background-size: auto;
    background-size: 15px;
    padding-left: 20px;
}

@media only screen and (max-width:1199px) {
    .addressSec {
        display: block;
    }

}

/*---Added by Sameer on 18th Aug ends---*/

/* vidya start */
.reducepremiumWrapper ul li:nth-child(2) label,
.reduceprebox ul li:nth-child(2) label {
    border-left: solid 1px #9a9a9a;
}

.carincpanel .leftpanel .additional-fitments,
.carincpanel .leftpanel .reducepremiumWrapper {
    clear: both;
    display: flex;
    align-items: center;
    display: -ms-flex;
    -ms-align-items: center;
}

.carincpanel .leftpanel .reducepremiumWrapper {
    margin-top: 20px;
}

.carincpanel .leftpanel .additional-fitments h4.headdefine,
.carincpanel .leftpanel .reducepremiumWrapper h4.headdefine {
    margin-right: 25px;/* display: inline-block; */
    float: left;
    position: relative;
}

.carincpanel .leftpanel .additional-fitments ul,
.carincpanel .leftpanel .reducepremiumWrapper ul {
    width: 140px;
    border: 1px solid #9a9a9a;
    overflow: hidden;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
}

.carincpanel .leftpanel .additional-fitments ul li,
.carincpanel .leftpanel .reducepremiumWrapper ul li {
    list-style: none;
    width: 50%;
    height: 34px;
    float: left;
    position: relative;
}

.carincpanel .leftpanel .additional-fitments ul li input[type='radio'],
.carincpanel .leftpanel .reducepremiumWrapper ul li input[type='radio'] {
    display: none;
}

.carincpanel .leftpanel .additional-fitments ul li label,
.carincpanel .leftpanel .reducepremiumWrapper ul li label {
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 3;
    cursor: pointer;
    line-height: 35px;
}

/* 1.==================== */
.carincpanel .leftpanel .additional-fitments ul,
.carincpanel .leftpanel .challanWrapper ul {
    width: 140px;
    border: 1px solid #9a9a9a;
    overflow: hidden;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
}

.carincpanel .leftpanel .additional-fitments ul li,
.carincpanel .leftpanel .challanWrapper ul li {
    list-style: none;
    width: 50%;
    height: 34px;
    float: left;
    position: relative;
}

.carincpanel .leftpanel .additional-fitments ul li input[type='radio'],
.carincpanel .leftpanel .challanWrapper ul li input[type='radio'] {
    display: none;
}

.carincpanel .leftpanel .additional-fitments ul li label,
.carincpanel .leftpanel .challanWrapper ul li label {
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 3;
    cursor: pointer;
    line-height: 35px;
}

/* ====================1 */
.reduceprebox h2 {
    font-size: 2.5rem;
    color: #8b8b8b;
    padding-bottom: 35px;
}

.reduceprebox .span12 {
    padding: 10px 0;
}

.reduceprebox .inputDiv {
    position: relative;
    width: 47%;
}

.reduceprebox .close {
    position: absolute;
    right: 20px;
    top: 20px;
    background: url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
    background-position: -321px -89px;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.reduceprebox {
    max-width: 870px;
    width: 100%;
    position: fixed;
    background: #fff;
    padding: 20px;
    border-radius: 5px;
    top: 42%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    z-index: 17;
    display: none;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px;
}

.reducepreboxContainer .span12 input {
    color: #ff9b41;
    border-bottom: 1px solid #ccc;
}

.reducepreboxContainer .span12>label {
    float: left;
    width: 50%;
    font-size: 1.8rem;
    color: #0071bb;
}

/****Added by Samina on 21st Sep 2018*****/
.personalLightbox .span12>label {
    width: 31%;
}

.reducepreboxContainer .radioWrapper ul li label {
    padding: 5px 25px 5px 25px;
}

.reducepreboxContainer .radioWrapper ul li {
    position: relative
}

.reducepreboxContainer .radioWrapper ul li input[type=radio] {
    position: absolute;
    left: 0;
    top: 0;
}

.reducepreboxContainer input,
textarea {
    outline: none;
    border-bottom: 1px solid #ccc;
}

.reducepreboxContainer .span12 input {
    color: #ff9b41;
    border-bottom: 1px solid #ccc;
}

.ok-reducpremium {
    margin-top: 33px;
}

.challandiv .drpWrapper {
    margin: -5px 14px 0 7px;
    float: left;
}

#challan_disclaimer {
    display: none;
}

/* vidya end */

/* 10-FEB-2020 poonam code*/
.challan_error,
.bagic_policy,
.other_bagic {
    text-align: center;
    padding-left: 88px;
}

/*Vidya Start 3-Apr-2020*/

/* 2.==================== */
.carincpanel .leftpanel .additional-fitments ul,
.carincpanel .leftpanel .with-us ul {
    width: 140px;
    border: 1px solid #9a9a9a;
    overflow: hidden;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
}

.carincpanel .leftpanel .additional-fitments ul li,
.carincpanel .leftpanel .with-us ul li {
    list-style: none;
    width: 50%;
    height: 34px;
    float: left;
    position: relative;
}

.carincpanel .leftpanel .additional-fitments ul li input[type='radio'],
.carincpanel .leftpanel .with-us ul li input[type='radio'] {
    display: none;
}

.carincpanel .leftpanel .additional-fitments ul li label,
.carincpanel .leftpanel .with-us ul li label {
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 3;
    cursor: pointer;
    line-height: 35px;
}

/* ==================== 2 */

/* 3.==================== */
.carincpanel .leftpanel .additional-fitments ul,
.carincpanel .leftpanel .with-us-nonmotor ul {
    width: 140px;
    border: 1px solid #9a9a9a;
    overflow: hidden;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
}

.carincpanel .leftpanel .additional-fitments ul li,
.carincpanel .leftpanel .with-us-nonmotor ul li {
    list-style: none;
    width: 50%;
    height: 34px;
    float: left;
    position: relative;
}

.carincpanel .leftpanel .additional-fitments ul li input[type='radio'],
.carincpanel .leftpanel .with-us-nonmotor ul li input[type='radio'] {
    display: none;
}

.carincpanel .leftpanel .additional-fitments ul li label,
.carincpanel .leftpanel .with-us-nonmotor ul li label {
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 3;
    cursor: pointer;
    line-height: 35px;
}

/* ==================== 3 */
.reduceprebox .selectMulty .innerWrap {
    width: 90% !important;
}

.reduceprebox .btnWrapper {
    text-align: center;
    float: left;
    width: 100%;
    display: block;
}

/*Vidya End 3-Apr-2020*/
.pay_pre_brand_new {
    width: 100%;
    display: block !important;
    margin-top: 10px;
    float: left;
}

.pay_pre_brand_new label {
    font-size: 13px;
    color: #000;
}

.pay_pre_brand_new .first-label {
    border-right: 1px solid #d27304;
    padding-right: 5px;
    margin-right: 5px;
}

.scpa_note {
    font-size: 1.2rem;
    color: black;
    position: relative;
    top: -13px;
    float: left;
}

.xyz {
    animation: mymove 5s infinite;
}

/*     .paddingb
{
padding-bottom: 57px;
} */
@keyframes mymove {
    from {
        top: 0px;
    }

    to {
        top: 200px;
    }

}

/* ======added on addon 23-6-2023=============== */
.tooltipIcon {
    display: table-cell;
    position: relative;
}

.summaryLightbox {
    max-width: 560px;
}

.summaryLightbox h2 {
    padding-bottom: 15px;
}

.btn.reCalculate {
    padding: 4px 0 4px 0;
}

.summaryLightbox .span12 {
    padding: 8px 0;
}

.stepsWrapper.carincpanel .leftpanel .marginNew {
    margin-bottom: inherit;
}

.wrapper.container .popupMessage .btnWrapper.centered {
    display: flex;
    justify-content: center;
}

.stepsWrapper .myCar .stepCircle .quest1 {
    zoom: 95%;
}

.stepCircle .quest1 .button-grp-items {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2%;
    min-width: 190px;
}

.stepCircle .quest1 .button-grp-items span {
    top: inherit;
}

.stepsWrapper .myCar .stepCircle .quest1 {
    zoom: 85%;
}

.stepsWrapper .myCar .stepCircle {

    /*     height: 90% !important; */
}

.stepsWrapper .myCar {
    height: 81vh;
}

@media only screen and (max-width:480px) {
    .theft_cover .rowline .inputWrap input {
        display: inline-block;
        border-bottom: 1px solid #0071bb;
        margin-left: 0;
        color: #ff9b41;
        font-size: 1.8rem;
        width: 32vw;
    }

    .planDetails .coverDetails span {
        position: inherit;
    }

    .ownDamageCover .drpWrapper.noLeftSpace {
        top: inherit;
    }

    .leftpanel .rowline.damageCoverWrapper {
        margin-top: 12%;
    }

    .pay_go_change,
    .theft_cover {
        display: flex;
        flex-flow: column;
        align-items: flex-start;
    }

    .pay_go_change .first-row,
    .pay_go_change .second-row {
        width: 100% !important;
    }

    .car-owner .drpWrapper,
    .siPerPerson .drpWrapper {
        margin-left: inherit;
    }

    .pay_go_change .rowline {
        margin-bottom: 10%;
    }

    .pay_go_change h4,
    .theft_cover h4 {
        margin-bottom: inherit !important;
    }

    .customSelect {
        width: inherit;
    }

    .pay_go_change .customSelect input {
        width: inherit;
    }

    .pay_theft_div {
        display: flex;
        flex-flow: column;
        gap: 2rem;
    }

    .pay_go_change,
    .theft_cover {
        width: 100%;
    }

    .theft_cover .rowline {
        width: 100% !important;
        display: inline-block;
        margin-bottom: 10px;
    }

    .carincpanel .leftpanel .car-owner {
        display: flex;
        flex-flow: column;
        align-items: flex-start;
    }

    .boxchi {
        width: 100% !important;
        margin: 10px 0px;
    }

    .tooltipIcon .tooltipCont {
        position: relative !important;
        left: 0 !important;
        right: auto !important;
        top: auto !important;
    }

    .tooltipIcon:hover .tooltipCont {
        display: block !important;
    }

    .tooltipIcon:hover:after {
        right: -42px;
    }

    .editName {
        width: 100%;
    }

    .planDetails .rowline {
        width: 100% !important;
    }

    .ncbwrapDiv {
        margin: 15px 15px 15px 0 !important;
    }

    .premiumfinalBreak .declareCont {
        margin-left: 4px !important;
    }

    .customSelect .selectedText {
        z-index: 0;
    }

    .carincpanel .leftpanel .idv-val-sec .idv-sum {
        margin: 20px 0 60px 0 !important;
    }

    .customSelect select {
        opacity: 1;
        color: #fc8f3d;
    }

}

/* --------------------------------------------- */

/* ======= --6-9-2023 ============================================ */
.quebox {
    justify-content: space-between;
}

.boxchi {
    width: 100%;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/* ======= --8-12-2023 ============================================ */
.electCont.vpayaddcoverages {
    display: none !important;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/* ======== --12-1-2023 ==================================== */
div#volexcessbox,
div#ownerdriverbox,
div#nameddriverbox {
    display: flex;
}

.radioWrapper ul li label {
    padding: 8% 20%;
}

.radioWrapper ul li {
    display: flex;
}

.reducePrem label {
    float: left;
    font-size: 1.6rem;
}

.nameddriverbox,
.reducePrem {
    padding: 15px 0;
}

.volex .radioWrapper {
    float: left;
    width: 60%;
}

.volex {
    margin-top: 10px;
}

.volex .button-grp-items span {
    top: 2% !important;
    font-size: 1.4rem !important;
}

.volex .button-grp-items {
    width: 10% !important;
    height: 28px !important;
    margin: 0 0px 4px 5px !important;
    min-width: 40px !important;
}

.numOfDriversSection .driverdetailsbox {
    border: solid 1px #757575;
    border-radius: 15px;
    padding: 14px;
    background: #f5f5f5;
    margin: 2% 0;
}

.numOfDriversSection h4 {
    color: #fe9542;
}

.numOfDriversSection .drivergetinfobox {
    display: flex;
    flex-flow: row wrap;
    justify-content: left;
    align-items: baseline;
    gap: 5%;
}

.numOfDriversSection .driverdetailsbox .textField {
    padding: 1%;
}

.numOfDriversSection .drivergetinfobox input {
    border: 1px solid #bababa;
    padding: 2px 10px;
    border-radius: 5px;
    box-sizing: border-box;
    box-shadow: 0 0 3px 0 #bcbcbc;
    width: 250px;
    appearance: auto;
}

.numOfDriversSection .drivergetinfobox .textField select {
    border: 1px solid #bababa;
    border-radius: 5px;
    box-sizing: border-box;
    box-shadow: 0 0 3px 0 #bcbcbc;
    width: 250px;
    appearance: auto;
    font-size: 1.8rem;
    padding: 1.8% 0;
}

select#selectnoofdrivers,
select#selectvolex {
    border: 1px solid #bababa;
    padding: 8px 10px;
    border-radius: 5px;
    box-sizing: border-box;
    box-shadow: 0 0 3px 0 #bcbcbc;
    width: 135px;
    appearance: auto;
}

.vpaycoverscontent {
    margin-top: 8%;
}

.vpaycoverscontent label {
    font-size: 1.8rem !important;
}

.vpaycoverscontent label span a {
    text-decoration: underline;
    padding: 0 2%;
}

.vpaycoverscontent ul li {
    padding: 5% 0 !important;
}

@media only screen and (max-width:480px) {
    .volex .radioWrapper {
        width: 60%;
    }

    .volex {
        margin-top: 28px !important;
    }

    .rowline.ncbwrapDiv.flexioptionsdiv {
        width: 100% !important;
    }

    .customSelect select {
        text-align: center;
    }

}

/* <!-- ========== 15-1-2024 ===================== --> */
.recaldriverbtn {
    text-align: center;
    cursor: pointer;
}

.recaldriverbtn a.btn {
    padding: 2px;
}

/* <!-- xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx --> */
.rowline.damageCoverWrapper {
    margin: 6% 2% 2%;
}

/* ======= --2-22024 =================== */
.NamedAndOwnerDriversBox {
    display: flex;
    gap: 2em;
    flex-flow: column;
}

.NamedAndOwnerDriversBox label {
    padding-right: 1%;
}

.wheelWrap .radioWrapper ul li {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-left: inherit;
    float: inherit;
    gap: 1em;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/* =========== --24-1-2024 ============================== */
.pepQuest {
    position: relative;
    display: inline-block;
    margin: 2% 0;
}

.pepQuest .tooltipIcon:after {
    right: -25px !important;
    top: 0px !important;
}

.pepQuestPopup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 45%;
    padding: 30px 40px;
}

.pepQuestPopup table {
    width: 100%;
    border: 1px solid #b3adad;
    border-collapse: collapse;
    padding: 5px;
    font-size: initial;
}

.pepQuestPopup table th {
    border: 1px solid #b3adad;
    padding: 5px;
    background: #2d45be;
    color: #ffffff;
}

.pepQuestPopup table td {
    border: 1px solid #b3adad;
    text-align: center;
    padding: 5px;
    background: #ffffff;
    color: #000000;
}

.pepQuestPopup .btn {
    padding: inherit;
    font-size: initial;
    max-width: 150px;
    min-width: 80px;
    width: 15%;
    cursor: pointer;
}

.pepQuestPopup .close {
    top: 25px;
}

.bodyOverlay-pepQuestPopup {
    position: fixed;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    background: #0000004f;
    z-index: 99;
    display: none;
}

@media only screen and (max-width:480px) {
    .pepQuestPopup {
        max-width: 80%;
    }

}

/*  xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/* =========== --14-2-2024 ============================== */
.disable-click {
    pointer-events: none;
    background-color: #ccc !important;
}

/*  xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/* <!-- ========== 28-2-2024 ===================== -->    */
.fieldBox.disclaimerandwhatsapp a {
    color: inherit;
    font-weight: initial;
}

.input-checkbox {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* <!-- xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx --> */

/* <!-- ========== --13-3-2024 ===================== -->    */
.quest5.steps a.backBtn {
    z-index: 1;
}

/* <!-- xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx --> */

/* <!-- ========== --24-4-2024 ===================== -->    */
@media only screen and (max-width:480px) {
    .stepsWrapper .myCar .stepCircle {
        height: -webkit-fit-content !important;
    }

    .stepsWrapper .myCar .stepCircle label {
        font-size: 1.8rem;
    }

}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/* <!-- ========== --24-4-2024 ===================== -->    */
@media only screen and (max-width:480px) {
    #ui-datepicker-div {
        max-height: 100% !important;
        left: 15% !important;
        zoom: 100%;
        margin-top: 0 !important;
    }

    .stepsWrapper .myCar .stepCircle {
        width: 95% !important;
        margin: 10px !important;
        zoom: 88% !important;
        height: -webkit-fit-content !important;
    }

    .button-grp-items span {
        top: 0;
        font-size: 1.6rem;
    }

    .quest1 .button-grp-items {
        line-height: inherit;
        min-width: 210px;
        height: 10% !important;
        padding: 1% !important;
    }

    .stepsWrapper .myCar .stepCircle label {
        font-size: 1.8rem;
    }

    .btn,
    .stepsWrapper .myCar .stepCircle .btn.nextBtn.getQuote {
        margin: 1% 20%;
    }

    div#ui-datepicker-div {
        top: 35% !important;
    }

    .quest5 .button-grp-items span {
        top: inherit;
    }

    .button-grp-items {
        width: 45%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 1%;
    }

    /* --7 */
    .stepCircle .quest1 .button-grp-items {
        min-width: 45%;
    }

    .quest1 .span12 .policy_que {
        width: 100%;
    }

    .quest1 .button-grp-items span {
        font-size: 1.7rem;
    }

    .btn,
    .stepsWrapper .myCar .stepCircle .btn.nextBtn.getQuote {
        max-width: auto;
        margin: 1% 20% !important;
    }

    /* .stepsWrapper .myCar .stepCircle .btn.nextBtn.getQuote {
    max-width: 181px !important;
    } */
    #ui-datepicker-div.ui-widget.ui-widget-content.dropdownAutocomplete {
        max-height: 100% !important;
        left: 16% !important;
        zoom: 100%;
    }

    .declare-radio.checkboxStyle {
        margin-left: inherit !important;
    }

    .innerpremiumfinalBreakdiv {
        width: 100% !important;
        padding: 2% !important;
    }

}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/* ============= --1-6-2024 ==================================== */
@media only screen and (max-width:480px) {
    .butto-grp.citybtn .button-grp-items,
    #statuspolicy .button-grp-items {
        height: 50px !important;
    }

    .butto-grp.citybtn .grp-items-all,
    .quest4 .grp-items-all {
        max-height: 300px;
    }

    .questionsCont .butto-grp.third .grp-items-all.varient .button-grp-items {
        height: 80px !important;
        display: flex;
        flex-flow: column;
    }

    .button-grp-items span {
        line-height: 1.2;
    }

    .premiumfinalBreak {
        zoom: 70% !important;
    }

    .mak-pay {
        display: flex;
        justify-content: center;
    }

}

.button-grp-items {

    /* font-size: 1.8rem; */
}

.stepsWrapper .myCar .stepCircle .nextBtn,
.shadow .wheelWrap .nextBtn {
    left: 19%;
}

/* .stepsWrapper .myCar .stepCircle .btn.nextBtn.getQuote {
max-width: 181px !important;
} */
.rangeBar {

    /*     width: 44% !important; */
}

.declareCont {
    margin-left: 13%;
}

.questionsCont .butto-grp.third .grp-items-all.varient .button-grp-items {
    display: inline-flex;
    justify-content: center;
    height: auto !important;
    padding: 2%;
}

.questionsCont .butto-grp.third .grp-items-all.varient .button-grp-items span {
    top: auto;
    margin: 0 1%;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
.no-drop {

    /* 2June24 */
    cursor: no-drop !important;
}

.not-allowed {

    /* 2June24 */
    cursor: not-allowed !important;
}

/* ======== --20-6-2024 ==================================== */
.imtdivwrap {
    display: block !important;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/* ======== --26-7-2024 ==================================== */
div#nameddriverbox {
    display: none !important;
}

.rangeBar {
    width: 42% !important;
}

.rowline.ncbwrapDiv.flexioptionsdiv {
    height: 10%;
    justify-content: space-around;
}

@media only screen and (max-width:480px) {
    .rowline.ncbwrapDiv.flexioptionsdiv {
        width: 100% !important;
        height: auto !important;
    }

}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* --7 */
#volexcessbox .labelTool {
    width: 100%;
}
.stepsWrapper .myCar .stepCircle input {
    font-size: initial;
}
.wheelWrap label {
    width: inherit !important;
}
.wheelWrap .labelTool {
    justify-content: center;
}
span.tooltipIcon1:hover .tooltipCont1 {
    display: block !important;
    position: absolute;
    left: 0;
    font-size: initial;
    margin-top: 3%;
    line-height: 1.2;
    width: 100% !important;
    z-index: 999;
    background-color: #ffffff;
    padding: 1%;
    color: #757575;
    border: 1px solid #757575;
}
span.tooltipIcon1 {
    cursor: pointer;
}
.labelTool {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 1em;
}
.radioWrapper ul li.active label {
    z-index: 0;
}
.tooltipIcon1:after {
    content: '';
    position: absolute;
    width: 16px;
    height: 15px;
    background: url("../../../../../../../content/dam/bagicextension/motor-insurance/tooltip-icon.png") no-repeat;
}
@media only screen and (max-width:480px) {
    .tooltipIcon .tooltipCont {
        position: relative !important;
        right: inherit !important;
        left: 50% !important;
        top: inherit !important;
        transform: translate(-50%, 0px) !important;
        width: 100% !important;
    }
    .ncbDiv .radioWrapper {
        width: 100%;
    }
    .carousel_wrap #carousel {
        width: 100% !important;
        display: flex;
        justify-content: center;
    }
    .policyDetailSec .allDetailWrap {
        width: 100% !important;
    }
    span.tooltipIcon1:hover .tooltipCont1 {
        margin-top: 5%;
    }
    .paymentWrapper .carousel_wrap #carousel .shadow .inputRow input {
        margin: auto;
    }
    #dobp {
        caret-color: transparent;
    }
    /* .planDetails {
    margin: 12px 0 !important;
    }
    .editName {
    margin-left: 0px !important;
    }
    .stepsWrapper {
    justify-content: flex-start !important;
    }
    .backdiv.prescr {
    left: 2px !important;
    }
    .ncbwrapDiv,
    .carincpanel .leftpanel .rowline.rangeBar ,
    .quebox {
    padding: 15px !important;
    }
    .volex {
    margin-top: 0px !important;
    }
    div#volexcessbox {
    align-items: baseline;
    } */
}
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

.newcustomSelect::after {
    content: "▼";
    font-size: 12px;
    color: #555;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}
@media screen and (max-width: 1366px) {
 /*  .stepsWrapper .myCar .stepCircle {
      transform: translateX(-50%) scale(0.8);
      -webkit-transform: translateX(-50%) scale(0.8);
      -moz-transform: translateX(-50%) scale(0.8);
      -ms-transform: translateX(-50%) scale(0.8);
      -o-transform: translateX(-50%) scale(0.8);
      transform-origin: 50% 0;
      -webkit-transform-origin: 50% 0;
      -moz-transform-origin: 50% 0;
      -ms-transform-origin: 50% 0;
      -o-transform-origin: 50% 0;
    }*/
    .carInsurance .summaryWrapper{
      transform: scale(0.9);
      -webkit-transform: scale(0.9);
      -moz-transform: scale(0.9);
      -ms-transform: scale(0.9);
    }
    .stepsWrapper .buildInsPlan {
      top: 240px;
    }
    .stepsWrapper .almostDone{
      top: 230px;
    }
    .selectMulty ul li{
      font-size: 1.5rem;
    }
    .summarySec.carsumm {
        top: 110px;
        transform: scale(0.8);
        width: 380px;
    }
    .summarySec.carsumm.fixed {
      top: 110px;
  }
    h4.headdefine{
      font-size: 1.8rem;
    }
    .summarySec.carsumm .innerContent:before{
      top: -29px;
    }
  }