* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	font-family: "Mulish";
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
input,
textarea,
a,
select,
button {
	font-family: "Mulish";
	font-weight: 400;
	margin: 0;
	padding: 0;
}
a {
	color: #4fbd37;
	text-decoration: none;
}

:focus-visible,
:focus {
	outline: none;
}
.btn {
	border-radius: 6px;
	padding: 1rem 2rem;
	display: inline-block;
	vertical-align: top;
	font-size: 1rem;
	font-weight: 800;
	line-height: 1.25;
	text-transform: uppercase;
	transition: ease-in-out 0.5s;
	border: 0;
}
.btn-primary {
	background: #2c312b;
	color: #fff;
}
.btn-primary:hover {
	background: #4fbd37;
}
.container {
	max-width: 1248px;
	padding: 0 1.5rem;
}

.GreenColor {
	color: #4fbd37;
}
.DarkColor {
	color: #2c312b;
}
.WhiteColor {
	color: #fff;
}

.Font-16 {
	font-size: 1rem;
	line-height: 1.25;
}
.Font-18 {
	font-size: 1.125rem;
	line-height: 1.25;
}
.Font-20 {
	font-size: 1.25rem;
	line-height: 1.25;
}
.Font-28 {
	font-size: 1.75rem;
	line-height: 1.25;
}
.Font-32 {
	font-size: 2rem;
	line-height: 1.25;
}
.Font-54 {
	font-size: 3.375rem;
	line-height: 1.25;
}
.Font-52 {
	font-size: 3.325rem;
	line-height: 1.25;
}
p {
	color: #666;
	font-weight: 400;
	line-height: 1.6;
}

.Weight500 {
	font-weight: 500;
}
.Weight600 {
	font-weight: 600;
}
.Weight700 {
	font-weight: 700;
}
.Weight800 {
	font-weight: 800;
}
.Weight900 {
	font-weight: 900;
}
.Uppercase {
	text-transform: uppercase;
}

.HeaderCarousel {
	background: url(../images/GreenBG.svg) no-repeat 0 0;
	display: block;
	background-size: cover;
    background-position: bottom;
    height: 650px;
    margin: 0 0 5.625rem;
}
.header {
	padding: 3.0625rem 0;
}
.header .container {
	max-width: 1408px;
	display: flex;
	align-items: center;
}
.Logo {
	margin: 0 6rem 0 0;
	display: block;
}
.Logo a {
	display: block;
}
.Navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	align-items: center;
}
.Navigation ul li + li {
	margin-left: 1rem;
}
.Navigation ul li a {
	color: #fff;
	font-size: 1rem;
	text-decoration: none;
	font-weight: 700;
	display: block;
	padding: 0.5rem 1rem;
	border-radius: 4px;
	transition: ease-in-out 0.5s;
	text-transform: uppercase;
}
.Navigation ul li a:hover {
	background: #fff;
	color: #4fbd37;
}
.Humburger {
	margin: 0 1.875rem 0 auto;
}
.LoginSignUp a.btn {
	font-weight: 700;
}
.LoginSignUp a.btn:hover {
	background: rgb(255, 255, 255);
	color: #4fbd37;
}

.Carousel {
	position: relative;
}
.WhiteDots {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	display: block;
}
.Carousel > .container {
	align-items: center;
}
.CarouselCaption {
	width: calc(50% - 100px);
}
.CarouselCaption h2 {
	margin: 0 0 3.125rem;
}
.CarouselCaption p {
	margin: 0 0 2.5rem;
	line-height: 1.5;
}
.CarouselCaption a.btn:hover {
	background: rgb(255, 255, 255);
	color: #4fbd37;
}

.CarouselImg {
	margin-left: auto;
	width: 40%;
	position: relative;
}
.CarouselImg .item > img {
	border-radius: 24px;
	display: block;
	vertical-align: top;
	max-height: 450px;
}
.CarouselImg .item .PlayBtn span img {
	width: auto;
}
.PlayBtn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: block;
}
.PlayBtn span {
	width: 120px;
	height: 120px;
	border-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.PlayBtn span:before {
	content: "";
	width: calc(100% - 40px);
	height: calc(100% - 40px);
	border-radius: 100px;
	background: #fff;
	z-index: -1;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.DarkDotes {
	position: absolute;
	bottom: -70px;
	left: 50%;
	transform: translateX(-50%);
	z-index: -1;
}
.CircleGreenLight {
	position: absolute;
	bottom: -70px;
	right: -70px;
	z-index: -1;
}
.CarouselImg .owl-carousel .owl-dots {
	display: flex;
	position: absolute;
	bottom: 1rem;
	left: 50%;
	transform: translateX(-50%);
}
.CarouselImg .owl-carousel .owl-dots button {
	width: 10px;
	height: 10px;
	border-radius: 100px;
	display: block;
	background: rgba(255, 255, 255, 0.5);
	margin: 0 2px;
}
.CarouselImg .owl-carousel .owl-dots button:hover {
	background: #4fbd37;
}
.CarouselImg .owl-nav {
	display: none;
}

.Category {
	margin: 0 0 5.625rem;
	text-align: center;
}
.Category h2 {
	margin: 0 0 1.5rem;
}
.Category > .container > p {
	margin: 0 auto 3.75rem;
	max-width: 60%;
}
.CategoryBox {
	padding: 1.5rem 1rem;
}
.CategoryBox a {
	background: #ffffff;
	box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
	border-radius: 16px;
	width: 100%;
	height: 200px;
	display: block;
	position: relative;
	padding: 0;
	transition: ease-in-out 0.5s;
}
.Categoryimg {
	margin: 0;
}
.CategoryBox a .Categoryimg img {
	height: 200px;
	width: 100%;
	margin: 0;
	border-radius: 16px;
	/* object-fit: cover; */
	object-fit: contain;
	object-position: center;
}
.CategoryBox a span {
	font-weight: 600;
	font-size: 0.875rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
	transition: ease-in-out 0.5s;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	overflow: hidden;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 0 0 16px 16px;
	padding: 0.25rem 0.7rem;
	color: #fff;
}
.CategoryBox a:hover span {
	background: #4fbd37;
	color: #000;
}
.Category .owl-dots {
	display: none;
}
.Category .owl-nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
}
/*.Category .owl-nav button span {
	font-size: 0;
	width: 20px;
	height: 35px;
	display: block;
}
.Category .owl-prev {
	position: absolute;
	left: -1rem;
	top: 50%;
	transform: translateY(-50%);
}
.Category .owl-next {
	position: absolute;
	right: -1rem;
	top: 50%;
	transform: translateY(-50%);
}

.Category .owl-prev span {
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='35' viewBox='0 0 20 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.1818 34.7034L19.7628 33.2006C20.0791 32.8051 20.0791 32.1723 19.7628 31.8559L5.45455 17.4605L19.7628 3.14407C20.0791 2.82768 20.0791 2.19492 19.7628 1.79944L18.1818 0.29661C17.7866 -0.0988701 17.2332 -0.0988701 16.8379 0.29661L0.237154 16.8277C-0.0790514 17.2232 -0.0790514 17.7768 0.237154 18.1723L16.8379 34.7034C17.2332 35.0989 17.7866 35.0989 18.1818 34.7034Z' fill='%23BBBBBB'/%3E%3C/svg%3E%0A");
}
.Category .owl-prev span:hover {
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='35' viewBox='0 0 20 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.1818 34.7034L19.7628 33.2006C20.0791 32.8051 20.0791 32.1723 19.7628 31.8559L5.45455 17.4605L19.7628 3.14407C20.0791 2.82768 20.0791 2.19492 19.7628 1.79944L18.1818 0.29661C17.7866 -0.0988701 17.2332 -0.0988701 16.8379 0.29661L0.237154 16.8277C-0.0790514 17.2232 -0.0790514 17.7768 0.237154 18.1723L16.8379 34.7034C17.2332 35.0989 17.7866 35.0989 18.1818 34.7034Z' fill='%234FBD37'/%3E%3C/svg%3E%0A");
}
.Category .owl-next span {
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='35' viewBox='0 0 20 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.81818 0.29661L0.237154 1.79944C-0.0790514 2.19492 -0.0790514 2.82768 0.237154 3.14407L14.5455 17.4605L0.237154 31.8559C-0.0790514 32.1723 -0.0790514 32.8051 0.237154 33.2006L1.81818 34.7034C2.21344 35.0989 2.7668 35.0989 3.16206 34.7034L19.7628 18.1723C20.0791 17.7768 20.0791 17.2232 19.7628 16.8277L3.16206 0.29661C2.7668 -0.0988701 2.21344 -0.0988701 1.81818 0.29661Z' fill='%23BBBBBB'/%3E%3C/svg%3E%0A");
}
.Category .owl-next span:hover {
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='35' viewBox='0 0 20 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.81818 0.29661L0.237154 1.79944C-0.0790514 2.19492 -0.0790514 2.82768 0.237154 3.14407L14.5455 17.4605L0.237154 31.8559C-0.0790514 32.1723 -0.0790514 32.8051 0.237154 33.2006L1.81818 34.7034C2.21344 35.0989 2.7668 35.0989 3.16206 34.7034L19.7628 18.1723C20.0791 17.7768 20.0791 17.2232 19.7628 16.8277L3.16206 0.29661C2.7668 -0.0988701 2.21344 -0.0988701 1.81818 0.29661Z' fill='%234FBD37'/%3E%3C/svg%3E%0A");
}*/

.CategoryBox a > div {
	transition: ease-in-out 0.5s;
	background-repeat: no-repeat;
	background-position: center 50%;
	width: 100%;
	height: 40px;
	display: block;
	margin: 0 0 1.25rem;
	background-size: 40px auto;
}
.Category-Health {
	background-image: url("data:image/svg+xml,%3Csvg width='46' height='40' viewBox='0 0 46 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M42.1255 4.01338C38.075 0.0891862 33.7544 0 32.5843 0C31.4141 0 27.0035 0.0891862 23.043 4.01338C18.9925 0.0891862 14.5819 0 13.4118 0C12.3316 0 7.92104 0.0891862 3.87051 4.01338C1.35018 6.4214 0 9.72129 0 13.1996C0 16.3211 1.08014 19.0858 2.97039 21.4047H13.8618L16.5622 15.0725L21.6928 26.3099C22.1429 27.3802 23.7631 27.4693 24.3032 26.3991L28.8038 17.4805L30.784 21.4047H43.0256C44.9159 19.0858 45.996 16.3211 45.996 13.1996C46.086 9.72129 44.6458 6.4214 42.1255 4.01338ZM41.5854 18.5507H32.4943L30.0639 13.6455C29.5239 12.5753 27.9937 12.5753 27.4536 13.6455L23.043 22.3857L17.8223 10.8807C17.2823 9.72129 15.662 9.72129 15.212 10.8807L11.9716 18.5507H4.41058C3.60047 17.3021 0.540071 11.2375 6.03079 5.88629C8.10106 3.92419 10.8014 2.85396 13.4118 2.85396C16.4722 2.85396 18.3624 3.47826 23.043 8.02676C27.9937 3.2107 29.7039 2.85396 32.5843 2.85396C35.2846 2.85396 37.895 3.92419 39.9652 5.88629C45.4559 11.2375 42.3955 17.3021 41.5854 18.5507ZM24.1232 36.7447C23.5831 37.2798 22.683 37.2798 22.1429 36.7447L9.72127 24.2586H5.76075L20.0726 38.796C21.7829 40.4013 24.4832 40.4013 26.1934 38.796L40.3253 24.2586H36.2747L24.1232 36.7447Z' fill='%23212122' fill-opacity='0.8'/%3E%3C/svg%3E%0A");
}
.CategoryBox a:hover .Category-Health {
	background-image: url("data:image/svg+xml,%3Csvg width='46' height='40' viewBox='0 0 46 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M42.1255 4.01338C38.075 0.0891862 33.7544 0 32.5843 0C31.4141 0 27.0035 0.0891862 23.043 4.01338C18.9925 0.0891862 14.5819 0 13.4118 0C12.3316 0 7.92104 0.0891862 3.87051 4.01338C1.35018 6.4214 0 9.72129 0 13.1996C0 16.3211 1.08014 19.0858 2.97039 21.4047H13.8618L16.5622 15.0725L21.6928 26.3099C22.1429 27.3802 23.7631 27.4693 24.3032 26.3991L28.8038 17.4805L30.784 21.4047H43.0256C44.9159 19.0858 45.996 16.3211 45.996 13.1996C46.086 9.72129 44.6458 6.4214 42.1255 4.01338ZM41.5854 18.5507H32.4943L30.0639 13.6455C29.5239 12.5753 27.9937 12.5753 27.4536 13.6455L23.043 22.3857L17.8223 10.8807C17.2823 9.72129 15.662 9.72129 15.212 10.8807L11.9716 18.5507H4.41058C3.60047 17.3021 0.540071 11.2375 6.03079 5.88629C8.10106 3.92419 10.8014 2.85396 13.4118 2.85396C16.4722 2.85396 18.3624 3.47826 23.043 8.02676C27.9937 3.2107 29.7039 2.85396 32.5843 2.85396C35.2846 2.85396 37.895 3.92419 39.9652 5.88629C45.4559 11.2375 42.3955 17.3021 41.5854 18.5507ZM24.1232 36.7447C23.5831 37.2798 22.683 37.2798 22.1429 36.7447L9.72127 24.2586H5.76075L20.0726 38.796C21.7829 40.4013 24.4832 40.4013 26.1934 38.796L40.3253 24.2586H36.2747L24.1232 36.7447Z' fill='%23fff' fill-opacity='0.8'/%3E%3C/svg%3E%0A");
}

.Category-Development {
	background-image: url("data:image/svg+xml,%3Csvg width='46' height='46' viewBox='0 0 46 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.3508 21.6089L1.85484 27.4516C0.46371 27.8226 0.278226 29.8629 1.66935 30.5121L6.77016 32.9234L1.1129 38.5806C0 39.6936 0 41.6411 1.1129 42.754L3.24597 44.8871C3.80242 45.4436 4.54435 45.7218 5.28629 45.7218C6.12097 45.7218 6.8629 45.4436 7.41935 44.8871L13.0766 39.2298L15.4879 44.3306C15.7661 44.9798 16.4153 45.2581 16.9718 45.2581C17.621 45.2581 18.3629 44.8871 18.5484 44.1452L24.3911 23.6492C24.7621 22.4435 23.5565 21.2379 22.3508 21.6089ZM16.6935 39.9718L13.9113 34.2218L5.28629 42.754L3.24597 40.7137L11.7782 32.0887L6.02823 29.3065L20.8669 25.1331L16.6935 39.9718ZM30.4194 23C30.4194 18.9194 27.0806 15.5806 23 15.5806C19.8468 15.5806 17.1573 17.621 16.0444 20.3105C21.1452 18.9194 21.8871 18.5484 23 18.5484C25.4113 18.5484 27.4516 20.5887 27.4516 23C27.4516 24.1129 27.0806 24.8548 25.6895 29.9556C28.379 28.8427 30.4194 26.1532 30.4194 23ZM23.2782 38.2097C31.5323 38.0242 38.2097 31.3468 38.2097 23C38.2097 14.6532 31.3468 7.79032 23 7.79032C14.6532 7.79032 7.97581 14.4677 7.79032 22.7218L10.8508 21.7944C11.5 15.6734 16.6008 10.7581 23 10.7581C29.6774 10.7581 35.2419 16.3226 35.2419 23C35.2419 29.3992 30.3266 34.5 24.2056 35.1492L23.2782 38.2097ZM23 0C10.2944 0 0 10.3871 0 23C0 23.7419 0 24.3911 0.0927419 25.0403C0.370968 24.8548 0.741935 24.6694 1.1129 24.5766L2.96774 24.0202C2.96774 23.7419 2.96774 23.371 2.96774 23C2.96774 11.9637 11.871 2.96774 23 2.96774C34.0363 2.96774 43.0323 11.9637 43.0323 23C43.0323 34.129 34.0363 43.0323 23 43.0323C22.629 43.0323 22.2581 43.0323 21.9798 43.0323L21.4234 44.8871C21.3306 45.2581 21.1452 45.629 20.9597 45.9073C21.6089 46 22.2581 46 23 46C35.6129 46 46 35.7056 46 23C46 10.3871 35.6129 0 23 0Z' fill='%23212122' fill-opacity='0.8'/%3E%3C/svg%3E%0A");
}
.CategoryBox a:hover .Category-Development {
	background-image: url("data:image/svg+xml,%3Csvg width='46' height='46' viewBox='0 0 46 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.3508 21.6089L1.85484 27.4516C0.46371 27.8226 0.278226 29.8629 1.66935 30.5121L6.77016 32.9234L1.1129 38.5806C0 39.6936 0 41.6411 1.1129 42.754L3.24597 44.8871C3.80242 45.4436 4.54435 45.7218 5.28629 45.7218C6.12097 45.7218 6.8629 45.4436 7.41935 44.8871L13.0766 39.2298L15.4879 44.3306C15.7661 44.9798 16.4153 45.2581 16.9718 45.2581C17.621 45.2581 18.3629 44.8871 18.5484 44.1452L24.3911 23.6492C24.7621 22.4435 23.5565 21.2379 22.3508 21.6089ZM16.6935 39.9718L13.9113 34.2218L5.28629 42.754L3.24597 40.7137L11.7782 32.0887L6.02823 29.3065L20.8669 25.1331L16.6935 39.9718ZM30.4194 23C30.4194 18.9194 27.0806 15.5806 23 15.5806C19.8468 15.5806 17.1573 17.621 16.0444 20.3105C21.1452 18.9194 21.8871 18.5484 23 18.5484C25.4113 18.5484 27.4516 20.5887 27.4516 23C27.4516 24.1129 27.0806 24.8548 25.6895 29.9556C28.379 28.8427 30.4194 26.1532 30.4194 23ZM23.2782 38.2097C31.5323 38.0242 38.2097 31.3468 38.2097 23C38.2097 14.6532 31.3468 7.79032 23 7.79032C14.6532 7.79032 7.97581 14.4677 7.79032 22.7218L10.8508 21.7944C11.5 15.6734 16.6008 10.7581 23 10.7581C29.6774 10.7581 35.2419 16.3226 35.2419 23C35.2419 29.3992 30.3266 34.5 24.2056 35.1492L23.2782 38.2097ZM23 0C10.2944 0 0 10.3871 0 23C0 23.7419 0 24.3911 0.0927419 25.0403C0.370968 24.8548 0.741935 24.6694 1.1129 24.5766L2.96774 24.0202C2.96774 23.7419 2.96774 23.371 2.96774 23C2.96774 11.9637 11.871 2.96774 23 2.96774C34.0363 2.96774 43.0323 11.9637 43.0323 23C43.0323 34.129 34.0363 43.0323 23 43.0323C22.629 43.0323 22.2581 43.0323 21.9798 43.0323L21.4234 44.8871C21.3306 45.2581 21.1452 45.629 20.9597 45.9073C21.6089 46 22.2581 46 23 46C35.6129 46 46 35.7056 46 23C46 10.3871 35.6129 0 23 0Z' fill='%23fff' fill-opacity='0.8'/%3E%3C/svg%3E%0A");
}

.Category-Business {
	background-image: url("data:image/svg+xml,%3Csvg width='46' height='40' viewBox='0 0 46 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M41.6875 8.57143H31.625V4.28571C31.625 1.96429 29.6484 0 27.3125 0H18.6875C16.2617 0 14.375 1.96429 14.375 4.28571V8.57143H4.3125C1.88672 8.57143 0 10.5357 0 12.8571V35.7143C0 38.125 1.88672 40 4.3125 40H41.6875C44.0234 40 46 38.125 46 35.7143V12.8571C46 10.5357 44.0234 8.57143 41.6875 8.57143ZM17.25 4.28571C17.25 3.57143 17.8789 2.85714 18.6875 2.85714H27.3125C28.0312 2.85714 28.75 3.57143 28.75 4.28571V8.57143H17.25V4.28571ZM8.625 37.1429H4.3125C3.50391 37.1429 2.875 36.5179 2.875 35.7143V12.8571C2.875 12.1429 3.50391 11.4286 4.3125 11.4286H8.625V37.1429ZM34.5 37.1429H11.5V11.4286H34.5V37.1429ZM43.125 35.7143C43.125 36.5179 42.4062 37.1429 41.6875 37.1429H37.375V11.4286H41.6875C42.4062 11.4286 43.125 12.1429 43.125 12.8571V35.7143Z' fill='%23212122' fill-opacity='0.8'/%3E%3C/svg%3E%0A");
}
.CategoryBox a:hover .Category-Business {
	background-image: url("data:image/svg+xml,%3Csvg width='46' height='40' viewBox='0 0 46 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M41.6875 8.57143H31.625V4.28571C31.625 1.96429 29.6484 0 27.3125 0H18.6875C16.2617 0 14.375 1.96429 14.375 4.28571V8.57143H4.3125C1.88672 8.57143 0 10.5357 0 12.8571V35.7143C0 38.125 1.88672 40 4.3125 40H41.6875C44.0234 40 46 38.125 46 35.7143V12.8571C46 10.5357 44.0234 8.57143 41.6875 8.57143ZM17.25 4.28571C17.25 3.57143 17.8789 2.85714 18.6875 2.85714H27.3125C28.0312 2.85714 28.75 3.57143 28.75 4.28571V8.57143H17.25V4.28571ZM8.625 37.1429H4.3125C3.50391 37.1429 2.875 36.5179 2.875 35.7143V12.8571C2.875 12.1429 3.50391 11.4286 4.3125 11.4286H8.625V37.1429ZM34.5 37.1429H11.5V11.4286H34.5V37.1429ZM43.125 35.7143C43.125 36.5179 42.4062 37.1429 41.6875 37.1429H37.375V11.4286H41.6875C42.4062 11.4286 43.125 12.1429 43.125 12.8571V35.7143Z' fill='%23fff' fill-opacity='0.8'/%3E%3C/svg%3E%0A");
}

.Category-Music {
	background-image: url("data:image/svg+xml,%3Csvg width='46' height='46' viewBox='0 0 46 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M43.2148 0C42.9453 0.0898438 42.5859 0.0898438 42.4062 0.179688L16.2617 8.80469C15.0938 9.16406 14.375 10.2422 14.375 11.5V33.5117C12.8477 32.3438 10.7812 31.625 8.625 31.625C3.86328 31.625 0 34.8594 0 38.8125C0 42.8555 3.86328 46 8.625 46C13.3867 46 17.25 42.8555 17.25 38.8125V23L43.125 14.375V27.7617C41.5977 26.5938 39.5312 25.875 37.375 25.875C32.6133 25.875 28.75 29.1094 28.75 33.0625C28.75 37.1055 32.6133 40.25 37.375 40.25C42.1367 40.25 46 37.1055 46 33.0625V2.875C46 1.25781 44.6523 0 43.2148 0ZM8.625 43.125C5.48047 43.125 2.875 41.1484 2.875 38.8125C2.875 36.4766 5.48047 34.5 8.625 34.5C11.6797 34.5 14.375 36.4766 14.375 38.8125C14.375 41.1484 11.6797 43.125 8.625 43.125ZM37.375 37.375C34.2305 37.375 31.625 35.3984 31.625 33.0625C31.625 30.7266 34.2305 28.75 37.375 28.75C40.4297 28.75 43.125 30.7266 43.125 33.0625C43.125 35.3984 40.4297 37.375 37.375 37.375ZM43.125 11.4102L17.25 20.0352V11.5H17.1602L43.125 2.96484V11.4102Z' fill='%23212122' fill-opacity='0.8'/%3E%3C/svg%3E%0A");
}
.CategoryBox a:hover .Category-Music {
	background-image: url("data:image/svg+xml,%3Csvg width='46' height='46' viewBox='0 0 46 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M43.2148 0C42.9453 0.0898438 42.5859 0.0898438 42.4062 0.179688L16.2617 8.80469C15.0938 9.16406 14.375 10.2422 14.375 11.5V33.5117C12.8477 32.3438 10.7812 31.625 8.625 31.625C3.86328 31.625 0 34.8594 0 38.8125C0 42.8555 3.86328 46 8.625 46C13.3867 46 17.25 42.8555 17.25 38.8125V23L43.125 14.375V27.7617C41.5977 26.5938 39.5312 25.875 37.375 25.875C32.6133 25.875 28.75 29.1094 28.75 33.0625C28.75 37.1055 32.6133 40.25 37.375 40.25C42.1367 40.25 46 37.1055 46 33.0625V2.875C46 1.25781 44.6523 0 43.2148 0ZM8.625 43.125C5.48047 43.125 2.875 41.1484 2.875 38.8125C2.875 36.4766 5.48047 34.5 8.625 34.5C11.6797 34.5 14.375 36.4766 14.375 38.8125C14.375 41.1484 11.6797 43.125 8.625 43.125ZM37.375 37.375C34.2305 37.375 31.625 35.3984 31.625 33.0625C31.625 30.7266 34.2305 28.75 37.375 28.75C40.4297 28.75 43.125 30.7266 43.125 33.0625C43.125 35.3984 40.4297 37.375 37.375 37.375ZM43.125 11.4102L17.25 20.0352V11.5H17.1602L43.125 2.96484V11.4102Z' fill='%23fff' fill-opacity='0.8'/%3E%3C/svg%3E%0A");
}

.Category-Design {
	background-image: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M35.5282 29.9963C33.8079 25.5706 31.0226 23.9315 27.8276 23.4397L40.7712 10.4905C42.3277 8.93333 42.3277 6.47462 40.7712 4.91743L37.0847 1.22936C36.3474 0.409786 35.3644 0 34.2994 0C33.3163 0 32.3333 0.409786 31.5141 1.22936L19.7174 13.0312L12.9999 2.95046C11.5253 0.901529 9.5592 0 7.67501 0C2.35013 0 -2.89283 6.63853 1.8586 11.8838L10.9519 21.8006L1.61284 31.1437L0.0563367 39.9951C-0.189427 41.2245 0.95747 42.2079 2.02245 41.9621L10.8699 40.4049L18.5705 32.7829C19.0621 36.4709 21.3559 41.9621 30.2033 41.9621C38.4774 41.9621 42 35.3235 42 27.7015C41.0169 28.3572 37.9039 30.8979 36.839 30.8979C36.2655 30.8979 35.774 30.57 35.5282 29.9963ZM33.3983 3.03242C33.726 2.70459 34.8729 2.70459 35.2825 3.03242L38.9689 6.72049C39.4604 7.29419 39.4604 8.11376 38.9689 8.6055L35.2005 12.3755L29.6299 6.80244L33.3983 3.03242ZM3.82471 10.0807C2.59589 8.76942 2.35013 7.29419 3.0055 5.81896C3.74279 4.0159 5.79082 2.62263 7.67501 2.62263C8.90383 2.62263 9.9688 3.27829 10.788 4.50764L17.8332 14.9162L12.7541 19.9156L3.82471 10.0807ZM9.5592 38.0281L2.84166 39.1755L3.98856 32.455L27.7457 8.68746L33.3163 14.2605L9.5592 38.0281ZM30.2033 39.3394C26.9265 39.3394 24.5508 38.5199 23.0762 36.8807C21.4378 35.0777 20.8643 32.455 21.1101 30.1602L22.5028 28.8489L25.7796 25.8985C31.596 26.3083 32.4971 29.4226 33.0706 30.8979C33.644 32.537 35.2005 33.5205 36.839 33.5205C37.4124 33.5205 37.9859 33.4385 38.5593 33.1107C37.5763 36.307 35.2825 39.3394 30.2033 39.3394Z' fill='%23212122' fill-opacity='0.8'/%3E%3C/svg%3E%0A");
}
.CategoryBox a:hover .Category-Design {
	background-image: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M35.5282 29.9963C33.8079 25.5706 31.0226 23.9315 27.8276 23.4397L40.7712 10.4905C42.3277 8.93333 42.3277 6.47462 40.7712 4.91743L37.0847 1.22936C36.3474 0.409786 35.3644 0 34.2994 0C33.3163 0 32.3333 0.409786 31.5141 1.22936L19.7174 13.0312L12.9999 2.95046C11.5253 0.901529 9.5592 0 7.67501 0C2.35013 0 -2.89283 6.63853 1.8586 11.8838L10.9519 21.8006L1.61284 31.1437L0.0563367 39.9951C-0.189427 41.2245 0.95747 42.2079 2.02245 41.9621L10.8699 40.4049L18.5705 32.7829C19.0621 36.4709 21.3559 41.9621 30.2033 41.9621C38.4774 41.9621 42 35.3235 42 27.7015C41.0169 28.3572 37.9039 30.8979 36.839 30.8979C36.2655 30.8979 35.774 30.57 35.5282 29.9963ZM33.3983 3.03242C33.726 2.70459 34.8729 2.70459 35.2825 3.03242L38.9689 6.72049C39.4604 7.29419 39.4604 8.11376 38.9689 8.6055L35.2005 12.3755L29.6299 6.80244L33.3983 3.03242ZM3.82471 10.0807C2.59589 8.76942 2.35013 7.29419 3.0055 5.81896C3.74279 4.0159 5.79082 2.62263 7.67501 2.62263C8.90383 2.62263 9.9688 3.27829 10.788 4.50764L17.8332 14.9162L12.7541 19.9156L3.82471 10.0807ZM9.5592 38.0281L2.84166 39.1755L3.98856 32.455L27.7457 8.68746L33.3163 14.2605L9.5592 38.0281ZM30.2033 39.3394C26.9265 39.3394 24.5508 38.5199 23.0762 36.8807C21.4378 35.0777 20.8643 32.455 21.1101 30.1602L22.5028 28.8489L25.7796 25.8985C31.596 26.3083 32.4971 29.4226 33.0706 30.8979C33.644 32.537 35.2005 33.5205 36.839 33.5205C37.4124 33.5205 37.9859 33.4385 38.5593 33.1107C37.5763 36.307 35.2825 39.3394 30.2033 39.3394Z' fill='%23fff' fill-opacity='0.8'/%3E%3C/svg%3E%0A");
}

.Category-IT {
	background-image: url("data:image/svg+xml,%3Csvg width='44' height='40' viewBox='0 0 44 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.4549 39.0546C17.684 39.131 17.9896 38.9782 17.9896 38.749L28.7604 1.08932C28.8368 0.860149 28.684 0.630982 28.4549 0.554593L26.5451 0.019871C26.316 -0.0565179 26.0868 0.0962599 26.0104 0.325427L15.2396 37.9851C15.1632 38.2143 15.316 38.4435 15.5451 38.5199L17.4549 39.0546ZM11.6493 29.506L13.1007 27.9018C13.2535 27.749 13.2535 27.5199 13.0243 27.3671L3.78125 19.499L13.0243 11.7074C13.2535 11.5546 13.2535 11.3254 13.1007 11.1726L11.6493 9.56848C11.5729 9.4157 11.2674 9.4157 11.1146 9.56848L0.114583 19.2699C-0.0381944 19.4226 -0.0381944 19.6518 0.114583 19.8046L11.1146 29.506C11.2674 29.6588 11.5729 29.6588 11.6493 29.506ZM32.8854 29.506L43.8854 19.8046C44.0382 19.6518 44.0382 19.4226 43.8854 19.2699L32.8854 9.56848C32.7326 9.4157 32.5035 9.4157 32.3507 9.56848L30.8993 11.1726C30.7465 11.3254 30.8229 11.5546 30.9757 11.7074L40.2188 19.499L30.9757 27.3671C30.8229 27.5199 30.7465 27.749 30.8993 27.9018L32.3507 29.506C32.4271 29.6588 32.7326 29.6588 32.8854 29.506Z' fill='%23212122' fill-opacity='0.8'/%3E%3C/svg%3E%0A");
}
.CategoryBox a:hover .Category-IT {
	background-image: url("data:image/svg+xml,%3Csvg width='44' height='40' viewBox='0 0 44 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.4549 39.0546C17.684 39.131 17.9896 38.9782 17.9896 38.749L28.7604 1.08932C28.8368 0.860149 28.684 0.630982 28.4549 0.554593L26.5451 0.019871C26.316 -0.0565179 26.0868 0.0962599 26.0104 0.325427L15.2396 37.9851C15.1632 38.2143 15.316 38.4435 15.5451 38.5199L17.4549 39.0546ZM11.6493 29.506L13.1007 27.9018C13.2535 27.749 13.2535 27.5199 13.0243 27.3671L3.78125 19.499L13.0243 11.7074C13.2535 11.5546 13.2535 11.3254 13.1007 11.1726L11.6493 9.56848C11.5729 9.4157 11.2674 9.4157 11.1146 9.56848L0.114583 19.2699C-0.0381944 19.4226 -0.0381944 19.6518 0.114583 19.8046L11.1146 29.506C11.2674 29.6588 11.5729 29.6588 11.6493 29.506ZM32.8854 29.506L43.8854 19.8046C44.0382 19.6518 44.0382 19.4226 43.8854 19.2699L32.8854 9.56848C32.7326 9.4157 32.5035 9.4157 32.3507 9.56848L30.8993 11.1726C30.7465 11.3254 30.8229 11.5546 30.9757 11.7074L40.2188 19.499L30.9757 27.3671C30.8229 27.5199 30.7465 27.749 30.8993 27.9018L32.3507 29.506C32.4271 29.6588 32.7326 29.6588 32.8854 29.506Z' fill='%23fff' fill-opacity='0.8'/%3E%3C/svg%3E%0A");
}

.Category-Language {
	background-image: url("data:image/svg+xml,%3Csvg width='50' height='25' viewBox='0 0 50 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M48.125 0H1.875C0.78125 0 0 0.859375 0 1.875V23.125C0 24.2188 0.78125 25 1.875 25H48.125C49.1406 25 50 24.2188 50 23.125V1.875C50 0.859375 49.1406 0 48.125 0ZM23.75 22.5H2.5V2.5H23.75V22.5ZM47.5 22.5H26.25V2.5H47.5V22.5ZM7.10938 20H7.89062C8.28125 20 8.67188 19.7656 8.75 19.375L9.84375 16.1719H15.0781L16.1719 19.375C16.25 19.7656 16.6406 20 17.0312 20H17.8125C18.5156 20 18.9062 19.375 18.75 18.8281L14.1406 5.70312C13.9844 5.3125 13.5938 5 13.2031 5H11.7188C11.3281 5 10.9375 5.3125 10.7812 5.70312L6.17188 18.8281C6.01562 19.375 6.40625 20 7.10938 20ZM11.7969 10C12.1094 9.14062 12.4219 7.65625 12.4219 7.65625H12.5C12.5 7.65625 12.8125 9.14062 13.0469 10L14.4531 13.9844H10.4688L11.7969 10ZM30 9.0625C30 9.60938 30.3906 10 30.9375 10H40.1562C39.6094 11.4062 38.6719 12.8125 37.5 14.1406C36.875 13.4375 36.3281 12.6562 35.8594 11.9531C35.5469 11.4844 35 11.4062 34.6094 11.6406L34.0625 11.9531C33.5938 12.2656 33.4375 12.8125 33.75 13.2812C34.2969 14.1406 35 15 35.7812 15.8594C35 16.5625 34.1406 17.1875 33.2031 17.7344C32.8125 18.0469 32.6562 18.5938 32.8906 18.9844L33.2031 19.5312C33.5156 20 34.0625 20.1562 34.5312 19.9219C35.625 19.2188 36.5625 18.4375 37.5 17.6562C38.3594 18.4375 39.375 19.2188 40.3906 19.8438C40.7812 20.1562 41.4062 20 41.7188 19.5312L42.0312 18.9844C42.2656 18.5938 42.1094 18.0469 41.7188 17.7344C40.8594 17.2656 40.0781 16.5625 39.2969 15.8594C40.9375 13.9844 42.1875 11.9531 42.8125 10H44.0625C44.5312 10 45 9.60938 45 9.0625V8.4375C45 7.96875 44.5312 7.5 44.0625 7.5H38.75V5.9375C38.75 5.46875 38.2812 5 37.8125 5H37.1875C36.6406 5 36.25 5.46875 36.25 5.9375V7.5H30.9375C30.3906 7.5 30 7.96875 30 8.4375V9.0625Z' fill='%23212122' fill-opacity='0.8'/%3E%3C/svg%3E%0A");
}
.CategoryBox a:hover:before {
	background: rgba(255, 255, 255, 0.1);
}
.CategoryBox a:hover .Category-Language {
	background-image: url("data:image/svg+xml,%3Csvg width='50' height='25' viewBox='0 0 50 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M48.125 0H1.875C0.78125 0 0 0.859375 0 1.875V23.125C0 24.2188 0.78125 25 1.875 25H48.125C49.1406 25 50 24.2188 50 23.125V1.875C50 0.859375 49.1406 0 48.125 0ZM23.75 22.5H2.5V2.5H23.75V22.5ZM47.5 22.5H26.25V2.5H47.5V22.5ZM7.10938 20H7.89062C8.28125 20 8.67188 19.7656 8.75 19.375L9.84375 16.1719H15.0781L16.1719 19.375C16.25 19.7656 16.6406 20 17.0312 20H17.8125C18.5156 20 18.9062 19.375 18.75 18.8281L14.1406 5.70312C13.9844 5.3125 13.5938 5 13.2031 5H11.7188C11.3281 5 10.9375 5.3125 10.7812 5.70312L6.17188 18.8281C6.01562 19.375 6.40625 20 7.10938 20ZM11.7969 10C12.1094 9.14062 12.4219 7.65625 12.4219 7.65625H12.5C12.5 7.65625 12.8125 9.14062 13.0469 10L14.4531 13.9844H10.4688L11.7969 10ZM30 9.0625C30 9.60938 30.3906 10 30.9375 10H40.1562C39.6094 11.4062 38.6719 12.8125 37.5 14.1406C36.875 13.4375 36.3281 12.6562 35.8594 11.9531C35.5469 11.4844 35 11.4062 34.6094 11.6406L34.0625 11.9531C33.5938 12.2656 33.4375 12.8125 33.75 13.2812C34.2969 14.1406 35 15 35.7812 15.8594C35 16.5625 34.1406 17.1875 33.2031 17.7344C32.8125 18.0469 32.6562 18.5938 32.8906 18.9844L33.2031 19.5312C33.5156 20 34.0625 20.1562 34.5312 19.9219C35.625 19.2188 36.5625 18.4375 37.5 17.6562C38.3594 18.4375 39.375 19.2188 40.3906 19.8438C40.7812 20.1562 41.4062 20 41.7188 19.5312L42.0312 18.9844C42.2656 18.5938 42.1094 18.0469 41.7188 17.7344C40.8594 17.2656 40.0781 16.5625 39.2969 15.8594C40.9375 13.9844 42.1875 11.9531 42.8125 10H44.0625C44.5312 10 45 9.60938 45 9.0625V8.4375C45 7.96875 44.5312 7.5 44.0625 7.5H38.75V5.9375C38.75 5.46875 38.2812 5 37.8125 5H37.1875C36.6406 5 36.25 5.46875 36.25 5.9375V7.5H30.9375C30.3906 7.5 30 7.96875 30 8.4375V9.0625Z' fill='%23fff' fill-opacity='0.8'/%3E%3C/svg%3E%0A");
}
.CategoryBox a:hover {
	background: #4fbd37;
}
.CategoryBox a:hover span {
	color: #fff;
}

.CustomersReview {
	background: #f9f9f9;
	margin: 0 0 5.625rem;
	padding: 5.625rem 0;
	text-align: center;
	position: relative;
}
.CustomersReview:before {
	content: "";
	background: url(../images/DotsDark.svg) no-repeat 0 0;
	width: 106px;
	height: 144px;
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
}
.CustomersReview > .container > h2 {
	margin: 0 0 1.5rem;
}
.CustomersReview > .container > p {
	/* margin: 0 0 0.625rem; */
	margin: 0 auto 3.75rem;
	max-width: 60%;
}
.ReviewBox {
	display: flex;
	align-items: center;
}
.ReviewImg {
	width: 50%;
	text-align: center;
}
.ReviewImg span {
	display: inline-block;
	vertical-align: top;
	background: url(../images/SquarePattern.svg) no-repeat 0 0;
	padding: 0 0 0 176px;
	display: flex;
	align-items: center;
	height: 410px;
}
.owl-carousel .owl-item .ReviewImg span img {
	border-radius: 200px;
	width: 274px;
	height: 274px;
}
.ReviewInfo {
	width: 50%;
	text-align: left;
	max-width: 600px;
}
.ReviewInfo p {
	margin: 0 0 1.875rem;
	padding: 0;
	display: block;
	font-size: 1.125rem;
	line-height: 28px;
	display: block;
	color: #666;
}
.ReviewInfo h3 {
	margin: 0;
	padding: 0;
	display: block;
	margin: 0 0 0.625rem;
	padding: 0;
	color: #131419;
	line-height: 1.25;
	font-weight: 700;
	font-size: 1.25rem;
}
.ReviewInfo span {
	display: block;
	font-size: 1rem;
	color: #666;
	font-weight: 400;
}


.CustomersReview .Reviews .owl-nav {
	display: none;
}
.CustomersReview .Reviews .owl-dots {
	display: flex;
	position: absolute;
	left: 50%;
	bottom: 3rem;
}
.CustomersReview .Reviews .owl-dots button {
	background: rgba(79, 189, 55, 0.3);
	width: 10px;
	height: 10px;
	border-radius: 100px;
	display: block;
	margin: 0 6px 0 0;
}

.CustomersReview .Reviews .owl-dots button.active,
.CustomersReview .Reviews .owl-dots button:hover {
	background: #4fbd37;
}

.ServiceProviders {
	margin: 0 0 5.625rem;
}
.ListItem {
	padding: 5px;
	background: #fff;
/*	box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15);*/
	box-shadow: 0px 0px 30px rgb(0 0 0 / 5%);
	border-radius: 10px;
	display:block;
	vertical-align: top;
	max-width: 270px;
	margin: auto;
	margin-top: 2rem;
}
.ListItemImages {
	margin: 0 0 0.6875rem;
	display: block;
	position: relative;
}
.ListItemImg {
	height: 174px;
	overflow: hidden;
	border-radius: 8px;
}
.ListItemImg a {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: 8px;
}
.ListItemImg img {
	border-radius: 8px;
	display: block;
	transition: ease-in-out 0.5s;
}
.ListItemImg img:hover {
	/* webkit-filter: blur(2px);
	filter: blur(2px); */
}

.ServiceList .ListItem{
	max-width: 100%;
}

.ServiceList .ListItemImg{
	display: flex;
    width: 100%;
}

.ServiceList .ListItemImg a{
	height: 100%;
    width: 100%;
}

.ServiceList .ListItemImg a img{
	height: 100%;
    object-fit: cover;
    object-position: center;
}

.ServiceUser {
	position: absolute;
	bottom: -28px;
	left: 0.8rem;
}
.ServiceUser img {
	border-radius: 100px;
	width: 58px !important;
	height: 58px;
	display: block;
	border: 4px solid #fff;
}
.ServicesReview {
	text-align: right;
	display: flex;
	align-items: center;
	padding: 0 10px 0 0;
}
.ServicesReview p {
	margin: 0 0 0 auto;
	padding: 0;
	display: block;
	font-size: 0.75rem;
	font-weight: 400;
	line-height: 1.25;
}
.ServicesReview ul {
	margin: 0 0 0 0.625rem;
	padding: 0;
	display: flex;
	align-items: center;
	list-style: none;
	height: 14px;
}
.ServicesReview ul li {
	height: 100%;
}
.ServicesReview ul li + li {
	margin-left: 2px;
}
.ServicesReview ul li a {
	line-height: 1;
	vertical-align: top;
	font-size: 100%;
}
.ServicesReview ul li img {
	vertical-align: top;
}
.ServiceTitle {
	margin: 0;
	display: block;
	padding: 0.8125rem 0.9375rem 0.625rem;
}
.ServiceTitle h3 {
	font-size: 1rem;
	font-weight: 600;
	color: #131419;
	line-height: 1.25;
	margin: 0;
	padding: 0;
	transition: ease-in-out 0.5s;
}
.ServiceTitle h3 a {
	font-size: 1rem;
	font-weight: 600;
	color: #131419;
	line-height: 1.25;
	transition: ease-in-out 0.5s;
	text-decoration: none;
}
.ServiceTitle h3 a:hover {
	color: #4fbd37;
}
.ServiceOthor {
	margin: 0;
	padding: 0 0.9375rem 0.75rem;
	border-bottom: 1px solid #f8f8fb;
	display: block;
}
.ServiceOthor p {
	margin: 0;
	padding: 0;
	font-size: 0.8125rem;
	line-height: 1.25;
	color: #999;
	font-weight: 600;
}
.ServiceOthor p span {
	color: #4fbd37;
}
.ServiceLocation {
	margin: -5px 0;
	padding: 0.8rem 0.5rem 0.5rem;
	display: flex;
	align-items: center;
}
.ServiceLocation p {
	margin: 0;
	padding: 0;
	font-size: 0.6875rem;
	line-height: 1.25;
	color: #999;
	font-weight: 600;
}
.ServiceLocation > div {
	margin-left: auto;
	line-height: 13px;
}
.ServiceLocation > div button {
	border: 0;
	background: transparent;
	padding: 5px;
}
.ServiceLocation .dropdown-item {
	padding: 0.7rem 1rem;
	font-size: 14px;
}
.ServiceLocation .dropdown-item.active,
.ServiceLocation .dropdown-item:active {
	background-color: #4fbd37;
}

/* our ceo section css start */
/* .ourceo-section {
    background-image: url('../../../assets/frontend/images/ourceo-img.jpg');
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
} */
.ourceo-section-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.ourceo-section-img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.ourceo-section {
    position: relative;
    overflow: hidden;
}
.LoginSignUp .dropdown-toggle:hover{
    color: #cfcfcf !important;
    text-decoration: none !important;
}
.LoginSignUp .dropdown-toggle{
	color: #cfcfcf;
}
.dashborad-page.sticky .HeaderCarousel header .Navigation ul li a {
    color: #fff;
    transition: ease-in-out 0.1s;
}
.dashborad-page .LoginSignUp .dropdown-toggle {
    color: #212529 !important;
}
.sticky header.header .LoginSignUp .dropdown-toggle {
    color: #fff !important;
}
.LoginSignUp .name{
    text-transform: capitalize;
}
.LoginSignUp .dropdown ul.dropdown-menu {
    top: 1rem !important;
}
.LoginSignUp .dropdown .dropdown-toggle:after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}
#send_otp_modal .modal-content, #modalUserRequestView .modal-content {border-top: 7px solid #4fbd37;border-radius: 9px;}
.no_services{
	border-radius: 8px;
    background: #ebe9e9;
}
.back-btn{
	border: 2px solid #85cd63;
    border-radius: 8px;
    padding: 5px;
}
.back_document_list{
	font-size: 18px;
	cursor: pointer;
}

/* !! User Module. */
.customRadio input[type="radio"] {
     position: absolute;
     left: -9999px
 }

 .customRadio input[type="radio"]+label {
     position: relative;
     padding: 3px 0 0 40px;
     cursor: pointer
 }

 .customRadio input[type="radio"]+label:before {
     content: '';
     background: #fff;
     border: 2px solid #4fbd37;
     height: 25px;
     width: 25px;
     border-radius: 50%;
     position: absolute;
     top: 0;
     left: 0
 }

 .customRadio input[type="radio"]+label:after {
     content: '';
     background: #4fbd37;
     width: 15px;
     height: 15px;
     border-radius: 50%;
     position: absolute;
     top: 5px;
     left: 5px;
     opacity: 0;
     transform: scale(2);
     transition: transform 0.3s linear, opacity 0.3s linear
 }

.customRadio input[type="radio"]:checked+label:after {opacity: 1;transform: scale(1)}

.has-addon .form-control {
    padding-left: 2.375rem;
}

.has-addon .form-control-icon {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 3.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}
.input-group>.form-control:focus {
	z-index: auto !important;
}
 /*Checkboxes styles*/
.weekly_checkbox input[type="checkbox"] { display: none; }

.weekly_checkbox input[type="checkbox"] + label {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 20px;
	font: 14px/20px 'Open Sans', Arial, sans-serif;
	/*color: #ddd;*/
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
.weekly_checkbox input[type="checkbox"] + label:before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid #4fbd37;
  position: absolute;
  left: 0;
  top: 0;
  opacity: .6;
  -webkit-transition: all .12s, border-color .08s;
  transition: all .12s, border-color .08s;
}
.weekly_checkbox input[type="checkbox"]:checked + label:before {
  width: 10px;
  top: -5px;
  left: 5px;
  border-radius: 0;
  opacity: 1;
  border-top-color: transparent;
  border-left-color: transparent;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* !! Code for the add barter images. */
.barter_images {
  display: flex;
  flex-wrap:  wrap;
  margin-top: 2px;
}
.barter_images .fa-image{font-size: 50px;}
.barter_images .img,
.barter_images .pic {
  flex-basis: 21%;
  margin-bottom: 10px;
  border-radius: 4px;
}
.barter_images .img {
  width: 112px;
  height: 93px;
  background-size: cover;
  margin-right: 10px;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.barter_images .img:nth-child(3n) {
  margin-right: 0;
}
.barter_images .img span {
  display: none;
  text-transform: capitalize;
  z-index: 2;
}
.barter_images .img::after {
  content: '';
  width: 100%;
  height: 100%;
  transition: opacity .1s ease-in;
  border-radius: 4px;
  opacity: 0;
  position: absolute;
}
.barter_images .img:hover::after {
  display: block;
  background-color: #000;
  opacity: .5;
}
.barter_images .img:hover span {
  display: block;
  color: #fff;
}
.barter_images .pic {
  background-color: #F5F7FA;
  align-self: center;
  text-align: center;
  /*padding: 40px 0;*/
  padding: 30px 0;
  text-transform: uppercase;
  color: #848EA1;
  font-size: 12px;
  cursor: pointer;
}
.barter_image_div{
	border: 2px solid #a599998f;
    padding: 2%;
    border-radius: 8px;
}
.barter-images-wrapper {
    display: flex;
    flex-wrap: wrap;
}
.barter-images-wrapper .barter_images {
    margin-right: 15px;
}
.barter-images-wrapper .barter_images .pic {
    width: 100px;
    height: 100px;
    border-radius: 10px;
}

.rm_barter_img{   
	position: absolute;
    top: 10px;
    right: 10px;
    color: white;
    border: 2px solid #ff3535;
    border-radius: 50%;
    font-size: 10px;
    width: 20px;
    height: 20px;
    background: #ff3535;
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-size: 15px;
}
.no-drop{
	cursor: no-drop !important;
}
.cr-p{cursor: pointer;}
/* !! Code for loader. */
.loader_div{min-height: 150px;}
.loader_div .middle {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}
.loader_div .bar {
  width: 10px;
  height: 70px;
  background: #4fbd37;
  display: inline-block;
  transform-origin: bottom center;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  /*   box-shadow:5px 10px 20px inset rgba(255,23,25.2); */
  animation: loader_div 1.2s linear infinite;
  margin: 1px;
}
.loader_div .bar1 {
  animation-delay: 0.1s;
}
.loader_div .bar2 {
  animation-delay: 0.2s;
}
.loader_div .bar3 {
  animation-delay: 0.3s;
}
.loader_div .bar4 {
  animation-delay: 0.4s;
}
.loader_div .bar5 {
  animation-delay: 0.5s;
}
.loader_div .bar6 {
  animation-delay: 0.6s;
}
.loader_div .bar7 {
  animation-delay: 0.7s;
}
.loader_div .bar8 {
  animation-delay: 0.8s;
}
@keyframes loader_div {
  0% {
    transform: scaleY(0.1);
    background: ;
  }
  50% {
    transform: scaleY(1);
    /*background: #582236e3;*/
    background: #a8d780;
  }
  100% {
    transform: scaleY(0.1);
    background: transparent;
  }
}

.usr_sent_req_list .btn{ padding: 0.5rem 0.5rem !important;font-size: 0.9rem; }
.request_edit_div{position: absolute;top: 12%;right: 14px;}
.request_edit_btn{    border-radius: 50%;
    border: 1px solid grey;
    /* position: absolute; */
    width: 28px;
    height: 30px;
    /* top: 0; */
    /* left: 113px; */
    align-items: center;
    padding: 5px;
    /* margin: 6px; */
    box-shadow: 0 0 8px 2px #b8b8b8e0;
    /* pointer-events: stroke; */
    cursor: pointer;}
.disable-btn{opacity:0.6; pointer-events: none;}

/*PAV user role css start*/
.user-role label input {position: absolute;left: -9999px;}

.user-role label input:checked + span {background-color:  rgb(79 189 55 / 28%);color: #4fbd37;}

.user-role label input:checked + span:before {box-shadow: inset 0 0 0 0.4375em #4fbd37;}

.user-role span {
	display: flex;
    align-items: center;
    padding: 0.375em 0.75em 0.375em 0.375em;
    border-radius: 99em;
    cursor: pointer;
    transition: 0.25s ease;
    font-weight: 600;
}
.user-role span:hover {background-color: mix(#fff,  #00005c, 84%);}

.user-role span:before {
	display: flex;
	flex-shrink: 0;
	content: "";
	background-color: #fff;
	width: 1.5em;
	height: 1.5em;
	border-radius: 50%;
	margin-right: 0.375em;
	transition: 0.25s ease;
	box-shadow: inset 0 0 0 0.125em #4fbd37;
}
#weekly_breakdown .solution_card {
    min-height: 120px;
    justify-content: center;
}

#todays_tasks .solution_card {
    min-height: 120px;
    justify-content: center;
}

#all_services_data .solution_card {
    min-height: 120px;
    justify-content: center;
}
.cr-default{cursor: default !important;}
/*PAV user role css end*/
@media screen and (max-width:575px){
	.ourceo-left-wrapper h1{
		font-size: 24px;
	}
	.ourceo-left-wrapper p{
		font-size: 14px;
	}
}

/* !! Code for the right modal. */
.modal.left_modal, .modal.right_modal{
  position: fixed;
  z-index: 99999;
}
.modal.left_modal .modal-dialog,
.modal.right_modal .modal-dialog {
  position: fixed;
  margin: auto;
  width: 50%;
  height: 100%;
  -webkit-transform: translate3d(0%, 0, 0);
      -ms-transform: translate3d(0%, 0, 0);
       -o-transform: translate3d(0%, 0, 0);
          transform: translate3d(0%, 0, 0);
}


/*Right*/
.modal.right_modal.fade .modal-dialog {
  /*right: -50%;*/
  right: 0;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
     -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
       -o-transition: opacity 0.3s linear, right 0.3s ease-out;
          transition: opacity 0.3s linear, right 0.3s ease-out;
}



.modal.right_modal.fade.show .modal-dialog {
  right: 0;
  box-shadow: 0px 0px 19px rgba(0,0,0,.5);
}

/* ----- MODAL STYLE ----- */
.right_modal .modal-content {
  border-radius: 0;
  border: none;
}
.modal-header.left_modal, .modal-header.right_modal {

  padding: 10px 15px;
  border-bottom-color: #EEEEEE;
  background-color: #FAFAFA;
}

.modal_outer .modal-body {
    /*height:90%;*/
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100vh - 81px);
}

/* End code of right modal. */

/* our ceo section css end */

.ProvidersTitle {
	text-align: center;
	position: relative;
	margin: 0 0 1.875rem;
}
.ProvidersTitle:before {
	content: "";
	background: #eee;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	display: block;
	height: 1px;
	z-index: -1;
}
.ProvidersTitle h2 {
	display: inline-block;
	vertical-align: top;
	background: #fff;
	padding: 0 1.5rem;
}
.ProvidersTitle a {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	background-color: #fff;
	padding: 0 2.625rem 0 2.5rem;
	font-size: 1rem;
	font-weight: 600;
	color: #2c312b;
	background-position: right 50%;
	background-repeat: no-repeat;
	text-decoration: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='16' viewBox='0 0 25 16' fill='none'%3E%3Cpath d='M24.7071 8.7071C25.0976 8.31658 25.0976 7.68342 24.7071 7.29289L18.3431 0.928931C17.9526 0.538406 17.3195 0.538406 16.9289 0.928931C16.5384 1.31946 16.5384 1.95262 16.9289 2.34314L22.5858 8L16.9289 13.6569C16.5384 14.0474 16.5384 14.6805 16.9289 15.0711C17.3195 15.4616 17.9526 15.4616 18.3431 15.0711L24.7071 8.7071ZM8.74228e-08 9L24 9L24 7L-8.74228e-08 7L8.74228e-08 9Z' fill='%232C312B'/%3E%3C/svg%3E");
}
.ProvidersTitle a:hover {
	color: #4fbd37;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='16' viewBox='0 0 25 16' fill='none'%3E%3Cpath d='M24.7071 8.7071C25.0976 8.31658 25.0976 7.68342 24.7071 7.29289L18.3431 0.928931C17.9526 0.538406 17.3195 0.538406 16.9289 0.928931C16.5384 1.31946 16.5384 1.95262 16.9289 2.34314L22.5858 8L16.9289 13.6569C16.5384 14.0474 16.5384 14.6805 16.9289 15.0711C17.3195 15.4616 17.9526 15.4616 18.3431 15.0711L24.7071 8.7071ZM8.74228e-08 9L24 9L24 7L-8.74228e-08 7L8.74228e-08 9Z' fill='%234FBD37'/%3E%3C/svg%3E");
}

.ServiceList .item {
	padding: 1.875rem 0.9rem;
}
.ServiceList.owl-carousel .owl-dots {
	display: none;
}
.ServiceList.owl-carousel .owl-nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
}
.ServiceList.owl-carousel .owl-nav button,.Category .CategoryList .owl-nav button {
	background-color: #eeeeee;
	width: 48px;
	height: 48px;
	border-radius: 8px;
	border: 2px solid #fff;
	position: absolute;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	font-size: 0;
}
.ServiceList.owl-carousel .owl-nav button:hover,.CategoryList .owl-nav button:hover {
	background-color: #4fbd37;
	border-color: #4fbd37;
}
.ServiceList.owl-carousel .owl-nav button.owl-prev,.CategoryList .owl-nav button.owl-prev {
	left: -24px;
	right: auto;
	background-image: url("data:image/svg+xml,%3Csvg width='23' height='10' viewBox='0 0 23 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.2319 4.00172L4.15776 4.00172L6.09008 2.06251C6.47635 1.67331 6.47783 1.04081 6.09339 0.649762C5.70894 0.258666 5.08411 0.257217 4.69784 0.646366L1.07121 4.29262L1.07032 4.29357C0.685037 4.68277 0.683804 5.31731 1.07023 5.70781L1.07111 5.70876L4.69774 9.35502C5.08396 9.74411 5.70879 9.74277 6.09329 9.35162C6.47774 8.96057 6.47626 8.32808 6.08998 7.93888L4.15776 5.99966L21.2319 5.99966C21.7769 5.99966 22.2187 5.55243 22.2187 5.00069C22.2187 4.44896 21.7769 4.00172 21.2319 4.00172Z' fill='%232C312B' stroke='white' stroke-width='0.3'/%3E%3C/svg%3E%0A");
}
.ServiceList.owl-carousel .owl-nav button.owl-prev:hover,
.CategoryList.owl-carousel .owl-nav button.owl-prev:hover {
	background-image: url("data:image/svg+xml,%3Csvg width='23' height='10' viewBox='0 0 23 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.2319 4.00172L4.15776 4.00172L6.09008 2.06251C6.47635 1.67331 6.47783 1.04081 6.09339 0.649762C5.70894 0.258666 5.08411 0.257217 4.69784 0.646366L1.07121 4.29262L1.07032 4.29357C0.685037 4.68277 0.683804 5.31731 1.07023 5.70781L1.07111 5.70876L4.69774 9.35502C5.08396 9.74411 5.70879 9.74277 6.09329 9.35162C6.47774 8.96057 6.47626 8.32808 6.08998 7.93888L4.15776 5.99966L21.2319 5.99966C21.7769 5.99966 22.2187 5.55243 22.2187 5.00069C22.2187 4.44896 21.7769 4.00172 21.2319 4.00172Z' fill='%23fff' stroke='white' stroke-width='0.3'/%3E%3C/svg%3E%0A");
}

.ServiceList.owl-carousel .owl-nav button.owl-next,
.CategoryList .owl-carousel .owl-nav button.owl-next {
	right: -24px;
	left: auto;
	background-image: url("data:image/svg+xml,%3Csvg width='23' height='10' viewBox='0 0 23 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.76766 5.99962L18.8418 5.99962L16.9095 7.93884C16.5232 8.32804 16.5217 8.96053 16.9062 9.35158C17.2906 9.74268 17.9155 9.74413 18.3017 9.35498L21.9284 5.70872L21.9292 5.70777C22.3145 5.31857 22.3158 4.68403 21.9293 4.29353L21.9285 4.29258L18.3018 0.646328C17.9156 0.257228 17.2908 0.258576 16.9063 0.649723C16.5218 1.04077 16.5233 1.67327 16.9096 2.06247L18.8418 4.00168L1.76766 4.00168C1.22266 4.00168 0.780882 4.44892 0.780882 5.00065C0.780882 5.55238 1.22266 5.99962 1.76766 5.99962Z' fill='%232C312B' stroke='white' stroke-width='0.3'/%3E%3C/svg%3E%0A");
}
.ServiceList.owl-carousel .owl-nav button.owl-next:hover,
..CategoryList.owl-carousel .owl-nav button.owl-next:hover {
	background-image: url("data:image/svg+xml,%3Csvg width='23' height='10' viewBox='0 0 23 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.76766 5.99962L18.8418 5.99962L16.9095 7.93884C16.5232 8.32804 16.5217 8.96053 16.9062 9.35158C17.2906 9.74268 17.9155 9.74413 18.3017 9.35498L21.9284 5.70872L21.9292 5.70777C22.3145 5.31857 22.3158 4.68403 21.9293 4.29353L21.9285 4.29258L18.3018 0.646328C17.9156 0.257228 17.2908 0.258576 16.9063 0.649723C16.5218 1.04077 16.5233 1.67327 16.9096 2.06247L18.8418 4.00168L1.76766 4.00168C1.22266 4.00168 0.780882 4.44892 0.780882 5.00065C0.780882 5.55238 1.22266 5.99962 1.76766 5.99962Z' fill='%23fff' stroke='white' stroke-width='0.3'/%3E%3C/svg%3E%0A");
}

.Counter .container {
	background: #fff;
	box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	padding: 0;
	z-index: 10;
	position: relative;
	max-width: 1200px;
}
.Counter ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	align-items: center;
}
.Counter ul li {
	width: 25%;
	padding: 1.719rem 0;
}
.Counter li + li {
	border-left: 1px solid #e4efe2;
}
.CounterDiv {
	display: flex;
	align-items: center;
	justify-content: center;
}
.CounterImg {
	margin: 0 1.25rem 0 0;
}
.CounterImg img {
	max-height: 50px;
}
.Counterinfo h3 {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 2.25rem;
	font-weight: 900;
	color: #6d6d6d;
	line-height: 1.25;
}
.Counterinfo p {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 1rem;
	color: #999;
	font-weight: 700;
	line-height: 1.25;
}

.DownloadEnjoy {
	background: #4fbd37;
	margin: -60px 0 0 0;
	padding: 0 0 60px;
}
.DownloadEnjoy > .container {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.DownloadImg {
	width: 60%;
	text-align: center;
}
.DownloadImg img {
	max-width: 100%;
	vertical-align: top;
}
.DownloadInfo {
	width: 40%;
	max-width: 484px;
	margin: 4rem 0 0 -100px;
}
.DownloadInfo span {
	display: block;
	margin: 0 0 4px;
	font-size: 1rem;
	color: #fff;
	line-height: 1.25;
}
.DownloadInfo h2 {
	margin: 0 0 1.875rem;
	display: block;
}
.DownloadInfo p {
	font-size: 1rem;
	color: #fff;
	line-height: 24px;
	display: block;
	margin: 0 0 2.5rem;
}
.DownloadApp {
	display: flex;
	align-items: center;
}
.DownloadApp a + a {
	margin-left: 1.375rem;
}
.DownloadApp a img {
	max-width: 160px;
}

.JoinCommunity:before {
	content: "";
	background: #2c312b;
	height: 10px;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	z-index: -1;
}
.JoinCommunity {
	display: block;
	margin: -3.75rem 0 3.75rem;
	z-index: 1;
	position: relative;
}
.JoinCommunity > .container {
	background: #fff;
	box-shadow: 0 0 50px rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	padding: 1.8725rem 2.5rem;
	display: flex;
	align-items: center;
	max-width: 1200px;
}
.JoinInfo p {
	display: block;
	font-size: 0.9375rem;
	margin: 0 0 0.4375rem;
	font-weight: 600;
	line-height: 1;
}
.JoinBtn {
	margin-left: auto;
}
.JoinBtn a {
	width: 220px;
}

.FooterHead {
	padding: 0 0 2rem;
	border-bottom: 1px solid #eef3ed;
}
.FooterHead > .container {
	display: flex;
}
.FooterHead h3 {
	margin: 0 0 1.25rem;
}
.FooterLogo {
	margin: 0 6.25rem 0 0;
}
.FooterLogo a {
	display: block;
}
.FooterLink {
	width: 60%;
}
.FooterLink ul {
	display: flex;
	list-style: none;
	flex-wrap: wrap;
	margin: 0;
}
.FooterLink ul li {
	width: 33.33%;
	margin-bottom: 1rem;
}
.FooterLink ul li a {
	color: #666;
	font-size: 1rem;
	font-weight: 600;
	text-decoration: none;
	line-height: 1.25;
	padding: 0 20px 0 0;
	transition: ease-in-out 0.5s;
	background-repeat: no-repeat;
	background-position: 0 center;
	background-size: 16px auto;
	position: relative;
}
.FooterLink ul li a:hover {
	color: #4db835;
	padding: 0 0 0 20px;
}
.SocialMedia {
	min-width: 210px;
}
.SocialMedia ul {
	display: flex;
	list-style: none;
	margin: 0;
}
.SocialMedia ul li {
	width: auto;
}
.SocialMedia ul li + li {
	margin-left: 0.5rem;
}
.SocialMedia a {
	display: block;
	transition: ease-in-out 0.5s;
}
.SocialMedia ul li a:hover {
	transform: rotate(-360deg);
}

.FooterCopy {
	padding: 1.25rem 0;
	display: block;
	text-align: center;
}
.FooterCopy p {
	margin: 0;
	padding: 0;
	display: block;
	font-size: 0.8125rem;
	line-height: 1.25;
	font-weight: 600;
	color: #9f9f9f;
}
.FooterCopy p a {
	color: #4fbd37;
}

.contact-detail a {
	color: #666;
	font-weight: 600;
	text-decoration: none;
	transition: ease 0.25s;
}

.contact-detail a svg {
	color: #4fbd37;
}

.contact-detail a:hover {
	color: #4fbd37;
}

body.Open,
body.Open-filter {
	overflow: hidden;
}
.HumburgerNav,
.categoryfilter-wrapper {
	position: fixed;
	right: -340px;
	opacity: 0;
	width: 0;
	height: 100%;
	transition: ease-in-out 0.5s;
	overflow: hidden;
}
.HumburgerNav:before,
.categoryfilter-wrapper:before {
	content: "";
	width: 0;
	height: 100%;
	opacity: 0;
	overflow: hidden;
	background: rgba(0, 0, 0, 0.5);
	position: fixed;
	top: 0;
	right: 0;
	transition: ease-in-out 0.5s;
}

.category-btn {
	position: absolute;
	width: 40px;
	height: 40px;
	right: 0;
	background: #2c312b;
	top: 25%;
	display: flex;
	align-items: center;
	justify-content: center;
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
	z-index: 1;
}
.Open .HumburgerNav:before,
.Open-filter .categoryfilter-wrapper:before {
	right: 0;
	opacity: 1;
	width: 100%;
	overflow: visible;
}
.Open .HumburgerNav,
.Open-filter .categoryfilter-wrapper {
	top: 0;
	right: 0;
	z-index: 50;
	opacity: 1;
	overflow: visible;
	width: 340px;
}

.Open .NavUl,
.Open-filter .categoryfilter-wrapper .NavUl1 {
	background: #fff;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
	overflow-y: auto;
	padding: 47px 0 0;
}
.NavUl ul,
.categoryfilter-wrapper .NavUl1 ul {
	list-style: none;
	margin: 0;
	border-top: 1px solid #eee;
	display: inline-block;
	vertical-align: top;
	width: 100%;
}
.NavUl ul li,
.categoryfilter-wrapper .NavUl1 ul li {
	border-bottom: 1px solid #eee;
}
.NavUl ul li a,
.categoryfilter-wrapper .NavUl1 ul li a {
	display: block;
	text-transform: uppercase;
	font-weight: 700;
	color: #2c312b;
	padding: 0.6rem 1rem;
	transition: ease-in-out 0.5s;
	font-size: 0.9375rem;
}
.NavUl ul li a:hover {
	background: #4fbd37;
	color: #fff;
	text-decoration: none;
}
/* .categoryfilter-wrapper .NavUl1 ul li a:hover {
	background: #2c312b;
	color: #fff;
	text-decoration: none;
} */
.categoryfilter-wrapper .NavUl1 ul li a.active {
	background: #4fbd37;
	color: #fff;
}
li.NavLogin a {
	background: rgba(79, 189, 55, 0.4);
}

.Close {
	position: absolute;
	top: 1rem;
	right: 1rem;
	margin: 0;
}
.Close img {
	max-width: 18px;
	vertical-align: top;
}
.NavLoginSignUp {
	position: sticky;
	top: 100%;
	right: 0;
	padding: 1rem;
	border-top: 1px solid #eee;
}
.NavLoginSignUp .btn {
	padding: 0.8rem 2rem;
	font-size: 0.8125rem;
	width: 100%;
}
.NavUl ul.DesktopNav {
	display: none;
}
li.NavLogin {
	display: none;
}

.blogcategory-listwrapper {
	border: 0px solid #ffffff;
	border-top: 10px solid #2c312b33;
	border-bottom: 0;
	background: #ffffff;
	box-shadow: 3px -5px 40px rgb(205 205 212 / 50%);
	border-radius: 10px;
	padding: 0px 15px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.bloglist-tags label {
	background: #2c312b;
	margin: 10px;
	padding: 2px 10px;
	font-size: 14px;
	color: #fff;
	border-radius: 3px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.bloglist-tags label span {
	font-size: 18px;
	line-height: 1.25;
	cursor: pointer;
	margin-left: 7px;
	font-weight: 700;
}
.bloglist-clear a {
	color: #4fbd37;
	text-decoration: none !important;
	transition: ease 0.25s;
}
.bloglist-clear a:hover {
	color: #2c312b;
}

.filter-head {
	background: #2c312b;
	color: #fff;
}

.Close.categoryfilter-btn {
	filter: brightness(0) invert(1);
}

.category-checkbox .custom-control-label::before,
.category-checkbox .custom-control-label::after {
	top: 0.1rem;
	width: 18px;
	height: 18px;
	cursor: pointer;
	border-radius: 4px;
}

.category-checkbox .custom-control-label::before {
	top: 0.1rem;
	width: 18px;
	height: 18px;
	cursor: pointer;
	background-color: #e5e5e5;
	border-color: #e5e5e5;
	border-radius: 4px;
}

.category-checkbox .custom-control-input:checked ~ .custom-control-label::before {
	border-color: #4fbd37;
	background-color: #4fbd37 !important;
}

.category-checkbox .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
	border-color: #e5e5e5;
}

.category-checkbox .custom-control-input:focus ~ .custom-control-label::before {
	box-shadow: none;
}

@keyframes waves {
	0% {
		-webkit-transform: scale(0.2, 0.2);
		transform: scale(0.2, 0.2);
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}
	50% {
		opacity: 0.9;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	}
	100% {
		-webkit-transform: scale(0.9, 0.9);
		transform: scale(0.9, 0.9);
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}
}
.promo-video {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
}
.waves {
	position: absolute;
	width: 160px;
	height: 160px;
	background: rgba(255, 255, 255, 0.5);
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	border-radius: 100%;
	right: -80px;
	bottom: -80px;
	z-index: -1;
	-webkit-animation: waves 3s ease-in-out infinite;
	animation: waves 3s ease-in-out infinite;
}
.wave-1 {
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}
.wave-2 {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}
.wave-3 {
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
}

.FormPages .FooterCopy p {
	color: #fff;
}
.FormPagesWrap {
	background: url(../images/Wood-02.jpg) no-repeat 0 0;
	background-size: cover;
	background-attachment: fixed;
}
.FormPages:before {
	content: "";
	background: rgba(0, 0, 0, 70%);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
}
.FormBoxFooter {
	background: #f8f8f8;
	border-top: 1px solid #ededed;
	margin: 1.5rem -1.875rem -1.875rem;
	padding: 1.45rem 1.875rem;
	border-radius: 0 0 10px 10px;
}

.FormPages .HeaderCarousel {
	background-position: right -180px;
	overflow: visible;
	height: auto;
}
.Form {
	max-width: 700px;
	margin: 0 auto;
	padding: 3rem 0;
	position: relative;
}
.Form h3 {
	margin: 0 0 2rem;
	padding: 0;
	text-align: center;
}
body.InnerPages .Form h3 {
	margin: 0;
	font-size: 1rem;
	color: #fff;
	text-transform: uppercase;
	display: block;
	font-weight: 700;
	letter-spacing: 0.125rem;
}
body.InnerPages .Form h3 strong {
	display: block;
	font-size: 3.5rem;
	line-height: 1.25;
	font-weight: 900;
}
body.InnerPages .Form p {
	color: #fff;
	font-size: 1rem;
	line-height: 1.25;
	margin: 0 0 2rem;
}
.Form h3 img {
	max-height: 100px;
}
.FormBox {
	background: #fff;
	box-shadow: 3px -5px 40px rgba(205, 205, 212, 0.5);
	border-radius: 10px;
	padding: 1.875rem;
}
.FormBoxHead {
	background: #f8f8f8;
	border-bottom: 1px solid #ededed;
	margin: -1.875rem -1.875rem 2rem;
	padding: 1.25rem 1.875rem;
	border-radius: 10px 10px 0 0;
}
.FormBoxHead h4 {
	margin: 0;
	padding: 0;
	display: block;
	line-height: 1.25;
	color: #2c312b;
	font-size: 1.5rem;
	font-weight: 900;
	text-transform: uppercase;
}
.FormBoxHead p {
	margin: 0;
	padding: 0;
	font-size: 0.8375rem;
	line-height: 1.25;
	color: #666;
	font-weight: 600;
	text-align: center;
	margin-top: 10px;
}
.InputRadio {
	margin: 0 0 1.25rem;
	padding: 0;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
.InputBox {
	display: block;
	margin: 0 0 1.8725rem;
	padding: 0;
	position: relative;
}
.InputBox i {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	line-height: 100%;
	width: 28px;
	text-align: center;
}
.InputBox i img {
	vertical-align: top;
}
.InputBox input {
	width: 100%;
	border: 0;
	border-bottom: 2px solid #e2e2ea;
	font-size: 0.9375rem;
	color: #44444f;
	font-weight: 600;
	line-height: 1.25;
	padding: 0.625rem 0 0.625rem 2.15rem;
	opacity: 1;
}
.InputBox input::-webkit-input-placeholder {
	color: #44444f;
}
.InputBox input::-moz-placeholder {
	color: #44444f;
}
.InputBox input:-ms-input-placeholder {
	color: #44444f;
}
.InputBox input:-moz-placeholder {
	color: #44444f;
}
.InputBox .dropdown-toggle {
	background: transparent !important;
	padding: 0.625rem 0;
	border-bottom: 2px solid #e2e2ea !important;
	border-radius: 0;
	font-size: 0.9375rem;
	color: #44444f;
	font-weight: 600;
	line-height: 1.25;
	text-transform: capitalize;
}
.InputBox .bootstrap-select .dropdown-toggle:focus,
.InputBox .bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
	outline: 0 !important;
	outline-offset: 0;
	box-shadow: none;
}
.InputBox .dropdown-item.active,
.InputBox .dropdown-item:active {
	background-color: #4fbd37;
}
.InputBox li a {
	padding: 0.35rem 0.875rem;
}
.InputBox input[type="file"] {
	padding: 0.438rem 0 0.438rem 2.15rem;
}

.InputBox textarea {
	width: 100%;
	border: 0;
	font-size: 0.9375rem;
	color: #44444f;
	font-weight: 600;
	height: 150px;
	line-height: 1.25;
	padding: 1rem;
	opacity: 1;
	background: #f9f9f9;
	border-bottom: 2px solid #e2e2ea;
}
.DriverBox {
	background: #f8f8f8;
	border-radius: 6px;
	padding: 1rem 1.5rem;
}
.DriverBox + .DriverBox {
	margin-top: 1rem;
}
.DriverBox .InputBox input {
	background: transparent;
}
.DriverBox h3 {
	padding: 0;
	display: block;
	font-size: 1rem;
	color: #44444f;
	line-height: 1.25;
	text-transform: uppercase;
	text-align: left;
	margin: 0 0 0.8rem;
}
body .DriverBox > h3 > strong {
	font-weight: 700;
	font-size: 100%;
}
.DriverBox > h3 > strong > span {
	color: #fc5a5a;
	font-weight: 900;
}

.InputBox.error .dropdown-toggle {
	border-color: #fc5a5a !important;
}
.InputBox.error input {
	border-color: #fc5a5a;
}
/* .InputBox.error span{ position:absolute; top:50%; right:0; font-size:.8125rem; line-height:1.25; font-weight:400; color:#FC5A5A;
left:0; top:calc(100% + 5px); font-weight:700;} */
span.ErrorMessage {
	position: absolute;
	bottom: -1.25rem;
	left: 0;
	color: red;
	top: 100%;
}
label.error {
	display: inline-block;
	margin: 0;
	font-size: 0.8125rem;
	line-height: 1.25;
	font-weight: 600;
	color: #fc5a5a;
	padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	appearance: none;
}
.bs-searchbox .form-control {
	margin-bottom: 0;
	width: 100%;
	float: none;
	background: #fff;
	padding: 0.82rem 0.5rem 0.82rem;
	border: 1px solid #e2e2ea;
	box-shadow: none;
}

.DoubleIcon input {
	padding: 0.82rem 2.15rem;
}
.DoubleIcon i.Eye {
	right: 0;
	left: auto;
	cursor: pointer;
}
.DoubleIcon.active i.Eye:before {
	content: "";
	height: 20px;
	width: 2px;
	background: #b5b5be;
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	transform: rotate(45deg);
	margin: -11px 0 0 -1px;
}
.DoubleInput {
	display: flex;
}
.DoubleInput .InputBox {
	width: calc(50% - 15px);
}
.DoubleInput .InputBox + .InputBox {
	margin-left: auto;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
	-webkit-text-fill-color: #44444f;
	-webkit-box-shadow: 0 0 0px 1000px #fff inset;
	transition: background-color 5000s ease-in-out 0s;
	font-size: 0.9375rem;
}
.InputButton {
	width: 100%;
	margin: 0 0 1.25rem;
	text-align: center;
	display: flex;
	padding: 0;
}
.InputButton button {
	background: #4fbd37;
	border: 2px solid #4fbd37;
	border-radius: 6px;
	display: block;
	width: 100%;
	padding: 1rem;
	line-height: 1;
	color: #fff;
	text-transform: uppercase;
	font-size: 1rem;
	font-weight: 900;
	transition: ease-in-out 0.5s;
}
.InputButton button:hover {
	background: transparent;
	color: #4fbd37;
}

.InputButton a + button {
	width: calc(50% - 20px);
	margin-left: auto;
}
.InputButton a {
	background: #2c312b;
	border: 2px solid #2c312b;
	border-radius: 6px;
	display: block;
	width: calc(50% - 20px);
	padding: 1rem;
	line-height: 1;
	text-transform: uppercase;
	font-size: 1rem;
	font-weight: 900;
	transition: ease-in-out 0.5s;
	color: #fff;
}
.InputButton a:hover {
	background: transparent;
	color: #2c312b;
	text-decoration: none;
}

.Or h5 {
	position: relative;
	display: block;
	text-align: center;
	font-size: 100%;
	line-height: 1;
	margin: 0 0 0.5rem;
}
.Or h5:before {
	content: "";
	width: 100%;
	height: 1px;
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	background: #f1f1f5;
}
.Or h5 span {
	display: inline-block;
	vertical-align: top;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.25;
	color: #92929d;
	background: #fff;
	padding: 0 1rem;
	z-index: 1;
	position: relative;
	border-radius: 100px;
	height: 40px;
	width: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: auto;
	box-shadow: 0 0 30px 0 rgb(0 0 0 / 15%);
}

.Or ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: center;
}
.Or ul li {
	margin: 0 0.5rem;
}
.Or ul li a {
	border: 1px solid #f1f1f5;
	border-radius: 100px;
	width: 155px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: ease-in-out 0.5s;
	background: #fff;
}
.Or ul li a:hover {
	background: #f1f1f5;
}

.InputRadio .wizard-form-radio {
	display: flex;
	margin: 0 0.5rem;
	position: relative;
	align-items: center;
}
.InputRadio .wizard-form-radio input[type="radio"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	background-color: transparent;
	height: 90px;
	width: 80px;
	display: inline-block;
	vertical-align: middle;
	border-radius: 8px;
	position: relative;
	cursor: pointer;
	border: 2px solid #ededed;
}
.InputRadio .wizard-form-radio input[type="radio"]:focus {
	outline: 0;
}
.InputRadio .wizard-form-radio input[type="radio"]:checked {
	background-color: #4fbd37;
	border-color: #4fbd37;
}
.InputRadio .wizard-form-radio input[type="radio"]:checked::after {
	content: "";
	display: inline-block;
	background: #000000;
	content: "";
	display: block;
	position: relative;
	z-index: 100;
	border-radius: 50%;
}
.InputRadio .wizard-form-radio input[type="radio"] ~ label {
	padding: 0;
	cursor: pointer;
	margin: 0;
	font-weight: 700;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	left: 50%;
	text-align: center;
	line-height: 1;
}
.InputRadio .wizard-form-radio input[type="radio"]:checked + label strong {
	color: #fff;
}
.InputRadio .wizard-form-radio input[type="radio"]:checked + label svg {
	fill: #fff;
}
.InputRadio .wizard-form-radio span {
	display: block;
}
.InputRadio .wizard-form-radio svg {
	height: 40px;
	fill: #4fbd37;
}
.InputRadio .wizard-form-radio label strong {
	font-weight: 700;
	text-transform: uppercase;
	font-size: 0.8375rem;
	color: #4fbd37;
	display: block;
	margin: 0.5rem 0 0;
}
.VerifyEmail h1 {
	font-size: 1rem;
	font-weight: 500;
	color: red;
}
.InputBox i img {
	max-height: 18px;
}
.FormPages .alert {
	border-radius: 10px 10px 10px 10px;
	padding: 10px 25px 10px 25px;
	margin-top: 20px;
}
.InputBox.NoneIcon input {
	padding: 0.438rem 0 0.438rem;
}
.FormBoxFooter {
	text-align: center;
}
.FormBoxFooter .InputButton {
	margin-bottom: 0;
}
.FormBoxFooter p {
	margin: 12px 0 0;
	padding: 0;
	font-size: 15px;
}
.FormBoxFooter p:first-child a {
	color: #4fbd37;
}
.FormBoxFooter p a {
	color: #666;
}
.FormBoxFooter p + p {
	margin-left: auto;
}

.Or {
	margin-top: 1rem;
}
body.InnerPages:before {
	content: "";
	width: 100%;
	background: #4fbd37;
	position: absolute;
	top: 0;
	left: 0;
	height: 420px;
	z-index: -1;
	border-radius: 0;
}
.InnerPages .header {
	padding: 1.0625rem 0;
}
.InnerPages footer.footer {
	background: #f9fff7;
	border-top: 8px solid #333333;
	padding: 2.5rem 0 0;
}
.InnerPages .FormPages:before {
	display: none;
}
.InnerPages .HeaderCarousel {
	height: auto;
	margin: 0 0 1rem;
	background: transparent;
}
.InnerPages .Form {
	padding: 0;
}
.UpdateProfile .FormBox .Form {
	max-width: 700px;
}
.InnerPages .FormBox {
	border: 2px solid #fff;
	border-top: 15px solid #f1f1f1;
}

.preview-profile-img img {
	max-width: 160px;
	margin: 0 auto;
	display: block;
	border: 6px solid #fff;
	border-radius: 100px;
	box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%);
}
.ChangePassword {
	margin: 0 0 1.8725rem;
}
.ChangePassword .Checkbox-group {
	display: block;
	margin: 0;
}
.ChangePassword .Checkbox-group input {
	padding: 0;
	height: initial;
	width: initial;
	margin-bottom: 0;
	display: none;
	cursor: pointer;
}
.ChangePassword .Checkbox-group label {
	position: relative;
	cursor: pointer;
	padding: 0 0 0 32px;
	margin: 0;
	vertical-align: top;
	color: #44444f;
	line-height: 20px;
}
.ChangePassword .Checkbox-group label:before {
	content: "";
	-webkit-appearance: none;
	background-color: #ffffff;
	border: 2px solid #eae9e9;
	padding: 0;
	cursor: pointer;
	margin: 0;
	width: 22px;
	height: 22px;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 2px;
}
.ChangePassword .Checkbox-group input:checked + label:before {
	border: 2px solid #4fbd37;
}
.ChangePassword .Checkbox-group input:checked + label:after {
	content: "";
	display: block;
	position: absolute;
	top: 3px;
	left: 9px;
	width: 6px;
	height: 12px;
	border: solid #4fbd37;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}
.InnerPages section.FormPages {
	margin: 0 0 3rem;
}

.profile-pic {
	color: transparent;
	transition: all 0.3s ease;
	display: flex;
	align-items: center;
	position: relative;
	transition: all 0.3s ease;
	border: 2px dashed #4fbd37;
	padding: 1rem;
}
.profile-pic input {
	display: none;
}
.profile-pic img {
	width: 150px;
	height: 150px;
	border-radius: 4px;
	z-index: 0;
	min-height: 150px;
	min-width: 150px;
}
.ProfileText {
	margin: 0 0 0 2rem;
}
body.InnerPages .ProfileText p {
	color: #2c312b;
	font-size: 0.9375rem;
	line-height: 1.25;
	display: block;
	margin: 0;
	padding: 0;
}
.profile-pic .-label {
	cursor: pointer;
}
.profile-pic span {
	text-transform: uppercase;
	display: inline-block;
	padding: 0.3rem 1.5rem;
	background: #4fbd37;
	border: 2px solid #4fbd37;
	border-radius: 4px;
	color: #fff;
	margin: 20px 0 0;
}
.profile-pic span:hover {
	background: transparent;
	color: #4fbd37;
}

.ErrorDiv .profile-pic {
	border-color: red;
}
.ErrorDiv .profile-pic + .ErrorMessage {
	bottom: -1.75rem;
}
.forgot {
	text-align: right;
	margin: -10px ​0 0;
}
.forgot a {
	color: #666;
	line-height: 1.25;
	text-decoration: none;
}
.forgot a:hover {
	text-decoration: underline;
}
.FormBoxFooter .d-flex {
	justify-content: center;
}
.rating {
	display: flex;
	width: 100%;
	justify-content: center;
	overflow: hidden;
	flex-direction: row-reverse;
	height: 150px;
	position: relative;
}

.rating-0 {
	filter: grayscale(100%);
}

.rating > input {
	display: none;
}

.rating > label {
	cursor: pointer;
	width: 40px;
	height: 40px;
	margin-top: auto;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23e3e3e3' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 76%;
	transition: 0.3s;
}

.rating > input:checked ~ label,
.rating > input:checked ~ label ~ label {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23fcd93a' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}

.rating > input:not(:checked) ~ label:hover,
.rating > input:not(:checked) ~ label:hover ~ label {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23d8b11e' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}

.emoji-wrapper {
	width: 100%;
	text-align: center;
	height: 100px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

.emoji-wrapper:before,
.emoji-wrapper:after {
	content: "";
	height: 15px;
	width: 100%;
	position: absolute;
	left: 0;
	z-index: 1;
}

.emoji-wrapper:before {
	top: 0;
	background: linear-gradient(
		to bottom,
		rgba(255, 255, 255, 1) 0%,
		rgba(255, 255, 255, 1) 35%,
		rgba(255, 255, 255, 0) 100%
	);
}

.emoji-wrapper:after {
	bottom: 0;
	background: linear-gradient(
		to top,
		rgba(255, 255, 255, 1) 0%,
		rgba(255, 255, 255, 1) 35%,
		rgba(255, 255, 255, 0) 100%
	);
}

.emoji {
	display: flex;
	flex-direction: column;
	align-items: center;
	transition: 0.3s;
}

.emoji > svg {
	margin: 15px 0;
	width: 70px;
	height: 70px;
	flex-shrink: 0;
}

#rating-1:checked ~ .emoji-wrapper > .emoji {
	transform: translateY(-100px);
}

#rating-2:checked ~ .emoji-wrapper > .emoji {
	transform: translateY(-200px);
}

#rating-3:checked ~ .emoji-wrapper > .emoji {
	transform: translateY(-300px);
}

#rating-4:checked ~ .emoji-wrapper > .emoji {
	transform: translateY(-400px);
}

#rating-5:checked ~ .emoji-wrapper > .emoji {
	transform: translateY(-500px);
}

.feedback {
	margin: auto;
	max-width: 360px;
	width: 100%;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-items: center;
}
.ProfileBGimg {
	display: flex;
}
.ProfileBGimg .InputBox {
	width: 49%;
}
.ProfileBGimg .InputBox + .InputBox {
	margin-left: auto;
}
.ProfilePage {
	max-width: 1000px;
}

.UserLoginHeader .dropdown > .dropdown-toggle > img {
	/*max-width: 50px;
	border-radius: 50%;*/
	max-width: 50px;
	border-radius: 50%;
	height: 50px;
    width: 50px;
}
.UserLoginHeader .dropdown-toggle::after {
	display: none;
}
.dropdown-item.active,
.dropdown-item:active {
	color: #fff;
	text-decoration: none;
	background-color: #4fbd37;
}
.dropdown-item:focus,
.dropdown-item:hover {
	color: #ffffff;
	text-decoration: none;
	background-color: #4fbd37;
}

#preloader {
	display: none;
}
.loaderWrap {
	display: none;
}
.loaderWrap:before {
	/* content: "";
	background: rgba(0, 0, 0, 0.6);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1; */
}
.loader {
	width: 80px;
	height: 80px;
	display: inline-block;
	padding: 0px;
	opacity: 1;
	border: 3px solid #fff;
	-webkit-animation: loader 1s ease-in-out infinite alternate;
	animation: loader 1s ease-in-out infinite alternate;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 100;
}
.loader:before {
	content: " ";
	position: absolute;
	z-index: -1;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	border: 3px solid #fff;
}
.loader:after {
	content: " ";
	position: absolute;
	z-index: -1;
	top: 15px;
	left: 15px;
	right: 15px;
	bottom: 15px;
	border: 3px solid #fff;
}
@keyframes loader {
	from {
		transform: rotate(0deg) scale(1, 1);
		border-radius: 0px;
	}
	to {
		transform: rotate(360deg) scale(0, 0);
		border-radius: 50px;
	}
}
@-webkit-keyframes loader {
	from {
		-webkit-transform: rotate(0deg) scale(1, 1);
		border-radius: 0px;
	}
	to {
		-webkit-transform: rotate(360deg) scale(0, 0);
		border-radius: 50px;
	}
}
.ReviewInfo p {
	height: 170px;
}

/* Home Page Team Member Section CSS Start and Blog List Page css start */
.team-item .ListItemImg,
.blog-item .ListItemImg {
	height: 225px;
}

.team-item .ListItemImg img,
.blog-item .ListItemImg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top;
	filter: inherit;
}

.team-item .ListItemImg a {
	height: 100%;
}

.team-viewmore {
	position: relative;
	top: 25px;
	background: #2c312b;
	color: #ffffff;
	border: 2px solid #4fbd37;
	border: none;
	border-radius: 22px;
	min-width: 100px;
	padding: 6px 20px;
	font-weight: 700;
	display: block;
	margin: auto;
	font-size: 15px;
	transition: ease 0.25s;
}

.team-item,
.blog-item {
	border-bottom: 2px #4fbd37;
	border-bottom-style: double;
	width: 100%;
	max-width: 100%;
}

.team-item .ServiceTitle h3 a {
	font-weight: 700;
	color: #131419 !important;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.team-item .ServiceOthor p {
	color: #4fbd37;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	min-height: 32px;
}

.team-viewmore:hover {
	background: #4fbd37;
}

.team-viewmore svg {
	width: 16px;
}

.team-item .ServiceLocation p {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	/* min-height: 40px; */
}

.team-description {
	max-height: 27px;
	min-height: 27px;
	overflow: hidden;
}

.blog-item .ServiceOthor p {
	font-size: 16px;
	color: #4fbd37;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	min-height: 20px;
}

.blog-item .ServiceTitle {
	max-height: 55px;
	min-height: 55px;
	overflow: hidden;
}

.blog-item .ServiceTitle h3 a {
	font-weight: 700;
	color: #131419 !important;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	cursor: default;
}

.blog-item .ServiceLocation p {
	font-size: 14px;
	line-height: 1;
}

.blog-viewmore {
	background: #fff;
	color: #4fbd37;
	font-weight: 700;
	display: block;
	font-size: 14px;
	transition: ease 0.25s;
	border: none;
}

.blog-viewmore:hover {
	color: #2c312b;
}

.blog-taglabel label {
	background: #eeefee;
	padding: 2px 10px;
	font-size: 14px;
	color: #2c312b;
	border-radius: 3px;
	display: -webkit-inline-box;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	font-weight: 600;
}

#newsfeeds-data .faq-formbox {
	margin: auto;
}
.CareerDiv.faq-wrapper .faq-formbox{ padding:1rem 1.5rem; border:0;}
.CareerDiv .card-header h2 button strong{ display:block; font-weight:800;}
.CareerDiv .card-header h2 button small{ display:block;color: #666; line-height: 1.5;}
.CareerDiv .faq-formbox .card .card-header h2 button.btn.btn-link.collapsed:hover svg,
.CareerDiv .faq-formbox .card .card-header h2 button.btn.btn-link svg,
.CareerDiv .faq-formbox .card .card-header h2 button.btn.btn-link:hover svg{ border:2px solid #4fbd37;}
.CareerDiv .card-header h2 button svg{ top:50%; right:0; padding: 10px; width:40px; height:40px; 
 border-radius:100px; margin:-20px 0 0;}
.CareerDiv .faq-formbox .card .card-header h2 button.btn.btn-link.collapsed svg{ border:2px solid #2c312b;}

.CareerDiv .faq-formbox .card .card-body,
.CareerDiv .faq-formbox .card .card-header{ padding:0.5rem 0;}
.CareerDiv .faq-formbox .card .card-header h2 button.btn.btn-link { padding:1rem 2.5rem 0 0rem;}
.CareerTitle h2{ margin:0 0 .5rem;}
.CareerTitle p{ max-width:70%; margin:0 auto;}
.CareerTitle{ text-align:center;}
.accordion{ text-align:left;}
.JobSave{ background:url(../images/save.svg) no-repeat 0 0 / 14px auto; padding:0 0 0 24px; display:block; font-style:normal;
margin:20px 0 0; line-height:19px; font-weight:700; text-transform:uppercase; font-size:14px;}
.JobSave.active{ background:url(../images/saved.svg) no-repeat 0 0 / 14px auto;}
.sec-ab-detail .taransga{display: none;}
@media screen and (max-width: 1199px) {
	.team-viewmore {
		font-size: 14px;
	}
	.team-viewmore svg {
		width: 14px;
	}
}

@media screen and (max-width: 991px) {
	.team-item .ListItemImg {
		height: 300px;
	}
}

@media screen and (max-width: 767px) {
	.team-item .ServiceLocation p,
	.team-item .ServiceOthor p {
		min-height: auto;
	}
}

@media screen and (max-width: 575px) {
	.team-item .ListItemImg {
		height: 60vw;
		min-height: 225px;
		max-height: 325px;
	}
}

/* Home Page Team Member Section CSS End and Blog List Page css end */

/* Faq Page css start */
.faq-wrapper {
	max-width: 1000px;
	width: 95%;
}
.faq-wrapper .faq-formbox {
	max-width: 100%;
	border: 2px solid #fff;
	border-top: 15px solid #e7e7e7;
	background: #fff;
	box-shadow: 3px -5px 40px rgb(205 205 212 / 50%);
	border-radius: 10px;
	padding: 1.875rem;
	margin-top: 2rem;
}
.faq-formbox .card .card-header {
	margin-bottom: 0px;
	background: #fff;
	border-bottom: none;
	padding: 0.5rem 1.25rem;
}
.faq-formbox .card {
	border: none;
	border-bottom: 0.0625rem solid rgba(33, 50, 91, 0.1) !important;
}
.faq-formbox .card:last-child,
.faq-formbox .card:last-child .card-header {
	border: none !important;
}
.faq-formbox .card .card-header h2 button.btn.btn-link {
	padding: 1rem 2.5rem 1rem 0rem;
	font-size: 18px;
	color: #4fbd37;
	text-decoration: none;
	outline: none !important;
	box-shadow: none !important;
	transition: ease-in-out 0.15s;
	position: relative;
	text-transform: capitalize;
}
.faq-formbox .card .card-header h2 button.btn.btn-link.collapsed {
	color: #2c312b;
}
.faq-formbox .card .card-body {
	color: #7a7a7a;
	padding: 0.5rem 1.25rem;
}
.faq-formbox .card .card-header h2 button.btn.btn-link svg {
	stroke: #4fbd37;
	font-weight: bold;
	position: absolute;
	right: 0;
	transition: ease 0.25s;
}
.faq-formbox .card .card-header h2 button.btn.btn-link.collapsed svg {
	stroke: #2c312b;
	transform: rotate(90deg);
}
.faq-formbox .card .card-header h2 button.btn.btn-link:hover {
	color: #4fbd37;
}
.faq-formbox .card .card-header h2 button.btn.btn-link:hover svg {
	stroke: #4fbd37;
}
.faq-serach-control {
	height: calc(2em + 0.75rem + 2px);
	box-shadow: 0 2px 3px 0 rgb(48 48 48 / 28%), 0 2px 4px 2px rgb(48 48 48 / 11%);
	border: none;
	padding-left: 2.5rem;
	outline: none;
}
.faq-search-wrapper svg {
	position: absolute;
	stroke: #2c312b;
	left: 27px;
}
.faq-serach-control:focus {
	box-shadow: 0 3px 5px 0 rgb(48 48 48 / 30%), 0 3px 5px 3px rgb(48 48 48 / 15%);
}
.career-serach-control {
	width: 100%;
    border: 0;
    border-bottom: 2px solid #e2e2ea;
    font-size: 0.9375rem;
    color: #fff;
    font-weight: 600;
    line-height: 1.25;
    padding: 0.625rem 0 0.625rem 2.15rem;
    opacity: 1;
    background: transparent;
}
.career-search-wrapper svg {
	position: absolute;
	stroke: #fff;
	left: 27px;
	width: 15px;
}
.career-serach-control:focus {
    color: #fff;
    background: transparent;
    box-shadow:unset;
    outline: unset;
}
.career-serach-control::placeholder{
	color: #fff;
}
.career_search_btn {
    background: #4fbd37;
    color: #fff;
    border: 2px solid #4fbd37;
    padding: 6px 10px;
    margin: auto;
    width: inherit;
    font-size: 14px;
    outline: unset !important;
    box-shadow: none !important;
}
.career_search_btn:hover {
    background: transparent;
    color: #4fbd37;
    border: 2px solid #4fbd37;
}
.m-auto{
	margin: auto;
}
.form-control:focus{
	border-color: #4fbd37;
}
@media screen and (max-width: 767px) {
	.faq-formbox .card .card-header h2 button.btn.btn-link {
		font-size: 16px;
	}
	.faq-formbox .card .card-body {
		font-size: 14px;
	}
	.faq-wrapper .faq-formbox {
		padding: 1rem;
	}
	.faq-formbox .card .card-header,
	.faq-formbox .card .card-body {
		padding: 0.5rem 0.25rem;
	}

	#filter_service_history {
		margin-bottom: 15px; 
	}
}
@media screen and (max-width: 575px) {
	.faq-formbox .card .card-header h2 button.btn.btn-link {
		font-size: 14px;
		padding: 0.5rem 2.5rem 0.5rem 0rem;
	}
	.faq-formbox .card .card-body {
		font-size: 13px;
	}
}
/* Faq Page css end */

/* Career Page css start */
.career-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 2rem;
}

.career-right-wrapper .btn-group .dropdown-toggle {
    padding: 7px 15px;
}

.career-wrapper .career-left-wrapper {
    max-width: calc(100% - 175px);
    width: 100%;
    display: flex;
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
}

.career-wrapper .career-left-wrapper .career-label {
    color: #2c312b;
    font-size: 16px;
    font-weight: 500;
    margin: 4px 15px;
    text-decoration: none;
    border-radius: 4px;
    position: relative;
    padding: 2px 5px;
    text-align: center;
}

.career-wrapper .career-left-wrapper .career-label:hover {
    color: #4fbd37;
}

.career-wrapper .career-left-wrapper .career-label.active {
    color: #4fbd37;
}

.career-right-wrapper .dropdown-menu {
    border: none;
    box-shadow: 0px 4px 10px 0px #0000001f;
    margin-top: 5px;
    z-index: 1;
}

.career-right-wrapper .dropdown-menu button.dropdown-item {
    font-size: 14px;
    padding: 0.25rem 0.85rem;
}
.career_cat_dropdown{
	position: absolute; will-change: transform; top: 0px; left: 0px; transform: translate3d(147px, 34px, 0px);
}
@media screen and (min-width:768px){
	.career-wrapper .career-left-wrapper .career-label:before {
		content: '';
		position: absolute;
		bottom: -12px;
		width: 0;
		height: 2px;
		background: #4fbd37;
		transition: ease 0.25s;
		left: 0;
	 }
	
	.career-wrapper .career-left-wrapper .career-label:hover:before,
	.career-wrapper .career-left-wrapper .career-label.active:before {
		width: 100%;
	}
}

@media screen and (max-width:991px){
	.career-wrapper .career-left-wrapper .career-label{
		font-size: 15px;
		margin: 4px 10px;
	}
}

@media screen and (max-width:767px){
	.career-wrapper .career-left-wrapper{
		max-width: calc(100% - 0px);
		flex-wrap: wrap;
		border-bottom: none;
	}
	.career-wrapper{
		flex-wrap: wrap;
	}
	.career-wrapper .career-left-wrapper .career-label{
		padding: 3px 11px;
		font-size: 14px;
		margin: 5px 5px;
		background: #e7e7e7;
		width: 31%;
    	text-align: center;
	}
	.career-right-wrapper{
		width: 100%;
	}
	.career-right-wrapper .btn-group {
		width: calc(100% - 10px);
		display: flex;
		margin: auto;
	}
	.career-wrapper .career-left-wrapper .career-label.active{
		color: #ffffff;
    	background: #4fbd37;
	}
}

@media screen and (max-width:575px){
	.career-wrapper .career-left-wrapper .career-label{
		width: 47%;
	}
	/*PAV responsive css strat*/
	.body.InnerPages .Form h3 strong {
		font-size: 35px;
	}

	body.InnerPages .Form p {
	    margin-bottom: 10px;
	}
	/*PAV responsive css end*/
}

/* Career Page css end */

/* Custom loader css start */
.custom-loader {
	height: 10px;
	margin: auto;
	display: flex;
	position: absolute;
	left: 0;
	right: 0;
	align-items: center;
	justify-content: center;
}
.circle {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	animation: jump 1s linear infinite;
	margin: 0 5px;
	background: #4fbd37;
}
.cricle2 {
	animation-delay: 0.2s;
}
.cricle3 {
	animation-delay: 0.4s;
}
@keyframes jump {
	0% {
		margin-top: 0;
	}
	35% {
		margin-top: -25px;
	}
	70% {
		margin-top: 0px;
	}
}
/* Custom loader css end */

/* Blog Detail Page css start */
.blogdetail-img {
	max-height: 400px;
	overflow: hidden;
	border-radius: 10px;
	width: 100%;
}

.blogdetail-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top center;
}

.blogdetail-inner h3,
.blogdetail-inner h2,
.blogdetail-inner h1 {
	font-size: 30px;
	color: #4fbd37;
	word-break: break-word;
	white-space: normal;
	margin-bottom: 1rem;
}

.blogdetail-inner h4,
.blogdetail-inner h5,
.blogdetail-inner h6 {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.5;
	margin-bottom: 1rem;
}

.blogdetail-inner p {
	font-size: 16px;
	margin-bottom: 0.75rem;
}

.blogdetail-inner a {
	color: #4fbd37;
	text-decoration: none;
	font-weight: 500;
}

.blogdetail-inner ul {
	padding-left: 1.25rem;
	list-style: none;
}

.blogdetail-inner ul li:before {
	content: "";
	position: absolute;
	top: 10px;
	left: -20px;
	width: 7px;
	height: 7px;
	border-radius: 25px;
	background: #a9df9d;
}

.blogdetail-inner ul li {
	position: relative;
	margin-bottom: 0.25rem;
}

.blogdetail-inner ol {
	padding-left: 1.25rem;
}

.blogdetail-inner ol li {
	margin-bottom: 0.25rem;
}

.blogdetail-inner ol li::marker {
	color: #4fbd37;
}

.faq-formbox .card .card-body p {
	color: #666;
}

@media screen and (max-width: 991px) {
	.blogdetail-inner h3,
	.blogdetail-inner h2,
	.blogdetail-inner h1 {
		font-size: 24px;
	}
	.blogdetail-inner h4,
	.blogdetail-inner h5,
	.blogdetail-inner h6 {
		font-size: 16px;
	}
}

@media screen and (max-width: 575px) {
	.blogdetail-inner p,
	.blogdetail-inner ul li,
	.blogdetail-inner ul ol {
		font-size: 14px;
	}
	.blogdetail-inner ul li:before {
		top: 7px;
	}
}

/* Blog Detail Page css end */

/* Blog Page CSS start */
.main-timeline {
	position: relative;
	margin-bottom: 1.5rem;
	border: 1px solid #ebebeb;
	padding: 2rem 1.5rem;
	border-radius: 8px;
	background: #f7f7f7;
}
.main-timeline:last-child {
	margin-bottom: 0rem;
}
.main-timeline:before {
	content: "";
	width: 5px;
	height: calc(100% - 40px);
	border-radius: 20px;
	position: absolute;
	top: 20px;
	left: 10rem;
	right: 0;
	border-right: 2px #d4d5d4;
	border-right-style: dashed;
}
.main-timeline .timeline {
	display: inline-block;
	margin-bottom: 50px;
	position: relative;
}
.main-timeline .timeline-icon {
	display: inline-block;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	border: 3px solid #d4d5d4;
	padding: 7px;
	text-align: center;
	position: absolute;
	top: 3rem;
	left: 0rem;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
}
.main-timeline .timeline-icon i {
	display: block;
	border-radius: 50%;
	background: #2c312bd6;
	font-size: 20px;
	color: #fff;
	line-height: 21px;
	z-index: 1;
	position: relative;
	width: 75px;
	height: 75px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-style: normal;
	font-weight: 500;
}
.main-timeline .timeline-icon:after,
.main-timeline .timeline-icon:before {
	content: "";
	width: 40px;
	height: 4px;
	position: absolute;
	top: 50%;
	right: -40px;
	transform: translateY(-50%);
	border-top: 2px #d4d5d4;
	border-top-style: dashed;
}
.main-timeline .timeline-icon:after {
	width: 70px;
	height: 50px;
	background: #f7f7f7;
	top: 89px;
	right: -30px;
	border: none;
}
.main-timeline .timeline-content {
	width: calc(100% - 10rem);
	padding: 5px 0 0;
	margin: 5px 0 0;
	float: right;
	position: relative;
}
.main-timeline .title {
	font-size: 20px;
	font-weight: 600;
	color: #59be45;
	text-transform: uppercase;
	margin: 0 0 5px;
}
.main-timeline .description {
	display: inline-block;
	font-size: 16px;
	color: #404040;
	line-height: 20px;
	letter-spacing: 1px;
	margin: 0;
}
.main-timeline .blog .item {
	padding: 0.9rem;
}
.main-timeline .blog .item:first-child {
	padding-left: 7px;
}
.main-timeline .blog .item .ListItemImg a {
	height: 100%;
	width: 100%;
}
.main-timeline .blog .item .ListItemImg a img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: center;
}
.main-timeline .blog .item .ListItem {
	box-shadow: 0px 0px 10px rgb(0 0 0 / 15%);
}
.main-timeline .owl-carousel.blog .owl-dots {
	display: none;
}
.main-timeline .blog .item .ListItem {
	min-width: 270px;
}
.dashborad-page .HeaderCarousel{
	overflow: inherit;
}

.payout-wrapper {
	width: 100%;
	max-width: 300px;
	margin: 0 auto 30px;
	text-align: center;
	padding: 20px 15px;
	border-radius: 10px;
	border: 1px solid #ddd;
}

.payout-wrapper h2 {
	color: #28a745;
	font-weight: 600;
    margin: 10px 0;
}

.btn-outline-success {
	border: 1px solid;
}

.payout-btn .spinner-border {
	width: 20px;
    height: 20px;
    margin-left: 5px;
}

.payout-list {
	background-color: #5dc143;
	color: #fff;
	border-radius: 50px;
	padding: 10px 20px;
	font-weight: 600;
}

.prev_week_date {
	margin-right: 5px;
	color: #fff;
}

.next_week_date {
	margin-left: 5px;
	color: #fff;
}

.pr-instant-payout .tab-pane {
	padding: 20px;
}

.moblie-main-menu {
	display: none;
}

/*PAV css start*/
/*#frm-signup span.ErrorMessage {
	top: 42px;
}*/
/*PAV css end*/

@media screen and (max-width: 990px) {
	.main-timeline .timeline {
		margin: 0 0 10px;
	}
	.main-timeline .timeline-icon {
		left: 25%;
	}
}
@media screen and (max-width: 767px) {
	.main-timeline {
		padding: 2rem 1rem;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.main-timeline:before {
		left: 90px;
		right: 0;
		margin: 0;
	}
	.main-timeline .timeline:before {
		top: 0;
		left: 83px;
		right: 0;
		margin: 0;
	}
	.main-timeline .timeline-icon {
		width: 60px;
		height: 60px;
		line-height: 40px;
		padding: 4px;
		top: 15px;
		left: 0;
		border: 2px solid #d4d5d4;
	}
	.main-timeline .timeline-icon i {
		font-size: 16px;
		line-height: 18px;
		width: 50px;
		height: 50px;
	}
	.main-timeline .timeline-icon:after,
	.main-timeline .timeline-icon:before {
		right: -18px;
		width: 18px;
	}
	.main-timeline .timeline-content {
		width: calc(100% - 6rem);
	}
	.main-timeline .description {
		font-size: 14px;
	}
	.main-timeline .blog .item .ListItem {
		min-width: 250px;
	}
}
@media screen and (max-width: 575px) {
	.main-timeline .title {
		max-width: calc(100% - 55px);
		word-break: break-word;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		font-size: 18px;
	}
	.main-timeline .timeline {
		position: absolute;
		right: 0;
		top: 0;
	}
	.main-timeline .timeline-icon {
		right: 7px;
		left: inherit;
		border: 0px solid #d4d5d4;
		top: 0px;
		transform: translateY(0%);
		height: 40px;
	}
	.main-timeline .timeline-icon:after,
	.main-timeline .timeline-icon:before,
	.main-timeline:before {
		display: none;
	}
	.main-timeline .timeline-content {
		width: calc(100% - 0rem);
	}
	.main-timeline .timeline-icon i {
		font-size: 14px;
		line-height: 14px;
		width: 45px;
		height: 40px;
		border-radius: 10px;
		border-top-left-radius: 0px !important;
		border-top-right-radius: 0px !important;
	}
	.main-timeline .blog .item .ListItem {
		max-width: 240px;
		min-width: 240px;
	}
	.main-timeline {
		padding: 0.5rem 0.75rem;
		padding-bottom: 5px;
	}

	.payout-list {	
	    font-size: 13px;
	    padding: 8px 10px;
	}
}
/* Blog Page CSS end */

@media screen and (min-width: 768px) {
	.bloglist-tags {
		max-width: calc(100% - 100px);
		width: 100%;
	}
}

@media (max-width: 1450px) {
	.Font-54 {
		font-size: 3rem;
	}
	.Font-28 {
		font-size: 1.5rem;
	}
	.Font-18 {
		font-size: 1rem;
	}
	.ServiceProviders,
	.CustomersReview,
	.Category,
	.HeaderCarousel {
		height: inherit;
		margin: 0 0 3rem;
	}
	/*.HeaderCarousel {
		overflow: hidden;
	}*/
	.header {
		padding: 1.5rem 0;
	}
	.Logo {
		margin: 0 2rem 0 0;
	}
	.Navigation ul li a {
		font-size: 0.9375rem;
		padding: 0.5rem;
	}
	.Navigation ul li + li {
		margin-left: 0.5rem;
	}
	.LoginSignUp a.btn {
		padding: 0.8rem;
	}
	.CarouselCaption {
		width: calc(50% - 50px);
	}
	.CarouselImg .item > img {
		border-radius: 10px;
		width: 100%;
		max-width: 100%;
		max-height: 410px;
		object-fit: cover;
    	object-position: top center;
	}
	.Carousel > .container {
		align-items: inherit;
	}
	.CarouselCaption {
		width: calc(50% - 50px);
		padding: 3.5rem 0 6rem;
	}
	.WhiteDots img {
		display: none;
	}
	.CarouselCaption p,
	.CarouselCaption h2 {
		margin: 0 0 2rem;
	}
	.Category p {
		margin: 0 0 1rem;
	}
	.Category p {
		margin: 0 0 2rem;
	}
	.CustomersReview {
		padding: 4rem 0;
	}
	.CustomersReview > .container > h2 {
		margin: 0 0 0.5rem;
	}
	.ReviewInfo p {
		margin: 0 0 1rem;
		font-size: 1rem;
		line-height: 24px;
	}
	.ProvidersTitle {
		margin: 0 0 0.5rem;
	}
	section.Counter {
		padding: 0 1.5rem;
	}
	.JoinCommunity {
		padding: 0 1.5rem;
		margin: -3.125rem 0 3.125rem;
	}
	.Counter ul li {
		padding: 1.25rem 0;
	}
	.Counterinfo h3 {
		font-size: 2rem;
	}
	.CounterImg img {
		max-height: 40px;
	}
	.FooterLogo {
		margin: 0 3rem 0 0;
	}
	.JoinCommunity > .container {
		padding: 1.5rem;
	}
	.DownloadEnjoy {
		margin: -50px 0 0 0;
		padding: 0 0 50px;
	}
}

@media (max-width: 1099px) {
	.Navigation {
		display: none;
	}
	.Font-54 {
		font-size: 2.5rem;
	}
	.Font-32 {
		font-size: 1.875rem;
	}
	.CarouselCaption p,
	.CarouselCaption h2 {
		margin: 0 0 1rem;
	}
	.CarouselCaption {
		width: calc(50% - 20px);
		padding: 3rem 0 0;
	}
	.CarouselImg .item > img {
		max-height: 350px;
	}
	.CarouselImg {
		width: auto;
		max-width: 430px;
	}
	.Category h2 {
		margin: 0 0 0.5rem;
	}
	.Category p {
		margin: 0 0 1rem;
	}
	.PlayBtn span {
		width: 100px;
		height: 100px;
	}
	.PlayBtn span:before {
		width: 80%;
		height: 80%;
	}
	.ReviewImg span {
		padding: 0 0 0 130px;
		height: 360px;
		background-size: auto 350px;
		background-position: 0 50%;
	}
	.owl-carousel .owl-item .ReviewImg span img {
		width: 240px;
		height: 240px;
	}
	.ReviewImg {
		width: 45%;
	}
	.CustomersReview .Reviews .owl-dots {
		left: 45%;
		bottom: 2rem;
	}
	.Counterinfo h3 {
		font-size: 1.5rem;
	}
	.Counterinfo p {
		font-size: 0.875rem;
	}
	.CounterImg {
		margin: 0 1rem 0 0;
	}
	.JoinCommunity {
		margin: -3.125rem 0 2rem;
	}
	.JoinCommunity:before {
		height: 8px;
	}
	.FooterLogo a img {
		max-height: 80px;
	}
	.FooterLink ul li a {
		font-size: 0.87rem;
	}
	.DownloadEnjoy {
		margin: -43px 0 0 0;
		padding: 0 0 50px;
	}
	.ServiceProviders {
		margin-bottom: 2rem;
	}
	.LoginSignUp a.btn,
	.btn {
		padding: 0.75rem 1.5rem;
		font-size: 0.9375rem;
	}
	.NavUl ul.DesktopNav {
		display: inline-block;
	}
	.waves {
		width: 120px;
		height: 120px;
		right: -60px;
		bottom: -60px;
	}
	.career_search_btn{
		font-size: 12px;
		padding: 6px 5px;
	}

	/*Mobile Menu css start*/

	.moblie-main-menu {
		display: block;
	}

	.mobile-menu-wrapper {
		display: none;
	    transform: translate(240px);
	    position: absolute;
	    top: 20px;
	    right: 0px;
	    transition: transform .3s ease-in-out;
	    background: rgb(255, 255, 255);
	    padding: 15px;
	    z-index: 99;
	    font-size: 14px;
	    box-shadow: 0 0 50px 0 rgb(82 63 105 / 25%);
	}

	.mobile-menu-wrapper.open {
		transform: translate(0px);
		transition: transform .3s ease-in-out;
		width: 200px;
		display: block;
	}


	.moblie-menu {
		list-style: none;
	}

	.moblie-menu li {
		margin-bottom: 10px;
	}

	.moblie-menu li a {
		text-transform: uppercase;
	} 

	.moblie-menu li a:hover, .moblie-menu li a:focus {
    	color: #000;
    	text-decoration: none;
	}

	.close-btn {
	    padding: 0;
	    border: none;
	    background: #4fbd37;
	    width: 30px;
	    height: 30px;
	    position: absolute;
	    top: 0;
	    left: -30px;
	}

	.close-btn .fa-close {
		font-size: 14px;
	    color: #fff;
	    /*font-weight: 200;*/
	}

	.menu-open {
		padding: 0;
	    border: none;
	    background: #4fbd37;
	    width: 30px;
	    height: 30px;
	    margin-left: 10px;
	}

	.menu-open .fa-bars {
		color: #fff
	}

	.LoginSignUp .dropdown .dropdown-toggle:after {
		display: none;
	}

	.UserLoginHeader .dropdown > .dropdown-toggle > img {
		    height: 35px;
	    width: 35px;
	}

	.LoginSignUp .name {
		display: none;
	}

	.notification-dropdown {
	    padding: 0 10px;
	}

	.LoginSignUp .dropdown ul.dropdown-menu {
		top: 50px !important;
	}
	/*Mobile Menu css end*/

}

@media (max-width: 991px) {
	.Font-54 {
		font-size: 2rem;
	}
	.Font-32 {
		font-size: 1.5rem;
	}
	.HeaderCarousel {
		background-position: right bottom;
		background-size: cover;
	}
	.CarouselImg .item > img {
		max-height: 350px;
	}
	.CarouselImg {
		max-width: 380px;
	}
	.PlayBtn span {
		width: 80px;
		height: 80px;
	}
	.PlayBtn span:before {
		width: 75%;
		height: 75%;
	}
	.Carousel > .container {
		align-items: center;
	}
	.CarouselCaption {
		padding: 0;
	}
	.ReviewImg span {
		padding: 0 0 0 90px;
		height: 250px;
		background-size: auto 250px;
		background-position: 0 50%;
	}
	.owl-carousel .owl-item .ReviewImg span img {
		width: 180px;
		height: 180px;
	}
	.CustomersReview > .container > p {
		margin: 0 0 1.5rem;
	}
	.CustomersReview .Reviews .owl-dots {
		left: 50%;
		bottom: -2rem;
		transform: translateX(-50%);
	}
	.ReviewInfo {
		width: 55%;
		max-width: inherit;
	}
	.ReviewInfo p {
		margin: 0 0 1rem;
		font-size: 0.9375rem;
		line-height: 20px;
		height: 140px;
	}
	.CustomersReview:before {
		width: 66px;
		height: 104px;
	}
	.CustomersReview {
		padding: 3rem 0 4rem;
	}
	.ReviewInfo p {
		margin: 0 0 1rem;
		font-size: 0.9375rem;
		line-height: 20px;
	}
	.DownloadInfo {
		width: calc(40% + 80px);
		margin: 4rem 0 0 -80px;
	}
	.DownloadInfo h2 {
		margin: 0 0 1.25rem;
	}
	.DownloadInfo p {
		font-size: 0.9375rem;
		line-height: 22px;
		margin-bottom: 1.5rem;
	}
	.DownloadApp a img {
		max-width: 140px;
	}
	.FooterLink {
		width: calc(100% - 202px);
	}
	.SocialMedia {
		position: absolute;
		bottom: 0;
		left: 1.5rem;
	}
	.FooterHead > .container {
		position: relative;
	}
	.FooterLogo {
		margin: 0 1rem 0 0;
		min-width: 202px;
	}
	.CounterDiv {
		padding: 0 1rem;
	}
	.Counter ul li {
		padding: 1rem 0;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.FooterLogo {
		margin-top: -1rem;
	}
	.FooterLogo a img {
		max-height: 55px;
	}
	.SocialMedia h3,
	.FooterLink h3 {
		font-size: 18px;
		margin-bottom: 0.75rem;
	}
	.SocialMedia ul li a img {
		width: 30px;
	}
	.contact-detail a {
		font-size: 14px;
	}
	.SocialMedia {
		bottom: 0.95rem;
	}
}

@media (max-width: 767px) {
	.Font-16 {
		font-size: 0.8125rem;
	}
	.Font-18 {
		font-size: 0.8125rem;
		line-height: 1.5;
	}
	.Font-20 {
		font-size: 1rem;
		line-height: 1.5;
	}
	.Font-28 {
		font-size: 1rem;
		line-height: 1.5;
	}
	.Font-32 {
		font-size: 1.5rem;
		/*line-height: 1.5;*/
		line-height: 2;
	}
	.Font-54 {
		font-size: 1.5rem;
	}
	.container,
	.Carousel > .container {
		max-width: 480px;
	}
	.JoinCommunity > .container,
	.Counter .container {
		max-width: 432px;
	}
	.ServiceProviders,
	.CustomersReview,
	.Category,
	.HeaderCarousel {
		margin: 0 0 1.5rem;
	}
	.Category > .container > p {
		max-width: 100%;
	}
	.header {
		padding: 0.1rem 0 !important;
	}
	.Logo img {
	    width: 60% !important;
	    padding: 5px 0px;
	}
	.CarouselCaption {
		width: 100%;
		margin: 0 0 1.5rem;
		text-align: center;
	}
	.Carousel > .container {
		flex-wrap: wrap;
	}
	.HeaderCarousel {
		background: #4fbd37;
		border-radius: 0 0 50px 50px;
		overflow: visible;
		margin: 0 0 6rem;
	}
	.CarouselImg .item > img {
		max-height: inherit;
	}
	.CarouselImg {
		max-width: 100%;
		margin: 0 auto -50px;
		width: 272px;
	}
	.CarouselImg .item > img {
		height: 284px;
		width: 100%;
		max-width: initial;
	}
	.Humburger {
		margin: 0 0 0 auto;
	}
	.DarkDotes {
		bottom: -34px;
	}
	.Category p br {
		display: none;
	}
	.Category p {
		margin: 0;
	}
	.Category {
		margin-bottom: 1rem;
	}
	.CircleGreenLight {
		display: none;
	}
	.CustomersReview {
		padding: 2rem 0 4.5rem;
	}
	.CustomersReview > .container > p {
		font-size: 0.8125rem;
		max-width: 100%;
	}
	.CustomersReview > .container > p br {
		display: none;
	}

	.ReviewBox {
		display: block;
	}
	.owl-carousel .owl-item .ReviewImg span img {
		width: 140px;
		height: 140px;
	}
	.ReviewImg {
		width: 100%;
		margin: 0 0 1rem;
	}
	.owl-carousel .owl-item .ReviewImg span img {
		width: 120px;
		height: 120px;
		margin: 0 auto;
	}
	.ReviewImg span {
		padding: 0;
		height: auto;
		background-size: auto;
		background-position: 0;
		background: transparent;
		margin: 0 auto;
		display: block;
	}
	.ReviewInfo {
		width: 100%;
		text-align: center;
	}
	.ReviewInfo p {
		margin: 0 0 1rem;
		font-size: 0.8125rem;
		line-height: 20px;
		text-align: center;
	}
	.ReviewInfo h3 {
		margin: 0;
		padding: 0;
		line-height: 1;
		font-size: 1rem;
	}
	.ReviewInfo span {
		font-size: 0.8125rem;
	}
	.ProvidersTitle:before {
		display: none;
	}
	.ProvidersTitle a {
		position: relative;
		padding: 0 2.625rem 0 0;
	}
	.ProvidersTitle h2 {
		padding: 0;
		line-height: 1.25;
		margin: 0 0 0.5rem;
		display: block;
	}
	.ListItem {
		max-width: 250px;
	}
	/*.ServiceList.owl-carousel .owl-nav,.CategoryList .owl-nav {*/
	.ServiceList.owl-carousel .owl-nav {
		display: none;
	}
	/*.ServiceList.owl-carousel .owl-dots,.CategoryList .owl-dots {*/
	.ServiceList.owl-carousel .owl-dots {
		display: block;
		text-align: center;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		height: 10px;
		bottom: 0;
		/*padding-top: 20px;*/
	}
	/*.ServiceList.owl-carousel .owl-dots button ,.CategoryList .owl-dots button {*/
	.ServiceList.owl-carousel .owl-dots button {
		background: rgba(79, 189, 55, 0.3);
		width: 10px;
		height: 10px;
		border-radius: 100px;
		margin: 0 3px;
		vertical-align: top;
	}
	/*.ServiceList.owl-carousel .owl-dots button:hover,
	.ServiceList.owl-carousel .owl-dots button.active,
	.CategoryList .owl-dots button:hover,
	.CategoryList .owl-dots button.active  {*/
	.ServiceList.owl-carousel .owl-dots button:hover,
	.ServiceList.owl-carousel .owl-dots button.active {
		background: #4fbd37;
	}
	.Counter ul {
		flex-wrap: wrap;
	}
	.Counter ul li {
		width: 50%;
	}
	.DownloadImg {
		width: 100%;
		order: 2;
	}
	.DownloadInfo {
		width: 100%;
		margin: 2rem 0 0;
	}
	.DownloadApp a + a {
		margin-left: 1rem;
	}
	.DownloadApp {
		flex-wrap: wrap;
	}
	.DownloadApp a img {
		max-width: 120px;
	}
	.DownloadInfo h2 br {
		display: none;
	}
	.DownloadEnjoy {
		margin: 0 0 2rem;
		padding: 0;
		border-bottom: 8px solid #2c312b;
	}
	.JoinCommunity > .container {
		padding: 1.25rem;
		flex-wrap: wrap;
		display: block;
	}
	.JoinInfo h2 {
		margin: 0 0 1rem;
		font-size: 1.25rem;
		line-height: 1.4;
	}
	.JoinInfo h2 br {
		display: none;
	}
	.JoinBtn {
		margin: 0;
	}
	.JoinBtn a {
		width: 170px;
	}
	.LoginSignUp a.btn,
	.btn {
		font-size: 0.8125rem;
		width: max-content;
	}
	.FooterHead > .container {
		flex-wrap: wrap;
	}
	.FooterLogo {
		margin: 0 auto 1rem;
		min-width: 202px;
		text-align: center;
	}
	.FooterLink {
		width: 100%;
		margin: 0 auto 1.5rem;
		max-width: 410px;
		text-align: center;
	}
	.FooterLink ul {
		flex-wrap: wrap;
	}
	.FooterLink ul li {
		width: 50%;
		margin: 0.2rem 0;
		text-align: left;
	}
	.SocialMedia {
		position: relative;
		bottom: auto;
		left: auto;
		margin: 0 auto;
	}
	.FooterHead h3 {
		margin: 0 0 0.5rem;
		text-align: center;
	}
	.FooterHead {
		padding: 0 0 1rem;
	}
	.FooterCopy {
		padding: 0.5rem 0;
	}
	.JoinCommunity,
	section.Counter {
		padding: 0 1.5rem 2.5rem;
		margin: 0;
	}
	.ProvidersTitle {
		margin: 0 0 -10px;
	}
	.CounterDiv {
		justify-content: inherit;
	}
	.CounterImg img {
		max-height: 30px;
	}
	.CounterImg {
		margin: 0;
		width: 50px;
		text-align: center;
	}
	.DownloadInfo p {
		font-size: 0.8175rem;
		line-height: 20px;
		margin-bottom: 1.25rem;
	}
	.JoinCommunity:before {
		display: none;
	}
	.Category .owl-nav button span {
		width: 14px;
		height: 26px;
		display: block;
		background-size: 14px auto;
		background-repeat: no-repeat;
	}
	.DownloadInfo span {
		font-size: 0.8125rem;
	}
	li.NavLogin {
		display: block;
	}
	.Open .HumburgerNav,
	.HumburgerNav,
	.Open-filter .HumburgerNav,
	.categoryfilter-wrapper {
		width: 260px;
	}

	.InputButton a,
	.InputButton button {
		border-radius: 4px;
		padding: 0.688rem 1rem;
		font-size: 0.875rem;
		font-weight: 800;
	}
	.Form h3 strong {
		font-size: 2rem;
	}
	.FormBox {
		width: calc(100% - 20px);
		margin: 0 auto;
	}
	.Or ul li a {
		width: 110px;
	}
	.FormPages .HeaderCarousel:before {
		content: "";
		width: 100%;
		height: 400px;
		background: #4fbd37;
		border-radius: 0 0 50px 50px;
		display: block;
		position: absolute;
		z-index: -1;
		left: 0;
		top: 0;
	}
	.FormPages .HeaderCarousel {
		background: transparent;
		margin: 0 0 2rem;
	}
	.FormPages .FooterCopy {
		padding: 0.9rem 0;
	}
	.InputBox input {
		padding: 0.625rem 0 0.625rem 2.15rem;
	}
	.InputBox .dropdown-toggle {
		padding: 0.625rem 0;
	}
	.InputBox {
		margin: 0 0 1.25rem;
	}
	.InputBox.error span {
		font-size: 13px;
		top: 100%;
		font-weight: 600;
	}
	.Form h3 {
		margin: 0px 0 1rem;
	}
	.blogcategory-listwrapper {
		flex-direction: column-reverse;
		align-items: flex-start;
	}
	.bloglist-clear {
		margin-left: auto;
		margin-top: 5px;
		margin-bottom: 0px;
	}
}
body.sticky:before {
	height: 90px;
}

.sticky header.header {
	position: fixed;
	top: 0;
	width: 100%;
	background: #4fbd37;
	z-index: 25;
	padding: 8px;
	animation: smoothScroll 0.5s forwards;
}
.Logo img {
    width: 80%;
}
.LoginSignUp .btn{
    padding: 0.8rem 1.5rem;
}
@keyframes smoothScroll {
	0% {
		transform: translateY(-40px);
	}
	100% {
		transform: translateY(0px);
	}
}

.custm_modal .modal-dialog .modal-content{
    border-radius: 10px !important;
}
.custm_modal .modal-dialog .modal-content .modal-header{

    background: #fff;
    color: #808080;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 30px 30px;
    border-bottom: 2px solid #4FBD37;
}
.custm_modal .modal-dialog .modal-content .modal-footer{
    padding: 30px 30px;
    background: #4FBD37;
    color: #fff;
    text-align: center;
    display: block;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;

}
.click_class{
	cursor: pointer;
}
.p-20{padding: 20px;}
.pt-20{padding-top: 20px;}
.req_gov_view {
    max-width: 140px;
    border: 2px dashed;
    padding: 5px;
}
.footer_btn_wrapper{
	display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding: 20px 0px;
}
.save_reqBtn{
	background: #4fbd37;
    border: 2px solid #4fbd37 !important;
    border-radius: 6px;
    padding: 0.5rem 1rem;
    
}
.save_reqBtn:hover {
	background: transparent;
	color: #4fbd37;
}
.cancel_reqBtn{
	background: #2c312b ;
    border: 2px solid #2c312b !important;
    border-radius: 6px;
    padding: 0.5rem 1rem;
    
}
.cancel_reqBtn:hover {
	background: transparent;
	color: #2c312b;
}
.footer_btn_wrapper .btn {
    width: 100%;
    margin: 0px 10px;
}
/* .loaderWrap .load_txt i {
  margin-right: 10px;
  color: #4fbd37;
  font-weight: 800;
}
.loaderWrap {
  width: 100%;
  height: 100%;
  background: rgb(0 0 0 / 42%);
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1225;
}
.loaderWrap .load_txt {
  position: absolute;
  left: 52%;
  top: 40%;
  transform: translate(-50%, -50%);
  width: 150px;
  color: #fff;
  font-size: 18px;
} */
.loaderWrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999999999999;
    background: rgb(0 0 0 / 0.2);
    
}
.loaderWrap .load_txt{
    width:68px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: transparent;
    color: #fff;
    text-align: center;
    display: inline;
}
.loaderWrap .load_txt i {
  	margin-right: 10px;
  	color: #4fbd37;
  	font-weight: 800;
}

.loaderWrapParentDiv {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999999999999;
    background: rgb(255 255 255 / 58%);
    
}
.loaderWrapParentDiv .load_txtParentDiv{
    width:68px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: transparent;
    color: #333;
    text-align: center;
    display: inline;
}
.loaderWrapParentDiv .load_txtParentDiv i {
  	margin-right: 10px;
  	color: #4fbd37;
  	font-weight: 800;
}
@media (max-width: 499px) {
	.Counter ul li {
		width: 100%;
	}
	.Counter li + li {
		border-left: 0;
		border-top: 1px solid #e4efe2;
	}
	.FooterLink ul li {
		width: 100%;
	}
	.FormBox {
		padding: 1.25rem;
		width: 100%;
	}
	.FormBoxHead {
		margin: -1.25rem -1.25rem 1.25rem;
		padding: 1.25rem 1.25rem 1.25rem;
	}
	.FormBoxFooter {
		margin: 0 -1.25rem -1.25rem;
	}
	.DoubleInput {
		display: block;
	}
	.DoubleInput .InputBox {
		width: 100%;
	}
	.Form {
		margin: 0;
		padding: 1rem;
	}
	.FormBoxHead h4 {
		font-size: 1.25rem;
	}
	.InputButton a,
	.InputButton a + button {
		width: calc(50% - 10px);
	}
	/*PAV verification css start*/
	#verification_form .InputButton a {
	    font-size: 12px;
    	padding: 12px;
	}
	/*PAV verification css end*/
}

/* Review section custom css start  */
.review-main span {
    padding: 0px;
    background: none;
    height: auto;
    width: 100%;
    height: 100%;
}

.review-main span img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
}

.review-main .ReviewImg {
    width: 55px;
    height: 55px;
}

.review-main {
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
	display: flex;
}

.review-main .ReviewInfo {
    width: 100%;
    max-width: calc(100% - 65px);
	text-align: left;
}

.review-main .ReviewInfo p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    height: auto;
}

.review-main .ReviewInfo h3 {
    font-size: 14px;
    margin-top: 0px !important;
}

.review-main-wrapper {
    border: 1px #cbcbcb;
    border-style: dashed;
    border-left: none;
}

.review-main-wrapper:nth-child(3) {
    border-right: none;
    border-top: none;
    border-bottom: none;
}

.review-main-wrapper:nth-child(4) {
    border-bottom: none;
}

.review-main-wrapper:nth-child(5) {
    border-bottom: none;
}

.review-main-wrapper:nth-child(6) {
    border-bottom: none;
    border-right: none;
}

.review-main-wrapper:nth-child(1), .review-main-wrapper:nth-child(2) {
    border-top: none;
    border-bottom: none;
}
/* quick apply */
.QuickApplyNav {
    position: fixed;
    right: -50%;
    opacity: 0;
    width: 0;
    height: 100%;
    transition: ease-in-out 0.5s;
    overflow: hidden;
}

.QuickApplyNav.show {
    top: 0;
    right: 0;
    z-index: 10;
    opacity: 1;
    overflow: visible;
    width: 50%;
}

.QuickApplyNav:before {
    content: "";
    width: 0;
    height: 100%;
    opacity: 0;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    right: 0;
    transition: ease-in-out 0.5s;
}

.QuickApplyNav.show:before {
    right: 0;
    opacity: 1;
    width: 100%;
    overflow: visible;
}

.QuickApplyNav.show .QuickNavul {
    background: #fff;
    background: #fff;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    overflow-y: auto;
    padding: 20px 0px 0;
}
.InputBox.textareabox i {
    top: 25px;
}

.InputBox.textareabox textarea {
    padding-left: 2.15rem;
    height: auto;
}
.QuickNavul h3.quick_title {
    text-align: center;
    padding-bottom: 20px;
    font-weight: 600;
    font-size: 24px;
    border-bottom: 2px solid #4FBD37;
    padding-right: 40px;
}
.QuickNavul form {padding: 20px 30px;}
.Close.Quicknav {
    top: 1.5rem;
}
.quickBtn-wrapper {
    text-align: end;
    margin-bottom: 30px;
}

.quick_btn {
    background: #4fbd37;
    color: #fff;
    border:2px solid #4fbd37;
    padding: 0.5rem 1.5rem;
}
.quick_btn:hover {
    background: #fff;
    color: #4fbd37;
    border:2px solid #4fbd37;
}
.mt-4rem{
	margin-top: 4rem;
}
.ElementsApp, .ElementsApp .InputElement{
    border-bottom: 2px solid #e2e2ea;
}
#card-errors {
    display: inline-block;
    margin: 0;
    font-size: 0.8125rem;
    line-height: 1.25;
    font-weight: 600;
    color: #fc5a5a;
    padding: 0;
}
@media screen and (max-width:1199px){
	.review-main-wrapper:nth-child(1),
	.review-main-wrapper:nth-child(2) {
		border-bottom: 1px #cbcbcb;
		border-bottom-style: dashed;
	}
	.review-main-wrapper:nth-child(3){
		border-right: 1px dashed #cbcbcb;
	}
	.review-main-wrapper:nth-child(2),
	.review-main-wrapper:nth-child(4){
		border-top: none;
		border-right: none;
	}
}

@media screen and (max-width:767px){
	.review-main-wrapper:nth-child(1),
	.review-main-wrapper:nth-child(3),
	.review-main-wrapper:nth-child(5){
		border-right: none;
	}
	.review-main-wrapper:nth-child(3){
		border-bottom: 1px #cbcbcb;
    	border-bottom-style: dashed;
	}
	.QuickApplyNav.show{width: 90%;}
}

/* Review section custom css end  */

/*Login modal css start*/
.checkbox-input {
  display: none;
}

.checkbox-label, .checkbox-text, .checkbox-text--description {
  transition: all 0.4s ease;
}

.checkbox-label {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 100%;
  padding: 15px;
  cursor: pointer;
  font-size: 24px;
  font-weight: 400;
  margin: 16px auto;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  box-shadow: inset 0 0 0 0 #2196F3;
  background: #ffffff;
  max-width: 250px;
  border-radius: 15px;
  text-align: center;
  overflow: hidden;
}
.checkbox-label:before {
  content: "";
  position: absolute;
  bottom: 75%;
  right: 0px;
  width: 30px;
  height: 30px;
  opacity: 0;
  background-color: #4fbd3726;
  background-image: url("check-icon.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 18px;
  border-radius: 0px;
  border-bottom-left-radius: 10px;
  transform: translate(0%, 0%);
  transition: all 0.4s ease;
}

.checkbox-text--title {
  font-weight: 500;
}
.checkbox-text--description {
  font-size: 14px;
  margin-top: 10px;
  padding-top: 16px;
  border-top: 1px solid #4fbd37;
}
.checkbox-text--description .un {
  display: none;
}

.checkbox-input:checked + .checkbox-label {
  border-color: #4fbd37;
  box-shadow: inset 0 -3px 0 0 #4fbd37;
  background: #fff;
}
.checkbox-input:checked + .checkbox-label:before {
  top: 0;
  opacity: 1;
}
.checkbox-input:checked + .checkbox-label .checkbox-text {
  transform: translate(0, -8px);
}
.checkbox-input:checked + .checkbox-label .checkbox-text--description {
  border-color: #d9d9d9;
}
.checkbox-input:checked + .checkbox-label .checkbox-text--description .un {
  display: inline-block;
}


.login-modal .modal-dialog {
    max-width: 600px;
}

.login-modal-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.checkbox-text--title small {
    display: block;
    font-size: 12px;
}
/*Login modal css end*/

/*Dashboard service card css start*/
.services-inner-wrapper {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.25rem;
}

.services-inner-wrapper .services-img {
    width: 35px;
    height: 35px;
    min-width: 25px;
    margin-right: 10px;
}

.services-inner-wrapper .services-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.services-inner-wrapper .services-info {
    max-width: calc(100% - 145px);
    width: 100%;
}

.services-info h5 {
    font-weight: bold;
    font-size: 15px;
}

.services-info p {
    font-size: 13px;
}

.services-card {
    box-shadow: 4px 0px 20px rgb(0 0 0 / 10%);
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 1.5rem;
}

.services-project-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.services-project-block h5 {
    font-size: 12px;
    font-weight: 700;
}

.services-project-block {
    text-align: center;
    width: 47%;
}

.services-icon a i.fa-trash-o {
    color: #ff3030;
}

.services-icon .remove-services {
    border-color: #ff3030;
}

.services-icon a {
    font-size: 14px;
    margin: 0px 3px;
    color: #4fbd37;
    width: 26px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #4fbd37;
    border-radius: 50%;
    -webkit-transition: all ease-in-out .15s;
    -o-transition: all ease-in-out .15s;
    transition: all ease-in-out .15s;
}

.services-icon a:hover {
    transform: scale(1.1);
    -webkit-box-shadow: 4px 8px 6px -6px black;
    -moz-box-shadow: 4px 8px 6px -6px black;
    box-shadow: 4px 8px 6px -6px black;
}

.services-project-divider {
    width: 1px;
    height: 42px;
    background: #ccc;
    display: flex;
}

.services-project-block p {
    font-size: 14px;
}

.sub_category_label [type=radio] { 
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.sub_category_label [type=radio] + img {
  cursor: pointer;
}

/* CHECKED STYLES */
.sub_category_label [type=radio]:checked + img {
  outline: 2px solid #f00;
}

@media screen and (max-width:575px){
	.services-info h5{
		font-size: 14px;
	}
	.services-info p{
		font-size: 12px;
	}
	.services-project-block h5{
		font-size: 11px;
	}
	.services-project-block p{
		font-size: 13px
	}
}

/*Dashboard service card css end*/

/*Document services modal css start*/
.document-modal {
    padding-right: 0px !important;
}
.document-modal .modal-dialog{
	max-width: 360px;
	margin: 30px auto;
}
.document-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    box-shadow: 0px 2px 10px 0px #0003;
    border-radius: 6px;
    margin-bottom: 1.25rem;
}

.document-title {
    margin-bottom: 1rem;
    font-weight: 600;
}

.document-block h5 {
    font-size: 16px;
    width: 100%;
    max-width: calc(100% - 35px);
    word-break: break-word;
}

.document-block a {
    color: #28a745;
    min-width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #28a74514;
    border-radius: 50%;
    text-decoration: none;
}

.document-inner {
    margin-bottom: 1.5rem;
}

.document-inner:last-child {
    margin-bottom: 10px;
}

.document-block a.reject_status {
    background: #ff000014;
    color: #f30000;
}
.document-block a.pending_status {
    background: #ffac3324;
    color: #FFAC33;
}
.document-block a.approve_status {
    /*background: #ff000014;*/
    color: #4caf50;
}
.p-none{
	/*cursor: none; */
	cursor: unset;
}
/*Document services modal css end*/

/*Add service card css start*/
.service-card {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 1rem;
  padding: 0px 5px;
}

.service-card .service-card-inner {
  --background: #fff;
  --background-checkbox: #4fbd37;
  --background-image: #fff, rgba(0, 107, 175, 0.2);
  --text-color: #666;
  --text-headline: #000;
  --card-shadow: #4fbd37;
  /*--card-height: 190px;*/
  --card-width: 100%;
  --card-radius: 12px;
  --header-height: 47px;
  --blend-mode: overlay;
  --transition: 0.15s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.service-card .service-card-inner:nth-child(odd) .card__body-cover-image {
  --x-y1: 100% 90%;
  --x-y2: 67% 83%;
  --x-y3: 33% 90%;
  --x-y4: 0% 85%;
}
.service-card .service-card-inner:nth-child(even) .card__body-cover-image {
  --x-y1: 100% 85%;
  --x-y2: 73% 93%;
  --x-y3: 25% 85%;
  --x-y4: 0% 90%;
}
.service-card .card__input {
  position: absolute;
  display: block;
  outline: none;
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
}
.service-card .card__input:checked ~ .card__body {
  --shadow: 0 0 0 3px var(--card-shadow);
}
.service-card .card__input:checked ~ .card__body .card__body-cover-checkbox {
  --check-bg: var(--background-checkbox);
  --check-border: #fff;
  --check-scale: 1;
  --check-opacity: 1;
}
.service-card .card__input:checked ~ .card__body .card__body-cover-checkbox--svg {
  --stroke-color: #fff;
  --stroke-dashoffset: 0;
}
.service-card .card__input:checked ~ .card__body .card__body-cover:after {
  --opacity-bg: 0;
}
.service-card .card__input:checked ~ .card__body .card__body-cover-image {
  --filter-bg: grayscale(0);
}
.service-card .card__input:disabled ~ .card__body {
  cursor: not-allowed;
  opacity: 0.5;
}
.service-card .card__input:disabled ~ .card__body:active {
  --scale: 1;
}
.service-card .card__body {
  display: grid;
  grid-auto-rows: calc(var(--card-height) - var(--header-height)) auto;
  background: var(--background);
  height: var(--card-height);
  width: var(--card-width);
  border-radius: var(--card-radius);
  overflow: hidden;
  position: relative;
  cursor: pointer;
  box-shadow: var(--shadow, 0 4px 4px 0 rgba(0, 0, 0, 0.05));
  transition: transform var(--transition), box-shadow var(--transition);
  transform: scale(var(--scale, 1)) translateZ(0);
}
.service-card .card__body:active {
  --scale: 0.96;
}
.service-card .card__body-cover {
  --c-border: var(--card-radius) var(--card-radius) 0 0;
  --c-width: 100%;
  --c-height: 125px;
  position: relative;
  overflow: hidden;
}
.service-card .card__body-cover:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: var(--c-width);
  height: var(--c-height);
  border-radius: var(--c-border);
  background: linear-gradient(to bottom right, var(--background-image));
  mix-blend-mode: var(--blend-mode);
  opacity: var(--opacity-bg, 1);
  transition: opacity var(--transition) linear;
}
.service-card .card__body-cover-image {
  width: var(--c-width);
  height: var(--c-height);
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: var(--c-border);
  filter: var(--filter-bg, grayscale(1));
  -webkit-clip-path: polygon(0% 0%, 100% 0%, var(--x-y1, 100% 90%), var(--x-y2, 67% 83%), var(--x-y3, 33% 90%), var(--x-y4, 0% 85%));
  clip-path: polygon(0% 0%, 100% 0%, var(--x-y1, 100% 90%), var(--x-y2, 67% 83%), var(--x-y3, 33% 90%), var(--x-y4, 0% 85%));
}
.service-card .card__body-cover-checkbox {
  background: var(--check-bg, var(--background-checkbox));
  border: 2px solid var(--check-border, #fff);
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 1;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  opacity: var(--check-opacity, 0);
  transition: transform var(--transition), opacity calc(var(--transition) * 1.2) linear;
  transform: scale(var(--check-scale, 0));
}
.service-card .card__body-cover-checkbox--svg {
  width: 13px;
  height: 11px;
  display: inline-block;
  vertical-align: top;
  fill: none;
  margin: 7px 0 0 5px;
  stroke: var(--stroke-color, #fff);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 16px;
  stroke-dashoffset: var(--stroke-dashoffset, 16px);
  transition: stroke-dashoffset 0.4s ease var(--transition);
}
.service-card .card__body-header {
  height: var(--header-height);
  background: var(--background);
  padding: 0 10px 10px 10px;
}
.service-card .card__body-header-title {
  color: var(--text-headline);
  font-weight: 700;
  font-size: 16px;
  text-align: center;
}
.service-card .card__body-header-subtitle {
  color: var(--text-color);
  font-weight: 500;
  font-size: 13px;
}

.pr-service-history .tab-pane section,.ongoing_service_div,.service_history_div {
	padding: 0 10px;
}

.custom-tab li.nav-item a.pr_completed_service.active {
    border-bottom: 2px solid #17a2b8 !important;
    color: #17a2b8;
}
.custom-tab li.nav-item a.pr_canceled_service.active {
    border-bottom: 2px solid #dc3545 !important;
    color: #dc3545;
}
.custom-tab li.nav-item a.pr_paid_service.active {
    border-bottom: 2px solid #28a745 !important;
    color: #28a745;
}
.custom-tab li.nav-item a.pr_missed_service.active {
    border-bottom: 2px solid #ffc107 !important;
    color: #ffc107;
}
#load_more_service_history{border: 1px solid white;color: white;}
@media screen and (min-width:1600px){
	.service-card{
		grid-template-columns: repeat(6, 1fr);
	}
}

@media screen and (max-width:1199px){
	.service-card{
		grid-template-columns: repeat(4, 1fr);
	}
}

@media screen and (max-width:767px){
	.service-card{
		grid-template-columns: repeat(3, 1fr);
	}
}

@media screen and (max-width:499px){
	.service-card{
		grid-template-columns: repeat(2, 1fr);
	}
}

/* Service panel. */
.InputButton .view_doc{
	background: #3bb722;border: 2px solid #3bb722;cursor: pointer;
}
.InputButton .view_doc:hover{color: #4fbd37}
.service_manage_modal .modal-dialog{max-width: 450px;}
.service_manage_modal .modal-content, #add_proof_modal .modal-content, #earning_months_modal .modal-content {border-top: 7px solid #4fbd37;border-radius: 9px;}
.bg-orange-light{background: #f1c7aac4;color: #db762a;}
.bg-orange-light:hover{color: #db762a;}
#usr-name{text-transform: capitalize;}
.fc-event-container .fc-day-grid-event{width: 8px !important; height: 10px;border-radius: 8px;border-color: snow !important;cursor: pointer;}

/*Dashboard Send Request CSS Start*/
.custom-tab {
    border-bottom-width: 2px;
}
.custom-tab li.nav-item a {
    border: none;
    margin-bottom: 0px;
    color: #495057;
}
.custom-tab li.nav-item a.active {
    border-bottom: 2px solid #4fbd37 !important;
    color: #4fbd37;
    font-weight: 600;
}
.request_div .request_edit_btn {
    position: absolute;
    top: -16px;
    right: -1px;
    border: none;
    box-shadow: none;
    background: #e8f6e5;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom-left-radius: 10px;
    z-index: 1;
    color: #349f1d;
}

.request_div .card {
    border: none;
    box-shadow: 0px 2px 10px 0px #0000000f;
    min-height: 170px;
}

.request-left-wrapper h4 small {
    display: inline-block;
    font-size: 13px;
    background: #4fbd3717;
    /*color: #36b31a;*/
    color: #757575;
    padding: 3px 5px;
    border-radius: 5px;
    font-weight: 500;
}

.user-name {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.request-right-wrapper .delete_user_request, .request-right-wrapper .reschedule_user_request,.request-right-wrapper .cancel_requested_service {
    width: 100%;
    font-size: 12px;
    padding: 7px 4px !important;
    border-radius: 4px;
}

.request-inner .demo-table ul li {
    cursor: default;
}

.request-info {
    font-size: 13px;
}

.request-info small {
    display: inline-block;
    font-size: 13px;
}

/* !! code for the switch. */
.material-switch > input[type="checkbox"] {display: none;}
.material-switch > label {cursor: pointer;height: 0px;position: relative; width: 40px;}
.material-switch > label::before {
  background: rgb(0, 0, 0);
  box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
  border-radius: 8px;
  content: '';
  height: 16px;
  margin-top: -8px;
  position:absolute;
  opacity: 0.3;
  transition: all 0.4s ease-in-out;
  width: 40px;
}
.material-switch > label::after {
  background: rgb(255, 255, 255);
  border-radius: 16px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  content: '';
  height: 24px;
  left: -4px;
  margin-top: -8px;
  position: absolute;
  top: -4px;
  transition: all 0.3s ease-in-out;
  width: 24px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
  background: inherit;
  opacity: 0.5;
}
.material-switch > input[type="checkbox"]:checked + label::after {
  background: inherit;
  left: 20px;
}

#pr_paid_service_data .bg-success{
	background-color:#4fbd37e0!important;
}

/*
* ==========================================
* CUSTOM UTIL CLASSES DATEPICKER
* ==========================================
*/
.datepicker td, .datepicker th {
    width: 2.5rem !important;
    height: 2.5rem !important;
    font-size: 0.85rem !important;
}
.p-auto{
	cursor: auto;
}


@media screen and (max-width: 1199px) {
    .request-right-wrapper {
        display: flex;
        justify-content: space-between;
        order: 3;
    }
    .request-btn-wrapper {
        display: flex;
        align-items: center;
    }
    .cancel-btn-wrapper, .reschedule-btn-wrapper {
        margin: 2px;
    }
    .request-right-wrapper .delete_user_request, 
    .request-right-wrapper .reschedule_user_request,
    .request-right-wrapper .cancel_requested_service{
        font-size: 11px;
    }
}

@media screen and (max-width:575px){
	.request-info {
	    font-size: 12px;
	}
	.custom-tab li.nav-item a i{
		display: none;
	}
	.custom-tab li.nav-item a{
		padding: 0.5rem;
	}
}

/*Dashboard Send Request CSS end*/
.p-none{pointer-events: none !important;}

/*Dashboard Edit Service Modal CSS Start*/
.amount-control-schedule .form-control-icon {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.amount-control-schedule .form-control{
    padding-left: 35px !important;
}
.readonly_bgwhite .form-control {
    background-color: #fff;
}
.amount-control .form-control-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}
.amount-control .btn {
    height: 38px;
    padding: 10px 25px;
}
/*Dashboard Edit Service Modal CSS End*/

/* !! Display Rating star */
.demo-table {width: 100%;border-spacing: initial;word-break: break-word;table-layout: auto;color:#333;}

.demo-table ul{margin:0;padding:0;}
.demo-table li{cursor:pointer;list-style-type: none;display: inline-block;color: #F0F0F0;text-shadow: 0 0 1px #666666;font-size:20px;}
.demo-table .highlight, .demo-table .selected {color:#F4B30A;text-shadow: 0 0 1px #F48F0A;}
/* !! End Display Rating star */


/* !! Card Detail layout. [USER]*/
/*@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700,500&display=swap');*/
/*body {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: azure;
    padding: 10px 20px;
}*/


.card_list_modal .new_card_background {
    background-color: #ffffff;
}

.card_list_modal .form-control:focus {
    box-shadow: 10px 0px 0px 0px #ffffff !important;
    border-color: #4ca746;
}
.card_list_modal p {
    margin: 0px;
}

.card_list_modal .h8 {
    font-size: 25px;
    font-weight: 600;
    color: white;
}

.card_list_modal .card .atm {
    width: 90px;
    height: 90px;
    object-fit: cover;
}

.card_list_modal .card .visa {
   /* width: 50px;
    height: 20px;
    object-fit: fill;*/
}

.card_list_modal .card .master {
    width: 50px;
    height: 50px;
    object-fit: fill;
}

.card_list_modal .debit-card {
    width: 100%;
    height: 150px;
    padding: 20px;
    background-color: #f9f9f9;
    position: relative;
    border-radius: 5px;
    transition: all 0.3s ease-in;
    /*cursor: pointer;*/
    border: 1px #cdcdcd;
    border-style: dashed;
}

.card_list_modal .debit-card:hover {
    box-shadow: 5px 3px 5px #00000014;
}

.card_list_modal .text-muted {
    font-size: 0.8rem;
}

.card_list_modal .text-white {
    font-size: 14px;
}

.card_list_modal .input {
    position: absolute;
    top: 6px;
    right: 0;
}

.card_list_modal .card-wrapper{
	border-radius: 0px;
	padding: 25px 15px;
}

.card_list_modal p {
    margin-bottom: 10px !important;
}

.debit-card .btn {
    padding: 6px 10px;
}

@media (max-width:450px){
	.card .card-wrapper{
		margin: 0px auto;
		max-width: 100%;
	}
	.card-wrapper>.jp-card-container{
		transform: scale(1) !important;
	}
	.card .card-wrapper .jp-card{
		width: 100%;
		min-width: 100%;
	}
	.card .card-wrapper .jp-card .jp-card-front .jp-card-lower .jp-card-number{
		font-size: 20px
	}
	.card_list_modal p{
		font-size: 13px;
	}
	.card_list_modal .debit-card{
		padding: 15px;
	}
	.card-header h5 {
	    font-size: 1rem;
	}
}

.jumbotron_cust{
	padding: 0.5rem 1rem;
    margin-bottom: 1rem;
    background-color: #e9ecef;
    border-radius: 0.3rem;
}
.wrapper_hours:after{
	content: "";
    background-color: #ad9e9e52;
    position: absolute;
    width: 1px;
    height: 53px;
    top: -4px;
    left: 92%;
    display: block;
}

#frm_add_tip #tip_amount {
	border: 0;
    border-bottom: 2px solid #28a745;
    border-radius: 0;
    box-shadow: none;
}
.request_div .alert .close.remove_tip {line-height: 0.6;}
.f-16 {font-size: 16px;}
.f-25 {font-size: 25px;}
.w-35 {width: 35%;}
.bg-green {background-color: #28a745; }
.b-none{border: none;}
#frm_add_rating .modal-body, #frm_add_rating .modal-footer {background: #80808030;}
.danger-light{
	box-shadow: 0px 0px 0px 2px #ff3939 !important;
}

/* !! Card pulse add button. */
.card_add_pulse .wrapper{display: flex;} .card_add_pulse .pulse{width: 50px;height: 50px;background-color: #4fbd37c9;border-radius: 50%;position: relative;animation: animate 3s linear infinite}
.card_add_pulse .pulse i{position: relative;display: flex;justify-content: center;align-items: center;font-size: 24px;color: #fff;height: 100%;cursor: pointer}
@keyframes animate{0%{box-shadow:0 0 0 0 rgb(115 202 96), 0 0 0 0 rgb(115 202 96)}40%{box-shadow: 0 0 0 25px rgb(255 109 74 / 0%), 0 0 0 0 rgb(115 202 96)}80%{box-shadow: 0 0 0 25px rgb(255, 109, 74, 0) , 0 0 0 30px rgb(255, 109, 74, 0)}100%{box-shadow: 0 0 0 0 rgb(255, 109, 74, 0) , 0 0 0 25px rgb(255, 109, 74, 0)}}
/* !! /Card pulse add button. */

.tipform-wrapper {
    max-width: 250px;
}

@media screen and (min-width:1200px){
	.requestservice-card .card {
	    min-height: 278px;
	}
}

@media screen and (min-width:992px) and (max-width:1199px){
	.requestservice-card .card {
	    min-height: 330px;
	}
}

@media screen and (min-width:768px) and (max-width:991px){
	.requestservice-card .card {
	    min-height: 310px;
	}
}

.pointer_clickable {cursor: pointer;}
/* !! Accordion User. */
#accordion_user_settings .btn-check:focus+.btn, .btn:focus {outline: 0;box-shadow: none;}
.active_accordian{background: #4fbd37;}

.card_add_modal .modal-body::-webkit-scrollbar {
    width: 0;
}

.dbdelete-btn {
    position: absolute;
    top: 0;
    right: 0;
    background: #dc35451c;
    border-radius: 0;
    border-bottom-left-radius: 10px;
}

.dbdelete-btn i {
    color: #dc3545;
    font-size: 16px;
}

.ongoing_service_div button{   
	width: 100%;
    font-size: 12px;
    padding: 7px !important;
    border-radius: 4px;
    border: 1px solid;
}

.orange-clr{
	background: #ed8300;
}

.orange-clr:hover{
	background: #e37d00;
}

.orange-clr:not(:disabled):not(.disabled):active:focus{
	box-shadow: 0 0 0 0.2rem rgb(203 112 0 / 15%);
}

#frm_add_proof .btn-outline-success {
	font-size: 12px;
    padding: 7px !important;
    border-radius: 4px;
    border: 1px solid;
    text-align: center;
}

#frm_add_proof .ratio-box .ratio-img.dashed {
    height: 150px;
    object-fit: fill;
}

#btn_add_proof {
	background: #fff;
    border: 1px solid #28a745;
    color: #28a745;
}

#btn_add_proof:hover {
	background: #28a745;
	color: #fff;
}
#provider_bank_detail .btn-outline-success{
	border: 1px solid !important;
}
/* !! My Requests [Provider]*/
.my_request_delete{
	position: absolute;
    top: -20px;
    right: -20px;
    border: none;
    box-shadow: none;
    background: #e393906b;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom-left-radius: 10px;
    color: #ef0a02;
    width: 25px;
    height: 23px;
}
.my_request_delete:hover{color: red;}

.accept_request_btn {
	padding: 12px 20px;
    font-size: 14px;
    width: auto;
    border: 1px solid;
}
.btn_small {padding: 0.25rem 0.5rem;font-size: .875rem;}
/*#my_requests_details .owl-nav {*/
#my_requests_details .owl-nav, #request_list_service .owl-nav{
	text-align: center;
}

/*#my_requests_details .owl-nav button {*/
#my_requests_details .owl-nav button, #request_list_service .owl-nav button{
	background: #4fbd37;
	border: 3px solid #4fbd37;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin: 5px;
    font-size: 0;
    text-align: center;
}
/*#my_requests_details .owl-nav button:hover {*/
#my_requests_details .owl-nav button:hover, #request_list_service .owl-nav button:hover{
	background: #fff;
	border-color: #4fbd37;
}
/*#my_requests_details .owl-nav  button:hover:before  {*/
#my_requests_details .owl-nav  button:hover:before, #request_list_service .owl-nav  button:hover:before{
	color: #4fbd37;
}

/*#my_requests_details .owl-nav .owl-prev:before {*/
#my_requests_details .owl-nav .owl-prev:before, #request_list_service .owl-nav .owl-prev:before{
	content:"\f053";
	font-family: 'FontAwesome';
	font-size: 15px;
	color: #fff;
}
/*#my_requests_details .owl-nav .owl-next:before {*/
#my_requests_details .owl-nav .owl-next:before, #request_list_service .owl-nav .owl-next:before{
	content:"\f054";
	font-family: 'FontAwesome';
	font-size: 15px;
	color: #fff;
}

.f-18 {
	font-size: 18px;
}

.delete_bank_detail{
	padding: 10px 15px;
    border: 2px solid;
}

.my_request_map{width:100%; height:300px !important;border: 2px solid #92d06e;border-radius: 6px;}

.spinner_dashboard{width: 20px; height: 20px;}
/*Earnings module. */
.solution_cards_box {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.solution_cards_box .solution_card {
  flex: 0 50%;
  background: #fff;
  box-shadow: 0 2px 4px 0 rgba(136, 144, 195, 0.2),
    0 5px 15px 0 rgba(37, 44, 97, 0.15);
  border-radius: 15px;
  /*margin: 8px;*/
  /*padding: 10px 15px;*/
  position: relative;
  z-index: 1;
  overflow: hidden;
  /*min-height: 265px;*/
  transition: 0.4s;
}

.solution_cards_box .solution_card:hover {
  background: #79c95a;
  color: #fff;
  transform: scale(1.06);
  z-index: 9;
}

.solution_cards_box .solution_card:hover::before {
  background: rgb(85 108 214 / 10%);
}

.solution_cards_box .solution_card:hover .solu_title h3,
.solution_cards_box .solution_card:hover .solu_description p {
  color: #fff;
}

.solution_cards_box .solution_card:before {
  content: "";
  position: absolute;
  background: rgb(85 108 214 / 5%);
  width: 170px;
  height: 400px;
  z-index: -1;
  transform: rotate(42deg);
  right: -56px;
  top: -23px;
  border-radius: 35px;
}

.solution_cards_box .solution_card:hover .solu_description button {
  background: #fff !important;
  color: #309df0;
}

.solution_card .so_top_icon {
}

.solution_card .solu_title h3 {
  color: #212121;
  font-size: 1.3rem;
  margin-top: 13px;
  margin-bottom: 13px;
}

.solution_card .solu_description p {
  font-size: 15px;
  margin-bottom: 15px;
}

.solution_card .solu_description button {
  border: 0;
  border-radius: 15px;
  background: linear-gradient(
    140deg,
    #42c3ca 0%,
    #42c3ca 50%,
    #42c3cac7 75%
  ) !important;
  color: #fff;
  font-weight: 500;
  font-size: 1rem;
  padding: 5px 16px;
}

.our_solution_content h1 {
  text-transform: capitalize;
  margin-bottom: 1rem;
  font-size: 2.5rem;
}
.our_solution_content p {
}

.hover_color_bubble {
  position: absolute;
  background: rgb(54 81 207 / 15%);
  width: 100rem;
  height: 100rem;
  left: 0;
  right: 0;
  z-index: -1;
  top: 16rem;
  border-radius: 50%;
  transform: rotate(-36deg);
  /*left: -18rem;*/
  left: -31rem;
  transition: 0.7s;
}

.solution_cards_box .solution_card:hover .hover_color_bubble {
  top: 0rem;
}

.solution_cards_box .solution_card .so_top_icon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #fff;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.solution_cards_box .solution_card .so_top_icon img {
  width: 40px;
  height: 50px;
  object-fit: contain;
}


/*notification-bell css start*/
.notification-delete {
	font-size: 22px;
    margin-left: 5px;
}

.notification-wrapper {
	max-height: 265px;
    overflow-y: auto;
}

.notification-wrapper::-webkit-scrollbar {
  width: 5px;
}

.notification-wrapper::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
.notification-wrapper::-webkit-scrollbar-thumb {
  background: #a19c9c;
}

.notification-wrapper::-webkit-scrollbar-thumb:hover {
  background: #b30000; 
}

.notification-section .icon{
	cursor: pointer;
    margin-right: 12px;
    position: relative;
    margin-top: 5px;
}

.notification-section .icon img{
	display: inline-block;
	width: 26px;
	margin-top: 4px;
}

.notification-section .icon:hover{
	opacity: .7
}
.notification-section .logo{
	flex: 1;
	margin-left: 50px;
	color: #eee;
	font-size: 20px;
}
.notification-section .notifications{
	display: none;
	width: 300px;
	height: 0px;
	z-index: 1;
	position: absolute;
	top: 90px;
	/*right: 62px;*/
	right: 15px;
	border-radius: 5px 0px 5px 5px;
	background-color: #fff;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.sticky .notification-section .notifications {
	top: 65px;
}

.notification-section .notifications h2 {
	font-size: 14px;
	padding: 10px;
	border-bottom: 1px solid #eee;
	color: #999;
	position: sticky;
	top: 0;
	background: #fff;
	width: 100%;
}
.notification-section .notifications h2 span {
  color: #f00;
}
.notification-section .notifications-item {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #eee;
  padding: 12px;
  margin-bottom: 0px;
  cursor: pointer;
}
.notification-section .notifications-item:hover {
  background-color: #eee;
}
.notification-section .notifications-item img {
  display: block;
  width: 50px;
  height: 50px;
  margin-right: 9px;
  border-radius: 50%;
  margin-top: 2px;
}
.notification-section .notifications-item .text h4 {
  color: #777;
  font-size: 16px;
  margin-top: 3px;
}
.notification-section .notifications-item .text p {
  color: #aaa;
  font-size: 13px;
}

.notification-section .icon .fa-bell {
    color: #212529;
    font-size: 25px;
}


.sticky header.header .notification-section .icon .fa-bell,
.HeaderCarousel .notification-section .icon .fa-bell {
	color: #fff;
}

.dashborad-page .notification-section .icon .fa-bell {
	color: #212529;
}

.notification-section .n-count {
	background: red;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    font-size: 0;
    display: block;
    position: absolute;
    top: -3px;
    right: 1px;
}
/*notification-bell css end*/
.inner_loader{
	display:flex;width: 100%;height: 100%;justify-content: center;
}

/*PAV css start*/
.resend-btn {
	padding: 10px;
    font-size: 12px;
    position: absolute;
    right: 0;
    top: 0;
    text-transform: capitalize;
}

#team-description .modal-dialog  {
	height: 100%;
}

.InputBox .password-icon-eye {
	right: 0;
    left: unset;
    color: #92929d;
    cursor: pointer;
}

.InputBox .password-icon-eye:hover {
	color: #4fbd37;
}

.accept-request-card .sub-titles {
	min-height: 22px;
}

.accept-main-title {
    position: sticky;
    top: 0;
    margin: auto;
    background: #fff;
    padding: 1.25rem 1.25rem 0;
}

.accept-btn {
    position: fixed;
    bottom: 25px;
    width: 98%;
    margin: auto;
    right: 0;
    left: 0;
    background: #ffff;
    border-radius: 0.25rem;
}
.accept-body::-webkit-scrollbar {
  width: 5px;
}

.accept-body::-webkit-scrollbar-track {
  border-radius: 10px;
}
.accept-body::-webkit-scrollbar-thumb {
  background: #ddd; 
  border-radius: 10px;
}

.accept_request_btn {
    margin-bottom: 1.25rem;
}

.accept-request-card .card-body {
    padding: 0;
}

.accept-body {
    max-height: 300px;
    overflow: auto;
    position: relative;
    min-height: 300px;
    padding: 0 1.25rem;
    padding-bottom: 70px;
}
/*PAV css end*/

/*dup css starts */
.FooterLink ul li a:before {
    content: '';
    width: 0;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='16' viewBox='0 0 25 16' fill='none'%3E%3Cpath d='M24.7071 8.7071C25.0976 8.31658 25.0976 7.68342 24.7071 7.29289L18.3431 0.928931C17.9526 0.538406 17.3195 0.538406 16.9289 0.928931C16.5384 1.31946 16.5384 1.95262 16.9289 2.34314L22.5858 8L16.9289 13.6569C16.5384 14.0474 16.5384 14.6805 16.9289 15.0711C17.3195 15.4616 17.9526 15.4616 18.3431 15.0711L24.7071 8.7071ZM8.74228e-08 9L24 9L24 7L-8.74228e-08 7L8.74228e-08 9Z' fill='%234FBD37'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0 center;
    background-size: 16px auto;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all ease-in-out 0.3s;
}

.FooterLink ul li a:hover:before {
    width: 20px;
}
/*dup css ends */

@media screen and (max-width: 1199px) {
	.track-wrapper{
		background: #4fbd3712;
	    justify-content: center;
	    margin-top: 12px;
	}

	.profile-pic img {
		min-height: 100px;
	    min-width: 100px;
	    width: 100px;
	    height: 100px;
	}

	#service_request_table tr td:nth-child(3), .service_request_table tr td:nth-child(3) {
    	white-space: nowrap !important;
	}
}

@media screen and (max-width: 1100px) {
	.notification-section .notifications,.sticky .notification-section .notifications {
		top: 50px;
	}															

}


@media screen and (max-width: 992px) {
	.account_setting_pages .profile-pic img {
		min-height: 80px;
	    min-width: 80px;
	    width: 80px;
	    height: 80px;
	}

	.account_setting_pages .ProfileText {
		margin: 20px 0 0;
		text-align: center;
	}

	.account_setting_pages .custom-wrapper-inner {
		padding: 0;
	}
}

@media screen and (max-width: 575px) {
	.profile-pic {
    	flex-direction: column;
	}
	.ongoing_service_div button{
		font-size: 10px;
		line-height: 10px;
	}
	.sec-ab-detail {
    	padding: 10px 0;
	}
	.resend-btn {
		padding: 6px 8px;
	    font-size: 10px;
	    line-height: 20px;
	    bottom: 8px;
	}
}



@media screen and (min-width:992px) and (max-width:1199px){
	.ongoing_service_div button{  
		padding: 5px !important;
	}
}

/* Popup Styling */
.cookie-popup {
	position: fixed;
	bottom: 20px;
	right: 20px;
	max-width: 521px;
	background-color: #f8f9fa;
	border: 1px solid #ced4da;
	padding: 20px;
	border-radius: 10px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
	display: none;
	font-family: Arial, sans-serif;
	text-align: center;
	z-index:9999;
}

.cookie-popup button {
	border: 1px solid green;
}