/*========================= Web fonts ===========================*/
@font-face {
	font-family: 'Moonshiner';
	src: url('/wp-content/themes/hngrooming/assets/webfonts/Moonshiner-RoundOblique.eot');
	src: url('/wp-content/themes/hngrooming/assets/webfonts/Moonshiner-RoundOblique.eot?#iefix') format('embedded-opentype'),
		url('/wp-content/themes/hngrooming/assets/webfonts/Moonshiner-RoundOblique.woff2') format('woff2'),
		url('/wp-content/themes/hngrooming/assets/webfonts/Moonshiner-RoundOblique.woff') format('woff'),
		url('/wp-content/themes/hngrooming/assets/webfonts/Moonshiner-RoundOblique.ttf') format('truetype'),
		url('/wp-content/themes/hngrooming/assets/webfonts/Moonshiner-RoundOblique.svg#Moonshiner-RoundOblique') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Moonshiner';
	src: url('/wp-content/themes/hngrooming/assets/webfonts/Moonshiner-Sharp.eot');
	src: url('/wp-content/themes/hngrooming/assets/webfonts/Moonshiner-Sharp.eot?#iefix') format('embedded-opentype'),
		url('/wp-content/themes/hngrooming/assets/webfonts/Moonshiner-Sharp.woff2') format('woff2'),
		url('/wp-content/themes/hngrooming/assets/webfonts/Moonshiner-Sharp.woff') format('woff'),
		url('/wp-content/themes/hngrooming/assets/webfonts/Moonshiner-Sharp.ttf') format('truetype'),
		url('/wp-content/themes/hngrooming/assets/webfonts/Moonshiner-Sharp.svg#Moonshiner-Sharp') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Moonshiner';
	src: url('/wp-content/themes/hngrooming/assets/webfonts/Moonshiner-SharpOblique.eot');
	src: url('/wp-content/themes/hngrooming/assets/webfonts/Moonshiner-SharpOblique.eot?#iefix') format('embedded-opentype'),
		url('/wp-content/themes/hngrooming/assets/webfonts/Moonshiner-SharpOblique.woff2') format('woff2'),
		url('/wp-content/themes/hngrooming/assets/webfonts/Moonshiner-SharpOblique.woff') format('woff'),
		url('/wp-content/themes/hngrooming/assets/webfonts/Moonshiner-SharpOblique.ttf') format('truetype'),
		url('/wp-content/themes/hngrooming/assets/webfonts/Moonshiner-SharpOblique.svg#Moonshiner-SharpOblique') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Moonshiner';
	src: url('/wp-content/themes/hngrooming/assets/webfonts/Moonshiner-Round.eot');
	src: url('/wp-content/themes/hngrooming/assets/webfonts/Moonshiner-Round.eot?#iefix') format('embedded-opentype'),
		url('/wp-content/themes/hngrooming/assets/webfonts/Moonshiner-Round.woff2') format('woff2'),
		url('/wp-content/themes/hngrooming/assets/webfonts/Moonshiner-Round.woff') format('woff'),
		url('/wp-content/themes/hngrooming/assets/webfonts/Moonshiner-Round.ttf') format('truetype'),
		url('/wp-content/themes/hngrooming/assets/webfonts/Moonshiner-Round.svg#Moonshiner-Round') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

/*======================== Basic css ==========================*/
html {
	font-size: 62.5%;
}

:root {
	scroll-behavior: unset;
	--moonshiner: 'Moonshiner';
	--montserrat: "Montserrat", sans-serif;
	--white: #FFFFFF;
	--black: #000000;
	--body-color: #0A0A0D;
	--yellow: #E3C76C;
	--gray: #B5B5BD;
	--dark: #282828;
	--text-dark: #898989;
	--text-gray: #A3A3A3;
	--border-color: #232323;
}

::selection {
	color: var(--white); 
	background: var(--yellow);
}

::-webkit-selection {
	color: var(--white); 
	background: var(--yellow);
}

::-moz-selection {
	color: var(--white); 
	background: var(--yellow);
}

html,
body,
header,
footer,
main,
nav,
section,
div,
menu,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
strong,
i,
ol,
ul,
li,
form,
label,
button {
	margin: 0;
	padding: 0;
}

ol,
ul {
	list-style: none;
}

button:focus,
a:focus,
input:focus,
textarea:focus {
	outline: none;
}

a {
	text-decoration: none;
	color: inherit;
	transition: 0.2s all ease;
	-webkit-transition: 0.2s all ease;
	-moz-transition: 0.2s all ease;
}

a:hover {
	color: inherit;
}

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

img {
	max-width: 100%;
}

h1,
h2,
h3 {
	font-family: var(--moonshiner);
}

/* body */
body {
	font-family: var(--montserrat);
	font-size: 1.6rem;
	font-weight: 400;
	background: var(--body-color);
	color: var(--white);
}

/* title */
.title-xxl {
	font-family: var(--moonshiner);
	font-size: 9.8rem;
	font-weight: 500;
	line-height: 1;
	color: var(--white);
}

.title-xxl2 {
	font-family: var(--moonshiner);
	font-size: 9.4rem;
	font-weight: 500;
	line-height: 1;
	color: var(--white);
}

.title-xl {
	font-family: var(--moonshiner);
	font-size: 8rem;
	font-weight: 500;
	line-height: 1;
	color: var(--white);
}

.title-xl2 {
	font-family: var(--moonshiner);
	font-size: 7rem;
	font-weight: 500;
	line-height: 1;
	color: var(--white);
}

.title-xl3 {
	font-family: var(--moonshiner);
	font-size: 5.8rem;
	font-weight: 500;
	line-height: 1;
	color: var(--white);
}

.title-xl4 {
	font-family: var(--moonshiner);
	font-size: 5.2rem;
	line-height: 1;
	font-weight: 500;
	color: var(--white);
}

.title-lg {
	font-family: var(--moonshiner);
	font-size: 6.5rem;
	line-height: 1;
	font-weight: 500;
	color: var(--yellow);
}

.title-lg2 {
	font-family: var(--moonshiner);
	font-size: 5rem;
	line-height: 1;
	font-weight: 500;
	color: var(--yellow);
}

.title-lg3 {
	font-family: var(--moonshiner);
	font-size: 4.2rem;
	line-height: 1;
	font-weight: 500;
	color: var(--yellow);
}

.title-lg4 {
	font-family: var(--moonshiner);
	font-size: 4rem;
	line-height: 1;
	font-weight: 500;
	color: var(--yellow);
}

.title-md {
	font-family: var(--montserrat);
	font-size: 3rem;
	line-height: 1;
	font-weight: 700;
	color: var(--yellow);
}

.title-md2 {
	font-family: var(--montserrat);
	font-size: 2.8rem;
	line-height: 1;
	font-weight: 700;
	color: var(--yellow);
}

.title-sm {
	font-family: var(--moonshiner);
	font-size: 2.4rem;
	line-height: 1;
	font-weight: 500;
	color: var(--white);
}

.title-sm2 {
	font-family: var(--montserrat);
	font-size: 2.3rem;
	line-height: 1;
	font-weight: 700;
	color: var(--yellow);
}

/* text */
.text-34 {
	font-family: var(--moonshiner);
	font-size: 3.4rem;
	line-height: 1;
	font-weight: 400;
	color: var(--white);
}

.text-25 {
	font-family: var(--montserrat);
	font-size: 2.5rem;
	font-weight: 400;
	color: var(--white);
}

.text-21 {
	font-family: var(--montserrat);
	font-size: 2.1rem;
	font-weight: 400;
	color: var(--white);
}

.text-20 {
	font-family: var(--montserrat);
	font-size: 2rem;
	font-weight: 400;
	color: var(--white);
}

.text-19 {
	font-family: var(--montserrat);
	font-size: 1.9rem;
	font-weight: 300;
	color: var(--yellow);
}

.text-18 {
	font-family: var(--montserrat);
	font-size: 1.8rem;
	font-weight: 400;
	color: var(--white);
}

.text-17 {
	font-family: var(--montserrat);
	font-size: 1.7rem;
	font-weight: 600;
	color: var(--gray);
}

.text-16 {
	font-family: var(--montserrat);
	font-size: 1.6rem;
	font-weight: 400;
	color: var(--white);
}

.text-14 {
	font-family: var(--montserrat);
	font-size: 1.4rem;
	font-weight: 400;
	color: var(--text-dark);
}

.text-12 {
	font-family: var(--montserrat);
	font-size: 1.2rem;
	font-weight: 300;
	color: var(--text-dark);
}

/* button */
.button {
	max-width: 35rem;
	width: 100%;
	display: block;
	text-align: center;
	font-family: var(--montserrat);
	font-size: 1.8rem;
	font-weight: 600;
	text-transform: uppercase;
	color: var(--white);
	background: transparent;
	border: 0.2rem solid var(--yellow);
	padding: 1rem 1rem;
	position: relative;
	transition: 0.6s all ease;
	z-index: 9;
}

.button::after {
	content: "";
	width: 100%;
	height: 100%;
	background-image: url('/wp-content/themes/hngrooming/assets/images/hlinkbg.png');
	position: absolute;
	top: 0.8rem;
	left: 0.8rem;
	z-index: 0;
	transition: 0.2s all ease;
}

.button::before {
	content: "";
	width: 0%;
	height: 100%;
	background: var(--white);
	position: absolute;
	top: 0rem;
	left: 50%;
	transform: translateX(-50%);
	z-index: -1;
	transition: 0.6s all ease;
}

.button:hover {
	background: var(--white);
	border-color: var(--white);
	color: var(--yellow);
}

.button:hover::after {
	top: 0;
	left: 0;
}

.button:hover::before {
	width: 100%;
}

.button2 {
	max-width: 16.5rem;
	width: 100%;
	display: block;
	text-align: center;
	font-family: var(--montserrat);
	font-size: 1.4rem;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--dark);
	background: var(--yellow);
	border: 0.2rem solid var(--yellow);
	padding: 1rem 1rem;
	position: relative;
	transition: 0.6s all ease;
	z-index: 9;
}

.button2::after {
	content: "";
	width: 100%;
	height: 120%;
	background-image: url('/wp-content/themes/hngrooming/assets/images/hlinkbg.png' );
	position: absolute;
	top: 0.4rem;
	left: 1.2rem;
	z-index: -2;
	transition: 0.2s all ease;
}

.button2::before {
	content: "";
	width: 0%;
	height: 100%;
	background: var(--white);
	position: absolute;
	top: 0rem;
	left: 51%;
	transform: translateX(-51%);
	z-index: -1;
	transition: 0.6s all ease;
}

.button2:hover {
	background: transparent;
	border-color: var(--white);
	color: var(--yellow);
}

.button2:hover::before {
	width: 100%;
}

/*====================== Header area start ========================*/
header {
	width: 100%;
	display: block;
	background: transparent;
	padding: 2.2rem 0;
	-webkit-transition: background 0.3s;
	-o-transition: background 0.3s;
	transition: background 0.3s;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1024;
}

/*sticky*/
header.sticky {
	background: var(--body-color);
	padding: 2rem 0;
	animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
	box-shadow: 0 .8rem 2rem 0 rgba(255, 255, 255, 0.1);
	z-index: 1024;
}

.header-area .container {
	max-width: 1320px;
}

.logo-item img {
	max-width: 30rem;
	transition: 0.3s;
	margin: 0 4rem;
}

.sticky .logo-item img {
	/*max-width: 11rem;*/
}

.menu-item ul li a {
	font-weight: 700;
	text-transform: uppercase;
	transition: 0.2s all ease;
	display: inline-block;
	margin: 0 2.8rem;
}

.menu-item ul li a:hover {
	color: var(--yellow);
}

/*Hamburger menu*/
.hamburger-menu {
	cursor: pointer;
	position: relative;
	display: none;
	z-index: 999!important;
}

.hamburger-menu span {
	background: var(--white);
	width: 3rem;
	height: .3rem;
	display: block;
	margin: .5rem 0;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.hamburger-menu:hover .line-top {
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
}

.hamburger-menu:hover .line-bottom {
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
}

.hamburger-menu .line-top.current {
	-webkit-transform: translateY(200%) rotate(135deg);
	-ms-transform: translateY(200%) rotate(135deg);
	transform: translateY(200%) rotate(135deg);
}

.hamburger-menu .line-center.current {
	opacity: 0;
}

.hamburger-menu .line-bottom.current {
	-webkit-transform: translateY(-300%) rotate(-135deg);
	-ms-transform: translateY(-300%) rotate(-135deg);
	transform: translateY(-300%) rotate(-135deg);
}

/*ofcanvas menu*/
.ofcavas-menu {
	position: fixed;
	width: 100%;
	height: 100%;
	background: var(--black);
	z-index: 900!important;
	top: 0;
	display: none;
	left: -100%;
	transition: .3s;
}

.ofcavas-menu.current {
	left: 0;
}

.ofcavas-menu ul {
	margin-top: 15rem;
}

.ofcavas-menu li {
	padding: 1rem 0;
}

.ofcavas-menu li a {
	font-size: 2.1rem;
	transition: 0.2s all ease;
}

.ofcavas-menu li a:hover {
	color: var(--yellow);
}


/*========== Page loader CSS ==========*/
#preloader {
	position: fixed;
	background: var(--body-color);
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99999;
	height: 100vh;
	width: 100vw;
	display: flex;
	align-items: center;
	justify-content: center;
}

.loader3 {
	width: 7.4rem;
	height: 7.4rem;
	display: inline-block;
	padding: 0;
	text-align: left;
}

.loader3 span {
	position: absolute;
	display: inline-block;
	width: 5.4rem;
	height: 5.4rem;
	border-radius: 100%;
	background: var(--yellow);
	-webkit-animation: loader3 1.5s linear infinite;
	animation: loader3 1.5s linear infinite;
}

.loader3 span:last-child {
	animation-delay: -0.9s;
	-webkit-animation-delay: -0.9s;
}

@keyframes loader3 {
	0% {
		transform: scale(0, 0);
		opacity: 0.8;
	}

	100% {
		transform: scale(1, 1);
		opacity: 0;
	}
}

@-webkit-keyframes loader3 {
	0% {
		-webkit-transform: scale(0, 0);
		opacity: 0.8;
	}

	100% {
		-webkit-transform: scale(1, 1);
		opacity: 0;
	}
}

/*====================== hero-area start ========================*/
.hero-area {
	position: relative;
}

.banner-video video {
	width: 100%;
	height: 100vh;
	object-fit: cover;
}

.hero-area::after {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	background: rgba(0, 0, 0, 0.2);
	position: absolute;
	top: 0;
	left: 0;
}

.hero-content {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
	padding-top: 10rem;
}

.hero-content h6 {
	text-transform: uppercase;
	margin-bottom: 1.6rem;
}

.location-item {
	display: flex;
	align-items: center;
	margin-top: 5.6rem;
}

.location-item input {
	font-weight: 500;
	max-width: 40rem;
	width: 100%;
	background: transparent;
	border: 0.2rem solid var(--white);
	padding: 1.15rem 1rem 1.15rem 5rem;
	background-image: url('/wp-content/themes/hngrooming/assets/images/pin.jpg');
	background-repeat: no-repeat;
	background-position: center left;
	background-size: 4rem;
}

.location-item button {
	max-width: 30rem;
	outline: none;
	margin-left: 2rem;
}

/*======================= care-area start =========================*/
.care-area {
	position: relative;
}

.care-bg img {
	width: 100%;
	height: 72rem;
	object-fit: cover;
	object-position: top;
}

.care-content {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
}

.care-cnt {
	max-width: 56rem;
	width: 100%;
	margin-left: auto;
	padding: 3rem 0;
	position: relative;
	z-index: 9;
}

.care-cnt p {
	margin: 2.4rem 0 1.6rem;
}

.care-cnt h4 {
	line-height: 1.5;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 5rem;
}

/*====================== member-area start =========================*/
.member-area{
	position: relative;
}

.member-bg img {
	width: 100%;
	height: 82rem;
	object-fit: cover;
}

.member-content {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	padding-top: 10rem;
}

.member-cnt {
	max-width: 100rem;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	position: relative;
	z-index: 9;
}

.member-cnt a {
	margin: 6rem auto 5rem;
}

/*====================== partner-area start ========================*/
.partner-area {
	background: #07070f;
	padding: 8rem 0;
}

.partner-logo img {
	max-width: 75%;
	display: block;
	margin: 0 auto;
}

/*========================= cuts-area start ===========================*/
.cuts-area {
	background-color: #0f0f12;
	background-image: url('/wp-content/themes/hngrooming/assets/images/shadow1-min.png');
	background-position: top center;
	background-repeat: repeat-y;
	padding: 10rem 0;
}

.cuts-upper p {
	text-transform: uppercase;
	margin: 4.2rem 0 7rem;
}

.carts-title {
	display: flex;
	align-items: center;
	margin: 4rem 0;
}

.carts-title img {
	width: 15rem;
	margin-left: 2rem;
	position: relative;
	top: 1rem;
}

.cuts-main {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 2.8rem;
}

.cust-item {
	border: 1px solid #20202e;
	border-radius: 0.8rem;
	overflow: hidden;
}

.cust-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: 0.2s all ease;
}

.cust-item img:hover {
	transform: scale(1.1);
	
}

/*====================== service-area start ========================*/
.service-area {
	background-color: #06060a;
	background-image: url('/wp-content/themes/hngrooming/assets/images/shadow1-min.png');
	background-position: top center;
	background-repeat: repeat-y;
	padding: 10rem 0;
}

.service-upper {
	max-width: 100rem;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.service-upper h3 {
	margin-bottom: 2.2rem;
}

.service-main {
	padding-top: 5rem;
}

.service-box {
	background-color: #040406;
	padding: 3rem 3rem;

	background-image: url('/wp-content/themes/hngrooming/assets/images/box-min-top.png'), url('/wp-content/themes/hngrooming/assets/images/box-min-bottom.png'), url('/wp-content/themes/hngrooming/assets/images/box-min-left-right.png');
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-size: contain;
	background-position: center top, center bottom, center;
}

.service-box h4 {
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 4rem;
}

.service-box h4 strong {
	font-weight: 700;
}

.service-box h5 {
	margin: 2.5rem 0;
}

.service-box p {
	margin-bottom: 1.6rem;
}

.service-box p strong {
	font-weight: 700;
}

/*====================== appointment-area start ========================*/
.appointment-area {
	background-image: url('/wp-content/themes/hngrooming/assets/images/appointment-bg.jpg');
	background-repeat: no-repeat;
	padding: 10rem 0;
}

.appintment-cnt {
	max-width: 76rem;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.appintment-cnt a {
	margin: 6rem auto 5rem;
	position: relative;
	z-index: 9;
}

/*========================= footer-area start ===========================*/
.footer-area {
	background: #0a0a0d;
	padding: 10rem 0 6rem;
}

.footer-logo img {
	max-width: 17.5rem;
}

.footer-links {
	margin: 3.6rem 0 4rem;
}

.footer-links ul li a {
	font-weight: 700;
	text-transform: uppercase;
	display: inline-block;
	margin: 0 2rem;
	transition: 0.2s all ease;
}

.footer-links ul li a:hover {
	color: var(--yellow);
}

.download-badge ul li {
	margin: 0 2.4rem;
}

.download-badge img {
	max-width: 17.5rem;
	transition: 0.2s all ease;
}

.download-badge img:hover {
	opacity: 0.85;
}

.social-media ul {
	background-image: url('/wp-content/themes/hngrooming/assets/images/bg-social.png');
	background-repeat: no-repeat;
	background-position: center;
}

.social-media ul li a {
	width: 4.2rem;
	height: 4.2rem;
	background: transparent;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	margin: 0 0.7rem;
	transition: 0.2s all ease;
}

.social-media ul img {
	width: 1.9rem;
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}

.social-media ul li a .facebook {
	width: 1.2rem;
}

.social-media ul li a:hover {
	background: var(--yellow);
}

.social-media ul li a:hover img {
	filter: brightness(0) saturate(100%) invert(4%) sepia(7%) saturate(1269%) hue-rotate(201deg) brightness(102%) contrast(100%);
}

.social-media {
	margin: 7rem 0 3rem;
}

.footer-bottom p {
	font-weight: 700;
	margin: 0;
}

.footer-bottom p span {
	font-weight: 400;
	color: var(--text-gray);
}

.footer-bottom ul li a {
	text-transform: uppercase;
	display: inline-block;
	margin-left: 4rem;
	transition: 0.2s all ease;
}

.footer-bottom ul li a:hover {
	color: var(--yellow);
}

/*============================== service page start =============================== */
.service-wrapper {
	padding: 15rem 0;
}

.service-upperitem ul {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	margin-top: 6.5rem;
	position: relative;
	z-index: 9;
	grid-gap: 3rem;
}

.service-upperitem ul a {
	margin: 0 auto;
}

.service-wrappart {
	padding-top: 6.5rem;
}

.service-wraprow {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 3.2rem;
}

.service-wrapbox {
	background: var(--black);
	border: 0.2rem solid var(--border-color);
	padding: 3rem 3rem;
}

.service-wrapbox h4 {
	margin-bottom: 2.4rem;
}

.service-wrapbox span {
	font-style: italic;
	color: var(--white);
}

.premium-subtitle p {
	font-weight: 600;
	font-style: italic;
	margin-top: 1rem;
}

.premium-subtitle {
	margin-bottom: 4rem;
}

/*========================== careers page start ============================*/
.career-section {
	background-image: url('/wp-content/themes/hngrooming/assets/images/careers-bg.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.career-overlay {
	width: 100%;
	height: 100%;
	background: #000000b8;
	min-height: 45rem;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.career-btn {
	padding-top: 11rem;
}

.join-area {
	padding: 10rem 0;
	background-color: #0f0f12;
	background-image: url('/wp-content/themes/hngrooming/assets/images/shadow1-min.png');
	background-position: top center;
	background-repeat: repeat-y;
}

.join-inner {
	padding-top: 4rem;
}

.join-upper h6 {
	color: var(--white);
}

.join-cnt p {
	margin: 2.1rem 0 2.4rem;
}

.join-cnt ul li {
	position: relative;
	margin-bottom: 1.8rem;
	padding-left: 2rem;
}

.join-cnt ul li::before {
	content: '';	
	width: 0.5rem;
	height: 0.5rem;
	background-color: var(--yellow);
	display: block;
	position: absolute;
	left: 0;
	top: 0.85rem;
}

/*=========================== win-area start ============================*/
.win-area {
	background: #07070f;
	padding: 8rem 0;
}

.win-item img {
	width: 7.2rem;
}

.win-item h4 {
	font-weight: 700;
	text-transform: uppercase;
	margin: 2rem 0 1.5rem;
}

.win-item {
	margin-top: 3.5rem;
}

.win-box {
	padding: 4.5rem 5rem 5rem;
	border: 0.2rem solid var(--yellow);
	margin-top: 4rem;
}

.win-box p {
	margin: 2rem 0 5rem;
}

/*========================== apply page start ===========================*/
.apply-bg {
	position: relative;
}

.apply-bg img {
	width: 100%;
	height: 42rem;
	object-fit: cover;
}

.apply-bg::after {
	content: "";
	width: 100%;
	height: 100%;
	background: #000000b8;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

.apply-area {
	background-color: #0f0f12;
	background-image: url('/wp-content/themes/hngrooming/assets/images/shadow1-min.png');
	background-position: top center;
	background-repeat: repeat-y;
	padding: 10rem 0;
}

.apply-main {
	max-width: 82rem;
	width: 100%;
	margin: 0 auto;
}

.apply-form {
	padding-top: 6rem;
}

.apply-field input,
.apply-field select {
	width: 100%;
	display: block;
	color: var(--text-dark);
	background-color: var(--dark);
	border: none;
	outline: none;
	padding: 1.5rem 2rem;
}

.apply-field input::placeholder {
	opacity: 1;
	color: var(--text-dark);
}

.apply-field select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url('/wp-content/themes/hngrooming/assets/images/down.png');
	background-position: 97%;
	background-repeat: no-repeat;
	background-size: 1.2rem;
}

.apply-field {
	margin-bottom: 3rem;
}

.apply-form .row {
	--bs-gutter-x: 2.5rem;
}

.apply-border {
	border-bottom: 1px solid #282828;
	margin: 2rem 0 1.5rem;
}

.upload-btn input[type="file"] {
	display: none;
}

.upload-btn label {
	cursor: pointer;
	font-weight: 400;
	text-transform: uppercase;
	z-index: 9;
}

.radio-item input,
.radio-item label {
	color: var(--text-dark);
	cursor: pointer;
}

.radio-cnt p {
	color: var(--text-dark);
}

.radio-cnt {
	padding: 3.5rem 0;
	border-bottom: 1px solid #282828;
	display: flex;
	align-items: center;
}

.radio-box {
	display: flex;
	align-items: center;
}

.radio-item {
	margin-left: 2.1rem;
}

.apply-check {
	padding: 2rem 0 3.65rem;
	display: flex;
	align-items: flex-start;
}

.apply-check input {
	width: 2rem;
	height: 2rem;
	margin-top: 0.1rem;
	margin-right: 2rem;
}

.apply-field .date {
	background-image: url('/wp-content/themes/hngrooming/assets/images/calender.png');
	background-position: 96%;
	background-repeat: no-repeat;
	background-size: 1.6rem;
	padding-right: 3.6rem;
}

.apply-btn button {
	margin-right: 3rem;
}

.apply-cntbtm {
	margin-top: 4.5rem;
}

.apply-cntbtm a:hover {
	color: var(--yellow);
}

/*========================== gift-cards page start =======================*/
.giftcard-area {
	position: relative;
}

.giftcard-area img {
	width: 100%;
	height: 80rem;
	object-fit: cover;
	object-position: top right;
}

.giftcard-main {
	width: 100%;
	height: 100%;
	padding: 15rem 0 10rem;
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.giftcard-cnt {
	max-width: 54rem;
	width: 100%;
}

.giftcard-cnt p {
	margin: 6rem 0 5rem;
}
.giftcard-cnt .gift-herotitle {
	max-width: 44rem;
	width: 100%;;
}

/*========================= work-section start ============================*/
.work-section {
	background-image: url('/wp-content/themes/hngrooming/assets/images/gift2-min.jpg');
	background-repeat: no-repeat;
	padding: 10rem 0;
}

.work-content p {
	margin: 2rem 0 3rem;
	font-weight: 700;
}

.work-content ul li {
	display: flex;
	align-items: flex-start;
	margin-bottom: 1.4rem;
}

.work-content span {
	font-weight: 700;
	width: 3rem;
	height: 3rem;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #000006;
	background: var(--yellow);
	margin-right: 2.1rem;
	border-radius: 50%;
}

.work-content a {
	margin-top: 5.5rem;
}

.work-item img {
	width: 100%;
	height: 50.5rem;
	object-fit: cover;
}

/*========================== faq-area start ===========================*/
.faq-area {
	background: #0b0b0f;
	padding: 10rem 0;
}

.faq-main {
	padding-top: 6.5rem;
}

.faq-left img {
	width: 41.6rem;
	height: 49rem;
	object-fit: cover;
}

.faq-right {
	padding-left: 4.5rem;
}

.accordion-item {
	border: 1px solid #1f1f29!important;
	margin-bottom: 1.5rem;
	border-radius: 0.6rem!important;
}

.accordion-title {
	background: #0f0f14;
	padding: 2rem 2rem;
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	cursor: pointer;
}

.accordion-title h4 {
	font-weight: 700;
	padding-right: 2rem;
}

.accordion-title img {
	width: 2rem;
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(270deg) brightness(109%) contrast(104%);
}

.accordion-title .minus {
	display: none;
}

.accordion-title.active .minus {
	display: block;
}

.accordion-title.active .plus {
	display: none;
}

.accordion-inner {
	padding: 0rem 4.5rem 1.5rem 2rem;
	display: none;
}

.accordion-inner p {
	margin-bottom: 1.6rem;
}

/*============================ location-brea-ca page start ===========================*/
.brea-section {
	background-image: url('/wp-content/themes/hngrooming/assets/images/clack-bg.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 18rem 0 3rem;
}

.brea-section .container {
	max-width: 1690px;
	padding-left: 3rem;
	padding-right: 3rem;
}

.brea-left img {
	max-width: 10.5rem;
	display: block;
	margin-left: 10rem;
}

.brea-left h6 {
	margin: 4.4rem 0 2rem;
}

.brea-left p {
	margin-top: 4rem;
	margin-bottom: 0;
}

.brea-midle img {
	width: 100%;
}

.brea-right h4 {
	color: var(--white);
	margin-bottom: 1.85rem;
}

.brea-right,
.brea-btn {
	padding-left: 5rem;
}

.brea-right ul li {
	display: flex;
	align-items: flex-start;
	margin-bottom: 1rem;
}

.brea-right ul li img {
	max-width: 2.1rem;
}

.brea-icon {
	width: 4rem;
}

.brea-right ul li a {
	color: var(--yellow);
	font-weight: 500;
}

.bre-schedule {
	width: 91%;
}

.bre-schedule p {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 1rem;
}

.bre-schedule p span {
	font-weight: 500;
}

.brea-btn {
	padding-top: 2.5rem;
}

.brea-btn a {
	max-width: 100%;
	margin-top: 2.1rem;
}

@media screen and (min-width: 1400px) and (max-width: 1609px) {
	.brea-left h1 {
		font-size: 8rem;
	}

	.brea-left p {
		font-size: 2rem;
	}

}

/*========================= booking-area start ===========================*/
.booking-area {
	background-color: #020111;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
	height: 90vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.booking-cnt p {
	margin: 2rem 0 5rem;
	color: var(--gray);
}

.booking-area img {
	width: 100%;
}

/*========================== client-area start ============================*/
.client-area {
	background-image: url('/wp-content/themes/hngrooming/assets/images/client-bg.jpg');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	padding: 10rem 0;
}

.client-main {
	padding-top: 6.2rem;
}

.review-box {
	background: rgba(14,16,22,.8);
	padding: 2rem 3rem;
	margin-bottom: 5rem;
	border-radius: 1rem;
	border-bottom-left-radius: 1rem;
	border-bottom-left-radius: 0;
	border: 0.2rem solid #16171f;
	position: relative;
}

.review-box img {
	width: 2rem!important;
	margin-right: 0.5rem;
}

.review-box p {
	margin: 2rem 0;
}

.review-box::after {
	content: "";
	width: 100%;
	height: 100%;
	background-image: url('/wp-content/themes/hngrooming/assets/images/botton-reviews-min.png');
	position: absolute;
	background-repeat: no-repeat;
	background-position: left bottom;
	left: -0.2rem;
	bottom: -2.6rem;
}

.client-profile img {
	max-width: 9rem;
	width: 9rem;
	height: 9rem;
	border: 0.5rem solid var(--white);
	border-radius: 50%;
	margin-right: 2rem;
}

.client-bottom p {
	font-weight: 700;
	text-transform: uppercase;
}

/*========================== specialist-area start ============================*/
.specialist-area {
	background-color: #0f0f12;
	background-image: url('/wp-content/themes/hngrooming/assets/images/shadow1-min.png');
	background-position: top center;
	background-repeat: repeat-y;
	padding: 10rem 0;
}

.fancybox-thumbs__list a::before {
	border: 0.5rem solid var(--yellow);
}

.specialist-main,
.gallery-right,
.gallery-rightinner3,
.gallery-rightinner4 {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1.5rem;
}

.gallery-left {
	width: 32%;
}

.gallery-right {
	width: 68%;
}

.gallery-rightinner {
	width: 25%;
}

.gallery-rightinner2 {
	width: 75%;
}

.gallery-item5 {
	width: 32%;
}

.gallery-item6 {
	width: 68%;
}

.gallery-item8 {
	width: 68%;
}

.gallery-item9 {
	width: 32%;
}

.specialist-main a {
	display: block;
	border-radius: 1rem;
	margin-bottom: 1.5rem;
}

.specialist-main a img {
	border: 1px solid #20202e;
	border-radius: 1rem;
}

.gallery-item1 img {
	width: 100%;
	height: 21.5rem;
	object-fit: cover;
}

.gallery-item2 img {
	width: 100%;
	height: 43rem;
	object-fit: cover;
}

.gallery-item3 img {
	width: 100%;
	height: 21rem;
	object-fit: cover;
}

.gallery-item4 img {
	width: 100%;
	height: 21rem;
	object-fit: cover;
}

.gallery-item5 img {
	width: 100%;
	height: 42.9rem;
	object-fit: cover;
}

.gallery-item6 img {
	width: 100%;
	height: 43.1rem;
	object-fit: cover;
}

.gallery-item7 img {
	width: 100%;
	height: 21rem;
	object-fit: cover;
}

.gallery-item8 img {
	width: 100%;
	height: 21.1rem;
	object-fit: cover;
}

.gallery-item9 img {
	width: 100%;
	height: 21rem;
	object-fit: cover;
}

.specialist-main2 a {
	display: block;
	border-radius: 1rem;
	margin-bottom: 1.5rem;
}

.specialist-main2 a img {
	border: 1px solid #20202e;
	border-radius: 1rem;
}

.specialist-main2,
.gallery2-leftinner1,
.gallery2-leftinner2,
.gallery2-rightinner1,
.gallery2-rightinner2 {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1.5rem;
}

.gallery2-left,
.gallery2-right {
	width: 50%;
}

.gallery2-item1 {
	width: 66%;
}

.gallery2-item2 {
	width: 34%;
}

.gallery2-item3 {
	width: 34%;
}

.gallery2-item4 {
	width: 66%;
}

.gallery2-item5 {
	width: 66%;
}

.gallery2-item6 {
	width: 34%;
}

.gallery2-rightinner3 {
	width: 34%;
}

.gallery2-rightinner4 {
	width: 66%;
}

.gallery2-item1 img {
	width: 100%;
	height: 42.5rem;
	object-fit: cover;
}

.gallery2-item2 img {
	width: 100%;
	height: 42.6rem;
	object-fit: cover;
}

.gallery2-item3 img,
.gallery2-item4 img {
	width: 100%;
	height: 21.1rem;
	object-fit: cover;
}

.gallery2-item5 img,
.gallery2-item6 img {
	width: 100%;
	height: 21rem;
	object-fit: cover;
}

.gallery2-item7 img {
	width: 100%;
	height: 20.7rem;
	object-fit: cover;
}

.gallery2-item8 img {
	width: 100%;
	height: 20.5rem;
	object-fit: cover;
}

.gallery2-item9 img {
	width: 100%;
	height: 42.5rem;
	object-fit: cover;
}

.specialist-main2 {
	padding-top: 1rem;
}

/*===================== service-area2 start ========================*/
.service-area2 .service-wrapbox {
	border: none;
	padding: 0;
	margin-bottom: 1.5rem;
}

.service-area2 .service-wrapbox h5 {
	margin-bottom: 1.8rem;
}

.service-area2 .service-wrapbox h5 span {
	color: var(--yellow);
	font-style: normal;
}

.service-area2 .service-wrapbox h5 i {
	color: var(--white);
	font-style: normal;
	font-weight: 400;
	display: inline-block;
	margin: 0 0.5rem;
}

/*======================== join the club page start ==========================*/
.join-clubmain {
	padding-bottom: 15rem;
}

.giftcard-cnt2 h1 {
	margin-bottom: 2rem;
}

.giftcard-cnt2 ul {
	display: flex;
	align-items: center;
	margin-bottom: 4rem;
	flex-wrap: wrap;
}

.giftcard-cnt2 ul li {
	padding: 0 1rem;
	border-right: .1rem solid var(--white);
}

.giftcard-cnt2 ul li:nth-of-type(1) {
	padding-left: 0;
}

.giftcard-cnt2 ul li:last-of-type {
	border: none;
	padding-right: 0;
}

/*======================== look area start ==========================*/
.look-area {
	padding: 10rem 0;
	background-color: #0f0f12;
	background-image: url('/wp-content/themes/hngrooming/assets/images/shadow1-min.png');
	background-position: top center;
	background-repeat: repeat-y;
	text-align: center;
}

.look-item {
	margin-bottom: 11rem;
}

.look-item2,
.look-item3,
.look-item4 {
	background-color: #0f0f14;
	padding: 6rem 3.5rem 7rem;
	box-shadow: .1rem 1rem .1rem rgb(0 1 31/38%);
	position: relative;
}

.look-item2:after {
	background-image: linear-gradient(to top, #0f0f1429, #534a2d00, #80714126, #af9b56, #e2c76c);
	position: absolute;
	content: "";
	width: .3rem;
	height: 96%;
	left: 0;
	top: 0;
}

.look-item2:before {
	position: absolute;
	content: "";
	width: 50%;
	height: .3rem;
	top: 0;
	border-top: 1rem;
	left: 0;
	background-image: linear-gradient(to right, #e2c76c, #af9b56, #807141, #534a2d, #2a261a78);
}

.look-item2 img,
.look-item3 img,
.look-item4 img {
	max-width: 10.2rem;
	height: 10.2rem;
	margin-bottom: 3rem;
}

.look-area .title-lg2 {
	margin-bottom: 3rem;
}

.look-item2 p:nth-of-type(2),
.look-item4 p:nth-of-type(2) {
	margin-top: 1.6rem;
}

.look-item3 {
	background: var(--yellow);
	margin-top: -4rem;
}

.look-item3 h3 {
	color: #0f0f14;
}

.look-item3 p {
	color: #0f0f14;
}

.look-item4:after {
	background-image: linear-gradient(to bottom, #0f0f1429, #534a2d00, #80714126, #af9b56, #e2c76c);
	position: absolute;
	content: "";
	width: .3rem;
	height: 96%;
	bottom: 0;
	right: 0;
}

.look-item4:before {
	position: absolute;
	content: "";
	width: 50%;
	height: .3rem;
	bottom: 0;
	border-top: 1rem;
	right: 0;
	background-image: linear-gradient(to left, #e2c76c, #af9b56, #807141, #534a2d, #2a261a78);
}

/*======================== choose area start ==========================*/
.choose-area {
	padding: 2rem 0 10rem;
	background-color: #0f0f12;
	background-image: url('/wp-content/themes/hngrooming/assets/images/shadow1-min.png');
	background-position: top center;
	background-repeat: repeat-y;
}

.choose-item {
	margin-bottom: 6rem;
}

.choose-item2 {
	background-color: rgb(15 15 20/78%);
	margin-bottom: 3rem;
}

.choose-item3 {
	background-image: url('/wp-content/themes/hngrooming/assets/images/choose-bg.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	margin-bottom: 3rem;
}

.choose-inner {
	min-height: 7.5rem;
}

.choose-area .title-xl4 {
	margin-bottom: 3.5rem;
	text-align: center;
}

.choose-item2 ul,
.choose-item3 ul {
	min-height: 24.5rem;
	margin-bottom: 2rem;
}

.choose-item2 ul li,
.choose-item3 ul li {
	padding: 2.5rem 3.5rem 2.5rem 3.5rem;
	border-bottom: 1px solid #22222c;
	display: flex;
	align-items: start;
}

.choose-item2 ul li span,
.choose-item3 ul li span {
	margin-right: 2.6rem;
}

.choose-item2 ul li span,
.choose-item3 ul li span img {
	max-width: 1.6rem;
}

.choose-inner2 {
	background-image: url('/wp-content/themes/hngrooming/assets/images/choose-01.png');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
	padding: 1.3rem 0;
}

.choose-inner2 h4 {
	font-weight: 700;
	color: #030304;
	text-transform: uppercase;
}

.benefit-item {
	margin-top: 4rem;
}

.benefit-inner {
	background-color: rgb(15 15 20/78%);
	padding-top: 6rem;
	padding-bottom: 4rem;
}

.benefit-item h3 {
	margin-bottom: 3.5rem;
}

.benefit-item ul {
	display: flex;
	flex-wrap: wrap;
}

.benefit-item ul li {
	padding: 2rem 0 2rem 3.5rem;
	display: flex;
	align-items: start;
	width: 50%;
}

.benefit-item ul li span {
	margin-right: 2.6rem;
}

.benefit-item ul li span img {
	max-width: 1.6rem;
	margin-top: -.2rem;
}

/*======================== about area start ==========================*/

.about-area {
	background: #07070f;
	padding: 10rem 0 5rem;
}

.about-item {
	text-align: center;
	margin-bottom: 9rem;
}

.about-item2 {
	margin-bottom: 8rem;
}

.about-inner img {
	width: 100%;
	height: 46rem;
	object-fit: cover;
}

.about-inner2,
.about-inner3 {
	background-image: url('/wp-content/themes/hngrooming/assets/images/about-bg.jpg');
	padding: 3rem 7rem;
	position: relative;
	height: 46rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.about-item2 h4 {
	margin-bottom: 2.6rem;
}

.about-item2 p {
	margin-bottom: 4.5rem;
}

.about-inner2:after {
	background-image: linear-gradient(to bottom, #0f0f1429, #534a2d00, #80714126, #af9b56, #e2c76c);
	position: absolute;
	content: "";
	width: .3rem;
	height: 96%;
	bottom: 0;
	right: 0;
}

.about-inner2:before {
	position: absolute;
	content: "";
	width: 50%;
	height: .3rem;
	bottom: 0;
	border-top: 1rem;
	right: 0;
	background-image: linear-gradient(to left, #e2c76c, #af9b56, #807141, #534a2d, #2a261a78);
}

.about-inner3:after {
	background-image: linear-gradient(to bottom, #0f0f1429, #534a2d00, #80714126, #af9b56, #e2c76c);
	position: absolute;
	content: "";
	width: .3rem;
	height: 96%;
	bottom: 0;
	right: auto;
	left: 0;
}

.about-inner3:before {
	position: absolute;
	content: "";
	width: 50%;
	height: .3rem;
	bottom: 0;
	border-top: 1rem;
	left: 0;
	background-image: linear-gradient(to right, #e2c76c, #af9b56, #807141, #534a2d, #2a261a78);
}

/*========================== our-location page start ============================*/
.location-area {
	padding-top: 14rem;
}

.location-tablinks {
	padding: 4rem 0 5rem;
}

.location-tablinks .nav-tabs {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	border: 1px solid var(--border-color);
	border-bottom: none;
	border-right: none;
}

.location-tablinks .nav-tabs .nav-link {
	padding: 1rem 1rem 2rem;
	border: 1px solid var(--border-color);
	width: 100%;
	display: block;
	text-align: center;
	background: transparent;
	border-radius: 0!important;
	border-top: none;
	border-left: none;
	transition: 0.2s all ease;
}

.location-tablinks .nav-tabs .nav-link.active,
.location-tablinks .nav-tabs .nav-link:hover {
	background: var(--yellow);
	color: var(--black);
}

.location-tabmain {
	padding-left: 5rem;
}

.tab-content {
	position: relative;
	padding-bottom: 2rem;
}

.tab-content::before {
	content: "";
	width: 100%;
	height: 0.3rem;
	background: url("/wp-content/themes/hngrooming/assets/images/botom-bar.png");
	margin: 0 auto;
	position: absolute;
	top: 0;
	text-align: center;
	left: 0;
	right: 0;
}

.tab-content::after {
	content: "";
	width: 100%;
	height: 0.3rem;
	background: url('/wp-content/themes/hngrooming/assets/images/botom-bar.png');
	margin: 0 auto;
	top: auto;
	position: absolute;
	text-align: center;
	left: 0;
	right: 0;
	bottom: 0rem;
	z-index: 99;
}

.map-left {
	margin-top: 2.8rem;
	margin-right: 2.8rem;
	position: relative;
	height: 58rem;
	overflow-y: scroll;
}

.map-left::-webkit-scrollbar {
	width: 0.7rem;
}

.map-left::-webkit-scrollbar-track {
	background: transparent;
}

.map-left::-webkit-scrollbar-thumb {
	background: var(--yellow);
	border-radius: 1rem;
}

.mapleft-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 3rem 0 4rem;
	background-image: url('/wp-content/themes/hngrooming/assets/images/bar.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center bottom;
}

.mapleft-cnt {
	width: 60%;
}

.mapleft-cnt p {
	margin: 1.5rem 0;
	font-weight: 300;
}

.mapleft-cnt ul li .view-btn {
	width: 9rem;
	margin-right: 2.4rem;
}

.mapleft-cnt ul li .book-btn {
	width: 15rem;
}

.mapright-cnt {
	width: 40%;
	text-align: center;
	position: relative;
}

.mapright-cnt::after {
	content: "";
	width: 0.3rem;
	height: 9.4rem;
	display: block;
	background-image: url('/wp-content/themes/hngrooming/assets/images/left-bar.png');
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.mapright-cnt h4 {
	margin-bottom: 0.8rem;
}

.mapright-cnt p {
	font-weight: 300;
	text-transform: uppercase;
}

.mapinner-cnt {
	margin-bottom: 3rem;
}

.mapinner-cnt a {
	font-weight: 400;
	color: var(--yellow);
	text-decoration: underline;
	transition: 0.2s all ease;
}

.mapinner-cnt a:hover {
	color: var(--white);
}

.maptab1 {
	position: relative;
	padding-left: 6rem;
}

.vertical-text {
	width: 3.5rem;
	height: 100%;
	background: var(--yellow);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
} 

.vertical-textcnt span {
	font-size: 1.6rem;
	font-weight: 400;
	color:  #212529;
	text-transform: uppercase;
	transform: rotate(180deg);
	white-space: nowrap;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
}

.vertical-textcnt {
	padding: 5rem 0rem;
	border-bottom: 1px solid black;
	background: var(--yellow);
	text-align: center;
	padding-right: 0.05rem;
}

.veticaltext1 {
	background: #7F7040;
}

.veticaltext2 {
	padding: 8rem 0rem;
	padding-right: 0.05rem;
}

.map-right {
	height: 100%;
}

.map-right iframe {
	width: 100%;
	height: 100%;
}

.grow-part {
	padding: 5rem 0 6rem;
}

.grow-cnt p {
	margin: 3.2rem 0 3rem;
}

/*====================== location-area2 start ========================*/
.location-area2 {
	background-color: #0f0f12;
	background-image: url('/wp-content/themes/hngrooming/assets/images/shadow1-min.png');
	background-position: top center;
	background-repeat: repeat-y;
	padding: 5rem 0 10rem;
	margin-bottom: 5rem;
}

.location2-title .title-xxl {
	margin-bottom: 4.5rem;
}

.location2-item {
	margin-bottom: 4.5rem;
}

.location2-banner a {
	display: block;
}

.location2-banner a img {
	width: 100%;
	height: 20rem;
}

.location2-item h4 {
	margin-top: 2.5rem;
	margin-bottom: 0;
}

.location2-item h4 a {
	color: var(--white);
	transition: 0.2s all ease;
}

.location2-item h4 a:hover {
	color: var(--yellow);
}

.location2-item  p {
	margin-bottom: 0;
	margin-top: 1rem;
}

.location2-btn a {
	max-width: 100%;
	margin-top: 2rem;
}

.location2-btn {
	margin-top: -0.8rem;
}

.location2-part .row {
	--bs-gutter-x: 2.4rem;
}

/*======================== valencia-ca page start ========================*/
.comming-area {
	background-color: var(--black);
	background-image: url('/wp-content/themes/hngrooming/assets/images/cs-hero-banner.png');
	background-repeat: no-repeat;
	padding-top: 20rem;
	min-height: 92.4rem;
	background-position: top center;
	background-size: cover;
}
.comming-area.comming-area-none-alcohol{
	background-color: var(--black);
	background-image: url('/wp-content/themes/hngrooming/assets/images/cs-hero-banner-none-alcohol.png') !important;
	background-repeat: no-repeat;
	padding-top: 20rem;
	min-height: 92.4rem;
	background-position: top center;
	background-size: cover;
}
.comming-area.commi
}
@media (min-width: 1940px) {
	.comming-area {
		background-position: center;
		background-size: 256rem;
	}
}

@media (min-width: 1700px) and (max-width: 1939px) {
	.comming-area {
		background-position: center 30%;
		background-size: 194rem;
	}
}

@media (max-width: 1700px) {
	.comming-area {
		background-size: 170rem;
	}
}


.csmain-part {
	padding-bottom: 7rem;
}

.csupper-cnt h6 {
	color: var(--yellow);
}

.csupper-cnt p {
	margin: 2.6rem 0 2rem;
}

.csupper-cnt {
	max-width: 64rem;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.csupper-item {
	max-width: 75rem;
	width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

.csupper-item input {
	width: 57%;
	display: block;
	background: var(--white);
	color: var(--black);
	border: none;
	outline: none;
	padding: 1.4rem 1.6rem;
}

.csupper-item button {
	max-width: 40%;
}

.csupper-location {
	max-width: 89rem;
	width: 100%;
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 2.5rem;
	padding-top: 6rem;
}

.csupper-locationbox {
	border: 1px solid;
	border-image-outset: 0;
	border-image-repeat: stretch;
	border-image-slice: 100%;
	border-image-source: none;
	border-image-width: 1;
	border-image: linear-gradient(75deg, #e3c76c, transparent, transparent, transparent, transparent, transparent, transparent, #e3c76c) 15;
	padding: 1.8rem 1.6rem;
	background-color: #0000007A;
	border-radius: 0.6rem;
	text-align: center;
}

.csupper-locationbox img {
	max-width: 3.6rem;
	display: block;
	margin: 0 auto 1.8rem;
}

.csupper-locationbox a:hover {
	color: var(--yellow);
}

.cssocial-icon {
	padding-top: 2.5rem;
}

.cssocial-icon .facebook {
	width: 1.2rem;
}

.cssocial-icon img {
	width: 1.6rem;
	filter: brightness(0) saturate(100%) invert(99%) sepia(66%) saturate(5%) hue-rotate(62deg) brightness(109%) contrast(100%);
}

.cssocial-icon ul li a {
	display: inline-block;
	margin: 0 1.6rem;
	transition: 0.2s all ease;
}

.cssocial-icon img:hover {
	filter: brightness(0) saturate(100%) invert(81%) sepia(51%) saturate(406%) hue-rotate(357deg) brightness(94%) contrast(89%);
}

/*========================== experince-area start ============================*/
.comingsoon-wrapper {
	background-color: #0F0F0F;
	background-image: url('/wp-content/themes/hngrooming/assets/images/comingsoon-mainbg.png');
	background-position: top center;
	background-size: contain;
	background-repeat: repeat;
}

.experince-area {
	padding: 10rem 0 12rem;
}

.experience-upper span {
	color: var(--yellow);
	display: block;
}

.experience-upper {
	max-width: 104rem;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.experience-upper p {
	margin: 4.5rem 0 4rem;
}

.experience-main {
	max-width: 104rem;
	width: 100%;
	margin: 0 auto;
	background-image: url('/wp-content/themes/hngrooming/assets/images/bg_border_art.png');
	background-repeat: no-repeat;
	background-size: 70%;
	background-position: center 2%;
	padding-top: 8rem;
}

.experience-item img {
	width: 100%;
	height: 46.5rem;
	object-fit: cover;
}

.experience-main .row {
	--bs-gutter-x: 6rem;
}

.expmiddle {
	margin-top: 12rem;
}

/* membership */
.membership-bg {
	padding: 10rem 0;
	background-color: #0F0F0F;
	background-image: url('/wp-content/themes/hngrooming/assets/images/choose_bg-01.png');
	background-position: top center;
	background-size: cover;
	background-repeat: repeat;
}

.membership-upper h2 span {
	color: var(--yellow);
}

.membership-upper p {
	max-width: 105rem;
	width: 100%;
	margin: 4.5rem auto 0;
	text-align: center;
}

.membership-main {
	max-width: 115rem;
	width: 100%;
	margin: 0 auto;
}

.membership-main .choose-item2,
.membership-main .choose-item3 {
	background: rgb(21 21 23 / 54%);
	border-radius: 0.8rem;
}

.benefit-main {
	max-width: 115rem;
	width: 100%;
	margin: 0 auto;
	padding: 8rem 7.8rem 7rem;
	border-radius: 0.8rem;
}

/*======================= csbottom-area start ========================*/
.csbottom-area {
	padding: 3rem 0 10rem;
}

.cscontact-part {
	padding: 12rem 0 10rem;
}

.cscontact-cnt h4 a {
	color: var(--yellow);
}

.cscontact-item img {
	width: 100%;
	height: 36.4rem;
	object-fit: cover;
}

.cscontact-cnt {
	background: var(--black);
	padding: 3rem 0rem 3rem 3.5rem;
	margin-left: -11rem;
}

.csbottom-location {
	max-width: 110rem;
	margin-bottom: 6rem;
}

.csbottom-location .csupper-locationbox {
	background: transparent;
	border: none;
}

/*======================== greenwich-ct page start =====================*/
.csopen-cnt h1 span {
	color: var(--white);
}

.csopen-cnt p {
	font-weight: 300;
}

.csopen-cnt a img {
	max-width: 19rem;
	margin-left: 0;
}

.csopen-cnt a {
	display: inline-block;
	margin-top: 1rem;
}

.csgreen-upper img {
	max-width: 10.5rem;
}

.csgreen-upper h6 {
	color: var(--yellow);
	margin: 1.2rem 0 1.5rem;
}

.csgreen-right {
	max-width: 41rem;
	width: 100%;
	margin-left: auto;
}

.csgreen-upper p {
	font-style: italic;
	color: var(--yellow);
	text-transform: uppercase;
	letter-spacing: 0.2rem;
	max-width: 39rem;
	width: 100%;
	margin: 2.2rem auto 1.5rem;
	text-align: center;
}

.csgreen-form input {
	width: 100%;
	display: block;
	color: var(--black);
	background: var(--white);
	border: none;
	outline: none;
	padding: 1.5rem 1.6rem;
	margin-bottom: 1.5rem;
}

.csgreen-form button {
	max-width: 100%;
	margin-top: 3rem;
}

/*===================== founding-area start ======================*/
.founding-area {
	background: #09090d;
	padding: 10rem 0;
}

.founding-upper h2 span {
	color: var(--yellow);
	display: block;
}

.founding-upper p {
	color: var(--gray);
	margin-top: 3.6rem;
}

.founding-main {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	padding-top: 5rem;
}

.founding-box {
	border: 1px solid #1f1f295c;
	padding: 5rem 5rem;
	border-image-slice: 1;
	border-width: 0.1rem;
	border-image-source: linear-gradient(to right, #E3C76C, #1f1f295c);
	border-radius: 0.5rem;
	position: relative;
	text-align: center;
}

.founding-mdlbox {
	border-left: 0.2rem solid #1f1f295c;
	border-right: 0.2rem solid #1f1f295c;
	border-image-source: linear-gradient(to bottom, #0f0f14, #534a2d, #e2c76c, #534a2d, #0f0f14);
}

.founding-firstbox {
	border-right: none;
}

.founding-lastbox {
	border-left: none;
	border-image-source: linear-gradient(to right, #1f1f295c, #E3C76C);
}

.founding-box h3 {
	color: var(--yellow);
}

.founding-box h6 {
	font-family: var(--montserrat);
	color: #A0A0A3;
	font-weight: 300;
	margin: 4rem 0 2.4rem;
}

.founding-box h6 del {
	display: inline-block;
	margin-right: 1.6rem;
}

.founding-box h4 {
	font-family: var(--montserrat);
	font-weight: 700;
}

.founding-box h4 small {
	font-weight: 300;
	color: var(--yellow);
	display: inline-block;
	margin-right: 0.6rem;
}

.founding-box p {
	color: var(--yellow);
	margin-top: 0.6rem;
	margin-bottom: 2.5rem;
}

.founding-box ul li {
	font-weight: 300;
	text-align: left;
	margin-top: 1.5rem;
	position: relative;
	padding-left: 1.8rem;
}

.founding-box ul li strong {
	font-weight: 400;
	color:  #E1BA3D;
}

.founding-box ul li::before {
	content: "";
	width: 0.6rem;
	height: 0.6rem;
	display: block;
	background: var(--white);
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 0.8rem;
}

.founding-bottombox {
	max-width: 100rem;
	width: 100%;
	margin: 7rem auto;
	text-align: center;
	padding: 3rem 2rem;
	border: 1px solid;
	border-image-slice: 1;
	border-width: 0.1rem;
	border-image-source: linear-gradient(to right, #E3C76C, #1f1f295c);
}

.founding-bottombox p {
	color: var(--yellow);
	font-style: italic;
}

.csmember-greenbox {
	position: relative;
}

.csmember-greenbox::before {
	position: absolute;
	content: "";
	width: 1px;
	background-image: linear-gradient(to top,#0f0f14,#534a2d,#807141,#af9b56,#e2c76c);
	height: 81%;
	z-index: 10;
	top: 0;
	left: 0;
}

.csmember-greenbox .benefit-inner2::before {
	position: absolute;
	content: "";
	width: 1px;
	background-image: linear-gradient(to bottom,#0f0f14,#534a2d,#807141,#af9b56,#e2c76c);
	height: 81%;
	z-index: 10;
	bottom: 0;
	right: 0;
}

.csmember-greenbox::after {
	position: absolute;
	content: "";
	width: 50%;
	height: 1px;
	bottom: 0;
	border-top: 1rem;
	right: 0;
	background-image: linear-gradient(to right,#2a261a78,#534a2d,#807141,#af9b56,#e2c76c);
}

.csmember-greenbox .benefit-inner2::after {
	position: absolute;
	content: "";
	width: 50%;
	height: 1px;
	top: 0;
	border-top: 1rem;
	left: 0;
	background-image: linear-gradient(to left,#2a261a78,#534a2d,#807141,#af9b56,#e2c76c);
}

.claimfree-btn {
	padding-top: 7rem;
}

.claimfree-btn a {
	background: #E8C246;
}

.partner-feature2 h4 {
	color: var(--white);
	margin-bottom: 7rem;
}

/*======================== expect-area2 start ========================== */
.expect-area2 {
	background-color: #06060a;
	padding: 10rem 0;
	background-image: url('/wp-content/themes/hngrooming/assets/images/bg-new-min.png');
	background-position: center;
	background-repeat: repeat-y;
}

.expect-upper {
	max-width: 80rem;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.expect-upper h3 span {
	color: var(--yellow);
}

.expect-upper h2 span {
    color: var(--yellow);
}

.expect2-main {
	padding-top: 4rem;
}

.expect2-part {
	background-color: var(--black);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
	height: 50rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-top: 6rem;
}

.expect2-part h5 {
	color: var(--gray);
	font-weight: 500;
}

.expect2-part a {
	margin-top: 5rem;
}

.freeserv-btn {
	margin-top: 6rem;
}

.expect2-part img {
	width: 100%;
}

/*===================== location-greenarea2 start =====================*/
.location-greenarea2 {
	background-color: #0f0f12;
	background-image: url('/wp-content/themes/hngrooming/assets/images/bg-new-min.png');
	background-position: top center;
	background-repeat: repeat-y;
	display: flex;
	width: 100%;
	overflow: hidden;
	padding: 10rem 0;
	overflow: hidden;
}

.location-greenmain2 {
	margin: 6.5rem 0 5rem;
}

.location-greenleft iframe {
	width: 100%;
	height: 60rem;
	border: none;
}

.location-greenright {
	background: #06060a;
	position: relative;
	z-index: 9;
	padding: 6rem 5rem;
	margin-top: 6rem;
	margin-left: -8rem;
}

.location-greenright::after {
	content: "";
	width: 10000%;
	height: 100%;
	display: block;
	background: #06060a;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}

.locatgreen-social img {
	width: 1.8rem;
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(321deg) brightness(109%) contrast(104%);
}

.locatgreen-social a {
	display: inline-block;
	margin: 0 2rem;
	transition: 0.2s all ease;
}

.locatgreen-social a:hover img {
	filter: brightness(0) saturate(100%) invert(84%) sepia(98%) saturate(2154%) hue-rotate(323deg) brightness(100%) contrast(82%);
}

.locatgreen-social .facebook {
	width: 1.25rem
} 

.locatgreen-social {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 2rem;
}

.location-greenright .brea-btn a {
	max-width: 90%;
}



/****    GRAVITY FORMS *****/
.comingsoon-wrapper .gform_fields {
	max-width: 720px;
	column-gap: 0px;
	display: flex;
}

.comingsoon-wrapper .gform_fields .gfield {
	width:100% !important;
}
.comingsoon-wrapper .gform_fields .gfield--type-submit {
	margin-left:20px;
}
.comingsoon-wrapper .gform_confirmation_message {
	text-align: center;
	color: #e3c76c;
}
.presale-template .gform_wrapper .gform_fields {
	display:flex;
	flex-direction:column;
	column-gap:0px !important;
	row-gap:1.5rem !important;
	max-height:300px;
}
.gform-body {
	display:flex !important;
	justify-content:center !important;
}
.gform_wrapper input[type="email"],.gform_wrapper input[type="text"],.gform_wrapper input[type="tel"] {
	width: 100%;
	max-width:428px !important;
	display: block !important;
	background: #fff !important;
	color: #000;
	border: none;
	outline: none;
	padding: 26px 20px !important;
	font-family: 'Montserrat';
	font-size: 1.6rem !important;
	font-weight: 400 !important;
	border-radius:0px !important;
}
.gfield--type-submit {
	margin-left:20px;
}
.gform_footer input[type="submit"],.gfield--type-submit input[type="submit"] {
	width: 100% !important;
	display: block;
	text-align: center;
	font-family: 'Montserrat' !important;
	font-size: 1.8rem !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	color: #fff;
	background: transparent !important;
	border: 0.2rem solid #e3c76c !important;
	border-radius:0px !important;
	padding: 15px 0px !important;
	position: relative;
	transition: 0.6s all ease;
	z-index: 9;
}
.gfield--type-submit input[type="submit"] {
	max-width:332px !important;
}
.gfield--type-submit {
	max-width:300px !important;
}
.gform_footer input[type="submit"]:hover, .gfield--type-submit input[type="submit"]:hover {
	background: #fff !important;
	border-color: #fff !important;
	color: #e3c76c !important;
}





/*  MOBILE AND BUGFIXES */


@media screen and (max-width:991px){
	.brea-section .row {
		display:flex;
		flex-direction:column-reverse;
	}
}
.gform_title {
	display:none !important;
}


.home-template .hero-area .mobile-only {
	display:none;
	flex-direction:column;
}

.locations-template .mapleft-item .mapleft-cnt ul.align-items-center li a .mobile-only {
	display:none;
}

.hide-map,.show-map {
	display:none;
	width:100%;
}

.mapleft-item .directions {
	display:none;
}
.apply-form {
	width:100%;
	max-width:600px;
	margin:0 auto;
	display:none;
}


.apply-form form select,.apply-form .gform-theme--foundation .gfield input[type="text"],.apply-form .gform-theme--foundation .gfield input[type="tel"],.apply-form .gform-theme--foundation .gfield input[type="email"] {
	height:50px !important;
	font-size:14px !important;
	display:flex;
	text-align:left;
	align-items:center;
	justify-content:flex-start;
	line-height:10px;
	width: 100%;
	display: block;
	color: #898989;
	background-color: #282828 !important;
	border: none;
	outline: none;
	padding: 1.5rem 2rem;
}
.apply-form legend,.apply-form .gfield_description,.apply-form .gfield_radio label,.apply-form .gform-field-label--type-inline {
	color:#898989 !important;
}
.apply-form form select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url('https://hammernew.taggartmediagroup.com/images/down.png');
	background-position: 97%;
	background-repeat: no-repeat;
	background-size: 1.2rem;
}
.apply-form .gform-theme--foundation .gform_fields {
	row-gap:20px !important;
}
.apply-form #field_4_14 label::before {
	content: "";
	width: 0%;
	height: 100%;
	background: var(--white);
	position: absolute;
	top: 0rem;
	left: 51%;
	transform: translateX(-51%);
	z-index: -1;
	transition: 0.6s all ease;
}
.apply-form #field_4_14 label::after {
	content: "";
	width: 100%;
	height: 120%;
	background-image: url("https://hammernew.taggartmediagroup.com/images/hlinkbg.png");
	position: absolute;
	top: 0.4rem;
	left: 1.2rem;
	z-index: -2;
	transition: 0.2s all ease;
}
.apply-form #field_4_14 label {
	cursor: pointer;
	z-index: 9;
	max-width: 16.5rem;
	width: 100%;
	display: block;
	text-align: center;
	font-family: var(--montserrat);
	font-size: 1.4rem;
	font-weight: 400;
	text-transform: uppercase;
	color: var(--dark);
	background: var(--yellow);
	border: 0.2rem solid var(--yellow);
	padding: 1rem 1rem;
	position: relative;
	transition: 0.6s all ease;
	z-index: 9;
}
.apply-form #input_4_14 {
	display:none;
}
.apply-form #input_4_11 input {
	width:100%;
	max-width:initial;
}
.apply-form #input_4_11 .ginput_right {
	margin-left:0px;
	margin-right:0px;
}
.apply-form #input_4_11 * {
	width:100% !important;
}
.apply-form #field_4_16 {
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
}
.locations-template .mobile-hours {
	display:none;
}
@media screen and (max-width:737px){
	.membership-template .giftcard-area img, .gift-card-template .giftcard-area img {
		opacity:0;
		display:none;
	}
	.gift-card-template .partner-area {
		display:none;
	}
	.gift-card-template	.work-section {
		display:none;
	}
	.gift-card-template .faq-area {
		padding:10rem 0 4rem;
	}
	.membership-template .button,.gift-card-template	.button {
		width:100% !important;
		max-width:initial;
		overflow:hidden;
	}
	.gift-card-template .appointment-area {
		padding: 4rem 0 0 0!important;
	}
	.membership-template .giftcard-main h1 {
		font-size:65px;
	} 
	.membership-template .giftcard-area img {
		max-height:670px;
	}
	.membership-template .giftcard-cnt2 ul {
		flex-wrap:nowrap;
		margin-top:40px;
	}
	.gift-card-template .giftcard-main, .membership-template .giftcard-main {
		padding-bottom:42px;
		position:relative;
	}
	.membership-template .look-item2 {
		box-shadow:none;
	}
	.membership-template .look-item2:before,	.membership-template .look-item2:after {
		display:none;
	}
	.membership-template .look-item2 img {display:none;}
	.membership-template .look-item2 h3 {
		color:#fff;
		font-size:78px;
		margin-top:60px;
		display:none;
	}
	.membership-template .look-item2 {
		flex-direction:column-reverse;
		display:flex;
		padding-top:30px;
		padding-bottom:0px;
	}
	.membership-template .look-item2 p:nth-of-type(2) {
		display:none;
	}
	.membership-template .look-item {
		background:#0f0f14;
		margin-bottom:0px;
	}

	.membership-template .look-item h2 {
		max-width:310px;
		margin:0 auto;
	}
	.membership-template .look-area {
		background-image:none;
		padding-top:0px;
		padding-bottom:0px;
	}
	.membership-template .choose-area h2 {

		color:#fff;
		font-size:78px;
		margin-top:30px;		
	}
	.membership-template .look-item3,.membership-template .look-item4 {
		display:none;
	}
	.membership-template .choose-area .button {
		display:none;
	}
	.membership-template .choose-area .choose-inner {
		display:none;		
	}
	.membership-template .choose-area .choose-item2 ul {
		min-height:auto !important;
	}
	.membership-template .choose-area .choose-item2 ul {
		min-height:auto !important;
	}
	.membership-template .choose-area .choose-inner {
		display:block;		
	}
	.membership-template .choose-area {
		background-image:none;
		margin-bottom:0px;
		margin-top:14px !important;
	}
	.choose-area ul {
		min-height:auto !important;
		margin-bottom:0px;
		max-width:272px;
		margin:0 auto;
	}
	.choose-area ul li {
		padding:20px 0px;
	}
	.choose-area h3.title-xl4 {
		margin-bottom:10px;
	}
	.membership-template .choose-area ul li:last-of-type {
		border-bottom:none;
	}
	.membership-template .choose-area .container > .row .col-md-6:last-of-type .choose-item3 .choose-inner {
		display:block;
	}
	.membership-template .benefit-item {
		margin-top:0px;
	}
	.membership-template .benefit-item h3 {
		font-size:50px;
	}
	.membership-template .benefit-item 	ul {
		flex-wrap:nowrap;
		flex-direction:column;
	}
	.membership-template .benefit-item 	ul li {
		width:100%;
	}
	.membership-template .container {
		padding:0px 20px;
	}
	.membership-template .choose-area {
		padding-bottom:0px;
	}
	.membership-template .partner-area {
		display:none;
	}
	.membership-template .about-area {
		font-size:78px;
		padding-top:40px;
		padding-bottom:0px;
	}
	.membership-template .about-area h3 {
		max-width:290px;
		margin:0 auto;
	}
	.membership-template .about-area .about-item2 .about-inner img {
		max-height:272px;
		object-fit:cover;
	}
	.membership-template .about-area .about-item2 .button {
		display:none;
	}
	.membership-template .about-area .about-item2	.about-inner2,	.membership-template .about-area .about-item2	.about-inner3 {
		padding:0px 40px 0px 0px;
		margin:0px;
		height:auto;
	}
	.membership-template .about-inner3:after {
		left:auto;
		right:0px;
	}
	.membership-template .about-inner3:before {
		left:auto;
		right:0px;
		transform:rotate(180deg);
	}
	.membership-template .client-area {
		padding-top:4rem;
	}
	.membership-template .client-area h3 {
		font-size:78px;
		max-width:280px;
		margin:0 auto;
	}
	.membership-template .faq-area {
		padding-top:2rem;
		padding-bottom:0px;
	}
	.membership-template .faq-right {
		padding-left:0px;
	}
	.footer-area {
		padding-top:20px;
	}
	.home-template .hero-area .banner-video,	.home-template .hero-area .banner-video video {
		width:100%;
		height:auto;
		min-height:auto;
		max-height:auto;
	}
	.home-template .hero-area .banner-video {
		margin-top:80px;
	}
	.home-template .hero-area .hero-content {
		position:relative;
	}
	.home-template .hero-area .hero-content {
		padding-top:40px;
	}
	.home-template .hero-area .hero-content h6 {
		font-size:18px;
	}
	.home-template .hero-area .hero-content h1 {
		font-size:40px;

	}
	.home-template .hero-area .hero-content h1 br {
		display:none;
	}
	.home-template .hero-area form input[type="text"] {
		display:none;
	}
	.home-template .hero-area form .button {
		width:100%;
		margin:0px;
		max-width:initial;
	}
	.home-template .hero-area .location-item {
		margin-top:36px;
	}
	.home-template .hero-area .mobile-only {
		display:flex;
	}
	.home-template .hero-area .hero-content .container > h1,.home-template .hero-area .hero-content .container > form {
		display:none;
	}
	.home-template .care-area .care-bg img {
		object-fit: cover !important;
		object-position: left !important;
		width: 100%;
		height: auto;
		min-height: 232px;
	}
	.home-template .care-area .care-content {
		position:relative;
	}
	.home-template .care-area .care-content h2 {
		font-size:48px;
	}
	.home-template .care-area .care-content p {
		font-size:16px;
	}
	.home-template .care-area .care-content h4 {
		font-size:18px;
		text-align:left;
	}
	.home-template .care-area .care-content .button {
		display:none;
	}
	.home-template .member-area,.home-template .partner-area {
		display:none;
	}
	.home-template .care-area .care-cnt {
		padding-bottom:0px;
	}
	.home-template .cuts-area {
		padding-top:40px;
		padding-bottom:0px;
	}
	.home-template .cuts-area h3 {
		font-size:48px;
		max-width:282px;
		margin:0 auto;
	}
	.home-template .cuts-area p {
		font-size:18px;
		margin-bottom:36px;
	}
	.home-template .service-area {
		display:none;
	}
	.home-template .appointment-area {
		display:none;
	}
	.comingsoon-wrapper .comming-area h6 {
		font-size:16px;
	}
	.comingsoon-wrapper .comming-area h1 {
		font-size:78px;
	}
	.comingsoon-wrapper .comming-area p {
		font-size:16px;
	}
	.comingsoon-wrapper .comming-area .csupper-location {
		display:flex;
		flex-direction:column;
		padding:0px 20px;
	}
	.comingsoon-wrapper .comming-area {
		position:relative;
	}

	.comingsoon-wrapper .comming-area .container {
		z-index:2;
		position:relative;
	}
	.comingsoon-wrapper .comming-area:after {
		content:'';
		position:absolute;
		bottom:0px;
		height:200px;
		width:100%;
		background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));
		z-index:1;
	}
	.comingsoon-wrapper .experince-area {
		margin-top:0px;
		padding-top:0px;
	}
	.comingsoon-wrapper .experince-area h2 {
		font-size:56px;
	}
	.comingsoon-wrapper .d-none {
		display:block !important;
	}
	.comingsoon-wrapper .d-none:nth-of-type(3){
		display:none !important;
	}
	.comingsoon-wrapper .experience-main .d-none:nth-of-type(3){
		display:block !important;
		margin-top: 12rem;
	}
	.comingsoon-wrapper .experience-main .d-none:nth-of-type(2){
		display:none !important;
		
	}
	.comingsoon-wrapper .membership-bg {
		margin-top:0px;
		padding-top:60px;
	}

	.comingsoon-wrapper .membership-bg h2 {
		font-size:56px;
	}

	.comingsoon-wrapper .membership-bg .membership-main .col-md-6 {
		max-width:360px;
		width:100%;
		padding-right:0px;
		padding-left:0px;
	}

	.comingsoon-wrapper .membership-bg .membership-main .col-md-6 .choose-inner {
		display:none;
	}
	.comingsoon-wrapper .membership-bg .membership-main .col-md-6 .choose-item2 ul {
		padding-bottom:40px;
		max-width:300px;
	}
	.comingsoon-wrapper .membership-bg .membership-main .col-md-6 .choose-item2 h3 {
		padding-top:40px;
	}
	.comingsoon-wrapper .membership-bg .membership-main .col-md-6:nth-of-type(3) .choose-item2 .choose-inner {
		display:block;
	}
	.comingsoon-wrapper .membership-bg .membership-main .col-md-6:nth-of-type(3) .choose-item2 h3  {
		padding-top:0px;
	}

	.comingsoon-wrapper .membership-bg .benefit-main {
		padding:0px 0px;
	}

	.comingsoon-wrapper .membership-bg .benefit-main ul {
		display:flex;
		padding:0px;
		justify-content:flex-start;
		flex-direction:column;
		width:100%;
		max-width:100%;
		margin-top:48px;
	}

	.comingsoon-wrapper .membership-bg .benefit-main ul li {
		width:100%;
		padding:0px 38px;
		margin-bottom:38px;
	}
	.comingsoon-wrapper .csbottom-area {
		padding-top:0px;
	}
	.comingsoon-wrapper .csbottom-area .container {
		padding:0px;
	}
	.comingsoon-wrapper .csbottom-area h1 {
		font-size:56px;
	}
	.comingsoon-wrapper .csbottom-area ul {
		display:flex;
		flex-direction:column;
	}
	.comingsoon-wrapper .csbottom-area .cscontact-part {
		padding-top:40px;
	}
	.comingsoon-wrapper .csbottom-area .cscontact-part h4 {
		font-size:56px;

	}

	.comingsoon-wrapper .csbottom-area .cscontact-part	.cscontact-cnt {
		padding-right:0px;
		margin-left:20px;
		margin-top:-20px;
		width:calc(100% - 40px);
	}
	.comingsoon-wrapper .csbottom-area .csbottom-location {
		display:flex;
		flex-direction:column;
		padding-bottom:0px;
		margin-bottom:0px;
	}
	.home-template .header-button-wrapper.sticky,.membership-template .membership-button-wrapper.sticky {
		position: fixed;
		top: 68px;
		max-width: 525px;
		width:calc(100% - 40px) !important;
		background:#000;
		padding:0px;
		margin-top:0px;
		margin-bottom:0px;
		z-index:999;
	}
	.care-content {
		z-index:-1;
	}

	.locations-template .mobile-hours {
		display:flex;
	}
}

@media screen and (max-width:475px){ 
	.logo-item img {
		max-width: 24rem;
		margin:0;
	}
}
@media screen and (max-width:991px){ 

	.locations-template .location-area .container:first-of-type {
		display:flex;
		flex-direction:column-reverse;
	}
	.locations-template .location-tablinks .nav-tabs {
		display:flex;
	}
	.locations-template .location-tablinks .nav-tabs li {
		width:calc(100% / 3);
		height:auto;
	}
	.locations-template .location-tablinks .nav-tabs li a {
		height:100%;
	}
	.locations-template .location-area .location-upper form .location-item {
		display:flex;
		flex-direction:column;
		margin-bottom:0px;
	}
	.locations-template .location-area .location-upper form .location-item .button {
		width:100%;
		padding-left:0px;
		margin-left:0px;
		overflow:hidden;
	}
	.locations-template .location-area .location-tabmain .tab-pane > .row {
		display:flex;
		justify-content:column-reverse;
		height:auto;
	}
	.locations-template .location-area .location-tabmain {
		padding:0px !important;
	}
	.locations-template .location-area .location-tabmain .tab-pane > .row .order-1 {
		height:auto;
	}
	.locations-template .location-area .location-tabmain .tab-pane > .row .order-2 {
		margin-top:0px;
	}
	.locations-template .location-area .location-tabmain .tab-pane .map-left {
		height:auto;
		margin-top:0px;
	}
	.locations-template .location-area .location-tabmain .tab-pane .maptab1 {
		padding-left:0px;
		margin-top:-20px;
	}
	.locations-template .location-area .location-tabmain .tab-pane .map-left .map-section .vertical-textcnt {
		position:absolute;
		background:#1F1F29;
		left:initial;
		display:inline-flex;
		padding:0px 20px;
		height:auto;
		justify-content:center;
		align-items:center;
		top:-49px;
		min-width:125px;		
		justify-content:flex-start;
	}
	.locations-template .location-area .location-tabmain .tab-pane .map-left .map-section .vertical-textcnt span {
		transform:none;
		writing-mode:initial;
		color:#fff;
		font-size:30px;
		font-family:"Moonshiner";
		padding:14px 0px;
		line-height:30px;
		margin-top:-10px;
		text-align:left;
	}
	.locations-template .map-left .map-section {
		border:1px solid #1F1F29;
		margin-top:90px;
		padding-bottom:40px;
	}
	.locations-template .mapleft-item {
		display:flex;
		flex-direction:column;
	}
	.locations-template .mapleft-item .mapleft-cnt {
		width:100%;
		padding:0px 18px;
	}
	.locations-template .mapleft-item .mapright-cnt {
		display:none;
	}
	.locations-template .mapleft-item .mapleft-cnt ul.align-items-center li:first-of-type {
		display:none;
	}
	.locations-template .mapleft-item .mapleft-cnt ul.align-items-center li {
		width:100%;
	}
	.locations-template .mapleft-item .mapleft-cnt ul.align-items-center li a  {
		width:100%;
		max-width:initial;
	}
	.locations-template .mapleft-item .mapleft-cnt ul.align-items-center li a .mobile-only {
		display:block;
	}
	.mapleft-item .mapleft-cnt h3 {
		font-size:30px;
	}
	.mapleft-item .mapleft-cnt p {
		font-size:16px;
	}
	.mapleft-item .mapleft-cnt h4 {
		font-size:20px;
	}
	.mapleft-item .directions {
		display:block;
		font-size:15px; 
		color:#E3C76C;
		font-weight:bold;
		margin-bottom:20px;
	}
	.mapleft-item .directions img {
		margin-left:10px
	}
	.mapleft-cnt p.text-16 {
		max-width: 370px;
	}
	.mapleft-cnt .mobile-hours {
		display:flex;
		justify-content:space-between;
	}
	.mapleft-cnt .mobile-hours > div {
		width:50%;		
		margin-right:24px;
		position:relative;
	}
	.mapleft-cnt .mobile-hours > div:first-of-type:after {
		content:'';
		width:1px;
		height:36px;
		position:absolute;
		right:0px;
		top:6px;
		background:#1F1F29;
	}
	.mapinner-cnt {
		display:flex;
		flex-direction:column;
	}
	.mapinner-cnt a {
		margin-top:10px;
	}
	.mapleft-cnt .button .mobile-only {
		display:inline-block !important;
	}
	.show-map {
		margin-bottom:-100px;
	}
	.show-map,.hide-map {
		display:block;
		max-width:525px;
		margin:20px auto;
	}
	.hide-map-button {
		display:none;
	}
	.tab-content::before {
		display:none;
	}
	.map-right {
		display:flex;
		flex-direction:column;
	}
	.locations-template .location-area2 {
		display:none;
	}
	.locations-template .location-upper {
		display:none;
	}
	.locations-template .map-right-wrapper.sticky {
		position: fixed;
		top: 80px;
		max-width: 525px;
		width:100vw !important;
		background:rgba(0,0,0,0.6);
		padding:0px;
		margin-top:0px;
		margin-bottom:0px;
		z-index:999;
	}
}


@media screen and (max-width:1300px){ 
	.mapleft-item .align-items-center {
		flex-wrap:wrap;
	}

	.mapleft-item .align-items-center  li:first-child a {
		margin-bottom:20px;
	}

}

.gform_ajax_spinner {
	max-width:100%;
	width: 100px !important;
	display:block;
	margin: 20px auto;
}

.embedded .header-area {
	display:none !important;
}
.embedded .footer-area {
	display:none !important;
}
.embedded #preloader {
	display:none !important;
}
.embedded.page-template-tmpl-our-locations .location-area {
	padding-bottom: 14rem;
}
.embedded.page-template-tmpl-our-locations .location-area2 {
	display:none !important;
}
.header-main ul > li {
	white-space: nowrap;
}





/* coopLocations */
.coopLocationsMap{
	padding-top: 175px;
}
.coopLocationsMap__columns{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 0 8.6%;
}
.coopLocationsMap__column_map{
	width: 57.9%;
	flex-shrink: 0;

}
.coopLocationsMap__image{
	width: 100%;
	object-fit: cover;
	aspect-ratio: 475 / 291;
}
.coopLocationsMap__icon{
	width: 105px;
	height: 30px;
}
.coopLocationsMap__icon img{
	width: 100%;
	object-fit: cover;
	aspect-ratio: 7 / 2;
}
.coopLocationsMap__label{
	margin-top: 30px;
	font-size: 21px;
	line-height: 31px;
	letter-spacing: 0px;
	color: #E3C76C;
	font-family: Montserrat;
	font-weight: 500;
}
.coopLocationsMap__title{
	font-size: 100px;
	line-height: 165px;
	font-family: Moonshiner;
}
.coopLocationsMap__description{
	font-size: 21px;
	font-family: Montserrat;
	font-weight: 500;
	line-height: 31px;
	color: #E4E4E4;
}
.coopLocationsMap__linkChoose{
	margin-top: 20px;
	display: flex;
	align-items: flex-end;
	gap: 0 20px;
	font-size: 55px;
	line-height: 60px;
	font-family: Moonshiner;
	color: #E3C76C;
}
.coopLocationsMap__linkChooseIcon{
	width: 33px;
	height: 38px;
	object-fit: cover;
	margin-bottom: 2px;
}
.coopLocations{
	margin-top: 100px;
	margin-bottom: 70px;
}
.coopLocations__items{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 50px 216px;
}
.coopLocationItem{
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-image: url('/wp-content/themes/hngrooming/assets/images/bar.png');
	background-size: contain;
	background-repeat: no-repeat;
	padding-bottom: 50px;
	position: relative;
	background-position: center bottom;
}
.coopLocationItem.coopLocationItem_lastRow{
	background-image: none;
	padding-bottom: 0;
}
.coopLocationItem:nth-child(odd)::after{
	content: "";
	width: 2px;
	height: 100%;
	display: block;
	background-image: url('/wp-content/themes/hngrooming/assets/images/right-bar.png');
	background-repeat: no-repeat;
	background-position: left center;
	background-size: cover;
	position: absolute;
	right: -108px;
	top: 50%;
	transform: translateY(-50%);
}
.coopLocationItem__title{
	font-size: 55px;
	line-height: 60px;
	font-family: Moonshiner;
	color: #E3C76C;
}
.coopLocationItem__titleSub{
	font-size: 35px;
	line-height: 42px;
	font-family: Moonshiner;
	color: #E3C76C;
}
.coopLocationItem__description{
	margin-top: 30px;
	font-size: 18px;
	line-height: 27px;
	font-weight: 500;
	color: #fff;
	font-family: Montserrat;
	max-width: 260px
}
.coopLocationItem__buttons{
	margin-top: 30px;
	display: flex;
	align-items: center;
	gap: 0 30px;
}
.coopLocationItem__buttons .button{
	min-width: 125px
}

.coopLocationItem__buttons .button.memberships-btn{
	min-width: 190px
}
.coopLocationItem__call{
	margin-bottom: 60px;
}
.coopLocationItem__right{
	width: 188px;
}
.coopLocationItem__callTitle{
	font-size: 35px;
	line-height: 42px;
	font-family: Moonshiner;
	color: #FFFFFF;
	text-align: center;
}
.coopLocationItem__callTel{
	margin-top: 16px;
	color: #E3C76C;
	font-size: 24px;
	line-height: 27px;
	font-weight: 500;
	display: block;
	width: 100%;
	text-align: center;
	font-family: Montserrat;
}
.coopLocationItem__timeWorkTitle{
	font-size: 35px;
	line-height: 42px;
	font-family: Moonshiner;
	color: #FFFFFF;
	text-align: center;
}
.coopLocationItem__timeWorkValue{
	margin-top: 11px;
	color: #ffffff;
	font-size: 24px;
	line-height: 27px;
	display: block;
	font-weight: 500;
	font-family: Montserrat;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
}
@media (min-width: 1400px) {
	.container__containerCoop{
		max-width: 1320px;
	}
}
@media (min-width: 1540px) {
	.container__containerCoop{
		max-width: 1655px;
	}
}
@media (max-width: 1539px) {
	.coopLocationsMap__columns{
		gap: 0 40px;
	}
	.coopLocationsMap__column_map{
		width: 55%;
	}
	.coopLocationItem__title{
		font-size: 50px;
	}
}
@media (max-width: 1399px) {
	.coopLocationsMap__column_map{
		width: 50%;
	}
	.coopLocationsMap__image{
		aspect-ratio: 1 / 1;
	}
	.coopLocations__items{
		gap: 50px 80px;
	}
	.coopLocationItem__title{
		font-size: 45px;
	}
	.coopLocationItem:nth-child(odd)::after{
		right: -40px;
	}
}
@media (max-width: 1199px) {
	.coopLocationsMap__columns{
		flex-direction: column;
		gap: 40px 0;
	}
	.coopLocationsMap__column_map{
		width: 100%;
	}
	.coopLocationsMap__image{
		aspect-ratio: 475 / 291;
	}
	.coopLocations__items{
		gap: 50px 20px;
	}
	.coopLocationItem__title{
		font-size: 40px;
	}
	.coopLocationItem:nth-child(odd)::after{
		display: none;
	}
	.coopLocationItem__call{
		margin-bottom: 30px;
	}
	.coopLocationItem__right{
		width: 160px;
	}
	.coopLocationItem__callTitle{
		font-size: 30px;
		line-height: 37px;
	}
	.coopLocationItem__callTel{
		font-size: 20px;
		line-height: 24px;
	}
	.coopLocationItem__timeWorkTitle{
		font-size: 30px;
		line-height: 37px;
	}
	.coopLocationItem__timeWorkValue{
		font-size: 20px;
		line-height: 24px;
	}
	.coopLocationsMap{
		padding-top: 100px;
	}
}
@media (max-width: 991px) {
	.coopLocations__items{
		grid-template-columns: 1fr;
		gap: 50px 0;
	}
	.coopLocationItem.coopLocationItem_lastRow:not(:last-child) {
		background-image: url('/wp-content/themes/hngrooming/assets/images/bar.png');
		padding-bottom: 50px;
	}
	.coopLocationItem__call{
		margin-bottom: 60px;
	}
	.coopLocationItem__right{
		width: 188px;
	}
	.coopLocationItem__callTitle{
		font-size: 35px;
		line-height: 42px;
	}
	.coopLocationItem__callTel{
		font-size: 24px;
		line-height: 27px;
	}
	.coopLocationItem__timeWorkTitle{
		font-size: 35px;
		line-height: 42px;
	}
	.coopLocationItem__timeWorkValue{
		font-size: 24px;
		line-height: 27px;
	}
	.coopLocationItem__title{
		font-size: 55px;
		line-height: 60px;
	}
	.coopLocationsMap {
		padding-top: 80px;
	}

}
@media (max-width: 767px) {
	.coopLocationsMap {
		padding-top: 40px;
	}
	.coopLocationItem__buttons{
		justify-content: center;
	}
	.coopLocationsMap__icon{
		margin: auto;
	}
	.coopLocations__items{
		gap: 25px 0;
	}
	.coopLocationItem{
		padding-bottom: 25px;
	}
	.coopLocationsMap__label{
		font-size: 18px;
		line-height: 24px;
		text-align: center;
	}
	.coopLocationsMap__title{
		font-size: 70px;
		line-height: 100px;
		text-align: center;
	}
	.coopLocationsMap__description{
		text-align: center;
		margin-top: 20px;
	}
	.coopLocationsMap__linkChoose{
		font-size: 30px;
		line-height: 35px;
		justify-content: center;
	}
	.coopLocationsMap__linkChooseIcon{
		width: 20px;
		height: 25px;
	}
	.coopLocations{
		margin-top: 60px;
	}
	.coopLocationItem{
		flex-direction: column;
		gap: 30px 0;
	}
	.coopLocationItem__title{
		font-size: 40px;
		line-height: 50px;
		text-align: center;
	}
	.coopLocationItem__titleSub{
		text-align: center;
		font-size: 30px;
		line-height: 36px;
	}
	.coopLocationItem__description{
		margin: auto;
		margin-top: 20px;
		text-align: center;
		width: 100%;
	}
	.coopLocationItem__call{
		margin-bottom: 30px;
	}
	.coopLocationItem__callTitle{
		font-size: 30px;
		line-height: 37px;
	}
	.coopLocationItem__callTel{
		font-size: 20px;
		line-height: 24px;
	}
	.coopLocationItem__timeWorkTitle{
		font-size: 30px;
		line-height: 37px;
	}
	.coopLocationItem__timeWorkValue{
		font-size: 20px;
		line-height: 24px;
	}
}
@media (max-width: 374px) {
	.coopLocationsMap__title{
		font-size: 50px;
		   line-height: 80px;
	}
	.coopLocationsMap__description{
		font-size: 16px;
		line-height: 24px;
	}
}

/* group events */
.groupEventsForm {
	padding-top: 100px;
	padding-bottom: 50px;
	background-repeat: no-repeat;
	background-position-y: bottom;
	background-size: cover;
	position: relative;
}
.container_groupEventsForm {
	max-width: 1410px;
}
.groupEventsForm::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
	width: 100%;
	height: 100%;
	opacity: 0.7;
}
.container_groupEventsForm {
	position: relative;
}
.groupEventsForm__columns {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 0 20px;

}
.groupEventsForm__column_text {
	width: 39.355%;
}
.groupEventsForm__iconInner {
	width: 105px;
	height: 30px;
	padding-top: 20px;
}
.groupEventsForm__icon {
	width: 100%;
	object-fit: cover;
	aspect-ratio: 7 / 2
}
.groupEventsForm__label {
	font-weight: 500;
	font-family: Montserrat;
	font-size: 21px;
	line-height: 31px;
	color: #E3C76C;
	margin-top: 40px;
}
.groupEventsForm__title {
	font-family: Moonshiner;
	font-size: 100px;
	line-height: 120px;
	color: #fff;
}
.groupEventsForm__description {
	margin-top: 30px;
	color: #E4E4E4;
	font-weight: 500;
	font-family: Montserrat;
	font-size: 21px;
	line-height: 31px;
}
.groupEventsForm__list {
	margin-top: 20px;
}
.groupEventsForm__listItem a {
	font-size: 55px;
	font-family: Moonshiner;
	line-height: 60px;
	text-transform: uppercase;
	color: #E3C76C;
	padding-left: 54px;
	position: relative;
	transition: all 0.3s ease-in-out;
}
.groupEventsForm__listItem a:hover {
	color: #fff;
}
.groupEventsForm__listItem a::before {
	content: '';
	width: 24px;
	height: 22px;
	position: absolute;
	left: 0;
	top: 65%;
	transform: translateY(-50%);
	display: block;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.559' height='21.539'%3E%3Cpath d='m1.5 4.597.511.492a1.742 1.742 0 0 0 .145-.212c.2-.414.4-.827.576-1.248a1.432 1.432 0 0 0 .137-.547.8.8 0 0 1 .311-.607c.514-.5 1.02-1.012 1.524-1.524a.661.661 0 0 1 .4-.218C5.883.626 6.65.509 7.418.397Q8.541.233 9.665.073a2.679 2.679 0 0 1 .561-.04L6.921 3.341l16.637 16.641-1.586 1.557L5.4 4.96 3.645 6.717l.448.471L2.59 8.697 0 6.107l1.5-1.51' fill='%23e3c76c'/%3E%3Cpath d='m21.48 5.108.527-.508 1.523 1.523-2.637 2.6-1.472-1.537.481-.5-1.789-1.746-4.232 4.233L12.33 7.62l4.27-4.271c-.213-.239-.436-.447-.65-.663s-.437-.438-.656-.656l-.677-.677-.656-.655a6.042 6.042 0 0 1-.634-.7c.3.04.593.076.888.119q1.55.225 3.1.454c.384.056.769.108 1.15.177a.56.56 0 0 1 .278.142q.886.87 1.756 1.756a.393.393 0 0 1 .124.223 3.558 3.558 0 0 0 .411 1.365c.135.284.287.559.449.872' fill='%23e3c76c'/%3E%3Cpath d='M1.481 21.507.005 20.031l9.687-9.7 1.485 1.477-9.7 9.7' fill='%23e3c76c'/%3E%3C/svg%3E");
}

.groupEventsForm__column_form {
	/* width: 38.425%; */
	width: 536px;
	flex-shrink: 0;
}
.groupEventsForm__titleForm {
	text-align: center;
	font-size: 55px;
	font-family: Moonshiner;
	line-height: 60px;
	color: #fff;
	margin-bottom: 30px;
	text-transform: uppercase;
}
.groupEventsForm__wrapper .gfield input:not(.gfield-choice-input),
.groupEventsForm__wrapper .gfield select:not(.gfield-choice-input),
.groupEventsForm__wrapper .gfield textarea {
	background: #505050 0 0 no-repeat padding-box !important;
	border-color: transparent !important;
	border-radius: 0 !important;
	color: #fff !important;
	font-family: Montserrat !important;
	font-size: 16px !important;
	height: 47px !important;
	letter-spacing: 0 !important;
	line-height: 40px !important;
	padding: 14px 15px !important
}
.groupEventsForm__wrapper .gfield textarea{
	resize: none;
}
.groupEventsForm__wrapper .gform-theme--foundation .gfield textarea.large{
	min-block-size: 131px;
}
.groupEventsForm__wrapper .gfield input.gfield-choice-input{
	border-block-end: #686e77 !important;
	border-block-start: #686e77 !important;
	border-inline-end: #686e77 !important;
	border-inline-start: #686e77 !important;
}
.groupEventsForm__wrapper .gfield--type-radio .gfield_label {
	color: #fff;
	font-weight: 500;
	font-size: 16px;
	line-height: 19px;
	font-family: Montserrat;
	margin-bottom: 16px;
}
.groupEventsForm__wrapper .gfield--type-radio .gform-field-label {
	color: #fff;
	font-weight: 500;
	font-size: 16px;
	line-height: 19px;
	font-family: Montserrat;
}
.groupEventsForm__wrapper .gform-theme--framework input[type=radio]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before {
	background-color: #E3C76C;
}
.groupEventsForm__wrapper .gfield select:not(.gfield-choice-input) {
	padding: 5px 15px !important
}
.groupEventsForm__wrapper .gfield .ginput_container_select {
	position: relative
}
.groupEventsForm__wrapper .gform_wrapper input[type="email"], .groupEventsForm__wrapper  .gform_wrapper input[type="text"], .groupEventsForm__wrapper .gform_wrapper input[type="tel"] {
	max-width: 100% !important;
}
.groupEventsForm__wrapper .gfield .ginput_container_select:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 100%;
	content: "";
	height: 24px;
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	width: 24px
}

.groupEventsForm__wrapper .gfield input:focus,
.groupEventsForm__wrapper .gfield select:focus,
.groupEventsForm__wrapper .gfield textarea:focus,
.groupEventsForm__wrapper .gform-footer button.button:focus,
.groupEventsForm__wrapper .gform-theme--framework .gform_validation_errors:focus {
	border-color: transparent !important;
	box-shadow: none !important;
	outline: none !important
}
/* .groupEventsForm__wrapper .gform_confirmation_wrapper,
.groupEventsForm__wrapper .validation_message {
	display: none !important
} */

.groupEventsForm__wrapper .gform_validation_errors {
	align-items: center !important;
	border: none !important;
	margin-bottom: 0 !important;
	margin-top: 16px !important;
	order: 1;
	padding: 0 !important
}
.groupEventsForm__wrapper .gform-theme--framework .gform_validation_errors .gform_submission_error{
	text-align: center;
}
.groupEventsForm__wrapper .gform_wrapper {
	display: flex;
	flex-direction: column
}
.groupEventsForm__wrapper .validation_message{
	display: none !important;
}

.groupEventsForm__wrapper .gform-loader {
	border: none !important;
	cursor: wait !important;
	height: 100% !important;
	left: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	position: fixed !important;
	top: 0 !important;
	width: 100% !important;
	z-index: 10000 !important
}
.groupEventsForm__wrapper .gform_fields {
	gap: 23px 16px !important
}
.groupEventsForm__wrapper .gform-footer button.button {
	max-width: 35rem !important;
	width: 100% !important;
	margin: auto !important;
	display: block !important;
	text-align: center !important;
	font-family: var(--montserrat) !important;
	font-size: 1.8rem !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	color: var(--white) !important;
	background: transparent !important;
	border: 0.2rem solid var(--yellow) !important;
	padding: 1rem 1rem !important;
	position: relative !important;
	transition: 0.6s all ease !important;
	z-index: 9 !important;
}
.groupEventsForm__wrapper .gform-footer button.button:hover {
	background: var(--white) !important;
	border-color: var(--white) !important;
	color: var(--yellow) !important;
}

.groupEventsForm__wrapper .gform-footer button.button::before {
	content: "" !important;
	width: 0% !important;
	height: 100% !important;
	background: var(--white) !important;
	position: absolute !important;
	top: 0rem !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	z-index: -1 !important;
	transition: 0.6s all ease !important;
}
.groupEventsForm__wrapper .gform-footer button.button:hover::before {
	width: 100% !important;
}
.groupEventsForm__wrapper .gform-footer button.button::after {
	content: "" !important;
	width: 100% !important;
	height: 100% !important;
	background-image: url('/wp-content/themes/hngrooming/assets/images/hlinkbg.png') !important;
	position: absolute !important;
	top: 0.8rem !important;
	left: 0.8rem !important;
	z-index: 0 !important;
	transition: 0.2s all ease !important;
}
.groupEventsForm__wrapper .gform-footer button.button:hover::after {
	top: 0 !important;
	left: 0 !important;
}
.groupEventsForm__wrapper .gform_wrapper:not(.gform_confirmation_wrapper):after {
	color: #fff;
	margin: auto;
	content: "By clicking submit, I agree to receive marketing communications by text or phone from Hammer & Nails Grooming Shop for Guys. Consent is not a condition of purchase.";
	font-family: Montserrat;
	font-size: 12px;
	letter-spacing: 0;
	line-height: 21px;
	margin-top: 34px;
	display: block;
	max-width: 100%;
	text-align: center
}
.groupEventsForm__scrollDown {
	margin-top: 64px;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.groupEventsForm__scrollDownText {
	text-align: center;
	font-family: Montserrat;
	font-weight: 500;
	font-size: 21px;
	line-height: 31px;
	color: #E4E4E4;
}
.groupEventsForm__scrollDownIcon {
	margin-top: 20px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='26'%3E%3Cpath d='M4.694-.001a4.854 4.854 0 0 1 3.327 1.3l14.4 13.6 14.378-13.6a4.9 4.9 0 0 1 6.644 0 4.265 4.265 0 0 1 0 6.279l-17.709 16.73a4.878 4.878 0 0 1-6.638 0L1.38 7.575a4.26 4.26 0 0 1 0-6.279A4.835 4.835 0 0 1 4.694-.001' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E");
	width: 45px;
	height: 26px;
}
.groupEventsPackages {
	padding-top: 125px;
	margin-bottom: 50px;
}
.container_groupEventsPackages {
	max-width: 1364px;
}
._styleHeading {
	font-size: 100px;
	line-height: 120px;
	font-family: Moonshiner;
	text-transform: uppercase;
	color: #fff;
}
._styleHeading span {
	color: #E3C76C;
}
.groupEventsPackages__title {
	text-align: center;
}
.groupEventsPackages__description {
	margin-top: 30px;
	text-align: center;
	font-family: Montserrat;
	font-weight: 500;
	font-size: 18px;
	color: #fff;
	line-height: 22px;
}
.groupEventsPackages__items {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
	margin-top: 75px;
}
.groupEventsPackages__item {
	background-color: #121114;
	padding: 40px 30px 92px 30px;
}
.groupEventsPackages__titleItem {
	text-align: center;
	font-size: 55px;
	line-height: 63px;
	color: #DDBE64;
	font-family: Moonshiner;
	max-width: 265px;
	margin: auto;
}
.groupEventsPackages__time {
	margin-top: 20px;
	text-align: center;
	font-size: 18px;
	line-height: 22px;
	font-weight: 500;
	color: #fff;
	font-family: Montserrat;
}
.groupEventsPackages__lists {
	margin-top: 40px;
	display: flex;
	flex-direction: column;
	gap: 35px 0;
}
.groupEventsPackages__titleList {
	font-size: 18px;
	line-height: 22px;
	font-weight: 700;
	color: #fff;
	font-family: Montserrat;
}
.groupEventsPackages__list {
	margin-top: 30px;
	display: flex;
	flex-direction: column;
	gap: 20px 0;
}
.groupEventsPackages__listItem {
	font-size: 18px;
	line-height: 24px;
	font-weight: 500;
	color: #fff;
	font-family: Montserrat;
	padding-left: 42px;
	position: relative;
}
.groupEventsPackages__listItem::before {
	content: '';
	width: 14px;
	height: 11px;
	position: absolute;
	left: 0;
	top: 6px;
	background-repeat: no-repeat;
	display: block;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Group 136' width='14' height='10.402'%3E%3Cpath data-name='Path 86' d='M3.977 9.867.5 6.392a1.715 1.715 0 0 1 2.427-2.425L5.1 6.142a.235.235 0 0 0 .331 0L11.073.5A1.716 1.716 0 0 1 13.5 2.927l-6.94 6.94a1.825 1.825 0 0 1-2.581 0' fill='%23e3c76c'/%3E%3C/svg%3E");
}
.groupEventsPackages__descriptions {
	margin-top: 50px;
	text-align: center;
	font-weight: 500;
	font-size: 12px;
	line-height: 21px;
	color: #fff;
	font-family: Montserrat;
	letter-spacing: 0.3px;
}
.groupEventsServices {
	margin-bottom: 125px;
}
.container_groupEventsServices {
	max-width: 1364px;
}
.groupEventsServices__columns {
	display: flex;
	background-color: #121114;
	padding: 43px;
	padding-left: 52px;
	justify-content: space-between;
	align-items: center;
	gap: 0 20px;
}
.groupEventsServices__download {
	font-family: Montserrat;
	font-size: 21px;
	line-height: 25px;
	color: #E3C76C;
	text-transform: capitalize;
}
.groupEventsServices__title {
	font-size: 100px;
	line-height: 120px;
	font-family: Moonshiner;
	color: #fff;
}
.groupEventsServices__column_image {
	width: 345px;
}
.groupEventsServices__image {
	width: 100%;
	object-fit: cover;
	aspect-ratio: 69 / 52;
}
.groupEvents {
	margin-bottom: 207px;
}
.container_groupEvents {
	max-width: 1410px;
}
.groupEvents__items {
	display: flex;
	flex-direction: column;
	gap: 125px 0;
}
.groupEvents__item {
	display: flex;
	justify-content: space-between;
	gap: 0 92px;
	align-items: flex-start;
}
.groupEvents__item_reverse {
	flex-direction: row-reverse;
}
.groupEvents__imageInner {
	width: 50.61%;
	flex-shrink: 0;
}
.groupEvents__image {
	width: 100%;
	object-fit: cover;
	aspect-ratio: 353 / 200; 
}
.groupEvents__titleItem {
	font-size: 55px;
	line-height: 63px;
	font-family: Moonshiner;
	color: #fff;
	white-space: nowrap;
}
.groupEvents__titleItem span {
	color: #E3C76C;
	display: block;
}
.groupEvents__descriptionItem {
	margin-top: 30px;
	font-size: 18px;
	line-height: 26px;
	font-weight: 500;
	font-family: Montserrat;
	color: #fff;
}
.groupEvents__link {
	margin-top: 30px;
	max-width: 100%;
	width: max-content;
	padding: 7px 30px;
	font-size: 18px;
	line-height: 22px;
}
.groupEventsFormFooter {
	margin-bottom: 50px;
}
.container_groupEventsFormFooter {
	max-width: 1410px;
}
.groupEventsFormFooter__columns {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 0 20px;
}
.groupEventsFormFooter__column_text {
	width: 45.66%;
	position: relative;
	top: -30px;
}
.groupEventsFormFooter__column_form {
	width: 536px;
	flex-shrink: 0;
}
.groupEventsFormFooter__title {
	font-family: Moonshiner;
	font-size: 100px;
	line-height: 107px;
	color: #fff;
}
.groupEventsFormFooter__description {
	margin-top: 30px;
	font-weight: 500;
	font-size: 21px;
	line-height: 31px;
	font-family: Montserrat;
	color: #E4E4E4;
}
@media screen and (max-width:1365px) {
	.groupEventsForm {
		padding-top: 80px;
	}
	.groupEventsForm__title {
		font-size: 70px;
		line-height: 90px;
	}
	.groupEventsPackages__item {
		padding: 40px 15px;
	}
	.groupEventsServices__columns {
		padding: 20px;
	} 
	.groupEventsServices__title {
		font-size: 70px;
		line-height: 90px;
	}
	.groupEvents__item {
		gap: 0 20px;
		align-items: stretch;
	}
	.groupEvents__titleItem {
		white-space: initial;
		font-size: 50px;
		line-height: 58px;
	}
	.groupEvents__image {
		height: 100%;
	}
	.groupEvents {
		margin-bottom: 140px;
	}
	.groupEventsFormFooter {
		margin-bottom: 0;
	}
	.groupEventsFormFooter__title {
		font-size: 90px;
		line-height: 97px;
	}
}
@media screen and (max-width:1023px) {
	.groupEventsForm {
		padding-top: 60px;
	}
	.groupEventsForm__columns {
		flex-direction: column;
		gap: 40px 0;
	}
	.groupEventsForm__column_text {
		width: 100%;
	}
	.groupEventsForm__iconInner {
		padding-top: 0;
	}
	.groupEventsForm__column_form {
		width: 100%;
	}
	.groupEventsForm__wrapper .gform_wrapper:after {
		max-width: 70%;
	}
	.groupEventsPackages {
		padding-top: 80px;
		margin-bottom: 40px;
	}
	._styleHeading {
		font-size: 80px;
		line-height: 100px;
	}
	.groupEventsPackages__description {
		margin: auto;
		margin-top: 30px;
		max-width: 70%;
	}
	.groupEventsPackages__items {
		margin-top: 50px;
		gap: 20px 10px;
	}
	.groupEventsPackages__titleItem {
		font-size: 40px;
		line-height: 48px;
	}
	.groupEventsPackages__listItem {
		padding-left: 25px;
	}
	.groupEventsPackages__item {
		padding: 40px 10px;
	}
	.groupEventsPackages__item br {
		display: none;
	}
	.groupEventsServices__title {
		font-size: 50px;
		line-height: 70px;
	}
	.groupEventsServices__column_image {
		width: 250px;
	}
	.groupEventsServices {
		margin-bottom: 80px;
	}
	.groupEvents__items {
		gap: 80px 0;
	}
	.groupEvents__item {
		flex-direction: column;
		gap: 40px 0;
	}
	.groupEvents__imageInner {
		width: 100%;
	}
	.groupEvents__image {
		height: auto;
	}
	.groupEvents__titleItem {
		font-size: 55px;
		line-height: 63px;
	}
	.groupEvents {
		margin-bottom: 80px;
	}
	.groupEventsFormFooter__columns {
		flex-direction: column;
		gap: 40px 0;
	}
	.groupEventsFormFooter__column_text {
		width: 100%;
	}
	.groupEventsFormFooter__column_form {
		width: 100%;
	}
	.groupEventsFormFooter {
		margin-bottom: 60px;
	}
}
@media screen and (max-width:767px) {
	.groupEventsForm__label{
		margin-top: 20px;
		font-size: 18px;
		line-height: 28px;
	}
	.groupEventsForm__title{
		font-size: 50px;
		line-height: 70px;
	}
	.groupEventsForm__titleForm{
		font-size: 50px;
		line-height: 55px;
	}
	.groupEventsForm__wrapper .gform_wrapper:after{
		max-width: 100%;
	}
	.groupEventsForm {
		background-position: center bottom;
	}
	.groupEventsPackages{
		padding-top: 60px;
	}
	._styleHeading{
		font-size: 50px;
		line-height: 60px;
	}
	.groupEventsPackages__items{
		grid-template-columns: 1fr;
		gap: 20px 0;
	}
	.groupEventsPackages__item{
		padding: 40px 20px;
	}
	.groupEventsPackages__item br{
		display: block;
	}
	.groupEventsServices__columns{
		flex-direction: column;
		gap: 20px 0;
	}
	.groupEventsServices__column_image{
		width: 100%;
	}
	.groupEventsServices__title {
		font-size: 55px;
		line-height: 63px;
	}
	.groupEvents__items{
		gap: 60px 0;
	}
	.groupEventsServices{
		margin-bottom: 60px;
	}
	.groupEvents__link {
		padding: 7px 5px;
		font-size: 16px;
		width: 100%;
	}
	.groupEventsFormFooter__title {
		font-size: 55px;
		line-height: 63px;
	}
	.groupEventsFormFooter__columns{
		gap: 20px 0;
	}
	.groupEventsForm__listItem a{
		font-size: 40px;
		line-height: 45px;
	}
	.groupEventsPackages__description{
		max-width: 100%
	}
}
@media screen and (max-width:374px) {
	.groupEventsServices__title {
		font-size: 45px;
		line-height: 53px;
	}
	.groupEvents__titleItem{
		font-size: 45px;
		line-height: 53px;
	}
	.groupEvents__link{
		font-size: 13px;
	}
}