/*! 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("clientlib/images/worksite/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("clientlib/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("clientlib/images/worksite/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("clientlib/images/worksite/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("clientlib/images/worksite/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("clientlib/images/worksite/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("clientlib/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";
}


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

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


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


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

/* whatsapp code milind -27-03-2023 */
.whatsappno span img{width: 27px;height: 27px;}
.sendQuote .whatsappno{position: relative;padding-left: 20px;top: 8px;}

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

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

/* whatsapp code end milind -27-03-2023 */
/* 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 */

.rowline.declareCont {
    margin-top: 0px !important;
}

.span12 .policy_que {
    float: none;
    position: relative;
    display: inline-block;
}

.policy_que label {
    float: none !important;
}

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

.pacoverrow .customSelect .selectedText:after
    {
        right: 8px;
    }
/* 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 {
    /*changed by pankaj pawar on 8th june 2021*/
    width: 55%;
    padding: 0 15px;
    float: left;
}


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

.span3 {
    width: 33.3%;
    padding: 0 15px;
    float: left;
    position: relative;
}


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

.span4 {
    width: 25%;
    padding: 0 15px;
    float: left;
}


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

.span5 {
    width: 20%;
    padding: 0 15px;
    float: left;
}


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

.span40 {
    width: 40%;
    padding: 0 15px;
    float: left;
}


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

.span60 {
    width: 60%;
    padding: 0 15px;
    float: left;
}


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

.span6 {
    width: 66.6%;
    padding: 0 15px;
    float: left;
}


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

.span8 {
    width: 75%;
    padding: 0 15px;
    float: left;
}


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

.span9 {
    width: 80%;
    padding: 0 15px;
    float: left;
}


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

.span10 {
    width: 90%;
    padding: 0 15px;
    float: left;
}


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

.span12 {
    width: 100%;
    padding: 0 15px;
    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: 45%;
}


/* 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: 55%;
    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: 10%;
    background-color: #fff;
    box-shadow: 0px 0px 50px #e6eaeb;
    position: relative;
    left: 50%;
    top: 25px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    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 */
}


/* 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;
    /* changed by pankaj pawar on 9th june 2021 90-170*/
    width: 170%;
    max-width: 215px;
}

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


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

.stepsWrapper .myCar .stepCircle .iconSec {
    width: 83px;
    height: 35px;
    float: left;
    border-bottom: 1px solid #cecece;
    position: relative;
    left: 50%;
    top: 29px;
    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,
.stepsWrapper .myCar .stepCircle .quest5 .iconSec span,
.stepsWrapper .myCar .stepCircle .quest52 .iconSec span {
    background: url("../../../../../../../content/dam/bagicextension/motor-insurance/sprite-img.png") 0 -54px 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;
}


/*---Added on 3rd June 2019 starts--*/

.stepsWrapper .myCar .stepCircle .nextBtn.getQuote,
.stepsWrapper .myCar .stepCircle .nextBtn.proceedBtn {
    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;
}


/*---Added on 3rd June 2019 ends--*/


/* 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: 19;
    /* Added by Bhavesh on 17-09-2018 */
    margin: 0;
}


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

.selectMulty .innerWrap {
    width: 150%;
    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;
}


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


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


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


/*---Added on 10th June 2019 starts--*/

.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);
    top: 8px;
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border: 1px solid #cacaca;
    border-color: transparent transparent #cacaca #cacaca;
    right: 18px;
    background: none;
}

#quest3 .customSelect .selectedText:after,
#quest3 .customSelect .ui-widget:after {
    content: none;
}


/*---Added on 10th June 2019 ends--*/


 .customSelect .ui-widget:after {
   display: none !important;
  } 

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

.paymentWrapper #carousel input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-size: 1.6rem;
}

.paymentWrapper #carousel input::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 1.6rem;
}

.paymentWrapper #carousel input:-ms-input-placeholder {
    /* IE 10+ */
    font-size: 1.6rem;
}

.paymentWrapper #carousel input:-moz-placeholder {
    /* Firefox 18- */
    font-size: 1.6rem;
}


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


/********Added on 8th April 2019 Start********/

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


/********Added on 8th April 2019 End********/


/* 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: 17 !important;
    /* max-height: 400px;
    overflow-y: auto; */
    width: 318px !important;
}

.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: 15px;
    font-size: 1.7rem;
}

.summarySec.carsumm .innerContent .content nav a:first-child:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 15px;
    background: #fe9542;
    right: -9px;
    /******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 33px;
    display: none;
    float: left;
    width: 100%;
}

.carincpanel .leftpanel .siPerPerson h4 {
    font-size: 2rem;
    color: #4f4f4f;
    font-family: "Rubik-Regular";
    font-weight: normal;
}

.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;
    /*****  margin-top: 20px;           *Added by Samina on 18th Sep 2018*******/
}


/* .carincpanel .leftpanel .paCoverWrapper{ display: none;} */


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

.carincpanel .leftpanel .declare-radio ul li label:before {
    content: '';
    background: #c1c1c1;
    left: 0px;
    position: absolute;
    top: 8px;
    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 .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 */

.carincpanel .leftpanel .rowline {
    padding: 15px 0;
    /*changed by pankaj pawar on 2nd June 2021*/
    /* float: left; */
    width: auto !important;
    /*changed 100% to auto*/
}


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


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


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

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

.customSelect select option {
    background: #fff;
    color: #4f4f4f;
    font-size: 1.8rem;
}


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

.customSelect .selectedText {
    position: relative;
    z-index: 2;
    color: #ff9b41;
    float: left;
    /*changed by pankaj pawar*/
    padding: 0 12px 0 6px;
    /******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: 25px
}

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

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

.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(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
    background-position: -544px -458px;
}

.socialInner .socialBtn.tweeterShare {
    width: 30px;
    height: 30px;
    background: url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
    background-position: -587px -458px;
}

.socialInner .socialBtn.linkInShare {
    width: 30px;
    height: 30px;
    background: url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
    background-position: -630px -458px;
}

.socialInner .socialBtn.blogShare {
    width: 30px;
    height: 30px;
    background: url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
    background-position: -674px -458px;
}

.socialInner .socialBtn.instaShare {
    width: 30px;
    height: 30px;
    background: url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite.png) no-repeat;
    background-position: -717px -458px;
}

.socialInner .socialBtn.youtubeShare {
    width: 30px;
    height: 30px;
    background: url(../../../../../../../content/dam/bagicextension/motor-insurance/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 {
    position: relative;
}

.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,
.carincpanel .leftpanel .chkBoxQuest .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,
.carincpanel .leftpanel .chkBoxQuest .declare-radio ul li label {
    font-size: 2rem;
    line-height: 1.4;
}

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

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

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

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

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

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


/***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 {
    opacity: 0.4;
    position: relative;
    cursor: default;
}

.makePayemnt.disable:hover {
    color: #fff;
}

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

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

.paymentWrapper input {
    color: #000;
}


/* .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 {
    width: 100%;
    display: block;
}


/* .nomineeDiv .wheelWrap .tooltipIcon {
    position: relative;
  } */

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

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

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

.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.forNewCar.fixed .premiumBreakCol, .carincpanel .leftpanel .rowline.premiumWrapper.forRegCar.fixed .premiumBreakCol{
      margin-right: 0;
      position: relative;
      width: 50%;
      float: left;
      padding-right: 15px;
  } 
  .carincpanel .leftpanel .rowline.premiumWrapper.forNewCar.fixed .premiumBreakCol .premiumBreakCont, .carincpanel .leftpanel .rowline.premiumWrapper.forRegCar.fixed .premiumBreakCol .premiumBreakCont {
    border-radius: 0;
  }
  .carincpanel .leftpanel .rowline.premiumWrapper.forNewCar.fixed .premiumBreakContR:first-child, .carincpanel .leftpanel .rowline.premiumWrapper.forRegCar.fixed .premiumBreakContR:first-child{
    border-right: 1px solid #e8e8e8;
   }
  .rowline.premiumWrapper.forNewCar.fixed .premiumBreakCont .premiumBreakContR p, .rowline.premiumWrapper.forRegCar.fixed .premiumBreakCont .premiumBreakContR p {
    padding-left: 122px;
  }
  .carincpanel .leftpanel .rowline.premiumBreak.forNewCar.fixed .premiumBreakCol .preText, .carincpanel .leftpanel .rowline.premiumBreak.forRegCar.fixed .premiumBreakCol .preText {
    margin-bottom: 0;
    display: block;
  }
  .carincpanel .leftpanel .rowline.premiumBreak.forNewCar.fixed .premiumBreakCol .preTextShow, .carincpanel .leftpanel .rowline.premiumBreak.forRegCar.fixed .premiumBreakCol .preTextShow {
    margin-bottom: 0;
    display: none;
  }
  .carincpanel .leftpanel .rowline.premiumBreak.forNewCar.fixed .premiumBreakCont .tickIcon, .carincpanel .leftpanel .rowline.premiumBreak.forRegCar.fixed .premiumBreakCont .tickIcon {
    position: relative;
    left: 102px;
    top: 28px;
    float: left;
    display: inline-block;
    z-index: 1;
  } */


/* .rowline.premiumWrapper.forNewCar.fixed, .rowline.premiumWrapper.forRegCar.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.forNewCar.fixed .premiumBreakCol .premiumBreakCont, .rowline.premiumWrapper.forRegCar.fixed .premiumBreakCol .premiumBreakCont {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
      box-shadow: none;
    position: relative;
  }
  .rowline.premiumWrapper.forNewCar.fixed .premiumBreakCol:first-child:after, .rowline.premiumWrapper.forRegCar.fixed .premiumBreakCol:first-child:after {
    content: '';
    position: absolute;
    width: 2px;
    height: 50px;
    top: 50%;
    right: 0;
    background: #e8e8e8;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
  } */

.summaryLightboxContainer.personalLightbox {
    height: auto;
}

.premiumWrapper.forNewCar.fixed .premiumBreakCont .premiumBreakContR p span.preAmtWrap,
.premiumWrapper.forRegCar.fixed .premiumBreakCont .premiumBreakContR p span.preAmtWrap {
    font-size: 2rem;
}

.formWrapper .errorMsg,
.eiaRow .errorMsg {
    text-align: left;
    float: left;
}

.stepsWrapper .myCar .stepCircle input.regNum {
    text-transform: uppercase !important;
}


/* .carincpanel .leftpanel .rowline.premiumWrapper.forNewCar.fixed .premiumBreakCol:last-child .premiumBreakContR p, .carincpanel .leftpanel .rowline.premiumWrapper.forRegCar.fixed .premiumBreakCol:last-child .premiumBreakContR p {
    padding-left: 15px;
  } */


/* .carincpanel .leftpanel .rowline.premiumWrapper.forNewCar.fixed .premiumBreakCol:last-child .premiumBreakContR p:before, .carincpanel .leftpanel .rowline.premiumWrapper.forRegCar.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.forNewCar.fixed .premiumBreakCol:last-child .premiumBreakContR p, .carincpanel .leftpanel .rowline.premiumWrapper.forRegCar.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.forNewCar.fixed .premiumBreakCol:last-child .premiumBreakCont .tickIcon, .carincpanel .leftpanel .rowline.premiumBreak.forRegCar.fixed .premiumBreakCol:last-child .premiumBreakCont .tickIcon {
    left: 23px;
  } */


/* .carincpanel .leftpanel .rowline.premiumWrapper.forNewCar.fixed .premiumBreakCont .premiumBreakContR p a.textLink {
      display: block;
  } */


/* .carincpanel .leftpanel .rowline.premiumWrapper.forNewCar.fixed .premiumBreakCol, .carincpanel .leftpanel .rowline.premiumWrapper.forRegCar.fixed .premiumBreakCol {
    max-width: 450px;
  } */

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

.nomineeDiv .wheelWrap .nomineeSelect .tooltipIcon {
    position: relative;
    float: right;
    bottom: 0;
    left: 0;
    right: 0;
}

.nomineeDiv .wheelWrap .nomineeSelect .tooltipIcon:after {
    top: 6px;
    right: -29px;
}


/******Car Third Party Style Start*****/

.stepsWrapper .myCar .stepCircle .vehicleReg label.note,
.stepsWrapper .myCar .stepCircle .quest5 label.note {
    margin-top: 10px;
    color: #818181;
    font-size: 1.2rem;
    padding: 0;
}

.stepsWrapper .myCar .stepCircle .vehicleReg label.note {
    padding: 0px 50px;
}

.additionalCont,
.countryList {
    display: none;
    float: left;
}

.carincpanel .leftpanel .declare-radio.countryList li {
    float: left;
    width: 33.33%;
    border-bottom: none;
}

.carincpanel .leftpanel .declare-radio.countryList ul li label {
    font-size: 1.8rem;
}

.carincpanel .leftpanel .declare-radio.countryList ul li label {
    font-size: 1.8rem;
}

.carincpanel .leftpanel .declare-radio.countryList ul li label:before {
    background-color: transparent;
    border: 1px solid #c1c1c1;
    top: -1px;
}

.stepsWrapper .myCar .stepCircle .quest5 label.note {
    display: none;
}

.policyOpt ul {
    float: left;
}


/******Car Third Party Style End*****/


/*****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;
    font-size: 1.6rem !important;
}

.ui-menu .ui-menu-item-wrapper {
    font-size: 1.8rem;
    padding: 9px 12px 8px;
}

.ui-menu .ui-menu-item {
    border-bottom: 1px solid #e4e4e4;
}

.ui-menu .ui-menu-item:last-child {
    border-bottom: none;
}

.stepsWrapper .myCar .stepCircle .customSelect .vehicleMakeStyle {
    border: none;
    line-height: initial;
    width: 130px;
}


/* .customSelect .ui-widget:after {
    top: 5px;
    right: 20px;
  } */

.ui-datepicker .ui-state-default.ui-state-active {
    width: auto !important;
    height: auto !important;
    color: #0171bb !important;
}

.stepsWrapper .myCar .stepCircle .ui-widget :-ms-input-placeholder {
    color: #ff9b41 !important;
}

.personalLightbox input {
    padding-bottom: 3px;
}

.stepsWrapper .myCar .stepCircle .nextBtn.btn {
    max-width: 52px;
    min-width: 52px;
    height: 52px;
}

.stepsWrapper .myCar .stepCircle .nextBtn.btn:hover {
    color: #f89c30;
}

.stepsWrapper .myCar .stepCircle .nextBtn.btn span:before:hover,
.stepsWrapper .myCar .stepCircle .nextBtn.btn span:after:hover {
    border: 2px solid #f89c30;
}

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


/*****Add by Samina on 4th October 2018 End******/


/*****Add by Samina on 3rd October 2018 End******/

.customSelect input {
    border: none !important;
}

.customSelect .ui-widget input {
    font-size: 1.8rem;
}

.planReviewSec ul li .imgSec img {
    width: 100%
}

.stepsWrapper .myCar .stepCircle .ui-widget :-ms-input-placeholder {
    color: #ff9b41 !important;
}

input::-ms-clear {
    display: none;
}


/*****Add by Samina on 8th October 2018 Start*****/


/*---Added on 3rd June 2019 starts--*/

.btn,
.stepsWrapper .myCar .stepCircle .btn.nextBtn.getQuote,
.btn,
.stepsWrapper .myCar .stepCircle .btn.nextBtn.proceedBtn {
    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,
.btn:before,
.stepsWrapper .myCar .stepCircle .btn.nextBtn.proceedBtn: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;
}


/*---Added on 3rd June 2019 ends--*/


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


/*---Added on 3rd June 2019 starts--*/

.btn:hover,
.stepsWrapper .myCar .stepCircle .btn.nextBtn.getQuote:hover,
.btn:hover,
.stepsWrapper .myCar .stepCircle .btn.nextBtn.proceedBtn:hover {
    color: #f89c30;
}


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

.btn:hover:before,
.stepsWrapper .myCar .stepCircle .btn.nextBtn.getQuote:hover:before,
.btn:hover:before,
.stepsWrapper .myCar .stepCircle .btn.nextBtn.proceedBtn: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);
}


/*---Added on 10th June 2019 ends--*/

.stepsWrapper .myCar .stepCircle .btn.nextBtn.getQuote,
.stepsWrapper .myCar .stepCircle .btn.proceedBtn {
    position: absolute;
    max-width: 181px !important;
    min-width: 181px !important;
    line-height: 35px !important;
    bottom: 40px;
    margin: auto;
}


/*******Added by Indigo Dated 25th June 2019 Start*****/

.stepsWrapper .myCar .stepCircle .btn.proceedBtn {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    right: auto;
}


/*******Added by Indigo Dated 25th June 2019 End*****/


/*---Added on 10th June 2019 ends--*/

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

.stepsWrapper.carincpanel {
    min-height: 700px;
}

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

.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 {
    font-size: 1.2rem;
    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.2rem;
    color: #4f4f4f;
    border-bottom: 1px solid #4f4f4f;
}

.editCategoryDetails ul li:before {
    content: '';
    position: absolute;
    top: 11px;
    left: 22px;
    width: 13px;
    height: 15px;
    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: 20px; */
    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;
}


/*added by pankaj pawar*/

.drivingLicense .drpWrapper,
.cpaCover .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: -30px;
    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;
}


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

.electRowError {
    margin: 30px 0 -36px 38px;
    float: left;
}

.quest52 .claimYesWrap .customSelect {
    width: 100%;
}

.otherAreaRow {
    float: left;
}

.carincpanel .leftpanel .chkBoxQuest .declare-radio ul li,
.carincpanel .leftpanel .chkBoxQuest .declare-radio ul li label {
    float: left;
}

.countryList {
    margin-left: 31px;
}

.youdetailClose {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 2.4rem;
    color: #000;
    display: none
}

.pastDateNote {
    padding: 0 10px;
}


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

.otherAreaRow input {
    font-size: 1.9rem;
}

.otherAreaRow span {
    float: left;
}

.wheelWrap .nomineeSelect.existSelect .customSelect .selectedText {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 250px;
}

.wheelWrap .nomineeSelect.existSelect .customSelect .selectedText:after {
    right: 2px;
}

.policyDetails .wheelWrap .nomineeSelect.existSelect .tooltipIcon:after {
    right: -20px;
}


/********Added by Samina on 7th Dec 2018 End*********/

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


/* .webRupeeSupprt .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount .rsWrap {
    padding-left: 17px;
  }
  .webRupeeSupprt .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount .rsWrap:before {
    width: 10px;
    height: 10px;
    position: absolute;
    left: 1px;
    top: -5px;
  } */


/* .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount {
    width: initial;
    height: initial;
  } */

.paymentWrapper .carousel_wrap #carousel .shadow .inputRow input,
.stepsWrapper .myCar .stepCircle .quest1 input {
    padding: 0px 10px;
}

.otherAreaRow input {
    font-size: 1.9rem;
}

.showError {
    display: block;
}

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

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

.carincpanel .leftpanel .rowline.premiumWrapper {
    padding: 15px;
    width: 890px;
    /*changed by pankaj pawar on 2nd June 2021*/
    height: 180px !important;
    margin: 20px 0px;
}
/*     ===== --8-12-2023 ================= */
.carincpanel .leftpanel .rowline.premiumWrapper.fixed {
    position: fixed;
    z-index: 15;
    /*changed by pankaj pawar on 2nd June 2021*/
    bottom: 2px;
}
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
.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: 280px;
    width: 100%;
    position: relative;
}

.premiumWrapper .premiumBreakCol:nth-child(2):after,
.premiumWrapper .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;
}

.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;
    font-size: 1.6rem;
    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 {
    font-size: 2rem;
}

.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;
    width: 22px;
    height: 22px;
    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: -367px -467px;
    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;
}

.fueltypeWrapper .customSelect .selectedText:after {
    display: none;
}

.policyExpDetail {
    font-size: 1.8rem !important;
}


/* .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;
    /*added by pankaj pawar on 24th May 2021*/
    box-shadow: 0 0 40px 1px #b9b6b6;
}

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


/***********Added by Samina on 27th Feb 2019 Start***********/

.carincpanel .leftpanel .rowline h4.headdefine.fixedWrap {
    width: 75%;
}

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


/******Add by Samina on 13th Dec 2018 End***********/


/********Added by Indigo Start***********/

.sepCoverYesNote {
    position: relative;
    top: -13px;
    float: left;
}

.sepCoverYesNote p {
    color: #000;
    font-size: 1.3rem;
}


/********Added by Indigo End***********/


/******Added by Suraj Dataed 22 May 2019 Start****/

.paymentWrapper form .inputRow .inputWrap.centered.gst-InputWrap {
    width: 50%;
}


/******Added by Suraj Dataed 22 May 2019 End****/


/*******Added by Indigo on 28th May 2019 Start*********/

.shareBtnWrapper {
    position: relative;
}

.shareBtnSec {
    display: none;
    position: absolute;
    bottom: -10px;
}

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


/*******Added by Indigo on 28th May 2019 End*********/


/*******Added by Indigo on 31st May 2019 Start********/

.newBikeNote {
    display: none;
    float: left;
    font-size: 1.2rem;
    margin: 0 auto;
    width: 100%;
}

.newVehiclePopup p {
    text-align: center;
    padding-top: 20px;
}

.newVehiclePopup .btnWrapper {
    width: 100%;
    display: inline-block;
    margin: 10px auto;
    text-align: center;
}

.newVehiclePopup .btnWrapper .btn {
    max-width: 100px;
    min-width: 100px;
    padding: 3px 0px;
    font-size: 2rem;
    margin: 0 auto;
    text-align: center;
}


/*******Added by Indigo on 31st May 2019 End********/


/*******Added by Indigo on 3rd June 2019 Start*********/

.radioWrapper ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}


/*******Added by Indigo on 3rd June 2019 Start*********/


/*******Added by Indigo on 3rd July 2019 Start*****/


/* 3 */


/* .carincpanel .leftpanel .declare-radio ul li #statutoryTp+label {
    pointer-events: none;
} */

.stepsWrapper .myCar .stepCircle .quest5 label.noteYes {
    margin-top: 10px;
    color: #818181;
    font-size: 1.2rem;
    padding: 0 20px;
}


/*******Added by Indigo on 3rd July 2019 End*****/

@media only screen and (max-width: 1366px) {
    .dropdownAutocomplete {
        max-height: 100px;
    }
    .selectMulty .innerWrap {
        max-height: 150px;
    }
    .summaryLightboxContainer {
        height: 500px;
    }
}


/******Media Query*******/

@media only screen and (max-width: 1280px) {
    /*****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******/
    .carincpanel .leftpanel .rowline.premiumWrapper {
        width: 830px;
    }
    .premiumWrapper .premiumBreakCol {
        max-width: 250px;
    }
    .premiumWrapper .premiumBreakCol:after {
        right: 0;
    }
}

@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) {
    /*****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;
    }
    .viewDetailsBtn span:before {
        content: '';
        position: absolute;
        left: 32px;
        top: 7px;
        width: 15px;
        height: 15px;
        background: url(../../../../../../../content/dam/bagicextension/motor-insurance/sprite-img.png) no-repeat;
        background-position: -6px -396px;
    }
    .carincpanel .leftpanel {
        width: 100%;
        padding: 0px 15px;
    }
    .carincpanel .rightpanel {
        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******/
    .carincpanel .leftpanel .rowline.premiumWrapper {
        width: auto;
    }
    .premiumWrapper .premiumBreakCol:after {
        right: 15px;
    }
    .premiumWrapper .premiumBreakCol {
        max-width: 260px;
    }
}

@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%;
    }
/*     ===== --8-12-2023 ================= */
/*     .carInsurance .summaryWrapper,
    .natureBg {
        display: none !important;
    } */
    .carInsurance .summaryWrapper {
        display: none !important;
    }
    body.motor-page.page.basicpage {
    padding-top: 0 !important;
}
/*     xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
    .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******/
    .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;
    }
    .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%;
        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;
    }
    /*****Step 2 End******/
    .carousel_wrap #carousel .shadow .inputRow .inputWrap .tooltipIcon:after {
        right: 2px;
        top: 3px;
    }
    .youdetailClose {
        display: block;
    }
    .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;
    }
    /*******Added by Indigo Dated 2nd July 2019 Start*****/
    .carincpanel .leftpanel .declare-radio ul li label.declareMob {
        display: none;
    }
    .carincpanel .leftpanel .declare-radio ul li label.declare {
        display: block;
    }
    /*******Added by Indigo Dated 2nd July 2019 End*****/
}

@media only screen and (max-width: 900px) {
    .companyNote {
        padding: 6px 0 0 0px;
    }
    /*****Step 2 Start******/
    .companyName .errorMsg {
        margin-left: 0px;
    }
    .companyName {
        left: 0;
    }
    #compName {
        width: 100%;
    }
    .carincpanel .leftpanel .car-owner {
        display: block;
    }
    .tooltipIcon .tooltipCont {
        right: -281px;
    }
    .carincpanel .leftpanel .car-owner h4.headdefine {
        margin-right: 0;
        color: #0071bb;
        font-family: 'Rubik-Regular';
    }
    #compName {
        margin-left: 0;
        width: 100%;
        float: left;
    }
    .car-owner .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 .additional-fitments 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;
    }
        /* =========== --24-1-2024 ============================== */
    .paymentWrapper form {
        margin: 0 auto;
        max-width: 100%;
        width: 100%;
        text-align: left;
    }
    .paymentWrapper form .inputRow label {
        width: 100%;
    }
    .paymentWrapper form .inputRow.bottom-space {
        position: relative;
        z-index: 0;
    }
        input#address::placeholder {
        text-align: left;
    }
    .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;
    }
    /* .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.forNewCar .premiumBreakCol, .carincpanel .leftpanel .rowline.forRegCar .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;       */
        font-size: 1.2rem;
    }
    .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: -16px;
    }
    .webRupeeSupprt .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount {
        padding: 0px 2px;
    }
    .webRupeeSupprt .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount .rsWrap {
        padding-left: 13px;
    }
    .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: -8px;
    }
    .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount:before {
        right: 28px;
    }
    .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount:after {
        right: 29px;
    }
    /* .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: 28px;
    }
    .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-state-active #idvamount:after {
        right: 29px;
    }
    .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.forNewCar.fixed .premiumBreakCol,   .carincpanel .leftpanel .rowline.premiumWrapper.forRegCar.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;
    }
    /*****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;
    }
    /* .areaDrpCont {
      width: 20% !important;
    } */
    .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 {
        border-top: 1px solid #e4e4e4;
        border-bottom: 1px solid #e4e4e4;
        margin-bottom: 10px;
        padding-top: 5px;
    }
    .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 18th March 2019 Start**********/
    .carincpanel .leftpanel .siPerPerson .rsWrap {
        font-size: 1.6rem;
    }
    /********Added on 18th March 2019 End**********/
}

@media only screen and (max-width: 870px) {
    .carincpanel .leftpanel .rowline.premiumWrapper {
        width: 100%;
        padding: 25px 15px;
        height: 130px;
    }
    .premiumWrapper .premiumBreakCol {
        max-width: 237px;
    }
    .premiumWrapper .premiumBreakCol:after {
        right: 5px;
    }
}

@media only screen and (max-width: 800px) {
    .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%;
    }
    /*     ===== --8-12-2023 ================= */
/*     .carincpanel .leftpanel .rowline.premiumWrapper.fixed {
        position: relative;
        bottom: initial;
    } */
    .bottom-space.go-greenSec ul {
    width: 140px !important;
}
/*     xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
    .summaryLightboxContainer {
        height: 400px;
    }
}

@media only screen and (max-width: 768px) {
    .carousel_wrap #carousel {
        width: 455px;
    }
}

@media only screen and (max-width: 767px) {
    .stepsWrapper .myCar .stepCircle label {
        font-size: 1.6rem;
    }
    .stepsWrapper .myCar .stepCircle input {
        font-size: 2rem;
    }
    .ui-menu .ui-menu-item-wrapper {
        font-size: 1.6rem;
    }
    .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 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 on 27th Feb 2019 End**********/
    /****Step 3 End******/
    /******Added by Suraj Dataed 22 May 2019 Start****/
    .paymentWrapper form .inputRow .inputWrap.centered.gst-InputWrap {
        width: 100%;
    }
    /******Added by Suraj Dataed 22 May 2019 End****/
}

@media only screen and (max-width: 640px) {
    .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;
    }
}

@media only screen and (max-width: 600px) {
    .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.forNewCar .premiumBreakCol,  .carincpanel .leftpanel .rowline.forRegCar .premiumBreakCol {
      max-width: 140px;
      margin-right: 10px;
    }
    .carincpanel .leftpanel .rowline.forNewCar .premiumBreakCol:last-child, .carincpanel .leftpanel .rowline.forRegCar .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.forNewCar.fixed .premiumBreakCol {
      max-width: 180px;
    } */
    /* .carincpanel .leftpanel .rowline.premiumWrapper.forNewCar.fixed .premiumBreakCol, .carincpanel .leftpanel .rowline.premiumWrapper.forRegCar.fixed .premiumBreakCol {
      margin-right: 0;
    }
    .rowline.premiumWrapper.fixed .premiumBreakCont .premiumBreakContR p span.preAmtWrap {
      font-size: 2rem;
    }
    .carincpanel .leftpanel .rowline.premiumBreak.premiumWrapper.forNewCar.fixed .premiumBreakCol:first-child :before, .carincpanel .leftpanel .rowline.premiumBreak.premiumWrapper.forRegCar.fixed .premiumBreakCol:first-child :before {
      left: -118px;
    }
    .rowline.premiumWrapper.fixed .premiumBreakCont .premiumBreakContR p{
      padding-left: 0 !important;
    }
    .rowline.premiumWrapper.forNewCar.fixed .premiumBreakCol:last-child .premiumBreakContR, .rowline.premiumWrapper.forRegCar.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) {
    .personalLightbox .preFixed {
        left: 126px;
    }
    .summaryLightboxContainer label {
        width: 40%;
    }
    .summaryLightboxContainer .inputDiv {
        width: 60%;
    }
}

@media only screen and (max-width: 480px) {
        .pepQuestPopup
    {
    max-width: 80%;
    }
    .carincpanel .leftpanel .declare-radio ul li
    {
        width: 68%;
    }
    .myTppd {
        float: left !important;
       
    }
    .drivingLicense h4:nth-child(2)
    {
        float: left; 
    }
   
    .drivingLicense .headdefine.fl
    {
       width: 1%;        
    }
    .pacoverrow .customSelect .selectedText
    {
        padding: 0px 26px 0 6px;
    }
    .topFixStep.fixStep
    {
        display: none;
    }

    .pacoverrow .customSelect .selectedText:after
    {
        right: 8px;
    }
    .carincpanel .leftpanel .rowline
    {
        float: left;
    }
    /******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: 100%;
    }
    /* .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: 27px 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;
    }
    /*****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%;
    }
}

@media only screen and (max-width: 414px) {
    .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;
    }
}

@media only screen and (max-width: 375px) {
    .additional-fitments.telematics .headdefine .tooltipIcon .tooltipCont {
        right: 0px;
    }
    .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount .rsWrap {
        left: 3px;
    }
}

@media only screen and (max-width: 360px) {
    .editWrapper {
        margin-right: 33px;
    }
    .btn.okBtn, .btn.okBtn1, .btn.cancelBtn
    {
        min-width: 126px !important;
    }
    .mobNumber .preFixed {
        left: 100px;
        font-size: 1.4rem;
    }
    /* .carincpanel .leftpanel .rowline.premiumWrapper.forNewCar.fixed .premiumBreakCol, .carincpanel .leftpanel .rowline.premiumWrapper.forRegCar.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;
    }
    .carincpanel .leftpanel .declare-radio.countryList li {
        width: 100%;
        font-size: 1.6rem;
    }
    .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;
    }
    .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;
    }
    /* .webRupeeSupprt .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount {
      padding: 0;
    } */
    .carincpanel .leftpanel .idv-val-sec .idv-sum .idv-sum-range .ui-slider-handle #idvamount {
        left: -25px;
        padding: 0 10px;
    }
}


/******Added by Suraj Dataed 23rd May 2019 Start****/

.fitmentContLPG {
    display: none;
}

.fitmentCont .elect .electCont.lpgDivShow {
    display: block;
    margin-left: 0px;
}

.fitmentCont .elect .electCont.lpgDivShow div {
    width: auto;
}

.fitmentCont .elect .electCont.lpgDivShow div {
    width: 100%;
}

.fitmentCont .elect .electCont.lpgDivShow div .inputRow {
    width: auto;
}


/******Added by Suraj Dataed 23rd May 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;
    }
}

.stepsWrapper .myCar .stepCircle #carMake {
    max-width: 841px;
    width: 280% !important;
    font-size: 2.0rem;
}

span8.customSelect.centered {
    width: 100%;
}


/*---Added by Sameer on 18th Aug ends---*/


/*added by pankaj pawar on 6th May 2021*/

.congrats_R {
    width: 100%;
    float: none;
    padding: 0px;
    max-width: 600px;
    margin: 0 auto;
}

.congrats_R {
    width: 100%;
    padding: 0 30px;
    float: none;
    max-width: 600px;
    margin: o auto;
}

.congrats_R {
    width: 100%;
    padding: 0px;
}

.congrats_R p {
    font-family: "Rubik-Regular";
}

.congrats_R p.premPayAmt {
    color: #000000;
    font-size: 2rem;
}

.congrats_R p.premPolicyNo {
    color: #035B95;
    font-size: 2.5rem;
}

.congrats_R p.premPolicyNo span {
    font-family: "Rubik-Bold";
}

.congrats_R p.policyDown {
    color: #4f4f4f;
    font-size: 1.8rem;
}

.congrats_R .congratsUserInfo {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px;
    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;
    overflow: hidden;
    margin-bottom: 15px;
    border: 1px solid #1793fe;
}

.congrats_R .congratsUserInfo .congratsUserInfoTop {
    background: #1793fe;
    padding: 30px;
}

.congrats_R .congratsUserInfo .congratsUserInfoTop .congratsUserName {
    width: 60%;
    float: left;
    position: relative;
    min-height: 68px;
}

.congrats_R .congratsUserInfo .congratsUserInfoTop .congratsUserName .imgSec {
    background: #fff url(../../../../../../../content/dam/bagic/health-guard/male-icon.png) no-repeat center bottom;
    width: 65px;
    height: 65px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
}

.congrats_R .congratsUserInfo .congratsUserInfoTop .congratsUserName.Female .imgSec {
    background: #fff url(../../../../../../../content/dam/bagic/health-guard/female-icon.png) no-repeat center bottom;
}

.congrats_R .congratsUserInfo .congratsUserInfoTop .congratsUserName.Male .imgSec {
    background: #fff url(../../../../../../../content/dam/bagic/health-guard/male-icon.png) no-repeat center bottom;
}

.congrats_R .congratsUserInfo .congratsUserInfoTop .congratsUserName .rightContent {
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
    width: calc(100% - 82px);
}

.congrats_R .congratsUserInfo .congratsUserInfoTop .congratsUserName p {
    color: #fff;
    font-family: "Rubik-Bold";
    font-size: 2.5rem;
    line-height: normal;
    padding: 0;
    text-overflow: ellipsis;
}

.congrats_R .congratsUserInfo .congratsUserInfoTop .congratsUserName .col .customSelect {
    position: relative;
}

.congrats_R .congratsUserInfo .congratsUserInfoTop .congratsUserName .col .customSelect .selectedText {
    width: 100%;
    z-index: 1;
    float: left;
    color: #fff;
    font-family: "Rubik-Regular";
    font-size: 1.4rem;
    line-height: 28px;
    border-bottom: 1px solid #fff;
}

.congrats_R .congratsUserInfo .congratsUserInfoTop .congratsUserName .col .customSelect .selectedText:after {
    content: '';
    height: 5px;
    width: 5px;
    display: block;
    border: 2px solid #fff;
    border-color: transparent transparent #fff #fff;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    bottom: 12px;
    right: 2px;
    background: none;
}

.congrats_R .congratsUserInfo .congratsUserInfoTop .logoSec {
    width: auto;
    float: right;
}

.congrats_R .congratsUserInfo .congratsUserInfoBottom {
    padding: 30px;
}

.congrats_R .congratsUserInfo .congratsUserInfoBottom .congratsCol_Inner {
    padding-bottom: 20px;
}

.congrats_R .congratsUserInfo .congratsUserInfoBottom .congratsCol_Inner p {
    color: #757575;
    font-size: 1.6rem;
    font-family: "Rubik-Regular";
    position: relative;
    padding-left: 25px;
}

.congrats_R .congratsUserInfo .congratsUserInfoBottom .congratsCol_Inner p:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 3px;
    background: url(../../../../../../../content/dam/bagic/health-guard/sprite.png) no-repeat;
}

.congrats_R .congratsUserInfo .congratsUserInfoBottom .congratsCol_Inner span.policyNo {
    font-family: "Rubik-Bold";
    font-size: 2rem;
    color: #035b95;
}

.congrats_R .congratsUserInfo .congratsUserInfoBottom .congratsCol_Inner span.policyNo.rsWrap {
    width: auto;
}

.congrats_R .congratsUserInfo .congratsUserInfoBottom .congratsCol_L {
    width: 60%;
    float: left;
}

.congrats_R .congratsUserInfo .congratsUserInfoBottom .congratsCol_L .congratsCol_Inner:nth-child(1) p:before {
    background-position: -693px -29px;
    width: 20px;
    height: 21px;
}

.congrats_R .congratsUserInfo .congratsUserInfoBottom .congratsCol_L .congratsCol_Inner:nth-child(2) p:before {
    background-position: -672px -30px;
    width: 19px;
    height: 21px;
}

.congrats_R .congratsUserInfo .congratsUserInfoBottom .congratsCol_R {
    width: 40%;
    float: left;
    padding-left: 10%;
    border-left: 1px solid #e4e4e4;
}

.congrats_R .congratsUserInfo .congratsUserInfoBottom .congratsCol_R .congratsCol_Inner:nth-child(1) p:before,
.congratulationMain .congratsTop .congratsInnerTop .congrats_R .congratsUserInfo .congratsUserInfoBottom .congratsCol_R .congratsCol_Inner:nth-child(2) p:before {
    background-position: -737px -29px;
    width: 20px;
    height: 21px;
}

.congrats_R p,
.congrats_R ul li,
.congrats_R .congratsUserInfo,
.congrats_R .congratsUserInfo .congratsUserInfoTop,
.congrats_R .congratsUserInfo .congratsUserInfoTop .congratsUserName .col,
.congrats_R .congratsUserInfo .congratsUserInfoTop .congratsUserName .col .customSelect,
.congrats_R .congratsUserInfo .congratsUserInfoBottom,
.congrats_R .congratsUserInfo .congratsUserInfoBottom .congratsCol_Inner,
.congrats_R .congratsUserInfo .congratsUserInfoBottom .congratsCol_Inner p,
.congrats_R .congratsUserInfo .congratsUserInfoBottom .congratsCol_Inner span.policyNo {
    width: 100%;
    float: left;
}

.errorRespPopup,
.errorRespPopup1 {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8313725490196079);
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 20;
}

.offlinePopup {
    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;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px;
    box-shadow: 0 0 40px 1px #b9b6b6;
}

.offlinePopup .close {
    position: absolute;
    right: 20px;
    top: 20px;
    background: url(../../../../../../../content/dam/bagic/health-guard/sprite.png) no-repeat;
    background-position: -321px -89px;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.offlinePopup h3 {
    color: #ecd2bb;
    font-size: 2.4rem;
    font-family: "Rubik-Bold";
    width: 90%;
}

.offlinePopup p a[href^="mailto"],
.offlinePopup p a[href^="mailto"] {
    border-bottom: 1px solid #005596;
    padding-bottom: 3px;
}

.offlinePopup .rowPop {
    width: 100%;
    float: left;
    padding: 15px 0;
}

.offlinePopup .rowPop .colPop {
    float: left;
    color: #4f4f4f;
    font-family: "Rubik-Regular";
    font-size: 2.0rem;
}

.offlinePopup .rowPop .colPop:first-child,
.offlinePopup .rowPop .colPop:first-child {
    width: 70%;
    position: relative;
}

.offlinePopup .rowPop .colPop:first-child:before,
.offlinePopup .rowPop .colPop:first-child:before {
    position: absolute;
    content: ':';
    right: 0;
}

.offlinePopup .rowPop .colPop:last-child,
.offlinePopup .rowPop .colPop:last-child {
    width: 30%;
    text-align: right;
}

.offlinePopup .rowPop:last-child,
.offlinePopup .rowPop:last-child {
    border-top: 1px solid #d2d2d2;
}

.offlinePopup .rowPop:last-child .colPop,
.offlinePopup .rowPop:last-child .colPop {
    color: #0071bb;
}

.offlinePopup,
.declarePopup {
    text-align: center;
}

.offlinePopup .goToHomeBtn {
    text-align: center;
    margin-top: 20px;
    display: inline-flex !important;
}

.btn.okBtn,
.btn.okBtn1,
.btn.cancelBtn {
    background: #f89c30;
    padding: 8px 30px 10px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    color: white;
    font-size: 1.8rem;
    display: inline-block;
    /*removed by pankaj pawar on 24th May*/
    /* clear: both; */
    position: relative;
    overflow: hidden;
    z-index: 1;
    text-align: center;
    border: 1px solid #f89c30;
    font-family: "Rubik-Regular";
    letter-spacing: 1px;
    min-width: 140px !important;
    /*removed by pankaj pawar on 24th May*/
    /* max-width: 200px !important; */
    width: 50% !important;
}

.btn.okBtn:hover,
.btn.okBtn1:hover,
.btn.cancelBtn:hover {
    color: #f89c30;
    border: 1px solid #f89c30;
}

.btn.okBtn:hover:before,
.btn.okBtn1:hover:before,
.btn.cancelBtn:hover:before {
    -webkit-transform: scale3d(11, 11, 1);
    -moz-transform: scale3d(11, 11, 1);
    -ms-transform: scale3d(11, 11, 1);
    -o-transform: scale3d(11, 11, 1);
    transform: scale3d(11, 11, 1);
}

.issuepolicypay p {
    font-size: 1.6rem !important;
}

.myTppd {
    float: right !important;
    margin-right: -5px;
    margin-top: 15px;
}

@media only screen and (max-width: 360px) {
    .editWrapper {
        margin-right: 33px;
    }
    .btn.okBtn, .btn.okBtn1, .btn.cancelBtn
    {
        min-width: 126px !important;
    }
    .drivingLicense h4:nth-child(2)
    {
        float: left; 
    }
   
    .drivingLicense .headdefine.fl
    {
       width: 1%;        
    }
    .myTppd {
        float: left !important;
       
    }
}

/* ========== --3-11-2023 4w tp===========================     */
.disclaimerandwhatsapp .check-box {
    text-align: left;
    padding-left: inherit !important;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.stepsWrapper .myCar .stepCircle .questionsCont {
    top: 48%;
}

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

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

.stepsWrapper .myCar .stepCircle {
    width: 500px;
    height: 500px;
    top: 0px;
    zoom: 90%;
}

.carInsurance .topFixStep {
    padding-top: inherit;
}
.errorMsg, .validEntry {
font-size: 1.8rem;
}
.stepsWrapper .myCar .stepCircle label {
font-size: 1.8rem;
}
.newBikeNote {
font-size: 1.8rem;
}
.preFixed {
left: 90px;
}
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* ======== --6-12-2023 ==================================== */
.declare-radio.addcovimtcheckboxStyle ul li label {
    width: auto;
}

input#imtinputval {
    opacity: 1;
    position: absolute;
    top: inherit;
    margin: 2% 14%;
    color: #f89c30;
    border: 2px solid lightgrey;
    text-indent: 5px;
    z-index: 0;
}

.carincpanel .leftpanel .declare-radio.addcovimtcheckboxStyle ul li {
    border-bottom: none;
}

.geoextcheckboxli p {
    font-size: small;
    padding: 2%;
}

@media only screen and (max-width:480px) {
    .vpayaddondiv .addcovimtcheckboxStyle ul {
        flex-flow: column;
    }
    .popupSec.disclaimerContentWraprequest {
        width: 95% !important;
        }
    input#imtinputval {
        margin: 0% 7%;
    }

    li.imtcheckboxli {
        margin-bottom: 5%;
    }

    .carincpanel .leftpanel .vpayaddondiv .telematics-service .telematics-service-content ul li {
        width: inherit;
        height: 40px;
        margin-right: 30px;
        font-size: 1.4rem;
        display: flex;
        justify-content: center;
    }
.carincpanel .leftpanel .rowline.premiumWrapper.fixed-no {
   width: 100% !important;
}
.vpayaddondiv .car-owner .drpWrapper {
    margin-left: 0px;
}
.premiumch1travel.wellnessPlantravel {
    width: 100% !important;
}
}

input#imtinputval {
margin: 2% 0%;
}
/* .rowline.addcovimt {
    margin: 4% 0%;
} */
div#monthoptions {
    margin-bottom: 0px;
    position: absolute;
    display: flex;
    flex-flow: row;
    gap: 2em;
    margin: 0.5%;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/*     ===== --14-12-2023 ================= */
@media only screen and (min-width:481px) {
   .rowline.addcovimt {
      margin: 5% 0 1% 0;
   }

   h4.addcovimttitle {
      font-size: 1.8rem;
      color: initial;
   }

   .carincpanel .leftpanel .declare-radio ul li label[for="imtcheckbox"]:before {
      top: inherit !important;
   }

   input#imtinputval {
      margin-left: 30%;
   }

li.imtcheckboxli {
    display: flex !important;
    align-items: center;
}

}
@media only screen and (max-width:480px) {
   .rowline.addcovimt {
      margin: 2% 0;
   }
input#imtinputval {
    margin: 4% 0%;
    margin-left: inherit;
}
   li.imtcheckboxli {
      display: block;
      width: 100% !important;
   }
   #trees_front {
    height: 28vh;
}
  .bottom-space.go-greenSec ul {
    width: 140px !important;
}
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/*     ===== --22-12-2023 ================= */
@media only screen and (max-width: 1140px)
{
.carincpanel .rightpanel {
    z-index: 16 !important;
}
}
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
.no-drop {
cursor: no-drop !important;
}
.not-allowed {
cursor: not-allowed !important;
}
    .regIn.drpWrapper{
    margin-bottom: 24px;
}
/* --56 */
.span12.myRegNumber {
    padding-bottom: 1%;
}
.stepsWrapper .myCar .stepCircle .questionsCont {
    top: 45%;
}    
.stepsWrapper .myCar .stepCircle .quest1 {
    zoom: 90%;
}    
/* xxxxxxxxxxxxxxxx */ 

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