@import"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap";

:root {
	--bodyFontFamily: "Inter", sans-serif;
	--bodyBgColor: #f5f5f5;
	--bodyColor: #8c9097;
	--mainColor: #5d87ff;
	--mainColor01: rgba(93, 135, 255, 0.1);
	--headingColor: #2A3547;
	--headingColor01: rgba(42, 53, 71, 0.1);
	--whiteColor: #ffffff;
	--whiteColor1: #f5f5f9;
	--blackColor: #000000;
	--blackColor01: rgba(0, 0, 0, 0.1);
	--successColor: #28c76f;
	--successColor01: rgba(41, 199, 112, 0.1);
	--dangerColor: #ee368c;
	--dangerColor01: rgba(238, 54, 140, 0.1);
	--warningColor: #ffc107;
	--warningColor01: rgba(255, 193, 7, 0.1);
	--infoColor: #0dcaf0;
	--infoColor01: rgba(13, 202, 240, 0.1);
	--borderColor09: rgba(8, 60, 130, 0.09);
	--formBorderColor09: rgba(8, 60, 130, .09);
	--boxShadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
	--formPlaceholderColor: #959ca9;
	--transition: all ease .5s;
	--borderRadius: 8px;
	--fontSize12: 12px;
	--fontSize13: 13px;
	--fontSize14: 14px;
	--fontSize15: 15px;
	--fontSize16: 16px;
	--fontSize17: 17px;
	--fontSize18: 18px;
	--fontSize19: 19px;
	--fontSize20: 20px;
	--fontSize21: 21px;
	--fontSize22: 22px;
	--fontSize23: 23px;
	--fontSize24: 24px;
	--fontSize25: 25px;
	--fontSize26: 26px;
	--fontSize27: 27px;
	--fontSize28: 28px;
	--fontSize29: 29px;
	--fontSize30: 30px;
	--darkBodyColor: #dee2e6;
	--darkBodyBgColor: #2b3035;
	--darkCardBgColor: #212529;
	--darkBorderColor: #3a3f45
}

body {
	font-size: var(--fontSize13);
	font-family: var(--bodyFontFamily);
	color: var(--bodyColor);
	font-weight: 400;
	background-color: var(--bodyBgColor);
	transition: var(--transition)
}

.d-table {
	width: 100%;
	height: 100%
}

.d-table-cell {
	vertical-align: middle
}

a {
	transition: var(--transition);
	color: var(--bodyColor)
}

a:hover {
	color: var(--mainColor)
}

button {
	transition: var(--transition)
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--headingColor);
	font-weight: bold
}

.h4,
h4 {
	font-size: 18px
}

p {
	margin-bottom: 10px;
	line-height: 1.8
}

p:last-child {
	margin-bottom: 0
}

img {
	max-width: 100%;
	height: auto
}

.form-control {
	height: 50px;
	border: 1px solid var(--formBorderColor09);
	background-color: var(--whiteColor);
	color: var(--headingColor);
	border-radius: var(--borderRadius);
	font-size: var(--fontSize14);
	padding: 10px 20px !important;
	width: 100%;
	transition: var(--transition)
}

.form-control::placeholder {
	color: var(--formPlaceholderColor)
}

.form-control:focus {
	color: var(--blackColor);
	background-color: rgba(0, 0, 0, 0);
	box-shadow: unset;
	outline: 0;
	border-color: var(--mainColor)
}

.form-control.h-40 {
	height: 40px
}

textarea.form-control {
	height: auto !important
}

textarea.form-control.text-area {
	padding-top: 25px !important
}

.form-check-input {
	width: 20px;
	height: 20px;
	border-color: var(--bodyColor)
}

.form-check-input:focus {
	box-shadow: none;
	border-color: var(--mainColor)
}

.form-check-input:checked {
	background-color: var(--mainColor);
	border-color: var(--mainColor)
}

.form-floating>label {
	padding: 17px 20px;
	font-size: var(--fontSize13)
}

.form-floating>.form-control-plaintext~label,
.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
	transform: scale(0.85) translateY(-12px) translateX(0.15rem)
}

.form-select {
	cursor: pointer
}

.js-grid .cursor-move {
	cursor: move
}

.file-upload-wrap input[type=file] {
	display: none
}

.file-upload-wrap .file-upload {
	display: inline-block;
	cursor: pointer;
	text-align: center;
	width: 100%
}

.or {
	position: relative;
	z-index: 1
}

.or::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 100%;
	height: 1px;
	background-color: var(--formBorderColor09);
	z-index: -1
}

.custom-checkbox input[type=checkbox] {
	height: 0;
	width: 0;
	visibility: hidden
}

.custom-checkbox input:checked+label {
	background-color: var(--successColor)
}

.custom-checkbox input:checked+label:after {
	left: calc(100% - 5px);
	transform: translateX(-100%)
}

.custom-checkbox label {
	cursor: pointer;
	text-indent: -9999px;
	width: 60px;
	height: 30px;
	background-color: var(--bodyColor);
	display: block;
	border-radius: 100px;
	position: relative
}

.custom-checkbox label:after {
	content: "";
	position: absolute;
	top: 5px;
	left: 5px;
	width: 20px;
	height: 20px;
	background-color: var(--whiteColor);
	border-radius: 90px;
	transition: .3s
}

.custom-checkbox label:active:after {
	width: 20px
}

.p-20 {
	padding: 20px
}

.p-25 {
	padding: 25px
}

.p-30 {
	padding: 30px
}

.p-40 {
	padding: 40px
}

.pb-10 {
	padding-bottom: 10px
}

.pb-15 {
	padding-bottom: 15px
}

.pb-20 {
	padding-bottom: 20px
}

.pb-24 {
	padding-bottom: 24px
}

.pt-25 {
	padding-top: 25px
}

.pb-25 {
	padding-bottom: 25px
}

.pb-30 {
	padding-bottom: 30px
}

.pb-35 {
	padding-bottom: 35px
}

.pb-40 {
	padding-bottom: 40px
}

.pb-45 {
	padding-bottom: 45px
}

.pb-50 {
	padding-bottom: 50px
}

.mt-10 {
	margin-top: 10px
}

.mb-10 {
	margin-bottom: 10px
}

.mb-15 {
	margin-bottom: 15px
}

.mb-20 {
	margin-bottom: 20px
}

.mb-24 {
	margin-bottom: 24px
}

.mt-25 {
	margin-top: 25px
}

.mb-25 {
	margin-bottom: 25px
}

.mb-30 {
	margin-bottom: 30px
}

.mb-35 {
	margin-bottom: 35px
}

.mb-40 {
	margin-bottom: 40px
}

.mb-45 {
	margin-bottom: 45px
}

.mb-50 {
	margin-bottom: 50px
}

.ms-minus-20 {
	margin-left: -20px
}

.animation-y-axis {
	transition: var(--transition);
	position: relative;
	z-index: 1
}

.animation-y-axis:hover {
	transform: translateY(-5px)
}

.animation-x-axis {
	transition: var(--transition);
	position: relative;
	z-index: 1
}

.animation-x-axis:hover {
	transform: translateX(-5px)
}

.bg-img {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%
}

.text-primary {
	color: var(--mainColor) !important
}

.text-success {
	color: var(--successColor) !important
}

.text-danger {
	color: var(--dangerColor) !important
}

.text-warning {
	color: var(--warningColor) !important
}

.text-info {
	color: var(--infoColor) !important
}

.text-body {
	color: var(--bodyColor) !important
}

.text-dark {
	color: var(--headingColor) !important
}

.bg-primary {
	background-color: var(--mainColor) !important
}

.bg-success {
	background-color: var(--successColor) !important
}

.bg-danger {
	background-color: var(--dangerColor) !important
}

.bg-warning {
	background-color: var(--warningColor) !important
}

.bg-info {
	background-color: var(--infoColor) !important
}

.bg-white {
	background-color: var(--whiteColor) !important
}

.bg-white1 {
	background-color: var(--whiteColor1) !important
}

.bg-primary-transparent {
	background-color: var(--mainColor01)
}

.bg-secondary-transparent {
	background-color: var(--headingColor01)
}

.bg-dark-transparent {
	background-color: var(--blackColor01)
}

.bg-success-transparent {
	background-color: var(--successColor01)
}

.bg-danger-transparent {
	background-color: var(--dangerColor01)
}

.bg-warning-transparent {
	background-color: var(--warningColor01)
}

.bg-info-transparent {
	background-color: var(--infoColor01)
}

.bg-white1-transparent {
	background-color: var(--whiteColor1)
}

.border-color {
	border-color: var(--borderColor09) !important
}

.border-1 {
	border: 1px solid var(--borderColor09) !important
}

.border-primary {
	border-color: var(--mainColor) !important
}

.border-secondary {
	border-color: var(--headingColor) !important
}

.border-success {
	border-color: var(--successColor) !important
}

.border-danger {
	border-color: var(--dangerColor) !important
}

.border-warning {
	border-color: var(--warningColor) !important
}

.border-info {
	border-color: var(--infoColor) !important
}

.border-light {
	border-color: var(--whiteColor) !important
}

.border-dark {
	border-color: var(--headingColor) !important
}

.border-body {
	border-color: var(--bodyColor) !important
}

.border-dark {
	border-color: var(--headingColor) !important
}

.fs-12 {
	font-size: var(--fontSize12)
}

.fs-13 {
	font-size: var(--fontSize13)
}

.fs-14 {
	font-size: var(--fontSize14)
}

.fs-15 {
	font-size: var(--fontSize15)
}

.fs-16 {
	font-size: var(--fontSize16)
}

.fs-17 {
	font-size: var(--fontSize17)
}

.fs-18 {
	font-size: var(--fontSize18)
}

.fs-19 {
	font-size: var(--fontSize19)
}

.fs-20 {
	font-size: var(--fontSize20)
}

.fs-21 {
	font-size: var(--fontSize21)
}

.fs-22 {
	font-size: var(--fontSize22)
}

.fs-23 {
	font-size: var(--fontSize23)
}

.fs-24 {
	font-size: var(--fontSize24)
}

.fs-25 {
	font-size: var(--fontSize25)
}

.fs-26 {
	font-size: var(--fontSize26)
}

.fs-27 {
	font-size: var(--fontSize27)
}

.fs-28 {
	font-size: var(--fontSize28)
}

.fs-29 {
	font-size: var(--fontSize29)
}

.fs-30 {
	font-size: var(--fontSize30)
}

.rounded-3 {
	border-radius: var(--borderRadius) !important
}

.box-shadow {
	box-shadow: var(--boxShadow) !important
}

.fw-normal {
	font-weight: 400 !important
}

.fw-medium {
	font-weight: 500 !important
}

.fw-semibold {
	font-weight: 600 !important
}

.fw-bold {
	font-weight: 700 !important
}

.wh-100 {
	width: 100px;
	height: 100px
}

.wh-80 {
	width: 80px;
	height: 80px
}

.wh-60 {
	width: 60px;
	height: 60px
}

.wh-40 {
	width: 40px;
	height: 40px
}

.wh-50 {
	width: 50px;
	height: 50px
}

.wh-32 {
	width: 32px;
	height: 32px
}

.wh-24 {
	width: 24px;
	height: 24px
}

.cw-65 {
	width: 65px
}

.cw-313 {
	max-width: 313px
}

.mw-560 {
	max-width: 560px
}

.h-255 {
	max-height: 255px
}

.h-300 {
	max-height: 300px
}

.h-357 {
	max-height: 357px
}

.h-365 {
	max-height: 365px
}

.h-400 {
	max-height: 400px
}

.h-428 {
	max-height: 428px
}

.h-458 {
	max-height: 458px
}

.h-459 {
	max-height: 459px
}

.h-466 {
	max-height: 466px
}

.h-452 {
	max-height: 452px
}

.h-500 {
	max-height: 500px
}

.h-516 {
	max-height: 516px
}

.h-540 {
	max-height: 540px
}

.h-512 {
	max-height: 512px
}

.h-549 {
	max-height: 549px
}

.h-550 {
	max-height: 550px
}

.h-571 {
	max-height: 571px
}

.h-583 {
	max-height: 583px
}

.h-590 {
	max-height: 590px
}

.h-594 {
	max-height: 594px
}

.h-600 {
	max-height: 600px
}

.h-602 {
	max-height: 602px
}

.h-624 {
	max-height: 624px
}

.h-634 {
	max-height: 634px
}

.h-700 {
	max-height: 700px
}

.h-713 {
	max-height: 713px
}

.h-738 {
	max-height: 738px
}

.h-1043 {
	max-height: 1043px
}

.ch-200 {
	height: 200px
}

.scroll-bar {
	margin-top: 0 !important;
	overflow: auto
}

.scroll-bar::-webkit-scrollbar {
	width: 6px;
	height: 6px;
	transition: var(--transition);
	border-radius: 50px
}

.scroll-bar::-webkit-scrollbar-track {
	background: #f0f0f4;
	transition: var(--transition);
	border-radius: 50px
}

.scroll-bar::-webkit-scrollbar-thumb {
	background: #e0e0e2;
	transition: var(--transition);
	border-radius: 50px
}

.scroll-bar::-webkit-scrollbar-thumb:hover {
	background: var(--mainColor);
	border-radius: 50px
}

.scroll-bar.active::-webkit-scrollbar-thumb {
	background: var(--mainColor)
}

.swal2-title {
	font-size: 20px
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
	background-color: var(--mainColor) !important;
	box-shadow: none !important
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:focus {
	box-shadow: none !important
}

.card {
	transition: var(--transition)
}

@media only screen and (max-width: 767px) {
	.p-25 {
		padding: 15px
	}

	.pt-25 {
		padding-top: 15px
	}

	.pb-25 {
		padding-bottom: 15px
	}

	.p-30 {
		padding: 20px
	}

	.mt-25 {
		margin-top: 15px
	}

	.mb-25 {
		margin-bottom: 15px
	}

	.fs-25 {
		font-size: var(--fontSize18)
	}

	.h4,
	h4 {
		font-size: 16px
	}

	.fs-15 {
		font-size: var(--fontSize14)
	}

	.global-tab .nav-item .nav-link {
		padding: 5px 5px;
		font-size: 12px
	}
}

@media only screen and (max-width: 575px) {
	.w-sm-100 {
		width: 100%
	}

	.cw-313 {
		max-width: 100%
	}
}

@media only screen and (min-width: 768px)and (max-width: 991px) {
	.fs-25 {
		font-size: var(--fontSize20)
	}

	.h4,
	h4 {
		font-size: 18px
	}

	.fs-15 {
		font-size: var(--fontSize14)
	}
}

@media only screen and (min-width: 992px)and (max-width: 1199px) {
	.p-25 {
		padding: 20px
	}

	.fs-25 {
		font-size: var(--fontSize20)
	}

	.h4,
	h4 {
		font-size: 16px
	}

	.fs-15 {
		font-size: var(--fontSize14)
	}
}

@media only screen and (min-width: 1200px)and (max-width: 1399px) {
	.p-25 {
		padding: 20px
	}
}

@media only screen and (min-width: 1400px)and (max-width: 1699px) {
	.p-25 {
		padding: 20px
	}

	.fs-25 {
		font-size: var(--fontSize20)
	}

	.h4,
	h4 {
		font-size: 16px
	}

	.fs-15 {
		font-size: var(--fontSize14)
	}
}

.preloader {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background-color: var(--whiteColor);
	z-index: 99999
}

.preloader .content {
	position: absolute;
	width: 80px;
	height: 80px;
	animation: spin-six 2.5s infinite cubic-bezier(0.17, 0.72, 0.55, 1.66);
	left: 50%;
	top: 50%;
	transform: translate(-50px, -50px)
}

.preloader .ball {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
	width: 11%;
	height: 50%;
	background-color: rgba(0, 0, 0, 0);
	transform-origin: bottom center;
	overflow: visible
}

.preloader .ball:nth-of-type(2) {
	transform: translate(-50%, 0) rotate(36deg)
}

.preloader .ball:nth-of-type(3) {
	transform: translate(-50%, 0) rotate(72deg)
}

.preloader .ball:nth-of-type(4) {
	transform: translate(-50%, 0) rotate(108deg)
}

.preloader .ball:nth-of-type(5) {
	transform: translate(-50%, 0) rotate(144deg)
}

.preloader .ball:nth-of-type(6) {
	transform: translate(-50%, 0) rotate(180deg)
}

.preloader .ball:nth-of-type(7) {
	transform: translate(-50%, 0) rotate(216deg)
}

.preloader .ball:nth-of-type(8) {
	transform: translate(-50%, 0) rotate(252deg)
}

.preloader .ball:nth-of-type(9) {
	transform: translate(-50%, 0) rotate(288deg)
}

.preloader .ball:nth-of-type(10) {
	transform: translate(-50%, 0) rotate(324deg)
}

.preloader .ball::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 56%;
	border-radius: 70px;
	background-color: var(--mainColor)
}

.preloader .ball::after {
	position: absolute;
	content: "";
	bottom: -100%;
	left: 0;
	width: 100%;
	height: 56%;
	border-radius: 70px;
	background-color: #4f87ff;
	animation: opacity-six 2.5s infinite linear;
	opacity: 0
}

.preloader.preloader-deactivate {
	visibility: hidden
}

@keyframes spin-six {
	0% {
		transform: translate(-50%, -50%) rotate(0deg)
	}

	100% {
		transform: translate(-50%, -50%) rotate(360deg)
	}
}

@keyframes opacity-six {
	20% {
		opacity: 1
	}

	40% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

.go-top {
	position: fixed;
	cursor: pointer;
	bottom: 30px;
	right: 30px;
	background-color: var(--mainColor);
	transition: var(--transition);
	color: var(--whiteColor);
	z-index: 4;
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	border-radius: 5px;
	font-size: 20px
}

.go-top.active {
	opacity: 1;
	visibility: visible
}

.go-top:hover {
	background-color: var(--successColor);
	box-shadow: var(--boxShadow)
}

.go-top:hover i {
	color: var(--whiteColor)
}

.pagination-custom .page-item {
	margin-right: 5px
}

.pagination-custom .page-item:last-child {
	margin-right: 0
}

.pagination-custom .page-item .page-link {
	width: 40px;
	height: 40px;
	line-height: 40px;
	padding: 0;
	text-align: center;
	border-radius: 5px;
	color: var(--bodyColor);
	transition: var(--transition)
}

.pagination-custom .page-item .page-link svg {
	width: 20px;
	height: 20px
}

.pagination-custom .page-item .page-link i {
	font-size: 22px
}

.pagination-custom .page-item .page-link:focus {
	box-shadow: none;
	outline: none
}

.pagination-custom .page-item .page-link:hover {
	background-color: var(--mainColor);
	color: var(--whiteColor)
}

.pagination-custom .page-item .page-link.active {
	background-color: var(--mainColor);
	color: var(--whiteColor)
}

.btn-primary {
	display: inline-block;
	position: relative;
	background-color: var(--mainColor);
	color: var(--whiteColor);
	font-size: var(--fontSize14);
	font-weight: 500;
	line-height: 1;
	text-align: center;
	padding: 12px 25px;
	transition: var(--transition);
	text-decoration: none;
	border: 1px solid var(--mainColor)
}

.btn-primary svg {
	width: 16px;
	height: 16px;
	stroke: var(--whiteColor)
}

.btn-primary span {
	margin-left: 8px
}

.btn-primary.btn-danger {
	background-color: var(--dangerColor);
	border-color: var(--dangerColor)
}

.btn-primary.btn-danger:hover {
	background-color: var(--dangerColor);
	border-color: var(--dangerColor);
	color: var(--whiteColor)
}

.btn-primary.btn-secondary {
	background-color: var(--headingColor);
	border-color: var(--headingColor)
}

.btn-primary.btn-secondary:hover {
	background-color: var(--headingColor);
	border-color: var(--headingColor);
	color: var(--whiteColor)
}

.btn-primary.btn-success {
	background-color: var(--successColor);
	border-color: var(--successColor)
}

.btn-primary.btn-success:hover {
	background-color: var(--successColor);
	border-color: var(--successColor);
	color: var(--whiteColor)
}

.btn-primary.btn-warning {
	background-color: var(--warningColor);
	border-color: var(--warningColor)
}

.btn-primary.btn-warning:hover {
	background-color: var(--warningColor);
	border-color: var(--warningColor);
	color: var(--whiteColor)
}

.btn-primary.btn-info {
	background-color: var(--infoColor);
	border-color: var(--infoColor)
}

.btn-primary.btn-info:hover {
	background-color: var(--infoColor);
	border-color: var(--infoColor);
	color: var(--whiteColor)
}

.btn-primary.btn-light {
	background-color: var(--whiteColor1);
	border-color: var(--whiteColor1)
}

.btn-primary.btn-light:hover {
	background-color: var(--whiteColor1);
	border-color: var(--whiteColor1);
	color: var(--whiteColor)
}

.btn-primary.btn-dark {
	background-color: var(--headingColor);
	border-color: var(--headingColor)
}

.btn-primary.btn-dark:hover {
	background-color: var(--headingColor);
	border-color: var(--headingColor);
	color: var(--whiteColor)
}

.btn-primary.btn-outline-primary {
	background-color: rgba(0, 0, 0, 0);
	border-color: var(--mainColor);
	color: var(--mainColor)
}

.btn-primary.btn-outline-primary:hover {
	background-color: var(--mainColor);
	border-color: var(--mainColor);
	color: var(--whiteColor)
}

.btn-primary.btn-outline-danger {
	background-color: rgba(0, 0, 0, 0);
	border-color: var(--dangerColor);
	color: var(--dangerColor)
}

.btn-primary.btn-outline-danger:hover {
	background-color: var(--dangerColor);
	border-color: var(--dangerColor);
	color: var(--whiteColor)
}

.btn-primary.btn-outline-secondary {
	background-color: rgba(0, 0, 0, 0);
	border-color: var(--headingColor);
	color: var(--headingColor)
}

.btn-primary.btn-outline-secondary:hover {
	background-color: var(--headingColor);
	border-color: var(--headingColor);
	color: var(--whiteColor)
}

.btn-primary.btn-outline-success {
	background-color: rgba(0, 0, 0, 0);
	border-color: var(--successColor);
	color: var(--successColor)
}

.btn-primary.btn-outline-success:hover {
	background-color: var(--successColor);
	border-color: var(--successColor);
	color: var(--whiteColor)
}

.btn-primary.btn-outline-warning {
	background-color: rgba(0, 0, 0, 0);
	border-color: var(--warningColor);
	color: var(--warningColor)
}

.btn-primary.btn-outline-warning:hover {
	background-color: var(--warningColor);
	border-color: var(--warningColor);
	color: var(--whiteColor)
}

.btn-primary.btn-outline-info {
	background-color: rgba(0, 0, 0, 0);
	border-color: var(--infoColor);
	color: var(--infoColor)
}

.btn-primary.btn-outline-info:hover {
	background-color: var(--infoColor);
	border-color: var(--infoColor);
	color: var(--whiteColor)
}

.btn-primary.btn-outline-light {
	background-color: rgba(0, 0, 0, 0);
	border-color: var(--lightColor);
	color: var(--lightColor)
}

.btn-primary.btn-outline-light:hover {
	background-color: var(--lightColor);
	border-color: var(--lightColor);
	color: var(--whiteColor)
}

.btn-primary.btn-outline-dark {
	background-color: rgba(0, 0, 0, 0);
	border-color: var(--blackColor);
	color: var(--blackColor)
}

.btn-primary.btn-outline-dark:hover {
	background-color: var(--blackColor);
	border-color: var(--blackColor);
	color: var(--whiteColor)
}

.btn-primary.btn-primary-transparent {
	background-color: var(--mainColor01);
	border-color: var(--mainColor01);
	color: var(--mainColor)
}

.btn-primary.btn-primary-transparent svg {
	stroke: var(--mainColor)
}

.btn-primary.btn-primary-transparent:hover {
	background-color: var(--mainColor);
	border-color: var(--mainColor);
	color: var(--whiteColor)
}

.btn-primary.btn-primary-transparent:hover svg {
	stroke: var(--whiteColor)
}

.btn-primary.btn-danger-transparent {
	background-color: var(--dangerColor01);
	border-color: var(--dangerColor01);
	color: var(--dangerColor)
}

.btn-primary.btn-danger-transparent svg {
	stroke: var(--dangerColor)
}

.btn-primary.btn-danger-transparent:hover {
	background-color: var(--dangerColor);
	border-color: var(--dangerColor);
	color: var(--whiteColor)
}

.btn-primary.btn-danger-transparent:hover svg {
	stroke: var(--whiteColor)
}

.btn-primary.btn-secondary-transparent {
	background-color: var(--headingColor01);
	border-color: var(--headingColor01);
	color: var(--headingColor)
}

.btn-primary.btn-secondary-transparent svg {
	stroke: var(--headingColor)
}

.btn-primary.btn-secondary-transparent:hover {
	background-color: var(--headingColor);
	border-color: var(--headingColor);
	color: var(--whiteColor)
}

.btn-primary.btn-secondary-transparent:hover svg {
	stroke: var(--whiteColor)
}

.btn-primary.btn-success-transparent {
	background-color: var(--successColor01);
	border-color: var(--successColor01);
	color: var(--successColor)
}

.btn-primary.btn-success-transparent svg {
	stroke: var(--successColor)
}

.btn-primary.btn-success-transparent:hover {
	background-color: var(--successColor);
	border-color: var(--successColor);
	color: var(--whiteColor)
}

.btn-primary.btn-success-transparent:hover svg {
	stroke: var(--whiteColor)
}

.btn-primary.btn-warning-transparent {
	background-color: var(--warningColor01);
	border-color: var(--warningColor01);
	color: var(--warningColor)
}

.btn-primary.btn-warning-transparent svg {
	stroke: var(--warningColor)
}

.btn-primary.btn-warning-transparent:hover {
	background-color: var(--warningColor);
	border-color: var(--warningColor);
	color: var(--whiteColor)
}

.btn-primary.btn-warning-transparent:hover svg {
	stroke: var(--whiteColor)
}

.btn-primary.btn-info-transparent {
	background-color: var(--infoColor01);
	border-color: var(--infoColor01);
	color: var(--infoColor)
}

.btn-primary.btn-info-transparent svg {
	stroke: var(--infoColor)
}

.btn-primary.btn-info-transparent:hover {
	background-color: var(--infoColor);
	border-color: var(--infoColor);
	color: var(--whiteColor)
}

.btn-primary.btn-info-transparent:hover svg {
	stroke: var(--whiteColor)
}

.btn-primary.btn-light-transparent {
	background-color: var(--whiteColor1);
	border-color: var(--whiteColor1);
	color: var(--whiteColor)
}

.btn-primary.btn-light-transparent svg {
	stroke: var(--whiteColor1)
}

.btn-primary.btn-light-transparent:hover {
	background-color: var(--whiteColor);
	border-color: var(--whiteColor);
	color: var(--blackColor)
}

.btn-primary.btn-light-transparent:hover svg {
	stroke: var(--whiteColor)
}

.btn-primary.btn-dark-transparent {
	background-color: var(--blackColor01);
	border-color: var(--blackColor01);
	color: var(--blackColor)
}

.btn-primary.btn-dark-transparent svg {
	stroke: var(--blackColor)
}

.btn-primary.btn-dark-transparent:hover {
	background-color: var(--blackColor);
	border-color: var(--blackColor);
	color: var(--whiteColor)
}

.btn-primary.btn-dark-transparent:hover svg {
	stroke: var(--whiteColor)
}

.btn-primary:hover {
	background-color: var(--successColor);
	border-color: var(--successColor);
	color: var(--whiteColor)
}

.btn-primary.active {
	background-color: var(--successColor) !important;
	border-color: var(--successColor) !important;
	color: var(--whiteColor) !important
}

.btn-primary.active svg {
	stroke: var(--whiteColor)
}

.btn-lg {
	font-size: var(--fontSize20)
}

.more-btn {
	font-size: var(--fontSize14);
	font-weight: 500;
	color: var(--headingColor);
	display: block;
	position: relative;
	text-decoration: none
}

.more-btn i {
	position: relative;
	top: 2px;
	margin-left: 5px
}

.more-btn:hover {
	color: var(--mainColor)
}

.read-more-dot {
	width: 35px;
	height: 35px;
	line-height: 32px;
	border-radius: 4px;
	background-color: #f4f4f4;
	transition: var(--transition);
	display: inline-block;
	text-align: center
}

.read-more-dot svg {
	width: 20px;
	stroke: var(--bodyColor)
}

.read-more-dot .ri-icon {
	font-size: 20px;
	color: var(--bodyColor);
	position: relative;
	top: 1px
}

.read-more-dot:hover {
	background-color: rgba(93, 135, 255, .1)
}

.read-more-dot:focus {
	background-color: rgba(93, 135, 255, .1)
}

.action-dropdown .dropdown-menu .dropdown-item svg {
	width: 15px;
	margin-right: 5px;
	stroke: var(--mainColor)
}

.action-dropdown .dropdown-menu .dropdown-item:hover {
	color: var(--mainColor) !important
}

.action-dropdown .dropdown-menu .dropdown-item:focus {
	background-color: rgba(93, 135, 255, .1)
}

.social-link li {
	display: inline-block;
	margin-right: 10px
}

.social-link li:last-child {
	margin-right: 0
}

.social-link li a {
	width: 40px;
	height: 40px;
	line-height: 40px;
	background-color: var(--mainColor01);
	display: inline-block;
	border-radius: 3px;
	text-align: center
}

.social-link li a svg {
	transition: var(--transition);
	stroke: var(--mainColor);
	width: 18px
}

.social-link li a:hover {
	background-color: var(--mainColor)
}

.social-link li a:hover svg {
	stroke: var(--whiteColor)
}

@media only screen and (max-width: 767px) {
	.btn-primary {
		padding: 10px 10px;
		font-size: 14px
	}

	.btn-primary span {
		margin-left: 5px
	}
}

@media only screen and (min-width: 1200px)and (max-width: 1399px) {
	.btn-primary {
		padding: 12px 20px
	}

	.btn-primary span {
		margin-left: 5px
	}
}

.sidebar-menu-area {
	background-color: var(--whiteColor);
	width: 300px;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 2;
	transition: var(--transition);
	border-radius: 0 8px 8px 0
}

.sidebar-menu-area .main-logo-wrap {
	padding: 25px;
	transition: var(--transition)
}

.sidebar-menu-area .main-logo .logo {
	width: 40px
}

.sidebar-menu-area .main-logo span {
	font-weight: 700;
	font-size: 30px;
	color: var(--headingColor);
	line-height: 1
}

.sidebar-menu-area .responsive-burger-menu {
	cursor: pointer;
	transition: var(--transition)
}

.sidebar-menu-area .responsive-burger-menu span {
	height: 2px;
	width: 25px;
	background: var(--mainColor);
	display: block;
	margin: 5px 0;
	transition: all .5s ease-in-out
}

.sidebar-menu-area .responsive-burger-menu span.top-bar {
	transform: rotate(45deg);
	transform-origin: 10% 10%
}

.sidebar-menu-area .responsive-burger-menu span.middle-bar {
	opacity: 0
}

.sidebar-menu-area .responsive-burger-menu span.bottom-bar {
	transform: rotate(-45deg);
	transform-origin: 10% 90%;
	margin-top: 5px
}

.sidebar-menu-area .sidebar-menu {
	padding: 25px;
	padding-bottom: 105px;
	margin-bottom: 0;
	list-style: none;
	height: 100%
}

.sidebar-menu-area .sidebar-menu li .cat {
	font-size: 12px;
	font-weight: 500;
	display: block;
	margin-bottom: 10px;
	position: relative;
	padding-left: 8px;
	line-height: 1
}

.sidebar-menu-area .sidebar-menu li .cat::before,
.sidebar-menu-area .sidebar-menu li .cat::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 2px;
	height: 50%;
	background-color: var(--mainColor)
}

.sidebar-menu-area .sidebar-menu li .cat::after {
	background-color: var(--headingColor);
	top: auto;
	bottom: 0
}

.sidebar-menu-area .sidebar-menu li .menu-title {
	width: 100%;
	display: block;
	position: relative;
	margin-bottom: 15px;
	text-decoration: none;
	padding: 12px 12px;
	font-size: 15px;
	font-weight: 500;
	color: var(--headingColor)
}

.sidebar-menu-area .sidebar-menu li .menu-title .icon {
	display: inline-block;
	text-align: center;
	border-radius: 3px;
	margin-right: 5px;
	color: var(--bodyColor);
}

.sidebar-menu-area .sidebar-menu li .menu-title .icon svg {
	stroke: var(--bodyColor);
	width: 18px;
	position: relative;
	top: -1px
}

.sidebar-menu-area .sidebar-menu li .menu-title .count {
	font-size: 12px;
	background-color: rgba(93, 135, 255, .2);
	color: var(--mainColor);
	display: inline-block;
	width: 18px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	border-radius: var(--borderRadius);
	position: absolute;
	top: 50%;
	right: 40px;
	transform: translateY(-50%);
	margin-left: 5px
}

.sidebar-menu-area .sidebar-menu li.mm-active:not(.li-third-level) .menu-title:not(.link-third-level) {
	background-color: var(--whiteColor1);
	border-radius: var(--borderRadius)
}

.sidebar-menu-area .sidebar-menu li.li-third-level.mm-active .menu-title.link-third-level {
	background-color: var(--whiteColor1);
	border-radius: var(--borderRadius)
}

.sidebar-menu-area .sidebar-menu li.mm-active .menu-title .icon svg {
	stroke: var(--bodyColor)
}

.sidebar-menu-area .sidebar-menu li:not(.li-third-level):hover .menu-title:not(.link-third-level) {
	background-color: var(--whiteColor1);
	border-radius: var(--borderRadius)
}

.sidebar-menu-area .sidebar-menu li.li-third-level:hover .menu-title.link-third-level {
	background-color: var(--whiteColor1);
	border-radius: var(--borderRadius)
}

.sidebar-menu-area .sidebar-menu li:hover .menu-title .icon svg {
	stroke: var(--bodyColor)
}

.sidebar-menu-area .sidebar-menu li .sidemenu-second-level {
	padding-left: 30px;
	margin-bottom: 0;
	list-style: none
}

.sidebar-menu-area .sidebar-menu li .sidemenu-second-level li {
	margin-bottom: 15px
}

.sidebar-menu-area .sidebar-menu li .sidemenu-second-level li a {
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	padding: 12px 12px;
	padding-left: 20px;
	position: relative
}

.sidebar-menu-area .sidebar-menu li .sidemenu-second-level li a::before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	width: 8px;
	height: 8px;
	background-color: #adadb9;
	border-radius: var(--borderRadius);
	transition: var(--transition)
}

.sidebar-menu-area .sidebar-menu li .sidemenu-second-level li a.active {
	color: var(--mainColor)
}

.sidebar-menu-area .sidebar-menu li .sidemenu-second-level li a.active::before {
	background-color: var(--mainColor)
}

.sidebar-menu-area .sidebar-menu li .sidemenu-second-level li a:not(.link-third-level):hover {
	color: var(--mainColor)
}

.sidebar-menu-area .sidebar-menu li .sidemenu-second-level li a:hover::before {
	background-color: var(--mainColor)
}

.sidebar-menu-area.toggle-sidemenu-area {
	width: 55px;
	z-index: 99999;
	box-shadow: var(--boxShadow)
}

.sidebar-menu-area.toggle-sidemenu-area .logo-text {
	display: none;
	transition: var(--transition)
}

.sidebar-menu-area.toggle-sidemenu-area .main-logo-wrap {
	transition: var(--transition);
	padding: 7px
}

.sidebar-menu-area.toggle-sidemenu-area .sidebar-menu {
	padding: 7px;
	transition: var(--transition)
}

.sidebar-menu-area.toggle-sidemenu-area .sidebar-menu li .cat {
	display: none;
	transition: var(--transition)
}

.sidebar-menu-area.toggle-sidemenu-area .sidebar-menu li .menu-title .title {
	display: none;
	transition: var(--transition)
}

.sidebar-menu-area.toggle-sidemenu-area .sidebar-menu li .menu-title .count {
	display: none;
	transition: var(--transition)
}

.sidebar-menu-area.toggle-sidemenu-area .sidebar-menu li .sidemenu-second-level.mm-show {
	display: none;
	transition: var(--transition)
}

.sidebar-menu-area.toggle-sidemenu-area .sidebar-menu .has-arrow:after {
	display: none;
	transition: var(--transition)
}

.sidebar-menu-area.toggle-sidemenu-area:hover {
	width: 300px
}

.sidebar-menu-area.toggle-sidemenu-area:hover .logo-text {
	display: inline-block;
	transition: var(--transition)
}

.sidebar-menu-area.toggle-sidemenu-area:hover .main-logo-wrap {
	padding: 25px
}

.sidebar-menu-area.toggle-sidemenu-area:hover .sidebar-menu {
	padding: 25px
}

.sidebar-menu-area.toggle-sidemenu-area:hover .sidebar-menu li .cat {
	display: inline-block;
	transition: var(--transition)
}

.sidebar-menu-area.toggle-sidemenu-area:hover .sidebar-menu li .menu-title .title {
	display: inline-block;
	transition: var(--transition)
}

.sidebar-menu-area.toggle-sidemenu-area:hover .sidebar-menu li .menu-title .count {
	display: inline-block;
	transition: var(--transition)
}

.sidebar-menu-area.toggle-sidemenu-area:hover .sidebar-menu li .sidemenu-second-level.mm-show {
	display: inline-block;
	width: 100%;
	transition: var(--transition)
}

.sidebar-menu-area.toggle-sidemenu-area:hover .sidebar-menu .has-arrow:after {
	display: inline-block;
	transition: var(--transition)
}

.sidebar-menu-area.active-sidemenu-area {
	width: 300px
}

.main-content-area {
	padding-left: 312px;
	padding-right: 12px;
	transition: var(--transition);
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 100vh
}

.main-content-area.hide-sidemenu-area {
	padding-left: 67px
}

@media only screen and (max-width: 1199px) {
	.sidebar-menu-area {
		left: -100%;
		box-shadow: var(--boxShadow)
	}

	.sidebar-menu-area.active-sidemenu-area {
		left: 0
	}

	.sidebar-menu-area.toggle-sidemenu-area {
		left: 0;
		width: 300px
	}

	.sidebar-menu-area.toggle-sidemenu-area .main-logo-wrap {
		padding: 25px
	}

	.sidebar-menu-area.toggle-sidemenu-area .sidebar-menu {
		padding: 25px
	}

	.sidebar-menu-area.toggle-sidemenu-area .sidebar-menu li .menu-title .title {
		display: inline-block
	}

	.sidebar-menu-area.toggle-sidemenu-area .sidebar-menu li .menu-title .count {
		display: inline-block
	}

	.sidebar-menu-area.toggle-sidemenu-area .sidebar-menu li .cat {
		display: inline-block
	}

	.sidebar-menu-area.toggle-sidemenu-area .sidebar-menu .has-arrow:after {
		display: inline-block
	}

	.sidebar-menu-area.toggle-sidemenu-area .logo-text {
		display: inline-block
	}

	.sidebar-menu-area.toggle-sidemenu-area.active-sidemenu-area {
		left: -350px
	}

	.main-content-area {
		padding-left: 0;
		padding-right: 0
	}

	.main-content-area.hide-sidemenu-area {
		padding-left: 0 !important
	}
}

@media only screen and (min-width: 615px)and (max-width: 1199px) {
	.main-content-area {
		padding-left: 12px !important;
		padding-right: 12px !important
	}
}

@media only screen and (min-width: 1200px)and (max-width: 1399px) {
	.sidebar-menu-area {
		width: 250px
	}

	.sidebar-menu-area .main-logo-wrap {
		padding: 20px
	}

	.sidebar-menu-area .sidebar-menu {
		padding: 20px
	}

	.main-content-area {
		padding-left: 262px
	}
}

.header-area {
	padding: 20px;
	border-radius: 0 0 8px 8px;
	transition: var(--transition)
}

.header-area.is-sticky {
	position: sticky;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	background-color: var(--whiteColor) !important;
	box-shadow: var(--boxShadow);
	animation: 500ms ease-in-out 0s normal none 1 running fadeInDown
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translate3d(0, -100%, 0)
	}

	to {
		opacity: 1;
		transform: translateZ(0)
	}
}

.header-left-content ul li {
	margin-right: 30px
}

.header-left-content ul li:last-child {
	margin-right: 0
}

.header-left-content ul li .src-form .form-control {
	width: 350px;
	height: 45px
}

.header-left-content ul li .src-form svg {
	stroke: var(--bodyColor);
	transition: var(--transition)
}

.header-left-content ul li .src-form svg:hover {
	stroke: var(--mainColor);
	transition: var(--transition)
}

.header-left-content .burger-menu {
	cursor: pointer;
	transition: var(--transition)
}

.header-left-content .burger-menu span {
	height: 2px;
	width: 25px;
	background: var(--mainColor);
	display: block;
	margin: 5px 0;
	transition: all .5s ease-in-out
}

.header-left-content .burger-menu.active span.top-bar {
	transform: rotate(45deg);
	transform-origin: 10% 10%
}

.header-left-content .burger-menu.active span.middle-bar {
	opacity: 0
}

.header-left-content .burger-menu.active span.bottom-bar {
	transform: rotate(-45deg);
	transform-origin: 10% 90%;
	margin-top: 5px
}

.header-left-content .responsive-burger-menu {
	cursor: pointer;
	transition: var(--transition)
}

.header-left-content .responsive-burger-menu span {
	height: 2px;
	width: 25px;
	background: var(--mainColor);
	display: block;
	margin: 5px 0;
	transition: all .5s ease-in-out
}

.header-left-content .responsive-burger-menu.active span.top-bar {
	transform: rotate(45deg);
	transform-origin: 10% 10%
}

.header-left-content .responsive-burger-menu.active span.middle-bar {
	opacity: 0
}

.header-left-content .responsive-burger-menu.active span.bottom-bar {
	transform: rotate(-45deg);
	transform-origin: 10% 90%;
	margin-top: 5px
}

.header-right-content ul .dropdown .btn-secondary img {
	position: relative;
	top: -1px;
	right: .1px
}

.header-right-content ul .dropdown .dropdown-toggle {
	padding-right: 16px
}

.header-right-content ul .dropdown .dropdown-toggle::after {
	position: absolute;
	vertical-align: 0;
	content: "";
	margin-left: 0;
	right: -5px;
	border: 0;
	top: -1px;
	font-size: 18px;
	font-weight: 600;
	font-family: boxicons !important
}

.header-right-content ul .dropdown .dropdown-item.active {
	background-color: rgba(0, 0, 0, 0)
}

.header-right-content ul .dropdown .dropdown-item:active {
	background-color: rgba(0, 0, 0, 0)
}

.header-right-content ul .dropdown .dropdown-item:focus {
	color: var(--headingColor)
}

.header-right-content ul .dropdown .dropdown-menu {
	transition: var(--transition);
	width: 250px;
	position: absolute !important;
	display: block;
	opacity: 0;
	visibility: hidden;
	display: none;
	transform: unset !important;
	top: 90px !important;
	right: 0 !important;
	left: auto !important
}

.header-right-content ul .dropdown .dropdown-menu.show {
	opacity: 1;
	visibility: visible;
	top: 70px !important;
	display: block
}

.header-right-content .fullscreen-btn .minimize {
	display: none
}

.header-right-content .fullscreen-btn.active .maximize {
	display: none
}

.header-right-content .fullscreen-btn.active .minimize {
	display: block
}

.header-right-content .apps-menu .dropdown-item {
	flex: 0 0 29%;
	max-width: 29%;
	text-align: center;
	padding: 8px 10px;
	border-radius: 10px
}

.header-right-content .apps-menu .dropdown-item img {
	max-width: 30px
}

.header-right-content .mail.dropdown .btn-secondary {
	width: 43px;
	height: 43px;
	line-height: 43px;
	text-align: center;
	border-radius: 50px;
	background-color: var(--mainColor01);
	transition: var(--transition)
}

.header-right-content .mail.dropdown .btn-secondary svg {
	width: 20px;
	stroke: var(--mainColor);
	transition: var(--transition);
	position: relative;
	top: -1px
}

.header-right-content .mail.dropdown .btn-secondary:hover svg {
	stroke: var(--mainColor)
}

.header-right-content .mail.dropdown .dropdown-menu {
	width: 380px
}

.header-right-content .mail.dropdown .dropdown-menu .avatar-md {
	background-color: rgba(11, 81, 183, .08) !important;
	width: 43px;
	height: 43px;
	line-height: 38.5px
}

.header-right-content .mail.dropdown .dropdown-menu .avatar-md svg {
	stroke: var(--mainColor);
	width: 20px
}

.header-right-content .mail .bg-main-color:hover {
	background-color: var(--mainColor);
	color: var(--whiteColor)
}

.header-right-content .mail .bg-main-color:active {
	background-color: var(--mainColor) !important;
	color: var(--whiteColor)
}

.header-right-content .notifications.dropdown .btn-secondary {
	width: 43px;
	height: 43px;
	line-height: 43px;
	text-align: center;
	border-radius: 50px;
	background-color: var(--mainColor01);
	transition: var(--transition)
}

.header-right-content .notifications.dropdown .btn-secondary.badge {
	position: relative
}

.header-right-content .notifications.dropdown .btn-secondary.badge::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 9px;
	height: 9px;
	background-color: #f90283;
	border-radius: 50px
}

.header-right-content .notifications.dropdown .btn-secondary svg {
	width: 20px;
	stroke: var(--mainColor);
	transition: var(--transition)
}

.header-right-content .notifications.dropdown .btn-secondary:hover svg {
	stroke: var(--mainColor)
}

.header-right-content .notifications.dropdown .dropdown-menu {
	width: 380px
}

.header-right-content .notifications.dropdown .dropdown-menu .avatar-md {
	background-color: rgba(93, 135, 255, .1) !important;
	width: 43px;
	height: 43px;
	line-height: 38.5px
}

.header-right-content .notifications.dropdown .dropdown-menu .avatar-md svg {
	stroke: var(--mainColor);
	width: 20px
}

.header-right-content .notifications .bg-main-color:hover {
	background-color: var(--mainColor);
	color: var(--whiteColor)
}

.header-right-content .notifications .bg-main-color:active {
	background-color: var(--mainColor) !important;
	color: var(--whiteColor)
}

.header-right-content .user-profile .user {
	width: 45px;
	height: 45px
}

.header-right-content .user-profile .dropdown-menu {
	width: 150px
}

.header-right-content .user-profile .dropdown-menu .dropdown-item svg {
	width: 15px;
	color: var(--mainColor);
	position: relative;
	transition: var(--transition)
}

.header-right-content .user-profile .dropdown-menu .dropdown-item:hover {
	color: var(--mainColor)
}

.header-right-content .user-profile .dropdown-menu .dropdown-item:hover svg {
	color: var(--mainColor)
}

@media only screen and (max-width: 767px) {
	.header-left-content {
		margin-bottom: 10px
	}

	.header-left-content ul li .src-form .form-control {
		width: 100%;
		height: 40px
	}

	.header-left-content ul li .src-form svg {
		width: 20px
	}

	.header-right-content .mail.dropdown .btn-secondary {
		width: 35px;
		height: 35px;
		line-height: 29px
	}

	.header-right-content .mail.dropdown .btn-secondary svg {
		width: 17px
	}

	.header-right-content .mail.dropdown .dropdown-menu {
		width: 295px;
		transform: translate3d(106px, 0, 0px) !important
	}

	.header-right-content .notifications.dropdown .btn-secondary {
		width: 35px;
		height: 35px;
		line-height: 29px
	}

	.header-right-content .notifications.dropdown .btn-secondary svg {
		width: 17px
	}

	.header-right-content .notifications.dropdown .dropdown-menu {
		width: 295px;
		transform: translate3d(65px, 0, 0px) !important
	}

	.header-right-content .apps.dropdown .dropdown-menu {
		width: 295px;
		transform: translate3d(152px, 0, 0px) !important
	}

	.header-right-content .languages.dropdown .dropdown-menu {
		width: 295px;
		transform: translate3d(237px, 0, 0px) !important
	}

	.header-right-content .apps-menu .dropdown-item {
		flex: 0 0 27%;
		max-width: 27%
	}

	.header-right-content .user-profile .user {
		width: 35px;
		height: 35px
	}
}

@media only screen and (min-width: 576px)and (max-width: 767px) {
	.header-left-content {
		margin-bottom: 0
	}
}

@media only screen and (min-width: 768px)and (max-width: 991px) {
	.header-left-content ul li .src-form .form-control {
		width: 100%
	}

	.header-right-content .mail.dropdown .btn-secondary {
		width: 35px;
		height: 35px;
		line-height: 29px
	}

	.header-right-content .mail.dropdown .btn-secondary svg {
		width: 17px
	}

	.header-right-content .mail.dropdown .dropdown-menu {
		width: 295px
	}

	.header-right-content .notifications.dropdown .btn-secondary {
		width: 35px;
		height: 35px;
		line-height: 29px
	}

	.header-right-content .notifications.dropdown .btn-secondary svg {
		width: 17px
	}

	.header-right-content .notifications.dropdown .dropdown-menu {
		width: 295px
	}

	.header-right-content .user-profile .user {
		width: 35px;
		height: 35px
	}
}

.footer-area {
	margin-left: 12px;
	margin-right: 12px;
	border-radius: 8px 8px 0 0
}

.status-card .icon {
	background-color: var(--mainColor01);
	width: 80px;
	height: 80px;
	line-height: 80px;
	text-decoration: none;
	text-align: center;
	transition: var(--transition);
	position: relative;
	z-index: 1;
	overflow: hidden
}

.status-card .icon::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: auto;
	width: 50px;
	height: 50px;
	background-color: var(--mainColor);
	transform: translateY(-50%);
	z-index: -1;
	border-radius: var(--borderRadius);
	transition: var(--transition)
}

.status-card .icon svg {
	stroke: var(--whiteColor);
	width: 30px;
	transition: var(--transition)
}

.status-card p .bg-success-transparent {
	transition: var(--transition)
}

.status-card p .bg-success-transparent svg {
	width: 15px;
	height: 13px;
	stroke: var(--successColor) !important;
	transition: var(--transition)
}

.status-card p .bg-danger-transparent {
	transition: var(--transition)
}

.status-card p .bg-danger-transparent svg {
	width: 15px;
	height: 13px;
	stroke: var(--dangerColor) !important;
	transition: var(--transition)
}

.status-card:hover .icon::before {
	width: 120%;
	height: 120%
}

.status-card:hover svg {
	stroke: var(--whiteColor)
}

.status-card:hover p .bg-success-transparent {
	background-color: var(--successColor);
	color: var(--whiteColor) !important
}

.status-card:hover p .bg-success-transparent svg {
	stroke: var(--whiteColor) !important
}

.status-card:hover p .bg-danger-transparent {
	background-color: var(--dangerColor);
	color: var(--whiteColor) !important
}

.status-card:hover p .bg-danger-transparent svg {
	stroke: var(--whiteColor) !important
}

.single-top-categories-card {
	transition: var(--transition)
}

.single-top-categories-card .card-body {
	padding-top: 38.5px;
	padding-bottom: 38.5px
}

.single-top-categories-card:hover {
	background-color: var(--mainColor01)
}

@media only screen and (min-width: 576px)and (max-width: 767px) {
	.status-card .icon {
		width: 65px;
		height: 65px;
		line-height: 65px
	}
}

@media only screen and (min-width: 1200px)and (max-width: 1399px) {
	.single-top-categories-card .card-body {
		padding-left: 22px;
		padding-right: 22px
	}
}

@media only screen and (min-width: 1400px)and (max-width: 1699px) {
	.status-card .icon {
		width: 65px;
		height: 65px;
		line-height: 65px
	}

	.status-area.col-xxx .col-xxl-5 {
		width: 100%
	}

	.status-area.col-xxx .col-xxl-5 .col-xxl-6 {
		width: 25%
	}

	.status-area.col-xxx .col-xxl-7 {
		width: 100%
	}

	.job-applicants-clients-summary-area.col-xxx .col-xxl-7 {
		width: 100%
	}

	.job-applicants-clients-summary-area.col-xxx .col-xxl-5 {
		width: 100%
	}

	.sales-overview-area.col-xxx .col-xxl-6 {
		width: 100%
	}

	.sales-overview-area.col-xxx .col-xxl-6 {
		width: 100%
	}
}

.card-title .form-select {
	width: 200px;
	cursor: pointer;
	width: 140px;
	height: 40px;
	padding: 6px 20px
}

.section-title-option li {
	margin-right: 20px
}

.section-title-option li .btn svg {
	width: 20px;
	stroke: var(--bodyColor)
}

.section-title-option li:last-child {
	margin-right: 0
}

.section-title-option li .src-form .form-control {
	height: 40px
}

@media only screen and (max-width: 767px) {
	.card-title .form-select {
		font-size: 12px;
		padding: 6px;
		background-position: right .25rem center;
		width: 100px
	}

	.card-title .form-select option {
		font-size: 12px
	}

	.section-title-option li {
		margin-right: 15px
	}
}

@media only screen and (min-width: 768px)and (max-width: 991px) {
	.card-title .form-select {
		font-size: 12px;
		padding: 6px;
		background-position: right .25rem center;
		width: 100px
	}

	.card-title .form-select option {
		font-size: 12px
	}
}

@media only screen and (min-width: 992px)and (max-width: 1199px) {
	.card-title .form-select {
		font-size: 12px;
		padding: 6px;
		background-position: right .25rem center;
		width: 100px
	}

	.card-title .form-select option {
		font-size: 12px
	}
}

@media only screen and (min-width: 1400px)and (max-width: 1699px) {
	.card-title .form-select {
		font-size: 12px;
		padding: 6px;
		background-position: right .25rem center;
		width: 100px
	}

	.card-title .form-select option {
		font-size: 12px
	}
}

#sales_by_locations {
	width: 100%;
	height: 300px;
	position: relative
}

#sales_by_locations::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 60px;
	height: 20px;
	background-color: var(--whiteColor);
	z-index: 1
}

.country-progress li {
	margin-bottom: 15px
}

.country-progress li:last-child {
	margin-bottom: 0
}

.country-progress li .rounded-1 {
	border-radius: 2px !important
}

.country-progress li .progress {
	height: 6px
}

.country-progress li .progress .count {
	top: -26px;
	right: 0;
	color: var(--headingColor)
}

.activity-list li {
	position: relative;
	z-index: 1
}

.activity-list li::before {
	content: "";
	position: absolute;
	top: 50px;
	left: 25px;
	width: 1px;
	height: 100%;
	border: 1px dashed var(--mainColor);
	z-index: -1
}

.activity-list li .icon {
	width: 50px;
	height: 50px;
	line-height: 47px;
	border: 1px solid var(--mainColor);
	background-color: #eef3ff;
	text-align: center;
	border-radius: 50px;
	transition: var(--transition)
}

.activity-list li .icon svg {
	stroke: var(--mainColor);
	transition: var(--transition)
}

.activity-list li .icon.date span {
	display: block;
	line-height: 1;
	position: relative;
	top: 10px;
	color: var(--mainColor)
}

.activity-list li:hover .icon {
	background-color: var(--mainColor)
}

.activity-list li:hover .icon.date span {
	color: var(--whiteColor)
}

.activity-list li:hover svg {
	transition: var(--transition);
	stroke: var(--whiteColor)
}

.activity-list li:last-child::before {
	display: none
}

.total-summary li {
	margin-bottom: 15px
}

.total-summary li .rounded-1 {
	border-radius: 2px !important
}

.total-summary li .progress {
	height: 6px
}

.total-summary li .progress .count {
	top: -26px;
	right: 0;
	color: var(--headingColor)
}

.total-summary li .icon {
	width: 40px;
	height: 40px;
	line-height: 39px;
	text-align: center;
	border-radius: 50px;
	background-color: var(--successColor01);
	transition: var(--transition)
}

.total-summary li .icon svg {
	width: 18px;
	stroke: var(--successColor);
	transition: var(--transition)
}

.total-summary li .icon.bg-2 {
	background-color: var(--mainColor01)
}

.total-summary li .icon.bg-2 svg {
	stroke: var(--mainColor)
}

.total-summary li .icon.bg-3 {
	background-color: rgba(255, 193, 7, .1)
}

.total-summary li .icon.bg-3 svg {
	stroke: #ffc107
}

.total-summary li:hover .icon {
	background-color: var(--successColor)
}

.total-summary li:hover .icon svg {
	stroke: var(--whiteColor)
}

.total-summary li:hover .icon.bg-2 {
	background-color: var(--mainColor)
}

.total-summary li:hover .icon.bg-2 svg {
	stroke: var(--whiteColor)
}

.total-summary li:hover .icon.bg-3 {
	background-color: #ffc107
}

.total-summary li:hover .icon.bg-3 svg {
	stroke: var(--whiteColor)
}

.total-summary li:last-child {
	margin-bottom: 0
}

.global-table-area .table {
	border-color: #f9f9f9;
	margin-bottom: 0
}

.global-table-area .table thead tr th {
	font-size: 15px
}

.global-table-area .table tbody tr td .icon {
	width: 40px;
	height: 40px;
	transition: var(--transition);
	margin-right: 5px
}

.global-table-area .table tbody tr td .icon.icon-a {
	display: inline-block;
	line-height: 40px
}

.global-table-area .table tbody tr td .icon.icon-a svg {
	position: relative;
	top: -1px
}

.global-table-area .table tbody tr td .icon.heart-a {
	display: inline-block;
	line-height: 40px
}

.global-table-area .table tbody tr td .icon.heart-a svg {
	position: relative;
	top: -1px
}

.global-table-area .table tbody tr td .icon.heart-a:hover {
	background-color: var(--successColor)
}

.global-table-area .table tbody tr td .icon.heart-a:hover svg {
	stroke: var(--whiteColor)
}

.global-table-area .table tbody tr td .icon:last-child {
	margin-right: 0
}

.global-table-area .table tbody tr td .icon svg {
	stroke: var(--mainColor);
	width: 18px
}

.global-table-area .table tbody tr td .icon.edit svg {
	stroke: var(--successColor)
}

.global-table-area .table tbody tr td .icon.trash svg {
	stroke: var(--dangerColor)
}

.global-table-area .table tbody tr td .icon:hover {
	background-color: var(--mainColor)
}

.global-table-area .table tbody tr td .icon:hover svg {
	stroke: var(--whiteColor)
}

.global-table-area .table tbody tr td .icon:hover.edit {
	background-color: var(--successColor)
}

.global-table-area .table tbody tr td .icon:hover.edit svg {
	stroke: var(--whiteColor)
}

.global-table-area .table tbody tr td .icon:hover.trash {
	background-color: var(--dangerColor)
}

.global-table-area .table tbody tr td .icon:hover.trash svg {
	stroke: var(--whiteColor)
}

.global-table-area .table>:not(caption)>*>* {
	padding: 15px
}

.global-table-area tbody,
.global-table-area td,
.global-table-area tfoot,
.global-table-area th,
.global-table-area thead,
.global-table-area tr {
	white-space: nowrap
}

.global-table-area tbody .d-flex,
.global-table-area td .d-flex,
.global-table-area tfoot .d-flex,
.global-table-area th .d-flex,
.global-table-area thead .d-flex,
.global-table-area tr .d-flex {
	margin-right: 50px
}

.global-table-area .table-bordered>:not(caption)>* {
	transition: var(--transition)
}

.global-table-area .table-bordered>:not(caption)>*:hover {
	background-color: var(--whiteColor1)
}

.global-table-area.bg-rounded-hover .table>:not(caption)>*>* {
	padding: 15px 10px !important;
	border: none
}

.global-table-area.bg-rounded-hover .table>:not(caption)>*>*:last-child {
	border-radius: 0 10px 10px 0
}

.global-table-area.bg-rounded-hover .table>:not(caption)>*>*:first-child {
	border-radius: 10px 0 0 10px
}

.global-table-area.bg-rounded-hover .table-bordered>:not(caption)>* {
	border-top: none;
	cursor: pointer
}

.global-table-area .action-btn .edit {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: var(--mainColor01);
	color: var(--mainColor);
	display: inline-block;
	border-radius: 50px
}

.global-table-area .action-btn .edit:hover {
	color: var(--whiteColor);
	background-color: var(--successColor)
}

.global-table-area .action-btn .delete {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: var(--dangerColor01);
	color: var(--dangerColor);
	display: inline-block;
	border-radius: 50px
}

.global-table-area .action-btn .delete:hover {
	color: var(--whiteColor);
	background-color: var(--dangerColor)
}

.global-table-area .action-btn .chat {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: var(--successColor01);
	color: var(--successColor);
	display: inline-block;
	border-radius: 50px
}

.global-table-area .action-btn .chat:hover {
	color: var(--whiteColor);
	background-color: var(--successColor)
}

.table-edit-area .table-wrapper .member .delete {
	display: none;
	text-align: center
}

.table-edit-area .table-wrapper .member .delete h1 {
	font-size: 25px;
	margin-bottom: 15px
}

.table-edit-area .table-wrapper .member .delete .overplay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .6);
	z-index: 2
}

.table-edit-area .table-wrapper .member .delete .choice-delete {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: var(--whiteColor);
	padding: 50px;
	border-radius: 5px;
	z-index: 2
}

.table-edit-area .table-wrapper .member .delete .choice-delete i {
	position: absolute;
	right: 20px;
	top: 20px;
	font-size: 20px;
	color: var(--mainColor);
	cursor: pointer
}

.table-edit-area .table-wrapper .member .delete .choice-delete button {
	color: var(--whiteColor);
	margin-top: 8px;
	background: #f10000;
	padding: 6px 18px;
	font-size: 14px;
	cursor: pointer;
	margin-right: 20px
}

.table-edit-area .table-wrapper .member .delete .choice-delete button:last-child {
	background: var(--mainColor);
	margin-right: 0
}

.table-edit-area .table-wrapper .member table tbody tr td button[name=save] {
	display: none
}

.table-edit-area textarea {
	width: 95px;
	background-color: var(--whiteColor);
	box-shadow: var(--boxShadow);
	border-color: var(--borderColor09)
}

.table-edit-area textarea:focus {
	border-color: var(--mainColor)
}

.table-edit-area textarea:focus-visible {
	box-shadow: none;
	outline: none
}

.global-tab .nav-item .nav-link {
	border: none
}

.global-tab .nav-item .nav-link.active {
	border: none;
	background-color: var(--mainColor);
	color: var(--whiteColor) !important
}

.global-tab .nav-item .nav-link:focus {
	box-shadow: none
}

.global-tab .nav-item .nav-link.completed.active {
	background-color: var(--successColor)
}

.global-tab .nav-item .nav-link.cancelled.active {
	background-color: var(--dangerColor)
}

.up-down-style {
	width: 15px
}

@media only screen and (max-width: 767px) {
	.global-table-area .table thead tr th {
		font-size: 14px
	}

	.global-table-area .table>:not(caption)>*>* {
		padding: 15px 20px
	}
}

@media only screen and (min-width: 768px)and (max-width: 991px) {
	.global-table-area .table thead tr th {
		font-size: 14px
	}
}

@media only screen and (min-width: 992px)and (max-width: 1199px) {
	.global-table-area .table thead tr th {
		font-size: 14px
	}
}

.event-calendar-area .fc-toolbar-title {
	font-size: 18px;
	font-weight: 600
}

.event-calendar-area .fc-theme-standard td,
.event-calendar-area .fc-theme-standard th {
	border-color: var(--borderColor09)
}

.event-calendar-area .fc-theme-standard .fc-scrollgrid {
	border-color: var(--borderColor09)
}

.event-calendar-area .fc .fc-col-header-cell-cushion {
	text-decoration: none;
	padding: 15px 10px
}

.event-calendar-area .fc .fc-scrollgrid>thead>tr>*,
.event-calendar-area .fc .fc-scrollgrid>tfoot>tr>* {
	background-color: var(--whiteColor1)
}

.event-calendar-area .fc .fc-daygrid-day-number {
	text-decoration: none
}

.event-calendar-area .fc .fc-button-primary {
	text-transform: capitalize;
	font-size: 16px;
	font-weight: 500;
	cursor: pointer
}

.event-calendar-area .fc .fc-button-primary:focus {
	box-shadow: none
}

@media only screen and (max-width: 767px) {
	.event-calendar-area .fc .fc-button {
		padding: 3px 5px
	}

	.event-calendar-area .fc .fc-button-primary {
		font-size: 14px
	}

	.custom-calendar.calendar {
		width: 265px
	}
}

.chat-info .nav-link {
	color: var(--bodyColor)
}

.chat-info .nav-link svg {
	margin-bottom: 4px;
	width: 20px
}

.chat-info .nav-link.active {
	color: var(--headingColor)
}

.chat-info .nav-link.active svg {
	stroke: var(--headingColor)
}

.chat-list li {
	margin-bottom: 12px;
	cursor: pointer;
	transition: var(--transition);
	padding: 8px;
	border-radius: var(--borderRadius)
}

.chat-list li:last-child {
	margin-bottom: 0
}

.chat-list li .count {
	width: 18px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	background-color: var(--successColor);
	border-radius: 50px;
	display: inline-block;
	margin-top: 5px
}

.chat-list li .icon {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: var(--successColor01);
	border-radius: 4px
}

.chat-list li .icon svg {
	width: 20px;
	color: var(--successColor)
}

.chat-list li .icon:hover {
	background: var(--successColor)
}

.chat-list li .icon:hover svg {
	stroke: var(--whiteColor)
}

.chat-list li.active {
	background-color: var(--whiteColor1)
}

.chat-list li:hover {
	background-color: var(--whiteColor1)
}

.chat-details-content .avatar {
	position: relative;
	z-index: 1
}

.chat-details-content .avatar::before {
	content: "";
	position: absolute;
	bottom: 1px;
	right: 1px;
	width: 13px;
	height: 13px;
	border-radius: 50px
}

.chat-details-content .avatar.online::before {
	background-color: var(--successColor);
	border: 2px solid var(--whiteColor)
}

.chat-details-content .avatar.offline::before {
	background-color: var(--bodyColor);
	border: 2px solid var(--whiteColor)
}

.chat-details-content .chat-details-list li {
	width: 50%;
	padding-bottom: 10px;
	margin-bottom: 10px
}

.chat-details-content .chat-details-list li p {
	background-color: #f3f6f8;
	padding: 5px 20px;
	border-radius: 0 5px 5px 5px;
	display: inline-block
}

.chat-details-content .chat-details-list li.me {
	margin-left: auto;
	text-align: right
}

.chat-details-content .chat-details-list li.me p {
	border-radius: 5px 0 5px 5px;
	background-color: var(--mainColor);
	color: var(--whiteColor)
}

.chat-details-content .chat-form .send-btn {
	right: 15px !important;
	background-color: var(--whiteColor)
}

.chat-details-content .chat-form .send-btn svg {
	width: 20px;
	stroke: var(--bodyColor)
}

.avatar {
	position: relative;
	z-index: 1
}

.avatar::before {
	content: "";
	position: absolute;
	bottom: 1px;
	right: 1px;
	width: 13px;
	height: 13px;
	border-radius: 50px
}

.avatar.dot-30::before {
	width: 30px;
	height: 30px
}

.avatar.dot-25::before {
	width: 25px;
	height: 25px
}

.avatar.dot-20::before {
	width: 20px;
	height: 20px
}

.avatar.dot-15::before {
	width: 15px;
	height: 15px
}

.avatar.online::before {
	background-color: var(--successColor);
	border: 2px solid var(--whiteColor)
}

.avatar.out-online::before {
	background-color: var(--warningColor);
	border: 2px solid var(--whiteColor)
}

.avatar.offline::before {
	background-color: var(--bodyColor);
	border: 2px solid var(--whiteColor)
}

@media only screen and (max-width: 767px) {
	.chat-details-content .chat-details-list li {
		width: 100%
	}
}

@media only screen and (min-width: 992px)and (max-width: 1199px) {
	.chat-area .col-lg-3 {
		width: 33.33%
	}

	.chat-area .col-lg-9 {
		width: 66.33%
	}
}

@media only screen and (min-width: 1200px)and (max-width: 1550px) {
	.chat-area .col-lg-3 {
		width: 40%
	}

	.chat-area .col-lg-9 {
		width: 60%
	}

	.chat-details-content .chat-details-list li {
		width: 100%
	}
}

.inbox-area .global-table-area .table>:not(caption)>*>* {
	padding: 15px 10px !important;
	border: none
}

.inbox-area .global-table-area .table>:not(caption)>*>*:last-child {
	border-radius: 0 10px 10px 0
}

.inbox-area .global-table-area .table>:not(caption)>*>*:first-child {
	border-radius: 10px 0 0 10px
}

.inbox-area .global-table-area .table-bordered>:not(caption)>* {
	border-top: none;
	cursor: pointer
}

.inbox-list li {
	margin-bottom: 5px
}

.inbox-list li:last-child {
	margin-bottom: 0
}

.inbox-list li a {
	padding: 10px 10px;
	border-radius: var(--borderRadius)
}

.inbox-list li a svg {
	stroke: var(--bodyColor);
	width: 20px;
	transition: var(--transition)
}

.inbox-list li a .text-dark {
	transition: var(--transition)
}

.inbox-list li a:hover {
	background-color: var(--whiteColor1)
}

.inbox-list li a:hover .text-dark {
	color: var(--mainColor) !important
}

.inbox-list li a:hover svg {
	stroke: var(--mainColor)
}

.inbox-list li a.active {
	background-color: var(--whiteColor1)
}

.inbox-list li a.active .text-dark {
	color: var(--mainColor) !important
}

.inbox-list li a.active svg {
	stroke: var(--mainColor)
}

@media only screen and (min-width: 1200px)and (max-width: 1399px) {
	.inbox-area .col-lg-3 {
		width: 30%
	}

	.inbox-area .col-lg-9 {
		width: 70%
	}
}

.text-wysiwyg option {
	background-color: var(--whiteColor);
	color: var(--bodyColor)
}

.text-wysiwyg select,
.text-wysiwyg input,
.text-wysiwyg button {
	background-color: var(--whiteColor);
	border: none;
	padding: .5em .8em;
	border-radius: 4px;
	color: var(--bodyColor);
	cursor: pointer;
	outline-style: none
}

.text-wysiwyg select:hover,
.text-wysiwyg input:hover,
.text-wysiwyg button:hover {
	background-color: var(--whiteColor1);
	color: #000
}

.text-wysiwyg select:not(:last-child),
.text-wysiwyg input:not(:last-child),
.text-wysiwyg button:not(:last-child) {
	margin-right: 4px
}

.text-wysiwyg select[type=color],
.text-wysiwyg input[type=color],
.text-wysiwyg button[type=color] {
	width: 1.2em
}

.text-wysiwyg select[type=number],
.text-wysiwyg input[type=number],
.text-wysiwyg button[type=number] {
	width: 3em
}

.text-wysiwyg #wysiwyg {
	border-radius: 8px;
	width: 100%;
	border: 1px solid var(--formBorderColor09);
	display: flex;
	flex-direction: column;
	overflow: hidden
}

.text-wysiwyg #wysiwyg .btns {
	padding: .3em .3em;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	border-bottom: 1px solid var(--formBorderColor09);
	background-color: var(--whiteColor);
	flex-grow: 2
}

.text-wysiwyg #wysiwyg .btns .category {
	display: flex;
	align-items: center;
	border-right: 1px solid var(--formBorderColor09);
	padding: 0 4px
}

.text-wysiwyg #wysiwyg #editor {
	resize: none;
	background-color: var(--whiteColor);
	outline-style: none;
	border: none;
	width: 100%;
	box-sizing: border-box;
	padding: 20px;
	overflow: auto;
	min-height: 178px
}

.text-wysiwyg #wysiwyg #editor img {
	max-width: 100%
}

.avatar-upload .avatar-edit {
	position: relative
}

.avatar-upload .avatar-edit input {
	display: none
}

.avatar-upload .avatar-edit input+label {
	width: 100%;
	height: 100%;
	margin-bottom: 0;
	cursor: pointer;
	padding: 70px
}

.avatar-upload .avatar-edit input+label:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	color: var(--bodyColor);
	font-family: remixicon !important;
	transform: translateY(-50%);
	text-align: center;
	font-size: 50px;
	padding-bottom: 50px
}

.avatar-upload .avatar-edit input+label:before {
	content: "Click To Upload Your File";
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	color: var(--bodyColor);
	transform: translateY(-50%);
	text-align: center;
	font-size: 18px;
	font-weight: 500;
	padding-top: 50px
}

.avatar-upload .avatar-preview {
	width: 100px;
	height: 100px;
	border-radius: 4px;
	border: 1px solid #f8f8f8;
	padding: 5px
}

.avatar-upload .avatar-preview>div {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 4px
}

.tags-input {
	border: 1px solid var(--formBorderColor09);
	border-radius: 8px;
	padding: 19px 10px 13px 10px
}

.tags-input .taginput {
	border: none;
	box-shadow: none;
	padding: 0 10px
}

.tags-input .taginput:focus {
	border: none;
	box-shadow: none;
	outline: none
}

.tags-input .tags-container {
	display: flex;
	flex-wrap: wrap;
	margin-top: 5px
}

.tags-input .tag {
	background-color: #007bff;
	color: #fff;
	padding: 5px 10px;
	border-radius: 3px;
	margin-right: 5px;
	margin-bottom: 5px;
	display: flex;
	align-items: center
}

.tags-input .tag-remove {
	margin-left: 5px;
	cursor: pointer
}

.user-card .mt-top-minus-45 {
	margin-top: -65px
}

.w-150 {
	width: 150px;
	display: inline-block
}

.user-single-post .post-type .form-control {
	padding-top: 30px !important;
	padding-left: 80px !important
}

.user-single-post .post-type .type-img {
	top: 20px !important;
	left: 20px !important
}

.overview-tabs .nav-item .nav-link.active {
	color: var(--mainColor) !important
}

@media only screen and (min-width: 1400px)and (max-width: 1699px) {
	.user-card .col-xl-4 {
		width: 100%
	}
}

.accordion-button:focus {
	box-shadow: none
}

.btn-list a,
.btn-list button,
.btn-list div,
.btn-list input {
	margin: 0 .375rem .375rem 0
}

#pick-color input[type=color] {
	background-color: var(--whiteColor);
	padding: 10px;
	width: 200px;
	height: 30px;
	cursor: pointer;
	border: 2px solid var(--borderColor09);
	border-radius: 3px;
	margin: 20px
}

#pick-color b {
	background-color: var(--whiteColor);
	padding: 16px;
	border-radius: 4px
}

#pick-color code {
	font-size: var(--fontSize18);
	background-color: #789;
	color: var(--whiteColor);
	border-radius: 3px;
	padding: 5px;
	border-radius: 4px
}

.border-container {
	display: inline-block;
	width: 5rem;
	height: 5rem;
	margin: .25rem;
	background-color: var(--whiteColor1)
}

.gallery-hover a {
	opacity: 0;
	transition: var(--transition)
}

.gallery-hover:hover a {
	opacity: 1
}

.product-details-main-content h3 {
	font-size: 18px;
	margin-bottom: 20px
}

.product-details-main-content .old-recent-price {
	margin-bottom: 5px;
	font-size: 20px;
	font-weight: 500
}

.product-details-main-content .old-recent-price span {
	color: var(--headingColor)
}

.product-details-main-content .old-recent-price del {
	margin-right: 10px;
	color: var(--bodyColor);
	opacity: .5
}

.product-details-main-content .stock {
	display: block;
	margin-bottom: 20px;
	color: green;
	font-weight: 600
}

.product-details-main-content .client-review {
	position: relative;
	margin-bottom: 20px
}

.product-details-main-content .client-review .rating svg {
	stroke: var(--warningColor);
	width: 18px;
	height: 18px
}

.product-details-main-content .client-review .total-reviews {
	margin-left: 20px;
	position: relative;
	top: 2px;
	text-decoration: none
}

.product-details-main-content p {
	margin-bottom: 20px;
	font-size: 14px;
	color: var(--bodyColor)
}

.product-details-main-content .features-list {
	margin-bottom: 30px
}

.product-details-main-content .features-list li {
	color: var(--bodyColor);
	font-size: 14px;
	margin-bottom: 10px
}

.product-details-main-content .features-list li:last-child {
	margin-bottom: 0
}

.product-details-main-content .features-list li span {
	font-weight: 600;
	color: var(--headingColor)
}

.product-details-main-content .choose-size {
	margin-bottom: 30px
}

.product-details-main-content .choose-size h4 {
	font-size: 15px;
	font-weight: 600
}

.product-details-main-content .choose-size label {
	position: relative;
	inline-size: 2rem;
	block-size: 2rem;
	margin-right: .5rem;
	isolation: isolate;
	display: grid;
	place-items: center;
	cursor: pointer;
	display: inline-block
}

.product-details-main-content .choose-size label>span {
	position: absolute;
	inset: 0;
	block-size: 100%;
	inline-size: 100%
}

.product-details-main-content .choose-size label[for*=size]>span {
	font-size: 12px;
	line-height: 1;
	display: grid;
	place-items: center;
	padding: .5rem;
	background: rgba(164, 174, 198, .2);
	border-radius: 5px
}

.product-details-main-content .choose-size input,
.product-details-main-content .choose-size select,
.product-details-main-content .choose-size textarea {
	-webkit-appearance: none !important
}

.product-details-main-content .choose-size label[for*=size]>input:checked~span {
	background-color: var(--mainColor);
	color: #fff
}

.product-details-main-content .choose-color {
	margin-bottom: 20px
}

.product-details-main-content .choose-color h4 {
	font-size: 15px;
	font-weight: 600
}

.product-details-main-content .choose-color input[type=radio] {
	display: none
}

.product-details-main-content .choose-color input[type=radio]:checked+label span {
	transform: scale(1.25)
}

.product-details-main-content .choose-color input[type=radio]:checked+label .red {
	border: 1px solid #711313
}

.product-details-main-content .choose-color input[type=radio]:checked+label .orange {
	border: 1px solid #873a08
}

.product-details-main-content .choose-color input[type=radio]:checked+label .yellow {
	border: 1px solid #816102
}

.product-details-main-content .choose-color input[type=radio]:checked+label .olive {
	border: 1px solid #505a0b
}

.product-details-main-content .choose-color input[type=radio]:checked+label .green {
	border: 1px solid #0e4e1d
}

.product-details-main-content .choose-color input[type=radio]:checked+label .teal {
	border: 1px solid #003633
}

.product-details-main-content .choose-color input[type=radio]:checked+label .blue {
	border: 1px solid #103f62
}

.product-details-main-content .choose-color input[type=radio]:checked+label .violet {
	border: 1px solid #321a64
}

.product-details-main-content .choose-color input[type=radio]:checked+label .purple {
	border: 1px solid #501962
}

.product-details-main-content .choose-color input[type=radio]:checked+label .pink {
	border: 1px solid #851554
}

.product-details-main-content .choose-color label {
	display: inline-block;
	width: 25px;
	height: 25px;
	margin-right: 10px;
	cursor: pointer;
	border-radius: var(--borderRadius)
}

.product-details-main-content .choose-color label span {
	display: block;
	width: 100%;
	height: 100%;
	transition: transform .2s ease-in-out;
	border-radius: 5px
}

.product-details-main-content .choose-color label span.red {
	background: #db2828
}

.product-details-main-content .choose-color label span.orange {
	background: #f2711c
}

.product-details-main-content .choose-color label span.yellow {
	background: #fbbd08
}

.product-details-main-content .choose-color label span.olive {
	background: #b5cc18
}

.product-details-main-content .choose-color label span.green {
	background: #21ba45
}

.product-details-main-content .choose-color label span.teal {
	background: #00b5ad
}

.product-details-main-content .choose-color label span.blue {
	background: #2185d0
}

.product-details-main-content .choose-color label span.violet {
	background: #6435c9
}

.product-details-main-content .choose-color label span.purple {
	background: #a333c8
}

.product-details-main-content .choose-color label span.pink {
	background: #e03997
}

.product-details-main-content .choose-color label:hover span {
	transform: scale(1.25)
}

.product-details-main-content .quantity-add-wish {
	padding-left: 0;
	margin-bottom: 20px;
	list-style-type: none
}

.product-details-main-content .quantity-add-wish li {
	margin-right: 30px
}

.product-details-main-content .quantity-add-wish li:last-child {
	margin-right: 0
}

.cart-quantity {
	padding: 0
}

.cart-quantity .quantity-input {
	position: relative;
	width: 145px
}

.cart-quantity .quantity-input input {
	height: 45px;
	color: var(--headingColor);
	outline: 0;
	display: block;
	border: none;
	background-color: rgba(0, 0, 0, 0);
	text-align: center;
	width: 145px;
	font-size: 15px;
	font-weight: 700;
	border-top: 1px solid #edeff3;
	border-bottom: 1px solid #edeff3
}

.cart-quantity .quantity-input input::placeholder {
	color: var(--headingColor)
}

.cart-quantity .quantity-input .plus,
.cart-quantity .quantity-input .minus {
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0);
	cursor: pointer;
	color: var(--headingColor);
	width: 40px;
	height: 100%;
	line-height: 43px;
	transition: var(--transition);
	border: 1px solid #edeff3;
	text-align: center;
	border-radius: var(--borderRadius) 0 0 var(--borderRadius)
}

.cart-quantity .quantity-input .plus svg,
.cart-quantity .quantity-input .minus svg {
	width: 14px;
	height: 14px
}

.cart-quantity .quantity-input .plus:hover,
.cart-quantity .quantity-input .minus:hover {
	color: var(--whiteColor);
	background-color: var(--mainColor)
}

.cart-quantity .quantity-input .plus {
	left: auto;
	right: 0;
	border-radius: 0 var(--borderRadius) var(--borderRadius) 0
}

.cart-quantity .quantity-input .plus:hover {
	color: var(--whiteColor);
	background-color: var(--mainColor)
}

#sync1 {
	margin-bottom: 25px
}

#sync1.owl-theme .owl-nav {
	margin-top: 0
}

#sync1.owl-theme .owl-nav .owl-prev,
#sync1.owl-theme .owl-nav .owl-next {
	width: 40px;
	height: 40px;
	line-height: 40px;
	background-color: var(--mainColor);
	border-radius: 50px;
	color: var(--whiteColor);
	font-size: 20px;
	position: absolute;
	top: 50%;
	left: 25px;
	transform: translateY(-50%);
	margin: 0
}

#sync1.owl-theme .owl-nav .owl-prev:hover,
#sync1.owl-theme .owl-nav .owl-next:hover {
	background-color: var(--successColor)
}

#sync1.owl-theme .owl-nav .owl-next {
	left: auto;
	right: 25px
}

#sync2 .item {
	cursor: pointer;
	border: 2px solid #d8d8d8;
	border-radius: 10px
}

#sync2 .current .item {
	border-color: var(--mainColor)
}

#sync2.owl-theme .owl-nav {
	margin-top: -10px
}

#sync2.owl-theme .owl-nav .owl-prev,
#sync2.owl-theme .owl-nav .owl-next {
	width: 40px;
	height: 40px;
	line-height: 40px;
	background-color: var(--mainColor);
	border-radius: 50px;
	color: var(--whiteColor);
	font-size: 20px;
	position: absolute;
	top: 50%;
	left: 25px;
	transform: translateY(-50%);
	margin: 0
}

#sync2.owl-theme .owl-nav .owl-prev:hover,
#sync2.owl-theme .owl-nav .owl-next:hover {
	background-color: var(--successColor)
}

#sync2.owl-theme .owl-nav .owl-next {
	left: auto;
	right: 25px
}

.product-details-tab .nav-tabs {
	display: block;
	border: none;
	margin-bottom: 20px;
	border-bottom: 1px solid var(--borderColor09);
	padding-bottom: 15px
}

.product-details-tab .nav-tabs .nav-item {
	display: inline-block;
	margin-right: 30px
}

.product-details-tab .nav-tabs .nav-item:last-child {
	margin-right: 0
}

.product-details-tab .nav-tabs .nav-item .nav-link {
	padding: 0;
	border: none;
	color: var(--headingColor);
	position: relative;
	transition: var(--transition);
	font-weight: 600;
	font-size: 16px
}

.product-details-tab .nav-tabs .nav-item .nav-link span {
	color: var(--mainColor)
}

.product-details-tab .nav-tabs .nav-item .nav-link.active {
	border: none;
	color: var(--mainColor);
	background-color: rgba(0, 0, 0, 0)
}

.product-details-tab .nav-tabs .nav-item .nav-link:hover {
	color: var(--mainColor)
}

.product-details-tab h4 {
	font-size: 16px
}

.product-details-tab p {
	font-size: 14px;
	color: var(--bodyColor)
}

.product-details-tab .best-product {
	margin-bottom: 25px
}

.product-details-tab .product-additional-info .info-table {
	border: 1px solid #ecf2fc
}

.product-details-tab .product-additional-info .table>:not(caption)>*>* {
	padding: 15px;
	font-size: 14px;
	font-weight: 500;
	color: var(--bodyColor)
}

.product-details-tab .product-additional-info .table>:not(caption)>*>* {
	border-left: 1px solid #ecf2fc
}

.product-details-tab .product-instructions-info ul {
	padding-left: 0;
	margin-bottom: 0;
	list-style-type: none
}

.product-details-tab .product-instructions-info ul li {
	margin-bottom: 15px;
	font-size: 14px;
	font-weight: 500;
	position: relative;
	padding-left: 20px;
	color: var(--bodyColor)
}

.product-details-tab .product-instructions-info ul li::before {
	content: "";
	position: absolute;
	top: 7px;
	left: 0;
	width: 10px;
	height: 10px;
	background-color: var(--mainColor);
	border-radius: 3px
}

.product-details-tab .product-instructions-info ul li:last-child {
	margin-bottom: 0
}

.product-details-tab .product-review-content h3 {
	font-size: 16px;
	margin-bottom: 15px;
	font-weight: 500
}

.product-details-tab .product-review-content .total-review {
	padding-left: 0;
	margin-bottom: 30px;
	list-style-type: none
}

.product-details-tab .product-review-content .total-review li {
	display: inline-block
}

.product-details-tab .product-review-content .total-review li svg {
	stroke: var(--warningColor);
	width: 20px;
	height: 20px
}

.product-details-tab .product-review-content .progresss-bar {
	position: relative;
	padding-left: 50px;
	padding-right: 30px;
	margin-bottom: 30px
}

.product-details-tab .product-review-content .progresss-bar:last-child {
	margin-bottom: 0
}

.product-details-tab .product-review-content .progresss-bar .star {
	position: absolute;
	top: -4px;
	left: 0;
	color: var(--bodyColor);
	font-weight: 500;
	font-size: 14px
}

.product-details-tab .product-review-content .progresss-bar .count {
	position: absolute;
	top: -5px;
	right: 0;
	color: var(--bodyColor);
	font-weight: 500;
	font-size: 14px
}

.product-details-tab .product-review-content .bg-warning {
	background-color: var(--warningColor) !important
}

.product-details-tab .product-review-content .product-review-form .form-floating {
	margin-bottom: 30px
}

.product-details-tab .product-review-content .product-review-form .form-floating .form-control.textarea {
	height: 150px
}

.product-details-tab .product-review-content .review-list-wrap {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none
}

.product-details-tab .product-review-content .review-list-wrap .review-list {
	position: relative;
	background-color: var(--whiteColor);
	box-shadow: var(--boxShadow);
	padding: 20px;
	padding-right: 150px;
	border-radius: var(--borderRadius);
	margin-bottom: 30px
}

.product-details-tab .product-review-content .review-list-wrap .review-list:last-child {
	margin-bottom: 0
}

.product-details-tab .product-review-content .review-list-wrap .review-list .review-img {
	margin-right: 20px
}

.product-details-tab .product-review-content .review-list-wrap .review-list .review-img img {
	border-radius: var(--borderRadius);
	padding: 3px;
	border: 1px solid #ecf2fc
}

.product-details-tab .product-review-content .review-list-wrap .review-list .review-content h4 {
	font-size: 16px;
	margin-bottom: 4px
}

.product-details-tab .product-review-content .review-list-wrap .review-list .review-content span {
	margin-bottom: 10px;
	display: block;
	color: var(--bodyColor)
}

.product-details-tab .product-review-content .review-list-wrap .review-list .review-content .total-reviews {
	padding-left: 0;
	margin-bottom: 0;
	list-style-type: none;
	position: absolute;
	top: 20px;
	right: 20px
}

.product-details-tab .product-review-content .review-list-wrap .review-list .review-content .total-reviews li {
	display: inline-block
}

.product-details-tab .product-review-content .review-list-wrap .review-list .review-content .total-reviews li svg {
	color: var(--warningColor);
	width: 20px;
	height: 20px
}

.product-details-tab .product-review-content .review-list-wrap .review-list .review-content .reply {
	position: absolute;
	bottom: 20px;
	right: 20px;
	font-weight: 500;
	font-size: 14px;
	color: var(--mainColor);
	text-decoration: none
}

.product-details-tab .product-review-content .review-list-wrap .review-list .review-content .reply:hover {
	color: var(--successColor)
}

@media only screen and (max-width: 767px) {
	.product-details-tab .product-review-content .review-list-wrap .review-list {
		padding-right: 20px
	}

	.product-details-tab .product-review-content .review-list-wrap .review-list .review-content .reply {
		position: unset
	}

	.product-details-main-content .quantity-add-wish li .cart-quantity .quantity-input {
		width: 100%
	}
}

@media only screen and (max-width: 575px) {
	.product-details-main-content .quantity-add-wish li {
		margin-right: 0;
		margin-bottom: 10px
	}

	.product-details-main-content .quantity-add-wish li:last-child {
		margin-bottom: 0
	}

	.product-details-main-content .quantity-add-wish li .btn-primary {
		width: 100%
	}

	.product-details-main-content .quantity-add-wish li .cart-quantity .quantity-input input {
		width: 100%
	}
}

@media only screen and (min-width: 992px)and (max-width: 1199px) {
	.product-details-main-content .quantity-add-wish li {
		margin-right: 10px
	}
}

.rating {
	display: inline-block;
	cursor: pointer
}

.rating svg {
	color: #ddd;
	font-size: 20px;
	transition: var(--transition);
	width: 20px;
	height: 20px
}

.rating.active svg {
	color: var(--warningColor)
}

#full-stars-example .rating-group {
	display: inline-flex
}

#full-stars-example .rating__icon {
	pointer-events: none
}

#full-stars-example .rating__input {
	position: absolute !important;
	left: -9999px !important
}

#full-stars-example .rating__label {
	cursor: pointer;
	padding: 0 .1em;
	font-size: 2rem
}

#full-stars-example .rating__icon--star {
	color: orange
}

#full-stars-example .rating__icon--none {
	color: #eee
}

#full-stars-example .rating__input--none:checked+.rating__label .rating__icon--none {
	color: red
}

#full-stars-example .rating__input:checked~.rating__label .rating__icon--star {
	color: #ddd
}

#full-stars-example .rating-group:hover .rating__label .rating__icon--star {
	color: orange
}

#full-stars-example .rating__input:hover~.rating__label .rating__icon--star {
	color: #ddd
}

#full-stars-example .rating-group:hover .rating__input--none:not(:hover)+.rating__label .rating__icon--none {
	color: #eee
}

#full-stars-example .rating__input--none:hover+.rating__label .rating__icon--none {
	color: red
}

#half-stars-example .rating-group {
	display: inline-flex
}

#half-stars-example .rating__icon {
	pointer-events: none
}

#half-stars-example .rating__input {
	position: absolute !important;
	left: -9999px !important
}

#half-stars-example .rating__label {
	cursor: pointer;
	padding: 0 .1em;
	font-size: 2rem
}

#half-stars-example .rating__label--half {
	padding-right: 0;
	margin-right: -39px;
	z-index: 2
}

#half-stars-example .rating__icon--star {
	color: orange
}

#half-stars-example .rating__icon--none {
	color: #eee
}

#half-stars-example .rating__input--none:checked+.rating__label .rating__icon--none {
	color: red
}

#half-stars-example .rating__input:checked~.rating__label .rating__icon--star {
	color: #ddd
}

#half-stars-example .rating-group:hover .rating__label .rating__icon--star,
#half-stars-example .rating-group:hover .rating__label--half .rating__icon--star {
	color: orange
}

#half-stars-example .rating__input:hover~.rating__label .rating__icon--star,
#half-stars-example .rating__input:hover~.rating__label--half .rating__icon--star {
	color: #ddd
}

#half-stars-example .rating-group:hover .rating__input--none:not(:hover)+.rating__label .rating__icon--none {
	color: #eee
}

#half-stars-example .rating__input--none:hover+.rating__label .rating__icon--none {
	color: red
}

#full-stars-example-two .rating-group {
	display: inline-flex
}

#full-stars-example-two .rating__icon {
	pointer-events: none
}

#full-stars-example-two .rating__input {
	position: absolute !important;
	left: -9999px !important
}

#full-stars-example-two .rating__input--none {
	display: none
}

#full-stars-example-two .rating__label {
	cursor: pointer;
	padding: 0 .1em;
	font-size: 2rem
}

#full-stars-example-two .rating__icon--star {
	color: orange
}

#full-stars-example-two .rating__input:checked~.rating__label .rating__icon--star {
	color: #ddd
}

#full-stars-example-two .rating-group:hover .rating__label .rating__icon--star {
	color: orange
}

#full-stars-example-two .rating__input:hover~.rating__label .rating__icon--star {
	color: #ddd
}

.outer-container {
	display: flex;
	flex-direction: column;
	justify-content: space-evenly
}

.outer-container .star-container {
	display: flex;
	justify-content: center
}

.outer-container .star {
	color: #dcdcdc;
	font-size: 48px !important;
	margin: 8px !important;
	transition: color .3s cubic-bezier(0.45, 0, 0.55, 1), transform .3s cubic-bezier(0.5, 1, 0.89, 1), filter .3s cubic-bezier(0.5, 1, 0.89, 1);
	filter: drop-shadow(0 4px 3px rgba(0, 0, 0, 0.2))
}

.outer-container .face {
	opacity: 0;
	color: #dcdcdc;
	font-size: 128px !important;
	margin: 16px !important;
	transition: opacity .3s cubic-bezier(0.45, 0, 0.55, 1), transform .3s cubic-bezier(0.5, 1, 0.89, 1)
}

.outer-container .face-container {
	display: flex;
	justify-content: center
}

.order-step li {
	position: relative;
	z-index: 1
}

.order-step li::before {
	content: "";
	position: absolute;
	top: 0;
	left: 19px;
	width: 2px;
	height: 100%;
	border-left: 2px dashed var(--whiteColor1);
	z-index: -1
}

.order-step li .icon {
	width: 40px;
	height: 40px;
	line-height: 37px;
	background-color: var(--mainColor);
	border-radius: 50px;
	text-align: center
}

.order-step li .icon svg {
	width: 18px;
	height: 18px;
	stroke: var(--whiteColor)
}

.order-step li:last-child::before {
	display: none
}

.order-step li:nth-child(2) .icon {
	background-color: var(--successColor)
}

.order-step li:nth-child(2) .icon svg {
	line-height: 40px
}

.order-step li:nth-child(3) .icon {
	background-color: var(--dangerColor)
}

.order-step li:nth-child(3) .icon svg {
	line-height: 40px
}

.order-step li:nth-child(4) .icon {
	background-color: var(--mainColor01)
}

.order-step li:nth-child(4) .icon svg {
	line-height: 40px;
	stroke: var(--mainColor)
}

.order-step li:nth-child(5) .icon {
	background-color: var(--mainColor01)
}

.order-step li:nth-child(5) .icon svg {
	line-height: 40px;
	stroke: var(--mainColor)
}

.video-course-list .nav-item .nav-link {
	border: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	padding: 0;
	position: relative
}

.video-course-list .nav-item .nav-link::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1
}

.video-course-list .nav-item .nav-link.active {
	background-color: rgba(0, 0, 0, 0);
	position: relative
}

.video-course-list .nav-item .nav-link.active::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--mainColor);
	opacity: .3
}

.team-card .team-cover {
	position: relative;
	z-index: 1;
	height: 150px;
	margin-bottom: -50px
}

.team-card .team-cover::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .3);
	z-index: -1;
	border-radius: 8px 8px 0 0
}

.team-card .team-cover .star {
	width: 35px;
	height: 35px;
	line-height: 32px;
	text-align: center;
	border-radius: 4px;
	cursor: pointer
}

.team-card .team-cover .star svg {
	width: 20px;
	height: 20px;
	stroke: var(--warningColor)
}

.team-card .border-1 {
	border: 3px solid var(--whiteColor) !important;
	box-shadow: var(--boxShadow)
}

.team-card .team-info-item {
	border-right: 1px solid var(--formBorderColor09)
}

.team-card .row {
	--bs-gutter-x: 0
}

.team-card .row .col-lg-4:last-child .team-info-item {
	border: none
}

.team-card .team-info-wrap {
	border-top: 1px solid var(--formBorderColor09);
	border-bottom: 1px solid var(--formBorderColor09)
}

@media only screen and (max-width: 575px) {
	.team-card .team-info-item {
		border-right: none;
		border-bottom: 1px solid var(--formBorderColor09)
	}
}

@media only screen and (min-width: 768px)and (max-width: 991px) {
	.team-card .team-info-item {
		padding-left: 0 !important;
		padding-right: 0 !important
	}
}

@media only screen and (min-width: 1400px)and (max-width: 1699px) {
	.team-card .team-info-item {
		padding-left: 0 !important;
		padding-right: 0 !important
	}
}

.task-list-section {
	display: flex;
	gap: 24px;
	flex-wrap: nowrap
}

.task-list-container {
	width: 370px;
	flex-shrink: 0
}

.connect-sorting {
	padding: 25px;
	padding-bottom: 1px;
	border-radius: 8px
}

.connect-sorting-content {
	min-height: 60px
}

@media only screen and (max-width: 767px) {
	.connect-sorting {
		padding: 12px
	}

	.task-list-container {
		width: 290px;
		flex-shrink: 0
	}
}

.coming-soon-area {
	background-image: url(/assets/images/coming-soon-bg.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100vh
}

.count-down {
	margin-bottom: 0
}

.count-down h1 {
	line-height: 1;
	font-size: 45px;
	color: var(--whiteColor)
}

.count-down p {
	font-size: 20px;
	font-weight: 500;
	line-height: 1.35;
	text-transform: capitalize;
	color: var(--whiteColor)
}

.count-down div div {
	display: inline-block;
	padding: 0 30px
}

.count-down .cd-row {
	display: inline-block
}

.coming-soon-wrapper {
	text-align: center;
	max-width: 700px;
	margin: auto;
	background-color: rgba(0, 0, 0, .5);
	padding: 50px;
	border-radius: var(--borderRadius)
}

.coming-soon-wrapper h2 {
	color: var(--whiteColor);
	font-size: 30px;
	margin-bottom: 20px
}

.coming-soon-wrapper h3 {
	font-size: 25px;
	color: var(--whiteColor);
	margin-bottom: 15px
}

.coming-soon-wrapper p {
	color: var(--whiteColor);
	margin-bottom: 50px
}

.coming-soon-wrapper .notify-form {
	margin-bottom: 30px
}

.coming-soon-wrapper .notify-form .form-floating {
	position: relative
}

.coming-soon-wrapper .notify-form .form-floating .form-control {
	background-color: var(--whiteColor);
	border-color: var(--whiteColor)
}

.coming-soon-wrapper .notify-form .form-floating .btn-primary {
	background-color: var(--mainColor);
	color: var(--whiteColor);
	position: absolute;
	top: 0;
	right: 0;
	height: 58px;
	border-radius: 0 8px 8px 0
}

.coming-soon-wrapper .social-icon {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none
}

.coming-soon-wrapper .social-icon li {
	display: inline-block;
	margin-right: 10px
}

.coming-soon-wrapper .social-icon li:last-child {
	margin-right: 0
}

.coming-soon-wrapper .social-icon li a {
	width: 45px;
	height: 45px;
	line-height: 45px;
	display: inline-block;
	border: 1px solid var(--bodyColor);
	text-align: center;
	color: var(--whiteColor);
	border-radius: 50px;
	font-size: 20px;
	position: relative;
	z-index: 1;
	overflow: hidden;
	text-decoration: none
}

.coming-soon-wrapper .social-icon li a::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 25%;
	height: 0;
	background-color: var(--mainColor);
	z-index: -1;
	transition: var(--transition)
}

.coming-soon-wrapper .social-icon li a::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 25%;
	width: 25%;
	height: 0;
	background-color: var(--mainColor);
	z-index: -1;
	transition: var(--transition)
}

.coming-soon-wrapper .social-icon li a .btn-style::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 25%;
	height: 0;
	background-color: var(--mainColor);
	z-index: -1;
	transition: var(--transition)
}

.coming-soon-wrapper .social-icon li a .btn-style::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 75%;
	width: 25%;
	height: 0;
	background-color: var(--mainColor);
	z-index: -1;
	transition: var(--transition)
}

.coming-soon-wrapper .social-icon li a:hover {
	color: var(--whiteColor);
	border-color: var(--mainColor)
}

.coming-soon-wrapper .social-icon li a:hover::before {
	top: auto;
	bottom: 0;
	height: 100%
}

.coming-soon-wrapper .social-icon li a:hover::after {
	bottom: auto;
	top: 0;
	height: 100%
}

.coming-soon-wrapper .social-icon li a:hover .btn-style::before {
	top: auto;
	bottom: 0;
	height: 100%
}

.coming-soon-wrapper .social-icon li a:hover .btn-style::after {
	bottom: auto;
	top: 0;
	height: 100%
}

@media only screen and (max-width: 767px) {
	.coming-soon-wrapper {
		padding: 30px
	}

	.coming-soon-wrapper h2 {
		font-size: 20px
	}

	.count-down h1 {
		font-size: 25px
	}

	.count-down p {
		font-size: 15px
	}
}

@media only screen and (min-width: 768px)and (max-width: 991px) {
	.coming-soon-wrapper {
		padding: 30px
	}

	.coming-soon-wrapper h2 {
		font-size: 25px
	}

	.count-down h1 {
		font-size: 30px
	}

	.count-down p {
		font-size: 15px
	}
}

.timeline-wrap {
	position: relative;
	max-width: 1200px;
	margin: 0 auto
}

.timeline-wrap::after {
	content: "";
	position: absolute;
	width: 6px;
	background-color: var(--mainColor);
	top: 0;
	bottom: 0;
	left: 50%;
	margin-left: -3px
}

.timeline-wrap .tl-container {
	padding: 10px 40px;
	position: relative;
	background-color: inherit;
	width: 50%
}

.timeline-wrap .tl-container::after {
	content: "";
	position: absolute;
	width: 25px;
	height: 25px;
	right: -13px;
	background-color: var(--dangerColor);
	border: 4px solid var(--mainColor);
	top: 15px;
	border-radius: 50%;
	z-index: 1
}

.timeline-wrap .tl-left {
	left: 0;
	padding-left: 0
}

.timeline-wrap .tl-left::before {
	content: "";
	height: 0;
	position: absolute;
	top: 22px;
	width: 0;
	z-index: 1;
	right: 30px;
	border: medium solid var(--whiteColor);
	border-width: 10px 0 10px 10px;
	border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) var(--whiteColor)
}

.timeline-wrap .tl-right {
	left: 50%;
	padding-right: 0
}

.timeline-wrap .tl-right::before {
	content: "";
	height: 0;
	position: absolute;
	top: 22px;
	width: 0;
	z-index: 1;
	left: 30px;
	border: medium solid var(--whiteColor);
	border-width: 10px 10px 10px 0;
	border-color: rgba(0, 0, 0, 0) var(--whiteColor) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}

.timeline-wrap .tl-right::after {
	left: -12px
}

.timeline-wrap .tl-content {
	padding: 20px 30px;
	background-color: var(--whiteColor);
	box-shadow: var(--boxShadow);
	position: relative;
	border-radius: 6px
}

.timeline-wrap .tl-content h2 {
	font-size: 18px
}

.timeline-wrap .tl-content h2 span {
	color: var(--mainColor);
	margin-right: 10px
}

.timeline-wrap .tl-content p {
	color: var(--bodyColor);
	font-size: 14px
}

@media only screen and (max-width: 767px) {
	.timeline-wrap::after {
		left: 10px
	}

	.timeline-wrap .tl-container {
		width: 100%;
		padding-left: 35px;
		padding-right: 0
	}

	.timeline-wrap .tl-container::before {
		left: 30px;
		border: medium solid #fff;
		border-width: 10px 10px 10px 0;
		border-color: rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
	}

	.timeline-wrap .tl-left::after,
	.timeline-wrap .tl-right::after {
		left: -2px
	}

	.timeline-wrap .tl-right {
		left: 0%
	}
}

:root {
	--line-color: #8c9097;
	--line-width: .1em;
	--gutter: .5em
}

.treeview-content-wrap .tree {
	margin: 0 0 calc(var(--gutter)*2);
	text-align: center
}

.treeview-content-wrap .tree,
.treeview-content-wrap .tree ul,
.treeview-content-wrap .tree li {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	margin: auto
}

.treeview-content-wrap .tree,
.treeview-content-wrap .tree ul {
	display: table
}

.treeview-content-wrap .tree ul {
	width: 100%
}

.treeview-content-wrap .tree li {
	display: table-cell;
	padding: var(--gutter) 0;
	vertical-align: top
}

.treeview-content-wrap .tree li:before {
	content: "";
	left: 0;
	outline: solid calc(var(--line-width)/2) var(--line-color);
	position: absolute;
	right: 0;
	top: 0
}

.treeview-content-wrap .tree li:first-child:before {
	left: 50%
}

.treeview-content-wrap .tree li:last-child:before {
	right: 50%
}

.treeview-content-wrap .tree button {
	border-radius: .2em;
	margin: 0 calc(var(--gutter)/2) var(--gutter);
	min-height: 2.1em;
	position: relative;
	z-index: 1
}

.treeview-content-wrap .tree [contenteditable] {
	cursor: text
}

.treeview-content-wrap .tree .selected {
	border-color: var(--dangerColor);
	border-style: dashed;
	box-shadow: 0 0 var(--gutter) var(--line-width) var(--boxShadow)
}

.treeview-content-wrap .tree ul:before,
.treeview-content-wrap .tree button:before {
	outline: solid calc(var(--line-width)/2) var(--line-color);
	content: "";
	height: var(--gutter);
	left: 50%;
	position: absolute;
	top: calc(-1*var(--gutter) - var(--line-width)/2)
}

.treeview-content-wrap .tree>li {
	margin-top: 0
}

.treeview-content-wrap .tree>li:before,
.treeview-content-wrap .tree>li:after,
.treeview-content-wrap .tree>li>button:before {
	outline: none
}

.treeview-content-wrap button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: var(--whiteColor);
	border: solid var(--line-width) var(--line-color);
	cursor: pointer;
	padding: 10px 30px;
	position: relative;
	font-size: 14px;
	font-weight: 600
}

.treeview-content-wrap button:focus,
.treeview-content-wrap button:hover {
	outline: 1px dashed var(--successColor);
	outline-offset: -0.5em
}

.treeview-content-wrap .btn-primary {
	border-radius: 4px
}

.treeview-content-wrap .btn-primary.bg-color {
	background-color: var(--mainColor)
}

.treeview-content-wrap input[type=range] {
	display: block;
	width: 100%
}

.treeview-content-wrap input[type=color] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	cursor: pointer;
	display: block;
	height: 2em;
	padding: 0;
	vertical-align: middle;
	width: 100%
}

.treeview-content-wrap .toolbar {
	background: #ccc;
	font-size: .9em;
	left: 0;
	margin: 0;
	padding: var(--gutter);
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	transform: translate(0, -100%);
	transition: all .2s ease;
	z-index: 2
}

.treeview-content-wrap .toolbar.show {
	transform: translate(0, 0)
}

.treeview-content-wrap ins {
	background: var(--whiteColor);
	border: solid calc(var(--line-width)/2) var(--line-color);
	display: inline-block;
	font-size: .8em;
	left: -1em;
	margin: 1em 0 0;
	padding: .2em .5em;
	position: absolute;
	right: -1em;
	text-decoration: none;
	top: 100%
}

.treeview-content-wrap ins:before,
.treeview-content-wrap ins:after {
	border: solid 1em rgba(0, 0, 0, 0);
	border-top: none;
	content: "";
	left: 50%;
	position: absolute;
	transform: translate(-50%, 0)
}

.treeview-content-wrap ins:before {
	border-bottom-color: var(--line-color);
	bottom: 100%
}

.treeview-content-wrap ins:after {
	bottom: calc(100% - var(--line-width));
	border-bottom-color: var(--whiteColor)
}

.treeview-content-wrap ins {
	opacity: 0;
	transition: all .2s ease;
	transform: scale(0, 0)
}

.treeview-content-wrap .js-confirm .confirm,
.treeview-content-wrap .js-root .root {
	opacity: 1;
	transform: scale(1, 1)
}

.treeview-content-wrap .grid {
	display: flex;
	width: 100%
}

.treeview-content-wrap .grid>* {
	flex: 1;
	margin-left: .5em;
	margin-right: .5em
}

.treeview-content-wrap summary {
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 25px
}

.treeview {
	height: 780px;
	overflow: auto
}

.treeview .btn-default {
	border-color: #e3e5ef
}

.treeview .btn-default.level-same {
	width: 150px;
	left: 90px;
	padding: 10px 5px;
	background-color: var(--mainColor);
	color: var(--whiteColor)
}

.treeview .btn-default.level-same:hover {
	background-color: var(--mainColor);
	color: var(--whiteColor)
}

.treeview .btn-default.level-sub {
	width: 150px;
	left: 0;
	top: 57px;
	padding: 10px 5px;
	background-color: var(--mainColor);
	color: var(--whiteColor)
}

.treeview .btn-default.level-sub:hover {
	background-color: var(--mainColor);
	color: var(--whiteColor)
}

.treeview .btn-default:hover {
	background-color: #f7faea;
	color: var(--mainColor)
}

.treeview ul {
	list-style: none;
	padding-left: 32px
}

.treeview ul li {
	padding: 50px 0px 0px 35px;
	position: relative
}

.treeview ul li:before {
	content: "";
	position: absolute;
	top: -26px;
	left: -31px;
	border-left: 2px dashed #a2a5b5;
	width: 1px;
	height: 100%
}

.treeview ul li:after {
	content: "";
	position: absolute;
	border-top: 2px dashed #a2a5b5;
	top: 70px;
	left: -30px;
	width: 65px
}

.treeview ul li:last-child:before {
	top: -22px;
	height: 90px
}

.treeview>ul>li:after,
.treeview>ul>li:last-child:before {
	content: unset
}

.treeview>ul>li:before {
	top: 90px;
	left: 36px
}

.treeview>ul>li:not(:last-child)>ul>li:before {
	content: unset
}

.treeview>ul>li>.treeview__level:before {
	height: 60px;
	width: 60px;
	top: .5px;
	background-color: #54a6d9;
	border: 7.5px solid #d5e9f6;
	font-size: 22px
}

.treeview>ul>li>ul {
	padding-left: 34px
}

.treeview__level {
	padding: 7px;
	padding-left: 70px;
	display: inline-block;
	border-radius: 5px;
	font-weight: 700;
	border: 1px solid #e3e5ef;
	position: relative;
	z-index: 1
}

.treeview__level:before {
	content: attr(data-level);
	position: absolute;
	left: -25px;
	top: 2.5px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 55px;
	width: 55px;
	border-radius: 50%;
	border: 7.5px solid #eef6d5;
	background-color: var(--mainColor);
	color: #fff;
	font-size: 20px
}

.treeview__level-btns {
	margin-left: 15px;
	display: inline-block;
	position: relative
}

.treeview__level .level-same,
.treeview__level .level-sub {
	position: absolute;
	display: none;
	transition: opacity 250ms cubic-bezier(0.7, 0, 0.3, 1)
}

.treeview__level .level-same.in,
.treeview__level .level-sub.in {
	display: block
}

.treeview__level .level-same.in .btn-default,
.treeview__level .level-sub.in .btn-default {
	background-color: #faeaea;
	color: #da5555
}

.treeview__level .level-same {
	top: 0;
	left: 45px
}

.treeview__level .level-sub {
	top: 42px;
	left: 0px
}

.treeview__level .level-remove {
	display: none
}

.treeview__level.selected {
	background-color: #f9f9fb;
	box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, .1)
}

.treeview__level.selected .level-remove {
	display: inline-block
}

.treeview__level.selected .level-add {
	display: none
}

.treeview__level.selected .level-same,
.treeview__level.selected .level-sub {
	display: none
}

.treeview .level-title {
	cursor: pointer;
	user-select: none
}

.treeview .level-title:hover {
	text-decoration: underline
}

.treeview--mapview ul {
	justify-content: center;
	display: flex
}

.treeview--mapview ul li:before {
	content: unset
}

.treeview--mapview ul li:after {
	content: unset
}

.pricing-item ul {
	padding-top: 25px;
	padding-bottom: 25px;
	margin-top: 25px;
	margin-bottom: 25px
}

.pricing-item ul li {
	margin-bottom: 10px
}

.pricing-item ul li .icon {
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	border-radius: 50px;
	background-color: var(--mainColor01)
}

.pricing-item ul li .icon svg {
	width: 16px;
	height: 16px;
	stroke: var(--mainColor)
}

.pricing-item ul li .icon.danger {
	background-color: var(--dangerColor01)
}

.pricing-item ul li .icon.danger svg {
	stroke: var(--dangerColor)
}

.pricing-item ul li span {
	font-size: 14px;
	margin-left: 10px
}

.pricing-item ul li:last-child {
	margin-bottom: 0
}

.dark-theme {
	background-color: var(--darkBodyBgColor);
	color: var(--darkBodyColor)
}

.dark-theme p {
	color: var(--darkBodyColor)
}

.dark-theme .card {
	background-color: var(--darkCardBgColor)
}

.dark-theme .h1,
.dark-theme .h2,
.dark-theme .h3,
.dark-theme .h4,
.dark-theme .h5,
.dark-theme .h6,
.dark-theme h1,
.dark-theme h2,
.dark-theme h3,
.dark-theme h4,
.dark-theme h5,
.dark-theme h6 {
	color: var(--whiteColor)
}

.dark-theme a {
	color: var(--darkBodyColor)
}

.dark-theme .text-body {
	color: var(--darkBodyColor) !important
}

.dark-theme .text-dark {
	color: var(--darkBodyColor) !important
}

.dark-theme .offcanvas {
	background-color: #34393f
}

.dark-theme .them-setting-content .offcanvas-header {
	border-color: #52575d
}

.dark-theme .them-setting-content .option-list li h4 {
	background-color: #2c3035
}

.dark-theme .btn-close {
	filter: invert(1)
}

.dark-theme .bg-white {
	background-color: var(--darkCardBgColor) !important
}

.dark-theme .form-control {
	background-color: var(--darkBodyBgColor);
	color: var(--whiteColor)
}

.dark-theme .form-select {
	background-image: url(/assets/images/down-arrow.png);
	background-size: 10px 6px
}

.dark-theme .border-color {
	border-color: var(--darkBorderColor) !important
}

.dark-theme .border-1 {
	border-color: var(--darkBorderColor) !important
}

.dark-theme .dropdown-item:focus {
	background-color: var(--darkBodyBgColor)
}

.dark-theme .dropdown-item:hover {
	background-color: var(--darkBodyBgColor)
}

.dark-theme .header-area.is-sticky {
	border: 1px solid #464c53 !important;
	border-top: none
}

.dark-theme .header-right-content ul .dropdown .dropdown-menu {
	background-color: var(--darkCardBgColor);
	box-shadow: 0 0 15px #13191e !important
}

.dark-theme .header-right-content .mail.dropdown .dropdown-menu .avatar-md {
	background-color: var(--darkBodyBgColor) !important
}

.dark-theme .header-right-content .notifications.dropdown .dropdown-menu .avatar-md {
	background-color: var(--darkBodyBgColor) !important
}

.dark-theme .sidebar-menu-area {
	background-color: var(--darkCardBgColor)
}

.dark-theme .sidebar-menu-area .main-logo span {
	color: var(--whiteColor)
}

.dark-theme .sidebar-menu-area .sidebar-menu li .menu-title {
	color: var(--whiteColor)
}

.dark-theme .sidebar-menu-area .sidebar-menu li.mm-active:not(.li-third-level) .menu-title:not(.link-third-level) {
	background-color: var(--darkBodyBgColor);
	color: var(--whiteColor)
}

.dark-theme .sidebar-menu-area .sidebar-menu li.li-third-level.mm-active .menu-title.link-third-level {
	background-color: var(--darkBodyBgColor);
	color: var(--whiteColor)
}

.dark-theme .sidebar-menu-area .sidebar-menu li .cat {
	color: var(--whiteColor)
}

.dark-theme .sidebar-menu-area .sidebar-menu li .cat::after {
	background-color: var(--whiteColor)
}

.dark-theme .sidebar-menu-area .sidebar-menu li:not(.li-third-level):hover .menu-title:not(.link-third-level) {
	background-color: var(--darkBodyBgColor)
}

.dark-theme .sidebar-menu-area .sidebar-menu li.li-third-level:hover .menu-title.link-third-level {
	background-color: var(--darkBodyBgColor)
}

.dark-theme .country-progress li .progress .count {
	color: var(--darkBodyColor)
}

.dark-theme .country-progress li .progress.bg-white1 {
	background-color: #3b4248 !important
}

.dark-theme .activity-list li .icon {
	background-color: var(--darkBodyBgColor)
}

.dark-theme .total-summary li span {
	color: var(--darkBodyColor)
}

.dark-theme .total-summary li .progress .count {
	color: var(--darkBodyColor)
}

.dark-theme .table>:not(caption)>*>* {
	background-color: var(--darkCardBgColor);
	color: var(--darkBodyColor)
}

.dark-theme .global-table-area a {
	color: var(--whiteColor)
}

.dark-theme .global-table-area a:hover {
	color: var(--mainColor)
}

.dark-theme .global-table-area .table-bordered>:not(caption)>* {
	border-color: var(--darkBorderColor) !important
}

.dark-theme .table-edit-area .table-wrapper .member .delete .choice-delete {
	background-color: var(--darkCardBgColor)
}

.dark-theme #website_overview .apexcharts-annotation-rect,
.dark-theme #website_overview .apexcharts-area-series .apexcharts-area,
.dark-theme #website_overview .apexcharts-area-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events,
.dark-theme #website_overview .apexcharts-gridline,
.dark-theme #website_overview .apexcharts-line,
.dark-theme #website_overview .apexcharts-line-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events,
.dark-theme #website_overview .apexcharts-point-annotation-label,
.dark-theme #website_overview .apexcharts-radar-series path,
.dark-theme #website_overview .apexcharts-radar-series polygon,
.dark-theme #website_overview .apexcharts-toolbar svg,
.dark-theme #website_overview .apexcharts-tooltip .apexcharts-marker,
.dark-theme #website_overview .apexcharts-xaxis-annotation-label,
.dark-theme #website_overview .apexcharts-yaxis-annotation-label,
.dark-theme #website_overview .apexcharts-zoom-rect {
	fill: var(--darkCardBgColor);
	stroke: var(--darkBorderColor)
}

.dark-theme #sales_by_locations::before {
	background-color: var(--darkCardBgColor)
}

.dark-theme .preloader {
	background-color: var(--darkCardBgColor)
}

.dark-theme #website_device .apexcharts-datalabel,
.dark-theme #website_device .apexcharts-datalabel-label,
.dark-theme #website_device .apexcharts-datalabel-value,
.dark-theme #website_device .apexcharts-datalabels,
.dark-theme #website_device .apexcharts-pie-label {
	fill: var(--whiteColor) !important
}

.dark-theme #website_device .apexcharts-datalabel,
.dark-theme #website_device .apexcharts-datalabel-label,
.dark-theme #website_device .apexcharts-datalabel-value,
.dark-theme #website_device .apexcharts-datalabels,
.dark-theme #website_device .apexcharts-pie-label {
	fill: var(--whiteColor) !important
}

.dark-theme #payouts .apexcharts-datalabel,
.dark-theme #payouts .apexcharts-datalabel-label,
.dark-theme #payouts .apexcharts-datalabel-value,
.dark-theme #payouts .apexcharts-datalabels,
.dark-theme #payouts .apexcharts-pie-label {
	fill: var(--whiteColor) !important
}

.dark-theme #payouts .apexcharts-datalabel,
.dark-theme #payouts .apexcharts-datalabel-label,
.dark-theme #payouts .apexcharts-datalabel-value,
.dark-theme #payouts .apexcharts-datalabels,
.dark-theme #payouts .apexcharts-pie-label {
	fill: var(--whiteColor) !important
}

.dark-theme .pagination-custom .page-item .page-link {
	background-color: var(--darkBodyBgColor);
	border-color: var(--darkBodyBgColor)
}

.dark-theme .pagination-custom .page-item .page-link.active {
	background-color: var(--mainColor)
}

.dark-theme .event-calendar-area .fc .fc-scrollgrid>thead>tr>*,
.dark-theme .event-calendar-area .event-calendar-area .fc .fc-scrollgrid>tfoot>tr>* {
	background-color: var(--darkBodyBgColor)
}

.dark-theme .event-calendar-area a.fc-daygrid-day-number {
	color: var(--whiteColor)
}

.dark-theme .event-calendar-area .fc-theme-standard td,
.dark-theme .event-calendar-area .fc-theme-standard th {
	border-color: var(--darkBodyBgColor) !important
}

.dark-theme .event-calendar-area .fc .fc-col-header-cell-cushion {
	color: var(--whiteColor)
}

.dark-theme .nav-tabs .nav-item.show .nav-link,
.dark-theme .nav-tabs .nav-link.active {
	background-color: rgba(0, 0, 0, 0);
	color: var(--whiteColor)
}

.dark-theme .nav-tabs .nav-item.show .nav-link svg,
.dark-theme .nav-tabs .nav-link.active svg {
	stroke: var(--whiteColor)
}

.dark-theme .chat-area .text-dark {
	color: var(--whiteColor) !important
}

.dark-theme .chat-list li:hover {
	background-color: var(--darkBodyBgColor)
}

.dark-theme .chat-list li.active {
	background-color: var(--darkBodyBgColor)
}

.dark-theme .read-more-dot {
	background-color: var(--darkBodyBgColor)
}

.dark-theme .chat-details-content .chat-details-list li p {
	background-color: var(--darkBodyBgColor);
	color: var(--whiteColor)
}

.dark-theme .form-check-input {
	background-color: var(--darkBodyBgColor)
}

.dark-theme .inbox-list li a.active {
	background-color: var(--darkBodyBgColor)
}

.dark-theme .inbox-list li a:hover {
	background-color: var(--darkBodyBgColor)
}

.dark-theme .text-wysiwyg #wysiwyg select:hover,
.dark-theme .text-wysiwyg #wysiwyg .text-wysiwyg input:hover,
.dark-theme .text-wysiwyg #wysiwyg .text-wysiwyg button:hover {
	color: var(--whiteColor)
}

.dark-theme .text-wysiwyg #wysiwyg .btns {
	background-color: var(--darkBodyBgColor)
}

.dark-theme .text-wysiwyg #wysiwyg select,
.dark-theme .text-wysiwyg #wysiwyg .text-wysiwyg input,
.dark-theme .text-wysiwyg #wysiwyg .text-wysiwyg button {
	background-color: var(--darkCardBgColor)
}

.dark-theme .text-wysiwyg #wysiwyg #editor {
	background-color: var(--darkBodyBgColor);
	color: var(--whiteColor)
}

.dark-theme .text-wysiwyg select,
.dark-theme .text-wysiwyg input,
.dark-theme .text-wysiwyg button {
	background-color: var(--darkBodyBgColor)
}

.dark-theme .input-group-text {
	background-color: var(--darkBodyBgColor);
	border-color: var(--darkBodyBgColor);
	color: var(--whiteColor)
}

.dark-theme .wysiwyg-wrap .bg-transparent {
	color: var(--whiteColor)
}

.dark-theme .wysiwyg-wrap .bg-transparent svg {
	stroke: var(--whiteColor)
}

.dark-theme .dropdown-menu {
	background-color: var(--darkBodyBgColor)
}

.dark-theme .bg-white1-transparent {
	background-color: var(--darkBodyBgColor)
}

.dark-theme .modal-content {
	background-color: var(--darkCardBgColor)
}

.dark-theme .modal-header {
	border-color: var(--darkBorderColor)
}

.dark-theme .post-wrap .bg-white {
	background-color: var(--darkBodyBgColor) !important
}

.dark-theme .d-inline-block.align-items-center.badge.bg-light.fw-medium.fs-12 {
	background-color: var(--darkBorderColor) !important
}

.dark-theme .tags-input {
	background-color: var(--darkBodyBgColor)
}

.dark-theme .product-details-main-content .old-recent-price span {
	color: var(--whiteColor)
}

.dark-theme .product-details-main-content .old-recent-price del {
	color: var(--whiteColor)
}

.dark-theme .product-details-main-content .features-list li span {
	color: var(--whiteColor)
}

.dark-theme .product-details-main-content .choose-size label[for*=size]>span {
	color: var(--whiteColor)
}

.dark-theme .cart-quantity .quantity-input .form-control {
	color: var(--whiteColor);
	border-color: var(--darkBorderColor)
}

.dark-theme .cart-quantity .quantity-input .plus {
	border-color: var(--darkBorderColor)
}

.dark-theme .cart-quantity .quantity-input .plus svg {
	stroke: var(--whiteColor)
}

.dark-theme .cart-quantity .quantity-input .minus {
	border-color: var(--darkBorderColor)
}

.dark-theme .cart-quantity .quantity-input .minus svg {
	stroke: var(--whiteColor)
}

.dark-theme .product-details-tab .nav-tabs .nav-item .nav-link {
	color: var(--whiteColor)
}

.dark-theme .product-details-tab .nav-tabs .nav-item .nav-link.active {
	color: #5d87ff
}

.dark-theme .product-details-tab .product-review-content .review-list-wrap .review-list {
	background-color: var(--darkBodyBgColor)
}

.dark-theme .product-details-tab .product-review-content .review-list-wrap .review-list .review-img img {
	border-color: #5e666e
}

.dark-theme .product-details-tab .progress,
.dark-theme .product-details-tab .progress-stacked {
	background-color: var(--darkBodyBgColor)
}

.dark-theme .btn-primary.btn-light {
	background-color: var(--darkBodyBgColor);
	border-color: var(--darkBorderColor)
}

.dark-theme button.accordion-button.bg-primary-transparent.rounded-3.fw-semibold.fs-16.collapsed {
	background-color: var(--darkBodyBgColor);
	color: var(--whiteColor)
}

.dark-theme .accordion-button::after {
	filter: brightness(100)
}

.dark-theme .accordion-button:not(.collapsed) {
	background-color: var(--darkBodyBgColor);
	color: var(--whiteColor)
}

.dark-theme textarea.form-control.text-area {
	background-color: var(--darkBorderColor)
}

.dark-theme label.form-check-label.position-relative.fs-14.fw-medium.ms-2 {
	color: var(--whiteColor)
}

.dark-theme .team-card .team-info-item {
	border-color: var(--darkBorderColor)
}

.dark-theme .team-card .team-info-wrap {
	border-color: var(--darkBorderColor)
}

.dark-theme .form-floating>.form-control-plaintext~label::after,
.dark-theme .form-floating>.form-control:focus~label::after,
.dark-theme .form-floating>.form-control:not(:placeholder-shown)~label::after,
.dark-theme .form-floating>.form-select~label::after {
	background-color: var(--darkBodyBgColor)
}

.dark-theme .or {
	color: var(--whiteColor)
}

.dark-theme .or::before {
	background-color: var(--darkBorderColor)
}

.dark-theme .accordion-area .accordion-body {
	background-color: var(--darkBodyBgColor)
}

.dark-theme .accordion-area .accordion-body ul li {
	color: var(--whiteColor)
}

.dark-theme .accordion-area .accordion-item {
	border-color: var(--darkBorderColor)
}

.dark-theme .accordion-area .accordion-button {
	background-color: var(--darkBodyBgColor);
	color: var(--whiteColor)
}

.dark-theme .breadcrumb-item {
	color: var(--darkBodyColor)
}

.dark-theme .breadcrumb-item.active {
	color: var(--mainColor)
}

.dark-theme .list-group-item {
	background-color: var(--darkBodyBgColor)
}

.dark-theme .toast-header {
	background-color: #2b3035;
	color: var(--whiteColor)
}

.dark-theme .toast-body {
	background-color: #2b3035;
	color: var(--whiteColor)
}

.dark-theme .timeline-wrap .tl-content {
	background-color: var(--darkBodyBgColor)
}

.dark-theme .timeline-wrap .tl-left::before {
	border: medium solid var(--darkBodyBgColor)
}

.dark-theme .pricing-item ul li span {
	color: var(--darkBodyColor)
}

.dark-theme .treeview-content-wrap button {
	background: var(--darkBodyBgColor);
	color: var(--whiteColor)
}

.dark-theme .treeview .btn-default {
	background-color: var(--darkBodyBgColor);
	color: var(--whiteColor)
}

.dark-theme div:where(.swal2-container) div:where(.swal2-popup) {
	background-color: var(--darkBodyBgColor)
}

.dark-theme div:where(.swal2-container) .swal2-html-container {
	color: var(--darkBodyColor)
}

.dark-theme .feather-icons-area svg {
	stroke: var(--whiteColor)
}

.dark-theme .feather-icons-area pre code {
	color: var(--whiteColor)
}

.dark-theme .remix-icons-area i {
	color: var(--whiteColor)
}

.dark-theme .remix-icons-area pre code {
	color: var(--whiteColor)
}

.dark-theme .font-awesome-icons-area i {
	color: var(--whiteColor)
}

.dark-theme .font-awesome-icons-area pre code {
	color: var(--whiteColor)
}

.header-dark .header-area.bg-white {
	background-color: var(--darkCardBgColor) !important
}

.header-dark .header-area p {
	color: var(--darkBodyColor)
}

.header-dark .header-area .card {
	background-color: var(--darkCardBgColor)
}

.header-dark .header-area .h1,
.header-dark .header-area .h2,
.header-dark .header-area .h3,
.header-dark .header-area .h4,
.header-dark .header-area .h5,
.header-dark .header-area .h6,
.header-dark .header-area h1,
.header-dark .header-area h2,
.header-dark .header-area h3,
.header-dark .header-area h4,
.header-dark .header-area h5,
.header-dark .header-area h6 {
	color: var(--whiteColor)
}

.header-dark .header-area .text-body {
	color: var(--darkBodyColor) !important
}

.header-dark .header-area .text-dark {
	color: var(--darkBodyColor) !important
}

.header-dark .header-area .form-control {
	background-color: var(--darkBodyBgColor);
	color: var(--whiteColor)
}

.header-dark .header-area .border-color {
	border-color: var(--darkBorderColor) !important
}

.header-dark .header-area .border-1 {
	border-color: var(--darkBorderColor) !important
}

.header-dark .header-area .dropdown-item:focus {
	background-color: var(--darkBodyBgColor)
}

.header-dark .header-area .dropdown-item:hover {
	background-color: var(--darkBodyBgColor)
}

.header-dark .header-area .header-right-content ul .dropdown .dropdown-menu {
	background-color: var(--darkCardBgColor);
	box-shadow: 0 0 15px #13191e !important
}

.header-dark .header-area .header-right-content .mail.dropdown .dropdown-menu .avatar-md {
	background-color: var(--darkBodyBgColor) !important
}

.header-dark .header-area .header-right-content .notifications.dropdown .dropdown-menu .avatar-md {
	background-color: var(--darkBodyBgColor) !important
}

.sidebar-dark .sidebar-menu-area {
	background-color: var(--darkCardBgColor)
}

.sidebar-dark .sidebar-menu-area .main-logo span {
	color: var(--whiteColor)
}

.sidebar-dark .sidebar-menu-area .sidebar-menu li .menu-title {
	color: var(--whiteColor)
}

.sidebar-dark .sidebar-menu-area .sidebar-menu li.mm-active .menu-title {
	background-color: var(--darkBodyBgColor);
	color: var(--whiteColor)
}

.sidebar-dark .sidebar-menu-area .sidebar-menu li .cat {
	color: var(--whiteColor)
}

.sidebar-dark .sidebar-menu-area .sidebar-menu li .cat::after {
	background-color: var(--whiteColor)
}

.sidebar-dark .sidebar-menu-area .sidebar-menu li:hover .menu-title {
	background-color: var(--darkBodyBgColor)
}

.sidebar-theme-color .sidebar-menu-area {
	background-color: var(--mainColor)
}

.sidebar-theme-color .sidebar-menu-area .main-logo span {
	color: var(--whiteColor)
}

.sidebar-theme-color .sidebar-menu-area .sidebar-menu li .cat {
	color: var(--whiteColor)
}

.sidebar-theme-color .sidebar-menu-area .sidebar-menu li .cat::after {
	background-color: var(--whiteColor)
}

.sidebar-theme-color .sidebar-menu-area .sidebar-menu li .cat::before {
	background-color: #13191e
}

.sidebar-theme-color .sidebar-menu-area .sidebar-menu li .menu-title {
	color: var(--whiteColor)
}

.sidebar-theme-color .sidebar-menu-area .sidebar-menu li .menu-title svg {
	stroke: var(--whiteColor)
}

.sidebar-theme-color .sidebar-menu-area .sidebar-menu li.mm-active .menu-title {
	color: #13191e
}

.sidebar-theme-color .sidebar-menu-area .sidebar-menu li:hover .menu-title {
	color: #13191e
}

.sidebar-theme-color .sidebar-menu-area .sidebar-menu li .sidemenu-second-level li a {
	color: var(--whiteColor)
}

.sidebar-theme-color .sidebar-menu-area .sidebar-menu li .sidemenu-second-level li a::before {
	background-color: var(--whiteColor)
}

.sidebar-theme-color .sidebar-menu-area .sidebar-menu li .sidemenu-second-level li a.active {
	color: #13191e
}

.sidebar-theme-color .sidebar-menu-area .sidebar-menu li .sidemenu-second-level li a.active::before {
	background-color: #13191e
}

.footer-dark .footer-area.bg-white {
	background-color: var(--darkCardBgColor) !important
}

.footer-dark .footer-area.bg-white p {
	color: var(--whiteColor) !important
}

.setting-btn {
	width: 50px;
	height: 50px;
	line-height: 47px;
	text-align: center;
	border-radius: 100px;
	background-color: var(--mainColor);
	box-shadow: var(--boxShadow);
	border: none;
	bottom: 75px !important;
	right: 30px !important;
	z-index: 9999
}

.setting-btn svg {
	stroke: var(--whiteColor);
	animation: rotation 3s infinite linear
}

@keyframes rotation {
	from {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(359deg)
	}
}

.them-setting-content {
	box-shadow: rgba(100, 100, 111, .2) 0px 7px 29px 0px
}

.them-setting-content .offcanvas-header {
	padding: 25px;
	border-bottom: 1px solid #f9f9f9
}

.them-setting-content .offcanvas-header .btn-close:focus {
	box-shadow: none
}

.them-setting-content .offcanvas-body {
	padding: 25px
}

.them-setting-content .option-list li {
	margin-bottom: 25px
}

.them-setting-content .option-list li:last-child {
	margin-bottom: 0
}

.them-setting-content .option-list li h4 {
	margin-bottom: 25px;
	background-color: #f3f6f8;
	padding: 8px 20px
}

.them-setting-content .option-list li .option-btn {
	background-color: var(--mainColor);
	color: var(--whiteColor);
	transition: var(--transition);
	padding: 8px 18px;
	font-size: 14px;
	border: none;
	border-radius: 5px;
	font-weight: 500
}

.them-setting-content .option-list li .option-btn.dark-light-btn .light-theme {
	display: none
}

.them-setting-content .option-list li .option-btn.header-dark-light-btn .light-theme {
	display: none
}

.them-setting-content .option-list li .option-btn.sidebar-dark-light-btn .light-theme {
	display: none
}

.them-setting-content .option-list li .option-btn.footer-dark-light-btn .light-theme {
	display: none
}

.them-setting-content .option-list li .option-btn.card-style-btn .light-theme {
	display: none
}

.them-setting-content .option-list li .option-btn.card-style-border-btn .light-theme {
	display: none
}

.them-setting-content .option-list li .option-btn.preloader-btn .light-theme {
	display: none
}

.them-setting-content .option-list li .option-btn.icon-sidebar-btn .light-theme {
	display: none
}

.them-setting-content .option-list li .option-btn.sidebar-theme-color-btn .light-theme {
	display: none
}

.them-setting-content .option-list li .option-btn.header-fixed-sticky-btn .light-theme {
	display: none
}

.them-setting-content .option-list li .option-btn.back-top-btn .light-theme {
	display: none
}

.them-setting-content .option-list li .option-btn.layout-width-btn .light-theme {
	display: none
}

.dark-theme .them-setting-content .option-list li .option-btn.dark-light-btn.active {
	background-color: var(--successColor)
}

.dark-theme .them-setting-content .option-list li .option-btn.dark-light-btn .light-theme {
	display: block
}

.dark-theme .them-setting-content .option-list li .option-btn.dark-light-btn .dark-themes {
	display: none
}

.header-dark .them-setting-content .option-list li .option-btn.header-dark-light-btn.active {
	background-color: var(--successColor)
}

.header-dark .them-setting-content .option-list li .option-btn.header-dark-light-btn .light-theme {
	display: block
}

.header-dark .them-setting-content .option-list li .option-btn.header-dark-light-btn .dark-themes {
	display: none
}

.sidebar-dark .them-setting-content .option-list li .option-btn.sidebar-dark-light-btn.active {
	background-color: var(--successColor)
}

.sidebar-dark .them-setting-content .option-list li .option-btn.sidebar-dark-light-btn .light-theme {
	display: block
}

.sidebar-dark .them-setting-content .option-list li .option-btn.sidebar-dark-light-btn .dark-themes {
	display: none
}

.sidebar-theme-color .them-setting-content .option-list li .option-btn.sidebar-theme-color-btn.active {
	background-color: var(--successColor)
}

.sidebar-theme-color .them-setting-content .option-list li .option-btn.sidebar-theme-color-btn .light-theme {
	display: block
}

.sidebar-theme-color .them-setting-content .option-list li .option-btn.sidebar-theme-color-btn .dark-themes {
	display: none
}

.footer-dark .them-setting-content .option-list li .option-btn.footer-dark-light-btn.active {
	background-color: var(--successColor)
}

.footer-dark .them-setting-content .option-list li .option-btn.footer-dark-light-btn .light-theme {
	display: block
}

.footer-dark .them-setting-content .option-list li .option-btn.footer-dark-light-btn .dark-themes {
	display: none
}

.card-style .card {
	transition: var(--transition)
}

.card-style .card.rounded-3 {
	border-radius: 0 !important
}

.card-style .sidebar-menu-area {
	border-radius: 0 !important
}

.card-style .header-area {
	border-radius: 0 !important
}

.card-style .footer-area {
	border-radius: 0
}

.card-style .them-setting-content .option-list li .option-btn.card-style-btn.active {
	background-color: var(--successColor)
}

.card-style .them-setting-content .option-list li .option-btn.card-style-btn .light-theme {
	display: block
}

.card-style .them-setting-content .option-list li .option-btn.card-style-btn .dark-themes {
	display: none
}

.card-style-border .card {
	border: 1px solid var(--borderColor09) !important
}

.card-style-border .sidebar-menu-area {
	border-right: 1px solid var(--borderColor09)
}

.card-style-border .header-area {
	border: 1px solid var(--borderColor09);
	border-top: none
}

.card-style-border .them-setting-content .option-list li .option-btn.card-style-border-btn.active {
	background-color: var(--successColor)
}

.card-style-border .them-setting-content .option-list li .option-btn.card-style-border-btn .light-theme {
	display: block
}

.card-style-border .them-setting-content .option-list li .option-btn.card-style-border-btn .dark-themes {
	display: none
}

.preloader-hidden .preloader {
	display: none
}

.preloader-hidden .them-setting-content .option-list li .option-btn.preloader-btn.active {
	background-color: var(--successColor)
}

.preloader-hidden .them-setting-content .option-list li .option-btn.preloader-btn .light-theme {
	display: block
}

.preloader-hidden .them-setting-content .option-list li .option-btn.preloader-btn .dark-themes {
	display: none
}

.icon-sidebar .sidebar-menu-area {
	width: 55px
}

.icon-sidebar .sidebar-menu-area .logo-text {
	display: none;
	transition: var(--transition)
}

.icon-sidebar .sidebar-menu-area .main-logo-wrap {
	padding: 7px;
	transition: var(--transition)
}

.icon-sidebar .sidebar-menu-area .sidebar-menu {
	padding: 7px;
	transition: var(--transition)
}

.icon-sidebar .sidebar-menu-area .sidebar-menu li .cat {
	display: none;
	transition: var(--transition)
}

.icon-sidebar .sidebar-menu-area .sidebar-menu li .menu-title .title {
	display: none;
	transition: var(--transition)
}

.icon-sidebar .sidebar-menu-area .sidebar-menu li .menu-title .count {
	display: none;
	transition: var(--transition)
}

.icon-sidebar .sidebar-menu-area .sidebar-menu li .sidemenu-second-level.mm-show {
	display: none;
	transition: var(--transition)
}

.icon-sidebar .sidebar-menu-area .sidebar-menu .has-arrow:after {
	display: none;
	transition: var(--transition)
}

.icon-sidebar .sidebar-menu-area:hover {
	width: 300px;
	z-index: 99999;
	box-shadow: var(--boxShadow)
}

.icon-sidebar .sidebar-menu-area:hover .logo-text {
	display: inline-block;
	transition: var(--transition)
}

.icon-sidebar .sidebar-menu-area:hover .main-logo-wrap {
	padding: 25px
}

.icon-sidebar .sidebar-menu-area:hover .sidebar-menu {
	padding: 25px
}

.icon-sidebar .sidebar-menu-area:hover .sidebar-menu li .cat {
	display: inline-block;
	transition: var(--transition)
}

.icon-sidebar .sidebar-menu-area:hover .sidebar-menu li .menu-title .title {
	display: inline-block;
	transition: var(--transition)
}

.icon-sidebar .sidebar-menu-area:hover .sidebar-menu li .menu-title .count {
	display: inline-block;
	transition: var(--transition)
}

.icon-sidebar .sidebar-menu-area:hover .sidebar-menu li .sidemenu-second-level.mm-show {
	display: inline-block;
	transition: var(--transition)
}

.icon-sidebar .sidebar-menu-area:hover .sidebar-menu .has-arrow:after {
	display: inline-block;
	transition: var(--transition)
}

.icon-sidebar .main-content-area {
	padding-left: 67px
}

.icon-sidebar .them-setting-content .option-list li .option-btn.icon-sidebar-btn.active {
	background-color: var(--successColor)
}

.icon-sidebar .them-setting-content .option-list li .option-btn.icon-sidebar-btn .light-theme {
	display: block
}

.icon-sidebar .them-setting-content .option-list li .option-btn.icon-sidebar-btn .dark-themes {
	display: none
}

.header-fixed-sticky .header-area.is-sticky {
	position: unset
}

.header-fixed-sticky .them-setting-content .option-list li .option-btn.header-fixed-sticky-btn.active {
	background-color: var(--successColor)
}

.header-fixed-sticky .them-setting-content .option-list li .option-btn.header-fixed-sticky-btn .light-theme {
	display: block
}

.header-fixed-sticky .them-setting-content .option-list li .option-btn.header-fixed-sticky-btn .dark-themes {
	display: none
}

.back-top-hide-show .go-top {
	display: none
}

.back-top-hide-show .them-setting-content .option-list li .option-btn.back-top-btn.active {
	background-color: var(--successColor)
}

.back-top-hide-show .them-setting-content .option-list li .option-btn.back-top-btn .light-theme {
	display: block
}

.back-top-hide-show .them-setting-content .option-list li .option-btn.back-top-btn .dark-themes {
	display: none
}

.layout-width .container-fluid {
	max-width: 1320px
}

.layout-width .them-setting-content .option-list li .option-btn.layout-width-btn.active {
	background-color: var(--successColor)
}

.layout-width .them-setting-content .option-list li .option-btn.layout-width-btn .light-theme {
	display: block
}

.layout-width .them-setting-content .option-list li .option-btn.layout-width-btn .dark-themes {
	display: none
}

@media only screen and (max-width: 1199px) {
	.icon-sidebar .main-content-area {
		padding-left: 0
	}
}

/*# sourceMappingURL=style.css.map */