/* -- color-1 -- */
body {
	background: #f4f6fb !important;
	background-size: cover;
	background-position: center;
}
@media (max-width: 992px) {
	.header{
		border-bottom:1px solid rgba(255,255,255,0.2);
		padding-top: .75rem;
		padding-bottom: .75rem;
		background:#03256c;
		box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
	}
}
@media (min-width: 992px) {
	.sticky-wrapper.is-sticky .hor-menu {
		background: rgb(38 113 57) !important;
		box-shadow: 0 2px 2px 0 rgba(0,0,0,.2);
	}
	.sticky-wrapper.is-sticky .horizontalMenu{
		background:none;
		box-shadow:none;
	}
}
.horizontal-main.hor-menu{
	z-index: 1;
}
.app-content .header-fixed {
	background: linear-gradient(90deg, #ffffff 0%, #d8d6ea 45%, #393185 100%) !important;
}
.body-dark .app-content .header-fixed{
	background:#37374a !important;
}
.Left-Menu-button .resp-vtabs .resp-tabs-list li.active {
    background:rgba(0,0,0,0.4) !important;
    color: #fff;
}
.resp-vtabs .resp-tabs-list li.active {
    background: rgb(3, 37, 108) !important;
    color: #fff;
}
.app-sidebar .btn-primary-default {
    color: #fff;
    background: rgb(3, 37, 108, 0.9) !important;
    border-color: rgb(3, 37, 108, 0.9) !important;
}
.Left-Menu-button .app-sidebar .btn-primary-default {
    background: rgb(255, 255, 255, 0.1) !important;
    border-color: rgb(255, 255, 255, 0.2) !important;
	border-left:0;
}

/* Dashboard visual polish */
.app.sidebar-mini.horizontal-body {
	background: #f4f6fb !important;
}

.app-content,
.page,
.page-main,
.page-body1 {
	background: transparent !important;
}

.header.header-fixed {
	min-height: 88px;
	border-bottom: 1px solid rgba(255,255,255,0.16);
	box-shadow: 0 12px 30px rgba(22,18,70,0.18);
}

.header-brand-img {
	max-height: 76px;
}

.header-right-icons .avatar {
	box-shadow: 0 8px 22px rgba(17,14,62,0.24);
	transition: transform .2s ease, box-shadow .2s ease;
}

.header-right-icons .avatar:hover {
	transform: translateY(-2px);
	box-shadow: 0 12px 26px rgba(17,14,62,0.32);
}

.horizontal-main.hor-menu {
	background: rgba(48,40,125,0.96) !important;
	border-top: 1px solid rgba(255,255,255,0.10);
	border-bottom: 1px solid rgba(255,255,255,0.10);
	box-shadow: 0 12px 28px rgba(15,12,52,0.20);
	overflow: visible !important;
	position: relative !important;
	margin-top: 0 !important;
}

.header-fixed + .responsive-navbar,
.responsive-navbar {
	margin-bottom: 0 !important;
}

.sticky-wrapper,
.horizontal-main,
.horizontal-mainwrapper,
.horizontalMenucontainer,
.app-content,
.page-main {
	overflow: visible !important;
}

.sticky-wrapper,
.horizontal-main.hor-menu,
.horizontal-mainwrapper,
.horizontalMenu {
	position: relative;
	z-index: 9999 !important;
}

.horizontalMenu {
	background: transparent !important;
	overflow: visible !important;
	position: relative;
	z-index: 2000;
}

.horizontalMenu > .horizontalMenu-list {
	overflow: visible !important;
	position: relative;
}

.horizontalMenu > .horizontalMenu-list > li > a {
	color: rgba(255,255,255,0.82) !important;
	font-weight: 700;
	transition: all .2s ease;
}

.horizontalMenu > .horizontalMenu-list > li > a:hover,
.horizontalMenu > .horizontalMenu-list > li > a.active,
.horizontalMenu > .horizontalMenu-list > li:hover > a {
	color: #fff !important;
	background: rgba(255,255,255,0.09) !important;
}

.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {
	border: 0;
	border-radius: 8px;
	box-shadow: 0 18px 45px rgba(18,15,62,0.25);
	overflow: hidden;
}

.horizontalMenu > .horizontalMenu-list > li {
	position: relative;
}

.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {
	position: absolute !important;
	top: 53px !important;
	left: 0 !important;
	min-width: 230px;
	width: auto !important;
	max-width: 280px;
	background: #ffffff !important;
	z-index: 9999 !important;
	margin: 0 !important;
	padding: 8px 0 !important;
	transition: opacity .18s ease, transform .18s ease !important;
}

.horizontalMenu > .horizontalMenu-list > li:hover > ul.sub-menu,
.horizontalMenu > .horizontalMenu-list > li > .horizontalMenu-click.ws-activearrow ~ ul.sub-menu {
	opacity: 1 !important;
	visibility: visible !important;
	transform: rotateX(0deg) !important;
	display: block !important;
	pointer-events: auto;
}

.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu li {
	display: block;
	width: 100%;
}

.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu li a {
	display: block;
	padding: 10px 18px !important;
	color: #1f2545 !important;
	font-size: 15px;
	font-weight: 600;
	white-space: nowrap;
	background: #ffffff !important;
}

.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu li a:hover {
	color: #393185 !important;
	background: #f3f5ff !important;
}

.horizontal-main,
.horizontal-main *,
.horizontalMenu,
.horizontalMenu * {
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.page-body1 > .container-fluid > .page-header {
	display: none;
}

.page-body1 {
	position: relative;
	z-index: 1;
}

.page-body1 > .container-fluid {
	padding-left: 0;
	padding-right: 0;
}

.side-app1.container {
	width: min(1500px, calc(100% - 48px));
	max-width: 1500px;
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
	margin-left: auto;
	margin-right: auto;
}

.side-app1 .page-header {
	align-items: center;
	border: 0;
	margin: 0 0 26px;
	padding: 0;
}

.breadcrumb {
	background: transparent;
	padding-left: 0;
}

.breadcrumb-item,
.breadcrumb-item a {
	color: #5e6180 !important;
	font-size: 16px;
	font-weight: 700;
}

.breadcrumb-item.active,
.breadcrumb-item:first-child a {
	color: #28245f !important;
}

.side-app1 .page-header .btn.btn-primary {
	background: linear-gradient(135deg, #1f8843, #116b31) !important;
	border: 1px solid rgba(255,255,255,0.45) !important;
	border-radius: 999px;
	box-shadow: 0 12px 25px rgba(8,46,22,0.26);
	color: #fff !important;
	font-size: 19px !important;
	font-weight: 800;
	padding: 8px 18px;
}

.side-app1 .page-header .btn.btn-primary span {
	color: #fff !important;
}

.side-app1 .card {
	position: relative;
	overflow: hidden;
	border: 1px solid rgba(57,49,133,0.12) !important;
	border-radius: 8px;
	background:
		linear-gradient(180deg, #ffffff 0%, #fbfcff 100%) !important;
	box-shadow:
		0 16px 36px rgba(39,34,99,0.12) !important;
	color: #20243f;
}

.side-app1 .card:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 4px;
	background: linear-gradient(90deg, #48d9d0, #f4bd45);
	opacity: .95;
}

.side-app1 .card-header {
	background: linear-gradient(135deg, #166b32 0%, #0e5628 100%) !important;
	border-bottom: 0 !important;
	padding: 18px 30px;
}

.side-app1 .card-title {
	color: #fff;
	font-size: 23px;
	font-weight: 800;
	letter-spacing: 0;
}

.side-app1 .card-body {
	color: #20243f;
	padding: 28px 30px 30px;
}

.side-app1 h4,
.side-app1 h5,
.side-app1 h6,
.side-app1 p,
.side-app1 span {
	color: #20243f;
}

.side-app1 .text-muted {
	color: #5c6380 !important;
	font-weight: 700;
}

.flexbody {
	display: flex;
	align-items: center;
	gap: 0;
	width: 100%;
}

.flexbody .form-control {
	height: 48px;
	min-width: 0;
	color: #fff !important;
	background: rgba(6,60,27,0.56) !important;
	border: 1px solid rgba(255,255,255,0.28) !important;
	border-radius: 6px 0 0 6px !important;
	font-size: 17px;
	font-weight: 700;
	box-shadow: none !important;
}

.flexbody .btn.btn-primary {
	height: 48px;
	color: #fff !important;
	background: rgba(255,255,255,0.08) !important;
	border: 1px solid rgba(255,255,255,0.55) !important;
	border-left: 0 !important;
	border-radius: 0 999px 999px 0 !important;
	font-weight: 800;
	padding: 0 18px;
	transition: all .2s ease;
}

.flexbody .btn.btn-primary:hover {
	color: #12652f !important;
	background: #fff !important;
}

.side-app1 input[type="date"].form-control {
	color-scheme: dark;
	font-size: 14px;
}

.side-app1 .progress {
	height: 15px !important;
	background: #e5eaf3;
	border-radius: 999px;
	overflow: hidden;
}

.side-app1 .progress-sm {
	height: 8px !important;
}

.side-app1 .progress-bar {
	border-radius: 999px;
}

.bg-primary-1,
.bg-secondary-1,
.bg-danger-1,
.bg-success,
.bg-success-1,
.bg-warning-1,
.bg-purple,
.bg-orange {
	background-image: linear-gradient(90deg, #55d8d0, #b245f4) !important;
}

.side-app1 .row-deck {
	margin-bottom: 34px;
}

.side-app1 .card-widget h2,
.side-app1 .card-body h2 {
	color: #20243f;
	font-size: 28px;
	font-weight: 900;
}

.footer {
	background: rgba(34,28,96,0.94) !important;
	color: rgba(255,255,255,0.82);
	border-top: 1px solid rgba(255,255,255,0.10);
	margin-top: 0 !important;
}

@media (max-width: 992px) {
	.header {
		background: linear-gradient(90deg, #ffffff 0%, #393185 100%) !important;
	}

	.side-app1.container {
		padding-left: 15px;
		padding-right: 15px;
	}

	.side-app1 .page-header {
		display: block;
	}

	.side-app1 .page-header .btn.btn-primary {
		display: block;
		width: 100%;
		margin-top: 12px;
		white-space: normal;
		text-align: center;
	}

	.side-app1 .card-header,
	.side-app1 .card-body {
		padding-left: 18px;
		padding-right: 18px;
	}

	.flexbody {
		display: block;
	}

	.flexbody .form-control {
		width: 100%;
		border-radius: 6px 6px 0 0 !important;
	}

	.flexbody .btn.btn-primary {
		width: 100%;
		border-left: 1px solid rgba(255,255,255,0.55) !important;
		border-top: 0 !important;
		border-radius: 0 0 6px 6px !important;
	}
}

/* Final dashboard color and sticky corrections */
.sticky-wrapper {
	height: auto !important;
}

.sticky-wrapper.is-sticky {
	height: auto !important;
}

.sticky-wrapper.is-sticky .hor-menu,
.sticky-wrapper.is-sticky .horizontal-main.hor-menu {
	position: static !important;
	top: auto !important;
	left: auto !important;
	right: auto !important;
	transform: none !important;
	width: 100% !important;
	background: #30287d !important;
}

.horizontal-main.hor-menu {
	position: static !important;
	transform: none !important;
}

.horizontal-main.hor-menu,
.sticky-wrapper.is-sticky .hor-menu {
	z-index: 20 !important;
}

.page-body1 {
	padding-top: 8px;
	padding-bottom: 42px;
	background: #f4f6fb !important;
}

.side-app1 .page-header {
	position: relative;
	z-index: 30;
	display: flex;
	justify-content: space-between;
	gap: 16px;
}

.side-app1 .page-header > div {
	overflow: visible !important;
}

.side-app1 .page-header .btn.btn-primary {
	opacity: 1 !important;
	visibility: visible !important;
	background: linear-gradient(135deg, #3f68e8, #393185) !important;
	border-color: rgba(255,255,255,0.55) !important;
	box-shadow: 0 12px 24px rgba(57,49,133,0.28);
}

.side-app1 .card-header {
	background: linear-gradient(135deg, #393185 0%, #4f64d8 100%) !important;
}

.side-app1 .card:after {
	background: linear-gradient(90deg, #42d6d0, #f2bd45) !important;
}

.flexbody .form-control,
.side-app1 input[type="date"].form-control {
	color: #1d2442 !important;
	background: #ffffff !important;
	border: 1px solid #cfd7ea !important;
}

.flexbody .form-control:focus,
.side-app1 input[type="date"].form-control:focus {
	border-color: #4f64d8 !important;
	box-shadow: 0 0 0 3px rgba(79,100,216,0.14) !important;
}

.flexbody .btn.btn-primary {
	color: #ffffff !important;
	background: linear-gradient(135deg, #393185, #4f64d8) !important;
	border-color: #4f64d8 !important;
}

.flexbody .btn.btn-primary:hover {
	color: #ffffff !important;
	background: linear-gradient(135deg, #2f2877, #3f68e8) !important;
}

.side-app1 .progress-bar,
.bg-primary-1,
.bg-secondary-1,
.bg-danger-1,
.bg-success,
.bg-success-1,
.bg-warning-1,
.bg-purple,
.bg-orange {
	background-image: linear-gradient(90deg, #42d6d0, #4f64d8) !important;
}

@media (max-width: 992px) {
	.side-app1 .page-header {
		display: block;
	}

	.side-app1 .breadcrumb {
		display: none !important;
	}

	.page-body1 {
		padding-top: 24px;
	}
}
.side-menu__item :hover, .side-menu__item:hover i{
	color: #03256c;
}
.side-menu__item :focus, .side-menu__item:focus i{
	color: #03256c;
}
.slide-item.active, .slide-item:hover, .slide-item:focus {
	text-decoration: none;
	color: #03256c;
}

/* Common user pages polish */
.side-app,
.side-app1 {
	width: min(1500px, calc(100% - 48px));
	max-width: 1500px;
	margin-left: auto;
	margin-right: auto;
	padding: 8px 0 36px;
	background: transparent !important;
}

.side-app[style],
.side-app1[style] {
	box-shadow: none !important;
}

.side-app > .row,
.side-app1 > .row,
.side-app .row-deck,
.side-app1 .row-deck {
	margin-left: -16px;
	margin-right: -16px;
}

.side-app > .row > [class*="col-"],
.side-app1 > .row > [class*="col-"],
.side-app .row-deck > [class*="col-"],
.side-app1 .row-deck > [class*="col-"] {
	padding-left: 16px;
	padding-right: 16px;
	margin-bottom: 28px;
}

.side-app .card,
.side-app1 .card,
.side-app .card1,
.side-app1 .card1 {
	border: 1px solid rgba(57,49,133,0.12) !important;
	border-radius: 8px !important;
	background: #ffffff !important;
	box-shadow: 0 16px 36px rgba(39,34,99,0.10) !important;
	color: #06113b !important;
	overflow: hidden;
}

.side-app .card:after,
.side-app1 .card:after,
.side-app .card1:after,
.side-app1 .card1:after {
	content: "";
	display: block;
	height: 4px;
	background: linear-gradient(90deg, #42d6d0, #f2bd45);
}

.side-app .card-header,
.side-app1 .card-header {
	border: 0 !important;
	background: linear-gradient(135deg, #393185, #5367df) !important;
	padding: 20px 34px !important;
}

.side-app .card-header.bg-transparent,
.side-app1 .card-header.bg-transparent {
	background: linear-gradient(135deg, #393185, #5367df) !important;
}

.side-app .card-title,
.side-app1 .card-title {
	color: #ffffff !important;
	font-size: 25px;
	font-weight: 800;
	line-height: 1.25;
	margin: 0;
}

.side-app .card-body,
.side-app1 .card-body,
.side-app .card1 .card-body,
.side-app1 .card1 .card-body {
	padding: 28px 34px !important;
	color: #06113b !important;
	background: #ffffff !important;
}

.side-app h4,
.side-app h5,
.side-app h6,
.side-app p,
.side-app span,
.side-app label,
.side-app1 h4,
.side-app1 h5,
.side-app1 h6,
.side-app1 p,
.side-app1 span,
.side-app1 label {
	color: #06113b;
}

.side-app .card-header h1,
.side-app .card-header h2,
.side-app .card-header h3,
.side-app .card-header h4,
.side-app .card-header h5,
.side-app .card-header h6,
.side-app .card-header span,
.side-app .card-header label,
.side-app1 .card-header h1,
.side-app1 .card-header h2,
.side-app1 .card-header h3,
.side-app1 .card-header h4,
.side-app1 .card-header h5,
.side-app1 .card-header h6,
.side-app1 .card-header span,
.side-app1 .card-header label {
	color: #ffffff !important;
}

.side-app .table,
.side-app1 .table {
	width: 100% !important;
	margin-bottom: 0;
	color: #06113b !important;
	background: #ffffff !important;
	border-collapse: separate;
	border-spacing: 0;
}

.side-app .table-responsive,
.side-app .table-responsive-lg,
.side-app1 .table-responsive,
.side-app1 .table-responsive-lg {
	display: block;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.side-app .table th,
.side-app .table td,
.side-app1 .table th,
.side-app1 .table td {
	padding: 12px 14px !important;
	color: #06113b !important;
	border-color: #e4e9f4 !important;
	vertical-align: middle !important;
	background-color: #ffffff !important;
}

.side-app .table th,
.side-app .table tr:first-child th,
.side-app1 .table th,
.side-app1 .table tr:first-child th {
	color: #ffffff !important;
	background: #393185 !important;
	border-color: rgba(255,255,255,0.12) !important;
	font-weight: 800 !important;
	white-space: nowrap;
}

.side-app .table-striped tbody tr:nth-of-type(odd) td,
.side-app1 .table-striped tbody tr:nth-of-type(odd) td {
	background-color: #f8faff !important;
}

.side-app .table a,
.side-app1 .table a {
	color: #393185 !important;
	font-weight: 700;
}

.side-app .form-control,
.side-app1 .form-control,
.side-app select,
.side-app1 select,
.side-app textarea,
.side-app1 textarea,
.side-app .select-option-cls,
.side-app1 .select-option-cls {
	min-height: 44px;
	color: #06113b !important;
	background: #ffffff !important;
	border: 1px solid #cfd7ea !important;
	border-radius: 6px !important;
	box-shadow: none !important;
	font-weight: 600;
}

.side-app .form-control:focus,
.side-app1 .form-control:focus,
.side-app select:focus,
.side-app1 select:focus,
.side-app textarea:focus,
.side-app1 textarea:focus {
	border-color: #5367df !important;
	box-shadow: 0 0 0 3px rgba(83,103,223,0.14) !important;
}

.side-app .col-form-label,
.side-app1 .col-form-label {
	color: #313a60 !important;
	font-weight: 800;
}

.side-app .col-form-label span,
.side-app1 .col-form-label span {
	color: #e5385c !important;
	margin-right: 3px;
}

.side-app .btn,
.side-app1 .btn,
.side-app button,
.side-app1 button,
.side-app input[type="submit"],
.side-app1 input[type="submit"] {
	border-radius: 999px !important;
	font-weight: 800 !important;
	padding: 10px 22px !important;
}

.side-app .btn-primary,
.side-app1 .btn-primary,
.side-app .btn-success-gradien,
.side-app1 .btn-success-gradien,
.side-app .btn-success-light,
.side-app1 .btn-success-light {
	color: #ffffff !important;
	background: linear-gradient(135deg, #393185, #5367df) !important;
	border-color: #5367df !important;
}

.side-app .btn-primary:hover,
.side-app1 .btn-primary:hover,
.side-app .btn-success-gradien:hover,
.side-app1 .btn-success-gradien:hover,
.side-app .btn-success-light:hover,
.side-app1 .btn-success-light:hover {
	color: #ffffff !important;
	background: linear-gradient(135deg, #2f2877, #3f68e8) !important;
}

.side-app .digital-add,
.side-app1 .digital-add,
.side-app .form-row,
.side-app1 .form-row {
	row-gap: 14px;
}

.side-app .product-top-filter,
.side-app1 .product-top-filter {
	margin-bottom: 24px;
	padding: 18px;
	border: 1px solid rgba(57,49,133,0.12);
	border-radius: 8px;
	background: #ffffff;
	box-shadow: 0 12px 28px rgba(39,34,99,0.08);
}

.side-app .item-card,
.side-app1 .item-card {
	height: 100%;
	transition: transform .18s ease, box-shadow .18s ease;
}

.side-app .item-card:hover,
.side-app1 .item-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 20px 42px rgba(39,34,99,0.16) !important;
}

.side-app .product-image6 img,
.side-app1 .product-image6 img,
.side-app img.img-responsive,
.side-app1 img.img-responsive {
	max-width: 100%;
	height: auto;
	border-radius: 6px;
}

.side-app .alert,
.side-app1 .alert {
	border-radius: 8px;
}

@media (max-width: 767px) {
	.side-app,
	.side-app1 {
		width: min(100% - 22px, 1500px);
		padding-top: 12px;
	}

	.side-app .card-header,
	.side-app1 .card-header,
	.side-app .card-body,
	.side-app1 .card-body,
	.side-app .card1 .card-body,
	.side-app1 .card1 .card-body {
		padding-left: 18px !important;
		padding-right: 18px !important;
	}

	.side-app .card-title,
	.side-app1 .card-title {
		font-size: 21px;
	}

	.side-app .table th,
	.side-app .table td,
	.side-app1 .table th,
	.side-app1 .table td {
		padding: 10px 12px !important;
		font-size: 14px;
	}
}

/* Hard reset for user header/menu stacking */
.app-content .header-fixed,
.header.header-fixed {
	position: relative !important;
	top: auto !important;
	z-index: 50 !important;
}

.sticky-wrapper {
	position: relative !important;
	top: auto !important;
	height: auto !important;
	z-index: 40 !important;
	overflow: visible !important;
}

.sticky-wrapper.is-sticky {
	position: relative !important;
	top: auto !important;
	height: auto !important;
}

.app.horizontal-body .horizontal-main,
.app.horizontal-body .horizontal-main.hor-menu,
.horizontal-body .horizontal-main,
.horizontal-main,
.horizontal-main.hor-menu,
.sticky-wrapper.is-sticky .horizontal-main,
.sticky-wrapper.is-sticky .horizontal-main.hor-menu,
.sticky-wrapper.is-sticky .hor-menu {
	position: relative !important;
	top: auto !important;
	left: auto !important;
	right: auto !important;
	margin-top: 0 !important;
	transform: none !important;
	width: 100% !important;
	z-index: 40 !important;
}

.horizontal-mainwrapper,
.horizontalMenu {
	position: relative !important;
	z-index: 41 !important;
	overflow: visible !important;
}

.page-body1 {
	position: relative !important;
	z-index: 1 !important;
	padding-top: 10px !important;
}
.Left-Menu-button .app-sidebar .btn-primary-default {
    background: rgb(255, 255, 255, 0.1) !important;
    border-color: rgb(255, 255, 255, 0.2) !important;
	border-left:0;
}

/* Mobile user menu stability fix */
@media only screen and (max-width: 991px) {
    body.active {
        overflow: hidden !important;
    }

    .horizontalMenucontainer,
    .active .horizontalMenucontainer {
        min-width: 100% !important;
        margin-left: 0 !important;
        transform: none !important;
        transition: none !important;
    }

    .header.header-fixed {
        min-height: 76px !important;
        padding: 0 !important;
    }

    .header.header-fixed .container,
    .header.header-fixed .d-flex {
        min-height: 76px !important;
        align-items: center !important;
    }

    .header-brand {
        position: relative !important;
        z-index: 100002 !important;
        margin-left: 10px !important;
    }

    .header-brand-img.desktop-logo {
        display: none !important;
    }

    .header-brand-img.mobile-view-logo {
        display: block !important;
        max-height: 56px !important;
        width: auto !important;
    }

    #horizontal-navtoggle.hor-toggle.animated-arrow,
    .hor-toggle.animated-arrow,
    .animated-arrow.hor-toggle {
        display: block !important;
        position: absolute !important;
        top: 21px !important;
        right: 18px !important;
        left: auto !important;
        width: 32px !important;
        height: 32px !important;
        margin: 0 !important;
        padding: 15px 4px !important;
        z-index: 100003 !important;
        cursor: pointer !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    .animated-arrow span,
    .animated-arrow span:before,
    .animated-arrow span:after {
        display: block !important;
        position: absolute !important;
        height: 3px !important;
        background: #ffffff !important;
        border-radius: 999px !important;
        opacity: 1 !important;
    }

    .animated-arrow span {
        width: 24px !important;
    }

    .animated-arrow span:before,
    .animated-arrow span:after {
        content: '' !important;
        left: 0 !important;
        width: 24px !important;
    }

    .animated-arrow span:before {
        top: -8px !important;
    }

    .animated-arrow span:after {
        top: 8px !important;
        bottom: auto !important;
    }

    .active .animated-arrow span {
        background: transparent !important;
    }

    .active .animated-arrow span:before {
        top: 0 !important;
        transform: rotate(45deg) !important;
    }

    .active .animated-arrow span:after {
        top: 0 !important;
        transform: rotate(-45deg) !important;
    }

    .navbar-toggler.navresponsive-toggler {
        display: none !important;
    }

    .sticky-wrapper,
    .horizontal-main.hor-menu,
    .horizontal-mainwrapper {
        height: 0 !important;
        min-height: 0 !important;
        overflow: visible !important;
        z-index: 100000 !important;
    }

    .horizontalMenu {
        position: fixed !important;
        top: 0 !important;
        left: -286px !important;
        right: auto !important;
        width: 286px !important;
        max-width: 86vw !important;
        height: 100vh !important;
        padding-top: 92px !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        visibility: visible !important;
        background: #11131b !important;
        box-shadow: 18px 0 45px rgba(0, 0, 0, .34) !important;
        transition: left .22s ease !important;
        z-index: 100001 !important;
    }

    .active .horizontalMenu {
        left: 0 !important;
    }

    .horizontalMenu:before {
        content: none !important;
        display: none !important;
    }

    .horizontalMenu > .horizontalMenu-list {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        display: block !important;
        background: transparent !important;
    }

    .horizontalMenu > .horizontalMenu-list > li {
        position: relative !important;
        display: block !important;
        float: none !important;
        width: 100% !important;
        border-bottom: 1px solid rgba(255, 255, 255, .09) !important;
    }

    .horizontalMenu > .horizontalMenu-list > li > a {
        display: flex !important;
        align-items: center !important;
        min-height: 56px !important;
        padding: 0 54px 0 24px !important;
        color: #f7f8ff !important;
        background: transparent !important;
        border: 0 !important;
        font-size: 16px !important;
        font-weight: 800 !important;
        white-space: nowrap !important;
    }

    .horizontalMenu > .horizontalMenu-list > li > a i.fa:first-child {
        width: 26px !important;
        margin-right: 10px !important;
        text-align: center !important;
        font-size: 19px !important;
    }

    .horizontalMenu > .horizontalMenu-list > li > .horizontalMenu-click {
        display: block !important;
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
        width: 54px !important;
        height: 56px !important;
        cursor: pointer !important;
        z-index: 2 !important;
    }

    .horizontalMenu > .horizontalMenu-list > li > .horizontalMenu-click > i {
        display: block !important;
        margin: 17px 16px 0 0 !important;
        color: #ffffff !important;
        font-size: 18px !important;
        text-align: right !important;
        transition: transform .18s ease !important;
    }

    .horizontalMenu-click.ws-activearrow > i {
        transform: rotate(180deg) !important;
    }

    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {
        position: static !important;
        display: none;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 6px 0 10px !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        background: rgba(255, 255, 255, .06) !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a {
        display: block !important;
        padding: 10px 20px 10px 62px !important;
        color: rgba(255, 255, 255, .82) !important;
        background: transparent !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        white-space: normal !important;
    }

    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a:hover,
    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li:hover > a {
        color: #ffffff !important;
        background: rgba(83, 103, 223, .22) !important;
    }

    .overlapblackbg,
    .active .horizontalMenu .overlapblackbg {
        position: fixed !important;
        top: 0 !important;
        left: 286px !important;
        right: 0 !important;
        width: auto !important;
        height: 100vh !important;
        background: rgba(8, 10, 20, .48) !important;
        opacity: 0 !important;
        visibility: hidden !important;
        z-index: 100000 !important;
        transition: opacity .2s ease !important;
    }

    .active .horizontalMenu .overlapblackbg {
        opacity: 1 !important;
        visibility: visible !important;
    }
}

/* Final mobile menu corrections */
@media only screen and (max-width: 991px) {
    .header-brand .desktop-logo,
    .header-brand-img.desktop-logo {
        display: none !important;
    }

    .header-brand .mobile-view-logo,
    .header-brand-img.mobile-view-logo {
        display: block !important;
        max-height: 58px !important;
        width: auto !important;
    }

    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu,
    .horizontalMenu > .horizontalMenu-list > li > .horizontalMenu-click.ws-activearrow ~ ul.sub-menu {
        display: none;
    }

    .horizontalMenu > .horizontalMenu-list > li.menu-open > ul.sub-menu {
        display: block;
    }

    .horizontalMenu > .horizontalMenu-list > li > a.sub-icon .fa-angle-down {
        margin-left: 4px !important;
    }
}
/* Final submenu collapse override */
@media only screen and (max-width: 991px) {
    .horizontalMenu > .horizontalMenu-list > li:not(.menu-open) > ul.sub-menu,
    .horizontalMenu > .horizontalMenu-list > li:not(.menu-open) > .horizontal-megamenu {
        display: none !important;
    }

    .horizontalMenu > .horizontalMenu-list > li.menu-open > ul.sub-menu,
    .horizontalMenu > .horizontalMenu-list > li.menu-open > .horizontal-megamenu {
        display: block !important;
    }
}