.register-text-section {
	/*display: inline-block;
	margin: 10px 5px 5px 5px;*/
}
.register-text-section a{
	display: inline-block;
	margin: 5px 5px 5px 5px;
	overflow: unset;
}
.user_login .section-heading {
	margin-bottom : 5px;
}
.user_login {
	display: block;
	margin-bottom: 59px;
}
.user_register .section-heading {
	margin-bottom : 5px;
}
.form-section .section-heading {
	margin-bottom : 5px;
}
.form-section  .input-group-primary {
	background: #4b8ef1;
	color: #FFF;
}
.user_register {
	display: block;
	margin-bottom: 59px;
}

.sign-in-text-section {
	margin: 20px 5px 5px 5px;
}

.sign-in-text-section a{
	display: inline-block;
	margin: 5px 5px 5px 5px;
	overflow: unset;
}

.has-error .f-form-input {
	border-color: #a94442 !important;
	-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%) !important;
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%) !important;
}
.has-error .form-control {
	border-color: #a94442 !important;
	-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%) !important;
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%) !important;
}
.form-section .togglePassword {
	cursor: pointer;
}
.has-error label {
	color: #a94442 !important;
}
.error-msg{
	color: #a94442 !important;
	font-size: 14px !important;
}

.user_login input[type="text"],
.user_login input[type="email"],
.user_login input[type="password"]{
	width: 100%;
}
#login-failed-msg,
#contact-failed-msg,
#review-failed-msg,
#subscriber-failed-msg,
#email-otp-failed-msg,
#forgot-failed-msg,
#reset-password-failed-msg{
	margin-top: 20px;
	display: none;
}
#login-failed-msg.has-error,
#email-otp-failed-msg.has-error,
#forgot-failed-msg.has-error,
#reset-password-failed-msg.has-error{
	display: block !important;
}
#login-success-msg,
#contact-success-msg,
#review-success-msg,
#subscriber-success-msg,
#forgot-success-msg,
#reset-password-success-msg{
	margin-top: 20px;
	display: none;
}

#resend-otp-btn-section {
	display: none;
}


#flash_msg_green,
#flash_msg_red {
	margin-top : 20px;
	margin-bottom : 20px;
}

.contact-us-section .section-heading{
	text-align: left;
}


.service-icon i{
	color: #4d8cd7;
	font-size: 61px;
	margin-bottom: 25px;
}
.service-item:hover .service-icon i{
	color: #fff;
}

/* user image menu css */
img.user-image {
	height: 40px !important;
	width: 40px !important;
}
.header-area .main-nav .nav .nav-item.dropdown a:hover,
.header-area .main-nav .nav .nav-item.dropdown .user-header-text-wrap div:hover{
	color: #4b8ef1 !important;
}

.header-area .main-nav .nav .dropdown-menu.show a:hover{
	background-color: #4b8ef1 !important;
	color: #fff !important;
}

.user-bg-character-image {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 40px;
	height: 40px;
	min-height: 40px;
	min-width: 40px;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 100px;
	background-color: #4b8ef1;
	color: #fff;
	font-weight: 500;
	text-transform: capitalize;
}
.user-bg-image {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 40px;
	height: 40px;
	min-height: 40px;
	min-width: 40px;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius:100%;
	border: 1px solid #cfcfcf;
}
.user-header-text-primary {
	color: #17253d;
	font-weight: 500;
	line-height: 26px;
	opacity: 1;
	text-align: left;
}
#navbarUserDropdownMenuLink {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	width: 100%;
	padding: 8px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 6px;
	text-transform: unset;
	justify-content: center;
}
.user-header-text-wrap {
	margin-left: 12px;
}
.user-header-text-primary-secondary {
	color: #667085;
	font-size: 14px;
	line-height: 20px;
	opacity: 1
}

.user-profile-list-item {
    margin-bottom: 1.5rem!important;
}
.user-profile-list-item .pricing-item-pro h4 {
	font-size: 32px;
    font-family: var(--bs-font-sans-serif);
}
.user-profile-list-item .pricing-item-pro:before,
.user-profile-list-item .pricing-item-pro:after{
	z-index: -1;
}
.user-profile-list-item .pricing-item-pro,
.user-profile-list-item .pricing-item-regular{
	padding: 85px 30px 16px 30px;
}
.user-profile-list-item .small-footer {
	display: block;
    margin: 0 auto;
    font-size: 8px;
    color: #000;
}
.pricing-tables .section-heading {
	margin-bottom: 35px;
}
.user-profile-list-item small {
	text-align: right;
    display: block;
    margin: 0 auto;
    font-size: 8px;
    top: 7px;
    position: relative;
}
.user-profile-list-item .icon img {
	border-radius: 100%;
	margin-bottom: 15px;
}
.user-profile-list-item .border-button{
	margin-top: 20px;
}
.user-profile-list-item ul li {
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.user-profile-list-item .user-bg-character-image {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 120px;
    height: 106px;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 100px;
	background-color: #4b8ef1;
	color: #fff;
	font-weight: 500;
	text-transform: capitalize;
	font-size: 48px;
	margin: 0 auto;
	margin-bottom: 15px;
}
.user-profile-list-item .user-bg-image {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 40px;
	height: 40px;
	min-height: 40px;
	min-width: 40px;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius:100%;
	border: 1px solid #cfcfcf;
}
.user-profile-list-item .user-header-text-primary {
	color: #17253d;
	font-weight: 500;
	line-height: 26px;
	opacity: 1;
	text-align: left;
}
.user-profile-list-item .user-header-text-wrap {
	margin-left: 12px;
}
.user-profile-list-item .user-header-text-primary-secondary {
	color: #667085;
	font-size: 14px;
	line-height: 20px;
	opacity: 1
}


.label-default {
	background-color: #777;
}
.label-info {
	background-color: #5bc0de;
}
.label-primary {
	background-color: #428bca;
}
.label-success {
	background-color: #5cb85c;
}
.label-danger {
	background-color: #d9534f;
}
.label-warning {
	background-color: #f0ad4e;
}
.label {
	display: inline;
	padding: 0.2em 0.6em 0.3em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 0.25em;
}


#services .service-item p {
	display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Chrome, Safari, Edge, Opera */
input#input_total_lifafa_amount::-webkit-outer-spin-button,
input#input_total_lifafa_amount::-webkit-inner-spin-button,
input#input_per_user_amount::-webkit-outer-spin-button,
input#input_per_user_amount::-webkit-inner-spin-button,
input#input_number_of_users::-webkit-outer-spin-button,
input#input_number_of_users::-webkit-inner-spin-button{
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.form-outline input[type=number]{
  -moz-appearance: textfield;
}


.footer-widget .logo img {
	margin-bottom: 15px;
}
@media (max-width: 1024px) and (max-width: 777px){
	.main-banner .left-content h2 {
		line-height: 61px;
		margin-right: 0;
		font-size: 33px;
		margin-bottom: 38px;
		padding: 0 10px 10px 0px;
	}
}
@media (min-width: 1085px) and (max-width: 777px){
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 1191px;
	}
}
@media (min-width: 992px) and (max-width: 1200px) {
	.container, .container-lg, .container-md, .container-sm {
		max-width: 1198px;
	}
}

@media (min-width: 1200px) and (max-width: 1400px){
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 1240px;
	}
}

@media (max-width: 1085px){
	.user-bg-character-image {
		background-color: #fff;
		color: #4b8ef1;
	}
	.header-area.header-sticky .nav,
	.header-area .main-nav .nav li{
		background: #4b8ef1 !important;
	}
	.header-area .main-nav .nav li a {
		background: #4b8ef1 !important;
		color: #fff !important;
	}
	.user-header-text-primary,
	.user-header-text-primary-secondary {
		color: #fff !important;
	}
	.header-area.header-sticky .nav{
		padding-bottom: 3px !important;
	}
	.header-area .main-nav .nav .nav-item.dropdown a:hover, .header-area .main-nav .nav .nav-item.dropdown .user-header-text-wrap div:hover{
		background: #fff !important;
		color: #4b8ef1 !important;
	}
	.header-area .main-nav .nav li:hover a, .header-area .main-nav .nav li a.active{
		color: #fff !important;
	}
	.nav-link.dropdown-toggle.show .user-header-text-primary,
	.nav-link.dropdown-toggle.show .user-header-text-primary-secondary{
		color: #4b8ef1 !important;
	}
	.header-area .main-nav .nav li:hover{
		background: #fff !important;
		color: #4b8ef1 !important;
	}
	.header-area .main-nav .dropdown-menu {
		border : 1px solid rgb(255 255 255 / 15%);
		padding : 0px;
	}
}
@media (max-width: 350px){
	.header-area .main-nav .logo {
		margin-left: 6px;
	}
}


.fa-shake {
	-webkit-animation-name: fa-shake;
	animation-name: fa-shake;
	-webkit-animation-duration: var(--fa-animation-duration,1s);
	animation-duration: var(--fa-animation-duration,1s);
	-webkit-animation-iteration-count: var(--fa-animation-iteration-count,infinite);
	animation-iteration-count: var(--fa-animation-iteration-count,infinite);
	-webkit-animation-timing-function: var(--fa-animation-timing,linear);
	animation-timing-function: var(--fa-animation-timing,linear)
}

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

	4% {
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg)
	}

	8%,24% {
		-webkit-transform: rotate(-18deg);
		transform: rotate(-18deg)
	}

	12%,28% {
		-webkit-transform: rotate(18deg);
		transform: rotate(18deg)
	}

	16% {
		-webkit-transform: rotate(-22deg);
		transform: rotate(-22deg)
	}

	20% {
		-webkit-transform: rotate(22deg);
		transform: rotate(22deg)
	}

	32% {
		-webkit-transform: rotate(-12deg);
		transform: rotate(-12deg)
	}

	36% {
		-webkit-transform: rotate(12deg);
		transform: rotate(12deg)
	}

	40%,to {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
}

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

	4% {
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg)
	}

	8%,24% {
		-webkit-transform: rotate(-18deg);
		transform: rotate(-18deg)
	}

	12%,28% {
		-webkit-transform: rotate(18deg);
		transform: rotate(18deg)
	}

	16% {
		-webkit-transform: rotate(-22deg);
		transform: rotate(-22deg)
	}

	20% {
		-webkit-transform: rotate(22deg);
		transform: rotate(22deg)
	}

	32% {
		-webkit-transform: rotate(-12deg);
		transform: rotate(-12deg)
	}

	36% {
		-webkit-transform: rotate(12deg);
		transform: rotate(12deg)
	}

	40%,to {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
}


@-webkit-keyframes fa-bounce {
	0% {
		-webkit-transform: scale(1) translateY(0);
		transform: scale(1) translateY(0)
	}

	10% {
		-webkit-transform: scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);
		transform: scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)
	}

	30% {
		-webkit-transform: scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));
		transform: scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))
	}

	50% {
		-webkit-transform: scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);
		transform: scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)
	}

	57% {
		-webkit-transform: scale(1) translateY(var(--fa-bounce-rebound,-.125em));
		transform: scale(1) translateY(var(--fa-bounce-rebound,-.125em))
	}

	64% {
		-webkit-transform: scale(1) translateY(0);
		transform: scale(1) translateY(0)
	}

	to {
		-webkit-transform: scale(1) translateY(0);
		transform: scale(1) translateY(0)
	}
}

@keyframes fa-bounce {
	0% {
		-webkit-transform: scale(1) translateY(0);
		transform: scale(1) translateY(0)
	}

	10% {
		-webkit-transform: scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);
		transform: scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)
	}

	30% {
		-webkit-transform: scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));
		transform: scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))
	}

	50% {
		-webkit-transform: scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);
		transform: scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)
	}

	57% {
		-webkit-transform: scale(1) translateY(var(--fa-bounce-rebound,-.125em));
		transform: scale(1) translateY(var(--fa-bounce-rebound,-.125em))
	}

	64% {
		-webkit-transform: scale(1) translateY(0);
		transform: scale(1) translateY(0)
	}

	to {
		-webkit-transform: scale(1) translateY(0);
		transform: scale(1) translateY(0)
	}
}

.fa-bounce {
	-webkit-animation-name: fa-bounce;
	animation-name: fa-bounce;
	-webkit-animation-delay: var(--fa-animation-delay,0);
	animation-delay: var(--fa-animation-delay,0);
	-webkit-animation-direction: var(--fa-animation-direction,normal);
	animation-direction: var(--fa-animation-direction,normal);
	-webkit-animation-duration: var(--fa-animation-duration,1s);
	animation-duration: var(--fa-animation-duration,1s);
	-webkit-animation-iteration-count: var(--fa-animation-iteration-count,infinite);
	animation-iteration-count: var(--fa-animation-iteration-count,infinite);
	-webkit-animation-timing-function: var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1));
	animation-timing-function: var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))
}



@-webkit-keyframes fa-beat-fade {
	0%,to {
		opacity: var(--fa-beat-fade-opacity,.4);
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	50% {
		opacity: 1;
		-webkit-transform: scale(var(--fa-beat-fade-scale,1.125));
		transform: scale(var(--fa-beat-fade-scale,1.125))
	}
}

@keyframes fa-beat-fade {
	0%,to {
		opacity: var(--fa-beat-fade-opacity,.4);
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	50% {
		opacity: 1;
		-webkit-transform: scale(var(--fa-beat-fade-scale,1.125));
		transform: scale(var(--fa-beat-fade-scale,1.125))
	}
}

.fa-beat-fade,.fa-fade {
	-webkit-animation-delay: var(--fa-animation-delay,0);
	animation-delay: var(--fa-animation-delay,0);
	-webkit-animation-direction: var(--fa-animation-direction,normal);
	animation-direction: var(--fa-animation-direction,normal);
	-webkit-animation-duration: var(--fa-animation-duration,1s);
	animation-duration: var(--fa-animation-duration,1s)
}

.fa-beat-fade {
	-webkit-animation-name: fa-beat-fade;
	animation-name: fa-beat-fade;
	-webkit-animation-iteration-count: var(--fa-animation-iteration-count,infinite);
	animation-iteration-count: var(--fa-animation-iteration-count,infinite);
	-webkit-animation-timing-function: var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));
	animation-timing-function: var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))
}

.footer-widget h4 {
    margin-bottom: 15px !important;
}
#canvasBar{
	position: fixed !important;
}