/* Custom Style*/

@font-face {
	font-family: "neue-arabic";
	src:url("../fonts/FontsFree-Net-helveticaneuelt-arabic-55-roman.ttf") format("truetype");
}
@font-face {
	font-family: "neue-bold";
	src:url("../fonts/helvetica-neue-lt-arabic-75-bold.ttf") format("truetype");
}
:root{
	--main-color: #429F6A;
	--main-light-color: rgb(66, 159, 106, 0.2);
	--second-color: #DA1A5C ;
	--second-light-color: #FFF4D9 ;
	--main-text-color: #333735;
	--light-text-color: #B9B5B8;
}

h1, h2, h3 ,h4, h5, h6,
.h1, .h2, .h3 ,.h4, .h5, .h6{
	font-family: "neue-bold", Arial, sans-serif;
}
/* Note: added by A */
.hide{
	display: none !important;
}
.text-gray{
	color: lightgray !important;
}
.whatsapp{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	font-size:30px;
	z-index:100;
}
.whatsapp:hover{
	color: white;
	box-shadow: 0px 2px 7px -1px #999;
}
.my-whatsapp{
	margin-top:16px;
}
.my-whatsapp:hover{
	color: white;
}
#iframe{
	border: none;
}
#iframe html{
	overflow: hidden !important
}
#iframe html img{
	width: 100%;
}
/* ends */
html, body {
	font-family: "neue-arabic", Arial, sans-serif;
	height: 100%;
	direction: rtl;
	font-size: 16px;
	color: var(--main-text-color);
	counter-reset: number;
	scroll-behavior: smooth;
}
a{
	cursor: pointer;
}
a:hover {
	text-decoration: none;
}
section {
	padding: 8rem 0;
}
section.inner-section {
	padding: 5rem 0;
}
section .row{
	margin-bottom: 25px;
}
section .row:last-child{
	margin-bottom: 0px;
}
.btn{
	border-radius: 10px;
	padding: .75rem 3rem;
}
.btn:hover,
.btn:focus,
.btn:active{
	outline: none;
}
.btn-primary{
	background: var(--main-color);
	border-color: var(--main-color);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle{
	background: var(--second-color);
	border-color: var(--second-color);
	box-shadow: none !important;
}
.btn-outline-primary {
	color: var(--main-color);
	border-color: var(--main-color);
}
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
	color: #fff;
	background-color: var(--main-color);
	border-color: var(--main-color);
	box-shadow: none !important;
}

.btn{
	display: inline-block;
	position: relative;
	overflow: hidden;
	transition: all ease-in-out .5s;
}
.btn::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 25%;
	height: 100%;
	width: 50%;
	background-color: #fff;
	border-radius: 50%;
	opacity: 0;
	pointer-events: none;
	transition: all ease-in-out 0.5s;
	transform: scale(5, 5);
}
.btn:active::after {
	padding: 0;
	margin: 0;
	opacity: .2;
	transition: 0s;
	transform: scale(0, 0);
}
.bg-primary{
	color: #fff;
	background-color: var(--main-color) !important;
}
.text-primary{
	color: var(--main-color) !important;
}
.text-success {
	color: var(--main-color) !important;
}
.text-danger{
	color:var(--second-color) !important;
}

.alert{
	padding: 1rem;
	border-radius: 6px;
}
.alert-success{
	color: #24A961;
	background: rgba(36, 169, 98, 0.2);
}
.alert-danger{
	color: #D14747 ;
	background: rgba(209, 71, 71, 0.2);
}
ul, ol{
	padding: 0;
	margin: 0;
}

/*----------------------------------------------
	Navbar
	------------------------------------------*/

/* navbar menu animation */
.navbar {
	position: relative;
	left: 0;
	top: 0;
	padding: 1rem;
	width: 100%;
	background:  #fff;
	box-shadow: 0px 3px 6px #12101229;
	transition: background 0.6s ease-in;
	z-index: 999;
	align-items: center;
}
.navbar .navbar-nav .nav-link {
	position: relative;
	padding: 0.5rem 1.5rem;
	font-weight: 500;
	color: var(--main-text-color);
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active {
	color: var(--main-color);
}
.navbar .navbar-nav .nav-link.register{
	padding: 0.5rem 2rem;
	color: #fff;
	background: var(--main-color);
	border-radius: 20px;
}
.navbar .navbar-nav .nav-link.register:hover{
	background: var(--second-color);
}
.navbar .navbar-nav .nav-link.register::after{
	display: none !important;
}
.navbar .navbar-nav .nav-link svg path {
	fill: var(--main-text-color);
}
.navbar.fixed-top{
	padding: 0 1rem;
	position: fixed;
	-webkit-animation: navbar-animation 0.6s;
	animation: navbar-animation 0.6s;
}
@-webkit-keyframes navbar-animation {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		transform: translateY(-100%);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}
@keyframes navbar-animation {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		transform: translateY(-100%);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}
@-webkit-keyframes dropdown-animation {
	0% {
		-webkit-transform: scaleY(0);
		-ms-transform: scaleY(0);
		transform: scaleY(0);
	}
	75% {
		-webkit-transform: scaleY(1.1);
		-ms-transform: scaleY(1.1);
		transform: scaleY(1.1);
	}
	100% {
		-webkit-transform: scaleY(1);
		-ms-transform: scaleY(1);
		transform: scaleY(1);
	}
}
@keyframes dropdown-animation {
	0% {
		-webkit-transform: scaleY(0);
		-ms-transform: scaleY(0);
		transform: scaleY(0);
	}
	75% {
		-webkit-transform: scaleY(1.1);
		-ms-transform: scaleY(1.1);
		transform: scaleY(1.1);
	}
	100% {
		-webkit-transform: scaleY(1);
		-ms-transform: scaleY(1);
		transform: scaleY(1);
	}
}

/* navbar toggler */
.navbar .navbar-toggler {
	position: relative;
	height: 50px;
	width: 50px;
	border: none;
	cursor: pointer;
	outline: none;
}
.navbar .navbar-toggler .menu-icon-bar {
	position: absolute;
	left: 15px;
	right: 15px;
	height: 2px;
	background-color: var(--main-text-color);
	opacity: 0;
	-webkit-transform: translateY(-1px);
	-ms-transform: translateY(-1px);
	transform: translateY(-1px);
	transition: all 0.3s ease-in;
}
.navbar .navbar-toggler .menu-icon-bar:first-child {
	opacity: 1;
	-webkit-transform: translateY(-1px) rotate(45deg);
	-ms-sform: translateY(-1px) rotate(45deg);
	transform: translateY(-1px) rotate(45deg);
}
.navbar .navbar-toggler .menu-icon-bar:last-child {
	opacity: 1;
	-webkit-transform: translateY(-1px) rotate(135deg);
	-ms-sform: translateY(-1px) rotate(135deg);
	transform: translateY(-1px) rotate(135deg);
}
.navbar .navbar-toggler.collapsed .menu-icon-bar {
	opacity: 1;
}
.navbar .navbar-toggler.collapsed .menu-icon-bar:first-child {
	-webkit-transform: translateY(-7px) rotate(0);
	-ms-sform: translateY(-7px) rotate(0);
	transform: translateY(-7px) rotate(0);
}
.navbar .navbar-toggler.collapsed .menu-icon-bar:last-child {
	-webkit-transform: translateY(5px) rotate(0);
	-ms-sform: translateY(5px) rotate(0);
	transform: translateY(5px) rotate(0);
}
.navbar.fixed-top .navbar-toggler .menu-icon-bar {
	background-color: var(--main-text-color);
}
.social-media a{
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	display: block;
	font-size: 20px;
}

/*----------------------------------------------
	slider
	------------------------------------------*/
.slider{
	position: relative;
	padding: 0;
	background: transparent linear-gradient(246deg, #429F6A 0%, #2E5468 100%) 0% 0% no-repeat padding-box;
}
.slider .owl-slide{
	position: relative;
	width: 100%;
	height: 700px;
	overflow: hidden;
	display: flex;
	align-items: center;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.slider-box{
	position: relative;
	z-index: 1;
}
.slider-box .title{
	font-size: 36px;
	line-height: 84px;
	margin-bottom: 5rem;
	font-weight: bold;
	color: #fff;
}
.slider-box .btn-slider{
	width: 270px;
	padding: 1rem 3rem;
	background-color: #FDBC40;
	color: #fff;
	font-weight: bold;
}
.slider-box .btn-slider:hover{
	background-color: var(--second-color);
}
.slider .owl-dots{
	margin-top: 0;
	position: absolute;
	bottom: 3rem;
	left: 50%;
	transform: translateX(-50%);
	z-index: 5;
	cursor: pointer;
}
.slider .owl-dots .owl-dot{
	outline: none !important;
	border: none !important;
	margin: 0  0.25rem ;
}
.slider .owl-dots .owl-dot span {
	margin: auto;
	background: #FFFFFF;
	opacity: 0.5;
	display: block;
	transition: all 0.3s ease;
}
.slider .owl-dots .owl-dot.active span{
	background: #fff;
	opacity: 1;
	transform: scale(1.2);
}
/*----------------------------------------------
	about-section
	------------------------------------------*/
.about{
	background-image: url(../img/section-about.svg);
	background-position: center left;
	background-position-x: -13%;
	background-repeat: no-repeat;
	background-color: rgb(199, 199, 199, .1);
}
.about .title-section .title{
	margin-top: 0;
}
.about-box{
	display: flex;
	align-items: center;
	background:#fff;
	box-shadow: 0px 3px 16px #429F6A33;
	border-radius: 10px;
	padding: 1rem;
	margin-bottom: 2rem;
	transition: all 0.3s ease;
}
.about-box .icon{
	width: 60px;
	min-width: 60px;
	height: 60px;
	line-height: 55px;
	background: var(--main-light-color);
	border-radius: 10px;
	text-align: center;
	color: var(--main-color);
	transition: all 0.3s ease;
}
.about-box .icon svg{
	width: 30px;
}
.about-box .content {
	padding: 0 1rem;
}
.about-box .content .title{
	font-size: 20px;
	font-weight: bold;
}
.about-box .content .details{
	font-size: 16px;
	margin-bottom: 0;
}
.about-box:hover {
	transform: scale(1.05);
}
.about-box:hover .icon{
	background: var(--main-color);
	color: #fff;
}

/*----------------------------------------------
	Work-section
	------------------------------------------*/
.work-box{
	border-radius: 10px;
	padding: 1rem;
	margin-bottom: 2rem;
	transition: all 0.3s ease;
	text-align: center;
}
.work-box .pic{
	width: 100%;
	height: 210px;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	transition: all 0.3s ease;
	margin-bottom: 2rem;
}
.work-box .pic img{
	max-width: 100%;
}
.work-box .icon svg{
	width: 30px;
}
.work-box .content {
	padding: 0 1rem;
}
.work-box .content .title{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 1rem;
}
.work-box .content .details{
	font-size: 16px;
	margin-bottom: 0;
}
.work-box:hover {
	transform: scale(1.05);
	box-shadow: 0px 3px 16px #429F6A33;
}

/*----------------------------------------------
	features-section
	------------------------------------------*/
.features{
	position: relative;
	background-color: #2E5468;
	color: #fff;
}
.features .features-pic{
	position: absolute;
	right: 0;
	top: -17%;
}
.features-box{
	text-align: center;
}
.features-box .icon{
	width: 120px;
	min-width: 120px;
	height: 120px;
	line-height: 120px;
	background: #fff;
	border-radius: 10px;
	text-align: center;
	color: var(--second-color);
	transition: all 0.3s ease;
	margin: auto;
	margin-bottom: 2rem;
}
.features-box .icon svg{
	width: 90px;
}
.features-box .title{
	font-size: 16px;
}
.features-box:hover .icon{
	background: var(--second-color);
}
.features-box:hover .icon svg path{
	fill: #fff;
	stroke: #fff;
}

.features .owl-dots{
	margin-top: 3rem;
}
.features .owl-dots .owl-dot{
	outline: none !important;
	border: none !important;
	margin: 0  0.25rem ;
}
.features .owl-dots .owl-dot span{
	margin: auto;
	background: #FFFFFF;
	opacity: 0.5;
	display: block;
	transition: all 0.3s ease;
}
.features .owl-dots .owl-dot.active span{
	background: #fff;
	opacity: 1;
	transform: scale(1.2);
}
/*----------------------------------------------
	title-section
	------------------------------------------*/
.title-section{
	padding: 1rem 0;
}
.title-section .title{
	font-weight: bold;
	font-size: 46px;
	line-height: 2;
	margin: 2rem 0;
}
.title-section .details{
	font-size: 16px;
	margin: 0;
}
/*----------------------------------------------
	header
	------------------------------------------*/
.header{
	position: relative;
	background-color: #429F6A;
	background-size: cover;
	background-image: url(../img/header-bg.svg);
	background-repeat: no-repeat;
	background-position: left;
}
.header:before{
	position: absolute;
	content: "";
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	opacity: .2;
	background: transparent linear-gradient(265deg, #FFFFFF17 0%, #2E5468 100%) 0% 0%;
}
.header-box{
	position: relative;
	z-index: 1;
	width: 100%;
	height: 150px;
	display: flex;
	align-items: center;
}
.header-box .title{
	font-size: 60px;
	margin: 0;
	color: #fff;
}

/*----------------------------------------------
	Subscribe
	------------------------------------------*/

.table-plan .plan-head{
	min-width: 180px;
	text-align: center;
	padding: 1rem;
}
.table-plan .plan-head .plan-name{
	font-weight : bold;
	font-size: 17px;
}
.table-plan .plan-head .plan-save{
	font-size: 13px;
	height: 28px;
	margin-bottom: 0;
}
.table-plan .plan-head .plan-price{
	font-size: 24px;
	padding: 0.5rem 0;
	margin-bottom: 1rem;
}
.table-plan .plan-head .btn{
	padding: 0.5rem 3rem;
}

.table-plan{
	background-color: #fff;
}
.table-plan th{
	padding: 0;
}
.table-plan th,
.table-plan td{
	vertical-align: middle !important;
}
.table-plan td{
	padding: 1rem 0.5rem;
	text-align: center;
}
.table-plan i{
	font-size: 24px;
}


/*----------------------------------------------
	Join-us
	------------------------------------------*/
.join-us{
	padding: 0;
	color: #fff;
	background: url(../img/section-join-us.png) center left -10% no-repeat,
	url(../img/section-join-us-2.svg) center right no-repeat;
	background-color: #D91B5B;
}
.join-us .join-us-pic{
	transform: scale(1.5);
}
.apps{
	display: flex;
	justify-content: space-between;
}
.app-box{
	display: flex;
	align-items: center;
	background-color: #fff;
	border-radius: 10px;
	color: var(--main-text-color);
	min-width: 150px;
	margin-bottom: 2rem;
}
.app-box .icon{
	width: 50px;
	min-width: 50px;
	height: 50px;
	text-align: center;
}
.app-box .content{
	padding: 0.5rem;
}
.app-box .content p{
	margin: 0rem;
}
/*----------------------------------------------
	Patners
	------------------------------------------*/
.partner-box{
	width: 100%;
	height: 120px;
	padding: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	border: 1px solid #f1f1f1;
	transition: all 0.3s ease ;
}
.partner-box img{
	height: 100%;
	transition: all 0.3s ease ;
}
.partner-box:hover{
	border-color: var(--main-color);
}
.partner-box:hover img{
	transform: scale(1.1);
}
/*----------------------------------------------
	Clients
	------------------------------------------*/
.clients{
	background-color:#429F6A;
	color: #fff;
}
.client-box{
	position: relative;
}
.client-box .client-user{
	display: flex;
	justify-content: center;
	margin: 2rem auto 1rem;
}
.client-box .client-user-pic{
	width: 70px;
	height: 70px;
	border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
}
.client-box .client-user-pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.client-box .client-user-content{
	padding: 1rem;
	font-size: 16px;
	line-height: 1.6;
	text-align: center;
}
.client-box .client-box-content{
	padding: 1rem;
	font-size: 16px;
	line-height: 1.6;
	text-align: center;
}
.client-box .client-box-content ul{
	margin-bottom: 1rem;
}
.client-box .fa-star{
	color: rgba(255, 209, 93, 1);
	margin: 0 0.15rem
}
#owl-clients .owl-nav {
	margin-top: 0;
	position: absolute;
	top: 50%;
	left: -50px;
	right: -50px;
	transform: translateY(-50%);
	z-index: 1;
	display: flex;
	justify-content: space-between;
}
#owl-clients .owl-nav button.owl-next,
#owl-clients .owl-nav button.owl-prev,
#owl-clients .owl-nav [class*=owl-] {
	outline: none;
	color: #fff;
	margin: 0;
	padding: 0;
	font-size: 16px !important;
	width: 37px;
	height: 37px;
	border: 1px solid #fff;
	border-radius: 10px;
	text-align: center;
	opacity: 1;
	cursor: pointer;
}
#owl-clients .owl-nav [class*=owl-]:hover {
	background: #fff;
	border-color: #fff;
	color:var(--main-color);
}
/*----------------------------------------------
	Contact
	------------------------------------------*/

.contact{
	background: #FDBC40 url(../img/section-contact.svg) bottom right no-repeat;
}
.contact .form{
	padding: 3rem;
	background: #fff;
	border-radius: 10px;
}
.contact .form .btn{
	width: 270px;
	margin: auto;
	text-align: center;
}
.contact .form .title-section .title{
	line-height: 1;
	font-size: 30px;
	margin: 0 0 2rem;
}
.contact-box{
	display: flex;
	align-items: center;
	color: #fff;
	margin-bottom: 1rem;
}
.contact-box .icon{
	width: 40px;
	min-width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: rgb(255, 255, 255, .2);
	border-radius: 5px;
	transition: all 0.3s ease;
}
.contact-box .content{
	padding: 0 0.5rem;
}
.contact-box:hover .icon{
	background-color: rgb(255, 255, 255);
	color: #FDBC40;
}

/*----------------------------------------------
	Footer
	------------------------------------------*/
.footer{
	padding: 3rem 0;
	background-color: #303442;
	color: #fff;
	font-size: 14px;
}
.footer .footer-content{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.footer .footer-content .nav-link{
	color: #fff;
}
.footer .footer-hr{
	margin-top: 2rem;
	margin-bottom: 2rem;
	border-top: 0.5px solid #FFFFFF0d;
}

/*----------------------------------------------
	Topic Library
	------------------------------------------*/
.topic-box{
	position: relative;
	display: block;
	margin-bottom: 2rem;
	border: 1px solid #70707033;
	border-radius: 10px;
	overflow: hidden;
	transition: all 0.3s ease 0s;
}
.topic-box .topic-box-pic {
	width: 100%;
	height: 270px;
	overflow: hidden;
}
.topic-box .topic-box-pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.3s ease 0s;
}
.topic-box .topic-box-content{
	padding: 2rem;
}
.topic-box .topic-box-content .title{
	font-size: 16px;
	min-height: 50px;
	line-height: 1.7;
	color: var(--main-text-color);
}
.topic-box .topic-box-content .date{
	font-size: 14px;
	color: var(--light-text-color);
	margin-bottom: 0;
}
.topic-box:hover{
	box-shadow: 0px 3px 16px #00000029;
}
.topic-box:hover .topic-box-pic img{
	transform: scale(1.1);
}
.topic-box:hover .topic-box-content .title{
	color: var(--main-color);
}
.btn-more{
	font-weight: bold;
	box-shadow: 0px 3px 6px #429F6A29;
	border-radius: 25px;
}
.topic-view .topic-box {
	border-radius: 0;
	border: none;
	box-shadow: none;
}
.topic-view .topic-box .topic-box-pic{
	height: auto;
	margin-bottom: 2rem;
}
.topic-view .topic-box:hover .topic-box-pic img{
	transform: scale(1);
}
.topic-view .topic-box .topic-box-content{
	padding: 2rem 0;
}
.topic-view .topic-box .topic-box-content .title{
	font-size: 36px;
	margin-bottom: 2rem;
}
.topic-view .topic-box:hover .topic-box-content .title{
	color: inherit;
}
.topic-view .topic-box .topic-box-content .options{
	display: flex;
}
.topic-view .topic-box .topic-box-content .options p{
	margin-left: 1rem;
}
.topic-view .topic-box .topic-box-details{
	text-align: justify;
	line-height: 2;
	font-size: 16px;
	color: #404553;
}

.social-media-topic {
	position: sticky;
	top: 340px;
}
.social-media-topic .nav-link{
	padding: 0;
	color: #fff;
	border-radius: 50%;
	margin-bottom: 1rem;
	transition: all 0.3s ease 0s;
}
.social-media-topic .facebook{
	background-color: #1877f2;
}
.social-media-topic .facebook:hover{
	color: #1877f2;
	background-color: #fff;
}
.social-media-topic .twitter{
	background-color: #1da1f2;
}
.social-media-topic .twitter:hover{
	background-color: #fff;
	color: #1da1f2;
}
.social-media-topic .linkedin{
	background-color: #007bb5;
}
.social-media-topic .linkedin:hover{
	background-color: #fff;
	color: #007bb5;
}
.topic-box-author{
	background-color: var(--main-light-color);
	display: flex;
	align-items: center;
}
.topic-box-author .pic{
	width: 90px;
	height: 90px;
	min-width: 90px;
	min-height: 90px;
	border-radius: 50%;
	overflow: hidden;
}
.topic-box-author .pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.topic-box-author .content{
	padding: 1rem;
}

/*----------------------------------------------
	FAQs
	------------------------------------------*/

.faqs-accordion .card{
	border: none;
}
.faqs-accordion .card .btn-link{
	position: relative;
	color: var(--main-text-color);
	font-size: 16px;
	padding: .5rem 0;
	font-weight: bold;
	text-decoration: none;
}
.faqs-accordion .card .btn-link::after{
	position: absolute;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f106";
	top: 50%;
	left: 2rem;
	transform: translateY(-50%);
	opacity: 1;
	width: auto;
}
.faqs-accordion .card .btn-link.collapsed::after{
	content: "\f107";
}


/*----------------------------------------------
	pagination
	------------------------------------------*/
.pagination .page-link{
	border-radius: 50% !important;
	padding: 0;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #1C1A1A;
	background: #F7F7F7;
	font-weight: bold;
	border: none;
	box-shadow: none;
}
.pagination .page-item{
	margin: 0 0.25rem;
}
.pagination .active .page-link,
.pagination .page-link:hover{
	color: #fff;
	background: var(--main-color);
}

/*--------------------
	.breadcrumb
	--------------------*/
.breadcrumb{
	margin-bottom: 0;
	border-radius: 0;
	background-color: transparent;
	color: #fff;
}
.breadcrumb-item + .breadcrumb-item::before {
	color: #fff;
}
.breadcrumb .breadcrumb-item{
	color: #fff;
}

/*--------------------
	Form
	--------------------*/
.form .form-group {
	position: relative;
}
.form .form-control{
	border: 1px solid rgb(185, 181, 184, .5);
	border-radius: 6px;
	min-height: 50px;
	padding: 0.375rem 1rem;
}
.form .form-control:focus {
	color: #495057;
	background-color: #fff;
	border-color: var(--main-color);
	outline: 0;
	box-shadow: none;
}
[type="url"]:focus,
[type="email"]:focus,
[type="tel"]:focus{
	direction: ltr;
}
.form .btn{
	width: 270px;
}
.form .btn.btn-block{
	width: 100%;
}
.datepicker td, .datepicker th {
	width: 35px;
	height: 35px;
}
.datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover {
	background: var(--main-color) !important;
}

.custom-control-inline {
	margin-left: 2rem;
}
.custom-control-label::before,
.custom-control-label::after {
	top: 0.5rem;
}
.custom-control-input:checked ~ .custom-control-label::before {
	color: #fff;
	border-color: var(--main-color);
	background-color:var(--main-color);
	outline: none;
	box-shadow: none;
}
.select2-container {
	display: block;
	width: 100% !important;
}
.select2-container--default .select2-selection--single {
	border: 1px solid rgb(185, 181, 184, .5);
	border-radius: 6px;
	min-height: 50px;
	display: block;
	padding: 0.375rem 1rem;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 50px;
	position: absolute;
	top: 0;
	right: 1px;
	width: 30px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
	border-width: 7px 6px 0 6px;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
	border: 1px solid rgb(185, 181, 184, .5);
	border-radius: 6px;
	min-height: 50px;
	padding: 0.375rem 1rem;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
	background-color: var(--main-color);
}
.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

/*----------------------------------------------
	Cart Wizard
	------------------------------------------*/

.cart-wizard .navbar-header-2{
	border-bottom : 1px solid #f6f6f6;
}
.navbar-cart-wizard{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1rem 0;
}
.navbar-cart-wizard .info{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.navbar-cart-wizard .info .btn-back a{
	padding: 2rem;
	color: rgba(42, 42, 42, 1);
}
.navbar-cart-wizard .info .name-page h5,
.navbar-cart-wizard .info .help h5{
	padding: 0 2rem;
	font-size: 14px;
	font-weight: bold;
}
.cart-wizard-tab{
	justify-content: center;
	padding: 1rem 0;
}
.cart-wizard-tab .nav-item{
	position: relative;
	padding: 0 1rem;
}
.cart-wizard-tab .nav-link{
	position: relative;
	padding: 0;
	padding-left: 45px;
}
.cart-wizard-tab .nav-ite:last-child .nav-link{
	padding-left: 0;
}

.cart-wizard-tab .nav-link:after {
	content: '';
	position: absolute;
	width: 40px;
	height: 2px;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	background-color: var(--light-text-color);
	border-radius: 5px;
	z-index: -1;
}
.cart-wizard-tab .nav-item:last-child .nav-link:after {
	display: none;
}
.cart-wizard-tab .nav-link .icon,
.cart-wizard-tab .nav-link .number{
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 50%;
	background-color: transparent;
	color: var(--light-text-color);
	font-size: 16px;
	display: inline-block;
	text-align: center;
	font-weight: 600;
	border: 1px solid var(--light-text-color);
	font-family: sans-serif;
}
.cart-wizard-tab .nav-link .icon{
	background-color: var(--main-color);
	border-color: var(--main-color);
	color: #fff;
}
.cart-wizard-tab .nav-link .name{
	color: var(--light-text-color);
	padding: 0 1rem;
	font-size: 16px;
	background-color: #fff;
}
.cart-wizard-tab .nav-link.active .number{
	border: 1px solid var(--main-color);
	color: #fff;
	background-color: var(--main-color);
}
.cart-wizard-tab .nav-link.active .name{
	color: var(--main-color);
	font-weight: 700;
}
.cart-wizard-tab .nav-link.done .number{
	color: #fff;
	background-color: var(--main-color);
}
.cart-wizard-tab .nav-link.done .name{
	color:var(--main-color);
}
.cart-wizard-tab .nav-link.done:after{
	background-color: var(--main-color);
}

#cart-wizard .error{
	color: #D14747 !important;
	font-size: 14px;
	font-weight: bold;
	padding: 0.5rem 0;
}
#cart-wizard .form-control.error{
	border-color: #D14747;
	padding: 0.5rem 1rem;
	box-shadow: none;
}
.cart-wizard .card{
	box-shadow: none;
	border: none;
	border-radius: 6px;
	margin-bottom: 2rem;
}
.cart-wizard .page h4{
	font-size: 16px;
	line-height: 32px;
}
.cart-wizard .page p{
	font-size: 14px;
	line-height: 30px;
}
.cart-wizard  .form-control:focus {
	color: var(--light-text-color);
	border-color: var(--main-color);
	box-shadow: 0 0 0 0.2rem rgb(23,142,134, 0.15);
}

/*----------------------------------------------
payment
---------------------------------------------- */
.payment-way-box{
	position: relative;
}
.input-hidden {
	position: absolute;
	z-index: -1;
}
.payment-way{
	display: flex;
	align-items: center;
	cursor: pointer;
	width: 100%;
	overflow: hidden;
	padding: 1rem;
	background: #FFFFFF;
	color:  var(--light-text-color);
	background-color: rgb(185, 181, 184, .3);
	border-radius: 6px;
	margin-left: 2rem;
}

.payment-way svg{
	width: 60px;
}

.payment-way:hover,
.payment-way-box input[type=radio]:checked + label.payment-way {
	color: var(--main-color);
	background: var(--main-light-color);
}
.payment-way-box input[type=radio]:checked + label.payment-way svg{
	fill: var(--main-color);
}
[dir="ltr"] .payment.btn-group > .btn{
	margin-left: 0;
	margin-right: 1rem;
}
.back{
	position: absolute;
	left: 3rem;
	top: 3rem;
	z-index: 9;
	font-weight: Bold;
	font-size: 21px;
	color: #fff;
}
.back:hover{
	color: #fff;
}
.back svg{
	transition: all 0.3s ease;
}
.back:hover svg{
	fill: #fff;
	transform: translateX(-1rem);
}

.plan-type{
	padding: 1.5rem 1rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #429F6A33;
	border-radius: 10px 10px 0px 0px;
}
.plan-type h4{
	font-size: 20px;
}
.plan-type small{
	font-size: 14px;
	font-family: "neue-Arabic";
}
.product-coupon .coupon{
	padding-left: 5rem;
}
.product-coupon .btn{
	width: auto;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	padding: 0 1.5rem;
	border: none;
	box-shadow: none;
	font-weight: 600;
}

[dir="ltr"] .product-coupon .coupon{
	padding-left: 1rem;
	padding-right: 5rem;
}
[dir="ltr"] .product-coupon .btn{
	left: auto;
	right: 0;
}
/*----------------------------------------------
	Radio Check
	------------------------------------------*/
.radio-check{
	display: flex;
}
.radio-box{
	display: flex;
	min-width: 180px;
	align-items: center;
	border: 1px solid #B9B5B8;
	color: #B9B5B8;
	border-radius: 6px;
	padding: 1rem .5rem ;
	margin-left: 1rem;
	cursor: pointer;
}
[dir="ltr"] .radio-box{
	margin-left: 0;
	margin-right: 1rem;
}
.radio-box svg{
	width: 50px;
	fill: #B9B5B8;
}
.radio-box:hover{
	border-color: var(--main-color);
	color: var(--main-color);
	background-color: var(--main-light-color);
}
.radio-box:hover svg{
	fill: var(--main-color);
}
.radio-check input[type=radio]:checked + label.radio-box {
	background-color: var(--main-color);
	color: #fff;
}
.radio-check input[type=radio]:checked + label.radio-box svg {
	fill: #fff;
}

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}

[dir="ltr"] .input-group > .input-group-append > .btn,
[dir="ltr"] .input-group > .input-group-append > .input-group-text,
[dir="ltr"] .input-group > .input-group-prepend:not(:first-child) > .btn,
[dir="ltr"] .input-group > .input-group-prepend:not(:first-child) > .input-group-text,
[dir="ltr"] .input-group > .input-group-prepend:first-child > .btn:not(:first-child),
[dir="ltr"] .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}

.btn-outline-primary.btn-upload{
	width: 200px;
}
.btn-outline-primary.btn-upload:hover svg .a{
	stroke: #fff;
}
/*----------------------------------------------
	Button Count
	------------------------------------------*/
.btn-count input {
	border: none;
	box-sizing: border-box;
	margin: 0;
	outline: none;
	padding: 10px;
	font-size: 20px;
	font-weight: bold;
}
.btn-count input[type="button"] {
	-webkit-appearance: button;
	cursor: pointer;
}
.btn-count input::-webkit-outer-spin-button,
.btn-count input::-webkit-inner-spin-button {
	-webkit-appearance: none;
}
.btn-count.input-group {
	clear: both;
	margin: 15px 0;
	position: relative;
}
.btn-count.input-group .button-minus,
.btn-count.input-group .button-plus {
	font-family: emoji;
	font-weight: bold;
	width: 30px;
	height: 30px;
	line-height: 30px;
	padding: 0;
	border-radius: 50%;
	position: relative;
	background-color: var(--main-color);
	transition: all 300ms ease;
}
.btn-count.input-group .quantity-field {
	position: relative;
	height: 30px;
	left: 0px;
	text-align: center;
	width: 52px;
	display: inline-block;
	font-size: 16px;
	resize: vertical;
}
.btn-count input[type="number"] {
	-moz-appearance: textfield;
	-webkit-appearance: none;
}

/*----------------------------------------------
	Form Box
	------------------------------------------*/
.form-box{
	padding: 3rem;
	border: 1px solid #70707080;
	border-radius: 6px;
}
.pin-wrapper{
	display:flex;
	justify-content:center;
	align-items:center;
}
.pin-wrapper input{
	width: 50px;
	height: 50px;
	border: 1px solid #d7d7d7;
	border-radius: 4px;
	outline: none;
	text-align:center;
	margin:0 5px;
	font-size:20px;
}

/*----------------------------------------------
	Profile
	------------------------------------------*/
.profile-sidebar{
	position: sticky;
	top: 120px;
}
.profile-box{
	position: relative;
	border-radius: 10px;
	border: none;
	background-color: #fff;
}
.profile-box .profile-box-head{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.profile-user{
	display: block;
	text-align: center;
	padding : 0 0 2rem;
	border-bottom: 0.5px solid rgb(53, 50, 47, .2);
}
.profile-user .profile-user-pic{
	width: 80px;
	height: 80px;
	border-radius: 50%;
	margin:  auto;
	overflow: hidden;
}
.profile-user .profile-user-pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.profile-user .user-name{
	margin-top: 1rem;
	font-size: 16px;
	font-weight: bold;
}
.profile-list .nav-link{
	padding: 1rem;
	border-radius: 0;
	background-color: transparent;
	color: var(--main-text-color);
	border-right: 5px solid transparent;
	transition: all .3s ease;
}
.profile-list .nav-link:hover,
.profile-list .nav-link.active{
	border-color:  var(--main-color);
	background-color: var(--main-light-color);
}
[dir="ltr"] .profile-list .nav-link{
	border-right: none;
	border-left: 5px solid transparent;
}
.card-header{
	background: transparent;
	border: none;
}
.btn-radius{
	border-radius: 3rem;
}

.table-profile .bg-dark{
	background-color: #FFE8E2 !important;
	color: var(--main-text-color) !important;
}
.table-profile thead th {
	vertical-align: middle;
	border-bottom: none;
}
.table-profile thead tr:first-child th,
.table-profile tbody tr:first-child td{
	border: none;
}
.nav-tab-profile .nav-link{
	color: var(--main-color);
	border: none;
	border-bottom: 5px solid transparent;
}
.nav-tab-profile .nav-link:hover,
.nav-tab-profile .nav-link.active{
	color: var(--main-color);
	background: transparent;
	border-bottom-color: var(--main-color);
}

.package-upgrade{
	display: flex;
	align-items: center;
	padding: 1rem;
	color: #58645D;
}
.package-upgrade .info .plan-now{
	color: #B9B5B8;;
}
.package-upgrade .info .plan-title{
	font-size: 24px;
	margin-bottom: 1rem;
}
.package-upgrade .info .plan-description{
	font-size: 14px;
	margin-bottom: 1rem;
}
.package-upgrade .info .date{
	font-size: 14px;
	color: #58645D;
}
.package-upgrade .btn{
	font-size: 16px;
	font-weight: bold;
}

.question-chat{
	width: 100%;
	height: 500px;
	overflow-y: scroll;
	margin-bottom: 1rem;
}
/* width */
.question-chat::-webkit-scrollbar {
	width: 5px;
}

/* Track */
.question-chat::-webkit-scrollbar-track {
	background: #f1f1f1;
}

/* Handle */
.question-chat::-webkit-scrollbar-thumb {
	background: #ccc;
}

/* Handle on hover */
.question-chat::-webkit-scrollbar-thumb:hover {
	background: var(--main-color);
}

.question-chat .question-box{
	margin-bottom: 2rem;
}
.question-chat .question-box .question-box-user{
	display: flex;
	align-items: center;
	margin-bottom: 1rem;
}
.question-chat .question-box .question-box-user .pic{
	width: 40px;
	height: 40px;
	border-radius: 50%;
	overflow: hidden;
}
.question-chat .question-box .question-box-user .pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.question-chat .question-box .question-box-user .name p{
	margin-bottom: 0;
}
.question-chat .question-box .question-box-user .name .date{
	font-size: 12px;
}

.question-chat .question-box .question-box-content{
	padding: 1rem;
	border-radius: 6px;
	background: #F6F6F6;
}
.question-chat .question-box.me .question-box-content{
	background: var(--second-light-color);
}
.question-send textarea{
	height: 50px;
}



.wieght-box{
	padding: 5rem 3rem;
	text-align: center;
}

.progress-status{
	margin-top: 1rem;
	display: flex;
	justify-content: space-between;
}
.progress-status-name{
	width: 25%;
	text-align: center;
}


.change_pic{
	position: relative;
	width: 150px;
	height: 150px;
	margin: 0 auto 2rem;
	border: none;
}
.change_pic .profile-user-pic{
	width: 150px;
	height: 150px;

}
.change_pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.change_pic .btn{
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 0;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	background: var(--main-color);
	color: #fff;
}
.change_pic #remove_pic{
	right: auto;
	left: 0;
	color: #fff;
	background: rgb(209 71 71) !important
}

.upload-file-btn{
	min-width: 200px;
	height: 50px;
	background: var(--main-color);
	border-radius: 30px;
	color: #fff;
	cursor: pointer;
}
.upload-file-btn:hover,
.upload-file-btn:focus{
	background: #398B5C
}
.upload-file-btn span{
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-radius: 50%;
	font-size: 20px;
	background: #398B5C;
}


.nav-tabs-package {
	border: none;
	margin-bottom: 2rem;
}
.nav-tabs-package .nav-link{
	all: unset;
	display: inline-block;
	cursor: pointer;
	padding: 1rem 2rem;
	font-weight: bold;
	font-size: 20px;
	border-bottom: 4px solid transparent;
}
.nav-tabs-package .nav-link.active{
	color: var(--main-color);
	border-bottom-color: var(--main-color);
}

.table-package thead th {
	background-color: var(--main-light-color);
	font-weight: 100;
}

.package-me{
	width: 100%;
	height: 100%;
	min-height: 200px;
	max-height: 300px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	color: #fff;
	background-color: var(--main-color);
}
.package-me .package-me-box p{
	font-size: 18px;
}
.package-me .package-me-box h4{
	font-size: 36px;
}
.package-me .package-me-box h4 sup{
	font-size: 16px;
	font-family: "neue-arabic";
}
.package-features .nav-item {
	display: block;
	padding: .5rem 0;
}
.package-features .nav-item i {
	width: 24px;
	height: 24px;
	line-height: 24px;
	border-radius: 50%;
	color: var(--main-color);
	background-color: var(--main-light-color);
	text-align: center;
	font-size: 14px;
}


.refreshData{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	transform: scale(0);
	transition: all .3s ease;
	z-index: -1;
}
.refreshData.active{
	transform: scale(1);
	z-index: 2;
}
/*----------------------------------------------
	Direction
	------------------------------------------*/
[dir="ltr"] body{
	direction: ltr;
	text-align: left;
}
[dir="ltr"] .nav-about .nav-link {
	border-left: none;
	border-right: 5px solid #F1F1F1;
}
[dir="ltr"] .nav-about .nav-link.active{
	border-left-color: transparent;
	border-right-color: var(--main-color);
}
[dir="ltr"] .cart-wizard-tab .nav-link{
	padding-left: 0;
	padding-right: 50px;
}
[dir="ltr"] .cart-wizard-tab .nav-ite:last-child .nav-link{
	padding-right: 0;
}
[dir="ltr"] .cart-wizard-tab .nav-link:after {
	left: auto;
	right: 0;
}
[dir="ltr"] .features-box{
	float: left;
}


/*----------------------------------------------
	Meida Query
	------------------------------------------*/

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1400px) {
	.slider .owl-slide {
		height: 900px;
	}
}
/* Extra large devices (large desktops, 1200px and up) */
@media (max-width: 1200px) { }

@media (min-width: 992px) {
	.collapse.about-collapse{
		display: block;
	}
}
/* Large devices (desktops, 992px and up) */
@media (max-width: 992px) {
	.navbar-collapse.collapsing .navbar-nav {
		display: block;
		position: fixed;
		top: 0;
		bottom: 0;
		right: -60%;
		transition: all 0.2s ease;
	}
	.navbar-collapse.show .navbar-nav {
		background-color: #fff;
		position: fixed;
		top: 0;
		bottom: 0;
		right: 0;
		flex-direction: column;
		height: auto;
		width: 60%;
		padding: 1rem;
		transition: right 0.35s ease;
		box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
		z-index: 99999999;
	}
	.navbar-collapse.show .navbar-nav .nav-link{
		font-weight: bold;
		color: var(--main-text-color);
		padding: 0.5rem 1rem;
		border-bottom: 1px solid #f1f1f1;
	}
	.navbar-collapse.show .navbar-nav .nav-link::after{
		display: none;
	}
	.navbar-collapse.show .navbar-nav li:first-child .nav-link,
	.navbar-collapse.show .navbar-nav li:last-child .nav-link{
		border-bottom: none;
	}

	.social-media-topic{
		flex-direction: row !important;
	}
	.social-media-topic .nav-link{
		margin-left: 1rem;
	}
	[dir="ltr"] .social-media-topic .nav-link{
		margin-left: 0;
		margin-right: 1rem;
	}
	.profile-user{
		display: flex;
		padding-bottom: 0;
		border: none;
		align-items: center;
	}
	.profile-user .profile-user-pic{
		width: 60px;
		min-width: 60px;
		height: 60px;
		margin: 0;
	}
	.profile-user .user-name{
		margin: 0;
		width: 100%;
		padding: 0 1rem;
	}

	.change_pic .profile-user-pic {
		width: 150px;
		min-width: 150px;
		height: 150px;
	}

	.join-us .join-us-pic {
		transform: scale(1);
	}

	.footer .footer-content {
		display: block;
		text-align: center;
	}
	.footer .footer-content .footer-box{
		margin-bottom: 2rem;
	}
	.footer .footer-content .footer-box:last-child{
		margin-bottom: 0;
	}
	.footer .footer-content .footer-box .social-media{
		justify-content: center;
	}
	.radio-check {
		display: block;
	}
	.cart-wizard-tab {
		display: block;
	}
	.cart-wizard-tab .nav-link {
		padding: .5rem 0;
	}
}
/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {
	section ,
	.inner-section{
		padding: 3rem 0;
	}
	.slider .owl-slide {
		height: 500px;
	}
	.slider .owl-slide .slider-box{
		text-align: center;
	}
	.cart-wizard-tab .nav-link{
		padding: 0;
		text-align: center;
	}
	.cart-wizard-tab .nav-link::after{
		display: none;
	}
	.cart-wizard-tab .nav-link .icon,
	.cart-wizard-tab .nav-link .number {
		display: block;
		margin: auto;
		margin-bottom: 0.5rem;
	}
	.cart-wizard-tab .nav-link .name {
		padding: 0;
	}
	.title-section .title {
		font-size: 26px;
	}
	.about .title-section {
		margin-bottom: 2rem;
	}
}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {
	.slider-box .title {
		font-size: 26px;
		line-height: 2;
	}
	#owl-clients .owl-nav{
		display: none;
	}
	.contact .form {
		padding: 1rem;
	}
	.topic-box {
		display: flex;
		align-items: center;
		border-radius: 0;
		border: none;
		margin-bottom: 1rem;
		border-bottom: 1px solid #70707011;
	}
	.topic-box .topic-box-pic{
		width: 120px;
		min-width: 120px;
		max-height: 120px;
	}
	.topic-box .topic-box-content{
		padding: 1rem;
	}
	.topic-view .topic-box{
		display: block;
	}
	.topic-view .topic-box .topic-box-pic{
		width: 100%;
		height: auto;
		max-height: 100%;
	}
	.topic-view .topic-box .topic-box-content .title{
		font-size: 24px;
	}
	.topic-view .topic-box .topic-box-content .options{
		display: block;
	}
	.package-me {
		height: 200px;
	}
}
@media (max-width: 420px) {
	.app-box{
		font-size: 12px
	}
	.app-box h6{
		font-size: 14px
	}

}
@media (max-width: 350px) {
}

.dropdown-user .dropdown-toggle::after{
	content: none;
}
.user-box{
	display: flex;
	align-items: center;
}
.user-box .pic{
	width: 34px;
	height: 34px;
	border-radius: 50%;
	overflow: hidden;
}
.user-box .pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.user-box .name p{
	margin-bottom: 0;
}
.dropdown-menu-user {
	width: 270px !important;
	padding: 2rem 0 !important;
}


/* Note: uipdated by A */
/*----------------------------------

update wright box

----------------------------------*/
.update-weight{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #fff;
	z-index: -1;
	opacity: 0;
	transition: all 0.5s ease;
}
.update-weight.show{
	z-index: 1;
	opacity: 1;
}
.update-weight-title{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.weight-info{
	position: absolute;
	top: 30px;
	left: 30px;
	width: 200px;
	text-align:left;
}


.progress {
	position: relative;
	border-radius: 1.25rem;
	overflow: initial;
}
.progress .progress-bar:last-child{
	border-radius:  15px 0 0 15px;
}
.progress .progress-bar:first-child{
	border-radius: 0 15px 15px 0;
}
.progress-circl{
	position: absolute;
	content: "";
	width: 20px;
	height: 20px;
	line-height: 20px;
	border-radius: 50%;
	background: #fff;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
	box-shadow: 0 0 15px #ccc;
}

.bg-danger{ background: #f96756 !important;}
.bg-info{ background: #4090da !important;}
.bg-success{ background: #17ae69 !important;}
.bg-warning{ background: #fabf10 !important;}

.text-danger{ color: #da1a5c !important;}
.text-info{ color: #4090da !important;}
.text-success{ color: #17ae69 !important;}
.text-warning{ color: #fabf10 !important;}



/*----------------------------------------
	add at 2021/08/05 by Alaa
----------------------------------------*/

.table-plan .plan-head .plan-old-price{
	font-size: 13px;
	height: 28px;
	color: var(--second-color);
	margin-bottom: 0;
	text-decoration: line-through;
}
.cart-wizard .title-section .title{
	font-size: 30px;
}

.table-plan .btn{
	width: 100%;
}

.comapny-register-wizard .cart-wizard-tab .nav-item{
	padding: 0;
	padding-left: 1rem;
}
.comapny-register-wizard .cart-wizard-tab .nav-item:last-child{
	padding-left: 0;
}
[dir="ltr"] .comapny-register-wizard .cart-wizard-tab .nav-item{
	padding: 0;
	padding-left: 0;
	padding-right: 1rem;
}
[dir="ltr"] .comapny-register-wizard .cart-wizard-tab .nav-item:last-child{
	padding-right: 0;
}
.comapny-register-wizard .cart-wizard-tab .nav-item:last-child .nav-link{
	padding: 0;
}
.comapny-register-wizard .cart-wizard-tab .nav-link .name{
	padding: 0;
}
.comapny-register-wizard .cart-wizard-tab .nav-link .number,
.comapny-register-wizard .cart-wizard-tab .nav-link .icon{
	margin-left: .5rem;
}