.profile-head h1 {

	font-size: 18px;

	font-weight: 500;

	color: #000;

	font-family: 'Roboto';

}

.card {

	border: 0px;

}


.btn {

	cursor: pointer;

}

.serviceBox:hover .title {
    color: #fff !important;
}

.account-settings-fileinput {

	position: absolute;

	visibility: hidden;

	width: 1px;

	height: 1px;

	opacity: 0;

}


.account-settings-links .list-group-item.active {

	font-weight: bold !important;

	border-radius: 40px;

	background: #2DC742;

	color: #FFF;

	font-family: Roboto;

	font-size: 16px;

	font-style: normal;

	font-weight: 500 !important;

	line-height: normal;

}


.account-settings-multiselect~.select2-container {

	width: 100% !important;

}


.light-style .account-settings-links .list-group-item {

	padding: 0.55rem 1.5rem;

	margin: 8px 0px;

	max-width: 100%;

	width: 250px;

	height: 45px;

	border-color: rgba(24, 28, 33, 0.03) !important;

	border-radius: 40px;

}


.list-group-flush>.list-group-item {

	background: #F0F1F0;

	color: #000;

	font-family: Roboto;

	font-size: 16px;

	font-style: normal;

	font-weight: 500 !important;

	line-height: normal;

}


.content-holder .title {

	color: #2DC742;

	font-family: Roboto;

	font-size: 35px;

	font-style: normal;

	font-weight: 600;

	line-height: normal;

}


.content-holder .title span {

	color: #989898;

	font-family: Roboto;

	font-size: 16px;

	font-style: normal;

	font-weight: 400;

	line-height: normal;

	text-decoration-line: line-through;

}


.serviceBox:hover .title span {

	color: #ffffff;

}


.serviceBox input:checked p {

	color: #ffffff;

}


.content-holder .description {

	color: #000;

	font-family: Roboto;

	font-size: 18px;

	font-style: normal;

	font-weight: 500;

	line-height: normal;

}


.content-holder .time {

	color: #9A9A9A;

	font-family: Roboto;

	font-size: 14px;

	font-style: normal;

	font-weight: 400;

	line-height: normal;

	padding-left: 0;

	width: 100%;

}


.content-holder:hover .content {

	color: #fff;

}


.content-holder:hover .time {

	color: #fff;


}


.content-holder .content {

	color: #9A9A9A;

	font-family: Roboto;

	font-size: 12px;

	font-style: normal;

	font-weight: 400;

	line-height: 17px;

}


.serviceBox {

	box-shadow: 0px 4px 14px 0px rgb(0 0 0 / 0%);

	padding: 15px;

	border-radius: 10px;

	background: #fff;

	height: 195px;

	position: relative;

	z-index: 1;

	text-align: left;

	border-radius: 10px;

	border: 1px solid #CDCDCD;

	background: #FFF;

}


.serviceBox:hover {

	padding: 15px;

	background-color: #2DC742 !important;

}


.notification-section {

	background-color: #f2efef;

	border-radius: 10px;

	padding: 20px;

}


.appointment-dedail-section {

	border: 1px solid #9A9A9A;

	border-radius: 10px;

	padding: 20px;

}


.content-holder h1 {

	font-size: 20px;

	font-weight: 500;

	font-family: Roboto;

}


.img-holder img {

    width: 70px;
    height: 70px;
    border-radius: 100px;
    border: 2px solid #2dc742;

}


.img-holder-1 img {

	width: 40%;

}


.content-holder p {

	margin-bottom: 0;

	font-size: 16px;

	font-weight: 500;

	font-family: Roboto;

}


.checked {

	color: orange;

}


.techwix-team-section .btn-get-started-2 {

	font-weight: 400;

	font-size: 14px;

	letter-spacing: 1px;

	display: inline-block;

	padding: 8px 8px;

	border-radius: 4px;

	font-style: normal;

	transition: 0.5s;

	font-family: 'Roboto';

	line-height: 1;

	color: #2dc742;

	-webkit-animation-delay: 0.8s;

	animation-delay: 0.8s;

	border: 2px solid #2dc742;

}


.content-holder h2 {

	font-size: 22px;

	font-weight: 500;

	font-family: Roboto;

}


.content-holder .call-us {

	margin-bottom: 0;

	font-size: 14px;

	font-weight: 400;

	font-family: Roboto;


}


.account-general-wrapper {

	border: 1px solid #d6d6d6 !important;

	padding: 25px !important;

	border-radius: 20px !important;

}


#account-general .time-schedule {

	background-color: #F5F5F5;

	text-align: center !important;

	justify-content: center !important;

	padding: 12px !important;

	border-radius: 10px !important;

	color: #898989;

	font-family: 'Roboto';

	font-size: 16px !important;

	font-weight: 400;

	width: 100%;


}


#account-general .slick-slide .slide-content {

	margin: 0 10% !important;

	/*padding: 50px 100px;

	background: #fff;*/

}


#account-general .slick-list {

	margin: 0px;

}


#account-general .slick-prev,

#account-general .slick-next {

	position: absolute;

	right: 0;

	width: 30px;

	height: 30px;

}


#account-general .slick-prev:before,

#account-general .slick-next:before {

	content: ">";

	color: #333;

	font-size: 24px;

}


#account-general .slick-prev {

	left: 0;

}


#account-general .slick-prev:before {

	content: "<";

}


#account-general .slick-dots {

	list-style: none;

	margin: 0 auto;

	text-align: center;

}


#account-general .slick-dots li {

	display: inline-block;

}


#account-general .slick-dots li button {

	transition: 0.2s background-color ease-in-out 0s;

	border: none;

	padding: 0;

	color: transparent;

	width: 10px;

	height: 10px;

	background-color: #777;

	margin-right: 10px;

	border-radius: 50%;

}


#account-general .slick-dots li.slick-active button {

	background-color: #fff;

}


.slick-slider {

	width: 100%;

	background-color: transparent;


	.slick-track {

		display: flex;

		align-items: center;

		flex-wrap: nowrap;

		height: 100px;

		justify-content: center;

	}


	.slick-slide {

		float: none;

		display: inline-block;

		vertical-align: middle;

		padding: 10px 0px;

		margin: 10px;

		color: #000;

		transition: all 0.3s ease;

		height: auto;

		text-align: center;


		&.slick-current .slide-content .content-wrapper h4,

		&.slick-center {

			color: #000;

		}

	}


	.slick-slide {


		&.slick-current .slide-content .content-wrapper p,

		&.slick-center {

			color: #000;

		}

	}


}


.time-wrapper .cat {

	margin: 10px;

	background-color: #eee;

	border-radius: 10px;

	border: 1px solid #fff;

	overflow: hidden;

	float: left;

	width: 100%;

}


.time-wrapper .cat label {

	/* float: left;

	line-height: 2.0em; */

	width: 100%;

	/* height: 54px; */

}


.time-wrapper .cat label .time-schedule {

	text-align: center;

	padding: 3px 0;

	display: block;

}


.time-wrapper .cat label input {

	position: absolute;

	display: none;

	color: #fff !important;

}


/* .time-wrapper .cat label input+.time-schedule {

	background-color: #5cb874 !important;



	} */


.time-wrapper .cat input:checked+.time-schedule {

	color: #fff !important;

	background-color: #5cb874;

	border: 1px solid #e3dfdf;

	height: auto !important;

	padding: 20px !important;

}


.slide-content .content-wrapper h4 {

	font-size: 13px;

	font-weight: 500;

	font-family: 'Roboto';

	color: #9F9F9F;

}


.slide-content .content-wrapper p {

	font-size: 14px;

	font-weight: 500;

	font-family: 'Roboto';

	color: #9F9F9F;

}


.appointment-detail .content-holder h3 {

	font-size: 18px;

	font-weight: 500;

	font-family: Roboto;

}


.border-bottom {

	margin: 5px 0 5px !important;

}


.border-top {

	margin: 10px 0 5px !important;

}


.text-holder {

	color: #000;

	font-size: 16px;

	font-weight: 500;

	font-family: Roboto;

}


.date-holder h6 {

	font-size: 14px;

	font-weight: 300;

	font-family: Roboto;

}


.radio input[type=radio]+.radio-label:before {

	content: "";

	/* background: #f4f4f4; */

	border-radius: 100%;

	border: 1px solid #b4b4b4;

	display: inline-block;

	width: 1.3em;

	height: 1.3em;

	position: relative;

	top: -0.2em;

	margin-right: 1em;

	vertical-align: top;

	cursor: pointer;

	text-align: center;

	transition: all 250ms ease;

}

.radio input[type=radio]:checked+.radio-label:before {

	background-color: #3197EE;

	box-shadow: inset 0 0 0 4px #f4f4f4;

}

.radio input {

	opacity: 0;

	height: 30px;

}

.input-item input[type=checkbox]+.label-for-checkbox:before {

	content: "";

	display: flex;

	border-radius: 25%;

	background: #e2e2e2;

	display: inline-block;

	width: 1.6em;

	height: 1.3em;

	position: relative;

	top: -0em;

	margin-right: 1em;

	vertical-align: top;

	cursor: pointer;

	text-align: center;

	transition: all 250ms ease;

}

.input-item input[type=checkbox]:checked+.label-for-checkbox:before {

	background-color: #3197EE;

	box-shadow: inset 0 0 0 4px #f4f4f4;

}

.input-item input {

	opacity: 0;

	position: absolute;

}

.checkbox label {

	display: flex;

}


.appointment-charges .charges-holder {

	color: #2DC742;

}


.modal {

	display: none;
	/* Hidden by default */

	position: fixed;
	/* Stay in place */

	z-index: 1;
	/* Sit on top */

	padding-top: 210px;
	/* Location of the box */

	left: 0;

	top: 0;

	width: 100%;
	/* Full width */

	height: 100%;
	/* Full height */

	overflow: auto;
	/* Enable scroll if needed */

	background-color: rgb(0, 0, 0);
	/* Fallback color */

	background-color: rgba(0, 0, 0, 0.4);
	/* Black w/ opacity */

}


/* Modal Content */

.modal-content {

	background-color: #fefefe;

	margin: auto;

	padding: 20px;

	border: 1px solid #888;

	width: 40%;

}


/* The Close Button */

.close {

	color: #aaaaaa;

	float: right;

	font-size: 28px;

	font-weight: bold;

}


.close:hover,

.close:focus {

	color: #000;

	text-decoration: none;

	cursor: pointer;

}

/****Login start****/
.user-login {

	border-radius: 14px;

	background: #FFF;

	box-shadow: 0px 5px 14px 0px rgba(0, 0, 0, 0.15);

	padding: 30px;

}

.user-loginform .user-login h1 {

	color: #000;

	font-family: Roboto;

	font-size: 25px;

	font-style: normal;

	font-weight: 400;

	line-height: normal;

}

.user-loginform .user-login p {

	color: #000;

	font-family: Roboto;

	font-size: 12px;

	font-style: normal;

	font-weight: 400;

	line-height: normal;

}

.user-loginform .user-login span a {

	color: #2DC742;

	font-family: Roboto;

	font-size: 12px;

	font-style: normal;

	font-weight: 700;

	line-height: normal;

}

.user-loginform .user-login a {

	color: #000;

	font-family: Roboto;

	font-size: 14px;

	font-style: normal;

	font-weight: 400;

	line-height: normal;

}

.user-login .btn-grad {

	padding: 0.7rem 1rem;

	display: inline-block;

	color: #fff;

	font-size: 16px;

	font-weight: 400;

	width: 200px !important;

	font-style: normal;

	border-radius: 5px;

	border: 0;

	font-family: 'Roboto';

	background: #2DC742;

}

.user-login .btn-grad:hover{
	padding: 0.7rem 1rem;

	display: inline-block;

	color: #fff;

	font-size: 16px;

	font-weight: 400;

	width: 200px !important;

	font-style: normal;

	border-radius: 5px;

	border: 0;

	font-family: 'Roboto';

	background: #2DC742;
}


.user-login input {

	border-radius: 5px;

	border: 1px solid #C6C6C6;

	background: #FFF;

}

.user-login label {

	color: #000;

	font-family: Roboto;

	font-size: 14px;

	font-style: normal;

	font-weight: 400;

	line-height: normal;

}

.hr {

	border-bottom: 4px solid #868686 !important;

	width: 124.188px;

	height: 3px;

	flex-shrink: 0;

	margin: 0.6rem 0 !important;

}

/****Login end****/