/*! 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: hidden;
}

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

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

.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: '';
    left: 81px;
    position: absolute;
    z-index: 1;
    cursor: pointer;
}

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

/*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;
}

.regError {
    width: 270px !important;
    bottom: -17px !important;
}

.main-wrapper {
    height: 0px !important;
}

/*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 */

.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: 157px !important;
}

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

.policy_que ul {
    margin-left: 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;
    height: 20px;
}

.tp-od .premiumSection .premiumBreakCol {
    width: auto
}

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

/****** 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****/

/* 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 {
    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%;    /* Devendra start 09-09-2019 */
    padding: 0 5px;    /* Devendra start 09-09-2019 */
    float: left;
}

/* 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;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    border-radius: 18px;
    box-shadow: 0px 0px 50px #e6eaeb;
    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;
}

/* 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;
}

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

.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: 400px;
    height: 400px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0px 0px 50px #e6eaeb;
    position: relative;
    left: 50%;
    top: 25px;
    transform: translateX(-50%);
    -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);
    z-index: 1;
    float: left;
}

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

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

/* --31 */

/* 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: 2rem;    /* line-height: 2.5; */
    color: #ff9b41;
    padding-bottom: 3px;
    text-transform: capitalize;
    width: 100%;
    max-width: 215px;
}

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

/* line 431, ../sass/_base/_common.scss */
.stepsWrapper .myCar .stepCircle .iconSec {
    width: 83px;
    height: 64px;
    float: left;
    border-bottom: 1px solid #cecece;
    position: relative;
    left: 50%;
    top: 2px;    /* Code added by Bajaj General TEAM 26-11-2019 */
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

/* line 441, ../sass/_base/_common.scss */
.stepsWrapper .myCar .stepCircle .iconSec:before {
    width: 62px;
    height: 62px;
    background-color: #f7f7f7;
    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;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    margin-bottom: 30px;
}

/* 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 .quest4 .iconSec span {
    background: url("../../../../../../../content/dam/bagicextension/motor-insurance/sprite-img.png") 0 -114px no-repeat;
    width: 53px;
    height: 45px;
}

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

/* 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 .quest7 .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: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    width: 100%;
    float: left;
    text-align: center;
}

/* line 550, ../sass/_base/_common.scss */
.stepsWrapper .myCar .stepCircle .nextBtn {
    width: 52px;
    height: 52px;
    background-color: #ff9b41;
    position: absolute;
    float: left;
    bottom: 20px;
    left: 50%;
    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 560, ../sass/_base/_common.scss */
.stepsWrapper .myCar .stepCircle .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%);
}

/* line 561, ../sass/_base/_common.scss */
.stepsWrapper .myCar .stepCircle .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;
}

/* line 562, ../sass/_base/_common.scss */
.stepsWrapper .myCar .stepCircle .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 {
    float: left;
}

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

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

/* line 626, ../sass/_base/_common.scss */
.radioWrapper ul li:nth-child(2) {
    margin-left: -20px;
}

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

/* line 642, ../sass/_base/_common.scss */
.radioWrapper.anyClaim li label {
    padding: 5px 20px;
}

/* line 645, ../sass/_base/_common.scss */
.radioWrapper.anyClaim li:nth-child(2) {
    margin-left: -15px;
}

/* line 655, ../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;
}

/* 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.6rem;
}

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

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

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

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

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

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

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

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

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

    /* Firefox 18- */
    color: #ff9b41;
    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: red;
    font-size: 1.1rem;
    display: none;
    width: 100%;
    float: left;    /* padding: 5px 0 15px; */
    padding: 5px 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;
}

/* 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;
    }

}

/* 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;
}

/* 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: 65%;
    position: relative;
}

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

/* line 238, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .idv-val-sec .idv-sum {
    position: relative;
    margin: 63px 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 */
.carincpanel .leftpanel .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: 36px;
    height: 36px;
    border: none;
    margin-top: -8px;
}

/* line 251, ../sass/_base/_car-insurance.scss */
.carincpanel .leftpanel .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 */
.carincpanel .leftpanel .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 */
.carincpanel .leftpanel .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 */
.carincpanel .leftpanel .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;
}

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

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

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

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

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

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

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

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

.carincpanel .leftpanel .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: 20px;
}

/* 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: 140px;
    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: 12px 0 13px;
    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.3rem;
    color: #4f4f4f;    /******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: 213px !important;
}

.declareCont {

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

    /* width:55% !important; */
    padding: 0px 0 !important;
}

.mak-pay {
    width: 36% !important;
    padding: 12px 0px 0px !important;
}

/*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: 15px 0;
    float: left;
    width: 100%;
}

/* 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);
}

/* .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;
}

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

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

.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: 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;
    -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: 20px;
    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;
}

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

/* 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 {
    margin: 21px auto 42px;
    padding: 32px 6px 50px;    /* background-color:#0e8dfa; */
    border-radius: 8px;
    border: 1px solid #0E8DFA;
    max-width: 810px;
    width: 90%;
    position: relative;    /******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-family: "Rubik-Bold";
    font-size: 2rem;
    color: #000;
    margin-bottom: 13px;
    display: block
}

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

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

.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: 15px;
    position: relative;
}

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

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

.paymentWrapper form .inputRow label,
.paymentWrapper form .inputRow .inputWrap {
    float: left
}

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

.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;
}

.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 {
    height: 380px;
    width: 484px;
    margin: 0 auto;
}

/*********Added on 27th Feb 2019 Start**********/
.carousel_wrap #carousel .shadow {
    width: 320px;
    height: 320px;    /* background-color:#fff; */
    border-radius: 50%;
    padding: 39px 0 39px;
    margin-top: 34px;
    cursor: pointer;
    -webkit-box-shadow: 0 0 8px 1px #888;
    -moz-box-shadow: 0 0 8px 1px #888;
    -ms-box-shadow: 0 0 8px 1px #888;
    -o-box-shadow: 0 0 8px 1px #888;
    box-shadow: 0 0 8px 1px #888;
    background: #fff;
    border: 1px solid #0E8DFA;
}

/*********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: 10px
}

.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: 1.5rem;
    color: #0073bd
}

.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: 100%;
}

.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;
    color: #4f4f4f
}

.paymentWrapper input,
.congWrapper input {
    font-family: "Rubik-Regular";
    font-size: 2.2rem;
    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: 15;
    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: 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: 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;
}

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

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

.planReviewSec ul {
    margin: 35px 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: 33%;
    text-align: center;
    padding: 0 20px;
    position: relative;
    margin-bottom: 40px;
}

.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: 26px;
}

/******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: 9;
}

.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;
}

.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;
    left: 27px;
    top: 10px;
}

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

/* Code added by Bajaj General TEAM 26-11-2019 */
.quest1 .preFixed {
    left: 72px;
}

/* 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;
}

.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;
}

/*----------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;
}

.digiLock .tooltipIcon:after {
    top: 0px;
}

.inputDiv {
    float: left;
}

.eiaRow .inputDiv .errorMsg {
    float: none;    /* display: none; */
}

/***********Added by Samina on 20h Sep 2018*****************/
.paymentWrapper {
    margin: 30px auto 0;
}

.paymentWrapper #address {
    text-align: center;
}

.paymentWrapper .formWrapper label {
    color: #0073bd;
}

.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;
}

.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: left;
}

.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******/

/* --31 */

/* .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: 90%;
}

/* 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 {
    position: absolute;
}

.stepsWrapper .myCar .stepCircle .nextBtn:hover {
    background: #fff;
    border: 1px solid #f89c30;
}

.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%;
}

.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 {
    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;
    max-width: 290px;
}

.ui-widget.ui-widget-content.dropdownAutocomplete {
    z-index: 19 !important;
}

.paymentWrapper h1 .personName {
    width: 60%;
}

.stepTwoCarousel .shadow select {
    width: 0;
}

.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>label {
    width: auto !important;
    float: left !important;
}

.anyClaimWrapper .radioWrapper {
    float: left;
    margin: -20px 0 0 15px;
}

.area {
    width: auto !important;
}

.areaDrpCont {
    width: 200px !important;
    float: left;
}

.genderCont {
    width: 190px !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: 0;
    top: 0
}

/********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;
}

.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: 0px 10px;
}

.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: relative;
    background-color: #fff;
    width: auto;    /* height: 120px; */
    padding: 15px;
}

/**********Added on 12th March 2019 Start*************/
.carincpanel .leftpanel .rowline.premiumWrapper.forNewCar {
    padding: 15px;
    width: auto;    /* height: 120px; */
    margin: 20px 0px;
}

.carincpanel .leftpanel .rowline.premiumWrapper.forRegCar {

    /*Devendra start 27-Nov-2019 */
    box-shadow: 3px 4px 52px #b5b3b3;
    padding: 12px 15px;    /*Devendra end 27-Nov-2019 */
    width: 900px;    /* height: 120px; */
    margin: 20px 0px;
}

/**********Added on 12th March 2019 End*************/
.carincpanel .leftpanel .rowline.premiumWrapper.fixed {
    position: fixed;
    z-index: 15;
    bottom: -20px
}

.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;
}

/********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: 1.5rem;    /*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: #818181 !important;
    font-size: 1.1rem !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 */
.popupMessage,
.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: 18;
    padding: 15px;
    text-align: center;
    display: none;
}

.popupMessage p,
.popupErrorMessage p {
    padding-bottom: 10px;
}

.popupMessage .btnWrapper,
.popupErrorMessage .btnWrapper {
    float: left;
}

.popupMessage .btn,
.popupErrorMessage .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,
.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: 18;
    padding: 15px;
    text-align: center;
    display: none;
}

.popupMessage p,
.popupErrorMessage p {
    padding-bottom: 10px;
}

.popupMessage .btnWrapper,
.popupErrorMessage .btnWrapper {
    float: left;
}

.popupMessage .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;
}

.carousel_wrap #carousel .shadow {
    padding: 30px 0px;
}

.shadow .align-middle {
    width: 90%;
}

.nomineeDiv .loanSelect {
    max-width: 100%;
    width: 100%;
}

.carousel_wrap #carousel .shadow .inputRow {
    width: 66%;
    margin: 10px 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: 20px;
    position: relative;
    left: 17px;
}

/******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;
}

/*******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) {
    .dropdownAutocomplete {
        max-height: 200px !important; /* Updated By Pritish Rajpurohit */
    }

    .selectMulty .innerWrap {
        max-height: 90px;
    }

    .summaryLightboxContainer {
        height: 500px;
    }

}

@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******/
}

@media only screen and (max-width:1185px) {
    .carincpanel .leftpanel .rowline.premiumWrapper {
        width: 802px;
    }

    .premiumWrapper .premiumBreakCol {
        max-width: 250px;
        margin-right: 10px;
    }

}

@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.6rem;
    }

    .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) {

    /* 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;
    }

    /* .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) {

    /* 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: 1.6rem;
    }

    .stepsWrapper .myCar .stepCircle input {
        font-size: 2rem;
    }

    .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: -100px;
    }

    .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;
    }

    .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;
    }

    .stepsWrapper .myCar .stepCircle .iconSec {
        top: 0px;
    }

    .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;
    }

    /* --31 */
    .carincpanel .leftpanel .rowline.premiumWrapper.forRegCar {
        width: 100%;
    }

    .carincpanel .leftpanel .rowline.premiumWrapper.fixed {
        position: absolute;
        top: 163px;
        width: 92% !important;
        display: none !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: -64px;
        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) {

    /* 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;
    }

}

@media only screen and (max-width:480px) {
    .regError {
        width: 223px;
        bottom: -17px;
    }

    /* code added by poonam Policy expiry date change 25-aug-2020 */
    .ncbDrpdwn {
        width: 100%;
    }

    .margBtm25 {
        margin-bottom: 10px;
    }

    .quest1 .preFixed {
        left: 94px !important;
        top: 15px !important;
    }

    /*15May-2020 Poonam changes start*/
    .sendQuote .whatsappno.active:before {
        top: 3px;
        left: 64px !important;
    }

    .sendQuote .whatsappno:before {
        top: 3px;
        left: 64px !important;
    }

    #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;
    }

    .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;
    }

    .stepsWrapper .myCar .stepCircle label {
        font-size: 2.0rem;
    }

    .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;
    }

    .carInsurance .topFixStep {
        padding-top: 20px;
    }

    .ui-menu .ui-menu-item-wrapper {
        font-size: 1.4rem;
        padding: 9px 5px;
    }

    /* .ui-menu .ui-menu-item {
      width: 100px;
    } */

    /* .preFixed {
      top: 16px;
    } */
    .stepsWrapper .myCar .stepCircle .questionsCont {
        top: 48%;
    }

    .stepsWrapper .myCar .stepCircle .nextBtn {
        bottom: 22px;
    }

    /******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: 300px;
        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.4rem;
    }

    .paymentWrapper .carousel_wrap #carousel .shadow .inputRow input {
        font-size: 1.5rem;
    }

    .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: -62px;
    }

    /*****Added by Indigo on 17th June 2019 End*******/
}

@media only screen and (max-width:414px) {

    /* 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) {

    /* 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) {
    .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%;
}

/*----------Added by Indigo on 3rd May 2019 End-------*/

/*----------Added by Indigo on 15th May 2019 Start-------*/

.disclaimner-registartion {
    font-size: 1.2rem;
    clear: both;
    padding-top: 5px;
}

.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: absolute;
    bottom: -33px;
    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.2rem;
    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: 750px;
    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: 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;
}

.declare-radio ul li label {
    width: 269px;
}

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

/* 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;
}

/*added by pankaj pawar on 13th june 2023*/

/* travel rider css milind */

.roomRentWrap.wellnessDiv {
    padding: 15px 0;
    width: 100%;
    float: left;
}

.wellnessDiv label {
    padding: 15px 0;
    width: 63%;
    float: left;
}

.roomRentWrap.wellnessDiv label:first-child::after {
    background: #ff8100;
    padding: 1px 6px;
    content: "New";
    font-size: x-small;
    color: white;
    border-radius: 9px;
    margin-left: 26px;
}

.covragetablehealth .firsttr {
    background: #0080c9 !important;
}

.covragetablehealth tr {
    border: 1px solid #878787;
}

.covragetablehealth tr td {
    border: 1px solid #878787;
    padding: 8px;
}

.covragetablehealth {
    border: 1px solid #878787;
}

.roomRentWrap li {
    list-style: none;
    width: 50%;
    height: 37px;
    float: left;
    position: relative;
}

.additionalChecknewtravel.radioBtn li label {
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 3;
    cursor: pointer;
    line-height: 36px;
    color: #0073BD;
    padding-top: 2px !important;
}

.additionalChecknewtravel.radioBtn input:checked+label {
    background: #0080c9;
    color: #fff;
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 3;
    cursor: pointer;
    line-height: 36px;
    padding-top: 2px !important;
}

.additionalChecknewtravel.radioBtn input label {
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 3;
    cursor: pointer;
    line-height: 36px;
    color: #0073BD;
}

.pre_opt {
    margin-bottom: 10px;
    margin-top: -10px;
    color: #f36405;
}

.premiumch1travel ul li label.active {
    background: #0e8dfa !important;
}

.premiumch1travel ul li label.active:before {
    background: url(../../../content/dam/bagic/health-guard/sprite.png) no-repeat !important;
    background-color: #ff9b41 !important;
    background-position: -369px -469px !important;
    border: 2px solid #fff !important;
}

.premiumch1travel ul li label.active p {
    color: #fff !important;
}

.premiumch1travel ul li label.active h5 span {
    color: #fff !important;
}

.premiumch1travel ul li label {
    background: #ffffff !important;
}

.premiumch1travel ul li label:before {
    background: #fff !important;
}

.premiumch1travel {
    width: 46% !important;
}

.premiumch1travel ul li {
    margin-right: 20px !important;
    width: 26% !important;
}

.premiumch1travel ul li label h5 {
    font-size: 2.0rem !important;
    border-bottom: none !important;
    color: #0071bb !important
}

.premiumch1travel ul li label p {
    color: #fe9542 !important;
    font-size: 1.5rem !important;
    padding-bottom: 3px !important;
    margin-bottom: 5px !important;
    border-bottom: 1px solid #ffffff9e !important;
}

.planReviewSec .leftContainer .premiumch ul li input:checked+label:before,
.planReviewSec .leftContainer .premiumch1travel ul li input:checked+label:before {
    background: url(../../../content/dam/bagic/health-guard/sprite.png) no-repeat;
    background-color: #ff9b41;
    background-position: -369px -468px;
    border: 2px solid #fff;
}

.premiumch ul li input:checked+label,
.premiumch1travel ul li input:checked+label {
    background: #ffffff;
    color: #005596;
}

.premiumch,
.premiumch1travel {
    border: solid 1px #c4c4c4;
    border-radius: 15px;
    padding: 15px;
    background: #f5f5f5;
    padding-top: 25px;
    margin-bottom: 25px;
}

.premiumch ul,
.premiumch1travel ul {
    text-align: left;
    margin-bottom: 7px;
}

.additionalChecknewtravel.radioBtn input {
    float: left;
    height: 100%;
    left: 0;
    opacity: 0;
    position: relative;
    width: 100%;
    z-index: -1;
}

.premiumch1travel.wellnessPlantravel {
    width: 78% !important;
    display: inline-block;
    box-shadow: 0px 1px -1px 0 #959595;
    border: solid 1px #c4c4c4;
    border-radius: 3px;
    padding: 15px;
    background: #f5f5f5;
    padding-top: 25px;
    margin-bottom: 25px;
}

.premiumch1travel.wellnessPlantravel ul li label p {
    font-size: 1.8rem !important;
}

.showFeaturestravel {
    color: #0e8dfa;
    font-family: 'Rubik-Regular';
    font-size: 1.3rem;
    cursor: pointer;
    text-decoration: underline;
}

.wellnessPlantravel ul li label.active .showFeaturestravel {
    color: #ffffff;
    font-family: 'Rubik-Regular';
    font-size: 1.3rem;
    cursor: pointer;
    text-decoration: underline;
}

.roomRentWrap ul {
    width: 140px;
    border: 1px solid #ccc;
    overflow: hidden;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    margin: 10px 135px 0px 0px;
}

.premiumch1travel.wellnessPlantravel ul li {
    margin-right: 19px !important;
    width: 35% !important;
    margin-left: 14px;
}

.premiumch1travel.wellnessPlantravel ul li label {
    text-align: center;
    display: block;
    -webkit-box-shadow: 0 0px 30px 1px rgb(234 234 234 / 86%);
    -moz-box-shadow: 0 0px 30px 1px rgba(234, 234, 234, 0.858824);
    -ms-box-shadow: 0 0px 30px 1px rgba(234, 234, 234, 0.858824);
    -o-box-shadow: 0 0px 30px 1px rgba(234, 234, 234, 0.858824);
    box-shadow: 0 0px 30px 1px rgb(234 234 234 / 86%);
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -ms-border-radius: 7px;
    background: #fff;
    padding: 5px;
    position: relative;
    cursor: pointer
}

.premiumch1travel.wellnessPlantravel ul {
    display: flex;
}

.premiumch1travel.wellnessPlantravel ul li label.active {
    display: block;
    -webkit-box-shadow: 0 0px 30px 1px rgb(234 234 234 / 86%);
    -moz-box-shadow: 0 0px 30px 1px rgba(234, 234, 234, 0.858824);
    -ms-box-shadow: 0 0px 30px 1px rgba(234, 234, 234, 0.858824);
    -o-box-shadow: 0 0px 30px 1px rgba(234, 234, 234, 0.858824);
    box-shadow: 0 0px 30px 1px rgb(234 234 234 / 86%);
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -ms-border-radius: 7px;
    background: #fff;
    padding: 5px;
    position: relative;
    cursor: pointer;
}

.premiumch1travel.wellnessPlantravel ul li label.active {
    display: block;
    -webkit-box-shadow: 0 0px 30px 1px rgb(234 234 234 / 86%);
    -moz-box-shadow: 0 0px 30px 1px rgba(234, 234, 234, 0.858824);
    -ms-box-shadow: 0 0px 30px 1px rgba(234, 234, 234, 0.858824);
    -o-box-shadow: 0 0px 30px 1px rgba(234, 234, 234, 0.858824);
    box-shadow: 0 0px 30px 1px rgb(234 234 234 / 86%);
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -ms-border-radius: 7px;
    background: #fff;
    padding: 5px;
    position: relative;
    cursor: pointer;
}

.wellnessPlantravel ul li label.active:before {

    /* background-position: -367px -467px !important;
    background: #ff9b41 url(../content/dam/bagic/motor-insurance/sprite.png) no-repeat !important; */
    background-color: #ff9b41 !important;
    border: 2px solid #fff !important;
}

.premiumch1travel.wellnessPlantravel ul li label:before {
    left: -9px;
    position: absolute;
    top: -9px;
    content: '';
    background: #fff;
    width: 19px;
    height: 19px;
    z-index: 1;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    cursor: pointer;
    border: 1px solid #ebebeb;
}

.pageWrap {
    padding: 0px 50px;
}

/*added by pankaj pawar on 29th june 2023 for frequent fyler congragulation page*/
.detailsRowWrapper {
    padding: 0px 0px 45px 0px;
    border-bottom: 1px solid #d1e3e7;
}

.detailsWrapper {
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    max-width: 700px;
    width: 95%;
    border: 1px solid #1793fe;
    border-radius: 10px;
    margin-top: 30px;
    overflow: hidden;
    position: relative;
    left: 50%;
}

.detailsWrapper .headSection {
    background-color: #1793fe;
    padding: 20px;
}

.detailsWrapper .headSection,
.detailsWrapper .midSection,
.detailsWrapper .headSection .headLeftDiv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.detailsWrapper .headSection .headLeftDiv {
    width: 80%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.detailsWrapper .midSection {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 20px;
}

.detailsWrapper .headSection .headLeftDiv .personName {
    font-family: "Rubik-Bold";
    font-size: 2rem;
    color: #fff;
    margin: 0px 0px 0px 15px;
    text-align: left;
}

.congWrapper .midSection .leftMidDiv .contRow p,
.congWrapper .midSection .rightMidDiv .contRow p {
    font-family: "Rubik-Bold";
    color: #035b95;
    font-size: 1.8rem;
    text-align: left;
    clear: both;
}

.detailsWrapper .midSection .leftMidDiv {
    border-right: 1px solid #e4e4e4;
}

/* .detailsWrapper .midSection .rightMidDiv, .detailsWrapper .midSection .leftMidDiv {
width: 49%;
} */
.congWrapper .midSection .leftMidDiv .contRow span,
.congWrapper .midSection .rightMidDiv .contRow span {
    font-family: "Rubik-Regular";
    color: #757575;
    font-size: 1.6rem;
    display: inline-block;
    margin-left: 10px;
    float: left;
}

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

.ckycDetail input#pannumber,
.ckycDetail input#ckycnumber {
    font-size: initial;
    margin-left: 0;
}

.ckycDetail .fieldbox {
    padding: 0 !important;
    margin: 0;
}

@media screen and (max-width:480px) {
    .ckycDetail {
        padding-top: 0;
    }

}

/* ========== --3-11-2023 ===========================    */
.stepsWrapper.myCarWrapper {
    height: auto;
}

.stepsWrapper .myCar .stepCircle {
    width: 450px;
    height: 450px;
    top: 0px;
    -webkit-transform: translateX(-50%) scale(0.7);
}

.stepsWrapper .myCar {
    margin-bottom: 5%;
}

.carInsurance .topFixStep {
    padding: 5px 0;
    padding-top: 5px;
}

@media only screen and (max-width:480px) {
    .stepsWrapper .myCar .stepCircle {
        -webkit-transform: translateX(-50%) scale(0.7);
    }

    .disclaimerandwhatsapp .check-box a.landingClick,
    .disclaimerandwhatsapp .check-box a.MoreClick-landing {
        font-size: 1.6rem;
    }

}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/* =========== --24-1-2024 ============================== */
.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;
}

.no-drop {

    /* 2June24 */
    cursor: no-drop !important;
}

.not-allowed {

    /* 2June24 */
    cursor: not-allowed !important;
}

@media only screen and (max-width:480px) {
    .pepQuestPopup {
        max-width: 80%;
    }

}

/*  xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/* =========== --14-2-2024 ============================== */    
.disable-click {
    pointer-events: none;
    background-color: #ccc !important;
}

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

/*  xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/* --13 */
.stepsWrapper .myCar .stepCircle {
    border-radius: 10%;
}

.stepsWrapper .myCar .stepCircle .quest3 .iconSec span {
    width: 60px;
    height: 60px;
}

/* xxxxxxxxxxxxxxxxx */

/* --31 */

span.tooltipIcon1:hover .tooltipCont1 {
    display: block !important;
    position: absolute;
    left: 0;
    font-size: initial;
    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: center;
    gap: 1em;
}

.tooltipIcon1:after {
    content: '';
    position: relative;
    display: inline-block;
    width: 16px;
    height: 15px;
    background: url("../../../../../../../content/dam/bagicextension/motor-insurance/tooltip-icon.png") no-repeat;
}

span.tooltipCont1 {
    display: none;
}

.labelTool label {
    width: inherit !important;
}

.leftpanel .labelTool,
.pepQuest .labelTool,
.formWrapper .labelTool {
    justify-content: flex-start;
}

@media only screen and (max-width:480px) {
    span.tooltipIcon1:hover .tooltipCont1 {
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: 90% !important;
    }

    .nomineeDiv .wheelWrap .nomineeSelect {
        width: inherit;
    }

    .loanSelect.selectCarLoan .labelTool {
        width: 50%;
    }

    .labelTool label {
        width: auto !important;
    }

    .labelTool {
        width: 100%;
    }

    .stepsWrapper .myCar .stepCircle {
        background-color: #fff;
        box-shadow: 0px 20px 50px #757575;
        -webkit-box-shadow: 0px 20px 50px #757575;
    }

    .paymentWrapper.stepsWrapper .formWrapper {
        padding: 2% !important;
    }

    .paymentWrapper form .inputRow {
        margin-bottom: 25px;
    }

    .inputRow .drpWrapper .customSelect {
        margin-left: 2%;
    }

    .customSelect:has([name="gender"]) {
        width: 30%;
    }

    #mainpopup {
        position: fixed;
        background: #fff;
        width: 300px;
        border-radius: 12px;
        padding: 25px;
        text-align: center;
        z-index: 999;
        height: auto;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%);
    }

    .paymentWrapper .allDetailWrap .allDetailTabs ul {
        margin-left: 0px;
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .paymentWrapper .allDetailWrap .allDetailTabs ul li {
        width: 20% !important;
        margin: 1% !important;
        font-size: 1rem;
    }

    .ncbDrpdwn {
        margin-left: inherit;
    }

    .mainHeader .logoSec {
        width: 40% !important;
    }

    .carincpanel .leftpanel .rowline.premiumWrapper.fixed {
        position: relative;
        top: inherit;
        width: 92% !important;
    }

    .editSummaryLightbox.summaryLightbox {
        zoom: inherit !important;
    }

    input#compName {
        position: relative;
        left: 0;
        margin-top: 25px;
        margin-left: 0;
    }

    .car-owner .drpWrapper {
        top: 12px !important;
        float: left;
        width: 100%;
        margin-left: 0;
        top: 10px;
    }

    .companyName {
        top: 10px !important;
    }

}

p.genderselect.selectedText {
    opacity: 0 !important;
    visibility: hidden !important;
}

.customSelect .selectedText {
    padding: inherit;
}

.carousel_wrap #carousel .shadow {
    border-radius: 10%;
}

.mobNumber input {
    padding-left: 0;
}

.carousel_wrap .roundAboutArrow {
    top: 0px;
}

.carInsurance .topFixStep {
    zoom: 80%;
}

.mainHeader .logoSec {
    width: 15%;
    margin: inherit;
}

.mainHeader {
    padding: 1%;
}

.paymentWrapper {
    margin: inherit;
}

.addressSec {
    margin-top: inherit;
}

.stepsWrapper .myCar .stepCircle label {
    font-size: 2rem;
}

.stepsWrapper .buildInsPlan {
    color: #005596;
    padding: 2%;
    text-align: center;
    text-transform: capitalize;
    top: 180px !important;
}

.carInsurance {
    position: inherit;
}

.carInsurance .summaryWrapper {
    top: 100px;
}

.tandc {
    top: 16px;
}

.steps {
    display: flex;
    flex-flow: column;
    align-items: center;
    height: 100%;
}

.stepsWrapper .myCar .stepCircle .iconSec {
    width: 83px;
    height: 64px;
    float: left;
    border-bottom: 1px solid #cecece;
    position: relative;
    left: inherit;
    top: inherit;
    transform: translateX(-50%);
    -webkit-transform: inherit;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.stepsWrapper .myCar .stepCircle {
    zoom: 95%;
}

.errorMsg {
    font-size: initial;
}

.stepsWrapper .myCar .stepCircle .nextBtn {
    bottom: 5px;
}

.paymentWrapper.stepsWrapper .formWrapper {
    text-align: left;
    padding: 1% 0;
}

.paymentWrapper form .inputRow label {
    width: 35%;
}

.leftpanel .labelTool,
.pepQuest .labelTool,
.formWrapper .labelTool {
    justify-content: flex-start;
}

.paymentWrapper form label {
    font-family: 'Rubik-Regular';
    font-size: initial;
    text-transform: math-auto;
}

.paymentWrapper #address {
    text-align: left;
}

.paymentWrapper form .inputRow input {
    font-size: initial;
    margin-bottom: 0;
}

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

.formWrapper .bottom-space.inputRow {
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.paymentWrapper form .prefieldWrap label {
    color: #0073bd;
}

select.gender {
    opacity: 1;
    position: absolute;
    appearance: auto;
    color: #f89c30;
    width: auto;
    border: 1px solid lightgrey;
}

.carincpanel .leftpanel .with-us-nonmotor ul li label,
.carincpanel .leftpanel .additional-fitments ul li label,
.carincpanel .leftpanel .paCoverWrapper ul li label {
    z-index: 0;
}

.editSummaryLightbox.summaryLightbox {
    zoom: 80%;
}

.car-owner .drpWrapper .customSelect select {
    opacity: 1;
    background: #f7fdff;
    appearance: auto;
    position: absolute;
    color: #fd9442;
    width: -webkit-fill-available;
    border: 1px solid lightgrey;
}

.car-owner .drpWrapper .customSelect .selectedText {
    z-index: 0;
}

.car-owner .drpWrapper .customSelect {
    padding-left: 30px;
}

.customSelect .selectedText {
    padding: inherit;
}

.companyNameNew,
.companyName {
    position: relative;
    float: left;
    top: -5px;
}

#compName,
#bankFinance {
    border-bottom: 1px solid #0071bb;
    margin-left: 27px;
    color: #ff9b41;
    font-size: initial;
    display: none;
}

.formWrapper .customSelect {
    border-bottom: none;
}

.inputRow.bottom-space.gstWrap {
    z-index: 0;
}

.setnature {
    position: relative;
    bottom: auto;
    overflow: hidden;
}

/* xxxxxxxxxxxxxxxxxxxxxxxx */
/* --47 */
.quest1.steps .iconSec {
    display: none;
}
.stepsWrapper .myCar .stepCircle .questionsCont {
    top: 45% !important;
}
.stepsWrapper .myCar .stepCircle {
    width: 500px;
    height: 500px;
    top: -50px;
}
.stepsWrapper .myCar .stepCircle .questionsCont {
    top: 45% !important;
}
.whatsappno {
    position: relative !important;
}
.fieldBox.disclaimerandwhatsapp {
    display: flex;
    justify-content: center;
    align-items: center;
}
/* xxxxxxxxxxxxxxx */    
/* --56 */
.stepsWrapper .myCar .stepCircle {
    top: auto;
}
/* --41 */
.innerenhance3 {
    display: flex;
    gap: 5px;
}
@media only screen and (max-width:480px) {
.innerenhance3 label {
    width: 75% !important;
}
}        
/* xxxxxxxxxx */
@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;
  }
}