/************************************************************ Slider ************************************************************/
#owl-Slider1 .owl-nav {
	position: absolute;
	top: 45%;
	width: 100%;
}

.text-decoration-none {
	text-decoration: none !important;
}

#owl-Slider1 .owl-nav .owl-prev {
	float: left;
	background: #FFF !important;
	text-decoration: none !important;
	pointer-events: all !important;
	box-shadow: 2px 2px 5px 0 rgb(0 0 0 / 40%);
}

#owl-Slider1 .owl-nav .owl-next {
	float: right;
	background: #FFF !important;
	pointer-events: all !important;
	text-decoration: none !important;
	box-shadow: 2px 2px 5px 0 rgb(0 0 0 / 40%);
}

.newProducts .owl-nav {
	position: absolute;
	top: 40%;
	width: 100%;
}

	.newProducts .owl-nav .owl-prev {
		position: absolute;
		left: 0;
		right: auto;
		background: #FFF !important;
		text-decoration: none !important;
		pointer-events: all !important;
		box-shadow: 2px 2px 5px 0 rgb(0 0 0 / 40%);
	}

	.newProducts .owl-nav .owl-next {
		position: absolute;
		right: 0;
		left: auto;
		background: #FFF !important;
		pointer-events: all !important;
		text-decoration: none !important;
		box-shadow: 2px 2px 5px 0 rgb(0 0 0 / 40%);
	}

.rtl {
	direction: rtl;
	text-align: right;
}

.ltr {
	direction: ltr;
	text-align: left;
}

.newProducts .owl-item {
	border-left: 1px solid #e1e1e1;
}

	.newProducts .owl-item:last-child {
		border: 0;
	}

.input {
	padding: 1px;
	border-color: #c8faed;
}

	.input input {
		height: 100%;
	}


	.input:hover {
		border-color: #18c29c;
	}

	.input.focused {
		box-shadow: 0 0 0 3px rgba(24, 194, 156, 0.45);
		border-color: #18c29c;
	}

.text-justify {
	text-align: justify;
}

.min-h-500 {
	min-height: 700px;
}
/**********************************************************************************************************************************/
.color-picker.required, .file.required, .input.required, .metro-input.required, .select.required, .spinner.required, .tag-input.required, .textarea.required {
	border-style: solid !important;
}

.mybg {
	background-color: #00aba9 !important;
}



.bg-brand {
	background-color: #00aba9 !important;
}

@media screen and (min-width: 992px) {
	.mt-116-lg {
		margin-top: 116px !important;
	}
}

.filter-product {
	display: none;
}

.mobile-filter-product {
	display: block;
}

@media screen and (min-width: 768px) {
	.mt-116-lg {
		margin-top: 116px !important;
	}

	.filter-product {
		display: block;
	}

	.mobile-filter-product {
		display: none;
	}
}

.d-menu-right {
	right: 0 !important;
	left: unset !important;
}

.d-menu-left {
	left: 0 !important;
	right: unset !important;
}


.app-bar .app-bar-menu .d-menu, .app-bar .app-bar-menu .v-menu {
	background-color: #ffffff;
}

.app-bar .app-bar-menu > li > a {
	font-size: inherit !important;
}

.app-bar .brand {
	font-size: 30px;
}

.header-buttom {
	top: 100%;
	width: 100%;
	position: absolute;
	color: black;
	background-color: #ffffff !important;
	padding: 0;
	margin: 0;
}

.header-top {
	position: relative;
	width: 100%;
	color: black;
	background-color: white;
	padding: 0;
	margin: 0;
}

.fg-brand {
	color: #00aba9 !important;
}

.bd-brand {
	border-color: #00aba9 !important;
}

.hero-bg {
	background: #00aba9;
	background: linear-gradient(to bottom, #00aba9 0%, #EEF9F4 100%);
}

.side-slider {
	height: 100%;
}

.bg-brand-hr {
	background-color: #7cffdd !important;
}



.form-group {
	margin-top: 1rem;
	direction: ltr !important;
}

.preload {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-ms-transition: none !important;
	-o-transition: none !important;
	display: none;
}

::-webkit-scrollbar {
	width: 5px;
	background-color: #ffffff;
}

::-webkit-scrollbar-thumb {
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 6px rgb(139 139 139 / 30%);
	background-color: #b0bbc1;
}

::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 3px rgb(44 44 44 / 30%);
	border-radius: 5px;
	background-color: transparent;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++HERO++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



.bg-brand-light {
	background-color: #18e1bb !important;
}

.bg-brand-hr {
	background-color: #7cffdd !important;
}

.bg-brand-secondary {
	background-color: #EEF9F4 !important;
}

.bg-brand-hover:hover {
	background-color: #02604b !important;
}

a {
	cursor: pointer;
}

.container {
	max-width: 1160px;
}





.hero {
	padding: 40px;
}

.widgets,
.compare-plans {
	background-color: #f8f8f8;
}

.add-neb::after {
	display: block;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 24px 24px 0 24px;
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
}

.hero.add-neb::after {
	border-color: #EEF9F4 transparent transparent transparent;
}

.info-panel-header.add-neb::after {
	border-color: #18C29C transparent transparent transparent;
}

.about.add-neb::after,
.table-price.add-neb::after {
	border-color: #ffffff transparent transparent transparent;
}

.hero-desc {
	text-align: center;
	margin-top: 70px;
}

@media screen and (min-width: 992px) {
	.hero-desc {
		text-align: left;
		margin-left: 70px;
		margin-top: 0;
	}

	.hero-desc-rtl {
		text-align: right;
		margin-right: 70px;
		margin-top: 0;
	}
}



footer {
	background-color: #031727 !important;
	color: #78849e !important;
}

	footer a {
		color: #78849e !important;
		text-decoration: none !important;
		font-size: 0.9rem;
	}

		footer a:hover {
			color: #fff !important;
		}

	footer span {
		color: #78849e !important;
	}



.login-form {
	width: calc(100% - 20px);
}

@media screen and (min-width: 640px) {
	.login-form {
		width: 500px;
	}
}

.compare-table thead tr {
	border-bottom: 1px solid #18C29C;
}

.compare-table td {
	padding: 20px;
}

.compare-table thead td,
.compare-table tbody td:not(:first-child) {
	text-align: center;
}

.compare-table tbody td:first-child {
	background-color: #EEF9F4;
}

	.compare-table tbody td:first-child:last-child {
		background-color: #fff;
	}

.compare-table tbody tr {
	border-bottom: 1px solid #18C29C;
}

.flush-button {
	animation: button-flush 1s ease infinite;
}

@keyframes button-flush {
	0% {
		box-shadow: 0 0 0 0 rgba(250, 104, 0, 0.45);
	}

	50% {
		box-shadow: 0 0 0 0.25rem rgba(250, 104, 0, 0.45);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(250, 104, 0, 0.45);
	}
}



.left-0 {
	left: 0 !important;
}

.right-0 {
	right: 0 !important;
}

.increase-1 {
	font-size: 0.9rem !important;
}

.increase-2 {
	font-size: 1rem !important;
}

.spinner .button {
	width: 34px;
	min-width: 34px;
	height: 31px;
	line-height: 34px;
	text-align: center;
	font-weight: 700;
	background-color: #ffffff;
	padding: 0;
}

.spinner {
	border: 1px #706b6b solid;
}

.panel {
	border: 1px solid #9f9c9c;
}