/* Minification failed. Returning unminified contents.
(7121,41): run-time error CSS1046: Expect comma, found '0'
(7121,45): run-time error CSS1046: Expect comma, found '/'
(7129,37): run-time error CSS1046: Expect comma, found '0'
(7129,41): run-time error CSS1046: Expect comma, found '/'
(7166,41): run-time error CSS1046: Expect comma, found '0'
(7166,45): run-time error CSS1046: Expect comma, found '/'
(7573,36): run-time error CSS1046: Expect comma, found '0'
(7573,40): run-time error CSS1046: Expect comma, found '/'
(7613,36): run-time error CSS1046: Expect comma, found '0'
(7613,40): run-time error CSS1046: Expect comma, found '/'
(7911,41): run-time error CSS1046: Expect comma, found '0'
(7911,45): run-time error CSS1046: Expect comma, found '/'
(8327,44): run-time error CSS1046: Expect comma, found '0'
(8327,48): run-time error CSS1046: Expect comma, found '/'
(8328,52): run-time error CSS1046: Expect comma, found '0'
(8328,56): run-time error CSS1046: Expect comma, found '/'
(8333,40): run-time error CSS1046: Expect comma, found '0'
(8333,44): run-time error CSS1046: Expect comma, found '/'
(8596,52): run-time error CSS1046: Expect comma, found '0'
(8596,56): run-time error CSS1046: Expect comma, found '/'
(9191,36): run-time error CSS1046: Expect comma, found '0'
(9191,40): run-time error CSS1046: Expect comma, found '/'
(9351,39): run-time error CSS1046: Expect comma, found '0'
(9351,43): run-time error CSS1046: Expect comma, found '/'
(9422,43): run-time error CSS1046: Expect comma, found '0'
(9422,47): run-time error CSS1046: Expect comma, found '/'
(9428,47): run-time error CSS1046: Expect comma, found '0'
(9428,51): run-time error CSS1046: Expect comma, found '/'
(9506,39): run-time error CSS1046: Expect comma, found '0'
(9506,43): run-time error CSS1046: Expect comma, found '/'
(9690,33): run-time error CSS1046: Expect comma, found '0'
(9690,37): run-time error CSS1046: Expect comma, found '/'
(9739,37): run-time error CSS1046: Expect comma, found '0'
(9739,41): run-time error CSS1046: Expect comma, found '/'
(9924,44): run-time error CSS1046: Expect comma, found '0'
(9924,48): run-time error CSS1046: Expect comma, found '/'
(9928,44): run-time error CSS1046: Expect comma, found '0'
(9928,48): run-time error CSS1046: Expect comma, found '/'
(10181,48): run-time error CSS1046: Expect comma, found '0'
(10181,52): run-time error CSS1046: Expect comma, found '/'
(10294,43): run-time error CSS1046: Expect comma, found '0'
(10294,47): run-time error CSS1046: Expect comma, found '/'
(10373,43): run-time error CSS1046: Expect comma, found '0'
(10373,47): run-time error CSS1046: Expect comma, found '/'
(10741,41): run-time error CSS1046: Expect comma, found '0'
(10741,45): run-time error CSS1046: Expect comma, found '/'
(10839,48): run-time error CSS1046: Expect comma, found '0'
(10839,52): run-time error CSS1046: Expect comma, found '/'
(11010,52): run-time error CSS1046: Expect comma, found '0'
(11010,56): run-time error CSS1046: Expect comma, found '/'
(11012,44): run-time error CSS1046: Expect comma, found '0'
(11012,48): run-time error CSS1046: Expect comma, found '/'
(11049,56): run-time error CSS1046: Expect comma, found '0'
(11049,60): run-time error CSS1046: Expect comma, found '/'
(11050,53): run-time error CSS1046: Expect comma, found '0'
(11050,57): run-time error CSS1046: Expect comma, found '/'
(11051,48): run-time error CSS1046: Expect comma, found '0'
(11051,52): run-time error CSS1046: Expect comma, found '/'
(11093,39): run-time error CSS1046: Expect comma, found '0'
(11093,43): run-time error CSS1046: Expect comma, found '/'
(11119,47): run-time error CSS1046: Expect comma, found '0'
(11119,51): run-time error CSS1046: Expect comma, found '/'
(11196,39): run-time error CSS1046: Expect comma, found '0'
(11196,43): run-time error CSS1046: Expect comma, found '/'
(11360,48): run-time error CSS1046: Expect comma, found '0'
(11360,52): run-time error CSS1046: Expect comma, found '/'
(11362,40): run-time error CSS1046: Expect comma, found '0'
(11362,44): run-time error CSS1046: Expect comma, found '/'
(11382,48): run-time error CSS1046: Expect comma, found '0'
(11382,52): run-time error CSS1046: Expect comma, found '/'
(11384,40): run-time error CSS1046: Expect comma, found '0'
(11384,44): run-time error CSS1046: Expect comma, found '/'
(11397,25): run-time error CSS1046: Expect comma, found '239'
(11397,32): run-time error CSS1046: Expect comma, found ')'
(11428,24): run-time error CSS1046: Expect comma, found '9'
(11428,29): run-time error CSS1046: Expect comma, found ')'
(11483,25): run-time error CSS1046: Expect comma, found '239'
(11483,32): run-time error CSS1046: Expect comma, found ')'
(11511,25): run-time error CSS1046: Expect comma, found '239'
(11511,32): run-time error CSS1046: Expect comma, found ')'
(11583,48): run-time error CSS1046: Expect comma, found '0'
(11583,52): run-time error CSS1046: Expect comma, found '/'
(11584,45): run-time error CSS1046: Expect comma, found '0'
(11584,49): run-time error CSS1046: Expect comma, found '/'
(11585,40): run-time error CSS1046: Expect comma, found '0'
(11585,44): run-time error CSS1046: Expect comma, found '/'
(11603,52): run-time error CSS1046: Expect comma, found '0'
(11603,56): run-time error CSS1046: Expect comma, found '/'
(11604,49): run-time error CSS1046: Expect comma, found '0'
(11604,53): run-time error CSS1046: Expect comma, found '/'
(11605,44): run-time error CSS1046: Expect comma, found '0'
(11605,48): run-time error CSS1046: Expect comma, found '/'
(11641,40): run-time error CSS1046: Expect comma, found '35'
(11641,45): run-time error CSS1046: Expect comma, found '/'
(11663,42): run-time error CSS1046: Expect comma, found '9'
(11663,48): run-time error CSS1046: Expect comma, found '/'
(11678,45): run-time error CSS1046: Expect comma, found '9'
(11678,51): run-time error CSS1046: Expect comma, found '/'
(11748,53): run-time error CSS1046: Expect comma, found '0'
(11748,57): run-time error CSS1046: Expect comma, found '/'
(11925,48): run-time error CSS1046: Expect comma, found '0'
(11925,52): run-time error CSS1046: Expect comma, found '/'
(11926,45): run-time error CSS1046: Expect comma, found '0'
(11926,49): run-time error CSS1046: Expect comma, found '/'
(11927,40): run-time error CSS1046: Expect comma, found '0'
(11927,44): run-time error CSS1046: Expect comma, found '/'
(11942,54): run-time error CSS1046: Expect comma, found '121'
(11942,61): run-time error CSS1046: Expect comma, found '/'
(11943,51): run-time error CSS1046: Expect comma, found '121'
(11943,58): run-time error CSS1046: Expect comma, found '/'
(11944,46): run-time error CSS1046: Expect comma, found '121'
(11944,53): run-time error CSS1046: Expect comma, found '/'
(12077,39): run-time error CSS1046: Expect comma, found '0'
(12077,43): run-time error CSS1046: Expect comma, found '/'
(12090,43): run-time error CSS1046: Expect comma, found '0'
(12090,47): run-time error CSS1046: Expect comma, found '/'
(12318,16): run-time error CSS1038: Expected hex color, found '#0009'
(12673,39): run-time error CSS1046: Expect comma, found '0'
(12673,43): run-time error CSS1046: Expect comma, found '/'
(12699,1): run-time error CSS1019: Unexpected token, found '@import'
(12699,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c")'
(12731,31): run-time error CSS1046: Expect comma, found '255'
(12731,38): run-time error CSS1046: Expect comma, found ')'
(12732,32): run-time error CSS1046: Expect comma, found '255'
(12732,39): run-time error CSS1046: Expect comma, found ')'
(12734,31): run-time error CSS1046: Expect comma, found '255'
(12734,38): run-time error CSS1046: Expect comma, found ')'
(12810,57): run-time error CSS1039: Token not allowed after unary operator: '-range-progress'
(12810,88): run-time error CSS1039: Token not allowed after unary operator: '-range-progress'
(12901,57): run-time error CSS1039: Token not allowed after unary operator: '-range-progress'
(12901,88): run-time error CSS1039: Token not allowed after unary operator: '-range-progress'
(13144,12): run-time error CSS1038: Expected hex color, found '#ffff'
(13151,12): run-time error CSS1038: Expected hex color, found '#ffff'
(13281,17): run-time error CSS1038: Expected hex color, found '#ffff'
(13397,39): run-time error CSS1046: Expect comma, found '0'
(13397,43): run-time error CSS1046: Expect comma, found '/'
(13441,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13442,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(13452,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13453,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(13463,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13464,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(13534,39): run-time error CSS1046: Expect comma, found '0'
(13534,43): run-time error CSS1046: Expect comma, found '/'
(13534,72): run-time error CSS1046: Expect comma, found '0'
(13534,76): run-time error CSS1046: Expect comma, found '/'
(13534,104): run-time error CSS1046: Expect comma, found '0'
(13534,108): run-time error CSS1046: Expect comma, found '/'
(13534,134): run-time error CSS1046: Expect comma, found '0'
(13534,138): run-time error CSS1046: Expect comma, found '/'
(13534,164): run-time error CSS1046: Expect comma, found '0'
(13534,168): run-time error CSS1046: Expect comma, found '/'
(13761,39): run-time error CSS1046: Expect comma, found '0'
(13761,43): run-time error CSS1046: Expect comma, found '/'
(13782,43): run-time error CSS1046: Expect comma, found '0'
(13782,47): run-time error CSS1046: Expect comma, found '/'
(13828,47): run-time error CSS1046: Expect comma, found '0'
(13828,51): run-time error CSS1046: Expect comma, found '/'
(14418,39): run-time error CSS1046: Expect comma, found '255'
(14418,46): run-time error CSS1046: Expect comma, found ')'
(14721,12): run-time error CSS1038: Expected hex color, found '#ffff'
(14788,39): run-time error CSS1046: Expect comma, found '0'
(14788,43): run-time error CSS1046: Expect comma, found '/'
(15185,34): run-time error CSS1038: Expected hex color, found '#0003'
(15700,48): run-time error CSS1046: Expect comma, found '9'
(15700,54): run-time error CSS1046: Expect comma, found '/'
(15767,47): run-time error CSS1046: Expect comma, found '0'
(15767,51): run-time error CSS1046: Expect comma, found '/'
(16060,47): run-time error CSS1046: Expect comma, found '0'
(16060,51): run-time error CSS1046: Expect comma, found '/'
(16684,48): run-time error CSS1046: Expect comma, found '0'
(16684,52): run-time error CSS1046: Expect comma, found '/'
(16776,47): run-time error CSS1046: Expect comma, found '0'
(16776,51): run-time error CSS1046: Expect comma, found '/'
 */
/*! jQuery UI - v1.13.2 - 2022-07-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/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6
* 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;
	-ms-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;
}
.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%;
}
.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;
}

/* 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%;
	-ms-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: pointer;
	-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-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	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;
	-ms-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;
	-ms-filter: "alpha(opacity=35)"; /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	-ms-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("images/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("images/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("images/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("images/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("images/ui-icons_777777_256x240.png");
}

/* positioning */
/* Three classes needed to override `.ui-button:hover .ui-icon` */
.ui-icon-blank.ui-icon-blank.ui-icon-blank {
	background-image: none;
}
.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: .003;
	-ms-filter: Alpha(Opacity=.3); /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}

/* latin-ext */
@font-face {
    font-family: 'Bebas Neue';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/bebasneue/v9/JTUSjIg69CK48gW7PXoo9Wdhyzbi.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Bebas Neue';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/bebasneue/v9/JTUSjIg69CK48gW7PXoo9Wlhyw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfCRc4EsA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfABc4EsA.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfCBc4EsA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfBxc4EsA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfCxc4EsA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfBBc4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCkYb8td.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCAYb8td.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCgYb8td.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCcYb8td.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCsYb8td.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCoYb8td.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCQYbw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVl2ZhZI2eCN5jzbjEETS9weq8-19-7DRs5.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVl2ZhZI2eCN5jzbjEETS9weq8-19a7DRs5.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVl2ZhZI2eCN5jzbjEETS9weq8-1967DRs5.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVl2ZhZI2eCN5jzbjEETS9weq8-19G7DRs5.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVl2ZhZI2eCN5jzbjEETS9weq8-1927DRs5.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVl2ZhZI2eCN5jzbjEETS9weq8-19y7DRs5.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7DQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCkYb8td.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCAYb8td.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCgYb8td.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCcYb8td.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCsYb8td.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCoYb8td.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYbw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.switch {
    position: relative;
    display: inline-block;
    width: 50px !important;
    height: 20px !important;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    /*    .slider:before {
        position: absolute;
        content: "";
        height: 20px;
        width: 20px;
        left: 1px;
        bottom: 2px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }*/

    .slider:before {
        position: absolute;
        content: "";
        height: 15px;
        width: 15px;
        left: 3px;
        bottom: 2.7px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #510ea1;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(28px);
    -ms-transform: translateX(28px);
    transform: translateX(28px);
}

.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }



.validation-summary {
    margin: 0;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 8px;
    box-sizing: border-box;
    min-width: 25%;
    max-width: 50%;
    z-index: 9999999 !important;
    position: fixed;
    right: 0;
    transition: transform 1.5s ease-in-out 0s;
    transform: translateX(100%);
}

.padded1 {
    padding: 0 24px;
}

.validation-summary .alert {
    min-height: 42px;
    border-radius: 6px;
    margin: 0;
    border-width: 1px 0;
    padding-top: .4em !important;
    padding-bottom: .4em !important;
    display: grid;
    grid-template-columns: 40px 90% auto;
    align-items: center;
    /*    box-shadow: 0 3px 6px rgb(32 33 36 10%);*/
    border: 2px solid lightgrey;
}

.validation-summary ul {
    margin: 7px 16px 7px 0;
    padding: 0;
    list-style-type: none;
}

.validation-summary li {
    line-height: 26px;
}

.validation-summary .alert-close {
    font-weight: bold;
    cursor: pointer;
    text-align: right;
}

.validation-summary .alert-success {
    background-color: #ccf9f2;
    color: #169582;
}

.alert-success i {
    color: #41d3bd;
}

.validation-summary .alert-danger {
    background-color: #ffcedb;
    color: #967981;
}

.alert-danger i {
    color: #967981;
}

.validation-summary .alert-warning {
    background-color: #fff7ce;
    color: #967981;
}

.alert-warning i {
    color: #967981;
}

.validation-summary .alert-primary {
    background-color: royalblue;
    color: #ffffff;
}

.alert-primary i {
    color: #ffffff;
}

.fa-times:before {
    content: "\f00d";
}

.alert {
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    /*    text-shadow: 0 1px 0 rgb(255 255 255 / 50%);*/
    background-color: #ffe2cc;
}

.validation-summary .fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%;
}

.validation-summary .fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: x-large;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.disabled {
    background: #e2e2e2;
}

select {
    color: black;
}

.upload-area {
    width: 100%;
    height: 100px;
    border: 2px solid lightgray;
    border-radius: 3px;
    margin: 0 auto;
    /*margin-top: 100px;*/
    text-align: center;
    overflow: auto;
}

    .upload-area h5 {
        margin: 10px;
    }

    .upload-area:hover {
        cursor: pointer;
    }

    .upload-area h1 {
        text-align: center;
        font-weight: normal;
        font-family: sans-serif;
        line-height: 50px;
        color: darkslategray;
    }

#file {
    display: none;
}

/* Thumbnail */
.thumbnail {
    width: 80px;
    height: 80px;
    padding: 2px;
    border: 2px solid lightgray;
    border-radius: 3px;
    float: left;
}

.size {
    font-size: 12px;
}

body .sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color: yellow;
    padding: 50px;
    font-size: 20px;
}

div.table-responsive {
    margin-top: 11px;
    float: left;
    /*max-height: calc(100vh - 200px);*/
    width: 100%;
    overflow-y: auto;
}

    div.table-responsive table {
        border: 1px solid lightgreen;
    }

.table-responsive thead, .table-responsive thead {
    position: sticky;
    top: 0;
    z-index: 1;
}

.table-responsive tbody {
    height: 3em;
}

input:read-only {
    background-color: #e8e8e8 !important;
    border: 1px solid #b1a6a6 !important;
}


.welcome-box h2 span {
    color: gray;
    font-weight: 500;
    font-size: 1vw;
}

.subtotal {
    background: yellow;
    padding: 5px 6px;
    border-radius: 5px;
    border: 1px solid;
}

input[type=date] {
    border-top: 1px solid;
}
/*Paging Start*/


.pagination {
    margin-top: 10px;
}

    .pagination ul {
        display: inline-flex;
    }

        .pagination ul li {
            display: inline-block;
            min-width: 30px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            background: #f1f1f1;
            color: #5a5a5a;
            border-radius: 3px;
            margin-left: 3px;
        }

            .pagination ul li:first-child {
                margin-left: 0;
            }

            .pagination ul li a {
                display: block;
                border-radius: 3px;
                padding-left: 12px;
                padding-right: 12px;
            }

                .pagination ul li a:hover {
                    background: #006531;
                    color: #ffffff !important;
                }

            .pagination ul li.current {
                background: #006531;
                color: #ffffff !important;
            }

            .pagination ul li.next {
                width: 40px;
            }
/*Paging End*/
.o-success {
    padding: 5px 10px;
    background: #01ce01;
    color: white;
    border-radius: 5px;
    word-break: keep-all;
}

.o-danger {
    padding: 5px 10px;
    background: #ce0101;
    color: white;
    border-radius: 5px;
    word-break: keep-all;
}

.o-lite-danger {
    padding: 5px 10px;
    background: #f6afaf;
    color: white;
    border-radius: 5px;
    word-break: keep-all;
}

input[type=date] {
    padding: 9px 10px;
}

.switch-color {
    color: blue !important;
}

.margin-top-20 {
    margin-top: 20px;
}

.ui-menu .ui-menu-item-wrapper {
    padding: 10px 1em 10px .6em;
    border-bottom: 1px solid lightcyan;
}

ul.ui-autocomplete {
    border-radius: 8px;
}

.display-none {
    display: none;
}

/*.required {
    color: #fd0000;
    margin-left: 2px;
    font-weight: bold;
    font-size: 20px;
    cursor: pointer;
}*/

.invoice-btn {
    margin-left: 10px;
    padding: 5px 10px 5px 10px;
    background: lightseagreen;
    color: white;
    border-radius: 3px;
    text-decoration: blink;
    word-break: keep-all;
}

.pop-modal-3 {
    max-width: 100%;
    width: 90%;
    /*top: 20%;*/
    z-index: 99999999;
}

.popoov {
    z-index: 9999999
}

.nowrap {
    white-space: nowrap;
}

.btnColor {
    cursor: pointer;
    color: chartreuse;
}

.setPosition {
    float: right;
    position: absolute;
    right: 30px;
    margin-bottom: 35px;
}

    .setPosition .addnew {
        position: relative;
    }

@media only screen and (max-width: 767px) {
    .pagination {
        margin-top: 19px;
    }
}

.cursor-pointer {
    cursor: pointer;
}

.hide {
    display: none !important;
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    opacity: 0.9;
    z-index: 999999999;
}

    #preloader > #status {
        width: 100px;
        height: 100px;
        position: absolute;
        left: 50%;
        top: 50%;
        background-image: url(/wwwroot/Images/stylishloader.gif);
        background-repeat: no-repeat;
        background-position: center;
        /* margin: -100px 0 0 -100px; */
        transform: translate(-50%, -50%);
    }

.make-button {
    padding: 0px 7px 3px 7px;
    background: lightgoldenrodyellow;
    border: 1px solid;
    border-radius: 5px;
    color: brown;
}

.hide-child td:not(:first-child) {
    display: none;
}

.success {
    background: green !important;
    color: white !important;
    border: gray !important;
}

.input-error-border {
    border: 2px solid #f7acac !important;
}

.btn {
    font-size: 12px;
    padding: 7px 10px;
    border-radius: 5px;
    border: none;
    font-weight: 600;
    margin: 10px 0 10px 0;
    cursor: pointer;
}

.view-enquiry-btn {
    color: #fff;
    background-color: #3d0972;
}

.btn-primary {
    color: #fff;
    background-color: #3d0972;
}

.btn-success {
    color: #fff;
    background-color: green;
}

.btn-danger {
    color: #fff;
    background-color: red;
}

.bg-black {
    background-color: black !important;
}
/*.ui-autocomplete-loading {
    background: url('http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/smoothness/images/ui-anim_basic_16x16.gif') right center no-repeat;
    pointer-events: none;
}*/

.ui-autocomplete-loading {
    /*background: url('http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/smoothness/images/ui-anim_basic_16x16.gif') right center no-repeat;*/
    background: url('data:image/gif;base64,R0lGODlhEAAQAMQAAP///+7u7t3d3bu7u6qqqpmZmYiIiHd3d2ZmZlVVVURERDMzMyIiIhEREQARAAAAAP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFBwAQACwAAAAAEAAQAAAFdyAkQgGJJOWoQgIjBM8jkKsoPEzgyMGsCjPDw7ADpkQBxRDmSCRetpRA6Rj4kFBkgLC4IlUGhbNQIwXOYYWCXDufzYPDMaoKGBoKb886OjAKdgZAAgQkfCwzAgsDBAUCgl8jAQkHEAVkAoA1AgczlyIDczUDA2UhACH5BAUHABAALAAAAAAPABAAAAVjICSO0IGIATkqIiMKDaGKC8Q49jPMYsE0hQdrlABCGgvT45FKiRKQhWA0mPKGPAgBcTjsspBCAoH4gl+FmXNEUEBVAYHToJAVZK/XWoQQDAgBZioHaX8igigFKYYQVlkCjiMhACH5BAUHABAALAAAAAAQAA8AAAVgICSOUGGQqIiIChMESyo6CdQGdRqUENESI8FAdFgAFwqDISYwPB4CVSMnEhSej+FogNhtHyfRQFmIol5owmEta/fcKITB6y4choMBmk7yGgSAEAJ8JAVDgQFmKUCCZnwhACH5BAUHABAALAAAAAAQABAAAAViICSOYkGe4hFAiSImAwotB+si6Co2QxvjAYHIgBAqDoWCK2Bq6A40iA4yYMggNZKwGFgVCAQZotFwwJIF4QnxaC9IsZNgLtAJDKbraJCGzPVSIgEDXVNXA0JdgH6ChoCKKCEAIfkEBQcAEAAsAAAAABAADgAABUkgJI7QcZComIjPw6bs2kINLB5uW9Bo0gyQx8LkKgVHiccKVdyRlqjFSAApOKOtR810StVeU9RAmLqOxi0qRG3LptikAVQEh4UAACH5BAUHABAALAAAAAAQABAAAAVxICSO0DCQKBQQonGIh5AGB2sYkMHIqYAIN0EDRxoQZIaC6bAoMRSiwMAwCIwCggRkwRMJWKSAomBVCc5lUiGRUBjO6FSBwWggwijBooDCdiFfIlBRAlYBZQ0PWRANaSkED1oQYHgjDA8nM3kPfCmejiEAIfkEBQcAEAAsAAAAABAAEAAABWAgJI6QIJCoOIhFwabsSbiFAotGMEMKgZoB3cBUQIgURpFgmEI0EqjACYXwiYJBGAGBgGIDWsVicbiNEgSsGbKCIMCwA4IBCRgXt8bDACkvYQF6U1OADg8mDlaACQtwJCEAIfkEBQcAEAAsAAABABAADwAABV4gJEKCOAwiMa4Q2qIDwq4wiriBmItCCREHUsIwCgh2q8MiyEKODK7ZbHCoqqSjWGKI1d2kRp+RAWGyHg+DQUEmKliGx4HBKECIMwG61AgssAQPKA19EAxRKz4QCVIhACH5BAUHABAALAAAAAAQABAAAAVjICSOUBCQqHhCgiAOKyqcLVvEZOC2geGiK5NpQBAZCilgAYFMogo/J0lgqEpHgoO2+GIMUL6p4vFojhQNg8rxWLgYBQJCASkwEKLC17hYFJtRIwwBfRAJDk4ObwsidEkrWkkhACH5BAUHABAALAAAAQAQAA8AAAVcICSOUGAGAqmKpjis6vmuqSrUxQyPhDEEtpUOgmgYETCCcrB4OBWwQsGHEhQatVFhB/mNAojFVsQgBhgKpSHRTRxEhGwhoRg0CCXYAkKHHPZCZRAKUERZMAYGMCEAIfkEBQcAEAAsAAABABAADwAABV0gJI4kFJToGAilwKLCST6PUcrB8A70844CXenwILRkIoYyBRk4BQlHo3FIOQmvAEGBMpYSop/IgPBCFpCqIuEsIESHgkgoJxwQAjSzwb1DClwwgQhgAVVMIgVyKCEAIfkECQcAEAAsAAAAABAAEAAABWQgJI5kSQ6NYK7Dw6xr8hCw+ELC85hCIAq3Am0U6JUKjkHJNzIsFAqDqShQHRhY6bKqgvgGCZOSFDhAUiWCYQwJSxGHKqGAE/5EqIHBjOgyRQELCBB7EAQHfySDhGYQdDWGQyUhADs=') right center no-repeat !important;
    pointer-events: none;
}

.bg-white {
    background: white !important;
}

.my-btn {
    padding: 13px 45px !important;
    font-size: 13px !important;
    margin-top: 26px;
    border-radius: 5px;
    cursor: pointer;
}

.bg-blue {
    background: #b6d2ff !important;
}

.btn-subscribe button {
    width: 100%;
    background: linear-gradient(0deg, #F6790B, #F6790B), linear-gradient(360deg, #FFA620 -87.4%, #F75212 91.84%);
    border-radius: 3.64675px;
    border: none;
    outline: none;
    padding: 7px 15px;
    color: #fff;
    border-radius: 4px;
    height: 35px;
    font-family: 'Inter', sans-serif !important;
    font-size: 13px;
    font-weight: 600;
    word-spacing: 1px;
    cursor: pointer;
    letter-spacing: 1px;
}

select.default {
    height: 25px;
    border-radius: 5px;
    padding: 0px 5px;
}

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */

@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571429em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}

    .fa-ul > li {
        position: relative
    }

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center
}

    .fa-li.fa-lg {
        left: -1.85714286em
    }

.fa-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    border-radius: .1em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right {
    margin-left: .3em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8)
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1)
}

:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {
    filter: none
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x, .fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-glass:before {
    content: "\f000"
}

.fa-music:before {
    content: "\f001"
}

.fa-search:before {
    content: "\f002"
}

.fa-envelope-o:before {
    content: "\f003"
}

.fa-heart:before {
    content: "\f004"
}

.fa-star:before {
    content: "\f005"
}

.fa-star-o:before {
    content: "\f006"
}

.fa-user:before {
    content: "\f007"
}

.fa-film:before {
    content: "\f008"
}

.fa-th-large:before {
    content: "\f009"
}

.fa-th:before {
    content: "\f00a"
}

.fa-th-list:before {
    content: "\f00b"
}

.fa-check:before {
    content: "\f00c"
}

.fa-remove:before, .fa-close:before, .fa-times:before {
    content: "\f00d"
}

.fa-search-plus:before {
    content: "\f00e"
}

.fa-search-minus:before {
    content: "\f010"
}

.fa-power-off:before {
    content: "\f011"
}

.fa-signal:before {
    content: "\f012"
}

.fa-gear:before, .fa-cog:before {
    content: "\f013"
}

.fa-trash-o:before {
    content: "\f014"
}

.fa-home:before {
    content: "\f015"
}

.fa-file-o:before {
    content: "\f016"
}

.fa-clock-o:before {
    content: "\f017"
}

.fa-road:before {
    content: "\f018"
}

.fa-download:before {
    content: "\f019"
}

.fa-arrow-circle-o-down:before {
    content: "\f01a"
}

.fa-arrow-circle-o-up:before {
    content: "\f01b"
}

.fa-inbox:before {
    content: "\f01c"
}

.fa-play-circle-o:before {
    content: "\f01d"
}

.fa-rotate-right:before, .fa-repeat:before {
    content: "\f01e"
}

.fa-refresh:before {
    content: "\f021"
}

.fa-list-alt:before {
    content: "\f022"
}

.fa-lock:before {
    content: "\f023"
}

.fa-flag:before {
    content: "\f024"
}

.fa-headphones:before {
    content: "\f025"
}

.fa-volume-off:before {
    content: "\f026"
}

.fa-volume-down:before {
    content: "\f027"
}

.fa-volume-up:before {
    content: "\f028"
}

.fa-qrcode:before {
    content: "\f029"
}

.fa-barcode:before {
    content: "\f02a"
}

.fa-tag:before {
    content: "\f02b"
}

.fa-tags:before {
    content: "\f02c"
}

.fa-book:before {
    content: "\f02d"
}

.fa-bookmark:before {
    content: "\f02e"
}

.fa-print:before {
    content: "\f02f"
}

.fa-camera:before {
    content: "\f030"
}

.fa-font:before {
    content: "\f031"
}

.fa-bold:before {
    content: "\f032"
}

.fa-italic:before {
    content: "\f033"
}

.fa-text-height:before {
    content: "\f034"
}

.fa-text-width:before {
    content: "\f035"
}

.fa-align-left:before {
    content: "\f036"
}

.fa-align-center:before {
    content: "\f037"
}

.fa-align-right:before {
    content: "\f038"
}

.fa-align-justify:before {
    content: "\f039"
}

.fa-list:before {
    content: "\f03a"
}

.fa-dedent:before, .fa-outdent:before {
    content: "\f03b"
}

.fa-indent:before {
    content: "\f03c"
}

.fa-video-camera:before {
    content: "\f03d"
}

.fa-photo:before, .fa-image:before, .fa-picture-o:before {
    content: "\f03e"
}

.fa-pencil:before {
    content: "\f040"
}

.fa-map-marker:before {
    content: "\f041"
}

.fa-adjust:before {
    content: "\f042"
}

.fa-tint:before {
    content: "\f043"
}

.fa-edit:before, .fa-pencil-square-o:before {
    content: "\f044"
}

.fa-share-square-o:before {
    content: "\f045"
}

.fa-check-square-o:before {
    content: "\f046"
}

.fa-arrows:before {
    content: "\f047"
}

.fa-step-backward:before {
    content: "\f048"
}

.fa-fast-backward:before {
    content: "\f049"
}

.fa-backward:before {
    content: "\f04a"
}

.fa-play:before {
    content: "\f04b"
}

.fa-pause:before {
    content: "\f04c"
}

.fa-stop:before {
    content: "\f04d"
}

.fa-forward:before {
    content: "\f04e"
}

.fa-fast-forward:before {
    content: "\f050"
}

.fa-step-forward:before {
    content: "\f051"
}

.fa-eject:before {
    content: "\f052"
}

.fa-chevron-left:before {
    content: "\f053"
}

.fa-chevron-right:before {
    content: "\f054"
}

.fa-plus-circle:before {
    content: "\f055"
}

.fa-minus-circle:before {
    content: "\f056"
}

.fa-times-circle:before {
    content: "\f057"
}

.fa-check-circle:before {
    content: "\f058"
}

.fa-question-circle:before {
    content: "\f059"
}

.fa-info-circle:before {
    content: "\f05a"
}

.fa-crosshairs:before {
    content: "\f05b"
}

.fa-times-circle-o:before {
    content: "\f05c"
}

.fa-check-circle-o:before {
    content: "\f05d"
}

.fa-ban:before {
    content: "\f05e"
}

.fa-arrow-left:before {
    content: "\f060"
}

.fa-arrow-right:before {
    content: "\f061"
}

.fa-arrow-up:before {
    content: "\f062"
}

.fa-arrow-down:before {
    content: "\f063"
}

.fa-mail-forward:before, .fa-share:before {
    content: "\f064"
}

.fa-expand:before {
    content: "\f065"
}

.fa-compress:before {
    content: "\f066"
}

.fa-plus:before {
    content: "\f067"
}

.fa-minus:before {
    content: "\f068"
}

.fa-asterisk:before {
    content: "\f069"
}

.fa-exclamation-circle:before {
    content: "\f06a"
}

.fa-gift:before {
    content: "\f06b"
}

.fa-leaf:before {
    content: "\f06c"
}

.fa-fire:before {
    content: "\f06d"
}

.fa-eye:before {
    content: "\f06e"
}

.fa-eye-slash:before {
    content: "\f070"
}

.fa-warning:before, .fa-exclamation-triangle:before {
    content: "\f071"
}

.fa-plane:before {
    content: "\f072"
}

.fa-calendar:before {
    content: "\f073"
}

.fa-random:before {
    content: "\f074"
}

.fa-comment:before {
    content: "\f075"
}

.fa-magnet:before {
    content: "\f076"
}

.fa-chevron-up:before {
    content: "\f077"
}

.fa-chevron-down:before {
    content: "\f078"
}

.fa-retweet:before {
    content: "\f079"
}

.fa-shopping-cart:before {
    content: "\f07a"
}

.fa-folder:before {
    content: "\f07b"
}

.fa-folder-open:before {
    content: "\f07c"
}

.fa-arrows-v:before {
    content: "\f07d"
}

.fa-arrows-h:before {
    content: "\f07e"
}

.fa-bar-chart-o:before, .fa-bar-chart:before {
    content: "\f080"
}

.fa-twitter-square:before {
    content: "\f081"
}

.fa-facebook-square:before {
    content: "\f082"
}

.fa-camera-retro:before {
    content: "\f083"
}

.fa-key:before {
    content: "\f084"
}

.fa-gears:before, .fa-cogs:before {
    content: "\f085"
}

.fa-comments:before {
    content: "\f086"
}

.fa-thumbs-o-up:before {
    content: "\f087"
}

.fa-thumbs-o-down:before {
    content: "\f088"
}

.fa-star-half:before {
    content: "\f089"
}

.fa-heart-o:before {
    content: "\f08a"
}

.fa-sign-out:before {
    content: "\f08b"
}

.fa-linkedin-square:before {
    content: "\f08c"
}

.fa-thumb-tack:before {
    content: "\f08d"
}

.fa-external-link:before {
    content: "\f08e"
}

.fa-sign-in:before {
    content: "\f090"
}

.fa-trophy:before {
    content: "\f091"
}

.fa-github-square:before {
    content: "\f092"
}

.fa-upload:before {
    content: "\f093"
}

.fa-lemon-o:before {
    content: "\f094"
}

.fa-phone:before {
    content: "\f095"
}

.fa-square-o:before {
    content: "\f096"
}

.fa-bookmark-o:before {
    content: "\f097"
}

.fa-phone-square:before {
    content: "\f098"
}

.fa-twitter:before {
    content: "\f099"
}

.fa-facebook-f:before, .fa-facebook:before {
    content: "\f09a"
}

.fa-github:before {
    content: "\f09b"
}

.fa-unlock:before {
    content: "\f09c"
}

.fa-credit-card:before {
    content: "\f09d"
}

.fa-feed:before, .fa-rss:before {
    content: "\f09e"
}

.fa-hdd-o:before {
    content: "\f0a0"
}

.fa-bullhorn:before {
    content: "\f0a1"
}

.fa-bell:before {
    content: "\f0f3"
}

.fa-certificate:before {
    content: "\f0a3"
}

.fa-hand-o-right:before {
    content: "\f0a4"
}

.fa-hand-o-left:before {
    content: "\f0a5"
}

.fa-hand-o-up:before {
    content: "\f0a6"
}

.fa-hand-o-down:before {
    content: "\f0a7"
}

.fa-arrow-circle-left:before {
    content: "\f0a8"
}

.fa-arrow-circle-right:before {
    content: "\f0a9"
}

.fa-arrow-circle-up:before {
    content: "\f0aa"
}

.fa-arrow-circle-down:before {
    content: "\f0ab"
}

.fa-globe:before {
    content: "\f0ac"
}

.fa-wrench:before {
    content: "\f0ad"
}

.fa-tasks:before {
    content: "\f0ae"
}

.fa-filter:before {
    content: "\f0b0"
}

.fa-briefcase:before {
    content: "\f0b1"
}

.fa-arrows-alt:before {
    content: "\f0b2"
}

.fa-group:before, .fa-users:before {
    content: "\f0c0"
}

.fa-chain:before, .fa-link:before {
    content: "\f0c1"
}

.fa-cloud:before {
    content: "\f0c2"
}

.fa-flask:before {
    content: "\f0c3"
}

.fa-cut:before, .fa-scissors:before {
    content: "\f0c4"
}

.fa-copy:before, .fa-files-o:before {
    content: "\f0c5"
}

.fa-paperclip:before {
    content: "\f0c6"
}

.fa-save:before, .fa-floppy-o:before {
    content: "\f0c7"
}

.fa-square:before {
    content: "\f0c8"
}

.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
    content: "\f0c9"
}

.fa-list-ul:before {
    content: "\f0ca"
}

.fa-list-ol:before {
    content: "\f0cb"
}

.fa-strikethrough:before {
    content: "\f0cc"
}

.fa-underline:before {
    content: "\f0cd"
}

.fa-table:before {
    content: "\f0ce"
}

.fa-magic:before {
    content: "\f0d0"
}

.fa-truck:before {
    content: "\f0d1"
}

.fa-pinterest:before {
    content: "\f0d2"
}

.fa-pinterest-square:before {
    content: "\f0d3"
}

.fa-google-plus-square:before {
    content: "\f0d4"
}

.fa-google-plus:before {
    content: "\f0d5"
}

.fa-money:before {
    content: "\f0d6"
}

.fa-caret-down:before {
    content: "\f0d7"
}

.fa-caret-up:before {
    content: "\f0d8"
}

.fa-caret-left:before {
    content: "\f0d9"
}

.fa-caret-right:before {
    content: "\f0da"
}

.fa-columns:before {
    content: "\f0db"
}

.fa-unsorted:before, .fa-sort:before {
    content: "\f0dc"
}

.fa-sort-down:before, .fa-sort-desc:before {
    content: "\f0dd"
}

.fa-sort-up:before, .fa-sort-asc:before {
    content: "\f0de"
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-linkedin:before {
    content: "\f0e1"
}

.fa-rotate-left:before, .fa-undo:before {
    content: "\f0e2"
}

.fa-legal:before, .fa-gavel:before {
    content: "\f0e3"
}

.fa-dashboard:before, .fa-tachometer:before {
    content: "\f0e4"
}

.fa-comment-o:before {
    content: "\f0e5"
}

.fa-comments-o:before {
    content: "\f0e6"
}

.fa-flash:before, .fa-bolt:before {
    content: "\f0e7"
}

.fa-sitemap:before {
    content: "\f0e8"
}

.fa-umbrella:before {
    content: "\f0e9"
}

.fa-paste:before, .fa-clipboard:before {
    content: "\f0ea"
}

.fa-lightbulb-o:before {
    content: "\f0eb"
}

.fa-exchange:before {
    content: "\f0ec"
}

.fa-cloud-download:before {
    content: "\f0ed"
}

.fa-cloud-upload:before {
    content: "\f0ee"
}

.fa-user-md:before {
    content: "\f0f0"
}

.fa-stethoscope:before {
    content: "\f0f1"
}

.fa-suitcase:before {
    content: "\f0f2"
}

.fa-bell-o:before {
    content: "\f0a2"
}

.fa-coffee:before {
    content: "\f0f4"
}

.fa-cutlery:before {
    content: "\f0f5"
}

.fa-file-text-o:before {
    content: "\f0f6"
}

.fa-building-o:before {
    content: "\f0f7"
}

.fa-hospital-o:before {
    content: "\f0f8"
}

.fa-ambulance:before {
    content: "\f0f9"
}

.fa-medkit:before {
    content: "\f0fa"
}

.fa-fighter-jet:before {
    content: "\f0fb"
}

.fa-beer:before {
    content: "\f0fc"
}

.fa-h-square:before {
    content: "\f0fd"
}

.fa-plus-square:before {
    content: "\f0fe"
}

.fa-angle-double-left:before {
    content: "\f100"
}

.fa-angle-double-right:before {
    content: "\f101"
}

.fa-angle-double-up:before {
    content: "\f102"
}

.fa-angle-double-down:before {
    content: "\f103"
}

.fa-angle-left:before {
    content: "\f104"
}

.fa-angle-right:before {
    content: "\f105"
}

.fa-angle-up:before {
    content: "\f106"
}

.fa-angle-down:before {
    content: "\f107"
}

.fa-desktop:before {
    content: "\f108"
}

.fa-laptop:before {
    content: "\f109"
}

.fa-tablet:before {
    content: "\f10a"
}

.fa-mobile-phone:before, .fa-mobile:before {
    content: "\f10b"
}

.fa-circle-o:before {
    content: "\f10c"
}

.fa-quote-left:before {
    content: "\f10d"
}

.fa-quote-right:before {
    content: "\f10e"
}

.fa-spinner:before {
    content: "\f110"
}

.fa-circle:before {
    content: "\f111"
}

.fa-mail-reply:before, .fa-reply:before {
    content: "\f112"
}

.fa-github-alt:before {
    content: "\f113"
}

.fa-folder-o:before {
    content: "\f114"
}

.fa-folder-open-o:before {
    content: "\f115"
}

.fa-smile-o:before {
    content: "\f118"
}

.fa-frown-o:before {
    content: "\f119"
}

.fa-meh-o:before {
    content: "\f11a"
}

.fa-gamepad:before {
    content: "\f11b"
}

.fa-keyboard-o:before {
    content: "\f11c"
}

.fa-flag-o:before {
    content: "\f11d"
}

.fa-flag-checkered:before {
    content: "\f11e"
}

.fa-terminal:before {
    content: "\f120"
}

.fa-code:before {
    content: "\f121"
}

.fa-mail-reply-all:before, .fa-reply-all:before {
    content: "\f122"
}

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
    content: "\f123"
}

.fa-location-arrow:before {
    content: "\f124"
}

.fa-crop:before {
    content: "\f125"
}

.fa-code-fork:before {
    content: "\f126"
}

.fa-unlink:before, .fa-chain-broken:before {
    content: "\f127"
}

.fa-question:before {
    content: "\f128"
}

.fa-info:before {
    content: "\f129"
}

.fa-exclamation:before {
    content: "\f12a"
}

.fa-superscript:before {
    content: "\f12b"
}

.fa-subscript:before {
    content: "\f12c"
}

.fa-eraser:before {
    content: "\f12d"
}

.fa-puzzle-piece:before {
    content: "\f12e"
}

.fa-microphone:before {
    content: "\f130"
}

.fa-microphone-slash:before {
    content: "\f131"
}

.fa-shield:before {
    content: "\f132"
}

.fa-calendar-o:before {
    content: "\f133"
}

.fa-fire-extinguisher:before {
    content: "\f134"
}

.fa-rocket:before {
    content: "\f135"
}

.fa-maxcdn:before {
    content: "\f136"
}

.fa-chevron-circle-left:before {
    content: "\f137"
}

.fa-chevron-circle-right:before {
    content: "\f138"
}

.fa-chevron-circle-up:before {
    content: "\f139"
}

.fa-chevron-circle-down:before {
    content: "\f13a"
}

.fa-html5:before {
    content: "\f13b"
}

.fa-css3:before {
    content: "\f13c"
}

.fa-anchor:before {
    content: "\f13d"
}

.fa-unlock-alt:before {
    content: "\f13e"
}

.fa-bullseye:before {
    content: "\f140"
}

.fa-ellipsis-h:before {
    content: "\f141"
}

.fa-ellipsis-v:before {
    content: "\f142"
}

.fa-rss-square:before {
    content: "\f143"
}

.fa-play-circle:before {
    content: "\f144"
}

.fa-ticket:before {
    content: "\f145"
}

.fa-minus-square:before {
    content: "\f146"
}

.fa-minus-square-o:before {
    content: "\f147"
}

.fa-level-up:before {
    content: "\f148"
}

.fa-level-down:before {
    content: "\f149"
}

.fa-check-square:before {
    content: "\f14a"
}

.fa-pencil-square:before {
    content: "\f14b"
}

.fa-external-link-square:before {
    content: "\f14c"
}

.fa-share-square:before {
    content: "\f14d"
}

.fa-compass:before {
    content: "\f14e"
}

.fa-toggle-down:before, .fa-caret-square-o-down:before {
    content: "\f150"
}

.fa-toggle-up:before, .fa-caret-square-o-up:before {
    content: "\f151"
}

.fa-toggle-right:before, .fa-caret-square-o-right:before {
    content: "\f152"
}

.fa-euro:before, .fa-eur:before {
    content: "\f153"
}

.fa-gbp:before {
    content: "\f154"
}

.fa-dollar:before, .fa-usd:before {
    content: "\f155"
}

.fa-rupee:before, .fa-inr:before {
    content: "\f156"
}

.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
    content: "\f157"
}

.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
    content: "\f158"
}

.fa-won:before, .fa-krw:before {
    content: "\f159"
}

.fa-bitcoin:before, .fa-btc:before {
    content: "\f15a"
}

.fa-file:before {
    content: "\f15b"
}

.fa-file-text:before {
    content: "\f15c"
}

.fa-sort-alpha-asc:before {
    content: "\f15d"
}

.fa-sort-alpha-desc:before {
    content: "\f15e"
}

.fa-sort-amount-asc:before {
    content: "\f160"
}

.fa-sort-amount-desc:before {
    content: "\f161"
}

.fa-sort-numeric-asc:before {
    content: "\f162"
}

.fa-sort-numeric-desc:before {
    content: "\f163"
}

.fa-thumbs-up:before {
    content: "\f164"
}

.fa-thumbs-down:before {
    content: "\f165"
}

.fa-youtube-square:before {
    content: "\f166"
}

.fa-youtube:before {
    content: "\f167"
}

.fa-xing:before {
    content: "\f168"
}

.fa-xing-square:before {
    content: "\f169"
}

.fa-youtube-play:before {
    content: "\f16a"
}

.fa-dropbox:before {
    content: "\f16b"
}

.fa-stack-overflow:before {
    content: "\f16c"
}

.fa-instagram:before {
    content: "\f16d"
}

.fa-flickr:before {
    content: "\f16e"
}

.fa-adn:before {
    content: "\f170"
}

.fa-bitbucket:before {
    content: "\f171"
}

.fa-bitbucket-square:before {
    content: "\f172"
}

.fa-tumblr:before {
    content: "\f173"
}

.fa-tumblr-square:before {
    content: "\f174"
}

.fa-long-arrow-down:before {
    content: "\f175"
}

.fa-long-arrow-up:before {
    content: "\f176"
}

.fa-long-arrow-left:before {
    content: "\f177"
}

.fa-long-arrow-right:before {
    content: "\f178"
}

.fa-apple:before {
    content: "\f179"
}

.fa-windows:before {
    content: "\f17a"
}

.fa-android:before {
    content: "\f17b"
}

.fa-linux:before {
    content: "\f17c"
}

.fa-dribbble:before {
    content: "\f17d"
}

.fa-skype:before {
    content: "\f17e"
}

.fa-foursquare:before {
    content: "\f180"
}

.fa-trello:before {
    content: "\f181"
}

.fa-female:before {
    content: "\f182"
}

.fa-male:before {
    content: "\f183"
}

.fa-gittip:before, .fa-gratipay:before {
    content: "\f184"
}

.fa-sun-o:before {
    content: "\f185"
}

.fa-moon-o:before {
    content: "\f186"
}

.fa-archive:before {
    content: "\f187"
}

.fa-bug:before {
    content: "\f188"
}

.fa-vk:before {
    content: "\f189"
}

.fa-weibo:before {
    content: "\f18a"
}

.fa-renren:before {
    content: "\f18b"
}

.fa-pagelines:before {
    content: "\f18c"
}

.fa-stack-exchange:before {
    content: "\f18d"
}

.fa-arrow-circle-o-right:before {
    content: "\f18e"
}

.fa-arrow-circle-o-left:before {
    content: "\f190"
}

.fa-toggle-left:before, .fa-caret-square-o-left:before {
    content: "\f191"
}

.fa-dot-circle-o:before {
    content: "\f192"
}

.fa-wheelchair:before {
    content: "\f193"
}

.fa-vimeo-square:before {
    content: "\f194"
}

.fa-turkish-lira:before, .fa-try:before {
    content: "\f195"
}

.fa-plus-square-o:before {
    content: "\f196"
}

.fa-space-shuttle:before {
    content: "\f197"
}

.fa-slack:before {
    content: "\f198"
}

.fa-envelope-square:before {
    content: "\f199"
}

.fa-wordpress:before {
    content: "\f19a"
}

.fa-openid:before {
    content: "\f19b"
}

.fa-institution:before, .fa-bank:before, .fa-university:before {
    content: "\f19c"
}

.fa-mortar-board:before, .fa-graduation-cap:before {
    content: "\f19d"
}

.fa-yahoo:before {
    content: "\f19e"
}

.fa-google:before {
    content: "\f1a0"
}

.fa-reddit:before {
    content: "\f1a1"
}

.fa-reddit-square:before {
    content: "\f1a2"
}

.fa-stumbleupon-circle:before {
    content: "\f1a3"
}

.fa-stumbleupon:before {
    content: "\f1a4"
}

.fa-delicious:before {
    content: "\f1a5"
}

.fa-digg:before {
    content: "\f1a6"
}

.fa-pied-piper-pp:before {
    content: "\f1a7"
}

.fa-pied-piper-alt:before {
    content: "\f1a8"
}

.fa-drupal:before {
    content: "\f1a9"
}

.fa-joomla:before {
    content: "\f1aa"
}

.fa-language:before {
    content: "\f1ab"
}

.fa-fax:before {
    content: "\f1ac"
}

.fa-building:before {
    content: "\f1ad"
}

.fa-child:before {
    content: "\f1ae"
}

.fa-paw:before {
    content: "\f1b0"
}

.fa-spoon:before {
    content: "\f1b1"
}

.fa-cube:before {
    content: "\f1b2"
}

.fa-cubes:before {
    content: "\f1b3"
}

.fa-behance:before {
    content: "\f1b4"
}

.fa-behance-square:before {
    content: "\f1b5"
}

.fa-steam:before {
    content: "\f1b6"
}

.fa-steam-square:before {
    content: "\f1b7"
}

.fa-recycle:before {
    content: "\f1b8"
}

.fa-automobile:before, .fa-car:before {
    content: "\f1b9"
}

.fa-cab:before, .fa-taxi:before {
    content: "\f1ba"
}

.fa-tree:before {
    content: "\f1bb"
}

.fa-spotify:before {
    content: "\f1bc"
}

.fa-deviantart:before {
    content: "\f1bd"
}

.fa-soundcloud:before {
    content: "\f1be"
}

.fa-database:before {
    content: "\f1c0"
}

.fa-file-pdf-o:before {
    content: "\f1c1"
}

.fa-file-word-o:before {
    content: "\f1c2"
}

.fa-file-excel-o:before {
    content: "\f1c3"
}

.fa-file-powerpoint-o:before {
    content: "\f1c4"
}

.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {
    content: "\f1c5"
}

.fa-file-zip-o:before, .fa-file-archive-o:before {
    content: "\f1c6"
}

.fa-file-sound-o:before, .fa-file-audio-o:before {
    content: "\f1c7"
}

.fa-file-movie-o:before, .fa-file-video-o:before {
    content: "\f1c8"
}

.fa-file-code-o:before {
    content: "\f1c9"
}

.fa-vine:before {
    content: "\f1ca"
}

.fa-codepen:before {
    content: "\f1cb"
}

.fa-jsfiddle:before {
    content: "\f1cc"
}

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {
    content: "\f1cd"
}

.fa-circle-o-notch:before {
    content: "\f1ce"
}

.fa-ra:before, .fa-resistance:before, .fa-rebel:before {
    content: "\f1d0"
}

.fa-ge:before, .fa-empire:before {
    content: "\f1d1"
}

.fa-git-square:before {
    content: "\f1d2"
}

.fa-git:before {
    content: "\f1d3"
}

.fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before {
    content: "\f1d4"
}

.fa-tencent-weibo:before {
    content: "\f1d5"
}

.fa-qq:before {
    content: "\f1d6"
}

.fa-wechat:before, .fa-weixin:before {
    content: "\f1d7"
}

.fa-send:before, .fa-paper-plane:before {
    content: "\f1d8"
}

.fa-send-o:before, .fa-paper-plane-o:before {
    content: "\f1d9"
}

.fa-history:before {
    content: "\f1da"
}

.fa-circle-thin:before {
    content: "\f1db"
}

.fa-header:before {
    content: "\f1dc"
}

.fa-paragraph:before {
    content: "\f1dd"
}

.fa-sliders:before {
    content: "\f1de"
}

.fa-share-alt:before {
    content: "\f1e0"
}

.fa-share-alt-square:before {
    content: "\f1e1"
}

.fa-bomb:before {
    content: "\f1e2"
}

.fa-soccer-ball-o:before, .fa-futbol-o:before {
    content: "\f1e3"
}

.fa-tty:before {
    content: "\f1e4"
}

.fa-binoculars:before {
    content: "\f1e5"
}

.fa-plug:before {
    content: "\f1e6"
}

.fa-slideshare:before {
    content: "\f1e7"
}

.fa-twitch:before {
    content: "\f1e8"
}

.fa-yelp:before {
    content: "\f1e9"
}

.fa-newspaper-o:before {
    content: "\f1ea"
}

.fa-wifi:before {
    content: "\f1eb"
}

.fa-calculator:before {
    content: "\f1ec"
}

.fa-paypal:before {
    content: "\f1ed"
}

.fa-google-wallet:before {
    content: "\f1ee"
}

.fa-cc-visa:before {
    content: "\f1f0"
}

.fa-cc-mastercard:before {
    content: "\f1f1"
}

.fa-cc-discover:before {
    content: "\f1f2"
}

.fa-cc-amex:before {
    content: "\f1f3"
}

.fa-cc-paypal:before {
    content: "\f1f4"
}

.fa-cc-stripe:before {
    content: "\f1f5"
}

.fa-bell-slash:before {
    content: "\f1f6"
}

.fa-bell-slash-o:before {
    content: "\f1f7"
}

.fa-trash:before {
    content: "\f1f8"
}

.fa-copyright:before {
    content: "\f1f9"
}

.fa-at:before {
    content: "\f1fa"
}

.fa-eyedropper:before {
    content: "\f1fb"
}

.fa-paint-brush:before {
    content: "\f1fc"
}

.fa-birthday-cake:before {
    content: "\f1fd"
}

.fa-area-chart:before {
    content: "\f1fe"
}

.fa-pie-chart:before {
    content: "\f200"
}

.fa-line-chart:before {
    content: "\f201"
}

.fa-lastfm:before {
    content: "\f202"
}

.fa-lastfm-square:before {
    content: "\f203"
}

.fa-toggle-off:before {
    content: "\f204"
}

.fa-toggle-on:before {
    content: "\f205"
}

.fa-bicycle:before {
    content: "\f206"
}

.fa-bus:before {
    content: "\f207"
}

.fa-ioxhost:before {
    content: "\f208"
}

.fa-angellist:before {
    content: "\f209"
}

.fa-cc:before {
    content: "\f20a"
}

.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {
    content: "\f20b"
}

.fa-meanpath:before {
    content: "\f20c"
}

.fa-buysellads:before {
    content: "\f20d"
}

.fa-connectdevelop:before {
    content: "\f20e"
}

.fa-dashcube:before {
    content: "\f210"
}

.fa-forumbee:before {
    content: "\f211"
}

.fa-leanpub:before {
    content: "\f212"
}

.fa-sellsy:before {
    content: "\f213"
}

.fa-shirtsinbulk:before {
    content: "\f214"
}

.fa-simplybuilt:before {
    content: "\f215"
}

.fa-skyatlas:before {
    content: "\f216"
}

.fa-cart-plus:before {
    content: "\f217"
}

.fa-cart-arrow-down:before {
    content: "\f218"
}

.fa-diamond:before {
    content: "\f219"
}

.fa-ship:before {
    content: "\f21a"
}

.fa-user-secret:before {
    content: "\f21b"
}

.fa-motorcycle:before {
    content: "\f21c"
}

.fa-street-view:before {
    content: "\f21d"
}

.fa-heartbeat:before {
    content: "\f21e"
}

.fa-venus:before {
    content: "\f221"
}

.fa-mars:before {
    content: "\f222"
}

.fa-mercury:before {
    content: "\f223"
}

.fa-intersex:before, .fa-transgender:before {
    content: "\f224"
}

.fa-transgender-alt:before {
    content: "\f225"
}

.fa-venus-double:before {
    content: "\f226"
}

.fa-mars-double:before {
    content: "\f227"
}

.fa-venus-mars:before {
    content: "\f228"
}

.fa-mars-stroke:before {
    content: "\f229"
}

.fa-mars-stroke-v:before {
    content: "\f22a"
}

.fa-mars-stroke-h:before {
    content: "\f22b"
}

.fa-neuter:before {
    content: "\f22c"
}

.fa-genderless:before {
    content: "\f22d"
}

.fa-facebook-official:before {
    content: "\f230"
}

.fa-pinterest-p:before {
    content: "\f231"
}

.fa-whatsapp:before {
    content: "\f232"
}

.fa-server:before {
    content: "\f233"
}

.fa-user-plus:before {
    content: "\f234"
}

.fa-user-times:before {
    content: "\f235"
}

.fa-hotel:before, .fa-bed:before {
    content: "\f236"
}

.fa-viacoin:before {
    content: "\f237"
}

.fa-train:before {
    content: "\f238"
}

.fa-subway:before {
    content: "\f239"
}

.fa-medium:before {
    content: "\f23a"
}

.fa-yc:before, .fa-y-combinator:before {
    content: "\f23b"
}

.fa-optin-monster:before {
    content: "\f23c"
}

.fa-opencart:before {
    content: "\f23d"
}

.fa-expeditedssl:before {
    content: "\f23e"
}

.fa-battery-4:before, .fa-battery:before, .fa-battery-full:before {
    content: "\f240"
}

.fa-battery-3:before, .fa-battery-three-quarters:before {
    content: "\f241"
}

.fa-battery-2:before, .fa-battery-half:before {
    content: "\f242"
}

.fa-battery-1:before, .fa-battery-quarter:before {
    content: "\f243"
}

.fa-battery-0:before, .fa-battery-empty:before {
    content: "\f244"
}

.fa-mouse-pointer:before {
    content: "\f245"
}

.fa-i-cursor:before {
    content: "\f246"
}

.fa-object-group:before {
    content: "\f247"
}

.fa-object-ungroup:before {
    content: "\f248"
}

.fa-sticky-note:before {
    content: "\f249"
}

.fa-sticky-note-o:before {
    content: "\f24a"
}

.fa-cc-jcb:before {
    content: "\f24b"
}

.fa-cc-diners-club:before {
    content: "\f24c"
}

.fa-clone:before {
    content: "\f24d"
}

.fa-balance-scale:before {
    content: "\f24e"
}

.fa-hourglass-o:before {
    content: "\f250"
}

.fa-hourglass-1:before, .fa-hourglass-start:before {
    content: "\f251"
}

.fa-hourglass-2:before, .fa-hourglass-half:before {
    content: "\f252"
}

.fa-hourglass-3:before, .fa-hourglass-end:before {
    content: "\f253"
}

.fa-hourglass:before {
    content: "\f254"
}

.fa-hand-grab-o:before, .fa-hand-rock-o:before {
    content: "\f255"
}

.fa-hand-stop-o:before, .fa-hand-paper-o:before {
    content: "\f256"
}

.fa-hand-scissors-o:before {
    content: "\f257"
}

.fa-hand-lizard-o:before {
    content: "\f258"
}

.fa-hand-spock-o:before {
    content: "\f259"
}

.fa-hand-pointer-o:before {
    content: "\f25a"
}

.fa-hand-peace-o:before {
    content: "\f25b"
}

.fa-trademark:before {
    content: "\f25c"
}

.fa-registered:before {
    content: "\f25d"
}

.fa-creative-commons:before {
    content: "\f25e"
}

.fa-gg:before {
    content: "\f260"
}

.fa-gg-circle:before {
    content: "\f261"
}

.fa-tripadvisor:before {
    content: "\f262"
}

.fa-odnoklassniki:before {
    content: "\f263"
}

.fa-odnoklassniki-square:before {
    content: "\f264"
}

.fa-get-pocket:before {
    content: "\f265"
}

.fa-wikipedia-w:before {
    content: "\f266"
}

.fa-safari:before {
    content: "\f267"
}

.fa-chrome:before {
    content: "\f268"
}

.fa-firefox:before {
    content: "\f269"
}

.fa-opera:before {
    content: "\f26a"
}

.fa-internet-explorer:before {
    content: "\f26b"
}

.fa-tv:before, .fa-television:before {
    content: "\f26c"
}

.fa-contao:before {
    content: "\f26d"
}

.fa-500px:before {
    content: "\f26e"
}

.fa-amazon:before {
    content: "\f270"
}

.fa-calendar-plus-o:before {
    content: "\f271"
}

.fa-calendar-minus-o:before {
    content: "\f272"
}

.fa-calendar-times-o:before {
    content: "\f273"
}

.fa-calendar-check-o:before {
    content: "\f274"
}

.fa-industry:before {
    content: "\f275"
}

.fa-map-pin:before {
    content: "\f276"
}

.fa-map-signs:before {
    content: "\f277"
}

.fa-map-o:before {
    content: "\f278"
}

.fa-map:before {
    content: "\f279"
}

.fa-commenting:before {
    content: "\f27a"
}

.fa-commenting-o:before {
    content: "\f27b"
}

.fa-houzz:before {
    content: "\f27c"
}

.fa-vimeo:before {
    content: "\f27d"
}

.fa-black-tie:before {
    content: "\f27e"
}

.fa-fonticons:before {
    content: "\f280"
}

.fa-reddit-alien:before {
    content: "\f281"
}

.fa-edge:before {
    content: "\f282"
}

.fa-credit-card-alt:before {
    content: "\f283"
}

.fa-codiepie:before {
    content: "\f284"
}

.fa-modx:before {
    content: "\f285"
}

.fa-fort-awesome:before {
    content: "\f286"
}

.fa-usb:before {
    content: "\f287"
}

.fa-product-hunt:before {
    content: "\f288"
}

.fa-mixcloud:before {
    content: "\f289"
}

.fa-scribd:before {
    content: "\f28a"
}

.fa-pause-circle:before {
    content: "\f28b"
}

.fa-pause-circle-o:before {
    content: "\f28c"
}

.fa-stop-circle:before {
    content: "\f28d"
}

.fa-stop-circle-o:before {
    content: "\f28e"
}

.fa-shopping-bag:before {
    content: "\f290"
}

.fa-shopping-basket:before {
    content: "\f291"
}

.fa-hashtag:before {
    content: "\f292"
}

.fa-bluetooth:before {
    content: "\f293"
}

.fa-bluetooth-b:before {
    content: "\f294"
}

.fa-percent:before {
    content: "\f295"
}

.fa-gitlab:before {
    content: "\f296"
}

.fa-wpbeginner:before {
    content: "\f297"
}

.fa-wpforms:before {
    content: "\f298"
}

.fa-envira:before {
    content: "\f299"
}

.fa-universal-access:before {
    content: "\f29a"
}

.fa-wheelchair-alt:before {
    content: "\f29b"
}

.fa-question-circle-o:before {
    content: "\f29c"
}

.fa-blind:before {
    content: "\f29d"
}

.fa-audio-description:before {
    content: "\f29e"
}

.fa-volume-control-phone:before {
    content: "\f2a0"
}

.fa-braille:before {
    content: "\f2a1"
}

.fa-assistive-listening-systems:before {
    content: "\f2a2"
}

.fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before {
    content: "\f2a3"
}

.fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before {
    content: "\f2a4"
}

.fa-glide:before {
    content: "\f2a5"
}

.fa-glide-g:before {
    content: "\f2a6"
}

.fa-signing:before, .fa-sign-language:before {
    content: "\f2a7"
}

.fa-low-vision:before {
    content: "\f2a8"
}

.fa-viadeo:before {
    content: "\f2a9"
}

.fa-viadeo-square:before {
    content: "\f2aa"
}

.fa-snapchat:before {
    content: "\f2ab"
}

.fa-snapchat-ghost:before {
    content: "\f2ac"
}

.fa-snapchat-square:before {
    content: "\f2ad"
}

.fa-pied-piper:before {
    content: "\f2ae"
}

.fa-first-order:before {
    content: "\f2b0"
}

.fa-yoast:before {
    content: "\f2b1"
}

.fa-themeisle:before {
    content: "\f2b2"
}

.fa-google-plus-circle:before, .fa-google-plus-official:before {
    content: "\f2b3"
}

.fa-fa:before, .fa-font-awesome:before {
    content: "\f2b4"
}

.fa-handshake-o:before {
    content: "\f2b5"
}

.fa-envelope-open:before {
    content: "\f2b6"
}

.fa-envelope-open-o:before {
    content: "\f2b7"
}

.fa-linode:before {
    content: "\f2b8"
}

.fa-address-book:before {
    content: "\f2b9"
}

.fa-address-book-o:before {
    content: "\f2ba"
}

.fa-vcard:before, .fa-address-card:before {
    content: "\f2bb"
}

.fa-vcard-o:before, .fa-address-card-o:before {
    content: "\f2bc"
}

.fa-user-circle:before {
    content: "\f2bd"
}

.fa-user-circle-o:before {
    content: "\f2be"
}

.fa-user-o:before {
    content: "\f2c0"
}

.fa-id-badge:before {
    content: "\f2c1"
}

.fa-drivers-license:before, .fa-id-card:before {
    content: "\f2c2"
}

.fa-drivers-license-o:before, .fa-id-card-o:before {
    content: "\f2c3"
}

.fa-quora:before {
    content: "\f2c4"
}

.fa-free-code-camp:before {
    content: "\f2c5"
}

.fa-telegram:before {
    content: "\f2c6"
}

.fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before {
    content: "\f2c7"
}

.fa-thermometer-3:before, .fa-thermometer-three-quarters:before {
    content: "\f2c8"
}

.fa-thermometer-2:before, .fa-thermometer-half:before {
    content: "\f2c9"
}

.fa-thermometer-1:before, .fa-thermometer-quarter:before {
    content: "\f2ca"
}

.fa-thermometer-0:before, .fa-thermometer-empty:before {
    content: "\f2cb"
}

.fa-shower:before {
    content: "\f2cc"
}

.fa-bathtub:before, .fa-s15:before, .fa-bath:before {
    content: "\f2cd"
}

.fa-podcast:before {
    content: "\f2ce"
}

.fa-window-maximize:before {
    content: "\f2d0"
}

.fa-window-minimize:before {
    content: "\f2d1"
}

.fa-window-restore:before {
    content: "\f2d2"
}

.fa-times-rectangle:before, .fa-window-close:before {
    content: "\f2d3"
}

.fa-times-rectangle-o:before, .fa-window-close-o:before {
    content: "\f2d4"
}

.fa-bandcamp:before {
    content: "\f2d5"
}

.fa-grav:before {
    content: "\f2d6"
}

.fa-etsy:before {
    content: "\f2d7"
}

.fa-imdb:before {
    content: "\f2d8"
}

.fa-ravelry:before {
    content: "\f2d9"
}

.fa-eercast:before {
    content: "\f2da"
}

.fa-microchip:before {
    content: "\f2db"
}

.fa-snowflake-o:before {
    content: "\f2dc"
}

.fa-superpowers:before {
    content: "\f2dd"
}

.fa-wpexplorer:before {
    content: "\f2de"
}

.fa-meetup:before {
    content: "\f2e0"
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

/*///1.1.3*/
body.stop-scrolling {
    height: 100%;
    overflow: hidden;
}

.sweet-overlay {
    background-color: black;
    /* IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    /* IE8 */
    background-color: rgba(0, 0, 0, 0.4);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none;
    z-index: 10000;
}

.sweet-alert {
    background-color: white;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    width: 478px;
    padding: 17px;
    border-radius: 5px;
    text-align: center;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -256px;
    margin-top: -200px;
    overflow: hidden;
    display: none;
    z-index: 99999;
}

@media all and (max-width: 540px) {
    .sweet-alert {
        width: auto;
        margin-left: 0;
        margin-right: 0;
        left: 15px;
        right: 15px;
    }
}

.sweet-alert h2 {
    color: #575757;
    font-size: 30px;
    text-align: center;
    font-weight: 600;
    text-transform: none;
    position: relative;
    margin: 25px 0;
    padding: 0;
    line-height: 40px;
    display: block;
}

.sweet-alert p {
    color: #797979;
    font-size: 16px;
    text-align: center;
    font-weight: 300;
    position: relative;
    text-align: inherit;
    float: none;
    margin: 0;
    padding: 0;
    line-height: normal;
}

.sweet-alert fieldset {
    border: none;
    position: relative;
}

.sweet-alert .sa-error-container {
    background-color: #f1f1f1;
    margin-left: -17px;
    margin-right: -17px;
    overflow: hidden;
    padding: 0 10px;
    max-height: 0;
    webkit-transition: padding 0.15s, max-height 0.15s;
    transition: padding 0.15s, max-height 0.15s;
}

    .sweet-alert .sa-error-container.show {
        padding: 10px 0;
        max-height: 100px;
        webkit-transition: padding 0.2s, max-height 0.2s;
        transition: padding 0.25s, max-height 0.25s;
    }

    .sweet-alert .sa-error-container .icon {
        display: inline-block;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        background-color: #ea7d7d;
        color: white;
        line-height: 24px;
        text-align: center;
        margin-right: 3px;
    }

    .sweet-alert .sa-error-container p {
        display: inline-block;
    }

.sweet-alert .sa-input-error {
    position: absolute;
    top: 29px;
    right: 26px;
    width: 20px;
    height: 20px;
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
}

    .sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after {
        content: "";
        width: 20px;
        height: 6px;
        background-color: #f06e57;
        border-radius: 3px;
        position: absolute;
        top: 50%;
        margin-top: -4px;
        left: 50%;
        margin-left: -9px;
    }

    .sweet-alert .sa-input-error::before {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .sweet-alert .sa-input-error::after {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .sweet-alert .sa-input-error.show {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

.sweet-alert input {
    width: 100%;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #d7d7d7;
    height: 43px;
    margin-top: 10px;
    margin-bottom: 17px;
    font-size: 18px;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);
    padding: 0 12px;
    display: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

    .sweet-alert input:focus {
        outline: none;
        box-shadow: 0px 0px 3px #c4e6f5;
        border: 1px solid #b4dbed;
    }

        .sweet-alert input:focus::-moz-placeholder {
            transition: opacity 0.3s 0.03s ease;
            opacity: 0.5;
        }

        .sweet-alert input:focus:-ms-input-placeholder {
            transition: opacity 0.3s 0.03s ease;
            opacity: 0.5;
        }

        .sweet-alert input:focus::-webkit-input-placeholder {
            transition: opacity 0.3s 0.03s ease;
            opacity: 0.5;
        }

    .sweet-alert input::-moz-placeholder {
        color: #bdbdbd;
    }

    .sweet-alert input:-ms-input-placeholder {
        color: #bdbdbd;
    }

    .sweet-alert input::-webkit-input-placeholder {
        color: #bdbdbd;
    }

.sweet-alert.show-input input {
    display: block;
}

.sweet-alert .sa-confirm-button-container {
    display: inline-block;
    position: relative;
}

.sweet-alert .la-ball-fall {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -27px;
    margin-top: 4px;
    opacity: 0;
    visibility: hidden;
}

.sweet-alert button {
    /*background-color: #089000;*/ /*!important;*/
    color: white;
    border: none;
    box-shadow: none;
    font-size: 17px;
    font-weight: 500;
    -webkit-border-radius: 4px;
    border-radius: 5px;
    padding: 10px 32px;
    margin: 26px 5px 0 5px;
    cursor: pointer;
}

    .sweet-alert button:focus {
        outline: none;
        box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05);
    }

    .sweet-alert button:hover {
        background-color: #7ecff4;
    }

    .sweet-alert button:active {
        background-color: #5dc2f1;
    }

    .sweet-alert button.cancel {
        background-color: #C1C1C1;
    }

        .sweet-alert button.cancel:hover {
            background-color: #b9b9b9;
        }

        .sweet-alert button.cancel:active {
            background-color: #a8a8a8;
        }

        .sweet-alert button.cancel:focus {
            box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important;
        }

    .sweet-alert button[disabled] {
        opacity: .6;
        cursor: default;
    }

    .sweet-alert button.confirm[disabled] {
        color: transparent;
    }

        .sweet-alert button.confirm[disabled] ~ .la-ball-fall {
            opacity: 1;
            visibility: visible;
            transition-delay: 0s;
        }

    .sweet-alert button::-moz-focus-inner {
        border: 0;
    }

.sweet-alert[data-has-cancel-button=false] button {
    box-shadow: none !important;
}

.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
    padding-bottom: 40px;
}

.sweet-alert .sa-icon {
    width: 80px;
    height: 80px;
    border: 4px solid gray;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    border-radius: 50%;
    margin: 20px auto;
    padding: 0;
    position: relative;
    box-sizing: content-box;
}

    .sweet-alert .sa-icon.sa-error {
        border-color: #F27474;
    }

        .sweet-alert .sa-icon.sa-error .sa-x-mark {
            position: relative;
            display: block;
        }

        .sweet-alert .sa-icon.sa-error .sa-line {
            position: absolute;
            height: 5px;
            width: 47px;
            background-color: #F27474;
            display: block;
            top: 37px;
            border-radius: 2px;
        }

            .sweet-alert .sa-icon.sa-error .sa-line.sa-left {
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
                left: 17px;
            }

            .sweet-alert .sa-icon.sa-error .sa-line.sa-right {
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
                right: 16px;
            }

    .sweet-alert .sa-icon.sa-warning {
        border-color: #F8BB86;
    }

        .sweet-alert .sa-icon.sa-warning .sa-body {
            position: absolute;
            width: 5px;
            height: 47px;
            left: 50%;
            top: 10px;
            -webkit-border-radius: 2px;
            border-radius: 2px;
            margin-left: -2px;
            background-color: #F8BB86;
        }

        .sweet-alert .sa-icon.sa-warning .sa-dot {
            position: absolute;
            width: 7px;
            height: 7px;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            margin-left: -3px;
            left: 50%;
            bottom: 10px;
            background-color: #F8BB86;
        }

    .sweet-alert .sa-icon.sa-info {
        border-color: #C9DAE1;
    }

        .sweet-alert .sa-icon.sa-info::before {
            content: "";
            position: absolute;
            width: 5px;
            height: 29px;
            left: 50%;
            bottom: 17px;
            border-radius: 2px;
            margin-left: -2px;
            background-color: #C9DAE1;
        }

        .sweet-alert .sa-icon.sa-info::after {
            content: "";
            position: absolute;
            width: 7px;
            height: 7px;
            border-radius: 50%;
            margin-left: -3px;
            top: 19px;
            background-color: #C9DAE1;
        }

    .sweet-alert .sa-icon.sa-success {
        border-color: #A5DC86;
    }

        .sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after {
            content: '';
            -webkit-border-radius: 40px;
            border-radius: 40px;
            border-radius: 50%;
            position: absolute;
            width: 60px;
            height: 120px;
            background: white;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .sweet-alert .sa-icon.sa-success::before {
            -webkit-border-radius: 120px 0 0 120px;
            border-radius: 120px 0 0 120px;
            top: -7px;
            left: -33px;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -webkit-transform-origin: 60px 60px;
            transform-origin: 60px 60px;
        }

        .sweet-alert .sa-icon.sa-success::after {
            -webkit-border-radius: 0 120px 120px 0;
            border-radius: 0 120px 120px 0;
            top: -11px;
            left: 30px;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -webkit-transform-origin: 0px 60px;
            transform-origin: 0px 60px;
        }

        .sweet-alert .sa-icon.sa-success .sa-placeholder {
            width: 80px;
            height: 80px;
            border: 4px solid rgba(165, 220, 134, 0.2);
            -webkit-border-radius: 40px;
            border-radius: 40px;
            border-radius: 50%;
            box-sizing: content-box;
            position: absolute;
            left: -4px;
            top: -4px;
            z-index: 2;
        }

        .sweet-alert .sa-icon.sa-success .sa-fix {
            width: 5px;
            height: 90px;
            background-color: white;
            position: absolute;
            left: 28px;
            top: 8px;
            z-index: 1;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

        .sweet-alert .sa-icon.sa-success .sa-line {
            height: 5px;
            background-color: #A5DC86;
            display: block;
            border-radius: 2px;
            position: absolute;
            z-index: 2;
        }

            .sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
                width: 25px;
                left: 14px;
                top: 46px;
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
            }

            .sweet-alert .sa-icon.sa-success .sa-line.sa-long {
                width: 47px;
                right: 8px;
                top: 38px;
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
            }

    .sweet-alert .sa-icon.sa-custom {
        background-size: contain;
        border-radius: 0;
        border: none;
        background-position: center center;
        background-repeat: no-repeat;
    }

/*
 * Animations
 */
@-webkit-keyframes showSweetAlert {
    0% {
        transform: scale(0.7);
        -webkit-transform: scale(0.7);
    }

    45% {
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
    }

    80% {
        transform: scale(0.95);
        -webkit-transform: scale(0.95);
    }

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

@keyframes showSweetAlert {
    0% {
        transform: scale(0.7);
        -webkit-transform: scale(0.7);
    }

    45% {
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
    }

    80% {
        transform: scale(0.95);
        -webkit-transform: scale(0.95);
    }

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

@-webkit-keyframes hideSweetAlert {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }

    100% {
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
    }
}

@keyframes hideSweetAlert {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }

    100% {
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
    }
}

@-webkit-keyframes slideFromTop {
    0% {
        top: 0%;
    }

    100% {
        top: 50%;
    }
}

@keyframes slideFromTop {
    0% {
        top: 0%;
    }

    100% {
        top: 50%;
    }
}

@-webkit-keyframes slideToTop {
    0% {
        top: 50%;
    }

    100% {
        top: 0%;
    }
}

@keyframes slideToTop {
    0% {
        top: 50%;
    }

    100% {
        top: 0%;
    }
}

@-webkit-keyframes slideFromBottom {
    0% {
        top: 70%;
    }

    100% {
        top: 50%;
    }
}

@keyframes slideFromBottom {
    0% {
        top: 70%;
    }

    100% {
        top: 50%;
    }
}

@-webkit-keyframes slideToBottom {
    0% {
        top: 50%;
    }

    100% {
        top: 70%;
    }
}

@keyframes slideToBottom {
    0% {
        top: 50%;
    }

    100% {
        top: 70%;
    }
}

.showSweetAlert[data-animation=pop] {
    -webkit-animation: showSweetAlert 0.3s;
    animation: showSweetAlert 0.3s;
}

.showSweetAlert[data-animation=none] {
    -webkit-animation: none;
    animation: none;
}

.showSweetAlert[data-animation=slide-from-top] {
    -webkit-animation: slideFromTop 0.3s;
    animation: slideFromTop 0.3s;
}

.showSweetAlert[data-animation=slide-from-bottom] {
    -webkit-animation: slideFromBottom 0.3s;
    animation: slideFromBottom 0.3s;
}

.hideSweetAlert[data-animation=pop] {
    -webkit-animation: hideSweetAlert 0.2s;
    animation: hideSweetAlert 0.2s;
}

.hideSweetAlert[data-animation=none] {
    -webkit-animation: none;
    animation: none;
}

.hideSweetAlert[data-animation=slide-from-top] {
    -webkit-animation: slideToTop 0.4s;
    animation: slideToTop 0.4s;
}

.hideSweetAlert[data-animation=slide-from-bottom] {
    -webkit-animation: slideToBottom 0.3s;
    animation: slideToBottom 0.3s;
}

@-webkit-keyframes animateSuccessTip {
    0% {
        width: 0;
        left: 1px;
        top: 19px;
    }

    54% {
        width: 0;
        left: 1px;
        top: 19px;
    }

    70% {
        width: 50px;
        left: -8px;
        top: 37px;
    }

    84% {
        width: 17px;
        left: 21px;
        top: 48px;
    }

    100% {
        width: 25px;
        left: 14px;
        top: 45px;
    }
}

@keyframes animateSuccessTip {
    0% {
        width: 0;
        left: 1px;
        top: 19px;
    }

    54% {
        width: 0;
        left: 1px;
        top: 19px;
    }

    70% {
        width: 50px;
        left: -8px;
        top: 37px;
    }

    84% {
        width: 17px;
        left: 21px;
        top: 48px;
    }

    100% {
        width: 25px;
        left: 14px;
        top: 45px;
    }
}

@-webkit-keyframes animateSuccessLong {
    0% {
        width: 0;
        right: 46px;
        top: 54px;
    }

    65% {
        width: 0;
        right: 46px;
        top: 54px;
    }

    84% {
        width: 55px;
        right: 0px;
        top: 35px;
    }

    100% {
        width: 47px;
        right: 8px;
        top: 38px;
    }
}

@keyframes animateSuccessLong {
    0% {
        width: 0;
        right: 46px;
        top: 54px;
    }

    65% {
        width: 0;
        right: 46px;
        top: 54px;
    }

    84% {
        width: 55px;
        right: 0px;
        top: 35px;
    }

    100% {
        width: 47px;
        right: 8px;
        top: 38px;
    }
}

@-webkit-keyframes rotatePlaceholder {
    0% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    5% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    12% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg);
    }

    100% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg);
    }
}

@keyframes rotatePlaceholder {
    0% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    5% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    12% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg);
    }

    100% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg);
    }
}

.animateSuccessTip {
    -webkit-animation: animateSuccessTip 0.75s;
    animation: animateSuccessTip 0.75s;
}

.animateSuccessLong {
    -webkit-animation: animateSuccessLong 0.75s;
    animation: animateSuccessLong 0.75s;
}

.sa-icon.sa-success.animate::after {
    -webkit-animation: rotatePlaceholder 4.25s ease-in;
    animation: rotatePlaceholder 4.25s ease-in;
}

@-webkit-keyframes animateErrorIcon {
    0% {
        transform: rotateX(100deg);
        -webkit-transform: rotateX(100deg);
        opacity: 0;
    }

    100% {
        transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        opacity: 1;
    }
}

@keyframes animateErrorIcon {
    0% {
        transform: rotateX(100deg);
        -webkit-transform: rotateX(100deg);
        opacity: 0;
    }

    100% {
        transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        opacity: 1;
    }
}

.animateErrorIcon {
    -webkit-animation: animateErrorIcon 0.5s;
    animation: animateErrorIcon 0.5s;
}

@-webkit-keyframes animateXMark {
    0% {
        transform: scale(0.4);
        -webkit-transform: scale(0.4);
        margin-top: 26px;
        opacity: 0;
    }

    50% {
        transform: scale(0.4);
        -webkit-transform: scale(0.4);
        margin-top: 26px;
        opacity: 0;
    }

    80% {
        transform: scale(1.15);
        -webkit-transform: scale(1.15);
        margin-top: -6px;
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        margin-top: 0;
        opacity: 1;
    }
}

@keyframes animateXMark {
    0% {
        transform: scale(0.4);
        -webkit-transform: scale(0.4);
        margin-top: 26px;
        opacity: 0;
    }

    50% {
        transform: scale(0.4);
        -webkit-transform: scale(0.4);
        margin-top: 26px;
        opacity: 0;
    }

    80% {
        transform: scale(1.15);
        -webkit-transform: scale(1.15);
        margin-top: -6px;
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        margin-top: 0;
        opacity: 1;
    }
}

.animateXMark {
    -webkit-animation: animateXMark 0.5s;
    animation: animateXMark 0.5s;
}

@-webkit-keyframes pulseWarning {
    0% {
        border-color: #F8D486;
    }

    100% {
        border-color: #F8BB86;
    }
}

@keyframes pulseWarning {
    0% {
        border-color: #F8D486;
    }

    100% {
        border-color: #F8BB86;
    }
}

.pulseWarning {
    -webkit-animation: pulseWarning 0.75s infinite alternate;
    animation: pulseWarning 0.75s infinite alternate;
}

@-webkit-keyframes pulseWarningIns {
    0% {
        background-color: #F8D486;
    }

    100% {
        background-color: #F8BB86;
    }
}

@keyframes pulseWarningIns {
    0% {
        background-color: #F8D486;
    }

    100% {
        background-color: #F8BB86;
    }
}

.pulseWarningIns {
    -webkit-animation: pulseWarningIns 0.75s infinite alternate;
    animation: pulseWarningIns 0.75s infinite alternate;
}

@-webkit-keyframes rotate-loading {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotate-loading {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Internet Explorer 9 has some special quirks that are fixed here */
/* The icons are not animated. */
/* This file is automatically merged into sweet-alert.min.js through Gulp */
/* Error icon */
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
    -ms-transform: rotate(45deg) \9;
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
    -ms-transform: rotate(-45deg) \9;
}

/* Success icon */
.sweet-alert .sa-icon.sa-success {
    border-color: transparent\9;
}

    .sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
        -ms-transform: rotate(45deg) \9;
    }

    .sweet-alert .sa-icon.sa-success .sa-line.sa-long {
        -ms-transform: rotate(-45deg) \9;
    }

/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-ball-fall,
.la-ball-fall > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.la-ball-fall {
    display: block;
    font-size: 0;
    color: #fff;
}

    .la-ball-fall.la-dark {
        color: #333;
    }

    .la-ball-fall > div {
        display: inline-block;
        float: none;
        background-color: currentColor;
        border: 0 solid currentColor;
    }

.la-ball-fall {
    width: 54px;
    height: 18px;
}

    .la-ball-fall > div {
        width: 10px;
        height: 10px;
        margin: 4px;
        border-radius: 100%;
        opacity: 0;
        -webkit-animation: ball-fall 1s ease-in-out infinite;
        -moz-animation: ball-fall 1s ease-in-out infinite;
        -o-animation: ball-fall 1s ease-in-out infinite;
        animation: ball-fall 1s ease-in-out infinite;
    }

        .la-ball-fall > div:nth-child(1) {
            -webkit-animation-delay: -200ms;
            -moz-animation-delay: -200ms;
            -o-animation-delay: -200ms;
            animation-delay: -200ms;
        }

        .la-ball-fall > div:nth-child(2) {
            -webkit-animation-delay: -100ms;
            -moz-animation-delay: -100ms;
            -o-animation-delay: -100ms;
            animation-delay: -100ms;
        }

        .la-ball-fall > div:nth-child(3) {
            -webkit-animation-delay: 0ms;
            -moz-animation-delay: 0ms;
            -o-animation-delay: 0ms;
            animation-delay: 0ms;
        }

    .la-ball-fall.la-sm {
        width: 26px;
        height: 8px;
    }

        .la-ball-fall.la-sm > div {
            width: 4px;
            height: 4px;
            margin: 2px;
        }

    .la-ball-fall.la-2x {
        width: 108px;
        height: 36px;
    }

        .la-ball-fall.la-2x > div {
            width: 20px;
            height: 20px;
            margin: 8px;
        }

    .la-ball-fall.la-3x {
        width: 162px;
        height: 54px;
    }

        .la-ball-fall.la-3x > div {
            width: 30px;
            height: 30px;
            margin: 12px;
        }

/*
 * Animation
 */
@-webkit-keyframes ball-fall {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-145%);
        transform: translateY(-145%);
    }

    10% {
        opacity: .5;
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    80% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    90% {
        opacity: .5;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(145%);
        transform: translateY(145%);
    }
}

@-moz-keyframes ball-fall {
    0% {
        opacity: 0;
        -moz-transform: translateY(-145%);
        transform: translateY(-145%);
    }

    10% {
        opacity: .5;
    }

    20% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

    80% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

    90% {
        opacity: .5;
    }

    100% {
        opacity: 0;
        -moz-transform: translateY(145%);
        transform: translateY(145%);
    }
}

@-o-keyframes ball-fall {
    0% {
        opacity: 0;
        -o-transform: translateY(-145%);
        transform: translateY(-145%);
    }

    10% {
        opacity: .5;
    }

    20% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    80% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    90% {
        opacity: .5;
    }

    100% {
        opacity: 0;
        -o-transform: translateY(145%);
        transform: translateY(145%);
    }
}

@keyframes ball-fall {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-145%);
        -moz-transform: translateY(-145%);
        -o-transform: translateY(-145%);
        transform: translateY(-145%);
    }

    10% {
        opacity: .5;
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    80% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    90% {
        opacity: .5;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(145%);
        -moz-transform: translateY(145%);
        -o-transform: translateY(145%);
        transform: translateY(145%);
    }
}

*,
*::after,
*::before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

ul {
    list-style: none;
}

a {
    text-decoration: none;
    color: inherit;
    outline: none;
}

hr {
    margin: 0.5rem 0;
    opacity: 0.1;
    border: none;
    border-bottom: 1px solid #b6cefc;
}

body {
    font-family: 'Inter', sans-serif;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
/* shadow css*/
.shadow-1 {
    box-shadow: -2px 5px 20px 4px rgb(0 0 0 / 9%);
}

.shadow-inherit {
    box-shadow: inherit !important;
}

.shadow-down {
    box-shadow: 0px 11px 10px rgb(0 0 0 / 9%);
}
/*radius*/
.border-radius-8 {
    border-radius: 8px;
}
/*bg*/
.background-inherit {
    background: inherit !important;
}

.white-bg {
    background: #fff !important;
}

.red-bg {
    background: #d62601;
}

.yello-bg {
    background: #fe9300 !important;
}

.orange-bg {
    background: #f67a08 !important;
}

.violet-bg {
    background: #3d0972 !important;
}

.green-bg {
    background: #1fb05a !important;
}

.blue-bg {
    background: #14c4ff !important;
    box-shadow: -2px 5px 20px 4px rgb(0 0 0 / 9%);
}

.greay-bg {
    background: #f3f3f5 !important;
}

.violet-border {
    background: #fff !important;
    border: 1px solid #3d0972 !important;
    color: #3d0972 !important;
    cursor: pointer;
}


.yello-border {
    border: 1px solid #f6790b !important;
    color: #f6790b !important;
    background: #fff !important;
    cursor: pointer;
}

/*color*/
.red {
    color: #ff0000;
}

.orange {
    color: #f6790b;
}

.navy-dark {
    color: #3D0972 !important;
}

.text-white {
    color: #fff !important;
}

.navy-dark-bg {
    background: #3D0972 !important;
}

/* padding*/
.padd-left-0 {
    padding-left: 0 !important;
}

.padd-right-0 {
    padding-right: 0 !important;
}
/*MARGIN-CSS*/
.mt-2 {
    margin-top: 10px;
}

.mt-3 {
    margin-top: 15px;
}

.mt-4 {
    margin-top: 20px;
}

.mt-6 {
    margin-top: 30px;
}

.mt-8, .mt-40 {
    margin-top: 40px;
}

.mb-2 {
    margin-bottom: 10px;
}

.mb-2 {
    margin-bottom: 10px;
}

.mb-3 {
    margin-bottom: 15px;
}

.mb-4 {
    margin-bottom: 20px;
}

.mb-5 {
    margin-bottom: 25px;
}

.mb-6 {
    margin-bottom: 30px !important;
}

.mb-8 {
    margin-bottom: 40px !important;
}

.mb-r-6 {
    margin-left: 30px;
}
/*padding css*/
.padd-left-0 {
    padding-left: 0 !important;
}

.padd-right-0 {
    padding-right: 0 !important;
}

.padd-0 {
    padding: 0 !important;
}

.pt-0 {
    padding-top: 0px !important;
}

.padd-top-12-12 {
    padding: 12px 12px !important;
}

.padd-0-30-20 {
    padding: 0 30px 20px !important;
}

.padd-20-30-0 {
    padding: 20px 30px 0 !important
}

.padd-50-0-0 {
    padding: 50px 0 0 !important
}

.flex-show {
    display: flex !important;
}
/*position*/
.realtive {
    position: relative;
}
/**/
.container {
    width: 1320px;
    margin: 0 auto;
}

.row {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
/*FLEX-CSS*/
.d-flex {
    display: flex;
}

.dtn-row {
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

.direction-column {
    flex-direction: column;
    flex-wrap: wrap;
}

.justify-between {
    justify-content: space-between;
}

.justify-center {
    justify-content: center;
}

.justify-end {
    justify-content: flex-end;
}

.justify-start {
    justify-content: flex-start;
}

.align-stretch {
    align-items: stretch;
}

.align-center {
    align-items: center;
}
/*w--*/

.w-10 {
    width: 10% !important;
}

.w-20 {
    width: 20% !important;
}

.w-30 {
    width: 30% !important;
}

.w-40 {
    width: 40% !important;
}

.w-50 {
    width: 50% !important;
}

.w-60 {
    width: 60% !important;
}

.w-70 {
    width: 70% !important;
}

.w-75 {
    width: 75% !important;
}

.w-80 {
    width: 80% !important;
}

.w-90 {
    width: 90% !important;
}

.w-100 {
    width: 100% !important;
}

/*GRID CSS*/
.ges-col-xxl-1, .ges-col-xxl-2, .ges-col-xxl-3, .ges-col-xxl-4, .ges-col-xxl-5, .ges-col-xxl-6, .ges-col-xxl-7, .ges-col-xxl-8, .ges-col-xxl-9, .ges-col-xxl-10, .ges-col-xxl-11, .ges-col-xxl-12,
.ges-col-xl-1, .ges-col-xl-2, .ges-col-xl-3, .ges-col-xl-4, .ges-col-xl-5, .ges-col-xl-6, .ges-col-xl-7, .ges-col-xl-8, .ges-col-xl-9, .ges-col-xl-10, .ges-col-xl-11, .ges-col-xl-12,
.ges-col-lg-1, .ges-col-lg-2, .ges-col-lg-3, .ges-col-lg-4, .ges-col-lg-5, .ges-col-lg-6, .ges-col-lg-7, .ges-col-lg-8, .ges-col-lg-9, .ges-col-lg-10, .ges-col-lg-11, .ges-col-lg-12,
.ges-col-min-top-1, .ges-col-min-top-2, .ges-col-min-top-3, .ges-col-min-top-4, .ges-col-min-top-5, .ges-col-min-top-6, .ges-col-min-top-7, .ges-col-min-top-8, .ges-col-min-top-9, .ges-col-min-top-10, .ges-col-min-top-11, .ges-col-min-top-12,
.ges-col-ipl-1, .ges-col-ipl-2, .ges-col-ipl-3, .ges-col-ipl-4, .ges-col-ipl-5, .ges-col-ipl-6, .ges-col-ipl-7, .ges-col-ipl-8, .ges-col-ipl-9, .ges-col-ipl-10, .ges-col-ipl-11, .ges-col-ipl-12,
.ges-col-ipmin-1, .ges-col-ipmin-2, .ges-col-ipmin-3, .ges-col-ipmin-4, .ges-col-ipmin-5, .ges-col-ipmin-6, .ges-col-ipmin-7, .ges-col-ipmin-8, .ges-col-ipmin-9, .ges-col-ipmin-10, .ges-col-ipl-11, .ges-col-ipl-12,
.ges-col-md-1, .ges-col-md-2, .ges-col-md-3, .ges-col-md-4, .ges-col-md-5, .ges-col-md-6, .ges-col-md-7, .ges-col-md-8, .ges-col-md-9, .ges-col-md-10, .ges-col-md-11, .ges-col-md-12,
.ges-col-mb-lg-1, .ges-col-mb-lg-2, .ges-col-mb-lg-3, .ges-col-mb-lg-4, .ges-col-mb-lg-5, .ges-col-mb-lg-6, .ges-col-mb-lg-7, .ges-col-mb-lg-8, .ges-col-mb-lg-9, .ges-col-mb-lg-10, .ges-col-mb-lg-11, .ges-col-mb-lg-12,
.ges-col-sm-1, .ges-col-sm-2, .ges-col-sm-3, .ges-col-sm-4, .ges-col-sm-5, .ges-col-sm-6, .ges-col-sm-7, .ges-col-sm-8, .ges-col-sm-9, .ges-col-sm-10, .ges-col-sm-11, .ges-col-sm-12,
.ges-col-1, .ges-col-2, .ges-col-3, .ges-col-4, .ges-col-5, .ges-col-6, .ges-col-7, .ges-col-8, .ges-col-9, .ges-col-10, .ges-col-11, .ges-col-12 {
    padding-left: 15px;
    padding-right: 15px;
}

.ges-col-xxl-1 {
    width: 8.33333333% !important;
}

.ges-col-xxl-2 {
    width: 16.66666667% !important;
}

.ges-col-xxl-3 {
    width: 25% !important;
}

.ges-col-xxl-4 {
    width: 33.33333333% !important;
}

.ges-col-xxl-5 {
    width: 41.66666667% !important;
}

.ges-col-xxl-6 {
    width: 50% !important;
}

.ges-col-xxl-7 {
    width: 58.33333333% !important;
}

.ges-col-xxl-8 {
    width: 66.66666667% !important;
}

.ges-col-xxl-9 {
    width: 75% !important;
}

.ges-col-xxl-10 {
    width: 83.33333333% !important;
}

.ges-col-xxl-11 {
    width: 91.66666667% !important;
}

.ges-col-xxl-12 {
    width: 100% !important;
}
/*Nav css*/

/*=========header css=======*/
.header-wrapp {
    width: 100%;
    background: #3D0972;
    padding: 0;
}

    .header-wrapp .header-left {
        /*        width: 88.5%;*/
        width: 85.5%;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        padding: 50px 0 20px;
        align-items: center;
        position: relative;
        flex-wrap: wrap;
    }

        .header-wrapp .header-left .logo {
            width: 140px;
            position: absolute;
            left: 0;
            top: 10px;
            z-index: 9;
            background: #3d0972;
            -webkit-border-bottom-right-radius: 30px;
            -webkit-border-bottom-left-radius: 30px;
            -moz-border-radius-bottomright: 30px;
            -moz-border-radius-bottomleft: 30px;
            border-bottom-right-radius: 68px;
            border-bottom-left-radius: 69px;
            padding-bottom: 20px;
        }

            .header-wrapp .header-left .logo img {
                width: 100%;
            }

        .header-wrapp .header-left .search-set {
            width: 720px;
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            justify-content: flex-start;
            position: relative;
            margin-left: 34px;
        }

            .header-wrapp .header-left .search-set input {
                width: 450px;
                background: #F9F9F9;
                padding: 15px 18px;
                height: 42px;
                outline: none;
                border: none;
            }

                .header-wrapp .header-left .search-set input[type="search"]::-webkit-search-decoration,
                .header-wrapp .header-left .search-set input[type="search"]::-webkit-search-cancel-button,
                .header-wrapp .header-left .search-set input[type="search"]::-webkit-search-results-button,
                .header-wrapp .header-left .search-set input[type="search"]::-webkit-search-results-decoration {
                    display: none;
                }

                .header-wrapp .header-left .search-set input :focus {
                    outline: none;
                }

            .header-wrapp .header-left .search-set .search-btn {
                width: 127px;
                height: 42px;
                background: #F6790B;
                -webkit-border-top-right-radius: 4px;
                -webkit-border-bottom-right-radius: 4px;
                -moz-border-radius-topright: 4px;
                -moz-border-radius-bottomright: 4px;
                border-top-right-radius: 4px;
                border-bottom-right-radius: 4px;
                border: none;
                color: #fff;
                font-size: 14px;
                font-weight: 500;
                text-align: left;
                display: flex;
                align-items: center;
                font-weight: 500;
                font-family: 'Inter', sans-serif !important;
                cursor: pointer;
            }

                .header-wrapp .header-left .search-set .search-btn i {
                    margin-right: 15px;
                    margin-left: 15px;
                }

#list-search {
    width: 500px;
    position: absolute;
    top: 41px;
    z-index: 999;
    left: 127px;
    background: #FFFFFF;
    box-shadow: 0px 0px 19px rgb(0 0 0 / 15%);
    -webkit-border-radius: 8px;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius: 8px;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    border-radius: 8px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    display: none;
    max-height: 250px;
    overflow-y: auto;
}

    #list-search li {
        width: 100%;
        list-style: none;
        padding: 7px 12px;
        border-bottom: 1px solid #CFCFCF;
    }

        #list-search li:last-child {
            border-bottom: 1px solid transparent;
        }

        #list-search li a {
            color: #181264;
            text-decoration: none;
            font-weight: normal;
            font-size: 13px;
        }

.header-wrapp .header-left .search-set .searchlocation {
    width: 127px;
    position: absolute;
    top: 40px;
    z-index: 999;
    left: 0px;
    background: #FFFFFF;
    box-shadow: 0px 0px 19px rgb(0 0 0 / 15%);
    display: none;
}

    .header-wrapp .header-left .search-set .searchlocation input {
        width: 100%;
        background: #F9F9F9;
        padding: 15px 5px;
        height: 42px;
        outline: none;
        border: none;
    }

        .header-wrapp .header-left .search-set .searchlocation input::-webkit-input-placeholder, .header-wrapp .header-left .search-set .searchlocation input::-moz-placeholder, .header-wrapp .header-left .search-set .searchlocation input::placeholder, .header-wrapp .header-left .search-set .searchlocation input:-ms-input-placeholder {
            font-size: 12px;
        }

    .header-wrapp .header-left .search-set .searchlocation .search-btn {
        width: 25px;
        height: 25px;
        margin-left: 0;
        background: #fff;
        border: none;
        color: #F6790B;
        font-size: 14px;
        font-weight: 500;
        text-align: left;
        display: flex;
        align-items: center;
        font-weight: 500;
        font-family: 'Inter', sans-serif !important;
        position: absolute;
        top: 7px;
        right: 0;
    }

        .header-wrapp .header-left .search-set .searchlocation .search-btn i {
            margin-left: 5px;
        }

.header-wrapp .header-left .select-list {
    width: 127px;
    height: 42px;
    border: none;
    background: #F2E6FF;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #3D3D3D;
    font-weight: 500;
    text-align: left;
    display: flex;
    align-items: center;
    font-family: 'Inter', sans-serif !important;
    cursor: pointer;
}

    .header-wrapp .header-left .select-list i {
        margin-right: 15px;
        margin-left: 15px;
        font-size: 24px;
    }

.header-wrapp .header-left .sph-set {
    width: 52px;
    display: flex;
    align-items: center;
    font-family: 'Inter', sans-serif !important;
    justify-content: space-between;
}

.header-wrapp .header-left .left-nav {
    width: 218px;
    display: flex;
    align-items: center;
}

    .header-wrapp .header-left .left-nav ul {
        width: 100%;
        display: flex;
        justify-content: space-around;
    }

        .header-wrapp .header-left .left-nav ul li {
            list-style: none;
            padding: 0 15px;
        }

            .header-wrapp .header-left .left-nav ul li a {
                color: #FFF;
                font-size: 13px;
                font-weight: 600;
                cursor: pointer;
            }

                .header-wrapp .header-left .left-nav ul li a:hover {
                    color: #F6790B;
                }

.header-wrapp .sign-set {
    width: 21%;
    border-left: 1px solid #ffffffd1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    position: relative;
}

.header-wrapp .help-lang-set {
    /*    width: 120px;*/
    width: 160px;
    border-left: 1px solid #ffffffd1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    position: relative;
    /*    padding-left: 30px;*/
    padding-left: 22px;
}

.header-wrapp .sign-set .dropdown-container .dropdown-menu {
    margin-top: 0 !important;
    right: 0;
    left: inherit;
}

.header-wrapp .sign-set .dropdown-menu::before {
    right: 48px;
    left: inherit;
}

.header-wrapp .sign-set .dropdown-menu .sign-join {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 7px 10px 0;
    justify-content: center;
    border-bottom: 1px solid #eee;
}

    .header-wrapp .sign-set .dropdown-menu .sign-join button {
        width: 100px;
        padding: 10px;
        border-radius: 4px;
        border: none;
        outline: none;
        background: #3d0972;
        color: #fff;
    }

    .header-wrapp .sign-set .dropdown-menu .sign-join p {
        width: 100%;
        padding: 8px 0;
        margin: 0;
        color: #585858;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 14px;
    }

        .header-wrapp .sign-set .dropdown-menu .sign-join p a {
            text-decoration: none;
            display: block;
            color: #F6790B !important;
            font-size: 13px;
            padding: 5px;
            font-weight: 600;
        }

.header-wrapp .sign-set a {
    color: #FFF;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

.shop-icon {
    background: url(/wwwroot/assets-home/images/shop.png) no-repeat top center;
}

.sell-icon {
    background: url(/wwwroot/assets-home/images/shell.png) no-repeat top center;
}

.payment-icon {
    background: url(/wwwroot/assets-home/images/paymen.png) no-repeat top center;
}

.help-icon {
    background: url(/wwwroot/assets-home/images/help-icon.png) no-repeat top center;
}

.sign-icon {
    background: url(/wwwroot/assets-home/images/sign.png) no-repeat top center;
}
/*nav */
.nav-wrapp {
    width: 84%;
    display: flex;
    flex-flow: row wrap;
    padding: 26px 0 0;
}

    .nav-wrapp ul {
        width: 100%;
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
    }

        .nav-wrapp ul li {
            list-style: none;
        }

            .nav-wrapp ul li a {
                color: #fff;
                font-family: 'Inter', sans-serif !important;
                font-size: 14px;
                font-weight: 300;
                letter-spacing: 0.5px;
                font-style: normal;
            }

                .nav-wrapp ul li a:hover {
                    color: #F6790B;
                }
/**/
.sign-in-up {
    width: 144px;
    padding: 8px 20px;
    background: #f6790b;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    border: none;
    color: #fff;
    font-size: 12px;
    text-align: center;
    display: flex;
    align-items: center;
    font-weight: 500;
    font-family: 'Inter', sans-serif !important;
    cursor: pointer;
    flex-direction: row;
    justify-content: center;
    position: relative;
    margin-left: 50px;
}

    .sign-in-up:before {
        content: "";
        background: url(/wwwroot/assets-home/images/sign.png) no-repeat top center;
        width: 18px;
        height: 21px;
        position: absolute;
        top: -30px;
        z-index: 1;
    }
/* Dropdown menu css */
.header-wrapp .header-left .sph-set .dropdown-container {
    position: relative;
}

.dropdown-container .dropdown-toggle {
    color: #FFF;
    font-size: 13px;
    padding: 4px 20px 0;
    font-weight: 600;
    cursor: pointer;
    position: relative;
    transition: all ease-in-out 0.3s;
}

    .dropdown-container .dropdown-toggle label {
        cursor: pointer;
        width: 100%;
    }

    .dropdown-container .dropdown-toggle:hover, .dropdown-container .dropdown-toggle:active, .dropdown-container .dropdown-toggle:focus {
        color: #ffffff;
    }

.dropdown-container .dropdown-menu {
    width: 250px;
    margin-top: 34px;
    position: absolute;
    right: 26px;
    top: 79px;
    display: none;
    background-color: #ffffff;
    z-index: 10;
    box-shadow: -2px 3px 15px 6px rgb(0 0 0 / 10%);
}

    .dropdown-container .dropdown-menu ul {
        list-style: none;
        padding: 0;
        margin: 0;
        overflow: hidden;
        z-index: 10;
        display: flex;
        flex-direction: column;
    }

    .dropdown-container .dropdown-menu i {
        margin-right: 10px;
    }

    .dropdown-container .dropdown-menu ul li {
        list-style: none;
        color: #717171 !important;
        font-size: 13px;
        width: 100%;
        padding: 0 !important;
        font-family: 'Inter', sans-serif;
        border-bottom: 1px solid #f1f1f1;
    }

        .dropdown-container .dropdown-menu ul li a {
            padding: 12px 10px !important;
            color: #4c4b4b !important;
            font-weight: 400;
            font-size: 13px;
            word-spacing: 2px;
        }

            .dropdown-container .dropdown-menu ul li a:hover {
                padding: 12px 10px !important;
                color: #4c4b4b !important;
                font-weight: 400;
                font-size: 13px;
                background: #eee;
                word-spacing: 2px;
            }

    .dropdown-container .dropdown-menu a {
        text-decoration: none;
        display: block;
        color: #717171 !important;
        font-size: 13px;
        padding: 16px 20px;
        font-weight: 400;
        transition: all ease-in-out 0.3s;
    }

        .dropdown-container .dropdown-menu a:hover, .dropdown-container .dropdown-menu a:active, .dropdown-container .dropdown-menu a:focus {
            color: #717171;
        }

.dropdown-menu,
.dropdown-toggle {
    position: relative;
}

    .dropdown-menu::before {
        content: "";
        position: absolute;
        right: 46px;
        top: 50%;
        transform: translateY(-50%) rotate(45deg);
        border: 5px solid;
        border-top-color: rgba(255, 255, 255, 0);
        border-left-color: rgba(255, 255, 255, 0);
        margin-top: -2.5px;
        background-color: rgba(255, 255, 255, 0);
        transition: all ease-in-out 0.2s;
    }

.dropdown-menu {
    z-index: 10;
    position: relative;
}

    .dropdown-menu::before {
        z-index: -1;
        transform: rotate(-135deg);
        top: -4px;
        border-color: #ffffff;
        box-shadow: 1px 1px 4px -2px rgba(0, 0, 0, 0.4);
    }

.dropdown-open .dropdown-menu.dropdown-active {
    display: block;
}

.dropdown-container.dropdown-open .dropdown-toggle {
    color: #ffffff;
}
/* .dropdown-container.dropdown-open .dropdown-toggle:before {
    transform: rotate(-135deg);
  } */

.dropdown-bordered .dropdown-toggle {
    width: auto;
}

    .dropdown-bordered .dropdown-toggle:hover, .dropdown-bordered .dropdown-toggle:active, .dropdown-bordered .dropdown-toggle:focus {
        color: #ffffff;
    }

.dropdown-bordered .dropdown-menu {
    border: 1px solid #ebe6e6;
    border-radius: 4px;
}

    .dropdown-bordered .dropdown-menu::before {
        border-color: #f1f1f1;
    }

    .dropdown-bordered .dropdown-menu a {
        box-shadow: none;
    }

    .dropdown-bordered .dropdown-menu li:last-child a {
        border-bottom: 0;
    }

/* .dropdown-gradient .dropdown-toggle,
  .dropdown-gradient .dropdown-menu,
  .dropdown-gradient a {
    background: #ff3131;
    background: -moz-linear-gradient(262deg, #ff3131 11%, #5400ff 100%);
    background: -webkit-linear-gradient(262deg, #ff3131 11%, #5400ff 100%);
    background: linear-gradient(262deg, #ff3131 11%, #5400ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff3131",endColorstr="#5400ff",GradientType=1);
    color: #ffffff;
  }
  .dropdown-gradient .dropdown-toggle::before {
    color: #ffffff;
  }
  .dropdown-gradient .dropdown-menu a {
    background: none;
    box-shadow: none;
    color: #ffffff;
  }
  .dropdown-gradient .dropdown-menu a:hover, .dropdown-gradient .dropdown-menu a:active, .dropdown-gradient .dropdown-menu a:focus {
    background: #ff3131;
    background: -moz-linear-gradient(66deg, #ff3131 11%, #5400ff 100%);
    background: -webkit-linear-gradient(66deg, #ff3131 11%, #5400ff 100%);
    background: linear-gradient(66deg, #ff3131 11%, #5400ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff3131",endColorstr="#5400ff",GradientType=1);
  } */
.dropdown-gradient .dropdown-menu::before {
    box-shadow: none;
    border-color: #ff3131;
}

/* .dropdown-solid .dropdown-toggle,
  .dropdown-solid .dropdown-menu {
    background-color: #0979CE;
    color: #ffffff;
  }
  .dropdown-solid .dropdown-menu a {
    color: #ffffff;
  }
  .dropdown-solid .dropdown-menu a:hover, .dropdown-solid .dropdown-menu a:active, .dropdown-solid .dropdown-menu a:focus {
    background-color: #ffffff;
    color: #000000;
  }
  .dropdown-solid .dropdown-menu::before {
    border-color: #0979CE;
  } */
/*help */
.dropdown-menu .help-find {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 10px;
    justify-content: space-between;
    border-bottom: 1px solid #eee;
}

    .dropdown-menu .help-find p {
        font-size: 14px;
        font-weight: 400;
        color: #999696;
        padding: 5px 0;
        word-spacing: 2px;
    }

    .dropdown-menu .help-find .buying-sell-set {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

        .dropdown-menu .help-find .buying-sell-set a {
            padding: 10px 6px;
        }

            .dropdown-menu .help-find .buying-sell-set a:hover {
                padding: 10px 6px;
                background-color: #eee;
            }

.email-icon {
    padding: 0 0 0 10px;
    line-height: 31px;
    font-weight: 600;
}
/*Banner  section*/
.banner-wrapp {
    width: 100%;
    margin: 0 auto;
}

.responsive-map {
    overflow: hidden;
    padding-bottom: 24.25%;
    position: relative;
    height: 0;
}

    .responsive-map iframe {
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        position: absolute;
    }

.banner-wrapp .box-card, .services-payment-wrapp .box-card {
    background: #FFFFFF;
    -webkit-border-radius: 30px;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius: 30px;
    -moz-border-radius-topright: 0;
    border-radius: 30px;
    border-top-right-radius: 0;
    width: 100%;
    padding: 13px 42px 0;
    box-shadow: 0px 2px 14px 1px rgba(0, 0, 0, 0.09);
}
.card2-radius {
    border-radius: 25px 0 0 25px !important;
}
.seller-box{height: 333px; overflow: auto;}
    .banner-wrapp .box-card h2, .breadcrumb-wrapp h2, .services-payment-wrapp .box-card h2 {
        color: #3D0972;
        font-size: 23px;
        font-weight: 700;
        padding-bottom: 25px;
        text-align: center;
        line-height: 28px;
        font-family: 'Inter', sans-serif !important;
    }

    .banner-wrapp .box-card .show-number-cunt, .services-payment-wrapp .box-card .show-number-cunt {
        display: flex;
        position: relative;
        width: 100%;
        justify-content: flex-end;
    }

        .banner-wrapp .box-card .show-number-cunt .select-code, .services-payment-wrapp .box-card .show-number-cunt .select-code {
            width: 20%;
            position: absolute;
            left: 0;
            font-family: 'Inter', sans-serif !important;
        }

            .banner-wrapp .box-card .show-number-cunt .select-code input, .services-payment-wrapp .box-card .show-number-cunt .select-code input {
                background: #F6790B;
                border-radius: 4px;
                border: 1px solid #F6790B;
                color: #fff;
                padding: 14px 4px;
            }

                .banner-wrapp .box-card .show-number-cunt .select-code input::-webkit-input-placeholder,
                .services-payment-wrapp .box-card .show-number-cunt .select-code input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
                    color: #fff;
                    font-weight: 500;
                    font-size: 15px;
                }

                .banner-wrapp .box-card .show-number-cunt .select-code input::-moz-placeholder,
                .services-payment-wrapp .box-card .show-number-cunt .select-code input::-moz-placeholder { /* Firefox 19+ */
                    color: #fff;
                    font-weight: 500;
                    font-size: 15px;
                }

                .banner-wrapp .box-card .show-number-cunt .select-code input:-ms-input-placeholder,
                .services-payment-wrapp .box-card .show-number-cunt .select-code input:-ms-input-placeholder { /* IE 10+ */
                    color: #fff;
                    font-weight: 500;
                    font-size: 15px;
                }

                .banner-wrapp .box-card .show-number-cunt .select-code input:-moz-placeholder,
                .services-payment-wrapp .box-card .show-number-cunt .select-code input:-moz-placeholder { /* Firefox 18- */
                    color: #fff;
                }

        .banner-wrapp .box-card .show-number-cunt .number-value,
        .services-payment-wrapp .box-card .show-number-cunt .number-value {
            width: 82%;
            float: right;
            -webkit-border-top-right-radius: 4px;
            -webkit-border-bottom-right-radius: 4px;
            -moz-border-radius-topright: 4px;
            -moz-border-radius-bottomright: 4px;
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
            -webkit-border-top-left-radius: 0;
            -webkit-border-bottom-left-radius: 0;
            -moz-border-radius-topleft: 0;
            -moz-border-radius-bottomleft: 0;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }

/* form group*/
.form-group {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 10px 0 15px;
    align-items: center;
}

    .form-group input[type="text"], .form-group input[type="email"], .form-group input[type="number"], .form-group select, .form-group input[type="date"], .form-group textarea, .form-group input[type="datetime-local"], .form-group input[type="datetime"], .form-group input[type="time"] {
        width: 100%;
        height: 45px;
        line-height: 25px;
        background: transparent;
        border: 1px solid #C5C5C5;
        font-size: 14px;
        color: #a09e9e;
        border-radius: 4px;
        padding: 7px 15px;
        font-family: 'Inter', sans-serif !important;
    }

        .form-group input[type="text"]:focus, .form-group input[type="email"]:focus, .form-group input[type="number"]:focus, .form-group select, .form-group input[type="date"]:focus, .form-group input[type="datetime-local"]:focus, .form-group input[type="datetime"]:focus, .form-group textarea:focus, .form-group [type="time"]:focus {
            border: 1px solid #C5C5C5;
            outline: none;
        }

    .form-group input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: #8F8F8F;
        font-weight: 400;
        font-size: 15px;
        font-style: normal;
    }

    .form-group input ::-moz-placeholder { /* Firefox 19+ */
        color: #8F8F8F;
        font-weight: 400;
        font-size: 15px;
    }

    .form-group input :-ms-input-placeholder { /* IE 10+ */
        color: #8F8F8F;
        font-weight: 400;
        font-size: 15px;
        font-style: normal;
    }

    .form-group input :-moz-placeholder { /* Firefox 18- */
        color: #8F8F8F;
        font-weight: 500;
        font-size: 15px;
        font-style: normal;
    }

.btn-submit, .btn-cancel {
    background: #F6790B;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    cursor: pointer;
    padding: 10px 40px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    outline: none;
    border: none;
    outline: none;
    margin: 12px 10px 20px;
    font-family: 'Inter', sans-serif !important;
}

.btn-cancel {
    background: #d72e2e;
}

    .btn-submit:hover, .btn-cancel:hover {
        background: #F6790B;
        color: #fff;
        font-size: 18px;
        font-weight: 400;
        line-height: 24px;
        cursor: pointer;
        padding: 10px 40px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        outline: none;
        border: none;
        outline: none;
        margin: 12px 10px 20px;
        font-family: 'Inter', sans-serif !important;
        box-shadow: 0px 3px 11px 1px rgb(0 0 0 / 18%);
        -webkit-box-shadow: 0px 3px 11px 1px rgb(0 0 0 / 18%);
    }
/*brandlogo*/
.brand-wrapp {
    width: 100%;
    box-shadow: 1px 0px 11px 1px rgb(0 0 0 / 9%);
    padding: 30px 0;
    position: relative;
    background: #fafafa;
}

    .brand-wrapp ul {
        width: 100%;
        margin: 0;
        padding: 0;
        display: flex;
        flex-flow: row wrap;
    }

        .brand-wrapp ul li {
            list-style: none;
            width: 14%;
            padding: 0 5px;
            border-right: 1px solid #c6b3da96;
            display: flex;
            justify-content: center;
        }

            .brand-wrapp ul li:last-child {
                border: none;
            }

            .brand-wrapp ul li a {
                display: flex;
                align-items: center;
                font-size: 16px;
                text-decoration: none;
            }

            .brand-wrapp ul li img {
                width: 75px;
                margin-right: 4px;
            }

.location-price {
    margin-top: 4px;
    font-size: 20px;
    font-weight: 600;
    color: #363636;
    text-align: left;
    width: 100%;
    margin-bottom: 5px;
}

/* 
.brand-wrapp ul li:nth-child(1) img {
    width: 154px;
}

.brand-wrapp ul li:nth-child(2) img {
    width: 163px;
}

.brand-wrapp ul li:nth-child(3) img {
    width: 123px;
}

.brand-wrapp ul li:nth-child(4) img {
    width: 173px;
}

.brand-wrapp ul li:nth-child(5) img {
    width: 141px;
}

.brand-wrapp ul li:nth-child(6) {
    width: 10%;
}*/

.view-all-cat {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    padding: 0 0 0 5px;
    text-align: left;
    border: none;
    outline: none;
    background: url(/wwwroot/assets-home/images/viewall-arrow.png) no-repeat right center;
}
/*====Service & Payments===*/
.ser-payment-wrapp, .find-supplier-wrapp, .socio-economics-wrapp, .har-ghar-tiranga-wrapp, .advertise-wrapp {
    width: 100%;
    margin: 0 auto;
    padding: 54px 0;
    border-bottom: 1.5px solid #E9E9E9;
    position: relative;
}

    .ser-payment-wrapp ::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        background: url(/wwwroot/assets-home/images/serviceshape-right.png) no-repeat right top;
        width: 168px;
        height: 487px;
    }

    .ser-payment-wrapp h2, .find-supplier-wrapp h2, .socio-economics-wrapp h2 {
        color: #414141;
        font-family: 'Inter', sans-serif !important;
        font-style: normal;
        font-weight: 600;
        font-size: 30px;
        line-height: 36px;
        text-align: center;
        position: relative;
        margin-bottom: 48px;
    }

        .ser-payment-wrapp h2::before, .find-supplier-wrapp h2::before, .socio-economics-wrapp h2::before {
            content: "";
            width: 237px;
            height: 2px;
            background: #F6790B;
            position: absolute;
            left: 50%;
            top: 44px;
            transform: translate(-50%,-50%);
        }

    .ser-payment-wrapp img {
        width: 100%;
    }

    .ser-payment-wrapp .table-buy-wrapp {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .ser-payment-wrapp .payment-img {
        width: 100%;
        margin-top: -25px;
    }

    .ser-payment-wrapp .table-buy-wrapp .table-set {
        width: 100%;
    }

        .ser-payment-wrapp .table-buy-wrapp .table-set table, .services-payment-wrapp table {
            border-collapse: separate !important;
            border-spacing: 0;
            width: 100%;
            background: #FFF4E7;
            font-family: 'Inter', sans-serif !important;
        }

.bordered {
    border: solid #3D0972 1px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
}

.ser-payment-wrapp .table-buy-wrapp .bordered tr:hover {
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.ser-payment-wrapp .table-buy-wrapp .bordered td,
.ser-payment-wrapp .table-buy-wrapp .bordered th,
.services-payment-wrapp .bordered td,
.services-payment-wrapp .bordered th {
    border-left: 1px solid #3D0972;
    border-top: 1px solid #3D0972;
    padding: 10px;
    text-align: left;
    vertical-align: middle;
    font-size: 13px;
}

.ser-payment-wrapp .table-buy-wrapp .bordered td, .services-payment-wrapp .bordered td {
    color: #373737;
}

.ser-payment-wrapp .table-buy-wrapp .bordered th, .services-payment-wrapp .bordered th,
.services-payment-wrapp .bordered th, .services-payment-wrapp .bordered th {
    border-top: none;
    font-weight: 600;
    color: #3D0972;
}

.td-font-weight-600 {
    font-weight: 600;
}

.ser-payment-wrapp .table-buy-wrapp .bordered td:first-child,
.ser-payment-wrapp .table-buy-wrapp .bordered th:first-child,
.services-payment-wrapp .bordered th:first-child,
.services-payment-wrapp .bordered td:first-child,
.services-payment-wrapp .bordered th:first-child,
.services-payment-wrapp .bordered th:first-child {
    border-left: none;
}

.ser-payment-wrapp .table-buy-wrapp .bordered th:first-child, .services-payment-wrapp .bordered th:first-child {
    -moz-border-radius: 12px 0 0 0;
    -webkit-border-radius: 12px 0 0 0;
    border-radius: 12px 0 0 0;
}

.ser-payment-wrapp .table-buy-wrapp .bordered th:last-child, .services-payment-wrapp .bordered th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.ser-payment-wrapp .table-buy-wrapp .bordered th:only-child, .services-payment-wrapp .bordered th:only-child {
    -moz-border-radius: 12px 12px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.ser-payment-wrapp .table-buy-wrapp .bordered tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 12px;
    -webkit-border-radius: 0 0 0 12px;
    border-radius: 0 0 0 6px;
}

.ser-payment-wrapp .table-buy-wrapp .bordered tr:last-child td:last-child {
    -moz-border-radius: 0 0 12px 0;
    -webkit-border-radius: 0 0 12px 0;
    border-radius: 0 0 12px 0;
}

.buynow-set, .buynow-set ul {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

    .buynow-set ul li {
        list-style: none;
        padding: 10px 5px;
        margin-top: 15px;
    }

        .buynow-set ul li:last-child {
            padding-right: 0;
        }

        .buynow-set ul li button, .buynow-set ul li a {
            background: linear-gradient(180deg, #F6790B -51.85%, #BB0070 183.33%);
            border-radius: 3.075px;
            font-size: 14px;
            border: none;
            outline: none;
            padding: 9px 25px;
            color: #fff;
        }

            .buynow-set ul li button, .buynow-set ul li a:hover {
                background: linear-gradient(180deg, #BB0070 -51.85%, #F6790B 183.33%);
                box-shadow: 1px 4px 11px 1px rgb(0 0 0 / 15%);
            }
/*=======Find Suppliers from Top Cities=====*/
.find-supplier-wrapp {
    border: none;
}

    .find-supplier-wrapp font::before {
        visibility: hidden !important;
    }

    .find-supplier-wrapp ::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        background: url(/wwwroot/assets-home/images/serviceshapeleft.png) no-repeat left bottom;
        width: 168px;
        height: 487px;
    }

    .find-supplier-wrapp .state-wrapp {
        width: 100%;
    }

        .find-supplier-wrapp .state-wrapp ul {
            display: flex;
            flex-flow: row wrap;
        }

            .find-supplier-wrapp .state-wrapp ul li {
                list-style: none;
                width: 20%;
                display: flex;
                justify-content: center;
            }

                .find-supplier-wrapp .state-wrapp ul li .icon-stat {
                    width: 68px;
                    padding-bottom: 52px;
                    display: flex;
                    flex-direction: row;
                }

                    .find-supplier-wrapp .state-wrapp ul li .icon-stat img {
                    }

/*=======Socio-Economics Analysis=====*/
.socio-economics-wrapp {
    background: #F5EBFF;
    border: none;
}

.econmic-card {
    width: 100%;
    background: #FFFFFF;
    border-radius: 4.2px;
}

    .econmic-card .content-row {
        display: flex;
        flex-direction: row;
        width: 100%;
        justify-content: space-between;
        border-bottom: 1px solid #ECECEC;
        padding: 35px;
    }

        .econmic-card .content-row .left {
            width: 90%;
        }

            .econmic-card .content-row .left h5 {
                font-style: normal;
                font-weight: 400;
                font-size: 14px;
                line-height: 19px;
                color: #828282;
                font-family: 'Roboto', sans-serif;
            }

            .econmic-card .content-row .left h1 {
                font-family: 'Roboto', sans-serif;
                font-style: normal;
                font-weight: 500;
                font-size: 40px;
                line-height: 47px;
                color: #0B1354;
                padding: 5px 0;
            }

            .econmic-card .content-row .left h6 {
                font-family: 'Roboto', sans-serif;
                font-style: normal;
                font-weight: 300;
                font-size: 13px;
                line-height: 16px;
                color: #4F4F4F;
            }

        .econmic-card .content-row .right {
            width: 10%;
        }

            .econmic-card .content-row .right .tooltip-noti {
                width: 100%;
                display: flex;
                flex-direction: row;
                justify-content: center;
            }

                .econmic-card .content-row .right .tooltip-noti button {
                    border: none;
                    outline: none;
                    background: transparent;
                }

                    .econmic-card .content-row .right .tooltip-noti button i {
                        color: #828282;
                        font-size: 24px;
                    }

    .econmic-card .chart-set {
        width: 100%;
        padding: 10px 20px;
    }

        .econmic-card .chart-set img {
            width: 100%;
        }
/*===har-ghar-tiranga====*/
.har-ghar-tiranga-wrapp, .advertise-wrapp {
    border: none;
    padding: 50px 0;
}

    .har-ghar-tiranga-wrapp .india-75 {
        background: #FAF4FF;
        border: 2px solid #16b82f17;
        width: 1140px;
        min-height: 250px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-content: center;
    }

        .har-ghar-tiranga-wrapp .india-75 h3 {
            font-family: 'Inter', sans-serif !important;
            color: #3D0972;
            font-style: normal;
            font-weight: 600;
            font-size: 35px;
            line-height: 42px;
            text-transform: uppercase;
            text-align: center;
            padding: 20px 0;
        }

        .har-ghar-tiranga-wrapp .india-75 p {
            color: #C8C8C8;
            font-family: 'Inter', sans-serif !important;
            font-style: normal;
            font-weight: 500;
            font-size: 35px;
            line-height: 42px;
            text-transform: uppercase;
            text-align: center;
        }

        .har-ghar-tiranga-wrapp .india-75 img {
            width: 100%;
        }
/*===Advertise with us====*/
.advertise-wrapp {
    background: #3D0972;
    padding: 20px 0;
}

    .advertise-wrapp h3, .advertise-wrapp h2 {
        font-size: 40px;
        font-weight: 700;
        font-family: 'Inter', sans-serif;
        color: #fff;
        padding: 10px 0;
        position: relative;
        word-spacing: 1px;
        letter-spacing: 1px;
    }

        .advertise-wrapp h3::before, .advertise-wrapp h2::before {
            content: "";
            width: 479px;
            height: 2px;
            background: #F6790B;
            position: absolute;
            left: 0;
            top: 59px;
            transform: translate(0%,-50%);
        }

    .advertise-wrapp p {
        font-size: 14px;
        line-height: 20px;
        font-family: 'Inter', sans-serif !important;
        color: #fff;
        font-weight: 400;
        line-height: 24px;
    }

    .advertise-wrapp .btn-know-more, .serveearn-wrapp .btn-know-more {
        border: none;
        outline: none;
        text-align: center;
        background: #F6790B;
        width: 155px;
        /*    height: 45px;*/
        border-radius: 6px;
        color: #fff;
        margin-top: 30px;
        padding: 14px 26px;
        box-shadow: -44px 40px 24px rgba(28, 0, 56, 0.04), -25px 23px 20px rgba(28, 0, 56, 0.13), -11px 10px 15px rgba(28, 0, 56, 0.21), -3px 3px 8px rgba(28, 0, 56, 0.25), 0px 0px 0px rgba(28, 0, 56, 0.25);
    }

.serveearn-wrapp .btn-know-more {
    background: #3D0972;
}
/*Serve & Earn*/
.serveearn-wrapp {
    width: 100%;
    margin: 0 auto;
    padding: 40px 0 40px;
    background: url(/wwwroot/assets-home/images/serveearnimg.png) no-repeat center;
    background-size: cover;
    min-height: 326px;
    overflow: hidden;
}

.serearn-card {
    width: 100%;
}

.serveearn-wrapp .serearn-card {
    width: 100%;
    display: flex;
    flex-direction: column;
}

    .serveearn-wrapp .serearn-card ul {
        width: 100%;
        padding: 28px 0 10px;
    }

        .serveearn-wrapp .serearn-card ul li {
            list-style: none;
            background: url(/wwwroot/assets-home/images/select.png) no-repeat 0 5px;
            line-height: 25px;
            padding: 0 0 10px 25px;
            color: #fff;
            font-size: 15px;
            font-weight: 400;
            font-family: 'Inter', sans-serif;
        }

    .serveearn-wrapp .serearn-card h3, .serveearn-wrapp .serearn-card h2 {
        font-size: 40px;
        font-weight: 700;
        font-family: 'Inter', sans-serif;
        color: #F6790B;
        padding: 14px 0;
        position: relative;
        word-spacing: 2px;
    }

        .serveearn-wrapp .serearn-card h3::before, .serveearn-wrapp .serearn-card h2::before {
            content: "";
            width: 479px;
            height: 2px;
            background: #fff;
            position: absolute;
            left: 0;
            top: 65px;
            transform: translate(0%,-50%);
        }

    .serveearn-wrapp .serearn-card p {
        font-size: 15px;
        font-weight: 400;
        font-family: 'Inter', sans-serif;
        text-align: left;
        color: #fff;
        line-height: 22px;
    }
/*Get Our App*/
.getupapp-wrapp {
    width: 100%;
    margin: 0 auto;
    padding: 10px 0 50px;
}

    .getupapp-wrapp .mobile-content {
        width: 100%;
        padding: 80px 0 0;
    }

        .getupapp-wrapp .mobile-content h4, .getupapp-wrapp .mobile-content h2 {
            color: #414141;
            font-family: 'Inter', sans-serif !important;
            font-style: normal;
            font-weight: 600;
            font-size: 30px;
            line-height: 36px;
            text-align: left;
            position: relative;
            padding: 13px 0;
        }

        .getupapp-wrapp .mobile-content p {
            color: #474747;
            font-size: 15px;
            font-weight: 400;
            font-family: 'Inter', sans-serif !important;
            padding: 0 0 10px;
            line-height: 20px;
        }

    .getupapp-wrapp .mobile-img {
        width: 90%;
    }

        .getupapp-wrapp .mobile-img img {
            width: 100%;
        }

    .getupapp-wrapp .show-number-cunt {
        display: flex;
        position: relative;
        width: 439px;
        justify-content: flex-end;
    }

        .getupapp-wrapp .show-number-cunt .select-code {
            width: 60px;
            position: absolute;
            left: 0;
            font-family: 'Inter', sans-serif !important;
        }

            .getupapp-wrapp .show-number-cunt .select-code input {
                background: #F6790B;
                border-radius: 4px;
                border: 1px solid #F6790B;
                color: #fff;
            }

                .getupapp-wrapp .show-number-cunt .select-code input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
                    color: #fff;
                    font-weight: 500;
                    font-size: 15px;
                }

                .getupapp-wrapp .show-number-cunt .select-code input::-moz-placeholder { /* Firefox 19+ */
                    color: #fff;
                    font-weight: 500;
                    font-size: 15px;
                }

                .getupapp-wrapp .show-number-cunt .select-code input:-ms-input-placeholder { /* IE 10+ */
                    color: #fff;
                    font-weight: 500;
                    font-size: 15px;
                }

                .getupapp-wrapp .show-number-cunt .select-code input:-moz-placeholder { /* Firefox 18- */
                    color: #fff;
                }

        .getupapp-wrapp .show-number-cunt .number-value {
            width: 223px;
            float: right;
            -webkit-border-top-right-radius: 4px;
            -webkit-border-bottom-right-radius: 4px;
            -moz-border-radius-topright: 4px;
            -moz-border-radius-bottomright: 4px;
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
            -webkit-border-top-left-radius: 0;
            -webkit-border-bottom-left-radius: 0;
            -moz-border-radius-topleft: 0;
            -moz-border-radius-bottomleft: 0;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }

.mobile-sms {
    width: 400px;
}

    .mobile-sms .btn-sms {
        width: 150px;
        margin-left: 10px;
    }

        .mobile-sms .btn-sms button {
            width: 100%;
            border-radius: 4px;
            height: 47px;
            border: none;
            outline: none;
            background: #F6790B;
            color: #fff;
            font-size: 15px;
            text-align: center;
            cursor: pointer;
        }

.getupapp-wrapp .mobile-content ul {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding: 15px;
}

    .getupapp-wrapp .mobile-content ul li {
        list-style: none;
        padding-right: 15px;
    }

.footer-wrapp, .footer-wrapp .footer-top, .footer-wrapp .footer-bottom {
    width: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.footer-wrapp {
    padding: 0;
}

    .footer-wrapp .footer-top {
        background: #3d0972;
        padding: 45px 0;
        position: relative;
    }

        .footer-wrapp .footer-top .playstore-wrapp {
            width: 100%;
        }

            .footer-wrapp .footer-top .playstore-wrapp ul {
                width: 100%;
                display: flex;
                flex-flow: row wrap;
            }

                .footer-wrapp .footer-top .playstore-wrapp ul li {
                    list-style: none;
                    width: 130px;
                    margin-right: 10px;
                }

                    .footer-wrapp .footer-top .playstore-wrapp ul li img {
                        width: 100%;
                    }

        .footer-wrapp .footer-top::before {
            content: "";
            position: absolute;
            bottom: -61px;
            right: -3px;
            background: url(/wwwroot/assets-home/images/footershape.png) no-repeat right bottom;
            width: 58px;
            height: 102px;
        }

        .footer-wrapp .footer-top .footer-logo {
            width: 168px;
        }

        .footer-wrapp .footer-top .socieal-media {
            width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            padding: 0;
        }

            .footer-wrapp .footer-top .socieal-media p {
                font-family: 'Inter';
                font-style: normal;
                font-weight: 300;
                font-size: 14px;
                line-height: 22px;
                color: #fff;
                padding: 10px 0 0;
            }

            .footer-wrapp .footer-top .socieal-media h4 {
                text-align: left;
                color: #fff;
                font-size: 18px;
                font-weight: 600;
                font-family: 'Inter', sans-serif !important;
                padding-bottom: 5px;
            }

            .footer-wrapp .footer-top .socieal-media ul {
                width: 100%;
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
            }

            .footer-wrapp .footer-top .socieal-media li {
                list-style: none;
                padding: 3px;
                display: flex;
                flex-direction: row !important;
            }

.fb, .tweeter, .linkdeen {
    padding: 0;
    width: 29px;
    height: 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #FFFFFF;
    border-radius: 5px;
}

    .fb i {
        width: 21px;
        height: 21px;
        background: linear-gradient(180deg, #19AEFF 0%, #0065E7 100%);
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 5px;
        font-size: 12px;
    }

    .tweeter i {
        background: #1AA2F8;
        width: 21px;
        height: 21px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 5px;
        font-size: 12px;
    }

    .linkdeen i {
        background: #0B66C3;
        width: 21px;
        height: 21px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 5px;
        font-size: 12px;
    }

.footer-wrapp .footer-top .footer-logo img {
    width: 100%;
}

.footer-wrapp .footer-top ul {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 15px 0 0;
}

    .footer-wrapp .footer-top ul li {
        list-style-type: none;
        padding: 0 0 20px;
    }

        .footer-wrapp .footer-top ul li a {
            font-size: 14px;
            font-weight: 300;
            text-align: center;
            font-family: 'Inter', sans-serif !important;
            color: #fff;
        }

            .footer-wrapp .footer-top ul li a:hover {
                color: #F6790B;
            }

.footer-wrapp .footer-top .socieal-media li a:hover {
    color: #fff;
    box-shadow: -1px 7px 2px rgb(0 0 0 / 10%);
}

.footer-wrapp .footer-bottom {
    background: #240148;
    padding: 30px 0;
    font-size: 14px;
    font-weight: 300;
    text-align: center;
    font-family: 'Inter', sans-serif !important;
    color: #fff;
}
/*breadcurms*/
.breadcrumb-wrapp {
    width: 100%;
    position: relative;
    margin: 0 auto;
}

    .breadcrumb-wrapp img {
        width: 100%;
    }

    .breadcrumb-wrapp .conttent {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 100%;
    }

        .breadcrumb-wrapp .conttent h2 {
            color: #ffffff;
            padding-bottom: 4px;
            font-weight: 600;
            font-size: 40px;
            text-align: center;
        }

        .breadcrumb-wrapp .conttent ul {
            width: 100%;
            display: flex;
            flex-flow: row wrap;
            justify-content: center;
            padding: 10px 0;
        }

            .breadcrumb-wrapp .conttent ul li {
                list-style: none;
                font-weight: 300;
                text-align: center;
                font-family: 'Inter', sans-serif !important;
                font-size: 14px;
                color: #fff;
                padding: 5px 10px;
                position: relative;
            }

                .breadcrumb-wrapp .conttent ul li a {
                    color: #fff;
                }

                    .breadcrumb-wrapp .conttent ul li a:hover {
                        color: #F6790B;
                    }

                .breadcrumb-wrapp .conttent ul li.arrow::before {
                    content: " ";
                    position: absolute;
                    left: -6px;
                    top: 11px;
                    border: solid white;
                    border-width: 0 2px 2px 0;
                    display: inline-block;
                    padding: 3px;
                    transform: rotate(-45deg);
                }
/*main css*/
main {
    width: 100%;
    min-height: 350px;
    overflow: hidden;
}
/* feedback css*/
.feedback-section, .feedback-form-wrapp, .about-wrapp, .contact-chanel-wrapp, .termscondition-wrapp {
    width: 100%;
    padding: 50px 0 0;
}

    .feedback-section .accordionItemHeading, .contact-chanel-wrapp .accordionItemHeading {
        font-size: 14px;
        font-weight: 600;
    }

    .feedback-section .accordionWrapper, .contact-chanel-wrapp .accordionWrapper {
        padding: 30px;
        width: 85%;
    }

        .feedback-section .accordionWrapper .accordionItemContent .link-list {
            width: 100%;
            display: flex;
            flex-direction: column;
            padding-left: 15px;
        }

            .feedback-section .accordionWrapper .accordionItemContent .link-list li {
                list-style-type: disc;
                padding: 8px 5px;
                font-size: 14px;
                position: relative;
            }

                .feedback-section .accordionWrapper .accordionItemContent .link-list li::marker {
                    color: #F6790B;
                }

.feedback-form-wrapp {
    padding-bottom: 52px;
    padding-top: 8px;
}

    .feedback-form-wrapp h4 {
        color: #3d0972;
        font-family: 'Inter', sans-serif !important;
        font-style: normal;
        font-weight: 600;
        font-size: 24px;
        line-height: 36px;
        position: relative;
        padding: 0 0 44px;
    }

.feedback-stars h5 {
    color: #f6790b;
    font-family: 'Inter', sans-serif !important;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 36px;
    position: relative;
    padding: 25px 0;
    text-align: center;
}

.feedback-form-wrapp h4::before {
    content: "";
    width: 210px;
    height: 3px;
    background: #F6790B;
    position: absolute;
    left: 50%;
    top: 44px;
    transform: translate(-50%,-50%);
}

.feedback-form-wrapp .feedback-form, .feedback-stars .feedback-form {
    width: 100%;
    margin-top: 15px;
    padding: 20px 10px;
    box-shadow: 0px 2px 8px 1px rgb(0 0 0 / 10%);
    border: 1px solid #eee;
}

    .feedback-form-wrapp .feedback-form .form-group label, .feedback-stars .feedback-form .form-group label {
        width: 100%;
        padding-bottom: 9px;
        font-size: 13px;
        font-weight: 500;
        color: #606060e0;
    }

        .feedback-form-wrapp .feedback-form .form-group label sup, .feedback-stars .feedback-form .form-group label sup {
            color: rgb(192, 7, 7);
        }

    .feedback-form-wrapp .feedback-form input::-webkit-input-placeholder, .feedback-form-wrapp .feedback-form textarea ::-webkit-input-placeholder,
    .feedback-stars .feedback-form input::-webkit-input-placeholder, .feedback-stars .feedback-form textarea ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: #8F8F8F;
        font-weight: 400;
        font-size: 13px;
        font-style: normal;
    }

    .feedback-form-wrapp .feedback-form input ::-moz-placeholder, .feedback-form-wrapp .feedback-form textarea ::-moz-placeholder,
    .feedback-stars .feedback-form input ::-moz-placeholder, .feedback-stars .feedback-form textarea ::-moz-placeholder { /* Firefox 19+ */
        color: #8F8F8F;
        font-weight: 400;
        font-size: 13px;
        font-style: normal;
    }

    .feedback-form-wrapp .feedback-form input :-ms-input-placeholder, .feedback-form-wrapp .feedback-form textarea :-ms-input-placeholder,
    .feedback-stars .feedback-form input :-ms-input-placeholder, .feedback-stars .feedback-form textarea :-ms-input-placeholder { /* IE 10+ */
        color: #8F8F8F;
        font-weight: 400;
        font-size: 13px;
        font-style: normal;
    }

    .feedback-form-wrapp .feedback-form input :-moz-placeholder, .feedback-form-wrapp .feedback-form textarea :-ms-input-placeholder,
    .feedback-stars .feedback-form input :-moz-placeholder, .feedback-stars .feedback-form textarea :-ms-input-placeholder { /* Firefox 18- */
        color: #8F8F8F;
        font-weight: 500;
        font-size: 13px;
        font-style: normal;
    }



    .feedback-form-wrapp .feedback-form textarea, .feedback-stars .feedback-form textarea {
        width: 100%;
        padding: 14px 8px;
        border: 1px solid #C5C5C5;
        border-radius: 4px;
        height: auto;
    }

        .feedback-form-wrapp .feedback-form textarea:focus, .feedback-stars .feedback-form textarea:focus {
            outline: none;
        }

    .feedback-form-wrapp .feedback-form .feedback-btn, .feedback-stars .feedback-form .feedback-btn {
        width: 160px;
        height: 47px;
        border: none;
        outline: none;
        background: #F6790B;
        color: #fff;
        font-size: 15px;
        text-align: center;
        box-shadow: 1px 5px 5px 0px rgb(0 0 0 / 9%);
        cursor: pointer;
    }

        .feedback-form-wrapp .feedback-form .feedback-btn:focus, .feedback-form-wrapp .feedback-form .feedback-btn:hover {
            outline: none;
            box-shadow: 1px 5px 5px 0px rgb(0 0 0 / 9%);
        }

textarea::-webkit-input-placeholder {
    color: #8F8F8F;
}

textarea:-moz-placeholder { /* Firefox 18- */
    color: #8F8F8F;
}

textarea::-moz-placeholder { /* Firefox 19+ */
    color: #8F8F8F;
}

textarea:-ms-input-placeholder {
    color: #8F8F8F;
}

textarea::placeholder {
    color: #8F8F8F;
}
/*accordionItem*/
.accordionWrapper {
    padding: 20px;
    width: 100%;
}

.accordionItem {
    float: left;
    display: block;
    width: 100%;
    margin-bottom: 7px;
}

.accordionItemHeading {
    cursor: pointer;
    margin: 0px 0px 10px 0px;
    padding: 12px 10px;
    background: #f4f4f4;
    border-left: 3px solid #a39e9e;
    color: #000;
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-weight: 600;
}

.close .accordionItemContent {
    height: 0px;
    transition: height 1s ease-out;
    -webkit-transform: scaleY(0);
    -o-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    float: left;
    display: block;
}

.open .accordionItemContent {
    padding: 20px;
    background-color: #fff;
    width: 100%;
    margin: 0px 0px 10px 0px;
    display: block;
    -webkit-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: top;
    -o-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transition: -webkit-transform 0.4s ease-out;
    -o-transition: -o-transform 0.4s ease;
    -ms-transition: -ms-transform 0.4s ease;
    transition: transform 0.4s ease;
    box-shadow: 0px 2px 8px 1px rgb(0 0 0 / 14%);
}

.open .accordionItemHeading {
    margin: 0px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    background-color: #F6790B;
    color: #fff;
    padding: 12px 10px;
    border-left: 3px solid #954601;
}

.accordionItem .accordionItemHeading {
    position: relative;
}

.open .accordionItemHeading::before {
    content: " ";
    position: absolute;
    right: 15px;
    top: 16px;
    border: solid white;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(42deg);
}

.close .accordionItemHeading::before {
    content: " ";
    position: absolute;
    right: 15px;
    top: 16px;
    border: solid #a39e9e;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(225deg);
}

.images-set {
    width: 100%;
}

    .images-set img {
        width: 100%;
    }
/**/
.about-wrapp {
    width: 100%;
    padding-bottom: 50px;
}

    .about-wrapp .about-content, .about-wrapp .about-vision {
        width: 100%;
    }

        .about-wrapp .about-content h4, .about-wrapp .about-vision h4 {
            color: #3d0972;
            font-family: 'Inter', sans-serif !important;
            font-style: normal;
            font-weight: 600;
            font-size: 24px;
            line-height: 36px;
            text-align: left;
            position: relative;
            padding-bottom: 30px;
        }

            .about-wrapp .about-content h4::before, .about-vision h4 h4::before {
                content: "";
                width: 100px;
                height: 3px;
                background: #F6790B;
                position: absolute;
                left: 0;
                top: 44px;
                transform: translate(0,-50%);
            }

        .about-wrapp .about-content h5 {
            color: #3d0972;
            font-weight: 600;
            font-size: 20px;
            line-height: 36px;
            padding-bottom: 0;
            padding-top: 5px;
        }

    .about-wrapp .images-set {
        margin-top: 70px;
    }

    .about-wrapp .about-content p {
        font-size: 15px;
        font-weight: 400;
        font-family: 'Inter', sans-serif;
        text-align: justify;
        color: #1c1c1c;
        line-height: 24px;
        padding-bottom: 4px;
        word-spacing: 2px;
    }

.million-wrapp, .buyers-supplier-wrapp, .quicklinks-wrapp {
    width: 100%;
    padding: 50px 0 65px;
    background: #eeeeee85;
}

.buyers-supplier-wrapp {
    background: #eeeeee85;
    padding: 50px 0 50px;
}

    .buyers-supplier-wrapp h1, .buyers-supplier-wrapp h3 {
        color: #3d0972;
        font-family: 'Inter', sans-serif !important;
        font-style: normal;
        font-weight: 600;
        font-size: 24px;
        line-height: 36px;
        text-align: center;
        position: relative;
        padding-bottom: 60px;
    }

        .buyers-supplier-wrapp h1::before, .buyers-supplier-wrapp h3::before {
            content: "";
            width: 210px;
            height: 3px;
            background: #F6790B;
            position: absolute;
            left: 50%;
            top: 44px;
            transform: translate(-50%,-50%);
        }

        .buyers-supplier-wrapp h3::before {
            width: 55px;
        }

.million-wrapp h2, .quicklinks-wrapp h2, .product-list-wrapp h2 {
    color: #3d0972;
    font-family: 'Inter', sans-serif !important;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    position: relative;
    padding-bottom: 41px;
}

    .million-wrapp h2::before, .quicklinks-wrapp h2::before, .product-list-wrapp h2::before {
        content: "";
        width: 210px;
        height: 3px;
        background: #F6790B;
        position: absolute;
        left: 50%;
        top: 44px;
        transform: translate(-50%,-50%);
    }

    .quicklinks-wrapp h2::before {
        width: 70px;
    }

.million-wrapp .million-content {
    width: 100%;
    margin-top: 15px;
    padding: 20px;
    box-shadow: 0 0 7px 0 rgb(0 0 0 / 8%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    background: #fff;
}

    .million-wrapp .million-content h4 {
        padding: 15px 0;
        font-size: 20px;
        font-weight: 600;
        color: #3d0972;
    }

    .million-wrapp .million-content p {
        text-align: center;
        font-size: 15px;
        font-weight: 400;
        line-height: 24px;
        word-spacing: 0;
        font-family: 'Inter', sans-serif;
    }

    .million-wrapp .million-content .total {
        height: 80px;
        padding: 15px;
        background: #f6790b;
        color: #fff;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        border-radius: 100px;
        width: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 10px 0 10px;
    }

        .million-wrapp .million-content .total img {
            width: 100%;
        }

.buyers-supplier-wrapp .card-box-sup {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    box-shadow: 1px 5px 7px 0 rgb(0 0 0 / 8%);
    border: 1px solid #c5bcbc6b;
    border-radius: 4px;
}

    .buyers-supplier-wrapp .card-box-sup .images-set {
        width: 30%;
    }

        .buyers-supplier-wrapp .card-box-sup .images-set img {
            width: 100%;
            height: 100%;
            -webkit-border-radius: 4px;
            -webkit-border-top-right-radius: 0;
            -moz-border-radius: 4px;
            -moz-border-radius-topright: 0;
            border-radius: 4px;
            border-top-right-radius: 0;
        }

    .buyers-supplier-wrapp .card-box-sup .content {
        padding: 10px 20px;
        width: 70%;
    }

        .buyers-supplier-wrapp .card-box-sup .content h4 {
            color: #3d0972;
            font-size: 16px;
            font-weight: 700;
            font-family: 'Inter', sans-serif !important;
            line-height: 20px;
            padding: 0px 0 10px;
        }

        .buyers-supplier-wrapp .card-box-sup .content p {
            text-align: left;
            font-size: 15px;
            font-weight: 400;
            line-height: 24px;
            word-spacing: 0;
            font-family: 'Inter', sans-serif;
        }

        .buyers-supplier-wrapp .card-box-sup .content ul {
            width: 100%;
            display: flex;
            flex-direction: column;
            padding-left: 15px;
        }

            .buyers-supplier-wrapp .card-box-sup .content ul li {
                line-height: 24px;
                margin-bottom: 10px;
                font-size: 15px;
                font-weight: 500;
                list-style-type: disc;
            }
/**======contact us pages======**/

.contact-wrapp {
    width: 100%;
    padding: 50px 0 0;
}

    .contact-wrapp .contact-corporate-set {
        width: 100%;
    }

        .contact-wrapp .contact-corporate-set h3 {
            color: #3d0972;
            font-family: 'Inter', sans-serif !important;
            font-style: normal;
            font-weight: 600;
            font-size: 24px;
            line-height: 36px;
            position: relative;
            padding: 0 0 0;
            text-align: left;
        }

            .contact-wrapp .contact-corporate-set h3::before {
                content: "";
                width: 100px;
                height: 3px;
                background: #F6790B;
                position: absolute;
                left: 0;
                top: 44px;
                transform: translate(0,-50%);
            }

        .contact-wrapp .contact-corporate-set h4 {
            color: #3d0972;
            font-family: 'Inter', sans-serif !important;
            font-style: normal;
            font-weight: 700;
            font-size: 18px;
            line-height: 28px;
            position: relative;
            padding: 0;
            text-align: left;
        }

        .contact-wrapp .contact-corporate-set ul {
            width: 100%;
            padding: 0 5px;
            margin: 0;
        }

            .contact-wrapp .contact-corporate-set ul li {
                list-style: none;
                padding: 5px 0px 8px;
                font-size: 15px;
                font-weight: 600;
                font-family: 'Inter', sans-serif !important;
                color: #686666;
            }

                .contact-wrapp .contact-corporate-set ul li p {
                    font-size: 15px;
                    line-height: 24px;
                    font-weight: 600;
                    color: #686666;
                    padding: 10px 0;
                }

                    .contact-wrapp .contact-corporate-set ul li p a {
                        color: #F6790B;
                        text-decoration: none;
                    }

                .contact-wrapp .contact-corporate-set ul li h5 {
                    font-size: 15px;
                    line-height: 24px;
                    font-weight: 600;
                    color: #686666;
                    padding: 5px 0;
                }

                .contact-wrapp .contact-corporate-set ul li h6, .contact-wrapp .contact-corporate-set ul li h6 a {
                    font-size: 15px;
                    line-height: 24px;
                    font-weight: 600;
                    color: #686666;
                    padding: 5px 0;
                }

                    .contact-wrapp .contact-corporate-set ul li h6 i {
                        color: #3e3c3c;
                        margin-right: 5px;
                    }

.contact-chanel-wrapp .accordionWrapper {
    padding: 30px;
    width: 100%;
}

.contact-chanel-wrapp {
    background: #eeeeee8a;
    margin-top: 45px;
}

    .contact-chanel-wrapp h3 {
        color: #414141;
        font-family: 'Inter', sans-serif !important;
        font-style: normal;
        font-weight: 600;
        font-size: 26px;
        line-height: 36px;
        position: relative;
        text-align: center;
    }

        .contact-chanel-wrapp h3::before {
            content: "";
            width: 100px;
            height: 3px;
            background: #F6790B;
            position: absolute;
            left: 50%;
            top: 44px;
            transform: translate(-50%,-50%);
        }

    .contact-chanel-wrapp .open .accordionItemContent {
        box-shadow: 0px 2px 12px 1px rgb(0 0 0 / 4%);
    }

    .contact-chanel-wrapp .accordionItemHeading {
        box-shadow: 0px 2px 12px 1px rgb(0 0 0 / 4%);
        background: #ffffff;
    }

    .contact-chanel-wrapp .open .accordionItemHeading {
        background-color: #F6790B;
        color: #fff;
        padding: 12px 10px;
        border-left: 3px solid #954601;
    }

    .contact-chanel-wrapp .accordionWrapper .accordionItemContent .link-list {
        width: 100%;
        display: flex;
        flex-direction: column;
        padding-left: 15px;
    }

        .contact-chanel-wrapp .accordionWrapper .accordionItemContent .link-list li {
            list-style-type: none;
            padding: 8px 5px;
            font-size: 14px;
            position: relative;
        }

            .contact-chanel-wrapp .accordionWrapper .accordionItemContent .link-list li h5 {
                font-size: 15px;
                padding: 5px 0;
                font-weight: 400;
            }

                .contact-chanel-wrapp .accordionWrapper .accordionItemContent .link-list li h5 span {
                    font-size: 15px;
                    font-weight: 600;
                }

            .contact-chanel-wrapp .accordionWrapper .accordionItemContent .link-list li p {
                padding: 10px 0;
                font-size: 15px;
            }

                .contact-chanel-wrapp .accordionWrapper .accordionItemContent .link-list li p span {
                    font-weight: 700;
                }
/*===modal css===--*/
/* .modal {
    position: fixed;
    width: 100vw;
    height: 100vh;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  ​} 
  ​
/*    
  
  .modal.open {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s;
  } */
.modal {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    transition: all 0.3s ease;
    visibility: hidden;
    display: none;
    opacity: 0;
}

    .modal.open {
        visibility: visible;
        opacity: 1;
        transition-delay: 0s;
    }

.modal-bg {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
}

.modal-container {
    border-radius: 5px;
    background: #fff;
    position: relative;
    padding: 0;
    width: 50%;
    overflow: hidden;
}

.modal-close {
    position: absolute;
    right: 15px;
    top: 15px;
    outline: none;
    appearance: none;
    color: red;
    background: none;
    border: 0px;
    font-weight: bold;
    cursor: pointer;
}

.form-popup-wrapp {
    width: 100%;
}

​
.form-popup-wrapp .col-12 {
    width: 100%;
}

.modal-wrapp {
    width: 100%;
    display: flex;
    flex-flow: column wrap;
    padding: 0;
}

    .modal-wrapp .header-wrapp {
        width: 100%;
        background-color: #d78000;
        -webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        padding: 12px;
        display: flex;
        justify-content: space-between;
    }

        .modal-wrapp .header-wrapp h2 {
            font-size: 15px;
            line-height: 32px;
            color: #fff;
            font-weight: 500;
            font-family: 'IBM Plex Sans', sans-serif;
        }

        .modal-wrapp .header-wrapp #close-btn, #editclose-btn {
            color: #fff;
            cursor: pointer;
        }

    .modal-wrapp .body-wrapp {
        width: 100%;
        padding: 10px 12px 20px;
        max-height: 450px;
        overflow-y: auto;
    }

    .modal-wrapp .ft-wrapp {
        width: 100%;
        padding: 10px;
    }

        .modal-wrapp .ft-wrapp .row {
            justify-content: center;
            display: flex;
            width: 100%;
        }
/*Terms & Condition*/
.termscondition-wrapp {
    padding-bottom: 50px;
}

    .termscondition-wrapp .terms-content-set {
        width: 100%;
        padding: 0;
        /* box-shadow: 0px 2px 8px 1px rgb(0 0 0 / 14%); */
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        align-items: stretch;
        /* border: 1px solid #eee; */
    }

        .termscondition-wrapp .terms-content-set .img-set {
            width: 30%;
        }

            .termscondition-wrapp .terms-content-set .img-set img {
                width: 100%;
                height: 100%;
            }

        .termscondition-wrapp .terms-content-set .content {
            /* width: 68%; */
            width: 100%;
            padding: 15px 30px 15px 15px;
        }

            .termscondition-wrapp .terms-content-set .content h4 {
                color: #3d0972;
                font-family: 'Inter', sans-serif !important;
                font-style: normal;
                font-weight: 600;
                font-size: 24px;
                line-height: 36px;
                position: relative;
                padding: 0 0 20px;
                text-align: left;
            }

                .termscondition-wrapp .terms-content-set .content h4::before {
                    content: "";
                    width: 150px;
                    height: 2px;
                    background: #F6790B;
                    position: absolute;
                    left: 0%;
                    top: 40px;
                    transform: translate(0%,-48%);
                }

            .termscondition-wrapp .terms-content-set .content p {
                font-size: 14px;
                font-family: 'Inter', sans-serif !important;
                font-weight: 500;
                line-height: 24px;
                text-align: justify;
                color: #373737;
                margin-bottom: 5px
            }

        .termscondition-wrapp .terms-content-set button {
            background: #3d0972;
            color: #fff;
            font-size: 14px;
            font-weight: 500;
            line-height: 24px;
            cursor: pointer;
            padding: 11px 23px;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            border-radius: 3px;
            border: none;
            outline: none;
            margin: 25px 0 20px;
            text-transform: uppercase;
            font-family: 'Inter', sans-serif !important;
            box-shadow: 0px 3px 11px 1px rgb(0 0 0 / 19%);
        }

            .termscondition-wrapp .terms-content-set button i {
                margin-right: 5px;
            }

    .termscondition-wrapp .lasted-docment {
        width: 100%;
        padding: 14px 0 0;
    }

        .termscondition-wrapp .lasted-docment h4 {
            color: #414141;
            font-family: 'Inter', sans-serif !important;
            font-style: normal;
            font-weight: 600;
            font-size: 24px;
            line-height: 36px;
        }

        .termscondition-wrapp .lasted-docment ul {
            width: 100%;
            padding: 10px 0;
            display: flex;
            flex-direction: column;
        }

            .termscondition-wrapp .lasted-docment ul li {
                list-style: none;
                border-bottom: 1px solid #e7e5e5;
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                padding: 16px 0;
            }

                .termscondition-wrapp .lasted-docment ul li .img-icon {
                    width: 30%;
                    padding: 2px;
                    border: 1px solid #e7e5e5;
                }

                    .termscondition-wrapp .lasted-docment ul li .img-icon img {
                        width: 100%;
                    }

                .termscondition-wrapp .lasted-docment ul li .content {
                    width: 65%;
                }

                    .termscondition-wrapp .lasted-docment ul li .content p {
                        font-size: 14px;
                        color: #414141;
                        font-weight: 500;
                        padding-bottom: 5px;
                        font-family: 'Inter', sans-serif !important;
                    }

                .termscondition-wrapp .lasted-docment ul li .conten h5 {
                    font-size: 15px;
                    font-weight: 600;
                    color: #414141;
                    word-spacing: 4px;
                    font-family: 'Inter', sans-serif !important;
                }

    .termscondition-wrapp .accordionItemHeading {
        font-size: 14px;
        font-weight: 600;
    }

    .termscondition-wrapp .accordionItemContent {
        font-size: 14px;
        font-family: 'Inter', sans-serif !important;
        font-weight: 400;
        line-height: 24px;
        text-align: justify;
        color: #373737e0;
    }

        .termscondition-wrapp .accordionItemContent ul {
            width: 100%;
            padding: 0 15px;
        }

            .termscondition-wrapp .accordionItemContent ul li {
                list-style-type: upper-alpha;
                padding-left: 15px;
            }

                .termscondition-wrapp .accordionItemContent ul li::marker {
                    color: #3d0972;
                    font-weight: 600;
                }
/*========Help &AMP; Navigate========*/
.helpnavgate-wrapp {
    padding-bottom: 30px !important;
}

.helpnavgate-wrapp, .buyer-seller-annou-wrapp, .advertise-widthr-us-wrapp, .calculate-wrapp {
    width: 100%;
    margin: 0;
    padding: 50px;
}

    .helpnavgate-wrapp .card-buyer, .helpnavgate-wrapp .card-seller, .helpnavgate-wrapp .card-update {
        width: 100%;
        padding: 35px 25px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: row;
        box-shadow: 0px 1px 4px 1px rgb(0 0 0 / 8%);
        background: #f1f1f1;
        font-family: 'Inter', sans-serif !important;
    }

        .helpnavgate-wrapp .card-buyer .icon, .helpnavgate-wrapp .card-seller .icon, .helpnavgate-wrapp .card-update .icon {
            width: 100px;
            height: 100px;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 100%;
            background: #fff;
            padding: 15px;
        }

            .helpnavgate-wrapp .card-buyer .icon img, .helpnavgate-wrapp .card-seller .icon img, .helpnavgate-wrapp .card-update .icon img {
                width: 100%;
            }

        .helpnavgate-wrapp .card-buyer .content, .helpnavgate-wrapp .card-seller .content, .helpnavgate-wrapp .card-update .content {
            width: 72%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-start;
        }

            .helpnavgate-wrapp .card-buyer .content h4, .helpnavgate-wrapp .card-seller .content h4, .helpnavgate-wrapp .card-update .content h4 {
                font-size: 18px;
                font-weight: 600;
                padding-bottom: 10px;
                color: #3d0972;
            }

            .helpnavgate-wrapp .card-buyer .content p, .helpnavgate-wrapp .card-seller .content p, .helpnavgate-wrapp .card-update .content p {
                font-size: 14px;
                font-weight: 500;
                color: #606060e0;
            }

.buyer-seller-annou-wrapp {
    padding: 50px 0 50px;
}

    .buyer-seller-annou-wrapp h2, .advertise-widthr-us-wrapp h2, .calculate-wrapp h2 {
        color: #3d0972;
        font-family: 'Inter', sans-serif !important;
        font-style: normal;
        font-weight: 600;
        font-size: 24px;
        line-height: 36px;
        text-align: center;
        position: relative;
        padding-bottom: 50px;
    }

        .buyer-seller-annou-wrapp h2::before, .advertise-widthr-us-wrapp h2::before, .calculate-wrapp h2::before {
            content: "";
            width: 100px;
            height: 3px;
            background: #F6790B;
            position: absolute;
            left: 50%;
            top: 44px;
            transform: translate(-50%,-50%);
        }

.user-content {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

    .user-content li {
        width: 24%;
        list-style: none;
        border: 1px solid #ebebeb;
        box-shadow: 0px 1px 3px 1px rgb(0 0 0 / 8%);
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }

        .user-content li .annou-card ul {
            display: flex;
            flex-direction: column;
            align-items: stretch;
        }

            .user-content li .annou-card ul li {
                width: 100%;
                box-shadow: inherit;
            }

                .user-content li .annou-card ul li:last-child {
                    border: none;
                }

.buyer-seller-annou-wrapp .annou-card {
    width: 100%;
}

    .buyer-seller-annou-wrapp .annou-card h4 {
        font-size: 16px;
        font-weight: 600;
        color: #3d0972;
        padding: 16px;
        background: #f1f1f1;
    }

    .buyer-seller-annou-wrapp .annou-card ul {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }

        .buyer-seller-annou-wrapp .annou-card ul li {
            border-top: 1px solid #eeeeee26;
            padding: 10px 15px 10px 38px;
            position: relative;
        }

            .buyer-seller-annou-wrapp .annou-card ul li a {
                font-size: 15px;
                line-height: 24px;
                color: #606060e0;
            }

                .buyer-seller-annou-wrapp .annou-card ul li a:hover {
                    color: #f6790b;
                }

                .buyer-seller-annou-wrapp .annou-card ul li a:before {
                    font-family: FontAwesome;
                    content: "\f0f6";
                    color: #f6790b;
                    font-size: 100%;
                    position: absolute;
                    top: 11px;
                    bottom: 0;
                    left: 16px;
                }
/*====T&AMP;C and Legal issues =====*/
.tclegal-issues-wrapp {
    width: 100%;
    margin: 0 auto;
    background: #eff3f6;
    padding: 50px 0;
}

    .tclegal-issues-wrapp .list-show {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-flow: row wrap;
        font-family: 'Inter', sans-serif !important;
    }

        .tclegal-issues-wrapp .list-show li {
            width: 49%;
            margin-bottom: 30px;
            padding: 20px;
            background: #fff;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            display: flex;
            justify-content: center;
            align-items: stretch;
            box-shadow: -1px 2px 3px 2px #3d097205;
        }

            .tclegal-issues-wrapp .list-show li .row {
                justify-content: space-between;
                align-items: center;
            }

            .tclegal-issues-wrapp .list-show li .icon {
                width: 80px;
                height: 80px;
                background: #ebf6ff;
                -webkit-border-radius: 100px;
                -moz-border-radius: 100px;
                border-radius: 100px;
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
            }

                .tclegal-issues-wrapp .list-show li .icon i {
                    font-size: 24px;
                    color: #585858;
                }

            .tclegal-issues-wrapp .list-show li .content {
                width: 85%;
                padding: 15px 0 15px 15px;
            }

                .tclegal-issues-wrapp .list-show li .content h5 {
                    font-size: 18px;
                    font-weight: 700;
                    padding-bottom: 10px;
                    color: #3d0972;
                    font-family: 'Inter', sans-serif !important;
                }

                .tclegal-issues-wrapp .list-show li .content p {
                    font-size: 14px;
                    font-weight: 400;
                    color: #606060e0;
                    line-height: 24px;
                    font-family: 'Inter', sans-serif !important;
                    padding-bottom: 5px;
                }

                .tclegal-issues-wrapp .list-show li .content label {
                    width: 100%;
                    display: flex;
                    justify-content: space-between;
                    padding: 0 15px 0;
                    border-left: 3px solid #f6790b;
                    margin: 10px 0 0;
                    align-items: center;
                    flex-direction: row;
                }

                    .tclegal-issues-wrapp .list-show li .content label i {
                        margin-right: 10px;
                        color: #F6790B;
                    }

                    .tclegal-issues-wrapp .list-show li .content label .date, .tclegal-issues-wrapp .list-show li .content label .name {
                        font-size: 14px;
                        font-weight: 400;
                        color: #606060e0;
                        line-height: 24px;
                        font-family: 'Inter', sans-serif !important;
                        padding: 5px 0;
                    }
/*pagination css*/
.pagination {
    width: 100%;
}

    .pagination ul {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding: 8px;
    }

        .pagination ul li {
            color: #f6790bc7;
            list-style: none;
            line-height: 45px;
            text-align: center;
            justify-content: center;
            font-size: 18px;
            font-weight: 500;
            cursor: pointer;
            user-select: none;
            transition: all 0.3s ease;
        }

            .pagination ul li:first-child::before {
                content: "\f104";
                font-family: FontAwesome;
            }

            .pagination ul li:last-child::after {
                content: "\f105";
                font-family: FontAwesome;
            }

            .pagination ul li.numb {
                list-style: none;
                height: 45px;
                width: 45px;
                margin: 0 3px;
                line-height: 45px;
                border-radius: 50%;
            }

                .pagination ul li.numb.first {
                    margin: 0px 3px 0 -5px;
                }

                .pagination ul li.numb.last {
                    margin: 0px -5px 0 3px;
                }

            .pagination ul li.dots {
                font-size: 22px;
                cursor: default;
            }

            .pagination ul li.btn {
                padding: 0 20px;
                border-radius: 50px;
            }

            .pagination li.active,
            .pagination ul li.numb:hover,
            .pagination ul li:first-child:hover,
            .pagination ul li:last-child:hover {
                color: #fff;
                background: #3d0972;
            }

            .pagination ul li:last-child.active::after {
                visibility: hidden;
                position: absolute;
            }

            .pagination ul li:first-child.active::before {
                visibility: hidden;
                position: absolute;
            }
/*servicea and payment page*/
.services-payment-wrapp .box-card {
    margin-top: 50px;
    min-height: 350px;
}

.services-payment-wrapp {
    width: 100%;
    padding: 50px 0;
}

    .services-payment-wrapp h2::before, .product-list-home h2::before {
        content: "";
        width: 237px;
        height: 2px;
        background: #F6790B;
        position: absolute;
        left: 50%;
        top: 44px;
        transform: translate(-50%,-50%);
    }

    .services-payment-wrapp h2, .product-list-home h2 {
        color: #414141;
        font-family: 'Inter', sans-serif !important;
        font-style: normal;
        font-weight: 600;
        font-size: 30px;
        line-height: 36px;
        text-align: center;
        position: relative;
        margin-bottom: 25px;
    }

    .services-payment-wrapp .payment-img {
        width: 100%;
    }

    .services-payment-wrapp .bordered th {
        padding: 18px 10px;
        font-size: 14px;
    }

    .services-payment-wrapp .tab-wrapp {
        margin: 0;
        box-shadow: -2px 5px 17px rgba(0, 0, 0, 0.11) !important;
    }
.pdg20 {
    padding: 20px;
    border-radius: 0 25px 25px 0 !important;
}
/*tabs css*/
.tab-wrapp {
    width: 100%;
}

    .tab-wrapp #tabs {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: row;
        background: #f3f3f3;
        padding: 20px 54px;
    }

#tabs [data-tab] {
    /* padding: 0.5em 1em; */
    list-style: none;
}

    #tabs [data-tab] a {
        font-family: 'Inter', sans-serif !important;
        text-decoration: none;
        color: #3d0972;
        font-size: 18px;
        font-weight: 700;
        padding: 10px 20px;
        border-bottom: 2px solid transparent;
    }

    #tabs [data-tab].active {
        color: #f6790b;
        font-family: 'Inter', sans-serif !important;
        font-size: 18px;
        border-bottom: 2px solid transparent;
    }

        #tabs [data-tab].active a {
            font-weight: 700;
            color: #f6790b;
            padding: 10px 20px;
            border-bottom: 2px solid #f6790b;
            font-family: 'Inter', sans-serif !important;
            font-size: 18px;
        }

.tab-wrapp .flex-item {
    display: none;
    font-family: 'Inter', sans-serif !important;
    padding: 40px 30px 40px;
}

    .tab-wrapp .flex-item.active {
        display: block;
        padding: 40px 30px 40px;
    }

/*tables*/
.table-wrapper {
    margin: 10px 70px 70px;
    box-shadow: 0px 35px 50px rgba( 0, 0, 0, 0.2 );
}

.fl-table {
    border-radius: 5px;
    font-size: 12px;
    font-weight: normal;
    border: none;
    border-collapse: collapse;
    width: 100%;
    max-width: 100%;
    white-space: nowrap;
    border-spacing: 0;
    box-shadow: -1px 3px 20px 5px rgb(0 0 0 / 8%);
    table-layout: fixed;
}

    .fl-table td {
        background-color: transparent !important;
    }

        .fl-table th:nth-child(1), .fl-table td:nth-child(1) {
            width: 40%;
        }

        .fl-table th:nth-child(2), .fl-table td:nth-child(1) {
            width: 20%;
        }

        .fl-table th:nth-child(3), .fl-table td:nth-child(2) {
            width: 20%;
        }

        .fl-table th:nth-child(4), .fl-table td:nth-child(3) {
            width: 20%;
        }

    .fl-table th {
        padding: 15px;
        font-size: 18px;
        color: #fff;
        font-weight: 500;
        border: 0.5px solid #eeeeee52;
        text-align: left;
        font-family: 'Inter', sans-serif !important;
        word-wrap: break-word;
        white-space: normal;
    }

    .fl-table td {
        border: 0.5px solid #3d097208;
        font-size: 15px;
        line-height: 24px;
        padding: 15px 15px;
        text-align: left;
        background: #fff;
        font-weight: 500;
        font-family: 'Inter', sans-serif !important;
        word-wrap: break-word;
        white-space: normal;
    }

    .fl-table tbody tr:nth-child(odd) {
        background: #fff !important;
    }

    .fl-table tbody tr:nth-child(even) {
        background: #f3f3f5 !important;
    }

    .fl-table table tbody.row td:nth-of-type(odd) {
        background: #e9e9e9 !important;
    }

    .fl-table td i {
        font-size: 20px;
        font-weight: 400;
        margin-left: 20px;
    }

    .fl-table td .fa-times {
        color: #aeaeae;
    }

    .fl-table td .fa-check {
        color: #6bbd23;
    }

.voilet-color {
    color: #3d0972;
}

.link-set {
    display: flex;
    width: 100%;
    padding: 20px 25px;
    justify-content: flex-end;
}

    .link-set a {
        background: linear-gradient(180deg, #F6790B -51.85%, #BB0070 183.33%);
        border-radius: 3.075px;
        font-size: 14px;
        border: none;
        outline: none;
        padding: 9px 25px;
        color: #fff;
    }

        .link-set a:hover {
            background: linear-gradient(180deg, #BB0070 -51.85%, #F6790B 183.33%);
            box-shadow: 1px 4px 11px 1px rgb(0 0 0 / 15%);
        }

.ft-th-padd-font {
    padding: 14px 15px !important;
    font-size: 15px !important;
}

/*cloud shape css*/
.about-wrapp .about-vision {
    width: 1044px;
    background: url(/wwwroot/assets-home/images/cloudshape.png) no-repeat center top;
    height: 510px;
    padding: 92px 284px;
    justify-content: center;
    align-items: center;
    text-align: center;
}

    .about-wrapp .about-vision h5 {
        color: #F6790B;
        font-weight: 600;
        font-size: 24px;
        line-height: 36px;
        padding-bottom: 0;
        padding-top: 5px;
        text-align: center;
    }

    .about-wrapp .about-vision p {
        font-size: 15px;
        font-weight: 500;
        font-family: 'Inter', sans-serif;
        text-align: center;
        color: #180b3d;
        line-height: 25px;
        padding-bottom: 25px;
        padding-top: 14px;
    }

.vision-icon {
    margin: auto;
}
/*tooltip*/
.quicklinks-wrapp, .importlink-wrapp, .adv-benfits-wrapp {
    padding: 50px 0 50px;
    position: relative;
    background: #eeeeee85;
}

    .quicklinks-wrapp ul {
        display: flex;
        justify-content: center;
        margin: 0;
        padding: 13px 0 0;
        flex-flow: row wrap;
        position: relative;
    }

        .quicklinks-wrapp ul li {
            padding: 8px 0;
            display: flex;
            justify-content: center;
            align-items: center;
        }

            .quicklinks-wrapp ul li a {
                word-spacing: 4px;
                color: #3d0972;
                padding: 1px 20px;
                font-size: 14px;
                border-left: 1px solid #3d0972;
                font-weight: 400;
            }

.border-left {
    border-left: 1px solid transparent !important;
}

.quicklinks-wrapp ul li a:hover {
    word-spacing: 4px;
    color: #F6790B;
    padding: 1px 20px;
    font-size: 14px;
    border-left: 1px solid #F6790B;
    font-weight: 400;
}

[class^=tooltip] {
    position: relative;
}

    [class^=tooltip]:hover:after {
        display: block;
        opacity: 1;
        visibility: visible;
        transform: translateX(-50%) translateY(0);
    }

    [class^=tooltip]:after {
        opacity: 0;
        visibility: hidden;
        position: absolute;
        content: attr(data-tooltip);
        padding: 6px 10px;
        top: -36px;
        left: 50%;
        transform: translateX(-50%) translateY(-2px);
        background: #00000096;
        color: white;
        white-space: nowrap;
        font-size: 12px;
        font-weight: 300;
        text-align: center;
        z-index: 2;
        text-align: center;
        border-radius: 2px;
        transition: opacity 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
    }

.tooltip-left:after {
    top: -4px;
    left: 0;
    transform: translateX(-112%) translateY(0);
}

.tooltip-left:hover:after {
    transform: translateX(-110%) translateY(0);
}

.tooltip-right:after {
    top: -4px;
    left: 100%;
    transform: translateX(12%) translateY(0);
}

.tooltip-right:hover:after {
    transform: translateX(10%) translateY(0);
}

.tooltip-triangle:before {
    content: "";
    width: 0;
    height: 0;
    border-left: solid 5px transparent;
    border-right: solid 5px transparent;
    border-bottom: solid 5px grey;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    transform: rotate(180deg);
    top: -9px;
    left: 50%;
    transition: opacity 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
    z-index: 3;
}

.tooltip-triangle:hover:before {
    display: block;
    opacity: 1;
    visibility: visible;
    transform: rotate(180deg);
}
/*important*/
.importlink-wrapp {
    background: transparent;
}

    .importlink-wrapp .boxWth {
        width: 100%;
        padding: 10px;
        -webkit-box-shadow: 0px 0px 10px 3px rgb(0 0 0 / 15%);
        -moz-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.15);
        box-shadow: 0px 0px 10px 3px rgb(0 0 0 / 15%);
        margin-right: 18px;
        background: #fff;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        flex-flow: column wrap;
    }

        .importlink-wrapp .boxWth .col-left {
            width: 100%;
            height: 340px;
            background: #f6f6f6;
            display: flex;
            align-items: center;
        }

            .importlink-wrapp .boxWth .col-left img {
                width: 100%;
                height: 100%;
            }

        .importlink-wrapp .boxWth .col-right {
            width: 100%;
            padding: 37px 0px 40px;
            justify-content: flex-end;
            justify-items: flex-end;
        }

            .importlink-wrapp .boxWth .col-right .icon-set {
                width: 111px;
                height: 111px;
                padding: 20px;
                border: 1px solid #eaeaea;
                border-radius: 100px;
                -webkit-border-radius: 100px;
                -moz-border-radius: 100px;
                -webkit-box-shadow: 0 0 10px 3px rgb(0 0 0 / 12%);
                -moz-box-shadow: 0 0 10px 3px rgb(0 0 0 / 12%);
                box-shadow: 0 0 10px 3px rgb(0 0 0 / 12%);
                margin: 0 auto;
                display: flex;
                align-items: center;
            }

                .importlink-wrapp .boxWth .col-right .icon-set img {
                    width: 100%;
                }

            .importlink-wrapp .boxWth .col-right h4 {
                font-size: 20px;
                line-height: 30px;
                padding: 25px 0px 15px;
                text-align: center;
                color: #3d0972;
                font-weight: 700;
                text-transform: uppercase;
                word-spacing: -3px;
                font-family: 'Inter', sans-serif !important;
            }

            .importlink-wrapp .boxWth .col-right p {
                font-family: 'Inter', sans-serif !important;
                word-wrap: break-word;
                white-space: normal;
                font-size: 14px;
                line-height: 24px;
                text-align: center;
                color: #424141;
                font-weight: 400;
            }
/*rating css*/
.bg-gray-light {
    background: #f5f5f5;
}

.feedback-stars {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    padding: 30px 30px 75px;
    box-shadow: 0px 2px 8px 1px rgb(0 0 0 / 14%);
    margin-bottom: 40px;
}

    .feedback-stars p {
        color: #f6790b;
        font-family: 'Inter', sans-serif !important;
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        padding: 0 0 25px 6px;
        /* word-spacing: 4px; */
        text-transform: uppercase;
    }

    .feedback-stars ul {
        width: 100%;
        display: flex;
        flex-flow: column wrap;
    }

        .feedback-stars ul li {
            width: 100%;
            padding: 15px 20px;
            border-radius: 2px;
            background: #f9f9f9;
            box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 10%);
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            margin-bottom: 20px;
            align-items: center;
            list-style-type: lower-roman;
            border: 1px solid #eee;
        }

            .feedback-stars ul li h4 {
                width: 80%;
                color: #3d0972;
                font-family: 'Inter', sans-serif !important;
                font-style: normal;
                font-weight: 500;
                font-size: 15px;
            }

.full-stars {
    width: 20%;
    display: flex;
    justify-content: flex-end;
}

    .full-stars .rating-group {
        display: inline-flex;
    }

    .full-stars .rating-icon {
        pointer-events: none;
    }

    .full-stars .rating-input {
        position: absolute !important;
        left: -9999px !important;
    }

.full-star .rating-input-none {
    display: none;
}

.full-stars .rating-label {
    cursor: pointer;
    padding: 0 0.1em;
    font-size: 1.5rem;
}

.full-stars .rating-icon-star {
    color: orange;
}

.full-stars .rating-input:checked ~ .rating-label .rating-icon-star {
    color: #ddd;
}

.full-stars .rating-group:hover .rating-label .rating-icon-star {
    color: orange;
}

.full-stars .rating-input:hover ~ .rating-label .rating-icon-star {
    color: #ddd;
}

.img-width-auto {
    width: 100%;
}

    .img-width-auto img {
        width: 100%;
    }

.card {
    width: 100%;
    display: flex;
    flex-flow: column wrap;
    width: 100%;
    box-shadow: 0px 2px 8px 1px rgb(0 0 0 / 14%);
    min-height: 150px;
    border-radius: 4px;
}

    .card .card-headr {
        width: 100%;
        padding: 13px 10px;
        background: #f1f1f1;
    }

        .card .card-headr h4 {
            color: #3d0972;
            font-family: 'Inter', sans-serif !important;
            font-style: normal;
            font-weight: 700;
            font-size: 16px;
        }

    .card .card-body {
        padding: 10px;
        min-height: 150px;
    }

        .card .card-body p {
            font-size: 14px;
            font-weight: 600;
            line-height: 25px;
            color: #9d0015;
            padding-left: 30px;
            position: relative;
            word-break: break-all;
            padding-right: 10px;
        }

            .card .card-body p i {
                margin-right: 10px;
                color: #3d0972;
                font-size: 20px;
                position: absolute;
                left: 0;
                top: 0;
            }

            .card .card-body p a:hover {
                color: #F6790B;
            }
/*page down to up css*/
#pagedown {
    display: inline-block;
    background-color: #FF9800;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    /* opacity: 0;
    visibility: hidden;*/
    z-index: 1000;
}

    #pagedown::after {
        content: "\f077";
        font-family: FontAwesome;
        font-weight: normal;
        font-style: normal;
        font-size: 2em;
        line-height: 50px;
        color: #fff;
    }

    #pagedown:hover {
        cursor: pointer;
        background-color: #333;
    }

    #pagedown:active {
        background-color: #555;
    }

    #pagedown.show {
        opacity: 1;
        visibility: visible;
    }
/*Advertise with us*/

.advertise-widthr-us-wrapp p {
    font-size: 15px;
    font-weight: 400;
    font-family: 'Inter', sans-serif;
    text-align: justify;
    color: #1c1c1c;
    line-height: 24px;
    padding-bottom: 4px;
    word-spacing: 2px;
    text-align: center;
}

.adv-benfits-wrapp h2, .adv-benfits-wrapp h4 {
    color: #3d0972;
    font-family: 'Inter', sans-serif !important;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    text-align: left;
    position: relative;
    padding-bottom: 50px;
}

.adv-benfits-wrapp h4 {
    text-align: center;
}

    .adv-benfits-wrapp h2::before, .adv-benfits-wrapp h4::before {
        content: "";
        width: 100px;
        height: 3px;
        background: #F6790B;
        position: absolute;
        left: 50px;
        top: 44px;
        transform: translate(-50%,-50%);
    }

    .adv-benfits-wrapp h4::before {
        left: 50%;
    }

.adv-benfits-wrapp .benfits-card {
    width: 100%;
}

    .adv-benfits-wrapp .benfits-card ul {
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }

        .adv-benfits-wrapp .benfits-card ul li {
            padding: 10px 15px 10px 30px;
            position: relative;
            background: url(/wwwroot/assets-home/images/select.png) no-repeat 0 15px;
            font-family: 'Inter', sans-serif !important;
            font-size: 15px;
            line-height: 24px;
            color: #403f3fe0;
            font-weight: 500;
        }

            .adv-benfits-wrapp .benfits-card ul li i {
                color: #3d0972;
                font-size: 20px;
                position: absolute;
                top: 9px;
                left: 0;
            }

.adv-benfits-wrapp .boxWth {
    width: 100%;
    padding: 10px;
    -webkit-box-shadow: 0px 0px 10px 3px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 10px 3px rgb(0 0 0 / 15%);
    margin-right: 18px;
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

    .adv-benfits-wrapp .boxWth img {
        width: 100%;
        height: 100%;
    }

.adv-benfits-wrapp .benfits-card ul li a {
    text-decoration: none;
}

.calculate-wrapp .price-card {
    width: 100%;
    padding: 10px;
    -webkit-box-shadow: 0px 0px 10px 3px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.10);
    box-shadow: 0px 0px 10px 3px rgb(0 0 0 / 10%);
    margin-right: 18px;
    background: #fff;
    min-height: 350px;
}

    .calculate-wrapp .price-card .row {
        width: 100%;
        padding: 20px 30px 1px;
    }

.dropdown {
    text-align: left;
    background: rgb(239 239 239);
    border-radius: 5px;
    border: 1px solid white;
    width: 48%;
    padding: 0 15px 0 0;
    height: 50px;
    position: relative;
    font-family: 'Inter', sans-serif !important;
}

    .dropdown .item-list {
        max-height: 0;
        transition: max-height 0.3s;
        overflow: hidden;
        position: absolute;
        width: 100%;
        top: 46px;
        left: 0;
        display: none;
        z-index: 99;
    }

.show {
    display: block !important;
}

.dropdown:hover {
    background: rgb(212, 212, 212);
}

.dropdown:hover, .price-card .active {
    background: rgb(61 9 114);
}

    .dropdown:hover::before {
        border-top: 10px solid #fff;
    }

.dropdown::before {
    content: " ";
    position: absolute;
    top: 15px;
    right: 9px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 10px solid #3d0972;
}

.dropdown.active::before {
    content: " ";
    position: absolute;
    top: 15px;
    right: 9px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 10px solid #fff;
    transform: rotate(180deg);
}

.dropdown:hover, .price-card .active .dropdown-title {
}

.price-card .active .dropdown-title {
    color: #fff;
}

.dropdown:hover .dropdown-title {
    color: #fff;
}

.dropdown-title {
    margin: 15px 0px 15px 15px;
    min-height: 10px;
    font-weight: 500;
    font-size: 14px;
    color: #3d0972;
    font-family: 'Inter', sans-serif !important;
    text-transform: capitalize;
    cursor: pointer;
}

.item-list {
    background: rgb(239 239 239);
    font-size: 1rem;
    border-radius: 0px 0px 3px 3px;
    border-top: 1px solid #ff980078;
}

.item-text, .dropdown:hover .dropdown-title .item-text {
    margin: 0px 0px 0px 0px;
    padding: 15px 10px 15px 10px;
    font-weight: 500;
    font-size: 14px;
    font-family: 'Inter', sans-serif !important;
    border-bottom: 1px solid #3d097226 !important;
}

    .item-text:hover {
        margin: 0px 0px 0px 0px;
        padding: 15px 10px 15px 10px;
        font-weight: 500;
        font-size: 14px;
        font-family: 'Inter', sans-serif !important;
        border-bottom: 1px solid #3d097226 !important;
        background: #f6790b;
        color: #fff;
    }

.date {
    text-align: left;
    background: rgb(239 239 239);
    border-radius: 5px;
    border: 1px solid white;
    width: 48%;
    padding: 0 15px 0 15px;
    font-family: 'Inter', sans-serif !important;
    height: 50px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #3d0972;
    font-weight: 500;
}

    .date span {
        color: #000;
    }

.price-card h4, .price-card h5 {
    text-align: right;
    font-size: 16px;
    font-weight: 600;
    color: #f6790b;
    padding: 0 0 10px;
    font-family: 'Inter', sans-serif !important;
}

    .price-card h4 span {
        padding: 0 0 0 15px;
        color: #000;
    }

.price-card h6 {
    text-align: right;
    font-size: 15px;
    font-weight: 600;
    color: #2a292a;
    padding: 0 0 10px;
    font-family: 'Inter', sans-serif !important;
}

.note {
    padding: 53px 0 25px;
    margin-bottom: 20px;
    font-family: 'Inter', sans-serif !important;
    text-align: center;
    /* border: 1px solid #dfdddd; */
    /* background: #3d0972; */
    color: #3d0972;
    font-size: 20px;
    font-weight: 600;
}

    .note a {
        color: #959393;
        font-weight: 400;
    }

.regist {
    border: none;
    outline: none;
    background: #F6790B;
    width: 318px;
    height: 51px;
    border-radius: 4px;
    color: #fff;
    margin-top: 25px;
    /* text-align: center; */
    align-items: center;
    display: flex;
    justify-content: center;
    -webkit-box-shadow: 0px 0px 10px 3px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 0px 10px 3px rgb(0 0 0 / 10%);
    box-shadow: 0px 0px 10px 3px rgb(0 0 0 / 10%);
    font-size: 18px;
    font-weight: 500;
}

    .regist:hover {
        border: none;
        outline: none;
        background: #3d0972;
        width: 318px;
        height: 51px;
        border-radius: 4px;
        color: #fff;
        margin-top: 25px;
        /* text-align: center; */
        align-items: center;
        display: flex;
        justify-content: center;
        -webkit-box-shadow: 0px 0px 10px 3px rgb(0 0 0 / 15%);
        -moz-box-shadow: 0px 0px 10px 3px rgb(0 0 0 / 15%);
        box-shadow: 0px 0px 10px 3px rgb(0 0 0 / 15%);
    }

.mlestone-point, .redemmed, .equivalent {
    padding: 32px 6px 10px;
    text-align: center;
    color: #3d0972;
    font-size: 20px;
    font-family: 'Inter', sans-serif !important;
    font-weight: 700;
}

    .mlestone-point span {
        color: #323131;
    }

.redemmed, .equivalent {
    padding: 11px 9px 10px;
}

    .redemmed span {
        color: #FF9800;
    }

.calculate-wrapp {
    padding: 0%;
}
/*search filter css*/

.filter-wrapp {
    width: 100%;
    padding: 0;
    position: relative;
}

.flitershdow {
    box-shadow: 1px 7px 9px 1px rgb(70 35 3 / 18%);
    border-radius: 40px !important;
}

.filter-wrapp .list-search {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    /* border: 1px solid #eee; */
    padding: 15px 15px;
    margin: 50px 0 0;
    background: #ffffff;
}

.filter-wrapp .ft-show-search {
    width: 98%;
    padding: 18px 10px 18px 22px;
    display: flex;
    justify-content: flex-start;
    position: absolute;
    bottom: -172px;
    box-shadow: -1px 2px 11px 0px rgb(61 9 114 / 11%);
    border: 1px solid #aaaaaa12;
    z-index: 999;
    background: #f1f1f1;
    flex-flow: wrap;
    visibility: hidden;
}

    .filter-wrapp .ft-show-search .keyword-serch {
        width: 31%;
        padding: 11px 9px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
        box-shadow: -1px 2px 6px 0px rgb(61 9 114 / 5%);
        border: 1px solid #aaaaaa12;
        margin: 10px;
        background: #ffffff;
        border-radius: 4px;
    }

        .filter-wrapp .ft-show-search .keyword-serch .time, .filter-wrapp .ft-show-search .keyword-serch .remove {
            width: 25px;
            border: none;
            outline: none;
            background: inherit;
            display: flex;
            justify-content: center;
            align-items: flex-start;
        }

            .filter-wrapp .ft-show-search .keyword-serch .time button, .filter-wrapp .ft-show-search .keyword-serch .remove button {
                border: none;
                outline: none;
                background: inherit;
                display: flex;
                justify-content: center;
            }

                .filter-wrapp .ft-show-search .keyword-serch .time button i, .filter-wrapp .ft-show-search .keyword-serch .remove button i {
                    font-size: 18px;
                    color: #8d8c8c;
                }

                .filter-wrapp .ft-show-search .keyword-serch .remove button i {
                    color: #e70022;
                }

.filter-wrapp .keyword-serch .content {
    width: 75%;
    font-family: 'Inter', sans-serif !important;
    word-break: break-all;
}

.filter-wrapp .list-search h4 {
    font-size: 14px;
    color: #a09e9e;
    font-family: 'Inter', sans-serif !important;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    text-align: left;
    padding-top: 20px;
    position: relative;
}

.filter-wrapp .list-search ul {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-end;
}

    .filter-wrapp .list-search ul li {
        list-style: none;
        width: 33.3%;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 6px;
        padding-bottom: 20px;
    }

        .filter-wrapp .list-search ul li select, .filter-wrapp .list-search ul li input {
            box-shadow: inset 1px 0px 6px 0px rgb(0 0 0 / 13%);
            border: 1px solid #c5c5c582;
            outline: none;
            width: 100%;
            background: #fff;
        }

.filter-wrapp .list-search .quanity-set {
    width: 48%;
    padding: 10px 0 0;
}

.filter-wrapp .list-search .price-value-set {
    width: 48%;
}

.filter-wrapp .list-search .form-group input[type="text"]:focus, .filter-wrapp .list-search .form-group input[type="email"]:focus, .filter-wrapp .list-search .form-group input[type="number"]:focus, .filter-wrapp .list-search .form-group select, .filter-wrapp .list-search .form-group input[type="date"]:focus, .form-group input[type="datetime-local"]:focus, .filter-wrapp .list-search .form-group input[type="datetime"]:focus, .filter-wrapp .list-search .form-group textarea:focus, .form-group [type="time"]:focus {
    border: 1px solid #C5C5C5;
    outline: none;
}

.filter-wrapp .list-search .form-group input[type="text"], .filter-wrapp .list-search .form-group input[type="email"], .filter-wrapp .list-search .form-group input[type="number"], .filter-wrapp .list-search .form-group select, .form-group input[type="date"], .filter-wrapp .list-search .form-group textarea, .filter-wrapp .list-search .form-group input[type="datetime-local"], .filter-wrapp .list-search .form-group input[type="datetime"], .filter-wrapp .list-search .form-group input[type="time"] {
    width: 100%;
    height: auto;
    line-height: 25px;
    background: #fff;
    border: 1px solid #3d0972;
    font-size: 14px;
    color: #a09e9e;
    border-radius: 7px;
    padding: 9px 15px;
}

.filter-wrapp .list-search .form-group select {
    -moz-appearance: none; /* Firefox */
    -webkit-appearance: none; /* Safari and Chrome */
    appearance: none;
    background: url(/wwwroot/assets-home/images/shape-icon.png) no-repeat;
    background-position: 98% 47%
}

.filter-wrapp .list-search ul li .usecurrent-location, .filter-wrapp .list-search .usecurrent-location {
    height: 45px;
    /* box-shadow: inset 1px 0px 6px 0px rgb(0 0 0 / 13%); */
    border: 1px solid #3d0972;
    outline: none;
    border-left: none;
    width: 99px;
    background: #fff url(/wwwroot/assets-home/images/location-arrow.png) no-repeat 97% 13px;
    font-family: 'Inter', sans-serif !important;
    text-align: left;
    padding: 0 15px;
    font-weight: 600;
    color: #8f8f9d;
    -webkit-border-top-right-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
    -moz-border-radius-topright: 7px;
    -moz-border-radius-bottomright: 7px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    position: absolute;
    top: 10px;
    right: 15px;
    cursor: pointer;
}

    .filter-wrapp .list-search .usecurrent-location span {
        font-weight: 200;
        color: #c4c4c4;
    }

    .filter-wrapp .list-search ul li .usecurrent-location i {
        text-align: right;
        color: #f6790b;
        position: absolute;
        right: 10px;
        font-size: 20px;
        top: 12px;
    }

.filter-wrapp .list-search ul li .form-group {
    padding: 0;
}

.filter-wrapp .list-search ul li.filter-icon {
    width: 8%;
}

.filter-wrapp .list-search ul li .form-group {
}

.location-content {
    position: absolute;
    top: 43px;
    left: 0px;
    color: #391158;
    font-weight: 600;
    font-size: 14px;
    font-family: 'Inter', sans-serif !important;
}

.filter-btn {
    width: 200px;
    /* height: 45px; */
    border: none;
    border-radius: 2px;
    font-size: 17px;
    PADDING: 9px;
    color: #fff;
    outline: none;
    margin: 0 9px;
    cursor: pointer;
    margin-top: 45px;
}

.small-btn {
    width: 150px;
}

.product-list-wrapp, .details-list-wrapp, .product-map-wrapp, .product-list-home {
    width: 100%;
    padding: 50px 0;
}

.product-img-list {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.product-list-home {
    padding: 0 0 30px;
}

.m-right {
    margin-right: 15px;
}

.details-list-wrapp {
    padding: 10px 0 50px;
}

    .details-list-wrapp h2 {
        color: #3d0972;
        font-family: 'Inter', sans-serif !important;
        font-style: normal;
        font-weight: 600;
        font-size: 24px;
        line-height: 36px;
        text-align: left;
        position: relative;
        padding-bottom: 25px;
    }

        .details-list-wrapp h2::before {
            content: "";
            width: 101px;
            height: 3px;
            background: #F6790B;
            position: absolute;
            left: 0%;
            top: 44px;
            transform: translate(0,-50%);
        }

    .details-list-wrapp .product-box {
        width: 100%;
    }

        .details-list-wrapp .product-box:hover {
            width: 100%;
        }

.product-box {
    position: relative;
    width: 100%;
    padding: 15px;
    -webkit-box-shadow: 0px 0px 10px 3px rgb(0 0 0 /9%);
    -moz-box-shadow: 0px 0px 10px 3px rgb(0 0 0 / 9%);
    box-shadow: 0px 0px 10px 3px rgb(0 0 0 / 9%);
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    font-family: 'Inter', sans-serif !important;
    border: 1px solid #eee;
    /*    margin:0 15px 30px;*/
    margin-bottom: 25px
}

    .product-box:hover {
        cursor: pointer;
        width: 100%;
        padding: 15px;
        -webkit-box-shadow: 0px 6px 10px 3px rgb(246 121 11 / 10%);
        -moz-box-shadow: 0px 6px 10px 3px rgb(246 121 11 / 10%);
        box-shadow: 0px 6px 10px 3px rgb(246 121 11 / 10%);
        border: 1px solid #f6790b1f;
        margin-bottom: 25px
    }

    .product-box .img-set {
        width: 80%;
    }

        .product-box .img-set img {
            width: 100%;
        }

    .product-box .content {
        width: 100%;
    }

        .product-box .content ul {
            width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start;
            padding: 15px 0;
        }

            .product-box .content ul li {
                color: #383838;
                border: none;
                padding: 10px 10px 10px 28px;
                text-align: left;
                font-size: 13px;
                font-weight: 500;
                outline: none;
                cursor: pointer;
            }

                .product-box .content ul li i {
                    margin-right: 10px;
                    color: #f6790b;
                    font-size: 18px;
                }

                .product-box .content ul li:first-child {
                    padding-left: 0;
                }

        .product-box .content h4, .product-box .content h4 a, .product-box .content h4 a :hover {
            font-size: 16px;
            font-weight: 600;
            color: #525151;
            text-align: left;
            padding: 10px 0;
            text-decoration: none;
        }

            .product-box .content h4 a:hover {
                color: #f6790b;
            }

        .product-box .content p {
            font-size: 14px;
            font-weight: 400;
            line-height: 15px;
            color: #7a7777;
            text-align: left;
        }

        .product-box .content h3 {
            font-size: 18px;
            text-align: left;
            margin: 10px 0 5px;
            color: #282828;
        }

    .product-box .location-map {
        width: 100%;
        color: #383838;
        background: transparent;
        border: none;
        padding: 10px 0;
        /* text-align: left; */
        font-size: 15px;
        font-weight: 400;
        outline: none;
        text-align: left;
        margin: 0 0 0;
        cursor: pointer;
    }

        .product-box .location-map i {
            color: #f6790b;
            font-size: 20px;
            margin-right: 10px;
        }

        .product-box .location-map span {
            padding-left: 5px;
        }

    .product-box .btn-supplier {
        width: 100%;
        padding: 10px;
        background: #fff;
        border-radius: 5px;
        border: 2px solid #f6790b;
        font-size: 17px;
        color: #f6790b;
        margin: 10px 0;
        cursor: pointer;
    }

        .product-box .btn-supplier:hover {
            width: 100%;
            padding: 10px;
            background: #f6790b;
            border-radius: 5px;
            border: 2px solid #f6790b;
            font-size: 17px;
            color: #fff;
            margin: 10px 0;
            cursor: pointer;
        }

    .product-box .btn-price {
        width: 100%;
        padding: 10px;
        background: #f6790b;
        border-radius: 4px;
        border: 2px solid #f6790b;
        font-size: 13px;
        color: #fff;
        margin: 10px 0;
        box-shadow: 1px 4px 3px rgb(0 0 0 / 8%);
        cursor: pointer;
    }

        .product-box .btn-price:hover {
            width: 100%;
            padding: 10px;
            background: #3d0972;
            border-radius: 4px;
            border: 2px solid #3d0972;
            font-size: 13px;
            color: #fff;
            margin: 10px 0;
            box-shadow: 1px 4px 3px rgb(0 0 0 / 8%);
            cursor: pointer;
        }

    .product-box span {
        position: absolute;
        top: 0;
        background-color: #f67a08;
        color: #fff;
        padding: 7px 15px;
        left: -1px;
        font-size: 13px;
        /* width: 103px; */
        text-align: center;
        transform: rotate(359deg);
        overflow: hidden;
        border-radius: 0 30px 0 36px;
        z-index: 0;
    }
/*product details*/
.product-details-wrapp {
    width: 100%;
    padding: 50px 0 15px;
}

    .product-details-wrapp .products {
        position: relative;
        width: 100%;
        padding-left: 26%;
    }

        .product-details-wrapp .products .thumb-image {
            width: 100%;
            position: relative;
        }

        .product-details-wrapp .products .flex-control-thumbs img {
            width: 118px;
            height: 118px;
        }

        .product-details-wrapp .products .thumb-image .img-responsive {
            width: 100%;
            border: 1px solid #eee;
        }

.products .flex-active-slide {
    border: none;
}

.products .thumb-image .sale-offer {
    position: absolute;
    top: 0;
    left: 0px;
    z-index: 111;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 60px 60px 0 0;
    border-color: #eb803c transparent transparent transparent;
}

.product-details-wrapp .products .thumb-image .sale-offer h6 {
    color: #fff;
    -webkit-transform: rotate(-50deg);
    -moz-transform: rotate(-50deg);
    -ms-transform: rotate(-50deg);
    -o-transform: rotate(-50deg);
    transform: rotate(-50deg);
    text-indent: 64px;
    font-size: 14px;
    margin-left: -39px;
}

.thumb-list {
    width: 22%;
}

    .thumb-list ul {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

        .thumb-list ul li {
            width: 100%;
            list-style: none;
            margin-bottom: 26px;
            border: 1px solid #e6e4e4;
        }

            .thumb-list ul li:last-child {
                margin-bottom: 0;
            }

            .thumb-list ul li img {
                width: 100%;
            }

.product-details-wrapp .product-img-det {
    width: 100%;
    padding: 15px;
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    font-family: 'Inter', sans-serif !important;
    border: 1px solid #eee;
    min-height: 250px;
}

.data-table {
    width: 100%;
}

    .data-table table {
        width: 100%;
        border: 1px solid #eee;
        border-collapse: collapse;
        font-family: 'Inter', sans-serif !important;
    }

        .data-table table tr td {
            padding: 10px;
            border: 1px solid #eee;
            font-size: 14px;
        }

.product-details-wrapp .product-img-det img {
    width: 100%;
}

.btn-lg {
    border: none;
    font-size: 16px;
    background: #f6790b;
    font-weight: 600;
    color: #fff;
    width: 250px;
    /* height: 51px; */
    padding: 10px 0;
    border-radius: 4px;
    margin-top: 14px;
    font-family: 'Inter', sans-serif !important;
}

    .btn-lg span {
        font-size: 12px;
        font-weight: 400;
    }

.fill-qunity {
    width: 60%;
}

    .fill-qunity h6 {
        font-size: 15px;
        font-weight: 500;
        color: #3d0972;
    }

    .fill-qunity .form-group input, .fill-qunity .form-group select {
        background: #fff;
    }

.product-details-wrapp .product-img-det .like {
    position: absolute;
    top: 20px;
    right: 25px;
    width: 30px;
    height: 35px;
    font-size: 22px;
    color: #f6790b;
}

.product-details-wrapp .product-img-det .chat {
    position: absolute;
    top: 20px;
    left: 25px;
    width: 30px;
    height: 35px;
    font-size: 22px;
    color: #3d0972;
}

.details-set {
    width: 100%;
    padding: 0 20px 15px;
}

    .details-set h4 {
        color: #3d0972;
        font-family: 'Inter', sans-serif !important;
        font-style: normal;
        font-weight: 600;
        font-size: 22px;
        line-height: 36px;
        text-align: left;
        padding-bottom: 10px;
        position: relative;
    }

        .details-set h4:before {
            content: "";
            width: 101px;
            height: 3px;
            background: #F6790B;
            position: absolute;
            left: 0%;
            top: 44px;
            transform: translate(0,-50%);
        }

.price-set {
    padding: 12px 0;
    width: 204px;
    border-bottom: 1px solid #d3d2d2;
    margin-bottom: 20px;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    border: none;
    background: #f6790b;
    box-shadow: 0px 3px 3px 0px #00000021;
    border-radius: 2px;
}

    .price-set span {
        color: #0009;
    }

.details-set p {
    color: #505050;
    font-family: 'Inter', sans-serif !important;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
}

.details-set .location {
    border: none;
    outline: none;
}

.details-set ul {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 15px 0;
    background: #fffdfd;
}

    .details-set ul li {
        color: #383838;
        border: none;
        padding: 10px 10px 10px 28px;
        text-align: left;
        font-size: 15px;
        font-weight: 500;
        outline: none;
        cursor: pointer;
    }

        .details-set ul li i {
            margin-right: 10px;
            color: #f6790b;
            font-size: 18px;
        }

        .details-set ul li:first-child {
            padding-left: 0;
        }

.footer-table {
    background: #eee;
    align-items: center;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 10px;
}

.details-show {
    width: 100%;
    border: 1px solid #eee;
    padding: 18px;
}

    .details-show h4 {
        color: #232225;
        font-family: 'Inter', sans-serif !important;
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 30px;
        text-align: left;
        padding-bottom: 10px;
    }

    .details-show table {
        width: 100%;
        border: 1px solid #fafafa;
        font-family: 'Inter', sans-serif !important;
        border-collapse: collapse;
    }

        .details-show table td {
            padding: 14px 10px;
            font-size: 14px;
        }

        .details-show table tr:nth-child(odd) {
            background-color: #f1f1f1;
            font-weight: 600;
        }

    .details-show p {
        padding: 10px 0;
        font-size: 14px;
        font-weight: 500;
        line-height: 24px;
        color: #656565;
    }

.gst {
    background: url(/wwwroot/assets-home/images/gst-icon.jpg) no-repeat 0;
}

.verified {
    background: url(/wwwroot/assets-home/images/verified-icon.jpg) no-repeat 0;
}

.date-last {
    background: url(/wwwroot/assets-home/images/last-icon.jpg) no-repeat 0;
}

.card-regist {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0;
    margin-bottom: 40px;
    flex-wrap: wrap;
}

    .card-regist h4 {
        color: #3d0972;
        font-family: 'Inter', sans-serif !important;
        font-style: normal;
        font-weight: 600;
        font-size: 22px;
        line-height: 36px;
        text-align: left;
        padding-bottom: 10px;
        position: relative;
        width: 100%;
        padding: 0 0 25px;
    }

        .card-regist h4:before {
            content: "";
            width: 101px;
            height: 3px;
            background: #F6790B;
            position: absolute;
            left: 0%;
            top: 44px;
            transform: translate(0,-50%);
        }

.marke-right-color {
    margin-right: 5px;
    color: #f6790b;
}

.card-regist .addresslist-show, .card-regist .call-set, .card-regist .cont-supp {
    width: 32%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    box-shadow: 0 0 3px #3e3e3e38;
    font-family: 'Inter', sans-serif !important;
}

    .card-regist .call-set .icon-number {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .card-regist .call-set .icon-number .icon {
            width: 100px;
            padding: 8px
        }

            .card-regist .call-set .icon-number .icon img {
                width: 100%;
            }

        .card-regist .call-set .icon-number .numbers {
            width: 70%;
            font-size: 16px;
            font-weight: 600;
            color: #f6790b;
        }

            .card-regist .call-set .icon-number .numbers span {
                font-size: 14px;
                color: #9f9f9f;
                font-weight: 400;
                margin-left: 20px;
            }

    .card-regist .addresslist-show h3, .card-regist .call-set h3, .card-regist .cont-supp h3 {
        width: 100%;
        font-size: 20px;
        font-weight: 600;
        color: #f6790b;
        padding: 20px 20px;
    }

.review-add-i {
    position: absolute;
    top: 15px;
    left: 0;
}

.card-regist .cont-supp ul {
    width: 100%;
    padding: 10px 20px;
}

    .card-regist .cont-supp ul li {
        list-style: none;
        padding: 10px 0;
    }

        .card-regist .cont-supp ul li a {
            font-size: 14px;
            font-weight: 500;
            color: #3d0972;
        }

            .card-regist .cont-supp ul li a i {
                margin-right: 10px;
                font-size: 20px;
            }

            .card-regist .cont-supp ul li a:hover {
                color: #f6790b;
            }

.addresslist-show .img-icon {
    width: 100px;
    background: #fff;
    padding: 8px;
}

    .addresslist-show .img-icon img {
        width: 100%;
    }

.chat-wish-cart-set {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    padding: 20px 0 20px;
}

.addresslist-show .address-loc ul li i {
}

.addresslist-show .address-loc {
    padding: 0 0 0 20px;
    width: 72%;
}

    .addresslist-show .address-loc ul {
        width: 100%;
    }

        .addresslist-show .address-loc ul li {
            padding: 10px 0 10px 24px;
            display: flex;
            align-items: center;
            position: relative;
        }

.location-add-i {
    position: absolute;
    top: 10px;
    left: 0;
}

.row-view {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.addresslist-show .address-loc ul li .view-rating {
    width: 20%;
}

    .addresslist-show .address-loc ul li .view-rating span {
        color: #938f8f;
    }

.addresslist-show .address-loc ul li .full-stars {
    width: 66%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.addresslist-show .address-loc ul li .view-rating {
}

.addresslist-show .address-loc ul li .gst {
    padding-left: 25px !important;
}

.chat-wish-cart-set .chat-set {
    border: none;
    font-size: 16px;
    background: #3d0972;
    color: #fff;
    padding: 10px 25px;
    box-shadow: 0px 3px 3px 0px #00000021;
    border-radius: 2px;
    margin-right: 15px;
    display: flex !important;
    cursor: pointer;
    align-items: center;
    justify-content: center;
}

.chat-wish-cart-set .wish-list-set {
    border: none;
    font-size: 20px;
    color: #fff;
    border: none;
    font-size: 20px;
    background: #f6790b;
    color: #fff;
    padding: 10px 25px;
    box-shadow: 0px 3px 3px 0px #00000021;
    border-radius: 2px;
    margin-right: 15px;
}

.details-set .location {
    width: 100%;
    color: #383838;
    background: transparent;
    border: none;
    padding: 10px 0;
    text-align: left;
    font-size: 15px;
    font-weight: 400;
    outline: none;
    margin: 10px 0;
    cursor: pointer;
}

    .details-set .location i {
        color: #f6790b;
        font-size: 20px;
        margin-right: 10px;
    }

.product-map-review {
    width: 600px;
    padding: 20px;
    min-height: 250px;
    box-shadow: 0px 2px 8px 1px rgb(0 0 0 / 14%);
    background: #fff;
    border-radius: 4px;
}

    .product-map-review .product-img {
        width: 200px;
    }

        .product-map-review .product-img img {
            width: 100%;
        }

    .product-map-review .product-map-details {
        width: 450px;
    }
/*language tranlate*/
.goog-te-gadget .goog-te-combo {
    margin: 0 !important;
}

#google_translate_element select {
    outline: none;
    border: none;
}

@import url("https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c");

#google_translate_element {
    margin: 0 auto;
    text-align: center;
    padding-top: 15px;
    position: absolute;
    top: 90px;
    right: 1px;
    display: none;
}

.goog-logo-link {
    display: none !important;
}

.goog-te-gadget {
    height: 35px !important;
}

.goog-te-gadget-simple {
    padding: 4px 6px 10px !important;
    border-radius: 4px !important;
}

.goog-te-gadget::before {
    content: "";
    position: absolute;
    right: 15px;
    top: 20px;
    transform: translateY(-50%) rotate(35deg);
    border: 5px solid #fff;
    border-top-color: rgb(255 255 255);
    border-left-color: rgb(255 255 255);
    margin-top: -2.5px;
    background-color: rgb(255 255 255);
    transition: all ease-in-out 0.2s;
    visibility: hidden;
}

.goog-te-combo option {
    background: #fff;
    padding: 5px;
    border: none;
    outline: none;
}

.goog-te-combo {
    background: url(https://doc-0c-4g-docs.googleusercontent.com/docs/securesc/rsmv8ols9afon4376rbmp02478m80vau/8uoifsj0jro88bfs8mbdhcaeh4am1k6e/1535695200000/0468463…/1529003…/1tddfD-FaHoX5LUGJpkAzhkKHhzj8oBqR?e=view&nonce=0kplvaeq8bb5o&user=1529003…&hash=ifv6ovvvaacle8ugduhv1gmig7u4j4e5) no-repeat 97% 58% #f7f7f7;
    padding: 5px;
    border: none;
    border-radius: 5px;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    color: #3d0972;
    cursor: pointer !important;
    -moz-appearance: none;
    -webkit-appearance: none;
    font-weight: 600;
    width: 124px;
}

/**/

.jst-icon {
    background: url(/wwwroot/assets-home/images/gsticon.jpg) no-repeat 0 10px;
}
/*range css*/
.range-slider {
    width: 98%;
    position: relative;
    margin-top: 20px !important;
    margin: auto;
    margin-left: 2%;
}

#range {
    -webkit-appearance: none;
    width: 100%;
}

    #range:focus {
        outline: none;
    }

    #range::before,
    #range::after {
        position: absolute;
        top: 25px;
        color: #391158;
        font-size: 16px;
        font-weight: 600;
        line-height: 1;
        padding: 3px 5px;
    }

    #range::before {
        left: -6px;
        content: "0";
    }

    #range::after {
        right: 0;
        content: " 100";
    }

    #range::-webkit-slider-runnable-track {
        width: 100%;
        height: 4px;
        cursor: pointer;
        animate: 0.2s;
        background: linear-gradient(90deg, #391158 var(--range-progress), #e1e1e1 var(--range-progress));
        border-radius: 1rem;
    }

    #range::-webkit-slider-thumb {
        -webkit-appearance: none;
        border: 2px solid #391158;
        /*  box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3);*/
        border-radius: 50%;
        background: #fff;
        cursor: pointer;
        height: 25px;
        width: 25px;
        transform: translateY(calc(-50% + 4px));
    }

#tooltip {
    position: absolute;
    top: -28px;
}

    #tooltip span {
        position: absolute;
        text-align: center;
        display: block;
        line-height: 1;
        padding: 7px;
        color: #fff;
        border-radius: 0.125rem;
        background: #391158;
        font-size: 13px;
        left: 50%;
        transform: translate(-50%, 6%);
    }

        #tooltip span:before {
            position: absolute;
            content: "";
            left: 50%;
            bottom: -8px;
            transform: translateX(-50%);
            width: 0;
            height: 0;
            border: 4px solid transparent;
            border-top-color: #391158;
        }

.range-slider {
    width: 98%;
    position: relative;
    margin-top: 20px !important;
    margin: auto;
    margin-left: 2%;
}

#range {
    -webkit-appearance: none;
    width: 100%;
    border: none !important;
}

    #range:focus {
        outline: none;
    }

    #range::before,
    #range::after {
        position: absolute;
        top: 25px;
        color: #391158;
        font-size: 16px;
        font-weight: 600;
        line-height: 1;
        padding: 3px 5px;
    }

    #range::before {
        left: -6px;
        content: "0";
    }

    #range::after {
        right: 0;
        content: " 100";
    }

    #range::-webkit-slider-runnable-track {
        width: 100%;
        height: 4px;
        cursor: pointer;
        animate: 0.2s;
        background: linear-gradient(90deg, #391158 var(--range-progress), #e1e1e1 var(--range-progress));
        border-radius: 1rem;
    }

    #range::-webkit-slider-thumb {
        -webkit-appearance: none;
        border: 2px solid #391158;
        /*  box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3);*/
        border-radius: 50%;
        background: #fff;
        cursor: pointer;
        height: 25px;
        width: 25px;
        transform: translateY(calc(-50% + 4px));
    }

#tooltip {
    position: absolute;
    top: -28px;
}

    #tooltip span {
        position: absolute;
        text-align: center;
        display: block;
        line-height: 1;
        padding: 7px;
        color: #fff;
        border-radius: 0.125rem;
        background: #391158;
        font-size: 13px;
        left: 50%;
        transform: translate(-50%, 6%);
    }

        #tooltip span:before {
            position: absolute;
            content: "";
            left: 50%;
            bottom: -8px;
            transform: translateX(-50%);
            width: 0;
            height: 0;
            border: 4px solid transparent;
            border-top-color: #391158;
        }

/*====chat css start====*/

#center-text {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.btn#my-btn {
    background: white;
    padding-top: 13px;
    padding-bottom: 12px;
    border-radius: 45px;
    padding-right: 40px;
    padding-left: 40px;
    color: #5865C3;
}

#chat-overlay {
    background: rgba(255,255,255,0.1);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: none;
}

.chat-box {
    display: none;
    background: #ffffff;
    position: fixed;
    right: 30px;
    bottom: 50px;
    width: 350px;
    max-width: 85vw;
    max-height: 100vh;
    border-radius: 5px;
    box-shadow: 0px 5px 16px 9px #cccccc24;
    z-index: 9999;
}

.chat-box-toggle {
    float: right;
    margin-right: 15px;
    cursor: pointer;
}

.chat-box-header {
    background: #f6790b;
    height: 60px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: white;
    text-align: center;
    font-size: 18px;
    padding-top: 17px;
}

.chat-box-body {
    position: relative;
    height: 370px;
    height: auto;
    border: 1px solid #ccc;
    overflow: hidden;
}

    .chat-box-body:after {
        content: "";
        background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgdmlld0JveD0iMCAwIDIwMCAyMDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAgOCkiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGNpcmNsZSBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS4yNSIgY3g9IjE3NiIgY3k9IjEyIiByPSI0Ii8+PHBhdGggZD0iTTIwLjUuNWwyMyAxMW0tMjkgODRsLTMuNzkgMTAuMzc3TTI3LjAzNyAxMzEuNGw1Ljg5OCAyLjIwMy0zLjQ2IDUuOTQ3IDYuMDcyIDIuMzkyLTMuOTMzIDUuNzU4bTEyOC43MzMgMzUuMzdsLjY5My05LjMxNiAxMC4yOTIuMDUyLjQxNi05LjIyMiA5LjI3NC4zMzJNLjUgNDguNXM2LjEzMSA2LjQxMyA2Ljg0NyAxNC44MDVjLjcxNSA4LjM5My0yLjUyIDE0LjgwNi0yLjUyIDE0LjgwNk0xMjQuNTU1IDkwcy03LjQ0NCAwLTEzLjY3IDYuMTkyYy02LjIyNyA2LjE5Mi00LjgzOCAxMi4wMTItNC44MzggMTIuMDEybTIuMjQgNjguNjI2cy00LjAyNi05LjAyNS0xOC4xNDUtOS4wMjUtMTguMTQ1IDUuNy0xOC4xNDUgNS43IiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS4yNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PHBhdGggZD0iTTg1LjcxNiAzNi4xNDZsNS4yNDMtOS41MjFoMTEuMDkzbDUuNDE2IDkuNTIxLTUuNDEgOS4xODVIOTAuOTUzbC01LjIzNy05LjE4NXptNjMuOTA5IDE1LjQ3OWgxMC43NXYxMC43NWgtMTAuNzV6IiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS4yNSIvPjxjaXJjbGUgZmlsbD0iIzAwMCIgY3g9IjcxLjUiIGN5PSI3LjUiIHI9IjEuNSIvPjxjaXJjbGUgZmlsbD0iIzAwMCIgY3g9IjE3MC41IiBjeT0iOTUuNSIgcj0iMS41Ii8+PGNpcmNsZSBmaWxsPSIjMDAwIiBjeD0iODEuNSIgY3k9IjEzNC41IiByPSIxLjUiLz48Y2lyY2xlIGZpbGw9IiMwMDAiIGN4PSIxMy41IiBjeT0iMjMuNSIgcj0iMS41Ii8+PHBhdGggZmlsbD0iIzAwMCIgZD0iTTkzIDcxaDN2M2gtM3ptMzMgODRoM3YzaC0zem0tODUgMThoM3YzaC0zeiIvPjxwYXRoIGQ9Ik0zOS4zODQgNTEuMTIybDUuNzU4LTQuNDU0IDYuNDUzIDQuMjA1LTIuMjk0IDcuMzYzaC03Ljc5bC0yLjEyNy03LjExNHpNMTMwLjE5NSA0LjAzbDEzLjgzIDUuMDYyLTEwLjA5IDcuMDQ4LTMuNzQtMTIuMTF6bS04MyA5NWwxNC44MyA1LjQyOS0xMC44MiA3LjU1Ny00LjAxLTEyLjk4N3pNNS4yMTMgMTYxLjQ5NWwxMS4zMjggMjAuODk3TDIuMjY1IDE4MGwyLjk0OC0xOC41MDV6IiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS4yNSIvPjxwYXRoIGQ9Ik0xNDkuMDUgMTI3LjQ2OHMtLjUxIDIuMTgzLjk5NSAzLjM2NmMxLjU2IDEuMjI2IDguNjQyLTEuODk1IDMuOTY3LTcuNzg1LTIuMzY3LTIuNDc3LTYuNS0zLjIyNi05LjMzIDAtNS4yMDggNS45MzYgMCAxNy41MSAxMS42MSAxMy43MyAxMi40NTgtNi4yNTcgNS42MzMtMjEuNjU2LTUuMDczLTIyLjY1NC02LjYwMi0uNjA2LTE0LjA0MyAxLjc1Ni0xNi4xNTcgMTAuMjY4LTEuNzE4IDYuOTIgMS41ODQgMTcuMzg3IDEyLjQ1IDIwLjQ3NiAxMC44NjYgMy4wOSAxOS4zMzEtNC4zMSAxOS4zMzEtNC4zMSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuMjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvZz48L3N2Zz4=');
        opacity: 0.1;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        height: 100%;
        position: absolute;
        z-index: -1;
    }

#chat-input {
    background: #f4f7f9;
    width: 100%;
    position: relative;
    height: 47px;
    padding-top: 10px;
    padding-right: 50px;
    padding-bottom: 10px;
    padding-left: 15px;
    border: none;
    resize: none;
    outline: none;
    border: 1px solid #ccc;
    color: #888;
    border-top: none;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    overflow: hidden;
}

.chat-input > form {
    margin-bottom: 0;
}

#chat-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #ccc;
}

#chat-input::-moz-placeholder { /* Firefox 19+ */
    color: #ccc;
}

#chat-input:-ms-input-placeholder { /* IE 10+ */
    color: #ccc;
}

#chat-input:-moz-placeholder { /* Firefox 18- */
    color: #ccc;
}

.chat-submit {
    position: absolute;
    bottom: 3px;
    right: 10px;
    background: transparent;
    box-shadow: none;
    border: none;
    border-radius: 50%;
    color: #5A5EB9;
    width: 35px;
    height: 35px;
}

.chat-logs {
    padding: 15px;
    height: 370px;
    overflow-y: scroll;
}

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

    .chat-logs::-webkit-scrollbar {
        width: 5px;
        background-color: #F5F5F5;
    }

    .chat-logs::-webkit-scrollbar-thumb {
        background-color: #5A5EB9;
    }

.chat-msg.self > .msg-avatar {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    /*padding: 5px;*/
    display: inline-block;
    float: right;
    background: #f2f2f291;
    border: 1px solid #f8f8f8;
    box-shadow: 1px 0px 4px 3px #3d097233;
}

.chat-msg.user > .msg-avatar {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    /*padding: 5px;*/
    display: inline-block;
    float: left;
    background: #f2f2f291;
    border: 1px solid #f8f8f8;
    box-shadow: 1px 0px 4px 3px #f6790b3d;
}

    .chat-msg.user > .msg-avatar img {
        width: 100%;
        height: 100%;
        border-radius: 100%;
        float: left;
    }

.chat-msg.self > .msg-avatar img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
}

.chat-msg.self > .cm-msg-text {
    background: #3d0972 !important;
    color: #ffff !important;
    float: right;
    margin-right: 10px;
}

.cm-msg-text {
    background: #f6790b !important;
    color: #ffff !important;
    padding: 7px 10px !important;
    border-radius: 5px !important;
    box-shadow: 0px 4px 6px 1px #f6790b36;
    font-size: 12px;
    float: left;
    margin-left: 18px;
    min-width: 100px;
    max-width: 223px;
    position: relative;
    word-break: break-all;
}

.chat-msg.user > .cm-msg-text::after {
    top: 3px;
    left: -28px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #f6790b;
    border-width: 10px;
    margin-left: 10px;
    transform: rotate(265deg);
}


.chat-msg {
    clear: both;
    padding: 10px 0;
}

    .chat-msg.self > .cm-msg-text::after {
        top: 0;
        right: -18px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-bottom-color: #3d0972;
        border-width: 10px;
        margin-left: 10px;
        transform: rotate(87deg);
    }

.cm-msg-button > ul > li {
    list-style: none;
    float: left;
    width: 50%;
}
/**/
.suscribe-set {
    width: 322px;
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
}

    .suscribe-set .form-group {
        flex-direction: row;
        justify-content: space-between;
        padding: 0;
    }

    .suscribe-set .btn-subscribe {
        width: 115px;
    }

    .suscribe-set .form-group input[type="email"] {
        background: #fff;
        height: 35px;
        font-size: 13px;
        font-weight: 500;
        text-align: left;
        padding: 7px 8px
    }

    .suscribe-set .form-group input::placeholder {
    }

    .suscribe-set .form-group input::-webkit-input-placeholder {
        color: #C1C1C1;
        font-size: 13px;
        font-weight: 300;
    }

    .suscribe-set .form-group input::-moz-placeholder {
        color: #C1C1C1;
        font-size: 13px;
        font-weight: 300;
    }

    .suscribe-set .form-group input:-ms-input-placeholder {
        color: #C1C1C1;
        font-size: 13px;
        font-weight: 300;
    }

    .suscribe-set .form-group input:-moz-placeholder {
        color: #C1C1C1;
    }

    .suscribe-set .form-group .input-width {
        width: 198px;
    }

    .suscribe-set .btn-subscribe button {
        width: 100%;
        background: linear-gradient(0deg, #F6790B, #F6790B), linear-gradient(360deg, #FFA620 -87.4%, #F75212 91.84%);
        border-radius: 3.64675px;
        border: none;
        outline: none;
        padding: 7px 15px;
        color: #fff;
        border-radius: 4px;
        height: 35px;
        font-family: 'Inter', sans-serif !important;
        font-size: 13px;
        font-weight: 600;
        word-spacing: 1px;
        cursor: pointer;
        letter-spacing: 1px;
    }
/*help language*/
.help-lang-box {
    border-radius: 100px;
    background: #ffff;
    /*    width: 38px !important;
    height: 38px !important;*/
    color: #3D0972 !important;
    display: flex;
    text-align: center;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    font-size: 13px !important;
    font-weight: 600;
    padding: 0 !important;
    font-family: 'Inter', sans-serif !important;
    cursor: pointer;
    margin-top: -10px;
   padding: 8px 8px !important;
    text-transform: capitalize;
}
/*chart*/
canvas {
    width: 100%;
}

.chart-container {
    position: relative;
    margin: auto;
    height: 100%;
    width: 100%;
    width: 100%;
    padding: 10px 20px;
}

.goog-te-gadget {
    color: #3d0972 !important;
}
/*overlay css*/
.nav-toggle, .search-toggle {
    width: 30px;
    height: 30px;
    display: none;
    cursor: pointer;
}

.overlay {
    background: #00000087;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    z-index: 20;
    display: none;
}

.nav-toggle.box {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
}

    .nav-toggle .box .ba {
        width: 30px;
        height: 3px;
        left: 50%;
        transform: translateX(-50%);
        background: white;
        position: absolute;
        transition: all 0.3s;
    }

.nav-toggle .box-one {
    background: linear-gradient(135deg, #fad961 0%, #f76b1c 100%);
    margin-right: 10px;
}

    .nav-toggle .box-one .bar-1 {
        top: 15px;
    }

    .nav-toggle .box-one .bar-2 {
        top: 24px;
    }

    .nav-toggle .box-one .bar-3 {
        top: 35px;
    }

.nav-togglec .box-one.trans .bar-1 {
    animation: one-1 0.3s linear;
}

.nav-toggle .box-one.trans .bar-2 {
    animation: one-2 0.3s linear;
}

.nav-toggle .box-one.trans .bar-3 {
    animation: one-3 0.3s linear;
}

.nav-toggle .box-one.active .bar-1 {
    top: 25px;
    transform: translateX(-50%) rotate(43deg);
}

.nav-toggle .box-one.active .bar-2 {
    top: 25px;
    transform: translateX(-50%) rotate(-43deg);
}

.nav-toggle .box-one.active .bar-3 {
    opacity: 0;
}

.tab-box {
    box-shadow: 1px 0px 9px 2px rgb(0 0 0 / 9%);
    position: relative;
    background: #fefefe;
    margin-top: 22px;
}

#tab-list {
    width: 100%;
    display: flex;
    padding: 10px 0 10px 10px !important;
    flex-direction: row;
}

    #tab-list li {
        padding: 7px;
    }

        #tab-list li a {
            text-decoration: none;
            background: #e9e9e9;
            color: #272727;
            padding: 10px 30px;
            border-radius: 29px;
            font-weight: 600;
            font-size: 14px;
        }

        #tab-list li.show a {
            text-decoration: none;
            background: #f6790b;
            color: #fff;
            padding: 10px 30px;
            border-radius: 29px;
            font-weight: 600;
            font-size: 14px;
            box-shadow: 0 2px 6px 0px #0000003b;
        }

.content-span {
    font-size: 16px;
    color: #f6790b;
    font-weight: 700;
}

@keyframes one-1 {
    50% {
        top: 31px;
    }

    100% {
        top: 25px;
        transform: translateX(-50%) rotate(-43deg);
    }
}

@keyframes one-2 {
    50% {
        top: 31px;
    }

    100% {
        top: 25px;
        transform: translateX(-50%) rotate(43deg);
    }
}

@keyframes one-3 {
    100% {
        opacity: 0;
    }
}

.before-inherit::before {
    visibility: hidden !important;
}

.cont-left-right-bd {
    border-left: 2px solid rgba(162, 162, 162, 0.28);
    border-right: 2px solid rgba(162, 162, 162, 0.28);
}
/*contact css 28-09-2022*/
h5.contctus-title {
    font-family: 'Port Lligat Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 37px;
    line-height: 40px;
    text-align: center;
    margin-top: 29px;
    color: #363636;
}


.contact-main-title {
    font-family: 'Port Lligat Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 37px;
    line-height: 40px;
    text-align: center;
    margin-bottom: 55px;
    color: #363636;
}

.grid-lg-3 {
    width: 30%;
    margin-left: 3px;
}

.grid-lg-6 {
    width: 38%;
    border-left: 2px solid rgba(162, 162, 162, 0.28);
    border-right: 2px solid rgba(162, 162, 162, 0.28);
}

.coninfobox {
    text-align: center;
    padding: 30px;
}

p.boxsm-title {
    font-style: italic;
    font-weight: 500;
    font-size: 16px;
    margin: 12px 0px;
    text-transform: uppercase;
    color: #4B4B4B;
}

.coninfobox .fa {
    color: #3d0972;
    font-weight: bold;
    font-size: 35px;
}

.row-box {
    background: #FFFFFF;
    box-shadow: -19px 57px 24px rgb(0 0 0 / 1%), -11px 32px 20px rgb(0 0 0 / 5%), -5px 14px 15px rgb(0 0 0 / 9%), -1px 4px 8px rgb(0 0 0 / 10%), 0px 0px 0px rgb(0 0 0 / 10%);
    border-radius: 11px;
    margin-bottom: 95px;
}

.coninfobox ul li {
    padding: 8px 0px;
}

p.address {
    line-height: 23px;
}

p.contact-person {
    color: #f6790b;
    font-weight: bold;
    font-weight: 600;
    font-size: 21px;
    padding: 10px 0px;
}

.sape-design {
    position: relative
}

img.shape-top {
    position: absolute;
    /* right: 0px; */
    right: -57px;
    top: -289px;
    transform: rotate(324deg);
}

img.shape-btm {
    bottom: -303px;
    position: absolute;
    left: -101px;
    transform: rotate(143deg);
}
/*rating css */
.rating {
    width: 226px;
    /* margin: 0 auto 1em; */
    /* font-size: 45px; */
    overflow: hidden
}

    .rating input {
        float: right;
        opacity: 0;
        position: absolute;
    }

    .rating a,
    .rating label {
        float: right;
        color: #aaa;
        text-decoration: none;
        -webkit-transition: color .4s;
        -moz-transition: color .4s;
        -o-transition: color .4s;
        transition: color .4s;
        font-size: 20px;
        margin: 0 5px;
    }

        .rating label:hover ~ label,
        .rating input:focus ~ label,
        .rating label:hover,
        .rating a:hover,
        .rating a:hover ~ a,
        .rating a:focus,
        .rating a:focus ~ a {
            color: orange;
            cursor: pointer;
        }

.rating2 {
    direction: rtl;
}

    .rating2 a {
        float: none
    }

.breadcrumb-wrapp .conttent ul li > h3 {
    font-weight: 300;
    text-align: center;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px;
    color: #fff;
    padding: 5px 10px;
}

.map-loaded {
    height: 400px;
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
/* profile css*/

.time-inline {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100% !important;
}

.custom-file-input1 {
    content: 'Select files';
    color: black !important;
    display: inline-block;
    background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);
    border: 1px solid #d7dbda;
    border-radius: 10px;
    padding: 11px 15px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    text-shadow: 1px 1px #fff;
    font-weight: 500;
    font-size: 10pt;
    width: 100%;
}
/***** form*****/
.form-control {
    width: 100%;
}
/*radio button */
/*radio button */
.radio-set {
    position: relative;
    width: 100%;
    padding: 15px 0;
}

    .radio-set ul {
        display: flex;
        flex-flow: row wrap;
    }

        .radio-set ul li {
            position: relative;
            display: flex;
            flex-direction: row;
            align-items: center;
            padding: 0 30px 0 0;
        }

            .radio-set ul li + label {
                font-size: 14px !important;
            }

            .radio-set ul li [type="radio"]:checked,
            .radio-set ul li [type="radio"]:not(:checked) {
                position: absolute;
                left: -9999px;
            }

                .radio-set ul li [type="radio"]:checked + label,
                .radio-set ul li [type="radio"]:not(:checked) + label {
                    position: relative;
                    padding-left: 28px;
                    cursor: pointer;
                    line-height: 20px;
                    display: inline-block;
                    color: #666;
                    font-size: 15px;
                }

                    .radio-set ul li [type="radio"]:checked + label:before,
                    .radio-set ul li [type="radio"]:not(:checked) + label:before {
                        content: '';
                        position: absolute;
                        left: 0;
                        top: 0;
                        width: 22px;
                        height: 22px;
                        border: 1px solid #763dba;
                        border-radius: 100%;
                        background: #ffffff36;
                    }

                    .radio-set ul li [type="radio"]:checked + label:after,
                    .radio-set ul li [type="radio"]:not(:checked) + label:after {
                        content: '';
                        width: 14px;
                        height: 14px;
                        background: #763dba;
                        position: absolute;
                        top: 4px;
                        left: 4px;
                        border-radius: 100%;
                        -webkit-transition: all 0.2s ease;
                        transition: all 0.2s ease;
                    }

                    .radio-set ul li [type="radio"]:not(:checked) + label:after {
                        opacity: 0;
                        -webkit-transform: scale(0);
                        transform: scale(0);
                    }

                    .radio-set ul li [type="radio"]:checked + label:after {
                        opacity: 1;
                        -webkit-transform: scale(1);
                        transform: scale(1);
                    }


.show {
    display: block !important;
}

.hide {
    display: none;
}

/** TABS DESING CSS**/
.tab-wrapp {
    width: 100%;
    position: relative;
    box-shadow: 0px 2px 8px 1px rgb(0 0 0 / 10%);
    border: 1px solid #eee;
}

.tab {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 20px 0 10px;
}

.desing-tab {
    padding: 0;
    display: none;
}

    .desing-tab .btn-submit {
        background: #F6790B;
        color: #fff;
        font-size: 15px;
        text-align: center;
        box-shadow: 1px 5px 5px 0px rgb(0 0 0 / 9%);
        cursor: pointer;
        border-radius: 0;
    }

    .desing-tab h2 {
        font-size: 17px;
        padding: 0 0 16px 0;
        border-bottom: 1px solid #755232;
        margin-left: 15px;
        color: #755232;
        font-weight: 600;
        width: 98%;
    }

    .desing-tab.active {
        display: block;
    }

.b-nav-tab {
    display: flex;
    overflow: hidden;
    margin: 5px;
    padding: 12px 29px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all 150ms linear;
    text-align: center;
    white-space: nowrap;
    text-decoration: none !important;
    text-transform: none;
    text-transform: capitalize;
    color: #585353;
    border: 0 none;
    border-radius: 36px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.3;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    justify-content: center;
    align-items: center;
    box-shadow: inset 2px -2px 20px 0px rgb(0 0 0 / 12%);
    background: #e5e5e58c;
}

    .b-nav-tab.active {
        color: #ffffff;
        font-size: 13px;
        font-weight: 500;
        background: #550fa9;
    }

.row-form {
    width: 100%;
    flex-wrap: wrap;
}

.form-group {
    width: 100%;
    display: flex;
    padding: 10px 0;
    align-items: center;
}

    .form-group label {
        width: 100%;
        padding-bottom: 9px;
        font-size: 13px;
        font-weight: 500;
        color: #606060e0;
    }

        .form-group label span {
            color: rgb(236, 4, 4);
        }

    .form-group input[type="text"],
    .form-group input[type="email"],
    .form-group input[type="number"],
    .form-group input[type="password"],
    .form-group select,
    .form-group input[type="date"],
    .form-group textarea,
    .form-group input[type="datetime-local"],
    .form-group input[type="datetime"],
    .form-group input[type="time"],
    .form-group input[type="file"] {
        width: 100%;
        height: 45px;
        line-height: 25px;
        background: transparent;
        border: 1px solid #C5C5C5;
        font-size: 14px;
        color: #a09e9e;
        border-radius: 4px;
        padding: 7px 15px;
        font-family: 'Inter', sans-serif !important;
    }

    .form-group textarea {
        height: auto;
    }

        .form-group input[type="text"]:focus,
        .form-group input[type="email"]:focus,
        .form-group input[type="number"]:focus,
        .form-group select,
        .form-group input[type="date"]:focus,
        .form-group input[type="datetime-local"]:focus,
        .form-group input[type="datetime"]:focus,
        .form-group textarea:focus,
        .form-group [type="time"]:focus {
            border: 1px solid #782cc726;
            outline: none;
        }

    .form-group input::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #00000036;
    }

    .form-group input ::-moz-placeholder {
        /* Firefox 19+ */
        color: #00000036;
    }

    .form-group input :-ms-input-placeholder {
        /* IE 10+ */
        color: #00000036;
    }

    .form-group input :-moz-placeholder {
        /* Firefox 18- */
        color: #00000036;
    }

.file-upload {
    background: #550fa92b url(../img/noti_icon.png) no-repeat center center;
    background-size: 70px;
    width: 70px;
    height: 70px;
    padding: 0;
    border: 1px solid #eee;
    border-radius: 100px;
    outline: none;
    position: relative;
}

.file-upload-btn {
    width: 25px;
    height: 25px;
    margin: 0;
    color: #fff;
    background: #d0a547;
    border: none;
    border-radius: 100px;
    transition: all .2s ease;
    outline: none;
    text-transform: uppercase;
    font-weight: 700;
    position: absolute;
    top: -8px;
    right: 0;
    z-index: 4;
}

    .file-upload-btn:hover {
        background: #1AA059;
        color: #ffffff;
        transition: all .2s ease;
        cursor: pointer;
    }

    .file-upload-btn:active {
        border: 0;
        transition: all .2s ease;
    }

.file-upload-content {
    display: none;
    text-align: center;
}

.file-upload-input {
    position: absolute;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    outline: none;
    opacity: 0;
    cursor: pointer;
}

.image-upload-wrap {
    border: 1px solid #cba147;
    position: relative;
    height: 71px;
    width: 71px;
    border-radius: 100px;
}

    .image-dropping,
    .image-upload-wrap:hover {
        background-color: #e0ec3608;
        border: 2px solid #75523229;
        ;
    }

.image-title-wrap {
    padding: 0 15px 15px 15px;
    color: #222;
}

.drag-text {
    text-align: center;
}

    .drag-text h3 {
        font-weight: 100;
        text-transform: uppercase;
        color: #15824B;
        padding: 60px 0;
    }

.file-upload-image {
    height: 58px;
    max-width: 58px;
    margin: auto;
    padding: 0;
    border-radius: 100px;
    margin-top: 4px;
}

    .file-upload-image img {
        width: 100%;
        height: 100%;
    }

.remove-image {
    width: 26px;
    margin: 0;
    color: #fff;
    background: #cd4535;
    border: none;
    padding: 4px;
    border-radius: 4px;
    transition: all .2s ease;
    outline: none;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 100px;
    height: 26px;
    position: absolute;
    bottom: 0;
    right: 0;
}

    .remove-image:hover {
        background: #c13b2a;
        color: #ffffff;
        transition: all .2s ease;
        cursor: pointer;
    }

    .remove-image:active {
        border: 0;
        transition: all .2s ease;
    }

.upload-postion {
    position: absolute;
    right: 20px;
    top: -70px;
}

.slider.round:before {
    border-radius: 50%;
}

.form-wdth-60 {
    width: 40px;
}

/*    .form-wdth-60 .slider:before {
        position: absolute;
        content: "";
        height: 15px;
        width: 15px;
        left: 3px;
        bottom: 2px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }*/

/*--checkbox & upload file css--*/
.checkboxes input[ type="checkbox"] {
    visibility: hidden;
}

.checkboxes input[type=checkbox]:checked + label:before {
    content: "\f00c";
    background-color: #550fa9;
    border: 1px solid #550fa9;
}

.checkboxes label:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    position: absolute;
    left: -18px;
    top: 2px;
    background-color: #fff;
    border: 1px solid #d0d0d0;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: all 0.25s;
    font-family: "FontAwesome";
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 21px;
}

.checkboxes label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 14px;
    margin-right: 20px;
    margin-bottom: 0;
    line-height: 24px;
    font-size: 14px;
    font-weight: 300;
}

/*upload file css*/
.custom-file-input {
    color: transparent;
    width: 100%;
    border: none;
}

    .custom-file-input:hover::before {
        border-color: black;
    }

    .custom-file-input:active {
        outline: 0;
    }

        .custom-file-input:active::before {
            background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
        }


/* test results */

.MultiCheckBox {
    width: 100%;
    line-height: 25px;
    background: transparent;
    border: 1px solid #d7dbda;
    font-size: 14px;
    color: #a09e9e;
    border-radius: 10px;
    padding: 8px 15px;
    cursor: pointer;
}

    .MultiCheckBox .k-icon {
        font-size: 14px;
        float: right;
        font-weight: bolder;
        margin-top: -7px;
        height: 10px;
        width: 14px;
        color: #787878;
    }

.MultiCheckBoxDetail {
    display: none;
    position: absolute;
    border: 1px solid #e2e2e2;
    overflow-y: hidden;
    width: 100% !important;
    background: #fff;
}

.realtive {
    position: relative;
}

.MultiCheckBoxDetailBody {
    overflow-y: scroll;
}

.MultiCheckBoxDetail .cont {
    clear: both;
    overflow: hidden;
    padding: 7px 0;
    text-indent: 30px;
    display: flex;
    justify-content: flex-start;
    border-bottom: 1px solid #e6e6e6;
}

    .MultiCheckBoxDetail .cont:hover {
        background-color: #cfcfcf;
    }

.MultiCheckBoxDetailBody > div > div {
    float: left;
}

.MultiCheckBoxDetail > div > div:nth-child(1) {
}

.MultiCheckBoxDetailHeader {
    overflow: hidden;
    position: relative;
    height: 28px;
    background-color: #3d3d3d;
}

    .MultiCheckBoxDetailHeader > input {
        position: relative;
        top: 2px;
        left: 31px
    }

    .MultiCheckBoxDetailHeader > div {
        color: #fff;
        /* text-indent: 24px; */
        visibility: visible;
        position: absolute;
        /* background: #646464; */
        top: 0;
        left: 55px;
    }

.flex-wrapp {
    flex-wrap: wrap;
}

.custom-file-input-storge {
    content: 'Select files';
    color: black !important;
    display: inline-block;
    background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);
    border: 1px solid #d7dbda;
    border-radius: 10px;
    padding: 11px 15px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    text-shadow: 1px 1px #fff;
    font-weight: 500;
    font-size: 10pt;
    width: 100%;
}

.shadow-middle-title {
    background: #eeeff2;
    padding: 10px 15px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    box-shadow: 1px 1px 6px #00000014;
}

    .shadow-middle-title .table-title {
        font-size: 18px;
        font-weight: 600;
        color: #220759;
    }

.custom-file-input-storge {
    content: 'Select files';
    color: black !important;
    display: inline-block;
    background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);
    border: 1px solid #d7dbda;
    border-radius: 10px;
    padding: 11px 15px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    text-shadow: 1px 1px #fff;
    font-weight: 500;
    font-size: 10pt;
    width: 100%;
}

.shadow-middle-title {
    background: #eeeff2;
    padding: 10px 15px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    box-shadow: 1px 1px 6px #00000014;
}

    .shadow-middle-title .table-title {
        font-size: 16px;
        font-weight: 600;
        color: #220759;
        margin: 0;
        padding: 0;
    }

.btn {
    padding: 5px 10px !important;
    font-size: 13px !important;
}

.current-adr {
    font-size: 14px;
    font-weight: 500;
    color: #1c1a1e;
    padding-top: 10px;
    padding-bottom: 4px;
    padding-left: 0;
    text-align: left;
    width: 100%;
    border-bottom: solid 1px #e57322;
}

.float-right1 {
    float: right;
    align-items: center;
    display: flex;
}

.same-as {
    font-size: 13px;
    color: #656565bd;
    font-weight: 400;
    padding-right: 5px;
}

.w-47 {
    width: 47% !important;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-60 {
    margin-bottom: 60px;
}

/*welcome login */

.welcome-box {
    margin-left: 15px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    /* background-color: #e9e9e98c; */
    padding: 4px 18px;
    -webkit-border-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-radius: 6px;
    border-top-right-radius: 6px;
    width: auto;
    max-width: 75%;
    position: relative;
    /* box-shadow: -3.08176px -3.08176px 7.7044px 1.54088px rgb(255 255 255 / 31%), 2.31132px 4.62264px 5.39308px 0.77044px rgb(215 215 215 / 35%); */
}

    .welcome-box h2 {
        width: 100px;
        line-height: 25px;
        line-height: 25px;
        font-size: 14px;
        color: #1a1a1ab8;
        margin-right: 10px;
        font-weight: 400 !important;
        font-family: 'Inter', sans-serif !important;
        white-space: nowrap;
        overflow: hidden !important;
        text-overflow: ellipsis;
    }

        .welcome-box h2 span {
            color: #fff !important;
            font-weight: 400 !important;
            font-size: 13px !important;
        }

    .welcome-box a {
        display: flex;
        flex-direction: column;
        padding: 3px;
        outline: none;
        cursor: pointer;
    }

        .welcome-box a img {
            width: 35px;
            height: 35px;
            border-radius: 100%;
            border: 2px solid #ffffff;
            padding: 2px;
        }

    .welcome-box::before {
        content: '';
        position: absolute;
        right: 3px;
        top: 20px;
        width: 0;
        height: 0;
        border-top: solid 7px rgb(255 255 255);
        border-left: solid 7px transparent;
        border-right: solid 7px transparent;
    }

.welcome-drop-down, .notification-drop-down {
    position: absolute;
    width: 210px;
    display: none;
    flex-direction: column;
    top: 67px;
    right: 0;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    background-color: #fff;
    z-index: 99;
    padding: 0;
    margin: 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.notification-drop-down {
    top: 57px;
}

    .welcome-drop-down:after, .notification-drop-down:after {
        content: '';
        position: absolute;
        right: 30px;
        top: -10px;
        width: 0;
        height: 0;
        border-left: 9px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 14px solid #ffffff;
        z-index: -99;
    }

    .welcome-drop-down li, .notification-drop-down li {
        list-style: none;
        width: 100%;
    }

        .welcome-drop-down li a, .welcome-drop-down li a:hover, .notification-drop-down li a {
            padding: 15px 12px;
            display: block;
            width: 100%;
            color: #000 !important;
            text-align: left;
            word-break: break-word;
            border-bottom: 1px solid #eee;
            font-size: 13px;
        }

            .welcome-drop-down li a:hover {
                color: #550fa9 !important;
            }

.notification-drop-down {
    width: 300px;
}

    .welcome-drop-down:after, .notification-drop-down:after {
        right: 17px;
        top: -14px;
    }

    .notification-drop-down li a {
        background-color: transparent;
        height: auto;
        padding: 8px 12px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        text-align: left;
        width: 100%;
    }

        .notification-drop-down li a:hover {
            background-color: transparent;
            display: block;
            height: auto;
            padding: 8px 12px;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            color: #550fa9 !important;
            text-align: left;
            width: 100%;
        }

    .notification-drop-down li {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        align-items: center;
    }

    .notification-drop-down .icon {
        width: 40px;
        display: flex;
        align-items: center;
        flex-direction: column;
    }

        .notification-drop-down .icon img {
            width: 100%;
            border: 2px solid #3d097217;
            -webkit-border-radius: 100%;
            -moz-border-radius: 100%;
            border-radius: 100%;
            padding: 1px;
        }

    .notification-drop-down .content-n {
        width: 76%;
        flex-flow: column;
        font-size: 13px;
        line-height: 18px;
        word-break: break-all;
    }

    .welcome-drop-down li:last-child, .notification-drop-down li:last-child {
        border-bottom: none;
    }

.logout, .logout:focus, .logout:visited, .logout:hover, .viewall-noti, .viewall-noti:focus, .viewall-noti:visited, .viewall-noti:hover {
    width: 100%;
    padding: 15px 12px;
    border: none;
    outline: none;
    background: #ef8234;
    color: #fff;
    font-weight: 700;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    text-transform: uppercase;
    cursor: pointer;
}

    .logout:focus, .logout:visited, .logout:hover, .viewall-noti:focus, .viewall-noti:visited, .viewall-noti:hover {
        background: #671fb8;
        border: none;
        outline: none;
    }

.searchicon, .nav-mobile {
    display: none;
}

.notification {
    width: 60px;
    position: relative;
    display: flex;
    justify-content: flex-end;
}

    .notification a, .notification a:hover {
        display: flex;
        text-decoration: none;
        background-color: #ef8234;
        color: #fff;
        position: relative;
        padding: 4px;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
        width: 33px;
        height: 32px;
        text-align: center;
        align-items: center;
        justify-content: center;
    }

        .notification a:hover {
            background-color: #671fb8;
            color: #fff;
        }

.setting i:hover {
    color: #cfa549;
}

.notification a i {
    font-size: 15px;
    color: #fff;
}

.notification a .no_card, .notification a .no-card {
    position: absolute;
    top: -19px;
    background-color: #ff0000;
    padding: 6px;
    font-size: 12px;
    color: #fff;
    right: -15px;
    font-weight: normal;
    height: 26px;
    width: 26px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}

/*SWITHC TOGGLE CSS*/
/*.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 20px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 20px;
        width: 20px;
        left: 1px;
        bottom: 2px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #510ea1;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(28px);
    -ms-transform: translateX(28px);
    transform: translateX(28px);
}

.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }
*/
.form-wdth-60 {
    width: 40px;
}

/*    .form-wdth-60 .slider:before {
        position: absolute;
        content: "";
        height: 12px;
        width: 12px;
        left: 3px;
        bottom: 2px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }*/

.shadow-middle-title {
    background: #eeeff2;
    padding: 10px 15px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    box-shadow: 1px 1px 6px #00000014;
}

.table-wrapp table th {
    background: #ef8234;
    padding: 10px 7px;
    text-align: left;
    font-size: 13px;
    font-weight: 500;
    color: #ffff;
    border-left: 1px solid #ffffff5e;
}

.table-wrapp table {
    border-collapse: collapse;
    width: 100%;
}

    .table-wrapp table td {
        border: 1px solid #550fa929;
        text-align: left;
        padding: 10px 7px;
        font-size: 13px;
        font-weight: 300;
    }

    .table-wrapp table tr:nth-child(odd) {
        background-color: #dddddd45;
    }

.btnadd-success {
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    color: #fff;
    background-color: #ea830e;
    border-radius: 24px;
    padding: 10px 15px;
    cursor: pointer;
}

.table-wrapp table .btn-wrapp {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
}

.ps-relative {
    position: relative;
}

/*.green-bg {
    background: #74ab00;
}*/

.btn-edit, .btn-delet {
    border: none;
    outline: none;
    padding: 5px;
    width: 30px;
    height: 30px;
    color: #fff;
    font-size: 14px;
    margin-right: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    align-items: center;
    display: flex;
    justify-content: center;
}

.box-shadow {
    width: 100%;
    position: relative;
    box-shadow: 0px 2px 8px 1px rgb(0 0 0 / 10%);
    border: 1px solid #eee;
}

.table-wrapp table td img {
    width: 70px;
    height: 50px;
}

.file-upload h5 {
    width: 105px;
    right: -22px;
    position: absolute;
    margin-top: 4px;
}

.btn-cancel:hover {
    background: #d72e2e !important;
}

.padd-25-25-35 {
    padding: 25px 10px 35px;
}

#divForm .btn-submit, #divForm .btn-cancel {
    font-size: 15px;
    line-height: 24px;
    cursor: pointer;
    padding: 10px 40px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
/*chat desing*/
#chat-container {
    width: 750px;
    height: 80vh;
    background: #ffffff;
    margin: 0 auto;
    font-size: 0;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 25px;
    box-shadow: -7px 3px 16px 2px #0000001a;
}

.aside {
    width: 260px;
    height: 100%;
    background-color: #35006b;
    display: inline-block;
    font-size: 14px;
    vertical-align: top;
}

.mainchat {
    width: 490px;
    height: 100vh;
    display: inline-block;
    font-size: 15px;
    vertical-align: top;
}

.aside header {
    padding: 14px 20px;
}

.aside input {
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 50px 0 20px;
    background-color: #5e616a;
    border: none;
    border-radius: 3px;
    color: #fff;
    background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/1940306/ico_search.png);
    background-repeat: no-repeat;
    background-position: 170px;
    background-size: 40px;
}

    .aside input::placeholder {
        color: #fff;
    }

.aside ul {
    padding-left: 0;
    margin: 0;
    list-style-type: none;
    overflow-y: scroll;
    height: 690px;
}

.aside li {
    padding: 10px 0;
    border-bottom: 1px solid #ffffff1f;
}

    .aside li:hover {
        background-color: #fafafa;
        cursor: pointer;
    }

        .aside li:hover h2 {
            color: #3d0972;
        }

    .aside li img {
        border-radius: 50%;
        margin-left: 20px;
        margin-right: 8px;
        width: 40px;
        height: 40px;
        border: 2px solid #f5f5f5;
    }

    .aside li div {
        display: inline-block;
        vertical-align: top;
        margin-top: 12px;
    }

    .aside li h2 {
        font-size: 14px;
        color: #fff;
        font-weight: normal;
        margin-bottom: 5px;
    }

    .aside li h3 {
        font-size: 12px;
        color: #7e818a;
        font-weight: normal;
    }

.status {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 7px;
}

.green {
    background-color: #58b666;
}

.orange {
    background-color: #ff725d;
}

.blue {
    background-color: #6fbced;
    margin-right: 0;
    margin-left: 7px;
}


.mainchat header {
    height: 70px;
    padding: 6px 20px 5px 30px;
    background: #f7eeff;
    margin-bottom: 15px;
    box-shadow: 1px 1px 3px #0000001a;
}

    .mainchat header > * {
        display: inline-block;
        vertical-align: top;
    }

    .mainchat header img:first-child {
        border-radius: 50%;
    }

    .mainchat header img:last-child {
        width: 24px;
        margin-top: 8px;
    }

    .mainchat header div {
        margin-left: 10px;
        margin-right: 145px;
    }

    .mainchat header h2 {
        font-size: 15px;
        margin-bottom: 5px;
        font-family: 'Inter' !important;
        font-weight: 600;
        color: #3d0972;
    }

    .mainchat header h3 {
        font-size: 14px;
        font-weight: 300;
        color: #303134;
    }

#chat-design {
    padding-left: 0;
    margin: 0;
    list-style-type: none;
    overflow-y: scroll;
    height: 50vh;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

    #chat-design li {
        padding: 10px 20px;
    }

    #chat-design h2, #chat-design h3 {
        display: inline-block;
        font-size: 13px;
        font-weight: normal;
    }

    #chat-design h3 {
        color: #bbb;
    }

    #chat-design .entete {
        margin-bottom: 5px;
    }

    #chat-design .message {
        padding: 8px 15px 8px 15px;
        color: #fff;
        line-height: 18px;
        max-width: 90%;
        display: inline-block;
        text-align: left;
        border-radius: 5px;
        font-size: 13px;
        font-weight: 300;
        font-family: 'Inter', sans-serif
    }

    #chat-design .me {
        text-align: right;
    }

    #chat-design .you .message {
        background-color: #3d0972;
    }

    #chat-design .me .message {
        background-color: #ef8234;
    }

    #chat-design .triangle {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 7px 10px 7px;
    }

    #chat-design .you .triangle {
        border-color: transparent transparent #3d0972 transparent;
        margin-left: 15px;
    }

    #chat-design .me .triangle {
        border-color: transparent transparent #ef8234 transparent;
        margin-left: 400px;
    }

.mainchat footer {
    height: 155px;
    padding: 20px 30px 10px 20px;
}

    .mainchat footer textarea {
        resize: none;
        border: none;
        display: block;
        width: 100%;
        height: 80px;
        border-radius: 6px;
        padding: 20px;
        font-size: 13px;
        margin-bottom: 13px;
        background: #fff;
        box-shadow: 0px 0px 9px 2px #00000012;
        outline: none;
        border: 1px solid #eee;
    }

        .mainchat footer textarea:focus {
            outline: none;
        }

        .mainchat footer textarea::placeholder {
            color: #ddd;
        }

    .mainchat footer img {
        height: 30px;
        cursor: pointer;
    }

    .mainchat footer a {
        text-decoration: none;
        text-transform: uppercase;
        font-weight: 600;
        color: #ef8234;
        vertical-align: top;
        margin-left: 333px;
        margin-top: 5px;
        display: inline-block;
    }

.product-box .img-set img {
    height: 220px;
}

.relative {
    position: relative;
}
/*---------------sub menu enquiry-----------------------*/
.nav-wrapp ul li {
    padding: 5px 0 14px;
}

    .nav-wrapp ul li ul {
        display: none;
        width: 250px;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
    }

    .nav-wrapp ul li:hover ul::before {
        content: "";
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 10px solid white;
        position: absolute;
        left: 30px;
        top: -5px;
        transform: rotate(58deg);
    }

    .nav-wrapp ul li:hover ul {
        background-color: #fff;
        display: block;
        position: absolute;
        left: 0;
        z-index: 99;
        top: 34px;
        box-shadow: 0px 6px 6px 4px #0000001a;
        border: 1px solid #fff;
    }

        .nav-wrapp ul li:hover ul li {
            width: 100%;
            list-style: none;
            padding: 0 !important;
            margin: 0;
        }

            .nav-wrapp ul li:hover ul li:last-child {
                border-bottom: 1px solid transparent;
            }

            .nav-wrapp ul li:hover ul li a {
                padding: 13px 7px;
                color: #020202;
                font-weight: 400;
                font-size: 13px;
                display: block;
            }

                .nav-wrapp ul li:hover ul li a:hover {
                    padding: 13px 7px;
                    color: #FFFFFF;
                    font-weight: 400;
                    font-size: 13px;
                    display: block;
                    background: #3D0972;
                }

.nav-wrapp ul li {
    list-style: none;
    position: relative;
}

    .nav-wrapp ul li:hover ul li {
        width: 100%;
        list-style: none;
        border-bottom: 1px solid #0003;
        position: relative;
    }

        .nav-wrapp ul li:hover ul li:last-child {
            border-bottom: 1px solid transparent;
        }

    @media (max-width: 1560px) {
        .container {
            width: 1300px;
        }

        .product-details-wrapp .products .flex-control-thumbs img {
            width: 110px;
            height: 130px;
        }

        .find-supplier-wrapp ::before {
            left: -53px;
        }
        .nav-wrapp {
            width: 85%;
        }
    }
    @media (max-width: 1460px) {
        .nav-wrapp {
            width: 84%;
        }
        .header-wrapp .header-left {
            width: 87%;
        }
        .container{
            width: 1280px;
        }
        .product-details-wrapp .products .flex-control-thumbs img {
            width: 110px;
            height: 130px;
        }
        .header-wrapp .header-left .search-set {
            width: 670px;
        }
        .header-wrapp .header-left .search-set input {
            width: 400px;
        }
    }
    @media (max-width: 1350px) {
        .container{
            width: 1150px;
        }
        .ges-col-xl-1 {
            width: 8.33333333% !important;
        }
        .ges-col-xl-2 {
            width: 16.66666667% !important;
        }
        .ges-col-xl-3 {
            width: 25%;
        }
        .ges-col-xl-4 {
            width: 33.33333333% !important;
        }
        .ges-col-xl-5 {
            width: 41.66666667% !important;
        }
        .ges-col-xl-6 {
            width: 50% !important;
        }
        .ges-col-xl-7 {
            width: 58.33333333% !important;
        }
        .ges-col-xl-8 {
            width: 66.66666667% !important;
        }
        .ges-col-xl-9 {
            width: 75% !important;
        }
        .ges-col-xl-10 {
            width: 83.33333333% !important;
        }
        .ges-col-xl-11 {
            width: 91.66666667% !important;
        }
        .ges-col-xl-12 {
            width: 100% !important;
        }
        /*header search*/
        .header-wrapp .header-left .logo {
            width: 130px;
        }
        .header-wrapp .header-left .search-set {
            width: 685px;
        }
        .header-wrapp .header-left .search-set input, #list-search {
            width: 380px;
        }
        .find-supplier-wrapp ::before {
            left: -82px;
        }
        .range {
            width: 340px;
        }
        .product-details-wrapp .products .flex-control-thumbs img {
            width: 105px;
            height: 115px;
        }
        .details-set ul{
            flex-wrap:wrap;
        }
        .header-wrapp .header-left .search-set {
            width: 570px;
        }

        .header-wrapp .header-left .search-set input {
            width: 300px;
        }
    }
    @media (max-width: 1250px) {
        .container{
            width: 1050px;
        }
        .ges-col-lg-1 {
            width: 8.33333333%;
        }
        .ges-col-lg-2 {
            width: 16.66666667%;
        }
        .ges-col-lg-3 {
            width: 25%;
        }
        .ges-col-lg-4 {
            width: 33.33333333% !important;
        }
        .ges-col-lg-5 {
            width: 41.66666667% !important;
        }
        .ges-col-lg-6 {
            width: 50%;
        }
        .ges-col-xl-7 {
            width: 58.33333333% !important;
        }
        .ges-col-lg-8 {
            width: 66.66666667% !important;
        }
        .ges-col-xl-9 {
            width: 75% !important;
        }
        .ges-col-lg-10 {
            width: 83.33333333% !important;
        }
        .ges-col-lg-11 {
            width: 91.66666667% !important;
        }
        .ges-col-lg-12 {
            width: 100% !important;
        }
        /*header search*/
        .header-wrapp .header-left .logo {
            width: 115px;
            top: 18px;
        }
        .header-wrapp .header-left .search-set {
            width: 600px;
        }
        .header-wrapp .header-left .search-set input,#list-search {
            width: 300px;
        }
        .header-wrapp .header-left {
            width: 86%;
        }
        .nav-wrapp {
            width: 84%;
        
        }
        .header-wrapp .help-lang-set {
            padding-left: 25px;
        }
        .footer-wrapp .footer-top .footer-logo {
            width: 125px;
        }
        .suscribe-set {
            width: 100%;
       
        }
        .suscribe-set .form-group .input-width {
            width: 140px;
        }
        .suscribe-set .btn-subscribe {
            width: 95px;
        }
        /*home*/
        .tab-wrapp .flex-item {
            width: 100%;
            overflow-x: auto;
        }
        .ser-payment-wrapp .table-buy-wrapp .table-set table, .services-payment-wrapp table {
            max-width: inherit; width: 800px;
        }
        .range {
            width: 307px;
        }
        .product-list-wrapp{
            width: 100%;
            padding: 0 0 50px;
        }
        .details-set {
            padding: 0 0 15px;
        }

        .product-details-wrapp .products .thumb-image .img-responsive {
            width: 98%;
        }

        .product-details-wrapp .products {
            position: relative;
            width: 100%;
            padding-left: 0;
        }

        .product-details-wrapp .products .flex-control-nav {
            position: relative;
            bottom: 0;
            top: inherit;
            width: 100%;
            display: flex;
            align-items: center;
            flex-direction: row;
            justify-content: space-between;
            height: auto;
        }
        .flex-control-thumbs li, .flex-control-thumbs li:nth-child(2) {
            margin: 10px 0 0 !important;
        }
          
        .btn-lg {
            font-size: 15px;
            width: 40%;
        }

        .product-details-wrapp .products .flex-control-thumbs img {
            width: 111px;
            height: 111px;
        }
        .card-regist{
            padding:20px 0 0;
        }
        .brand-wrapp ul li a {
            word-break: break-word;
            flex-direction: column;
            text-align: center;
        }
        .brand-wrapp ul li img {
            margin-right: 0;
            margin-bottom: 5px;
        }
        .header-wrapp .header-left .search-set {
            width: 488px;
        }

        .header-wrapp .header-left .search-set input {
            width:280px;
        }
        .header-wrapp .header-left .search-set .search-btn {
            width: 92px;
            height: 42px;
        }

        .header-wrapp .header-left .select-list {
            width: 115px;
        }
            .header-wrapp .header-left .search-set .search-btn i {
            margin-right: 6px;
            margin-left: 11px;
        }
    }

    @media (max-width: 1100px) {
        .container {
            width: 950px;
        }

        .ges-col-min-top-1 {
            width: 8.33333333% !important;
        }

        .ges-col-min-top-2 {
            width: 16.66666667% !important;
        }

        .ges-col-min-top-3 {
            width: 25% !important;
        }

        .ges-col-min-top-4 {
            width: 33.33333333% !important;
        }

        .ges-col-min-top-5 {
            width: 41.66666667% !important;
        }

        .ges-col-min-top-6 {
            width: 50% !important;
        }

        .ges-col-min-top-7 {
            width: 58.33333333% !important;
        }

        .ges-col-min-top-8 {
            width: 66.66666667% !important;
        }

        .ges-col-min-top-9 {
            width: 75% !important;
        }

        .ges-col-min-top-10 {
            width: 91.66666667%
        }

        .ges-col-min-top-11 {
            width: 91.66666667% !important;
        }

        .ges-col-min-top-12 {
            width: 100% !important;
        }
        /*header search*/
        .header-wrapp .header-left .logo {
            width: 115px;
            top: 20px;
        }

        .header-wrapp .header-left .search-set {
            width: 493px;
        }
        .header-wrapp .header-left .search-set input, #list-search {
            width: 250px;
            left: 121px;
        }
        .header-wrapp .header-left {
            width: 86%;
        }

        .nav-wrapp {
            width: 78%;
        }

        .header-wrapp .help-lang-set {
            width: 113px;
            padding-left: 23px;
        }
        .dropdown-container .dropdown-menu {
            right: 26px !important;
            left: inherit;
        }
        .dropdown-container .dropdown-menu::before {
            right: 46px;
            left: inherit;
        }
        .header-wrapp .header-left .select-list {
        width: 100px;
        }
        .header-wrapp .header-left .select-list i {
            margin-right: 8px;
            margin-left: 11px;
            font-size: 20px;
        }
        .header-wrapp .header-left .search-set .search-btn {
            width: 110px;
        }
        .nav-wrapp ul li a {
            font-size: 13px;
            font-weight: 400;
        }
        .header-wrapp .help-lang-set {
            width: 120px;
            padding-left: 24px;
        }
  
  
        .about-wrapp .images-set {
            width: 100% !important;
        }
        .about-wrapp .about-vision {
            width: 100%;
            padding: 0 50px;
            background: transparent;
            height: auto;
        }
        .about-wrapp .about-vision p {
           
            padding-bottom: 0px;
        }
        .product-list-wrapp {
            padding: 5px 0 40px;
        }
        .flex-control-thumbs li, .flex-control-thumbs li:nth-child(2) {
            margin: 10px 10px 8px !important;
        }
        .flex-control-nav::-webkit-scrollbar {
            width: 5px;
            height:5px;
        }
        .product-details-wrapp .products .flex-control-thumbs img {
            width: 100px;
            height: 113px;
        }
        .details-set h4, .details-list-wrapp h2 {
            font-size: 20px;
        }
        .calculate-wrapp .price-card .date {
            width: 47%;
        }
        .ser-payment-wrapp h2, .find-supplier-wrapp h2, .socio-economics-wrapp h2 {
            font-size: 26px;
        }
        .find-supplier-wrapp {
            padding: 10px 0;
        }
       
     }
    @media (max-width: 1024px) {
        .container {
            width: 930px;
        }

        .ges-col-ipl-1 {
            width: 8.33333333% !important;
        }

        .ges-col-ipl-2 {
            width: 16.66666667% !important;
        }

        .ges-col-ipl-3 {
            width: 25% !important;
        }

        .ges-col-ipl-4 {
            width: 33.33333333% !important;
        }

        .ges-col-ipl-5 {
            width: 41.66666667% !important;
        }

        .ges-col-ipl-6 {
            width: 50% !important;
        }

        .ges-col-ipl-7 {
            width: 58.33333333% !important;
        }

        .ges-col-ipl-8 {
            width: 66.66666667% !important;
        }

        .ges-col-ipl-9 {
            width: 75% !important;
        }

        .ges-col-ipl-10 {
            width: 75% !important;
        }

        .ges-col-ipl-11 {
            width: 91.66666667% !important;
        }

        .ges-col-ipl-12 {
            width: 100% !important;
        }
        /*order and hide show css*/
        .ges-col-ipl-order-1 {
            order: 3;
        }

        .ges-col-ipl-hide {
            display: none;
        }

        .ges-col-ipl-show {
            display: block
        }
        .ges-col-flex-align-start {
            align-items: flex-start;
        }
        /*header css*/
        .header-wrapp .header-left {
            width:77%;
            position: inherit;
        }
        .header-wrapp .header-left .logo {
            width: 86px;
            top: 15px;
            left: 3%;
            padding-bottom: 11px;
        }
        .help-lang-box {
            margin-top: 24px;
        }

        .nav-wrapp {
            padding: 0;
            flex-direction: column;
            height: 100vh;
            background: #3d0972;
            left: 0;
            top: 0;
            z-index: 999;
            position: fixed;
            box-shadow: 0px 9px 1px 4px rgb(61 9 114 / 29%);
            left: -250px;
            transition: all .2s ease;
            transition: all 0.6s ease-in-out;
            transform: translateX(-250px);
        }
        .mbl-nav {
            width: 250px;
            left: -250px;
            transition: all 0.6s ease-in-out;
        }
        .show-nav {
            display: block;
            left: 250px;
            transform: translateX(-250px);
        }
        .nav-wrapp ul {
            display: block;
            flex-flow: inherit;
            justify-content: inherit;
        }
        .nav-wrapp ul li {
            border-bottom: 1px solid #eeeeee4a;
        }
        .nav-wrapp ul li:last-child {
            border-bottom: none;
        }
        .nav-wrapp ul li a, .nav-wrapp ul li a:hover {
            list-style: none;
            padding: 15px 25px;
            display: inline-block;
            width: 100%;
        }
        .nav-w rapp ul li a:hover {
            background: #ff6a00;
            color: #fff;
        }
        #google_translate_element {
            z-index: 10;
        }

        .dropdown-container .dropdown-menu {
            right: 32px;
            top: 68px;
            left: inherit;
        }
        .dropdown-container .dropdown-menu::before {
            right: 113px;
            left: inherit;
        }
        .dropdown-menu::before {
            left: inherit;
            right: 32px;
        }

        .header-wrapp .header-left .search-set {
            display: none;
            width: 100%;
            position: absolute;
            top: 97px;
            z-index: 101;
            left: 50%;
            background: #ffffff;
            padding: 10px 0 20px;
            right: 0;
            display: none;
            justify-content: center;
            box-shadow: 0 10px 5px 15px rgb(0 0 0 / 5%);
            transform: translate(-50%, 0px);
            margin-left: 0;
            -webkit-border-bottom-right-radius: 10px;
            -webkit-border-bottom-left-radius: 10px;
            -moz-border-radius-bottomright: 10px;
            -moz-border-radius-bottomleft: 10px;
            border-bottom-right-radius: 10px;
            border-bottom-left-radius: 10px;
        }

 
        .header-wrapp .header-left .search-set input, #list-search {
            width: 66%;
            left: 121px;
            background: #f4f2f2;
        }
        .nav-toggle, .search-toggle {
            display: block;
            position: relative;
            z-index: 8;
        }
        .nav-toggle {
            z-index: 99;
            cursor: pointer;
        }
        .search-toggle {
            width: 50px;
        }
        .search-toggle button {
            border: none;
            outline: none;
            font-size: 20px;
            color: #fff;
            background: transparent;
        }
        .header-wrapp .help-lang-set {
            width: 178px;
            padding-left: 26px;
        }
        .sign-in-up {
            margin-left: 10px;
        }
        /*home */
        .services-payment-wrapp h2 {
            font-size: 28px;
        }
        .services-payment-wrapp h2::before {
            width: 219px;
            height: 3px;
        }
        .services-payment-wrapp .box-card h2 {
            font-size: 18px;
            text-align: left;
            padding-bottom: 10px;
        }
        .find-supplier-wrapp .state-wrapp ul li .icon-stat {
            padding-bottom: 25px;
        }
        .brand-wrapp ul li img {
            margin-right: 0;
            margin-bottom: 4px;
        }
        .brand-wrapp ul li a {
            align-items: center;
            flex-direction: column;
            justify-content: center;
            text-align: center;
        }
        .services-payment-wrapp .box-card h2::before {
            width: 204px;
            left: 0;
            transform: inherit;
        }
        .services-payment-wrapp .tab-wrapp {
            margin: 50px 0 0;
        }

        .find-supplier-wrapp .state-wrapp {
            width: 80%;
            margin: auto;
        }
        .econmic-card-bottom-0 {
            margin-bottom: 0 !important;
        }

        .econmic-card {
            margin-bottom: 50px;
        }

        .brand-wrapp {
            padding: 30px 0 0;
        }

        .brand-wrapp ul li, .brand-wrapp ul li:nth-child(6) {
            width: 33%;
            margin-bottom: 30px;
            border-right: none;
        }
        .brand-wrapp ul li:nth-child(3) {
            border-right: none;
        }
        .view-all-cat {
            width: 124px;
            padding-right: 6px;
        }
        .advertise-wrapp h3, .advertise-wrapp h2, .serveearn-wrapp .serearn-card h1, .serveearn-wrapp .serearn-card h2 {
            font-size: 35px;
            padding: 10px 0 20px;
        }
        .serveearn-wrapp .serearn-card h3::before, .serveearn-wrapp .serearn-card h2::before {
               
        top: 49px;
             
        }
       
        .har-ghar-tiranga-wrapp .india-75 {
            width: 100%;
        }
        .suscribe-set {
            width: 320px;
        }
        .suscribe-set .form-group .input-width {
            width: 214px;
        }
        .adv-benfits-wrapp .benfits-card {
            margin-bottom: 30px;
        }
        .user-content li {
            width: 48%;
            margin-bottom: 30px;
        }
        .user-content li .annou-card ul li{
            margin-bottom:0;
        }
        .contact-wrapp .card {
            margin-bottom: 30px;
        }
        .card-regist .addresslist-show, .card-regist .call-set {
            width: 48.5%;
            margin-bottom:20px;
        }
        .card-regist .cont-supp{
            width:100%;
        }
        .card-regist .cont-supp ul{
            display:flex;
            flex-flow:row wrap;
            margin-bottom:15px;
        }
        .card-regist .cont-supp ul li{
            padding-right:20px;
        }
        .getupapp-wrapp .mobile-content ul {
            justify-content: center;
        }
        .services-payment-wrapp .box-card {
            margin-top: 20px;
        }
        .link-set {
           width:94%;
        }
        .services-payment-wrapp #tab-list {
            padding: 10px 4px 10px 19px !important;
        }
        .services-payment-wrapp table {
            width: 100%;
        }
        .services-payment-wrapp .box-card .show-number-cunt .number-value {
            width: 88%;
        }
        .services-payment-wrapp .box-card .show-number-cunt .select-code {
            width: 13%;
        }
        .product-box .btn-supplier {
            padding:8px;
            font-size: 15px;
           
        }
        .about-wrapp .images-set {
            margin-top: 24px;
        }
        .location-price {
            font-size: 18px;
          
        }
        .product-box .content h3 {
            font-size: 16px;
        }
     }
    @media (max-width:972px) {
        .container {
            width: 800px;
        }
        .header-wrapp .header-left {
            width: 75%;
            position: inherit;
        }
        .header-wrapp .header-left .logo {
            left: 6%;
        }
        .ges-col-ipmin-1 {
            width: 8.33333333% !important;
        }

        .ges-col-ipmin-2 {
            width: 16.66666667% !important;
        }

        .ges-col-ipmin-3 {
            width: 25% !important;
        }

        .ges-col-ipmin-4 {
            width: 33.33333333% !important;
        }

        .ges-col-ipmin-5 {
            width: 41.66666667% !important;
        }

        .ges-col-ipmin-6 {
            width: 50% !important;
        }

        .ges-col-ipmin-7 {
            width: 58.33333333% !important;
        }

        .ges-col-ipmin-8 {
            width: 66.66666667% !important;
        }

        .ges-col-ipmin-9 {
            width: 75% !important;
        }

        .ges-col-ipmin-10 {
            width: 83.33333333% !important;
        }

        .ges-col-ipmin-11 {
            width: 91.66666667% !important;
        }

        .ges-col-ipmin-12 {
            width: 100% !important;
        }
        /*footer*/
        .suscribe-set {
            width: 290px;
        }
        .suscribe-set .form-group .input-width {
            width: 191px;
        }
        .find-supplier-wrapp .state-wrapp ul li {
            width: 25%;
        }
        /*home*/
        .getupapp-wrapp .mobile-content {
            width: 100%;
            padding: 80px 0 0;
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .getupapp-wrapp .mobile-content ul {
            justify-content: center;
            align-items:center;
        }
        .find-supplier-wrapp ::before {
            bottom: 0;
            top: inherit;
        }
        .getupapp-wrapp .mobile-img {
            width: 50%;
            margin: auto;
        }
 
        .filter-wrapp .list-search ul li {
            width: 48%;
        }
        .filter-wrapp .list-search ul li.quanity-set {
            width: 30%;
        }
        .filter-wrapp .list-search ul li.price-value-set {
            width: 18%;
        }
        .product-list-wrapp {
            padding: 0 0 30px;
        }   
        .product-box, .product-box:hover {
   
            box-shadow: 0px 0px 5px 3px rgb(0 0 0 / 7%);
        }
        .product-details-wrapp .products .flex-control-thumbs img {
            width: 130px;
            height: 114px;
        }
        .details-set {
            padding: 20px 0 15px;
        }
        .footer-table {
            flex-wrap: wrap;
        }
        .fill-qunity {
            width: 100%;
        }
        .footer-table .btn-lg{
            width:50%;
            margin:auto;
        }
      
        .product-details-wrapp .products {
            position: relative;
            width: 85%;
            padding-left: 24%;
        }
        .product-details-wrapp .products .thumb-image {
            width: 100%;
            position: relative;
        }
        .advertise-wrapp {
            padding: 20px 0 30px;
        }
        .card-regist .addresslist-show, .card-regist .call-set {
            width: 100%;
            margin-bottom: 20px;
        }
        .row-view {
            width: 100%;
            justify-content: flex-start;
        }
        /*scroll flex slider*/
        .product-details-wrapp .products .flex-control-nav {
            position: absolute;
            bottom: auto;
            text-align: center;
            left: 3%;
            top: 0;
            width: 26%;
            height: 378px;
            overflow-y: auto;
            display: flex;
            align-items: flex-start;
            flex-direction: column;
        }
      /*  .product-details-wrapp .products .flex-control-nav {
            position: absolute;
            bottom: inherit;
            top: 0;
            width: 100%;
            display: flex;
            align-items:flex-start;
            flex-direction: column;
        }*/
        .product-details-wrapp .products .thumb-image .img-responsive {
            width: 100%;
        }
        .banner-wrapp .box-card .show-number-cunt .select-code, .services-payment-wrapp .box-card .show-number-cunt .select-code {
            width: 10%;
        }
        .banner-wrapp .box-card .show-number-cunt .number-value, .services-payment-wrapp .box-card .show-number-cunt .number-value {
            width: 90%;
        }
        .banner-wrapp .box-card .show-number-cunt .select-code input, .services-payment-wrapp .box-card .show-number-cunt .select-code input {
            width: 51px;
        }
        .ser-payment-wrapp .table-buy-wrapp .table-set table, .services-payment-wrapp table {
            width: 800px;
        }

    }
    @media (max-width:850px) {
        .container {
            width: 690px;
        }
        .header-wrapp .header-left {
            width: 70%;
        }
        .header-wrapp .header-left .logo {
            width: 89px;
            top: 7px;
            left: 7%;
        }
        .help-lang-box {
            margin-top: 26px;
        }
        .find-supplier-wrapp .state-wrapp ul li {
            width: 33%;
        }
        .find-supplier-wrapp {
            padding: 3px 0;
        }
        .ser-payment-wrapp h2, .find-supplier-wrapp h2, .socio-economics-wrapp h2 {
            margin-bottom: 30px;
        }
        .advertise-wrapp h3, .advertise-wrapp h2, .serveearn-wrapp .serearn-card h1 {
            margin-bottom: 20px;
        }
  
        .breadcrumb-wrapp .conttent h2 {
            padding-bottom: 1px;
            font-size: 30px;
        }
        .product-details-wrapp .products .flex-control-thumbs img {
            width: 140px;
            height: 142px;
        }
     
        .getupapp-wrapp .mobile-content ul  {
            justify-content: center;
            align-items: center;
        }
        .banner-wrapp .box-card .show-number-cunt .number-value, .services-payment-wrapp .box-card .show-number-cunt .number-value {
            width: 82%;
        }
        .getupapp-wrapp {
            padding: 10px 0 2px;
        }
        .services-payment-wrapp, .getupapp-wrapp .mobile-content, .ser-payment-wrapp, .find-supplier-wrapp, .socio-economics-wrapp {
            padding: 40px 0;
        }
            .services-payment-wrapp h2, .getupapp-wrapp .mobile-content h4, .getupapp-wrapp .mobile-content h2, .ser-payment-wrapp h2, .find-supplier-wrapp h2, .socio-economics-wrapp h2, .advertise-wrapp h3, .advertise-wrapp h2, .serveearn-wrapp .serearn-card h3, .serveearn-wrapp .serearn-card h2 {
                font-size: 24px;
            }
        .serveearn-wrapp .serearn-card h1 {
            font-size: 28px;
        }
        /*scroll flex slider*/
        .product-details-wrapp .products .flex-control-nav {
            position: absolute;
            bottom: auto;
            text-align: center;
            left:0%;
            top: 0;
        }
        .flex-control-thumbs li, .flex-control-thumbs li:nth-child(2) {
            margin: 10px 0 8px !important;
        }
    }
    @media (max-width:768px) {
        .container{
            width: 650px;
        }
        .ges-col-md-1 {
            width: 8.33333333% !important;
        }
        .ges-col-md-2 {
            width: 16.66666667% !important;
        }
        .ges-col-md-3 {
            width: 25% !important;
        }
        .ges-col-md-4 {
            width: 33.33333333% !important;
        }
        .ges-col-md-5 {
            width: 41.66666667% !important;
        }
        .ges-col-md-6 {
            width: 50% !important;
        }
        .ges-col-md-7 {
            width: 58.33333333% !important;
        }
        .ges-col-md-8 {
            width: 66.66666667% !important;
        }
        .ges-col-md-9 {
            width: 75%;
        }
        .ges-col-md-10 {
            width: 83.33333333% !important;
        }
        .ges-col-md-11 {
            width: 91.66666667% !important;
        }
        .ges-col-md-12 {
            width: 100% !important;
        }
        /*home css*/
        .header-wrapp .header-left .logo {
            width: 88px;
            left: 5%;
            padding-bottom: 10px;
        }
        /*home css*/
        .getupapp-wrapp .mobile-img {
            width: 45%;
            margin: auto;
        }
        .getupapp-wrapp .mobile-content {
            padding: 56px 0 0;
            display: flex;
            flex-flow: column wrap;
            align-items: center;
        }
        .getupapp-wrapp .mobile-content ul {
            justify-content: center;
        }
        .breadcrumb-wrapp .conttent h2 {
            font-size: 30px;
        }
        .brand-wrapp ul li a {
            align-items: center;
            flex-direction: column;
            justify-content: center;
            text-align: center;
        }
        /*about us*/
        .million-wrapp .million-content{
            margin-bottom:25px;
        }
        .about-wrapp .about-vision {
            background: inherit;
            width: 100%;
            padding: 28px 50px;
            height:auto;
        }
        .breadcrumb-wrapp img {
            width: 100%;
            height: 130px;
        }
        .adv-benfits-wrapp .boxWth{
            margin-top:20px;
        }
        .adv-benfits-wrapp h2, .termscondition-wrapp .terms-content-set .content h4 {
            font-size: 20px;
        }
        .importlink-wrapp .boxWth{
            margin-bottom:40px;
        }
        .user-content li {
            width: 48%;
            margin-bottom:30px;
        }
        .user-content li .annou-card ul li{
            margin-bottom:0;
        }
        .range {
            width: 245px;
        }
        .econmic-card .content-row .left h1 {
            font-size: 30px;
        }
            .contact-wrapp .card{
            margin-bottom:35px;
        }
        .product-details-wrapp .products .flex-control-thumbs img {
            width: 115px;
            height: 113px;
        }
        .services-payment-wrapp h2, .getupapp-wrapp .mobile-content h4, .getupapp-wrapp .mobile-content h2, .ser-payment-wrapp h2, .find-supplier-wrapp h2, .socio-economics-wrapp h2 {
            font-size: 24px;
        }
        .banner-wrapp .box-card .show-number-cunt .number-value, .services-payment-wrapp .box-card .show-number-cunt .number-value {
            width: 85%;
        }
        .md-order-2 {
            order: -2;
        }
        .coninfobox {
            text-align: center;
            padding: 30px 15px;
        }
        .cont-left-right-bd{
            border:none !important;
        }
        .find-supplier-wrapp .state-wrapp ul, .brand-wrapp ul {
            justify-content: center;
        }
       
    }
    @media (max-width:680px) {
        .container {
            width: 550px !important;
        }
        .ges-col-mb-lg-1 {
            width: 8.33333333% !important;
        }
        .ges-col-mb-lg-2 {
            width: 16.66666667% !important;
        }
        .ges-col-mb-lg-3 {
            width: 25% !important;
        }
        .ges-col-mb-lg-4 {
            width: 33.33333333% !important;
        }
        .ges-col-mb-lg-5 {
            width: 41.66666667% !important;
        }
        .ges-col-mb-lg-6 {
            width: 50% !important;
        }
        .ges-col-mb-lg-7 {
            width: 58.33333333% !important;
        }
        .ges-col-mb-lg-8 {
            width: 66.66666667% !important;
        }
        .ges-col-mb-lg-9 {
            width: 75%;
        }
        .ges-col-mb-lg-10 {
            width: 83.33333333% !important;
        }
        .ges-col-mb-lg-11 {
            width: 91.66666667% !important;
        }
        .ges-col-mb-lg-12 {
            width: 100% !important;
        }
        /*header css*/
        .header-wrapp .header-left {
            width: 62%;
        }
        .header-wrapp .header-left .logo {
            width: 95px;
            top: 14px;
            left: 7%;
        }
        .sign-in-up {
            width: 129px;
            padding: 8px 15px;
            margin-left: 10px;
            font-size: 12px;
        }
        .header-wrapp .header-left .logo {
            width: 86px;
            top: 10px;
            left: 5%;
            padding-bottom: 7px;
        }
        /*home*/
        .find-supplier-wrapp .state-wrapp ul li {
            width: 25%;
        }
        .find-supplier-wrapp .state-wrapp {
            width: 100%;
        }
        .find-supplier-wrapp .state-wrapp ul li {
            width: 33%;
        }
        .range {
            width: 214px;
        }
      
        .product-details-wrapp .products {
            position: relative;
            width: 94%;
            padding-left: 28%;
        }
        .product-details-wrapp .products .flex-control-thumbs img {
            width: 111px;
            height: 112px;
        }
        .details-show{
           overflow-x:auto;
        }
        .details-show table {
            width: 800px;
        }
        .banner-wrapp .box-card .show-number-cunt .number-value, .services-payment-wrapp .box-card .show-number-cunt .number-value {
            width: 85%;
        }
        .header-wrapp .header-left .search-set input {
            width: 50%;
        }
        
    }
    @media (max-width:630px) {
        .header-wrapp .header-left {
            width: 66%;
        }
        .header-wrapp .header-left .logo {
            width: 85px;
            top: 12px;
            left: 3%;
            padding-bottom: 6px;
        }
        .header-wrapp .help-lang-set {
            width: 164px;
            padding-left: 18px;
        }
    }
    @media (max-width:576px) {
        .container {
            width: 450px !important;
        }

        .ges-col-sm-1 {
            width: 8.33333333% !important;
        }

        .ges-col-sm-2 {
            width: 16.66666667% !important;
        }

        .ges-col-sm-3 {
            width: 25% !important;
        }

        .ges-col-sm-4 {
            width: 33.33333333% !important;
        }

        .ges-col-sm-5 {
            width: 41.66666667% !important;
        }

        .ges-col-sm-6 {
            width: 50% !important;
        }

        .ges-col-sm-7 {
            width: 58.33333333% !important;
        }

        .ges-col-sm-8 {
            width: 66.66666667% !important;
        }

        .ges-col-sm-9 {
            width: 75% !important;
        }

        .ges-col-sm-10 {
            width: 83.33333333% !important;
        }

        .ges-col-sm-11 {
            width: 91.66666667% !important;
        }

        .ges-col-sm-12 {
            width: 100% !important;
        }
        /*header css*/
        .header-wrapp {
            height: 77px;
        }
        .header-wrapp .header-left .logo {
            width: 66px;
            top: 8px;
            left: 8%;
        }
        .search-toggle {
            width: 25px;
            margin-top: 17px;
        }
        .header-wrapp .header-left {
            width: 60%;
        }

        .header-wrapp .header-left .search-set input, #list-search {
            width: 52%;
        }

        .header-wrapp .header-left .search-set {
            top: 78px;
        }

        .search-toggle {
            width: 33px;
            margin-top: -5px;
        }

        .header-wrapp .help-lang-set {
            width: 165px;
            padding-left: 17px;
            /* border: none; */
        }

        .header-wrapp .header-left {
            padding: 8px 0 20px;
        }

        .help-lang-box {
            margin-top: -21px;
        }

        .nav-toggle {
            margin-top: -36px;
            margin-right: 5px;
        }

        .header-wrapp .header-left .search-set input {
            width: 45%;
        }

        .sign-in-up {
            width: 42px;
            margin-left: 10px;
            color: #3d0972;
            background: #3d0972;
        }

        .sign-in-up:before {
            top: 24px;
        }

        .dropdown-container .dropdown-menu {
            right: 6px;
            top: 53px;
        }

        .dropdown-menu::before {
            right: 133px;
        }

        .goog-te-gadget::before {
            left: 69px;
            top: 17px;
        }

        #google_translate_element {
            top: 63px;
        }

        #google_translate_element::before {
            left: 66px;
            top: 17px;
        }
        /*Home css*/
        .services-payment-wrapp, .ser-payment-wrapp, .getupapp-wrapp, .find-supplier-wrapp, .socio-economics-wrapp {
            padding: 30px 0;
        }

        .getupapp-wrapp .mobile-content {
            padding: 30px 0 0;
        }

        .services-payment-wrapp h2, .getupapp-wrapp .mobile-content h4, .getupapp-wrapp .mobile-content h2, .getupapp-wrapp .mobile-content h2, .ser-payment-wrapp h2, .find-supplier-wrapp h2, .socio-economics-wrapp h2, .million-wrapp h2, .quicklinks-wrapp h2, .product-list-wrapp h2 {
            font-size: 22px;
        }

        .find-supplier-wrapp .state-wrapp {
            width: 100%;
        }
        .brand-wrapp ul {
            flex-flow: row wrap;
        }
        .brand-wrapp ul li, .brand-wrapp ul li:nth-child(6), .find-supplier-wrapp .state-wrapp ul li {
            width: 50%;
        }
       

        .brand-wrapp ul li:nth-child(2), .brand-wrapp ul li:nth-child(4), .brand-wrapp ul li {
            border: none;
        }

        .advertise-wrapp h3::before, .advertise-wrapp h2::before, .serveearn-wrapp .serearn-card h1::before, .serveearn-wrapp .serearn-card h2::before {
            width: 100%;
        }
        .brand-wrapp ul li img {
            width: 75px;
            margin-right: 0;
            margin-bottom: 10px;
        }

        .getupapp-wrapp .show-number-cunt {
            width: 100%;
            justify-content: center;
        }

        .getupapp-wrapp .show-number-cunt .number-value {
            width: 156px;
        }

        .tab-wrapp #tabs {
            flex-direction: column;
        }

        .tab-wrapp #tabs li {
            padding: 2px 0;
        }

        .tab-wrapp #tabs li a {
            display: block;
            width: 100%;
            background: #eee;
            text-align: center;
        }

        .tab-wrapp #tabs li a:hover, #tabs [data-tab].active a {
            color: #fff;
            padding: 10px 20px;
            border-bottom: 2px solid #f6790b;
            background: #f6790b;
            text-align: center;
        }

        .services-payment-wrapp #tab-list {
            padding: 10px 4px 10px 19px !important;
            flex-wrap: wrap;
        }

        .services-payment-wrapp #tab-list li {
            padding: 7px 3px;
            margin: 10px 0 0;
        }

        .link-set {
            padding: 20px 25px 0;
        }

        .services-payment-wrapp .box-card {
            -webkit-border-radius: 30px;
            -webkit-border-top-right-radius: 0;
            -moz-border-radius: 30px;
            -moz-border-radius-topright: 0;
            border-radius: 30px;
            border-top-right-radius: 30px;
            width: 100%;
            padding: 21px 8px 0;
            box-shadow: 0px 6px 20px 6px rgb(0 0 0 / 9%);
        }

        .user-content li {
            width: 100%;
        }

        .advertise-widthr-us-wrapp {
            padding: 30px 0 20px;
        }
        .advertise-widthr-us-wrapp p {
            font-size: 14px;
            text-align: left;
        }
           

        .importlink-wrapp .boxWth .col-left {
            height: 260px;
        }

        .feedback-stars ul li {
            padding: 15px 0;
            margin-bottom: 20px;
            flex-direction: column;
        }

        .full-stars {
            width: 80%;
        }

        .calculate-wrapp .dropdown, .calculate-wrapp .date {
            width: 100% !important;
            margin-bottom: 20px;
        }

        .calculate-wrapp .dropdown, .calculate-wrapp .date + span {
            margin-bottom: 20px;
        }

        .calculate-wrapp .price-card .row {
            flex-direction: column;
        }

        .card {
            margin-bottom: 30px;
        }

        .filter-wrapp .list-search ul li {
            width: 100%;
        }

        .filter-btn {
            margin: 22px 10px 8px;
        }

        .filter-wrapp .ft-show-search {
            width: 94%;
        }

        .filter-wrapp .ft-show-search .keyword-serch {
            width: 100%
        }

        .filter-wrapp .list-search ul li.quanity-set {
            width: 60%;
        }

        .filter-wrapp .list-search ul li.price-value-set {
            width: 40%;
        }

        .card-regist .addresslist-show, .card-regist .call-set {
            flex-direction: column;
        }

        .footer-table .btn-lg {
            width: 60%;
        }

        .product-details-wrapp .products {
            position: relative;
            width: 94%;
            padding-left: 29%;
        }

        .product-details-wrapp .products .flex-control-thumbs img {
            width: 94px;
            height: 94px;
        }

        .details-list-wrapp .product-box, .details-list-wrapp .product-box:hover {
        
            box-shadow: 0px 0px 5px 2px rgb(0 0 0 / 4%);
        }

        .details-list-wrapp .product-box .content ul li {
            padding: 10px 5px 10px 28px;
            text-align: left;
            font-size: 12px;
        }

        .details-list-wrapp .product-box .content h4 {
            font-size: 13px;
            padding: 10px 0;
        }

        .details-list-wrapp .product-box .btn-supplier, .details-list-wrapp .product-box .btn-supplier:hover, .details-list-wrapp .product-box .btn-price, .details-list-wrapp .product-box .btn-price:hover {
            padding: 9px;
            font-size: 14px;
        }

        .banner-wrapp .box-card .show-number-cunt .number-value, .services-payment-wrapp .box-card .show-number-cunt .number-value {
            width: 80%;
        }

        .footer-wrapp .footer-top {
            padding: 20px 0;
        }

        .footer-wrapp .footer-top ul {
            padding: 0;
        }

        .services-payment-wrapp .tab-wrapp #tabs {
            flex-direction: column;
            padding: 0 7px 0 !important;
            width: 100%;
        }

        #tabs [data-tab].active a, #tabs [data-tab] a {
            font-size: 14px;
        }

        .footer-wrapp .footer-top ul li {
            padding: 10px 0;
        }

        .suscribe-set {
            padding: 15px 0 10px;
        }

        .advertise-wrapp h3, .serveearn-wrapp .serearn-card h1 {
            font-size: 22px;
            margin-bottom: 15px;
        }

        .advertise-wrapp .btn-know-more, .serveearn-wrapp .btn-know-more {
            height: auto;
            margin-top: 10px;
            padding: 12px 26px;
        }

        #tab-list li a {
            padding: 9px 22px;
        }
        .product-box .btn-price, .product-box .btn-supplier, .product-box .content h4, .product-box .content h4 a, .product-box .content h4 a :hover {
            font-size: 14px;
        }
        .filter-wrapp .list-search {
            padding: 15px 15px;
            margin: 20px 0 0;
        }
        .termscondition-wrapp {
            padding: 6px 0 0;
        }
        details-set h4, .details-list-wrapp h2, .card-regist h4, .details-set h4, .details-list-wrapp h2, .adv-benfits-wrapp h2, .adv-benfits-wrapp h4 {
            line-height: 28px;
            font-size: 20px;
        }
        .card-regist {
            padding:0 0 0;
        }
        .breadcrumb-wrapp .conttent ul li {
           padding:6px 12px;
            font-size: 12px;
          
        }
        .breadcrumb-wrapp .conttent h2 {
            font-size: 20px;
        }
        .chat-wish-cart-set {
            padding: 0 15px 20px;
 
        }
        .termscondition-wrapp .terms-content-set .content h4::before, .details-list-wrapp h2::before, .details-set h4:before, .card-regist h4:before, .adv-benfits-wrapp h2::before, .adv-benfits-wrapp h4::before {
            visibility: hidden;
        }
        .breadcrumb-wrapp .conttent ul{
            padding: 0;
        }
        .adv-benfits-wrapp h2 {
            padding:0 0 15px;
        }
        .adv-benfits-wrapp .benfits-card ul li{
            font-size:14px;
        }
        .adv-benfits-wrapp h4 {
            padding-bottom: 10px;
            text-align:left;
        }
        .mlestone-point, .redemmed, .equivalent {
            padding: 20px 6px 4px;
            font-size: 14px;
       
        }
        .fl-table th {
            padding: 13px;
            font-size: 14px;
        }
        .fl-table td {
        font-size: 14px;
        padding: 9px 15px;
       
        }

        .regist {
            height: 45px;
            font-size: 14px;
     
        }
        .about-wrapp .about-content h5 {
            line-height: 28px;
            padding-bottom: 11px;
            padding-top: 11px;
        }
        .ser-payment-wrapp h2::before, .find-supplier-wrapp h2::before, .socio-economics-wrapp h2::before, .services-payment-wrapp h2::before, .product-list-home h2::before, .advertise-wrapp h3::before, .advertise-wrapp h2::before, .serveearn-wrapp .serearn-card h1::before, .serveearn-wrapp .serearn-card h2::before, .about-wrapp .about-content h4::before, .about-vision h4 h4::before, .buyer-seller-annou-wrapp h2::before, .advertise-widthr-us-wrapp h2::before, .calculate-wrapp h2::before, .million-wrapp h2::before, .quicklinks-wrapp h2::before, .product-list-wrapp h2::before {
            visibility: hidden;
        }
        .quicklinks-wrapp h2 {
            padding-bottom: 15px;
        }
        .buyer-seller-annou-wrapp, .about-wrapp {
            padding: 40px 0 40px;
        }
        .services-payment-wrapp h2{
            margin-bottom:20px !important;
        }
        .contact-wrapp .mt{
            margin:0 !important;
        }
        .contact-wrapp .feedback-form-wrapp {
            padding: 0 0 40px !important;
        }
        .contact-wrapp p.address {
            line-height: 30px;
        }
        .contact-main-title, .contact-wrapp h5.contctus-title {
            font-size: 30px;
            margin-bottom: 30px;
        }
        .contact-wrapp img {
            width: 100%;
        }
        .rating {
            width: 100%;
            display: flex;
            justify-content: center;
            padding: 5px 0;
        }


    @media only screen and (max-width: 500px) {
        .chat-logs {
            height: 40vh;
        }
    }

    @media (max-width:450px) {
        .container {
            width: 375px !important;
        }

        .ges-col-1 {
            width: 8.33333333% !important;
        }

        .ges-col-2 {
            width: 16.66666667% !important;
        }

        .ges-col-3 {
            width: 25%;
        }

        .ges-col-4 {
            width: 33.33333333% !important;
        }

        .ges-col-5 {
            width: 41.66666667% !important;
        }

        .ges-col-6 {
            width: 50% !important;
        }

        .ges-col-7 {
            width: 58.33333333% !important;
        }

        .ges-col-8 {
            width: 66.66666667% !important;
        }

        .ges-col-9 {
            width: 75% !important;
        }

        .ges-col-10 {
            width: 83.33333333% !important;
        }

        .ges-col-11 {
            width: 91.66666667% !important;
        }

        .ges-col-12 {
            width: 100% !important;
        }
        /*header css*/
        .header-wrapp .header-left .logo {
            width: 60px;
            top: 12px;
            left: 5%;
            padding-bottom: 7px;
        }

        .header-wrapp .header-left {
            width: 58%;
        }
        .search-toggle {
            width: 33px;
            margin-top: 20px;
        }

        .header-wrapp .help-lang-set {
            width: 149px;
            padding-left: 14px;
            /* border: none; */
        }

        .header-wrapp .header-left {
            padding: 35px 0 20px;
        }

        .help-lang-box {
            margin-top: 0;
        }

        .nav-toggle {
            margin-top: -16px;
            margin-right: 5px;
        }

        .sign-in-up {
            width: 42px;
            margin-left: 10px;
            color: #3d0972;
            background: #3d0972;
        }

        .sign-in-up:before {
            top: 34px;
        }
        /*home css*/
        .advertise-wrapp h3::before, .advertise-wrapp h2::before, .serveearn-wrapp .serearn-card h1::before.serveearn-wrapp .serearn-card h2::before {
            width: 100%;
        }

        .getupapp-wrapp .show-number-cunt {
            width: 320px;
        }

        .mobile-sms {
            width: 100%;
            justify-content: center;
            flex-flow: row wrap;
        }

        .getupapp-wrapp .show-number-cunt {
            width: 100%;
            justify-content: center;
            flex-flow: row wrap;
        }

        .getupapp-wrapp .show-number-cunt .select-code {
            position: relative;
            margin-right: -5px;
        }

        .mobile-sms .btn-sms {
            width: 150px;
            margin-left: inherit;
            margin-top: 15px;
        }

        .getupapp-wrapp .show-number-cunt .number-value {
            width: 75%;
        }

        .getupapp-wrapp .mobile-content ul li img {
            width: 100%;
        }
        .header-wrapp .header-left {
            padding: 0 0 9px;
        }

        #google_translate_element {
            top: 58px;
        }

        .dropdown-container .dropdown-menu {
            right: 32px;
            top: 38px;
            left: inherit;
        }

        .dropdown-menu::before {
            left: inherit;
            right: 88px;
        }

        .goog-te-gadget::before {
            left: 62px;
            top: 17px;
        }

        .header-wrapp .header-left .search-set {
            top: 75px;
        }

        .header-wrapp .header-left .search-set input {
            width: 38%;
            background: #f6f6f6;
        }

        .ges-col-padd-left-15 {
            padding-left: 15px !important;
        }
        /*about css*/
        .breadcrumb-wrapp img {
            width: 100%;
            height: 120px;
        }

        .breadcrumb-wrapp .conttent h2 {
            padding-bottom: 1px;
            font-size: 24px;
        }

        .breadcrumb-wrapp .conttent ul {
            padding: 5px 0;
        }

        .about-wrapp .about-vision {
            width: 100%;
            background: inherit;
            height: auto;
            padding: 5px 5px;
        }

        .about-wrapp {
            padding-bottom: 30px;
            padding-top:10px;
        }

        .million-wrapp h2::before, .quicklinks-wrapp h2::before, .product-list-wrapp h2::before, .services-payment-wrapp h2::before, .advertise-wrapp h3::before, .advertise-wrapp h2::before, .serveearn-wrapp .serearn-card h1::before, .serveearn-wrapp .serearn-card h2::before {
            height: 2px;
            top: 45px;
            visibility: hidden;
        }

        .about-wrapp .about-content h5 {
            font-size: 20px;
            line-height: 28px;
            padding-bottom: 10px;
            padding-top: 5px;
        }
        .serveearn-wrapp {
            padding: 20px 0 30px;
        }
        .advertise-wrapp .btn-know-more, .serveearn-wrapp .btn-know-more {
            margin-top: 20px;
        }

        .million-wrapp .million-content {
            margin-bottom: 20px;
        }
        /*product*/
        .product-box, .product-box:hover {
            width: 100%;
        }

        .range {
            width: 300px;
        }

        .filter-wrapp .list-search ul li {
            width: 100%;
        }

        .filter-btn {
            margin-bottom: 10px;
            /* width: 100%; */
        }

        .filter-wrapp .list-search ul li.quanity-set {
            width: 100%;
        }

        .filter-wrapp .list-search ul li.price-value-set, .filter-wrapp .ft-show-search .keyword-serch {
            width: 100%;
        }

        .keyword-serch {
            width: 95% !important;
        }

        .filter-wrapp .ft-show-search {
            width: 98%;
            flex-direction: column;
            padding: 0;
        }

        .range {
            width: 250px;
        }

        .filter-wrapp .list-search ul li.quanity-set {
            width: 60%;
        }

        .filter-wrapp .list-search ul li.price-value-set {
            width: 40%;
        }

        .addresslist-show .address-loc, .request-price {
            width: 100% !important;
        }

        .footer-table .btn-lg {
            width: 90% !important;
        }

      

        .chat-wish-cart-set {
            padding: 20px 15px 20px;
            flex-wrap: wrap;
        }

        .chat-wish-cart-set .chat-set, .chat-wish-cart-set .wish-list-set {
            margin-top: 20px;
            width: 70px;
            padding: 15px 25px;
        }

        .product-details-wrapp .products {
            position: relative;
            width: 300px;
            padding-left: 0;
        }
        .product-details-wrapp .products .thumb-image {
            width: 100%;
            position: relative;
        }
        .product-details-wrapp .products .flex-control-nav {
            position: relative;
            bottom: -9px;
            top: inherit;
            width: 100%;
            display: flex;
            align-items: flex-start;
            flex-direction: row;
            height: auto;
        }
        .imagezoom-view, .imagezoom-cursor {
            display: none !important;
        }
        .product-details-wrapp .products .flex-control-thumbs img {
            width: 80px;
            height: 90px;
        }
        .flex-control-thumbs li, .flex-control-thumbs li:nth-child(2) {
            margin: 0 !important;
        }

        .details-set {
            padding: 34px 0 15px;
        }

        .dropdown-container .dropdown-menu::before {
            right: 98px;
            left: inherit;
        }

        .services-payment-wrapp h2, .getupapp-wrapp .mobile-content h4, .getupapp-wrapp .mobile-content h2, .getupapp-wrapp .mobile-content h2, .ser-payment-wrapp h2, .find-supplier-wrapp h2, .socio-economics-wrapp h2, .about-wrapp .about-content h4, .about-wrapp .about-vision h4 {
            font-size: 20px;
        }

        .services-payment-wrapp .box-card h2 {
            font-size: 18px;
        }

        .services-payment-wrapp .box-card h2::before {
            top: 35px;
        }

        #tabs [data-tab].active a, #tabs [data-tab] a {
            font-size: 14px;
        }

        .econmic-card .content-row .left h1, .har-ghar-tiranga-wrapp .india-75 h3 {
            font-size: 30px;
        }

        .services-payment-wrapp .box-card h2::before {
            top: 48px;
        }
        .range-slider {
            margin-bottom: 50px !important;
        }
        .user-content {
            padding: 0 15px;
        }
        .buyer-seller-annou-wrapp h2, .advertise-widthr-us-wrapp h2, .calculate-wrapp h2 {
            font-size: 22px;
            padding-bottom: 20px;
        
        }
        .quicklinks-wrapp, .importlink-wrapp, .adv-benfits-wrapp {
            padding: 30px 0 30px;
         
        }
        .quicklinks-wrapp h2 {
            padding-bottom: 9px;
        }
        .buyer-seller-annou-wrapp {
            padding: 20px 0 10px;
        }
        .buyer-seller-annou-wrapp h2::before, .advertise-widthr-us-wrapp h2::before, .calculate-wrapp h2::before {
            visibility:hidden;
        }
        .feedback-form-wrapp .feedback-form textarea, .feedback-stars .feedback-form textarea {
           
            height: 79px;
        }
        .adv-benfits-wrapp h2::before{
            visibility:hidden;
        }
        .adv-benfits-wrapp h2 {
           
            padding-bottom: 6px;
        }
    }

    @media (max-width:380px) {
        .container {
            width: 90% !important;
        }

        .textallindia, .search-text {
            display: none;
        }

        .header-wrapp .header-left .search-set input {
            width: 50%;
        }

        .header-wrapp .header-left .search-set .search-btn, .header-wrapp .header-left .select-list {
            width: 45px;
            text-align: center;
        }
        /*header css*/
        .header-wrapp .header-left {
            width: 55%;
        }
        .header-wrapp .help-lang-set {
            width: 140px;
        }
        .header-wrapp .header-left .logo {
            width: 64px;
            top: 8px;
            left: 6%;
        }

        .help-lang-box {
            width: 33px !important;
            height: 33px !important;
        }

        .nav-toggle .box .ba {
            width: 25px;
        }

        .sign-in-up {
            width: 42px;
            margin-left: 0;
        }

        .help-lang-box {
            margin-top: 0;
        }

        .nav-toggle {
            margin-top: -22px;
            margin-right: 5px;
        }

        .ft-pd-l-r-0 {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

        .suscribe-set {
            width: 265px;
        }

        .suscribe-set .form-group .input-width {
            width: 167px;
        }
        /*home*/
        .services-payment-wrapp h2, .find-supplier-wrapp h2, .socio-economics-wrapp h2 {
            font-size: 20px;
            margin-bottom: 8px;
        }

        .services-payment-wrapp .box-card {
            margin-top: 25px;
        }

        .services-payment-wrapp .box-card h2 {
            font-size: 18px;
            text-align: left;
            padding: 15px 0 0;
        }


        .tab-wrapp #tabs {
            padding: 0 0 20px !important;
        }

        .tab-wrapp .flex-item {
            padding: 0 !important;
            margin-left: -10px;
        }

        .brand-wrapp ul {
            flex-flow: column;
            align-items: center;
        }

        .brand-wrapp ul li {
            border: none;
        }

        .advertise-wrapp h3, .serveearn-wrapp .serearn-card h1 {
            margin-bottom: 20px;
        }

        .filter-wrapp .list-search ul li.quanity-set, .filter-wrapp .list-search ul li.price-value-set {
            width: 100%;
        }

        .filter-wrapp .ft-show-search {
            width: 90%;
        }

        .million-wrapp h2, .quicklinks-wrapp h2, .product-list-wrapp h2 {
            font-size: 20px;
            padding-bottom: 15px;
        }
       
    }
@media (max-width:350px) {
    .header-wrapp .help-lang-set {
        width: 132px;
        padding-left: 1px;
        border: none;
    }
 

}

    @media (max-width:330px) {
        .header-wrapp .help-lang-set {
            width: 123px;
        }
    }