.font-12 {
	font-size: 12px !important;
}

.font-13 {
	font-size: 13px !important;
}

.font-14 {
	font-size: 14px !important;
}

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

.font-16 {
	font-size: 16px !important;
}

.font-17 {
	font-size: 17px !important;
}

.font-18 {
	font-size: 18px !important;
}

.font-19 {
	font-size: 19px !important;
}

.font-20 {
	font-size: 20px !important;
}

.font-21 {
	font-size: 21px !important;
}

.font-22 {
	font-size: 22px !important;
}

.font-23 {
	font-size: 23px !important;
}

.font-24 {
	font-size: 24px !important;
}

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

.font-26 {
	font-size: 26px !important;
}

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

.font-28 {
	font-size: 28px !important;
}

.font-29 {
	font-size: 29px !important;
}

.font-30 {
	font-size: 30px !important;
}

.font-31 {
	font-size: 31px !important;
}

.font-32 {
	font-size: 32px !important;
}

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

.font-34 {
	font-size: 34px !important;
}

.font-35 {
	font-size: 35px !important;
}

.font-36 {
	font-size: 36px !important;
}

.font-37 {
	font-size: 37px !important;
}

.font-38 {
	font-size: 38px !important;
}

.font-39 {
	font-size: 39px !important;
}

.font-40 {
	font-size: 40px !important;
}


@media (min-width: 768px) {
	.font-md-12 {
		font-size: 12px !important;
	}

	.font-md-13 {
		font-size: 13px !important;
	}

	.font-md-14 {
		font-size: 14px !important;
	}

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

	.font-md-16 {
		font-size: 16px !important;
	}

	.font-md-17 {
		font-size: 17px !important;
	}

	.font-md-18 {
		font-size: 18px !important;
	}

	.font-md-19 {
		font-size: 19px !important;
	}

	.font-md-20 {
		font-size: 20px !important;
	}

	.font-md-21 {
		font-size: 21px !important;
	}

	.font-md-22 {
		font-size: 22px !important;
	}

	.font-md-23 {
		font-size: 23px !important;
	}

	.font-md-24 {
		font-size: 24px !important;
	}

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

	.font-md-26 {
		font-size: 26px !important;
	}

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

	.font-md-28 {
		font-size: 28px !important;
	}

	.font-md-29 {
		font-size: 29px !important;
	}

	.font-md-30 {
		font-size: 30px !important;
	}

	.font-md-31 {
		font-size: 31px !important;
	}

	.font-md-32 {
		font-size: 32px !important;
	}

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

	.font-md-34 {
		font-size: 34px !important;
	}

	.font-md-35 {
		font-size: 35px !important;
	}

	.font-md-36 {
		font-size: 36px !important;
	}

	.font-md-37 {
		font-size: 37px !important;
	}

	.font-md-38 {
		font-size: 38px !important;
	}

	.font-md-39 {
		font-size: 39px !important;
	}

	.font-md-40 {
		font-size: 40px !important;
	}

	.font-md-41 {
		font-size: 41px !important;
	}

	.font-md-42 {
		font-size: 42px !important;
	}

	.font-md-43 {
		font-size: 43px !important;
	}

	.font-md-44 {
		font-size: 44px !important;
	}

	.font-md-45 {
		font-size: 45px !important;
	}

	.font-md-46 {
		font-size: 46px !important;
	}

	.font-md-47 {
		font-size: 47px !important;
	}

	.font-md-48 {
		font-size: 48px !important;
	}

	.font-md-49 {
		font-size: 49px !important;
	}

	.font-md-50 {
		font-size: 50px !important;
	}

	.font-md-51 {
		font-size: 51px !important;
	}

	.font-md-52 {
		font-size: 52px !important;
	}
}

.confirm {
	padding: 0.5rem 2rem !important;
	border-radius: 7px !important;
}

.login-form,
.form-two,
.form-three,
.form-four {
	display: none;
}

.invalid-feedback {
	text-align: left;
}

/* flower background css */

.bg-flower {
	background-color: #5c33a0;
	background: linear-gradient(to bottom, #5c33a0 270px, #fff 0%);
	overflow: hidden;
}

.bg-flower:before {
	content: url(../img/anniversary-image/icons/svg/texture-2.svg);
	position: absolute;
	top: -8vw;
	left: -6vw;
}

.bg-flower:after {
	content: url(../img/anniversary-image/icons/svg/texture-2.svg);
	position: absolute;
	top: -8vw;
	right: -6vw;
}

/* .youtube_flower:after{
	content: url(../img/anniversary-image/icons/svg/texture-2.svg);
	position: absolute;
    top: -8vw;
    right: -6vw; 
} */

.mdb-select {
	background-color: transparent;
	border: 0;
	border-bottom: 1px solid #ced4da;
	border-radius: 0;
	outline: 0;
	width: 100%;
	position: relative;
	z-index: 2;
	display: block;
	height: 40px;
	padding: 0;
	font-size: 1rem;
	line-height: 2.9rem;
	text-overflow: ellipsis;
	cursor: pointer;
	color: #495057;
}

.white-bg-flower:before {
	content: url(../img/anniversary-image/icons/svg/texture-1.svg);
	position: absolute;
	bottom: 15vw;
	left: 0vw;
}

.white-bg-flower:after {
	content: url(../img/anniversary-image/icons/svg/texture-01.svg);
	position: absolute;
	bottom: 15vw;
	right: 0vw;

}

.flower_position:before,
.flower_position:after {
	bottom: 0vw !important;
}

.flower_positions:before,
.flower_positions:after {
	top: -17vw !important;
}

.logo_card {
	z-index: 99;
}

/* .text-black{color:#000} */

.bg-purple {
	background-color: #5c33a0;
}


.btn:hover,
.text-purple {
	color: #5c33a0;
}

.time-slot {
	border-radius: 500px;
}

.purple-circle {
	background: #5c33a0;
	color: #ffff67;
	width: 40px;
	height: 40px;
	margin: 0 auto;
	padding: 5px;
	font-size: 18px;
	font-weight: 500;
	background: radial-gradient(#5c33a0 50%, #1b0340);
}

.grey-circle {
	background: lightgrey;
	color: #ffff67;
	width: 40px;
	height: 40px;
	margin: 0 auto;
	padding: 5px;
	font-size: 18px;
	font-weight: 500;
	/* background: radial-gradient(#5c33a0 50%, #1b0340); */
}

.yellow-circle {
	background: #fcd422;
	color: #ffff67;
	width: 40px;
	height: 40px;
	margin: 0 auto;
	padding: 5px;
	font-size: 18px;
	font-weight: 500;
}

.third-circle,
.second-circle {
	position: relative;
}

.grey-line:before {
	content: '';
	position: absolute;
	top: 50%;
	width: 253px;
	height: 3px;
	background-color: lightgrey;
	right: 40px;
}

.yellow_purple:before {
	content: '';
	position: absolute;
	top: 50%;
	width: 240px;
	height: 3px;
	right: 40px;
	background-image: linear-gradient(to right, #fcd422, #5c33a0);
}

.yellow_line:before {
	content: '';
	position: absolute;
	top: 50%;
	width: 240px;
	height: 3px;
	right: 40px;
	background-color: #fcd422;
}

.first-circle p,
.second-circle p,
.third-circle p {
	position: relative;
	z-index: 9999;
}

.text-yellow {
	color: #fcd422;
}

.btn-continue {
	background: #fcd422;
	position: relative;
	text-transform: none;
}

.btn {
	padding: 0 !important;
	/* padding:.375rem .75rem !important; */
	margin: unset !important;
	-webkit-box-shadow: unset !important;
	box-shadow: unset !important;
}

/* .btn-continue:after{
    content: '\f105';
	position: absolute;
    top: 0;
	right:0;
	font-family: FontAwesome;
	background-color: #5c33a0;
    width: 36px;
    height: 36px;
	text-align: center;
	font-size:23px;
	color: white;
	font-weight:600px;
} */

.md-form input:not([type]):focus:not([readonly]),
.md-form input[type="text"]:not(.browser-default):focus:not([readonly]),
.md-form input[type="email"]:not(.browser-default):focus:not([readonly]),
.md-form input[type="tel"]:not(.browser-default):focus:not([readonly]),
.md-form input[type="number"]:not(.browser-default):focus:not([readonly]),
.md-form input[type="search"]:not(.browser-default):focus:not([readonly]),
.md-form textarea.md-textarea:focus:not([readonly]) {
	border-bottom: 1px solid #5c33a0 !important;
	-webkit-box-shadow: 0 1px 0 0 #5c33a0 !important;
	box-shadow: 0 1px 0 0 #5c33a0 !important;
}

.md-form input:not([type]):focus:not([readonly])+label,
.md-form input[type="text"]:not(.browser-default):focus:not([readonly])+label,
.md-form input[type="email"]:not(.browser-default):focus:not([readonly])+label,
.md-form input[type="tel"]:not(.browser-default):focus:not([readonly])+label,
.md-form input[type="number"]:not(.browser-default):focus:not([readonly])+label,
.md-form input[type="search"]:not(.browser-default):focus:not([readonly])+label,
.md-form input[type="phone"]:not(.browser-default):focus:not([readonly])+label {
	color: #5c33a0 !important;
}

.md-form input:not([type]):focus:not([readonly])+label,
.md-form input[type="text"]:not(.browser-default):focus:not([readonly])+label,
.md-form input[type="email"]:not(.browser-default):focus:not([readonly])+label,
.md-form input[type="tel"]:not(.browser-default):focus:not([readonly])+label,
.md-form input[type="number"]:not(.browser-default):focus:not([readonly])+label,
.md-form input[type="phone"]:not(.browser-default):focus:not([readonly])+label {
	color: #5c33a0 !important;
}


.btn-register {
	background: white;
	position: relative;
	text-transform: none;
	border: 1px solid #5c33a0 !important;
}

.dish_lish li {
	line-height: 2rem;
	font-size: 16px;
}


.list_one:before,
.list_two:before,
.list_three:before,
.list_four:before,
.list_five:before,
.list_six:before,
.list_seven:before,
.list_eight:before,
.list_nine:before {
	content: '1';
	background: #5c33a0;
	width: 15px;
	height: 15px;
	position: absolute;
	top: 4px;
	left: 0px;
	color: white;
	font-size: 10px;
	text-align: center;
}

button#next-btn {
	width: 57%;
}

.list_two:before {
	content: '2';
}

.list_three:before {
	content: '3';
}

.list_four:before {
	content: '4';
}

.list_five:before {
	content: '5';
}

.list_six:before {
	content: '6';
}

.list_seven:before {
	content: '7';
}

.list_eight:before {
	content: '8';
}

.list_nine:before {
	content: '9';
}


.purple_underline:after {
	content: " ";
	position: absolute;
	left: 0;
	right: 0;
	top: calc(100% + 1rem);
	margin: 0 auto;
	width: 4rem;
	height: 1.5px;
	background: #5c33a0;
}

.hr_line:after {
	content: ' ';
	width: 2px;
	height: 100%;
	background: #5c33a0;
	position: absolute;
	top: 0%;
	left: 0%;
}

.m-10 {
	margin-left: 10rem;
}

/* mobile view css*/

@media (max-width: 768px) {
	.hr_line:after {
		display: none;
	}

	.email_id {
		top: 38px !important;
	}

	#see-event {
		width: 100% !important;
		text-align: left !important;
	}

	.step-one p {
		text-align: left !important;
	}

	.Complimentary,
	.group-90,
	button#next-btn {
		width: 100% !important;
	}

	/* .btn-continue:after{top:unset; bottom:0;} */
	.grey-line:before,
	.yellow_line:before,
	.yellow_purple:before {
		width: 63px;
	}

	/* .btn-continue{width:90% !important;} */
	.process_bar {
		width: 100% !important;
	}

	.m-10 {
		margin-left: unset;
	}
}

@media (max-width: 767px) {

	.Visualytes_img,
	.logo_img {
		width: 100% !important;
	}
}

#email_error {
	display: none;
	width: 100%;
	margin-top: .25rem;
	color: #dc3545;
	margin-bottom: 10%;
	border: 2px solid;
}

#firstname_error,
#lastname_error {
	width: 100%;
	margin-top: .25rem;
	color: #dc3545;
	text-align: left;
}

#login_check {
	display: none;
	width: 100%;
	border: 2px solid;
}

.danger {
	color: #dc3545 !important;
}

.success {
	color: #01ab29 !important;
}

#booked {
	color: #dc3545;
}

.error_msg {
	display: none;
	width: 100%;
	margin-top: .25rem;
	color: #dc3545;
	border: 1px solid;
}

.error_msg2,
.error_msg3,
.error_msg4 {
	display: none;
	width: 100%;
	margin-top: .25rem;
	color: #dc3545;
}

/* .form-check-input.is-valid~.form-check-label, .was-validated .form-check-input:valid~.form-check-label{color:#5c33a0 !important} */






















/* login page css */
.chats.active p {
	color: #5c33a0;
	font-weight: 700;
	font-size: 18px;
	background: #f7ee64;
	cursor: pointer;
}

.member {
	font-weight: 700;
	font-size: 18px;
	color: #5c33a0a8;
	cursor: pointer;
}