@import url('https://fonts.googleapis.com/css?family=Quicksand:400,500,700&subset=latin-ext');

html {
	position: relative;
	overflow-x: hidden !important;
}

* {
	box-sizing: border-box;
}

body {
	font-family: 'Quicksand', sans-serif;
	color: #324e63;
}

a,
a:hover {
	text-decoration: none;
}

.icon {
	display: inline-block;
	width: 1em;
	height: 1em;
	stroke-width: 0;
	stroke: currentColor;
	fill: currentColor;
}

.wrapper {
	width: 100%;
	width: 100%;
	height: auto;
	min-height: 100vh;
	padding: 50px 20px;
	padding-top: 100px;
	display: flex;
	background-image: linear-gradient(-20deg, #ff2846 0%, #6944ff 100%);
	display: flex;
	background-image: linear-gradient(-20deg, #ff2846 0%, #6944ff 100%);
}

@media screen and (max-width: 1290px) {
	.wrapper {
		height: auto;
		min-height: 100vh;
		padding-top: 100px;
	}

	.weeks {
		display: grid;
		background-color: #4b5725;
		color: #fff;
		border-radius: 10px;
		grid-template-columns: 42% 7% 25% !important;
		height: 60px;
	}

	.modal-dialog {
		width: auto !important;
	}

	.hours {
		width: 100% !important;
	}

}

.profile-card {
	width: 100%;
	min-height: 460px;
	margin: auto;
	box-shadow: 0px 8px 60px -10px rgba(13, 28, 39, 0.6);
	background: #fff;
	border-radius: 12px;
	max-width: 80%;
	position: relative;
	margin-top: 4%;
}

.profile-card.active .profile-card__cnt {
	filter: blur(6px);
}

.profile-card.active .profile-card-message,
.profile-card.active .profile-card__overlay {
	opacity: 1;
	pointer-events: auto;
	transition-delay: 0.1s;
}

.profile-card.active .profile-card-form {
	transform: none;
	transition-delay: 0.1s;
}

.profile-card__img {
	height: 300px;
	/* margin-left: auto;
	 margin-right: auto; */
	/* transform: translateY(-40%); */
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	z-index: 4;
	box-shadow: 0px 5px 50px 0px #56c67a, 0px 0px 0px 7px rgb(88 198 123);

}

.img-class56 {
	width: 50%;
}



.data-class56 {
	width: 45%;
}

.class-main {
	display: flex;
	padding: 5%;
	justify-content: space-between;
	/* box-shadow: 0px 5px 50px 0px #6c44fc, 0px 0px 0px 7px rgba(107, 74, 255, 0.5); */
}

.profile-card__cnt {
	text-align: center;
	padding: 0 20px;
	padding-bottom: 0px;
	transition: all 0.3s;
}

.profile-card__name {
	font-weight: 700;
	font-size: 55px;
	color: #4c5722;
	margin-bottom: 15px;
}

.profile-card__txt {
	font-size: 18px;
	font-weight: 500;
	color: #324e63;
	margin-bottom: 15px;
}

.profile-card__txt strong {
	font-weight: 700;
}

.profile-card-loc {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	font-weight: 600;
}

.profile-card-loc__icon {
	display: inline-flex;
	font-size: 27px;
	margin-right: 10px;
}

.profile-card-inf {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: flex-start;
	margin-top: 35px;
}

.profile-card-inf__item {
	padding: 10px 35px;
	min-width: 150px;
}

@media screen and (max-width: 768px) {
	.profile-card-inf__item {
		padding: 10px 20px;
		min-width: 120px;
	}
}

.profile-card-inf__title {
	font-weight: 700;
	font-size: 27px;
	color: #324e63;
}

.profile-card-inf__txt {
	font-weight: 500;
	margin-top: 7px;
}

.profile-card-social {
	margin-top: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.profile-card-social__item {
	display: inline-flex;
	width: 55px;
	height: 55px;
	margin: 15px;
	border-radius: 50%;
	align-items: center;
	justify-content: center;
	color: #fff;
	background: #405de6;
	box-shadow: 0px 7px 30px rgba(43, 98, 169, 0.5);
	position: relative;
	font-size: 21px;
	flex-shrink: 0;
	transition: all 0.3s;
}

@media screen and (max-width: 768px) {
	.profile-card-social__item {
		width: 50px;
		height: 50px;
		margin: 10px;
	}

	h4.hrs {
		text-align: end;
		margin: 20px 0px 0px 0px;
		margin-right: -68px !important;
		font-size: 15px !important;
	}

	h4.day {
		font-size: 15px !important;

	}

	.profile-card__name,
	.hours-heading {
		font-size: 35px !important;
	}
}

@media screen and (min-width: 768px) {
	.profile-card-social__item:hover {
		transform: scale(1.2);
	}
}

.profile-card-social__item.facebook {
	background: linear-gradient(45deg, #3b5998, #0078d7);
	box-shadow: 0px 4px 30px rgba(43, 98, 169, 0.5);
}

.profile-card-social__item.twitter {
	background: linear-gradient(45deg, #1da1f2, #0e71c8);
	box-shadow: 0px 4px 30px rgba(19, 127, 212, 0.7);
}

.profile-card-social__item.instagram {
	background: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
	box-shadow: 0px 4px 30px rgba(120, 64, 190, 0.6);
}

.profile-card-social__item.behance {
	background: linear-gradient(45deg, #1769ff, #213fca);
	box-shadow: 0px 4px 30px rgba(27, 86, 231, 0.7);
}

.profile-card-social__item.github {
	background: linear-gradient(45deg, #333, #626b73);
	box-shadow: 0px 4px 30px rgba(63, 65, 67, 0.6);
}

.profile-card-social__item.codepen {
	background: linear-gradient(45deg, #324e63, #414447);
	box-shadow: 0px 4px 30px rgba(55, 75, 90, 0.6);
}

.profile-card-social__item.link {
	background: linear-gradient(45deg, #d5135a, #f05924);
	box-shadow: 0px 4px 30px rgba(223, 45, 70, 0.6);
}

.profile-card-social .icon-font {
	display: inline-flex;
}

.profile-card-ctr {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 40px;
}

@media screen and (max-width: 576px) {
	.profile-card-ctr {
		flex-wrap: wrap;
	}
}

.profile-card__button {
	background: none;
	border: none;
	font-family: 'Quicksand', sans-serif;
	font-weight: 700;
	font-size: 19px;
	margin: 15px 35px;
	padding: 15px 40px;
	min-width: 201px;
	border-radius: 50px;
	min-height: 55px;
	color: #fff;
	cursor: pointer;
	backface-visibility: hidden;
	transition: all 0.3s;
}

@media screen and (max-width: 768px) {
	.profile-card__button {
		min-width: 170px;
		margin: 15px 25px;
	}

	.h1h1h1 {
		display: none !important;
	}

	.h2h2h2 {
		display: block !important;
	}
}

@media screen and (max-width: 576px) {
	.profile-card__button {
		min-width: inherit;
		margin: 0;
		margin-bottom: 16px;
		width: 100%;
		max-width: 300px;
	}

	.profile-card__button:last-child {
		margin-bottom: 0;
	}

	.hours-heading {
		text-align: center !important;
	}
}

.profile-card__button:focus {
	outline: none !important;
}

@media screen and (min-width: 768px) {
	.profile-card__button:hover {
		transform: translateY(-5px);
	}
}

.profile-card__button:first-child {
	margin-left: 0;
}

.profile-card__button:last-child {
	margin-right: 0;
}

.profile-card__button.button--blue {
	background: linear-gradient(45deg, #1da1f2, #0e71c8);
	box-shadow: 0px 4px 30px rgba(19, 127, 212, 0.4);
}

.profile-card__button.button--blue:hover {
	box-shadow: 0px 7px 30px rgba(19, 127, 212, 0.75);
}

.profile-card__button.button--orange {
	background: linear-gradient(45deg, #d5135a, #f05924);
	box-shadow: 0px 4px 30px rgba(223, 45, 70, 0.35);
}

.profile-card__button.button--orange:hover {
	box-shadow: 0px 7px 30px rgba(223, 45, 70, 0.75);
}

.profile-card__button.button--gray {
	box-shadow: none;
	background: #dcdcdc;
	color: #142029;
}

.profile-card-message {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	padding-top: 130px;
	padding-bottom: 100px;
	opacity: 0;
	pointer-events: none;
	transition: all 0.3s;
}

.profile-card-form {
	box-shadow: 0 4px 30px rgba(15, 22, 56, 0.35);
	max-width: 80%;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	background: #fff;
	border-radius: 10px;
	padding: 35px;
	transform: scale(0.8);
	position: relative;
	z-index: 3;
	transition: all 0.3s;
}

@media screen and (max-width: 768px) {
	.profile-card-form {
		max-width: 90%;
		height: auto;
	}
}

@media screen and (max-width: 576px) {
	.profile-card-form {
		padding: 20px;
	}
}

.profile-card-form__bottom {
	justify-content: space-between;
	display: flex;
}

@media screen and (max-width: 576px) {
	.profile-card-form__bottom {
		flex-wrap: wrap;
	}
}

.profile-card textarea {
	width: 100%;
	resize: none;
	height: 210px;
	margin-bottom: 20px;
	border: 2px solid #dcdcdc;
	border-radius: 10px;
	padding: 15px 20px;
	color: #324e63;
	font-weight: 500;
	font-family: 'Quicksand', sans-serif;
	outline: none;
	transition: all 0.3s;
}

.profile-card textarea:focus {
	outline: none;
	border-color: #8a979e;
}

.profile-card__overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
	opacity: 0;
	background: rgba(22, 33, 72, 0.35);
	border-radius: 12px;
	transition: all 0.3s;
}




.envelope:before {
	font-size: 30px;
	color: #56c67a;
}

.mobileno:before {
	/* content: "\f0e0"; */
	/* size: 16px; */
	font-size: 30px;
	color: #56c67a;
}

.faxno:before {
	/* content: "\f0e0"; */
	/* size: 16px; */
	font-size: 30px;
	color: #56c67a;
}

.website:before {
	/* content: "\f0e0"; */
	/* size: 16px; */
	font-size: 30px;
	color: #56c67a;
}

.text {
	margin: 20px;
}


.tab-content>.active {
	display: block;
	padding: 5%;
}

.fade {
	transition: opacity .15s linear;
}


.g-7,
.gy-7 {
	--bs-gutter-y: 1.75rem;
}

.g-7,
.gx-7 {
	--bs-gutter-x: 1.75rem;
}

.mt-7 {
	margin-top: 1.75rem !important;
}

.gap-5 {
	gap: 1.25rem !important;
}

.flex-column {
	flex-direction: column !important;
}

.gap-1 {
	gap: 0.25rem !important;
}

.text-muted {
	color: #a1a5b7 !important;
}

.text-muted {
	--bs-text-opacity: 1;
	color: #a1a5b7 !important;
}

.fw-bolder {
	font-weight: 600 !important;
}

.fs-5 {
	font-size: 1.15rem !important;
}

.fw-bolder {
	font-weight: 600 !important;
}

.gap-1 {
	gap: 0.25rem !important;
}

.mt-7 {
	margin-top: 1.75rem !important;
}

.d-flex {
	display: flex !important;
}

.fs-6 {
	font-size: 1.075rem !important;
}

.align-middle {
	vertical-align: middle !important;
}

.table {
	--bs-table-bg: transparent;
	--bs-table-accent-bg: transparent;
	--bs-table-striped-color: #181C32;
	--bs-table-striped-bg: rgba(245, 248, 250, 0.75);
	--bs-table-active-color: #181C32;
	--bs-table-active-bg: #F5F8FA;
	--bs-table-hover-color: #181C32;
	--bs-table-hover-bg: #F5F8FA;
	width: 100%;
	margin-bottom: 1rem;
	color: #181c32;
	vertical-align: top;
	border-color: #eff2f5;
}

.g-5,
.gy-5 {
	--bs-gutter-y: 1.25rem;
}

table {
	caption-side: bottom;
	border-collapse: collapse;
}

.table>thead {
	vertical-align: bottom;
}

tbody,
td,
tfoot,
th,
thead,
tr {
	border-color: inherit;
	border-style: solid;
	border-width: 0;
}

.fs-6 {
	font-size: 1.075rem !important;
}

.table.table-row-dashed tr {
	border-bottom-width: 1px !important;
	border-bottom-style: dashed !important;
	border-bottom-color: #eff2f5 !important;
}

.table>:not(:first-child) {
	border-color: transparent !important;
	border-width: 0 !important;
	border-style: none !important;
	text-align: center !important;
	font-weight: bold;
}

.table>tbody {
	vertical-align: inherit;
}

td {
	padding: 2% 0% 2% 0% !important;
}

.btn {
	text-align: right;
	padding: 1%;
}

.btn button {
	padding: 5px 8px 5px 8px;
	color: #fff;
	background-color: #000;
	font-size: larger;
	border-radius: 10px;
}

@media screen and (max-width: 1000px) {

	.class-main {
		display: block !important;
	}

	.profile-card__img {
		width: 100% !important;
		height: 136px;
	}


	.img-class56 {
		width: 100% !important;
	}

	.data-class56 {
		width: 100% !important;
		margin-top: 0px !important;
	}

	.text-web {
		margin: 20px;
		font-size: 10px;
	}

	.profile-card {
		max-width: 95%;
	}

	.profile-card__img img {
		object-fit: cover !important;
		object-position: 0%;
		width: 100% !important;
	}
}





.weeks {
	display: grid;
	background-color: #4b5725;
	color: #fff;
	border-radius: 10px;
	grid-template-columns: 42% 0% 42%;
	height: 60px;
}

h4.day {
	margin: 20px 0px 0px 15px;
	font-size: 20px;
}

h4.hrs {
	text-align: end;
	margin: 20px 0px 0px 0px;
	margin-right: -47px;
	font-size: 20px;

}

.hr {
	width: 10%;
	margin: 15px 0px 0px 0px;
	font-size: 20px;
}

.email {
	display: flex;
	align-items: center;
}

/* .fa-map-marker:before {
    content: "\f0e0";
    font-size: 30px;
    color: #56c67a;
} */

.mapMarker:before {
	/* content: "\f0e0"; */
	/* size: 16px; */
	font-size: 30px;
	color: #56c67a;
}

.All-Logs {
	margin-top: 10%;
}

button.Website-btn {
	background-color: #4b5725;
	padding: 10px;
	color: #fff !important;

}

.profile-card-images {
	width: 100%;
	height: 100%;
	padding: 0px;
	object-fit: cover;
}


@media only screen and (max-width: 285px) {


	h4.hrs {
		font-size: 12px !important;
		margin-right: -75px !important;
	}

	.weeks {
		grid-template-columns: 46% 0% 18% !important;
	}


}

.hrs23 {
	text-align: end;
	margin: 1px 0px 0px 0px;
	margin-right: -41px;
	font-size: 20px;
}

.hr23 {
	width: 10%;
	margin: 5px 0px 0px 0px;
	font-size: 20px;
}

.day23 {
	margin: 1px 0px 0px 15px;
	font-size: 20px;
}

.modal-dialog {
	width: 1300px;
}

@media screen and (max-width: 768px) {
	.hrs23 {
		text-align: end;
		margin: 6px 0px 0px 6px;
		margin-right: -68px !important;
		font-size: 15px !important;
	}

	.day23 {
		font-size: 15px !important;
	}

}

.hours {
	width: 75%;
}

.h2h2h2 {
	display: none;
}