.body-background-stacey {
 background-image: url("../images/background-stacey.png");
}

.bc-green {
	background-color: #495f53 !important;
}

.m-right-43 {
	margin-right: 43%;
}

.m-left-43 {
	margin-left: 43%;
}

.bc-yellow-light {
	background-color: #f9f5ec !important;
}

.text-ffffff {
	color: #ffffff !important;
}

.height-2 {
	height: 0.5rem !important;
}

.height-3 {
	height: 1rem !important;
}

.fs-27 {
	font-size: 27px !important;
}

.fs-25 {
	font-size: 25px !important;
}

.fs-61 {
	font-size: 61px !important;
}

.fs-33 {
	font-size: 33px !important;
}

.carousel .carousel-indicators button {
	width: 20px;
	height: 20px;
	border-radius: 100%;
}

.carousel-indicators [data-bs-target] {
	border-radius: 50%;
	width: 15px;
	height: 15px;
}

.nav-round-top-bottom {
	border-top-left-radius: 30px !important;
	border-bottom-left-radius: 30px !important;
	border-top-right-radius: 30px !important;
	border-bottom-right-radius: 30px !important;
	color: #486278;
	background-color: #495f53 !important;
}

.img-30-rem {
	height: 25rem;
	width: 30rem;
}

.dsply-grid {
	display: grid;
}

.text-color-green {
	color: rgb(109, 127, 118);
}

.button-text-green {
	color: #486278;
	border-color: #485f54;
	border-width: 0.1rem;
}

.button-text-green:hover {
	color: #fff;
	background: #485f54 !important;
	border-color: #485f54 !important;
}

.button-text-green:active {
	background: #485f54 !important;
	border-color: #485f54 !important;
}

.hw-200 {
	min-width: 200px;
	min-height: 50px;
}

.hw-100 {
	min-width: 100px;
	min-height: 25px;
}

.pd-left-25 {
	padding-left: 25px !important;
}

.square {
	position: absolute;
	top: -6px;
	left: 50px;
	width: 12px;
	height: 12px;
	border-top: 2px solid rgba(0, 0, 0, .15);
	border-left: 2px solid rgba(0, 0, 0, .15);
	background-color: #495f53;
	transform: rotate(45deg);
	border-color: rgb(187, 147, 135);
}

.square-left {
	position: absolute;
	top: 20px;
	left: -6px;
	width: 12px;
	height: 12px;
	border-top: 2px solid rgba(0, 0, 0, .15);
	border-left: 2px solid rgba(0, 0, 0, .15);
	background-color: #495f53;
	transform: rotate(-45deg);
	border-color: rgb(187, 147, 135);
}

.border-color-nav-cs {
	border: 2px solid rgb(187, 147, 135) !important;
}

.text-nav-item a:hover {
	color: rgb(187, 147, 135) !important;
}

.font-weight-500 {
	font-weight: 500;
}

.text-color-green-2 {
	color: rgb(72, 95, 84);
}

.color-red-orange-light {
	color: #ca9a8e;
}

.button-text-red-orange-light {
	color: #ca9a8e;
	border-color: #ca9a8e;
	border-width: 0.1rem;
}

.button-text-red-orange-light:hover {
	color: #fff;
	background: #ca9a8e !important;
	border-color: #ca9a8e !important;
}

.button-text-red-orange-light:active {
	background: #ca9a8e !important;
	border-color: #ca9a8e !important;
}

.border-width-none {
	border-width: 0 !important;
}

.w-min-100 {
	max-width: 40% !important;
}

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

.text-color-grey {
	color: #98a6ad !important;
}

.font-s-15 {
	font-size: 15px;
}

.topbar-user-cust {
	background-color: #588f71 !important;
}

.border-color-nav-cs a:hover {
	color: rgb(187, 147, 135) !important;
}

.text-area-1 {
	width: 600px;
	height: 150px;
	resize: none;
}

.h-img-size {
	height: 70px;
}

@media screen and (max-width: 667px) {
	.height-3 {
		height: 4rem !important;
	}
	.m-menu {
		margin-top: 4.2rem !important;
	}
	.h-img-size {
		height: 50px;
	}
	.fs-24 {
		font-size: 15px !important;
	}
	.square-left {
		position: absolute;
		top: -6px;
		left: 50px;
		width: 12px;
		height: 12px;
		border-top: 2px solid rgba(0, 0, 0, .15);
		border-left: 2px solid rgba(0, 0, 0, .15);
		background-color: #495f53;
		transform: rotate(45deg);
		border-color: rgb(187, 147, 135);
	}
	.fs-61 {
		font-size: 35px !important;
	}
	.fs-33 {
		font-size: 21px !important;
	}
	.fs-25 {
		font-size: 13px !important;
	}
	.img-30-rem {
		height: 15rem;
		width: 20rem;
	}
	
	.w-min-100 {
		max-width: 80% !important;
	}
}


:root {
  --vz-body-bg: #fff;
}

.button-text-green:active, .button-text-green:focus {
	border-width: 0.1rem!important;
	border-color: #485f54;
}

.button-text-red-orange-light:active, .button-text-red-orange-light:focus {
	border-width: 0.1rem!important;
	border-color: #ca9a8e;
}

.custome-green-txt-shad {
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 3px 4px #495f53;
}