/*============
font-family: 'Montserrat', sans-serif;
=============*/
* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
}

ul {
	list-style: none;
}

a {
	text-decoration: none;
}

p,
ul,
li {
	margin: 0;
	padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
}

body {
	font-family: 'Montserrat', sans-serif;
	background-color: #f4f6f9;
}

/*=========================================*/
/*===============Start Logo Area===========*/
/*=========================================*/
#main-body-section {
	padding-bottom: 120px;
}

.logo-area {
	background: -o-linear-gradient(293.79deg,
			#ffa48f 2.26%,
			#ff4793 19.49%,
			#a65ce0 42.8%,
			#5986e0 66.16%,
			#00c9c9 87.87%);
	background: linear-gradient(156.21deg,
			#ffa48f 2.26%,
			#ff4793 19.49%,
			#a65ce0 42.8%,
			#5986e0 66.16%,
			#00c9c9 87.87%);
	border-radius: 0px 0px 300px 300px;
	text-align: center;
	padding: 199px 0px 137px;
}

.logo {
	padding-bottom: 27px;
}

.logo img {}

.user-profile-area {
	width: 278px;
	height: 278px;
	background: #ffffff;
	border-radius: 50%;
	margin: 0 auto;
	position: relative;
}

.user-profile {
	/* padding: 32px 75px 32px 56px; */
	padding: 12px;
}

.user-profile img {
	width: 145px;
	height: 213px;
}

.profile-img-link {
	position: absolute;
	bottom: 13%;
	right: 0%;
}

.profile-img-link img {}

/*=========================================*/
/*===============End Logo Area===========*/
/*=========================================*/
/*=========================================*/
/*===========Start Upload HairStyle========*/
/*=========================================*/
.hairstyle-upload-area-start {
	padding: 107px 0px 136px;
}

.hairstyle-upload-area {
	width: 55%;
	margin: 0 auto;
}

.hairrstyle-heading {
	text-align: center;
}

.hairrstyle-heading h1 {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-size: 40px;
	line-height: 120%;
	text-align: center;
	color: #040814;
	padding-bottom: 8px;
}

.hairrstyle-heading p {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	color: #171b26;
}

/*=========================================*/
/*===========End Upload HairStyle========*/
/*=========================================*/
/*=========================================*/
/*=======Start Upload Hair Style Form Area==*/
/*=========================================*/
.upload-hairstyle-form-area {
	background: #ffffff;
	border-radius: 16px;
	padding: 65px;
	margin-top: 24px;
}

.camera-upload {}

.camera-upload {}

.camera {
	background: -o-linear-gradient(left,
			#00c9c9 0%,
			#5a85e0 63.02%,
			#5a85e0 70.83%);
	background: -webkit-gradient(linear,
			left top,
			right top,
			from(#00c9c9),
			color-stop(63.02%, #5a85e0),
			color-stop(70.83%, #5a85e0));
	background: linear-gradient(90deg,
			#00c9c9 0%,
			#5a85e0 63.02%,
			#5a85e0 70.83%);
	border-radius: 32px;
	width: 65%;
	margin: 0 auto;
}

.camera {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 14px 38px;
}

.camera img {
	margin-right: 8px;
}

.camera p {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	color: #ffffff;
}

.or-section {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 24px 0px;
}

.or-section hr {
	width: 50%;
	height: 2px;
}

.or-section p {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 21px;
	text-align: center;
	color: #828ca5;
	padding: 0px 5px;
}

.hairstyle-upload-local-dirve {
	background: #f8fafd;
	border-radius: 8px;
}

.form-group {
	position: relative;
}

.form-group input {
	width: 100%;
	height: 100%;
	padding: 24px 16px;
	opacity: 0;
	position: relative;
	cursor: pointer;
	z-index: 999;
}


.hairstyle-upload-here {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	top: 0%;
	left: 0%;
	height: 100%;
	width: 100%;
	z-index: 99;
}

.hair-img {}

.hair-img img {
	margin-right: 10px;
	margin-left: 10px;
	cursor: pointer;
}

.upload-text {}

.upload-text h2 {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	text-align: left;
	color: #00c9c9;
	padding-bottom: 4px;
	cursor: pointer;
}

.upload-text p {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 21px;
	text-align: left;
	color: #171b26;
}

.login-crteate-area {
	padding-top: 24px;
}

.account-yet p {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	color: #171b26;
	padding-bottom: 8px;
}

.login-create {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.login-here {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	color: #00c9c9;
}

.or-class {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	color: #171b26;
	padding: 0px 5px;
}

.crteate-account-here {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	color: #00c9c9;
}

/*=========================================*/
/*=======Start Upload Hair Style Form Area==*/
/*=========================================*/
/*=========================================*/
/*=========Start Footer Section Area======*/
/*=========================================*/
.main-footer-area {
	background-color: #171b26;
	padding: 24px 0px;
	text-align: center;
}

.copyright-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.footer-logo-img {
	margin-right: 10px;
}

.copyright-text a {
	color: #00C9C9
}

.copyright-text {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #ffffff;
}

.copyright-text p a {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	color: #00c9c9;
}

/*=========================================*/
/*=========End Footer Section Area======*/
/*=========================================*/
/*=========================================*/
/*==============Start Body Effect===========*/
/*=========================================*/
.body-effect-area {}

.body-effect-left-up {
	position: absolute;
	top: 5%;
	left: 20%;
	z-index: -1;
	height: 350px;
	width: 350px;
	background: #00c9c9;
	-webkit-filter: blur(400px);
	filter: blur(400px);
}

.body-effect-left {
	position: absolute;
	top: 75%;
	left: 20%;
	z-index: -1;
	height: 250px;
	width: 250px;
	background: #ff8891;
	-webkit-filter: blur(165.909px);
	filter: blur(165.909px);
}

.body-effect-left img {
	width: 100%;
	height: 100%;
}

.body-effect-up {
	position: absolute;
	top: -2%;
	right: 0%;
	z-index: -1;
}

.body-effect-up img {
	height: 550px;
	width: 400px;
}

/*=========================================*/
/*==============End Body Effect===========*/
/*=========================================*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------Page Two Start----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*==================================*/
/*======Start Hair Analysis Area=======*/
/*==================================*/
.responsive-logo-new {
	display: none;
}

.hair-analysis-main-area {
	padding: 0px 150px 0px 145px;
}

.hair-analysis-heading {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 8px;
}

.hair-analysis-heading h4 {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	color: #171b26;
}

.hair-analysis-heading p {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #171b26;
}

.showing-bar-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.bar-left {
	-ms-flex-preferred-size: 46%;
	flex-basis: 46%;
	background: -webkit-gradient(linear,
			left top,
			right top,
			from(#00c9c9),
			to(#5a85e0));
	background: -o-linear-gradient(left, #00c9c9 0%, #5a85e0 100%);
	background: linear-gradient(90deg, #00c9c9 0%, #5a85e0 100%);
	border-radius: 2px;
	height: 8px;
}

.bar-right {
	-ms-flex-preferred-size: 46%;
	flex-basis: 46%;
	background: -webkit-gradient(linear,
			left top,
			right top,
			from(#00c9c9),
			to(#5a85e0));
	background: -o-linear-gradient(left, #00c9c9 0%, #5a85e0 100%);
	background: linear-gradient(90deg, #00c9c9 0%, #5a85e0 100%);
	border-radius: 2px;
	height: 8px;
}

.black-bar {
	background: #e3e9f2;
	border-radius: 2px;
}

/*==================================*/
/*======End Hair Analysis Area=======*/
/*==================================*/
/*==================================*/
/*======Start Build Profile Area=======*/
/*==================================*/
.build-profile-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.build-profile-heading {}

.build-profile-heading h1 {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-size: 24px;
	line-height: 36px;
	color: #040814;
}

.already-account-login {
	padding: 16px 0px;
}

.already-account-login p {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #171b26;
}

.already-account-login p a {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	color: #00c9c9;
}

/*==================================*/
/*======End Build Profile Area=======*/
/*==================================*/
/*==================================*/
/*========Start Promo Applied=========*/
/*==================================*/
.promo-applied-area {
	background: -o-linear-gradient(356.58deg,
			#ffa48f 1.13%,
			#ff4793 21.03%,
			#a65ce0 47.95%,
			#5986e0 74.93%,
			#00c9c9 100%),
		#00c9c9;
	background: linear-gradient(93.42deg,
			#ffa48f 1.13%,
			#ff4793 21.03%,
			#a65ce0 47.95%,
			#5986e0 74.93%,
			#00c9c9 100%),
		#00c9c9;
	border-radius: 4px;
	padding: 16px 24px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.checkmark {}

.checkmark img {
	height: 43px;
	width: 43px;
	border-radius: 50%;
	margin-right: 24px;
}

.promo-text {}

.promo-text h2 {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	line-height: 30px;
	color: #ffffff;
}

.promo-text p {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #ffffff;
}

/*==================================*/
/*========End Promo Applied=========*/
/*==================================*/
/*==================================*/
/*======Start Hair Style Type========*/
/*==================================*/
.hair-style-type-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 32px;
}

.heading-hair-style {}

.heading-hair-style h1 {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-size: 15px;
	line-height: 30px;
	text-align: center;
	color: #ffffff;
	padding: 10px 29.5px;
	background: -o-linear-gradient(359.51deg, #ff7cb2 0%, #ff4793 99.96%);
	background: linear-gradient(90.49deg, #ff7cb2 0%, #ff4793 99.96%);
	border-radius: 8px;
	width: 100%;
	display: block;
	margin-bottom: 24px;
}

.flex-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.natural-hair-style {
	-ms-flex-preferred-size: 47%;
	flex-basis: 47%;
}

.hair-structure-area {
	-ms-flex-preferred-size: 47%;
	flex-basis: 47%;
}

.hair-style-item {
	text-align: center;
}

.hair-style-item img {
	height: 56px;
	width: 56px;
	border-radius: 50%;
	margin-bottom: 8px;
}

.hair-style-item p {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 21px;
	text-align: center;
	color: #171b26;
}

/*==================================*/
/*======End Hair Style Type========*/
/*==================================*/
/*==================================*/
/*=======Start Button Area===========*/
/*==================================*/
.main-button-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-top: 1px solid #e3e9f2;
	padding-top: 24px;
	margin-top: 24px;
}

.previous-btn {}

.previous-btn button {
	border: none;
	background: none;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	color: #00c9c9;
	padding: 14px 58px 14px 40px;
	background: #ffffff;
	border-radius: 32px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.previous-btn button i {
	font-size: 30px;
}

.previous-btn button:hover {
	background: -webkit-gradient(linear,
			left top,
			right top,
			from(#00c9c9),
			to(#5a85e0));
	background: -o-linear-gradient(left, #00c9c9 0%, #5a85e0 100%);
	background: linear-gradient(90deg, #00c9c9 0%, #5a85e0 100%);
	border-radius: 32px;
	color: #ffffff;
}

.previous-btn button:hover i {
	color: #ffffff;
}

.next-btn {}

.next-btn button {
	border: none;
	background: none;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	color: #00c9c9;
	padding: 14px 40px 14px 54px;
	background: #ffffff;
	border-radius: 32px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.next-btn button i {
	font-size: 30px;
}

.hover-img {
	display: none;
	margin-right: 7px;
}

.orginal {
	margin-right: 7px;
}

.next-btn button:hover .hover-img {
	display: block;
}

.next-btn button:hover .orginal {
	display: none;
}

.next-btn button:hover {
	background: -webkit-gradient(linear,
			left top,
			right top,
			from(#00c9c9),
			to(#5a85e0));
	background: -o-linear-gradient(left, #00c9c9 0%, #5a85e0 100%);
	background: linear-gradient(90deg, #00c9c9 0%, #5a85e0 100%);
	border-radius: 32px;
	color: #ffffff;
}

.next-btn button:hover i {
	color: #ffffff;
}

/*==================================*/
/*=======Start Button Area===========*/
/*==================================*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------Page Three Start----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*==================================*/
/*===Start Select Hair Goals Area====*/
/*==================================*/
.select-hair-goals-area {}

.hari-golas-heading {
	margin: 24px 0px 16px;
	align-items: baseline;
}

.hari-golas-heading h1 {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-size: 24px;
	line-height: 36px;
	color: #ffffff;
	padding: 10px 16px;
	background: -o-linear-gradient(359.51deg, #ff7cb2 0%, #ff4793 99.96%);
	background: linear-gradient(90.49deg, #ff7cb2 0%, #ff4793 99.96%);
	border-radius: 8px;
	margin-bottom: 8px;
}

.notice-text {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #171b26;
}

.hair-select-option {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 8px;
}

.select-item {
	margin-bottom: 8px;
}

.new-overlay-bg {
	opacity: 0.9;
	/* background-color: rgba(0,0,0,0.1); */
}

.new-overlay-bg p {
	color: #00c9c9 !important;
	/* opacity: 0.5; */
	background: #dcffff;
	border: 1px solid #00c9c9 !important;
	padding: 0 2px;
	border-radius: 8px;
	font-weight: 600 !important;
}

.select-item button {
	border: none;
	background: none;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 21px;
	color: #171b26;
	padding: 6px 12px;
	background: #ffffff;
	border: 1px solid #e3e9f2;
	border-radius: 8px;
	margin-right: 4px;
}

/* .select-item button:focus {
	color: #00c9c9;
	background: #dcffff;
	border: 1px solid #00c9c9;
	border-radius: 8px;
	font-weight: 600;
} */

.select-item-selected {
	color: #00c9c9 !important;
	/* opacity: 0.5; */
	background: #dcffff;
	border: 1px solid #00c9c9 !important;
	border-radius: 8px;
	font-weight: 600 !important;
}

/*==================================*/
/*===End Select Hair Goals Area====*/
/*==================================*/
/*==================================*/
/*=Start What is your Favourit Area=*/
/*==================================*/
.what-is-your-favorite-section {
	background: #ffffff;
	border-radius: 8px;
	padding: 20px;
	margin-top: 30px;
}

.what-is-heading {}

.what-is-heading h1 {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-size: 24px;
	line-height: 36px;
	color: #040814;
	margin-bottom: 8px;
}

.what-is-heading p {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #171b26;
	margin-bottom: 14px;
}

.search-here-area {
	margin-bottom: 14px;
}

.search {
	position: relative;
}

.search input {
	border: none;
	background: none;
	padding: 14px 20px;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #828ca5;
	background: #ffffff;
	border: 1px solid #e3e9f2;
	border-radius: 4px;
	padding-left: 52px;
	width: 100%;
}

.search-icon {
	position: absolute;
	top: 30%;
	left: 3%;
}

.search-item-here {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 8px;
}

.search-item {}

.search-item button {
	border: none;
	background: none;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 21px;
	color: #171b26;
	padding: 6px 12px;
	background: #f0f4fb;
	border: 1px solid #f0f4fb;
	border-radius: 8px;
	margin-right: 4px;
}

/*==================================*/
/*=End What is your Favourit Area=*/
/*==================================*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------Page Four Start----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#bg-for-bd {
	background: -o-linear-gradient(349.18deg,
			#ffa48f 1.32%,
			#ff4793 21.18%,
			#a65ce0 48.04%,
			#5986e0 74.97%,
			#00c9c9 100%);
	background: linear-gradient(100.82deg,
			#ffa48f 1.32%,
			#ff4793 21.18%,
			#a65ce0 48.04%,
			#5986e0 74.97%,
			#00c9c9 100%);
	background-repeat: no-repeat;
	min-height: 100vh;
	padding-top: 65px;
	background-attachment: fixed;
	padding-bottom: 0px;
	box-sizing: border-box;
}

.profile-img-area {
	text-align: center;
}

.logo-new {
	margin-bottom: 32px;
}

.scan-box {
	/* background: url(../images/scan-box.svg) no-repeat scroll 0 0 / 100% 100%;
	background-size: 100% 100%; */
	background:
		linear-gradient(to right, #fff 6px, transparent 6px) 0 0,
		linear-gradient(to right, #fff 6px, transparent 6px) 0 100%,
		linear-gradient(to left, #fff 6px, transparent 6px) 100% 0,
		linear-gradient(to left, #fff 6px, transparent 6px) 100% 100%,
		linear-gradient(to bottom, #fff 6px, transparent 6px) 0 0,
		linear-gradient(to bottom, #fff 6px, transparent 6px) 100% 0,
		linear-gradient(to top, #fff 6px, transparent 6px) 0 100%,
		linear-gradient(to top, #fff 6px, transparent 6px) 100% 100%;

	background-repeat: no-repeat;
	background-size: 50px 50px;

	text-align: center;
	display: inline-block;
	min-height: 200px;
	min-width: 200px;
	margin: 0 auto;
	padding: 16px;
}

.profile-img {
	position: relative;
	margin: auto;
	/* border-radius: 20px; */
}

.profile-img img {
	position: relative;
}

.profile-img video {
	/* border-radius: 10%; */
	/* margin-top: 40px; */
	max-width: 400px;
	max-height: 400px;
	display: block;
	margin: auto;
}

/* .profile-img:after {
	content: '';
	clear: both;
	position: absolute;
	top: 55%;
	left: 5%;
	background: #ffffff;
	height: 3.64684px;
	width: 280px;
	border-radius: 9.72491px;
} */

.user-details {
	padding-top: 24px;
}

.user-details h2 {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-size: 32px;
	line-height: 48px;
	text-align: center;
	color: #ffffff;
	padding-bottom: 6px;
}

.user-details p {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	color: #ffffff;
}

.profile-body-main {
	position: sticky;
	/* background: url(../images/effect-002.png)no-repeat scroll 0 0 / 100% 100%; */
	z-index: 10;
	width: 100%;
	left: 0;
}

.effect-001 {
	position: absolute;
	background: url(../images/effect-002.png) no-repeat scroll 0 0 / 100% 100%;
	z-index: 10;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------Page Five Start----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*==================================*/
/*===Start Left Side Profile Area====*/
/*==================================*/
.user-profie-details-area {}

.main-profile-group {
	position: relative;
}


/* .vibrate-2 {
	-webkit-animation: vibrate-2 2s linear infinite both;
	animation: vibrate-2 2s linear infinite both;
} */

/* @-webkit-keyframes vibrate-2 {
	0% {
		-webkit-transform: translate(0);
		transform: translate(0);
	}

	20% {
		-webkit-transform: translate(2px, -2px);
		transform: translate(2px, -2px);
	}

	40% {
		-webkit-transform: translate(2px, 2px);
		transform: translate(2px, 2px);
	}

	60% {
		-webkit-transform: translate(-2px, 2px);
		transform: translate(-2px, 2px);
	}

	80% {
		-webkit-transform: translate(-2px, -2px);
		transform: translate(-2px, -2px);
	}

	100% {
		-webkit-transform: translate(0);
		transform: translate(0);
	}
} */
@keyframes vibrate-1 {
	0% {
		-webkit-transform: translate(0);
		transform: translate(0);
	}

	25% {
		-webkit-transform: translate(2px, 0px);
		transform: translate(2px, 0px);
	}

	50% {
		-webkit-transform: translate(0);
		transform: translate(0);
	}

	75% {
		-webkit-transform: translate(-2px, 0px);
		transform: translate(-2px, 0px);
	}

	100% {
		-webkit-transform: translate(0);
		transform: translate(0);
	}
}

@keyframes vibrate-2 {
	0% {
		-webkit-transform: translate(0);
		transform: translate(0);
	}

	20% {
		-webkit-transform: translate(2px, -2px);
		transform: translate(2px, -2px);
	}

	40% {
		-webkit-transform: translate(2px, 2px);
		transform: translate(2px, 2px);
	}

	60% {
		-webkit-transform: translate(-2px, 2px);
		transform: translate(-2px, 2px);
	}

	80% {
		-webkit-transform: translate(-2px, -2px);
		transform: translate(-2px, -2px);
	}

	100% {
		-webkit-transform: translate(0);
		transform: translate(0);
	}
}

@keyframes vibrate-3 {
	0% {
		-webkit-transform: translate(0);
		transform: translate(0);
	}

	25% {
		-webkit-transform: translate(0px, 2px);
		transform: translate(0px, 2px);
	}

	50% {
		-webkit-transform: translate(0);
		transform: translate(0);
	}

	75% {
		-webkit-transform: translate(0px, -2px);
		transform: translate(0px, -2px);
	}

	100% {
		-webkit-transform: translate(0);
		transform: translate(0);
	}
}

.profile-box {
	position: absolute;
	background-color: rgba(0, 0, 0, 0.4);
	border-radius: 10px;
	padding: 10px 16px;
	-webkit-animation: vibrate-1 2s linear infinite both;
	animation: vibrate-1 2s linear infinite both;
	z-index: 2;
}

.profile-box2 {
	position: absolute;
	background-color: rgba(0, 0, 0, 0.4);
	border-radius: 10px;
	padding: 10px 16px;
	-webkit-animation: vibrate-2 2s linear infinite both;
	animation: vibrate-2 2s linear infinite both;
}

.profile-box3 {
	position: absolute;
	background-color: rgba(0, 0, 0, 0.4);
	border-radius: 10px;
	padding: 10px 16px;
	-webkit-animation: vibrate-3 2s linear infinite both;
	animation: vibrate-3 2s linear infinite both;
}

.profile-box-title {
	display: block;
	color: white;
}

.profile-box-button {
	display: block;
	/* background-color:rgba(0,0,0,0.3); */
	background: -o-linear-gradient(330.54deg, #ff7cb2 0%, #ff4793 98.21%);
	background: linear-gradient(119.46deg, #ff7cb2 0%, #ff4793 98.21%);
	border-radius: 10px;
	color: white;
	margin-top: 10px;
	text-transform: capitalize;
	padding: 3px 3px;
}

.tooltip-text {
	visibility: hidden;
	width: 10rem;
	background: -o-linear-gradient(330.54deg, #ff7cb2 0%, #ff4793 98.21%);
	background: linear-gradient(119.46deg, #ff7cb2 0%, #ff4793 98.21%);
	color: white;
	text-align: left;
	border-radius: 6px;
	padding: 5px;
	padding-left: 16px;
	position: absolute;
}

.profile-box-button:hover .tooltip-text {
	visibility: visible;
}

.main-profile-img {
	padding: 10px;
	background: #fff;
	border-radius: 20px;
	/* margin-bottom: 15px; */
}

.main-profile-img img {
	width: 100%;
	/* height: 30vh; */
	/* min-height: 350px; */
	border-radius: 14px;
	object-fit: contain;
}

.profile-img-details {
	text-align: left;
}

.profile-img-details h1 {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-size: 32px;
	line-height: 48px;
	color: #040814;
	margin-bottom: 4px;
}

.profile-img-details span {
	color: #00c9c9;
}

.profile-img-details p {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #171b26;
	margin-bottom: 8px;
}

.thank-you-notice {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.icon-here {
	margin-right: 16px;
}

.thank-you-text {}

.thank-you-text p {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #171b26;
}

.analysis-area {
	margin-top: 37px;
	margin-bottom: 40px;
}

.analysis-heading {
	text-align: left;
	padding-bottom: 16px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 16px;
}

.analysis-left-arrow {
	margin-right: 15px;
}

.analysis-heading h1 {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	line-height: 30px;
	color: #040814;
}

.analysis-item {
	height: 126px;
	border-radius: 8px;
}

.item-text-here {
	padding-top: 84px;
	padding-left: 16px;
	text-align: left;
}

.item-text-here h4 {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	color: #ffffff;
}

.item-text-here p {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 21px;
	color: #ffffff;
}

.item-one {
	background: url(../images/profile-page/Analysis-slider/01.png) no-repeat scroll 0 0 / 100% 100%;
}

.item-two {
	background: url(../images/profile-page/Analysis-slider/02.png) no-repeat scroll 0 0 / 100% 100%;
}

.item-three {
	background: url(../images/profile-page/Analysis-slider/01.png) no-repeat scroll 0 0 / 100% 100%;
}

/*==================================*/
/*===End Left Side Profile Area====*/
/*==================================*/
/*==================================*/
/*======Start Right Side Area========*/
/*==================================*/
.right-side-slider-area {
	padding-left: 50px;
}

.logoArea {
	padding: 40px 0px 24px;
}

.goal-perferences-tip-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.goal-slider-area {
	-ms-flex-preferred-size: 65%;
	flex-basis: 65%;
	background: -o-linear-gradient(349.18deg,
			#ffa48f 1.32%,
			#ff4793 21.18%,
			#a65ce0 48.04%,
			#5986e0 74.97%,
			#00c9c9 100%);
	background: linear-gradient(100.82deg,
			#ffa48f 1.32%,
			#ff4793 21.18%,
			#a65ce0 48.04%,
			#5986e0 74.97%,
			#00c9c9 100%);
	border-radius: 16px;
	padding: 24px;
}

.goal-heading {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 21px;
}

.goal-left-arrow {
	margin-right: 15px;
}

.goal-heading h1 {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	line-height: 30px;
	color: #ffffff;
}

.goal-slider {
	/*
    display: flex;
    justify-content: space-between;
    align-items: center;
*/
}

.goal-slider-item {}

.goal-slider-item img {}

.custom-slider {
	background: -o-radial-gradient(5% 0%,
			56.02% 61.73%,
			#a3ffbc 0%,
			#00c9c9 100%);
	background: radial-gradient(56.02% 61.73% at 5% 0%, #a3ffbc 0%, #00c9c9 100%);
	-webkit-box-shadow: 0px 8px 16px rgba(129, 11, 108, 0.32);
	box-shadow: 0px 8px 16px rgba(129, 11, 108, 0.32);
	border-radius: 8px;
	/*
    width: 120px;
    height: 108px;
*/
}

.custom-slider p {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 21px;
	color: #ffffff;
	text-align: center;
	padding-top: 70px;
}

.tip-area {
	-ms-flex-preferred-size: 33%;
	flex-basis: 33%;
	background: -o-linear-gradient(330.54deg, #ff7cb2 0%, #ff4793 98.21%);
	background: linear-gradient(119.46deg, #ff7cb2 0%, #ff4793 98.21%);
	border-radius: 16px;
	padding: 16px 24px;
}

.tip-area h3 {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	line-height: 30px;
	color: #ffffff;
}

.tip-area p {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #ffffff;
}

.recommendation-slider-area {
	background: #ffffff;
	border-radius: 14px;
	padding: 24px;
	margin-top: 24px;
}

.recommendation-heading {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 16px;
	padding-bottom: 16px;
}

.recommendation-heading h1 {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-size: 24px;
	line-height: 36px;
	color: #040814;
}

.recommendation-slider {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.recommendation-slider-item {
	background: #00c9c9;
	border-radius: 16px;
}

.recommendation-slider-item img {
	border-radius: 16px;
	width: 100%;
	height: 270px;
}

.slider-text {
	text-align: center;
}

.slider-text h2 {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	line-height: 30px;
	color: #ffffff;
	background: #00c9c9;
	border-radius: 16px;
	padding: 16px 0px;
}

.slder-arrow {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.rec-left-arrow {
	margin-right: 15px;
}

.rec-right-arrow {}

/*==================================*/
/*======End Right Side Area========*/
/*==================================*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------Page Six Start----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*==================================*/
/*========Star Summary Area===========*/
/*==================================*/
.summary-profile-area {}

.summay-profile {}

.summay-profile img {
	width: 100%;
}

.wash-go-details {
	background: #171b26;
	border-radius: 16px;
	width: 78%;
	margin: 0 auto;
	padding: 24px 40px;
	margin-top: -70px;
	position: relative;
	z-index: 999;
}

.wahs-go-heading {}

.wahs-go-heading h1 {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-size: 24px;
	line-height: 36px;
	color: #ffffff;
}

.flexBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.wash {}

.wash h1 {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	font-size: 40px;
	line-height: 120%;
	color: #00c9c9;
}

.wash p {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	color: #828ca5;
}

.wash h6 {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	color: #828ca5;
}

.summary-text {
	background: -o-linear-gradient(332.94deg,
			#ffa48f 1.63%,
			#ff4793 21.43%,
			#a65ce0 48.21%,
			#5986e0 75.05%,
			#00c9c9 100%);
	background: linear-gradient(117.06deg,
			#ffa48f 1.63%,
			#ff4793 21.43%,
			#a65ce0 48.21%,
			#5986e0 75.05%,
			#00c9c9 100%);
	border-radius: 16px;
	padding: 24px;
	text-align: left;
	margin-top: 40px;
}

.summary-text h1 {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
	line-height: 36px;
	color: #ffffff;
}

.summary-text p {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #ffffff;
}

/*==================================*/
/*========End Summary Area===========*/
/*==================================*/
/*==================================*/
/*========End Product Area===========*/
/*==================================*/
.product-area {
	background: #ffffff;
	border-radius: 14px;
	padding: 24px;
}

.product-slider-item {}

.product-text {
	text-align: center;
}

.product-text h1 {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	color: #171b26;
}

.product-text h3 {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 30px;
	text-align: center;
	color: #00c9c9;
}

/*==================================*/
/*========End Product Area===========*/
/*==================================*/
/*==================================*/
/*========Start Regimen Area===========*/
/*==================================*/
.regimen-slider-area {
	padding: 24px 0px 33px;
}

.regimen-slider {}

.regimen-slider-item {}

.regimen-slider-item h1 {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	line-height: 30px;
	color: #171b26;
}

.regimen-slider-item p {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #171b26;
}

.expectations-area {
	margin-top: 36px 0px 8px;
}

.expectations-area h1 {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
	line-height: 36px;
	color: #040814;
	margin-bottom: 8px;
}

.expectations-area p {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #171b26;
}

/*==================================*/
/*========End Regimen Area===========*/
/*==================================*/
/*==================================*/
/*========Start Video Area===========*/
/*==================================*/
#main-video-area {
	margin-bottom: 133px;
}

.blog-img {
	width: 360px;
}

.blog-text h2 {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	line-height: 30px;
	color: #040814;
}

.blog-text p {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	color: #171b26;
	padding: 14px 0px;
}

.blog-text span {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #171b26;
}

.responsive-regimen {
	display: none;
}

/*==================================*/
/*========End Video Area===========*/
/*==================================*/
.main-download-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.download-item {
	-ms-flex-preferred-size: 20%;
	flex-basis: 20%;
}

.download-item img {}

.download-btn {
	text-align: center;
	margin-top: 48px;
}

.download-btn button {
	border: none;
	background: none;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	color: #ffffff;
	padding: 18px 48px;
	background: -webkit-gradient(linear,
			left top,
			right top,
			from(#00c9c9),
			to(#5a85e0));
	background: -o-linear-gradient(left, #00c9c9 0%, #5a85e0 100%);
	background: linear-gradient(90deg, #00c9c9 0%, #5a85e0 100%);
	border-radius: 32px;
}

.download-app-text {}

.download-app-text h1 {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-size: 24px;
	line-height: 36px;
	text-align: center;
	color: #ffffff;
	padding: 24px 0px 8px;
}

.download-app-text p {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	color: #ffffff;
}

.custom-padding {
	padding: 0px;
	margin: 0px;
	padding-top: 90px;
}